/* Info
================================================== 
     Author: www.windowsvlx.com 
     Version: 1.0
     License: GNU General Public License version
 ================================================== 
 Info */


/* Fonts
================================================== */

/* ================================================== 
    GENERAL CODES
================================================== */

.padding-100 {
    padding-bottom: 100px !important;
    padding-top: 100px !important;
}

.padding-90 {
    padding-bottom: 90px !important;
    padding-top: 90px !important;
}

.padding-80 {
    padding-bottom: 80px !important;
    padding-top: 80px !important;
}

.padding-70 {
    padding-bottom: 70px !important;
    padding-top: 70px !important;
}

.padding-60 {
    padding-bottom: 60px !important;
    padding-top: 60px !important;
}

.padding-50 {
    padding-bottom: 50px !important;
    padding-top: 50px !important;
}

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

.padding-30 {
    padding-bottom: 30px !important;
    padding-top: 30px !important;
}

.no-bottom-padding {
    padding-bottom: 0px !important;
}

.no-top-padding {
    padding-top: 0 !important;
}

.no-margin {
    margin: 0 !important;
}

.no-margin-bottom {
    margin-bottom: 0 !important;
}

.no-margin-top {
    margin-top: 0 !important;
}

.no-margin-left {
    margin-left: 0 !important;
}

.no-margin-right {
    margin-right: 0 !important;
}

.pull-bottom {
    margin-bottom: 35px;
}

.pull-bottom-small {
    margin-bottom: 20px;
}

.pull-bottom-big {
    margin-bottom: 45px;
}

.pull-top-small {
    margin-top: 20px;
}

.pull-top {
    margin-top: 35px;
}

.pull-top-big {
    margin-top: 50px;
}


.v-height-mini {
    height: 15px !important;
}

.v-height-small {
    height: 30px !important;
}

.v-height-standard {
    height: 50px !important;
}

.v-height-big {
    height: 75px !important;
}

.v-lead {
    font-size: 14px;
    line-height: 24px;
}

div.center {
    text-align: center !important;
}

::selection, ::-moz-selection {
    background-color: #25CBF5;
    color: #fff;
}


.no-js-alert {
    background: none repeat scroll 0 0 #222222;
    color: #FFFFFF;
    font-size: 24px;
    height: 100%;
    left: 0;
    -moz-opacity: 0.9;
    opacity: 0.9;
    filter: alpha(opacity=90);
    padding: 20% 5% 0;
    position: fixed;
    text-align: center;
    top: 0;
    width: 90%;
    z-index: 9999;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.clearfix {
    clear: none !important;
}

#container {
    position: relative;
    background: white;
    /*z-index: 99;
    overflow: hidden;
    -webkit-transition: -webkit-transform 0.5s;
    -moz-transition: transform 0.5s;
    -o-transition: transform 0.5s;
    transition: transform 0.5s;
    -webkit-transform-origin: 50% 1%;
    -moz-transform-origin: 50% 1%;
    -ms-transform-origin: 50% 1%;
    -o-transform-origin: 50% 1%;
    transform-origin: 50% 1%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;*/
}

.no-csstransforms3d #container {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform-style: flat;
    transform-style: flat;
    position: inherit;
}

iframe {
    border: 0;
}

video.wp-video-shortcode {
    max-width: 100%;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 14px;
    line-height: 2;
}

table th {
    font-weight: bold;
}

table thead th {
    text-transform: uppercase;
}

table tr > th {
    padding-right: 20px;
}

table td {
    padding: 5px 10px 5px 0;
}

address {
    font-style: italic;
    margin: 0 0 24px;
}

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

ins {
    background: #fff9c0;
    text-decoration: none;
}

pre {
    background: #f5f5f5;
    color: #666;
    font-family: monospace;
    font-size: 14px;
    margin: 20px 0;
    overflow: auto;
    padding: 20px;
    white-space: pre;
    white-space: pre-wrap;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    border: 1px solid #E4E4E4;
    border-radius: 2px;
}

audio {
    margin: 20px 0;
}

.v-spacer {
    min-height: 0;
}

.chat-transcript .chat-author {
    font-weight: bold;
}

.nicescroll-rails {
    background: #fff;
    width: 5px !important;
}

.nicescroll-rails > div {
    width: 5px !important;
    border: 0 !important;
    background: #666 !important;
    -moz-border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
    border-radius: 6px !important;
}

.fw-row {
    margin-left: 0;
    margin-right: 0;
}

