@import url('https://fonts.googleapis.com/css?family=Philosopher:400,400i,700,700i&subset=vietnamese');

.glyphicon {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.glyphicon-calendar:before {
    content: "\f274"
}

.glyphicon-chevron-left:before {
    content: "\f053"
}

.glyphicon-chevron-right:before {
    content: "\f054"
}

[class^=icon-],[class*=" icon-"] {
    display: inline-block;
    font: normal normal normal 14px/1 NSSIcons;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0,0);
    vertical-align: -10%;
    background: #fff
}

.glyphicon {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.glyphicon-calendar:before {
    content: "\f274"
}

.icon-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -25%
}

.icon-horizon {
    width: 14px
}

.icon-lg.icon-horizon {
    width: 22px
}

.icon-nss:before {
    content: "\e607"
}

.icon-nss_sm:before {
    content: "\e608"
}

.icon-callcenter:before {
    content: "\e609"
}

.icon-today:before {
    content: "\e600"
}

.icon-qrcode:before {
    content: "\e601"
}

.icon-enter:before {
    content: "\e602"
}

.icon-exit:before {
    content: "\e603"
}

.icon-yahoo:before {
    content: "\e604"
}

.icon-old-phone:before {
    content: "\e606"
}

.icon-icq:before {
    content: "\e605"
}

.icon-viber:before {
    content: "\e60a"
}

.icon_new {
    background: url(../images/icons/new.gif) no-repeat;
    display: inline-block;
    height: 16px;
    width: 38px
}

.icon_new_small {
    background: url(../images/squared-blue.png) no-repeat 0 8px
}

.icon_list {
    background: url(../images/arrow_left_orange.png) no-repeat 0 8px
}

img {
    max-width: 100%;
    height: auto
}

h1,h2,h3,h4,h5,h6 {
    font-weight: 700;
    font-family: philosopher,sans-serif;
    color: #e6bd65
}

h1 {
    font-size: 24px;
    line-height: 26px
}

h2 {
    font-size: 22px;
    line-height: 24px
}

h3 {
    font-size: 20px;
    line-height: 22px
}

h4 {
    font-size: 16px;
    line-height: 20px
}

h5 {
    font-size: 15px;
    line-height: 20px
}

h6 {
    font-size: 14px;
    line-height: 20px
}

.text-black {
    color: #000!important
}

.text-white {
    color: #fff!important
}

.has-error div.radio-box,.has-error div.check-box {
    border-color: #a94442
}

.text-normal {
    font-weight: 400
}

.text-bold {
    font-weight: 800
}

.modal-dialog {
    max-width: 500px
}

.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {
    background-color: #56412e
}

.form-control {
    color: #fff;
    background-color: #968372;
    background-image: none;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    transition: unset;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.form-control:focus {
    border-color: unset;
    box-shadow: unset;
    background-color: #e6bd65;
    color: #312316
}

.form-control::placeholder {
    color: #fff;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #fff
}

.form-control::-ms-input-placeholder {
    color: #fff;
    font-style: italic
}

.row5 {
    margin-left: -5px;
    margin-right: -5px
}

.col-xs5,.col-sm5,.col-md5,.col-lg5 {
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px
}

.col-xs5 {
    width: 20%;
    float: left
}

@media (min-width: 768px) {
    .col-sm5 {
        width:20%;
        float: left
    }
}

@media (min-width: 992px) {
    .col-md5 {
        width:20%;
        float: left
    }
}

@media (min-width: 1200px) {
    .col-lg5 {
        width:20%;
        float: left
    }
}

.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px
}

.row {
    margin-left: -10px;
    margin-right: -10px
}

.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12,.col-xs-13,.col-sm-13,.col-md-13,.col-lg-13,.col-xs-14,.col-sm-14,.col-md-14,.col-lg-14,.col-xs-15,.col-sm-15,.col-md-15,.col-lg-15,.col-xs-16,.col-sm-16,.col-md-16,.col-lg-16,.col-xs-17,.col-sm-17,.col-md-17,.col-lg-17,.col-xs-18,.col-sm-18,.col-md-18,.col-lg-18,.col-xs-19,.col-sm-19,.col-md-19,.col-lg-19,.col-xs-20,.col-sm-20,.col-md-20,.col-lg-20,.col-xs-21,.col-sm-21,.col-md-21,.col-lg-21,.col-xs-22,.col-sm-22,.col-md-22,.col-lg-22,.col-xs-23,.col-sm-23,.col-md-23,.col-lg-23,.col-xs-24,.col-sm-24,.col-md-24,.col-lg-24 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative
}

.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,.pagination > .active > span:focus {
    background-color: transparent;
    border-color: #e6bd65;
    color: #e6bd65
}

.pagination > li > a:hover,.pagination > li > span:hover,.pagination > li > a:focus,.pagination > li > span:focus {
    border-color: #e6bd65;
    background-color: transparent;
    color: #e6bd65
}

.pagination > li > a,.pagination > li > span {
    color: #fff;
    width: 35px;
    height: 35px;
    padding: 7px;
    margin: 0 2px;
    text-align: center;
    background: 0 0
}

.pagination > li:first-child > a,.pagination > li:first-child > span,.pagination > li:last-child > a,.pagination > li:last-child > span {
    border: 0;
    font-size: 30px;
    margin-top: -12px;
    background: 0 0
}

.pagination > li:first-child > a:hover,.pagination > li:first-child > span:hover,.pagination > li:first-child > a:focus,.pagination > li:first-child > span:focus,.pagination > li:last-child > a:hover,.pagination > li:last-child > span:hover,.pagination > li:last-child > a:focus,.pagination > li:last-child > span:focus {
    background: 0 0;
    color: #f9b611
}

.form-control:focus {
    border-color: #cc0606;
    box-shadow: 0 1px 1px rgba(0,0,0,.075) inset,0 0 8px rgba(204,6,6,.6);
    outline: 0
}

.form-horizontal .control-label {
    margin-bottom: 0;
    padding-top: 7px;
    text-align: right
}

.btn-primary {
    background-color: #cc0606;
    border-color: #cc0606;
    color: #fff
}

.btn-primary:hover {
    background-color: #6b0002;
    border-color: #6b0002;
    color: #fff
}

.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-ss-block,.visible-ss-inline,.visible-ss-inline-block {
    display: none
}

.hidden-ss-block {
    display: block!important
}

.hidden-ss-inline {
    display: inline!important
}

.hidden-ss-inline-block {
    display: inline-block!important
}

.margin {
    margin: 10px
}

.margin-right {
    margin-right: 10px
}

.margin-left {
    margin-left: 10px
}

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

.margin-bottom {
    margin-bottom: 10px
}

.margin-sm {
    margin: 4px
}

.margin-right-sm {
    margin-right: 4px
}

.margin-left-sm {
    margin-left: 4px
}

.margin-top-sm {
    margin-top: 4px
}

.margin-bottom-sm {
    margin-bottom: 4px
}

.margin-lg {
    margin: 15px
}

.margin-right-lg {
    margin-right: 15px
}

.margin-left-lg {
    margin-left: 15px
}

.margin-top-lg {
    margin-top: 15px
}

.margin-bottom-lg {
    margin-bottom: 15px
}

.padding-top {
    padding-top: 10px
}

.padding-left {
    padding-left: 10px
}

.padding-right {
    padding-right: 10px
}

.padding-bottom {
    padding-bottom: 10px
}

.boder-top {
    border-top: 1px solid #ccc
}

.boder-bottom {
    border-bottom: 1px solid #ccc
}

.border-left {
    border-left: 1px solid #ccc
}

.border-right {
    border-right: 1px solid #ccc
}

.column-margin-left {
    margin-left: 10px!important
}

.bg-gainsboro {
    background-color: silver
}

.bg-lavender {
    background-color: #eee
}

.load-bar {
    display: inline-block;
    vertical-align: middle;
    width: 33px;
    height: 8px;
    background: transparent url(../../../assets/images/load_bar.gif);
    margin: auto 10px
}

.centered {
    text-align: center;
    font-size: 0
}

.centered > div {
    float: none;
    display: inline-block;
    text-align: left;
    font-size: 14px
}

.nv-info {
    border-width: 1px;
    border-style: solid;
    border-color: #d4d4d4;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #f7f7f7;
    color: #333;
    padding: 10px
}

.nv-info.error {
    background-color: #efd7d7!important;
    border-color: #dca8a6!important
}

.nv-info.success {
    background-color: #e5f1fb!important;
    border-color: #8dc1ed!important
}

.nv-info:before {
    display: inline-block;
    font-family: FontAwesome;
    font-size: 20px;
    line-height: 1;
    vertical-align: middle;
    margin-right: 5px
}

.nv-info.error:before {
    content: " \f057 ";
    color: #a94442
}

.nv-info.success:before {
    content: " \f13a ";
    color: #449d44
}

.clear {
    clear: both
}

.fl {
    float: left
}

.fr {
    float: right
}

.pointer {
    cursor: pointer
}

.middle {
    vertical-align: middle
}

.align-bottom {
    vertical-align: bottom
}

.align-top {
    vertical-align: top
}

ul,ol {
    list-style: none
}

.input-group-btn {
    font-size: 14px!important
}

.radius-top-left {
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px
}

.radius-top-right {
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px
}

.radius-bottom-left {
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.radius-bottom-right {
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.radius {
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.bg-gradient {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjMiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background-image: linear-gradient(to bottom,rgba(255,255,255,.8) 0%,rgba(255,255,255,.3) 100%)
}

.box-shadow {
    box-shadow: 0 0 4px rgba(0,0,0,.15);
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.15)
}

.fix-box {
    position: inherit!important;
    margin-left: 0!important
}

.well {
    padding: 8px;
    line-height: 18px
}

.well p {
    margin: 0
}

textarea.required {
    background-position: right 10px
}

select.required {
    background-position: calc(100% - 15px) 10px
}

label.required {
    padding-right: 20px
}

label.radio-box,label.check-box {
    font-weight: 400;
    margin-right: 20px;
    cursor: pointer
}

div.radio-box,div.check-box {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0,0,0,.075) inset;
    padding: 10px
}

.has-error div.radio-box,.has-error div.check-box {
    border-color: #a94442
}

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

.display-table {
    display: table
}

.display-table > * {
    display: table-row
}

.display-table > * > * {
    display: table-cell;
    padding: 5px
}

.tooltip-inner {
    max-width: 250px;
    padding: 10px;
    color: #fff;
    text-align: left!important;
    background-color: #0c2138;
    border-radius: 4px;
    height: auto;
    overflow: auto
}

.tooltip-inner img.pull-left {
    margin: 3px 5px 1px 0
}

.tooltip-inner img.pull-right {
    margin: 3px 1px 0 5px
}

.ui-widget {
    font-size: 12px!important;
    font-weight: 400!important;
    line-height: 18px!important
}

.ui-datepicker {
    width: 18em!important
}

.ui-datepicker select.ui-datepicker-month {
    width: 59%!important;
    font-weight: 400!important
}

.ui-datepicker select.ui-datepicker-year {
    width: 39%!important;
    font-weight: 400!important
}

figure {
    position: relative;
    padding: 3px;
    display: block;
    margin: 10px 0;
    text-align: center
}

figure.article {
    background: #949494
}

figure.left {
    float: left;
    margin: 5px 10px 10px 0
}

figure.right {
    float: right;
    margin: 5px 0 10px 10px
}

figure.center {
    float: none;
    background: 0 0;
    margin: 0 auto 10px;
    padding-top: 0;
    text-align: center
}

figure.noncaption {
    background: 0 0;
    padding: 0
}

figcaption {
    text-align: center;
    margin-top: 5px;
    font-weight: 700
}

figure figcaption {
    font-size: 12px;
    font-weight: 400
}

figure.article figcaption {
    color: #fff
}

figure.article.center figcaption {
    color: inherit
}

figure.avatar {
    margin-top: 0!important
}

figure.avatar figcaption {
    position: absolute;
    bottom: 12px;
    left: 3px;
    width: calc(100% - 6px);
    background: #1182c8;
    color: #fff;
    font-size: 11px
}

a,a:link,a:active,a:visited {
    color: #e6bd65;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

a:hover,a:focus {
    text-decoration: none;
    color: #f4e079
}

a.dimgray {
    color: #6b0002
}

a.dimgray:hover {
    color: #6b0002
}

a.black {
    color: #ebebeb
}

a.black:hover {
    color: #fff
}

iframe {
    border: 0
}

.m-bottom {
    margin-bottom: 10px!important
}

.wraper {
    position: relative;
    width: 1080px;
    margin: 0 auto
}

.container,.rel {
    position: relative
}

.fa-fix {
    margin-right: -5px
}

.fa-pointer {
    cursor: pointer
}

.fa-horizon {
    width: 14px
}

.fa-lg.fa-horizon {
    width: 22px
}

h3.sm {
    font-size: 16px
}

span.keyword {
    background: #ff0
}

.nv-fullbg {
    min-height: 100%
}

a.btn {
    color: #fff
}

html,body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0
}

body {
    color: #fff;
    font-family: philosopher,sans-serif;
    font-size: 15px;
    font-style: normal;
    line-height: 1.42857;
    background-image: url(../images/bg-body.gif);
    background-repeat: repeat
}

header {
    position: fixed;
    top: 0px;
    left: 0;
    right: 0;
    display: block;
    width: 100%;
    padding: 3px 0;
    margin: 0;
    background-image: url(../images/bg-general.gif);
    background-repeat: repeat;
    z-index: 2
}

header .wrapper {
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #002627
}

header .wrapper .logo {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 209px;
    display: block;
    top: -40px;
    z-index: 9
}

header .wrapper .logo img {
    max-width: 100%;
    height: auto;
    padding: 0;
    margin-top: 42px;
}

header .wrapper .headtop {
    position: relative;
    width: calc(100% - 209px);
    margin: 0;
    padding: 0;
    display: block;
    float: right
}

header .wrapper .headtop .headermenu {
    position: relative;
    display: block;
    margin: 0;
    padding: 0 0 0 20px;
    width: calc(100% - 55px);
    float: left
}

header .wrapper .headtop .headermenu .navbar {
    position: relative;
    min-height: auto;
    margin-bottom: 0;
    border: 0
}

header .wrapper .headtop .headermenu .navbar-collapse {
    padding: 0
}

header .wrapper .headtop .headerContent {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    width: 120px;
    float: left
}

header .wrapper .headtop .headerSearch {
    position: relative;
    display: block;
    float: left;
    margin: 0;
    padding: 12px 0 0;
    width: 50px;
    text-align: center
}

header .wrapper .headtop .headerSearch a.search {
    margin: 0 0 0 10px;
    font-size: 18px;
    color: #dcaf32;
    border: 0
}

header .wrapper .headtop .headerSearch a.search .s_search {
    position: absolute;
    min-width: 200px;
    top: 40px;
    right: 0;
    opacity: 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
    z-index: 99
}

header .wrapper .headtop .headerSearch a.search:focus .s_search,header .wrapper .headtop .headerSearch a.search:hover .s_search,header .wrapper .headtop .headerSearch a.search:active .s_search {
    opacity: 1
}

header .wrapper .headtop .headerSearch a.search .s_search input {
    border: 0;
    width: 100%;
    -moz-box-shadow: 0 3px 11px rgba(0,0,0,.5),inset 0 0 1px #000;
    -webkit-box-shadow: 0 3px 11px rgba(0,0,0,.5),inset 0 0 1px #000;
    box-shadow: 0 3px 11px rgba(0,0,0,.5),inset 0 0 1px #000
}

header .wrapper .headtop .headerSearch a.search .s_search button {
    border: 0;
    position: absolute;
    top: 4px;
    right: 0;
    color: #dcaf32;
    font-size: 15px;
    background: 0 0
}

.showbannersub {
    position: relative;
    display: block;
    width: 100%;
    padding: 0 0 3px;
    margin: 0;
    background-image: url('../../../images/bg-general.jpg');
    background-repeat: repeat;
    opacity: .5
}

.showbannersub .sbs_wrapper {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    height: 350px;
    background-size: 1840px 1015px;
    background-repeat: no-repeat;
    background-position: 0 -240px;
    opacity: .4!important
}

.bghome1 {
    position: relative;
    width: 100%;
    padding: 40px 0 20px;
    margin: 0;
    background-color: #002627
}

section {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 20px 0;
    overflow: hidden
}

section .breadcrumbs-wrap {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 20px 0
}

section .breadcrumbs-wrap .breadcrumbs {
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0
}

section .breadcrumbs-wrap .breadcrumbs li {
    float: left;
    padding: 0 20px 0 0;
    margin: 0 10px 0 0;
    background-image: url(../images/arrow-right-white.png);
    background-position: center right;
    background-repeat: no-repeat
}

section .breadcrumbs-wrap .breadcrumbs li:last-child {
    padding: 0;
    margin: 0;
    background-image: none
}

section .breadcrumbs-wrap .breadcrumbs a {
    padding: 0;
    float: left;
    text-decoration: none;
    color: #fff;
    position: relative
}

section .breadcrumbs-wrap .breadcrumbs li:last-child a {
    color: #e6bd65
}

section .breadcrumbs-wrap .breadcrumbs a:hover {
    color: #e6bd65
}

section .bodytext {
    position: relative;
    display: table;
    width: 100%;
    padding: 0;
    margin: 0 0 20px
}

section .bodytext ul {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    margin: 20px 0
}

section .bodytext ul li {
    position: relative;
    width: 100%;
    padding: 3px 0;
    margin: 0;
    list-style: inside
}

section .bodytext ul,section .bodytext ol {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    margin: 20px
}

section .bodytext ul {
    list-style-type: circle
}

section .bodytext ol {
    list-style-type: decimal
}

section .page {
    padding: 0;
    margin: 0;
    position: relative;
    display: block;
    width: 100%
}

section .page .otherview {
    position: relative;
    display: block;
    width: 100%
}

section .page .panel-heading {
    background-image: linear-gradient(to bottom,rgba(0,0,0,.05) 0%,rgba(0,0,0,0) 100%)!important;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 10px
}

section .page .panel-primary > .panel-heading {
    background-color: #555;
    border-color: #444!important;
    color: #fff
}

section .page .panel {
    border: 1px solid #ebebeb!important
}

footer {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    color: #fff
}

footer .wrapper {
    position: relative;
    width: 100%;
    padding: 3px;
    margin: 0;
    background-image: url(../images/bg-general.gif);
    background-repeat: repeat
}

footer .wrapper:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    background-image: url(../images/bg-conner.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 23px;
    height: 23px;
    z-index: 1
}

footer .wrapper:after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    padding: 0;
    margin: 0;
    background-image: url(../images/bg-conner.jpg);
    background-repeat: no-repeat;
    background-position: -23px 0;
    width: 23px;
    height: 23px;
    z-index: 1
}

footer .wrapper .s_top {
    position: relative;
    width: 100%;
    padding: 55px;
    margin: 0;
    background-color: #002627;
    min-height: 250px
}

footer .wrapper .s_top h4 {
    color: #deb549
}

footer .wrapper .s_top:before {
    position: absolute;
    content: "";
    bottom: -3px;
    left: -3px;
    padding: 0;
    margin: 0;
    background-image: url(../images/bg-conner.jpg);
    background-repeat: no-repeat;
    background-position: 0 -23px;
    width: 23px;
    height: 23px;
    z-index: 1
}

footer .wrapper .s_top:after {
    position: absolute;
    content: "";
    bottom: -3px;
    right: -3px;
    padding: 0;
    margin: 0;
    background-image: url(../images/bg-conner.jpg);
    background-repeat: no-repeat;
    background-position: -23px -23px;
    width: 23px;
    height: 23px;
    z-index: 1
}

footer .s_bottom {
    position: relative;
    width: 100%;
    padding: 20px 0;
    text-align: center;
    color: #deb549;
    text-transform: uppercase
}

.footer-menu {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0
}

.footer-menu ul {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0
}

.footer-menu ul li {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0
}

.footer-menu ul li a {
    position: relative;
    width: 100%;
    padding: 3px 0;
    margin: 0;
    color: #fff;
    display: block
}

.footer-menu ul li a:hover {
    position: relative;
    color: #deb549
}

.footer-menu ul ul {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0
}

.footer-menu ul ul li {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0
}

.footer-menu ul ul li a {
    position: relative;
    width: 100%;
    padding: 3px 0;
    color: #333;
    font-weight: 300;
    margin: 0;
    display: block
}

.footer-menu ul ul li a:hover {
    color: #ed1c24
}

.seek {
    position: relative;
    width: 100%;
    padding: 20px;
    margin: 0;
    display: block;
    background-color: #fff;
    color: #333
}

#socialList {
    list-style: none;
    padding: 0;
    margin: 0
}

#socialList h3 {
    color: #fff
}

.contactList {
    list-style: none;
    padding: 0;
    margin: 0
}

ul.socialList {
    list-style: none;
    padding: 0;
    margin: 0
}

ul.socialList li,.contactList li {
    display: inline-block;
    margin-right: 2px
}

ul.socialList li:last-child,ul.contactList li:last-child {
    margin-right: 0!important
}

