/* Minification failed. Returning unminified contents.
(3226,1): run-time error CSS1019: Unexpected token, found '/'
 */
@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 * animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.
 * [CDNJS](https://cdnjs.com/libraries/animate.css)
 * Copyright (c) 2017 Daniel Eden
 */

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

    .animated.infinite {
        animation-iteration-count: infinite;
    }

    .animated.hinge {
        animation-duration: 2s;
    }

    .animated.flipOutX,
    .animated.flipOutY,
    .animated.bounceIn,
    .animated.bounceOut {
        animation-duration: .75s;
    }

@keyframes bounce {
    from, 20%, 53%, 80%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transform: translate3d(0,0,0);
    }

    40%, 43% {
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        transform: translate3d(0,-4px,0);
    }
}

.bounce {
    animation-name: bounce;
    transform-origin: center bottom;
}

@keyframes flash {
    from, 50%, to {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

.flash {
    animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes pulse {
    from {
        transform: scale3d(1, 1, 1);
    }

    50% {
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        transform: scale3d(1, 1, 1);
    }
}

.pulse {
    animation-name: pulse;
}

@keyframes rubberBand {
    from {
        transform: scale3d(1, 1, 1);
    }

    30% {
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        transform: scale3d(.95, 1.05, 1);
    }

    75% {
        transform: scale3d(1.05, .95, 1);
    }

    to {
        transform: scale3d(1, 1, 1);
    }
}

.rubberBand {
    animation-name: rubberBand;
}

@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 {
    animation-name: shake;
}

@keyframes headShake {
    0% {
        transform: translateX(0);
    }

    6.5% {
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        transform: translateX(0);
    }
}

.headShake {
    animation-timing-function: ease-in-out;
    animation-name: headShake;
}

@keyframes swing {
    20% {
        transform: 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;
    animation-name: swing;
}

@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 {
    animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@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 {
    animation-name: wobble;
}

@keyframes jello {
    from, 11.1%, to {
        transform: none;
    }

    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

.jello {
    animation-name: jello;
    transform-origin: center;
}

@keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    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 {
    animation-name: bounceIn;
}

@keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0);
    }

    75% {
        transform: translate3d(0, -10px, 0);
    }

    90% {
        transform: translate3d(0, 5px, 0);
    }

    to {
        transform: none;
    }
}

.bounceInDown {
    animation-name: bounceInDown;
}

@keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0);
    }

    75% {
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        transform: translate3d(5px, 0, 0);
    }

    to {
        transform: none;
    }
}

.bounceInLeft {
    animation-name: bounceInLeft;
}

@keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    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 {
    animation-name: bounceInRight;
}

@keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    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 {
    animation-name: bounceInUp;
}

@keyframes bounceOut {
    20% {
        transform: scale3d(.9, .9, .9);
    }

    50%, 55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }
}

.bounceOut {
    animation-name: bounceOut;
}

@keyframes bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0);
    }

    40%, 45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0);
    }
}

.bounceOutDown {
    animation-name: bounceOutDown;
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0);
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0);
    }
}

.bounceOutLeft {
    animation-name: bounceOutLeft;
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0);
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0);
    }
}

.bounceOutRight {
    animation-name: bounceOutRight;
}

@keyframes bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0);
    }

    40%, 45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
    }
}

.bounceOutUp {
    animation-name: bounceOutUp;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    animation-name: fadeIn;
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInDown {
    animation-name: fadeInDown;
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInDownBig {
    animation-name: fadeInDownBig;
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInLeft {
    animation-name: fadeInLeft;
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInLeftBig {
    animation-name: fadeInLeftBig;
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInRight {
    animation-name: fadeInRight;
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInRightBig {
    animation-name: fadeInRightBig;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInUp {
    animation-name: fadeInUp;
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInUpBig {
    animation-name: fadeInUpBig;
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.fadeOut {
    animation-name: fadeOut;
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    animation-name: fadeOutDown;
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0);
    }
}

.fadeOutDownBig {
    animation-name: fadeOutDownBig;
}

@keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }
}

.fadeOutLeft {
    animation-name: fadeOutLeft;
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0);
    }
}

.fadeOutLeftBig {
    animation-name: fadeOutLeftBig;
}

@keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight {
    animation-name: fadeOutRight;
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0);
    }
}

.fadeOutRightBig {
    animation-name: fadeOutRightBig;
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    animation-name: fadeOutUp;
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
    }
}

.fadeOutUpBig {
    animation-name: fadeOutUpBig;
}