.row.fw-row .coloured-box-wrap .col-sm-2,
.row.fw-row .coloured-box-wrap .col-sm-3,
.row.fw-row .coloured-box-wrap .col-sm-4 {
    padding-left: 0px;
    padding-right: 0px;
}

.row.fw-row .coloured-box-wrap .btn.v-btn {
    margin-top: 10px;
}

.row.fw-row .coloured-box-wrap .coloured-box-inner {
    padding: 12%;
    color: #ffffff;
}

.single .container .body-text > .container {
    margin-left: -15px;
    max-width: 100%;
}

.modal-body .container {
    max-width: 100%;
}

.white-color {
    color: white !important;
}

div.white-color {
    color: white !important;
}

.v-color,
div.v-color {
    color: #25CBF5;
}

.v-link {
    color:#25CBF5;
}
.v-link:hover {
    border-bottom:1px dotted #25CBF5;
}
.v-bg-color {
    background-color: #f7f7f7 !important;
}


/* --------------------------------------------
	STANDARD MEDIA STYLING
-------------------------------------------- */

figure {
    margin: 0;
}

figure img {
    width: 100%;
    height: auto;
}

figure a {
    display: block;
}

figure .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    z-index: 3;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-left: -0.6px;
    padding-right: 0.6px;
}

figure:hover > a > .overlay {
    -moz-opacity: 0.9;
    opacity: 0.9;
    filter: alpha(opacity=90);
    margin-top: -1.6px;
    padding-bottom: 1.6px;
}

figure.animated-overlay figcaption {
    background-color: rgba(29,198,223, 0.90);
}

figure.animated-overlay.transparent figcaption {
    background-color: transparent;
}

figure.animated-overlay figcaption .thumb-info h4,
figure.animated-overlay figcaption .thumb-info h5,
figcaption .thumb-info-excerpt p {
    color: #ffffff;
}