ul.socialList li a {
    display: block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    background-image: url(../images/bg-small-general.gif);
    background-repeat: repeat;
    background-size: 100% auto;
    color: #292929;
    text-align: center;
    font-size: 16px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

ul.socialList li a:hover {
    color: #fff
}

ul.socialList li a[href*=facebook]:hover {
    background: #3d5d8c
}

ul.socialList li a[href*=google]:hover,.socialList li a[href*=youtube]:hover {
    background: #dd4b39
}

ul.socialList li a[href*=twitter]:hover {
    background: #50a0d7
}

ul.socialList li a[href*=instagram]:hover {
    background: #d04668
}

ul.socialList li a[href*=linkedin]:hover {
    background: #007bb6
}

ul.socialList li a[href*=pinterest]:hover {
    background: #be4037
}

ul.socialList li a[href*=feeds]:hover {
    background: #f90
}

ul.socialList li .fa {
    margin-right: -4px
}

.block_default {
    margin: 0 0 20px;
    position: relative;
    display: block;
    padding: 2px;
    background-image: url(../images/bg-general.gif);
    background-repeat: repeat
}

.block_default .bd_wrapper {
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #312316
}

.block_default .bd_wrapper h3.title {
    padding: 20px 10px 30px;
    margin: 0;
    position: relative;
    display: block;
    color: #fff;
    text-transform: uppercase;
    text-align: center
}

.block_default .bd_wrapper h3.title::before {
    position: absolute;
    content: "";
    bottom: 0;
    padding: 0;
    margin: 0 auto;
    background-image: url(../images/bg-all.png);
    background-repeat: no-repeat;
    background-position: -171px -82px;
    width: 264px;
    height: 14px;
    z-index: 1;
    left: 0;
    right: 0
}

.block_default .bd_wrapper .s_content {
    padding: 0;
    margin: 0;
    position: relative;
    display: block
}

.block_simple {
    margin: 0;
    position: relative;
    display: block;
    padding: 0
}

.block_simple h3.title {
    padding: 0 0 10px;
    margin: 0 0 20px;
    position: relative;
    display: block;
    color: #deb549
}

.block_simple h3.title:before {
    padding: 0;
    margin: 0;
    position: absolute;
    content: "";
    width: 100px;
    display: block;
    height: 2px;
    background-color: #deb549;
    bottom: 0;
    left: 0
}

.block_simple .s_content {
    padding: 0;
    margin: 0 0 20px;
    position: relative;
    display: block
}

.bbwrapper {
    position: relative;
    padding: 50px 0;
    margin: 0 auto
}

.block_border {
    padding: 2px;
    margin: 0 auto;
    position: relative;
    display: table;
    background-image: url(../images/bg-general.gif);
    background-repeat: repeat
}

.block_border .bb_wrapper {
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #261a0e
}

.block_border .bb_wrapper h3.title {
    padding: 0 20px;
    margin: 0 auto;
    position: relative;
    display: table;
    color: #fff;
    left: 0;
    right: 0;
    text-align: center;
    top: -13px;
    background-color: #261a0e
}

.block_border .bb_wrapper h3.title::before {
    position: absolute;
    content: "";
    top: -6px;
    left: -37px;
    padding: 0;
    margin: 0;
    background-image: url(../images/bg-all.png);
    background-repeat: no-repeat;
    background-position: -67px -93px;
    width: 37px;
    height: 38px;
    z-index: 1
}

.block_border .bb_wrapper h3.title::after {
    position: absolute;
    content: "";
    top: -6px;
    right: -37px;
    padding: 0;
    margin: 0;
    background-image: url(../images/bg-all.png);
    background-repeat: no-repeat;
    background-position: -111px -93px;
    width: 37px;
    height: 38px;
    z-index: 1
}

.block_border .bb_wrapper .s_content {
    padding: 20px;
    margin: 0;
    position: relative;
    display: block
}

.block_border_special {
    padding: 0;
    margin: 50px 0;
    position: relative;
    border: 2px solid #bf8c30;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px
}

.block_border_special:before {
    position: absolute;
    content: "";
    top: -2px;
    left: 20px;
    padding: 0;
    margin: 0;
    width: calc(100% - 40px);
    height: 2px;
    z-index: 0;
    background-image: -moz-linear-gradient(left,#bf8c30 0%,#fbe96a 50%,#bf8c30);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#bf8c30),color-stop(.5,#fbe96a),color-stop(1,#bf8c30))
}

.block_border_special:after {
    position: absolute;
    content: "";
    bottom: -2px;
    left: 20px;
    padding: 0;
    margin: 0;
    width: calc(100% - 40px);
    height: 2px;
    z-index: 0;
    background-image: -moz-linear-gradient(left,#bf8c30 0%,#fbe96a 50%,#bf8c30);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#bf8c30),color-stop(.5,#fbe96a),color-stop(1,#bf8c30))
}

.block_border_special h3.title {
    padding: 0 20px;
    margin: 0 auto;
    position: relative;
    display: table;
    color: #dab35f;
    text-transform: uppercase;
    left: 0;
    right: 0;
    text-align: center;
    top: -13px;
    background-color: #312316
}

.block_border_special h3.title::before {
    position: absolute;
    content: "";
    top: -6px;
    left: -37px;
    padding: 0;
    margin: 0;
    background-image: url(../images/bg-all.png);
    background-repeat: no-repeat;
    background-position: -67px -93px;
    width: 37px;
    height: 38px;
    z-index: 1
}

.block_border_special h3.title::after {
    position: absolute;
    content: "";
    top: -6px;
    right: -37px;
    padding: 0;
    margin: 0;
    background-image: url(../images/bg-all.png);
    background-repeat: no-repeat;
    background-position: -111px -93px;
    width: 37px;
    height: 38px;
    z-index: 1
}

.block_border_special .s_content {
    padding: 20px;
    margin: 0;
    position: relative;
    display: block
}

.block_primary {
    margin: 0 0 20px;
    position: relative;
    display: block
}

.block_primary h3.title {
    position: relative;
    padding: 33px 0;
    margin: 20px 0;
    display: block;
    color: #dab35f;
    text-align: center;
    text-transform: uppercase
}

.block_primary h3.title:before {
    position: absolute;
    content: "";
    top: 0;
    left: -18px;
    padding: 0;
    margin: 0 auto;
    background-image: url(../images/bg-all.png);
    background-repeat: no-repeat;
    background-position: -171px -119px;
    width: 301px;
    height: 80px;
    z-index: 1;
    left: 0;
    right: 0
}

.block_primary .s_content {
    padding: 0;
    margin: 0 0 20px;
    position: relative;
    display: block
}

.block_title_special {
    margin: 0 0 20px;
    position: relative;
    display: block
}

.block_title_special h3.title {
    position: relative;
    padding: 33px 0;
    margin: 20px 0;
    display: block;
    color: #dab35f;
    text-align: center;
    text-transform: uppercase
}

.block_title_special h3.title:before {
    position: absolute;
    content: "";
    top: 0;
    left: -18px;
    padding: 0;
    margin: 0 auto;
    background-image: url(../images/bg-all.png);
    background-repeat: no-repeat;
    background-position: -171px -119px;
    width: 301px;
    height: 80px;
    z-index: 1;
    left: 0;
    right: 0
}

.block_title_special .s_content {
    padding: 0;
    margin: 0 0 20px;
    position: relative;
    display: block
}

.nv-infodie {
    margin: 0 auto;
    box-shadow: 0 0 4px rgba(0,0,0,.15);
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.15);
    border: 1px #dadada solid;
    background: #fff;
    position: relative;
    min-height: 300px!important;
    min-width: 300px!important;
    display: table
}

.nv-infodie .panel-body {
    display: table-cell;
    vertical-align: middle
}

input[type=checkbox],input[type=radio] {
    border-width: 1px;
    border-style: solid;
    border-color: #bbb;
    clear: none;
    cursor: pointer;
    display: inline-block;
    line-height: 0;
    height: 16px;
    margin: 3px 4px 0 0;
    outline: 0;
    padding: 0!important;
    text-align: center;
    vertical-align: middle;
    width: 16px;
    min-width: 16px;
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #555;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1)
}

input[type=radio] {
    border-radius: 50%;
    margin-right: 4px;
    line-height: inherit
}

input[type=checkbox]:disabled,input[type=radio]:disabled,input[type=checkbox]:disabled:checked:before,input[type=radio]:disabled:checked:before {
    opacity: .7
}

input[type=checkbox]:checked:before,input[type=radio]:checked:before {
    float: left;
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    font: normal 14px/1 FontAwesome;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

input[type=checkbox]:checked:before {
    content: '\f00c';
    margin: 0;
    color: #1e8cbe
}

input[type=radio]:checked:before {
    content: '\2022';
    text-indent: -9999px;
    border-radius: 50px;
    font-size: 24px;
    width: 6px;
    height: 6px;
    margin: 4px;
    line-height: 16px;
    background-color: #1e8cbe
}

table caption {
    color: #06c;
    text-align: left;
    font-size: 13px;
    font-weight: 700;
    line-height: 22px;
    padding: 0 0 5px 2px
}

blockquote {
    font-size: 13px
}

button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2
}

.modal-body {
    padding: 15px
}

.modal-header .close {
    margin-top: -2px
}

#sitemodal .modal-dialog {
    position: relative;
    width: auto!important;
    max-width: 600px;
    text-align: center;
    font-size: 0
}

#sitemodal .modal-content {
    width: auto;
    display: inline-block;
    font-size: 14px;
    text-align: left
}

#sitemodal .close {
    position: absolute;
    right: -10px;
    bottom: -10px;
    width: 24px;
    height: 24px;
    background: #000;
    color: #fff;
    font-size: 11px;
    opacity: .8;
    border: 2px solid #ccc;
    border-radius: 12px
}

#sitemodal .close:hover {
    opacity: 1
}

@media (max-width: 619px) {
    #sitemodal .modal-dialog {
        margin-left:10px;
        margin-right: 10px
    }

    #sitemodal .modal-content {
        display: block
    }
}

#sb-container {
    z-index: 99999999!important
}

.chromeframe {
    position: fixed!important;
    top: 0!important;
    right: 0;
    left: 0;
    width: 100%!important;
    z-index: 99999999999999!important;
    background: #ff0!important;
    color: #000!important;
    height: 25px;
    line-height: 25px;
    padding: .2em 0;
    text-align: center!important
}

#timeoutsess {
    display: none
}

#timeoutsess a {
    color: #00f!important
}

[class^=lev-],[class*=" lev-"] {
    display: inline-block
}

[class^=lev-]:before,[class*=" lev-"]:before {
    font-family: FontAwesome;
    font-size: inherit;
    margin-right: 5px
}

.lev-1:before {
    content: " \f005 \f005 \f005 "
}

.lev-2:before {
    content: " \f005 \f005 \f006 "
}

.lev-3:before {
    content: " \f005 \f006 \f006 "
}

.lev-user:before {
    content: " \f007 "
}

.contact-result {
    position: absolute;
    top: 40px;
    left: 5%;
    width: 90%;
    float: left;
    z-index: 2;
    padding: 30px 20px;
    display: none
}

.nv-alert {
    position: fixed!important;
    top: 25%!important;
    right: 0;
    left: 0;
    width: 350px!important;
    margin: auto;
    z-index: 99999999999999!important;
    text-align: center!important;
    padding-top: 30px!important;
    padding-bottom: 30px!important
}

.block_newscat {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden
}

.block_newscat ul {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    width: 100%
}

.block_newscat ul li {
    position: relative;
    display: inline-block;
    float: left;
    margin: 0;
    padding: 0;
    width: 50%
}

.block_newscat ul li .s_img {
    position: relative;
    display: inline-block;
    float: left;
    margin: 0;
    padding: 0;
    width: 50%;
    height: 250px;
    overflow: hidden
}

.block_newscat ul li .s_img img {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 250px
}

.block_newscat ul li .s_img:hover img {
    cursor: pointer;
    transform: scale(1.2);
    transition: all .3s ease 0
}

.block_newscat ul li .s_des {
    position: relative;
    display: inline-block;
    float: left;
    margin: 0;
    padding: 40px;
    width: 50%;
    height: 250px
}

.block_newscat ul li .s_des a h3 {
    color: #333;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.block_newscat ul li .s_des:hover a h3 {
    font-size: 30px;
    line-height: 35px
}

.block_newscat ul li .s_des .s_date {
    position: relative;
    display: block;
    float: left;
    margin: 10px 0 0;
    padding: 0
}

.email_newsletter {
    margin: auto;
    position: relative;
    width: 100%
}

.email_newsletter .showform {
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    width: auto
}

.email_newsletter h3 {
    color: #fff;
    display: inline-block;
    margin: 6px 6px 0 0;
    padding: 0;
    text-transform: uppercase
}

.email_newsletter input[type=text] {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: transparent none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    padding: 0 50px 0 10px;
    position: relative;
    width: 100%;
    height: 45px
}

.email_newsletter button {
    position: absolute;
    top: 0;
    right: 0;
    background: #1e64b1;
    border: 0;
    color: #fff;
    padding: 0;
    height: 45px;
    width: 45px;
    line-height: 45px
}

ul.menu_inpage {
    padding: 0;
    margin: 0;
    position: relative
}

ul.menu_inpage li {
    padding: 0;
    margin: 0;
    position: relative;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

ul.menu_inpage li a {
    padding: 5px 20px;
    margin: 0;
    display: block;
    border-bottom: 1px solid #dfdfdf
}

ul.menu_inpage li a:hover,ul.menu_inpage li.current a {
    color: #0088cf
}

ul.menu_inpage ul {
    padding: 0;
    margin: 0;
    position: relative
}

ul.menu_inpage ul li {
    padding: 0;
    margin: 0;
    position: relative;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

ul.menu_inpage ul li a {
    padding: 5px 30px;
    margin: 0;
    display: block;
    border-bottom: 1px solid #dfdfdf
}

ul.menu_inpage ul li:last-child a {
    border-bottom: 0
}

ul.menu_inpage ul li a:hover,ul.menu_inpage li.current ul li a:hover,ul.menu_inpage ul li.current a,ul.menu_inpage li.current ul li.current a {
    color: #0088cf
}

ul.menu_inpage li.current ul li a {
    color: #333
}

ul.menu_topbar {
    padding: 0;
    margin: 0 auto 0 20px;
    display: inline-block;
    float: right;
    position: relative
}

ul.menu_topbar li {
    padding: 0;
    margin: 0;
    position: relative;
    display: inline-block;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

ul.menu_topbar li a {
    color: #fff;
    font-weight: 300;
    font-size: 13px;
    padding: 0 10px;
    margin: 0;
    font-style: normal;
    border-right: 1px solid #fff
}

ul.menu_topbar li a:hover {
    color: #aad964
}

ul.menu_topbar li:last-child a {
    border-right: 0
}

.underline_right {
    border-right: 1px solid #353599
}

.block_news_cat {
    padding: 0;
    margin: 0;
    position: relative;
    width: 100%;
    display: block
}

.block_news_cat ul {
    padding: 0;
    margin: 0;
    position: relative;
    width: 100%;
    display: block
}

.block_news_cat ul li {
    padding: 0;
    margin: 0 0 10px;
    position: relative;
    width: 100%;
    display: block
}

.block_news_cat ul li a {
    color: #333
}

.block_news_cat ul li img {
    padding: 0;
    margin: 0;
    width: 100%
}

.block_news_cat ul li .showdate {
    margin: 0 auto;
    padding: 0;
    position: relative;
    text-align: right;
    width: auto;
    border-right: 1px solid #999
}

.block_news_cat ul li .showdate .showunderline {
    border-top: 1px solid #999;
    display: block;
    float: right;
    height: 0;
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0
}

.block_news_cat ul li .showdate .showday {
    color: #353599;
    display: block;
    font-size: 30px;
    margin: 0 auto;
    padding: 0 10px;
    text-align: right
}

.block_news_cat ul li .showdate .showmonthyear {
    color: #999;
    display: block;
    font-size: 13px;
    padding: 0 10px;
    text-align: right;
    width: auto
}

#back-to-top {
    background-color: #e6bd65;
    bottom: 10px;
    color: #fff;
    cursor: pointer;
    font-size: 30px;
    height: 40px;
    opacity: .5;
    position: fixed;
    right: -40px;
    text-align: center;
    text-decoration: none;
    transition: all .4s ease 0;
    width: 40px;
    z-index: 1000
}

#back-to-top i {
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    transition: all .4s ease 0;
    vertical-align: top
}

#back-to-top:hover {
    opacity: 1
}

#back-to-top.visible {
    right: 10px
}

#back-to-top.gone {
    right: -40px
}

.btn-site,a.btn-site {
    border: 0;
    padding: 0;
    margin-top: 10px!important;
    white-space: nowrap;
    background-image: url(../images/bg-all.png);
    background-repeat: no-repeat;
    background-position: -38px 0;
    background-color: transparent;
    width: 133px;
    height: 40px;
    line-height: 40px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    color: #312316;
    font-weight: 700;
    margin: auto
}

.btn-site:hover,a.btn-site:hover {
    background-position: -38px -41px
}

.btn-site-2,a.btn-site-2 {
    background-color: #e6bd65;
    border: 0;
    padding: 10px 16px;
    white-space: nowrap;
    text-transform: uppercase;
    color: #312316;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.btn-site-2:hover,a.btn-site-2:hover {
    background-color: #95751d;
    color: #fff
}

.captchaImg {
    margin: -4px 0 0!important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.content_about {
    position: relative;
    width: 100%;
    display: block;
    padding: 0;
    margin: 40px 0
}

.content_about .ab_info {
    padding: 0;
    margin: 0;
    position: relative;
    width: 70%;
    display: block;
    float: right;
    z-index: 1
}

.content_about .ab_info h4 {
    padding: 0 0 20px 200px
}

.content_about .ab_info .ab_bg {
    padding: 40px 40px 40px 200px;
    margin: 0;
    position: relative;
    width: 100%;
    display: block;
    z-index: 1;
    background-color: #fff;
    color: #333
}

.content_about .ab_img {
    position: absolute;
    top: -20px;
    left: 0;
    padding: 3px;
    margin: 0;
    width: calc(30% + 160px);
    display: block;
    z-index: 2;
    background-image: url(../images/bg-general.gif);
    background-repeat: repeat
}

.content_about .ab_img img {
    width: 100%
}

.about_special {
    position: relative;
    display: block;
    padding: 0;
    margin: 0;
    width: 100%
}

.about_special .item {
    position: relative;
    display: block;
    padding: 0;
    margin: 0;
    float: left;
    width: 33.33%;
    height: 280px;
    background-color: #261a0e
}

.about_special .item + .item {
    background-color: #2a1e11
}

.about_special .item + .item + .item {
    background-color: #312416
}

.about_special .item + .item + .item + .item {
    background-color: #2e2114
}

.about_special .item + .item + .item + .item + .item {
    background-color: #3a2a1a;
    width: 66.66%
}

.about_special .item .scontent {
    position: relative;
    display: block;
    padding: 40px;
    margin: 0;
    width: 100%
}

.about_special .item .scontent h3 {
    position: relative;
    display: block;
    padding: 0 0 10px;
    margin: 0 0 20px;
    width: 100%
}

.about_special .item .scontent h3:before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    padding: 0;
    margin: 0 auto;
    background-color: #dcaf32;
    width: 50px;
    height: 2px;
    z-index: 1
}

.about_special .item img {
    position: relative;
    display: block;
    padding: 0;
    margin: 0;
    width: 100%
}

.about_list {
    position: relative;
    display: block;
    padding: 0;
    margin: 0;
    width: 100%
}

.about_list .item {
    position: relative;
    display: block;
    padding: 60px 0 20px;
    margin: 60px 0 20px;
    width: 100%;
    background-color: #fff;
    color: #333;
    min-height: 280px
}

.about_list .item .simg {
    position: absolute;
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
    text-align: center;
    top: -50px;
    height: 100px
}

.about_list .item .simg img {
    max-height: 100px
}

.about_list .item .sdes {
    position: relative;
    display: block;
    padding: 20px;
    margin: 0;
    width: 100%
}

.about_list .item .sdes h3 {
    position: relative;
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
    text-align: center
}

.about_list .item .sdes p {
    position: relative;
    display: block;
    padding: 5px 0;
    margin: 0;
    width: 100%
}

.show_facebook {
    position: relative;
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
    overflow: hidden
}

h3.special {
    position: relative;
    display: block;
    padding: 0 0 10px;
    margin: 0 0 20px;
    width: 100%
}

h3.special::before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    padding: 0;
    margin: 0 auto;
    background-color: #dcaf32;
    width: 50px;
    height: 2px;
    z-index: 1
}

.fb-livechat,.fb-widget {
    display: none
}

.ctrlq.fb-button,.ctrlq.fb-close {
    position: fixed;
    right: 60px;
    cursor: pointer
}

.ctrlq.fb-button {
    z-index: 999;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyOCAxMjgiIGhlaWdodD0iMTI4cHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjggMTI4IiB3aWR0aD0iMTI4cHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnPjxyZWN0IGZpbGw9IiMwMDg0RkYiIGhlaWdodD0iMTI4IiB3aWR0aD0iMTI4Ii8+PC9nPjxwYXRoIGQ9Ik02NCwxNy41MzFjLTI1LjQwNSwwLTQ2LDE5LjI1OS00Niw0My4wMTVjMCwxMy41MTUsNi42NjUsMjUuNTc0LDE3LjA4OSwzMy40NnYxNi40NjIgIGwxNS42OTgtOC43MDdjNC4xODYsMS4xNzEsOC42MjEsMS44LDEzLjIxMywxLjhjMjUuNDA1LDAsNDYtMTkuMjU4LDQ2LTQzLjAxNUMxMTAsMzYuNzksODkuNDA1LDE3LjUzMSw2NCwxNy41MzF6IE02OC44NDUsNzUuMjE0ICBMNTYuOTQ3LDYyLjg1NUwzNC4wMzUsNzUuNTI0bDI1LjEyLTI2LjY1N2wxMS44OTgsMTIuMzU5bDIyLjkxLTEyLjY3TDY4Ljg0NSw3NS4yMTR6IiBmaWxsPSIjRkZGRkZGIiBpZD0iQnViYmxlX1NoYXBlIi8+PC9zdmc+) center no-repeat #0084ff;
    width: 40px;
    height: 40px;
    text-align: center;
    bottom: 10px;
    border: 0;
    outline: 0;
    border-radius: 60px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    box-shadow: 0 1px 6px rgba(0,0,0,.06),0 2px 32px rgba(0,0,0,.16);
    -webkit-transition: box-shadow .2s ease;
    background-size: 80%;
    transition: all .2s ease-in-out
}

