@charset "UTF-8";
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8
}
.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: 0!important;
    -webkit-backface-visibility: hidden
}
.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box
}
.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}
.mfp-align-top .mfp-container:before {
    display: none
}
.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}
.mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}
.mfp-ajax-cur {
    cursor: progress
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: zoom-out
}
.mfp-zoom {
    cursor: pointer;
    cursor: zoom-in
}
.mfp-auto-cursor .mfp-content {
    cursor: auto
}
.mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.mfp-loading.mfp-figure {
    display: none
}
.mfp-hide {
    display: none!important
}
.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}
.mfp-preloader a {
    color: #ccc
}
.mfp-preloader a:hover {
    color: #fff
}
.mfp-s-ready .mfp-preloader {
    display: none
}
.mfp-s-error .mfp-content {
    display: none
}
button.mfp-arrow, button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation
}
button::-moz-focus-inner {
padding:0;
border:0
}
.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Microsoft JhengHei, Arial, Baskerville, monospace
}
.mfp-close:focus, .mfp-close:hover {
    opacity: 1
}
.mfp-close:active {
    top: 1px
}
.mfp-close-btn-in .mfp-close {
    color: #333
}
.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}
.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}
.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}
.mfp-arrow:active {
    margin-top: -54px
}
.mfp-arrow:focus, .mfp-arrow:hover {
    opacity: 1
}
.mfp-arrow:after, .mfp-arrow:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}
.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}
.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}
.mfp-arrow-left {
    left: 0
}
.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px
}
.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}
.mfp-arrow-right {
    right: 0
}
.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px
}
.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}
.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}
.mfp-iframe-holder .mfp-close {
    top: -40px
}
.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}
.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0,0,0,.6);
    background: #000
}
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}
.mfp-figure {
    line-height: 0
}
.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0,0,0,.6);
    background: #444
}
.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}
.mfp-figure figure {
    margin: 0
}
.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}
.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}
.mfp-image-holder .mfp-content {
    max-width: 100%
}
.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) {
.mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0
}
.mfp-img-mobile img.mfp-img {
    padding: 0
}
.mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0
}
.mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px
}
.mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0,0,0,.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box
}
.mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0
}
.mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px
}
.mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0,0,0,.6);
    position: fixed;
    text-align: center;
    padding: 0
}
}

@media all and (max-width:900px) {
.mfp-arrow {
    transform: scale(.75)
}
.mfp-arrow-left {
    transform-origin: 0
}
.mfp-arrow-right {
    transform-origin: 100%
}
.mfp-container {
    padding-left: 6px;
    padding-right: 6px
}
}
.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(0, 0, 0)
}
.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%
}
.owl-carousel .owl-wrapper-outer.autoHeight {
    transition: height .5s ease-in-out
}
.owl-carousel .owl-item {
    float: left
}
.owl-controls .owl-buttons div, .owl-controls .owl-page {
    cursor: pointer
}
.owl-controls {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}
.grabbing {
    cursor: url(../images/grabbing.png) 8 8, move
}
.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
    -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)
}
.owl-origin {
    -webkit-perspective: 1200px;
    -webkit-perspective-origin-x: 50%;
    -webkit-perspective-origin-y: 50%;
    -moz-perspective: 1200px;
    -moz-perspective-origin-x: 50%;
    -moz-perspective-origin-y: 50%;
    perspective: 1200px
}
.owl-fade-out {
    z-index: 10;
    -webkit-animation: fadeOut .7s both ease;
    animation: fadeOut .7s both ease
}
.owl-fade-in {
    -webkit-animation: fadeIn .7s both ease;
    animation: fadeIn .7s both ease
}
.owl-backSlide-out {
    -webkit-animation: backSlideOut 1s both ease;
    animation: backSlideOut 1s both ease
}
.owl-backSlide-in {
    -webkit-animation: backSlideIn 1s both ease;
    animation: backSlideIn 1s both ease
}
.owl-goDown-out {
    -webkit-animation: scaleToFade .7s ease both;
    animation: scaleToFade .7s ease both
}
.owl-goDown-in {
    -webkit-animation: goDown .6s ease both;
    animation: goDown .6s ease both
}
.owl-fadeUp-in {
    -webkit-animation: scaleUpFrom .5s ease both;
    animation: scaleUpFrom .5s ease both
}
.owl-fadeUp-out {
    -webkit-animation: scaleUpTo .5s ease both;
    animation: scaleUpTo .5s ease both
}
@-webkit-keyframes empty {
0% {
opacity:1
}
}
@keyframes empty {
0% {
opacity:1
}
}
@-webkit-keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
@-webkit-keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
@keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
@-webkit-keyframes backSlideOut {
25% {
opacity:.5;
-webkit-transform:translateZ(-500px)
}
75% {
opacity:.5;
-webkit-transform:translateZ(-500px) translateX(-200%)
}
100% {
opacity:.5;
-webkit-transform:translateZ(-500px) translateX(-200%)
}
}
@keyframes backSlideOut {
25% {
opacity:.5;
transform:translateZ(-500px)
}
75% {
opacity:.5;
transform:translateZ(-500px) translateX(-200%)
}
100% {
opacity:.5;
transform:translateZ(-500px) translateX(-200%)
}
}
@-webkit-keyframes backSlideIn {
0%, 25% {
opacity:.5;
-webkit-transform:translateZ(-500px) translateX(200%)
}
75% {
opacity:.5;
-webkit-transform:translateZ(-500px)
}
100% {
opacity:1;
-webkit-transform:translateZ(0) translateX(0)
}
}
@keyframes backSlideIn {
0%, 25% {
opacity:.5;
transform:translateZ(-500px) translateX(200%)
}
75% {
opacity:.5;
transform:translateZ(-500px)
}
100% {
opacity:1;
transform:translateZ(0) translateX(0)
}
}
@-webkit-keyframes scaleToFade {
to {
opacity:0;
-webkit-transform:scale(.8)
}
}
@keyframes scaleToFade {
to {
opacity:0;
transform:scale(.8)
}
}
@-webkit-keyframes goDown {
from {
-webkit-transform:translateY(-100%)
}
}
@keyframes goDown {
from {
transform:translateY(-100%)
}
}
@-webkit-keyframes scaleUpFrom {
from {
opacity:0;
-webkit-transform:scale(1.5)
}
}
@keyframes scaleUpFrom {
from {
opacity:0;
transform:scale(1.5)
}
}
@-webkit-keyframes scaleUpTo {
to {
opacity:0;
-webkit-transform:scale(1.5)
}
}
@keyframes scaleUpTo {
to {
opacity:0;
transform:scale(1.5)
}
}
.flex-container a:hover, .flex-slider a:hover {
    outline: 0
}
.flex-control-nav, .flex-direction-nav, .slides, .slides>li {
    margin: 0;
    padding: 0;
    list-style: none
}
.flex-pauseplay span {
    text-transform: capitalize
}
.flexslider {
    margin: 0;
    padding: 0
}
.flexslider .slides>li {
    display: none;
    -webkit-backface-visibility: hidden
}
.flexslider .slides img {
    width: 100%;
    display: block
}
.flexslider .slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}
html[xmlns] .flexslider .slides {
    display: block
}
* html .flexslider .slides {
    height: 1%
}
.no-js .flexslider .slides>li:first-child {
    display: block
}
.flexslider {
    position: relative;
    height: 70vh;
    margin: 0
}
.flexslider .slides {
    height: 100%!important;
    transition-delay: 1s
}
.flexslider .slides li {
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%!important;
    width: 100%;
    padding: 0;
    margin: 0;
    background-size: cover
}
.flex-nav-next, .flex-nav-prev {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 0;
    margin-top: -10px
}
.flex-nav-next {
    left: auto;
    right: 0
}
.flex-nav-next a, .flex-nav-prev a {
    display: block;
    font-size: 20px;
    color: #fff;
    padding: 0 20px
}
.flex-nav-prev a:hover {
    padding-left: 15px
}
.flex-nav-next a:hover {
    padding-right: 15px
}
.flex-control-nav {
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center;
    z-index: 10
}
.flex-control-nav>li {
    display: inline-block;
    position: relative;
    margin: 0 5px
}
.flex-control-nav>li>a {
    text-indent: -9999px;
    background: #fff;
    box-shadow: 0 0 0 3px transparent;
    border-radius: 50%;
    display: block;
    height: 10px;
    width: 10px;
    opacity: .5;
    zoom: 1;
    transform: scale(.8);
    transition: all .2s ease-in-out
}
.flex-control-nav>li>a.flex-active {
    background: 0 0;
    box-shadow: 0 0 0 3px #fff;
    transform: scale(.9);
    opacity: 1;
    zoom: 1
}
.m-0 {
    margin: 0!important
}
.m-t-0 {
    margin-top: 0!important
}
.m-t-5 {
    margin-top: 5px!important
}
.m-t-10 {
    margin-top: 10px!important
}
.m-t-15 {
    margin-top: 15px!important
}
.m-t-20 {
    margin-top: 20px!important
}
.m-t-25 {
    margin-top: 25px!important
}
.m-t-30 {
    margin-top: 30px!important
}
.m-t-35 {
    margin-top: 35px!important
}
.m-t-40 {
    margin-top: 40px!important
}
.m-t-45 {
    margin-top: 45px!important
}
.m-t-50 {
    margin-top: 50px!important
}
.m-t-55 {
    margin-top: 55px!important
}
.m-t-60 {
    margin-top: 60px!important
}
.m-t-65 {
    margin-top: 65px!important
}
.m-t-70 {
    margin-top: 70px!important
}
.m-t-75 {
    margin-top: 75px!important
}
.m-t-80 {
    margin-top: 80px!important
}
.m-t-85 {
    margin-top: 85px!important
}
.m-t-90 {
    margin-top: 90px!important
}
.m-t-95 {
    margin-top: 95px!important
}
.m-t-100 {
    margin-top: 100px!important
}
.m-t-105 {
    margin-top: 105px!important
}
.m-t-110 {
    margin-top: 110px!important
}
.m-t-115 {
    margin-top: 115px!important
}
.m-t-120 {
    margin-top: 120px!important
}
.m-t-125 {
    margin-top: 125px!important
}
.m-t-130 {
    margin-top: 130px!important
}
.m-t-135 {
    margin-top: 135px!important
}
.m-t-140 {
    margin-top: 140px!important
}
.m-b-0 {
    margin-bottom: 0!important
}
.m-b-5 {
    margin-bottom: 5px!important
}
.m-b-10 {
    margin-bottom: 10px!important
}
.m-b-15 {
    margin-bottom: 15px!important
}
.m-b-20 {
    margin-bottom: 20px!important
}
.m-b-25 {
    margin-bottom: 25px!important
}
.m-b-30 {
    margin-bottom: 30px!important
}
.m-b-35 {
    margin-bottom: 35px!important
}
.m-b-40 {
    margin-bottom: 40px!important
}
.m-b-45 {
    margin-bottom: 45px!important
}
.m-b-50 {
    margin-bottom: 50px!important
}
.m-b-55 {
    margin-bottom: 55px!important
}
.m-b-60 {
    margin-bottom: 60px!important
}
.m-b-65 {
    margin-bottom: 65px!important
}
.m-b-70 {
    margin-bottom: 70px!important
}
.m-b-75 {
    margin-bottom: 75px!important
}
.m-b-80 {
    margin-bottom: 80px!important
}
.m-b-85 {
    margin-bottom: 85px!important
}
.m-b-90 {
    margin-bottom: 90px!important
}
.m-b-95 {
    margin-bottom: 95px!important
}
.m-b-100 {
    margin-bottom: 100px!important
}
.m-b-105 {
    margin-bottom: 105px!important
}
.m-b-110 {
    margin-bottom: 110px!important
}
.m-b-115 {
    margin-bottom: 115px!important
}
.m-b-120 {
    margin-bottom: 120px!important
}
.m-b-125 {
    margin-bottom: 125px!important
}
.m-b-130 {
    margin-bottom: 130px!important
}
.m-b-135 {
    margin-bottom: 135px!important
}
.m-b-140 {
    margin-bottom: 140px!important
}
.p-0 {
    padding: 0!important
}
.p-t-0 {
    padding-top: 0!important
}
.p-t-5 {
    padding-top: 5px!important
}
.p-t-10 {
    padding-top: 10px!important
}
.p-t-15 {
    padding-top: 15px!important
}
.p-t-20 {
    padding-top: 20px!important
}
.p-t-25 {
    padding-top: 25px!important
}
.p-t-30 {
    padding-top: 30px!important
}
.p-t-35 {
    padding-top: 35px!important
}
.p-t-40 {
    padding-top: 40px!important
}
.p-t-45 {
    padding-top: 45px!important
}
.p-t-50 {
    padding-top: 50px!important
}
.p-t-55 {
    padding-top: 55px!important
}
.p-t-60 {
    padding-top: 60px!important
}
.p-t-65 {
    padding-top: 65px!important
}
.p-t-70 {
    padding-top: 70px!important
}
.p-t-75 {
    padding-top: 75px!important
}
.p-t-80 {
    padding-top: 80px!important
}
.p-t-85 {
    padding-top: 85px!important
}
.p-t-90 {
    padding-top: 90px!important
}
.p-t-95 {
    padding-top: 95px!important
}
.p-t-100 {
    padding-top: 100px!important
}
.p-t-105 {
    padding-top: 105px!important
}
.p-t-110 {
    padding-top: 110px!important
}
.p-t-115 {
    padding-top: 115px!important
}
.p-t-120 {
    padding-top: 120px!important
}
.p-t-125 {
    padding-top: 125px!important
}
.p-t-130 {
    padding-top: 130px!important
}
.p-t-135 {
    padding-top: 135px!important
}
.p-t-140 {
    padding-top: 140px!important
}
.p-b-0 {
    padding-bottom: 0!important
}
.p-b-5 {
    padding-bottom: 5px!important
}
.p-b-10 {
    padding-bottom: 10px!important
}
.p-b-15 {
    padding-bottom: 15px!important
}
.p-b-20 {
    padding-bottom: 20px!important
}
.p-b-25 {
    padding-bottom: 25px!important
}
.p-b-30 {
    padding-bottom: 30px!important
}
.p-b-35 {
    padding-bottom: 35px!important
}
.p-b-40 {
    padding-bottom: 40px!important
}
.p-b-45 {
    padding-bottom: 45px!important
}
.p-b-50 {
    padding-bottom: 50px!important
}
.p-b-55 {
    padding-bottom: 55px!important
}
.p-b-60 {
    padding-bottom: 60px!important
}
.p-b-65 {
    padding-bottom: 65px!important
}
.p-b-70 {
    padding-bottom: 70px!important
}
.p-b-75 {
    padding-bottom: 75px!important
}
.p-b-80 {
    padding-bottom: 80px!important
}
.p-b-85 {
    padding-bottom: 85px!important
}
.p-b-90 {
    padding-bottom: 90px!important
}
.p-b-95 {
    padding-bottom: 95px!important
}
.p-b-100 {
    padding-bottom: 100px!important
}
.p-b-105 {
    padding-bottom: 105px!important
}
.p-b-110 {
    padding-bottom: 110px!important
}
.p-b-115 {
    padding-bottom: 115px!important
}
.p-b-120 {
    padding-bottom: 120px!important
}
.p-b-125 {
    padding-bottom: 125px!important
}
.p-b-130 {
    padding-bottom: 130px!important
}
.p-b-135 {
    padding-bottom: 135px!important
}
.p-b-140 {
    padding-bottom: 140px!important
}

@media (max-width:991px) {
.m-0 {
    margin: 0!important
}
.m-t-sm-0 {
    margin-top: 0!important
}
.m-t-sm-5 {
    margin-top: 5px!important
}
.m-t-sm-10 {
    margin-top: 10px!important
}
.m-t-sm-15 {
    margin-top: 15px!important
}
.m-t-sm-20 {
    margin-top: 20px!important
}
.m-t-sm-25 {
    margin-top: 25px!important
}
.m-t-sm-30 {
    margin-top: 30px!important
}
.m-t-sm-35 {
    margin-top: 35px!important
}
.m-t-sm-40 {
    margin-top: 40px!important
}
.m-t-sm-45 {
    margin-top: 45px!important
}
.m-t-sm-50 {
    margin-top: 50px!important
}
.m-t-sm-55 {
    margin-top: 55px!important
}
.m-t-sm-60 {
    margin-top: 60px!important
}
.m-t-sm-65 {
    margin-top: 65px!important
}
.m-t-sm-70 {
    margin-top: 70px!important
}
.m-t-sm-75 {
    margin-top: 75px!important
}
.m-t-sm-80 {
    margin-top: 80px!important
}
.m-t-sm-85 {
    margin-top: 85px!important
}
.m-t-sm-90 {
    margin-top: 90px!important
}
.m-t-sm-95 {
    margin-top: 95px!important
}
.m-t-sm-100 {
    margin-top: 100px!important
}
.m-t-sm-105 {
    margin-top: 105px!important
}
.m-t-sm-110 {
    margin-top: 110px!important
}
.m-t-sm-115 {
    margin-top: 115px!important
}
.m-t-sm-120 {
    margin-top: 120px!important
}
.m-t-sm-125 {
    margin-top: 125px!important
}
.m-t-sm-130 {
    margin-top: 130px!important
}
.m-t-sm-135 {
    margin-top: 135px!important
}
.m-t-sm-140 {
    margin-top: 140px!important
}
.m-b-sm-0 {
    margin-bottom: 0!important
}
.m-b-sm-5 {
    margin-bottom: 5px!important
}
.m-b-sm-10 {
    margin-bottom: 10px!important
}
.m-b-sm-15 {
    margin-bottom: 15px!important
}
.m-b-sm-20 {
    margin-bottom: 20px!important
}
.m-b-sm-25 {
    margin-bottom: 25px!important
}
.m-b-sm-30 {
    margin-bottom: 30px!important
}
.m-b-sm-35 {
    margin-bottom: 35px!important
}
.m-b-sm-40 {
    margin-bottom: 40px!important
}
.m-b-sm-45 {
    margin-bottom: 45px!important
}
.m-b-sm-50 {
    margin-bottom: 50px!important
}
.m-b-sm-55 {
    margin-bottom: 55px!important
}
.m-b-sm-60 {
    margin-bottom: 60px!important
}
.m-b-sm-65 {
    margin-bottom: 65px!important
}
.m-b-sm-70 {
    margin-bottom: 70px!important
}
.m-b-sm-75 {
    margin-bottom: 75px!important
}
.m-b-sm-80 {
    margin-bottom: 80px!important
}
.m-b-sm-85 {
    margin-bottom: 85px!important
}
.m-b-sm-90 {
    margin-bottom: 90px!important
}
.m-b-sm-95 {
    margin-bottom: 95px!important
}
.m-b-sm-100 {
    margin-bottom: 100px!important
}
.m-b-sm-105 {
    margin-bottom: 105px!important
}
.m-b-sm-110 {
    margin-bottom: 110px!important
}
.m-b-sm-115 {
    margin-bottom: 115px!important
}
.m-b-sm-120 {
    margin-bottom: 120px!important
}
.m-b-sm-125 {
    margin-bottom: 125px!important
}
.m-b-sm-130 {
    margin-bottom: 130px!important
}
.m-b-sm-135 {
    margin-bottom: 135px!important
}
.m-b-sm-140 {
    margin-bottom: 140px!important
}
.p-0 {
    padding: 0!important
}
.p-t-sm-0 {
    padding-top: 0!important
}
.p-t-sm-5 {
    padding-top: 5px!important
}
.p-t-sm-10 {
    padding-top: 10px!important
}
.p-t-sm-15 {
    padding-top: 15px!important
}
.p-t-sm-20 {
    padding-top: 20px!important
}
.p-t-sm-25 {
    padding-top: 25px!important
}
.p-t-sm-30 {
    padding-top: 30px!important
}
.p-t-sm-35 {
    padding-top: 35px!important
}
.p-t-sm-40 {
    padding-top: 40px!important
}
.p-t-sm-45 {
    padding-top: 45px!important
}
.p-t-sm-50 {
    padding-top: 50px!important
}
.p-t-sm-55 {
    padding-top: 55px!important
}
.p-t-sm-60 {
    padding-top: 60px!important
}
.p-t-sm-65 {
    padding-top: 65px!important
}
.p-t-sm-70 {
    padding-top: 70px!important
}
.p-t-sm-75 {
    padding-top: 75px!important
}
.p-t-sm-80 {
    padding-top: 80px!important
}
.p-t-sm-85 {
    padding-top: 85px!important
}
.p-t-sm-90 {
    padding-top: 90px!important
}
.p-t-sm-95 {
    padding-top: 95px!important
}
.p-t-sm-100 {
    padding-top: 100px!important
}
.p-t-sm-105 {
    padding-top: 105px!important
}
.p-t-sm-110 {
    padding-top: 110px!important
}
.p-t-sm-115 {
    padding-top: 115px!important
}
.p-t-sm-120 {
    padding-top: 120px!important
}
.p-t-sm-125 {
    padding-top: 125px!important
}
.p-t-sm-130 {
    padding-top: 130px!important
}
.p-t-sm-135 {
    padding-top: 135px!important
}
.p-t-sm-140 {
    padding-top: 140px!important
}
.p-b-sm-0 {
    padding-bottom: 0!important
}
.p-b-sm-5 {
    padding-bottom: 5px!important
}
.p-b-sm-10 {
    padding-bottom: 10px!important
}
.p-b-sm-15 {
    padding-bottom: 15px!important
}
.p-b-sm-20 {
    padding-bottom: 20px!important
}
.p-b-sm-25 {
    padding-bottom: 25px!important
}
.p-b-sm-30 {
    padding-bottom: 30px!important
}
.p-b-sm-35 {
    padding-bottom: 35px!important
}
.p-b-sm-40 {
    padding-bottom: 40px!important
}
.p-b-sm-45 {
    padding-bottom: 45px!important
}
.p-b-sm-50 {
    padding-bottom: 50px!important
}
.p-b-sm-55 {
    padding-bottom: 55px!important
}
.p-b-sm-60 {
    padding-bottom: 60px!important
}
.p-b-sm-65 {
    padding-bottom: 65px!important
}
.p-b-sm-70 {
    padding-bottom: 70px!important
}
.p-b-sm-75 {
    padding-bottom: 75px!important
}
.p-b-sm-80 {
    padding-bottom: 80px!important
}
.p-b-sm-85 {
    padding-bottom: 85px!important
}
.p-b-sm-90 {
    padding-bottom: 90px!important
}
.p-b-sm-95 {
    padding-bottom: 95px!important
}
.p-b-sm-100 {
    padding-bottom: 100px!important
}
.p-b-sm-105 {
    padding-bottom: 105px!important
}
.p-b-sm-110 {
    padding-bottom: 110px!important
}
.p-b-sm-115 {
    padding-bottom: 115px!important
}
.p-b-sm-120 {
    padding-bottom: 120px!important
}
.p-b-sm-125 {
    padding-bottom: 125px!important
}
.p-b-sm-130 {
    padding-bottom: 130px!important
}
.p-b-sm-135 {
    padding-bottom: 135px!important
}
.p-b-sm-140 {
    padding-bottom: 140px!important
}
}