figure.animated-overlay figcaption .thumb-info i {
    background: #222222;
    color: #ffffff;
    cursor:pointer !important;

    -webkit-transform: scale(0.5) rotate(-90deg);
    -moz-transform: scale(0.5) rotate(-90deg);
    -ms-transform: scale(0.5) rotate(-90deg);
    -o-transform: scale(0.5) rotate(-90deg);
    transform: scale(0.5) rotate(-90deg);

    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

figure.animated-overlay figcaption .thumb-info i.fa-angle-right:before {
    content: '\E832';
    font-family: 'entypo-fontello'; 
}


@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@-moz-keyframes rotate {
    0% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@-o-keyframes rotate {
    0% {
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -o-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@keyframes rotate {
    0% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

figure:hover .overlay {
    box-shadow: inset 0 0 0 500px #25CBF5;
}

figcaption .thumb-info {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

figcaption .thumb-info h4 {
    line-height: 20px; 
    padding: 0 5%;
    width: 100%;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
    -moz-text-shadow: 0 0 5px rgba(0,0,0,.2);
    -webkit-text-shadow: 0 0 5px rgba(0,0,0,.2);
    text-shadow: 0 0 5px rgba(0,0,0,.2);
    position: absolute;
    bottom: 25px;
}

figcaption .thumb-info-extended h4 {
    margin-top: -60px;
}

figcaption .thumb-info-extended h5 {
    padding: 0 5%;
    width: 100%;
    position: absolute;
    bottom: 5px;
}

figcaption .thumb-info a:hover {
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
}

figcaption .thumb-info i {
    font-size: 18px;
    line-height: 24px;
    padding: 14px;
    border-radius: 50%;
    height: 24px;
    width: 24px;
    display: block;
    -moz-text-shadow: 0 0 5px rgba(0,0,0,.2);
    -webkit-text-shadow: 0 0 5px rgba(0,0,0,.2);
    text-shadow: 0 0 5px rgba(0,0,0,.2);
    text-align: center;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    left: 50%; 
    top: 47%;

    margin: -24px 0 0 -24px;
}

figcaption .thumb-info-v2 i {
    font-size: 18px;
    line-height: 30px;
    padding: 10px;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    top: 50%;
    margin-top: -25px;
    margin-left: -25px;
    left: 50%;
    position: absolute;
}

figcaption .thumb-info-excerpt h4 {
    line-height: 20px;
    margin-bottom: 0;
    padding: 0 5%;
    width: 100%;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
    -moz-text-shadow: 0 0 5px rgba(0,0,0,.2);
    -webkit-text-shadow: 0 0 5px rgba(0,0,0,.2);
    text-shadow: 0 0 5px rgba(0,0,0,.2);
    position: absolute;
    top: 40%;
    margin-top: -40px;
}

figcaption .thumb-info-excerpt p {
    line-height: 22px;
    margin-bottom: 0;
    padding: 0 5%;
    width: 100%;
    text-align: center;
    -moz-text-shadow: 0 0 5px rgba(0,0,0,.2);
    -webkit-text-shadow: 0 0 5px rgba(0,0,0,.2);
    text-shadow: 0 0 5px rgba(0,0,0,.2);
    position: absolute;
    top: 40%;
    margin-top: 0;
}

figcaption .thumb-info-excerpt i {
    display: none;
}

figure.animated-overlay {
    position: relative;
    overflow: visible;
    z-index: 2;
}

figure.animated-overlay > a {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
}

figure.animated-overlay .thumb-slider ul.slides li a {
    position: relative;
    z-index: 2;
}

figure.animated-overlay figcaption {
    height: 100%;
    width: 100%;
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
    text-align: center;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    background-image: url(../img/crease.svg);
    -moz-background-size: cover;
    background-size: cover;
    background-position: center center;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    -o-transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
}

.browser-ie figure.animated-overlay figcaption, .browser-ie10 figure.animated-overlay figcaption {
    background-image: none;
}

figure.animated-overlay:hover figcaption {
    opacity: 1;
    filter: alpha(opacity=100);
    /*-webkit-transform: translate(10px, 10px);
    -moz-transform: translate(10px, 10px);
    -ms-transform: translate(10px, 10px);
    -o-transform: translate(10px, 10px);
    transform: translate(10px, 10px);*/
}

figure.animated-overlay.overlay-alt:hover figcaption {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.curved-bar-styling {
    border: 1px solid #e4e4e4;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

ul.bar-styling {
    height: auto;
    overflow: hidden;
}

ul.page-numbers {
    float: right;
}

ul.bar-styling li, ul.page-numbers li {
    float: left;
    display: block;
}

ul.bar-styling li > a,
ul.bar-styling li > div,
ul.page-numbers li > a,
ul.page-numbers li > span {
    padding: 8px 15px;
    border: 1px solid transparent;
    display: block;
    margin-right: -1px;
    text-decoration: none;
    height: auto;
    overflow: hidden;
}

ul.bar-styling li > form input {
    border: 1px solid transparent;
    display: block;
    margin-right: -1px;
    overflow: hidden;
    padding: 10px 14px;
    height: 40px;
    font-size: 14px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

ul.bar-styling li:first-child a,
ul.bar-styling li:first-child div,
ul.page-numbers li:first-child a,
ul.page-numbers li:first-child span {
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

ul.bar-styling li:last-child a,
ul.bar-styling li:last-child div,
ul.page-numbers li:last-child a,
ul.page-numbers li:last-child span {
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

ul.page-numbers li a.prev i, ul.page-numbers li a.next i {
    height: 10px;
    display: inline-block;
    vertical-align: -3px;
}

.v-pagination li a:hover,
ul.bar-styling li:not(.selected) > a:hover,
ul.bar-styling li > .comments-likes:hover,
ul.page-numbers li > a:hover,
ul.page-numbers li > span.current {
    color: #ffffff !important;
    background: #25CBF5;
    border-color: #25CBF5;
}

ul.bar-styling li > .comments-likes:hover * {
    color: #ffffff !important;
}

.v-pagination li a,
.v-pagination li span,
.v-pagination li span.expand,
ul.bar-styling li > a,
ul.bar-styling li > div,
ul.page-numbers li > a,
ul.page-numbers li > span,
.curved-bar-styling,
ul.bar-styling li > form input {
    border-color: #e4e4e4;
}

ul.bar-styling li > a,
ul.bar-styling li > span,
ul.bar-styling li > div,
ul.bar-styling li > form input {
    background-color: #ffffff;
}

ul.bar-styling li.facebook > a:hover {
    color: #fff !important;
    background: #3b5998;
    border-color: #3b5998;
}

ul.bar-styling li.twitter > a:hover {
    color: #fff !important;
    background: #4099FF;
    border-color: #4099FF;
}

ul.bar-styling li.google-plus > a:hover {
    color: #fff !important;
    background: #d34836;
    border-color: #d34836;
}

ul.bar-styling li.pinterest > a:hover {
    color: #fff !important;
    background: #cb2027;
    border-color: #cb2027;
}

.modal-header {
    padding: 22px 30px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #f7f7f7;
}

.modal-header h2, .modal-header h3 {
    margin: 0;
}

.modal-header .close {
    margin-top: 2px;
    outline: none !important;
}

.modal-body {
    padding: 20px 30px;
}

.viewer li {
    -webkit-transition: width 500ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
    -moz-transition: width 500ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
    -o-transition: width 500ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
    transition: width 500ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
}

.viewer .caption {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 1.5s ease-in-out;
    -moz-transition: opacity 1.5s ease-in-out;
    -o-transition: opacity 1.5s ease-in-out;
    transition: opacity 1.5s ease-in-out;
}

.viewer .current .caption {
    opacity: 100;
    visibility: visible;
}

.viewer .close:hover {
    color: #fff;
}

/* --------------------------------------------
	GRID EFFECTS
-------------------------------------------- */

.grid {
	list-style: none;
}

.grid > li {
	display: block;
	float: left;
	opacity: 0;
}

.grid > li.shown,
.no-js .grid > li,
.no-cssanimations .grid > li,
.grid.no-effect > li {
	opacity: 1;
}

/* Effect 1: opacity */
    .grid.effect-1 li.animate {
        -webkit-animation: fadeIn 0.65s ease forwards;
        -moz-animation: fadeIn 0.65s ease forwards;
        -o-animation: fadeIn 0.65s ease forwards;
        animation: fadeIn 0.65s ease forwards;
    }

/* Effect 2: Move Up */
    .grid.effect-2 li.animate {
        -webkit-transform: translateY(200px);
        -moz-transform: translateY(200px);
        -ms-transform: translateY(200px);
        -o-transform: translateY(200px);
        transform: translateY(200px);
        -webkit-animation: moveUp 0.65s ease forwards;
        -moz-animation: moveUp 0.65s ease forwards;
        -o-animation: moveUp 0.65s ease forwards;
        animation: moveUp 0.65s ease forwards;
    }

/* Effect 3: Scale up */
    .grid.effect-3 li.animate {
        -webkit-transform: scale(0.6);
        -moz-transform: scale(0.6);
        -ms-transform: scale(0.6);
        -o-transform: scale(0.6);
        transform: scale(0.6);
        -webkit-animation: scaleUp 0.65s ease-in-out forwards;
        -moz-animation: scaleUp 0.65s ease-in-out forwards;
        -o-animation: scaleUp 0.65s ease-in-out forwards;
        animation: scaleUp 0.65s ease-in-out forwards;
    }

/* Effect 4: fall perspective */
    .grid.effect-4 {
        -webkit-perspective: 1300px;
        -moz-perspective: 1300px;
        -ms-perspective: 1300px;
        perspective: 1300px;
    }

        .grid.effect-4 li.animate {
            -webkit-transform-style: preserve-3d;
            -moz-transform-style: preserve-3d;
            transform-style: preserve-3d;
            -webkit-transform: translateY(300px) rotateX(-90deg);
            -moz-transform: translateY(300px) rotateX(-90deg);
            -ms-transform: translateY(300px) rotateX(-90deg);
            -o-transform: translateY(300px) rotateX(-90deg);
            transform: translateY(300px) rotateX(-90deg);
            -webkit-animation: fallPerspective .8s ease-in-out forwards;
            -moz-animation: fallPerspective .8s ease-in-out forwards;
            -o-animation: fallPerspective .8s ease-in-out forwards;
            animation: fallPerspective .8s ease-in-out forwards;
        }

/* Effect 5: fly (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
    .grid.effect-5 {
        -webkit-perspective: 1300px;
        -moz-perspective: 1300px;
        -ms-perspective: 1300px;
        perspective: 1300px;
    }

        .grid.effect-5 li.animate {
            -webkit-transform-style: preserve-3d;
            -moz-transform-style: preserve-3d;
            transform-style: preserve-3d;
            -webkit-transform-origin: 50% 50%;
            -moz-transform-origin: 50% 50%;
            -ms-transform-origin: 50% 50%;
            -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
            -webkit-transform: rotateX(-180deg);
            -moz-transform: rotateX(-180deg);
            -ms-transform: rotateX(-180deg);
            -o-transform: rotateX(-180deg);
            transform: rotateX(-180deg);
            -webkit-animation: fly .8s ease-in-out forwards;
            -moz-animation: fly .8s ease-in-out forwards;
            -o-animation: fly .8s ease-in-out forwards;
            animation: fly .8s ease-in-out forwards;
        }

/* Effect 6: flip (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
    .grid.effect-6 {
        -webkit-perspective: 1300px;
        -moz-perspective: 1300px;
        -ms-perspective: 1300px;
        perspective: 1300px;
    }

        .grid.effect-6 li.animate {
            -webkit-transform-style: preserve-3d;
            -moz-transform-style: preserve-3d;
            transform-style: preserve-3d;
            -webkit-transform-origin: 0% 0%;
            -moz-transform-origin: 0% 0%;
            -ms-transform-origin: 0% 0%;
            -o-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
            -webkit-transform: rotateX(-80deg);
            -moz-transform: rotateX(-80deg);
            -ms-transform: rotateX(-80deg);
            -o-transform: rotateX(-80deg);
            transform: rotateX(-80deg);
            -webkit-animation: flip .8s ease-in-out forwards;
            -moz-animation: flip .8s ease-in-out forwards;
            -o-animation: flip .8s ease-in-out forwards;
            animation: flip .8s ease-in-out forwards;
        }

/* Effect 7: helix (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
    .grid.effect-7 {
        -webkit-perspective: 1300px;
        -moz-perspective: 1300px;
        -ms-perspective: 1300px;
        perspective: 1300px;
    }

        .grid.effect-7 li.animate {
            -webkit-transform-style: preserve-3d;
            -moz-transform-style: preserve-3d;
            transform-style: preserve-3d;
            -webkit-transform: rotateY(-180deg);
            -moz-transform: rotateY(-180deg);
            -ms-transform: rotateY(-180deg);
            -o-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
            -webkit-animation: helix .8s ease-in-out forwards;
            -moz-animation: helix .8s ease-in-out forwards;
            -o-animation: helix .8s ease-in-out forwards;
            animation: helix .8s ease-in-out forwards;
        }

/* Effect 8:  */
    .grid.effect-8 {
        -webkit-perspective: 1300px;
        -moz-perspective: 1300px;
        -ms-perspective: 1300px;
        perspective: 1300px;
    }

        .grid.effect-8 li.animate {
            -webkit-transform-style: preserve-3d;
            -moz-transform-style: preserve-3d;
            transform-style: preserve-3d;
            -webkit-transform: scale(0.4);
            -moz-transform: scale(0.4);
            -ms-transform: scale(0.4);
            -o-transform: scale(0.4);
            transform: scale(0.4);
            -webkit-animation: popUp .8s ease-in forwards;
            -moz-animation: popUp .8s ease-in forwards;
            -o-animation: popUp .8s ease-in forwards;
            animation: popUp .8s ease-in forwards;
        }



/* --------------------------------------------
	FLEXSLIDER / REVSLIDER
-------------------------------------------- */

.flexslider {
    background: transparent;
    border: 0;
    width: 100%;
    z-index: 2;
    display: block;
    position: relative;
    overflow: hidden;
}

.flexslider ul.slides {
    background: transparent;
    margin: 0;
    height: auto;
    overflow: hidden;
    list-style: none !important;
}

.flexslider .slides > li {
    position: relative;
    text-align: center;
    overflow: hidden;
    margin: 0;
    display: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flexslider .slides li img {
    max-width: 100%;
    width: 100%;
    height: auto;
    display: block !important;
}

.flex-direction-nav,
.flex-direction-nav li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.flex-direction-nav a, .carousel-wrap a.next, .carousel-wrap a.prev {
    width: 38px;
    height: 38px;
    margin: -19px 0 0;
    display: block;
    background: transparent url('../img/base/showcase-nav.png') no-repeat center left;
    position: absolute;
    top: 50%;
    cursor: pointer;
    text-indent: -9999px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 3;
}

.flex-direction-nav .flex-next {
    background-position: center right;
    right: -36px;
}

.flex-direction-nav .flex-prev {
    left: -36px;
}


/*Carousel Wrap*/
.carousel-wrap > a {
    color: #333333;
}

.carousel-wrap > a:hover {
    color: #25CBF5 !important;
}

.carousel-wrap a.prev {
    left: -10px;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}

.carousel-wrap a.next {
    right: -10px;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    background-position: center right;
}

.carousel-wrap:hover a.next, .carousel-wrap:hover a.prev {
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
}

.flex-direction-nav .flex-disabled {
    opacity: 0 !important;
    filter: alpha(opacity=0) !important;
    pointer-events: none;
}

.carousel-wrap {
    position: relative;
    margin-right: -11px;
    margin-left: -11px;
}