.ctrlq.fb-button:focus,.ctrlq.fb-button:hover {
    transform: scale(1.1);
    box-shadow: 0 2px 8px rgba(0,0,0,.09),0 4px 40px rgba(0,0,0,.24)
}

.fb-widget {
    background: #fff;
    z-index: 9999;
    position: fixed;
    width: 360px;
    height: 435px;
    overflow: hidden;
    opacity: 0;
    bottom: 20px;
    right: 100px;
    border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-border-radius: 6px;
    box-shadow: 0 5px 40px rgba(0,0,0,.16);
    -webkit-box-shadow: 0 5px 40px rgba(0,0,0,.16);
    -moz-box-shadow: 0 5px 40px rgba(0,0,0,.16);
    -o-box-shadow: 0 5px 40px rgba(0,0,0,.16)
}

.fb-credit {
    text-align: center;
    margin-top: 8px
}

.fb-credit a {
    transition: none;
    color: #bec2c9;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 12px;
    text-decoration: none;
    border: 0;
    font-weight: 400
}

.ctrlq.fb-overlay {
    z-index: 0;
    position: fixed;
    height: 100vh;
    width: 100vw;
    -webkit-transition: opacity .4s,visibility .4s;
    transition: opacity .4s,visibility .4s;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.05);
    display: none
}

.ctrlq.fb-close {
    z-index: 4;
    padding: 0 6px;
    background: #365899;
    font-weight: 700;
    font-size: 11px;
    color: #fff;
    margin: 8px;
    border-radius: 3px
}

.ctrlq.fb-close::after {
    content: "X";
    font-family: sans-serif
}

.bubble {
    width: 20px;
    height: 20px;
    background: #c00;
    color: #fff;
    position: absolute;
    z-index: 999999999;
    text-align: center;
    vertical-align: middle;
    top: -2px;
    left: -5px;
    border-radius: 50%
}

.bubble-msg {
    width: 120px;
    left: -122px;
    top: 9px;
    position: relative;
    background: rgba(59,89,152,.8);
    color: #fff;
    padding: 2px 8px;
    border-radius: 4px;
    text-align: center;
    font-size: 13px;
    z-index: 1
}

.block_policy {
    position: relative;
    display: block;
    padding: 0 0 0 40px;
    margin: 150px 0;
    width: 100%;
    overflow: hidden
}

.modal-content {
    background-color: #312316
}

.modal-header {
    border-bottom: 1px solid #bf8c30
}

.modal-footer {
    border-top: 0;
    text-align: center;
    margin: 0 auto;
    position: relative;
    display: table;
    padding: 0
}

.btn-default {
    border: 0;
    padding: 0;
    white-space: nowrap;
    background-image: url(../images/bg-all.png);
    background-repeat: no-repeat;
    background-position: -38px 0;
    background-color: transparent;
    width: 133px;
    height: 40px;
    line-height: 40px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    margin: 10px 0;
    color: #312316;
    font-weight: 700
}

.btn-default:hover,a.btn-default:hover {
    background-color: transparent;
    background-position: -38px -41px
}

.show_hotline {
    margin: 0;
    padding: 11px 0;
    position: relative;
    color: #dcaf32;
    font-size: 20px
}

.show_hotline a {
    color: #dcaf32
}

.show_hotline img {
    margin: 0;
    padding: 0;
    position: relative;
    width: auto
}

@media (max-width: 1024px) {
    .show_hotline {
        margin:0;
        padding: 0
    }
}

.sf_hotline {
    top: 150px;
    right: 10px
}

.show_video {
    height: 100%;
    margin: auto;
    padding: 0;
    position: relative;
    width: 100%
}

.show_video .s_left {
    display: block;
    margin: 50px 0 0;
    padding: 0;
    float: left;
    width: 50%
}

.show_video .s_left p {
    display: block;
    margin: 0 0 20px;
    padding: 0
}

.show_video .s_left .item {
    display: block;
    margin: 0;
    padding: 5px 20px 5px 40px;
    text-transform: uppercase;
    background-image: url(../images/bg-check.png);
    background-repeat: no-repeat;
    background-position: left center;
    color: #dab35f;
    min-height: 55px;
    font-weight: 700;
    font-family: philosopher,sans-serif
}

.show_video img {
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    border-radius: 15px
}

.show_video .s_right {
    position: relative;
    margin: 0 0 0 5%;
    padding: 0;
    z-index: 1;
    float: right;
    width: 45%
}

.show_video .s_right i {
    z-index: 9;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    color: #fff;
    font-size: 30px;
    display: block;
    margin: auto;
    position: absolute;
    width: 60px;
    height: 60px;
    padding: 15px 18px 20px 22px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: rgba(0,0,0,.3);
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.show_video .s_right i:hover {
    color: #d4ad41;
    background: rgba(0,0,0,.8)
}

.show_video .s_right h3 {
    bottom: 0;
    color: #fff;
    font-size: 20px;
    width: 100%;
    margin: 0;
    padding: 10px;
    position: absolute;
    text-align: center
}

@media (max-width: 920px) {
    .show_video .s_left {
        display:block;
        margin: 0 0 20px;
        float: none;
        width: 100%
    }

    .show_video .s_left .item {
        margin: 0 0 10px;
        min-height: unset
    }

    .show_video .s_right {
        float: unset;
        width: 100%
    }

    .show_video .s_right {
        margin: 0
    }
}

.product_bxslider {
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%
}

.product_bxslider .item {
    position: relativemargin: 0 auto 40px;
    padding: 0;
    height: 450px;
    width: 100%;
    background-color: #362b21
}

.product_bxslider .item .i_image {
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 252px;
    overflow: hidden;
    text-align: center
}

.product_bxslider .item .i_image img {
    max-width: 80%;
    */margin: auto;
    height: auto;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    vertical-align: middle;
    backface-visibility: hidden;
    box-shadow: 0 0 1px transparent;
    transform: translateZ(0);
    transition-duration: .3s;
    transition-property: transform
}

.product_bxslider .item .i_content {
    position: relative;
    margin: 0;
    width: 100%;
    height: 200px;
    padding-top: 10px
}

.product_bxslider .item .i_content h4 {
    position: relative;
    margin: 0;
    padding: 0;
    color: #d4af46;
    text-align: center;
    text-transform: uppercase
}

.product_bxslider .item .i_content h4:hover {
    color: #e6bd65
}

.product_bxslider .item .i_content .s_productcode {
    position: relative;
    margin: 0;
    padding: 10px;
    font-size: 14px;
    font-weight: 700;
    text-align: center
}

.product_bxslider .item .i_content .showprice {
    position: relative;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    display: table
}

.product_bxslider .bx-wrapper .bx-viewport {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    left: 0;
    background: 0 0
}

.product_bxslider .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 0;
    margin-top: -40px;
    outline: 0;
    width: 32px;
    height: 32px;
    background-color: #fff;
    border: 1px solid #166936
}

.product_bxslider .bx-wrapper {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: 0;
    border: 0;
    background: 0 0;
    position: relative;
    margin: 0 auto;
    padding: 0;
    *zoom:1}

.product_bxslider .bx-wrapper .bx-prev {
    left: auto;
    right: 35px;
    background: url(../images/controls-small.png) no-repeat 0 -32px
}

.product_bxslider .bx-wrapper .bx-next {
    right: 0;
    left: auto;
    background: url(../images/controls-small.png) no-repeat -43px -32px
}

.product_bxslider .bx-wrapper .bx-pager.bx-default-pager a {
    background: 0 0;
    border: 1px solid #649428;
    display: block;
    width: 15px;
    height: 15px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px
}

.product_bxslider .bx-pager.bx-default-pager a.active {
    border: 1px solid #ed1651;
    width: 18px;
    height: 18px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px
}

@media (max-width: 767px) {
    .product_bxslider .item .i_image {
        position:relative;
        margin: 0 auto 20px;
        width: 100%;
        overflow: hidden;
        text-align: center;
        background-color: #fff
    }

    .product_bxslider .item .i_image img {
        position: absolute;
        max-width: 100%;
        max-height: 100%;
        bottom: 0;
        left: 0;
        margin: auto;
        right: 0;
        top: 0;
        vertical-align: middle;
        backface-visibility: hidden;
        box-shadow: 0 0 1px transparent;
        transform: translateZ(0);
        transition-duration: .3s;
        transition-property: transform
    }
}

.block_project_allcat {
    position: relative;
    padding: 20px 35px;
    margin: 0;
    display: table
}

.block_project_allcat .item .simg {
    position: relative;
    padding: 0;
    margin: 0 auto;
    width: 100%;
    height: 236px;
    overflow: hidden
}

.block_project_allcat .item .simg img {
    bottom: 0;
    left: 0;
    margin: auto;
    height: auto;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    vertical-align: middle;
    backface-visibility: hidden;
    box-shadow: 0 0 1px transparent;
    transform: translateZ(0);
    transition-duration: .3s;
    transition-property: transform;
    min-height: 236px
}

.block_project_allcat .item h5 {
    position: relative;
    padding: 0;
    margin: 20px auto 0;
    width: 100%;
    text-align: center
}

.block_project_allcat .bx-wrapper,.block_project_allcat .bx-wrapper .bx-viewport {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    background: 0 0;
    width: 100%;
    left: 0;
    margin: 0
}

.block_project_allcat .bx-wrapper .bx-controls-direction a {
    width: 30px;
    height: 45px
}

.block_project_allcat .bx-wrapper .bx-controls-direction a:hover {
    opacity: .6
}

.block_project_allcat .bx-wrapper .bx-next {
    right: -40px;
    background-image: url(../images/bg-all.png);
    background-repeat: no-repeat;
    background-position: -38px -86px
}

.block_project_allcat .bx-wrapper .bx-prev {
    left: -40px;
    background-image: url(../images/bg-all.png);
    background-repeat: no-repeat;
    background-position: -9px -86px
}

.block_project_allcat .block_project_allcat .tab-content {
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 100%
}

.block_project_allcat .tab-content .item {
    width: 363px;
    height: 200px
}

.block_project_allcat .tab-content .item img {
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 100%
}

.block_project_allcat .tab-content .item h5 {
    position: relative;
    margin: 10px 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase
}

@media (max-width: 1024px) {
    .block_project_allcat .tab-content .item {
        width:310px
    }
}

@media (max-width: 768px) {
    .block_project_allcat .tab-content .item {
        width:350px
    }
}

@media (max-width: 767px) {
    .block_project_allcat .bx-wrapper .bx-controls-direction a {
        top:calc(50% - 45px)
    }

    .block_project_allcat .nav-tabs {
        display: block;
        width: 100%
    }

    .block_project_allcat .nav-tabs > li {
        width: 50%
    }

    .block_project_allcat .tab-content .item {
        width: 200px;
        height: 150px
    }

    .block_project_allcat .item .simg {
        height: 128px
    }
}

.formcontact {
    padding: 40px;
    margin: 50px 0;
    position: relative;
    border: 2px solid #bf8c30;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px
}

.frmContact {
    padding: 50px
}

.formcontact:before {
    position: absolute;
    content: "";
    top: -10px;
    left: -10px;
    padding: 0;
    margin: 0;
    background-image: url(../images/bg-all.png);
    background-repeat: no-repeat;
    background-position: -67px -136px;
    width: 77px;
    height: 77px;
    z-index: 1;
    background-color: #002627
}

.formcontact:after {
    position: absolute;
    content: "";
    bottom: -10px;
    right: -10px;
    padding: 0;
    margin: 0;
    background-image: url(../images/bg-all.png);
    background-repeat: no-repeat;
    background-position: 7px -130px;
    width: 77px;
    height: 77px;
    z-index: 1;
    background-color: #002627
}

.formcontact p {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0 0 20px;
    text-align: center
}

.formcontact .formcontent {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    z-index: 1
}

.formcontact .formcontent h3.title {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0 0 20px;
    color: #fff
}

.formcontact .formcontent .showform {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0
}

.formcontact .formcontent .showform p {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0 0 20px
}

.formcontact .formcontent .showform p a {
    color: #1196d5
}

@media (max-width: 767px) {
    .formcontact {
        margin:20px 0
    }
}

.news_slider {
    padding: 0;
    margin: 0;
    position: relative;
    width: 100%
}

.news_slider .item {
    padding: 0;
    margin: 0;
    width: 100%;
    background: #fff
}

.news_slider .item .simg {
    position: relative;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 200px;
    overflow: hidden
}

.news_slider .item .simg img {
    bottom: 0;
    left: 0;
    margin: auto;
    height: auto;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    vertical-align: middle;
    backface-visibility: hidden;
    box-shadow: 0 0 1px transparent;
    transform: translateZ(0);
    transition-duration: .3s;
    transition-property: transform;
    min-height: 200px
}

.news_slider .item .sdes {
    padding: 20px;
    margin: 0;
    width: 100%;
    height: 200px;
    overflow: hidden;
    color: #333
}

.news_slider .item .sdes h4 {
    padding: 0;
    margin: 0 0 10px;
    width: 100%;
    color: #e1be69;
    text-transform: uppercase;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.news_slider .item .sdes h4:hover {
    color: #303030
}

.news_slider .bx-wrapper {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    background: 0 0;
    display: table;
    margin: 0 auto
}

.news_slider .bx-wrapper .bx-controls-direction a {
    background-color: rgba(255,255,255,.4);
    top: 20%
}

.news_slider .bx-wrapper .bx-controls-direction a:hover {
    background-color: rgba(255,255,255,.8)
}

.news_slider .bx-wrapper .bx-prev {
    left: 0;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-left: 2px solid #deb549
}

.i_image {
    position: relative;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 240px;
    overflow: hidden;
    background: #fff
}

.block_primary .i_content {
    text-align: center;
    margin-bottom: 25px
}

.news_slider .bx-wrapper .bx-next {
    right: 0;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-right: 2px solid #deb549
}

.frmContact {
    padding: 36px!important;
    margin-top: 40px!important;
    margin-bottom: 40px!important
}

.i_image img {
    bottom: 0;
    left: 0;
    margin: auto;
    height: auto;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    vertical-align: middle;
    backface-visibility: hidden;
    box-shadow: 0 0 1px transparent;
    transform: translateZ(0);
    transition-duration: .3s;
    transition-property: transform
}

@media (max-width: 1024px) {
    .news_slider .item .simg {
        height:150px
    }

    .news_slider .item .simg img {
        min-height: 150px
    }
}

@media (max-width: 767px) {
    .news_slider .item .sdes {
        height:240px
    }
}

.phone_contact {
    font-weight: 700;
    position: absolute;
    padding: 0 5px;
    font-size: 18px;
    top: 0;
    border-radius: 50%;
    z-index: 1
}

a.phone_top {
    background: #261a0e;
    font-size: 15px;
    border-radius: 15px;
    padding: 3px 10px
}

span.phone_type {
    font-weight: 700
}

.k1 {
    background: url(../../../images/bg/a1.png) no-repeat;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: -5px
}

.k2 {
    background: url(../../../images/bg/a2.png) no-repeat;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0
}

.k3 {
    background: url(../../../images/bg/a4.png) no-repeat;
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 0;
    left: -1px
}

.k4 {
    background: url(../../../images/bg/a3.png) no-repeat;
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 0;
    right: 0
}

.product_bxslider .item .i_image {
    border: 5px solid #fbd277;
    width: 100%;
    background: #fff;
    -webkit-align-items: center;
    position: relative;
    z-index: 1
}

#category .grid_item .item .s_image {
    border: 2px solid #fbd277;
    -webkit-align-items: center;
    position: relative;
    z-index: 1
}