@media (max-width:767px) {
.m-0 {
    margin: 0!important
}
.m-t-xs-0 {
    margin-top: 0!important
}
.m-t-xs-5 {
    margin-top: 5px!important
}
.m-t-xs-10 {
    margin-top: 10px!important
}
.m-t-xs-15 {
    margin-top: 15px!important
}
.m-t-xs-20 {
    margin-top: 20px!important
}
.m-t-xs-25 {
    margin-top: 25px!important
}
.m-t-xs-30 {
    margin-top: 30px!important
}
.m-t-xs-35 {
    margin-top: 35px!important
}
.m-t-xs-40 {
    margin-top: 40px!important
}
.m-t-xs-45 {
    margin-top: 45px!important
}
.m-t-xs-50 {
    margin-top: 50px!important
}
.m-t-xs-55 {
    margin-top: 55px!important
}
.m-t-xs-60 {
    margin-top: 60px!important
}
.m-t-xs-65 {
    margin-top: 65px!important
}
.m-t-xs-70 {
    margin-top: 70px!important
}
.m-t-xs-75 {
    margin-top: 75px!important
}
.m-t-xs-80 {
    margin-top: 80px!important
}
.m-t-xs-85 {
    margin-top: 85px!important
}
.m-t-xs-90 {
    margin-top: 90px!important
}
.m-t-xs-95 {
    margin-top: 95px!important
}
.m-t-xs-100 {
    margin-top: 100px!important
}
.m-t-xs-105 {
    margin-top: 105px!important
}
.m-t-xs-110 {
    margin-top: 110px!important
}
.m-t-xs-115 {
    margin-top: 115px!important
}
.m-t-xs-120 {
    margin-top: 120px!important
}
.m-t-xs-125 {
    margin-top: 125px!important
}
.m-t-xs-130 {
    margin-top: 130px!important
}
.m-t-xs-135 {
    margin-top: 135px!important
}
.m-t-xs-140 {
    margin-top: 140px!important
}
.m-b-xs-0 {
    margin-bottom: 0!important
}
.m-b-xs-5 {
    margin-bottom: 5px!important
}
.m-b-xs-10 {
    margin-bottom: 10px!important
}
.m-b-xs-15 {
    margin-bottom: 15px!important
}
.m-b-xs-20 {
    margin-bottom: 20px!important
}
.m-b-xs-25 {
    margin-bottom: 25px!important
}
.m-b-xs-30 {
    margin-bottom: 30px!important
}
.m-b-xs-35 {
    margin-bottom: 35px!important
}
.m-b-xs-40 {
    margin-bottom: 40px!important
}
.m-b-xs-45 {
    margin-bottom: 45px!important
}
.m-b-xs-50 {
    margin-bottom: 50px!important
}
.m-b-xs-55 {
    margin-bottom: 55px!important
}
.m-b-xs-60 {
    margin-bottom: 60px!important
}
.m-b-xs-65 {
    margin-bottom: 65px!important
}
.m-b-xs-70 {
    margin-bottom: 70px!important
}
.m-b-xs-75 {
    margin-bottom: 75px!important
}
.m-b-xs-80 {
    margin-bottom: 80px!important
}
.m-b-xs-85 {
    margin-bottom: 85px!important
}
.m-b-xs-90 {
    margin-bottom: 90px!important
}
.m-b-xs-95 {
    margin-bottom: 95px!important
}
.m-b-xs-100 {
    margin-bottom: 100px!important
}
.m-b-xs-105 {
    margin-bottom: 105px!important
}
.m-b-xs-110 {
    margin-bottom: 110px!important
}
.m-b-xs-115 {
    margin-bottom: 115px!important
}
.m-b-xs-120 {
    margin-bottom: 120px!important
}
.m-b-xs-125 {
    margin-bottom: 125px!important
}
.m-b-xs-130 {
    margin-bottom: 130px!important
}
.m-b-xs-135 {
    margin-bottom: 135px!important
}
.m-b-xs-140 {
    margin-bottom: 140px!important
}
.p-0 {
    padding: 0!important
}
.p-t-xs-0 {
    padding-top: 0!important
}
.p-t-xs-5 {
    padding-top: 5px!important
}
.p-t-xs-10 {
    padding-top: 10px!important
}
.p-t-xs-15 {
    padding-top: 15px!important
}
.p-t-xs-20 {
    padding-top: 20px!important
}
.p-t-xs-25 {
    padding-top: 25px!important
}
.p-t-xs-30 {
    padding-top: 30px!important
}
.p-t-xs-35 {
    padding-top: 35px!important
}
.p-t-xs-40 {
    padding-top: 40px!important
}
.p-t-xs-45 {
    padding-top: 45px!important
}
.p-t-xs-50 {
    padding-top: 50px!important
}
.p-t-xs-55 {
    padding-top: 55px!important
}
.p-t-xs-60 {
    padding-top: 60px!important
}
.p-t-xs-65 {
    padding-top: 65px!important
}
.p-t-xs-70 {
    padding-top: 70px!important
}
.p-t-xs-75 {
    padding-top: 75px!important
}
.p-t-xs-80 {
    padding-top: 80px!important
}
.p-t-xs-85 {
    padding-top: 85px!important
}
.p-t-xs-90 {
    padding-top: 90px!important
}
.p-t-xs-95 {
    padding-top: 95px!important
}
.p-t-xs-100 {
    padding-top: 100px!important
}
.p-t-xs-105 {
    padding-top: 105px!important
}
.p-t-xs-110 {
    padding-top: 110px!important
}
.p-t-xs-115 {
    padding-top: 115px!important
}
.p-t-xs-120 {
    padding-top: 120px!important
}
.p-t-xs-125 {
    padding-top: 125px!important
}
.p-t-xs-130 {
    padding-top: 130px!important
}
.p-t-xs-135 {
    padding-top: 135px!important
}
.p-t-xs-140 {
    padding-top: 140px!important
}
.p-b-xs-0 {
    padding-bottom: 0!important
}
.p-b-xs-5 {
    padding-bottom: 5px!important
}
.p-b-xs-10 {
    padding-bottom: 10px!important
}
.p-b-xs-15 {
    padding-bottom: 15px!important
}
.p-b-xs-20 {
    padding-bottom: 20px!important
}
.p-b-xs-25 {
    padding-bottom: 25px!important
}
.p-b-xs-30 {
    padding-bottom: 30px!important
}
.p-b-xs-35 {
    padding-bottom: 35px!important
}
.p-b-xs-40 {
    padding-bottom: 40px!important
}
.p-b-xs-45 {
    padding-bottom: 45px!important
}
.p-b-xs-50 {
    padding-bottom: 50px!important
}
.p-b-xs-55 {
    padding-bottom: 55px!important
}
.p-b-xs-60 {
    padding-bottom: 60px!important
}
.p-b-xs-65 {
    padding-bottom: 65px!important
}
.p-b-xs-70 {
    padding-bottom: 70px!important
}
.p-b-xs-75 {
    padding-bottom: 75px!important
}
.p-b-xs-80 {
    padding-bottom: 80px!important
}
.p-b-xs-85 {
    padding-bottom: 85px!important
}
.p-b-xs-90 {
    padding-bottom: 90px!important
}
.p-b-xs-95 {
    padding-bottom: 95px!important
}
.p-b-xs-100 {
    padding-bottom: 100px!important
}
.p-b-xs-105 {
    padding-bottom: 105px!important
}
.p-b-xs-110 {
    padding-bottom: 110px!important
}
.p-b-xs-115 {
    padding-bottom: 115px!important
}
.p-b-xs-120 {
    padding-bottom: 120px!important
}
.p-b-xs-125 {
    padding-bottom: 125px!important
}
.p-b-xs-130 {
    padding-bottom: 130px!important
}
.p-b-xs-135 {
    padding-bottom: 135px!important
}
.p-b-xs-140 {
    padding-bottom: 140px!important
}
}/*! -----------------------------------------------------------------
[Master Stylesheet - Blue]

Project:     Neomax
Version:     1.0.4
Last change: 07.07.2016
Primary use: Multipurpose Template

------------------------------------------------------------------
@font-face { font-family: 'ARDELANEY'; src: url('../css/fonts/ARDELANEY.woff') format("woff"), url('../css/fonts/ARDELANEY.ttf') format("truetype"), url('../css/fonts/ARDELANEY.eot') format("embedded-opentype");}
}
[General Styles]
*/
@font-face {
    font-family: 'ARDELANEY';
    src: url('../css/fonts/ARDELANEY.woff') format("woff"), url('../css/fonts/ARDELANEY.ttf') format("truetype"), url('../css/fonts/ARDELANEY.eot') format("embedded-opentype");
}
body {
    background: #fff;
    font: 400 16px/1.8 Microsoft JhengHei, Roboto, sans-serif;
    color: #7b7b7b;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -ms-overflow-style: scrollbar;
    overflow-x: hidden
}
img {
    max-width: 100%;
    height: auto
}
iframe {
    border: 0
}
.disable-hover {
    pointer-events: none
}
::-moz-selection {
background:#3498db;
color:#fff!important
}
::-webkit-selection {
background:#3498db;
color:#fff!important
}
::selection {
    background: #3498db;
    color: #fff!important
}
.relative {
    position: relative
}
a {
    color: #3498db;
    transition: all .3s ease-out
}
a:focus, a:hover {
    outline: 0;
    text-decoration: none;
    color: #217dbb
}
.h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #222
}
.h1, .h2, .h3, .h4, .h5, .h6, blockquote, h1, h2, h3, h4, h5, h6, ol, p, ul {
    margin: 0 0 20px
}
.h3, .h4, .h5, .h6, h3, h4, h5, h6 {
    margin: 0 0 10px
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    line-height: 1.2;
    font-weight: 600;
    color: #222
}
.h1, h1 {
    font-size: 32px
}
.h2, h2 {
    font-size: 26px
}
.h3, h3 {
    font-size: 18px
}
.h4, h4 {
    font-size: 16px
}
.h5, h5 {
    font-size: 14px
}
.h6, h6 {
    font-size: 12px
}
.h1.text-uppercase, h1.text-uppercase {
    letter-spacing: 7px;
    margin-right: -7px
}
.h2.text-uppercase, h2.text-uppercase {
    letter-spacing: 5px;
    margin-right: -5px
}
.h3.text-uppercase, h3.text-uppercase {
    letter-spacing: 5px;
    margin-right: -5px
}
.h4.text-uppercase, h4.text-uppercase {
    letter-spacing: 3px;
    margin-right: -3px
}
.h5.text-uppercase, h5.text-uppercase {
    letter-spacing: 1px;
    margin-right: -1px
}
.h6.text-uppercase, h6.text-uppercase {
    letter-spacing: 1px;
    margin-right: -1px
}
.montserrat {
    font-family: Arial, Microsoft JhengHei;
    font-weight: 700
}
.lead {
    line-height: 1.8;
    font-weight: 400;
    font-size: 16px
}
.divider-line:after {
    display: block;
    background: #00a0e9;
    content: " ";
    margin: 20px auto 20px 0;
    opacity: .6;
    height: 3px;
    width: 70px
}
.text-center .divider-line:after {
    margin: 10px auto 0
}
.text-right .divider-line:after {
    margin: 10px 0 20px auto
}
blockquote {
    border: 0;
    background: #f8f8f8;
    font-style: italic;
    font-size: 16px;
    padding: 25px
}
hr {
    margin: 15px 0
}
.bottom-line {
    position: relative
}
.bottom-line:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    border-bottom: 2px solid #f5fbff
}
.bottom-line:after {
    content: "";
    display: block;
    width: 35px;
    border-bottom: 2px solid #3498db;
    margin: 20px auto 25px 0;
    z-index: 1;
    position: relative
}
.bottom-line.text-right:after {
    margin: 20px 0 25px auto
}
.bottom-line.text-center:after {
    margin: 20px auto 25px
}
.dash-list {
    list-style: none;
    padding: 0;
    margin: 0
}
.dash-list>li {
    margin: 0 0 5px
}
.dash-list>li:before {
    display: inline-block;
    content: "-";
    margin-right: 12px
}
.color-white {
    color: #fff!important
}
.color-white-dark {
    color: #f8f8f8!important
}
.color-white-darken {
    color: #f5f5f5!important
}
.color-gray {
    color: #777!important
}
.color-gray-light {
    color: #999!important
}
.color-gray-lighter {
    color: #eee!important
}
.color-black {
    color: #000!important
}
.color-black-light {
    color: #222!important
}
.color-black-lighter {
    color: #333!important
}
.color-brand {
    color: #3498db!important
}
.color-brand-hvr {
    color: #217dbb!important
}
.color-facebook {
    color: #3b5998!important
}
.color-twitter {
    color: #00aced!important
}
.color-google {
    color: #dd4b39!important
}
.color-linkedin {
    color: #007bb6!important
}
.color-youtube {
    color: #b00!important
}
.color-instagram {
    color: #517fa4!important
}
.color-pinterest {
    color: #cb2027!important
}
.color-flickr {
    color: #ff0084!important
}
.color-tumblr {
    color: #32506d!important
}
.color-forusquare {
    color: #0072b1!important
}
.color-dribbble {
    color: #ea4c89!important
}
.color-vine {
    color: #00bf8f!important
}
.color-skype {
    color: #17a3eb!important
}
.color-wordpress {
    color: #2592c3!important
}
.color-behance {
    color: #1879fd!important
}
.color-soundcloud {
    color: #ff7e30!important
}
.color-stumbleupon {
    color: #ff5c30!important
}
.color-deviantart {
    color: #6a8a7b!important
}
.color-yahoo {
    color: #ab47ac!important
}
.color-digg {
    color: #75788d!important
}
.color-github {
    color: #3f91cb!important
}
.color-lastfm {
    color: #f34320!important
}
.color-vk {
    color: #2b587a!important
}
[class*=color-] a:not(.btn) {
    color: inherit!important
}
[class*=color-] a:not(.btn):focus, [class*=color-] a:not(.btn):hover {
    opacity: .7
}
.text-xxxxs {
    font-size: 10px
}
.text-xxxs {
    font-size: 11px
}
.text-xxs {
    font-size: 12px
}
.text-xs {
    font-size: 15px
}
.text-xl {
    font-size: 40px
}
.text-xxl {
    font-size: 48px
}
.text-xxxl {
    font-size: 56px
}
.text-xxxxl {
    font-size: 64px
}
.text-xxxxxl {
    font-size: 72px
}
.text-super-xl {
    font-size: 110px
}

@media (max-width:1023px) {
.text-super-xl {
    font-size: 72px
}
}

@media (max-width:767px) {
.text-xl {
    font-size: 24px
}
.text-xxl {
    font-size: 32px
}
.text-xxxl {
    font-size: 36px
}
.text-xxxxl {
    font-size: 40px
}
.text-xxxxxl {
    font-size: 44px
}
.text-super-xl {
    font-size: 48px
}
}

@media (max-width:568px) {
.text-super-xl {
    font-size: 34px
}
}

@media (max-width:320px) {
.text-super-xl {
    font-size: 26px
}
}
.text-100 {
    font-weight: 100!important
}
.text-200 {
    font-weight: 200!important
}
.text-300 {
    font-weight: 300!important
}
.text-400 {
    font-weight: 400!important
}
.text-500 {
    font-weight: 500!important
}
.text-600 {
    font-weight: 600!important
}
.text-700 {
    font-weight: 700!important
}
.text-800 {
    font-weight: 800!important
}
.text-900 {
    font-weight: 900!important
}
.alert {
    border: 0;
    border-radius: 2px;
    padding: 20px
}
.alert-brand {
    background: #3498db;
    color: #196090
}
.alert-brand .alert-link {
    color: #16527a
}
.progress {
    background-color: #f5f5f5;
    border-radius: 4px;
    box-shadow: none;
    height: 4px;
    margin-bottom: 20px;
    overflow: visible
}
.progress-bar {
    position: relative;
    background-color: #3498db;
    border-radius: 28px;
    box-shadow: none;
    color: #333
}
.progress-title {
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: left;
    font-weight: 700;
    margin: 0 0 10px;
    padding: 0
}
.progress-bar>span {
    position: absolute;
    padding: 4px 0;
    display: block;
    top: -27px;
    right: 0;
    opacity: 0;
    line-height: 12px;
    font-size: 12px
}
.progress-bar.progress-bar-success {
    background-color: #5cb85c
}
.progress-bar.progress-bar-info {
    background-color: #5bc0de
}
.progress-bar.progress-bar-warning {
    background-color: #f0ad4e
}
.progress-bar.progress-bar-danger {
    background-color: #d9534f
}
.label {
    padding: .2em .6em .4em
}
.label-base {
    background: #3498db
}
.form-control {
    border: 2px solid #eee;
    border-radius: 2px;
    box-shadow: none;
    color: #999;
    height: 39px;
    font-size: 14px
}
.form-control:focus {
    border-color: #3498db;
    box-shadow: none
}
.form-control.form-transparent {
    background: 0 0;
    border: 2px solid #fff;
    color: #fff
}
.form-control.form-circle {
    border-radius: 30px
}
.form-group {
    margin-bottom: 20px
}
.input-lg {
    height: 47px;
    font-size: 14px
}
.input-sm {
    height: 38px;
    font-size: 13px
}
.search-form {
    position: relative
}
.search-form:after {
    position: absolute;
    top: 0;
    right: 10px;
    font-family: FontAwesome;
    line-height: 40px;
    content: '\f002';
    font-size: 14px;
    color: #777;
    opacity: .5;
    -webkit-font-smoothing: antialiased
}
input.form-control.form-transparent::-webkit-input-placeholder {
color:#fff!important
}
input.form-control.form-transparent::-moz-placeholder {
color:#fff!important
}
input.form-control.form-transparent:-moz-placeholder {
color:#fff!important
}
input.form-control.form-transparent :-ms-input-placeholder {
color:#fff!important
}
.search-form-inner input::-webkit-input-placeholder {
color:#fff!important
}
.search-form-inner input:focus::-webkit-input-placeholder {
color:#fff!important
}
.search-form-inner input::-moz-placeholder {
color:#fff!important
}
.search-form-inner input:focus::-moz-placeholder {
color:#fff!important
}
.search-form-inner input:-moz-placeholder {
color:#fff!important
}
.search-form-inner input:focus:-moz-placeholder {
color:#fff!important
}
.search-form-inner input:-ms-input-placeholder {
color:#fff!important
}
.search-form-inner input:focus:-ms-input-placeholder {
color:#fff!important
}
table th {
    font-weight: 600;
    color: #222
}
.table>thead>tr>th {
    border-bottom: 1px solid #eee
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-top: 1px solid #eee;
    padding: 10px
}
.table-bordered {
    border: 1px solid #eee
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border-color: #eee
}

