@charset "utf-8";
.fv-has-feedback {
    position: relative
}

.fv-control-feedback {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    display: block;
    text-align: center
}

.fv-help-block {
    display: block
}

.fv-form [placeholder]::-ms-clear {
    display: none
}

.fv-form-bootstrap .help-block {
    margin-bottom: 0
}

.fv-form-bootstrap .tooltip-inner {
    text-align: left
}

.fv-form-bootstrap .fv-bootstrap-icon-input-group {
    z-index: 100
}

.form-inline.fv-form-bootstrap .form-group {
    vertical-align: top
}

.fv-form-bootstrap4 .fv-control-feedback {
    line-height: 38px;
    width: 38px;
    height: 38px
}

.fv-form-bootstrap4 .form-group.row .fv-control-feedback {
    right: 15px
}

.fv-form-bootstrap4 .form-group.row .form-check ~ .fv-control-feedback {
    top: -7px
}

.fv-form-bootstrap4.form-inline .form-group {
    vertical-align: top
}

.fv-form-bootstrap4:not(.form-inline) label ~ .fv-control-feedback {
    top: 32px
}

.fv-form-bootstrap4:not(.form-inline) label.sr-only ~ .fv-control-feedback {
    top: -7px
}

.fv-form-bootstrap4:not(.form-inline) .form-check ~ .fv-control-feedback {
    top: 25px
}

.fv-form-bootstrap4 .has-success .fv-control-feedback, html:not(.met-web) .fv-form-bootstrap4 .has-success .form-control-label {
    color: #5cb85c
}

.fv-form-bootstrap4 .has-danger .fv-control-feedback, html:not(.met-web) .fv-form-bootstrap4 .has-danger label {
    color: #f0ad4e
}

form .form-group.required:before {
    content: '*';
    position: absolute;
    left: -15px;
    top: 50%;
    margin-top: -6px;
    font-size: 18px;
    line-height: 1;
    color: #f00
}

@media (max-width: 767px) {
    form .form-group.required:before {
        left: -10px
    }
}

.webui-popover-content {
    display: none
}

.webui-popover-rtl {
    direction: rtl;
    text-align: right
}

.webui-popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
    min-width: 50px;
    min-height: 32px;
    padding: 1px;
    text-align: left;
    white-space: normal;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2)
}

.webui-popover.top, .webui-popover.top-left, .webui-popover.top-right {
    margin-top: -10px
}

.webui-popover.right, .webui-popover.right-top, .webui-popover.right-bottom {
    margin-left: 10px
}

.webui-popover.bottom, .webui-popover.bottom-left, .webui-popover.bottom-right {
    margin-top: 10px
}

.webui-popover.left, .webui-popover.left-top, .webui-popover.left-bottom {
    margin-left: -10px
}

.webui-popover.pop {
    -webkit-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: transform .15s cubic-bezier(0.3, 0, 0, 1.5);
    -o-transition: transform .15s cubic-bezier(0.3, 0, 0, 1.5);
    transition: transform .15s cubic-bezier(0.3, 0, 0, 1.5);
    opacity: 0;
    filter: alpha(opacity=0)
}

.webui-popover.pop-out {
    -webkit-transition-property:'opacity,transform';
    -o-transition-property:'opacity,transform';
    transition-property:'opacity,transform';
    -webkit-transition: .15s linear;
    -o-transition: .15s linear;
    transition: .15s linear;
    opacity: 0;
    filter: alpha(opacity=0)
}

.webui-popover.fade, .webui-popover.fade-out {
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
    opacity: 0;
    filter: alpha(opacity=0)
}

.webui-popover.out {
    opacity: 0;
    filter: alpha(opacity=0)
}

.webui-popover.in {
    -webkit-transform: none;
    -o-transform: none;
    transform: none;
    opacity: 1;
    filter: alpha(opacity=100)
}

.webui-popover .webui-popover-content {
    padding: 9px 14px;
    overflow: auto;
    display: block
}

.webui-popover .webui-popover-content > div:first-child {
    width: 99%
}

.webui-popover-inner .close {
    font-family: arial;
    margin: 8px 10px 0 0;
    float: right;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20);
    text-decoration: none
}

.webui-popover-inner .close:hover, .webui-popover-inner .close:focus {
    opacity: .5;
    filter: alpha(opacity=50)
}

.webui-popover-inner .close:after {
    content:'\00D7';
    width: .8em;
    height: .8em;
    padding: 4px;
    position: relative
}

.webui-popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    background-color: #fff;
    border-bottom: 1px solid #f2f2f2;
    border-radius: 5px 5px 0 0
}

.webui-popover-content {
    padding: 9px 14px;
    overflow: auto;
    display: none
}

.webui-popover-inverse {
    background-color: #333;
    color: #eee
}

.webui-popover-inverse .webui-popover-title {
    background: #333;
    border-bottom: 1px solid #3b3b3b;
    color: #eee
}

.webui-no-padding .webui-popover-content {
    padding: 0
}

.webui-no-padding .list-group-item {
    border-right: none;
    border-left: none
}

.webui-no-padding .list-group-item:first-child {
    border-top: 0
}

.webui-no-padding .list-group-item:last-child {
    border-bottom: 0
}

.webui-popover > .webui-arrow, .webui-popover > .webui-arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.webui-popover > .webui-arrow {
    border-width: 11px
}

.webui-popover > .webui-arrow:after {
    border-width: 10px;
    content:''
}

.webui-popover.top > .webui-arrow, .webui-popover.top-right > .webui-arrow, .webui-popover.top-left > .webui-arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, .25);
    border-bottom-width: 0
}

.webui-popover.top > .webui-arrow:after, .webui-popover.top-right > .webui-arrow:after, .webui-popover.top-left > .webui-arrow:after {
    content:' ';
    bottom: 1px;
    margin-left: -10px;
    border-top-color: #fff;
    border-bottom-width: 0
}

.webui-popover.right > .webui-arrow, .webui-popover.right-top > .webui-arrow, .webui-popover.right-bottom > .webui-arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, .25)
}

.webui-popover.right > .webui-arrow:after, .webui-popover.right-top > .webui-arrow:after, .webui-popover.right-bottom > .webui-arrow:after {
    content:' ';
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff
}

.webui-popover.bottom > .webui-arrow, .webui-popover.bottom-right > .webui-arrow, .webui-popover.bottom-left > .webui-arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, .25);
    border-top-width: 0
}

.webui-popover.bottom > .webui-arrow:after, .webui-popover.bottom-right > .webui-arrow:after, .webui-popover.bottom-left > .webui-arrow:after {
    content:' ';
    top: 1px;
    margin-left: -10px;
    border-bottom-color: #fff;
    border-top-width: 0
}

.webui-popover.left > .webui-arrow, .webui-popover.left-top > .webui-arrow, .webui-popover.left-bottom > .webui-arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, .25)
}

.webui-popover.left > .webui-arrow:after, .webui-popover.left-top > .webui-arrow:after, .webui-popover.left-bottom > .webui-arrow:after {
    content:' ';
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px
}

.webui-popover-inverse.top > .webui-arrow, .webui-popover-inverse.top-left > .webui-arrow, .webui-popover-inverse.top-right > .webui-arrow, .webui-popover-inverse.top > .webui-arrow:after, .webui-popover-inverse.top-left > .webui-arrow:after, .webui-popover-inverse.top-right > .webui-arrow:after {
    border-top-color: #333
}

.webui-popover-inverse.right > .webui-arrow, .webui-popover-inverse.right-top > .webui-arrow, .webui-popover-inverse.right-bottom > .webui-arrow, .webui-popover-inverse.right > .webui-arrow:after, .webui-popover-inverse.right-top > .webui-arrow:after, .webui-popover-inverse.right-bottom > .webui-arrow:after {
    border-right-color: #333
}

.webui-popover-inverse.bottom > .webui-arrow, .webui-popover-inverse.bottom-left > .webui-arrow, .webui-popover-inverse.bottom-right > .webui-arrow, .webui-popover-inverse.bottom > .webui-arrow:after, .webui-popover-inverse.bottom-left > .webui-arrow:after, .webui-popover-inverse.bottom-right > .webui-arrow:after {
    border-bottom-color: #333
}

.webui-popover-inverse.left > .webui-arrow, .webui-popover-inverse.left-top > .webui-arrow, .webui-popover-inverse.left-bottom > .webui-arrow, .webui-popover-inverse.left > .webui-arrow:after, .webui-popover-inverse.left-top > .webui-arrow:after, .webui-popover-inverse.left-bottom > .webui-arrow:after {
    border-left-color: #333
}

.webui-popover i.icon-refresh:before {
    content:''
}

.webui-popover i.icon-refresh {
    display: block;
    width: 30px;
    height: 30px;
    font-size: 20px;
    top: 50%;
    left: 50%;
    position: absolute;
    margin-left: -15px;
    margin-right: -15px;
    background: url('../img/loading.gif') no-repeat
}

@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes rotate {
    100% {
        transform: rotate(360deg)
    }
}

.webui-popover-backdrop {
    background-color: rgba(0, 0, 0, .65);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9998
}

.webui-popover .dropdown-menu {
    display: block;
    position: relative;
    top: 0;
    border: none;
    box-shadow: none;
    float: none
}

.lg-sub-html, .lg-toolbar {
    background-color: rgba(0, 0, 0, .45)
}

#lg-counter, .lg-outer .lg-video-cont {
    vertical-align: middle;
    display: inline-block
}

@font-face {
    font-family: lg;
    src: url('../../../public/plugins/lightGallery/css/../fonts/lg.eot?n1z373');
    src: url('../fonts/lg.eot') format('embedded-opentype'), url('../fonts/lg.woff') format('woff'), url('../fonts/lg.ttf') format('truetype'), url('../fonts/lg.svg') format('svg');
    font-weight: 400;
    font-style: normal
}

.lg-icon {
    font-family: lg;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.lg-actions .lg-next, .lg-actions .lg-prev {
    background-color: rgba(0, 0, 0, .45);
    border-radius: 2px;
    color: #999;
    cursor: pointer;
    display: block;
    font-size: 22px;
    margin-top: -10px;
    padding: 8px 10px 9px;
    position: absolute;
    top: 50%;
    z-index: 1080
}

.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {
    pointer-events: none;
    opacity: .5
}

.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
    color: #fff
}

.lg-actions .lg-next {
    right: 20px
}

.lg-actions .lg-next:before {
    content:'\e095'
}

.lg-actions .lg-prev {
    left: 20px
}

.lg-actions .lg-prev:after {
    content:'\e094'
}

@-webkit-keyframes lg-right-end {
    0%, 100% {
        left: 0
    }
    50% {
        left: -30px
    }
}

@-moz-keyframes lg-right-end {
    0%, 100% {
        left: 0
    }
    50% {
        left: -30px
    }
}

@-ms-keyframes lg-right-end {
    0%, 100% {
        left: 0
    }
    50% {
        left: -30px
    }
}

@keyframes lg-right-end {
    0%, 100% {
        left: 0
    }
    50% {
        left: -30px
    }
}

@-webkit-keyframes lg-left-end {
    0%, 100% {
        left: 0
    }
    50% {
        left: 30px
    }
}

@-moz-keyframes lg-left-end {
    0%, 100% {
        left: 0
    }
    50% {
        left: 30px
    }
}

@-ms-keyframes lg-left-end {
    0%, 100% {
        left: 0
    }
    50% {
        left: 30px
    }
}

@keyframes lg-left-end {
    0%, 100% {
        left: 0
    }
    50% {
        left: 30px
    }
}

.lg-outer.lg-right-end .lg-object {
    -webkit-animation: lg-right-end .3s;
    -o-animation: lg-right-end .3s;
    animation: lg-right-end .3s;
    position: relative
}

.lg-outer.lg-left-end .lg-object {
    -webkit-animation: lg-left-end .3s;
    -o-animation: lg-left-end .3s;
    animation: lg-left-end .3s;
    position: relative
}

.lg-toolbar {
    z-index: 1082;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.lg-toolbar .lg-icon {
    color: #999;
    cursor: pointer;
    float: right;
    font-size: 24px;
    height: 47px;
    line-height: 27px;
    padding: 10px 0;
    text-align: center;
    width: 50px;
    text-decoration: none !important;
    outline: 0;
    -webkit-transition: color .2s linear;
    -o-transition: color .2s linear;
    transition: color .2s linear
}

.lg-toolbar .lg-icon:hover {
    color: #fff
}

.lg-toolbar .lg-close:after {
    content:'\e070'
}

.lg-toolbar .lg-download:after {
    content:'\e0f2'
}

.lg-sub-html {
    bottom: 0;
    color: #eee;
    font-size: 16px;
    left: 0;
    padding: 10px 40px;
    position: fixed;
    right: 0;
    text-align: center;
    z-index: 1080
}

.lg-sub-html h4 {
    margin: 0;
    font-size: 13px;
    font-weight: 700
}

.lg-sub-html p {
    font-size: 12px;
    margin: 5px 0 0
}

#lg-counter {
    color: #999;
    font-size: 16px;
    padding-left: 20px;
    padding-top: 12px
}

.lg-next, .lg-prev, .lg-toolbar {
    opacity: 1;
    -webkit-transition: -webkit-transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear;
    -moz-transition: -moz-transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear;
    -o-transition: -o-transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear;
    transition: transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear
}

.lg-hide-items .lg-prev {
    opacity: 0;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
}

.lg-hide-items .lg-next {
    opacity: 0;
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
}

.lg-hide-items .lg-toolbar {
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
    -webkit-transform: scale3d(.5, .5, .5);
    transform: scale3d(.5, .5, .5);
    opacity: 0;
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important;
    -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important;
    -o-transition: -o-transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important;
    transition: transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1
}

.lg-outer .lg-thumb-outer {
    background-color: #0d0a0a;
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 1080;
    max-height: 350px;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1) 0s;
    -moz-transition: -moz-transform .25s cubic-bezier(0, 0, .25, 1) 0s;
    -o-transition: -o-transform .25s cubic-bezier(0, 0, .25, 1) 0s;
    transition: transform .25s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important
}

.lg-outer.lg-thumb-open .lg-thumb-outer {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.lg-outer .lg-thumb {
    padding: 10px 0;
    height: 100%;
    margin-bottom: -5px
}

.lg-outer .lg-thumb-item {
    cursor: pointer;
    float: left;
    overflow: hidden;
    height: 100%;
    border: 2px solid #fff;
    border-radius: 4px;
    margin-bottom: 5px
}

@media (min-width: 1025px) {
    .lg-outer .lg-thumb-item {
        -webkit-transition: border-color .25s ease;
        -o-transition: border-color .25s ease;
        transition: border-color .25s ease
    }
}

.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
    border-color: #a90707
}

.lg-outer .lg-thumb-item img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.lg-outer.lg-has-thumb .lg-item {
    padding-bottom: 120px
}

.lg-outer.lg-can-toggle .lg-item {
    padding-bottom: 0
}

.lg-outer.lg-pull-caption-up .lg-sub-html {
    -webkit-transition: bottom .25s ease;
    -o-transition: bottom .25s ease;
    transition: bottom .25s ease
}

.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
    bottom: 100px
}

.lg-outer .lg-toogle-thumb {
    background-color: #0d0a0a;
    border-radius: 2px 2px 0 0;
    color: #999;
    cursor: pointer;
    font-size: 24px;
    height: 39px;
    line-height: 27px;
    padding: 5px 0;
    position: absolute;
    right: 20px;
    text-align: center;
    top: -39px;
    width: 50px
}

.lg-outer .lg-toogle-thumb:hover, .lg-outer.lg-dropdown-active #lg-share {
    color: #fff
}

.lg-outer .lg-toogle-thumb:after {
    content:'\e1ff'
}

.lg-outer .lg-video-cont {
    max-width: 1140px;
    max-height: 100%;
    width: 100%;
    padding: 0 5px
}

.lg-outer .lg-video {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative
}

.lg-outer .lg-video .lg-object {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important
}

.lg-outer .lg-video .lg-video-play {
    width: 84px;
    height: 59px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -42px;
    margin-top: -30px;
    z-index: 1080;
    cursor: pointer
}

.lg-outer .lg-has-vimeo .lg-video-play {
    background: url('../img/vimeo-play.png') no-repeat
}

.lg-outer .lg-has-vimeo:hover .lg-video-play {
    background: url('../img/vimeo-play.png') 0 -58px no-repeat
}

.lg-outer .lg-has-html5 .lg-video-play {
    background: url('../img/video-play.png') no-repeat;
    height: 64px;
    margin-left: -32px;
    margin-top: -32px;
    width: 64px;
    opacity: .8
}

.lg-outer .lg-has-html5:hover .lg-video-play {
    opacity: 1
}

.lg-outer .lg-has-youtube .lg-video-play {
    background: url('../img/youtube-play.png') no-repeat
}

.lg-outer .lg-has-youtube:hover .lg-video-play {
    background: url('../img/youtube-play.png') 0 -60px no-repeat
}

.lg-outer .lg-video-object {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0
}

.lg-outer .lg-has-video .lg-video-object {
    visibility: hidden
}

.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play {
    display: none
}

.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
    visibility: visible
}

.lg-progress-bar {
    background-color: #333;
    height: 5px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1083;
    opacity: 0;
    -webkit-transition: opacity 80ms ease 0s;
    -moz-transition: opacity 80ms ease 0s;
    -o-transition: opacity 80ms ease 0s;
    transition: opacity 80ms ease 0s
}

.lg-progress-bar .lg-progress {
    background-color: #a90707;
    height: 5px;
    width: 0
}

.lg-progress-bar.lg-start .lg-progress {
    width: 100%
}

.lg-show-autoplay .lg-progress-bar {
    opacity: 1
}

.lg-autoplay-button:after {
    content:'\e01d'
}

.lg-show-autoplay .lg-autoplay-button:after {
    content:'\e01a'
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}

.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transition: -webkit-transform .3s cubic-bezier(0, 0, .25, 1) 0s;
    -moz-transition: -moz-transform .3s cubic-bezier(0, 0, .25, 1) 0s;
    -o-transition: -o-transform .3s cubic-bezier(0, 0, .25, 1) 0s;
    transition: transform .3s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s;
    -moz-transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s;
    -o-transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s;
    transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: -webkit-transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important;
    -moz-transition: -moz-transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important;
    -o-transition: -o-transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important;
    transition: transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

#lg-zoom-in:after {
    content:'\e311'
}

#lg-actual-size {
    font-size: 20px
}

#lg-actual-size:after {
    content:'\e033'
}

#lg-zoom-out {
    opacity: .5;
    pointer-events: none
}

#lg-zoom-out:after {
    content:'\e312'
}

.lg-zoomed #lg-zoom-out {
    opacity: 1;
    pointer-events: auto
}

.lg-outer .lg-pager-outer {
    bottom: 60px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 1080;
    height: 10px
}

.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
    overflow: visible
}

.lg-outer .lg-pager-cont {
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    margin: 0 5px
}

.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
    box-shadow: 0 0 0 2px #fff inset
}

.lg-outer .lg-pager-thumb-cont {
    background-color: #fff;
    color: #fff;
    bottom: 100%;
    height: 83px;
    left: 0;
    margin-bottom: 20px;
    margin-left: -60px;
    opacity: 0;
    padding: 5px;
    position: absolute;
    width: 120px;
    border-radius: 3px;
    -webkit-transition: opacity .15s ease 0s, -webkit-transform .15s ease 0s;
    -moz-transition: opacity .15s ease 0s, -moz-transform .15s ease 0s;
    -o-transition: opacity .15s ease 0s, -o-transform .15s ease 0s;
    transition: opacity .15s ease 0s, transform .15s ease 0s;
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0)
}

.lg-outer .lg-pager-thumb-cont img {
    width: 100%;
    height: 100%
}

.lg-outer .lg-pager {
    background-color: rgba(255, 255, 255, .5);
    border-radius: 50%;
    box-shadow: 0 0 0 8px rgba(255, 255, 255, .7) inset;
    display: block;
    height: 12px;
    -webkit-transition: box-shadow .3s ease 0s;
    -o-transition: box-shadow .3s ease 0s;
    transition: box-shadow .3s ease 0s;
    width: 12px
}

.lg-outer .lg-pager:focus, .lg-outer .lg-pager:hover {
    box-shadow: 0 0 0 8px #fff inset
}

.lg-outer .lg-caret {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px dashed;
    bottom: -10px;
    display: inline-block;
    height: 0;
    left: 50%;
    margin-left: -5px;
    position: absolute;
    vertical-align: middle;
    width: 0
}

.lg-fullscreen:after {
    content:'\e20c'
}

.lg-fullscreen-on .lg-fullscreen:after {
    content:'\e20d'
}

.lg-outer #lg-dropdown-overlay {
    background-color: rgba(0, 0, 0, .25);
    bottom: 0;
    cursor: default;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1081;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 0s linear .18s, opacity .18s linear 0s;
    -o-transition: visibility 0s linear .18s, opacity .18s linear 0s;
    transition: visibility 0s linear .18s, opacity .18s linear 0s
}

.lg-outer.lg-dropdown-active #lg-dropdown-overlay, .lg-outer.lg-dropdown-active .lg-dropdown {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    visibility: visible
}

.lg-outer .lg-dropdown {
    background-color: #fff;
    border-radius: 2px;
    font-size: 14px;
    list-style-type: none;
    margin: 0;
    padding: 10px 0;
    position: absolute;
    right: 0;
    text-align: left;
    top: 50px;
    opacity: 0;
    visibility: hidden;
    -moz-transform: translate3d(0, 5px, 0);
    -o-transform: translate3d(0, 5px, 0);
    -ms-transform: translate3d(0, 5px, 0);
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
    -webkit-transition: -webkit-transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s;
    -moz-transition: -moz-transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s;
    -o-transition: -o-transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s;
    transition: transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s
}

.lg-outer .lg-dropdown:after {
    content:'';
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    border: 8px solid transparent;
    border-bottom-color: #fff;
    right: 16px;
    top: -16px
}

.lg-outer .lg-dropdown > li:last-child {
    margin-bottom: 0
}

.lg-outer .lg-dropdown > li:hover .lg-icon, .lg-outer .lg-dropdown > li:hover a {
    color: #333
}

.lg-outer .lg-dropdown a {
    color: #333;
    display: block;
    white-space: pre;
    padding: 4px 12px;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 12px
}

.lg-outer .lg-dropdown a:hover {
    background-color: rgba(0, 0, 0, .07)
}

.lg-outer .lg-dropdown .lg-dropdown-text {
    display: inline-block;
    line-height: 1;
    margin-top: -3px;
    vertical-align: middle
}

.lg-outer .lg-dropdown .lg-icon {
    color: #333;
    display: inline-block;
    float: none;
    font-size: 20px;
    height: auto;
    line-height: 1;
    margin-right: 8px;
    padding: 0;
    vertical-align: middle;
    width: auto
}

.lg-outer, .lg-outer .lg, .lg-outer .lg-inner {
    width: 100%;
    height: 100%
}

.lg-outer #lg-share {
    position: relative
}

.lg-outer #lg-share:after {
    content:'\e80d'
}

.lg-outer #lg-share-facebook .lg-icon {
    color: #3b5998
}

.lg-outer #lg-share-facebook .lg-icon:after {
    content:'\e901'
}

.lg-outer #lg-share-twitter .lg-icon {
    color: #00aced
}

.lg-outer #lg-share-twitter .lg-icon:after {
    content:'\e904'
}

.lg-outer #lg-share-googleplus .lg-icon {
    color: #dd4b39
}

.lg-outer #lg-share-googleplus .lg-icon:after {
    content:'\e902'
}

.lg-outer #lg-share-pinterest .lg-icon {
    color: #cb2027
}

.lg-outer #lg-share-pinterest .lg-icon:after {
    content:'\e903'
}

.lg-group:after {
    content:'';
    display: table;
    clear: both
}

.lg-outer {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    opacity: 0;
    -webkit-transition: opacity .15s ease 0s;
    -o-transition: opacity .15s ease 0s;
    transition: opacity .15s ease 0s
}

.lg-outer * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.lg-outer.lg-visible {
    opacity: 1
}

.lg-outer.lg-css3 .lg-item.lg-current, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-prev-slide {
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-current, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide {
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important;
    opacity: 1
}

.lg-outer.lg-grab img.lg-object {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.lg-outer.lg-grabbing img.lg-object {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.lg-outer .lg {
    position: relative;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    max-height: 100%
}

.lg-outer .lg-inner {
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap
}

.lg-outer .lg-item {
    background: url('../img/loading.gif') center center no-repeat;
    display: none !important
}

.lg-outer.lg-css .lg-current, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide, .lg-outer.lg-css3 .lg-prev-slide {
    display: inline-block !important
}

.lg-outer .lg-img-wrap, .lg-outer .lg-item {
    display: inline-block;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%
}

.lg-outer .lg-img-wrap:before, .lg-outer .lg-item:before {
    content:'';
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px
}

.lg-outer .lg-img-wrap {
    position: absolute;
    padding: 0 5px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.lg-outer .lg-item.lg-complete {
    background-image: none
}

.lg-outer .lg-item.lg-current {
    z-index: 1060
}

.lg-outer .lg-image {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    width: auto !important;
    height: auto !important
}

.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {
    opacity: 0;
    -webkit-transition: opacity .15s ease 0s;
    -o-transition: opacity .15s ease 0s;
    transition: opacity .15s ease 0s
}

.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
    opacity: 1
}

.lg-outer .lg-empty-html, .lg-outer.lg-hide-download #lg-download {
    display: none
}

.lg-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1040;
    background-color: #000;
    opacity: 0;
    -webkit-transition: opacity .15s ease 0s;
    -o-transition: opacity .15s ease 0s;
    transition: opacity .15s ease 0s
}

.lg-backdrop.in {
    opacity: 1
}

.lg-css3.lg-no-trans .lg-current, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-prev-slide {
    -webkit-transition: none 0s ease 0s !important;
    -moz-transition: none 0s ease 0s !important;
    -o-transition: none 0s ease 0s !important;
    transition: none 0s ease 0s !important
}

.lg-css3.lg-use-css3 .lg-item, .lg-css3.lg-use-left .lg-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.lg-css3.lg-fade .lg-item {
    opacity: 0
}

.lg-css3.lg-fade .lg-item.lg-current {
    opacity: 1
}

.lg-css3.lg-fade .lg-item.lg-current, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-prev-slide {
    -webkit-transition: opacity .1s ease 0s;
    -moz-transition: opacity .1s ease 0s;
    -o-transition: opacity .1s ease 0s;
    transition: opacity .1s ease 0s
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
    opacity: 0
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
}

.lg-css3.lg-slide.lg-use-left .lg-item {
    opacity: 0;
    position: absolute;
    left: 0
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
    left: -100%
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
    left: 100%
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
    left: 0;
    opacity: 1
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
    -webkit-transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -moz-transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -o-transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
}

.pswp {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 1800;
    -webkit-text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    outline: none
}

.pswp * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.pswp img {
    max-width: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.pswp--animate_opacity {
    opacity: 0.001;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)
}

.pswp--open {
    display: block
}

.pswp--zoom-allowed .pswp__img {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.pswp--zoomed-in .pswp__img {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab
}

.pswp--dragging .pswp__img {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing
}

.pswp__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    will-change: opacity
}

.pswp__scroll-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.pswp__container, .pswp__zoom-wrap {
    -ms-touch-action: none;
    touch-action: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.pswp__container, .pswp__img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.pswp__zoom-wrap {
    position: absolute;
    width: 100%;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1)
}

.pswp__bg {
    will-change: opacity;
    for open/close
    transition-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)
}

.pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap {
    -webkit-transition: none;
    transition: none
}

.pswp__container, .pswp__zoom-wrap {
    -webkit-backface-visibility: hidden
}

.pswp__item {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden
}

.pswp__img {
    position: absolute;
    width: auto;
    height: auto;
    top: 0;
    left: 0
}

.pswp__img--placeholder {
    -webkit-backface-visibility: hidden
}

.pswp__img--placeholder--blank {
    background: #222
}

.pswp--ie .pswp__img {
    width: 100% !important;
    height: auto !important;
    left: 0;
    top: 0
}

.pswp__error-msg {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    margin-top: -8px;
    color: #777
}

.pswp__error-msg a {
    color: #333;
    text-decoration: underline
}

.pswp__button {
    width: 44px;
    height: 44px;
    position: relative;
    background: none;
    cursor: pointer;
    overflow: visible;
    -webkit-appearance: none;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    float: right;
    opacity: 0.75;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none
}

.pswp__button:focus, .pswp__button:hover {
    opacity: 1
}

.pswp__button:active {
    outline: none;
    opacity: 0.9
}

.pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0
}

[class*=pswp__button--rotate] {
    background: none !important;
    outline: none !important
}

[class*=pswp__button--rotate] .icon {
    top: 1px;
    font-size: 17px;
    font-weight: 400;
    color: #555
}

.pswp__ui--over-close .pswp__button--close {
    opacity: 1
}

.pswp__button, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
    background: url('../img/default-skin.png') 0 0 no-repeat;
    background-size: 264px 88px;
    width: 44px;
    height: 44px
}

@media (-webkit-min-device-pixel-ratio: 1.1),(-webkit-min-device-pixel-ratio: 1.09375),(min-resolution: 105dpi),(min-resolution: 1.1dppx) {
    .pswp--svg .pswp__button, .pswp--svg .pswp__button--arrow--left:before, .pswp--svg .pswp__button--arrow--right:before {
        background-image: url('../img/default-skin.svg')
    }

    .pswp--svg .pswp__button--arrow--left, .pswp--svg .pswp__button--arrow--right {
        background: none
    }

    [class*=pswp__button--rotate] {
        opacity: .75
    }
}

.pswp__button--close {
    background-position: 0 -44px
}

.pswp__button--share {
    background-position: -44px -44px
}

.pswp__button--fs {
    display: none
}

.pswp--supports-fs .pswp__button--fs {
    display: block
}

.pswp--fs .pswp__button--fs {
    background-position: -44px 0
}

.pswp__button--zoom {
    display: none;
    background-position: -88px 0
}

.pswp--zoom-allowed .pswp__button--zoom {
    display: block
}

.pswp--zoomed-in .pswp__button--zoom {
    background-position: -132px 0
}

.pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right {
    visibility: hidden
}

.pswp__button--arrow--left, .pswp__button--arrow--right {
    background: none;
    top: 50%;
    margin-top: -50px;
    width: 70px;
    height: 100px;
    position: absolute
}

.pswp__button--arrow--left {
    left: 0
}

.pswp__button--arrow--right {
    right: 0
}

.pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
    content: '';
    top: 35px;
    background-color: rgba(0, 0, 0, 0.1);
    height: 30px;
    width: 32px;
    position: absolute
}

.pswp__button--arrow--left:before {
    left: 6px;
    background-position: -138px -44px
}

.pswp__button--arrow--right:before {
    right: 6px;
    background-position: -94px -44px
}

.pswp__counter, .pswp__share-modal {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pswp__share-modal {
    display: block;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 10px;
    position: absolute;
    z-index: 1600;
    opacity: 0;
    -webkit-transition: opacity 0.25s ease-out;
    transition: opacity 0.25s ease-out;
    -webkit-backface-visibility: hidden;
    will-change: opacity
}

.pswp__share-modal--hidden {
    display: none
}

.pswp__share-tooltip {
    z-index: 1620;
    position: absolute;
    background: #fff;
    top: 56px;
    border-radius: 2px;
    display: block;
    width: auto;
    right: 44px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
    -webkit-transition: -webkit-transform 0.25s;
    transition: transform 0.25s;
    -webkit-backface-visibility: hidden;
    will-change: transform
}

.pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px
}

.pswp__share-tooltip a:hover {
    text-decoration: none;
    color: #000
}

.pswp__share-tooltip a:first-child {
    border-radius: 2px 2px 0 0
}

.pswp__share-tooltip a:last-child {
    border-radius: 0 0 2px 2px
}

.pswp__share-modal--fade-in {
    opacity: 1
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.pswp--touch .pswp__share-tooltip a {
    padding: 16px 12px
}

a.pswp__share--facebook:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -12px;
    right: 15px;
    border: 6px solid transparent;
    border-bottom-color: #fff;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none
}

a.pswp__share--facebook:hover {
    background: #3e5c9a;
    color: #fff
}

a.pswp__share--facebook:hover:before {
    border-bottom-color: #3e5c9a
}

a.pswp__share--twitter:hover {
    background: #55acee;
    color: #fff
}

a.pswp__share--pinterest:hover {
    background: #ccc;
    color: #ce272d
}

a.pswp__share--download:hover {
    background: #ddd
}

.pswp__counter {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    font-size: 13px;
    line-height: 44px;
    color: #555;
    opacity: 0.75;
    padding: 0 10px
}

.pswp__caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 44px
}

.pswp__caption small {
    font-size: 11px;
    color: #777
}

.pswp__caption__center {
    text-align: center;
    max-width: 420px;
    margin: 0 auto;
    font-size: 13px;
    padding: 10px;
    line-height: 20px;
    color: #333
}

.pswp__caption--empty {
    display: none
}

.pswp__caption--fake {
    visibility: hidden
}

.pswp__preloader {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -22px;
    opacity: 0;
    -webkit-transition: opacity 0.25s ease-out;
    transition: opacity 0.25s ease-out;
    will-change: opacity;
    direction: ltr
}

.pswp__preloader__icn {
    width: 20px;
    height: 20px;
    margin: 12px
}

.pswp__preloader--active {
    opacity: 1
}

.pswp__preloader--active .pswp__preloader__icn {
    background: url('../img/preloader.gif') 0 0 no-repeat
}

.pswp--css_animation .pswp__preloader--active {
    opacity: 1
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    -webkit-animation: clockwise 500ms linear infinite;
    animation: clockwise 500ms linear infinite
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
    animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite
}

.pswp--css_animation .pswp__preloader__icn {
    background: none;
    opacity: 0.75;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 15px;
    top: 15px;
    margin: 0
}

.pswp--css_animation .pswp__preloader__cut {
    position: relative;
    width: 7px;
    height: 14px;
    overflow: hidden
}

.pswp--css_animation .pswp__preloader__donut {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border: 2px solid #fff;
    border-radius: 50%;
    border-left-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    background: none;
    margin: 0
}

@media screen and (max-width: 1024px) {
    .pswp__preloader {
        position: relative;
        left: auto;
        top: auto;
        margin: 0;
        float: right
    }
}

@-webkit-keyframes clockwise {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes clockwise {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes donut-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg)
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes donut-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg)
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

.pswp__ui {
    -webkit-font-smoothing: auto;
    visibility: visible;
    opacity: 1;
    z-index: 1550
}

.pswp__top-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    width: 100%
}

.pswp__caption, .pswp__top-bar, .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right {
    -webkit-backface-visibility: hidden;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)
}

.pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right {
    visibility: visible
}

.pswp__top-bar, .pswp__caption {
    background-color: rgba(255, 255, 255, 0.8)
}

.pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption {
    background-color: rgba(255, 255, 255, 0.8)
}

.pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right {
    opacity: 0
}

.pswp__ui--hidden .pswp__top-bar, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right {
    opacity: 0.001
}

.pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right, .pswp__ui--one-slide .pswp__counter {
    display: none
}

.pswp__element--disabled {
    display: none !important
}

.pswp--minimal--dark .pswp__top-bar {
    background: none
}

@font-face {
    font-family:'iconfont';
    src: url('../../../public/fonts/iconfont/iconfont.eot?t=1497855280632');
    src: url('../fonts/iconfont.eot') format('embedded-opentype'), url('../fonts/iconfont.woff') format('woff'), url('../fonts/iconfont.ttf') format('truetype'), url('../fonts/iconfont.svg') format('svg')
}

.iconfont {
    font-family:'iconfont' !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-next:before {
    content:'\e601'
}

.icon-next2:before {
    content:'\e636'
}

.icon-prev2:before {
    content:'\e637'
}

.icon-prev1:before {
    content:'\e648'
}

.icon-next1:before {
    content:'\e655'
}

.icon-prev:before {
    content:'\e606'
}

.swiper-container {
    margin: 0 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 {
    position: relative;
    width: 100%;
    height: 100%;
    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;
    width: 100%;
    height: 100%;
    position: relative
}

.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-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)
    }
}

@keyframes smartphoto {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes smartphoto-img-wrap {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes smartphoto-inner {
    from {
        transform: translate(0, 100px)
    }
    to {
        transform: translate(0, 0)
    }
}

@keyframes smartphoto-loader {
    0% {
        opacity: .4;
        transform: rotate(0deg)
    }
    50% {
        opacity: 1;
        transform: rotate(180deg)
    }
    100% {
        opacity: .4;
        transform: rotate(360deg)
    }
}

@keyframes smartphoto-appear {
    0% {
        display: none;
        opacity: 0
    }
    1% {
        display: block;
        opacity: 0
    }
    100% {
        display: block;
        opacity: 1
    }
}

@keyframes smartphoto-hide {
    0% {
        display: block;
        opacity: 1
    }
    99% {
        display: block;
        opacity: 0
    }
    100% {
        display: none;
        opacity: 0
    }
}

.smartphoto {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 1;
    font-family: sans-serif;
    cursor: pointer;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -ms-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
    transition: all 0.3s ease-out;
    animation-name: smartphoto;
    animation-duration: 0.3s;
    animation-timing-function: ease-out
}

.smartphoto[aria-hidden='true'] {
    display: none
}

.smartphoto-close {
    opacity: 0
}

.smartphoto-count {
    display: inline-block;
    color: #fff;
    font-size: 16px
}

.smartphoto-header {
    display: block;
    box-sizing: border-box;
    position: fixed;
    z-index: 102;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    padding: 15px;
    background-color: rgba(0, 0, 0, 0.2)
}

.smartphoto-content {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.smartphoto-dismiss {
    display: block;
    position: absolute;
    top: 15px;
    right: 10px;
    width: 20px;
    height: 20px;
    padding: 0;
    border: none;
    background-color: transparent;
    background-image: url(../fonts/e07ad657091541cb87ca4beba0f0b3ef.woff);
    text-shadow: 0 1px 0 #fff;
    color: #fff;
    font-size: 30px;
    text-decoration: none;
    line-height: 1
}

.smartphoto-body {
    position: relative;
    z-index: 102;
    width: 100%;
    height: 100%;
    margin: 0 auto
}

.smartphoto-inner {
    position: relative;
    width: 100%;
    height: 100%;
    vertical-align: top
}

.smartphoto-img {
    display: none;
    max-width: none;
    width: auto;
    height: auto;
    cursor: zoom-in;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: transform 0.3s ease-out;
    -webkit-user-drag: none
}

.smartphoto-img.active {
    display: block
}

.smartphoto-img-onmove {
    cursor: grab;
    cursor: -webkit-grab;
    transition: none
}

.smartphoto-img-elasticmove {
    transition: transform 0.3s ease-out
}

.smartphoto-img-wrap {
    display: inline-block;
    opacity: 1;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -ms-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
    animation-name: smartphoto-img-wrap;
    animation-duration: 0.3s;
    animation-timing-function: ease-out
}

.smartphoto-img-left {
    transform: translateX(150%) !important
}

.smartphoto-img-right {
    transform: translateX(-150%) !important
}

.smartphoto-arrows {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1002;
    top: 50%;
    left: 0;
    opacity: 1;
    animation-name: smartphoto-appear;
    animation-duration: 0.3s;
    animation-timing-function: ease-out
}

.smartphoto-arrows[aria-hidden='true'] {
    animation-name: smartphoto-hide;
    display: none
}

.smartphoto-arrows li {
    display: block;
    position: absolute;
    top: 50%;
    width: 30px;
    height: 30px;
    animation-duration: 0.3s;
    animation-timing-function: ease-out;
    animation-name: smartphoto-appear
}

.smartphoto-arrows li:focus {
    outline: none
}

.smartphoto-arrows [aria-hidden='true'] {
    animation-name: smartphoto-hide;
    display: none
}

.smartphoto-arrows a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none
}

.smartphoto-arrow-right {
    right: 0;
    background-image: url(../fonts/e2d041b9f8164a9ba2337c1e7e739a7b.woff)
}

.smartphoto-arrow-left {
    left: 0;
    background-image: url(../fonts/84b87a9aedb44dc8b0a35b4193804a20.woff)
}

.smartphoto-nav {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    opacity: 1;
    animation-name: smartphoto-appear;
    animation-duration: 0.3s;
    animation-timing-function: ease-out
}

.smartphoto-nav[aria-hidden='true'] {
    animation-name: smartphoto-hide;
    display: none
}

.smartphoto-nav ul {
    display: block;
    overflow-x: scroll;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
}

.smartphoto-nav li {
    display: inline-block;
    overflow: hidden;
    width: 50px;
    height: 50px
}

.smartphoto-nav a {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    background-position: center center;
    background-size: cover;
    opacity: .5
}

.smartphoto-nav a:focus {
    opacity: .8
}

.smartphoto-nav a.current {
    opacity: 1
}

.smartphoto-nav img {
    width: auto;
    height: 100%
}

.smartphoto-list {
    list-style-type: none;
    position: absolute;
    z-index: 101;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    white-space: nowrap
}

.smartphoto-list li {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.3s ease-out
}

.smartphoto-list li:focus {
    outline: none
}

.smartphoto-list-onmove {
    transition: all 0.3s ease-out
}

.smartphoto-caption {
    overflow: hidden;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    padding: 0 50px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 50px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.smartphoto-caption:focus {
    outline: none
}

.smartphoto-loader-wrap {
    display: block;
    position: relative;
    z-index: 103;
    width: 0;
    height: 0;
    transform: translate(50vw, 50vh)
}

.smartphoto-loader {
    position: absolute;
    z-index: 101;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    margin-top: -25px;
    margin-left: -25px;
    border: 8px solid #17cddd;
    border-right-color: transparent;
    border-radius: 50%;
    animation: smartphoto-loader .5s infinite linear
}

.smartphoto-img-clone {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    transition: all 0.3s ease-out
}

.smartphoto-sr-only {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0, 0, 0, 0)
}

.tp-hide-revslider, .tp-caption.tp-hidden-caption {
    visibility: hidden !important;
    display: none !important
}

.tp-caption {
    z-index: 1;
    white-space: nowrap
}

.tp-caption-demo .tp-caption {
    position: relative !important;
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 20px !important
}

.tp-caption.whitedivider3px {
    color: #000;
    text-shadow: none;
    background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 1);
    text-decoration: none;
    min-width: 408px;
    min-height: 3px;
    background-position: initial initial;
    background-repeat: initial initial;
    border-width: 0px;
    border-color: #000;
    border-style: none
}

.tp-caption.finewide_large_white {
    color: #fff;
    text-shadow: none;
    font-size: 60px;
    line-height: 60px;
    font-weight: 300;
    font-family: 'Microsoft JhengHei', 'Open Sans', sans-serif;
    background-color: transparent;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 8px;
    border-width: 0px;
    border-color: rgb(0, 0, 0);
    border-style: none
}

.tp-caption.whitedivider3px {
    color: #000;
    text-shadow: none;
    background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 1);
    text-decoration: none;
    font-size: 0px;
    line-height: 0;
    min-width: 468px;
    min-height: 3px;
    border-width: 0px;
    border-color: rgb(0, 0, 0);
    border-style: none
}

.tp-caption.finewide_medium_white {
    color: #fff;
    text-shadow: none;
    font-size: 37px;
    line-height: 37px;
    font-weight: 300;
    font-family: 'Microsoft JhengHei', 'Open Sans', sans-serif;
    background-color: transparent;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 5px;
    border-width: 0px;
    border-color: rgb(0, 0, 0);
    border-style: none
}

.tp-caption.boldwide_small_white {
    font-size: 25px;
    line-height: 25px;
    font-weight: 800;
    font-family: 'Microsoft JhengHei', 'Open Sans', sans-serif;
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: transparent;
    text-shadow: none;
    text-transform: uppercase;
    letter-spacing: 5px;
    border-width: 0px;
    border-color: rgb(0, 0, 0);
    border-style: none
}

.tp-caption.whitedivider3px_vertical {
    color: #000;
    text-shadow: none;
    background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 1);
    text-decoration: none;
    font-size: 0px;
    line-height: 0;
    min-width: 3px;
    min-height: 130px;
    border-width: 0px;
    border-color: rgb(0, 0, 0);
    border-style: none
}

.tp-caption.finewide_small_white {
    color: #fff;
    text-shadow: none;
    font-size: 25px;
    line-height: 25px;
    font-weight: 300;
    font-family: 'Microsoft JhengHei', 'Open Sans', sans-serif;
    background-color: transparent;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 5px;
    border-width: 0px;
    border-color: rgb(0, 0, 0);
    border-style: none
}

.tp-caption.finewide_verysmall_white_mw {
    font-size: 13px;
    line-height: 25px;
    font-weight: 400;
    font-family: 'Microsoft JhengHei', 'Open Sans', sans-serif;
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    text-shadow: none;
    text-transform: uppercase;
    letter-spacing: 5px;
    max-width: 470px;
    white-space: normal !important;
    border-width: 0px;
    border-color: rgb(0, 0, 0);
    border-style: none
}

.tp-caption.lightgrey_divider {
    text-decoration: none;
    background-color: rgb(235, 235, 235);
    background-color: rgba(235, 235, 235, 1);
    width: 370px;
    height: 3px;
    background-position: initial initial;
    background-repeat: initial initial;
    border-width: 0px;
    border-color: rgb(34, 34, 34);
    border-style: none
}

.tp-caption.finewide_large_white {
    color: #fff;
    text-shadow: none;
    font-size: 60px;
    line-height: 60px;
    font-weight: 300;
    font-family: 'Microsoft JhengHei', 'Open Sans', sans-serif;
    background-color: rgba(0, 0, 0, 0);
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 8px;
    border-width: 0px;
    border-color: #000;
    border-style: none
}

.tp-caption.finewide_medium_white {
    color: #fff;
    text-shadow: none;
    font-size: 34px;
    line-height: 34px;
    font-weight: 300;
    font-family: 'Microsoft JhengHei', 'Open Sans', sans-serif;
    background-color: rgba(0, 0, 0, 0);
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 5px;
    border-width: 0px;
    border-color: #000;
    border-style: none
}

.tp-caption.huge_red {
    position: absolute;
    color: rgb(223, 75, 107);
    font-weight: 400;
    font-size: 150px;
    line-height: 130px;
    font-family: 'Microsoft JhengHei', 'Oswald', sans-serif;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap;
    background-color: rgb(45, 49, 54);
    padding: 0px
}

.tp-caption.middle_yellow {
    position: absolute;
    color: rgb(251, 213, 114);
    font-weight: 600;
    font-size: 50px;
    line-height: 50px;
    font-family: 'Microsoft JhengHei', 'Open Sans', sans-serif;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap
}

.tp-caption.huge_thin_yellow {
    position: absolute;
    color: rgb(251, 213, 114);
    font-weight: 300;
    font-size: 90px;
    line-height: 90px;
    font-family: 'Open Sans', sans-serif;
    margin: 0px;
    letter-spacing: 20px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap
}

.tp-caption.big_dark {
    position: absolute;
    color: #333;
    font-weight: 700;
    font-size: 70px;
    line-height: 70px;
    font-family: 'Microsoft JhengHei', 'Open Sans';
    margin: 0px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap
}

.tp-caption.medium_dark {
    position: absolute;
    color: #333;
    font-weight: 300;
    font-size: 40px;
    line-height: 40px;
    font-family: 'Microsoft JhengHei', 'Open Sans';
    margin: 0px;
    letter-spacing: 5px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap
}

.tp-caption.medium_grey {
    position: absolute;
    color: #fff;
    text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    font-family: 'Microsoft JhengHei', Arial;
    padding: 2px 4px;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    background-color: #888;
    white-space: nowrap
}

.tp-caption.small_text {
    position: absolute;
    color: #fff;
    text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    font-family: 'Microsoft JhengHei', Arial;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap
}

.tp-caption.medium_text {
    position: absolute;
    color: #fff;
    text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    font-family: 'Microsoft JhengHei', Arial;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap
}

.tp-caption.large_bold_white_25 {
    font-size: 55px;
    line-height: 65px;
    font-weight: 700;
    font-family: 'Microsoft JhengHei', 'Open Sans';
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    text-align: center;
    text-shadow: #000 0px 5px 10px;
    border-width: 0px;
    border-color: rgb(255, 255, 255);
    border-style: none
}

.tp-caption.medium_text_shadow {
    font-size: 25px;
    line-height: 25px;
    font-weight: 600;
    font-family: 'Microsoft JhengHei', 'Open Sans';
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    text-align: center;
    text-shadow: #000 0px 5px 10px;
    border-width: 0px;
    border-color: rgb(255, 255, 255);
    border-style: none
}

.tp-caption.large_text {
    position: absolute;
    color: #fff;
    text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
    font-weight: 700;
    font-size: 40px;
    line-height: 40px;
    font-family: 'Microsoft JhengHei', Arial;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap
}

.tp-caption.medium_bold_grey {
    font-size: 30px;
    line-height: 30px;
    font-weight: 800;
    font-family: 'Microsoft JhengHei', 'Open Sans';
    color: rgb(102, 102, 102);
    text-decoration: none;
    background-color: transparent;
    text-shadow: none;
    margin: 0px;
    padding: 1px 4px 0px;
    border-width: 0px;
    border-color: rgb(255, 214, 88);
    border-style: none
}

.tp-caption.very_large_text {
    position: absolute;
    color: #fff;
    text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
    font-weight: 700;
    font-size: 60px;
    line-height: 60px;
    font-family: 'Microsoft JhengHei', Arial;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap;
    letter-spacing: -2px
}

.tp-caption.very_big_white {
    position: absolute;
    color: #fff;
    text-shadow: none;
    font-weight: 800;
    font-size: 60px;
    line-height: 60px;
    font-family: 'Microsoft JhengHei', Arial;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap;
    padding: 0px 4px;
    padding-top: 1px;
    background-color: #000
}

.tp-caption.very_big_black {
    position: absolute;
    color: #000;
    text-shadow: none;
    font-weight: 700;
    font-size: 60px;
    line-height: 60px;
    font-family: 'Microsoft JhengHei', Arial;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap;
    padding: 0px 4px;
    padding-top: 1px;
    background-color: #fff
}

.tp-caption.modern_medium_fat {
    position: absolute;
    color: #000;
    text-shadow: none;
    font-weight: 800;
    font-size: 24px;
    line-height: 20px;
    font-family: 'Microsoft JhengHei', 'Open Sans', sans-serif;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap
}

.tp-caption.modern_medium_fat_white {
    position: absolute;
    color: #fff;
    text-shadow: none;
    font-weight: 800;
    font-size: 24px;
    line-height: 20px;
    font-family: 'Microsoft JhengHei', 'Open Sans', sans-serif;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap
}

.tp-caption.modern_medium_light {
    position: absolute;
    color: #000;
    text-shadow: none;
    font-weight: 300;
    font-size: 24px;
    line-height: 20px;
    font-family: 'Microsoft JhengHei', 'Open Sans', sans-serif;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap
}

.tp-caption.modern_big_bluebg {
    position: absolute;
    color: #fff;
    text-shadow: none;
    font-weight: 800;
    font-size: 30px;
    line-height: 36px;
    font-family: 'Microsoft JhengHei', 'Open Sans', sans-serif;
    padding: 3px 10px;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    background-color: #4e5b6c;
    letter-spacing: 0
}

.tp-caption.modern_big_redbg {
    position: absolute;
    color: #fff;
    text-shadow: none;
    font-weight: 300;
    font-size: 30px;
    line-height: 36px;
    font-family: 'Microsoft JhengHei', 'Open Sans', sans-serif;
    padding: 3px 10px;
    padding-top: 1px;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    background-color: #de543e;
    letter-spacing: 0
}

.tp-caption.modern_small_text_dark {
    position: absolute;
    color: #555;
    text-shadow: none;
    font-size: 14px;
    line-height: 22px;
    font-family: 'Microsoft JhengHei', Arial;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap
}

.tp-caption.boxshadow {
    -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5)
}

.tp-caption.black {
    color: #000;
    text-shadow: none
}

.tp-caption.noshadow {
    text-shadow: none
}

.tp-caption a {
    color: #ff7302;
    text-shadow: none;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out
}

.tp-caption a:hover {
    color: #ffa902
}

.tp-caption.thinheadline_dark {
    position: absolute;
    color: rgba(0, 0, 0, 0.85);
    text-shadow: none;
    font-weight: 300;
    font-size: 30px;
    line-height: 30px;
    font-family: 'Microsoft JhengHei', 'Open Sans';
    background-color: transparent
}

.tp-caption.thintext_dark {
    position: absolute;
    color: rgba(0, 0, 0, 0.85);
    text-shadow: none;
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    font-family: 'Microsoft JhengHei', 'Open Sans';
    background-color: transparent
}

.tp-caption.medium_bg_red a {
    color: #fff;
    text-decoration: none
}

.tp-caption.medium_bg_red a:hover {
    color: #fff;
    text-decoration: underline
}

.tp-caption.smoothcircle {
    font-size: 30px;
    line-height: 75px;
    font-weight: 800;
    font-family: 'Microsoft JhengHei', 'Open Sans';
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.498039);
    padding: 50px 25px;
    text-align: center;
    border-radius: 500px 500px 500px 500px;
    border-width: 0px;
    border-color: rgb(0, 0, 0);
    border-style: none
}

.tp-caption.largeblackbg {
    font-size: 50px;
    line-height: 70px;
    font-weight: 300;
    font-family: 'Microsoft JhengHei', 'Open Sans';
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: rgb(0, 0, 0);
    padding: 0px 20px 5px;
    text-shadow: none;
    border-width: 0px;
    border-color: rgb(255, 255, 255);
    border-style: none
}

.tp-caption.largepinkbg {
    position: absolute;
    color: #fff;
    text-shadow: none;
    font-weight: 300;
    font-size: 50px;
    line-height: 70px;
    font-family: 'Microsoft JhengHei', 'Open Sans';
    background-color: #db4360;
    padding: 0px 20px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px
}

.tp-caption.largewhitebg {
    position: absolute;
    color: #000;
    text-shadow: none;
    font-weight: 300;
    font-size: 50px;
    line-height: 70px;
    font-family: 'Microsoft JhengHei', 'Open Sans';
    background-color: #fff;
    padding: 0px 20px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px
}

.tp-caption.largegreenbg {
    position: absolute;
    color: #fff;
    text-shadow: none;
    font-weight: 300;
    font-size: 50px;
    line-height: 70px;
    font-family: 'Microsoft JhengHei', 'Open Sans';
    background-color: #67ae73;
    padding: 0px 20px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px
}

.tp-caption.excerpt {
    font-size: 36px;
    line-height: 36px;
    font-weight: 700;
    font-family: 'Microsoft JhengHei', Arial;
    color: #fff;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 1);
    text-shadow: none;
    margin: 0px;
    letter-spacing: -1.5px;
    padding: 1px 4px 0px 4px;
    width: 150px;
    white-space: normal !important;
    height: auto;
    border-width: 0px;
    border-color: rgb(255, 255, 255);
    border-style: none
}

.tp-caption.large_bold_grey {
    font-size: 60px;
    line-height: 60px;
    font-weight: 800;
    font-family: 'Microsoft JhengHei', 'Open Sans';
    color: rgb(102, 102, 102);
    text-decoration: none;
    background-color: transparent;
    text-shadow: none;
    margin: 0px;
    padding: 1px 4px 0px;
    border-width: 0px;
    border-color: rgb(255, 214, 88);
    border-style: none
}

.tp-caption.medium_thin_grey {
    font-size: 34px;
    line-height: 30px;
    font-weight: 300;
    font-family: 'Microsoft JhengHei', 'Open Sans';
    color: rgb(102, 102, 102);
    text-decoration: none;
    background-color: transparent;
    padding: 1px 4px 0px;
    text-shadow: none;
    margin: 0px;
    border-width: 0px;
    border-color: rgb(255, 214, 88);
    border-style: none
}

.tp-caption.small_thin_grey {
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
    font-family: 'Microsoft JhengHei', 'Open Sans';
    color: rgb(117, 117, 117);
    text-decoration: none;
    background-color: transparent;
    padding: 1px 4px 0px;
    text-shadow: none;
    margin: 0px;
    border-width: 0px;
    border-color: rgb(255, 214, 88);
    border-style: none
}

.tp-caption.lightgrey_divider {
    text-decoration: none;
    background-color: rgba(235, 235, 235, 1);
    width: 370px;
    height: 3px;
    background-position: initial initial;
    background-repeat: initial initial;
    border-width: 0px;
    border-color: rgb(34, 34, 34);
    border-style: none
}

.tp-caption.large_bold_darkblue {
    font-size: 58px;
    line-height: 60px;
    font-weight: 800;
    font-family: 'Microsoft JhengHei', 'Open Sans';
    color: rgb(52, 73, 94);
    text-decoration: none;
    background-color: transparent;
    border-width: 0px;
    border-color: rgb(255, 214, 88);
    border-style: none
}

.tp-caption.medium_bg_darkblue {
    font-size: 20px;
    line-height: 20px;
    font-weight: 800;
    font-family: 'Microsoft JhengHei', 'Open Sans';
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: rgb(52, 73, 94);
    padding: 10px;
    border-width: 0px;
    border-color: rgb(255, 214, 88);
    border-style: none
}

.tp-caption.medium_bold_red {
    font-size: 24px;
    line-height: 30px;
    font-weight: 800;
    font-family: 'Microsoft JhengHei', 'Open Sans';
    color: rgb(227, 58, 12);
    text-decoration: none;
    background-color: transparent;
    padding: 0px;
    border-width: 0px;
    border-color: rgb(255, 214, 88);
    border-style: none
}

.tp-caption.medium_light_red {
    font-size: 21px;
    line-height: 26px;
    font-weight: 300;
    font-family: 'Microsoft JhengHei', 'Open Sans';
    color: rgb(227, 58, 12);
    text-decoration: none;
    background-color: transparent;
    padding: 0px;
    border-width: 0px;
    border-color: rgb(255, 214, 88);
    border-style: none
}

.tp-caption.medium_bg_red {
    font-size: 20px;
    line-height: 20px;
    font-weight: 800;
    font-family: 'Microsoft JhengHei', 'Open Sans';
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: rgb(227, 58, 12);
    padding: 10px;
    border-width: 0px;
    border-color: rgb(255, 214, 88);
    border-style: none
}

.tp-caption.medium_bold_orange {
    font-size: 24px;
    line-height: 30px;
    font-weight: 800;
    font-family: 'Microsoft JhengHei', 'Open Sans';
    color: rgb(243, 156, 18);
    text-decoration: none;
    background-color: transparent;
    border-width: 0px;
    border-color: rgb(255, 214, 88);
    border-style: none
}

.tp-caption.medium_bg_orange {
    font-size: 20px;
    line-height: 20px;
    font-weight: 800;
    font-family: 'Microsoft JhengHei', 'Open Sans';
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: rgb(243, 156, 18);
    padding: 10px;
    border-width: 0px;
    border-color: rgb(255, 214, 88);
    border-style: none
}

.tp-caption.grassfloor {
    text-decoration: none;
    background-color: rgba(160, 179, 151, 1);
    width: 4000px;
    height: 150px;
    border-width: 0px;
    border-color: rgb(34, 34, 34);
    border-style: none
}

.tp-caption.large_bold_white {
    font-size: 58px;
    line-height: 60px;
    font-weight: 800;
    font-family: 'Microsoft JhengHei', 'Open Sans';
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: transparent;
    border-width: 0px;
    border-color: rgb(255, 214, 88);
    border-style: none
}

.tp-caption.medium_light_white {
    font-size: 30px;
    line-height: 36px;
    font-weight: 300;
    font-family: 'Microsoft JhengHei', 'Open Sans';
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: transparent;
    padding: 0px;
    border-width: 0px;
    border-color: rgb(255, 214, 88);
    border-style: none
}

.tp-caption.mediumlarge_light_white {
    font-size: 34px;
    line-height: 40px;
    font-weight: 300;
    font-family: 'Microsoft JhengHei', 'Open Sans';
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: transparent;
    padding: 0px;
    border-width: 0px;
    border-color: rgb(255, 214, 88);
    border-style: none
}

.tp-caption.mediumlarge_light_white_center {
    font-size: 34px;
    line-height: 40px;
    font-weight: 300;
    font-family: 'Microsoft JhengHei', 'Open Sans';
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    padding: 0px 0px 0px 0px;
    text-align: center;
    border-width: 0px;
    border-color: rgb(255, 214, 88);
    border-style: none
}

.tp-caption.medium_bg_asbestos {
    font-size: 20px;
    line-height: 20px;
    font-weight: 800;
    font-family: 'Microsoft JhengHei', 'Open Sans';
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: rgb(127, 140, 141);
    padding: 10px;
    border-width: 0px;
    border-color: rgb(255, 214, 88);
    border-style: none
}

.tp-caption.medium_light_black {
    font-size: 30px;
    line-height: 36px;
    font-weight: 300;
    font-family: 'Microsoft JhengHei', 'Open Sans';
    color: rgb(0, 0, 0);
    text-decoration: none;
    background-color: transparent;
    padding: 0px;
    border-width: 0px;
    border-color: rgb(255, 214, 88);
    border-style: none
}

.tp-caption.large_bold_black {
    font-size: 58px;
    line-height: 60px;
    font-weight: 800;
    font-family: 'Microsoft JhengHei', 'Open Sans';
    color: rgb(0, 0, 0);
    text-decoration: none;
    background-color: transparent;
    border-width: 0px;
    border-color: rgb(255, 214, 88);
    border-style: none
}

.tp-caption.mediumlarge_light_darkblue {
    font-size: 34px;
    line-height: 40px;
    font-weight: 300;
    font-family: 'Microsoft JhengHei', 'Open Sans';
    color: rgb(52, 73, 94);
    text-decoration: none;
    background-color: transparent;
    padding: 0px;
    border-width: 0px;
    border-color: rgb(255, 214, 88);
    border-style: none
}

.tp-caption.small_light_white {
    font-size: 17px;
    line-height: 28px;
    font-weight: 300;
    font-family: 'Microsoft JhengHei', 'Open Sans';
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: transparent;
    padding: 0px;
    border-width: 0px;
    border-color: rgb(255, 214, 88);
    border-style: none
}

.tp-caption.roundedimage {
    border-width: 0px;
    border-color: rgb(34, 34, 34);
    border-style: none
}

.tp-caption.large_bg_black {
    font-size: 40px;
    line-height: 40px;
    font-weight: 800;
    font-family: 'Microsoft JhengHei', 'Open Sans';
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: rgb(0, 0, 0);
    padding: 10px 20px 15px;
    border-width: 0px;
    border-color: rgb(255, 214, 88);
    border-style: none
}

.tp-caption.mediumwhitebg {
    font-size: 30px;
    line-height: 30px;
    font-weight: 300;
    font-family: 'Microsoft JhengHei', 'Open Sans';
    color: rgb(0, 0, 0);
    text-decoration: none;
    background-color: rgb(255, 255, 255);
    padding: 5px 15px 10px;
    text-shadow: none;
    border-width: 0px;
    border-color: rgb(0, 0, 0);
    border-style: none
}

.tp-caption.medium_bg_orange_new1 {
    font-size: 20px;
    line-height: 20px;
    font-weight: 800;
    font-family: 'Microsoft JhengHei', 'Open Sans';
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: rgb(243, 156, 18);
    padding: 10px;
    border-width: 0px;
    border-color: rgb(255, 214, 88);
    border-style: none
}

.tp-caption.boxshadow {
    -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5)
}

.tp-caption.black {
    color: #000;
    text-shadow: none;
    font-weight: 300;
    font-size: 19px;
    line-height: 19px;
    font-family: 'Microsoft JhengHei', 'Open Sans', sans
}

.tp-caption.noshadow {
    text-shadow: none
}

.tp_inner_padding {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    max-height: none !important
}

.tp-caption .frontcorner {
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 0px solid transparent;
    border-top: 40px solid #00a8ff;
    position: absolute;
    left: -40px;
    top: 0px
}

.tp-caption .backcorner {
    width: 0;
    height: 0;
    border-left: 0px solid transparent;
    border-right: 40px solid transparent;
    border-bottom: 40px solid #00a8ff;
    position: absolute;
    right: 0px;
    top: 0px
}

.tp-caption .frontcornertop {
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 40px solid #00a8ff;
    position: absolute;
    left: -40px;
    top: 0px
}

.tp-caption .backcornertop {
    width: 0;
    height: 0;
    border-left: 0px solid transparent;
    border-right: 40px solid transparent;
    border-top: 40px solid #00a8ff;
    position: absolute;
    right: 0px;
    top: 0px
}

.tp-simpleresponsive .button {
    padding: 6px 13px 5px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    height: 30px;
    cursor: pointer;
    color: #fff !important;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6) !important;
    font-size: 15px;
    line-height: 45px !important;
    background: url(../img/g30.png) repeat-x top;
    font-family: 'Microsoft JhengHei', arial, sans-serif;
    font-weight: bold;
    letter-spacing: -1px
}

.tp-simpleresponsive .button.big {
    color: #fff;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6);
    font-weight: bold;
    padding: 9px 20px;
    font-size: 19px;
    line-height: 57px !important;
    background: url(../img/g40.png) repeat-x top
}

.tp-simpleresponsive .purchase:hover, .tp-simpleresponsive .button:hover, .tp-simpleresponsive .button.big:hover {
    background-position: bottom, 15px 11px
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .tp-simpleresponsive .button {
        padding: 4px 8px 3px;
        line-height: 25px !important;
        font-size: 11px !important;
        font-weight: normal
    }

    .tp-simpleresponsive a.button {
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        -ms-transition: none
    }
}

@media only screen and (min-width: 0px) and (max-width: 479px) {
    .tp-simpleresponsive .button {
        padding: 2px 5px 2px;
        line-height: 20px !important;
        font-size: 10px !important
    }

    .tp-simpleresponsive a.button {
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        -ms-transition: none
    }
}

.tp-simpleresponsive .button.green, .tp-simpleresponsive .button:hover.green, .tp-simpleresponsive .purchase.green, .tp-simpleresponsive .purchase:hover.green {
    background-color: #21a117;
    -webkit-box-shadow: 0px 3px 0px 0px #104d0b;
    -moz-box-shadow: 0px 3px 0px 0px #104d0b;
    box-shadow: 0px 3px 0px 0px #104d0b
}

.tp-simpleresponsive .button.blue, .tp-simpleresponsive .button:hover.blue, .tp-simpleresponsive .purchase.blue, .tp-simpleresponsive .purchase:hover.blue {
    background-color: #1d78cb;
    -webkit-box-shadow: 0px 3px 0px 0px #0f3e68;
    -moz-box-shadow: 0px 3px 0px 0px #0f3e68;
    box-shadow: 0px 3px 0px 0px #0f3e68
}

.tp-simpleresponsive .button.red, .tp-simpleresponsive .button:hover.red, .tp-simpleresponsive .purchase.red, .tp-simpleresponsive .purchase:hover.red {
    background-color: #cb1d1d;
    -webkit-box-shadow: 0px 3px 0px 0px #7c1212;
    -moz-box-shadow: 0px 3px 0px 0px #7c1212;
    box-shadow: 0px 3px 0px 0px #7c1212
}

.tp-simpleresponsive .button.orange, .tp-simpleresponsive .button:hover.orange, .tp-simpleresponsive .purchase.orange, .tp-simpleresponsive .purchase:hover.orange {
    background-color: #f70;
    -webkit-box-shadow: 0px 3px 0px 0px #a34c00;
    -moz-box-shadow: 0px 3px 0px 0px #a34c00;
    box-shadow: 0px 3px 0px 0px #a34c00
}

.tp-simpleresponsive .button.darkgrey, .tp-simpleresponsive .button.grey, .tp-simpleresponsive .button:hover.darkgrey, .tp-simpleresponsive .button:hover.grey, .tp-simpleresponsive .purchase.darkgrey, .tp-simpleresponsive .purchase:hover.darkgrey {
    background-color: #555;
    -webkit-box-shadow: 0px 3px 0px 0px #222;
    -moz-box-shadow: 0px 3px 0px 0px #222;
    box-shadow: 0px 3px 0px 0px #222
}

.tp-simpleresponsive .button.lightgrey, .tp-simpleresponsive .button:hover.lightgrey, .tp-simpleresponsive .purchase.lightgrey, .tp-simpleresponsive .purchase:hover.lightgrey {
    background-color: #888;
    -webkit-box-shadow: 0px 3px 0px 0px #555;
    -moz-box-shadow: 0px 3px 0px 0px #555;
    box-shadow: 0px 3px 0px 0px #555
}

.fullscreen-container {
    width: 100%;
    position: relative;
    padding: 0
}

.fullwidthbanner-container {
    width: 100%;
    position: relative;
    padding: 0;
    overflow: hidden
}

.fullwidthbanner-container .fullwidthbanner {
    width: 100%;
    position: relative
}

.tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption {
    position: absolute;
    visibility: hidden;
    -webkit-font-smoothing: antialiased !important
}

.tp-simpleresponsive img {
    max-width: none
}

.noFilterClass {
    filter: none !important
}

.tp-bannershadow {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none
}

.tp-bannershadow.tp-shadow1 {
    background: url(../img/shadow1.png) no-repeat;
    background-size: 100% 100%;
    width: 890px;
    height: 60px;
    bottom: -60px
}

.tp-bannershadow.tp-shadow2 {
    background: url(../img/shadow2.png) no-repeat;
    background-size: 100% 100%;
    width: 890px;
    height: 60px;
    bottom: -60px
}

.tp-bannershadow.tp-shadow3 {
    background: url(../img/shadow3.png) no-repeat;
    background-size: 100% 100%;
    width: 890px;
    height: 60px;
    bottom: -60px
}

.caption.fullscreenvideo {
    left: 0px;
    top: 0px;
    position: absolute;
    width: 100%;
    height: 100%
}

.caption.fullscreenvideo iframe, .caption.fullscreenvideo video {
    width: 100% !important;
    height: 100% !important;
    display: none
}

.tp-caption.fullscreenvideo {
    left: 0px;
    top: 0px;
    position: absolute;
    width: 100%;
    height: 100%
}

.tp-caption.fullscreenvideo iframe, .tp-caption.fullscreenvideo iframe video {
    width: 100% !important;
    height: 100% !important;
    display: none
}

.fullscreenvideo .vjs-loading-spinner {
    visibility: none;
    display: none !important;
    width: 0px;
    height: 0px
}

.fullscreenvideo .vjs-control-bar.vjs-fade-out, .fullscreenvideo .vjs-control-bar.vjs-fade-in, .fullscreenvideo .vjs-control-bar.vjs-fade-out.vjs-lock-showing, .fullscreenvideo .vjs-control-bar.vjs-fade-in.vjs-lock-showing {
    visibility: hidden !important;
    opacity: 0 !important;
    display: none !important;
    width: 0px;
    height: 0px;
    overflow: hidden
}

.fullcoveredvideo.video-js, .fullcoveredvideo video {
    background: transparent !important
}

.fullcoveredvideo .vjs-poster {
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px
}

.tp-dottedoverlay {
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1
}

.tp-dottedoverlay.twoxtwo {
    background: url(../img/gridtile.png)
}

.tp-dottedoverlay.twoxtwowhite {
    background: url(../img/gridtile_white.png)
}

.tp-dottedoverlay.threexthree {
    background: url(../img/gridtile_3x3.png)
}

.tp-dottedoverlay.threexthreewhite {
    background: url(../img/gridtile_3x3_white.png)
}

.tpclear {
    clear: both
}

.tp-bullets {
    z-index: 1000;
    position: absolute;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    -ms-transition: opacity 0.2s ease-out;
    -webkit-transform: translateZ(5px)
}

.tp-bullets.hidebullets {
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.tp-bullets.simplebullets.navbar {
    border: 1px solid #666;
    border-bottom: 1px solid #444;
    background: url(../img/boxed_bgtile.png);
    height: 40px;
    padding: 0px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.tp-bullets.simplebullets.navbar-old {
    background: url(../img/navigdots_bgtile.png);
    height: 35px;
    padding: 0px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.tp-bullets.simplebullets.round .bullet {
    cursor: pointer;
    position: relative;
    background: url(../img/bullet.png) no-Repeat top left;
    width: 20px;
    height: 20px;
    margin-right: 0px;
    float: left;
    margin-top: 0px;
    margin-left: 3px
}

.tp-bullets.simplebullets.round .bullet.last {
    margin-right: 3px
}

.tp-bullets.simplebullets.round-old .bullet {
    cursor: pointer;
    position: relative;
    background: url(../img/bullets.png) no-Repeat bottom left;
    width: 23px;
    height: 23px;
    margin-right: 0px;
    float: left;
    margin-top: 0px
}

.tp-bullets.simplebullets.round-old .bullet.last {
    margin-right: 0px
}

.tp-bullets.simplebullets.square .bullet {
    cursor: pointer;
    position: relative;
    background: url(../img/bullets2.png) no-Repeat bottom left;
    width: 19px;
    height: 19px;
    margin-right: 0px;
    float: left;
    margin-top: 0px
}

.tp-bullets.simplebullets.square .bullet.last {
    margin-right: 0px
}

.tp-bullets.simplebullets.square-old .bullet {
    cursor: pointer;
    position: relative;
    background: url(../img/bullets2.png) no-Repeat bottom left;
    width: 19px;
    height: 19px;
    margin-right: 0px;
    float: left;
    margin-top: 0px
}

.tp-bullets.simplebullets.square-old .bullet.last {
    margin-right: 0px
}

.tp-bullets.simplebullets.navbar .bullet {
    cursor: pointer;
    position: relative;
    background: url(../img/bullet_boxed.png) no-Repeat top left;
    width: 18px;
    height: 19px;
    margin-right: 5px;
    float: left;
    margin-top: 0px
}

.tp-bullets.simplebullets.navbar .bullet.first {
    margin-left: 0px !important
}

.tp-bullets.simplebullets.navbar .bullet.last {
    margin-right: 0px !important
}

.tp-bullets.simplebullets.navbar-old .bullet {
    cursor: pointer;
    position: relative;
    background: url(../img/navigdots.png) no-Repeat bottom left;
    width: 15px;
    height: 15px;
    margin-left: 5px !important;
    margin-right: 5px !important;
    float: left;
    margin-top: 10px
}

.tp-bullets.simplebullets.navbar-old .bullet.first {
    margin-left: 0px !important
}

.tp-bullets.simplebullets.navbar-old .bullet.last {
    margin-right: 0px !important
}

.tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected {
    background-position: top left
}

.tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected {
    background-position: bottom left
}

.tparrows {
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    -ms-transition: opacity 0.2s ease-out;
    -webkit-transform: translateZ(5000px);
    -webkit-transform-style: flat;
    -webkit-backface-visibility: hidden;
    z-index: 600;
    position: relative
}

.tparrows.hidearrows {
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.tp-leftarrow {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../img/large_left.png) no-Repeat top left;
    width: 40px;
    height: 40px
}

.tp-rightarrow {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../img/large_right.png) no-Repeat top left;
    width: 40px;
    height: 40px
}

.tp-leftarrow.round {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../img/small_left.png) no-Repeat top left;
    width: 19px;
    height: 14px;
    margin-right: 0px;
    float: left;
    margin-top: 0px
}

.tp-rightarrow.round {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../img/small_right.png) no-Repeat top left;
    width: 19px;
    height: 14px;
    margin-right: 0px;
    float: left;
    margin-top: 0px
}

.tp-leftarrow.round-old {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../img/arrow_left.png) no-Repeat top left;
    width: 26px;
    height: 26px;
    margin-right: 0px;
    float: left;
    margin-top: 0px
}

.tp-rightarrow.round-old {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../img/arrow_right.png) no-Repeat top left;
    width: 26px;
    height: 26px;
    margin-right: 0px;
    float: left;
    margin-top: 0px
}

.tp-leftarrow.navbar {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../img/small_left_boxed.png) no-Repeat top left;
    width: 20px;
    height: 15px;
    float: left;
    margin-right: 6px;
    margin-top: 12px
}

.tp-rightarrow.navbar {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../img/small_right_boxed.png) no-Repeat top left;
    width: 20px;
    height: 15px;
    float: left;
    margin-left: 6px;
    margin-top: 12px
}

.tp-leftarrow.navbar-old {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../img/arrowleft.png) no-Repeat top left;
    width: 9px;
    height: 16px;
    float: left;
    margin-right: 6px;
    margin-top: 10px
}

.tp-rightarrow.navbar-old {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../img/arrowright.png) no-Repeat top left;
    width: 9px;
    height: 16px;
    float: left;
    margin-left: 6px;
    margin-top: 10px
}

.tp-leftarrow.navbar-old.thumbswitharrow {
    margin-right: 10px
}

.tp-rightarrow.navbar-old.thumbswitharrow {
    margin-left: 0px
}

.tp-leftarrow.square {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../img/arrow_left2.png) no-Repeat top left;
    width: 12px;
    height: 17px;
    float: left;
    margin-right: 0px;
    margin-top: 0px
}

.tp-rightarrow.square {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../img/arrow_right2.png) no-Repeat top left;
    width: 12px;
    height: 17px;
    float: left;
    margin-left: 0px;
    margin-top: 0px
}

.tp-leftarrow.square-old {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../img/arrow_left2.png) no-Repeat top left;
    width: 12px;
    height: 17px;
    float: left;
    margin-right: 0px;
    margin-top: 0px
}

.tp-rightarrow.square-old {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../img/arrow_right2.png) no-Repeat top left;
    width: 12px;
    height: 17px;
    float: left;
    margin-left: 0px;
    margin-top: 0px
}

.tp-leftarrow.default {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../img/large_left.png) no-Repeat 0 0;
    width: 40px;
    height: 40px
}

.tp-rightarrow.default {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../img/large_right.png) no-Repeat 0 0;
    width: 40px;
    height: 40px
}

.tp-leftarrow:hover, .tp-rightarrow:hover {
    background-position: bottom left
}

.tp-bullets.tp-thumbs {
    z-index: 1000;
    position: absolute;
    padding: 3px;
    background-color: #fff;
    width: 500px;
    height: 50px;
    margin-top: -50px
}

.fullwidthbanner-container .tp-thumbs {
    padding: 3px
}

.tp-bullets.tp-thumbs .tp-mask {
    width: 500px;
    height: 50px;
    overflow: hidden;
    position: relative
}

.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer {
    width: 5000px;
    position: absolute
}

.tp-bullets.tp-thumbs .bullet {
    width: 100px;
    height: 50px;
    cursor: pointer;
    overflow: hidden;
    background: none;
    margin: 0;
    float: left;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out
}

.tp-bullets.tp-thumbs .bullet:hover, .tp-bullets.tp-thumbs .bullet.selected {
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.tp-thumbs img {
    width: 100%
}

.tp-bannertimer {
    width: 100%;
    height: 10px;
    background: url(../img/timer.png);
    position: absolute;
    z-index: 200;
    top: 0px
}

.tp-bannertimer.tp-bottom {
    bottom: 0px;
    height: 5px;
    top: auto
}

@media only screen and (min-width: 0px) and (max-width: 479px) {
    .responsive .tp-bullets {
        display: none
    }

    .responsive .tparrows {
        display: none
    }
}

.vjs-tech {
    margin-top: 1px
}

.tp-caption .vjs-default-skin .vjs-big-play-button {
    left: 50%;
    top: 50%;
    margin-left: -20px;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: none;
    box-shadow: none;
    text-shadow: none;
    line-height: 30px;
    vertical-align: top;
    padding: 0px
}

.tp-caption .vjs-default-skin .vjs-big-play-button:before {
    position: absolute;
    top: 0px;
    left: 0px;
    line-height: 40px;
    text-shadow: none !important;
    color: #fff;
    font-size: 18px
}

.tp-caption .vjs-default-skin:hover .vjs-big-play-button, .vjs-default-skin .vjs-big-play-button:focus {
    box-shadow: none;
    -webkit-box-shadow: none
}

.tp-simpleresponsive img {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none
}

.tp-simpleresponsive a {
    text-decoration: none
}

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

.tp-simpleresponsive > ul > li {
    list-stye: none;
    position: absolute;
    visibility: hidden
}

.caption.slidelink a div, .tp-caption.slidelink a div {
    width: 3000px;
    height: 1500px;
    background: url(../img/coloredbg.png) repeat
}

.tp-loader {
    top: 50%;
    left: 50%;
    z-index: 10000;
    position: absolute
}

.tp-loader.spinner0 {
    width: 40px;
    height: 40px;
    background: url(../img/loader_5.gif) no-repeat center center;
    background-color: #fff;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
    margin-top: -20px;
    margin-left: -20px;
    -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
    animation: tp-rotateplane 1.2s infinite ease-in-out;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.tp-loader.spinner1 {
    width: 40px;
    height: 40px;
    background-color: #fff;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
    margin-top: -20px;
    margin-left: -20px;
    -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
    animation: tp-rotateplane 1.2s infinite ease-in-out;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.tp-loader.spinner5 {
    background: url(../img/loader_5.gif) no-repeat 10px 10px;
    background-color: #fff;
    margin: -22px -22px;
    width: 44px;
    height: 44px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

@-webkit-keyframes tp-rotateplane {
    0% {
        -webkit-transform: perspective(120px)
    }
    50% {
        -webkit-transform: perspective(120px) rotateY(180deg)
    }
    100% {
        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
    }
}

@keyframes tp-rotateplane {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    }
    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }
    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}

.tp-loader.spinner2 {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    background-color: #f00;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
    border-radius: 100%;
    -webkit-animation: tp-scaleout 1.0s infinite ease-in-out;
    animation: tp-scaleout 1.0s infinite ease-in-out
}

@-webkit-keyframes tp-scaleout {
    0% {
        -webkit-transform: scale(0.0)
    }
    100% {
        -webkit-transform: scale(1.0);
        opacity: 0
    }
}

@keyframes tp-scaleout {
    0% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0)
    }
    100% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
        opacity: 0
    }
}

.tp-loader.spinner3 {
    margin: -9px 0px 0px -35px;
    width: 70px;
    text-align: center
}

.tp-loader.spinner3 .bounce1, .tp-loader.spinner3 .bounce2, .tp-loader.spinner3 .bounce3 {
    width: 18px;
    height: 18px;
    background-color: #fff;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out;
    animation: tp-bouncedelay 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.tp-loader.spinner3 .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s
}

.tp-loader.spinner3 .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s
}

@-webkit-keyframes tp-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0.0)
    }
    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes tp-bouncedelay {
    0%, 80%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0)
    }
    40% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0)
    }
}

.tp-loader.spinner4 {
    margin: -20px 0px 0px -20px;
    width: 40px;
    height: 40px;
    text-align: center;
    -webkit-animation: tp-rotate 2.0s infinite linear;
    animation: tp-rotate 2.0s infinite linear
}

.tp-loader.spinner4 .dot1, .tp-loader.spinner4 .dot2 {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: #fff;
    border-radius: 100%;
    -webkit-animation: tp-bounce 2.0s infinite ease-in-out;
    animation: tp-bounce 2.0s infinite ease-in-out;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15)
}

.tp-loader.spinner4 .dot2 {
    top: auto;
    bottom: 0px;
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s
}

@-webkit-keyframes tp-rotate {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes tp-rotate {
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg)
    }
}

@-webkit-keyframes tp-bounce {
    0%, 100% {
        -webkit-transform: scale(0.0)
    }
    50% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes tp-bounce {
    0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0)
    }
    50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0)
    }
}

.tp-transparentimg {
    content:'url(../assets/transparent.png)'
}

.tp-3d {
    -webkit-transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50%
}

.tp-caption img {
    background: transparent;
    -ms-filter:'progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)';
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff, endColorstr=#00ffffff);
    zoom: 1
}

@font-face {
    font-family: 'revicons';
    src: url('../font/revicons.eot?5510888');
    src: url('../fonts/revicons.eot') format('embedded-opentype'), url('../fonts/revicons.woff') format('woff'), url('../fonts/revicons.ttf') format('truetype'), url('../fonts/revicons.svg') format('svg');
    font-weight: normal;
    font-style: normal
}

[class^='revicon-']:before, [class*=' revicon-']:before {
    font-family:'revicons';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em
}

.revicon-search-1:before {
    content: '\e802'
}

.revicon-pencil-1:before {
    content: '\e831'
}

.revicon-picture-1:before {
    content: '\e803'
}

.revicon-cancel:before {
    content: '\e80a'
}

.revicon-info-circled:before {
    content: '\e80f'
}

.revicon-trash:before {
    content: '\e801'
}

.revicon-left-dir:before {
    content: '\e817'
}

.revicon-right-dir:before {
    content: '\e818'
}

.revicon-down-open:before {
    content: '\e83b'
}

.revicon-left-open:before {
    content: '\e819'
}

.revicon-right-open:before {
    content: '\e81a'
}

.revicon-angle-left:before {
    content: '\e820'
}

.revicon-angle-right:before {
    content: '\e81d'
}

.revicon-left-big:before {
    content: '\e81f'
}

.revicon-right-big:before {
    content: '\e81e'
}

.revicon-magic:before {
    content: '\e807'
}

.revicon-picture:before {
    content: '\e800'
}

.revicon-export:before {
    content: '\e80b'
}

.revicon-cog:before {
    content: '\e832'
}

.revicon-login:before {
    content: '\e833'
}

.revicon-logout:before {
    content: '\e834'
}

.revicon-video:before {
    content: '\e805'
}

.revicon-arrow-combo:before {
    content: '\e827'
}

.revicon-left-open-1:before {
    content: '\e82a'
}

.revicon-right-open-1:before {
    content: '\e82b'
}

.revicon-left-open-mini:before {
    content: '\e822'
}

.revicon-right-open-mini:before {
    content: '\e823'
}

.revicon-left-open-big:before {
    content: '\e824'
}

.revicon-right-open-big:before {
    content: '\e825'
}

.revicon-left:before {
    content: '\e836'
}

.revicon-right:before {
    content: '\e826'
}

.revicon-ccw:before {
    content: '\e808'
}

.revicon-arrows-ccw:before {
    content: '\e806'
}

.revicon-palette:before {
    content: '\e829'
}

.revicon-list-add:before {
    content: '\e80c'
}

.revicon-doc:before {
    content: '\e809'
}

.revicon-left-open-outline:before {
    content: '\e82e'
}

.revicon-left-open-2:before {
    content: '\e82c'
}

.revicon-right-open-outline:before {
    content: '\e82f'
}

.revicon-right-open-2:before {
    content: '\e82d'
}

.revicon-equalizer:before {
    content: '\e83a'
}

.revicon-layers-alt:before {
    content: '\e804'
}

.revicon-popup:before {
    content: '\e828'
}

html {
    padding: 0 !important;
    background: #fff;
    margin: 0px !important
}

.fullwidthbanner-container {
    width: 100% !important;
    position: fixed;
    padding: 0;
    overflow: hidden;
    color: #fff;
    z-index: -1px
}

#revolution-slider {
    font-family: 'Microsoft JhengHei', 'Raleway'
}

.tp-caption {
    font-size: 14px;
    font-weight: 300
}

.tp-caption.teaser {
    letter-spacing: 5px
}

.tp-caption br {
    margin-bottom: 5px
}

.tparrows {
    top: 50% !important
}

.med {
    font-size: 24px;
    letter-spacing: -.5px
}

.med-white {
    color: #fff;
    font-size: 24px;
    letter-spacing: -.5px
}

.med-green {
    color: #1a8b49;
    font-size: 24px;
    letter-spacing: -.5px
}

.small-white {
    color: #fff;
    line-height: 1.7em
}

.big-black {
    font-size: 52px;
    letter-spacing: -3px;
    color: #222
}

.big-white {
    font-size: 27px;
    color: #fff;
    line-height: normal;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2px
}

.big-white span {
    padding: -2px;
    background: rgba(0, 0, 0, 0.10);
    font-weight: 600;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 2rem;
    text-shadow: 4px 3px 0 #10081d, 9px 8px 0 rgba(0, 0, 0, 0.15);
    color: #fff
}

.ultra-big-white {
    font-size: 60px;
    font-weight: 900;
    color: #fff;
    margin: 0;
    line-height: 72px;
    padding: 30px;
    text-transform: uppercase
}

.ultra-big-white span {
    background-color: #333;
    background: rgba(0, 0, 0, 0.15);
    height: 80px;
    white-space: normal;
    word-break: break-all;
    word-wrap: break-word;
    display: block;
    font-size: 4rem;
    font-weight: 900;
    font-family: inherit;
    text-shadow: 4px 3px 0 #10081d, 9px 8px 0 rgba(0, 0, 0, 0.15)
}

.ultra-big-black {
    font-size: 96px;
    font-weight: 400;
    color: #222;
    margin: 0;
    line-height: 72px
}

a.btn-slider {
    font-size: 16px;
    color: #fff;
    letter-spacing: 1px;
    line-height: normal;
    text-transform: uppercase;
    border: solid 2px #fff;
    padding: 10px 40px 10px 40px;
    border-radius: 200px;
    text-decoration: none !important;
    font-weight: 500;
    text-shadow: 1px 1px 0 #191127, 2px 1px 0 rgba(0, 0, 0, 0.15)
}

a.btn-slider:hover {
    color: #fff;
    background: #3499db;
    border-color: #fff;
    border: solid 2px #3499db;
    text-decoration: none !important
}

a.btn-slider:hover:after {
    color: #222
}

.fullwidthbanner-container a.btn {
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff !important;
    font-weight: 700;
    padding: 10px 20px 10px 20px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0
}

@media only screen and (max-width: 992px) {
    .fullwidthbanner-container {
    }
}

.glyphicon-chevron-right:before {
    content:'\e080';
    color: #fff !important;
    font-weight: 100
}

html, body, div, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, object, code, legend, button, input, textarea, label, th, td, a, img {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0
}

body {
    font: 12px/1.5 'Helvetica Neue', 'Helvetica', 'Arial', '\5FAE\8F6F\96C5\9ED1', 'Microsoft YaHei', 'Tahoma', 'Hiragino sans gb', 'SimSun', 'Sans-serif';
    color: #333;
    background-color: #f9f9f9
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size: 100%
}

:focus {
    outline: 0
}

ul, ol {
    list-style: none
}

fieldset, img {
    border: 0 none;
    vertical-align: top
}

address, caption, cite, code, dfn, em, i, th, var, optgroup {
    font-style: normal;
    font-weight: normal
}

abbr, acronym {
    border: 0;
    font-variant: normal
}

input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit
}

code, kbd, samp, tt {
    font-size: 100%
}

input, button, textarea, select {
    *font-size: 100%;
    outline: none
}

textarea {
    resize: none
}

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

blockquote, q {
    quotes: none
}

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

.fl {
    float: left
}

.fr {
    float: right
}

a {
    color: #333;
    text-decoration: none;
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
    -webkit-transition: background-color .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out
}

a:hover {
    text-decoration: none
}

a.special, .special a {
    color: #1eb37b
}

a.special:hover, .special a:hover {
    color: #1eb37b;
    text-decoration: none
}

.cf:before, .cf:after, .clearfix:before, .clearfix:after {
    content:'';
    display: table
}

.cf:after, .clearfix:after {
    clear: both
}

.cf, .clearfix {
    clear: both;
    *zoom: 1
}

.c-333 {
    color: #333
}

.c-666 {
    color: #666
}

.c-999 {
    color: #999
}

.c-green {
    color: #1fb079
}

.c-orange {
    color: #fc714c
}

.c-reg {
    color: #d90106
}

.f9 {
    font-size: 9px;
    -webkit-text-size-adjust: none
}

.f12, .fb12 {
    font-size: 12px
}

.simsun {
    font-family: SimSun
}

.f14, .fb14 {
    font-size: 14px
}

.f16, .fb16 {
    font-size: 16px
}

.f18, .fb18 {
    font-size: 18px
}

.f20, .fb20 {
    font-size: 20px
}

.fb, .fb12, .fb14, .fb16, .fb18, .fb20 {
    font-weight: 700
}

.tc {
    text-align: center
}

.tr {
    text-align: right
}

.show {
    display: block
}

.hide {
    display: none !important
}

.ti, .te {
    white-space: nowrap;
    overflow: hidden
}

.ti {
    text-indent: -999em
}

.te {
    text-overflow: ellipsis
}

body {
    background-color: #1b1b1b
}

.header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    height: 80px;
    padding: 0 5%;
    background: rgba(0, 0, 0, 0.6)
}

.navbar-brand {
    height: auto
}

.header .slogan {
    display: inline-block;
    padding-top: 30px;
    padding-left: 20px
}
@media(max-width: 767px){

    .header .slogan{
        display:none;
    }
}
.header .left {
    width: 30%
}

.header .left a img {
    width: 125px
}

.header .left .img2 {
    display: none
}

.header .nav {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    width: 60%;
    height: 100%;
    line-height: 50px;
    display: block
}

.header .navbar_nav li {
    float: left;
    position: relative;
    display: block;
    line-height: 80px
}

.header .navbar_nav li:after {
    content:'';
    width: 0;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.5s ease 0s
}

.header .navbar_nav li:hover:after {
    width: 100%
}

.header .navbar_nav li a {
    text-decoration: none;
    height: 100%;
    padding: 0 15px;
    display: block;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    color: #ddd;
    font-size: 14px;
    letter-spacing: 0.05em;
    font-weight: 100
}

@media (max-width: 1500px) {
    .header .navbar_nav li a {
        padding: 0 30px !important
    }
}

.header .navbar_nav li:hover a {
    color: #fff
}

.header .navbar_nav li.dropdown {
    display: inherit;
    position: relative;
    line-height: 80px
}

.header .navbar_nav li.dropdown .jt {
    width: 20px;
    height: 20px;
    background: url(../img/top.png) no-repeat;
    background-size: 100% 100%;
    display: block
}

.header .navbar_nav li.dropdown .dropdown_menu {
    display: none;
    position: absolute;
    top: 80px;
    width: 120px;
    background-color: rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 7px 0 rgba(37, 37, 37, 0.3);
    left: -5px
}

.header.on .navbar_nav li.dropdown .dropdown_menu {
    display: none;
    position: absolute;
    top: 60px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.85);
    box-shadow: 0 1px 7px 0 rgba(37, 37, 37, 0.78);
    left: -10%;
    height: 60px
}

.header .navbar_nav li.active>a{
    color:#fff;
}

.header.on .left a img {
    margin-top: 5px;
    width: 110px
}

.header .navbar_nav li.dropdown .dropdown_menu a {
    font-size: 14px;
    color: #fff;
    padding: 0 20px;
    line-height: 40px;
    text-align: center;
    margin-bottom: 2px;
    letter-spacing: 0.05em;
    width: 120px
}

.header .navbar_nav li.dropdown:hover .dropdown_menu {
    display: block;
    background-color: rgba(0, 0, 0, 0.63);
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s
}

.header .navbar_nav li.dropdown:hover .dropdown_menu a {
    color: #fff
}

.header .navbar_nav li.dropdown:hover .dropdown_menu a:hover {
    color: #3499db
}

.header.on {
    background: rgba(0, 0, 0, 0.7);
    height: 60px
}

.header.on .left .img2 {
    display: block
}

.header.on .navbar_nav li a {
    color: #fff;
    height: 60px;
    line-height: 60px !important
}

.header.on .navbar_nav li:hover a {
    color:#3499db
}

.ennavcn{
    float:right;
    color:#fff;
    line-height:80px;
    font-weight:lighter
}
.ennavcn:hover{
    color:#fff;
}

.header.on .ennavcn{
    line-height:60px !important
}

#navToggle{
    display:none
}

@media (max-width:767px){
    .m_nav{
        position:fixed;
        width:100%;
        height:100%;
        background:#000;
        z-index:1001;
        opacity:1;
        margin-top:0;
        overflow-y:auto;
        top:0;
        transform:translateX(100%);
        transition:all ease 0.5s;
        box-shadow:0 15px 27px 0 rgba(167, 165, 165, 0.38);
    }

    .m_nav.open{
        transform:translateX(0)
    }

    .m_nav .top{
        height:60px;
        padding:20px;
        box-sizing:border-box
    }

    .m_nav .top .closed{
        width:30px;
        height:30px;
        vertical-align:middle;
        float:right;
        cursor:pointer
    }

    .m_nav .logo{
        width:100%;
        margin:0 auto
    }

    .m_nav .logo img{
        height:50px;
        display:block;
        margin:30px auto
    }

    .m_nav .ul{
        margin-top:30px
    }

    .m_nav .ul li{
        padding:0 20px;
        border-bottom:1px solid #252323;
        transform:translateY(0);
        -webkit-transform:translateY(100%);
        transform:translateX(-100%);
        -webkit-transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
        transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
        opacity:0
    }

    .m_nav.open .ul li{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateX(0)
    }

    .m_nav .ul li:nth-child(1){
        -webkit-transition:all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
        transition:all .2s cubic-bezier(.77, 0, .175, 1) 0ms
    }

    .m_nav .ul li:nth-child(2){
        -webkit-transition:all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
        transition:all .4s cubic-bezier(.77, 0, .175, 1) 0ms
    }

    .m_nav .ul li:nth-child(3){
        -webkit-transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
        transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms
    }

    .m_nav .ul li:nth-child(4){
        -webkit-transition:all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
        transition:all .8s cubic-bezier(.77, 0, .175, 1) 0ms
    }

    .m_nav .ul li:nth-child(5){
        -webkit-transition:all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
        transition:all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms
    }

    .m_nav .ul li:nth-child(6){
        -webkit-transition:all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
        transition:all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms
    }

    .m_nav .ul li a{
        display:block;
        text-decoration:none;
        color:rgb(218, 218, 218);
        font-size:14px;
        height:50px;
        line-height:50px;
        width:100%
    }

    .m_nav .ul li .dropdown_menu{
        display:none
    }

    .m_nav .ul li.dropdown.active .dropdown_menu{
        display:block
    }

    .m_nav .ul li .dropdown_menu a{
        float:none;
        display:block;
        height:50px;
        line-height:50px;
        padding:0 40px;
        box-sizing:border-box;
        border-bottom:1px solid #252323
    }

    .m_nav .ul li .dropdown_menu a:last-child{
        border:none
    }
    .ennavcn{
        line-height:40px;
    }
}

@media (min-width:768px){
    .m_nav{
        display:none;
    }
}
.banner {
    width: 100%
}

.banner img {
    width: 100%
}

@media screen and (max-width: 992px) {
    .header {
        padding: 0 10px
    }

    .header #navToggle {
        height: 100%;
        padding: 0px 15px;
        margin-right: -15px;
        display: inline-block;
        float: right
    }

    .header #navToggle span {
        position: relative;
        width: 20px;
        height: 2px;
        margin-top: 19px
    }

    .header #navToggle span:before, .header #navToggle span:after {
        content: '';
        position: relative;
        width: 100%;
        height: 2px;
        left: 0
    }

    .header #navToggle span, .header #navToggle span:before, .header #navToggle span:after {
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        display: block;
        background: #fff
    }

    .header #navToggle span:before {
        top: 8px
    }

    .header #navToggle span:after {
        bottom: 10px
    }

    .header #navToggle.open span:before {
        top: 10px;
        -webkit-transform: translateY(-11px) rotate(-45deg);
        -moz-transform: translateY(-11px) rotate(-45deg);
        -ms-transform: translateY(-11px) rotate(-45deg);
        -o-transform: translateY(-11px) rotate(-45deg);
        transform: translateY(-11px) rotate(-45deg)
    }

    .header #navToggle.open span:after {
        bottom: 12px;
        -webkit-transform: translateY(10px) rotate(45deg);
        -moz-transform: translateY(10px) rotate(45deg);
        -ms-transform: translateY(10px) rotate(45deg);
        -o-transform: translateY(10px) rotate(45deg);
        transform: translateY(10px) rotate(45deg)
    }

    .header #navToggle.open span {
        background: none
    }

    .header #navToggle.open span:before, .header #navToggle.open span:after {
        background: #4f4f4f
    }

    .header .nav {
        display: none
    }

    .banner img {
        height: 600px;
        object-fit: cover
    }
}

body {
    width: 100%;
    font: 14px/1.5 'Microsoft YaHei';
    color: #fff;
    background-color: #000 !important
}

h1 {
    font-size: 32px;
    margin: 0;
    text-align: center;
    letter-spacing: 2px;
    font-family: 'Microsoft JhengHei', 'Raleway';
    font-weight: 600
}

.font-fm {
    font-family: 'Josefin Slab', serif
}

* {
    box-sizing: border-box
}

iframe {
    width: 100%
}

.Content-padding-55 {
    padding: 0px 5%
}

.banner-title {
    color: aliceblue;
    position: absolute
}

.banner_carousel {
    position: relative
}

.banner_carousel h2 {
    font-size: 80px;
    letter-spacing: 0px;
    margin-bottom: 10px
}

.banner_carousel span {
    color: #000;
    padding: 5px;
    display: inline-block;
    line-height: 20px;
    font-size: 18px;
    letter-spacing: 2px
}

.banner_carousel i {
    background-color: rgba(225, 225, 225, 0.65);
    color: #000;
    padding: 5px;
    display: inline-block;
    line-height: 20px;
    font-size: 18px;
    letter-spacing: 2px
}

.date-box {
    margin-left: -12px
}

.date-box p {
    font-size: 20px;
    font-weight: 100;
    letter-spacing: 2px;
    text-align: center;
    margin: 0;
    text-shadow: 1px 1px 0 #191127, 2px 1px 0 rgba(0, 0, 0, 0.15)
}

.date-box p:nth-child(2) {
    letter-spacing: 10px
}

.dropdown-item {
    display: block;
    width: 120px;
    color: #fff;
    float: left;
    clear: inherit;
    text-align: left
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #ffc107;
    text-decoration: none;
    background-color: rgba(0, 0, 0, .075)
}

.nav-item {
    margin-right: 36px;
    height: 84px;
    line-height: 70px
}

.top-quxian {
    position: absolute;
    bottom: -45px;
    z-index: 1;
    width: 100%
}

.details-p {
    padding-top: 120px !important;
    color: #bbb8bf !important
}
.details-p a:nth-child(even) img {
    padding: 0px 1% 1% 0;
    width: 50% !important;
}
.details-p a:nth-child(odd) img {
    padding: 0px 0 1% 1%;
    width: 50% !important;
}

.imgbox p a{
    margin-bottom:2%;
}
.imgbox p a:nth-child(odd) {
    display:inline-block;
    width: 48.5% !important;
}
.imgbox p a:nth-child(odd) img{
    width:100%;
}
.imgbox p a:nth-child(even) {
    margin-left:1%;
    display:inline-block;
    width: 48.5% !important;
    text-align:right;
}
.imgbox p a:nth-child(even) img{
    width:100%;
}
.titleline {
    position: relative;
    padding-bottom: 25px;
    text-transform: uppercase;
    display: inline-block
}

.titleline:after {
    content: '';
    width: 40px;
    height: 2px;
    background: #3499db;
    position: absolute;
    top: 12px;
    right: -60px
}

.titleline:before {
    content: '';
    width: 40px;
    height: 2px;
    background: #3499db;
    position: absolute;
    top: 12px;
    left: -60px
}

.heheda {
    font-size: 30px
}
.f-links{
    margin-top:20px;
}
@media (min-width: 1200px) {
    .container {
        max-width: 1170px !important
    }
}

@media (max-width: 480px) {
    video, object {
        min-height: auto !important;
        width: auto !important;
        margin-top: 40px
    }

    .gghd-border span {
        font-size: 14px !important
    }

    .PROJECT-border {
        width: 80px !important;
        height: 80px !important
    }

    .jtzz {
        line-height: 80px !important
    }

    .jtzz1 {
        line-height: 60px;
        width: 22px !important
    }

    .ultra-big-white span {
        background: rgba(0, 0, 0, 0.0) !important
    }

    .big-white span {
        background: rgba(0, 0, 0, 0.0) !important
    }

    .f20480 {
        font-size: 20px
    }

    p.lead {
        font-size: 14px !important
    }

    .font14480 {
        font-size: 14px
    }

    .custom-background {
        background-image: url(../img/bg-4.jpg) !important;
        background-position: center top !important;
        background-size: auto !important;
        background-repeat: repeat !important;
        background-attachment: fixed !important
    }

    .jjfa {
        display: none !important
    }

    .padd605 {
        padding: 10px 5% 10px !important
    }

    .date-box p {
        font-size: 12px;
        font-weight: 100;
        letter-spacing: normal !important;
        margin: 0
    }

    .date-box p:nth-child(2) {
        letter-spacing: 5px
    }

    .banner_carousel span {
        padding: 3px;
        line-height: 12px;
        font-size: 12px
    }

    iframe {
        height: 200px !important
    }

    .date-box {
        padding-left: 0px;
        margin-left: -43px !important;
        display: none
    }

    .bloglist .post-text {
        padding-left: 0px !important
    }

    .hzhb-img {
        padding: 0px 20px !important
    }

    .time-sty {
        bottom: 42px !important
    }

    .youtube {
        margin-left: 0px !important
    }

    .tencent {
        margin-left: 8px !important
    }

    .tawatter {
        margin-left: 8px !important
    }

    .facebook {
        margin-left: 8px !important
    }

    .webo {
        margin-left: 8px !important
    }

    .wechat {
        margin-left: 8px !important
    }

    .footnavpad {
        padding-left: 8%
    }

    .heheda {
        font-size: 16px !important
    }

    .martop100 {
        margin: 20px 9% 10px !important;
        float: left !important
    }

    .hzhb-img img {
        height: 32px !important;
        margin-right: 1px !important;
        margin-bottom: 20px !important
    }

    .padtop20480 {
        padding: 20px 0px 0px !important
    }

    .ul_line li {
        margin-right: 4px !important;
        letter-spacing: normal !important;
        font-size: 10px !important
    }

    .PRODUCT-title {
        top: 45% !important;
        left: 50%;
        margin-left: -50% !important;
        letter-spacing: 4px;
        width: 100% !important;
        text-align: center !important;
        padding: 10px !important
    }

    .PRODUCT-title h2 {
        font-size: 24px !important;
        letter-spacing: normal !important;
        text-shadow: 1px 2px 0 #191127, 3px 1px 0 rgba(0, 0, 0, 0.15) !important
    }

    .PRODUCT-title span {
        font-size: 12px !important;
        font-weight: lighter;
        letter-spacing: normal !important
    }

    .aboutUS-TEXTT p {
        width: 85% !important;
        font-size: 16px !important;
        padding: 10px 0 !important;
        font-weight: lighter !important
    }

    .details-p {
        padding-top: 60px !important;
        color: #bbb8bf !important
    }

    .details-p div {
        margin: 10px 0px !important
    }
    .details-p img{
        max-width:100%;
    }

    .initem-2 {
        padding-top: 2px !important
    }

    .salespadd30 {
        padding: 10px 0px 10px !important
    }

    .after-sales {
        padding: 0 !important
    }

    .w3layouts-clients {
        padding: 30px 0px !important
    }

    .about-clients {
        padding: 0px !important
    }

    .col-lg-1-5 {
        width: 100% !important;
        float: left !important
    }

    .JoinUS-TEXT p {
        width: 90% !important;
        font-size: 16px !important;
        padding: 20px 0 !important
    }

    .title h2 {
        font-size: 22px !important;
        padding-top: 30px !important
    }

    .title p {
        font-size: 16px !important;
        margin-bottom: 0px !important
    }

    .title {
        margin: 0px 0px 20px !important
    }

    .case_list {
        margin-bottom: 25px !important
    }

    .font20580 {
        font-size: 20px
    }

    .more {
        margin: 20px auto 20px !important;
        padding: 0px 15px
    }

    .news-list-main h3 {
        margin: 0px !important;
        font-size: 16px !important
    }

    .news-list-main p a {
        height: 50px !important
    }

    .news-list-main h4 a {
        font-size: 14px !important
    }

    .news-list-main p a {
        font-size: 14px !important
    }

    .news-list {
        height: 120px !important
    }

    .bg {
        padding: 0px 0px 80px !important
    }

    .shoujidss22 {
        font-size: 18px !important;
        display: inline-block;
        text-align: center;
        margin: 0px auto;
        position: absolute;
        top: -80px;
        margin-left: -125px;
        width: 250px;
        height: 100px;
        white-space: normal;
        word-break: break-all;
        word-wrap: break-word;
        line-height: 20px
    }

    .shoujidss24 {
        font-size: 2.3rem !important;
        display: inline-block;
        text-align: center;
        margin-top: 60px;
        width: 100%;
        height: 100px;
        white-space: normal;
        word-break: break-all;
        word-wrap: break-word;
        display: block;
        margin: 160px auto;
        line-height: 40px
    }

    .tp-caption {
        margin: 0px auto !important
    }

    .aboutUS-TEXT p {
        width: 90% !important;
        font-size: 14px !important
    }

    .team-p {
        font-size: 16px !important
    }

    .service-p {
        font-size: 16px !important
    }

    .after-sales p {
        font-size: 16px !important
    }

    .newstitle-box-1 h3 {
        line-height: 16px !important
    }

    .newstitle-box-1 h3 a {
        font-size: 14px !important;
        font-weight: normal !important
    }

    .newstitle-box-1 {
        padding: 10px 0px !important
    }

    .header .left a img {
        margin-top: -3px !important;
        width: 90px !important
    }

    .newstitle-box h3 a {
        font-size: 16px !important
    }

    .newstitle-box {
        padding: 10px 0px !important
    }

    .news-p a {
        font-size: 12px !important
    }

    .news-list img {
        height: 120px !important
    }

    .news_mainbox_main {
        padding: 10px 5% !important
    }

    a.btn-slider {
        font-size: 14px;
        color: #fff;
        letter-spacing: 1px;
        line-height: normal;
        font-weight: bold;
        text-transform: uppercase;
        border: solid 1px #fff;
        padding: 8px 15px 8px 15px !important;
        margin-top: 60px;
        display: block
    }

    .hegh30 {
        height: 30px
    }

    .newsmainbox-pm {
        padding: 0px 5%;
        margin-top: 0px !important
    }

    .col-lg-1-5 p {
        font-size: 16px !important
    }

    .carousel-indicators {
        display: none !important
    }

    .anddzfu-1 {
        font-size: 18px !important;
        letter-spacing: 2px;
        top: 30px !important;
        width: 80% !important;
        left: 50% !important;
        margin-left: -36% !important
    }

    .padding6010 {
        padding: 10px 4% !important
    }

    hr {
        margin-top: 5px !important;
        margin-bottom: 5px !important
    }

    .detailbanner {
        height: 230px !important
    }

    #depend h3 {
        text-align: center;
        font-size: 20px !important;
        margin: 0px !important;
        padding: 0
    }

    #depend h3 span {
        color: #3499db
    }

    #depend p:nth-child(2) {
        text-align: center;
        font-size: 18px !important;
        padding: 0 !important;
        font-weight: lighter !important
    }

    .phone-martop {
        margin-top: 40px
    }

    .header {
        height: 40px !important;
        background: rgba(0, 0, 0, 0.9) !important;
        top: 0;
        z-index: 1001 !important
    }

    .top-quxian {
        position: absolute;
        bottom: 0px !important;
        z-index: 1
    }

    .banner_carousel i {
        padding: 1px !important;
        display: inline-block;
        line-height: 15px !important;
        font-size: 12px !important;
        letter-spacing: 2 !important
    }

    .promob {
        background: #000;
        color: #fff;
        position: absolute;
        bottom: 0px;
        width: 100%;
        padding: 5px;
        background: rgba(0, 0, 0, 0.2)
    }

    .promob p {
        padding: 0;
        margin: 0;
        font-size: 14px;
        text-align: left;
        padding: 0;
        overflow: hidden;
        white-space: nowrap
    }

    .promob h6 {
        padding: 0;
        margin: 0;
        font-size: 16px;
        text-align: left;
        padding: 0;
        overflow: hidden;
        white-space: nowrap;
        color: #fff
    }

    .title h2 {
        padding: 10px 0px !important
    }

    .logofoot {
        margin: 25px auto 0px !important;
        display: block !important
    }

    .titleline:after {
        top: 22px
    }

    .titleline:before {
        top: 22px
    }

    .footmobilecol12 {
        padding: 0px !important
    }

    .footmobilecol4 {
        padding: 0px !important
    }

    .offer-section {
        padding: 0 !important
    }

    .col-xs-12 {
        padding: 0 !important
    }
}

@media (max-width: 1366px) {
    .promob {
        background: #000;
        color: #fff;
        position: absolute;
        bottom: 0px;
        width: 100%;
        padding: 5px;
        background: rgba(0, 0, 0, 0.2)
    }

    .promob p {
        padding: 0;
        margin: 0;
        font-size: 14px;
        text-align: left;
        padding: 0;
        overflow: hidden;
        white-space: nowrap;
        color: #fff
    }

    .promob h6 {
        padding: 0;
        margin: 0;
        font-size: 16px;
        text-align: left;
        padding: 0;
        overflow: hidden;
        white-space: nowrap;
        color: #fff
    }
}

.footmobilecol12 {
    padding: 0px !important
}

.newsmainbox-pm {
    padding: 0px 5%;
    margin-top: 0px
}

.team-p {
    padding: 30px 10%;
    font-size: 24px;
    font-weight: lighter;
    letter-spacing: 3px;
    color: #fff;
    text-indent: 48px
}

.service-p {
    font-size: 24px;
    text-indent: 60px;
    letter-spacing: 3px;
    text-align: center
}

@media screen and (min-width: 750px) and (max-width: 1200px) {
    .time-sty {
        bottom: 102px !important
    }

    .col-lg-1-5 {
        width: 50% !important;
        float: left !important
    }

    .case_list img {
    }

    .case_list {
        margin-bottom: 35px !important
    }

    .news-list-main h3 {
        margin: 0px !important;
        font-size: 18px !important
    }

    .news-list-main h4 a {
        font-size: 16px !important
    }

    .news-list-main p a {
        font-size: 14px !important
    }

    .news-list {
        height: 120px !important
    }

    .newstitle-box h3 a {
        font-size: 18px !important
    }

    .news-p a {
        font-size: 16px !important
    }

    .news_mainbox_main {
        padding: 10px 5% !important
    }

    .JoinUS-TEXT p {
        font-size: 16px !important;
        padding: 20px 0 !important
    }

    .aboutUS-TEXT p {
        font-size: 18px !important;
        padding: 10px 0 !important
    }

    .team-p {
        font-size: 18px !important
    }

    .about-clients {
        padding: 30px 0px !important
    }

    .service-p {
        font-size: 18px !important
    }

    .after-sales p {
        font-size: 18px !important
    }

    .salespadd30 {
        padding: 30px 20px 10px !important
    }

    .anddzfu-1 {
        font-size: 18px !important;
        top: 20px !important;
        width: 60% !important
    }

    .youtube {
        margin-left: 5px !important
    }

    .tencent {
        margin-left: 5px !important
    }

    .tawatter {
        margin-left: 5px !important
    }

    .facebook {
        margin-left: 5px !important
    }

    .webo {
        margin-left: 5px !important
    }

    .wechat {
        margin-left: 5px !important
    }

    .detailbanner {
        height: 230px !important
    }

    .top-quxian {
        position: absolute;
        bottom: -5px !important;
        z-index: 1
    }
}

@media (max-width: 1500px) {
    .bgtpoab {
        bottom: 0px !important
    }
}

.title {
    text-align: center;
    color: #fff !important;
    margin: 0px 0px 30px
}

.title h2 {
    font-size: 24px;
    letter-spacing: 2px;
    color: #fff !important
}

.title p {
    font-size: 20px;
    font-weight: lighter
}

.case_list {
    margin-bottom: 85px
}


.case_list a {
    display:inline-block;
    position: relative;
}
.case_list img{
    vertical-align: middle;
}

.case_list_title{
    padding:15px 0;
}
.case_list_title h3{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.case_list_title h3 a{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
}
.case_list img {
    width: 100%
}

.case_list figure {
    display: inline-block;
    position: relative;
    margin:0;
}

.case_list span {
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 1;
    padding: 15px 25px;
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0,0,0,.9);
}

.suofang {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -ms-transition-duration: .5s;
    -o-transition-duration: .5s
}

.suofang:hover {
    transform: scale(1.08);
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    -webkit-transition-timing-function: ease-in-out;
    -webkit-transition-duration: 750ms;
    -moz-transition-timing-function: ease-in-out;
    -moz-transition-duration: 750ms;
    -ms-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -ms-transition-duration: 750ms;
    -o-transition-duration: 750ms;
    overflow: hidden
}

@keyframes anima {
    from {
        margin-top: -50px;
        -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=($opacity * 100))';
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0
    }
    to {
        margin: auto;
        -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=($opacity * 100))';
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1
    }
}

@-webkit-keyframes anima {
    from {
        margin-left: -20px;
        -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=($opacity * 100))';
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0
    }
    to {
        margin-left: 10px;
        -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=($opacity * 100))';
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1
    }
}

.pic {
    position: relative;
    overflow: hidden;
    display: inline-block;
    /*-webkit-animation: anima 2s;*/
    /*-moz-animation: anima 2s;*/
    /*-o-animation: anima 2s;*/
    /*-ms-animation: anima 2s;*/
    /*animation: anima 2s;*/
    /*-webkit-backface-visibility: hidden;*/
    /*-moz-backface-visibility: hidden;*/
    /*-o-backface-visibility: hidden;*/
    /*-ms-backface-visibility: hidden;*/
    /*backface-visibility: hidden;*/
    width: 100%
}

.pic-3d {
    -webkit-perspective: 500;
    -moz-perspective: 500;
    -o-perspective: 500;
    -ms-perspective: 500;
    perspective: 500;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.pic-caption {
    cursor: default;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
    padding: 20% 10px 10px 10px;
    text-align: center;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=($opacity * 100))';
    filter: alpha(opacity=0);
    opacity: 0;
    cursor: pointer;
    color: #fff
}

.pic-image {
    transition: All 0.5s ease-in-out;
    -webkit-transition: All 0.5s ease-in-out;
    -moz-transition: All 0.5s ease-in-out;
    -o-transition: All 0.5s ease-in-out;
    width: 100%
}

.pic:hover .pic-image {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1)
}

.pic-title {
    font-size: 1.8em
}

a, a:hover, .pic .pic-image, .pic-caption, .pic:hover .pic-caption, .pic:hover img {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.pic:hover .bottom-to-top, .pic:hover .top-to-bottom, .pic:hover .left-to-right, .pic:hover .right-to-left, .pic:hover .rotate-in, .pic:hover .rotate-out, .pic:hover .open-up, .pic:hover .open-down, .pic:hover .open-left, .pic:hover .open-right, .pic:hover .come-left, .pic:hover .come-right {
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=($opacity * 100))';
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -moz-touch-callout: none;
    -o-touch-callout: none;
    -ms-touch-callout: none;
    touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -moz-tap-highlight-color: transparent;
    -o-tap-highlight-color: transparent;
    -ms-tap-highlight-color: transparent;
    tap-highlight-color: transparent
}

.pic-cap {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 10px 10px 8px;
    width: 100%;
    background: rgba(0, 0, 0, 0.75);
    z-index: 10
}

.pic-cap h1 {
    font-size: 18px;
    color: #fff
}

.pic-cap p {
    font-size: 14px;
    color: #fff
}

.pic-cap span {
    color: #fff
}

.bottom-to-top {
    top: 100%;
    left: 0;
    opacity:0;
}

.pic:hover .bottom-to-top {
    top: 0;
    left: 0;
    opacity:1;
}

.works_list {
    margin-bottom: 15px;
    padding-right: 10px;
    padding-left: 10px
}

.hzhb-img {
    padding: 0px 8%;
    margin: 0
}

.hzhb-img img {
    width: auto;
    float: left;
    margin-right: 15px;
    margin-bottom: 20px
}

.footerbox {
    padding: 34px 5%;
    background: #000
}

.footicon i {
    padding-left: 10px;
    font-size: 1.2rem
}

.tencent {
    width: 1.1rem;
    height: 1.1rem;
    background: url(../img/2222.png) no-repeat;
    background-position: center;
    display: inline-block;
    margin-left: 15px;
    background-size: 100%
}

.header_list {
    color: white;
    list-style: none;
    margin: 0 auto;
    height: 70px;
    vertical-align: top
}
.header_list i{
    font-size:12px;
}


.glyphicon-map-marker:before {
    content:'\e062';
    color: rgba(249, 249, 249, 0.5)
}

.ul_line {
    padding: 0px
}

.ul_line li {
    text-align: center;
    margin-right: 20px;
    overflow: hidden;
    list-style: none;
    font-size: 14px;
    display: inline;
    color: #fff;
    text-decoration: none;
    letter-spacing: 2px;
    cursor: pointer
}

.more {
    margin: 40px auto 20px;
    padding: 0.375rem 0.75rem;
    text-align: center;
    font-size: 12px;
    color: #fff;
    outline: none;
    display: block;
    width: 150px;
    background: #10081d;
    border: 1px solid rgba(255, 255, 255, 0.5);
}

.more:hover {
    background: #fff;
    color: #111 !important;
    border-color: #fff;
    text-decoration: none
}

.more:after {
    font-family: FontAwesome;
    content:'\f054';
    margin-left: 10px
}

.martop100 {
    margin-top: 100px
}

.PRODUCT-title H2 {
    font-size: 60px;
    color: #fff;
    text-shadow: 4px 3px 0 #191127, 9px 8px 0 rgba(0, 0, 0, 0.15)
}

.PRODUCT-title span {
    font-size: 18px;
    font-weight: lighter;
    text-shadow: 1px 1px 0 #191127, 2px 1px 0 rgba(0, 0, 0, 0.15)
}

.PRODUCT-title {
    color: aliceblue;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -30%;
    letter-spacing: 4px;
    width: 60%;
    text-align: center;
    padding: 20px
}

.tenvideo_player {
    position: relative;
    width: 100%;
    height: 100%;
    margin: auto;
    background: #000
}

.JoinUS-TEXT p {
    text-align: center;
    width: 60%;
    display: block;
    margin: 0px auto;
    font-size: 16px;
    padding: 40px 0;
    color: #bfbfbf;
    font-weight: 100;
    letter-spacing: 0.5px;
    font-family: 'Microsoft JhengHei', Arial, Helvetica, sans-serif;
    line-height: 30px
}

.aboutUS-TEXT p {
    text-align: center;
    display: block;
    margin: 0px auto;
    font-size: 24px;
    padding: 10px 0
}

}
.subintro {
    font-size: 16px;
    font-weight: 800
}

.initem {
    padding: 20px 0
}

.initem-2 {
    padding-top: 112px
}

.initem p {
    font-size: 14px;
    text-indent: 0;
    line-height: 24px;
    letter-spacing: 2px;
    font-weight: lighter;
    color: #fff !important;
    text-align: left
}

.subintro {
    font-weight: bold;
    margin-bottom: 10px;
    display: inline-block;
    font-size: 16px;
    color: #fff !important;
    text-align: left !important
}

.w3layouts-clients {
    background: url(../img/server3_background.jpg) no-repeat 0px 0px;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-attachment: fixed;
    margin: 30px 0px -80px 0px !important;
    padding: 120px 0px
}

.about-clients {
    background: url(../img/team.jpg) no-repeat 0px 0px;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-attachment: fixed;
    margin: 30px 0px -80px 0px !important;
    padding: 100px 0px
}

.bg {
    background: rgba(0, 0, 0, 0.1);
    padding: 100px 0;
    color: #fff;
    text-align: center;
    padding: 60px 0 80px
}

.after-sales {
    padding: 30px 0
}

.after-sales img {
    display: block;
    margin: 0px auto
}

.after-sales p {
    font-size: 24px;
    text-align: center;
    padding: 10px 0px
}

.salespadd30 {
    padding: 60px 80px 10px
}

.col-lg-1-5 {
    width: 20%;
    float: left;
    text-align: center;
    padding: 20px 60px;
}

.col-lg-1-5 h3 {
    font-size: 30px;
    margin-bottom: 30px
}

.col-lg-1-5 p {
    font-size: 18px
}

.col-lg-1-5 img {
    margin: 0px auto;
    display: block
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff !important;
    border: 1px solid #fff !important;
    border-radius: 100px !important;
    margin: 0px 5px
}

.carousel-indicators .active {
    width: 10px !important;
    height: 10px !important;
    background-color: #ffc107 !important;
    border: 1px solid #ffc107 !important;
    margin: 0px 5px !important
}

.carousel-indicators {
    bottom: -40px !important;
    width: auto !important
}

.anddzfu-1 {
    position: absolute;
    top: 40px;
    font-size: 24px;
    width: 50%;
    left: 50%;
    margin-left: -22%
}

.padding6010 {
    padding: 60px 10%
}

.padding30 {
    padding: 30px 0px
}

.martop60 {
    margin-top: 60px
}

.news-detail {
    text-align: left
}

.news-detail h3 {
    font-size: 30px;
    font-weight: bold;
    padding: 30px 0px
}

.news-detail p {
    font-size: 14px;
    color: #fff !important;
    text-align: left;
    line-height: 2
}

.news-detail div {
    color: #eee !important
}

.news-detail img:nth-child(even) {
    padding: 0px 0 2% 1%;
    width: 49% !important
}

.news-detail img:nth-child(odd) {
    padding: 0px 1% 2% 0%;
    width: 49% !important
}

.news_mainbox a:hover, a:focus {
    color: #fff !important;
    text-decoration: none !important
}

.news_mainbox {
    margin-top: 82px;
    padding: 80px 5% 20px
}

.news_mainbox p {
    font-size: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.newstitle-box {
    padding: 15px 0px
}

.newstitle-box h3 {
    display: inline-block;
    float: left;
    margin: 10px 0;
    width: 60%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.newstitle-box h3 a {
    font-size: 18px;
    font-weight: bold;
    color: #ddd
}

.newstitle-box h3 a:hover {
    color: #3499db;
    color: #3499db;
    text-decoration: none
}

.newstitle-box-1 {
    padding: 15px 0px;
}

.newstitle-box-1 h3 {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.newstitle-box-1 h3 a {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-decoration: none
}

.news-p {
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.news-p a {
    font-size: 16px;
    font-weight: lighter;
    color: #fafafa;
    letter-spacing: 2px
}

.news-p a:hover {
    color: #3499db;
    color: #3499db;
    text-decoration: none
}

.newstitle-box span {
    display: inline-block;
    float: right;
    font-size: 14px;
    border: 1px solid #808080;
    padding: 1px 5px
}

.newstitle-box-1 span {
    display: inline-block;
    float: right;
    font-size: 12px;
    padding: 0;
    color: #bdbdbd
}

.news-list {
    height: 214px;
    margin-bottom: 15px
}

.news-list img {
    display: inline-block;
    float: left;
    width: 45%;
    height: 180px
}

.imgnews {
}

.news-list-main {
    float: left;
    width: 55%;
    display: inline-block;
    padding-left: 30px
}

.news-list-main h3 {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    letter-spacing: 3px;
    margin: 0px 0px 10px 0px
}

.news-list-main h4 {
    width: 95%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.news-list-main h4 a {
    font-size: 16px;
    color: #d6d6d6;
    letter-spacing: 3px
}

.news-list-main h4 a:hover {
    color: #3499db;
    text-decoration: none
}

.news-list-main p a {
    font-size: 14px;
    font-weight: lighter;
    color: #e7e7e7;
    letter-spacing: 3px;
    height: 100px;
    font-size: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    line-height: 25px;
    letter-spacing: 1px
}

.news-list-main p a:hover {
    color: #3499db;
    text-decoration: none
}

.news_mainbox_main {
    padding: 80px 5%
}

.news_main_industry-right {
    padding-left: 3%;
    padding-bottom: 3%
}

.news_main_industry-right img {
    width: 100%
}

.news_main_industry-left {
    padding-right: 3%;
    padding-bottom: 3%
}

.news_main_industry-left img {
    width: 100%
}

.pageStyle {
    font-size: 1rem
}

.bgtpoab {
    position: absolute;
    bottom: -45px;
    z-index: 1
}
.show-cover{
    margin-bottom:2%;
}
.show-cover img {
    width: 100% !important
}

.show-images img {
    padding: 0 2% 4% 0
}
#depend {
    padding: 50px 0
}

#depend h3, #depend p {
    text-align: center;
    font-size: 36px;
    color: #fff;
    padding: 30px 0 0 0
}

#depend h3 {
    text-align: center;
    font-size: 36px !important;
    margin: 0px !important;
    padding: 0
}

#depend h3 span {
    color: #3499db
}

#depend p:nth-child(2) {
    text-align: center;
    font-size: 28px;
    color: #fff;
    padding: 0px 0 0 0;
    font-weight: bold
}

.time-sty {
    font-size: 12px !important;
}

.padd605 {
    padding: 60px 5%
}

#shape {
    background: url('../img/rocket.png') no-repeat scroll 0 0 transparent;
    background-image: url('../img/rocket.png');
    display: block;
    height: 80px;
    width: 80px;
    overflow: hidden;
    position: fixed;
    margin: -80px 0 0;
    right: 0;
    top: 98%;
    z-index: 12;
    margin-top: -80px
}

#shape .shapeColor {
    background: url('../img/rocket.png') no-repeat scroll -82px 0;
    display: none;
    height: 82px;
    width: 82px;
    z-index: 11;
    overflow: hidden;
    position: absolute
}

.disabled {
    pointer-events: none
}

.dropdown-menu-block {
    position: absolute;
    top: -110px;
    left: -25px;
    z-index: 1000;
    display: none
}

.row {
    margin: 0
}

.feature-box-small-icon .text {
    padding-left: 70px;
    color: #bbb;
    margin-top: 10px
}

.feature-box-small-icon h3 {
    line-height: normal;
    margin-bottom: 5px
}

.dark .btn-border:hover, .dark a.btn-border:hover {
    background: #fff;
    color: #111 !important;
    border-color: #fff
}

.dark .btn-border:after, .dark a.btn-border:after {
    color: #fff !important
}

@media (min-width: 992px) {
    .col-md-offset-3 {
        margin-left: 25%
    }
}

.dark h1, .dark h2, .dark h3, .dark h4, .dark h5 {
    color: #eceff3
}

p.lead {
    font-size: 18px
}

.btn-border, a.btn-border {
    border: solid 1px #bbb;
    color: #111 !important;
    font-weight: 500;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 12px
}

.de-progress {
    width: 100%;
    height: 8px;
    background: #ddd;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 40px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px
}

.de-progress .progress-bar {
    background: #333;
    height: 8px;
    border-radius: 40px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px
}

.dark .de-progress {
    background: rgba(0, 0, 0, 0.4)
}

.de-progress {
    width: 100%;
    height: 8px;
    background: #ddd;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 40px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px
}

.index {
    width: 120px !important;
    height: 120px;
    background: url(../img/servace.png) no-repeat 0px 0px;
    display: block;
    margin: 0px auto
}

.icon-index1:hover {
    background-position-y: -120px
}

.icon-index1 {
    background-position: -120px 0px
}

.icon-index2 {
    background-position: -240px -0px
}

.icon-index2:hover {
    background-position-y: -120px
}

.icon-index3:hover {
    background-position-y: -120px
}

.icon-index3 {
    background-position: 0px -0px
}

.PROJECT-border {
    width: 95px;
    height: 95px;
    position: relative;
    border: 1px solid transparent;
    border-radius: 200px;
    background: #000;
    background-clip: padding-box;
    padding: 10px;
    margin-bottom: 20px
}

.PROJECT-border::after {
    position: absolute;
    top: -3px;
    bottom: -3px;
    left: -3px;
    right: -3px;
    background: linear-gradient(to right, #efb34a, #3e619b);
    content: '';
    z-index: -1;
    border-radius: 200px
}

.PROJECT-border h2 {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 40px !important
}

.PROJECT-border p {
    text-align: center !important;
    font-family: 'PingFang SC' !important;
    font-size: 16px !important
}

.cor-fff {
    color: #fff !important
}

.jtzz {
    line-height: 90px;
    width: 40px;
    font-size: 20px;
    color: #f89e00
}

.jtxx {
    position: absolute;
    position: absolute;
    bottom: -40px;
    left: 55px;
    font-size: 30px;
    color: #f89e00
}

.gghd-border {
    border: 2px solid #3499db;
    border-radius: 20px;
    padding: 0px 10px;
    line-height: 90px;
    height: 60px;
    line-height: 60px;
    margin-bottom: 40px
}

.gghd-border h2 {
    display: inline-block;
    font-size: 40px !important;
    line-height: 60px;
    margin-top: 0px;
    margin-bottom: 0;
    float: left
}

.gghd-border span {
    display: inline-block;
    font-size: 18px;
    font-family: 'PingFang SC' !important;
    float: left;
    padding-left: 5px
}

.jtzz1 {
    line-height: 60px;
    width: 52px;
    font-size: 20px;
    color: #f89e00
}

.margin60top {
    margin: 60px 0px 0px 0px !important
}

.zzicon1 {
    width: 120px !important;
    height: 120px;
    background: url(../img/1iconpng.png) no-repeat 0px 0px;
    display: block;
    margin: 0px auto
}

.icon-zzicon3 {
    background-position: -240px -0px
}

.icon-zzicon1 {
    background-position: 0px -0px
}

.icon-zzicon1 {
    background-position: -120px -0px
}

.icon-zzicon1:hover {
    background-position-y: -120px
}

.icon-zzicon2:hover {
    background-position-y: -120px
}

.icon-zzicon3:hover {
    background-position-y: -120px
}

.isotope, .isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity
}

.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s
}

.filters1 {
    font-size: 12px;
    letter-spacing: 1px;
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
    font-weight: 400
}

.filters1 li {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 20px
}

.filters1 a {
    outline: none;
    padding: 10px 20px 8px 20px;
    color: #888;
    font-size: 11px;
    text-decoration: none;
    text-transform: uppercase;
    background: #eee;
    border: none !important
}

.dark .filters1 a {
    color: #888;
    border: solid 1px #555
}

.filters1 a:hover {
    background: #ddd
}

.filters1 a.selected {
    color: #fff
}

#filters {
    font-size: 12px;
    letter-spacing: 1px;
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
    font-weight: 400
}

#filters li {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 20px
}

#filters a {
    outline: none;
    padding: 10px 20px 8px 20px;
    color: #888;
    font-size: 11px;
    text-decoration: none;
    text-transform: uppercase;
    background: #eee;
    border: none !important
}

.dark #filters a {
    color: #888;
    border: solid 1px #555
}

#filters a:hover {
    background: #ddd
}

#filters a.selected {
    color: #fff
}

.isotope-item {
    z-index: 2
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1
}

.flexslider {
    width: 100%;
    background: none;
    border: none;
    box-shadow: none;
    margin: 0px
}

.control-slider {
    float: right;
    display: inline-block;
    margin-right: -10px
}

.prev-slider, .next-slider {
    float: left;
    display: block;
    text-align: center;
    margin-top: 10px;
    cursor: pointer
}

.prev-slider i, .next-slider i {
    border: solid 1px #ccc;
    padding: 5px 10px 5px 10px
}

.prev-slider i:hover, .next-slider i:hover {
    color: #fff;
    border: solid 1px #333;
    background: #333
}

.prev-slider {
    margin-right: -5px
}

.project-carousel ul.slides, .project-carousel-3-col ul.slides {
    margin-top: 10px;
    margin-bottom: 20px
}

.logo-carousel .flex-direction-nav, .project-carousel .flex-control-nav, .project-carousel .flex-direction-nav, .project-carousel-3-col .flex-control-nav, .project-carousel-3-col .flex-direction-nav {
    display: none
}

.logo-carousel.no-control .flex-control-nav {
    display: none
}

.logo-carousel li img {
    width: auto !important
}

#testimonial-full {
    text-align: center;
    padding: 10px 0 10px 0;
    text-shadow: none
}

#testimonial-full blockquote {
    color: #fff;
    border: none !important;
    margin: 0;
    font-size: 18px;
    font-family:'Raleway';
    font-weight: 300;
    font-style: normal;
    line-height: 1.5em;
    text-transform: uppercase;
    letter-spacing: 3px
}

#testimonial-full span {
    letter-spacing: 0;
    margin-top: 20px;
    text-transform: none
}

.testi-slider .flex-control-nav {
    position: absolute !important;
    margin-top: -50px !important
}

.testi-slider .flex-direction-nav {
    display: none
}

.testi-slider .flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center
}

.testi-slider .flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline
}

.testi-slider .flex-control-paging li a {
    background: none;
    width: 8px;
    height: 8px;
    display: block;
    border: solid 1px #fff;
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

.testi-slider .flex-control-paging li a:hover {
    border: solid 1px #fff;
    background: #fff
}

.testi-slider .flex-control-paging li a.flex-active {
    border: solid 1px #fff;
    cursor: default;
    background: #fff
}

#toTop {
    z-index: 1555;
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    overflow: hidden;
    width: 62px;
    height: 62px;
    border: none;
    text-indent: -999px;
    background-image: url('../img/rocket.png')
}

#toTopHover {
    background-image: url('../img/rocket.png');
    left: -62px;
    width: 62px;
    height: 62px;
    display: block;
    overflow: hidden;
    float: left
}

#toTop:active, #toTop:focus {
    outline: none
}

.dark .owl-theme .owl-controls .owl-page span {
    background: #fff !important;
    margin-top: 30px;
    width: 8px;
    height: 8px
}

.owl-carousel .owl-wrapper:after {
    content:'.';
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px)
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out
}

.owl-carousel .owl-item {
    float: left
}

.owl-controls .owl-page, .owl-controls .owl-buttons div {
    cursor: pointer
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.grabbing {
    cursor: url(grabbing.png) 8 8, move
}

.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

footer {
    background: #111;
    color: #666;
    padding: 0px 0 30px 0
}

footer h3 {
    font-size: 20px;
    color: #eceff3
}

footer a {
    color: #ccc
}

footer a:visited {
    color: #ccc
}

footer a:hover {
    color: #eceff3
}

.footer {
    background: #ddd
}

.madtopq9y {
    margin-top: 100%
}

.foot-map {
    position: relative;
    width: 100%;
    background-color: #181818
}

.foot-map .container {
    position: relative;
    z-index: 2
}

.foot-map-sub {
    width: 100%
}

.foot-map-sub > div {
    padding-left: 0px;
    padding-right: 0px;
    overflow: hidden;
    width: 100%
}

.foot-map-sub ul {
    float: left;
    font-size: 12px;
    font-family: 'Microsoft JhengHei', Arial, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 44px;
    border-right: 1px dotted #232323;
    list-style: none
}

.foot-map-sub ul:last-child {
    border-right: none
}

.foot-map-sub ul > li {
    width: 100%;
    text-align: center;
    line-height: 1;
    padding: 10px 5px;
    list-style: none;
    margin-left: 0px;
    clear: both;
    font-size: 14px;
    font-family: 'Microsoft JhengHei', Arial, Helvetica, sans-serif
}

.foot-map-sub > div > ul > li:first-child {
    padding: 10px;
    width: 100%;
    background-color: #000;
    margin-bottom: 15px;
    border-left: none;
    font-weight: bold;
    font-size: 14px;
    font-family: 'Microsoft JhengHei', Arial, Helvetica, sans-serif
}

.foot-map-sub > div > ul > li > a {
    color: #717071;
    text-decoration: none
}

.foot-map-sub > div > ul > li > a:hover {
    color: #3499db
}
@media (min-width: 768px) {
    .foot-map:before {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        content: '';
        width: 100%;
        height: 34px;
        background-color: black
    }
}

@media (max-width: 767px) {
    .foot-map-sub{
        display:none;
    }
}

.comment-info {
    margin-left: 85px;
    margin-bottom: 5px
}

.comment-info span {
}

.comment-info .c_name {
    display: block;
    font-weight: 700;
    color: #555
}

.comment-info .c_reply {
    padding-left: 20px;
    margin-left: 20px;
    border-left: solid 1px #ddd;
    font-size: 12px
}

.comment-info .c_date {
    font-size: 12px
}

.blog-list h3, .blog-read h3 {
    color: #333;
    letter-spacing: normal;
    font-size: 24px
}

.blog-list h3 a:hover {
    text-decoration: none;
    color: #fff
}

.bloglist .post-content {
    padding-left: 0px
}

.bloglist .btn {
    margin-top: 20px
}

#commentform label {
    display: block
}

#commentform input {
    width: 290px
}

#commentform input:focus {
    border: solid 1px #999;
    background: #fff
}

#commentform textarea {
    width: 97%;
    padding: 5px;
    height: 150px
}

#commentform textarea:focus {
    border: solid 1px #999;
    background: #fff
}

#commentform input.btn {
    width: auto
}

.post-content {
    padding-left: 80px
}

.post-meta {
    margin: 20px 0 10px 80px;
    border: solid 1px #000;
    border-left: none;
    font-size: 11px;
    background: #000
}

.post-meta a {
    color: #888 !important;
    text-decoration: none
}

.post-meta a:hover {
    color: #3499db !important
}

.post-meta span {
    display: inline-block;
    width: 33%;
    padding: 10px 0 10px 0;
    text-align: center;
    border-left: solid 1px #000
}

.post-meta span i {
    float: none
}

.post-image img {
    width: 100%
}

.dark .post-meta {
    border-top: solid 1px #000;
    border-bottom: solid 1px #000
}

.bloglist {
}

.bloglist .overlay-area {
    display: block;
    z-index: 1000;
    position: relative;
    width: 100%;
    margin-top: -55px
}

.bloglist .post-image {
    position: relative
}

.bloglist .post-date {
    position: absolute;
    top: 0;
    left: 10px;
    padding: 20px 10px 30px;
    text-align: center;
    background: -moz-linear-gradient(top, #3499db, transparent 120%);
    background: -webkit-gradient(linear, 0 0, 0 120%, from(#3499db), to(transparent))
}

.bloglist .post-date .month {
    font-size: 16px
}

.bloglist .post-date .day {
    font: 28px arial black
}

.bloglist .post-text h3 {
    font-size: 24px;
    margin: 10px 0
}

.bloglist .overlay-area .date-post {
    padding: 15px;
    padding-top: 20px;
    display: inline-block;
    border-radius: 60px;
    width: 80px;
    height: 80px
}

.bloglist .overlay-area .day {
    font-size: 32px
}

.bloglist .overlay-area .month {
    letter-spacing: 3px
}

.bloglist span {
    font-weight: 400;
    display: block;
    color: #fff;
    text-transform: uppercase
}

.bloglist .date-box {
    text-align: center;
    position: absolute;
    width: 124px
}

.bloglist .date-box .day, .bloglist .date-box .month {
    font-size: 26px;
    color: #fff;
    padding-top: 18px;
    width: 60px;
    height: 60px
}

.bloglist .date-box .month {
    font-size: 14px;
    background: #333
}

.dark .bloglist .date-box .month {
    background: #000
}

.blog-slide {
    padding: 0;
    margin: 0
}

.error {
    border: none;
    display: none;
    color: #c03;
    font-size: 12px
}

.success {
    display: none;
    color: #093;
    background: none;
    margin-bottom: 20px
}

.error img {
    vertical-align: top
}

.full {
    width: 98%
}

#contact_form input[type=text], #contact_form textarea, #contact_form input[type=email] {
    font-size: 15px;
    padding: 5px;
    margin-bottom: 20px;
    color: #333 !important;
    border: none;
    border: solid 1px #ccc;
    background: none;
    border-radius: 0 !important
}

.dark #contact_form input[type=text], .dark #contact_form textarea, .dark #contact_form input[type=email] {
    font-size: 15px;
    margin-bottom: 20px;
    color: #333 !important;
    border: none;
    border: solid 1px #555;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 0 !important
}

.dark #contact_form input[type=text], .dark #contact_form textarea, .dark#contact_form input[type=email] {
    color: #fff !important
}

#contact_form input[placeholder], #contact_form textarea[placeholder] {
    color: #eee
}

#contact_form input[type=submit] {
    background: none
}

#contact_form input[type=submit]:hover {
    color: #fff !important
}

#contact_form textarea {
    height: 90px
}

address {
}

address span {
    display: block;
    font-size: 16px;
    border-bottom: solid 0px #bbb;
    padding-bottom: 5px;
    margin-bottom: 5px;
    font-weight: 300
}

.dark address span {
    border-bottom-color: #555
}

address span i {
    margin-top: 5px;
    margin-right: 20px;
    float: none
}

address span strong {
    display: inline-block
}

.dark address span a {
    color: #eceff3
}

address h3 {
    font-size: 18px;
    font-weight: bold
}

addressBG {
    background-color: #1dedf7;
    border-bottom: solid 1px #bbb
}

.small-border {
    height: 1px;
    width: 120px;
    background: #ccc;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px
}

.tp-border {
    height: 0px;
    width: 120px;
    background: #ccc;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px
}

.small-border-index {
    height: 1px;
    width: 120px;
    background: #3499db;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px
}

.crumb {
    color: #777;
    float: right;
    font-size: 12px
}

.crumb li {
    display: inline;
    text-decoration: none;
    padding: 0 2px 0 2px
}

.btn-border, a.btn-border {
    border: solid 1px #bbb;
    color: #111 !important;
    font-weight: 500;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    padding-left: 20px;
    padding-right: 20px
}

.btn-border:hover, a.btn-border:hover, .btn-border.hover, a.btn-border.hover {
    color: #fff !important
}

.dark .btn-border, .dark a.btn-border {
    border: solid 1px rgba(255, 255, 255, 0.5);
    color: #fff !important
}

.dark .btn-border:hover, .dark a.btn-border:hover {
    background: #fff;
    color: #111 !important;
    border-color: #fff
}

.dark .btn-border:after, .dark a.btn-border:after {
    color: #fff !important
}

.btn-border:hover:after, a.btn-border:hover:after, a.btn-border.hover:after {
    color: #fff
}

.dark .btn-border:hover:after, .dark a.btn-border:hover:after, .dark a.btn-border.hover:after {
    color: #111 !important
}

a.btn-text {
    text-decoration: none;
    display: inline-block;
    color: #111 !important;
    font-weight: 600;
    padding: 0
}

a.btn-text:after {
    font-family: FontAwesome;
    content:'\f054';
    padding-left: 10px
}

.dark a.btn-text {
    color: #fff !important
}

.btn-big {
    font-size: 14px;
    color: #eceff3;
    letter-spacing: 1px;
    line-height: normal;
    font-weight: bold;
    text-transform: uppercase;
    border: solid 1px #fff;
    padding: 15px 30px 15px 30px
}

a.btn-big:after {
    font-family: FontAwesome;
    content:'\f054';
    margin-left: 20px
}

a.btn-big:hover {
    color: #222 !important;
    background: #fff;
    border-color: #fff
}

a.btn-big:hover:after {
    color: #222
}

.dark .btn-border, .dark a.btn-border {
    color: #eceff3
}

.btn-border:after, a.btn-border:after {
    font-family: FontAwesome;
    content:'\f054';
    margin-left: 10px
}

.de_count {
    text-align: center;
    padding: 30px 0 30px 0;
    background: none
}

.de_count:hover, .de_count:hover h3 {
    color: #fff;
    transition: .5s all
}

.de_count h3 {
    margin-bottom: 15px;
    font-family: 'Microsoft JhengHei', Arial, Helvetica, sans-serif;
    font-size: 36px;
    font-weight: bold;
    transition: .5s all;
    color: #eceff3
}

.de_count span {
    text-transform: uppercase;
    font-size: 18px
}

.de_count i {
    display: block;
    font-size: 72px;
    margin: 0 auto;
    margin-bottom: 20px;
    width: 100%;
    font-weight: lighter !important
}

.spacer-half {
    width: 100%;
    height: 8px;
    display: block;
    clear: both
}

.spacer-single {
    width: 100%;
    height: 30px;
    display: block;
    clear: both
}

.spacer-double {
    width: 100%;
    height: 60px;
    display: block;
    clear: both
}

hr {
    display: block;
    clear: both;
    border-top: solid 1px #716c78 !important;
    margin: 10px 0 10px 0
}

}
.dropcap {
    display: inline-block;
    font-size: 48px;
    float: left;
    margin: 10px 15px 15px 0;
    color: #eceff3;
    padding: 20px 10px 20px 10px
}

.feature-box-small-icon {
    margin-bottom: 30px
}

.feature-box-small-icon.center {
    text-align: center
}

.dark .feature-box-small-icon .inner:hover > i {
    color: #fff
}

.feature-box-small-icon .text {
    font-size: 14px
}

.feature-box-small-icon.center .text {
    padding-left: 0;
    display: block
}

.feature-box-small-icon i {
    text-shadow: none;
    color: #333;
    font-size: 32px;
    width: 68px;
    height: 68px;
    text-align: center;
    position: absolute;
    border-radius: 60px
}

.feature-box-small-icon i.hover {
    color: #333 !important
}

.dark .feature-box-small-icon i.hover {
    color: #fff !important
}

.feature-box-small-icon .border {
    height: 2px;
    width: 30px;
    background: #ccc;
    display: block;
    margin-top: 20px;
    margin-left: 85px
}

.feature-box-small-icon .btn {
    margin-top: 10px
}

.feature-box-small-icon.center i {
    position: inherit;
    float: none;
    display: inline-block;
    margin-bottom: 20px;
    border: none;
    font-size: 60px;
    background: none;
    padding: 0px
}

.feature-box-small-icon.center .fs1 {
    position: inherit;
    float: none;
    display: inline-block;
    margin-bottom: 20px;
    border: none;
    font-size: 60px;
    background: none;
    padding: 0px
}

.feature-box-small-icon i.dark {
    background-color: #333
}

.feature-box-small-icon h3 {
    line-height: normal;
    margin-bottom: 5px
}

.feature-box-small-icon.no-bg h2 {
    padding-top: 12px
}

.feature-box-small-icon.no-bg .inner, .feature-box-small-icon.no-bg .inner:hover {
    padding: 0;
    background: none
}

.f-hover {
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    outline: none
}

.feature-box i {
    border: solid 1px
}

.feature-box-small-icon-2 {
    margin-bottom: 30px
}

.feature-box-small-icon-2 .text {
    padding-left: 48px
}

.feature-box-small-icon-2 i {
    text-shadow: none;
    color: #eceff3;
    font-size: 24px;
    text-align: center;
    position: absolute
}

.feature-box-small-icon-2 i.dark {
    background-color: #333
}

.feature-box-small-icon-2 h3 {
    line-height: normal;
    margin-bottom: 5px
}

.feature-box-small-icon-2.no-bg h2 {
    padding-top: 12px
}

.feature-box-small-icon-2.no-bg .inner, .feature-box-small-icon-2.no-bg .inner:hover {
    padding: 0;
    background: none
}

.feature-box i {
    border: solid 1px
}

.feature-box-image-2 {
    margin-bottom: 30px
}

.feature-box-image-2 .text {
    padding-left: 100px
}

.feature-box-image-2 img {
    position: absolute
}

.feature-box-image-2 i.dark {
    background-color: #333
}

.feature-box-image-2 h3 {
    line-height: normal;
    margin-bottom: 5px
}

.feature-box-image-2.no-bg h2 {
    padding-top: 12px
}

.feature-box-image-2.no-bg {
}

.feature-box-image-2.no-bg .inner, .feature-box-image-2.no-bg .inner:hover {
    padding: 0;
    background: none
}

.feature-box-image img {
    width: 100%;
    margin-bottom: 10px;
    height: auto
}

.feature-box-image h3 {
    line-height: normal;
    margin-bottom: 5px;
    font-size: 20px;
    font-weight: bold
}

.feature-box-big-icon {
    text-align: center
}

.feature-box-big-icon .text {
}

.feature-box-big-icon i {
    float: none;
    display: inline-block;
    text-shadow: none;
    color: #eceff3;
    font-size: 40px;
    padding: 40px;
    width: 120x;
    height: 120x;
    text-align: center;
    border: none;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -web-kit-border-radius: 10px;
    background: #333;
    margin-bottom: 40px;
    cursor: default
}

.feature-box-big-icon i:after {
    content:'';
    position: absolute;
    margin: 75px 0 0 -40px;
    border-width: 20px 20px 0 20px;
    border-style: solid
}

.feature-box-big-icon:hover i, .feature-box-big-icon:hover i:after {
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s
}

.feature-box-big-icon:hover i {
    background: #333
}

.feature-box-big-icon:hover i:after {
    border-color: #333 transparent
}

.box-fx .inner {
    position: relative;
    overflow: hidden;
    border: solid 1px #e5e5e5;
    border-bottom: solid 2px;
    cursor: pointer
}

.dark .box-fx .inner {
    border: solid 1px #222;
    border-bottom: solid 2px
}

.box-fx .front {
    padding: 60px 0 60px 0
}

.box-fx .front span {
    font-size: 20px
}

.box-fx .info {
    position: absolute;
    padding: 60px 0px 60px 0px;
    background: #fff;
    color: #fff
}

.box-fx .info span {
    font-size: 20px
}

.box-fx .btns {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    background-image: none;
    width: 100%;
    height: 100%
}

.box-fx i {
    font-size: 72px !important;
    margin-bottom: 20px
}

.box-fx .btn-border, .dark a.btn-border {
    border: solid 1px rgba(255, 255, 255, 0.5);
    color: #fff !important;
    padding: 8px 24px;
    outline: none;
    display: block;
    margin: 0px auto 0px;
    width: 150px
}

.dark .box-fx .btn-border:hover, .dark .box-fx a.btn-border:hover {
    background: none;
    color: #fff !important;
    text-decoration: none
}

.box-fx .info .btn-border:hover, .box-fx .info a.btn-border:hover {
    color: #fff !important;
    border: none
}

.infohover, .infohover .btn-border:hover, .infohover a.btn-border:hover {
    color: #fff !important;
    border: none
}

.box-fx .btn-border:after, .box-fx a.btn-border:after {
    color: #fff !important
}

.box-fx .btn-border:hover:after, .box-fx a.btn-border:hover:after, .box-fx a.btn-border.hover:after {
    color: #111 !important
}

.box-fx .bg-icon {
    left: 50%;
    bottom: 50px;
    color: #f5f5f5 !important;
    position: absolute !important;
    font-size: 190px !important;
    z-index: -1
}

.soltab_box .in {
    position: relative;
    overflow: hidden;
    border: solid 1px #333;
    border-bottom: solid 2px;
    cursor: pointer
}

.pagination li a {
    color: #888;
    background: none
}

.pagination li a:hover {
    color: #222;
    background: none
}

.dark .pagination li a {
    border: solid 1px #404040;
    background: #27282b
}

.dark .pagination li.active a {
    background: #222
}

.pricing-box {
    color: #888
}

.pricing-2-col {
    border-right: solid 1px #eee
}

.pricing-2-col .pricing-box {
    width: 49%
}

.pricing-3-col {
}

.pricing-3-col .pricing-box {
    width: 32.33%
}

.pricing-4-col {
}

.pricing-4-col .pricing-box {
    width: 24%
}

.pricing-5-col {
}

.pricing-5-col .pricing-box {
    width: 19%
}

.pricing-2-col, .pricing-3-col, .pricing-4-col, .pricing-5-col {
}

.pricing-box {
    float: left;
    text-align: center;
    margin: 5px;
    padding: 0;
    opacity: .8
}

.pricing-box ul {
    margin: 0;
    padding: 0
}

.pricing-box li {
    list-style: none;
    margin: 0;
    padding: 15px 0 15px 0;
    background: #eee
}

.pricing-box li h4 {
    font-size: 22px;
    margin: 0;
    padding: 0;
    font-weight: 400;
    color: #888
}

.pricing-box li h1 {
    font-size: 48px;
    margin: 0;
    margin-bottom: 5px;
    color: #1a8b49;
    letter-spacing: 0px
}

.pricing-box li.title-row {
    padding: 15px 0 15px 0
}

.pricing-box li.title-row h4 {
}

.pricing-box li.price-row {
    padding: 15px 0 15px 0;
    background: #f8f8f8
}

.pricing-box li.deco {
    background: #f5f5f5
}

.pricing-box a.btn {
    color: #eceff3
}

.pricing-box li.price-row span {
    display: block;
    font-weight: 600
}

.pricing-box li.btn-row {
    background: #ddd
}

.pricing-dark .pricing-box {
}

.pricing-dark .pricing-box ul {
    margin: 0;
    padding: 0
}

.pricing-dark .pricing-box li {
    background: #3b3b3b;
    color: #bbb;
    list-style: none;
    margin: 0;
    padding: 15px 0 15px 0
}

.pricing-dark .pricing-box li.deco {
    background: #333
}

.pricing-dark .pricing-box li h4 {
    font-size: 22px;
    margin: 0;
    padding: 0;
    font-weight: 400;
    color: #eceff3
}

.pricing-dark .pricing-box li h1 {
    font-size: 48px;
    margin: 0;
    margin-bottom: 5px;
    font-weight: 600;
    color: #eceff3
}

.pricing-dark .pricing-box li.title-row {
    background: #323232;
    padding: 15px 0 15px 0
}

.pricing-dark .pricing-box li.price-row {
    background: #2b2b2b;
    padding: 15px 0 15px 0
}

.pricing-dark .pricing-box li.price-row h1 {
    font-weight: 300
}

.pricing-dark .pricing-box li.price-row h1 span {
    display: inline-block;
    font-weight: 600
}

.pricing-dark .pricing-box li.price-row span {
    display: block;
    font-weight: 600
}

.pricing-dark .pricing-box li.btn-row {
    background: #404040
}

.pricing-featured {
    position: relative
}

.pricing-featured li {
    padding-top: 17px;
    padding-bottom: 17px
}

.de-progress {
    width: 100%;
    height: 8px;
    background: #ddd;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 40px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px
}

.de-progress .progress-bar {
    background: #333;
    height: 8px;
    border-radius: 40px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px
}

.dark .de-progress {
    background: rgba(0, 0, 0, 0.4)
}

.social-icons {
    display: inline-block
}

.social-icons i {
    text-shadow: none;
    color: #bbb;
    padding: 16px;
    width: 48px;
    height: 48px;
    text-align: center;
    border: solid 1px #bbb
}

.social-icons i:hover {
    background: #fff;
    border-color: #eceff3;
    color: #333
}

.de_tab {
    opacity: .8
}

.de_tab .de_nav {
    overflow: hidden;
    padding-left: 0;
    margin: 0;
    padding: 0;
    font-weight: bold
}

.accordion-inner img.full-size {
    margin-top: 5px;
    margin-bottom: 10px
}

a.accordion-toggle, a:visited.accordion-toggle {
    font-weight: bold;
    color: #222
}

.de_tab .de_nav li {
    float: left;
    list-style: none;
    background: #eee;
    margin-right: 5px
}

.de_tab .de_nav li span {
    padding: 8px 16px 8px 16px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    display: block;
    background: #f5f5f5;
    text-decoration: none;
    color: #646464;
    font-size: 13px;
    cursor: pointer
}

.dark .de_tab .de_nav li span {
    border: 1px solid #404040;
    background: #222
}

.de_tab .de_nav li:first-child span {
    border-left: 1px solid #ddd
}

.dark .de_tab .de_nav li:first-child span {
    border-left: 1px solid #404040
}

.de_tab .de_tab_content {
    border: 1px solid #ddd;
    padding: 15px 20px 20px 20px;
    margin-top: -1px;
    background: #fff
}

.dark .de_tab .de_tab_content {
    border: 1px solid #404040;
    background: #27282b
}

.de_tab .de_nav li span.active {
    background: #fff;
    border-bottom: 1px solid #fff;
    color: #222;
    margin-bottom: -3px
}

.dark .de_tab .de_nav li span.active {
    background: #27282b;
    border-bottom: 1px solid #27282b;
    color: #ccc
}

.tab-small-post ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.tab-small-post ul li {
    min-height: 60px;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: solid 1px #eee
}

.dark .tab-small-post ul li {
    border-bottom: solid 1px #404040
}

.tab-small-post ul li:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.tab-small-post ul li img {
    position: absolute
}

.tab-small-post ul li span {
    display: block;
    padding-left: 64px
}

.tab-small-post ul li span.post-date {
    font-size: 11px
}

.team {
    margin-bottom: 30px;
    text-align: center
}

.team h5 {
    margin-bottom: 0
}

.team_photo {
    margin-bottom: 10px
}

.team img.team-pic {
    width: 100%;
    height: auto
}

.pic-team img {
    width: 100%;
    height: auto;
    width: 150px;
    height: 150px;
    position: absolute
}

.pic-team img.pic-hover {
    z-index: 100;
    display: none
}

.team .team_desc {
    font-style: italic;
    margin-bottom: 10px
}

.team .sb-icons {
    padding: 10px 0 0 0
}

.team .sb-icons img {
    margin-right: 5px
}

.team .columns {
    margin-bottom: 30px
}

.team-list {
    min-height: 180px;
    margin-bottom: 40px
}

.team-list .team-pic {
    width: 150px;
    height: 150px;
    position: absolute
}

.team-list h5 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 14px
}

.team-list.team_desc {
    font-style: italic;
    margin-bottom: 10px
}

.team-list .small-border {
    float: none;
    margin: 15px 0 15px 0;
    background: #ddd;
    width: 50px
}

.team-list .social {
    width: 150px;
    margin-top: 170px;
    text-align: center;
    position: absolute
}

.team-list .social a {
    display: inline-block
}

.team-list .info {
    padding-left: 170px
}

.de-team-list {
    overflow: hidden
}

.de-team-list .team-desc {
    padding: 5px 20px;
    padding-bottom: 0;
    position: absolute;
    z-index: 100;
    top: 0;
    background: #111;
    color: #ccc
}

.de-team-list .team-desc h3 {
    color: #fff
}

.team-desc a {
    color: #fff;
    font-size: 16px
}

.team-desc a:hover {
    color: #3499db;
    font-size: 16px;
    text-decoration: none
}

.team-desc p {
    font-size: 13px
}

.team-desc p a {
    font-size: 13px
}

.team-desc p a:hover {
    font-size: 13px
}

.de-team-list .social {
}

.de-team-list .social a {
    display: inline-block
}

.de-team-list p.lead {
    font-size: 14px
}

.de-team-list .small-border {
    float: none;
    margin: 15px 0 15px 0;
    background: #ddd;
    width: 50px
}

.de-team-list .social a:hover {
    color: #fff
}

.de_testi {
    display: block;
    margin-bottom: 10px
}

.de_testi blockquote {
    margin: 0;
    border: none;
    padding: 20px 30px 30px 30px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    font-size: 13px;
    background: rgba(0, 0, 0, 0.4);
    font-style: normal;
    line-height: 1.6em;
    font-weight: 400
}

.de_testi blockquote:before {
    font-family: 'Microsoft JhengHei', FontAwesome;
    content:'\f10d';
    padding-bottom: 10px;
    font-size: 20px;
    display: block
}

.dark .de_testi blockquote {
    color: #eceff3
}

.de_testi blockquote, .de_testi blockquote p {
    font-size: 13px;
    line-height: 1.6em;
    font-weight: 400
}

.de_testi_by {
    margin-left: 20px;
    margin-top: -10px
}

.de_testi_pic {
    float: left;
    padding-right: 15px
}

.de_testi_pic img {
    width: 50px;
    height: 50px
}

.de_testi_company {
    padding-top: 20px
}

.feature-box-small-icon i, a.btn-border:after, .de_count {
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    outline: none
}

video, object {
    display: inline-block;
    vertical-align: baseline;
    min-width: 100%;
    min-height: 100%
}

.de-video-container {
    top: 0%;
    left: 0%;
    height: 400px;
    width: 100%;
    overflow: hidden
}

.de-video-content {
    padding-top: 20px;
    width: 100%;
    position: absolute;
    z-index: 10
}

.de-video-overlay {
    position: absolute;
    width: 100%;
    background: rgba(0, 0, 0, 0.7)
}

.de-video-container .btn-border:hover:after, .de-video-container a.btn-border:hover:after, .de-video-container a.btn-border.hover:after {
    color: #eceff3
}

#map {
    width: 100%;
    height: 550px
}

.map iframe {
    width: 100%;
    height: 320px;
    border: solid 1px #ccc;
    padding: 2px;
    background: #fff
}

.map-container {
    height: 500px;
    overflow: hidden
}

.call-to-action-box {
    background: #f5f5f5;
    border: solid 1px #ddd;
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(242, 242, 242, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0)
}

.dark .call-to-action-box {
    background: #27282b;
    border: solid 1px #404040
}

.call-to-action-box .inner {
    padding: 20px 20px 20px 20px
}

.call-to-action-box .text {
    margin-right: 20px;
    float: left
}

.call-to-action-box .act {
    float: right
}

.call-to-action-box h3 {
    margin: 0;
    margin-top: 10px
}

.call-to-action-box .btn {
    color: #eceff3
}

.call-to-action-box.dark {
    background: #404040;
    color: #eceff3
}

.call-to-action-box.dark h3 {
    color: #eceff3
}

.btn-primary {
    text-shadow: none;
    border: none !important
}

.btn.btn-primary:hover {
    background: #555
}

.label {
    font-family: 'Microsoft JhengHei', 'Roboto', Arial, Helvetica, sans-serif
}

table thead {
    font-weight: bold
}

.accordion-heading a {
    text-decoration: none;
    border: none;
    outline: none
}

p.lead {
    font-size: 18px
}

.panel-group {
    opacity: .8
}

.dark .panel-heading, .dark .panel-body {
    background: #27282b;
    border: solid 1px #404040 !important;
    border-radius: 0 !important
}

.dark .panel-body {
    border-top: none !important
}

.dark .progress {
    background: #27282b
}

.panel-heading h4 a {
    display: block
}

.panel-heading h4 a:hover {
    color: #eceff3
}

.dark .panel-default, .dark .panel-collapse, .dark .panel-collapse, .dark .panel-group .panel {
    border: none !important;
    border-radius: 0 !important
}

.dark .panel-heading {
    background: #222 !important
}

.dark .table-bordered, .dark .table-bordered td {
    border: solid 1px #404040
}

blockquote {
    font-size: 24px;
    font-style: italic;
    line-height: 1.5em;
    font-weight: 300
}

blockquote span {
    display: block;
    font-size: 14px;
    font-style: normal;
    font-weight: normal
}

.col-md-3 {
    margin-right: -1px
}

.col-md-3a {
    margin-right: -1px
}

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

.toggle-list li {
    margin-bottom: 10px;
    background: #fff;
    border: solid 1px #ddd;
    border-bottom: solid 3px #ddd
}

.toggle-list li h2 {
    -moz-user-select: none;
    -html-user-select: none;
    user-select: none;
    color: #555;
    font-size: 16px;
    line-height: 20px;
    font-family: 'Microsoft JhengHei', 'Roboto', Arial, Helvetica, sans-serifr;
    padding: 10px 20px 0px 60px;
    font-weight: 700;
    display: block;
    letter-spacing: normal
}

.toggle-list li .acc_active:hover {
    color: #777;
    background: url(../img/icon-slide-plus.png) 20px center no-repeat;
    padding-left: 80px;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s
}

.toggle-list li .acc_noactive:hover {
    color: #777;
    background: url(../img/icon-slide-min.png) 20px center no-repeat;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s
}

.toggle-list .ac-content {
    display: none;
    padding: 20px;
    border-top: solid 1px #e5e5e5
}

.acc_active {
    background: url(../img/icon-slide-plus.png) 20px center no-repeat;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    height: 32px
}

.acc_noactive {
    background: url(../img/icon-slide-min.png) 20px center no-repeat
}

.img-left {
    float: left;
    margin: 5px 15px 15px 0
}

.img-right {
    float: right;
    margin: 5px 0 15px 15px
}

#flickr-photo-stream img {
    width: 48px;
    height: auto;
    margin: 0 12px 12px 0;
    float: left
}

#flickr-photo-stream a img {
    border: solid 2px #fff
}

#flickr-photo-stream a:hover img {
    border: solid 2px #777
}

.dark hr {
    border-top: solid 1px #555
}

hr.blank {
    border: none;
    margin: 20px 0 20px 0
}

.de_center p {
    width: 100%
}

.de_center .de_icon {
    float: none;
    margin: 0 auto
}

a, a:hover, .test-column, .test-column:hover {
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s
}

.de_contact_info {
    font-size: 40px;
    font-weight: bold
}

.de_contact_info i {
    float: none;
    margin-right: 20px
}

.center-div {
    margin: 0 auto !important
}

#gallery-carousel .item {
    text-align: center;
    font-size: 12px;
    width: 100%;
    cursor: e-resize
}

.de_carousel .item {
    width: 100%;
    display: block
}

#gallery-carousel .item img {
    width: 100%;
    height: auto
}

#gallery-carousel .item h4 {
    margin-bottom: 0;
    font-size: 14px
}

.pf_text {
    color: #eceff3
}

.pf_text h4 {
    color: #eceff3;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 600
}

.project-info {
    margin-left: 20px
}

.project-info h2 {
    margin-top: 0;
    font-weight: 300
}

.project-info span {
    display: block
}

.project-info span.title {
    text-transform: uppercase;
    font-size: 12px;
    color: #555;
    font-weight: 600
}

.project-info span.val {
    margin-bottom: 15px
}

.project-view {
    padding: 80px 0 80px 0
}

.project-images img {
    width: 100%
}

#btn-close-x {
    width: 100px;
    height: 100px;
    display: block;
    background: url(../img/close.png) center no-repeat;
    margin: 0 auto;
    margin-bottom: 80px;
    cursor: pointer;
    padding: 20px
}

.dark #btn-close-x {
    background: url(../img/close-2.png) center no-repeat
}

.project-name {
    font-size: 18px;
    font-weight: bold;
    display: block
}

span.overlay {
    text-align: center;
    display: block;
    width: 100px;
    background: #111;
    position: absolute
}

span.icon {
    cursor: pointer
}

.overlay .info-area {
    display: block;
    margin-top: 10%
}

.overlay .sb-icons {
    display: block;
    margin-top: 200px
}

.overlay p {
    padding: 5px
}

.de-gallery .overlay {
    text-align: center
}

.de-gallery .project-name {
    text-transform: uppercase
}

.de-gallery .overlay .icon {
    display: inline-block;
    margin-top: 200px;
    text-align: center
}

.de-gallery .overlay .icon i {
    text-shadow: none;
    color: #111;
    font-size: 22px;
    padding: 20px;
    width: 60px;
    height: 60px;
    text-align: center;
    margin-left: 10px
}

.de-gallery .overlay .icon i.icon-info {
    margin-left: 0px
}

.de-gallery .overlay .icon i:hover {
    color: #222;
    background: #fff
}

.de-gallery .gallery-desc {
    z-index: 3;
    padding: 15px 5px 10px
}

.de-gallery .gallery-desc i {
    font-size: 20px;
    color: #3499db;
    margin-top: 5px
}

.de-gallery .gallery-desc h3 {
    margin: 0;
    padding: 0;
    font-size: 19px
}

.de-gallery .gallery-desc h3 a {
    color: #fff
}

.de-gallery .gallery-desc h3 a:hover {
    color: #3499db;
    text-decoration: none
}

.de-gallery .gallery-desc span {
    display: block;
    margin-top: 3px;
    color: #888
}

.de-gallery .gallery-desc span a {
    color: #888
}

.de-gallery .gallery-desc span a:hover {
    color: #ccc;
    text-decoration: none
}

a.img-icon-url, a.img-icon-zoom {
    display: inline-block;
    width: 36px;
    height: 36px;
    background: url(../img/icon-url.png) center no-repeat;
    margin: 0 auto;
    margin: 0 2px 0 2px
}

a.img-icon-zoom {
    background: url(../img/icon-zoom.png) center no-repeat
}

.pf_full_width .item {
    padding: 5px;
    float: left;
    width: 33.3333% !important
}

.pf_full_width img {
    float: left;
    width: 100%
}

#sidebar {
    padding-left: 40px;
    padding-top: 20px
}

.widget {
    margin-bottom: 60px;
    padding-bottom: 60px;
    border-bottom: solid 1px #ddd
}

.widget h4 {
    text-transform: uppercase;
    padding-bottom: 10px;
    font-size: 14px;
    letter-spacing: normal;
    letter-spacing: 1px;
    font-weight: bold
}

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

.widget_category li {
    border: solid 1px #eee;
    padding: 8px 20px 8px 20px;
    margin-bottom: 8px;
    background: #f8f8f8
}

.dark .widget_category li {
    border-bottom: solid 1px #555
}

.widget_category li a {
    color: #555
}

.widget_recent_post li {
    padding-left: 20px;
    background: url(../img/list-arrow.png) left 2px no-repeat;
    border-bottom: solid 1px #333;
    padding-bottom: 7px;
    margin-bottom: 5px
}

.widget_recent_post li a {
    color: #555
}

.widget .comments li {
    padding-left: 20px;
    background: url(../img/list-arrow.png) left 2px no-repeat;
    border-bottom: solid 1px #eee;
    padding-bottom: 7px;
    margin-bottom: 5px
}

.widget_tags li {
    text-shadow: none;
    display: inline-block;
    margin-right: 2px;
    margin-bottom: 13px
}

.widget_tags li a {
    font-size: 12px;
    text-decoration: none;
    margin-bottom: 5px;
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border: solid 1px #ddd;
    color: #888;
    padding: 5px 8px 5px 8px
}

.widget_tags li a:hover {
    color: #555;
    border-color: #555
}

.dark .widget_tags li a {
    border-color: #555
}

.dark .widget_tags li a:hover {
    color: #eceff3;
    border-color: #eceff3
}

footer .widget_recent_post li {
    padding: 0 0 5px 0;
    background: none;
    border-bottom-color: #404040
}

footer .widget_recent_post li a {
    color: #ccc
}

.bg-grey {
    background: #f5f5f5
}

.no-bottom .col-md-12 {
}

#content.no-bottom {
    padding-bottom: 0
}

#content.no-top {
    padding-top: 0
}

.filters1 a {
    background: rgba(0, 0, 0, 0.3);
    font-size: 19px;
    font-weight: bold
}

#filters a {
    background: rgba(0, 0, 0, 0.3);
    font-size: 19px;
    font-weight: bold
}

.inner-padding {
    padding: 90px 0 90px 0
}

.no-padding {
    padding: 0
}

.float-left {
    float: left
}

#loader-area {
    display: none;
    background: #fff
}

.dark #loader-area {
    display: none;
    background: #111
}

.teaser {
    font-family: 'Microsoft JhengHei', 'Raleway', Arial;
    font-size: 15px;
    font-weight: 300
}

.form-control:focus {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.owl-arrow {
    position: absolute;
    z-index: 100;
    background: #fff;
    margin-top: 48%;
    display: none;
    cursor: pointer
}

.owl-arrow span {
    display: block;
    background: #555;
    position: absolute
}

.owl-arrow .prev {
    left: 0
}

.owl-arrow .next {
    right: 0
}

.owl-arrow .prev:before, .owl-arrow .next:before {
    font-family: 'Microsoft JhengHei', 'FontAwesome';
    content: '\f177';
    color: #fff;
    padding: 20px;
    font-size: 32px;
    display: block
}

.owl-arrow .next:before {
    content: '\f178'
}

.text-slider {
    line-height: 72px;
    color: #fff;
    font-family: 'Microsoft JhengHei', 'Raleway';
    font-size: 72px;
    text-transform: uppercase;
    font-weight: 600;
    display: inline-block
}

.text-slider.big-text {
    font-size: 120px;
    line-height: 120px;
    font-weight: bold
}

.border-deco .text-item {
    display: inline-block;
    border: solid 1px rgba(255, 255, 255, 0.4);
    border-left: none;
    border-right: none
}

.text-item i {
    font-size: 60px;
    margin-top: 5px
}

.text-slider.big-text i {
    font-size: 90px;
    margin-top: 15px
}

.quick-search {
    display: inline-block;
    float: right;
    margin-left: 10px;
    padding: 10px 0 0 0
}

.quick-search input {
    width: 120px;
    border-radius: 40px
}

.de_review {
    text-align: center;
    min-height: 260px
}

.de_review .de_nav {
    overflow: hidden;
    padding-left: 0;
    margin: 0;
    padding: 0;
    font-weight: bold;
    text-align: center
}

.de_review .de_nav li {
    list-style: none;
    background: #eee;
    margin: 0 10px 0 10px;
    margin-bottom: 20px
}

.de_review .de_nav li {
    display: inline-block
}

.de_review .de_nav li img {
    width: 100px;
    height: auto
}

.de_review .de_nav li span {
    padding: 8px 16px 8px 16px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    display: block;
    background: #f5f5f5;
    text-decoration: none;
    color: #646464;
    font-size: 13px;
    cursor: pointer
}

.de_review blockquote {
    border: none;
    font-family: 'Microsoft JhengHei', 'Roboto Slab', Georgia, 'Times New Roman', Times, serif
}

.dark .de_review .de_nav li span {
    border: 1px solid #404040;
    background: #222
}

.de_review .de_nav li:first-child span {
    border-left: 1px solid #ddd
}

.dark .de_review .de_nav li:first-child span {
    border-left: 1px solid #404040
}

.de_review .de_review_content {
    border: 1px solid #ddd;
    padding: 15px 20px 20px 20px;
    margin-top: -1px;
    background: #fff
}

.dark .de_review .de_review_content {
    border: 1px solid #404040;
    background: #27282b
}

.de_review .de_nav li span.active {
    background: #fff;
    border-bottom: 1px solid #fff;
    color: #222;
    margin-bottom: -3px
}

@media (min-width: 768px) and (max-width: 979px) {
    .slider_text {
        padding-top: 0px
    }
}

.slider_text h1 {
    font-size: 32px
}

.slider_text .description {
    display: none
}

h1#logo {
    margin-top: -15px
}

#logo, #logo .inner {
    vertical-align: middle;
    height: auto
}

#domain-check .text, #domain-check .button {
    width: 100%
}

#testimonial-full blockquote {
    padding: 20px
}

#revolution-slider {
}

.bloglist {
    margin-bottom: 60px !important
}

}
@media only screen and (max-width: 767px) {
    .pricing-2-col .pricing-box, .pricing-3-col .pricing-box, .pricing-4-col .pricing-box, .pricing-5-col .pricing-box {
        width: 100%
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container {
        padding-left: 30px;
        padding-right: 30px
    }

    .feature-box-image, .pricing-box {
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 767px) {
    .container {
        padding-left: 30px;
        padding-right: 30px
    }

    .feature-box-image, .pricing-box {
        margin-bottom: 30px
    }

    .de_tab .de_nav li {
        display: block;
        width: 100%
    }

    .pf_full_width .item {
        float: left;
        width: 49.9% !important
    }

    .text-item {
        font-size: 48px;
        line-height: 48px
    }

    .text-item i {
        font-size: 36px
    }
}

@media only screen and (max-width: 480px) {
    .pf_full_width .item {
        float: left;
        width: 100% !important
    }

    .text-item {
        font-size: 32px;
        line-height: 32px
    }

    .text-item i {
        font-size: 24px
    }
}

@media (min-width: 300px) and (max-width: 979px) {
    section {
        background-position: top !important;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-attachment: scroll
    }

    .team img.team-pic {
        max-width: 300px
    }
}

.TitleContainer {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 2
}

.TitleContainer .in {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: auto;
    background: rgba(1, 128, 0, 0.00)
}

.TitleContainer .in .TitleInfo {
    text-align: left;
    float: left
}

.TitleContainer .in .TitleInfo h1 {
    font-size: 48px;
    text-align: left;
    float: left
}

.new-type {
    margin-left: 50px
}

#mainmenu li li a:hover, .price-row, .blog-list .date, .blog-read .date, .slider-info .text1, #filters a.selected, .filters1 a.selected, .btn-primary, .bg-id-color, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .dropcap, .fullwidthbanner-container a.btn, .feature-box-big-icon i, #testimonial-full, .icon-deco i, .blog-list .date-box .day, .bloglist .date-box .day, .feature-box-small-icon .border, .small-border, #jpreBar, .de-gallery .overlay .icon i, .date-post, .team-list .small-border, .de-team-list .small-border, .btn-border:hover, a.btn-border:hover, .btn-border.hover, a.btn-border.hover, #contact_form input[type=submit]:hover, .owl-arrow span, #btn-close-x:hover, .box-fx .info, .de-progress .progress-bar {
    background-color: #3499db
}

.infohover {
    background-color: #3499db
}

a, .feature-box i, #mainmenu li:hover > ul, .date-box .day, .slider_text h1, .id-color, .pricing-box li h1, .title span, i.large:hover, .feature-box-small-icon-2 i, address span i, .pricing-dark .pricing-box li.price-row, #mainmenu a:hover, #mainmenu a.active, header.smaller #mainmenu a:hover, header.smaller #mainmenu a.active, .pricing-dark .pricing-box li.price-row, .dark .feature-box-small-icon i, a.btn-slider:after, .feature-box-small-icon i, a.btn-border:after, .team-list .social a, .de_contact_info i, .de_count, .de_testi blockquote:before, .social-icons i, .dark .btn-border:hover:after, .dark a.btn-border:hover:after, .dark a.btn-border.hover:after, a.btn-text:after {
    color: #3499db;
    color: #3499db
}

.feature-box i, #filters a:hover, #filters a.selected, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus.feature-box-big-icon i:after, .social-icons i, .btn-border:hover, a.btn-border:hover, .btn-border.hover, a.btn-border.hover {
    border-color: #3499db
}

.box-fx .inner, .dark .box-fx .inner {
    border-bottom-color: #3499db
}

.callbacks_nav {
    background-color: #3499db
}

.widget_category li {
    border-left: solid 3px #3499db
}

.de_tab .de_nav li span {
    border-top: 3px solid #3499db
}

.feature-box-big-icon i:after {
    border-color: #3499db transparent
}

.de_review li.active img {
    border: solid 4px #3499db
}

.red {
    color: #f00 !important
}

.teal {
    color: #099 !important
}

.purple {
    color: #636 !important
}

.green {
    color: #090 !important
}

.gray {
    color: #848484 !important
}

.yellow {
    color: #3499db
}

.ih-item {
    margin-top: 13px;
    position: relative;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    box-shadow: none !important
}

.ih-item, .ih-item * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.ih-item a {
    color: #333;
    box-shadow: none !important
}

.ih-item a:hover {
    text-decoration: none
}

.ih-item img {
    width: 100%;
    box-shadow: none !important;
    height: 100%
}

.ih-item.circle {
    position: relative;
    width: 230px;
    height: 230px;
    box-shadow: none !important;
    border-radius: 50%
}

.ih-item.circle .img {
    position: relative;
    width: 230px;
    height: 230px;
    border-radius: 50%
}

@media (max-width: 1500px) {
    .ih-item.circle {
        width: 180px;
        height: 180px
    }

    .ih-item.circle .img {
        width: 180px;
        height: 180px
    }

    .ih-item.circle.effect2 .info h3 {
        font-size: 18px !important;
        font: 18px/18px 'Microsoft JhengHei', 'BenchNine', sans-serif !important
    }

    .ih-item.circle.effect2 .info p {
        font-size: 12px !important;
        font: 12px/16px 'Microsoft JhengHei', 'Pathway Gothic One', sans-serif !important
    }
}

.ih-item.circle .img:before {
    position: absolute;
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    box-shadow: inset 0 0 0 16px rgba(255, 255, 255, 0.6);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out
}

.ih-item.circle .img img {
    border-radius: 50%
}

.ih-item.circle .info {
    box-shadow: none !important;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    border-radius: 50%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.ih-item.square {
    position: relative;
    width: 316px;
    height: 216px;
    border: 8px solid #fff;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3)
}

.ih-item.square .info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.ih-item.circle.effect1 .spinner {
    width: 230px;
    height: 230px;
    border: 10px solid #ecab18;
    border-right-color: #1ad280;
    border-bottom-color: #1ad280;
    border-radius: 50%;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out
}

.ih-item.circle.effect1 .img {
    position: absolute;
    top: 10px;
    bottom: 0;
    left: 10px;
    right: 0;
    width: auto;
    height: auto
}

.ih-item.circle.effect1 .img:before {
    display: none
}

.ih-item.circle.effect1.colored .info {
    background: #1a4a72;
    background: rgba(26, 74, 114, 0.6)
}

.ih-item.circle.effect1 .info {
    top: 10px;
    bottom: 0;
    left: 10px;
    right: 0;
    color: #fff;
    background: #333;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out
}

.ih-item.circle.effect1 .info h3 {
    color: #fff;
    position: relative;
    margin: 0 10px;
    padding: 55px 0 0 0;
    text-transform: none;
    height: 110px;
    font: 36px/20px 'BenchNine', sans-serif;
    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3)
}

.ih-item.circle.effect1 .info p {
    padding: 10px 5px;
    font-style: italic;
    color: #000;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.5)
}

.ih-item.circle.effect1 a:hover .spinner {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.ih-item.circle.effect1 a:hover .info {
    opacity: 1
}

.ih-item.circle.effect2 .img {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out
}

.ih-item.circle.effect2.colored .info {
    background: #1a4a72;
    background: rgba(26, 74, 114, 0.6)
}

.ih-item.circle.effect2 .info {
    background: #333;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out
}

.ih-item.circle.effect2 .info h3 {
    color: #fff;
    position: relative;
    font-size: 18px;
    margin: 0 45px;
    border-bottom: 1px solid #fff;
    padding: 50px 0 11px 0;
    font: 26px/22px 'Microsoft JhengHei', 'BenchNine', sans-serif;
    line-height: 30px
}

.ih-item.circle.effect2 .info p {
    color: #fff;
    padding: 10px 5px;
    margin: 0 40px;
    font-size: 12px;
    font: 16px/18px 'Microsoft JhengHei', 'Pathway Gothic One', sans-serif
}

.ih-item.circle.effect2.left_to_right .info {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.ih-item.circle.effect2.left_to_right a:hover .img {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.ih-item.circle.effect2.left_to_right a:hover .info {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.ih-item.circle.effect2.right_to_left .info {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.ih-item.circle.effect2.right_to_left a:hover .img {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.ih-item.circle.effect2.right_to_left a:hover .info {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.ih-item.circle.effect2.top_to_bottom .info {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.ih-item.circle.effect2.top_to_bottom a:hover .img {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.ih-item.circle.effect2.top_to_bottom a:hover .info {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.circle.effect2.bottom_to_top .info {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}

.ih-item.circle.effect2.bottom_to_top a:hover .img {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.ih-item.circle.effect2.bottom_to_top a:hover .info {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.circle.effect3 .img {
    z-index: 11;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out
}

.ih-item.circle.effect3.colored .info {
    background: #1a4a72
}

.ih-item.circle.effect3 .info {
    background: #333;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out
}

.ih-item.circle.effect3 .info h3 {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 55px 0 0 0;
    height: 110px;
    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3)
}

.ih-item.circle.effect3 .info p {
    color: #bbb;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.5)
}

.ih-item.circle.effect3.left_to_right .img {
    -webkit-transform: scale(1) translateX(0);
    -moz-transform: scale(1) translateX(0);
    -ms-transform: scale(1) translateX(0);
    -o-transform: scale(1) translateX(0);
    transform: scale(1) translateX(0)
}

.ih-item.circle.effect3.left_to_right .info {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.ih-item.circle.effect3.left_to_right a:hover .img {
    -webkit-transform: scale(0.5) translateX(100%);
    -moz-transform: scale(0.5) translateX(100%);
    -ms-transform: scale(0.5) translateX(100%);
    -o-transform: scale(0.5) translateX(100%);
    transform: scale(0.5) translateX(100%)
}

.ih-item.circle.effect3.left_to_right a:hover .info {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.ih-item.circle.effect3.right_to_left .img {
    -webkit-transform: scale(1) translateX(0);
    -moz-transform: scale(1) translateX(0);
    -ms-transform: scale(1) translateX(0);
    -o-transform: scale(1) translateX(0);
    transform: scale(1) translateX(0)
}

.ih-item.circle.effect3.right_to_left .info {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.ih-item.circle.effect3.right_to_left a:hover .img {
    -webkit-transform: scale(0.5) translateX(-100%);
    -moz-transform: scale(0.5) translateX(-100%);
    -ms-transform: scale(0.5) translateX(-100%);
    -o-transform: scale(0.5) translateX(-100%);
    transform: scale(0.5) translateX(-100%)
}

.ih-item.circle.effect3.right_to_left a:hover .info {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.ih-item.circle.effect3.top_to_bottom .img {
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    -o-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0)
}

.ih-item.circle.effect3.top_to_bottom .info {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.ih-item.circle.effect3.top_to_bottom a:hover .img {
    -webkit-transform: scale(0.5) translateY(100%);
    -moz-transform: scale(0.5) translateY(100%);
    -ms-transform: scale(0.5) translateY(100%);
    -o-transform: scale(0.5) translateY(100%);
    transform: scale(0.5) translateY(100%)
}

.ih-item.circle.effect3.top_to_bottom a:hover .info {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.circle.effect3.bottom_to_top .img {
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    -o-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0)
}

.ih-item.circle.effect3.bottom_to_top .info {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}

.ih-item.circle.effect3.bottom_to_top a:hover .img {
    -webkit-transform: scale(0.5) translateY(-100%);
    -moz-transform: scale(0.5) translateY(-100%);
    -ms-transform: scale(0.5) translateY(-100%);
    -o-transform: scale(0.5) translateY(-100%);
    transform: scale(0.5) translateY(-100%)
}

.ih-item.circle.effect3.bottom_to_top a:hover .info {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.circle.effect4 .img {
    opacity: 1;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.ih-item.circle.effect4.colored .info {
    background: #1a4a72
}

.ih-item.circle.effect4 .info {
    background: #333;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    transition: all 0.35s ease
}

.ih-item.circle.effect4 .info h3 {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 55px 0 0 0;
    height: 110px;
    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3)
}

.ih-item.circle.effect4 .info p {
    color: #bbb;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out
}

.ih-item.circle.effect4 a:hover .img {
    opacity: 0;
    pointer-events: none
}

.ih-item.circle.effect4 a:hover .info {
    visibility: visible;
    opacity: 1
}

.ih-item.circle.effect4.left_to_right .img {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.ih-item.circle.effect4.left_to_right .info {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.ih-item.circle.effect4.left_to_right a:hover .img {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.ih-item.circle.effect4.left_to_right a:hover .info {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.ih-item.circle.effect4.right_to_left .img {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.ih-item.circle.effect4.right_to_left .info {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.ih-item.circle.effect4.right_to_left a:hover .img {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.ih-item.circle.effect4.right_to_left a:hover .info {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.ih-item.circle.effect4.top_to_bottom .img {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.circle.effect4.top_to_bottom .info {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}

.ih-item.circle.effect4.top_to_bottom a:hover .img {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.ih-item.circle.effect4.top_to_bottom a:hover .info {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.circle.effect4.bottom_to_top .img {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.circle.effect4.bottom_to_top .info {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.ih-item.circle.effect4.bottom_to_top a:hover .img {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}

.ih-item.circle.effect4.bottom_to_top a:hover .info {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.circle.effect5 {
    -webkit-perspective: 900px;
    -moz-perspective: 900px;
    perspective: 900px
}

.ih-item.circle.effect5.colored .info .info-back {
    background: #1a4a72;
    background: rgba(26, 74, 114, 0.6)
}

.ih-item.circle.effect5 .info {
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.ih-item.circle.effect5 .info .info-back {
    visibility: hidden;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    background: #333;
    background: rgba(0, 0, 0, 0.6);
    -webkit-transform: rotate3d(0, 1, 0, 180deg);
    -moz-transform: rotate3d(0, 1, 0, 180deg);
    -ms-transform: rotate3d(0, 1, 0, 180deg);
    -o-transform: rotate3d(0, 1, 0, 180deg);
    transform: rotate3d(0, 1, 0, 180deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.ih-item.circle.effect5 .info h3 {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 55px 0 0 0;
    height: 110px;
    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3)
}

.ih-item.circle.effect5 .info p {
    color: #bbb;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.5)
}

.ih-item.circle.effect5 a:hover .info {
    -webkit-transform: rotate3d(0, 1, 0, -180deg);
    -moz-transform: rotate3d(0, 1, 0, -180deg);
    -ms-transform: rotate3d(0, 1, 0, -180deg);
    -o-transform: rotate3d(0, 1, 0, -180deg);
    transform: rotate3d(0, 1, 0, -180deg)
}

.ih-item.circle.effect5 a:hover .info .info-back {
    visibility: visible
}

.ih-item.circle.effect6 .img {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out
}

.ih-item.circle.effect6.colored .info {
    background: #1a4a72
}

.ih-item.circle.effect6 .info {
    background: #333;
    opacity: 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out
}

.ih-item.circle.effect6 .info h3 {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 55px 0 0 0;
    height: 110px;
    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3)
}

.ih-item.circle.effect6 .info p {
    color: #bbb;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.5)
}

.ih-item.circle.effect6.scale_up .info {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5)
}

.ih-item.circle.effect6.scale_up a:hover .img {
    opacity: 0;
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5)
}

.ih-item.circle.effect6.scale_up a:hover .info {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.ih-item.circle.effect6.scale_down .info {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5)
}

.ih-item.circle.effect6.scale_down a:hover .img {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5)
}

.ih-item.circle.effect6.scale_down a:hover .info {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.ih-item.circle.effect6.scale_down_up .info {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transition: all 0.35s ease-in-out 0.2s;
    -moz-transition: all 0.35s ease-in-out 0.2s;
    transition: all 0.35s ease-in-out 0.2s
}

.ih-item.circle.effect6.scale_down_up a:hover .img {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5)
}

.ih-item.circle.effect6.scale_down_up a:hover .info {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.ih-item.circle.effect7 .img {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out
}

.ih-item.circle.effect7.colored .info {
    background: #1a4a72
}

.ih-item.circle.effect7 .info {
    background: #333;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: all 0.35s ease 0.2s;
    -moz-transition: all 0.35s ease 0.2s;
    transition: all 0.35s ease 0.2s
}

.ih-item.circle.effect7 .info h3 {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 55px 0 0 0;
    height: 110px;
    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3)
}

.ih-item.circle.effect7 .info p {
    color: #bbb;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.5)
}

.ih-item.circle.effect7 a:hover .img {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5)
}

.ih-item.circle.effect7 a:hover .info {
    visibility: visible;
    opacity: 1
}

.ih-item.circle.effect7.left_to_right .info {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.ih-item.circle.effect7.left_to_right a:hover .info {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.ih-item.circle.effect7.right_to_left .info {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.ih-item.circle.effect7.right_to_left a:hover .info {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.ih-item.circle.effect7.top_to_bottom .info {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}

.ih-item.circle.effect7.top_to_bottom a:hover .info {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.circle.effect7.bottom_to_top .info {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.ih-item.circle.effect7.bottom_to_top a:hover .info {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.circle.effect8.colored .info {
    background: #1a4a72
}

.ih-item.circle.effect8 .img-container {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.ih-item.circle.effect8 .img-container .img {
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out 0.3s;
    -moz-transition: all 0.3s ease-in-out 0.3s;
    transition: all 0.3s ease-in-out 0.3s
}

.ih-item.circle.effect8 .info-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.3s ease-in-out 0.3s;
    -moz-transition: all 0.3s ease-in-out 0.3s;
    transition: all 0.3s ease-in-out 0.3s
}

.ih-item.circle.effect8 .info {
    width: 100%;
    height: 100%;
    background: #333;
    pointer-events: none;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transition: all 0.35s ease-in-out 0.6s;
    -moz-transition: all 0.35s ease-in-out 0.6s;
    transition: all 0.35s ease-in-out 0.6s
}

.ih-item.circle.effect8 .info h3 {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 45px 0 0 0;
    height: 140px;
    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3)
}

.ih-item.circle.effect8 .info p {
    color: #bbb;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.5)
}

.ih-item.circle.effect8 a:hover .img-container {
    pointer-events: none;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5)
}

.ih-item.circle.effect8 a:hover .img-container .img {
    opacity: 0;
    pointer-events: none
}

.ih-item.circle.effect8 a:hover .info-container {
    opacity: 1
}

.ih-item.circle.effect8 a:hover .info-container .info {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.ih-item.circle.effect8.left_to_right .img-container .img {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.ih-item.circle.effect8.left_to_right .info-container {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.ih-item.circle.effect8.left_to_right a:hover .img-container .img {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.ih-item.circle.effect8.left_to_right a:hover .info-container {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.ih-item.circle.effect8.right_to_left .img-container .img {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.ih-item.circle.effect8.right_to_left .info-container {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.ih-item.circle.effect8.right_to_left a:hover .img-container .img {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.ih-item.circle.effect8.right_to_left a:hover .info-container {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.ih-item.circle.effect8.top_to_bottom .img-container .img {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.circle.effect8.top_to_bottom .info-container {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.ih-item.circle.effect8.top_to_bottom a:hover .img-container .img {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}

.ih-item.circle.effect8.top_to_bottom a:hover .info-container {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.circle.effect8.bottom_to_top .img-container .img {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.circle.effect8.bottom_to_top .info-container {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}

.ih-item.circle.effect8.bottom_to_top a:hover .img-container .img {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.ih-item.circle.effect8.bottom_to_top a:hover .info-container {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.circle.effect9 .img {
    opacity: 1;
    -webkit-transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out
}

.ih-item.circle.effect9.colored .info {
    background: #1a4a72
}

.ih-item.circle.effect9 .info {
    background: #333;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transition: all 0.35s ease 0.2s;
    -moz-transition: all 0.35s ease 0.2s;
    transition: all 0.35s ease 0.2s
}

.ih-item.circle.effect9 .info h3 {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 55px 0 0 0;
    height: 110px;
    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3)
}

.ih-item.circle.effect9 .info p {
    color: #bbb;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.5)
}

.ih-item.circle.effect9 a:hover .img {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5)
}

.ih-item.circle.effect9 a:hover .info {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.ih-item.circle.effect9.left_to_right .img {
    -webkit-transform: translateX(0) rotate(0);
    -moz-transform: translateX(0) rotate(0);
    -ms-transform: translateX(0) rotate(0);
    -o-transform: translateX(0) rotate(0);
    transform: translateX(0) rotate(0)
}

.ih-item.circle.effect9.left_to_right a:hover .img {
    -webkit-transform: translateX(100%) rotate(180deg);
    -moz-transform: translateX(100%) rotate(180deg);
    -ms-transform: translateX(100%) rotate(180deg);
    -o-transform: translateX(100%) rotate(180deg);
    transform: translateX(100%) rotate(180deg)
}

.ih-item.circle.effect9.right_to_left .img {
    -webkit-transform: translateX(0) rotate(0);
    -moz-transform: translateX(0) rotate(0);
    -ms-transform: translateX(0) rotate(0);
    -o-transform: translateX(0) rotate(0);
    transform: translateX(0) rotate(0)
}

.ih-item.circle.effect9.right_to_left a:hover .img {
    -webkit-transform: translateX(-100%) rotate(-180deg);
    -moz-transform: translateX(-100%) rotate(-180deg);
    -ms-transform: translateX(-100%) rotate(-180deg);
    -o-transform: translateX(-100%) rotate(-180deg);
    transform: translateX(-100%) rotate(-180deg)
}

.ih-item.circle.effect9.top_to_bottom .img {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.circle.effect9.top_to_bottom a:hover .img {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.ih-item.circle.effect9.bottom_to_top .img {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.circle.effect9.bottom_to_top a:hover .img {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}

.ih-item.circle.effect10 .img {
    z-index: 11;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out
}

.ih-item.circle.effect10.colored .info {
    background: #1a4a72
}

.ih-item.circle.effect10 .info {
    background: #333;
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out
}

.ih-item.circle.effect10 .info h3 {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3)
}

.ih-item.circle.effect10 .info p {
    color: #bbb;
    font-style: italic;
    font-size: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.5)
}

.ih-item.circle.effect10 a:hover .info {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.ih-item.circle.effect10.top_to_bottom .info h3 {
    margin: 0 30px;
    padding: 25px 0 0 0;
    height: 78px
}

.ih-item.circle.effect10.top_to_bottom .info p {
    margin: 0 30px;
    padding: 5px
}

.ih-item.circle.effect10.top_to_bottom a:hover .img {
    -webkit-transform: translateY(50px) scale(0.5);
    -moz-transform: translateY(50px) scale(0.5);
    -ms-transform: translateY(50px) scale(0.5);
    -o-transform: translateY(50px) scale(0.5);
    transform: translateY(50px) scale(0.5)
}

.ih-item.circle.effect10.bottom_to_top .info h3 {
    margin: 95px 30px 0;
    padding: 25px 0 0 0;
    height: 78px
}

.ih-item.circle.effect10.bottom_to_top .info p {
    margin: 0 30px;
    padding: 5px
}

.ih-item.circle.effect10.bottom_to_top a:hover .img {
    -webkit-transform: translateY(-50px) scale(0.5);
    -moz-transform: translateY(-50px) scale(0.5);
    -ms-transform: translateY(-50px) scale(0.5);
    -o-transform: translateY(-50px) scale(0.5);
    transform: translateY(-50px) scale(0.5)
}

.ih-item.circle.effect11 {
    -webkit-perspective: 900px;
    -moz-perspective: 900px;
    perspective: 900px
}

.ih-item.circle.effect11 .img {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out
}

.ih-item.circle.effect11.colored .info {
    background: #1a4a72
}

.ih-item.circle.effect11 .info {
    background: #333;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.35s ease 0.35s;
    -moz-transition: all 0.35s ease 0.35s;
    transition: all 0.35s ease 0.35s
}

.ih-item.circle.effect11 .info h3 {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 55px 0 0 0;
    height: 110px;
    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3)
}

.ih-item.circle.effect11 .info p {
    color: #bbb;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.5)
}

.ih-item.circle.effect11 a:hover .img {
    opacity: 0
}

.ih-item.circle.effect11 a:hover .info {
    visibility: visible;
    opacity: 1
}

.ih-item.circle.effect11.left_to_right .img {
    -webkit-transform: translateZ(0) rotateY(0);
    -moz-transform: translateZ(0) rotateY(0);
    -ms-transform: translateZ(0) rotateY(0);
    -o-transform: translateZ(0) rotateY(0);
    transform: translateZ(0) rotateY(0)
}

.ih-item.circle.effect11.left_to_right .info {
    -webkit-transform: translateZ(-1000px) rotateY(-90deg);
    -moz-transform: translateZ(-1000px) rotateY(-90deg);
    -ms-transform: translateZ(-1000px) rotateY(-90deg);
    -o-transform: translateZ(-1000px) rotateY(-90deg);
    transform: translateZ(-1000px) rotateY(-90deg)
}

.ih-item.circle.effect11.left_to_right a:hover .img {
    -webkit-transform: translateZ(-1000px) rotateY(90deg);
    -moz-transform: translateZ(-1000px) rotateY(90deg);
    -ms-transform: translateZ(-1000px) rotateY(90deg);
    -o-transform: translateZ(-1000px) rotateY(90deg);
    transform: translateZ(-1000px) rotateY(90deg)
}

.ih-item.circle.effect11.left_to_right a:hover .info {
    -webkit-transform: translateZ(0) rotateY(0);
    -moz-transform: translateZ(0) rotateY(0);
    -ms-transform: translateZ(0) rotateY(0);
    -o-transform: translateZ(0) rotateY(0);
    transform: translateZ(0) rotateY(0)
}

.ih-item.circle.effect11.right_to_left .img {
    -webkit-transform: translateZ(0) rotateY(0);
    -moz-transform: translateZ(0) rotateY(0);
    -ms-transform: translateZ(0) rotateY(0);
    -o-transform: translateZ(0) rotateY(0);
    transform: translateZ(0) rotateY(0)
}

.ih-item.circle.effect11.right_to_left .info {
    -webkit-transform: translateZ(-1000px) rotateY(90deg);
    -moz-transform: translateZ(-1000px) rotateY(90deg);
    -ms-transform: translateZ(-1000px) rotateY(90deg);
    -o-transform: translateZ(-1000px) rotateY(90deg);
    transform: translateZ(-1000px) rotateY(90deg)
}

.ih-item.circle.effect11.right_to_left a:hover .img {
    -webkit-transform: translateZ(-1000px) rotateY(-90deg);
    -moz-transform: translateZ(-1000px) rotateY(-90deg);
    -ms-transform: translateZ(-1000px) rotateY(-90deg);
    -o-transform: translateZ(-1000px) rotateY(-90deg);
    transform: translateZ(-1000px) rotateY(-90deg)
}

.ih-item.circle.effect11.right_to_left a:hover .info {
    -webkit-transform: translateZ(0) rotateY(0);
    -moz-transform: translateZ(0) rotateY(0);
    -ms-transform: translateZ(0) rotateY(0);
    -o-transform: translateZ(0) rotateY(0);
    transform: translateZ(0) rotateY(0)
}

.ih-item.circle.effect11.top_to_bottom .img {
    -webkit-transform: translateZ(0) rotateX(0);
    -moz-transform: translateZ(0) rotateX(0);
    -ms-transform: translateZ(0) rotateX(0);
    -o-transform: translateZ(0) rotateX(0);
    transform: translateZ(0) rotateX(0)
}

.ih-item.circle.effect11.top_to_bottom .info {
    -webkit-transform: translateZ(-1000px) rotateX(90deg);
    -moz-transform: translateZ(-1000px) rotateX(90deg);
    -ms-transform: translateZ(-1000px) rotateX(90deg);
    -o-transform: translateZ(-1000px) rotateX(90deg);
    transform: translateZ(-1000px) rotateX(90deg)
}

.ih-item.circle.effect11.top_to_bottom a:hover .img {
    -webkit-transform: translateZ(-1000px) rotateX(-90deg);
    -moz-transform: translateZ(-1000px) rotateX(-90deg);
    -ms-transform: translateZ(-1000px) rotateX(-90deg);
    -o-transform: translateZ(-1000px) rotateX(-90deg);
    transform: translateZ(-1000px) rotateX(-90deg)
}

.ih-item.circle.effect11.top_to_bottom a:hover .info {
    -webkit-transform: translateZ(0) rotateX(0);
    -moz-transform: translateZ(0) rotateX(0);
    -ms-transform: translateZ(0) rotateX(0);
    -o-transform: translateZ(0) rotateX(0);
    transform: translateZ(0) rotateX(0)
}

.ih-item.circle.effect11.bottom_to_top .img {
    -webkit-transform: translateZ(0) rotateX(0);
    -moz-transform: translateZ(0) rotateX(0);
    -ms-transform: translateZ(0) rotateX(0);
    -o-transform: translateZ(0) rotateX(0);
    transform: translateZ(0) rotateX(0)
}

.ih-item.circle.effect11.bottom_to_top .info {
    -webkit-transform: translateZ(-1000px) rotateX(-90deg);
    -moz-transform: translateZ(-1000px) rotateX(-90deg);
    -ms-transform: translateZ(-1000px) rotateX(-90deg);
    -o-transform: translateZ(-1000px) rotateX(-90deg);
    transform: translateZ(-1000px) rotateX(-90deg)
}

.ih-item.circle.effect11.bottom_to_top a:hover .img {
    -webkit-transform: translateZ(-1000px) rotateX(90deg);
    -moz-transform: translateZ(-1000px) rotateX(90deg);
    -ms-transform: translateZ(-1000px) rotateX(90deg);
    -o-transform: translateZ(-1000px) rotateX(90deg);
    transform: translateZ(-1000px) rotateX(90deg)
}

.ih-item.circle.effect11.bottom_to_top a:hover .info {
    -webkit-transform: translateZ(0) rotateX(0);
    -moz-transform: translateZ(0) rotateX(0);
    -ms-transform: translateZ(0) rotateX(0);
    -o-transform: translateZ(0) rotateX(0);
    transform: translateZ(0) rotateX(0)
}

.ih-item.circle.effect12 .img {
    opacity: 1;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out
}

.ih-item.circle.effect12.colored .info {
    background: #1a4a72
}

.ih-item.circle.effect12 .info {
    background: #333;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out
}

.ih-item.circle.effect12 .info h3 {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 55px 0 0 0;
    height: 110px;
    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3)
}

.ih-item.circle.effect12 .info p {
    color: #bbb;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.5)
}

.ih-item.circle.effect12 a:hover .img {
    opacity: 0;
    pointer-events: none
}

.ih-item.circle.effect12 a:hover .info {
    opacity: 1;
    visibility: visible
}

.ih-item.circle.effect12.left_to_right .img {
    -webkit-transform: translateX(0) rotate(0);
    -moz-transform: translateX(0) rotate(0);
    -ms-transform: translateX(0) rotate(0);
    -o-transform: translateX(0) rotate(0);
    transform: translateX(0) rotate(0)
}

.ih-item.circle.effect12.left_to_right .info {
    -webkit-transform: translateX(100%) rotate(180deg);
    -moz-transform: translateX(100%) rotate(180deg);
    -ms-transform: translateX(100%) rotate(180deg);
    -o-transform: translateX(100%) rotate(180deg);
    transform: translateX(100%) rotate(180deg)
}

.ih-item.circle.effect12.left_to_right a:hover .img {
    -webkit-transform: translateX(100%) rotate(180deg);
    -moz-transform: translateX(100%) rotate(180deg);
    -ms-transform: translateX(100%) rotate(180deg);
    -o-transform: translateX(100%) rotate(180deg);
    transform: translateX(100%) rotate(180deg)
}

.ih-item.circle.effect12.left_to_right a:hover .info {
    -webkit-transform: translateX(0) rotate(0);
    -moz-transform: translateX(0) rotate(0);
    -ms-transform: translateX(0) rotate(0);
    -o-transform: translateX(0) rotate(0);
    transform: translateX(0) rotate(0);
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    transition-delay: 0.4s
}

.ih-item.circle.effect12.right_to_left .img {
    -webkit-transform: translateX(0) rotate(0);
    -moz-transform: translateX(0) rotate(0);
    -ms-transform: translateX(0) rotate(0);
    -o-transform: translateX(0) rotate(0);
    transform: translateX(0) rotate(0)
}

.ih-item.circle.effect12.right_to_left .info {
    -webkit-transform: translateX(-100%) rotate(-180deg);
    -moz-transform: translateX(-100%) rotate(-180deg);
    -ms-transform: translateX(-100%) rotate(-180deg);
    -o-transform: translateX(-100%) rotate(-180deg);
    transform: translateX(-100%) rotate(-180deg)
}

.ih-item.circle.effect12.right_to_left a:hover .img {
    -webkit-transform: translateX(-100%) rotate(-180deg);
    -moz-transform: translateX(-100%) rotate(-180deg);
    -ms-transform: translateX(-100%) rotate(-180deg);
    -o-transform: translateX(-100%) rotate(-180deg);
    transform: translateX(-100%) rotate(-180deg)
}

.ih-item.circle.effect12.right_to_left a:hover .info {
    -webkit-transform: translateX(0) rotate(0);
    -moz-transform: translateX(0) rotate(0);
    -ms-transform: translateX(0) rotate(0);
    -o-transform: translateX(0) rotate(0);
    transform: translateX(0) rotate(0);
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    transition-delay: 0.4s
}

.ih-item.circle.effect12.top_to_bottom .img {
    -webkit-transform: translateY(0) rotate(0);
    -moz-transform: translateY(0) rotate(0);
    -ms-transform: translateY(0) rotate(0);
    -o-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0)
}

.ih-item.circle.effect12.top_to_bottom .info {
    -webkit-transform: translateY(-100%) rotate(-180deg);
    -moz-transform: translateY(-100%) rotate(-180deg);
    -ms-transform: translateY(-100%) rotate(-180deg);
    -o-transform: translateY(-100%) rotate(-180deg);
    transform: translateY(-100%) rotate(-180deg)
}

.ih-item.circle.effect12.top_to_bottom a:hover .img {
    -webkit-transform: translateY(-100%) rotate(-180deg);
    -moz-transform: translateY(-100%) rotate(-180deg);
    -ms-transform: translateY(-100%) rotate(-180deg);
    -o-transform: translateY(-100%) rotate(-180deg);
    transform: translateY(-100%) rotate(-180deg)
}

.ih-item.circle.effect12.top_to_bottom a:hover .info {
    -webkit-transform: translateY(0) rotate(0);
    -moz-transform: translateY(0) rotate(0);
    -ms-transform: translateY(0) rotate(0);
    -o-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0);
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    transition-delay: 0.4s
}

.ih-item.circle.effect12.bottom_to_top .img {
    -webkit-transform: translateY(0) rotate(0);
    -moz-transform: translateY(0) rotate(0);
    -ms-transform: translateY(0) rotate(0);
    -o-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0)
}

.ih-item.circle.effect12.bottom_to_top .info {
    -webkit-transform: translateY(100%) rotate(180deg);
    -moz-transform: translateY(100%) rotate(180deg);
    -ms-transform: translateY(100%) rotate(180deg);
    -o-transform: translateY(100%) rotate(180deg);
    transform: translateY(100%) rotate(180deg)
}

.ih-item.circle.effect12.bottom_to_top a:hover .img {
    -webkit-transform: translateY(100%) rotate(180deg);
    -moz-transform: translateY(100%) rotate(180deg);
    -ms-transform: translateY(100%) rotate(180deg);
    -o-transform: translateY(100%) rotate(180deg);
    transform: translateY(100%) rotate(180deg)
}

.ih-item.circle.effect12.bottom_to_top a:hover .info {
    -webkit-transform: translateY(0) rotate(0);
    -moz-transform: translateY(0) rotate(0);
    -ms-transform: translateY(0) rotate(0);
    -o-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0);
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    transition-delay: 0.4s
}

.ih-item.circle.effect13.colored .info {
    background: #1a4a72;
    background: rgba(26, 74, 114, 0.6)
}

.ih-item.circle.effect13 .info {
    background: #333;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out
}

.ih-item.circle.effect13 .info h3 {
    visibility: hidden;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 55px 0 0 0;
    height: 110px;
    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out
}

.ih-item.circle.effect13 .info p {
    visibility: hidden;
    color: #bbb;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out
}

.ih-item.circle.effect13 a:hover .info {
    opacity: 1
}

.ih-item.circle.effect13 a:hover h3 {
    visibility: visible
}

.ih-item.circle.effect13 a:hover p {
    visibility: visible
}

.ih-item.circle.effect13.from_left_and_right .info h3 {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.ih-item.circle.effect13.from_left_and_right .info p {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.ih-item.circle.effect13.from_left_and_right a:hover h3 {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.ih-item.circle.effect13.from_left_and_right a:hover p {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.ih-item.circle.effect13.top_to_bottom .info h3 {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.ih-item.circle.effect13.top_to_bottom .info p {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.ih-item.circle.effect13.top_to_bottom a:hover h3 {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.circle.effect13.top_to_bottom a:hover p {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.circle.effect13.bottom_to_top .info h3 {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}

.ih-item.circle.effect13.bottom_to_top .info p {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}

.ih-item.circle.effect13.bottom_to_top a:hover h3 {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.circle.effect13.bottom_to_top a:hover p {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.circle.effect14 {
    -webkit-perspective: 900px;
    -moz-perspective: 900px;
    perspective: 900px
}

.ih-item.circle.effect14 .img {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out
}

.ih-item.circle.effect14.colored .info {
    background: #1a4a72
}

.ih-item.circle.effect14 .info {
    background: #333;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.35s ease-in-out 0.3s;
    -moz-transition: all 0.35s ease-in-out 0.3s;
    transition: all 0.35s ease-in-out 0.3s
}

.ih-item.circle.effect14 .info h3 {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 55px 0 0 0;
    height: 110px;
    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3)
}

.ih-item.circle.effect14 .info p {
    color: #bbb;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.5)
}

.ih-item.circle.effect14 a:hover .img {
    opacity: 0;
    visibility: hidden
}

.ih-item.circle.effect14 a:hover .info {
    visibility: visible;
    opacity: 1
}

.ih-item.circle.effect14.left_to_right .img {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.ih-item.circle.effect14.left_to_right .info {
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    -o-transform-origin: 0% 50%;
    transform-origin: 0% 50%
}

.ih-item.circle.effect14.left_to_right a:hover .img {
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
    -o-transform: rotateY(-90deg);
    transform: rotateY(-90deg)
}

.ih-item.circle.effect14.left_to_right a:hover .info {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0)
}

.ih-item.circle.effect14.right_to_left .img {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    -o-transform-origin: 0% 50%;
    transform-origin: 0% 50%
}

.ih-item.circle.effect14.right_to_left .info {
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
    -o-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.ih-item.circle.effect14.right_to_left a:hover .img {
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg)
}

.ih-item.circle.effect14.right_to_left a:hover .info {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0)
}

.ih-item.circle.effect14.top_to_bottom .img {
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.ih-item.circle.effect14.top_to_bottom .info {
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.ih-item.circle.effect14.top_to_bottom a:hover .img {
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg)
}

.ih-item.circle.effect14.top_to_bottom a:hover .info {
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0)
}

.ih-item.circle.effect14.bottom_to_top .img {
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0);
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.ih-item.circle.effect14.bottom_to_top .info {
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.ih-item.circle.effect14.bottom_to_top a:hover .img {
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    transform: rotateX(-90deg)
}

.ih-item.circle.effect14.bottom_to_top a:hover .info {
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0)
}

.ih-item.circle.effect15 .img {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out
}

.ih-item.circle.effect15.colored .info {
    background: #1a4a72
}

.ih-item.circle.effect15 .info {
    background: #333;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0.5) rotate(-720deg);
    -moz-transform: scale(0.5) rotate(-720deg);
    -ms-transform: scale(0.5) rotate(-720deg);
    -o-transform: scale(0.5) rotate(-720deg);
    transform: scale(0.5) rotate(-720deg);
    -webkit-transition: all 0.35s ease-in-out 0.3s;
    -moz-transition: all 0.35s ease-in-out 0.3s;
    transition: all 0.35s ease-in-out 0.3s
}

.ih-item.circle.effect15 .info h3 {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 55px 0 0 0;
    height: 110px;
    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3)
}

.ih-item.circle.effect15 .info p {
    color: #bbb;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.5)
}

.ih-item.circle.effect15 a:hover .img {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0.5) rotate(720deg);
    -moz-transform: scale(0.5) rotate(720deg);
    -ms-transform: scale(0.5) rotate(720deg);
    -o-transform: scale(0.5) rotate(720deg);
    transform: scale(0.5) rotate(720deg)
}

.ih-item.circle.effect15 a:hover .info {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0)
}

.ih-item.circle.effect16 .img {
    z-index: 11;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out
}

.ih-item.circle.effect16.colored .info {
    background: #1a4a72
}

.ih-item.circle.effect16 .info {
    background: #333;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out
}

.ih-item.circle.effect16 .info h3 {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 55px 0 0 0;
    height: 110px;
    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3)
}

.ih-item.circle.effect16 .info p {
    color: #bbb;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out
}

.ih-item.circle.effect16.left_to_right .img {
    -webkit-transform-origin: 95% 40%;
    -moz-transform-origin: 95% 40%;
    -ms-transform-origin: 95% 40%;
    -o-transform-origin: 95% 40%;
    transform-origin: 95% 40%
}

.ih-item.circle.effect16.left_to_right .img:after {
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    border-radius: 50%;
    top: 40%;
    left: 95%;
    margin: -4px 0 0 -4px;
    background: rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.9)
}

.ih-item.circle.effect16.left_to_right a:hover .img {
    -webkit-transform: rotate(-120deg);
    -moz-transform: rotate(-120deg);
    -ms-transform: rotate(-120deg);
    -o-transform: rotate(-120deg);
    transform: rotate(-120deg)
}

.ih-item.circle.effect16.right_to_left .img {
    -webkit-transform-origin: 5% 40%;
    -moz-transform-origin: 5% 40%;
    -ms-transform-origin: 5% 40%;
    -o-transform-origin: 5% 40%;
    transform-origin: 5% 40%
}

.ih-item.circle.effect16.right_to_left .img:after {
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    border-radius: 50%;
    top: 40%;
    left: 5%;
    margin: -4px 0 0 -4px;
    background: rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.9)
}

.ih-item.circle.effect16.right_to_left a:hover .img {
    -webkit-transform: rotate(120deg);
    -moz-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    -o-transform: rotate(120deg);
    transform: rotate(120deg)
}

.ih-item.circle.effect17 .info {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out
}

.ih-item.circle.effect17 .info h3 {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 55px 0 0 0;
    height: 110px;
    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3)
}

.ih-item.circle.effect17 .info p {
    color: #bbb;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    opacity: 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out
}

.ih-item.circle.effect17 a:hover .img:before {
    box-shadow: inset 0 0 0 110px #333, inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0 0 110px rgba(0, 0, 0, 0.6), inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1)
}

.ih-item.circle.effect17 a:hover .info {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.ih-item.circle.effect17 a:hover .info p {
    opacity: 1
}

.ih-item.circle.effect17.colored a:hover .img:before {
    box-shadow: inset 0 0 0 110px #1a4a72, inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0 0 110px rgba(26, 74, 114, 0.6), inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1)
}

.ih-item.circle.effect18 {
    -webkit-perspective: 900px;
    -moz-perspective: 900px;
    perspective: 900px
}

.ih-item.circle.effect18 .img {
    z-index: 11;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

.ih-item.circle.effect18.colored .info .info-back {
    background: #1a4a72
}

.ih-item.circle.effect18 .info {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.ih-item.circle.effect18 .info .info-back {
    opacity: 1;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    background: #333
}

.ih-item.circle.effect18 .info h3 {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 55px 0 0 0;
    height: 110px;
    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3)
}

.ih-item.circle.effect18 .info p {
    color: #bbb;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.5)
}

.ih-item.circle.effect18.bottom_to_top .img {
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.ih-item.circle.effect18.bottom_to_top a:hover .img {
    -webkit-transform: rotate3d(1, 0, 0, 180deg);
    -moz-transform: rotate3d(1, 0, 0, 180deg);
    -ms-transform: rotate3d(1, 0, 0, 180deg);
    -o-transform: rotate3d(1, 0, 0, 180deg);
    transform: rotate3d(1, 0, 0, 180deg)
}

.ih-item.circle.effect18.top_to_bottom .img {
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.ih-item.circle.effect18.top_to_bottom a:hover .img {
    -webkit-transform: rotate3d(1, 0, 0, -180deg);
    -moz-transform: rotate3d(1, 0, 0, -180deg);
    -ms-transform: rotate3d(1, 0, 0, -180deg);
    -o-transform: rotate3d(1, 0, 0, -180deg);
    transform: rotate3d(1, 0, 0, -180deg)
}

.ih-item.circle.effect18.left_to_right .img {
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.ih-item.circle.effect18.left_to_right a:hover .img {
    -webkit-transform: rotate3d(0, 1, 0, 180deg);
    -moz-transform: rotate3d(0, 1, 0, 180deg);
    -ms-transform: rotate3d(0, 1, 0, 180deg);
    -o-transform: rotate3d(0, 1, 0, 180deg);
    transform: rotate3d(0, 1, 0, 180deg)
}

.ih-item.circle.effect18.right_to_left .img {
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    -o-transform-origin: 0% 50%;
    transform-origin: 0% 50%
}

.ih-item.circle.effect18.right_to_left a:hover .img {
    -webkit-transform: rotate3d(0, 1, 0, -180deg);
    -moz-transform: rotate3d(0, 1, 0, -180deg);
    -ms-transform: rotate3d(0, 1, 0, -180deg);
    -o-transform: rotate3d(0, 1, 0, -180deg);
    transform: rotate3d(0, 1, 0, -180deg)
}

.ih-item.circle.effect19.colored .info {
    background: #1a4a72;
    background: rgba(26, 74, 114, 0.6)
}

.ih-item.circle.effect19 .info {
    background: #333;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out
}

.ih-item.circle.effect19 .info h3 {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 45px 0 0 0;
    height: 140px;
    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3)
}

.ih-item.circle.effect19 .info p {
    color: #bbb;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.5)
}

.ih-item.circle.effect19 a:hover .info {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.ih-item.circle.effect20 {
    -webkit-perspective: 900px;
    -moz-perspective: 900px;
    perspective: 900px
}

.ih-item.circle.effect20 .img {
    -webkit-transition: all 0.35s linear;
    -moz-transition: all 0.35s linear;
    transition: all 0.35s linear;
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    transform-origin: 50% 0%
}

.ih-item.circle.effect20.colored .info .info-back {
    background: #1a4a72
}

.ih-item.circle.effect20 .info {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.ih-item.circle.effect20 .info .info-back {
    opacity: 1;
    visibility: hidden;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    background: #333;
    -webkit-transition: all 0.35s linear;
    -moz-transition: all 0.35s linear;
    transition: all 0.35s linear;
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.ih-item.circle.effect20 .info h3 {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 55px 0 0 0;
    height: 110px;
    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3)
}

.ih-item.circle.effect20 .info p {
    color: #bbb;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.5)
}

.ih-item.circle.effect20 a:hover .img {
    opacity: 0
}

.ih-item.circle.effect20 a:hover .info .info-back {
    opacity: 1;
    visibility: visible
}

.ih-item.circle.effect20.top_to_bottom .info .info-back {
    -webkit-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
    -moz-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
    -ms-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
    -o-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
    transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg)
}

.ih-item.circle.effect20.top_to_bottom a:hover .img {
    -webkit-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
    -moz-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
    -ms-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
    -o-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
    transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg)
}

.ih-item.circle.effect20.top_to_bottom a:hover .info .info-back {
    -webkit-transform: rotate3d(1, 0, 0, 0deg);
    -moz-transform: rotate3d(1, 0, 0, 0deg);
    -ms-transform: rotate3d(1, 0, 0, 0deg);
    -o-transform: rotate3d(1, 0, 0, 0deg);
    transform: rotate3d(1, 0, 0, 0deg)
}

.ih-item.circle.effect20.bottom_to_top .info .info-back {
    -webkit-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
    -moz-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
    -ms-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
    -o-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
    transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg)
}

.ih-item.circle.effect20.bottom_to_top a:hover .img {
    -webkit-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
    -moz-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
    -ms-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
    -o-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
    transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg)
}

.ih-item.circle.effect20.bottom_to_top a:hover .info .info-back {
    -webkit-transform: rotate3d(1, 0, 0, 0deg);
    -moz-transform: rotate3d(1, 0, 0, 0deg);
    -ms-transform: rotate3d(1, 0, 0, 0deg);
    -o-transform: rotate3d(1, 0, 0, 0deg);
    transform: rotate3d(1, 0, 0, 0deg)
}

.ih-item.square.effect1 {
    overflow: hidden
}

.ih-item.square.effect1.colored .info {
    background: #1a4a72
}

.ih-item.square.effect1 .img {
    z-index: 11;
    position: absolute;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.ih-item.square.effect1 .info {
    background: #333;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out
}

.ih-item.square.effect1 a:hover .info {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.ih-item.square.effect1.left_and_right .info h3 {
    position: absolute;
    top: 12px;
    left: 12px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-size: 17px;
    margin: 0
}

.ih-item.square.effect1.left_and_right .info p {
    position: absolute;
    right: 12px;
    bottom: 12px;
    margin: 0;
    font-style: italic;
    font-size: 12px;
    color: #bbb
}

.ih-item.square.effect1.left_and_right a:hover .img {
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6)
}

.ih-item.square.effect1.top_to_bottom .info h3 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-size: 17px;
    padding: 10px 10px 0 4px;
    margin: 10px 0 0 0
}

.ih-item.square.effect1.top_to_bottom .info p {
    font-style: italic;
    font-size: 12px;
    color: #bbb;
    padding: 5px;
    text-align: center
}

.ih-item.square.effect1.top_to_bottom a:hover .img {
    -webkit-transform: translateY(30px) scale(0.6);
    -moz-transform: translateY(30px) scale(0.6);
    -ms-transform: translateY(30px) scale(0.6);
    -o-transform: translateY(30px) scale(0.6);
    transform: translateY(30px) scale(0.6)
}

.ih-item.square.effect1.bottom_to_top .info h3 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-size: 17px;
    padding: 10px 10px 0 4px;
    margin: 134px 0 0 0
}

.ih-item.square.effect1.bottom_to_top .info p {
    font-style: italic;
    font-size: 12px;
    color: #bbb;
    padding: 5px;
    text-align: center
}

.ih-item.square.effect1.bottom_to_top a:hover .img {
    -webkit-transform: translateY(-30px) scale(0.6);
    -moz-transform: translateY(-30px) scale(0.6);
    -ms-transform: translateY(-30px) scale(0.6);
    -o-transform: translateY(-30px) scale(0.6);
    transform: translateY(-30px) scale(0.6)
}

.ih-item.square.effect2 {
    overflow: hidden
}

.ih-item.square.effect2.colored .info {
    background: #1a4a72
}

.ih-item.square.effect2.colored .info h3 {
    background: rgba(12, 34, 52, 0.6)
}

.ih-item.square.effect2 .img {
    opacity: 1;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: rotate(0deg) scale(1);
    -moz-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
    -o-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1)
}

.ih-item.square.effect2 .info {
    background: #333;
    visibility: hidden;
    -webkit-transition: all 0.35s 0.3s ease-in-out;
    -moz-transition: all 0.35s 0.3s ease-in-out;
    transition: all 0.35s 0.3s ease-in-out
}

.ih-item.square.effect2 .info h3 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-size: 17px;
    padding: 10px;
    background: #111;
    margin: 30px 0 0 0;
    -webkit-transform: translateY(-200px);
    -moz-transform: translateY(-200px);
    -ms-transform: translateY(-200px);
    -o-transform: translateY(-200px);
    transform: translateY(-200px);
    -webkit-transition: all 0.35s 0.6s ease-in-out;
    -moz-transition: all 0.35s 0.6s ease-in-out;
    transition: all 0.35s 0.6s ease-in-out
}

.ih-item.square.effect2 .info p {
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #bbb;
    padding: 20px 20px 20px;
    text-align: center;
    -webkit-transform: translateY(-200px);
    -moz-transform: translateY(-200px);
    -ms-transform: translateY(-200px);
    -o-transform: translateY(-200px);
    transform: translateY(-200px);
    -webkit-transition: all 0.35s 0.5s linear;
    -moz-transition: all 0.35s 0.5s linear;
    transition: all 0.35s 0.5s linear
}

.ih-item.square.effect2 a:hover .img {
    -webkit-transform: rotate(720deg) scale(0);
    -moz-transform: rotate(720deg) scale(0);
    -ms-transform: rotate(720deg) scale(0);
    -o-transform: rotate(720deg) scale(0);
    transform: rotate(720deg) scale(0);
    opacity: 0
}

.ih-item.square.effect2 a:hover .info {
    visibility: visible
}

.ih-item.square.effect2 a:hover .info h3, .ih-item.square.effect2 a:hover .info p {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.square.effect3 {
    overflow: hidden
}

.ih-item.square.effect3.colored .info {
    background: #1a4a72
}

.ih-item.square.effect3 .img {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out
}

.ih-item.square.effect3 .info {
    height: 65px;
    background: #333;
    opacity: 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out
}

.ih-item.square.effect3 .info h3 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-size: 17px;
    padding: 10px 10px 0 4px;
    margin: 4px 0 0 0
}

.ih-item.square.effect3 .info p {
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #bbb;
    padding: 5px;
    text-align: center
}

.ih-item.square.effect3 a:hover .info {
    visibility: visible;
    opacity: 1
}

.ih-item.square.effect3.bottom_to_top .info {
    top: auto;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}

.ih-item.square.effect3.bottom_to_top a:hover .img {
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px)
}

.ih-item.square.effect3.bottom_to_top a:hover .info {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.square.effect3.top_to_bottom .info {
    bottom: auto;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.ih-item.square.effect3.top_to_bottom a:hover .img {
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px)
}

.ih-item.square.effect3.top_to_bottom a:hover .info {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.square.effect4 {
    overflow: hidden;
    position: relative
}

.ih-item.square.effect4.colored .info {
    background: rgba(12, 34, 52, 0.6)
}

.ih-item.square.effect4.colored .mask1, .ih-item.square.effect4.colored .mask2 {
    background: #1a4a72;
    background: rgba(26, 74, 114, 0.6)
}

.ih-item.square.effect4 .img {
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out
}

.ih-item.square.effect4 .mask1, .ih-item.square.effect4 .mask2 {
    position: absolute;
    background: #333;
    background: rgba(0, 0, 0, 0.6);
    height: 361px;
    width: 361px;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out
}

.ih-item.square.effect4 .mask1 {
    left: auto;
    right: 0;
    top: 0;
    -webkit-transform: rotate(56.5deg) translateX(-180px);
    -moz-transform: rotate(56.5deg) translateX(-180px);
    -ms-transform: rotate(56.5deg) translateX(-180px);
    -o-transform: rotate(56.5deg) translateX(-180px);
    transform: rotate(56.5deg) translateX(-180px);
    -webkit-transform-origin: 100% 0%;
    -moz-transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    -o-transform-origin: 100% 0%;
    transform-origin: 100% 0%
}

.ih-item.square.effect4 .mask2 {
    top: auto;
    bottom: 0;
    left: 0;
    -webkit-transform: rotate(56.5deg) translateX(180px);
    -moz-transform: rotate(56.5deg) translateX(180px);
    -ms-transform: rotate(56.5deg) translateX(180px);
    -o-transform: rotate(56.5deg) translateX(180px);
    transform: rotate(56.5deg) translateX(180px);
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%
}

.ih-item.square.effect4 .info {
    background: #111;
    height: 0;
    visibility: hidden;
    width: 361px;
    -webkit-transform: rotate(-33.5deg) translate(-112px, 166px);
    -moz-transform: rotate(-33.5deg) translate(-112px, 166px);
    -ms-transform: rotate(-33.5deg) translate(-112px, 166px);
    -o-transform: rotate(-33.5deg) translate(-112px, 166px);
    transform: rotate(-33.5deg) translate(-112px, 166px);
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transition: all 0.35s ease-in-out 0.35s;
    -moz-transition: all 0.35s ease-in-out 0.35s;
    transition: all 0.35s ease-in-out 0.35s
}

.ih-item.square.effect4 .info h3 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-size: 17px;
    padding: 10px;
    background: transparent;
    margin-top: 5px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    opacity: 0;
    -webkit-transition: all 0.35s ease-in-out 0.35s;
    -moz-transition: all 0.35s ease-in-out 0.35s;
    transition: all 0.35s ease-in-out 0.35s
}

.ih-item.square.effect4 .info p {
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #bbb;
    padding: 20px 20px 20px;
    text-align: center;
    opacity: 0;
    -webkit-transition: all 0.35s ease-in-out 0.35s;
    -moz-transition: all 0.35s ease-in-out 0.35s;
    transition: all 0.35s ease-in-out 0.35s
}

.ih-item.square.effect4 a:hover .mask1 {
    -webkit-transform: rotate(56.5deg) translateX(1px);
    -moz-transform: rotate(56.5deg) translateX(1px);
    -ms-transform: rotate(56.5deg) translateX(1px);
    -o-transform: rotate(56.5deg) translateX(1px);
    transform: rotate(56.5deg) translateX(1px)
}

.ih-item.square.effect4 a:hover .mask2 {
    -webkit-transform: rotate(56.5deg) translateX(-1px);
    -moz-transform: rotate(56.5deg) translateX(-1px);
    -ms-transform: rotate(56.5deg) translateX(-1px);
    -o-transform: rotate(56.5deg) translateX(-1px);
    transform: rotate(56.5deg) translateX(-1px)
}

.ih-item.square.effect4 a:hover .info {
    width: 300px;
    height: 120px;
    visibility: visible;
    top: 40px;
    -webkit-transform: rotate(0deg) translate(0, 0);
    -moz-transform: rotate(0deg) translate(0, 0);
    -ms-transform: rotate(0deg) translate(0, 0);
    -o-transform: rotate(0deg) translate(0, 0);
    transform: rotate(0deg) translate(0, 0)
}

.ih-item.square.effect4 a:hover .info h3, .ih-item.square.effect4 a:hover .info p {
    opacity: 1
}

.ih-item.square.effect5.colored .info {
    background: #1a4a72
}

.ih-item.square.effect5.colored .info h3 {
    background: rgba(12, 34, 52, 0.6)
}

.ih-item.square.effect5 .img {
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.ih-item.square.effect5 .info {
    background: #333;
    opacity: 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out
}

.ih-item.square.effect5 .info h3 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-size: 17px;
    padding: 10px;
    background: #111;
    margin: 30px 0 0 0
}

.ih-item.square.effect5 .info p {
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #bbb;
    padding: 20px 20px 20px;
    text-align: center
}

.ih-item.square.effect5 a:hover .img {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    transition-delay: 0
}

.ih-item.square.effect5 a:hover .info {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    transition-delay: 0.3s
}

.ih-item.square.effect5.left_to_right .info {
    -webkit-transform: scale(0) rotate(-180deg);
    -moz-transform: scale(0) rotate(-180deg);
    -ms-transform: scale(0) rotate(-180deg);
    -o-transform: scale(0) rotate(-180deg);
    transform: scale(0) rotate(-180deg)
}

.ih-item.square.effect5.right_to_left .info {
    -webkit-transform: scale(0) rotate(180deg);
    -moz-transform: scale(0) rotate(180deg);
    -ms-transform: scale(0) rotate(180deg);
    -o-transform: scale(0) rotate(180deg);
    transform: scale(0) rotate(180deg)
}

.ih-item.square.effect6 {
    overflow: hidden
}

.ih-item.square.effect6.colored .info {
    background: #1a4a72;
    background: rgba(26, 74, 114, 0.6)
}

.ih-item.square.effect6.colored .info h3 {
    background: rgba(12, 34, 52, 0.6)
}

.ih-item.square.effect6 .img {
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.ih-item.square.effect6 .info {
    background: #333;
    background: rgba(0, 0, 0, 0.6);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out
}

.ih-item.square.effect6 .info h3 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-size: 17px;
    padding: 10px;
    background: #111;
    margin: 30px 0 0 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out
}

.ih-item.square.effect6 .info p {
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #bbb;
    padding: 20px 20px 20px;
    text-align: center;
    -webkit-transition: all 0.35s 0.1s linear;
    -moz-transition: all 0.35s 0.1s linear;
    transition: all 0.35s 0.1s linear
}

.ih-item.square.effect6 a:hover .img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2)
}

.ih-item.square.effect6 a:hover .info {
    visibility: visible;
    opacity: 1
}

.ih-item.square.effect6.from_top_and_bottom .info h3 {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.ih-item.square.effect6.from_top_and_bottom .info p {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}

.ih-item.square.effect6.from_top_and_bottom a:hover .info h3, .ih-item.square.effect6.from_top_and_bottom a:hover .info p {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.square.effect6.from_left_and_right .info h3 {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.ih-item.square.effect6.from_left_and_right .info p {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.ih-item.square.effect6.from_left_and_right a:hover .info h3, .ih-item.square.effect6.from_left_and_right a:hover .info p {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.ih-item.square.effect6.top_to_bottom .info h3 {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.ih-item.square.effect6.top_to_bottom .info p {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.ih-item.square.effect6.top_to_bottom a:hover .info h3, .ih-item.square.effect6.top_to_bottom a:hover .info p {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.square.effect6.bottom_to_top .info h3 {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}

.ih-item.square.effect6.bottom_to_top .info p {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}

.ih-item.square.effect6.bottom_to_top a:hover .info h3, .ih-item.square.effect6.bottom_to_top a:hover .info p {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.square.effect7 {
    overflow: hidden
}

.ih-item.square.effect7.colored .info {
    background: #1a4a72;
    background: rgba(26, 74, 114, 0.6)
}

.ih-item.square.effect7.colored .info h3 {
    background: rgba(12, 34, 52, 0.6)
}

.ih-item.square.effect7 .img {
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.ih-item.square.effect7 .info {
    background: #333;
    background: rgba(0, 0, 0, 0.6);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out
}

.ih-item.square.effect7 .info h3 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-size: 17px;
    padding: 10px;
    background: #111;
    margin: 30px 0 0 0;
    -webkit-transform: scale(4);
    -moz-transform: scale(4);
    -ms-transform: scale(4);
    -o-transform: scale(4);
    transform: scale(4);
    -webkit-transition: all 0.35s 0.1s ease-in-out;
    -moz-transition: all 0.35s 0.1s ease-in-out;
    transition: all 0.35s 0.1s ease-in-out
}

.ih-item.square.effect7 .info p {
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #bbb;
    padding: 20px 20px 20px;
    text-align: center;
    -webkit-transform: scale(5);
    -moz-transform: scale(5);
    -ms-transform: scale(5);
    -o-transform: scale(5);
    transform: scale(5);
    -webkit-transition: all 0.35s 0.3s linear;
    -moz-transition: all 0.35s 0.3s linear;
    transition: all 0.35s 0.3s linear
}

.ih-item.square.effect7 a:hover .img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2)
}

.ih-item.square.effect7 a:hover .info {
    visibility: visible;
    opacity: 1
}

.ih-item.square.effect7 a:hover .info h3, .ih-item.square.effect7 a:hover .info p {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.ih-item.square.effect8 {
    overflow: hidden
}

.ih-item.square.effect8.colored .info {
    background: #1a4a72
}

.ih-item.square.effect8.colored .info h3 {
    background: rgba(12, 34, 52, 0.6)
}

.ih-item.square.effect8 .img {
    opacity: 1;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out
}

.ih-item.square.effect8 .info {
    background: #333;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out
}

.ih-item.square.effect8 .info h3 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-size: 17px;
    padding: 10px;
    background: #111;
    margin: 30px 0 0 0;
    -webkit-transition: all 0.35s 0.1s ease-in-out;
    -moz-transition: all 0.35s 0.1s ease-in-out;
    transition: all 0.35s 0.1s ease-in-out
}

.ih-item.square.effect8 .info p {
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #bbb;
    padding: 20px 20px 20px;
    text-align: center;
    -webkit-transition: all 0.35s 0.15s linear;
    -moz-transition: all 0.35s 0.15s linear;
    transition: all 0.35s 0.15s linear
}

.ih-item.square.effect8 a:hover .img {
    opacity: 0
}

.ih-item.square.effect8 a:hover .info {
    visibility: visible;
    opacity: 1
}

.ih-item.square.effect8.scale_up .img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.ih-item.square.effect8.scale_up .info {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}

.ih-item.square.effect8.scale_up .info h3, .ih-item.square.effect8.scale_up .info p {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}

.ih-item.square.effect8.scale_up a:hover .img {
    -webkit-transform: scale(5);
    -moz-transform: scale(5);
    -ms-transform: scale(5);
    -o-transform: scale(5);
    transform: scale(5)
}

.ih-item.square.effect8.scale_up a:hover .info {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.ih-item.square.effect8.scale_up a:hover .info h3, .ih-item.square.effect8.scale_up a:hover .info p {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.ih-item.square.effect8.scale_down .img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.ih-item.square.effect8.scale_down .info {
    -webkit-transform: scale(5);
    -moz-transform: scale(5);
    -ms-transform: scale(5);
    -o-transform: scale(5);
    transform: scale(5)
}

.ih-item.square.effect8.scale_down .info h3, .ih-item.square.effect8.scale_down .info p {
    -webkit-transform: scale(5);
    -moz-transform: scale(5);
    -ms-transform: scale(5);
    -o-transform: scale(5);
    transform: scale(5)
}

.ih-item.square.effect8.scale_down a:hover .img {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5)
}

.ih-item.square.effect8.scale_down a:hover .info {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.ih-item.square.effect8.scale_down a:hover .info h3, .ih-item.square.effect8.scale_down a:hover .info p {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.ih-item.square.effect9 {
    -webkit-perspective: 900px;
    -moz-perspective: 900px;
    perspective: 900px
}

.ih-item.square.effect9.colored .info .info-back {
    background: #1a4a72
}

.ih-item.square.effect9.colored .info h3 {
    background: rgba(12, 34, 52, 0.6)
}

.ih-item.square.effect9 .img {
    position: relative;
    z-index: 11;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

.ih-item.square.effect9 .info {
    z-index: 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.ih-item.square.effect9 .info .info-back {
    opacity: 1;
    width: 100%;
    height: 100%;
    padding-top: 30px;
    background: #333
}

.ih-item.square.effect9 .info h3 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-size: 17px;
    padding: 10px;
    background: #111;
    margin: 0
}

.ih-item.square.effect9 .info p {
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #bbb;
    padding: 20px 20px 20px;
    text-align: center
}

.ih-item.square.effect9.left_to_right .img {
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.ih-item.square.effect9.left_to_right a:hover .img {
    -webkit-transform: rotate3d(0, 1, 0, 180deg);
    -moz-transform: rotate3d(0, 1, 0, 180deg);
    -ms-transform: rotate3d(0, 1, 0, 180deg);
    -o-transform: rotate3d(0, 1, 0, 180deg);
    transform: rotate3d(0, 1, 0, 180deg)
}

.ih-item.square.effect9.right_to_left .img {
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    -o-transform-origin: 0% 50%;
    transform-origin: 0% 50%
}

.ih-item.square.effect9.right_to_left a:hover .img {
    -webkit-transform: rotate3d(0, 1, 0, -180deg);
    -moz-transform: rotate3d(0, 1, 0, -180deg);
    -ms-transform: rotate3d(0, 1, 0, -180deg);
    -o-transform: rotate3d(0, 1, 0, -180deg);
    transform: rotate3d(0, 1, 0, -180deg)
}

.ih-item.square.effect9.top_to_bottom .img {
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.ih-item.square.effect9.top_to_bottom a:hover .img {
    -webkit-transform: rotate3d(1, 0, 0, -180deg);
    -moz-transform: rotate3d(1, 0, 0, -180deg);
    -ms-transform: rotate3d(1, 0, 0, -180deg);
    -o-transform: rotate3d(1, 0, 0, -180deg);
    transform: rotate3d(1, 0, 0, -180deg)
}

.ih-item.square.effect9.bottom_to_top .img {
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.ih-item.square.effect9.bottom_to_top a:hover .img {
    -webkit-transform: rotate3d(1, 0, 0, 180deg);
    -moz-transform: rotate3d(1, 0, 0, 180deg);
    -ms-transform: rotate3d(1, 0, 0, 180deg);
    -o-transform: rotate3d(1, 0, 0, 180deg);
    transform: rotate3d(1, 0, 0, 180deg)
}

.ih-item.square.effect10 {
    overflow: hidden
}

.ih-item.square.effect10.colored .info {
    background: #1a4a72
}

.ih-item.square.effect10.colored .info h3 {
    background: rgba(12, 34, 52, 0.6)
}

.ih-item.square.effect10 .img {
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out
}

.ih-item.square.effect10 .info {
    background: #333;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out
}

.ih-item.square.effect10 .info h3 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-size: 17px;
    padding: 10px;
    background: #111;
    margin: 30px 0 0 0
}

.ih-item.square.effect10 .info p {
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #bbb;
    padding: 20px 20px 20px;
    text-align: center
}

.ih-item.square.effect10 a:hover .info {
    visibility: visible;
    opacity: 1
}

.ih-item.square.effect10.left_to_right .img {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.ih-item.square.effect10.left_to_right .info {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.ih-item.square.effect10.left_to_right a:hover .img {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.ih-item.square.effect10.left_to_right a:hover .info {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.ih-item.square.effect10.right_to_left .img {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.ih-item.square.effect10.right_to_left .info {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.ih-item.square.effect10.right_to_left a:hover .img {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.ih-item.square.effect10.right_to_left a:hover .info {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.ih-item.square.effect10.top_to_bottom .img {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.square.effect10.top_to_bottom .info {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.ih-item.square.effect10.top_to_bottom a:hover .img {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}

.ih-item.square.effect10.top_to_bottom a:hover .info {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.square.effect10.bottom_to_top .img {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.square.effect10.bottom_to_top .info {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}

.ih-item.square.effect10.bottom_to_top a:hover .img {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.ih-item.square.effect10.bottom_to_top a:hover .info {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.square.effect11 {
    overflow: hidden
}

.ih-item.square.effect11.colored .info {
    background: #1a4a72
}

.ih-item.square.effect11.colored .info h3 {
    background: rgba(12, 34, 52, 0.6)
}

.ih-item.square.effect11 .img {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out
}

.ih-item.square.effect11 .info {
    background: #333;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.35s ease 0.2s;
    -moz-transition: all 0.35s ease 0.2s;
    transition: all 0.35s ease 0.2s
}

.ih-item.square.effect11 .info h3 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-size: 17px;
    padding: 10px;
    background: #111;
    margin: 30px 0 0 0
}

.ih-item.square.effect11 .info p {
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #bbb;
    padding: 20px 20px 20px;
    text-align: center
}

.ih-item.square.effect11 a:hover .img {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5)
}

.ih-item.square.effect11 a:hover .info {
    visibility: visible;
    opacity: 1
}

.ih-item.square.effect11.left_to_right .info {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.ih-item.square.effect11.left_to_right a:hover .info {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.ih-item.square.effect11.right_to_left .info {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.ih-item.square.effect11.right_to_left a:hover .info {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.ih-item.square.effect11.top_to_bottom .info {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.ih-item.square.effect11.top_to_bottom a:hover .info {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.square.effect11.bottom_to_top .info {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}

.ih-item.square.effect11.bottom_to_top a:hover .info {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.square.effect12 {
    overflow: hidden
}

.ih-item.square.effect12.colored .info {
    background: #1a4a72;
    background: rgba(26, 74, 114, 0.6)
}

.ih-item.square.effect12.colored .info h3 {
    background: rgba(12, 34, 52, 0.6)
}

.ih-item.square.effect12 .img {
    -webkit-transition: all 0.35s ease-in;
    -moz-transition: all 0.35s ease-in;
    transition: all 0.35s ease-in
}

.ih-item.square.effect12 .info {
    background: #333;
    background: rgba(0, 0, 0, 0.6);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.35s ease-in;
    -moz-transition: all 0.35s ease-in;
    transition: all 0.35s ease-in
}

.ih-item.square.effect12 .info h3 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-size: 17px;
    padding: 10px;
    background: #111;
    margin: 30px 0 0 0;
    -webkit-transition: all 0.35s ease-in;
    -moz-transition: all 0.35s ease-in;
    transition: all 0.35s ease-in
}

.ih-item.square.effect12 .info p {
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #bbb;
    padding: 20px 20px 20px;
    text-align: center;
    -webkit-transition: all 0.35s ease-in;
    -moz-transition: all 0.35s ease-in;
    transition: all 0.35s ease-in
}

.ih-item.square.effect12 a:hover .info {
    visibility: visible;
    opacity: 1;
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    transition-delay: 0.2s
}

.ih-item.square.effect12 a:hover .info h3 {
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    transition-delay: 0.3s
}

.ih-item.square.effect12 a:hover .info p {
    -webkit-transition-delay: 0.25s;
    -moz-transition-delay: 0.25s;
    transition-delay: 0.25s
}

.ih-item.square.effect12.left_to_right .info {
    -webkit-transform: translate(-460px, -100px) rotate(-180deg);
    -moz-transform: translate(-460px, -100px) rotate(-180deg);
    -ms-transform: translate(-460px, -100px) rotate(-180deg);
    -o-transform: translate(-460px, -100px) rotate(-180deg);
    transform: translate(-460px, -100px) rotate(-180deg)
}

.ih-item.square.effect12.left_to_right .info h3 {
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    transform: translateY(-100px)
}

.ih-item.square.effect12.left_to_right .info p {
    -webkit-transform: translateX(-300px) rotate(-90deg);
    -moz-transform: translateX(-300px) rotate(-90deg);
    -ms-transform: translateX(-300px) rotate(-90deg);
    -o-transform: translateX(-300px) rotate(-90deg);
    transform: translateX(-300px) rotate(-90deg)
}

.ih-item.square.effect12.left_to_right a:hover .info {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px)
}

.ih-item.square.effect12.left_to_right a:hover .info h3 {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px)
}

.ih-item.square.effect12.left_to_right a:hover .info p {
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg)
}

.ih-item.square.effect12.right_to_left .info {
    -webkit-transform: translate(460px, -100px) rotate(180deg);
    -moz-transform: translate(460px, -100px) rotate(180deg);
    -ms-transform: translate(460px, -100px) rotate(180deg);
    -o-transform: translate(460px, -100px) rotate(180deg);
    transform: translate(460px, -100px) rotate(180deg)
}

.ih-item.square.effect12.right_to_left .info h3 {
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    transform: translateY(-100px)
}

.ih-item.square.effect12.right_to_left .info p {
    -webkit-transform: translateX(300px) rotate(90deg);
    -moz-transform: translateX(300px) rotate(90deg);
    -ms-transform: translateX(300px) rotate(90deg);
    -o-transform: translateX(300px) rotate(90deg);
    transform: translateX(300px) rotate(90deg)
}

.ih-item.square.effect12.right_to_left a:hover .info {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px)
}

.ih-item.square.effect12.right_to_left a:hover .info h3 {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px)
}

.ih-item.square.effect12.right_to_left a:hover .info p {
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg)
}

.ih-item.square.effect12.top_to_bottom .info {
    -webkit-transform: translate(-265px, -145px) rotate(-45deg);
    -moz-transform: translate(-265px, -145px) rotate(-45deg);
    -ms-transform: translate(-265px, -145px) rotate(-45deg);
    -o-transform: translate(-265px, -145px) rotate(-45deg);
    transform: translate(-265px, -145px) rotate(-45deg)
}

.ih-item.square.effect12.top_to_bottom .info h3 {
    -webkit-transform: translate(200px, -200px);
    -moz-transform: translate(200px, -200px);
    -ms-transform: translate(200px, -200px);
    -o-transform: translate(200px, -200px);
    transform: translate(200px, -200px)
}

.ih-item.square.effect12.top_to_bottom .info p {
    -webkit-transform: translate(200px, -200px);
    -moz-transform: translate(200px, -200px);
    -ms-transform: translate(200px, -200px);
    -o-transform: translate(200px, -200px);
    transform: translate(200px, -200px)
}

.ih-item.square.effect12.top_to_bottom a:hover .info {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    transition-delay: 0.2s
}

.ih-item.square.effect12.top_to_bottom a:hover .info h3 {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    transition-delay: 0.3s
}

.ih-item.square.effect12.top_to_bottom a:hover .info p {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    transition-delay: 0.4s
}

.ih-item.square.effect12.bottom_to_top .info {
    -webkit-transform: translate(265px, 145px) rotate(45deg);
    -moz-transform: translate(265px, 145px) rotate(45deg);
    -ms-transform: translate(265px, 145px) rotate(45deg);
    -o-transform: translate(265px, 145px) rotate(45deg);
    transform: translate(265px, 145px) rotate(45deg)
}

.ih-item.square.effect12.bottom_to_top .info h3 {
    -webkit-transform: translate(200px, -200px);
    -moz-transform: translate(200px, -200px);
    -ms-transform: translate(200px, -200px);
    -o-transform: translate(200px, -200px);
    transform: translate(200px, -200px)
}

.ih-item.square.effect12.bottom_to_top .info p {
    -webkit-transform: translate(-200px, 200px);
    -moz-transform: translate(-200px, 200px);
    -ms-transform: translate(-200px, 200px);
    -o-transform: translate(-200px, 200px);
    transform: translate(-200px, 200px)
}

.ih-item.square.effect12.bottom_to_top a:hover .info {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    transition-delay: 0.2s
}

.ih-item.square.effect12.bottom_to_top a:hover .info h3 {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    transition-delay: 0.3s
}

.ih-item.square.effect12.bottom_to_top a:hover .info p {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    transition-delay: 0.4s
}

.ih-item.square.effect13 {
    overflow: hidden
}

.ih-item.square.effect13.colored .info {
    background: #1a4a72;
    background: rgba(26, 74, 114, 0.6)
}

.ih-item.square.effect13.colored .info h3 {
    background: rgba(12, 34, 52, 0.6)
}

.ih-item.square.effect13 .img {
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.ih-item.square.effect13 .info {
    background: #333;
    background: rgba(0, 0, 0, 0.6);
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out
}

.ih-item.square.effect13 .info h3 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-size: 17px;
    padding: 10px;
    background: #111;
    margin: 30px 0 0 0
}

.ih-item.square.effect13 .info p {
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #bbb;
    padding: 20px 20px 20px;
    text-align: center
}

.ih-item.square.effect13 a:hover .img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2)
}

.ih-item.square.effect13 a:hover .info {
    visibility: visible;
    opacity: 1
}

.ih-item.square.effect13.left_to_right .info {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.ih-item.square.effect13.left_to_right a:hover .info {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.ih-item.square.effect13.right_to_left .info {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.ih-item.square.effect13.right_to_left a:hover .info {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.ih-item.square.effect13.top_to_bottom .info {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.ih-item.square.effect13.top_to_bottom a:hover .info {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.square.effect13.bottom_to_top .info {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}

.ih-item.square.effect13.bottom_to_top a:hover .info {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.square.effect14.colored .info {
    background: #1a4a72
}

.ih-item.square.effect14.colored .info h3 {
    background: rgba(12, 34, 52, 0.6)
}

.ih-item.square.effect14 .img {
    opacity: 1;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out
}

.ih-item.square.effect14 .info {
    background: #333;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transition: all 0.35s ease 0.2s;
    -moz-transition: all 0.35s ease 0.2s;
    transition: all 0.35s ease 0.2s
}

.ih-item.square.effect14 .info h3 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-size: 17px;
    padding: 10px;
    background: #111;
    margin: 30px 0 0 0
}

.ih-item.square.effect14 .info p {
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #bbb;
    padding: 20px 20px 20px;
    text-align: center
}

.ih-item.square.effect14 a:hover .img {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5)
}

.ih-item.square.effect14 a:hover .info {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.ih-item.square.effect14.left_to_right .img {
    -webkit-transform: translateX(0) rotate(0);
    -moz-transform: translateX(0) rotate(0);
    -ms-transform: translateX(0) rotate(0);
    -o-transform: translateX(0) rotate(0);
    transform: translateX(0) rotate(0)
}

.ih-item.square.effect14.left_to_right a:hover .img {
    -webkit-transform: translateX(100%) rotate(180deg);
    -moz-transform: translateX(100%) rotate(180deg);
    -ms-transform: translateX(100%) rotate(180deg);
    -o-transform: translateX(100%) rotate(180deg);
    transform: translateX(100%) rotate(180deg)
}

.ih-item.square.effect14.right_to_left .img {
    -webkit-transform: translateX(0) rotate(0);
    -moz-transform: translateX(0) rotate(0);
    -ms-transform: translateX(0) rotate(0);
    -o-transform: translateX(0) rotate(0);
    transform: translateX(0) rotate(0)
}

.ih-item.square.effect14.right_to_left a:hover .img {
    -webkit-transform: translateX(-100%) rotate(-180deg);
    -moz-transform: translateX(-100%) rotate(-180deg);
    -ms-transform: translateX(-100%) rotate(-180deg);
    -o-transform: translateX(-100%) rotate(-180deg);
    transform: translateX(-100%) rotate(-180deg)
}

.ih-item.square.effect14.top_to_bottom .img {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.square.effect14.top_to_bottom a:hover .img {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.ih-item.square.effect14.bottom_to_top .img {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.square.effect14.bottom_to_top a:hover .img {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}

.ih-item.square.effect15 {
    overflow: hidden;
    -webkit-perspective: 900px;
    -moz-perspective: 900px;
    perspective: 900px
}

.ih-item.square.effect15.colored .info {
    background: #1a4a72
}

.ih-item.square.effect15 .img {
    opacity: 1;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.ih-item.square.effect15 .info {
    background: #333;
    opacity: 0;
    -webkit-transition: all 0.35s ease-in-out 0.3s;
    -moz-transition: all 0.35s ease-in-out 0.3s;
    transition: all 0.35s ease-in-out 0.3s
}

.ih-item.square.effect15 .info h3 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-size: 17px;
    padding: 10px;
    background: #111;
    margin: 30px 0 0 0
}

.ih-item.square.effect15 .info p {
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #bbb;
    padding: 20px 20px 20px;
    text-align: center
}

.ih-item.square.effect15 a:hover .img {
    opacity: 0;
    visibility: hidden
}

.ih-item.square.effect15 a:hover .info {
    visibility: visible;
    opacity: 1
}

.ih-item.square.effect15.left_to_right .img {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.ih-item.square.effect15.left_to_right .info {
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    -o-transform-origin: 0% 50%;
    transform-origin: 0% 50%
}

.ih-item.square.effect15.left_to_right a:hover .img {
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
    -o-transform: rotateY(-90deg);
    transform: rotateY(-90deg)
}

.ih-item.square.effect15.left_to_right a:hover .info {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0)
}

.ih-item.square.effect15.right_to_left .img {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    -o-transform-origin: 0% 50%;
    transform-origin: 0% 50%
}

.ih-item.square.effect15.right_to_left .info {
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
    -o-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.ih-item.square.effect15.right_to_left a:hover .img {
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg)
}

.ih-item.square.effect15.right_to_left a:hover .info {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0)
}

.ih-item.square.effect15.top_to_bottom .img {
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.ih-item.square.effect15.top_to_bottom .info {
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.ih-item.square.effect15.top_to_bottom a:hover .img {
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg)
}

.ih-item.square.effect15.top_to_bottom a:hover .info {
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0)
}

.ih-item.square.effect15.bottom_to_top .img {
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0);
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.ih-item.square.effect15.bottom_to_top .info {
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.ih-item.square.effect15.bottom_to_top a:hover .img {
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    transform: rotateX(-90deg)
}

.ih-item.square.effect15.bottom_to_top a:hover .info {
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0)
}

.bigimg {
    width: 1200px;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: none;
    z-index: 9999
}

.mask {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0.8;
    filter: Alpha(opacity=50);
    z-index: 98;
    transition: all 1s;
    display: none
}

.imgbox img:hover {
    cursor: zoom-in
}

.mask:hover {
    cursor: zoom-out
}

body {
    background: #10081d
}

::selection {
    background-color: #3499db;
    color: #fff
}
@media(min-width:768px){
    
    .banner-mo-swiper{
        display:none;
    }
}

@media(max-width:767px){
    
    .banner-pc-swiper{
        display:none;
    }
}

.banner-title {
    position: absolute;
    left: 5% !important;
    bottom: 30px !important
}

.banner-title h2 {
    font-size: 45px;
    text-align: center;
    font-weight: bold;
    text-shadow: 4px 3px 0 #191127, 9px 8px 0 rgba(0, 0, 0, 0.15);
    color: #fff
}

.banner-title span {
    color: #3499db
}

.Service-margin {
    padding: 45px 15% 0 !important
}

.Service-margin ul {
    display: flex;
}

.Service-margin li {
    flex: 1;
    padding: 0;
    margin: 0
}

.Service-margin a {
    padding: 1rem .5rem;
    display: block;
    color: #fff;
    border: 3px solid rgb(36, 28, 52)
}

.Service-margin a:hover, .Service-margin .active a {
    color: #3499db;
    border: 3px solid #fff
}

.Service-margin h4 {
    font-weight: bold;
    font-size: 24px;
    font-family: 'Microsoft JhengHei', 'Raleway', sans-serif;
    color: #fff;
    text-transform: capitalize;
    text-align: center
}

.Service-margin h4 span {
    display: block;
    font-size: 18px
}

.Service-margin p {
    text-transform: uppercase
}

.bg32 {
    background: rgb(36, 28, 52);
    padding: 3% 2% 1%
}

.bg32:hover {
    background: #10081d;
    color: #3499db
}

.bg44 {
    background: #241c34;
    padding: 3% 2% 1%
}

.bg44:hover {
    background: #10081d;
    color: #3499db
}

.mar0auto {
    display: block;
    margin: 0px auto;
    height: 73px;
    width: 100%
}

.management {
    color: #fff;
    background: #10081d;
    padding: 5em 0
}

.management img {
    display: block;
    margin: 0px auto;
    width: 100%
}

.focus {
    text-align: left;
    width: 100%;
    height: 152px;
    margin: 10px 0px
}

.focusmain {
    border-left: 1px solid #484848;
    padding-left: 8px
}

.focustit {
    padding-right: 8px
}

.focustit h4 {
    font-size: 30px;
    text-align: right
}

.focustit p {
    font-size: 20px
}

.focusmain h5 {
    font-size: 30px;
    margin: 0px
}

.focusmain p {
    font-size: 16px;
    margin: 0
}

.management_title p {
    font-size: 16px;
    text-align: left;
    line-height: 1.7;
    font-family: 'Open Sans', sans-serif;
    color: #c6c6c6
}

.subintro {
    text-align: left !important
}

.w3layouts-clients {
    background: url(../img/bg1.jpg) no-repeat 0px 0px;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-attachment: fixed;
    color: #fff;
    text-align: center
}

.w3layouts-clients1 {
    background: url(../img/bg2.jpg) no-repeat 0px 0px;
    background-size: cover;
    background-attachment: fixed;
    color: #fff;
    text-align: center
}

.w3layouts-clients2 {
    background: url(../img/bg3.jpg) no-repeat 0px 0px;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-attachment: fixed;
    color: #fff
}

.w3layouts-clients3 {
    background: url(../img/qyjj.jpg) no-repeat 0px 0px;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-attachment: fixed;
    color: #fff
}

.w3layouts-clients4 {
    background: url(../img/zzbg.jpg) no-repeat 0px 0px;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-attachment: fixed;
    color: #fff;
    text-align: center;
    padding: 60px 0px
}

.w3layouts-clients4-1 {
    background: url(../img/home-bg-slideshow2.jpg) no-repeat 0px 0px;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-attachment: fixed;
    color: #fff;
    text-align: center;
    padding: 60px 0px
}

.w3layouts-clients5 {
    background: url(../img/aboutus.jpg) no-repeat 0px 0px;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-attachment: fixed;
    color: #fff;
    text-align: center
}

.management_title {
    text-align: center
}

.management_title:after {
    content: '';
    display: inline-block;
    width: 60px;
    height: 3px;
    background: #3499db;
    margin: 20px 0
}

.management_title h1 {
    font-size: 52px;
    font-weight: bold;
    color: #fff
}

.management_title h2 {
    font-size: 40px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase
}

.management_title p {
    font-size: 14px;
    text-align: left;
    line-height: 1.7;
    font-family: 'Open Sans', sans-serif;
    color: #c6c6c6
}

.marginto30 {
    margin: 30px 15%
}

.width15 {
    padding: 20px 18%
}

.focus p {
    font-size: 14px;
    text-align: left;
    font-weight: 100;
    color: #cecece
}

.Item_type_title h3 {
    font-size: 35px
}

.Item_type_title p {
    font-size: 14px;
    font-weight: 100;
    padding: 0px 0px 0px;
    color: #c6c6c6;
    font-family: 'Microsoft JhengHei', 'Raleway'
}

.Item_typelist {
    padding: 10px 2%
}

.Item_typelist h3 {
    font-size: 35px
}

.Item_typelist h6 {
    font-size: 20px;
    font-weight: 100
}

.Item_typelist p {
    font-size: 14px;
    text-align: center
}

.offer-section {
    margin-bottom: 0px !important
}

.line-h30 {
    line-height: 30px
}

.paleft {
    padding-left: 150px
}

.hegiht150 {
    height: 100px
}

.font30 {
    font-size: 30px;
    font-weight: bold
}

.font20 {
    font-size: 20px !important
}

.font16 {
    font-size: 16px;
    margin-bottom: 0px !important
}

.font14 {
    font-size: 14px !important
}

.values {
    padding: 80px 10%
}

.marto100 {
    margin: 50px 0px 0px 0px
}

.width_navseimg {
}

.width_navsep {
    width: 80%
}

.magtop40 {
    margin-top: 40px
}

.imgw50 {
    width: 66px
}

.img300 {
    width: 300px !important
}

@media (max-width: 480px) {
    .navbar-brand {
        padding: 8px 0
    }

    .height400 {
        height: 420px
    }

    .img300 {
        width: 100% !important
    }

    .mar9070 {
        margin: 30px 0px 10px !important
    }

    .iconwidth70 {
        width: 40px !important;
        margin-bottom: 20px !important
    }

    .banner-title h2 {
        font-size: 18px !important;
        font-family: 'Microsoft JhengHei', 'Raleway';
        text-shadow: 1px 1px 0 #191127, 1px 1px 0 rgba(0, 0, 0, 0.15) !important
    }

    .banner-title {
        color: aliceblue;
        position: absolute;
        left: 5% !important;
        bottom: 0px !important
    }

    .paleft {
        padding-left: 0px !important;
        margin-top: -20px
    }

    .Service-margin {
        padding: 15px 5% !important
    }

    .Service-margin h4 {
        font-size: 14px !important;
        margin: 0px !important;
        text-align: center
    }

    .Service-margin img {
        width: 50px;
        margin: 5px auto;
        display: block
    }

    .mar0auto {
        display: block;
        margin: 0px auto;
        padding: 0px !important;
        width: auto !important
    }

    .Service-margin p {
        font-size: 12px !important;
        text-align: left
    }

    .management_title h1 {
        font-size: 20px !important
    }

    .management_title h2 {
        font-size: 16px !important;
        font-family: 'Microsoft JhengHei', 'Raleway';
        margin-top: 5px
    }

    .management_title p {
        font-size: 16px !important;
        text-align: left;
        font-weight: normal !important;
        padding: 0px 0px
    }

    .management {
        padding: 20px 5% !important
    }

    .marginto30 {
        margin: 10px 5%
    }

    .focusmain {
        width: 70%
    }

    .focustit {
        padding-right: 12px !important;
        padding-top: 25px !important
    }

    .focustit h4 {
        font-size: 13px !important;
        font-weight: 600;
        text-align: right
    }

    .focus p {
        font-size: 12px !important;
        padding: 0px !important
    }

    .Item_type_title h3 {
        font-size: 16px !important
    }

    .Item_type_title p {
        font-size: 14px;
        font-weight: normal !important
    }

    .width15 {
        padding: 20px 5%
    }

    .Item_typelist h6 {
        font-size: 16px
    }

    .offer-section .offer-content {
        padding: 0px !important
    }

    .marto100 {
        margin-top: 30px !important
    }

    .font20 {
        font-size: 16px !important;
        padding: 0px !important
    }

    .font30 {
        font-size: 14px !important;
        padding: 6px 0px 0px 0px
    }

    .Qualificationimg img {
        width: 70% !important
    }

    .de_count h3 {
        font-size: 20px !important
    }

    .management img {
        display: block;
        margin: 0px auto !important;
        width: 100%
    }

    .focusmain h5 {
        font-size: 20px !important
    }

    .col-md-7 {
        padding: 0 !important;
        margin: 0px !important
    }

    .focus-20 {
        margin-top: -20px
    }

    .height300 {
        height: 100px !important;
        background: #000
    }

    .martop55 {
        margin-top: 5px !important
    }

    .yyyiconxmjsj {
        width: 100% !important
    }

    .col-md-3 {
        margin: 0;
        padding: 0
    }

    .container {
        padding-right: 15px;
        padding-left: 15px
    }

    .Item_typelist {
        padding: 20px 5% !important
    }

    .col-4 {
        padding: 0
    }

    .w70 {
        width: 70%;
        padding: 0px !important
    }

    .w30 {
        width: 30%
    }

    .w30 img {
        width: 80%
    }

    .w70 h4 {
        text-align: left !important
    }

    .w3layouts-clients {
        padding: 30px 0px !important
    }

    .hegiht150 {
        height: 80px !important
    }

    .carousel-control-prev {
        left: 0 !important
    }

    .carousel-control-next {
        right: 0 !important
    }

    .w3layouts-clients4 {
        padding: 20px 0px 60px !important
    }

    .marginleft40 {
        margin-left: 0% !important
    }

    .main-margin {
        padding: 0px 0% !important
    }

    .values {
        padding: 10px 0% !important
    }
}

@media screen and (min-width: 750px) and (max-width: 1200px) {
    .Service-margin {
        padding: 35px 15% !important
    }

    .marginleft40 {
        margin-left: 0% !important
    }
}

@media (max-width: 1500px) {
    .mar9070 {
        margin: 70px 0px 50px !important
    }

    .banner-title h2 {
        font-size: 30px;
        text-align: center;
        font-weight: bold
    }

    .carousel-control-next {
        right: -75px
    }

    .carousel-control-prev {
        left: -75px
    }

    .font30 {
        font-size: 20px
    }

    .marginleft40 {
        margin-left: 0% !important
    }

    .Qualificationimg img {
        width: 70%
    }

    .Service-margin {
        padding: 50px 5% !important
    }

    .management_title h1 {
        font-size: 32px;
        font-family: 'Microsoft JhengHei', 'Raleway'
    }

    .management_title p {
        font-size: 14px !important;
        font-family: 'Microsoft JhengHei', 'Raleway'
    }

    .focustit h4 {
        font-size: 18px;
        text-align: right
    }

    .focustit {
        width: 35%;
        padding-right: 10px
    }

    .focusmain {
        width: 65%
    }

    .focus p {
        font-size: 12px
    }

    .focusmain h5 {
        font-size: 24px !important
    }

    .focusmain {
        border-left: 1px solid #736e6e;
        padding-left: 10px
    }

    .yyyiconxmjsj {
        width: 90% !important;
        margin-top: 40px !important
    }

    .Service-margin h4 {
        font-size: 16px !important;
        font-family: 'Microsoft JhengHei', 'Raleway',sans-serif;
    }

    .Service-margin p {
        font-size: 12px
    }

    .w3layouts-clients {
        padding: 60px 0px
    }

    .Item_type_title h3 {
        font-size: 25px
    }

    .Item_typelist p {
        font-size: 14px !important
    }

    .management_title h2 {
        font-size: 32px
    }

    .martop55 {
        margin-top: 15px !important
    }

    .height300 {
        height: 150px !important
    }

    .de_count h3 {
        font-size: 24px
    }

    .de_count {
        padding: 0
    }

    .width15 {
        padding: 20px 5%
    }

    .imgw50 {
        width: 25px;
        height: auto;
        vertical-align: middle
    }

    .mar0auto {
        height: 50px
    }
}

.height300 {
    height: 300px;
    background: #000;
    padding: 110px 0px
}

.martop55 {
    margin-top: 55px
}

.iconwidth70 {
    width: 80px !important;
    margin-bottom: 30px !important
}

.timeicon1 {
    width: 120px !important;
    height: 120px;
    background: url(../img/iconpng.png) no-repeat 0px 0px;
    display: block;
    margin: 0px auto
}

.icon-slogenicon1 {
    background-position: 0px -0px
}

.icon-slogenicon1:hover {
    background-position-y: -120px
}

.icon-slogenicon2 {
    background-position: -120px -0px
}

.icon-slogenicon2:hover {
    background-position-y: -120px
}

.icon-slogenicon3 {
    background-position: -240px -0px
}

.icon-slogenicon3:hover {
    background-position-y: -120px
}

.icon-slogenicon4 {
    background-position: -360px -0px
}

.icon-slogenicon4:hover {
    background-position-y: -120px
}

.timeicon {
    width: 150px !important;
    height: 150px;
    background: url(../img/icon1234.png) no-repeat 0px 0px;
    display: block;
    margin: 0px auto
}

.icon-slogen {
    background-position: 0px -0px
}

.icon-slogen:hover {
    background-position-y: -149px
}

.icon-slogen1 {
    background-position: -150px -0px
}

.icon-slogen1:hover {
    background-position-y: -149px
}

.icon-slogen2 {
    background-position: -300px -0px
}

.icon-slogen2:hover {
    background-position-y: -151px
}

.icon-slogen3 {
    background-position: -450px -0px
}

.icon-slogen3:hover {
    background-position-y: -150px
}

.carousel-control-prev {
    left: -135px
}

.carousel-control-next {
    right: -135px
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    display: none !important
}

.mfp-bottom-bar {
    display: none
}

.corlp {
    color: #c2c2c2;
    letter-spacing: 1px
}

.mar9070 {
    margin: 90px 0px 70px
}

.de_countseh3 {
    font-size: 16px !important;
    color: #3499db
}

.de_countseh3:hover {
    color: #fff !important
}

.slider-section .uranus.tparrows {
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 2px;
    height: 50px;
    width: 50px;
    line-height: 50px
}

.slider-section .uranus.tparrows::before {
    color: #fff;
    font-size: 20px;
    height: 50px;
    width: 50px;
    line-height: 45px
}

.slider-section .uranus.tparrows:hover {
    background-color: #31cec3;
    border-color: #31cec3
}

.slider-section .tp-bullets {
    top: 98% !important
}

.slider-section .tp-bullets.zeus .tp-bullet {
    width: 9px;
    height: 9px;
    background-color: transparent;
    border: 1px solid #fff
}

.slider-section .tp-bullets.zeus .tp-bullet::after {
    height: auto
}

.slider-section .tp-bullets.zeus .tp-bullet.selected {
    background-color: #fff;
    width: 13px;
    height: 13px;
    top: -2px !important;
    position: relative
}

.slider-section {
    position: relative
}

.booking-section .booking-detail {
    background-color: #31cec3;
    padding: 90px 120px;
    text-align: center
}

.booking-section .booking-detail h5.booking-heading {
    color: #fff;
    font-family: 'Open Sans', serif;
    font-size: 34px;
    line-height: 36px;
    margin-top: 0;
    margin-bottom: 60px;
    text-transform: uppercase
}

.booking-section .booking-detail .input-group {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 0;
    margin-bottom: 15px
}

.booking-section .booking-detail .form-control, .booking-section .booking-detail .btn {
    background-color: transparent;
    height: 46px;
    border-radius: 0;
    outline: none;
    box-shadow: none;
    border: none;
    color: #fff
}

.booking-section .booking-detail .form-control {
    font-weight: 600;
    font-size: 18px;
    color: #fff
}

.booking-section .booking-detail .input-group-addon {
    border: none;
    background-color: transparent;
    color: #fff;
    font-size: 18px
}

.booking-section .booking-detail .form-control::-webkit-input-placeholder {
    color: #fff
}

.booking-section .booking-detail .form-control:-moz-placeholder {
    color: #fff
}

.booking-section .booking-detail .form-control::-moz-placeholder {
    color: #fff
}

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

.booking-section .booking-detail .btn {
    font-size: 18px
}

.booking-section .booking-detail select {
    background-color: transparent;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    height: 50px;
    width: 100%;
    padding: 0 20px
}

.booking-section .booking-detail select option {
    padding: 0 20px;
    box-shadow: none
}

.booking-section .booking-detail textarea.form-control {
    border: 1px solid rgba(255, 255, 255, 0.3);
    min-height: 115px
}

.booking-section .booking-detail a.book-now {
    border: 2px solid #fff;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    line-height: 36px;
    margin-top: 20px;
    padding: 2px 22px;
    text-decoration: none;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s
}

.booking-section .booking-detail a.book-now:hover {
    background-color: #fff;
    color: #31cec3
}

.booking-section-1 {
    background-color: #31cec3;
    position: absolute;
    bottom: 0;
    padding: 28px 0;
    width: 100%;
    display: inline-block;
    position: relative;
    margin-bottom: 150px
}

.booking-section-1::before {
    background-color: #292b2c;
    bottom: 0;
    content:'';
    display: inline-block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: skewX(136deg);
    transform-origin: right top 0;
    width: 38.2291%
}

.booking-section-1 .booking-content-block h5 {
    color: #31cec3;
    font-weight: 700;
    font-size: 32px;
    line-height: 36px;
    text-transform: uppercase;
    margin: 0
}

.booking-section-1 .booking-content-block h5 span {
    display: block
}

.booking-section-1 .form-control {
    background-color: transparent;
    height: 46px;
    border-radius: 0;
    outline: none;
    box-shadow: none;
    border: none;
    color: #fff
}

.booking-section-1 .form-control {
    font-weight: 600;
    font-size: 14px;
    color: #fff
}

.booking-section-1 .form-control::-webkit-input-placeholder {
    color: #fff
}

.booking-section-1 .form-control:-moz-placeholder {
    color: #fff
}

.booking-section-1 .form-control::-moz-placeholder {
    color: #fff
}

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

.booking-section-1 .input-group {
    border: 1px solid #fff;
    border-radius: 0;
    float: left;
    margin-bottom: 0;
    margin-top: 15px;
    margin-left: 15px
}

.booking-section-1 .input-group-addon {
    border: none;
    background-color: transparent;
    color: #fff;
    font-size: 18px
}

.booking-section-1 .form-group {
    margin-bottom: 0;
    margin-top: 15px
}

.booking-section-1 select {
    background-color: transparent;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    border: 1px solid #fff;
    height: 48px;
    width: 100%;
    padding: 0 20px
}

.booking-section-1 select option {
    padding: 0 20px;
    box-shadow: none;
    color: #222
}

.booking-section-1 a.book-now {
    border: 1px solid #fff;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    line-height: 36px;
    margin-top: 15px;
    padding: 5px 32px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s
}

.booking-section-1 a.book-now:hover {
    background-color: #fff;
    color: #31cec3
}

.welcome-section .welcome-box, .welcome-section .welcome-box span, .welcome-section .welcome-box p, .welcome-section .welcome-box > i {
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s
}

.welcome-section {
    margin-bottom: 150px
}

.welcome-section .welcome-outer {
    text-align: center
}

.welcome-section .welcome-content p {
    color: #444;
    font-size: 18px;
    line-height: 36px;
    margin-bottom: 85px;
    text-align: center
}

.welcome-section .welcome-box {
    border: 2px solid #31cec3;
    border-radius: 100%;
    display: inline-block;
    height: 240px;
    width: 240px;
    text-align: center;
    position: relative;
    padding: 70px 30px
}

.welcome-section .welcome-box span {
    color: #333;
    font-style: italic;
    font-size: 16px;
    line-height: 36px
}

.welcome-section .welcome-box p {
    color: #333;
    font-family: 'Open Sans', serif;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 5px
}

.welcome-section .welcome-box > i {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 100%;
    color: #31cec3;
    display: inline-block;
    height: 51px;
    font-size: 18px;
    width: 51px;
    position: absolute;
    top: 0;
    right: 15px;
    line-height: 51px;
    text-align: center
}

.welcome-section .welcome-box:hover {
    background-color: #31cec3
}

.welcome-section .welcome-box:hover span, .welcome-section .welcome-box:hover p {
    color: #fff;
    font-weight: 700
}

.welcome-section .welcome-box:hover > i {
    border-color: #31cec3;
    color: #333
}

.welcome-section-1 {
    background-color: #f9f9f9;
    padding: 150px 0
}

.welcome-section-1 .wc-1-img > i {
    position: relative;
    display: inline-block
}

.welcome-section-1 .wc-1-img > i::before {
    border: 1px solid #fff;
    content:'';
    display: inline-block;
    position: absolute;
    top: 23px;
    bottom: 23px;
    left: 23px;
    right: 23px
}

.welcome-section-1 .wc-max-content h3 {
    color: #222;
    font-family: 'Open Sans', serif;
    font-size: 34px;
    letter-spacing: 0.34px;
    line-height: 26px;
    margin-top: 0;
    margin-bottom: 15px;
    word-wrap: break-word
}

.welcome-section-1 .wc-max-content p {
    color: #444;
    font-size: 15px;
    letter-spacing: 0.15px;
    line-height: 30px;
    margin-bottom: 15px
}

.welcome-section-1 .wc-max-content .wc-mission-section {
    display: inline-block;
    margin-top: 32px;
    margin-bottom: 32px;
    width: 100%
}

.welcome-section-1 .wc-max-content .wc-mission {
    display: inline-block;
    position: relative;
    padding-left: 65px
}

.welcome-section-1 .wc-max-content .wc-mission i {
    border: 1px solid #444;
    border-radius: 100%;
    color: #31cec3;
    display: inline-block;
    width: 44px;
    height: 44px;
    position: absolute;
    left: 0;
    line-height: 44px;
    text-align: center
}

.welcome-section-1 .wc-max-content .wc-mission h5 {
    color: #444;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 0.18px;
    line-height: 26px;
    margin-top: 0;
    margin-bottom: 0;
    word-wrap: break-word
}

.welcome-section-1 .wc-max-content .wc-mission span {
    color: #444;
    font-style: italic;
    font-size: 16px;
    letter-spacing: 0.16px
}

.welcome-section-1 .wc-max-content a.learn-more {
    background-color: #31cec3;
    border: 1px solid #31cec3;
    color: #fff;
    display: inline-block;
    font-weight: 600;
    line-height: 26px;
    padding: 10px 28px;
    text-decoration: none;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s
}

.welcome-section-1 .wc-max-content a.learn-more i {
    padding-left: 15px
}

.welcome-section-1 .wc-max-content a.learn-more:hover {
    background-color: transparent;
    color: #444
}

.whychooseus-section {
    background-color: #fafafa;
    margin-bottom: 150px;
    padding: 120px 0
}

.whychooseus-section .choose-us-block {
    background-color: #fff;
    position: relative;
    margin-bottom: 30px
}

.whychooseus-section .choose-us-cover {
    padding-left: 0;
    position: relative
}

.whychooseus-section .choose-us-cover > i {
    position: relative;
    display: inline-block
}

.whychooseus-section .choose-us-cover > i::before {
    content:'';
    background-color: rgba(0, 0, 0, 0.502);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: inline-block;
    opacity: 0;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
    z-index: 2
}

.whychooseus-section .choose-us-cover > a.zoom {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
    bottom: 0;
    text-align: center;
    opacity: 0;
    border: none;
    background-color: #31cec3;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    text-decoration: none;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
    z-index: 3
}

.whychooseus-section .choose-us-content {
    padding-top: 15px;
    padding-right: 30px
}

.whychooseus-section .choose-us-content h5 {
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 0.18px;
    line-height: 30px;
    margin-top: 0;
    margin-bottom: 5px;
    word-wrap: break-word
}

.whychooseus-section .choose-us-content p {
    color: #333;
    font-size: 13px;
    letter-spacing: 0.13px;
    line-height: 26px;
    margin-bottom: 12px
}

.whychooseus-section .choose-us-content a {
    border: 2px solid #dfd8c8;
    color: #444;
    display: inline-block;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0.12px;
    line-height: 36px;
    padding: 0 17px;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s
}

.whychooseus-section .choose-us-content a:hover {
    background-color: #dfd8c8
}

.whychooseus-section .choose-us-block:hover .choose-us-cover > i::before {
    opacity: 1
}

.whychooseus-section .choose-us-block:hover .choose-us-cover > a.zoom {
    opacity: 1;
    top: 50%
}

.offer-section {
    margin-bottom: 150px
}

.offer-section .offer-box > i {
    position: relative;
    display: inline-block
}

.offer-section .offer-box > i::before {
    content:'';
    background-color: rgba(0, 0, 0, 0.549);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: inline-block;
    opacity: 0;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
    z-index: 2
}

.offer-section .offer-content {
    padding: 34px 28px
}

.offer-section .offer-content > a.zoom {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
    bottom: 0;
    text-align: center;
    opacity: 0;
    border: 1px solid #fff;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    height: 44px;
    width: 44px;
    line-height: 42px;
    text-align: center;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
    z-index: 3
}

.offer-section .offer-content h5 {
    color: #444;
    font-weight: 600;
    font-size: 22px;
    letter-spacing: 0.22px;
    line-height: 30px;
    margin-top: 0;
    text-transform: uppercase;
    word-wrap: break-word
}

.offer-section .offer-content p {
    color: #666;
    font-size: 12px;
    letter-spacing: 0.12px;
    line-height: 24px;
    margin-bottom: 5px;
}

.offer-section .offer-content span {
    color: #31cec3;
    font-style: italic;
    letter-spacing: 0.14px;
    line-height: 24px;
    display: block;
    margin-bottom: 25px
}

.offer-section .offer-content a.book-now {
    border: 2px solid #31cec3;
    color: #444;
    display: inline-block;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0.12px;
    line-height: 24px;
    padding: 8px 28px;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s
}

.offer-section .offer-content a.book-now:hover {
    background-color: #31cec3;
    color: #fff
}

.offer-section .offer-box:hover > i::before {
    opacity: 1
}

.offer-section .offer-box:hover .offer-content > a.zoom {
    opacity: 1;
    top: 25%
}

.offer-section .owl-theme .owl-controls .owl-nav [class*='owl-'] {
    background-color: #10081d;
    border-radius: 0;
    display: inline-block;
    font-size: 0;
    height: 41px;
    width: 41px;
    line-height: 28px;
    position: absolute;
    top: 30%;
    text-align: center;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s
}

.offer-section .owl-controls .owl-nav .owl-prev {
    left: -75px
}

.offer-section .owl-controls .owl-nav .owl-next {
    right: -75px
}

.offer-section .owl-theme .owl-controls .owl-nav [class*='owl-']::before {
    font-family: 'FontAwesome';
    font-size: 30px;
    color: #989191;
    font-weight: bold
}

.offer-section .owl-theme .owl-controls .owl-nav .owl-prev::before {
    content:'\f104'
}

.offer-section .owl-theme .owl-controls .owl-nav .owl-next::before {
    content:'\f105'
}

.counter-section {
    background-image: url('../img/counter-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 90px 0
}

.counter-section::before {
    background-color: rgba(41, 43, 44, 0.702);
    content:'';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: inline-block;
    position: absolute
}

.counter-section .counter-box {
    text-align: center
}

.counter-section .counter-box i {
    color: #fff;
    font-size: 35px
}

.counter-section .counter-box h3 {
    color: #fff;
    font-weight: 600;
    font-size: 42px;
    letter-spacing: 2.1px;
    line-height: 28px;
    margin-top: 30px;
    margin-bottom: 20px
}

.counter-section .counter-box p {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.6px;
    line-height: 26px;
    margin-bottom: 0;
    text-transform: uppercase
}

.gallery-section .portfolio-categories li a, .gallery-section .content-image-block::before, .gallery-section .content-block-hover, .gallery-section .content-block-hover > a {
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s
}

.gallery-section {
    background-color: #f9f9f9;
    padding: 150px 0
}

.gallery-section .portfolio-categories {
    padding-left: 0;
    margin-bottom: 50px;
    text-align: center
}

.gallery-section .portfolio-categories li {
    display: inline-block;
    margin-right: 35px
}

.gallery-section .portfolio-categories li:last-child {
    margin-right: 0
}

.gallery-section .portfolio-categories li a {
    color: #222;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.16px;
    position: relative;
    padding-bottom: 10px;
    text-transform: uppercase;
    text-decoration: none
}

.gallery-section .portfolio-categories li a:hover::after, .gallery-section .portfolio-categories li a.active::after, .gallery-section .portfolio-categories li a:focus::after {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    right: 0;
    background-color: #31cec3;
    content:'';
    color: #000
}

.gallery-section .portfolio-categories li a:hover {
    color: #31cec3
}

.gallery-section .portfolio-categories li a.active, .gallery-section .portfolio-categories li a:hover, .gallery-section .portfolio-categories li a:focus {
    color: #31cec3
}

.gallery-section .portfolio-list {
    margin-bottom: 0
}

.gallery-section .portfolio-list li {
    list-style: none
}

.gallery-section .content-image-block {
    position: relative;
    margin-bottom: 30px
}

.gallery-section .content-image-block::before {
    content:'';
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: inline-block;
    opacity: 0
}

.gallery-section .content-block-hover {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
    text-align: center;
    opacity: 0;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%)
}

.gallery-section .content-block-hover h5 {
    color: #fff;
    font-family: 'Open Sans', serif;
    font-size: 20px;
    letter-spacing: 0.2px;
    line-height: 30px;
    margin-top: 0;
    margin-bottom: 5px;
    text-transform: uppercase;
    word-wrap: break-word
}

.gallery-section .content-block-hover p {
    color: #fff;
    font-family: 'Open Sans', serif;
    font-size: 16px;
    letter-spacing: 0.16px;
    margin-bottom: 20px
}

.gallery-section .content-block-hover > a {
    border: 2px solid #31cec3;
    border-radius: 0;
    color: #fff;
    display: inline-block;
    height: 42px;
    width: 42px;
    line-height: 40px;
    margin-right: 5px;
    text-align: center
}

.gallery-section .content-image-block:hover::before {
    opacity: 1
}

.gallery-section .content-image-block:hover .content-block-hover {
    top: 50%;
    opacity: 1
}

.gallery-section .content-block-hover > a:hover {
    background-color: #31cec3
}

.gallery-section-2 {
    background-color: #f8f8f8;
    padding-top: 150px;
    padding-bottom: 150px;
    margin-bottom: 150px
}

.service-gallery {
    background-color: #fff;
    margin-bottom: 0
}

.gallery-section-bg {
    background-color: #fff;
    margin-bottom: 0
}

.gallery-section-2 .row {
    margin-left: -5px;
    margin-right: -5px
}

.gallery-section-2 .section-header {
    background-color: #fff;
    padding: 28px 45px 31px;
    margin-bottom: 0
}

.gallery-section-2 .section-header h3 {
    font-size: 36px;
    letter-spacing: 0.36px;
    padding-bottom: 17px
}

.gallery-section-2 .section-header p {
    color: #444;
    letter-spacing: 0.56px;
    line-height: 26px;
    margin: 21px 0
}

.gallery-section-2 .section-header > a {
    background-color: #31cec3;
    border: 1px solid #31cec3;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    font-size: 12.6px;
    letter-spacing: 0.063px;
    line-height: 23.4px;
    padding: 10px 28px;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s
}

.gallery-section-2 .section-header > a:hover {
    background-color: transparent;
    color: #31cec3
}

.gallery-section-2 .portfolio-list li {
    padding-left: 5px;
    padding-right: 5px
}

.gallery-section-2 .content-image-block::before {
    background-color: rgba(0, 0, 0, 0.341)
}

.gallery-section-2 .content-image-block {
    margin-bottom: 10px
}

.gallery-single {
    margin-bottom: 150px
}

.gallery-single .flexslider.gallery-details-full {
    margin-bottom: 50px;
    border: none;
    border-radius: 0
}

.gallery-single .flexslider.gallery-details-thumb {
    margin-bottom: 60px;
    border: none;
    border-radius: 0;
    padding: 0
}

.gallery-single .flexslider .slides > li {
    text-align: center
}

.gallery-single .flexslider .slides > li img {
    display: inline-block
}

.gallery-single .flexslider.gallery-details-full .flex-direction-nav a {
    display: none;
    height: 0
}

.gallery-single .flexslider.gallery-details-thumb .slides > li {
    position: relative
}

.gallery-single .flexslider.gallery-details-thumb .slides > li::before {
    background-color: rgba(0, 0, 0, 0.502);
    content:'';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    display: inline-block;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s
}

.gallery-single .flexslider.gallery-details-thumb .slides > li::after {
    content:'\e67b';
    color: #fff;
    font-size: 30px;
    font-family: 'Stroke-Gap-Icons';
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
    opacity: 0;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%)
}

.gallery-single .flexslider.gallery-details-thumb .slides > li.flex-active-slide::before {
    opacity: 1
}

.gallery-single .flexslider.gallery-details-thumb .slides > li.flex-active-slide::after {
    opacity: 1;
    top: 50%
}

.gallery-single .flex-direction-nav a {
    border: 2px solid #31cec3;
    display: inline-block;
    color: #111;
    height: 46px;
    width: 46px;
    line-height: 44px;
    text-align: center;
    font-size: 0
}

.gallery-single .flex-direction-nav a.flex-prev::before {
    content:'\f104';
    font-family: FontAwesome;
    font-size: 18px;
    display: inline-block;
    color: #111
}

.gallery-single .flex-direction-nav a.flex-next::before {
    content:'\f105';
    font-family: FontAwesome;
    font-size: 18px;
    display: inline-block;
    color: #111
}

.gallery-single .flexslider .flex-direction-nav .flex-prev {
    left: -100px;
    opacity: 1
}

.gallery-single .flexslider:hover .flex-direction-nav .flex-prev {
    left: -100px;
    opacity: 1
}

.gallery-single .flexslider .flex-direction-nav .flex-next {
    right: -100px;
    opacity: 1
}

.gallery-single .flexslider:hover .flex-direction-nav .flex-next {
    right: -100px;
    opacity: 1
}

.gallery-single .flexslider .slides img {
    width: auto
}

.information-section {
    margin-bottom: 50px
}

.information-section .info-box {
    border: 1px solid #c8bea2;
    padding: 40px 65px 20px
}

.information-section .info-box h3 {
    color: #000;
    font-size: 18px;
    letter-spacing: 0.72px;
    margin-top: 0;
    margin-bottom: 20px;
    text-transform: capitalize;
    position: relative
}

.information-section .info-box span {
    color: #333;
    float: right;
    text-transform: capitalize
}

.information-section .info-box h3::before {
    content:':';
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center
}

.gallery-single h3.info-heading {
    color: #000;
    font-family: 'Open Sans', serif;
    font-size: 28px;
    letter-spacing: 1.12px;
    margin-top: 0;
    margin-bottom: 0;
    text-transform: uppercase;
    word-wrap: break-word
}

.gallery-single p.info-content {
    color: #222;
    font-size: 15px;
    letter-spacing: 0.375px;
    line-height: 30px;
    margin-top: 20px
}

.callout {
    background-image: url('../img/callout-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    padding: 130px 0
}

.callout .call-out-content {
    background-color: rgba(0, 0, 0, 0.749);
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 50px
}

.callout .call-out-content h3 {
    color: #fff;
    font-family: 'Open Sans', serif;
    font-size: 44px;
    letter-spacing: 0.44px;
    line-height: 70px;
    margin-top: 0;
    margin-bottom: 0
}

.callout .call-out-content p {
    color: #fff;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0.16px;
    padding-right: 15px;
    margin-bottom: 20px
}

.callout .call-out-content a {
    border: 3px solid #31cec3;
    color: #fff;
    display: inline-block;
    font-weight: 600;
    letter-spacing: 0.14px;
    padding: 10px 24px;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s
}

.callout .call-out-content a:hover {
    background-color: #31cec3;
    color: #fff
}

.clients {
    background-color: #f2f2f2;
    padding: 150px 0;
    margin-bottom: 150px
}

.clients-1 {
    background-color: transparent;
    padding: 0
}

.clients .owl-carousel .owl-item img {
    width: auto;
    display: inline-block
}

.clients .clients-carousel .item a {
    background-color: #fff;
    text-align: center;
    line-height: 140px;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    min-height: 140px;
    max-height: 140px;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s
}

.clients .owl-carousel .owl-item img {
    width: auto;
    display: inline-block
}

.clients .clients-carousel .item a {
    text-align: center;
    line-height: 180px;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    min-height: 180px;
    max-height: 180px;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s
}

.clients .owl-theme .owl-controls .owl-nav [class*='owl-'] {
    background-color: #fff;
    border: 2px solid #31cec3;
    border-radius: 0;
    display: inline-block;
    font-size: 0;
    height: 41px;
    width: 41px;
    line-height: 28px;
    position: absolute;
    top: 50%;
    text-align: center;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s
}

.clients .owl-controls .owl-nav .owl-prev {
    left: -75px
}

.clients .owl-controls .owl-nav .owl-next {
    right: -75px
}

.clients .owl-theme .owl-controls .owl-nav [class*='owl-']::before {
    font-family: 'FontAwesome';
    font-size: 24px;
    color: #111
}

.clients .owl-theme .owl-controls .owl-nav .owl-prev::before {
    content:'\f104'
}

.clients .owl-theme .owl-controls .owl-nav .owl-next::before {
    content:'\f105'
}

.event-section {
    margin-bottom: 150px
}

.event-section .event-box img {
    position: relative
}

.event-section .event-content {
    padding-left: 20px
}

.event-section .event-content .event-date {
    text-align: center;
    display: inline-block;
    position: absolute;
    top: 30px;
    right: 60px
}

.event-section .event-content .event-date p {
    background-color: #fff;
    color: #31cec3;
    font-family: 'Open Sans', serif;
    font-size: 30px;
    font-weight: normal;
    height: 50px;
    line-height: 50px;
    width: 60px;
    margin-bottom: 0
}

.event-section .event-content .event-date span {
    background-color: #31cec3;
    color: #fff;
    display: inline-block;
    font-weight: 600;
    height: 30px;
    line-height: 30px;
    width: 60px;
    text-transform: uppercase
}

.event-section .event-content h5.event-title {
    display: inline-block;
    font-weight: 700;
    font-size: 16px;
    line-height: 70px;
    margin: 0;
    text-transform: uppercase
}

.event-section .event-content h5.event-title > a {
    color: #222;
    text-decoration: none;
    word-wrap: break-word
}

.event-section .event-content h5.event-title > a:hover {
    color: #31cec3
}

.event-section .event-content p {
    color: #444;
    font-weight: 600
}

.event-section .event-content p > i {
    color: #31cec3;
    padding-right: 15px
}

.event-section .event-content p > a {
    color: #444
}

.event-section .event-content a.view-detail {
    color: #444;
    font-weight: 600;
    font-style: italic;
    text-transform: uppercase
}

.event-section .event-content a.view-detail i {
    padding-left: 5px
}

.service-section {
    background-color: #f4f4f4;
    padding: 150px 0
}

.service-section .service-content {
    background-color: #fff;
    padding: 30px 30px 20px;
    position: relative
}

.service-section .service-content h5 {
    color: #111;
    font-family: 'Open Sans', serif;
    font-size: 20px;
    letter-spacing: 0.1px;
    line-height: 26px;
    margin-top: 0;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 15px;
    text-transform: capitalize;
    word-wrap: break-word
}

.service-section .service-content h5::after {
    background-color: #31cec3;
    content:'';
    width: 50px;
    height: 3px;
    left: 0;
    bottom: 0;
    position: absolute
}

.service-section .service-content p {
    color: #333;
    letter-spacing: 0.07px;
    line-height: 20px;
    margin-bottom: 20px
}

.service-section .service-content a.read-more {
    color: #222;
    font-weight: 600;
    letter-spacing: 0.07px;
    line-height: 26px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s
}

.service-section .service-content a.read-more:hover {
    color: #31cec3
}

.service-section .service-content a.link {
    background-color: #31cec3;
    color: #fff;
    display: inline-block;
    height: 43px;
    width: 43px;
    position: absolute;
    bottom: 0;
    right: 0;
    line-height: 48px;
    text-align: center
}

.service-section .service-content a.link > i {
    font-size: 20px
}

.video-section {
    background-image: url('../img/video-bg.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    max-height: 500px;
    min-height: 500px;
    text-align: center
}

.video-section::before {
    background-color: rgbA(0, 0, 0, 0.588);
    bottom: 0;
    content:'';
    display: inline-block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.video-section .video-section-content {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    left: 0;
    right: 0;
    margin: 0 auto
}

.video-section .video-section-content a {
    width: 80px;
    height: 80px;
    border: 2px solid #fff;
    border-radius: 100%;
    display: inline-block;
    line-height: 80px;
    font-size: 18px;
    color: #fff
}

.video-section a i {
    margin-left: 5px;
    font-size: 25px
}

.video-section .video-section-content p {
    color: #fff;
    font-weight: 600;
    font-size: 38px;
    letter-spacing: 0.38px;
    line-height: 60px;
    padding: 0 15px;
    margin-bottom: 35px;
    text-transform: uppercase
}

.testimonial-section {
    margin-bottom: 140px
}

.testimonial-section-1 {
    margin-bottom: 0
}

.testimonial-section .testimonial-carousel-1 .col-md-12, .testimonial-section .testimonial-carousel-2 .col-md-12 {
    padding-top: 50px
}

.testimonial-section .testimonial-content {
    border: 2px solid #31cec3;
    position: relative;
    padding: 60px 30px 25px 30px
}

.testimonial-section .testimonial-content i {
    position: absolute;
    top: -50px;
    left: 30px
}

.testimonial-section .testimonial-content img {
    border-radius: 100%
}

.testimonial-section .testimonial-content p {
    color: #444;
    line-height: 26px;
    letter-spacing: 0.07px
}

.testimonial-section .testimonial-content h5 {
    color: #222;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: 0.07px;
    margin: 0;
    word-wrap: break-word
}

.testimonial-section .testimonial-content h5 span {
    font-weight: normal;
    padding-left: 10px
}

.testimonial-section-1 {
    background-color: #f4f4f4;
    padding: 150px 0
}

.testimonial-section-1 .owl-theme .owl-controls .owl-nav [class*='owl-'] {
    background-color: transparent;
    border: 2px solid #31cec3;
    border-radius: 0;
    display: inline-block;
    font-size: 0;
    height: 41px;
    width: 41px;
    line-height: 28px;
    position: absolute;
    top: 50%;
    text-align: center;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s
}

.testimonial-section-1 .owl-controls .owl-nav .owl-prev {
    left: -75px
}

.testimonial-section-1 .owl-controls .owl-nav .owl-next {
    right: -75px
}

.testimonial-section-1 .owl-theme .owl-controls .owl-nav [class*='owl-']::before {
    font-family: 'FontAwesome';
    font-size: 24px;
    color: #111
}

.testimonial-section-1 .owl-theme .owl-controls .owl-nav .owl-prev::before {
    content:'\f104'
}

.testimonial-section-1 .owl-theme .owl-controls .owl-nav .owl-next::before {
    content:'\f105'
}

.content-area {
    margin-bottom: 150px
}

.content-area .type-post {
    margin-bottom: 45px
}

.type-post .blog-content {
    background-color: #f8f9f9;
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 110px;
    position: relative
}

.type-post .entry-meta .post-admin, .type-post .entry-meta .post-date {
    display: inline-block
}

.type-post .entry-meta .post-admin {
    color: #a7a7a7;
    font-size: 13px;
    text-transform: uppercase
}

.type-post .entry-meta {
    margin-bottom: 10px
}

.type-post .entry-meta a {
    color: #a7a7a7;
    font-size: 13px;
    line-height: 26px;
    text-transform: uppercase;
    text-decoration: none
}

.type-post .entry-meta .post-admin a::after {
    content:'/';
    padding: 5px
}

.type-post .blog-content h3.entry-title {
    color: #222;
    font-family: 'Open Sans', serif;
    font-size: 22px;
    line-height: 32px;
    margin-top: 0;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 20px;
    text-transform: uppercase
}

.type-post .blog-content h3.entry-title::after {
    background-color: #31cec3;
    content:'';
    height: 3px;
    width: 54px;
    position: absolute;
    left: 0;
    bottom: 0
}

.type-post .blog-content h3.entry-title a {
    color: #222;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s
}

.type-post .blog-content h3.entry-title a:hover {
    color: #31cec3;
    text-decoration: none
}

.type-post .blog-content .entry-content p {
    color: #808080;
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 0
}

.type-post .blog-content a.read-more {
    background-color: #31cec3;
    bottom: 0;
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    display: inline-block;
    height: 60px;
    line-height: 60px;
    position: absolute;
    right: 0;
    text-align: center;
    width: 60px
}

.blog-section .ow-pagination {
    display: inline-block;
    width: 100%;
    background-color: transparent;
    margin-top: 50px;
    text-align: center
}

.blog-section .ow-pagination ul {
    margin: 0
}

.blog-section .ow-pagination ul li {
    display: inline-block;
    margin: 0 3px
}

.blog-section .ow-pagination ul li a {
    border: 1px solid #cecece;
    background-color: transparent;
    border-radius: 0;
    color: #444;
    font-size: 17px;
    width: 44px;
    height: 46px;
    line-height: 44px;
    letter-spacing: 0.68px;
    padding: 0;
    text-align: center;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s
}

.blog-section .ow-pagination .pagination > li:first-child > a, .blog-section .ow-pagination .pagination > li:last-child > a {
    border-radius: 0
}

.blog-section .ow-pagination ul li a:hover {
    background-color: #31cec3;
    color: #fff
}

.widget-area .widget {
    margin-bottom: 60px
}

.widget-area h3.widget-title {
    color: #232323;
    margin-bottom: 20px;
    font-family: 'Open Sans', serif;
    font-size: 20px;
    line-height: 26px;
    margin-top: 0;
    word-wrap: break-word
}

.widget-area .widget_search {
    border: 1px solid #555;
    background-color: transparent;
    border-radius: 0
}

.widget-area .widget_search .input-group .form-control, .widget-area .widget_search .btn-search {
    height: 50px;
    border-radius: 0;
    outline: none;
    box-shadow: none;
    border: none;
    color: #555
}

.widget-area .widget_search .btn-search {
    padding: 6px 18px;
    background-color: transparent;
    color: #555
}

.widget-area .widget_search .input-group .form-control {
    font-size: 14px;
    padding: 10px 22px;
    letter-spacing: 0.98px;
    color: #555;
    background-color: transparent
}

.widget-area .widget_search .form-control::-webkit-input-placeholder {
    color: #555
}

.widget-area .widget_search .form-control:-moz-placeholder {
    color: #555
}

.widget-area .widget_search .form-control::-moz-placeholder {
    color: #555
}

.widget-area .widget_search .form-control:-ms-input-placeholder {
    color: #555
}

.widget-area .widget_categories ul {
    padding-left: 0;
    list-style: none
}

.widget-area .widget_categories ul li {
    background-color: #f9f9f9;
    margin-bottom: 8px;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px
}

.widget-area .widget_categories ul li:last-child {
    margin-bottom: 0
}

.widget-area .widget_categories ul li a {
    color: #232323;
    font-size: 16px;
    line-height: 26px;
    text-decoration: none;
    text-transform: capitalize;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s
}

.widget-area .widget_categories ul li a::before {
    content:'\f10c';
    font-family: 'FontAwesome';
    padding-right: 22px
}

.widget-area .widget_categories ul li a:hover {
    color: #31cec3
}

.widget-area .widget_latestposts .latest-content {
    border-bottom: 1px solid #dbdbdb;
    display: inline-block;
    position: relative;
    padding-left: 90px;
    padding-bottom: 30px;
    padding-top: 10px;
    margin-bottom: 15px
}

.widget-area .widget_latestposts .latest-content > a > i {
    position: absolute;
    left: 0
}

.widget-area .widget_latestposts .latest-content h5 {
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    margin-top: 0;
    margin-bottom: 5px
}

.widget-area .widget_latestposts .latest-content h5 > a {
    color: #333;
    text-decoration: none
}

.widget-area .widget_latestposts .latest-content h5 > a:hover {
    color: #31cec3
}

.widget-area .widget_latestposts .latest-content span {
    color: #31cec3;
    display: inline-block
}

.widget-area .widget_tags a {
    border: 1px solid #999;
    background-color: transparent;
    color: #333;
    display: inline-block;
    font-size: 15px;
    padding: 8px 24px;
    line-height: 26px;
    margin-bottom: 10px;
    margin-right: 8px;
    text-decoration: none;
    text-transform: capitalize;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s
}

.widget-area .widget_tags a:hover {
    background-color: #31cec3;
    color: #fff
}

.blog-post .type-post .blog-content {
    background-color: transparent;
    border-bottom: 3px solid #e5e5e5;
    padding-bottom: 45px
}

.blog-post .type-post .blog-content .entry-content p {
    color: #222;
    font-weight: normal;
    margin-bottom: 40px
}

.blog-post .type-post .blog-content .entry-content blockquote {
    background-color: #f9f9f9;
    border-left: none;
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    line-height: 36px;
    margin: 0 0 40px 0;
    padding: 20px 40px
}

.blog-post .type-post .blog-content .social-share {
    display: inline-block;
    width: 100%
}

.blog-post .type-post .blog-content .social-share h5 {
    color: #222;
    display: inline-block;
    font-family: 'Open Sans', serif;
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 0;
    margin-top: 10px
}

.blog-post .type-post .blog-content .social-share ul {
    float: right;
    padding-left: 0;
    margin-bottom: 0
}

.blog-post .type-post .blog-content .social-share ul li {
    display: inline-block;
    margin-right: 8px
}

.blog-post .type-post .blog-content .social-share ul li a {
    border: 1px solid #d3d3d3;
    color: #d3d3d3;
    display: inline-block;
    height: 40px;
    font-size: 15px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s
}

.blog-post .type-post .blog-content .social-share ul li a:hover {
    background-color: #222;
    border-color: #222;
    color: #fff
}

.comment-section {
    display: inline-block;
    margin-bottom: 100px;
    width: 100%
}

.section-heading h3 {
    color: #222;
    font-family: 'Open Sans', serif;
    font-size: 24px;
    letter-spacing: 0.6px;
    line-height: 28px;
    margin-top: 0;
    margin-bottom: 0;
    text-transform: uppercase;
    word-wrap: break-word
}

.comment-form .section-heading h3 {
    text-transform: capitalize
}

.comment-section .section-heading span {
    margin-left: 10px
}

.comment-section .media {
    border-bottom: 1px solid #e4e4e4;
    padding: 30px 0
}

.comment-section .media img {
    border-radius: 100%
}

.comment-section .media-body {
    text-align: left
}

.comment-section .media-left {
    float: left;
    clear: both
}

.comment-section .media-heading {
    color: #222;
    font-family: 'Open Sans', serif;
    font-size: 22px;
    display: inline-block;
    letter-spacing: -0.44px;
    line-height: 28px;
    margin-bottom: 0;
    text-transform: capitalize;
    word-wrap: break-word
}

.comment-section span {
    color: #31cec3;
    display: block;
    margin-top: 0;
    margin-bottom: 8px;
    line-height: 28px
}

.comment-section .media-list {
    display: inline-block;
    margin-top: 30px;
    margin-bottom: 15px
}

.comment-section .media-content {
    margin-left: 24px;
    position: relative;
    display: inline-block
}

.comment-section .media-content p {
    color: #777;
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 20px
}

.comment-section .media-content a {
    border: 2px solid #31cec3;
    background-color: transparent;
    font-size: 12px;
    color: #000;
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.3px;
    line-height: 26px;
    padding: 4px 25px;
    text-transform: uppercase;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s
}

.comment-section .media-content a:hover {
    background-color: #31cec3;
    color: #fff
}

.comment-section .media.media-even {
    margin-left: 100px
}

.comment-form form {
    margin-top: 40px
}

.comment-form .form-control {
    padding: 12px 25px;
    height: auto;
    outline: none;
    box-shadow: none;
    border-radius: 0;
    border: 1px solid #979797;
    background-color: transparent;
    position: relative;
    z-index: 1;
    margin-bottom: 15px;
    font-size: 16px;
    color: #555
}

.comment-form .form-control::-webkit-input-placeholder {
    color: #555
}

.comment-form .form-control:-moz-placeholder {
    color: #555
}

.comment-form .form-control::-moz-placeholder {
    color: #555
}

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

.comment-form input[type='submit'] {
    color: #010000;
    font-size: 14px;
    display: inline-block;
    background-color: transparent;
    border: 2px solid #31cec3;
    border-radius: 0;
    padding: 12px 30px;
    margin: 10px 15px 0;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s
}

.comment-form input[type='submit']:hover {
    color: #fff;
    background-color: #31cec3
}

.latest-blog {
    background-color: #f6f7f8;
    padding: 150px 0
}

.latest-blog .type-post .blog-content {
    background-color: transparent;
    padding: 0;
    text-align: center
}

.latest-blog .type-post .blog-content a.post-more {
    background-color: #31cec3;
    color: #fff;
    display: inline-block;
    font-size: 35px;
    height: 69px;
    width: 69px;
    line-height: 69px;
    margin-top: -30px;
    text-align: center;
    text-decoration: none
}

.latest-blog .type-post .blog-content .entry-header {
    margin-top: 20px
}

.latest-blog .type-post .blog-content .entry-header, .latest-blog .type-post .blog-content .entry-content {
    text-align: left
}

.latest-blog .blog-content h3.entry-title {
    padding-bottom: 0;
    margin-bottom: 0;
    font-size: 24px;
    letter-spacing: 0.6px;
    margin-bottom: 15px;
    line-height: 26px;
    text-transform: capitalize
}

.latest-blog .blog-content h3.entry-title a {
    color: #111;
    word-wrap: break-word
}

.latest-blog .blog-content h3.entry-title::after {
    display: none
}

.latest-blog .blog-content .entry-meta .post-admin, .latest-blog .blog-content .entry-meta .post-recent, .latest-blog .blog-content .entry-meta .post-date {
    display: inline-block
}

.latest-blog .type-post .entry-meta .post-admin {
    color: #666;
    font-style: italic
}

.latest-blog .type-post .entry-meta .post-admin a::after {
    content:'/'
}

.latest-blog .type-post .entry-meta > div > a {
    color: #666;
    font-style: italic;
    letter-spacing: 0.35px;
    text-transform: capitalize
}

.latest-blog .type-post .entry-meta > div > a::after {
    content:'/';
    padding: 0 5px
}

.latest-blog .type-post .entry-meta > div:last-child > a::after {
    content:''
}

.latest-blog .type-post .entry-content p {
    color: #444;
    font-size: 15px;
    line-height: 26px;
    letter-spacing: 0.375px
}

.latest-blog .type-post .entry-content p > a {
    color: #31cec3
}

.map-canvas.map_2 {
    height: 455px;
    margin-top: 0
}

.contact-us .contact-header h3 {
    color: #555;
    font-family: 'Open Sans', serif;
    font-size: 40px;
    margin-top: 0;
    margin-bottom: 30px;
    word-wrap: break-word
}

.contact-us .contact-header p {
    color: #555;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 50px
}

.contact-us .contact-detail {
    position: relative;
    padding-left: 95px;
    padding-right: 128px;
    margin-bottom: 45px
}

.contact-us .contact-detail i {
    border-radius: 100%;
    background-color: #31cec3;
    color: #fff;
    display: inline-block;
    font-size: 25px;
    height: 57px;
    width: 57px;
    line-height: 57px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 5px
}

.contact-us .contact-detail h5 {
    color: #222;
    font-size: 18px;
    margin-top: 0;
    text-transform: uppercase;
    line-height: 25px;
    margin-bottom: 5px;
    word-wrap: break-word
}

.contact-us .contact-detail p {
    color: #555;
    line-height: 18px;
    margin-bottom: 0
}

.contact-us .contact-detail a {
    color: #444;
    font-family: 'Roboto', sans-serif;
    font-weight: 500
}

.contact-us .contact-detail.contact-mail a {
    font-weight: normal
}

.contact-us .form-control {
    border-radius: 0;
    border-color: #a8a8a8;
    box-shadow: none;
    color: #555;
    font-size: 16px;
    height: 49px;
    padding: 6px 30px
}

.contact-us .form-group {
    margin-bottom: 32px
}

.contact-us .form-group textarea {
    height: 95px
}

.contact-us .form-control::-webkit-input-placeholder {
    color: #555
}

.contact-us .form-control:-moz-placeholder {
    color: #555
}

.contact-us .form-control::-moz-placeholder {
    color: #555
}

.contact-us .form-control:-ms-input-placeholder {
    color: #555
}

.contact-us .form-group button {
    background-color: #31cec3;
    border: 2px solid #d0c6ae;
    color: #fff;
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
    padding: 10px 28px;
    margin-left: 15px;
    line-height: 25px;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s
}

.contact-us .form-group button:hover {
    background-color: transparent;
    color: #d0c6ae
}

.alert-msg {
    color: #ccc;
    width: 100%;
    margin: 10px 15px;
    text-align: left
}

.alert-msg-success {
    color: #50b948;
    position: relative;
    z-index: 1
}

.alert-msg-failure {
    color: #f00;
    position: relative;
    z-index: 1
}

.map-canvas {
    height: 700px;
    margin-top: 100px;
    width: 100%
}

.error-page {
    background-image: url('../img/404-bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    padding: 175px 0;
    text-align: center
}

.error-page .error-code h3 {
    color: #31cec3;
    font-weight: 600;
    font-size: 150px;
    font-family: 'Open Sans', sans-serif;
    margin-top: 0;
    margin-bottom: 22px;
    word-wrap: break-word
}

.error-page .error-content p {
    color: #222;
    font-family: 'Open Sans', serif;
    font-size: 30px;
    line-height: 25px;
    margin-bottom: 30px
}

.error-page .error-content a {
    background-color: #31cec3;
    border: 1px solid #31cec3;
    color: #fff;
    display: inline-block;
    font-weight: 600;
    font-size: 16px;
    line-height: 25px;
    padding: 10px 35px;
    margin-top: 20px;
    text-decoration: none;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s
}

.error-page .error-content a > i {
    padding-right: 20px
}

.error-page .error-content a:hover {
    background-color: transparent;
    color: #222
}

@media (min-width: 992px) {
    .callout .call-out-content p {
        padding-right: 45%
    }

    .event-section .event-box:nth-child(4n+1) {
        clear: both
    }

    .whychooseus-section .col-md-6:nth-child(3n+1) {
        clear: both
    }

    .service-section .service-box:nth-child(4n+1) {
        clear: both
    }

    .video-section .video-section-content p {
        padding: 0 18%
    }

    .latest-blog .col-md-4:nth-child(4n+1) {
        clear: both
    }
}

@media (max-width: 1366px) {
    .gallery-single .flexslider .flex-direction-nav .flex-prev, .gallery-single .flexslider:hover .flex-direction-nav .flex-prev {
        left: -60px
    }

    .gallery-single .flexslider .flex-direction-nav .flex-next, .gallery-single .flexslider:hover .flex-direction-nav .flex-next {
        right: -60px
    }
}

@media (max-width: 1200px) {
    .welcome-section-1 .wc-max-content .wc-mission h5 {
        font-size: 14px
    }

    .whychooseus-section .choose-us-content h5 {
        font-size: 15px
    }

    .offer-section .owl-theme .owl-controls {
        margin-top: 50px
    }

    .offer-section .owl-theme .owl-controls .owl-nav [class*='owl-'] {
        position: relative
    }

    .offer-section .owl-controls .owl-nav .owl-prev {
        left: 0
    }

    .offer-section .owl-controls .owl-nav .owl-next {
        right: 0
    }

    .gallery-single .flexslider .flex-direction-nav .flex-prev, .gallery-single .flexslider:hover .flex-direction-nav .flex-prev {
        left: 0
    }

    .gallery-single .flexslider .flex-direction-nav .flex-next, .gallery-single .flexslider:hover .flex-direction-nav .flex-next {
        right: 0
    }

    .gallery-single .info-box {
        padding: 35px 15px 20px
    }

    .clients .owl-theme .owl-controls {
        margin-top: 50px
    }

    .clients .owl-theme .owl-controls .owl-nav [class*='owl-'] {
        position: relative
    }

    .clients .owl-controls .owl-nav .owl-prev {
        left: 0
    }

    .clients .owl-controls .owl-nav .owl-next {
        right: 0
    }

    .service-section .service-content h5 {
        font-size: 18px
    }

    .testimonial-section-1 .owl-theme .owl-controls {
        margin-top: 50px
    }

    .testimonial-section-1 .owl-theme .owl-controls .owl-nav [class*='owl-'] {
        position: relative
    }

    .testimonial-section-1 .owl-controls .owl-nav .owl-prev {
        left: 0
    }

    .testimonial-section-1 .owl-controls .owl-nav .owl-next {
        right: 0
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .booking-section .booking-detail {
        padding: 75px 50px
    }

    .booking-section-1 a.book-now {
        padding: 5px 18px
    }

    .offer-section .offer-box:hover .offer-content > a.zoom {
        top: 22%
    }
}

@media (max-width: 991px) {
    .booking-section-1::before {
        width: 43%
    }

    .booking-section-1 .booking-content-block h5 {
        font-size: 22px
    }

    .welcome-section .welcome-outer {
        margin-bottom: 50px
    }

    .welcome-section-1 .wc-max-content .wc-mission-section {
        margin-bottom: 25px;
        margin-top: 25px
    }

    .welcome-section-1 .wc-max-content .wc-mission {
        margin-bottom: 10px
    }

    .counter-section .counter-box {
        margin-bottom: 30px
    }

    .gallery-section .content-block-hover h5 {
        font-size: 18px;
        margin-bottom: 0
    }

    .event-section .event-box {
        margin-bottom: 30px
    }

    .event-section .event-box:nth-child(3n+1) {
        clear: both
    }

    .whychooseus-section .col-md-6:nth-child(3n+1) {
        clear: both
    }

    .service-section .service-box:nth-child(3n+1) {
        clear: both
    }

    .service-section .service-box {
        margin-bottom: 30px
    }

    .comment-section .media.media-even {
        margin-left: 50px
    }

    .latest-blog .col-md-4 {
        margin-bottom: 30px
    }

    .latest-blog .col-sm-6:nth-child(3n+1) {
        clear: both
    }

    .contact-us .col-sm-5 {
        width: 100%;
        margin-bottom: 30px
    }

    .contact-us .col-sm-7 {
        width: 100%
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .booking-section-1 a.book-now {
        font-size: 12px;
        padding: 4px 6px
    }

    .widget-area .widget_categories ul li {
        padding-left: 20px
    }
}

@media (max-width: 767px) {
    .booking-section-1::before {
        width: 60%
    }

    .booking-section-1 a.book-now {
        margin-left: 15px
    }

    .whychooseus-section .choose-us-box {
        max-width: 232px;
        display: block;
        margin: 0 auto 30px
    }

    .whychooseus-section .choose-us-cover {
        padding: 0
    }

    .whychooseus-section .choose-us-content {
        padding: 12px
    }

    .callout {
        padding: 75px 0
    }

    .content-area.blog-section {
        margin-bottom: 30px
    }

    .type-post .blog-content h3.entry-title {
        font-size: 18px
    }

    .type-post .blog-content {
        padding: 15px 15px 100px
    }

    .widget-area .widget_latestposts .latest-content {
        padding-bottom: 35px
    }

    .whychooseus-section, .gallery-section, .callout, .clients, .welcome-section-1, .service-section, .latest-blog {
        padding: 80px 0
    }

    .booking-section-1, .welcome-section, .whychooseus-section, .offer-section, .clients, .event-section, .gallery-section-2 {
        margin-bottom: 80px
    }
}

@media (max-width: 639px) {
    .slider-section .uranus.tparrows {
        height: 30px;
        width: 30px;
        line-height: 30px
    }

    .slider-section .uranus.tparrows::before {
        font-size: 14px;
        height: 30px;
        width: 30px;
        line-height: 28px
    }

    .booking-section .booking-detail {
        padding: 75px 25px
    }

    .welcome-section .col-xs-6 {
        width: 100%
    }

    .welcome-section-1 .col-xs-5.wc-1-img {
        margin-bottom: 30px;
        width: 100%;
        text-align: center
    }

    .welcome-section-1 .col-xs-7.wc-max-content {
        width: 100%
    }

    .offer-section .offer-box {
        display: block;
        margin: 0 auto;
        max-width: 371px
    }

    .gallery-section .portfolio-categories li {
        margin-right: 17px;
        margin-bottom: 15px
    }

    .gallery-single .col-xs-6 {
        width: 100%;
        margin-bottom: 30px
    }

    .callout .call-out-content h3 {
        font-size: 35px
    }

    .event-section .col-xs-6 {
        width: 100%;
        text-align: center
    }

    .event-section .event-content {
        max-width: 349px;
        display: block;
        margin: 0 auto;
        text-align: left
    }

    .event-section .event-content .event-date {
        right: 120px
    }

    .service-section .col-xs-6 {
        width: 100%;
        text-align: center
    }

    .service-section .service-content {
        max-width: 368px;
        display: block;
        margin: 0 auto;
        text-align: left
    }

    .comment-section .media.media-even {
        margin-left: 20px
    }
}

@media (max-width: 479px) {
    .booking-section-1 .booking-content-block h5 {
        color: #fff
    }

    .booking-section-1 .col-xs-6 {
        width: 100%;
        text-align: center
    }

    .welcome-section-1 .wc-max-content h3 {
        font-size: 30px
    }

    .whychooseus-section .col-xs-6 {
        width: 100%
    }

    .offer-section .offer-content h5 {
        font-size: 18px
    }

    .gallery-section .portfolio-list li.col-xs-6 {
        width: 100%;
        text-align: center
    }

    .gallery-section .content-image-block {
        max-width: 371px;
        display: block;
        margin: 0 auto 30px
    }

    .callout .call-out-content {
        padding-left: 15px
    }

    .callout .call-out-content h3 {
        font-size: 25px
    }

    .event-section .event-content .event-date {
        right: 45px
    }

    .event-section .event-content h5.event-title {
        font-size: 14px
    }

    .service-section .service-content {
        padding: 15px
    }

    .video-section .video-section-content p {
        font-size: 30px
    }

    .blog-post .type-post .blog-content .entry-content blockquote {
        line-height: 30px;
        font-size: 18px
    }

    .blog-post .type-post .blog-content .social-share {
        text-align: center
    }

    .blog-post .type-post .blog-content .social-share ul {
        float: none;
        margin-top: 5px
    }

    .media-left img {
        max-width: 70px
    }

    .comment-section .media-content {
        margin-left: 18px
    }

    .latest-blog .col-sm-6 {
        width: 100%;
        text-align: center
    }

    .contact-us .contact-detail {
        padding-right: 28px
    }

    .error-page .error-code h3 {
        font-size: 100px
    }
}

@media (max-width: 360px) {
    .offer-section .offer-box:hover .offer-content > a.zoom {
        top: 18%
    }

    .counter-section .col-xs-6 {
        width: 100%
    }
}

.owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
    background: #10081d !important
}

.w-full {
    width: 100% !important;
}

.open > .dropdown-menu {
    display: block;
}

.banner-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.banner-text .container {
    height: 100%
}

.banner-text-wp {
    display: table;
    width: 100%;
    height: 100%
}

.banner-text-content {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.banner-text-content h2, .banner-text-content p {
    color: #fff
}

.banner-text-content h2 {
    padding-top: 50px;
    font-size: 48px
}

.banner-text-content h2 span {
    padding: 0 1rem;
    background: rgba(0, 0, 0, 0.15);
    white-space: normal;
    word-break: break-all;
    word-wrap: break-word;
    font-size: 4rem;
    font-family: inherit;
    text-shadow: 4px 3px 0 #10081d, 9px 8px 0 rgba(0, 0, 0, 0.15)
}

.banner-text-content p {
    position: relative;
    margin-top: 20px;
    margin-bottom: 40px
}

.banner-text-content p span {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 2rem;
    text-shadow: 2px 1px 0 #10081d, 4px 3px 0 rgba(0, 0, 0, 0.15);
    color: #fff
}

.banner-text-content a {
    font-size: 16px;
    color: #fff;
    letter-spacing: 1px;
    line-height: normal;
    text-transform: uppercase;
    border: solid 2px #fff;
    padding: 6px 40px 7px 40px;
    text-decoration: none !important;
    font-weight: 500;
    transition: all 1s
}

.banner-text-content a:hover {
    background: #fff;
    color: #000
}
.pc-banner{}
.mo-banner{
    display:none;
}

@media (max-width: 767px) {
    .pc-banner{
        display:none;
    }
    .mo-banner{
        display:block;
    }
    .banner-text-content h2 {
        font-size: 36px
    }

    .banner-text-content h2 span {
        font-size: 1.6rem
    }

    .banner-text-content p span {
        font-size: 1.2rem
    }
}

.pager {
    padding: 20px 0;
    width:100%;
    text-align: center
}

.pager .PageText, #metPageT, #metPageB {
    display: none
}

.pager span, .pager a {
    background: #10081d;
    padding: 0.175rem 0.75rem;
    border: solid 1px rgba(255, 255, 255, 0.5);
    margin: 0 5px;
    color: #fff
}

.pager a:hover {
    background: #fff;
    color: #000
}
@media(max-width: 767px){
    .page-num{
        display:none;
    }
}
.index-wp {
    padding: 60px 0;
    background: #10081d no-repeat 50%;
    background-size: cover
}

.index-title {
    padding-bottom: 60px;
    text-align: center
}

.index-title .t:after {
    content: '';
    display: inline-block;
    width: 120px;
    height: 1px;
    background-color: #3499db;
    background-color: #3499db
}

.index-title h1 {
    font-size: 2.5rem;
    font-weight: 500;
    color: #eceff3
}

.index-title h2 {
    font-size: 2.4rem;
    font-weight: 400;
    color: #eceff3
}

.index-title span {
    color: #3499db;
    color: #3499db
}

.index-title p {
    font-size: 16px;
    color: #eceff3 !important
}

.index-p1 {
    background-color: #1a1a1a;
}

.index-p1 .item {
    border: 1px solid #d1d2d3;
    margin: 20px 0;
    overflow: hidden;
    transition: all .5s
}

.index-p1 .item .item-icon {
    float: left;
    margin-right: 44px;
    width: 32px;
    padding: 2rem .5rem;
    border-right: 1px solid #d1d2d3;
    background: #f3f2f1
}

.index-p1 .item .item-icon i {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: no-repeat 50%/cover
}

.index-p1 .item .item-text {
    padding-top: .5rem;
    padding-right: .5rem
}

.index-p1 .item .item-text h3 {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 1.2;
    font-weight: bold
}

.index-p1 .item .item-text a * {
    color: #fff
}

.index-p1 .item .item-text p {
    text-align: justify
}

.index-p1 .item:hover {
    background: #f3f2f1
}

.index-p1 .item:hover .item-text h3, .index-p1 .item:hover .item-text p {
    color: #111
}

.index-p2 {
    background-color:#000;
}

.index-p3 {
    padding: 60px 5%
}

.index-p4 {
    padding: 60px 0;
    background-color:#1a1a1a;
}

.index-p4 .no-video {
    height: 300px
}

.index-p4 .de_count:hover .index {
    background: no-repeat 0 100%
}

.index-p4 .video-js .vjs-tech {
    width: 100% !important
}

.index-p5 {
    padding: 60px 0
}

.index-p5 a.btn-text {
    color: #3499db !important
}


.footer-contact {
    background-color:#1a1a1a;
}
.index-p6 .progress-bar {
    width: 0;
    background: #3499db !important
}

.index-p6 h3 {
    color: #eceff3;
    font-size: 18px;
    margin-bottom: 10px
}

.index-p6 p {
    color: #848484
}

footer {
    position: relative;
    z-index: 1000;
}

.footer-logos {
    text-align: center
}

footer .custom-title {
    margin-top: -50px;
    padding-bottom: 20px;
    text-align: center
}

footer .custom-title h1, footer .custom-title h2 {
    color: #fff
}

footer .custom-title h1 span, footer .custom-title h2 span {
    color: #3499db
}

footer .footer-contact {
    padding: 60px 0
}

#allmap {
    height: 300px;
    border: 5px solid #3499db
}
.contact-info{
    display:table;
}
.contact-info .met-editor{
    display:table-cell;
    height:100%;
    vertical-align: middle;
}
.contact-info h3, .contact-info h4 {
    font-size: 18px;
    margin-bottom: 20px;
    color: #fff
}

.contact-info h3 strong, .contact-info h4 strong {
    display: block;
    font-size: 24px
}

.contact-info p {
    color: #fff;
    margin-bottom: 10px
}

.contact-info p strong {
    color: #3499db
}

.foot-copy .f-logo {
    padding-top: 40px
}

.foot-copy .f-text {
    line-height: 1.1;
    text-align: center
}

.foot-copy .f-text h3 {
    margin: 20px 0 5px;
    font-size: 14px
}

.foot-copy .f-text p {
    margin-bottom: 10px
}

.foot-copy .f-social {
    padding: 20px 0 0
}

.foot-copy .f-social a {
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px
}

.foot-copy .f-social i {
    font-size: 16px
}

@media (max-width: 767px) {
    .foot-copy .f-social {
        padding-top: 10px;
        text-align: center
    }
}

.bread, .subnav {
    padding: 20px 5%;
    height:70px;
}

.bread h3 {
    font-size: 1.715rem;
    color: #fff;
    text-transform: capitalize;
    letter-spacing: 2px;
    text-align: center;
}

.subnav .ul_line{
    text-align: center;
}
.subnav .ul_line li{
}
.subnav .ul_line li a {
    color: #fff
}

.subnav .ul_line .active {
    color: rgb(255, 255, 255);
    border-bottom: 2px solid #3499db;
    padding-bottom: 5px
}

.pro_list, .cas_list{
    padding:0 5%;
    background: #10081d;
}

.pic-caption {
}

.pic-title {
    margin-bottom: .5rem;
    font-size: 1.8em;
    letter-spacing: 2px;
    font-family: 'Microsoft JhengHei', 'Raleway';
    font-weight: 600;
    color: #fff
}

.pic-caption p {
    margin-bottom: 1rem
}

.Service-margin {
    background-color: #10081d;
}
.show-title {
    font:600 26px/1.5 'Microsoft JhengHei', 'Raleway';
    color: #fff;
    text-align: left;
}

.show-meta {
    margin-bottom: 20px;
    font-size: 14px;
    text-align: center;
}

.show-content p {
    margin-bottom: 1%!important;
}

.met-job {
    padding: 50px 0;
    background-color: #10081d
}

.job-title {
    padding-bottom: 20px
}

.job-title h2 {
    font-size: 24px;
    color: #fff
}

.job-title span {
    font: bold 36px Georgia
}

.img_list_page {
    padding: 50px 0
}

.img_list_page {
    background: #10081d;
    position: relative;
    background-position: top center;
    background-size: 100% auto;
    word-break: break-all;
    overflow: hidden;
    color: #f5f5f5
}

.img_list_page a {
    color: #fff
}

.img_list_page a:focus, .img_list_page a:hover {
    color: #3499db
}

.img_list_page .h1, .img_list_page .h2, .img_list_page .h3, .img_list_page .h4, .img_list_page .h5, .img_list_page .h6, .img_list_page h1, .img_list_page h2, .img_list_page h3, .img_list_page h4, .img_list_page h5, .img_list_page h6 {
    color: #fff;
    color: #fff
}

.img_list_page .container {
    position: relative
}

.img_list_page .container .row {
    position: relative;
    z-index: 2
}

@media (max-width: 1199px) {
    .img_list_page .container {
        margin-top: 45px;
        margin-bottom: 45px
    }

    .img_list_page .container:before {
        left: -25px;
        right: -25px;
        top: -25px;
        bottom: -25px
    }
}

@media (max-width: 992px) {
    .img_list_page{
        padding:20px 0;
    }

    .img_list_page .container {
        margin-top: 0;
        margin-bottom: 20px
    }

    .img_list_page .container:before {
        left: -20px;
        right: -20px;
        top: -20px;
        bottom: -20px
    }
}

@media (max-width: 767px) {
    .img_list_page .container:before {
        left: -15px;
        right: -15px;
        top: -15px;
        bottom: -15px
    }
}

@media (max-width: 992px) and (min-width: 768px) {
    .img_list_page .container {
        width: 708px
    }
}

@media (max-width: 767px) and (orientation: landscape) {
    .img_list_page .container {
        margin-top: 50px
    }
}

@media (max-height: 375px) and (orientation: landscape) {
    .img_list_page .container {
        margin-top: 40px
    }
}

.img_list_page u {
    text-decoration: none
}

.img_list_page .img-li {
    margin-bottom:2%;
    list-style: none;
    float: left;
    position: relative;
    min-height: 1px;
    display: block
}

.img_list_page .img-li span {
    display: block;
    position: relative;
    overflow: hidden;
    float: left;
    width: 100%
}

.img_list_page .img-li span:first-child {
    opacity: 1;
    transition: opacity .3s .5s;
    -moz-transition: opacity .3s .5s;
    -ms-transition: opacity .3s .5s;
    -o-transition: opacity .3s .5s;
    -webkit-transition: opacity .3s .5s
}

.img_list_page .img-li span a {
    display: block;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.img_list_page .img-li span a:before {
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    background: rgba(0, 0, 0, .4);
    transition: .2s;
    -ms-transition: .2s;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    -o-transition: .2s
}

.img_list_page .img-li span:hover a:before {
    opacity: 1
}

.img_list_page .img-li span a font {
    font-size: 18px;
    position: absolute;
    left: 8%;
    bottom: 8%;
    z-index: 3;
    color: rgba(0, 0, 0, 0);
    padding-bottom: 4px;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    text-indent: 20px
}

.img_list_page .img-li span:hover a font {
    color: #fff;
    color: #fff;
    text-indent: 0
}

.img_list_page .img-li span a font:before {
    height: 2px;
    background: #3499db;
    content: '';
    position: absolute;
    bottom: 0;
    left: -50px;
    right: 300px;
    transition: .2s;
    -ms-transition: .2s;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    -o-transition: .2s
}

.img_list_page .img-li span:hover a font:before {
    right: 0
}

.img_list_page .img-li span a img {
    width: 100%;
    display: block;
    position: relative;
    z-index: 1;
    transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s
}

.img_list_page .img-li span:hover a img {
    transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1)
}

.img_list_page .img-li span:hover a font {
    opacity: 1
}

@media (max-width: 1599px) {
    .img_list_page .img-li span a font {
        font-size: 17px
    }
}

@media (max-width: 1199px) {
    .img_list_page .img-li span a font {
        font-size: 16px
    }

    .img_list_page .img-li span p {
        width: 34px;
        height: 34px;
        margin: -17px 0 0 -17px;
        line-height: 30px;
        font-size: 16px
    }
}

@media (max-width: 767px) {
    .img_list_page .img-li span a font {
        font-size: 14px
    }

    .img_list_page .img-li span p {
        width: 24px;
        height: 24px;
        margin: -12px 0 0 -12px;
        line-height: 20px;
        font-size: 12px
    }
}

@media (max-width: 767px) and (orientation: portrait) {
    .img_list_page .img-li span p {
        width: 34px;
        height: 34px;
        margin: -17px 0 0 -17px;
        line-height: 30px;
        font-size: 16px
    }
}

.img_list_page .imgs1 ul {
    margin-top: -10px;
    position: relative;
    top: 10px
}

.img_list_page .img-video {
    margin-bottom: 10px !important
}

.img_list_page .img-video a {
    display: block
}

.img_list_page .img-video a img {
    display: block;
    width: 100%
}

.img_list_page .img-video a span {
    display: block;
    text-align: center
}

.img_list_page .img-video a font {
    position: relative;
    display: block
}

.img_list_page .img-video a font:before {
    width: 60px;
    height: 60px;
    margin: -30px 0 0 -30px;
    border-width: 1px;
    border-style: solid;
    border-color: #f5f5f5;
    border-color: #f5f5f5;
    border-radius: 50%;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
    background: rgba(0, 0, 0, .4);
    content: '';
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    opacity: 0;
    visibility: hidden
}

.img_list_page .img-video a font:after {
    border-width: 15px 0 15px 30px;
    margin: -15px 0 0 -10px;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
    border-color: transparent;
    border-style: solid;
    border-left-color: #f5f5f5;
    border-left-color: #f5f5f5;
    content: '';
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    opacity: 0;
    visibility: hidden
}

.img_list_page .img-video a font:before, .img_list_page .img-video a font:after, .img_list_page .img-video a font:before, .img_list_page .img-video a font:after {
    opacity: 1;
    visibility: visible
}

.img_list_page .img-video a font:hover:before {
    background: #ffc012;
    background: #ffc012
}

@media (max-width: 1599px) {
    .img_list_page .img-video a font:before {
        width: 50px;
        height: 50px;
        margin: -25px 0 0 -25px
    }

    .img_list_page .img-video a font:after {
        border-width: 12px 0 12px 24px;
        margin: -12px 0 0 -8px
    }
}

@media (max-width: 1199px) {
    .img_list_page .img-video {
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .img_list_page .img-video a font:before {
        width: 40px;
        height: 40px;
        margin: -20px 0 0 -20px
    }

    .img_list_page .img-video a font:after {
        border-width: 10px 0 10px 20px;
        margin: -10px 0 0 -6px
    }
}

.news_list_page {
    padding: 30px 0
}

.news_list_page .met-news-list {
    padding: 30px
}

.news_list_page {
    display: block
}

.news_list_page .met-news-list li {
    padding: 30px 0;
    border-bottom: 1px solid;
    border-color: #666;
    border-color:3;
    -webkit-transition: all .66s cubic-bezier(.17, .84, .44, 1);
    transition: all .66s cubic-bezier(.17, .84, .44, 1);
    position: relative
}

.news_list_page .met-news-list li:first-child {
    padding-top: 0
}

.news_list_page .met-news-list li h4 {
    margin: 0 0 20px;
    font-size: 22px
}

.news_list_page .met-news-list li h4 a {
    color: #fff;
    text-shadow: none;
    position: relative
}

.news_list_page .met-news-list li h4 a:hover span {
    color: #3499db !important
}

.news_list_page .met-news-list li:hover a {
    text-decoration: none
}

.news_list_page .met-news-list li p {
    font-size: 16px
}

.news_list_page .met-news-list li p.des {
    float: left;
    color: #fff;
    margin-bottom: 10px;
    font-size: 13px;
    width: 75%
}

.news_list_page .met-news-list li p.info {
    margin-bottom: 0px;
    font-size: 16px;
    color: #fff;
    color:
}

.news_list_page .met-news-list li .media-body p.info {
    margin: 0
}

.news_list_page .met-news-list li p.info span:first-child {
    font-size: 22px;
    margin-right: 5px
}

.news_list_page .met-news-list li p.info i {
    color: #fff
}

.news_list_page .more {
    float: right;
    margin: 0;
    color: #fff;
    display: inline-block;
    line-height: 30px;
    text-align: center;
    width: 160px;
    cursor: pointer
}

.news_list_page .more:hover {
}

.news_list_page .sidebar-column li a {
    display: block;
    font-size: 16px;
    color: #666;
    color:
}

.news_list_page .sidebar-column li a:hover {
    color: #333
}

.news_list_page .sidebar-column li i {
    float: right;
    margin-top: 2px;
    font-size: 14px
}

.news_list_page .sidebar-column li ul a {
    font-size: 14px;
    color: #666;
    color:
}

.news_list_page .sidebar-news-list ul li a {
    color: #666;
    color:
}

.news_list_page .sidebar-news-list ul li a:hover {
    color: #333
}

.news_list_page .met-sidebar {
    box-shadow: none
}

.news_list_page .slick-slide {
    width: 100%;
    position: relative;
    display: block
}

.news_list_page .media-chief img {
    width: 100%;
    margin-bottom: 20px
}

.news_list_page .headlines-text {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0px;
    text-align: center;
    background: rgba(0, 0, 0, .38);
    padding: 15px
}

.news_list_page .headlines-text h3 {
    color: #fff;
    margin: 0
}

.news_list_page .slick-next {
    right: 0px;
    z-index: 2;
    height: 100%;
    width: 40px
}

.news_list_page .slick-prev {
    left: 0px;
    z-index: 2;
    height: 100%;
    width: 40px
}

.news_list_page .slick-dots {
    display: none !important
}

.news_list_page .met-news-list li img {
    width: 100%
}

@media (max-width: 991px) {
    .news_list_page .met-news-list li h4 {
        font-size: 18px;
        margin-bottom: 10px
    }

    .news_list_page .met-news-list .left, .news_list_page .met-news-list .right {
        margin-bottom: 15px;
        padding: 0
    }
}

@media (max-width: 767px) {
    .news_list_page {
        padding: 0
    }

    .news_list_page .met-news-list {
        padding: 15px 0px
    }

    .news_list_page .more {
        float: left;
        margin-top: 15px
    }

    .news_list_page .met-news-list li {
        padding: 15px
    }

    .news_list_page .met-news-list li .media-left {
        padding-right: 10px
    }

    .news_list_page .met-news-list li .media-left .media-object {
        width: 100px
    }

    .news_list_page .met-news-list li h4 {
        font-size: 18px;
        margin-bottom: 5px
    }

    .news_list_page .met-news-list li p {
        font-size: 14px
    }

    .news_list_page .headlines-text {
        bottom: 0px
    }

    .news_list_page .headlines-text h3 {
        font-size: 16px
    }

    .news_list_page .met-news-list li p.des {
        width: 100%;
        margin-bottom: 5px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .news_list_page .media-left .media-object {
        height: 62.5px
    }

    .news_list_page .met-news-list li:after {
        width: 100px
    }

    .news_list_page .met-news-list li p.info {
        margin-left: 0px
    }
}

@media (max-width: 479px) {
    .news_list_page .met-news-list li .media-left {
        display: table-cell
    }
}

@media (max-width: 349px) {
    .news_list_page .met-news-list li .media-left, .news_list_page li .media-body {
        width: 100%;
        display: block
    }

    .news_list_page .met-news-list li .media-left {
        padding: 0
    }

    .news_list_page .met-news-list li .media-left .media-object {
        width: auto;
        max-width: 100%
    }

    .news_list_page .met-news-list li .media-body {
        margin-top: 15px
    }
}

.news_list_page .input-search .form-control {
    border-radius: 0
}

.news_list_page .input-search .form-control:focus {
    border-color: #333;
    border-color:
}

.news_list_page .card {
    background: #fff
}

.news_list_page .card-body {
    padding: 20px
}

.news_list_page .card-body .card-title a {
    color: #333;
    color:
}

.news_list_page .card-body .card-title a:hover {
    color: #00a971;
    color:
}

.news_list_page .card-body p {
    color: #666;
    color:
}

.news_list_page .service-list .item {
    padding: 50px
}

@media (max-width: 767px) {
    .news_list_page .service-list .item {
        padding: 15px 30px
    }
}

.news_list_page .service-list .item a {
    width: 100%;
    display: block;
    position: relative
}

.news_list_page .service-list .item a img {
    width: 100%;
    margin: 0 auto
}

.news_list_page .service-list .item h4 {
    font-size: 16px;
    height: 46px;
    line-height: 46px;
    color: #333;
    color:;
    -webkit-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
    border-bottom: 1px solid #eee;
    text-align: left;
    width: 100%
}

.news_list_page .service-list .item h4:before {
    position: absolute;
    content:'';
    width: 10px;
    height: 1px;
    background-color: #333;
    background-color:;
    margin-top: 46px;
    -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.news_list_page .service-list .item p {
    color: #666;
    color:;
    font-size: 13px;
    line-height: 24px;
    height: 50px;
    overflow: hidden;
    width: 100%;
    margin-top: 10px
}

.news_list_page .service-list .item:hover h4:before {
    width: 100%
}

.news_list_page .service-list .item:hover a {
    text-decoration: none
}

@media (max-width: 767px) {
    .img_list_page .imgs1 .row {
        margin-left: 5px;
        margin-right: 5px
    }
}

.img_list_page .met-img.imgs0 [class*='blocks-'] {
    margin-left: 0;
    margin-right: 0
}

.img_list_page .met-img .met-page-ajax-body button {
    margin: 0
}

.img_list_page .met-img .widget, .img_list_page .met-img .cover, .img_list_page .met-img .cover-image {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

@media (min-width: 480px) and (max-width: 767px) {
    .img_list_page .met-img ul.met-page-ajax li {
        width: 50%
    }
}

@media (max-width: 767px) {
    .img_list_page .met-img.imgs1 .row {
        margin: 0 5px
    }

    .img_list_page .met-img .widget {
        margin-bottom: 0px;
        padding: 5px
    }
}

.img_list_page .page-ajax {
    display: none
}

@media (max-width: 767px) {
    .img_list_page .page-box {
        display: none
    }

    .img_list_page .page-ajax {
        display: block
    }
}

.img_list_page .met-pager-ajax-link {
    position: relative
}

.img_list_page .met-pager-ajax-link:before {
    content: '';
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: none;
    transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s;
    background: #000;
    background: #000
}

.img_list_page .met-pager-ajax-link .btn-primary {
    position: relative;
    z-index: 2;
    display: block;
    opacity: 1 !important;
    background: none !important;
    border: none !important;
    color: #f5f5f5;
    color: #f5f5f5;
    color: #fff
}

.img_list_page .met-pager-ajax-link:hover:before {
    background: #ffc012;
    background: #ffc012;
    opacity: 1
}

.img_list_page .met-pager-ajax-link:hover .btn-primary {
    color: #fff
}

.index-none {
    padding: 50px;
    line-height: 1.5;
    font-size: 36px;
    text-align: center;
    color: #333;
    background: rgba(255, 255, 255, .5)
}

.index-none:after {
    content: '板块关闭，此内容前台不可见！';
    display: block
}
.contact-content{
    background-color: #10081d;
}
@media(min-width: 768px){
    .contact-content{
        padding:40px 15%;
    }
}
@media(max-width: 767px){
    .management{
        padding:0 0 50px 0!important;
    }
}


.product-detail{
    overflow:hidden;
}
.product-detail-image{
    position: fixed;
    top:0;left:0;
    z-index:1;
    width:100%;height:100vh;
}
.product-detail-image img{
    position: absolute;
    top:0;left:50%;
    width:auto;height:auto;
    min-width:100%;min-height:100%;
    transform: translateX(-50%);
}
.product-detail-head{
    position: relative;
    z-index:2;
    width:100vw;height:100vh;
    display:table;
}
.product-detail-head-cell{
    display:table-cell;
    width:100%;height:100%;
    text-align: center;
    vertical-align: middle;
}
.product-detail-head-cell h2{
    font-size: 60px;
    color: #fff;
    text-shadow: 4px 4px 0 #191127;
}
.product-detail-head-cell p{
    font-size: 18px;
    font-weight: lighter;
    text-shadow: 2px 2px 0 #191127;
}
.product-detail-body{
    position: relative;
    z-index:2;
    padding:0 5%;

}
@media(max-width:767px){
    .product-detail-head-cell h2{
        font-size:36px;
        text-shadow: 2px 2px 0 #191127;
    }
}