p.result-label.temp1 {
    background: linear-gradient(to right,#ef3006,#c60004);
    margin-bottom: 4px;
    border-radius: 20px;
    overflow: hidden;
    max-width: 100%;
    width: 227px;
    height: 35px;
    font-weight: 700;
    padding-right: 8px;
    font-size: 13px;
    display: -webkit-inline-box
}

.result-label.temp1 {
    background: linear-gradient(to right,#ef3006,#c60004);
    margin-bottom: 4px
}

span.sale_content {
    line-height: 38px;
    padding-left: 1px;
    font-size: 100%;
    font-weight: 700;
    font-family: philosopher,sans-serif
}

p.result-label.temp2 {
    background: linear-gradient(to right,#ef3006,#c60004);
    margin-bottom: 4px;
    border-radius: 20px;
    overflow: hidden;
    max-width: 100%;
    width: 216px;
    height: 38px;
    font-weight: 700;
    font-size: 13px;
    display: -webkit-inline-box
}

@media only screen and (max-width: 600px) {
{
}
}

.sm,.sm ul,.sm li {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: normal;
    direction: ltr;
    -webkit-tap-highlight-color: transparent
}

.sm-rtl,.sm-rtl ul,.sm-rtl li {
    direction: rtl;
    text-align: right
}

.sm > li > h1,.sm > li > h2,.sm > li > h3,.sm > li > h4,.sm > li > h5,.sm > li > h6 {
    margin: 0;
    padding: 0
}

.sm ul {
    display: none
}

.sm li,.sm a {
    position: relative
}

.sm a {
    display: block
}

.sm a.disabled {
    cursor: not-allowed
}

.sm:after {
    content: "\00a0";
    display: block;
    height: 0;
    font: 0/0 serif;
    clear: both;
    visibility: hidden;
    overflow: hidden
}

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

.sm-blue {
    background: 0 0
}

.sm-blue a,.sm-blue a:hover,.sm-blue a:focus,.sm-blue a:active {
    padding: 10px 20px;
    padding-right: 58px;
    font-weight: 700;
    font-size: 18px;
    text-decoration: none
}

.sm-blue a.current {
    color: #fff
}

.sm-blue a.disabled {
    color: #ef3035
}

.sm-blue a span.sub-arrow {
    position: absolute;
    top: 50%;
    margin-top: -17px;
    left: auto;
    right: 4px;
    width: 34px;
    height: 34px;
    overflow: hidden;
    font: bold 16px/34px monospace!important;
    text-align: center;
    text-shadow: none;
    background: rgba(0,0,0,.1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    display: none
}

.sm-blue a.highlighted span.sub-arrow:before {
    display: block;
    content: '-'
}

.sm-blue ul {
    background: #fff
}

.sm-blue ul ul {
    background: rgba(102,102,102,.1)
}

.sm-blue ul a,.sm-blue ul a:hover,.sm-blue ul a:focus,.sm-blue ul a:active {
    background: 0 0;
    color: #222;
    font-size: 16px;
    text-shadow: none;
    border-left: 8px solid transparent
}

.sm-blue ul a.current {
    color: #fff
}

.sm-blue ul a.disabled {
    color: #b3b3b3
}

.sm-blue ul ul a,.sm-blue ul ul a:hover,.sm-blue ul ul a:focus,.sm-blue ul ul a:active {
    border-left: 16px solid transparent
}

.sm-blue ul ul ul a,.sm-blue ul ul ul a:hover,.sm-blue ul ul ul a:focus,.sm-blue ul ul ul a:active {
    border-left: 24px solid transparent
}

.sm-blue ul ul ul ul a,.sm-blue ul ul ul ul a:hover,.sm-blue ul ul ul ul a:focus,.sm-blue ul ul ul ul a:active {
    border-left: 32px solid transparent
}

.sm-blue ul ul ul ul ul a,.sm-blue ul ul ul ul ul a:hover,.sm-blue ul ul ul ul ul a:focus,.sm-blue ul ul ul ul ul a:active {
    border-left: 40px solid transparent
}

.sm-blue ul li {
    border-top: 1px solid rgba(0,0,0,.05)
}

.sm-blue ul li:first-child {
    border-top: 0
}

.sm-blue ul li.s_description {
    padding: 10px;
    width: 100%;
    max-width: 100%
}

@media (min-width: 768px) {
    .sm-blue ul {
        position:absolute
    }

    .sm-blue li {
        float: left
    }

    .sm-blue.sm-rtl li {
        float: right
    }

    .sm-blue ul li,.sm-blue.sm-rtl ul li,.sm-blue.sm-vertical li {
        float: none
    }

    .sm-blue a {
        white-space: nowrap
    }

    .sm-blue ul a,.sm-blue.sm-vertical a {
        white-space: normal
    }

    .sm-blue .sm-nowrap > li > a,.sm-blue .sm-nowrap > li > :not(ul) a {
        white-space: nowrap
    }

    .sm-blue a,.sm-blue a:hover,.sm-blue a:focus,.sm-blue a:active,.sm-blue a.highlighted {
        padding: 15px 10px;
        color: #fff;
        text-transform: uppercase
    }

    .sm-blue a:hover,.sm-blue a:focus,.sm-blue a:active,.sm-blue a.highlighted {
        color: #dcaf32
    }

    .sm-blue li.active a {
        color: #efd050
    }

    .sm-blue li.active li a {
        color: #2d1a11
    }

    .sm-blue a.disabled {
        color: #ef3035
    }

    .sm-blue a span.sub-arrow {
        top: auto;
        margin-top: 0;
        bottom: 2px;
        left: 50%;
        margin-left: -5px;
        right: auto;
        width: 0;
        height: 0;
        border-width: 5px;
        border-style: solid dashed dashed;
        border-color: #ef3035 transparent transparent;
        background: 0 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        display: none
    }

    .sm-blue a.highlighted span.sub-arrow:before {
        display: none
    }

    .sm-blue ul {
        padding: 20px;
        -moz-box-shadow: 5px 5px 5px rgba(0,0,0,.2),inset 0 0 1px #fff;
        -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,.2),inset 0 0 1px #fff;
        box-shadow: 5px 5px 5px rgba(0,0,0,.2),inset 0 0 1px #fff
    }

    .sm-blue ul ul {
        background: #fff
    }

    .sm-blue ul a,.sm-blue ul a:hover,.sm-blue ul a:focus,.sm-blue ul a:active,.sm-blue ul a.highlighted {
        padding: 5px 0;
        background: 0 0;
        color: #222;
        font-size: 14px;
        text-transform: none;
        border-bottom: 1px solid #ebebeb
    }

    .sm-blue ul li:last-child a {
        border-bottom: 0
    }

    .sm-blue ul a:hover,.sm-blue ul a:focus,.sm-blue ul a:active,.sm-blue ul a.highlighted {
        color: #dcaf32
    }

    .sm-blue ul a.current {
        color: #fff
    }

    .sm-blue ul a.disabled {
        background: #fff;
        color: #b3b3b3
    }

    .sm-blue ul a span.sub-arrow {
        top: 50%;
        margin-top: -5px;
        bottom: auto;
        left: auto;
        margin-left: 0;
        right: 10px;
        border-style: dashed dashed dashed solid;
        border-color: transparent transparent transparent #ef3035
    }

    .sm-blue ul li {
        border: 0
    }

    .sm-blue span.scroll-up,.sm-blue span.scroll-down {
        position: absolute;
        display: none;
        visibility: hidden;
        overflow: hidden;
        background: #fff;
        height: 20px
    }

    .sm-blue span.scroll-up-arrow,.sm-blue span.scroll-down-arrow {
        position: absolute;
        top: -2px;
        left: 50%;
        margin-left: -8px;
        width: 0;
        height: 0;
        overflow: hidden;
        border-width: 8px;
        border-style: dashed dashed solid;
        border-color: transparent transparent #222
    }

    .sm-blue span.scroll-down-arrow {
        top: 6px;
        border-style: solid dashed dashed;
        border-color: #222 transparent transparent
    }

    .sm-blue.sm-rtl.sm-vertical a span.sub-arrow {
        right: auto;
        left: 10px;
        border-style: dashed solid dashed dashed;
        border-color: transparent #ef3035 transparent transparent
    }

    .sm-blue.sm-rtl > li:first-child {
        border-left: 1px solid #222
    }

    .sm-blue.sm-rtl > li:last-child {
        border-left: 0
    }

    .sm-blue.sm-rtl ul a span.sub-arrow {
        right: auto;
        left: 10px;
        border-style: dashed solid dashed dashed;
        border-color: transparent #ef3035 transparent transparent
    }

    .sm-blue.sm-vertical {
        -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.3);
        -moz-box-shadow: 0 1px 4px rgba(0,0,0,.3);
        box-shadow: 0 1px 4px rgba(0,0,0,.3)
    }

    .sm-blue.sm-vertical a {
        padding: 9px 23px
    }

    .sm-blue.sm-vertical a span.sub-arrow {
        top: 50%;
        margin-top: -5px;
        bottom: auto;
        left: auto;
        margin-left: 0;
        right: 10px;
        border-style: dashed dashed dashed solid;
        border-color: transparent transparent transparent #ef3035
    }

    .sm-blue.sm-vertical > li {
        border-left: 0!important
    }

    .sm-blue.sm-vertical ul a {
        padding: 9px 23px
    }
}

@media (max-width: 1200px) {
    .sm-blue a,.sm-blue a:hover,.sm-blue a:focus,.sm-blue a:active,.sm-blue a.highlighted {
        padding:8px 15px
    }
}

@media (max-width: 1024px) {
    .sm-blue a,.sm-blue a:hover,.sm-blue a:focus,.sm-blue a:active,.sm-blue a.highlighted {
        padding:8px 5px;
        font-size: 11px
    }
}

@media (max-width: 767px) {
    .sm-blue a,.sm-blue a:hover,.sm-blue a:focus,.sm-blue a:active,.sm-blue a.highlighted {
        font-size:16px;
        text-transform: uppercase
    }
}

.customer_review {
    display: block;
    margin: 0;
    padding: 0;
    position: relative
}

.customer_review .item {
    position: relative;
    display: block;
    margin: 10px auto;
    padding: 0;
    width: 60%
}

.customer_review .item .simg {
    position: relative;
    margin: 20px auto;
    padding: 0;
    width: 96px;
    height: 96px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden
}

.customer_review .item .sdes {
    display: block;
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 100%;
    text-align: center
}

.customer_review .item .sdes span {
    margin: 0;
    padding: 0;
    color: #dab35f;
    text-transform: uppercase
}

.customer_review .item .sdes small {
    display: block;
    margin: 0 0 20px;
    padding: 0
}

.customer_review .item .sdes a {
    color: #fff
}

.customer_review .bx-wrapper,.customer_review .bx-wrapper .bx-viewport {
    background: 0 0;
    border: 0;
    box-shadow: none!important;
    left: 0;
    -moz-box-shadow: none!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    border: none!important
}

.customer_review .bx-wrapper .bx-pager.bx-default-pager a {
    background: #000;
    border: 1px solid #fff
}

.customer_review .bx-wrapper .bx-pager.bx-default-pager a:hover,.customer_review .bx-wrapper .bx-pager.bx-default-pager a.active {
    background-color: #fff
}

@media (max-width: 767px) {
    .customer_review .item {
        width:100%
    }

    .col-xs-12.col-sm-3.col-md-3.footer_content {
        width: 100%!important
    }

    .customer_review .simg {
        margin: 0 auto 10px;
        padding: 0;
        display: block;
        width: 100%;
        float: none;
        height: auto;
        border: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }

    .customer_review .simg img {
        width: auto;
        max-width: 100%;
        margin: 0 auto
    }

    .customer_review .sdes {
        display: block;
        margin: 0 auto;
        padding: 0;
        position: relative;
        width: 100%;
        float: none
    }
}

.main_onlycat {
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 100%
}

.main_onlycat h1 {
    padding: 0 0 30px;
    margin: 40px 0 30px;
    position: relative;
    display: block;
    color: #0b7cc1;
    text-align: center;
    background-image: url(../images/blocksimple-underline.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    font-size: 30px;
    font-weight: 400;
    text-transform: uppercase
}

.main_onlycat .item {
    position: relative;
    display: block;
    margin: 0 0 20px;
    padding: 20px;
    border-right: 1px solid #0b7cc1
}

.main_onlycat .item:before {
    position: absolute;
    content: "";
    margin: 0;
    padding: 0;
    width: 150px;
    height: 1px;
    background-color: #0b7cc1;
    bottom: -10px;
    right: -75px
}

.main_onlycat .item:nth-child(3n+0) {
    border-right: 0
}

.main_onlycat .item:nth-child(3n+0):before,.main_onlycat .item:last-child:before,.main_onlycat .item:nth-last-child(2):before,.main_onlycat .item:nth-last-child(3):before {
    display: none
}

.main_onlycat .item .s_img {
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    text-align: center;
    height: 150px
}

.main_onlycat .item .s_img img {
    max-width: 100%;
    height: 104px
}

.main_onlycat .item .s_des {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    height: 160px;
    overflow: hidden
}

.main_onlycat .item .s_des h4 {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 0 10px;
    padding: 0
}

.main_onlycat .item .s_des .s_note {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0
}

.main_onlycat .item .s_des .s_note ul {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0
}

.main_onlycat .item .s_des .s_note ul li {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0
}

#category {
    position: relative;
    margin: 10px 0 0;
    padding: 0;
    width: 100%
}

#category .banner_image {
    position: relative;
    margin: 0 auto 20px;
    padding: 0;
    width: 100%;
    border-bottom: 1px solid #a0a0a0
}

#category .banner_image img {
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%
}

#category .c_header {
    position: relative;
    margin: 0 auto 20px;
    padding: 0;
    width: 100%
}

#category .c_header .form-control {
    position: relative;
    margin: 0;
    padding: 4px 20px;
    width: 100%;
    background-color: transparent;
    border: 1px solid #e6bd65
}

#category .c_header h1 {
    position: relative;
    padding: 0;
    margin: 0 0 20px;
    display: block;
    color: #fff;
    text-transform: uppercase
}

#category .c_header .listsub {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0
}

#category .form-group {
    margin: 0;
    padding: 0
}

#category .grid_item {
    position: relative;
    margin: 0 auto;
    padding: 0;
    z-index: 0
}

#category .grid_item .underline {
    position: relative;
    margin: 0 auto;
    padding: 0;
    display: block;
    width: 100%;
    height: 2px;
    padding: 0;
    margin: 0 0 20px;
    background-image: url(../images/bg-general.gif);
    background-repeat: repeat;
    z-index: 1
}

#category .grid_item .item {
    margin: 0 auto 40px;
    background: #002727;
    padding: 0;
    width: 100%;
    height: 400px
}

#category .grid_item .item .s_image {
    margin: 0 auto 20px;
    height: 280px;
    overflow: hidden;
    text-align: center
}

#category .grid_item .item .s_image img {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    vertical-align: middle;
    backface-visibility: hidden;
    box-shadow: 0 0 1px transparent;
    transform: translateZ(0);
    transition-duration: .3s;
    transition-property: transform;
    width: 100%
}

#category .grid_item .item .s_overlay {
    position: absolute;
    top: 10px;
    right: 10px;
    margin: 0 auto;
    padding: 0
}

#category .grid_item .item .s_content {
    position: relative;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 100%;
    height: 100px
}

#category .grid_item .item .s_content h3 {
    position: relative;
    margin: 10px auto;
    padding: 0;
    width: 100%;
    overflow: hidden;
    text-transform: uppercase;
    font-weight: 400
}

#category .grid_item .item .s_content h3 a {
    color: #fff;
    font-size: 18px
}

#category .grid_item .item .s_content .p_code {
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    color: #e6bd65
}

#category .grid_item .item .s_content .p_admin {
    position: relative;
    margin: 0 auto;
    padding: 0;
    font-size: 75%;
    width: 100%
}

#category .grid_item .item .s_content .p_price {
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: auto;
    text-align: center;
    display: table
}

#category .list_item {
    position: relative;
    margin: 0 auto;
    padding: 0
}

#category .list_item .item {
    position: relative;
    margin: 0 auto 20px;
    padding: 20px;
    background-color: #fff;
    border: 1px solid #e6bd65;
    width: 100%
}

#category .list_item .item .s_image {
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 20%;
    float: left
}

#category .list_item .item .s_image img {
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 100%
}

#category .list_item .item .s_overlay {
    position: absolute;
    top: 10px;
    left: 10px;
    margin: 0 auto;
    padding: 0
}

#category .list_item .item .s_content {
    position: relative;
    margin: 0 auto;
    padding: 0 10px;
    width: 48%;
    float: left
}

#category .list_item .item .s_content h3 {
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 100%
}

#category .list_item .item .s_content .p_code {
    position: relative;
    margin: 5px auto 10px;
    padding: 0;
    font-size: 75%;
    width: 100%
}

#category .list_item .item .s_content .p_info {
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    text-align: justify
}

#category .list_item .item .s_order {
    position: relative;
    margin: 0 auto;
    padding: 10px;
    width: 32%;
    float: left;
    text-align: center
}

#category .list_item .item .s_order .p_price {
    position: relative;
    margin: 0 auto 20px;
    padding: 0;
    width: 100%
}

#category .list_item .item .s_order .p_tools {
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 100%
}

#category .list_item .item .s_order .p_tools .s_comapare {
    position: relative;
    margin: 0 auto 10px;
    padding: 0;
    width: 100%
}

#category .list_item .item .s_order .p_admin {
    position: relative;
    margin: 0 auto;
    padding: 0;
    font-size: 75%;
    width: 100%
}

#detail {
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 100%
}

#detail .p_top {
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 100%
}

#detail .p_top .s_image {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    background-color: #fff
}

#detail .p_top .s_image .image_popup {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0
}

#detail .p_top .s_image .image_popup img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto 30px;
    padding: 0
}

#detail .p_top .s_image .slider_imglage {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center
}

#detail .p_top .s_image .slider_imglage img {
    width: 100%;
    text-align: center;
    margin: 0
}

#detail .p_top .s_image .slider_imglage .bx-wrapper {
    position: relative;
    margin: 0;
    padding: 0;
    *zoom:1;box-shadow: none!important
}

#detail .p_top .s_image .bx-wrapper .bx-viewport {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0 solid #fff;
    left: 0;
    background: 0 0;
    height: auto!important;
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0)
}

#detail .p_top .s_image .bx-wrapper .bx-next {
    right: 20px;
    background-image: url(/themes/ngoisaoso/images/bg-all.png);
    background-repeat: no-repeat;
    background-position: -38px -86px
}

#detail .p_top .s_image .bx-wrapper .bx-prev {
    left: 20px;
    background-image: url(/themes/ngoisaoso/images/bg-all.png);
    background-repeat: no-repeat;
    background-position: -9px -86px
}

#detail .p_top .s_image .bx-wrapper .bx-controls-direction a {
    width: 30px;
    height: 45px
}

#detail .p_top .s_image .slider_imgthumb {
    position: relative;
    display: table;
    width: 100%;
    margin: 10px 0 0;
    padding: 0
}

#detail .p_top .s_image .slider_imgthumb a {
    display: inline-block;
    margin-bottom: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: #fff
}

#detail .p_top .s_image .slider_imgthumb a.active {
    border-width: 1px;
    border-style: solid;
    border-color: #e6bd65
}

#detail .p_top .s_image .slider_imgthumb img {
    width: 100px;
    margin: 0 auto;
    padding: 0
}

#detail .p_top .product_info {
    position: relative;
    display: block;
    width: 100%;
    padding: 0
}

#detail .p_top .product_info h1 {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto 10px;
    padding: 0;
    color: #fff;
    text-transform: uppercase
}

#detail .p_top .product_info .p_price {
    position: relative;
    display: block;
    width: 100%;
    margin: 10px auto;
    padding: 0
}

#detail .p_top .product_info .p_price .money {
    font-size: 24px
}

#detail .p_top .product_info ul {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0
}

#detail .p_top .product_info ul li {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 5px 0;
    border-bottom: 1px solid #4f3c2a
}

#detail .p_top .product_info ul li .p_code {
    color: #e6bd65
}

#detail .p_top .product_info .i_social {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto 10px;
    padding: 10px;
    border: 1px solid #4f3c2a
}

#detail .p_top .product_info .i_facebook {
    margin: -2px 10px 0 0;
    padding: 0;
    display: block;
    float: left
}

#detail .p_top .product_info .i_gplus {
    margin: 0;
    padding: 0;
    display: block;
    float: left
}

#detail .p_top .product_info .info_gift {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto 10px;
    padding: 10px;
    background-color: #0b7cc1;
    color: #fff
}

#detail .p_top .product_info .download_content {
    position: relative;
    display: block;
    width: 100%;
    margin: 10px auto;
    padding: 10px;
    background-color: #fafafa;
    border: 1px solid #e6bd65
}

#detail .p_top .product_info .download_content .download {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 4px 0;
    border-bottom: 1px dashed #e6bd65
}

#detail .p_top .product_info .download_content .download:last-child {
    border-bottom: 0
}

#detail .p_top .product_info .info_group {
    position: relative;
    display: block;
    width: 100%;
    margin: 10px auto;
    padding: 10px;
    background-color: #fafafa;
    border: 1px solid #e6bd65
}

#detail .p_top .product_info .info_number {
    position: relative;
    display: block;
    width: 100%;
    margin: 10px auto;
    padding: 10px;
    background-color: #fafafa;
    border: 1px solid #e6bd65
}

#detail .p_top .product_info .info_number span {
    display: inline-block;
    margin: 5px 0 0
}

#detail .p_top .product_info .info_number input {
    display: inline-block;
    width: 100px
}

#detail .p_top .product_info .info_order {
    position: relative;
    display: block;
    width: 100%;
    margin: 10px auto;
    padding: 0
}

#detail .p_content {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0
}

#detail .p_content .tabs {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: 20px 0;
    font-weight: 300;
    z-index: 0
}

#detail .p_content .tabs .nav {
    text-align: center
}

#detail .p_content .tabs .nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block
}

#detail .p_content .tabs .nav li {
    border: 0 solid #becbd2;
    border-bottom: none;
    margin: 0;
    display: block;
    float: left;
    position: relative;
    padding: 0
}

#detail .tabs .nav li.active::after {
    background: 0 0
}

#detail .p_content .tabs .nav li.active {
    border-bottom: none;
    z-index: 100
}

#detail .p_content .tabs .nav li.active:before,#detail .tabs .nav li.active:after {
    content: '';
    position: absolute;
    height: 1px;
    right: 100%;
    bottom: 0;
    width: 1000px;
    background: 0 0
}

#detail .p_content .tabs .nav li.active:after {
    right: auto;
    left: 100%;
    width: 4000px
}

#detail .p_content .tabs .nav a {
    color: #fff;
    display: block;
    font-size: 1.1em;
    line-height: 2.5;
    padding: 10px 30px 12px 0;
    margin: 0;
    white-space: nowrap;
    border-radius: 0;
    border: none;
    border-bottom: 0;
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
    text-transform: uppercase
}

#detail .p_content .tabs .nav a:hover {
    color: #e6bd65;
    background-color: transparent
}

#detail .p_content .tabs .nav li.active a {
    color: #e6bd65;
    border-radius: 0;
    border-bottom: 0;
    background-color: transparent
}

#detail .p_content .nav-tabs li a img {
    display: inline-block;
    max-height: 30px;
    max-width: 30px;
    padding-right: 3px
}

#detail .p_content .tabs .nav a:before {
    display: inline-block;
    vertical-align: middle;
    text-transform: none;
    font-weight: 400;
    font-variant: normal;
    font-family: icomoon;
    line-height: 1;
    speak: none;
    -webkit-font-smoothing: antialiased;
    margin: -.25em .4em 0 0
}

#detail .p_content .tabs .tab-content > .active {
    display: block;
    border-top: 0;
    padding: 20px 0;
    margin: -1px 0 0;
    background-color: transparent;
    border-top: 1px solid #e6bd65
}

#detail .p_content .s_other {
    display: block;
    padding: 0;
    margin: 20px 0
}

#detail .p_content .review_content {
    position: relative;
    display: block;
    padding: 0;
    margin: 0
}

#detail .p_content .s_listp {
    position: relative;
    display: block;
    padding: 0;
    margin: 0
}

#detail .p_content .s_listp .ititle {
    position: relative;
    display: block;
    padding: 0;
    margin: 40px 0 0
}

#detail .p_content .s_listp .ititle h3 {
    position: relative;
    padding: 33px 0;
    margin: 20px 0;
    display: block;
    color: #fff;
    text-align: center;
    text-transform: uppercase
}

#detail .p_content .s_listp .ititle h3::before {
    position: absolute;
    content: "";
    top: 0;
    left: -18px;
    padding: 0;
    margin: 0 auto;
    background-image: url(../images/bg-all.png);
    background-repeat: no-repeat;
    background-position: -171px 0;
    width: 301px;
    height: 80px;
    z-index: 1;
    left: 0;
    right: 0
}

#detail .p_content .s_listp .icontent {
    position: relative;
    display: block;
    padding: 0;
    margin: 0
}

.rate-ex2-cnt {
    width: 150px;
    height: 20px
}

.rate-ex2-cnt .rate-btn {
    width: 20px;
    height: 20px;
    float: left;
    background: url(../images/shops/rate/rate-btn2.png) no-repeat;
    cursor: pointer
}

.rate-ex2-cnt .rate-btn:hover,.rate-ex2-cnt .rate-btn-hover,.rate-ex2-cnt .rate-btn-active {
    background: url(../images/shops/rate/rate-btn2-hover.png) no-repeat
}

.form-review {
    font-size: 13px
}

.form-review .pagination {
    margin-top: 2px
}

.form-review .pagination > li > a {
    padding: 1px 5px;
    font-size: 12px
}

.form-review .review_row {
    border-bottom: 1px solid #ddd;
    margin-bottom: 5px
}

.rate-result-cnt {
    width: 82px;
    height: 18px;
    position: relative
}

.rate-stars {
    width: 82px;
    height: 18px;
    background: url(../images/shops/rate/rate-stars.png) no-repeat;
    position: absolute
}

.rate-bg {
    height: 18px;
    background-color: #ffbe10;
    position: absolute
}

.star-icon {
    width: 20px;
    height: 20px;
    background: url(../images/shops/rate/rate-btn3-hover.png) no-repeat;
    float: left
}

.div_rate a {
    padding-right: 18px;
    background: url(../images/shops/star.png) no-repeat right center;
    margin-right: 5px
}

#cart {
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 100%
}

#cart .step_bar {
    position: relative;
    margin: 0 auto 20px;
    padding: 0;
    width: 100%
}

#cart .step_bar a {
    position: relative;
    margin: 0 20px 0 0;
    padding: 0
}

#cart .step_bar a span {
    background-color: #0b7cc1;
    display: inline-block;
    color: #fff;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    margin-right: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

#cart .step_bar a span.step_current {
    background-color: #ed1651;
    font-weight: 600;
    font-size: 20px
}

#cart .list_tools {
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    text-align: right
}

#cart .info_order {
    position: relative;
    margin: 20px auto;
    padding: 20px;
    width: 100%;
    background-color: #fafafa;
    border: 1px solid #e6bd65
}

#cart .c_check {
    position: relative;
    margin: 20px auto;
    padding: 20px;
    width: 100%;
    background-color: #fafafa;
    border: 1px solid #e6bd65;
    text-align: right
}

#cart .c_order {
    position: relative;
    margin: 20px auto;
    padding: 0;
    width: 100%;
    text-align: right
}