@media screen and (max-width:767px) {
.table-responsive {
    border: 0;
    margin-bottom: 0
}
}
.btn {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    font-size: 11px;
    border-width: 2px;
    border-radius: 0;
    padding: 10px 24px;
    transition: all .3s ease-out
}
.btn.btn-round {
    border-radius: 2px
}
.btn.btn-circle {
    border-radius: 30px
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 0
}
.btn-lg {
    padding: 13px 31px;
    font-size: 13px
}
.btn-sm {
    padding: 9px 19px 9px;
    font-size: 11px
}
.btn-xs {
    padding: 8px 18px 8px;
    font-size: 10px
}
.btn.navbar-btn {
    font-weight: 700!important;
    font-size: 10px;
    padding: 6px 20px!important;
    margin: 24px 15px
}
.header-small .btn.navbar-btn {
    margin: 17px 15px
}
.btn.btn-base {
    background-color: #3498db;
    border-color: #3498db;
    color: #fff
}
.btn.btn-base:focus, .btn.btn-base:hover {
    background-color: #258cd1;
    border-color: #258cd1;
    color: #fff
}
.btn.btn-base.btn-outline {
    background: 0 0;
    border-color: #3498db;
    color: #3498db
}
.btn.btn-base.btn-outline:focus, .btn.btn-base.btn-outline:hover {
    background: #3498db;
    color: #fff
}
.btn.btn-base.btn-link {
    background: 0 0;
    border: 0;
    padding: 0;
    color: #3498db
}
.btn.btn-base.btn-link:focus, .btn.btn-base.btn-link:hover {
    background-color: transparent;
    text-decoration: none;
    color: #258cd1
}
.btn.btn-base.btn-fade {
    background: 0 0;
    border-color: rgba(52,152,219,.5);
    color: rgba(52,152,219,.5)
}
.btn.btn-base.btn-fade:focus, .btn.btn-base.btn-fade:hover {
    background: 0 0;
    border-color: #3498db;
    color: #3498db
}
.btn.btn-gray {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    color: #333
}
.btn.btn-gray:focus, .btn.btn-gray:hover {
    background-color: #e8e8e8;
    border-color: #e8e8e8;
    color: #333
}
.btn.btn-gray.btn-outline {
    background: 0 0;
    border-color: #f5f5f5;
    color: #f5f5f5
}
.btn.btn-gray.btn-outline:focus, .btn.btn-gray.btn-outline:hover {
    background: #f5f5f5;
    color: #333
}
.btn.btn-gray.btn-link {
    background: 0 0;
    border: 0;
    padding: 0;
    color: #f5f5f5
}
.btn.btn-gray.btn-link:focus, .btn.btn-gray.btn-link:hover {
    background-color: transparent;
    text-decoration: none;
    color: #e8e8e8
}
.btn.btn-gray.btn-fade {
    background: 0 0;
    border-color: rgba(245,245,245,.5);
    color: rgba(245,245,245,.5)
}
.btn.btn-gray.btn-fade:focus, .btn.btn-gray.btn-fade:hover {
    background: 0 0;
    border-color: #f5f5f5;
    color: #f5f5f5
}
.btn.btn-dark {
    background-color: #333;
    border-color: #333;
    color: #fff
}
.btn.btn-dark:focus, .btn.btn-dark:hover {
    background-color: #262626;
    border-color: #262626;
    color: #fff
}
.btn.btn-dark.btn-outline {
    background: 0 0;
    border-color: #333;
    color: #333
}
.btn.btn-dark.btn-outline:focus, .btn.btn-dark.btn-outline:hover {
    background: #333;
    color: #fff
}
.btn.btn-dark.btn-link {
    background: 0 0;
    border: 0;
    padding: 0;
    color: #333
}
.btn.btn-dark.btn-link:focus, .btn.btn-dark.btn-link:hover {
    background-color: transparent;
    text-decoration: none;
    color: #262626
}
.btn.btn-dark.btn-fade {
    background: 0 0;
    border-color: rgba(51,51,51,.5);
    color: rgba(51,51,51,.5)
}
.btn.btn-dark.btn-fade:focus, .btn.btn-dark.btn-fade:hover {
    background: 0 0;
    border-color: #333;
    color: #333
}
.btn.btn-white {
    background-color: #fff;
    border-color: #fff;
    color: #333
}
.btn.btn-white:focus, .btn.btn-white:hover {
    background-color: #f2f2f2;
    border-color: #f2f2f2;
    color: #333
}
.btn.btn-white.btn-outline {
    background: 0 0;
    border-color: #fff;
    color: #fff
}
.btn.btn-white.btn-outline:focus, .btn.btn-white.btn-outline:hover {
    background: #fff;
    color: #333
}
.btn.btn-white.btn-link {
    background: 0 0;
    border: 0;
    padding: 0;
    color: #fff
}
.btn.btn-white.btn-link:focus, .btn.btn-white.btn-link:hover {
    background-color: transparent;
    text-decoration: none;
    color: #f2f2f2
}
.btn.btn-white.btn-fade {
    background: 0 0;
    border-color: rgba(255,255,255,.5);
    color: rgba(255,255,255,.5)
}
.btn.btn-white.btn-fade:focus, .btn.btn-white.btn-fade:hover {
    background: 0 0;
    border-color: #fff;
    color: #fff
}
.btn.btn-primary {
    background-color: #2196f3;
    border-color: #2196f3;
    color: #fff
}
.btn.btn-primary:focus, .btn.btn-primary:hover {
    background-color: #2d6da3;
    border-color: #2d6da3;
    color: #fff
}
.btn.btn-primary.btn-outline {
    background: 0 0;
    border-color: #337ab7;
    color: #337ab7
}
.btn.btn-primary.btn-outline:focus, .btn.btn-primary.btn-outline:hover {
    background: #337ab7;
    color: #fff
}
.btn.btn-primary.btn-link {
    background: 0 0;
    border: 0;
    padding: 0;
    color: #337ab7
}
.btn.btn-primary.btn-link:focus, .btn.btn-primary.btn-link:hover {
    background-color: transparent;
    text-decoration: none;
    color: #2d6da3
}
.btn.btn-primary.btn-fade {
    background: 0 0;
    border-color: rgba(51,122,183,.5);
    color: rgba(51,122,183,.5)
}
.btn.btn-primary.btn-fade:focus, .btn.btn-primary.btn-fade:hover {
    background: 0 0;
    border-color: #337ab7;
    color: #337ab7
}
.btn.btn-success {
    background-color: #5cb85c;
    border-color: #5cb85c;
    color: #fff
}
.btn.btn-success:focus, .btn.btn-success:hover {
    background-color: #4cae4c;
    border-color: #4cae4c;
    color: #fff
}
.btn.btn-success.btn-outline {
    background: 0 0;
    border-color: #5cb85c;
    color: #5cb85c
}
.btn.btn-success.btn-outline:focus, .btn.btn-success.btn-outline:hover {
    background: #5cb85c;
    color: #fff
}
.btn.btn-success.btn-link {
    background: 0 0;
    border: 0;
    padding: 0;
    color: #5cb85c
}
.btn.btn-success.btn-link:focus, .btn.btn-success.btn-link:hover {
    background-color: transparent;
    text-decoration: none;
    color: #4cae4c
}
.btn.btn-success.btn-fade {
    background: 0 0;
    border-color: rgba(92,184,92,.5);
    color: rgba(92,184,92,.5)
}
.btn.btn-success.btn-fade:focus, .btn.btn-success.btn-fade:hover {
    background: 0 0;
    border-color: #5cb85c;
    color: #5cb85c
}
.btn.btn-info {
    background-color: #5bc0de;
    border-color: #5bc0de;
    color: #fff
}
.btn.btn-info:focus, .btn.btn-info:hover {
    background-color: #46b8da;
    border-color: #46b8da;
    color: #fff
}
.btn.btn-info.btn-outline {
    background: 0 0;
    border-color: #5bc0de;
    color: #5bc0de
}
.btn.btn-info.btn-outline:focus, .btn.btn-info.btn-outline:hover {
    background: #5bc0de;
    color: #fff
}
.btn.btn-info.btn-link {
    background: 0 0;
    border: 0;
    padding: 0;
    color: #5bc0de
}
.btn.btn-info.btn-link:focus, .btn.btn-info.btn-link:hover {
    background-color: transparent;
    text-decoration: none;
    color: #46b8da
}
.btn.btn-info.btn-fade {
    background: 0 0;
    border-color: rgba(91,192,222,.5);
    color: rgba(91,192,222,.5)
}
.btn.btn-info.btn-fade:focus, .btn.btn-info.btn-fade:hover {
    background: 0 0;
    border-color: #5bc0de;
    color: #5bc0de
}
.btn.btn-warning {
    background-color: #f0ad4e;
    border-color: #f0ad4e;
    color: #fff
}
.btn.btn-warning:focus, .btn.btn-warning:hover {
    background-color: #eea236;
    border-color: #eea236;
    color: #fff
}
.btn.btn-warning.btn-outline {
    background: 0 0;
    border-color: #f0ad4e;
    color: #f0ad4e
}
.btn.btn-warning.btn-outline:focus, .btn.btn-warning.btn-outline:hover {
    background: #f0ad4e;
    color: #fff
}
.btn.btn-warning.btn-link {
    background: 0 0;
    border: 0;
    padding: 0;
    color: #f0ad4e
}
.btn.btn-warning.btn-link:focus, .btn.btn-warning.btn-link:hover {
    background-color: transparent;
    text-decoration: none;
    color: #eea236
}
.btn.btn-warning.btn-fade {
    background: 0 0;
    border-color: rgba(240,173,78,.5);
    color: rgba(240,173,78,.5)
}
.btn.btn-warning.btn-fade:focus, .btn.btn-warning.btn-fade:hover {
    background: 0 0;
    border-color: #f0ad4e;
    color: #f0ad4e
}
.btn.btn-danger {
    background-color: #d9534f;
    border-color: #d9534f;
    color: #fff
}
.btn.btn-danger:focus, .btn.btn-danger:hover {
    background-color: #d43f3a;
    border-color: #d43f3a;
    color: #fff
}
.btn.btn-danger.btn-outline {
    background: 0 0;
    border-color: #d9534f;
    color: #d9534f
}
.btn.btn-danger.btn-outline:focus, .btn.btn-danger.btn-outline:hover {
    background: #d9534f;
    color: #fff
}
.btn.btn-danger.btn-link {
    background: 0 0;
    border: 0;
    padding: 0;
    color: #d9534f
}
.btn.btn-danger.btn-link:focus, .btn.btn-danger.btn-link:hover {
    background-color: transparent;
    text-decoration: none;
    color: #d43f3a
}
.btn.btn-danger.btn-fade {
    background: 0 0;
    border-color: rgba(217,83,79,.5);
    color: rgba(217,83,79,.5)
}
.btn.btn-danger.btn-fade:focus, .btn.btn-danger.btn-fade:hover {
    background: 0 0;
    border-color: #d9534f;
    color: #d9534f
}
.btn-list .btn {
    margin-top: 5px;
    margin-bottom: 5px
}
.play-btn {
    border: 2px solid #000;
    background-color: transparent;
    border-radius: 50%;
    color: #000;
    width: 75px;
    font-size: 18px;
    height: 75px;
    line-height: 72px;
    padding: 0 0 0 5px;
    margin: 0 20px;
    display: inline-block;
    text-align: center;
    position: relative;
    -webkit-animation: pulse 1.2s infinite cubic-bezier(.8, 0, 0, 1);
    animation: pulse 1.2s infinite cubic-bezier(.8, 0, 0, 1);
    box-shadow: 0 0 0 0 rgba(194,244,246,.7)
}
.play-btn.white {
    border-color: #fff;
    color: #fff
}
@-webkit-keyframes pulse {
to {
box-shadow:0 0 0 45px rgba(194,244,246,0)
}
}
@keyframes pulse {
to {
box-shadow:0 0 0 45px rgba(194,244,246,0)
}
}
.breadcrumb {
    background: 0 0;
    padding: 0;
    margin: 0
}
.breadcrumb a {
    color: #000
}
.breadcrumb a:focus, .breadcrumb a:hover {
    color: #3498db
}
.breadcrumb>li+li:before {
    color: #fff;
    padding: 0 8px
}
.breadcrumb>.active {
    color: #fff;
    opacity: .9
}
.box-icon, .box-icon-left, .box-icon-right {
    padding: 35px 0
}
.box-icon .icon-box-icon, .box-icon-left .icon-box-icon, .box-icon-right .icon-box-icon {
    font-size: 40px;
    color: #3498db;
    margin: 0 0 10px
}
.box-icon p:last-child, .box-icon-left p:last-child, .box-icon-right p:last-child {
    margin: 0
}
.box-icon-left {
    position: relative;
    padding: 35px 0 35px 50px
}
.box-icon-left .icon-box-icon {
    position: absolute;
    height: 44px;
    width: 30px;
    left: 0;
    top: 35px;
    text-align: center;
    line-height: 40px;
    font-size: 26px
}
.box-icon-right {
    position: relative;
    padding: 35px 50px 35px 0;
    text-align: right
}
.box-icon-right .icon-box-icon {
    position: absolute;
    height: 44px;
    width: 30px;
    right: 0;
    top: 35px;
    text-align: center;
    line-height: 40px;
    font-size: 26px
}

@media (max-width:767px) {
.box-icon-left, .box-icon-right {
    padding: 35px 0 35px 50px;
    text-align: left
}
.box-icon-left .icon-box-icon, .box-icon-right .icon-box-icon {
    left: 0;
    top: 35px
}
}
.icon-preview {
    border: 1px solid #f5f5f5;
    display: block;
    width: 25%;
    float: left;
    padding: 10px;
    font-size: 13px;
    margin: -1px 0 0 -1px
}
.icon-preview .icons {
    margin-right: 5px
}
.fa-icons>div {
    border: 1px solid #f5f5f5;
    margin: -1px 0 0 -1px;
    padding: 0;
    font-size: 13px
}
.fa-icons>div>i {
    border-right: 1px solid #f5f5f5;
    display: inline-block;
    margin-right: 5px;
    min-width: 40px;
    min-height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px
}
.screenshots .screenshot {
    background: #f8f8f8;
    border-radius: 2px;
    padding: 10px;
    margin: 0 0 30px
}
.screenshots .screenshot img {
    border-radius: 2px;
    width: 100%
}
.flex span {
    font-family: "ARDELANEY"!important;
    font-size: 50px;
}
.work-wrapper, .work-overlay {
    border: 2px #34394a solid;
}/*! ------------------------------------------------------------------
[Off Canvas Cart]
*/
body:after {
    background: rgba(0,0,0,.7);
    position: fixed;
    height: 1px;
    width: 1px;
    bottom: 0;
    right: 0;
    left: 0;
    top: -1px;
    z-index: 1035;
    content: " ";
    visibility: hidden;
    opacity: 0;
    transition: opacity .2s cubic-bezier(.785, .135, .15, .86);
    cursor: pointer
}
body.off-canvas-cart-open:after {
    visibility: visible;
    height: 100%;
    width: 100%;
    opacity: 1;
    top: 0
}
.off-canvas-cart-open .off-canvas-cart {
    transform: translateX(-425px)
}
.off-canvas-cart {
    background: #fff;
    position: fixed;
    right: -425px;
    top: 0;
    height: 100%;
    width: 425px;
    z-index: 1040;
    transition: transform .25s cubic-bezier(.785, .135, .15, .86)
}
.off-canvas-cart-header {
    text-align: right;
    padding: 22px 50px
}
.off-canvas-cart-header>a {
    font-size: 21px
}
.off-canvas-cart-wrapper {
    width: auto;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll
}
.off-canvas-cart-content-wrap {
    padding: 0 50px 265px
}
.off-canvas-cart-item {
    display: table;
    border-bottom: 1px solid #f5f5f5;
    padding: 20px 0;
    vertical-align: auto
}
.off-canvas-cart-item:first-child {
    border-top: 1px solid #f5f5f5
}
.off-canvas-cart-item:last-child {
    border: 0
}
.off-canvas-cart-item-thumbnail, .off-canvas-cart-item-title, .off-canvas-cart-item-trash {
    display: table-cell;
    vertical-align: middle
}
.off-canvas-cart-item-trash {
    width: 12%
}
.off-canvas-cart-item-thumbnail {
    width: 22%
}
.off-canvas-cart-item-thumbnail img {
    width: 100%
}
.off-canvas-cart-item-title {
    padding: 0 0 0 20px;
    width: 66%
}
.off-canvas-cart-footer {
    background: #fff;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0
}
.off-canvas-cart-info {
    background: #f8f8f8;
    padding: 20px 50px
}
.off-canvas-cart-control {
    padding: 50px
}
.off-canvas-cart-control .btn:not(:last-child) {
    margin-bottom: 15px
}

@media (max-width:736px) {
.off-canvas-cart-content-wrap {
    padding-bottom: 20px
}
.off-canvas-cart-footer {
    position: static
}
}

@media (max-width:425px) {
.off-canvas-cart {
    right: -100%;
    width: 100%
}
.off-canvas-cart-open .off-canvas-cart {
    transform: translateX(-100%)
}
.off-canvas-cart-content-wrap, .off-canvas-cart-control, .off-canvas-cart-header {
    padding-right: 20px;
    padding-left: 20px
}
}/*!------------------------------------------------------------------
[Preloader]
*/
.page-loader {
    background: #fff;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 9998
}
.loader {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    text-indent: -9999em;
    background-color: transparent;
    border: 5px solid #eee;
    border-radius: 50%
}
.loader:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    padding: 2px;
    border-width: 2px;
    border-style: solid;
    border-color: #3498db transparent transparent transparent;
    border-radius: 50%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    animation: ringrotate .8s infinite cubic-bezier(.5, .49, .49, .49);
    -webkit-animation: ringrotate .8s infinite cubic-bezier(.5, .49, .49, .49)
}
@keyframes ringrotate {
0% {
transform:rotateZ(0)
}
100% {
transform:rotateZ(360deg)
}
}
@-webkit-keyframes ringrotate {
0% {
transform:rotateZ(0)
}
100% {
transform:rotateZ(360deg)
}
}
.dropdown-menu {
    background-color: #222;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    min-width: 180px;
    font-size: 12px;
    padding: 10px 0;
    z-index: 1031
}
.dropdown-menu .divider {
    background: #363636;
    margin: 10px 0
}
.dropdown-menu li>a {
    background: 0 0!important;
    padding: 10px 24px 10px 20px;
    color: rgba(255,255,255,.5)
}
.dropdown-menu li>a:focus, .dropdown-menu li>a:hover {
    color: #fff
}
.dropdown-menu .open>a, .dropdown-menu .open>a:focus, .dropdown-menu .open>a:hover {
    color: #fff
}
.counter {
    padding: 20px 0
}
.counter-title {
    font-size: 40px
}
.counter-content {
    margin: 0
}
.team-item {
    text-align: center
}
.team-photo {
    position: relative;
    overflow: hidden
}
.team-photo>img {
    width: 100%
}
.team-photo:after {
    background: 0 0;
    position: absolute;
    display: block;
    content: " ";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    transition: all .3s ease-in-out 0s
}
.team-social {
    position: absolute;
    padding: 20px;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 2;
    transition: all .3s ease-in-out 0s
}
.team-social>div {
    display: table;
    height: 100%;
    width: 100%
}
.team-social>div>div {
    vertical-align: middle;
    display: table-cell
}
.team-social a {
    display: inline-block;
    padding: 0 15px;
    font-size: 24px;
    color: #fff;
    transition: all .3s ease-in-out 0s
}
.team-social a:hover {
    opacity: .7
}
.team-inner {
    margin: 25px 0
}
.team-name {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    margin: 0
}
.team-role {
    font-size: 13px
}
.team-item:hover .team-photo:after {
    background: rgba(52,152,219,.9)
}
.team-item:hover .team-social {
    opacity: 1
}
.team-item.team-item-dark:hover .team-photo:after {
    background: rgba(51,51,51,.9)
}
.team-item.team-item-white:hover .team-photo:after {
    background: rgba(255,255,255,.9)
}
.team-item-white .team-social a {
    color: #333
}
.nav-tabs {
    border-bottom: 0 solid #eee
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    border: 0 solid #eee;
    border-bottom-color: transparent;
    color: #777
}
.nav-tabs+.tab-content {
    border: 0 solid #eee;
    border-top: 0;
    padding: 20px 15px
}
.nav-tabs+.tab-content :last-child {
    margin-bottom: 0
}
.nav-text-tabs {
    list-style: none;
    padding: 0;
    margin: 0
}
.nav-text-tabs>li {
    display: inline-block
}
.nav-text-tabs>li>a {
    position: relative;
    display: block;
    padding: 8px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    font-size: 16px;
    color: #777
}
.nav-text-tabs>li>a:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 10px;
    opacity: 0;
    transition: all .3s ease;
    bottom: -2px;
    left: 0
}
.nav-text-tabs>li.active>a {
    color: #3498db
}
.nav-text-tabs>li.active>a:after {
    opacity: 1
}
.nav-text-tabs+.tab-content {
    padding: 20px 0 0 0
}

