.slick-slider,
.unselect {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none
}

.commontext,
.wp {
    max-width: 1200px
}

.slick-z1sj .slick-dots {
    position: absolute;
    left: 0;
    bottom: -19px;
    right: 0;
    font-size: 0;
    text-align: center;
    z-index: 2
}

.slick-z1sj .slick-dots li {
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px;
    margin: 0 9px;
    background-color: rgba(9, 9, 9, .29);
    cursor: pointer;
    border-radius: 50%;
    overflow: hidden
}

.slick-z1sj .slick-dots button {
    outline: 0;
    border: none;
    text-indent: -999px
}

.slick-z1sj .slick-dots .slick-active {
    background-color: #102568
}

.slick-z1 .pic .start {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    cursor: pointer;
    background: url(images/video-start-d.png) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: 31111
}

.slick-z1sj .pic .start {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
    cursor: pointer;
    background: url(images/video-start-d.png) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: 31111
}

.anliuya {
    float: right
}

.success-page,
.success-page .success-list {
    width: auto;
    height: auto
}

.success-page .success-list ul {
    margin: 0;
    padding: 0
}

.success-page .success-list ul li {
    list-style: none;
    float: left;
    width: 300px;
    height: 280px;
    margin: 20px 15px
}

.success-page .success-list ul li a {
    display: block;
    text-decoration: none;
    width: 100%;
    height: 250px
}

.success-page .success-list ul li a img {
    width: 100%;
    height: 250px
}

.success-page .success-list ul li .image-title {
    width: 100%;
    line-height: 20px;
    margin-top: 10px;
    font-size: 14px;
    color: #222;
    text-align: center
}

.success-page .video-list {
    width: 100%;
    height: auto
}

.success-page .video-list ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.success-page .video-list ul li {
    list-style: none;
    float: left;
    width: 49%;
    margin-bottom: 30px
}

.success-page .video-list ul li video {
    display: block;
    width: 100%;
    height: 410px;
    background-color: #000
}

.success-page .video-list ul li .video-title {
    width: 100%;
    line-height: 30px;
    margin-top: 10px;
    font-size: 16px;
    color: #222;
    text-align: center;
    display: block
}

.commontext32 {
    padding: 57px 0 0
}

.pc_banner {
    display: block;
    padding-top: 88px;
}
.inside-page{
    padding-top: 138px !important;
}
.g-order,
.sj_banner {
    display: none
}

.InnerMainContent li {
    overflow: hidden;
    line-height: 22px
}

.commontext {
    text-align: left;
    overflow-x: auto;
    line-height: 25px;
    margin: 0 auto;
    padding-bottom: 57px
}

.advantage-container,
.banner .item,
.culture-1,
.fd-bot,
.fd-left h1,
.fd-link,
.fd-link .con,
.fd-top,
.h100,
.h50,
.lang,
.m-location .location,
.m-location .location a,
.msg-1,
.msg-1 .pic,
.msg-1 .txt,
.profile-1,
.slick-culture .con,
.slick-culture .pic,
.tab-cons-1,
.tit-g3,
.tit-g5,
.tit-g8,
.tit-g9,
.tit-ind2,
.top-g1,
.top-g1 h3,
.ul-culture,
.ul-culture .pic,
.video .con,
.wp {
    overflow: hidden
}

.advantage-container {
    width: 1200px;
    height: 730px;
    margin: 57px auto;
    clear: both
}

.advantage-container .advantage-list {
    width: 100%;
    height: 730px;
    background: url(images/WechatIMG1.png) center center no-repeat;
    position: relative
}

.advantage-container .advantage-list .list-title {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -90px;
    margin-left: -140px;
    width: 280px;
    height: 180px
}

.advantage-container .advantage-list .list-title .title-01 {
    line-height: 50px;
    text-align: center;
    font-size: 40px;
    color: #005ca2;
    font-weight: 700
}

.advantage-container .advantage-list .list-title .title-02 {
    line-height: 45px;
    text-align: center;
    font-size: 33px;
    color: #666
}

.advantage-container .advantage-list .list-title .title-03 {
    line-height: 50px;
    text-align: center;
    font-size: 33px;
    color: #f67510;
    font-weight: 700
}

.advantage-container .advantage-list .list-title .title-line {
    height: 10px;
    margin: 10px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.advantage-container .advantage-list .li-04,
.advantage-container .advantage-list .li-05,
.advantage-container .advantage-list .li-06 {
    position: absolute;
    margin-right: -550px;
    width: 320px;
    height: 50px;
    font-size: 14px;
    line-height: 25px;
    right: 50%
}

.advantage-container .advantage-list .li-01 {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -160px;
    margin-left: -540px;
    width: 320px;
    height: 50px;
    font-size: 14px;
    color: #fff;
    line-height: 25px
}

.advantage-container .advantage-list .li-02 {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -45px;
    margin-left: -540px;
    width: 320px;
    height: 50px;
    font-size: 14px;
    color: #666;
    line-height: 25px
}

.advantage-container .advantage-list .li-03 {
    position: absolute;
    bottom: 50%;
    left: 50%;
    margin-bottom: -130px;
    margin-left: -540px;
    width: 320px;
    height: 50px;
    font-size: 14px;
    color: #fff;
    line-height: 25px
}

.advantage-container .advantage-list .li-04 {
    top: 50%;
    margin-top: -160px;
    color: #fff
}

.advantage-container .advantage-list .li-05 {
    top: 50%;
    margin-top: -40px;
    color: #666
}

.advantage-container .advantage-list .li-06 {
    bottom: 50%;
    margin-bottom: -130px;
    color: #fff
}

a,
body {
    color: #333
}

*,
:after,
:before {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0 !important;
    -webkit-tap-highlight-color: transparent;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased
}

.menuBtn,
input,
select,
textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.footer-box .customer-service {
    position: relative;
}

.footer-box .customer-service img {
    width: 100%;
    height: 350px;
    display: block;
}

.footer-box .customer-service .customer-service-content {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 90px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.footer-box .customer-service .customer-service-content p {
    font-size: 36px;
    color: white;
}

.footer-box .customer-service .customer-service-content .desc {
    font-size: 20px;
    color: white;
    text-align: center;
    margin: 25px 0px 50px 0px;
}

.footer-box .customer-service .customer-service-content .btn {
    width: 180px;
    height: 50px;
    background-color: white;
    color: #d1610b;
    font-size: 22px;
    line-height: 50px;
    cursor: pointer;
}

.footer-box .customer-service .customer-service-content .btn a {
    color: inherit;
}

.footer-box .customer-service .customer-service-content .btn:hover {
    color: white;
    background-color: #fc9240;
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
hgroup,
menu,
nav,
section {
    display: block
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

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

body {
    background: #fff;
    font: 14px/1.5 'Microsoft Yahei', sans-serif;
    outline: 0
}

a {
    text-decoration: none
}

img {
    border: none
}

em,
i {
    font-style: normal
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

input,
select,
textarea {
    font-size: 12px;
    color: #444;
    font-family: 'Microsoft Yahei', sans-serif;
    outline: 0;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

button,
input[type=button],
input[type=reset],
input[type=submit],
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
    cursor: pointer
}

::-webkit-input-placeholder {
    color: #999
}

::-moz-placeholder {
    color: #999
}

:-ms-input-placeholder {
    color: #999
}

::-ms-clear,
::-ms-reveal {
    display: none
}

.fix:after,
.fix:before {
    display: block;
    content: '';
    height: 0;
    clear: both
}

.c {
    clear: both
}

.col-l,
.l {
    float: left
}

.col-r,
.r,
.tit-ind2 a {
    float: right
}

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

.nav a,
.tit-ind2 a {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s
}

.unselect {
    -o-user-select: none;
    user-select: none
}

.wp {
    margin: 0 auto
}

.z-tit1 h3,
.z-tit2 h3 {
    color: #333;
    margin-bottom: 3px
}

.h50 {
    height: 50px;
    clear: both
}

.h100 {
    height: 100px;
    clear: both
}

.z-tit1 {
    position: relative;
    padding: 57px 0 30px;
    text-align: center
}

.z-tit1 h3 {
    position: relative;
    z-index: 2;
    font-size: 44px
}

.z-tit1 h3 strong {
    font-size: 46px;
    color: #e42a13;
    margin: 0 10px
}

.z-tit1 h3 b {
    color: #102568
}

.z-tit1 em {
    font-weight: 700;
    position: relative;
    z-index: 2;
    font-size: 20px;
    letter-spacing: 2px;
    color: #666
}

.z-tit1 .bg {
    position: absolute;
    top: 74px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    text-transform: uppercase;
    font-size: 91px;
    color: #f0f0f0;
    letter-spacing: 10px
}

.ul-bar li>a,
.z-tit2,
.z-tit2 em,
.z-tit2 h3 {
    position: relative
}

.z-tit1.white em,
.z-tit1.white h3 {
    color: #fff
}

.z-tit1.white em:before {
    background-image: url(images/tit-l_white.png)
}

.z-tit1.white em:after {
    background-image: url(images/tit-r_white.png)
}

.z-tit1.white strong {
    color: #fff;
    opacity: .15
}

.z-tit2 {
    padding: 0 88px;
    text-align: center
}

.z-tit2 h3 {
    z-index: 2;
    font-size: 44px
}

.z-tit2 h3 strong {
    font-size: 46px;
    margin: 0 10px
}

.z-tit2 em:after,
.z-tit2 em:before {
    content: '';
    margin-top: -3px;
    height: 6px;
    top: 50%
}

.z-tit2 h3 b {
    color: #da7815
}

.z-tit2 em {
    font-weight: 100;
    z-index: 2;
    font-size: 20px;
    letter-spacing: 2px;
    color: #666
}

.z-tit2 em:before {
    position: absolute;
    left: -113px;
    width: 82px;
    background: url(images/tit-l.png) left center no-repeat
}

.z-tit2 em:after {
    position: absolute;
    right: -110px;
    width: 79px;
    background: url(images/tit-r.png) left center no-repeat
}

.z-tit2 .bg {
    position: absolute;
    top: 74px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    text-transform: uppercase;
    font-size: 91px;
    color: #f0f0f0;
    letter-spacing: 10px
}

.g-order,
.g-sidebar,
.pop_mask {
    position: fixed
}

.z-tit1.white h3,
.z-tit2.white em {
    color: #fff
}

.z-tit2.white em:before {
    background-image: url(images/tit-l_white.png)
}

.z-tit2.white em:after {
    background-image: url(images/tit-r_white.png)
}

.z-tit2.white strong {
    color: #fff;
    opacity: .15
}

.tit-ind2 {
    margin-bottom: 28px
}

.tit-ind2 a {
    line-height: 42px;
    color: #999;
    transition: all .3s
}

.tit-ind2 h3 {
    font-weight: 700;
    font-size: 28px;
    color: #333
}

.tit-ind2 a:hover {
    color: #102568
}

.g-order {
    bottom: 0;
    width: 117px;
    background: url(images/z-arrow.png) right 17px center no-repeat rgba(55, 185, 255, .73);
    font-weight: lighter;
    font-size: 20px;
    padding: 36px 0 27px 26px;
    border-radius: 0 85px 85px 0;
    color: #fff;
    z-index: 800
}

.g-order:hover {
    background-color: #37b9ff
}

.g-order img {
    display: block;
    margin-bottom: 8px
}


.lang,
.lang a {
    float: left;
    color: #666
}


.lang {
    margin-left: 15px;
    line-height: 30px
}

.lang em {
    float: left;
    line-height: 30px
}

.lang a {
    margin-top: 3.5px;
    padding-left: 5px;
    height: 23px;
    background: #f3f3f3;
    margin-left: 10px;
    text-align: center;
    line-height: 22px;
    border-radius: 11px
}

.lang a img {
    float: right;
    margin-left: 5px
}

.lang a.on {
    background-color: #4854a4;
    color: #fff
}

.ul-bar,
.ul-bar li {
    float: left
}

.ul-bar li>a {
    margin-left: 12px;
    color: #666
}

.ul-bar li>a.buy {
    font-size: 14px;
    color: #333
}

.ul-bar li>a img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px
}

.ul-bar li>a:before {
    content: '|';
    position: absolute;
    left: -7px;
    pointer-events: none;
    color: #666
}

.ban-1 .txt h2:before,
.list-tabs li.on a:after,
.list-tabs li:hover a:after,
.menuBtn span:after,
.menuBtn span:before,
.nav a:after,
.slick-culture .con:after,
.tit-g4 h3 span:before,
.tit-g4:after,
.tit-g8 p:after,
.tit-g9 h3:after,
.tit-g9 h3:before,
.ul-culture .pic:before,
.video-txt-1 .txt h4:before,
.video-txt-1:after,
.video:after {
    content: ''
}



.ul-bar li>a:hover {
    color: #102568
}




.buy-con {
    display: none;
    position: absolute;
    top: 30px;
    right: 210px;
    width: 158px;
    height: 133px;
    padding: 15px 8px 0;
    background: url(images/buy-bg.png) center no-repeat;
    z-index: 10
}

.buy-con a,
.js-buy:hover .buy-con {
    display: block
}

.buy-con a {
    line-height: 52px;
    padding: 0 5px;
    margin: 0 8px;
    background-repeat: no-repeat;
    background-position: right center
}

.buy-con a:hover {
    color: #102568
}

.buy-con a+a {
    border-top: 1px solid #e5e5e5
}

.menuBtn {
    display: none;
    position: relative;
    width: 1em;
    height: 1em;
    box-sizing: border-box
}

.menuBtn span {
    display: block;
    position: absolute;
    top: 50%;
    margin: 0 auto;
    width: 100%;
    height: 2px;
    border: none;
    cursor: pointer;
    color: inherit
}

.menuBtn span:after,
.menuBtn span:before {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    height: 100%;
    -ms-transform: translate(-50%, -.3em);
    -webkit-transform: translate(-50%, -.3em);
    transform: translate(-50%, -.3em);
    -ms-transform-origin: 50% 0;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.menuBtn.open span {
    background: 0 0
}

.banner .item,
.tit-g7 {
    -webkit-background-size: cover
}

.banner .item,
.banner .slick-arrow {
    background-repeat: no-repeat;
    background-position: center
}

.menuBtn span:after {
    -webkit-transform: translate(-50%, .3em);
    -moz-transform: translate(-50%, .3em);
    -ms-transform: translate(-50%, .3em);
    -o-transform: translate(-50%, .3em);
    transform: translate(-50%, .3em)
}

.menuBtn.open span:before {
    -ms-transform: translate(-48%, 0) rotate(45deg);
    -webkit-transform: translate(-48%, 0) rotate(45deg);
    transform: translate(-48%, 0) rotate(45deg)
}

.menuBtn.open span:after {
    -ms-transform: translate(-52%, 0) rotate(-45deg);
    -webkit-transform: translate(-52%, 0) rotate(-45deg);
    transform: translate(-52%, 0) rotate(-45deg)
}

.menuBtn {
    margin: 12px 0 0;
    font-size: 30px
}

.menuBtn span,
.menuBtn span:after,
.menuBtn span:before {
    background-color: #102568;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease
}

.banner {
    position: relative
}

.banner .item {
    display: block;
    height: 681px;
    background-size: cover
}

.banner .item img,
.pop_mask {
    display: none
}

.banner .slick-arrow {
    position: absolute;
    top: 50%;
    margin-top: -19px;
    width: 13px;
    height: 38px;
    font-size: 0;
    border: 0;
    background-color: transparent;
    z-index: 2;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.banner .slick-dots li,
.slick-z5 .slick-dots li {
    margin: 0 5px;
    height: 12px;
    font-size: 0;
    display: inline-block;
    opacity: 1;
    cursor: pointer
}

.banner .slick-prev {
    left: 29px;
    background-image: url(images/arrow-prev.png)
}

.banner .slick-next {
    right: 29px;
    background-image: url(images/arrow-next.png)
}

.banner .slick-prev:hover {
    background-image: url(images/arrow-prev-on.png)
}

.banner .slick-next:hover {
    background-image: url(images/arrow-next-on.png)
}

.banner .slick-dots {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    font-size: 0;
    text-align: center
}

.banner .slick-dots li {
    position: relative;
    width: 12px;
    background-color: #000;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.slick-z5 .slick-dots li,
.tit-g4 .more {
    -webkit-transition: .3s;
    -o-transition: .3s
}

.banner .slick-dots li.slick-active {
    background: #102568;
    width: 30px
}

.slick-z5 .slick-dots {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    font-size: 0;
    text-align: center
}

.slick-z5 .slick-dots li {
    position: relative;
    width: 12px;
    background-color: #000;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -moz-transition: .3s;
    -ms-transition: .3s;
    transition: .3s
}

.fd-bot .copyright a,
.fd-link .con a {
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s
}

.slick-z5 .slick-dots li.slick-active {
    background: #102568;
    width: 30px
}

.fd-top {
    padding: 40px 0 20px;
    background: url(images/footer-bg1.jpg) center top
}

.fd-link {
    border-top: 1px solid #27282a;
    margin-top: 38px;
    padding: 38px 0 0
}

.fd-link h4 {
    font-weight: 700;
    text-transform: uppercase;
    float: left;
    font-size: 17px;
    color: #3d87f5;
    margin-right: 18px
}

.fd-link .con a {
    float: left;
    line-height: 30px;
    color: #666;
    margin-right: 15px;
    -moz-transition: all .3s;
    transition: all .3s
}

.fd-bot,
.fd-bot .copyright,
.fd-bot .copyright a,
.fd-bot .copyright a:hover,
.fd-bot .wp a,
.fd-left h1,
.fd-left p,
.fd-link .con a:hover,
.fd-nv dd a,
.fd-nv dd a:hover,
.fd-nv dt {
    color: #fff
}

.fd-bot {
    background-color: #030b36;
    line-height: 22px;
    padding: 20px 0
}

.fd-bot .copyright {
    float: left
}

.fd-bot .copyright span {
    margin: 0 10px
}

.fd-bot .copyright a {
    -moz-transition: all .3s;
    transition: all .3s
}

.fd-nv dd a,
.ft-share .bdsharebuttonbox a {
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s
}

.ft-share {
    float: right;
    color: #505050
}

.ft-share .bdsharebuttonbox,
.ft-share span {
    display: inline-block;
    vertical-align: middle
}

.ft-share .bdsharebuttonbox a {
    width: 29px;
    height: 29px;
    margin: 0 0 0 8px;
    background-repeat: no-repeat;
    background-image: url(images/share.png);
    -moz-transition: all .3s;
    transition: all .3s
}

.fd-left p,
.fd-left p i,
.hot-line i {
    margin-right: 10px
}

.fd-nv dt,
.tit-g5 {
    margin-bottom: 30px
}

.fd-contact .btn,
.fd-nv dd a {
    -moz-transition: all .3s;
    display: block
}

.ft-share .bdsharebuttonbox a.bds_tsina {
    background-position: 0 top
}

.ft-share .bdsharebuttonbox a.bds_weixin {
    background-position: -37px top
}

.ft-share .bdsharebuttonbox a.bds_qzone {
    background-position: -74px top
}

.ft-share .bdsharebuttonbox a.bds_sqq {
    background-position: right top
}

.ft-share .bdsharebuttonbox a:hover {
    opacity: 1;
    background-image: url(images/share-on.png)
}

.fd-left {
    width: 385px;
    float: left;
    text-align: left
}

.fd-contact,
.fd-contact .btn,
.g-sidebar li .pic,
.g-sidebar li a p,
.list-tabs,
.list-tabs li a,
.tit-g1,
.tit-g3,
.tit-g8,
.tit-g9,
.ul-culture,
.ul-culture .txt {
    text-align: center
}

.fd-left h1 {
    font-size: 22px;
    padding-bottom: 20px
}

.fd-left p {
    margin-top: 18px;
    font-size: 16px;
    display: flex
}

.fd-left p span {
    display: flex;
    justify-content: center;
    flex-direction: column;
    flex: 1
}

.icon-address,
.icon-fac,
.icon-mobile,
.icon-tel {
    height: 34px;
    display: inline-block;
    width: 30px;
    vertical-align: middle
}

.icon-address {
    background: url(images/0001.png) 0 center no-repeat
}

.icon-fac {
    background: url(images/icon_fac.jpg) 0 center no-repeat
}

.icon-mobile {
    background: url(images/0002.png) 0 center no-repeat
}

.icon-tel {
    background: url(images/0003.png) 0 center no-repeat
}

.fd-nv {
    width: 389px;
    float: left;
    position: relative
}

.fd-nv dl {
    float: left;
    margin-left: 28px
}

.fd-nv dl+dl {
    margin-left: 75px
}

.fd-nv dt {
    position: relative;
    font-size: 22px;
    font-weight: 700
}

.fd-nv dd {
    float: left;
    width: 33%
}

.fd-nv dd a {
    line-height: 40px;
    transition: all .3s
}

.fd-contact .btn,
.m-location .location a {
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s
}

.fd-contact {
    display: flex;
    width: 426px;
    float: right;
    margin-top: 15px
}

.fd-contact h4 {
    font-weight: 700;
    font-size: 38px;
    line-height: 1.1;
    color: #3d87f5;
    margin-bottom: 12px
}

.fd-contact p {
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    margin-bottom: 25px
}

.fd-contact .btn {
    margin: 25px auto 0;
    width: 200px;
    height: 46px;
    font-size: 16px;
    line-height: 46px;
    background: #102568;
    color: #fff;
    border-radius: 99999px;
    transition: all .3s
}

.fd-contact .btn:hover {
    color: #102568;
    background-color: #fff
}

.eq {
    margin: 0 auto;
    color: #fff;
    padding-left: 28px;
    line-height: 35px
}

.eq img {
    display: block;
    width: 160px;
    height: 160px;
    padding: 10px;
    background-color: #fff
}

.bd_weixin_popup {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.pop_mask {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background-color: rgba(0, 0, 0, .75)
}

.g-sidebar {
    display: none !important;
    top: 40%;
    right: 17px;
    z-index: 1000
}

.g-sidebar li {
    position: relative;
    margin-bottom: 1px;
    background-color: #666
}

.culture-1 .tit-g1,
.tit-g1 {
    margin-bottom: 57px
}

.g-sidebar li a {
    display: block
}

.g-sidebar li .pic {
    position: relative;
    z-index: 100;
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px
}

.g-sidebar li a img {
    display: inline-block;
    vertical-align: middle
}

.g-sidebar li a p {
    position: absolute;
    top: -12px;
    bottom: 0;
    right: 100%;
    width: 163px;
    height: 78px;
    line-height: 78px;
    text-transform: capitalize;
    border-radius: 22px;
    display: none;
    background: url(images/bg1.png) center no-repeat
}

.tit-g1 .en,
.tit-g1 h3,
.tit-g2,
.tit-g3,
.tit-g3 h3 {
    line-height: 1.4
}

.ban-1 .txt .en,
.detail-txt .txt,
.tit-g1 .en,
.tit-g6 h3 span {
    text-transform: uppercase
}

.g-sidebar li:hover {
    background-color: #102568
}

.g-sidebar li:hover a p {
    display: block
}

::-webkit-scrollbar {
    border-radius: 6px;
    width: 6px
}

::-webkit-scrollbar-thumb:window-inactive {
    background: #102568;
    border-radius: 3px
}

.ft-bar {
    display: none
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none
}

::-webkit-scrollbar-track {
    background: #d3d3d3;
    border-radius: 3px
}

::-webkit-scrollbar-thumb {
    background: #102568;
    border-radius: 3px
}

.bodyColorf5 {
    background-color: #f5f5f5
}

.tit-g1 h3 {
    font-size: 44px;
    color: #333;
    font-weight: 700;
    margin-bottom: 2px
}

.map-1 h2,
.tit-g2,
.tit-g3 h3,
.tit-g6 h3 span,
.tit-g7 h3 span,
.top-g1 h3 {
    font-weight: 400
}

.tit-g1 .en {
    display: block;
    font-size: 18px;
    color: #ccc
}

.tit-g2 {
    font-size: 30px;
    color: #333
}

.tit-g3 {
    margin-bottom: 56px;
    font-size: 16px;
    color: #666
}

.tit-g3 h3 {
    font-size: 44px;
    color: #333;
    margin-bottom: 12px
}

.tit-g4 {
    line-height: 50px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 25px
}

.tit-g4:after {
    display: block;
    clear: both;
    width: 100%;
    height: 0;
    visibility: hidden
}

.tit-g4 .more {
    float: right;
    font-size: 14px;
    color: #999;
    margin-left: 10px;
    transition: .3s
}

.tit-g4 h3 {
    font-size: 0
}

.tit-g4 h3 span {
    display: inline-block;
    vertical-align: middle;
    font-size: 24px;
    color: #333;
    padding: 0 12px 0 3px;
    position: relative
}

.tit-g4 h3 span:before {
    position: absolute;
    left: 0;
    bottom: -1px;
    right: 0;
    height: 2px;
    background-color: #4854a4
}

.tit-g4 .more:hover {
    color: #3d87f5
}

.tit-g5 {
    position: relative
}

.tit-g5 .more {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 14px;
    color: #102568;
    line-height: 1.4
}

.tit-g5 h3 {
    font-size: 44px;
    color: #333;
    line-height: 1.4
}

.tit-g5 .more:hover {
    text-decoration: underline
}

.tit-g6 {
    padding: 21px 24px 18px 84px;
    background: url(images/tit6-1-d.png) 30px center no-repeat #102568
}

.tit-g6 h3 {
    font-size: 26px;
    color: #fff;
    line-height: 1.4
}

.tit-g6 h3 span {
    display: block;
    font-size: 16px;
    color: rgba(255, 255, 255, .3);
    line-height: 1.4;
    margin-top: 1px
}

.top-g1 {
    margin-bottom: 41px;
    padding-right: 300px;
    height: 42px;
    line-height: 42px;
    position: relative
}

.top-g1 .so,
.top-g1 .so .btn {
    position: absolute;
    top: 0;
    right: 0
}

.top-g1 .so {
    width: 349px;
    height: 42px;
    border: 1px solid #c5c5c5;
    padding-right: 50px
}

.top-g1 .so input {
    outline: 0;
    border: none
}

.top-g1 .so .inp {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    font-size: 14px;
    color: #333;
    background-color: transparent;
    outline: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent
}

.tit-g7 h3,
.tit-g7 h3 span,
.tit-g8 h3,
.tit-g8 p {
    line-height: 1.4
}

.top-g1 .so .btn {
    bottom: 0;
    width: 50px;
    background: url(images/so-1-d.png) center center no-repeat #102568;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.ban-1,
.tit-g7 {
    background-repeat: no-repeat;
    background-position: center center
}

.top-g1 h3 {
    font-size: 24px;
    color: #333;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.top-g1 .so .btn:hover {
    opacity: .8;
    filter: alpha(opacity=80)
}

.tit-g7 {
    padding: 23px 26px 18px;
    background-size: cover
}

.tit-g7 h3 {
    font-size: 24px;
    color: #fff
}

.tit-g7 h3 span {
    display: block;
    font-size: 16px;
    color: rgba(255, 255, 255, .42);
    margin-top: 2px
}

.tit-g8 {
    margin-bottom: 104px
}

.tit-g8 h3 {
    font-size: 44px;
    color: #333;
    margin-bottom: 10px
}

.tit-g8 p {
    font-size: 16px;
    color: #666;
    padding-bottom: 21px;
    position: relative
}

.tit-g8 p:after {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 46px;
    height: 3px;
    background-color: #102568;
    margin-left: -23px
}

.tit-g9 {
    margin-bottom: 71px
}

.tit-g9 h3 {
    display: inline-block;
    font-size: 44px;
    color: #333;
    position: relative;
    margin-bottom: 4px
}

.tit-g9 h3:after,
.tit-g9 h3:before {
    position: absolute;
    top: 50%;
    width: 56px;
    height: 2px;
    background-color: rgba(27, 27, 27, .44)
}

.tit-g9 h3:before {
    right: 120%
}

.tit-g9 h3:after {
    left: 120%
}

.tit-g9 p {
    font-size: 16px;
    color: #666;
    line-height: 28px
}

.ban-1 {
    height: 400px;
    -webkit-background-size: cover;
    background-size: cover
}

.ban-1 .wp {
    height: 100%;
    position: relative
}

.ban-1 .txt {
    position: absolute;
    left: 0;
    top: 43.4%
}

.ban-1 .txt h2 {
    font-size: 40px;
    color: #fff;
    font-weight: 700;
    line-height: 1.4;
    padding-bottom: 18px;
    margin-bottom: 20px;
    position: relative
}

.ban-1 .txt h2:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 60px;
    height: 2px;
    background-color: #fff
}

.ban-1 .txt .en {
    display: block;
    font-size: 16px;
    color: #fff;
    line-height: 1.4
}

.ban-1 img {
    display: none
}

.m-location {
    height: 60px;
    background-color: #fafafa
}

.m-location.location_1 {
    background-color: #fff
}

.m-location .location {
    float: left
}

.m-location .location a {
    float: left;
    font-size: 16px;
    line-height: 58px;
    border-bottom: 2px solid transparent;
    margin-right: 28px;
    -moz-transition: all .3s;
    transition: all .3s;
    text-overflow: ellipsis;
    white-space: nowrap
}

.m-location .location a.on,
.m-location .location a:hover {
    color: #3d87f5;
    border-bottom-color: #3d87f5
}

.cur {
    float: right;
    color: #333;
    padding-left: 30px;
    background: url(images/cur.png) left center no-repeat;
    line-height: 60px
}

.msg-1,
.slick-culture .slick-arrow,
.video .mask {
    background-repeat: no-repeat
}

.cur a {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.cur a:hover,
.cur span {
    color: #3d87f5
}

.profile-1 {
    padding: 57px 0;
    background-color: #fff
}

.profile-1 .txt-box {
    padding-bottom: 99px;
    font-size: 16px;
    color: #333;
    line-height: 34px
}

.video-txt-1:after {
    display: block;
    clear: both;
    width: 100%;
    height: 0;
    visibility: hidden
}

.video-txt-1 .col-r {
    width: 47.8%;
    padding-right: 25px
}

.video-txt-1 .col-l {
    width: 46%
}

.video {
    padding-top: 68.2%;
    position: relative
}

.video:after {
    position: absolute;
    right: -14px;
    top: -13px;
    bottom: -14px;
    left: 32px;
    border: 1px solid #102568;
    z-index: 1
}

.video .con,
.video .mask {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute
}

.video .con {
    z-index: 2
}

.video video {
    display: block;
    width: 100%;
    height: 100%
}

.video .mask {
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    cursor: pointer;
    z-index: 2;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.video .start {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    cursor: pointer;
    background: url(images/video-start-d.png) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: 3
}

.video:hover .mask {
    -webkit-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05)
}

.video-txt-1 .txt {
    padding-top: 38px;
    font-size: 16px;
    color: #333;
    line-height: 34px
}

.video-txt-1 .txt h4 {
    font-size: 36px;
    color: #333;
    font-weight: 700;
    line-height: 1.4;
    padding-bottom: 23px;
    margin-bottom: 40px;
    position: relative
}

.video-txt-1 .txt h4:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 47px;
    height: 3px;
    background-color: #102568
}

.list-tabs {
    padding-bottom: 65px;
    font-size: 0
}

.list-tabs li {
    display: inline-block;
    margin: 0 2.5px
}

.list-tabs li a {
    display: block;
    font-size: 18px;
    color: #333;
    width: 147px;
    height: 45px;
    line-height: 45px;
    background-color: #eee
}

.list-tabs li.on a,
.list-tabs li:hover a {
    position: relative;
    border-color: #102568;
    background-color: #102568;
    color: #fff;
    transition: .3s
}

.list-tabs li.on a:after,
.list-tabs li:hover a:after {
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -7px;
    width: 14px;
    height: 7px;
    background: url(images/tabs-1-d.png) center no-repeat;
    transition: .3s
}

.slick-culture .con p,
.slick-culture .con:after {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    opacity: 0
}

.tab-cons-1 {
    height: 0;
    visibility: hidden
}

.tab-cons-1.show {
    height: auto;
    visibility: visible
}

.slick-culture {
    margin: 0 -2px
}

.slick-culture .con {
    display: block;
    position: relative;
    margin: 0 2px
}

.slick-culture .con:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 2;
    transition: all .3s
}

.slick-culture .pic {
    padding-top: 72%;
    position: relative
}

.slick-culture .pic img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.slick-culture .con p {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 16px;
    line-height: 1.4;
    color: #fffefe;
    z-index: 3;
    white-space: nowrap;
    transition: all .3s
}

.list-case .pic img,
.list-case .txt {
    -moz-transition: all .3s;
    position: absolute
}

.slick-culture .con:hover p,
.slick-culture .con:hover:after {
    opacity: 1
}

.slick-culture .slick-arrow {
    position: absolute;
    top: 50%;
    margin-top: -45px;
    width: 46px;
    height: 90px;
    background-position: center;
    background-color: rgba(0, 0, 0, .67);
    border: 0;
    z-index: 2;
    font-size: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.ul-culture .pic:before,
.ul-reason .date {
    -webkit-transition: .3s;
    -o-transition: .3s
}

.slick-culture .slick-prev {
    left: 50%;
    margin-left: -696px;
    background-image: url(images/arrow-left.png)
}

.slick-culture .slick-next {
    right: 50%;
    margin-right: -696px;
    background-image: url(images/arrow-right.png)
}

.slick-culture .slick-arrow:hover {
    background-color: rgba(16, 37, 104, .85)
}

.culture-1 {
    padding: 23px 0 100px;
    background-color: #fff
}

.ul-culture {
    margin-bottom: -20px;
    font-size: 0
}

.ul-culture li {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    padding: 0 20px;
    margin-bottom: 20px;
    cursor: pointer
}

.ul-culture .pic {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    position: relative;
    margin: 0 auto 10px;
    background-color: #102568
}

.ul-culture .pic:before {
    position: absolute;
    left: 2px;
    top: 2px;
    right: 2px;
    bottom: 2px;
    border: 5px solid transparent;
    border-radius: 50%;
    transition: .3s
}

.ul-culture .pic img {
    display: block;
    width: 100%;
    height: 100%
}

.ul-culture .txt {
    padding: 12px 10px 0
}

.ul-culture .txt h4 {
    font-size: 20px;
    color: #333;
    line-height: 1.4;
    font-weight: 700;
    margin-bottom: 17px
}

.ul-culture .txt p {
    font-size: 14px;
    line-height: 1.4;
    color: #666
}

.ul-culture li:hover .pic:before {
    border-color: #fff
}

.msg-1 {
    padding: 112px 0 108px;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover
}

.msg-1 .pic {
    float: right;
    width: 31%;
    margin-left: 11%
}

.msg-1 .pic img {
    display: block;
    width: 100%
}

.msg-1 .txt {
    padding-top: 6px
}

.msg-1 .txt h3 {
    font-size: 44px;
    color: #fff;
    font-weight: 700;
    line-height: 1.4;
    padding-bottom: 35px;
    position: relative;
    margin-bottom: 68px
}

.history-con:before,
.msg-1 .txt h3:before {
    position: absolute;
    content: ''
}

.msg-1 .txt h3:before {
    left: 0;
    bottom: 0;
    width: 50px;
    height: 2px;
    background-color: #fff
}

.msg-1 .txt .t-1 {
    font-size: 16px;
    color: #fff;
    line-height: 36px
}

.history-1 {
    padding: 76px 0 112px
}

.history-1 .tit-g1 {
    margin-bottom: 76px
}

.history-con {
    position: relative;
    padding-right: 6px;
    padding-top: 54px
}

.history-con:before {
    left: 46.7%;
    top: 0;
    width: 60px;
    height: 60px;
    background: url(images/history-1-d.png) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: 2
}

.ul-reason {
    height: 580px;
    overflow-y: auto;
    position: relative
}

.ul-reason:after {
    content: '';
    display: block;
    clear: both;
    width: 100%;
    height: 0;
    visibility: hidden
}

.ul-reason li {
    padding: 10px 0;
    position: relative;
    overflow: hidden
}

.ul-reason li:after,
.ul-reason li:before {
    position: absolute;
    content: ''
}

.ul-reason li:before {
    left: 50%;
    top: 50%;
    width: 16px;
    height: 16px;
    margin: 4px 0 0 -17px;
    background: url(images/history-4-d.png) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: 2
}

.ul-reason li:after {
    left: 49.2%;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #c5c5c5
}

.ul-reason li:first-child {
    padding-top: 20px
}

.ul-reason .con {
    width: 50%;
    padding-right: 49px;
    float: left;
    text-align: right;
    position: relative
}

.ul-reason .con-inner {
    display: inline-block;
    vertical-align: middle;
    width: 402px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .1);
    background-color: #fff;
    padding-left: 106px;
    min-height: 94px;
    cursor: pointer;
    position: relative
}

.ul-reason .con-inner:after {
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    width: 21px;
    height: 28px;
    margin-top: -16px;
    background: url(images/history-2-d.png) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.ul-reason .date {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 106px;
    text-align: center;
    background-color: #545a6c;
    font-size: 20px;
    color: #fff;
    line-height: 32px;
    font-weight: 700;
    transition: .3s
}

.list-case .pic img,
.list-case .txt {
    -ms-transition: all .3s;
    -o-transition: all .3s
}

.ul-reason .date .inner {
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.list-case .item:hover .pic img,
.news-list li:hover .pic img,
.slick-z1 .item img:hover {
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05)
}

.ul-reason .date span {
    display: block
}

.ul-reason .txt {
    font-size: 16px;
    color: #333;
    line-height: 32px;
    padding: 15px 50px 15px 24px;
    text-align: left
}

.list-radios li a,
.sec-menu li a {
    font-size: 14px;
    line-height: 36px;
    border-radius: 18px;
    display: block;
    overflow: hidden;
    cursor: pointer
}

.ul-reason .con-inner:hover .date {
    background-color: #102568
}

.ul-reason .mCSB_inside>.mCSB_container {
    margin-right: 0
}

.ul-reason .mCSB_scrollTools {
    opacity: 1;
    filter: 'alpha(opacity=100)';
    -ms-filter: 'alpha(opacity=100)';
    width: 6px
}

.ul-reason .mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #d3d3d3
}

.ul-reason .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #102568
}

.list-radios li,
.sec-menu li {
    width: 12.5%;
    margin-bottom: 4px
}

.ul-reason .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.ul-reason .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.ul-reason .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #102568
}

.case-1 {
    padding: 49px 0 88px;
    overflow: hidden
}

.list-radios {
    padding-bottom: 62px;
    margin: 0 -24px -4px;
    overflow: hidden
}

.list-radios li {
    float: left;
    padding: 0 24px
}

.list-radios li a {
    color: #333;
    position: relative
}

.list-radios li a:hover {
    color: #102568
}

.list-radios input {
    position: absolute;
    left: -999px
}

.list-case .item,
.list-case .name,
.list-case .pic,
.list-case .type,
.map-1,
.sec-menu li a {
    position: relative
}

.list-radios li.on a {
    background-color: #102568;
    text-align: center;
    color: #fff
}

.list-radios li.on a:hover {
    color: #fff
}

.sec-menu {
    overflow: hidden;
    padding: 57px 0 0
}

.sec-menu li {
    background-color: #d8d9da;
    margin-right: 15px;
    text-align: center
}

.sec-menu li a {
    color: #333
}

.sec-menu li a:hover {
    color: #102568
}

.sec-menu li.on a {
    background-color: #102568;
    text-align: center;
    color: #fff
}

.sec-menu li.on a:hover {
    color: #fff
}

.list-case {
    overflow: hidden
}

.list-case li {
    float: left;
    width: 25%;
    margin-bottom: 50px
}

.list-case .item {
    display: block;
    overflow: hidden;
    width: 300px
}

.list-case .pic {
    overflow: hidden;
    height: 495px
}

.list-case .pic img {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s;
    transition: all .3s
}

.list-case .txt,
.list-case .z-more2223 {
    z-index: 100;
    left: 50%;
    -webkit-transition: all .3s;
    text-align: center
}

.list-case .item:hover .pic img {
    transform: scale(1.05)
}

.list-case .txt {
    width: 300px;
    padding: 0 20px;
    top: 45%;
    margin: 0 auto 0 -150px;
    transition: all .3s
}

.list-case .name,
.list-case .z-more2223 {
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s
}

.list-case .z-more2223 {
    width: 140px;
    padding: 0 20px;
    position: absolute;
    top: 53%;
    margin: 0 auto 0 -70px;
    transition: all .3s
}

.z-more2223 {
    margin: 0 auto;
    color: #fff;
    width: 160px;
    height: 46px;
    line-height: 44px;
    text-align: center;
    border: 1px solid #aaa;
    border-radius: 23px
}

.z-more2223 img {
    margin-left: 5px;
    display: initial
}

.list-case .name {
    color: #fff;
    top: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    font-size: 20px;
    font-weight: 700;
    z-index: 2;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.list-case .type,
.list-product-2 .con {
    -ms-transition: all .3s;
    -o-transition: all .3s
}

.list-case .type {
    top: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    font-size: 14px;
    color: #666;
    line-height: 1.4;
    padding-right: 20px;
    background: url(images/icon-case-1-d.png) right center no-repeat;
    z-index: 2;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    min-height: 20px
}

.list-case .item:hover .txt .name,
.list-case .item:hover .txt .type {
    top: -10px
}

.list-case .item:hover .txt:after {
    background-color: #102568;
    height: 118%
}

.contact-1 .item,
.contact-1 .item2 {
    background-color: #fff;
    overflow: hidden
}

.list-case .item:hover .txt .name {
    color: #fff
}

.list-case .item:hover .txt .type {
    color: #fff;
    background-image: url(images/icon-case-1-on-d.png)
}

.contact-1 {
    padding: 57px 0 30px;
    overflow: hidden
}

.contact-1 .item {
    padding: 40px 100px 50px 75px;
    margin-bottom: 41px
}

.contact-1 .item .col-l {
    width: 59%
}

.contact-1 .item .col-r {
    width: 28%
}

.contact-1 h4 {
    font-size: 22px;
    color: #333;
    line-height: 1.4;
    margin-bottom: 26px
}

.list-con {
    margin: 0 -14px;
    overflow: hidden
}

.list-con.list_2 .list-contact {
    float: left;
    width: 50%
}

.list-contact {
    padding: 0 14px
}

.list-contact li {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    padding: 26px 0 28px 52px;
    margin-top: -1px;
    border: 1px solid #e9e9e9;
    border-left: none;
    border-right: none;
    background-repeat: no-repeat;
    background-position: left 18px
}

.list-contact h5 {
    font-size: 18px;
    color: #231f20;
    line-height: 1.4;
    margin-bottom: 8px
}

.list-contact .cus {
    height: 113px
}

.list-contact .tel {
    padding: 24px 0 15px 52px
}

.list-contact .email,
.list-contact .fax {
    padding: 26px 0 15px 52px
}

.list-contact .cont {
    padding: 24px 0 15px 52px
}

.list-contact .cus_2 {
    padding: 26px 0 15px 52px
}

.contact-1 .item2 {
    padding: 42px 100px 47px 75px
}

.contact-1 .item2 .col-l,
.contact-1 .item2 .col-r {
    width: 28%
}

.map-1 {
    height: 492px;
    overflow: hidden
}

.map-1 .map {
    height: 100%
}

.map-1 .map img {
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
    max-width: none
}

.map-1 h2 {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    font-size: 24px;
    color: #fff;
    line-height: 1.4;
    text-align: center;
    background-color: rgba(16, 37, 104, .8);
    padding: 30px 0
}

.map-tit h5,
.map-tit:after,
.message-1 {
    background-color: #fff
}

.anchorBL {
    display: none
}

.BMapLabel {
    border: none !important;
    padding: 0 !important;
    border-radius: 5px
}

.map-tit,
.map-tit h5 {
    border-radius: 5px;
    position: relative
}

.map-tit {
    width: 160px;
    text-align: center;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .1)
}

.map-tit h5 {
    font-size: 16px;
    color: #333;
    line-height: 20px;
    z-index: 1;
    padding: 13px 5px
}

.map-tit:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -6px;
    width: 12px;
    height: 12px;
    margin-left: -6px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    box-shadow: 0 0 3px rgba(0, 0, 0, .1);
    z-index: 0
}

.message-1 {
    padding: 57px 0;
    overflow: hidden
}

.form-msg {
    width: 825px;
    margin: 0 auto;
    overflow: hidden
}

.form-msg input,
.form-msg textarea {
    outline: 0;
    border: none;
    margin-bottom: 28px
}

.form-msg .inp,
.form-msg .tar {
    border: 1px solid #dfdfdf;
    color: #333;
    outline: 0;
    font-size: 16px;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent
}

.form-msg .item {
    margin-right: -3%;
    overflow: hidden
}

.form-msg .inp {
    float: left;
    width: 47%;
    margin-right: 3%;
    height: 41px;
    line-height: 39px;
    padding: 0 20px;
    border-radius: 0
}

.form-msg .sub,
.form-msg .tar,
.news-list .wp:after {
    width: 100%;
    display: block
}

.form-msg .tar {
    height: 107px;
    resize: none;
    padding: 6px 20px;
    border-radius: 0
}

.form-msg .sub {
    height: 53px;
    line-height: 51px;
    background-color: rgba(16, 37, 104, .9);
    border: 1px solid rgba(16, 37, 104, .75);
    font-size: 16px;
    color: #fff;
    text-align: center;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    outline: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent
}

.list-product-2:after,
.news-list .wp:after {
    content: '';
    clear: both;
    height: 0;
    visibility: hidden
}

.news-list .img .pic img,
.news-list li {
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

.form-msg .sub:hover {
    background-color: #102568
}

.news-1 {
    padding: 10px 0 0
}

.news-list {
    margin-bottom: 84px;
    overflow: hidden
}

.news-list li {
    background-color: #fff;
    -webkit-transition: .3s;
    transition: .3s
}

.news-list .wp {
    padding: 64px 0 55px;
    position: relative
}

.news-list .wp:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    border-top: 1px dashed rgba(0, 0, 0, .19)
}

.news-list .img {
    float: left;
    width: 304px
}

.news-list .img .pic {
    position: relative;
    overflow: hidden;
    padding-top: 51%
}

.news-list .img .pic img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: .3s;
    transition: .3s
}

.news-list .date,
.news-list .date .s1 {
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

.news-list .date {
    float: right;
    margin-top: 19px;
    width: 114px;
    background-color: #eee;
    text-align: center;
    padding: 16px 0 24px;
    -webkit-transition: .3s;
    transition: .3s
}

.news-list .date .s1 {
    font-size: 46px;
    color: #333;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 2px;
    -webkit-transition: .3s;
    transition: .3s
}

.news-list .date .s2,
.news-list .tit a {
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

.news-list .date .s2 {
    font-size: 15px;
    color: #666;
    line-height: 1.2;
    -webkit-transition: .3s;
    transition: .3s
}

.news-list .txt {
    overflow: hidden;
    padding: 2px 97px 0 38px
}

.news-list .tit {
    margin-bottom: 23px
}

.news-list .tit a {
    display: block;
    font-size: 24px;
    color: #333;
    font-weight: 400;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: .3s;
    transition: .3s
}

.news-list .desc {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 48px;
    margin-bottom: 16px
}

.news-list .more {
    display: block;
    width: 120px;
    line-height: 36px;
    font-size: 14px;
    color: #666;
    background-color: #eee;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.news-list li:hover {
    background-color: #f6f6f6
}

.news-list li:hover .wp:before {
    display: none
}

.news-list li:hover .pic img {
    transform: scale(1.05)
}

.news-list li:hover .date {
    background-color: #102568
}

.news-list li:hover .date .s1,
.news-list li:hover .date .s2 {
    color: #fff
}

.news-list li:hover .tit a {
    color: #102568
}

.news-list li:hover .more {
    color: #fff;
    background-color: #102568
}

.news-list .date:hover,
.news-list .g-btn:hover {
    color: #fff;
    background-color: #db7914 !important
}

.case-detail-1,
.detail-con {
    background-color: #fff;
    overflow: hidden
}

.case-detail-1 {
    padding: 36px 0 32px
}

.case-detail-1 .col-l {
    width: 70.2%
}

.case-detail-1 .col-r {
    width: 27.8%;
    padding-top: 23px
}

.detail-con {
    padding: 33px 24px 61px 26px
}

.detail-con .top {
    padding-bottom: 10px;
    border-bottom: 1px solid #e2e2e2;
    overflow: hidden
}

.detail-con .top h1 {
    font-size: 32px;
    color: #333;
    line-height: 1.4;
    font-weight: 400;
    margin-bottom: 33px
}

.detail-con .info {
    font-size: 14px;
    color: #999;
    line-height: 30px;
    overflow: hidden
}

.detail-con .info .share {
    float: right
}

.detail-con .info .share span {
    float: left
}

.detail-con .info .btn {
    overflow: hidden
}

.detail-con .info .btn .bdshare-button-style0-16 a {
    width: 30px;
    height: 30px;
    padding: 0;
    margin: 0 0 0 3px
}

.detail-con .info .btn .bdshare-button-style0-16 .bds_tsina {
    background: url(images/blog-d.png) center center no-repeat;
    -webkit-background-size: cover
}

.detail-con .info .btn .bdshare-button-style0-16 .bds_sqq {
    background: url(images/qq-d.png) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.detail-con .info .btn .bdshare-button-style0-16 .bds_weixin {
    background: url(images/wechat-d.png) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.detail-con .info .btn .bdshare-button-style0-16 .bds_mail {
    background: url(images/email-d.png) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.detail-con .info .btn .bdshare-button-style0-16 .bds_qzone {
    background: url(images/qz-d.png) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.detail-con .info .txt {
    overflow: hidden
}

.detail-con .info .txt span {
    margin-right: 13px
}

.detail-con .con {
    padding: 42px 0 89px;
    font-size: 14px;
    color: #777;
    line-height: 36px
}

.detail-con .con img {
    display: block;
    margin: 0 auto
}

.detail-con .case-page {
    border-top: 1px solid #e2e2e2
}

.detail-con .case-page .link {
    padding: 26px 0 41px;
    overflow: hidden
}

.detail-con .case-page .link a {
    width: 48%;
    font-size: 16px;
    color: #666;
    line-height: 34px;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.detail-con .case-page .prev {
    float: left;
    padding-left: 30px;
    background: url(images/detail-prev-d.png) left center no-repeat
}

.detail-con .case-page .next {
    float: right;
    text-align: right;
    padding-right: 30px;
    background: url(images/detail-next-d.png) right center no-repeat
}

.detail-con .case-page .return {
    display: block;
    width: 220px;
    height: 60px;
    line-height: 60px;
    background-color: #102568;
    text-align: center;
    font-size: 16px;
    color: #fff;
    margin: 0 auto;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.list-news h4 a,
.slick-product .pic img {
    -webkit-transition: .3s;
    -o-transition: .3s
}

.detail-con .case-page .return i {
    display: inline-block;
    vertical-align: middle;
    margin: -2px 14px 0 0;
    width: 40px;
    height: 40px;
    background: url(images/return-d.png) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.list-news h4,
.m-pop .box h3 {
    margin-bottom: 8px
}

.detail-con .case-page .link a:hover {
    color: #102568
}

.detail-con .case-page .return:hover {
    opacity: .8;
    filter: alpha(opacity=80)
}

.box-item-1 {
    padding: 16px 16px 23px;
    background-color: #fff;
    overflow: hidden
}

.box-item-1+.box-item-1 {
    margin-top: 9px
}

.list-news {
    overflow: hidden
}

.list-news li {
    padding: 12px 0 13px 26px;
    border-bottom: 1px solid #e5e5e5;
    background: url(images/news-list-d.png) left 17px no-repeat
}

.list-news h4 a {
    display: block;
    font-size: 16px;
    color: #333;
    line-height: 20px;
    font-weight: 400;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: .3s
}

.list-news .date {
    display: block;
    font-size: 14px;
    color: #999;
    line-height: 18px
}

.list-news li:hover h4 a {
    color: #102568
}

.case-item h4,
.slick-product h4 {
    color: #333;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.slick-product {
    margin-top: 30px;
    padding-bottom: 60px;
    border: 1px solid #e5e5e5;
    overflow: hidden
}

.slick-product .pic {
    padding-top: 100%;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
    margin-bottom: 28px;
    overflow: hidden
}

.slick-product .pic img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: .3s
}

.case-item .con,
.case-item .pic img {
    -webkit-transition: .3s;
    -o-transition: .3s
}

.slick-product .pic .icon {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 80px;
    height: 80px;
    margin: -40px 0 0 -40px;
    background: url(images/product-2-d.png) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.slick-product h4 {
    font-size: 16px;
    padding: 0 10px;
    line-height: 20px;
    font-weight: 700;
    -ms-text-overflow: ellipsis;
    overflow: hidden
}

.slick-product .pic:hover img {
    -webkit-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05)
}

.slick-product .slick-dots {
    position: absolute;
    left: 0;
    bottom: 24px;
    right: 0;
    font-size: 0;
    text-align: center;
    z-index: 2
}

.case-item h4,
.list-product a {
    font-size: 16px;
    -ms-text-overflow: ellipsis
}

.slick-product .slick-dots li {
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px;
    margin: 0 9px;
    background-color: rgba(9, 9, 9, .29);
    cursor: pointer;
    border-radius: 50%;
    overflow: hidden
}

.slick-case .slick-arrow,
.slick-product .slick-dots button {
    border: none;
    text-indent: -999px;
    outline: 0
}

.slick-product .slick-dots .slick-active {
    background-color: #102568
}

.newsCase-1 {
    padding: 0 0 57px;
    overflow: hidden;
    text-align: center
}

.newsCase-1 ul li {
    display: inline-block
}

.slick-case {
    margin: 0 -12px
}

.slick-case .slick-list {
    padding: 10px 0
}

.case-item .con {
    margin: 0 12px;
    border: 1px solid #eee;
    background-color: #fff;
    transition: .3s
}

.case-item .pic {
    padding-top: 99%;
    border-bottom: 1px solid #eee;
    position: relative;
    overflow: hidden
}

.case-item .pic img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: .3s
}

.case-item h4,
.slick-case .slick-arrow {
    -webkit-transition: .3s;
    -o-transition: .3s;
    overflow: hidden
}

.case-item h4 {
    font-weight: 700;
    line-height: 83px;
    transition: .3s;
    padding: 0 5px
}

.case-item .con:hover {
    box-shadow: 0 1px 5px 0 rgba(20, 29, 37, .09)
}

.case-item .con:hover .pic img {
    -webkit-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05)
}

.case-item .pic .icon,
.list-solution .pic .more {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%)
}

.case-item .con:hover h4 {
    background-color: #102568;
    color: #fff
}

.case-item .pic .icon {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 80px;
    height: 80px;
    background: url(images/product-2-d.png) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    transform: translate(-50%, -50%)
}

.hot-line,
.list-contact-2 li,
.slick-case .slick-arrow {
    background-repeat: no-repeat
}

.slick-case .slick-arrow {
    position: absolute;
    top: 39%;
    width: 30px;
    height: 40px;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    background-color: transparent;
    z-index: 2;
    transition: .3s
}

.list-product a,
.list-product-2 .pic img {
    -webkit-transition: .3s;
    -o-transition: .3s
}

.slick-case .slick-prev {
    left: -64px;
    background-image: url(images/honor-prev-d.png)
}

.slick-case .slick-next {
    right: -64px;
    background-image: url(images/honor-next-d.png)
}

.slick-case .slick-prev:hover {
    background-image: url(images/honor-prev-on-d.png)
}

.slick-case .slick-next:hover {
    background-image: url(images/honor-next-on-d.png)
}

.slick-case .slick-dots {
    position: absolute;
    left: 0;
    bottom: -15px;
    right: 0;
    font-size: 0;
    text-align: center;
    z-index: 2
}

.slick-case .slick-dots li {
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    background-color: rgba(9, 9, 9, .29);
    border-radius: 50%;
    overflow: hidden;
    margin: 0 2px
}

.slick-case .slick-dots button {
    outline: 0;
    border: none;
    text-indent: -999px
}

.slick-case .slick-dots .slick-active {
    background-color: #f7941d
}

.product-1 {
    padding: 59px 0 76px;
    background-color: #f5f5f5;
    overflow: hidden
}

.product-1 .col-l {
    width: 25.8%
}

.product-1 .col-r {
    width: 72%
}

.box-item-2 {
    background-color: #fff;
    overflow: hidden
}

.box-item-2+.box-item-2 {
    margin-top: 30px
}

.list-product {
    padding: 3px 0;
    overflow: hidden
}

.list-product li {
    border-top: 1px solid rgba(229, 229, 229, .52)
}

.list-product li:first-child {
    border-top: none
}

.list-product a {
    display: block;
    padding-left: 66px;
    background: url(images/product-1-d.png) 30px center no-repeat;
    color: #333;
    line-height: 50px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -moz-transition: .3s;
    -ms-transition: .3s;
    transition: .3s
}

.list-product a:hover,
.list-product li.on a {
    color: #fff;
    background-color: rgba(16, 37, 104, .71)
}

.list-contact-2 {
    padding: 0 38px 10px;
    overflow: hidden
}

.list-contact-2 li {
    padding: 10px 4px 8px;
    border-top: 1px solid #e1e1e1;
    background-position: left 14px
}

.list-contact-2 li:first-child {
    border-top: none
}

.list-contact-2 h4 {
    font-size: 14px;
    color: #333;
    line-height: 1.4;
    margin-bottom: 4px
}

.list-contact-2 p {
    font-size: 16px;
    color: #666;
    line-height: 22px
}

.list-contact-2 .addr p {
    font-size: 14px
}

.hot-line {
    display: block;
    padding: 13px 10px 16px 40px;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    font-size: 0
}

.hot-line .txt,
.hot-line i {
    display: inline-block;
    vertical-align: middle
}

.hot-line i {
    width: 45px;
    height: 45px;
    background: url(images/tel-3-d.png) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.hot-line .txt {
    text-align: left;
    max-width: 70%
}

.hot-line .txt h4 {
    font-size: 14px;
    color: #666;
    line-height: 1.4;
    font-weight: 400;
    margin-bottom: 2px
}

.hot-line .txt p {
    font-size: 22px;
    color: #102568;
    line-height: 1.4;
    font-weight: 700
}

.product-con {
    overflow: hidden
}

.list-product-2 {
    padding-bottom: 85px;
    margin: 3px -10px -19px
}

.list-product-2:after {
    display: block;
    width: 100%
}

.list-product-2 li {
    float: left;
    width: 33.32%;
    margin-bottom: 19px
}

.list-product-2 .con {
    margin: 0 10px;
    background-color: #fff;
    overflow: hidden;
    padding: 10px 0 0;
    position: relative;
    top: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.list-product-2 .con:hover {
    top: -3px;
    box-shadow: 0 1px 10px 0 rgba(20, 29, 37, .09)
}

.list-product-2 .pic {
    padding-top: 100%;
    position: relative;
    overflow: hidden
}

.list-product-2 .pic img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -moz-transition: .3s;
    -ms-transition: .3s;
    transition: .3s
}

.list-product-2 h4 {
    font-weight: lighter;
    font-size: 16px;
    color: #666;
    text-align: center;
    line-height: 56px;
    padding: 0 10px;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.list-product-2 h4:after,
.list-product-2 h4:before {
    position: absolute;
    left: 50%;
    content: ''
}

.list-product-2 h4:before {
    top: 0;
    width: 200px;
    height: 1px;
    margin-left: -100px;
    background: url(images/product-line-d.png) center center no-repeat;
    -webkit-background-size: auto 100%;
    background-size: auto 100%
}

.list-product-2 h4:after {
    bottom: 0;
    width: 0;
    height: 3px;
    background-color: #102568;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.detail-txt .online,
.hot-so .link a {
    -webkit-transition: .3s;
    -o-transition: .3s
}

.list-product-2 .con:hover .pic img {
    -webkit-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05)
}

.list-product-2 .con:hover h4 {
    color: #3d85ef
}

.list-product-2 .con:hover h4:after {
    width: 100%
}

.list-tabs-2 {
    overflow: hidden
}

.list-tabs-2 li {
    float: left;
    font-size: 24px;
    color: #4c4c4c
}

.list-tabs-2 a {
    color: #4c4c4c;
    line-height: 42px;
    font-weight: 700
}

.list-tabs-2 i {
    padding: 0 20px;
    font-weight: 700
}

.list-tabs-2 li.on a {
    color: #102568
}

.tabs-con-2 {
    height: 0;
    visibility: hidden;
    overflow: hidden
}

.tabs-con-2.show {
    height: auto;
    visibility: visible
}

.m-location.location_2 {
    height: auto;
    padding: 19px 0 21px;
    border: 1px solid #eee;
    background-color: #fff
}

.hot-so .so,
.hot-so .so .btn,
.hot-so .so .inp {
    height: 40px;
    line-height: 40px
}

.m-location.location_2 .cur {
    float: left;
    line-height: 40px
}

.hot-so {
    overflow: hidden
}

.hot-so .so {
    float: right;
    margin-left: 36px;
    width: 320px;
    border-radius: 20px;
    background-color: #eee;
    padding-right: 44px;
    position: relative
}

.hot-so .so input {
    outline: 0;
    border: none
}

.hot-so .so .inp {
    width: 100%;
    padding: 0 14px;
    font-size: 14px;
    color: #333;
    background-color: transparent;
    outline: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent
}

.hot-so .so .btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    background: url(images/hot-so-1-d.png) center center no-repeat
}

.progress-1,
.slick-nav .slick-arrow {
    -webkit-background-size: cover;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center
}

.hot-so .link {
    font-size: 14px;
    line-height: 40px;
    text-align: right;
    overflow: hidden
}

.hot-so .link span {
    color: #333;
    font-weight: 700
}

.hot-so .link a {
    color: #666;
    margin-right: 8px;
    transition: .3s
}

.hot-so .link a:hover {
    color: #3d87f5
}

.product-info {
    margin-bottom: 58px;
    overflow: hidden
}

.product-detail-con>.col-l {
    position: static;
    width: 50.2%
}

.product-detail-con>.col-r {
    float: right;
    width: 43%
}

.slick-for {
    margin-bottom: 30px;
    overflow: hidden
}

.slick-for .pic {
    padding-top: 100%;
    position: relative;
    overflow: hidden
}

.slick-for .pic img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.slick-nav {
    padding: 0 36px;
    overflow: hidden
}

.slick-nav .pic {
    margin: 0 1px;
    border: 1px solid transparent;
    padding-top: 95%;
    position: relative;
    cursor: pointer;
    overflow: hidden
}

.slick-nav .pic img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.slick-nav .slick-current .pic {
    border-color: #102568
}

.slick-nav .slick-arrow {
    position: absolute;
    top: 50%;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    background-size: cover;
    background-color: transparent;
    outline: 0;
    border: none;
    text-indent: -999px
}

.slick-nav .slick-prev {
    left: 0;
    background-image: url(images/detail-prev-2-d.png)
}

.slick-nav .slick-next {
    right: 0;
    background-image: url(images/detail-next-2-d.png)
}

.detail-txt {
    overflow: hidden
}

.detail-txt .tit {
    font-size: 28px;
    color: #333;
    line-height: 1.4;
    font-weight: 700;
    padding-bottom: 23px;
    border-bottom: 1px dashed #c9c9c9;
    margin-bottom: 29px
}

.detail-txt .txt {
    font-size: 14px;
    color: #666;
    line-height: 38px;
    margin: 0 0 48px -76px;
    overflow: hidden
}

.detail-txt .txt p {
    float: left;
    width: 50%;
    padding-left: 76px
}

.detail-txt .txt p span {
    color: #333
}

.detail-txt .state {
    margin-bottom: 55px;
    overflow: hidden
}

.detail-txt .state span {
    float: left;
    font-size: 14px;
    color: #333;
    line-height: 27px
}

.detail-txt .state .right {
    margin-bottom: -5px;
    overflow: hidden
}

.detail-txt .state em {
    float: left;
    margin-bottom: 5px;
    min-width: 69px;
    font-size: 13px;
    line-height: 25px;
    color: #ff5f66;
    border: 1px solid #ff545b;
    border-radius: 3px;
    text-align: center;
    padding: 0 6px;
    font-weight: 700;
    background-color: #fff;
    margin-right: 7px
}

.detail-txt .online {
    display: block;
    width: 180px;
    height: 47px;
    line-height: 47px;
    background-color: #102568;
    border-radius: 23px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    margin-bottom: 31px;
    transition: .3s
}

.detail-txt .online:hover {
    opacity: .8;
    filter: alpha(opacity=80)
}

.detail-txt .share {
    overflow: hidden
}

.detail-txt .share span {
    float: left;
    font-size: 14px;
    color: #333;
    line-height: 30px;
    margin-right: 4px
}

.detail-txt .share .btn {
    overflow: hidden
}

.product-detail {
    padding-bottom: 48px;
    background-color: #fff;
    overflow: hidden
}

.form-product .btn .send,
.list-tabs-3 li.on a:after {
    background-color: #102568
}

.list-tabs-3 {
    border-bottom: 1px solid #dcdcdc;
    font-size: 0;
    text-align: center
}

.list-tabs-3 li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px
}

.list-tabs-3 a {
    display: block;
    font-size: 18px;
    color: #666;
    line-height: 28px;
    padding: 20px 4px;
    font-weight: 700;
    position: relative;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.list-tabs-3 a:hover,
.list-tabs-3 li.on a {
    color: #102568
}

.list-tabs-3 a:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    right: 0;
    height: 2px
}

.tabs-con-3 {
    height: 0;
    visibility: hidden;
    overflow: hidden
}

.tabs-con-3.show {
    height: auto;
    visibility: visible
}

.form-product .item2:after,
.form-product .item:after {
    content: '';
    clear: both;
    visibility: hidden
}

.detail-txt-2 {
    padding: 28px 30px;
    font-size: 14px;
    color: #666;
    line-height: 36px;
    overflow: hidden
}

.detail-txt-2 h4 {
    color: #102568;
    font-weight: 400
}

.detail-page {
    padding: 0 28px;
    overflow: hidden
}

.detail-page a {
    width: 48%;
    font-size: 16px;
    color: #333;
    line-height: 34px;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.detail-page .prev {
    float: left
}

.detail-page .next {
    float: right;
    text-align: right
}

.detail-page a:hover {
    color: #102568
}

.form-product {
    padding: 66px 76px 66px 16px;
    overflow: hidden
}

.form-product .tips {
    font-size: 14px;
    color: #ec1d26;
    text-align: center;
    line-height: 1.4;
    margin-bottom: 61px
}

.form-product .tips span {
    color: #666
}

.form-product .item {
    float: left;
    width: 50%;
    margin-bottom: 30px;
    position: relative
}

.form-product .item:after {
    display: block;
    width: 100%;
    height: 0
}

.form-product .sp1 {
    float: left;
    font-size: 16px;
    color: #333;
    line-height: 46px;
    min-width: 116px;
    text-align: right
}

.form-product .inp,
.form-product .tar {
    display: block;
    font-size: 14px;
    color: #333
}

.form-product .right {
    overflow: hidden
}

.form-product input {
    outline: 0;
    border: none
}

.form-product .inp {
    width: 100%;
    height: 46px;
    line-height: 44px;
    border: 1px solid #e5e5e5;
    padding: 0 10px;
    outline: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent
}

.form-product .item i {
    position: absolute;
    left: 101%;
    top: 50%;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    background: url(images/form-product-1-d.png) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    outline: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent
}

.form-product .item2 {
    clear: both
}

.form-product .item2:after {
    display: block;
    width: 100%;
    height: 0
}

.form-product .tar {
    width: 100%;
    height: 190px;
    border: 1px solid #e5e5e5;
    resize: none;
    margin-bottom: 30px;
    padding: 6px 10px
}

.form-product .btn {
    overflow: hidden
}

.form-product .btn input {
    width: 300px;
    height: 46px;
    line-height: 46px;
    font-size: 16px;
    text-align: center;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.list-serv .inner,
.list-serv .pic {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s
}

.form-product .btn .reset {
    float: left;
    background-color: #e5e5e5;
    color: #333
}

.form-product .btn .send {
    float: right;
    color: #fff
}

.form-product .btn input:hover {
    opacity: .8;
    filter: alpha(opacity=80)
}

.doning-1 {
    padding: 72px 0 92px;
    overflow: hidden
}

.list-serv {
    overflow: hidden;
    margin: 0 -43px
}

.list-serv li {
    position: relative;
    float: left;
    width: 25%
}

.list-serv .inner {
    margin: 0 43px;
    padding: 28px 37px;
    border: 1px solid #e9e9e9;
    transition: all .3s
}

.list-serv .pic {
    position: relative;
    margin: 0 auto 26px;
    width: 130px;
    height: 130px;
    line-height: 128px;
    text-align: center;
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    font-size: 0;
    transition: all .3s
}

.list-serv .pic img,
.slick-z1 .item,
.slick-z1 .slick-arrow {
    -webkit-transition: all .3s;
    -moz-transition: all .3s
}

.list-serv .pic img {
    display: inline-block;
    vertical-align: middle;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.list-serv .txt {
    text-align: center
}

.list-serv .txt h4 {
    font-size: 18px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 17px
}

.list-serv .txt p {
    font-size: 16px;
    line-height: 28px;
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    height: 84px
}

.list-serv .inner:hover,
.list-serv .inner:hover .pic {
    border-color: #102568
}

.list-serv .inner:hover .pic img {
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    transform: rotateY(360deg)
}

.progress-1 {
    padding: 78px 0 90px;
    background-size: cover
}

.progress-1 .tit-g8 {
    margin-bottom: 85px
}

.progress-1 .tit-g8 h3 {
    color: #fff
}

.progress-1 .tit-g8 p {
    color: #fff;
    padding-bottom: 31px
}

.progress-1 .tit-g8 p:after {
    height: 2px;
    background-color: #fff
}

.list-progress:after,
.list-qs .tit:after {
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    content: ''
}

.list-progress {
    margin: 0 -30px
}

.list-progress:after {
    width: 100%
}

.list-progress li {
    float: left;
    width: 11.11%;
    text-align: center;
    position: relative
}

.list-progress li:before {
    content: '';
    position: absolute;
    left: -1000px;
    top: 9px;
    right: -1000px;
    height: 2px;
    background-color: #fff
}

.list-progress .icon {
    display: block;
    width: 20px;
    height: 20px;
    border: 2px solid #fbfbfc;
    border-radius: 50%;
    margin: 0 auto 6px;
    background-color: #a60800;
    position: relative;
    z-index: 2
}

.list-progress .num {
    display: block;
    font-size: 28px;
    line-height: 1.4;
    color: #fff;
    font-family: Arial;
    margin-bottom: 4px;
    position: relative;
    z-index: 2
}

.list-progress p {
    font-size: 18px;
    color: #fff;
    line-height: 1.4;
    position: relative;
    z-index: 2
}

.qs-1 {
    padding: 84px 0 71px;
    overflow: hidden
}

.qs-1 .tit-g8 {
    margin-bottom: 61px
}

.list-qs {
    overflow: hidden
}

.list-qs li {
    float: left;
    width: 50%;
    margin-top: -1px
}

.list-qs .con {
    margin: 0 37px;
    padding: 24px 0;
    border-top: 1px dashed rgba(0, 0, 0, .14)
}

.list-qs .tit {
    margin-bottom: 16px
}

.list-qs .tit:after {
    width: 100%
}

.list-qs em {
    float: left;
    margin-right: 16px;
    min-width: 25px;
    text-align: center;
    line-height: 25px;
    font-size: 14px;
    color: #fff;
    position: relative
}

.list-qs em:after {
    content: '';
    position: absolute;
    right: 0;
    top: 100%;
    width: 9px;
    height: 6px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover
}

.list-solution .box-txt,
.list-solution .inner {
    position: relative;
    overflow: hidden
}

.list-qs .tit em {
    background-color: #102568
}

.list-qs .tit em:after {
    background-image: url(images/qs-1-d.png)
}

.list-qs .tit h4 {
    font-size: 16px;
    color: #333;
    line-height: 1.4;
    font-weight: 400;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.list-qs .desc:after {
    content: '';
    display: block;
    clear: both;
    width: 100%;
    height: 0;
    visibility: hidden
}

.list-qs .desc em {
    background-color: #c91209
}

.list-qs .desc em:after {
    background-image: url(images/qs-2-d.png)
}

.list-qs .desc .txt {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    max-height: 48px;
    overflow: hidden
}

.list-qs .con:hover .tit h4 {
    color: #102568
}

.list-solution {
    margin-top: 5px;
    overflow: hidden
}

.list-solution li {
    overflow: hidden
}

.list-solution .pic {
    float: right;
    width: 50%;
    overflow: hidden
}

.list-solution .inner {
    padding-top: 48.1%
}

.list-solution .pic img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.list-solution .pic .mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(16, 37, 104, .7);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.list-solution .pic .more {
    font-size: 24px;
    color: #fff;
    padding-right: 60px;
    background: url(images/solution-link-d.png) right center no-repeat;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.list-solution .txt {
    position: absolute;
    right: 22.6%;
    top: 25.4%;
    width: 45.4%
}

.list-solution .txt h4 {
    font-size: 36px;
    color: #102568;
    font-weight: 400;
    margin-bottom: 38px;
    padding-bottom: 31px;
    position: relative
}

.list-solution .txt h4:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 78px;
    height: 2px;
    background-color: #102568
}

.list-solution .txt p {
    font-size: 14px;
    color: #666;
    line-height: 26px;
    margin-bottom: 27px
}

.list-solution .txt .more {
    display: inline-block;
    font-size: 16px;
    color: #333;
    line-height: 34px;
    padding-right: 40px;
    background: url(images/solution-more-d.png) right center no-repeat;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.list-solution li:nth-child(even) .pic {
    float: left
}

.list-solution li:nth-child(even) .txt {
    left: 15%;
    right: auto
}

.list-solution li:hover .txt .more {
    color: #102568;
    background-image: url(images/solution-more-on-d.png)
}

.list-solution li:hover .mask {
    opacity: 1;
    filter: alpha(opacity=100)
}

.solution_detail-1 {
    padding: 60px 0 87px;
    overflow: hidden
}

.solution_detail-1 .wp {
    padding: 24px 56px 42px;
    height: 100%;
    background-color: #fff
}

.solution_detail-1 h1 {
    background: url(images/line1.jpg) center bottom repeat-x;
    padding: 34px 0;
    text-align: center;
    font-size: 36px;
    color: #102568;
    line-height: 1.4;
    font-weight: 400
}

.ind-row2,
.solution-ad-1 {
    -webkit-background-size: cover
}

.solution_detail-1 .con {
    font-size: 14px;
    color: #666;
    line-height: 26px;
    padding: 44px 28px;
    overflow: hidden
}

.solution_detail-1 .con img {
    display: block;
    margin: 48px auto 0
}

.solution-ad-1 {
    padding: 70px 0 56px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.solution-ad-1 h3 {
    text-align: center;
    font-size: 30px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 29px
}

.solution-ad-1 h3 em {
    font-weight: 400;
    padding: 0 13px
}

.solution-ad-1 .link {
    width: 598px;
    height: 60px;
    margin: 0 auto;
    border: 1px solid #fff;
    overflow: hidden
}

.solution-ad-1 .link .online {
    float: right;
    width: 250px;
    height: 58px;
    line-height: 58px;
    background-color: #fff;
    font-size: 22px;
    color: #102568;
    font-weight: 700;
    text-align: center;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.slick-z1 .item,
.slick-z1 .slick-arrow {
    -ms-transition: all .3s;
    -o-transition: all .3s
}

.solution-ad-1 .link .online:hover {
    opacity: .8;
    filter: alpha(opacity=80)
}

.solution-ad-1 .link .tel {
    display: block;
    overflow: hidden;
    font-size: 30px;
    color: #fff;
    font-family: Arial;
    font-weight: 700;
    line-height: 58px;
    text-align: center;
    letter-spacing: 3.4px
}

.solution-ad-1 .link .tel i {
    display: inline-block;
    vertical-align: middle;
    margin: -2px 14px 0 0;
    width: 34px;
    height: 34px;
    background: url(images/solution-tel-d.png) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.solution-case-1 {
    padding: 88px 0 78px
}

.solution-case-1 .list-case {
    padding-bottom: 0;
    margin-bottom: 0
}

.solution-case-1 .list-case .txt {
    background-color: #fff
}

.solution-case-1 .slick-z3 .slick-arrow,
.solution-case-1 .slick-z5 .slick-arrow {
    width: 50px;
    height: 100px;
    background-color: rgba(27, 27, 27, .3);
    margin-top: -50px
}

.solution-case-1 .slick-z3 .slick-prev,
.solution-case-1 .slick-z5 .slick-prev {
    background-image: url(images/case-prev-d.png);
    left: -60px
}

.solution-case-1 .slick-z3 .slick-next,
.solution-case-1 .slick-z5 .slick-next {
    background-image: url(images/case-next-d.png);
    right: -60px
}

.solution-case-1 .slick-z3 .slick-next:hover,
.solution-case-1 .slick-z3 .slick-prev:hover,
.solution-case-1 .slick-z5 .slick-next:hover,
.solution-case-1 .slick-z5 .slick-prev:hover {
    background: center center no-repeat #102568
}

.solution-case-1 .slick-z3 .slick-prev:hover,
.solution-case-1 .slick-z5 .slick-prev:hover {
    background-image: url(images/case-prev-d.png)
}

.solution-case-1 .slick-z3 .slick-next:hover,
.solution-case-1 .slick-z5 .slick-next:hover {
    background-image: url(images/case-next-d.png)
}

.hot-search {
    background-color: #fff;
    line-height: 54px;
    font-size: 16px
}

.hot-search .search {
    float: right;
    position: relative;
    padding-right: 44px;
    width: 352px;
    margin-left: 20px
}

.hot-search .search .inp {
    font-weight: lighter;
    font-size: 14px;
    line-height: 24px;
    height: 24px;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
    background-color: transparent;
    padding: 0 5px;
    width: 100%
}

.slick-z1 .pic,
.slick-z1sj .pic {
    line-height: 320px;
    text-align: center
}

.hot-search .search .btn {
    position: absolute;
    top: 5px;
    right: 0;
    width: 36px;
    height: 36px;
    background: url(images/ico_search.png) center center no-repeat #102568;
    border: none;
    border-radius: 50%
}

.ind-row1 {
    padding: 90px 0px 60px 0px;
    /* max-width: 1510px;
    margin: 0px auto; */
}

.advertising {
    width: 100%;
    height: 800px;
}

.advertising img {
    width: 100%;
    height: 100%;
}

.ind-row1 .solution .title {
    text-align: center;
}

.ind-row1 .solution .title .name {
    font-size: 42px;
    color: #ff8400;
}

.ind-row1 .solution .title .Englist {
    font-size: 16px;
    color: #a1a1a1;
    margin: 14px 0px 20px 0px;
}

.ind-row1 .solution .title .desc {
    font-size: 16px;
    color: #343434;
}

.ind-row1 .product .title {
    text-align: center;
    margin-bottom: 30px;
}

.ind-row1 .product .title .name {
    font-size: 42px;
    color: #ff8400;
}

.ind-row1 .product .title .Englist {
    font-size: 16px;
    color: #a1a1a1;
    margin: 14px 0px 20px 0px;
}

.ind-row1 .product .title .desc {
    font-size: 16px;
    color: #343434;
}

.ind-row2 {
    max-width: 1100px;
    margin: 120px auto 0px auto;
}

.ind-row2 .title {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ind-row2 .title .name {
    font-size: 56px;
    color: #4b4b4b;
}

.ind-row2 .title .more {
    text-align: center;
    display: block;
    font-size: 16px;
    color: #ff8400;
    border: 1px solid #ff8400;
    width: 110px;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    margin-top: 30px;
}

.ind-row2 .title .more:hover {
    color: white;
    background-color: #ff8400;
}

.hot-search .hot {
    overflow: hidden
}

.hot-search .hot dt {
    float: left;
    color: #222
}

.hot-search .hot dd {
    overflow: hidden
}

.hot-search .hot a {
    margin-right: 15px;
    color: #666
}

.hot-search .hot a:hover {
    color: #102568
}

.ind-row1 {
    display: block
}

.ind-row1sj {
    display: none
}

.slick-z1 .slick-list,
.slick-z11 .slick-list {
    padding: 0
}

.slick-z1 {
    margin: 57px -13px 0
}

.slick-z1 .item {
    position: relative;
    display: block;
    margin: 0 13px;
    transition: all .3s
}

.slick-z1 .pic {
    height: 320px;
    font-size: 0;
    background-color: #000;
    margin-bottom: 2%;
    overflow: hidden;
    position: relative
}

.slick-z1 .pic img {
    height: 100%;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    transition: all .3s
}

.slick-z1 .slick-arrow,
.slick-z1sj .slick-arrow {
    width: 15px;
    background-repeat: no-repeat;
    background-position: center
}

.slick-z1 p,
.slick-z1sj p {
    line-height: 36px;
    display: table;
    font-weight: 700;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis
}

.slick-z1 p {
    white-space: nowrap;
    text-align: center;
    font-size: 20px;
    border-bottom: 2px solid #656667;
    margin: 0 auto
}

.slick-z1 .h2 {
    white-space: nowrap;
    text-align: center;
    border: 1px solid #ff8400;
    color: #ff8400;
    padding: 0px 20px;
    font-size: 18px;
    margin: 40px auto;
    font-weight: normal;
    border-radius: 4px;
}

.slick-z1 .h2:hover {
    color: white;
    background-color: #ff8400;
}

.slick-z1 .txt {
    padding: 0 10%;
    text-align: center;
    line-height: 27px;
    overflow: hidden
}

.slick-z1 .more {
    text-align: center;
    margin: 0 auto;
    font-weight: 700;
    font-size: 16px
}

.slick-z1 .item img:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 10px 0 rgba(141, 212, 180, .35)
}

.slick-z11 .item img:hover,
.slick-z1sj .item img:hover {
    -webkit-transform: scale(1.05);
    box-shadow: 0 2px 10px 0 rgba(141, 212, 180, .35)
}

.slick-z1 .slick-arrow {
    position: absolute;
    top: 50%;
    margin-top: -18px;
    height: 37px;
    font-size: 0;
    border: 0;
    background-color: transparent;
    z-index: 2;
    transition: all .3s
}

.slick-z1sj .item,
.slick-z1sj .slick-arrow {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s
}

.slick-z1 .slick-prev {
    left: -29px;
    background-image: url(images/z-prev1.png)
}

.slick-z1 .slick-next {
    right: -29px;
    background-image: url(images/z-next1.png)
}

.slick-z1 .slick-prev:hover {
    background-image: url(images/z-prev1-on.png)
}

.slick-z1 .slick-next:hover {
    background-image: url(images/z-next1-on.png)
}

.slick-z1sj {
    margin: 50px -13px 0
}

.slick-z1sj .slick-list {
    padding: 15px 0
}

.slick-z1sj .item {
    position: relative;
    display: block;
    margin: 0 13px;
    border: 1px solid #f2f2f2;
    transition: all .3s
}

.slick-z1sj .pic {
    height: 320px;
    font-size: 0;
    background-color: #000;
    margin-bottom: 2%;
    overflow: hidden;
    position: relative
}

.slick-z1sj .pic img {
    display: inline-block;
    vertical-align: middle;
    transition: all .3s
}

.slick-z1sj p {
    white-space: nowrap;
    text-align: center;
    font-size: 20px;
    border-bottom: 2px solid #656667;
    margin: 0 auto
}

.slick-z1sj .txt {
    padding: 0 10%;
    text-align: center;
    margin-bottom: 1%;
    margin-top: 3%
}

.slick-z1sj .more {
    text-align: center;
    margin: 0 auto;
    font-weight: 700;
    font-size: 16px
}

.slick-z1sj .item img:hover {
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.slick-z1sj .slick-arrow {
    position: absolute;
    top: 50%;
    margin-top: -18px;
    height: 37px;
    font-size: 0;
    border: 0;
    background-color: transparent;
    z-index: 2;
    transition: all .3s
}

.slick-z11 .item,
.slick-z11 .slick-arrow {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s
}

.slick-z1sj .slick-prev {
    left: -29px;
    background-image: url(images/z-prev1.png)
}

.slick-z1sj .slick-next {
    right: -29px;
    background-image: url(images/z-next1.png)
}

.slick-z1sj .slick-prev:hover {
    background-image: url(images/z-prev1-on.png)
}

.slick-z1sj .slick-next:hover {
    background-image: url(images/z-next1-on.png)
}


.slick-z11 {
    margin: 57px -13px 0
}

.slick-z11 .item {
    float: left;
    width: 32%;
    background-color: #fff;
    overflow: hidden;
    margin: 0 1.33% 1.33% 0;
    position: relative;
    display: block;
    border: 1px solid #f2f2f2;
    transition: all .3s
}

.slick-z11 .pic {
    height: 218px;
    line-height: 218px;
    font-size: 0;
    text-align: center;
    background-color: #000;
    margin-bottom: 2%;
    overflow: hidden
}

.slick-z11 .pic img {
    display: inline-block;
    vertical-align: middle;
    transition: all .3s
}

.slick-z11 .img_ico {
    width: 48px;
    height: 48px;
    position: absolute;
    top: 25%;
    left: 45%;
    z-index: 10000;
    background: url(images/anniu.png)
}

.ind-row2,
.slick-z11 .slick-arrow,
.slick-z22 .slick-arrow {
    background-repeat: no-repeat;
    background-position: center
}

.slick-z11 p {
    line-height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    font-size: 20px;
    color: #000;
    font-weight: 700;
    display: table;
    margin: 0 auto
}

.slick-z11 .txt {
    padding: 0 10%;
    text-align: center;
    margin-bottom: 2%;
    margin-top: 2%;
    height: 65px;
    overflow: hidden
}

.slick-z11 .more {
    text-align: center;
    margin: 0 auto;
    font-weight: 700;
    font-size: 16px
}

.slick-z11 .item img:hover {
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.m-news .pic:hover img,
.slick-z22 .item img:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05)
}

.slick-z11 .slick-arrow {
    position: absolute;
    top: 50%;
    margin-top: -18px;
    width: 15px;
    height: 37px;
    font-size: 0;
    border: 0;
    background-color: transparent;
    z-index: 2;
    transition: all .3s
}

.slick-z22 .item,
.slick-z22 .slick-arrow {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s
}

.slick-z11 .slick-prev {
    left: -29px;
    background-image: url(images/z-prev1.png)
}

.slick-z11 .slick-next {
    right: -29px;
    background-image: url(images/z-next1.png)
}

.slick-z11 .slick-prev:hover {
    background-image: url(images/z-prev1-on.png)
}

.slick-z11 .slick-next:hover {
    background-image: url(images/z-next1-on.png)
}

.slick-z22 {
    margin: 57px -13px 0
}

.slick-z22 .slick-list {
    padding: 15px 0
}

.slick-z22 .item {
    float: left;
    width: 32%;
    background-color: #fff;
    margin: 0 1.33% 1.33% 0;
    position: relative;
    display: block;
    border: 1px solid #f2f2f2;
    transition: all .3s
}

.slick-z22 .pic {
    height: 518px;
    line-height: 518px;
    font-size: 0;
    text-align: center;
    margin-bottom: 0
}

.slick-z22 .more,
.slick-z22 p {
    font-size: 16px;
    font-weight: 700;
    text-align: center
}

.slick-z22 .pic img {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    max-height: 100%;
    transition: all .3s
}

.slick-z22 p {
    padding: 0 10%;
    line-height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000;
    margin: 0 auto
}

.slick-z22 .txt {
    padding: 0 10%;
    margin-bottom: 2%;
    margin-top: 2%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center
}

.slick-z22 .more {
    margin: 0 auto
}

.slick-z22 .item img:hover {
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    box-shadow: 0 2px 10px 0 rgba(141, 212, 180, .35)
}

.slick-z22 .slick-arrow {
    position: absolute;
    top: 50%;
    margin-top: -18px;
    width: 15px;
    height: 37px;
    font-size: 0;
    border: 0;
    background-color: transparent;
    z-index: 2;
    transition: all .3s
}

.ul-adv .pic:after,
.z-more {
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s
}

.slick-z22 .slick-prev {
    left: -29px;
    background-image: url(images/z-prev1.png)
}

.slick-z22 .slick-next {
    right: -29px;
    background-image: url(images/z-next1.png)
}

.slick-z22 .slick-prev:hover {
    background-image: url(images/z-prev1-on.png)
}

.slick-z22 .slick-next:hover {
    background-image: url(images/z-next1-on.png)
}

.z-more {
    display: block;
    margin: 0 auto;
    width: 160px;
    height: 46px;
    background-color: #de7c18;
    line-height: 44px;
    text-align: center;
    border: 1px solid #aaa;
    border-radius: 23px;
    color: #868686;
    transition: all .3s
}

.z-more2,
.z-more3 {
    border-color: #de7c18
}

.z-more2 {
    margin: 46px 0 0;
    color: #fff
}

.z-more2 img {
    margin-left: 5px
}

.z-more3 {
    margin: 0 auto;
    color: #fff
}

.z-more3 img {
    margin-left: 5px
}

.z-more:hover {
    background-color: #de9932;
    border-color: #de9932;
    color: #fff
}

.slick-z2 {
    position: relative;
    background-color: #fff
}

.slick-z2:after {
    content: '';
    position: absolute;
    right: 94px;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #eaeaea
}

.slick-z2 .item {
    overflow: hidden;
    padding: 14px 205px 14px 14px
}

.slick-z2 .l {
    width: 560px;
    margin-right: 50px
}

.slick-z2 .r {
    float: none;
    overflow: hidden;
    padding: 98px 0 0
}

.slick-z2 .video:after {
    display: none
}

.slick-z2 h4 {
    font-weight: 400;
    font-size: 30px;
    color: #102568;
    margin-bottom: 14px
}

.slick-z2 .info,
.slick-z2 p {
    color: #666;
    font-weight: lighter
}

.slick-z2 .info {
    padding: 0 0 15px;
    border-bottom: 1px solid #d2d2d2;
    margin-bottom: 38px
}

.slick-z2 .info span+span {
    margin-left: 20px
}

.slick-z2 p {
    font-size: 16px;
    line-height: 30px
}

.slick-z2 .video {
    padding-top: 97%
}

.slick-z2 .slick-dots {
    position: absolute;
    top: 54px;
    right: 22px
}

.slick-z2 .more,
.slick-z2 .slick-dots li {
    font-family: Arial;
    font-size: 16px;
    text-align: center;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background-color: #313131;
    color: #eff;
    border-radius: 50%;
    cursor: pointer;
    margin-bottom: 53px
}

.slick-z2 .more:hover,
.slick-z2 .slick-dots li.slick-active {
    background-color: #102568
}

.slick-z2 .more {
    position: absolute;
    right: 22px;
    bottom: 55px;
    margin-bottom: 0;
    font-size: 26px;
    color: #fff
}

.slick-z2 .more:hover {
    color: #fff
}

.ind-row4,
.ind-row6 {
    -webkit-background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.ind-row3 {
    padding: 0;
    background-color: #f4f4f4
}

.ul-adv {
    overflow: hidden
}

.ul-adv li {
    position: relative;
    float: left;
    width: 25%
}

.ul-adv li+li:after {
    content: '';
    position: absolute;
    top: 28px;
    bottom: 48px;
    width: 1px;
    background-color: #e5e5e5
}

.ul-adv .inner {
    margin: 0 40px
}

.ul-adv .pic {
    position: relative;
    margin: 0 auto 30px;
    width: 146px;
    height: 146px;
    line-height: 146px;
    text-align: center;
    background-color: #102568;
    border-radius: 50%;
    font-size: 0
}

.ul-adv .pic:after {
    content: '';
    position: absolute;
    top: -9px;
    right: -9px;
    bottom: -9px;
    left: -9px;
    border: 2px dashed #102568;
    border-radius: 50%;
    transition: all .3s
}

.slick-z3 .slick-arrow,
.slick-z5 .slick-arrow,
.ul-adv .pic img {
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s
}

.ul-adv .pic img {
    display: inline-block;
    vertical-align: middle;
    -moz-transition: all .3s;
    transition: all .3s
}

.ul-adv .inner:hover .pic img {
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    transform: rotateY(360deg)
}

.ul-adv .txt {
    text-align: center
}

.ul-adv .txt h4 {
    font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 10px
}

.ul-adv .txt p {
    line-height: 24px;
    color: #888;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    height: 120px
}

.ind-row4 {
    max-width: 1400px;
    margin: auto;
    padding-bottom: 70px;

}

.ind-row4 .title {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ind-row4 .title .name {
    font-size: 56px;
    color: #4b4b4b;
}






.ind-row5 {
    padding: 0 0 72px;
    background-color: #f5f5f5;
    display: block
}

.slick-z3 {
    overflow: visible !important
}

.slick-z3 .slick-arrow,
.slick-z5 .slick-arrow {
    position: absolute;
    top: 50%;
    margin-top: -22px;
    width: 17px;
    height: 43px;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0;
    border: 0;
    background-color: transparent;
    z-index: 2;
    -moz-transition: all .3s;
    transition: all .3s
}

.slick-z4 .slick-arrow,
.slick-z4 .txt {
    -ms-transition: all .3s;
    -o-transition: all .3s
}

.slick-z3 .slick-prev,
.slick-z5 .slick-prev {
    left: -50px;
    background-image: url(images/z-prev3.png)
}

.slick-z3 .slick-next,
.slick-z5 .slick-next {
    right: -50px;
    background-image: url(images/z-next3.png)
}

.slick-z3 .slick-prev:hover,
.slick-z5 .slick-prev:hover {
    background-image: url(images/z-prev3-on.png)
}

.slick-z3 .slick-next:hover,
.slick-z5 .slick-next:hover {
    background-image: url(images/z-next3-on.png)
}

.ind-row6 {
    padding: 0 0 100px;
    background-size: cover
}

.slick-z4 {
    margin: 0 -11px
}

.slick-z4 .item {
    position: relative;
    display: block;
    margin: 0 11px;
    padding: 54px 0 0;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover
}

.slick-z4 .item:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(16, 37, 104, .85);
    z-index: 1
}

.slick-z4 .box {
    position: relative;
    z-index: 2
}

.slick-z4 h4 {
    font-weight: lighter;
    font-size: 30px;
    color: #fff;
    text-align: center;
    margin-bottom: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.slick-z4 .txt {
    position: relative;
    padding: 36px 34px 54px;
    background-color: #fff;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.slick-z4 .txt:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -66px;
    width: 132px;
    height: 1px;
    background-color: #fff;
    z-index: 2
}

.slick-z4 .txt p {
    line-height: 26px;
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    height: 78px
}

.slick-z4 .txt .z-more2 {
    margin: 48px auto 0;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -ms-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s
}

.slick-z4 .item:hover .txt {
    background-color: transparent
}

.slick-z4 .item:hover .txt p {
    color: #fff
}

.slick-z4 .item:hover .txt .z-more2 {
    border-color: #fff;
    color: #fff;
    background-color: transparent
}

.slick-z4 .slick-arrow {
    opacity: 0;
    position: absolute;
    top: 155px;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0;
    border: 0;
    background-color: transparent;
    z-index: 2;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.m-news .pic img,
.ul-news .news-item__txt h4 a {
    -moz-transition: all .3s;
    -ms-transition: all .3s
}

.slick-z4:hover .slick-arrow {
    opacity: 1
}

.slick-z4 .slick-prev {
    left: 11px;
    background-image: url(images/z-prev2-on.png)
}

.slick-z4 .slick-next {
    right: 11px;
    background-image: url(images/z-next2-on.png)
}

.slick-z4 .slick-dots {
    text-align: center;
    margin: 40px 0 0
}

.slick-z4 .slick-dots .swiper-pagination-bullet {
    position: relative;
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #fff;
    margin: 2px 12px !important;
    font-size: 0;
    opacity: 1
}

.slick-z4 .slick-dots .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
    content: '';
    position: absolute;
    top: -6px;
    right: -6px;
    bottom: -6px;
    left: -6px;
    border: 1px solid #fff;
    border-radius: 50%
}

.m-news,
.m-news .pic {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px
}

.slick-dots li {
    cursor: pointer
}

.ind-row7 {
    padding: 0 0 57px;
    overflow: hidden;
    background-color: #f4f4f4
}

.ind-row7 .col-l,
.ind-row7 .col-r {
    width: 48.5%
}

.m-news .cont {
    float: left;
    width: 338px;
    margin-right: 55px
}

.m-news .pic {
    padding-top: 52%
}

.m-news .pic img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.m-news .txt p,
.ul-news .news-item__txt p {
    -webkit-line-clamp: 2;
    height: 44px;
    -webkit-box-orient: vertical
}

.ul-news .news-item__txt h4 a,
.ul-problem .problem-item .problem-item__link {
    -o-transition: all .3s;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.m-news .pic:hover img {
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.m-news .txt h4 {
    margin-bottom: 5px;
    font-weight: 400;
    overflow: hidden
}

.m-news .txt h4 a {
    display: block;
    font-size: 18px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left
}

.m-news .txt h4 a:hover {
    color: #102568
}

.m-news .txt .time {
    display: block;
    border-bottom: 1px solid #d2d2d2;
    color: #999;
    padding: 0 0 5px;
    margin-bottom: 16px
}

.m-news .txt p {
    line-height: 22px;
    display: -webkit-box;
    overflow: hidden;
    color: #999;
    margin-bottom: 12px
}

.m-news .txt .more {
    color: #666
}

.m-news .txt .more:hover {
    color: #102568
}

.ul-news {
    overflow: hidden
}

.ul-news li {
    overflow: hidden;
    padding: 26px 0 20px;
    border-top: 1px solid #d2d2d2
}

.ul-news li:first-child {
    border-top: 0;
    padding-top: 16px
}

.ul-news .news-item__time {
    float: left;
    width: 60px;
    color: #666;
    text-align: center;
    margin-right: 20px;
    padding: 3px 0 0
}

.ul-news .news-item__time strong {
    font-weight: 700;
    display: block;
    font-family: Arial;
    font-size: 36px;
    line-height: 1.3;
    margin: 0 auto
}

.ul-news .news-item__txt {
    overflow: hidden;
    padding: 3px 0 0
}

.ul-news .news-item__txt h4 {
    margin-bottom: 7px;
    font-weight: 700;
    overflow: hidden
}

.ul-news .news-item__txt h4 a {
    display: block;
    font-size: 18px;
    -webkit-transition: all .3s;
    transition: all .3s;
    float: left
}

.ul-news .news-item__txt h4 a:hover {
    color: #102568
}

.ul-news .news-item__txt p {
    line-height: 22px;
    color: #999;
    display: -webkit-box;
    overflow: hidden
}

.ul-problem {
    min-height: 510px;
    background-color: #fff
}

.ul-problem .problem-item {
    margin-bottom: 1px;
    border-bottom: 1px solid #e5e5e5
}

.ul-problem .problem-item .problem-item__link {
    display: block;
    position: relative;
    font-size: 16px;
    color: #666;
    line-height: 75px;
    padding: 0 50px 0 48px;
    background: url(images/w-right.png) right 22px center no-repeat #fff;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s
}

.ul-problem .problem-item .problem-item__link:after {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -5px;
    left: 25px;
    width: 9px;
    height: 9px;
    border: 2px solid #b6b6b6;
    border-radius: 50%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pop-video .g-close,
.slick-z5 .item img {
    -webkit-transition: all .3s;
    -moz-transition: all .3s
}

.ul-problem .problem-item .problem-item__link:hover {
    background-color: #102568;
    color: #fff;
    background-image: url(images/w-right-on.png)
}

.ul-problem .problem-item .problem-item__link:hover:after {
    border-color: #fff
}

.ind-row8 {
    padding: 0 0 98px
}

.slick-z5 {
    margin: 0 -12px
}

.slick-z5 .item {
    height: 134px;
    line-height: 132px;
    text-align: center;
    border: 1px solid #dcdcdc;
    font-size: 0;
    margin: 0 12px;
    overflow: hidden
}

.slick-z5 .item img {
    max-width: 80%;
    max-height: 80%;
    display: inline-block;
    vertical-align: middle;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.slick-z5 .item:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.m-pop {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .76);
    z-index: 999
}

.m-pop .box {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 50%;
    margin-left: -375px;
    width: 750px;
    background-color: #fff
}

.m-pop .box video {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #000
}

.pop-order .box {
    padding: 68px 0 0
}

.m-pop .box h3 {
    font-weight: lighter;
    font-size: 40px;
    color: #102568;
    text-align: center
}

.m-pop .box .tip {
    color: #ff2020;
    text-align: center
}

.form-order {
    padding: 65px 0 86px;
    width: 260px;
    margin: 0 auto
}

.form-order .item {
    position: relative;
    margin-bottom: 25px
}

.form-order .item span {
    position: absolute;
    width: 100px;
    left: -100px;
    text-align: right;
    font-size: 16px;
    line-height: 40px;
    padding-right: 8px
}

.form-order .item .inp,
.form-order .submit,
.form-order2 .item .inp,
.form-order2 .item .submit {
    line-height: 38px;
    display: block;
    -webkit-tap-highlight-color: transparent;
    outline: 0;
    -webkit-appearance: none
}

.form-order .item .inp {
    height: 40px;
    width: 100%;
    border: 1px solid #aaa;
    padding: 0 10px;
    border-radius: 0
}

.form-order .submit {
    font-size: 16px;
    color: #fff;
    height: 40px;
    width: 100%;
    background-color: #102568;
    border-radius: 0;
    border: 0
}

.g-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 70px;
    height: 70px;
    background: url(images/icon-close.png) center no-repeat;
    border-radius: 50%;
    z-index: 1000;
    cursor: pointer
}

.pop-video .g-close {
    position: absolute;
    right: -32px;
    top: -32px;
    width: 32px;
    height: 32px;
    background: url(images/pop-colse-d.png) center center no-repeat;
    -webkit-background-size: 24px auto;
    background-size: 24px auto;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pop-video .g-close:hover {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.z-order {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .9);
    z-index: 999
}

.js-order.hide {
    z-index: -100;
    height: 0;
    visibility: hidden
}

.z-order .wp {
    position: relative;
    height: 100%;
    padding: 33px 0 12px
}

.z-order .close {
    position: absolute;
    top: 15px;
    right: 0;
    width: 48px;
    height: 48px;
    background: url(images/icon-close2.png) center no-repeat
}

.z-order .tit {
    float: left;
    width: 535px
}

.z-order .tit h3 {
    font-size: 40px;
    color: #3183fe;
    margin-bottom: 12px
}

.z-order .tit p {
    color: #fff
}

.form-order2 {
    overflow: hidden
}

.form-order2 .item {
    float: left;
    width: 227px;
    margin: 0 30px 23px 0
}

.form-order2 .item .inp,
.form-order2 .item .submit {
    width: 100%;
    padding: 0 12px;
    height: 40px;
    background-color: transparent;
    border: 1px solid #aaa;
    border-radius: 0;
    color: #fff
}

.form-order2 .item .submit {
    background-color: #3274d7;
    border: 0
}

.form-order2 .item .inp::-webkit-input-placeholder {
    color: #fff
}

.form-order2 .item .inp::-moz-placeholder {
    color: #fff
}

.form-order2 .item .inp::-ms-input-placeholder {
    color: #fff
}

.xl_kfbar {
    width: 50px;
    position: fixed;
    right: 5px;
    top: 50%;
    margin-top: -102px;
    z-index: 2147483647
}

.xl_kf_item {
    width: 50px;
    height: 50px;
    margin-top: 1px;
    background-color: #666;
    transition: all linear .2s;
    cursor: pointer;
    display: block
}

.xl_kftel_hover,
.xl_kfuser_hover {
    transition: all linear .2s;
    cursor: initial
}

.xl_kf_item:hover {
    background-color: #102568
}

.xl_kf_item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.xl_kf_item:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.xl_kfitem_con {
    position: relative
}

.xl_kftel_item {
    background-image: url(images/kf_tel.png);
    background-position: center center;
    background-repeat: no-repeat
}

.xl_kftel_hover {
    height: 50px;
    position: absolute;
    right: 50px;
    padding-right: 10px;
    display: none
}

.xl_kftel_item:hover .xl_kftel_hover {
    display: block
}

.xl_kftel_hover span.icon {
    width: 10px;
    height: 50px;
    background: url(images/icon_01.png) center no-repeat;
    display: block;
    position: absolute;
    top: 0;
    right: 0
}

.xl_kftel_hover span.txt {
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    font-size: 14px;
    color: #fff;
    white-space: nowrap;
    border-radius: 4px;
    background-color: #222;
    display: block;
    position: absolute;
    top: 0;
    right: 10px;
    box-sizing: border-box
}

.xl_kfuser_item {
    background-image: url(images/kf_icon.png);
    background-position: center center;
    background-repeat: no-repeat
}

.xl_kfuser_item:hover .xl_kfuser_hover {
    display: block
}

.xl_kfuser_hover {
    position: absolute;
    right: 50px;
    padding-right: 10px;
    display: none;
    min-height: 50px
}

.xl_kfuser_hover.lar {
    margin-top: -50px
}

.xl_kfuser_item li,
.xl_kfuser_item ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.xl_kfuser_hover span.icon {
    width: 12px;
    height: 22px;
    background: url(images/icon_02.png) center no-repeat;
    display: block;
    position: absolute;
    top: 15px;
    right: 0;
    z-index: 11
}

.xl_kfuser_hover.lar span.icon {
    top: 65px
}

.xl_kfuser_item ul {
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 0 16px #dcdbdb;
    box-sizing: border-box;
    padding: 10px 15px;
    margin-right: 12px;
    z-index: 10
}

.xl_kfuser_item li {
    height: 48px;
    border-bottom: 1px dashed #eee;
    font-size: 0;
    min-width: 100%
}

.xl_kfuser_item li:after {
    content: '';
    display: block;
    height: 0;
    visibility: hidden;
    clear: both
}

.xl_kfuser_item li:last-child {
    border-bottom: none
}

.xl_kfuser_item li span.lt {
    line-height: 48px;
    height: 48px;
    display: inline-block;
    font-size: 14px;
    color: #666;
    width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left
}

.xl_kfuser_item li a {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin-left: 8px;
    float: left;
    margin-top: 13px
}

.xl_kfuser_item li a img {
    width: 100%;
    height: 100%
}

.xl_kfuser_item li a:first-child {
    margin-left: 0
}

.xl_kfuser_item li a .kfewm {
    display: none;
    position: absolute;
    right: 22px;
    top: -18px;
    z-index: 101;
    width: 164px;
    height: 162px;
    padding: 18px 16px 15px 19px;
    box-sizing: border-box;
    background: url(images/ewmBgR.png) no-repeat
}

.xl_kftop_hover,
.xl_kfwx_hover {
    right: 50px;
    transition: all linear .2s;
    cursor: initial;
    position: absolute
}

.xl_kftop_item,
.xl_kfwx_item {
    background-position: center center
}

.xl_kfuser_item li a .kfewm img {
    display: block;
    width: 129px;
    height: 129px
}

.xl_kfuser_item li a:hover .kfewm {
    display: block
}

.xl_kfwx_item {
    background-image: url(images/kf_wx.png);
    background-repeat: no-repeat
}

.xl_kfwx_hover {
    width: 188px;
    height: 258px;
    padding-right: 10px;
    display: none;
    background-image: url(images/gzhEwm.png);
    background-repeat: no-repeat;
    margin-top: -12px
}

.xl_kftop_item:hover .xl_kftop_hover,
.xl_kfwx_hover img,
.xl_kfwx_item:hover .xl_kfwx_hover {
    display: block
}

.xl_kfwx_hover img {
    width: 115px;
    height: 115px;
    margin-left: 35px;
    margin-top: 30px
}

.xl_kftop_item {
    background-image: url(images/kf_top.png);
    background-repeat: no-repeat
}

.xl_kftop_hover {
    height: 50px;
    padding-right: 10px;
    display: none
}

.xl_kftop_hover span.icon {
    width: 10px;
    height: 50px;
    background: url(images/icon_01.png) center no-repeat;
    display: block;
    position: absolute;
    top: 0;
    right: 0
}

.xl_kftop_hover span.txt {
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    font-size: 14px;
    color: #fff;
    white-space: nowrap;
    border-radius: 4px;
    background-color: #222;
    display: block;
    position: absolute;
    top: 0;
    right: 10px;
    box-sizing: border-box
}

.bdshare-button-style0-16 .bds_qzone {
    background-position: 0 -52px
}

.bdshare-button-style0-16 .bds_tsina {
    background-position: 0 -104px
}

.bdshare-button-style0-16 .bds_renren {
    background-position: 0 -208px
}

.bdshare-button-style0-16 .bds_tqq {
    background-position: 0 -260px
}

.bdshare-button-style0-16 .bds_kaixin001 {
    background-position: 0 -312px
}

.bdshare-button-style0-16 .bds_tqf {
    background-position: 0 -364px
}

.bdshare-button-style0-16 .bds_hi {
    background-position: 0 -416px
}

.bdshare-button-style0-16 .bds_douban {
    background-position: 0 -468px
}

.bdshare-button-style0-16 .bds_tieba {
    background-position: 0 -728px
}

.bdshare-button-style0-16 .bds_hx {
    background-position: 0 -988px
}

.bdshare-button-style0-16 .bds_fx {
    background-position: 0 -1040px
}

.bdshare-button-style0-16 .bds_ty {
    background-position: 0 -1196px
}

.bdshare-button-style0-16 .bds_fbook {
    background-position: 0 -1352px
}

.bdshare-button-style0-16 .bds_twi {
    background-position: 0 -1404px
}

.bdshare-button-style0-16 .bds_linkedin {
    background-position: 0 -1664px
}

.bdshare-button-style0-16 .bds_meilishuo {
    background-position: 0 -1716px
}

.bdshare-button-style0-16 .bds_mogujie {
    background-position: 0 -1768px
}

.bdshare-button-style0-16 .bds_diandian {
    background-position: 0 -1820px
}

.bdshare-button-style0-16 .bds_huaban {
    background-position: 0 -1872px
}

.bdshare-button-style0-16 .bds_duitang {
    background-position: 0 -2028px
}

.bdshare-button-style0-16 .bds_youdao {
    background-position: 0 -2080px
}

.bdshare-button-style0-16 .bds_wealink {
    background-position: 0 -2184px
}

.bdshare-button-style0-16 .bds_copy {
    background-position: 0 -2288px
}

.bdshare-button-style0-16 .bds_mail {
    background-position: 0 -2340px
}

.bdshare-button-style0-16 .bds_print {
    background-position: 0 -2392px
}

.bdshare-button-style0-16 .bds_mshare {
    background-position: 0 -2444px
}

.bdshare-button-style0-16 .bds_sqq {
    background-position: 0 -2652px
}

.bdshare-button-style0-16 .bds_sdo {
    background-position: 0 -2704px
}

.bdshare-button-style0-16 .bds_qingbiji {
    background-position: 0 -2756px
}

.bdshare-button-style0-16 .bds_people {
    background-position: 0 -2808px
}

.bdshare-button-style0-16 .bds_xinhua {
    background-position: 0 -2912px
}

.bdshare-button-style0-16 .bds_yaolan {
    background-position: 0 -2964px
}

.bdshare-button-style0-16 .bds_thx {
    background-position: 0 -2496px
}

.bdshare-button-style0-16 .bds_bdhome {
    background-position: 0 -156px
}

.bdshare-button-style0-16 .bds_bdxc {
    background-position: 0 -2548px
}

.bdshare-button-style0-16 .bds_bdysc {
    background-position: 0 -3068px
}

.bdshare-button-style0-16 .bds_isohu {
    background-position: 0 -3016px
}

.bdshare-button-style0-16 .bds_more {
    background-position: 0 0;
    color: #333;
    float: left
}

.bdshare-button-style0-16 .bds_ibaidu {
    background-position: 0 -3120px
}

.bdshare-button-style0-16 .bds_weixin {
    background-position: 0 -1612px
}

.bdshare-button-style0-16 .bds_iguba {
    background-position: 0 -1300px
}

.bdshare-button-style0-16 .bds_h163 {
    background-position: 0 -3160px
}

.bdshare-button-style0-16 .bds_evernotecn {
    background-position: 0 -3184px
}

.bdshare-button-style0-16 {
    zoom: 1
}

.bdshare-button-style0-16:after {
    content: '.';
    visibility: hidden;
    display: block;
    height: 0;
    clear: both
}

.bdshare-button-style0-16 .bds_more,
.bdshare-button-style0-16 a {
    float: left;
    font-size: 12px;
    padding-left: 17px;
    line-height: 16px;
    height: 16px;
    background-image: url(http://bdimg.share.baidu.com/static/api/img/share/icons_0_16.png?v=d754dcc0.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 6px 6px 6px 0
}

.bdshare-button-style0-16 a:hover {
    color: #333;
    opacity: .8;
    filter: alpha(opacity=80)
}

.bdshare-button-style0-16 .bds_count {
    color: #333;
    background: url(http://bdimg.share.baidu.com/static/api/img/share/sc.png?v=a970ff04.png) 0 -30px no-repeat;
    width: 42px;
    height: 16px;
    padding: 0;
    margin: 6px 0 0;
    text-align: center
}

.bdshare-button-style0-16 .bds_count:hover {
    background-position: -42px -30px
}

.bdshare-button-style0-16 .bds_button_image {
    float: left;
    cursor: pointer;
    margin: 6px 6px 0 0;
    height: auto;
    padding: 0
}

.bdshare-button-style0-16 .bdshare_button_count {
    background: url(http://bdimg.share.baidu.com/static/api/img/share/sc.png?v=a970ff04.png) no-repeat;
    width: 44px;
    height: 24px;
    line-height: 24px
}

.bdshare-button-style0-16 .bdshare_button_count:hover {
    background-position: -44px 0
}

.bds_baidu,
.bds_deli,
.bds_ff,
.bds_ifeng,
.bds_leho,
.bds_ms,
.bds_msn,
.bds_qq,
.bds_qy,
.bds_s139,
.bds_s51,
.bds_share189,
.bds_sohu,
.bds_t163,
.bds_tfh,
.bds_tsohu,
.bds_tuita,
.bds_xg {
    display: none
}

@media only screen and (min-width:1200px) {
    .ul-reason::-webkit-scrollbar-track {
        background: #f5f5f5
    }

    .ul-reason::-webkit-scrollbar-thumb {
        background: #f5f5f5
    }

    .ul-reason::-webkit-scrollbar-thumb:window-inactive {
        background: #f5f5f5
    }

    .ul-reason:hover::-webkit-scrollbar-track {
        background: #e3e3e3
    }

    .ul-reason:hover::-webkit-scrollbar-thumb {
        background: #102568
    }

    .ul-reason:hover::-webkit-scrollbar-thumb:window-inactive {
        background: #102568
    }
}

@media only screen and (min-width:768px) {
    .ul-reason li:nth-child(even):before {
        margin-top: -4px
    }

    .ul-reason li:nth-child(even) .con {
        float: right;
        text-align: left;
        padding-left: 49px
    }

    .ul-reason li:nth-child(even) .con-inner {
        padding: 0 106px 0 0;
        box-shadow: -2px 2px 2px rgba(0, 0, 0, .1)
    }

    .ul-reason li:nth-child(even) .con-inner:after {
        left: auto;
        right: 100%;
        margin-top: -20px;
        background-image: url(images/history-3-d.png)
    }

    .ul-reason li:nth-child(even) .date {
        left: auto;
        right: 0
    }
}

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




    .slick-z3 .slick-prev,
    .slick-z5 .slick-prev {
        left: -30px
    }

    .slick-z3 .slick-next,
    .slick-z5 .slick-next {
        right: -30px
    }

    .list-serv {
        margin: 0 -10px
    }

    .list-serv .inner {
        margin: 0 10px
    }
}

@media only screen and (max-width:1399px) {
    .wp {
        max-width: 1200px
    }

    .banner .item {
        height: 600px
    }

    .fd-nv:after {
        right: -8%
    }

    .pop-order .box {
        padding: 20px 0 0
    }

    .form-order {
        padding: 20px 0
    }
}

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

    .slick-z1 .slick-prev,
    .slick-z1sj .slick-prev,
    .slick-z3 .slick-prev,
    .slick-z5 .slick-prev {
        left: -15px
    }

    .slick-z1 .slick-next,
    .slick-z1sj .slick-next,
    .slick-z3 .slick-next,
    .slick-z5 .slick-next {
        right: -15px
    }

    .commontext {
        width: 1100px;
        text-align: left;
        overflow-x: auto;
        line-height: 25px;
        margin: 0 auto;
        padding-bottom: 57px
    }

    .fd-contact {
        display: flex;
        width: 370px;
        float: right;
        text-align: center;
        margin-top: 15px
    }

    .fd-left {
        width: 329px;
        float: left;
        text-align: left
    }

    .ind-row1 {
        padding-top: 57px
    }

    .contact-1 .item,
    .contact-1 .item2,
    .form-product {
        padding: 30px
    }

    .wp {
        max-width: 1100px
    }

    .nav li {
        margin-left: 15px
    }

    .ul-adv {
        margin: 0 -15px
    }

    .slick-z1 {
        margin: 0 -5px
    }

    .slick-z1 .item {
        margin: 0 5px
    }

    .slick-z1sj {
        margin: 0 -5px 60px
    }

    .slick-z1sj .item {
        margin: 0 5px
    }

    .slick-case .slick-prev,
    .solution-case-1 .slick-z3 .slick-prev,
    .solution-case-1 .slick-z5 .slick-prev {
        left: 0
    }

    .slick-case .slick-next,
    .solution-case-1 .slick-z3 .slick-next,
    .solution-case-1 .slick-z5 .slick-next {
        right: 0
    }

    .fd-nv dl+dl {
        margin-left: 50px
    }

    .list-radios li {
        width: 25%
    }

    .contact-1 .item .col-r,
    .contact-1 .item2 .col-l,
    .contact-1 .item2 .col-r {
        width: 36%
    }

    .product-detail-con>.col-r {
        width: 45%
    }
}

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

    .ft-bar {
        left: 0;
        position: fixed
    }

    .pc_banner {
        display: none;
    }

    .sj_banner {
        display: block;
        padding-top: 88px;
    }

    .commontext {
        text-align: left;
        overflow-x: auto;
        line-height: 25px;
        margin: 0 auto;
        padding-bottom: 57px;
        width: 94%
    }

    .slick-z11,
    .slick-z22 {
        margin: 20px 0 0
    }

    .fd-left p {
        color: #fff;
        margin-top: 15px;
        font-size: 14px;
        display: flex
    }

    .fd-left h1 {
        font-size: 18px;
        color: #fff;
        padding-top: 15px;
        padding-bottom: 0
    }

    .fd-contact {
        padding-top: 22px
    }

    .wp {
        max-width: 880px
    }

    .g-sidebar,
    .xl_kfbar,
    .z-order {
        display: none !important
    }


    .ft-bar {
        bottom: 0;
        width: 100%;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        background-color: #102568;
        justify-content: space-between;
        -ms-align-items: center;
        align-items: center;
        z-index: 99
    }

    .ft-bar a {
        width: 25%;
        color: #fff;
        text-align: center;
        font-size: 12px;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        justify-content: center;
        -ms-align-items: center;
        align-items: center;
        flex-direction: column;
        height: 55px
    }

    .ft-bar a .icon {
        width: 25px;
        height: 25px;
        background-repeat: no-repeat;
        background-position: center center;
        -webkit-background-size: cover;
        background-size: cover
    }

    body {
        padding: 60px 0
    }

    .menuBtn {
        display: block;
        float: right;
        margin: 15px 0 0
    }

    .hdr {
        position: fixed;
        top: 55px;
        bottom: 0;
        left: 100%;
        width: 60%;
        background-color: #fff;
        z-index: 1101;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        max-height: calc(100vh - 55px);
        overflow-y: auto
    }

    .buy-con {
        position: static
    }

    .ban-1,
    .banner .item,
    .buy-con {
        background: 0 0;
        height: auto
    }

    .hdr.open {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%)
    }


    .banner .item img {
        display: block;
        width: 100%
    }

    .ban-1 .wp {
        display: none
    }

    .ban-1 img {
        display: block;
        width: 100%;
        padding-top: 25px
    }

    .banner .slick-dots {
        bottom: 5px
    }

    .tel,
    .ul-bar,
    .ul-bar li {
        float: none;
        text-align: center
    }

    .ul-bar li>a {
        display: none
    }

    .buy-con {
        display: block;
        width: 240px;
        margin: 0 auto;
        text-align: left
    }

    .lang {
        float: none;
        width: 200px;
        margin: 12px auto
    }

    .nav li {
        margin-left: 0
    }

    .nav a {
        line-height: 45px;
        color: #000
    }

    .nav a:after {
        height: 1px
    }

    .hot-search .search {
        float: none;
        width: auto;
        margin-left: 0
    }

    .fd-link,
    .fd-nv,
    .ft-share,
    .hot-search .hot {
        display: none
    }

    .fd-contact {
        float: none;
        width: 100%;
        justify-content: space-between
    }

    .fd-bot {
        padding: 10px 0;
        text-align: center
    }

    .fd-bot .copyright {
        float: none;
        text-align: center
    }

    .fd-contact h4 {
        font-size: 28px
    }

    .fd-contact p {
        font-size: 14px;
        line-height: 20px
    }

    .fd-contact .btn {
        width: 150px;
        height: 36px;
        line-height: 36px;
        font-size: 14px
    }

    .fd-contact .eq {
        color: #fff;
        padding: 0;
        margin: 0 5px;
        line-height: 35px
    }

    .fd-contact .eq img {
        display: block;
        width: 100%;
        height: auto;
        background-color: #fff
    }

    .fd-contact,
    .fd-top,
    .hot-so .link,
    .ind-row1 {
        display: none
    }

    .fd-top {
        padding: 20px 0
    }

    .z-tit1 {
        padding: 30px 0
    }

    .z-tit1 h3 {
        font-size: 30px
    }

    .z-tit1 em {
        font-size: 14px
    }

    .z-tit1 .bg {
        font-size: 45px;
        top: 35px
    }

    .z-tit1 em:before {
        left: -90px
    }

    .z-tit1 em:after {
        right: -90px
    }

    .slick-z1 {
        margin: 0 -5px 20px
    }

    .slick-z1 .pic {
        height: 240px;
        line-height: 240px
    }

    .slick-z1 p {
        margin: 0 10px;
        font-size: 14px;
        line-height: 45px
    }

    .slick-z1sj {
        margin: 24px -5px 20px
    }

    .slick-z1sj .pic {
        height: 240px;
        line-height: 240px;
        position: relative
    }

    .slick-z1sj p {
        font-size: 14px;
        line-height: 45px;
        margin: 0 auto
    }

    .slick-z1sj .txt {
        padding: 0;
        text-align: center;
        margin-bottom: 1%;
        margin-top: 3%
    }

    .ind-row1 {
        padding: 0 0 30px
    }

    .ind-row1sj {
        padding: 0 0 30px;
        display: block
    }

    .slick-z2 .l {
        float: none;
        margin: 0 auto
    }

    .slick-z2 .r {
        padding: 30px 0 0
    }

    .slick-z2 h4 {
        font-size: 22px
    }

    .slick-z2 .info {
        padding: 0 0 5px;
        margin-bottom: 20px
    }

    .slick-z2 p {
        font-size: 14px;
        line-height: 24px
    }

    .z-more2 {
        margin: 20px 0 0
    }

    .g-order {
        width: 50px;
        padding: 20px 0 20px 5px;
        font-size: 14px;
        background-position: right 5px center
    }

    .g-order img {
        width: 24px
    }

    .ul-adv {
        margin: 0 -10px
    }

    .ul-adv .pic {
        width: 120px;
        height: 120px;
        line-height: 120px
    }

    .ul-adv .pic img {
        max-width: 70%;
        max-height: 70%
    }

    .ul-adv .txt h4 {
        font-size: 16px
    }

    .ul-adv .txt p {
        font-size: 12px
    }

    .ul-adv .inner {
        margin: 0 15px
    }

    .list-case .item {
        margin: 0 5px
    }

    .slick-z4 h4 {
        font-size: 20px
    }

    .slick-z4 .txt {
        padding: 15px
    }

    .slick-z4 .txt .z-more2 {
        margin-top: 15px
    }

    .ind-row4 .video-txt-1 .txt {
        padding: 10px 0 0
    }

    .video-txt-1 .txt h4 {
        font-size: 22px !important;
        margin-bottom: 20px;
        padding-bottom: 10px
    }

    .ind-row6 {
        padding: 0 0 60px
    }

    .m-news {
        padding: 8px 0 0
    }

    .m-news .cont {
        margin-right: 10px
    }

    .slick-z5 .item {
        height: 100px;
        line-height: 98px
    }

    .ind-row8 {
        padding: 0 0 30px
    }

    .ul-news .news-item__time {
        margin-right: 5px
    }

    .ind-row7 {
        padding: 30px 0
    }

    .m-location {
        height: auto
    }

    .m-location .wp {
        max-width: none
    }

    .cur,
    .m-location .location {
        float: none
    }

    .tit-g1 h3 {
        font-size: 26px
    }

    .tit-g1 .en {
        font-size: 14px
    }

    .tit-g1 {
        margin-bottom: 30px !important
    }

    .profile-1 {
        padding: 30px 0 0
    }

    .profile-1 .txt-box,
    .video-txt-1 .txt {
        font-size: 14px;
        line-height: 2;
        padding: 0
    }

    .list-tabs,
    .profile-1 .txt-box {
        padding-bottom: 30px
    }

    .list-tabs li a {
        font-size: 16px
    }

    .slick-culture .slick-prev {
        margin-left: 0;
        left: 10px
    }

    .slick-culture .slick-next {
        margin-right: 0;
        right: 10px
    }

    .slick-culture .slick-arrow {
        -webkit-background-size: 23px auto;
        background-size: 23px auto;
        width: 23px;
        height: 45px;
        margin-top: -23px
    }

    .ul-culture .txt {
        padding: 10px 5px 0
    }

    .ul-reason .con-inner {
        width: 360px
    }

    .culture-1 {
        padding: 20px 0
    }

    .history-1,
    .msg-1 {
        padding: 30px 0
    }

    .msg-1 .txt h3 {
        font-size: 24px;
        margin-bottom: 20px;
        padding-bottom: 10px
    }

    .msg-1 .txt .t-1 {
        font-size: 14px;
        line-height: 24px
    }

    .contact-1 .item .col-l,
    .contact-1 .item .col-r,
    .contact-1 .item2 .col-l,
    .contact-1 .item2 .col-r {
        float: none;
        width: auto
    }

    .contact-1 .item .col-l,
    .contact-1 .item2 .col-l {
        margin-bottom: 40px
    }

    .case-detail-1 .col-l,
    .case-detail-1 .col-r {
        float: none;
        width: auto;
        padding-bottom: 20px
    }

    .case-detail-1 .col-l {
        margin-bottom: 0
    }

    .detail-con .top h1 {
        font-size: 28px;
        margin-bottom: 20px
    }

    .slick-product {
        width: 50%;
        margin: 0 auto
    }

    .news-list .img {
        width: 250px
    }

    .news-list .tit {
        margin-bottom: 6px
    }

    .news-list .tit a {
        font-size: 18px
    }

    .news-list .desc {
        font-size: 14px;
        line-height: 22px;
        height: 44px
    }

    .news-list .more {
        width: 120px;
        height: 36px;
        line-height: 32px
    }

    .news-list .date .s1 {
        font-size: 34px
    }

    .case-item h4,
    .news-list .date .s2 {
        font-size: 14px
    }

    .product-1 .col-l,
    .product-1 .col-r {
        float: none;
        width: auto
    }

    .product-1 .col-l {
        margin-top: 20px
    }

    .product-detail-con>.col-l {
        width: 60%;
        margin: 0 auto 20px
    }

    .team-detail .pic {
        width: 400px;
        margin-right: 30px
    }

    .team-detail .txt h4 {
        padding-bottom: 10px
    }

    .team-detail .box {
        margin-bottom: 30px;
        height: 210px
    }

    .slick-case {
        margin: 0 -5px
    }

    .case-item .con {
        margin: 0 5px
    }

    .case-item h4 {
        line-height: 48px
    }

    .tit-g5 h3,
    .tit-g8 h3 {
        font-size: 22px
    }

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

    .newsCase-1 {
        padding: 20px 0 30px
    }

    .slick-case .slick-prev {
        left: 0
    }

    .slick-case .slick-next {
        right: 0
    }

    .box-item-1+.box-item-1,
    .case-detail-1 .col-r {
        margin-top: 0;
        padding-top: 0
    }

    .detail-con {
        padding: 0
    }

    .detail-con .case-page .link,
    .detail-con .con {
        padding: 20px 0
    }

    .product-1 {
        padding: 30px 0
    }

    .box-item-2+.box-item-2 {
        margin-top: 20px
    }

    .list-product-2 {
        padding-bottom: 20px
    }

    .tit-g8 {
        margin-bottom: 20px !important
    }

    .tit-g8 p {
        font-size: 12px;
        padding-bottom: 10px !important
    }

    .tit-g8 p:after {
        height: 1px
    }

    .list-serv .inner {
        padding: 10px
    }

    .list-serv .txt h4 {
        font-size: 14px
    }

    .list-serv .txt p {
        font-size: 12px;
        line-height: 2;
        height: 72px
    }

    .doning-1,
    .progress-1,
    .qs-1 {
        padding: 20px 0
    }

    .list-progress .num {
        font-size: 18px;
        margin-bottom: 0
    }

    .list-progress p {
        font-size: 12px
    }

    .qs-1 .tit-g8 {
        margin-bottom: 0 !important
    }

    .list-solution .txt h4 {
        font-size: 22px;
        padding-bottom: 10px;
        margin-bottom: 10px
    }

    .list-solution .txt {
        width: 90%;
        right: 5%;
        top: 5%
    }

    .list-solution .txt p {
        margin-bottom: 15px
    }

    .solution_detail-1 {
        padding: 20px 0
    }

    .solution_detail-1 .tit h1 {
        font-size: 22px
    }

    .solution_detail-1 h1 {
        font-size: 22px;
        padding: 20px 0
    }

    .solution_detail-1 .con {
        padding: 15px 15px 50px
    }

    .solution_detail-1 .wp {
        padding: 0 20px
    }

    .solution-ad-1 h3 {
        font-size: 18px;
        margin-bottom: 10px
    }

    .solution-ad-1 .link .tel {
        font-size: 20px
    }

    .solution-ad-1 .link .online {
        width: 200px;
        font-size: 18px
    }

    .solution-ad-1,
    .solution-case-1 {
        padding: 30px 0
    }

    .tit-g9 h3 {
        font-size: 22px
    }

    .tit-g9 h3:after,
    .tit-g9 h3:before {
        width: 30px
    }

    .tit-g9 {
        margin-bottom: 20px
    }

    .tit-g9 p {
        font-size: 14px;
        line-height: 24px
    }

    .slick-z11 .item,
    .slick-z22 .item {
        float: left;
        width: 100%;
        background-color: #fff;
        margin: 0 1.33% 3.33% 0;
        position: relative;
        display: block;
        border: 1px solid #f2f2f2;
        transition: all .3s
    }
}

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

    .pc_banner {
        display: none
    }

    .sj_banner {
        display: block
    }
    .success-page,
    .success-page .success-list {
        width: auto;
        height: auto
    }

    .success-page .success-list ul {
        margin: 0;
        padding: 0
    }

    .success-page .success-list ul li {
        list-style: none;
        float: left;
        width: 300px;
        height: 280px;
        margin: 20px 15px
    }

    .success-page .success-list ul li a {
        display: block;
        text-decoration: none;
        width: 100%;
        height: 250px
    }

    .success-page .success-list ul li a img {
        width: 100%;
        height: 250px
    }

    .success-page .success-list ul li .image-title {
        width: 100%;
        line-height: 20px;
        margin-top: 10px;
        font-size: 14px;
        color: #222;
        text-align: center
    }

    .success-page .video-list {
        width: 100%;
        height: auto
    }

    .success-page .video-list ul {
        margin: 0;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .success-page .video-list ul li {
        list-style: none;
        float: left;
        width: 100%;
        margin-bottom: 30px
    }

    .success-page .video-list ul li video {
        display: block;
        width: 100%;
        height: auto;
        background-color: #000
    }

    .success-page .video-list ul li .video-title {
        width: 100%;
        line-height: 30px;
        margin-top: 10px;
        font-size: 16px;
        color: #222;
        text-align: center;
        display: block
    }


    .wp {
        max-width: 700px
    }

    .ul-adv {
        padding: 10px 0 0
    }

    .ul-adv li {
        width: 50%;
        margin-bottom: 15px
    }

    .ul-adv li:nth-child(3):after {
        display: none
    }

    .z-tit1 h3 {
        font-size: 22px;
        margin-bottom: 0
    }

    .z-tit1 .bg {
        font-size: 36px;
        top: 30px
    }

    .slick-z2 .r {
        padding: 10px 0
    }

    .ind-row3 {
        padding: 0 0 20px
    }

    .slick-z4 .slick-dots {
        margin: 20px 0 0
    }

    .ind-row6 {
        padding: 0 0 30px
    }

    .ind-row7 .col-l,
    .ind-row7 .col-r {
        float: none;
        width: auto
    }

    .ul-culture .pic {
        width: 120px;
        height: 120px
    }

    .ul-culture .txt h4 {
        font-size: 16px;
        margin-bottom: 5px
    }

    .ul-culture .txt {
        padding: 0 5px
    }

    .tit-g1 {
        margin-bottom: 20px !important
    }

    .ul-reason .txt {
        font-size: 12px;
        line-height: 2;
        padding-right: 20px
    }

    .ul-reason .date {
        font-size: 16px;
        line-height: 24px;
        width: 80px
    }

    .ul-reason .con-inner {
        width: 280px;
        padding-left: 80px;
        min-height: 72px
    }

    .list-case li {
        width: 50%;
        margin-bottom: 20px
    }

    .case-1 {
        padding: 20px 0
    }

    .list-radios {
        margin: 0;
        padding-bottom: 20px
    }

    .list-case .item:hover .txt,
    .list-case .txt {
        padding: 10px
    }

    .list-case .name {
        font-size: 16px;
        margin-bottom: 5px
    }

    .list-case {
        padding-bottom: 50px
    }

    .tit-g2 {
        font-size: 22px;
        margin-bottom: 15px
    }

    .list-con,
    .list-contact {
        margin: 0;
        padding: 0
    }

    .contact-1 h4 {
        font-size: 18px
    }

    .list-con.list_2 .list-contact {
        float: none;
        width: auto
    }

    .list-contact h5 {
        font-size: 16px
    }

    .contact-1 .item,
    .contact-1 .item2 {
        padding: 20px
    }

    .list-contact .cus {
        min-height: auto
    }

    .map-1 {
        height: 300px
    }

    .map-1 h2 {
        font-size: 18px;
        padding: 10px 0
    }

    .form-msg {
        width: auto
    }

    .tit-g3 h3 {
        font-size: 24px;
        margin-bottom: 5px
    }

    .message-1 {
        padding: 20px 0
    }

    .form-msg input,
    .form-msg textarea {
        margin-bottom: 10px
    }

    .contact-1 .item .col-l,
    .contact-1 .item2 .col-l,
    .tit-g3 {
        margin-bottom: 20px
    }

    .tit-g3 {
        font-size: 14px
    }

    .list-contact li {
        padding-bottom: 20px
    }

    .contact-1 h4 {
        margin-bottom: 0
    }

    .news-list .txt {
        padding: 0 10px
    }

    .news-list .wp {
        padding: 20px 0
    }

    .news-list .date .s1 {
        font-size: 30px
    }

    .news-list .date .s2 {
        font-size: 13px
    }

    .news-list .tit a,
    .tit-g8 h3 {
        font-size: 18px
    }

    .news-list .tit {
        margin-bottom: 15px
    }

    .news-1 {
        padding: 0 0 20px
    }

    .news-list {
        margin-bottom: 20px
    }

    .list-serv li {
        width: 50%
    }

    .list-serv {
        margin: 0 -5px
    }

    .list-serv .inner {
        margin: 0 5px 10px
    }

    .list-progress .num {
        font-size: 13px
    }

    .list-progress p {
        font-size: 11px
    }

    .list-solution .box-txt {
        float: none;
        width: auto;
        padding: 10px
    }

    .list-solution .pic {
        float: none !important;
        width: auto
    }

    .list-solution .inner {
        position: static;
        padding-top: 0
    }

    .list-solution .pic img,
    .list-solution .txt {
        position: static
    }

    .detail-txt .tit {
        font-size: 20px;
        margin-bottom: 10px;
        padding-bottom: 10px
    }

    .detail-txt .online,
    .detail-txt .state,
    .detail-txt .txt,
    .form-product .tips,
    .product-info,
    .slick-for {
        margin-bottom: 20px
    }

    .detail-txt .txt {
        line-height: 28px
    }

    .form-product {
        padding: 20px
    }

    .form-product .btn input {
        width: 240px
    }

    .form-product .item,
    .form-product .tar {
        margin-bottom: 10px
    }
}

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

    .fd-bot,
    .slick-z2 p {
        line-height: 20px
    }

    .slick-z1 .slick-prev,
    .slick-z1sj .slick-prev,
    .slick-z3 .slick-prev,
    .slick-z5 .slick-prev {
        left: 10px
    }

    .news-list li .wp,
    .slick-z1sj .pic {
        position: relative
    }

    .bar {
        right: 10px;
        float: none !important
    }

    .ul-problem {
        min-height: auto
    }

    .wp {
        width: 94%
    }

    .hdr {
        width: 100%
    }

    .slick-z1 .pic,
    .slick-z1sj .pic {
        height: 180px;
        line-height: 180px
    }

    .fd-bot .copyright {
        font-size: 12px
    }

    .fd-bot .copyright span {
        display: block;
        margin: 0
    }

    .z-tit1 {
        padding: 20px 0
    }

    .ind-row1 {
        padding: 0 0 20px;
        display: none
    }

    .ind-row1sj {
        padding: 0 0 20px;
        display: block
    }

    .slick-z1 .slick-list,
    .slick-z1sj .slick-list {
        padding: 0
    }

    .slick-z1 .slick-next,
    .slick-z3 .slick-next,
    .slick-z5 .slick-next {
        right: 10px
    }

    .slick-z1sj .slick-next,
    .slick-z3 .slick-next,
    .slick-z5 .slick-next {
        right: 10px
    }

    .slick-z2 .more,
    .slick-z2 .slick-dots {
        right: 5px
    }

    .slick-z2 .item {
        padding: 10px 40px 10px 10px
    }

    .slick-z2 .l {
        width: auto
    }

    .slick-z2 .more,
    .slick-z2 .slick-dots li {
        width: 24px;
        height: 24px;
        font-size: 12px;
        line-height: 2
    }

    .slick-z2:after {
        right: 35px
    }

    .slick-z2 h4 {
        font-size: 18px;
        margin-bottom: 5px
    }

    .slick-z2 .info {
        margin-bottom: 10px
    }

    .slick-z2 p {
        font-size: 12px
    }

    .ul-adv .pic {
        width: 90px;
        height: 90px;
        line-height: 90px;
        margin-bottom: 15px
    }

    .ul-adv .txt p {
        line-height: 20px;
        -webkit-line-clamp: 6
    }

    .slick-z5 {
        margin: 0 -3px
    }

    .slick-z5 .item {
        height: 50px;
        line-height: 48px;
        margin: 0 3px
    }

    .slick-z3 .slick-arrow,
    .slick-z5 .slick-arrow {
        -webkit-background-size: 10px auto;
        background-size: 10px auto
    }

    .ul-problem .problem-item .problem-item__link {
        line-height: 50px;
        padding-left: 30px
    }

    .ul-problem .problem-item .problem-item__link:after {
        left: 15px
    }

    .tit-ind2 h3 {
        font-size: 20px
    }

    .tit-ind2 a {
        line-height: 30px
    }

    .tit-ind2 {
        margin-bottom: 20px
    }

    .ind-row7 {
        padding: 20px 0
    }

    .m-news .cont {
        float: none;
        width: auto;
        margin-right: 0
    }

    .banner .slick-dots li {
        width: 6px;
        height: 6px;
        border-radius: 3px;
        margin: 0 3px
    }

    .banner .slick-dots li.slick-active {
        width: 15px
    }

    .banner .slick-arrow,
    .slick-z4 .slick-arrow {
        display: none !important
    }

    .slick-z5 .slick-dots {
        bottom: -18px
    }

    .slick-z5 .slick-dots li {
        width: 6px;
        height: 6px;
        border-radius: 3px;
        margin: 0 3px
    }

    .slick-z5 .slick-dots li.slick-active {
        width: 15px
    }

    .slick-z4 {
        margin: 0 -3px
    }

    .slick-z4 .item {
        margin: 0 3px;
        padding: 15px 0 0
    }

    .slick-z4 h4 {
        font-size: 14px;
        margin-bottom: 15px
    }

    .z-more2 {
        width: 120px;
        height: 36px;
        line-height: 34px;
        border-radius: 17px
    }

    .slick-z4 .txt p {
        font-size: 12px;
        line-height: 20px;
        height: 60px
    }

    .m-location .wp {
        width: auto
    }

    .cur {
        padding-left: 35px;
        background-position: 5px center;
        font-size: 12px
    }

    .m-location .location a {
        font-size: 12px;
        float: left;
        width: 33.33%;
        line-height: 36px;
        margin-right: 0;
        text-align: center
    }

    .tit-g1 h3 {
        font-size: 20px
    }

    .tit-g1 .en {
        font-size: 12px
    }

    .video-txt-1 .txt h4 {
        font-size: 16px !important;
        margin-bottom: 10px;
        margin-top: 25px
    }

    .video-txt-1 .txt h4:before {
        height: 1px
    }

    .video-txt-1 .col-l,
    .video-txt-1 .col-r {
        float: none;
        width: auto !important
    }

    .video-txt-1 .col-r {
        margin-bottom: 0;
        padding: 10px 15px
    }

    .profile-1 .txt-box,
    .video-txt-1 .txt {
        font-size: 12px
    }

    .list-tabs li a {
        font-size: 14px;
        width: 100px
    }

    .ul-culture li {
        width: 50%
    }

    .msg-1 .pic {
        float: none;
        margin: 0 auto;
        width: 50%
    }

    .msg-1 .txt h3 {
        font-size: 20px
    }

    .video .start {
        width: 50px;
        height: 50px;
        margin: -25px 0 0 -25px
    }

    .ul-reason .con-inner {
        width: auto
    }

    .ul-reason .txt {
        padding: 5px
    }

    .ul-reason .date {
        font-size: 14px;
        line-height: 20px;
        width: 60px
    }

    .ul-reason .con-inner {
        padding-left: 60px
    }

    .ul-reason li:before {
        left: auto;
        right: 10px
    }

    .ul-reason li:after {
        display: none
    }

    .ul-reason .con {
        float: none;
        width: auto
    }

    .list-radios li {
        padding: 0 10px;
        width: 50%
    }

    .contact-1 {
        padding: 20px 0
    }

    .form-msg .inp {
        font-size: 14px;
        padding: 0 5px
    }

    .form-msg .tar {
        padding: 5px;
        font-size: 14px
    }

    .form-msg .sub {
        height: 45px;
        line-height: 45px
    }

    .news-list .img {
        float: none;
        width: auto
    }

    .news-list .txt {
        padding: 10px
    }

    .news-list .date {
        float: none;
        position: absolute;
        top: 20px;
        left: 0;
        width: 60px;
        padding: 10px 0;
        margin-top: 0
    }

    .news-list .date .s1 {
        font-size: 20px
    }

    .news-list .date .s2 {
        font-size: 12px
    }

    .detail-con {
        padding: 20px 10px 0
    }

    .detail-con .top h1 {
        font-size: 20px;
        margin-bottom: 15px
    }

    .detail-con .info .share {
        float: none
    }

    .detail-con .info .txt span {
        float: left;
        min-width: 40%
    }

    .detail-con .con {
        padding: 20px 0
    }

    .detail-con .case-page .link {
        padding: 10px 0
    }

    .detail-con .case-page .link a {
        font-size: 14px;
        line-height: 2
    }

    .detail-con .case-page .return {
        width: 130px;
        height: 36px;
        line-height: 36px;
        font-size: 16px
    }

    .detail-con .case-page .return i {
        width: 14px;
        height: 14px;
        margin-right: 5px
    }

    .box-item-1,
    .case-detail-1 {
        padding: 0
    }

    .detail-con .case-page .link a {
        float: none;
        width: auto;
        display: block
    }

    .list-solution .pic .mask,
    .product-1 .col-l .box-item-2:last-child {
        display: none
    }

    .slick-product {
        width: auto;
        padding-bottom: 30px
    }

    .slick-product h4 {
        font-size: 14px;
        padding: 0 5px
    }

    .slick-product .pic {
        margin-bottom: 10px
    }

    .slick-product .pic .icon {
        width: 40px;
        height: 40px;
        margin: -20px 0 0 -20px
    }

    .case-item .pic .icon {
        width: 40px;
        height: 40px
    }

    .tit-g4 h3 span {
        font-size: 20px
    }

    .tit-g4 {
        margin: 0 0 20px
    }

    .slick-case .slick-dots li,
    .slick-product .slick-dots li {
        width: 6px;
        height: 6px;
        margin: 0 4px
    }

    .slick-product .slick-dots {
        bottom: 12px
    }

    .top-g1 .so {
        position: relative;
        width: auto
    }

    .top-g1 {
        padding-right: 0;
        height: auto;
        margin-bottom: 20px
    }

    .list-product-2 li,
    .list-tabs-2 {
        margin-bottom: 10px
    }

    .list-tabs-2 li {
        font-size: 18px
    }

    .list-tabs-2 i {
        padding: 0 5px
    }

    .product-1 {
        padding: 10px 0 0
    }

    .list-product-2 li {
        width: 50%
    }

    .list-product-2 {
        margin: 0 -5px;
        padding-bottom: 10px
    }

    .list-product-2 .con {
        margin: 0 5px
    }

    .list-product-2 h4 {
        font-size: 12px;
        line-height: 3
    }

    .list-product a {
        line-height: 44px;
        font-size: 16px;
        padding-left: 50px;
        background-position: 10px center
    }

    .tit-g6 h3 {
        font-size: 18px
    }

    .tit-g6 h3 span {
        font-size: 12px
    }

    .tit-g6 {
        padding: 10px 0 10px 50px;
        background-position: 10px center
    }

    .product-1 .col-l {
        padding: 0 0 20px;
        width: auto
    }

    .tit-g5 h3 {
        font-size: 20px
    }

    .list-progress li {
        width: 33.33%;
        margin-bottom: 10px
    }

    .list-qs li,
    .list-solution .txt,
    .solution-ad-1 .link {
        width: auto
    }

    .list-qs li {
        float: none
    }

    .list-qs .con {
        margin: 0;
        padding: 10px 0
    }

    .list-solution .txt h4 {
        font-size: 18px
    }

    .list-solution .txt p {
        margin-bottom: 5px
    }

    .solution-ad-1 h3 {
        font-size: 14px
    }

    .solution-ad-1 h3 em {
        padding: 0 3px
    }

    .solution-ad-1 .link .tel {
        font-size: 16px;
        letter-spacing: 1px
    }

    .solution-ad-1 .link .online {
        font-size: 16px;
        width: 100px
    }

    .solution-ad-1 {
        padding-left: 15px;
        padding-right: 15px
    }

    .z-tit1 .bg {
        font-size: 20px
    }

    .slick-z3 {
        margin: 0 -5px;
        padding-bottom: 0
    }

    .hot-so .so,
    .m-pop .box {
        margin-left: 0
    }

    .ind-row5 {
        padding: 0 0 20px
    }

    .m-pop .box {
        width: 90%;
        left: 5%
    }

    .g-close {
        width: 35px;
        height: 35px;
        top: -35px
    }

    .form-product .item,
    .hot-so .so {
        width: auto;
        float: none
    }

    .m-location.location_2 .cur {
        float: none
    }

    .hot-so {
        padding: 0 5px
    }

    .detail-txt .state em {
        margin-right: 2px;
        font-size: 12px;
        min-width: 60px
    }

    .list-tabs-3 a {
        font-size: 16px;
        padding: 5px
    }

    .form-product .sp1 {
        font-size: 14px;
        min-width: 70px;
        float: none
    }

    .form-product .item i {
        top: 72%
    }

    .form-product .btn input {
        width: 120px;
        font-size: 14px
    }

    .detail-page a {
        float: none !important;
        width: auto;
        font-size: 14px;
        text-align: left !important
    }

    .detail-page {
        padding: 0 10px
    }

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

    .detail-txt .txt p {
        float: none;
        width: auto;
        padding-left: 0
    }

    .detail-txt .txt {
        margin: 0
    }

    .detail-txt .online {
        font-size: 14px;
        height: 36px;
        line-height: 36px;
        border-radius: 18px
    }

    .list-tabs-3 li {
        margin: 0 5px
    }

    .case-item h4 {
        font-size: 12px
    }

    .solution-case-1 .slick-z3 .slick-arrow,
    .solution-case-1 .slick-z5 .slick-arrow {
        width: 25px;
        height: 50px;
        margin-top: -25px;
        -webkit-background-size: 25px auto;
        background-size: 25px auto
    }

    .solution_detail-1 .con {
        padding: 15px 0 30px
    }

    .solution_detail-1 .con img {
        margin-top: 15px
    }
}

.pages01 a,
.pages01 font.curr,
.pages01 span {
    vertical-align: middle;
    margin: 0 5px;
    font-size: 18px;
    -moz-transition: .3s;
    -o-transition: .3s
}

.pages01 {
    text-align: center
}

.pages01 a,
.pages01 span {
    display: inline-block;
    padding: 0 15px;
    height: 40px;
    line-height: 38px;
    border: 1px solid #e2e2e2;
    background: #fff;
    -webkit-transition: .3s;
    -ms-transition: all .3s;
    transition: .3s
}

.pages01 a:hover,
.pages01 span.current {
    background-color: #102568;
    border-color: #102568;
    color: #fff
}

.pages01 font.curr {
    display: inline-block;
    background: #102568;
    color: #fff;
    -webkit-transition: .3s;
    -ms-transition: all .3s;
    transition: .3s
}

.slick-list,
.slick-slider,
.slick-track {
    position: relative;
    display: block
}

.slick-slider {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    top: 0;
    left: 0
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ''
}

.slick-slide,
.slick-slide.slick-loading img {
    display: none
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto
}

.swiper-slide,
.swiper-wrapper {
    width: 100%;
    height: 100%;
    position: relative
}

.slick-arrow.slick-hidden {
    display: none
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-transition-property: -webkit-transform, height;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform, height
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -o-transform: translate(0, -50%);
    -ms-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-pagination-progress {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical>.swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
    background: rgba(255, 255, 255, .5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
    background: #fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-cube,
.swiper-container-flip {
    overflow: visible
}

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-slide {
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes bounce {

    20%,
    53%,
    80%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes bounce {

    20%,
    53%,
    80%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {

    50%,
    from,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {

    50%,
    from,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {

    from,
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
}

@keyframes pulse {

    from,
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {

    from,
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
}

@keyframes rubberBand {

    from,
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {

    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shake {

    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

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

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

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

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {

    from,
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
}

@keyframes tada {

    from,
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {

    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
}

@keyframes wobble {

    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {

    11.1%,
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {

    11.1%,
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes heartBeat {

    0%,
    28%,
    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14%,
    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
}

@keyframes heartBeat {

    0%,
    28%,
    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14%,
    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
}

.heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes bounceIn {

    20%,
    40%,
    60%,
    80%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes bounceIn {

    20%,
    40%,
    60%,
    80%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

.bounceOut,
.flipOutX {
    -webkit-animation-duration: .75s
}

@-webkit-keyframes bounceInDown {

    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInDown {

    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {

    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInLeft {

    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {

    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInRight {

    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {

    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInUp {

    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

.bounceOut {
    animation-duration: .75s;
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    from {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

.flipInY,
.flipOutX {
    -webkit-backface-visibility: visible !important
}

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

.flipOutX {
    animation-duration: .75s;
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    from {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox
}

@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

@keyframes rollOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    from {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.animated.delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.animated.delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.animated.delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

.animated.delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s
}

.animated.fast {
    -webkit-animation-duration: .8s;
    animation-duration: .8s
}

.animated.faster {
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.animated.slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animated.slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s
}

@media (print),
(prefers-reduced-motion:reduce) {
    .animated {
        -webkit-animation-duration: 1ms !important;
        animation-duration: 1ms !important;
        -webkit-transition-duration: 1ms !important;
        transition-duration: 1ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important
    }
}

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

    .ind-row3,
    .ind-row5 {
        display: none
    }

    .anliuya {
        float: left
    }

    .ind-row3 {
        padding: 0 0 20px
    }

    .commontext32 {
        padding: 20px 0 0
    }

    .sec-menu {
        overflow: hidden;
        padding: 15px 0 0
    }

    .sec-menu li {
        width: 48%;
        margin-bottom: 4px;
        background-color: #d8d9da;
        margin-right: 2%;
        text-align: center
    }

    .sec-menu li a {
        display: block;
        font-size: 14px;
        color: #333;
        line-height: 36px;
        border-radius: 18px;
        cursor: pointer;
        position: relative;
        overflow: hidden
    }
}

.fullSlide .bd li,
.fullSlide .bd ul {
    width: 100% !important
}

.fullSlide {
    min-width: 1000px;
    position: relative;
    height: 800px;
    overflow: hidden
}
.h-970{
    height: 970px !important;
    overflow: hidden
}
.fullSlide .bd {
    position: relative;
    z-index: 0
}

.fullSlide .bd li {
    height: 970px;
    overflow: hidden;
    text-align: center
}

.fullSlide .bd li a {
    display: block;
    height: 330px
}

.fullSlide .hd {
    width: 1100px;
    left: 50%;
    margin-left: -540px;
    position: absolute;
    z-index: 1;
    bottom: 138px;
    overflow: hidden
}

.fullSlide .hd ul {
    float: left;
    background: url(images/2122.png)
}

.fullSlide .hd ul li {
    float: left;
    display: inline;
    cursor: pointer;
    width: 185px;
    height: 122px;
    margin-right: 14px
}

.fullSlide .hd ul li img {
    width: 80px;
    line-height: 41px;
    display: block;
    border: 2px solid #fff;
    opacity: .5
}

.fullSlide .hd ul .on {
    float: left;
    border-top: 3px solid #db7914;
    border-left: 3px solid #db7914;
    border-right: 3px solid #db7914;
    border-bottom: 3px solid #db7914
}

























/*# sourceURL=//at.alicdn.com/t/font_1490400_xfzcdi6jy1.css */
/*@ sourceURL=//at.alicdn.com/t/font_1490400_xfzcdi6jy1.css */
@font-face {
    font-family: "iconfont";
    src: url("http://at.alicdn.com/t/font_1490400_xfzcdi6jy1.eot?t=1602665974457");
    /* IE9 */
    src: url("http://at.alicdn.com/t/font_1490400_xfzcdi6jy1.eot?t=1602665974457#iefix") format('embedded-opentype'),
        /* IE6-IE8 */
        url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAADZEAAsAAAAAYDgAADX0AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCSKAqBkxD1LAE2AiQDhAwLgggABCAFhG0HjCUbg091Bwh2O0CQyv8HjKgc9aMoX5xc9v9/T3rI4N8c9VcpKCJIMxaNrAjp6Oy6Wm4JAjr3WdHISKoFfT2vRQENCi1gmvOq0lgmBKNqIM2+p331+hT9GwYE9q/pOK40CTfhLgwA9k8FRwisz88Znpr7kKRo8kCt8Xurd19MMJNEKXTz6aRC6IQK2ROl7vD83Hr//22MjbFgwQasiNbBCCVkSdRGjMgRG7T0AFGGKGESBqDIwAbrRD0xUa9EzADFaBDj9BLgIca974PcnBgiyAip7brinLYIhihEKRQFAAhrsf12D4LYPiRTMlma0WAVtGVjEFszKZyJOa0aGXMOlZD/+49/iDFwb2KumB29Qal/m++dWjNW4d6M7cR7shTY5YQXuXvEBcFus5DUsX1vC9m+lBL9aH6lXzIEChZYDrR7ISiDpHn3RyN6Jr0vghPS3HuzBwgM/kXA0Zx+7KfMQ0w7IDgYkwNUs6nQUxY1UGCbqtbV8/12DYts00m/Pdm/rTmKgijYFECToFsDAFaBtq+9LrE/xkXYqFBKfXdHGY/QOLDFWZRiS2rR8PDfvXn8r1bA9SuyqrNv68ykUivULCdeqmqnxeR4PGIxx8y/unTlu3WO1EZaHZZSx1Kn8f8v6Y6vciDKHV/inSnnPMANgRu4NS6VeErpk7M5GSYJXCRX6UgBVyCtuU2Z8jzFW0a/PdPgebxkalsglqq8iKYsgACXuFyOMVcHrUFvRoZohEhEvFGiP+cxvB7WXI11Qf81AQZZ5QJKPIfHAiwZ8lmA0HTLyQBYbpMs6Qf6lSpYKl63tIGmF7Y6Dr7Qvw/vxAUsECkiQL71+Kk8G4gC33xEP/WkDOrikrkt9JeRYD8gI94LT8IlomS+n+ZB0QtiwSDANi7Xfuxp93r/+p6u5TVYq8cfr2+8vv/G5o39G9E39XeTT8f5efAfKAwOrx8ta9Y014fsHkZOA9s8loM5GMI02AbXMvl/8gBHyPlYJNRiYcKFiBDJngMntjz4UVASixItRiyVOG4CxBMK5itBIjdekiRLkSpNOjdqIN2bAUY74WK52bqZ2O9CFNOt6vQGDDplyLARo8aMO2zCpFvXP5lMmzFrzrwFi5YsW3Fz1Zp1H7ufPX/x8tXrN2/fXd6wacu2Ikt2unb1hIs+jB61z34HRMEeFxhQ4epoGHofX/xLIMIGgnBEMHYSgu2EwkmhsYMwOCUjnBYWJ4THGRFwVqZYRkQsJxJWEhlLiILNZIbdRMU50XBedBwQAxdkjoti4pJYuCwLXJElrsoKG4iNfcTBNXGxiXg4Lj52kTWuywY3ZDsyXewAW8keN+WAW3LEbTnhjpxxVy64J9cRlAWA+1qIBxLgodzwSO54LCGeyANP5Yln8sJzeeOFFmEtLcY68sFL+eKV/PBa/nijJXirALyTCO8lxgdJ8FFSfJIMnyXHUArEMArCcArGCArBSArFNgrDKArHaIrAGIrEWFJgHCkxnqKwnqIxgWIwkWJxTCocVhz+pnhMogRMpkRMoSRMpWRMoxRMp1TMoDTMpHTMIjVmUwbmUCaOKgtzKRvzSIP5pMVflIMvysVX5eEH5eNHFeAnFeJnFeEXFeNXLcVvKsHvKsV+lWEBVWIhVWER6bCYlmEI1WEwLccgasBSWoNDWouD6sEW+gN76Tr+pBv4Q/exkW8261bRYgfrVkOxh3VroIhg3UAoasAAvptsWeHZUsA79oB/eFR9Z8BTU/eYe7XTHvT1dKBOjXN6hM75sTjxie5EE7O0zAVqEO0EST1YHpHVsFyNyQTnzlxSvyYMW6GfcK2Cg2GUakQ1OhDPLGP5PLtxLQ4H5gO0js4uZ1UhUXU110olLoyF+m9FGRiWgaAARNZms2HciZTyhHUwYVRv/40fxQAxMLGDvpTcIDiQ16kP2sYlx7wC/SSjkSeUsjQKJrLfl78oaiIM2TDXz2ljFHRA2dWyWS+diyIUlqV/my0Vi7VqIVdtwppGUsO62sokzU6R/SramLNsSsnRm4osZ0ixQ1QsMwrGxNbm2z5iLStHdHNko0nokkjXdDmPruRWp1kuBcI+3fQ51yLfXRP4VJkb7GLVZy4MHgFIymNE9ILQryQAdSkUEMgIOFyQMGK9YHDYFkvDfLaO6LZlm9lsEQJthdn5lp1NtEA1n65g/VY/NwFK2nNGVM5ISvOYMD4aAiIiNcdaCkIblP6EIXaSbgCZDJx6mkeQWJoBQJIeAlp4nNgx+URL6TaxfiQNjIFq6jaEqc5OsF5vBekhpBmqibECFZDB3Fls05yw/xAJNSvKk4SmeJ0W2RMoEuQo4SlISW3S6y1lH9XW2qrrQix05vxjBfd961KUHnlHC0hjud5a8uWkaNTRu4vefLvbbZDN2uMEKM92Hl/RPi1YNTYx+UTN6M/SjOWyo+XV9XZTS1i+Wsc3iEX1BuSBNoGPmj7UoPVSZW1poYM1QKzRxWjKsj1NpjhOWgsr9xb74pR0zQewWu9s8hrtTCV4JaGykmz+xBBeFKxcoWlQlMV07n/1c1pFlUhs6aEh8vb+gfbQsv9s81U8nPG2yZa2oW6Oqo4Hz8cjfstmF5+g6U18QtiPEP2dxoU+KbhZabB7NyJz2HugQfo4Kbhe+flDDex51yyxe42slW/V5A/YdlbUTbBZZff6McWqOWA7WYW0VbbulrtdkuVyVgUSrHc6nWbdwc42rMx1rf3+ZnVyjozkxAvlB2WLH4iLn5jlUon1P9RKNOUGa8jt8YFeXI1G9Y+WqY0hQIs7rlehcRiJOnltbuWjllb1qP0WRHTDTlTr5dloNUSZuf3WZFS1sAFqDlKncS9e2fqwgf7sJu/FNBV32JC8GWLbRT4VJQBmgB6cDO/1EOnTu3tFTlkt1biae+nD3uD63Z1OXa0nE2hJUvMhcQjbquUy+5aUzSijhrW+sPL6xVcAgnGLFrvBX9PAWqyHtTNhEp2ng9sUb/FG2zi3qfc3yJZ8sMA2taIKm2eInT1+jqv8ZFiQsdBSCCct93yVbpbkqPEDUQdANfmiTbiCZbBAZQUjHAqDVemoYfK0KMU8koSBoRwSpIEEYpS0ZcGdxMZYN1WDRYkmBlmVKsgANcj+qBkA1JIUJFaK4TmazBSQ1sbWCb+QnOiFSXopo1TONmERb/H4NQgfPGp5ypnV4NtQklHCtMA0GPPBVJxlxGQSSAwjBcY9MHO0WAAiHMuAZiWhbiDEEBcNWgJgpG1BBiVKs50YYgZ/gwH25tuYHzV22FAdnS/m4Rvnkh/QywARwEA7BBtgE2zrbr0+XPja4hlRkEXf/DOTlWS1BgcOAtEDMsLIl8X851LuS1nakz+WAkml0C/KvbXrQOsZ9ieyZr0TA/WJhqHnrcotAC8/UyD2Grw99UfX7M50IEiu5tHCZQG5c20MsizE2+LA1rN5M5vVDKVwIF/cp6CYCLJd7QQWwgRQZ2dXMb7ldEMvQdSMI+JOZfKK1p7w/VFAp6Y22FChiMxtrR0Bql9eCdrgHW5Mrx9Nj4WFoIautehnI+S/wi8UfjS97LdMH8VzVX7svl3ZjlcsQ6cYddT4uxEC19ygR0+1fkDcOyqcfWMJDeUGTu49pZzZr4zs4BWVvC4CPqK7FNL+seR9ZDJRLkVnZq0auhwlEEZcaUKcRzc5OeKO3gm9XmkKQU/I5jwzD0aJEnSBLl8VYYZKRlOsKM20of8ujOslk3gMyPUsCw5x26wFHISEX6ezCwS70VXxedo7T4tRHXRphD4Bn36QRBPYsA2fHc/AtXgmuJri+G2aI3H9XJxfgHE7s2ej7iw7cbnyPtp2w7EQEItIO0qci4abbrmEQeWB9HVkAL4Wr9yPq+a3oWogpFkQEpvHpgkSuAr1ufba2MgCLKAEYhDE6i+GMlZqHesv+e9ba11q8idRs7F6Supsp9sF1CuagTSu/EDzw1aNW41UauYaRQwr0/Pr+MYvFDjLrYHYrE/rUZV3r6L74scGC7zuvwBqS/ScezksG3OM3Lxwu7p0x/P4W5vdNn8xXHpab94Iuy63Fud4ejpr8siiDUFcUm3Hppmt9z4gLn5QudBOi9edK+vtOzVXq7EyjvXVfHbYvFFBXbjB+fqt8IjGCrtVfRgjyWrF1PlxUGneoy/sc55NOCmjv+N+EZqVFMl8Yn+uMgBle7GuskKGI9ePkgQmRVP1NU6y2qoKFIylgPBysyguThGYkizS0BMlKiX3WylmRaezmQ/YZJx6S7o0A7EGOFN7vafmCWdu9GghCCkMEACLdg8bGgctAktq6+aQqix8sioUQwSNyd7IvdcENRTkbg9Jm7JhWVXbNEuHl8IAa5SAvo5525UIL92jwc5Mrx1SLek2z1MFjCydUgZUU3CrNq3fCgMLlfbpGEIEYhcjWKnaC9lvFM25v33UuBbPRoJYhgC1NRbNvDwZtS99CiIO15DGXWqnG6HUuh5QpWuGj16tKi9LlsUT7OOtomwbVg75bItg1HLwxYoAqGUH6w14N8wJ1qih2lLQVvk7mQqQViuV1HL9s4N2uyrpq5dA94S/oi0FU+enc73wELE9kxVjGCWhLm7zHd+zbRKQwwNIdK9o2k6NmmVx0udANZBmcRyMWFtJyzYJNHbQULNDAlqWmvb7ERQTiJHLGwhpW2Rb38wDBMkc0vyWKnMuE9iGAbSrjWWsR/eCWFc3tD5J8H9M9MtSEHjnvaLc0DdVJZlQfS2ATLK5VOlOMaSh1wGcoixNsWBpvlqtvC5pUfb7r4BmOJrADJYRtBsYQ6SFAgI5yWBpcfPcBh7G3zFxE7+Cq3SUEhFEolyubWDUclgh8a8lkyEgERFT1CwktbWtOciQ+e11nNJXZ2cBrM7MrBzUQsM0I9tWyM9bd9nw2dIz8hrVivv10tMUmc4RXXySLOXqCz/ozx6e6o9FT9YZle6IxLqAIEpgSLB+5REArKCXJSg/CDJQMfUEXmOOAVuXWAZNQkcyFUsN1FzkSWjbDEVXd8rscEYvl9jmvKlSddKCQ/DAE0kk7KZ4eVdxvxuVHTaUXWj3mGwTLgnh2Gk9C7PbqdG0IDs3ykIVaILjklZIQ9jhm7Kj7Ni/3K1/83zR+/GZH+KDQUiE+ByAtJ6SKJMHmhAP87xcTJiswW4wQwIuKKdD5itpd26+uymLUNoi+UaLk6xgiJlK1fYcNE+IcqmGcqIM5S+RMCRBAeABDP+e/CvAAAlAVOW+vUiCMhb7JQTlXoDgIOzHAEMMBAmxgHv7v/zJvaevJzYicWHQ7DuQcVbolb8QZAFxcvboylJb4epfd343ZXZXcTvqG4pFcZ/pHKMuhDgJO+4AVn/Of4STsigcLZzeN5wf2l8sHDiphAuIlghZg3i1Nmi4kCEeFJyorPKfxVILnTNOFAs78Q6kMI2xi0L0QbQDM1WKtEpj3VlXdPlZ2vaqtvD4PhalQ8AOCmRKNRGbcS/otxDMJ9TH53pUKhbk/PgvwXOjBmuYjs0THpIXf44nXGSxHYZRNj2+W49+TLFPNaqw8mIssrSFwe/Id9tY/yC6f5IuAWAMxJIv4x7WI9MILYbjhdpfEq9LaytfGRtdd9UTxLFpSlIM/Pe/+fK5ZelwIAB+pDYjNTRVEaQh0s0OE2f0bciMST8ck8fOKOKZw/9dLrfGM0KJQvEHZIe+h0Ks3yx8j9TILFJpMHR9ulphThhF/M7SyUzRP1sbznD9VmUkfpDymj7Hxqi+0GiZCU5eaYzFnNg46pASxjpNh/FULb6ETSYk3ryYTcAFoUveyLJ2pGo0r+15VY6+pevWhMLFfrF3+GB/vkc5teeUv2DqwOgw/gUSJWVMOAVIzBuXx4RRSbPMH5H2iPIXQ3Ulnxw3Rtt4OF9EgqTYXFfw94fZ4jSWvR/u3eqHO31bb17NlXa7YUMYH8y92Uias9j7W34PW2o59060H3XxAdHr5r3+Z+8F2suRCM0RCz/XHsvxp7LtYmQacxuhHvcMOMHaVX19HsIpN3OZseBnCC/QUSgb3WAWqBc3but3n17FpmmnjKWrkWhH7xvlnM7YxONWtPTU/itgfbWVxpSM3/cwf1e6UM1ktRoZPZ4sDJ8+PpocLij6ZmRG4M+FMA1K5xtWtzHeiVxAvPpmK2jCAZMdaMcpGmKdC+xEVPA77lEASB2nraDtiOF3fGfWW0fsRvcPtgvSE7xsRzDmHV/gHm4P63NUXxMNYcI+WEwesioNzymXfI1TwlUS1ajfONB1dI8v2vw1K1Qsu86yXxe4uVgp0Hmghgc3ef7OYoG2Nje9vbw62zqx8Y2ZuhDcTRo8tk2L0a7MbmS4FZKeBpt1gFHN05Dmy+oZuldVKkGOldnbO3KQBAKyaiWKsV2qQTQst1HHzWNPEnqjsTBS5Mt3YtOrkoortEfr7kPIELJV0yvMmLdjB3Hk8lyAJtDhPeLn8Avhy9PDeSjJh/PDUJYUUZDErXT6eNba4hmaIs436uFFgItvl9j2aluly1pgDYOlhTo22iXt/dtn9/fEV3NTnNvl9rDXbp95r9pusKXJbL1zsZ8vtVwMs8yBaNdRgZZHh2yptVxfXOb5MG5jKIyBX4D90qXxgdNrTraoakhT63L7rCmdyJI/7n1g1rPllhaWrS10uZpTtN3mQs/mC95yp5ONklnFly521DoEv2spuCO+2r9OO9fiDsvighcr07xi+GTHK/y/YrvdUC2YanRTCjtnsKyfMGpLlfbqVLAkWtZWk7TNhWDU2ufj+qd/DgqjKf5/zrGuODruSISVGOCH5ocWmafjt08o3S53z7dX75U550bNut7gfUR9M7N+rO5blCX2Yslzsf3Qs3jEPJnjvGUAPsF888K6VThj1HOz0ca9Ze//ZWiU1inrfqK9BCyxncBYW9L6H/CNtnCQ0OJDH6qgWGuQ0FkR2MHaEdXvQFBuKnRAztNkqXjmhwxEwPAtRSl5zEMgkWEO2scYcqHnXFgaYwyr66utIAWtqtdkKajQRwLWPDaN0ugw3k55uVFCa0OI6Y2lkZFSb6Zw2H+4SrmjRz+a6MhmiRWMUjZKjqRzTLY9j90VZVbY+J+71ysr+Kil81He5r/Iso0c0pkk1gwdvZM0ie6ShFmqaW6FV7zon6S2ZUe5jlNmTlLsD0nLtsJkoTDoKvAvlcPySXaufmInzhfxP0VYLMDjTv6zzWN7x73DRV8xr3363oVvvzXZqvf3myWBZeR7czbc3ARlOyyoqgZqYnCYaI7GQiUlUAwUW7I0FnbIoUCxUExJyZqACOUVeqf9GJqnVsuxg+RBrHwtLVWryehUNEUdkS5s3kgbp6uLhJGitWhpNf0MamAe2vEIMfFdjE4+KhkkDZboXAqoquzREE+TVPaNt7eriENk4HbRT8C1qp8wbIH3IlO/obbCcTEdwQsc69YHScmBsN2YK5AIq9NTawUdpfRraNQkrcSKzrCcy22Nnb1VCW0ya+4hjkT0lwbXwG3w2UFEj9TrCN4G32ovWmKVcz285lwtRWetE52w5v/8O0TJsc4R/WZG+R2ks1d4r7i4IGKZsRNaatthJ0U5GS+LDE3OS6o5bluJNX5A49l32PFoD4yxleDxGZS1NQpOqq5Jhp+p2LHEC1HKdj+SkCMkIVvHxrpQRFu2/FktPDAA17xdMYEo25a2jsp3rTGRkOGMDHHYgOznkVM/i/vCAtTque/O3+dy1hXjFMj0eKr3tm7vVCBzz0lUTzMyGdPqzd4EJhMzgco0CvxtZOw03JqdiVAun/414iXNc6LHb5jKTMlKOXNYDObluAedcMmWLSWQQ9WHSzoFHb6LszQ+5VqfmeO7qGBLUeqAo86HItufLWWEQFkgQWa5zBaRSRc8a1kCzYJ1ewiFKQTjiIg23Dj1Spuan2JnfIY6joPVer0azo/c47gISJvjDvMp6MAE27gMN2iiL+fahw/jmh8TwsVCaWKgiMfXXszMdFk0HQg01KE0hzCdLtT++ymZ6rMmMRgCkNZM+2TT4YzcbG2O+kjofDc/CAimSNzxka2JJ7f+yKQfjW/StuE81BbNdvixqqfkGwVshI877Hfe3zWWGu7kFEZALo5jrxDsMxha7u7dxndPfFZyHlUvND1IM7shQ1suiXL6LYPGXfj4dOhC58jPGXDhxo2F8LG/LCbTPQ3E2ar4ej0/1iY+3b29jaVwFtqlBAWn2gn3HsXGwvQ4GxW/Xm+tsolLd+83sBTAV2ApxxQU/Rgt2+MsfWfRzGBohGFABtROP9H7M5xkIAxohAyMzvlvZ+mezBs/iowKLOWXhdIgjJGDAE3RY9btGemANbB3ZJwsJRS0wMEIs0goA57uobQobsuPob3wGeSf26h+JDWlVylwWb0tIpwSCdPcxgVQsG9jflaT265KYu8/7L93PIM/uvBcPtqVUpuw+tOCGZ8MDarl4fEeeAC+fQJuhlvqTA/AUlhEqZFwiyXOylVGkd+8uS12LWa3ur9b/uh+Daf+lMACoaDKPpvuwozuDEyJKVq7C89Rc4D0kF96omxi05pm1MrbyQmWaVF2v6w0j8Klchx1hhndAjE8XGyLvyRn78U3+0V7+nQBfh8ru3QoKuBboZuOtpmoFyBGiITX+AcJTW78nSdBEBSK8pGQ5xRm05DnLrkYYEbJQNocvyTyTrHTIVI8gkYfRcTcPjsymrQ6aiTwUZQgGFXSa/qvmqLw+UPkltREi4RjeGGiJCfgrvyPbsQ0amtt7WgF/6rgr6ivq+tXNK04HPQm5g0QitxyDdN4Z/wMXriM6dMG5g+PH6wbb9+ZemStnfHThmvb8RP4HOKGHcQc/HRfxueokMk4OlHmn1ubpE8YcgzT9JkHZ3V5YerhOK2aqvUoInoIV0VDziNgjAFCJ+iTwuSzt2+f7SucGfR49uDBM3kSDx277Agq3zeDn7wvcccGImoBEJTMPYls9N3wS2zD0r+vhFwRlr5xzRV7lMvzoj3aB1wHuvqo9CiT5i/OhYa7/sz9E0wYlawuab18fvT8+MTT93bvgZc4X2dOYhzkmRBNDhDmwTvIIJnrfI7Y3VT/CbmHlYNQd+hP9QX6kQ6aScv0nM6caN784J3baWaQGNXTc81A0vnB7oOgn+9/2xqYFMwTgPxi86BBaLHJQmgYbBPiNuGE7bH+2KSfycX2vL579tmdy+U5ZTl3L9eZ545/6voDlX7Un/0/o8e/l1Rinnw7/5nWN3H14lXg//HU2dnJ8dO///Ih479Pnz5/ftfZZMfz4Dbw/feeRtXO/f7+T+8jr10WXY35P7/5BHkwXWtw+TzxN7znEfmmocqRef3L3/nz1JBzwXK/VD6q7BR5zRHSX1XI8RO5vwzFvwBY4LUJXbwn7SelcSHVC4LB+cflDx9Nbqurq6ePabBYPAeDcN/1eXkb/CItIwXujvzWg/AXfiLTUQZz1sCQAZGYOArtBUaopuHhJtiiGT42jDQ9XyIijhp9SHKUtyiigKnQUmjqmWUZ7y0NKzJDmava54yaM0HbL+WjZqfNZNRBZJQ2SJOZnZ64vbJUKW2QyjckpZ6mAn8DY1dXw1q+cpgfxY2sqY7kKXnDUbyWq6tXctRwurHI6ppIbhR/WMmXWSp3d29lWrMgyQ7k9m2kD9lRZAdGDAHkKAGPvC6j8Caoy/DOc3/3uvTZ83Sx6xUbHbzKKiXSA0EYpLgDvn+EvZG5sfF7k0+zJz4qRhe5jEXT5LV0+L26Z/30qTWojzXTHXG7k5OXgy+YL8DjjJGRLLSpGZd8L52RRa0BJ8qEX78IARdZ1gE+bxGvDFhlaZFQgXULSb6e9RG6qglOgaB7wMLi399r8crPW/xfzkFJZgm5JhqrKX5JlS+cSImPxCoCxRizOCjBCc6ip4vQ0ogwI4YazrZwSWWq8ZZFAo2S0hovqrQYEBawy++KQkOM2GXC/IEQnCDbsiDNJMWC06yKJPOuZHG0BEoinPK/pU258w2VUx0smYO05llZBJko3jwJb6F2Tgoh1Yf/rVmgtsqRY4L9j7FzFmSqsgkuyRaZKbhEBqtBEUpins+wyMbTM2HNHCxyqAX+o+X7iWIruIT6l+cvVb+Hd3l/dauHAnH8pQv/SRJqk4XvF1ovxYFAQf1X+30RezN8Vin/NiuBXd2e+QhcejO7Tpet/qag4arGXcuJHlaZ78qC7A1twfZlj9gZCGdBxXiVMS392+azZV3ABQgGAFyyeXNJ+uAJSbKChzMfkANpbRQYZw4H2/QmOZufupf4tQR1f7pZYhu7DzeBD8FP4ELxTwwhhgnc1XhInpwsVx80EfSwv5egbhxPtSA6EQVhhEx/Sh0lLCsMIizOWwbCgICCGf9i9uuU9ye1+sKgiYmzGFm6eOm9xesj2sIg+7dBF4m4hr4g7m4JXUT4yS6K4dKO6voZFBFegVX3PIVQclk2B9wHhMiLF2cLiX6x6PBIXBbOExg+eki4XWXuzALbjbrj0M0WCBr+ZvUbZzO/Z3i8zTV9I3ailza0Amt6+1Lb0Y//9L6tfpZ7vgb3Wb0HzPwsXxiBdcBIjpaIoBzXnHWWsZfyj0G2XcLl9zA5wiBSyGg0SWyeEMm3iwVTdG8P7ybInIEFiYEQs+GndxDeidx7Xba4duitUcP+M+3XyeDOoHHckSMRuEHqIC5iJ3FNkWjeNiCUVwpajdlp4AdtFgDN2DhGyim/D/D7vDE3BKf4RxkQfwN9G58oB50+SnytBYOOg1QDAI0Sv2mnQbsnfeunURgQADXIfRvbDPiprV49v+W2MhTZ++TRrsxHPXqC7ELtYfHQlW6u/02qGNpumlf/e2TDudE2xDtw9izSDiQLdWdhCmwN4Ec6gQS0Q6PnwCjz9Gn8BH0Cv34VbRLPNThJmwC8VFNrIiDyiUUmJvstukG3ZbdIHPud9D2WeLdFD1jH9n4TE1CdXULnNiWQr78ItKlnK+J82rffzbhjfy66/b7dE3l45bP1gv++1AnyCfuC0ZfEw89NiXJyf//w61orgVyGFnv6OLHFpBtOnsCuq3FbABv3BAsjtc0WW448Kv5XMFHiCKlB+GmxaIskhiy+9KXRJtaHtdzOW6K2zHFa3+OwKIqYy6OtnsypQi/Hggwvrb0mLbVMWQ33ZcJKWNFXWI2pRhni4Ug4ylANfDt60NojjYcVj1ulbIdwSKOBwunSUsz5LGl0NUR0igi+IIWBRKmeVjEpX+iJsgsvSh1E9Kjf1jpG/GuM8QVnGYEgHqfjAaHKT70+HTG+St921DXKK9WmdRUad4ZEH1550zq2uDOHcJZ8lpBvVhVOMvexzMfHRA6zdHzwMlWNl4v1luafDRST0JvrbergRQRiW0m8p08t9+RKntHIeuWCtO2Xwcg6e/RzJuEMuEKAtORqXzIjjAVpD/ItjBGgbPOG04MPuQysZiVmZXaoIq7LHRxAY/cB75hcP5NB8Hu4cGE4yYUwhENvojoOHaCuJ8Bzqq9ibKybxWd1g/nWciuYZ/D5bVaYQiwILH+UVpm2rMBYbAVZ8TzcfHnbLP6oOG17mU2/X+pDuVQBXiSQQYUQ5D9r9KH7ByuA8HnBe5KFFvIXkjaA9NxQrjrw4CkoZOqQ0xCVTAnjuIBCpnX4FI3TBfOm1tZdTD6za7EPyRYfn5apHhBBJ4rmm4FNUtFmFmrdURxCUJmG/NwhDw+Xf4+GTrDEveVGi/QyiDfNlSYExN/u8gNxLlVpyG/ShRlSEJcBacxaoAVo0RFSdgQdD4TuiDVTRBYxrTGhUGYmFIoJ2JFQiMs5UGbMaAPrCgLDGLQlGIZZ5hQ9jB91PVvcIj1skygpMlkKJcnWI9KNWzO+daXzrAfb5EJwDPBc5XzQtb8LR3s5HkkztOKQV+Np4EGQXVyYKkxr6yCs9P97299vGGXhyx45KGDZFm3VPw3ptqIkhx87gPDmk98EM4Lf/ArO2MTXxoMAt5MtjNZ//202J5m39NZazL98/fe/FgbZvLmTe/PfM9jTxpT17WPPGA9iKdghoMfp5PLu3wq7Waw207dvb2xkMnOoM7QqmbwKD+brAV4rl+fQZqhVTNZG3CR9EreRyaqiztE0rLXAplzv3uaOvvTXwYM6mm4ltPbQwRw62EEkTtEzjtTqoNXw8Ba4XCzJH+GkFXv9GjxKnOrjw/lb1nklUGS27jpGxyLNYsTMZVv/h9XbVhZB5fCWBlgNZ3CUlEOMvyvjFjIiEb+UrFQTPpN3hBTFjO4lUJjkUZKYKQFb04c7D3a2FlbrNNH2Pckeds8dqwfoB9YOg/T+2UePWujNcbpljcffX8hKtI0BQjeccTNdpxK1aWLikynZkgw8b6buEbi5CfYQhWzh5RtCy/3HT03UbJk4MTK4Z8Q01XhlpmxCYpdwfEQnbMThAf5tbk5pxRq5jL85N5f9UColTEtos9vd9lirk1axt6gevb3Pbm4cEnJm5lxTU2dEoivh4R7UjYlbWXnumW6srQp3B/dBd5GvA9VB1bBq4kzLnoqKzjZbzkysSk1d5WWZnHwmiyCYs2kWB1NTp3EJw3Mizh4ALrGcJaNarf5Iu+MiNEocjApH799gu8TxB7jn2ga97Vm02rPJk6zJqSj1sF8fuTZGx7Hvddn+/cz+p4VlwL6grLTQHi4vKCpB7PPLywodR8tclXLZxIRcDp7W//cfgFv+uPzLJWBZLxy7fO2aOwQBLqJ/iOJyUZl+yOU8RLvM4UC7HnC5BLzj+d3JJnqT5N1O55voTcAz2tkddTU30kG6e9feQ++AlWqeOAE9L8+99OSfEHDbhbQQpF4+1JSxWd94oGdJ8flXj6DIFN3iZx9NZz5PzZiWydTnGSCC7yJBaWlByGDAjiFBg5wtVePyoeUSoMqvURmvGVpjsgiRDVm48USBXPCwXhU7NOiwcub/Iwyh1UrA4+2fKNr4mvijMQZl4vIgOSl69A3P0B/dcEj4nqInOYayu9khDk0842tuH5mATBSZN50/3Gwyy4Pg9kM2/7RfmjUV/h9tPk5mitZJcI68ltDQC8oCxu2shsPu7/WSdryYlnEouKU56LCaAROWbiPQ6fmKUSf2MXXz+v5zuk79lqIgz+jitOzEQLNg5bC0eOwlVLYIl/gZyuqI2gj+O7DoHU5vMCWb6gl8guFVbc71p/M91Z5Mx/HTXo6qRg9YKpYoahIAD6AvZ58+OXCMXeamvCPuYPustPTV+nRYgnknf7tygAwcHh23hL33AZRUU5OsPmgi8CWDADHl7tCDHreTTy7Ago57xp/3fRZlahaXBuwyH7zknaH7vosyND6lA44yX4PcpeaOuwr8Bf/XrwN3gOa4ptLJUjmjtBruPVwmOGtdsANIuiIIw+QC6c+BXuReMcKuc4yNOJPKVPmtcyp12YpNK0gs37Ii9qjp2JXr/8eaBSxDJRE2nL2wgbib/F87s4s6fJB5CAGRl4yCOOHY5sXB0+GucaTarbwtvnF6oDQp7DWirM2qcU92GVX53SxCoNSSNclmWGvzCpaiQR0Dyzx3esc/e5Gw6A+f/E5gUnzjRhEedAJOuPe9HarZhBvc3bWcYzqR2V5epz29LD3H09lp4MuNwRjJpqZu3YwFB0ESuOWS1HO2tn7tWm9phbfZ0rVrXr4EHr7SY2FhEEZdopBGgbuPTkfWZGdl8YD635cv+RdGz50Xgkf1QUEnjo+M6AgEIF+u3E5rB/Jofs4i513bt+/eDkQCR7TngkeTQ2KuGxe76Xib2PhWThZuOo//+yIT8caJw+cOoRALSe3I96v/ZdzYRx1psQS3jLAyuiwtZdv/UHfa5gZnGUodTLqaIwNLDGxLdko9274ivzrbEVdaWFhq7JBVk19uz65PtmRrzaq6tVT3Utkkb4905/q0nwI2PNOT1blO5aMFLcArshSj0rhoVIxSeCZoRqD+JybbqpQVETlguv3RlV7YYTVC2N4focCVWkp0totsde6WpTgXqRp38p8vIygg8Djzalepc6n1hyYJ9p9W9ZJo++ySGH0LiNK2xbD23k3gKM3NG8sBUTESQ9HZ6EgxXFSfGbDZYPad+Z1ihKFhgM0ysx/mP8iM+glKH/Kl6ijfj+2H5ZvXcG5jiDVGf2GNOR87nunSf4Kbl9DVRkmYFkySUbMySa3DHB8IyXmTanTTr9+0Ii6k0CIQ75go4M1FVSYpm0uQ6ojq1FtoRTKmlF5jSGxsd0h3sSllfO/AuG23LaXzie2T1jVdoV3FBLPx1tarVO+JwYWsBx8ep5dbj9+12lWCdv+SMp9OoFhiXcm3tSGm1PWye+u6JTY21tYVAUDh01FS3u5/LILiOR8CQoJPWqa6g7joTVviB7fGywkB4twtU7lupCgP+2RyujwojZJq66kQAmlisvQzs3XJBuu/b+3FwuNHzwJ/vf4ISUuOImtmFXjHo/SjjgZ7RI3YG5ghXjGrIUeTNLMusUBht734DieaUwe+F6j+AOQ4wDcxgOslaw+m7zA4DtAHHPE7ZjW8HJIvX4Fnli9lGhRAzg0kbR+7aAC/NZ6csUMBArlyoFAP4XoFBFgPDNDUxbGYjeOqZhVkFV9r2qucFYdnlboYMGYK58FAMaviFdKP42lJoM517u7d+ej5/CRzoOtXd6l70N4+Q98+oP3VTerGBqmIyRUiDq83ERbG4/dJp9DFXaeRf2ekpWw/x3l1z1TB1RnNbrvBwbGHxtneMGNywaRPlNZ1AvRfgLQgzaAfiN28YuklGMVXr1u1/rD40foKzSH/m1gML1PgIk1CCatl5UR5BVliJoc2msmwt/TnK2svT09/I7+Nao1xkWGjjJP5Kk5wVV4Y9bH6g8hEKPE1gY6MrzjyonF/oKW+yc+XdvIYLgTquIrqpP609686Ljr3FknWJZSF2zTGES8pUFKHW/s4wTllb1uSpyv9VIle7KX8ncFIMD6M2BRSFRETfAdXilfFbt8EX/QYv0AmhBaf3jv2HelEzg5QcKuan4/PmH+rSt+fXFFbQRyJQzerm+O9sT+i/oi62Ulo9qZ/yJJmBXzArpcLi1MixlvbXqBY20UBdWX54W6J9oGuDOFu4SoB7+gHEHFhzI+3udlssZ8fszYuvcruo/vLpgCPBMoer5omm6G8VKg/A4fap2T5iMnRY+nXWB9F2S3X64izt68o/5P8/+8WkOHA+1OOwkSUlL5Lqq1WSNNP4HOwvT5HxgFi5P4UWY4RRaVOjfSZPK8yzUPn/WbooxjGM3LR+R1fWxFObvWzkxGBzFIc7qBkdC6xD70JAjlriid+iAdrL778wd1X+xw8PmMqtZKawg94WpgmldJuKj+HuQlRyhaaon5IakwMtRbp73+OTCCK9qVrL6qMfcQ2arU4rF92cmTkpNgQJlKrZzDOmBntuqU4JTIxnu7V0+OVDkI/D9JLrWM50XjKTiWPJjMKU0M8iXknboqS2nbaSlEW7s9DqWJOy8chAzyMfArQzxFOSdge4e64qjM8hBIKU92uLgRBXnpt1krhdl3JzMJP5tC4BdfiqnnJZ8p/nk70vmB840Qn3AOPnYBb4OaxULUQw7cqJJxikXtUAxQ2OZ5g27rl2u8W32seQylzsDYrzi30MD2Dpd5akQVlQ9UippqREXY4zi3fue4EKGNBYhEJALGYxILK6k7QNmRVf/cMkL2eLZ87Kg8qrvdaaZ6htmgQ1heFyiA4DVpeF2/MCglYsa3ndPMzxgQ6H9An1FMtPae2vQ1AMPBvqqj4/Y8KogpuE1cmIBJ/Yv92J6KKpyE6TW4TNVyj7X9/PPFxW/AvpBzS8930LBpoyNTWki9FYzRadPTTaNzAvdcysSfJWr6W7Bqbg8ZG5YLA3bRk86QNxakgDQg84A2+7EUtyHasPAQKlVZPpp7T62eM6EpQ+FkS3Zxadozmh/qlWzm7TSzP1bnVMpKTzWvdqnPk4gRIVxltpwQy3+q8tp9O3qKfkVNRp0W3T158ec+MXAlW+wSF4/7i1lHZ5jUmYlRmpji0X3ry1MhIQG9oQC8LYm7Aqk/nZsDTp0H3yILsbsXvi4jReScFVKamp6dWBeyKblZFr+nft64UIkPdFt356XpKz+4dhoGtZsbZ2fsuroXAuajZwb49g9xBbbtsbtWaufnBhpZ92tzi1LPHLtms28IFrHlWJ7zN+iMqMIiWhutwpjuvxKXRJmi/K0+j58UZevaUDdt26uyO+7Mqrop0nyznys/84UxqKpt13l1sA6zWh0do8sKJT1tLRGhzwfl39GTXvptfDkbr3yWG9HfL5+lDQv12jqkiaRN9fvBBcTZg/tO/8+TOTzd+CZifq8vWo2mDvSkOXdk3WlMP75Ens5uPT2EYWQkg95vTuTip4LPxFC9PjOsZpHFA0/cuPS/rB0KQbcqjFbJJIqmAUixaRxXDfVjN9rrqaLfaP1SEBcjZtsNrF23mu6ErwwXhpDCRyqcyUNdc/hZlyfWA9lOvigGYVu3qkvES1VTTr/dtGet7ytr/X68aWKQOrlw3EKTiqnJvJJdUHNZNRxXAi3jPkA3VjpyBNo+EBPlskh8+hHRpAX1GJjbuoh3vRhHzH4RbP9kW8l0I/IULiA6/Iyog3WpBPSP2e4Ku8uR63dPhl1C5Vb0wC6ATs6cJzQypWV4FNcFjmHYFYPY3zmaCu348d2EWwy9i9Z7aF0EvYw3p2GmYbfDfinj1xGHkGTOzdoMPoK3p19Tz07dCe1Uktk8lixAQAT95jbvKn/ltCvdMVDFYMuzCaqqYT6U/1gjLGtoAoGz6vmbcWH4DUqJomfTIZfVFhkkBFYpXb+hLNaIzDteCUEJ0SJ1rr2ij7QLipGnoEfP+hnw3ah3Scb1HITN7OYM0a0L9q7VtRIWQ1W3GtZMxKVS6cPW5lZpEUMloQ+m6N3xyijePrCT1lLE5q7z7JFSEQ0wCRAqE6FNdfeBKTif6fTUeBeDngf+kyK7qL1+Ft9oT98UC/htEHl4/dn3rmXWT8GfxhI1+/TagxAOyYP5x5iKVNk/HvE4oZZXYehmIAW2KFQBTqothYqI80lUjoJHkOmIY9JdLG6/5S1ObGwBFunzXztYoUpbxa8LntE8q0SoAN5LDjQEHQLy6XPxAU7qySH2g4nOE0cR+ZKxIjPYz6+t1raL05jv+ozzUHl9DcQv4ojeuWG5PojeYN6Lob0OAz4wBw6+eKYPLCv7LZeakyfCRZpRxTHqO7XsjHSveRM82yGP3ewtDHPdWei55B9knaM9DTCmDEMTGgL1Wd7yBcYe9kVG+kSQae5VkGDvhLcya9lWmBsQ7yJMBZocxxM5AEKvBAFpgaPtTi4ZpZJJqs+hvsMnpAN3d7f2HEJGpVYvVYt4HEAQTFnFv1yJjOwae2/eOCTjHrQ+8ASOLibn+bbkch00sDM8X1WAALTC0/Sm+Kxqm8fWlyp3632CT00Gyxuld/0OI+NFbtVgpgA+BlNboSnHc27UgOrZRJvCcSO+YglvO5taLa23AyGLSyPi3JXquUVVY2Jfmuy+h9q2V1Hf7H0AeMQmSpEiTIUv+77cTAYX0C8a2JJlsLl8olsqVaq3eaLbaHWhzrz8YjsaT6Wy+WK7Wm+1ufziezpev33bw/nhCMIJiOEFSNMNyvCBK8rftqPaTh6RpvQH4i3I9PwijOEmzvCirumm7fhineVm3/Tgv19v98Xy96UNf+tE/pdq3xnGEBg1TF5MxEOMtHbrDMZ4Ec8hPtbjwE2aN7su2hmOjBZlUmR4UcEp+k7g9ecjV3a6gkcNRfJNdgij1QpriAQK7SQh8UHfLDnwgx3qoBnO0gMqHoreyjEPaXp/TU7ktDSAaXe2YEJnQHa4yNnIxuhET9opzY+pnnCwQwYER05tPPEMjkFTvvDSmBXQwU/xC9/zp0E4CodigJuGkCrBnUcyggVunycbMQ4hMJVIUbYOei1HL6fXM2+YA2KNmwceVSmnWhRxQDu1E/ZoSDpoHJNunI2o6JozjW44gqwd1P7v7Y/9TfaiK+1cYxsMqi5xi4twC2SFxaZoZknyIXWW8j4+9TQi3J07bVJ0TV1D+5sb8qWghaj5Pia4P2kOuo8RV8vl6Hk2ay8oFVXnNFoMBSVVVX1BdId1J0idoONLlA/5r5cqsLZZHKw5AE+m6YTw7AOInO/K6OlVOXFbrL6VuR6ABb69N75cQY4NkqeyMp6Spms3yAfZX/FMRHKX2Tp+6PokwXZ1TcSt672xlOseW6+Oi6sZo5wqjYm6OKCFZR+CePmTupGSy28hjflW5ItKaivdHxSsuN/mhYlqov2wffImZImx+IAK1F7SzTxUtsrwOV7ZeroS0SxhOZTX9VZer8Ad1AH3Xwv1lSyyrWqtQxWx5dosnbKnle222DqPkjZ/tMnWIzRpFygVcR3AoIr5rtkp2OPKDeRRNJ6WoZrYfd3mNpCgjrEVCLBssQ+PDifjt7mtHAr7rWYTnMsPddQ2GwGFL+omyvQA=') format('woff2'),
        url("http://at.alicdn.com/t/font_1490400_xfzcdi6jy1.woff?t=1602665974457") format('woff'),
        url("http://at.alicdn.com/t/font_1490400_xfzcdi6jy1.ttf?t=1602665974457") format('truetype'),
        /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
        url("http://at.alicdn.com/t/font_1490400_xfzcdi6jy1.svg?t=1602665974457#iconfont") format('svg');
    /* iOS 4.1- */
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-close:before {
    content: "\e760";
}

.icon-icon-success:before {
    content: "\e740";
}

.icon-nw-wx:before {
    content: "\e67d";
}

.icon-nw-em:before {
    content: "\e67c";
}

.icon-nw-ph:before {
    content: "\e67b";
}

.icon-icon_email:before {
    content: "\e645";
}

.icon-icon_location1:before {
    content: "\e646";
}

.icon-icon_tel1:before {
    content: "\e647";
}

.icon-icon_skype:before {
    content: "\e648";
}

.icon-icon_qq:before {
    content: "\e649";
}

.icon-icon_wx1:before {
    content: "\e64b";
}

.icon-icon_quest:before {
    content: "\e64c";
}

.icon-icon_answer:before {
    content: "\e64d";
}

.icon-icon_arrow1:before {
    content: "\e64e";
}

.icon-icon_download:before {
    content: "\e64f";
}

.icon-icon_date1:before {
    content: "\e650";
}

.icon-icon_dp:before {
    content: "\e652";
}

.icon-icon_link:before {
    content: "\e653";
}

.icon-zu6:before {
    content: "\e657";
}

.icon-icon_detail:before {
    content: "\e658";
}

.icon-icon_emails:before {
    content: "\e659";
}

.icon-icon-arrows:before {
    content: "\e65a";
}

.icon-icon_details:before {
    content: "\e65b";
}

.icon-icon_top:before {
    content: "\e65c";
}

.icon-icon_submit:before {
    content: "\e65d";
}

.icon-icon_select:before {
    content: "\e65e";
}

.icon-icon_home:before {
    content: "\e65f";
}

.icon-icon_select1:before {
    content: "\e660";
}

.icon-icon_hufu:before {
    content: "\e661";
}

.icon-icon_searchs:before {
    content: "\e663";
}

.icon-search_lighter:before {
    content: "\e664";
}

.icon-jiantou1:before {
    content: "\e665";
}

.icon-icon_success:before {
    content: "\e672";
}

.icon-search:before {
    content: "\e675";
}

.icon-langs:before {
    content: "\e676";
}

.icon-person:before {
    content: "\e677";
}

.icon-instagram:before {
    content: "\e611";
}

.icon-facebook:before {
    content: "\e681";
}

.icon-weibiaoti501:before {
    content: "\e60e";
}

.icon-weibiaoti502:before {
    content: "\e60f";
}

.icon-twitter1:before {
    content: "\e80c";
}

.icon-huidaodingbuxianxing:before {
    content: "\e610";
}

.icon-iconset0413:before {
    content: "\e724";
}

.icon-iconset0415:before {
    content: "\e726";
}

.icon-iconset0416:before {
    content: "\e727";
}

.icon-weibiaoti39:before {
    content: "\e638";
}

.icon-weibiaoti40:before {
    content: "\e639";
}

.icon-sousuo:before {
    content: "\e651";
}

.icon-gengduo:before {
    content: "\e600";
}

.icon-gengduo1:before {
    content: "\e61d";
}

.icon-gengduo2:before {
    content: "\e625";
}

.icon-gengduo3:before {
    content: "\e62d";
}

.icon-huidingbu:before {
    content: "\e6d7";
}

.icon-xinlang:before {
    content: "\e620";
}

.icon-icontwiter:before {
    content: "\e612";
}

.icon-youku:before {
    content: "\e69a";
}

.icon-zuojiantou:before {
    content: "\e626";
}

.icon-lingyingbiaozhun:before {
    content: "\e64a";
}

.icon-iconjia:before {
    content: "\e603";
}

.icon-jia:before {
    content: "\e605";
}

.icon-up:before {
    content: "\e602";
}

.icon-jianhao:before {
    content: "\e622";
}

.icon-facebook1:before {
    content: "\e613";
}

.icon-linkedin1:before {
    content: "\ef22";
}

.icon-instagram1:before {
    content: "\e6c8";
}

.icon-in:before {
    content: "\e61e";
}

.icon-tubiaozhizuo-:before {
    content: "\e671";
}

.icon-jiantou:before {
    content: "\e616";
}

.icon-xiangzuojiantou:before {
    content: "\e68b";
}

.icon-xiangxiajiantou:before {
    content: "\e68a";
}

.icon-xia--jiantou:before {
    content: "\e655";
}

.icon-weixin:before {
    content: "\e601";
}

.icon-facebook2:before {
    content: "\e662";
}

.icon-youjiantou:before {
    content: "\e654";
}

.icon-zuojiantou1:before {
    content: "\e621";
}

.icon-fendi:before {
    content: "\e608";
}

.icon-icon_:before {
    content: "\e604";
}

.icon-download-arrow:before {
    content: "\e606";
}

.icon-ziyuan:before {
    content: "\e607";
}

.icon-icon_prev1:before {
    content: "\e60b";
}

.icon-icon_next:before {
    content: "\e60d";
}

.icon-play-button:before {
    content: "\e614";
}

.icon-zu:before {
    content: "\e615";
}

.icon-linkedin:before {
    content: "\e617";
}

.icon-facebook-logo:before {
    content: "\e618";
}

.icon-zu1:before {
    content: "\e619";
}

.icon-call:before {
    content: "\e61a";
}

.icon-download:before {
    content: "\e61b";
}

.icon-ziyuan1:before {
    content: "\e61c";
}

.icon-zu2:before {
    content: "\e61f";
}

.icon-zu3:before {
    content: "\e623";
}

.icon-zu4:before {
    content: "\e624";
}

.icon-lujing:before {
    content: "\e627";
}

.icon-zu5:before {
    content: "\e628";
}

.icon-twitter:before {
    content: "\e629";
}

.icon-ziyuan2:before {
    content: "\e62a";
}

.icon-ziyuan3:before {
    content: "\e62b";
}

.icon-icon_icon:before {
    content: "\e62c";
}

.icon-ziyuan4:before {
    content: "\e62e";
}

.icon-icon_close:before {
    content: "\e62f";
}

.icon-icon_down:before {
    content: "\e630";
}

.icon-down_icon:before {
    content: "\e631";
}

.icon-icon_send:before {
    content: "\e632";
}

.icon-icon_down1:before {
    content: "\e633";
}

.icon-icon_tel:before {
    content: "\e634";
}

.icon-icon_search:before {
    content: "\e635";
}

.icon-icon_inquiry:before {
    content: "\e636";
}

.icon-icon_prev:before {
    content: "\e637";
}

.icon-icon_next1:before {
    content: "\e63a";
}

.icon-icon_area:before {
    content: "\e63b";
}

.icon-icon_location:before {
    content: "\e63c";
}

.icon-icon_date:before {
    content: "\e63d";
}

.icon-icon_arrow:before {
    content: "\e63e";
}

.icon-arrow_prev:before {
    content: "\e63f";
}

.icon-arrow_next:before {
    content: "\e640";
}

.icon-icon_backlist:before {
    content: "\e641";
}

.icon-icon_wx:before {
    content: "\e642";
}

.icon-icon_youku:before {
    content: "\e643";
}

.icon-icon_sn:before {
    content: "\e644";
}

.icon-tel-new:before {
    content: "\e667";
}

.icon-new-mail:before {
    content: "\e668";
}

.icon-wx-new:before {
    content: "\e669";
}

.icon-sta-new:before {
    content: "\e66a";
}

.icon-sus-new:before {
    content: "\e66b";
}

.icon-gb-new:before {
    content: "\e66c";
}

.icon-pai-new:before {
    content: "\e66d";
}

.icon-tel2-new:before {
    content: "\e66e";
}

.icon-sl-new:before {
    content: "\e66f";
}

.icon-right-new:before {
    content: "\e670";
}

.icon-icon-step-bottom:before {
    content: "\e6d0";
}

.icon-icon-step:before {
    content: "\e6cf";
}

.icon-icon_error:before {
    content: "\e666";
}

.icon-icon_block:before {
    content: "\e656";
}

/*# sourceURL=/themes/cn/default/styles/main.css?=v1.2d */
/*@ sourceURL=/themes/cn/default/styles/main.css?=v1.2d */
.button_menu,
.button_menu .menu span,
.news_list .text_desc h3,
.read_more,
.btn_default,
.btn_default:after,
.btn_default:before,
.btn_default span,
.btn_default span i,
.crumbs ul li a,
.crumbs ul li a i,
.solu_group_list .group_wrapper .img-box:after,
.pro_list li>a>.img-box .img_thumbnail,
.pro_list li>a>.img-box .icon_link,
.hot_mod .tig,
.nav-tabs_wrapper .nav-tabs li a,
.nav-tabs_wrapper .select-wrapper .select-button,
.loading .label:before,
.loading .label:after,
.btn-primary .shape:before,
.btn-primary .shape:after,
.video_wrapper .videopopup .btn_video_pause,
.pagination a,
.pagings a,
.pagings a span,
.news_mod_list figcaption .desc,
.news_mod_list .category,
.history_slick_date .slick_item em,
.history_slick_date .slick_item time,
.validate_form .form-control,
.support ul li .quest .icon_arrow,
.support ul li .icon_arrow,
.support ul li .icon_arrow:after,
.support ul li .icon_arrow:before,
.support ul li .icon_arrow em {
    -moz-transition: all .36s ease;
    -o-transition: all .36s ease;
    -webkit-transition: all .36s ease;
    transition: all .36s ease
}

.hot_mod figcaption h1,
.share a {
    -moz-transition: color .36s ease;
    -o-transition: color .36s ease;
    -webkit-transition: color .36s ease;
    transition: color .36s ease
}

.poster figcaption,
.pro_swiper .arrow_slick,
.pro_picture .text-info,
.pro_picture .text_primary,
.hot_news article,
.global .list .box p,
.global .bg,
.location figcaption,
.service .caption,
.popover .container {
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@font-face {
    font-family: "Lato_medium";
    /* src: url("http://absen.cn/themes/cn/default/styles/../assets/fonts/LatoMedium/Lato-Medium.eot?1644992441");
    src: url("http://absen.cn/themes/cn/default/styles/../assets/fonts/LatoMedium/Lato-Medium.eot?&1644992441#iefix") format('embedded-opentype'), url("http://absen.cn/themes/cn/default/styles/../assets/fonts/LatoMedium/Lato-Medium.woff2?1644992437") format('woff2'), url("http://absen.cn/themes/cn/default/styles/../assets/fonts/LatoMedium/Lato-Medium.woff?1644992437") format('woff'), url("http://absen.cn/themes/cn/default/styles/../assets/fonts/LatoMedium/Lato-Medium.ttf?1644992441") format('truetype'); */
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Lato_Bold";
    /* src: url("http://absen.cn/themes/cn/default/styles/../assets/fonts/LatoBold/LatoBold.eot?1644992436");
    src: url("http://absen.cn/themes/cn/default/styles/../assets/fonts/LatoBold/LatoBold.eot?&1644992436#iefix") format('embedded-opentype'), url("http://absen.cn/themes/cn/default/styles/../assets/fonts/LatoBold/LatoBold.woff2?1644992436") format('woff2'), url("http://absen.cn/themes/cn/default/styles/../assets/fonts/LatoBold/LatoBold.woff?1644992436") format('woff'), url("http://absen.cn/themes/cn/default/styles/../assets/fonts/LatoBold/LatoBold.ttf?1644992436") format('truetype'); */
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Lato_Light";
    /* src: url("http://absen.cn/themes/cn/default/styles/../assets/fonts/LatoLight/LatoLight.eot?1644992435");
    src: url("http://absen.cn/themes/cn/default/styles/../assets/fonts/LatoLight/LatoLight.eot?&1644992435#iefix") format('embedded-opentype'), url("http://absen.cn/themes/cn/default/styles/../assets/fonts/LatoLight/LatoLight.woff2?1644992435") format('woff2'), url("http://absen.cn/themes/cn/default/styles/../assets/fonts/LatoLight/LatoLight.woff?1644992435") format('woff'), url("http://absen.cn/themes/cn/default/styles/../assets/fonts/LatoLight/LatoLight.ttf?1644992435") format('truetype'); */
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "GothamBook";
    /* src: url("http://absen.cn/themes/cn/default/styles/../assets/fonts/GothamBook/GothamBook.eot?1644992433");
    src: url("http://absen.cn/themes/cn/default/styles/../assets/fonts/GothamBook/GothamBook.eot?&1644992433#iefix") format('embedded-opentype'), url("http://absen.cn/themes/cn/default/styles/../assets/fonts/GothamBook/GothamBook.woff2?1644992433") format('woff2'), url("http://absen.cn/themes/cn/default/styles/../assets/fonts/GothamBook/GothamBook.woff?1644992433") format('woff'), url("http://absen.cn/themes/cn/default/styles/../assets/fonts/GothamBook/GothamBook.ttf?1644992433") format('truetype'); */
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Franklin Gothic Demi Cond";
    /* src: url("http://absen.cn/themes/cn/default/styles/../assets/fonts/Franklin Gothic Demi Cond/Franklin Gothic Demi Cond.eot?1644992435");
    src: url("http://absen.cn/themes/cn/default/styles/../assets/fonts/Franklin Gothic Demi Cond/Franklin Gothic Demi Cond.eot?&1644992435#iefix") format('embedded-opentype'), url("http://absen.cn/themes/cn/default/styles/../assets/fonts/Franklin Gothic Demi Cond/Franklin Gothic Demi Cond.woff2?1644992433") format('woff2'), url("http://absen.cn/themes/cn/default/styles/../assets/fonts/Franklin Gothic Demi Cond/Franklin Gothic Demi Cond.woff?1644992434") format('woff'), url("http://absen.cn/themes/cn/default/styles/../assets/fonts/Franklin Gothic Demi Cond/Franklin Gothic Demi Cond.ttf?1644992434") format('truetype'); */
    font-weight: 400;
    font-style: normal
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    border: 0;
    font-size: 100%;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    font-family: "PingFang SC", "Source Han Sans CN", "Microsoft YaHei", "STSong", "SimSun", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1;
    text-size-adjust: none
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote::after,
blockquote::before,
q::after,
q::before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

input,
select,
textarea {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0
}

* {
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box
}

a {
    outline: 0;
    text-decoration: none;
}

a:hover {
    text-decoration: none
}

body,
input,
textarea {
    font-family: "PingFang SC", "Source Han Sans CN", "Microsoft YaHei", "STSong", "SimSun", Arial, sans-serif
}

input[type='text']:-webkit-autofill {
    box-shadow: 0 0 0 1000px #fff inset
}

[class*=' icon-'],
[class^=icon-] {
    font-family: "iconfont";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    speak: none;
    text-transform: none
}

input[type=text]::-ms-clear,
input[type=tel]::-ms-clear,
input[type=number]::-ms-clear {
    display: none
}

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

.mt-20 {
    margin-top: 20px
}

.mt-30 {
    margin-top: 30px
}

.mt-40 {
    margin-top: 40px
}

.mt-50 {
    margin-top: 50px
}

.mt-60 {
    margin-top: 60px
}

.mt-70 {
    margin-top: 70px
}

.mt-80 {
    margin-top: 80px
}

.mt-90 {
    margin-top: 90px
}

.mt-100 {
    margin-top: 100px
}

.mt-110 {
    margin-top: 110px
}

.mt-120 {
    margin-top: 120px
}

.mt-130 {
    margin-top: 130px
}

.mt-140 {
    margin-top: 140px
}

.mt-150 {
    margin-top: 150px
}

.mt-160 {
    margin-top: 160px
}

.mt-170 {
    margin-top: 170px
}

.mt-180 {
    margin-top: 180px
}

.mt-200 {
    margin-top: 200px
}

.pt-150 {
    padding-top: 150px
}

.d-inline-block {
    display: inline-block;
    vertical-align: top
}

.d-none {
    display: none
}

.d-block {
    display: block
}

.v-rl {
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl
}

.v-lr {
    writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr
}

.contact-map .BMapLabel {
    border: 0
}

.contact-map .anchorBL {
    display: none
}

.list {
    position: relative;
    font-size: 0
}

.list>li {
    display: inline-block;
    vertical-align: top
}

.list-1>li {
    width: 100%
}

.list-2>li {
    width: 50%
}

.list-3>li {
    width: 33.3333%
}

.list-4>li {
    width: 25%
}

.list-5>li {
    width: 20%
}

.list-6>li {
    width: 16.6666%
}

.img-box {
    position: relative
}

.img-box::before {
    content: "";
    display: block
}

.img-box>img {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.bg-cover {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.bg-contain {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.wx-share {
    margin-top: -130px;
    margin-left: -120px;
    border-radius: 3px;
    position: fixed;
    z-index: 1000;
    top: 50%;
    left: 50%;
    padding: 20px 10px;
    width: 240px;
    height: 280px;
    background-color: #fff;
    cursor: pointer;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1)
}

.wx-share img {
    display: block;
    width: 100%
}

.wx-share p {
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    font-weight: 500;
    color: #000
}

.wx-share i {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12px;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5;
    text-align: center;
    color: #000
}

.ui-mini-mt {
    margin-left: 8.33333%;
    margin-right: 8.33333%
}

.ui-mini-pt {
    padding-left: 8.33333%;
    padding-right: 8.33333%
}

.ui-mini {
    margin-left: 13.54167%;
    margin-right: 13.54167%
}

.ui-float-left {
    float: left
}

.ui-float-right {
    float: right
}

.ui-auto {
    margin-left: auto;
    margin-right: auto
}

.ui-wd {
    width: 52.08333%
}

.clearfix {
    zoom: 1
}

.clearfix:after {
    content: "";
    display: block;
    clear: both
}

.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 3000
}

.relative {
    position: relative
}

.text-align_left {
    text-align: left
}

.text-align_center {
    text-align: justify;
    height: 150px;
}

.text-align_right {
    text-align: right
}

.col-md-6 {
    width: 40%
}

.ui-pull_right {
    right: 0
}

.ui-pull_left {
    left: 0
}

.bgcolor {
    background-color: #F7F7F7
}

.ellipsis {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    overflow: hidden;
    height: 100px
}

.clamp-1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden
}

.sn-hidden {
    display: none !important
}

.sn-visible {
    display: block !important
}

.header,
.wrapper,
.footer,
.navbar {
    max-width: 100%;
    min-width: 320px
}

.wrapper {
    overflow: hidden
}

.windowBar {
    overflow-y: scroll
}

.windowBar::-webkit-scrollbar {
    width: 0px;
    height: 0px
}

.windowBar::-moz-scrollbar {
    width: 0px;
    height: 0px
}

.windowBar::-o-scrollbar {
    width: 0px;
    height: 0px
}

.windowBar::-ms-scrollbar {
    width: 0px;
    height: 0px
}

.windowBar::-webkit-scrollbar-button {
    display: none
}

.windowBar::-moz-scrollbar-button {
    display: none
}

.windowBar::-ms-scrollbar-button {
    display: none
}

.windowBar::-o-scrollbar-button {
    display: none
}

.windowBar::-webkit-scrollbar-track-piece {
    background: #fafafa
}

.windowBar::-moz-scrollbar-track-piece {
    background: #fafafa
}

.windowBar::-ms-scrollbar-track-piece {
    background: #fafafa
}

.windowBar::-o-scrollbar-track-piece {
    background: #fafafa
}

.windowBar::-webkit-scrollbar-thumb {
    background: #eee;
    border-radius: 4px
}

.windowBar::-moz-scrollbar-thumb {
    background: #eee;
    border-radius: 4px
}

.windowBar::-ms-scrollbar-thumb {
    background: #eee;
    border-radius: 4px
}

.windowBar::-o-scrollbar-thumb {
    background: #eee;
    border-radius: 4px
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpSmall {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 80px, 0);
        transform: translate3d(0, 80px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInUpSmall {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 80px, 0);
        transform: translate3d(0, 80px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInUpSmall {
    -webkit-animation-name: fadeInUpSmall;
    animation-name: fadeInUpSmall
}

.fadeInUpSlow {
    -webkit-animation-name: fadeInUpSlow;
    animation-name: fadeInUpSlow
}

@keyframes fadeInUpSlow {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 80px, 0);
        transform: translate3d(0, 80px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInUpSlowTo {
    -webkit-animation-name: fadeInUpSlowTo;
    animation-name: fadeInUpSlowTo
}

@keyframes fadeInUpSlowTo {
    from {
        opacity: 0;
        -webkit-transform: translate3d(50px, 50px, 0);
        transform: translate3d(50px, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftSmall {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-40px, 0, 0);
        transform: translate3d(-40px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInLeftSmall {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-40px, 0, 0);
        transform: translate3d(-40px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInLeftSmall {
    -webkit-animation-name: fadeInLeftSmall;
    animation-name: fadeInLeftSmall
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightSmall {
    from {
        opacity: 0;
        -webkit-transform: translate3d(40px, 0, 0);
        transform: translate3d(40px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInRightSmall {
    from {
        opacity: 0;
        -webkit-transform: translate3d(40px, 0, 0);
        transform: translate3d(40px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInRightSmall {
    -webkit-animation-name: fadeInRightSmall;
    animation-name: fadeInRightSmall
}

@-webkit-keyframes fadeZoom {
    from {
        -webkit-transform: scale3d(1.2, 1.2, 1.2);
        transform: scale3d(1.2, 1.2, 1.2)
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes fadeZoom {
    from {
        -webkit-transform: scale3d(1.2, 1.2, 1.2);
        transform: scale3d(1.2, 1.2, 1.2)
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.fadeZoom {
    -webkit-animation-name: fadeZoom;
    animation-name: fadeZoom
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.animated.delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.animated.delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.animated.delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

.animated.delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s
}

.animated.fast {
    -webkit-animation-duration: 800ms;
    animation-duration: 800ms
}

.animated.faster {
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms
}

.animated.slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animated.slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s
}

.animated.delay {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.animated.trans {
    animation-timing-function: cubic-bezier(0.59, 0.5, 0.41, 0.92);
    -webkit-animation-timing-function: cubic-bezier(0.59, 0.5, 0.41, 0.92)
}

@media (prefers-reduced-motion) {
    .animated {
        -webkit-animation: unset !important;
        animation: unset !important;
        -webkit-transition: none !important;
        transition: none !important
    }
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track::after,
.slick-track::before {
    display: table;
    content: ""
}

.slick-track::after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
    outline: 0
}

.slick-slide a {
    outline: 0
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.banner-dots {
    position: absolute;
    bottom: 20px;
    right: 0;
    left: 0;
    font-size: 0;
    text-align: center
}

.banner-dots li {
    margin: 0 8px;
    display: inline-block;
    vertical-align: top
}

.banner-dots li button {
    position: relative;
    display: inline-block;
    padding: 0;
    border: 0;
    font-size: 0;
    background-color: transparent;
    outline: 0;
    cursor: pointer
}

.banner-dots li button::before {
    -moz-transition: border .3s ease-out;
    -o-transition: border .3s ease-out;
    -webkit-transition: border .3s ease-out;
    transition: border .3s ease-out;
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #bababa
}

.banner-dots li.slick-active button::before {
    background-color: #0075c2
}

.footer {
    padding-top: 77px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: #202020;
    position: relative;
    overflow: hidden;
}

.footer .cont {
    padding-left: 8.33333%;
    padding-right: 8.33333%;
    padding-bottom: 60px
}

.footer .copy {
    margin-right: 12px
}

.footer .right {
    margin-right: 30px
}

.footer .code {
    margin-right: 30px
}

.footer dl {
    display: inline-block;
    vertical-align: top
}

.footer dl dt {
    font-size: 18px;
    font-size: 16px;
    color: #f08519;
    line-height: 30px;
    margin-bottom: 16px;
    -moz-transition: all .36s ease;
    -o-transition: all .36s ease;
    -webkit-transition: all .36s ease;
    transition: all .36s ease
}

.footer dl dt a {
    font-size: 18px;
    font-size: 16px;
    color: #DC5F00;
    -moz-transition: all .36s ease;
    -o-transition: all .36s ease;
    -webkit-transition: all .36s ease;
    transition: all .36s ease
}

.footer dl dd {
    font-size: 16px;
    font-size: 14px;
    color: #fff;
    color: #999;
    line-height: 36px;
    letter-spacing: 1px;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transition: all .36s ease;
    -o-transition: all .36s ease;
    -webkit-transition: all .36s ease;
    transition: all .36s ease
}

.footer dl dd a {
    font-size: 16px;
    font-size: 14px;
    color: #fff;
    color: #999;
    line-height: 36px;
    letter-spacing: 1px;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transition: all .36s ease;
    -o-transition: all .36s ease;
    -webkit-transition: all .36s ease;
    transition: all .36s ease
}

.footer dl dd i {
    display: inline-block;
    vertical-align: -5px;
    width: 38px;
    font-size: 24px
}

.footer dl dd .icon-icon_email:before {
    margin-left: -8px
}

.footer dl dd .icon-icon_tel1:before {
    margin-left: -3px
}

.footer .link {
    float: right;
    width: 650px;
    font-size: 0;
    margin-right: -112px
}

.footer .link dl {
    margin-bottom: 30px;
    width: 33.33333%
}

.footer .link dd {
    line-height: 30px
}

.footer .link dd a {
    line-height: 30px
}

.footer .copyringht {
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    background-color: #000;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 8.33333%;
    padding-right: 8.33333%;
    position: relative;
    z-index: 5000
}

.footer .copyringht span {
    font-size: 12px;
    line-height: 30px;
    color: #fff
}

.footer .copyringht a {
    -moz-transition: all .36s ease;
    -o-transition: all .36s ease;
    -webkit-transition: all .36s ease;
    transition: all .36s ease;
    font-size: 14px;
    line-height: 30px;
    color: #fff
}

.footer .design {
    font-size: 14px;
    color: #fff
}

.footer .share {
    margin-top: 20px;
    margin-left: -10px
}

.footer .share a {
    color: #fff;
    position: relative
}

.footer .share .btn-youku {
    font-size: 48px;
    vertical-align: -14px
}

.footer .share .code {
    position: absolute;
    width: 100px;
    top: 0px;
    left: 50%;
    margin-left: -50px;
    padding-top: 26px;
    -moz-transition: all .36s ease;
    -o-transition: all .36s ease;
    -webkit-transition: all .36s ease;
    transition: all .36s ease;
    -moz-transform: translate(0, 20px);
    -ms-transform: translate(0, 20px);
    -webkit-transform: translate(0, 20px);
    transform: translate(0, 20px);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    visibility: hidden
}

.footer .bgcover {
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: url("./images/footer-bg.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 40%;
    padding-top: 40%;
    bottom: -272px;
    left: -127px
}

.btn_backtop {
    display: block;
    display: none;
    width: 86px;
    height: 86px;
    width: 60px;
    height: 60px;
    position: relative;
    text-align: center;
    position: fixed;
    bottom: 100px;
    right: 0;
    z-index: 6000
}

.btn_backtop .box {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin-top: -14px;
    z-index: 70;
    font-size: 14px;
    font-family: "GothamBook";
    -moz-transition: all .36s ease;
    -o-transition: all .36s ease;
    -webkit-transition: all .36s ease;
    transition: all .36s ease
}

.btn_backtop:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    -moz-transform: scale(0.7, 0.7) rotate(45deg);
    -ms-transform: scale(0.7, 0.7) rotate(45deg);
    -webkit-transform: scale(0.7, 0.7) rotate(45deg);
    transform: scale(0.7, 0.7) rotate(45deg);
    z-index: 50;
    margin-top: 0px;
    margin-left: -10px;
    -moz-transition: all .36s ease;
    -o-transition: all .36s ease;
    -webkit-transition: all .36s ease;
    transition: all .36s ease
}

.btn_backtop:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #DC5F00;
    -moz-transform: scale(0.7, 0.7) rotate(45deg);
    -ms-transform: scale(0.7, 0.7) rotate(45deg);
    -webkit-transform: scale(0.7, 0.7) rotate(45deg);
    transform: scale(0.7, 0.7) rotate(45deg);
    z-index: 60
}

.btn_backtop span {
    position: relative;
    z-index: 200;
    color: #fff;
    display: block;
    line-height: 12px
}

.btn_backtop .text {
    font-size: 12px
}

.tips {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999999
}

.tips .tt_container {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 545px;
    height: 285px;
    background-color: #fff;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 77px 0
}

.tips .icon {
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 2px solid #DC5F00;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    line-height: 80px;
    color: #DC5F00;
    font-size: 24px
}

.tips p {
    font-size: 20px;
    line-height: 30px;
    color: #333;
    text-align: center;
    margin-top: 25px;
    padding: 0 30px
}

.tips .btn_close {
    position: absolute;
    top: 6px;
    right: 14px;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #DC5F00
}

@media only screen and (min-width: 1025px) {
    .btn_backtop:hover:after {
        margin-left: 0
    }

    .footer dl dd:hover a {
        color: #DC5F00;
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1
    }

    .footer dl dt:hover a {
        color: #fff;
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1
    }

    .footer .copyringht a:hover {
        color: #DC5F00;
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1
    }

    .footer .share .icon-icon_wx:hover .code {
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
        visibility: visible
    }
}

@media only screen and (max-width: 1024px) {
    .footer {
        position: relative
    }

    .footer dl.msg,
    .footer dl.link {
        display: none
    }

    .footer .link {
        display: none
    }

    .footer .cont {
        padding-left: 5.33333%;
        padding-right: 5.33333%
    }

    .footer .copyringht {
        padding-left: 5.33333%;
        padding-right: 5.33333%
    }

    .footer .code,
    .footer .plain,
    .footer .design {
        display: none
    }

    .btn_backtop {
        position: fixed;
        bottom: 50px;
        right: 0;
        width: 50px;
        height: 50px
    }

    .btn_backtop:after {
        margin-left: -5px
    }

    .footer .copyringht span {
        font-size: 12px
    }

    .footer .copy {
        margin-right: 0
    }
}

@media only screen and (max-width: 768px) {
    .footer dl dt {
        font-size: 16px
    }

    .footer dl dd {
        font-size: 14px;
        line-height: 26px
    }

    .footer .share a {
        font-size: 12px
    }

    .footer .copyringht {
        font-size: 12px;
        padding-top: 18px;
        padding-bottom: 18px
    }

    .footer {
        padding-top: 30px;
        background-position: -235px -94px
    }

    .footer .cont {
        padding-bottom: 40px
    }

    .tips .tt_container {
        width: 90%;
        height: 210px;
        padding: 60px 0
    }

    .tips .icon {
        width: 40px;
        height: 40px;
        line-height: 40px
    }

    .tips .icon {
        font-size: 18px
    }

    .tips p {
        font-size: 18px
    }
}

.header {
    background-color: #000;
    padding-left: 8.33333%;
    padding-left: 2.33333%;
    height: 88px
}

.header .logo {
    display: block;
    width: 350px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.header .logo img {
    width: 146px;
    height: 37px;
}

.header .logo span {
    color: white;
    display: inline-block;
    margin-top: 10px;
}

.header .btn_tools {
    font-size: 0;
    position: relative;
    z-index: 20
}

.header .telphone {
    display: inline-block;
    color: #fff;
    font-family: "GothamBook";
    line-height: 100px;
    line-height: 88px;
    font-size: 0;
    height: 100px;
    height: 88px
}

.header .telphone .icon-icon_tel {
    margin-right: 15px
}

.header .telphone span {
    display: inline-block;
    height: 100%
}

.header .telphone .tel {
    font-size: 18px
}

.header .btn {
    display: inline-block;
    width: 100px;
    width: 88px;
    height: 100px;
    height: 88px;
    text-align: center;
    line-height: 100px;
    line-height: 88px;
    color: #fff;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    vertical-align: top;
    position: relative;
    -moz-transition: all .36s ease;
    -o-transition: all .36s ease;
    -webkit-transition: all .36s ease;
    transition: all .36s ease
}

.header .btn a {
    color: #fff
}

.header .btn_lang>a {
    margin-left: 20px;
    font-size: 16px
}

.header .btn_search {
    font-size: 16px;
    font-size: 26px;
    font-size: 20px;
    border-left: 1px solid rgba(255, 255, 255, 0.2)
}

.header .btn_lang {
    font-size: 14px
}

.header .btn_inquiry {
    font-size: 28px;
    font-size: 26px;
    font-size: 20px;
    background-color: #DC5F00
}

.header .btn_tools_menu {
    position: absolute;
    top: 50%;
    right: 0;
    display: none;
    margin-right: 0;
    margin-top: -40px
}

.header .options {
    width: 130px;
    font-size: 0;
    line-height: normal;
    background-color: #DC5F00;
    padding: 10px 20px;
    position: absolute;
    top: 100%;
    left: 50%;
    height: 100px;
    height: 180px;
    overflow: hidden;
    -moz-transition: all .36s ease;
    -o-transition: all .36s ease;
    -webkit-transition: all .36s ease;
    transition: all .36s ease;
    width: 0;
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    visibility: hidden
}

.header .options li {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: normal
}

.header .options li a {
    font-size: 14px;
    color: #fff;
    -moz-transition: all .36s ease;
    -o-transition: all .36s ease;
    -webkit-transition: all .36s ease;
    transition: all .36s ease
}

.header_bg {
    height: 88px
}

.otherpage .header_bg {
    height: 138px
}

.button_menu {
    width: 80px;
    height: 80px;
    position: relative;
    margin-top: 10px;
    margin-right: 28px
}

.button_menu .menu {
    display: block;
    width: 30px;
    height: 26px;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.button_menu .menu span {
    display: block;
    width: 100%;
    height: 2px;
    background-color: #fff;
    position: absolute;
    left: 0
}

.button_menu .menu span:nth-child(1) {
    top: 0
}

.button_menu .menu span:nth-child(2) {
    top: 50%;
    margin-top: -1px
}

.button_menu .menu span:nth-child(3) {
    bottom: 0
}

.button_close .menu span:nth-child(2) {
    display: none
}

.navbar {
    width: calc(100% - 440px);
    position: relative
}

.navbar .nav {
    margin-left: 60px;
    font-size: 0;
    position: relative;
    z-index: 20
}

.navbar .nav>li {
    display: inline-block;
    margin-right: 30px;
    position: relative
}

.navbar .nav>li>a {
    display: block;
    font-size: 16px;
    color: #fff;
    line-height: 88px;
    position: relative;
    z-index: 2000
}

.navbar .nav>li>a span {
    display: inline-block;
    width: 20px;
    padding-left: 8px
}

.navbar .nav>li>a span:before {
    display: none
}

.navbar .nav>li>a .hasClass {
    width: 42px
}

.navbar .nav>li>a .hasClass:before {
    display: block
}

.navbar .nav>li>a:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    bottom: 0;
    height: 2px;
    background-color: #DC5F00;
    -moz-transition: all .36s ease;
    -o-transition: all .36s ease;
    -webkit-transition: all .36s ease;
    transition: all .36s ease
}

.navbar .nav>li:last-child {
    margin-right: 0
}

.navbar .bgcover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10
}

.navbar .dropdown {
    position: absolute;
    top: 88px;
    left: -60px;
    width: 130px;
    width: 20vw;
    z-index: 1000;
    width: 60vw
}

.navbar .dropdown .dropdown-menu_wrapepr {
    padding-top: 30px;
    padding-bottom: 34px
}

.navbar .dropdown .dropdown-menu_wrapepr:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -50vw;
    width: 200vw;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 200
}

.dropnav {
    display: none;
    position: fixed;
    top: 100px;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 3010;
    visibility: hidden;
    opacity: 0;
    transition: opacity .125s ease-in-out, visibility 1ms linear .1125s, transform .36s ease;
    -moz-transform: translate(0, 20px) scale(1, 0);
    -ms-transform: translate(0, 20px) scale(1, 0);
    -webkit-transform: translate(0, 20px) scale(1, 0);
    transform: translate(0, 20px) scale(1, 0)
}

.dropnav .dropnav_wrapper {
    background-color: #DC5F00;
    width: 958px;
    height: 282px;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    position: relative
}

.dropnav .dropnav_wrapper .dropdown {
    font-size: 0;
    height: 282px;
    overflow: hidden
}

.dropnav .dropnav_wrapper:after {
    content: "";
    display: block;
    position: absolute;
    top: -12px;
    left: 138px;
    border-bottom: 12px solid #DC5F00;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    margin-left: -30px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    visibility: hidden;
    -moz-transition: all .36s ease;
    -o-transition: all .36s ease;
    -webkit-transition: all .36s ease;
    transition: all .36s ease
}

.dropnav_wrapper ul,
.navbar .dropdown ul {
    display: inline-block;
    vertical-align: top;
    padding-right: 60px;
    padding-left: 60px
}

.dropnav_wrapper ul:last-child,
.navbar .dropdown ul:last-child {
    border-right: none
}

.dropnav_wrapper li,
.navbar .dropdown li {
    padding-top: 10px;
    padding-bottom: 10px
}

.dropnav_wrapper li a,
.navbar .dropdown li a {
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    -moz-transition: all .36s ease;
    -o-transition: all .36s ease;
    -webkit-transition: all .36s ease;
    transition: all .36s ease;
    position: relative
}

.dropnav_wrapper .level_wrapper,
.navbar .dropdown .level_wrapper {
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 300;
    border-left: 1px solid rgba(255, 255, 255, 0.15)
}

.dropnav_wrapper .level_wrapper .level,
.navbar .dropdown .level_wrapper .level {
    display: none
}

.dropnav_wrapper .level_wrapper li a,
.navbar .dropdown .level_wrapper li a {
    color: #999
}

.dropnav_wrapper .dropdown-menu,
.navbar .dropdown .dropdown-menu {
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 300
}

.dropnav_wrapper .img-box,
.navbar .dropdown .img-box {
    width: 270px;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    position: relative;
    z-index: 300;
    margin-left: 60px
}

.dropnav_wrapper .img-box:before,
.navbar .dropdown .img-box:before {
    padding-top: 104.44444%
}

.dropnav_wrapper .img-box>img,
.navbar .dropdown .img-box>img {
    height: 100%;
    width: auto;
    left: 50%;
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.formsearch {
    position: absolute;
    top: 0;
    right: 200px;
    right: 176px;
    right: 88px;
    height: 100px;
    height: 88px;
    background-color: #000;
    font-size: 0;
    padding-left: 30px;
    width: 375px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    visibility: hidden;
    -moz-transition: all .36s ease;
    -o-transition: all .36s ease;
    -webkit-transition: all .36s ease;
    transition: all .36s ease;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    z-index: 20
}

.formsearch .form-group {
    display: inline-block;
    width: 260px;
    width: 75%;
    height: 60px;
    margin-top: 14px;
    vertical-align: top;
    position: relative;
    margin-right: -15px;
    -moz-transition: all .8s ease;
    -o-transition: all .8s ease;
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    visibility: hidden;
    width: 0;
    position: absolute;
    top: 0;
    right: 25%
}

.formsearch .form-control {
    display: block;
    padding: 0;
    margin: 0;
    border: none;
    background: none;
    height: 100%;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    font-size: 14px;
    color: #ffff;
    padding: 0 20px
}

.formsearch .form-control+label {
    position: absolute;
    top: 22px;
    left: 20px;
    font-size: 14px;
    color: #fff
}

.formsearch .form-control::-webkit-input-placeholder {
    font-size: 14px;
    color: #fff
}

.formsearch .form-control::-moz-placeholder {
    font-size: 14px;
    color: #fff
}

.formsearch .form-control:-ms-input-placeholder {
    font-size: 14px;
    color: #fff
}

.formsearch .form-control:-moz-placeholder {
    font-size: 14px;
    color: #fff
}

.formsearch .form-group.on .form-control+label {
    display: none
}

.formsearch .form-control:focus {
    outline: none
}

.formsearch .button {
    padding: 0;
    margin: 0;
    border: none;
    background: none;
    display: inline-block;
    width: 88px;
    height: 88px;
    line-height: 88px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-size: 20px;
    float: right
}

.formsearch .button:focus {
    outline: none
}

.formsearch.active {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    visibility: visible
}

.formsearch.active .form-group {
    width: calc(100% - 100px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    visibility: visible
}

.container-full {
    background-color: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 88px;
    left: 0;
    width: 100%;
    z-index: 2500
}

.language-box {
    display: none;
    text-align: right;
    padding: 40px 0 70px 0;
    font-size: 0;
    padding-right: 32px
}

.language-box dl {
    display: inline-block;
    margin: 0 13px;
    vertical-align: top;
    text-align: left
}

.language-box dl img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    position: absolute;
    top: 0;
    left: 0
}

.language-box dt {
    font-size: 20px;
    color: #fff;
    padding-bottom: 15px
}

.language-box dt a {
    color: #fff;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s
}

.language-box dd {
    display: inline-block;
    display: block;
    margin-top: 16px
}

.language-box dd a {
    display: block;
    font-size: 14px;
    color: #fff;
    border-bottom: 1px solid #303030;
    padding-bottom: 16px;
    padding-right: 45px;
    position: relative;
    padding-left: 42px
}

@media only screen and (max-width: 1280px) {
    .navbar .nav {
        margin-left: 30px
    }

    .navbar .nav>li {
        margin-right: 20px
    }
}

@media only screen and (min-width: 1025px) {
    .dropdown .dropdown-menu_wrapepr {
        display: none
    }

    .header .btn_inquiry:hover {
        background-color: rgba(220, 95, 0, 0.8)
    }

    .header .btn_lang:hover .options {
        width: 100%;
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
        visibility: visible
    }

    .options a:hover,
    .dropnav_wrapper li a:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
        opacity: .8
    }

    .header .btn_lang>a,
    .navbar .nav>li>a {
        -moz-transition: all .36s ease;
        -o-transition: all .36s ease;
        -webkit-transition: all .36s ease;
        transition: all .36s ease
    }

    .navbar .dropdown li a:hover,
    .navbar .dropdown li.active a {
        color: #DC5F00
    }

    .navbar .nav>li>a:after {
        width: 0;
        left: auto;
        right: 0
    }

    .navbar .nav>li:hover>a:after,
    .navbar .nav>li.active>a:after {
        width: 100%;
        left: 0;
        right: 100%
    }

    .header .btn_search:hover,
    .header .btn_lang:hover>a,
    .navbar .nav>li.active>a,
    .navbar .nav>li:hover>a {
        color: #DC5F00
    }

    .language-box dd a {
        -moz-transition: all .36s ease;
        -o-transition: all .36s ease;
        -webkit-transition: all .36s ease;
        transition: all .36s ease
    }

    .language-box dd a:hover {
        color: #DC5F00
    }
}

@media only screen and (max-width: 1130px) {
    .header .btn_tools_menu {
        display: none
    }

    .navbar .dropdown {
        display: none
    }

    .navbar .nav>li>a:after {
        display: none
    }

    .navbar .dropdown ul {
        padding-left: 0;
        padding-right: 0;
        display: block
    }

    .navbar .dropdown .dropdown-menu {
        display: block;
        width: 100%;
        position: relative;
        padding: 0;
        padding-top: 0
    }

    .header {
        height: auto
    }

    .header .logo {
        width: 195px;
        margin-top: 20px;
    }

    .navbar {
        display: none;
        position: fixed;
        top: 100px;
        left: 0;
        width: 100%;
        height: calc(100vh - 100px)
    }

    .navbar .nav {
        margin-left: 0;
        position: relative;
        z-index: 300;
        float: none;
        clear: both
    }

    .navbar .nav>li {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        margin-right: 0;
        padding-left: 14.13333%;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        border-right: 1px solid rgba(255, 255, 255, 0.1)
    }

    .formsearch .form-control+label {
        left: 18.79433%
    }

    .formsearch .form-control {
        padding: 0 18.79433%
    }

    .navbar .nav>li:last-child {
        border-bottom: none
    }

    .navbar .nav>li.on {
        background-color: #DC5F00
    }

    .navbar .nav>li>a {
        color: #fff;
        font-size: 24px
    }

    .button_close {
        -moz-transform: translate(100px, 0);
        -ms-transform: translate(100px, 0);
        -webkit-transform: translate(100px, 0);
        transform: translate(100px, 0)
    }

    .header .btn_inquiry {
        width: 100px;
        height: 100px;
        line-height: 100px;
        -moz-transition: all .36s ease;
        -o-transition: all .36s ease;
        -webkit-transition: all .36s ease;
        transition: all .36s ease
    }

    .header .btn_inquiry.opa {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0
    }

    .header .btn_tools {
        position: relative;
        display: block;
        float: none;
        clear: both;
        width: 100%;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        z-index: 200
    }

    .header .telphone {
        display: block;
        width: 100%;
        font-size: 28px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        text-align: center
    }

    .header .telphone span {
        display: inline-block;
        width: 50%;
        margin-right: 0 !important;
        padding-left: 12%;
        font-size: 14px !important
    }

    .header .telphone .icon-icon_tel {
        font-size: 30px;
        padding-left: 19%
    }

    .header .btn_search {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        font-size: 30px;
        border-right: none;
        float: right;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        text-align: left;
        padding-left: 18%
    }

    .header .btn_lang {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        font-size: 28px;
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        border-right: 1px solid rgba(255, 255, 255, 0.1);
        text-align: left;
        padding-left: 18%
    }

    .header .btn_lang span {
        font-size: 28px;
        margin-left: 5px
    }

    .navbar .dropdown {
        top: 100px;
        left: 0;
        width: calc(100% + 1px);
        background-color: #DC5F00;
        z-index: 3000
    }

    .navbar .dropdown .dropdown-menu_wrapepr {
        padding-top: 0;
        padding-bottom: 0
    }

    .navbar .dropdown .dropdown-menu_wrapepr:after {
        display: none
    }

    .navbar .dropdown .img-box {
        display: none
    }

    .navbar .dropdown .dropdown-menu {
        width: 100% !important
    }

    .navbar .dropdown .level {
        display: none
    }

    .navbar .dropdown li {
        padding: 30px 0;
        padding-left: 28.26667%;
        height: auto;
        line-height: normal
    }

    .navbar .dropdown li a {
        font-size: 24px;
        height: auto;
        line-height: normal
    }

    .button_close .menu span:nth-child(1) {
        -moz-transform: rotate(45deg) translate(9px, 9px);
        -ms-transform: rotate(45deg) translate(9px, 9px);
        -webkit-transform: rotate(45deg) translate(9px, 9px);
        transform: rotate(45deg) translate(9px, 9px)
    }

    .button_close .menu span:nth-child(3) {
        -moz-transform: rotate(-45deg) translate(8px, -9px);
        -ms-transform: rotate(-45deg) translate(8px, -9px);
        -webkit-transform: rotate(-45deg) translate(8px, -9px);
        transform: rotate(-45deg) translate(8px, -9px)
    }

    .formsearch {
        position: relative;
        width: auto;
        height: 100px;
        background-color: #212121;
        top: 0;
        right: 0;
        margin-left: 0;
        margin-right: 0;
        border-right: none;
        font-size: 0;
        padding-left: 0;
        z-index: 200
    }

    .formsearch .form-group {
        margin-right: 0
    }

    .formsearch.active .form-group {
        width: 75%
    }

    .formsearch .button {
        width: 20%;
        width: 25%;
        background-color: #DC5F00
    }

    .header .telphone .icon-icon_tel {
        height: auto
    }

    .navbar .bgcover {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #212121;
        z-index: 100
    }

    .navbar .dropdown .dropdown-menu_wrapepr {
        width: 100% !important
    }

    .container-full {
        top: 0;
        z-index: 4000;
        padding-left: 5.33333%;
        padding-right: 5.33333%;
        height: 100%;
        overflow-y: scroll
    }

    .container-full .cover {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 20
    }

    .language-box dt {
        font-size: 16px;
        padding-bottom: 0
    }

    .language-box dl {
        display: block;
        margin: 0;
        padding-top: 20px;
        position: relative;
        z-index: 30;
        width: 100%
    }

    .language-box dl:first-child {
        padding-top: 0
    }

    .language-box dd {
        display: inline-block;
        width: 50%;
        vertical-align: top;
        padding-right: 0;
        border-bottom: none
    }

    .navbar .dropdown .level_wrapper {
        display: none !important
    }

    .container-full .button_menu {
        position: absolute;
        top: 5px;
        right: 63px;
        margin-right: 0;
        margin-top: 0
    }

    .language-box dl img {
        display: block;
        margin-right: 10px;
        margin-bottom: 10px
    }

    .language-box dd a {
        padding-right: 0
    }
}

@media only screen and (max-width: 768px) {
    .container-full .button_menu {
        position: absolute;
        top: 5px;
        right: 63px;
        margin-right: 0;
        margin-top: 0
    }

    .otherpage .header_bg {
        height: 100px
    }

    .header .logo {
        width: 150px;
        height: 30px;
        margin-top: 10px;
    }

    .header .logo span {
        display: none;
    }

    .header_bg {
        height: 50px
    }

    .header .btn_inquiry {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 16px
    }

    .button_menu {
        width: 40px;
        height: 40px;
        margin-right: 14px;
        margin-top: 5px
    }

    .button_close {
        -moz-transform: translate(50px, 0);
        -ms-transform: translate(50px, 0);
        -webkit-transform: translate(50px, 0);
        transform: translate(50px, 0)
    }

    .button_menu .menu {
        width: 18px;
        height: 14px
    }

    .navbar .nav>li,
    .navbar .nav>li>a,
    .header .telphone,
    .header .btn_lang,
    .header .btn_search {
        line-height: 50px;
        height: 50px
    }

    .navbar {
        top: 50px;
        height: calc(100vh - 50px)
    }

    .navbar .nav>li>a {
        font-size: 14px
    }

    .navbar .dropdown {
        top: 50px
    }

    .header .telphone {
        font-size: 14px
    }

    .header .telphone .icon-icon_tel {
        font-size: 16px
    }

    .header .btn_search {
        font-size: 16px
    }

    .header .btn_lang {
        font-size: 14px
    }

    .header .btn_lang span {
        font-size: 14px
    }

    .navbar .dropdown li {
        padding: 15px 0;
        padding-left: 28.26667%
    }

    .navbar .dropdown li a {
        font-size: 14px
    }

    .button_close .menu span:nth-child(1) {
        -moz-transform: rotate(45deg) translate(4px, 4px);
        -ms-transform: rotate(45deg) translate(4px, 4px);
        -webkit-transform: rotate(45deg) translate(4px, 4px);
        transform: rotate(45deg) translate(4px, 4px)
    }

    .button_close .menu span:nth-child(3) {
        -moz-transform: rotate(-45deg) translate(4px, -5px);
        -ms-transform: rotate(-45deg) translate(4px, -5px);
        -webkit-transform: rotate(-45deg) translate(4px, -5px);
        transform: rotate(-45deg) translate(4px, -5px)
    }

    .formsearch {
        height: 50px
    }

    .formsearch .form-group {
        height: 50px;
        margin-top: 0
    }

    .formsearch .button {
        height: 50px;
        line-height: 50px;
        font-size: 16px
    }
}

@-webkit-keyframes scale-down {
    from {
        -webkit-transform: translate3d(0, 0, 300px);
        -moz-transform: translate3d(0, 0, 300px);
        -ms-transform: translate3d(0, 0, 300px);
        -o-transform: translate3d(0, 0, 300px);
        transform: translate3d(0, 0, 300px)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-moz-keyframes scale-down {
    from {
        -webkit-transform: translate3d(0, 0, 300px);
        -moz-transform: translate3d(0, 0, 300px);
        -ms-transform: translate3d(0, 0, 300px);
        -o-transform: translate3d(0, 0, 300px);
        transform: translate3d(0, 0, 300px)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-o-keyframes scale-down {
    from {
        -webkit-transform: translate3d(0, 0, 300px);
        -moz-transform: translate3d(0, 0, 300px);
        -ms-transform: translate3d(0, 0, 300px);
        -o-transform: translate3d(0, 0, 300px);
        transform: translate3d(0, 0, 300px)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes scale-down {
    from {
        -webkit-transform: translate3d(0, 0, 300px);
        -moz-transform: translate3d(0, 0, 300px);
        -ms-transform: translate3d(0, 0, 300px);
        -o-transform: translate3d(0, 0, 300px);
        transform: translate3d(0, 0, 300px)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.effect_banner {
    position: relative;
    z-index: 200
}

#bg-transitions {
    overflow: hidden;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
    -webkit-transform-style: preserve-3d !important;
    -moz-transform-style: preserve-3d !important;
    -ms-transform-style: preserve-3d !important;
    -o-transform-style: preserve-3d !important;
    transform-style: preserve-3d !important;
    background-color: #000;
    z-index: 100
}

.bg-container {
    overflow: hidden;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: -100;
    width: 100%;
    height: 100%;
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    perspective: 1200px;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.bg-container.current {
    z-index: -1
}

.bg-container.current.scaling .bg-slice {
    -webkit-animation: scale-down 1.3s ease-in-out forwards;
    -moz-animation: scale-down 1.3s ease-in-out forwards;
    animation: scale-down 1.3s ease-in-out forwards
}

.bg-container.current.triggered {
    z-index: 100 !important
}

.bg-slice {
    float: left;
    width: 100%;
    height: 100%;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.bg-image {
    overflow: hidden;
    position: relative;
    min-width: 100%;
    height: 100%
}

.bg-image img,
.bg-image video {
    display: block;
    position: absolute
}

#bg-fade {
    display: none;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 10;
    background-size: auto 100% !important;
    background-position: left top !important;
    background-repeat: no-repeat !important;
    background: #000
}

.effect-col-1 .bg-slice {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.effect-col-1 .bg-slice .bg-image {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #000
}

.effect-col-1 .bg-slice .bg-image video {
    width: 100%;
    height: 100%
}

@media only screen and (max-width: 1023px) {
    .effect-col-1 .bg-slice .bg-image video {
        display: none !important
    }
}

@media only screen and (max-width: 1023px) {
    .effect-col-1 .bg-slice .bg-image {
        background-size: cover
    }
}

.effect-col-1.triggered .bg-slice .bg-image {
    -webkit-transition: all 1.1s cubic-bezier(0.7, 0, 0.3, 1);
    -moz-transition: all 1.1s cubic-bezier(0.7, 0, 0.3, 1);
    transition: all 1.1s cubic-bezier(0.7, 0, 0.3, 1)
}

.effect-col-1.triggered .bg-slice:nth-child(1) .bg-image {
    -webkit-transform: translateY(-1110px);
    -moz-transform: translateY(-1110px);
    -ms-transform: translateY(-1110px);
    -o-transform: translateY(-1110px);
    transform: translateY(-1110px)
}

@media only screen and (max-width: 600px) {
    .effect-col-1.triggered .bg-slice:nth-child(1) .bg-image {
        -webkit-transform: translateY(-650px);
        -moz-transform: translateY(-650px);
        -ms-transform: translateY(-650px);
        -o-transform: translateY(-650px);
        transform: translateY(-650px)
    }
}

@media only screen and (min-width: 1921px) {
    .effect-col-1.triggered .bg-slice:nth-child(1) .bg-image {
        -webkit-transform: translateY(-1610px);
        -moz-transform: translateY(-1610px);
        -ms-transform: translateY(-1610px);
        -o-transform: translateY(-1610px);
        transform: translateY(-1610px)
    }
}

.effect-col-5 .bg-slice {
    width: 20%;
    height: 100%;
    overflow: hidden
}

.effect-col-5 .bg-slice .bg-image {
    width: 100%;
    height: 100%
}

.effect-col-5 .bg-slice .bg-image img {
    min-width: 500%;
    height: 100%
}

.effect-col-5 .bg-slice:nth-child(1) img {
    left: 0;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s
}

.effect-col-5 .bg-slice:nth-child(2) img {
    left: -100%;
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    transition-delay: 0.3s
}

.effect-col-5 .bg-slice:nth-child(3) img {
    left: -200%;
    -webkit-transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    transition-delay: 0.6s
}

.effect-col-5 .bg-slice:nth-child(4) img {
    left: -300%;
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    transition-delay: 0.3s
}

.effect-col-5 .bg-slice:nth-child(5) img {
    left: -400%;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s
}

.effect-col-5.triggered img {
    -webkit-transition: all 0.8s ease-in;
    -moz-transition: all 0.8s ease-in;
    transition: all 0.8s ease-in;
    -webkit-transform: translateY(810px);
    -moz-transform: translateY(810px);
    -ms-transform: translateY(810px);
    -o-transform: translateY(810px);
    transform: translateY(810px)
}

@media only screen and (max-width: 600px) {
    .effect-col-5.triggered img {
        -webkit-transform: translateY(650px);
        -moz-transform: translateY(650px);
        -ms-transform: translateY(650px);
        -o-transform: translateY(650px);
        transform: translateY(650px)
    }
}

@media only screen and (min-height: 810px) {
    .effect-col-5.triggered img {
        -webkit-transform: translateY(1110px);
        -moz-transform: translateY(1110px);
        -ms-transform: translateY(1110px);
        -o-transform: translateY(1110px);
        transform: translateY(1110px)
    }
}

@media only screen and (min-width: 1921px) {
    .effect-col-5.triggered img {
        -webkit-transform: translateY(1610px);
        -moz-transform: translateY(1610px);
        -ms-transform: translateY(1610px);
        -o-transform: translateY(1610px);
        transform: translateY(1610px)
    }
}

.effect-col-4 .bg-slice {
    width: 50%;
    height: 50%
}

.effect-col-4 .bg-slice .bg-image {
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.8s ease-in;
    -moz-transition: all 0.8s ease-in;
    transition: all 0.8s ease-in
}

.effect-col-4 .bg-slice .bg-image img {
    min-width: 200%;
    height: 200%
}

.effect-col-4 .bg-slice:nth-child(n+3) .bg-image {
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    transition-delay: 0.3s
}

.effect-col-4 .bg-slice:nth-child(1) img {
    left: 0
}

.effect-col-4 .bg-slice:nth-child(2) img {
    left: -100%
}

.effect-col-4 .bg-slice:nth-child(3) img {
    top: -100%
}

.effect-col-4 .bg-slice:nth-child(4) img {
    top: -100%;
    left: -100%
}

.effect-col-4.triggered .bg-slice img {
    -webkit-transition: all 0.8s ease-in;
    -moz-transition: all 0.8s ease-in;
    transition: all 0.8s ease-in
}

.effect-col-4.triggered .bg-slice:nth-child(odd) .bg-image {
    -webkit-transform: translateX(-810px);
    -moz-transform: translateX(-810px);
    -ms-transform: translateX(-810px);
    -o-transform: translateX(-810px);
    transform: translateX(-810px)
}

@media only screen and (max-width: 600px) {
    .effect-col-4.triggered .bg-slice:nth-child(odd) .bg-image {
        -webkit-transform: translateX(-310px);
        -moz-transform: translateX(-310px);
        -ms-transform: translateX(-310px);
        -o-transform: translateX(-310px);
        transform: translateX(-310px)
    }
}

@media only screen and (min-width: 1600px) {
    .effect-col-4.triggered .bg-slice:nth-child(odd) .bg-image {
        -webkit-transform: translateX(-970px);
        -moz-transform: translateX(-970px);
        -ms-transform: translateX(-970px);
        -o-transform: translateX(-970px);
        transform: translateX(-970px)
    }
}

@media only screen and (min-width: 1921px) {
    .effect-col-4.triggered .bg-slice:nth-child(odd) .bg-image {
        -webkit-transform: translateX(-1290px);
        -moz-transform: translateX(-1290px);
        -ms-transform: translateX(-1290px);
        -o-transform: translateX(-1290px);
        transform: translateX(-1290px)
    }
}

.effect-col-4.triggered .bg-slice:nth-child(even) .bg-image {
    -webkit-transform: translateX(810px);
    -moz-transform: translateX(810px);
    -ms-transform: translateX(810px);
    -o-transform: translateX(810px);
    transform: translateX(810px)
}

@media only screen and (max-width: 600px) {
    .effect-col-4.triggered .bg-slice:nth-child(even) .bg-image {
        -webkit-transform: translateX(310px);
        -moz-transform: translateX(310px);
        -ms-transform: translateX(310px);
        -o-transform: translateX(310px);
        transform: translateX(310px)
    }
}

@media only screen and (min-width: 1600px) {
    .effect-col-4.triggered .bg-slice:nth-child(even) .bg-image {
        -webkit-transform: translateX(970px);
        -moz-transform: translateX(970px);
        -ms-transform: translateX(970px);
        -o-transform: translateX(970px);
        transform: translateX(970px)
    }
}

@media only screen and (min-width: 1921px) {
    .effect-col-4.triggered .bg-slice:nth-child(even) .bg-image {
        -webkit-transform: translateX(1290px);
        -moz-transform: translateX(1290px);
        -ms-transform: translateX(1290px);
        -o-transform: translateX(1290px);
        transform: translateX(1290px)
    }
}

.effect-col-2 .bg-slice {
    width: 100%;
    height: 50%
}

.effect-col-2 .bg-slice .bg-image {
    width: 100%;
    height: 100%
}

.effect-col-2 .bg-slice .bg-image img {
    min-width: 100%;
    height: 200%
}

.effect-col-2 .bg-slice:nth-child(2) img {
    top: -100%
}

.effect-col-2.triggered .bg-slice .bg-image {
    -webkit-transition: all 1.2s ease-in;
    -moz-transition: all 1.2s ease-in;
    transition: all 1.2s ease-in
}

.effect-col-2.triggered .bg-slice:nth-child(1) .bg-image {
    -webkit-transform: translateX(-1610px);
    -moz-transform: translateX(-1610px);
    -ms-transform: translateX(-1610px);
    -o-transform: translateX(-1610px);
    transform: translateX(-1610px)
}

@media only screen and (max-width: 600px) {
    .effect-col-2.triggered .bg-slice:nth-child(1) .bg-image {
        -webkit-transform: translateX(-610px);
        -moz-transform: translateX(-610px);
        -ms-transform: translateX(-610px);
        -o-transform: translateX(-610px);
        transform: translateX(-610px)
    }
}

@media only screen and (min-width: 1600px) {
    .effect-col-2.triggered .bg-slice:nth-child(1) .bg-image {
        -webkit-transform: translateX(-1930px);
        -moz-transform: translateX(-1930px);
        -ms-transform: translateX(-1930px);
        -o-transform: translateX(-1930px);
        transform: translateX(-1930px)
    }
}

@media only screen and (min-width: 1921px) {
    .effect-col-2.triggered .bg-slice:nth-child(1) .bg-image {
        -webkit-transform: translateX(-2570px);
        -moz-transform: translateX(-2570px);
        -ms-transform: translateX(-2570px);
        -o-transform: translateX(-2570px);
        transform: translateX(-2570px)
    }
}

.effect-col-2.triggered .bg-slice:nth-child(2) .bg-image {
    -webkit-transform: translateX(1610px);
    -moz-transform: translateX(1610px);
    -ms-transform: translateX(1610px);
    -o-transform: translateX(1610px);
    transform: translateX(1610px)
}

@media only screen and (max-width: 600px) {
    .effect-col-2.triggered .bg-slice:nth-child(2) .bg-image {
        -webkit-transform: translateX(610px);
        -moz-transform: translateX(610px);
        -ms-transform: translateX(610px);
        -o-transform: translateX(610px);
        transform: translateX(610px)
    }
}

@media only screen and (min-width: 1600px) {
    .effect-col-2.triggered .bg-slice:nth-child(2) .bg-image {
        -webkit-transform: translateX(1930px);
        -moz-transform: translateX(1930px);
        -ms-transform: translateX(1930px);
        -o-transform: translateX(1930px);
        transform: translateX(1930px)
    }
}

@media only screen and (min-width: 1921px) {
    .effect-col-2.triggered .bg-slice:nth-child(2) .bg-image {
        -webkit-transform: translateX(2570px);
        -moz-transform: translateX(2570px);
        -ms-transform: translateX(2570px);
        -o-transform: translateX(2570px);
        transform: translateX(2570px)
    }
}

.effect-col-3 .bg-slice {
    width: 33.333333%;
    height: 100%
}

.effect-col-3 .bg-slice .bg-image {
    width: 100%;
    height: 100%
}

.effect-col-3 .bg-slice .bg-image img {
    min-width: 300%;
    height: 100%
}

.effect-col-3 .bg-slice:nth-child(1) img {
    left: 0;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s
}

.effect-col-3 .bg-slice:nth-child(2) img {
    left: -100%;
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    transition-delay: 0.3s
}

.effect-col-3 .bg-slice:nth-child(3) img {
    left: -200%;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s
}

.effect-col-3.triggered .bg-slice .bg-image {
    -webkit-transition: all 1s ease-in;
    -moz-transition: all 1s ease-in;
    transition: all 1s ease-in
}

.effect-col-3.triggered .bg-slice:nth-child(1) .bg-image {
    -webkit-transform: translateX(-600px);
    -moz-transform: translateX(-600px);
    -ms-transform: translateX(-600px);
    -o-transform: translateX(-600px);
    transform: translateX(-600px)
}

@media only screen and (max-width: 600px) {
    .effect-col-3.triggered .bg-slice:nth-child(1) .bg-image {
        -webkit-transform: translateX(-310px);
        -moz-transform: translateX(-310px);
        -ms-transform: translateX(-310px);
        -o-transform: translateX(-310px);
        transform: translateX(-310px)
    }
}

@media only screen and (min-width: 1600px) {
    .effect-col-3.triggered .bg-slice:nth-child(1) .bg-image {
        -webkit-transform: translateX(-800px);
        -moz-transform: translateX(-800px);
        -ms-transform: translateX(-800px);
        -o-transform: translateX(-800px);
        transform: translateX(-800px)
    }
}

@media only screen and (min-width: 1921px) {
    .effect-col-3.triggered .bg-slice:nth-child(1) .bg-image {
        -webkit-transform: translateX(-1200px);
        -moz-transform: translateX(-1200px);
        -ms-transform: translateX(-1200px);
        -o-transform: translateX(-1200px);
        transform: translateX(-1200px)
    }
}

.effect-col-3.triggered .bg-slice:nth-child(2) .bg-image {
    -webkit-transform: translateY(810px);
    -moz-transform: translateY(810px);
    -ms-transform: translateY(810px);
    -o-transform: translateY(810px);
    transform: translateY(810px)
}

@media only screen and (max-width: 600px) {
    .effect-col-3.triggered .bg-slice:nth-child(2) .bg-image {
        -webkit-transform: translateY(700px);
        -moz-transform: translateY(700px);
        -ms-transform: translateY(700px);
        -o-transform: translateY(700px);
        transform: translateY(700px)
    }
}

@media only screen and (min-height: 810px) {
    .effect-col-3.triggered .bg-slice:nth-child(2) .bg-image {
        -webkit-transform: translateY(1110px);
        -moz-transform: translateY(1110px);
        -ms-transform: translateY(1110px);
        -o-transform: translateY(1110px);
        transform: translateY(1110px)
    }
}

@media only screen and (min-width: 1921px) {
    .effect-col-3.triggered .bg-slice:nth-child(2) .bg-image {
        -webkit-transform: translateY(1610px);
        -moz-transform: translateY(1610px);
        -ms-transform: translateY(1610px);
        -o-transform: translateY(1610px);
        transform: translateY(1610px)
    }
}

.effect-col-3.triggered .bg-slice:nth-child(3) .bg-image {
    -webkit-transform: translateX(600px);
    -moz-transform: translateX(600px);
    -ms-transform: translateX(600px);
    -o-transform: translateX(600px);
    transform: translateX(600px)
}

@media only screen and (max-width: 600px) {
    .effect-col-3.triggered .bg-slice:nth-child(3) .bg-image {
        -webkit-transform: translateX(310px);
        -moz-transform: translateX(310px);
        -ms-transform: translateX(310px);
        -o-transform: translateX(310px);
        transform: translateX(310px)
    }
}

@media only screen and (min-width: 1600px) {
    .effect-col-3.triggered .bg-slice:nth-child(3) .bg-image {
        -webkit-transform: translateX(800px);
        -moz-transform: translateX(800px);
        -ms-transform: translateX(800px);
        -o-transform: translateX(800px);
        transform: translateX(800px)
    }
}

@media only screen and (min-width: 1921px) {
    .effect-col-3.triggered .bg-slice:nth-child(3) .bg-image {
        -webkit-transform: translateX(1200px);
        -moz-transform: translateX(1200px);
        -ms-transform: translateX(1200px);
        -o-transform: translateX(1200px);
        transform: translateX(1200px)
    }
}

.effect-col-9 .bg-slice {
    width: 33.3333%;
    height: 33.33333%
}

.effect-col-9 .bg-slice .bg-image {
    width: 100%;
    height: 100%;
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom
}

.effect-col-9 .bg-slice .bg-image img {
    min-width: 300%;
    height: 300%
}

.effect-col-9 .bg-slice:nth-child(2) img,
.effect-col-9 .bg-slice:nth-child(5) img,
.effect-col-9 .bg-slice:nth-child(8) img {
    left: -100%
}

.effect-col-9 .bg-slice:nth-child(3n) img {
    left: -200%
}

.effect-col-9 .bg-slice:nth-child(4) img,
.effect-col-9 .bg-slice:nth-child(5) img,
.effect-col-9 .bg-slice:nth-child(6) img {
    top: -100%
}

.effect-col-9 .bg-slice:nth-child(n+7) img {
    top: -200%
}

.effect-col-9.triggered .bg-slice .bg-image {
    opacity: 0;
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transition: all 1s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -moz-transition: all 1s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: all 1s cubic-bezier(0.68, -0.55, 0.265, 1.55)
}

.effect-col-9.triggered .bg-slice:nth-child(2) .bg-image {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s
}

.effect-col-9.triggered .bg-slice:nth-child(1) .bg-image,
.effect-col-9.triggered .bg-slice:nth-child(3) .bg-image,
.effect-col-9.triggered .bg-slice:nth-child(5) {
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    transition-delay: 0.2s
}

.effect-col-9.triggered .bg-slice:nth-child(4) .bg-image,
.effect-col-9.triggered .bg-slice:nth-child(6) .bg-image,
.effect-col-9.triggered .bg-slice:nth-child(8) .bg-image {
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    transition-delay: 0.4s
}

.effect-col-9.triggered .bg-slice:nth-child(7) .bg-image,
.effect-col-9.triggered .bg-slice:nth-child(9) .bg-image {
    -webkit-transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    transition-delay: 0.6s
}

.js_banner_lib .slick_item .item_box {
    display: block;
    width: 100%;
    height: calc(100vh - 88px);
    overflow: hidden
}

.js_banner_nav {
    background-color: rgba(220, 95, 0, 0.8);
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 50%;
    height: 142px;
    z-index: 200
}

.js_banner_nav .slick-slide {
    width: 50vw;
    text-align: center
}

.js_banner_nav .text_info {
    display: inline-block;
    text-align: left;
    margin-top: 24px
}

.video_banner .video_full {
    display: block;
    width: 100%;
    height: calc(100vh - 88px);
    overflow: hidden
}

.video_banner .video_full video {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: center center;
    height: 100%;
    width: 100%;
    z-index: 20;
    background-color: #000
}

.text_info>h3 {
    font-size: 22px;
    line-height: 47px;
    color: #fff;
    letter-spacing: 1px
}

.controls {
    position: absolute;
    bottom: 34px;
    right: 13.80208%;
    z-index: 200
}

.controls .slick-arrow {
    display: block;
    width: 50px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    font-size: 16px;
    color: #fff
}

.controls .slick-prev {
    margin-bottom: 0px;
    line-height: 62px
}

.controls .slick-next {
    margin-top: 0px;
    line-height: 26px
}

.custom_paging {
    position: absolute;
    bottom: 50px;
    right: 8.33333%;
    z-index: 200
}

.custom_paging .currentPage {
    font-size: 42px;
    color: #fff;
    margin-right: 20px;
    vertical-align: super
}

.custom_paging .line {
    display: inline-block;
    width: 3px;
    height: 43px;
    background-color: #DC5F00;
    -moz-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg)
}

.custom_paging .totalPage {
    font-size: 18px;
    color: #fff;
    margin-left: 10px;
    vertical-align: top
}

.information>h3 {
    font-size: 40px;
    color: #DC5F00;
    font-family: "GothamBook"
}

.information>h4 {
    font-size: 16px;
    letter-spacing: 1.5px;
    line-height: 34px;
    color: #a1a1a1;
    font-weight: 400;
    margin-top: 10px;
    font-weight: 400
}

.information .line {
    display: block;
    width: 40px;
    height: 4px;
    background-color: #DC5F00
}

.text-muted {
    font-size: 16px;
    letter-spacing: 1px;
    color: #343434;
    line-height: 26px;
    font-weight: 400
}

.text-muted .text-list+.text-list {
    padding-top: 30px;
}

.text-muted .text-list .text-title {
    padding-bottom: 10px;
}

.text-muted strong,
.text-muted h6 {
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 26px;
    font-weight: 400;
    color: #333
}

.text-muted span {
    font-size: 18px;
    letter-spacing: 1.5px;
    line-height: 39px;
    font-weight: 400;
    color: #333
}

.text_muted {
    font-size: 14px;
    color: #999;
    line-height: 26px;
    letter-spacing: 1px
}

.text_muted strong {
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 26px;
    font-weight: 400
}

.text_muted span,
.text_muted h6 {
    font-size: 18px;
    letter-spacing: 1.5px;
    line-height: 39px;
    font-weight: 400;
    color: #333
}

.text_muted p {
    position: relative
}

.work_list {
    font-size: 0;
    margin-left: -1px;
    margin-right: -1px
}

.work_list li {
    margin-bottom: 2px
}

.work_list li .item_box {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0 1px
}

.work_list li .img-box:before {
    padding-top: 63.0394%
}

.work_list li .text_desc {
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-left: 7.50469%;
    padding-right: 7.50469%;
    padding-bottom: 30px;
    padding-top: 80px
}

.work_list li .text_desc h3 {
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 1.5px;
    line-height: 34px;
    color: #fff
}

.work_list li .text_desc h4 {
    font-size: 14px;
    line-height: 30px;
    letter-spacing: .8px;
    margin-top: 10px
}

.work_list li .text_desc:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -1%;
    width: 102%;
    height: 100%;
    background-image: url("http://absen.cn/themes/cn/default/styles/../assets/img/icon_mask.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    z-index: 40
}

.work_list li .text_desc .btn_shape {
    display: block;
    position: absolute;
    bottom: 7.50469%;
    right: 7.50469%;
    width: 40px;
    height: 40px
}

.work_list li .text_desc .btn_shape:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    -moz-transform: scale(0.7) rotate(45deg);
    -ms-transform: scale(0.7) rotate(45deg);
    -webkit-transform: scale(0.7) rotate(45deg);
    transform: scale(0.7) rotate(45deg)
}

.work_list li .text_desc .btn_shape span {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 200
}

.work_list li .text_desc .btn_shape span:after,
.work_list li .text_desc .btn_shape span:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #DC5F00
}

.work_list li .text_desc .btn_shape span:after {
    width: 8px;
    height: 1px
}

.work_list li .text_desc .btn_shape span:before {
    width: 1px;
    height: 8px
}

.work_list li article {
    overflow: hidden;
    min-height: 34px;
    position: relative;
    z-index: 50
}

.product {
    display: block;
    position: relative
}

.product:before {
    padding-top: 41.66667%
}

.effects_slick-dots {
    position: relative
}

.effects_slick-dots .slick-dots {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    text-align: center
}

.effects_slick-dots .slick-dots li {
    display: inline-block;
    margin: 0;
    cursor: pointer
}

.effects_slick-dots .slick-dots button {
    padding: 0;
    margin: 0;
    border: none;
    background: none;
    position: relative;
    display: block;
    width: 28px;
    height: 36px;
    font-size: 14px;
    color: #fff;
    line-height: 36px;
    cursor: pointer;
    font-size: 0
}

.effects_slick-dots .slick-dots button:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 5px;
    height: 5px;
    border: 2px solid rgba(255, 255, 255, 0.5);
    -moz-transform: translate(-50%, -50%) rotate(45deg) scale(0.7, 0.7);
    -ms-transform: translate(-50%, -50%) rotate(45deg) scale(0.7, 0.7);
    -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(0.7, 0.7);
    transform: translate(-50%, -50%) rotate(45deg) scale(0.7, 0.7);
    -moz-transition: all .36s ease;
    -o-transition: all .36s ease;
    -webkit-transition: all .36s ease;
    transition: all .36s ease;
    cursor: pointer
}

.effects_slick-dots .slick-dots button:focus {
    outline: none
}

.effects_slick-dots .slick-dots .slick-active button:after {
    border-color: #fff
}

.js_pro_slick_lib .slick-slide {
    overflow: hidden
}

.js_pro_slick_lib .slick-current.slick-active .pagetitle {
    visibility: visible;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

.js_pro_slick_lib .slick-current.slick-active .text-align_right {
    visibility: visible;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

.js_pro_slick_lib .slick-current.slick-active .text-align_left {
    visibility: visible;
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

.pagetitle {
    position: absolute;
    top: 22%;
    left: 10.10417%;
    padding-left: 90px;
    z-index: 200
}

.pagetitle .icon {
    display: block;
    width: 36px;
    height: 36px;
    font-size: 14px;
    color: #fff;
    line-height: 36px;
    position: absolute;
    top: 0;
    left: 0
}

.pagetitle .icon:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 28px;
    height: 28px;
    border: 4px solid rgba(255, 255, 255, 0.5);
    -moz-transform: rotate(45deg) scale(0.7, 0.7);
    -ms-transform: rotate(45deg) scale(0.7, 0.7);
    -webkit-transform: rotate(45deg) scale(0.7, 0.7);
    transform: rotate(45deg) scale(0.7, 0.7)
}

.pagetitle h1,
.pagetitle h2 {
    font-size: 40px;
    letter-spacing: .8px;
    line-height: 34px;
    color: #fff;
    margin-bottom: 27px
}

.pagetitle p {
    font-size: 14px;
    letter-spacing: .8px;
    line-height: 24px;
    color: #fff
}

.text_primary h3 {
    font-size: 18px;
    letter-spacing: .8px;
    line-height: 34px;
    color: #fff;
    font-weight: 700
}

.text_primary p {
    font-size: 12px;
    line-height: 24px;
    letter-spacing: .8px;
    color: #fff
}

.product {
    overflow: hidden
}

.gradient {
    position: absolute;
    top: 0;
    height: 100%
}

.gradient .text_primary {
    position: absolute
}

.gradient .text_primary .icon {
    display: inline-block;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    margin-bottom: 10px
}

.gradient .text_primary .line {
    display: block;
    position: absolute
}

.orange-gradient {
    left: 0
}

.orange-gradient .text_primary {
    bottom: 22%;
    left: 25%;
    width: 41%
}

.orange-gradient .text_primary .line {
    top: 57%;
    right: -49%;
    width: 40%;
    height: auto
}

.black-gradient {
    right: 0
}

.black-gradient .text_primary {
    right: 15.625%;
    bottom: 27%;
    width: 38%
}

.black-gradient .text_primary .line {
    top: 58%;
    left: -85%;
    width: 76%;
    height: auto
}

.news_list {
    font-size: 0;
    margin-left: -1px;
    margin-right: -1px
}

.news_list li {
    display: inline-block;
    vertical-align: top
}

.news_list .item_box {
    display: block;
    margin: 0 1px
}

.news_list .img-box:before {
    content: "";
    padding-top: 57.07134%
}

.news_list .text_desc {
    padding-top: 26px;
    padding-right: 9.61034%
}

.news_list .text_desc h3 {
    font-size: 24px;
    color: #DC5F00;
    color: #333;
    letter-spacing: 1px;
    line-height: 34px;
    margin-bottom: 8px;
    font-weight: 400
}

.news_list .text_desc p {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 24px;
    color: #999;
    min-height: 24px
}

.news_list .label span {
    margin-right: 50px
}

.news_list .label i {
    font-size: 18px
}

.news_list .label i:before {
    margin-right: 15px
}

.read_more {
    display: block;
    font-size: 14px;
    line-height: 17px;
    font-family: "GothamBook";
    color: #DC5F00;
    color: #333
}

.read_more i {
    display: inline-block;
    font-size: 18px;
    vertical-align: -2px
}

.server {
    padding-top: 94px;
    padding-bottom: 94px;
    text-align: center
}

.server h2 {
    font-size: 32px;
    line-height: 50px;
    letter-spacing: 1px;
    color: #fff;
    margin-bottom: 30px;
    font-weight: 400
}

.server p {
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 1px;
    color: #fff
}

.btn_default {
    padding: 0;
    background: none;
    border: none;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    color: #DC5F00;
    position: relative;
    padding: 10px 24px;
    overflow: hidden;
    font-weight: 400;
    cursor: pointer;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out
}

.btn_default:after {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    background-color: #fff;
    z-index: 100;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out
}

.btn_default:before {
    content: "";
    position: absolute;
    background-color: #DC5F00;
    z-index: 50;
    -moz-transition: all 1.4s ease;
    -o-transition: all 1.4s ease;
    -webkit-transition: all 1.4s ease;
    transition: all 1.4s ease;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.28);
    -moz-transform: scale(1.02, 1.02);
    -ms-transform: scale(1.02, 1.02);
    -webkit-transform: scale(1.02, 1.02);
    transform: scale(1.02, 1.02);
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out
}

.btn_default span {
    position: relative;
    z-index: 300;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out
}

.btn_default span i {
    vertical-align: -2px;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out
}

.btn_button {
    padding: 17px 30px
}

.btn_link {
    color: #fff
}


.btn_link:after {
    background-color: #DC5F00
}

@media only screen and (min-width: 1025px) {

    .work_list li .mask,
    .work_list li .mask:before,
    .work_list li .mask h3,
    .work_list li .mask h4 {
        -moz-transition: all .6s ease;
        -o-transition: all .6s ease;
        -webkit-transition: all .6s ease;
        transition: all .6s ease
    }

    .work_list li .mask h3,
    .work_list li .mask h4 {
        -moz-transform: translate(0, 50px);
        -ms-transform: translate(0, 50px);
        -webkit-transform: translate(0, 50px);
        transform: translate(0, 50px)
    }

    .work_list li .text_desc .btn_shape {
        -moz-transition: all .6s ease .4s;
        -o-transition: all .6s ease .4s;
        -webkit-transition: all .6s ease;
        -webkit-transition-delay: .4s;
        transition: all .6s ease .4s;
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    .work_list li .text_desc h3 {
        position: relative;
        z-index: 300
    }

    .work_list li .mask {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding-top: 7.50469%;
        padding-bottom: 7.50469%;
        background-color: #DC5F00;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        visibility: hidden
    }

    .work_list li .mask:before {
        background: none
    }

    .work_list li a:hover .pull {
        display: none;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        visibility: hidden
    }

    .work_list li a:hover .mask {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
        visibility: visible
    }

    .work_list li a:hover .mask .btn_shape {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .work_list li a:hover .mask h3,
    .work_list li a:hover .mask h4 {
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .btn_default:hover,
    .btn_default:hover span,
    .btn_default:hover i {
        color: #fff
    }

    .btn_default:hover:before {
        -moz-transform: scale(0, 0);
        -ms-transform: scale(0, 0);
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0)
    }

    .btn_default:hover:after {
        background-color: #ff991e
    }
}

@media only screen and (max-width: 1320px) and (min-width: 1025px) {
    .js_banner_lib .slick_item .item_box {
        height: calc(100vh - 78px)
    }
}

@media only screen and (max-width: 1680px) and (min-width: 1025px) {
    .pagetitle {
        top: 15%;
        left: 10.10417%
    }

    .work_list li .text_desc h3,
    .news_list .text_desc h3 {
        font-size: 18px;
        font-weight: 400
    }

    .pagetitle h1,
    .pagetitle h2,
    .server h2 {
        font-size: 26px;
        font-weight: 400;
        line-height: 48px
    }
}

.crumbs {
    position: fixed;
    top: 88px;
    left: 0;
    height: 50px;
    background-color: #161616;
    width: 100%;
    line-height: 50px;
    overflow: hidden;
    z-index: 2000
}

.crumbs ul {
    font-size: 0
}

.crumbs ul li {
    margin-right: 7px
}

.crumbs ul li a {
    font-size: 14px;
    color: #fff;
    color: #707070
}

.crumbs ul li i {
    color: #707070;
    margin-right: 10px;
    margin-left: 10px;

}

.crumbs ul li span {
    font-size: 14px;
    color: #FFF;
}

.crumbs ul .home {
    margin-right: 4px
}

.crumbs ul .home a {
    color: #707070
}

.crumbs ul .home a i {
    margin-right: 0;
    font-size: 20px;
    vertical-align: -2px
}

.crumbs ul .active a {
    color: #fff
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #707070
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: #707070;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)"
}

.mCSB_container {
    display: block !important
}

.mCSB_container {
    margin-right: 0
}

.hide {
    display: none
}

.innerbanner:before {
    padding-top: 20.83333%;
    padding-top: 31.19792%
}

.innerbanner .mask {
    position: absolute;
    bottom: 0;
    height: 142px;
    height: 110px;
    background-color: #f08519;
    text-align: center;
}

.innerbanner h1 {
    font-size: 30px;
    line-height: 142px;
    line-height: 110px;
    font-weight: 700;
    letter-spacing: 2px;
    padding: 0 9.79167%;
    color: #fff
}

.innerbanner .btn_vido_play {
    margin-top: -55px
}

.inner-banner a {
    display: block
}

.inner-banner .img-box {
    overflow: hidden
}

.inner-banner .img-box::before {
    padding-top: 31.19792%
}

.detailbanenr h1 {
    padding-left: 16.66667%;
    font-size: 40px;
    font-weight: 400
}

.inves_list {
    padding-top: 100px;
    padding-bottom: 150px
}

.inves_list ul {
    margin: 0 -16px
}

.inves_list li .item {
    background-color: #fff;
    padding: 70px;
    position: relative;
    margin: 0 16px;
    height: 222px
}

.inves_list li article {
    display: inline-block;
    vertical-align: top;
    margin-left: 30px;
    margin-top: 6px
}

.inves_list li .title {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 4.07143;
    color: #B9B9B9;
    position: absolute;
    top: 0;
    right: 30px
}

.inves_list li .icon {
    display: inline-block;
    vertical-align: top
}

.inves_list li .tle {
    font-size: 14px;
    color: #DC5F00;
    letter-spacing: .4px;
    line-height: 20px
}

.inves_list li .tel {
    font-size: 28px;
    color: #333;
    letter-spacing: 1px;
    line-height: 1.42857;
    font-family: "GothamBook"
}

.inves_list li:last-child .icon {
    margin-top: 12px
}

.solu_group_list {
    margin-top: -1px
}

.solu_group_list .group_wrapper {
    font-size: 0
}

.solu_group_list .group_wrapper .d-inline-block {
    position: relative
}

.solu_group_list .group_wrapper .item {
    display: block
}

.solu_group_list .group_wrapper .img-box:before {
    padding-top: 41.5%
}

.solu_group_list .group_wrapper .img-box:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 85%;
    width: 100%;
    height: 100%;
    z-index: 10;
    -moz-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    -webkit-transition: all 300ms ease;
    -webkit-transition-delay: 0s;
    transition: all 300ms ease 0s
}

.solu_group_list .group_wrapper .img-box h3 {
    font-size: 30px;
    line-height: 26px;
    letter-spacing: 2px;
    font-weight: 700;
    color: #fff;
    position: absolute;
    top: 40px;
    left: 0;
    padding: 0 5%;
    width: 100%;
    z-index: 20;
    font-weight: 400;
    -moz-transition: all .36s ease;
    -o-transition: all .36s ease;
    -webkit-transition: all .36s ease;
    transition: all .36s ease
}

.solu_group_list .group_wrapper .img-box h3 span {
    font-size: 14px;
    font-family: "GothamBook"
}

.solu_group_list .group_wrapper .img-box h5 {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 56px;
    line-height: 26px;
    color: #fff;
    padding: 0 5%;
    position: absolute;
    bottom: 0;
    bottom: 24px;
    left: 0;
    width: 100%;
    z-index: 20;
    -moz-transition: all .36s ease;
    -o-transition: all .36s ease;
    -webkit-transition: all .36s ease;
    transition: all .36s ease;
    height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.solu_group_list .group_wrapper .gradient_black:after {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE0MGQxOSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuODQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxOTE4MWEiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #140d19), color-stop(50%, rgba(0, 0, 0, 0.84)), color-stop(100%, rgba(25, 24, 26, 0)));
    background-image: -moz-linear-gradient(left, #140d19, rgba(0, 0, 0, 0.84), rgba(25, 24, 26, 0));
    background-image: -webkit-linear-gradient(left, #140d19, rgba(0, 0, 0, 0.84), rgba(25, 24, 26, 0));
    background-image: linear-gradient(to right, #140d19, rgba(0, 0, 0, 0.84), rgba(25, 24, 26, 0))
}

/* .solu_group_list .group_wrapper .gradient_orange:after {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UxNjgxYyIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZTk4MDQxIiBzdG9wLW9wYWNpdHk9IjAuNzciLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3MTZhNjUiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #e1681c), color-stop(50%, rgba(233, 128, 65, 0.77)), color-stop(100%, rgba(113, 106, 101, 0)));
    background-image: -moz-linear-gradient(left, #e1681c, rgba(233, 128, 65, 0.77), rgba(113, 106, 101, 0));
    background-image: -webkit-linear-gradient(left, #e1681c, rgba(233, 128, 65, 0.77), rgba(113, 106, 101, 0));
    background-image: linear-gradient(to right, #e1681c, rgba(233, 128, 65, 0.77), rgba(113, 106, 101, 0))
} */

.solu_group_list .group_wrapper .gradient_blue:after {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFjNWVlMSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjNDE4YWU5IiBzdG9wLW9wYWNpdHk9IjAuNzciLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3MTZhNjUiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #1c5ee1), color-stop(50%, rgba(65, 138, 233, 0.77)), color-stop(100%, rgba(113, 106, 101, 0)));
    background-image: -moz-linear-gradient(left, #1c5ee1, rgba(65, 138, 233, 0.77), rgba(113, 106, 101, 0));
    background-image: -webkit-linear-gradient(left, #1c5ee1, rgba(65, 138, 233, 0.77), rgba(113, 106, 101, 0));
    background-image: linear-gradient(to right, #1c5ee1, rgba(65, 138, 233, 0.77), rgba(113, 106, 101, 0))
}

.solu_group_list .group_wrapper .gradient_grayblue:after {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcyOWNiNCIgc3RvcC1vcGFjaXR5PSIwLjg3Ii8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiM2MTg1OTkiIHN0b3Atb3BhY2l0eT0iMC43MiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzM5NGU1YSIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(114, 156, 180, 0.87)), color-stop(50%, rgba(97, 133, 153, 0.72)), color-stop(100%, rgba(57, 78, 90, 0)));
    background-image: -moz-linear-gradient(left, rgba(114, 156, 180, 0.87), rgba(97, 133, 153, 0.72), rgba(57, 78, 90, 0));
    background-image: -webkit-linear-gradient(left, rgba(114, 156, 180, 0.87), rgba(97, 133, 153, 0.72), rgba(57, 78, 90, 0));
    background-image: linear-gradient(to right, rgba(114, 156, 180, 0.87), rgba(97, 133, 153, 0.72), rgba(57, 78, 90, 0))
}

.solu_group_list .group_wrapper .gradient_wathetblue:after {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAzMDkwYyIgc3RvcC1vcGFjaXR5PSIwLjk0Ii8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMyMTI4MmQiIHN0b3Atb3BhY2l0eT0iMC43NyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzJjMzMzNyIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(3, 9, 12, 0.94)), color-stop(50%, rgba(33, 40, 45, 0.77)), color-stop(100%, rgba(44, 51, 55, 0)));
    background-image: -moz-linear-gradient(left, rgba(3, 9, 12, 0.94), rgba(33, 40, 45, 0.77), rgba(44, 51, 55, 0));
    background-image: -webkit-linear-gradient(left, rgba(3, 9, 12, 0.94), rgba(33, 40, 45, 0.77), rgba(44, 51, 55, 0));
    background-image: linear-gradient(to right, rgba(3, 9, 12, 0.94), rgba(33, 40, 45, 0.77), rgba(44, 51, 55, 0))
}

.solu_group_list .group_wrapper .gradient_purple:after {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJlMGZkOSIgc3RvcC1vcGFjaXR5PSIwLjg4Ii8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMyYTBmYzIiIHN0b3Atb3BhY2l0eT0iMC41OCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzJhMGZjMSIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(46, 15, 217, 0.88)), color-stop(50%, rgba(42, 15, 194, 0.58)), color-stop(100%, rgba(42, 15, 193, 0)));
    background-image: -moz-linear-gradient(left, rgba(46, 15, 217, 0.88), rgba(42, 15, 194, 0.58), rgba(42, 15, 193, 0));
    background-image: -webkit-linear-gradient(left, rgba(46, 15, 217, 0.88), rgba(42, 15, 194, 0.58), rgba(42, 15, 193, 0));
    background-image: linear-gradient(to right, rgba(46, 15, 217, 0.88), rgba(42, 15, 194, 0.58), rgba(42, 15, 193, 0))
}

.solu_group_list .group_wrapper .gradient_wathetpurple:after {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA0MTQ1OCIgc3RvcC1vcGFjaXR5PSIwLjg2Ii8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwOTE5NTgiIHN0b3Atb3BhY2l0eT0iMC44NSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFjMzQ4YiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(4, 20, 88, 0.86)), color-stop(50%, rgba(9, 25, 88, 0.85)), color-stop(100%, rgba(28, 52, 139, 0)));
    background-image: -moz-linear-gradient(left, rgba(4, 20, 88, 0.86), rgba(9, 25, 88, 0.85), rgba(28, 52, 139, 0));
    background-image: -webkit-linear-gradient(left, rgba(4, 20, 88, 0.86), rgba(9, 25, 88, 0.85), rgba(28, 52, 139, 0));
    background-image: linear-gradient(to right, rgba(4, 20, 88, 0.86), rgba(9, 25, 88, 0.85), rgba(28, 52, 139, 0))
}

.solu_group_list .group_wrapper .gradient_wathetorange:after {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M5NTAyMiIgc3RvcC1vcGFjaXR5PSIwLjgiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2I1MzgwOSIgc3RvcC1vcGFjaXR5PSIwLjQ0Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmNhNjgwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(201, 80, 34, 0.8)), color-stop(50%, rgba(181, 56, 9, 0.44)), color-stop(100%, rgba(252, 166, 128, 0)));
    background-image: -moz-linear-gradient(left, rgba(201, 80, 34, 0.8), rgba(181, 56, 9, 0.44), rgba(252, 166, 128, 0));
    background-image: -webkit-linear-gradient(left, rgba(201, 80, 34, 0.8), rgba(181, 56, 9, 0.44), rgba(252, 166, 128, 0));
    background-image: linear-gradient(to right, rgba(201, 80, 34, 0.8), rgba(181, 56, 9, 0.44), rgba(252, 166, 128, 0))
}

.solu_group_list .group_wrapper .blank .img_thumbnail {
    top: 50%;
    left: auto;
    width: 94.75%;
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.btn_vido_play {
    display: block;
    width: 70px;
    height: 70px;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.btn_vido_play:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    -moz-transform: scale(0.7, 0.7) rotate(45deg);
    -ms-transform: scale(0.7, 0.7) rotate(45deg);
    -webkit-transform: scale(0.7, 0.7) rotate(45deg);
    transform: scale(0.7, 0.7) rotate(45deg);
    -moz-transition: all .36s ease;
    -o-transition: all .36s ease;
    -webkit-transition: all .36s ease;
    transition: all .36s ease
}

.btn_vido_play:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    border-left: 12px solid #DC5F00;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    margin-top: -8px;
    margin-left: -3px;
    -moz-transition: all .36s ease;
    -o-transition: all .36s ease;
    -webkit-transition: all .36s ease;
    transition: all .36s ease
}

.page_title {
    font-size: 36px;
    letter-spacing: 1px;
    line-height: 60px;
    line-height: 36px;
    color: #333;
    font-weight: 400
}

.page_title span {
    display: block;
    font-size: 14px;
    color: #DC5F00;
    font-family: "GothamBook";
    letter-spacing: 0
}

.title_page {
    font-size: 36px;
    letter-spacing: 1px;
    line-height: 60px;
    line-height: 36px;
    color: #333;
    font-weight: 400;
    font-size: 36px;
    line-height: 56px;
    letter-spacing: 1px;
    color: #333
}

.title_page span {
    display: block;
    font-size: 14px;
    color: #DC5F00;
    font-family: "GothamBook";
    letter-spacing: 0;
    display: block;
    line-height: 20px
}

.orange {
    color: #DC5F00 !important
}

.text_wrapper {
    font-size: 0;
    min-height: 50px
}

.text_wrapper .text-muted {
    position: relative
}

.text_wrapper .text-muted:after {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: -50px;
    width: 1px;
    height: calc(100% + 20px);
    background-color: #E8E8E8;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

.group_list {
    font-size: 0;
    margin-right: -4.16667%;
    margin-left: -4.16667%
}

.group_list li {
    padding-right: 4.16667%;
    padding-left: 4.16667%
}

.group_list li .desc {
    font-size: 14px;
    color: #DC5F00;
    line-height: 24px;
    margin-top: 20px;
    height: 100px
}

.group_list li .icon {
    width: 30px;
    height: auto
}

.group_list li:nth-child(1) article,
.group_list li:nth-child(2) article,
.group_list li:nth-child(3) article,
.group_list li:nth-child(4) article {
    border-bottom: 1px solid #F2F2F2
}

.group_list li:nth-child(n+5) {
    margin-top: -1px
}

.group_list li:nth-child(n+5) article {
    padding-top: 60px;
    border-top: 1px solid #F2F2F2
}

.scien {
    padding-top: 70px;
    padding-bottom: 80px
}

.scien>h3 {
    text-align: center;
    color: #fff !important
}

.column li figure {
    height: 90px
}

.column li figure .icon {
    display: inline-block;
    max-width: 100%
}

.column li figcaption {
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    letter-spacing: 1px
}

.related {
    padding-top: 100px;
    padding-bottom: 100px
}

.pro_list {
    margin-left: -.83333%;
    margin-right: -.83333%
}

.pro_list li {
    padding-left: .83333%;
    padding-right: .83333%;
    margin-bottom: 30px
}

.pro_list li>a {
    display: block;
    background-color: #fff;
    position: relative
}

.pro_list li>a>h4 {
    font-size: 14px;
    letter-spacing: 1px;
    color: #B9B9B9;
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    position: absolute;
    top: 40px;
    left: 25px
}

.pro_list li>a .btn_shape {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    margin-top: -50px;
    margin-left: -50px;
    -moz-transition: all .6s ease;
    -o-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    visibility: hidden
}

.pro_list li>a .btn_shape:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    -moz-transform: rotate(45deg) scale(0.7);
    -ms-transform: rotate(45deg) scale(0.7);
    -webkit-transform: rotate(45deg) scale(0.7);
    transform: rotate(45deg) scale(0.7);
    background-color: #DC5F00
}

.pro_list li>a .btn_shape i {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 200
}

.pro_list li>a .btn_shape i:after,
.pro_list li>a .btn_shape i:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff
}

.pro_list li>a .btn_shape i:after {
    width: 12px;
    height: 2px
}

.pro_list li>a .btn_shape i:before {
    width: 2px;
    height: 12px
}

.pro_list li>a>.img-box:before {
    padding-top: 88.82979%
}

.pro_list li>a>.img-box .icon_link {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 87px;
    height: 62px;
    font-size: 62px;
    text-align: center;
    line-height: 62px;
    color: #333;
    margin-top: -31px;
    margin-left: -43px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    visibility: hidden;
    -moz-transform: translate(-10px, -10px);
    -ms-transform: translate(-10px, -10px);
    -webkit-transform: translate(-10px, -10px);
    transform: translate(-10px, -10px)
}

.pro_list li>a>figcaption {
    position: relative;
    padding-bottom: 20px
}

.pro_list li>a>figcaption h3 {
    font-size: 14px;
    line-height: 26px;
    color: #626262;
    padding: 0 20px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    text-overflow: ellipsis;

    word-wrap: break-word;

    word-break: break-all;
    overflow: hidden
}

.pro_list li>a>figcaption h1 {
    font-size: 28px;
    letter-spacing: 1px;
    line-height: 26px;
    font-weight: 400;
    color: #DC5F00;
    padding: 0 20px;
    margin: 20px 0px;
}

.pro_list .poster {
    width: 50%
}

.poster .server {
    display: block;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    text-align: left;
    overflow: hidden
}

.poster .img-box:before {
    padding-top: 63.77551%;
    padding-top: 68.20513%;
    padding-top: 42.82051%
}

.poster figcaption {
    position: absolute;
    top: 50%;
    left: 60px
}

.poster figcaption .tel {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 55px;
    color: #fff
}

.poster figcaption h3 {
    font-size: 34px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 55px;
    color: #fff;
    margin-bottom: 25px
}

.works_mod_list {
    margin-left: -1px;
    margin-right: -1px
}

.works_mod_list li {
    padding: 0 1px
}

.works_mod_list li a {
    display: block
}

.works_mod_list li .img-box:before {
    padding-top: 57.14286%
}

.works_mod_list li figcaption {
    background-color: #F7F7F7;
    padding-top: 30px;
    padding-left: 7.5188%;
    padding-right: 13.15789%;
    padding-bottom: 50px
}

.works_mod_list li figcaption h3 {
    font-size: 24px;
    font-size: 22px;
    color: #333;
    line-height: 34px;
    font-weight: 400;
    margin-bottom: 5px;
    -moz-transition: all .36s ease;
    -o-transition: all .36s ease;
    -webkit-transition: all .36s ease;
    transition: all .36s ease;
    height: 68px;
    overflow: hidden;
    display: table-cell;
    vertical-align: top
}

.works_mod_list li figcaption .text {
    font-size: 0;
    height: 60px
}

.works_mod_list li figcaption .text p {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    color: #333;
    width: 49%;
    line-height: 30px
}

.works_mod_list li figcaption .read_more {
    color: #999;
    -moz-transition: all .36s ease;
    -o-transition: all .36s ease;
    -webkit-transition: all .36s ease;
    transition: all .36s ease
}

.works_mod_list li .text-muted {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 50px
}

.case-video--list .item_box figcaption {
    background-color: #fff;
    padding-top: 30px;
    padding-left: 7.5188%;
    padding-right: 13.15789%;
    padding-bottom: 50px
}

.case-video--list .item_box h3 {
    font-size: 24px;
    font-size: 22px;
    color: #333;
    line-height: 34px;
    font-weight: 400;
    margin-bottom: 5px;
    -moz-transition: all .36s ease;
    -o-transition: all .36s ease;
    -webkit-transition: all .36s ease;
    transition: all .36s ease;
    height: 68px;
    overflow: hidden;
    display: table-cell;
    vertical-align: top
}

.case-video--list .item_box .text {
    font-size: 0
}

.case-video--list .item_box .text p {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #333;
    width: 49%
}

.page {
    font-size: 0
}

.page .btn {
    line-height: 80px;
    height: 80px;
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 2px;
    text-align: center;
    -moz-transition: all .36s ease;
    -o-transition: all .36s ease;
    -webkit-transition: all .36s ease;
    transition: all .36s ease
}

.page .btn_prev {
    background-color: #DC5F00
}

.page .btn_next {
    background-color: #171715
}

.hot {
    padding-top: 150px
}

.hot_group {
    font-size: 0;
    margin-left: -.83333%;
    margin-right: -.83333%
}

.hot_mod {
    padding-left: .83333%;
    padding-right: .83333%;
    overflow: hidden
}

.hot_mod figcaption {
    width: 278px;
    padding-top: 12%
}

.hot_mod figcaption h1 {
    font-size: 30px;
    font-weight: 400;
    letter-spacing: 1.5px;
    line-height: 56px;
    color: #DC5F00;
    color: #333;
    margin-bottom: 10px
}

.hot_mod figure {
    width: calc(100% - 278px);
    vertical-align: middle
}

.hot_mod>a {
    display: block;
    font-size: 0;
    padding-left: 60px;
    background-color: #fff;
    position: relative
}

.hot_mod>a>h4 {
    font-size: 14px;
    letter-spacing: 1px;
    color: #B9B9B9;
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    position: absolute;
    top: 40px;
    right: 40px
}

.hot_mod .param {
    font-size: 14px;
    font-weight: 300;
    line-height: 26px;
    letter-spacing: 1.5px;
    color: #999
}

.hot_mod .param strong {
    font-weight: 400;
    color: #333;
    margin-left: 30px
}

.hot_mod .img-box:before {
    padding-top: 100%
}

.hot_mod .tig {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 138px;
    height: 40px;
    background-color: #333;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    letter-spacing: 1px
}

.product_mod {
    padding-top: 40px;
    padding-bottom: 160px
}

.product_mod .title {
    font-size: 50px;
    color: #4b4b4b;
    text-align: center;
}

.nav-tabs_wrapper .nav-tabs li {
    padding-left: 2.60417vw;
    margin-bottom: 0
}

.nav-tabs_wrapper .nav-tabs li a {
    font-size: 18px;
    color: #333;
    line-height: 39px;
    letter-spacing: 1.5px;
    background: none
}

.nav-tabs_wrapper .nav-tabs li:hover a,
.nav-tabs_wrapper .nav-tabs .active a {
    color: #DC5F00;
    font-weight: 400
}

.nav-tabs_wrapper form {
    font-size: 0
}

.nav-tabs_wrapper .select-wrapper {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-left: 2.60417vw;
    margin-bottom: 0
}

.nav-tabs_wrapper .select-wrapper .select-button {
    padding: 0;
    margin: 0;
    border: none;
    background: none;
    font-size: 18px;
    color: #333;
    line-height: 39px;
    letter-spacing: 1.5px;
    cursor: pointer
}

.nav-tabs_wrapper .select-wrapper .select-button:focus {
    outline: none
}

.nav-tabs_wrapper .select-wrapper .select-list {
    display: none;
    position: absolute;
    top: 39px;
    border-top: 2px solid #fff;
    left: 0;
    background-color: #fff;
    background-color: #161616;
    z-index: 200;
    text-align: left;
    width: 128px
}

.nav-tabs_wrapper .select-wrapper ul {
    padding: 10px 20px
}

.nav-tabs_wrapper .select-wrapper ul li {
    font-size: 14px;
    color: #999;
    line-height: 14px;
    padding: 10px 0;
    letter-spacing: .6px
}

.nav-tabs_wrapper .measure_select ul li {
    width: 96px
}

.nav-tabs_wrapper .region_select ul li {
    width: 60px
}

.nav-tabs_wrapper .region_select .select-list .scrollBar {
    height: 30vh
}

.loading {
    display: block
}

.loading .label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 20
}

.loading .label:before,
.loading .label:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff
}

.loading .label:before {
    width: 12px;
    height: 2px
}

.loading .label:after {
    width: 2px;
    height: 12px
}

.loading .text {
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
    font-family: "GothamBook";
    color: #333;
    vertical-align: 26px;
    margin-left: 28px;
    text-transform: uppercase
}

.btn-primary .shape {
    display: inline-block;
    width: 86px;
    height: 86px;
    width: 60px;
    height: 60px;
    position: relative
}

.btn-primary .shape:before,
.btn-primary .shape:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -moz-transform: scale(0.7, 0.7) rotate(45deg);
    -ms-transform: scale(0.7, 0.7) rotate(45deg);
    -webkit-transform: scale(0.7, 0.7) rotate(45deg);
    transform: scale(0.7, 0.7) rotate(45deg);
    z-index: 10
}

.btn-primary .shape:before {
    background-color: #DC5F00;
    z-index: 20
}

.btn-primary .shape:after {
    background-color: #212121;
    z-index: 10;
    margin-left: -10px
}

.productbanner:before {
    padding-top: 41.66667%
}

.productbanner .pagetitle {
    top: 16%;
    left: 4%
}

.pro_swiper {
    padding-left: 80px
}

.pro_swiper .arrow {
    display: block;
    margin-top: 40px;
    margin-bottom: 40px
}

.pro_swiper .arrow .shape {
    width: 58px;
    height: 58px;
    text-align: center;
    line-height: 58px
}

.pro_swiper .arrow .shape i {
    position: relative;
    z-index: 30;
    color: #fff
}

.pro_swiper .arrow_slick {
    position: absolute;
    top: 50%;
    right: 10px;
    z-index: 200
}

.pro_swiper .pro_js_slick {
    width: 60%
}

.pro_text {
    padding-left: 0;
    padding-right: 0
}

.pro_text figcaption {
    width: 380px;
    padding-top: 6%;
    margin-left: 22.5%
}

.pro_text figcaption h1 {
    color: #333
}

.pro_text .param span {
    color: #333;
    font-weight: 400
}

.pro_picture ul li {
    overflow: hidden
}

.pro_picture figure {
    width: 50%
}

.pro_picture figure:before {
    padding-top: 62.5%
}

.pro_picture figcaption {
    width: 50%;
    position: relative
}

.pro_picture figcaption:before {
    padding-top: 62.5%
}

.pro_picture figcaption h3 {
    font-size: 30px;
    line-height: 34px;
    letter-spacing: 1.5px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 10px
}

.pro_picture figcaption h4 {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 2px;
    color: #fff
}

.pro_picture .description {
    font-size: 14px;
    line-height: 36px;
    letter-spacing: 2px;
    color: #fff;
    margin-top: 30px
}

.pro_picture .description img {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: -5px;
    margin-right: 20px
}

.pro_picture .description p {
    position: relative;
    padding-left: 40px
}

.pro_picture .description p img {
    position: absolute;
    top: 8px;
    left: 0
}

.pro_picture .text-info,
.pro_picture .text_primary {
    position: absolute;
    top: 50%
}

.pro_picture .text_lead {
    position: absolute;
    top: 110px;
    left: 8.33333%;
    margin-left: 17px;
    z-index: 200
}

.pro_picture .text_lead h3 {
    font-size: 30px;
    letter-spacing: 1.5px;
    line-height: 34px;
    color: #333;
    font-weight: 400
}

.pro_picture .text_lead h4 {
    font-size: 14px;
    line-height: 34px;
    color: #DC5F00;
    font-family: "GothamBook"
}

.pro_picture .list li.block_left figure {
    float: left
}

.pro_picture .list li.block_left figcaption {
    float: right;
    background-color: #DC5F00
}

.pro_picture .list li.block_left .text-info {
    left: 17.70833%;
    width: 70%
}

.pro_picture .list li.block_right figure {
    float: right
}

.pro_picture .list li.block_right figcaption {
    float: left;
    background-color: #DC5F00
}

.pro_picture .list li.block_right .text-info {
    right: 17.54167%;
    width: 70%;
    right: 27.08333%;
    width: 62%
}

.pro_picture .list li.block_pull figure {
    float: right
}

.pro_picture .list li.block_pull figure img {
    width: 106.4%;
    left: auto;
    right: 0;
    background: none
}

.pro_picture .list li.block_pull figcaption {
    float: left
}

.pro_picture .list li.block_pull figcaption h3 {
    color: #333
}

.pro_picture .list li.block_pull figcaption h4 {
    color: #999
}

.pro_picture .list li.block_pull .text-info {
    right: 27.08333%;
    width: 62%
}

.pro_picture .list li.block_pull .description {
    color: #DC5F00
}

.pro_picture .list li.block_center {
    position: relative
}

.pro_picture .list li.block_center:before {
    content: "";
    display: block;
    padding-top: 33.33333%
}

.pro_picture .list li.block_center .text_primary {
    right: 34.95833%;
    right: 24.95833%;
    margin-top: 90px;
    width: 34%
}

.pro_picture .list li.block_center .text_primary:before {
    content: "";
    display: block;
    width: 163px;
    width: 51%;
    height: 40px;
    background: url("http://absen.cn/themes/cn/default/styles/../assets/img/icon_03.svg") no-repeat center center;
    position: absolute;
    top: 62%;
    left: -73%;
    background-size: cover
}

.pro_picture .list li.block_center figure {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin-left: auto;
    margin-right: auto
}

.pro_picture .list li.block_center figure:before {
    padding-top: 66.66667%
}

.pro_picture .list li.block_center figcaption {
    position: absolute;
    top: 0;
    right: 0
}

.pro_picture .list li.block_center figcaption .icon {
    margin-bottom: 40px
}

.pro_picture .list li.block_center figcaption h3 {
    color: #333;
    font-size: 18px;
    margin-bottom: 20px
}

.pro_picture .list li.block_center figcaption p {
    font-size: 12px;
    color: #999
}

.work_module {
    padding-top: 100px;
    padding-bottom: 120px
}

.work_module li figcaption {
    background-color: #fff
}

.related_video {
    padding-bottom: 100px;
    padding-top: 110px;
    overflow: hidden;
    position: relative
}

.video_wrapper .img-box:before {
    padding-top: 31.25%
}

.video_wrapper figcaption {
    font-size: 24px;
    letter-spacing: 1.5px;
    line-height: 34px;
    color: #DC5F00;
    font-weight: 400
}

.video_wrapper .videopopup {
    display: none;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 500
}

.video_wrapper .videopopup video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    z-index: 20
}

.video_wrapper .videopopup .btn_video_pause {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    z-index: 600
}

.work_wrapper {
    padding-top: 150px;
    padding-bottom: 130px
}

.pagination {
    text-align: center
}

.pagination a {
    display: inline-block;
    vertical-align: top;
    width: 38px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    margin: 0 7px
}

.pagination .btn {
    color: #DC5F00;
    font-size: 16px
}

.pagination .pg {
    font-size: 14px;
    letter-spacing: 1px;
    color: #333;
    font-family: "GothamBook"
}

.pagination .current,
.pagination .pg:hover {
    background-color: #DC5F00;
    color: #fff
}

.area_column {
    padding-top: 95px;
    padding-bottom: 95px;
    text-align: center
}

.area_column figure {
    height: 62px
}

.area_column figure img {
    height: 62px;
    width: auto
}

.area_column figcaption {
    margin-top: 20px;
    font-size: 16px;
    letter-spacing: 1px;
    color: #333;
    line-height: 30px;
    font-weight: 400
}

.panel-body {
    width: 52.08333%;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
    letter-spacing: 1px;
    color: #999;
    line-height: 26px;
    font-weight: 400
}

.panel-body h1 {
    font-size: 30px;
    letter-spacing: 1px;
    line-height: 42px;
    color: #333;
    font-weight: 400
}

.panel-body img {
    display: block;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    width: auto !important;
    height: auto !important
}

.panel-body h3 {
    font-size: 24px;
    letter-spacing: 1.5px;
    line-height: 34px;
    color: #DC5F00;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: 400
}

.panel-body p a {
    color: #2980b9 !important
}

.backlist {
    font-size: 14px;
    letter-spacing: .4px;
    color: #333;
    line-height: 17px;
    font-family: "GothamBook";
    -moz-transition: all .36s ease;
    -o-transition: all .36s ease;
    -webkit-transition: all .36s ease;
    transition: all .36s ease
}

.backlist i {
    color: #DC5F00;
    margin-right: 5px;
    vertical-align: -2px;
    font-size: 20px
}

.share {
    font-size: 14px;
    letter-spacing: .4px;
    color: #333;
    line-height: 17px;
    font-family: "GothamBook"
}

.share span {
    margin-right: 8px
}

.share a {
    color: #333;
    margin: 0 10px !important
}

.share .btn-youku {
    font-size: 48px !important;
    vertical-align: -14px
}

.pagings {
    font-size: 0
}

.pagings a {
    display: inline-block;
    vertical-align: top;
    width: 49.9%;
    height: 60px;
    line-height: 60px;
    font-size: 14px;
    letter-spacing: 1.5px;
    color: #E4E4E4;
    position: relative
}

.pagings a span {
    color: #fff
}

.pagings a .bt {
    position: absolute;
    top: 50%;
    margin-top: -30px
}

.pagings a .txt {
    display: inline-block;
    overflow: hidden
}

.pagings .prev {
    background-color: #171715;
    text-align: left;
    padding-left: 40px
}

.pagings .prev span {
    margin-right: 10px
}

.pagings .prev .txt {
    padding-left: 52px
}

.pagings .prev .bt {
    left: 40px
}

.pagings .next {
    background-color: #DC5F00;
    text-align: right;
    padding-right: 40px
}

.pagings .next span {
    margin-left: 10px
}

.pagings .next .txt {
    padding-right: 52px
}

.pagings .next .bt {
    right: 40px
}

.hot_news {
    font-size: 0;
    padding-top: 190px
}

.hot_news figure:before {
    padding-top: 62.5%
}

.hot_news figcaption {
    font-size: 14px;
    letter-spacing: 1px;
    color: #999;
    line-height: 26px;
    font-weight: 400;
    background-color: #fff
}

.hot_news figcaption:before {
    padding-top: 62.5%
}

.hot_news figcaption time {
    font-size: 14px;
    letter-spacing: 1px;
    color: #999;
    line-height: 26px;
    font-weight: 400
}

.hot_news figcaption h3 {
    font-size: 24px;
    letter-spacing: 1.5px;
    line-height: 34px;
    color: #DC5F00;
    font-weight: 400;
    color: #333;
    margin-bottom: 20px;
    -moz-transition: all .36s ease;
    -o-transition: all .36s ease;
    -webkit-transition: all .36s ease;
    transition: all .36s ease;
    margin-top: 10px
}

.hot_news article {
    position: absolute;
    top: 50%;
    left: 10%;
    right: 10%
}

.news_mod_list {
    padding-top: 100px;
    margin-left: -.83333%;
    margin-right: -.83333%
}

.news_mod_list li {
    padding-left: 1%;
    padding-right: 1%;
    position: relative;
    margin-bottom: 30px
}

.news_mod_list a {
    display: block;
    background-color: #fff
}

.news_mod_list figure:before {
    padding-top: 64.89362%
}

.news_mod_list figcaption {
    padding-left: 10.6383%;
    padding-right: 10.6383%;
    padding-top: 30px;
    padding-bottom: 60px;
    background-color: #fff;
    height: 230px
}

.news_mod_list figcaption .desc {
    font-size: 24px;
    letter-spacing: 1.5px;
    line-height: 34px;
    color: #DC5F00;
    font-weight: 400;
    font-size: 18px;
    color: #333;
    line-height: 30px;
    border-bottom: 1px solid rgba(51, 51, 51, 0.1);
    padding: 20px 0px 40px 0px;
}

.news_mod_list figcaption time {
    display: block;
    font-size: 14px;
    letter-spacing: 1px;
    color: #999;
    line-height: 26px;
    font-weight: 400;
    margin-top: 20px;
    letter-spacing: 0
}

.news_mod_list .category {
    /* position: absolute;
    bottom: 0;
    left: 0; */
    width: 78px;
    font-size: 15px;
    letter-spacing: 1px;
    color: #DC5F00;
    line-height: 26px;
    font-weight: 400;
    text-align: center;
    border: 1px solid #DC5F00;
    border-radius: 5px;
}

.news_mod_list .empty .category {
    top: 0;
    bottom: auto
}

.news_mod_list .empty figcaption h3 {
    position: absolute;
    top: 80px;
    left: 13.6383%;
    right: 10.6383%
}

.news_module {
    padding-top: 100px;
    padding-bottom: 150px
}

.know_module {
    padding-top: 80px
}

.know_module .news_mod_list {
    padding-top: 0
}

.related_news {
    padding-top: 106px;
    padding-bottom: 70px
}

.related_news .news_mod_list {
    padding-top: 0
}

.aboutbanner:before {
    padding-top: 41.66667%
}

.aboutbanner .mask {
    height: 120px
}

.aboutbanner .mask h1 {
    line-height: normal;
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 22px;
    line-height: 32px;
    padding-left: 17.66667%;
    font-weight: 400;
    text-align: left;
}

.text_title {
    font-size: 30px;
    letter-spacing: 1px;
    line-height: 42px;
    color: #333;
    font-weight: 400;
    font-size: 36px;
    line-height: 60px;
    color: #DC5F00
}

.text_title h3 {
    font-size: 30px;
    letter-spacing: 1px;
    line-height: 42px;
    color: #333;
    font-weight: 400;
    font-size: 36px;
    line-height: 60px;
    color: #DC5F00
}

.global {
    padding-top: 180px;
    padding-bottom: 150px;
    position: relative
}

.global .list {
    position: relative;
    z-index: 300
}

.global .list li {
    float: left;
    position: relative
}

.global .list .box {
    padding-top: 100%;
    position: relative;
    font-size: 20px;
    line-height: 37px;
    letter-spacing: 1px;
    font-weight: 400;
    color: #333;
    text-align: center
}

.global .list .box p {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    padding: 0 20px
}

.global .list .box span {
    display: block;
    font-size: 12px;
    line-height: 28px;
    color: #989898;
    color: #333;
    font-family: "GothamBook";
    font-weight: 300;
    letter-spacing: -0.2px
}

.global .list .box:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.global .list li:nth-child(odd) .box:after {
    display: none;
    border-top: 1px dashed transparent;
    border-left: 1px solid #DC5F00;
    border-right: 1px dashed transparent;
    border-bottom: 1px solid #DC5F00;
    left: 1px;
    width: calc(100% - 2px);
    height: calc(100% - 2px)
}

.global .list li:nth-child(even) .box:after {
    display: none;
    border-top: 1px solid #DC5F00;
    border-left: 1px dashed transparent;
    border-right: 1px solid #DC5F00;
    border-bottom: 1px dashed transparent
}

.global .list li:first-child:after,
.global .list li:first-child:before {
    display: none;
    display: block
}

.global .list li:first-child .box:after {
    display: none;
    border-top: 1px dashed #DC5F00;
    border-right: 1px dashed #DC5F00
}

.global .bg {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%
}

.global .chart-desktop {
    margin-top: 80px
}

.global .tt_container {
    position: relative
}

.global .tt_container svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.global .globalMap figure {
    margin-top: 80px;
    width: 87.5%;
    margin-left: auto;
    margin-right: auto
}

.global .globalMap .img-box:before {
    padding-top: 46.21429%
}

.history {
    padding-top: 150px;
    padding-bottom: 80px;
    position: relative
}

.history .history_slick {
    position: relative
}

.history .arrow_slots {
    width: 10%;
    height: 40px
}

.history .arrow {
    position: absolute;
    top: 2px;
    font-size: 20px;
    color: #333;
    cursor: pointer;
    z-index: 400;
    -moz-transition: all .36s ease;
    -o-transition: all .36s ease;
    -webkit-transition: all .36s ease;
    transition: all .36s ease
}

.history .btn_arrow_prev,
.history .btn_arrow_next {
    top: 50%
}

.history .arrow_prev {
    left: 0;
    text-align: left
}

.history .btn_arrow_prev {
    left: 0px
}

.history .arrow_next {
    right: 0;
    text-align: right
}

.history .btn_arrow_next {
    right: 0px
}

.history .month_spot {
    position: absolute;
    top: 148px;
    left: 0;
    width: 100%
}




.history .slot .pointer {
    width: 12px;
    height: 12px
}

.history .slot_left {
    left: 0;
    text-align: left
}

.history .slot_right {
    right: 0;
    text-align: right
}

.history_wrapper {
    position: relative;
    padding-left: 2%;
    padding-right: 2%;
    cursor: ew-resize
}

.history_slick_swiper .slick-slide .slick_item_box {
    background-color: #fff;
    text-align: center;
    padding-top: 60px;
    padding-bottom: 80px;
    margin-left: 8.51064%;
    margin-right: 8.51064%;
    padding-left: 16.66667%;
    padding-right: 16.66667%
}

.history_slick_swiper .slick-slide .text-muted {
    height: 130px;
    height: 184px;
    height: 240px
}

.history_slick_swiper .slick-slide .month {
    font-size: 33px;
    line-height: 1.4;
    color: #333;
    font-family: "GothamBook"
}

.history_slick_swiper .slick-slide .year {
    font-size: 12px;
    line-height: 15px;
    color: #333;
    font-family: "GothamBook";
    margin-top: 8px
}

.history_slick_swiper .slick-slide em {
    display: block;
    width: 12px;
    height: 2px;
    background-color: #333;
    margin-left: auto;
    margin-right: auto
}

.history_slick_date .slick_item {
    cursor: pointer;
    position: relative
}

.history_slick_date .slick_item em {
    display: block;
    width: 20px;
    height: 20px;
    background-color: #333;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto
}

.history_slick_date .slick_item time {
    display: block;
    font-size: 24px;
    line-height: 24px;
    color: #333;
    font-family: "GothamBook";
    margin-top: 20px;
    text-align: center
}

.history_slick_date .slick-current em {
    background-color: #DC5F00
}

.history_slick_date .slick-current time {
    color: #DC5F00
}

.location {
    font-size: 0
}

.location .img-box:before {
    padding-top: 53.33333%;
    background-color: #DC5F00
}

.location .order {
    font-size: 50px;
    letter-spacing: 1px;
    line-height: 97px;
    color: #fff;
    font-family: "GothamBook"
}

.location figcaption {
    position: absolute;
    top: 50%;
    left: 16.66667%
}

.location figcaption h3 {
    font-size: 30px;
    line-height: 32px;
    letter-spacing: 2px;
    color: #fff;
    font-weight: 400
}

.location figcaption p {
    font-size: 20px;
    line-height: 44px;
    color: #fff;
    letter-spacing: 2px;
    font-weight: 400
}

.honor_module {
    padding-top: 160px;
    padding-bottom: 150px
}

.honor_mod_list {
    font-size: 0;
    margin-left: -.83333%;
    margin-right: -.83333%
}

.honor_mod_list li {
    margin-bottom: 30px;
    padding: 0 .83333%
}

.honor_mod_list li .img-box:before {
    padding-top: 115.42553%
}

.honor_mod_list li figcaption {
    font-size: 22px;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 40px;
    color: #333;
    font-weight: 400;
    padding: 30px 0;
    text-align: center
}

.innerbanner .address {
    height: auto;
    padding-top: 30px;
    padding-bottom: 60px;
}

.innerbanner .address h1 {
    left: 16.66667%;
    font-size: 34px;
    letter-spacing: 2px;
    line-height: 39px
}

.address {
    font-size: 20px;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 1px;
    color: #fff
}

.address h1 {
    font-size: 36px;
    line-height: 40px;
    letter-spacing: 2px;
    color: #fff;
    padding-top: 0;
    padding-bottom: 0
}

.address address,
.address .tel,
.address .email {
    padding-left: 50px;
    position: relative;
    margin-left: 16.66667%;
    text-align: left;
}

.address address i,
.address .tel i,
.address .email i {
    display: inline-block;
    width: 42px;
    height: 42px;
    text-align: center;
    line-height: 47px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -21px;
    font-size: 26px
}

.address address i:after,
.address .tel i:after,
.address .email i:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -moz-transform: scale(0.7, 0.7) rotate(45deg);
    -ms-transform: scale(0.7, 0.7) rotate(45deg);
    -webkit-transform: scale(0.7, 0.7) rotate(45deg);
    transform: scale(0.7, 0.7) rotate(45deg)
}

.address address i:before,
.address .tel i:before,
.address .email i:before {
    margin-left: 4px
}

.address .line {
    display: block;
    position: relative;
    width: 2px;
    height: 20px;
    margin-left: 16.66667%;
    margin-top: 0px;
    margin-bottom: 6px
}

.address .line:after,
.address .line:before {
    content: "";
    display: block;
    width: 2px;
    height: 6px;
    background-color: rgba(224, 223, 229, 0.2);
    position: absolute;
    left: 20px
}

.address .line:before {
    top: 0px
}

.address .line:after {
    top: 12px
}

.address .tel {
    line-height: 42px
}

.address .tel+.line {
    margin-top: 8px
}

.address .email {
    line-height: 42px
}

.office .img-box:before {
    padding-top: 64.89362%
}

.office figcaption {
    padding-top: 30px;
    padding-right: 94px;
    margin-bottom: 20px
}

.office figcaption h3 {
    font-size: 22px;
    letter-spacing: 1px;
    line-height: 40px;
    color: #333;
    font-weight: 400;
    margin-bottom: 10px
}

.office figcaption p {
    position: relative;
    padding-left: 28px;
    padding-bottom: 10px
}

.office figcaption p i {
    position: absolute;
    top: 1px;
    left: -5px;
    font-size: 26px
}

.office ul {
    margin-left: -.83333%;
    margin-right: -.83333%
}

.office ul li {
    padding-left: .83333%;
    padding-right: .83333%;
    margin-bottom: 30px
}

.sales {
    margin-bottom: 130px
}

.sales .img-box:before {
    padding-top: 31.25%
}

.sales .pos {
    position: absolute;
    width: 1px;
    height: 1px
}

.sales .point {
    display: block;
    width: 8px;
    height: 8px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -4px;
    margin-left: -4px
}

.sales .spot {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    margin-top: -40px;
    margin-left: -40px;
    -moz-animation: scale 1.6s ease infinite alternate both;
    -webkit-animation: scale 1.6s ease infinite alternate both;
    animation: scale 1.6s ease infinite alternate both
}

.sales .rad {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.3)
}

.sales .rad-80 {
    width: 80px;
    height: 80px
}

.sales .rad-44 {
    width: 44px;
    height: 44px
}

.sales .rad-25 {
    width: 25px;
    height: 25px
}

.sales .pos1 {
    left: 11.875%;
    top: 20%
}

.sales .pos2 {
    left: 13.17708%;
    top: 56%
}

.sales .pos3 {
    left: 28.28125%;
    top: 18%
}

.sales .pos4 {
    left: 37.65625%;
    top: 38%
}

.sales .pos5 {
    left: 47.44792%;
    top: 22%
}

.sales .pos6 {
    left: 49.58333%;
    top: 51%
}

.sales .pos7 {
    right: 40.625%;
    top: 86%
}

.sales .pos8 {
    right: 32.1875%;
    top: 78%
}

.sales .pos9 {
    right: 21.61458%;
    top: 71%
}

.sales .pos10 {
    right: 23.69792%;
    top: 35%
}

.sales .pos11 {
    right: 15.3125%;
    top: 50%
}

.sales .pos12 {
    right: 5.72917%;
    top: 77%
}

.sales .pos13 {
    right: 15.88542%;
    top: 21%
}

.sales ul {
    margin-left: -3.125%;
    margin-right: -3.125%
}

.sales ul li {
    padding-left: 3.125%;
    padding-right: 3.125%;
    margin-bottom: 40px
}

.sales ul li h3 {
    font-size: 22px;
    letter-spacing: 1px;
    line-height: 30px;
    color: #333;
    font-weight: 400;
    height: 60px;
    overflow: hidden
}

.sales ul li .text-muted {
    padding-bottom: 40px;
    margin-top: 5px;
    border-bottom: 2px solid #f2f2f2;
    padding-top: 0px
}

.sales ul li .text-muted i {
    font-size: 26px;
    display: none
}

@-webkit-keyframes scale {
    from {
        -webkit-transform: translate3d(0, 0, 0) scale(0.6);
        transform: translate3d(0, 0, 0) scale(0.6)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0) scale(1.04);
        transform: translate3d(0, 0, 0) scale(1.04)
    }
}

@keyframes scale {
    from {
        -webkit-transform: translate3d(0, 0, 0) scale(0.6);
        transform: translate3d(0, 0, 0) scale(0.6)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0) scale(1.04);
        transform: translate3d(0, 0, 0) scale(1.04)
    }
}

.contact {
    font-size: 0;
    padding-top: 100px;
    padding-bottom: 100px
}

.contact article {
    display: inline-block;
    width: 43.75%;
    vertical-align: top;
    padding-right: 8.875%
}

.contact .form {
    display: inline-block;
    width: 56.25%;
    vertical-align: top
}

.validate_form {
    margin-right: -4.44444%;
    font-size: 0
}

.validate_form legend {
    display: block;
    width: 100%;
    font-size: 36px;
    letter-spacing: 1px;
    line-height: 60px;
    color: #DC5F00
}

.validate_form .form-group {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    padding-right: 4.44444%;
    margin-bottom: 40px;
    position: relative
}

.validate_form .col_form_group {
    width: 100%
}

.validate_form .form-control {
    display: block;
    padding: 0;
    margin: 0;
    border: none;
    background: none;
    height: 50px;
    font-size: 14px;
    letter-spacing: 2px;
    color: #333;
    font-weight: 400;
    width: 100%;
    border: 1px solid #EAEAEA;
    padding: 0 20px;
    text-align: left;
    cursor: pointer
}

.validate_form .form-group_msg {
    width: 100%
}

.validate_form .form-group_msg .form-control {
    height: 180px;
    resize: none;
    padding: 20px
}

.validate_form .form-control+label {
    display: block !important;
    font-size: 14px;
    letter-spacing: 2px;
    color: #333;
    position: absolute;
    top: 18px;
    left: 20px;
    -moz-transition: all .36s ease;
    -o-transition: all .36s ease;
    -webkit-transition: all .36s ease;
    transition: all .36s ease;
    cursor: pointer
}

.validate_form label.error {
    position: absolute;
    bottom: -26px;
    right: 40px;
    font-size: 14px;
    letter-spacing: 2px;
    color: #DC5F00
}

.validate_form .form-control.active {
    border: 1px solid #DC5F00
}

.validate_form .form-control:focus {
    outline: none
}

.validate_form .form-group.on .form-control+label,
.validate_form .form-control.active+label {
    -moz-transform: translate(0, -40px);
    -ms-transform: translate(0, -40px);
    -webkit-transform: translate(0, -40px);
    transform: translate(0, -40px);
    font-size: 12px
}

.validate_form button {
    margin-right: 4.44444%
}

.validate_form button:focus {
    outline: none
}

.validate_form .select {
    display: none;
    position: absolute;
    top: 50px;
    left: 0;
    width: calc(100% - 4.44444%);
    background-color: #F7F7F7;
    background-color: #161616;
    z-index: 300;
    padding: 10px 0;
    border-top: none
}

.validate_form .select .scrollBar {
    height: 220px
}

.validate_form .select ul {
    padding: 0 20px
}

.validate_form .select li {
    font-size: 14px;
    letter-spacing: 2px;
    color: #999;
    padding: 10px 0;
    -moz-transition: all .36s ease;
    -o-transition: all .36s ease;
    -webkit-transition: all .36s ease;
    transition: all .36s ease;
    cursor: pointer
}

.validate_form i.icon {
    position: absolute;
    top: 50%;
    right: 55px;
    margin-top: -15px;
    font-size: 28px;
    color: #DC5F00;
    -moz-transition: all .36s ease;
    -o-transition: all .36s ease;
    -webkit-transition: all .36s ease;
    transition: all .36s ease;
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    cursor: pointer
}

.validate_form .form-group.on i.ico {
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.popover .validate_form .select {
    width: calc(100% - 8.88888%)
}

.popover .btn_default {
    margin-top: -18px
}

.service {
    font-size: 0
}

.service .area {
    font-size: 14px;
    color: #333;
    line-height: 24px;
    letter-spacing: 1px;
    font-weight: 400
}

.service .img-box {
    position: relative
}

.service .img-box:before {
    padding-top: 83.33333%;
    background-color: #DC5F00;
    background-image: url("http://absen.cn/themes/cn/default/styles/../upload/server/bgcover.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.service .caption {
    position: absolute;
    top: 50%;
    left: 16.66667%;
    right: 0;
    font-size: 14px;
    line-height: 26px;
    color: #fff;
    letter-spacing: 1px
}

.service .caption h3 {
    font-size: 30px;
    line-height: 39px;
    color: #fff;
    letter-spacing: 2px;
    font-weight: 400
}

.service .caption h4 {
    font-size: 12px;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 1px;
    color: #fff;
    margin-top: 4px
}

.service .caption h6 {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 26px;
    color: #fff
}

.service .caption article {
    display: inline-block;
    vertical-align: top;
    float: left;
    width: 50%;
    margin-top: 60px;
    padding-right: 15%
}

.service .caption article i {
    display: block;
    border-top: 1px solid #fff;
    margin-bottom: 20px
}

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

.service .btns a {
    display: inline-block;
    vertical-align: top;
    color: #fff;
    margin-right: 40px;
    position: relative
}

.service .btns article {
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 1px;
    position: absolute;
    top: 0;
    left: 50%;
    padding-top: 20px;
    margin-top: -60px;
    margin-left: 20px
}

.serverbanner h1 {
    padding: 0 27.08333%
}

.panel_default {
    padding-top: 0;
    padding-bottom: 0
}

.panel_default table {
    width: 100%
}

.panel_default table thead th {
    font-size: 18px;
    color: #DC5F00;
    letter-spacing: 1px;
    line-height: 39px;
    font-weight: 400;
    text-align: center;
    padding-top: 26px;
    padding-bottom: 26px;
    background-color: #F9FAFC
}

.panel_default table tbody td {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 24px;
    color: #666;
    text-align: center;
    padding-top: 26px;
    padding-bottom: 26px
}

.panel_default table tbody tr:nth-child(odd) td {
    background-color: #fff
}

.panel_default table tbody tr:nth-child(even) td {
    background-color: #F9FAFC
}

.popover {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 3000
}

.popover .container {
    width: 72.91667%;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    background-color: #fff;
    padding-top: 95px;
    padding-bottom: 110px
}

.popover .form {
    width: 64.28571%
}

.popover .validate_form legend {
    margin-bottom: 70px
}

.popover p {
    font-size: 14px;
    letter-spacing: 1px;
    color: #999;
    line-height: 26px;
    font-weight: 400
}

.popover .btn_close {
    position: absolute;
    top: 40px;
    right: 40px;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 20px;
    color: #333;
    letter-spacing: 1px;
    font-weight: 400
}

.popover .btn_close i {
    margin-left: 20px
}

.support {
    padding-top: 160px;
    padding-bottom: 110px
}

.support ul li {
    margin-bottom: 40px
}

.support ul li a {
    display: block;
    background-color: #fff
}

.support ul li i {
    position: absolute;
    left: 36px;
    font-size: 20px;
    color: #999
}

.support ul li p {
    -moz-transition: all .36s ease;
    -o-transition: all .36s ease;
    -webkit-transition: all .36s ease;
    transition: all .36s ease
}

.support ul li p span {
    -moz-transition: all .36s ease;
    -o-transition: all .36s ease;
    -webkit-transition: all .36s ease;
    transition: all .36s ease
}

.support ul li .quest {
    font-size: 18px;
    line-height: 84px;
    color: #333;
    font-weight: 400;
    padding: 0 82px;
    position: relative
}

.support ul li .quest i {
    top: 32px
}

.support ul li .quest .icon_arrow {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    line-height: 30px
}

.support ul li .active .quest .icon_arrow {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.support ul li .answer {
    display: none;
    border-top: 1px solid rgba(51, 51, 51, 0.1);
    padding: 0 82px;
    position: relative;
    padding-top: 32px;
    padding-bottom: 60px
}

.support ul li .answer i {
    top: 42px
}

.support ul li .icon_arrow {
    display: block;
    width: 30px;
    height: 30px;
    position: relative;
    text-align: center;
    line-height: 26px;
    position: absolute;
    top: 50%;
    right: 30px;
    margin-top: -15px
}

.support ul li .icon_arrow:after,
.support ul li .icon_arrow:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%
}

.support ul li .icon_arrow:after {
    width: 100%;
    height: 100%;
    background-color: rgba(220, 95, 0, 0.2)
}

.support ul li .icon_arrow:before {
    top: 3px;
    bottom: 3px;
    left: 3px;
    right: 3px;
    background-color: #DC5F00
}

.support ul li .icon_arrow em {
    position: relative;
    z-index: 300;
    color: #fff;
    margin-left: -2px
}

.download ul {
    margin-left: -2.08333%;
    margin-right: -2.08333%
}

.download ul li {
    padding: 0 2.08333%
}

.download ul li a {
    padding: 22px 0;
    position: relative;
    padding-left: 28px
}

.download ul li a img {
    display: inline-block;
    vertical-align: top;
    margin-right: 14px;
    width: 30px
}

.download ul li a p span {
    -moz-transition: all .36s ease;
    -o-transition: all .36s ease;
    -webkit-transition: all .36s ease;
    transition: all .36s ease
}

.download ul li .icon_arrow {
    line-height: 32px
}

.download ul li .icon_arrow em {
    margin-left: 2px
}

.knowledge {
    padding-top: 160px
}

.knowledge .img-box:before {
    padding-top: 48.44%
}

.knowledge .banner {
    overflow: hidden
}

.knowledge .banner figcaption {
    padding-top: 30px;
    padding-bottom: 30px;
    width: 62.5%;
    font-size: 24px;
    letter-spacing: 1.5px;
    line-height: 34px;
    font-weight: 400
}

.knowledge .banner .video_wrapper {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.knowledge .banner video {
    display: block;
    object-fit: cover;
    object-position: center center;
    height: 100%;
    width: 100%;
    z-index: 20
}

.knowledge .banner .btn_video_pause {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    color: #DC5F00;
    background-color: #fff;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    cursor: pointer;
    z-index: 300
}

.video_list {
    padding-bottom: 160px
}

.video_list ul {
    margin-left: -1px;
    margin-right: -1px;
    font-size: 0
}

.video_list ul li {
    margin-bottom: 30px
}

.video_list ul li .item_box {
    display: block;
    margin: 0 1px
}

.video_list ul li .img-box:before {
    padding-top: 57.14286%
}

.video_list ul li figcaption {
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 22px;
    letter-spacing: 1.5px;
    line-height: 34px;
    font-weight: 400;
    color: #333
}

.video_list ul li .video_wrapper {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video_list ul li video {
    display: block;
    object-fit: cover;
    object-position: center center;
    height: 100%;
    width: 100%;
    z-index: 20
}

.video_list ul li .btn_video_pause {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    color: #DC5F00;
    background-color: #fff;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    cursor: pointer;
    z-index: 300
}

.innerbanner .mask-ace {
    background-color: #212121;
    height: auto;
    padding-top: 150px;
    padding-bottom: 180px
}

.innerbanner .mask-ace h1 {
    font-size: 36px;
    letter-spacing: 2px;
    line-height: 39px;
    color: #fff;
    font-weight: 400;
    padding-top: 0;
    padding-bottom: 0
}

.innerbanner .mask-ace .text-muted {
    color: #C9C9C9;
    width: 300px;
    vertical-align: top;
    margin-left: 16.66667%
}

.innerbanner .mask-ace img {
    width: 185px;
    height: 185px;
    position: absolute;
    top: 140px;
    right: 10.41667%
}

.counter {
    background-color: #212121
}

.counter li {
    padding: 90px 0;
    text-align: center;
    border-right: 1px solid rgba(255, 255, 255, 0.1)
}

.counter li:nth-child(3n+3) {
    border-right: none
}

.counter h5 {
    font-size: 40px;
    letter-spacing: .4px;
    line-height: 48px;
    color: #DC5F00;
    font-family: "GothamBook"
}

.counter h5 span {
    font-family: "GothamBook"
}

.counter p {
    font-size: 12px;
    letter-spacing: .4px;
    line-height: 20px;
    color: #fff
}

.row h3 {
    font-size: 30px;
    letter-spacing: 1px;
    line-height: 60px;
    color: #333;
    font-weight: 400
}

.ace_list .img-box:before {
    padding-top: 62.86837%
}

.ace_list figcaption {
    font-size: 20px;
    line-height: 29px;
    letter-spacing: 1px;
    color: #333;
    font-weight: 400;
    padding: 30px 0
}

.ace_list ul {
    margin-left: -1.04167%;
    margin-right: -1.04167%
}

.ace_list ul li {
    padding-left: 1.04167%;
    padding-right: 1.04167%
}

.tip_list li {
    margin-bottom: 40px
}

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

.tip_list article {
    display: inline-block;
    vertical-align: top;
    background-color: #F6F6F6;
    margin-left: 76px;
    padding: 0 20px;
    width: 77.8125%;
    padding-bottom: 14px;
    position: relative
}

.tip_list article:before {
    content: "";
    display: block;
    position: absolute;
    top: 12px;
    left: -16px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 16px solid #F6F6F6
}

.tip_list article h5 {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 2px;
    line-height: 48px;
    color: #DC5F00
}

.relative ul li {
    padding-right: 7.70833%
}

.relative ul li i {
    display: inline-block;
    vertical-align: -4px;
    width: 34px;
    font-size: 24px
}

.relative ul li .icon-icon_emails:before {
    margin-left: -10px
}

.relative ul li .icon-icon_tel1:before {
    margin-left: -4px
}

.relative ul li .icon-icon_location1:before {
    margin-left: -5px
}

.relative ul li .icon-icon_date1:before {
    margin-left: -4px
}

.relative ul li article {
    display: inline-block;
    vertical-align: top
}

.relative ul li article h5 {
    font-size: 22px;
    letter-spacing: 1px;
    line-height: 30px;
    color: #333;
    font-weight: 400;
    margin-bottom: 15px
}

.relative ul li article em {
    display: block;
    padding-bottom: 35px;
    border-bottom: 1px solid #F2F2F2
}

.relative ul li figure {
    display: inline-block;
    vertical-align: top;
    margin-left: 16.66667%;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 30px;
    color: #333;
    font-weight: 400;
    text-align: center
}


.allmap {
    height: 800px;
    height: calc(100vh - 138px);
    width: 150%
}

.search_wrapper {
    margin-bottom: 150px
}

.search_wrapper .search-header h3 {
    margin-bottom: 5px
}

.search_wrapper .search-header h3,
.search_wrapper .search-header p {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 20px;
    color: #333;
    font-weight: 400
}

.search_wrapper .list-search {
    margin-bottom: 110px
}

.search_wrapper .list-search li {
    padding-bottom: 20px;
    margin-bottom: 40px;
    border-bottom: 1px solid #E8E8E8
}

.search_wrapper .list-search li h4 {
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 28px;
    font-weight: 400;
    color: #333;
    -moz-transition: all .36s ease;
    -o-transition: all .36s ease;
    -webkit-transition: all .36s ease;
    transition: all .36s ease;
    margin-bottom: 5px
}

.search_wrapper .list-search li p {
    font-size: 16px;
    line-height: 26px;
    color: #999
}

.search_wrapper .list-search li time {
    font-family: "GothamBook"
}

.bdshare-button-style0-16 a,
.bdshare-button-style0-16 .bds_more {
    float: none !important;
    font-size: 16px !important;
    background: none !important;
    padding-left: 0 !important
}

@media only screen and (min-width: 1921px) {
    .navbar .nav>li>a {
        font-size: 18px
    }

    .header .btn_search {
        font-size: 22px
    }

    .header .btn_lang {
        font-size: 16px
    }

    .header .btn_inquiry {
        font-size: 22px
    }

    .header .btn_lang>a {
        font-size: 18px
    }

    .dropnav_wrapper li a,
    .navbar .dropdown li a {
        font-size: 16px
    }

    .formsearch .button {
        font-size: 22px
    }

    .text_info>h3 {
        font-size: 24px
    }

    .information>h3,
    .pagetitle h1,
    .pagetitle h2 {
        font-size: 42px
    }

    .information>h4 {
        font-size: 26px
    }

    .text-muted,
    .pagetitle p,
    .btn_default {
        font-size: 16px;
        line-height: 30px
    }

    .work_list li .text_desc h3,
    .news_list .text_desc h3 {
        font-size: 26px
    }

    .work_list li .text_desc h4,
    .news_list .text_desc p,
    .read_more {
        font-size: 16px;
        line-height: 30px
    }

    .work_list li .text_desc .btn_shape {
        width: 44px;
        height: 44px
    }

    .server h2 {
        font-size: 34px
    }

    .server p {
        font-size: 14px
    }

    .footer dl dt,
    .footer dl dt a {
        font-size: 18px
    }

    .footer dl dd,
    .footer dl dd a {
        font-size: 16px
    }

    .footer .share a {
        font-size: 18px
    }

    .footer .link dd {
        line-height: 36px
    }

    .btn_backtop {
        width: 70px;
        height: 70px
    }

    .footer .copyringht span {
        font-size: 14px
    }

    .footer .copyringht a {
        font-size: 16px
    }

    .page_title {
        font-size: 38px;
        line-height: 38px
    }

    .page_title span {
        font-size: 16px
    }

    .group_list li .desc {
        font-size: 16px;
        line-height: 26px
    }

    .crumbs ul li a {
        font-size: 16px
    }

    .crumbs ul .home a i {
        font-size: 22px
    }

    .hot_mod .tig {
        font-size: 16px
    }

    .hot_mod figcaption h1 {
        font-size: 32px;
        line-height: 58px
    }

    .hot_mod .param {
        font-size: 16px;
        line-height: 28px
    }

    .nav-tabs_wrapper .nav-tabs li a {
        font-size: 20px
    }

    .pro_list li>a>figcaption h3 {
        font-size: 16px;
        line-height: 28px
    }

    .pro_list li>a>figcaption h1 {
        font-size: 30px;
        line-height: 28px
    }

    .pro_swiper .arrow .shape {
        width: 76px;
        height: 76px;
        line-height: 76px
    }

    .pro_picture figcaption h3 {
        font-size: 32px;
        line-height: 36px
    }

    .pro_picture figcaption h4 {
        font-size: 16px;
        line-height: 26px
    }

    .pro_picture .description {
        font-size: 16px;
        line-height: 38px
    }

    .pro_picture .description p img {
        top: 10px
    }

    .pro_picture .list li.block_center .text_primary:before {
        width: 57%;
        height: 64px
    }

    .area_column figcaption {
        font-size: 18px
    }

    .panel-body,
    .hot_news figcaption time,
    .hot_news figcaption {
        font-size: 16px;
        line-height: 28px
    }

    .pagings a,
    .backlist,
    .news_mod_list .category,
    .hot_news figcaption {
        font-size: 16px
    }

    .backlist i {
        font-size: 22px
    }

    .share {
        font-size: 16px
    }

    .bdshare-button-style0-16 a,
    .bdshare-button-style0-16 .bds_more {
        font-size: 18px !important
    }

    .news_mod_list figcaption .desc {
        font-size: 20px;
        line-height: 32px
    }

    .news_mod_list figcaption time {
        font-size: 16px
    }

    .hot_news figcaption h3 {
        font-size: 26px;
        line-height: 36px
    }

    .panel-body h1 {
        font-size: 32px;
        line-height: 44px
    }

    .aboutbanner .mask h1 {
        font-size: 24px;
        line-height: 34px
    }

    .text_title h3 {
        font-size: 38px;
        line-height: 62px
    }

    .column li figcaption {
        font-size: 18px;
        line-height: 32px
    }

    .history_slick_swiper .slick-slide .slick_item_box .ellipsis {
        height: 120px
    }

    .global .list .box {
        font-size: 22px
    }

    .global .list .box span {
        font-size: 14px
    }

    .honor_mod_list li figcaption {
        font-size: 20px
    }

    .service .caption h3 {
        font-size: 32px;
        line-height: 42px
    }

    .service .caption h4 {
        font-size: 14px
    }

    .service .caption h6 {
        font-size: 18px;
        line-height: 28px
    }

    .service .caption {
        font-size: 16px;
        line-height: 28px
    }

    .service .btns a {
        font-size: 18px
    }

    .text_muted {
        font-size: 16px;
        line-height: 28px
    }

    .service .btns article {
        font-size: 16px;
        line-height: 28px
    }

    .address {
        font-size: 20px;
        line-height: 34px
    }

    .office figcaption h3 {
        font-size: 24px
    }

    .sales ul li h3 {
        font-size: 24px
    }

    .validate_form .form-control+label {
        font-size: 16px
    }

    .validate_form .form-control {
        font-size: 16px
    }

    .text-muted span {
        font-size: 20px;
        line-height: 42px
    }

    .knowledge .banner figcaption {
        font-size: 26px
    }

    .counter p {
        font-size: 14px
    }

    .tip_list article h5 {
        font-size: 18px;
        line-height: 50px
    }
}

@media only screen and (max-width: 1680px) and (min-width: 1025px) {
    .history_year .slot span {
        width: 6px;
        margin: 0 6px
    }

    .works_mod_list li figcaption h3 {
        height: 68px
    }

    .pro_swiper figure img {
        max-width: 100%;
        width: 100%
    }

    .hot_mod figcaption h1,
    .pro_picture figcaption h3,
    .pro_picture .text_lead h3 {
        font-size: 26px;
        font-weight: 400
    }

    .page_title,
    .text_title,
    .title_page {
        font-size: 26px;
        font-weight: 400;
        line-height: 36px
    }

    .text_title,
    .title_page {
        line-height: 40px
    }

    .hot_mod figcaption {
        padding-bottom: 50px
    }

    .pro_list li>a>figcaption h1,
    .location figcaption h3 {
        font-size: 22px;
        font-weight: 400;
        line-height: 40px
    }

    .panel-body h1,
    .row h3 {
        font-size: 22px;
        font-weight: 400
    }

    .row h3 {
        line-height: 36px
    }

    .nav-tabs_wrapper .nav-tabs li:hover a,
    .nav-tabs_wrapper .nav-tabs .active a {
        font-weight: 400
    }

    .hot_mod .param strong {
        font-weight: 400
    }

    .information>h3,
    .text_title h3 {
        font-size: 28px;
        font-weight: 400;
        line-height: 40px
    }

    .custom_paging .currentPage {
        font-size: 32px;
        margin-right: 10px
    }

    .detailbanenr h1,
    .detailbanenr h1,
    .innerbanner h1 {
        font-size: 28px;
        font-weight: 400
    }

    .works_mod_list li figcaption h3,
    .page .btn,
    .video_wrapper figcaption,
    .hot_news figcaption h3 {
        font-size: 18px;
        font-weight: 400
    }

    .solu_group_list .group_wrapper .img-box h3 {
        font-size: 26px;
        line-height: 30px
    }

    .news_mod_list figcaption .desc {
        font-size: 18px;
        line-height: 24px
    }

    .history_slick_date .slick_item time {
        font-size: 18px
    }

    .history_slick_swiper .slick_item .month {
        font-size: 32px
    }

    .location figcaption p {
        font-size: 16px;
        font-weight: 400
    }

    .location .order {
        font-family: 30px;
        line-height: 80px
    }

    .honor_mod_list li figcaption,
    .relative ul li article h5 {
        font-size: 18px;
        font-weight: 400
    }

    .text-muted strong,
    .text-muted h6 {
        font-size: 16px;
        font-weight: 400
    }

    .service figure {
        width: 40%;
        overflow: hidden
    }

    .service figure:before {
        padding-top: 124.95164% !important
    }

    .service figcaption {
        width: 60%
    }

    .service figure>img {
        width: auto;
        height: 100%;
        left: 50%;
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }

    .office figcaption h3 {
        font-size: 18px;
        line-height: 30px;
        font-weight: 400
    }

    .sales ul li h3 {
        font-size: 18px;
        line-height: 30px;
        height: 60px
    }

    .pro_picture .list li.block_center .text_primary:before {
        width: 163px;
        width: 73%;
        height: 40px;
        top: 54%;
        left: -78%
    }

    .pro_picture .list li.block_center .text_primary {
        right: 30.95833%;
        margin-top: 60px;
        width: 34%
    }

    .innerbanner .mask-ace h1 {
        font-size: 28px;
        font-weight: 400
    }

    .innerbanner .mask-ace img {
        width: 120px;
        height: 120px;
        top: 50%;
        margin-top: -60px
    }

    .innerbanner .mask-ace {
        padding-top: 100px;
        padding-bottom: 130px
    }

    .relative .list-4>li {
        width: 30%
    }

    .allmap {
        height: calc(100vh - 138px)
    }

    .history_slick_swiper .slick-slide .text-muted {
        height: 250px
    }

    .inves_list li .icon {
        display: block;
        width: 72px;
        margin-left: auto;
        margin-right: auto
    }

    .inves_list li .item {
        height: auto;
        padding-left: 0;
        padding-right: 0
    }

    .inves_list li article {
        width: 100%;
        text-align: center;
        margin-left: 0;
        margin-top: 30px
    }
}

@media only screen and (max-width: 1440px) and (min-width: 1025px) {
    .popover .container {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .popover .btn_default {
        margin-top: 20px
    }

    .popover .validate_form legend {
        margin-bottom: 30px
    }

    .works_mod_list li figcaption .text p {
        font-size: .97222vw
    }

    .works_mod_list li figcaption {
        padding-right: 10%
    }
}

@media only screen and (min-width: 1025px) {
    .solu_group_list .group_wrapper .d-inline-block:nth-child(odd) .blank .img_thumbnail {
        left: 0
    }

    .solu_group_list .group_wrapper .d-inline-block:nth-child(odd) .bd-hd {
        display: none
    }

    .solu_group_list .group_wrapper .d-inline-block:nth-child(even) .blank .img_thumbnail {
        right: 0
    }

    .solu_group_list .group_wrapper .d-inline-block:nth-child(even) .bd-ft {
        display: none
    }

    .solu_group_list .group_wrapper a:hover .img-box:after {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10);
        opacity: .1;
        visibility: hidden
    }

    .hot_mod a:hover figcaption h1 {
        color: #DC5F00
    }

    .hot_mod a:hover .tig {
        background-color: #DC5F00
    }

    .pro_list li>a:hover>.img-box .icon_link {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
        visibility: visible;
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .pro_list li>a:hover>.img-box .img_thumbnail {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        visibility: hidden
    }

    .pro_list li>a>.img-box .btn_shape {
        -moz-transform: scale(0.4);
        -ms-transform: scale(0.4);
        -webkit-transform: scale(0.4);
        transform: scale(0.4)
    }

    .pro_list li>a:hover>.img-box .btn_shape {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
        visibility: visible
    }

    .share a:hover {
        color: #DC5F00 !important
    }

    .news_mod_list a:hover figcaption .desc {
        color: #DC5F00
    }

    .news_mod_list a:hover .category {
        background-color: #DC5F00;
        color: #fff
    }

    .location figure .img_thumbnail {
        -moz-transition: all .36s ease;
        -o-transition: all .36s ease;
        -webkit-transition: all .36s ease;
        transition: all .36s ease;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        visibility: hidden
    }

    .location>div:hover .img_thumbnail {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
        visibility: visible
    }

    .location figcaption {
        z-index: 100
    }

    .location>div .img-box:before {
        -moz-transition: all .36s ease;
        -o-transition: all .36s ease;
        -webkit-transition: all .36s ease;
        transition: all .36s ease
    }

    .location>div:hover .img-box:before {
        background-color: rgba(220, 95, 0, 0.5);
        position: relative;
        z-index: 50
    }

    .service .btns article {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        visibility: hidden;
        -moz-transform: translate(0, 20px);
        -ms-transform: translate(0, 20px);
        -webkit-transform: translate(0, 20px);
        transform: translate(0, 20px);
        -moz-transition: all .36s ease;
        -o-transition: all .36s ease;
        -webkit-transition: all .36s ease;
        transition: all .36s ease
    }

    .service .btns a:hover article {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
        visibility: visible;
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .crumbs ul li a:hover {
        color: #DC5F00
    }

    .crumbs ul li.home a:hover i {
        color: #fff
    }

    .news_list .item_box:hover .text_desc h3 {
        color: #DC5F00
    }

    .news_list .item_box:hover .read_more,
    .read_more:hover {
        color: #DC5F00
    }

    .works_mod_list li a {
        -moz-transition: all .36s ease;
        -o-transition: all .36s ease;
        -webkit-transition: all .36s ease;
        transition: all .36s ease
    }

    .works_mod_list li a:hover figcaption h3 {
        color: #DC5F00
    }

    .works_mod_list li a:hover .read_more {
        color: #DC5F00
    }

    .backlist:hover {
        color: #DC5F00
    }

    .hot_news a:hover figcaption h3 {
        color: #DC5F00
    }

    .hot_news a:hover .read_more {
        color: #DC5F00
    }

    .tabs .nav-tabs_wrapper {
        position: absolute;
        top: 18px;
        right: 0;
        width: 100%
    }

    .tabs .nav-tabs_wrapper ul li {
        margin-left: 50px;
        padding-left: 0;
        padding-right: 0
    }

    .validate_form .select li:hover {
        color: #DC5F00;
        color: #fff
    }

    .history .arrow:hover {
        color: #DC5F00
    }

    .search_wrapper .list-search li:hover h4 {
        color: #DC5F00
    }

    .btn_vido_play:hover:after {
        border-left-color: #fff
    }

    .btn_vido_play:hover:before {
        background-color: #DC5F00
    }

    .btn-primary:hover .shape:after {
        margin-left: 0
    }

    .pagination a.btn_next:hover,
    .pagination a.btn_prev:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
        opacity: .4
    }

    .pagination a.btn_pg:hover {
        color: #fff;
        background-color: #DC5F00
    }

    .pagings a:hover {
        background-color: #ff991e
    }

    .pagings .prev:hover {
        background-color: #333
    }

    .page .btn:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
        opacity: .8
    }

    .item_wrapper .img-box {
        overflow: hidden
    }

    .item_wrapper img.img_thumbnail {
        -moz-transition: all .36s ease;
        -o-transition: all .36s ease;
        -webkit-transition: all .36s ease;
        transition: all .36s ease
    }

    .item_wrapper:hover img.img_thumbnail {
        -moz-transform: scale(1.04);
        -ms-transform: scale(1.04);
        -webkit-transform: scale(1.04);
        transform: scale(1.04)
    }

    .download ul li a:hover p span {
        color: #DC5F00
    }

    .support ul li a:hover .icon_arrow:after {
        -moz-transform: scale(0.8, 0.8);
        -ms-transform: scale(0.8, 0.8);
        -webkit-transform: scale(0.8, 0.8);
        transform: scale(0.8, 0.8)
    }

    .support ul li a:hover .quest p span {
        color: #DC5F00
    }

    .office ul li:nth-last-of-type(1) figcaption,
    .office ul li:nth-last-of-type(2) figcaption,
    .office ul li:nth-last-of-type(3) figcaption,
    .office ul li:nth-last-of-type(4) figcaption {
        margin-bottom: 0
    }

    .nav-tabs_wrapper .select-wrapper ul li {
        -moz-transition: all .36s ease;
        -o-transition: all .36s ease;
        -webkit-transition: all .36s ease;
        transition: all .36s ease;
        cursor: pointer
    }

    .nav-tabs_wrapper .select-wrapper ul li:hover {
        color: #DC5F00;
        color: #fff
    }

    .video_wrapper .videopopup .btn_video_pause:hover {
        color: #DC5F00
    }
}

.nav-tabs_wrapper .select-wrapper {
    padding-right: 34px
}

.nav-tabs_wrapper .select-wrapper .iconfont {
    display: inline-block;
    -moz-transition: all .36s ease;
    -o-transition: all .36s ease;
    -webkit-transition: all .36s ease;
    transition: all .36s ease;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -3px;
    width: 34px;
    height: 6px
}

.nav-tabs_wrapper .select-wrapper .iconfont:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-left: 6px;
    line-height: 9px
}

.nav-tabs_wrapper .select-wrapper.active .iconfont {
    color: #DC5F00;
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.nav-tabs_wrapper .select-wrapper.active .select-button {
    color: #DC5F00
}

.error-404 {
    padding: 60px 20px;
    text-align: center
}

.error-404 h3 {
    font-size: 30px;
    letter-spacing: 1.5px;
    line-height: 34px;
    color: #DC5F00;
    font-weight: 400;
    color: #333;
    margin-top: 10px;
    font-weight: 400;
    text-align: center
}

.error-404 p {
    font-size: 16px;
    letter-spacing: 1px;
    color: #999;
    line-height: 26px;
    font-weight: 400
}

@media only screen and (max-width: 1024px) {
    .sn-hidden {
        display: block !important
    }

    .sn-visible {
        display: none !important
    }

    .crumbs {
        top: 100px
    }

    .custom_paging {
        display: none
    }

    .controls {
        display: none
    }

    .js_banner_nav {
        width: 100%;
        height: auto
    }

    .js_banner_nav .slick-slide {
        width: 100vw;
        text-align: left
    }

    .js_banner_nav .text_info {
        margin-top: 0;
        width: 100%;
        padding: 40px 5.33333%
    }

    .text_info>h3 {
        font-size: 30px;
        letter-spacing: 1px;
        line-height: 54px
    }

    .information>h3 {
        font-size: 40px
    }

    .information>h4 {
        font-size: 34px
    }

    .work {
        margin-top: 260px
    }

    .information {
        margin-left: 5.33333%;
        margin-right: 5.33333%
    }

    .ui-mini-mt {
        margin-left: 5.33333%;
        margin-right: 5.33333%
    }

    .ui-mini-pt {
        padding-left: 5.33333%;
        padding-right: 5.33333%
    }

    .work_list {
        margin-top: 100px
    }

    .work_list li {
        width: 100%
    }

    .work_list li .text_desc {
        padding-left: 4%;
        padding-right: 4%;
        padding-top: 40px;
        padding-bottom: 30px
    }

    .work_list li .mask {
        display: none
    }

    .work_list li .text_desc h3 {
        font-size: 34px;
        position: relative;
        z-index: 500
    }

    .work_list li .text_desc h4 {
        font-size: 22px;
        line-height: 46px;
        height: 30px;
        overflow: hidden
    }

    .product:before {
        padding-top: 173.33333%
    }

    .pagetitle {
        width: 100%
    }

    .gradient {
        width: 100%;
        height: 50%
    }

    .pagetitle {
        left: 0;
        top: 22px;
        padding-right: 5.33333%;
        padding-left: calc(5.33333% + 50px)
    }

    .sm_pagetitle {
        top: 50px
    }

    .orange-gradient {
        top: auto;
        bottom: 0
    }

    .black-gradient {
        top: 0
    }

    .pagetitle h2 {
        font-size: 50px;
        margin-bottom: 0
    }

    .pagetitle p {
        font-size: 24px;
        opacity: 0.7
    }

    .pagetitle article p {
        display: none
    }

    .pagetitle article p:first-child {
        display: block
    }

    .pagetitle .icon {
        left: 5.33333%;
        width: 28px;
        height: 28px;
        line-height: 28px;
        top: 5px
    }

    .pagetitle .icon:after {
        width: 24px;
        height: 24px;
        border: 2px solid rgba(255, 255, 255, 0.5)
    }

    .gradient .text_primary .icon {
        display: none
    }

    .black-gradient .text_primary {
        bottom: 65px;
        right: 0;
        width: 100%;
        text-align: right;
        padding-left: 5.33333%;
        padding-right: 12%
    }

    .text_primary h3 {
        font-size: 28px;
        line-height: 34px
    }

    .text_primary p {
        font-size: 24px;
        line-height: 36px
    }

    .black-gradient .text_primary:after {
        content: "";
        display: block;
        position: absolute;
        width: 40px;
        height: 206px;
        background-image: url("http://absen.cn/themes/cn/default/styles/../assets/img/icon_15.svg");
        left: auto;
        right: 25%;
        top: 105%
    }

    .orange-gradient .text_primary {
        left: 0;
        width: 100%;
        text-align: left;
        padding-left: 16%;
        padding-right: 10.66667%;
        bottom: 60px
    }

    .orange-gradient .text_primary:after {
        content: "";
        display: block;
        position: absolute;
        width: 40px;
        height: 214px;
        background-image: url("http://absen.cn/themes/cn/default/styles/../assets/img/icon_17.svg");
        right: auto;
        left: 24%;
        top: -212%
    }

    .news {
        margin-top: 260px
    }

    .news_list li {
        width: 100%;
        margin-bottom: 140px
    }

    .news_list .text_desc h3 {
        font-size: 34px;
        font-size: 18px;
        color: #DC5F00
    }

    .news_list .text_desc .read_more {
        color: #DC5F00;
        margin-top: 26px
    }

    .news_list .text_desc p {
        font-size: 24px;
        line-height: 36px;
        margin-top: 0
    }

    .news_list .label span {
        margin-right: 50px
    }

    .server {
        padding: 120px 5.33333%;
        background-position: 87% center;
        margin-top: 0
    }

    .col-md-6 {
        width: 100%
    }

    .innerbanner:before {
        padding-top: 74.4%
    }

    .inner-banner .img-box::before {
        padding-top: 74.4%
    }

    .img-box>img {
        width: auto;
        height: 100%;
        left: 50%;
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }

    .solu_group_list {
        margin-top: 140px
    }

    .solu_group_list .group_wrapper .blank .img_thumbnail {
        height: 70%;
        width: 100%
    }

    .btn_vido_play {
        width: 80px;
        height: 80px
    }

    .text_wrapper {
        margin-top: 0;
        margin-bottom: 150px
    }

    .group_list {
        margin-left: 0;
        margin-right: 0
    }

    .group_list li {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }

    .scien .list>li:nth-child(3),
    .scien .list>li:nth-child(4) {
        border-bottom: none
    }

    .scien .list {
        margin-top: 0px
    }

    .scien {
        padding-top: 40px;
        padding-bottom: 10px;
        margin-top: -30px
    }

    .scien .list>li {
        width: 50%;
        padding-bottom: 64px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        margin-top: 64px
    }

    .column li figure {
        height: 88px
    }

    .column li figure .icon {
        height: 88px
    }

    .column li figcaption {
        height: 60px
    }

    .pro_list li {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }

    .works_mod_list li {
        width: 100%;
        padding: 0
    }

    .page {
        margin-top: 0px
    }

    .page .btn {
        width: 50%
    }

    .hot_mod {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 112px
    }

    .hot_mod>a {
        padding-left: 4%;
        position: relative;
        padding-bottom: 80px
    }

    .hot_mod .param strong {
        display: block;
        margin-left: 0;
        display: inline-block
    }

    .hot_mod figure {
        width: 57%;
        position: absolute;
        right: -28px;
        bottom: 8px
    }

    .hot_mod figcaption {
        width: 100%;
        padding-right: 16%;
        padding-top: 55px
    }

    .pro_list .poster {
        width: 100%
    }

    .poster .img-box:before {
        padding-top: 89.55224%
    }

    .btn-primary .shape {
        width: 80px;
        height: 80px
    }

    .productbanner:before {
        padding-top: 173.33333%
    }

    .hot_mod figcaption {
        margin-left: 0
    }

    .pro_swiper {
        padding-left: 0
    }

    .pro_swiper .slick-slide img {
        max-width: 100%;
        width: 100%
    }

    .pro_picture figure {
        width: 100%;
        padding-left: 5.33333%;
        padding-right: 5.33333%
    }

    .pro_picture figcaption {
        width: 100%;
        padding-top: 80px;
        padding-bottom: 80px
    }

    .pro_picture .description p {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        width: 100%;
        float: left;
        padding-left: 30px
    }

    .pro_picture .list li.block_left .text-info {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
        width: 100%
    }

    .pro_picture .text-info,
    .pro_picture .text_primary {
        left: 0;
        padding-left: 5.33333%;
        padding-right: 5.33333%;
        position: static;
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .pro_picture figcaption:before {
        padding-top: 0
    }

    .pro_picture .list li.block_center:before {
        padding-top: 0
    }

    .pro_picture .list li.block_center figure {
        position: static
    }

    .pro_picture .list li.block_center figcaption {
        position: static;
        width: 100%;
        text-align: right;
        padding: 0 5.33333%
    }

    .pro_picture .list li.block_center .text_primary {
        position: static;
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
        padding-bottom: 70px;
        width: 100%
    }

    .pro_picture .text_lead {
        position: static;
        padding-left: 5.33333%;
        padding-right: 5.33333%;
        margin-left: 0;
        padding-top: 70px
    }

    .pro_picture .list li.block_center figure img {
        width: 100%;
        height: auto;
        position: static;
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .pro_picture .list li.block_center figure:before {
        padding-top: 0
    }

    .pro_picture .list li.block_center figcaption .icon {
        display: none
    }

    .pro_picture figcaption {
        width: 100%
    }

    .pro_picture figure img {
        display: block;
        max-width: 100%
    }

    .pro_picture .text-info,
    .pro_picture .text_primary {
        position: static;
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .pro_picture .list li.block_pull figure img {
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .pro_picture .list li.block_left figure {
        padding-left: 0;
        padding-right: 0
    }

    .pro_picture .list li.block_right figure {
        padding-left: 0;
        padding-right: 0
    }

    .pro_picture .list li.block_pull figure {
        margin-left: 5.33333%;
        margin-right: 5.33333%;
        width: 89.33334%;
        padding-left: 0;
        padding-right: 0
    }

    .pro_picture .list li.block_pull figure img {
        width: 98%
    }

    .video_wrapper .img-box:before {
        padding-top: 74.62687%
    }

    .work_wrapper {
        padding-top: 100px;
        padding-top: 40px
    }

    .area_column {
        padding-bottom: 16px
    }

    .area_column ul>li {
        width: 50%;
        margin-bottom: 80px
    }

    .area_column figure .icon {
        width: auto;
        height: 62px
    }

    .area_column figcaption {
        font-size: 24px;
        line-height: 30px
    }

    .panel-body {
        width: auto;
        margin-left: 5.33333%;
        margin-right: 5.33333%
    }

    .panel-body .btns {
        margin-top: 60px
    }

    .pagings a {
        width: 100%;
        padding: 0 5.33333% !important
    }

    .pagings .next {
        text-align: left
    }

    .pagings .next span {
        float: none;
        clear: both;
        margin-left: 0;
        margin-right: 10px
    }

    .hot_news figcaption h3 {
        font-size: 32px;
        line-height: 46px
    }

    .news_module {
        margin-top: 0;
        padding-top: 260px
    }

    .news_mod_list {
        margin-left: 0;
        margin-right: 0;
        padding-top: 20px
    }

    .news_mod_list li {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }

    .about .text_wrapper {
        margin-top: 160px
    }

    .history_slick_swiper .list>li {
        width: 100%;
        margin-bottom: 60px
    }

    .history_slick_swiper .slick_item .slick_item_box {
        margin-left: 0;
        margin-right: 0;
        padding-left: 13.33333%;
        padding-right: 13.33333%
    }

    .location .order {
        display: none
    }

    .address address,
    .address .tel,
    .address .email {
        margin-left: 5.33333%;
        width: 60%;
        margin-bottom: 20px
    }

    .innerbanner .address {
        padding-top: 76px
    }

    .innerbanner .address h1 {
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 60px
    }

    .office ul {
        margin-left: 0;
        margin-right: 0;
        margin-top: 30px
    }

    .office ul li {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }

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

    .office figcaption {
        padding-top: 15px
    }

    .sales {
        margin-bottom: 80px
    }

    .sales .img-box:before {
        padding-top: 106.66667%
    }

    .sales ul {
        margin-left: 0;
        margin-right: -11%
    }

    .sales ul li {
        width: 50%;
        padding-left: 0;
        padding-right: 0
    }

    .sales ul li h3 {
        padding-right: 18.66667%
    }

    .sales ul li {
        margin-bottom: 0px !important;
        padding-right: 11%
    }

    .sales ul li .text-muted {
        padding-right: 18.66667%;
        height: 96px;
        margin-bottom: 40px
    }

    .sales ul li .text-muted {
        margin-top: 8px
    }

    .contact article {
        width: 100%;
        padding-right: 0
    }

    .contact .form {
        width: 100%
    }

    .validate_form {
        margin-top: 70px
    }

    .honor_mod_list li {
        width: 50%
    }

    .service .img-box:before {
        padding-top: 0
    }

    .service .caption {
        position: static;
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
        padding-top: 80px;
        padding-bottom: 80px
    }

    .service figcaption {
        padding-left: 5.33333%;
        padding-right: 5.33333%;
        background-color: #DC5F00
    }

    .service .caption h4 {
        margin-top: 10px
    }

    .service figure:before {
        padding-top: 133.33333% !important
    }

    .ui-mini {
        margin-left: 5.33333%;
        margin-right: 5.33333%
    }

    .aftersale .text_wrapper {
        margin-top: 40px
    }

    .panel_default {
        margin-bottom: 80px
    }

    .panel_default {
        padding-top: 0 !important
    }

    .aboutbanner:before {
        padding-top: 133.33333%
    }

    .aboutbanner .innerbanner .mask-ace {
        padding-top: 60px;
        padding-bottom: 120px;
        width: 80%
    }

    .innerbanner .mask-ace .text-muted {
        width: 100%;
        margin-left: 0;
        padding-left: 5.33333%;
        padding-right: 5.33333%
    }

    .innerbanner .mask-ace img {
        position: static;
        width: 108px;
        height: 108px;
        margin-left: 5.33333%
    }

    .innerbanner .mask-ace h1 {
        width: 100%;
        padding-left: 5.33333%;
        padding-right: 5.33333%;
        margin-top: 50px
    }

    .ace_module .text_wrapper {
        margin-top: 50px;
        margin-bottom: 0
    }

    .ace_module .text_wrapper .text-muted {
        margin-top: 30px
    }

    .counter li {
        width: 50%;
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1)
    }

    .ace_list ul li {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }

    .history {
        padding-top: 80px
    }

    .download ul li {
        width: 100%;
        padding: 0
    }

    .text-muted span {
        font-size: 14px;
        line-height: 24px
    }

    .download {
        margin-top: 20px
    }

    .download ul {
        margin-left: 0;
        margin-right: 0
    }

    .download ul li {
        margin-bottom: 20px
    }

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

    .download ul li a img {
        width: 24px;
        height: auto;
        vertical-align: middle;
        position: absolute;
        top: 15px;
        left: 20px
    }

    .download ul li a {
        padding-right: 50px;
        padding-left: 20px
    }

    .support ul li .icon_arrow {
        right: 20px;
        line-height: 34px
    }

    .support ul li p,
    .support ul li h3 {
        padding-left: 40px
    }

    .ui-wd {
        width: auto;
        margin-left: 5.33333%;
        margin-right: 5.33333%
    }

    .support ul.list {
        margin-top: 20px
    }

    .support ul li .quest {
        padding: 22px 40px;
        padding-right: 60px;
        line-height: normal
    }

    .support ul li .quest i,
    .support ul li .answer i {
        font-size: 24px
    }

    .support ul li i {
        left: 20px
    }

    .support ul li .quest i {
        top: 50%;
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }

    .support ul li .answer {
        padding: 30px 40px
    }

    .support ul li .answer i {
        top: 36px
    }

    .knowledge .img-box:before {
        padding-top: 74.62687%
    }

    .video_list>ul li {
        width: 100%
    }

    .group_list li:last-child article {
        border-bottom: none
    }

    .hot_mod figcaption h1 {
        color: #DC5F00
    }

    .productbanner {
        margin-top: 0 !important
    }

    .pro_swiper .arrow .shape {
        width: 40px;
        height: 40px;
        line-height: 40px
    }

    .pro_swiper .pro_js_slick {
        margin-left: 5%
    }

    .pro_swiper .arrow_slick {
        right: 7%
    }

    .pro_picture .list li.block_center .text_primary:before {
        content: "";
        display: block;
        width: 163px;
        width: 6%;
        height: 83%;
        background: url(http://absen.aisuy.com/themes/cn/default/styles/../assets/img/icon_36.svg) no-repeat center center;
        background-size: cover;
        position: absolute;
        top: -94%;
        right: 18%;
        left: auto;
        display: none
    }

    .pro_picture .list li.block_right .text-info,
    .pro_picture .list li.block_pull .text-info {
        width: 100%
    }

    .nav-tabs_wrapper {
        text-align: left
    }

    .nav-tabs_wrapper form {
        position: relative
    }

    .nav-tabs_wrapper .nav-tabs-list li {
        width: 45%;
        margin-bottom: 2px;
        width: 100%;
        display: block;
        text-align: center;
        background-color: #161616;
        padding-top: 10px;
        padding-bottom: 10px
    }

    .nav-tabs_wrapper .select-wrapper {
        width: 100%;
        display: block;
        width: 33.333333%;
        display: inline-block;
        text-align: center;
        background-color: #161616;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-left: 0;
        padding-right: 0;
        margin-bottom: 2px;
        position: static
    }

    .nav-tabs_wrapper .select-wrapper .container {
        display: inline-block;
        position: relative;
        padding-right: 34px;
        padding-right: 20px
    }

    .nav-tabs_wrapper .select-wrapper .select-list {
        width: 100%;
        top: 59px
    }

    .nav-tabs_wrapper .select-wrapper .iconfont {
        width: 20px
    }

    .nav-tabs_wrapper .measure_select ul li,
    .nav-tabs_wrapper .region_select ul li {
        width: 100%;
        text-align: center
    }

    .nav-tabs_wrapper .select-wrapper ul li {
        text-align: center
    }

    .nav-tabs_wrapper .select-wrapper .iconfont {
        color: #999
    }

    .nav-tabs_wrapper .select-wrapper .select-button {
        display: inline-block;
        font-size: 14px;
        color: #999
    }

    .nav-tabs_wrapper .nav-tabs li a {
        color: #999
    }

    .works_mod_list li figcaption {
        padding-bottom: 30px
    }

    .works_mod_list li figcaption h3 {
        display: block;
        height: auto;
        margin-bottom: 20px
    }

    .works_mod_list li figcaption .text {
        height: auto
    }

    .works_mod_list li figcaption .text p {
        display: block;
        width: 100%;
        font-size: 14px
    }

    .works_mod_list li figcaption .read_more {
        margin-top: 20px
    }

    .works_mod_list {
        margin-top: 20px
    }

    .pagings a .bt {
        position: static;
        float: left;
        margin-top: 0
    }

    .pagings a .txt {
        width: 75%
    }

    .pagings .prev .txt {
        padding-left: 0px;
        padding-right: 10px;
        overflow: hidden
    }

    .pagings .next .txt {
        padding-right: 0;
        overflow: hidden
    }

    .panel {
        margin-top: 60px
    }

    .global .chart-desktop svg {
        display: none
    }

    .global .list li:after,
    .global .list li:before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        width: 10px;
        height: 10px;
        background-color: #DC5F00;
        border-radius: 50%
    }

    .global .list li:after {
        left: -5px
    }

    .global .list li:before {
        right: -8px
    }

    .global .list li .box:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .global .list li:nth-child(odd):before {
        right: -5px
    }

    .global .list li:nth-child(odd) .box:before {
        border-top: 1px dashed #DC5F00;
        border-right: 1px dashed #DC5F00;
        border-bottom: 1px solid #DC5F00;
        border-left: 1px solid #DC5F00
    }

    .global .list li:nth-child(even):after {
        display: none
    }

    .global .list li:nth-child(even) .box:before {
        border-top: 1px solid #DC5F00;
        border-right: 1px solid #DC5F00;
        border-bottom: 1px dashed #DC5F00;
        border-left: 1px dashed #DC5F00
    }

    .history_year .slot span {
        width: 4px;
        margin: 0 4px
    }

    .history_year .slot {
        margin-top: -23px
    }

    .history .arrow {
        top: -5px
    }

    .history_slick_swiper .slick-slide .slick_item_box {
        margin-left: 0;
        margin-right: 0
    }

    .history_slick_swiper .slick-slide .month {
        font-size: 30px;
        line-height: 30px
    }

    .tabs .nav-tabs_wrapper {
        margin-top: 40px
    }

    .text_title {
        font-size: 20px;
        line-height: 36px
    }

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

    .aftersale .area {
        font-size: 14px
    }

    .title_page {
        font-size: 20px;
        line-height: 36px
    }

    .text-muted strong,
    .text-muted h6 {
        display: block;
        margin-bottom: 10px;
        font-size: 16px
    }

    .text_wrapper .text-muted {
        margin-top: 20px
    }

    .row {
        margin-top: 100px
    }

    .support {
        padding-top: 100px
    }

    .knowledge {
        padding-top: 100px
    }

    .video_list {
        padding-bottom: 80px;
        margin-top: 80px
    }

    .video_list ul {
        margin-top: 20px
    }

    .news_module {
        padding-bottom: 40px
    }

    .allmap {
        height: 400px
    }

    .innerbanner .address {
        position: static
    }

    .office figcaption p i {
        top: -3px
    }

    .validate_form legend {
        font-size: 26px
    }

    .popover .container {
        width: auto;
        margin-left: 5.33333%;
        margin-right: 5.33333%;
        padding-top: 40px;
        padding-bottom: 60px
    }

    .popover .validate_form {
        margin-top: 0
    }

    .popover .validate_form legend {
        margin-bottom: 30px
    }

    .popover .form {
        width: auto;
        margin-left: 20px;
        margin-right: 20px
    }

    .popover .btn_close {
        top: 20px;
        right: 5.33333%
    }

    .popover p {
        margin-right: 4.44444%
    }

    .popover .validate_form button {
        margin-top: 20px
    }

    .popover .validate_form .form-group {
        margin-bottom: 20px
    }

    .popover .validate_form i.icon {
        right: 20px
    }

    .popover .validate_form label.error {
        bottom: -17px
    }

    .validate_form .form-control+label {
        left: 10px
    }

    .validate_form label.error {
        right: 0;
        left: 0
    }

    .validate_form i.icon {
        right: 20px
    }

    .validate_form .form-group.on .form-control+label,
    .validate_form .form-control.active+label {
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        font-size: 0;
        display: none !important
    }

    .search_wrapper .search-header {
        margin-top: 40px
    }

    .search_wrapper .list-search li h4 {
        font-size: 18px
    }

    .search_wrapper .list-search li p {
        font-size: 14px
    }

    .search_wrapper .list-search {
        margin-bottom: 40px
    }

    .mt-160 {
        margin-top: 80px
    }

    .service .btns article {
        position: static;
        margin-left: 0;
        margin-left: 0;
        float: none;
        clear: both;
        width: auto;
        padding-top: 0;
        margin-top: 5px
    }

    .service .btns a {
        margin-bottom: 20px
    }

    .text_muted span,
    .text_muted h6 {
        font-size: 14px
    }

    .panel_default table thead th {
        font-size: 14px;
        padding-left: 25px;
        line-height: 26px;
        padding-right: 10px
    }

    .panel_default table tbody td {
        padding-left: 25px;
        padding-right: 10px
    }

    .panel_default table thead th:first-child {
        width: 20%
    }

    .innerbanner .mask-ace {
        width: 100%
    }

    .innerbanner .mask-ace .text-muted {
        display: none
    }

    .acebanner.img-box>img {
        -moz-transform: translate(-65%, 0);
        -ms-transform: translate(-65%, 0);
        -webkit-transform: translate(-65%, 0);
        transform: translate(-65%, 0)
    }

    .innerbanner .mask-ace img {
        position: absolute;
        top: 10px;
        left: 0
    }

    .innerbanner .mask-ace h1 {
        padding-left: 92px
    }

    .page_title {
        font-size: 22px;
        line-height: 25px
    }

    .history_slick_swiper .slick-slide .text-muted {
        height: 120px
    }

    .js_history_year {
        display: none
    }

    .innerbanner .address {
        background-position: 73% 20px
    }

    .location .img-box:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5)
    }

    .tip_list article {
        position: relative;
        width: calc(100% - 90px);
        margin-left: 30px;
        padding-bottom: 40px
    }

    .tip_list article time {
        display: block;
        margin-top: 30px
    }

    .tip_list article:before {
        content: "";
        display: block;
        position: absolute;
        top: 12px;
        left: -12px;
        border-top: 3px solid transparent;
        border-bottom: 3px solid transparent;
        border-right: 12px solid #F6F6F6
    }

    .relative ul li {
        padding-right: 0
    }

    .relative ul li .text-muted {
        width: 100%
    }

    .relative .list {
        margin-top: 40px
    }

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

    .tip_list li:last-child {
        margin-bottom: 0
    }

    .relative .mtg {
        margin-top: 150px
    }

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

    .pagination a {
        width: 30px;
        height: 30px;
        line-height: 30px
    }

    .knowledge .banner figcaption {
        padding: 20px
    }

    .pagetitle h1,
    .pagetitle h2 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 0;
        width: 100%
    }

    .productbanner .pagetitle {
        top: 5%;
        left: 0;
        width: auto;
        padding-left: 0;
        padding-right: 0;
        padding-left: 5.33333%
    }

    .nav-tabs_wrapper .nav-tabs .active {
        background-color: #DC5F00
    }

    .nav-tabs_wrapper .nav-tabs .active a {
        color: #fff
    }

    .nav-tabs_wrapper .nav-tabs-list li,
    .nav-tabs_wrapper .nav-tabs-list li a {
        -moz-transition: all .36s ease;
        -o-transition: all .36s ease;
        -webkit-transition: all .36s ease;
        transition: all .36s ease
    }

    .nav-tabs_wrapper .nav-tabs li:hover a,
    .nav-tabs_wrapper .nav-tabs .active a {
        color: #fff
    }

    .innerbanner .btn_vido_play {
        margin-top: -36px
    }

    .global .globalMap figure {
        width: 100%
    }

    .inves_list {
        padding-top: 30px;
        padding-bottom: 60px
    }

    .inves_list li {
        width: 100%;
        margin-top: 30px
    }

    .inves_list li .icon {
        display: block;
        width: 72px;
        margin-left: auto;
        margin-right: auto
    }

    .inves_list li .item {
        height: auto;
        padding-left: 0;
        padding-right: 0
    }

    .inves_list li article {
        width: 100%;
        text-align: center;
        margin-left: 0;
        margin-top: 30px
    }

    .product_module {
        margin-top: 100px
    }

    .pro_list {
        margin-top: 20px
    }

    .hot_news article {
        padding-left: 20px;
        padding-right: 20px
    }

    .hot_news .read_more {
        margin-top: 30px
    }

    .hot_news article {
        padding-bottom: 30px
    }

    .sm_relative,
    .ace_list ul,
    .sm_tip_list {
        margin-top: 30px
    }

    .innerbanner .mask-ace h1 {
        padding-left: 92px
    }

    .sm_ace_mod,
    .sm_counter_mod,
    .serverbanner {
        margin-top: 100px
    }

    .ace_list figcaption {
        padding-top: 15px;
        padding-bottom: 30px
    }

    .service .caption article {
        word-break: break-all
    }

    .sm_panel_default {
        margin-top: 50px
    }

    .about .text_wrapper {
        margin-top: 60px
    }

    .about .text_wrapper .text-muted,
    .sm_page_title span {
        font-size: 14px !important;
        letter-spacing: 1px;
        line-height: 24px
    }

    .sm_page_title span {
        display: block;
        margin-top: 10px
    }

    .case-video--list li {
        width: 100%
    }

    .case-video--list li .item_box figcaption {
        padding-left: 4%;
        padding-right: 4%
    }

    .case-video--list li .item_box h3 {
        display: block;
        font-size: 18px;
        line-height: 26px;
        height: auto;
        margin-bottom: 20px
    }

    .case-video--list li .item_box .text p {
        width: 100%;
        font-size: 14px
    }

    .fixed-wrap {
        position: relative
    }

    .nav-tabs_wrapper.fixed {
        top: 100px;
        z-index: 1000
    }

    .nav-tabs__placeholder {
        height: 61px;
        position: absolute;
        top: 40px;
        left: 0;
        width: 100%
    }

    .nav-tabs__placeholder.fix {
        position: relative;
        top: 0;
        left: 0
    }
}

@media only screen and (max-width: 768px) {
    .crumbs {
        top: 50px
    }

    .text_info>h3 {
        font-size: 16px;
        letter-spacing: 1px;
        line-height: 28px
    }

    .js_banner_nav .text_info {
        margin-top: 0;
        width: 100%;
        padding: 20px 5.33333%
    }

    .js_banner_lib .slick_item .item_box {
        height: calc(100vh - 50px)
    }

    .information>h3 {
        font-size: 20px
    }

    .information>h4 {
        font-size: 12px
    }

    .sm_information>h4 {
        padding: 0 30px
    }

    .work {
        margin-top: 130px
    }

    .work_list {
        margin-top: 30px
    }

    .work_list li .text_desc {
        padding-top: 20px;
        padding-bottom: 15px
    }

    .work_list li .text_desc h3 {
        font-size: 18px
    }

    .work_list li .text_desc h4 {
        font-size: 14px;
        line-height: 26px
    }

    .news_list li {
        margin-bottom: 70px
    }

    .pagetitle h2 {
        font-size: 22px
    }

    .pagetitle p {
        font-size: 14px
    }

    .text_primary h3 {
        font-size: 18px
    }

    .text_primary p {
        font-size: 12px;
        line-height: 24px
    }

    .news {
        margin-top: 130px
    }

    .news_list .text_desc h3 {
        font-size: 18px
    }

    .news_list .text_desc p {
        font-size: 14px;
        line-height: 26px
    }

    .news_list .label span {
        margin-right: 5%;
        font-size: 12px;
        color: #333
    }

    .news_list .label i {
        display: inline-block;
        font-size: 14px;
        width: 22px;
        color: #333
    }

    .news_list li .read_more {
        margin-top: 40px;
        color: #DC5F00
    }

    .server {
        padding: 60px 5.33333%
    }

    .server h2 {
        font-size: 18px;
        line-height: 30px
    }

    .solu_group_list .group_wrapper .bd-hd {
        display: none
    }

    .solu_group_list .group_wrapper .img-box h3 {
        font-size: 18px;
        line-height: 20px;
        top: 15px
    }

    .solu_group_list .group_wrapper .img-box h5 {
        font-size: 14px;
        line-height: 22px;
        bottom: 0px;
        height: 30px;
        overflow: hidden
    }

    .innerbanner h1 {
        font-size: 20px;
        line-height: 24px;
        padding: 24px 5.33333%
    }

    .innerbanner .mask {
        height: 70px;
        height: auto
    }

    .solu_group_list {
        margin-top: 70px
    }

    .btn_vido_play {
        width: 40px;
        height: 40px
    }

    .btn_vido_play:after {
        border-left: 6px solid #DC5F00;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        margin-top: -4px;
        margin-left: -3px
    }

    .page_title span {
        font-size: 12px
    }

    .text_wrapper {
        margin-bottom: 80px
    }

    .column li figure .icon {
        height: 44px
    }

    .column li figure {
        height: 44px
    }

    .column li figcaption {
        font-size: 14px;
        line-height: 20px;
        height: 40px;
        margin-top: 15px;
        padding: 0 10px
    }

    .scien {
        padding-top: 40px;
        padding-bottom: 10px;
        margin-top: -30px
    }

    .scien .list>li {
        padding-bottom: 32px;
        margin-top: 32px
    }

    .pro_list li>a>figcaption {
        padding-bottom: 30px
    }

    .pro_list li>a>figcaption h3 {
        font-size: 14px;
        line-height: 46px;
        line-height: 24px;
        height: auto
    }

    .pro_list li>a>figcaption h1 {
        font-size: 18px;
        line-height: 30px;
        height: auto;
        margin-top: 20px
    }

    .works_mod_list li figcaption {
        padding-left: 4%;
        padding-right: 4%
    }

    .works_mod_list li figcaption h3 {
        font-size: 18px;
        line-height: 26px
    }

    .text-muted {
        font-size: 14px;
        line-height: 20px
    }

    .page .btn {
        line-height: 40px;
        height: 40px;
        font-size: 16px
    }

    .hot {
        padding-top: 100px
    }

    .hot_mod {
        margin-bottom: 56px
    }

    .hot_mod figcaption h1 {
        font-size: 20px;
        line-height: 28px
    }

    .hot_mod .param {
        font-size: 12px;
        line-height: 20px
    }

    .hot_mod>a>h4 {
        font-size: 12px;
        right: 4%
    }

    .hot_mod .tig {
        width: 80px;
        height: 30px;
        line-height: 30px;
        font-size: 12px
    }

    .nav-tabs_wrapper .nav-tabs {
        text-align: left
    }

    .nav-tabs_wrapper .nav-tabs li a {
        font-size: 14px;
        line-height: 20px
    }

    .nav-tabs_wrapper .nav-tabs li {
        padding-left: 0;
        padding-right: 0
    }

    .poster figcaption {
        left: 0;
        width: 100%;
        padding: 0 6%
    }

    .poster figcaption .tel {
        font-size: 14px;
        line-height: 26px
    }

    .poster figcaption h3 {
        font-size: 22px;
        line-height: 24px
    }

    .btn-primary .shape {
        width: 40px;
        height: 40px
    }

    .loading {
        margin-top: 60px
    }

    .loading .text {
        font-size: 12px;
        vertical-align: 15px;
        margin-left: 14px
    }

    .product_mod {
        padding-bottom: 140px
    }

    .pro_picture figcaption h3 {
        font-size: 16px;
        line-height: 26px
    }

    .pro_picture figcaption {
        padding-top: 40px;
        padding-bottom: 40px;
        padding-left: 20px;
        padding-right: 20px
    }

    .pro_picture .list li.block_center figcaption h3 {
        font-size: 14px;
        line-height: 20px
    }

    .pro_picture .text_lead h3 {
        font-size: 16px;
        line-height: 20px
    }

    .pro_picture .text_lead h4 {
        font-size: 14px;
        line-height: 20px
    }

    .btn-primary .shape:after {
        margin-left: -5px
    }

    .video_wrapper figcaption {
        font-size: 18px;
        line-height: 22px
    }

    .area_column {
        padding-top: 48px;
        padding-bottom: 8px
    }

    .area_column figure {
        height: 32px
    }

    .area_column figure .icon {
        width: auto;
        height: 32px
    }

    .area_column figcaption {
        font-size: 14px;
        line-height: 20px;
        margin-top: 14px
    }

    .area_column ul>li {
        margin-bottom: 40px
    }

    .share a {
        font-size: 14px
    }

    .share .icon-icon_youku {
        font-size: 16px
    }

    .panel-body .btns {
        margin-top: 30px
    }

    .hot_news {
        padding-top: 80px
    }

    .hot_news figcaption h3 {
        font-size: 16px;
        line-height: 24px
    }

    .hot_news article {
        padding-left: 20px;
        padding-right: 20px;
        position: static;
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
        padding-top: 30px;
        padding-bottom: 30px
    }

    .news_module {
        margin-top: 0;
        padding-top: 100px
    }

    .hot_news figcaption:before {
        padding-top: 0
    }

    .news_mod_list figcaption .desc {
        font-size: 16px;
        line-height: 26px
    }

    .panel {
        margin-top: 60px
    }

    .panel-body h1 {
        font-size: 16px;
        line-height: 26px
    }

    .panel-body h3 {
        font-size: 14px;
        line-height: 22px
    }

    .pagings a {
        font-size: 12px
    }

    .aboutbanner .mask {
        height: auto
    }

    .aboutbanner .mask h1 {
        font-size: 16px;
        line-height: 26px;
        padding-left: 5.33333%;
        padding-left: 5.33333%
    }

    .text_title h3 {
        font-size: 18px;
        line-height: 30px
    }

    .about {
        margin-top: 100px
    }

    .about .text_wrapper {
        margin-top: 60px
    }

    .global {
        padding-top: 140px
    }

    .global .list li {
        width: 50%;
        margin-bottom: 30px
    }

    .global .list .box {
        font-size: 14px;
        line-height: 24px
    }

    .global .list li:nth-child(even) .box:after {
        border-top: 1px solid #DC5F00;
        border-left: 1px dashed #DC5F00;
        border-right: 1px solid #DC5F00;
        border-bottom: 1px dashed #DC5F00
    }

    .global .list li:nth-child(odd) .box:after {
        border-top: 1px dashed #DC5F00;
        border-left: 1px solid #DC5F00;
        border-right: 1px dashed #DC5F00;
        border-bottom: 1px solid #DC5F00;
        left: 1px;
        width: calc(100% - 2px);
        height: calc(100% - 2px)
    }

    .history_slick_swiper .slick_item .slick_item_box {
        padding-top: 50px;
        padding-bottom: 40px
    }

    .history_slick_swiper .slick_item .month {
        font-size: 30px;
        line-height: 30px
    }

    .history_slick_date .slick_item em {
        width: 10px;
        height: 10px
    }

    .history_slick_date .slick_item time {
        font-size: 14px;
        margin-top: 10px
    }

    .history .arrow {
        top: -5px
    }

    .history_slick_swiper .list>li {
        margin-bottom: 30px
    }

    .location .order {
        font-size: 24px
    }

    .location figcaption h3 {
        font-size: 20px;
        line-height: 26px
    }

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

    .innerbanner .address {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .innerbanner .address h1 {
        margin-bottom: 30px
    }

    .office figcaption h3 {
        font-size: 16px;
        line-height: 30px
    }

    .sales .point {
        width: 4px;
        height: 4px;
        margin-top: -2px;
        margin-left: -2px
    }

    .sales .rad-80 {
        width: 40px;
        height: 40px
    }

    .sales .rad-44 {
        width: 22px;
        height: 22px
    }

    .sales .rad-25 {
        width: 14px;
        height: 14px
    }

    .sales ul li h3 {
        font-size: 16px;
        line-height: 24px;
        height: 50px
    }

    .honor_module {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .honor_mod_list li figcaption {
        font-size: 16px;
        padding: 0;
        line-height: 26px;
        margin-top: 20px
    }

    .service .caption {
        padding-top: 60px;
        padding-bottom: 50px
    }

    .service .caption h3 {
        font-size: 20px;
        line-height: 20px
    }

    .innerbanner .mask-ace .text-muted {
        margin-top: 20px
    }

    .innerbanner .mask-ace {
        padding-top: 24px;
        padding-bottom: 24px
    }

    .innerbanner .mask-ace img {
        width: 54px;
        height: 54px
    }

    .innerbanner .mask-ace h1 {
        margin-top: 0;
        font-size: 20px;
        line-height: 24px;
        padding-left: 90px
    }

    .counter li {
        padding: 40px 0
    }

    .counter h5 {
        font-size: 30px
    }

    .row h3 {
        font-size: 18px;
        line-height: 26px
    }

    .ace_list figcaption {
        font-size: 16px;
        line-height: 26px;
        padding-top: 15px;
        padding-bottom: 30px
    }

    .ace_list ul li {
        margin-bottom: 20px
    }

    .tip_list img {
        width: 60px;
        height: auto
    }

    .tip_list article {
        width: calc(100% - 80px);
        margin-left: 20px;
        padding-bottom: 20px
    }

    .relative ul li {
        width: 100%;
        margin-bottom: 40px;
        position: relative
    }

    .relative ul li article h5 {
        font-size: 16px;
        line-height: 26px
    }

    .relative ul li figure {
        font-size: 12px;
        line-height: 24px;
        position: absolute;
        top: 35px;
        top: 50%;
        right: 0;
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        margin-top: 5px
    }

    .relative ul li figure img {
        width: 50px;
        height: auto
    }

    .knowledge .banner figcaption {
        font-size: 16px;
        line-height: 26px;
        width: 100%;
        padding-top: 20px;
        padding-bottom: 20px
    }

    .knowledge .banner figcaption .text-muted {
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 1px
    }

    .video_list ul li figcaption {
        font-size: 16px;
        line-height: 26px;
        padding-top: 20px;
        padding-bottom: 20px
    }

    .address address,
    .address .tel,
    .address .email {
        padding-left: 72px;
        width: 73%
    }

    .sales {
        margin-top: 80px
    }

    .address address,
    .address .tel {
        margin-bottom: 0
    }

    .office {
        margin-top: 100px
    }

    .address .line {
        margin-left: 4.66667%
    }

    .address address i,
    .address .tel i,
    .address .email i {
        width: 38px;
        height: 38px;
        line-height: 38px
    }

    .information .line {
        width: 20px;
        height: 2px;
        margin-top: 30px
    }

    .btn_button {
        padding: 15px 20px
    }

    .text_wrapper .text-muted {
        margin-top: 40px;
        padding-left: 0px
    }

    .group_list li .desc {
        height: auto;
        padding-bottom: 40px
    }

    .group_list li:nth-child(1),
    .group_list li:nth-child(2),
    .group_list li:nth-child(3),
    .group_list li:nth-child(3) {
        margin-bottom: 40px
    }

    .group_list li:nth-child(n+5) article {
        padding-top: 40px
    }

    .address address i:before,
    .address .tel i:before,
    .address .email i:before {
        margin-left: 0px
    }

    .inves_list li .item {
        padding: 40px;
        padding-left: 0;
        padding-right: 0
    }

    .inves_list li .icon {
        width: 50px
    }

    .inves_list li .tel {
        font-size: 18px
    }
}

@media only screen and (max-width: 321px) {
    .pagination a {
        margin: 0
    }
}

@media (min-width: 1025px) {
    .history .history_slick .slick-slide:nth-of-type(1) .slot_left {
        opacity: 0
    }

    .history .history_slick .slick-slide:nth-of-type(4) .slot_right {
        opacity: 0
    }
}

.cerpage {
    position: relative
}

.cerpage .header_bg {
    height: 0
}

.cerpage .sm-col-mod2,
.cerpage .sm-col-mod5 {
    background-color: #DC5F00
}

.cerpage .sm-col-mod5 {
    background-image: url("http://absen.cn/themes/cn/default/styles/../upload/certification/icon-bg.svg");
    background-repeat: no-repeat;
    background-size: cover
}

.cerpage .layer-rule {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 60000
}

.cerpage .layer-rule .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3)
}

.cerpage .layer-rule .contents {
    margin-left: 8.33333%;
    margin-right: 8.33333%;
    position: relative;
    background-color: #fff;
    height: 100%
}

.cerpage .layer-rule .contents .icon-close {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 28px;
    color: #DC5F00
}

.cerpage .layer-rule .contents .box {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    height: 85%;
    padding-top: 10%
}

.cerpage .layer-rule .contents .mCSB_container {
    padding-right: 50px
}

.cerpage .layer-rule .contents h3 {
    font-size: 2.25em;
    line-height: 1;
    letter-spacing: .0625em;
    color: #DC5F00
}

.cerpage .layer-rule .contents p {
    font-size: .875em;
    line-height: 2.14286;
    letter-spacing: .0625em;
    color: #999
}

.certbanner .img-box::before {
    padding-top: 56.25%
}

.certbanner .animate-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.certbanner .animate-mask img {
    display: block;
    width: 100%
}

.certbanner .animation {
    -webkit-animation-duration: 2.8s;
    animation-duration: 2.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.certbanner .fadeEarth {
    -webkit-animation-name: fadeEarth;
    animation-name: fadeEarth;
    -webkit-animation-duration: 8.8s;
    animation-duration: 8.8s;
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.certbanner .fadeSunny {
    -webkit-animation-name: fadeSunny;
    animation-name: fadeSunny;
    -webkit-animation-duration: 8.8s;
    animation-duration: 8.8s;
    -webkit-animation-delay: 3.8s;
    animation-delay: 3.8s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.certbanner .animation-fadeText {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.4)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%
}

.certbanner .animation-star {
    position: absolute;
    top: 0;
    width: 120%;
    height: 100%;
    left: -10%;
    transform: skewX(-45deg);
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.4)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);
    opacity: .5
}

.certbanner .animation-title img {
    display: block;
    width: 684px;
    height: 130px
}

.certbanner .fadeStar {
    -webkit-animation-name: fadeStar;
    animation-name: fadeStar;
    -webkit-animation-duration: 8.8s;
    animation-duration: 8.8s;
    -webkit-animation-delay: 3.8s;
    animation-delay: 3.8s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.certbanner .fadeText {
    -webkit-animation-name: fadeText;
    animation-name: fadeText;
    -webkit-animation-duration: 8.8s;
    animation-duration: 8.8s;
    -webkit-animation-delay: 3.8s;
    animation-delay: 3.8s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.certbanner .fadeEntry-a {
    width: 556px
}

.certbanner .fadeEntry-b {
    width: 364px
}

.certbanner .delay-title {
    -webkit-animation-delay: 3.8s;
    animation-delay: 3.8s
}

.certbanner .delay-entry {
    -webkit-animation-delay: 3.8s;
    animation-delay: 3.8s
}

.certbanner .fadeInUps {
    -webkit-animation-name: fadeInUps;
    animation-name: fadeInUps
}

.certbanner .fadeTitle {
    -webkit-animation-name: fadeTitle;
    animation-name: fadeTitle;
    -webkit-animation-duration: 8.8s;
    animation-duration: 8.8s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.certbanner .fadeEntry {
    -webkit-animation-name: fadeEntry;
    animation-name: fadeEntry;
    -webkit-animation-duration: 8.8s;
    animation-duration: 8.8s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.certbanner .fadeLine {
    -webkit-animation-name: fadeLine;
    animation-name: fadeLine;
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
    -webkit-animation-delay: 8.8s;
    animation-delay: 8.8s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.certbanner .animate-mask--earth {
    z-index: 100
}

.certbanner .animate-mask--earth img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.certbanner .animate-mask--earth .pic-earth {
    opacity: .3
}

.certbanner .animate-mask--sunny {
    z-index: 200
}

.certbanner .animate-mask--entry {
    position: absolute;
    width: 684px;
    top: 50%;
    left: 8.33333%;
    z-index: 400;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.certbanner .animate-mask--entry .title {
    display: block;
    margin-bottom: 40px;
    position: relative;
    overflow: hidden
}

.certbanner .animate-mask--entry .title img {
    display: block;
    width: 684px;
    height: 130px
}

.certbanner .animate-mask--entry .entry-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.certbanner .animate-mask--entry .animation-title {
    left: -9px;
    top: -9px;
    overflow: visible
}

.certbanner .animate-mask--entry .animation-title img {
    width: 701px;
    height: 150px
}

.certbanner .animate-mask--entry .entry {
    font-size: 2.25em;
    line-height: 1.38462;
    position: relative;
    margin-bottom: 30px;
    overflow: hidden
}

.certbanner .animate-mask--entry .line {
    display: block;
    width: 196px;
    height: 4px;
    position: relative;
    margin-top: 50px;
    box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.1);
    overflow: hidden;
    background-color: #dc952b
}

.certbanner .animate-mask--entry .line i {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuNSIgeDI9IjAuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RjOTUyYiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjVkYmI1Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZGM5NTJiIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #dc952b), color-stop(50%, #f5dbb5), color-stop(100%, #dc952b));
    background-image: -moz-linear-gradient(right, #dc952b, #f5dbb5, #dc952b);
    background-image: -webkit-linear-gradient(right, #dc952b, #f5dbb5, #dc952b);
    background-image: linear-gradient(to left, #dc952b, #f5dbb5, #dc952b);
    transform: skewX(-45deg)
}

.certbanner .animate-mask--entry .colorA {
    color: #fff
}

.certbanner .animate-mask--entry .colorB {
    color: #fbd59d
}

.certbanner .animate-mask--entry .colorC {
    color: #e4a950
}

.certbanner .animate-mask--entry .abso {
    position: absolute;
    top: 0;
    left: 0
}

@-webkit-keyframes fadeEarth {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(1.2, 1.2, 1.2);
        transform: scale3d(1.2, 1.2, 1.2)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes fadeEarth {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(1.2, 1.2, 1.2);
        transform: scale3d(1.2, 1.2, 1.2)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes fadeSunny {

    0%,
    100%,
    50% {
        opacity: 0
    }

    25%,
    75% {
        opacity: 1
    }
}

@keyframes fadeSunny {

    0%,
    100%,
    50% {
        opacity: 0
    }

    25%,
    75% {
        opacity: 1
    }
}

@-webkit-keyframes fadeInUps {
    from {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUps {
    from {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeStar {

    0%,
    100%,
    50% {
        opacity: 0
    }

    25%,
    75% {
        opacity: 1
    }
}

@keyframes fadeStar {

    0%,
    100%,
    50% {
        opacity: 0
    }

    25%,
    75% {
        opacity: 1
    }
}

@-webkit-keyframes fadeText {

    0%,
    100%,
    50% {
        opacity: 0
    }

    25%,
    75% {
        opacity: 1
    }
}

@keyframes fadeText {

    0%,
    100%,
    50% {
        opacity: 0
    }

    25%,
    75% {
        opacity: 1
    }
}

@-webkit-keyframes fadeTitle {

    0%,
    100%,
    50% {
        opacity: 0
    }

    25%,
    75% {
        opacity: 1
    }
}

@keyframes fadeTitle {

    0%,
    100%,
    50% {
        opacity: 0
    }

    25%,
    75% {
        opacity: 1
    }
}

@-webkit-keyframes fadeLine {

    0%,
    100%,
    50% {
        width: 0;
        left: -10%
    }

    25%,
    75% {
        width: 100%;
        left: 100%
    }
}

@keyframes fadeLine {

    0%,
    100%,
    50% {
        width: 0;
        left: -10%
    }

    25%,
    75% {
        width: 100%;
        left: 100%
    }
}

.sm-col-certifi {
    font-size: 16px
}

.sm-col-certifi .sm-wd-4 {
    width: 33.333333%
}

.sm-col-certifi .sm-wd-6 {
    width: 50%
}

.sm-col-certifi .sm-wd-12 {
    width: 100%
}

.sm-col-certifi .sm-title {
    overflow: hidden
}

.sm-col-certifi .sm-title h3 {
    height: 80px;
    line-height: 80px;
    font-size: 2.25em;
    letter-spacing: .0625em;
    width: 940px;
    padding-left: 8.33333%;
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.sm-col-certifi .sm-title h3::before,
.sm-col-certifi .sm-title h3::after {
    content: "";
    position: absolute;
    top: -20px;
    height: 120px;
    -moz-transform: rotate(14deg);
    -ms-transform: rotate(14deg);
    -webkit-transform: rotate(14deg);
    transform: rotate(14deg)
}

.sm-col-certifi .sm-title h3::before {
    right: -20px;
    width: 33px
}

.sm-col-certifi .sm-title h3::after {
    right: -60px;
    width: 20px
}

.sm-col-certifi .pic {
    display: block;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.sm-col-certifi .bgA {
    color: #fff;
    background-color: #DC5F00
}

.sm-col-certifi .bgA::before,
.sm-col-certifi .bgA::after {
    background-color: #DC5F00
}

.sm-col-certifi .bgB {
    color: #DC5F00;
    background-color: #fff
}

.sm-col-certifi .bgB::before,
.sm-col-certifi .bgB::after {
    background-color: #fff
}

.sm-col-certifi .register-box {
    font-size: 0
}

.sm-col-certifi .register-box article {
    display: inline-block;
    vertical-align: top
}

.sm-col-certifi .relative {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    font-size: 16px;
    text-align: right
}

.sm-col-certifi .relative p {
    font-size: 1em;
    line-height: 2.25;
    letter-spacing: .0625em;
    color: #999
}

.sm-col-certifi .relative h3 {
    font-size: 2.5em;
    line-height: 1.5;
    color: #DC5F00
}

.sm-col-certifi .sm-mod-common {
    font-size: 16px
}

.sm-col-certifi .sm-mod-common h3 {
    font-size: 1.625em;
    line-height: 1.84615;
    letter-spacing: .0625em;
    color: #333;
    font-weight: 500
}

.sm-col-certifi .sm-mod-common h5 {
    font-size: 1em;
    letter-spacing: .025em;
    color: #DC5F00;
    margin-bottom: 20px;
    font-family: "GothamBook"
}

.sm-col-certifi .sm-mod-common p {
    font-size: 1em;
    line-height: 1.71429;
    letter-spacing: .0625em;
    color: #999
}

.sm-col-certifi .sm-mod-common.white p {
    color: #fff
}

.sm-col-certifi .pow-list_lists {
    font-size: 0
}

.sm-col-certifi .pow-list_lists li {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    text-align: left;
    padding: 0 4.375vw
}

.sm-col-certifi .prod-list_lists {
    margin: 0 -.78125vw
}

.sm-col-certifi .prod-list_lists a {
    display: block;
    margin: 0 .78125vw;
    background-color: #F7F7F7;
    position: relative
}

.sm-col-certifi .prod-list_lists .img-box::before {
    padding-top: 57.25191%
}

.sm-col-certifi .prod-list_lists figcaption {
    position: absolute;
    bottom: 1.5625vw;
    left: 0;
    width: 100%;
    font-size: 16px;
    text-align: center
}

.sm-col-certifi .prod-list_lists figcaption h3 {
    font-size: 2.25em;
    letter-spacing: .0625em;
    font-weight: 500;
    line-height: 1;
    color: #DC5F00;
    margin-bottom: 10px
}

.sm-col-certifi .prod-list_lists figcaption p {
    font-size: 1em;
    letter-spacing: .0625em;
    font-weight: 500;
    line-height: 2.57143;
    color: #999;
    font-family: "GothamBook"
}

.sm-col-certifi .advan-list_lists {
    margin: 0 -.78125vw
}

.sm-col-certifi .advan-list_lists li {
    font-size: 16px;
    margin-top: 2.08333vw
}

.sm-col-certifi .advan-list_lists figcaption {
    margin: 0 .78125vw;
    position: relative;
    background-color: #F7F7F7;
    padding: 2.08333vw;
    height: 270px
}

.sm-col-certifi .advan-list_lists .icon {
    position: absolute;
    top: 2.08333vw;
    left: 2.08333vw;
    max-width: 100%
}

.sm-col-certifi .advan-list_lists .desc {
    display: block;
    text-align: right;
    color: #DC5F00;
    font-size: 1.625em;
    letter-spacing: .025em;
    margin-bottom: 20px;
    font-family: "GothamBook"
}

.sm-col-certifi .join-list_lists li {
    font-size: 16px
}

.sm-col-certifi .join-list_lists .icon {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.sm-col-certifi .join-list_lists figcaption {
    text-align: center
}

.sm-col-certifi .join-list_lists figcaption h3 {
    font-weight: 400;
    margin-top: 40px
}

.sm-col-certifi .step-list_lists li {
    font-size: 16px
}

.sm-col-certifi .step-list_lists figcaption {
    padding: 0 2.60417vw;
    position: relative
}

.sm-col-certifi .step-list_lists .desc {
    display: inline-block;
    font-size: 3.75em;
    line-height: 1;
    letter-spacing: .025em;
    color: #fff;
    font-family: "GothamBook";
    margin-bottom: 30px
}

.sm-col-certifi .step-list_lists .icons-step {
    font-size: 2.0625em;
    color: #fff;
    position: absolute;
    top: 50%;
    right: 2.60417vw;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.sm-col-certifi .step-list_lists .icon-icon-step {
    display: block
}

.sm-col-certifi .step-list_lists .icon-icon-step-bottom {
    display: none
}

.sm-col-certifi .step-list_lists li:last-child figcaption .icons-step {
    display: none
}

.sm-col-certifi .step-list_lists h5 {
    font-size: 1.625em;
    letter-spacing: .0625em;
    color: #fff;
    margin-bottom: 5px
}

.sm-col-certifi .step-list_lists h6 {
    font-size: 1em;
    letter-spacing: .025em;
    color: #fff;
    font-family: "GothamBook";
    margin-bottom: 20px
}

.sm-col-certifi .step-list_lists p {
    font-size: 1em;
    line-height: 1.71429;
    letter-spacing: .0625em;
    color: #fff
}

.sm-col-certifi .register-table {
    width: 100%;
    border-right: 1px solid #EAEAEA;
    border-bottom: 1px solid #EAEAEA
}

.sm-col-certifi .register-table .control-put,
.sm-col-certifi .register-table .flatpickr-input {
    padding: 0;
    margin: 0;
    border: none;
    background: none;
    height: 60px;
    font-size: 14px;
    color: #333;
    padding: 0 1.04167vw;
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 190px)
}

.sm-col-certifi .register-table .control-put:focus,
.sm-col-certifi .register-table .flatpickr-input:focus {
    outline: none
}

.sm-col-certifi .register-table td {
    width: 100%;
    border-top: 1px solid #EAEAEA;
    font-size: 0
}

.sm-col-certifi .register-table label {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    color: #333;
    letter-spacing: .125em;
    height: 60px;
    line-height: 60px;
    padding: 0 1.04167vw;
    width: 190px;
    z-index: -2;
    padding-right: 0
}

.sm-col-certifi .register-table label.error {
    position: absolute;
    top: 0;
    right: 0;
    color: #DC5F00;
    text-align: right;
    width: 300px
}

.sm-col-certifi .register-table .group-box {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 190px)
}

.sm-col-certifi .register-table .control-group {
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    border-left: 1px solid #EAEAEA;
    height: 60px;
    position: relative
}

.sm-col-certifi .register-table .tel-control-group {
    position: relative
}

.sm-col-certifi .register-table .tel-control-group .btn-code {
    position: absolute;
    top: 2px;
    right: 0
}

.sm-col-certifi .register-table .tel-control-group label.error {
    right: 150px
}

.sm-col-certifi .register-table .border {
    border-left: 1px solid #EAEAEA
}

.sm-col-certifi .register-table .border-bottom {
    border-bottom: 1px solid #EAEAEA
}

.sm-col-certifi .register-table .no-border {
    border-left: none
}

.sm-col-certifi .register-table .select {
    display: inline-block;
    width: calc(100% - 190px);
    position: relative
}

.sm-col-certifi .register-table select {
    width: 100%;
    height: 60px;
    padding: 0;
    margin: 0;
    border: none;
    background: none;
    font-size: 14px;
    color: #333;
    padding: 0 1.04167vw
}

.sm-col-certifi .register-table .select {
    position: relative
}

.sm-col-certifi .register-table .select::after {
    display: none \9;
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: 1.04167vw;
    width: 10px;
    height: 10px;
    background: url("http://absen.cn/themes/cn/default/styles/../upload/certification/icon-arrows.svg") no-repeat center center
}

.sm-col-certifi .register-table select:focus {
    outline: none
}

.sm-col-certifi .tfoot {
    height: 60px;
    border: 1px solid #EAEAEA;
    margin-top: 20px
}

.sm-col-certifi .tfoot label {
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    height: 60px;
    border-right: 1px solid #EAEAEA;
    position: relative
}

.sm-col-certifi .tfoot label::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    background-color: #fff;
    border: 1px solid #EAEAEA
}

.sm-col-certifi .tfoot input[type='checkbox']:checked+label::before {
    background-color: #ff991e;
    border: 1px solid #ff991e
}

.sm-col-certifi .tfoot p {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #333333;
    letter-spacing: .125em;
    line-height: 1.71429;
    padding-left: 20px
}

.sm-col-certifi .tfoot a {
    color: #333333;
    text-decoration: underline
}

.btn_primaty {
    background-color: rgba(220, 95, 0, 0.2);
    color: #fff
}

.btn_primaty::before {
    background-color: rgba(220, 95, 0, 0.2)
}

.btn_primaty::after {
    background-color: #DC5F00
}

.modia-video__wrap {
    display: none;
    position: relative;
    z-index: 60000
}

.modia-video__wrap .close-vid {
    -moz-transition: color 0.4s ease;
    -o-transition: color 0.4s ease;
    -webkit-transition: color 0.4s ease;
    transition: color 0.4s ease;
    position: fixed;
    right: 40px;
    top: 40px;
    font-size: 24px;
    color: #fff;
    z-index: 650
}

.modia-video__wrap .modai-video__main,
.modia-video__wrap .modia-video__bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.modia-video__wrap .modia-video__bg {
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 550
}

.modia-video__wrap .modai-video__main {
    z-index: 600
}

.modia-video__wrap .modai-video__main .video {
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.modia-video__wrap .modai-video__main video {
    max-width: 100%
}

.modia-video__wrap .modai-video__main h3 {
    font-size: .875em;
    line-height: 1.71429;
    letter-spacing: .0625em;
    color: #999;
    margin-top: 20px;
    text-align: center
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .sm-col-certifi .register-table .select::after {
        display: none;
        opacity: 0;
        visibility: hidden
    }
}

@media only screen and (min-width: 1024px) {
    .sm-col-certifi .tfoot:hover label::before {
        background-color: #ccc;
        border: 1px solid #ccc
    }

    .product-2 .title .name {
        font-size: 56px;
        color: #4b4b4b;
    }
}

@media only screen and (max-width: 1024px) {
    .product-2 .title .name {
        font-size: 40px;
    }

    .pt-150 {
        padding-top: 70px
    }

    .sm-col-certifi .sm-title h3 {
        padding-left: 5.33333%;
        width: 70%;
        height: 60px;
        line-height: 60px;
        font-size: 1.25em
    }

    .sm-col-certifi .sm-wd-6,
    .sm-col-certifi .sm-wd-4 {
        width: 100%
    }

    .sm-col-certifi .mt-40 {
        margin-top: 20px
    }

    .sm-col-certifi .mt-80 {
        margin-top: 40px
    }

    .sm-col-certifi .mt-90 {
        margin-top: 45px
    }

    .sm-col-certifi .mt-100 {
        margin-top: 50px
    }

    .sm-col-certifi .mt-110 {
        margin-top: 55px
    }

    .sm-col-certifi .sm-mod-common {
        font-size: 16px
    }

    .sm-col-certifi .sm-mod-common h3 {
        font-size: 1.125em
    }

    .sm-col-certifi .pow-list_lists li {
        width: 50%;
        margin-bottom: 30px
    }

    .sm-col-certifi .prod-list_lists li {
        width: 100%;
        margin-top: 30px
    }

    .sm-col-certifi .prod-list_lists figcaption h3 {
        font-size: 1.125em;
        margin-bottom: 5px
    }

    .sm-col-certifi .advan-list_lists li {
        width: 50%
    }

    .sm-col-certifi .advan-list_lists figcaption {
        height: 220px;
        padding: 15px
    }

    .sm-col-certifi .advan-list_lists .icon {
        top: 15px;
        left: 15px;
        height: 26px;
        width: auto
    }

    .sm-col-certifi .advan-list_lists .desc {
        font-size: 1.25em
    }

    .sm-col-certifi .join-list_lists li {
        margin-bottom: 30px
    }

    .sm-col-certifi .join-list_lists li .icon {
        height: 100px;
        width: auto
    }

    .sm-col-certifi .join-list_lists figcaption h3 {
        margin-top: 20px
    }

    .sm-col-certifi .step-list_lists li {
        width: 100%;
        margin-bottom: 30px
    }

    .sm-col-certifi .step-list_lists li:nth-child {
        margin-bottom: 0
    }

    .sm-col-certifi .step-list_lists .icons-step {
        font-size: 1.25em;
        position: static;
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .sm-col-certifi .step-list_lists .icon-icon-step {
        display: none
    }

    .sm-col-certifi .step-list_lists .icon-icon-step-bottom {
        display: block;
        text-align: center;
        margin-top: 30px
    }

    .sm-col-certifi .step-list_lists figcaption {
        padding: 0
    }

    .sm-col-certifi .step-list_lists .desc {
        font-size: 2.5em;
        margin-bottom: 15px
    }

    .sm-col-certifi .step-list_lists h5 {
        font-size: 1.125em
    }

    .sm-col-certifi .relative {
        width: 100%;
        text-align: left;
        margin-top: 10px
    }

    .sm-col-certifi .relative p {
        font-size: .875em
    }

    .sm-col-certifi .relative h3 {
        font-size: 1.25em
    }

    .sm-col-certifi .register-table .control-group {
        height: 40px
    }

    .sm-col-certifi .register-table label {
        height: 40px;
        line-height: normal;
        width: 80px;
        font-size: 12px;
        display: table-cell;
        vertical-align: middle;
        padding: 0 5px
    }

    .sm-col-certifi .register-table label.error {
        width: 60%;
        line-height: normal;
        height: auto;
        text-align: right;
        top: 12px
    }

    .sm-col-certifi .register-table .tel-control-group label.error {
        right: 87px
    }

    .sm-col-certifi .register-table .control-put,
    .sm-col-certifi .register-table .flatpickr-input {
        height: 40px;
        width: calc(100% - 80px);
        position: absolute;
        top: 0;
        right: 0;
        padding: 0 15px
    }

    .sm-col-certifi .register-table .border-right {
        width: 81px;
        border-right: 1px solid #EAEAEA
    }

    .sm-col-certifi .register-table .bor-bottom {
        border-bottom: 1px solid #EAEAEA
    }

    .sm-col-certifi .register-table .group-box {
        display: block;
        width: 100%;
        border-top: 1px solid #EAEAEA
    }

    .sm-col-certifi .register-table .select {
        width: calc(100% - 80px);
        position: absolute;
        top: 0;
        right: 0
    }

    .sm-col-certifi .register-table .select::after {
        right: 15px
    }

    .sm-col-certifi .register-table select {
        height: 40px;
        font-size: 12px;
        padding: 0 15px
    }

    .sm-col-certifi .register-table .tel-control-group .btn-code {
        font-size: 12px;
        padding: 9px 15px
    }

    .sm-col-certifi .tfoot {
        height: 40px
    }

    .sm-col-certifi .tfoot label {
        width: 40px;
        height: 40px
    }

    .sm-col-certifi .tfoot p {
        font-size: 12px;
        padding-left: 0
    }

    .sm-col-certifi .tfoot p i {
        display: none
    }

    .cerpage .header_bg {
        height: 100px
    }

    .cerpage .layer-rule .contents {
        margin-left: 5.33333%;
        margin-right: 5.33333%
    }

    .cerpage .layer-rule .contents .icon-close {
        font-size: 16px
    }

    .cerpage .layer-rule .contents .box {
        width: auto;
        padding-right: 0;
        padding: 20px;
        height: 100%
    }

    .cerpage .layer-rule .contents h3 {
        font-size: 1.25em
    }

    .certbanner .animate-mask--entry {
        width: auto;
        left: 5.33333%;
        right: 5.33333%
    }

    .certbanner .animate-mask--entry .title {
        width: 210px;
        margin-bottom: 15px
    }

    .certbanner .animate-mask--entry .title img {
        width: 210px;
        height: 50px
    }

    .certbanner .animate-mask--entry .animation-title {
        left: -3px;
        top: 2px
    }

    .certbanner .animate-mask--entry .animation-title img {
        width: 215px;
        height: 47px
    }

    .certbanner .animate-mask--entry .entry {
        font-size: 1em;
        margin-bottom: 8px
    }

    .certbanner .animate-mask--entry .line {
        margin-top: 20px;
        width: 96px;
        height: 2px
    }

    .modia-video__wrap .modai-video__main .video {
        width: 90%
    }

    #newBridge .nb-icon-wrap {
        width: 50px !important;
        height: 50px !important
    }

    #newBridge .nb-icon-wrap-1 .nb-icon-wrap-base {
        background-size: 34px !important
    }

    .cerpage .layer-rule .contents .mCSB_container {
        padding-right: 16px
    }

    .cerpage .layer-rule .contents .icon-close {
        top: 7px;
        right: 7px
    }

    .cerpage .layer-rule .contents .box {
        overflow-y: scroll
    }
}

@media only screen and (max-width: 768px) {
    .cerpage .header_bg {
        height: 50px
    }

    .sm-col-certifi .sm-mod-common {
        font-size: 14px
    }

    .sm-col-certifi .sm-title {
        font-size: 14px
    }

    .sm-col-certifi .sm-title h3 {
        padding-left: 5.33333%;
        width: 82%;
        width: 100%;
        height: 40px;
        line-height: 40px;
        font-size: 1.125em
    }

    .sm-col-certifi .prod-list_lists figcaption {
        position: absolute
    }

    .sm-col-certifi .prod-list_lists figcaption h3 {
        margin-bottom: 0
    }

    .sm-col-certifi .prod-list_lists figcaption p {
        font-size: .75em
    }

    .sm-col-certifi .pow-list_lists li {
        width: 100%
    }

    .sm-col-certifi .join-list_lists li {
        width: 100%
    }

    .sm-col-certifi .join-list_lists li .icon {
        height: 80px;
        width: auto
    }
}

@media (max-width: 500px) {
    .sm-col-certifi .register-table label {
        font-size: 10px;
        letter-spacing: 0
    }
}

input,
button {
    outline: none
}

.query-banner {
    position: relative
}

.query-banner .bg-pic {
    height: 790px;
    position: relative
}

.query-banner .small-pic {
    display: none
}

.query-banner .qb-inner h1 {
    font-size: 85px;
    color: #fff;
    letter-spacing: .23529em;
    font-weight: 700
}

.query-banner .hint {
    margin-top: 1em;
    font-size: 30px
}

.query-banner .hint span {
    display: inline-block;
    vertical-align: top;
    color: #DC5F00;
    letter-spacing: .53333em;
    padding: 0 1.66667em;
    position: relative
}

.query-banner .hint span::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #DC5F00
}

.query-banner .hint span:last-child::after {
    display: none
}

.query-banner .qb-inner {
    top: 30.38%;
    padding: 0 20px
}

.query-banner .qb-message {
    bottom: 80px;
    padding: 0 30px
}

.query-banner .qb-message .rows {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    padding-left: 64px;
    padding-right: 64px
}

.query-banner .qb-message .rows:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #fff
}

.query-banner .qb-message .row-1 {
    padding-left: 200px
}

.query-banner .qb-message .row-3::after {
    opacity: 0
}

.query-banner .qb-message .row-3 .row-txt span {
    display: block;
    letter-spacing: 6px
}

.query-banner .qb-message .row-cont3 {
    position: relative;
    padding-right: 124px
}

.query-banner .qb-message .row-cont3 .row-wx {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 100%
}

.query-banner .qb-message .dec-icon {
    position: absolute;
    left: 0;
    top: -30px;
    max-width: 100%
}

.query-banner .qb-message .row-hint {
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    padding-left: 1.75em;
    position: relative;
    text-align: left;
    margin-bottom: 8px;
    letter-spacing: 2px
}

.query-banner .qb-message .row-hint i {
    position: absolute;
    left: 0;
    top: 0
}

.query-banner .qb-message .row-tel {
    color: #fff;
    font-size: 60px;
    font-family: "Franklin Gothic Demi Cond";
    font-weight: 700
}

.query-banner .qb-message .row-txt {
    font-size: 18px;
    color: #fff;
    line-height: 26px;
    font-weight: 700
}

.qf-title {
    font-size: 16px;
    color: #000;
    line-height: 1.5
}

.query-tab {
    text-align: center;
    font-size: 0;
    border-bottom: 1px solid #d9d9d9
}

.query-tab a {
    -webkit-transition: all .4s;
    transition: all .4s;
    display: inline-block;
    vertical-align: top;
    padding: 0 .83333em 25px .83333em;
    position: relative;
    width: 200px;
    height: 52px
}

.query-tab a::after {
    -webkit-transition: width .4s;
    transition: width .4s;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    background-color: #DC5F00;
    width: 0
}

.query-tab a.on::after {
    width: 100%
}

.query-tab a.on span {
    -webkit-transform: scale(1);
    transform: scale(1);
    color: #000
}

.query-tab a span {
    -webkit-transition: all .4s;
    transition: all .4s;
    position: absolute;
    left: 0;
    top: 0;
    backface-visibility: hidden;
    width: 100%;
    text-align: center;
    font-size: 36px;
    color: #999;
    -webkit-transform: scale(0.8);
    transform: scale(0.8)
}

.qt-tab__cont {
    display: none;
    margin-top: 15px
}

.qt-tab__cont:first-child {
    display: block
}

.qf-title {
    padding-top: 60px
}

.query-sec__shade {
    box-shadow: 0px -2px 12px rgba(0, 0, 0, 0.08)
}

.query-apply__form {
    padding: 0 60px 40px 60px
}

.query-apply__form .register-table label,
.query-apply__form .register-table .group-box {
    vertical-align: middle
}

.query-apply__form .register-table label {
    text-align: center;
    padding-left: 0
}

.query-apply__form .register-table .form-fault__group {
    height: 130px
}

.query-apply__form .register-table .form-fault__group input,
.query-apply__form .register-table .form-fault__group label {
    height: 130px
}

.query-apply__form .register-table .form-fault__group label {
    line-height: 130px
}

.query-process__full {
    padding: 0 120px
}

.query-server__list ul {
    margin-left: -26px;
    margin-right: -26px;
    font-size: 0
}

.query-server__list li {
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.query-server__list .item-cont {
    margin-left: 26px;
    margin-right: 26px;
    height: 285px;
    position: relative;
    font-size: 20px;
    padding: 0 2.5em
}

.query-server__list .item-cont::after {
    content: "";
    display: block;
    position: absolute;
    right: 30px;
    bottom: 20px;
    background: url("http://absen.cn/themes/cn/default/styles/../upload/query/img-05.png") no-repeat center center;
    background-size: 12em 9.3em;
    width: 12em;
    height: 9.3em
}

.query-server__list .title {
    padding-top: 2.2em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.query-server__list .title span {
    font-size: 36px;
    color: #000;
    line-height: 1.5
}

.query-server__list .title p {
    font-size: 16px;
    line-height: 1.6;
    color: #DC5F00;
    font-weight: 700
}

.query-server__list .txt {
    padding-top: 1.5em
}

.query-server__list .txt p {
    font-size: 16px;
    color: #999;
    line-height: 30px
}

.query-fault__list ul {
    font-size: 0;
    margin-left: -20px;
    margin-right: -20px
}

.query-fault__list li {
    display: inline-block;
    vertical-align: top;
    width: 33.33%;
    font-size: 0
}

.query-fault__list .item-cont {
    margin-left: 20px;
    margin-right: 20px;
    text-align: center
}

.query-fault__list .pic {
    margin-bottom: 35px
}

.query-fault__list .title {
    font-size: 26px;
    color: #000
}

.query-fault__list .txt {
    font-size: 16px;
    color: #999;
    line-height: 1.6;
    margin-top: 10px
}

.query-product__full .bg-pic {
    height: 400px
}

.query-product__full .bg-pic .sm-title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%
}

.query-product__inner {
    font-size: 14px;
    color: #999;
    line-height: 1.6
}

.query-product__inner h2 {
    font-size: 24px;
    color: #000;
    line-height: 1.7
}

.query-product__inner h3 {
    font-size: 20px;
    color: #000;
    line-height: 1.7
}

.query-product__inner table {
    margin-top: 20px;
    width: 800px
}

.query-product__inner table tr {
    border: 1px solid #d9d9d9
}

.query-product__inner table th {
    text-align: left;
    font-weight: 700
}

.query-product__inner table th,
.query-product__inner table td {
    border-right: 1px solid #d9d9d9;
    padding: 20px 80px 20px 30px
}

.query-product__inner table th {
    color: #000
}

.query-code__btn {
    width: 108px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #f5f5f5;
    color: #DC5F00;
    border: none;
    cursor: pointer;
    border-radius: 8px;
    margin-top: 2px;
    margin-right: 6px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.query-order__input {
    text-align: center;
    font-size: 0;
    padding-top: 70px
}

.query-order__input input,
.query-order__input button {
    display: inline-block;
    vertical-align: top;
    height: 60px
}

.query-order__input input {
    width: 480px;
    border: 1px solid #DC5F00;
    font-size: 16px;
    color: #000;
    padding: 0 20px
}

.query-order__input input::-webkit-input-placeholder {
    color: #ccc
}

.query-order__input input::-moz-input-placeholder {
    color: #ccc
}

.query-order__input input::-ms-input-placeholder {
    color: #ccc
}

.query-order__input button {
    -webkit-transition: background .3s;
    transition: background .3s;
    line-height: 60px;
    font-size: 18px;
    background-color: #DC5F00;
    padding: 0;
    border: none;
    width: 120px;
    cursor: pointer;
    color: #fff
}

.query-process__main {
    padding-bottom: 75px
}

.query-result {
    background-color: #f7f7f7;
    position: relative
}

.query-result .serial-num {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    line-height: 60px;
    height: 60px;
    background-color: #f0f0f0;
    padding-left: 90px;
    font-size: 28px;
    color: #000;
    font-weight: 700;
    text-align: left
}

.qr-inner {
    font-size: 20px;
    color: #999;
    text-align: center;
    padding-top: 100px;
    padding-bottom: 120px
}

.qr-inner span {
    display: block;
    margin-top: 1.75em
}

.qr-none__inner img {
    height: 120px;
    width: auto
}

.qr-none__inner,
.qr-error__inner {
    position: relative;
    padding-top: 160px
}

.qr-none__inner:before,
.qr-error__inner:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 60px;
    background-color: #f0f0f0
}

.qr-error__inner img {
    height: 115px;
    width: auto
}

.qr-status__inner {
    padding: 60px 90px 40px 90px
}

.qrs-cont {
    padding-top: 30px
}

.qrs-left__area,
.qrs-right__area {
    display: inline-block;
    vertical-align: top
}

.qrs-left__area {
    padding-left: 70px;
    padding-right: 60px;
    position: relative;
    margin-right: 56px
}

.qrs-left__area::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #d9d9d9
}

.qrs-left__area i {
    font-size: 56px;
    position: absolute;
    left: 0;
    top: 0
}

.qrs-left__area span {
    font-size: 45px;
    font-weight: 700;
    display: inline-block;
    margin-bottom: 7px
}

.qrs-left__area time {
    display: block;
    font-size: 16px;
    color: #000
}

.qrs-march i,
.qrs-march span {
    color: #DC5F00
}

.qrs-succeed i,
.qrs-succeed span {
    color: #76bd22
}

.qrs-succeed i {
    font-size: 42px
}

.qrs-right__area>div {
    font-size: 16px;
    line-height: 25px;
    color: #000
}

.qrs-right__area>div span {
    font-weight: 700;
    display: inline-block;
    margin-right: 20px
}

.qr-message__list {
    font-size: 20px;
    margin-top: 2em
}

.qr-message__list .item-cont {
    background-color: #fff;
    padding: 1.5em 2.5em;
    border: 1px solid #d9d9d9;
    margin-bottom: 2em
}

.qr-message__list .item-cont:last-child {
    margin-bottom: 0
}

.qr-message__list .qrn-title {
    font-size: 25px;
    color: #000;
    position: relative;
    font-weight: 700;
    display: block;
    cursor: pointer;
    -webkit-transition: color .3s;
    transition: color .3s
}

.qr-message__list .qrn-title i {
    position: absolute;
    right: 0;
    font-size: .64em;
    color: #DC5F00;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.qr-message__list .qrn-title i::before {
    -webkit-transition: transform .3s;
    transition: transform .3s;
    display: block;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.qr-message__list .on .qrn-title i::before {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.qr-server__info {
    font-size: 16px;
    color: #000;
    letter-spacing: 1px
}

.qr-server__info table {
    width: 100%;
    margin-top: 25px
}

.qr-server__info tr {
    display: block;
    padding-top: 14px;
    padding-bottom: 18px
}

.qr-server__info tr:nth-child(odd) {
    background-color: #f7f7f7
}

.qr-server__info td {
    display: inline-block;
    vertical-align: top;
    font-weight: 700;
    line-height: 1.5
}

.qr-server__info td:first-child {
    width: 35%;
    padding-left: 50px
}

.qr-server__info td:last-child {
    width: 62%
}

.qr-drop__info {
    display: none
}

.qr-server__flow {
    font-size: 0;
    margin-top: 40px
}

.qr-server__flow .time,
.qr-server__flow .item-detail {
    display: inline-block;
    vertical-align: top
}

.qr-server__flow .time {
    width: 35%;
    padding-right: 45px;
    text-align: right
}

.qr-server__flow .time span {
    display: inline-block;
    margin-right: 14px
}

.qr-server__flow .txt {
    font-size: 16px;
    color: #999;
    line-height: 1.5;
    margin-top: 8px;
    padding-left: 35px
}

.qr-server__flow .txt time {
    display: none
}

.qr-server__flow .txt .item-st {
    font-size: 20px;
    color: #000;
    font-weight: 700;
    display: block;
    letter-spacing: 3px
}

.qr-server__flow .time {
    font-size: 20px;
    color: #000;
    margin-top: 15px;
    font-weight: 700
}

.qr-server__flow .item-detail {
    position: relative;
    padding-left: 50px;
    width: 64%;
    padding-bottom: 54px
}

.qr-server__flow .round {
    width: 45px;
    height: 45px;
    border: 1px solid #999;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fff;
    border-radius: 50%
}

.qr-server__flow .round i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 22px;
    color: #999
}

.qr-server__flow .line {
    width: 2px;
    height: 100%;
    position: absolute;
    left: 22px;
    top: 45px;
    background-color: #999;
    display: inline-block
}

.qr-server__flow .icon-pai::before {
    display: block;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.qr-server__flow .on .round {
    background-color: #DC5F00;
    border-color: #DC5F00
}

.qr-server__flow .on .round i {
    color: #fff
}

.qr-server__flow .on.item-succeed .round {
    background-color: #76bd22;
    border-color: #76bd22
}

@media (min-width: 1921px) {
    .query-process__main {
        padding-bottom: 85px
    }

    .qt-tab__cont {
        min-height: 734px
    }
}

@media (min-width: 1025px) {
    .query-tab a:hover span {
        color: #000
    }

    .qr-message__list .qrn-title:hover {
        color: #DC5F00
    }

    .query-banner .qb-inner,
    .query-banner .qb-message {
        position: absolute;
        left: 0;
        width: 100%;
        text-align: center;
        z-index: 10
    }

    .query-order__input button:hover {
        background-color: rgba(220, 95, 0, 0.8)
    }

    .query-code__btn:hover {
        background-color: #DC5F00;
        color: #fff
    }
}

@media (max-width: 1600px) {
    .query-banner .bg-pic {
        height: 710px
    }

    .query-banner .qb-message {
        bottom: 60px
    }

    .query-banner .qb-message .row-hint {
        font-size: 18px
    }

    .query-banner .qb-message .row-tel {
        font-size: 52px
    }

    .query-banner .qb-message .row-txt {
        font-size: 16px
    }

    .query-banner .qb-message .row-1 {
        padding-left: 160px
    }

    .query-banner .qb-message .dec-icon {
        max-width: 120px
    }

    .query-tab a span {
        font-size: 26px
    }

    .query-tab a.on span {
        font-size: 32px
    }

    .query-result .serial-num {
        font-size: 24px
    }

    .qrs-left__area i {
        font-size: 50px
    }

    .qrs-left__area span {
        font-size: 38px
    }

    .qr-message__list {
        font-size: 18px
    }

    .qr-message__list .qrn-title {
        font-size: 22px
    }

    .query-server__list .title span {
        font-size: 32px
    }

    .query-server__list .item-cont {
        font-size: 18px
    }

    .query-fault__list .item-cont {
        font-size: 18px
    }

    .query-fault__list .pic img {
        max-width: 140px
    }

    .query-fault__list .title {
        font-size: 24px
    }

    .query-fault__list .txt {
        font-size: 14px
    }
}

@media (max-width: 1480px) {
    .mt-50 {
        margin-top: 35px
    }

    .mt-60 {
        margin-top: 45px
    }

    .mt-100 {
        margin-top: 85px
    }

    .query-process__full {
        padding: 0 56px
    }

    .query-banner .bg-pic {
        height: 650px
    }

    .query-banner .qb-inner h1 {
        font-size: 60px
    }

    .query-banner .hint {
        font-size: 24px
    }

    .query-banner .qb-message .rows {
        padding-right: 40px;
        padding-left: 40px
    }

    .query-banner .qb-message .row-1 {
        padding-left: 140px
    }

    .query-banner .qb-message .row-hint {
        font-size: 16px
    }

    .query-banner .qb-message .row-tel {
        font-size: 42px
    }

    .query-banner .qb-message .dec-icon {
        max-width: 94px
    }

    .query-banner .qb-message .row-txt {
        font-size: 14px;
        line-height: 22px
    }

    .query-result .serial-num {
        font-size: 20px;
        padding-left: 45px
    }

    .qr-status__inner {
        padding-left: 45px
    }

    .qrs-left__area span {
        font-size: 32px
    }

    .qrs-left__area i {
        font-size: 42px
    }

    .qr-message__list {
        font-size: 15px
    }

    .qr-message__list .qrn-title {
        font-size: 20px
    }

    .qr-server__info {
        font-size: 14px
    }

    .qr-server__flow .time {
        font-size: 16px
    }

    .qr-server__flow .txt {
        font-size: 14px
    }

    .qr-server__flow .txt .item-st {
        font-size: 18px
    }

    .qr-server__flow .round i {
        font-size: 20px
    }

    .query-server__list ul {
        margin-right: -15px;
        margin-left: -15px
    }

    .query-server__list .item-cont {
        font-size: 16px;
        margin-left: 15px;
        margin-right: 15px
    }

    .query-server__list .title span {
        font-size: 28px
    }

    .query-fault__list .pic img {
        max-width: 120px
    }

    .query-fault__list .title {
        font-size: 22px
    }

    .query-product__inner h2 {
        font-size: 22px
    }

    .query-product__inner h3 {
        font-size: 18px
    }

    .query-order__input button {
        font-size: 16px
    }

    .qf-title {
        padding-top: 45px
    }

    .qr-inner {
        font-size: 18px
    }

    .qr-inner img {
        height: 100px
    }

    .query-tab a {
        padding-bottom: 46px
    }
}

@media (max-width: 1300px) {
    .mt-100 {
        margin-top: 75px
    }

    .query-banner .bg-pic {
        height: 560px
    }

    .query-banner .qb-inner h1 {
        font-size: 48px
    }

    .query-banner .hint {
        font-size: 22px
    }

    .query-banner .qb-message .row {
        padding-left: 30px;
        padding-right: 30px
    }

    .query-banner .qb-message .row-tel {
        font-size: 34px
    }

    .query-banner .qb-message .row-1 {
        padding-left: 115px
    }

    .query-banner .qb-message .dec-icon {
        max-width: 78px
    }

    .query-tab a.on span {
        font-size: 26px
    }

    .query-tab a span {
        font-size: 22px
    }

    .query-server__list .item-cont {
        height: 220px
    }

    .query-process__full {
        padding: 0 26px
    }
}

.subscribe-pop {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 6000
}

.subscribe-pop .mask {
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5)
}

.subscribe-pop .contents {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 856px;
    background-color: #fff;
    z-index: 300
}

.subscribe-pop .btn-close {
    position: absolute;
    top: 18px;
    right: 20px;
    font-size: 20px;
    color: #dc5f00
}

.subscribe-pop .box {
    margin: 30px 60px 45px 60px
}

.subscribe-pop .box h3 {
    line-height: 56px;
    font-size: 36px;
    color: #dc5f00;
    text-align: center
}

.subscribe-pop .box h3 i {
    display: inline-block;
    vertical-align: middle;
    font-size: 56px;
    color: #dc5f00;
    margin-right: 4px
}

.subscribe-pop .box h4 {
    font-size: 16px;
    line-height: 1;
    color: #000;
    margin-top: 20px;
    font-weight: 300
}

.subscribe-pop .box ul {
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    margin-top: 30px
}

.subscribe-pop .box ul li {
    font-size: 0;
    padding: 15px 0
}

.subscribe-pop .box ul li .th {
    display: inline-block;
    vertical-align: middle;
    width: 190px;
    font-size: 14px;
    color: #999;
    font-weight: 300;
    padding-left: 16px;
    line-height: 1.6
}

.subscribe-pop .box ul li .td {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 190px);
    font-size: 14px;
    color: #000;
    font-weight: 300;
    line-height: 1.6
}

@media (max-width: 1024px) {
    .mt-50 {
        margin-top: 25px
    }

    .mt-60 {
        margin-top: 30px
    }

    .mt-100 {
        margin-top: 60px
    }

    .qf-title {
        padding-top: 30px
    }

    .query-product__inner h2 {
        font-size: 20px
    }

    .query-product__inner h3 {
        font-size: 16px
    }

    .query-server__list li {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 30px
    }

    .query-server__list li:last-child {
        margin-bottom: 0
    }

    .query-server__list .item-cont {
        height: auto;
        padding: 30px 20px
    }

    .query-server__list .title,
    .query-server__list .txt {
        padding-top: 0
    }

    .query-fault__list li {
        width: 50%;
        margin-bottom: 40px
    }

    .query-fault__list .pic {
        margin-bottom: 30px
    }

    .query-fault__list .pic img {
        max-width: 100px
    }

    .query-product__inner table {
        width: 100%
    }

    .query-apply__form {
        padding-left: 20px;
        padding-right: 20px
    }

    .query-apply__form .register-table .form-fault__group {
        height: 100px
    }

    .query-apply__form .register-table .form-fault__group label,
    .query-apply__form .register-table .form-fault__group input {
        height: 100px
    }

    .query-apply__form .register-table .form-fault__group label {
        line-height: 100px
    }

    .qr-message__list .qrn-title {
        font-size: 18px
    }

    .query-process__full {
        padding: 0 20px
    }

    .query-order__input button {
        font-size: 14px;
        line-height: 52px
    }

    .query-order__input button,
    .query-order__input input {
        height: 52px
    }

    .query-result .serial-num {
        padding-left: 30px;
        font-size: 18px
    }

    .qr-status__inner {
        padding-left: 20px;
        padding-right: 20px
    }

    .qrs-left__area {
        padding-left: 60px;
        padding-right: 45px
    }

    .qrs-left__area span {
        font-size: 18px
    }

    .qrs-left__area time {
        font-size: 14px
    }

    .qr-message__list {
        font-size: 12px
    }

    .qr-message__list .item-cont {
        padding: 20px
    }

    .qr-message__list .qrn-title i {
        font-size: 12px
    }

    .qrs-right__area>div {
        font-size: 14px;
        line-height: 22px
    }

    .query-banner .bg-pic {
        height: auto;
        padding-top: 41.67%
    }

    .query-banner .qb-inner {
        position: absolute;
        left: 0;
        top: 50%;
        width: 100%;
        text-align: center;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .query-banner .qb-message {
        bottom: auto;
        background-color: #000;
        padding: 30px
    }

    .query-banner .qb-message .dec-icon {
        position: relative;
        top: auto;
        left: auto;
        max-width: 60px;
        margin-bottom: 15px
    }

    .query-banner .qb-message .row-1 {
        display: block;
        margin-bottom: 60px;
        padding-left: 0
    }

    .query-banner .qb-message .row-1::after {
        display: none
    }

    .query-banner .qb-message .row-2,
    .query-banner .qb-message .row-3 {
        padding-left: 0;
        margin-right: 40px
    }

    .query-banner .qb-message .row-tel {
        font-size: 28px
    }

    .qr-server__flow .item-detail {
        width: 100%
    }

    .qr-server__flow .time {
        display: none
    }

    .qr-server__flow .txt time {
        display: block;
        font-size: 14px;
        font-weight: 700;
        color: #000
    }

    .qr-server__flow .txt time span {
        display: inline-block;
        margin-right: 5px
    }

    .qrs-succeed i {
        font-size: 32px
    }

    .qr-inner {
        font-size: 16px
    }

    .qr-inner img {
        height: 85px
    }

    .subscribe-pop .contents {
        left: 0;
        width: auto;
        left: 5.33333vw;
        right: 5.33333vw;
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }

    .subscribe-pop .btn-close {
        top: 2.4vw;
        right: 2.66667vw;
        font-size: 18px
    }

    .subscribe-pop .box {
        margin: 4vw 8vw 6vw 8vw
    }

    .subscribe-pop .box h3 {
        font-size: 20px;
        line-height: 30px
    }

    .subscribe-pop .box h3 i {
        font-size: 30px
    }

    .subscribe-pop .box h4 {
        font-size: 14px;
        line-height: 1.8;
        margin-top: 2.66667vw
    }

    .subscribe-pop .box ul {
        margin-top: 4vw
    }

    .subscribe-pop .box ul li {
        padding: 2vw 0
    }

    .subscribe-pop .box ul li .th {
        font-size: 12px;
        width: 25.33333vw;
        padding-left: 2.13333vw
    }

    .subscribe-pop .box ul li .td {
        font-size: 12px;
        width: calc(100% - 25.33333vw)
    }
}

@media (max-width: 750px) {
    .query-server__list .title span {
        font-size: 24px
    }

    .query-server__list .txt p {
        font-size: 14px;
        line-height: 24px
    }

    .query-fault__list .pic img {
        max-width: 80px
    }

    .qf-title {
        font-size: 14px
    }

    .query-order__input input,
    .query-order__input button {
        width: 100%
    }

    .query-order__input button {
        margin-top: 12px
    }

    .qrs-succeed i {
        font-size: 26px
    }

    .qr-none__inner,
    .qr-error__inner {
        padding-top: 120px
    }

    .query-order__input {
        padding-top: 40px
    }

    .query-process__main {
        padding-bottom: 60px
    }

    .query-banner .larze-pic {
        display: none
    }

    .query-banner .small-pic {
        display: block
    }

    .query-banner .bg-pic {
        padding-top: 175.2%
    }
}

@media (max-width: 720px) {
    .query-banner .qb-inner h1 {
        font-size: 36px
    }

    .query-banner .hint {
        font-size: 18px
    }

    .query-banner .qb-message .rows {
        padding-bottom: 50px;
        padding-right: 0
    }

    .query-banner .qb-message .rows::after {
        display: none
    }

    .query-banner .qb-message .row-1 {
        margin-bottom: 0
    }

    .query-banner .qb-message .row-2 {
        display: block
    }

    .query-banner .qb-message .row-cont3 {
        padding-bottom: 0
    }

    .query-banner .qb-message .row-cont3 .row-wx {
        position: relative;
        right: auto;
        bottom: auto;
        margin-top: 20px
    }
}

@media (max-width: 650px) {

    .qrs-left__area,
    .qrs-right__area {
        display: block
    }

    .qrs-left__area {
        padding-right: 0
    }

    .qrs-left__area::after {
        opacity: 0
    }

    .qrs-right__area {
        margin-top: 30px
    }

    .query-fault__list li {
        width: 100%
    }

    .query-fault__list li:last-child {
        margin-bottom: 0
    }

    .query-fault__list .pic {
        margin-bottom: 20px
    }

    .query-server__list .title span {
        font-size: 22px
    }

    .query-product__inner {
        font-size: 12px
    }

    .query-product__inner table th,
    .query-product__inner table td {
        padding: 15px
    }

    .query-product__full .bg-pic {
        height: 270px
    }

    .query-server__list .txt p {
        font-size: 12px;
        line-height: 22px
    }

    .query-server__list .title p {
        font-size: 12px
    }

    .qr-server__info td:first-child {
        padding-left: 15px
    }

    .qr-server__flow .round {
        width: 38px;
        height: 38px
    }

    .qr-server__flow .round i {
        font-size: 14px
    }

    .qr-server__flow .line {
        left: 17px;
        top: 38px
    }

    .qr-server__flow .txt {
        margin-top: 5px;
        font-size: 12px;
        padding-left: 5px
    }

    .qr-server__flow .txt .item-st {
        font-size: 16px
    }

    .qr-server__flow .item-detail {
        padding-bottom: 30px
    }

    .query-order__input input {
        font-size: 14px
    }

    .query-result .serial-num {
        font-size: 16px
    }

    .query-fault__list .pic img {
        max-width: 65px
    }

    .query-server__list .item-cont {
        font-size: 14px
    }

    .query-tab a {
        width: 50%
    }

    .query-tab a.on span {
        font-size: 20px
    }

    .query-tab a span {
        font-size: 16px
    }

    .qr-message__list .qrn-title {
        font-size: 14px
    }

    .qr-server__info {
        font-size: 12px
    }

    .query-fault__list .txt {
        font-size: 12px
    }

    .qr-inner {
        font-size: 14px
    }

    .qr-inner img {
        height: 65px
    }
}

@media (max-width: 500px) {
    .query-banner .qb-inner h1 {
        font-size: 20px
    }

    .query-banner .hint {
        font-size: 12px
    }

    .qr-server__info td {
        padding-left: 15px;
        padding-right: 15px
    }

    .qr-server__info td:first-child,
    .qr-server__info td:last-child {
        width: 100%
    }

    .qr-server__info td:last-child {
        margin-top: 3px
    }
}



.avia-accordion-slider-wrap {
    border: none;
    z-index: 2
}

.avia-accordion-slider-wrap.el_after_av_slideshow_accordion {
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4)
}

div.slider-not-first,
.avia-builder-el-0 {
    border-top: none
}

.container_wrap {
    clear: both;
    position: relative;
    border-top-style: solid;
    border-top-width: 1px
}

.html_header_sidebar .container_wrap {
    width: 100%
}

.aviaccordion-inner,
.aviaccordion-slide,
.aviaccordion-slide-link {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    list-style-type: none
}

.aviaccordion-slide img {
    height: 100%;
    position: absolute;
    display: block;
    opacity: 0;
    filter: alpha(opacity=0)
}

.aviaccordion-slide {
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);
    z-index: 2;
    overflow: hidden
}

.aviaccordion.av-animation-active .aviaccordion-slide,
.aviaccordion-title-on-hover .aviaccordion-preview {
    -webkit-transition: all 0.7s cubic-bezier(0.230, 1.000, 0.320, 1.000);
    transition: all 0.7s cubic-bezier(0.230, 1.000, 0.320, 1.000)
}

.aviaccordion-slide-0 {
    left: 0%;
}

.aviaccordion-slide-1 {
    left: 33.33%;
}

.aviaccordion-slide-2 {
    left: 66.67%;
}

.aviaccordion {
    position: relative;
    overflow: hidden;
    clear: both;
}


.related-products .title {
    font-size: 50px;
    color: #4b4b4b;
}

/*# sourceURL=/themes/cn/default/assets/libs/jquery.mCustomScrollbar.css */
/*@ sourceURL=/themes/cn/default/assets/libs/jquery.mCustomScrollbar.css */
/* basic scrollbar styling */
/* vertical scrollbar */
.mCSB_container {
    width: auto;
    margin-right: 30px;
    overflow: hidden;
}

.mCSB_container.mCS_no_scrollbar {
    margin-right: 0;
}

.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar {
    margin-right: 30px;
}

.mCustomScrollBox>.mCSB_scrollTools {
    width: 16px;
    height: 100%;
    top: 0;
    right: 0;
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
    display: block;
    position: relative;
    height: 20px;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
    top: 100%;
    margin-top: -40px;
}

/* horizontal scrollbar */
.mCSB_horizontal>.mCSB_container {
    height: auto;
    margin-right: 0;
    margin-bottom: 30px;
    overflow: hidden;
}

.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar {
    margin-bottom: 0;
}

.mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar {
    margin-right: 0;
    margin-bottom: 30px;
}

.mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools {
    width: 100%;
    height: 16px;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

.mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 0 20px;
}

.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger {
    width: 30px;
    height: 100%;
}

.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight {
    display: block;
    position: relative;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
    float: left;
}

.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight {
    margin-left: -40px;
    float: right;
}

.mCustomScrollBox {
    -ms-touch-action: none;
    /*MSPointer events - direct all pointer events to js*/
}

/* default scrollbar colors and backgrounds (default theme) */
.mCustomScrollBox>.mCSB_scrollTools {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
    /* old ie */
}

.mCustomScrollBox:hover>.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
    /* old ie */
}

.mCSB_scrollTools .mCSB_draggerRail {
    background: #000;
    /* rgba fallback */
    background: rgba(0, 0, 0, 0.4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
    /* old ie */
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #fff;
    /* rgba fallback */
    background: rgba(255, 255, 255, 0.75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
    /* old ie */
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(255, 255, 255, 0.85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)";
    /* old ie */
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(255, 255, 255, 0.9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
    /* old ie */
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    background-image: url("http://absen.cn/themes/cn/default/assets/libs/mCSB_buttons.png");
    background-repeat: no-repeat;
    opacity: 0.4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
    /* old ie */
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0;
    /* 
	sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark) 
	*/
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px;
    /* 
	sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark) 
	*/
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px;
    /* 
	sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark) 
	*/
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px;
    /* 
	sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark) 
	*/
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
    /* old ie */
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
    opacity: 0.9;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
    /* old ie */
}

/*scrollbar themes*/
/*dark (dark colored scrollbar)*/
.mCS-dark>.mCSB_scrollTools .mCSB_draggerRail {
    background: #000;
    /* rgba fallback */
    background: rgba(0, 0, 0, 0.15);
}

.mCS-dark>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #000;
    /* rgba fallback */
    background: rgba(0, 0, 0, 0.75);
}

.mCS-dark>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.85);
}

.mCS-dark>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.9);
}

.mCS-dark>.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

.mCS-dark>.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

.mCS-dark>.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

.mCS-dark>.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}

/*light-2*/
.mCS-light-2>.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background: #fff;
    /* rgba fallback */
    background: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-light-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background: #fff;
    /* rgba fallback */
    background: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0;
}

.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto;
}

.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(255, 255, 255, 0.85);
}

.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(255, 255, 255, 0.9);
}

.mCS-light-2>.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0;
}

.mCS-light-2>.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px;
}

.mCS-light-2>.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px;
}

.mCS-light-2>.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px;
}

/*dark-2*/
.mCS-dark-2>.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background: #000;
    /* rgba fallback */
    background: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background: #000;
    /* rgba fallback */
    background: rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0;
}

.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto;
}

.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.85);
}

.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.9);
}

.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0;
}

.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px;
}

.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px;
}

.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px;
}

/*light-thick*/
.mCS-light-thick>.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background: #fff;
    /* rgba fallback */
    background: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background: #fff;
    /* rgba fallback */
    background: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0;
}

.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto;
}

.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(255, 255, 255, 0.85);
}

.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(255, 255, 255, 0.9);
}

.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0;
}

.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px;
}

.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px;
}

.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px;
}

/*dark-thick*/
.mCS-dark-thick>.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background: #000;
    /* rgba fallback */
    background: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background: #000;
    /* rgba fallback */
    background: rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0;
}

.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto;
}

.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0;
}

.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px;
}

.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px;
}

.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px;
}

/*light-thin*/
.mCS-light-thin>.mCSB_scrollTools .mCSB_draggerRail {
    background: #fff;
    /* rgba fallback */
    background: rgba(255, 255, 255, 0.1);
}

.mCS-light-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
}

.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
}

.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto;
}

/*dark-thin*/
.mCS-dark-thin>.mCSB_scrollTools .mCSB_draggerRail {
    background: #000;
    /* rgba fallback */
    background: rgba(0, 0, 0, 0.15);
}

.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
    background: #000;
    /* rgba fallback */
    background: rgba(0, 0, 0, 0.75);
}

.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
}

.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto;
}

.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}

.office {
    max-width: 1460px;
    margin: 100px auto 0px auto;
}

.office ul {
    display: flex;
    justify-content: space-between;
}

.office ul li .office-pic {
    width: 630px;
    height: 370px;
}

.office ul li .office-pic img {
    width: 100%;
    height: 100%;
}

.office ul li .office-info {
    font-size: 18px;
    color: #5c5c5c;
}

.office ul li .office-info .title {
    font-size: 38px;
    color: #3e3e3e;
    padding-left: 8px !important;
    margin-top: 40px;
}

.office ul li .office-info p {
    position: relative;
    padding-left: 40px;
    line-height: 42px;
    display: flex;
}

.office ul li .office-info p+p {
    margin-top: 40px;
}

.office ul li .office-info p .iconfot {
    display: inline-block;
    width: 42px;
    height: 42px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -21px;
    font-size: 30px;
    text-align: center;
    line-height: 42px;
}

.product-2 {
    max-width: 1000px;
    margin: 0px auto;
}

.product-2 .pic {
    width: 340px;
    height: 430px;
}

.product-2 .pic img {
    width: 100%;
    height: 100%;
}

.product-2 .item a {
    display: inline-block;
    color: #4b4b4b;
    font-size: 24px;
    border: 1px solid #ffa341;
    padding: 6px 15px;
    border-radius: 5px;
    margin: 15px 0px;
}

.product-2 .item a:hover {
    background-color: #ffa341;
    color: white;
}

.product-2 .item {
    margin-top: 50px;
}

.product-2 .item .txt {
    width: 300px;
    font-size: 18px;
    line-height: 25px;
    text-align: justify;
    color: #4b4b4b;
    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    text-overflow: ellipsis;

    word-wrap: break-word;

    word-break: break-all;

}


.product-2 .item .item-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.product-2 .title {
    text-align: center;
    margin-bottom: 30px;
}


.img-box-content {
    position: absolute;
    left: 0%;
    top: 0px;
    padding: 10% 10%;
    font-size: 30px;
    width: 100%;
    height: 100%;
    text-align: justify;

}

.img-box-content .title {
    color: #f08519;
}

.img-box-content .desc {
    font-size: 14px;
    margin-top: 50px;
    line-height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}




.aviaccordion {
    position: relative;
    overflow: hidden;
    clear: both
}

.avia-accordion-slider-wrap {
    border: none;
    z-index: 2
}

.avia-accordion-slider-wrap.el_after_av_slideshow_accordion {
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4)
}

.aviaccordion-inner,
.aviaccordion-slide,
.aviaccordion-slide-link {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    list-style-type: none
}

.aviaccordion-slide img {
    height: 100%;
    position: absolute;
    display: block;
    opacity: 0;
    filter: alpha(opacity=0)
}

.aviaccordion-slide {
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);
    z-index: 2;
    overflow: hidden
}

.aviaccordion-preview {
    position: absolute;
    z-index: 10;
    height: 100%
}

.aviaccordion-preview-title-pos {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity=0)
}

.aviaccordion-preview-title-wrap {
    position: relative;
    display: table;
    height: 100%;
    width: 100%;
    background: #000;
    background: rgba(0, 0, 0, 0.5);
    padding: 0;
    filter: alpha(opacity=60)
}

.aviaccordion-preview-title {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    -webkit-font-smoothing: subpixel-antialiased;
    padding: 10%;
}

.aviaccordion-preview-title h3 {
    color: #ff8c00;
}

.aviaccordion-excerpt {
    line-height: 1.65em;
}

.aviaccordion .av-accordion-text-center {
    text-align: center
}

/* test */
.aviaccordion-title {
    text-transform: uppercase;
    font-size: 30px;
    color: #DC5F00 !important;
}

.aviaccordion-title-on-hover .aviaccordion-preview {
    opacity: 0;
    filter: alpha(opacity=0);
    text-align: center;
}

.aviaccordion-title-on-hover .aviaccordion-active-slide .aviaccordion-preview {
    opacity: 1;
    filter: alpha(opacity=100);
}

.aviaccordion.av-animation-active .aviaccordion-slide,
.aviaccordion-title-on-hover .aviaccordion-preview {
    -webkit-transition: all 0.7s cubic-bezier(0.230, 1.000, 0.320, 1.000);
    transition: all 0.7s cubic-bezier(0.230, 1.000, 0.320, 1.000);
}

@media only screen and (max-width:767px) {
    .responsive .aviaccordion-title-no-mobile .aviaccordion-preview-title-pos {
        display: none;
    }
}









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

    .responsive.av-no-preview #top #wrap_all .av-mini-hide,
    .responsive.av-no-preview #top #wrap_all .av-mini-font-size-hidden,
    .responsive.av-no-preview #top #wrap_all .av-mini-font-size-title-hidden {
        display: none
    }
}

@media print {
    .page-break {
        display: block;
        page-break-before: always
    }

    p,
    a,
    strong {
        color: #000 !important
    }

    a {
        text-decoration: underline
    }

    .entry-content a:after {
        content: " ["attr(href)"] "
    }

    .related_posts a:after {
        content: attr(title)
    }

    .container {
        width: 100%
    }

    #top {
        overflow-x: hidden
    }

    .boxed#top {
        width: 100%
    }

    .container {
        width: 100%;
        margin: 0 auto
    }

    .units,
    .unit {
        margin: 0
    }

    .container .one.unit,
    .container .one.units,
    .container .two.units,
    .container .three.units,
    .container .four.units,
    .container .five.units,
    .container .six.units,
    .container .seven.units,
    .container .eight.units,
    .container .nine.units,
    .container .ten.units,
    .container .eleven.units,
    .container .twelve.units,
    #top .flex_column {
        margin: 0;
        margin-bottom: 20px;
        width: 100%
    }

    #top.boxed .stretch_full {
        width: 100%
    }

    #top .offset-by-one,
    #top .offset-by-two,
    #top .offset-by-three,
    #top .offset-by-four,
    #top .offset-by-five,
    #top .offset-by-six,
    #top .offset-by-seven,
    #top .offset-by-eight,
    #top .offset-by-nine,
    #top .offset-by-ten,
    #top .offset-by-eleven {
        padding-left: 0
    }

    .avia-section-large .content,
    .avia-section-large .sidebar {
        padding-top: 2%;
        padding-bottom: 2%
    }

    #top .flex_column.av_one_half {
        width: 48%
    }

    #top .flex_column.av_one_half.first {
        padding-right: 2%
    }

    .fixed_header #header,
    .html_header_top.html_header_sticky #header {
        position: relative;
        top: 0
    }

    .fixed_header #main {
        padding-top: 0
    }

    #header_main {
        border-bottom: 0
    }

    nav,
    #footer,
    #scroll-top-link,
    #av-cookie-consent-badge,
    .image-overlay,
    #top #main .sidebar,
    #commentform,
    .comment_container .miniheading,
    .comment_container .minitext,
    #top .avia-post-nav {
        display: none
    }

    .avia-shadow {
        box-shadow: inset 0 0 0 rgba(0, 0, 0, 0)
    }

    .grid-entry .inner-entry {
        margin-right: 0;
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0)
    }

    .content {
        border: 0
    }

    .boxed .container {
        margin: 0
    }

    .avia-layerslider,
    .avia-fullwidth-slider {
        display: none
    }

    .avia_transform .avia-icon-list .iconlist_icon {
        opacity: 1;
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    #top .tab_titles {
        display: none
    }

    #top .tabcontainer .tab.fullsize-tab {
        display: block;
        border-bottom: none
    }

    #top .tab_content {
        display: block;
        visibility: visible;
        z-index: 3;
        position: relative;
        overflow: auto;
        border-style: solid;
        border-width: 1px;
        border-radius: 2px;
        left: 0;
        width: auto;
        background-color: #fcfcfc;
        color: #666
    }

    #top .tab_inner_content {
        left: 0
    }

    #top .toggle_wrap {
        visibility: visible;
        display: block;
        position: static
    }

    .grid-sort-container {
        width: 60%;
        margin: 0 auto
    }

    #top .isotope-item {
        position: initial !important;
        top: 0 !important;
        left: 0 !important;
        -webkit-transform: translate3d(0, 0, 0) !important
    }

    .avia-progress-bar {
        margin: 5px 0;
        border: 1px solid #555 !important;
        border-radius: 3px !important
    }

    .avia-progress-bar .progress {
        box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0) !important;
        border: 0 !important
    }

    .avia-progress-bar div.progress .bar {
        border: 0 solid;
        border-right: 1px solid #555 !important;
        border-radius: 0
    }

    .avia-testimonial-image {
        margin: 0;
        width: 100%;
        float: none;
        text-align: center;
        margin-bottom: 15px;
        height: auto
    }

    .avia-grid-testimonials .avia-testimonial-meta {
        margin-left: 0
    }

    body div .avia-testimonial {
        display: block;
        float: left
    }

    .avia_transform .avia-testimonial .avia-testimonial-image {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }

    .avia_transform .avia-gallery-thumb img {
        opacity: 1
    }
}

#header {
    position: relative;
    z-index: 501;
    width: 100%;
    background: transparent;
    font-size: 1.0rem
}

#header_main .container,
.main_menu ul:first-child>li a {
    height: 88px;
    line-height: 88px
}

.html_header_top.html_header_sticky #main {
    padding-top: 88px
}

.html_header_top.html_header_transparency #header {
    position: absolute
}

.html_header_top.html_header_sticky #header {
    position: fixed
}

.html_header_top.html_header_sticky.html_bottom_nav_header #main {
    padding-top: 140px
}

.html_bottom_nav_header .avia-search-tooltip {
    top: 101% !important;
    margin-left: -130px
}

.html_header_top.html_header_sticky.html_header_unstick_top .header-scrolled-full#header {}

.html_header_top.html_header_sticky.html_large #main {
    padding-top: 116px
}

.html_header_top.html_header_sticky.html_large #header_main .container,
.html_header_top.html_header_sticky.html_large.html_main_nav_header .main_menu ul:first-child>li a {
    height: 116px;
    line-height: 116px
}

.html_header_top.html_header_sticky.html_large.html_bottom_nav_header #main {
    padding-top: 168px
}

.html_header_top #top .av_header_stretch .container {
    width: 96%;
    padding: 0;
    max-width: 100%
}

.html_header_top #top .av_logo_right .logo {
    left: auto;
    right: 0
}

.html_header_top #top .av_menu_left .main_menu {
    left: 0px;
    right: auto
}

.html_header_top.html_main_nav_header #top .av_menu_left .main_menu {
    left: -13px;
    right: auto
}

.html_header_top .av_bottom_nav_header #header_main_alternate .main_menu ul:first-child>li>a {
    height: 50px;
    line-height: 50px
}

.html_header_top .av_bottom_nav_header .av-logo-container .main_menu {
    display: none
}

.html_header_top.html_bottom_nav_header #header_main {
    z-index: 3
}

.html_header_top.html_bottom_nav_header #header_main_alternate .main_menu {
    clear: both;
    position: relative;
    line-height: 40px;
    height: 100%;
    width: 100%;
    float: left
}

.html_header_top.html_bottom_nav_header #header_main_alternate .main_menu>div,
.html_header_top.html_bottom_nav_header #header_main_alternate .main_menu ul:first-child {
    width: 100%;
    height: 50px
}

.html_header_top.html_bottom_nav_header #header_main_alternate .main_menu ul:first-child>li:hover {
    z-index: 1000;
    position: relative
}

.html_header_top.html_bottom_nav_header #header_main_alternate .main_menu .menu-item-search-dropdown {
    float: right
}

#header_main_alternate {
    z-index: 2
}

#header #header_main_alternate .container {
    max-height: none;
    height: auto
}

#header_main_alternate .main_menu .menu li ul ul {
    left: 207px
}

#header_main_alternate .avia_mega_div {
    right: auto;
    left: 0
}

.html_header_top.html_logo_center .main_menu {
    text-align: center
}

.html_header_top.html_logo_center #header_main_alternate .main_menu ul:first-child {
    display: inline-block;
    width: auto;
    position: static
}

.html_header_top.html_logo_center .logo {
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.avia-msie-8 .logo img {
    height: 100%
}

.avia-msie-8.html_header_top.html_logo_center .logo {
    left: 46%
}

.html_header_top.html_bottom_nav_header.html_logo_right .main_menu ul:first-child {
    width: auto;
    float: right
}

.html_header_top.html_bottom_nav_header.html_logo_right .main_menu ul:first-child {
    width: auto;
    float: right
}

.html_header_top.html_header_topbar_active.html_header_sticky #top #main {
    padding-top: 119px
}

.html_header_top.html_header_topbar_active.html_header_sticky.html_large #top #main {
    padding-top: 147px
}

.html_header_top.html_header_topbar_active.html_header_sticky.html_bottom_nav_header #top #main {
    padding-top: 170px
}

.html_header_top.html_header_topbar_active.html_header_sticky.html_large.html_bottom_nav_header #top #main {
    padding-top: 198px
}

.av_icon_active_left .social_bookmarks {
    float: left
}

.av_icon_active_right .social_bookmarks {
    float: right
}

.av_secondary_right .sub_menu {
    float: right
}

.av_phone_active_left .phone-info {
    float: left
}

.av_phone_active_right .phone-info {
    float: right
}

.phone-info {
    float: left;
    font-weight: bold;
    line-height: 20px;
    font-size: 11px;
    padding: 5px 0
}

.phone-info span {
    display: inline-block;
    line-height: 1em
}

.av_secondary_left .sub_menu>ul>li:last-child,
.av_secondary_left .sub_menu>div>ul>li:last-child {
    border: none;
    padding-right: 0
}

.av_secondary_right .sub_menu>ul>li:last-child,
.av_secondary_right .sub_menu>div>ul>li:last-child {
    border: none;
    margin-right: 0px;
    padding-right: 0;
    padding-left: 10px
}

.av_secondary_left .sub_menu>ul>li:first-child {
    padding-left: 0
}

.av_icon_active_left.av_secondary_left .sub_menu>ul>li:first-child {
    padding-left: 10px
}

.av_icon_active_right.av_secondary_right .sub_menu>ul>li:first-child {
    padding-left: 10px
}

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

.av_icon_active_right .social_bookmarks {
    padding-left: 20px
}

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

.html_boxed #main {
    position: static;
    overflow: hidden
}

.html_logo_right.html_bottom_nav_header #header_main .social_bookmarks {
    right: auto;
    left: 0
}

#top nav .social_bookmarks {
    position: relative;
    top: 50%;
    margin-top: -16px;
    right: 0;
    overflow: hidden;
    clear: none;
    float: left
}

.avia-menu.av_menu_icon_beside {
    padding-right: 25px;
    margin-right: 25px;
    border-right-width: 1px;
    border-right-style: solid;
    -webkit-transition: border-color 0.2s ease-in-out;
    transition: border-color 0.2s ease-in-out
}

.fallback_menu+.social_bookmarks {
    padding-left: 18px
}

#header_meta {
    border-top: none;
    z-index: 10;
    min-height: 30px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin-bottom: -1px
}

#header_meta .container {
    min-height: 30px
}

#header_main {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    z-index: 1
}

#header.shadow {
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2)
}

.header_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.95;
    filter: alpha(opacity=95);
    z-index: 0;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-perspective: 1000px;
    -webkit-backface-visibility: hidden
}

.html_header_sticky_disabled .header_bg {
    opacity: 1;
    filter: alpha(opacity=100)
}

.avia-msie-8.html_header_transparency .av_header_sticky_disabled#header {
    background: transparent
}

.av_minimal_header .header_bg {
    opacity: 1;
    filter: alpha(opacity=100)
}

.av_minimal_header #header_main,
.av_minimal_header #header_meta {
    border: none
}

.av_minimal_header .avia-menu-fx {
    display: none
}

#top #header.av_minimal_header .main_menu ul:first-child>li>ul,
#top #header.av_minimal_header .main_menu .avia_mega_div>.sub-menu {
    border-top: none
}

.av_minimal_header #header_main .container,
.av_minimal_header .main_menu ul:first-child>li a {
    height: 90px;
    line-height: 90px
}

.html_header_top.html_header_sticky.html_large .av_minimal_header #header_main .container,
.html_header_top.html_header_sticky.html_large.html_main_nav_header .av_minimal_header .main_menu ul:first-child>li a {
    height: 118px;
    line-height: 118px
}

#top .av_minimal_header #s {
    border: none;
    padding: 12px 47px 12px 5px
}

#top .av_minimal_header .av_ajax_search_entry {
    border: none
}

.av_minimal_header_shadow {
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1)
}

.av_minimal_header_shadow.av_header_transparency {
    box-shadow: 0 0 0px 0px rgba(0, 0, 0, 0.0)
}

.av_minimal_header #header_main_alternate {
    border: none
}

.html_header_transparency #main {
    padding-top: 0 !important
}

#top .av_header_transparency .main_menu ul:first-child>li>a:hover,
#top #wrap_all .av_header_transparency .sub_menu>ul>li>a:hover {
    opacity: 0.8
}

#top .av_header_transparency.av_alternate_logo_active .logo a>img {
    opacity: 0;
    filter: alpha(opacity=0)
}

#top .av_header_transparency #header_main,
#top .av_header_transparency .avia-menu.av_menu_icon_beside {
    border-color: transparent
}

#top .av_header_transparency .header_bg {
    background-color: transparent;
    opacity: 0;
    filter: alpha(opacity=0)
}

#top .av_header_transparency .phone-info,
#top .av_header_transparency .social_bookmarks li a {
    color: inherit
}

#top #header.av_header_transparency .avia_mega_div {
    margin-top: 1px;
    padding-top: 1px
}

#top .av_header_transparency .avia-menu-fx {
    bottom: 22%;
    width: 70%;
    left: 15%
}

#top .av_header_transparency .phone-info.with_nav span {
    border-color: rgba(255, 255, 255, 0.25);
    color: #fff
}

#top .av_header_transparency #header_meta li {
    border-color: rgba(255, 255, 255, 0.25);
    color: inherit
}

#top .av_header_transparency #header_meta {
    background: transparent;
    box-shadow: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25)
}

.html_header_transparency #header_meta {
    -webkit-transition: background 0.4s ease-in-out;
    transition: background 0.4s ease-in-out
}

#top .av_header_glassy.av_header_transparency .header_bg {
    background-color: #fff;
    opacity: 0.1;
    filter: alpha(opacity=10)
}

#top .av_header_glassy.av_header_transparency #header_main {
    border-color: rgba(255, 255, 255, 0.25);
    border-top-color: transparent
}

#top .av_header_glassy.av_header_transparency .avia-menu.av_menu_icon_beside {
    border-color: rgba(255, 255, 255, 0.25)
}

#top .av_header_glassy.av_header_transparency .social_bookmarks li,
#top .av_header_glassy.av_header_transparency .social_bookmarks li a {
    border-color: rgba(255, 255, 255, 0.25);
    color: #fff
}

#top .av_header_glassy.av_header_transparency #header_main_alternate {
    border-bottom-color: rgba(255, 255, 255, 0.25)
}

#top .av_header_with_border.av_header_transparency #header_main {
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-left: none;
    border-right: none;
    border-top-color: transparent
}

#top .av_header_with_border.av_header_transparency .avia-menu.av_menu_icon_beside {
    border-color: rgba(255, 255, 255, 0.25)
}

.html_header_searchicon_disabled #top .av_header_border_disabled.av_bottom_nav_disabled .main_menu .menu>li:last-child>a .avia-menu-fx {
    padding-right: 13px;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

#top .av_header_scrolldown {
    -webkit-transition: opacity 0.6s ease-out, margin 0.6s ease-out;
    transition: opacity 0.6s ease-out, margin 0.6s ease-out;
    margin-top: 0px
}

#top .av_header_scrolldown.av_header_transparency {
    opacity: 0;
    margin-top: -250px !important
}

.html_header_transparency.html_header_scrolldown #top .avia-builder-el-0 .container,
.html_header_transparency.html_header_scrolldown #top .avia-builder-el-0 .slideshow_inner_caption {
    padding-top: 0
}

.html_header_transparency #top .footer-page-content .avia-builder-el-0 .container {
    padding-top: 0
}

#top .header_hidden {
    display: none
}

.av_seperator_small_border .av-main-nav>li>a>.avia-menu-text {
    border-left-style: solid;
    border-left-width: 1px;
    padding-left: 13px;
    margin-left: -13px
}

.av_seperator_small_border .av-main-nav>li:first-child>a>.avia-menu-text {
    border-left: none
}

.av_seperator_big_border .av-main-nav>li>a {
    border-left-style: solid;
    border-left-width: 1px;
    text-align: center;
    min-width: 90px
}

#top .av_seperator_big_border .av-main-nav>li:last-child>a,
#top .av_seperator_big_border .av-main-nav>#menu-item-search>a {
    border-right-style: solid;
    border-right-width: 1px
}

#top .av_seperator_big_border .av-main-nav>#menu-item-search>a {
    border-left-style: solid;
    border-left-width: 1px;
    border-color: inherit
}

#top .av_seperator_big_border#header .av-menu-button>a .avia-menu-text {
    border: none
}

.av_seperator_big_border .avia-menu.av_menu_icon_beside {
    padding-right: 0
}

#top .av_seperator_big_border#header .av-main-nav>li>a {
    padding: 0 13px
}

#top .av_seperator_big_border .avia-menu.av_menu_icon_beside {
    border-right-style: none;
    border-right-width: 0
}

.html_bottom_nav_header #top .av_seperator_big_border .av-main-nav>#menu-item-search>a {
    border-left-style: solid;
    border-left-width: 1px;
    border-color: inherit;
    margin-left: -1px
}

.avia-menu-subtext,
#top .sub-menu .avia-menu-subtext {
    display: none
}

.html_header_top #top .av_menu_left .main_menu .menu li ul ul {
    left: 207px
}

.html_header_sidebar {}

.html_header_sidebar #top #header {
    width: 300px;
    position: absolute;
    min-height: 100%;
    border-bottom: none
}

.html_boxed.html_header_sidebar #wrap_all {
    position: relative
}

.html_header_sidebar #top #header_main {
    border-top: none
}

.html_header_sidebar #header .container {
    width: 100%;
    height: auto;
    line-height: 1.3em;
    padding: 0;
    float: none;
    max-width: 100%
}

.html_header_sidebar .header_bg {
    opacity: 1;
    filter: alpha(opacity=95)
}

.html_header_left #top #header {}

.html_header_right #top #header {
    right: 0
}

.html_header_left #main {
    margin-left: 300px;
    position: relative;
    border-left-style: solid;
    border-left-width: 1px
}

.html_header_right #main {
    margin-right: 300px;
    position: relative;
    border-right-style: solid;
    border-right-width: 1px
}

.html_header_sidebar #top #header.av_always_sticky {
    position: fixed;
    -webkit-backface-visibility: hidden
}

.html_header_sidebar .logo {
    position: relative;
    clear: both;
    padding: 40px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    height: auto;
    max-height: none;
    width: 100%
}

.html_header_sidebar .logo img {
    width: 100%;
    max-height: none;
    padding: 0;
    height: auto
}

.html_header_sidebar .main_menu {
    position: relative;
    clear: both;
    z-index: 200
}

.html_header_sidebar #header .av-main-nav,
.html_header_sidebar #header .av-main-nav-wrap {
    width: 100%
}

.html_header_sidebar #header .av-main-nav {
    padding: 20px 0
}

.html_header_sidebar #header .av-main-nav>li {
    float: none;
    display: block;
    margin: 0 13%
}

.html_header_sidebar #header .av-main-nav>li>a {
    line-height: 1.3em;
    height: auto;
    padding: 15px 3px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin: 0 auto
}

.html_header_sidebar #header .av-main-nav>li>a .avia-menu-text {
    font-size: 16px;
    font-weight: normal;
    display: block
}

.html_header_sidebar #header .av-main-nav>li>a .avia-menu-subtext {
    display: block;
    font-weight: normal;
    font-size: 12px;
    padding-top: 3px
}

.html_header_sidebar #header .av-main-nav>li:last-child>a {
    border: none
}

.html_header_sidebar #header .av-main-nav>li:nth-last-child(2)>a {
    border: none
}

.html_header_sidebar #header .avia-menu-fx {
    display: none
}

.html_header_sidebar .av-main-nav ul {
    border-top-width: 1px
}

.html_header_left .av-main-nav ul {
    top: 0;
    left: 100%;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1)
}

.html_header_left #top .av-main-nav ul ul {
    left: 207px;
    top: -1px
}

.html_header_right .av-main-nav ul {
    top: 0;
    left: auto;
    right: 100%;
    box-shadow: -5px 5px 15px rgba(0, 0, 0, 0.1)
}

.html_header_right #top .av-main-nav ul ul {
    left: -207px;
    top: -1px
}

.html_header_sidebar #top .av-main-nav ul a {
    padding: 12px 15px
}

.html_header_sidebar #main>.avia-builder-el-0 {
    border-top: none
}

.html_header_sidebar #top #header .av-menu-button>a {
    border: none
}

.html_header_sidebar #top #header .av-menu-button+.av-menu-button>a {
    padding-top: 0
}

.html_header_sidebar #top #header .av-menu-button-colored:hover {
    opacity: 0.8
}

.html_header_left #header .avia_mega_div {
    left: 100%;
    top: 0
}

.html_header_right #header .avia_mega_div {
    right: 100%;
    top: 0
}

.html_header_sidebar #top #header .avia_mega_div>.sub-menu {
    border-width: 1px;
    border-style: solid
}

.html_header_sidebar.html_content_align_left .container {
    float: left
}

.html_header_sidebar.html_content_align_right .container {
    float: right
}

.html_header_sidebar.html_content_align_left #footer,
.html_header_sidebar.html_content_align_right #footer,
.html_header_sidebar.html_content_align_left #socket,
.html_header_sidebar.html_content_align_right #socket {
    overflow: hidden
}

.html_header_sidebar .container_wrap {
    width: 100%
}

#header .avia-custom-sidebar-widget-area {
    margin: 0;
    padding: 0;
    float: none
}

#header .avia-custom-sidebar-widget-area .widget {
    border-top-style: solid;
    border-top-width: 1px;
    padding: 40px;
    width: 100%;
    overflow: hidden
}

.html_header_sidebar .av-sidebar-social-container {
    position: relative;
    clear: both;
    overflow: hidden
}

.html_header_sidebar #top #header .social_bookmarks {
    position: relative;
    top: 0;
    margin: 0;
    border-top-style: solid;
    border-top-width: 1px;
    clear: both;
    display: table;
    width: 100%;
    table-layout: fixed
}

.html_header_sidebar #top #header .social_bookmarks li {
    float: none;
    display: table-cell;
    text-align: center
}

.html_header_sidebar #top #header .social_bookmarks li.social_icon_1 a {
    border: none
}

.html_header_sidebar #top #header .social_bookmarks li a {
    width: 100%;
    border-radius: 0;
    border-left-style: solid;
    border-left-width: 1px;
    padding: 10px 0
}

.html_header_sidebar .av_default_container_wrap,
.html_header_sidebar .container_wrap_first {
    float: left
}

.html_top_nav_header #header_main_alternate {
    border-top: none;
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.html_top_nav_header.html_minimal_header #header_main_alternate {
    border: none
}

.html_top_nav_header div .logo {
    position: relative
}

.html_top_nav_header .av-logo-container .inner-container {
    position: relative;
    overflow: hidden
}

.html_top_nav_header.html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 50px
}

.html_top_nav_header.html_header_top.html_header_sticky.html_header_topbar_active #top #wrap_all #main {
    padding-top: 80px
}

.html_top_nav_header .av-logo-container {
    height: 88px
}

.html_top_nav_header.html_large .av-logo-container {
    height: 150px
}

.html_top_nav_header #header_main {
    border: none
}

.av-hamburger {
    padding: 0 0 0 0;
    display: inline-block;
    cursor: pointer;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible
}

.av-hamburger-box {
    width: 35px;
    height: 24px;
    display: inline-block;
    position: relative
}

.av-hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px
}

.av-hamburger-inner,
.av-hamburger-inner::before,
.av-hamburger-inner::after {
    width: 40px;
    height: 3px;
    background-color: #000;
    border-radius: 3px;
    position: absolute;
    transition: transform 0.15s ease
}

.av-hamburger-inner::before,
.av-hamburger-inner::after {
    content: "";
    display: block
}

.av-hamburger-inner::before {
    top: -10px
}

.av-hamburger-inner::after {
    bottom: -10px
}

.av-hamburger--spin .av-hamburger-inner {
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.av-hamburger--spin .av-hamburger-inner::before {
    transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in, background-color 0.15s ease
}

.av-hamburger--spin .av-hamburger-inner::after {
    transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0.15s ease
}

.av-hamburger--spin.is-active .av-hamburger-inner {
    transform: rotate(225deg);
    transition-delay: 0.14s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

.av-hamburger--spin.is-active .av-hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out, background-color 0.15s ease
}

.av-hamburger--spin.is-active .av-hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0.15s ease
}

.av-burger-menu-main {
    display: none;
    -webkit-transition: padding 0.3s ease-out;
    transition: padding 0.3s ease-out
}

.js_active.html_burger_menu #avia-menu>li {
    display: none
}

.js_active.html_burger_menu #avia-menu .av-burger-menu-main,
.html_burger_menu #top #avia-menu .menu-item-search-dropdown {
    display: block
}

.av-burger-menu-main {
    cursor: pointer
}

.av-burger-menu-main a {
    padding-left: 10px
}

.av-hamburger strong {
    display: none
}

.av-hamburger-box {
    height: 8px
}

.av-hamburger-inner,
.av-hamburger-inner::before,
.av-hamburger-inner::after {
    width: 100%
}

.html_burger_menu #top #wrap_all .menu-item-search-dropdown>a {
    font-size: 24px
}

html.av-burger-overlay-active #top .menu-item-search-dropdown>a {
    color: #fff
}

.html_burger_menu_active #header .avia-menu .menu-item {
    display: none
}

.html_burger_menu_active .menu-item-avia-special {
    display: block
}

.html_burger_menu_active #top #wrap_all .menu-item-search-dropdown>a {
    font-size: 24px
}

.html_header_sidebar #top div .av-burger-menu-main {
    display: none
}

.html_burger_menu_active #top #wrap_all #header .av-burger-menu-main>a {
    background: transparent;
    position: relative;
    z-index: 10
}

.av-hamburger--spin-r .av-hamburger-inner {
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.av-hamburger--spin-r .av-hamburger-inner::before {
    transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in
}

.av-hamburger--spin-r .av-hamburger-inner::after {
    transition: bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.av-hamburger--spin-r.is-active .av-hamburger-inner {
    -webkit-transform: rotate(-225deg);
    transform: rotate(-225deg);
    transition-delay: 0.14s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

.av-hamburger--spin-r.is-active .av-hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out
}

.av-hamburger--spin-r.is-active .av-hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.av-burger-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    display: none;
    overflow: hidden;
    opacity: 0
}

.av-burger-overlay-inner,
.av-burger-overlay-bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    min-height: 700px;
    display: table;
    vertical-align: middle;
    text-align: center;
    z-index: 5
}

.av-burger-overlay-bg {
    z-index: 3;
    opacity: 0.9;
    background: #000;
    display: block;
    position: fixed
}

.av-burger-overlay-scroll {
    overflow: auto;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 10;
    -webkit-overflow-scrolling: touch
}

#av-burger-menu-ul li a {
    position: relative;
    display: block;
    -webkit-transition: none;
    transition: none
}

#av-burger-menu-ul li ul {
    background: transparent
}

html.av-burger-overlay-active #header_meta,
html.av-burger-overlay-active #menu-item-shop.cart_dropdown,
html.av-burger-overlay-active .cart_dropdown,
html.av-burger-overlay-active #top .social_bookmarks {
    z-index: 1
}

.av-burger-overlay-active #top .av-hamburger-inner,
.av-burger-overlay-active #top .av-hamburger-inner::before,
.av-burger-overlay-active #top .av-hamburger-inner::after {
    background-color: #fff
}

.av-burger-overlay-active #top #header .av-main-nav>li>a {
    background: transparent
}

.av-burger-overlay-active #scroll-top-link {
    z-index: 150
}

#top #av-burger-menu-ul {
    display: table-cell;
    height: 100%;
    width: 100%;
    vertical-align: middle;
    padding: 125px 0
}

.html_av-overlay-full #av-burger-menu-ul li {
    display: block;
    height: auto;
    width: 100%;
    padding: 0.3em 0;
    font-size: 35px
}

.html_av-overlay-full #top #wrap_all #av-burger-menu-ul li {
    line-height: 1.6em
}

.html_av-overlay-full #top #wrap_all #av-burger-menu-ul li li {
    font-size: 0.6em;
    line-height: 1.4em
}

.html_av-overlay-full #top #wrap_all #av-burger-menu-ul li li li {
    font-size: 0.8em
}

.html_av-overlay-full #top #wrap_all #av-burger-menu-ul li a {
    color: #fff;
    height: auto;
    line-height: inherit;
    font-size: inherit
}

.html_av-overlay-full #av-burger-menu-ul li a:hover,
.html_av-overlay-full #av-burger-menu-ul li a:active,
.html_av-overlay-full #av-burger-menu-ul li a:focus {
    text-decoration: none;
    opacity: 0.7
}

.html_av-overlay-full.av-burger-overlay-active #top #wrap_all #menu-item-search a,
.html_av-overlay-full.av-burger-overlay-active #top #wrap_all #menu-item-search a:hover {
    color: #fff
}

.html_header_top.html_logo_center.av-burger-overlay-active .menu-item-avia-special {
    z-index: 150
}

#top #wrap_all #av-burger-menu-ul>li {
    opacity: 0;
    position: relative;
    top: 18px;
    -webkit-transition: opacity 0.3s ease-out, top 0.3s ease-out, left 0.3s ease-out;
    transition: opacity 0.3s ease-out, top 0.3s ease-out, left 0.3s ease-out;
    -webkit-transform: translate3d(0, 0, 0)
}

.avia_desktop.avia-safari #top #wrap_all #av-burger-menu-ul>li {
    -webkit-transform: none
}

#top #wrap_all #header #av-burger-menu-ul>li.av-active-burger-items {
    opacity: 1;
    top: 0;
    left: 0
}

.html_av-overlay-full #top #av-burger-menu-ul .av-menu-button>a .avia-menu-text {
    padding: 0.5em 1.5em
}

.html_av-overlay-full #top #av-burger-menu-ul .av-menu-button {
    margin-top: 0.4em
}

.html_av-overlay-full #av-burger-menu-ul li ul li a {
    font-size: 1.3em
}

#av-burger-menu-ul li a .avia-menu-subtext {
    display: block;
    font-size: 0.6em;
    line-height: 1.2em;
    margin: -10px 0 13px 0;
    opacity: 0.7;
    text-transform: none
}

.html_av-overlay-side #av-burger-menu-ul li a .avia-menu-subtext {
    font-size: 1rem;
    margin: 0;
    opacity: 0.9
}

#av-burger-menu-ul .avia-menu-fx {
    display: none
}

#top .av-small-burger-icon {
    -ms-transform: scale(0.6);
    transform: scale(0.6);
    transform-origin: right
}

#top #wrap_all #header .av-small-burger-icon a {
    padding: 0
}

.html_av-overlay-side .av-burger-overlay-bg {
    opacity: 0.3;
    cursor: pointer
}

.html_av-overlay-side #top .av-burger-overlay li {
    margin: 0
}

.html_av-overlay-side #top #wrap_all .av-burger-overlay li a {
    line-height: 1.3em;
    height: auto;
    padding: 15px 50px;
    display: block;
    text-align: left;
    text-decoration: none
}

.html_av-overlay-side #top .av-burger-overlay li a:hover {
    text-decoration: none
}

.html_av-overlay-side #top #wrap_all #av-burger-menu-ul>li {
    top: 0;
    left: 18px
}

.html_av-overlay-side #top #wrap_all .av-burger-overlay li li a {
    padding-left: 70px
}

.html_av-overlay-side #top #wrap_all .av-burger-overlay li li li a {
    padding-left: 90px
}

.html_av-overlay-side #top #wrap_all .av-burger-overlay li li li li a {
    padding-left: 110px
}

.html_av-overlay-side #top #wrap_all .av-burger-overlay li li li li li a {
    padding-left: 130px
}

.html_av-overlay-side .av-burger-overlay-scroll {
    width: 350px;
    right: 0;
    max-width: 100%;
    -webkit-transform: translateX(350px);
    transform: translateX(350px);
    -webkit-transition: all 0.5s cubic-bezier(0.75, 0, 0.25, 1);
    transition: all 0.5s cubic-bezier(0.75, 0, 0.25, 1)
}

.html_av-overlay-side.av-burger-overlay-active-delayed .av-burger-overlay-scroll {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.html_av-overlay-side #top #wrap_all #av-burger-menu-ul>li {
    opacity: 1;
    top: 0;
    left: 0
}

.html_av-overlay-side-classic #top .av-burger-overlay {
    font-size: 1em
}

.html_av-overlay-side-classic #av-burger-menu-ul {
    vertical-align: top
}

.html_av-overlay-side-classic #top .av-burger-overlay li a {
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.html_av-overlay-side-classic #top .av-burger-overlay li li .avia-bullet {
    height: 1px;
    display: block;
    position: absolute;
    margin-top: 0;
    opacity: 0.3;
    border: none !important;
    width: 7px;
    left: 50px;
    top: 50%
}

.html_av-overlay-side-classic #top .av-burger-overlay li li li .avia-bullet {
    left: 70px
}

.html_av-overlay-side-classic #top .av-burger-overlay li li li li .avia-bullet {
    left: 90px
}

.html_av-overlay-side-classic #top .av-burger-overlay li li li li li .avia-bullet {
    left: 110px
}

.html_av-overlay-side-classic #top .av-burger-overlay li li li li li li .avia-bullet {
    left: 130px
}

.html_av-overlay-side-minimal .av-burger-overlay-bg {
    opacity: 0.1
}

.html_av-overlay-side-minimal #top .av-burger-overlay {
    font-size: 1.1em
}

.html_av-overlay-side-minimal #top .av-burger-overlay .sub-menu {
    font-size: 0.9em
}

.html_av-submenu-hidden #av-burger-menu-ul li ul {
    display: none
}

.html_av-submenu-hidden .av-submenu-indicator {
    display: inline-block;
    padding: 0 10px;
    font-size: 11px;
    opacity: 0.5;
    vertical-align: top;
    float: right;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -9px;
    height: 20px;
    line-height: 20px
}

.html_av-submenu-hidden .av-submenu-indicator:before {
    content: "\E87d";
    font-family: 'entypo-fontello'
}

.html_av-submenu-hidden .av-show-submenu>a>.av-submenu-indicator {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

div .logo {
    float: left;
    position: absolute;
    left: 0;
    z-index: 1
}

.logo,
.logo a {
    overflow: hidden;
    position: relative;
    display: block;
    height: 100%
}

.logo img {
    padding: 0;
    display: block;
    width: auto;
    height: auto;
    max-height: 100%;
    image-rendering: auto;
    position: relative;
    z-index: 2;
    height: 100%\9;
    height: auto\9;
    -webkit-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out
}

.logo img.alternate {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    opacity: 0
}

.av_header_transparency .logo img.alternate {
    opacity: 1
}

.main_menu {
    clear: none;
    position: absolute;
    z-index: 100;
    line-height: 30px;
    height: 100%;
    margin: 0;
    right: 0
}

.main_menu .pointer_arrow_wrap {
    display: none
}

.av-main-nav-wrap {
    float: left;
    position: relative;
    z-index: 3
}

.av-main-nav-wrap ul {
    margin: 0;
    padding: 0
}

.av-main-nav {
    z-index: 110;
    position: relative
}

.av-main-nav ul {
    display: none;
    margin-left: 0;
    left: 0;
    position: absolute;
    top: 100%;
    width: 208px;
    z-index: 2;
    padding: 0;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
    margin-top: -1px
}

.av-main-nav ul li {
    margin: 0;
    padding: 0;
    width: 100%
}

.av-main-nav ul li a {
    border-right-style: solid;
    border-right-width: 1px;
    border-left-style: solid;
    border-left-width: 1px
}

.av-main-nav ul li:last-child>a {
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.av-main-nav li {
    float: left;
    position: relative;
    z-index: 20
}

.av-main-nav li:hover {
    z-index: 100
}

.av-main-nav>li>ul {
    border-top-width: 0px;
    border-top-style: solid
}

.av-main-nav>li {
    line-height: 30px
}

.av-main-nav li a {
    max-width: none
}

.av-main-nav>li>a {
    display: block;
    text-decoration: none;
    padding: 0 13px;
    font-weight: normal;
    font-size: 1.1rem;
    font-weight: 600;
    -webkit-transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
    transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out
}

.av-main-nav>li>a,
div #menu-item-shop.cart_dropdown {
    -webkit-transition: none;
    transition: none;
    -webkit-transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
    transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out
}

.av_header_transparency .av-main-nav>li>a,
.av_header_transparency #menu-item-shop.cart_dropdown {
    -webkit-transition: border-color 0.2s ease-in-out;
    transition: border-color 0.2s ease-in-out
}

#top .av-main-nav ul a {
    width: 100%;
    height: auto;
    float: left;
    text-align: left;
    line-height: 23px;
    padding: 8px 15px;
    font-size: 1.0rem;
    min-height: 23px;
    max-width: none;
    text-decoration: none;
    font-family: inherit
}

#top .av-main-nav ul ul {
    left: -207px;
    top: 0px;
    margin: 0;
    border-top-style: solid;
    border-top-width: 1px;
    padding-top: 0px
}

.av-main-nav li:hover ul ul {
    display: none
}

#top .av-main-nav li:hover>ul {
    display: block
}

.avia-menu-fx {
    position: absolute;
    bottom: -1px;
    height: 0px;
    z-index: 10;
    width: 100%;
    left: 0;
    opacity: 0;
    visibility: hidden
}

.av-main-nav li:hover .avia-menu-fx,
.current-menu-item>a>.avia-menu-fx,
.av-main-nav li:hover .current_page_item>a>.avia-menu-fx {
    opacity: 1;
    visibility: visible
}

.avia-menu-fx .avia-arrow-wrap {
    height: 10px;
    width: 10px;
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -5px;
    overflow: hidden;
    display: none;
    visibility: hidden
}

.current-menu-item>a>.avia-menu-fx>.avia-arrow-wrap,
.current_page_item>a>.avia-menu-fx>.avia-arrow-wrap {
    display: block
}

.avia-menu-fx .avia-arrow-wrap .avia-arrow {
    top: 10px
}

.html_main_nav_header.html_logo_left #top .main_menu .menu>li:last-child>a,
.html_bottom_nav_header #top #menu-item-search>a {
    padding-right: 0
}

.html_bottom_nav_header.html_logo_center #top .av_seperator_big_border #menu-item-search>a {
    padding-right: 13px;
    border-right-style: solid;
    border-right-width: 1px
}

.html_bottom_nav_header .av-logo-container .main_menu {
    display: none
}

.main_menu .avia-bullet {
    display: none
}

#top #header .menu-item-mega-parent.current-menu-item {
    overflow: visible !important
}

#top #header .mega_menu_title a {
    color: inherit;
    font-size: 17px;
    line-height: 1.1em;
    padding: 0;
    margin: 0;
    background: transparent;
    border: none
}

#top #header .mega_menu_title a:hover {
    text-decoration: underline
}

#header .avia_mega_div {
    display: none;
    margin: -1px 0 0 0;
    right: 0;
    position: absolute;
    top: 100%;
    z-index: 2;
    box-shadow: 0 32px 60px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    padding: 1px 0 0;
    text-align: left
}

#header.av_minimal_header .avia_mega_div {
    margin: 0;
    border-top-style: solid;
    border-top-width: 1px
}

#header.av_minimal_header .avia_mega_div .units {
    border-right: none
}

#header .avia_mega_div .units {
    padding: 0 14px 0 15px;
    margin: 0;
    border-right-style: dotted;
    border-right-width: 1px
}

#header li:hover .avia_mega_div {
    display: block
}

#top #header .avia_mega_div ul,
#top #header .avia_mega_div li {
    position: relative;
    display: block;
    top: auto;
    left: auto;
    height: auto
}

#top #header .avia_mega_div .sub-menu {
    overflow: hidden;
    width: 100%;
    box-shadow: none;
    border-style: none;
    border-width: 0px;
    position: relative;
    top: 0;
    display: block;
    left: 0;
    clear: both
}

#top #header .avia_mega_div>.sub-menu {
    display: table;
    padding: 20px 30px 30px;
    border-top-style: solid;
    border-top-width: 2px
}

#top #header .avia_mega_div>.sub-menu.avia_mega_hr {
    padding-top: 30px
}

#top #header .avia_mega_div>.sub-menu>li {
    display: table-cell;
    float: none;
    padding-top: 10px;
    padding-bottom: 0;
    vertical-align: top
}

#top #header .avia_mega_div>.sub-menu.avia_mega_hr {
    border-top-width: 1px;
    border-top-style: dashed
}

#top #header .avia_mega_div>.sub-menu>li>ul {
    padding: 0
}

#top #header .avia_mega_div>.sub-menu>li>ul li {
    display: block;
    float: none;
    padding: 0;
    margin: 0;
    list-style-type: circle;
    list-style-position: inside
}

#top #header .avia_mega_div>.sub-menu>li>ul ul li {
    margin-left: 15px
}

#top #header .avia_mega_div>.sub-menu>li>ul>li a {
    width: auto;
    float: none;
    display: block;
    border: none;
    padding: 3px 12px 3px 12px;
    font-weight: normal;
    height: auto;
    line-height: 23px
}

#header .avia_mega_div .avia_mega_menu_columns_first {
    padding-left: 0
}

#header .avia_mega_div .avia_mega_menu_columns_last {
    padding-right: 0;
    border-right-style: none;
    border-right-width: 0
}

.avia-bullet {
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    top: 51%;
    margin-top: -3px;
    left: -3px;
    border-top: 3px solid transparent !important;
    border-bottom: 3px solid transparent !important;
    border-left: 3px solid green
}

.avia_mega_div .avia-bullet {
    margin-top: 12px;
    left: 3px;
    display: block;
    top: 0
}

#header .mega_menu_title {
    margin-bottom: 8px;
    font-size: 17px;
    line-height: 1.1em;
    font-weight: 600;
    display: block
}

#header .avia_mega_text_block {
    line-height: 21px
}

#top #header .avia_mega_div .sub-menu .avia_mega_text_block a {
    padding: 0;
    display: inline;
    border: none;
    text-decoration: underline
}

#top #wrap_all #header .av-menu-button>a {
    background: transparent
}

#top #wrap_all .av_header_border_disabled .av-menu-button>a {
    border: none
}

.av-menu-button+.av-menu-button {
    margin-left: -10px
}

.av-menu-button+.av-menu-button>a {
    padding-left: 0px
}

#top .av-menu-button>a .avia-menu-text {
    padding: 9px
}

#top .av-menu-button>a .avia-menu-text {
    border: 2px solid;
    border-radius: 2px
}

.av-menu-button>a .avia-menu-fx {
    display: none
}

.av-menu-button-colored>a .avia-menu-text {
    padding: 11px 10px 10px 10px
}

.av-menu-button-colored>a:hover .avia-menu-text {
    opacity: 0.9
}

#top #header .av-menu-button>a .avia-menu-subtext {
    display: none
}

#top #header .av-menu-button>a .avia-menu-text {
    text-align: center;
    white-space: nowrap
}

#top #menu-item-search {
    z-index: 100
}

#top .menu-item-search-dropdown>a,
#searchform #searchsubmit,
.av_ajax_search_image,
.iconfont {
    font-size: 17px
}

#top #menu-item-search.menu-item-search-dropdown>a {
    border-left: none
}

#top #menu-item-search:hover>a {
    background: transparent;
    color: inherit
}

.avia-search-tooltip {
    position: absolute;
    z-index: 9999999;
    padding: 0;
    width: 300px;
    top: 85% !important;
    margin-left: -120px;
    border-radius: 2px;
    box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.2);
    border-width: 1px;
    border-style: solid
}

.avia-search-tooltip .avia-arrow-wrap {
    width: 20px;
    height: 20px;
    position: absolute;
    top: -20px;
    right: 10px;
    margin-left: -10px;
    overflow: hidden
}

.avia-arrow {
    height: 10px;
    width: 10px;
    position: absolute;
    top: -6px;
    left: 50%;
    margin-left: -5px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-width: 1px;
    border-style: solid;
    visibility: hidden\9
}

.avia-search-tooltip .avia-arrow {
    top: 15px
}

#top #searchform {
    margin: 0;
    padding: 0
}

#top #searchform>div {
    position: relative;
    max-width: 300px
}

#top .widget #searchform>div {
    margin: 0;
    max-width: 100%
}

#top #searchform br {
    display: none
}

#top #s {
    width: 100%;
    position: relative;
    padding: 11px 47px 11px 5px;
    z-index: 1;
    margin: 0;
    box-shadow: none
}

#top #searchsubmit,
.ajax_load {
    width: 40px;
    height: 100%;
    line-height: 40px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    margin: 0;
    border-radius: 0;
    min-width: 40px
}

.avia_mobile #top #searchsubmit,
.avia_mobile .ajax_load {
    height: 41px
}

.avia-search-tooltip #searchform>div {
    margin: 16px
}

.ajax_load {
    z-index: 5
}

.ajax_load_inner {
    background: url('https://www.auroled.cn/wp-content/themes/enfold/images/layout/loading.gif') no-repeat scroll center center #fff;
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

#top #searchform .ajax_search_response {
    line-height: 1.4em;
    font-size: 12px;
    margin: 0
}

.ajax_search_response h4 {
    padding: 20px 16px 2px 16px;
    font-size: 14px;
    margin: 0
}

.ajax_search_response h4:first-child {
    padding-top: 0px;
    border: none
}

#top div .av_ajax_search_entry {
    display: block;
    text-decoration: none;
    line-height: 1.4em;
    font-size: 12px;
    height: auto;
    padding: 10px 16px;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    clear: both;
    overflow: hidden;
    position: relative
}

#top div .av_ajax_search_entry:hover {
    background-color: rgba(0, 0, 0, 0.04)
}

#top div .av_ajax_search_entry.with_image .av_ajax_search_image {
    background: transparent
}

.av_ajax_search_content {
    overflow: hidden;
    display: block
}

.av_ajax_search_title {
    display: block;
    font-weight: bold;
    text-transform: uppercase
}

.ajax_not_found .av_ajax_search_title {
    text-transform: none
}

.av_ajax_search_image {
    height: 32px;
    line-height: 32px;
    text-align: center;
    width: 32px;
    float: left;
    margin-right: 8px;
    border-radius: 40px;
    overflow: hidden;
    font-size: 15px
}

.av_ajax_search_image img {
    display: block;
    border: none;
    max-width: 100%;
    min-height: 32px;
    min-width: 32px
}

.ajax_search_excerpt {
    font-size: 12px;
    line-height: 1.4em;
    display: block;
    margin-top: 3px;
    font-style: italic
}

#top div .av_ajax_search_entry_view_all {
    text-align: center;
    font-weight: bold;
    border: none
}

#top div .ajax_not_found,
#top div .av_ajax_search_entry.ajax_not_found:hover {
    border: none;
    background: transparent
}

.title_container {
    position: relative
}

#top .title_container .container {
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 56px
}

.title_container .main-title {
    margin: 0;
    font-size: 16px;
    color: #ff8c00;
    position: relative;
    z-index: 2;
    min-height: 36px;
    line-height: 2.3em;
    top: 0;
    font-weight: 400
}

.title_container .main-title a {
    text-decoration: none
}

.title_meta,
#top .portfolio-entry .title_meta {
    display: block;
    clear: both;
    position: relative;
    z-index: 1;
    margin-top: -1em;
    padding: 0
}

.title_meta p {
    margin: 1.3em 0 0 0
}

.title_container .breadcrumb {
    z-index: 10;
    line-height: 15px;
    font-size: 12px;
    position: absolute;
    right: 50px;
    top: 50%;
    margin-top: -7px
}

.breadcrumb a {
    text-decoration: none
}

.breadcrumb a:hover {
    background: #ff8400;
    color: #ffffff
}

.breadcrumb a:active {
    background: transparent;
    color: #ff8400
}

.breadcrumb a:hover span {
    color: #ffffff
}

.breadcrumb a:hover,
.breadcrumb a:focus,
.breadcrumb a:visited {
    text-decoration: none
}

element.style {}

.main_color .breadcrumb,
.main_color .breadcrumb a,
#top .main_color.title_container .main-title,
#top .main_color.title_container .main-title a {
    color: #333
}

.main_color a:hover,
.main_color h1 a:hover,
.main_color h2 a:hover,
.main_color h3 a:hover,
.main_color h4 a:hover,
.main_color h5 a:hover,
.main_color h6 a:hover,
.main_color .template-search a.news-content:hover,
.main_color .wp-playlist-item .wp-playlist-caption:hover {
    color: #ffc400
}

.breadcrumb a:hover {
    background: #ff8400;
    color: #fff
}

.breadcrumb a:active {
    background: transparent;
    color: #ff8400
}

.main_color a,
.main_color .widget_first,
.main_color strong,
.main_color b,
.main_color b a,
.main_color strong a,
.main_color #js_sort_items a:hover,
.main_color #js_sort_items a.active_sort,
.main_color .av-sort-by-term a.active_sort,
.main_color .special_amp,
.main_color .taglist a.activeFilter,
.main_color #commentform .required,
#top .main_color .av-no-color.av-icon-style-border a.av-icon-char,
.html_elegant-blog #top .main_color .blog-categories a,
.html_elegant-blog #top .main_color .blog-categories a:hover {
    color: #ff8400
}

.main_color,
.main_color div,
.main_color header,
.main_color main,
.main_color aside,
.main_color footer,
.main_color article,
.main_color nav,
.main_color section,
.main_color span,
.main_color applet,
.main_color object,
.main_color iframe,
.main_color h1,
.main_color h2,
.main_color h3,
.main_color h4,
.main_color h5,
.main_color h6,
.main_color p,
.main_color blockquote,
.main_color pre,
.main_color a,
.main_color abbr,
.main_color acronym,
.main_color address,
.main_color big,
.main_color cite,
.main_color code,
.main_color del,
.main_color dfn,
.main_color em,
.main_color img,
.main_color ins,
.main_color kbd,
.main_color q,
.main_color s,
.main_color samp,
.main_color small,
.main_color strike,
.main_color strong,
.main_color sub,
.main_color sup,
.main_color tt,
.main_color var,
.main_color b,
.main_color u,
.main_color i,
.main_color center,
.main_color dl,
.main_color dt,
.main_color dd,
.main_color ol,
.main_color ul,
.main_color li,
.main_color fieldset,
.main_color form,
.main_color label,
.main_color legend,
.main_color table,
.main_color caption,
.main_color tbody,
.main_color tfoot,
.main_color thead,
.main_color tr,
.main_color th,
.main_color td,
.main_color article,
.main_color aside,
.main_color canvas,
.main_color details,
.main_color embed,
.main_color figure,
.main_color fieldset,
.main_color figcaption,
.main_color footer,
.main_color header,
.main_color hgroup,
.main_color menu,
.main_color nav,
.main_color output,
.main_color ruby,
.main_color section,
.main_color summary,
.main_color time,
.main_color mark,
.main_color audio,
.main_color video,
#top .main_color .pullquote_boxed,
.responsive #top .main_color .avia-testimonial,
.responsive #top.avia-blank #main .main_color.container_wrap:first-child,
#top .main_color.fullsize .template-blog .post_delimiter,
.main_color .related_posts.av-related-style-full a {
    border-color: transparent
}

.breadcrumb-trail .trail-before,
.breadcrumb-trail .trail-end,
.breadcrumb-trail .sep,
.breadcrumb-trail a,
.breadcrumb-trail .bbp-breadcrumb-current {
    display: block;
    float: left;
    padding: 0 3px
}

.breadcrumb a {
    text-decoration-color: none
}

.breadcrumb-trail .trail-before,
.breadcrumb-trail .trail-end,
.breadcrumb-trail .sep,
.breadcrumb-trail a,
.breadcrumb-trail .bbp-breadcrumb-current {
    display: block;
    float: left;
    padding: 0px 3px
}

.breadcrumb-trail span,
.bbp-breadcrumb-current a {
    display: inline;
    padding: 0;
    float: none
}

.breadcrumb .sep {
    display: block;
    overflow: hidden;
    width: 8px
}

span.trail-before {
    display: none !important
}

#top.avia-blank #wrap_all #main {
    padding-top: 0 !important;
    margin: 0
}

#top.avia-blank #wrap_all #main .container {
    padding-top: 0 !important
}

#top.avia-blank {
    height: 100%;
    position: absolute;
    width: 100% !important;
    margin: 0;
    display: table;
    vertical-align: middle;
    float: none;
    top: 0;
    left: 0;
    table-layout: fixed
}

#top.boxed.avia-blank {
    max-width: 100% !important
}

#top.boxed.avia-blank .container {
    margin: 0 auto
}

#top.avia-blank #wrap_all {
    display: table-cell;
    float: none;
    vertical-align: middle
}

#top.avia-blank #wrap_all #main {
    padding: 0
}

#top.avia-blank #main .container_wrap:last-child {
    border-bottom-style: solid;
    border-bottom-width: 1px
}

#top.avia-blank #main .container_wrap:first-child {
    border-top-style: solid;
    border-top-width: 1px
}

.av-frame {
    position: fixed;
    z-index: 600
}

.html_av-framed-box .av-frame.av-frame-vert {
    left: 0;
    width: 100%;
    top: 0
}

.html_av-framed-box .av-frame.av-frame-hor {
    top: 0;
    height: 100%;
    left: 0
}

.html_av-framed-box .av-frame.av-frame-bottom {
    top: auto;
    bottom: 0
}

.html_av-framed-box .av-frame.av-frame-right {
    left: auto;
    right: 0
}

.html_av-framed-box.html_av_admin_bar_active .av-frame.av-frame-top {
    margin-top: 32px
}

.html_header_top.html_header_sticky.html_av-framed-box #header {
    left: 0
}

.html_header_top.html_header_sticky.html_av-framed-box #header_main,
.html_header_top.html_header_sticky.html_av-framed-box #header_meta {
    margin: 0 50px
}

#top .social_bookmarks {
    height: 30px;
    z-index: 150;
    -webkit-backface-visibility: hidden;
    margin: 0 0 0 -9px
}

#top .social_bookmarks li {
    height: 100%;
    float: left;
    padding: 0;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border-right-style: solid;
    border-right-width: 1px;
    display: block;
    width: 30px
}

#top #header .social_bookmarks li:last-child {
    border-right-style: none;
    border-right-width: 0
}

#top .social_bookmarks li a {
    float: left;
    width: 30px;
    line-height: 30px;
    display: block;
    margin: 0px;
    outline: none;
    padding: 0;
    min-height: 30px;
    height: 100%;
    overflow: visible;
    z-index: 2;
    position: relative;
    text-align: center
}

#top #wrap_all .social_bookmarks,
#top #wrap_all .social_bookmarks a,
#top #wrap_all .social_bookmarks li {
    background: transparent
}

#top #wrap_all .social_bookmarks li a:hover {
    text-decoration: none
}

#top #wrap_all .av-social-link-rss:hover a {
    color: #fff;
    background-color: #ffa133
}

#top #wrap_all .av-social-link-facebook:hover a {
    color: #fff;
    background-color: #37589b
}

#top #wrap_all .av-social-link-twitter:hover a {
    color: #fff;
    background-color: #46d4fe
}

#top #wrap_all .av-social-link-whatsapp:hover a {
    color: #fff;
    background-color: #00e676
}

#top #wrap_all .av-social-link-mail:hover a {
    color: #fff;
    background-color: #9fae37
}

#top #wrap_all .av-social-link-dribbble:hover a {
    color: #fff;
    background-color: #e44885
}

#top #wrap_all .av-social-link-linkedin:hover a {
    color: #fff;
    background-color: #419cca
}

#top #wrap_all .av-social-link-search:hover a {
    color: #fff;
    background-color: #222222
}

#top #wrap_all .av-social-link-gplus:hover a {
    color: #fff;
    background-color: #de5a49
}

#top #wrap_all .av-social-link-behance:hover a {
    color: #fff;
    background-color: #008cfa
}

#top #wrap_all .av-social-link-flickr:hover a {
    color: #fff;
    background-color: #ff0086
}

#top #wrap_all .av-social-link-forrst:hover a {
    color: #fff;
    background-color: #234317
}

#top #wrap_all .av-social-link-myspace:hover a {
    color: #fff;
    background-color: #000000
}

#top #wrap_all .av-social-link-tumblr:hover a {
    color: #fff;
    background-color: #345574
}

#top #wrap_all .av-social-link-vimeo:hover a {
    color: #fff;
    background-color: #31baff
}

#top #wrap_all .av-social-link-youtube:hover a {
    color: #fff;
    background-color: #a72b1d
}

#top #wrap_all .av-social-link-pinterest:hover a {
    color: #fff;
    background-color: #cb2027
}

#top #wrap_all .av-social-link-skype:hover a {
    color: #fff;
    background-color: #12a5f4
}

#top #wrap_all .av-social-link-instagram:hover a {
    color: #fff;
    background-color: #a67658
}

#top #wrap_all .av-social-link-five_100_px:hover a {
    color: #fff;
    background-color: #222222
}

#top #wrap_all .av-social-link-soundcloud:hover a {
    color: #fff;
    background-color: #F76700
}

#top #wrap_all .av-social-link-xing:hover a {
    color: #fff;
    background-color: #006567
}

#top #wrap_all .av-social-link-vk:hover a {
    color: #fff;
    background-color: #597BA5
}

#top #wrap_all .av-social-link-reddit:hover a {
    color: #fff;
    background-color: #FF4500
}

#top #wrap_all .av-social-link-yelp:hover a {
    color: #fff;
    background-color: #d32323
}

#top .av-section-bottom-logo .social_bookmarks,
.html_bottom_nav_header #top .av-logo-container .social_bookmarks {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    right: 0
}

.html_bottom_nav_header .main_menu .social_bookmarks {
    display: none
}

.html_cart_at_menu #top .av-section-bottom-logo .social_bookmarks,
.html_bottom_nav_header.html_cart_at_menu #top .av-logo-container .social_bookmarks {
    left: 0;
    right: auto
}

#top .av-logo-container .social_bookmarks li {
    border: none
}

#top .av-logo-container .social_bookmarks li a {
    border-radius: 100px
}

.sub_menu {
    float: left;
    z-index: 2;
    font-size: 11px;
    line-height: 30px;
    position: relative;
    top: 10px
}

#top .sub_menu>ul {
    float: left;
    margin: 0
}

#top .sub_menu>ul,
#top .sub_menu>ul>li {
    background: transparent
}

.sub_menu li {
    float: left;
    position: relative;
    padding: 0 10px;
    border-right-style: solid;
    border-right-width: 1px;
    line-height: 10px
}

.sub_menu>ul>li>a,
.sub_menu>div>ul>li>a {
    text-decoration: none;
    font-weight: bold;
    padding: 7px 0
}

#top .sub_menu li ul {
    display: none;
    position: absolute;
    width: 170px;
    padding: 4px 0;
    z-index: 101;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
    left: -50%;
    margin: 0;
    border-style: solid;
    border-width: 1px;
    top: 19px
}

#top .sub_menu li:hover>ul {
    display: block
}

.sub_menu>ul>li:hover>a {
    text-decoration: underline
}

.sub_menu li li {
    float: none;
    line-height: 20px;
    border: none;
    padding: 0 0;
    margin: 0
}

#top .sub_menu li li a {
    width: 100%;
    height: auto;
    text-align: left;
    line-height: 23px;
    padding: 6px 18px;
    font-size: 12px;
    min-height: 23px;
    max-width: none;
    text-decoration: none;
    display: block;
    border-top-style: dashed;
    border-top-width: 1px
}

#top .sub_menu li li:first-child>a {
    border: none
}

#top .sub_menu li li a:hover {
    text-decoration: none;
    background: #f8f8f8
}

#top .sub_menu li li ul {
    top: -1px;
    left: -169px;
    background: none;
    padding: 0
}

.pointer_arrow {
    border-style: solid;
    border-width: 1px
}

.content,
.sidebar {
    padding-top: 50px;
    padding-bottom: 50px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    min-height: 1px;
    z-index: 1
}

.content:hover,
.sidebar:hover {
    z-index: 1
}

#top #main .sidebar {
    border-left-style: solid;
    border-left-width: 1px;
    margin-left: 0;
    float: none;
    width: auto;
    overflow: hidden;
    display: block;
    clear: none
}

.inner_sidebar {
    margin-left: 50px
}

.content .entry-content-wrapper {
    padding-right: 50px
}

#top #main .sidebar_left .sidebar {
    border-right-style: solid;
    border-right-width: 1px;
    border-left: none
}

.sidebar_left .inner_sidebar {
    margin-right: 50px;
    margin-left: 0
}

.sidebar_left .content {
    float: right;
    border-left-style: solid;
    border-left-width: 1px;
    border-right: none;
    margin-right: -50px;
    margin-left: -1px;
    padding-left: 50px
}

.fullsize .content {
    margin: 0;
    border: none
}

.fullsize .content .entry-content-wrapper {
    padding-right: 0
}

.container .minor-meta {
    font-size: 0.9em
}

.post {
    clear: both;
    width: 100%;
    float: left;
    position: relative
}

.rounded-container,
.rounded-container img {
    border-radius: 111px;
    overflow: hidden;
    display: block;
    position: relative;
    z-index: 2
}

.rounded-container {
    float: left;
    width: 81px;
    height: 81px;
    text-align: center;
    line-height: 81px
}

.rounded-container .iconfont,
.small-preview .iconfont {
    font-size: 23px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1
}

.entry-content-wrapper .post-title {
    font-size: 21px;
    line-height: 1.3em;
    color: #ff8c00
}

.pagination {
    clear: both;
    padding: 10px 0px 50px 0;
    position: relative;
    z-index: 3;
    line-height: 13px;
    overflow: hidden
}

.pagination span,
.pagination a {
    display: block;
    float: left;
    font-size: 11px;
    line-height: 13px;
    padding: 2px 9px 1px 9px;
    text-decoration: none;
    width: auto
}

#top .pagination .current,
#top .pagination a,
#top .fullsize .template-blog .pagination a {
    float: left;
    height: 35px;
    width: 35px;
    line-height: 35px;
    text-align: center;
    padding: 0;
    border-radius: 100px;
    margin-right: 3px;
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2)
}

.pagination .current {
    font-size: 11px;
    padding: 1px 9px 1px 9px;
    font-weight: bold
}

.pagination .pagination-meta {
    float: right;
    line-height: 35px
}

#top .avia-post-nav {
    position: fixed;
    height: 110px;
    top: 50%;
    background: #aaa;
    background: rgba(0, 0, 0, 0.1);
    color: #fff;
    margin-top: -55px;
    padding: 15px;
    text-decoration: none;
    z-index: 501;
    -webkit-transform: translate3d(0, 0, 0)
}

#top .avia-post-nav:hover {
    background: #222;
    background: rgba(0, 0, 0, 0.8)
}

.avia-post-nav .label {
    position: absolute;
    top: 50%;
    height: 22px;
    line-height: 22px;
    margin-top: -11px;
    font-size: 24px
}

.avia-post-nav .entry-image {
    height: 80px;
    width: 80px;
    display: block
}

.avia-post-nav .entry-image img {
    border-radius: 100px;
    display: block
}

.avia-post-prev {
    left: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.avia-post-prev .label {
    left: 10px
}

.avia-post-next {
    right: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.avia-post-next .label {
    right: 10px
}

.avia-post-next.with-image {
    text-align: right
}

.avia-post-nav .entry-info {
    display: block;
    height: 80px;
    width: 220px;
    display: table
}

.avia-post-next .entry-info {
    margin: 0 20px 0 1px
}

.avia-post-prev .entry-info {
    margin: 0 1px 0 20px
}

.avia-post-nav .entry-info span {
    display: table-cell;
    vertical-align: middle;
    font-size: 13px;
    line-height: 1.65em
}

.avia-post-nav .entry-info-wrap {
    width: 1px;
    overflow: hidden;
    display: block
}

.avia-post-nav:hover .entry-info-wrap {
    width: 240px
}

.pagination_split_post {
    clear: both;
    padding-top: 20px
}

.no_sidebar_border#top #main .sidebar,
.no_sidebar_border .content {
    border-left: none;
    border-right: none
}

.sidebar_shadow#top #main .sidebar,
.sidebar_shadow .content {
    border-left: none;
    border-right: none
}

.sidebar_shadow#top #main .sidebar_right.av-enable-shadow {
    box-shadow: inset 25px 0 25px -25px #e9e9eb
}

.sidebar_shadow .sidebar_right .content.av-enable-shadow {
    box-shadow: 25px 0 25px -25px #e9e9eb
}

.sidebar_shadow#top #main .sidebar_left.av-enable-shadow {
    box-shadow: inset -25px 0 25px -25px #e9e9eb
}

.sidebar_shadow .sidebar_left .content.av-enable-shadow {
    box-shadow: -25px 0 25px -25px #e9e9eb
}

.template-page .entry-content-wrapper h1,
.template-page .entry-content-wrapper h2 {
    text-transform: uppercase
}

.extra-mini-title {
    padding-bottom: 20px
}

.page-heading-container {
    position: relative;
    margin-bottom: 40px;
    padding: 0 0 44px 0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding-right: 50px
}

.fullsize .page-heading-container {
    padding-right: 0
}

.page-thumb img {
    border-radius: 3px
}

.template-page .template-blog .entry-content-wrapper h1,
.template-page .template-blog .entry-content-wrapper h2 {
    text-transform: none;
    color: #ff8c00;
    letter-spacing: 0
}

.content .entry-content-wrapper .entry-content-wrapper {
    padding-right: 0;
    padding-left: 0
}

.content .entry-content-wrapper .entry-content-wrapper .big-preview.single-big {
    padding: 0 0 10px 0
}

.template-search #searchform>div {
    max-width: 100%;
    margin-bottom: 0
}

#top .template-search.content .entry-content-wrapper {
    padding-bottom: 40px;
    padding-left: 55px;
    font-size: 13px;
    clear: both
}

.template-search .pagination {
    padding: 1px 50px 10px 55px
}

.template-search .entry-content-wrapper .post-title {
    font-size: 19px
}

#top .template-search .entry-content-wrapper .post-title a:hover {
    text-decoration: underline
}

.search-result-counter {
    position: absolute;
    left: 0;
    top: 1px;
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2);
    height: 44px;
    line-height: 24px;
    padding: 10px;
    text-align: center;
    border-radius: 100px;
    width: 44px
}

#top #search-fail {
    padding-left: 0
}

#top #search-fail #searchform {
    padding-bottom: 40px
}

.template-search .post-entry {
    position: relative;
    clear: both
}

.page-heading-container .author_description {
    overflow: hidden
}

.template-author .content .post .entry-content-wrapper {
    padding-bottom: 40px;
    font-size: 1em;
    line-height: 1.65em
}

.template-author .pagination {
    padding: 1px 50px 10px 0
}

.template-author .entry-content-wrapper .post-title {
    font-size: 19px
}

#top .template-author .entry-content-wrapper .post-title a:hover {
    text-decoration: underline
}

.author-extra-border {
    display: block;
    position: absolute;
    bottom: -1px;
    width: 600%;
    right: 0;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.fullsize .author-extra-border {
    right: auto;
    left: -100%
}

.template-author .post-entry {
    position: relative;
    clear: both
}

.template-archives .tab_inner_content li {
    width: 48%;
    float: left;
    clear: none;
    margin: 0 2% 0 0;
    list-style-position: inside
}

.template-archives .relThumWrap img,
.template-archives .relThumWrap span {
    width: 100%;
    text-decoration: none
}

.template-archives .relThumbTitle {
    display: block;
    clear: both
}

#top .fullsize .template-blog .tag-page-post-type-title {
    font-size: 50px;
    text-transform: uppercase
}

.archive .category-term-description:empty {
    display: none
}

.archive .category-term-description {
    margin-bottom: 25px
}

.widgettitle {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 1.1em
}

.widget {
    clear: both;
    position: relative;
    padding: 30px 0 30px 0;
    float: none
}

#footer .widget {
    padding: 0;
    margin: 30px 0 30px 0;
    overflow: hidden
}

#top .widget ul {
    padding: 0;
    margin: 0;
    width: 100%;
    float: left
}

#top #footer .widget ul {
    float: none
}

.widget li {
    clear: both
}

.widget ul ul li,
.widget ul ol li,
.widget ol ol li,
.widget ol ul li {
    margin-bottom: 0
}

#mc_embed_signup .clear {
    visibility: visible;
    overflow: visible;
    height: auto
}

#footer {
    padding: 15px 0 30px 0;
    z-index: 1
}

#socket .container {
    padding-top: 15px;
    padding-bottom: 15px
}

#socket {
    font-size: 11px;
    margin-top: -1px;
    z-index: 1
}

#socket .menu {
    margin-top: 6px
}

#socket .sub_menu_socket {
    float: right;
    margin: 0
}

#socket .sub_menu_socket div {
    overflow: hidden
}

#socket .sub_menu_socket li {
    float: left;
    display: block;
    padding: 0 10px;
    border-left-style: solid;
    border-left-width: 1px;
    line-height: 10px
}

#socket .sub_menu_socket li:first-child {
    border: none
}

#socket .sub_menu_socket li:last-child {
    padding-right: 0
}

#socket .copyright {
    float: left
}

#scroll-top-link {
    position: fixed;
    border-radius: 2px;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-decoration: none;
    text-align: center;
    opacity: 0;
    right: 50px;
    bottom: 50px;
    z-index: 1030;
    visibility: hidden
}

#av-cookie-consent-badge {
    position: fixed;
    border-radius: 2px;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-decoration: none;
    text-align: center;
    opacity: 0;
    right: 50px;
    bottom: 50px;
    z-index: 1030;
    visibility: hidden
}

#scroll-top-link.avia_pop_class,
#av-cookie-consent-badge.avia_pop_class {
    opacity: 0.7;
    visibility: visible
}

#socket .social_bookmarks {
    float: right;
    margin: -10px 0 0 30px;
    position: relative
}

#socket .social_bookmarks li {
    border-radius: 300px;
    border: none;
    overflow: hidden;
    top: 5px;
    position: relative
}

#socket .social_bookmarks li a {
    border-radius: 300px
}

#socket .avia-bullet,
#socket .avia-menu-fx {
    display: none
}

.small-preview,
.avia-post-nav .entry-info-wrap,
.avia-post-nav,
.avia-menu-fx,
.team-social,
.button,
.related-format-icon,
.avia-slideshow-controls a,
#top .social_bookmarks li a,
.fallback-post-type-icon,
#scroll-top-link,
#av-cookie-consent-badge,
.avia-slideshow-button {
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.main_menu a,
.pagination a {
    -webkit-transition: color 0.15s ease-out;
    transition: color 0.15s ease-out;
    -webkit-transition: background 0.15s ease-out;
    transition: background 0.15s ease-out
}

.avia_pop_class,
.avia-search-tooltip {
    -webkit-animation: avia_pop 0.3s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
    animation: avia_pop 0.3s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275)
}

a:hover .image-overlay .image-overlay-inside {
    -webkit-animation: avia_pop_small 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
    animation: avia_pop_small 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275)
}

@-webkit-keyframes avia_pop {
    0% {
        -webkit-transform: scale(0.8)
    }

    100% {
        -webkit-transform: scale(1)
    }
}

@keyframes avia_pop {
    0% {
        transform: scale(0.8)
    }

    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes avia_pop_small {
    0% {
        -webkit-transform: rotate(-175deg) scale(0.2)
    }

    100% {
        -webkit-transform: rotate(0deg) scale(1)
    }
}

@keyframes avia_pop_small {
    0% {
        transform: rotate(-175deg) scale(0.2)
    }

    100% {
        transform: rotate(0deg) scale(1)
    }
}

@-webkit-keyframes avia_pop_loader {
    0% {
        -webkit-transform: rotate(0deg) scale(0.2)
    }

    100% {
        -webkit-transform: rotate(720deg) scale(1)
    }
}

@keyframes avia_pop_loader {
    0% {
        transform: rotate(0deg) scale(0.2)
    }

    100% {
        transform: rotate(720deg) scale(1)
    }
}

@-webkit-keyframes avia_shrink {
    0% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    75% {
        opacity: 0.7
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes avia_shrink {
    0% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    75% {
        opacity: 0.7
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@-webkit-keyframes av-load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes av-load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@media only screen and (min-width:1140px) {}

@media only screen and (max-width:989px) {
    .responsive.html_header_sidebar #top #header {
        width: 27%
    }

    .responsive.html_header_left #main {
        margin-left: 27%
    }

    .responsive.html_header_right #main {
        margin-right: 27%
    }

    .responsive.html_header_sidebar #header .av-main-nav {
        padding: 4% 0
    }

    .responsive.html_header_sidebar #header .av-main-nav>li {
        margin: 0 10%
    }

    .responsive.html_header_sidebar #header .av-main-nav>li>a .avia-menu-text {
        font-size: 14px
    }

    .responsive.html_header_sidebar #header .av-main-nav>li>a .avia-menu-subtext {
        font-size: 11px
    }

    .responsive.html_header_sidebar #header .avia-custom-sidebar-widget-area .widget {
        padding: 10%
    }

    .responsive.html_header_sidebar .logo {
        padding: 10%
    }

    .responsive.html_mobile_menu_tablet #top .av_header_transparency.av_alternate_logo_active .logo a>img {
        opacity: 1
    }

    .responsive.html_mobile_menu_tablet #top .av_header_transparency .logo img.alternate {
        display: none
    }

    .responsive .av-frame {
        display: none
    }

    .responsive.html_av-framed-box {
        padding: 0
    }

    .responsive.html_header_top.html_header_sticky.html_av-framed-box #header_main,
    .responsive.html_header_top.html_header_sticky.html_av-framed-box #header_meta {
        margin: 0 auto
    }

    .responsive #top .avia-post-prev {
        left: 0px
    }

    .responsive #top .avia-post-next {
        right: 0px
    }

    .responsive.html_av-framed-box.html_av-overlay-side .av-burger-overlay-scroll {
        right: 0
    }

    .responsive .avia-cookie-consent .container {
        padding: 0
    }

    .responsive .avia-cookie-consent a.avia_cookie_infolink,
    .responsive .avia-cookie-consent p {
        display: block;
        margin-right: 0
    }

    .responsive .avia-cookie-consent-button {
        margin: 0.5em
    }

    .responsive .av-framed-box .avia-cookiemessage-top,
    .responsive .av-framed-box .avia-cookiemessage-bottom {
        width: 100% !important;
        left: 0 !important
    }

    .responsive .av-framed-box .avia-cookiemessage-bottom {
        bottom: 0 !important
    }

    .responsive .av-framed-box .avia-cookiemessage-top {
        top: 0 !important
    }

    .responsive .avia-cookiemessage-top-left,
    .responsive .avia-cookiemessage-bottom-left,
    .responsive .avia-cookiemessage-top-right,
    .responsive .avia-cookiemessage-bottom-right {
        width: 35%
    }
}

@media only screen and (min-width:768px) and (max-width:989px) {
    .responsive .main_menu ul:first-child>li>a {
        padding: 0 10px
    }

    .responsive #top .header_bg {
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .responsive #main .container_wrap:first-child {
        border-top: none
    }

    .responsive .logo {
        float: left
    }

    .responsive .logo img {
        margin: 0
    }

    .responsive.html_top_nav_header.html_mobile_menu_tablet #top .social_bookmarks {
        right: 50px
    }

    .responsive.html_top_nav_header.html_mobile_menu_tablet #top #wrap_all #main {
        padding-top: 0
    }

    .responsive.js_active .avia_combo_widget .top_tab .tab {
        font-size: 10px
    }

    .responsive.js_active .avia_combo_widget .news-thumb {
        display: none
    }

    .responsive #top #wrap_all .grid-sort-container .av_one_sixth {
        width: 33.3%;
        margin-bottom: 0
    }

    .responsive body.boxed#top,
    .responsive.html_boxed.html_header_sticky #top #header,
    .responsive.html_boxed.html_header_transparency #top #header {
        max-width: 100%
    }

    .responsive.html_header_top.html_header_sticky.html_bottom_nav_header.html_mobile_menu_tablet #main {
        padding-top: 88px
    }

    .responsive.html_header_top.html_header_sticky.html_bottom_nav_header.html_top_nav_header.html_mobile_menu_tablet #main {
        margin-top: 0
    }

    .responsive #top .av-hide-on-tablet {
        display: none !important
    }

    .responsive.html_mobile_menu_tablet .av-burger-menu-main {
        display: block
    }

    .responsive #top #wrap_all .av_mobile_menu_tablet .main_menu {
        top: 0;
        left: auto;
        right: 0;
        display: block
    }

    .responsive.html_logo_right #top #wrap_all .av_mobile_menu_tablet .main_menu {
        top: 0;
        left: 0;
        right: auto
    }

    .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item {
        display: none
    }

    .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special {
        display: block
    }

    .responsive #top #wrap_all .av_mobile_menu_tablet .menu-item-search-dropdown>a {
        font-size: 24px
    }

    .responsive #top .av_mobile_menu_tablet #header_main_alternate {
        display: none
    }

    .responsive.html_mobile_menu_tablet #top #wrap_all #header {
        position: relative;
        width: 100%;
        float: none;
        height: auto;
        margin: 0 !important;
        opacity: 1;
        min-height: 0
    }

    .responsive.html_mobile_menu_tablet #top #header #header_meta .social_bookmarks {
        display: none
    }

    .responsive.html_mobile_menu_tablet #top .av-logo-container .social_bookmarks {
        display: none
    }

    .responsive.html_mobile_menu_tablet #top .av-logo-container .main_menu .social_bookmarks {
        display: block;
        position: relative;
        margin-top: -15px;
        right: 0
    }

    .responsive.html_logo_center.html_bottom_nav_header .av_mobile_menu_tablet .avia-menu.av_menu_icon_beside {
        height: 100%
    }

    .responsive.html_mobile_menu_tablet #top #wrap_all .menu-item-search-dropdown>a {
        font-size: 24px
    }

    .responsive.html_mobile_menu_tablet #top #main .av-logo-container .main_menu {
        display: block
    }

    .responsive.html_mobile_menu_tablet.html_header_top.html_header_sticky #top #wrap_all #main {
        padding-top: 88px
    }

    .responsive.html_mobile_menu_tablet.html_header_top #top #main {
        padding-top: 0 !important;
        margin: 0
    }

    .responsive.html_mobile_menu_tablet.html_top_nav_header.html_header_sticky #top #wrap_all #main {
        padding-top: 0
    }

    .responsive.html_mobile_menu_tablet #top #header_main>.container .main_menu .av-main-nav>li>a,
    .responsive.html_mobile_menu_tablet #top #wrap_all .av-logo-container {
        height: 90px;
        line-height: 90px
    }

    .responsive.html_mobile_menu_tablet #top #header_main>.container .main_menu .av-main-nav>li>a {
        min-width: 0;
        padding: 0 0 0 20px;
        margin: 0;
        border-style: none;
        border-width: 0
    }

    .responsive.html_mobile_menu_tablet #top .av_seperator_big_border .avia-menu.av_menu_icon_beside {
        border-right-style: solid;
        border-right-width: 1px;
        padding-right: 25px
    }

    .responsive.html_mobile_menu_tablet #top #header .av-main-nav>li>a,
    .responsive #top #header .av-main-nav>li>a:hover {
        background: transparent;
        color: inherit
    }

    .responsive.html_mobile_menu_tablet.html_top_nav_header .av-logo-container .inner-container {
        overflow: visible
    }
}

@media only screen and (max-width:767px) {
    .responsive .template-archives .tab_inner_content li {
        width: 98%
    }

    .responsive .template-blog .blog-meta,
    .responsive .post_author_timeline,
    .responsive #top #main .sidebar {
        display: none
    }

    .responsive #top #main .sidebar.smartphones_sidebar_active {
        display: block;
        text-align: left;
        border-left: none;
        border-right: none;
        border-top-style: dashed;
        border-top-width: 1px;
        width: 100%;
        clear: both
    }

    .responsive #top #main .sidebar.smartphones_sidebar_active .inner_sidebar {
        margin: 0
    }

    .responsive .content .entry-content-wrapper {
        padding: 0
    }

    .responsive .content {
        border: none
    }

    .responsive .template-blog .post_delimiter {
        margin: 0 0 30px 0;
        padding: 30px 0 0 0
    }

    .responsive .big-preview {
        padding: 0 0 10px 0
    }

    .responsive .related_posts {
        padding: 20px 0
    }

    .responsive .comment_content {
        padding-right: 0;
        padding-left: 0
    }

    .responsive .fullsize div .template-blog .entry-content-wrapper {
        text-align: left;
        font-size: 14px;
        line-height: 24px
    }

    .responsive #top .fullsize .template-blog .post .entry-content-wrapper>* {
        max-width: 100%
    }

    .responsive #top .avia-post-nav {
        display: none
    }

    .responsive #top .av-related-style-full .no_margin.av_one_half.relThumb {
        display: block;
        width: 100%;
        clear: both
    }

    .responsive .title_container .breadcrumb {
        left: -2px
    }

    .responsive .title_container .main-title+.breadcrumb {
        position: relative;
        right: auto;
        top: -6px;
        margin: 0;
        left: -2px
    }

    .responsive .pagination {
        padding-left: 0;
        padding-right: 0
    }

    .responsive #top .av-hide-on-mobile,
    .responsive #top .av-hide-on-tablet {
        display: none !important
    }

    .responsive #top .av_header_transparency.av_alternate_logo_active .logo a>img {
        opacity: 1
    }

    .responsive #top .av_header_transparency .logo img.alternate {
        display: none
    }

    .responsive #top #wrap_all #header {
        position: relative;
        width: 100%;
        float: none;
        height: auto;
        margin: 0 !important;
        opacity: 1;
        min-height: 0
    }

    .responsive #top #main {
        padding-top: 0 !important;
        margin: 0
    }

    .responsive #top #main .container_wrap:first-child {
        border-top: none
    }

    .responsive.html_header_top.html_logo_center .logo {
        left: 0%;
        -webkit-transform: translate(0%, 0);
        -ms-transform: translate(0%, 0);
        transform: translate(0%, 0);
        margin: 0
    }

    .responsive .phone-info {
        float: none;
        width: 100%;
        clear: both;
        text-align: center
    }

    .responsive .phone-info span {
        margin: 0;
        padding: 0;
        border: none
    }

    .responsive.html_header_top #header_main .social_bookmarks,
    .responsive.html_top_nav_header #top .social_bookmarks {
        width: auto;
        margin-top: -16px
    }

    .responsive #top .logo {
        position: static;
        display: table;
        height: 80px !important;
        float: none;
        padding: 0;
        border: none;
        width: 80%
    }

    .responsive .logo a {
        display: table-cell;
        vertical-align: middle
    }

    .responsive .logo img {
        height: auto !important;
        width: auto;
        max-width: 100%;
        display: block;
        max-height: 80px
    }

    .responsive #header_main .container {
        height: auto !important
    }

    .responsive #top .header_bg {
        opacity: 1;
        filter: alpha(opacity=1)
    }

    .responsive.social_header .phone-info {
        text-align: center;
        float: none;
        clear: both;
        margin: 0;
        padding: 0
    }

    .responsive.social_header .phone-info span {
        border: none;
        width: 100%;
        text-align: center;
        float: none;
        clear: both;
        margin: 0;
        padding: 0
    }

    .responsive #header_meta .social_bookmarks li {
        border-style: solid;
        border-width: 1px;
        margin-bottom: -1px;
        margin-left: -1px
    }

    .responsive #top #header_meta .social_bookmarks li:last-child {
        border-right-style: solid;
        border-right-width: 1px
    }

    .responsive #header .sub_menu,
    .responsive #header_meta .sub_menu>ul {
        float: none;
        width: 100%;
        text-align: center;
        margin: 0 auto;
        position: static
    }

    .responsive #header .social_bookmarks {
        padding-bottom: 2px;
        width: 100%;
        text-align: center;
        height: auto;
        line-height: 0.8em;
        margin: 0
    }

    .responsive #header_meta .sub_menu>ul>li {
        float: none;
        display: inline-block;
        padding: 0 10px
    }

    .responsive #header .social_bookmarks li {
        float: none;
        display: inline-block
    }

    .responsive.bottom_nav_header #header_main .social_bookmarks {
        position: relative;
        top: 0;
        right: 0;
        margin: 10px auto;
        clear: both
    }

    .responsive.bottom_nav_header.social_header .main_menu>div {
        height: auto
    }

    .responsive .logo img {
        margin: 0
    }

    .responsive.html_header_sidebar #top #header .social_bookmarks {
        display: none
    }

    .responsive body.boxed#top,
    .responsive.html_boxed.html_header_sticky #top #header {
        max-width: 100%
    }

    .responsive.html_header_transparency #top .avia-builder-el-0 .container,
    .responsive.html_header_transparency #top .avia-builder-el-0 .slideshow_inner_caption {
        padding-top: 0
    }

    .responsive #top .av_phone_active_right .phone-info.with_nav span {
        border: none
    }

    .responsive #top #wrap_all .av_header_transparency .main_menu ul:first-child>li>a,
    .responsive #top #wrap_all .av_header_transparency .sub_menu>ul>li>a,
    .responsive #top .av_header_transparency #header_main_alternate,
    .responsive .av_header_transparency #header_main .social_bookmarks li a,
    .responsive #top #wrap_all .av_header_transparency .phone-info.with_nav span,
    .responsive #top .av_header_transparency #header_meta,
    .responsive #top .av_header_transparency #header_meta li,
    .responsive #top #header_meta .social_bookmarks li a {
        color: inherit;
        border-color: inherit;
        background: inherit
    }

    .responsive.html_top_nav_header .av-logo-container {
        height: auto
    }

    .responsive.html_top_nav_header .av-section-bottom-logo {
        border-bottom-style: solid;
        border-bottom-width: 1px
    }

    .responsive .av-burger-menu-main {
        display: block
    }

    .responsive #top #wrap_all .main_menu {
        top: 0;
        height: 80px;
        left: auto;
        right: 0;
        display: block;
        position: absolute
    }

    .responsive .main_menu ul:first-child>li a {
        height: 80px;
        line-height: 80px
    }

    .responsive #top .av-main-nav .menu-item {
        display: none
    }

    .responsive #top .av-main-nav .menu-item-avia-special {
        display: block
    }

    .responsive #top #wrap_all .menu-item-search-dropdown>a {
        font-size: 24px
    }

    .responsive #header_main_alternate {
        display: none
    }

    .responsive #top #header .social_bookmarks {
        display: none
    }

    .responsive #top #header .main_menu .social_bookmarks {
        display: block;
        position: relative;
        margin-top: -15px
    }

    .responsive #top .av-logo-container .avia-menu {
        height: 100%
    }

    .responsive #top .av-logo-container .avia-menu>li>a {
        line-height: 80px
    }

    .responsive #top #main .av-logo-container .main_menu {
        display: block
    }

    .responsive #top #main .av-logo-container .social_bookmarks {
        display: none
    }

    .responsive #top #main .av-logo-container .main_menu .social_bookmarks {
        display: block;
        position: relative
    }

    .responsive #top #main .av-logo-container .main_menu {
        display: block
    }

    .responsive #top #header_main>.container .main_menu .av-main-nav>li>a,
    .responsive #top #wrap_all .av-logo-container {
        height: 80px;
        line-height: 80px
    }

    .responsive #top #wrap_all .av-logo-container {
        padding: 0
    }

    .responsive #top #header_main>.container .main_menu .av-main-nav>li>a {
        min-width: 0;
        padding: 0 0 0 20px;
        margin: 0;
        border-style: none;
        border-width: 0
    }

    .responsive #top .av_seperator_big_border .avia-menu.av_menu_icon_beside {
        border-right-style: solid;
        border-right-width: 1px;
        padding-right: 25px
    }

    .responsive #top #header .av-main-nav>li>a,
    .responsive #top #header .av-main-nav>li>a:hover {
        background: transparent;
        color: inherit
    }

    .responsive.html_top_nav_header .av-logo-container .inner-container {
        overflow: visible
    }

    .responsive #top .related_entries_container .av_one_eighth {
        width: 25%
    }

    .responsive #top .relThumb5 {
        clear: both
    }

    .responsive.html_header_transparency #top .avia-builder-el-0 .container {
        padding-top: 0px
    }

    .responsive.html_header_sidebar #header .avia-custom-sidebar-widget-area {
        display: none
    }

    .responsive.html_header_sidebar #main {
        border: none
    }

    .responsive.js_active #top .avia_combo_widget .top_tab .tab {
        border-top: 1px solid;
        border-bottom: none;
        width: 100%
    }

    .responsive.js_active #top .avia_combo_widget .news-wrap li {
        padding: 5px
    }

    .tagcloud a {
        padding: 8px 20px;
        margin: 0 8px 8px 0
    }

    .widget li {
        line-height: 1.8em;
        font-size: 15px
    }

    .responsive #scroll-top-link {
        display: none
    }

    .responsive #socket .sub_menu_socket {
        display: block;
        float: none;
        width: 100%;
        clear: both;
        margin: 0 0 0 -15px
    }

    body.responsive.admin-bar .avia-cookiemessage-top,
    body.responsive.admin-bar .avia-cookiemessage-top-left,
    body.responsive.admin-bar .avia-cookiemessage-top-right {
        margin-top: 46px
    }

    .responsive .avia-cookiemessage-top-left,
    .responsive .avia-cookiemessage-bottom-left,
    .responsive .avia-cookiemessage-top-right,
    .responsive .avia-cookiemessage-bottom-right {
        width: 55%
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .responsive #top #wrap_all .grid-sort-container.grid-total-odd .grid-entry.grid-loop-1 {
        width: 100%
    }

    .responsive #top #wrap_all .grid-sort-container .grid-entry {
        width: 50%;
        margin-bottom: 0
    }

    .responsive #top #wrap_all .portfolio-parity-odd {
        clear: both
    }
}

@media only screen and (max-width:479px) {
    .responsive #top .related_entries_container .av_one_eighth {
        width: 50%
    }

    .responsive #top .related_entries_container .av_one_eighth:nth-child(odd) {
        clear: both
    }

    .responsive.html_header_top #header_main .social_bookmarks,
    .responsive.html_top_nav_header .social_bookmarks {
        display: none
    }

    .responsive .avia-menu.av_menu_icon_beside {
        padding: 0;
        margin: 0;
        border: none
    }

    .responsive #top #wrap_all #header .social_bookmarks,
    .responsive #top #wrap_all #main .av-logo-container .social_bookmarks {
        display: none
    }

    .responsive #top .av_seperator_big_border .avia-menu.av_menu_icon_beside {
        margin-right: 0;
        padding-right: 0;
        border: none
    }

    .responsive .avia-cookiemessage-top-left,
    .responsive .avia-cookiemessage-bottom-left,
    .responsive .avia-cookiemessage-top-right,
    .responsive .avia-cookiemessage-bottom-right {
        width: 85% !important;
        left: 7.5% !important;
        right: 7.5% !important
    }
}

.template-blog .blog-meta {
    float: left;
    margin-right: 50px
}

.multi-big .post_author_timeline,
.single-small .post_author_timeline {
    position: absolute;
    top: 0;
    left: 40px;
    width: 1px;
    height: 100%;
    border-right-width: 1px;
    border-right-style: dashed
}

.single-post .post_author_timeline {
    display: none
}

.sidebar_left .template-blog .blog-meta {
    float: right;
    margin-left: 50px;
    margin-right: 0
}

.sidebar_left .multi-big .post_author_timeline,
.sidebar_left .single-small .post_author_timeline {
    left: auto;
    right: 40px
}

.sidebar_left .big-preview {
    padding: 0 131px 10px 0
}

div .single-big .pagination {
    padding: 1px 50px 10px 1px
}

.sidebar_left .author-extra-border {
    right: auto;
    left: -50px
}

#top .fullsize .template-blog .post-title {
    text-align: center;
    font-size: 1.875rem;
    padding: 15px 0;
    max-width: 800px;
    margin: 0 auto
}

#top.single-post .fullsize .template-blog .post_delimiter {
    visibility: hidden
}

#top .fullsize .template-blog .post-meta-infos {
    text-align: center
}

#top .fullsize .template-blog .post .entry-content-wrapper {
    text-align: justify;
    font-size: 1.15em;
    line-height: 1.7em;
    max-width: 800px;
    margin: 0 auto;
    overflow: visible
}

#top .fullsize .template-blog .post .entry-content-wrapper>* {
    max-width: 40em;
    margin-left: auto;
    margin-right: auto
}

#top .fullsize .template-blog .post_delimiter {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    width: 3000px;
    left: -1500px;
    position: relative;
    max-width: 3000px
}

#top .fullsize .template-blog .post_author_timeline {
    display: none
}

#top .fullsize .template-blog .blog-meta {
    float: none;
    margin: 0 auto;
    display: block;
    position: relative;
    width: 81px;
    overflow: hidden;
    text-align: center;
    z-index: 1000
}

#top .av-alb-blogposts.template-blog div.post_delimiter {
    width: 100%;
    left: 0;
    position: relative
}

#top .fullsize .related_entries_container img {
    margin: 0 auto
}

#top .fullsize .related_title {
    text-align: center
}

#top .fullsize .related_posts {
    padding: 23px 0 33px 0
}

#top .fullsize .template-blog .big-preview {
    padding: 0 0 10px 0
}

#top .fullsize .template-blog .first-quote {
    margin-top: 15px
}

#top .fullsize .template-blog .big-preview.multi-big {
    margin-bottom: 15px;
    padding: 0;
    width: 100%
}

#top .fullsize .template-blog .big-preview.multi-big a,
.fullsize div .template-blog .big-preview.multi-big a img {
    width: 100%
}

#top .fullsize .template-blog .big-preview img {
    width: 100%
}

.fullsize .big-preview .avia-gallery {
    width: 40em;
    max-width: 100%;
    margin: 0 auto
}

.fullsize .comment_content {
    padding-right: 0
}

.fullsize .blog-tags {
    display: block
}

#top .fullsize .flex_column .template-blog .post-title,
#top .fullsize .flex_column .template-blog .post-meta-infos {
    text-align: left
}

#top .fullsize .flex_column .big-preview .avia-gallery {
    width: 100%
}

#top .fullsize .flex_column .template-blog .post .entry-content-wrapper>* {
    max-width: 100%
}

.html_header_sidebar #top .fullsize .template-blog .multi-big .post-title,
.html_header_sidebar #top .fullsize .template-blog .single-big .post-title {
    max-width: none;
    text-align: left
}

.html_header_sidebar #top .fullsize .template-blog .multi-big .post-meta-infos,
.html_header_sidebar #top .fullsize .template-blog .single-big .post-meta-infos {
    text-align: left
}

.html_header_sidebar #top .fullsize .template-blog .post .entry-content-wrapper {
    max-width: none
}

.html_header_sidebar #top .fullsize .template-blog .post .entry-content-wrapper>* {
    max-width: none
}

.post-meta-infos {
    font-size: 0.9em;
    position: relative;
    top: -8px;
    display: block
}

.post-meta-infos a {
    text-decoration: none
}

.post-meta-infos a:hover {
    text-decoration: underline
}

.text-sep {
    padding: 0 5px
}

.more-link {
    clear: both;
    display: inline-block
}

.big-preview {
    display: block;
    padding: 0 50px 10px 131px
}

.template-page .big-preview {
    display: block;
    padding: 0 0 10px 131px;
    text-align: center
}

.big-preview a {
    display: block;
    position: relative;
    overflow: hidden
}

.big-preview.single-big {
    padding: 0 50px 10px 0
}

.entry-content-wrapper .big-preview.single-big {
    padding: 0 0px 10px 0
}

.fullsize .big-preview.single-big {
    padding: 0 0 10px 0
}

.post-loop-1 .big-preview {
    position: relative;
    z-index: 4
}

.small-preview {
    width: 81px;
    height: 81px;
    overflow: hidden;
    border-radius: 4px;
    float: left;
    margin: 6px 0 0 0;
    position: relative;
    text-align: center;
    line-height: 81px;
    position: relative;
    z-index: 4;
    display: block
}

.small-preview img,
.big-preview img {
    display: block;
    border-radius: 4px;
    position: relative;
    z-index: 4;
    width: 100%
}

.single-post .single-small.with-slider .small-preview {
    width: 180px;
    height: 180px
}

.single-post .single-small.with-slider .post_author_timeline {
    display: none
}

#top.single-post .fullsize .single-small.with-slider .blog-meta {
    width: 180px
}

.archive .av-content-full>.extra-mini-title {
    text-align: center
}

.archive .av-content-full .author-box {
    text-align: center
}

.av-content-full>.related_posts {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    float: none;
    clear: both
}

.av-content-full>.comment-entry {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    float: none;
    clear: both
}

.template-blog .pagination {
    padding: 1px 50px 10px 24px
}

.related_posts {
    position: relative;
    clear: both;
    width: 100%;
    float: left;
    border-top-style: solid;
    border-top-width: 1px;
    padding: 23px 50px 33px 0;
    margin-bottom: 30px
}

.related_posts:hover {
    z-index: 9999
}

.related_title {
    margin-bottom: 20px
}

.related_column {
    float: left;
    padding-right: 3px
}

.related_posts img,
.related_posts a {
    display: block;
    border-radius: 2px;
    overflow: hidden;
    max-width: 100%;
    margin: 0 auto
}

.related_posts_default_image {
    border-width: 1px;
    border-style: solid;
    display: block;
    float: left;
    border-radius: 2px;
    min-height: 60px;
    min-width: 100%;
    max-width: 100%
}

.related_posts_default_image img {
    visibility: hidden
}

.relThumb {
    text-align: center
}

.related_posts .av-related-title {
    display: none
}

.related_image_wrap {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    -webkit-backface-visibility: hidden
}

.avia-related-tooltip {
    position: absolute;
    z-index: 9999999;
    padding: 0;
    width: 200px;
    border-radius: 2px;
    box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.1);
    border-width: 1px;
    border-style: solid;
    padding: 15px;
    margin-top: -10px
}

.avia-related-tooltip .avia-arrow-wrap {
    top: auto;
    bottom: 0;
    position: absolute;
    left: 50%
}

.avia-related-tooltip .avia-arrow-wrap .avia-arrow {
    border-top: none;
    border-left: none;
    top: -4px
}

.related-format-icon {
    position: absolute;
    text-align: center;
    top: 1px;
    left: 1px;
    bottom: 1px;
    right: 1px;
    opacity: 0;
    filter: alpha(opacity=0)
}

.related-format-icon-inner {
    position: absolute;
    height: 30px;
    font-size: 30px;
    line-height: 30px;
    top: 50%;
    margin-top: -15px;
    left: 0;
    width: 100%
}

.related-format-icon:hover {
    opacity: 0.8;
    filter: alpha(opacity=80)
}

.related-format-visible {
    opacity: 0.5;
    filter: alpha(opacity=50)
}

.sidebar_left .related_posts_sep {
    right: auto;
    left: 0
}

.single-big+.related_posts.av-related-style-full {
    border-top: none;
    padding-top: 0
}

.related_posts.av-related-style-full a {
    margin: 2px 0;
    padding: 6px;
    border-radius: 3px;
    display: table;
    width: 100%;
    text-decoration: none;
    text-align: left;
    border: 1px solid transparent;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.related_posts.av-related-style-full a:hover {
    border-width: 1px;
    border-style: solid
}

.av-related-style-full .related-format-visible {
    opacity: 1;
    filter: alpha(opacity=100)
}

#top .av-related-style-full .related_column {
    width: 50%
}

#top .av-related-style-full .relThumb {
    text-align: left
}

#top .av-related-style-full .related-format-icon {
    width: 58px;
    height: 58px;
    bottom: auto;
    right: auto;
    border-radius: 100px
}

#top .av-related-style-full .related_image_wrap {
    display: table-cell;
    float: none;
    background-color: transparent
}

#top .av-related-style-full .related_image_wrap,
#top .av-related-style-full .related_image_wrap img,
#top .av-related-style-full .related_image_wrap .related_posts_default_image {
    width: 60px;
    height: 60px;
    border-radius: 100px
}

#top .av-related-style-full .av-related-title {
    text-decoration: none;
    display: table-cell;
    vertical-align: middle;
    padding: 5px 15px;
    line-height: 1.2em
}

.responsive .av-related-style-full .relThumb1,
.responsive .av-related-style-full .relThumb3,
.responsive .av-related-style-full .relThumb5 {
    clear: both
}

.avia-post-format-image img {
    border-radius: 3px
}

.avia-post-format-image {
    margin-bottom: 10px
}

.entry-content-wrapper.gallery-content .avia-gallery {
    margin-bottom: 10px
}

#top #wrap_all .big-preview+.big-preview {
    position: relative;
    top: -60px;
    background: transparent;
    margin: 0 20px -40px 20px;
    z-index: 550;
    width: auto
}

#top #wrap_all .big-preview.multi-big+.big-preview.multi-big {
    margin: 0 20px -30px 20px
}

.flex_column .template-blog .post .entry-content-wrapper {}

#top .flex_column .template-blog .post-title {
    font-size: 1.25rem
}

.flex_column .template-blog .post_delimiter {
    margin: 0 0 20px 0;
    padding: 20px 0 0 0
}

.flex_column .template-blog .single-big .pagination {
    padding: 1px 0 10px 0
}

.flex_column .template-blog .big-preview.single-big {
    padding: 0 0 10px 0
}

.flex_column .template-blog .post-meta-infos {
    margin-bottom: -13px
}

.html_elegant-blog #top .post-entry .post-title,
.html_elegant-blog .avia-content-slider .slide-entry-title {
    text-align: center;
    font-size: 1.25rem;
    text-transform: uppercase;
    padding: 0px 0 15px;
    letter-spacing: 0.06em;
    line-height: 1.3em;
    margin-bottom: 10px
}

.html_elegant-blog #top .post-entry .post-title:hover,
.html_elegant-blog .avia-content-slider .slide-entry-title:hover {
    opacity: 0.7
}

.html_elegant-blog #top .post-entry .post-meta-infos,
.html_elegant-blog .avia-content-slider .slide-meta {
    display: block;
    text-align: center;
    padding: 10px 0;
    border-top-width: 1px;
    border-top-style: solid;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    margin-top: 40px;
    width: 100%;
    clear: both;
    float: left
}

.html_elegant-blog #top .post-entry .blog-categories {
    text-align: center;
    display: block;
    font-weight: bold;
    position: relative
}

.html_elegant-blog #top .post-entry .minor-meta {
    text-transform: uppercase
}

.html_elegant-blog .post-entry .post-meta-infos .text-sep,
.html_elegant-blog .post-entry .slide-meta .slide-meta-del {
    border-left-width: 1px;
    border-left-style: solid;
    padding: 0;
    display: inline-block;
    margin: 0 10px;
    text-indent: -126px;
    overflow: hidden;
    vertical-align: bottom
}

.html_elegant-blog .av-vertical-delimiter {
    display: block;
    margin: 0 auto;
    width: 40px;
    border-top-width: 3px;
    border-top-style: solid;
    padding-bottom: 16px
}

.html_elegant-blog .entry-content-wrapper .big-preview.single-big {
    margin-top: 20px
}

.html_elegant-blog .more-link {
    display: block;
    text-align: center;
    margin: 30px auto 20px auto;
    clear: both;
    width: 250px;
    border: none;
    border-style: solid;
    border-width: 1px;
    padding: 10px 0;
    border-radius: 2px
}

.html_elegant-blog .more-link:hover {
    text-decoration: none
}

.more-link-arrow:after {
    content: "\E87d";
    font-family: 'entypo-fontello';
    font-size: 10px;
    vertical-align: middle;
    padding: 0 8px
}

.html_elegant-blog .more-link-arrow {
    display: none
}

.html_elegant-blog .multi-big .post_author_timeline,
.html_elegant-blog .single-small .post_author_timeline {
    border-right-style: solid
}

.html_elegant-blog .blog-tags.minor-meta,
.html_elegant-blog .av-share-link-description,
.html_elegant-blog .related_title {
    display: block;
    text-align: center
}

.html_elegant-blog #top .big-preview {
    padding-left: 0;
    padding-right: 0
}

.html_elegant-blog .avia-content-slider .slide-entry-title {
    padding-top: 15px;
    font-size: 1.2rem
}

.html_elegant-blog #top .avia-content-slider .blog-categories {
    top: 15px
}

.html_elegant-blog .avia-content-slider .read-more-link {
    position: relative;
    top: 18px;
    padding-bottom: 10px
}

.html_elegant-blog .avia-content-slider .av-vertical-delimiter {
    position: relative;
    top: -5px
}

.html_elegant-blog .template-blog .post_delimiter {
    margin: 0 0 20px 0;
    padding: 20px 0 0 0
}

.html_elegant-blog .av-share-box {
    margin-bottom: 0
}

.html_elegant-blog .template-author .extra-mini-title {
    display: none
}

.html_elegant-blog #top .template-search .post-title {
    text-align: left
}

.html_elegant-blog #top .template-search .blog-categories {
    display: none
}

.html_elegant-blog #top .template-search .entry-content-wrapper .post-title a:hover {
    text-decoration: none
}

.html_elegant-blog #top .template-search .post-entry .post-meta-infos {
    margin-top: -20px;
    text-align: left;
    border: none
}

.html_modern-blog #top .post-entry .post-title,
.html_modern-blog .avia-content-slider .slide-entry-title {
    font-size: 1.2rem;
    text-align: center;
    letter-spacing: 0.06em
}

.html_modern-blog #top .post-entry .blog-categories {
    text-align: center;
    font-weight: normal;
    font-size: 0.8em;
    top: -25px
}

.html_modern-blog .av-vertical-delimiter {
    margin: 0
}

.html_modern-blog #top .post-entry .post-meta-infos,
.html_modern-blog .avia-content-slider .slide-meta {
    text-align: center;
    border: none;
    margin-top: 15px;
    font-size: 0.9em
}

.html_modern-blog .av-vertical-delimiter {
    display: none
}

.html_modern-blog .post-entry .post-meta-infos .text-sep,
.html_modern-blog .post-entry .slide-meta .slide-meta-del {
    border: none;
    text-indent: 0;
    opacity: 0.3
}

.html_modern-blog .more-link {
    margin: 30px 0 20px 0;
    display: inline;
    border: none;
    position: relative;
    top: -0.3em
}

.html_modern-blog .more-link .more-link-arrow {
    display: inline
}

.html_modern-blog .blog-tags.minor-meta,
.html_modern-blog .av-share-link-description,
.html_modern-blog .related_title {
    text-align: center
}

.html_modern-blog #top .template-page .big-preview {
    margin-top: 0
}

#top .av-blog-meta-author-disabled .minor-meta.blog-author {
    display: none
}

#top .av-blog-meta-comments-disabled .minor-meta.comment-container,
#top .av-blog-meta-comments-disabled .text-sep-comment {
    display: none
}

#top .av-blog-meta-category-disabled .minor-meta.blog-categories,
#top .av-blog-meta-category-disabled .text-sep-cat {
    display: none
}

#top .av-blog-meta-date-disabled .minor-meta.date-container,
#top .av-blog-meta-date-disabled .text-sep-date {
    display: none
}

#top .av-blog-meta-html-info-disabled .form-allowed-tags {
    display: none
}

#top .av-blog-meta-tag-disabled .blog-tags {
    display: none
}

#top .fullsize .template-blog.av_force_fullwidth.template-blog .post .entry-content-wrapper>*,
#top .fullsize .template-blog.av_force_fullwidth .post .entry-content-wrapper {
    max-width: 100%
}

#top .fullsize .template-blog.av_force_fullwidth .post-title {
    max-width: 100%;
    padding-top: 0;
    padding-bottom: 0
}

.bloglist-simple .read-more-link {
    display: block;
    position: absolute;
    right: 50px;
    top: 50%;
    transform: translateY(-50%)
}

.av_force_fullwidth .bloglist-simple .read-more-link {
    right: 0
}

.bloglist-simple .more-link {
    padding: 0;
    margin: 0;
    font-size: 0;
    line-height: 0;
    top: auto;
    width: 30px;
    height: 30px;
    display: block;
    border-width: 2px;
    border-style: solid;
    border-radius: 100%;
    text-decoration: none
}

.bloglist-simple .more-link:hover {
    text-decoration: none
}

.bloglist-simple .more-link-arrow {
    width: 100%;
    height: 100%;
    display: block
}

.bloglist-simple .more-link-arrow:after {
    font-size: 10px;
    line-height: 26px;
    display: block;
    padding: 0;
    text-align: center
}

.bloglist-simple .read-more-link:hover {
    opacity: 1
}

.template-blog .bloglist-simple .post_delimiter {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    margin: 0;
    padding: 0;
    clear: both
}

#top .fullsize .template-blog .bloglist-simple:last-of-type .post_delimiter {
    border-bottom-width: 0
}

.bloglist-simple.post-entry {
    float: none
}

.bloglist-simple .entry-content-header {
    padding: 25px 60px 25px 0
}

.av_force_fullwidth .bloglist-simple .entry-content-header {
    padding: 25px 0 25px 0
}

#top .fullsize .template-blog .bloglist-simple .post-title,
.bloglist-simple .entry-content-wrapper .post-title {
    font-size: 1.125rem;
    margin-bottom: 0.1em;
    text-align: center
}

#top .fullsize .template-blog .bloglist-simple .post-meta-infos,
.bloglist-simple .post-meta-infos {
    top: auto;
    position: static;
    text-align: center;
    margin-bottom: 0
}

.bloglist-simple .pagination {
    padding: 20px 50px 10px 0
}

.av_force_fullwidth .bloglist-simple .pagination {
    padding-right: 0
}

@media only screen and (max-width:767px) {
    .bloglist-simple .read-more-link {
        right: 0
    }
}

.html_elegant-blog #top .bloglist-simple .entry-content-header {
    padding: 0
}

.html_elegant-blog #top .bloglist-simple.post-entry {
    padding-top: 20px;
    padding-bottom: 20px
}

.html_elegant-blog #top .bloglist-simple.post-entry .post-title,
.html_elegant-blog .avia-content-slider .bloglist-simple .slide-entry-title {
    text-align: center;
    font-size: 1.25rem;
    margin-bottom: 0
}

.html_elegant-blog #top .bloglist-simple.post-entry .blog-categories {
    text-align: center
}

.html_elegant-blog #top .bloglist-simple.post-entry .post-meta-infos,
.html_elegant-blog .avia-content-slider .bloglist-simple .slide-meta {
    text-align: center;
    margin-top: 0;
    padding-right: 60px;
    position: relative
}

.html_elegant-blog .template-blog .bloglist-simple .post_delimiter {
    margin: 0;
    padding: 0
}

.html_elegant-blog .read-more-link {
    right: 0
}

.html_elegant-blog .template-blog .bloglist-simple .post_delimiter {
    display: none
}

.html_modern-blog #top .post-entry.bloglist-simple {
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.html_modern-blog #top .post-entry.bloglist-simple .blog-categories {
    top: auto;
    font-size: 0.9em
}

.html_modern-blog #top .bloglist-simple.post-entry .post-meta-infos,
.html_modern-blog .avia-content-slider .bloglist-simple .slide-meta {
    font-size: 0.8em;
    padding-bottom: 0
}

.bloglist-compact.post-entry {
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    padding: 15px 0;
    float: none
}

.bloglist-compact.post-entry:last-of-type {
    border-bottom-width: 0
}

.main_color .bloglist-compact .fallback-post-type-icon {
    position: relative;
    top: auto;
    left: auto;
    margin: 0 0.5em 0 0;
    background: transparent;
    color: inherit;
    line-height: normal;
    font-size: 1.3rem;
    text-align: center;
    height: auto
}

#top .fullsize .template-blog .bloglist-compact .post-title,
.bloglist-compact .post-title {
    display: inline;
    font-size: 1rem;
    font-weight: normal
}

.bloglist-compact .post_delimiter {
    display: none
}

.bloglist-compact .pagination {
    margin-top: 2em;
    padding: 20px 50px 10px 0
}

.av_force_fullwidth .bloglist-compact .pagination {
    padding-right: 0
}

.html_elegant-blog #top .post-entry.bloglist-compact .post-title,
.html_elegant-blog .avia-content-slider .bloglist-compact .slide-entry-title {
    display: inline;
    font-size: 1rem
}

.bloglist-excerpt .read-more-link {
    text-align: center;
    position: relative;
    margin-top: 40px
}

.bloglist-excerpt .read-more-link:after {
    content: "";
    height: 1px;
    border-top-style: solid;
    border-top-width: 1px;
    border-color: inherit;
    display: block;
    width: 100%;
    left: 0;
    top: 50%;
    position: absolute;
    z-index: 1
}

.bloglist-excerpt .more-link {
    display: inline-block;
    border-width: 1px;
    border-style: solid;
    border-radius: 100px;
    padding: 0 20px;
    text-transform: uppercase;
    font-size: 0.8em;
    font-weight: bold;
    position: relative;
    z-index: 2;
    background-color: #ffffff;
    color: inherit;
    line-height: 2.1em;
    font-size: 0.75em
}

.bloglist-excerpt .more-link:hover {
    text-decoration: none
}

.bloglist-excerpt .more-link-arrow {
    display: none
}

.template-blog .bloglist-excerpt .post_delimiter {
    margin: 0 0 20px 0;
    padding: 20px 0 0 0;
    border-color: transparent
}

.bloglist-excerpt .pagination {
    padding: 20px 50px 10px 0
}

.av_force_fullwidth .bloglist-excerpt .pagination {
    padding-right: 0
}

#top .fullsize .template-blog .bloglist-excerpt .post-title,
.bloglist-excerpt .post-title {
    text-align: center
}

#top .fullsize .template-blog .bloglist-excerpt .post-meta-infos {
    text-align: center;
    margin-bottom: 0;
    top: auto
}

#top .fullsize .template-blog .bloglist-excerpt .post_delimiter {
    border-bottom-width: 0
}

.html_elegant-blog #top .bloglist-excerpt.post-entry .post-title,
.html_elegant-blog .avia-content-slider .bloglist-excerpt .slide-entry-title {
    text-align: center;
    margin-bottom: 0;
    font-size: 1.25rem
}

.html_elegant-blog #top .bloglist-excerpt.post-entry .post-meta-infos,
.html_elegant-blog .avia-content-slider .bloglist-excerpt .slide-meta {
    text-align: center;
    margin-top: 1em;
    margin-bottom: 1em
}

.html_elegant-blog .bloglist-excerpt .more-link {
    margin: 0;
    border-color: inherit;
    color: inherit
}

.html_elegant-blog .bloglist-excerpt .more-link:hover {
    color: initial
}

.html_modern-blog #top .bloglist-excerpt.post-entry .post-meta-infos,
.html_modern-blog .avia-content-slider .bloglist-excerpt .slide-meta {
    text-align: center;
    margin: 0
}

.html_modern-blog .bloglist-excerpt .more-link .more-link-arrow {
    display: none
}

@media only screen and (max-width:767px) {
    .responsive #top .template-page .big-preview.multi-big {
        padding: 0 0 10px 0
    }
}

#top .post-meta-infos {
    margin-top: 0 !important
}

#top .category-one figcaption {
    background: #c1d82f
}

#top .category-two figcaption {
    background: #7d3f98
}

#top .category-three figcaption {
    background: #fd5c63
}

#top .category-four figcaption {
    background: #3be8b0
}

#top .category-one figcaption .entry-title,
#top .category-two figcaption .entry-title,
#top .category-three figcaption .entry-title,
#top .category-four figcaption .entry-title {
    color: #FFF
}

#top .category-one figcaption .meta-color,
#top .category-two figcaption .meta-color,
#top .category-three figcaption .meta-color,
#top .category-four figcaption .meta-color {
    color: #000
}

.avia-content-slider {
    margin: 30px 0;
    clear: both
}

.avia-content-slider,
.avia-content-slider-inner {
    position: relative;
    overflow: hidden;
    clear: both
}

.avia-content-slider .slide-entry-title {
    font-size: 1.125rem;
    line-height: 1.8em;
    color: #ff8c00;
    margin: 0
}

.avia-content-slider .slide-image,
.avia-content-slider .slide-image img {
    border-radius: 3px;
    display: block;
    position: relative;
    -webkit-perspective: 1000px;
    -webkit-backface-visibility: hidden;
    margin: 0 auto
}

.avia-content-slider .slide-image {
    overflow: hidden;
    margin-bottom: 6px;
    border-radius: 3px
}

.avia-content-slider .slide-entry-excerpt {
    overflow: hidden;
    text-overflow: ellipsis
}

.avia-content-slider .slide-entry-wrap {
    width: 100%;
    float: left;
    margin-bottom: 40px
}

.avia-content-slider-active .slide-entry-wrap {
    position: absolute;
    top: 0;
    visibility: hidden;
    margin: 0
}

.avia-content-slider .slide-entry-wrap:first-child {
    position: relative
}

.avia-content-slider .slide-meta div,
.avia-content-slider .slide-meta time {
    display: inline-block;
    font-size: 0.9em
}

.avia-content-slider .slide-meta a {
    position: relative
}

.avia-content-slider .slide-meta {
    position: relative;
    padding-bottom: 10px
}

.avia-content-slider .slide-meta-del {
    margin: 0px 4px
}

.avia-content-slider.avia-builder-el-no-sibling {
    margin: 0
}

.slider-fallback-image {
    visibility: hidden
}

.avia-content-slider .fake-thumbnail .slide-image {
    border-width: 1px;
    border-style: solid;
    -webkit-perspective: 1000px;
    -webkit-backface-visibility: hidden;
    min-height: 70px
}

.fallback-post-type-icon {
    position: absolute;
    top: 49%;
    left: 50%;
    margin: -28px 0 0 -30px;
    height: 60px;
    width: 60px;
    line-height: 59px;
    font-size: 25px;
    text-align: center;
    border-radius: 100px
}

.avia-content-slider .slide-image:hover .fallback-post-type-icon {
    opacity: 0
}

.pagination-slider .pagination {
    padding: 1px 0 10px 0
}

.avia_desktop .avia-content-slider .avia-slideshow-arrows a {
    opacity: 0
}

#top .avia-content-slider:hover .avia-slideshow-arrows a {
    opacity: 1
}

#top .avia-content-slider .avia-slideshow-arrows a {
    top: 38%;
    margin: -30px 0 0
}

#top .avia-content-slider,
#top .avia-content-slider-inner,
#top .avia-content-slider-inner .slide-entry-wrap {
    -webkit-transform-style: flat;
    -webkit-backface-visibility: hidden
}

#top #wrap_all .avia-content-slider .audio-preview {
    margin-top: -36px;
    margin-bottom: -4px
}

#top .avia-content-slider .audio-preview .mejs-volume-button,
#top .avia-content-slider .audio-preview .mejs-time {
    display: none
}

#top #wrap_all .mejs-controls a.mejs-horizontal-volume-slider {
    width: 60px
}

.avia-safari .avia-content-slider,
.avia-safari .avia-content-slider-inner,
.avia-safari .avia-content-slider-inner .slide-entry-wrap {
    -webkit-perspective: 0 !important
}

@media only screen and (max-width:767px) {
    .responsive #top #wrap_all .slide-entry {
        width: 48%;
        margin-left: 4%
    }

    .responsive #top #wrap_all .avia-content-slider-even .slide-entry.slide-parity-odd,
    .responsive #top #wrap_all .avia-content-slider-odd .slide-entry.slide-parity-even {
        margin: 0;
        clear: both
    }

    .responsive #top #wrap_all .avia-content-slider-odd .slide-entry.first {
        margin-left: 0;
        width: 100%
    }

    .responsive avia-content-slider .slide-image img {
        width: 100%
    }
}

@media only screen and (max-width:479px) {
    .responsive #top #wrap_all .avia-content-slider-odd .slide-entry {
        margin-left: 0;
        clear: both;
        width: 100%
    }
}

.avia-button-wrap {
    display: inline-block
}

.avia-button {
    color: #777;
    border-color: #e1e1e1;
    background-color: #f8f8f8
}

body div .avia-button {
    border-radius: 3px;
    padding: 10px;
    font-size: 12px;
    text-decoration: none;
    display: inline-block;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin: 3px 0;
    line-height: 1.2em;
    position: relative;
    font-weight: normal;
    text-align: center;
    max-width: 100%
}

.avia-button:hover {
    opacity: 0.9
}

.avia-button:active {
    border-bottom-width: 0px;
    border-top-width: 1px !important;
    border-top-style: solid
}

.avia-button.avia-color-theme-color-subtle {
    background-image: none
}

.avia-button.avia-color-theme-color-subtle:hover {}

.avia-button .avia_button_icon {
    position: relative;
    left: -0.3em;
    -webkit-perspective: 1000px;
    -webkit-backface-visibility: hidden
}

.avia-button .avia_button_icon.avia_button_icon_right {
    left: 0.3em
}

.avia-button.avia-icon_select-no .avia_button_icon {
    display: none
}

.avia-button.avia-color-grey,
.avia-button.avia-color-grey:hover {
    background-color: #555;
    border-color: #333333;
    color: #fff
}

.avia-button.avia-color-black,
.avia-button.avia-color-black:hover {
    background-color: #2c2c2c;
    border-color: #000;
    color: #fff
}

.avia-button.avia-color-red,
.avia-button.avia-color-red:hover {
    background-color: #B02B2C;
    border-color: #8B2121;
    color: #fff
}

.avia-button.avia-color-orange,
.avia-button.avia-color-orange:hover {
    background-color: #edae44;
    border-color: #CA9336;
    color: #fff
}

.avia-button.avia-color-green,
.avia-button.avia-color-green:hover {
    background-color: #83a846;
    border-color: #6F8F3B;
    color: #fff
}

.avia-button.avia-color-blue,
.avia-button.avia-color-blue:hover {
    background-color: #7bb0e7;
    border-color: #6693C2;
    color: #fff
}

.avia-button.avia-color-aqua,
.avia-button.avia-color-aqua:hover {
    background-color: #4ecac2;
    border-color: #3EAAA3;
    color: #fff
}

.avia-button.avia-color-teal,
.avia-button.avia-color-teal:hover {
    background-color: #5f8789;
    border-color: #3F5E5F;
    color: #fff
}

.avia-button.avia-color-purple,
.avia-button.avia-color-purple:hover {
    background-color: #745f7e;
    border-color: #514358;
    color: #fff
}

.avia-button.avia-color-pink,
.avia-button.avia-color-pink:hover {
    background-color: #d65799;
    border-color: #BB4B85;
    color: #fff
}

.avia-button.avia-color-silver,
.avia-button.avia-color-silver:hover {
    background-color: #DADADA;
    border-color: #B4B4B4;
    color: #555
}

#top a.avia-button.avia-font-color-grey,
.avia-button.avia-font-color-grey-hover:hover {
    color: #333333
}

#top a.avia-button.avia-font-color-black,
.avia-button.avia-font-color-black-hover:hover {
    color: #000
}

#top a.avia-button.avia-font-color-red,
.avia-button.avia-font-color-red-hover:hover {
    color: #8B2121
}

#top a.avia-button.avia-font-color-orange,
.avia-button.avia-font-color-orange-hover:hover {
    color: #CA9336
}

#top a.avia-button.avia-font-color-green,
.avia-button.avia-font-color-green-hover:hover {
    color: #6F8F3B
}

#top a.avia-button.avia-font-color-blue,
.avia-button.avia-font-color-blue-hover:hover {
    color: #6693C2
}

#top a.avia-button.avia-font-color-aqua,
.avia-button.avia-font-color-aqua-hover:hover {
    color: #3EAAA3
}

#top a.avia-button.avia-font-color-teal,
.avia-button.avia-font-color-teal-hover:hover {
    color: #3F5E5F
}

#top a.avia-button.avia-font-color-purple,
.avia-button.avia-font-color-purple-hover:hover {
    color: #514358
}

#top a.avia-button.avia-font-color-pink,
.avia-button.avia-font-color-pink-hover:hover {
    color: #BB4B85
}

#top a.avia-button.avia-font-color-silver,
.avia-button.avia-font-color-silver-hover:hover {
    color: #B4B4B4
}

#top .avia-button.avia-color-light {
    color: #fff;
    border: 3px solid #fff;
    background: transparent
}

#top .avia-button.avia-color-dark {
    color: #000;
    border: 3px solid #000;
    color: rgba(0, 0, 0, 0.6);
    border-color: rgba(0, 0, 0, 0.6);
    background: transparent
}

.avia-button.avia-color-light:hover {
    opacity: 0.7;
    color: #fff
}

.avia-button.avia-color-dark:hover {
    opacity: 0.7;
    color: #000;
    color: rgba(0, 0, 0, 0.6)
}

.avia-button.avia-color-theme-color-subtle {
    border-width: 1px;
    border-style: solid
}

.avia-button-center {
    display: block;
    text-align: center;
    clear: both
}

.avia-button-right {
    display: block;
    float: right
}

.avia-button.avia-position-right {
    float: right;
    display: block
}

.avia-button.avia-position-left {
    float: left;
    display: block
}

.avia-button.avia-size-small {
    padding: 9px 10px 7px;
    font-size: 13px;
    min-width: 80px
}

.avia-button.avia-size-medium {
    padding: 12px 16px 10px;
    font-size: 13px;
    min-width: 90px
}

.avia-button.avia-size-large {
    padding: 15px 30px 13px;
    font-size: 13px;
    min-width: 139px
}

.avia-button.avia-size-x-large {
    padding: 25px 50px 23px;
    font-size: 15px;
    min-width: 200px
}

.av-icon-on-hover .avia_button_icon {
    width: 0px;
    overflow: hidden;
    display: inline-block;
    height: 1em;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    opacity: 0
}

.av-icon-on-hover:hover .avia_button_icon {
    width: 1.5em;
    opacity: 1
}

#top .av-button-notext {
    min-width: 0
}

#top .av-button-notext .avia_button_icon {
    left: 0
}

.av-button-label-on-hover {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.av-button-label-on-hover.avia-button.avia-size-small {
    padding: 0;
    line-height: 30px;
    width: 32px
}

.av-button-label-on-hover.avia-button.avia-size-medium {
    padding: 0;
    line-height: 36px;
    width: 38px
}

.av-button-label-on-hover.avia-button.avia-size-large {
    padding: 0;
    line-height: 42px;
    width: 44px
}

.av-button-label-on-hover.avia-button.avia-size-x-large {
    padding: 0;
    line-height: 66px;
    width: 68px
}

#top .avia-button .avia_button_background {
    opacity: 0;
    position: absolute;
    top: -3px;
    left: 0;
    bottom: -6px;
    right: 0;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

#top .avia-button:hover .avia_button_background {
    opacity: 0.9
}

#top .avia-button .avia_button_icon,
#top .avia-button .avia_iconbox_title {
    position: relative;
    z-index: 3
}

#top .avia-button-fullwidth {
    width: 100%;
    padding: 20px;
    font-size: 1.5em;
    margin: 0;
    border: none;
    position: relative;
    display: block
}

#top .avia-button-fullwidth .avia-button-fullwidth {
    font-size: 1em
}

#top .avia-button-fullwidth .av-button-description {
    font-size: 0.8em;
    position: relative;
    z-index: 3;
    opacity: 0.7
}

#top .avia-button-fullwidth .av-button-description-above p:first-child {
    margin-top: 0
}

#top .avia-button-fullwidth .av-button-description-below p:last-child {
    margin-bottom: 0
}

#top .avia-button-fullwidth:hover {
    opacity: 1
}

#top .avia-button-fullwidth .avia_button_icon,
#top .avia-button-fullwidth .avia_iconbox_title {
    position: relative;
    z-index: 3;
    -webkit-perspective: 1000px;
    -webkit-backface-visibility: hidden
}

#top .av-fullscreen-button .avia-button-fullwidth {
    border-radius: 0;
    padding: 50px 10px
}

.avia-safari .avia-button-fullwidth {
    -webkit-transform: translateZ(0)
}

#top .avia-button-fullwidth .avia_button_background {
    top: 0;
    bottom: 0
}

.av-catalogue-container {
    margin: 20px 0
}

.av-catalogue-heading {
    text-align: center;
    padding-bottom: 15px;
    font-weight: normal;
    letter-spacing: 1px
}

.av-catalogue-list {
    border-top: 1px dashed;
    margin: 0
}

.av-catalogue-list li {
    list-style-type: none;
    margin: 0;
    border-bottom: 1px dashed;
    padding: 0;
    clear: both
}

#top .av-catalogue-item {
    text-decoration: none;
    padding: 10px 1px;
    display: block;
    overflow: hidden
}

div.av-catalogue-item:hover {
    cursor: default
}

.av-catalogue-title-container {
    position: relative;
    font-size: 0.75rem;
    line-height: 1.5em
}

.av-catalogue-title {
    padding-right: 0px;
    text-transform: uppercase
}

.av-catalogue-price {
    position: absolute;
    right: 0;
    top: 0
}

.av-catalogue-content {
    padding-right: 60px;
    font-size: 1.1em
}

.av-catalogue-content p:first-child {
    margin-top: 0
}

.av-catalogue-content p:last-child {
    margin-bottom: 0
}

.av-catalogue-list .added_to_cart.wc-forward {
    display: none
}

.av-catalogue-image {
    border-radius: 400px;
    width: 44px;
    float: left;
    margin-right: 15px
}

.av-catalogue-image-no {
    display: none
}

.av-catalogue-container-woo {
    margin-top: 0
}

h4#comments {
    margin-bottom: 30px
}

#respond {
    margin-top: 20px
}

.commentlist ul {
    border-left-style: dashed;
    border-left-width: 1px
}

.children .children .says {
    border-bottom-style: dashed;
    border-bottom-width: 1px
}

.miniheading,
.author_name,
#reply-title,
#top .logged-in-as,
.dynamic-column-title {
    font-weight: 600;
    letter-spacing: 1px
}

#comments span,
.minitext,
.form-allowed-tags,
#reply-title small,
#commentform label {
    font-size: 0.85em;
    display: block;
    letter-spacing: 0;
    text-transform: none;
    padding-top: 8px;
    line-height: 1.5em;
    font-weight: normal
}

.comment_meta_container {
    clear: both;
    float: none
}

#top .commentlist {
    margin: 0;
    padding: 0 0 10px 0px;
    border: none
}

#top .commentlist .comment {
    list-style-type: none;
    list-style-position: outside;
    width: 100%;
    position: relative;
    display: block;
    background: none;
    min-height: 100px;
    clear: both
}

#top .commentlist .comment.depth-1 {
    float: left
}

#top .commentlist .comment>div {
    min-height: 100px;
    float: left;
    width: 100%
}

.commentlist>.comment {
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    margin-bottom: 30px
}

.gravatar {
    position: relative;
    z-index: 2;
    border-radius: 200px;
    overflow: hidden;
    float: left
}

.gravatar img {
    padding: 0;
    margin: 0;
    display: block;
    border-radius: 200px
}

.comment_content {
    position: relative;
    margin: 0 0 0 85px;
    padding: 0 35px 15px 0;
    z-index: 10;
    overflow: hidden
}

.author_name a,
.author_name a:hover {
    font-weight: bold;
    text-decoration: none
}

.comment-edit-link,
#cancel-comment-reply-link {
    display: inline-block;
    font-size: 10px
}

.author_name,
.comment_title {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

.commentmetadata {
    font-size: 11px;
    line-height: 1em
}

.commentmetadata a {
    text-decoration: none
}

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

.says {
    display: block;
    height: 1px;
    left: -70px;
    position: absolute;
    text-indent: 200%;
    top: 18px;
    width: 40px;
    overflow: hidden
}

#top .comment_text {
    clear: both;
    font-size: 13px;
    padding: 0 0 15px 0;
    border: none
}

#top .comment-reply-link {
    font-size: 11px;
    text-decoration: none;
    line-height: 20px
}

.side-container-comment-inner {
    text-align: center;
    position: relative;
    overflow: hidden;
    margin-bottom: 15px
}

.comment-count {
    font-size: 24px;
    line-height: 60px;
    width: 60px;
    display: block;
    text-align: center;
    border-radius: 200px;
    margin: 0 auto;
    position: relative;
    z-index: 100
}

.side-container-comment-inner .comment-text {
    font-size: 12px;
    text-transform: uppercase
}

.center-border {
    position: absolute;
    top: 39%;
    width: 42%;
    border-top-style: solid;
    border-top-width: 1px;
    z-index: 1
}

.center-border-left {
    left: 0
}

.center-border-right {
    right: 0
}

#top .commentlist ul {
    margin: 0 0 0 74px;
    clear: both
}

#top .commentlist .children ul {
    margin: 0 0 0 47px
}

.children .comment_content {
    margin: 0 0 0 28px;
    padding-bottom: 30px;
    z-index: 1
}

.children .gravatar {
    position: relative;
    left: -24px;
    z-index: 2;
    width: 45px
}

#top .children .comment-reply-link {
    left: -42px;
    top: 51px
}

.comment_page_nav_links {
    position: relative;
    display: block;
    clear: both;
    overflow: hidden;
    font-size: 11px
}

.comment_prev_page a {
    float: left
}

.comment_next_page a {
    float: right
}

.comment_page_nav_links_bottom {}

.comment_page_nav_links_top {}

.sidebar_right .comment_container {
    padding-right: 50px
}

.sidebar_left .comment_container {
    margin-left: 0
}

.comment_container {
    max-width: 100%
}

#commentform {
    position: relative
}

#commentform p {
    position: relative;
    padding: 0 0 10px 0;
    margin: 0
}

#reply-title small a {
    float: right
}

#commentform label {
    position: absolute;
    left: 245px;
    font-size: 11px;
    top: 0;
    font-weight: bold
}

#commentform input[type='checkbox']+label {
    left: 2.5em
}

#commentform div input {
    margin: 0
}

.commentlist #commentform label {
    position: static;
    display: block
}

.comment-notes,
#commentform .comment-form-comment label {
    display: none
}

#top .comment-form-url input,
#top .comment-form-email input,
#top .comment-form-author input {
    width: 220px
}

#top .commentlist .comment-form-url input,
#top .commentlist .comment-form-email input,
#top .commentlist .comment-form-author input {
    width: 70%
}

#comment {
    width: 602px;
    height: 150px;
    padding: 10px 7px;
    font-size: 12px;
    margin: 0
}

.form-allowed-tags {
    font-size: 11px;
    line-height: 1.5em;
    margin-bottom: 5px
}

.form-allowed-tags code {
    display: block;
    padding-top: 5px
}

.commentlist #respond {
    padding: 0 0 30px 56px
}

.commentlist #respond #comment {
    width: 90%
}

.commentlist #respond .form-allowed-tags {
    display: none
}

#reply-title {
    display: none
}

#reply-title small {
    display: inline
}

.commentlist #reply-title {
    display: block
}

#comment {
    width: 94%;
    font-size: 12px
}

.personal_data p {
    float: left;
    width: 33%
}

.personal_data label {
    display: none
}

.template-blog .post .entry-content-wrapper {
    overflow: hidden
}

.template-blog .post_delimiter {
    margin: 0 0 50px 0;
    padding: 50px 0 0 0;
    clear: both
}

.template-blog .post-entry-last .post_delimiter {
    border: none;
    height: 1px
}

.av-buildercomment .av-buildercomment-unapproved {
    padding: 30px 0 15px;
    text-align: center;
    font-size: 1.4em;
    font-weight: 500
}

.avia_ajax_form {
    clear: both
}

.avia_ajax_form fieldset p br {
    display: none
}

.avia_ajax_form label {
    display: block;
    visibility: visible;
    position: relative
}

.avia_ajax_form label,
.modified_width:before {
    display: block;
    visibility: visible;
    position: relative;
    margin-bottom: 7px;
    font-weight: 600
}

#ajaxresponse.hidden {
    visibility: visible;
    position: static;
    display: none
}

#top .avia_ajax_form .text_input,
#top .avia_ajax_form .select,
#top .avia_ajax_form .text_area {
    width: 100%;
    margin-bottom: 0;
    display: inline;
    min-width: 50px;
    padding: 13px;
    border-radius: 2px
}

#top .avia_ajax_form .select[multiple] option {
    padding: 5px
}

#top .avia_ajax_form input[type="checkbox"] {
    float: left;
    margin-right: 8px;
    top: 2px;
    position: relative
}

#top .avia_ajax_form input[type='submit'].avia-button-default-style {
    background-color: #9a9a9a;
    border-color: #737373;
    pointer-events: none;
    opacity: 0;
    animation: all 0.7s
}

#top .avia_ajax_form.av-form-input-visible input[type='submit'].avia-button-default-style {
    opacity: 1;
    animation: all 0.7s
}

.value_verifier_label {
    position: absolute;
    bottom: 11px;
    left: 10px;
    font-size: 13px;
    line-height: 21px
}

.avia_ajax_form.av-form-labels-hidden label {
    position: fixed;
    top: -1000px;
    left: -2000px
}

.avia_ajax_form.av-form-labels-hidden label.input_checkbox_label {
    position: initial;
    top: initial;
    left: initial
}

.avia_ajax_form p {
    position: relative;
    clear: both;
    float: left;
    width: 100%;
    margin: 11px 0
}

.avia_ajax_form.av-form-labels-hidden p {
    margin-top: 8px;
    margin-bottom: 8px
}

.avia_ajax_form p.hidden {
    position: absolute;
    width: 0px;
    left: 0;
    top: 0
}

.avia_ajax_form .form_element_half {
    width: 49.5%;
    float: left;
    margin-left: 1%;
    clear: none
}

.avia_ajax_form .form_element_third {
    width: 32.6%;
    float: left;
    margin-left: 1%;
    clear: none
}

.avia_ajax_form .form_element_two_third {
    width: 66.4%;
    float: left;
    margin-left: 1%;
    clear: none
}

.avia_ajax_form .form_element_fourth {
    width: 24.2%;
    float: left;
    margin-left: 1%;
    clear: none
}

.avia_ajax_form .form_element_three_fourth {
    width: 74.8%;
    float: left;
    margin-left: 1%;
    clear: none
}

.avia_ajax_form .first_form {
    clear: both;
    margin-left: 0
}

.avia_ajax_form .button {
    margin: 0;
    padding: 16px 20px;
    border-radius: 2px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    font-weight: normal;
    font-size: 0.92em;
    min-width: 142px;
    outline: none
}

.modified_width .button {
    width: 100%;
    padding: 13px 10px 14px;
    min-width: 0
}

.av-form-labels-visible .modified_width:before {
    display: block;
    content: "Submit Form";
    visibility: hidden
}

.av-form-labels-visible .av-last-visible-form-element.first_form.modified_width:before {
    display: none
}

#footer .avia_ajax_form textarea {
    height: 90px
}

.avia_ajax_form p input,
.avia_ajax_form p textarea,
.avia_ajax_form p select,
.avia_ajax_form p .input_checkbox_label {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

#top .button.av-sending-button {
    -webkit-transition: none;
    transition: none;
    background-size: 32px 32px;
    -webkit-animation: avia-bg-move 1.2s linear infinite;
    animation: avia-bg-move 1.2s linear infinite
}

.av-centered-form,
#top .av-centered-form input {
    text-align: center
}

#top .av-centered-form ::-webkit-input-placeholder {
    text-align: center
}

#top .av-centered-form ::-moz-placeholder {
    text-align: center
}

#top .av-centered-form :-ms-input-placeholder {
    text-align: center
}

#top .avia_ajax_form input.captcha,
#top .av-centered-form input.captcha {
    text-align: left;
    padding-left: 70px
}

.avia_ajax_form .av-hidden-submit {
    display: none
}

.avia-form-success {
    text-align: center;
    border-style: solid;
    border-width: 1px;
    padding: 20px 15px;
    line-height: 1.4em;
    border-radius: 2px;
    clear: both
}

.avia-form-error {
    text-align: center;
    border-style: solid;
    border-width: 1px;
    padding: 20px 15px;
    line-height: 1.4em;
    border-radius: 2px;
    clear: both;
    font-weight: bold
}

#top .av-centered-form input[type="checkbox"] {
    float: none
}

#top .av-centered-form .input_checkbox_label {
    display: inline-block
}

.avia_ajax_form .required {
    text-decoration: none
}

#top .avia-datepicker-div {
    background: #fff;
    border: 1px solid #e1e1e1;
    font-size: 15px
}

#top .avia-datepicker-div a {
    color: #333;
    background-color: #f8f8f8;
    background-image: none
}

#top .avia-datepicker-div a.ui-state-active {
    color: #8bba34
}

#top .avia-datepicker-div a.ui-state-highlight {
    color: #8bba34
}

#top .avia-datepicker-div a.ui-state-hover {
    color: #FFF;
    background-color: #bbb
}

#top .avia-datepicker-div .ui-datepicker-buttonpane button {
    background-color: #8BBA34;
    color: #FFF;
    border-color: #8BBA34
}

#top .avia-datepicker-div.ui-datepicker {
    width: 300px;
    padding: 20px;
    display: none;
    box-shadow: 0px 0px 44px 0px rgba(0, 0, 0, 0.2);
    border-radius: 0
}

#top .avia-datepicker-div.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
    background: transparent;
    border: none
}

#top .avia-datepicker-div.ui-datepicker .ui-datepicker-prev,
#top .avia-datepicker-div.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 4px;
    width: 50px;
    text-align: center;
    line-height: 34px;
    height: 34px;
    cursor: pointer;
    border-radius: 0;
    text-decoration: none;
    font-size: 12px
}

#top .avia-datepicker-div.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

#top .avia-datepicker-div.ui-datepicker .ui-datepicker-next {
    right: 2px
}

#top .avia-datepicker-div.ui-datepicker .ui-datepicker-title {
    margin: 0px 53px;
    line-height: 32px;
    text-align: center;
    font-weight: bold;
    letter-spacing: 1.5px;
    text-transform: uppercase
}

#top .ui-datepicker-title select {
    width: 72px;
    float: left;
    font-size: 12px;
    margin-left: 3px;
    margin-bottom: 0;
    border-radius: 0px
}

#top .avia-datepicker-div.ui-datepicker .ui-datepicker-title select {
    font-size: 14px;
    margin: 1px
}

#top .avia-datepicker-div.ui-datepicker select.ui-datepicker-month-year {
    width: 100%
}

#top .avia-datepicker-div.ui-datepicker select.ui-datepicker-month,
#top .avia-datepicker-div.ui-datepicker select.ui-datepicker-year {
    width: 48%
}

#top .avia-datepicker-div.ui-datepicker select.ui-datepicker-year {
    float: right
}

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

#top .avia-datepicker-div.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0
}

#top .avia-datepicker-div.ui-datepicker td {
    border: 0;
    padding: 1px
}

#top .avia-datepicker-div.ui-datepicker td span,
#top .avia-datepicker-div.ui-datepicker td a {
    border: none;
    display: block;
    padding: .2em;
    text-align: center;
    text-decoration: none
}

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

#top .avia-datepicker-div.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em 0 .4em;
    cursor: pointer;
    padding: 10px 20px;
    width: auto;
    overflow: visible;
    border: none;
    background-image: none;
    border-radius: 3px;
    font-size: 13px
}

#top .avia-datepicker-div.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

#top .avia-datepicker-div .ui-widget-content {
    background: transparent;
    border: none
}

#top .avia-datepicker-div.ui-datepicker .ui-datepicker-prev span,
#top .avia-datepicker-div.ui-datepicker .ui-datepicker-next span {
    text-indent: 0;
    overflow: visible;
    background-image: none;
    display: inline;
    position: static;
    margin: 0;
    font-weight: normal
}

.avia-datepicker-div.ui-datepicker-rtl {
    direction: rtl
}

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

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

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

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

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

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

.avia-datepicker-div.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: right
}

.avia-datepicker-div.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

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

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

#top .av-custom-form-color * {
    color: inherit
}

#top .av-custom-form-color a {
    text-decoration: underline
}

#top .av-custom-form-color ::-webkit-input-placeholder {
    color: inherit;
    opacity: 0.8
}

#top .av-custom-form-color ::-moz-placeholder {
    color: inherit;
    opacity: 0.8
}

#top .av-custom-form-color :-ms-input-placeholder {
    color: inherit;
    opacity: 0.8
}

#top .av-custom-form-color .button {
    border: 2px solid
}

#top .av-custom-form-color .button:hover {}

#top .av-light-form,
#top .av-light-form+.ajaxresponse * {
    color: #fff
}

#top .av-light-form+.ajaxresponse .avia-form-success {
    background: transparent
}

#top div .av-light-form .input-text,
#top div .av-light-form input[type='text'],
#top div .av-light-form input[type='input'],
#top div .av-light-form input[type='password'],
#top div .av-light-form input[type='email'],
#top div .av-light-form input[type='number'],
#top div .av-light-form input[type='url'],
#top div .av-light-form input[type='tel'],
#top div .av-light-form input[type='search'],
#top div .av-light-form textarea,
#top div .av-light-form select,
div div .av-light-form .button {
    color: #fff;
    border-color: #fff;
    border-width: 2px !important;
    background-color: transparent
}

#top .av-dark-form,
#top .av-dark-form+.ajaxresponse * {
    color: #222
}

#top .av-dark-form+.ajaxresponse .avia-form-success {
    background: transparent
}

#top div .av-dark-form .input-text,
#top div .av-dark-form input[type='text'],
#top div .av-dark-form input[type='input'],
#top div .av-dark-form input[type='password'],
#top div .av-dark-form input[type='email'],
#top div .av-dark-form input[type='number'],
#top div .av-dark-form input[type='url'],
#top div .av-dark-form input[type='tel'],
#top div .av-dark-form input[type='search'],
#top div .av-dark-form textarea,
#top div .av-dark-form select,
div div .av-dark-form .button {
    color: #222;
    border-color: #222;
    border-width: 2px !important;
    background-color: transparent
}

#top .avia_ajax_form .av-recaptcha-area {
    display: block
}

#top .avia_ajax_form .av-recaptcha-submit.avia_button_inactive,
#top .avia_ajax_form .av-recaptcha-submit-real.avia_button_inactive {
    opacity: 0.3
}

#top .avia_ajax_form .av-recaptcha-submit.avia_button_inactive:hover,
#top .avia_ajax_form .av-recaptcha-submit-real.avia_button_inactive:hover {
    cursor: default
}

#top .avia_ajax_form .av-recaptcha-error {
    display: inline-block;
    width: 100%
}

#top .avia_ajax_form .av-recaptcha-error.av-recaptcha-severe-error {
    background-color: red;
    color: white;
    border-radius: 8px;
    padding: 10px;
    text-align: center
}

#top .avia_ajax_form .av-recaptcha-error.av-recaptcha-severe-error .av-recaptcha-error-main {
    color: white;
    font-weight: 900 !important
}

#top .avia_ajax_form .av-recaptcha-error.av-err-content {
    margin: 5px 0;
    color: #fe6d4e;
    background-color: #FFF;
    font-weight: 700;
    display: block;
    clear: both
}

#top .avia_ajax_form.avia_recaptcha_v3 .av_form_privacy_check {
    margin-top: -15px
}

body .grecaptcha-badge {
    z-index: 9000
}

body.av-google-badge-hide .grecaptcha-badge {
    visibility: hidden
}

body.av-google-badge-visible #scroll-top-link {
    bottom: 80px
}

#top .avia_ajax_form .av-google-badge-message {
    padding: 12px 0 0 0;
    min-width: 300px;
    max-width: 100%;
    font-size: 0.8em;
    line-height: 1.3em
}

#top .avia_ajax_form.av-centered-form .av-google-badge-message {
    text-align: center;
    width: 100%;
    max-width: 100%;
    float: left
}

#top .avia_ajax_form .avia-disabled-form {
    padding: 15px 15px;
    font-size: 1.5em;
    font-weight: 900;
    display: none
}

#top .avia_ajax_form.av-form-user-disabled .avia-disabled-form {
    display: block
}

#top .avia_ajax_form.av-centered-form .avia-disabled-form {
    text-align: center
}

@media only screen and (max-width:479px) {
    .responsive .avia_ajax_form .form_element {
        width: 100%;
        clear: both;
        margin-right: 0;
        margin-left: 0;
        float: none
    }
}

#top div .avia-gallery {
    overflow: hidden;
    padding-bottom: 2px;
    clear: both
}

#top div .avia-gallery img {
    float: left;
    border-style: solid;
    border-width: 1px;
    padding: 7px;
    width: 100%;
    border-radius: 0
}

#top div .avia-gallery .avia-gallery-big {
    display: block;
    overflow: hidden;
    padding: 7px;
    margin-bottom: -1px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-style: solid;
    border-width: 1px
}

#top div .avia-gallery .avia-gallery-big-inner {
    display: block;
    overflow: hidden;
    height: 100%
}

#top div .avia-gallery .avia-gallery-big img {
    padding: 0;
    border: none
}

#top .avia-gallery .avia-gallery-thumb a {
    width: 20%;
    opacity: 1
}

#top #wrap_all .avia-gallery .avia-gallery-thumb a {
    display: block;
    float: left
}

#top .avia-gallery .avia-gallery-thumb a:hover {
    opacity: 0.5
}

#top .avia-gallery .avia-gallery-caption {
    display: none
}

#top div .avia-gallery .avia-gallery-big-no-crop-thumb {
    text-align: center
}

#top div .avia-gallery .avia-gallery-big-no-crop-thumb img {
    clear: both;
    float: none;
    text-align: center
}

.avia_transform .avia-gallery-animate .avia-gallery-thumb img {
    opacity: 0.1;
    -webkit-transform: scale(0.5);
    transform: scale(0.5)
}

.avia_transform .avia-gallery-animate .avia-gallery-thumb img.avia_start_animation {
    -webkit-animation: avia_appear 0.9s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
    animation: avia_appear 0.9s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.avia-gallery-animate .av-hover-grow {
    overflow: hidden
}

.avia-gallery-animate .av-hover-grow img {
    -webkit-transition: all 1.7s cubic-bezier(0.230, 1.000, 0.320, 1.000);
    transition: all 1.7s cubic-bezier(0.230, 1.000, 0.320, 1.000)
}

.avia-gallery-animate .av-hover-grow:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.av-hide-gallery-thumbs .avia-gallery-thumb {
    display: none
}

#top #av-admin-preview .avia-gallery .avia-gallery-big-inner {
    height: auto
}

@media only screen and (max-width:767px) {
    .responsive .avia-gallery-thumb img {
        padding: 3px
    }
}

.avia-slideshow {
    position: relative;
    margin: 50px 0;
    width: 100%;
    clear: both;
    overflow: hidden
}

.flex_column .avia-slideshow {
    margin: 20px 0
}

.flex_column .avia-slideshow.avia-builder-el-no-sibling {
    margin-top: 0px
}

.avia-slideshow-inner {
    padding: 0;
    margin: 0;
    position: relative;
    overflow: hidden;
    width: 100%
}

#top .av-default-height-applied .avia-slideshow-inner {
    height: 0px
}

.avia-slideshow li {
    padding: 0;
    margin: 0;
    list-style-type: none;
    list-style-position: outside;
    position: absolute;
    visibility: hidden;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    clear: both;
    opacity: 0;
    overflow: hidden
}

.avia-slideshow li:first-child {
    position: relative;
    visibility: visible;
    z-index: 3
}

.avia-slideshow li img {
    display: block;
    width: 100%;
    margin: 0 auto;
    border-radius: 3px;
    position: relative
}

.flex_cell_inner .avia-slideshow li img {
    border-radius: 0
}

.avia-slideshow.image_no_stretch li img {
    width: auto
}

.avia-slideshow li>p {
    margin: 0
}

.avia-slideshow-carousel {
    overflow: hidden
}

.avia-slideshow-carousel ul {
    transition: all 0.7s cubic-bezier(0.230, 1.000, 0.320, 1.000);
    white-space: nowrap
}

.avia-slideshow-carousel ul * {
    white-space: normal
}

.avia-slideshow-carousel li {
    position: relative;
    visibility: visible;
    opacity: 1;
    vertical-align: top
}

#top .avia-slideshow-arrows a {
    display: block;
    text-decoration: none;
    color: #fff;
    visibility: visible;
    position: absolute;
    width: 60px;
    text-align: center;
    height: 60px;
    line-height: 62px;
    font-size: 25px;
    top: 50%;
    margin: -30px 15px 0;
    z-index: 99;
    overflow: hidden;
    text-indent: -600%
}

#top .avia-slideshow-arrows a.next-slide {
    right: 0
}

.avia-slideshow-arrows a:before {
    visibility: visible;
    display: block;
    position: absolute;
    z-index: 100;
    background: #aaa;
    background: rgba(0, 0, 0, 0.3);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 3px;
    text-align: center;
    line-height: 62px;
    color: inherit
}

.prev-slide:before {
    text-indent: -2px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.next-slide:before {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    text-indent: 0px
}

.avia-slideshow-dots {
    position: absolute;
    z-index: 200;
    width: 100%;
    bottom: 0;
    text-align: center;
    left: 0;
    height: 0px
}

.avia-slideshow-dots a {
    display: inline-block;
    height: 13.5px;
    width: 13.5px;
    border-radius: 14px;
    background: #000;
    opacity: 0.6;
    filter: alpha(opacity=60);
    text-indent: 100px;
    overflow: hidden;
    margin: 0 1px;
    padding: 7px;
    position: relative;
    bottom: 33px;
    -webkit-backface-visibility: hidden
}

.avia-slideshow-dots a.active,
.avia-slideshow-dots a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    background: #fff
}

.avia-caption {
    position: absolute;
    z-index: 10;
    bottom: 17px;
    left: 17px;
    padding: 10px 20px;
    color: #fff;
    border-radius: 3px
}

.avia-slideshow .avia-caption .avia-caption-title {
    color: #fff
}

.js_active .avia-slideshow li:first-child {
    visibility: hidden
}

.js_active .avia-slideshow-carousel li:first-child {
    visibility: visible
}

.avia_desktop .av_slideshow.avia-slideshow .avia-slideshow-controls a {
    opacity: 0;
    filter: alpha(opacity=0)
}

.avia_desktop .av_slideshow.avia-slideshow:hover .avia-slideshow-controls a {
    opacity: 0.6;
    filter: alpha(opacity=60)
}

.avia_desktop .av_slideshow.avia-slideshow:hover .avia-slideshow-controls a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80)
}

#top .av-control-hidden .avia-slideshow-controls {
    display: none
}

#top .av-control-minimal .avia-slideshow-arrows a:before {
    border: 2px solid #fff;
    background: transparent;
    line-height: 60px
}

#top .av-control-minimal .avia-slideshow-dots a {
    border: 2px solid #fff;
    background: transparent;
    padding: 5px
}

#top .av-control-minimal .avia-slideshow-dots a.active {
    background: #fff
}

#top .av-control-minimal-dark .avia-slideshow-arrows a {
    color: #000
}

#top .av-control-minimal-dark .avia-slideshow-arrows a:before {
    border-color: #000
}

#top .av-control-minimal-dark .avia-slideshow-dots a {
    border-color: #000
}

#top .av-control-minimal-dark .avia-slideshow-dots a.active {
    background: #000
}

#top .scroll-down-link.av-control-minimal-dark {
    color: #000
}

#top .scroll-down-link.av-custom-scroll-down-color {
    text-shadow: none
}

#top .avia-small-width-slider .avia-slideshow-arrows a {
    width: 30px;
    height: 30px;
    margin: -15px 5px 0;
    line-height: 32px;
    font-size: 15px
}

#top .avia-small-width-slider .avia-slideshow-arrows a:before {
    line-height: 32px
}

#top .avia-super-small-width-slider .avia-slideshow-dots {
    display: none
}

#top .av-video-slide,
#top .av-video-slide .avia-slide-wrap {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden
}

#top .av-video-slide .mejs-poster {
    width: 100% !important;
    height: 100% !important;
    background-size: cover;
    background-position: center center
}

#top .av-video-slide .mejs-poster img {
    display: none
}

#top .av-video-slide .avia-iframe-wrap {
    padding: 0;
    height: 100%;
    margin: 0
}

#top .av-video-slide iframe,
#top .av-video-slide embed,
#top .av-video-slide object,
#top .av-video-slide video {
    max-width: none;
    max-height: none;
    width: 100%;
    height: 100%;
    position: absolute
}

#top .av-video-slide .caption_fullwidth {
    top: 0;
    left: 0;
    right: 0;
    bottom: 40px
}

#top .av-video-slide.av-hide-video-controls .caption_fullwidth {
    bottom: 0px
}

#top .av-video-slide .mejs-container {
    height: 100% !important;
    width: 100% !important;
    position: absolute
}

#top .av-video-slide .me-plugin {
    width: 100%;
    height: 100%
}

span.mejs-offscreen {
    display: none !important
}

#top .avia-fullscreen-slider .av-video-slide.av-video-service-vimeo iframe {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.avia_video {
    z-index: 8
}

.mejs-controls {
    z-index: 9
}

#top .av-video-slide.av-video-service-vimeo .mejs-controls,
.av-force-resize .av-video-service-youtube .avia_video,
.av-hide-video-controls .mejs-controls {
    display: none !important
}

.av-video-slide.slide-1 .mejs-mediaelement {
    opacity: 0
}

.av-video-slide .mejs-mediaelement {
    height: 100%
}

#top .av-video-slide .mejs-overlay-button {
    display: none
}

#top .av-video-slide .avia-slide-wrap,
#top .av-video-slide iframe {
    background: #000
}

#top .av-video-slide.av-video-4-3-stretch iframe,
#top .av-video-slide.av-video-4-3-stretch embed,
#top .av-video-slide.av-video-4-3-stretch object,
#top .av-video-slide.av-video-4-3-stretch video {
    height: 270%
}

#top .av-section-with-video-bg .av-section-video-bg:after,
.av-click-overlay {
    content: ".";
    position: absolute;
    text-indent: -200px;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 11;
    filter: alpha(opacity=0);
    opacity: 0;
    background: #000
}

.av-click-overlay {
    z-index: 9;
    bottom: 30px
}

.av-hide-video-controls .av-click-overlay {
    bottom: 0
}

.av-video-service-vimeo .av-click-overlay {
    bottom: 42px
}

.av-video-service-youtube .av-click-overlay {
    bottom: 36px
}

.av-video-stretch.av-video-service-vimeo .av-click-overlay,
.av-video-stretch.av-video-service-youtube .av-click-overlay {
    bottom: 0
}

.avia_playpause_icon {
    position: absolute;
    height: 100px;
    width: 100px;
    margin: -50px 0 0 -50px;
    background: #000;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 3px;
    top: 50%;
    left: 50%;
    z-index: 50;
    display: none;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7)
}

.avia_playpause_icon.av-play,
.avia_playpause_icon.av-pause {
    display: block !important
}

#top .avia_playpause_icon:before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    color: #fff;
    line-height: 100px;
    text-align: center;
    font-size: 40px
}

.avia_transform .avia_playpause_icon.av-play,
.avia_transform .avia_playpause_icon.av-pause {
    -webkit-animation: avia_appear_short 1.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
    animation: avia_appear_short 1.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
    opacity: 0
}

.avia_playpause_icon.av-pause {}

.av-fallback-message {
    text-align: center;
    position: absolute;
    z-index: 1000;
    top: 45%;
    width: 100%;
    left: 0
}

.av-fallback-message span {
    display: inline-block;
    border: 1px solid #e1e1e1;
    padding: 10px;
    background: #fff
}

.caption_fullwidth {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    z-index: 10
}

.slideshow_caption {
    z-index: 100;
    width: 42%;
    position: absolute;
    bottom: 0;
    top: auto;
    height: 100%;
    display: block;
    text-decoration: none;
    padding: 50px
}

div .slideshow_caption h2 {
    text-transform: uppercase
}

div .slideshow_caption,
div .slideshow_caption a,
div .slideshow_caption a:hover,
div .slideshow_caption h2,
div .slideshow_caption h2 .special_amp,
div .slideshow_caption strong,
div .slideshow_caption h2 strong {
    color: #fff
}

.slideshow_inner_caption {
    position: relative;
    display: table;
    height: 100%;
    width: 100%
}

.slideshow_align_caption {
    display: table-cell;
    vertical-align: middle;
    position: relative
}

.avia-caption-content {
    line-height: 1.3em
}

.avia-caption-content p {
    margin: 15px 0
}

.caption_framed .slideshow_caption .avia-caption-content p,
.caption_framed .slideshow_caption .avia-caption-title,
.avia-caption .avia-caption-content p,
.avia-caption .avia-caption-title {
    background: #000;
    filter: alpha(opacity=80);
    background: rgba(0, 0, 0, 0.5);
    display: inline-block;
    margin: 0 0 1px 0;
    padding: 10px 15px
}

#top .avia-caption-content .wp-smiley {
    display: none
}

#top .avia-caption-content a {
    text-decoration: underline
}

#top .avia-caption-content a:hover {
    text-decoration: none
}

.avia_transform .av_slideshow_full .avia-caption-title {}

.caption_left .slideshow_caption {
    left: 0
}

.caption_right .slideshow_caption {
    right: 0
}

.caption_right .slideshow_caption .slideshow_inner_caption {
    float: right
}

.caption_bottom .slideshow_caption {
    left: 0;
    width: 100%;
    bottom: 0;
    height: auto
}

#top div .caption_center .slideshow_caption {
    left: 0;
    width: 100%;
    text-align: center
}

.caption_bottom .slideshow_caption .slideshow_inner_caption {
    display: block;
    height: auto;
    bottom: 0;
    position: absolute;
    padding: 0 50px;
    width: 100%;
    left: 0
}

.caption_bottom .slideshow_caption .slideshow_inner_caption .slideshow_align_caption {
    padding: 60px 0;
    display: block
}

#top .avia-slideshow-button {
    border-radius: 3px;
    text-transform: uppercase;
    padding: 15px 16px;
    display: inline-block;
    margin-top: 20px;
    text-decoration: none;
    font-weight: bold
}

#top .avia-slideshow-button.avia-color-light {
    padding: 12px 16px;
    background-color: rgba(0, 0, 0, 0.2)
}

#top .avia-slideshow-button.avia-color-dark {
    padding: 12px 16px;
    background-color: rgba(255, 255, 255, 0.1)
}

.avia-multi-slideshow-button {
    min-width: 140px
}

.avia-multi-slideshow-button.avia-slideshow-button {
    margin-right: 20px
}

.avia-multi-slideshow-button.avia-slideshow-button-2 {
    margin-right: 0px
}

#top .av-video-slide .avia-slide-wrap {
    background-position: center center;
    background-size: cover
}

#top .av-video-lazyload .av-click-to-play-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 1000
}

#top .av-video-lazyload .av-click-to-play-overlay .avia_playpause_icon {
    display: block;
    -webkit-transition: opacity 0.4s ease-out;
    transition: opacity 0.4s ease-out
}

#top .av-video-lazyload .av-click-to-play-overlay:hover .avia_playpause_icon {
    opacity: 0.7
}

.av-horizontal-gallery {
    clear: both;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.av-horizontal-gallery-inner {
    position: relative;
    white-space: nowrap;
    opacity: 0
}

.av-horizontal-gallery-slider {
    left: 0;
    position: absolute;
    height: 100%;
    width: 100%
}

.av-horizontal-gallery-wrap {
    height: 100%;
    top: 0;
    display: inline-block;
    position: relative;
    z-index: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    vertical-align: top
}

.av-horizontal-gallery-animated .av-horizontal-gallery-inner {
    -webkit-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
    opacity: 1
}

.av-horizontal-gallery-animated .av-horizontal-gallery-slider {
    -webkit-transition: left 0.4s ease-in-out;
    transition: left 0.4s ease-in-out
}

.av-horizontal-gallery-animated .av-horizontal-gallery-wrap {
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.av-horizontal-gallery-wrap:after {
    height: 100%;
    width: 100%;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    z-index: 5
}

.av-horizontal-gallery-enlarge-effect.av-horizontal-gallery {
    padding: 60px 0
}

.av-horizontal-gallery-enlarge-effect .av-horizontal-gallery-wrap.av-active-gal-item {
    z-index: 2;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3)
}

.av-horizontal-gallery-wrap:first-child {
    transform-origin: 0% 50%
}

.av-horizontal-gallery-wrap:last-child {
    transform-origin: 100% 50%
}

.av-horizontal-gallery-wrap.av-active-gal-item:after {
    display: none
}

.av-horizontal-gallery-link {
    position: absolute;
    opacity: 0;
    bottom: 10px;
    right: 10px;
    -webkit-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
    z-index: 100
}

.av-horizontal-gallery-wrap:hover .av-horizontal-gallery-link {
    opacity: 1
}

.av-horizontal-gallery-img {
    height: 100%;
    width: auto;
    display: block
}

.av-horizontal-gallery-large-gap .av-horizontal-gallery-wrap {
    margin-right: 15px
}

.av-horizontal-gallery-1px-gap .av-horizontal-gallery-wrap {
    margin-right: 1px
}

#top .av-horizontal-gallery-link {
    color: #fff;
    background: rgba(0, 0, 0, 0.3);
    display: block;
    line-height: 24px;
    width: 24px;
    text-align: center;
    border-radius: 3px;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

#top .av-horizontal-gallery-link:hover {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3)
}

.av-horizontal-gallery .avia-slideshow-controls a {
    opacity: 0
}

.av-horizontal-gallery:hover .avia-slideshow-controls a {
    opacity: 1
}

@media only screen and (max-width:767px) {
    .responsive #top .avia-slideshow-controls a {
        display: none
    }

    .responsive #top .av-horizontal-gallery .avia-slideshow-controls a {
        display: block
    }

    .responsive .av-horizontal-gallery-inner {
        position: static;
        min-height: 180px
    }

    .responsive .av-horizontal-gallery-enlarge-effect .av-horizontal-gallery-wrap.av-active-gal-item {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .responsive .av-horizontal-gallery-wrap {
        max-width: 85vw;
        margin: 0;
        overflow: hidden
    }

    .responsive .av-horizontal-gallery-img {
        height: auto;
        width: 100%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        top: 50%;
        position: relative
    }

    .responsive .av-horizontal-gallery-fullwidth .av-horizontal-gallery-wrap {
        max-width: 100vw
    }
}

.av-layout-grid-container {
    width: 100%;
    table-layout: fixed;
    display: table;
    border-top-style: none;
    border-top-width: 0px
}

.flex_cell {
    display: table-cell;
    padding: 30px;
    vertical-align: top
}

.flex_cell_inner {
    display: block;
    position: relative
}

.av-border-top-bottom {
    border-top-style: solid;
    border-top-width: 1px;
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.av-border-cells .flex_cell {
    border-left-style: solid;
    border-left-width: 1px
}

.av-border-cells .flex_cell:first-child {
    border: none
}

.av-layout-grid-container+.av-layout-grid-container {
    border-top: none
}

.av-zero-padding .av-hotspot-container-inner-wrap img {
    border-radius: 0
}

body .flex_cell.avia-link-column {
    cursor: pointer
}

body .flex_cell.avia-link-column.avia-link-column-hover:hover {
    opacity: 0.8
}

.av-layout-grid-container .flex_cell.av_one_full.av-cell-link {
    display: block
}

.av-special-heading {
    width: 100%;
    clear: both;
    display: block;
    margin-top: 50px;
    position: relative
}

.avia_mobile .av-special-heading {
    -webkit-perspective: 1000px;
    -webkit-backface-visibility: hidden
}

.av-special-heading.avia-builder-el-no-sibling {
    margin-top: 0px;
    margin-bottom: 0px
}

.flex_column+.av-special-heading {
    float: left
}

body .av-special-heading .av-special-heading-tag {
    padding: 0;
    margin: 0;
    float: left
}

.meta-heading .av-special-heading-tag {
    font-weight: normal
}

.custom-color-heading .av-special-heading-tag {
    color: inherit
}

.special-heading-border {
    position: relative;
    overflow: hidden
}

.av-special-heading-h1 .special-heading-border {
    height: 3.4em
}

.av-special-heading-h2 .special-heading-border {
    height: 2.6em
}

.av-special-heading-h3 .special-heading-border {
    height: 1.9em
}

.av-special-heading-h4 .special-heading-border {
    height: 1.6em
}

.av-special-heading-h5 .special-heading-border {
    height: 1.5em
}

.av-special-heading-h6 .special-heading-border {
    height: 1.4em
}

.special-heading-inner-border {
    display: block;
    width: 100%;
    margin-left: 15px;
    border-top-style: solid;
    border-top-width: 1px;
    position: relative;
    top: 50%;
    opacity: 0.15;
    filter: alpha(opacity=15)
}

.meta-heading .special-heading-inner-border {
    opacity: 0.2;
    filter: alpha(opacity=20)
}

.custom-color-heading .special-heading-inner-border {
    opacity: 0.4;
    filter: alpha(opacity=40)
}

#top #wrap_all .custom-color-heading .av-special-heading-tag,
#top .custom-color-heading a,
#top .custom-color-heading strong,
#top .custom-color-heading .special_amp {
    color: inherit
}

#top .custom-color-heading a {
    text-decoration: underline
}

#top .custom-color-heading a:hover {
    opacity: 0.8;
    text-decoration: none
}

#top #wrap_all .av-inherit-size .av-special-heading-tag {
    font-size: 1em
}

.av-thin-font .av-special-heading-tag,
.modern-quote .av-special-heading-tag {
    font-weight: 300
}

.av-thin-font strong,
.modern-quote strong {
    font-weight: 600
}

body .av-special-heading.modern-centered {
    text-align: center
}

body .av-special-heading.modern-right {
    text-align: right
}

body .av-special-heading.elegant-centered {
    text-align: center
}

body .av-special-heading.elegant-centered .av-special-heading-tag {
    position: relative;
    overflow: hidden
}

body .av-special-heading.elegant-centered .av-special-heading-tag .heading-wrap:before,
body .av-special-heading.elegant-centered .av-special-heading-tag .heading-wrap:after {
    content: "";
    position: absolute;
    height: 1px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: inherit;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1000px
}

body .av-special-heading.elegant-centered .av-special-heading-tag .heading-wrap:before {
    right: 100%;
    margin-right: 1em
}

body .av-special-heading.elegant-centered .av-special-heading-tag .heading-wrap:after {
    left: 100%;
    margin-left: 1em
}

body .av-special-heading.elegant-centered .av-special-heading-tag .heading-wrap {
    display: inline-block;
    position: relative
}

body .av-special-heading.elegant-centered .av-special-heading-tag .heading-char {
    display: block;
    font-size: 1em;
    line-height: 1
}

body .av-special-heading.blockquote>* {
    white-space: normal;
    float: none
}

.av-special-heading.classic-quote {
    text-align: center
}

.av-special-heading.classic-quote.classic-quote-left {
    text-align: left
}

.av-special-heading.classic-quote.classic-quote-right {
    text-align: right
}

body .av-special-heading.classic-quote>* {
    display: block;
    font-family: "Droid Serif", Georgia, Times, serif;
    font-weight: normal;
    font-style: italic;
    float: none
}

body .av-special-heading.blockquote .special-heading-border {
    display: none
}

#top .av-special-heading.av-linked-heading a:hover {
    opacity: 0.5
}

.av-subheading {
    font-size: 14px;
    line-height: 1.3em
}

.av-subheading p:first-child {
    margin-top: 0
}

.av-subheading p:last-child {
    margin-bottom: 0
}

.av-subheading_below {
    margin-top: 0.3em
}

.av-subheading_above {
    margin-bottom: 0.3em
}

.av-subheading.av_custom_color {
    opacity: 0.8
}

@media only screen and (max-width:767px) {
    #top #wrap_all .av-inherit-size .av-special-heading-tag {
        font-size: 0.8em
    }
}

.hr {
    clear: both;
    display: block;
    width: 100%;
    height: 25px;
    line-height: 25px;
    position: relative;
    margin: 30px 0;
    float: left
}

.hr-inner {
    width: 100%;
    position: absolute;
    height: 1px;
    left: 0;
    top: 50%;
    width: 100%;
    margin-top: -1px;
    border-top-width: 1px;
    border-top-style: solid
}

#top .hr-invisible,
.hr-invisible .hr-inner {
    margin: 0;
    border: none
}

.hr-invisible {
    float: none
}

.hr-full,
.hr-big {
    margin: 70px 0
}

.hr-full .hr-inner {
    width: 300%;
    left: -100%
}

.hr-full.hr-shadow .hr-inner {
    box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.1)
}

.sidebar_right .hr-full .hr-inner {
    left: auto;
    right: -50px
}

.sidebar_left .hr-full .hr-inner {
    left: -50px
}

.hr-short {
    height: 20px;
    line-height: 20px;
    margin: 30px 0;
    float: none
}

.hr-short .hr-inner {
    width: 32%;
    left: 50%;
    margin-left: -16%
}

.hr-short.hr-left .hr-inner {
    left: 0%;
    margin-left: 0%
}

.hr-short.hr-right .hr-inner {
    left: auto;
    right: 0;
    margin-left: 0%
}

.hr-short .hr-inner-style {
    border-radius: 20px;
    height: 9px;
    width: 9px;
    border-width: 2px;
    border-style: solid;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -5px;
    margin-top: -5px
}

.hr-short.hr-left .hr-inner-style {
    left: 5px
}

.hr-short.hr-right .hr-inner-style {
    left: auto;
    right: 0
}

body .container_wrap .hr.avia-builder-el-last,
body .container_wrap .hr.avia-builder-el-first {
    margin: 30px 0
}

.hr-custom {
    margin: 0;
    display: block;
    min-height: 21px;
    height: auto;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    float: left
}

.hr-custom .hr-inner {
    display: inline-block;
    position: relative;
    vertical-align: middle
}

.hr-custom.hr-center {
    text-align: center
}

.hr-custom.hr-right {
    text-align: right
}

.hr-custom.hr-left {
    text-align: left
}

.hr-custom .hr-inner.inner-border-av-border-none {
    border: none
}

.hr-custom .hr-inner.inner-border-av-border-fat {
    border-top-width: 2px
}

.av-seperator-icon {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px
}

.hr-custom.hr-icon-yes .hr-inner {
    margin-left: 10px;
    margin-right: 10px
}

#top .av_font_icon a {
    color: inherit;
    display: block
}

.av_font_icon a:hover,
.av_font_icon a:focus {
    text-decoration: none
}

.av_font_icon {
    display: block;
    text-align: center
}

.avia-icon-pos-left {
    float: left;
    margin-right: 0.5em
}

.avia-icon-pos-right {
    float: right;
    margin-left: 0.5em
}

#top .avia-icon-tooltip {
    width: 250px;
    font-size: 15px;
    line-height: 1.6em
}

.av_font_icon.av-icon-style-border .av-icon-char {
    -webkit-backface-visibility: hidden
}

.av_font_icon.av-icon-style-border .av-icon-char {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border-radius: 1000px;
    border-width: 3px;
    border-style: solid;
    display: block;
    margin: 0 auto;
    padding: 30px;
    color: inherit;
    border-color: inherit;
    position: relative;
    clear: both
}

.av_icon_caption {
    font-size: 16px;
    text-transform: uppercase;
    line-height: 1.3em;
    display: block;
    text-align: center;
    margin-top: 8px;
    font-weight: 400
}

.av_font_icon.av-icon-style-border .av-icon-char:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    top: 0;
    left: 0;
    padding: 0;
    z-index: -1;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
    opacity: 0;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transform-style: preserve-3d
}

.av_font_icon.av-icon-style-border a.av-icon-char:hover:after {
    -webkit-animation: sonarEffect 1s ease-out;
    animation: sonarEffect 1s ease-out
}

.avia_transform .av_font_icon.avia-icon-animate {
    opacity: 0.1;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5)
}

.avia_transform .avia_start_delayed_animation.av_font_icon.avia-icon-animate {
    -webkit-animation: avia_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
    animation: avia_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

#top .iconbox {
    background: transparent
}

.iconbox {
    margin-bottom: 30px;
    position: relative;
    clear: both
}

.iconbox_icon {
    float: left;
    margin: 2px 10px 0 0;
    height: 23px;
    width: 23px;
    font-size: 23px;
    line-height: 18px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

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

.iconbox_left .iconbox_icon {
    border-radius: 50px;
    text-align: center;
    position: relative;
    top: -7px;
    left: -5px;
    height: 30px;
    width: 30px;
    line-height: 30px;
    margin: 2px 0px 0 0
}

.iconbox .iconbox_content .iconbox_content_title {
    border: medium none;
    padding: 2px 0 0 0;
    position: relative;
    margin: 0 0 16px 0;
    clear: none;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 1.5rem
}

#top .iconbox_top {
    margin-top: 20px;
    text-align: center
}

.iconbox_top .iconbox_content {
    padding: 45px 20px 20px 20px;
    border-radius: 3px;
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.3)
}

.iconbox_top .iconbox_icon {
    float: none;
    position: absolute;
    left: 50%;
    top: -26px;
    margin: 0 0 0 -26px;
    padding: 15px;
    border-radius: 100px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    font-size: 20px;
    line-height: 24px
}

.iconbox_left_content .iconbox_content,
.iconbox_right_content .iconbox_content {
    overflow: hidden
}

.iconbox_left_content .iconbox_content .iconbox_content_title,
.iconbox_right_content .iconbox_content .iconbox_content_title {
    margin: 0 0 -3px 0
}

#top .iconbox_left_content .iconbox_icon,
#top .iconbox_right_content .iconbox_icon {
    width: 74px;
    height: 74px;
    font-size: 27px;
    line-height: 72px;
    border-style: solid;
    border-width: 1px;
    border-radius: 500px;
    text-align: center;
    margin-right: 22px
}

#top .iconbox_right_content {
    text-align: right
}

#top .iconbox_right_content .iconbox_icon {
    float: right;
    margin-right: 0;
    margin-left: 22px
}

.iconbox .iconbox_content p:last-child {
    margin-bottom: 0
}

#top .iconbox.av-no-box .iconbox_content {
    padding: 0;
    border: none;
    box-shadow: none;
    background: transparent
}

#top .iconbox.av-no-box .iconbox_icon {
    position: relative;
    top: 0;
    margin: 0 auto 20px auto;
    left: 0;
    width: 90px;
    height: 90px;
    line-height: 90px;
    border-style: solid;
    border-width: 1px;
    padding: 0;
    font-size: 30px;
    display: block
}

#top .iconbox_left_content.av-icon-style-no-border .iconbox_icon,
#top .iconbox_right_content.av-icon-style-no-border .iconbox_icon {
    border: none;
    height: 50px;
    width: 50px;
    line-height: 50px;
    margin-top: 0;
    font-size: 50px
}

#top .iconbox_content_container {
    line-height: 1.65em
}

@media only screen and (min-width:768px) and (max-width:989px) {

    #top .iconbox_left_content .iconbox_icon,
    #top .iconbox_right_content .iconbox_icon {
        margin-bottom: 15px;
        display: inline-block
    }
}

.avia-icon-list-container {
    margin: 30px 0;
    clear: both
}

.avia-icon-list {
    margin: 0;
    padding: 0
}

.avia-icon-list li {
    margin: 0;
    padding: 0 0 30px 0;
    list-style-type: none;
    list-style-position: outside;
    clear: both;
    position: relative;
    min-height: 60px
}

.avia-icon-list .iconlist_icon {
    height: 64px;
    width: 64px;
    line-height: 64px;
    font-size: 30px;
    text-align: center;
    border-radius: 500px;
    position: relative;
    float: left;
    margin-right: 30px;
    margin-left: 2px;
    z-index: 5;
    color: #fff
}

.avia-icon-list a.iconlist_icon:hover {
    color: #fff;
    text-decoration: none
}

.avia-icon-list .iconlist_title {
    text-transform: uppercase;
    top: 4px;
    margin-bottom: 0;
    position: relative
}

#top .avia-icon-list .iconlist_title a:hover {
    text-decoration: underline
}

.avia-icon-list .iconlist_content_wrap {
    overflow: hidden;
    min-height: 1.5em;
    padding-bottom: 4px
}

.avia-icon-list article.article-icon-entry {
    min-height: 45px
}

.avia-icon-list .av-iconlist-empty .iconlist_title {
    margin-top: 17px
}

.avia-icon-list .iconlist-timeline {
    position: absolute;
    top: 1%;
    left: 32px;
    width: 1px;
    height: 99%;
    border-right-width: 1px;
    border-right-style: dashed
}

.avia-icon-list .iconlist_content {
    line-height: 1.65em
}

.avia-icon-list .iconlist_content li {
    min-height: 0;
    padding: 0;
    list-style: disc outside
}

.avia-icon-list li:last-child .iconlist-timeline {
    display: none
}

#top .av_iconlist_title a {
    text-decoration: none
}

#top .av_iconlist_title a:hover {
    text-decoration: underline
}

#top .av-iconlist-small li {
    padding: 0px;
    min-height: 0px
}

#top .av-iconlist-small article.article-icon-entry {
    min-height: 0px
}

#top .av-iconlist-small .iconlist-timeline {
    display: none
}

#top .av-iconlist-small .iconlist_icon {
    background: transparent;
    color: inherit;
    height: 1.45em;
    width: 1.45em;
    line-height: 1.45em;
    font-size: inherit;
    margin-right: 0.25em
}

#top .av-iconlist-small.avia-icon-list-right .iconlist_icon {
    float: right;
    margin-left: 0.1em;
    margin-right: 2px
}

#top .av-iconlist-small .iconlist_content_wrap {
    min-height: 0;
    padding: 0
}

.av-iconlist-small .iconlist_title_small {
    line-height: 1.45em
}

.av-iconlist-small .iconlist_content p:first-child {
    margin-top: 2px
}

.avia-icon-list-right {
    text-align: right
}

.avia-icon-list-right .iconlist_icon {
    float: right;
    margin-left: 30px;
    margin-right: 0;
    margin-right: 2px
}

.avia-icon-list-right .iconlist-timeline {
    left: auto;
    right: 32px
}

.avia_transform .avia-icon-list.av-iconlist-big.avia-iconlist-animate .iconlist_icon {
    opacity: 0.1;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5)
}

.avia_transform .avia-iconlist-animate .iconlist-timeline {
    height: 0%
}

.avia_transform .avia-icon-list.av-iconlist-big.avia-iconlist-animate .avia_start_animation .iconlist_icon {
    -webkit-animation: avia_appear 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
    animation: avia_appear 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.avia_transform .avia-icon-list.av-iconlist-big.avia-iconlist-animate .avia_start_animation .iconlist-timeline {
    -webkit-animation: avia_slide_down 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
    animation: avia_slide_down 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
    height: 100%
}

.avia-image-container {
    display: block;
    position: relative;
    max-width: 100%
}

.avia-image-container-inner,
.avia_image,
.av-image-caption-overlay {
    border-radius: 3px;
    display: block;
    position: relative;
    max-width: 100%
}

.avia-image-container.avia-align-center {
    display: block;
    margin: 0 auto 10px auto;
    text-align: center;
    clear: both
}

.avia-image-container.avia-align-center .avia-image-container-inner {
    margin: 0 auto;
    display: inline-block;
    vertical-align: bottom
}

.avia-image-container.avia-align-left {
    display: block;
    float: left;
    margin-right: 15px;
    margin-top: 5px
}

.avia-image-container.avia-align-right {
    display: block;
    float: right;
    margin-left: 15px;
    margin-top: 5px
}

.avia-image-container.avia-align-center.avia-builder-el-no-sibling {
    margin-bottom: 0;
    margin-top: 0
}

.avia_image+br {
    display: none
}

.avia-image-overlay-wrap a.avia_image {
    overflow: hidden
}

.avia-image-overlay-wrap a.avia_image .image-overlay {
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5)
}

.avia-image-container .avia_image,
.avia-image-container .avia-image-overlay-wrap {
    -webkit-transition: all 0.7s;
    transition: all 0.7s
}

.avia-image-container.av-hover-grow img:hover,
.avia-image-container.av-hover-grow .avia-image-overlay-wrap:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.avia-image-container.av-hover-grow,
.avia-image-container.av-hover-grow .avia-image-container-inner,
.avia-image-container.av-hover-grow .avia-image-overlay-wrap a.avia_image {
    overflow: visible
}

.avia-image-container.av-hover-grow.av-hide-overflow,
.avia-image-container.av-hover-grow.av-hide-overflow .avia-image-container-inner,
.avia-image-container.av-hover-grow.av-hide-overflow .avia-image-overlay-wrap a.avia_image {
    overflow: hidden
}

.av-styling-circle .avia-image-container-inner,
.av-styling-circle .avia_image,
.av-styling-circle .av-image-caption-overlay,
.av-styling-circle div.av-caption-image-overlay-bg {
    overflow: hidden;
    border-radius: 10000px
}

.avia-safari div.av-image-caption-overlay-center {
    -webkit-transform: translate3d(0, 0, 0)
}

.av-styling-no-styling .avia-image-container-inner,
.av-styling-no-styling .avia_image,
.av-styling-no-styling .av-image-caption-overlay {
    border-radius: 0;
    border: none
}

.av-image-caption-overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 10;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.avia-msie-8 .av-image-caption-overlay {
    background: #000;
    filter: alpha(opacity=40)
}

.av-image-caption-overlay-position {
    display: table;
    width: 100%;
    height: 100%;
    position: relative
}

.av-image-caption-overlay-center {
    display: table-cell;
    vertical-align: middle;
    font-size: 1.3em;
    line-height: 1.5em;
    padding: 0px 1.5em
}

.av-image-caption-overlay-center p:first-child {
    margin-top: 0
}

.av-image-caption-overlay-center p:last-child {
    margin-bottom: 0
}

.av-caption-image-overlay-bg {
    position: absolute;
    height: 100%;
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.av-overlay-hover-deactivate .avia-image-overlay-wrap:hover .av-caption-image-overlay-bg {
    opacity: 0 !important
}

.av-overlay-on-hover .av-image-caption-overlay {
    opacity: 0;
    filter: alpha(opacity=00)
}

.av-overlay-on-hover .avia-image-container-inner:hover .av-image-caption-overlay {
    opacity: 1;
    filter: alpha(opacity=100)
}

.avia_transform .avia_animated_image {
    opacity: 0
}

.avia-image-container small.avia-copyright {
    font-size: 0.8em;
    text-align: left;
    line-height: 1.7em
}

.avia-image-container .avia-copyright {
    display: block
}

.avia-image-container.av-has-copyright .avia-image-overlay-wrap {
    position: relative;
    overflow: hidden
}

.av-styling-circle.avia-image-container.av-has-copyright .avia-image-container-inner {
    overflow: visible
}

.avia-image-container.av-has-copyright.av-styling-circle .avia-copyright {
    text-align: center
}

.avia-image-container.av-has-copyright.av-copyright-icon-reveal .avia-copyright {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.1);
    text-align: right;
    color: #fff;
    padding: 0 2em 0 0;
    right: 0;
    bottom: 0;
    width: 2em;
    line-height: 2em;
    max-height: 2em;
    text-indent: -99999px;
    overflow: hidden;
    transition: all 0.3s ease-in;
    z-index: 308
}

.avia-image-container.av-has-copyright.av-copyright-icon-reveal .avia-copyright:hover {
    width: 100%;
    padding: 0 3em 0 1em;
    text-indent: 0;
    max-height: 100%;
    background-color: rgba(0, 0, 0, 0.4)
}

.avia-image-container.av-has-copyright.av-copyright-icon-reveal .avia-copyright:after {
    content: "\E81e";
    font-family: "entypo-fontello";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    text-indent: 0;
    font-size: 0.8em;
    width: 2.6em;
    height: 2.6em;
    line-height: 2.8em;
    text-align: center;
    color: rgba(255, 255, 255, 0.7);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer
}

.avia-image-container.av-has-copyright.av-copyright-icon-reveal .avia-copyright:hover:after {
    background-color: rgba(0, 0, 0, 0.2);
    color: rgba(255, 255, 255, 1)
}

.avia-image-container.av-styling-circle.av-has-copyright.av-copyright-icon-reveal .avia-copyright {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: rgba(0, 0, 0, 0.15);
    text-align: right
}

.avia-image-container.av-styling-circle.av-has-copyright.av-copyright-icon-reveal .avia-copyright:after {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

.avia-image-container.av-styling-circle.av-has-copyright.av-copyright-icon-reveal .avia-copyright:hover {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: rgba(0, 0, 0, 0.5)
}

.av-hotspot-container {
    position: relative;
    display: table;
    margin: 0 auto;
    clear: both;
    table-layout: fixed
}

.av-hotspot-container-inner-cell {
    display: table-cell
}

.av-fullwidth-hotspots .av-hotspot-container-inner-cell {
    width: 100%;
    display: block
}

.av-hotspot-container-inner-wrap img {
    width: 100%;
    display: block
}

.av-hotspot-container .av-image-hotspot {
    height: 18px;
    width: 18px;
    font-size: 0.75rem;
    line-height: 1.25em;
    text-align: center;
    position: absolute;
    z-index: 1;
    margin: -9px 0 0 -9px
}

.av-hotspot-container .av-image-hotspot_inner {
    display: block;
    border-radius: 100px;
    position: absolute;
    height: 100%;
    width: 100%;
    background: #fff;
    color: #888;
    z-index: 2;
    cursor: pointer;
    text-decoration: none
}

.av-hotspot-container .av-image-hotspot_inner:hover {
    background: #fff;
    color: #888
}

.av-hotspot-blank .av-hotspot-container .av-image-hotspot_inner {
    overflow: hidden;
    text-indent: -200%
}

.av-hotspot-container .av-image-hotspot-pulse {
    display: block;
    background: #fff;
    border-radius: 100px;
    height: 40px;
    width: 40px;
    position: absolute;
    -webkit-animation: av_pulsate 2s ease-out infinite;
    animation: av_pulsate 2s linear infinite;
    opacity: 0;
    top: -11px;
    left: -11px;
    z-index: 1
}

.av-tt-hotspot {
    text-align: left
}

.av-hotspot-fallback-tooltip {
    padding: 15px 15px 0 15px;
    position: relative;
    display: none
}

.av-hotspot-image-container .av-hotspot-fallback-tooltip:last-child {
    padding-bottom: 15px
}

.av-hotspot-fallback-tooltip-count {
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-style: solid;
    border-width: 1px;
    text-align: center;
    border-radius: 100px;
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 10
}

.av-hotspot-fallback-tooltip-inner {
    margin-left: 60px;
    border: 1px solid;
    padding: 15px;
    position: relative;
    border-radius: 2px
}

.av-hotspot-fallback-tooltip-inner img {
    max-width: 100px;
    margin: 0 10px 0 0;
    display: block
}

.av-hotspot-fallback-tooltip-inner p:first-child,
.inner_tooltip p:first-child {
    margin-top: 0
}

.av-hotspot-fallback-tooltip-inner p:last-child,
.inner_tooltip p:last-child {
    margin-bottom: 0
}

.av-hotspot-fallback-tooltip div.avia-arrow {
    left: 60px;
    top: 13px;
    border-right: none;
    border-top: none
}

body .av-tt-large-width {
    width: 250px
}

body .av-tt-xlarge-width {
    width: 350px
}

.av-non-fullwidth-hotspot-image .av-hotspot-fallback-tooltip {
    padding-left: 0;
    padding-right: 0
}

.av-non-fullwidth-hotspot-image .av-hotspot-fallback-tooltip-count {
    left: 0px
}

.av-fullwidth-hotspots {
    border-top: none
}

.av-fullwidth-hotspots img {
    width: 100%;
    border-radius: 0px
}

.av-fullwidth-hotspots .av-hotspot-container {
    display: block
}

.avia_transform.js_active .avia_animated_image .av-image-hotspot {
    opacity: 0;
    visibility: hidden
}

.avia_transform.js_active .avia_animated_image .av-display-hotspot {
    -webkit-animation: avia_hotspot_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
    animation: avia_hotspot_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
    opacity: 1;
    visibility: visible
}

.avia_transform.js_active .avia_animated_image .av-image-hotspot .av-permanent-tooltip-single {
    opacity: 0 !important;
    -webkit-transition: all 0.7s cubic-bezier(0.230, 1.000, 0.320, 1.000) 1s;
    transition: all 0.7s cubic-bezier(0.230, 1.000, 0.320, 1.000) 1s;
    -webkit-transform: translate(0px, 10px);
    transform: translate(0px, 10px)
}

.avia_transform.js_active .avia_animated_image .av-display-hotspot .av-permanent-tooltip-single {
    opacity: 1 !important;
    -webkit-transform: translate(0px, 0);
    transform: translate(0px, 0)
}

@media only screen and (min-width:990px) {
    .responsive .av-image-hotspot {
        height: 24px;
        width: 24px;
        line-height: 24px;
        font-size: 0.625rem
    }

    .responsive .av-image-hotspot-pulse {
        height: 54px;
        width: 54px;
        top: -15px;
        left: -15px
    }
}

@media only screen and (max-width:767px) {
    .responsive .av-hotspot-fallback-tooltip {
        display: block
    }

    .responsive .av-mobile-fallback-active.avia-tooltip {
        visibility: hidden
    }

    .responsive .av-hotspot-image-container.av-hotspot-blank.av-mobile-fallback-active .av-image-hotspot_inner {
        text-indent: 0px
    }
}

.av-magazine {
    clear: both;
    overflow: hidden;
    margin-bottom: 30px;
    -webkit-perspective: 1000px;
    -webkit-backface-visibility: hidden
}

.av-magazine-group {
    clear: both;
    position: relative;
    overflow: hidden
}

.av-magazine-group.av-hidden-mag {
    display: none
}

.av-magazine-entry {
    clear: both;
    position: relative;
    margin-bottom: 10px
}

.av-magazine-thumbnail {
    float: left;
    margin-right: 15px;
    width: 61px;
    min-height: 61px;
    border: 1px solid;
    padding: 5px;
    display: block;
    text-align: center;
    position: relative
}

.av-magazine-thumbnail-link {
    overflow: hidden;
    display: block
}

.av-magazine-thumbnail img {
    display: block;
    margin: 0 auto
}

.av-magazine .av-magazine-no-thumb .av-magazine-content-wrap {
    min-height: 0px
}

.av-magazine .av-magazine-no-thumb .av-magazine-content-wrap .av-magazine-title {
    padding-bottom: 10px
}

.av-magazine .av-magazine-entry-icon {
    font-size: 20px;
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    line-height: 51px
}

.av-magazine .av-magazine-entry-icon:hover {
    text-decoration: none
}

.av-magazine-content-wrap {
    overflow: hidden;
    border-bottom: 1px solid;
    min-height: 61px
}

.av-magazine header {
    position: relative
}

.av-magazine-time,
.av-magazine-author,
.av-magazine-text-sep {
    font-size: 12px;
    text-transform: uppercase
}

.av-magazine-text-sep {
    padding: 0 5px
}

.av-magazine .av-magazine-content-wrap .av-magazine-title {
    font-size: 14px;
    line-height: 1.3em;
    text-transform: none;
    letter-spacing: 0.06em;
    padding: 0;
    margin: 0
}

.av-magazine .minor-meta {
    font-size: 12px
}

.av-magazine .av-magazine-text-sep.text-sep-cats,
.av-magazine .av-magazine-text-sep.text-sep-tags {
    padding: 0 5px 0 0;
    text-transform: uppercase
}

.av-magazine .av-magazine-cats-wrap,
.av-magazine .av-magazine-tags-wrap {
    width: 100%;
    float: left;
    margin-top: -10px
}

.av-magazine-hero .av-magazine-thumbnail {
    margin: 0 0 8px 0;
    float: none;
    width: 100%;
    border-radius: 2px;
    padding: 7px
}

.av-magazine-hero .av-magazine-content-wrap {
    padding-bottom: 10px
}

.av-magazine-hero-left .av-magazine-hero .av-magazine-content-wrap {
    border: none;
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-left: 8px
}

.av-magazine-hero .av-magazine-content {
    margin-top: 10px
}

.av-magazine .av-magazine-sideshow.av_one_half {
    margin-left: 3%;
    padding-left: 3%;
    width: 50%;
    border-left-width: 1px;
    border-left-style: solid
}

.av-magazine-top-bar {
    line-height: 30px;
    overflow: hidden;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    margin-bottom: 10px
}

.av-magazine-hero-left .av-magazine-top-bar {
    margin-bottom: 0px
}

.av-magazine-hero-top .av-magazine-top-bar {
    margin-bottom: 0px;
    border: none
}

.av-magazine-hero-left.av-magazine-top-bar-active .flex_column {
    padding-top: 20px
}

.av-magazine-top-heading {
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    float: left
}

.av-magazine-sort {
    float: right;
    font-size: 12px
}

#top .av-magazine .avia-inherit-font-color a.av-magazine-top-heading,
#top .av-magazine .avia-inherit-font-color a.active_sort,
#top .av-magazine .avia-inherit-font-color a:hover {
    color: inherit
}

.avia-font-color-grey {
    color: #555
}

.avia-font-color-black {
    color: #2c2c2c
}

.avia-font-color-red {
    color: #B02B2C
}

.avia-font-color-orange {
    color: #edae44
}

.avia-font-color-green {
    color: #83a846
}

.avia-font-color-blue {
    color: #7bb0e7
}

.avia-font-color-aqua {
    color: #4ecac2
}

.avia-font-color-teal {
    color: #5f8789
}

.avia-font-color-purple {
    color: #745f7e
}

.avia-font-color-pink {
    color: #d65799
}

.avia-font-color-silver {
    color: #DADADA
}

@media only screen and (max-width:767px) {
    .responsive #top #wrap_all .av-magazine .flex_column {
        margin: 0px;
        padding-left: 0px;
        width: 100%;
        border: none
    }
}

.av-masonry {
    position: relative;
    overflow: hidden;
    clear: both;
    background-color: #f8f8f8
}

.av-masonry-container {
    width: 100.4%;
    float: left;
    clear: both;
    position: relative
}

.av-masonry-entry {
    position: relative;
    display: block;
    width: 24.90%;
    float: left;
    clear: none;
    text-decoration: none;
    visibility: hidden;
    opacity: 1.0
}

#top .masonry-no-border {
    border-top: none
}

.av-masonry-entry.av-landscape-img {
    width: 49.80%
}

.av-masonry-col-2 .av-masonry-entry {
    width: 49.80%
}

.av-masonry-col-2 .av-masonry-entry.av-landscape-img {
    width: 99.50%
}

.av-masonry-col-3 .av-masonry-entry {
    width: 33.3%
}

.av-masonry-col-3 .av-masonry-entry.av-landscape-img {
    width: 66.6%
}

.av-masonry-col-4 .av-masonry-entry {}

.av-masonry-col-4 .av-masonry-entry.av-landscape-img {}

.av-masonry-col-5 .av-masonry-entry {
    width: 19.90%
}

.av-masonry-col-5 .av-masonry-entry.av-landscape-img {
    width: 39.80%
}

.av-masonry-col-6 .av-masonry-entry {
    width: 16.6%
}

.av-masonry-col-6 .av-masonry-entry.av-landscape-img {
    width: 33.2%
}

@media only screen and (min-width:768px) and (max-width:989px) {
    .responsive.av-no-preview #top .av-medium-columns-4 .av-masonry-entry {
        width: 24.90%
    }

    .responsive.av-no-preview #top .av-medium-columns-3 .av-masonry-entry {
        width: 33.3%
    }

    .responsive.av-no-preview #top .av-medium-columns-2 .av-masonry-entry {
        width: 49.80%
    }

    .responsive.av-no-preview #top .av-medium-columns-1 .av-masonry-entry {
        width: 100%
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .responsive.av-no-preview #top .av-small-columns-4 .av-masonry-entry {
        width: 24.90%
    }

    .responsive.av-no-preview #top .av-small-columns-3 .av-masonry-entry {
        width: 33.3%
    }

    .responsive.av-no-preview #top .av-small-columns-2 .av-masonry-entry {
        width: 49.80%
    }

    .responsive.av-no-preview #top .av-small-columns-1 .av-masonry-entry {
        width: 100%
    }
}

@media only screen and (max-width:479px) {
    .responsive.av-no-preview #top .av-mini-columns-4 .av-masonry-entry {
        width: 24.90%
    }

    .responsive.av-no-preview #top .av-mini-columns-3 .av-masonry-entry {
        width: 33.3%
    }

    .responsive.av-no-preview #top .av-mini-columns-2 .av-masonry-entry {
        width: 49.80%
    }

    .responsive.av-no-preview #top .av-mini-columns-1 .av-masonry-entry {
        width: 100%
    }
}

.av-masonry-outerimage-container {
    overflow: hidden
}

.av-masonry-outerimage-container,
.av-masonry-image-container {
    position: relative;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1
}

.av-masonry-image-container {
    text-align: center;
    background-size: cover;
    background-position: center center
}

.av-masonry-image-container img {
    display: block;
    margin: 0 auto
}

#top .av-inner-masonry {
    overflow: hidden;
    background-color: transparent
}

.av-masonry-entry .av-inner-masonry-content {
    padding: 5px;
    z-index: 2;
    position: relative;
    width: 100%
}

.av-masonry-entry .avia-arrow {
    border: none;
    top: -5px
}

.av-masonry-item-no-image .avia-arrow {
    display: none
}

.av-masonry-entry .av-masonry-entry-title {
    line-height: 1.3em;
    margin: 0;
    font-size: 16px;
    color: #666666;
    text-align: center;
    padding-top: 15px
}

.av-masonry-entry .av-masonry-entry-title+.av-masonry-entry-content {
    padding-top: 4px;
    text-overflow: ellipsis;
    overflow: hidden
}

.av-masonry-text-sep,
.av-masonry-author {
    font-size: 11px;
    text-align: center
}

.av-masonry-text-sep {
    padding: 0 5px
}

.av-masonry-text-sep.text-sep-author,
.av-masonry-author {
    display: none
}

.av-masonry-entry.av-masonry-item-loaded {
    opacity: 1.0;
    visibility: visible
}

.avia_desktop.avia_transform3d .av-masonry-animation-active .av-masonry-entry {
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    perspective: 600px
}

.avia_desktop.avia_transform3d .av-masonry-animation-active .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry {
    -webkit-animation: avia_msonry_show 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.075);
    animation: avia_msonry_show 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.075)
}

.av-large-gap.av-masonry {
    padding: 30px 0 0 30px
}

.av-no-gap.av-fixed-size .av-masonry-entry .av-inner-masonry {
    position: absolute;
    top: 0px;
    left: -1px;
    right: 0px;
    bottom: -2px
}

.av-1px-gap.av-fixed-size .av-masonry-entry .av-inner-masonry {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 1px;
    bottom: 1px
}

.av-large-gap.av-fixed-size .av-masonry-entry .av-inner-masonry {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 30px;
    bottom: 30px
}

.av-no-gap.av-flex-size .av-masonry-entry .av-inner-masonry {
    position: relative
}

.av-1px-gap.av-flex-size .av-masonry-entry .av-inner-masonry {
    position: relative;
    margin-right: 1px;
    margin-bottom: 1px
}

.av-large-gap.av-flex-size .av-masonry-entry .av-inner-masonry {
    position: relative;
    margin-right: 30px;
    margin-bottom: 30px
}

.avia-mozilla .av-1px-gap.av-flex-size .av-masonry-entry .av-inner-masonry {
    margin-bottom: 2px
}

.av-flex-size .av-masonry-image-container {
    background-image: none !important
}

.av-fixed-size .av-masonry-image-container,
.av-fixed-size .av-masonry-outerimage-container {
    position: absolute
}

.av-fixed-size .av-masonry-image-container img {
    display: none
}

.av-fixed-size .av-masonry-entry .av-inner-masonry-sizer {
    width: 100%;
    padding-bottom: 80%;
    z-index: 1
}

.av-fixed-size .av-masonry-entry.av-landscape-img .av-inner-masonry-sizer {
    padding-bottom: 40%
}

.av-fixed-size .av-masonry-entry.av-portrait-img .av-inner-masonry-sizer {
    padding-bottom: 160%
}

.av-fixed-size .av-masonry-entry.av-portrait-img.av-landscape-img .av-inner-masonry-sizer {
    padding-bottom: 80%
}

#top .av-fixed-size .av-masonry-entry.av-masonry-item-no-image .av-inner-masonry-content,
#top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content {
    display: table;
    position: relative;
    height: 100%;
    width: 100%;
    bottom: 0;
    table-layout: fixed
}

#top .av-fixed-size .av-masonry-entry.av-masonry-item-no-image .av-inner-masonry-content-pos,
#top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content-pos {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

#top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry {
    background: transparent
}

.av-fixed-size .av-masonry-entry .av-inner-masonry-content,
.av-caption-on-hover .av-masonry-item-with-image.av-masonry-entry .av-inner-masonry-content,
.av-flex-size.av-caption-on-hover-hide .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content {
    position: absolute;
    bottom: -1px
}

#top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content {
    background: rgba(0, 0, 0, 0.35)
}

#top .av-caption-style-overlay.av-hover-overlay- .av-masonry-item-with-image .av-inner-masonry-content {
    background: transparent
}

#top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content *,
#top .av-caption-style-overlay .av-masonry-item-with-image ins:before,
#top #wrap_all .av-caption-style-overlay .av-masonry-item-with-image del {
    color: #fff
}

#top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content .avia-arrow,
#top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content .av-icon-display {
    display: none
}

#top #wrap_all .av-caption-style-overlay.av-flex-size .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content {
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    display: block;
    height: auto;
    width: auto
}

#top .av-caption-style-overlay.av-flex-size .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content-pos {
    display: table;
    height: 100%;
    width: 100%
}

#top .av-caption-style-overlay.av-flex-size .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content-pos-content {
    display: table-cell;
    vertical-align: middle
}

#top .av-caption-style-overlay .av-masonry-entry .av-masonry-entry-title {
    font-size: 1.7rem
}

.av-fixed-size.av-orientation-landscape-large .av-masonry-entry .av-inner-masonry-sizer {
    width: 100%;
    padding-bottom: 50%
}

.av-fixed-size.av-orientation-square .av-masonry-entry .av-inner-masonry-sizer {
    width: 100%;
    padding-bottom: 100%
}

.av-fixed-size.av-orientation-portrait .av-masonry-entry .av-inner-masonry-sizer {
    width: 100%;
    padding-bottom: 130%
}

.av-fixed-size.av-orientation-portrait-large .av-masonry-entry .av-inner-masonry-sizer {
    width: 100%;
    padding-bottom: 150%
}

#top .av-masonry-entry:hover {
    text-decoration: none
}

.av-masonry-image-container,
.av-inner-masonry-content,
.av-masonry-pagination {
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.avia_desktop .av-hover-overlay-active .av-masonry-image-container {
    opacity: 1.0
}

.avia_desktop .av-hover-overlay-active .av-masonry-entry:hover .av-masonry-image-container,
.avia_desktop .av-hover-overlay-active.av-caption-style-overlay .av-masonry-entry .av-masonry-image-container {
    opacity: 1
}

.avia_desktop .av-masonry-entry:hover .av-masonry-image-container {
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05)
}

.avia_desktop .av-caption-on-hover .av-masonry-item-with-image .av-inner-masonry-content {
    opacity: 0;
    filter: alpha(opacity=00)
}

.avia_desktop .av-caption-on-hover .av-masonry-item-with-image.av-masonry-entry:hover .av-inner-masonry-content {
    opacity: 1;
    filter: alpha(opacity=100)
}

.avia_desktop .av-caption-on-hover-hide .av-masonry-item-with-image .av-inner-masonry-content {
    opacity: 1;
    filter: alpha(opacity=100)
}

.avia_desktop .av-caption-on-hover-hide .av-masonry-item-with-image.av-masonry-entry:hover .av-inner-masonry-content {
    opacity: 0;
    filter: alpha(opacity=00)
}

.avia_desktop .av-inner-masonry-content {
    -webkit-backface-visibility: hidden
}

.avia_desktop.avia_transform3d .av-caption-on-hover.av-caption-style- .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content,
.avia_desktop.avia_transform3d .av-caption-on-hover-hide.av-caption-style- .av-masonry-entry.av-masonry-item-with-image:hover .av-inner-masonry-content {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-transform: rotateX(120deg);
    transform: rotateX(120deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.avia_desktop.avia_transform3d .av-caption-on-hover-hide.av-caption-style- .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content,
.avia_desktop.avia_transform3d .av-caption-on-hover.av-caption-style- .av-masonry-entry.av-masonry-item-with-image:hover .av-inner-masonry-content {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    transform-origin: center bottom
}

.avia_desktop.avia_transform3d .av-masonry-entry:hover .av-icon-display {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    border-color: transparent
}

.avia_desktop.avia_transform3d .av-masonry-image-container {
    -webkit-perspective: 1000px;
    -webkit-backface-visibility: hidden
}

.av-masonry-sort {
    text-align: center;
    padding: 20px 40px;
    visibility: hidden;
    overflow: hidden
}

#top div.container .av-masonry .av-masonry-sort {
    padding: 0px;
    background: transparent;
    line-height: 30px;
    margin-bottom: 15px;
    font-size: 0.9em
}

.av-large-gap .av-masonry-sort {}

.av-masonry-sort a {
    text-decoration: none
}

.av-masonry-sort .avia_hide_sort {
    display: none
}

.av-sort-by-term>* {
    display: inline-block
}

.av-no-gap .av-masonry-sort,
.av-1px-gap .av-masonry-sort {
    margin: 0 0 1px 0
}

.av-large-gap .av-masonry-sort {
    margin: 0 30px 30px 0
}

.avia-term-count {
    display: none
}

#top .av-sort-yes-tax {
    line-height: 50px
}

#top .av-sort-yes-tax .av-sort-by-term,
#top .av-sort-yes-tax .sort_by_cat {
    float: right
}

#top .av-current-sort-title {
    float: left;
    font-weight: normal;
    font-size: 26px
}

.av-masonry-pagination {
    clear: both;
    z-index: 2;
    bottom: 20px;
    right: 20px;
    padding: 20px;
    display: block
}

#top .av-masonry-load-more {
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 13px;
    visibility: hidden;
    opacity: 0;
    overflow: hidden
}

#top .av-masonry-load-more.av-masonry-no-more-items {
    opacity: 0 !important;
    height: 0px;
    padding: 0px;
    filter: alpha(opacity=00)
}

#top .av-masonry-load-more:hover {
    letter-spacing: 0px
}

.av-no-gap .av-masonry-load-more {
    margin: 1px 0 0 0;
    float: left;
    width: 100%
}

.av-large-gap .av-masonry-pagination {
    margin: 0 30px 30px 0
}

.av-masonry-pagination .pagination {
    padding: 5px
}

.av-masonry-pagination .pagination-meta {
    line-height: 30px
}

.av-masonry-entry.sale .av-masonry-entry-title {
    padding-right: 48px
}

#top .av-masonry-entry.type-product .av-masonry-image-container {
    -webkit-transform: scale(1);
    transform: scale(1)
}

#top .av-masonry-entry .price,
#top .av-masonry-entry .price span,
#top .av-masonry-entry del,
#top .av-masonry-entry ins {
    font-size: 14px
}

#top .av-masonry-entry .onsale {
    top: 20px;
    right: 20px
}

#top .av-caption-style-overlay .av-masonry-entry .onsale {
    top: 0px;
    right: 0px;
    border-radius: 0
}

#top .av-caption-style-overlay .av-masonry-entry.sale .av-masonry-entry-title {
    padding-right: 0px
}

#top .av-masonry-entry .av-inner-masonry .av-masonry-overlay {
    opacity: 0;
    filter: alpha(opacity=0);
    width: 100%;
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

#top .av-masonry-entry:hover .av-inner-masonry .av-masonry-overlay {
    opacity: 1;
    filter: alpha(opacity=100)
}

#top .av-icon-display.av-masonry-media {
    position: absolute;
    left: 50%;
    margin-left: -30px;
    top: -75px;
    opacity: 0.7;
    filter: alpha(opacity=70)
}

#top .av-masonry-entry:hover .av-icon-display.av-masonry-media {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg)
}

#top .av-masonry-entry.format-quote .av-icon-display {
    position: absolute;
    z-index: -1;
    border: none;
    background: rgba(0, 0, 0, 0);
    opacity: 0.1;
    filter: alpha(opacity=10);
    bottom: -20px;
    left: 0;
    font-size: 50px;
    line-height: 100px;
    width: 100px
}

#top div .av-masonry-entry.format-quote:hover .av-icon-display {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    opacity: 0.3;
    filter: alpha(opacity=30)
}

#top .container .av-masonry {
    background: transparent
}

#top .container .av-masonry.av-large-gap {
    padding: 0;
    width: 102%;
    width: calc(100% + 30px)
}

#top .av-hover-overlay-fade_out .av-masonry-image-container {
    opacity: 1.0
}

#top .av-hover-overlay-fade_out .av-masonry-entry:hover .av-masonry-image-container {
    opacity: 1.0
}

#top .av-hover-overlay-grayscale .av-masonry-entry .av-masonry-image-container {
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

#top .av-hover-overlay-grayscale .av-masonry-entry:hover .av-masonry-image-container {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

#top .av-hover-overlay-desaturation .av-masonry-image-container {
    -webkit-filter: saturate(30%);
    filter: saturate(30%)
}

#top .av-hover-overlay-desaturation .av-masonry-entry:hover .av-masonry-image-container {
    -webkit-filter: saturate(100%);
    filter: saturate(100%)
}

#top .av-hover-overlay-bluronhover .av-masonry-image-container {
    -webkit-filter: blur(0px);
    filter: blur(0px)
}

#top .av-hover-overlay-bluronhover .av-masonry-entry:hover .av-masonry-image-container {
    -webkit-filter: blur(10px);
    filter: blur(10px)
}

@media only screen and (min-width:1800px) {

    .responsive.html_stretched .av-masonry-col-flexible .av-masonry-entry,
    .responsive.html_av-framed-box .av-masonry-col-flexible .av-masonry-entry {
        width: 16.6%
    }

    .responsive.html_stretched .av-masonry-col-flexible .av-masonry-entry.av-landscape-img,
    .responsive.html_av-framed-box .av-masonry-col-flexible .av-masonry-entry.av-landscape-img {
        width: 33.2%
    }
}

@media only screen and (min-width:989px) and (max-width:1340px) {
    .responsive .av-masonry-col-flexible .av-masonry-entry {
        width: 33.3%
    }

    .responsive .av-masonry-col-flexible .av-masonry-entry.av-landscape-img {
        width: 66.6%
    }
}

@media only screen and (max-width:767px) {
    .responsive #top .av-masonry-entry {
        width: 100%
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .responsive #top .av-masonry-entry {
        width: 49.90%
    }

    .responsive #top .av-masonry-entry.av-landscape-img {
        width: 100%
    }
}

@media only screen and (max-width:480px) {
    .responsive #top .av-masonry-entry {
        width: 100%
    }
}

@media only screen and (min-width:767px) and (max-width:989px) {
    .responsive .av-masonry-col-flexible.av-masonry-gallery .av-masonry-entry {
        width: 33.3%
    }

    .responsive .av-masonry-col-flexible.av-masonry-gallery .av-masonry-entry.av-landscape-img {
        width: 66.6%
    }

    .responsive .av-masonry-col-automatic .av-masonry-entry .av-masonry-entry-title {
        font-size: 13px
    }

    .responsive .av-masonry-entry .av-masonry-entry-title+.av-masonry-entry-content {
        display: none
    }
}

@media only screen and (min-width:767px) and (max-width:989px) {
    .responsive .av-masonry-col-flexible .av-masonry-entry {
        width: 49.90%
    }

    .responsive .av-masonry-col-flexible .av-masonry-entry.av-landscape-img {
        width: 100%
    }
}

#top .av-masonry-entry-title {
    color: #ff8400;
    font-weight: 500;
    text-align: center
}

#top .av-masonry-entry.isotope-item figcaption,
#top .av-masonry-entry.isotope-item .avia-arrow {
    background: #ffffff
}

#top .av-masonry-entry.isotope-item .entry-content {
    color: #444;
    font-size: 12px;
    text-align: center
}

#top span.av-masonry-date {
    display: none
}

.av-siteloader-wrap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1000000;
    background: #fff;
    display: none
}

html.av-preloader-active {}

html.av-preloader-active .av-siteloader-wrap {
    display: block
}

.av-siteloader-inner {
    position: relative;
    display: table;
    width: 100%;
    height: 100%;
    text-align: center
}

.av-siteloader-cell {
    display: table-cell;
    vertical-align: middle
}

.av-siteloader,
#top div.avia-popup .mfp-preloader {
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    margin: 0 auto;
    border-top: 2px solid rgba(0, 0, 0, 0.2);
    border-right: 2px solid rgba(0, 0, 0, 0.2);
    border-bottom: 2px solid rgba(0, 0, 0, 0.2);
    border-left: 2px solid #000;
    -webkit-animation: av-load8 0.8s infinite linear;
    animation: av-load8 0.8s infinite linear
}

#top div.avia-popup .mfp-preloader {
    position: absolute;
    background: transparent;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff
}

.av-preloader-reactive #top .av-siteloader {
    -webkit-animation: avia_pop_loader 1.3s 1 linear;
    animation: avia_pop_loader 1.3s 1 linear
}

.av-preloader-reactive #top .av-siteloader-extra {
    border-radius: 50%;
    width: 400px;
    height: 400px;
    background: #eee;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-animation: avia_shrink 1.1s 1 linear;
    animation: avia_shrink 1.1s 1 linear;
    margin: -200px 0 0 -200px
}

.av-siteloader,
#top div.avia-popup .mfp-preloader,
.av-siteloader:after,
#top div.avia-popup .mfp-preloader:after {
    border-radius: 50%;
    width: 40px;
    height: 40px
}

.av-preloading-logo {
    position: relative;
    margin: 0 auto;
    display: block;
    max-width: 450px;
    max-height: 450px;
    margin-bottom: 20px;
    z-index: 100
}

#top div.avia-popup .mfp-s-error .mfp-preloader {
    background: transparent;
    width: 100%;
    -webkit-animation: none;
    animation: none;
    white-space: nowrap;
    border: none;
    text-indent: 0;
    font-size: 17px;
    -webkit-transition: none;
    transition: none
}

#top .sticky_placeholder {
    height: 51px;
    position: relative;
    clear: both
}

#top .av-submenu-container {
    min-height: 52px;
    position: relative;
    width: 100%;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    -webkit-perspective: 1000px;
    -webkit-backface-visibility: hidden;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.65em
}

#top .av-submenu-container.av-sticky-submenu {
    position: absolute
}

#top .av-submenu-container .container {
    padding: 0 !important
}

#top .av-subnav-menu {
    margin: 0
}

#top .av-subnav-menu li {
    position: relative;
    display: block;
    margin: 0
}

#top .av-subnav-menu>li {
    padding: 15px 0;
    display: inline-block
}

#top .av-subnav-menu>li>a {
    padding: 0px 10px 0px 12px;
    display: block;
    border-left-style: solid;
    border-left-width: 1px
}

#top .av-subnav-menu>li:first-child a {
    border-left: none
}

#top .av-subnav-menu>li ul {
    visibility: hidden;
    position: absolute;
    width: 200px;
    top: 50px;
    left: 0;
    text-align: left;
    border-style: solid;
    border-width: 1px;
    margin: 0;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

#top .av-subnav-menu>li ul a {
    line-height: 23px;
    padding: 8px 15px;
    width: 100%;
    display: block
}

#top .av-subnav-menu>li ul ul {
    left: 198px;
    top: -1px
}

#top .av-subnav-menu li a {
    text-decoration: none
}

#top .av-subnav-menu li:hover>ul {
    visibility: visible;
    opacity: 1
}

#top .av-subnav-menu li>ul.av-visible-mobile-sublist {
    visibility: visible;
    opacity: 1
}

#top .av-subnav-menu .avia-bullet {
    display: none
}

#top .av-subnav-menu .av-menu-button>a {
    padding: 0;
    border: none
}

#top .av-submenu-pos-left {
    text-align: left
}

#top .av-submenu-pos-center {
    text-align: center
}

#top .av-submenu-pos-right {
    text-align: right
}

#top .av-submenu-pos-right.av-subnav-menu>li ul ul {
    left: -200px
}

#top .av-submenu-container .avia-menu-fx {
    display: none
}

#top .mobile_menu_toggle {
    display: none;
    height: 46px;
    min-width: 46px;
    line-height: 46px;
    padding: 0px 20px;
    text-decoration: none;
    text-align: center;
    margin: 0 3px;
    z-index: 10000;
    border-style: solid;
    border-width: 1px;
    border-top: none;
    border-bottom: none;
    font-size: 30px;
    position: relative
}

#top .mobile_menu_toggle .av-current-placeholder {
    font-size: 14px;
    vertical-align: bottom;
    display: inline-block;
    margin-left: 20px
}

#top .av-subnav-menu li:hover>ul {
    z-index: 10
}

#top .av-submenu-container:hover {
    z-index: 400 !important
}

@media only screen and (max-width:989px) {
    .responsive #top .av-switch-990 .sticky_placeholder {
        max-height: 0px
    }

    .responsive #top .av-switch-990.av-submenu-container {
        top: auto !important;
        position: relative !important;
        height: auto;
        min-height: 0;
        margin-bottom: -1px
    }

    .responsive #top .av-switch-990 .av-menu-mobile-active {
        text-align: center
    }

    .responsive #top .av-switch-990 .av-menu-mobile-active .mobile_menu_toggle {
        display: inline-block
    }

    .responsive #top .av-switch-990 .av-menu-mobile-active .av-subnav-menu {
        display: none
    }

    .responsive #top #wrap_all .av-switch-990 .av-menu-mobile-active.container {
        width: 100%;
        max-width: 100%
    }

    .responsive #top .av-switch-990 .av-menu-mobile-active .av-open-submenu.av-subnav-menu {
        display: block
    }

    .responsive #top .av-switch-990 .av-menu-mobile-active .av-subnav-menu>li:first-child {
        margin-top: -1px
    }

    .responsive #top .av-switch-990 .av-menu-mobile-active .av-subnav-menu li {
        display: block;
        border-top-style: solid;
        border-top-width: 1px;
        padding: 0
    }

    .responsive #top .av-switch-990 .av-menu-mobile-active .av-subnav-menu>li>a {
        border-left: none;
        padding: 15px 15%;
        text-align: left
    }

    .responsive #top .av-switch-990 .av-menu-mobile-active .av-subnav-menu>li a:before {
        content: "\25BA";
        position: absolute;
        top: 15px;
        margin-left: -10px;
        font-family: 'entypo-fontello';
        font-size: 7px
    }

    .responsive #top .av-switch-990 .av-menu-mobile-active .av-subnav-menu li>ul {
        visibility: visible;
        opacity: 1;
        top: 0;
        left: 0;
        position: relative;
        width: 100%;
        border: none
    }

    .responsive #top .av-switch-990 .av-menu-mobile-active.av-submenu-hidden .av-subnav-menu li>ul {
        display: none
    }

    .responsive #top .av-switch-990 .av-menu-mobile-active.av-submenu-hidden .av-subnav-menu li>ul.av-visible-sublist {
        display: block
    }

    .responsive #top .av-switch-990 .av-menu-mobile-active .av-subnav-menu li>ul a {
        padding: 15px 19%
    }

    .responsive #top .av-switch-990 .av-menu-mobile-active .av-subnav-menu li li>ul a {
        padding: 15px 24%
    }

    .responsive #top .av-switch-990 .av-menu-mobile-active .av-subnav-menu li li li>ul a {
        padding: 15px 29%
    }
}

@media only screen and (max-width:767px) {
    .responsive #top .av-switch-768 .sticky_placeholder {
        max-height: 0px
    }

    .responsive #top .av-switch-768.av-submenu-container {
        top: auto !important;
        position: relative !important;
        height: auto;
        min-height: 0;
        margin-bottom: -1px
    }

    .responsive #top .av-switch-768 .av-menu-mobile-active {
        text-align: center
    }

    .responsive #top .av-switch-768 .av-menu-mobile-active .mobile_menu_toggle {
        display: inline-block
    }

    .responsive #top .av-switch-768 .av-menu-mobile-active .av-subnav-menu {
        display: none
    }

    .responsive #top #wrap_all .av-switch-768 .av-menu-mobile-active.container {
        width: 100%;
        max-width: 100%
    }

    .responsive #top .av-switch-768 .av-menu-mobile-active .av-open-submenu.av-subnav-menu {
        display: block
    }

    .responsive #top .av-switch-768 .av-menu-mobile-active .av-subnav-menu>li:first-child {
        margin-top: -1px
    }

    .responsive #top .av-switch-768 .av-menu-mobile-active .av-subnav-menu li {
        display: block;
        border-top-style: solid;
        border-top-width: 1px;
        padding: 0
    }

    .responsive #top .av-switch-768 .av-menu-mobile-active .av-subnav-menu>li>a {
        border-left: none;
        padding: 15px 15%;
        text-align: left
    }

    .responsive #top .av-switch-768 .av-menu-mobile-active .av-subnav-menu>li a:before {
        content: "\25BA";
        position: absolute;
        top: 15px;
        margin-left: -10px;
        font-family: 'entypo-fontello';
        font-size: 7px
    }

    .responsive #top .av-switch-768 .av-menu-mobile-active .av-subnav-menu li>ul {
        visibility: visible;
        opacity: 1;
        top: 0;
        left: 0;
        position: relative;
        width: 100%;
        border: none
    }

    .responsive #top .av-switch-768 .av-menu-mobile-active.av-submenu-hidden .av-subnav-menu li>ul {
        display: none
    }

    .responsive #top .av-switch-768 .av-menu-mobile-active.av-submenu-hidden .av-subnav-menu li>ul.av-visible-sublist {
        display: block
    }

    .responsive #top .av-switch-768 .av-menu-mobile-active .av-subnav-menu li>ul a {
        padding: 15px 19%
    }

    .responsive #top .av-switch-768 .av-menu-mobile-active .av-subnav-menu li li>ul a {
        padding: 15px 24%
    }

    .responsive #top .av-switch-768 .av-menu-mobile-active .av-subnav-menu li li li>ul a {
        padding: 15px 29%
    }
}

@media only screen and (max-width:479px) {
    .responsive #top .av-switch-480 .sticky_placeholder {
        max-height: 0px
    }

    .responsive #top .av-switch-480.av-submenu-container {
        top: auto !important;
        position: relative !important;
        height: auto;
        min-height: 0;
        margin-bottom: -1px
    }

    .responsive #top .av-switch-480 .av-menu-mobile-active {
        text-align: center
    }

    .responsive #top .av-switch-480 .av-menu-mobile-active .mobile_menu_toggle {
        display: inline-block
    }

    .responsive #top .av-switch-480 .av-menu-mobile-active .av-subnav-menu {
        display: none
    }

    .responsive #top #wrap_all .av-switch-480 .av-menu-mobile-active.container {
        width: 100%;
        max-width: 100%
    }

    .responsive #top .av-switch-480 .av-menu-mobile-active .av-open-submenu.av-subnav-menu {
        display: block
    }

    .responsive #top .av-switch-480 .av-menu-mobile-active .av-subnav-menu>li:first-child {
        margin-top: -1px
    }

    .responsive #top .av-switch-480 .av-menu-mobile-active .av-subnav-menu li {
        display: block;
        border-top-style: solid;
        border-top-width: 1px;
        padding: 0
    }

    .responsive #top .av-switch-480 .av-menu-mobile-active .av-subnav-menu>li>a {
        border-left: none;
        padding: 15px 15%;
        text-align: left
    }

    .responsive #top .av-switch-480 .av-menu-mobile-active .av-subnav-menu>li a:before {
        content: "\25BA";
        position: absolute;
        top: 15px;
        margin-left: -10px;
        font-family: 'entypo-fontello';
        font-size: 7px
    }

    .responsive #top .av-switch-480 .av-menu-mobile-active .av-subnav-menu li>ul {
        visibility: visible;
        opacity: 1;
        top: 0;
        left: 0;
        position: relative;
        width: 100%;
        border: none
    }

    .responsive #top .av-switch-480 .av-menu-mobile-active.av-submenu-hidden .av-subnav-menu li>ul {
        display: none
    }

    .responsive #top .av-switch-480 .av-menu-mobile-active.av-submenu-hidden .av-subnav-menu li>ul.av-visible-sublist {
        display: block
    }

    .responsive #top .av-switch-480 .av-menu-mobile-active .av-subnav-menu li>ul a {
        padding: 15px 19%
    }

    .responsive #top .av-switch-480 .av-menu-mobile-active .av-subnav-menu li li>ul a {
        padding: 15px 24%
    }

    .responsive #top .av-switch-480 .av-menu-mobile-active .av-subnav-menu li li li>ul a {
        padding: 15px 29%
    }
}

#top .submenu-style-6.av-submenu-container {
    max-width: 708px !important;
    left: 50%;
    transform: translateX(-50%);
    background: #FC5C7D;
    background: -webkit-linear-gradient(to right, #6A82FB, #FC5C7D);
    background: linear-gradient(to right, #6A82FB, #FC5C7D)
}

.submenu-style-6.av-submenu-container .av-subnav-menu>li>a {
    background: transparent;
    color: #FFF
}

.submenu-style-3.av-submenu-container,
.submenu-style-3.av-submenu-container .container {
    background: transparent;
    max-width: 100% !important
}

.submenu-style-3.av-submenu-container .av-subnav-menu {
    display: flex;
    justify-content: space-around
}

.submenu-style-3.av-submenu-container .av-subnav-menu>li {
    flex-grow: 1;
    padding: 0 !important
}

.submenu-style-3.av-submenu-container .av-subnav-menu>li>a {
    color: #FFF;
    background: transparent;
    border-left-width: 0px !important;
    padding: 15px 0 !important;
    cursor: pointer
}

.submenu-style-3.av-submenu-container .av-subnav-menu>li:nth-child(1) {
    background-color: #ff8400
}

.submenu-style-3.av-submenu-container .av-subnav-menu>li:nth-child(2) {
    background-color: #666666
}

.submenu-style-3.av-submenu-container .av-subnav-menu>li:nth-child(3) {
    background-color: #ff9900
}

.submenu-style-3.av-submenu-container .av-subnav-menu>li:nth-child(4) {
    background-color: #ff8400
}

.submenu-style-3.av-submenu-container .av-subnav-menu>li:nth-child(5) {
    background-color: #666666
}

.submenu-style-3.av-submenu-container .av-subnav-menu>li:nth-child(6) {
    background-color: #ff9900
}

.submenu-style-3.av-submenu-container .av-subnav-menu>li>a:hover {
    background: rgba(0, 0, 0, .5);
    transition: all .35s ease
}

.submenu-style-4 .av-subnav-menu>li>a .av-icon-char:before {
    color: #000;
    font-size: 24px;
    transition: transform .3s
}

.submenu-style-4 .av-subnav-menu>li>a:hover .av-icon-char:before {
    color: #d33131
}

.submenu-style-4 .av-subnav-menu>li>a .av-icon-char {
    line-height: 1em
}

.avia-animated-number {
    display: block;
    clear: both;
    position: relative;
    text-align: center
}

.avia-animated-number:hover {
    text-decoration: none
}

.avia-animated-number-content {
    line-height: 1.3em
}

.avia-animated-number.avia-color-font-light .avia-animated-number-content,
.avia-animated-number.avia-color-font-light .heading {
    color: #fff
}

.avia-animated-number.avia-color-font-dark .avia-animated-number-content,
.avia-animated-number.avia-color-font-dark .heading {
    color: #222
}

#top .avia-color-font-custom .heading {
    color: inherit
}

.avia-animated-number.avia-color-font-embossed .avia-single-number {
    text-shadow: 0 1px 0 rgb(203, 203, 203), 0 2px 0 rgb(201, 201, 201), 0 3px 0 rgb(186, 186, 186), 0 4px 0 rgb(184, 184, 184), 0 5px 0 rgb(171, 171, 171), 0 6px 1px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15);
    color: rgb(255, 255, 255)
}

.avia-animated-number-title {
    font-size: 40px;
    white-space: nowrap;
    line-height: 1em;
    position: relative;
    letter-spacing: -2px;
    font-weight: 400;
    margin-bottom: 4px
}

.avia-no-number {
    opacity: 0.5;
    font-size: 0.8em;
    font-weight: normal
}

.avia-animated-number-content {
    padding: 0;
    position: relative;
    clear: none;
    overflow: hidden;
    font-size: 15px
}

.avia-animated-number-content p {
    margin: 0
}

.js_active .avia-animated-number-title {
    visibility: hidden
}

.number_prepared .avia-animated-number-title {
    visibility: visible
}

.av-icon-before-number {
    margin-right: 10px
}

.av-icon-after-number {
    margin-left: 10px
}

.avia-animated-number-circle {
    display: block;
    position: absolute;
    width: 100%;
    max-width: 600px;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%)
}

.avia-animated-number-circle:after {
    content: "";
    display: block;
    padding-bottom: 100%
}

.avia-animated-number-circle-inner {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border-width: 1px;
    border-style: solid
}

.avia-animated-number-circle-inner:after {
    content: "";
    display: block;
    padding-bottom: 100%
}

.av-circle-hover-animate:hover {
    animation: sonarEffect 1s ease-out
}

@media only screen and (max-width:767px) {
    .avia-animated-number-circle {
        display: none
    }
}

#top .av-post-metadata-container {
    position: relative;
    width: 100%
}

.av-post-metadata-container-inner {
    position: relative;
    line-height: 1.1em;
    margin: 0;
    font-weight: 300;
    text-transform: none;
    color: inherit;
    font-size: inherit;
    display: inline-block
}

.av-post-metadata-container-inner .av-post-metadata-content {
    position: relative;
    width: auto;
    padding: 0;
    line-break: auto
}

.av-post-metadata-container-inner .av-post-metadata-content.av-post-metadata-separator {
    padding: 0 5px
}

.av-post-metadata-container-inner .av-metadata-before {
    padding: 0 5px 0 0
}

.av-post-metadata-container-inner .av-metadata-after {
    padding: 0 0 0 5px
}

.av-post-metadata-container.av-metadata-container-align-left {
    text-align: left
}

.av-post-metadata-container.av-metadata-container-align-center {
    text-align: center
}

.av-post-metadata-container.av-metadata-container-align-right {
    text-align: right
}

#top .aviaccordion {
    position: relative;
    overflow: hidden;
    clear: both
}

#top .avia-accordion-slider-wrap {
    border: none;
    z-index: 2
}

#top .avia-accordion-slider-wrap.el_after_av_slideshow_accordion {
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4)
}

#top .aviaccordion-inner,
#top .aviaccordion-slide,
#top .aviaccordion-slide-link {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    list-style-type: none
}

#top .aviaccordion-slide img {
    height: 100%;
    position: absolute;
    display: block;
    opacity: 0;
    filter: alpha(opacity=0)
}

#top .aviaccordion-slide {
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);
    z-index: 2;
    overflow: hidden
}

#top .aviaccordion-preview {
    position: absolute;
    z-index: 10;
    height: 100%
}

#top .aviaccordion-preview-title-pos {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity=0)
}

#top .aviaccordion-preview-title-wrap {
    position: relative;
    display: table;
    height: 100%;
    width: 100%;
    background: #000;
    background: rgba(0, 0, 0, 0.5);
    padding: 0;
    filter: alpha(opacity=60)
}

#top .aviaccordion-preview-title {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    -webkit-font-smoothing: subpixel-antialiased;
    padding: 10%
}

#top .aviaccordion-preview-title h3 {
    color: #ff8c00
}

#top .aviaccordion-excerpt {
    line-height: 1.65em
}

#top .aviaccordion .av-accordion-text-center {
    text-align: center
}

#top .aviaccordion-title {
    text-transform: uppercase
}

#top .aviaccordion-title-on-hover .aviaccordion-preview {
    opacity: 0;
    filter: alpha(opacity=0);
    text-align: center
}

#top .aviaccordion-title-on-hover .aviaccordion-active-slide .aviaccordion-preview {
    opacity: 1;
    filter: alpha(opacity=100)
}

#top .aviaccordion.av-animation-active .aviaccordion-slide,
#top .aviaccordion-title-on-hover .aviaccordion-preview {
    -webkit-transition: all 0.7s cubic-bezier(0.230, 1.000, 0.320, 1.000);
    transition: all 0.7s cubic-bezier(0.230, 1.000, 0.320, 1.000)
}

@media only screen and (max-width:767px) {
    .responsive #top .aviaccordion-title-no-mobile .aviaccordion-preview-title-pos {
        display: none
    }
}

.avia-slideshow-inner li {
    -webkit-transform-style: preserve-3d
}

.avia-fullwidth-slider {
    border-top-style: solid;
    border-top-width: 1px;
    z-index: 1
}

.avia-fullwidth-slider.avia-builder-el-0 {
    border-top: none
}

div.slider-not-first,
.html_header_transparency #top .avia-builder-el-0 {
    border-top: none
}

.avia-slide-wrap {
    position: relative;
    display: block
}

.avia-slide-wrap>p {
    margin: 0;
    padding: 0
}

.av_slideshow_full.avia-slideshow {
    margin: 0
}

#top .av_slideshow_full.av-control-default .avia-slideshow-arrows a {
    margin: -50px 0 0 0;
    width: 35px;
    text-align: center;
    height: 100px;
    line-height: 102px;
    opacity: 0.5
}

#top .av_slideshow_full .avia-slideshow-arrows a:hover {
    opacity: 1
}

#top .av_slideshow_full.av-control-default .next-slide:before {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    line-height: 102px
}

#top .av_slideshow_full.av-control-default .prev-slide:before {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    line-height: 102px
}

.av_slideshow_full li img {
    border-radius: 0px
}

.av_slideshow_full .container.caption_container {
    position: relative;
    top: 0;
    z-index: 5;
    height: 100%;
    left: 0%;
    overflow: visible
}

.avia_transform .av_slideshow_full .avia-caption-content,
.avia_transform .av_slideshow_full .avia-caption-title,
.avia_transform .av_fullscreen .avia-caption-content,
.avia_transform .av_fullscreen .avia-caption-title,
.avia_transform .av_fullscreen .avia-slideshow-button,
.avia_transform .av_slideshow_full .avia-slideshow-button {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    visibility: hidden
}

.avia_transform .av_slideshow_full .active-slide .avia-caption-content,
.avia_transform .av_fullscreen .active-slide .avia-caption-content {
    visibility: visible;
    -webkit-animation: caption-right 1s 1 cubic-bezier(0.985, 0.005, 0.265, 1);
    animation: caption-right 1s 1 cubic-bezier(0.985, 0.005, 0.265, 1)
}

.avia_transform .av_slideshow_full .active-slide .avia-slideshow-button,
.avia_transform .av_fullscreen .active-slide .avia-slideshow-button {
    visibility: visible;
    -webkit-animation: caption-left 1.2s 1 cubic-bezier(0.985, 0.005, 0.265, 1);
    animation: caption-left 1.2s 1 cubic-bezier(0.985, 0.005, 0.265, 1)
}

.avia_transform .av_slideshow_full .active-slide .avia-slideshow-button-2,
.avia_transform .av_fullscreen .active-slide .avia-slideshow-button-2 {
    visibility: visible;
    -webkit-animation: caption-right 1.2s 1 cubic-bezier(0.985, 0.005, 0.265, 1);
    animation: caption-right 1.2s 1 cubic-bezier(0.985, 0.005, 0.265, 1)
}

.avia_transform .av_slideshow_full .active-slide .avia-caption-title,
.avia_transform .av_fullscreen .active-slide .avia-caption-title {
    visibility: visible;
    -webkit-animation: caption-left 1s 1 cubic-bezier(0.985, 0.005, 0.265, 1);
    animation: caption-left 1s 1 cubic-bezier(0.985, 0.005, 0.265, 1)
}

.avia_transform .av_slideshow_full.avia-fade-slider .active-slide .avia-caption-content,
.avia_transform .av_fullscreen.avia-fade-slider .active-slide .avia-caption-content {
    visibility: visible;
    -webkit-animation: caption-bottom 0.5s 1 ease-out;
    animation: caption-bottom 0.5s 1 ease-out
}

.avia_transform .av_slideshow_full.avia-fade-slider .active-slide .avia-caption-title,
.avia_transform .av_fullscreen.avia-fade-slider .active-slide .avia-caption-title {
    visibility: visible;
    -webkit-animation: caption-top 0.5s 1 ease-out;
    animation: caption-top 0.5s 1 ease-out
}

.avia_transform .av_slideshow_full.avia-fade-slider .active-slide .avia-slideshow-button,
.avia_transform .av_fullscreen.avia-fade-slider .active-slide .avia-slideshow-button {
    visibility: visible;
    -webkit-animation: caption-top 1.2s 1 ease-out;
    animation: caption-top 1.2s 1 ease-out
}

@media only screen and (max-width:479px) {
    .responsive #top .slideshow_caption {
        left: 0;
        width: 100%;
        padding: 0
    }

    .responsive #top .slideshow_caption h2 {
        font-size: 20px !important
    }

    .responsive #top .slideshow_caption .avia-caption-content {
        font-size: 13px !important
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .responsive #top .slideshow_caption {
        left: 0;
        width: 100%;
        padding: 0
    }

    .responsive #top .slideshow_caption h2 {
        font-size: 20px !important
    }

    .responsive #top .slideshow_caption .avia-caption-content {
        font-size: 13px !important
    }
}

@media only screen and (min-width:768px) and (max-width:989px) {}

@media only screen and (min-width:1140px) {}

@media only screen and (min-width:1340px) {}

.av-social-sharing-box {
    margin-top: 30px;
    float: left;
    width: 100%
}

.av-share-box {
    width: 100%;
    clear: both;
    float: left;
    font-size: 13px;
    margin-top: 30px;
    margin-bottom: -50px;
    padding: 0
}

.av-share-box .av-share-link-description {
    margin-bottom: 20px
}

#top .av-share-box ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden;
    border-style: solid;
    border-width: 1px;
    display: table;
    text-align: center;
    table-layout: fixed;
    border-radius: 3px;
    background: transparent
}

.av-social-sharing-box.av-social-sharing-box-fullwidth .av-share-box ul {
    width: 100%
}

#top .av-social-sharing-box.av-social-sharing-center .av-share-box ul {
    margin: 0 auto
}

.av-social-sharing-box.av-social-sharing-right .av-share-box ul {
    float: right
}

.av-share-box ul li {
    margin: 0;
    padding: 0;
    display: table-cell;
    border-left-style: solid;
    border-left-width: 1px
}

.av-share-box ul li:first-child {
    border: none
}

.av-share-box ul li a {
    display: block;
    padding: 15px 0;
    text-decoration: none;
    color: inherit;
    font-size: 14px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.av-social-sharing-box.av-social-sharing-box-same-width .av-share-box ul li a {
    width: 55px;
    height: 55px
}

.av-social-sharing-box.av-social-sharing-box-buttons .av-share-box ul li a {
    border-radius: 25px
}

.av-social-sharing-box.av-social-sharing-box-circle .av-share-box ul li a {
    border-radius: 50%
}

.av-social-sharing-box.av-social-sharing-box-rounded .av-share-box ul li:first-child a {
    border-radius: 25px 0 0 25px
}

.av-social-sharing-box.av-social-sharing-box-rounded .av-share-box ul li:last-child a {
    border-radius: 0 25px 25px 0
}

.av-social-sharing-box.av-social-sharing-box-icon .av-share-box ul li a {
    background: transparent;
    border-radius: 50%;
    border-style: solid;
    border-width: 1px
}

.av-social-sharing-box.av-social-sharing-box-buttons .av-share-box ul li:nth-child(n + 1) a,
.av-social-sharing-box.av-social-sharing-box-circle .av-share-box ul li:nth-child(n + 1) a,
.av-social-sharing-box.av-social-sharing-box-icon .av-share-box ul li:nth-child(n + 1) a {
    margin-left: 2px
}

.av-share-box .avia-related-tooltip {
    width: 150px
}

.av-social-sharing-box .av-share-box {
    margin: 0
}

#top .av-social-sharing-box:not(.av-social-sharing-box-default) .av-share-box ul {
    border: none
}

#top .av-social-sharing-box:not(.av-social-sharing-box-default) .av-share-box ul li {
    border-left: none
}

.av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-rss a {
    color: #fff;
    background-color: #ffa133
}

.av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-facebook a {
    color: #fff;
    background-color: #37589b
}

.av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-twitter a {
    color: #fff;
    background-color: #46d4fe
}

.av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-whatsapp a {
    color: #fff;
    background-color: #00e676
}

.av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-mail a {
    color: #fff;
    background-color: #9fae37
}

.av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-english a {
    color: #fff;
    background-color: #e44885
}

.av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-linkedin a {
    color: #fff;
    background-color: #419cca
}

.av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-search a {
    color: #fff;
    background-color: #222222
}

.av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-gplus a {
    color: #fff;
    background-color: #de5a49
}

.av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-behance a {
    color: #fff;
    background-color: #008cfa
}

.av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-flickr a {
    color: #fff;
    background-color: #ff0086
}

.av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-forrst a {
    color: #fff;
    background-color: #234317
}

.av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-myspace a {
    color: #fff;
    background-color: #000000
}

.av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-tumblr a {
    color: #fff;
    background-color: #345574
}

.av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-vimeo a {
    color: #fff;
    background-color: #31baff
}

.av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-youtube a {
    color: #fff;
    background-color: #a72b1d
}

.av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-pinterest a {
    color: #fff;
    background-color: #cb2027
}

.av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-skype a {
    color: #fff;
    background-color: #12a5f4
}

.av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-instagram a {
    color: #fff;
    background-color: #a67658
}

.av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-five_100_px a {
    color: #fff;
    background-color: #222222
}

.av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-soundcloud a {
    color: #fff;
    background-color: #F76700
}

.av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-xing a {
    color: #fff;
    background-color: #006567
}

.av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-vk a {
    color: #fff;
    background-color: #597BA5
}

.av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-reddit a {
    color: #fff;
    background-color: #FF4500
}

.av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-yelp a {
    color: #fff;
    background-color: #d32323
}

.av-social-sharing-box.av-social-sharing-box-color-bg a:hover {
    opacity: 0.75
}

#top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-rss a:hover {
    background: transparent;
    color: #ffa133
}

#top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-facebook a:hover {
    background: transparent;
    color: #37589b
}

#top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-twitter a:hover {
    background: transparent;
    color: #46d4fe
}

#top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-whatsapp a:hover {
    background: transparent;
    color: #00e676
}

#top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-mail a:hover {
    background: transparent;
    color: #9fae37
}

#top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-english a:hover {
    background: transparent;
    color: #e44885
}

#top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-linkedin a:hover {
    background: transparent;
    color: #419cca
}

#top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-search a:hover {
    background: transparent;
    color: #222222
}

#top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-gplus a:hover {
    background: transparent;
    color: #de5a49
}

#top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-behance a:hover {
    background: transparent;
    color: #008cfa
}

#top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-flickr a:hover {
    background: transparent;
    color: #ff0086
}

#top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-forrst a:hover {
    background: transparent;
    color: #234317
}

#top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-myspace a:hover {
    background: transparent;
    color: #000000
}

#top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-tumblr a:hover {
    background: transparent;
    color: #345574
}

#top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-vimeo a:hover {
    background: transparent;
    color: #31baff
}

#top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-youtube a:hover {
    background: transparent;
    color: #a72b1d
}

#top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-pinterest a:hover {
    background: transparent;
    color: #cb2027
}

#top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-skype a:hover {
    background: transparent;
    color: #12a5f4
}

#top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-instagram a:hover {
    background: transparent;
    color: #a67658
}

#top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-five_100_px a:hover {
    background: transparent;
    color: #222222
}

#top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-soundcloud a:hover {
    background: transparent;
    color: #F76700
}

#top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-xing a:hover {
    background: transparent;
    color: #006567
}

#top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-vk a:hover {
    background: transparent;
    color: #597BA5
}

#top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-reddit a:hover {
    background: transparent;
    color: #FF4500
}

#top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-yelp a:hover {
    background: transparent;
    color: #d32323
}

div .avia-table {
    background: transparent;
    width: 100%;
    clear: both;
    margin: 30px 0;
    table-layout: fixed;
    font-size: 0.875rem
}

.avia-data-table .avia-heading-row .avia-desc-col {
    border-top: none;
    border-left: none
}

.avia-data-table .avia-button-row td {
    text-align: center
}

.avia-data-table .avia-center-col {
    text-align: center
}

.avia-data-table td:before {
    display: none
}

.avia-data-table .avia-pricing-row td,
.avia-data-table .avia-pricing-row th {
    text-align: center;
    font-size: 2.5rem;
    line-height: 1.3em
}

.avia-data-table .avia-desc-col {
    text-align: right
}

.avia-data-table .avia-pricing-row small {
    display: block;
    font-size: 0.75rem;
    font-style: italic;
    line-height: 1.7em
}

.avia-data-table .avia-pricing-row .avia-desc-col {
    font-size: 0.875rem;
    text-align: right
}

.avia-data-table.avia_pricing_minimal th,
.avia-data-table.avia_pricing_minimal td {
    text-align: center;
    padding: 12px;
    color: inherit
}

#top .avia-data-table.avia_pricing_minimal tr {
    background: transparent
}

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

    .responsive div .avia_responsive_table .avia-data-table table,
    .responsive div .avia_responsive_table .avia-data-table tbody,
    .responsive div .avia_responsive_table .avia-data-table tr,
    .responsive div .avia_responsive_table .avia-data-table td,
    .responsive div .avia_responsive_table .avia-data-table th {
        display: block;
        border-top: none;
        border-right: none;
        border-left: none;
        text-align: center
    }

    .responsive .avia_responsive_table .avia-data-table {
        border-style: solid;
        border-width: 1px
    }

    .responsive .avia_responsive_table .avia-data-table .avia-pricing-row .avia-desc-col {
        text-align: center
    }

    .responsive .avia_responsive_table .avia-data-table .avia-button-row,
    .responsive .avia_responsive_table .avia-data-table tr:first-child th {
        display: none
    }

    .responsive .avia_responsive_table .avia-data-table td:before {
        display: block;
        font-style: italic;
        font-size: 0.75rem
    }

    .responsive .avia_responsive_table .avia-data-table td {
        position: relative
    }

    .responsive .avia_scrollable_table {
        width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .avia_scrollable_table .avia-table {
        width: auto
    }

    .responsive .avia_scrollable_table .avia-data-table>thead>tr>th,
    .responsive .avia_scrollable_table .avia-data-table>tbody>tr>th,
    .responsive .avia_scrollable_table .avia-data-table>tfoot>tr>th,
    .responsive .avia_scrollable_table .avia-data-table>thead>tr>td,
    .responsive .avia_scrollable_table .avia-data-table>tbody>tr>td,
    .responsive .avia_scrollable_table .avia-data-table>tfoot>tr>td {
        white-space: nowrap
    }
}

.avia-pricing-table-container {
    position: relative;
    clear: both;
    width: 100%;
    display: table;
    table-layout: fixed
}

.pricing-table-wrap {
    display: table-cell
}

.pricing-table {
    margin: 10px
}

.pricing-table>li {
    list-style-type: none;
    list-style-position: outside;
    padding: 9px 12px;
    border-top-style: solid;
    border-top-width: 1px;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-style: solid;
    border-right-width: 1px;
    margin: 0;
    text-align: center;
    position: relative
}

.avia-pricing-table-container .pricing-table>li:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    display: block
}

.pricing-table>li:first-child,
.pricing-extra {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-style: solid;
    border-top-width: 1px;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-style: solid;
    border-right-width: 1px
}

.pricing-extra {
    display: none
}

.avia-desc-col.pricing-table li {
    border-style: dashed;
    border-left: none;
    border-right: none;
    text-align: right
}

#top .avia-desc-col.pricing-table .avia-button-row {
    border: none
}

#top .avia-button-row .avia-button-wrap {
    margin: 10px 0
}

.avia-center-col.pricing-table {
    text-align: center
}

.pricing-table li.avia-pricing-row {
    text-align: center;
    font-size: 3.75rem;
    line-height: 1em;
    padding: 25px 12px;
    font-weight: 600
}

.pricing-table li.avia-pricing-row small {
    display: block;
    font-size: 0.875rem;
    font-style: italic;
    line-height: 1.4em;
    font-weight: normal;
    letter-spacing: 0.02em;
    text-shadow: none
}

.pricing-table.avia-highlight-col .pricing-extra {
    display: block;
    position: absolute;
    top: -20px;
    height: 25px;
    left: -1px;
    right: -1px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.pricing-table li.empty-table-cell {
    display: none
}

.pricing-table.avia-desc-col li.empty-table-cell {
    display: block
}

.fallback-table-val {
    visibility: hidden
}

.pricing-table.avia-highlight-col {
    box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.1);
    margin: 4px
}

.pricing-table.avia-highlight-col>li:last-child {
    padding-bottom: 25px
}

.pricing-table.avia-highlight-col .first-table-item {
    position: relative;
    top: -9px;
    z-index: 10
}

.pricing-table li.avia-pricing-row .currency-symbol {
    font-size: 0.5rem;
    position: relative;
    top: -0.6em;
    line-height: 1em;
    text-shadow: none;
    font-weight: normal
}

.avia_pricing_default .pricing-table li.avia-pricing-row small,
.avia_pricing_default .pricing-table li.avia-pricing-row .currency-symbol {
    opacity: 0.4;
    color: #fff;
    filter: alpha(opacity=40);
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3)
}

.avia_show_empty_cells .pricing-table .empty-table-cell {
    display: block
}

.avia_pricing_minimal .pricing-table {
    box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.1)
}

#top .avia_pricing_minimal .pricing-table>li {
    border: none
}

.avia_pricing_minimal .pricing-table>li:first-child,
#top .avia_pricing_minimal .pricing-extra,
.avia_pricing_minimal .pricing-table>li:last-child {
    border-radius: 0;
    border: none
}

.avia_pricing_minimal .pricing-table.avia-highlight-col .pricing-extra {
    left: 0;
    right: 0
}

.avia_pricing_minimal .pricing-table li.avia-pricing-row {
    font-weight: 300
}

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

    .responsive .avia-pricing-table-container,
    .responsive .pricing-table-wrap {
        display: block
    }

    .responsive .pricing-table {
        display: block;
        margin-bottom: 40px
    }

    .responsive .pricing-table.avia-desc-col {
        display: none
    }
}

#top .tabcontainer {
    background: transparent
}

#top .tabcontainer {
    background: #f5f5f5
}

.tabcontainer {
    margin: 30px 0;
    position: relative;
    width: 100%;
    clear: both;
    overflow: hidden;
    background: transparent
}

.tab_titles {
    position: relative;
    width: 100%;
    clear: both;
    float: left;
    z-index: 5
}

.widget .tabcontainer {
    margin-top: 0px
}

.js_active .tab_content {
    visibility: hidden;
    clear: both;
    padding: 10px 19px;
    overflow: auto;
    position: absolute;
    top: 0;
    z-index: 0;
    left: 120%;
    width: 100%
}

.js_active .tab {
    cursor: pointer;
    margin: 0 -1px 0 0;
    display: block;
    float: left;
    z-index: 2;
    position: relative;
    padding: 12px 16px;
    top: 1px;
    font-size: 0.8em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-style: solid;
    border-width: 1px
}

.js_active .top_tab .tab {
    border-bottom: none;
    padding: 12px 16px 14px 16px
}

.js_active .active_tab {
    z-index: 4;
    position: relative;
    font-weight: bold
}

.js_active .tab_titles .tab:first-child {
    border-top-left-radius: 2px
}

.js_active .tab_titles .tab:last-child {
    border-top-right-radius: 2px
}

.js_active .active_tab_content {
    display: block;
    visibility: visible;
    z-index: 3;
    position: relative;
    overflow: auto;
    border-style: solid;
    border-width: 1px;
    border-radius: 2px;
    left: 0;
    width: auto
}

.tabcontainer .tab_icon {
    margin-right: 7px;
    font-size: 1em
}

.tab_inner_content {
    margin: 11px 0;
    left: -200%;
    position: relative
}

.active_tab_content .tab_inner_content {
    left: 0;
    position: relative
}

.sidebar_tab .tab_titles {
    width: 30%;
    min-width: 170px;
    max-width: 250px;
    float: left;
    display: block
}

.sidebar_tab_right .tab_titles {
    float: right
}

.sidebar_tab .tab_titles .tab {
    width: 100%;
    margin: 0 0 -1px 0;
    top: 0
}

.sidebar_tab .tab_content {
    overflow: hidden;
    clear: none;
    left: -1px
}

.sidebar_tab_right .tab_content {
    left: 1px
}

.js_active .sidebar_tab .tab_titles .tab:last-child {
    border-top-right-radius: 0;
    border-bottom-left-radius: 2px
}

.sidebar_tab_left .active_tab.tab {
    width: 100.5%;
    border-right: none
}

.sidebar_tab_right .active_tab.tab {
    width: 100.5%;
    border-left: none;
    left: -1px
}

.noborder_tabs.sidebar_tab_left .tab_content,
.noborder_tabs.sidebar_tab_right .tab_content {
    border: none;
    box-shadow: -8px 0px 20px -10px rgba(0, 0, 0, 0.2);
    left: 0;
    padding: 0px 0 0 30px
}

.noborder_tabs.sidebar_tab_right .tab_content {
    box-shadow: 8px 0px 20px -10px rgba(0, 0, 0, 0.2);
    padding: 0px 30px 0 0
}

.noborder_tabs.sidebar_tab_left .tab {
    border-left: none
}

.noborder_tabs.sidebar_tab_right .tab {
    border-right: none
}

.noborder_tabs .tab:first-child {
    border-top: none
}

.noborder_tabs .tab:last-child {
    border-bottom: none
}

.tabcontainer .tab.fullsize-tab {
    display: none
}

@media only screen and (max-width:767px) {
    .responsive .tabcontainer {
        border-width: 1px;
        border-style: solid;
        border-top: none;
        overflow: hidden
    }

    .responsive .tabcontainer .tab_titles {
        display: none
    }

    .responsive .tabcontainer .tab_content,
    .responsive .tabcontainer .tab {
        width: 100%;
        max-width: 100%;
        border-left: none;
        border-right: 0;
        left: 0;
        top: 0;
        min-height: 0 !important
    }

    .responsive .tabcontainer .tab_content {
        border-bottom: none;
        padding: 15px 30px;
        clear: both
    }

    .responsive .tabcontainer .tab.fullsize-tab {
        display: block;
        margin-bottom: -1px
    }

    .responsive .top_tab .tab.fullsize-tab {
        margin-bottom: 0px
    }
}

#top .tabcontainer .tab {
    background: #ff9900;
    color: #eeeeee;
    border: 1px solid #ff8400
}

#top .tabcontainer .tab:hover {
    color: #FFF !important
}

#top .tabcontainer .active_tab {
    background: #f3f3f3 !important;
    color: #222;
    border: none !important
}

#top .tabcontainer .tab.active_tab:hover {
    color: inherit !important
}

#top .tabcontainer .tab_content.active_tab_content {
    background: #f3f3f3 !important
}

.avia-team-member {
    margin: 30px 0;
    clear: both
}

.avia-team-member.avia-builder-el-no-sibling {
    margin: 0
}

.team-member-name {
    margin-top: 7px;
    font-size: 1.55em
}

.team-member-job-title {
    margin-top: -7px;
    font-size: 1em
}

.team-member-description {}

.team-social a {
    text-decoration: none;
    position: relative;
    border-radius: 30px;
    padding: 0 16px;
    background: #fff;
    margin: 3px;
    display: inline-block;
    height: 53px;
    line-height: 54px;
    width: 53px
}

.team-img-container {
    position: relative;
    overflow: hidden;
    border-radius: 3px;
    text-align: center;
    margin-bottom: 10px
}

.team-img-container img {
    display: block;
    margin: 0 auto;
    width: 100%
}

.team-img-container img.av-team-img-original {
    width: auto;
    max-width: 100%
}

.avia-team-member .team-social {
    border: 7px solid rgba(0, 0, 0, 0.1);
    position: absolute;
    font-size: 19px;
    background: #fff;
    background: rgba(255, 255, 255, 0.7);
    opacity: 0;
    visibility: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    border-radius: 3px
}

.team-social-inner {
    width: 100%;
    padding: 0 5%;
    position: absolute;
    top: 50%;
    margin-top: -26px;
    left: 0
}

.team-img-container:hover .team-social {
    visibility: visible;
    opacity: 1
}

.avia-team-member .plus-google:hover {
    color: #de5a49
}

.avia-team-member .rss:hover {
    color: #ffa133
}

.avia-team-member .facebook:hover {
    color: #37589b
}

.avia-team-member .twitter:hover {
    color: #46d4fe
}

.avia-team-member .mail:hover {
    color: #9fae37
}

.avia-team-member .dribbble:hover {
    color: #e44885
}

.avia-team-member .linkedin:hover {
    color: #419cca
}

.avia-team-member .search:hover {
    color: #222222
}

.avia-team-member .behance:hover {
    color: #008cfa
}

.avia-team-member .flickr:hover {
    color: #ff0086
}

.avia-team-member .forrst:hover {
    color: #234317
}

.avia-team-member .myspace:hover {
    color: #000000
}

.avia-team-member .tumblr:hover {
    color: #345574
}

.avia-team-member .vimeo:hover {
    color: #31baff
}

.avia-team-member .youtube:hover {
    color: #a72b1d
}

.avia-team-member .pinterest:hover {
    color: #cb2027
}

.avia-team-member .skype:hover {
    color: #12a5f4
}

.avia-team-member .five_100_px:hover {
    color: #222222
}

.avia-team-member .soundcloud:hover {
    color: #F76700
}

.avia-team-member .xing:hover {
    color: #006567
}

.avia-team-member .reddit:hover a {
    color: #FF4500
}

@media only screen and (max-width:989px) {
    .responsive.av-no-preview .team-social a {
        padding: 0 8px;
        background: #fff;
        margin: 3px;
        margin-top: 11px;
        display: inline-block;
        height: 33px;
        line-height: 32px;
        width: 33px;
        border-style: solid;
        border-width: 1px
    }

    .responsive.av-no-preview #top .avia-team-member .team-img-container img {
        position: relative;
        z-index: 3
    }

    .responsive.av-no-preview #top .avia-team-member .team-social {
        border: 1px solid rgba(0, 0, 0, 0.1);
        position: relative;
        font-size: 20px;
        background: #FFF;
        background: rgba(0, 0, 0, 0.03);
        opacity: 1;
        visibility: visible;
        top: auto;
        left: 0;
        right: 0;
        bottom: 5px;
        height: 60px;
        text-align: center;
        border-radius: 3px;
        border-top-right-radius: 0px;
        border-top-left-radius: 0px;
        font-size: 15px;
        z-index: 1
    }
}

.avia-testimonial {
    border-right-style: dashed;
    border-right-width: 1px;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    padding: 20px
}

.avia-first-testimonial {
    clear: both
}

.avia-testimonial-wrapper .avia-testimonial-row:last-child .avia-testimonial {
    border-bottom: none
}

.avia-testimonial.avia-last-testimonial,
.avia-grid-1-testimonials .avia-testimonial {
    border-right: none
}

.avia-testimonial-image img {
    border-radius: 100px
}

.avia-testimonial-image {
    float: left;
    margin: 0 20px 0 0;
    width: 80px;
    height: 80px;
    border-radius: 100px;
    overflow: hidden;
    background-size: contain;
    background-position: center center
}

.avia-testimonial-content {
    overflow: hidden
}

.avia-testimonial-content p:first-child {
    margin-top: 0
}

.avia-testimonial-meta {
    position: relative;
    overflow: hidden;
    margin-left: 100px
}

.avia-testimonial-meta-mini {
    overflow: hidden;
    line-height: 1.3em;
    padding-top: 0.2em
}

.avia-testimonial-name {
    display: block
}

.avia-testimonial-arrow-wrap {
    display: none
}

.avia-testimonial-wrapper {
    display: table;
    margin: 30px 0;
    clear: both;
    width: 100%;
    table-layout: fixed
}

.avia-testimonial-row {
    display: table-row
}

body div .avia-testimonial {
    display: table-cell;
    float: none
}

.avia_transform .avia-testimonial .avia-testimonial-image {
    opacity: 0.2;
    -webkit-transform: scale(0.5);
    transform: scale(0.5)
}

.avia_transform .avia_start_animation.avia-testimonial .avia-testimonial-image {
    -webkit-animation: avia_appear 0.4s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
    animation: avia_appear 0.4s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.av-minimal-grid-style .avia-testimonial {
    border: none;
    padding: 40px
}

.av-minimal-grid-style .avia-testimonial-image {
    width: 45px;
    height: 45px;
    margin: 0 15px 0 0;
    overflow: visible
}

.av-minimal-grid-style .avia-testimonial-meta {
    margin-left: 0;
    overflow: visible
}

.av-minimal-grid-style .avia-testimonial-meta-mini {}

.av-boxed-grid-style.avia-testimonial-wrapper {
    border-spacing: 3px;
    border-collapse: separate
}

.av-boxed-grid-style .avia-testimonial {
    border: none;
    padding: 0px
}

.av-boxed-grid-style .avia-testimonial_inner {
    padding: 40px
}

.avia-testimonial.avia-first-testimonial {
    padding-left: 0
}

.avia-testimonial.avia-last-testimonial {
    padding-right: 0
}

#top .avia-slider-testimonials.avia-testimonial-wrapper {
    display: block;
    clear: both;
    position: relative
}

#top .avia-slider-testimonials.avia-testimonial-wrapper .avia-testimonial-row {
    display: block;
    width: 100%;
    position: relative
}

#top .avia-slider-testimonials.avia-testimonial-wrapper .avia-testimonial {
    visibility: hidden;
    border: none;
    width: 100%;
    float: none;
    padding: 0;
    position: absolute;
    top: 0
}

.js_active .avia-slider-testimonials.avia-testimonial-wrapper .avia-testimonial {
    opacity: 0
}

#top .avia-slider-testimonials.avia-testimonial-wrapper .avia-testimonial:first-child {
    display: block;
    visibility: visible;
    position: relative
}

.avia-slider-testimonials .avia-testimonial-meta {
    margin: 13px 0 0 20px;
    overflow: visible;
    font-size: 12px
}

.avia-slider-testimonials .avia-testimonial-meta .avia-testimonial-image {
    margin: 0 10px 0 0;
    width: 40px;
    height: 40px
}

.avia-slider-testimonials .avia-testimonial-content {
    padding: 15px;
    border-style: solid;
    border-width: 1px;
    border-radius: 2px
}

.avia-slider-testimonials .avia-testimonial-content p:last-child {
    margin-bottom: 0
}

.avia-slider-testimonials .avia-testimonial-arrow-wrap {
    display: block;
    position: absolute;
    top: -14px;
    left: 14px;
    overflow: hidden;
    width: 10px;
    height: 10px
}

.avia-slider-testimonials .avia-testimonial-name {
    font-size: 14px
}

.avia_mobile .avia-slider-testimonials {
    pointer-events: none
}

#top .av-large-testimonial-slider {
    text-align: center;
    pointer-events: all
}

#top .av-large-testimonial-slider .avia-testimonial-content {
    border: none;
    padding: 0;
    background: transparent;
    font-size: 1.3em;
    line-height: 1.65em
}

#top .av-large-testimonial-slider .avia-testimonial-meta {
    display: inline-block;
    width: auto;
    margin: 30px 0 0 0
}

#top .av-large-testimonial-slider .avia-testimonial-arrow-wrap {
    display: none
}

#top .av-large-testimonial-slider .avia-testimonial-meta-mini {
    text-align: left;
    overflow: visible;
    float: left;
    line-height: 1.8em;
    padding-top: 0
}

#top .av-large-testimonial-slider .avia-testimonial-name {
    font-size: 1.6em;
    margin-top: 1em
}

#top .av-large-testimonial-slider .avia-testimonial-meta .avia-testimonial-image {
    width: 80px;
    height: 80px
}

#top .av-large-testimonial-slider.avia-testimonial-wrapper .avia-testimonial {
    padding: 0px 100px
}

#top .av-large-testimonial-slider .avia-slideshow-arrows a {
    top: 0;
    margin-top: -1px;
    color: inherit;
    opacity: 0.1;
    font-size: 45px
}

#top .av-large-testimonial-slider:hover .avia-slideshow-arrows a {
    opacity: 0.5
}

#top .av-large-testimonial-slider .avia-slideshow-arrows a:hover {
    opacity: 0.9
}

#top .av-large-testimonial-slider .avia-slideshow-arrows a:before {
    background: transparent
}

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

    .responsive .avia-testimonial-wrapper,
    .responsive .avia-testimonial-row,
    .responsive .avia-testimonial {
        display: block;
        width: 100%;
        float: none
    }

    .responsive .avia-testimonial {
        padding: 20px 0;
        border-right: none;
        margin: 0
    }

    .responsive #top .avia-testimonial {
        border-bottom-style: dashed;
        border-bottom-width: 1px
    }

    .responsive #top .avia-testimonial-row:last-child .avia-testimonial:last-child {
        border: none
    }

    .responsive #top .avia-slider-testimonials .avia-testimonial {
        border: none
    }

    .responsive #top .av-large-testimonial-slider.avia-testimonial-wrapper .avia-testimonial {
        padding: 0px 70px;
        font-size: 0.85em
    }

    .responsive #top .av-large-testimonial-slider .avia-slideshow-arrows a {
        font-size: 30px
    }
}

@media only screen and (max-width:479px) {
    .responsive .avia-grid-testimonials .avia-testimonial-meta {
        margin-left: 0
    }
}

.avia-video,
.avia-iframe-wrap {
    clear: both;
    position: relative;
    margin-bottom: 0px
}

.avia-video,
.avia-video iframe,
.avia-video video {
    background-color: #000
}

.avia-video iframe,
.js_active .avia-iframe-wrap iframe,
div .avia-video .avia-iframe-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0
}

.avia-video-custom {
    height: 0
}

.avia-video-16-9,
.js_active .avia-iframe-wrap {
    padding-bottom: 56.25%;
    height: 0
}

.avia-video-4-3 {
    padding-bottom: 75%;
    height: 0
}

video {
    width: 100%;
    height: auto
}

.mejs-layer {
    z-index: 1;
    width: 100% !important
}

.mejs-layer.mejs-overlay-play {
    height: 100% !important
}

#top .avia-video .mejs-container,
#top .avia-video .mejs-container video {
    height: 100% !important;
    width: 100% !important;
    position: absolute
}

#top .avia-video .av-click-to-play-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 1000
}

#top .avia-video .av-click-to-play-overlay .avia_playpause_icon {
    display: block;
    -webkit-transition: opacity 0.4s ease-out;
    transition: opacity 0.4s ease-out
}

#top .avia-video .av-click-to-play-overlay:hover .avia_playpause_icon {
    opacity: 0.7
}

.avia-video .mejs-poster,
.avia-video {
    background-position: center center;
    background-size: cover
}

.avia-video .mejs-poster {
    position: absolute;
    height: 100% !important;
    width: 100% !important;
    top: 0;
    left: 0
}

p:empty,
.entry-content-wrapper:empty {
    display: none
}

.avia-shadow {
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1)
}

.webkit_fix {
    -webkit-perspective: 1000px;
    -webkit-backface-visibility: hidden
}

body .container_wrap .avia-builder-el-no-sibling {
    margin-top: 0;
    margin-bottom: 0
}

body .container_wrap .avia-builder-el-last {
    margin-bottom: 0
}

body .container_wrap .avia-builder-el-first {
    margin-top: 0
}

body .av-align-left {
    text-align: left
}

body .av-align-right {
    text-align: right
}

body .av-align-center {
    text-align: center
}

#top .av_inherit_color * {
    color: inherit
}

#top .av_inherit_color a {
    text-decoration: underline
}

#top .av_opacity_variation {
    opacity: 0.7
}

#top .av-shortcode-disabled-notice {
    display: block;
    text-align: center;
    margin: 5px;
    padding: 20px;
    background-color: #FFFDF3;
    color: #C96D11;
    border: 1px solid #E6BF4A;
    clear: both
}

#top .av-shortcode-disabled-notice a {
    color: inherit;
    text-decoration: underline
}

.av-screen-reader-only {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden
}

.avia_textblock {
    clear: both;
    line-height: 2.2em;
    font-size: 1.2rem
}

.flex_column+.avia_textblock {
    padding-top: 50px
}

body .column-top-margin {
    margin-top: 50px
}

body .flex_column.avia-link-column {
    cursor: pointer
}

body .flex_column.avia-link-column.avia-link-column-hover:hover {
    opacity: 0.8
}

.av-icon-display {
    display: block;
    font-size: 30px;
    line-height: 58px;
    margin: 0 auto 20px auto;
    width: 60px;
    border-radius: 100px;
    border-style: solid;
    border-width: 1px;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.avia-section {
    clear: both;
    width: 100%;
    float: left;
    min-height: 100px;
    position: static
}

.avia-section.avia-section-small {
    min-height: 0
}

.js_active .av-minimum-height .container {
    z-index: 1;
    opacity: 0;
    -webkit-transition: opacity 0.6s ease-in;
    transition: opacity 0.6s ease-in
}

.js_active.av-preloader-enabled .av-minimum-height .container {
    -webkit-transition: opacity 1.2s ease-in;
    transition: opacity 1.2s ease-in
}

.avia-section.av-minimum-height .container {
    display: table;
    table-layout: fixed
}

.avia-section.av-minimum-height .container .content {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    float: none !important
}

.av-minimum-height-100 .container {
    height: 1500px
}

.avia-full-stretch {
    background-size: cover !important
}

.avia-full-contain {
    background-size: contain !important
}

.avia_mobile .avia-full-stretch {
    background-attachment: scroll !important
}

#top #main .avia-section .template-page {
    width: 100%;
    border: none;
    margin-left: auto;
    padding-left: 0;
    margin-right: auto
}

.avia-section .template-page .entry-content-wrapper {
    padding-right: 0
}

.avia-section-small .content,
.avia-section-small .sidebar {
    padding-top: 20px;
    padding-bottom: 20px
}

.avia-section-large .content,
.avia-section-large .sidebar {
    padding-top: 70px;
    padding-bottom: 70px
}

.avia-section-huge .content,
.avia-section-huge .sidebar {
    padding-top: 130px;
    padding-bottom: 130px
}

.avia-section-no-padding .content,
.avia-section-no-padding .sidebar,
.avia-section-custom .content,
.avia-section-custom .sidebar {
    padding-top: 0;
    padding-bottom: 0
}

.html_header_sticky_disabled .container_wrap:first-child,
.avia-section.avia-full-stretch,
.html_header_transparency .avia-section.avia-builder-el-0 {
    border-top: none
}

#top #wrap_all #main .avia-no-border-styling {
    border: none
}

#top .scroll-down-link {
    height: 60px;
    width: 80px;
    margin: 0px 0 0 -40px;
    line-height: 60px;
    position: absolute;
    left: 49.85%;
    bottom: 0px;
    color: #FFF;
    text-align: center;
    font-size: 70px;
    z-index: 100;
    text-decoration: none;
    text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
    -webkit-animation: avia_fade_move_down 2s ease-in-out infinite;
    animation: avia_fade_move_down 2s ease-in-out infinite
}

#top .av-section-with-video-bg {
    border-top: none;
    position: relative
}

#top .av-section-video-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0;
    margin: 0;
    z-index: 1
}

#top .av-section-video-bg .av-click-to-play-overlay {
    display: none
}

#top .av-section-video-bg .avia-slideshow-inner {
    height: 100% !important
}

#top .av-section-with-video-bg .av-section-video-bg .av-video-service-vimeo iframe {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.avia_mobile #top .av-parallax-section {
    z-index: 0;
    -webkit-transform: translate3d(0, 0, 0)
}

.avia_mobile #top .av-parallax {
    position: absolute;
    z-index: -10
}

.avia_mobile #top .av-parallax .container {
    z-index: 10
}

.avia_mobile #top .av-section-mobile-video-disabled .av-section-video-bg {
    display: none
}

.avia_desktop #top .av-section-mobile-video-disabled {
    background-image: none !important
}

.avia_desktop #top .av-section-mobile-video-disabled .av-parallax {
    display: none
}

.av-parallax-section {
    position: relative;
    border-top: none;
    overflow: hidden
}

.av-parallax {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    height: calc((100vh * 0.3) + 100%);
    will-change: transform
}

.av-parallax-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0
}

.js_active .av-parallax {
    opacity: 0
}

.js_active .av-parallax.enabled-parallax {
    opacity: 1
}

.js_active .av-parallax.active-parallax {
    opacity: 1;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out
}

.avia_transform .av-extra-border-element {
    position: relative;
    width: 100%;
    overflow: visible
}

.avia_transform .av-extra-border-element.border-extra-arrow-down {
    position: relative;
    width: 50px;
    height: 25px;
    left: 50%;
    margin-left: -26px;
    margin-top: -1px;
    z-index: 25;
    margin-bottom: -25px;
    clear: both
}

.avia_transform .av-extra-border-element .av-extra-border-outer {
    overflow: hidden;
    height: 100%;
    width: 100%;
    position: absolute
}

.avia_transform .av-extra-border-element.border-extra-arrow-down .av-extra-border-inner {
    position: absolute;
    left: 50%;
    width: 50px;
    height: 50px;
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
    top: -39px
}

.av-section-color-overlay+.container+.border-extra-diagonal,
.av-section-color-overlay+.scroll-down-link+.container+.border-extra-diagonal {
    z-index: 1
}

.avia_transform .av-extra-border-element.border-extra-diagonal {
    height: 250px;
    margin-top: -250px
}

.avia_transform .av-extra-border-element.border-extra-diagonal .av-extra-border-inner {
    top: 250px;
    right: 0;
    width: 110%;
    height: 100%;
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
    position: absolute
}

.avia_transform .av-extra-border-element.border-extra-diagonal.border-extra-diagonal-inverse .av-extra-border-inner {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    right: auto;
    left: 0
}

.av-extra-border-element.diagonal-box-shadow .av-extra-border-inner {
    box-shadow: 0 0 44px -8px rgba(0, 0, 0, 0.2)
}

div .av-section-color-overlay-wrap {
    position: relative;
    width: 100%
}

.html_header_sidebar .av-section-color-overlay-wrap {
    float: left
}

div .av-section-color-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%
}

div .av-arrow-down-section .av-section-color-overlay {
    bottom: 24px
}

div .av-section-color-overlay {
    z-index: 1
}

div .av-video-service-html5 .av-section-color-overlay {
    z-index: 8
}

.html_minimal_header #main>.avia-builder-el-0,
.av_minimal_header+#main .container_wrap_first:first-child {
    border-top: none
}

.av_dropcap1 {
    display: block;
    float: left;
    font-size: 2.2em;
    line-height: 20px;
    margin: 4px 5px 0 0
}

.av_dropcap2 {
    display: block;
    float: left;
    font-size: 18px;
    line-height: 35px;
    width: 35px;
    text-align: center;
    margin: 4px 8px 0 0;
    border-radius: 100px;
    font-weight: bold
}

fieldset {
    border: none
}

#top select,
#top .avia_ajax_form .select,
#top .entry-content-wrapper select {
    -webkit-appearance: none;
    border-radius: 0px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC);
    background-position: center right;
    background-repeat: no-repeat;
    border-radius: 2px
}

#top select[multiple],
#top .avia_ajax_form .select[multiple] {
    background-image: none
}

#top select[multiple] {
    background-image: none
}

.avia-builder-widget-area {
    position: relative
}

.flex_column .widget:first-child,
.content .widget:first-child {
    padding-top: 0;
    border-top: none
}

.flex_column .widget .widgettitle,
.content .widget .widgettitle {
    margin-top: 0.85em
}

.avia_textblock .wp-playlist {
    margin: 0
}

.wp-playlist-light .wp-playlist-item.wp-playlist-playing {
    background: transparent
}

.wp-playlist-current-item img {
    border-radius: 3px
}

.wp-playlist-current-item img[src$="media/audio.png"] {
    border-radius: 0px;
    background: #fff
}

.wp-playlist-item-meta.wp-playlist-item-title {
    font-weight: bold
}

.wp-playlist-tracks .wp-playlist-item {
    padding: 4px 3px
}

.wp-playlist-tracks .wp-playlist-item-length {
    top: 4px
}

div .mejs-controls .mejs-time-rail .mejs-time-loaded,
div .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    background: #9c9c9c
}

div .mejs-controls .mejs-time-rail>span,
div .mejs-controls .mejs-time-rail a,
div .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
div .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    height: 7px
}

div .mejs-controls div.mejs-time-rail {
    padding-top: 7px
}

div .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    top: 12px
}

div .mejs-container,
div .mejs-embed,
div .mejs-embed body,
div .mejs-container div .mejs-controls {
    background: transparent
}

div .mejs-container {
    border-radius: 2px;
    background: #313131
}

div .wp-playlist-item-album {
    font-style: normal
}

div .mejs-controls .mejs-playpause-button,
div .mejs-controls .mejs-volume-button {
    height: 30px
}

#top .mejs-container .mejs-controls .mejs-time,
#top .mejs-time-rail .mejs-time-float {
    color: #fff
}

#top .mejs-time-rail .mejs-time-float {
    border: none
}

div .mejs-container .mejs-controls {
    height: 30px;
    width: 100%
}

#top .mejs-container {
    height: 30px
}

#top .mejs-container.mejs-audio {
    max-height: 30px
}

div .mejs-button>button {
    margin: 6px 6px
}

div .mejs-time {
    padding: 12px 6px 0;
    height: 18px
}

div .mejs-time-rail,
div .mejs-horizontal-volume-slider {
    height: 30px
}

div .mejs-controls .mejs-time-rail .mejs-time-handle {
    display: none
}

div .mejs-time-buffering,
div .mejs-time-current,
div .mejs-time-float-corner,
div .mejs-time-hovered,
div .mejs-time-loaded,
div .mejs-time-marker,
div .mejs-time-total {
    height: 7px;
    outline: none
}

div .mejs-controls {
    padding: 0
}

#top .av-toggle-switch {
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
    opacity: 0;
    text-align: left
}

#top .av-toggle-switch.active {
    -webkit-animation: avia-fadein 1s 1 ease-in;
    animation: avia-fadein 1s 1 ease-in;
    opacity: 1
}

#top .av-toggle-switch input[type="checkbox"] {
    display: none
}

#top .av-toggle-switch label {
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#top .av-toggle-switch label .toggle-track {
    display: block;
    height: 27px;
    width: 54px;
    background: rgba(0, 0, 0, 0.08);
    border-radius: 100px;
    position: relative;
    margin-right: 15px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    clear: both;
    vertical-align: bottom;
    float: left;
    transition: all .1s ease-in
}

#top .av-toggle-switch .toggle-track:before {
    content: '';
    display: inline;
    height: 25px;
    width: 25px;
    background: #fff;
    border-radius: 100px;
    position: absolute;
    top: 0;
    right: 0;
    transition: right .1s ease-in;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px 1px
}

#top .av-toggle-switch.av-cookie-sc-disabled .toggle-track {
    opacity: 0.2
}

#top .av-toggle-switch input[type="checkbox"]:checked+.toggle-track:before {
    right: 27px
}

#top .av-toggle-switch input[type="checkbox"]:checked+.toggle-track {
    background: #5dceba
}

#top .av-toggle-switch .toggle-label-content {
    color: inherit;
    font-weight: bold;
    display: block;
    overflow: hidden;
    font-size: inherit
}

#top .avia-cookie-consent-modal-buttons-wrap {
    text-align: center
}

.avia-tooltip {
    position: absolute;
    z-index: 9999999;
    padding: 12px;
    margin-top: -18px;
    margin-left: -4px;
    background: #000;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    width: 140px;
    border-radius: 2px;
    text-align: center
}

.avia-tooltip .inner_tooltip {
    font-size: 0.925em;
    line-height: 1.65em
}

#top .avia-tooltip.transparent_dark,
#top .avia-tooltip.transparent_dark .avia-arrow {
    background: #000;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    border: none
}

#top .avia-tooltip.transparent_dark h1,
#top .avia-tooltip.transparent_dark h2,
#top .avia-tooltip.transparent_dark h3,
#top .avia-tooltip.transparent_dark h4,
#top .avia-tooltip.transparent_dark h5,
#top .avia-tooltip.transparent_dark h6 {
    color: inherit
}

.avia-tooltip.av-tooltip-shadow,
.avia-tooltip.av-tooltip-shadow .avia-arrow {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15)
}

.avia-tooltip ul,
.avia-tooltip ol,
.avia-tooltip blockquote {
    text-align: left;
    list-style-position: inside
}

.avia-tooltip .avia-arrow {
    background: rgba(0, 0, 0, 0.8);
    border: none
}

.avia-tooltip .avia-arrow-wrap {
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -7px;
    overflow: hidden
}

.avia-tooltip .inner_tooltip br:first-child {
    display: none
}

.av-tt-hotspot .avia-arrow-wrap {
    bottom: auto;
    bottom: -19px
}

.transparent_dark.av-tt-hotspot .avia-arrow-wrap {
    bottom: -20px
}

.avia-tooltip.av-tt-pos-below {
    margin-top: 18px
}

.avia-tooltip.av-tt-pos-below .avia-arrow-wrap {
    bottom: auto;
    top: -19px
}

.avia-tooltip.av-tt-pos-below .avia-arrow {
    bottom: -6px;
    top: auto
}

.avia-tooltip.av-tt-pos-left {
    margin-top: 0;
    margin-left: -18px
}

.avia-tooltip.av-tt-pos-left .avia-arrow-wrap {
    left: auto;
    margin-left: 0;
    right: -19px;
    top: 50%;
    margin-top: -10px
}

.avia-tooltip.av-tt-pos-left .avia-arrow {
    top: 5px;
    left: -5px;
    margin-left: 0
}

.avia-tooltip.av-tt-pos-right {
    margin-top: 0;
    margin-left: 18px
}

.avia-tooltip.av-tt-pos-right .avia-arrow-wrap {
    left: -19px;
    margin-left: 0;
    top: 50%;
    margin-top: -10px
}

.avia-tooltip.av-tt-pos-right .avia-arrow {
    top: 5px;
    left: auto;
    right: -5px;
    margin-left: 0
}

.av-tt-pos-above.av-tt-align-right.avia-tooltip,
.av-tt-pos-below.av-tt-align-right.avia-tooltip {
    margin-left: 4px
}

.av-tt-pos-above.av-tt-align-left .avia-arrow-wrap,
.av-tt-pos-below.av-tt-align-left .avia-arrow-wrap {
    left: 0;
    margin-left: 7px
}

.av-tt-pos-above.av-tt-align-right .avia-arrow-wrap,
.av-tt-pos-below.av-tt-align-right .avia-arrow-wrap {
    left: auto;
    right: 0;
    margin-left: auto;
    margin-right: 7px
}

.av-tt-pos-left.av-tt-align-top .avia-arrow-wrap,
.av-tt-pos-right.av-tt-align-top .avia-arrow-wrap {
    top: 0;
    margin-top: 2px
}

.av-tt-pos-left.av-tt-align-bottom .avia-arrow-wrap,
.av-tt-pos-right.av-tt-align-bottom .avia-arrow-wrap {
    bottom: 0;
    margin-bottom: 4px;
    top: auto
}

.av-tt-pos-above.av-tt-align-centered,
.av-tt-pos-below.av-tt-align-centered {
    text-align: center
}

.avia_transform.avia_desktop .av-animated-generic {
    opacity: 0
}

.avia_transform .avia_start_delayed_animation.fade-in {
    -webkit-animation: avia-fadein 1.5s 1 ease-out;
    animation: avia-fadein 1.5s 1 ease-out;
    opacity: 1
}

.avia_transform .avia_start_delayed_animation.pop-up {
    -webkit-animation: avia_image_appear 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
    animation: avia_image_appear 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
    opacity: 1
}

.avia_transform .avia_start_delayed_animation.top-to-bottom {
    -webkit-animation: avia-ttb 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
    animation: avia-ttb 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
    opacity: 1
}

.avia_transform .avia_start_delayed_animation.bottom-to-top {
    -webkit-animation: avia-btt 0.8s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
    animation: avia-btt 0.8s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
    opacity: 1
}

.avia_transform .avia_start_delayed_animation.left-to-right {
    -webkit-animation: avia-ltr 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
    animation: avia-ltr 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
    opacity: 1
}

.avia_transform .avia_start_delayed_animation.right-to-left {
    -webkit-animation: avia-rtl 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
    animation: avia-rtl 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
    opacity: 1
}

.avia_transform .avia_start_delayed_animation.av-rotateIn {
    -webkit-animation: avia-rotateIn 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
    animation: avia-rotateIn 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
    opacity: 1
}

.avia_transform .avia_start_delayed_animation.av-rotateInUpLeft {
    -webkit-animation: avia-rotateInUpLeft 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
    animation: avia-rotateInUpLeft 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
    opacity: 1
}

.avia_transform .avia_start_delayed_animation.av-rotateInUpRight {
    -webkit-animation: avia-rotateInUpRight 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
    animation: avia-rotateInUpRight 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
    opacity: 1
}

@-webkit-keyframes avia_appear {
    0% {
        -webkit-transform: scale(0.5);
        opacity: 0.1
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 1
    }
}

@keyframes avia_appear {
    0% {
        transform: scale(0.5);
        opacity: 0.1
    }

    100% {
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes avia_image_appear {
    0% {
        -webkit-transform: scale(0.7);
        opacity: 0.1
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 1
    }
}

@keyframes avia_image_appear {
    0% {
        transform: scale(0.7);
        opacity: 0.1
    }

    100% {
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes avia_hotspot_appear {
    0% {
        -webkit-transform: translate(0, 80px);
        opacity: 0.1
    }

    100% {
        -webkit-transform: translate(0, 0px);
        opacity: 1
    }
}

@keyframes avia_hotspot_appear {
    0% {
        transform: translate(0, 80px);
        opacity: 0.1
    }

    100% {
        transform: translate(0, 0px);
        opacity: 1
    }
}

@-webkit-keyframes avia_appear_short {
    0% {
        -webkit-transform: scale(0.5);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 0
    }
}

@keyframes avia_appear_short {
    0% {
        transform: scale(0.5);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        transform: scale(1);
        opacity: 0
    }
}

@-webkit-keyframes avia_msonry_show {
    0% {
        -webkit-transform: translateZ(300px) translateY(200px) rotateX(-70deg);
        opacity: 0.1
    }

    100% {
        -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg);
        opacity: 1
    }
}

@keyframes avia_msonry_show {
    0% {
        transform: translateZ(300px) translateY(200px) rotateX(-70deg);
        opacity: 0.1
    }

    100% {
        transform: translateZ(0px) translateY(0px) rotateX(0deg);
        opacity: 1
    }
}

@-webkit-keyframes avia_fade_move_down {
    0% {
        -webkit-transform: translate(0, -20px);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        -webkit-transform: translate(0, 20px);
        opacity: 0
    }
}

@keyframes avia_fade_move_down {
    0% {
        transform: translate(0, -20px);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        transform: translate(0, 20px);
        opacity: 0
    }
}

@-webkit-keyframes avia_slide_down {
    0% {
        height: 0%
    }

    100% {
        height: 100%
    }
}

@keyframes avia_slide_down {
    0% {
        height: 0%
    }

    100% {
        height: 100%
    }
}

@-webkit-keyframes avia_expand {
    0% {
        width: 0%
    }

    100% {
        width: 100%
    }
}

@keyframes avia_expand {
    0% {
        width: 0%
    }

    100% {
        width: 100%
    }
}

@-webkit-keyframes avia-ltr {
    0% {
        -webkit-transform: translate(-10%, 0);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0, 0);
        opacity: 1
    }
}

@keyframes avia-ltr {
    0% {
        transform: translate(-10%, 0);
        opacity: 0
    }

    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

@-webkit-keyframes avia-rtl {
    0% {
        -webkit-transform: translate(10%, 0);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0, 0);
        opacity: 1
    }
}

@keyframes avia-rtl {
    0% {
        transform: translate(10%, 0);
        opacity: 0
    }

    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

@-webkit-keyframes avia-btt {
    0% {
        -webkit-transform: translate(0, 50%);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0, 0);
        opacity: 1
    }
}

@keyframes avia-btt {
    0% {
        transform: translate(0, 50%);
        opacity: 0
    }

    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

@-webkit-keyframes avia-ttb {
    0% {
        -webkit-transform: translate(0, -10%);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0, 0);
        opacity: 1
    }
}

@keyframes avia-ttb {
    0% {
        transform: translate(0, -10%);
        opacity: 0
    }

    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

@-webkit-keyframes avia-fadein {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes avia-fadein {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes avia-rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes avia-rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes avia-rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes avia-rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes avia-rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -22deg);
        transform: rotate3d(0, 0, 1, -22deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes avia-rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -22deg);
        transform: rotate3d(0, 0, 1, -22deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes avia-bg-move {
    0% {
        background-position: -31px 0
    }

    100% {
        background-position: 0 0
    }
}

@keyframes avia-bg-move {
    0% {
        background-position: -31px 0
    }

    100% {
        background-position: 0 0
    }
}

@-webkit-keyframes caption-right {
    0% {
        -webkit-transform: translate(2000px, 0);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0, 0);
        opacity: 1
    }
}

@keyframes caption-right {
    0% {
        transform: translate(2000px, 0);
        opacity: 0
    }

    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

@-webkit-keyframes caption-left {
    0% {
        -webkit-transform: translate(-2000px, 0);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0, 0);
        opacity: 1
    }
}

@keyframes caption-left {
    0% {
        transform: translate(-2000px, 0);
        opacity: 0
    }

    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

@-webkit-keyframes caption-top {
    0% {
        -webkit-transform: translate(0, -20px);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0, 0);
        opacity: 1
    }
}

@keyframes caption-top {
    0% {
        transform: translate(0, -20px);
        opacity: 0
    }

    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

@-webkit-keyframes caption-bottom {
    0% {
        -webkit-transform: translate(0, 20px);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0, 0);
        opacity: 1
    }
}

@keyframes caption-bottom {
    0% {
        transform: translate(0, 20px);
        opacity: 0
    }

    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

@-webkit-keyframes av_pulsate {
    0% {
        -webkit-transform: scale(0.1);
        opacity: 0.0
    }

    50% {
        opacity: 0.7
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 0.0
    }
}

@keyframes av_pulsate {
    0% {
        transform: scale(0.1);
        opacity: 0.0
    }

    50% {
        opacity: 0.7
    }

    100% {
        transform: scale(1);
        opacity: 0.0
    }
}

@-webkit-keyframes sonarEffect {
    0% {
        opacity: 0.3
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255, 255, 255, 0.5)
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255, 255, 255, 0.5);
        -webkit-transform: scale(1.5);
        opacity: 0
    }
}

@keyframes sonarEffect {
    0% {
        opacity: 0.3
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255, 255, 255, 0.5)
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255, 255, 255, 0.5);
        transform: scale(1.5);
        opacity: 0
    }
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #000;
    opacity: 0.8
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #CCC
}

.mfp-preloader a:hover {
    color: #FFF
}

.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-s-error .mfp-content {
    display: none
}

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:hover,
.mfp-close:focus {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1
}

.mfp-arrow:before,
.mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px
}

.mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444
}

.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width:800px) and (orientation:landscape),
screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width:900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.mfp-ready .mfp-figure {
    opacity: 0
}

div .mfp-title {
    line-height: 1.4em;
    font-size: 13px
}

.mfp-title a {
    text-decoration: underline;
    color: #ff8c00
}

.mfp-title a:hover {
    text-decoration: none;
    opacity: 0.8
}

.mfp-zoom-in .mfp-figure,
.mfp-zoom-in .mfp-iframe-holder .mfp-iframe-scaler {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95)
}

.mfp-zoom-in.mfp-bg,
.mfp-zoom-in .mfp-preloader {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.mfp-zoom-in.mfp-image-loaded .mfp-figure,
.mfp-zoom-in.mfp-ready .mfp-iframe-holder .mfp-iframe-scaler {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.mfp-zoom-in.mfp-ready.mfp-bg,
.mfp-zoom-in.mfp-ready .mfp-preloader {
    opacity: 0.8
}

.mfp-zoom-in.mfp-removing .mfp-figure,
.mfp-zoom-in.mfp-removing .mfp-iframe-holder .mfp-iframe-scaler {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0
}

.mfp-zoom-in.mfp-removing.mfp-bg,
.mfp-zoom-in.mfp-removing .mfp-preloader {
    opacity: 0
}

div.avia-popup .mfp-iframe-scaler {
    overflow: visible
}

div.avia-popup .mfp-zoom-out-cur {
    cursor: auto
}

div.avia-popup .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: pointer
}

div.avia-popup .mfp-close {
    width: 40px;
    height: 40px;
    right: -13px;
    text-align: center;
    border-radius: 100px;
    border: 2px solid transparent;
    line-height: 38px;
    padding: 0;
    top: -5px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    font-family: Arial, Baskerville, monospace !important
}

div.avia-popup .mfp-close:hover {
    border: 2px solid #fff;
    transform: scale(0.8);
    -webkit-transform: scale(0.8) rotateZ(90deg)
}

div.avia-popup .mfp-iframe-scaler .mfp-close {
    top: -43px
}

div.avia-popup .mfp-figure:after {
    box-shadow: none;
    display: none
}

div.avia-popup button.mfp-arrow:before,
div.avia-popup button.mfp-arrow:after {
    border: none;
    margin: 0;
    display: none
}

div.avia-popup button.mfp-arrow:before {
    opacity: 1;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 80px;
    line-height: 80px;
    margin-top: -40px;
    color: #fff;
    font-size: 50px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: normal;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

div.avia-popup button.mfp-arrow:hover:before {
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8)
}

div.avia-popup button.mfp-arrow:before {
    content: "\E87d";
    font-family: 'entypo-fontello'
}

div.avia-popup button.mfp-arrow-left:before {
    content: "\E87c";
    font-family: 'entypo-fontello'
}

.mfp-img {
    -webkit-animation: none !important;
    animation: none !important
}

@media (max-width:900px) {
    .mfp-arrow {
        text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5)
    }
}

div.avia-popup .mfp-s-error .mfp-preloader {
    background: transparent;
    width: 100%;
    -webkit-animation: none;
    animation: none;
    white-space: nowrap
}

.sidebar .widget:first-child,
.content .sidebar .widget:first-child {
    padding-top: 0;
    border-top-style: none;
    border-top-width: 0
}

.widget_archive label.screen-reader-text {
    display: none
}

.widget_nav_menu a {
    display: block;
    padding: 4px 0px 5px 0;
    text-decoration: none
}

div .widget_nav_menu {
    padding-bottom: 24px
}

#top .widget_nav_menu ul {
    margin: 0;
    padding: 0;
    float: none;
    list-style-type: none
}

#top .widget_nav_menu li {
    position: relative;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    clear: both;
    font-size: 13px
}

#top #footer .widget_nav_menu li {
    background-color: transparent
}

#top .widget_nav_menu ul ul li:before {
    content: "\2219";
    position: absolute;
    top: 5px
}

#top .sidebar_left .widget_nav_menu ul ul li:before {
    right: -10px
}

#top .sidebar_left.sidebar_align_left .widget_nav_menu ul ul li:before {
    right: auto;
    left: 0
}

#top .widget_nav_menu ul ul li a {
    padding: 6px 0px 7px 12px
}

.widget_nav_menu .current-menu-item>a,
.widget_nav_menu .current_page_item>a {
    font-weight: bold
}

.sidebar .widget_nav_menu ul:first-child>.current-menu-item,
.sidebar .widget_nav_menu ul:first-child>.current_page_item,
.sidebar .widget_nav_menu ul:first-child>.current-menu-ancestor {
    padding-left: 51px;
    left: -51px;
    top: 1px;
    margin-top: -1px;
    padding-top: 1px;
    width: 100%;
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2);
    margin-bottom: 4px
}

.widget_nav_menu ul ul {
    display: block
}

.widget_nav_menu.widget_nav_hide_child ul ul {
    display: none
}

#top .widget_nav_menu .current-menu-item>ul,
#top .widget_nav_menu .current_page_item>ul,
#top .widget_nav_menu .current_page_ancestor>ul,
#top .widget_nav_menu .current-menu-ancestor>ul {
    display: block
}

#top .widget_nav_menu .sub-menu>li {
    display: block;
    padding: 0 0 0 13px
}

#top .sidebar_left .widget_nav_menu .current-menu-item>ul,
#top .sidebar_left .widget_nav_menu .current_page_item>ul,
#top .sidebar_left .widget_nav_menu .current_page_ancestor>ul,
#top .sidebar_left .widget_nav_menu .current-menu-ancestor>ul {
    padding: 0 13px 0 0
}

#top .sidebar_left.sidebar_align_left .widget_nav_menu .current-menu-item>ul,
#top .sidebar_left.sidebar_align_left .widget_nav_menu .current_page_item>ul,
#top .sidebar_left.sidebar_align_left .widget_nav_menu .current_page_ancestor>ul,
#top .sidebar_left.sidebar_align_left .widget_nav_menu .current-menu-ancestor>ul {
    padding: 0 0 0 13px
}

#top .sidebar_left .widget_nav_menu .sub-menu {
    padding-right: 13px
}

#top .sidebar_left.sidebar_align_left .widget_nav_menu .sub-menu {
    padding-left: 13px;
    padding-right: 0
}

.widget_nav_menu ul:first-child>.current-menu-item>a,
.widget_nav_menu ul:first-child>.current_page_item>a {
    border: none;
    padding: 6px 7px 7px 0
}

#top .widget_nav_menu ul ul .sub-menu,
#top .widget_nav_menu ul ul .children {
    padding: 0 0 0 10px;
    overflow: hidden;
    margin: 0
}

.widget_nav_menu .nested_nav>li:first-child>a {
    border: none
}

#top .widget_nav_menu .nested_nav {
    padding-bottom: 30px
}

#top .content .flex_column .widget_nav_menu li a {
    padding: 0.8em 3px
}

#top .content .flex_column .widget_nav_menu li a:hover,
#top .content .flex_column .widget_nav_menu ul:first-child>.current-menu-item,
#top .content .flex_column .widget_nav_menu ul:first-child>.current_page_item {
    background-color: rgba(255, 255, 255, 0.4)
}

#top .content .flex_column .widget_nav_menu li {
    background-color: transparent;
    margin: 0;
    padding: 0;
    border-bottom-style: solid;
    border-bottom-width: 1px
}

#top .content .flex_column .widget_nav_menu li:first-child {
    border-top-style: solid;
    border-top-width: 1px
}

.av-instagram-pics {
    display: table;
    width: 100%;
    table-layout: fixed
}

.av-instagram-row {
    display: table-row
}

.av-instagram-item {
    display: table-cell;
    padding: 3px;
    height: 100%
}

.av-instagram-item a {
    display: block;
    position: relative;
    padding-bottom: 100%;
    width: 100%;
    background-size: cover
}

.av-instagram-item img {
    display: block
}

.av-instagram-item .image-overlay.overlay-type-image {
    left: 0;
    width: 100%
}

.av-instagram-item:first-child {
    padding-left: 0px
}

.av-instagram-item:last-child {
    padding-right: 0px
}

.av-instagram-row:first-child .av-instagram-item {
    padding-top: 0px
}

.av-instagram-row:last-child .av-instagram-item {
    padding-bottom: 0px
}

.av-instagram-follow {
    width: 100%;
    text-align: center;
    display: block;
    margin-top: 3px
}

.avia-instagram-feed .av-instagram-errors-msg.av-instagram-admin {
    color: #cc0033
}

#top .av-mailchimp-widget fieldset,
#top .av-mailchimp-widget form {
    margin: 0
}

#top .av-mailchimp-widget p {
    margin: 2px 0
}

#top .av-mailchimp-widget-style-boxed_form {
    padding: 15px;
    border-style: solid;
    border-width: 1px
}

#top .av-mailchimp-widget .button {
    margin-top: 5px;
    width: 100%;
    padding: 13px 10px
}

.widgettitle+.av-mailchimp-widget-style-boxed_form {
    margin-top: -10px
}

#top .av-form-error-container {
    border: 1px solid #BB1313;
    padding: 15px;
    color: #BB1313;
    line-height: 1.4em;
    font-size: 13px;
    margin-bottom: 20px
}

.textwidget ul {
    margin-left: 0px;
    overflow: hidden
}

.js_active .avia_combo_widget .tab_titles {
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.js_active #top .avia_combo_widget .active_tab {
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: initial
}

.js_active #top .avia_combo_widget .tab_content {
    padding: 0;
    background: transparent;
    border: none
}

.js_active .avia_combo_widget .top_tab .tab {
    border: none;
    background: transparent;
    padding: 5px 10px;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: transparent
}

.av_facebook_widget_wrap {
    overflow: hidden;
    position: relative;
    padding: 0px;
    background: #fff
}

.av_facebook_widget_wrap_border_yes {
    border-style: solid;
    border-width: 1px
}

.av_facebook_widget_wrap_positioner iframe {
    position: absolute;
    height: 100%;
    width: 100%
}

.av_facebook_widget_wrap_positioner {}

.av_facebook_widget {
    width: 100%
}

.av_facebook_widget {
    width: 107%;
    max-width: 137%;
    left: -5px;
    top: -4px;
    position: relative
}

.avia_fb_likebox .av_facebook_widget_page_title {
    font-size: 1.2em;
    font-weight: 700;
    margin: 12px 0
}

.widget .av_widget_img_text_confirm .av_img_text_confirm_link {
    display: inline-block;
    position: relative;
    width: 100%
}

.widget .av_widget_img_text_confirm .av_img_text_confirm_link img {
    width: 100%
}

.widget .av_widget_img_text_confirm .av_img_text_confirm_link:hover {
    text-decoration: none
}

.widget .av_widget_img_text_confirm .av_img_text_confirm_text {
    font-size: 1.5em;
    position: absolute;
    padding: 25px;
    text-align: center;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    opacity: 0;
    width: 100%
}

.widget .av_widget_img_text_confirm .av_img_text_confirm_text span {
    width: 100%
}

.widget .av_widget_img_text_confirm .av_img_text_confirm_text:hover {
    opacity: 1
}

.avia_fb_likebox .av_facebook_widget_main_wrap {
    background-attachment: scroll;
    background-size: cover;
    background-position: center center;
    width: 100%;
    min-width: 180px;
    min-height: 214px;
    position: relative;
    font-family: Helvetica, Arial, sans-serif
}

.avia_fb_likebox .av_facebook_widget_main_wrap_shadow {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 90px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 0
}

.avia_fb_likebox .av_facebook_widget_logo_image {
    position: absolute;
    height: 54px;
    width: 54px;
    top: 8px;
    left: 8px;
    background: #fff;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .5);
    border: 2px solid #fff;
    z-index: 2
}

.avia_fb_likebox .av_facebook_widget_logo_image img {
    max-width: 50px;
    max-height: 50px;
    text-align: center;
    display: inline-block
}

.avia_fb_likebox .av_facebook_widget_page_title_container {
    color: #fff;
    margin: 0px 18px 0 68px;
    position: relative;
    z-index: 2;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.358;
    margin-bottom: -5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .9);
    top: 8px;
    min-height: 95px
}

#top .avia_fb_likebox .av_facebook_widget_page_title_container a {
    color: #fff
}

.avia_fb_likebox .av_facebook_widget_page_title_container .av_facebook_widget_content {
    font-size: 12px
}

.avia_fb_likebox .av_facebook_widget_page_title_container span {
    display: block
}

.avia_fb_likebox .av_facebook_widget_add_info {
    width: 100%;
    min-height: 83px;
    background: #f6f7f9;
    border: 1px solid #e9ebee;
    border-top: 0;
    font-size: 12px;
    line-height: 16px;
    color: #4b4f56;
    padding: 8px
}

.avia_fb_likebox .av_facebook_widget_add_info_inner {
    background: #fff;
    border-color: #e9ebee #dfe0e4 #d0d1d5;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .12);
    position: relative;
    min-height: 66px;
    padding: 8px
}

.avia_fb_likebox .av_facebook_widget_imagebar {
    height: 32px;
    background-repeat: repeat;
    background-size: auto 100%;
    background-image: url('https://www.auroled.cn/wp-content/themes/enfold/images/layout/fake_facebook.jpg')
}

.avia_fb_likebox .av_facebook_widget_add_info_inner_wrap {
    min-height: 15px;
    padding-bottom: 4px;
    display: block
}

.avia_fb_likebox .av_facebook_widget_button {
    background-color: #f6f7f9;
    border-color: #ced0d4;
    color: #4b4f56;
    line-height: 22px;
    border: 1px solid rgba(0, 0, 0, .12);
    font-size: 12px;
    padding: 0 5px;
    display: inline-block;
    margin: 8px
}

.avia_fb_likebox .av_facebook_widget_icon {
    display: inline-block;
    margin-right: 5px;
    background: #3a5797;
    height: 16px;
    width: 16px;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    font-size: 11px;
    line-height: 18px
}

.avia_fb_likebox .ajax_load {
    display: none
}

.avia_fb_likebox.ajax_loading_now .ajax_load {
    display: block
}

.avia_socialcount {
    overflow: hidden;
    text-align: left
}

#top .social_widget_icon {
    padding: 0;
    margin: 0;
    height: 30px;
    width: 30px;
    line-height: 32px;
    text-align: center;
    float: left;
    font-size: 17px;
    border-radius: 2px
}

.asc_twitter .social_widget_icon {
    color: #fff;
    background-color: #46d4fe;
    border-color: #46d4fe;
    text-shadow: 1px 1px 1px #17ACD8
}

.asc_rss .social_widget_icon {
    color: #fff;
    background-color: #ffa133;
    border-color: #ffa133;
    text-shadow: 1px 1px 1px #D18021
}

.avia_socialcount .seperator {
    display: none
}

div #footer .avia_socialcount {
    padding: 10px 0 0 0
}

.asc_multi_count {
    float: left;
    width: 50%
}

.avia_socialcount a,
.avia_socialcount a:hover {
    height: 40px;
    text-decoration: none;
    display: block;
    min-width: 89px
}

.avia_socialcount strong,
.avia_socialcount span {
    display: block;
    line-height: 1em;
    padding: 0 0 0 36px
}

.avia_socialcount a strong {
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 0;
    padding-top: 4px
}

.avia_socialcount a span {
    font-size: 10px;
    padding-top: 3px
}

#top .widget.tweetbox .tweets {
    list-style-type: none;
    list-style-position: outside;
    border: none
}

#top .widget.tweetbox .tweet {
    padding: 10px 0;
    line-height: 18px;
    position: relative;
    overflow: hidden;
    font-size: 11px;
    background: none;
    border-top-style: dashed;
    border-top-width: 1px;
    margin: 0
}

#top .widget.tweetbox .tweet:first-child {
    border: none
}

.widget.tweetbox .tweet-thumb {
    position: relative
}

.widget.tweetbox .tweet-thumb a {
    margin-right: 9px;
    padding: 3px;
    float: left;
    border-style: solid;
    border-width: 1px;
    margin-top: 5px;
    display: block;
    width: 36px
}

#top .widget.tweetbox .tweet-thumb img {
    display: block;
    float: left;
    border: none;
    padding: 0;
    margin: 0
}

.widget.tweetbox .tweet-text {
    position: relative;
    overflow: hidden
}

.widget.tweetbox .tweet-time {
    clear: both;
    font-size: 11px
}

.widget.tweetbox .tweet-text.avatar_no {
    font-size: 12px;
    line-height: 1.7em;
    font-weight: 400
}

.widget.tweetbox .tweet-text.avatar_no .tweet-time {
    font-style: italic;
    font-weight: normal
}

.avia_partner_widget {
    overflow: hidden;
    clear: both
}

.avia_partner_widget a,
.avia_partner_widget a:hover {
    float: left;
    display: block;
    text-decoration: none;
    width: 49.5%;
    outline: none;
    border: none;
    padding-bottom: 49.5%;
    position: relative;
    margin-right: 1%
}

.avia_partner_widget a.avia_partner2,
.avia_partner_widget a.avia_partner2:hover {
    margin-right: 0
}

#top .avia_partner_widget {
    max-width: 304px
}

#top .avia_partner_widget img {
    position: absolute;
    left: 0;
    top: 0
}

.avia_partner1 {
    margin-right: 1px
}

.avia_parnter_empty {
    line-height: 1em;
    height: 97%;
    width: 97%;
    display: block;
    font-size: 10px;
    text-align: center;
    position: absolute;
    border-style: solid;
    border-width: 1px
}

.avia_parnter_empty span {
    width: 100%;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    text-align: center;
    left: 0
}

.widget .avia-google-map-container {
    height: 230px;
    width: 100%
}

.widget .avia-google-map-container {
    background: no-repeat center;
    background-size: cover
}

.widget .content .avia-google-map-container {
    height: 230px
}

#top .widget .infoWindow input[type="text"] {
    margin: 0 0px 3px 0
}

.widget .avia-google-map-container img,
.widget .avia-google-map-container a img {
    max-width: none
}

.widget .avia-google-map-container div,
.widget .avia-google-map-container img,
.widget .avia-google-map-container a {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.widget .avia-google-map-container .av_text_confirm_link {
    padding: 25px;
    text-align: center;
    opacity: 0;
    position: absolute;
    width: 150px;
    left: 50%;
    top: 50%;
    margin-left: -100px;
    margin-top: -50px;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 3px;
    color: #fff;
    font-size: 1em;
    line-height: 1.3em;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.widget .avia-google-map-container .av_text_confirm_link:hover {
    color: #fff;
    background: rgba(0, 0, 0, 0.9)
}

.widget .avia-google-map-container.av_gmaps_show_delayed.av-no-fallback-img .av_text_confirm_link,
.widget .avia-google-map-container.av_gmaps_show_page_only.av-no-fallback-img .av_text_confirm_link {
    height: auto;
    opacity: 1
}

.widget .avia-google-map-container .av_text_confirm_link span {
    width: 100%
}

.widget .avia-google-map-container:hover .av_text_confirm_link {
    opacity: 1;
    text-decoration: none
}

#top .news-content {
    padding: 7px 0 3px 0;
    line-height: 1.7em;
    position: relative;
    overflow: hidden;
    font-size: 0.85em;
    display: block;
    clear: both;
    margin: 0
}

#top .news-wrap {
    border: none;
    list-style-type: none;
    list-style-position: outside
}

#top .news-wrap li {
    border: none;
    background: none;
    text-indent: 0
}

.news-link,
.news-link:hover,
#top .widget ul li .news-link:hover {
    display: block;
    position: relative;
    text-decoration: none;
    overflow: hidden;
    z-index: 2
}

.news-thumb {
    margin-right: 9px;
    padding: 3px;
    float: left;
    margin-top: 4px;
    border-style: solid;
    border-width: 1px;
    height: 36px;
    width: 36px;
    display: block
}

.news-thumb img,
.news-thumb img {
    width: 28px;
    height: 28px
}

.image_size_portfolio_small .news-link {
    float: left;
    margin-right: 10px
}

.image_size_portfolio_small .news-thumb,
.image_size_portfolio_small .tweet-thumb img,
.image_size_portfolio_small .news-thumb img {
    width: 150px;
    min-height: 100px
}

.image_size_portfolio_small .news-excerpt {
    overflow: hidden;
    font-size: 13px;
    line-height: 1.65em
}

.image_size_portfolio_small .news-headline {
    font-size: 14px
}

#top .news-thumb img {
    display: block;
    float: left;
    border: none;
    padding: 0;
    margin: 0
}

.news-headline {
    overflow: hidden;
    font-weight: bold;
    margin-top: 2px;
    display: block
}

.news-time {
    font-weight: normal;
    clear: both;
    font-size: 0.92em;
    display: block
}

.news-excerpt {}

.tagcloud br {
    display: none
}

.tagcloud a {
    font-size: 11px !important;
    padding: 2px 8px;
    margin: 0 1px 1px 0;
    display: block;
    float: left;
    border-style: solid;
    border-width: 1px;
    text-decoration: none
}

.tagcloud a:hover {
    text-shadow: none;
    text-decoration: underline
}

.widget_tag_cloud h3 {
    border: none
}

.widget_rss li {
    line-height: 1.5em;
    font-size: 11px
}

.widget_rss li div {
    font-family: "Georgia", "Times New Roman", Helvetica, Arial, sans-serif;
    font-style: italic
}

.rsswidget {
    display: block;
    font-weight: bold
}

.rss-date,
.widget_rss cite {
    font-size: 11px
}

.widget_rss li {
    padding: 7px 0
}

.widget_rss .widgettitle img {
    display: none
}

.recentcomments,
.widget_recent_entries li {
    padding: 7px 0;
    display: block;
    font-size: 0.85em;
    line-height: 1.5em
}

.recentcomments a,
.widget_recent_entries li a {
    font-style: italic;
    font-family: "Georgia", "Times New Roman", Helvetica, Arial, sans-serif
}

.recentcomments,
.widget_recent_entries li {
    border-top-width: 3px;
    border-top-style: solid
}

.recentcomments:first-child,
.widget_recent_entries li:first-child {
    border-top: none
}

.sidebar_left .widget_nav_menu ul:first-child>.current-menu-item,
.sidebar_left .widget_nav_menu ul:first-child>.current_page_item,
.sidebar_left .widget_nav_menu ul:first-child>.current-menu-ancestor {
    padding-right: 52px;
    padding-left: 0;
    left: auto;
    top: 1px
}

.sidebar_left.sidebar {
    text-align: right
}

.sidebar_left .news-thumb {
    float: right;
    margin: 4px 0 0 9px
}

#top .widget_twitter {
    font-size: 12px;
    line-height: 1.65em
}

#top .widget_twitter .twitter-avatar {
    float: left;
    margin-right: 13px;
    border-style: solid;
    border-width: 1px;
    padding: 3px;
    display: block
}

#top .widget_twitter .twitter-avatar a,
#top .widget_twitter .twitter-avatar img {
    display: block
}

#top .widget_twitter ul {
    overflow: hidden;
    margin: 0;
    padding: 0
}

#top .widget_twitter li {
    padding: 0 0 8px 0;
    margin: 0 0 8px 0;
    border-bottom-style: solid;
    border-bottom-width: 2px
}

#top .widget_twitter li:last-child {
    border-bottom: none
}

#top .widget_twitter .entry-content-wrapper {
    padding: 0;
    margin: 0;
    float: none;
    clear: both;
    position: relative;
    border: none;
    width: 100%
}

#top .widget_twitter .entry-meta {
    display: block;
    font-size: 11px;
    font-style: italic;
    opacity: 0.8;
    margin-top: 5px
}

#top .widget_twitter .time-meta,
#top .widget_twitter .from-meta {}

#top .widget_twitter .intent-meta {
    display: block;
    font-size: 11px;
    margin-top: 8px
}

#top .widget_twitter .intent-meta a {
    text-decoration: none;
    margin-right: 4px
}

#top .widget_twitter .intent-meta a:hover {
    text-decoration: underline
}

.sidebar_left.sidebar_align_left.sidebar {
    text-align: left
}

.sidebar_left.sidebar_align_left .news-thumb {
    float: left;
    margin: 4px 9px 0 0
}

.sidebar_left.sidebar_align_left .widget_nav_menu ul:first-child>.current-menu-item,
.sidebar_left.sidebar_align_left .widget_nav_menu ul:first-child>.current_page_item,
.sidebar_left.sidebar_align_left .widget_nav_menu ul:first-child>.current-menu-ancestor {
    padding-left: 52px;
    padding-right: 0;
    left: 0;
    right: auto;
    top: 1px
}

.avia-toc-container {
    position: relative
}

.avia-toc-container a {
    display: block;
    position: relative;
    line-height: 1.4em
}

.avia-toc-container a:hover {
    text-decoration: none
}

.avia-toc-style-simple a {
    overflow-x: hidden;
    margin-bottom: 1em;
    min-height: 25px
}

.avia-toc-style-simple a span {
    background-color: #fff;
    position: relative;
    padding-right: 5px;
    z-index: 2
}

.avia-toc-style-simple a:after {
    float: left;
    width: 0;
    color: rgba(0, 0, 0, 0.25);
    font-size: 9px;
    font-weight: normal;
    white-space: nowrap;
    content: ". . . . . . . . . . . . . . . . . . . . "". . . . . . . . . . . . . . . . . . . . "". . . . . . . . . . . . . . . . . . . . "". . . . . . . . . . . . . . . . . . . . "
}

.avia-toc-style-simple .avia-toc-level-0:after {
    line-height: 3
}

.avia-toc-style-simple .avia-toc-level-1:after {
    line-height: 3
}

.avia-toc-style-simple .avia-toc-level-2:after {
    line-height: 2.9
}

.avia-toc-style-simple .avia-toc-level-3:after {
    line-height: 2.7
}

.avia-toc-style-simple .avia-toc-level-4:after {
    line-height: 2.5
}

.avia-toc-style-simple .avia-toc-level-5:after {
    line-height: 2.4
}

.avia-toc-style-simple .avia-toc-level-0 {
    font-weight: bold;
    font-size: 1em
}

.avia-toc-style-simple .avia-toc-level-2 {
    font-weight: normal;
    font-size: 0.9375em
}

.avia-toc-style-simple .avia-toc-level-3 {
    font-weight: normal;
    font-size: 0.875em
}

.avia-toc-style-simple .avia-toc-level-4 {
    font-weight: normal;
    font-size: 0.8125em
}

.avia-toc-style-simple .avia-toc-level-5 {
    font-weight: normal;
    font-size: 0.8125em;
    font-style: italic
}

.avia-toc-style-simple.avia-toc-indent .avia-toc-level-1 {
    margin-left: 0.625em
}

.avia-toc-style-simple.avia-toc-indent .avia-toc-level-2 {
    margin-left: 1em
}

.avia-toc-style-simple.avia-toc-indent .avia-toc-level-3 {
    margin-left: 1.428em
}

.avia-toc-style-simple.avia-toc-indent .avia-toc-level-4 {
    margin-left: 2.307em
}

.avia-toc-style-simple.avia-toc-indent .avia-toc-level-5 {
    margin-left: 2.692em
}

.avia-toc-style-elegant {
    padding-left: 30px
}

.avia-toc-style-elegant a {
    text-transform: uppercase;
    padding-bottom: 1.5em
}

.avia-toc-style-elegant .avia-toc-level-0 {
    font-weight: bold;
    font-size: 0.875em
}

.avia-toc-style-elegant .avia-toc-level-1 {
    font-weight: normal;
    font-size: 0.875em
}

.avia-toc-style-elegant .avia-toc-level-2 {
    font-weight: normal;
    font-size: 0.8125em
}

.avia-toc-style-elegant .avia-toc-level-3 {
    font-weight: bold;
    font-size: 0.8125em
}

.avia-toc-style-elegant .avia-toc-level-4 {
    font-weight: normal;
    font-size: 0.75em
}

.avia-toc-style-elegant .avia-toc-level-5 {
    font-weight: normal;
    font-size: 0.75em;
    font-style: italic
}

.avia-toc-style-elegant a:before {
    content: '';
    position: absolute;
    height: calc(100% + 0.3em);
    left: -20px;
    top: 0.15em;
    border-left-width: 2px;
    border-left-style: solid;
    border-left-color: rgba(0, 0, 0, 0.08)
}

.avia-toc-style-elegant a.avia-toc-level-0:last-child:after,
.avia-toc-style-elegant a:first-child:after,
.avia-toc-style-elegant a.avia-toc-level-0:after,
.avia-toc-style-elegant a:first-child span:after,
.avia-toc-style-elegant a.avia-toc-level-0 span:after {
    content: '';
    position: absolute;
    width: 9px;
    height: 9px;
    border-width: 3px;
    border-style: solid;
    border-radius: 9px;
    left: -26px;
    top: 0.15em;
    z-index: 2
}

.avia-toc-style-elegant a:first-child span:after,
.avia-toc-style-elegant a.avia-toc-level-0 span:after {
    border-color: transparent;
    z-index: 1
}

.avia-toc-style-elegant a:first-child:hover span:after,
.avia-toc-style-elegant a.avia-toc-level-0:hover span:after {
    animation: sonarEffect 2s ease-out infinite
}

.avia-toc-style-elegant a:last-child:before {
    display: none
}

.avia-toc-style-elegant a:last-child:after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    left: -23px;
    top: 0.4em;
    border-radius: 8px
}

.avia-toc-style-elegant.avia-toc-indent .avia-toc-level-1 {
    padding-left: 0.625em
}

.avia-toc-style-elegant.avia-toc-indent .avia-toc-level-2 {
    padding-left: 1em
}

.avia-toc-style-elegant.avia-toc-indent .avia-toc-level-3 {
    padding-left: 1.428em
}

.avia-toc-style-elegant.avia-toc-indent .avia-toc-level-4 {
    padding-left: 2.307em
}

.avia-toc-style-elegant.avia-toc-indent .avia-toc-level-5 {
    padding-left: 2.692em
}

::-moz-selection {
    background-color: #ff8400;
    color: #ffffff
}

::selection {
    background-color: #ff8400;
    color: #ffffff
}

html.html_boxed {
    background: #eeeeee top left no-repeat scroll
}

body,
body .avia-tooltip {
    font-size: 16px
}

.socket_color,
.socket_color div,
.socket_color header,
.socket_color main,
.socket_color aside,
.socket_color footer,
.socket_color article,
.socket_color nav,
.socket_color section,
.socket_color span,
.socket_color applet,
.socket_color object,
.socket_color iframe,
.socket_color h1,
.socket_color h2,
.socket_color h3,
.socket_color h4,
.socket_color h5,
.socket_color h6,
.socket_color p,
.socket_color blockquote,
.socket_color pre,
.socket_color a,
.socket_color abbr,
.socket_color acronym,
.socket_color address,
.socket_color big,
.socket_color cite,
.socket_color code,
.socket_color del,
.socket_color dfn,
.socket_color em,
.socket_color img,
.socket_color ins,
.socket_color kbd,
.socket_color q,
.socket_color s,
.socket_color samp,
.socket_color small,
.socket_color strike,
.socket_color strong,
.socket_color sub,
.socket_color sup,
.socket_color tt,
.socket_color var,
.socket_color b,
.socket_color u,
.socket_color i,
.socket_color center,
.socket_color dl,
.socket_color dt,
.socket_color dd,
.socket_color ol,
.socket_color ul,
.socket_color li,
.socket_color fieldset,
.socket_color form,
.socket_color label,
.socket_color legend,
.socket_color table,
.socket_color caption,
.socket_color tbody,
.socket_color tfoot,
.socket_color thead,
.socket_color tr,
.socket_color th,
.socket_color td,
.socket_color article,
.socket_color aside,
.socket_color canvas,
.socket_color details,
.socket_color embed,
.socket_color figure,
.socket_color fieldset,
.socket_color figcaption,
.socket_color footer,
.socket_color header,
.socket_color hgroup,
.socket_color menu,
.socket_color nav,
.socket_color output,
.socket_color ruby,
.socket_color section,
.socket_color summary,
.socket_color time,
.socket_color mark,
.socket_color audio,
.socket_color video,
#top .socket_color .pullquote_boxed,
.responsive #top .socket_color .avia-testimonial,
.responsive #top.avia-blank #main .socket_color.container_wrap:first-child,
#top .socket_color.fullsize .template-blog .post_delimiter,
.socket_color .related_posts.av-related-style-full a {
    border-color: transparent
}

.socket_color .rounded-container,
#top .socket_color .pagination a:hover,
.socket_color .small-preview,
.socket_color .fallback-post-type-icon {
    background: #969696;
    color: #333333
}

.socket_color .av-default-color,
#top .socket_color .av-force-default-color,
.socket_color .av-catalogue-item,
.socket_color .wp-playlist-item .wp-playlist-caption,
.socket_color .wp-playlist {
    color: #f8f8f8
}

.socket_color,
.socket_color .site-background,
.socket_color .first-quote,
.socket_color .related_image_wrap,
.socket_color .gravatar img .socket_color .hr_content,
.socket_color .news-thumb,
.socket_color .post-format-icon,
.socket_color .ajax_controlls a,
.socket_color .tweet-text.avatar_no,
.socket_color .toggler,
.socket_color .toggler.activeTitle:hover,
.socket_color #js_sort_items,
.socket_color.inner-entry,
.socket_color .grid-entry-title,
.socket_color .related-format-icon,
.grid-entry .socket_color .avia-arrow,
.socket_color .avia-gallery-big,
.socket_color .avia-gallery-big,
.socket_color .avia-gallery img,
.socket_color .grid-content,
.socket_color .av-share-box ul,
#top .socket_color .av-related-style-full .related-format-icon,
.socket_color .related_posts.av-related-style-full a:hover,
.socket_color.avia-fullwidth-portfolio .pagination .current,
.socket_color.avia-fullwidth-portfolio .pagination a,
.socket_color .av-hotspot-fallback-tooltip-inner,
.socket_color .av-hotspot-fallback-tooltip-count {
    background-color: #333333;
    color: #f8f8f8
}

.socket_color .heading-color,
.socket_color a.iconbox_icon:hover,
.socket_color h1,
.socket_color h2,
.socket_color h3,
.socket_color h4,
.socket_color h5,
.socket_color h6,
.socket_color .sidebar .current_page_item>a,
.socket_color .sidebar .current-menu-item>a,
.socket_color .pagination .current,
.socket_color .pagination a:hover,
.socket_color strong.avia-testimonial-name,
.socket_color .heading,
.socket_color .toggle_content strong,
.socket_color .toggle_content strong a,
.socket_color .tab_content strong,
.socket_color .tab_content strong a,
.socket_color .asc_count,
.socket_color .avia-testimonial-content strong,
.socket_color div .news-headline,
#top .socket_color .av-related-style-full .av-related-title,
.socket_color .av-default-style .av-countdown-cell-inner .av-countdown-time,
.socket_color .wp-playlist-item-meta.wp-playlist-item-title,
#top .socket_color .av-no-image-slider h2 a,
.socket_color .av-small-bar .avia-progress-bar .progressbar-title-wrap {
    color: #f8f8f8
}

.socket_color .meta-color,
.socket_color .sidebar,
.socket_color .sidebar a,
.socket_color .minor-meta,
.socket_color .minor-meta a,
.socket_color .text-sep,
.socket_color blockquote,
.socket_color .post_nav a,
.socket_color .comment-text,
.socket_color .side-container-inner,
.socket_color .news-time,
.socket_color .pagination a,
.socket_color .pagination span,
.socket_color .tweet-text.avatar_no .tweet-time,
#top .socket_color .extra-mini-title,
.socket_color .team-member-job-title,
.socket_color .team-social a,
.socket_color #js_sort_items a,
.grid-entry-excerpt,
.socket_color .avia-testimonial-subtitle,
.socket_color .commentmetadata a,
.socket_color .social_bookmarks a,
.socket_color .meta-heading>*,
.socket_color .slide-meta,
.socket_color .slide-meta a,
.socket_color .taglist,
.socket_color .taglist a,
.socket_color .phone-info,
.socket_color .phone-info a,
.socket_color .av-sort-by-term a,
.socket_color .av-magazine-time,
.socket_color .av-magazine .av-magazine-entry-icon,
.socket_color .av-catalogue-content,
.socket_color .wp-playlist-item-length,
.html_modern-blog #top div .socket_color .blog-categories a,
.html_modern-blog #top div .socket_color .blog-categories a:hover {
    color: #969696
}

.socket_color .special-heading-inner-border {
    border-color: #f8f8f8
}

.socket_color .meta-heading .special-heading-inner-border {
    border-color: #969696
}

.socket_color a,
.socket_color .widget_first,
.socket_color strong,
.socket_color b,
.socket_color b a,
.socket_color strong a,
.socket_color #js_sort_items a:hover,
.socket_color #js_sort_items a.active_sort,
.socket_color .av-sort-by-term a.active_sort,
.socket_color .special_amp,
.socket_color .taglist a.activeFilter,
.socket_color #commentform .required,
#top .socket_color .av-no-color.av-icon-style-border a.av-icon-char,
.html_elegant-blog #top .socket_color .blog-categories a,
.html_elegant-blog #top .socket_color .blog-categories a:hover {
    color: #ff8400
}

.socket_color a:hover,
.socket_color h1 a:hover,
.socket_color h2 a:hover,
.socket_color h3 a:hover,
.socket_color h4 a:hover,
.socket_color h5 a:hover,
.socket_color h6 a:hover,
.socket_color .template-search a.news-content:hover,
.socket_color .wp-playlist-item .wp-playlist-caption:hover {
    color: #ffa600
}

.socket_color .primary-background,
.socket_color .primary-background a,
div .socket_color .button,
.socket_color #submit,
.socket_color input[type='submit'],
.socket_color .small-preview:hover,
.socket_color .avia-menu-fx,
.socket_color .avia-menu-fx .avia-arrow,
.socket_color.iconbox_top .iconbox_icon,
.socket_color .iconbox_top a.iconbox_icon:hover,
.socket_color .avia-data-table th.avia-highlight-col,
.socket_color .avia-color-theme-color,
.socket_color .avia-color-theme-color:hover,
.socket_color .comment-count,
.socket_color .av_dropcap2,
.socket_color .av-colored-style .av-countdown-cell-inner,
.responsive #top .socket_color .av-open-submenu.av-subnav-menu>li>a:hover,
#top .socket_color .av-open-submenu.av-subnav-menu li>ul a:hover {
    background-color: #ff8400;
    color: #ffffff;
    border-color: #dd6200
}

#top #wrap_all .socket_color .av-menu-button-colored>a .avia-menu-text {
    background-color: #ff8400;
    color: #ffffff;
    border-color: #ff8400
}

#top #wrap_all .socket_color .av-menu-button-colored>a .avia-menu-text:after {
    background-color: #dd6200
}

#top .socket_color .mobile_menu_toggle {
    color: #ff8400;
    background: #333333
}

#top .socket_color .av-menu-mobile-active .av-subnav-menu>li>a:before {
    color: #ff8400
}

#top .socket_color .av-open-submenu.av-subnav-menu>li>a:hover:before {
    color: #333333
}

.socket_color .button:hover,
.socket_color .ajax_controlls a:hover,
.socket_color #submit:hover,
.socket_color .big_button:hover,
.socket_color .contentSlideControlls a:hover,
.socket_color #submit:hover,
.socket_color input[type='submit']:hover {
    background-color: #ffa600;
    color: #333333;
    border-color: #dd8400
}

.socket_color .avia-toc-style-elegant a.avia-toc-level-0:last-child:after,
.socket_color .avia-toc-style-elegant a:first-child:after,
.socket_color .avia-toc-style-elegant a.avia-toc-level-0:after {
    background-color: #333333;
    border-color: #ffa600
}

.socket_color .avia-toc-style-elegant a:first-child span:after,
.socket_color .avia-toc-style-elegant a.avia-toc-level-0 span:after {
    background-color: #333333
}

.socket_color .avia-toc-style-elegant a:first-child:hover span:after,
.socket_color .avia-toc-style-elegant a.avia-toc-level-0:hover span:after {
    border-color: #ffa600
}

.socket_color .avia-toc-style-elegant a:before {
    border-color: transparent
}

.socket_color .avia-toc-style-elegant a:first-child:after,
.socket_color .avia-toc-style-elegant a.avia-toc-level-0:after {
    border-color: #ffa600;
    background-color: #333333
}

.socket_color .avia-toc-style-elegant a:last-child:after {
    background-color: transparent
}

.socket_color .timeline-bullet {
    background-color: transparent;
    border-color: #333333
}

.socket_color table,
.socket_color .widget_nav_menu ul:first-child>.current-menu-item,
.socket_color .widget_nav_menu ul:first-child>.current_page_item,
.socket_color .widget_nav_menu ul:first-child>.current-menu-ancestor,
.socket_color .pagination .current,
.socket_color .pagination a,
.socket_color.iconbox_top .iconbox_content,
.socket_color .av_promobox,
.socket_color .toggle_content,
.socket_color .toggler:hover,
#top .socket_color .av-minimal-toggle .toggler,
.socket_color .related_posts_default_image,
.socket_color .search-result-counter,
.socket_color .container_wrap_meta,
.socket_color .avia-content-slider .slide-image,
.socket_color .avia-slider-testimonials .avia-testimonial-content,
.socket_color .avia-testimonial-arrow-wrap .avia-arrow,
.socket_color .news-thumb,
.socket_color .portfolio-preview-content,
.socket_color .portfolio-preview-content .avia-arrow,
.socket_color .av-magazine .av-magazine-entry-icon,
.socket_color .related_posts.av-related-style-full a,
.socket_color .aviaccordion-slide,
.socket_color.avia-fullwidth-portfolio .pagination,
.socket_color .isotope-item.special_av_fullwidth .av_table_col.portfolio-grid-image,
.socket_color .av-catalogue-list li:hover,
.socket_color .wp-playlist,
.socket_color .avia-slideshow-fixed-height>li,
.socket_color .avia-form-success,
.socket_color .avia-form-error,
.socket_color .av-boxed-grid-style .avia-testimonial {
    background: #f8f8f8
}

#top .socket_color .post_timeline li:hover .timeline-bullet {
    background-color: #ffa600
}

.socket_color blockquote,
.socket_color .avia-bullet,
.socket_color .av-no-color.av-icon-style-border a.av-icon-char {
    border-color: #ff8400
}

.html_header_top .socket_color .main_menu ul:first-child>li>ul,
.html_header_top #top .socket_color .avia_mega_div>.sub-menu {
    border-top-color: #ff8400
}

.socket_color .breadcrumb,
.socket_color .breadcrumb a,
#top .socket_color.title_container .main-title,
#top .socket_color.title_container .main-title a {
    color: #f8f8f8
}

.socket_color .av-icon-display,
#top .socket_color .av-related-style-full a:hover .related-format-icon,
.socket_color .av-default-style .av-countdown-cell-inner {
    background-color: #f8f8f8;
    color: #969696
}

.socket_color .av-masonry-entry:hover .av-icon-display {
    background-color: #ff8400;
    color: #ffffff;
    border-color: #dd6200
}

#top .socket_color .av-masonry-entry.format-quote:hover .av-icon-display {
    color: #ff8400
}

.socket_color ::-webkit-input-placeholder {
    color: #969696
}

.socket_color ::-moz-placeholder {
    color: #969696;
    opacity: 1
}

.socket_color :-ms-input-placeholder {
    color: #969696
}

.socket_color .header_bg,
.socket_color .main_menu ul ul,
.socket_color .main_menu .menu ul li a,
.socket_color .pointer_arrow_wrap .pointer_arrow,
.socket_color .avia_mega_div,
.socket_color .av-subnav-menu>li ul,
.socket_color .av-subnav-menu a {
    background-color: #333333;
    color: #969696
}

.socket_color .main_menu .menu ul li a:hover,
.socket_color .av-subnav-menu ul a:hover {
    background-color: #f8f8f8
}

.socket_color .sub_menu>ul>li>a,
.socket_color .sub_menu>div>ul>li>a,
.socket_color .main_menu ul:first-child>li>a,
#top .socket_color .main_menu .menu ul .current_page_item>a,
#top .socket_color .main_menu .menu ul .current-menu-item>a,
#top .socket_color .sub_menu li ul a {
    color: #969696
}

#top .socket_color .main_menu .menu ul li>a:hover {
    color: #f8f8f8
}

.socket_color .av-subnav-menu a:hover,
.socket_color .main_menu ul:first-child>li a:hover,
.socket_color .main_menu ul:first-child>li.current-menu-item>a,
.socket_color .main_menu ul:first-child>li.current_page_item>a,
.socket_color .main_menu ul:first-child>li.active-parent-item>a {
    color: #f8f8f8
}

#top .socket_color .main_menu .menu .avia_mega_div ul .current-menu-item>a {
    color: #ff8400
}

.socket_color .sub_menu>ul>li>a:hover,
.socket_color .sub_menu>div>ul>li>a:hover {
    color: #f8f8f8
}

#top .socket_color .sub_menu ul li a:hover,
.socket_color .sub_menu ul:first-child>li.current-menu-item>a,
.socket_color .sub_menu ul:first-child>li.current_page_item>a,
.socket_color .sub_menu ul:first-child>li.active-parent-item>a {
    color: #f8f8f8
}

.socket_color .sub_menu li ul a,
.socket_color #payment,
.socket_color .sub_menu ul li,
.socket_color .sub_menu ul,
#top .socket_color .sub_menu li li a:hover {
    background-color: #333333
}

.socket_color#header .avia_mega_div>.sub-menu.avia_mega_hr,
.html_bottom_nav_header.html_logo_center #top #menu-item-search>a {
    border-color: transparent
}

@media only screen and (max-width:767px) {
    #top #wrap_all .av_header_transparency {
        background-color: #333333;
        color: #f8f8f8;
        border-color: transparent
    }
}

@media only screen and (max-width:989px) {
    .html_mobile_menu_tablet #top #wrap_all .av_header_transparency {
        background-color: #333333;
        color: #f8f8f8;
        border-color: transparent
    }
}

.socket_color .avia-tt,
.socket_color .avia-tt .avia-arrow,
.socket_color .avia-tt .avia-arrow {
    background-color: #333333;
    color: #969696
}

.socket_color .av_ajax_search_image {
    background-color: #ff8400;
    color: #333333
}

.socket_color .ajax_search_excerpt {
    color: #969696
}

.socket_color .av_ajax_search_title {
    color: #f8f8f8
}

.socket_color .ajax_load {
    background-color: #ff8400
}

.socket_color .av_searchsubmit_wrapper {
    background-color: #ff8400
}

#top .socket_color .avia-color-theme-color {
    color: #ffffff;
    border-color: #dd6200
}

.socket_color .avia-color-theme-color-subtle {
    background-color: #f8f8f8;
    color: #f8f8f8
}

.socket_color .avia-color-theme-color-subtle:hover {
    background-color: #333333;
    color: #f8f8f8
}

#top .socket_color .avia-color-theme-color-highlight {
    color: #ffffff;
    border-color: #ffa600;
    background-color: #ffa600
}

#top .socket_color .avia-font-color-theme-color,
#top .socket_color .avia-font-color-theme-color-hover:hover {
    color: #ffffff
}

.socket_color .avia-font-color-theme-color-subtle {
    color: #f8f8f8
}

.socket_color .avia-font-color-theme-color-subtle-hover:hover {
    color: #f8f8f8
}

#top .socket_color .avia-font-color-theme-color-highlight,
#top .socket_color .avia-font-color-theme-color-highlight-hover:hover {
    color: #ffffff
}

.socket_color .avia-icon-list .iconlist_icon {
    background-color: sq9mro9qdms
}

.socket_color .avia-icon-list .iconlist-timeline {
    border-color: transparent
}

.socket_color .iconlist_content {
    color: #969696
}

.socket_color .avia-timeline .milestone_icon {
    background-color: sq9mro9qdms
}

.socket_color .avia-timeline .milestone_inner {
    background-color: sq9mro9qdms
}

.socket_color .avia-timeline {
    border-color: sq9mro9qdms
}

.socket_color .av-milestone-icon-wrap:after {
    border-color: sq9mro9qdms
}

.socket_color .avia-timeline .av-milestone-date {
    color: pn6jol6najp
}

.socket_color .avia-timeline .av-milestone-date span {
    background-color: sq9mro9qdms
}

.socket_color .avia-timeline-horizontal .av-milestone-content-wrap footer {
    background-color: sq9mro9qdms
}

.socket_color .av-timeline-nav a span {
    background-color: sq9mro9qdms
}

#top .socket_color .input-text,
#top .socket_color input[type='text'],
#top .socket_color input[type='input'],
#top .socket_color input[type='password'],
#top .socket_color input[type='email'],
#top .socket_color input[type='number'],
#top .socket_color input[type='url'],
#top .socket_color input[type='tel'],
#top .socket_color input[type='search'],
#top .socket_color textarea,
#top .socket_color select {
    border-color: transparent;
    background-color: #f8f8f8;
    color: #969696
}

#top .socket_color .invers-color .input-text,
#top .socket_color .invers-color input[type='text'],
#top .socket_color .invers-color input[type='input'],
#top .socket_color .invers-color input[type='password'],
#top .socket_color .invers-color input[type='email'],
#top .socket_color .invers-color input[type='number'],
#top .socket_color .invers-color input[type='url'],
#top .socket_color .invers-color input[type='tel'],
#top .socket_color .invers-color input[type='search'],
#top .socket_color .invers-color textarea,
#top .socket_color .invers-color select {
    background-color: #333333
}

.socket_color .required {
    color: #ff8400
}

.socket_color .av-masonry {
    background-color: #e7e7e7
}

.socket_color .av-masonry-pagination,
.socket_color .av-masonry-pagination:hover,
.socket_color .av-masonry-outerimage-container {
    background-color: #333333
}

.socket_color .container .av-inner-masonry-content,
#top .socket_color .container .av-masonry-load-more,
#top .socket_color .container .av-masonry-sort,
.socket_color .container .av-masonry-entry .avia-arrow {
    background-color: #f8f8f8
}

.socket_color .hr-short .hr-inner-style,
.socket_color .hr-short .hr-inner {
    background-color: #333333
}

div .socket_color .tabcontainer .active_tab_content,
div .socket_color .tabcontainer .active_tab {
    background-color: #f8f8f8;
    color: #f8f8f8
}

.responsive.js_active #top .socket_color .avia_combo_widget .top_tab .tab {
    border-top-color: transparent
}

.socket_color .template-archives .tabcontainer a,
#top .socket_color .tabcontainer .tab:hover,
#top .socket_color .tabcontainer .tab.active_tab {
    color: #f8f8f8
}

.socket_color .template-archives .tabcontainer a:hover {
    color: #ffa600
}

.socket_color .sidebar_tab_icon {
    background-color: transparent
}

#top .socket_color .sidebar_active_tab .sidebar_tab_icon {
    background-color: #ff8400
}

.socket_color .sidebar_tab:hover .sidebar_tab_icon {
    background-color: #ffa600
}

.socket_color .sidebar_tab,
.socket_color .tabcontainer .tab {
    color: #969696
}

.socket_color div .sidebar_active_tab,
div .socket_color .tabcontainer.noborder_tabs .active_tab_content,
div .socket_color .tabcontainer.noborder_tabs .active_tab {
    color: #f8f8f8;
    background-color: #333333
}

#top .avia-smallarrow-slider .avia-slideshow-dots a {
    background-color: #f8f8f8
}

#top .socket_color .avia-smallarrow-slider .avia-slideshow-dots a.active,
#top .socket_color .avia-smallarrow-slider .avia-slideshow-dots a:hover {
    background-color: #969696
}

@media only screen and (max-width:767px) {
    .responsive #top .socket_color .tabcontainer .active_tab {
        background-color: #ffa600;
        color: #ffffff
    }

    .responsive #top .socket_color .tabcontainer {
        border-color: transparent
    }

    .responsive #top .socket_color .active_tab_content {
        background-color: #f8f8f8
    }
}

.socket_color tr:nth-child(even),
.socket_color .avia-data-table .avia-heading-row .avia-desc-col,
.socket_color .avia-data-table .avia-highlight-col,
.socket_color .pricing-table>li:nth-child(even),
body .socket_color .pricing-table.avia-desc-col li,
#top .socket_color .avia-data-table.avia_pricing_minimal th {
    background-color: #333333;
    color: #f8f8f8
}

.socket_color table caption,
.socket_color tr:nth-child(even),
.socket_color .pricing-table>li:nth-child(even),
#top .socket_color .avia-data-table.avia_pricing_minimal td {
    color: #969696
}

.socket_color tr:nth-child(odd),
.socket_color .pricing-table>li:nth-child(odd),
.socket_color .pricing-extra {
    background: #f8f8f8
}

.socket_color .pricing-table li.avia-pricing-row,
.socket_color .pricing-table li.avia-heading-row,
.socket_color .pricing-table li.avia-pricing-row .pricing-extra {
    background-color: #ff8400;
    color: #ffffff;
    border-color: #ffa622
}

.socket_color .pricing-table li.avia-heading-row,
.socket_color .pricing-table li.avia-heading-row .pricing-extra {
    background-color: #ff9511;
    color: #ffffff;
    border-color: #ffa622
}

.socket_color .pricing-table.avia-desc-col .avia-heading-row,
.socket_color .pricing-table.avia-desc-col .avia-pricing-row {
    border-color: transparent
}

.socket_color .theme-color-bar .bar {
    background: #ff8400
}

.socket_color .mejs-controls .mejs-time-rail .mejs-time-current,
.socket_color .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current,
.socket_color .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.socket_color .button.av-sending-button,
.socket_color .av-striped-bar .theme-color-bar .bar {
    background: #ff8400
}

body .socket_color .mejs-controls .mejs-time-rail .mejs-time-float {
    background: #ff8400;
    color: #fff
}

body .socket_color .mejs-controls .mejs-time-rail .mejs-time-float-corner {
    border: solid 4px #ff8400;
    border-color: #ff8400 transparent transparent transparent
}

.socket_color .progress {
    background-color: #f8f8f8
}

.socket_color .av_searchform_element_results .av_ajax_search_entry,
.socket_color .av_searchform_element_results .av_ajax_search_title,
.socket_color.av_searchform_element_results .av_ajax_search_entry,
.socket_color.av_searchform_element_results .av_ajax_search_title {
    color: #ff8400
}

.socket_color .av_searchform_element_results .ajax_search_excerpt,
.socket_color.av_searchform_element_results .ajax_search_excerpt {
    color: #969696
}

.socket_color .av_searchform_element_results .av_ajax_search_image,
.socket_color.av_searchform_element_results .av_ajax_search_image {
    color: #969696
}

.socket_color .button.av-sending-button {
    background: #ffa600;
    background-image: -webkit-linear-gradient(-45deg, #ffa600 25%, #ffb711 25%, #ffb711 50%, #ffa600 50%, #ffa600 75%, #ffb711 75%, #ffb711);
    background-image: -moz-linear-gradient(-45deg, #ffa600 25%, #ffb711 25%, #ffb711 50%, #ffa600 50%, #ffa600 75%, #ffb711 75%, #ffb711);
    background-image: linear-gradient(-45deg, #ffa600 25%, #ffb711 25%, #ffb711 50%, #ffa600 50%, #ffa600 75%, #ffb711 75%, #ffb711);
    border-color: #ffa600
}

.socket_color span.bbp-admin-links a {
    color: #ff8400
}

.socket_color span.bbp-admin-links a:hover {
    color: #ffa600
}

#top .socket_color .bbp-reply-content,
#top .socket_color .bbp-topic-content,
#top .socket_color .bbp-body .super-sticky .page-numbers,
#top .socket_color .bbp-body .sticky .page-numbers,
#top .socket_color .bbp-pagination-links a:hover,
#top .socket_color .bbp-pagination-links span.current {
    background: #333333
}

#top .socket_color .bbp-topics .bbp-header,
#top .socket_color .bbp-topics .bbp-header,
#top .socket_color .bbp-forums .bbp-header,
#top .socket_color .bbp-topics-front ul.super-sticky,
#top .socket_color .bbp-topics ul.super-sticky,
#top .socket_color .bbp-topics ul.sticky,
#top .socket_color .bbp-forum-content ul.sticky,
#top .socket_color .bbp-body .page-numbers {
    background-color: #f8f8f8
}

#top .socket_color .bbp-meta,
#top .socket_color .bbp-author-role,
#top .socket_color .bbp-author-ip,
#top .socket_color .bbp-pagination-count,
#top .socket_color .bbp-topics .bbp-body .bbp-topic-title:before {
    color: #969696
}

#top .socket_color .bbp-admin-links {
    color: transparent
}

.socket_color #bbpress-forums li.bbp-body ul.forum,
.socket_color #bbpress-forums li.bbp-body ul.topic,
.avia_transform .socket_color .bbp-replies .bbp-reply-author:before,
.avia_transform .forum-search .socket_color .bbp-reply-author:before,
.avia_transform .forum-search .socket_color .bbp-topic-author:before {
    background-color: #333333;
    border-color: transparent
}

#top .socket_color .bbp-author-name {
    color: #f8f8f8
}

.socket_color .widget_display_stats dt,
.socket_color .widget_display_stats dd {
    background-color: #f8f8f8
}

.socket_color dropcap2,
.socket_color dropcap3,
.socket_color avia_button,
.socket_color avia_button:hover,
.socket_color .on-primary-color,
.socket_color .on-primary-color:hover {
    color: #ffffff
}

html,
#scroll-top-link,
#av-cookie-consent-badge {
    background-color: #333333
}

#scroll-top-link,
#av-cookie-consent-badge {
    color: #f8f8f8;
    border: 1px solid transparent
}

.html_stretched #wrap_all {
    background-color: #333333
}

.footer_color,
.footer_color div,
.footer_color header,
.footer_color main,
.footer_color aside,
.footer_color footer,
.footer_color article,
.footer_color nav,
.footer_color section,
.footer_color span,
.footer_color applet,
.footer_color object,
.footer_color iframe,
.footer_color h1,
.footer_color h2,
.footer_color h3,
.footer_color h4,
.footer_color h5,
.footer_color h6,
.footer_color p,
.footer_color blockquote,
.footer_color pre,
.footer_color a,
.footer_color abbr,
.footer_color acronym,
.footer_color address,
.footer_color big,
.footer_color cite,
.footer_color code,
.footer_color del,
.footer_color dfn,
.footer_color em,
.footer_color img,
.footer_color ins,
.footer_color kbd,
.footer_color q,
.footer_color s,
.footer_color samp,
.footer_color small,
.footer_color strike,
.footer_color strong,
.footer_color sub,
.footer_color sup,
.footer_color tt,
.footer_color var,
.footer_color b,
.footer_color u,
.footer_color i,
.footer_color center,
.footer_color dl,
.footer_color dt,
.footer_color dd,
.footer_color ol,
.footer_color ul,
.footer_color li,
.footer_color fieldset,
.footer_color form,
.footer_color label,
.footer_color legend,
.footer_color table,
.footer_color caption,
.footer_color tbody,
.footer_color tfoot,
.footer_color thead,
.footer_color tr,
.footer_color th,
.footer_color td,
.footer_color article,
.footer_color aside,
.footer_color canvas,
.footer_color details,
.footer_color embed,
.footer_color figure,
.footer_color fieldset,
.footer_color figcaption,
.footer_color footer,
.footer_color header,
.footer_color hgroup,
.footer_color menu,
.footer_color nav,
.footer_color output,
.footer_color ruby,
.footer_color section,
.footer_color summary,
.footer_color time,
.footer_color mark,
.footer_color audio,
.footer_color video,
#top .footer_color .pullquote_boxed,
.responsive #top .footer_color .avia-testimonial,
.responsive #top.avia-blank #main .footer_color.container_wrap:first-child,
#top .footer_color.fullsize .template-blog .post_delimiter,
.footer_color .related_posts.av-related-style-full a {
    border-color: transparent
}

.footer_color .rounded-container,
#top .footer_color .pagination a:hover,
.footer_color .small-preview,
.footer_color .fallback-post-type-icon {
    background: #969696;
    color: #111111
}

.footer_color .av-default-color,
#top .footer_color .av-force-default-color,
.footer_color .av-catalogue-item,
.footer_color .wp-playlist-item .wp-playlist-caption,
.footer_color .wp-playlist {
    color: #f8f8f8
}

.footer_color,
.footer_color .site-background,
.footer_color .first-quote,
.footer_color .related_image_wrap,
.footer_color .gravatar img .footer_color .hr_content,
.footer_color .news-thumb,
.footer_color .post-format-icon,
.footer_color .ajax_controlls a,
.footer_color .tweet-text.avatar_no,
.footer_color .toggler,
.footer_color .toggler.activeTitle:hover,
.footer_color #js_sort_items,
.footer_color.inner-entry,
.footer_color .grid-entry-title,
.footer_color .related-format-icon,
.grid-entry .footer_color .avia-arrow,
.footer_color .avia-gallery-big,
.footer_color .avia-gallery-big,
.footer_color .avia-gallery img,
.footer_color .grid-content,
.footer_color .av-share-box ul,
#top .footer_color .av-related-style-full .related-format-icon,
.footer_color .related_posts.av-related-style-full a:hover,
.footer_color.avia-fullwidth-portfolio .pagination .current,
.footer_color.avia-fullwidth-portfolio .pagination a,
.footer_color .av-hotspot-fallback-tooltip-inner,
.footer_color .av-hotspot-fallback-tooltip-count {
    background-color: #111111;
    color: #f8f8f8
}

.footer_color .heading-color,
.footer_color a.iconbox_icon:hover,
.footer_color h1,
.footer_color h2,
.footer_color h3,
.footer_color h4,
.footer_color h5,
.footer_color h6,
.footer_color .sidebar .current_page_item>a,
.footer_color .sidebar .current-menu-item>a,
.footer_color .pagination .current,
.footer_color .pagination a:hover,
.footer_color strong.avia-testimonial-name,
.footer_color .heading,
.footer_color .toggle_content strong,
.footer_color .toggle_content strong a,
.footer_color .tab_content strong,
.footer_color .tab_content strong a,
.footer_color .asc_count,
.footer_color .avia-testimonial-content strong,
.footer_color div .news-headline,
#top .footer_color .av-related-style-full .av-related-title,
.footer_color .av-default-style .av-countdown-cell-inner .av-countdown-time,
.footer_color .wp-playlist-item-meta.wp-playlist-item-title,
#top .footer_color .av-no-image-slider h2 a,
.footer_color .av-small-bar .avia-progress-bar .progressbar-title-wrap {
    color: #ff8400
}

.footer_color .meta-color,
.footer_color .sidebar,
.footer_color .sidebar a,
.footer_color .minor-meta,
.footer_color .minor-meta a,
.footer_color .text-sep,
.footer_color blockquote,
.footer_color .post_nav a,
.footer_color .comment-text,
.footer_color .side-container-inner,
.footer_color .news-time,
.footer_color .pagination a,
.footer_color .pagination span,
.footer_color .tweet-text.avatar_no .tweet-time,
#top .footer_color .extra-mini-title,
.footer_color .team-member-job-title,
.footer_color .team-social a,
.footer_color #js_sort_items a,
.grid-entry-excerpt,
.footer_color .avia-testimonial-subtitle,
.footer_color .commentmetadata a,
.footer_color .social_bookmarks a,
.footer_color .meta-heading>*,
.footer_color .slide-meta,
.footer_color .slide-meta a,
.footer_color .taglist,
.footer_color .taglist a,
.footer_color .phone-info,
.footer_color .phone-info a,
.footer_color .av-sort-by-term a,
.footer_color .av-magazine-time,
.footer_color .av-magazine .av-magazine-entry-icon,
.footer_color .av-catalogue-content,
.footer_color .wp-playlist-item-length,
.html_modern-blog #top div .footer_color .blog-categories a,
.html_modern-blog #top div .footer_color .blog-categories a:hover {
    color: #969696
}

.footer_color .special-heading-inner-border {
    border-color: #f8f8f8
}

.footer_color .meta-heading .special-heading-inner-border {
    border-color: #969696
}

.footer_color a,
.footer_color .widget_first,
.footer_color strong,
.footer_color b,
.footer_color b a,
.footer_color strong a,
.footer_color #js_sort_items a:hover,
.footer_color #js_sort_items a.active_sort,
.footer_color .av-sort-by-term a.active_sort,
.footer_color .special_amp,
.footer_color .taglist a.activeFilter,
.footer_color #commentform .required,
#top .footer_color .av-no-color.av-icon-style-border a.av-icon-char,
.html_elegant-blog #top .footer_color .blog-categories a,
.html_elegant-blog #top .footer_color .blog-categories a:hover {
    color: #ff8400
}

.footer_color a:hover,
.footer_color h1 a:hover,
.footer_color h2 a:hover,
.footer_color h3 a:hover,
.footer_color h4 a:hover,
.footer_color h5 a:hover,
.footer_color h6 a:hover,
.footer_color .template-search a.news-content:hover,
.footer_color .wp-playlist-item .wp-playlist-caption:hover {
    color: #ff8400
}

.footer_color .primary-background,
.footer_color .primary-background a,
div .footer_color .button,
.footer_color #submit,
.footer_color input[type='submit'],
.footer_color .small-preview:hover,
.footer_color .avia-menu-fx,
.footer_color .avia-menu-fx .avia-arrow,
.footer_color.iconbox_top .iconbox_icon,
.footer_color .iconbox_top a.iconbox_icon:hover,
.footer_color .avia-data-table th.avia-highlight-col,
.footer_color .avia-color-theme-color,
.footer_color .avia-color-theme-color:hover,
.footer_color .comment-count,
.footer_color .av_dropcap2,
.footer_color .av-colored-style .av-countdown-cell-inner,
.responsive #top .footer_color .av-open-submenu.av-subnav-menu>li>a:hover,
#top .footer_color .av-open-submenu.av-subnav-menu li>ul a:hover {
    background-color: #ff8400;
    color: #ffffff;
    border-color: #dd6200
}

#top #wrap_all .footer_color .av-menu-button-colored>a .avia-menu-text {
    background-color: #ff8400;
    color: #ffffff;
    border-color: #ff8400
}

#top #wrap_all .footer_color .av-menu-button-colored>a .avia-menu-text:after {
    background-color: #dd6200
}

#top .footer_color .mobile_menu_toggle {
    color: #ff8400;
    background: #111111
}

#top .footer_color .av-menu-mobile-active .av-subnav-menu>li>a:before {
    color: #ff8400
}

#top .footer_color .av-open-submenu.av-subnav-menu>li>a:hover:before {
    color: #111111
}

.footer_color .button:hover,
.footer_color .ajax_controlls a:hover,
.footer_color #submit:hover,
.footer_color .big_button:hover,
.footer_color .contentSlideControlls a:hover,
.footer_color #submit:hover,
.footer_color input[type='submit']:hover {
    background-color: #ff8400;
    color: #111111;
    border-color: #dd6200
}

.footer_color .avia-toc-style-elegant a.avia-toc-level-0:last-child:after,
.footer_color .avia-toc-style-elegant a:first-child:after,
.footer_color .avia-toc-style-elegant a.avia-toc-level-0:after {
    background-color: #111111;
    border-color: #ff8400
}

.footer_color .avia-toc-style-elegant a:first-child span:after,
.footer_color .avia-toc-style-elegant a.avia-toc-level-0 span:after {
    background-color: #111111
}

.footer_color .avia-toc-style-elegant a:first-child:hover span:after,
.footer_color .avia-toc-style-elegant a.avia-toc-level-0:hover span:after {
    border-color: #ff8400
}

.footer_color .avia-toc-style-elegant a:before {
    border-color: transparent
}

.footer_color .avia-toc-style-elegant a:first-child:after,
.footer_color .avia-toc-style-elegant a.avia-toc-level-0:after {
    border-color: #ff8400;
    background-color: #111111
}

.footer_color .avia-toc-style-elegant a:last-child:after {
    background-color: transparent
}

.footer_color .timeline-bullet {
    background-color: transparent;
    border-color: #111111
}

.footer_color table,
.footer_color .widget_nav_menu ul:first-child>.current-menu-item,
.footer_color .widget_nav_menu ul:first-child>.current_page_item,
.footer_color .widget_nav_menu ul:first-child>.current-menu-ancestor,
.footer_color .pagination .current,
.footer_color .pagination a,
.footer_color.iconbox_top .iconbox_content,
.footer_color .av_promobox,
.footer_color .toggle_content,
.footer_color .toggler:hover,
#top .footer_color .av-minimal-toggle .toggler,
.footer_color .related_posts_default_image,
.footer_color .search-result-counter,
.footer_color .container_wrap_meta,
.footer_color .avia-content-slider .slide-image,
.footer_color .avia-slider-testimonials .avia-testimonial-content,
.footer_color .avia-testimonial-arrow-wrap .avia-arrow,
.footer_color .news-thumb,
.footer_color .portfolio-preview-content,
.footer_color .portfolio-preview-content .avia-arrow,
.footer_color .av-magazine .av-magazine-entry-icon,
.footer_color .related_posts.av-related-style-full a,
.footer_color .aviaccordion-slide,
.footer_color.avia-fullwidth-portfolio .pagination,
.footer_color .isotope-item.special_av_fullwidth .av_table_col.portfolio-grid-image,
.footer_color .av-catalogue-list li:hover,
.footer_color .wp-playlist,
.footer_color .avia-slideshow-fixed-height>li,
.footer_color .avia-form-success,
.footer_color .avia-form-error,
.footer_color .av-boxed-grid-style .avia-testimonial {
    background: #111111
}

#top .footer_color .post_timeline li:hover .timeline-bullet {
    background-color: #ff8400
}

.footer_color blockquote,
.footer_color .avia-bullet,
.footer_color .av-no-color.av-icon-style-border a.av-icon-char {
    border-color: #ff8400
}

.html_header_top .footer_color .main_menu ul:first-child>li>ul,
.html_header_top #top .footer_color .avia_mega_div>.sub-menu {
    border-top-color: #ff8400
}

.footer_color .breadcrumb,
.footer_color .breadcrumb a,
#top .footer_color.title_container .main-title,
#top .footer_color.title_container .main-title a {
    color: #f8f8f8
}

.footer_color .av-icon-display,
#top .footer_color .av-related-style-full a:hover .related-format-icon,
.footer_color .av-default-style .av-countdown-cell-inner {
    background-color: #111111;
    color: #969696
}

.footer_color .av-masonry-entry:hover .av-icon-display {
    background-color: #ff8400;
    color: #ffffff;
    border-color: #dd6200
}

#top .footer_color .av-masonry-entry.format-quote:hover .av-icon-display {
    color: #ff8400
}

.footer_color ::-webkit-input-placeholder {
    color: #969696
}

.footer_color ::-moz-placeholder {
    color: #969696;
    opacity: 1
}

.footer_color :-ms-input-placeholder {
    color: #969696
}

.footer_color .header_bg,
.footer_color .main_menu ul ul,
.footer_color .main_menu .menu ul li a,
.footer_color .pointer_arrow_wrap .pointer_arrow,
.footer_color .avia_mega_div,
.footer_color .av-subnav-menu>li ul,
.footer_color .av-subnav-menu a {
    background-color: #111111;
    color: #969696
}

.footer_color .main_menu .menu ul li a:hover,
.footer_color .av-subnav-menu ul a:hover {
    background-color: #111111
}

.footer_color .sub_menu>ul>li>a,
.footer_color .sub_menu>div>ul>li>a,
.footer_color .main_menu ul:first-child>li>a,
#top .footer_color .main_menu .menu ul .current_page_item>a,
#top .footer_color .main_menu .menu ul .current-menu-item>a,
#top .footer_color .sub_menu li ul a {
    color: #969696
}

#top .footer_color .main_menu .menu ul li>a:hover {
    color: #f8f8f8
}

.footer_color .av-subnav-menu a:hover,
.footer_color .main_menu ul:first-child>li a:hover,
.footer_color .main_menu ul:first-child>li.current-menu-item>a,
.footer_color .main_menu ul:first-child>li.current_page_item>a,
.footer_color .main_menu ul:first-child>li.active-parent-item>a {
    color: #f8f8f8
}

#top .footer_color .main_menu .menu .avia_mega_div ul .current-menu-item>a {
    color: #ff8400
}

.footer_color .sub_menu>ul>li>a:hover,
.footer_color .sub_menu>div>ul>li>a:hover {
    color: #f8f8f8
}

#top .footer_color .sub_menu ul li a:hover,
.footer_color .sub_menu ul:first-child>li.current-menu-item>a,
.footer_color .sub_menu ul:first-child>li.current_page_item>a,
.footer_color .sub_menu ul:first-child>li.active-parent-item>a {
    color: #f8f8f8
}

.footer_color .sub_menu li ul a,
.footer_color #payment,
.footer_color .sub_menu ul li,
.footer_color .sub_menu ul,
#top .footer_color .sub_menu li li a:hover {
    background-color: #111111
}

.footer_color#header .avia_mega_div>.sub-menu.avia_mega_hr,
.html_bottom_nav_header.html_logo_center #top #menu-item-search>a {
    border-color: transparent
}

@media only screen and (max-width:767px) {
    #top #wrap_all .av_header_transparency {
        background-color: #111111;
        color: #f8f8f8;
        border-color: transparent
    }
}

@media only screen and (max-width:989px) {
    .html_mobile_menu_tablet #top #wrap_all .av_header_transparency {
        background-color: #111111;
        color: #f8f8f8;
        border-color: transparent
    }
}

.footer_color .avia-tt,
.footer_color .avia-tt .avia-arrow,
.footer_color .avia-tt .avia-arrow {
    background-color: #111111;
    color: #969696
}

.footer_color .av_ajax_search_image {
    background-color: #ff8400;
    color: #111111
}

.footer_color .ajax_search_excerpt {
    color: #969696
}

.footer_color .av_ajax_search_title {
    color: #ff8400
}

.footer_color .ajax_load {
    background-color: #ff8400
}

.footer_color .av_searchsubmit_wrapper {
    background-color: #ff8400
}

#top .footer_color .avia-color-theme-color {
    color: #ffffff;
    border-color: #dd6200
}

.footer_color .avia-color-theme-color-subtle {
    background-color: #111111;
    color: #f8f8f8
}

.footer_color .avia-color-theme-color-subtle:hover {
    background-color: #111111;
    color: #ff8400
}

#top .footer_color .avia-color-theme-color-highlight {
    color: #ffffff;
    border-color: #ff8400;
    background-color: #ff8400
}

#top .footer_color .avia-font-color-theme-color,
#top .footer_color .avia-font-color-theme-color-hover:hover {
    color: #ffffff
}

.footer_color .avia-font-color-theme-color-subtle {
    color: #f8f8f8
}

.footer_color .avia-font-color-theme-color-subtle-hover:hover {
    color: #ff8400
}

#top .footer_color .avia-font-color-theme-color-highlight,
#top .footer_color .avia-font-color-theme-color-highlight-hover:hover {
    color: #ffffff
}

.footer_color .avia-icon-list .iconlist_icon {
    background-color: sq9mro9qdms
}

.footer_color .avia-icon-list .iconlist-timeline {
    border-color: transparent
}

.footer_color .iconlist_content {
    color: #969696
}

.footer_color .avia-timeline .milestone_icon {
    background-color: sq9mro9qdms
}

.footer_color .avia-timeline .milestone_inner {
    background-color: sq9mro9qdms
}

.footer_color .avia-timeline {
    border-color: sq9mro9qdms
}

.footer_color .av-milestone-icon-wrap:after {
    border-color: sq9mro9qdms
}

.footer_color .avia-timeline .av-milestone-date {
    color: pn6jol6najp
}

.footer_color .avia-timeline .av-milestone-date span {
    background-color: sq9mro9qdms
}

.footer_color .avia-timeline-horizontal .av-milestone-content-wrap footer {
    background-color: sq9mro9qdms
}

.footer_color .av-timeline-nav a span {
    background-color: sq9mro9qdms
}

#top .footer_color .input-text,
#top .footer_color input[type='text'],
#top .footer_color input[type='input'],
#top .footer_color input[type='password'],
#top .footer_color input[type='email'],
#top .footer_color input[type='number'],
#top .footer_color input[type='url'],
#top .footer_color input[type='tel'],
#top .footer_color input[type='search'],
#top .footer_color textarea,
#top .footer_color select {
    border-color: transparent;
    background-color: #111111;
    color: #969696
}

#top .footer_color .invers-color .input-text,
#top .footer_color .invers-color input[type='text'],
#top .footer_color .invers-color input[type='input'],
#top .footer_color .invers-color input[type='password'],
#top .footer_color .invers-color input[type='email'],
#top .footer_color .invers-color input[type='number'],
#top .footer_color .invers-color input[type='url'],
#top .footer_color .invers-color input[type='tel'],
#top .footer_color .invers-color input[type='search'],
#top .footer_color .invers-color textarea,
#top .footer_color .invers-color select {
    background-color: #111111
}

.footer_color .required {
    color: #ff8400
}

.footer_color .av-masonry {
    background-color: #000000
}

.footer_color .av-masonry-pagination,
.footer_color .av-masonry-pagination:hover,
.footer_color .av-masonry-outerimage-container {
    background-color: #111111
}

.footer_color .container .av-inner-masonry-content,
#top .footer_color .container .av-masonry-load-more,
#top .footer_color .container .av-masonry-sort,
.footer_color .container .av-masonry-entry .avia-arrow {
    background-color: #111111
}

.footer_color .hr-short .hr-inner-style,
.footer_color .hr-short .hr-inner {
    background-color: #111111
}

div .footer_color .tabcontainer .active_tab_content,
div .footer_color .tabcontainer .active_tab {
    background-color: #111111;
    color: #f8f8f8
}

.responsive.js_active #top .footer_color .avia_combo_widget .top_tab .tab {
    border-top-color: transparent
}

.footer_color .template-archives .tabcontainer a,
#top .footer_color .tabcontainer .tab:hover,
#top .footer_color .tabcontainer .tab.active_tab {
    color: #f8f8f8
}

.footer_color .template-archives .tabcontainer a:hover {
    color: #ff8400
}

.footer_color .sidebar_tab_icon {
    background-color: transparent
}

#top .footer_color .sidebar_active_tab .sidebar_tab_icon {
    background-color: #ff8400
}

.footer_color .sidebar_tab:hover .sidebar_tab_icon {
    background-color: #ff8400
}

.footer_color .sidebar_tab,
.footer_color .tabcontainer .tab {
    color: #969696
}

.footer_color div .sidebar_active_tab,
div .footer_color .tabcontainer.noborder_tabs .active_tab_content,
div .footer_color .tabcontainer.noborder_tabs .active_tab {
    color: #f8f8f8;
    background-color: #111111
}

#top .avia-smallarrow-slider .avia-slideshow-dots a {
    background-color: #111111
}

#top .footer_color .avia-smallarrow-slider .avia-slideshow-dots a.active,
#top .footer_color .avia-smallarrow-slider .avia-slideshow-dots a:hover {
    background-color: #969696
}

@media only screen and (max-width:767px) {
    .responsive #top .footer_color .tabcontainer .active_tab {
        background-color: #ff8400;
        color: #ffffff
    }

    .responsive #top .footer_color .tabcontainer {
        border-color: transparent
    }

    .responsive #top .footer_color .active_tab_content {
        background-color: #111111
    }
}

.footer_color tr:nth-child(even),
.footer_color .avia-data-table .avia-heading-row .avia-desc-col,
.footer_color .avia-data-table .avia-highlight-col,
.footer_color .pricing-table>li:nth-child(even),
body .footer_color .pricing-table.avia-desc-col li,
#top .footer_color .avia-data-table.avia_pricing_minimal th {
    background-color: #111111;
    color: #f8f8f8
}

.footer_color table caption,
.footer_color tr:nth-child(even),
.footer_color .pricing-table>li:nth-child(even),
#top .footer_color .avia-data-table.avia_pricing_minimal td {
    color: #969696
}

.footer_color tr:nth-child(odd),
.footer_color .pricing-table>li:nth-child(odd),
.footer_color .pricing-extra {
    background: #111111
}

.footer_color .pricing-table li.avia-pricing-row,
.footer_color .pricing-table li.avia-heading-row,
.footer_color .pricing-table li.avia-pricing-row .pricing-extra {
    background-color: #ff8400;
    color: #ffffff;
    border-color: #ffa622
}

.footer_color .pricing-table li.avia-heading-row,
.footer_color .pricing-table li.avia-heading-row .pricing-extra {
    background-color: #ff9511;
    color: #ffffff;
    border-color: #ffa622
}

.footer_color .pricing-table.avia-desc-col .avia-heading-row,
.footer_color .pricing-table.avia-desc-col .avia-pricing-row {
    border-color: transparent
}

.footer_color .theme-color-bar .bar {
    background: #ff8400
}

.footer_color .mejs-controls .mejs-time-rail .mejs-time-current,
.footer_color .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current,
.footer_color .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.footer_color .button.av-sending-button,
.footer_color .av-striped-bar .theme-color-bar .bar {
    background: #ff8400
}

body .footer_color .mejs-controls .mejs-time-rail .mejs-time-float {
    background: #ff8400;
    color: #fff
}

body .footer_color .mejs-controls .mejs-time-rail .mejs-time-float-corner {
    border: solid 4px #ff8400;
    border-color: #ff8400 transparent transparent transparent
}

.footer_color .progress {
    background-color: #111111
}

.footer_color .av_searchform_element_results .av_ajax_search_entry,
.footer_color .av_searchform_element_results .av_ajax_search_title,
.footer_color.av_searchform_element_results .av_ajax_search_entry,
.footer_color.av_searchform_element_results .av_ajax_search_title {
    color: #ff8400
}

.footer_color .av_searchform_element_results .ajax_search_excerpt,
.footer_color.av_searchform_element_results .ajax_search_excerpt {
    color: #969696
}

.footer_color .av_searchform_element_results .av_ajax_search_image,
.footer_color.av_searchform_element_results .av_ajax_search_image {
    color: #969696
}

.footer_color .button.av-sending-button {
    background: #ff8400;
    background-image: -webkit-linear-gradient(-45deg, #ff8400 25%, #ff9511 25%, #ff9511 50%, #ff8400 50%, #ff8400 75%, #ff9511 75%, #ff9511);
    background-image: -moz-linear-gradient(-45deg, #ff8400 25%, #ff9511 25%, #ff9511 50%, #ff8400 50%, #ff8400 75%, #ff9511 75%, #ff9511);
    background-image: linear-gradient(-45deg, #ff8400 25%, #ff9511 25%, #ff9511 50%, #ff8400 50%, #ff8400 75%, #ff9511 75%, #ff9511);
    border-color: #ff8400
}

.footer_color span.bbp-admin-links a {
    color: #ff8400
}

.footer_color span.bbp-admin-links a:hover {
    color: #ff8400
}

#top .footer_color .bbp-reply-content,
#top .footer_color .bbp-topic-content,
#top .footer_color .bbp-body .super-sticky .page-numbers,
#top .footer_color .bbp-body .sticky .page-numbers,
#top .footer_color .bbp-pagination-links a:hover,
#top .footer_color .bbp-pagination-links span.current {
    background: #111111
}

#top .footer_color .bbp-topics .bbp-header,
#top .footer_color .bbp-topics .bbp-header,
#top .footer_color .bbp-forums .bbp-header,
#top .footer_color .bbp-topics-front ul.super-sticky,
#top .footer_color .bbp-topics ul.super-sticky,
#top .footer_color .bbp-topics ul.sticky,
#top .footer_color .bbp-forum-content ul.sticky,
#top .footer_color .bbp-body .page-numbers {
    background-color: #111111
}

#top .footer_color .bbp-meta,
#top .footer_color .bbp-author-role,
#top .footer_color .bbp-author-ip,
#top .footer_color .bbp-pagination-count,
#top .footer_color .bbp-topics .bbp-body .bbp-topic-title:before {
    color: #969696
}

#top .footer_color .bbp-admin-links {
    color: transparent
}

.footer_color #bbpress-forums li.bbp-body ul.forum,
.footer_color #bbpress-forums li.bbp-body ul.topic,
.avia_transform .footer_color .bbp-replies .bbp-reply-author:before,
.avia_transform .forum-search .footer_color .bbp-reply-author:before,
.avia_transform .forum-search .footer_color .bbp-topic-author:before {
    background-color: #111111;
    border-color: transparent
}

#top .footer_color .bbp-author-name {
    color: #ff8400
}

.footer_color .widget_display_stats dt,
.footer_color .widget_display_stats dd {
    background-color: #111111
}

.footer_color dropcap2,
.footer_color dropcap3,
.footer_color avia_button,
.footer_color avia_button:hover,
.footer_color .on-primary-color,
.footer_color .on-primary-color:hover {
    color: #ffffff
}

.alternate_color,
.alternate_color div,
.alternate_color header,
.alternate_color main,
.alternate_color aside,
.alternate_color footer,
.alternate_color article,
.alternate_color nav,
.alternate_color section,
.alternate_color span,
.alternate_color applet,
.alternate_color object,
.alternate_color iframe,
.alternate_color h1,
.alternate_color h2,
.alternate_color h3,
.alternate_color h4,
.alternate_color h5,
.alternate_color h6,
.alternate_color p,
.alternate_color blockquote,
.alternate_color pre,
.alternate_color a,
.alternate_color abbr,
.alternate_color acronym,
.alternate_color address,
.alternate_color big,
.alternate_color cite,
.alternate_color code,
.alternate_color del,
.alternate_color dfn,
.alternate_color em,
.alternate_color img,
.alternate_color ins,
.alternate_color kbd,
.alternate_color q,
.alternate_color s,
.alternate_color samp,
.alternate_color small,
.alternate_color strike,
.alternate_color strong,
.alternate_color sub,
.alternate_color sup,
.alternate_color tt,
.alternate_color var,
.alternate_color b,
.alternate_color u,
.alternate_color i,
.alternate_color center,
.alternate_color dl,
.alternate_color dt,
.alternate_color dd,
.alternate_color ol,
.alternate_color ul,
.alternate_color li,
.alternate_color fieldset,
.alternate_color form,
.alternate_color label,
.alternate_color legend,
.alternate_color table,
.alternate_color caption,
.alternate_color tbody,
.alternate_color tfoot,
.alternate_color thead,
.alternate_color tr,
.alternate_color th,
.alternate_color td,
.alternate_color article,
.alternate_color aside,
.alternate_color canvas,
.alternate_color details,
.alternate_color embed,
.alternate_color figure,
.alternate_color fieldset,
.alternate_color figcaption,
.alternate_color footer,
.alternate_color header,
.alternate_color hgroup,
.alternate_color menu,
.alternate_color nav,
.alternate_color output,
.alternate_color ruby,
.alternate_color section,
.alternate_color summary,
.alternate_color time,
.alternate_color mark,
.alternate_color audio,
.alternate_color video,
#top .alternate_color .pullquote_boxed,
.responsive #top .alternate_color .avia-testimonial,
.responsive #top.avia-blank #main .alternate_color.container_wrap:first-child,
#top .alternate_color.fullsize .template-blog .post_delimiter,
.alternate_color .related_posts.av-related-style-full a {
    border-color: transparent
}

.alternate_color .rounded-container,
#top .alternate_color .pagination a:hover,
.alternate_color .small-preview,
.alternate_color .fallback-post-type-icon {
    background: #ff8400;
    color: #f5f5f5
}

.alternate_color .av-default-color,
#top .alternate_color .av-force-default-color,
.alternate_color .av-catalogue-item,
.alternate_color .wp-playlist-item .wp-playlist-caption,
.alternate_color .wp-playlist {
    color: #333333
}

.alternate_color,
.alternate_color .site-background,
.alternate_color .first-quote,
.alternate_color .related_image_wrap,
.alternate_color .gravatar img .alternate_color .hr_content,
.alternate_color .news-thumb,
.alternate_color .post-format-icon,
.alternate_color .ajax_controlls a,
.alternate_color .tweet-text.avatar_no,
.alternate_color .toggler,
.alternate_color .toggler.activeTitle:hover,
.alternate_color #js_sort_items,
.alternate_color.inner-entry,
.alternate_color .grid-entry-title,
.alternate_color .related-format-icon,
.grid-entry .alternate_color .avia-arrow,
.alternate_color .avia-gallery-big,
.alternate_color .avia-gallery-big,
.alternate_color .avia-gallery img,
.alternate_color .grid-content,
.alternate_color .av-share-box ul,
#top .alternate_color .av-related-style-full .related-format-icon,
.alternate_color .related_posts.av-related-style-full a:hover,
.alternate_color.avia-fullwidth-portfolio .pagination .current,
.alternate_color.avia-fullwidth-portfolio .pagination a,
.alternate_color .av-hotspot-fallback-tooltip-inner,
.alternate_color .av-hotspot-fallback-tooltip-count {
    background-color: #f5f5f5;
    color: #333333
}

.alternate_color .heading-color,
.alternate_color a.iconbox_icon:hover,
.alternate_color h1,
.alternate_color h2,
.alternate_color h3,
.alternate_color h4,
.alternate_color h5,
.alternate_color h6,
.alternate_color .sidebar .current_page_item>a,
.alternate_color .sidebar .current-menu-item>a,
.alternate_color .pagination .current,
.alternate_color .pagination a:hover,
.alternate_color strong.avia-testimonial-name,
.alternate_color .heading,
.alternate_color .toggle_content strong,
.alternate_color .toggle_content strong a,
.alternate_color .tab_content strong,
.alternate_color .tab_content strong a,
.alternate_color .asc_count,
.alternate_color .avia-testimonial-content strong,
.alternate_color div .news-headline,
#top .alternate_color .av-related-style-full .av-related-title,
.alternate_color .av-default-style .av-countdown-cell-inner .av-countdown-time,
.alternate_color .wp-playlist-item-meta.wp-playlist-item-title,
#top .alternate_color .av-no-image-slider h2 a,
.alternate_color .av-small-bar .avia-progress-bar .progressbar-title-wrap {
    color: #333333
}

.alternate_color .meta-color,
.alternate_color .sidebar,
.alternate_color .sidebar a,
.alternate_color .minor-meta,
.alternate_color .minor-meta a,
.alternate_color .text-sep,
.alternate_color blockquote,
.alternate_color .post_nav a,
.alternate_color .comment-text,
.alternate_color .side-container-inner,
.alternate_color .news-time,
.alternate_color .pagination a,
.alternate_color .pagination span,
.alternate_color .tweet-text.avatar_no .tweet-time,
#top .alternate_color .extra-mini-title,
.alternate_color .team-member-job-title,
.alternate_color .team-social a,
.alternate_color #js_sort_items a,
.grid-entry-excerpt,
.alternate_color .avia-testimonial-subtitle,
.alternate_color .commentmetadata a,
.alternate_color .social_bookmarks a,
.alternate_color .meta-heading>*,
.alternate_color .slide-meta,
.alternate_color .slide-meta a,
.alternate_color .taglist,
.alternate_color .taglist a,
.alternate_color .phone-info,
.alternate_color .phone-info a,
.alternate_color .av-sort-by-term a,
.alternate_color .av-magazine-time,
.alternate_color .av-magazine .av-magazine-entry-icon,
.alternate_color .av-catalogue-content,
.alternate_color .wp-playlist-item-length,
.html_modern-blog #top div .alternate_color .blog-categories a,
.html_modern-blog #top div .alternate_color .blog-categories a:hover {
    color: #ff8400
}

.alternate_color .special-heading-inner-border {
    border-color: #333333
}

.alternate_color .meta-heading .special-heading-inner-border {
    border-color: #ff8400
}

.alternate_color a,
.alternate_color .widget_first,
.alternate_color strong,
.alternate_color b,
.alternate_color b a,
.alternate_color strong a,
.alternate_color #js_sort_items a:hover,
.alternate_color #js_sort_items a.active_sort,
.alternate_color .av-sort-by-term a.active_sort,
.alternate_color .special_amp,
.alternate_color .taglist a.activeFilter,
.alternate_color #commentform .required,
#top .alternate_color .av-no-color.av-icon-style-border a.av-icon-char,
.html_elegant-blog #top .alternate_color .blog-categories a,
.html_elegant-blog #top .alternate_color .blog-categories a:hover {
    color: #666666
}

.alternate_color a:hover,
.alternate_color h1 a:hover,
.alternate_color h2 a:hover,
.alternate_color h3 a:hover,
.alternate_color h4 a:hover,
.alternate_color h5 a:hover,
.alternate_color h6 a:hover,
.alternate_color .template-search a.news-content:hover,
.alternate_color .wp-playlist-item .wp-playlist-caption:hover {
    color: #ffa600
}

.alternate_color .primary-background,
.alternate_color .primary-background a,
div .alternate_color .button,
.alternate_color #submit,
.alternate_color input[type='submit'],
.alternate_color .small-preview:hover,
.alternate_color .avia-menu-fx,
.alternate_color .avia-menu-fx .avia-arrow,
.alternate_color.iconbox_top .iconbox_icon,
.alternate_color .iconbox_top a.iconbox_icon:hover,
.alternate_color .avia-data-table th.avia-highlight-col,
.alternate_color .avia-color-theme-color,
.alternate_color .avia-color-theme-color:hover,
.alternate_color .comment-count,
.alternate_color .av_dropcap2,
.alternate_color .av-colored-style .av-countdown-cell-inner,
.responsive #top .alternate_color .av-open-submenu.av-subnav-menu>li>a:hover,
#top .alternate_color .av-open-submenu.av-subnav-menu li>ul a:hover {
    background-color: #666666;
    color: #ffffff;
    border-color: #444444
}

#top #wrap_all .alternate_color .av-menu-button-colored>a .avia-menu-text {
    background-color: #666666;
    color: #ffffff;
    border-color: #666666
}

#top #wrap_all .alternate_color .av-menu-button-colored>a .avia-menu-text:after {
    background-color: #444444
}

#top .alternate_color .mobile_menu_toggle {
    color: #666666;
    background: #f5f5f5
}

#top .alternate_color .av-menu-mobile-active .av-subnav-menu>li>a:before {
    color: #666666
}

#top .alternate_color .av-open-submenu.av-subnav-menu>li>a:hover:before {
    color: #f5f5f5
}

.alternate_color .button:hover,
.alternate_color .ajax_controlls a:hover,
.alternate_color #submit:hover,
.alternate_color .big_button:hover,
.alternate_color .contentSlideControlls a:hover,
.alternate_color #submit:hover,
.alternate_color input[type='submit']:hover {
    background-color: #ffa600;
    color: #f5f5f5;
    border-color: #dd8400
}

.alternate_color .avia-toc-style-elegant a.avia-toc-level-0:last-child:after,
.alternate_color .avia-toc-style-elegant a:first-child:after,
.alternate_color .avia-toc-style-elegant a.avia-toc-level-0:after {
    background-color: #f5f5f5;
    border-color: #ffa600
}

.alternate_color .avia-toc-style-elegant a:first-child span:after,
.alternate_color .avia-toc-style-elegant a.avia-toc-level-0 span:after {
    background-color: #f5f5f5
}

.alternate_color .avia-toc-style-elegant a:first-child:hover span:after,
.alternate_color .avia-toc-style-elegant a.avia-toc-level-0:hover span:after {
    border-color: #ffa600
}

.alternate_color .avia-toc-style-elegant a:before {
    border-color: transparent
}

.alternate_color .avia-toc-style-elegant a:first-child:after,
.alternate_color .avia-toc-style-elegant a.avia-toc-level-0:after {
    border-color: #ffa600;
    background-color: #f5f5f5
}

.alternate_color .avia-toc-style-elegant a:last-child:after {
    background-color: transparent
}

.alternate_color .timeline-bullet {
    background-color: transparent;
    border-color: #f5f5f5
}

.alternate_color table,
.alternate_color .widget_nav_menu ul:first-child>.current-menu-item,
.alternate_color .widget_nav_menu ul:first-child>.current_page_item,
.alternate_color .widget_nav_menu ul:first-child>.current-menu-ancestor,
.alternate_color .pagination .current,
.alternate_color .pagination a,
.alternate_color.iconbox_top .iconbox_content,
.alternate_color .av_promobox,
.alternate_color .toggle_content,
.alternate_color .toggler:hover,
#top .alternate_color .av-minimal-toggle .toggler,
.alternate_color .related_posts_default_image,
.alternate_color .search-result-counter,
.alternate_color .container_wrap_meta,
.alternate_color .avia-content-slider .slide-image,
.alternate_color .avia-slider-testimonials .avia-testimonial-content,
.alternate_color .avia-testimonial-arrow-wrap .avia-arrow,
.alternate_color .news-thumb,
.alternate_color .portfolio-preview-content,
.alternate_color .portfolio-preview-content .avia-arrow,
.alternate_color .av-magazine .av-magazine-entry-icon,
.alternate_color .related_posts.av-related-style-full a,
.alternate_color .aviaccordion-slide,
.alternate_color.avia-fullwidth-portfolio .pagination,
.alternate_color .isotope-item.special_av_fullwidth .av_table_col.portfolio-grid-image,
.alternate_color .av-catalogue-list li:hover,
.alternate_color .wp-playlist,
.alternate_color .avia-slideshow-fixed-height>li,
.alternate_color .avia-form-success,
.alternate_color .avia-form-error,
.alternate_color .av-boxed-grid-style .avia-testimonial {
    background: #ffffff
}

#top .alternate_color .post_timeline li:hover .timeline-bullet {
    background-color: #ffa600
}

.alternate_color blockquote,
.alternate_color .avia-bullet,
.alternate_color .av-no-color.av-icon-style-border a.av-icon-char {
    border-color: #666666
}

.html_header_top .alternate_color .main_menu ul:first-child>li>ul,
.html_header_top #top .alternate_color .avia_mega_div>.sub-menu {
    border-top-color: #666666
}

.alternate_color .breadcrumb,
.alternate_color .breadcrumb a,
#top .alternate_color.title_container .main-title,
#top .alternate_color.title_container .main-title a {
    color: #333333
}

.alternate_color .av-icon-display,
#top .alternate_color .av-related-style-full a:hover .related-format-icon,
.alternate_color .av-default-style .av-countdown-cell-inner {
    background-color: #ffffff;
    color: #ff8400
}

.alternate_color .av-masonry-entry:hover .av-icon-display {
    background-color: #666666;
    color: #ffffff;
    border-color: #444444
}

#top .alternate_color .av-masonry-entry.format-quote:hover .av-icon-display {
    color: #666666
}

.alternate_color ::-webkit-input-placeholder {
    color: #ff8400
}

.alternate_color ::-moz-placeholder {
    color: #ff8400;
    opacity: 1
}

.alternate_color :-ms-input-placeholder {
    color: #ff8400
}

.alternate_color .header_bg,
.alternate_color .main_menu ul ul,
.alternate_color .main_menu .menu ul li a,
.alternate_color .pointer_arrow_wrap .pointer_arrow,
.alternate_color .avia_mega_div,
.alternate_color .av-subnav-menu>li ul,
.alternate_color .av-subnav-menu a {
    background-color: #f5f5f5;
    color: #ff8400
}

.alternate_color .main_menu .menu ul li a:hover,
.alternate_color .av-subnav-menu ul a:hover {
    background-color: #ffffff
}

.alternate_color .sub_menu>ul>li>a,
.alternate_color .sub_menu>div>ul>li>a,
.alternate_color .main_menu ul:first-child>li>a,
#top .alternate_color .main_menu .menu ul .current_page_item>a,
#top .alternate_color .main_menu .menu ul .current-menu-item>a,
#top .alternate_color .sub_menu li ul a {
    color: #ff8400
}

#top .alternate_color .main_menu .menu ul li>a:hover {
    color: #333333
}

.alternate_color .av-subnav-menu a:hover,
.alternate_color .main_menu ul:first-child>li a:hover,
.alternate_color .main_menu ul:first-child>li.current-menu-item>a,
.alternate_color .main_menu ul:first-child>li.current_page_item>a,
.alternate_color .main_menu ul:first-child>li.active-parent-item>a {
    color: #333333
}

#top .alternate_color .main_menu .menu .avia_mega_div ul .current-menu-item>a {
    color: #666666
}

.alternate_color .sub_menu>ul>li>a:hover,
.alternate_color .sub_menu>div>ul>li>a:hover {
    color: #333333
}

#top .alternate_color .sub_menu ul li a:hover,
.alternate_color .sub_menu ul:first-child>li.current-menu-item>a,
.alternate_color .sub_menu ul:first-child>li.current_page_item>a,
.alternate_color .sub_menu ul:first-child>li.active-parent-item>a {
    color: #333333
}

.alternate_color .sub_menu li ul a,
.alternate_color #payment,
.alternate_color .sub_menu ul li,
.alternate_color .sub_menu ul,
#top .alternate_color .sub_menu li li a:hover {
    background-color: #f5f5f5
}

.alternate_color#header .avia_mega_div>.sub-menu.avia_mega_hr,
.html_bottom_nav_header.html_logo_center #top #menu-item-search>a {
    border-color: transparent
}

@media only screen and (max-width:767px) {
    #top #wrap_all .av_header_transparency {
        background-color: #f5f5f5;
        color: #333333;
        border-color: transparent
    }
}

@media only screen and (max-width:989px) {
    .html_mobile_menu_tablet #top #wrap_all .av_header_transparency {
        background-color: #f5f5f5;
        color: #333333;
        border-color: transparent
    }
}

.alternate_color .avia-tt,
.alternate_color .avia-tt .avia-arrow,
.alternate_color .avia-tt .avia-arrow {
    background-color: #f5f5f5;
    color: #ff8400
}

.alternate_color .av_ajax_search_image {
    background-color: #666666;
    color: #f5f5f5
}

.alternate_color .ajax_search_excerpt {
    color: #ff8400
}

.alternate_color .av_ajax_search_title {
    color: #333333
}

.alternate_color .ajax_load {
    background-color: #666666
}

.alternate_color .av_searchsubmit_wrapper {
    background-color: #666666
}

#top .alternate_color .avia-color-theme-color {
    color: #ffffff;
    border-color: #444444
}

.alternate_color .avia-color-theme-color-subtle {
    background-color: #ffffff;
    color: #333333
}

.alternate_color .avia-color-theme-color-subtle:hover {
    background-color: #f5f5f5;
    color: #333333
}

#top .alternate_color .avia-color-theme-color-highlight {
    color: #ffffff;
    border-color: #ffa600;
    background-color: #ffa600
}

#top .alternate_color .avia-font-color-theme-color,
#top .alternate_color .avia-font-color-theme-color-hover:hover {
    color: #ffffff
}

.alternate_color .avia-font-color-theme-color-subtle {
    color: #333333
}

.alternate_color .avia-font-color-theme-color-subtle-hover:hover {
    color: #333333
}

#top .alternate_color .avia-font-color-theme-color-highlight,
#top .alternate_color .avia-font-color-theme-color-highlight-hover:hover {
    color: #ffffff
}

.alternate_color .avia-icon-list .iconlist_icon {
    background-color: sq9mro9qdms
}

.alternate_color .avia-icon-list .iconlist-timeline {
    border-color: transparent
}

.alternate_color .iconlist_content {
    color: #ff8400
}

.alternate_color .avia-timeline .milestone_icon {
    background-color: sq9mro9qdms
}

.alternate_color .avia-timeline .milestone_inner {
    background-color: sq9mro9qdms
}

.alternate_color .avia-timeline {
    border-color: sq9mro9qdms
}

.alternate_color .av-milestone-icon-wrap:after {
    border-color: sq9mro9qdms
}

.alternate_color .avia-timeline .av-milestone-date {
    color: pn6jol6najp
}

.alternate_color .avia-timeline .av-milestone-date span {
    background-color: sq9mro9qdms
}

.alternate_color .avia-timeline-horizontal .av-milestone-content-wrap footer {
    background-color: sq9mro9qdms
}

.alternate_color .av-timeline-nav a span {
    background-color: sq9mro9qdms
}

#top .alternate_color .input-text,
#top .alternate_color input[type='text'],
#top .alternate_color input[type='input'],
#top .alternate_color input[type='password'],
#top .alternate_color input[type='email'],
#top .alternate_color input[type='number'],
#top .alternate_color input[type='url'],
#top .alternate_color input[type='tel'],
#top .alternate_color input[type='search'],
#top .alternate_color textarea,
#top .alternate_color select {
    border-color: transparent;
    background-color: #ffffff;
    color: #ff8400
}

#top .alternate_color .invers-color .input-text,
#top .alternate_color .invers-color input[type='text'],
#top .alternate_color .invers-color input[type='input'],
#top .alternate_color .invers-color input[type='password'],
#top .alternate_color .invers-color input[type='email'],
#top .alternate_color .invers-color input[type='number'],
#top .alternate_color .invers-color input[type='url'],
#top .alternate_color .invers-color input[type='tel'],
#top .alternate_color .invers-color input[type='search'],
#top .alternate_color .invers-color textarea,
#top .alternate_color .invers-color select {
    background-color: #f5f5f5
}

.alternate_color .required {
    color: #666666
}

.alternate_color .av-masonry {
    background-color: #eeeeee
}

.alternate_color .av-masonry-pagination,
.alternate_color .av-masonry-pagination:hover,
.alternate_color .av-masonry-outerimage-container {
    background-color: #f5f5f5
}

.alternate_color .container .av-inner-masonry-content,
#top .alternate_color .container .av-masonry-load-more,
#top .alternate_color .container .av-masonry-sort,
.alternate_color .container .av-masonry-entry .avia-arrow {
    background-color: #ffffff
}

.alternate_color .hr-short .hr-inner-style,
.alternate_color .hr-short .hr-inner {
    background-color: #f5f5f5
}

div .alternate_color .tabcontainer .active_tab_content,
div .alternate_color .tabcontainer .active_tab {
    background-color: #ffffff;
    color: #333333
}

.responsive.js_active #top .alternate_color .avia_combo_widget .top_tab .tab {
    border-top-color: transparent
}

.alternate_color .template-archives .tabcontainer a,
#top .alternate_color .tabcontainer .tab:hover,
#top .alternate_color .tabcontainer .tab.active_tab {
    color: #333333
}

.alternate_color .template-archives .tabcontainer a:hover {
    color: #ffa600
}

.alternate_color .sidebar_tab_icon {
    background-color: transparent
}

#top .alternate_color .sidebar_active_tab .sidebar_tab_icon {
    background-color: #666666
}

.alternate_color .sidebar_tab:hover .sidebar_tab_icon {
    background-color: #ffa600
}

.alternate_color .sidebar_tab,
.alternate_color .tabcontainer .tab {
    color: #ff8400
}

.alternate_color div .sidebar_active_tab,
div .alternate_color .tabcontainer.noborder_tabs .active_tab_content,
div .alternate_color .tabcontainer.noborder_tabs .active_tab {
    color: #333333;
    background-color: #f5f5f5
}

#top .avia-smallarrow-slider .avia-slideshow-dots a {
    background-color: #ffffff
}

#top .alternate_color .avia-smallarrow-slider .avia-slideshow-dots a.active,
#top .alternate_color .avia-smallarrow-slider .avia-slideshow-dots a:hover {
    background-color: #ff8400
}

@media only screen and (max-width:767px) {
    .responsive #top .alternate_color .tabcontainer .active_tab {
        background-color: #ffa600;
        color: #ffffff
    }

    .responsive #top .alternate_color .tabcontainer {
        border-color: transparent
    }

    .responsive #top .alternate_color .active_tab_content {
        background-color: #ffffff
    }
}

.alternate_color tr:nth-child(even),
.alternate_color .avia-data-table .avia-heading-row .avia-desc-col,
.alternate_color .avia-data-table .avia-highlight-col,
.alternate_color .pricing-table>li:nth-child(even),
body .alternate_color .pricing-table.avia-desc-col li,
#top .alternate_color .avia-data-table.avia_pricing_minimal th {
    background-color: #f5f5f5;
    color: #333333
}

.alternate_color table caption,
.alternate_color tr:nth-child(even),
.alternate_color .pricing-table>li:nth-child(even),
#top .alternate_color .avia-data-table.avia_pricing_minimal td {
    color: #ff8400
}

.alternate_color tr:nth-child(odd),
.alternate_color .pricing-table>li:nth-child(odd),
.alternate_color .pricing-extra {
    background: #ffffff
}

.alternate_color .pricing-table li.avia-pricing-row,
.alternate_color .pricing-table li.avia-heading-row,
.alternate_color .pricing-table li.avia-pricing-row .pricing-extra {
    background-color: #666666;
    color: #ffffff;
    border-color: #888888
}

.alternate_color .pricing-table li.avia-heading-row,
.alternate_color .pricing-table li.avia-heading-row .pricing-extra {
    background-color: #777777;
    color: #ffffff;
    border-color: #888888
}

.alternate_color .pricing-table.avia-desc-col .avia-heading-row,
.alternate_color .pricing-table.avia-desc-col .avia-pricing-row {
    border-color: transparent
}

.alternate_color .theme-color-bar .bar {
    background: #666666
}

.alternate_color .mejs-controls .mejs-time-rail .mejs-time-current,
.alternate_color .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current,
.alternate_color .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.alternate_color .button.av-sending-button,
.alternate_color .av-striped-bar .theme-color-bar .bar {
    background: #666666
}

body .alternate_color .mejs-controls .mejs-time-rail .mejs-time-float {
    background: #666666;
    color: #fff
}

body .alternate_color .mejs-controls .mejs-time-rail .mejs-time-float-corner {
    border: solid 4px #666666;
    border-color: #666666 transparent transparent transparent
}

.alternate_color .progress {
    background-color: #ffffff
}

.alternate_color .av_searchform_element_results .av_ajax_search_entry,
.alternate_color .av_searchform_element_results .av_ajax_search_title,
.alternate_color.av_searchform_element_results .av_ajax_search_entry,
.alternate_color.av_searchform_element_results .av_ajax_search_title {
    color: #666666
}

.alternate_color .av_searchform_element_results .ajax_search_excerpt,
.alternate_color.av_searchform_element_results .ajax_search_excerpt {
    color: #ff8400
}

.alternate_color .av_searchform_element_results .av_ajax_search_image,
.alternate_color.av_searchform_element_results .av_ajax_search_image {
    color: #ff8400
}

.alternate_color .button.av-sending-button {
    background: #ffa600;
    background-image: -webkit-linear-gradient(-45deg, #ffa600 25%, #ffb711 25%, #ffb711 50%, #ffa600 50%, #ffa600 75%, #ffb711 75%, #ffb711);
    background-image: -moz-linear-gradient(-45deg, #ffa600 25%, #ffb711 25%, #ffb711 50%, #ffa600 50%, #ffa600 75%, #ffb711 75%, #ffb711);
    background-image: linear-gradient(-45deg, #ffa600 25%, #ffb711 25%, #ffb711 50%, #ffa600 50%, #ffa600 75%, #ffb711 75%, #ffb711);
    border-color: #ffa600
}

.alternate_color span.bbp-admin-links a {
    color: #666666
}

.alternate_color span.bbp-admin-links a:hover {
    color: #ffa600
}

#top .alternate_color .bbp-reply-content,
#top .alternate_color .bbp-topic-content,
#top .alternate_color .bbp-body .super-sticky .page-numbers,
#top .alternate_color .bbp-body .sticky .page-numbers,
#top .alternate_color .bbp-pagination-links a:hover,
#top .alternate_color .bbp-pagination-links span.current {
    background: #f5f5f5
}

#top .alternate_color .bbp-topics .bbp-header,
#top .alternate_color .bbp-topics .bbp-header,
#top .alternate_color .bbp-forums .bbp-header,
#top .alternate_color .bbp-topics-front ul.super-sticky,
#top .alternate_color .bbp-topics ul.super-sticky,
#top .alternate_color .bbp-topics ul.sticky,
#top .alternate_color .bbp-forum-content ul.sticky,
#top .alternate_color .bbp-body .page-numbers {
    background-color: #ffffff
}

#top .alternate_color .bbp-meta,
#top .alternate_color .bbp-author-role,
#top .alternate_color .bbp-author-ip,
#top .alternate_color .bbp-pagination-count,
#top .alternate_color .bbp-topics .bbp-body .bbp-topic-title:before {
    color: #ff8400
}

#top .alternate_color .bbp-admin-links {
    color: transparent
}

.alternate_color #bbpress-forums li.bbp-body ul.forum,
.alternate_color #bbpress-forums li.bbp-body ul.topic,
.avia_transform .alternate_color .bbp-replies .bbp-reply-author:before,
.avia_transform .forum-search .alternate_color .bbp-reply-author:before,
.avia_transform .forum-search .alternate_color .bbp-topic-author:before {
    background-color: #f5f5f5;
    border-color: transparent
}

#top .alternate_color .bbp-author-name {
    color: #333333
}

.alternate_color .widget_display_stats dt,
.alternate_color .widget_display_stats dd {
    background-color: #ffffff
}

.alternate_color dropcap2,
.alternate_color dropcap3,
.alternate_color avia_button,
.alternate_color avia_button:hover,
.alternate_color .on-primary-color,
.alternate_color .on-primary-color:hover {
    color: #ffffff
}

.main_color,
.main_color div,
.main_color header,
.main_color main,
.main_color aside,
.main_color footer,
.main_color article,
.main_color nav,
.main_color section,
.main_color span,
.main_color applet,
.main_color object,
.main_color iframe,
.main_color h1,
.main_color h2,
.main_color h3,
.main_color h4,
.main_color h5,
.main_color h6,
.main_color p,
.main_color blockquote,
.main_color pre,
.main_color a,
.main_color abbr,
.main_color acronym,
.main_color address,
.main_color big,
.main_color cite,
.main_color code,
.main_color del,
.main_color dfn,
.main_color em,
.main_color img,
.main_color ins,
.main_color kbd,
.main_color q,
.main_color s,
.main_color samp,
.main_color small,
.main_color strike,
.main_color strong,
.main_color sub,
.main_color sup,
.main_color tt,
.main_color var,
.main_color b,
.main_color u,
.main_color i,
.main_color center,
.main_color dl,
.main_color dt,
.main_color dd,
.main_color ol,
.main_color ul,
.main_color li,
.main_color fieldset,
.main_color form,
.main_color label,
.main_color legend,
.main_color table,
.main_color caption,
.main_color tbody,
.main_color tfoot,
.main_color thead,
.main_color tr,
.main_color th,
.main_color td,
.main_color article,
.main_color aside,
.main_color canvas,
.main_color details,
.main_color embed,
.main_color figure,
.main_color fieldset,
.main_color figcaption,
.main_color footer,
.main_color header,
.main_color hgroup,
.main_color menu,
.main_color nav,
.main_color output,
.main_color ruby,
.main_color section,
.main_color summary,
.main_color time,
.main_color mark,
.main_color audio,
.main_color video,
#top .main_color .pullquote_boxed,
.responsive #top .main_color .avia-testimonial,
.responsive #top.avia-blank #main .main_color.container_wrap:first-child,
#top .main_color.fullsize .template-blog .post_delimiter,
.main_color .related_posts.av-related-style-full a {
    border-color: transparent
}

.main_color .rounded-container,
#top .main_color .pagination a:hover,
.main_color .small-preview,
.main_color .fallback-post-type-icon {
    background: #969696;
    color: #ffffff
}

.main_color .av-default-color,
#top .main_color .av-force-default-color,
.main_color .av-catalogue-item,
.main_color .wp-playlist-item .wp-playlist-caption,
.main_color .wp-playlist {
    color: #333333
}

.main_color,
.main_color .site-background,
.main_color .first-quote,
.main_color .related_image_wrap,
.main_color .gravatar img .main_color .hr_content,
.main_color .news-thumb,
.main_color .post-format-icon,
.main_color .ajax_controlls a,
.main_color .tweet-text.avatar_no,
.main_color .toggler,
.main_color .toggler.activeTitle:hover,
.main_color #js_sort_items,
.main_color.inner-entry,
.main_color .grid-entry-title,
.main_color .related-format-icon,
.grid-entry .main_color .avia-arrow,
.main_color .avia-gallery-big,
.main_color .avia-gallery-big,
.main_color .avia-gallery img,
.main_color .grid-content,
.main_color .av-share-box ul,
#top .main_color .av-related-style-full .related-format-icon,
.main_color .related_posts.av-related-style-full a:hover,
.main_color.avia-fullwidth-portfolio .pagination .current,
.main_color.avia-fullwidth-portfolio .pagination a,
.main_color .av-hotspot-fallback-tooltip-inner,
.main_color .av-hotspot-fallback-tooltip-count {
    background-color: #ffffff;
    color: #333333
}

.main_color .heading-color,
.main_color a.iconbox_icon:hover,
.main_color h1,
.main_color h2,
.main_color h3,
.main_color h4,
.main_color h5,
.main_color h6,
.main_color .sidebar .current_page_item>a,
.main_color .sidebar .current-menu-item>a,
.main_color .pagination .current,
.main_color .pagination a:hover,
.main_color strong.avia-testimonial-name,
.main_color .heading,
.main_color .toggle_content strong,
.main_color .toggle_content strong a,
.main_color .tab_content strong,
.main_color .tab_content strong a,
.main_color .asc_count,
.main_color .avia-testimonial-content strong,
.main_color div .news-headline,
#top .main_color .av-related-style-full .av-related-title,
.main_color .av-default-style .av-countdown-cell-inner .av-countdown-time,
.main_color .wp-playlist-item-meta.wp-playlist-item-title,
#top .main_color .av-no-image-slider h2 a,
.main_color .av-small-bar .avia-progress-bar .progressbar-title-wrap {
    color: #333333
}

.main_color .meta-color,
.main_color .sidebar,
.main_color .sidebar a,
.main_color .minor-meta,
.main_color .minor-meta a,
.main_color .text-sep,
.main_color blockquote,
.main_color .post_nav a,
.main_color .comment-text,
.main_color .side-container-inner,
.main_color .news-time,
.main_color .pagination a,
.main_color .pagination span,
.main_color .tweet-text.avatar_no .tweet-time,
#top .main_color .extra-mini-title,
.main_color .team-member-job-title,
.main_color .team-social a,
.main_color #js_sort_items a,
.grid-entry-excerpt,
.main_color .avia-testimonial-subtitle,
.main_color .commentmetadata a,
.main_color .social_bookmarks a,
.main_color .meta-heading>*,
.main_color .slide-meta,
.main_color .slide-meta a,
.main_color .taglist,
.main_color .taglist a,
.main_color .phone-info,
.main_color .phone-info a,
.main_color .av-sort-by-term a,
.main_color .av-magazine-time,
.main_color .av-magazine .av-magazine-entry-icon,
.main_color .av-catalogue-content,
.main_color .wp-playlist-item-length,
.html_modern-blog #top div .main_color .blog-categories a,
.html_modern-blog #top div .main_color .blog-categories a:hover {
    color: #969696
}

.main_color .special-heading-inner-border {
    border-color: #333333
}

.main_color .meta-heading .special-heading-inner-border {
    border-color: #969696
}

.main_color a,
.main_color .widget_first,
.main_color strong,
.main_color b,
.main_color b a,
.main_color strong a,
.main_color #js_sort_items a:hover,
.main_color #js_sort_items a.active_sort,
.main_color .av-sort-by-term a.active_sort,
.main_color .special_amp,
.main_color .taglist a.activeFilter,
.main_color #commentform .required,
#top .main_color .av-no-color.av-icon-style-border a.av-icon-char,
.html_elegant-blog #top .main_color .blog-categories a,
.html_elegant-blog #top .main_color .blog-categories a:hover {
    color: #ff8400
}

.main_color a:hover,
.main_color h1 a:hover,
.main_color h2 a:hover,
.main_color h3 a:hover,
.main_color h4 a:hover,
.main_color h5 a:hover,
.main_color h6 a:hover,
.main_color .template-search a.news-content:hover,
.main_color .wp-playlist-item .wp-playlist-caption:hover {
    color: #ffa600
}

.main_color .primary-background,
.main_color .primary-background a,
div .main_color .button,
.main_color #submit,
.main_color input[type='submit'],
.main_color .small-preview:hover,
.main_color .avia-menu-fx,
.main_color .avia-menu-fx .avia-arrow,
.main_color.iconbox_top .iconbox_icon,
.main_color .iconbox_top a.iconbox_icon:hover,
.main_color .avia-data-table th.avia-highlight-col,
.main_color .avia-color-theme-color,
.main_color .avia-color-theme-color:hover,
.main_color .comment-count,
.main_color .av_dropcap2,
.main_color .av-colored-style .av-countdown-cell-inner,
.responsive #top .main_color .av-open-submenu.av-subnav-menu>li>a:hover,
#top .main_color .av-open-submenu.av-subnav-menu li>ul a:hover {
    background-color: #ff8400;
    color: #ffffff;
    border-color: #dd6200
}

#top #wrap_all .main_color .av-menu-button-colored>a .avia-menu-text {
    background-color: #ff8400;
    color: #ffffff;
    border-color: #ff8400
}

#top #wrap_all .main_color .av-menu-button-colored>a .avia-menu-text:after {
    background-color: #dd6200
}

#top .main_color .mobile_menu_toggle {
    color: #ff8400;
    background: #ffffff
}

#top .main_color .av-menu-mobile-active .av-subnav-menu>li>a:before {
    color: #ff8400
}

#top .main_color .av-open-submenu.av-subnav-menu>li>a:hover:before {
    color: #ffffff
}

.main_color .button:hover,
.main_color .ajax_controlls a:hover,
.main_color #submit:hover,
.main_color .big_button:hover,
.main_color .contentSlideControlls a:hover,
.main_color #submit:hover,
.main_color input[type='submit']:hover {
    background-color: #ffa600;
    color: #ffffff;
    border-color: #dd8400
}

.main_color .avia-toc-style-elegant a.avia-toc-level-0:last-child:after,
.main_color .avia-toc-style-elegant a:first-child:after,
.main_color .avia-toc-style-elegant a.avia-toc-level-0:after {
    background-color: #ffffff;
    border-color: #ffa600
}

.main_color .avia-toc-style-elegant a:first-child span:after,
.main_color .avia-toc-style-elegant a.avia-toc-level-0 span:after {
    background-color: #ffffff
}

.main_color .avia-toc-style-elegant a:first-child:hover span:after,
.main_color .avia-toc-style-elegant a.avia-toc-level-0:hover span:after {
    border-color: #ffa600
}

.main_color .avia-toc-style-elegant a:before {
    border-color: transparent
}

.main_color .avia-toc-style-elegant a:first-child:after,
.main_color .avia-toc-style-elegant a.avia-toc-level-0:after {
    border-color: #ffa600;
    background-color: #ffffff
}

.main_color .avia-toc-style-elegant a:last-child:after {
    background-color: transparent
}

.main_color .timeline-bullet {
    background-color: transparent;
    border-color: #ffffff
}

.main_color table,
.main_color .widget_nav_menu ul:first-child>.current-menu-item,
.main_color .widget_nav_menu ul:first-child>.current_page_item,
.main_color .widget_nav_menu ul:first-child>.current-menu-ancestor,
.main_color .pagination .current,
.main_color .pagination a,
.main_color.iconbox_top .iconbox_content,
.main_color .av_promobox,
.main_color .toggle_content,
.main_color .toggler:hover,
#top .main_color .av-minimal-toggle .toggler,
.main_color .related_posts_default_image,
.main_color .search-result-counter,
.main_color .container_wrap_meta,
.main_color .avia-content-slider .slide-image,
.main_color .avia-slider-testimonials .avia-testimonial-content,
.main_color .avia-testimonial-arrow-wrap .avia-arrow,
.main_color .news-thumb,
.main_color .portfolio-preview-content,
.main_color .portfolio-preview-content .avia-arrow,
.main_color .av-magazine .av-magazine-entry-icon,
.main_color .related_posts.av-related-style-full a,
.main_color .aviaccordion-slide,
.main_color.avia-fullwidth-portfolio .pagination,
.main_color .isotope-item.special_av_fullwidth .av_table_col.portfolio-grid-image,
.main_color .av-catalogue-list li:hover,
.main_color .wp-playlist,
.main_color .avia-slideshow-fixed-height>li,
.main_color .avia-form-success,
.main_color .avia-form-error,
.main_color .av-boxed-grid-style .avia-testimonial {
    background: #f8f8f8
}

#top .main_color .post_timeline li:hover .timeline-bullet {
    background-color: #ffa600
}

.main_color blockquote,
.main_color .avia-bullet,
.main_color .av-no-color.av-icon-style-border a.av-icon-char {
    border-color: #ff8400
}

.html_header_top .main_color .main_menu ul:first-child>li>ul,
.html_header_top #top .main_color .avia_mega_div>.sub-menu {
    border-top-color: #ff8400
}

.main_color .breadcrumb,
.main_color .breadcrumb a,
#top .main_color.title_container .main-title,
#top .main_color.title_container .main-title a {
    color: #333333
}

.main_color .av-icon-display,
#top .main_color .av-related-style-full a:hover .related-format-icon,
.main_color .av-default-style .av-countdown-cell-inner {
    background-color: #f8f8f8;
    color: #969696
}

.main_color .av-masonry-entry:hover .av-icon-display {
    background-color: #ff8400;
    color: #ffffff;
    border-color: #dd6200
}

#top .main_color .av-masonry-entry.format-quote:hover .av-icon-display {
    color: #ff8400
}

.main_color ::-webkit-input-placeholder {
    color: #969696
}

.main_color ::-moz-placeholder {
    color: #969696;
    opacity: 1
}

.main_color :-ms-input-placeholder {
    color: #969696
}

.main_color .header_bg,
.main_color .main_menu ul ul,
.main_color .main_menu .menu ul li a,
.main_color .pointer_arrow_wrap .pointer_arrow,
.main_color .avia_mega_div,
.main_color .av-subnav-menu>li ul,
.main_color .av-subnav-menu a {
    background-color: #ffffff;
    color: #969696
}

.main_color .main_menu .menu ul li a:hover,
.main_color .av-subnav-menu ul a:hover {
    background-color: #f8f8f8
}

.main_color .sub_menu>ul>li>a,
.main_color .sub_menu>div>ul>li>a,
.main_color .main_menu ul:first-child>li>a,
#top .main_color .main_menu .menu ul .current_page_item>a,
#top .main_color .main_menu .menu ul .current-menu-item>a,
#top .main_color .sub_menu li ul a {
    color: #969696
}

#top .main_color .main_menu .menu ul li>a:hover {
    color: #333333
}

.main_color .av-subnav-menu a:hover,
.main_color .main_menu ul:first-child>li a:hover,
.main_color .main_menu ul:first-child>li.current-menu-item>a,
.main_color .main_menu ul:first-child>li.current_page_item>a,
.main_color .main_menu ul:first-child>li.active-parent-item>a {
    color: #333333
}

#top .main_color .main_menu .menu .avia_mega_div ul .current-menu-item>a {
    color: #ff8400
}

.main_color .sub_menu>ul>li>a:hover,
.main_color .sub_menu>div>ul>li>a:hover {
    color: #333333
}

#top .main_color .sub_menu ul li a:hover,
.main_color .sub_menu ul:first-child>li.current-menu-item>a,
.main_color .sub_menu ul:first-child>li.current_page_item>a,
.main_color .sub_menu ul:first-child>li.active-parent-item>a {
    color: #333333
}

.main_color .sub_menu li ul a,
.main_color #payment,
.main_color .sub_menu ul li,
.main_color .sub_menu ul,
#top .main_color .sub_menu li li a:hover {
    background-color: #ffffff
}

.main_color#header .avia_mega_div>.sub-menu.avia_mega_hr,
.html_bottom_nav_header.html_logo_center #top #menu-item-search>a {
    border-color: transparent
}

@media only screen and (max-width:767px) {
    #top #wrap_all .av_header_transparency {
        background-color: #ffffff;
        color: #333333;
        border-color: transparent
    }
}

@media only screen and (max-width:989px) {
    .html_mobile_menu_tablet #top #wrap_all .av_header_transparency {
        background-color: #ffffff;
        color: #333333;
        border-color: transparent
    }
}

.main_color .avia-tt,
.main_color .avia-tt .avia-arrow,
.main_color .avia-tt .avia-arrow {
    background-color: #ffffff;
    color: #969696
}

.main_color .av_ajax_search_image {
    background-color: #ff8400;
    color: #ffffff
}

.main_color .ajax_search_excerpt {
    color: #969696
}

.main_color .av_ajax_search_title {
    color: #333333
}

.main_color .ajax_load {
    background-color: #ff8400
}

.main_color .av_searchsubmit_wrapper {
    background-color: #ff8400
}

#top .main_color .avia-color-theme-color {
    color: #ffffff;
    border-color: #dd6200
}

.main_color .avia-color-theme-color-subtle {
    background-color: #f8f8f8;
    color: #333333
}

.main_color .avia-color-theme-color-subtle:hover {
    background-color: #ffffff;
    color: #333333
}

#top .main_color .avia-color-theme-color-highlight {
    color: #ffffff;
    border-color: #ffa600;
    background-color: #ffa600
}

#top .main_color .avia-font-color-theme-color,
#top .main_color .avia-font-color-theme-color-hover:hover {
    color: #ffffff
}

.main_color .avia-font-color-theme-color-subtle {
    color: #333333
}

.main_color .avia-font-color-theme-color-subtle-hover:hover {
    color: #333333
}

#top .main_color .avia-font-color-theme-color-highlight,
#top .main_color .avia-font-color-theme-color-highlight-hover:hover {
    color: #ffffff
}

.main_color .avia-icon-list .iconlist_icon {
    background-color: sq9mro9qdms
}

.main_color .avia-icon-list .iconlist-timeline {
    border-color: transparent
}

.main_color .iconlist_content {
    color: #969696
}

.main_color .avia-timeline .milestone_icon {
    background-color: sq9mro9qdms
}

.main_color .avia-timeline .milestone_inner {
    background-color: sq9mro9qdms
}

.main_color .avia-timeline {
    border-color: sq9mro9qdms
}

.main_color .av-milestone-icon-wrap:after {
    border-color: sq9mro9qdms
}

.main_color .avia-timeline .av-milestone-date {
    color: pn6jol6najp
}

.main_color .avia-timeline .av-milestone-date span {
    background-color: sq9mro9qdms
}

.main_color .avia-timeline-horizontal .av-milestone-content-wrap footer {
    background-color: sq9mro9qdms
}

.main_color .av-timeline-nav a span {
    background-color: sq9mro9qdms
}

#top .main_color .input-text,
#top .main_color input[type='text'],
#top .main_color input[type='input'],
#top .main_color input[type='password'],
#top .main_color input[type='email'],
#top .main_color input[type='number'],
#top .main_color input[type='url'],
#top .main_color input[type='tel'],
#top .main_color input[type='search'],
#top .main_color textarea,
#top .main_color select {
    border-color: transparent;
    background-color: #f8f8f8;
    color: #969696
}

#top .main_color .invers-color .input-text,
#top .main_color .invers-color input[type='text'],
#top .main_color .invers-color input[type='input'],
#top .main_color .invers-color input[type='password'],
#top .main_color .invers-color input[type='email'],
#top .main_color .invers-color input[type='number'],
#top .main_color .invers-color input[type='url'],
#top .main_color .invers-color input[type='tel'],
#top .main_color .invers-color input[type='search'],
#top .main_color .invers-color textarea,
#top .main_color .invers-color select {
    background-color: #ffffff
}

.main_color .required {
    color: #ff8400
}

.main_color .av-masonry {
    background-color: #e7e7e7
}

.main_color .av-masonry-pagination,
.main_color .av-masonry-pagination:hover,
.main_color .av-masonry-outerimage-container {
    background-color: #ffffff
}

.main_color .container .av-inner-masonry-content,
#top .main_color .container .av-masonry-load-more,
#top .main_color .container .av-masonry-sort,
.main_color .container .av-masonry-entry .avia-arrow {
    background-color: #f8f8f8
}

.main_color .hr-short .hr-inner-style,
.main_color .hr-short .hr-inner {
    background-color: #ffffff
}

div .main_color .tabcontainer .active_tab_content,
div .main_color .tabcontainer .active_tab {
    background-color: #f8f8f8;
    color: #333333
}

.responsive.js_active #top .main_color .avia_combo_widget .top_tab .tab {
    border-top-color: transparent
}

.main_color .template-archives .tabcontainer a,
#top .main_color .tabcontainer .tab:hover,
#top .main_color .tabcontainer .tab.active_tab {
    color: #333333
}

.main_color .template-archives .tabcontainer a:hover {
    color: #ffa600
}

.main_color .sidebar_tab_icon {
    background-color: transparent
}

#top .main_color .sidebar_active_tab .sidebar_tab_icon {
    background-color: #ff8400
}

.main_color .sidebar_tab:hover .sidebar_tab_icon {
    background-color: #ffa600
}

.main_color .sidebar_tab,
.main_color .tabcontainer .tab {
    color: #969696
}

.main_color div .sidebar_active_tab,
div .main_color .tabcontainer.noborder_tabs .active_tab_content,
div .main_color .tabcontainer.noborder_tabs .active_tab {
    color: #333333;
    background-color: #ffffff
}

#top .avia-smallarrow-slider .avia-slideshow-dots a {
    background-color: #f8f8f8
}

#top .main_color .avia-smallarrow-slider .avia-slideshow-dots a.active,
#top .main_color .avia-smallarrow-slider .avia-slideshow-dots a:hover {
    background-color: #969696
}

@media only screen and (max-width:767px) {
    .responsive #top .main_color .tabcontainer .active_tab {
        background-color: #ffa600;
        color: #ffffff
    }

    .responsive #top .main_color .tabcontainer {
        border-color: transparent
    }

    .responsive #top .main_color .active_tab_content {
        background-color: #f8f8f8
    }
}

.main_color tr:nth-child(even),
.main_color .avia-data-table .avia-heading-row .avia-desc-col,
.main_color .avia-data-table .avia-highlight-col,
.main_color .pricing-table>li:nth-child(even),
body .main_color .pricing-table.avia-desc-col li,
#top .main_color .avia-data-table.avia_pricing_minimal th {
    background-color: #ffffff;
    color: #333333
}

.main_color table caption,
.main_color tr:nth-child(even),
.main_color .pricing-table>li:nth-child(even),
#top .main_color .avia-data-table.avia_pricing_minimal td {
    color: #969696
}

.main_color tr:nth-child(odd),
.main_color .pricing-table>li:nth-child(odd),
.main_color .pricing-extra {
    background: #f8f8f8
}

.main_color .pricing-table li.avia-pricing-row,
.main_color .pricing-table li.avia-heading-row,
.main_color .pricing-table li.avia-pricing-row .pricing-extra {
    background-color: #ff8400;
    color: #ffffff;
    border-color: #ffa622
}

.main_color .pricing-table li.avia-heading-row,
.main_color .pricing-table li.avia-heading-row .pricing-extra {
    background-color: #ff9511;
    color: #ffffff;
    border-color: #ffa622
}

.main_color .pricing-table.avia-desc-col .avia-heading-row,
.main_color .pricing-table.avia-desc-col .avia-pricing-row {
    border-color: transparent
}

.main_color .theme-color-bar .bar {
    background: #ff8400
}

.main_color .mejs-controls .mejs-time-rail .mejs-time-current,
.main_color .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current,
.main_color .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.main_color .button.av-sending-button,
.main_color .av-striped-bar .theme-color-bar .bar {
    background: #ff8400
}

body .main_color .mejs-controls .mejs-time-rail .mejs-time-float {
    background: #ff8400;
    color: #fff
}

body .main_color .mejs-controls .mejs-time-rail .mejs-time-float-corner {
    border: solid 4px #ff8400;
    border-color: #ff8400 transparent transparent transparent
}

.main_color .progress {
    background-color: #f8f8f8
}

.main_color .av_searchform_element_results .av_ajax_search_entry,
.main_color .av_searchform_element_results .av_ajax_search_title,
.main_color.av_searchform_element_results .av_ajax_search_entry,
.main_color.av_searchform_element_results .av_ajax_search_title {
    color: #ff8400
}

.main_color .av_searchform_element_results .ajax_search_excerpt,
.main_color.av_searchform_element_results .ajax_search_excerpt {
    color: #969696
}

.main_color .av_searchform_element_results .av_ajax_search_image,
.main_color.av_searchform_element_results .av_ajax_search_image {
    color: #969696
}

.main_color .button.av-sending-button {
    background: #ffa600;
    background-image: -webkit-linear-gradient(-45deg, #ffa600 25%, #ffb711 25%, #ffb711 50%, #ffa600 50%, #ffa600 75%, #ffb711 75%, #ffb711);
    background-image: -moz-linear-gradient(-45deg, #ffa600 25%, #ffb711 25%, #ffb711 50%, #ffa600 50%, #ffa600 75%, #ffb711 75%, #ffb711);
    background-image: linear-gradient(-45deg, #ffa600 25%, #ffb711 25%, #ffb711 50%, #ffa600 50%, #ffa600 75%, #ffb711 75%, #ffb711);
    border-color: #ffa600
}

.main_color span.bbp-admin-links a {
    color: #ff8400
}

.main_color span.bbp-admin-links a:hover {
    color: #ffa600
}

#top .main_color .bbp-reply-content,
#top .main_color .bbp-topic-content,
#top .main_color .bbp-body .super-sticky .page-numbers,
#top .main_color .bbp-body .sticky .page-numbers,
#top .main_color .bbp-pagination-links a:hover,
#top .main_color .bbp-pagination-links span.current {
    background: #ffffff
}

#top .main_color .bbp-topics .bbp-header,
#top .main_color .bbp-topics .bbp-header,
#top .main_color .bbp-forums .bbp-header,
#top .main_color .bbp-topics-front ul.super-sticky,
#top .main_color .bbp-topics ul.super-sticky,
#top .main_color .bbp-topics ul.sticky,
#top .main_color .bbp-forum-content ul.sticky,
#top .main_color .bbp-body .page-numbers {
    background-color: #f8f8f8
}

#top .main_color .bbp-meta,
#top .main_color .bbp-author-role,
#top .main_color .bbp-author-ip,
#top .main_color .bbp-pagination-count,
#top .main_color .bbp-topics .bbp-body .bbp-topic-title:before {
    color: #969696
}

#top .main_color .bbp-admin-links {
    color: transparent
}

.main_color #bbpress-forums li.bbp-body ul.forum,
.main_color #bbpress-forums li.bbp-body ul.topic,
.avia_transform .main_color .bbp-replies .bbp-reply-author:before,
.avia_transform .forum-search .main_color .bbp-reply-author:before,
.avia_transform .forum-search .main_color .bbp-topic-author:before {
    background-color: #ffffff;
    border-color: transparent
}

#top .main_color .bbp-author-name {
    color: #333333
}

.main_color .widget_display_stats dt,
.main_color .widget_display_stats dd {
    background-color: #f8f8f8
}

.main_color dropcap2,
.main_color dropcap3,
.main_color avia_button,
.main_color avia_button:hover,
.main_color .on-primary-color,
.main_color .on-primary-color:hover {
    color: #ffffff
}

#main {
    border-color: transparent
}

#scroll-top-link:hover,
#av-cookie-consent-badge:hover {
    background-color: #f8f8f8;
    color: #ff8400;
    border: 1px solid transparent
}

#top .avia-datepicker-div .ui-datepicker-month,
#top .avia-datepicker-div .ui-datepicker-year {
    color: #333333
}

#top .avia-datepicker-div {
    background: #ffffff;
    border: 1px solid transparent
}

#top .avia-datepicker-div a {
    color: #969696;
    background-color: #f8f8f8
}

#top .avia-datepicker-div a.ui-state-active,
#top .avia-datepicker-div a.ui-state-highlight {
    color: #ff8400
}

#top .avia-datepicker-div a.ui-state-hover {
    color: #f8f8f8;
    background-color: #969696
}

#top .avia-datepicker-div .ui-datepicker-buttonpane button {
    background-color: #ff8400;
    color: #ffffff;
    border-color: #ff8400
}

#top .av-siteloader {
    border-color: transparent;
    border-left-color: #ff8400
}

#top div.avia-popup .mfp-preloader {
    border-left-color: #ff8400
}

.av-preloader-reactive #top .av-siteloader {
    border-color: transparent
}

#top .av-siteloader-wrap {
    background-color: #ffffff
}

.av-preloader-reactive #top .av-siteloader:before {
    background-color: transparent
}

.av-tab-section-tab-title-container {
    background-color: #f8f8f8
}

#top .av-section-tab-title {
    color: #969696
}

#top a.av-active-tab-title {
    color: #ff8400
}

#top .av-tab-arrow-container span {
    background-color: #ffffff
}

.header_color,
.header_color div,
.header_color header,
.header_color main,
.header_color aside,
.header_color footer,
.header_color article,
.header_color nav,
.header_color section,
.header_color span,
.header_color applet,
.header_color object,
.header_color iframe,
.header_color h1,
.header_color h2,
.header_color h3,
.header_color h4,
.header_color h5,
.header_color h6,
.header_color p,
.header_color blockquote,
.header_color pre,
.header_color a,
.header_color abbr,
.header_color acronym,
.header_color address,
.header_color big,
.header_color cite,
.header_color code,
.header_color del,
.header_color dfn,
.header_color em,
.header_color img,
.header_color ins,
.header_color kbd,
.header_color q,
.header_color s,
.header_color samp,
.header_color small,
.header_color strike,
.header_color strong,
.header_color sub,
.header_color sup,
.header_color tt,
.header_color var,
.header_color b,
.header_color u,
.header_color i,
.header_color center,
.header_color dl,
.header_color dt,
.header_color dd,
.header_color ol,
.header_color ul,
.header_color li,
.header_color fieldset,
.header_color form,
.header_color label,
.header_color legend,
.header_color table,
.header_color caption,
.header_color tbody,
.header_color tfoot,
.header_color thead,
.header_color tr,
.header_color th,
.header_color td,
.header_color article,
.header_color aside,
.header_color canvas,
.header_color details,
.header_color embed,
.header_color figure,
.header_color fieldset,
.header_color figcaption,
.header_color footer,
.header_color header,
.header_color hgroup,
.header_color menu,
.header_color nav,
.header_color output,
.header_color ruby,
.header_color section,
.header_color summary,
.header_color time,
.header_color mark,
.header_color audio,
.header_color video,
#top .header_color .pullquote_boxed,
.responsive #top .header_color .avia-testimonial,
.responsive #top.avia-blank #main .header_color.container_wrap:first-child,
#top .header_color.fullsize .template-blog .post_delimiter,
.header_color .related_posts.av-related-style-full a {
    border-color: transparent
}

.header_color .rounded-container,
#top .header_color .pagination a:hover,
.header_color .small-preview,
.header_color .fallback-post-type-icon {
    background: #969696;
    color: #ffffff
}

.header_color .av-default-color,
#top .header_color .av-force-default-color,
.header_color .av-catalogue-item,
.header_color .wp-playlist-item .wp-playlist-caption,
.header_color .wp-playlist {
    color: #ff8400
}

.header_color,
.header_color .site-background,
.header_color .first-quote,
.header_color .related_image_wrap,
.header_color .gravatar img .header_color .hr_content,
.header_color .news-thumb,
.header_color .post-format-icon,
.header_color .ajax_controlls a,
.header_color .tweet-text.avatar_no,
.header_color .toggler,
.header_color .toggler.activeTitle:hover,
.header_color #js_sort_items,
.header_color.inner-entry,
.header_color .grid-entry-title,
.header_color .related-format-icon,
.grid-entry .header_color .avia-arrow,
.header_color .avia-gallery-big,
.header_color .avia-gallery-big,
.header_color .avia-gallery img,
.header_color .grid-content,
.header_color .av-share-box ul,
#top .header_color .av-related-style-full .related-format-icon,
.header_color .related_posts.av-related-style-full a:hover,
.header_color.avia-fullwidth-portfolio .pagination .current,
.header_color.avia-fullwidth-portfolio .pagination a,
.header_color .av-hotspot-fallback-tooltip-inner,
.header_color .av-hotspot-fallback-tooltip-count {
    background-color: #ffffff;
    color: #ff8400
}

.header_color .heading-color,
.header_color a.iconbox_icon:hover,
.header_color h1,
.header_color h2,
.header_color h3,
.header_color h4,
.header_color h5,
.header_color h6,
.header_color .sidebar .current_page_item>a,
.header_color .sidebar .current-menu-item>a,
.header_color .pagination .current,
.header_color .pagination a:hover,
.header_color strong.avia-testimonial-name,
.header_color .heading,
.header_color .toggle_content strong,
.header_color .toggle_content strong a,
.header_color .tab_content strong,
.header_color .tab_content strong a,
.header_color .asc_count,
.header_color .avia-testimonial-content strong,
.header_color div .news-headline,
#top .header_color .av-related-style-full .av-related-title,
.header_color .av-default-style .av-countdown-cell-inner .av-countdown-time,
.header_color .wp-playlist-item-meta.wp-playlist-item-title,
#top .header_color .av-no-image-slider h2 a,
.header_color .av-small-bar .avia-progress-bar .progressbar-title-wrap {
    color: #ff8400
}

.header_color .meta-color,
.header_color .sidebar,
.header_color .sidebar a,
.header_color .minor-meta,
.header_color .minor-meta a,
.header_color .text-sep,
.header_color blockquote,
.header_color .post_nav a,
.header_color .comment-text,
.header_color .side-container-inner,
.header_color .news-time,
.header_color .pagination a,
.header_color .pagination span,
.header_color .tweet-text.avatar_no .tweet-time,
#top .header_color .extra-mini-title,
.header_color .team-member-job-title,
.header_color .team-social a,
.header_color #js_sort_items a,
.grid-entry-excerpt,
.header_color .avia-testimonial-subtitle,
.header_color .commentmetadata a,
.header_color .social_bookmarks a,
.header_color .meta-heading>*,
.header_color .slide-meta,
.header_color .slide-meta a,
.header_color .taglist,
.header_color .taglist a,
.header_color .phone-info,
.header_color .phone-info a,
.header_color .av-sort-by-term a,
.header_color .av-magazine-time,
.header_color .av-magazine .av-magazine-entry-icon,
.header_color .av-catalogue-content,
.header_color .wp-playlist-item-length,
.html_modern-blog #top div .header_color .blog-categories a,
.html_modern-blog #top div .header_color .blog-categories a:hover {
    color: #969696
}

.header_color .special-heading-inner-border {
    border-color: #ff8400
}

.header_color .meta-heading .special-heading-inner-border {
    border-color: #969696
}

.header_color a,
.header_color .widget_first,
.header_color strong,
.header_color b,
.header_color b a,
.header_color strong a,
.header_color #js_sort_items a:hover,
.header_color #js_sort_items a.active_sort,
.header_color .av-sort-by-term a.active_sort,
.header_color .special_amp,
.header_color .taglist a.activeFilter,
.header_color #commentform .required,
#top .header_color .av-no-color.av-icon-style-border a.av-icon-char,
.html_elegant-blog #top .header_color .blog-categories a,
.html_elegant-blog #top .header_color .blog-categories a:hover {
    color: #ff8400
}

.header_color a:hover,
.header_color h1 a:hover,
.header_color h2 a:hover,
.header_color h3 a:hover,
.header_color h4 a:hover,
.header_color h5 a:hover,
.header_color h6 a:hover,
.header_color .template-search a.news-content:hover,
.header_color .wp-playlist-item .wp-playlist-caption:hover {
    color: #ffa600
}

.header_color .primary-background,
.header_color .primary-background a,
div .header_color .button,
.header_color #submit,
.header_color input[type='submit'],
.header_color .small-preview:hover,
.header_color .avia-menu-fx,
.header_color .avia-menu-fx .avia-arrow,
.header_color.iconbox_top .iconbox_icon,
.header_color .iconbox_top a.iconbox_icon:hover,
.header_color .avia-data-table th.avia-highlight-col,
.header_color .avia-color-theme-color,
.header_color .avia-color-theme-color:hover,
.header_color .comment-count,
.header_color .av_dropcap2,
.header_color .av-colored-style .av-countdown-cell-inner,
.responsive #top .header_color .av-open-submenu.av-subnav-menu>li>a:hover,
#top .header_color .av-open-submenu.av-subnav-menu li>ul a:hover {
    background-color: #ff8400;
    color: #ffffff;
    border-color: #dd6200
}

#top #wrap_all .header_color .av-menu-button-colored>a .avia-menu-text {
    background-color: #ff8400;
    color: #ffffff;
    border-color: #ff8400
}

#top #wrap_all .header_color .av-menu-button-colored>a .avia-menu-text:after {
    background-color: #dd6200
}

#top .header_color .mobile_menu_toggle {
    color: #ff8400;
    background: #ffffff
}

#top .header_color .av-menu-mobile-active .av-subnav-menu>li>a:before {
    color: #ff8400
}

#top .header_color .av-open-submenu.av-subnav-menu>li>a:hover:before {
    color: #ffffff
}

.header_color .button:hover,
.header_color .ajax_controlls a:hover,
.header_color #submit:hover,
.header_color .big_button:hover,
.header_color .contentSlideControlls a:hover,
.header_color #submit:hover,
.header_color input[type='submit']:hover {
    background-color: #ffa600;
    color: #ffffff;
    border-color: #dd8400
}

.header_color .avia-toc-style-elegant a.avia-toc-level-0:last-child:after,
.header_color .avia-toc-style-elegant a:first-child:after,
.header_color .avia-toc-style-elegant a.avia-toc-level-0:after {
    background-color: #ffffff;
    border-color: #ffa600
}

.header_color .avia-toc-style-elegant a:first-child span:after,
.header_color .avia-toc-style-elegant a.avia-toc-level-0 span:after {
    background-color: #ffffff
}

.header_color .avia-toc-style-elegant a:first-child:hover span:after,
.header_color .avia-toc-style-elegant a.avia-toc-level-0:hover span:after {
    border-color: #ffa600
}

.header_color .avia-toc-style-elegant a:before {
    border-color: transparent
}

.header_color .avia-toc-style-elegant a:first-child:after,
.header_color .avia-toc-style-elegant a.avia-toc-level-0:after {
    border-color: #ffa600;
    background-color: #ffffff
}

.header_color .avia-toc-style-elegant a:last-child:after {
    background-color: transparent
}

.header_color .timeline-bullet {
    background-color: transparent;
    border-color: #ffffff
}

.header_color table,
.header_color .widget_nav_menu ul:first-child>.current-menu-item,
.header_color .widget_nav_menu ul:first-child>.current_page_item,
.header_color .widget_nav_menu ul:first-child>.current-menu-ancestor,
.header_color .pagination .current,
.header_color .pagination a,
.header_color.iconbox_top .iconbox_content,
.header_color .av_promobox,
.header_color .toggle_content,
.header_color .toggler:hover,
#top .header_color .av-minimal-toggle .toggler,
.header_color .related_posts_default_image,
.header_color .search-result-counter,
.header_color .container_wrap_meta,
.header_color .avia-content-slider .slide-image,
.header_color .avia-slider-testimonials .avia-testimonial-content,
.header_color .avia-testimonial-arrow-wrap .avia-arrow,
.header_color .news-thumb,
.header_color .portfolio-preview-content,
.header_color .portfolio-preview-content .avia-arrow,
.header_color .av-magazine .av-magazine-entry-icon,
.header_color .related_posts.av-related-style-full a,
.header_color .aviaccordion-slide,
.header_color.avia-fullwidth-portfolio .pagination,
.header_color .isotope-item.special_av_fullwidth .av_table_col.portfolio-grid-image,
.header_color .av-catalogue-list li:hover,
.header_color .wp-playlist,
.header_color .avia-slideshow-fixed-height>li,
.header_color .avia-form-success,
.header_color .avia-form-error,
.header_color .av-boxed-grid-style .avia-testimonial {
    background: #f8f8f8
}

#top .header_color .post_timeline li:hover .timeline-bullet {
    background-color: #ffa600
}

.header_color blockquote,
.header_color .avia-bullet,
.header_color .av-no-color.av-icon-style-border a.av-icon-char {
    border-color: #ff8400
}

.html_header_top .header_color .main_menu ul:first-child>li>ul,
.html_header_top #top .header_color .avia_mega_div>.sub-menu {
    border-top-color: #ff8400
}

.header_color .breadcrumb,
.header_color .breadcrumb a,
#top .header_color.title_container .main-title,
#top .header_color.title_container .main-title a {
    color: #ff8400
}

.header_color .av-icon-display,
#top .header_color .av-related-style-full a:hover .related-format-icon,
.header_color .av-default-style .av-countdown-cell-inner {
    background-color: #f8f8f8;
    color: #969696
}

.header_color .av-masonry-entry:hover .av-icon-display {
    background-color: #ff8400;
    color: #ffffff;
    border-color: #dd6200
}

#top .header_color .av-masonry-entry.format-quote:hover .av-icon-display {
    color: #ff8400
}

.header_color ::-webkit-input-placeholder {
    color: #969696
}

.header_color ::-moz-placeholder {
    color: #969696;
    opacity: 1
}

.header_color :-ms-input-placeholder {
    color: #969696
}

.header_color .header_bg,
.header_color .main_menu ul ul,
.header_color .main_menu .menu ul li a,
.header_color .pointer_arrow_wrap .pointer_arrow,
.header_color .avia_mega_div,
.header_color .av-subnav-menu>li ul,
.header_color .av-subnav-menu a {
    background-color: #ffffff;
    color: #969696
}

.header_color .main_menu .menu ul li a:hover,
.header_color .av-subnav-menu ul a:hover {
    background-color: #f8f8f8
}

.header_color .sub_menu>ul>li>a,
.header_color .sub_menu>div>ul>li>a,
.header_color .main_menu ul:first-child>li>a,
#top .header_color .main_menu .menu ul .current_page_item>a,
#top .header_color .main_menu .menu ul .current-menu-item>a,
#top .header_color .sub_menu li ul a {
    color: #969696
}

#top .header_color .main_menu .menu ul li>a:hover {
    color: #ff8400
}

.header_color .av-subnav-menu a:hover,
.header_color .main_menu ul:first-child>li a:hover,
.header_color .main_menu ul:first-child>li.current-menu-item>a,
.header_color .main_menu ul:first-child>li.current_page_item>a,
.header_color .main_menu ul:first-child>li.active-parent-item>a {
    color: #ff8400
}

#top .header_color .main_menu .menu .avia_mega_div ul .current-menu-item>a {
    color: #ff8400
}

.header_color .sub_menu>ul>li>a:hover,
.header_color .sub_menu>div>ul>li>a:hover {
    color: #ff8400
}

#top .header_color .sub_menu ul li a:hover,
.header_color .sub_menu ul:first-child>li.current-menu-item>a,
.header_color .sub_menu ul:first-child>li.current_page_item>a,
.header_color .sub_menu ul:first-child>li.active-parent-item>a {
    color: #ff8400
}

.header_color .sub_menu li ul a,
.header_color #payment,
.header_color .sub_menu ul li,
.header_color .sub_menu ul,
#top .header_color .sub_menu li li a:hover {
    background-color: #ffffff
}

.header_color#header .avia_mega_div>.sub-menu.avia_mega_hr,
.html_bottom_nav_header.html_logo_center #top #menu-item-search>a {
    border-color: transparent
}

@media only screen and (max-width:767px) {
    #top #wrap_all .av_header_transparency {
        background-color: #ffffff;
        color: #ff8400;
        border-color: transparent
    }
}

@media only screen and (max-width:989px) {
    .html_mobile_menu_tablet #top #wrap_all .av_header_transparency {
        background-color: #ffffff;
        color: #ff8400;
        border-color: transparent
    }
}

.header_color .header_bg {
    background: #ffffff url('https://www.auroled.cn/wp-content/uploads/2021/12/innerbanner-2.jpg') top center repeat-x fixed
}

.header_color .avia-tt,
.header_color .avia-tt .avia-arrow,
.header_color .avia-tt .avia-arrow {
    background-color: #ffffff;
    color: #969696
}

.header_color .av_ajax_search_image {
    background-color: #ff8400;
    color: #ffffff
}

.header_color .ajax_search_excerpt {
    color: #969696
}

.header_color .av_ajax_search_title {
    color: #ff8400
}

.header_color .ajax_load {
    background-color: #ff8400
}

.header_color .av_searchsubmit_wrapper {
    background-color: #ff8400
}

#top .header_color .avia-color-theme-color {
    color: #ffffff;
    border-color: #dd6200
}

.header_color .avia-color-theme-color-subtle {
    background-color: #f8f8f8;
    color: #ff8400
}

.header_color .avia-color-theme-color-subtle:hover {
    background-color: #ffffff;
    color: #ff8400
}

#top .header_color .avia-color-theme-color-highlight {
    color: #ffffff;
    border-color: #ffa600;
    background-color: #ffa600
}

#top .header_color .avia-font-color-theme-color,
#top .header_color .avia-font-color-theme-color-hover:hover {
    color: #ffffff
}

.header_color .avia-font-color-theme-color-subtle {
    color: #ff8400
}

.header_color .avia-font-color-theme-color-subtle-hover:hover {
    color: #ff8400
}

#top .header_color .avia-font-color-theme-color-highlight,
#top .header_color .avia-font-color-theme-color-highlight-hover:hover {
    color: #ffffff
}

.header_color .avia-icon-list .iconlist_icon {
    background-color: sq9mro9qdms
}

.header_color .avia-icon-list .iconlist-timeline {
    border-color: transparent
}

.header_color .iconlist_content {
    color: #969696
}

.header_color .avia-timeline .milestone_icon {
    background-color: sq9mro9qdms
}

.header_color .avia-timeline .milestone_inner {
    background-color: sq9mro9qdms
}

.header_color .avia-timeline {
    border-color: sq9mro9qdms
}

.header_color .av-milestone-icon-wrap:after {
    border-color: sq9mro9qdms
}

.header_color .avia-timeline .av-milestone-date {
    color: pn6jol6najp
}

.header_color .avia-timeline .av-milestone-date span {
    background-color: sq9mro9qdms
}

.header_color .avia-timeline-horizontal .av-milestone-content-wrap footer {
    background-color: sq9mro9qdms
}

.header_color .av-timeline-nav a span {
    background-color: sq9mro9qdms
}

#top .header_color .input-text,
#top .header_color input[type='text'],
#top .header_color input[type='input'],
#top .header_color input[type='password'],
#top .header_color input[type='email'],
#top .header_color input[type='number'],
#top .header_color input[type='url'],
#top .header_color input[type='tel'],
#top .header_color input[type='search'],
#top .header_color textarea,
#top .header_color select {
    border-color: transparent;
    background-color: #f8f8f8;
    color: #969696
}

#top .header_color .invers-color .input-text,
#top .header_color .invers-color input[type='text'],
#top .header_color .invers-color input[type='input'],
#top .header_color .invers-color input[type='password'],
#top .header_color .invers-color input[type='email'],
#top .header_color .invers-color input[type='number'],
#top .header_color .invers-color input[type='url'],
#top .header_color .invers-color input[type='tel'],
#top .header_color .invers-color input[type='search'],
#top .header_color .invers-color textarea,
#top .header_color .invers-color select {
    background-color: #ffffff
}

.header_color .required {
    color: #ff8400
}

.header_color .av-masonry {
    background-color: #e7e7e7
}

.header_color .av-masonry-pagination,
.header_color .av-masonry-pagination:hover,
.header_color .av-masonry-outerimage-container {
    background-color: #ffffff
}

.header_color .container .av-inner-masonry-content,
#top .header_color .container .av-masonry-load-more,
#top .header_color .container .av-masonry-sort,
.header_color .container .av-masonry-entry .avia-arrow {
    background-color: #f8f8f8
}

.header_color .hr-short .hr-inner-style,
.header_color .hr-short .hr-inner {
    background-color: #ffffff
}

div .header_color .tabcontainer .active_tab_content,
div .header_color .tabcontainer .active_tab {
    background-color: #f8f8f8;
    color: #ff8400
}

.responsive.js_active #top .header_color .avia_combo_widget .top_tab .tab {
    border-top-color: transparent
}

.header_color .template-archives .tabcontainer a,
#top .header_color .tabcontainer .tab:hover,
#top .header_color .tabcontainer .tab.active_tab {
    color: #ff8400
}

.header_color .template-archives .tabcontainer a:hover {
    color: #ffa600
}

.header_color .sidebar_tab_icon {
    background-color: transparent
}

#top .header_color .sidebar_active_tab .sidebar_tab_icon {
    background-color: #ff8400
}

.header_color .sidebar_tab:hover .sidebar_tab_icon {
    background-color: #ffa600
}

.header_color .sidebar_tab,
.header_color .tabcontainer .tab {
    color: #969696
}

.header_color div .sidebar_active_tab,
div .header_color .tabcontainer.noborder_tabs .active_tab_content,
div .header_color .tabcontainer.noborder_tabs .active_tab {
    color: #ff8400;
    background-color: #ffffff
}

#top .avia-smallarrow-slider .avia-slideshow-dots a {
    background-color: #f8f8f8
}

#top .header_color .avia-smallarrow-slider .avia-slideshow-dots a.active,
#top .header_color .avia-smallarrow-slider .avia-slideshow-dots a:hover {
    background-color: #969696
}

@media only screen and (max-width:767px) {
    .responsive #top .header_color .tabcontainer .active_tab {
        background-color: #ffa600;
        color: #ffffff
    }

    .responsive #top .header_color .tabcontainer {
        border-color: transparent
    }

    .responsive #top .header_color .active_tab_content {
        background-color: #f8f8f8
    }
}

.header_color tr:nth-child(even),
.header_color .avia-data-table .avia-heading-row .avia-desc-col,
.header_color .avia-data-table .avia-highlight-col,
.header_color .pricing-table>li:nth-child(even),
body .header_color .pricing-table.avia-desc-col li,
#top .header_color .avia-data-table.avia_pricing_minimal th {
    background-color: #ffffff;
    color: #ff8400
}

.header_color table caption,
.header_color tr:nth-child(even),
.header_color .pricing-table>li:nth-child(even),
#top .header_color .avia-data-table.avia_pricing_minimal td {
    color: #969696
}

.header_color tr:nth-child(odd),
.header_color .pricing-table>li:nth-child(odd),
.header_color .pricing-extra {
    background: #f8f8f8
}

.header_color .pricing-table li.avia-pricing-row,
.header_color .pricing-table li.avia-heading-row,
.header_color .pricing-table li.avia-pricing-row .pricing-extra {
    background-color: #ff8400;
    color: #ffffff;
    border-color: #ffa622
}

.header_color .pricing-table li.avia-heading-row,
.header_color .pricing-table li.avia-heading-row .pricing-extra {
    background-color: #ff9511;
    color: #ffffff;
    border-color: #ffa622
}

.header_color .pricing-table.avia-desc-col .avia-heading-row,
.header_color .pricing-table.avia-desc-col .avia-pricing-row {
    border-color: transparent
}

.header_color .theme-color-bar .bar {
    background: #ff8400
}

.header_color .mejs-controls .mejs-time-rail .mejs-time-current,
.header_color .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current,
.header_color .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.header_color .button.av-sending-button,
.header_color .av-striped-bar .theme-color-bar .bar {
    background: #ff8400
}

body .header_color .mejs-controls .mejs-time-rail .mejs-time-float {
    background: #ff8400;
    color: #fff
}

body .header_color .mejs-controls .mejs-time-rail .mejs-time-float-corner {
    border: solid 4px #ff8400;
    border-color: #ff8400 transparent transparent transparent
}

.header_color .progress {
    background-color: #f8f8f8
}

.header_color .av_searchform_element_results .av_ajax_search_entry,
.header_color .av_searchform_element_results .av_ajax_search_title,
.header_color.av_searchform_element_results .av_ajax_search_entry,
.header_color.av_searchform_element_results .av_ajax_search_title {
    color: #ff8400
}

.header_color .av_searchform_element_results .ajax_search_excerpt,
.header_color.av_searchform_element_results .ajax_search_excerpt {
    color: #969696
}

.header_color .av_searchform_element_results .av_ajax_search_image,
.header_color.av_searchform_element_results .av_ajax_search_image {
    color: #969696
}

.header_color .button.av-sending-button {
    background: #ffa600;
    background-image: -webkit-linear-gradient(-45deg, #ffa600 25%, #ffb711 25%, #ffb711 50%, #ffa600 50%, #ffa600 75%, #ffb711 75%, #ffb711);
    background-image: -moz-linear-gradient(-45deg, #ffa600 25%, #ffb711 25%, #ffb711 50%, #ffa600 50%, #ffa600 75%, #ffb711 75%, #ffb711);
    background-image: linear-gradient(-45deg, #ffa600 25%, #ffb711 25%, #ffb711 50%, #ffa600 50%, #ffa600 75%, #ffb711 75%, #ffb711);
    border-color: #ffa600
}

.header_color span.bbp-admin-links a {
    color: #ff8400
}

.header_color span.bbp-admin-links a:hover {
    color: #ffa600
}

#top .header_color .bbp-reply-content,
#top .header_color .bbp-topic-content,
#top .header_color .bbp-body .super-sticky .page-numbers,
#top .header_color .bbp-body .sticky .page-numbers,
#top .header_color .bbp-pagination-links a:hover,
#top .header_color .bbp-pagination-links span.current {
    background: #ffffff
}

#top .header_color .bbp-topics .bbp-header,
#top .header_color .bbp-topics .bbp-header,
#top .header_color .bbp-forums .bbp-header,
#top .header_color .bbp-topics-front ul.super-sticky,
#top .header_color .bbp-topics ul.super-sticky,
#top .header_color .bbp-topics ul.sticky,
#top .header_color .bbp-forum-content ul.sticky,
#top .header_color .bbp-body .page-numbers {
    background-color: #f8f8f8
}

#top .header_color .bbp-meta,
#top .header_color .bbp-author-role,
#top .header_color .bbp-author-ip,
#top .header_color .bbp-pagination-count,
#top .header_color .bbp-topics .bbp-body .bbp-topic-title:before {
    color: #969696
}

#top .header_color .bbp-admin-links {
    color: transparent
}

.header_color #bbpress-forums li.bbp-body ul.forum,
.header_color #bbpress-forums li.bbp-body ul.topic,
.avia_transform .header_color .bbp-replies .bbp-reply-author:before,
.avia_transform .forum-search .header_color .bbp-reply-author:before,
.avia_transform .forum-search .header_color .bbp-topic-author:before {
    background-color: #ffffff;
    border-color: transparent
}

#top .header_color .bbp-author-name {
    color: #ff8400
}

.header_color .widget_display_stats dt,
.header_color .widget_display_stats dd {
    background-color: #f8f8f8
}

.header_color {
    background: #ffffff url('https://www.auroled.cn/wp-content/uploads/2021/12/innerbanner-2.jpg') top center repeat-x fixed
}

.header_color dropcap2,
.header_color dropcap3,
.header_color avia_button,
.header_color avia_button:hover,
.header_color .on-primary-color,
.header_color .on-primary-color:hover {
    color: #ffffff
}

#main,
.avia-msie-8 .av_header_sticky_disabled#header {
    background-color: #ffffff
}

.html_header_sidebar #header .av-main-nav>li>a .avia-menu-text {
    color: #ff8400
}

.html_header_sidebar #header .av-main-nav>li>a .avia-menu-subtext {
    color: #969696
}

.html_header_sidebar #header .av-main-nav>li:hover>a .avia-menu-text,
.html_header_sidebar #header .av-main-nav>li.current-menu-ancestor>a .avia-menu-text,
.html_header_sidebar #header .av-main-nav li.current-menu-item>a .avia-menu-text {
    color: #ff8400
}

#top #wrap_all .av_seperator_big_border#header .av-menu-button-colored>a {
    background-color: #ff8400
}

#top #wrap_all .av_seperator_big_border#header .av-menu-button-bordered>a {
    background-color: #f8f8f8
}

html.html_header_sidebar #wrap_all {
    background-color: #ffffff
}

.header_color .av-hamburger-inner,
.header_color .av-hamburger-inner::before,
.header_color .av-hamburger-inner::after {
    background-color: #969696
}

.html_av-overlay-side #top .av-burger-overlay-scroll {
    background: #ffffff
}

.html_av-overlay-side #top #wrap_all div .av-burger-overlay-scroll #av-burger-menu-ul a:hover {
    background-color: #f8f8f8
}

.html_av-overlay-side-classic #top #wrap_all .av-burger-overlay #av-burger-menu-ul li a {
    border-color: transparent
}

.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a {
    color: #ff8400
}

.html_av-overlay-side.av-burger-overlay-active #top #wrap_all #header .menu-item-search-dropdown a {
    color: #ff8400
}

.html_av-overlay-side-classic #top .av-burger-overlay li li .avia-bullet,
.html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner,
.html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::before,
.html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::after {
    background-color: #ff8400
}

.html_av-overlay-side .av-burger-overlay-scroll {
    width: 350px;
    -webkit-transform: translateX(350px);
    transform: translateX(350px)
}

.bbp-topics .bbp-body .bbp-topic-title:before {
    content: '\E83b';
    font-family: 'entypo-fontello'
}

.bbp-topics .bbp-body .topic-voices-multi .bbp-topic-title:before {
    content: '\E83c';
    font-family: 'entypo-fontello'
}

.bbp-topics .bbp-body .super-sticky .bbp-topic-title:before {
    content: '\E808';
    font-family: 'entypo-fontello'
}

.bbp-topics .bbp-body .sticky .bbp-topic-title:before {
    content: '\E809';
    font-family: 'entypo-fontello'
}

.bbp-topics .bbp-body .status-closed .bbp-topic-title:before {
    content: '\E824';
    font-family: 'entypo-fontello'
}

.bbp-topics .bbp-body .super-sticky.status-closed .bbp-topic-title:before {
    content: '\E809\E824';
    font-family: 'entypo-fontello'
}

.bbp-topics .bbp-body .sticky.status-closed .bbp-topic-title:before {
    content: '\E808\E824';
    font-family: 'entypo-fontello'
}

#top .avia-layerslider .ls-nav-prev:before {
    content: '\E87c';
    font-family: 'entypo-fontello'
}

#top .avia-layerslider .ls-nav-next:before {
    content: '\E87d';
    font-family: 'entypo-fontello'
}

#top .avia-layerslider .ls-nav-start:before,
#top .avia_playpause_icon:before {
    content: '\E897';
    font-family: 'entypo-fontello'
}

#top .avia-layerslider .ls-nav-stop:before,
#top .avia_playpause_icon.av-pause:before {
    content: '\E899';
    font-family: 'entypo-fontello'
}

.image-overlay .image-overlay-inside:before {
    content: '\E869';
    font-family: 'entypo-fontello'
}

.image-overlay.overlay-type-extern .image-overlay-inside:before {
    content: '\E832';
    font-family: 'entypo-fontello'
}

.image-overlay.overlay-type-video .image-overlay-inside:before {
    content: '\E897';
    font-family: 'entypo-fontello'
}

div.avia-popup button.mfp-arrow:before {
    content: '\E87d';
    font-family: 'entypo-fontello'
}

div.avia-popup button.mfp-arrow-left:before {
    content: '\E87c';
    font-family: 'entypo-fontello'
}

.html_header_transparency #top .avia-builder-el-0 .container,
.html_header_transparency #top .avia-builder-el-0 .slideshow_caption {
    padding-top: 70px
}

h1,
h2,
h3,
h4,
h5,
h6,
#top .title_container .main-title,
tr.pricing-row td,
#top .portfolio-title,
.callout .content-area,
.avia-big-box .avia-innerbox,
.av-special-font,
.av-current-sort-title,
.html_elegant-blog #top .minor-meta,
#av-burger-menu-ul li {
    font-family: 'noto-sans-sc', 'HelveticaNeue', 'Helvetica Neue', 'Helvetica-Neue', Helvetica, Arial, sans-serif
}

body.noto-sans-sc {
    font-family: 'noto-sans-sc', 'HelveticaNeue', 'Helvetica Neue', 'Helvetica-Neue', Helvetica, Arial, sans-serif
}

.avia-partner-class .image-overlay {
    display: none !important;
    opacity: 0 !important
}

.container {
    width: 100%
}

.container .av-content-small.units {
    width: 70%
}

.responsive .boxed#top,
.responsive.html_boxed.html_header_sticky #header,
.responsive.html_boxed.html_header_transparency #header {
    width: 70%;
    max-width: 90%
}

.responsive .container {
    max-width: 70%
}

#top .all_colors blockquote {
    color: #666666;
    line-height: 1.8em
}

#top #header .av-main-nav>li.current-menu-item {
    font-family: 'noto-sans-sc', 'HelveticaNeue', 'Helvetica Neue', 'Helvetica-Neue', Helvetica, Arial, sans-serif
}

#top #header .av-main-nav>li.current-menu-item>a {
    color: #ff8400;
    font-family: 'noto-sans-sc', 'HelveticaNeue', 'Helvetica Neue', 'Helvetica-Neue', Helvetica, Arial, sans-serif;
    letter-spacing: 0.08em;
    font-weight: 600
}

#top #header .av-main-nav>li.current-menu-item>a .avia-menu-text,
#top #header .av-main-nav>li.current-menu-item>a .avia-menu-subtext {
    color: #ff8400
}

.breadcrumb-trail span,
.alternate_color .breadcrumb a {
    color: #666666;
    font-weight: 500
}

#top .all_colors div .image-overlay {
    background: none
}

#top #wrap_all .all_colors h3 {
    color: #ff8400;
    font-weight: 500
}

#top #wrap_all .all_colors h2 {
    color: #ff8400;
    font-weight: 500
}

#top #wrap_all .all_colors h1 {
    color: #ff8400;
    font-weight: 500
}

#top #wrap_all .av-main-nav ul>li:hover>a,
#top #wrap_all .avia_mega_div,
#top #wrap_all .avia_mega_div ul,
#top #wrap_all .av-main-nav ul ul {
    color: #ff8400;
    background-color: #ffffff
}

#top #wrap_all .av-main-nav ul>li>a,
#top #wrap_all .avia_mega_div,
#top #wrap_all .avia_mega_div ul,
#top #wrap_all .av-main-nav ul ul {
    color: #ffffff;
    background-color: #ff8400
}

#top #header .av-main-nav>li:hover {
    font-family: 'noto-sans-sc', 'HelveticaNeue', 'Helvetica Neue', 'Helvetica-Neue', Helvetica, Arial, sans-serif
}

#top #header .av-main-nav>li:hover>a {
    color: #ff8400;
    font-family: 'noto-sans-sc', 'HelveticaNeue', 'Helvetica Neue', 'Helvetica-Neue', Helvetica, Arial, sans-serif;
    letter-spacing: 0.08em;
    font-weight: 600
}

#top #header .av-main-nav>li:hover>a .avia-menu-text,
#top #header .av-main-nav>li:hover>a .avia-menu-subtext {
    color: #ff8400
}

#top #header .av-main-nav>li {
    font-family: 'noto-sans-sc', 'HelveticaNeue', 'Helvetica Neue', 'Helvetica-Neue', Helvetica, Arial, sans-serif
}

#top #header .av-main-nav>li>a {
    color: #ffffff;
    font-family: 'noto-sans-sc', 'HelveticaNeue', 'Helvetica Neue', 'Helvetica-Neue', Helvetica, Arial, sans-serif;
    letter-spacing: 0.08em;
    font-weight: 600
}

#top #header .av-main-nav>li>a .avia-menu-text,
#top #header .av-main-nav>li>a .avia-menu-subtext {
    color: #ffffff
}

.av-magazine .av-magazine-content-wrap .av-magazine-title {
    font-size: 1.25rem;
    line-height: 1.3em;
    text-transform: none;
    letter-spacing: 0.06em;
    padding: 0;
    margin: 0
}

div .avia-table {
    background: transparent;
    width: 100%;
    clear: both;
    margin: 30px 0;
    table-layout: fixed;
    font-size: 1.125rem
}

.av-catalogue-title-container {
    position: relative;
    font-size: 0.875rem;
    line-height: 1.5em
}

.main_color .av-masonry {
    background-color: #f8f8f8
}

#top .av-masonry-entry.isotope-item .entry-content {
    color: #444;
    font-size: 0.875rem;
    text-align: center
}





@media only screen and (min-width:768px) {
    .innerbanner {
        /* overflow: hidden;
        height: 970px; */
    }

    .product-2 .slider {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .product-2 .title .more a {
        display: inline-block;
        font-size: 25px;
        color: #ff8400;
        border: 1px solid #ff8400;
        padding: 5px 15px;
        border-radius: 5px;
        margin-top: 20px;

    }

    .product-2 .title .more a:hover {
        background: #ff8400 !important;
        color: white !important;
    }

    .ind-row4 .company-pic img {
        width: 100%;
        height: 810px;
        margin-top: 50px;
    }

    .ind-row4 .title .more {
        /* text-align: center;
        display: block;
        font-size: 16px;
        color: #ff8400;
        border: 1px solid #ff8400;
        width: 110px;
        height: 40px;
        line-height: 40px;
        border-radius: 5px;
        margin-top: 30px; */
    }

    .ind-row4 .title .more a {
        display: inline-block;
        font-size: 25px;
        color: #ff8400;
        border: 1px solid #ff8400;
        padding: 5px 15px;
        border-radius: 5px;
        margin-top: 20px;
    }

    .ind-row4 .title .more a:hover {
        color: white;
        background-color: #ff8400;
    }

    .ind-row4 .introduce {
        line-height: 35px;
        font-size: 22px;
        color: #4b4b4b;
        text-align: justify;
        margin-top: 45px;
    }

    .about-advertising {
        max-width: 1600px;
        margin: auto;
        padding-top: 120px;
    }

    .about-advertising .title {
        text-align: center;
        margin-bottom: 45px;

    }

    .about-advertising .title .name {
        font-size: 36px;
        color: #333;
    }

    .about-advertising .title .desc {
        font-size: 14px;
        color: #DC5F00;
        margin-top: 15px;
    }

    .about-advertising .pic {
        width: 1600;
        height: 756px;
        margin: auto;
    }

    .about-advertising .pic img {
        width: 100%;
        height: 100%;
    }

    .global-box {
        padding-top: 90px;
        max-width: 1500px;
        margin: auto;
        position: relative;
    }

    .global-box .title {
        text-align: center;
    }

    .global-box .title .name {
        font-size: 36px;
        color: #333;
    }

    .global-box .title .desc {
        font-size: 14px;
        color: #DC5F00;
        margin-top: 15px;
    }

    .global-box .pic {
        width: 1120px;
        height: 756px;
        margin: auto;
    }

    .global-box .pic img {
        width: 100%;
        height: 100%;
    }

    .global-box .items {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        position: absolute;
        width: 1500px;
        top: 130px;

    }

    .global-box .items .item {
        width: 30%;
    }

    .global-box .items .item {
        margin-top: 125px;
    }

    .global-box .items .item div {
        font-size: 16px;
        color: #525252;
    }

    .global-box .items .item div:nth-child(1) {
        font-size: 24px;
        margin-bottom: 30px;
    }

    .global-box .items .item div:last-child {
        line-height: 30px;
    }

    .office-box {
        width: 100%;
        height: 500px;
        display: flex;
    }

    .office-box .list {
        width: 50%;
        position: relative;
    }

    .office-box .list .bg-color {
        width: 100%;
        height: 100%;
        background-color: #f08519;
    }

    .office-box .list .pic {
        width: 100%;
        height: 100%;
    }

    .office-box .list .pic img {
        width: 100%;
        height: 100%;
    }

    .office-center {
        position: absolute;
        left: 10%;
        top: 60%;
        margin-top: -125px;
        color: white;

    }

    .office-center .office-name {
        font-size: 38px;
    }

    .office-center .distance {
        font-size: 20px;
        padding: 15px 0px 30px 0px;
    }

    .office-center .btn {
        display: inline-block;
        font-size: 16px;
        padding: 10px 15px;
        color: #dc5f00;
        background-color: white;
        cursor: pointer;
    }

    .history .slot span {
        display: inline-block;
        vertical-align: middle;
        width: 8px;
        background-color: #E8E8E8;
        border-radius: 50%;
        margin: 0 8px;
        text-align: center
    }

    .history .slot span:after {
        content: "";
        display: block;
        padding-top: 100%
    }

    .history .slot {
        font-size: 0;
        line-height: 12px;
        text-align: center;
        position: absolute;
        top: 50%;
        margin-top: -28px
    }

    .plSubCon2212 {
        margin-top: 15px;
    }

    .plSubCon2212 ul {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .plSubCon2212 ul li {
        width: 210px;
        height: 135px;
        border: 2px solid #d5d5d5;
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 20px;
        background: #FFF;
    }

    .plSubCon2212 ul li:hover {
        border-top: 5px solid #7bc300;
        border-left: 5px solid #7bc300;
        border-right: 5px solid #b6da79;
        border-bottom: 5px solid #b6da79;
    }

    .plSubCon2212 ul li .img-warp a {
        width: 200px;
        height: 125px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .plSubCon2212 ul li .img-warp a img {
        display: block;
        max-width: 100%;
        max-height: 100%;
    }
}

@media only screen and (max-width:767px) {
    .sj_banner {
        padding-top: 48px;
    }

    .product-2 .slider {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .product-2 .title .name {
        font-size: 30px;
    }

    .product-2 .title .more a {
        display: inline-block;
        font-size: 16px;
        color: #ff8400;
        border: 1px solid #ff8400;
        padding: 5px 15px;
        border-radius: 5px;
        margin-top: 20px;
    }

    .ind-row4 .company-pic img {
        width: 100%;
        height: 400px;
        margin-top: 50px;
    }

    .ind-row4 .title .name {
        font-size: 30px;
    }

    .ind-row4 .title .more {
        /* display: inline-block;
        font-size: 16px;
        color: #ff8400;
        border: 1px solid #ff8400;
        padding: 5px 15px;
        border-radius: 5px;
        margin-top: 20px; */
    }

    .ind-row4 .title .more a {
        display: inline-block;
        font-size: 16px;
        color: #ff8400;
        border: 1px solid #ff8400;
        padding: 5px 15px;
        border-radius: 5px;
        margin-top: 20px;
    }

    .ind-row4 .title {
        margin: 0px 20px;
    }

    .ind-row4 .introduce {
        line-height: 35px;
        font-size: 18px;
        color: #4b4b4b;
        text-align: justify;
        margin: 45px 20px 0px 20px;
    }

    .about-advertising {
        max-width: 1600px;
        margin: auto;
    }

    .about-advertising .title {
        text-align: center;
        margin-bottom: 45px;

    }

    .about-advertising .title .name {
        font-size: 26px;
        color: #333;
    }

    .about-advertising .title .desc {
        width: 300px;
        text-align: center;
        font-size: 14px;
        color: #DC5F00;
        margin: 15px auto 0px auto;
    }

    .about-advertising .pic {
        width: 100%;
        height: 400px;
        margin: auto;
    }

    .about-advertising .pic img {
        width: 100%;
        height: 100%;
    }

    .global-box {
        padding: 50px 0px;
        max-width: 1500px;
        margin: auto;
        position: relative;
    }

    .global-box .title {
        text-align: center;
        margin-bottom: 30px;
        position: relative;
        z-index: 10;
    }

    .global-box .title .name {
        font-size: 26px;
        color: #333;
    }

    .global-box .title .desc {
        width: 300px;
        text-align: center;
        font-size: 14px;
        color: #DC5F00;
        margin: 15px auto 0px auto;
    }

    .global-box .pic {
        position: absolute;
        left: 0px;
        top: 200px;
        width: 100%;
        height: 500px;
    }

    .global-box .pic img {
        width: 100%;
        height: 100%;
    }

    .global-box .items {
        margin: 0px 30px;
        position: relative;
        z-index: 10;
    }

    .global-box .items .item {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    .global-box .items .item+.item {
        margin-top: 40px;
    }

    .global-box .items .item div {
        font-size: 12px;
        color: #525252;
    }

    .global-box .items .item div:nth-child(1) {
        font-size: 20px;
        margin-bottom: 30px;
    }

    .global-box .items .item div:last-child {
        line-height: 30px;
    }

    .office-box {
        width: 100%;
        height: 600px;
    }

    .office-box .list {
        width: 100%;
        height: 300px;
        position: relative;
    }

    .office-box .list .bg-color {
        width: 100%;
        height: 100%;
        background-color: #f08519;
    }

    .office-box .list .pic {
        width: 100%;
        height: 100%;
    }

    .office-box .list .pic img {
        width: 100%;
        height: 100%;
    }

    .office-center {
        position: absolute;
        left: 10%;
        top: 70%;
        margin-top: -125px;
        color: white;

    }

    .office-center .office-name {
        font-size: 28px;
    }

    .office-center .distance {
        font-size: 16px;
        padding: 15px 0px 30px 0px;
    }

    .office-center .btn {
        display: inline-block;
        font-size: 12px;
        padding: 5px 10px;
        color: #dc5f00;
        background-color: white;
        cursor: pointer;
    }

    .history .slot span {
        display: inline-block;
        vertical-align: middle;
        width: 4px;
        background-color: #E8E8E8;
        border-radius: 50%;
        margin: 0 4px;
        text-align: center
    }

    .history .slot span:after {
        content: "";
        display: block;
        padding-top: 100%
    }

    .history .slot {
        font-size: 0;
        line-height: 12px;
        text-align: center;
        position: absolute;
        top: 50%;
        margin-top: -23px
    }

    .plSubCon2212 {
        margin-top: 15px;
    }

    .plSubCon2212 ul {
        display: flex;
        align-items: center;
        justify-content: space-around;
        flex-wrap: wrap;
    }

    .plSubCon2212 ul li {
        width: 205px;
        height: 135px;
        border: 2px solid #d5d5d5;
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 20px;
    }

    .plSubCon2212 ul li:hover {
        border-top: 4px solid #7bc300;
        border-left: 4px solid #7bc300;
        border-right: 4px solid #b6da79;
        border-bottom: 4px solid #b6da79;
    }

    .plSubCon2212 ul li .img-warp a {
        width: 145px;
        height: 95px;
        display: block;
    }

    .plSubCon2212 ul li .img-warp a img {
        width: 100%;
        height: 100%;
    }

    .footer-box .customer-service {
        position: relative;
    }

    .footer-box .customer-service img {
        width: 100%;
        height: 350px;
        display: block;
    }

    .footer-box .customer-service .customer-service-content {
        position: absolute;
        left: 0px;
        right: 0px;
        top: 90px;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
    }

    .footer-box .customer-service .customer-service-content p {
        font-size: 20px;
        color: white;
        line-height: 25px;
        margin: 0px 15px;
    }

    .footer-box .customer-service .customer-service-content .desc {
        font-size: 14px;
        color: white;
        text-align: center;
        line-height: 20px;
        margin: 25px 20px 50px 20px;
    }

    .footer-box .customer-service .customer-service-content .btn {
        width: 180px;
        height: 50px;
        background-color: white;
        color: #d1610b;
        font-size: 22px;
        line-height: 50px;
        cursor: pointer;
        transform: scale(0.6);
    }

    .footer-box .customer-service .customer-service-content .btn a {
        color: inherit;
    }

    .footer-box .customer-service .customer-service-content .btn:hover {
        color: white;
        background-color: #fc9240;
    }
}

hr {
    overflow: visible;
    height: 0;
    color: inherit
}

details,
main {
    display: block
}

summary {
    display: list-item
}

small {
    font-size: 80%
}

[hidden] {
    display: none
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

a {
    color: inherit;
    text-decoration: none;
    background-color: transparent
}

a:active,
a:hover {
    outline-width: 0
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace
}

pre {
    font-size: 1em
}

b,
strong {
    font-weight: bolder
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

table {
    border-color: inherit;
    text-indent: 0
}

iframe {
    border-style: none
}

ul,
ol {
    list-style-type: none
}



optgroup {
    font-weight: bold
}




select {
    -moz-appearance: none;
    -webkit-appearance: none
}

select::-ms-expand {
    display: none
}

select::-ms-value {
    color: currentColor
}


::-webkit-file-upload-button {
    -webkit-appearance: button;
    color: inherit;
    font: inherit
}

[disabled] {
    cursor: default
}

progress {
    vertical-align: baseline
}

[aria-busy='true'] {
    cursor: progress
}

[aria-controls] {
    cursor: pointer
}

[aria-disabled='true'] {
    cursor: default
}

.white,
.hover\:white:hover,
.group:hover .group-hover\:white,
.active.active\:white {
    color: #ffffff !important
}

.white-5,
.hover\:white-5:hover,
.group:hover .group-hover\:white-5 {
    color: rgba(255, 255, 255, 0.05) !important
}

.white-10,
.hover\:white-10:hover,
.group:hover .group-hover\:white-10 {
    color: rgba(255, 255, 255, 0.1) !important
}

.white-20,
.hover\:white-20:hover,
.group:hover .group-hover\:white-20 {
    color: rgba(255, 255, 255, 0.2) !important
}

.white-30,
.hover\:white-30:hover,
.group:hover .group-hover\:white-30 {
    color: rgba(255, 255, 255, 0.3) !important
}

.white-40,
.hover\:white-40:hover,
.group:hover .group-hover\:white-40 {
    color: rgba(255, 255, 255, 0.4) !important
}

.white-50,
.hover\:white-50:hover,
.group:hover .group-hover\:white-50 {
    color: rgba(255, 255, 255, 0.5) !important
}

.white-60,
.hover\:white-60:hover,
.group:hover .group-hover\:white-60 {
    color: rgba(255, 255, 255, 0.6) !important
}

.white-70,
.hover\:white-70:hover,
.group:hover .group-hover\:white-70 {
    color: rgba(255, 255, 255, 0.7) !important
}

.white-80,
.hover\:white-80:hover,
.group:hover .group-hover\:white-80 {
    color: rgba(255, 255, 255, 0.8) !important
}

.white-90,
.hover\:white-90:hover,
.group:hover .group-hover\:white-90 {
    color: rgba(255, 255, 255, 0.9) !important
}

.black,
.hover\:black:hover,
.group:hover .group-hover\:black,
.active.active\:black {
    color: #222222 !important
}

.black-5,
.hover\:black-5:hover,
.group:hover .group-hover\:black-5 {
    color: rgba(34, 34, 34, 0.05) !important
}

.black-10,
.hover\:black-10:hover,
.group:hover .group-hover\:black-10 {
    color: rgba(34, 34, 34, 0.1) !important
}

.black-20,
.hover\:black-20:hover,
.group:hover .group-hover\:black-20 {
    color: rgba(34, 34, 34, 0.2) !important
}

.black-30,
.hover\:black-30:hover,
.group:hover .group-hover\:black-30 {
    color: rgba(34, 34, 34, 0.3) !important
}

.black-40,
.hover\:black-40:hover,
.group:hover .group-hover\:black-40 {
    color: rgba(34, 34, 34, 0.4) !important
}

.black-50,
.hover\:black-50:hover,
.group:hover .group-hover\:black-50 {
    color: rgba(34, 34, 34, 0.5) !important
}

.black-60,
.hover\:black-60:hover,
.group:hover .group-hover\:black-60 {
    color: rgba(34, 34, 34, 0.6) !important
}

.black-70,
.hover\:black-70:hover,
.group:hover .group-hover\:black-70 {
    color: rgba(34, 34, 34, 0.7) !important
}

.black-80,
.hover\:black-80:hover,
.group:hover .group-hover\:black-80 {
    color: rgba(34, 34, 34, 0.8) !important
}

.black-90,
.hover\:black-90:hover,
.group:hover .group-hover\:black-90 {
    color: rgba(34, 34, 34, 0.9) !important
}

.bg-white,
.hover\:bg-white:hover,
.group:hover .group-hover\:bg-white {
    background-color: #ffffff
}

.bg-white-5,
.hover\:bg-white-5:hover,
.group:hover .group-hover\:bg-white-5 {
    background-color: rgba(255, 255, 255, 0.05) !important
}

.bg-white-10,
.hover\:bg-white-10:hover,
.group:hover .group-hover\:bg-white-10 {
    background-color: rgba(255, 255, 255, 0.1) !important
}

.bg-white-20,
.hover\:bg-white-20:hover,
.group:hover .group-hover\:bg-white-20 {
    background-color: rgba(255, 255, 255, 0.2) !important
}

.bg-white-30,
.hover\:bg-white-30:hover,
.group:hover .group-hover\:bg-white-30 {
    background-color: rgba(255, 255, 255, 0.3) !important
}

.bg-white-40,
.hover\:bg-white-40:hover,
.group:hover .group-hover\:bg-white-40 {
    background-color: rgba(255, 255, 255, 0.4) !important
}

.bg-white-50,
.hover\:bg-white-50:hover,
.group:hover .group-hover\:bg-white-50 {
    background-color: rgba(255, 255, 255, 0.5) !important
}

.bg-white-60,
.hover\:bg-white-60:hover,
.group:hover .group-hover\:bg-white-60 {
    background-color: rgba(255, 255, 255, 0.6) !important
}

.bg-white-70,
.hover\:bg-white-70:hover,
.group:hover .group-hover\:bg-white-70 {
    background-color: rgba(255, 255, 255, 0.7) !important
}

.bg-white-80,
.hover\:bg-white-80:hover,
.group:hover .group-hover\:bg-white-80 {
    background-color: rgba(255, 255, 255, 0.8) !important
}

.bg-white-90,
.hover\:bg-white-90:hover,
.group:hover .group-hover\:bg-white-90 {
    background-color: rgba(255, 255, 255, 0.9) !important
}

.bg-black,
.hover\:bg-black:hover,
.group:hover .group-hover\:bg-black {
    background-color: #222222
}

.bg-black-5,
.hover\:bg-black-5:hover,
.group:hover .group-hover\:bg-black-5 {
    background-color: rgba(34, 34, 34, 0.05) !important
}

.bg-black-10,
.hover\:bg-black-10:hover,
.group:hover .group-hover\:bg-black-10 {
    background-color: rgba(34, 34, 34, 0.1) !important
}

.bg-black-20,
.hover\:bg-black-20:hover,
.group:hover .group-hover\:bg-black-20 {
    background-color: rgba(34, 34, 34, 0.2) !important
}

.bg-black-30,
.hover\:bg-black-30:hover,
.group:hover .group-hover\:bg-black-30 {
    background-color: rgba(34, 34, 34, 0.3) !important
}

.bg-black-40,
.hover\:bg-black-40:hover,
.group:hover .group-hover\:bg-black-40 {
    background-color: rgba(34, 34, 34, 0.4) !important
}

.bg-black-50,
.hover\:bg-black-50:hover,
.group:hover .group-hover\:bg-black-50 {
    background-color: rgba(34, 34, 34, 0.5) !important
}

.bg-black-60,
.hover\:bg-black-60:hover,
.group:hover .group-hover\:bg-black-60 {
    background-color: rgba(34, 34, 34, 0.6) !important
}

.bg-black-70,
.hover\:bg-black-70:hover,
.group:hover .group-hover\:bg-black-70 {
    background-color: rgba(34, 34, 34, 0.7) !important
}

.bg-black-80,
.hover\:bg-black-80:hover,
.group:hover .group-hover\:bg-black-80 {
    background-color: rgba(34, 34, 34, 0.8) !important
}

.bg-black-90,
.hover\:bg-black-90:hover,
.group:hover .group-hover\:bg-black-90 {
    background-color: rgba(34, 34, 34, 0.9) !important
}

.gray,
.hover\:gray:hover,
.group:hover .group-hover\:gray {
    color: #666666
}

.gray-2,
.hover\:gray-2:hover,
.group:hover .group-hover\:gray-2 {
    color: #999999
}

.primary,
.hover\:primary:hover,
.group:hover .group-hover\:primary {
    color: #196ff7 !important
}

.orange,
.hover\:orange:hover,
.group:hover .group-hover\:orange {
    color: #dc5f00 !important
}

.light-orange,
.hover\:light-orange:hover,
.group:hover .group-hover\:light-orange {
    color: #f2b317
}

.bg-light-orange,
.hover\:bg-light-orange:hover,
.group:hover .group-hover\:bg-light-orange {
    background-color: #f2b317
}

.blue,
.hover\:blue:hover,
.group:hover .group-hover\:blue,
.active.active\:blue {
    color: #196ff7 !important
}

.bg-blue,
.hover\:bg-blue:hover,
.group:hover .group-hover\:bg-blue,
.active.active\:bg-blue {
    background-color: #196ff7 !important
}

.dark-blue,
.hover\:dark-blue:hover,
.group:hover .group-hover\:dark-blue,
.active.active\:dark-blue {
    color: #0B0F28 !important
}

.bg-dark-blue,
.hover\:bg-dark-blue:hover,
.group:hover .group-hover\:bg-dark-blue {
    background-color: #0B0F28
}

.bg-light-blue,
.hover\:bg-light-blue:hover,
.group:hover .group-hover\:bg-light-blue {
    background-color: #30365e
}

.bg-primary {
    background-color: #f5f5f5
}

.bg-secondary {
    background-color: #ebebeb
}

.bg-orange,
.hover\:bg-orange:hover,
.group:hover .group-hover\:bg-orange,
.active\:bg-orange.active {
    background-color: #dc5f00
}

.current {
    color: currentColor !important
}

.transparent {
    color: transparent !important
}

.fill-current {
    fill: currentColor !important
}

.stroke-current {
    stroke: currentColor !important
}

.border {
    border-width: 1px
}

.border-2 {
    border-width: 2px
}

.border-t,
.first\:border-t:first-child,
.last\:border-t:last-child,
.between\:border-t+.between\:border-t {
    border-top-width: 1px
}

.border-t-2 {
    border-top-width: 2px
}

.border-r,
.first\:border-r:first-child,
.last\:border-r:last-child,
.between\:border-r+.between\:border-r {
    border-right-width: 1px
}

.border-r-2 {
    border-top-width: 2px
}

.border-b,
.first\:border-b:first-child,
.last\:border-b:last-child,
.between\:border-b+.between\:border-b {
    border-bottom-width: 1px
}

.border-b-2 {
    border-bottom-width: 2px
}

.border-l,
.first\:border-l:first-child,
.last\:border-l:last-child,
.between\:border-l+.between\:border-l {
    border-left-width: 1px
}

.border-l-2 {
    border-left-width: 2px
}

.border-x {
    border-left-width: 1px;
    border-right-width: 1px
}

.border-x-2 {
    border-left-width: 2px;
    border-right-width: 2px
}

.border-y {
    border-top-width: 1px;
    border-bottom-width: 1px
}

.border-y-2 {
    border-top-width: 2px;
    border-bottom-width: 1px
}

.border-white,
.hover\:border-white:hover,
.group:hover .group-hover\:border-white,
.active\:border-white.active,
.before\:border-white::before,
.hover-before\:border-white:hover::before,
.group:hover .group-hover-before\:border-white::before {
    border-color: #ffffff !important
}

.border-white-10,
.hover\:border-white-10:hover,
.group:hover .group-hover\:border-white-10,
.before\:border-white-10::before,
.before-hover\:border-white-10:hover::before,
.group:hover .group-hover-before\:border-white-10::before {
    border-color: rgba(255, 255, 255, 0.1) !important
}

.border-white-20,
.hover\:border-white-20:hover,
.group:hover .group-hover\:border-white-20,
.before\:border-white-20::before,
.before-hover\:border-white-20:hover::before,
.group:hover .group-hover-before\:border-white-20::before {
    border-color: rgba(255, 255, 255, 0.2) !important
}

.border-white-30,
.hover\:border-white-30:hover,
.group:hover .group-hover\:border-white-30,
.before\:border-white-30::before,
.before-hover\:border-white-30:hover::before,
.group:hover .group-hover-before\:border-white-30::before {
    border-color: rgba(255, 255, 255, 0.3) !important
}

.border-white-40,
.hover\:border-white-40:hover,
.group:hover .group-hover\:border-white-40,
.before\:border-white-40::before,
.before-hover\:border-white-40:hover::before,
.group:hover .group-hover-before\:border-white-40::before {
    border-color: rgba(255, 255, 255, 0.4) !important
}

.border-white-50,
.hover\:border-white-50:hover,
.group:hover .group-hover\:border-white-50,
.before\:border-white-50::before,
.before-hover\:border-white-50:hover::before,
.group:hover .group-hover-before\:border-white-50::before {
    border-color: rgba(255, 255, 255, 0.5) !important
}

.border-white-60,
.hover\:border-white-60:hover,
.group:hover .group-hover\:border-white-60,
.before\:border-white-60::before,
.before-hover\:border-white-60:hover::before,
.group:hover .group-hover-before\:border-white-60::before {
    border-color: rgba(255, 255, 255, 0.6) !important
}

.border-white-70,
.hover\:border-white-70:hover,
.group:hover .group-hover\:border-white-70,
.before\:border-white-70::before,
.before-hover\:border-white-70:hover::before,
.group:hover .group-hover-before\:border-white-70::before {
    border-color: rgba(255, 255, 255, 0.7) !important
}

.border-white-80,
.hover\:border-white-80:hover,
.group:hover .group-hover\:border-white-80,
.before\:border-white-80::before,
.before-hover\:border-white-80:hover::before,
.group:hover .group-hover-before\:border-white-80::before {
    border-color: rgba(255, 255, 255, 0.8) !important
}

.border-white-90,
.hover\:border-white-90:hover,
.group:hover .group-hover\:border-white-90,
.before\:border-white-90::before,
.before-hover\:border-white-90:hover::before,
.group:hover .group-hover-before\:border-white-90::before {
    border-color: rgba(255, 255, 255, 0.9) !important
}

.border-black,
.hover\:border-black:hover,
.group:hover .group-hover\:border-black,
.active\:border-black.active,
.before\:border-black::before,
.hover-before\:border-black:hover::before,
.group:hover .group-hover-before\:border-black::before {
    border-color: #222222 !important
}

.border-black-10,
.hover\:border-black-10:hover,
.group:hover .group-hover\:border-black-10,
.before\:border-black-10::before,
.hover-before\:border-black-10:hover::before,
.group:hover .group-hover-before\:border-black-10::before {
    border-color: rgba(34, 34, 34, 0.1) !important
}

.border-black-20,
.hover\:border-black-20:hover,
.group:hover .group-hover\:border-black-20,
.before\:border-black-20::before,
.hover-before\:border-black-20:hover::before,
.group:hover .group-hover-before\:border-black-20::before {
    border-color: rgba(34, 34, 34, 0.2) !important
}

.border-black-30,
.hover\:border-black-30:hover,
.group:hover .group-hover\:border-black-30,
.before\:border-black-30::before,
.hover-before\:border-black-30:hover::before,
.group:hover .group-hover-before\:border-black-30::before {
    border-color: rgba(34, 34, 34, 0.3) !important
}

.border-black-40,
.hover\:border-black-40:hover,
.group:hover .group-hover\:border-black-40,
.before\:border-black-40::before,
.hover-before\:border-black-40:hover::before,
.group:hover .group-hover-before\:border-black-40::before {
    border-color: rgba(34, 34, 34, 0.4) !important
}

.border-black-50,
.hover\:border-black-50:hover,
.group:hover .group-hover\:border-black-50,
.before\:border-black-50::before,
.hover-before\:border-black-50:hover::before,
.group:hover .group-hover-before\:border-black-50::before {
    border-color: rgba(34, 34, 34, 0.5) !important
}

.border-black-60,
.hover\:border-black-60:hover,
.group:hover .group-hover\:border-black-60,
.before\:border-black-60::before,
.hover-before\:border-black-60:hover::before,
.group:hover .group-hover-before\:border-black-60::before {
    border-color: rgba(34, 34, 34, 0.6) !important
}

.border-black-70,
.hover\:border-black-70:hover,
.group:hover .group-hover\:border-black-70,
.before\:border-black-70::before,
.hover-before\:border-black-70:hover::before,
.group:hover .group-hover-before\:border-black-70::before {
    border-color: rgba(34, 34, 34, 0.7) !important
}

.border-black-80,
.hover\:border-black-80:hover,
.group:hover .group-hover\:border-black-80,
.before\:border-black-80::before,
.hover-before\:border-black-80:hover::before,
.group:hover .group-hover-before\:border-black-80::before {
    border-color: rgba(34, 34, 34, 0.8) !important
}

.border-black-90,
.hover\:border-black-90:hover,
.group:hover .group-hover\:border-black-90,
.before\:border-black-90::before,
.hover-before\:border-black-90:hover::before,
.group:hover .group-hover-before\:border-black-90::before {
    border-color: rgba(34, 34, 34, 0.9) !important
}

.border-bg-primary {
    border-color: #f5f5f5
}

.border-bg-secondary {
    border-color: #ebebeb
}

.border-orange,
.hover\:border-orange:hover,
.group:hover .group-hover\:border-orange,
.focus\:border-orange:focus {
    border-color: #dc5f00 !important
}

.border-blue,
.hover\:border-blue:hover,
.group:hover .group-hover\:border-blue,
.active.active\:border-blue {
    border-color: #196ff7 !important
}

.z-1 {
    z-index: 1
}

.z-2 {
    z-index: 2
}

.z-3 {
    z-index: 3
}

.z-4 {
    z-index: 4
}

.z-5 {
    z-index: 5
}

.z-10 {
    z-index: 10
}

.z-11 {
    z-index: 11
}

.z-12 {
    z-index: 12
}

.z-13 {
    z-index: 13
}

.z-14 {
    z-index: 14
}

.z-15 {
    z-index: 15
}

.z-100 {
    z-index: 100
}

.z-101 {
    z-index: 101
}

.z-102 {
    z-index: 102
}

.z-103 {
    z-index: 103
}

.z-104 {
    z-index: 104
}

.z-105 {
    z-index: 105
}

.-z-1 {
    z-index: -1
}

.-z-2 {
    z-index: -2
}

.-z-3 {
    z-index: -3
}

.-z-4 {
    z-index: -4
}

.-z-5 {
    z-index: -5
}

.ovf-h {
    overflow: hidden !important
}

.ovf-a {
    overflow: auto !important
}

.ovf-v {
    overflow: visible !important
}

.obj-cover {
    object-fit: cover
}

.obj-contain {
    object-fit: contain
}

.w-5\/8 {
    width: 62.5%
}

.w-3\/8 {
    width: 37.5%
}

.h-3\/10 {
    height: 30%
}

.h-7\/10 {
    height: 70%
}

.w-full {
    width: 100%
}

.h-full {
    height: 100%
}

.scale-up,
.hover\:scale-up:hover,
.group:hover .group-hover\:scale-up {
    transform: scale(1.05)
}

.-rotate-90 {
    transform: rotate(-90deg)
}

.-rotate-180 {
    transform: rotate(-180deg)
}

.rotate-45 {
    transform: rotate(45deg)
}

.rotate-90 {
    transform: rotate(90deg)
}

.rotate-135 {
    transform: rotate(135deg)
}

.rotate-180 {
    transform: rotate(180deg)
}

@keyframes spin {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.top-0 {
    top: 0
}

.top-full {
    top: 100%
}

.right-0 {
    right: 0
}

.right-full {
    right: 100%
}

.bottom-0 {
    bottom: 0
}

.bottom-full {
    bottom: 100%
}

.left-0 {
    left: 0
}

.py-6 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.lg\:py-6 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.md\:py-6 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.px-8 {
    padding-left: 2rem !important;
    padding-right: 2rem !important
}

.lg\:px-8 {
    padding-left: 2rem !important;
    padding-right: 2rem !important
}

.md\:px-8 {
    padding-left: 2rem !important;
    padding-right: 2rem !important
}

.lg\:text-sm {
    font-size: 1rem !important;
    line-height: 1.25rem !important
}

.md\:text-sm {
    font-size: .875rem !important;
    line-height: 1.25rem !important
}

.leading-relaxed {
    line-height: 1.625 !important
}

.lg\:leading-relaxed {
    line-height: 1.625 !important
}

.md\:leading-relaxed {
    line-height: 1.625 !important
}

.text-sm {
    font-size: .875rem !important;
    line-height: 1.25rem !important
}

.left-full {
    left: 100%
}

.inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.absolute-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.absolute-center-x {
    left: 50%;
    transform: translateX(-50%)
}

.absolute-center-y {
    top: 50%;
    transform: translateY(-50%)
}

@media screen and (max-width:1024px) {
    .absolute-center.lg\:static {
        top: auto;
        left: auto;
        transform: none
    }

    .absolute-center-x.lg\:static {
        left: auto;
        transform: none
    }

    .absolute-center-y.lg\:static {
        top: auto;
        transform: none
    }
}

@media screen and (max-width:768px) {
    .absolute-center.md\:static {
        top: auto;
        left: auto;
        transform: none
    }

    .absolute-center-x.md\:static {
        left: auto;
        transform: none
    }

    .absolute-center-y.md\:static {
        top: auto;
        transform: none
    }
}

.not-italic {
    font-style: normal
}

.hover\:underline:hover {
    text-decoration: underline
}

.whitespace-nowrap {
    white-space: nowrap
}

.clamping,
.clamping-2,
.clamping-3 {
    overflow: hidden
}

.clamping-2,
.clamping-3 {
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.clamping {
    white-space: nowrap
}

.clamping-2 {
    -webkit-line-clamp: 2
}

.clamping-3 {
    -webkit-line-clamp: 3
}

@media screen and (max-width:1280px) {
    .xl\:w-full {
        width: 100% !important
    }
}

.plus {
    position: relative;
    width: 1.25rem;
    height: 1.25rem
}

.plus::before,
.plus::after {
    content: '';
    position: absolute;
    background-color: #196ff7;
    transition: opacity 150ms ease-in
}

.plus::before {
    width: .125rem;
    height: 100%;
    top: 0;
    left: 50%;
    margin-left: -0.0625rem;
    opacity: 0
}

.plus::after {
    width: 100%;
    height: .125rem;
    top: 50%;
    left: 0;
    margin-top: -0.0625rem
}

.plus.black::before,
.plus.black::after {
    background-color: #222222
}

.collapsed .plus::before {
    opacity: 1
}

.slide-in,
.fade-in,
.float-in {
    visibility: hidden
}

.prose {
    font-size: 1rem;
    line-height: 1.5rem
}

.prose h1,
.prose h2,
.prose h3,
.prose h4,
.prose h5,
.prose h6 {
    font-weight: 500;
    line-height: 1.333333
}

.prose h1 {
    font-size: 3em
}

.prose h2 {
    font-size: 2.5em
}

.prose h3 {
    font-size: 2em
}

.prose h4 {
    font-size: 1.5em
}

.prose h5 {
    font-size: 1.25em
}

.prose h6 {
    font-size: 1em
}

.prose ul,
.prose ol {
    margin-left: 2em
}

.prose ul {
    list-style-type: disc
}

.prose ol {
    list-style-type: decimal
}

.prose img {
    display: block;
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width:1024px) {
    .prose {
        font-size: .875rem
    }

    .prose h1,
    .prose h2,
    .prose h3,
    .prose h4,
    .prose h5,
    .prose h6 {
        font-weight: 500;
        line-height: 1.333333
    }

    .prose h1 {
        font-size: 2em
    }

    .prose h2 {
        font-size: 1.75em
    }

    .prose h3 {
        font-size: 1.5em
    }

    .prose h4 {
        font-size: 1.25em
    }

    .prose h5 {
        font-size: 1.125em
    }
}

@keyframes splide-loading {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.splide__track--draggable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.splide__track--fade>.splide__list {
    display: block
}

.splide__track--fade>.splide__list>.splide__slide {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: 0
}

.splide__track--fade>.splide__list>.splide__slide.is-active {
    opacity: 1;
    position: relative;
    z-index: 1
}

.splide--rtl {
    direction: rtl
}

.splide__track--ttb>.splide__list {
    display: block
}

.splide__container {
    box-sizing: border-box;
    position: relative
}

.splide__list {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important
}

.splide.is-initialized:not(.is-active) .splide__list {
    display: block
}

.splide__pagination {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    pointer-events: none
}

.splide__pagination li {
    display: inline-block;
    line-height: 1;
    list-style-type: none;
    margin: 0;
    pointer-events: auto
}

.splide__progress__bar {
    width: 0
}

.splide {
    position: relative;
    visibility: hidden
}

.splide.is-initialized,
.splide.is-rendered {
    visibility: visible
}

.splide__slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    list-style-type: none !important;
    margin: 0;
    position: relative
}

.splide__slide img {
    vertical-align: bottom
}

.splide__spinner {
    animation: splide-loading 1s linear infinite;
    border: 2px solid #999;
    border-left-color: transparent;
    border-radius: 50%;
    bottom: 0;
    contain: strict;
    display: inline-block;
    height: 20px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px
}

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

.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
    display: none
}

.splide__toggle.is-active .splide__toggle__pause {
    display: inline
}

.splide__track {
    overflow: hidden;
    position: relative;
    z-index: 0
}

.banner-image {
    min-height: 480px
}

.banner-overlay {
    background-image: linear-gradient(180deg, #0c1236, rgba(12, 18, 54, 0))
}

@media (min-width:1025px) and (max-width:1440px) {
    .banner-heading {
        font-size: 60px !important;
        line-height: 1 !important
    }
}

.text-5xl {
    font-size: 3rem !important;
    line-height: 1 !important;
}

.person .content {
    transform: translateY(calc(100% - 144px))
}

.person.hover:not(.no-hovering) .content {
    transform: none
}

.h-12 {
    height: 3rem !important
}

.lg\:h-12 {
    height: 3rem !important
}

.md\:h-12 {
    height: 3rem !important
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.duration-300 {
    transition-duration: .3s !important
}

.transition-transform {
    transition-property: transform !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important;
    transition-duration: .15s !important
}

.font-medium {
    font-weight: 500 !important
}

.text-2xl {
    font-size: 2rem !important;
    line-height: 2.5rem !important
}

.text-base {
    font-size: 1rem !important;
    line-height: 1.5 !important
}

.md\:text-base {
    font-size: 1rem !important;
    line-height: 1.5rem !important
}

.lg\:text-base {
    font-size: 1rem !important;
    line-height: 1.5rem !important
}

.py-24 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important
}

.p-8 {
    padding: 2rem !important
}

.py-16 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important
}

.md\:py-16 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important
}

.lg\:py-16 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important
}

.lg\:p-8 {
    padding: 2rem !important
}

.md\:p-8 {
    padding: 2rem !important
}

.pb-36 {
    padding-bottom: 9rem !important
}

.lg\:pb-36 {
    padding-bottom: 9rem !important
}

.md\:pb-36 {
    padding-bottom: 9rem !important
}

.relative {
    position: relative !important
}

.absolute {
    position: absolute !important
}

.group:hover .group-hover\:opacity-0 {
    opacity: 0 !important
}

.group:hover .group-hover\:opacity-5 {
    opacity: .05 !important
}

.group:hover .group-hover\:opacity-10 {
    opacity: .1 !important
}

.group:hover .group-hover\:opacity-20 {
    opacity: .2 !important
}

.group:hover .group-hover\:opacity-25 {
    opacity: .25 !important
}

.group:hover .group-hover\:opacity-30 {
    opacity: .3 !important
}

.group:hover .group-hover\:opacity-40 {
    opacity: .4 !important
}

.group:hover .group-hover\:opacity-50 {
    opacity: .5 !important
}

.group:hover .group-hover\:opacity-60 {
    opacity: .6 !important
}

.group:hover .group-hover\:opacity-70 {
    opacity: .7 !important
}

.group:hover .group-hover\:opacity-75 {
    opacity: .75 !important
}

.group:hover .group-hover\:opacity-80 {
    opacity: .8 !important
}

.group:hover .group-hover\:opacity-90 {
    opacity: .9 !important
}

.group:hover .group-hover\:opacity-95 {
    opacity: .95 !important
}

.group:hover .group-hover\:opacity-100 {
    opacity: 1 !important
}

.hover\:opacity-0:hover {
    opacity: 0 !important
}

.hover\:opacity-5:hover {
    opacity: .05 !important
}

.hover\:opacity-10:hover {
    opacity: .1 !important
}

.hover\:opacity-20:hover {
    opacity: .2 !important
}

.hover\:opacity-25:hover {
    opacity: .25 !important
}

.hover\:opacity-30:hover {
    opacity: .3 !important
}

.hover\:opacity-40:hover {
    opacity: .4 !important
}

.hover\:opacity-50:hover {
    opacity: .5 !important
}

.hover\:opacity-60:hover {
    opacity: .6 !important
}

.hover\:opacity-70:hover {
    opacity: .7 !important
}

.hover\:opacity-75:hover {
    opacity: .75 !important
}

.hover\:opacity-80:hover {
    opacity: .8 !important
}

.hover\:opacity-90:hover {
    opacity: .9 !important
}

.hover\:opacity-95:hover {
    opacity: .95 !important
}

.hover\:opacity-100:hover {
    opacity: 1 !important
}