#cart .shipping {
    position: relative;
    margin: 20px auto;
    padding: 0;
    width: 100%
}

#cart .shipping .s_header {
    position: relative;
    margin: 20px auto 0;
    padding: 20px;
    width: 100%;
    text-align: center;
    background-color: #0b7cc1
}

#cart .shipping .s_header h3 {
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    color: #fff;
    text-transform: uppercase
}

#cart .shipping .s_body {
    position: relative;
    margin: 0 auto;
    padding: 20px;
    width: 100%;
    text-align: left;
    border: 1px solid #e6bd65
}

#cart .shipping .s_body small {
    position: relative;
    display: table;
    width: 100%;
    margin: 10px auto;
    padding: 20px;
    width: 100%;
    text-align: center;
    background: #fafafa;
    border: 1px solid #e6bd65
}

#cart .shipping .s_body .s_info {
    position: relative;
    width: 100%;
    margin: 10px auto;
    padding: 20px;
    width: 100%;
    background: #fafafa;
    border: 1px solid #e6bd65
}

#cart .shipping .s_body .s_info h3 {
    position: relative;
    width: 100%;
    margin: 0 auto 10px;
    padding: 0 0 10px;
    width: 100%;
    text-transform: uppercase;
    border-bottom: 1px solid #e6bd65
}

#cart .shipping .s_body .s_info ul.order_shipping_info {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0
}

#cart .shipping .s_body .s_info ul.order_shipping_info li {
    margin: 8px 0
}

#cart .pay_total {
    position: relative;
    width: 100%;
    margin: 10px auto;
    padding: 20px;
    width: 100%;
    background: #fff;
    border: 1px solid #e6bd65
}

#cart .pay_info {
    position: relative;
    width: 100%;
    margin: 10px auto;
    padding: 20px;
    width: 100%;
    background: #fafafa;
    border: 1px solid #e6bd65
}

#cart .error_nummber {
    position: relative;
    width: 100%;
    margin: 10px auto;
    padding: 20px;
    width: 100%;
    background: #fafafa;
    border: 1px solid #ffcfdc
}

#cart .edit_order {
    position: relative;
    width: 100%;
    margin: 10px auto;
    padding: 20px;
    width: 100%;
    background: #ebffd3;
    border: 1px solid #e6bd65
}

#cart .point_note {
    position: relative;
    width: 100%;
    margin: 10px auto;
    padding: 20px;
    width: 100%;
    background: #ffe0e9;
    border: 1px solid #ef4c71
}

#cart .ctotal {
    position: relative;
    display: table;
    width: 100%;
    margin: 10px auto;
    padding: 20px;
    width: 100%;
    background: #ebffd3;
    border: 1px solid #0b7cc1
}

#cart .ccoupons {
    position: relative;
    display: table;
    width: 100%;
    margin: 10px auto;
    padding: 20px;
    width: 100%;
    border: 1px solid #e6bd65
}

#cart .sorder {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    width: 100%
}

#cart .sorder .s_header {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    width: 100%
}

#cart .sorder .s_header h3 {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 20px;
    width: 100%;
    background-color: #0b7cc1;
    color: #fff;
    text-align: center
}

#cart .sorder .s_body {
    position: relative;
    margin: 0 auto 20px;
    padding: 20px;
    width: 100%;
    background-color: #fafafa;
    border: 1px solid #e6bd65
}

#cart .sorder .s_body textarea {
    height: 195px;
    width: 100%
}

#cart .sorder .s_body .form-group {
    margin: 0 0 4px
}

#cart .sorder .s_body .form-control-static {
    padding-top: 0;
    padding-bottom: 5px;
    margin-bottom: 0;
    min-height: auto
}

#cart .sorder .s_body h4 {
    margin-bottom: 5px;
    background-color: #e6bd65;
    padding: 10px 20px
}

#cart .sorder .s_body .s_block {
    margin: 0;
    padding: 0
}

#cart .sorder .s_body .s_block ul.order_shipping_info {
    margin: 0;
    padding: 0
}

#cart .sorder .s_body .s_block .help-block {
    font-size: 12px
}

#cart #bankinfo {
    border: 1px solid #e6bd65;
    background: #fff;
    padding: 5px;
    font-size: 12px
}

#cart .showpoint {
    border: 1px solid #e6bd65;
    background: #fff;
    padding: 10px;
    text-align: center;
    margin: 20px 0
}

#cart .showpoint span {
    font-weight: 600
}

#cart .coupons_reduce_money {
    background-color: #fafafa;
    border: 1px solid #e6bd65;
    background: #fff;
    padding: 10px;
    text-align: right;
    margin: 20px 0
}

#cart .coupons_reduce_money span {
    font-weight: 600;
    color: #ed1651;
    margin-left: 20px
}

.relates_product {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0
}

.relates_product .item {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 10px;
    display: block;
    text-align: center
}

.relates_product .item .s_img {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0
}

.relates_product .item .s_img img {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0
}

.relates_product .item .s_info {
    position: relative;
    width: auto;
    margin: 10px auto;
    padding: 0;
    display: table
}

.relates_product .item .s_info h3 {
    position: relative;
    margin: 0;
    padding: 0;
    font-size: 15px;
    font-weight: 600
}

.relates_product .item .s_info .b_price {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0
}

.relates_product .item .s_info .s_order {
    position: relative;
    width: 100%;
    margin: 10px 0 0;
    padding: 0
}

.others_product ul {
    width: 100%;
    margin: 0;
    padding: 0
}

.others_product ul li {
    list-style: none;
    text-align: center;
    margin-bottom: 10px
}

.others_product ul li img {
    margin: 5px
}

.others_product ul li.bg {
    background: #fffff0
}

.others_product ul li span.time {
    color: silver;
    font-size: 11px
}

.product_center {
    z-index: 2;
    margin-bottom: 2px
}

.product_center {
    overflow: hidden;
    position: relative;
    margin-top: 5px
}

.product_center .container {
    width: 960px;
    height: 130px;
    overflow: hidden;
    position: relative
}

.product_center .slides {
    position: absolute;
    top: 0;
    left: 0
}

.product_center .slides > div {
    position: absolute;
    top: 0;
    width: 960px;
    display: none
}

.filter_product label {
    margin-right: 10px
}

.filter_product .label_group {
    height: 22px;
    border: 1px solid #ccc;
    outline: 1px solid #fff;
    background: #f2f2f2;
    text-align: center;
    line-height: 21px;
    display: block;
    float: left;
    cursor: pointer;
    position: relative;
    text-transform: uppercase;
    padding: 0 10px;
    margin-top: 5px;
    min-width: 30px;
    font-size: 11px;
    white-space: nowrap
}

.filter_product .label_group:hover {
    border-color: #f1607f
}

.filter_product .active {
    border-color: #0b7cc1
}

.filter_product .label_group input,.filter_product .image_group input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
    z-index: -1
}

.form_search {
    position: relative;
    margin: 0 0 20px;
    padding: 20px 20px 10px;
    width: 100%;
    background-color: #fafafa;
    border: 1px solid #e6bd65
}

.search {
    border: 1px solid #e6bd65;
    padding: 5px;
    margin-bottom: 5px
}

.search .input {
    width: 200px
}

.search .rows {
    line-height: 25px
}

.search .rows label {
    width: 180px;
    display: inline-block
}

.result-frame .result-content {
    margin-bottom: 5px;
    border-bottom: 1px dotted silver;
    padding-bottom: 5px
}

.result-frame .result-content img {
    margin-right: 5px;
    border: 1px solid #e6e6e6;
    padding: 2px
}

.result-frame .linktitle {
    color: #0080c0;
    line-height: 22px;
    font-weight: 700
}

.result-frame .keyword {
    background: #ff0
}

.search .date {
    background: url(../images/shops/date.png) no-repeat center;
    border: 0;
    margin: auto;
    padding: 4px 10px
}

.btn-order {
    background-color: #0b7cc1;
    padding: 6px 20px;
    color: #fff!important;
    border: 0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.btn-order:hover {
    background-color: #41690e;
    color: #fff!important;
    border: 0
}

.btn-addcart {
    background-color: #ed1651;
    padding: 6px 20px;
    color: #fff!important;
    border: 0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.btn-addcart:hover {
    background-color: #cb1144;
    color: #fff!important;
    border: 0
}

.btn-disabled {
    background-color: #e6bd65;
    padding: 6px 20px;
    color: #333!important;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    border: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.btn-disabled:hover {
    background-color: #d9d9d9;
    color: #000!important;
    border: 0
}

.btn-compare {
    background-color: #f4f4f4;
    padding: 4px 10px;
    color: #333!important;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    border: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.btn-compare:hover {
    background-color: #dfdfdf;
    color: #000!important;
    border: 0
}

.btn-wishlist {
    background-color: #ed1651;
    padding: 6px 20px;
    color: #fff!important;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    border: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.btn-wishlist:hover {
    background-color: #d5023c;
    color: #fff!important;
    border: 0
}

.btn-back {
    background-color: #e6bd65;
    padding: 6px 20px;
    color: #333!important;
    border: 0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.btn-back:hover {
    background-color: #c8c8c8;
    color: #000!important;
    border: 0
}

.btn-copy {
    border: 1px dashed #999;
    padding: 2px 20px;
    color: #333!important;
    display: table;
    text-align: center;
    margin: 10px auto;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.btn-copy:hover {
    border: 1px dashed #6dc400
}

.btn-shop {
    position: relative;
    padding: 0;
    border: 0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.btn-shop i {
    background-color: #6dc400;
    padding: 0;
    color: #fff!important;
    border: 0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    width: 32px;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    float: left;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    text-align: center
}

.btn-shop span {
    background-color: #0b7cc1;
    padding: 0 10px;
    color: #fff!important;
    border: 0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    float: left;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.label-newday {
    background-color: #e6bd65;
    padding: 0;
    margin: 0 0 2px;
    font-weight: 600;
    display: block;
    font-size: 75%;
    color: #fff;
    height: 32px;
    width: 32px;
    line-height: 32px;
    text-align: center;
    vertical-align: middle;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.label-discount {
    background-color: #0b7cc1;
    padding: 0;
    margin: 0 0 2px;
    font-weight: 600;
    display: block;
    font-size: 75%;
    color: #fff;
    height: 32px;
    width: 32px;
    line-height: 32px;
    text-align: center;
    vertical-align: middle;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.label-point {
    background-color: #0b7cc1;
    padding: 0;
    margin: 0 0 2px;
    font-weight: 600;
    display: block;
    font-size: 75%;
    color: #fff;
    height: 32px;
    width: 32px;
    line-height: 32px;
    text-align: center;
    vertical-align: middle;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.label-gift {
    background-color: #ed1651;
    padding: 0;
    margin: 0 0 2px;
    font-weight: 600;
    display: block;
    font-size: 75%;
    color: #fff;
    height: 32px;
    width: 32px;
    line-height: 32px;
    text-align: center;
    vertical-align: middle;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.label_normal {
    border: 1px dashed #e6bd65;
    padding: 5px;
    text-align: center;
    background-color: #fff
}

.modal-dialog {
    width: 80%
}

.money {
    color: #e6bd65;
    font-weight: 700
}

.discounts_money {
    color: #000;
    font-weight: 400;
    text-decoration: line-through;
    padding: 5px
}

.rate-star {
    padding: 5px;
    float: left;
    height: 14px;
    line-height: 14px
}

.rate-star .width-star-title {
    float: left;
    margin-right: 5px
}

.rate-star .width-star-num {
    float: left;
    font-weight: 700;
    margin-left: 5px
}

.rate-star .width-star-bg {
    width: 180px;
    float: left;
    cursor: pointer;
    border-radius: 3px;
    background: #dadada
}

.rate-star .width-star-value {
    float: left;
    border-radius: 3px;
    background: url(../images/shops/star-png.png) repeat-x
}

.rateavg_percent {
    font-size: 18px;
    font-weight: 700
}

.msgshow {
    background: #e6bd65;
    color: #fff;
    padding: 20px;
    border: 0;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    display: none;
    text-align: center;
    margin: 0 auto;
    width: 300px;
    color: #fff;
    z-index: 10020!important;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px
}

.tooltip-inner {
    max-width: 250px;
    padding: 10px;
    color: #fff;
    text-align: left!important;
    background-color: #0c2138;
    border-radius: 4px
}

.tooltip-inner img.pull-left {
    margin: 3px 5px 1px 0
}

.tooltip-inner img.pull-right {
    margin: 3px 1px 0 5px
}

div[id*=product_center] {
    position: relative
}

div[id*=product_center] .crsl-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

div[id*=product_center] .crsl-items:after {
    display: block;
    clear: both;
    content: ''
}

div[id*=product_center] .crsl-items img {
    margin: 0 auto 6px
}

div[id*=product_center] .previous,div[id*=product_center] .next {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    text-indent: -10000px;
    color: #fff;
    background: rgba(0,0,0,.8) url(../images/shops/previous-next.png) no-repeat 0 0;
    z-index: 10;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -webkit-transition: background .2s ease-out;
    -moz-transition: background .2s ease-out;
    -o-transition: background .2s ease-out;
    transition: background .2s ease-out
}

div[id*=product_center] .previous:hover,div[id*=product_center] .next:hover {
    background-color: rgba(0,0,0,.95)
}

div[id*=product_center] .previous {
    left: 0;
    background-position: 0 0
}

div[id*=product_center] .next {
    right: 0;
    background-position: 100% 0
}

div[id*=product_center] .crsl-item {
    margin-bottom: 0
}

#print {
    padding: 10px
}

#print table.rows2 {
    width: 100%;
    border: none;
    margin-bottom: 10px
}

#print table.rows {
    width: 100%;
    border: 1px solid #f5f5f5
}

#print table.rows td {
    padding: 5px;
    border: 1px solid #f5f5f5
}

#print table.rows td img {
    width: 60px;
    padding: 2px;
    border: 1px solid #e6bd65;
    vertical-align: middle
}

#print table.rows tr.bg {
    background: #f3f3f3
}

#print table.rows tr.bgtop {
    background: #ccc;
    line-height: 22px
}

.r-tabs {
    margin: 10px 0;
    position: relative
}

.r-tabs .r-tabs-nav {
    border-bottom: 1px solid #ccc
}

.r-tabs .r-tabs-nav .r-tabs-tab {
    position: relative;
    top: 1px
}

.r-tabs .r-tabs-nav .r-tabs-anchor {
    background: #0ad;
    margin-bottom: 3px;
    padding: 10px 12px;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    font-weight: 700
}

.r-tabs .r-tabs-nav .r-tabs-state-active {
    background-color: #fff;
    margin-bottom: -1px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc
}

.r-tabs .r-tabs-nav .r-tabs-state-disabled {
    opacity: .5
}

.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
    color: #0ad;
    background-color: #fff
}

.r-tabs .r-tabs-panel {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    margin-bottom: 3px
}

.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
    display: block;
    padding: 10px;
    background-color: #0ad;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    margin-bottom: 3px
}

.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
    opacity: .5
}

.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
    background-color: #fff;
    color: #0ad;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    margin-bottom: 0
}

em.fb,span.fb {
    color: #3b5998
}

em.tw,span.tw {
    color: #00aced
}

em.google,span.google {
    color: #dd4b39
}

.google-plus-one {
    overflow: hidden;
    position: relative
}

.google-plus-one i {
    position: absolute;
    left: -4px;
    bottom: -5px
}

.google-plus-one span {
    font-size: 16px;
    font-weight: 900;
    line-height: 10px;
    margin-left: 15px
}

.btn-sm.google-plus-one span {
    font-size: 14px
}

.btn-sm.google-plus-one i {
    bottom: -3px
}

.btn-lg.google-plus-one span {
    font-size: 20px;
    margin-left: 18px
}

.btn-lg.google-plus-one i {
    bottom: -5px
}

.btn-xs.google-plus-one span {
    font-size: 12px
}

.btn-xs.google-plus-one i {
    bottom: -7px
}

.share a {
    padding: 0;
    margin: 0
}

.share img {
    height: 16px;
    float: left;
    margin-right: 3px;
    margin-left: 3px
}

#total {
    color: #ed1651;
    font-weight: 700;
    font-size: 15px
}

.order_code {
    padding: 5px;
    border: 1px solid #dfdfdf;
    text-align: center
}

.text_date {
    color: #0080c0;
    font-size: 16px;
    font-weight: 700
}

.product_center p {
    padding: 0
}

.product_center ul.pagination {
    padding: 5px;
    float: right
}

.product_center ul.pagination li {
    float: left;
    list-style: none
}

.product_center ul.pagination a {
    display: block;
    overflow: hidden;
    background: #f3f3f3;
    margin-right: 2px;
    line-height: 20px;
    height: 20px;
    width: 20px;
    text-align: center
}

.product_center ul.pagination li.active a {
    background: #b5b5b5;
    color: #fff
}

.product_center .slides .items {
    display: block;
    width: 150px;
    float: left;
    height: 120px;
    margin-right: 10px;
    text-align: center
}

.product_center .slides .items img {
    height: 80px;
    border: #dfdfdf 1px solid;
    padding: 2px
}

.block-nobg .title_adv {
    background: url(../images/dot_gray.gif) repeat-x center
}

.frame {
    padding: 20px;
    text-align: center
}

#products .tip {
    color: #fff;
    background: #1d1d1d;
    display: none;
    padding: 10px;
    position: absolute;
    z-index: 3000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 250px;
    text-align: left
}

#products .tip img {
    margin-right: 10px;
    float: left
}

.post-product h2 {
    border-bottom: 1px #d8d8d8 solid
}

.txt-full {
    width: 99%
}

.title_group {
    margin-bottom: 10px;
    border-bottom: 1px #e8e8e8 solid;
    line-height: 20px
}

.info-require {
    color: red;
    font-size: 11px;
    font-style: italic
}

.span-require {
    color: red;
    font-style: italic
}

.post-error {
    border: 1px solid #ffaad5;
    margin: 0 auto 10px;
    background: #ffd2e9;
    padding: 10px
}

.post-error span {
    color: red;
    font-weight: 700
}

.post-product .show-date {
    vertical-align: middle
}

.ddsmoothmenu-v ul,.ddsmoothmenu-v li,ddsmoothmenu-h ul,.ddsmoothmenu-h li {
    list-style: none;
    margin: 0
}

.rows3 td {
    padding: 1px
}

.error {
    color: red
}

img.calendar {
    vertical-align: middle
}

.bsss {
    background: none repeat scroll 0 0 #fff;
    border: medium;
    color: #5c5c5c;
    cursor: pointer;
    text-decoration: underline
}

.compare {
    margin-bottom: 10px
}

.content section {
    font-size: 1.25em;
    padding: 2px 1px;
    display: none;
    max-width: 1230px;
    margin: 0 auto
}

.content section:before,.content section:after {
    content: '';
    display: table
}

.content section:after {
    clear: both
}

.no-js .content section {
    display: block;
    padding-bottom: 2em;
    border-bottom: 1px solid #47a3da
}

.content section.content-current {
    display: block
}

.info_pro {
    position: absolute;
    top: 40px;
    left: 5px
}

#coupons_info {
    margin-top: 6px
}

.tab-pane {
    padding: 5px
}

.select2-selection {
    height: 32px!important
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-top: 2px
}

.ajax-load-qa {
    background: url(../images/shops/ajax-loader.gif) no-repeat center center rgba(255,255,255,.5);
    position: absolute;
    z-index: 100;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none
}

.thumbnail .caption h3 {
    font-size: 14px
}

.info_icon:before {
    font-family: FontAwesome;
    color: #1e91cf;
    font-size: 14px;
    content: "\f05a"
}

.docpay div {
    line-height: 25px
}

.docpay div strong {
    width: 120px;
    display: inline-block
}

#group_error {
    color: #c00;
    font-style: italic;
    padding: 5px;
    border: 1px dashed #c00;
    margin: 5px 0;
    display: none
}

.btn-transparent {
    background: 0 0;
    border: none;
    box-shadow: none
}

.s_image .logo_img img {
    position: absolute!important;
    z-index: 99;
    width: 113px!important;
    top: 0!important;
    left: 0!important;
    margin: 0!important
}

.m_image .logo_img img {
    position: absolute!important;
    z-index: 99;
    width: 113px!important;
    top: 15px!important;
    left: 15px!important;
    margin: 0!important
}

.i_image .logo_img img {
    position: absolute!important;
    z-index: 99;
    width: 110px!important;
    top: 0!important;
    left: 0!important;
    margin: 0!important;
    min-height: 52px
}