@media (max-width:527px) {
.nav-text-tabs>li {
    border-top: 0 solid #eee;
    text-align: center;
    display: block
}
.nav-text-tabs>li>a:after {
    content: none
}
}
.panel-heading a {
    position: relative;
    display: block
}
.panel-title {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    font-size: 12px
}
.panel-default>.panel-heading {
    border: 0;
    background: 0 0;
    border-radius: 0;
    border-top: 1px solid #eee;
    padding: 20px 15px
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #eee
}
.panel-heading a:after {
    position: absolute;
    content: "\f107";
    top: 50%;
    right: 0;
    margin-top: -5px;
    font-family: FontAwesome;
    font-size: 11px;
    line-height: 1
}
.panel-heading a.collapsed:after {
    content: "\f105"
}
.panel-group .panel+.panel {
    margin-top: 0
}
.panel-group .panel {
    border: 0;
    border-radius: 0;
    box-shadow: none
}
.panel-group .panel:last-child {
    border-bottom: 1px solid #eee
}
.testimonial-image {
    text-align: center
}
.testimonial-image img {
    border-radius: 100%;
    margin-right: 15px;
    max-width: 75px
}
.testimonial-image .cd-author-info, .testimonial-image img {
    display: inline-block;
    vertical-align: middle
}
.testimonial-image .cd-author-info {
    text-align: left
}
.testimonial {
    text-align: center;
    border: 0;
    padding: 0;
    margin: 35px 0 0;
    font-size: 16px
}
.slider-testimonial.owl-theme .owl-controls .owl-buttons div {
    background: 0 0;
    padding: 0;
    margin: 0;
    opacity: 1;
    font-size: 20px
}
.slider-testimonial.owl-theme .owl-controls .owl-buttons div.owl-prev {
    position: absolute;
    left: 0;
    top: 50%;
    margin: -10px 0 0;
    transition: all .3s ease-out
}
.slider-testimonial.owl-theme .owl-controls .owl-buttons div.owl-next {
    position: absolute;
    right: 0;
    top: 50%;
    margin: -10px 0 0;
    transition: all .3s ease-out
}
.slider-testimonial.owl-theme .owl-controls .owl-buttons div.owl-next:hover, .slider-testimonial.owl-theme .owl-controls .owl-buttons div.owl-prev:hover {
    opacity: .7
}
.slider-testimonial .owl-item {
    padding: 0 100px
}
.slider-testimonial .owl-pagination {
    margin: 30px 0 0
}
.slider-testimonial .owl-page span {
    background: #fff;
    box-shadow: 0 0 0 3px transparent;
    border-radius: 50%;
    display: block;
    height: 10px;
    width: 10px;
    opacity: .5;
    zoom: 1;
    transform: scale(.8);
    transition: all .2s ease-in-out
}
.slider-testimonial .owl-page.active span {
    background: 0 0;
    box-shadow: 0 0 0 3px #fff;
    transform: scale(.9);
    opacity: 1;
    zoom: 1
}
.owl-controls-brand .owl-page span {
    background: #3498db
}
.owl-controls-brand .owl-page.active span {
    background: 0 0;
    box-shadow: 0 0 0 3px #3498db
}

@media (max-width:767px) {
.testimonial-image .cd-author-info, .testimonial-image img {
    display: block;
    margin: 0 auto 15px;
    text-align: center
}
}
.pagination {
    display: block
}
.pagination>li {
    display: inline-block
}
.pagination>li>a, .pagination>li>span {
    display: block;
    border: 0 solid transparent;
    border-radius: 3px;
    padding: 8px 15px;
    float: none;
    color: #777
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    background: #3498db;
    border-color: #3498db;
    color: #fff
}
.pagination>.active>a, .pagination>.active>span {
    background: #3498db;
    border-color: #3498db;
    color: #fff
}
.pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background: #3498db;
    border-color: #3498db;
    color: #fff
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
    border-radius: 3px
}
.pager li>a, .pager li>span {
    border: 2px solid #eee;
    border-radius: 3px;
    padding: 8px 15px;
    float: none;
    line-height: 1.42857143;
    color: #777
}
.pager li>a:focus, .pager li>a:hover, .pager li>span:focus, .pager li>span:hover {
    background: #3498db;
    border-color: #3498db;
    color: #fff
}
.feature {
    margin: 35px 0
}
.feature img {
    width: 100%;
    margin: 0 0 25px
}
.feature.feature-circle {
    text-align: center
}
.feature.feature-circle img {
    width: auto;
    border-radius: 50%
}
.feature .box-shadow {
    box-shadow: 0 6px 32px -15px #000;
    transition: all .3s ease-out
}
.feature .box-shadow:hover {
    opacity: .5
}
.demo-img {
    padding: 0 20px
}
.maps-container {
    height: 350px
}
#map {
    height: 100%!important;
    width: 100%
}
.client {
    text-align: center;
    opacity: .7;
    transition: all .3s cubic-bezier(.3, .1, .58, 1)
}
.client:focus, .client:hover {
    opacity: 1
}
.clients-carousel {
    text-align: center
}
.clients-carousel .owl-item a {
    transition: all .3s cubic-bezier(.3, .1, .58, 1);
    opacity: .7
}
.clients-carousel .owl-item a:focus, .clients-carousel .owl-item a:hover {
    opacity: 1
}
.clients-bordered .client {
    padding: 70px 10px
}
.clients-bordered .client:not(:last-child) {
    border-right: 1px solid #eee
}

@media (max-width:991px) {
.clients-bordered .client:nth-child(3n) {
    border: 0
}
}

@media (max-width:767px) {
.clients-bordered .client:nth-child(3n) {
    border-right: 1px solid #eee
}
.clients-bordered .client:nth-child(2n) {
    border: 0
}
}
.pie-chart {
    position: relative;
    text-align: center;
    padding: 40px 0
}
.pie-chart .chart {
    position: relative;
    display: block;
    height: 180px;
    width: 180px;
    margin: 0 auto 25px
}
.pie-chart .chart>canvas {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%!important;
    width: 100%!important
}
.pie-chart .chart-text {
    vertical-align: middle;
    line-height: 180px;
    font-size: 22px;
    color: #222
}
.pie-chart .chart-text .fa, .pie-chart .chart-text [class*=ti-] {
    line-height: 180px
}
.pie-chart .chart-title h5 {
    margin: 0 0 15px
}
.pie-chart .chart-title>:last-child {
    margin-bottom: 0
}
.pricing-table {
    background: #fff;
    box-shadow: 0 0 1px 1px #eee;
    position: relative;
    text-align: center
}
.pricing-action, .pricing-title {
    padding: 25px 0
}
.pricing-title h6 {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    margin: 0
}
.pricing-price {
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
    padding: 20px 0
}
.pricing-price .price-unit {
    text-transform: uppercase;
    font-size: 54px;
    color: #222
}
.price-unit>span {
    vertical-align: top;
    letter-spacing: 2px;
    line-height: 3.5;
    font-size: 22px
}
.pricing-features ul {
    list-style: none;
    padding: 0 0;
    margin: 0
}
.pricing-features ul li {
    border-bottom: 1px solid #f5f5f5;
    padding: 8px 0
}
.pricing-features ul li:nth-child(odd) {
    background: #f8f8f8
}
.pricing-table {
    margin: 10px 0 0
}
.pricing-table.best-value {
    z-index: 1;
    margin: 0 0 0
}
.pricing-table.best-value .pricing-action, .pricing-table.best-value .pricing-title {
    padding: 30px 0
}

@media (max-width:767px) {
.pricing-table.best-value {
    margin: 10px 0 0
}
}
.owl-next, .owl-prev {
    position: absolute;
    top: 50%;
    margin: -23px 0 0 0;
    font-size: 18px;
    color: #222;
    background: #fff;
    height: 46px;
    width: 46px;
    line-height: 46px;
    text-align: center;
    border-radius: 3px;
    opacity: 0;
    transition: all .3s cubic-bezier(.3, .1, .58, 1)
}
.owl-prev {
    left: 23px
}
.owl-next {
    right: 23px
}
.owl-carousel:hover .owl-next, .owl-carousel:hover .owl-prev {
    opacity: .6
}
.owl-pagination+.owl-buttons .owl-next, .owl-pagination+.owl-buttons .owl-prev {
    margin-top: -35.5px
}
.owl-pagination {
    text-align: center;
    margin: 10px 0 0
}
.owl-page {
    display: inline-block;
    position: relative;
    margin: 0 5px
}
.owl-page span {
    background: #3498db
}
.owl-page.active span {
    background: 0 0;
    box-shadow: 0 0 0 3px #3498db
}
.carousel-controls-white .owl-next, .carousel-controls-white .owl-prev {
    color: #fff
}
.carousel-pagination-white .owl-page span {
    background: #fff
}
.carousel-pagination-white .owl-page.active span {
    background: 0 0;
    box-shadow: 0 0 0 3px #fff
}
.image-slider, .image-slider .owl-item {
    padding: 0;
    margin: 0
}
.image-slider .owl-pagination {
    position: absolute;
    bottom: 10px;
    width: 100%
}
.image-slider .owl-page span {
    background: #fff
}
.image-slider .owl-page.active span {
    background: 0 0;
    box-shadow: 0 0 0 3px #fff
}
.image-slider .owl-buttons .owl-next, .image-slider .owl-buttons .owl-prev {
    margin-top: -23px
}
.images-carousel {
    width: auto;
    margin: 0 -5px
}
.images-carousel .owl-item {
    padding: 0 5px
}
.box-carousel {
    width: auto;
    margin: 0 -15px
}
.box-carousel .owl-item {
    padding: 0 15px
}
.social-icons {
    list-style: none;
    padding: 0;
    margin: 0
}
.social-icons>li {
    display: inline-block
}
.social-icons>li>a {
    background: #f5f5f5;
    display: block;
    margin: 0 8px 8px 0;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
    height: 32px;
    width: 32px;
    color: #777
}
.social-icons>li>a:focus, .social-icons>li>a:hover {
    background: #3498db;
    color: #fff
}
.social-icons-lg>li>a {
    line-height: 48px;
    font-size: 16px;
    height: 48px;
    width: 48px
}
.social-icons-md>li>a {
    line-height: 40px;
    height: 40px;
    width: 40px
}
.social-icons-round>li>a {
    border-radius: 2px
}
.social-icons-circle>li>a {
    border-radius: 100%
}
.social-icons-colored>li>a {
    color: #fff
}
.social-icons-colored>li>a:focus, .social-icons-colored>li>a:hover {
    opacity: .85
}
.social-icons-simple>li>a {
    display: inline;
    background: 0 0;
    margin: 0 10px 10px 0
}
.social-icons-simple>li>a:focus, .social-icons-simple>li>a:hover {
    background: 0 0;
    color: inherit
}
.top-bar {
    background: #fff;
    border-bottom: 1px solid #f5f5f5;
    font-size: 12px;
    padding: 8px 0
}
.top-bar.top-bar-black {
    border: 0;
    background: #000;
    color: #fff
}
.top-bar-black a {
    transition: all .3s ease-out;
    color: #fff
}
.top-bar-black a:focus, .top-bar-black a:hover {
    color: rgba(255,255,255,.85)
}
.top-bar-list {
    list-style: none;
    padding: 0;
    margin: 0
}
.top-bar-list>li {
    display: inline-block
}
.top-bar-list>li:not(:first-child) {
    margin-left: 10px
}
.top-bar-list.list-icons>li .fa, .top-bar-list.list-icons>li .icons {
    margin-right: 5px
}
.list-dividers li:not(:last-child) a {
    border-right: 1px solid #f5f5f5;
    padding-right: 10px
}
.top-bar-black .list-dividers li:not(:last-child) a {
    border-right: 1px solid #222
}

@media (max-width:991px) {
.top-bar .container {
    width: 100%
}
}
.header {
    background: #fff;
    position: relative;
    z-index: 1030;
    transition: height .3s ease-out, background .3s ease-out, box-shadow .3s ease-out;
    box-shadow: 4px 4px 9px rgba(19,19,38,.3)
}
.header.header-fixed {
    position: fixed;
    z-index: 1030;
    right: 0;
    left: 0;
    box-shadow: 4px 4px 9px rgba(19,19,38,.3)
}
.inner-header {
    position: relative;
    z-index: 1;
    float: left
}
.inner-brand {
    display: table-cell;
    vertical-align: middle;
    height: 70px;
    color: #000;
    transition: all .3s ease-out
}
.inner-brand .brand-light {
    display: none
}
.menu-extras {
    padding: 0 0 0 15px;
    margin: 0 0 0 15px;
    box-shadow: -1px 0 0 #f5f5f5;
    transition: box-shadow .3s ease-out 125ms
}
.menu-extras .menu-item {
    float: left
}
.menu-extras>.menu-item>div>a {
    position: relative;
    display: block;
    line-height: 20px;
    font-size: 18px;
    color: #333;
    padding: 25px 0;
    transition: all .3s ease-out
}
.menu-extras>.menu-item>div>a:focus, .menu-extras>.menu-item>div>a:hover {
    color: #222
}
.cart-badge {
    position: absolute;
    background: #3498db;
    border-radius: 100%;
    height: 14px;
    width: 14px;
    top: 50%;
    left: 23px;
    margin-top: -13px;
    text-align: center;
    line-height: 14px;
    font-weight: 700;
    font-size: 8px;
    color: #fff
}
.main-nav {
    position: relative
}
.inner-nav {
    list-style: none;
    padding: 0;
    margin: 0
}
.inner-nav>li {
    float: left
}
.inner-nav>li>a {
    text-transform: uppercase;
    line-height: 20px;
    font-weight: 400;
    font-size: 16px;
    display: block;
    padding: 25px 15px
}
.submenu, .submenu-mega>li>ul {
    list-style: none;
    padding: 0;
    margin: 0
}
.submenu {
    position: absolute;
    background: rgba(3,159,233,.85);
    padding: 0;
    min-width: 180px;
    opacity: 0;
    z-index: 1030;
    visibility: hidden;
    text-align: left;
    font-size: 13px
}
.submenu-open>.submenu {
    visibility: visible;
    opacity: 1
}
.submenu .submenu {
    left: 100%;
    top: 0
}
.submenu-mega {
    display: table;
    width: 100%;
    padding: 0;
    right: 0;
    left: 0
}
.submenu-mega>li {
    display: table-cell;
    padding: 15px 10px;
    width: 25%
}
.submenu-mega>li:not(:last-child) {
    border-right: 1px solid rgba(51,51,51,.5)
}
.submenu .has-submenu>a:after {
    position: absolute;
    content: "\f105";
    display: block;
    right: 14px;
    top: 50%;
    margin-top: -7px;
    font-family: FontAwesome;
    text-rendering: auto;
    font-size: 10px
}
.submenu li {
    position: relative
}
.submenu li a, .submenu-title {
    position: relative;
    display: block;
    line-height: 1.4;
    padding: 12px 27px 12px 20px;
    border-bottom: 1px solid rgba(255,255,255,.7);
    font-size: 15px
}
.submenu li:last-child>a {
    border: 0
}
.submenu-mega li a, .submenu-title {
    border: 0
}
.submenu-title {
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1.8;
    font-weight: 700;
    font-size: 11px
}
.submenu li a>.fa, .submenu li a>.icons {
    text-align: center;
    margin-right: 6px;
    width: 22px
}
.inner-nav>li>a {
    color: #7b7b7b;
    transition: all .3s ease-out
}
.inner-nav>li>a.active {
    color: #00a0e9
}
.inner-nav>li.submenu-open>a, .inner-nav>li>a:focus, .inner-nav>li>a:hover {
    color: #00a0e9
}
.inner-nav>li.active {
    color: #00a0e9
}
.submenu li>a {
    color: rgba(255,255,255,1);
    transition: all .3s ease-out
}
.submenu-title {
    color: #fff
}
.submenu li.submenu-open>a, .submenu li>a:focus, .submenu li>a:hover {
    background: rgba(51,51,51,.5);
    color: #fff
}
.main-nav-toggle {
    border-left: 1px solid #f5f5f5;
    display: none;
    float: right;
    padding: 33px 0 33px 15px;
    margin-left: 15px
}
.nav-icon-toggle {
    position: relative;
    height: 20px;
    width: 20px;
    transform: rotate(0);
    transition: .5s ease-in-out;
    cursor: pointer
}
.nav-icon-toggle span:nth-child(1) {
    top: 3px;
    transform-origin: left center
}
.nav-icon-toggle span:nth-child(2) {
    top: 10px;
    transform-origin: left center
}
.nav-icon-toggle span:nth-child(3) {
    top: 16px;
    transform-origin: left center
}
.nav-icon-toggle span {
    background: #000;
    position: absolute;
    display: block;
    height: 1px;
    width: 100%;
    opacity: 1;
    left: 0;
    transform: rotate(0);
    transition: .25s ease-in-out
}
.nav-icon-toggle.open span:nth-child(1) {
    top: 2px;
    left: 3px;
    transform: rotate(45deg)
}
.nav-icon-toggle.open span:nth-child(2) {
    opacity: 0;
    width: 0
}
.nav-icon-toggle.open span:nth-child(3) {
    top: 16px;
    left: 3px;
    transform: rotate(-45deg)
}

@media (max-width:991px) {
.header .container {
    width: 100%
}
.main-nav-toggle {
    display: block
}
.main-nav {
    position: absolute;
    background: #fff;
    border-bottom: 1px solid #f5f5f5;
    max-height: 340px;
    width: 100%;
    left: 0;
    top: 100%
}
.main-nav.in {
    overflow-y: auto
}
.inner-nav {
    float: none!important;
    padding: 10px 15px
}
.inner-nav>li {
    display: block;
    float: none
}
.inner-nav>li>a {
    position: relative;
    padding: 10px 0
}
.inner-nav>li:not(:last-child)>a, .submenu a {
    border-bottom: 1px solid #f5f5f5
}
.submenu, .submenu .submenu, .submenu.submenu-mega {
    background: 0 0;
    display: none;
    margin: 0
}
.submenu-open>.submenu {
    position: static;
    display: block!important
}
.submenu li a {
    padding: 10px 4px 10px 0
}
.submenu {
    padding: 0 0 0 15px
}
.submenu-title {
    padding: 15px 0 10px
}
.submenu-mega>li {
    display: block;
    width: 100%;
    padding: 0
}
.submenu-mega>li, .submenu-mega>li:not(:last-child) {
    border: 0
}
.submenu .has-submenu>a:after, .submenu.submenu-mega li a:after {
    right: 0
}
.has-submenu>a:after {
    position: absolute;
    content: "\f105";
    display: block;
    right: 0;
    top: 50%;
    margin-top: -9px;
    font-family: FontAwesome;
    text-rendering: auto;
    font-size: 10px
}
.submenu li>a {
    border-bottom: 1px solid #f5f5f5;
    color: #999
}
.submenu li.submenu-open>a, .submenu li>a:focus, .submenu li>a:hover, .submenu-title {
    background: 0 0;
    color: #222
}
}