@keyframes flip {
    from {
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        animation-timing-function: ease-out;
    }

    40% {
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        animation-timing-function: ease-out;
    }

    50% {
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        animation-timing-function: ease-in;
    }

    80% {
        transform: perspective(400px) scale3d(.95, .95, .95);
        animation-timing-function: ease-in;
    }

    to {
        transform: perspective(400px);
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    animation-name: flip;
}

@keyframes flipInX {
    from {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        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;
    animation-name: flipInX;
}

@keyframes flipInY {
    from {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        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;
    animation-name: flipInY;
}

@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 {
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@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;
    animation-name: flipOutY;
}

@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 {
    animation-name: lightSpeedIn;
    animation-timing-function: ease-out;
}

@keyframes lightSpeedOut {
    from {
        opacity: 1;
    }

    to {
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    animation-name: lightSpeedOut;
    animation-timing-function: ease-in;
}

@keyframes rotateIn {
    from {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        transform-origin: center;
        transform: none;
        opacity: 1;
    }
}

.rotateIn {
    animation-name: rotateIn;
}

@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 {
    animation-name: rotateInDownLeft;
}

@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 {
    animation-name: rotateInDownRight;
}

@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 {
    animation-name: rotateInUpLeft;
}

@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 {
    animation-name: rotateInUpRight;
}

@keyframes rotateOut {
    from {
        transform-origin: center;
        opacity: 1;
    }

    to {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

.rotateOut {
    animation-name: rotateOut;
}

@keyframes rotateOutDownLeft {
    from {
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    animation-name: rotateOutDownLeft;
}

@keyframes rotateOutDownRight {
    from {
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    animation-name: rotateOutDownRight;
}

@keyframes rotateOutUpLeft {
    from {
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    animation-name: rotateOutUpLeft;
}

@keyframes rotateOutUpRight {
    from {
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    animation-name: rotateOutUpRight;
}

@keyframes hinge {
    0% {
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        transform: rotate3d(0, 0, 1, 80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }

    40%, 80% {
        transform: rotate3d(0, 0, 1, 60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    to {
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

.hinge {
    animation-name: hinge;
}

@keyframes jackInTheBox {
    from {
        opacity: 0;
        transform: scale(0.1) rotate(30deg);
        transform-origin: center bottom;
    }

    50% {
        transform: rotate(-10deg);
    }

    70% {
        transform: rotate(3deg);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.jackInTheBox {
    animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollIn {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.rollIn {
    animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

.rollOut {
    animation-name: rollOut;
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn {
    animation-name: zoomIn;
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInDown {
    animation-name: zoomInDown;
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInLeft {
    animation-name: zoomInLeft;
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInRight {
    animation-name: zoomInRight;
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInUp {
    animation-name: zoomInUp;
}

@keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }

    to {
        opacity: 0;
    }
}

.zoomOut {
    animation-name: zoomOut;
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomOutDown {
    animation-name: zoomOutDown;
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(-2000px, 0, 0);
        transform-origin: left center;
    }
}

.zoomOutLeft {
    animation-name: zoomOutLeft;
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(2000px, 0, 0);
        transform-origin: right center;
    }
}

.zoomOutRight {
    animation-name: zoomOutRight;
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomOutUp {
    animation-name: zoomOutUp;
}

@keyframes slideInDown {
    from {
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInDown {
    animation-name: slideInDown;
}

@keyframes slideInLeft {
    from {
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    animation-name: slideInLeft;
}

@keyframes slideInRight {
    from {
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    animation-name: slideInRight;
}

@keyframes slideInUp {
    from {
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {
    animation-name: slideInUp;
}

@keyframes slideOutDown {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(0, 100%, 0);
    }
}

.slideOutDown {
    animation-name: slideOutDown;
}

@keyframes slideOutLeft {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(-100%, 0, 0);
    }
}

.slideOutLeft {
    animation-name: slideOutLeft;
}

@keyframes slideOutRight {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(100%, 0, 0);
    }
}

.slideOutRight {
    animation-name: slideOutRight;
}

@keyframes slideOutUp {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(0, -100%, 0);
    }
}

.slideOutUp {
    animation-name: slideOutUp;
}

.notify {
    position: relative;
    top: -12px;
    right: -12px;
}

   .notify .heartbit {
        animation: 1s ease-out 0s normal none infinite running heartbit;
    }

    .notify .heartbit {
        position: absolute;
        top: -24px;
        right: -6px;
        height: 30px;
        width: 30px;
        z-index: 10;
        border: 6px solid #feff01;
        border-radius: 70px;
        -moz-animation: heartbit 1s ease-out;
        -moz-animation-iteration-count: infinite;
        -o-animation: heartbit 1s ease-out;
        -o-animation-iteration-count: infinite;
        -webkit-animation: heartbit 1s ease-out;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }

     .notify .point {
        width: 6px;
        height: 6px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        background-color: #ef5350;
        position: absolute;
        right: 6px;
        top: -10px;
    }
@-moz-keyframes heartbit {
  0% {
    -moz-transform: scale(0);
    opacity: 0.0;
  }
  25% {
    -moz-transform: scale(0.1);
    opacity: 0.1;
  }
  50% {
    -moz-transform: scale(0.5);
    opacity: 0.3;
  }
  75% {
    -moz-transform: scale(0.8);
    opacity: 0.5;
  }
  to {
    -moz-transform: scale(1);
    opacity: 0.0;
  }
}
@-webkit-keyframes heartbit {
  0% {
    -webkit-transform: scale(0);
    opacity: 0.0;
  }
  25% {
    -webkit-transform: scale(0.1);
    opacity: 0.1;
  }
  50% {
    -webkit-transform: scale(0.5);
    opacity: 0.3;
  }
  75% {
    -webkit-transform: scale(0.8);
    opacity: 0.5;
  }
  to {
    -webkit-transform: scale(1);
    opacity: 0.0;
  }
}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */ }
  .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease; }
  .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0; }
  .owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
      transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

/* 
 *  Owl Carousel CSS3 Transitions 
 *  v1.3.2
 */

.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;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-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; }
}
@-moz-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%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-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); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-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); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}
/*bootstrap-tour*/
/* Tour */
.tour-tour .btn.btn-default {
    background-color: #ffffff;
    border: 1px solid #d2d2d2;
    color: inherit;
}

.tour-step-background {
    background-color: transparent;
    border: 4px solid #b1b25b;
}

.tour-step-backdrop {
    z-index: 2101;
    position: relative !important;
}

.tour-backdrop {
    z-index: 2100;
    opacity: .7;
    background-color: transparent !important;
}

.popover[class*=tour-] {
    z-index: 2100;
}

body.tour-open .animated {
    animation-fill-mode: initial;
}

/*#region captionSliderContainer*/
.captionSliderContainer {
    display: none;
    position: absolute;
    bottom: 33%;
    left: 5%;
    z-index: 5;
    color: #fff;
    width: 100% !important;
}

    .captionSliderContainer h1 {
        text-shadow: 3px 3px 9px #101d2b;
        font-size: 35px;
        letter-spacing: 7px;
        font-weight: 300;
        position: relative;
        margin-bottom: 10px !important;
        margin-left: 2px !important;
    }

        .captionSliderContainer h1:before {
            content: '';
            display: block;
            position: absolute;
            left: -160px;
            width: 150px;
            height: 3px;
            background: #fff;
            top: 20px;
        }

    .captionSliderContainer #captionSlider h2 {
        text-shadow: 5px 5px 9px #1b2c38;
        font-weight: bold;
        font-size: 50px;
    }

    .captionSliderContainer #captionSlider h3 {
        text-shadow: 2px 2px 6px #0d111e;
    }

    .captionSliderContainer h1,
    .captionSliderContainer #captionSlider h2,
    .captionSliderContainer #captionSlider h3 {
        font-family: 'Oswald', sans-serif;
        text-transform: uppercase;
        margin: 0;
    }

.servIcons {
    display: block;
    padding-top: 30px;
    color: #fff;
}

    .servIcons li {
        display: inline-block;
        list-style-type: none;
        margin-right: 3px;
        max-width: 50%;
        min-width: 10%;
        width: auto;
        text-align: center;
        background-color: #2a6099 !important;
        background-image: none !important;
        background-image: -webkit-gradient(linear,left top,left bottom,from(#356ea957),to(#181a1d7a)) !important;
        background-image: -webkit-linear-gradient(#356ea957,#181a1d7a) !important;
        background-image: -moz-linear-gradient(#356ea957,#181a1d7a) !important;
        background-image: -o-linear-gradient(#356ea957,#181a1d7a) !important;
        background-image: linear-gradient(#356ea957,#181a1d7a) !important;
        margin: 1%;
        border-radius: 12%;
        -webkit-box-shadow: 5px -5px 9px 0px rgb(29, 161, 242);
        -moz-box-shadow: 5px -5px 9px 0px rgb(29, 161, 242);
        box-shadow: 5px -5px 9px 0px rgb(29, 161, 242);
    }

        .servIcons li:hover {
            -webkit-box-shadow: 0px 0px 9px 4px rgb(10, 31, 43);
            -moz-box-shadow: 0px 0px 9px 4px rgb(10, 31, 43);
            box-shadow: 0px 0px 9px 4px rgb(10, 31, 43);
        }


            .servIcons li:hover a i {
                background: #d49e0d;
                color: #264c75;
                border-color: transparent;
                text-shadow: 0 2px 5px rgba(0,0,0,0.3);
                -webkit-box-shadow: 0px 0px 9px 2px rgba(17, 34, 51, 0.91);
                -moz-box-shadow: 0px 0px 9px 2px rgba(17, 34, 51, 0.91);
                box-shadow: 0px 0px 9px 2px rgba(17, 34, 51, 0.91);
            }

        .servIcons li a {
            display: block;
            height: auto;
            color: #fff;
            margin: 6% auto;
        }

            .servIcons li a i {
                display: block;
                width: 60px;
                height: 60px;
                line-height: 56px;
                border-radius: 100%;
                font-size: 30px;
                color: #fff;
                margin: 0 auto;
                transition: all 300ms;
                border: solid 2px #fff;
            }

            .servIcons li a span {
                display: block;
                text-align: center;
                padding-top: 10px;
            }

            .servIcons li, .servIcons li:hover, .servIcons li a, .servIcons li:hover a i, .servIcons li a i, .servIcons li a span {
                -webkit-transition: all .9s ease;
                -moz-transition: all .9s ease;
                transition: all .9s ease;
            }

@media only screen and (min-width: 30.125em) and (max-width: 73.125em) {
    .servIcons li {
        min-width: 18% !important;
    }
}

@media only screen and (max-width: 30em) {
    .servIcons li {
        min-width: 25% !important;
    }
}
/*media queries*/
@media (max-width: 1366px) {
    .captionSliderContainer {
        bottom: 28%;
    }

        .captionSliderContainer h1 {
            font-size: 26px;
        }

        .captionSliderContainer #captionSlider h2 {
            font-size: 34px;
        }

        .captionSliderContainer #captionSlider h3 {
            font-size: 20px;
        }
}

@media only screen and (max-device-width : 2566px) {
    .captionSliderContainer {
        transform: translateY(30%) !important;
    }
}
/*#endregion captionSliderContainer*/

/*
    All common (screen) styles here, in the normal way.
    */
@media print {
    * {
        display: none;
    }
    /* Hide everything ... */
    #divToPrint {
        display: block;
    }
    /* ... except the required div */
}

/* Top sections */
.ei-image-profile {
    margin: -50px 0px -22px 50px !important;
}

.jumbotron {
    background: #fff;
    color: #000;
    border-radius: 9px 9px 0px 0px;
}

    .jumbotron h2 {
        color: #363839;
        font-family: robotolight;
        font-size: 35px;
        text-align: center;
    }

    .jumbotron p {
        color: #000;
        font-size: 17px;
        margin: 0 0 25px;
        padding: 0 15px;
        text-align: center;
    }

    .jumbotron .tech-header {
        padding: 26px 0 0;
        text-align: center;
    }

    .jumbotron .tech-details {
        float: left;
        font-family: robotolight;
        font-size: 17px;
        margin-bottom: 25px;
        padding-top: 0;
        text-align: center;
        width: 100%;
        color: #000;
        text-align: justify;
    }
/* SubContentHeader End*/
.well {
    background-color: #fff;
    background-image: linear-gradient(#fff, #1f283f);
    border-radius: 12px;
    color: #030303;
    font-size: 1rem !important;
}

.entypo {
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    text-decoration: inherit;
}

.feature-data {
    padding-left: 70px;
}

.h1 small {
    font-size: 24px;
}

.modal-body:not(.two-col) {
    padding: 0px;
}

.glyphicon {
    margin-right: 5px;
}

.glyphicon-new-window {
    margin-left: 5px;
}

.modal-body .radio, .modal-body .checkbox {
    margin-top: 0px;
    margin-bottom: 0px;
}

.modal-body .list-group {
    margin-bottom: 0;
}

.margin-bottom-none {
    margin-bottom: 0;
}

.modal-body .radio label, .modal-body .checkbox label {
    display: block;
}

.modal-footer {
    margin-top: 0px;
}

@media screen and (max-width: 325px) {
    .btn-close {
        margin-top: 5px;
        width: 100%;
    }

    .btn-results {
        margin-top: 5px;
        width: 100%;
    }

    .btn-vote {
        margin-top: 5px;
        width: 100%;
    }
}

.modal-footer .btn + .btn {
    margin-left: 0px;
}

.progress {
    margin-right: 10px;
}
/* Contact Address bar*/
.first-box {
    padding: 10px;
    background: #9C0;
}

.second-box {
    padding: 10px;
    background: #39F;
}

.third-box {
    padding: 10px;
    background: #F66;
}

.fourth-box {
    padding: 10px;
    background: #6CC;
}
/* Contact Address Bar End*/
/* REACH OUT TO */
.boxed-header {
    text-align: center;
    background-position: center -410px;
    height: auto;
    z-index: 99;
    margin-top: -4%;
    background-image: url('/Content/portal/media/img/company/bg_line_sprites.png');
    background-repeat: no-repeat;
}

.tagline.top {
    margin-top: 5%;
}

.cta.lg {
    font-size: 25px;
    font-size: 1.5625rem;
    line-height: 1.6875rem;
}

.tagline {
    padding: 8px 10px;
    border: 4px #FF7900 solid;
    background-color: #FFF;
    display: inline-block;
    font-weight: 700;
    letter-spacing: .5px;
    margin: 5% auto 0;
    -webkit-transition: all .2s;
    transition: all .2s;
}

    .tagline a {
        color: #FF7900;
    }

.cta {
    color: #FF7900;
    font-family: 'Roboto Condensed',sans-serif;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.25rem;
    text-transform: uppercase;
    text-align: center;
}
/* REACH OUT TO End*/
/* SVG with placeholder */
::-webkit-input-placeholder {
    text-align: right;
    font-style: italic;
    color: #ff4081;
    font-size: 13px;
}

::-moz-placeholder {
    text-align: right;
    font-style: italic;
    color: #ff4081;
    font-size: 13px;
}

svg {
    width: 90px;
    height: 100px;
    float: right;
    margin-top: -93px;
}
/* SVG with placeholder */

/* #region tech-app-solution section*/
.tech-app-solution {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: all 0ms ease 0s;
}

    .tech-app-solution.tech-table {
        display: table;
        table-layout: fixed;
        width: 100%;
    }

    .tech-app-solution .tech-tableCell {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
        height: 100%;
    }

    .tech-app-solution .video-text-header {
        text-align: center;
    }

    .tech-app-solution .intro-text-header .main2-heading {
        color: #fff;
        font-size: 47px;
        font-weight: 400;
        margin: 0 auto;
        max-width: 990px;
        text-shadow: 1px 1px 1px #000;
        text-shadow: none;
    }

        .tech-app-solution .intro-text-header .main2-heading h2 {
            font-size: 30px;
            margin-bottom: 10px;
            margin-top: 15px;
        }

    .tech-app-solution .main-subheading {
        font-size: 13px;
        margin-bottom: 35px;
        margin-top: 15px;
    }

    .tech-app-solution .main-subheading {
        padding-left: 10%;
        padding-right: 10%;
    }

    .tech-app-solution .app-wrapper {
        display: table;
        width: 100%;
    }

    .tech-app-solution .feature {
        margin: 2% 0;
        list-style: none;
        min-height: 110px;
    }

    .tech-app-solution .left-panel .feature-content {
        display: inline-block;
        width: calc(100% - 120px);
        text-align: right;
        float: left;
    }

    .tech-app-solution .feature-title {
        font-weight: bold;
        font-size: 17px;
    }

    .tech-app-solution .intro-text-header .main2-heading p {
        font-size: 14px;
    }

    .tech-app-solution .mob-res {
        display: block;
    }

    .tech-app-solution .feature-image {
        display: inline-block;
    }

        .tech-app-solution .feature-image .icon-div {
            display: block;
            width: 90px;
            height: 90px;
            padding: 10px 8px;
        }

        .tech-app-solution .feature-image .icons {
            color: #46f329; /*#fff;*/
        }

    .tech-app-solution .left-panel .feature-image .icon-div {
        text-align: left;
    }

    .tech-app-solution .center-fixed-image {
        display: inline-block;
        height: 100%;
        margin: 0 !important;
        padding: 0 !important;
        background-attachment: inherit;
        background-size: auto;
        position: relative;
        background-repeat: no-repeat;
        background-position: center center;
        width: 100%;
        -webkit-filter: blur(1.5px);
        -moz-filter: blur(1.5px);
        filter: blur(1.5px);
        opacity: 0.9;
        -moz-transition: all .8s ease !important;
        -webkit-transition: all .8s ease !important;
        transition: all .8s ease !important;
    }

    .tech-app-solution .app-wrapper:hover .center-fixed-image, .tech-app-solution .app-wrapper:focus .center-fixed-image {
        background-attachment: fixed;
        opacity: 1;
        z-index: 9999;
        -webkit-filter: blur(0px) !important;
        -moz-filter: blur(0px) !important;
        filter: blur(0px) !important;
        -webkit-transform: scale(1.16) skewY(0.10deg) translateX(0%) translateY(0%);
        -moz-transform: scale(1.16) skewY(0.10deg) translateX(0%) translateY(0%);
        -o-transform: scale(1.16) skewY(0.10deg) translateX(0%) translateY(0%);
        transform: scale(1.16) skewY(0.10deg) translateX(0%) translateY(0%);
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        -o-transform-origin: center center;
        transform-origin: center center;
        -moz-transition: all .8s ease !important;
        -webkit-transition: all .8s ease !important;
        transition: all .8s ease !important;
        margin: 12% 0 !important;
    }

    .tech-app-solution .features.right-panel {
        text-align: left;
    }

    .tech-app-solution .right-panel .feature-image .icon-div {
        float: left;
        text-align: right;
    }

    .tech-app-solution .right-panel .feature-content {
        display: inline-block;
        width: calc(100% - 120px);
        text-align: left;
        float: right;
    }

.builder-form {
    margin: 0.753rem auto 0.753rem;
    font-size: 0;
    position: relative;
}

    .builder-form input, .builder-btn {
        border: 0;
        margin: 0;
        -webkit-font-smoothing: antialiased;
        font-size: 14px;
        padding: 13px 20px;
        box-shadow: rgba(255,255,255,0.1) 0 1px 0, rgba(0,0,0,0.3) 0 2px 2px -2px inset;
        color: #fff;
        color: #3e3e3e;
    }

    .builder-form input {
        background-color: #fff;
        border-radius: 8px 0 0 8px;
    }

    .builder-form input, .builder-btn {
        border: 0;
        margin: 0;
        -webkit-font-smoothing: antialiased;
        font-size: 14px;
        padding: 13px 20px;
        box-shadow: rgba(255,255,255,0.1) 0 1px 0, rgba(0,0,0,0.3) 0 2px 2px -2px inset;
        color: #fff;
        color: #3e3e3e;
    }

button.builder-btn {
    border-radius: 0 8px 8px 0;
    font-weight: 600;
    font-size: 15px;
    padding: 12px 20px 13px 20px;
    cursor: pointer;
    color: #fff !important;
    background: -webkit-linear-gradient(top, #1a3e6f, #1d467d);
    background: linear-gradient(to bottom, #1a3e6f, #1d467d);
    background: #f37229;
}

.app-solution {
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
    position: relative;
    min-height: 100%;
    max-height: 100%;
    height: auto;
    padding-top: 3%;
    padding-bottom: 3%;
}

    .app-solution:nth-child(odd) {
        box-shadow: rgba(93,186,229,0.8) 0 -100px 150px -110px inset !important;
        background: -webkit-linear-gradient(-427deg, #1d9cdf 0, #0285c2 5%, #194b88 32%, #1e2d5b 76%, #0f2244 100%) !important;
        background: linear-gradient(57deg, #1d9cdf 0, #0285c2 5%, #194b88 32%, #1e2d5b 76%, #0f2244 100%) !important;
    }

    .app-solution:nth-child(even) {
        background: -webkit-linear-gradient(-427deg, #0f2244 0, #1e2d5b 10%, #194b88 40%, #0285c2 90%, #1d9cdf 100%) !important;
        background: linear-gradient(157deg, #0f2244 0, #1e2d5b 5%, #194b88 32%, #0285c2 76%, #1d9cdf 100%) !important;
    }

@media (max-width: 812px) {
    .tech-app-solution .left-panel .feature-content, .tech-app-solution .right-panel .feature-content {
        width: calc(100% - 100px);
    }

    .tech-app-solution .left-panel .feature-content {
        text-align: left;
        float: none;
    }

    .tech-app-solution .left-panel .feature-image {
        float: left;
    }

    .tech-app-solution .feature-image .icon-div {
        width: 50px;
        height: auto;
        padding: 2px;
        text-align: right !important;
    }
}

@media (max-width: 767px) {
    .tech-app-solution .mob-res {
        display: contents;
    }
}

@media only screen and (max-width: 800px) and (min-width: 768px) {
    .app-solution .sm-push2 {
        left: 16.66666667%;
    }
}

@media only screen and (max-width: 1400px) and (min-width: 992px) {
    .tech-app-solution .intro-text-header .main2-heading p {
        font-size: 13.5px;
        line-height: 20px;
    }
}

@media (min-width: 1025px) {
    .tech-app-solution .intro-text-header .main2-heading {
        max-width: 1025px;
    }
}

@media only screen and (max-width: 1400px) and (min-width: 992px) {
    .tech-app-solution .main-subheading {
        margin-bottom: 15px;
    }

    .tech-app-solution .app-wrapper:hover .center-fixed-image, .tech-app-solution .app-wrapper:focus .center-fixed-image {
        background-attachment: inherit !important;
    }
}

@media only screen and (max-device-width: 1200px) and (min-device-width: 768px) and (orientation: portrait) {
    .app-solution .app-wrapper .text-center {
        display: none;
        width: 0% !important;
    }

    .app-solution .app-wrapper .sm-push2 {
        left: 0%;
    }

    .app-solution .app-wrapper .col-md-5 {
        width: 50% !important;
    }
}

@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait) {
    .builder-form {
        margin-bottom: 80px;
    }
}

@media only screen and (min-width: 812px) {
    .tech-app-solution .app-wrapper:hover, .tech-app-solution .app-wrapper:focus {
        opacity: 1;
        -webkit-filter: blur(0.6px);
        -moz-filter: blur(0.6px);
        filter: blur(0.6px);
    }
}

@media (max-width: 766px) {
    .builder-form {
        width: 115%;
        margin-left: -19px;
        margin-bottom: 100px;
    }

        .builder-form input, .builder-btn {
            font-size: 11px;
            padding: 13px 10px;
        }

    button.builder-btn {
        padding: 11px 10px 12px 10px;
        font-size: 13px;
    }
}
/* #endregion tech-app-solution section*/

/* #region tech service points section*/
.techBoxMid {
    text-align: center !important;
    padding: 0 4% 2em 4%;
    border-left: 1px dotted rgba(0,0,0,0.1);
    border-right: 1px dotted rgba(239, 11, 54, 0.91);
}

    .techBoxMid .techIcon {
        float: right !important;
        font-size: 6em;
        background-position: 0 -260px;
    }

    .techBoxMid img {
        float: right !important;
        width: 50%;
        margin: 0 auto;
        max-width: 100%;
        height: auto;
        -webkit-filter: drop-shadow(0 0 9px #fff); /* Safari */
        -moz-filter: drop-shadow(0 0 9px #fff);
        -ms-filter: drop-shadow(0 0 9px #fff);
        filter: drop-shadow(0 0 9px #fff);
        -moz-transition: all .4s ease-in !important;
        -webkit-transition: all .4s ease-in !important;
        transition: all .4s ease-in !important;
    }

        .techBoxMid img:hover {
            -webkit-filter: drop-shadow(0 0 9px #6aad39); /* Safari */
            -moz-filter: drop-shadow(0 0 9px #6aad39);
            -ms-filter: drop-shadow(0 0 9px #6aad39);
            filter: drop-shadow(0 0 9px #6aad39);
            -moz-transition: all .4s ease-in !important;
            -webkit-transition: all .4s ease-in !important;
            transition: all .4s ease-in !important;
            -webkit-transform: scale(0.95);
            -moz-transform: scale(0.95);
            -o-transform: scale(0.95);
            transform: scale(0.95);
        }

    .techBoxMid p {
        margin: 1em auto 0 auto;
        text-align: right;
        padding: 0;
        color: rgba(0,0,0,0.8);
        font-weight: 400;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        font-family: "Overpass",sans-serif;
        font-size: 0.9375rem;
        line-height: 1.3rem;
    }

        .techBoxMid p.subheading {
            text-transform: uppercase;
            font-size: 0.9375rem;
            line-height: 1.2rem;
            text-align: center;
            font-weight: 600;
            padding-bottom: 20px;
        }

        .techBoxMid p.techHead {
            margin-top: 3.2em !important;
            font-size: 2.5em;
            text-transform: uppercase;
            letter-spacing: -1px;
            line-height: 1.3em;
            font-weight: 500;
            padding: 0;
            color: rgba(0,0,0,0.8);
            text-shadow: 0 1px 1px #0f121d9e;
        }

        .techBoxMid p.techTitle {
            font-size: 1.3em;
            margin: 0;
            padding: 0;
            font-weight: 400;
            color: rgba(0,0,0,0.8);
        }

        .techBoxMid p.techHeadText {
            margin-top: 2.5em !important;
            margin-bottom: 2em !important;
            text-align: center !important;
            letter-spacing: 0.05em;
            color: #f5f7f9;
            font-size: 1.06em;
            line-height: 1.5256em;
            font-weight: 100;
            text-shadow: 0 1px 1px #185b85;
        }

@media screen and (min-width: 73.125em) {
    .techBoxMid {
        text-align: left !important;
        float: left;
        padding-top: 2.75rem;
    }

        .techBoxMid img {
            text-align: left !important;
            float: left;
            padding-top: 2.75rem;
            width: 30%;
            overflow: hidden;
        }
}

@media screen and (min-width: 63.125em) and (max-width: 73.120em) {
    .techBoxMid {
        padding-top: 2.75rem;
        border: 0px;
        padding-left: 2% !important;
    }

        .techBoxMid .techIcon {
            float: none !important;
        }

        .techBoxMid img {
            float: none !important;
            width: 30%;
        }

        .techBoxMid p {
            text-align: center !important;
            margin-top: 0em !important;
        }

            .techBoxMid p.subheading {
                font-size: 1rem;
                line-height: 1.625rem;
                letter-spacing: 0.01333333333rem;
            }
}

@media screen and (min-width: 43.125em) {
    #techServices {
        float: none !important;
    }
}

@media screen and (max-width: 43.120em) {
    .techBox, .techBoxMid {
        float: none !important;
    }

        .techBoxMid p {
            text-align: justify;
        }
}

.techBox {
    padding: 1vh 0 2vh 0;
}

    .techBox.ExpertoInBuild ul li {
        padding: .2em 0% !important;
    }

    .techBox ul li .serviceIcon {
        height: 4rem !important;
    }

    /*.techBox.ExpertoInBuild ul li i {
        color: #78bd45 !important;
    }*/

    .techBox.ExpertoInBuild h4 {
        color: #b7b7b7 !important;
        font-weight: 300 !important;
        font-size: 1.05em;
    }

    .techBox ul {
        margin: 0 auto;
        padding: 0;
    }

        .techBox ul.right {
            text-align: right !important;
        }

        .techBox ul li {
            list-style-type: none;
            padding: 1em 2%;
        }

            .techBox ul li:after {
                clear: both;
                display: block;
                content: '';
            }

            .techBox ul li i {
                color: #78bd45;
                transition: all .3s ease-in-out;
                text-shadow: 0 0 1px #2c4619;
            }

            .techBox ul li h4 {
                font-family: 'Montserrat', sans-serif;
                color: #124f6b;
                display: inline-block;
                vertical-align: text-bottom;
                line-height: 25px;
                margin: 0;
                padding: 0;
                font-size: 20px;
                margin-bottom: 8px;
                font-weight: 600;
                min-height: 36px;
            }

            .techBox ul li p {
                font-size: 17px;
                line-height: 26px;
                text-align: justify;
            }

            .techBox ul li .serviceIcon {
                font-size: 1rem;
                margin-left: 0;
                float: left;
                height: 5rem;
                text-align: center;
            }

            .techBox ul li .tectWork {
                font-size: 15px;
                margin-left: 0;
            }


@media only screen and (max-width: 1854px) and (min-width: 1280px) {
    .techBox ul {
        width: 85%;
    }
}

@media only screen and (max-width: 1279px) and (min-width: 780px) {
    .techBox ul {
        width: 90%;
    }
}

@media screen and (max-width: 35.49em) {
    .techBox ul {
        width: 100% !important;
    }

        .techBox ul li p {
            text-align: justify;
            padding-bottom: 4%;
        }
}
/* #endregion tech service points section*/

/* #region techBox Competencies*/

.techBox .competency {
    background-color: rgb(254, 255, 254);
    border: 1px solid rgb(10, 63, 129);
    border-radius: 9px;
    list-style: outside none none;
    margin: 0 6% 6%;
    padding: 15px 10px;
    text-align: center;
    min-height: 260px;
    z-index: 3;
    max-width: 100%;
    height: auto;
    -moz-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
}

    .techBox .competency:hover {
        background-color: #fff;
        border-color: #191715;
        z-index: 5;
        -webkit-filter: drop-shadow(3px 9px 9px #000000); /* Safari */
        -moz-filter: drop-shadow(3px 9px 9px #000000);
        -ms-filter: drop-shadow(3px 9px 9px #000000);
        filter: drop-shadow(3px 9px 9px #000000);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    .techBox .competency img {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05);
        color: #6baf3b;
        margin: 0 auto;
        max-width: 100%;
        min-height: 82px;
        height: auto;
        -webkit-filter: drop-shadow(0 0 9px #7057e2);
        -moz-filter: drop-shadow(0 0 9px #7057e2);
        -ms-filter: drop-shadow(0 0 9px #7057e2);
        filter: drop-shadow(0 0 9px #7057e2);
        vertical-align: middle;
    }

    .techBox .competency:hover img {
        -webkit-filter: drop-shadow(2px 6px 9px #000000);
        -moz-filter: drop-shadow(2px 6px 9px #000000);
        -ms-filter: drop-shadow(2px 6px 9px #000000);
        filter: drop-shadow(2px 6px 9px #000000);
        -webkit-transform: scale(.95);
        -moz-transform: scale(.95);
        -o-transform: scale(.95);
        transform: scale(.95);
    }

    .techBox .competency i {
        margin-top: 5%;
        margin-right: 5px;
        padding-right: 0px;
    }

    .techBox .competency h4 {
        color: #000;
        text-transform: uppercase;
        font-family: 'Montserrat',sans-serif;
        font-weight: 700;
        vertical-align: text-bottom;
        line-height: 25px;
    }

    .techBox .competency p {
        text-align: justify;
        color: #05050c;
        margin: 6%;
        line-height: 1.5em;
    }

    .techBox .competency, .techBox .competency:hover, .techBox .competency img, .techBox .competency img {
        -moz-transition: all .9s ease-in !important;
        -webkit-transition: all .9s ease-in !important;
        transition: all .9s ease-in !important;
    }
/* #endregion techBox Competencies*/

/* #region techBox industries */
.techBox.industries:after {
    content: "";
    clear: both;
    display: block;
}

.techBox.industries .industry {
    color: #007cc2;
    font-family: "pt-serif", serif;
    display: inline-block;
    padding: 10px 20px;
    position: relative;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    min-width: 150px;
    text-align: left;
    -webkit-box-shadow: 0 15px 63px 0 rgba(14, 232, 75, 0.25);
    box-shadow: 0 15px 63px 0 rgba(14, 232, 75, 0.25);
    -webkit-transition-property: -webkit-box-shadow, -webkit-transform;
    transition-property: -webkit-box-shadow, -webkit-transform;
    transition-property: box-shadow, transform;
    transition-property: box-shadow, transform, -webkit-box-shadow, -webkit-transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -moz-transition: all .4s ease-in !important;
    -webkit-transition: all .4s ease-in !important;
    transition: all .4s ease-in !important;
}

    .techBox.industries .industry:hover {
        -webkit-box-shadow: 0 55px 63px 0 rgba(88, 236, 102, 0.25);
        box-shadow: 0 55px 63px 0 rgba(88, 236, 102, 0.25);
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
        -moz-transition: all .4s ease-in !important;
        -webkit-transition: all .4s ease-in !important;
        transition: all .4s ease-in !important;
        z-index: 100;
    }

    .techBox.industries .industry + .industry {
        margin-left: 15px;
    }

    .techBox.industries .industry i {
        margin-right: 10px;
        display: inline-block;
        vertical-align: middle;
        color: #181f32;
        -webkit-filter: drop-shadow(0 0 1px #78bf44);
        -moz-filter: drop-shadow(0 0 1px #78bf44);
        -ms-filter: drop-shadow(0 0 1px #78bf44);
        filter: drop-shadow(0 0 1px #78bf44);
    }

    .techBox.industries .industry img {
        -webkit-transform: scale(0.95);
        -moz-transform: scale(0.95);
        -o-transform: scale(0.95);
        transform: scale(0.95);
        -moz-transition: all .4s ease-in !important;
        -webkit-transition: all .4s ease-in !important;
        transition: all .4s ease-in !important;
        vertical-align: middle;
    }

    .techBox.industries .industry:hover img {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-filter: drop-shadow(0 0 9px #37276d);
        -moz-filter: drop-shadow(0 0 9px #37276d);
        -ms-filter: drop-shadow(0 0 9px #37276d);
        filter: drop-shadow(0 0 9px #37276d);
        -webkit-transition: .4s ease-in;
        -moz-transition: .4s ease-in;
        transition: .4s ease-in;
    }

    .techBox.industries .industry:hover i, .techBox.industries .industry:hover span {
        color: #000000;
        font-weight: 600;
        -webkit-filter: drop-shadow(0 0 9px #fff);
        -moz-filter: drop-shadow(0 0 9px #fff);
        -ms-filter: drop-shadow(0 0 9px #fff);
        filter: drop-shadow(0 0 9px #fff);
        -webkit-transition: .4s ease-in;
        -moz-transition: .4s ease-in;
        transition: .4s ease-in;
    }

    .techBox.industries .industry span {
        vertical-align: middle;
        font-weight: 600;
    }

/ .techBox.industries .industry:hover {
    border-color: transparent;
    background-color: #ff892a;
}

@media screen and (max-width: 40.125em) {
    .techBox.industries .industry {
        padding: 10px 15px;
        min-width: 100px;
        font-size: 13px;
        font-size: 0.9em;
    }
}

.collapsing .industry, .collapse .industry {
    color: #181f32 !important;
}
/* #endregion tech service points section*/

/*#region whyPoints section*/
section.whyPoints {
    -moz-transition: all .9s ease-in;
    -webkit-transition: all .9s ease-in;
    transition: all .9s ease-in;
    -webkit-filter: drop-shadow(0 0 6px #6581ce);
    -moz-filter: drop-shadow(0 0 6px #6581ce);
    -ms-filter: drop-shadow(0 0 6px #6581ce);
    filter: drop-shadow(0 0 6px #6581ce);
}

    section.whyPoints:hover .techBoxMid, section.whyPoints:focus .techBoxMid, section.whyPoints:active .techBoxMid, section.whyPoints:hover .techBox, section.whyPoints:focus .techBox, section.whyPoints:active .techBox {
        -webkit-transition: all .9s ease;
        -moz-transition: all .9s ease;
        transition: all .9s ease;
        border-radius: 0.8em;
        -moz-font-feature-settings: "tnum" 1, "lnum" 1, "kern" 1;
        -ms-font-feature-settings: "tnum" 1, "lnum" 1, "kern" 1;
        -o-font-feature-settings: "tnum" 1, "lnum" 1, "kern" 1;
        -webkit-font-feature-settings: "tnum" 1, "lnum" 1, "kern" 1;
        font-feature-settings: "tnum" 1, "lnum" 1, "kern" 1;
    }

    section.whyPoints .techBoxMid {
        border: 0px;
    }

    section.whyPoints .techBox ul li {
        padding: 0.8em 0%;
    }

        section.whyPoints .techBox ul li h4 {
            color: rgb(254, 185, 2);
            text-transform: uppercase;
            text-shadow: 0px 0px 1px #191f31;
            opacity: 1 !important;
        }

        section.whyPoints .techBox ul li p {
            text-align: left;
            color: #d1d4d6;
            margin-right: 3%;
        }

        section.whyPoints .techBox ul li a {
            color: #da6b6b !important;
        }

            section.whyPoints .techBox ul li a:hover, section.whyPoints .techBox ul li a:focus {
                color: #b3b3b3 !important;
            }

@media screen and (min-width: 73.125em) {
    section.whyPoints:hover, section.whyPoints:focus, section.whyPoints:active {
        -webkit-transform: scale(1.01) translateX(0%) translateY(0.5%);
        transform: scale(1.01) translateX(0%) translateY(0.5%);
        -webkit-filter: drop-shadow(0 0 6px #6581ce);
        -moz-filter: drop-shadow(0 0 0px #6581ce00);
        -ms-filter: drop-shadow(0 0 0px #6581ce00);
        filter: drop-shadow(0 0 0px #6581ce00);
        -moz-transition: all .9s ease-in !important;
        -webkit-transition: all .9s ease-in !important;
        transition: all .9s ease-in !important;
        -moz-font-feature-settings: "tnum" 1, "lnum" 1, "kern" 1;
        -ms-font-feature-settings: "tnum" 1, "lnum" 1, "kern" 1;
        -o-font-feature-settings: "tnum" 1, "lnum" 1, "kern" 1;
        -webkit-font-feature-settings: "tnum" 1, "lnum" 1, "kern" 1;
        font-feature-settings: "tnum" 1, "lnum" 1, "kern" 1;
    }
}

section.whyPoints .techBox ul.benefits li {
    min-height: 6em;
    border-bottom: 1px dotted #fff;
}

    section.whyPoints .techBox ul.benefits li div {
        border-radius: 0em !important;
        margin: 3px 0px;
    }

        section.whyPoints .techBox ul.benefits li div p {
            margin-top: 2% !important;
            color: #dbdee6;
            font-size: 1em; /*0.95em;*/
        }

section.whyPoints .techBox ul.responsibility li div a, section.whyPoints .techBox ul.skills li div a {
    color: #fff !important;
}

section.whyPoints .techBox ul.responsibility li div p {
    font-size: 1em;
    line-height: 1.6em;
}

section.whyPoints .techBox ul.responsibility li.experiences div p {
    margin-bottom: 1.9em;
    text-shadow: 0 1px 1px #164059;
}

section.whyPoints .techBox ul.skills li p {
    text-align: left !important;
    font-size: 0.9em !important;
    text-shadow: 0 1px 1px #164059;
}
/*Add condition for #ExpertoIn sections*/
@media screen and (min-width: 73.125em) {
    section.hashExpertoIns {
        -webkit-transform: scale(1.03) translateX(0%) translateY(1%) !important;
        transform: scale(1.03) translateX(0%) translateY(1%) !important;
        -webkit-filter: drop-shadow(0 0 6px #6581ce) !important;
        -moz-filter: drop-shadow(0 0 0 #6581ce00) !important;
        -ms-filter: drop-shadow(0 0 0 #6581ce00) !important;
        filter: drop-shadow(0 0 0 #6581ce00) !important;
    }
}
/*#endregion .whyPoints section*/

/*#region services Capabilities*/
.services {
    width: 85%;
    margin: 1% auto 0 auto;
    position: relative;
    max-width: 100%;
    overflow-x: hidden;
    line-height: 2em;
}

    .services .service-title h3 {
        font-size: 3em;
        letter-spacing: -1px;
        line-height: 1.3em;
        font-weight: 500;
        padding: 0;
        color: rgba(0,0,0,.8);
        text-shadow: 0 1px 1px #9383ea;
    }

    .services .service-title .compnay-name {
        color: #fff;
        text-shadow: 0 1px 1px #0d0922;
        letter-spacing: 0.02em;
        -webkit-filter: drop-shadow(0 0 2px #007cc2);
        -moz-filter: drop-shadow(0 0 2px #007cc2);
        -ms-filter: drop-shadow(0 0 2px #007cc2);
        filter: drop-shadow(0 0 2px #007cc2);
        -moz-font-feature-settings: "tnum" 1, "lnum" 1, "kern" 1;
        -ms-font-feature-settings: "tnum" 1, "lnum" 1, "kern" 1;
        -o-font-feature-settings: "tnum" 1, "lnum" 1, "kern" 1;
        -webkit-font-feature-settings: "tnum" 1, "lnum" 1, "kern" 1;
        font-feature-settings: "tnum" 1, "lnum" 1, "kern" 1;
    }

    .services .service-title h4 {
        font-weight: 600;
        color: #041723;
        text-shadow: 0 1px 1px #2671ea;
        letter-spacing: -1px;
        line-height: 1.9em;
    }

        .services .service-title h4 span {
            font-weight: 800 !important;
            color: #feb902 !important;
            text-shadow: 0 1px 1px #000;
        }

    .services .service-title p {
        margin: 1em auto 0 auto;
        padding: 0;
        color: rgb(15, 18, 29);
        text-shadow: 1px 1px 1px #418aff;
        font-weight: 600;
        line-height: 1.6em;
        -webkit-transition: .5s;
        transition: .5s;
        font-size: 0.9em;
    }

    .services .service {
        text-align: center !important;
        margin-bottom: 1%;
        -webkit-transition: .9s ease-in;
        -moz-transition: .9s ease-in;
        transition: .9s ease-in;
    }

        .services .service ul li {
            list-style: none;
            min-height: 200px;
            margin-bottom: 5%;
            border: 1px solid transparent;
            -webkit-transition: .4s ease-in;
            -moz-transition: .4s ease-in;
            transition: .4s ease-in;
        }

        .services .service p {
            text-align: center !important;
            margin-top: 0px;
            margin-bottom: 1rem;
            margin: 1em 0px 1.75em;
        }

            .services .service p i {
                color: #ffffff;
                transition: all .3s ease-in-out;
                vertical-align: super;
                display: inline-block;
                -webkit-filter: drop-shadow(0 0 1px #141929);
                -moz-filter: drop-shadow(0 0 1px #141929);
                -ms-filter: drop-shadow(0 0 1px #141929);
                filter: drop-shadow(0 0 1px #141929);
                -webkit-transform: scale(1.3) translateX(0%) translateY(1%);
                transform: scale(1.3) translateX(0%) translateY(1%);
            }

        .services .service h3 {
            color: #f1f0f4;
            font-size: 1em !important;
            font-weight: 400;
            line-height: 1.6em;
            margin: 0px 10px 15px;
            -webkit-filter: drop-shadow(0 0 6px #175c86);
            -moz-filter: drop-shadow(0 0 6px #175c86);
            -ms-filter: drop-shadow(0 0 6px #175c86);
            filter: drop-shadow(0 0 6px #175c86);
            text-shadow: 0 1px 1px #000;
        }

        .services .service ul li:hover {
            border-color: transparent;
            background-color: #ff892a;
            border-color: #ccc;
            border-radius: 0 0 1em 1em;
            -webkit-transition: .4s ease-in;
            -moz-transition: .4s ease-in;
            transition: .4s ease-in;
            -webkit-transform: scale(1.03) translateX(0%) translateY(1%);
            transform: scale(1.03) translateX(0%) translateY(1%);
        }

            .services .service ul li:hover i, .services .service ul li:hover h3 {
                color: #0a0808 !important;
                -webkit-transition: .6s ease-in;
                -moz-transition: .6s ease-in;
                transition: .6s ease-in;
                -webkit-filter: drop-shadow(0 0 12px #ffffff);
                -moz-filter: drop-shadow(0 0 12px #ffffff);
                -ms-filter: drop-shadow(0 0 12px #ffffff);
                filter: drop-shadow(0 0 12px #ffffff);
            }

            .services .service ul li:hover i {
                -webkit-transform: scale(1.03);
                transform: scale(1.03);
            }

@media screen and (max-width: 73.120em) {
    .services {
        width: 95%;
    }
}

/*#endregion services Capabilities*/

.tabs-panel-icon {
    position: absolute;
    top: 25.0833%;
    left: 22.0833%;
    width: 45.8333%;
    -webkit-transition: all .9s ease;
    -moz-transition: all .9s ease;
    transition: all .9s ease;
}

.tabs-panel-icon-wrapper {
    background-color: #f8f8f8;
    padding: 6%;
    width: 6%;
    position: relative;
    border-width: 1px;
    border-style: dashed;
    border-color: #2a353b;
    border-image: initial;
    border-radius: 50%;
    text-align: center;
    margin: 0 10% 0;
    -webkit-transition: all .9s ease;
    -moz-transition: all .9s ease;
    transition: all .9s ease;
}

    .tabs-panel-icon-wrapper:hover {
        background-color: #4d4884;
        transition: .9s ease-in;
        -webkit-box-shadow: 0px 1px 9px 5px rgba(230, 224, 224, 0.72);
        -moz-box-shadow: 0px 1px 9px 5px rgba(230, 224, 224, 0.72);
        box-shadow: 0px 1px 9px 5px rgba(230, 224, 224, 0.72);
    }

        .tabs-panel-icon-wrapper:hover .tabs-panel-icon {
            -webkit-filter: drop-shadow(0 0 5px #fff); /* Safari */
            -moz-filter: drop-shadow(0 0 5px #fff);
            -ms-filter: drop-shadow(0 0 5px #fff);
            filter: drop-shadow(0 0 5px #fff);
            -webkit-transition: .4s ease-in;
            -moz-transition: .4s ease-in;
            transition: .4s ease-in;
            -moz-font-feature-settings: "tnum" 1, "lnum" 1, "kern" 1;
            -ms-font-feature-settings: "tnum" 1, "lnum" 1, "kern" 1;
            -o-font-feature-settings: "tnum" 1, "lnum" 1, "kern" 1;
            -webkit-font-feature-settings: "tnum" 1, "lnum" 1, "kern" 1;
            font-feature-settings: "tnum" 1, "lnum" 1, "kern" 1;
        }

.panel-body ol {
    list-style: decimal;
    list-style-type: decimal;
    padding: 0px 0px 0px 20px;
    margin: 0px;
}

    .panel-body ol li {
        list-style: decimal;
        padding: 0px 0px 0px 20px;
    }

.nav-tabs-responsive > li > a i {
    -webkit-filter: drop-shadow(0 0 2px #27c); /* Safari */
    -moz-filter: drop-shadow(0 0 2px #27c);
    -ms-filter: drop-shadow(0 0 2px #27c);
    filter: drop-shadow(0 0 2px #27c);
    -webkit-transition: .6s ease-in;
    -moz-transition: .6s ease-in;
    transition: .6s ease-in;
}

.nav-tabs-responsive > li > a:hover i {
    -webkit-filter: drop-shadow(0 0 9px #fff); /* Safari */
    -moz-filter: drop-shadow(0 0 9px #fff);
    -ms-filter: drop-shadow(0 0 9px #fff);
    filter: drop-shadow(0 0 9px #fff);
    -webkit-transition: .4s ease-in;
    -moz-transition: .4s ease-in;
    transition: .4s ease-in;
}


.home-page-features {
    border-radius: 12px;
    background-color: #fff;
    max-width: 100%;
    overflow-x: hidden;
    font: 400 1em 'Open Sans', Myriad Pro Regular, sans-serif;
    color: #777;
    line-height: 2em;
}

.home-page-features {
    width: 80%;
    margin: 45px auto 0 auto;
    position: relative;
}

    .home-page-features div {
        text-shadow: 0 0 1px #828282;
    }

    .home-page-features .tech-hadding {
        font-size: 1.2em;
        color: #181f32;
    }

    .home-page-features .tech-name {
        font-size: 1.4em !important;
        color: #478fca;
    }

    /*@media screen and (max-width: 465px) {
    .home-page-features .tech-hadding {
        font-size: 1em !important;
    }
}*/

    .home-page-features h2,
    .home-page-features h3 {
        font-weight: 400;
    }

    .home-page-features h1 {
        text-align: center;
        font-weight: 800;
        padding-top: 3%;
    }

    .home-page-features h2 {
        margin-bottom: 30px;
        margin-top: 0 !important;
        text-align: center;
        font-size: 36px;
        font-weight: 500;
        color: #011638;
        line-height: 1.5em;
        margin: 50px auto 30px auto;
        max-width: 800px;
    }

        .home-page-features h2::after {
            width: 40px;
            height: 4px;
            background: #ff0076;
            clear: both;
            margin: auto;
            content: "";
            display: block;
            margin-top: 30px;
        }

    .home-page-features h3 {
        margin-bottom: 10px;
    }

    .home-page-features p {
        text-rendering: optimizeLegibility;
        text-align: justify;
        font-weight: 200;
        font-size: 1.09em;
        line-height: 1.6em;
        padding-top: 0.5em;
        color: #06070c;
    }

        .home-page-features p.features-top {
            text-align: center;
            font-weight: bolder;
        }

    .home-page-features .features-left,
    .home-page-features .features-right {
        width: 495px;
        display: inline-block;
    }

        .home-page-features .features-left > div > div,
        .home-page-features .features-right > div > div {
            display: table-cell;
            vertical-align: middle;
        }

        .home-page-features .features-left > div {
            text-align: right;
            padding-right: 40px;
        }

        .home-page-features .features-right > div {
            text-align: left;
            padding-left: 40px;
        }

    .home-page-features .features-center {
        display: inline-block;
        width: 38px;
        height: 1525px;
        border-right: 1px dashed #b0b6be;
        margin-right: 40px;
        position: relative;
    }

        .home-page-features .features-center:after {
            content: '';
            width: 80px;
            position: absolute;
            background: url(https://www.nopcommerce.com/App_Themes/moderndesign/images/features-icon1.gif) no-repeat 0 100px, url(https://www.nopcommerce.com/App_Themes/moderndesign/images/features-icon2.gif) no-repeat 0 400px, url(https://www.nopcommerce.com/App_Themes/moderndesign/images/features-icon3.gif) no-repeat 0 705px, url(https://www.nopcommerce.com/App_Themes/moderndesign/images/features-icon4.gif) no-repeat 0 1005px, url(https://www.nopcommerce.com/App_Themes/moderndesign/images/features-icon5.gif) no-repeat 0 1315px;
            height: 1460px;
        }

#shopifyLinks .home-page-features a {
    color: #b3b4b4;
}

    #shopifyLinks .home-page-features a:hover {
        color: #fff;
    }

#discoverWordPress .home-page-features .features-center:after {
    content: '';
    width: 80px;
    position: absolute;
    background: url(/Content/portal/media/img/tech/cms/wordpress-icon.png) no-repeat 0 100px, url(/Content/portal/media/img/tech/cms/wordpress-icon.png) no-repeat 0 400px, url(/Content/portal/media/img/tech/cms/wordpress-icon.png) no-repeat 0 705px, url(/Content/portal/media/img/tech/cms/wordpress-icon.png) no-repeat 0 1005px, url(/Content/portal/media/img/tech/cms/wordpress-icon.png) no-repeat 0 1315px;
    height: 1460px;
}

.home-page-features .features-left > div,
.home-page-features .features-right > div {
    display: table;
    vertical-align: middle;
    height: 305px;
}

.home-page-features .text-left p {
    text-align: left !important;
}

@media screen and (max-width: 63.00em) {
    .home-page-features p {
        font-size: 0.95em;
        margin: 1em 1em 1.5em 1em;
        padding-top: 0.3em;
    }
}

@media screen and (min-width: 63.125em) {
    .home-page-features p {
        margin-bottom: 1.2rem;
    }
}

/*#region services side box*/
.home-page-features .service-side-box {
    -webkit-box-shadow: -6px 6px 9px 4px rgb(19, 55, 77);
    -moz-box-shadow: -6px 6px 9px 4px rgb(19, 55, 77);
    box-shadow: -6px 6px 9px 4px rgb(19, 55, 77);
    -webkit-border-radius: 2px 9px;
    border-radius: 9px 2px;
    float: right;
    -moz-transition: all .9s ease !important;
    -webkit-transition: all .9s ease !important;
    transition: all .9s ease !important;
    margin-top: -1%;
}

    .home-page-features .service-side-box > h3 {
        margin-bottom: 15px;
        border-bottom: 1px solid #ccc;
        text-shadow: 2px 3px 3px #312e26;
        font-variant: small-caps;
        font-size: 1.2em !important;
    }


    .home-page-features .service-side-box > p, .home-page-features .service-side-box > h3 {
        font-size: 0.9em;
        text-align: left;
        letter-spacing: -0.5px;
        line-height: 1.3em;
        font-weight: 500;
        padding: 0;
        color: #fff;
    }

    .home-page-features .service-side-box > a {
        -webkit-tap-highlight-color: transparent;
        color: #fff;
        text-decoration: none;
        background: transparent;
    }

    .home-page-features .service-side-box a .btn, .home-page-features .service-side-box a .btn {
        font-size: 0.85em;
        -webkit-transform: scale(.85) translateX(-5%) translateY(0%);
        -moz-transform: scale(.85) translateX(-5%) translateY(0%);
        -o-transform: scale(.85) translateX(-5%) translateY(0%);
        transform: scale(.85) translateX(-5%) translateY(0%);
        -moz-transition: all .9s ease !important;
        -webkit-transition: all .9s ease !important;
        transition: all .9s ease !important;
        border: 2px solid #fff;
        border-radius: 26px !important;
        padding: 6px 12px !important;
    }

    .home-page-features .service-side-box:hover a .btn, .home-page-features .service-side-box:focus a .btn {
        color: #fff;
        -moz-font-feature-settings: "tnum" 1, "lnum" 1, "kern" 1;
        -ms-font-feature-settings: "tnum" 1, "lnum" 1, "kern" 1;
        -o-font-feature-settings: "tnum" 1, "lnum" 1, "kern" 1;
        -webkit-font-feature-settings: "tnum" 1, "lnum" 1, "kern" 1;
        font-feature-settings: "tnum" 1, "lnum" 1, "kern" 1;
        font-weight: 600;
        -webkit-transform: scale(0.9) translateX(-5%) translateY(-10%);
        -moz-transform: scale(0.9) translateX(-5%) translateY(-10%);
        -o-transform: scale(0.9) translateX(-5%) translateY(-10%);
        transform: scale(0.9) translateX(-5%) translateY(-10%);
        -moz-transition: all .9s ease !important;
        -webkit-transition: all .9s ease !important;
        transition: all .9s ease !important;
    }
/*#endregion services side box*/

/* features items variant */

.feature-item {
}

    .feature-item:after {
        display: block;
        clear: both;
        content: "";
    }

    .feature-item > div {
        width: 42%;
        display: table;
        vertical-align: middle;
        height: 305px;
        text-align: center;
    }

        .feature-item > div:first-child {
            float: left;
        }

        .feature-item > div:last-child {
            float: right;
            display: table;
            vertical-align: middle;
            height: 305px;
        }

        .feature-item > div > div {
            display: table-cell;
            vertical-align: middle;
        }

            .feature-item > div > div > img:hover, .feature-item > div > div > img:focus {
                transition: all .8s ease !important;
                -moz-transition: all .8s ease !important;
                -webkit-transition: all .8s ease !important;
                overflow: hidden;
                z-index: 99999999;
                position: relative;
                padding: 0;
                align-self: center;
                top: 50%;
                border-radius: 6px;
                -webkit-transform: scale(1.09) translateY(5%);
                transform: scale(1.09) translateY(5%);
            }

    .feature-item:nth-child(even) > div:last-child {
        float: left;
    }

    .feature-item:nth-child(even) > div:first-child {
        float: right;
        text-align: left;
    }

    .feature-item:nth-child(odd) > div:first-child {
        text-align: right;
    }

.home-page-features .features-center {
    position: absolute;
    left: 505px;
}

.home-page-features .box-shadow {
    box-shadow: 0px 0px 23px 5px #eaeff2;
    border: none;
}

.home-page-features .button-features {
    padding: 10px 18px;
    margin: 10px auto 0 auto;
    display: table;
    font-weight: 700;
    font-size: 15px;
}

.home-page-features .features-center {
    left: 46.5%;
}

.feature-item > div {
    width: 40%;
}

.feature-item img {
    max-width: 100%;
}

.feature-item > div > div span {
    font-size: 3em;
    background-position: 0 -260px;
    color: #7fd13b;
    transition: all .3s ease-in-out;
    vertical-align: super;
}
/*=====================================================

        TABLETS LANDSCAPE & NETBOOKS

    =====================================================*/

@media screen and (max-width: 1079px) {
    .home-page-features {
        width: 100%;
    }

        .home-page-features .features-center {
            left: 46.5%;
        }

    .feature-item > div {
        width: 40%;
    }

    .feature-item img {
        max-width: 100%;
    }
}

/*=====================================================

        SMALLER MOBILE DEVICES

    =====================================================*/

@media screen and (max-width: 480px) {
    .feature-item {
        margin-bottom: 30px;
    }

        .feature-item > div {
            width: 100%;
            padding: 0 20px;
        }

            .feature-item > div > div {
                display: block;
                height: auto;
            }

            .feature-item > div:last-child,
            .feature-item > div:first-child {
                float: none;
                height: auto;
            }

        .feature-item:nth-child(odd) > div:first-child {
            text-align: left;
        }

        .feature-item h3 {
            text-align: center;
            font-size: 24px;
        }

    .home-page-features .features-center {
        display: none;
    }
}

@media screen and (min-width: 73.125em) {
    .feature-item p {
        margin-bottom: 1rem;
        font-size: 1.2rem;
        line-height: 1.6;
        text-rendering: optimizeLegibility;
        text-align: justify !important;
        font-weight: 400;
    }
}

#techHowMigration div p {
    line-height: 26px;
    padding-bottom: 10px;
    font-size: 1.09em;
    color: #d1d4d6;
}

#ExpertoInAllServices .techBoxMid {
    border: 0px !important;
    padding: 0 !important;
}

/*#region features items variant */
.tech-feature li {
    margin: 0% !important;
    padding-bottom: 0% !important;
    padding-top: 0% !important;
}

.tech-feature-item {
    visibility: visible;
}


.tech-feature-item-icon {
    margin: 0px auto;
}

.tech-feature-item-title {
    margin-bottom: 15px;
    margin-top: 15px;
    font-weight: 500;
    font-size: 1em !important;
    -webkit-font-smoothing: subpixel-antialiased;
}

    .tech-feature-item-title p {
        margin: 0px 0px 21px;
    }

.tech-feature-item-text p {
    margin-top: 0% !important;
    margin-bottom: 0% !important;
    font-size: 0.9em !important;
    font-weight: 300 !important;
    line-height: 22px !important;
    text-align: center !important;
}

@media screen and (min-width: 768px) {
    .tech-feature-item:hover .tech-feature-item-icon, .tech-feature-item:focus .tech-feature-item-icon {
        opacity: 0;
        transform: rotate3d(1, 0, 0, 80deg) translate3d(0px, -50px, 50px);
        transition: transform 0.7s cubic-bezier(0.26, 0.86, 0.44, 0.985) 0s, opacity 0.3s cubic-bezier(0.26, 0.86, 0.44, 0.985) 0.3s;
    }
}

@media screen and (min-width: 768px) {
    .tech-feature-item:hover .tech-feature-item-title, .tech-feature-item:focus .tech-feature-item-title {
        transform: translate3d(0,-70px,0);
        filter: drop-shadow(0 0 1px #27c);
        transition: .4s ease-in;
        color: #1f2841 !important;
    }
}

@media screen and (min-width: 768px) {
    .tech-feature-item:hover .tech-feature-item-text, .tech-feature-item:focus .tech-feature-item-text {
        opacity: 1;
        transform: translate3d(0px, -70px, 0px);
        transition: transform 0.7s cubic-bezier(0.26, 0.86, 0.44, 0.985) 0s, opacity 0.3s cubic-bezier(0.26, 0.86, 0.44, 0.985) 0s;
    }
}

@media screen and (min-width: 768px) {
    .tech-feature-item-icon {
        opacity: 1;
        transform: translate3d(0px, 0px, 0px);
        transition: transform 0.7s cubic-bezier(0.26, 0.86, 0.44, 0.985) 0s, opacity 0.3s cubic-bezier(0.26, 0.86, 0.44, 0.985) .3s;
        filter: drop-shadow(0 0 0px #040602);
    }
}

@media screen and (min-width: 768px) {
    .tech-feature-item-title {
        transform: translate3d(0px, 0px, 0px);
        transition: transform 0.7s cubic-bezier(0.26, 0.86, 0.44, 0.985) 0s;
    }
}

@media screen and (min-width: 768px) {
    .tech-feature-item-text {
        opacity: 0;
        transform: rotate3d(1, 0, 0, -90deg) translate3d(0px, 50px, 0px);
        transition: transform 0.7s cubic-bezier(0.26, 0.86, 0.44, 0.985) 0s, opacity 0.2s cubic-bezier(0.26, 0.86, 0.44, 0.985) 0.3s;
    }
}

/*#endregion features items variant */

/*#region tech eCommerce Features */

section#techEcommerceFeatures .panel-body {
    min-height: 350px;
    max-height: 100%;
    height: auto;
}

section#techEcommerceFeatures ul li {
    height: auto;
    max-height: 100%;
    min-height: 230px;
}
/*#endregion tech eCommerce Features */
/* #region tech reference section*/
@media screen and (min-width: 73.125em) {
    .tech-reference {
        padding: 0 1.875rem;
        overflow: hidden;
    }
}

.tech-reference {
    color: #fff;
    position: relative;
    background-color: #fff;
}

@media screen and (min-width: 73.125em) {
    .tech-reference .tech-reference-content {
        margin: 5% 0;
        padding: 10% 3.5rem;
        position: relative;
        border-radius: 2.25rem;
        font-size: 1.025rem;
        transition: all .3s ease-in-out;
    }
}

@media screen and (min-width: 73.125em) {
    .tech-reference .tech-reference-content {
        -webkit-transform: skewY(5deg);
        transform: skewY(5deg);
    }
}

.tech-reference .tech-reference-content {
    padding: 4rem 0;
}

.tech-reference .reference-2 {
    background-color: #1d5586;
    background-image: none;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#39a2fe),to(#010001)) !important;
    background-image: -webkit-linear-gradient(#39a2fe,#010001) !important;
    background-image: -moz-linear-gradient(#39a2fe,#010001) !important;
    background-image: -o-linear-gradient(#39a2fe,#010001) !important;
    background-image: linear-gradient(#39a2fe,#000101) !important;
    -webkit-box-shadow: 0 0.5rem 2rem 0.5rem rgba(101, 20, 20, 0.68);
    box-shadow: 0 0.5rem 2rem 0.5rem rgba(101, 20, 20, 0.68);
}

@media screen and (min-width: 73.125em) {
    .tech-reference .tech-reference-content > * {
        -webkit-transform: skewY(-5deg);
        transform: skewY(-5deg);
        margin: 5% 0;
    }
}

.tech-reference .row {
    width: 100%;
}

@media print, screen and (max-width: 63.125em) {
    section {
        position: initial !important;
    }
}

.page-row {
    position: relative;
    z-index: 2;
    background-color: #fff;
}

@media print, screen and (min-width: 40em) {
    .page-row .column, .page-row .columns {
        padding-right: .9375rem;
        padding-left: .9375rem;
    }
}

.page-row .column, .page-row .columns {
    width: 100%;
    float: right;
    padding-right: .625rem;
    padding-left: .625rem;
}

@media screen and (min-width: 73.125em) {
    .tech-reference .tech-reference-text {
        width: 42.5%;
        text-align: left;
    }
}

@media screen and (min-width: 73.125em) {
    .tech-reference .tech-reference-text {
        float: left;
        padding-right: 0;
    }
}

.tech-reference .tech-reference-text {
    text-align: center;
}

    .tech-reference .tech-reference-text .tags {
        margin: 0;
        list-style: none;
    }

@media screen and (min-width: 73.125em) {
    .tech-reference .tech-reference-text .tags li {
        margin: 0 .625rem .625rem 0;
    }
}

@media screen and (min-width: 40em) {
    .tech-reference .tech-reference-text .tags li {
        margin: 0 .3rem;
        padding: .3125rem 1.25rem;
        font-size: .875rem;
    }
}

.tech-reference .tech-reference-text li {
    display: inline-block;
    margin: 0 .15rem .3rem;
    padding: .3125rem .75rem;
    font-size: .75rem;
    border-radius: 1rem;
    background-color: rgba(0,0,0,.25);
}

.tech-reference .tech-reference-text p {
    margin-left: 7%;
    margin-bottom: 1rem;
    text-align: left;
    font-size: inherit;
    line-height: 1.6;
    text-rendering: optimizeLegibility;
}

.tech-reference .tech-reference-text h2 {
    margin: .625rem 0 .75rem;
}

@media print, screen and (min-width: 40em) {
    .tech-reference .tech-reference-text .h2, .tech-reference .tech-reference-text h2 {
        font-size: 4.5rem;
    }
}

.tech-reference .tech-reference-text .button {
    -webkit-transition: background-color .25s ease-out,color .25s ease-out;
    transition: background-color .25s ease-out,color .25s ease-out;
    border-radius: 2rem !important;
    border: 1px solid !important;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 1rem;
    font-family: inherit;
    -webkit-appearance: none;
    font-size: .9rem;
    line-height: 1;
    text-align: center;
    cursor: pointer;
}

@media screen and (min-width: 73.125em) {
    .tech-reference .tech-reference-text .button.button-large {
        padding: 1.5rem 3rem 1.375rem;
        font-weight: 700;
        font-size: 1rem;
    }
}

.tech-reference .tech-reference-text .button.button-large {
    padding: 1.4rem 2rem 1.25rem;
    font-size: 1rem;
    text-transform: uppercase;
}

.tech-reference .tech-reference-text .button.button-light {
    color: #fff;
    border-color: #fff;
}

@media screen and (min-width: 73.125em) {
    .tech-reference .tech-reference-text .button {
        padding: .875rem 1.875rem .75rem;
        -webkit-transition-property: background-color,border-color;
        transition-property: background-color,border-color;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
    }
}

@media screen and (min-width: 73.125em) {
    .tech-reference .tech-reference-image {
        -moz-transition: all .8s ease !important;
        -webkit-transition: all .8s ease !important;
        transition: all .8s ease !important;
        width: 50%;
        display: block;
        position: absolute;
        top: -3.5rem;
        bottom: 3.5rem;
    }

        .tech-reference .tech-reference-image:hover {
            -moz-transition: all .8s ease !important;
            -webkit-transition: all .8s ease !important;
            transition: all .8s ease !important;
            -webkit-transform: scale(1.09) translateX(-5%) translateY(-5%);
            transform: scale(1.09) translateX(-5%) translateY(-5%) skewY(-5deg);
            top: -25%;
        }
}

@media screen and (min-width: 73.125em) {
    .tech-reference .tech-reference-image {
        width: 55%;
        top: -10%;
        left: 45%;
        bottom: 10%;
        background-size: contain;
        background-position: 50% 50%;
        background-repeat: no-repeat;
    }
}

@media screen and (min-width: 73.125em) {
    .tech-reference .tech-reference-content > * {
        -webkit-transform: skewY(-5deg);
        transform: skewY(-5deg);
    }
}

.tech-reference .tech-reference-image {
    display: none;
}

@media screen and (min-width: 73.125em) {
    .tech-reference .tech-reference-image {
        width: 50%;
        display: block;
        position: absolute;
        top: -3.5rem;
        bottom: 3.5rem;
    }
}

@media screen and (min-width: 73.125em) {
    .tech-reference .tech-reference-image {
        width: 55%;
        top: -10%;
        left: 45%;
        bottom: 10%;
        background-size: contain;
        background-position: 50% 50%;
        background-repeat: no-repeat;
    }
}

@media screen and (min-width: 73.125em) {
    .tech-reference .tech-reference-text .button:after, .tech-reference .tech-reference-text .button span {
        display: inline-block;
    }
}

@media screen and (min-width: 73.125em) {
    .tech-reference .tech-reference-text .button.button-light:hover {
        color: #000;
        background-color: #fff;
    }
}

/* #endregion tech member skill section*/

/* #region tech-we-use section*/
    .auto-margin {
        float: none;
        margin: 0 auto;
    }

    .tech-we-use .module-title {
        text-align: center;
        height: 100%;
        width: 100%;
    }

        .tech-we-use .module-title .divider {
            background: #f55;
            width: 200px !important;
            height: 3px !important;
            margin: 30px auto;
        }

        .tech-we-use .module-title h1, .module-title h2, .module-title h3 {
            margin: 0;
            text-transform: uppercase;
            color: #fff !important;
            font-size: 28px !important;
            font-weight: 700 !important;
            background-color: rgba(119,119,119,0) !important;
        }

    .tech-we-use .module-cell-tech-img {
        max-width: 980px;
    }

    .tech-we-use .module-image-set {
        text-align: center;
        width: 100%;
        overflow: hidden;
    }

        .tech-we-use .module-image-set img {
            margin: 0px 20px;
            display: inline-block;
        }
/* #endregion tech-we-use section*/
[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
    transition-duration: 50ms;
}

[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
        transition-delay: 50ms;
    }

[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
    transition-duration: .1s;
}

[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
        transition-delay: .1s;
    }

[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
    transition-duration: .15s;
}

[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
        transition-delay: .15s;
    }

[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
    transition-duration: .2s;
}

[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
        transition-delay: .2s;
    }

[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
    transition-duration: .25s;
}

[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
        transition-delay: .25s;
    }

[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
    transition-duration: .3s;
}

[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
        transition-delay: .3s;
    }

[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
    transition-duration: .35s;
}

[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
        transition-delay: .35s;
    }

[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
    transition-duration: .4s;
}

[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
        transition-delay: .4s;
    }

[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
    transition-duration: .45s;
}

[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
        transition-delay: .45s;
    }

[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
    transition-duration: .5s;
}

[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
        transition-delay: .5s;
    }

[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
    transition-duration: .55s;
}

[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {
        transition-delay: .55s;
    }

[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
    transition-duration: .6s;
}

[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
        transition-delay: .6s;
    }

[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
    transition-duration: .65s;
}

[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
        transition-delay: .65s;
    }

[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
    transition-duration: .7s;
}

[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
        transition-delay: .7s;
    }

[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
    transition-duration: .75s;
}

[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
        transition-delay: .75s;
    }

[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
    transition-duration: .8s;
}

[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
        transition-delay: .8s;
    }

[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
    transition-duration: .85s;
}

[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {
        transition-delay: .85s;
    }

[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
    transition-duration: .9s;
}

[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
        transition-delay: .9s;
    }

[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
    transition-duration: .95s;
}

[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {
        transition-delay: .95s;
    }

[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s;
}

[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
        transition-delay: 1s;
    }

[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
    transition-duration: 1.05s;
}

[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {
        transition-delay: 1.05s;
    }

[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
    transition-duration: 1.1s;
}

[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {
        transition-delay: 1.1s;
    }

[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
    transition-duration: 1.15s;
}

[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {
        transition-delay: 1.15s;
    }

[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s;
}

[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {
        transition-delay: 1.2s;
    }

[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
    transition-duration: 1.25s;
}

[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {
        transition-delay: 1.25s;
    }

[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
    transition-duration: 1.3s;
}

[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {
        transition-delay: 1.3s;
    }

[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
    transition-duration: 1.35s;
}

[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {
        transition-delay: 1.35s;
    }

[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
    transition-duration: 1.4s;
}

[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {
        transition-delay: 1.4s;
    }

[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
    transition-duration: 1.45s;
}

[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {
        transition-delay: 1.45s;
    }

[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s;
}

[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {
        transition-delay: 1.5s;
    }

[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
    transition-duration: 1.55s;
}

[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {
        transition-delay: 1.55s;
    }

[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
    transition-duration: 1.6s;
}

[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {
        transition-delay: 1.6s;
    }

[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
    transition-duration: 1.65s;
}

[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {
        transition-delay: 1.65s;
    }

[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
    transition-duration: 1.7s;
}

[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {
        transition-delay: 1.7s;
    }

[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
    transition-duration: 1.75s;
}

[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {
        transition-delay: 1.75s;
    }

[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
    transition-duration: 1.8s;
}

[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {
        transition-delay: 1.8s;
    }

[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
    transition-duration: 1.85s;
}

[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {
        transition-delay: 1.85s;
    }

[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
    transition-duration: 1.9s;
}

[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {
        transition-delay: 1.9s;
    }

[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
    transition-duration: 1.95s;
}

[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {
        transition-delay: 1.95s;
    }

[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s;
}

[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
        transition-delay: 2s;
    }

[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
    transition-duration: 2.05s;
}

[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {
        transition-delay: 2.05s;
    }

[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
    transition-duration: 2.1s;
}

[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {
        transition-delay: 2.1s;
    }

[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
    transition-duration: 2.15s;
}

[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {
        transition-delay: 2.15s;
    }

[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
    transition-duration: 2.2s;
}

[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {
        transition-delay: 2.2s;
    }

[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
    transition-duration: 2.25s;
}

[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {
        transition-delay: 2.25s;
    }

[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
    transition-duration: 2.3s;
}

[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {
        transition-delay: 2.3s;
    }

[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
    transition-duration: 2.35s;
}

[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {
        transition-delay: 2.35s;
    }

[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
    transition-duration: 2.4s;
}

[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {
        transition-delay: 2.4s;
    }

[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
    transition-duration: 2.45s;
}

[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {
        transition-delay: 2.45s;
    }

[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
    transition-duration: 2.5s;
}

[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
        transition-delay: 2.5s;
    }

[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
    transition-duration: 2.55s;
}

[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {
        transition-delay: 2.55s;
    }

[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
    transition-duration: 2.6s;
}

[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {
        transition-delay: 2.6s;
    }

[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
    transition-duration: 2.65s;
}

[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {
        transition-delay: 2.65s;
    }

[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
    transition-duration: 2.7s;
}

[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {
        transition-delay: 2.7s;
    }

[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
    transition-duration: 2.75s;
}

[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {
        transition-delay: 2.75s;
    }

[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
    transition-duration: 2.8s;
}

[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {
        transition-delay: 2.8s;
    }

[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
    transition-duration: 2.85s;
}

[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {
        transition-delay: 2.85s;
    }

[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
    transition-duration: 2.9s;
}

[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {
        transition-delay: 2.9s;
    }

[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
    transition-duration: 2.95s;
}

[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {
        transition-delay: 2.95s;
    }

[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
    transition-duration: 3s;
}

[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
        transition-delay: 3s;
    }

[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
    transition-timing-function: cubic-bezier(.25,.25,.75,.75);
}

[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: ease;
}

[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
    transition-timing-function: ease-in;
}

[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
    transition-timing-function: ease-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
    transition-timing-function: ease-in-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
    transition-timing-function: cubic-bezier(.6,-.28,.735,.045);
}

[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.68,-.55,.265,1.55);
}

[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.47,0,.745,.715);
}

[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.39,.575,.565,1);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.445,.05,.55,.95);
}

[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.55,.085,.68,.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.25,.46,.45,.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.455,.03,.515,.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.55,.085,.68,.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.25,.46,.45,.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.455,.03,.515,.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.55,.085,.68,.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.25,.46,.45,.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.455,.03,.515,.955);
}

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity,transform;
}

    [data-aos^=fade][data-aos^=fade].aos-animate {
        opacity: 1;
        transform: translate(0);
    }

[data-aos=fade-up] {
    transform: translateY(100px);
}

[data-aos=fade-down] {
    transform: translateY(-100px);
}

[data-aos=fade-right] {
    transform: translate(-100px);
}

[data-aos=fade-left] {
    transform: translate(100px);
}

[data-aos=fade-up-right] {
    transform: translate(-100px,100px);
}

[data-aos=fade-up-left] {
    transform: translate(100px,100px);
}

[data-aos=fade-down-right] {
    transform: translate(-100px,-100px);
}

[data-aos=fade-down-left] {
    transform: translate(100px,-100px);
}

[data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    transition-property: opacity,transform;
}

    [data-aos^=zoom][data-aos^=zoom].aos-animate {
        opacity: 1;
        transform: translate(0) scale(1);
    }

[data-aos=zoom-in] {
    transform: scale(.6);
}

[data-aos=zoom-in-up] {
    transform: translateY(100px) scale(.6);
}

[data-aos=zoom-in-down] {
    transform: translateY(-100px) scale(.6);
}

[data-aos=zoom-in-right] {
    transform: translate(-100px) scale(.6);
}

[data-aos=zoom-in-left] {
    transform: translate(100px) scale(.6);
}

[data-aos=zoom-out] {
    transform: scale(1.2);
}

[data-aos=zoom-out-up] {
    transform: translateY(100px) scale(1.2);
}

[data-aos=zoom-out-down] {
    transform: translateY(-100px) scale(1.2);
}

[data-aos=zoom-out-right] {
    transform: translate(-100px) scale(1.2);
}

[data-aos=zoom-out-left] {
    transform: translate(100px) scale(1.2);
}

[data-aos^=slide][data-aos^=slide] {
    transition-property: transform;
}

    [data-aos^=slide][data-aos^=slide].aos-animate {
        transform: translate(0);
    }

[data-aos=slide-up] {
    transform: translateY(100%);
}

[data-aos=slide-down] {
    transform: translateY(-100%);
}

[data-aos=slide-right] {
    transform: translateX(-100%);
}

[data-aos=slide-left] {
    transform: translateX(100%);
}

[data-aos^=flip][data-aos^=flip] {
    backface-visibility: hidden;
    transition-property: transform;
}

[data-aos=flip-left] {
    transform: perspective(2500px) rotateY(-100deg);
}

    [data-aos=flip-left].aos-animate {
        transform: perspective(2500px) rotateY(0);
    }

[data-aos=flip-right] {
    transform: perspective(2500px) rotateY(100deg);
}

    [data-aos=flip-right].aos-animate {
        transform: perspective(2500px) rotateY(0);
    }

[data-aos=flip-up] {
    transform: perspective(2500px) rotateX(-100deg);
}

    [data-aos=flip-up].aos-animate {
        transform: perspective(2500px) rotateX(0);
    }

[data-aos=flip-down] {
    transform: perspective(2500px) rotateX(100deg);
}

    [data-aos=flip-down].aos-animate {
        transform: perspective(2500px) rotateX(0);
    }
/* #region tech member skill section*/
.member-skill h3 {
    font-weight: 800 !important;
    text-transform: uppercase;
    font-family: "Open Sans",Arial,Helvetica,sans-serif;
    color: #333333;
    line-height: 1.28;
    letter-spacing: 0px;
    font-style: normal;
    -webkit-box-flex: 0;
    flex-grow: 0;
}

.member-skill p {
    font-weight: 300 !important;
    color: #333333;
    line-height: 1.28;
    letter-spacing: 0px;
    font-style: normal;
    -webkit-box-flex: 0;
    flex-grow: 0;
    margin-bottom: 3%;
    text-align: justify !important;
}
/* #endregion tech member skill section*/