.hvr-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-grow:active,.hvr-grow:focus,.hvr-grow:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.hvr-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-shrink:active,.hvr-shrink:focus,.hvr-shrink:hover {
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

@-webkit-keyframes hvr-pulse {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    75% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

@keyframes hvr-pulse {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    75% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

.hvr-pulse {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-pulse:active,.hvr-pulse:focus,.hvr-pulse:hover {
    -webkit-animation-name: hvr-pulse;
    animation-name: hvr-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes hvr-pulse-grow {
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes hvr-pulse-grow {
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.hvr-pulse-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-pulse-grow:active,.hvr-pulse-grow:focus,.hvr-pulse-grow:hover {
    -webkit-animation-name: hvr-pulse-grow;
    animation-name: hvr-pulse-grow;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

@-webkit-keyframes hvr-pulse-shrink {
    to {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

@keyframes hvr-pulse-shrink {
    to {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

.hvr-pulse-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-pulse-shrink:active,.hvr-pulse-shrink:focus,.hvr-pulse-shrink:hover {
    -webkit-animation-name: hvr-pulse-shrink;
    animation-name: hvr-pulse-shrink;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

@-webkit-keyframes hvr-push {
    50% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes hvr-push {
    50% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.hvr-push {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-push:active,.hvr-push:focus,.hvr-push:hover {
    -webkit-animation-name: hvr-push;
    animation-name: hvr-push;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-pop {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@keyframes hvr-pop {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

.hvr-pop {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-pop:active,.hvr-pop:focus,.hvr-pop:hover {
    -webkit-animation-name: hvr-pop;
    animation-name: hvr-pop;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.hvr-bounce-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.hvr-bounce-in:active,.hvr-bounce-in:focus,.hvr-bounce-in:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition-timing-function: cubic-bezier(.47,2.02,.31,-.36);
    transition-timing-function: cubic-bezier(.47,2.02,.31,-.36)
}

.hvr-bounce-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.hvr-bounce-out:active,.hvr-bounce-out:focus,.hvr-bounce-out:hover {
    -webkit-transform: scale(.8);
    transform: scale(.8);
    -webkit-transition-timing-function: cubic-bezier(.47,2.02,.31,-.36);
    transition-timing-function: cubic-bezier(.47,2.02,.31,-.36)
}

.hvr-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-rotate:active,.hvr-rotate:focus,.hvr-rotate:hover {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg)
}

.hvr-grow-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-grow-rotate:active,.hvr-grow-rotate:focus,.hvr-grow-rotate:hover {
    -webkit-transform: scale(1.1) rotate(4deg);
    transform: scale(1.1) rotate(4deg)
}

.hvr-float {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-float:active,.hvr-float:focus,.hvr-float:hover {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px)
}

.hvr-sink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-sink:active,.hvr-sink:focus,.hvr-sink:hover {
    -webkit-transform: translateY(8px);
    transform: translateY(8px)
}

@-webkit-keyframes hvr-bob {
    0% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    50% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }

    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

@keyframes hvr-bob {
    0% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    50% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }

    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

@-webkit-keyframes hvr-bob-float {
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

@keyframes hvr-bob-float {
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

.hvr-bob {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-bob:active,.hvr-bob:focus,.hvr-bob:hover {
    -webkit-animation-name: hvr-bob-float,hvr-bob;
    animation-name: hvr-bob-float,hvr-bob;
    -webkit-animation-duration: .3s,1.5s;
    animation-duration: .3s,1.5s;
    -webkit-animation-delay: 0s,.3s;
    animation-delay: 0s,.3s;
    -webkit-animation-timing-function: ease-out,ease-in-out;
    animation-timing-function: ease-out,ease-in-out;
    -webkit-animation-iteration-count: 1,infinite;
    animation-iteration-count: 1,infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal,alternate;
    animation-direction: normal,alternate
}

@-webkit-keyframes hvr-hang {
    0% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }

    50% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
}

@keyframes hvr-hang {
    0% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }

    50% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
}

@-webkit-keyframes hvr-hang-sink {
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
}

@keyframes hvr-hang-sink {
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
}

.hvr-hang {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-hang:active,.hvr-hang:focus,.hvr-hang:hover {
    -webkit-animation-name: hvr-hang-sink,hvr-hang;
    animation-name: hvr-hang-sink,hvr-hang;
    -webkit-animation-duration: .3s,1.5s;
    animation-duration: .3s,1.5s;
    -webkit-animation-delay: 0s,.3s;
    animation-delay: 0s,.3s;
    -webkit-animation-timing-function: ease-out,ease-in-out;
    animation-timing-function: ease-out,ease-in-out;
    -webkit-animation-iteration-count: 1,infinite;
    animation-iteration-count: 1,infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal,alternate;
    animation-direction: normal,alternate
}

.hvr-skew {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-skew:active,.hvr-skew:focus,.hvr-skew:hover {
    -webkit-transform: skew(-10deg);
    transform: skew(-10deg)
}

.hvr-skew-forward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.hvr-skew-forward:active,.hvr-skew-forward:focus,.hvr-skew-forward:hover {
    -webkit-transform: skew(-10deg);
    transform: skew(-10deg)
}

.hvr-skew-backward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.hvr-skew-backward:active,.hvr-skew-backward:focus,.hvr-skew-backward:hover {
    -webkit-transform: skew(10deg);
    transform: skew(10deg)
}

@-webkit-keyframes hvr-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }

    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }

    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes hvr-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }

    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }

    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.hvr-wobble-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-wobble-vertical:active,.hvr-wobble-vertical:focus,.hvr-wobble-vertical:hover {
    -webkit-animation-name: hvr-wobble-vertical;
    animation-name: hvr-wobble-vertical;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }

    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px)
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }

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

@keyframes hvr-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }

    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px)
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }

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

.hvr-wobble-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-wobble-horizontal:active,.hvr-wobble-horizontal:focus,.hvr-wobble-horizontal:hover {
    -webkit-animation-name: hvr-wobble-horizontal;
    animation-name: hvr-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-wobble-to-bottom-right {
    16.65% {
        -webkit-transform: translate(8px,8px);
        transform: translate(8px,8px)
    }

    33.3% {
        -webkit-transform: translate(-6px,-6px);
        transform: translate(-6px,-6px)
    }

    49.95% {
        -webkit-transform: translate(4px,4px);
        transform: translate(4px,4px)
    }

    66.6% {
        -webkit-transform: translate(-2px,-2px);
        transform: translate(-2px,-2px)
    }

    83.25% {
        -webkit-transform: translate(1px,1px);
        transform: translate(1px,1px)
    }

    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

@keyframes hvr-wobble-to-bottom-right {
    16.65% {
        -webkit-transform: translate(8px,8px);
        transform: translate(8px,8px)
    }

    33.3% {
        -webkit-transform: translate(-6px,-6px);
        transform: translate(-6px,-6px)
    }

    49.95% {
        -webkit-transform: translate(4px,4px);
        transform: translate(4px,4px)
    }

    66.6% {
        -webkit-transform: translate(-2px,-2px);
        transform: translate(-2px,-2px)
    }

    83.25% {
        -webkit-transform: translate(1px,1px);
        transform: translate(1px,1px)
    }

    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

.hvr-wobble-to-bottom-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-wobble-to-bottom-right:active,.hvr-wobble-to-bottom-right:focus,.hvr-wobble-to-bottom-right:hover {
    -webkit-animation-name: hvr-wobble-to-bottom-right;
    animation-name: hvr-wobble-to-bottom-right;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-wobble-to-top-right {
    16.65% {
        -webkit-transform: translate(8px,-8px);
        transform: translate(8px,-8px)
    }

    33.3% {
        -webkit-transform: translate(-6px,6px);
        transform: translate(-6px,6px)
    }

    49.95% {
        -webkit-transform: translate(4px,-4px);
        transform: translate(4px,-4px)
    }

    66.6% {
        -webkit-transform: translate(-2px,2px);
        transform: translate(-2px,2px)
    }

    83.25% {
        -webkit-transform: translate(1px,-1px);
        transform: translate(1px,-1px)
    }

    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

@keyframes hvr-wobble-to-top-right {
    16.65% {
        -webkit-transform: translate(8px,-8px);
        transform: translate(8px,-8px)
    }

    33.3% {
        -webkit-transform: translate(-6px,6px);
        transform: translate(-6px,6px)
    }

    49.95% {
        -webkit-transform: translate(4px,-4px);
        transform: translate(4px,-4px)
    }

    66.6% {
        -webkit-transform: translate(-2px,2px);
        transform: translate(-2px,2px)
    }

    83.25% {
        -webkit-transform: translate(1px,-1px);
        transform: translate(1px,-1px)
    }

    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

.hvr-wobble-to-top-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-wobble-to-top-right:active,.hvr-wobble-to-top-right:focus,.hvr-wobble-to-top-right:hover {
    -webkit-animation-name: hvr-wobble-to-top-right;
    animation-name: hvr-wobble-to-top-right;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-wobble-top {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

@keyframes hvr-wobble-top {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

.hvr-wobble-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.hvr-wobble-top:active,.hvr-wobble-top:focus,.hvr-wobble-top:hover {
    -webkit-animation-name: hvr-wobble-top;
    animation-name: hvr-wobble-top;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-wobble-bottom {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

@keyframes hvr-wobble-bottom {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

.hvr-wobble-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.hvr-wobble-bottom:active,.hvr-wobble-bottom:focus,.hvr-wobble-bottom:hover {
    -webkit-animation-name: hvr-wobble-bottom;
    animation-name: hvr-wobble-bottom;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-wobble-skew {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

@keyframes hvr-wobble-skew {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

.hvr-wobble-skew {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-wobble-skew:active,.hvr-wobble-skew:focus,.hvr-wobble-skew:hover {
    -webkit-animation-name: hvr-wobble-skew;
    animation-name: hvr-wobble-skew;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
}

@keyframes hvr-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
}

.hvr-buzz {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-buzz:active,.hvr-buzz:focus,.hvr-buzz:hover {
    -webkit-animation-name: hvr-buzz;
    animation-name: hvr-buzz;
    -webkit-animation-duration: .15s;
    animation-duration: .15s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes hvr-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }

    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }

    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0)
    }

    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0)
    }
}

@keyframes hvr-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }

    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }

    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0)
    }

    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0)
    }
}

.hvr-buzz-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-buzz-out:active,.hvr-buzz-out:focus,.hvr-buzz-out:hover {
    -webkit-animation-name: hvr-buzz-out;
    animation-name: hvr-buzz-out;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.hvr-fade {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: color,background-color;
    transition-property: color,background-color
}

.hvr-fade:active,.hvr-fade:focus,.hvr-fade:hover {
    background-color: #2098d1;
    color: #fff
}

@-webkit-keyframes hvr-back-pulse {
    50% {
        background-color: rgba(32,152,209,.75)
    }
}

@keyframes hvr-back-pulse {
    50% {
        background-color: rgba(32,152,209,.75)
    }
}

.hvr-back-pulse {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: color,background-color;
    transition-property: color,background-color
}

.hvr-back-pulse:active,.hvr-back-pulse:focus,.hvr-back-pulse:hover {
    -webkit-animation-name: hvr-back-pulse;
    animation-name: hvr-back-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background-color: #2098d1;
    background-color: #2098d1;
    color: #fff
}

.hvr-sweep-to-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-sweep-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-sweep-to-right:active,.hvr-sweep-to-right:focus,.hvr-sweep-to-right:hover {
    color: #fff
}

.hvr-sweep-to-right:active:before,.hvr-sweep-to-right:focus:before,.hvr-sweep-to-right:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.hvr-sweep-to-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-sweep-to-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-sweep-to-left:active,.hvr-sweep-to-left:focus,.hvr-sweep-to-left:hover {
    color: #fff
}

.hvr-sweep-to-left:active:before,.hvr-sweep-to-left:focus:before,.hvr-sweep-to-left:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.hvr-sweep-to-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-sweep-to-bottom:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-sweep-to-bottom:active,.hvr-sweep-to-bottom:focus,.hvr-sweep-to-bottom:hover {
    color: #fff
}

.hvr-sweep-to-bottom:active:before,.hvr-sweep-to-bottom:focus:before,.hvr-sweep-to-bottom:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.hvr-sweep-to-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-sweep-to-top:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-sweep-to-top:active,.hvr-sweep-to-top:focus,.hvr-sweep-to-top:hover {
    color: #fff
}

.hvr-sweep-to-top:active:before,.hvr-sweep-to-top:focus:before,.hvr-sweep-to-top:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.hvr-bounce-to-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.hvr-bounce-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-bounce-to-right:active,.hvr-bounce-to-right:focus,.hvr-bounce-to-right:hover {
    color: #fff
}

.hvr-bounce-to-right:active:before,.hvr-bounce-to-right:focus:before,.hvr-bounce-to-right:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(.52,1.64,.37,.66);
    transition-timing-function: cubic-bezier(.52,1.64,.37,.66)
}

.hvr-bounce-to-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.hvr-bounce-to-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-bounce-to-left:active,.hvr-bounce-to-left:focus,.hvr-bounce-to-left:hover {
    color: #fff
}

.hvr-bounce-to-left:active:before,.hvr-bounce-to-left:focus:before,.hvr-bounce-to-left:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(.52,1.64,.37,.66);
    transition-timing-function: cubic-bezier(.52,1.64,.37,.66)
}

.hvr-bounce-to-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.hvr-bounce-to-bottom:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-bounce-to-bottom:active,.hvr-bounce-to-bottom:focus,.hvr-bounce-to-bottom:hover {
    color: #fff
}

.hvr-bounce-to-bottom:active:before,.hvr-bounce-to-bottom:focus:before,.hvr-bounce-to-bottom:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(.52,1.64,.37,.66);
    transition-timing-function: cubic-bezier(.52,1.64,.37,.66)
}

.hvr-bounce-to-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.hvr-bounce-to-top:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-bounce-to-top:active,.hvr-bounce-to-top:focus,.hvr-bounce-to-top:hover {
    color: #fff
}

.hvr-bounce-to-top:active:before,.hvr-bounce-to-top:focus:before,.hvr-bounce-to-top:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(.52,1.64,.37,.66);
    transition-timing-function: cubic-bezier(.52,1.64,.37,.66)
}

.hvr-radial-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-radial-out:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    border-radius: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-radial-out:active,.hvr-radial-out:focus,.hvr-radial-out:hover {
    color: #fff
}

.hvr-radial-out:active:before,.hvr-radial-out:focus:before,.hvr-radial-out:hover:before {
    -webkit-transform: scale(2);
    transform: scale(2)
}

.hvr-radial-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-radial-in:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #e1e1e1;
    border-radius: 100%;
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-radial-in:active,.hvr-radial-in:focus,.hvr-radial-in:hover {
    color: #fff
}

.hvr-radial-in:active:before,.hvr-radial-in:focus:before,.hvr-radial-in:hover:before {
    -webkit-transform: scale(0);
    transform: scale(0)
}

.hvr-rectangle-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-rectangle-in:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #e1e1e1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-rectangle-in:active,.hvr-rectangle-in:focus,.hvr-rectangle-in:hover {
    color: #fff
}

.hvr-rectangle-in:active:before,.hvr-rectangle-in:focus:before,.hvr-rectangle-in:hover:before {
    -webkit-transform: scale(0);
    transform: scale(0)
}

.hvr-rectangle-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-rectangle-out:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-rectangle-out:active,.hvr-rectangle-out:focus,.hvr-rectangle-out:hover {
    color: #fff
}

.hvr-rectangle-out:active:before,.hvr-rectangle-out:focus:before,.hvr-rectangle-out:hover:before {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.hvr-shutter-in-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-shutter-in-horizontal:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #e1e1e1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-shutter-in-horizontal:active,.hvr-shutter-in-horizontal:focus,.hvr-shutter-in-horizontal:hover {
    color: #fff
}

.hvr-shutter-in-horizontal:active:before,.hvr-shutter-in-horizontal:focus:before,.hvr-shutter-in-horizontal:hover:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.hvr-shutter-out-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-shutter-out-horizontal:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #2098d1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-shutter-out-horizontal:active,.hvr-shutter-out-horizontal:focus,.hvr-shutter-out-horizontal:hover {
    color: #fff
}

.hvr-shutter-out-horizontal:active:before,.hvr-shutter-out-horizontal:focus:before,.hvr-shutter-out-horizontal:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.hvr-shutter-in-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-shutter-in-vertical:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #e1e1e1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-shutter-in-vertical:active,.hvr-shutter-in-vertical:focus,.hvr-shutter-in-vertical:hover {
    color: #fff
}

.hvr-shutter-in-vertical:active:before,.hvr-shutter-in-vertical:focus:before,.hvr-shutter-in-vertical:hover:before {
    -webkit-transform: scaleY(0);
    transform: scaleY(0)
}

.hvr-shutter-out-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-shutter-out-vertical:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #2098d1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-shutter-out-vertical:active,.hvr-shutter-out-vertical:focus,.hvr-shutter-out-vertical:hover {
    color: #fff
}

.hvr-shutter-out-vertical:active:before,.hvr-shutter-out-vertical:focus:before,.hvr-shutter-out-vertical:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.hvr-border-fade {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    box-shadow: inset 0 0 0 4px #e1e1e1,0 0 1px transparent
}

.hvr-border-fade:active,.hvr-border-fade:focus,.hvr-border-fade:hover {
    box-shadow: inset 0 0 0 4px #2098d1,0 0 1px transparent
}

.hvr-hollow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: background;
    transition-property: background;
    box-shadow: inset 0 0 0 4px #e1e1e1,0 0 1px transparent
}

.hvr-hollow:active,.hvr-hollow:focus,.hvr-hollow:hover {
    background: 0 0
}

.hvr-trim {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.hvr-trim:before {
    content: '';
    position: absolute;
    border: #fff solid 4px;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.hvr-trim:active:before,.hvr-trim:focus:before,.hvr-trim:hover:before {
    opacity: 1
}

@-webkit-keyframes hvr-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0
    }
}

@keyframes hvr-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0
    }
}

.hvr-ripple-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.hvr-ripple-out:before {
    content: '';
    position: absolute;
    border: #e1e1e1 solid 6px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.hvr-ripple-out:active:before,.hvr-ripple-out:focus:before,.hvr-ripple-out:hover:before {
    -webkit-animation-name: hvr-ripple-out;
    animation-name: hvr-ripple-out
}

@-webkit-keyframes hvr-ripple-in {
    100% {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 1
    }
}

@keyframes hvr-ripple-in {
    100% {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 1
    }
}

.hvr-ripple-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.hvr-ripple-in:before {
    content: '';
    position: absolute;
    border: #e1e1e1 solid 4px;
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.hvr-ripple-in:active:before,.hvr-ripple-in:focus:before,.hvr-ripple-in:hover:before {
    -webkit-animation-name: hvr-ripple-in;
    animation-name: hvr-ripple-in
}

.hvr-outline-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.hvr-outline-out:before {
    content: '';
    position: absolute;
    border: #e1e1e1 solid 4px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: top,right,bottom,left;
    transition-property: top,right,bottom,left
}

.hvr-outline-out:active:before,.hvr-outline-out:focus:before,.hvr-outline-out:hover:before {
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px
}

.hvr-outline-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.hvr-outline-in:before {
    pointer-events: none;
    content: '';
    position: absolute;
    border: #e1e1e1 solid 4px;
    top: -16px;
    right: -16px;
    bottom: -16px;
    left: -16px;
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: top,right,bottom,left;
    transition-property: top,right,bottom,left
}

.hvr-outline-in:active:before,.hvr-outline-in:focus:before,.hvr-outline-in:hover:before {
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
    opacity: 1
}

.hvr-round-corners {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: border-radius;
    transition-property: border-radius
}

.hvr-round-corners:active,.hvr-round-corners:focus,.hvr-round-corners:hover {
    border-radius: 1em
}

.hvr-underline-from-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden
}

.hvr-underline-from-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-underline-from-left:active:before,.hvr-underline-from-left:focus:before,.hvr-underline-from-left:hover:before {
    right: 0
}

.hvr-underline-from-center {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden
}

.hvr-underline-from-center:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transition-property: left,right;
    transition-property: left,right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-underline-from-center:active:before,.hvr-underline-from-center:focus:before,.hvr-underline-from-center:hover:before {
    left: 0;
    right: 0
}

.hvr-underline-from-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden
}

.hvr-underline-from-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 100%;
    right: 0;
    bottom: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transition-property: left;
    transition-property: left;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-underline-from-right:active:before,.hvr-underline-from-right:focus:before,.hvr-underline-from-right:hover:before {
    left: 0
}

.hvr-overline-from-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden
}

.hvr-overline-from-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    top: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-overline-from-left:active:before,.hvr-overline-from-left:focus:before,.hvr-overline-from-left:hover:before {
    right: 0
}

.hvr-overline-from-center {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden
}

.hvr-overline-from-center:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    top: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transition-property: left,right;
    transition-property: left,right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-overline-from-center:active:before,.hvr-overline-from-center:focus:before,.hvr-overline-from-center:hover:before {
    left: 0;
    right: 0
}

.hvr-overline-from-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden
}

.hvr-overline-from-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 100%;
    right: 0;
    top: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transition-property: left;
    transition-property: left;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-overline-from-right:active:before,.hvr-overline-from-right:focus:before,.hvr-overline-from-right:hover:before {
    left: 0
}

.hvr-reveal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden
}

.hvr-reveal:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-color: #2098d1;
    border-style: solid;
    border-width: 0;
    -webkit-transition-property: border-width;
    transition-property: border-width;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-reveal:active:before,.hvr-reveal:focus:before,.hvr-reveal:hover:before {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    border-width: 4px
}

.hvr-underline-reveal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden
}

.hvr-underline-reveal:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-underline-reveal:active:before,.hvr-underline-reveal:focus:before,.hvr-underline-reveal:hover:before {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.hvr-overline-reveal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden
}

.hvr-overline-reveal:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-overline-reveal:active:before,.hvr-overline-reveal:focus:before,.hvr-overline-reveal:hover:before {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.hvr-glow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow
}

.hvr-glow:active,.hvr-glow:focus,.hvr-glow:hover {
    box-shadow: 0 0 8px rgba(0,0,0,.6)
}

.hvr-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow
}

.hvr-shadow:active,.hvr-shadow:focus,.hvr-shadow:hover {
    box-shadow: 0 10px 10px -10px rgba(0,0,0,.5)
}

.hvr-grow-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow,transform;
    transition-property: box-shadow,transform
}

.hvr-grow-shadow:active,.hvr-grow-shadow:focus,.hvr-grow-shadow:hover {
    box-shadow: 0 10px 10px -10px rgba(0,0,0,.5);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.hvr-box-shadow-outset {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow
}

.hvr-box-shadow-outset:active,.hvr-box-shadow-outset:focus,.hvr-box-shadow-outset:hover {
    box-shadow: 2px 2px 2px rgba(0,0,0,.6)
}

.hvr-box-shadow-inset {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    box-shadow: inset 0 0 0 rgba(0,0,0,.6),0 0 1px transparent
}

.hvr-box-shadow-inset:active,.hvr-box-shadow-inset:focus,.hvr-box-shadow-inset:hover {
    box-shadow: inset 2px 2px 2px rgba(0,0,0,.6),0 0 1px transparent
}

.hvr-float-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-float-shadow:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center,ellipse,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);
    background: radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform,opacity;
    transition-property: transform,opacity
}