@media (min-width:992px) {
.main-nav.collapse {
    display: block!important;
    overflow: visible!important;
    height: auto!important;
    padding-bottom: 0
}
.header-small .inner-brand {
    height: 72px
}
.header-small .inner-nav>li>a, .header-small .main-nav-toggle, .header-small .menu-extras .menu-item a {
    padding-top: 26px;
    padding-bottom: 26px
}
.header.header-transparent {
    background: rgba(255,255,255,1);
    transition: height .3s ease-out, background .3s ease-out, box-shadow 0s ease-out;
    box-shadow: 4px 4px 9px rgba(19,19,38,.3)
}
.header.header-transparent .brand-light {
    display: inline
}
.header.header-transparent .brand-dark {
    display: none
}
.header.header-transparent .menu-extras {
    box-shadow: -1px 0 0 rgba(255,255,255,.1);
    transition: box-shadow 0s ease-out
}
.header.header-transparent .inner-nav>li>a, .header.header-transparent .menu-extras .menu-item a {
    color: #777
}
.header.header-transparent .inner-nav>li.active>a, .header.header-transparent .inner-nav>li.submenu-open>a, .header.header-transparent .inner-nav>li>a:focus, .header.header-transparent .inner-nav>li>a:hover, .header.header-transparent .menu-extras .menu-item a:focus, .header.header-transparent .menu-extras .menu-item a:hover {
    color: #23a8eb
}
}
.header.header-transparent .inner-nav>li a.active {
    color: #23a8eb
}
.header-search-form {
    background: rgba(51,51,51,.95);
    display: inline-block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    visibility: hidden;
    transform: translateY(-100%);
    transition: all .5s ease
}
.header-search-form.opened {
    visibility: visible;
    opacity: 1;
    transform: translateY(0)
}
.header-search-form-clouse {
    text-align: center;
    font-size: 24px;
    padding: 0 0 40px
}
.form-close-btn {
    color: #fff
}
.form-close-btn:hover {
    color: rgba(255,255,255,.8)
}
.search-form-inner {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%)
}
.search-form-inner input {
    background: 0 0;
    width: 100%;
    border: none;
    text-align: center;
    font-size: 48px;
    color: #fff;
    text-align: center
}
.search-form-inner input:focus {
    border-color: transparent;
    box-shadow: none;
    outline: 0
}

@media (max-width:1024px) {
.search-form-inner input {
    font-size: 38px
}
}

@media (max-width:768px) {
.search-form-inner input {
    font-size: 24px
}
.inner-brand .brand-dark {
    margin-top: 15px
}
}
.module, .module-sm, .module-xs {
    background-color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 0;
    position: relative;
    padding: 50px 0
}
.module-sm.divider-top, .module-xs.divider-top, .module.divider-top {
    border-top: 1px solid #eee
}
.module-sm.divider-bottom, .module-xs.divider-bottom, .module.divider-bottom {
    border-bottom: 1px solid #eee
}
.module-sm.parallax, .module-xs.parallax, .module.parallax {
    background-color: transparent
}
.module-sm {
    padding: 70px 0
}
.module-sm2 {
    padding: 70px 0 0 0
}
.module-xs {
    padding: 35px 0
}
.module-header {
    margin: 0 0 40px
}
.module-header .h1, .module-header .h2, .module-header .h3, .module-header .h4, .module-header .h5, .module-header .h6, .module-header h1, .module-header h2, .module-header h3, .module-header h4, .module-header h5, .module-header h6 {
    margin-bottom: 10px
}
.no-gutter {
    margin-right: 0;
    margin-left: 0
}
.no-gutter>[class*=col-] {
    padding-left: 0;
    padding-right: 0
}
.pull-image .container {
    position: relative
}
.pull-image .container>div[class*=col-] {
    position: absolute
}
.pull-image .vertical-middle {
    position: relative;
    top: 50%;
    z-index: 2;
    transform: translate3d(0, -50%, 0)
}
.pull-image .pull-image-right {
    right: 0
}

@media (max-width:990px) {
.pull-image .container div[class*=col-] {
    position: relative;
    top: 0;
    transform: none
}
}
.side-background {
    position: relative;
    padding: 0
}
.side-background .background-container {
    position: absolute;
    overflow: hidden;
    height: 100%;
    padding: 0;
    top: 0
}
.side-background .background-side {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover!important;
    z-index: 0;
    background-position: 50% 50%!important
}
.side-background .background-side.start-top {
    background-position: 0 0!important
}
.side-background .background-side.start-bottom {
    background-position: 100% 0!important
}
.side-background .content-side {
    padding-top: 140px;
    padding-bottom: 140px
}
.module-hero {
    background-color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 0;
    position: relative;
    padding: 0;
    height: 70vh;
    overflow: hidden
}
.module-hero.parallax {
    background-color: transparent
}
.hero-caption {
    position: relative;
    display: table;
    height: 100%;
    width: 80%;
    margin: 0 auto;
    z-index: 2
}
.hero-text {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    height: 100%
}
.fullheight {
    height: 100vh
}

@media (max-width:991px) {
.module-hero {
    height: auto;
    padding: 240px 0
}
}
.animated-background {
    -webkit-animation: animated-background 800s linear infinite;
    animation: animated-background 800s linear infinite;
    background-repeat: repeat-x!important
}
@-webkit-keyframes animated-background {
from {
background-position:0 0
}
to {
background-position:-50000px 0
}
}
@keyframes animated-background {
from {
background-position:0 0
}
to {
background-position:-50000px 0
}
}
.bg-white {
    background-color: #fff!important
}
.bg-white-dark {
    background-color: #f8f8f8!important
}
.bg-inbanner {
    background: url(../img/inbanner.jpg) 0 44%
}
.bg-white-darken {
    background-color: #f5f5f5!important
}
.bg-gray {
    background-color: #777!important
}
.bg-gray-light {
    background-color: #999!important
}
.bg-gray-lighter {
    background-color: #eee!important
}
.bg-black {
    background-color: #000!important
}
.bg-black-light {
    background-color: #222!important
}
.bg-black-lighter {
    background-color: #333!important
}
.bg-brand {
    background-color: #3498db!important
}
.bg-brand-hvr {
    background-color: #217dbb!important
}
.bg-facebook {
    background-color: #3b5998!important
}
.bg-twitter {
    background-color: #00aced!important
}
.bg-google {
    background-color: #dd4b39!important
}
.bg-linkedin {
    background-color: #007bb6!important
}
.bg-youtube {
    background-color: #b00!important
}
.bg-instagram {
    background-color: #517fa4!important
}
.bg-pinterest {
    background-color: #cb2027!important
}
.bg-flickr {
    background-color: #ff0084!important
}
.bg-tumblr {
    background-color: #32506d!important
}
.bg-forusquare {
    background-color: #0072b1!important
}
.bg-dribbble {
    background-color: #ea4c89!important
}
.bg-vine {
    background-color: #00bf8f!important
}
.bg-skype {
    background-color: #17a3eb!important
}
.bg-wordpress {
    background-color: #2592c3!important
}
.bg-behance {
    background-color: #1879fd!important
}
.bg-soundcloud {
    background-color: #ff7e30!important
}
.bg-stumbleupon {
    background-color: #ff5c30!important
}
.bg-deviantart {
    background-color: #6a8a7b!important
}
.bg-yahoo {
    background-color: #ab47ac!important
}
.bg-digg {
    background-color: #75788d!important
}
.bg-github {
    background-color: #3f91cb!important
}
.bg-lastfm {
    background-color: #f34320!important
}
.bg-vk {
    background-color: #2b587a!important
}
.bg-black-alfa-10:before, .bg-black-alfa-15:before, .bg-black-alfa-20:before, .bg-black-alfa-25:before, .bg-black-alfa-30:before, .bg-black-alfa-35:before, .bg-black-alfa-40:before, .bg-black-alfa-45:before, .bg-black-alfa-50:before, .bg-black-alfa-55:before, .bg-black-alfa-5:before, .bg-black-alfa-60:before, .bg-black-alfa-65:before, .bg-black-alfa-70:before, .bg-black-alfa-75:before, .bg-black-alfa-80:before, .bg-black-alfa-85:before, .bg-black-alfa-90:before, .bg-black-alfa-95:before {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
    content: "";
    left: 0;
    top: 0
}
.bg-black-alfa-10:before, .bg-black-alfa-15:before, .bg-black-alfa-20:before, .bg-black-alfa-25:before, .bg-black-alfa-30:before, .bg-black-alfa-35:before, .bg-black-alfa-40:before, .bg-black-alfa-45:before, .bg-black-alfa-50:before, .bg-black-alfa-55:before, .bg-black-alfa-5:before, .bg-black-alfa-60:before, .bg-black-alfa-65:before, .bg-black-alfa-70:before, .bg-black-alfa-75:before, .bg-black-alfa-80:before, .bg-black-alfa-85:before, .bg-black-alfa-90:before, .bg-black-alfa-95:before {
    background: rgba(0,0,0,.05)
}
.bg-black-alfa-10:before {
    background: rgba(0,0,0,.1)
}
.bg-black-alfa-15:before {
    background: rgba(0,0,0,.15)
}
.bg-black-alfa-20:before {
    background: rgba(0,0,0,.2)
}
.bg-black-alfa-25:before {
    background: rgba(0,0,0,.25)
}
.bg-black-alfa-30:before {
    background: rgba(0,0,0,.3)
}
.bg-black-alfa-35:before {
    background: rgba(0,0,0,.35)
}
.bg-black-alfa-40:before {
    background: rgba(0,0,0,.4)
}
.bg-black-alfa-45:before {
    background: rgba(0,0,0,.45)
}
.bg-black-alfa-50:before {
    background: rgba(0,0,0,.5)
}
.bg-black-alfa-55:before {
    background: rgba(0,0,0,.55)
}
.bg-black-alfa-60:before {
    background: rgba(0,0,0,.6)
}
.bg-black-alfa-65:before {
    background: rgba(0,0,0,.65)
}
.bg-black-alfa-70:before {
    background: rgba(0,0,0,.7)
}
.bg-black-alfa-75:before {
    background: rgba(0,0,0,.75)
}
.bg-black-alfa-80:before {
    background: rgba(0,0,0,.8)
}
.bg-black-alfa-85:before {
    background: rgba(0,0,0,.85)
}
.bg-black-alfa-90:before {
    background: rgba(0,0,0,.9)
}
.bg-black-alfa-95:before {
    background: rgba(0,0,0,.95)
}
.bg-white-alfa-10:before, .bg-white-alfa-15:before, .bg-white-alfa-20:before, .bg-white-alfa-25:before, .bg-white-alfa-30:before, .bg-white-alfa-35:before, .bg-white-alfa-40:before, .bg-white-alfa-45:before, .bg-white-alfa-50:before, .bg-white-alfa-55:before, .bg-white-alfa-5:before, .bg-white-alfa-60:before, .bg-white-alfa-65:before, .bg-white-alfa-70:before, .bg-white-alfa-75:before, .bg-white-alfa-80:before, .bg-white-alfa-85:before, .bg-white-alfa-90:before, .bg-white-alfa-95:before {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
    content: "";
    left: 0;
    top: 0
}
.bg-white-alfa-10:before, .bg-white-alfa-15:before, .bg-white-alfa-20:before, .bg-white-alfa-25:before, .bg-white-alfa-30:before, .bg-white-alfa-35:before, .bg-white-alfa-40:before, .bg-white-alfa-45:before, .bg-white-alfa-50:before, .bg-white-alfa-55:before, .bg-white-alfa-5:before, .bg-white-alfa-60:before, .bg-white-alfa-65:before, .bg-white-alfa-70:before, .bg-white-alfa-75:before, .bg-white-alfa-80:before, .bg-white-alfa-85:before, .bg-white-alfa-90:before, .bg-white-alfa-95:before {
    background: rgba(255,255,255,.05)
}
.bg-white-alfa-10:before {
    background: rgba(255,255,255,.1)
}
.bg-white-alfa-15:before {
    background: rgba(255,255,255,.15)
}
.bg-white-alfa-20:before {
    background: rgba(255,255,255,.2)
}
.bg-white-alfa-25:before {
    background: rgba(255,255,255,.25)
}
.bg-white-alfa-30:before {
    background: rgba(255,255,255,.3)
}
.bg-white-alfa-35:before {
    background: rgba(255,255,255,.35)
}
.bg-white-alfa-40:before {
    background: rgba(255,255,255,.4)
}
.bg-white-alfa-45:before {
    background: rgba(255,255,255,.45)
}
.bg-white-alfa-50:before {
    background: rgba(255,255,255,.5)
}
.bg-white-alfa-55:before {
    background: rgba(255,255,255,.55)
}
.bg-white-alfa-60:before {
    background: rgba(255,255,255,.6)
}
.bg-white-alfa-65:before {
    background: rgba(255,255,255,.65)
}
.bg-white-alfa-70:before {
    background: rgba(255,255,255,.7)
}
.bg-white-alfa-75:before {
    background: rgba(255,255,255,.75)
}
.bg-white-alfa-80:before {
    background: rgba(255,255,255,.8)
}
.bg-white-alfa-85:before {
    background: rgba(255,255,255,.85)
}
.bg-white-alfa-90:before {
    background: rgba(255,255,255,.9)
}
.bg-white-alfa-95:before {
    background: rgba(255,255,255,.95)
}
.bg-brand-alfa-10:before, .bg-brand-alfa-15:before, .bg-brand-alfa-20:before, .bg-brand-alfa-25:before, .bg-brand-alfa-30:before, .bg-brand-alfa-35:before, .bg-brand-alfa-40:before, .bg-brand-alfa-45:before, .bg-brand-alfa-50:before, .bg-brand-alfa-55:before, .bg-brand-alfa-5:before, .bg-brand-alfa-60:before, .bg-brand-alfa-65:before, .bg-brand-alfa-70:before, .bg-brand-alfa-75:before, .bg-brand-alfa-80:before, .bg-brand-alfa-85:before, .bg-brand-alfa-90:before, .bg-brand-alfa-95:before {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
    content: "";
    left: 0;
    top: 0
}
.bg-brand-alfa-10:before, .bg-brand-alfa-15:before, .bg-brand-alfa-20:before, .bg-brand-alfa-25:before, .bg-brand-alfa-30:before, .bg-brand-alfa-35:before, .bg-brand-alfa-40:before, .bg-brand-alfa-45:before, .bg-brand-alfa-50:before, .bg-brand-alfa-55:before, .bg-brand-alfa-5:before, .bg-brand-alfa-60:before, .bg-brand-alfa-65:before, .bg-brand-alfa-70:before, .bg-brand-alfa-75:before, .bg-brand-alfa-80:before, .bg-brand-alfa-85:before, .bg-brand-alfa-90:before, .bg-brand-alfa-95:before {
    background: rgba(52,152,219,.05)
}
.bg-brand-alfa-10:before {
    background: rgba(52,152,219,.1)
}
.bg-brand-alfa-15:before {
    background: rgba(52,152,219,.15)
}
.bg-brand-alfa-20:before {
    background: rgba(52,152,219,.2)
}
.bg-brand-alfa-25:before {
    background: rgba(52,152,219,.25)
}
.bg-brand-alfa-30:before {
    background: rgba(52,152,219,.3)
}
.bg-brand-alfa-35:before {
    background: rgba(52,152,219,.35)
}
.bg-brand-alfa-40:before {
    background: rgba(52,152,219,.4)
}
.bg-brand-alfa-45:before {
    background: rgba(52,152,219,.45)
}
.bg-brand-alfa-50:before {
    background: rgba(52,152,219,.5)
}
.bg-brand-alfa-55:before {
    background: rgba(52,152,219,.55)
}
.bg-brand-alfa-60:before {
    background: rgba(52,152,219,.6)
}
.bg-brand-alfa-65:before {
    background: rgba(52,152,219,.65)
}
.bg-brand-alfa-70:before {
    background: rgba(52,152,219,.7)
}
.bg-brand-alfa-75:before {
    background: rgba(52,152,219,.75)
}
.bg-brand-alfa-80:before {
    background: rgba(52,152,219,.8)
}
.bg-brand-alfa-85:before {
    background: rgba(52,152,219,.85)
}
.bg-brand-alfa-90:before {
    background: rgba(52,152,219,.9)
}
.bg-brand-alfa-95:before {
    background: rgba(52,152,219,.95)
}
.bg-white-dark-alfa-10:before, .bg-white-dark-alfa-15:before, .bg-white-dark-alfa-20:before, .bg-white-dark-alfa-25:before, .bg-white-dark-alfa-30:before, .bg-white-dark-alfa-35:before, .bg-white-dark-alfa-40:before, .bg-white-dark-alfa-45:before, .bg-white-dark-alfa-50:before, .bg-white-dark-alfa-55:before, .bg-white-dark-alfa-5:before, .bg-white-dark-alfa-60:before, .bg-white-dark-alfa-65:before, .bg-white-dark-alfa-70:before, .bg-white-dark-alfa-75:before, .bg-white-dark-alfa-80:before, .bg-white-dark-alfa-85:before, .bg-white-dark-alfa-90:before, .bg-white-dark-alfa-95:before {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
    content: "";
    left: 0;
    top: 0
}
.bg-white-dark-alfa-10:before, .bg-white-dark-alfa-15:before, .bg-white-dark-alfa-20:before, .bg-white-dark-alfa-25:before, .bg-white-dark-alfa-30:before, .bg-white-dark-alfa-35:before, .bg-white-dark-alfa-40:before, .bg-white-dark-alfa-45:before, .bg-white-dark-alfa-50:before, .bg-white-dark-alfa-55:before, .bg-white-dark-alfa-5:before, .bg-white-dark-alfa-60:before, .bg-white-dark-alfa-65:before, .bg-white-dark-alfa-70:before, .bg-white-dark-alfa-75:before, .bg-white-dark-alfa-80:before, .bg-white-dark-alfa-85:before, .bg-white-dark-alfa-90:before, .bg-white-dark-alfa-95:before {
    background: rgba(248,248,248,.05)
}
.bg-white-dark-alfa-10:before {
    background: rgba(248,248,248,.1)
}
.bg-white-dark-alfa-15:before {
    background: rgba(248,248,248,.15)
}
.bg-white-dark-alfa-20:before {
    background: rgba(248,248,248,.2)
}
.bg-white-dark-alfa-25:before {
    background: rgba(248,248,248,.25)
}
.bg-white-dark-alfa-30:before {
    background: rgba(248,248,248,.3)
}
.bg-white-dark-alfa-35:before {
    background: rgba(248,248,248,.35)
}
.bg-white-dark-alfa-40:before {
    background: rgba(248,248,248,.4)
}
.bg-white-dark-alfa-45:before {
    background: rgba(248,248,248,.45)
}
.bg-white-dark-alfa-50:before {
    background: rgba(248,248,248,.5)
}
.bg-white-dark-alfa-55:before {
    background: rgba(248,248,248,.55)
}
.bg-white-dark-alfa-60:before {
    background: rgba(248,248,248,.6)
}
.bg-white-dark-alfa-65:before {
    background: rgba(248,248,248,.65)
}
.bg-white-dark-alfa-70:before {
    background: rgba(248,248,248,.7)
}
.bg-white-dark-alfa-75:before {
    background: rgba(248,248,248,.75)
}
.bg-white-dark-alfa-80:before {
    background: rgba(248,248,248,.8)
}
.bg-white-dark-alfa-85:before {
    background: rgba(248,248,248,.85)
}
.bg-white-dark-alfa-90:before {
    background: rgba(248,248,248,.9)
}
.bg-white-dark-alfa-95:before {
    background: rgba(248,248,248,.95)
}
.multi-columns-row .first-in-row {
    clear: left
}
.multi-columns-row .col-xs-6:nth-child(2n+3) {
    clear: left
}
.multi-columns-row .col-xs-4:nth-child(3n+4) {
    clear: left
}
.multi-columns-row .col-xs-3:nth-child(4n+5) {
    clear: left
}
.multi-columns-row .col-xs-2:nth-child(6n+7) {
    clear: left
}
.multi-columns-row .col-xs-1:nth-child(12n+13) {
    clear: left
}

@media (min-width:768px) {
.multi-columns-row .col-xs-6:nth-child(2n+3) {
    clear: none
}
.multi-columns-row .col-xs-4:nth-child(3n+4) {
    clear: none
}
.multi-columns-row .col-xs-3:nth-child(4n+5) {
    clear: none
}
.multi-columns-row .col-xs-2:nth-child(6n+7) {
    clear: none
}
.multi-columns-row .col-xs-1:nth-child(12n+13) {
    clear: none
}
.multi-columns-row .col-sm-6:nth-child(2n+3) {
    clear: left
}
.multi-columns-row .col-sm-4:nth-child(3n+4) {
    clear: left
}
.multi-columns-row .col-sm-3:nth-child(4n+5) {
    clear: left
}
.multi-columns-row .col-sm-2:nth-child(6n+7) {
    clear: left
}
.multi-columns-row .col-sm-1:nth-child(12n+13) {
    clear: left
}
}

@media (min-width:992px) {
.multi-columns-row .col-sm-6:nth-child(2n+3) {
    clear: none
}
.multi-columns-row .col-sm-4:nth-child(3n+4) {
    clear: none
}
.multi-columns-row .col-sm-3:nth-child(4n+5) {
    clear: none
}
.multi-columns-row .col-sm-2:nth-child(6n+7) {
    clear: none
}
.multi-columns-row .col-sm-1:nth-child(12n+13) {
    clear: none
}
.multi-columns-row .col-md-6:nth-child(2n+3) {
    clear: left
}
.multi-columns-row .col-md-4:nth-child(3n+4) {
    clear: left
}
.multi-columns-row .col-md-3:nth-child(4n+5) {
    clear: left
}
.multi-columns-row .col-md-2:nth-child(6n+7) {
    clear: left
}
.multi-columns-row .col-md-1:nth-child(12n+13) {
    clear: left
}
}

@media (min-width:1200px) {
.multi-columns-row .col-md-6:nth-child(2n+3) {
    clear: none
}
.multi-columns-row .col-md-4:nth-child(3n+4) {
    clear: none
}
.multi-columns-row .col-md-3:nth-child(4n+5) {
    clear: none
}
.multi-columns-row .col-md-2:nth-child(6n+7) {
    clear: none
}
.multi-columns-row .col-md-1:nth-child(12n+13) {
    clear: none
}
.multi-columns-row .col-lg-6:nth-child(2n+3) {
    clear: left
}
.multi-columns-row .col-lg-4:nth-child(3n+4) {
    clear: left
}
.multi-columns-row .col-lg-3:nth-child(4n+5) {
    clear: left
}
.multi-columns-row .col-lg-2:nth-child(6n+7) {
    clear: left
}
.multi-columns-row .col-lg-1:nth-child(12n+13) {
    clear: left
}
}
.row-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
    margin-left: 0;
    margin-right: 0
}
.col-height {
    display: table-cell;
    float: none;
    height: 100%
}
.col-top {
    vertical-align: top
}
.col-middle {
    vertical-align: middle
}
.col-bottom {
    vertical-align: bottom
}

@media (min-width:480px) {
.row-xs-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
    margin-left: 0;
    margin-right: 0
}
.col-xs-height {
    display: table-cell;
    float: none;
    height: 100%
}
.col-xs-top {
    vertical-align: top
}
.col-xs-middle {
    vertical-align: middle
}
.col-xs-bottom {
    vertical-align: bottom
}
}

@media (min-width:768px) {
.row-sm-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
    margin-left: 0;
    margin-right: 0
}
.col-sm-height {
    display: table-cell;
    float: none;
    height: 100%
}
.col-sm-top {
    vertical-align: top
}
.col-sm-middle {
    vertical-align: middle
}
.col-sm-bottom {
    vertical-align: bottom
}
}

@media (min-width:992px) {
.row-md-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
    margin-left: 0;
    margin-right: 0
}
.col-md-height {
    display: table-cell;
    float: none;
    height: 100%
}
.col-md-top {
    vertical-align: top
}
.col-md-middle {
    vertical-align: middle
}
.col-md-bottom {
    vertical-align: bottom
}
}

@media (min-width:1200px) {
.row-lg-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
    margin-left: 0;
    margin-right: 0
}
.col-lg-height {
    display: table-cell;
    float: none;
    height: 100%
}
.col-lg-top {
    vertical-align: top
}
.col-lg-middle {
    vertical-align: middle
}
.col-lg-bottom {
    vertical-align: bottom
}
}
.career-tags {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    color: #3498db;
    list-style: none;
    padding: 0
}
.career-tags>li {
    display: inline-block
}

@media (max-width:767px) {
.page-content+.sidebar, .sidebar+.page-content {
    margin: 70px 0 0
}
}
.filters {
    text-align: center;
    list-style: none;
    padding: 0;
    margin: 0
}
.filters>li {
    display: inline-block;
    padding: 0 15px 35px
}
.filters>li>a {
    border-bottom: 1px solid transparent;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    color: #333;
    padding: 1px 0;
    opacity: .6;
    transition: all .3s ease-out
}
.filters>li>a.current, .filters>li>a:hover {
    border-color: #333;
    opacity: 1
}
.works-grid.works-grid-gutter {
    margin-left: -4px;
    margin-right: -4px
}
.works-grid.works-grid-gutter .work-item {
    padding: 0 4px 8px 4px
}
.works-grid .work-item {
    width: 50%
}
.works-grid.works-grid-3 .work-item {
    width: 33.333333%
}
.works-grid.works-grid-4 .work-item {
    width: 25%
}
.works-grid.works-grid-5 .work-item {
    width: 20%
}
.work-wrapper {
    position: relative;
    overflow: hidden;
    height: 100%
}
.work-overlay {
    border: none;
    background: #0a1923;
    position: absolute;
    opacity: 1;
    z-index: 1;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    transition: all .3s cubic-bezier(.3, .1, .58, 1)
}
.work-wrapper>img {
    width: 100%;
    transition: all .3s cubic-bezier(.3, .1, .58, 1)
}
.work-caption {
    transition: all .3s cubic-bezier(.3, .1, .58, 1);
    transform: scale(.8);
    position: absolute;
    padding: 40px;
    width: 100%;
    opacity: 1;
    bottom: 0;
    text-align: center
}
.work-category, .work-title {
    color: #fff
}
.work-title {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    margin: 0
}
.work-category {
    text-transform: lowercase;
    font-style: italic;
    font-size: 13px;
    opacity: .7
}
.work-link {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    z-index: 2
}
.work-item:hover .work-wrapper img {
    transform: scale(1.1)
}
.work-item:hover .work-overlay {
    background-color: #3498db
}
.work-item:hover .work-caption {
    transform: scale(1);
    opacity: 1
}
.album .work-overlay {
    background: rgba(52,152,219,.8);
    opacity: 0
}
.album:hover .work-overlay {
    opacity: 1
}
.album .work-caption {
    opacity: 0
}
.album:hover .work-caption {
    opacity: 1
}
.works-grid-dark .work-overlay {
    background: rgba(51,51,51,.9)
}
.works-grid-white .work-overlay {
    background: rgba(255,255,255,.9)
}
.works-grid-white .work-category, .works-grid-white .work-title {
    color: #222
}

@media (max-width:1023px) {
.works-grid .work-item, .works-grid.works-grid-3 .work-item, .works-grid.works-grid-4 .work-item, .works-grid.works-grid-5 .work-item {
    width: 50%
}
}

@media (max-width:568px) {
.works-grid .work-item, .works-grid.works-grid-3 .work-item, .works-grid.works-grid-4 .work-item, .works-grid.works-grid-5 .work-item {
    width: 100%
}
}
.portfolio-info {
    list-style: none;
    padding: 0;
    margin: 0 0 35px
}
.portfolio-info>li:not(:last-child) {
    border-bottom: 1px solid #eee;
    padding: 0 0 8px;
    margin: 0 0 8px
}
.portfolio-info h5 {
    display: inline-block;
    margin: 0 8px 0 0
}
.portfolio-info .social-icons {
    display: inline-block
}
.post {
    margin: 0 0 70px
}
.post .post-title {
    font-size: 23px;
    margin-bottom: 10px
}
.post .post-content {
    padding: 30px 0 0 0
}
.post.format-quote .post-content {
    padding: 30px 25px
}
.post-meta {
    list-style: none;
    margin: 0 0 25px;
    padding: 0
}
.post-meta>li {
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    font-size: 11px;
    color: #999
}
.post-meta>li+li:before {
    content: "/\00a0";
    padding: 0 5px
}
.post-columns .post {
    background: #f8f8f8;
    margin: 0 0 30px
}
.post-columns .post .post-title {
    font-size: 20px
}
.post-columns .post .post-content {
    padding: 30px 25px
}
.post-columns .post .post-content>:last-child {
    margin-bottom: 0
}
.post-thumbnail .post-content {
    padding: 0
}

@media (max-width:767px) {
.post-thumbnail .post-content {
    padding: 30px 0 0
}
}
.post.format-quote, .post.format-quote blockquote {
    background: #3498db;
    color: #fff;
    transition: all .3s ease-out;
    padding: 0
}
.post.format-quote blockquote:hover, .post.format-quote:hover {
    opacity: .9
}
.post.format-quote blockquote {
    font-style: normal;
    font-size: 17px;
    padding: 30px 25px
}
.post.format-quote blockquote .small, .post.format-quote blockquote footer, .post.format-quote blockquote small {
    color: #fff;
    font-weight: 600
}
.post.format-quote blockquote .small:before, .post.format-quote blockquote footer:before, .post.format-quote blockquote small:before {
    content: none
}
.post.format-quote blockquote :before {
    font-family: FontAwesome;
    font-size: 24px;
    display: block;
    content: "\f10e";
    margin: 0 0 20px
}
.tags a {
    background: #f8f8f8;
    display: inline-block;
    border-radius: 2px;
    padding: 8px 12px;
    margin: 0 0 6px;
    font-size: 11px;
    color: #777
}
.tags a:focus, .tags a:hover {
    background: #3498db;
    color: #fff
}
.comment-form .bottom-line:after, .comments .bottom-line:after {
    margin-bottom: 35px
}
.comment-form, .comments {
    margin-bottom: 70px
}
.comment:last-child .comment-content {
    margin-bottom: 0
}
.comment, .comment-content {
    position: relative
}
.comment-content:after, .comment-content:before, .comment:after, .comment:before {
    content: " ";
    display: table
}
.comment-content:after, .comment:after {
    clear: both
}
.comment-avatar {
    position: relative;
    max-width: 70px;
    margin: 5px 0 0;
    float: left;
    z-index: 1
}
.comment-avatar:after {
    position: absolute;
    background: #f5f5f5;
    content: "";
    height: 2px;
    width: 20px;
    top: 34px;
    left: 70px;
    z-index: -1
}
.comment-avatar img {
    width: 70px;
    height: 70px;
    border-radius: 50%
}
.comment-content {
    position: relative;
    border-radius: 2px;
    margin: 0 0 35px 90px;
    padding: 30px
}
.comment-meta {
    font-size: 12px;
    opacity: .7
}
.comment-content>:last-child {
    margin-bottom: 0
}
.comment-tools {
    position: absolute;
    padding: 0 30px;
    z-index: 1;
    top: 25px;
    right: 0
}
.comment-tools a {
    color: #999;
    margin: 0 0 0 15px
}
.comment-tools a:focus, .comment-tools a:hover {
    color: #3498db
}

@media (min-width:768px) {
.comment-reply {
    margin-left: 90px
}
}

@media (max-width:767px) {
.blog-content+.sidebar, .sidebar+.blog-content {
    margin: 70px 0 0
}
}
.product-slider {
    padding-right: 100px
}
.product-slider .item img {
    display: block;
    width: 100%;
    height: auto
}
.product-slider .owl-controls {
    position: absolute;
    right: 0;
    top: 0;
    width: 90px
}
.product-slider .owl-controls .item-link {
    position: relative;
    display: block;
    width: 90px;
    height: 90px;
    margin: 0 2px;
    outline: 0;
    opacity: .6
}

@media (max-width:767px) {
.product-slider {
    padding: 0 0 30px
}
.product-slider .owl-controls {
    position: static;
    text-align: left;
    width: auto;
    margin: 5px 0 0
}
.product-slider .owl-controls .owl-pagination {
    text-align: left
}
.product-slider .owl-controls .item-link {
    font-size: 0;
    margin: 0 5px 0 0
}
}
.product-slider .owl-controls .item-link:focus {
    outline: 0
}
.product-slider .owl-controls .active .item-link {
    opacity: 1
}
.product-slider .owl-controls .owl-page, .product-slider .owl-pagination {
    margin: 0
}
.product-slider .owl-controls .owl-page span {
    display: none
}
.product-description .star-rating {
    margin-right: 15px
}
.sale-text {
    text-decoration: line-through;
    display: inline-block;
    margin-right: 20px;
    opacity: .2
}
.star-rating {
    font-family: FontAwesome;
    color: #3498db
}
.star-rating-1:after {
    content: "\f005\20\f006\20\f006\20\f006\20\f006"
}
.star-rating-2:after {
    content: "\f005\20\f005\20\f006\20\f006\20\f006"
}
.star-rating-3:after {
    content: "\f005\20\f005\20\f005\20\f006\20\f006"
}
.star-rating-4:after {
    content: "\f005\20\f005\20\f005\20\f005\20\f006"
}
.star-rating-5:after {
    content: "\f005\20\f005\20\f005\20\f005\20\f005"
}
.reviews .comment-content {
    margin-left: 0
}
.reviews .comment-content p {
    margin-bottom: 10px;
    line-height: 2.3
}
.coupon {
    border-top: 1px solid #eee;
    padding: 20px
}
.cart-with-coupon {
    border: 1px solid #eee;
    border-radius: 2px;
    margin: 0 0 50px
}
.cart-table {
    margin: 0
}
.cart-table>tbody>tr>td, .cart-table>tbody>tr>th, .cart-table>tfoot>tr>td, .cart-table>tfoot>tr>th, .cart-table>thead>tr>td, .cart-table>thead>tr>th {
    vertical-align: middle;
    padding: 20px
}
.cart-table .col-trash {
    padding-left: 40px;
    text-align: center
}
.cart-table .cart-thumbnail {
    max-width: 90px
}
.cart-table .col-quantity .form-control {
    display: inline-block;
    text-align: center;
    max-width: 60px;
    padding: 0 0 0 12px
}
.cart-table .col-remove {
    width: 75px
}
.cart-table .col-thumbnail {
    width: 130px
}
.cart-table .col-price, .cart-table .col-quantity, .cart-table .col-subtotal {
    text-align: center
}
.payment {
    border: 1px solid #eee;
    border-radius: 2px;
    margin: 0 0 25px
}
.payment-table {
    border: 0;
    margin: 0
}
.payment-table>tbody>tr>td {
    border: 0;
    border-top: 1px solid #eee;
    padding: 20px
}
.payment-table>tbody>tr:first-child>td {
    border: 0
}
.totals {
    border: 1px solid #eee;
    border-radius: 2px;
    margin: 0 0 25px
}
.totals .subtotal, .totals .total {
    padding: 20px
}
.totals .subtotal>.row:not(:last-child), .totals .total>.row:not(:last-child) {
    margin-bottom: 20px
}
.totals .total {
    border-top: 1px solid #eee
}
.totals-table {
    border: 0;
    margin: 0
}
.totals-table>tbody>tr>td {
    padding: 0 20px 20px;
    border: 0
}
.totals-table>tbody>tr:first-child>td {
    padding: 20px
}
.totals-table>tbody>tr:last-child>td {
    border-top: 1px solid #eee;
    padding: 20px
}
.shop-filters {
    border-bottom: 2px solid #f5f5f5;
    padding: 0 0 35px;
    margin: 0 0 35px
}
.shop-item {
    margin: 0 0 35px
}
.shop-item-title {
    text-align: center;
    padding: 10px 0
}
.shop-item-title h5 {
    margin-bottom: 5px
}
.shop-item-title h5:last-child {
    margin-bottom: 0
}
.shop-item-photo {
    position: relative;
    overflow: hidden;
    margin-bottom: 0
}
.shop-item-photo img {
    width: 100%
}
.shop-item-photo:after {
    background: 0 0;
    position: absolute;
    display: block;
    content: " ";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    transition: all .3s ease-in-out 0s
}
.shop-item-tools {
    position: absolute;
    padding: 20px;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 2;
    transition: all .3s ease-in-out 0s
}
.shop-item-tools>div {
    display: table;
    height: 100%;
    width: 100%
}
.shop-item-tools>div>div {
    vertical-align: middle;
    display: table-cell;
    text-align: center
}
.shop-item-tools a {
    border: 2px solid #fff;
    border-radius: 2px;
    display: inline-block;
    text-align: center;
    line-height: 36px;
    font-size: 18px;
    height: 40px;
    width: 40px;
    color: #fff;
    margin: 0 5px
}
.shop-item-tools a:focus, .shop-item-tools a:hover {
    opacity: .7
}
.shop-item:hover .shop-item-photo:after {
    background: rgba(52,152,219,.8)
}
.shop-item:hover .shop-item-tools {
    opacity: 1
}
.widget {
    margin: 0 0 40px
}
.widget>:last-child {
    margin-bottom: 0
}
.widget .recent-posts {
    list-style: none;
    padding: 0;
    margin: 0
}
.widget .recent-posts>li {
    border-top: 1px solid #eee;
    padding: 10px 0
}
.widget .recent-posts>li:after, .widget .recent-posts>li:before {
    content: " ";
    display: table
}
.widget .recent-posts>li:after {
    clear: both
}
.widget .recent-posts>li:first-child {
    border: 0;
    padding-top: 0
}
.widget .recent-posts a {
    text-decoration: none
}
.widget .recent-posts a:focus, .widget .recent-posts a:hover {
    opacity: .7
}
.widget-posts-image {
    float: left;
    width: 44px
}
.widget-posts-body {
    margin-left: 58px
}
.widget-posts-title {
    margin: 2px 0
}
.widget-posts-meta {
    font-size: 11px;
    opacity: .7
}
.twitter-feed ul {
    list-style: none;
    padding: 0;
    margin: 0
}
.twitter-feed ul li:before {
    position: relative;
    top: 6px;
    float: left;
    display: inline-block;
    content: "\f099";
    font-family: FontAwesome;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 13px
}
.twitter-feed .interact, .twitter-feed .timePosted, .twitter-feed .user {
    display: none
}
.twitter-feed p {
    position: relative;
    padding-left: 20px
}
.icons-list {
    list-style: none;
    padding: 0;
    margin: 0
}
.icons-list>li {
    border-top: 1px solid #eee;
    padding: 10px 0
}
.icons-list>li:first-child {
    border: 0;
    padding-top: 0
}
.icons-list a {
    color: #999
}
.icons-list a:focus, .icons-list a:hover {
    color: #3498db
}
.icons-list a>.fa, .icons-list a>.icons {
    padding-left: 5px
}
.widget address {
    line-height: 1.8
}
address.map-background {
    background: url(../img/map.png) no-repeat left
}
.links-list {
    list-style: none;
    padding: 0;
    margin: 0
}
.links-list>li {
    margin: 0 0 15px
}
.links-list>li a {
    text-decoration: none
}
.widget .links-list a:hover {
    opacity: .7
}
.widget .top-rated {
    list-style: none;
    padding: 0;
    margin: 0
}
.widget .top-rated>li {
    border-top: 1px solid #eee;
    padding: 10px 0;
    display: table;
    width: 100%
}
.widget .top-rated>li:first-child {
    padding-top: 0;
    border: 0
}
.widget .top-rated .top-rated-body, .widget .top-rated .top-rated-image {
    display: table-cell;
    vertical-align: middle
}
.widget .top-rated .top-rated-body {
    padding: 0 0 0 14px
}
.widget .top-rated .top-rated-image {
    width: 70px
}
.gallery {
    margin-left: -4px;
    margin-right: -4px
}
.gallery .gallery-item {
    transition: all .3s cubic-bezier(.3, .1, .58, 1);
    padding: 0 4px 8px 4px;
    width: 50%
}
.gallery .gallery-item.gallery-item-big {
    width: 100%!important
}
.gallery.gallery-3 .gallery-item {
    width: 33.333%
}
.gallery.gallery-4 .gallery-item {
    width: 25%
}
.gallery.gallery-6 .gallery-item {
    width: 16.66666667%
}
.footer {
    background-color: #0a1923;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 0;
    position: relative;
    padding: 20px 0 0
}
.footer .widget-title {
    border-color: #333
}
.footer .copyright {
    border-top: 1px solid #333;
    padding: 10px 0;
    margin: 0 0 0
}
.footer .subfooter {
    border-top: 1px solid #fff;
    padding-top: 70px;
    margin-top: 70px
}
.footer .bottom-line:before {
    border-bottom: 2px solid #333
}
.footer .widget .recent-posts>li {
    border-color: #333
}
.footer.parallax {
    background-color: transparent
}
.footer * {
    color: #fff
}
.footer a {
    color: #7ec2f8
}
.footer a:focus, .footer a:hover {
    text-decoration: none;
    color: inherit
}
.scroll-top {
    border-radius: 2px;
    border: 2px solid #0a6dbb;
    background-color: #0a6dbb;
    padding: 6px 13px;
    font-size: 18px;
    opacity: 1
}
.footer .list-inline {
    margin-left: -15px
}
.footer .list-inline>li {
    padding-left: 15px;
    padding-right: 15px
}
.footer .list-inline>li a {
    text-decoration: none
}
.footer-minimal {
    padding: 140px 0
}