.hvr-float-shadow:active,.hvr-float-shadow:focus,.hvr-float-shadow:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.hvr-float-shadow:active:before,.hvr-float-shadow:focus:before,.hvr-float-shadow:hover:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px)
}

.hvr-shadow-radial {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.hvr-shadow-radial:after,.hvr-shadow-radial:before {
    pointer-events: none;
    position: absolute;
    content: '';
    left: 0;
    width: 100%;
    box-sizing: border-box;
    height: 5px;
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.hvr-shadow-radial:before {
    bottom: 100%;
    background: -webkit-radial-gradient(50% 150%,ellipse,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%);
    background: radial-gradient(ellipse at 50% 150%,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%)
}

.hvr-shadow-radial:after {
    top: 100%;
    background: -webkit-radial-gradient(50% -50%,ellipse,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%);
    background: radial-gradient(ellipse at 50% -50%,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%)
}

.hvr-shadow-radial:active:after,.hvr-shadow-radial:active:before,.hvr-shadow-radial:focus:after,.hvr-shadow-radial:focus:before,.hvr-shadow-radial:hover:after,.hvr-shadow-radial:hover:before {
    opacity: 1
}

.hvr-bubble-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.hvr-bubble-top:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    left: calc(50% - 10px);
    top: 0;
    border-width: 0 10px 10px;
    border-color: transparent transparent #e1e1e1
}

.hvr-bubble-top:active:before,.hvr-bubble-top:focus:before,.hvr-bubble-top:hover:before {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.hvr-bubble-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.hvr-bubble-right:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    top: calc(50% - 10px);
    right: 0;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #e1e1e1
}

.hvr-bubble-right:active:before,.hvr-bubble-right:focus:before,.hvr-bubble-right:hover:before {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.hvr-bubble-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.hvr-bubble-bottom:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    left: calc(50% - 10px);
    bottom: 0;
    border-width: 10px 10px 0;
    border-color: #e1e1e1 transparent transparent
}

.hvr-bubble-bottom:active:before,.hvr-bubble-bottom:focus:before,.hvr-bubble-bottom:hover:before {
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.hvr-bubble-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.hvr-bubble-left:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    top: calc(50% - 10px);
    left: 0;
    border-width: 10px 10px 10px 0;
    border-color: transparent #e1e1e1 transparent transparent
}

.hvr-bubble-left:active:before,.hvr-bubble-left:focus:before,.hvr-bubble-left:hover:before {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.hvr-bubble-float-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-top:before {
    position: absolute;
    z-index: -1;
    content: '';
    left: calc(50% - 10px);
    top: 0;
    border-style: solid;
    border-width: 0 10px 10px;
    border-color: transparent transparent #e1e1e1;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-top:active,.hvr-bubble-float-top:focus,.hvr-bubble-float-top:hover {
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.hvr-bubble-float-top:active:before,.hvr-bubble-float-top:focus:before,.hvr-bubble-float-top:hover:before {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.hvr-bubble-float-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-right:before {
    position: absolute;
    z-index: -1;
    top: calc(50% - 10px);
    right: 0;
    content: '';
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #e1e1e1;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-right:active,.hvr-bubble-float-right:focus,.hvr-bubble-float-right:hover {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.hvr-bubble-float-right:active:before,.hvr-bubble-float-right:focus:before,.hvr-bubble-float-right:hover:before {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.hvr-bubble-float-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-bottom:before {
    position: absolute;
    z-index: -1;
    content: '';
    left: calc(50% - 10px);
    bottom: 0;
    border-style: solid;
    border-width: 10px 10px 0;
    border-color: #e1e1e1 transparent transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-bottom:active,.hvr-bubble-float-bottom:focus,.hvr-bubble-float-bottom:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.hvr-bubble-float-bottom:active:before,.hvr-bubble-float-bottom:focus:before,.hvr-bubble-float-bottom:hover:before {
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.hvr-bubble-float-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-left:before {
    position: absolute;
    z-index: -1;
    content: '';
    top: calc(50% - 10px);
    left: 0;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #e1e1e1 transparent transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-left:active,.hvr-bubble-float-left:focus,.hvr-bubble-float-left:hover {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.hvr-bubble-float-left:active:before,.hvr-bubble-float-left:focus:before,.hvr-bubble-float-left:hover:before {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.hvr-icon-back {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-left: 2.2em;
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

.hvr-icon-back:before {
    content: "\f137";
    position: absolute;
    left: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-back:active:before,.hvr-icon-back:focus:before,.hvr-icon-back:hover:before {
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px)
}

.hvr-icon-forward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

.hvr-icon-forward:before {
    content: "\f138";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-forward:active:before,.hvr-icon-forward:focus:before,.hvr-icon-forward:hover:before {
    -webkit-transform: translateX(4px);
    transform: translateX(4px)
}

@-webkit-keyframes hvr-icon-down {
    0%,100%,50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    25%,75% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

@keyframes hvr-icon-down {
    0%,100%,50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    25%,75% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

.hvr-icon-down {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-down:before {
    content: "\f01a";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-down:active:before,.hvr-icon-down:focus:before,.hvr-icon-down:hover:before {
    -webkit-animation-name: hvr-icon-down;
    animation-name: hvr-icon-down;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes hvr-icon-up {
    0%,100%,50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    25%,75% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

@keyframes hvr-icon-up {
    0%,100%,50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    25%,75% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

.hvr-icon-up {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-up:before {
    content: "\f01b";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-up:active:before,.hvr-icon-up:focus:before,.hvr-icon-up:hover:before {
    -webkit-animation-name: hvr-icon-up;
    animation-name: hvr-icon-up;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.hvr-icon-spin {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-spin:before {
    content: "\f021";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

.hvr-icon-spin:active:before,.hvr-icon-spin:focus:before,.hvr-icon-spin:hover:before {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}

@-webkit-keyframes hvr-icon-drop {
    0% {
        opacity: 0
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    100%,51% {
        opacity: 1
    }
}

@keyframes hvr-icon-drop {
    0% {
        opacity: 0
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    100%,51% {
        opacity: 1
    }
}

.hvr-icon-drop {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-drop:before {
    content: "\f041";
    position: absolute;
    right: 1em;
    opacity: 1;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-drop:active:before,.hvr-icon-drop:focus:before,.hvr-icon-drop:hover:before {
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-animation-name: hvr-icon-drop;
    animation-name: hvr-icon-drop;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(.52,1.64,.37,.66);
    animation-timing-function: cubic-bezier(.52,1.64,.37,.66)
}

.hvr-icon-fade {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-fade:before {
    content: "\f00c";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: color;
    transition-property: color
}

.hvr-icon-fade:active:before,.hvr-icon-fade:focus:before,.hvr-icon-fade:hover:before {
    color: #0f9e5e
}

@-webkit-keyframes hvr-icon-float-away {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-1em);
        transform: translateY(-1em)
    }
}

@keyframes hvr-icon-float-away {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-1em);
        transform: translateY(-1em)
    }
}

.hvr-icon-float-away {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-float-away:after,.hvr-icon-float-away:before {
    content: "\f055";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome
}

.hvr-icon-float-away:after {
    opacity: 0;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.hvr-icon-float-away:active:after,.hvr-icon-float-away:focus:after,.hvr-icon-float-away:hover:after {
    -webkit-animation-name: hvr-icon-float-away;
    animation-name: hvr-icon-float-away;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes hvr-icon-sink-away {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(1em);
        transform: translateY(1em)
    }
}

@keyframes hvr-icon-sink-away {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(1em);
        transform: translateY(1em)
    }
}

.hvr-icon-sink-away {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-sink-away:after,.hvr-icon-sink-away:before {
    content: "\f056";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-sink-away:after {
    opacity: 0;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.hvr-icon-sink-away:active:after,.hvr-icon-sink-away:focus:after,.hvr-icon-sink-away:hover:after {
    -webkit-animation-name: hvr-icon-sink-away;
    animation-name: hvr-icon-sink-away;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.hvr-icon-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-grow:before {
    content: "\f118";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-grow:active:before,.hvr-icon-grow:focus:before,.hvr-icon-grow:hover:before {
    -webkit-transform: scale(1.3) translateZ(0);
    transform: scale(1.3) translateZ(0)
}

.hvr-icon-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-shrink:before {
    content: "\f119";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-shrink:active:before,.hvr-icon-shrink:focus:before,.hvr-icon-shrink:hover:before {
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

@-webkit-keyframes hvr-icon-pulse {
    25% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    75% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

@keyframes hvr-icon-pulse {
    25% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    75% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

.hvr-icon-pulse {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-pulse:before {
    content: "\f015";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-pulse:active:before,.hvr-icon-pulse:focus:before,.hvr-icon-pulse:hover:before {
    -webkit-animation-name: hvr-icon-pulse;
    animation-name: hvr-icon-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes hvr-icon-pulse-grow {
    to {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
}

@keyframes hvr-icon-pulse-grow {
    to {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
}

.hvr-icon-pulse-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-pulse-grow:before {
    content: "\f015";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-pulse-grow:active:before,.hvr-icon-pulse-grow:focus:before,.hvr-icon-pulse-grow:hover:before {
    -webkit-animation-name: hvr-icon-pulse-grow;
    animation-name: hvr-icon-pulse-grow;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

@-webkit-keyframes hvr-icon-pulse-shrink {
    to {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

@keyframes hvr-icon-pulse-shrink {
    to {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

.hvr-icon-pulse-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-pulse-shrink:before {
    content: "\f015";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-pulse-shrink:active:before,.hvr-icon-pulse-shrink:focus:before,.hvr-icon-pulse-shrink:hover:before {
    -webkit-animation-name: hvr-icon-pulse-shrink;
    animation-name: hvr-icon-pulse-shrink;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

@-webkit-keyframes hvr-icon-push {
    50% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
}

@keyframes hvr-icon-push {
    50% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
}

.hvr-icon-push {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-push:before {
    content: "\f006";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-push:active:before,.hvr-icon-push:focus:before,.hvr-icon-push:hover:before {
    -webkit-animation-name: hvr-icon-push;
    animation-name: hvr-icon-push;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-icon-pop {
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@keyframes hvr-icon-pop {
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

.hvr-icon-pop {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-pop:before {
    content: "\f005";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-pop:active:before,.hvr-icon-pop:focus:before,.hvr-icon-pop:hover:before {
    -webkit-animation-name: hvr-icon-pop;
    animation-name: hvr-icon-pop;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.hvr-icon-bounce {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-bounce:before {
    content: "\f087";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-bounce:active:before,.hvr-icon-bounce:focus:before,.hvr-icon-bounce:hover:before {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition-timing-function: cubic-bezier(.47,2.02,.31,-.36);
    transition-timing-function: cubic-bezier(.47,2.02,.31,-.36)
}

.hvr-icon-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-rotate:before {
    content: "\f0c6";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-rotate:active:before,.hvr-icon-rotate:focus:before,.hvr-icon-rotate:hover:before {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg)
}

.hvr-icon-grow-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-grow-rotate:before {
    content: "\f095";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-grow-rotate:active:before,.hvr-icon-grow-rotate:focus:before,.hvr-icon-grow-rotate:hover:before {
    -webkit-transform: scale(1.5) rotate(12deg);
    transform: scale(1.5) rotate(12deg)
}

.hvr-icon-float {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-float:before {
    content: "\f01b";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-float:active:before,.hvr-icon-float:focus:before,.hvr-icon-float:hover:before {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px)
}

.hvr-icon-sink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-sink:before {
    content: "\f01a";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-sink:active:before,.hvr-icon-sink:focus:before,.hvr-icon-sink:hover:before {
    -webkit-transform: translateY(4px);
    transform: translateY(4px)
}

@-webkit-keyframes hvr-icon-bob {
    0% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }

    50% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

@keyframes hvr-icon-bob {
    0% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }

    50% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

@-webkit-keyframes hvr-icon-bob-float {
    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

@keyframes hvr-icon-bob-float {
    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

.hvr-icon-bob {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-bob:before {
    content: "\f077";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-bob:active:before,.hvr-icon-bob:focus:before,.hvr-icon-bob:hover:before {
    -webkit-animation-name: hvr-icon-bob-float,hvr-icon-bob;
    animation-name: hvr-icon-bob-float,hvr-icon-bob;
    -webkit-animation-duration: .3s,1.5s;
    animation-duration: .3s,1.5s;
    -webkit-animation-delay: 0s,.3s;
    animation-delay: 0s,.3s;
    -webkit-animation-timing-function: ease-out,ease-in-out;
    animation-timing-function: ease-out,ease-in-out;
    -webkit-animation-iteration-count: 1,infinite;
    animation-iteration-count: 1,infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal,alternate;
    animation-direction: normal,alternate
}

@-webkit-keyframes hvr-icon-hang {
    0% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }

    50% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }

    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

@keyframes hvr-icon-hang {
    0% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }

    50% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }

    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

@-webkit-keyframes hvr-icon-hang-sink {
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

@keyframes hvr-icon-hang-sink {
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

.hvr-icon-hang {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-hang:before {
    content: "\f078";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-hang:active:before,.hvr-icon-hang:focus:before,.hvr-icon-hang:hover:before {
    -webkit-animation-name: hvr-icon-hang-sink,hvr-icon-hang;
    animation-name: hvr-icon-hang-sink,hvr-icon-hang;
    -webkit-animation-duration: .3s,1.5s;
    animation-duration: .3s,1.5s;
    -webkit-animation-delay: 0s,.3s;
    animation-delay: 0s,.3s;
    -webkit-animation-timing-function: ease-out,ease-in-out;
    animation-timing-function: ease-out,ease-in-out;
    -webkit-animation-iteration-count: 1,infinite;
    animation-iteration-count: 1,infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal,alternate;
    animation-direction: normal,alternate
}

@-webkit-keyframes hvr-icon-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px)
    }

    33.3% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }

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

@keyframes hvr-icon-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px)
    }

    33.3% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }

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

.hvr-icon-wobble-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-wobble-horizontal:before {
    content: "\f061";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-wobble-horizontal:active:before,.hvr-icon-wobble-horizontal:focus:before,.hvr-icon-wobble-horizontal:hover:before {
    -webkit-animation-name: hvr-icon-wobble-horizontal;
    animation-name: hvr-icon-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-icon-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }

    33.3% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes hvr-icon-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }

    33.3% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.hvr-icon-wobble-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-wobble-vertical:before {
    content: "\f062";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-wobble-vertical:active:before,.hvr-icon-wobble-vertical:focus:before,.hvr-icon-wobble-vertical:hover:before {
    -webkit-animation-name: hvr-icon-wobble-vertical;
    animation-name: hvr-icon-wobble-vertical;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-icon-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
}

@keyframes hvr-icon-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
}

.hvr-icon-buzz {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-buzz:before {
    content: "\f017";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-buzz:active:before,.hvr-icon-buzz:focus:before,.hvr-icon-buzz:hover:before {
    -webkit-animation-name: hvr-icon-buzz;
    animation-name: hvr-icon-buzz;
    -webkit-animation-duration: .15s;
    animation-duration: .15s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes hvr-icon-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }

    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }

    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0)
    }

    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0)
    }
}

@keyframes hvr-icon-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }

    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }

    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0)
    }

    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0)
    }
}

.hvr-icon-buzz-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-buzz-out:before {
    content: "\f023";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-buzz-out:active:before,.hvr-icon-buzz-out:focus:before,.hvr-icon-buzz-out:hover:before {
    -webkit-animation-name: hvr-icon-buzz-out;
    animation-name: hvr-icon-buzz-out;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.hvr-curl-top-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.hvr-curl-top-left:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    top: 0;
    left: 0;
    background: #fff;
    background: linear-gradient(135deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff',endColorstr='#000000');
    z-index: 1000;
    box-shadow: 1px 1px 1px rgba(0,0,0,.4);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: width,height;
    transition-property: width,height
}

.hvr-curl-top-left:active:before,.hvr-curl-top-left:focus:before,.hvr-curl-top-left:hover:before {
    width: 25px;
    height: 25px
}

.hvr-curl-top-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.hvr-curl-top-right:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    top: 0;
    right: 0;
    background: #fff;
    background: linear-gradient(225deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);
    box-shadow: -1px 1px 1px rgba(0,0,0,.4);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: width,height;
    transition-property: width,height
}

.hvr-curl-top-right:active:before,.hvr-curl-top-right:focus:before,.hvr-curl-top-right:hover:before {
    width: 25px;
    height: 25px
}

.hvr-curl-bottom-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.hvr-curl-bottom-right:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    background: linear-gradient(315deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);
    box-shadow: -1px -1px 1px rgba(0,0,0,.4);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: width,height;
    transition-property: width,height
}

.hvr-curl-bottom-right:active:before,.hvr-curl-bottom-right:focus:before,.hvr-curl-bottom-right:hover:before {
    width: 25px;
    height: 25px
}

.hvr-curl-bottom-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.hvr-curl-bottom-left:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    background: linear-gradient(45deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);
    box-shadow: 1px -1px 1px rgba(0,0,0,.4);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: width,height;
    transition-property: width,height
}

.hvr-curl-bottom-left:active:before,.hvr-curl-bottom-left:focus:before,.hvr-curl-bottom-left:hover:before {
    width: 25px;
    height: 25px
}

.bx-wrapper {
    position: relative;
    margin: 0 auto 60px;
    padding: 0;
    *zoom:1}

.bx-wrapper img {
    max-width: 100%;
    display: block
}

.bx-wrapper .bx-viewport {
    left: 0;
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0)
}

.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%
}

.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(images/bx_loader.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000
}

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: 700;
    color: #666;
    padding-top: 20px
}

.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom:1;*display: inline
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #000
}

.bx-wrapper .bx-prev {
    left: 10px;
    background: url(images/controls.png) no-repeat 0 -32px
}

.bx-wrapper .bx-next {
    right: 10px;
    background: url(images/controls.png) no-repeat -43px -32px
}

.bx-wrapper .bx-prev:hover {
    background-position: 0 0
}

.bx-wrapper .bx-next:hover {
    background-position: -43px 0
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none
}

.bx-wrapper .bx-controls-auto {
    text-align: center
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(images/controls.png) -86px -11px no-repeat;
    margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: -86px 0
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(images/controls.png) -86px -44px no-repeat;
    margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: -86px -33px
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px
}

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666 \9;
    background: rgba(80,80,80,.75);
    width: 100%
}

.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px
}

.s_service {
    position: relative;
    margin: 20px 0;
    padding: 0;
    width: 100%
}

.s_service .item {
    position: relative;
    display: block;
    margin: 0;
    width: 100%;
    padding: 0;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.s_service .item .s_img {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
    text-align: center;
    animation-duration: .75s
}

.s_service .item:hover .s_img {
    animation-name: jello;
    transform-origin: center
}

.s_service .item .s_img img {
    max-width: 100%;
    margin: 0 auto
}

.s_service .item .s_des {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 10px 0;
    overflow: hidden;
    text-align: center
}

.s_service .item .s_des h4 {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    color: #e6bd65;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.s_service .item:hover .s_des h4 {
    color: #a47b2e
}

.s_service .item .s_des .s_note {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0
}

.s_service .item .s_des .s_note ul {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0
}

.s_service .item .s_des .s_note ul li {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0
}

@media (max-width: 767px) {
    .s_service .item {
        width:100%
    }
}

.s_ser_style2 {
    position: relative;
    margin: 20px 0;
    padding: 2px 0 0;
    width: 100%;
    background-image: url(../images/bg-general.gif);
    background-repeat: repeat
}

.s_ser_style2 .bs_wrapper {
    position: relative;
    display: block;
    margin: 0;
    width: 100%;
    padding: 0;
    background-color: #002727
}

.s_ser_style2 .item {
    position: relative;
    display: block;
    margin: 20px 0;
    width: 100%;
    padding: 0;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.s_ser_style2 .item .s_img {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
    text-align: center;
    animation-duration: .75s
}

.s_ser_style2 .item:hover .s_img {
    animation-name: jello;
    transform-origin: center
}

.s_ser_style2 .item .s_img img {
    max-width: 100%;
    margin: 0 auto
}

.s_ser_style2 .item .s_des {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 10px 0;
    overflow: hidden;
    text-align: center
}

.s_ser_style2 .item .s_des h5 {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    color: #e6bd65;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.s_ser_style2 .item:hover .s_des h4 {
    color: #a47b2e
}

.s_ser_style2 .item .s_des .s_note {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0
}

.s_ser_style2 .item .s_des .s_note ul {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0
}

.s_ser_style2 .item .s_des .s_note ul li {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0
}

.s_style3 {
    position: relative;
    margin: 70px 0 20px;
    padding: 0;
    width: 100%
}

.s_style3 .s_top {
    position: relative;
    display: block;
    margin: 0 auto 20px;
    width: 80%;
    padding: 0 20px 0 0
}

.s_style3 .s_top h3 {
    position: relative;
    display: table;
    margin: 0 0 60px;
    width: 100%;
    padding: 0;
    text-transform: uppercase;
    line-height: 30px;
    font-size: 24px;
    color: #e6bd65;
    text-align: center
}

.s_style3 .s_top h3 span {
    position: relative;
    display: block;
    margin: 15px 0 0;
    width: 100%;
    padding: 0 0 36px;
    color: #3a87c8;
    line-height: 42px;
    font-size: 36px;
    text-transform: uppercase
}

.s_style3 .s_top h3:after {
    position: absolute;
    content: "";
    bottom: -40px;
    left: calc(50% - 262px);
    padding: 0;
    margin: 0;
    background-image: url(../images/bg-title-special.png);
    width: 524px;
    height: 36px;
    z-index: 1
}

.s_style3 .s_top p {
    position: relative;
    margin: 0;
    width: 100%;
    padding: 0 20px 0 0;
    color: #fff;
    text-align: center
}

.s_style3 .s_top p span {
    display: block;
    padding: 10px 0 0;
    color: #3a87c8;
    font-style: italic;
    font-weight: 700
}

.s_style3 .s_bottom {
    position: relative;
    display: block;
    margin: 0;
    width: 100%;
    padding: 0
}

.s_style3 .s_bottom .bs_wrapper {
    position: relative;
    display: block;
    margin: 0;
    width: 100%;
    padding: 0;
    background-color: #002627
}

.s_style3 .s_bottom .item {
    position: relative;
    display: block;
    margin: 20px 0;
    width: 100%;
    padding: 0;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    background-color: #261a0e;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden
}

.s_style3 .s_bottom .item .s_img {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
    text-align: center
}

.s_style3 .s_bottom .item .s_img:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 4px;
    z-index: 1;
    background-image: -moz-linear-gradient(left,#feeb65 0%,#c89a38 50%,#feeb65);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#feeb65),color-stop(.5,#c89a38),color-stop(1,#feeb65))
}

.s_style3 .s_bottom .item .s_img img {
    max-width: 100%;
    margin: 0 auto;
    transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
    -webkit-transition: .4s
}

.s_style3 .s_bottom .item .s_img img:hover {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1)
}

.s_style3 .s_bottom .item .s_des {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 10px 0;
    overflow: hidden;
    text-align: center
}

.s_style3 .s_bottom .item .s_des h4 {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    color: #e6bd65;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.s_style3 .s_bottom .item:hover .s_des h4 {
    color: #a47b2e
}

.s_style3 .s_more {
    position: relative;
    display: table;
    margin: 0 auto 20px;
    width: auto;
    padding: 0
}

.s_style3 .s_bottom .bx-wrapper .bx-viewport {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    left: 0
}

.s_style3 .s_bottom .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 0;
    margin-top: -40px;
    outline: 0;
    width: 32px;
    height: 32px;
    background-color: #fff;
    border: 1px solid #ebebeb
}

.s_style3 .s_bottom .bx-wrapper {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: 0;
    border: 0;
    background: 0 0;
    position: relative;
    margin: 0 auto;
    padding: 0;
    *zoom:1}

.s_style3 .s_bottom .bx-wrapper .bx-prev {
    left: auto;
    right: 35px;
    background: url(../images/controls-small.png) no-repeat 0 -32px
}

.s_style3 .s_bottom .bx-wrapper .bx-next {
    right: 0;
    left: auto;
    background: url(../images/controls-small.png) no-repeat -43px -32px
}

.s_style3 .s_bottom .bx-wrapper .bx-pager.bx-default-pager a {
    background: 0 0;
    border: 1px solid #649428;
    display: block;
    width: 15px;
    height: 15px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px
}

.s_style3 .s_bottom .bx-pager.bx-default-pager a.active {
    border: 1px solid #ed1651;
    width: 18px;
    height: 18px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px
}

@media (max-width: 767px) {
    .s_style3 .s_top {
        width:100%;
        padding: 0
    }

    .s_style3 .s_top p {
        padding: 0
    }

    .s_style3 .s_top h3::after {
        left: calc(50% - 120px);
        padding: 0;
        margin: 0;
        background-image: url(../images/bg-title-special.png);
        width: 240px;
        background-position: center
    }

    .s_style3 .s_bottom .item {
        margin: 0 0 20px
    }
}

.block_bxslides {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
    z-index: 0;
    overflow: hidden
}

.block_bxslides ul {
    width: 100%;
    margin: 0;
    padding: 0
}

.block_bxslides .caption {
    bottom: 20%;
    left: 10%;
    max-width: 40%;
    position: absolute;
    margin: 0;
    padding: 20px;
    background-color: rgba(49,35,22,.7)
}

.block_bxslides .caption h3 {
    position: relative;
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    font-weight: 400;
    margin: 0 0 5px;
    padding: 0;
    text-transform: uppercase
}

.block_bxslides .caption p {
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    margin: 0;
    padding: 0;
    text-transform: uppercase
}

.block_bxslides .bx-wrapper .bx-pager.bx-default-pager a {
    background: 0 0;
    border: 2px solid #fff;
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px
}

.block_bxslides .bx-wrapper .bx-pager.bx-default-pager a:hover,.block_bxslides .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #312316;
    border: 2px solid #fff
}

.block_bxslides .bx-wrapper {
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 100%;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0
}

.block_bxslides .bx-wrapper .bx-viewport {
    border: 0;
    box-shadow: none;
    left: 0;
    transform: translateZ(0)
}

.block_bxslides .bx-wrapper img {
    width: 100%
}

.block_bxslides .bx-wrapper .bx-pager {
    bottom: 10px!important
}

@media (max-width: 767px) {
    .block_bxslides .caption {
        display:none
    }

    .block_bxslides .caption h3 {
        font-size: 16px;
        line-height: 10px;
        margin: 0 0 10px;
        padding: 0
    }

    .block_bxslides .caption p {
        font-size: 17px;
        line-height: 10px;
        margin: 0;
        padding: 0
    }

    .block_bxslides .bx-controls {
        display: none
    }
}

@media only screen and (max-width: 600px) {
    .block_bxslides .bx-wrapper img {
        margin-top:23px
    }

    div.bx-viewport {
        height: 243px
    }
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.animated.infinite {
    animation-iteration-count: infinite
}

.animated.hinge {
    animation-duration: 2s
}

.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY {
    animation-duration: .75s
}

@keyframes bounce {
    0%,20%,53%,80%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        transform: translateZ(0)
    }

    40%,43% {
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        transform: translate3d(0,-30px,0)
    }

    70% {
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        transform: translate3d(0,-15px,0)
    }

    90% {
        transform: translate3d(0,-4px,0)
    }
}

.bounce {
    animation-name: bounce;
    transform-origin: center bottom
}

@keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.flash {
    animation-name: flash
}

@keyframes pulse {
    0% {
        transform: scaleX(1)
    }

    50% {
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        transform: scaleX(1)
    }
}

.pulse {
    animation-name: pulse
}

@keyframes rubberBand {
    0% {
        transform: scaleX(1)
    }

    30% {
        transform: scale3d(1.25,.75,1)
    }

    40% {
        transform: scale3d(.75,1.25,1)
    }

    50% {
        transform: scale3d(1.15,.85,1)
    }

    65% {
        transform: scale3d(.95,1.05,1)
    }

    75% {
        transform: scale3d(1.05,.95,1)
    }

    to {
        transform: scaleX(1)
    }
}

.rubberBand {
    animation-name: rubberBand
}

@keyframes shake {
    0%,to {
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        transform: translate3d(10px,0,0)
    }
}

.shake {
    animation-name: shake
}

@keyframes headShake {
    0% {
        transform: translateX(0)
    }

    6.5% {
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        transform: translateX(0)
    }
}

.headShake {
    animation-timing-function: ease-in-out;
    animation-name: headShake
}

@keyframes swing {
    20% {
        transform: rotate(15deg)
    }

    40% {
        transform: rotate(-10deg)
    }

    60% {
        transform: rotate(5deg)
    }

    80% {
        transform: rotate(-5deg)
    }

    to {
        transform: rotate(0deg)
    }
}

.swing {
    transform-origin: top center;
    animation-name: swing
}

@keyframes tada {
    0% {
        transform: scaleX(1)
    }

    10%,20% {
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        transform: scaleX(1)
    }
}

.tada {
    animation-name: tada
}

@keyframes wobble {
    0% {
        transform: none
    }

    15% {
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        transform: none
    }
}

.wobble {
    animation-name: wobble
}

@keyframes jello {
    0%,11.1%,to {
        transform: none
    }

    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.jello {
    animation-name: jello;
    transform-origin: center
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    20% {
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        transform: scaleX(1)
    }
}

.bounceIn {
    animation-name: bounceIn
}

@keyframes bounceInDown {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,25px,0)
    }

    75% {
        transform: translate3d(0,-10px,0)
    }

    90% {
        transform: translate3d(0,5px,0)
    }

    to {
        transform: none
    }
}

.bounceInDown {
    animation-name: bounceInDown
}

@keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px,0,0)
    }

    75% {
        transform: translate3d(-10px,0,0)
    }

    90% {
        transform: translate3d(5px,0,0)
    }

    to {
        transform: none
    }
}

.bounceInLeft {
    animation-name: bounceInLeft
}

@keyframes bounceInRight {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px,0,0)
    }

    75% {
        transform: translate3d(10px,0,0)
    }

    90% {
        transform: translate3d(-5px,0,0)
    }

    to {
        transform: none
    }
}

.bounceInRight {
    animation-name: bounceInRight
}

@keyframes bounceInUp {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,-20px,0)
    }

    75% {
        transform: translate3d(0,10px,0)
    }

    90% {
        transform: translate3d(0,-5px,0)
    }

    to {
        transform: translateZ(0)
    }
}

.bounceInUp {
    animation-name: bounceInUp
}

@keyframes bounceOut {
    20% {
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }
}

.bounceOut {
    animation-name: bounceOut
}

@keyframes bounceOutDown {
    20% {
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }
}

.bounceOutDown {
    animation-name: bounceOutDown
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px,0,0)
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }
}

.bounceOutLeft {
    animation-name: bounceOutLeft
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px,0,0)
    }

    to {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }
}

.bounceOutRight {
    animation-name: bounceOutRight
}

@keyframes bounceOutUp {
    20% {
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0,20px,0)
    }

    to {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }
}

.bounceOutUp {
    animation-name: bounceOutUp
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    animation-name: fadeIn
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInDown {
    animation-name: fadeInDown
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInDownBig {
    animation-name: fadeInDownBig
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInLeft {
    animation-name: fadeInLeft
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInLeftBig {
    animation-name: fadeInLeftBig
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInRight {
    animation-name: fadeInRight
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInRightBig {
    animation-name: fadeInRightBig
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInUp {
    animation-name: fadeInUp
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInUpBig {
    animation-name: fadeInUpBig
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,100%,0)
    }
}

.fadeOutDown {
    animation-name: fadeOutDown
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }
}

.fadeOutDownBig {
    animation-name: fadeOutDownBig
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-100%,0,0)
    }
}

.fadeOutLeft {
    animation-name: fadeOutLeft
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }
}

.fadeOutLeftBig {
    animation-name: fadeOutLeftBig
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%,0,0)
    }
}

.fadeOutRight {
    animation-name: fadeOutRight
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }
}

.fadeOutRightBig {
    animation-name: fadeOutRightBig
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,-100%,0)
    }
}

.fadeOutUp {
    animation-name: fadeOutUp
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }
}

.fadeOutUpBig {
    animation-name: fadeOutUpBig
}

@keyframes flip {
    0% {
        transform: perspective(400px) rotateY(-1turn);
        animation-timing-function: ease-out
    }

    40% {
        transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        animation-timing-function: ease-out
    }

    50% {
        transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        animation-timing-function: ease-in
    }

    80% {
        transform: perspective(400px) scale3d(.95,.95,.95);
        animation-timing-function: ease-in
    }

    to {
        transform: perspective(400px);
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    animation-name: flip
}

@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateX(-20deg);
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    animation-name: flipInX
}

@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateY(-20deg);
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    animation-name: flipInY
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX {
    animation-name: flipOutX;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

@keyframes flipOutY {
    0% {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    animation-name: flipOutY
}

@keyframes lightSpeedIn {
    0% {
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        transform: none;
        opacity: 1
    }
}

.lightSpeedIn {
    animation-name: lightSpeedIn;
    animation-timing-function: ease-out
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    to {
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    animation-name: lightSpeedOut;
    animation-timing-function: ease-in
}

@keyframes rotateIn {
    0% {
        transform-origin: center;
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        transform-origin: center;
        transform: none;
        opacity: 1
    }
}

.rotateIn {
    animation-name: rotateIn
}

@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInDownLeft {
    animation-name: rotateInDownLeft
}

@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInDownRight {
    animation-name: rotateInDownRight
}

@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInUpLeft {
    animation-name: rotateInUpLeft
}

@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInUpRight {
    animation-name: rotateInUpRight
}

@keyframes rotateOut {
    0% {
        transform-origin: center;
        opacity: 1
    }

    to {
        transform-origin: center;
        transform: rotate(200deg);
        opacity: 0
    }
}

.rotateOut {
    animation-name: rotateOut
}

@keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        transform-origin: left bottom;
        transform: rotate(45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    animation-name: rotateOutDownLeft
}

@keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        transform-origin: right bottom;
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    animation-name: rotateOutDownRight
}

@keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        transform-origin: left bottom;
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    animation-name: rotateOutUpLeft
}

@keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    animation-name: rotateOutUpRight
}

@keyframes hinge {
    0% {
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        transform: rotate(80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        transform: rotate(60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

.hinge {
    animation-name: hinge
}

@keyframes jackInTheBox {
    0% {
        opacity: 0;
        transform: scale(.1) rotate(30deg);
        transform-origin: center bottom
    }

    50% {
        transform: rotate(-10deg)
    }

    70% {
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.jackInTheBox {
    animation-name: jackInTheBox
}

@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.rollIn {
    animation-name: rollIn
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

.rollOut {
    animation-name: rollOut
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    animation-name: zoomIn
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInDown {
    animation-name: zoomInDown
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInLeft {
    animation-name: zoomInLeft
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInRight {
    animation-name: zoomInRight
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInUp {
    animation-name: zoomInUp
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

.zoomOut {
    animation-name: zoomOut
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomOutDown {
    animation-name: zoomOutDown
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(-2000px,0,0);
        transform-origin: left center
    }
}

.zoomOutLeft {
    animation-name: zoomOutLeft
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(2000px,0,0);
        transform-origin: right center
    }
}

.zoomOutRight {
    animation-name: zoomOutRight
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomOutUp {
    animation-name: zoomOutUp
}

@keyframes slideInDown {
    0% {
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.slideInDown {
    animation-name: slideInDown
}

@keyframes slideInLeft {
    0% {
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.slideInLeft {
    animation-name: slideInLeft
}

@keyframes slideInRight {
    0% {
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.slideInRight {
    animation-name: slideInRight
}

@keyframes slideInUp {
    0% {
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.slideInUp {
    animation-name: slideInUp
}

@keyframes slideOutDown {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0,100%,0)
    }
}

.slideOutDown {
    animation-name: slideOutDown
}

@keyframes slideOutLeft {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(-100%,0,0)
    }
}

.slideOutLeft {
    animation-name: slideOutLeft
}

@keyframes slideOutRight {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(100%,0,0)
    }
}

.slideOutRight {
    animation-name: slideOutRight
}

@keyframes slideOutUp {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0,-100%,0)
    }
}

.slideOutUp {
    animation-name: slideOutUp
}

@media (max-width: 1024px) {
    header .wrapper .logo {
        width:160px
    }

    header .wrapper .headtop {
        width: calc(100% - 160px)
    }

    header .wrapper .headtop .headerSearch {
        margin: 0;
        padding: 0
    }

    .about_special .item {
        height: 260px
    }

    .about_special .item .scontent {
        padding: 30px
    }
}

@media (max-width: 992px) {
    .content_about .ab_img {
        position:relative;
        top: 0;
        left: 0;
        padding: 3px;
        margin: 0;
        width: 100%
    }

    .content_about .ab_info {
        padding: 0;
        margin: 0;
        position: relative;
        width: 100%;
        display: block;
        float: none;
        z-index: 1
    }

    .content_about .ab_info h4 {
        padding: 20px 0
    }

    .content_about .ab_info .ab_bg {
        padding: 40px;
        margin: 0
    }

    .about_special .item {
        width: 50%
    }

    .about_special .item + .item + .item + .item + .item {
        width: 100%
    }

    .about_special .item img {
        bottom: 0;
        left: 0;
        margin: auto;
        height: auto;
        width: 100%;
        position: absolute;
        right: 0;
        top: 0;
        vertical-align: middle;
        backface-visibility: hidden;
        box-shadow: 0 0 1px transparent;
        transform: translateZ(0);
        transition-duration: .3s;
        transition-property: transform
    }

    .block_default .bd_wrapper h3.title::before {
        background-image: url(../images/bg-title-block.png);
        background-position: 0;
        width: 100%;
        height: 30px;
        background-size: 100%
    }
}

@media (max-width: 767px) {
    ul.menu_dropdown {
        height:300px;
        overflow-y: scroll
    }

    a#submenu {
        font-size: 14px;
        padding: 4px 0
    }

    a.menu_child {
        padding: 4px 0
    }

    span.menu_child {
        font-size: 16px;
        margin: 3px 0
    }

    .navbar-toggle {
        padding: 0;
        margin: 5px 0
    }

    header {
        top: 20px
    }

    header .wrapper .headtop {
        width: 100%;
        float: none
    }

    header .wrapper .headtop .headermenu {
        position: relative;
        display: block;
        margin: 0;
        padding: 0;
        width: 100%;
        float: none
    }

    header .wrapper .headtop .headermenu .sm-blue {
        margin-top: 20px
    }

    header .wrapper .logo {
        top: -25px;
        width: 130px;
        left: 5px
    }

    header .wrapper .headtop .headerContent {
        float: right;
        margin: 0 0 0 10px;
        display: none
    }

    header .wrapper .headtop .headerSearch {
        width: 64px;
        float: right;
        position: absolute;
        right: -22px;
        top: 0px;
    }

    header .wrapper .headtop .headerSearch a.search {
        margin: 0;
        border: 0
    }

    footer .s_bottom {
        padding: 20px 0 60px
    }

    .about_special .item {
        height: auto;
        width: 100%!important;
        display: block;
        float: none;
        margin: 0 0 10px
    }

    .about_special .item img {
        position: relative
    }

    #back-to-top {
        display: none
    }

    .ctrlq.fb-button,.ctrlq.fb-close {
        right: 10px
    }

    .block_policy {
        padding: 0;
        margin: 0 0 20px auto
    }

    .showbannersub .sbs_wrapper {
        height: 150px
    }

    footer .wrapper .s_top {
        position: relative;
        width: 100%;
        padding: 20px 10px;
        margin: 0;
        background-color: #261a0e;
        min-height: 250px
    }
}

span.menu_child {
    cursor: pointer
}

li.dropdown:hover ul.menu_dropdown {
    display: block;
    padding: 10px
}

ul.menu_dropdown {
    width: 250px
}

li.submenu_1:hover li.submenu_1 {
    position: relative
}

#main-menu > li.dropdown > i {
    display: none
}

@media only screen and (min-width: 768px) {
    li.submenu_1 ul.menu_dropdown_sub {
        display:none;
        position: absolute;
        left: 100%;
        width: 244px;
        top: -10px
    }

    li.submenu_1:hover ul.menu_dropdown_sub {
        display: block!important
    }
}

@media only screen and (max-width: 768px) {
    img.image_categories {
        height: 145px !important;
    }

    .col-xs-12.col-sm-3.col-md-3 {
        width: 100%
    }

    .col-xs-6.col-sm-3.col-md-3 {
        width: 50%!important
    }

    img.image_product {
        position: absolute!important
    }

    .image_infor {
        padding-top: 180px!important;
        margin-bottom: 0
    }

    img.infor_detail {
    }

    img.logo_product_detail {
        width: 50%!important
    }

    #main-menu > li.dropdown i {
        display: block!important
    }

    .submenu_1 a {
        width: 85%
    }

    li.dropdown {
        position: relative
    }

    li.dropdown i {
        position: absolute;
        right: 0;
        top: 7px
    }

    ul.menu_dropdown {
        width: 100%;
        display: none!important
    }

    ul.menu_dropdown_sub {
        width: 100%!important
    }

    #category .grid_item .item {
        height: 345px;
        margin-bottom: 0px;
    }

    #category .grid_item .item .s_image {
        height: 178px
    }

    ul.menu_dropdown a {
        text-transform: inherit!important
    }

    li.menu_child {
        line-height: 20px
    }

    li.submenu_1 ul.menu_dropdown_sub {
        display: none;
        position: inherit!important;
        left: 0!important;
        width: 200px;
        top: 0!important
    }

    li.dropdown.active ul.menu_dropdown {
        display: block!important
    }

    li.dropdown:hover ul.menu_dropdown {
        padding: 0
    }
}

.submenu_1.active ul.menu_dropdown_sub {
    display: block!important
}

.submenu_1.inactive ul.menu_dropdown_sub {
    display: none!important
}
.call_now img {
    position: fixed;
    left: -4px;
    width: 63px;
    bottom: -3px;
    z-index: 1;
}
img.logo_product {
    width: 35%!important;
    margin-top: 0px!important;
    margin-left: 0px !important;
}

img.image_product {
    position: absolute!important
}

.image_infor {
    padding-top: 250px;
}

img.infor_detail {
}

img.logo_product_detail {
    width: 20%!important;
}

.col-xs-12.col-sm-3.col-md-3.footer_content {
    width: 24%
}
.navbar-toggle {
    float: left !important;
    margin-left: 47% !important;
}
@media only screen and (max-width:768px) {
    header .wrapper .logo img {
        margin-top: 14px;
        width: 80px;
    }
    header .wrapper .headtop .headerSearch a.search .s_search {
        top: 32px !important;
        right: 15px !important;
    }
}
.navbar-toggle span.text {
    position: absolute;
    top: -3px;
    left: 27px;
}