@media (max-width:767px) {
.footer .scroll-top {
    display: none
}
}
.fs-16 {
    font-size: 16px
}
.fs-18 {
    font-size: 18px
}
.fs-21 {
    font-size: 21px
}
.fs-26 {
    font-size: 26px
}
.fs-55 {
    font-size: 50px
}
.blue-t {
    color: #0a6dbb
}
.light-blue-t {
    color: #00a1e9
}
.white-t {
    color: #fff
}
h5.white-t a {
    color: #fff
}
.degray-t {
    color: #777
}
.no-margin-15 {
    margin-left: -15px;
    margin-right: -15px
}
.cbp-so-section {
    position: relative;
    overflow: hidden
}
.bg-lightblue {
    background-color: #d3eafd
}
.bg-lightgray {
    background: url(../img/bg-detail.jpg) right bottom no-repeat, #f7f7f7
}
.bg-white-index {
    background: url(../img/in-center.jpg) right bottom no-repeat, #fff
}
.bg-contrast-aph-065 {
    background: rgba(255,255,255,.65);
    padding: 30px 0
}
.bg-contrast {
    background: #fff
}
.bg-contrast--before {
    position: relative
}
.bg-contrast--before:before {
    content: "";
    position: absolute;
    background: #fff;
    height: 100%;
    width: 5000px;
    right: 100%;
    top: 0
}

@media (max-width:991px) {
.thumb-wrap:after, .thumb-wrap:before {
    display: table;
    content: "";
    line-height: 0
}
.thumb-wrap:after {
    clear: both
}
}
.thumb-wrap .thumb {
    display: inline-block
}

@media (max-width:991px) {
.thumb-wrap .thumb {
    float: left;
    width: 50%
}
.thumb-wrap .thumb:first-child {
    width: 100%
}
}
.thumb {
    display: block;
    position: relative
}
.thumb img {
    width: 100%;
    height: auto
}
.inset-3 {
    padding-top: 43px;
    padding-right: 100px
}
.image-wrap-1 {
    position: relative
}
.image-wrap-1 img {
    max-width: none;
    position: absolute;
    left: 100%;
    bottom: 0
}

@media (max-width:991px) {
.image-wrap-1 img {
    position: static;
    max-width: 100%;
    width: 100%;
    margin-top: 30px
}
}
.btn-md {
    font-weight: 700;
    font-size: 20px;
    line-height: 35px;
    padding: 17.5px 88px;
    overflow: hidden
}
.btn-md--mod {
    padding: 17.5px 30px;
    overflow: visible
}
*+.btn-md {
    margin-top: 112px
}
.slogn-img {
    width: 114px;
    height: auto;
    display: inline-block;
    position: relative;
    top: -12px
}
.ind-slogn {
    width: 510px;
    color: #2196f3!important;
    display: inline-block;
    margin: 0;
    font-weight: 400
}
.linkweb a {
    color: #fff
}/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}
.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}
.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}
@-webkit-keyframes bounce {
20%, 53%, 80%, from, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1);
transform:translate3d(0, 0, 0)
}
40%, 43% {
-webkit-animation-timing-function:cubic-bezier(.755, .050, .855, .060);
animation-timing-function:cubic-bezier(.755, .050, .855, .060);
transform:translate3d(0, -30px, 0)
}
70% {
-webkit-animation-timing-function:cubic-bezier(.755, .050, .855, .060);
animation-timing-function:cubic-bezier(.755, .050, .855, .060);
transform:translate3d(0, -15px, 0)
}
90% {
transform:translate3d(0, -4px, 0)
}
}
@keyframes bounce {
20%, 53%, 80%, from, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1);
transform:translate3d(0, 0, 0)
}
40%, 43% {
-webkit-animation-timing-function:cubic-bezier(.755, .050, .855, .060);
animation-timing-function:cubic-bezier(.755, .050, .855, .060);
transform:translate3d(0, -30px, 0)
}
70% {
-webkit-animation-timing-function:cubic-bezier(.755, .050, .855, .060);
animation-timing-function:cubic-bezier(.755, .050, .855, .060);
transform:translate3d(0, -15px, 0)
}
90% {
transform:translate3d(0, -4px, 0)
}
}
.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    transform-origin: center bottom
}
@-webkit-keyframes flash {
50%, from, to {
opacity:1
}
25%, 75% {
opacity:0
}
}
@keyframes flash {
50%, from, to {
opacity:1
}
25%, 75% {
opacity:0
}
}
.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}
@keyframes pulse {
from {
transform:scale3d(1, 1, 1)
}
50% {
transform:scale3d(1.05, 1.05, 1.05)
}
to {
transform:scale3d(1, 1, 1)
}
}
.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}
@-webkit-keyframes rubberBand {
from {
transform:scale3d(1, 1, 1)
}
30% {
transform:scale3d(1.25, .75, 1)
}
40% {
transform:scale3d(.75, 1.25, 1)
}
50% {
transform:scale3d(1.15, .85, 1)
}
65% {
transform:scale3d(.95, 1.05, 1)
}
75% {
transform:scale3d(1.05, .95, 1)
}
to {
transform:scale3d(1, 1, 1)
}
}
@keyframes rubberBand {
from {
transform:scale3d(1, 1, 1)
}
30% {
transform:scale3d(1.25, .75, 1)
}
40% {
transform:scale3d(.75, 1.25, 1)
}
50% {
transform:scale3d(1.15, .85, 1)
}
65% {
transform:scale3d(.95, 1.05, 1)
}
75% {
transform:scale3d(1.05, .95, 1)
}
to {
transform:scale3d(1, 1, 1)
}
}
.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}
@-webkit-keyframes shake {
from, to {
transform:translate3d(0, 0, 0)
}
10%, 30%, 50%, 70%, 90% {
transform:translate3d(-10px, 0, 0)
}
20%, 40%, 60%, 80% {
transform:translate3d(10px, 0, 0)
}
}
@keyframes shake {
from, to {
transform:translate3d(0, 0, 0)
}
10%, 30%, 50%, 70%, 90% {
transform:translate3d(-10px, 0, 0)
}
20%, 40%, 60%, 80% {
transform:translate3d(10px, 0, 0)
}
}
.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}
@-webkit-keyframes headShake {
0% {
transform:translateX(0)
}
6.5% {
transform:translateX(-6px) rotateY(-9deg)
}
18.5% {
transform:translateX(5px) rotateY(7deg)
}
31.5% {
transform:translateX(-3px) rotateY(-5deg)
}
43.5% {
transform:translateX(2px) rotateY(3deg)
}
50% {
transform:translateX(0)
}
}
@keyframes headShake {
0% {
transform:translateX(0)
}
6.5% {
transform:translateX(-6px) rotateY(-9deg)
}
18.5% {
transform:translateX(5px) rotateY(7deg)
}
31.5% {
transform:translateX(-3px) rotateY(-5deg)
}
43.5% {
transform:translateX(2px) rotateY(3deg)
}
50% {
transform:translateX(0)
}
}
.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}
@-webkit-keyframes swing {
20% {
transform:rotate3d(0, 0, 1, 15deg)
}
40% {
transform:rotate3d(0, 0, 1, -10deg)
}
60% {
transform:rotate3d(0, 0, 1, 5deg)
}
80% {
transform:rotate3d(0, 0, 1, -5deg)
}
to {
transform:rotate3d(0, 0, 1, 0deg)
}
}
@keyframes swing {
20% {
transform:rotate3d(0, 0, 1, 15deg)
}
40% {
transform:rotate3d(0, 0, 1, -10deg)
}
60% {
transform:rotate3d(0, 0, 1, 5deg)
}
80% {
transform:rotate3d(0, 0, 1, -5deg)
}
to {
transform:rotate3d(0, 0, 1, 0deg)
}
}
.swing {
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}
@-webkit-keyframes tada {
from {
transform:scale3d(1, 1, 1)
}
10%, 20% {
transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
}
30%, 50%, 70%, 90% {
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
}
40%, 60%, 80% {
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
}
to {
transform:scale3d(1, 1, 1)
}
}
@keyframes tada {
from {
transform:scale3d(1, 1, 1)
}
10%, 20% {
transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
}
30%, 50%, 70%, 90% {
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
}
40%, 60%, 80% {
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
}
to {
transform:scale3d(1, 1, 1)
}
}
.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}
@-webkit-keyframes wobble {
from {
transform:none
}
15% {
transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
}
30% {
transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
}
45% {
transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
}
60% {
transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
}
75% {
transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
}
to {
transform:none
}
}
@keyframes wobble {
from {
transform:none
}
15% {
transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
}
30% {
transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
}
45% {
transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
}
60% {
transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
}
75% {
transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
}
to {
transform:none
}
}
.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}
@-webkit-keyframes jello {
11.1%, from, to {
transform:none
}
22.2% {
transform:skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
transform:skewX(6.25deg) skewY(6.25deg)
}
44.4% {
transform:skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
transform:skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
transform:skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
transform:skewX(.390625deg) skewY(.390625deg)
}
88.8% {
transform:skewX(-.1953125deg) skewY(-.1953125deg)
}
}
@keyframes jello {
11.1%, from, to {
transform:none
}
22.2% {
transform:skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
transform:skewX(6.25deg) skewY(6.25deg)
}
44.4% {
transform:skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
transform:skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
transform:skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
transform:skewX(.390625deg) skewY(.390625deg)
}
88.8% {
transform:skewX(-.1953125deg) skewY(-.1953125deg)
}
}
.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    transform-origin: center
}
@-webkit-keyframes bounceIn {
20%, 40%, 60%, 80%, from, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
transform:scale3d(.3, .3, .3)
}
20% {
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
transform:scale3d(.9, .9, .9)
}
60% {
opacity:1;
transform:scale3d(1.03, 1.03, 1.03)
}
80% {
transform:scale3d(.97, .97, .97)
}
to {
opacity:1;
transform:scale3d(1, 1, 1)
}
}
@keyframes bounceIn {
20%, 40%, 60%, 80%, from, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
transform:scale3d(.3, .3, .3)
}
20% {
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
transform:scale3d(.9, .9, .9)
}
60% {
opacity:1;
transform:scale3d(1.03, 1.03, 1.03)
}
80% {
transform:scale3d(.97, .97, .97)
}
to {
opacity:1;
transform:scale3d(1, 1, 1)
}
}
.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}
@-webkit-keyframes bounceInDown {
60%, 75%, 90%, from, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
transform:translate3d(0, -3000px, 0)
}
60% {
opacity:1;
transform:translate3d(0, 25px, 0)
}
75% {
transform:translate3d(0, -10px, 0)
}
90% {
transform:translate3d(0, 5px, 0)
}
to {
transform:none
}
}
@keyframes bounceInDown {
60%, 75%, 90%, from, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
transform:translate3d(0, -3000px, 0)
}
60% {
opacity:1;
transform:translate3d(0, 25px, 0)
}
75% {
transform:translate3d(0, -10px, 0)
}
90% {
transform:translate3d(0, 5px, 0)
}
to {
transform:none
}
}
.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {
60%, 75%, 90%, from, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
transform:translate3d(-3000px, 0, 0)
}
60% {
opacity:1;
transform:translate3d(25px, 0, 0)
}
75% {
transform:translate3d(-10px, 0, 0)
}
90% {
transform:translate3d(5px, 0, 0)
}
to {
transform:none
}
}
@keyframes bounceInLeft {
60%, 75%, 90%, from, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
transform:translate3d(-3000px, 0, 0)
}
60% {
opacity:1;
transform:translate3d(25px, 0, 0)
}
75% {
transform:translate3d(-10px, 0, 0)
}
90% {
transform:translate3d(5px, 0, 0)
}
to {
transform:none
}
}
.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
60%, 75%, 90%, from, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
from {
opacity:0;
transform:translate3d(3000px, 0, 0)
}
60% {
opacity:1;
transform:translate3d(-25px, 0, 0)
}
75% {
transform:translate3d(10px, 0, 0)
}
90% {
transform:translate3d(-5px, 0, 0)
}
to {
transform:none
}
}
@keyframes bounceInRight {
60%, 75%, 90%, from, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
from {
opacity:0;
transform:translate3d(3000px, 0, 0)
}
60% {
opacity:1;
transform:translate3d(-25px, 0, 0)
}
75% {
transform:translate3d(10px, 0, 0)
}
90% {
transform:translate3d(-5px, 0, 0)
}
to {
transform:none
}
}
.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}
@-webkit-keyframes bounceInUp {
60%, 75%, 90%, from, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
from {
opacity:0;
transform:translate3d(0, 3000px, 0)
}
60% {
opacity:1;
transform:translate3d(0, -20px, 0)
}
75% {
transform:translate3d(0, 10px, 0)
}
90% {
transform:translate3d(0, -5px, 0)
}
to {
transform:translate3d(0, 0, 0)
}
}
@keyframes bounceInUp {
60%, 75%, 90%, from, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
from {
opacity:0;
transform:translate3d(0, 3000px, 0)
}
60% {
opacity:1;
transform:translate3d(0, -20px, 0)
}
75% {
transform:translate3d(0, 10px, 0)
}
90% {
transform:translate3d(0, -5px, 0)
}
to {
transform:translate3d(0, 0, 0)
}
}
.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}
@-webkit-keyframes bounceOut {
20% {
transform:scale3d(.9, .9, .9)
}
50%, 55% {
opacity:1;
transform:scale3d(1.1, 1.1, 1.1)
}
to {
opacity:0;
transform:scale3d(.3, .3, .3)
}
}
@keyframes bounceOut {
20% {
transform:scale3d(.9, .9, .9)
}
50%, 55% {
opacity:1;
transform:scale3d(1.1, 1.1, 1.1)
}
to {
opacity:0;
transform:scale3d(.3, .3, .3)
}
}
.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}
@-webkit-keyframes bounceOutDown {
20% {
transform:translate3d(0, 10px, 0)
}
40%, 45% {
opacity:1;
transform:translate3d(0, -20px, 0)
}
to {
opacity:0;
transform:translate3d(0, 2000px, 0)
}
}
@keyframes bounceOutDown {
20% {
transform:translate3d(0, 10px, 0)
}
40%, 45% {
opacity:1;
transform:translate3d(0, -20px, 0)
}
to {
opacity:0;
transform:translate3d(0, 2000px, 0)
}
}
.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity:1;
transform:translate3d(20px, 0, 0)
}
to {
opacity:0;
transform:translate3d(-2000px, 0, 0)
}
}
@keyframes bounceOutLeft {
20% {
opacity:1;
transform:translate3d(20px, 0, 0)
}
to {
opacity:0;
transform:translate3d(-2000px, 0, 0)
}
}
.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
20% {
opacity:1;
transform:translate3d(-20px, 0, 0)
}
to {
opacity:0;
transform:translate3d(2000px, 0, 0)
}
}
@keyframes bounceOutRight {
20% {
opacity:1;
transform:translate3d(-20px, 0, 0)
}
to {
opacity:0;
transform:translate3d(2000px, 0, 0)
}
}
.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}
@-webkit-keyframes bounceOutUp {
20% {
transform:translate3d(0, -10px, 0)
}
40%, 45% {
opacity:1;
transform:translate3d(0, 20px, 0)
}
to {
opacity:0;
transform:translate3d(0, -2000px, 0)
}
}
@keyframes bounceOutUp {
20% {
transform:translate3d(0, -10px, 0)
}
40%, 45% {
opacity:1;
transform:translate3d(0, 20px, 0)
}
to {
opacity:0;
transform:translate3d(0, -2000px, 0)
}
}
.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}
@keyframes fadeIn {
from {
opacity:0
}
to {
opacity:1
}
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}
@-webkit-keyframes fadeInDown {
from {
opacity:0;
transform:translate3d(0, -100%, 0)
}
to {
opacity:1;
transform:none
}
}
@keyframes fadeInDown {
from {
opacity:0;
transform:translate3d(0, -100%, 0)
}
to {
opacity:1;
transform:none
}
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}
@-webkit-keyframes fadeInDownBig {
from {
opacity:0;
transform:translate3d(0, -2000px, 0)
}
to {
opacity:1;
transform:none
}
}
@keyframes fadeInDownBig {
from {
opacity:0;
transform:translate3d(0, -2000px, 0)
}
to {
opacity:1;
transform:none
}
}
.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
from {
opacity:0;
transform:translate3d(-100%, 0, 0)
}
to {
opacity:1;
transform:none
}
}
@keyframes fadeInLeft {
from {
opacity:0;
transform:translate3d(-100%, 0, 0)
}
to {
opacity:1;
transform:none
}
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity:0;
transform:translate3d(-2000px, 0, 0)
}
to {
opacity:1;
transform:none
}
}
@keyframes fadeInLeftBig {
from {
opacity:0;
transform:translate3d(-2000px, 0, 0)
}
to {
opacity:1;
transform:none
}
}
.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
from {
opacity:0;
transform:translate3d(100%, 0, 0)
}
to {
opacity:1;
transform:none
}
}
@keyframes fadeInRight {
from {
opacity:0;
transform:translate3d(100%, 0, 0)
}
to {
opacity:1;
transform:none
}
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}
@-webkit-keyframes fadeInRightBig {
from {
opacity:0;
transform:translate3d(2000px, 0, 0)
}
to {
opacity:1;
transform:none
}
}
@keyframes fadeInRightBig {
from {
opacity:0;
transform:translate3d(2000px, 0, 0)
}
to {
opacity:1;
transform:none
}
}
.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}
@-webkit-keyframes fadeInUp {
from {
opacity:0;
transform:translate3d(0, 100%, 0)
}
to {
opacity:1;
transform:none
}
}
@keyframes fadeInUp {
from {
opacity:0;
transform:translate3d(0, 100%, 0)
}
to {
opacity:1;
transform:none
}
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}
@-webkit-keyframes fadeInUpBig {
from {
opacity:0;
transform:translate3d(0, 2000px, 0)
}
to {
opacity:1;
transform:none
}
}
@keyframes fadeInUpBig {
from {
opacity:0;
transform:translate3d(0, 2000px, 0)
}
to {
opacity:1;
transform:none
}
}
.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}
@keyframes fadeOut {
from {
opacity:1
}
to {
opacity:0
}
}
.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}
@-webkit-keyframes fadeOutDown {
from {
opacity:1
}
to {
opacity:0;
transform:translate3d(0, 100%, 0)
}
}
@keyframes fadeOutDown {
from {
opacity:1
}
to {
opacity:0;
transform:translate3d(0, 100%, 0)
}
}
.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity:1
}
to {
opacity:0;
transform:translate3d(0, 2000px, 0)
}
}
@keyframes fadeOutDownBig {
from {
opacity:1
}
to {
opacity:0;
transform:translate3d(0, 2000px, 0)
}
}
.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
from {
opacity:1
}
to {
opacity:0;
transform:translate3d(-100%, 0, 0)
}
}
@keyframes fadeOutLeft {
from {
opacity:1
}
to {
opacity:0;
transform:translate3d(-100%, 0, 0)
}
}
.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity:1
}
to {
opacity:0;
transform:translate3d(-2000px, 0, 0)
}
}
@keyframes fadeOutLeftBig {
from {
opacity:1
}
to {
opacity:0;
transform:translate3d(-2000px, 0, 0)
}
}
.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
from {
opacity:1
}
to {
opacity:0;
transform:translate3d(100%, 0, 0)
}
}
@keyframes fadeOutRight {
from {
opacity:1
}
to {
opacity:0;
transform:translate3d(100%, 0, 0)
}
}
.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity:1
}
to {
opacity:0;
transform:translate3d(2000px, 0, 0)
}
}
@keyframes fadeOutRightBig {
from {
opacity:1
}
to {
opacity:0;
transform:translate3d(2000px, 0, 0)
}
}
.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
from {
opacity:1
}
to {
opacity:0;
transform:translate3d(0, -100%, 0)
}
}
@keyframes fadeOutUp {
from {
opacity:1
}
to {
opacity:0;
transform:translate3d(0, -100%, 0)
}
}
.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity:1
}
to {
opacity:0;
transform:translate3d(0, -2000px, 0)
}
}
@keyframes fadeOutUpBig {
from {
opacity:1
}
to {
opacity:0;
transform:translate3d(0, -2000px, 0)
}
}
.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}
@-webkit-keyframes flip {
from {
transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
50% {
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
transform:perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
to {
transform:perspective(400px);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
}
@keyframes flip {
from {
transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
50% {
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
transform:perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
to {
transform:perspective(400px);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
}
.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}
@-webkit-keyframes flipInX {
from {
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}
40% {
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60% {
transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity:1
}
80% {
transform:perspective(400px) rotate3d(1, 0, 0, -5deg)
}
to {
transform:perspective(400px)
}
}
@keyframes flipInX {
from {
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}
40% {
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60% {
transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity:1
}
80% {
transform:perspective(400px) rotate3d(1, 0, 0, -5deg)
}
to {
transform:perspective(400px)
}
}
.flipInX {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}
@-webkit-keyframes flipInY {
from {
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}
40% {
transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60% {
transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity:1
}
80% {
transform:perspective(400px) rotate3d(0, 1, 0, -5deg)
}
to {
transform:perspective(400px)
}
}
@keyframes flipInY {
from {
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}
40% {
transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60% {
transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity:1
}
80% {
transform:perspective(400px) rotate3d(0, 1, 0, -5deg)
}
to {
transform:perspective(400px)
}
}
.flipInY {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}
@-webkit-keyframes flipOutX {
from {
transform:perspective(400px)
}
30% {
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity:1
}
to {
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity:0
}
}
@keyframes flipOutX {
from {
transform:perspective(400px)
}
30% {
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity:1
}
to {
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity:0
}
}
.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}
@-webkit-keyframes flipOutY {
from {
transform:perspective(400px)
}
30% {
transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity:1
}
to {
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity:0
}
}
@keyframes flipOutY {
from {
transform:perspective(400px)
}
30% {
transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity:1
}
to {
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity:0
}
}
.flipOutY {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}
@-webkit-keyframes lightSpeedIn {
from {
transform:translate3d(100%, 0, 0) skewX(-30deg);
opacity:0
}
60% {
transform:skewX(20deg);
opacity:1
}
80% {
transform:skewX(-5deg);
opacity:1
}
to {
transform:none;
opacity:1
}
}
@keyframes lightSpeedIn {
from {
transform:translate3d(100%, 0, 0) skewX(-30deg);
opacity:0
}
60% {
transform:skewX(20deg);
opacity:1
}
80% {
transform:skewX(-5deg);
opacity:1
}
to {
transform:none;
opacity:1
}
}
.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedOut {
from {
opacity:1
}
to {
transform:translate3d(100%, 0, 0) skewX(30deg);
opacity:0
}
}
@keyframes lightSpeedOut {
from {
opacity:1
}
to {
transform:translate3d(100%, 0, 0) skewX(30deg);
opacity:0
}
}
.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}
@-webkit-keyframes rotateIn {
from {
transform-origin:center;
transform:rotate3d(0, 0, 1, -200deg);
opacity:0
}
to {
transform-origin:center;
transform:none;
opacity:1
}
}
@keyframes rotateIn {
from {
transform-origin:center;
transform:rotate3d(0, 0, 1, -200deg);
opacity:0
}
to {
transform-origin:center;
transform:none;
opacity:1
}
}
.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}
@-webkit-keyframes rotateInDownLeft {
from {
transform-origin:left bottom;
transform:rotate3d(0, 0, 1, -45deg);
opacity:0
}
to {
transform-origin:left bottom;
transform:none;
opacity:1
}
}
@keyframes rotateInDownLeft {
from {
transform-origin:left bottom;
transform:rotate3d(0, 0, 1, -45deg);
opacity:0
}
to {
transform-origin:left bottom;
transform:none;
opacity:1
}
}
.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight {
from {
transform-origin:right bottom;
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
to {
transform-origin:right bottom;
transform:none;
opacity:1
}
}
@keyframes rotateInDownRight {
from {
transform-origin:right bottom;
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
to {
transform-origin:right bottom;
transform:none;
opacity:1
}
}
.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft {
from {
transform-origin:left bottom;
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
to {
transform-origin:left bottom;
transform:none;
opacity:1
}
}
@keyframes rotateInUpLeft {
from {
transform-origin:left bottom;
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
to {
transform-origin:left bottom;
transform:none;
opacity:1
}
}
.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight {
from {
transform-origin:right bottom;
transform:rotate3d(0, 0, 1, -90deg);
opacity:0
}
to {
transform-origin:right bottom;
transform:none;
opacity:1
}
}
@keyframes rotateInUpRight {
from {
transform-origin:right bottom;
transform:rotate3d(0, 0, 1, -90deg);
opacity:0
}
to {
transform-origin:right bottom;
transform:none;
opacity:1
}
}
.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}
@-webkit-keyframes rotateOut {
from {
transform-origin:center;
opacity:1
}
to {
transform-origin:center;
transform:rotate3d(0, 0, 1, 200deg);
opacity:0
}
}
@keyframes rotateOut {
from {
transform-origin:center;
opacity:1
}
to {
transform-origin:center;
transform:rotate3d(0, 0, 1, 200deg);
opacity:0
}
}
.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}
@-webkit-keyframes rotateOutDownLeft {
from {
transform-origin:left bottom;
opacity:1
}
to {
transform-origin:left bottom;
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
}
@keyframes rotateOutDownLeft {
from {
transform-origin:left bottom;
opacity:1
}
to {
transform-origin:left bottom;
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
}
.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight {
from {
transform-origin:right bottom;
opacity:1
}
to {
transform-origin:right bottom;
transform:rotate3d(0, 0, 1, -45deg);
opacity:0
}
}
@keyframes rotateOutDownRight {
from {
transform-origin:right bottom;
opacity:1
}
to {
transform-origin:right bottom;
transform:rotate3d(0, 0, 1, -45deg);
opacity:0
}
}
.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft {
from {
transform-origin:left bottom;
opacity:1
}
to {
transform-origin:left bottom;
transform:rotate3d(0, 0, 1, -45deg);
opacity:0
}
}
@keyframes rotateOutUpLeft {
from {
transform-origin:left bottom;
opacity:1
}
to {
transform-origin:left bottom;
transform:rotate3d(0, 0, 1, -45deg);
opacity:0
}
}
.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight {
from {
transform-origin:right bottom;
opacity:1
}
to {
transform-origin:right bottom;
transform:rotate3d(0, 0, 1, 90deg);
opacity:0
}
}
@keyframes rotateOutUpRight {
from {
transform-origin:right bottom;
opacity:1
}
to {
transform-origin:right bottom;
transform:rotate3d(0, 0, 1, 90deg);
opacity:0
}
}
.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}
@-webkit-keyframes hinge {
0% {
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%, 60% {
transform:rotate3d(0, 0, 1, 80deg);
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
40%, 80% {
transform:rotate3d(0, 0, 1, 60deg);
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1
}
to {
transform:translate3d(0, 700px, 0);
opacity:0
}
}
@keyframes hinge {
0% {
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%, 60% {
transform:rotate3d(0, 0, 1, 80deg);
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
40%, 80% {
transform:rotate3d(0, 0, 1, 60deg);
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1
}
to {
transform:translate3d(0, 700px, 0);
opacity:0
}
}
.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}
@-webkit-keyframes jackInTheBox {
from {
opacity:0;
transform:scale(.1) rotate(30deg);
transform-origin:center bottom
}
50% {
transform:rotate(-10deg)
}
70% {
transform:rotate(3deg)
}
to {
opacity:1;
transform:scale(1)
}
}
@keyframes jackInTheBox {
from {
opacity:0;
transform:scale(.1) rotate(30deg);
transform-origin:center bottom
}
50% {
transform:rotate(-10deg)
}
70% {
transform:rotate(3deg)
}
to {
opacity:1;
transform:scale(1)
}
}
.jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox
}
@-webkit-keyframes rollIn {
from {
opacity:0;
transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
}
to {
opacity:1;
transform:none
}
}
@keyframes rollIn {
from {
opacity:0;
transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
}
to {
opacity:1;
transform:none
}
}
.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}
@-webkit-keyframes rollOut {
from {
opacity:1
}
to {
opacity:0;
transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
}
}
@keyframes rollOut {
from {
opacity:1
}
to {
opacity:0;
transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
}
}
.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}
@-webkit-keyframes zoomIn {
from {
opacity:0;
transform:scale3d(.3, .3, .3)
}
50% {
opacity:1
}
}
@keyframes zoomIn {
from {
opacity:0;
transform:scale3d(.3, .3, .3)
}
50% {
opacity:1
}
}
.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}
@-webkit-keyframes zoomInDown {
from {
opacity:0;
transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInDown {
from {
opacity:0;
transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}
@-webkit-keyframes zoomInLeft {
from {
opacity:0;
transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInLeft {
from {
opacity:0;
transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}
@-webkit-keyframes zoomInRight {
from {
opacity:0;
transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInRight {
from {
opacity:0;
transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}
@-webkit-keyframes zoomInUp {
from {
opacity:0;
transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInUp {
from {
opacity:0;
transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}
@-webkit-keyframes zoomOut {
from {
opacity:1
}
50% {
opacity:0;
transform:scale3d(.3, .3, .3)
}
to {
opacity:0
}
}
@keyframes zoomOut {
from {
opacity:1
}
50% {
opacity:0;
transform:scale3d(.3, .3, .3)
}
to {
opacity:0
}
}
.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}
@-webkit-keyframes zoomOutDown {
40% {
opacity:1;
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
to {
opacity:0;
transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomOutDown {
40% {
opacity:1;
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
to {
opacity:0;
transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity:1;
transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
to {
opacity:0;
transform:scale(.1) translate3d(-2000px, 0, 0);
transform-origin:left center
}
}
@keyframes zoomOutLeft {
40% {
opacity:1;
transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
to {
opacity:0;
transform:scale(.1) translate3d(-2000px, 0, 0);
transform-origin:left center
}
}
.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}
@-webkit-keyframes zoomOutRight {
40% {
opacity:1;
transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
to {
opacity:0;
transform:scale(.1) translate3d(2000px, 0, 0);
transform-origin:right center
}
}
@keyframes zoomOutRight {
40% {
opacity:1;
transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
to {
opacity:0;
transform:scale(.1) translate3d(2000px, 0, 0);
transform-origin:right center
}
}
.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}
@-webkit-keyframes zoomOutUp {
40% {
opacity:1;
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
to {
opacity:0;
transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomOutUp {
40% {
opacity:1;
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
to {
opacity:0;
transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}
@-webkit-keyframes slideInDown {
from {
transform:translate3d(0, -100%, 0);
visibility:visible
}
to {
transform:translate3d(0, 0, 0)
}
}
@keyframes slideInDown {
from {
transform:translate3d(0, -100%, 0);
visibility:visible
}
to {
transform:translate3d(0, 0, 0)
}
}
.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}
@-webkit-keyframes slideInLeft {
from {
transform:translate3d(-100%, 0, 0);
visibility:visible
}
to {
transform:translate3d(0, 0, 0)
}
}
@keyframes slideInLeft {
from {
transform:translate3d(-100%, 0, 0);
visibility:visible
}
to {
transform:translate3d(0, 0, 0)
}
}
.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}
@-webkit-keyframes slideInRight {
from {
transform:translate3d(100%, 0, 0);
visibility:visible
}
to {
transform:translate3d(0, 0, 0)
}
}
@keyframes slideInRight {
from {
transform:translate3d(100%, 0, 0);
visibility:visible
}
to {
transform:translate3d(0, 0, 0)
}
}
.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}
@-webkit-keyframes slideInUp {
from {
transform:translate3d(0, 100%, 0);
visibility:visible
}
to {
transform:translate3d(0, 0, 0)
}
}
@keyframes slideInUp {
from {
transform:translate3d(0, 100%, 0);
visibility:visible
}
to {
transform:translate3d(0, 0, 0)
}
}
.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}
@-webkit-keyframes slideOutDown {
from {
transform:translate3d(0, 0, 0)
}
to {
visibility:hidden;
transform:translate3d(0, 100%, 0)
}
}
@keyframes slideOutDown {
from {
transform:translate3d(0, 0, 0)
}
to {
visibility:hidden;
transform:translate3d(0, 100%, 0)
}
}
.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}
@-webkit-keyframes slideOutLeft {
from {
transform:translate3d(0, 0, 0)
}
to {
visibility:hidden;
transform:translate3d(-100%, 0, 0)
}
}
@keyframes slideOutLeft {
from {
transform:translate3d(0, 0, 0)
}
to {
visibility:hidden;
transform:translate3d(-100%, 0, 0)
}
}
.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}
@-webkit-keyframes slideOutRight {
from {
transform:translate3d(0, 0, 0)
}
to {
visibility:hidden;
transform:translate3d(100%, 0, 0)
}
}
@keyframes slideOutRight {
from {
transform:translate3d(0, 0, 0)
}
to {
visibility:hidden;
transform:translate3d(100%, 0, 0)
}
}
.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}
@-webkit-keyframes slideOutUp {
from {
transform:translate3d(0, 0, 0)
}
to {
visibility:hidden;
transform:translate3d(0, -100%, 0)
}
}
@keyframes slideOutUp {
from {
transform:translate3d(0, 0, 0)
}
to {
visibility:hidden;
transform:translate3d(0, -100%, 0)
}
}
.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}
body {
    font: 400 16px/1.8 Microsoft JhengHei, Roboto, sans-serif
}
img {
    max-width: 100%;
    height: auto
}
.inset-2 {
    padding-top: 35px
}
.inset-3 {
    padding-top: 43px;
    padding-right: 100px
}

@media (max-width:991px) {
.inset-3 {
    padding-right: 30px;
    padding-left: 30px;
    padding-bottom: 30px
}
}

@media (max-width:479px) {
.inset-3 {
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 15px
}
}
.bg-contrast {
    background: #fff
}
.bg-contrast--after {
    position: relative
}
.bg-contrast--after:after {
    content: '';
    position: absolute;
    background: #fff;
    height: 100%;
    width: 5000px;
    left: 100%;
    top: 0
}

@media (max-width:991px) {
.bg-contrast--after:after {
    display: none
}
}
.bg-contrast--before {
    position: relative
}
.bg-contrast--before:before {
    content: '';
    position: absolute;
    background: #fff;
    height: 100%;
    width: 5000px;
    right: 100%;
    top: 0
}

@media (max-width:991px) {
.bg-contrast--before:before {
    display: none
}
}
.image-wrap-1 {
    position: relative
}
.image-wrap-1 img {
    max-width: none;
    position: absolute;
    left: 100%;
    bottom: 0
}

@media (max-width:991px) {
.image-wrap-1 img {
    position: static;
    max-width: 100%;
    width: 100%;
    margin-top: 30px
}
}
.thumb {
    display: block;
    position: relative
}
.thumb img {
    width: 100%;
    height: auto;
    transition: .5s all ease
}
.thumb_overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: .3s all ease;
    color: #fff;
    background: 0 0
}
.thumb_overlay:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    font: 400 40px "Material Icons";
    line-height: 40px;
    margin-top: -20px;
    text-align: center
}
.lt-ie9 .thumb_overlay:before {
    display: none
}
.thumb:hover .thumb_overlay {
    opacity: 1;
    background: rgba(52,152,219,.8)
}
.lt-ie9 .thumb:hover .thumb_overlay {
    background: 0 0;
    zoom: 1
}
.lt-ie9 .thumb:hover .thumb_overlay:before {
    display: block
}
.fw-normal {
    font-weight: 400!important
}
.border-2 {
    border: 2px solid #000;
    border: 2px solid #333!important;
    display: block;
    background-color: pink
}
.line-height-15 {
    line-height: 1.5!important
}
.text-lightgray {
    color: #8e8e8e
}
.lightgray-bg {
    background-color: #e6e6e6
}
.fs-26 {
    font-size: 26px!important
}
.fs-20 {
    font-size: 20px!important
}
.bg-inbanner {
    background-repeat: no-repeat;
    background-size: cover
}
h3.color-white {
    text-shadow: 1px 1px 2px #333
}
.fs-26 {
    font-size: 26px
}
.yu2 {
    text-shadow: 1px 1px 2px #333
}
.owl-item img {
    width: 100%
}
[class*=color-] a:not(.btn):focus, [class*=color-] a:not(.btn):hover {
    opacity: 1;
    color: #fff;
    text-shadow: 2px 2px 3px #333
}
.box-bg1 {
    background-color: #029fe8
}
.box-bg2 {
    background-color: #0e599a
}
.box-bg3 {
    background-color: #0f065a
}
.text-white {
    color: #fff
}
.box-icon .icon-box-icon {
    color: #fff
}
.comment-content {
    position: relative
}
.details-span {
    font-family: "ARDELANEY"!important;
    color: #2db8c4;
    font-size: 30px;
}
.btn.btn-base.nu1 {
    border: none;
    color: #fff;
    text-shadow: 1px 1px 2px #333;
    transition: .3s ease-out
}
a.btn.btn-base.nu1:hover {
    transition: .3s ease-out
}
.icons-list .active {
    color: #3498db
}
.mb30 {
    margin-bottom: 30px!important
}
.titleindexpdtcon {
    height: 44px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}
.titleindexpdt {
    height: 44px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}
.titleindexpdt.spcenter {
    height: 44px;
    display: grid;
    align-items: center;
    justify-content: center
}
.titleindexpdt0 {
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}
.titleindexpdt0.spcenter {
    height: 36px;
    display: grid;
    align-items: center;
    justify-content: center
}
.titleindexpdtcon0 {
    height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 14px
}
.titleindexpdt1 {
    height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}
.titleindexpdt1.spcenter {
    height: 60px;
    display: grid;
    align-items: left;
    justify-content: left;
    padding-left: 10px
}
.titleindexpdt2 {
    height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}
.titleindexpdt2.spcenter {
    height: 60px;
    display: grid;
    align-items: center;
    justify-content: center
}
.titleindexpdt3 {
    height: 38px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}
.titleindexpdt3.spcenter {
    height: 70px;
    display: grid;
    align-items: left;
    -webkit-justify-content: center
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #555;
    background-color: transparent;
    border: 1px solid #ddd;
    border-bottom-color: transparent!important;
    cursor: default
}
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #eee0
}
.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 0 solid transparent!important;
    border-radius: 4px 4px 0 0
}
.nav-tabs>li {
    float: none!important;
    margin-bottom: -1px;
    display: inline-block
}
.box {
    display: table;
    flex-direction: row;
    justify-content: center;
    align-items: center
}
.boxitem {
    flex: 1;
    display: flex;
    text-align: center;
    vertical-align: middle
}

@media screen and (max-width:425px) {
.inner-brand .brand-dark {
    width: 175px;
    margin-top: 15px
}
.ssssfooter {
    text-align: center
}
.box {
    display: flex;
    flex-direction: column
}
.btn.btn-round.btn-base.fs-16.nu1.sss {
    display: block
}
.module-sm{   
    background-size: 200%!important;
    background-repeat: no-repeat!important;
}
}

@media (min-width:992px) and (max-width:1199px) {
.product-slider .owl-controls .item-link {
    width: 90px;
    height: 76px!important;

}
}

@media (width:375px) {
.product-slider .owl-controls .item-link {
    width: 81px;
    height: 81px
}
}

@media screen and (max-width:991px) {
.extras-search #modal-search {
    margin-top: 10px
}
}
.contactword1 {
    font-size: 14px;
    margin-bottom: 10px
}
.contactword2 {
    font-size: 13px
}
.color7b {
    color: #7b7b7b
}
.box {
    border: 2px solid #eee;
    padding: 20px
}
.spsizeimg {
    width: 300px
}
.spimg-serviceab {
    max-width: 60px!important
}
.nav.nav-tabs.nav-text-tabs li .m-t-10 {
    color: #7b7b7b;
    font-size: 13px;
    font-weight: 700
}

@media (max-width:568px) and (orientation:landscape) {
.fullheight {
    height: 195vh!important
}
}

@media (min-width:569px) and (max-width:736px) {
.fullheight {
    height: 195vh
}
}

@media (min-width:737px) and (max-width:823px) {
.fullheight {
    height: 170vh
}
}
.work-caption .fa {
    font-size: 40px;
    color: #fff
}
.nav-ab>li {
    display: inline-flex
}
.nav-ab>li>a {
    line-height: 70px;
    border: 1px #ccc solid;
    width: 130px;
    height: 130px;
    vertical-align: middle;
    margin-bottom: 5px
}
.m-t-10 {
    color: #7b7b7b;
    font-size: 13px;
    font-weight: 700
}

@media (min-width:450px) and (max-width:1920px) {
.flex {
    display: flex;
    align-items: center
}
}

@media screen and (max-width:449px) {
.flex {
    text-align: center
}
}
@media (min-width: 1024px) and (max-width: 1280px) {
    .work-caption {
        bottom:-3rem;

    }
}