/* Minification failed. Returning unminified contents.
(4068,1): run-time error CSS1031: Expected selector, found '}'
(4068,1): run-time error CSS1025: Expected comma or open brace, found '}'
(7214,22): run-time error CSS1039: Token not allowed after unary operator: '-color-bg'
(7225,22): run-time error CSS1039: Token not allowed after unary operator: '-color-link'
(7273,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-alt'
(7305,17): run-time error CSS1039: Token not allowed after unary operator: '-color-thumb-caption-link-hover'
(7309,17): run-time error CSS1039: Token not allowed after unary operator: '-color-thumb-caption-title'
(7391,20): run-time error CSS1039: Token not allowed after unary operator: '-cursor-fill'
(8530,31): run-time error CSS1046: Expect comma, found '114'
(8530,39): run-time error CSS1046: Expect comma, found '/'
(8541,31): run-time error CSS1046: Expect comma, found '114'
(8541,39): run-time error CSS1046: Expect comma, found '/'
(9049,22): run-time error CSS1039: Token not allowed after unary operator: '-unnamed-color-ffffff'
(9509,12): run-time error CSS1038: Expected hex color, found '#ffff'
(9608,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9636,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9647,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9664,31): run-time error CSS1046: Expect comma, found '114'
(9664,39): run-time error CSS1046: Expect comma, found '/'
(9675,31): run-time error CSS1046: Expect comma, found '114'
(9675,39): run-time error CSS1046: Expect comma, found '/'
(9686,31): run-time error CSS1046: Expect comma, found '114'
(9686,39): run-time error CSS1046: Expect comma, found '/'
(9697,31): run-time error CSS1046: Expect comma, found '114'
(9697,39): run-time error CSS1046: Expect comma, found '/'
(9863,31): run-time error CSS1046: Expect comma, found '114'
(9863,39): run-time error CSS1046: Expect comma, found '/'
(9874,31): run-time error CSS1046: Expect comma, found '114'
(9874,39): run-time error CSS1046: Expect comma, found '/'
(9885,31): run-time error CSS1046: Expect comma, found '114'
(9885,39): run-time error CSS1046: Expect comma, found '/'
(9897,31): run-time error CSS1046: Expect comma, found '114'
(9897,39): run-time error CSS1046: Expect comma, found '/'
(9910,31): run-time error CSS1046: Expect comma, found '114'
(9910,39): run-time error CSS1046: Expect comma, found '/'
(9921,31): run-time error CSS1046: Expect comma, found '114'
(9921,39): run-time error CSS1046: Expect comma, found '/'
(9937,31): run-time error CSS1046: Expect comma, found '114'
(9937,39): run-time error CSS1046: Expect comma, found '/'
(9959,35): run-time error CSS1046: Expect comma, found '114'
(9959,43): run-time error CSS1046: Expect comma, found '/'
(9983,31): run-time error CSS1046: Expect comma, found '114'
(9983,39): run-time error CSS1046: Expect comma, found '/'
(10583,15): run-time error CSS1038: Expected hex color, found '#ffff'
(12158,26): run-time error CSS1039: Token not allowed after unary operator: '-ft-main-theme'
(12159,26): run-time error CSS1039: Token not allowed after unary operator: '-ft-main-theme'
(12685,26): run-time error CSS1039: Token not allowed after unary operator: '-ft-main-theme'
(12710,26): run-time error CSS1039: Token not allowed after unary operator: '-ft-main-theme'
(12721,34): run-time error CSS1039: Token not allowed after unary operator: '-ft-main-theme'
(12730,26): run-time error CSS1039: Token not allowed after unary operator: '-ft-second-theme'
(12733,34): run-time error CSS1039: Token not allowed after unary operator: '-ft-second-theme'
(12739,27): run-time error CSS1039: Token not allowed after unary operator: '-ft-second-theme'
(12760,26): run-time error CSS1039: Token not allowed after unary operator: '-ft-main-theme'
(12763,26): run-time error CSS1039: Token not allowed after unary operator: '-ft-second-theme'
(13012,15): run-time error CSS1039: Token not allowed after unary operator: '-ft-main-theme'
(13092,26): run-time error CSS1039: Token not allowed after unary operator: '-ft-second-theme'
(13102,26): run-time error CSS1039: Token not allowed after unary operator: '-ft-second-theme'
(13125,26): run-time error CSS1039: Token not allowed after unary operator: '-ft-main-theme'
(13130,26): run-time error CSS1039: Token not allowed after unary operator: '-ft-second-theme'
(13138,15): run-time error CSS1039: Token not allowed after unary operator: '-ft-main-theme'
(13925,15): run-time error CSS1039: Token not allowed after unary operator: '-ft-second-theme'
(14473,15): run-time error CSS1039: Token not allowed after unary operator: '-ft-second-theme'
(14480,15): run-time error CSS1039: Token not allowed after unary operator: '-ft-main-theme'
(14512,26): run-time error CSS1039: Token not allowed after unary operator: '-ft-main-theme'
(14975,32): run-time error CSS1046: Expect comma, found '0'
(14975,36): run-time error CSS1046: Expect comma, found '/'
(15197,21): run-time error CSS1038: Expected hex color, found '#ffff'
(15514,26): run-time error CSS1039: Token not allowed after unary operator: '-ft-second-theme'
(15517,26): run-time error CSS1039: Token not allowed after unary operator: '-ft-main-theme'
(15551,26): run-time error CSS1039: Token not allowed after unary operator: '-ft-main-theme'
(16641,15): run-time error CSS1039: Token not allowed after unary operator: '-ft-second-theme'
(16658,15): run-time error CSS1039: Token not allowed after unary operator: '-ft-main-theme'
(16936,26): run-time error CSS1039: Token not allowed after unary operator: '-ft-main-theme'
(16939,26): run-time error CSS1039: Token not allowed after unary operator: '-ft-second-theme'
(16968,26): run-time error CSS1039: Token not allowed after unary operator: '-ft-main-theme'
(16986,26): run-time error CSS1039: Token not allowed after unary operator: '-ft-main-theme'
(16994,26): run-time error CSS1039: Token not allowed after unary operator: '-ft-second-theme'
(17039,26): run-time error CSS1039: Token not allowed after unary operator: '-ft-main-theme'
(17059,15): run-time error CSS1039: Token not allowed after unary operator: '-ft-main-theme'
(17071,15): run-time error CSS1039: Token not allowed after unary operator: '-ft-main-theme'
 */
@charset "UTF-8";
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

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

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

@-webkit-keyframes bounce {

    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@keyframes bounce {

    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    60% {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce
}

@-webkit-keyframes flash {

    0%,
    100%,
    50% {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {

    0%,
    100%,
    50% {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

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

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

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

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

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}

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

    50% {
        opacity: 0.2;
    }
}

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

    50% {
        opacity: 0.2;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    30% {
        -webkit-transform: scaleX(1.25) scaleY(0.75);
        transform: scaleX(1.25) scaleY(0.75)
    }

    40% {
        -webkit-transform: scaleX(0.75) scaleY(1.25);
        transform: scaleX(0.75) scaleY(1.25)
    }

    60% {
        -webkit-transform: scaleX(1.15) scaleY(0.85);
        transform: scaleX(1.15) scaleY(0.85)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    30% {
        -webkit-transform: scaleX(1.25) scaleY(0.75);
        -ms-transform: scaleX(1.25) scaleY(0.75);
        transform: scaleX(1.25) scaleY(0.75)
    }

    40% {
        -webkit-transform: scaleX(0.75) scaleY(1.25);
        -ms-transform: scaleX(0.75) scaleY(1.25);
        transform: scaleX(0.75) scaleY(1.25)
    }

    60% {
        -webkit-transform: scaleX(1.15) scaleY(0.85);
        -ms-transform: scaleX(1.15) scaleY(0.85);
        transform: scaleX(1.15) scaleY(0.85)
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {

    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

@keyframes shake {

    0%,
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

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

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    100% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    10%,
    20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    10%,
    20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        -ms-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

.translateD {
    -webkit-animation-name: translateD;
    animation-name: translateD;
}

@-webkit-keyframes translateD {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.2) rotate(-12deg) translate(20px, 20px);
        -ms-transform: scale(1.2) rotate(-12deg) translate(20px, 20px);
        transform: scale(1.2) rotate(-12deg) translate(20px, 20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1) rotate(-12deg) translate(0px, 0px);
        -ms-transform: scale(1) rotate(-12deg) translate(0px, 0px);
        transform: scale(1) rotate(-12deg) translate(0px, 0px);
    }
}

@keyframes translateD {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.2) rotate(-12deg) translate(20px, 20px);
        -ms-transform: scale(1.2) rotate(-12deg) translate(20px, 20px);
        transform: scale(1.2) rotate(-12deg) translate(20px, 20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1) rotate(-12deg) translate(0px, 0px);
        -ms-transform: scale(1) rotate(-12deg) translate(0px, 0px);
        transform: scale(1) rotate(-12deg) translate(0px, 0px);
    }
}

.translateSC {
    -webkit-animation-name: translateSC;
    animation-name: translateSC;
}

@-webkit-keyframes translateSC {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.2) rotate(-5deg);
        -ms-transform: scale(1.2) rotate(-5deg);
        transform: scale(1.2) rotate(-5deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes translateSC {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

.translateZoomOut {
    -webkit-animation-name: translateZoomOut;
    animation-name: translateZoomOut;
}

@-webkit-keyframes translateZoomOut {
    0% {
        opacity: 0;
        -webkit-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes translateZoomOut {
    0% {
        opacity: 0;
        -webkit-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

.translateD1 {
    -webkit-animation-name: translateD1;
    animation-name: translateD1;
}

@-webkit-keyframes translateD1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.2) rotate(-18deg) translate(20px, 20px);
        -ms-transform: scale(1.2) rotate(-18deg) translate(20px, 20px);
        transform: scale(1.2) rotate(-18deg) translate(20px, 20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1) rotate(-18deg) translate(0px, 0px);
        -ms-transform: scale(1) rotate(-18deg) translate(0px, 0px);
        transform: scale(1) rotate(-18deg) translate(0px, 0px);
    }
}

@keyframes translateD1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.2) rotate(-18deg) translate(20px, 20px);
        -ms-transform: scale(1.2) rotate(-18deg) translate(20px, 20px);
        transform: scale(1.2) rotate(-18deg) translate(20px, 20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1) rotate(-18deg) translate(0px, 0px);
        -ms-transform: scale(1) rotate(-18deg) translate(0px, 0px);
        transform: scale(1) rotate(-18deg) translate(0px, 0px);
    }
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg)
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg)
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg)
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg)
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg)
    }

    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%)
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        -ms-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg)
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        -ms-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg)
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        -ms-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg)
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        -ms-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg)
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        -ms-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg)
    }

    100% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%)
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    70% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }

    70% {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }

    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px)
    }

    80% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }

    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px)
    }

    80% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px)
    }

    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px)
    }

    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px)
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    80% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    80% {
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px)
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    25% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
}

@keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    25% {
        -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
        transform: scale(.95)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@keyframes newfadeInD {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

@-webkit-keyframes newfadeInD {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

.newfadeInD {
    -webkit-animation-name: newfadeInD;
    animation-name: newfadeInD;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUp2 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUp2 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100px);
        -ms-transform: translateY(100px);
        transform: translateY(100px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInUp2 {
    -webkit-animation-name: fadeInUp2;
    animation-name: fadeInUp2;

}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

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

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg)
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        -ms-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg)
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -ms-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg)
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg)
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        -ms-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg)
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        -ms-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg)
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }

    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        -ms-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }

    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        -ms-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

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

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        -ms-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-180px);
        transform: translateX(-180px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-180px);
        -ms-transform: translateX(-180px);
        transform: translateX(-180px)
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(200px);
        transform: translateX(200px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

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

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

    40% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

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

    100% {
        -webkit-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0
    }
}

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

    20%,
    60% {
        -webkit-transform: rotate(80deg);
        -ms-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40% {
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        -ms-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    100% {
        -webkit-transform: translateY(700px);
        -ms-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg)
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        -ms-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes rollIncustom {
    0% {
        opacity: 0;
        -webkit-transform: translateX(220%) translateY(220px);
        -ms-transform: translateX(220%) translateY(220px);
        transform: translateX(220%) translateY(220px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) translateY(0px);
        -ms-transform: translateX(0px) translateY(0px);
        transform: translateX(0px) translateY(0px);
    }
}

@keyframes rollIncustom {
    0% {
        opacity: 0;
        -webkit-transform: translateX(220%) translateY(220px);
        -ms-transform: translateX(220%) translateY(220px);
        transform: translateX(220%) translateY(220px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) translateY(0px);
        -ms-transform: translateX(0px) translateY(0px);
        transform: translateX(0px) translateY(0px);
    }
}

.rollIncustom {
    -webkit-animation-name: rollIncustom;
    animation-name: rollIncustom
}

@-webkit-keyframes rollIncustom1 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(150%) translateY(150px);
        -ms-transform: translateX(150%) translateY(150px);
        transform: translateX(150%) translateY(150px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) translateY(0px);
        -ms-transform: translateX(0px) translateY(0px);
        transform: translateX(0px) translateY(0px);
    }
}

@keyframes rollIncustom1 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(150%) translateY(150px);
        -ms-transform: translateX(150%) translateY(150px);
        transform: translateX(150%) translateY(150px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) translateY(0px);
        -ms-transform: translateX(0px) translateY(0px);
        transform: translateX(0px) translateY(0px);
    }
}

.rollIncustom1 {
    -webkit-animation-name: rollIncustom1;
    animation-name: rollIncustom1;
}

@-webkit-keyframes rollIncustom3 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px) translateY(350px);
        -ms-transform: translateX(-20px) translateY(350px);
        transform: translateX(-20px) translateY(350px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) translateY(0px);
        -ms-transform: translateX(0px) translateY(0px);
        transform: translateX(0px) translateY(0px);
    }
}

@keyframes rollIncustom3 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px) translateY(350px);
        -ms-transform: translateX(-20px) translateY(350px);
        transform: translateX(-20px) translateY(350px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) translateY(0px);
        -ms-transform: translateX(0px) translateY(0px);
        transform: translateX(0px) translateY(0px);
    }
}

.rollIncustom3 {
    -webkit-animation-name: rollIncustom3;
    animation-name: rollIncustom3;
}

@-webkit-keyframes rollIncustom4 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-90px) translateY(70px);
        -ms-transform: translateX(-90px) translateY(70px);
        transform: translateX(-90px) translateY(70px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) translateY(0px);
        -ms-transform: translateX(0px) translateY(0px);
        transform: translateX(0px) translateY(0px);
    }
}

@keyframes rollIncustom4 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-90px) translateY(70px);
        -ms-transform: translateX(-90px) translateY(70px);
        transform: translateX(-90px) translateY(70px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) translateY(0px);
        -ms-transform: translateX(0px) translateY(0px);
        transform: translateX(0px) translateY(0px);
    }
}

.rollIncustom4 {
    -webkit-animation-name: rollIncustom4;
    animation-name: rollIncustom4;
}

@-webkit-keyframes rollIncustom5 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-500px) translateY(-50px);
        -ms-transform: translateX(-500px) translateY(-50px);
        transform: translateX(-500px) translateY(-50px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) translateY(0px);
        -ms-transform: translateX(0px) translateY(0px);
        transform: translateX(0px) translateY(0px);
    }
}

@keyframes rollIncustom5 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-500px) translateY(-50px);
        -ms-transform: translateX(-500px) translateY(-50px);
        transform: translateX(-500px) translateY(-50px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) translateY(0px);
        -ms-transform: translateX(0px) translateY(0px);
        transform: translateX(0px) translateY(0px);
    }
}

.rollIncustom5 {
    -webkit-animation-name: rollIncustom5;
    animation-name: rollIncustom5;
}

@-webkit-keyframes rollIncustom6 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(30px) translateY(-150px);
        -ms-transform: translateX(30px) translateY(-150px);
        transform: translateX(30px) translateY(-150px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) translateY(0px);
        -ms-transform: translateX(0px) translateY(0px);
        transform: translateX(0px) translateY(0px);
    }
}

@keyframes rollIncustom6 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(30px) translateY(-150px);
        -ms-transform: translateX(30px) translateY(-150px);
        transform: translateX(30px) translateY(-150px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) translateY(0px);
        -ms-transform: translateX(0px) translateY(0px);
        transform: translateX(0px) translateY(0px);
    }
}

.rollIncustom6 {
    -webkit-animation-name: rollIncustom6;
    animation-name: rollIncustom6;
}

@-webkit-keyframes rollIncustom7 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-150px) translateY(-150px);
        -ms-transform: translateX(-150px) translateY(-150px);
        transform: translateX(-150px) translateY(-150px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) translateY(0px);
        -ms-transform: translateX(0px) translateY(0px);
        transform: translateX(0px) translateY(0px);
    }
}

@keyframes rollIncustom7 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-150px) translateY(-150px);
        -ms-transform: translateX(-150px) translateY(-150px);
        transform: translateX(-150px) translateY(-150px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) translateY(0px);
        -ms-transform: translateX(0px) translateY(0px);
        transform: translateX(0px) translateY(0px);
    }
}

.rollIncustom7 {
    -webkit-animation-name: rollIncustom7;
    animation-name: rollIncustom7;
}

@-webkit-keyframes rollIncustom8 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(0px) translateY(-200px);
        -ms-transform: translateX(0px) translateY(-200px);
        transform: translateX(0px) translateY(-200px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) translateY(0px);
        -ms-transform: translateX(0px) translateY(0px);
        transform: translateX(0px) translateY(0px);
    }
}

@keyframes rollIncustom8 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(0px) translateY(-200px);
        -ms-transform: translateX(0px) translateY(-200px);
        transform: translateX(0px) translateY(-200px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) translateY(0px);
        -ms-transform: translateX(0px) translateY(0px);
        transform: translateX(0px) translateY(0px);
    }
}

.rollIncustom8 {
    -webkit-animation-name: rollIncustom8;
    animation-name: rollIncustom8;
}

@-webkit-keyframes rollIncustom9 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(200px) translateY(-150px);
        -ms-transform: translateX(200px) translateY(-150px);
        transform: translateX(200px) translateY(-150px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) translateY(0px);
        -ms-transform: translateX(0px) translateY(0px);
        transform: translateX(0px) translateY(0px);
    }
}

@keyframes rollIncustom9 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(500px) translateY(-150px);
        -ms-transform: translateX(200px) translateY(-150px);
        transform: translateX(200px) translateY(-150px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) translateY(0px);
        -ms-transform: translateX(0px) translateY(0px);
        transform: translateX(0px) translateY(0px);
    }
}

.rollIncustom9 {
    -webkit-animation-name: rollIncustom9;
    animation-name: rollIncustom9;
}



@-webkit-keyframes slideInnew {
    0% {
        opacity: 0;
        -webkit-transform: translate(10px, 10px);
        -ms-transform: translate(10px, 10px);
        transform: translate(10px, 10px)
    }

    100% {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes slideInnew {
    0% {
        opacity: 0;
        -webkit-transform: translate(10px, 10px);
        -ms-transform: translate(10px, 10px);
        transform: translate(10px, 10px)
    }

    100% {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.slideInnew {
    -webkit-animation-name: slideInnew;
    animation-name: slideInnew;
}

@-webkit-keyframes slideInnew2 {
    0% {
        opacity: 0;
        -webkit-transform: matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0) translate(-10px, 80px);
        -ms-transform: matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0) translate(-10px, 80px);
        transform: matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0) translate(-10px, 80px);
    }

    100% {
        -webkit-transform: matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0) translate(0px, 0px);
        -ms-transform: matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0) translate(0px, 0px);
        transform: matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0) translate(0px, 0px);
    }
}

@keyframes slideInnew2 {
    0% {
        opacity: 0;
        -webkit-transform: matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0) translate(-10px, 80px);
        -ms-transform: matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0) translate(-10px, 80px);
        transform: matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0) translate(-10px, 80px);
    }

    100% {
        -webkit-transform: matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0) translate(0px, 0px);
        -ms-transform: matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0) translate(0px, 0px);
        transform: matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0) translate(0px, 0px);
    }
}

.slideInnew2 {
    -webkit-animation-name: slideInnew2;
    animation-name: slideInnew2;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.faa-parent.animated-hover:hover>.faa-spin,
.faa-spin.animated,
.faa-spin.animated-hover:hover {
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite
}

.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px #e8e8e8;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    height: 42px;
    line-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto;
}

.nice-select:hover {
    border-color: #dbdbdb;
}

.nice-select:active,
.nice-select.open,
.nice-select:focus {
    border-color: #999;
}

.nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 5px;
}

.nice-select.open:after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
}

.nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none;
}

.nice-select.disabled:after {
    border-color: #cccccc;
}

.nice-select.wide {
    width: 100%;
}

.nice-select.wide .list {
    left: 0 !important;
    right: 0 !important;
}

.nice-select.right {
    float: right;
}

.nice-select.right .list {
    left: auto;
    right: 0;
}

.nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px;
}

.nice-select.small:after {
    height: 4px;
    width: 4px;
}

.nice-select.small .option {
    line-height: 34px;
    min-height: 34px;
}

.nice-select .list {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
    -ms-transform: scale(0.75) translateY(-21px);
    transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9;
}

.nice-select .list:hover .option:not(:hover) {
    background-color: transparent !important;
}

.nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
    background-color: #f6f6f6;
}

.nice-select .option.selected {
    font-weight: bold;
}

.nice-select .option.disabled {
    background-color: transparent;
    color: #999;
    cursor: default;
}

.no-csspointerevents .nice-select .list {
    display: none;
}

.no-csspointerevents .nice-select.open .list {
    display: block;
}


code,
pre {
    tab-size: 4
}

.mfp-preloader {
    font-size: 13px
}

.get-code-window {
    position: relative;
    background: #FFF;
    padding: 2em 3em;
    width: auto;
    margin: 20px auto;
    max-width: 600px
}

#magnific_popup_documentation {
    font-size: 3em;
    margin-bottom: 1em;
    font-weight: 700;
    text-align: center
}

.grid-c {
    clear: both
}

.grid-c p {
    margin-bottom: .5em
}

.grid-c {
    overflow: hidden;
    margin: 0 -1em
}

.gc3 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    float: left;
    padding: 1em;
    overflow: hidden
}

.grid-c .gc3:nth-of-type(2n+1) {
    clear: left
}

#broken-glass {
    height: 100%;
    -webkit-tap-highlight-color: transparent;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

#header-links {
    font-size: 16px
}

#markdown-toc {
    position: fixed;
    left: 0;
    top: 50px;
    padding: 20px;
    background: rgba(255, 255, 255, .71);
    -webkit-backface-visibility: hidden;
    list-style: none
}

#markdown-toc a[href="#magnific-popup-docs"] {
    display: none
}

#markdown-toc:before {
    content: 'Table of contents';
    font-weight: 700;
    display: block;
    margin-bottom: 10px
}

@media all and (max-width:75em) {
    #markdown-toc {
        position: static;
        padding: 0;
        background: 0 0
    }
}

#markdown-toc code,
pre {
    font-family: Consolas, "Liberation Mono", Courier, monospace
}

code {
    background: #F8F8F8;
    padding: .1em .4em;
    color: #c82829;
    font-size: 13px
}

pre {
    background: 0 0;
    line-height: 18px;
    overflow: auto;
    padding: 20px 25px;
    border-radius: 2px
}

pre code {
    border: 0;
    padding: 0;
    background: 0 0;
    color: #000;
    font-size: 13px
}

.highlight {
    position: relative;
    margin-bottom: .5em;
    margin-left: -1.5em;
    width: 100%;
    padding: 0 1.5em;
    background-color: #F5FAFC
}

pre code:before {
    display: block;
    position: absolute;
    right: 3px;
    top: 6px;
    padding: 3px 7px 0;
    color: #889499;
    font-size: 12px;
    line-height: 13px
}

code.html:before {
    content: 'HTML'
}

code.javascript:before {
    content: 'JS'
}

code.css:before {
    content: 'CSS'
}

#mc_embed_signup {
    max-width: 350px;
    padding: 32px;
    background: #EEE
}

#mc_embed_signup input[type=email] {
    border: 1px solid #CCC;
    border-top: 1px solid #999;
    padding: 5px;
    font-size: 18px;
    width: 200px;
    margin-right: 10px;
    height: 25px;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px
}

#mc_embed_signup input[type=email]:focus {
    background-color: #FFF;
    border: 1px solid #3169B3;
    box-shadow: #3169B3 0 0 5px;
    -moz-box-shadow: #3169B3 0 0 5px;
    -webkit-box-shadow: #3169B3 0 0 5px;
    outline: 0
}

#mc_embed_signup input[type=submit] {
    border: 1px solid #3169B3;
    font-size: 13px;
    font-weight: 700;
    color: #FFF;
    height: auto;
    padding: 8px 13px;
    cursor: pointer;
    background-color: #3169B3;
    display: inline-block;
    width: auto;
    -webkit-appearance: none;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    vertical-align: top
}

.embed-form {
    position: relative
}

#mc_embed_signup #main-wrapper {
    background: 0 0;
    max-width: 800px;
    width: 100%;
    margin: 2em auto 4em;
    padding: 0 3em 3em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.white-popup-block {
    background: #FFF;
    padding: 20px 30px;
    text-align: left;
    max-width: 650px;
    margin: 40px auto;
    position: relative
}

#examples:after {
    content: 'to view source click on the title of example';
    opacity: .4;
    font-weight: 400;
    font-size: 14px;
    margin-top: 13px;
    float: right
}

.example {
    margin-bottom: 20px;
    position: relative
}

.square-tmb {
    margin: 0 10px 0 0;
    cursor: pointer
}

.zoom-cursor {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.example a,
a.popup-link {
    text-decoration: none;
    border-bottom: 1px dotted
}

.example a:hover,
a.popup-link:hover {
    text-decoration: none
}

#image-gallery a,
#single-image {
    border-bottom: none
}

.not-ready-yet-notice {
    padding: 20px;
    background: #EEE
}

#footer {
    border-top: 1px solid #DDD;
    padding-top: 3em;
    margin: 5em 0 0;
    width: 100%;
    text-align: center;
    opacity: .9
}

#conditional-lightbox-notice {
    display: none
}

#logo-status {
    opacity: 0;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    transition: opacity .5s;
    width: 100%;
    text-align: center
}

#logo-status.down {
    opacity: 1
}

code.def {
    padding: 0;
    background: #FFF;
    border: 0;
    display: block;
    margin-bottom: 8px;
    margin-top: -10px;
    color: #A3A3A3
}

@media all and (max-width:50em) {
    #logo
}

@media all and (max-width:30em) {
    #examples:after {
        display: none
    }

    .gc3 {
        width: 100%
    }

    .grid-c .gc3:nth-of-type(2n+1) {
        clear: none
    }

    #main-wrapper {
        padding: 1em;
        margin-top: 0
    }

    .highlight {
        padding: .2em 1em;
        margin: 1em -1em
    }
}

@media all and (max-width:700px) {
    .zoom-cursor {
        cursor: pointer
    }

    #conditional-lightbox-notice {
        display: block;
        padding: 10px;
        background: #FFEAEA
    }
}

#logo-overlay {
    width: 100%;
    height: 75px;
    background: red;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0
}

#mfp-build-tool {
    background: #FFF;
    padding: 30px 40px 40px;
    max-width: 500px;
    text-align: left;
    margin: 10px auto;
    position: relative
}

#mfp-build-tool #mfp-build-form label {
    display: block;
    margin-bottom: 5px;
    min-height: 18px;
    padding-left: 18px
}

#mfp-build-form input[type=checkbox] {
    margin: 3px 5px 3px -18px;
    line-height: normal;
    cursor: pointer;
    width: auto;
    float: left
}

#mfp-build-status {
    min-height: 40px
}

#mfp-build-status .error {
    color: #830C0C
}

#mfp-build-status .success {
    color: #014B04
}

#mfp-build-status .progress {
    color: #000
}

#smashing {
    text-align: center;
    font-weight: 700
}

#smashing strong {
    color: #EF4A35
}

.smashing-link {
    margin-left: 29px;
    position: relative
}

.smashing-link:before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(http://dimsemenov.com/images/sm-logo-24x24.png);
    position: absolute;
    top: -4px;
    left: -28px
}

#hackernews {
    margin-left: 24px
}

#hackernews:before {
    background: url(http://dimsemenov.com/images/hn-logo-18x18.gif);
    width: 18px;
    height: 18px;
    top: -1px;
    left: -22px
}

.share-buttons {
    text-align: center
}

.share-buttons .share-buttons {
    position: relative;
    margin: 70px 0
}

#tweet {
    background: #0096c4
}

#like {
    background: #3b5998
}

#gplus {
    background: #d34836
}

#vkcom {
    background: #6e8fb1
}

pre .comment,
pre .diff .header,
pre .javadoc,
pre .template_comment {
    color: #998;
    font-style: italic
}

pre .css .rule .keyword,
pre .javascript .title,
pre .keyword,
pre .nginx .title,
pre .request,
pre .status,
pre .subst,
pre .winutils {
    color: #333;
    font-weight: 700
}

pre .hexcolor,
pre .number,
pre .ruby .constant {
    color: #099
}

pre .phpdoc,
pre .string,
pre .tag .value,
pre .tex .formula {
    color: #D01040
}

pre .id,
pre .title {
    color: #900;
    font-weight: 700
}

pre .clojure .title,
pre .javascript .title,
pre .lisp .title,
pre .subst {
    font-weight: 400
}

pre .class .title,
pre .haskell .type,
pre .tex .command,
pre .vhdl .literal {
    color: #458;
    font-weight: 700
}

pre .django .tag .keyword,
pre .rules .property,
pre .tag,
pre .tag .title {
    color: navy;
    font-weight: 400
}

pre .attribute,
pre .lisp .body,
pre .variable {
    color: teal
}

pre .regexp {
    color: #009926
}

pre .class {
    color: #458;
    font-weight: 700
}

pre .built_in,
pre .clojure .built_in,
pre .lisp .title {
    color: #0086b3
}

pre .cdata,
pre .doctype,
pre .pi,
pre .preprocessor,
pre .shebang {
    color: #999;
    font-weight: 700
}

pre .deletion {
    background: #fdd
}

pre .addition {
    background: #dfd
}

pre .diff .change {
    background: #0086b3
}

pre .chunk {
    color: #aaa
}

#documentation-intro {
    background: #2b2b2b;
    text-align: center;
    padding: 3em;
    width: 100%;
    margin-left: -3em;
    margin-bottom: 3em
}

#documentation-intro #id1 {
    display: none
}

.hll {
    background-color: #ffc
}

.c {
    color: #998;
    font-style: italic
}

.err {
    color: #a61717;
    background-color: #e3d2d2
}

.k,
.o {
    color: #000;
    font-weight: 700
}

.cm {
    color: #998;
    font-style: italic
}

.cp {
    color: #999;
    font-weight: 700;
    font-style: italic
}

.c1 {
    color: #998;
    font-style: italic
}

.cs {
    color: #999;
    font-weight: 700;
    font-style: italic
}

.gd {
    color: #000;
    background-color: #fdd
}

.ge {
    color: #000;
    font-style: italic
}

.gr {
    color: #a00
}

.gh {
    color: #999
}

.gi {
    color: #000;
    background-color: #dfd
}

.go {
    color: #888
}

.gp {
    color: #555
}

.gs {
    font-weight: 700
}

.gu {
    color: #aaa
}

.gt {
    color: #a00
}

.kc,
.kd,
.kn,
.kp,
.kr {
    color: #000;
    font-weight: 700
}

.kt {
    color: #458;
    font-weight: 700
}

.m {
    color: #099
}

.s {
    color: #d01040
}

.na {
    color: teal
}

.nb {
    color: #0086b3
}

.nc {
    color: #458;
    font-weight: 700
}

.no {
    color: teal
}

.nd {
    color: #3c5d5d;
    font-weight: 700
}

.ni {
    color: purple
}

.ne,
.nf,
.nl {
    color: #900;
    font-weight: 700
}

.nn {
    color: #555
}

.nt {
    color: navy
}

.nv {
    color: teal
}

.ow {
    color: #000;
    font-weight: 700
}

.w {
    color: #bbb
}

.mf,
.mh,
.mi,
.mo {
    color: #099
}

.s2,
.sb,
.sc,
.sd,
.se,
.sh,
.si,
.sx {
    color: #d01040
}

.sr {
    color: #009926
}

.s1 {
    color: #d01040
}

.ss {
    color: #990073
}

.bp {
    color: #999
}

.vc,
.vg,
.vi {
    color: teal
}

.il {
    color: #099
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8;
    filter: alpha(opacity=80)
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: 0 !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader {
    display: none
}

button.mfp-arrow,
button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:focus,
.mfp-close:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    filter: alpha(opacity=65);
    margin: -55px 0 0;
    top: 50%;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:focus,
.mfp-arrow:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.mfp-arrow .mfp-a,
.mfp-arrow .mfp-b,
.mfp-arrow:after,
.mfp-arrow:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: inset transparent
}

.mfp-arrow .mfp-a,
.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow .mfp-b,
.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left .mfp-a,
.mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px
}

.mfp-arrow-left .mfp-b,
.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right .mfp-a,
.mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px
}

.mfp-arrow-right .mfp-b,
.mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #444
}

.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width:800px) and (orientation:landscape),
screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width:900px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.mfp-ie7 .mfp-img {
    padding: 0
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px
}

.mfp-ie7 .mfp-container {
    padding: 0
}

.mfp-ie7 .mfp-content {
    padding-top: 44px
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0
}

/* fixme: rename choose_slider_items to animated-slider or something */

.choose_slider_items li {
    position: relative;
    list-style: none;
    display: none;
    text-align: center;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.choose_slider_items .previous_hidden {
    display: block;
    transform: scale(0.6, 0.6);
    -moz-transform: scale(0.6, 0.6);
    -ms-transform: scale(0.6, 0.6);
    -webkit-transform: scale(0.6, 0.6);
    opacity: 0.0;
    position: absolute;
    top: 40px;
    left: -5px;
    z-index: 0;
}

.choose_slider_items .next_hidden {
    display: block;
    transform: scale(0.6, 0.6);
    -moz-transform: scale(0.6, 0.6);
    -ms-transform: scale(0.6, 0.6);
    -webkit-transform: scale(0.6, 0.6);
    opacity: 0.0;
    position: absolute;
    top: 40px;
    left: 525px;
    z-index: 0;
}

.choose_slider_items .previous_item {
    display: block;
    transform: scale(0.8, 0.8);
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    opacity: 0.65;
    position: absolute;
    top: 40px;
    left: 95px;
    z-index: 0;
}

.choose_slider_items .next_item {
    display: block;
    transform: scale(0.8, 0.8);
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    opacity: 0.65;
    position: absolute;
    top: 40px;
    left: 431px;
    z-index: 0;
}


.choose_slider_items .previous_item_2 {
    display: block;
    transform: scale(0.6, 0.6);
    -moz-transform: scale(0.6, 0.6);
    -ms-transform: scale(0.6, 0.6);
    -webkit-transform: scale(0.6, 0.6);
    opacity: 0.35;
    position: absolute;
    top: 40px;
    left: -5px;
    z-index: 0;
}

.choose_slider_items .next_item_2 {
    display: block;
    transform: scale(0.6, 0.6);
    -moz-transform: scale(0.6, 0.6);
    -ms-transform: scale(0.6, 0.6);
    -webkit-transform: scale(0.6, 0.6);
    opacity: 0.35;
    position: absolute;
    top: 40px;
    left: 525px;
    z-index: 0;
}


.choose_slider_items .current_item {
    display: block;
    position: absolute;
    transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    top: 0;
    left: 262px;
    z-index: 100;
}

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/



/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/



/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
    /* direct pointer events to js */
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto;
}

.mCustomScrollBox {
    /* contains plugin's markup */
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr;
}

.mCSB_container {
    /* contains the original content */
    overflow: hidden;
    width: auto;
    height: auto;
}



/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_inside>.mCSB_container {
    margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
}

/* non-visible scrollbar */

.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
    /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 30px;
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0;
}

/* RTL direction/left-side scrollbar */

.mCSB_scrollTools {
    /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
}

.mCSB_outside+.mCSB_scrollTools {
    right: -26px;
}

/* scrollbar position: outside */

.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    /* RTL direction/left-side scrollbar */
    right: auto;
    left: 0;
}

.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    left: -26px;
}

/* RTL direction/left-side scrollbar (scrollbar position: outside) */

.mCSB_scrollTools .mCSB_draggerContainer {
    /* contains the draggable element and dragger rail markup */
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
    /* the draggable element */
    cursor: pointer;
    width: 100%;
    height: 30px;
    /* minimum dragger height */
    z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    /* the dragger element */
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px;
    /* auto-expanded scrollbar */
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px;
    /* auto-expanded scrollbar */
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0;
}



/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside>.mCSB_container {
    min-height: 100%;
}

.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}

/* non-visible scrollbar */

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
}

.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px;
}

/* scrollbar position: outside */

.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
    margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    /* minimum dragger width */
    height: 100%;
    left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    /* auto-expanded scrollbar */
    margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    /* auto-expanded scrollbar */
    margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0;
}



/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px;
}

.mCSB_container_wrapper>.mCSB_container {
    padding-right: 30px;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px;
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px;
}

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0;
}

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px;
}

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0;
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
    /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
    padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
    padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    /* non-visible scrollbar */
    margin-left: 0;
}

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}



/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
/* auto-expanded scrollbar */
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s,
        margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
        margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
        opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s,
        margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
        margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
        opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s, height .2s ease-out .2s,
        margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
        margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
        opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: width .2s ease-out .2s, height .2s ease-out .2s,
        margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
        margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
        opacity .2s ease-in-out, background-color .2s ease-in-out;
}



/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/

/* 
----------------------------------------
6.1 THEMES 
----------------------------------------
*/

/* default theme ("light") */

.mCSB_scrollTools {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)";
}

.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover>.mCSB_scrollTools,
.mCustomScrollBox:hover~.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    background-image: url(../img/mCSB_buttons.png);
    /* css sprites */
    background-repeat: no-repeat;
    opacity: 0.4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0;
    /* 
    sprites locations 
    light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
    dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
    */
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px;
    /* 
    sprites locations
    light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
    dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
    */
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px;
    /* 
    sprites locations 
    light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
    dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
    */
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px;
    /* 
    sprites locations 
    light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
    dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
    */
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
    opacity: 0.9;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
}


/* theme: "dark" */

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}

/* ---------------------------------------- */



/* theme: "light-2", "dark-2" */

.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px;
}


/* theme: "dark-2" */

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px;
}

/* ---------------------------------------- */



/* theme: "light-thick", "dark-thick" */

.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px;
}


/* theme: "dark-thick" */

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px;
}

/* ---------------------------------------- */



/* theme: "light-thin", "dark-thin" */

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
}

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto;
}


/* theme "dark-thin" */

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}

/* ---------------------------------------- */



/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.15);
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
    height: 14px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 14px;
    margin: 0 1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 14px;
    margin: 1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    /* auto-expanded scrollbar */
    height: 16px;
    margin: -1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px;
    /* auto-expanded scrollbar */
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    /* auto-expanded scrollbar */
    width: 16px;
    margin: 0 -1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    /* auto-expanded scrollbar */
    margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px;
}


/* theme "rounded-dark", "rounded-dots-dark" */

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px;
}


/* theme "rounded-dots", "rounded-dots-dark" */

.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
    background-repeat: repeat-y;
    opacity: 0.3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px;
}


/* theme "rounded-dots-dark" */

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=);
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px;
}

/* ---------------------------------------- */



/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}


/* theme "3d", "3d-dark" */

.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px;
}

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    width: 8px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #555;
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}


/* theme "3d-dark" */

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

/* ---------------------------------------- */



/* theme: "3d-thick", "3d-thick-dark" */

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    right: 1px;
}

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #555;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}


/* theme: "3d-thick-dark" */

.mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0, 0, 0, 0.05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

/* ---------------------------------------- */



/* theme: "minimal", "minimal-dark" */

.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
    left: 0;
    right: auto;
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px;
}

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)";
}


/* theme: "minimal-dark" */

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)";
}

/* ---------------------------------------- */



/* theme "light-3", "dark-3" */

.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
}

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0;
}

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px;
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}


/* theme "dark-3" */

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

/* ---------------------------------------- */



/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */

.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}


/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}


/* theme "inset-2", "inset-2-dark" */

.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255, 255, 255, 0.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0, 0, 0, 0.2);
}


/* theme "inset-3", "inset-3-dark" */

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
}

/* ---------------------------------------- */

/* Slider */
.slick-slider {
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;

    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;

    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;

    height: auto;

    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

@charset 'UTF-8';
/* Slider */
/*.slick-loading .slick-list
{
    background: #fff url(../images/ajax-loader.gif) center center no-repeat;
}*/

/* Icons */
/*@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url(../fonts/slick.eot);
    src: url(../fonts/slick.eot?#iefix) format('embedded-opentype'), url(../fonts/slick.woff) format('woff'), url(../fonts/slick.ttf) format('truetype'), url(../fonts/slick.svg#slick) format('svg');
}*/
/* Arrows */
.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25;
}

.slick-prev:before,
.slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: -25px;
}

[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto;
}

.slick-prev:before {
    content: '←';
}

[dir='rtl'] .slick-prev:before {
    content: '→';
}

.slick-next {
    right: -25px;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -25px;
}

.slick-next:before {
    content: '→';
}

[dir='rtl'] .slick-next:before {
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}

.slick-dots li {
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: black;
}

.js .loading:after,
.js .loading:before {
    content: "";
    position: fixed;
    z-index: 1000
}

.js .loading:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--color-bg)
}

.js .loading:after {
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    margin: -30px 0 0 -30px;
    border-radius: 50%;
    opacity: .4;
    background: var(--color-link);
    animation: loaderAnim .7s linear infinite alternate forwards
}

@keyframes loaderAnim {
    to {
        opacity: 1;
        transform: scale3d(.5, .5, 1)
    }
}


.unbutton {
    background: none;
    border: 0;
    padding: 0;
    margin: 0;
    font: inherit
}

.unbutton:focus {
    outline: none
}


.cursor {
    display: none
}

.item {
    flex: none;
    padding: 1rem
}

.item__meta {
    font-size: .85rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #000
}

.item__meta-title {
    font-family: meno-banner, serif;
    font-weight: 400;
    font-size: 1.75rem;
    margin: 0
}

.item__meta-detail {
    color: var(--color-text-alt)
}

.item__meta>* {
    will-change: transform, opacity
}

.thumb {
    position: relative;
    margin: 0;
    width: 200px;
    height: 220px;
    overflow: hidden
}

.thumb__caption {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 1rem;
    background: #000;
    transform: translate3d(0, 100%, 0)
}

.thumb__caption-link {
    display: block;
    cursor: pointer
}

.thumb__caption-link:hover {
    color: var(--color-thumb-caption-link-hover)
}

.thumb__caption-title {
    color: var(--color-thumb-caption-title)
}

.distort {
    pointer-events: none;
    margin: -115px 0 0 -75px
}

@media screen and (min-width:74em) {
    .frame {
        text-align: left;
        top: 0;
        left: 0;
        display: grid;
        align-content: space-between;
        max-width: none;
        padding: 2rem 2rem 0;
        grid-template-columns: 52vw auto;
        grid-template-areas: "pagetitle links" "title title"
    }

    .frame,
    .frame__title {
        width: 100%;
        pointer-events: none
    }

    .frame__title {
        line-height: .7;
        grid-area: title;
        font-size: 16.4vw;
        text-align: center;
        white-space: nowrap;
        margin: 0 0 4vw
    }

    .frame__pagetitle {
        position: relative;
        margin-right: 1rem;
        justify-self: end;
        grid-area: pagetitle
    }

    .frame__demos {
        margin: 0;
        grid-area: demos;
        justify-self: end
    }

    .frame__links {
        grid-area: links;
        padding: 0;
        justify-self: end
    }

    .frame a {
        pointer-events: auto
    }

    .content {
        z-index: 1000;
        padding-top: 0;
        justify-content: space-between;
        max-width: none
    }

    .item:nth-child(odd) {
        padding-top: 70px
    }
}

@media (any-pointer:fine) {
    .cursor {
        position: fixed;
        top: 0;
        left: 0;
        display: block;
        pointer-events: none;
        z-index: 10000
    }

    .cursor__inner {
        fill: var(--cursor-fill)
    }

    .no-js .cursor {
        display: none
    }
}

.shop-page {
    padding: 80px 0;
}

.woocommerce-wrapper {
    font-family: 'Poppins', 'sans-serif';
}

.woocommerce-wrapper h1,
.woocommerce-wrapper h2,
.woocommerce-wrapper h3,
.woocommerce-wrapper h4,
.woocommerce-wrapper h5,
.woocommerce-wrapper h6 {
    font-family: 'Poppins', 'sans-serif' !important;
}

.woocommerce-shop-title-before {
    height: 3px;
    width: 5%;
    background: -webkit-gradient(linear, left top, right top, from(#30d4ba), to(#4273f0));
    display: block;
    position: absolute;
    left: 0px;
    top: 10px;
}

.woocommerce-shop-title {
    color: #767676 !important;
    font-size: 16px;
    padding-left: 60px;
    font-weight: 600;
}

.woocommerce-shop-info {
    font-size: 36px;
    font-weight: 700;
    padding: 10px 0px 60px 0px;
    line-height: 48px;
}

.woocommerce ul.products li.product a img {
    height: auto;
    margin-bottom: 0;
}

.woocommerce-product-inner {
    box-shadow: 0px 15px 29px 0px rgba(18, 18, 18, 0.15);
    border-radius: 8px;
}

.woocommerce-product-content {
    display: flex;
    justify-content: center;
    align-items: baseline;
}

.woocommerce ul.products li.product .button {
    background: transparent;
    padding: 0;
    color: #ea1e00;
    margin: 0px 0px 12px 16px;
    font-size: 15px;
    line-height: 20px;
}

.woocommerce ul.products li.product .button:after {
    content: "\f054";
    font-family: 'Font Awesome 5 Free';
    padding-left: 10px;
}

.woocommerce-add-to-cart {
    visibility: hidden;
}

.woocommerce-product-title a {
    font-weight: 700;
    font-size: 16px;
    color: #223543;
}

.woocommerce-product-excerpt p {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 8px;
    padding: 0px 16px;
    visibility: hidden;
}

.woocommerce-product-excerpt p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.woocommerce ul.products li.product .price {
    font-weight: 600;
    font-size: 16px;
    color: #ea1e00;
}

.woocommerce-product-content {
    display: flex;
    justify-content: space-around;
    align-items: baseline;
}

.woocommerce-product-details {
    display: flex;
    justify-content: center;
}

section.related.products h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
    padding-bottom: 85px;
    padding-top: 30px;
}

.woocommerce div.product form.cart div.quantity {
    border: 1px solid #777;
    border-radius: 2px;
    line-height: 46px;
    margin: 0 12px 0 0;
}

.woocommerce div.product .woocommerce-tabs .panel p {
    color: #767677;
    font-size: 15px;
    font-weight: 400;
    line-height: 28px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    display: flex;
    justify-content: center;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: none;
    background-color: transparent;
}

.woocommerce-single-product-excerpt p {
    font-size: 16px;
    color: #767677;
    line-height: 2;
    font-weight: 500;
    padding-top: 25px;
}

.woocommerce-single-product-excerpt:before {
    border: 1px dashed #767676;
    content: "";
    width: 50%;
    position: absolute;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active:after {
    content: "";
    background: #ea1e00;
    height: 3px;
    width: 100%;
    z-index: 2;
    border: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-size: 18px;
    font-weight: 700;
    line-height: 2.222;
    text-align: center;
    color: inherit;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: #222222;
}

.woocommerce div.product .woocommerce-tabs .panel h2 {
    font-size: 26px;
    font-weight: 600;
    padding-bottom: 20px;
}

.woocommerce button.button.alt {
    background: -webkit-gradient(linear, left top, right top, from(#30d4ba), to(#4273f0));
    padding: 8px 30px;
    font-size: 16px;
    line-height: 32px;
}

.woocommerce button.button.alt:hover {
    background: -webkit-gradient(linear, left top, right top, from(#4273f0), to(#30d4ba));
    transition: all .3s ease-in-out;
}

.woocommerce-single-product-title h1 {
    font-size: 36px;
    font-weight: 700;
    line-height: 40px;
}

section.related.products h2:after {
    content: "";
    background: -webkit-gradient(linear, left top, right top, from(#4273f0), to(#30d4ba));
    width: 15%;
    top: 50px;
    height: 3px;
    position: absolute;
    margin-left: 30px;
}

.woocommerce span.onsale {
    background: #222;
    color: #fff;
    font-size: 14px;
    position: absolute;
    height: 20px;
    width: 20px;
    border-radius: 8px;
}

.woocommerce div.product p.price {
    font-size: 24px;
    color: #ea1e00;
    font-weight: 600;
    line-height: 1.667;
}

.woocommerce div.product form.cart {
    margin-top: 50px;
}

.woocommerce-product-gallery__image {
    border-radius: 20px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 23px 27px 0px rgba(16, 16, 16, 0.09);
    padding: 30px 50px;
}

.woocommerce div.product form.cart .variations td.label {
    padding: 5px 15px;
    line-height: 32px;
}

.woocommerce-single-related-product div.owl-nav {
    display: flex;
    justify-content: space-between;
    width: 100%;
    position: absolute;
    top: 90px;
}

.woocommerce-single-related-product div.owl-nav .owl-prev {
    height: 56px;
    width: 56px;
    color: #373a5b;
    padding-top: 6px;
    left: -60px;
    border-radius: 56px;
    transition: all 300ms ease;
}

.woocommerce-single-related-product div.owl-nav .owl-prev:hover {
    background: -webkit-gradient(linear, left top, right top, from(#30d4ba), to(#4273f0));
    color: #fff;
}

.woocommerce-single-related-product div.owl-nav .owl-next {
    height: 56px;
    width: 56px;
    color: #373a5b;
    padding-top: 6px;
    right: -60px;
    border-radius: 56px;
    transition: all 300ms ease;
}

.woocommerce-single-related-product div.owl-nav .owl-next:hover {
    background: -webkit-gradient(linear, left top, right top, from(#30d4ba), to(#4273f0));
    color: #fff;
}

.woocommerce .pswp__bg {
    background: #00000085;
}

.woocommerce nav.woocommerce-pagination ul li a {
    padding: 10px 15px !important;
    background: #222222;
    color: #fff;
}

.woocommerce nav.woocommerce-pagination ul li span {
    padding: 10px 16px !important;
}

.woocommerce nav.woocommerce-pagination ul {
    border: none;
}

.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
    background: #ea1e00;
    color: #fff;
}

.woocommerce nav.woocommerce-pagination ul li {
    border: none;
    margin: 0px 8px;
}

/*Hover Content*/
.woocommerce-product-inner:hover .woocommerce-product-bottom {
    background: #202020;
    border-radius: 0px 0px 8px 8px;
    transition: all .5s ease-out;
}

.woocommerce-product-inner:hover .woocommerce-product-excerpt p {
    visibility: visible;
    transition: all .5s ease-out;
}

.woocommerce-product-inner:hover .woocommerce-product-price {
    visibility: hidden;
}

.woocommerce-product-inner:hover .woocommerce-product-content {
    justify-content: flex-start;
}

.woocommerce-product-inner:hover .woocommerce-product-title a {
    color: #fff;
    transition: all .5s ease-out;
}

.woocommerce-product-inner:hover .woocommerce-product-holder {
    padding-left: 15px;
}

.woocommerce-product-inner:hover .woocommerce-add-to-cart {
    visibility: visible;
    transition: all .5s ease-out;
}

.woocommerce-product-excerpt,
.woocommerce-add-to-cart {
    height: 0;
}

.woocommerce-product-inner:hover .woocommerce-product-excerpt,
.woocommerce-add-to-cart {
    height: auto;
}

/* WooCommerce Shop Sidebar */
.woocommerce-shop-sidebar .widget h3 {
    font-size: 21px;
    color: #222222;
    font-weight: 700;
    line-height: 1.182;
    text-transform: capitalize;
}

.woocommerce-shop-sidebar .widget li {
    margin: 8px 0px;
}

.woocommerce-shop-sidebar .widget li span.count {
    float: right;
}

.woocommerce-shop-sidebar .widget li a {
    font-size: 16px;
    color: #222222;
    font-weight: 700;
    line-height: 2;
}

.woocommerce-shop-sidebar .widget {
    margin-bottom: 60px;
}

.woocommerce-shop-sidebar .widget li span {
    font-size: 14px;
    color: #3a505f;
}

.woocommerce ul.product_list_widget li img {
    float: left;
    margin-right: 20px;
    width: 35px;
    border-radius: 35px;
}

.widget_product_tag_cloud .tag-cloud-link {
    font-size: 15px !important;
    color: #222222;
    font-weight: 700;
    line-height: 2;
    border: 1px solid #222;
    padding: 3px 6px;
    border-radius: 4px;
    margin-right: 5px;
    transition: all .3s ease-in-out;
}

.widget_product_tag_cloud .tag-cloud-link:hover {
    color: #fff;
    background: #222222;
}

/*Checkout and cart page*/
.woocommerce .col-1,
.col-2 {
    max-width: none;
}

span.woocommerce-input-wrapper {
    width: 100%;
}

/****************Customizing Woocommerce Checkout Page with CSS***************/
.woocommerce form .form-row {
    width: 100% !important;
}

.woocommerce-checkout #payment div.payment_box input.input-text,
.woocommerce-checkout #payment div.payment_box textarea {
    width: 100% !important;
    padding: 8px;
}

.woocommerce #payment .form-row select,
.woocommerce-page #payment .form-row select {
    width: 100%;
    height: 30px;
}

.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
    float: left;
    width: 100%;
}

.custom-checkout h3 {
    background-color: #165f1c;
    /****CHANGE TO COLOR YOU WANT TO USE FOR TITLE BACKGROUND ****/
    width: 45%;
    text-align: center;
    padding: 10px;
    border-radius: 5px;
    margin-top: 50px;
    color: #FFF;
    float: right;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
    padding: .6180469716em;
    background-color: #f2f2f2;
    color: #43454b;
    outline: 0;
    border: 0;
    -webkit-appearance: none;
    border-radius: 2px;
    box-sizing: border-box;
    font-weight: 400;
    border: solid 2px #e4e4e4;
}

#wc_checkout_add_ons {
    width: 45%;
    float: right;
    text-align: center;
}

@media screen and (min-width: 980px) {

    .woocommerce-shipping-fields h3,
    .woocommerce-billing-fields h3 {
        width: 100%;
    }

    .woocommerce .col2-set,
    .woocommerce-page .col2-set {
        width: 45%;
        float: left;
    }

    .woocommerce-checkout-review-order {
        width: 45%;
        float: right;
    }
}

@media screen and (max-width: 979px) {
    .custom-checkout h3 {
        width: 100%;
    }
}

/* Woocommerce Styles */
.woocommerce-cart.full-width-content .content,
.woocommerce-checkout.full-width-content .content {
    max-width: 100%;
}

.woocommerce-cart .woocommerce table.shop_table td.actions {
    border-top: 1px solid #e6e6e6;
    background: #f7f7f7;
    border-bottom: 0px solid #e6e6e6;
}

.woocommerce-cart .entry-content form {
    width: 60%;
    float: left;
}

.woocommerce-cart .woocommerce .cart-collaterals {
    width: 33%;
    float: right;
}

.woocommerce-cart .woocommerce .cart-collaterals h2 {
    display: none;
}

.woocommerce-cart .woocommerce .cart-collaterals .cart_totals {
    width: 100%;
}

#add_payment_method .cart-collaterals .cart_totals tr th,
.woocommerce-cart .cart-collaterals .cart_totals tr th,
.woocommerce-checkout .cart-collaterals .cart_totals tr th,
#add_payment_method table.cart th,
.woocommerce-cart table.cart th,
.woocommerce-checkout table.cart th,
.woocommerce-checkout table.shop_table th {
    color: #034997;
    font-size: 14px;
    font-size: 1.1rem;
}

#add_payment_method .cart-collaterals .cart_totals tr td,
.woocommerce-cart .cart-collaterals .cart_totals tr td,
.woocommerce-checkout .cart-collaterals .cart_totals tr td,
#add_payment_method table.cart td,
.woocommerce-cart table.cart td,
.woocommerce-checkout table.cart td,
.woocommerce-checkout table.shop_table td {
    color: #555;
    font-size: 14px;
    font-size: 1.2rem;
}

.woocommerce-cart .woocommerce table.shop_table th {
    border-bottom: 2px solid #034997;
}

.woocommerce-cart .woocommerce table.shop_table,
.woocommerce-checkout .woocommerce table.shop_table {
    border: 1px solid #e6e6e6;
    margin: 0;
    text-align: left;
    width: 100%;
    border-collapse: separate;
    border-radius: 0;
    border-bottom: none;
    border-right: none;
    margin-bottom: 35px;
    border-bottom: 1px solid #e6e6e6;
}

body #add_payment_method #payment ul.payment_methods li input,
body.woocommerce-cart #payment ul.payment_methods li input,
body.woocommerce-checkout #payment ul.payment_methods li input {
    width: auto;
    margin: -2px .5em 0 0;
}

body .woocommerce form .form-row .input-checkbox {
    width: auto;
    margin: -2px 5px 0 0;
}

#add_payment_method .cart-collaterals .cart_totals tr td,
#add_payment_method .cart-collaterals .cart_totals tr th,
body.woocommerce-cart .cart-collaterals .cart_totals tr td,
body.woocommerce-cart .cart-collaterals .cart_totals tr th,
body.woocommerce-checkout .cart-collaterals .cart_totals tr td,
body.woocommerce-checkout .cart-collaterals .cart_totals tr th,
body .woocommerce table.shop_table th {
    border-top: none;
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    text-align: right;
    padding: 10px 20px;
}

body #add_payment_method table.cart td,
body #add_payment_method table.cart th,
body.woocommerce-cart table.cart td,
body.woocommerce-cart table.cart th,
body.woocommerce-checkout table.cart td,
body.woocommerce-checkout table.cart th {
    border-right: 1px solid #e6e6e6;
}

#add_payment_method .cart-collaterals .cart_totals tr th,
body.woocommerce-cart .cart-collaterals .cart_totals tr th,
body.woocommerce-checkout .cart-collaterals .cart_totals tr th {}

.woocommerce-cart .cart-collaterals .cart_totals table th {
    border-bottom: 1px solid #e6e6e6;
}

body .woocommerce #respond input#submit.alt,
body .woocommerce a.button.alt,
body .woocommerce button.button.alt,
body .woocommerce input.button.alt {
    background: #ea1e00 !important;
    font-weight: 500;
}

body .woocommerce #respond input#submit.alt:hover,
body .woocommerce a.button.alt:hover,
body .woocommerce button.button.alt:hover,
body .woocommerce input.button.alt:hover {
    background: #ea1e00 !important;
}

body .woocommerce .cart .button,
body .woocommerce .cart input.button,
body .woocommerce #respond input#submit,
body .woocommerce a.button,
body .woocommerce button.button,
body .woocommerce input.button {
    background: #ea1e00 !important;
    color: #fff !important;
    font-weight: 500;
    border-radius: 40px;
}

body .woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
    float: right;
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 0;
    font-size: 1.12em;
    padding: 1em;
    border-radius: 40px;
    margin-top: .5em;
}

body .woocommerce form .form-row-first,
body .woocommerce form .form-row-last,
body .woocommerce-page form .form-row-first,
body .woocommerce-page form .form-row-last {
    width: 49%;
}

body .woocommerce #respond input#submit.disabled,
body .woocommerce #respond input#submit:disabled,
body .woocommerce #respond input#submit:disabled[disabled],
body .woocommerce a.button.disabled,
body .woocommerce a.button:disabled,
body .woocommerce a.button:disabled[disabled],
body .woocommerce button.button.disabled,
body .woocommerce button.button:disabled,
body .woocommerce button.button:disabled[disabled],
body .woocommerce input.button.disabled,
body .woocommerce input.button:disabled,
body .woocommerce input.button:disabled[disabled] {
    background: #ccc;
}

body .woocommerce a.checkout-button.button.alt {
    border-radius: 40px;
}

body .woocommerce #content table.cart td.actions .coupon,
body .woocommerce table.cart td.actions .coupon {
    width: 68%;
}

body #add_payment_method table.cart td.actions .coupon .input-text,
body.woocommerce-cart table.cart td.actions .coupon .input-text,
body.woocommerce-checkout table.cart td.actions .coupon .input-text {
    padding: 8px 6px 7px;
    width: 65%;
}

body .woocommerce table.shop_table td {
    padding: 15px;
}

body .woocommerce-checkout table.shop_table td {
    text-align: right;
    border-right: 1px solid #e6e6e6;
    border-top: 0;
}

.woocommerce a.remove {
    margin: 0 auto;
}

.woocommerce-cart .woocommerce table.shop_table th.product-remove,
.woocommerce-cart .woocommerce table.shop_table th.product-name {
    text-align: center;
}

.woocommerce-cart .woocommerce table.shop_table th.product-price,
.woocommerce-cart .woocommerce table.shop_table th.product-quantity,
.woocommerce-cart .woocommerce table.shop_table th.product-subtotal {
    text-align: right;
}

.woocommerce-cart .woocommerce table.shop_table .cart_item td.product-price,
.woocommerce-cart .woocommerce table.shop_table .cart_item td.product-quantity,
.woocommerce-cart .woocommerce table.shop_table .cart_item td.product-subtotal {
    text-align: right;
}

.woocommerce-checkout #add_payment_method #payment ul.payment_methods li,
.woocommerce-checkout #payment ul.payment_methods li {
    list-style: none;
}

.woocommerce-checkout .woocommerce .col2-set {
    width: 47.8260869565%;
    float: left;
    margin-right: 4.347826087%;
}

.woocommerce-checkout .woocommerce .col2-set .col-1,
.woocommerce-checkout .woocommerce .col2-set .col-2 {
    margin-bottom: 2em;
    width: 100%;
    float: none;
}

.woocommerce-checkout #order_review_heading,
.woocommerce-checkout #order_review {
    background: #fff;
    width: 47.8260869565%;
    float: right;
    margin-right: 0;
}

.woocommerce-checkout #ship-to-different-address-checkbox {
    width: auto;
    float: right;
    margin-left: 15px;
    margin-top: 10px;
    opacity: 1;
    position: static;
}

.woocommerce-checkout #ship-to-different-address label {
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    margin: 0;
    margin-bottom: 1em;
    padding: 0;
    text-transform: uppercase;
    color: #000;
}

.woocommerce-checkout .woocommerce form .form-row.create-account label {
    padding-top: 2px;
    font-weight: bold;
}

.woocommerce-checkout .payment-fixed {
    position: fixed;
    z-index: 9;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 2em;
    left: 52%;
    margin-left: 0;
    padding: 20px;
    top: 0;
    width: 45.5% !important;
    -webkit-transition: padding .1s ease-in;
    -moz-transition: padding .1s ease-in;
    -o-transition: padding .1s ease-in;
    -ms-transition: padding .1s ease-in;
    transition: padding .1s ease-in;
}

.product-shipping-message {
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 0px;
    border-top: 1px solid #139248;
    border-bottom: 1px solid #139248;
}

body .woocommerce table.shop_table tbody th,
body .woocommerce table.shop_table tfoot td,
body .woocommerce table.shop_table tfoot th {
    border-bottom: none;
}

body .woocommerce form .form-row input.input-text,
body .woocommerce form .form-row textarea {
    max-width: 100%;
}

body .woocommerce .product-name a {
    color: #000;
    pointer-events: none;
    cursor: default;
}

@media only screen and (max-width: 1139px) {
    .woocommerce-cart .entry-content form {
        width: 64%;
    }
}

@media only screen and (max-width: 980px) {
    .woocommerce-cart .entry-content form {
        width: 80%;
        float: none;
        margin: 0 auto;
    }

    .woocommerce-cart .woocommerce .cart-collaterals {
        width: 80%;
        float: None;
        margin: auto;
    }

    body .woocommerce #content table.cart td.actions .coupon,
    body .woocommerce table.cart td.actions .coupon {
        width: 100%;
    }

    body #add_payment_method table.cart td.actions .coupon .input-text,
    body.woocommerce-cart table.cart td.actions .coupon .input-text,
    body.woocommerce-checkout table.cart td.actions .coupon .input-text {
        width: 48%;
    }
}

@media only screen and (max-width: 650px) {
    .woocommerce-cart .entry-content form {
        width: 100%;
    }

    .woocommerce-cart .woocommerce .cart-collaterals {
        width: 100%;
    }

    .woocommerce-checkout .woocommerce .col2-set {
        width: 100%;
        float: none;
        margin-right: 0;
    }

    .woocommerce-checkout #order_review_heading,
    .woocommerce-checkout #order_review {
        width: 100%;
        float: none;
    }
}

.xt_woofc-inner .xt_woofc-product-image img {
    width: 80%;
    height: auto;
}

.xt_woofc-inner a.xt_woofc-checkout {
    background: -webkit-gradient(linear, left top, right top, from(#4273f0), to(#30d4ba)) !important;
}

.xt_woofc-inner .xt_woofc-product-title,
.xt_woofc-inner .xt_woofc-price {
    font-weight: bold;
    font-size: 15.5px;
}

/*
Theme Name: Fastrans Child
Author: developer
Description: Your description goes here
Version: 1.1
Template: fastrans

This is the child theme for Fastrans theme.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

/* mobile menu language swich */
#laguage_mobile_swicher ul.sub-menu.sub-menu-open li a span {
    color: #000 !important;
}

/**/

/* ------------Menu Hover Effect------------ */
.hfe-nav-menu a.hfe-menu-item {
    text-decoration: none;
    color: #0A1050 !important;
    border-bottom: 2px solid transparent !important;
    transition: 0.2s;
}

.hfe-nav-menu a.hfe-menu-item:hover {
    text-decoration: none;
    color: #0A1050 !important;
    border-bottom: 2px solid #CC0701 !important;
    transition: 0.2s;
}

/* ------------end Menu Hover Effect------------ */

/* ----------chatty plugin----------- */

.chaty-agent-icon svg,
.chaty-channel svg,
.chaty-view-channels .chaty-channel span svg {
    width: 158% !important;
    height: 149% !important;
    transform: translate(-16px, -14px) !important;
}

/* ----------end chatty plugin----------- */

/* -----------Back to top------------ */
.scrollup {
    background-color: #CC0701 !important;
    right: 50px !important;
}

.scrollup:hover {
    background-color: #0A1050 !important;
}

/* -----------end Back to top------------ */

/* -------------Breadcrumbs pagine interne------------------ */
div#breadcrumbs_y {
    font-family: DM Sans, Sans-serif !important;
    font-size: 14px;
    font-style: normal;
    line-height: 42px;
    letter-spacing: 1.67px;
    color: #0A1050;
}

/* -------------end Breadcrumbs pagine interne------------------ */

/*----- HomePage--------  */
/* Carousel home Mobile su "Di tutto e di più sempre in sicurezza"*/
@media screen and (max-width: 500px) {
    #carusel_home_mobile .elementor-element.elementor-element-43335d4.elementor-widget-image-box {
        height: 200px !important;
    }

    #carusel_home_mobile .elementor-element.elementor-element-d9573db.elementor-widget-image-box {
        height: 200px !important;
    }

    #carusel_home_mobile .content-padding {
        padding: 20px 0px 20px 20px !important;
        min-height: 0px;
    }
}

#carusel_home_mobile .owl-carousel .owl-item img {
    display: block;
    width: unset !important;
}

/**/

/* Blog home */
.uc_image_carousel_container_holder.uc_carousel_item.ue-item {
    margin-bottom: 20px !important;
}

.ft-blog-content-2 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 150px !important;
    padding-right: 150px !important;
    background-color: #fff !important;
}

.ft-blog-innerbox-2 {
    padding: 30px 0px !important;
    height: 550px !important;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16) !important;
}

.ft-btn-2 a:before {
    border: 2px solid #0A1050 !important;
}

@media screen and (max-width: 500px) {
    .ft-blog-innerbox-2 {
        padding: 100px 0px !important;
        height: 620px !important;
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16) !important;
    }
}

ul.pagination {
    display: inline-flex;
}

/*  */

/* Testimonials home */
.ft-testimonial-slider-3 .slick-dots li.slick-active {
    color: #0A1050 !important;
    border: 4px solid #CC0701 !important;
    font-family: "DM Sans", Sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
}

.ft-testimonial-slider-items-3 .inner-box .content:before {
    color: #CC0701 !important;
}

/*  */

/* Blog News V3 */
.ft-blog-innerbox-2 .ft-blog-meta {
    display: none !important;
}

.bloghome1 a.uc_more_btn {
    padding: 0px !important;
    margin-top: 20px !important;
}

.uc_post_grid_style_one_item.ue_post_grid_item.ue-item {
    box-shadow: 1.045px 9.945px 60px 0px rgba(68, 68, 68, 0.15);
}

/* Email box home */
.imgbox_mobile h4.elementor-image-box-title {
    padding-top: 10px;
}

@media screen and (max-width:500px) {
    .elementor-2437 .elementor-element.elementor-element-cffdd45 .elementor-image-box-wrapper {
        text-align: left;
        display: flex;
        flex-wrap: nowrap;
        /* background-color: DodgerBlue; */
        grid-gap: 20px;
    }
}

/*----- CF7 general settings  --------- */
.elementor-widget-text-editor .wpcf7 label {
    color: #0A1050 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    font-family: "DM Sans", Sans-serif !important;
    width: 100%;
}

.wpcf7 label {
    width: 100%;
}

input[type="checkbox"] {
    height: unset;
}

.wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 0em;
}

.elementor-kit-7 label {
    color: #0A1050 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
}

::-webkit-input-placeholder {
    /* WebKit browsers placeholder color*/
    color: #727272 !important;
    opacity: 1;
    font-weight: 400 !important;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 placeholder color*/
    color: #727272 !important;
    opacity: 1;
    font-weight: 400 !important;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ placeholder color*/
    color: #727272 !important;
    opacity: 1;
    font-weight: 400 !important;
}

:-ms-input-placeholder {
    /* Internet Explorer 10+ placeholder color*/
    color: #727272 !important;
    opacity: 1;
    font-weight: 400 !important;
}

#same-size-home {
    border: 1px solid rgb(114 114 114 / 22%) !important;
    border-radius: 5px !important;
    padding-left: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #ffffff !important;
    width: 100%;
    margin-top: 10px;
}

textarea#message-contactfom-home {
    border: 1px solid rgb(114 114 114 / 22%);
    border-radius: 5px;
    background-color: #ffffff;
    padding-left: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    height: 80px;
}

.wpcf7-form input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
select,
textarea {
    width: 100% !important;
}

@media (max-width: 768px) {
    .empty-div {
        display: none;
    }
}

/* cf7 button preventivo*/
button.ft-sb-button {
    color: #fff;
    height: 55px;
    border: none;
    border-radius: 5px !important;
    font-family: "DM Sans", Sans-serif;
    font-size: 14px;
    font-weight: 700;
    padding: 17px 75px !important;
    width: 190px !important;
    background-color: #CC0701;
}

button.ft-sb-button:hover {
    color: #fff !important;
    background-color: #ea1e00 !important;
}

@media screen and (max-width: 500px) {
    button.ft-sb-button {
        width: 100% !important;
    }
}

/* end cf7 button preventivo*/
/* cf7 button home & contatti*/
button.ft-sb-buttoncontatti {
    color: #fff;
    height: 55px;
    border: none;
    border-radius: 5px !important;
    font-family: "DM Sans", Sans-serif;
    font-size: 14px;
    font-weight: 700;
    padding: 17px 38px !important;
    width: 190px !important;
    background-color: #CC0701;
}

button.ft-sb-buttoncontatti:hover {
    color: #fff !important;
    background-color: #ea1e00 !important;
}

@media screen and (max-width: 500px) {
    button.ft-sb-buttoncontatti {
        width: 100% !important;
    }
}

/* end cf7 button home & contatti*/
/* cf7 button cerca spedizione*/
button.ft-sb-buttonspedizione {
    color: #fff;
    height: 55px;
    border: none;
    border-radius: 5px !important;
    font-family: "DM Sans", Sans-serif;
    font-size: 16px;
    font-weight: 700;
    padding: 17px 38px !important;
    width: 230px !important;
    background-color: #0A1050;
}

button.ft-sb-buttonspedizione:hover {
    color: #fff !important;
    background-color: #ea1e00 !important;
}

@media screen and (max-width: 500px) {
    button.ft-sb-buttonspedizione {
        width: 100% !important;
    }
}

/* end cf7 button cerca spedizione*/
/* cf7 form cerca spedizione */
.contactform_spedizione ::-webkit-input-placeholder {
    color: #0A1050 !important;
}

.contactform_spedizione ::-webkit-input-placeholder {
    /* WebKit browsers placeholder color*/
    color: #0A1050 !important;
    opacity: 1;
    font-weight: 400 !important;
}

.contactform_spedizione :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 placeholder color*/
    color: #0A1050 !important;
    opacity: 1;
    font-weight: 400 !important;
}

.contactform_spedizione ::-moz-placeholder {
    /* Mozilla Firefox 19+ placeholder color*/
    color: #0A1050 !important;
    opacity: 1;
    font-weight: 400 !important;
}

.contactform_spedizione :-ms-input-placeholder {
    /* Internet Explorer 10+ placeholder color*/
    color: #0A1050 !important;
    opacity: 1;
    font-weight: 400 !important;
}

.contactform_spedizione input#same-size-home {
    border: 1px solid #0A1050 !important;
    border-radius: 5px !important;
    padding-left: 14px;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    background-color: #ffffff !important;
    margin-top: 10px;
}

.contactform_spedizione .wpcf7-validates-as-required {
    border: 1px solid #0A1050 !important;
    border-radius: 5px !important;
    padding-left: 14px;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    background-color: #ffffff !important;
    margin-top: 10px;
}

.contactform_spedizione input.wpcf7-form-control.wpcf7-text {
    border: 1px solid #0A1050 !important;
    border-radius: 5px !important;
    padding-left: 14px;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    background-color: #ffffff !important;
    margin-top: 10px;
}

/**/
/* Newsletter */
.email-box .form-group button {
    background-color: #0a1050 !important;
}

.email-box .form-group button:hover {
    background-color: #ffffff !important;
    color: #ec0000 !important;
}

/**/
/* -------CF7 end settings------ */

/* BUTTONS ON HOMEPAGE */
@media screen and (max-width: 500px) {
    .btnhome a.elementor-button-link.elementor-button.elementor-size-md {
        width: 100% !important;
    }

    .btnhome1 a.elementor-button-link.elementor-button.elementor-size-md {
        width: 100% !important;
    }
}

/* END BUTTONS ON HOMEPAGE */
/* --------end homepage-------- */

/* ---------------LA NOSTRA AZIENDA------------- */

/*"25+ Anni"  */
#aboutus3_section .ft-about-feature-list-warpper {
    display: none;
}

#aboutus3_section .ft-section-title.headline.pera-content h2 {
    color: red;
    font-family: Epilogue;
    font-weight: bold;
    line-height: 50px;
}

#aboutus3_section .ft-section-title.headline.pera-content p {
    font-size: 18px;
    line-height: 28px;
    color: #0A1050;
}

#aboutus3_section .ft-about-section {
    padding: 86px 0px 0px !important;
}

.ft-about-exp-text.position-absolute p {
    font-size: 18px;
    line-height: 22px;
}

@media screen and (max-width: 500px) {
    #anniimg .ft-about-exp-area.headline.pera-content.position-absolute {
        transform: translateY(-96px) !important;
    }

    #anniimg .ft-about-exp-area .ft-about-exp-text p {
        font-size: 18px !important;
    }
}

/* Numbers on center Come si misura un successo? */
.num_misura h3.elementor-image-box-title {
    text-align: center !important;
}

/* ---------------end LA NOSTRA AZIENDA------------- */

/* --------------Sidebar-------------- */
.ft-side-bar-widget-area {
    background-color: #F6F7F9 !important;
    box-shadow: none !important;
}

.ft-pagination-item {
    margin-bottom: 150px !important;
}

@media screen and (max-width: 768px) {
    .ft-side-bar-widget-area {
        background-color: #F6F7F9;
        box-shadow: none !important;
        margin-bottom: 100px;
    }

    .ft-pagination-item {
        margin-bottom: 0px !important;
    }
}

@media screen and (max-width: 500px) {
    .ft-side-bar-widget-area {
        background-color: #F6F7F9;
        box-shadow: none !important;
        margin-bottom: 150px;
    }
}

.ft-side-bar-widget {
    margin-bottom: 0px !important;
    box-shadow: none !important;
    border-top: none !important;
}

.ft-side-bar-widget .widget-title:after {
    background-color: transparent !important;
}

.ft-side-bar-widget .widget-title {
    padding-bottom: 20px !important;
    color: #0A1050 !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    font-family: "DM Sans", Sans-serif !important;
}

/*  */
/* --------------end Sidebar-------------- */

/* ------------BLOG------------- */
/* Blog Pagination */
ul.pagination {
    display: contents;
}

.ul-li ul li {
    list-style: none;
    display: inline-block;
    margin-top: 10px;
}

/**/

/* Buttons blog mobile */
@media screen and (max-width: 500px) {
    .ft-blog-post-feed-innerbox .elementor-button-link.elementor-button.elementor-size-md {
        width: 100% !important;
    }
}

/*  */
/* Post bg */
.ft-blog-post-feed-innerbox {
    background-color: #ffffff !important;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16) !important;
    border-radius: 5px !important;
}

#ft-blog-post-feed.page-padding {
    padding: 30px 0px 0px 0px !important;
}

/*  */

/* Post wrapper */
.ft-blog-post-feed-innerbox .ft-blog-post-feed-text-wrapper {
    padding: 54px 44px !important;
}

@media screen and (max-width: 768px) {
    .ft-blog-post-feed-innerbox .ft-blog-post-feed-text-wrapper {
        padding: 30px 15px !important;
    }
}

/*  */

/* Post title */
.ft-blog-post-feed-innerbox .ft-blog-post-feed-text-wrapper .ft-blog-feed-title-text h3 {
    color: #0A1050 !important;
    font-size: 34px !important;
    font-weight: bold !important;
    font-family: "DM Sans", Sans-serif !important;
}

@media screen and (max-width: 500px) {
    .ft-blog-post-feed-innerbox .ft-blog-post-feed-text-wrapper .ft-blog-feed-title-text h3 {
        font-size: 24px !important;
    }

    .data_and_title h1 {
        font-size: 24px !important;
    }
}

/*  */

/* Post description */
.ft-blog-post-feed-text-wrapper.headline.pera-content p {
    font-size: 16px !important;
    line-height: 24px !important;
    color: #727272 !important;
    font-family: "DM Sans", Sans-serif !important;
    font-weight: 400 !important;
}

/*  */

/* Post pagination */
.pagination li span:hover,
.pagination li span.current {
    color: #ffffff !important;
    background-color: #0A1050 !important;
    border-radius: 5px !important;
}

.pagination li a {
    color: #0A1050 !important;
    background-color: #ffffff !important;
    border: 1px solid #0A1050 !important;
    border-radius: 5px !important;
}

/*  */

/* Post meta */
.ft-blog-post-feed-innerbox .ft-blog-post-feed-text-wrapper .blog-meta {
    font-size: 16px !important;
    line-height: 26px !important;
    color: #727272 !important;
    font-family: "DM Sans", Sans-serif !important;
    font-weight: 500 !important;
}

.ft-blog-post-feed-innerbox .ft-blog-post-feed-text-wrapper .blog-meta {
    border-bottom: 0px solid #e4ebf2 !important;
    padding-bottom: 0px !important;

}

.ft-blog-post-feed-innerbox .ft-blog-post-feed-text-wrapper .blog-meta:after {
    background-color: transparent !important;
}

.ft-blog-post-feed-innerbox .ft-blog-post-feed-text-wrapper .ft-blog-feed-title-text {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    border-bottom: 0px solid #e9e9e9 !important;
}

.ft-blog-post-feed-innerbox .ft-blog-post-feed-text-wrapper .blog-meta i {
    color: #727272 !important;
}

.ft-blog-post-feed-innerbox .ft-blog-post-feed-text-wrapper .blog-meta a {
    color: #727272 !important;
}

/*  */

/* Post sidebar */
.ft-side-bar-widget .search-widget input {
    border: 1px solid #727272;
    border-radius: 5px;
}

.ft-side-bar-widget .recent-news-widget .recent-blog-img-text .recent-blog-text span {
    color: #727272 !important;
    font-size: 14px;
    text-transform: uppercase;
}

.ft-side-bar-widget .recent-news-widget .recent-blog-img-text .recent-blog-text span i {
    color: #727272 !important;
}

.ft-side-bar-widget .recent-news-widget .recent-blog-img-text .recent-blog-text h3 {
    padding-bottom: 0px !important;
    font-size: 16px !important;
    color: #002a34 !important;
    font-weight: 700 !important;
    font-family: "DM Sans", Sans-serif !important;
}

/*  */

/* Button on posts */
.elementor-button-link.elementor-button.elementor-size-md {
    background-color: #0A1050 !important;
    border-radius: 5px !important;
    margin-top: 30px !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: bold !important;
    font-family: "DM Sans", Sans-serif !important;
}

.elementor-button-link.elementor-button.elementor-size-md:hover {
    background-color: #CC0701;
}

/* ------ end BLOG ------ */

/* ---------------Pagina Download------------------ */
@media screen and (max-width:768px) {
    .colpercent.elementor-element-29eb6c68>.elementor-element-populated {
        padding: 20px 20px 20px 20px !important;
    }

    .colpercent.elementor-element-7578c06d>.elementor-element-populated {
        padding: 20px 20px 20px 20px !important;
    }
}

@media screen and (max-width:500px) {
    .colpercent {
        width: 100% !important;
    }
}

/* --------------- end Pagina Download------------------ */

/* ----------Pagina la nostra azienda--------------- */

/* Icon on carousel "Lasciati affascinare dalla flotta BLL" */
span.iconbutton_costume {
    color: #CC0701 !important;
}

/*  */
.carousel_btn1.elementor-element.elementor-element-7dc0136 .uc_more_btn {
    padding: 0px !important;
}

.elementor-2443 .elementor-element.elementor-element-45c43ae .uc_icon_carousel_content {
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box !important;
    background: #FFFFFF 0% 0% no-repeat padding-box !important;
    border-radius: 10px !important;
    opacity: 1 !important;
}

.slidericon .owl-stage {
    padding: 50px 0 !important;
}

.slidericon .ue-item-icon {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    z-index: 100 !important;
    transform: translate(-25px, -45px) !important;
}

.slidericon .uc_icon_carousel_container_holder {
    height: 332px !important;
}


/* Slider camion */
.carousel_btn1 .owl-carousel .owl-nav .owl-next {
    border-radius: 0px !important;
    width: 62px !important;
    height: 62px !important;
    line-height: 62px !important;
    font-size: 24px !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    top: 180px !important;
}

.carousel_btn1 .owl-carousel .owl-nav .owl-next:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}

.carousel_btn1 .owl-carousel .owl-nav .owl-prev {
    border-radius: 0px !important;
    width: 62px !important;
    height: 62px !important;
    line-height: 62px !important;
    font-size: 24px !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    top: 180px !important;
}

.carousel_btn1 .owl-carousel .owl-nav .owl-prev:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}

@media screen and (max-width: 1024px) {
    .slidericon .uc_icon_carousel_container_holder {
        height: 398px !important;
    }

    /* Slider camion */
    .carousel_btn1 .owl-carousel .owl-nav .owl-next {
        border-radius: 0px !important;
        width: 50px !important;
        height: 60px !important;
        line-height: 62px !important;
        font-size: 24px !important;
        background-color: #ffffff !important;
        color: #000000 !important;
        top: 180px !important;

    }

    .carousel_btn1 .owl-carousel .owl-nav .owl-prev {
        border-radius: 0px !important;
        width: 50px !important;
        height: 60px !important;
        line-height: 62px !important;
        font-size: 24px !important;
        background-color: #ffffff !important;
        color: #000000 !important;
        top: 180px !important;
    }

    .carousel_btn1 .owl-carousel .owl-nav .owl-next:hover {
        background-color: #000000 !important;
        color: #ffffff !important;
    }

    .carousel_btn1 .owl-carousel .owl-nav .owl-prev:hover {
        background-color: #000000 !important;
        color: #ffffff !important;
    }

    /* */
}

@media screen and (max-width: 768px) {
    .slidericon .uc_icon_carousel_container_holder {
        height: 340px !important;
    }
}

@media screen and (max-width: 500px) {
    .slidericon .uc_icon_carousel_container_holder {
        height: 380px !important;
    }

    /* Slider camion */
    .carousel_btn1 .owl-carousel .owl-nav .owl-next {
        border-radius: 0px !important;
        width: 30px !important;
        height: 60px !important;
        line-height: 62px !important;
        font-size: 24px !important;
        background-color: #ffffff !important;
        color: #000000 !important;
        top: 160px !important;

    }

    .carousel_btn1 .owl-carousel .owl-nav .owl-prev {
        border-radius: 0px !important;
        width: 30px !important;
        height: 60px !important;
        line-height: 62px !important;
        font-size: 24px !important;
        background-color: #ffffff !important;
        color: #000000 !important;
        top: 160px !important;
    }

    .carousel_btn1 .owl-carousel .owl-nav .owl-next:hover {
        background-color: #000000 !important;
        color: #ffffff !important;
    }

    .carousel_btn1 .owl-carousel .owl-nav .owl-prev:hover {
        background-color: #000000 !important;
        color: #ffffff !important;
    }

    /* */
}

/*  */

/* Social Share */
.blog-details-img-text-wrapper .ft-blog-tag-share .ft-blog-share .fb-social {
    background-color: #0A1050 !important;
}

.blog-details-img-text-wrapper .ft-blog-tag-share .ft-blog-share .tw-social {
    background-color: #0A1050 !important;
}

.blog-details-img-text-wrapper .ft-blog-tag-share .ft-blog-share .ln-social {
    background-color: #0A1050 !important;
}

/*  */


/*----- SINGLE BLOG--------- */

.blog-details-img-text-wrapper .ftd-blog-meta-2:after,
.ft-blog-post-feed-innerbox .ft-blog-post-feed-text-wrapper .blog-meta:after {
    display: none !important;
}

.blog-details-img-text-wrapper .ftd-blog-meta-2 {
    border-bottom: unset !important;
}

/* Related posts single blog bullets mobile*/
#homeblog11mobile #uc_post_carousel_elementor29075 .owl-dots {
    overflow: hidden;
    display: block !important;
    margin-top: 0px;
}

/* #homeblog11mobile #uc_post_carousel_elementor29895 .owl-dots {
    overflow: hidden;
    display: block;
    margin-top: 0px;
} */
#homeblog11mobile button.owl-dot {
    margin-right: 3px;
}

/*  */


.post_date {
    font-family: DM Sans;
    font-size: 16px;
    letter-spacing: 0px;
    color: #727272;
    text-transform: uppercase;
    padding-bottom: 20px;
}

.data_and_title h1 {
    font-family: DM Sans;
    font-weight: bold;
    font-size: 34px;
    letter-spacing: 0px;
    color: #0A1050;
    opacity: 1;
    padding-bottom: 20px;
}

.blog-single-img img {
    width: 803px;
    max-width: 100%;
    height: 100%;
    max-height: 360px;
    object-fit: cover;
    object-position: center center;
}

.blog-details-img-text-wrapper .ft-blog-tag-share {
    margin: 40px 0px 0;
    float: left !important;
}

.ft-blog-share span {
    display: none;
}

.blog-details-img-text-wrapper .ft-blog-tag-share .ft-blog-share .fb-social,
.blog-details-img-text-wrapper .ft-blog-tag-share .ft-blog-share .tw-social,
.blog-details-img-text-wrapper .ft-blog-tag-share .ft-blog-share .ln-social {
    width: 28px;
    height: 28px;
    border-radius: 50%;
}

.blog-details-img-text-wrapper .ft-blog-tag-share .ft-blog-share a i {
    margin-right: unset !important;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.share_div p {
    color: #0A1050;
    font-size: 16px;
    padding-right: 20px;
    font-family: DM Sans;
    line-height: 30px;
    font-weight: 500;

}

.blog-details-text.headline p {
    font-size: 18px;
    font-family: DM Sans;
    color: #0A1050;
    line-height: 28px;
}

#related_post {
    margin-top: 50px;
}

.container-single {
    max-width: 1256px;
}

#singleblog_breadcrumbs {
    font-size: 14px;
    line-height: 42px;
    color: #0A1050;
    font-weight: normal;
    font-family: "DM Sans", Sans-serif !important;
}

/*------end SINGLE BLOG------*/

/*Map settings*/
div#mapcontact {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(60px) !important;
}

/**/

/* --------FOOTER---------- */

#colpercent {
    width: 100% !important;
}

@media screen and (max-width: 768px) {
    #colpercent {
        width: 50% !important;
    }

    #colpercent img {
        vertical-align: middle;
        display: inline-block;
        width: 200px;
        height: auto;
    }

    #colpercent.elementor-element.elementor-element-29eb6c68 {
        padding: 20px 20px 20px 20px !important;
    }

    #colpercent.elementor-element.elementor-element-7578c06d {
        padding: 20px 20px 20px 20px !important;
    }

    #logogooter1 {
        align-items: flex-start !important;
    }
}


@media screen and (max-width: 500px) {
    #colpercent {
        width: 100% !important;
    }

    #colpercent .elementor-widget-wrap.elementor-element-populated {
        padding: 20px 20px 20px 20px !important;
    }

    #logogooter1 {
        text-align: left;
    }
}

/* --------end FOOTER---------- */


/* ----------Menu desktoop----------- */
.center_item1 h6.elementor-icon-box-title {
    display: inline-flex !important;
    margin-bottom: -10px !important;
}

/* .center_item1 {
    margin-top: -10px!important;
}
.center_item1 .elementor-icon i, .elementor-icon svg {
    margin-top: -10px!important;
} */
.center_item1 .elementor-widget-icon-box.elementor-position-right .elementor-icon-box-icon {
    transform: translate(-8px, -5px) !important;
}

@media screen and (max-width: 500px) {
    .center_item1 .elementor-icon-box-icon {
        transform: translate(-8px, 5px) !important;
    }
}

/* ----------end Menu desktoop----------- */

/* Menu Mobile */
ul#menu-1-c027dbb {
    justify-content: space-between;
    gap: 20px !important;
    padding-bottom: 20px;
}

.btnmenu1 {
    border: unset !important;
}

.btnmenu1 a {
    justify-content: center !important;

}

.btnmenu1 a.hfe-menu-item {
    background-color: #0A1050 !important;
    color: #ffffff !important;
    border-radius: 5px !important;
    width: 100% !important;
}

.center_item1.elementor-widget-icon-box.elementor-mobile-position-right .elementor-icon-box-wrapper {
    align-items: center !important;
    text-align: right;
    flex-direction: row-reverse;
}

/*  */

/* --------------Pagina Download------------------ */
@media screen and (max-width: 500px) {
    .imgbox_mobiledownload .elementor-image-box-wrapper {
        text-align: left !important;
        display: inline-flex !important;
        gap: 10px !important;
        align-items: center !important;
    }

    .imgbox_mobiledownload img.attachment-full.size-full.wp-image-4312 {
        width: 200px !important;
        max-width: 100% !important;
    }

    .imgbox_mobiledownload br {
        display: none !important;
    }
}

/* --------------end Pagina Download------------------ */

/* ------------Newsletter Footer cf7------------- */
.elementor-widget-text-editor .wpcf7 input:not([type="submit"]),
.elementor-widget-text-editor .wpcf7 select {
    background-color: #fff !important;
    color: #000 !important;
}

.email-box .form-group input[type="text"],
.email-box .form-group input[type="email"] {
    color: #000 !important;
}

/* ------------end Newsletter Footer cf7---------- */

/* ------------Language switcher-------------- */
/* li.icl-en.wpml-ls-slot-shortcode_actions.wpml-ls-item.wpml-ls-item-en.wpml-ls-current-language.wpml-ls-first-item.wpml-ls-item-legacy-list-horizontal a {
    color: white!important;
    border-right: 1px solid #fff!important;
}
li.icl-it.wpml-ls-slot-shortcode_actions.wpml-ls-item.wpml-ls-item-it.wpml-ls-last-item.wpml-ls-item-legacy-list-horizontal a {
    color: #f3a29f!important;
    border-left: 1px solid #fff!important;
}

.wpml-ls-statics-shortcode_actions, .wpml-ls-statics-shortcode_actions .wpml-ls-sub-menu, .wpml-ls-statics-shortcode_actions a {
    border-color: #cc0701!important;
}
 */
/* ------------end Language switcher-------------- */










/* ------------Language switcher te customize-------------- */
.wpml-ls-current-language span {
    color: #ffff !important;
}

span.wpml-ls-native.icl_lang_sel_native {
    color: #F3A29F;
}

li.icl-it.wpml-ls-slot-shortcode_actions.wpml-ls-item.wpml-ls-item-it.wpml-ls-current-language.wpml-ls-first-item.wpml-ls-item-legacy-list-horizontal {
    color: #FFFFFF;
    background-color: #CC0701 !important;
    border-right: 1px solid #fff !important;
}

li.icl-it.wpml-ls-slot-shortcode_actions.wpml-ls-item.wpml-ls-item-it.wpml-ls-first-item.wpml-ls-item-legacy-list-horizontal {
    color: #FFFFFF;
    background-color: #CC0701 !important;
    border-right: 1px solid #fff !important;
}

/* ------------end Language switcher-------------- */

/* ---------Servizi--------- */

.owl-nav .owl-prev {
    transform: translate(-80px, 60px);
}

.owl-nav .owl-next {
    transform: translate(80px, 60px);
}

@media screen and (max-width: 1024px) {
    .owl-nav .owl-prev {
        transform: translate(-60px, 70px);
    }

    .owl-nav .owl-next {
        transform: translate(60px, 70px);
    }
}

@media screen and (max-width: 500px) {
    button.owl-next {
        width: 40px !important;
        height: 60px !important;
        font-size: 20px !important;
    }

    button.owl-prev {
        width: 40px !important;
        height: 60px !important;
        font-size: 20px !important;
    }

    .owl-nav .owl-next {
        transform: translate(40px, 70px) !important;
    }

    .owl-nav .owl-prev {
        transform: translate(-40px, 70px) !important;
    }
}

/* ---------end Servizi--------- */

/* Page title shortcode */

/*Per it*/

.ttl_banner_bottom .elementor-shortcode {
    color: #fff !important;
    font-size: 55px;
    font-family: "Epilogue", Sans-serif;
    font-weight: 700;
    line-height: 50px;
}

@media screen and (max-width: 768px) {
    .ttl_banner_bottom .elementor-shortcode {
        font-size: 40px;
        font-family: "Epilogue", Sans-serif;
        color: #fff;
        font-weight: 700;
        line-height: 50px;
    }
}

@media screen and (max-width: 500px) {
    .ttl_banner_bottom .elementor-shortcode {
        font-size: 30px;
        font-family: "Epilogue", Sans-serif;
        color: #fff;
        font-weight: 700;
        line-height: 50px;
    }
}

/*Per eng*/
.pagettl .elementor-shortcode {
    --content-width: 1240px;
    font-size: 55px;
    font-family: "Epilogue", Sans-serif;
    color: #fff;
    font-weight: 700;
    line-height: 50px;
}

span.breadcrumb_last {
    font-family: DM Sans, Sans-serif !important;
    font-size: 14px;
    font-style: normal;
    line-height: 42px;
    letter-spacing: 1.67px;
    color: #0A1050;
}

.elementor-shortcode span {
    font-family: DM Sans, Sans-serif !important;
    font-size: 14px;
    font-style: normal;
    line-height: 42px;
    letter-spacing: 1.67px;
    color: #0A1050;
}

@media screen and (max-width: 768px) {
    .pagettl .elementor-shortcode {
        --content-width: 1240px;
        font-size: 40px;
        font-family: "Epilogue", Sans-serif;
        color: #fff;
        font-weight: 700;
        line-height: 50px;
    }
}

@media screen and (max-width: 500px) {
    .pagettl .elementor-shortcode {
        --content-width: 1240px;
        font-size: 30px;
        font-family: "Epilogue", Sans-serif;
        color: #fff;
        font-weight: 700;
        line-height: 50px;
    }
}

/**/
/* Richiedi preventivo form */
.col-md-12 p {
    font-family: "DM Sans", Sans-serif !important;
}

/* CF7 Richiedi Preventivo */
.contactform_preventivo input#same-size-home {
    border: 1px solid rgb(114 114 114 / 22%) !important;
    border-radius: 5px !important;
    padding-left: 14px;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    background-color: #ffffff !important;
    width: 100%;
    margin-top: 10px;
}

.contactform_preventivo .wpcf7-validates-as-email {
    border: 1px solid rgb(114 114 114 / 22%) !important;
    border-radius: 5px !important;
    padding-left: 14px;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    background-color: #ffffff !important;
    width: 100%;
    margin-top: 10px;
}

.contactform_preventivo .wpcf7-validates-as-required {
    border: 1px solid rgb(114 114 114 / 22%) !important;
    border-radius: 5px !important;
    padding-left: 14px;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    background-color: #ffffff !important;
    width: 100%;
    margin-top: 10px;
}

.contactform_preventivo .wpcf7-text {
    border: 1px solid rgb(114 114 114 / 22%) !important;
    border-radius: 5px !important;
    padding-left: 14px;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    background-color: #ffffff !important;
    width: 100%;
    margin-top: 10px;
}

/*  */

/* Blog Sidebar */
.ft-side-bar-widget .recent-news-widget .recent-blog-img-text .recent-blog-text h3 {
    font-family: "DM Sans", Sans-serif !important;
}

.ft-side-bar-widget .recent-news-widget .recent-blog-img-text .recent-blog-text span {
    font-family: "DM Sans", Sans-serif !important;
}

.pagination li span.current {
    font-family: "DM Sans", Sans-serif !important;
}

.pagination li a,
.pagination li span {
    font-family: "DM Sans", Sans-serif !important;
}

/* Blog Home */
@media screen and (max-width: 768px) {
    .homeblog11 #uc_post_carousel_elementor36239 .uc_image_carousel_placeholder img {
        display: block !important;
        width: 100% !important;
    }
}

/*  */
/* HOME MOBILE */

.elementor-6733 .elementor-element.elementor-element-4dec846 .elementor-image-box-wrapper {
    text-align: left;
    display: flex;
    column-gap: 22px;
    vertical-align: middle !important;
}

.imgbox_mobile.elementor-element.elementor-element-4dec846 .elementor-image-box-wrapper {
    text-align: left !important;
    display: flex !important;
    column-gap: 20px !important;
    vertical-align: middle !important;
}

/* Contatti */
.contratti-sede h3 {
    position: relative;
    z-index: 999;
}

.contratti-sede:hover h3 {
    color: #fff;
}

.contratti-sede:hover:after {
    content: "";
    width: 100%;
    height: 42px;
    position: absolute;
    top: 0;
    left: 0;
    display: block !important;
    background: #cc0701;
    border-radius: 5px 5px 0 0;
}


.imgbox_mobile .elementor-image-box-wrapper {
    text-align: left !important;
    display: flex !important;
    column-gap: 20px;
    vertical-align: middle !important;
}

/* Prenota un ritiro CF7 Form */


p.txtbodyform {
    color: #0a1050;
    font-family: "DM Sans", Sans-serif;
}

p.txtbodyform1 {
    color: #0A1050 !important;
    font-family: "DM Sans", Sans-serif;
}

p.txtbodyform2 {
    color: #cc0701;
    font-family: "DM Sans", Sans-serif;
    font-weight: 700;
}

span#valore_porto,
span#valore_mittente,
span#valore_indirizzo_mittente,
span#valore_localita_mittente,
span#valore_cap_mittente,
span#valore_provincia_mittente,
span#valore_riferimento_mittente,
span#valore_email_mittente,
span#valore_telefono_mittente,
span#valore_destinatario,
span#valore_indirizzo_destinatario,
span#valore_localita_destinatario,
span#valore_email_destinatario,
span#valore_telefono_destinatario,
span#valore_note,
span#valore_data_ritiro,
span#valore_larghezza_collo_1,
span#valore_lunghezza_collo_1,
span#valore_altezza_collo_1,
span#valore_peso_collo_1,
span#valore_larghezza_collo_2,
span#valore_lunghezza_collo_2,
span#valore_altezza_collo_2,
span#valore_peso_collo_2,
span#valore_larghezza_collo_3,
span#valore_lunghezza_collo_3,
span#valore_altezza_collo_3,
span#valore_peso_collo_3,
span#valore_larghezza_collo_4,
span#valore_lunghezza_collo_4,
span#valore_altezza_collo_4,
span#valore_peso_collo_4,
span#valore_colli_sovrapponibili,
span#valore_materie_pericolose,
span#valore_sponda_idraulica {
    font-family: "DM Sans", Sans-serif;
}

form.cf7mls input.wpcf7-form-control.wpcf7-submit {
    color: #fff;
    border: none;
}

form.cf7mls input.wpcf7-form-control.wpcf7-submit:hover {
    color: #fff;
    border: none;
}



@media screen and (max-width: 500px) {
    ul.prenota_un_ritiro_step {
        display: initial;
    }
}

span#radiospace1 {
    display: grid;
}

/* Contact Form Home, Contatti */
.contactform_home input {
    border: 1px solid rgb(114 114 114 / 22%) !important;
    border-radius: 5px !important;
    padding-left: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #ffffff !important;
    margin-top: 10px;
}


select#same-size-home {
    border: 1px solid rgb(114 114 114 / 22%) !important;
    border-radius: 5px !important;
    padding-left: 14px;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    background-color: #ffffff !important;
    width: 100%;
    margin-top: 10px;
}

input#same-size-home {
    border: 1px solid rgb(114 114 114 / 22%) !important;
    border-radius: 5px !important;
    padding-left: 14px;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    background-color: #ffffff !important;
    width: 100%;
    margin-top: 10px;
}


.cf7contatti1 input#same-size-home {
    border: 1px solid rgb(114 114 114 / 22%) !important;
    border-radius: 5px !important;
    padding-left: 14px;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    background-color: #ffffff !important;
    width: 100%;
    margin-top: 10px;
}

/*  */
/* Pagina Contatti Form */
#cf7contatti1 input#same-size-home {
    border: 1px solid rgb(114 114 114 / 22%) !important;
    border-radius: 5px !important;
    padding-left: 14px;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    background-color: #ffffff !important;
    width: 100%;
    margin-top: 10px;
}

#cf7contatti input#same-size-home {
    border: 1px solid rgb(114 114 114 / 22%) !important;
    border-radius: 5px !important;
    padding-left: 14px;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    background-color: #ffffff !important;
    width: 100%;
    margin-top: 10px;
}

/*  */
/* Prenota un ritiro form */
p.txtbodyformnew {
    border: 1px solid #727272;
    padding: 0px 10px 0px 0px;
    border-radius: 10px;
    background-color: rgb(114 114 114 / 10%);
    color: #0A1050 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    font-family: "DM Sans", Sans-serif !important;
}

p.txtbodyformnew img {
    display: inline-flex;
    vertical-align: middle;
    text-align: start;
    color: #0A1050 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    font-family: "DM Sans", Sans-serif !important;
}

@media screen and (max-width: 1024px) {
    p.txtbodyformnew {
        border: 1px solid #727272;
        padding: 0px 10px 0px 0px;
        border-radius: 10px;
        background-color: rgb(114 114 114 / 10%);
        display: table;
        text-align: left !important;
        color: #0A1050 !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        font-family: "DM Sans", Sans-serif !important;
    }
}

@media screen and (max-width: 500px) {
    p.txtbodyformnew {
        display: block;
        vertical-align: middle;
        text-align: start;
        color: #0A1050 !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        font-family: "DM Sans", Sans-serif !important;
    }
}


input.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-required.wpcf7-validates-as-tel {
    border: 1px solid rgb(114 114 114 / 22%) !important;
    border-radius: 5px !important;
    padding-left: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #ffffff !important;
    margin-top: 10px;
}

/*  */
/* Newsletter */
.email-box .form-group button {
    background-color: #0a1050 !important;
}

.email-box .form-group button:hover {
    background-color: #ffffff !important;
    color: #ec0000 !important;
}

/**/
.cf7mls_next.action-button {
    background-color: #cc0701;
    color: #ffffff;
}

.cf7mls_back.action-button {
    background-color: #0a1050;
    color: #ffffff;
}

/* Services banner bottom */
.page-id-6668 .container {
    max-width: 100% !important;
    /*     padding: 0; */
    margin: 0 auto;
}

.page-id-6668 .content-side.col-xs-12.col-sm-12.col-md-12 {
    padding: 0;
}

.page-id-6668 .ft-blog-post-feed-content {
    margin-right: 0 !important;
}

/* Blog Home */
.elementor-6733 .elementor-element.elementor-element-3dccf9c .uc_image_carousel_content {
    min-height: 333px !important;
}

@media screen and (max-width: 1024px) {
    .elementor-6733 .elementor-element.elementor-element-fe96152 .uc_image_carousel_content {
        min-height: 365px !important;
    }
}

@media screen and (max-width: 768px) {
    .elementor-6733 .elementor-element.elementor-element-fe96152 .uc_image_carousel_content {
        min-height: 333px !important;
    }
}

@media screen and (max-width: 500px) {
    .elementor-6733 .elementor-element.elementor-element-fe96152 .uc_image_carousel_content {
        min-height: 360px !important;
    }
}

/* Icon boxes home new su "Di tutto e di più sempre in sicurezza"*/
.iconbox_dituto {
    border-radius: 8px;
    background-color: #fff;
    padding: 29px 29px 29px 57px;
    -webkit-box-shadow: 1.045px 9.945px 60px 0px rgba(68, 68, 68, 0.15);
    box-shadow: 1.045px 9.945px 60px 0px rgba(68, 68, 68, 0.15);
}

.iconbox_dituto .elementor-image-box-img img {
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    left: 0;
    transform: translateX(-65px);


}

.iconbox_dituto.elementor-widget-image-box.elementor-position-left .elementor-image-box-wrapper {
    flex-direction: column !important;
}

.iconbox_dituto {
    position: relative;
}

.iconbox_dituto .elementor-widget-container {
    display: flex;
    align-items: center;
}

/*  */
/* Icon boxes home new mobile su "Di tutto e di più sempre in sicurezza"*/
@media screen and (max-width: 450px) {
    .ditutto_mobile .owl-carousel .owl-item img {
        display: block !important;
        width: 50% !important;
    }

    .ditutto_mobile .iconbox_dituto {
        padding: 29px 29px 29px 40px !important;
        height: 145px !important;
    }

    .ditutto_mobile h3.elementor-image-box-title {
        font-size: 18px !important;
    }
}

@media screen and (max-width:500px) {
    .ditutto_mobile .owl-carousel .owl-item img {
        display: block !important;
        width: 50% !important;
    }

    .elementor-6757 .elementor-element.elementor-element-742b6e1 .content-padding {
        padding: 20px 5px 20px 20px;
    }

    .ditutto_mobile .iconbox_dituto {
        padding: 20px 0px 20px 44px !important;
        height: 128px !important;
    }

    .elementor-6733 .elementor-element.elementor-element-742b6e1 .content-padding {
        padding: 20px 5px 20px 20px;
    }



    .ditutto_mobile .iconbox_dituto.elementor-widget-image-box .elementor-image-box-wrapper {
        text-align: left !important;
        margin-top: 0px;
    }

    /* 3 small imgs home */
    .imgshome {
        margin-left: 17px;
    }

    #carusel_home_mobile .elementor-element.elementor-element-43335d4.elementor-widget-image-box {
        height: 100px !important;
    }

    .iconbox_dituto {
        padding: 20px 0px 20px 44px !important;
        height: 100px !important;
    }

    #carusel_home_mobile h3.elementor-image-box-title {
        font-size: 16px !important;
        font-family: "DM Sans", Sans-serif !important;
        font-weight: 700 !important;
        color: #0A1050 !important;
    }

    .iconbox_dituto .elementor-image-box-img img {
        transform: translateX(-60px) !important;
        max-width: 112px !important;
    }

    #carusel_home_mobile .elementor-element.elementor-element-d9573db.elementor-widget-image-box {
        height: 100px !important;
    }
}

/*  */
/* Icon boxes home new Tablet su "Di tutto e di più sempre in sicurezza"*/
@media screen and (max-width: 1024px) {

    /* .owl-carousel .owl-item img {
    display: block!important;
    width: 20%!important;
} */
    .iconbox_dituto img {
        display: block !important;
        width: 15% !important;
    }

    .iconbox_dituto {
        padding: 29px 29px 29px 100px !important;
    }
}

@media screen and (max-width: 850px) {
    .ditutto_mobile .owl-carousel .owl-item img {
        display: block !important;
        width: 25% !important;
    }

    .ditutto_mobile .iconbox_dituto {
        padding: 29px 29px 29px 70px !important;
        height: 100px !important;

    }
}

@media screen and (max-width: 700px) {
    .ditutto_mobile.owl-carousel .owl-item img {
        display: block !important;
        width: 23% !important;
    }

    .ditutto_mobile .iconbox_dituto {
        padding: 29px 29px 29px 70px !important;
        height: 100px !important;
    }


    h3.elementor-image-box-title {
        margin-bottom: 1.5rem !important;
        text-align: left !important;
    }
}

@media screen and (max-width: 660px) {
    .ditutto_mobile .owl-carousel .owl-item img {
        display: block !important;
        width: 25% !important;
    }
}

@media screen and (max-width: 600px) {
    .ditutto_mobile .owl-carousel .owl-item img {
        display: block !important;
        width: 30% !important;
    }

    .ditutto_mobile .iconbox_dituto {
        padding: 29px 29px 29px 60px !important;
        height: 100px !important;
    }
}

@media screen and (max-width: 450px) {
    .ditutto_mobile .owl-carousel .owl-item img {
        display: block !important;
        width: 45% !important;
    }
}

@media screen and (max-width: 400px) {
    .ditutto_mobile .owl-carousel .owl-item img {
        display: block !important;
        width: 45% !important;
    }
}


/* Pagina la nostra azienda */
@media screen and (max-width: 700px) {
    .misura_title h3 {
        text-align: center !important;
    }
}

/**
 * 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,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.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;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    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-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}

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

.owl-carousel .animated {
    animation-duration: 1s;
    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-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.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 .1s 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-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

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

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

@charset "UTF-8";
/*----------------------------------------------------

1. Global Area 
2. Header Section
3. slider Section
4. booking Section
5. about Section
6. service Section
7. counter Section
8. why-choose Section
9. team Section
10. project Section
11. testimonial Section
12. contact Section
13. Blog Section
14. featured Section
15. product-mesurment Section
16. experience Section
17. faq Section
18. breadcrumb Section
19. pricing Section
20. coming-soon Section
21. funfact Section
21. CTA Section
22. footer Section
22. Responsive Section

=====================================================================*/
/*=========
Color Code
===========*/
.ft-testimonial-slider-area .slick-dots, .ft-project-slider-area .slick-dots, .ft-service-slider-2 .slick-dots, .ft-service-slider-wrapper .slick-dots {
  margin-top: 55px;
  position: static;
}
.ft-testimonial-slider-area .slick-dots li, .ft-project-slider-area .slick-dots li, .ft-service-slider-2 .slick-dots li, .ft-service-slider-wrapper .slick-dots li {
  width: 10px;
  height: 10px;
  margin: 0px 8px;
  border-radius: 100%;
  position: relative;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  background-color: #00044b;
}
.ft-testimonial-slider-area .slick-dots li:before, .ft-project-slider-area .slick-dots li:before, .ft-service-slider-2 .slick-dots li:before, .ft-service-slider-wrapper .slick-dots li:before {
  top: -5px;
  left: -5px;
  content: "";
  opacity: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  border-radius: 100%;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  border: 2px solid #ea1e00;
}
.ft-testimonial-slider-area .slick-dots li button, .ft-project-slider-area .slick-dots li button, .ft-service-slider-2 .slick-dots li button, .ft-service-slider-wrapper .slick-dots li button {
  display: none;
}
.ft-testimonial-slider-area .slick-dots li.slick-active, .ft-project-slider-area .slick-dots li.slick-active, .ft-service-slider-2 .slick-dots li.slick-active, .ft-service-slider-wrapper .slick-dots li.slick-active {
  background-color: #ea1e00;
}
.ft-testimonial-slider-area .slick-dots li.slick-active:before, .ft-project-slider-area .slick-dots li.slick-active:before, .ft-service-slider-2 .slick-dots li.slick-active:before, .ft-service-slider-wrapper .slick-dots li.slick-active:before {
  opacity: 1;
}

/*global area*/
/*----------------------------------------------------*/
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: inherit;
  }
}
body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  font-size: 16px;
  line-height: 1.5;
  color: #888888;
  font-family: "Roboto";
  -moz-osx-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
}

.ul-li ul {
  margin: 0;
  padding: 0;
}
.ul-li ul li {
  list-style: none;
  display: inline-block;
}

.ul-li-block ul {
  margin: 0;
  padding: 0;
}
.ul-li-block ul li {
  display: block;
  list-style: none;
}

#preloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
  width: 100%;
  height: 100%;
  overflow: visible;
  background: #ffff url(../images/loader.svg) no-repeat center center;
}

[data-background] {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}
a:hover, a:focus {
  text-decoration: none;
}

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

button {
  cursor: pointer;
}

.form-control:focus,
button:visited,
button.active,
button:hover,
button:focus,
input:visited,
input.active,
input:hover,
input:focus,
textarea:hover,
textarea:focus,
a:hover,
a:focus,
a:visited,
a.active,
select,
select:hover,
select:focus,
select:visited {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-decoration: none;
  color: inherit;
}

.form-control {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.relative-position {
  position: relative;
}

.pera-content p {
  margin-bottom: 0;
}

.headline h1,
.headline h2,
.headline h3,
.headline h4,
.headline h5,
.headline h6 {
  margin: 0;
  font-weight: normal;
  font-family: "Poppins";
}

.container {
  max-width: 1200px;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.text-right {
  text-align: right;
}

.background_overlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

.background_position {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.slick-dotted.slick-slider {
  margin-bottom: 0;
}

.ft-item-innerbox {
  padding: 0px 15px;
}

.ft-section-title .sub-title {
  font-size: 20px;
  font-weight: 700;
  color: #ea1e00;
  padding: 0px 82px;
  position: relative;
}
.ft-section-title .sub-title:before, .ft-section-title .sub-title:after {
  top: 15px;
  content: "";
  height: 3px;
  width: 75px;
  position: absolute;
  background-color: #ea1e00;
}
.ft-section-title .sub-title:before {
  left: 0;
}
.ft-section-title .sub-title:after {
  right: 0;
  display: none;
}
.ft-section-title.text-center .sub-title:after {
  display: block;
}
.ft-section-title h2 {
  color: #00044b;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.333;
  padding: 10px 0px 20px;
}

.ft-section-title-2 {
  margin: 0 auto;
  max-width: 580px;
}
.ft-section-title-2 .sub-title {
  font-size: 20px;
  font-weight: 700;
  color: #ea1e00;
}
.ft-section-title-2 h2 {
  color: #003440;
  font-size: 36px;
  font-weight: 700;
  padding-top: 15px;
  padding-bottom: 25px;
}
.ft-section-title-2 h2 span {
  color: #ea1e00;
}

.ft-section-title-3 span {
  color: #fa3b0e;
  font-size: 18px;
  font-weight: 500;
}
.ft-section-title-3 h2 {
  color: #141415;
  font-size: 48px;
  font-weight: 700;
  padding-top: 12px;
}
.ft-section-title-5 p {
  color: #454545;
  font-size: 17px;
  line-height: 28px;
}
.ft-sb-button {
  color: #fff;
  height: 55px;
  width: 170px;
  border: none;
  font-weight: 600;
  border-radius: 6px;
  font-family: "Poppins";
  background-color: #ea1e00;
}

.scrollup {
  width: 55px;
  right: 20px;
  z-index: 5;
  height: 55px;
  bottom: 20px;
  display: none;
  position: fixed;
  border-radius: 100%;
  line-height: 55px;
  background-color: #ea1e00;
}
.scrollup i {
  color: #fff;
}

@-webkit-keyframes btn_shine {
  100% {
    left: 200%;
  }
}
@keyframes btn_shine {
  100% {
    left: 200%;
  }
}
.ft-btn a {
  color: #fff;
  height: 55px;
  z-index: 1;
  width: 170px;
  font-weight: 600;
  overflow: hidden;
  border-radius: 6px;
  position: relative;
  font-family: "Poppins";
  background-color: #ea1e00;
}
.ft-btn a:after {
  content: "";
  position: absolute;
  top: 0;
  left: -200%;
  width: 200%;
  height: 100%;
  -webkit-transform: skewX(-20deg);
  -khtml-transform: skewX(-20deg);
  transform: skewX(-20deg);
  background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255, 255, 255, 0.4)), to(transparent));
  background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.4), transparent);
  z-index: -1;
}
.ft-btn a:hover {
  background-color: #ea1e00;
}
.ft-btn a:hover:after {
  -webkit-animation: btn_shine 1.2s ease;
  animation: btn_shine 1.2s ease;
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.ft-btn-2 a {
  z-index: 1;
  width: 60px;
  height: 45px;
  color: #002a34;
  overflow: hidden;
  line-height: 48px;
  text-align: center;
  position: relative;
  display: inline-block;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}
.ft-btn-2 a span {
  opacity: 0;
  color: #002a34;
  font-size: 15px;
  font-weight: 600;
  margin-right: 8px;
  font-family: "Poppins";
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}
.ft-btn-2 a i {
  top: 2px;
  right: 0;
  left: 0;
  position: absolute;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}
.ft-btn-2 a:before {
  top: 0;
  left: 0;
  content: "";
  z-index: -1;
  width: 60px;
  height: 45px;
  position: absolute;
  border-radius: 30px;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
  border: 2px solid #002a34;
}
.ft-btn-2 a:hover {
  width: 150px;
}
.ft-btn-2 a:hover span {
  opacity: 1;
}
.ft-btn-2 a:hover i {
  left: auto;
  right: 15px;
}
.ft-btn-2 a:hover:before {
  width: 150px;
  background-color: #fff;
  border: 2px solid #fff;
}

.ft-btn-3 a {
  color: #fff;
  height: 55px;
  width: 180px;
  font-weight: 600;
  border-radius: 30px;
  font-family: "Poppins";
  background-color: #ea1e00;
}
.ft-btn-3 a i {
  top: 2px;
  margin-left: 5px;
  position: relative;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.ft-btn-3 a:hover {
  background-color: #00044b;
}
.ft-btn-3 a:hover i {
  margin-left: 10px;
}

.ft-sb-button {
  z-index: 1;
  overflow: hidden;
  position: relative;
}
.ft-sb-button:after {
  content: "";
  position: absolute;
  top: 0;
  left: -200%;
  width: 200%;
  height: 100%;
  -webkit-transform: skewX(-20deg);
  -khtml-transform: skewX(-20deg);
  transform: skewX(-20deg);
  background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255, 255, 255, 0.4)), to(transparent));
  background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.4), transparent);
  z-index: -1;
}
.ft-sb-button:hover {
  color: #fff;
  background-color: #ea1e00;
}
.ft-sb-button:hover:after {
  -webkit-animation: btn_shine 1.2s ease;
  animation: btn_shine 1.2s ease;
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.ft-pagination-item {
  margin-top: 20px;
}
.ft-pagination-item li a {
  color: #fff;
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 18px;
  font-weight: 500;
  margin-right: 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #003440;
}
.ft-pagination-item li a:hover {
  background-color: #ea1e00;
}
.ft-pagination-item.text-center li a {
  margin: 0px 8px;
}

/*---------------------------------------------------- */
/*Header area*/
/*----------------------------------------------------*/
.ft-header-section .navbar-nav {
  display: inherit;
}
.ft-header-section .dropdown {
  position: relative;
}
.ft-header-section .dropdown:hover .dropdown-menu {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
.ft-header-section .dropdown:after {
  top: 0px;
  color: #e3002a;
  right: -14px;
  content: "+";
  font-size: 18px;
  font-weight: 700;
  color: #ea1e00;
  position: absolute;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.ft-header-section .dropdown li:after {
  top: 8px;
  right: 15px;
}
.ft-header-section .dropdown-menu {
  left: 0;
  top: 52px;
  z-index: 100;
  margin: 0px;
  padding: 0px;
  height: auto;
  min-width: 250px;
  display: block;
  border: none;
  border-radius: 0;
  position: absolute;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  background-color: #fff;
  background-clip: inherit;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transform-origin: center top 0;
          transform-origin: center top 0;
  -webkit-box-shadow: 0 13px 18px -8px rgba(0, 0, 0, 0.15), 0 29px 45px 4px rgba(0, 0, 0, 0.08), 0 11px 55px 10px rgba(0, 0, 0, 0.07);
          box-shadow: 0 13px 18px -8px rgba(0, 0, 0, 0.15), 0 29px 45px 4px rgba(0, 0, 0, 0.08), 0 11px 55px 10px rgba(0, 0, 0, 0.07);
}
.ft-header-section .dropdown-menu .dropdown-menu {
  top: 20px;
  opacity: 0;
  left: 250px;
}
.ft-header-section .dropdown-menu .dropdown-menu a {
  font-weight: 600;
  color: #1a2428;
}
.ft-header-section .dropdown-menu .dropdown-menu a:before {
  display: none;
}
.ft-header-section .dropdown-menu li {
  display: block;
  margin: 0 !important;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
  border-bottom: 1px solid rgba(228, 228, 228, 0.95);
}
.ft-header-section .dropdown-menu li:last-child {
  border-bottom: none;
}
.ft-header-section .dropdown-menu li:hover .dropdown-menu {
  top: 0;
  opacity: 1;
}
.ft-header-section .dropdown-menu a {
  width: 100%;
  display: block;
  position: relative;
  padding: 10px 20px 10px !important;
  color: #1a2428 !important;
  font-weight: 600 !important;
  font-size: 15px !important;
}
.ft-header-section .dropdown-menu a:before {
  top: 20px;
  left: 5px;
  width: 0px;
  height: 2px;
  content: "";
  position: absolute;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
  background-color: #ea1e00;
}
.ft-header-section .dropdown-menu a:after {
  display: none;
}
.ft-header-section .dropdown-menu a:hover {
  margin-left: 10px;
}
.ft-header-section .dropdown-menu a:hover:before {
  width: 10px;
}
.ft-header-section.header-style-one.green-bg {
    background: #4aaa4e;
}

.ft-header-section.header-style-one.green-bg .ft-header-menu-top-cta:before {
    border-bottom: 134px solid #4aaa4e;
}

.header-style-one.green-bg.ft-header-section .dropdown:after {
    color: #4aaa4e;
}

.ft-header-section.green-bg .dropdown-menu a:before {
    background: #4aaa4e;
}

.ft-header-section.header-style-one.green-bg .ft-header-cta-info .ft-header-cta-icon i {
    color: #4aaa4e;
}

.ft-header-section.header-style-one.green-bg .ft-header-cta-btn a:hover {
    background-color: #4aaa4e;
}
.ft-header-section.header-style-one {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  position: absolute;
  background-color: #ea1e00;
}
.ft-header-section.header-style-one .dropdown-menu {
  top: 48px;
}
.ft-header-section.header-style-one .ft-header-content {
  padding-left: 250px;
}
.ft-header-section.header-style-one .ft-brand-logo {
  top: 50%;
  left: 0;
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.ft-header-section.header-style-one .ft-header-top {
  color: #fff;
  background-color: #000671;
  padding: 18px 0px 18px 80px;
}
.ft-header-section.header-style-one .ft-header-top li {
  font-weight: 500;
  margin-right: 40px;
}
.ft-header-section.header-style-one .ft-header-top li i {
  font-size: 20px;
  margin-right: 12px;
}
.ft-header-section.header-style-one .ft-header-menu-top-cta:before {
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  content: "";
  position: absolute;
  border-bottom: 134px solid #ea1e00;
  border-right: 110px solid transparent;
}
.ft-header-section.header-style-one .ft-header-main-menu {
  padding: 12px 10px;
  background-color: #01054c;
}
.ft-header-section.header-style-one .ft-main-navigation li {
  margin-left: 50px;
}
.ft-header-section.header-style-one .ft-main-navigation li a {
  color: #fff;
  font-weight: 500;
  padding-bottom: 30px;
}
.ft-header-section.header-style-one .ft-header-cta-btn {
  margin-left: 50px;
}
.ft-header-section.header-style-one .ft-header-cta-btn a {
  height: 50px;
  width: 150px;
  color: #01054c;
  font-weight: 600;
  border-radius: 6px;
  font-family: "Poppins";
  background-color: #fff;
}
.ft-header-section.header-style-one .ft-header-cta-btn a:hover {
  color: #fff;
  background-color: #ea1e00;
}
.ft-header-section.header-style-one .ft-header-cta-info {
  top: 50%;
  right: 80px;
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.ft-header-section.header-style-one .ft-header-cta-info .ft-header-cta-icon {
  width: 60px;
  height: 60px;
  margin-right: 15px;
  border-radius: 100%;
  background-color: #fff;
}
.ft-header-section.header-style-one .ft-header-cta-info .ft-header-cta-icon i {
  font-size: 30px;
  line-height: 0.75;
  color: #ea1e00;
}
.ft-header-section.header-style-one .ft-header-cta-info .ft-header-cta-text {
  color: #fff;
}
.ft-header-section.header-style-one .ft-header-cta-info .ft-header-cta-text p {
  font-weight: 500;
}
.ft-header-section.header-style-one .ft-header-cta-info .ft-header-cta-text h3 {
  font-size: 24px;
  font-weight: 700;
}
.ft-header-section.header-style-two {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  position: absolute;
}
.ft-header-section.header-style-two .ft-header-top {
  overflow: hidden;
  background-color: #003e4d;
}
.ft-header-section.header-style-two .ft-header-top-content li {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  margin-right: 40px;
}
.ft-header-section.header-style-two .ft-header-top-content li i {
  font-size: 16px;
  margin-right: 10px;
}
.ft-header-section.header-style-two .ft-header-cta-info {
  padding: 5px 15px;
  position: relative;
  background-color: #ea1e00;
}
.ft-header-section.header-style-two .ft-header-cta-info:before {
  top: 0;
  width: 0;
  height: 0;
  content: "";
  left: -45px;
  position: absolute;
  border-top: 55px solid #ea1e00;
  border-left: 45px solid transparent;
}
.ft-header-section.header-style-two .ft-header-cta-info:after {
  top: -10px;
  left: -40px;
  width: 7px;
  content: "";
  height: 75px;
  position: absolute;
  background-color: #192c48;
  -webkit-transform: rotate(-40deg);
          transform: rotate(-40deg);
}
.ft-header-section.header-style-two .ft-header-cta-info .ft-header-cta-icon {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  border-radius: 100%;
  background-color: #fff;
}
.ft-header-section.header-style-two .ft-header-cta-info .ft-header-cta-icon i {
  font-size: 20px;
  line-height: 0.75;
  color: #ea1e00;
}
.ft-header-section.header-style-two .ft-header-cta-info .ft-header-cta-text {
  color: #fff;
}
.ft-header-section.header-style-two .ft-header-cta-info .ft-header-cta-text p {
  font-size: 14px;
  font-weight: 500;
}
.ft-header-section.header-style-two .ft-header-cta-info .ft-header-cta-text h3 {
  font-size: 18px;
  font-weight: 700;
}
.ft-header-section.header-style-two .ft-header-main-menu-wrapper {
  background-color: #002a34;
}
.ft-header-section.header-style-two .ft-header-main-menu .ft-site-logo-area {
  width: 322px;
  overflow: hidden;
}
.ft-header-section.header-style-two .ft-header-main-menu .ft-site-logo {
  width: 240px;
  padding: 14px 15px;
  background-color: #ea1e00;
}
.ft-header-section.header-style-two .ft-header-main-menu .ft-site-logo:before {
  top: 0;
  width: 0;
  height: 0;
  content: "";
  right: -65px;
  position: absolute;
  border-bottom: 81px solid #ea1e00;
  border-right: 65px solid transparent;
}
.ft-header-section.header-style-two .ft-header-main-menu .ft-site-logo:after {
  top: -16px;
  right: -52px;
  width: 7px;
  content: "";
  height: 120px;
  position: absolute;
  background-color: #ea1e00;
  -webkit-transform: rotate(-39deg);
          transform: rotate(-39deg);
}
.ft-header-section.header-style-two .ft-header-main-menu .ft-main-navigation li {
  margin-left: 49px;
}
.ft-header-section.header-style-two .ft-header-main-menu .ft-main-navigation li a {
  color: #fff;
  font-weight: 500;
  padding-bottom: 30px;
}
.ft-header-section.header-style-two .ft-header-cta-btn {
  margin-left: 60px;
}
.ft-header-section.header-style-two .ft-header-cta-btn a {
  color: #fff;
  height: 55px;
  width: 160px;
  font-size: 15px;
  font-weight: 700;
  border-radius: 30px;
  font-family: "Poppins";
  border: 2px solid #fff;
}
.ft-header-section.header-style-two .ft-header-cta-btn a:hover {
  background-color: #ea1e00;
  border: 2px solid #ea1e00;
}
.ft-header-section.header-style-three {
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  position: absolute;
}
.ft-header-section.header-style-three .ft-header-top {
  padding: 16px 0px;
  position: relative;
}
.ft-header-section.header-style-three .ft-header-top:after {
  bottom: 0;
  right: 0;
  content: "";
  height: 2px;
  width: 85%;
  position: absolute;
  background: rgba(0, 0, 0, 0) -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(#fa4216), to(#fa4216));
  background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(0, 0, 0, 0), #fa4216, #fa4216);
}
.ft-header-section.header-style-three .ft-header-top li {
  color: #fff;
  font-size: 13px;
  margin-left: 55px;
  position: relative;
  font-family: "Poppins";
}
.ft-header-section.header-style-three .ft-header-top li:after {
  top: -2px;
  width: 1px;
  content: "";
  height: 24px;
  right: -32px;
  position: absolute;
  background-color: #424a54;
}
.ft-header-section.header-style-three .ft-header-top li:last-child:after {
  display: none;
}
.ft-header-section.header-style-three .ft-header-top li i {
  color: #0090ff;
  margin-right: 5px;
}
.ft-header-section.header-style-three .ft-main-navigation li {
  margin-left: 60px;
}
.ft-header-section.header-style-three .ft-main-navigation li a {
  color: #fff;
  font-weight: 600;
  padding-bottom: 30px;
  font-family: "Poppins";
}
.ft-header-section.header-style-three .dropdown:after {
  color: #fa4216;
}
.ft-header-section.header-style-three .dropdown-menu a:before {
  background-color: #fa4216;
}
.ft-header-section.header-style-three .ft-header-cta-btn {
  margin-left: 55px;
}
.ft-header-section.header-style-three .ft-header-cta-btn a {
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  padding: 18px 40px;
  position: relative;
  font-family: "Poppins";
  background-color: #fa4216;
}
.ft-header-section.header-style-three .ft-header-cta-btn a:before {
  top: 0;
  width: 0;
  height: 0;
  content: "";
  left: -40px;
  position: absolute;
  border-top: 58px solid #fa4216;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
  border-left: 40px solid transparent;
}
.ft-header-section.header-style-three .ft-header-cta-btn a:hover {
  background-color: #0090ff;
}
.ft-header-section.header-style-three .ft-header-cta-btn a:hover:before {
  border-top: 58px solid #0090ff;
}

.ft-header-section.sticky-on {
  top: 0;
  width: 100%;
  z-index: 20;
  position: fixed;
  -webkit-animation-duration: 0.7s;
          animation-duration: 0.7s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
  -webkit-box-shadow: 0px 0px 18px 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 18px 1px rgba(0, 0, 0, 0.1);
}
.ft-header-section.sticky-on.header-style-one .ft-header-top {
  display: none;
}
.ft-header-section.sticky-on.header-style-one .ft-header-menu-top-cta:before {
  display: none;
}
.ft-header-section.sticky-on.header-style-one .ft-header-content {
  padding-left: 260px;
}
.ft-header-section.sticky-on.header-style-two .ft-header-top {
  display: none;
}
.ft-header-section.sticky-on.header-style-three {
  padding: 12px 0px;
  background-color: #121213;
}
.ft-header-section.sticky-on.header-style-three .ft-header-top {
  display: none !important;
}
.ft-header-section.sticky-on.header-style-three .ft-header-cta-btn a:before {
  display: none;
}
.ft-header-section.sticky-on.header-style-three .ft-header-cta-btn a {
  padding: 18px 20px;
}

.mobile_logo {
  top: 10px;
  left: 15px;
  display: none;
  position: absolute;
}

.mobile_menu_content {
  top: 0px;
  bottom: 0;
  left: -350px;
  height: 100vh;
  z-index: 101;
  position: fixed;
  width: 310px;
  overflow-y: scroll;
  background-color: #1e2434;
  -webkit-box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.19);
          box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.19);
  -webkit-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}
.mobile_menu_content .mobile-main-navigation {
  width: 100%;
}
.mobile_menu_content .mobile-main-navigation .navbar-nav {
  width: 100%;
}
.mobile_menu_content .mobile-main-navigation .navbar-nav:last-child{
	border-bottom: 1px solid rgba(255,255,255,0.10);
}
.mobile_menu_content .dropdown:after {
  display: none;
}
.mobile_menu_content .navbar-nav .dropdown-menu {
  position: static !important;
  -webkit-transform: none !important;
          transform: none !important;
}
.mobile_menu_content .mobile-main-navigation .navbar-nav li {
  width: 100%;
  display: block;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
  border-top: 1px solid rgba(255,255,255,0.10);
}
.mobile_menu_content .mobile-main-navigation .navbar-nav li a {
  width: 100%;
  color: #ffffff;
  display: block;
  font-weight: 500 !important;
  font-size: 14px;
  font-family: "Poppins";
  text-transform: uppercase;
  padding: 12px 30px 12px 30px;
}
.mobile_menu_content .m-brand-logo {
  padding: 50px 30px;
}

.mobile_menu_wrap.mobile_menu_on .mobile_menu_content {
  left: 0px;
  -webkit-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
}


.mobile_menu_button {
  right: 0px;
  top: -62px;
  z-index: 5;
  color: #fff;
  display: none;
  font-size: 24px;
  cursor: pointer;
  line-height: 38px;
  position: absolute;
  text-align: center;
}

.mobile_menu .mobile-main-navigation .navbar-nav li a:after {
  display: none;
}
.mobile_menu .mobile-main-navigation .dropdown > .dropdown-menu {
  opacity: 1;
  visibility: visible;
}
.mobile_menu .mobile_menu_content .mobile-main-navigation .navbar-nav .dropdown-menu {
  border: none;
  display: none;
  -webkit-transition: none;
  transition: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  width: 100%;
  background-color: transparent;
}
.mobile_menu .mobile_menu_content .mobile-main-navigation .navbar-nav .dropdown-menu li {
  border-bottom: none;
  margin-left: 20px;
  line-height: 1;
}
.mobile_menu .mobile_menu_content .mobile-main-navigation .navbar-nav .dropdown-menu li:hover {
  background-color: transparent;
}
.mobile_menu .mobile_menu_content .mobile-main-navigation .navbar-nav .dropdown-menu li a {
  color: #fff !important;
  padding: 12px 30px !important;
  text-transform: capitalize;
  margin-left: 20px;
}
.mobile_menu .mobile_menu_content .mobile-main-navigation .navbar-nav .dropdown-menu li a:hover {
  color: #ea1e00;
  background-color: transparent;
}
.mobile_menu .dropdown {
  position: relative;
}
.mobile_menu .dropdown .dropdown-btn {
  position: absolute;
  top: 7px;
  right: 6px;
  width: 32px;
    height: 32px;
    text-align: center;
    font-size: 16px;
    line-height: 34px;
    color: #ffffff;
    background: rgba(255,255,255,0.10);
    cursor: pointer;
    border-radius: 2px;
}
.mobile_menu .dropdown .dropdown-btn.toggle-open {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.mobile_menu .mobile_menu_close {
  color: #d60606;
  cursor: pointer;
  top: 25px;
  right: 25px;
  font-size: 20px;
  position: absolute;
}

.ft-header-section.header-style-two .mobile_menu_button {
  top: -18px;
}

/*---------------------------------------------------- */
/*Slider area*/
/*----------------------------------------------------*/
#rev_slider_27_1_wrapper .gyges .tp-thumb {
  opacity: 1;
}

#rev_slider_27_1_wrapper .gyges .tp-thumb-img-wrap {
  padding: 3px;
  background-color: rgba(0, 0, 0, 0.25);
  display: inline-block;
  width: 100%;
  height: 100%;
  position: relative;
  margin: 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}

#rev_slider_27_1_wrapper .gyges .tp-thumb-image {
  padding: 3px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  -webkit-box-shadow: inset 5px 5px 10px 0px rgba(0, 0, 0, 0.25);
  box-shadow: inset 5px 5px 10px 0px rgba(0, 0, 0, 0.25);
}

#rev_slider_27_1_wrapper .gyges .tp-thumb.rs-touchhover .tp-thumb-img-wrap,
#rev_slider_27_1_wrapper .gyges .tp-thumb.selected .tp-thumb-img-wrap {
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff, color-stop(100%, #777777)));
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#777777));
  background: linear-gradient(to bottom, #ffffff 0%, #777777 100%);
}

#rev_slider_29_1_wrapper .tparrows {
  border-radius: 100%;
  background-color: #fff;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}
#rev_slider_29_1_wrapper .tparrows:before {
  color: #000;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}
#rev_slider_29_1_wrapper .tparrows:hover {
  background-color: #0090ff;
}
#rev_slider_29_1_wrapper .tparrows:hover:before {
  color: #fff;
}

.cd-words-wrapper {
  display: inline-block;
  position: relative;
  text-align: left;
}

.cd-words-wrapper b {
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  position: absolute;
  white-space: nowrap;
  display: inline-block;
}

.cd-words-wrapper b.is-visible {
  position: relative;
}

.no-js .cd-words-wrapper b {
  opacity: 0;
}

.no-js .cd-words-wrapper b.is-visible {
  opacity: 1;
}

.cd-headline.scale b {
  opacity: 0;
  color: #ea1e00;
}

.cd-headline.scale i {
  display: inline-block;
  opacity: 0;
  font-style: normal;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.is-visible .cd-headline.scale i {
  opacity: 1;
}

.cd-headline.scale i.in {
  -webkit-animation: scale-up 0.6s forwards;
  animation: scale-up 0.6s forwards;
}

.cd-headline.scale i.out {
  -webkit-animation: scale-down 0.6s forwards;
  animation: scale-down 0.6s forwards;
}

.no-csstransitions .cd-headline.scale i {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 0;
}

.no-csstransitions .cd-headline.scale .is-visible i {
  opacity: 1;
}

@-webkit-keyframes scale-up {
  0% {
    -webkit-transform: scale(0);
    opacity: 0;
  }
  60% {
    -webkit-transform: scale(1.2);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-up {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  60% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes scale-down {
  0% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
  60% {
    -webkit-transform: scale(0);
    opacity: 0;
  }
}
@keyframes scale-down {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  60% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
}
.ft-banner-section {
  overflow: hidden;
  padding: 395px 0px 255px;
}

.ft-banner-text-content {
  color: #fff;
  margin: 0 auto;
  max-width: 860px;
}
.ft-banner-text-content h1 {
  font-size: 90px;
  font-weight: 700;
  line-height: 1.25;
  padding-bottom: 10px;
}
.ft-banner-text-content p {
  margin: 0 auto;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 700;
  max-width: 615px;
}
.ft-banner-text-content .ft-banner-btn-wrapper {
  margin-top: 35px;
}
.ft-banner-text-content .ft-banner-btn-wrapper .ft-banner-btn {
  margin-right: 20px;
}
.ft-banner-text-content .ft-banner-btn-wrapper .ft-banner-btn a {
  height: 55px;
  width: 170px;
  font-weight: 600;
  font-family: "Poppins";
  border-radius: 30px;
  background-color: #ea1e00;
}
.ft-banner-text-content .ft-banner-btn-wrapper .ft-banner-btn a:hover {
  background-color: #00044b;
}
.ft-banner-text-content .ft-banner-btn-wrapper .ft-banner-video-btn a {
  font-weight: 600;
}
.ft-banner-text-content .ft-banner-btn-wrapper .ft-banner-video-btn a i {
  width: 55px;
  height: 55px;
  line-height: 52px;
  border-radius: 100%;
  margin-right: 20px;
  border: 2px solid #fff;
}

.ft-slider-section-3 {
  background-color: #f6f7f9;
}

/*---------------------------------------------------- */
/*Booking area*/
/*----------------------------------------------------*/
.ft-booking-form-content {
  top: -45px;
  z-index: 2;
  padding: 60px 30px;
  border-radius: 8px;
  margin-bottom: -45px;
  background-color: #fff;
  -webkit-box-shadow: -9.962px -0.872px 70px 0px rgba(122, 122, 122, 0.2);
          box-shadow: -9.962px -0.872px 70px 0px rgba(122, 122, 122, 0.2);
}
.ft-booking-form-content .booking-form-input-wrapper label {
  width: 100%;
  max-width: 420px;
  margin-right: 30px;
}
.ft-booking-form-content .booking-form-input-wrapper label .booking-form-icon {
  top: 13px;
  left: 15px;
  position: absolute;
}
.ft-booking-form-content .booking-form-input-wrapper label .booking-form-icon i {
  color: #bbbbbb;
  font-size: 28px;
}
.ft-booking-form-content .booking-form-input-wrapper input {
  width: 100%;
  height: 60px;
  border-radius: 5px;
  padding-left: 55px;
  border: 1px solid #c1c1c1;
}
.ft-booking-form-content .booking-form-input-wrapper input::-webkit-input-placeholder {
  color: #bbbbbb;
}
.ft-booking-form-content .booking-form-input-wrapper input::-moz-placeholder {
  color: #bbbbbb;
}
.ft-booking-form-content .booking-form-input-wrapper input:-ms-input-placeholder {
  color: #bbbbbb;
}
.ft-booking-form-content .booking-form-input-wrapper input::-ms-input-placeholder {
  color: #bbbbbb;
}
.ft-booking-form-content .booking-form-input-wrapper input::placeholder {
  color: #bbbbbb;
}
.ft-booking-form-content .booking-form-input-wrapper button {
  color: #fff;
  padding: 0;
  height: 60px;
  border: none;
  width: 210px;
  font-weight: 600;
  border-radius: 6px;
  font-family: "Poppins";
  background-color: #00044b;
}

/*---------------------------------------------------- */
/*About area*/
/*----------------------------------------------------*/
.ft-about-section {
  padding: 80px 0px 100px;
}

.ft-about-img-exp {
  padding-top: 100px;
}

.ft-about-exp-area {
  top: 0px;
  right: 0;
}
.ft-about-exp-area .ft-about-exp-text {
  top: 50px;
  left: 60px;
  max-width: 185px;
}
.ft-about-exp-area .ft-about-exp-text h3 {
  font-size: 18px;
  color: #00044b;
  font-weight: 700;
}
.ft-about-exp-area .ft-about-exp-text h3 span, .ft-about-exp-area .ft-about-exp-text h3 b {
  font-size: 48px;
}
.ft-about-exp-area .ft-about-exp-text p {
  font-weight: 500;
}

.ft-about-feature-list-warpper {
  padding-top: 35px;
}

.ft-about-feature-list-item {
  padding: 27px 20px 25px 20px;
  border-radius: 6px;
  margin-bottom: 30px;
  -webkit-box-shadow: 1.91px 10.833px 50px 0px rgba(68, 68, 68, 0.15);
          box-shadow: 1.91px 10.833px 50px 0px rgba(68, 68, 68, 0.15);
}
.ft-about-feature-list-item .ft-about-feature-icon {
  width: 55px;
  height: 55px;
  margin-right: 20px;
  border-radius: 100%;
  background-color: #ffebeb;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}
.ft-about-feature-list-item .ft-about-feature-icon i {
  font-size: 30px;
  line-height: 0.75;
  color: #ea1e00;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}
.ft-about-feature-list-item .ft-about-feature-text {
  max-width: 420px;
}
.ft-about-feature-list-item .ft-about-feature-text h3 {
  color: #00044b;
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 5px;
}
.ft-about-feature-list-item:hover .ft-about-feature-icon {
  background-color: #ea1e00;
}
.ft-about-feature-list-item:hover .ft-about-feature-icon i {
  color: #fff;
}

.ft-about-section-2 {
  padding: 140px 0px 100px;
}

.ft-about-text-wrapper-2 .ft-section-title-2 h2 {
  max-width: 385px;
}

.ft-about-feature-wrapper-2 {
  margin-top: 40px;
}
.ft-about-feature-wrapper-2 .ft-about-feature-list-item .ft-about-feature-icon {
  background-color: transparent;
  margin-right: 15px;
}
.ft-about-feature-wrapper-2 .ft-about-feature-list-item {
  margin-bottom: 0;
  padding: 18px 15px 20px 15px;
}
.ft-about-feature-wrapper-2 .ft-btn-3 {
  margin-top: 40px;
}

.ft-about-img-2 {
  overflow: hidden;
  border-radius: 8px;
}

.ft-about-img-2-wrapper {
  padding-left: 40px;
  z-index: 1;
}
.ft-about-img-2-wrapper .ft-about-shape1 {
  right: 0;
  top: -30px;
}
.ft-about-img-2-wrapper .ft-about-shape2 {
  left: 0;
  z-index: -1;
  bottom: -40px;
}

.ft-video-section {
  padding-bottom: 105px;
}

@-webkit-keyframes border_animation {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
  20% {
    -webkit-transform: scale(1.24);
    transform: scale(1.24);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(2.1);
    transform: scale(2.1);
    opacity: 0;
  }
}
@keyframes border_animation {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
  20% {
    -webkit-transform: scale(1.24);
    transform: scale(1.24);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(2.1);
    transform: scale(2.1);
    opacity: 0;
  }
}
.ft-video-play {
  left: 0;
  top: 50%;
  right: 0;
  margin: 0 auto;
  text-align: center;
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.ft-video-play a {
  width: 60px;
  height: 60px;
  margin: 0 auto;
  border-radius: 100%;
  background-color: #ea1e00;
}
.ft-video-play a i {
  color: #fff;
}
.ft-video-play a .video_btn_border {
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  border-radius: 60px;
  position: absolute;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  border: 10px solid #ea1e00;
  -webkit-animation: border_animation 3.9s linear 0s infinite;
          animation: border_animation 3.9s linear 0s infinite;
}
.ft-video-play a .video_btn_border.border_wrap-2 {
  -webkit-animation-delay: 1.3s;
          animation-delay: 1.3s;
}

.ft-about-section-3 {
  padding: 115px 0px;
}

.ft-about-sign-img-text {
  right: 0;
  bottom: -20px;
  position: absolute;
}
.ft-about-sign-img-text .sign-shape {
  left: -95px;
  bottom: 10px;
  position: absolute;
}
.ft-about-sign-img-text span {
  color: #141415;
  display: block;
  margin-top: 5px;
  font-weight: 700;
}

.ft-about-text-3 .ft-about-sub-text {
  color: #272727;
  font-size: 17px;
  line-height: 1.765;
  padding: 25px 0px 20px;
}
.ft-about-text-3 .ft-about-feature-text {
  color: #666666;
  font-size: 15px;
  line-height: 1.667;
}
.ft-about-text-3 .ft-about-btn-group {
  margin-top: 30px;
}
.ft-about-text-3 .ft-about-btn-group a {
  color: #141415;
  font-size: 14px;
  font-weight: 700;
  padding: 15px 30px;
  margin-right: 25px;
  font-family: "Poppins";
  border: 2px solid #fa3b0e;
}
.ft-about-text-3 .ft-about-btn-group a i {
  margin-left: 5px;
}
.ft-about-text-3 .ft-about-btn-group a:hover {
  color: #fff;
  border: 2px solid var(--ft-main-theme);
  background-color: var(--ft-main-theme);
}

/*---------------------------------------------------- */
/*Service area*/
/*----------------------------------------------------*/
.ft-service-section {
  overflow: hidden;
  padding: 110px 0px 90px;
  background-color: #f6f6f6;
}

.ft-service-text-area .ft-btn {
  margin-top: 30px;
}
.ft-service-text-area .ft-btn a {
  background-color: #00044b;
}

.ft-service-slider-area {
  margin: 0 -50px;
  padding-left: 50px;
  padding-right: 50px;
  overflow: hidden;
}

.ft-service-slider-item {
  overflow: hidden;
  border-radius: 5px;
  background-color: #fff;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}
.ft-service-slider-item .ft-service-inner-img {
  overflow: hidden;
}
.ft-service-slider-item .ft-service-inner-img img {
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}
.ft-service-slider-item .ft-service-inner-text {
  padding: 30px 25px 20px;
}
.ft-service-slider-item .ft-service-inner-text h3 {
  color: #00044b;
  font-size: 22px;
  font-weight: 700;
  padding-bottom: 18px;
}
.ft-service-slider-item .ft-service-inner-text p {
  padding-bottom: 20px;
}
.ft-service-slider-item .ft-service-inner-text .service-more {
  color: #00044b;
  font-size: 15px;
  font-weight: 600;
  font-family: "Poppins";
}
.ft-service-slider-item .ft-service-inner-text .service-more span {
  display: inline-block;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.ft-service-slider-item .ft-service-inner-text .service-more:hover {
  color: #ea1e00;
}
.ft-service-slider-item .ft-service-inner-text .service-more:hover span {
  margin-left: 5px;
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}
.ft-service-slider-item .ft-service-inner-text .ft-service-serial {
  right: -35px;
  bottom: -45px;
  height: 100px;
  width: 100px;
  color: #00044b;
  font-size: 22px;
  font-weight: 700;
  border-radius: 100%;
  font-family: "Poppins";
  background-color: #e5e5ed;
  -webkit-transition: 300ms all ease;
  transition: 300ms all ease;
  padding: 15px 10px 10px 32px;
}
.ft-service-slider-item:hover {
  -webkit-box-shadow: 1.882px 17.901px 80px 0px rgba(68, 68, 68, 0.15);
          box-shadow: 1.882px 17.901px 80px 0px rgba(68, 68, 68, 0.15);
}
.ft-service-slider-item:hover .ft-service-inner-text .ft-service-serial {
  background-color: #fde8e5;
}
.ft-service-slider-item:hover .ft-service-inner-img img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.ft-service-slider-wrapper {
  margin: 0px -15px;
}
.ft-service-slider-wrapper .slick-list {
  overflow: visible;
}
.ft-service-slider-wrapper .slick-slide {
  -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  opacity: 0;
}
.ft-service-slider-wrapper .slick-slide.slick-active {
  opacity: 1;
}
.ft-service-section-2 {
  z-index: 1;
  overflow: hidden;
  padding: 105px 0px;
  background-color: #002531;
}
.ft-service-section-2 .ft-service-bg {
  left: 0;
  right: 0;
  top: -100px;
  z-index: -1;
}
.ft-service-section-2 .ft-section-title-2 span {
  color: #fff;
}
.ft-service-section-2 .ft-section-title-2 h2 {
  color: #fff;
}

.ft-service-content-2 {
  overflow: hidden;
  margin: 0px -15px;
  padding-top: 45px;
}

.ft-service-innerbox-2 {
  padding: 8px;
  max-width: 270px;
  overflow: hidden;
  margin: 0 auto;
  border-radius: 6px;
  background-color: #004150;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}
.ft-service-innerbox-2 .ft-service-img {
  overflow: hidden;
  border-radius: 6px;
}
.ft-service-innerbox-2 .ft-service-icon {
  top: -35px;
  right: 15px;
  width: 50px;
  height: 50px;
  border-radius: 5px;
  background-color: #fff;
  -webkit-transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
    transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.ft-why-choose-feature-list-item-2 .ft-why-choose-feature-icon {
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}
.ft-why-choose-feature-list-item-2:hover .ft-why-choose-feature-icon {
  -webkit-animation: icon-bounce 0.8s ease-out infinite;
  animation: icon-bounce 0.8s ease-out infinite;
}
@-webkit-keyframes icon-bounce {
  0%, 100%, 20%, 50%, 80% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
}

@keyframes icon-bounce {
  0%, 100%, 20%, 50%, 80% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
}
.ft-service-innerbox-2:hover .ft-service-icon {
  -webkit-transform: rotateY(360deg);
  transform: rotateY(360deg);
}
.ft-service-innerbox-2 .ft-service-icon i {
  font-size: 30px;
  line-height: 0.75;
  color: #ea1e00;
}
.ft-service-innerbox-2 h3 {
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  padding-bottom: 25px;
}
.ft-service-innerbox-2 .ft-service-text {
  padding: 30px 12px 20px;
}
.ft-service-innerbox-2 .ft-service-text .ft-btn-2 a:before {
  border: 2px solid #fff;
}
.ft-service-innerbox-2 .ft-service-text .ft-btn-2 a i {
  color: #fff;
}
.ft-service-innerbox-2 .ft-service-text .ft-btn-2 a:hover i {
  color: #002a34;
}
.ft-service-innerbox-2 .ft-service-serial {
  right: -35px;
  bottom: -45px;
  height: 100px;
  width: 100px;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  border-radius: 100%;
  font-family: "Poppins";
  background-color: #002e39;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
  padding: 15px 10px 10px 32px;
}
.ft-service-innerbox-2:hover {
  background-color: #ea1e00;
}
.ft-service-innerbox-2:hover .ft-service-serial {
  background-color: #c20001;
}

.ft-service-slider-2 .slick-prev, .ft-service-slider-2 .slick-next {
  display: none !important;
}
.ft-service-slider-2 .slick-dots li {
  background-color: #fff;
}

.ft-service-page-items {
  padding-top: 30px;
}
.ft-service-page-items .ft-service-innerbox-2 {
  margin-bottom: 30px;
}

.ft-service-sidebar-widget {
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 40px;
}
.ft-service-sidebar-widget .widget-title {
  font-size: 24px;
  font-weight: 700;
}
.ft-service-sidebar-widget .service-category-widget {
  padding: 40px 30px;
  background-color: #f4f4f4;
}
.ft-service-sidebar-widget .service-category-widget .widget-title {
  color: #004150;
  padding-bottom: 25px;
}
.ft-service-sidebar-widget .service-category-widget li {
  margin-bottom: 15px;
}
.ft-service-sidebar-widget .service-category-widget li:last-child {
  margin-bottom: 0;
}
.ft-service-sidebar-widget .service-category-widget li a {
  width: 100%;
  color: #004150;
  font-weight: 700;
  position: relative;
  padding: 15px 20px;
  display: inline-block;
  border: 1px solid #d2d2d2;
}
.ft-service-sidebar-widget .service-category-widget li a:after {
  top: 15px;
  right: 20px;
  content: "";
  font-weight: 900;
  position: absolute;
  font-family: "Font Awesome 5 Pro";
}
.ft-service-sidebar-widget .service-category-widget li a:hover {
  border: 1px solid #fff;
  background-color: white;
  -webkit-box-shadow: 0.698px 9.976px 10px 0px rgba(104, 104, 104, 0.1);
          box-shadow: 0.698px 9.976px 10px 0px rgba(104, 104, 104, 0.1);
}
.ft-service-sidebar-widget .service-form-widget {
  padding: 30px 20px;
  background-color: #ea1e00;
}
.ft-service-sidebar-widget .service-form-widget .widget-title, .ft-service-sidebar-widget .service-form-widget p {
  color: #fff;
  padding-bottom: 10px;
}
.ft-service-sidebar-widget .service-form-widget input, .ft-service-sidebar-widget .service-form-widget textarea {
  width: 100%;
  color: #fff;
  height: 55px;
  padding-left: 15px;
  margin-bottom: 15px;
  border: 1px solid #fff;
  background-color: transparent;
}
.ft-service-sidebar-widget .service-form-widget input::-webkit-input-placeholder, .ft-service-sidebar-widget .service-form-widget textarea::-webkit-input-placeholder {
  color: #fff;
}
.ft-service-sidebar-widget .service-form-widget input::-moz-placeholder, .ft-service-sidebar-widget .service-form-widget textarea::-moz-placeholder {
  color: #fff;
}
.ft-service-sidebar-widget .service-form-widget input:-ms-input-placeholder, .ft-service-sidebar-widget .service-form-widget textarea:-ms-input-placeholder {
  color: #fff;
}
.ft-service-sidebar-widget .service-form-widget input::-ms-input-placeholder, .ft-service-sidebar-widget .service-form-widget textarea::-ms-input-placeholder {
  color: #fff;
}
.ft-service-sidebar-widget .service-form-widget input::placeholder, .ft-service-sidebar-widget .service-form-widget textarea::placeholder {
  color: #fff;
}
.ft-service-sidebar-widget .service-form-widget textarea {
  height: 130px;
  padding-top: 10px;
}
.ft-service-sidebar-widget .service-form-widget button {
  height: 55px;
  width: 170px;
  color: #004150;
  border: none;
  margin-top: 10px;
  font-weight: 600;
  border-radius: 5px;
  background-color: #fff;
  font-family: "Poppins";
}
.ft-service-sidebar-widget .service-download-widget {
  padding: 40px 20px;
  background-color: #f4f4f4;
}
.ft-service-sidebar-widget .service-download-widget .widget-title {
  color: #004150;
  padding-bottom: 25px;
}
.ft-service-sidebar-widget .service-download-widget li {
  margin-bottom: 20px;
}
.ft-service-sidebar-widget .service-download-widget li:last-child {
  margin-bottom: 0;
}
.ft-service-sidebar-widget .service-download-widget li a {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
  padding: 10px 20px;
  border-radius: 7px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: white;
  -webkit-box-shadow: 0.698px 9.976px 10px 0px rgba(104, 104, 104, 0.1);
          box-shadow: 0.698px 9.976px 10px 0px rgba(104, 104, 104, 0.1);
}
.ft-service-sidebar-widget .service-download-widget li a i {
  width: 38px;
  height: 10px;
  height: 38px;
  font-size: 25px;
  line-height: 38px;
  text-align: center;
  color: #ea1e00;
  -webkit-transition: 0.1s all ease;
  transition: 0.1s all ease;
  background-color: #fff0f0;
}
.ft-service-sidebar-widget .service-download-widget li a:hover {
  color: #fff;
  background-color: #ea1e00;
}
.ft-service-sidebar-widget .service-download-widget li a:hover i {
  color: #fff;
  background-color: #ff6c6c;
}

.ft-service-details-img-wrapper .ft-service-details-img {
  margin-bottom: 30px;
}

.ft-service-details-text-wrapper h3 {
  color: #004150;
  font-size: 24px;
  font-weight: 700;
  padding-bottom: 30px;
}
.ft-service-details-text-wrapper p {
  padding-bottom: 30px;
}

.ft-service-details-counter-item {
  padding: 25px 30px;
  margin-bottom: 30px;
  background-color: white;
  -webkit-box-shadow: 0.698px 9.976px 50px 0px rgba(72, 72, 72, 0.15);
          box-shadow: 0.698px 9.976px 50px 0px rgba(72, 72, 72, 0.15);
}
.ft-service-details-counter-item .ft-service-details-count-icon {
  width: 70px;
  height: 100px;
  margin-right: 30px;
}
.ft-service-details-counter-item .ft-service-details-count-icon i {
  font-size: 70px;
  color: #ea1e00;
}
.ft-service-details-counter-item .ft-service-details-count-text .title {
  color: #043440;
  font-size: 24px;
  font-weight: 700;
  padding-bottom: 10px;
}
.ft-service-details-counter-item .ft-service-details-count-text .count-number {
  font-size: 48px;
  font-weight: 700;
  color: #ea1e00;
}

.ft-service-section-3 {
  padding-bottom: 120px;
  background-color: #f6f7f9;
}

.ft-service-content-3 {
  padding-top: 40px;
}

.ft-service-content-items-3 {
  overflow: hidden;
  margin-bottom: -10px;
  padding-bottom: 10px;
}

.ft-service-innerbox-3 .ft-service-img {
  overflow: hidden;
}
.ft-service-innerbox-3 .ft-service-img:before {
  left: -15px;
  width: 110%;
  content: "";
  height: 100px;
  bottom: -57px;
  position: absolute;
  background-color: #f2f3f5;
  -webkit-transform: rotate(-13deg);
          transform: rotate(-13deg);
}
.ft-service-innerbox-3 .ft-service-icon {
  right: 30px;
  top: -100px;
  z-index: 1;
  width: 95px;
  height: 95px;
  border-radius: 100%;
  background-color: #fff;
  border: 10px solid #008cfb;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}
.ft-service-innerbox-3 .ft-service-icon i {
  color: #141415;
  font-size: 40px;
  line-height: 0.75;
}
.ft-service-innerbox-3 .ft-service-text-icon {
  top: -70px;
  max-width: 90%;
  margin: 0 auto;
  margin-bottom: -70px;
  padding: 35px 30px 75px;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
  background-color: white;
  -webkit-box-shadow: 0px 0px 29px 0px rgba(12, 12, 12, 0.07);
          box-shadow: 0px 0px 29px 0px rgba(12, 12, 12, 0.07);
}
.ft-service-innerbox-3 .ft-service-text-icon:before {
  left: 0;
  top: -70px;
  content: "";
  position: absolute;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
  border-bottom: 70px solid #fff;
  border-left: 339px solid rgba(255, 255, 255, 0);
}
.ft-service-innerbox-3 .ft-service-text-icon:after {
  top: -36px;
  left: -4px;
  width: 103%;
  content: "";
  height: 15px;
  position: absolute;
  background-color: var(--ft-main-theme);
  -webkit-transform: rotate(-12deg) skew(-15deg);
          transform: rotate(-12deg) skew(-15deg);
}
.ft-service-innerbox-3 .ft-service-text h3 {
  color: #121213;
  font-size: 22px;
  font-weight: 700;
  padding-bottom: 15px;
}
.ft-service-innerbox-3 .ft-service-text p {
  color: #121213;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}
.ft-service-innerbox-3 .more-btn {
  right: 19px;
  bottom: 70px;
}
.ft-service-innerbox-3 .more-btn a {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  position: relative;
  padding: 14px 26px;
  background-color: var(--ft-main-theme);
}
.ft-service-innerbox-3 .more-btn a:before {
  top: 0;
  width: 0;
  height: 0;
  content: "";
  left: -16px;
  position: absolute;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
  border-bottom: 49px solid var(--ft-main-theme);
  border-left: 16px solid transparent;
}
.ft-service-innerbox-3 .more-btn a i {
  margin-left: 8px;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}
.ft-service-innerbox-3 .more-btn a:hover {
  background-color: var(--ft-second-theme);
}
.ft-service-innerbox-3 .more-btn a:hover:before {
  border-bottom: 49px solid var(--ft-second-theme);
}
.ft-service-innerbox-3 .more-btn a:hover i {
  margin-left: 12px;
}
.ft-service-innerbox-3:hover .ft-service-icon {
  border: 10px solid var(--ft-second-theme);
}
.ft-service-innerbox-3:hover .ft-service-text-icon {
  background-color: #01011c;
}
.ft-service-innerbox-3:hover .ft-service-text-icon:before {
  border-bottom: 70px solid #01011c;
}
.ft-service-innerbox-3:hover .ft-service-text h3, .ft-service-innerbox-3:hover .ft-service-text p {
  color: #fff;
}

.ft-service-more-btn {
  margin-top: 40px;
}
.ft-service-more-btn a {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  margin-left: 20px;
  padding: 10px 30px;
  background-color: var(--ft-main-theme);
}
.ft-service-more-btn a:hover {
  background-color: var(--ft-second-theme);
}
.ft-service-innerbox-4 h4 {
  font-size: 20px;
  color: #000000;
  font-weight: 700;
  position: relative;
  margin-bottom: 40px;
}
section#ft-service-pag-4 {
  padding: 120px 0;
}
.ft-service-innerbox-4 h4:after {
  position: absolute;
  bottom: 0;
  left: 0;
}

.ft-service-innerbox-4 h4:after {
  content: "";
  background: #0410fb;
  color: #0410fb;
  width: 45px;
  height: 2px;
  bottom: -18px;
}

.ft-service-innerbox-4 p {
  color: #454545;
  font-size: 16px;
  line-height: 26px;
}

.ft-service-innerbox-4 {
  padding: 50px 30px;
  overflow: hidden;
  position: relative;
}
.ft-service-innerbox-4:after {
  background: #000000;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  transition: .4s;
  z-index: -1;
}

.ft-service-innerbox-4:hover h4:after{
  background: #ffde00;
}
.ft-service-innerbox-4:hover h4, .ft-service-innerbox-4:hover p {
  color: #fff;
}

.ft-service-innerbox-4:hover:after {
  left: 0;
}

.ft-service-innerbox-4:before {
  position: absolute;
  border-bottom: 100px;
}

.ft-service-innerbox-4:before {
  border-bottom: 50px solid #ffde00;
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  right:0;
  border-right: 50px solid #fff;
  visibility: hidden;
  opacity: 0;
  transition: .6s;
}

.ft-service-innerbox-4:hover:before {
  visibility: visible;
  opacity: 1;
}
/*---------------------------------------------------- */
/*Counter area*/
/*----------------------------------------------------*/
.ft-counterup-section {
  z-index: 1;
  padding: 60px 0px 100px;
}
.ft-counterup-section:before {
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
  content: "";
  height: 130px;
  position: absolute;
  background-color: #f6f6f6;
}

.ft-counterup-innerbox {
  margin-left: 40px;
  border-radius: 8px;
  background-color: #fff;
  padding: 25px 25px 25px 65px;
  -webkit-box-shadow: 1.045px 9.945px 60px 0px rgba(68, 68, 68, 0.15);
          box-shadow: 1.045px 9.945px 60px 0px rgba(68, 68, 68, 0.15);
}
.ft-counterup-innerbox .ft-counterup-icon {
  top: 50%;
  left: -40px;
  z-index: 1;
  width: 80px;
  height: 80px;
  position: absolute;
  border-radius: 100%;
  background-color: #fff;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-box-shadow: 5.694px 12.79px 30px 0px rgba(234, 30, 0, 0.15);
          box-shadow: 5.694px 12.79px 30px 0px rgba(234, 30, 0, 0.15);
}
.ft-counterup-innerbox .ft-counterup-icon:before {
  top: 8px;
  left: 8px;
  content: "";
  z-index: -1;
  width: 65px;
  height: 65px;
  position: absolute;
  border-radius: 100%;
  background-color: #00044b;
}
.ft-counterup-innerbox .ft-counterup-icon i {
  color: #fff;
  font-size: 35px;
  line-height: 0.75;
}
.ft-counterup-innerbox .ft-counterup-text h3 {
  color: #00044b;
  font-size: 48px;
  font-weight: 700;
}
.ft-counterup-innerbox .ft-counterup-text p {
  color: #00044b;
  font-weight: 700;
}

/*---------------------------------------------------- */
/*why choose area*/
/*----------------------------------------------------*/
.ft-why-choose-section {
  z-index: 1;
  padding-bottom: 80px;
}
.ft-why-choose-section:before {
  top: 0;
  right: 0;
  width: 50.7%;
  z-index: -1;
  content: "";
  height: 100%;
  position: absolute;
  background-color: #fff;
}

.ft-why-choose-text-area .ft-section-title {
  max-width: 600px;
  padding-left: 100px;
}

.ft-why-choose-feature-wrapper {
  padding-top: 18px;
  padding-left: 30px;
}

.ft-why-choose-feature-item {
  margin-bottom: 25px;
}
.ft-why-choose-feature-item .ft-why-choose-feature-icon {
  z-index: 1;
  width: 85px;
  height: 85px;
  margin-right: 23px;
  background-color: #fff;
  border:2px dashed #ffebe8;
  -webkit-box-shadow: 1.045px 9.945px 40px 0px rgba(68, 68, 68, 0.15);
          box-shadow: 1.045px 9.945px 40px 0px rgba(68, 68, 68, 0.15);
}
.ft-why-choose-feature-item .ft-why-choose-feature-icon i {
  font-size: 50px;
  line-height: 0;
  color: #ea1e00;
}

.ft-why-choose-feature-item .ft-why-choose-feature-text {
  max-width: 420px;
}
.ft-why-choose-feature-item .ft-why-choose-feature-text h3 {
  color: #00044b;
  font-size: 22px;
  font-weight: 700;
  padding-bottom: 10px;
}
.ft-why-choose-feature-item .ft-why-choose-feature-text p {
  line-height: 1.5;
}

.ft-why-choose-section-2 {
  z-index: 1;
  overflow: hidden;
  padding: 115px 0px 250px;
}
.ft-why-choose-section-2 .why-choose-img-2 {
  right: 0;
  bottom: 75px;
}
.ft-why-choose-section-2 .why-choose-bg-2 {
  top: 0;
  left: 0;
  opacity: 0.07;
  z-index: -1;
  position: absolute;
}
.ft-why-choose-section-2 .ft-why-choose-text-2 {
  padding-top: 50px;
}

.ft-why-choose-list-wrapper {
  max-width: 460px;
  margin-top: 42px;
}
.ft-why-choose-list-wrapper li {
  color: #0b0b0b;
  font-size: 18px;
  padding-left: 35px;
  margin-bottom: 15px;
  position: relative;
  font-family: "Poppins";
}
.ft-why-choose-list-wrapper li:last-child {
  margin-bottom: 0;
}
.ft-why-choose-list-wrapper li:before {
  top: 2px;
  left: 0;
  font-size: 18px;
  color: var(--ft-main-theme);
  content: "";
  font-weight: 900;
  position: absolute;
  font-family: "Font Awesome 5 Pro";
}

.ft-why-choose-form-wrapper {
  padding-left: 35px;
}

.ft-why-choose-form {
  max-width: 455px;
  padding: 45px 30px 45px;
  background-color: #080c24;
}
.ft-why-choose-form .wc-input {
  margin-bottom: 20px;
}
.ft-why-choose-form .wc-input span {
  color: #fff;
  display: block;
  font-size: 15px;
  margin-bottom: 10px;
}
.ft-why-choose-form .wc-input select, .ft-why-choose-form .wc-input input {
  width: 100%;
  height: 48px;
  border: none;
  border: none;
  color: #d0cfcf;
  font-size: 14px;
  border-radius: 5px;
  padding-left: 15px;
  -webkit-appearance: none;
  background-color: #494d62;
}
.ft-why-choose-form .wc-input select::-webkit-input-placeholder, .ft-why-choose-form .wc-input input::-webkit-input-placeholder {
  color: #d0cfcf;
}
.ft-why-choose-form .wc-input select::-moz-placeholder, .ft-why-choose-form .wc-input input::-moz-placeholder {
  color: #d0cfcf;
}
.ft-why-choose-form .wc-input select:-ms-input-placeholder, .ft-why-choose-form .wc-input input:-ms-input-placeholder {
  color: #d0cfcf;
}
.ft-why-choose-form .wc-input select::-ms-input-placeholder, .ft-why-choose-form .wc-input input::-ms-input-placeholder {
  color: #d0cfcf;
}
.ft-why-choose-form .wc-input select::placeholder, .ft-why-choose-form .wc-input input::placeholder {
  color: #d0cfcf;
}
.ft-why-choose-form .wc-select:before {
  top: 13px;
  right: 12px;
  color: #d0cfcf;
  font-size: 15px;
  content: "";
  font-weight: 900;
  position: absolute;
  font-family: "Font Awesome 5 Pro";
}
.ft-why-choose-form .wc-input-range {
  margin-bottom: 20px;
}
.ft-why-choose-form .wc-input-range span {
  color: #fff;
  display: block;
  font-size: 15px;
  margin-bottom: 10px;
}
.ft-why-choose-form .wc-input-range #slider-range {
  height: 7px;
  width: 300px;
  border: none;
  border-radius: 0;
  margin-right: 15px;
  background-color: #adaeb0;
}
.ft-why-choose-form .wc-input-range #slider-range .ui-widget-header {
  background-color: var(--ft-second-theme);
}
.ft-why-choose-form .wc-input-range #slider-range .ui-slider-handle {
  top: -10px;
  width: 27px;
  height: 27px;
  margin-left: 0;
  cursor: pointer;
  margin-bottom: 0;
  border-radius: 100%;
  border: 5px solid var(--ft-second-theme);
}
.ft-why-choose-form .wc-input-range #slider-range .ui-slider-handle:focus {
  outline: none;
}
.ft-why-choose-form .wc-input-range .range-value input {
  width: 100px;
  height: 40px;
  border: none;
  color: #d0cfcf;
  border-radius: 5px;
  padding-left: 15px;
  background-color: #494d62;
}
.ft-why-choose-form button {
  color: #fff;
  height: 48px;
  border: none;
  width: 185px;
  margin-top: 5px;
  font-weight: 700;
  border-radius: 5px;
  border-radius: 5px;
  background-color: var(--ft-main-theme);
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}
.ft-why-choose-form button:hover {
  background-color: var(--ft-second-theme);
}
.ft-why-choose-form p {
  color: #fff;
  font-size: 14px;
  padding-top: 15px;
}
.ft-why-choose-form p a {
  color: var(--ft-main-theme);
}

/*---------------------------------------------------- */
/*Team area*/
/*----------------------------------------------------*/
.ft-team-section {
  padding: 105px 0px 75px;
}

.ft-team-text-area .ft-section-title {
  margin-bottom: 30px;
}

.ft-team-inner-itembox {
  margin: 0 auto;
  max-width: 370px;
  overflow: hidden;
  border-radius: 5px;
  margin-bottom: 30px;
}
.ft-team-inner-itembox .hover-shape {
  opacity: 0;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.ft-team-inner-itembox:hover .hover-shape{
  opacity: 1;
}
.ft-team-inner-itembox .ft-team-inner-item-text {
  left: 50px;
  bottom: 25px;
  position: absolute;
}


.ft-team-inner-itembox .ft-team-inner-item-text h3 {
  opacity:0;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  padding-bottom: 5px;
  position: relative;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
  -webkit-transform: translateX(30px);
          transform: translateX(30px);
}
.ft-team-inner-itembox:hover .ft-team-inner-item-text h3, .ft-team-inner-itembox:hover .ft-team-inner-item-text span {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.ft-team-inner-itembox .ft-team-inner-item-text h3 a {
  -webkit-transition: none;
  transition: none;
}
.ft-team-inner-itembox .ft-team-inner-item-text h3:before {
  top: 12px;
  left: -30px;
  width: 25px;
  height: 3px;
  content: "";
  position: absolute;
  background-color: #fff;
}
.ft-team-inner-itembox .ft-team-inner-item-text h3:hover {
  color: #ea1e00;
}
.ft-team-inner-itembox .ft-team-inner-item-text span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  display: inline-block;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
  -webkit-transform: translateX(-30px);
  transform: translateX(-30px);
  opacity: 0;
}
.ft-team-inner-itembox:hover .ft-team-inner-item-text h3, .ft-team-inner-itembox:hover .ft-team-inner-item-text span {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.ft-team-details-content {
  padding: 0px 65px;
  border-radius: 8px;
  margin: 65px 0px;
  background-color: #003440;
}
.ft-team-details-content .ft-team-details-img {
  top: -60px;
  overflow: hidden;
  max-width: 380px;
  border-radius: 8px;
}
.ft-team-details-content .ft-team-details-text-wrapper {
  padding: 50px 0px;
}
.ft-team-details-content .ft-team-details-text {
  color: #fff;
  padding-bottom: 22px;
}
.ft-team-details-content .ft-team-details-text h3 {
  color: #fff;
  font-size: 36px;
  font-weight: 700;
  padding-bottom: 10px;
}
.ft-team-details-content .ft-team-details-text span {
  font-size: 24px;
  font-weight: 700;
  display: inline-block;
  padding-bottom: 16px;
}
.ft-team-details-content .ft-team-details-info {
  color: #fff;
}
.ft-team-details-content .ft-team-details-info li {
  font-size: 16px;
  margin-bottom: 10px;
  width:49%;
  display:inline-block;
}
.ft-team-details-content .ft-team-details-info li span {
  margin-right: 8px;
  font-weight: 700;
  color:#ea1e00;
}
.ft-team-details-content .coming-soon-social {
  margin-top: 18px;
}

.ft-team-personal .title {
  color: #003440;
  font-size: 36px;
  font-weight: 700;
  padding-bottom: 20px;
}

.ft-team-personal-skill {
  margin-top: 30px;
}

.ft-team-skill-inner {
  padding: 30px 15px 20px;
  background-color: #fff;
  -webkit-box-shadow: 0.837px 11.971px 30px 0px rgba(89, 89, 89, 0.1);
          box-shadow: 0.837px 11.971px 30px 0px rgba(89, 89, 89, 0.1);
}
.ft-team-skill-inner .counter-boxed {
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-right: 15px;
}
.ft-team-skill-inner .counter-boxed .graph-outer {
  margin: 0;
}
.ft-team-skill-inner .ft-team-skill-text h3 {
  color: #003440;
  font-size: 18px;
  font-weight: 700;
  padding-bottom: 10px;
}
.fan-item-wrap {
  background-size: cover;
  background-position: center;
}

.fnf-item {
  background: #fff;
  text-align: center;
  border-top: 2px solid #e7e7e7;
  border-right: 2px solid #e7e7e7;
  padding: 25px 45px;
}
.fnf-item p {
  color: #454545;
}
.fnf-item:last-child {
  border-bottom: 2px solid #e7e7e7;
}
.fnf-item h1 {
  color: #ffde00;
  font-size: 60px;
  font-weight: 800;
}
.fnf-item h4 {
  font-size: 18px;
  color: #010101;
  font-weight: 800;
}
.ft-team-contact-form-wrapper {
  margin-top: 65px;
  padding: 40px 30px;
  border-radius: 7px;
  -webkit-box-shadow: 1.736px 9.848px 60px 0px rgba(0, 52, 64, 0.15);
          box-shadow: 1.736px 9.848px 60px 0px rgba(0, 52, 64, 0.15);
}
.progress {
  height: 2px;
  background-color: #eae8e3;
  overflow: visible;
}
.progress-item h4 {
  color: #000000;
  margin-bottom: 12px;
}
.progress-item {
  margin-top: 60px;
}
.progress-bar {
  background: #010101;
  position: relative;
  overflow: inherit;
  overflow: visible;
}
.progress .progress-bar {
  -webkit-animation-name: animateBar;
          animation-name: animateBar;
  -webkit-animation-iteration-count: .5s;
          animation-iteration-count: .5s;
  -webkit-animation-timing-function: ease-in 0.9s;
          animation-timing-function: ease-in 0.9s;
  -webkit-animation-duration: 6.8s;
          animation-duration: 6.8s;
}
rs-group#slider-6-slide-12-layer-20:hover svg {
  fill: #000 !important;
}
@-webkit-keyframes animateBar {
  0% {
      -webkit-transform: translateX(-100%);
              transform: translateX(-100%);
  }
  100% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
  }
}

@keyframes animateBar {
  0% {
      -webkit-transform: translateX(-100%);
              transform: translateX(-100%);
  }
  100% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
  }
}
.progress-single-item:not(:last-child) {
  margin-bottom: 50px;
}
.progress-single-item{
  overflow: hidden;
}
span.progress-value {
  position: absolute;
    bottom: 12px;
    right: -18px;
    color: #000000;
    font-size: 15px;
}
.progress-item h4 {
  color: #000000;
  margin-bottom: 12px;
}
.ft-team-contact-form-wrapper h3 {
  color: #003440;
  font-size: 24px;
  font-weight: 700;
  padding-bottom: 40px;
}
.ft-team-contact-form-wrapper input, .ft-team-contact-form-wrapper textarea {
  width: 100%;
  height: 55px;
  border-radius: 5px;
  padding-left: 15px;
  margin-bottom: 20px;
  border: 1px solid #cbcbcb;
}
.ft-team-contact-form-wrapper textarea {
  height: 200px;
  padding-top: 10px;
}

.ft-team-personal-cta {
  border-radius: 5px;
  padding: 80px 20px 70px;
}
.ft-team-personal-cta .ft-team-personal-cta-icon {
  width: 60px;
  height: 60px;
  margin: 0 auto;
  margin-bottom: 15px;
  border-radius: 100%;
  background-color: #fff;
}
.ft-team-personal-cta .ft-team-personal-cta-icon i {
  font-size: 35px;
  color: #ea1e00;
}
.ft-team-personal-cta .ft-team-personal-cta-text {
  color: #fff;
}
.ft-team-personal-cta .ft-team-personal-cta-text h3 {
  font-size: 24px;
  font-weight: 700;
  padding-bottom: 20px;
}
.ft-team-personal-cta .ft-team-personal-cta-text span {
  color: #fff;
  display: block;
  font-weight: 700;
  margin-bottom: 10px;
  font-family: "Poppins";
}
.item__meta-title {
  color: #000000;
  font-weight: 700;
  font-size: 24px;
}

.item__meta-counter {
  margin-top: 10px;
  color: #000000;
  font-size: 16px;
  margin-bottom: 5px;
}

.item__meta-detail {
  color: #3b3b3b;
  font-size: 15px;
  font-style: italic;
  margin-top: 5px;
}
#ft-team-page .slick-dots li button {
  width: 0;
  height: 0;
  background: #000;
  border-radius: 50px;
  position: absolute;
    top: 4px;
    left: 4px;
}
section#ft-team-page .slick-arrow {
  display: none !important;
}
.section-content {
  margin-top: 40px;
}
#ft-team-page .item {
  margin-bottom: 30px;
}
#ft-team-page li.slick-active {
  border: 1px solid #000;
  border-radius: 50%;
}
/*---------------------------------------------------- */
/*Project area*/
/*----------------------------------------------------*/
.ft-project-section {
  z-index: 1;
  overflow: hidden;
  padding-top: 105px;
}
.ft-project-section:before {
  top: 0;
  left: 0;
  z-index: -1;
  content: "";
  width: 100%;
  height: 400px;
  position: absolute;
  background-color: #00044b;
}
.ft-project-section .ft-section-title {
  max-width: 420px;
}
.ft-project-section .ft-section-title span, .ft-project-section .ft-section-title h2 {
  color: #fff;
}
.ft-project-section .ft-section-title h2 {
  padding-bottom: 0;
}

.ft-project-slider-wrapper {
  padding-top: 50px;
}

.ft-project-itembox .ft-project-img {
  overflow: hidden;
  border-radius: 5px;
}
.ft-project-itembox .ft-project-text {
  left: 0;
  top: 50%;
  opacity: 0;
  max-width: 370px;
  padding: 40px 30px;
  border-radius: 5px;
  position: absolute;
  background-color: #fff;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-box-shadow: 1.045px 9.945px 60px 0px rgba(68, 68, 68, 0.15);
          box-shadow: 1.045px 9.945px 60px 0px rgba(68, 68, 68, 0.15);
}
.ft-project-itembox .ft-project-text h3 {
  color: #00044b;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  padding-left: 50px;
  position: relative;
  padding-bottom: 15px;
}
.ft-project-itembox .ft-project-text h3:before {
  left: 0;
  top: 23px;
  content: "";
  height: 2px;
  width: 40px;
  position: absolute;
  background-color: #ea1e00;
}
.ft-project-itembox .ft-project-text p {
  line-height: 1.5;
  padding-bottom: 25px;
}
.ft-project-itembox .ft-project-text .ft-btn a {
  background-color: #00044b;
}

.slick-current.slick-center .ft-project-itembox {
  margin-left: -200px;
  padding-left: 200px;
}
.slick-current.slick-center .ft-project-itembox .ft-project-text {
  opacity: 1;
}

.ft-project-slider-area {
  margin: 0px -100px;
}
.ft-project-slider-area .slick-list {
  overflow: visible;
}
.ft-project-slider-area .slick-slide {
  -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  opacity: 0;
}
.ft-project-slider-area .slick-slide.slick-active {
  opacity: 1;
}
.ft-project-slider-area .slick-dots {
  margin-top: 50px;
}

.ft-portfolio-content-2 {
  padding-top: 45px;
}

.ft-portfolio-section-2 {
  z-index: 1;
  overflow: hidden;
  padding: 105px 0px 90px;
}
.ft-portfolio-section-2:before {
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  content: "";
  height: 550px;
  position: absolute;
  background-color: #003440;
}
.ft-portfolio-section-2 .ft-section-title-2 {
  max-width: 505px;
}
.ft-portfolio-section-2 .ft-section-title-2 .sub-title {
  color: #fff;
}
.ft-portfolio-section-2 .ft-section-title-2 h2 {
  color: #fff;
  padding-bottom: 0;
}

.ft-portfolio-slider-item {
  padding: 5px;
}

.ft-portfolio-content-2 {
  margin: 0px -5px;
}

.ft-portfolio-slider-innerbox {
  overflow: hidden;
}
.ft-portfolio-slider-innerbox:before {
  top: 50%;
  left: 50px;
  right: 0;
  content: "";
  width: 92%;
  height: 92%;
  opacity: 0;
  margin: 0 auto;
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
  background-color: rgba(0, 54, 66, 0.95);
}
.ft-portfolio-slider-innerbox .ft-portfolio-text {
  left: 45px;
  bottom: 55px;
  max-width: 385px;
  position: absolute;
}
.ft-portfolio-slider-innerbox .ft-portfolio-text h3 {
  opacity: 0;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  padding-bottom: 20px;
  -webkit-transform: translateX(20px);
          transform: translateX(20px);
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
.ft-portfolio-slider-innerbox .ft-portfolio-text p {
  opacity: 0;
  color: #fff;
  max-width: 360px;
  padding-bottom: 25px;
  -webkit-transform: translateX(20px);
          transform: translateX(20px);
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.ft-portfolio-slider-innerbox .ft-portfolio-text .ft-btn-3 {
  opacity: 0;
  -webkit-transform: translateX(20px);
          transform: translateX(20px);
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.ft-portfolio-slider-innerbox .ft-portfolio-text .ft-btn-3 a {
  height: 45px;
  width: 150px;
}
.ft-portfolio-slider-innerbox:hover:before {
  left: 0;
  opacity: 1;
}
.ft-portfolio-slider-innerbox:hover .ft-portfolio-text h3, .ft-portfolio-slider-innerbox:hover .ft-portfolio-text p, .ft-portfolio-slider-innerbox:hover .ft-portfolio-text .ft-btn-3 {
  opacity: 1;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
}

.ft-portfolio-slider-2 .slick-dots {
  position: static;
  margin-top: 32px;
}
.ft-portfolio-slider-2 .slick-dots button {
  display: none;
}
.ft-portfolio-slider-2 .slick-dots li {
  width: 30px;
  height: 5px;
  background-color: #003440;
}
.ft-portfolio-slider-2 .slick-dots li.slick-active {
  background-color: #ea1e00;
}

.ft-project-item-filter-btn {
  margin-bottom: 50px;
}
.ft-project-item-filter-btn li {
  color: #043441;
  cursor: pointer;
  font-weight: 500;
  padding: 7px 20px;
  border-radius: 20px;
}
.ft-project-item-filter-btn li.filtr-active {
  color: #fff;
  background-color: #ea1e00;
}

.ft-project-post-item-content .ft-btn {
  margin-top: 30px;
}
.ft-project-post-item-content .ft-btn a {
  margin: 0 auto;
  border-radius: 30px;
  background-color: #043441;
}

.ft-project-item-wrapper .ft-portfolio-slider-innerbox {
  margin: 0 auto;
  max-width: 370px;
  border-radius: 5px;
  margin-bottom: 30px;
}
.ft-project-item-wrapper .ft-portfolio-slider-innerbox .ft-portfolio-text {
  max-width: 285px;
}
.ft-project-item-wrapper .ft-portfolio-slider-innerbox .ft-portfolio-text h3 {
  font-size: 20px;
}
.ft-project-item-wrapper .ft-portfolio-slider-innerbox .ft-portfolio-text p {
  font-size: 14px;
}

.ft-portfolio-overview-text {
  overflow: hidden;
  border-radius: 8px;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 75px 0px rgba(0, 3, 13, 0.15);
          box-shadow: 0px 0px 75px 0px rgba(0, 3, 13, 0.15);
}
.ft-portfolio-overview-text .project-title-overview {
  padding: 15px;
  background-color: #ea1e00;
}
.ft-portfolio-overview-text .project-title-overview h3 {
  color: #fff;
  font-size: 22px;
  font-weight: 700;
}
.ft-portfolio-overview-text .ft-portfolio-overview-list-value {
  padding: 30px;
}
.ft-portfolio-overview-text .ft-portfolio-overview-list-value .ft-portfolio-overview-list li {
  color: #1a2428;
  font-weight: 700;
  margin-bottom: 5px;
}
.ft-portfolio-overview-text .ft-portfolio-overview-list-value .ft-portfolio-overview-list li span {
  float: right;
  font-weight: 400;
}
.ft-portfolio-overview-text .ft-portfolio-overview-list-value .ft-project-value {
  margin-top: 20px;
}
.ft-portfolio-overview-text .ft-portfolio-overview-list-value .ft-project-value span {
  color: #1a2428;
  font-size: 24px;
  font-weight: 700;
  font-family: "Poppins";
}
.ft-portfolio-overview-text .ft-portfolio-overview-list-value .ft-project-value ul li {
  font-size: 14px;
  color: #ffc601;
}

.ft-project-overview-text-wrapper {
  z-index: 1;
  padding-top: 35px;
}
.ft-project-overview-text-wrapper h3 {
  color: #191919;
  font-size: 30px;
  font-weight: 700;
  padding-bottom: 20px;
}
.ft-project-overview-text-wrapper p {
  font-size: 17px;
}

.ft-project-overview-comment-list {
  font-size: 17px;
  padding-top: 35px;
}

.ft-project-overview-list-item li {
  padding-left: 25px;
  margin-bottom: 20px;
  position: relative;
}
.ft-project-overview-list-item li:before {
  top: 0;
  left: 0;
  content: "";
  font-weight: 900;
  position: absolute;
  color: #ea1e00;
  font-family: "Font Awesome 5 Pro";
}

.ft-project-overview-comment-wrapper {
  padding: 40px;
  margin-left: 60px;
  background-color: white;
  -webkit-box-shadow: 0px 0px 75px 0px rgba(0, 3, 13, 0.15);
          box-shadow: 0px 0px 75px 0px rgba(0, 3, 13, 0.15);
}
.ft-project-overview-comment-wrapper .ft-project-overview-comment-img {
  width: 110px;
  height: 110px;
  line-height: 103px;
  margin-right: 25px;
  text-align: center;
  border-radius: 100%;
  border: 2px solid #ea1e00;
}
.ft-project-overview-comment-wrapper .ft-project-overview-comment-img img {
  width: 90px;
  height: 90px;
  border-radius: 100%;
}
.ft-project-overview-comment-wrapper .ft-project-overview-comment-text {
  width: 385px;
}
.ft-project-overview-comment-wrapper .ft-project-overview-comment-text h4 {
  color: #191919;
  font-size: 20px;
  font-weight: 700;
  padding: 20px 0px 5px;
}
.ft-project-overview-comment-wrapper .ft-project-overview-comment-text span {
  color: #00044b;
}

.ft-similar-work-section {
  padding-bottom: 110px;
}
.ft-similar-work-section .ft-similar-work-content h2 {
  color: #043441;
  font-size: 26px;
  font-weight: 700;
  text-align: center;
  padding-bottom: 30px;
}
.ft-similar-work-section .ft-portfolio-slider-innerbox .ft-portfolio-text {
  max-width: 290px;
}

.ft-case-study-section {
  overflow: hidden;
}

.ft-case-study-items {
  width: 25%;
  border-right: 1px solid #8a8a8a;
}
.ft-case-study-items .ft-case-study-img {
  position: relative;
}
.ft-case-study-items .ft-case-study-img:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
  background-color: rgba(0, 0, 0, 0.65);
}
.ft-case-study-items .ft-case-study-text {
  left: 60px;
  bottom: -25px;
  max-width: 335px;
  position: absolute;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}
.ft-case-study-items .ft-case-study-text .serial-no {
  color: var(--ft-second-theme);
  font-size: 20px;
  font-weight: 500;
}
.ft-case-study-items .ft-case-study-text h3 {
  color: #fff;
  font-size: 28px;
  font-weight: 700;
  padding: 25px 0px 25px;
}
.ft-case-study-items .ft-case-study-text p {
  opacity: 0;
  color: #fff;
  line-height: 1.688;
  padding-bottom: 35px;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}
.ft-case-study-items .more-btn {
  left: 60px;
  color: #fff;
  width: 45px;
  height: 45px;
  bottom: 40px;
  position: absolute;
  border: 2px solid rgba(255, 255, 255, 0.6);
}
.ft-case-study-items .more-btn:hover {
  color: #000;
  background-color: #fff;
}
.ft-case-study-items:hover .ft-case-study-text {
  bottom: 90px;
}
.ft-case-study-items:hover .ft-case-study-text p {
  opacity: 1;
}
.ft-case-study-items:hover .ft-case-study-img:before {
  background-color: rgba(0, 67, 135, 0.85);
}
.ft-project-v5-slider-innerbox.position-relative {}

.ft-v5-portfolio-text.headline.headline.pera-content {
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 50%;
    text-align: center;
    transform: translateX(-50%);
    padding: 20px 0;
    width: 62%;
    visibility: hidden;
    opacity: 0;
    transition: .5s;
}
.slick-current .ft-v5-portfolio-text.headline.headline.pera-content {
  visibility: visible;
  opacity: 1;
}
.ft-project-v5-img {
  overflow: hidden;
  display: inline-block;
  position: relative;
}
.ft-portfolio-section-5{
  padding-bottom: 120px;
}
.slick-current .ft-project-v5-img:after {
  background-image: linear-gradient( 180deg , transparent, #ffde00);
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 55%;
  opacity: .74;
}
.ft-project-v5-img img {
  filter: grayscale(1);
}

.slick-current .ft-project-v5-img img {
  filter: grayscale(0);
}
.ft-v5-portfolio-text h3 {
    font-size: 28px;
    color: #010101;
    font-weight: 700;
}

.ft-v5-portfolio-text span {
    color: #0009c4;
    text-transform: uppercase;
    margin-bottom: 4px;
    display: block;
}
#ft-portfolio-5 ul.slick-dots li button:after {
  background: #0009c4;
  content: "";
  width: 6px;
  height: 6px;
  content: "";
  position: absolute;
  border-radius: 50%;
  top: 5px;
  left: 5px;
}
section#ft-portfolio-5 .slick-dots {
  bottom: -55px;
}
#ft-portfolio-5 ul.slick-dots li.slick-active {
  border: 1px solid #0009c4;
  border-radius: 50%;
  width: 18px;
  height: 18px;
}
.arrow a{
  background: #ffde00;
  width: 130px;
  height: 130px;
  color: #000;
  font-size: 70px;
  line-height: 130px;
  border-radius: 50%;
  margin: 0 auto;
  margin-bottom: 120px;
  display: block;
}
#ft-portfolio-5 ul.slick-dots li {
  margin: 0;
}
.arrwo-animate {
  margin: 0 auto;
  text-align: center;
  width: 100px;
  height: 100px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  filter: url(#goo);
  margin-top: 73px;
  margin-bottom: 60px !important;
}
.arrwo-animate .circle {
  background: #FFDE00;
  border-radius: 50%;
  display: inline-block;
  height: 100px;
  width: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  transform-origin: 0%;
}
.arrwo-animate .circle.circle-top {
  height: 33.3333333333px;
  width: 41.6666666667px;
  -webkit-animation: blob-1-anim 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;
          animation: blob-1-anim 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;
  z-index: 0;
  top: 0;
}
.arrwo-animate .circle.circle-bottom {
  height: 33.3333333333px;
  width: 41.6666666667px;
  -webkit-animation: blob-2-anim 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;
          animation: blob-2-anim 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;
  z-index: 9;
  bottom: 0px;
}
.arrwo-animate .st-arrow {
  fill: #000;
  -webkit-animation: scrolly 3s cubic-bezier(0.77, 0, 0.175, 1) forwards infinite;
          animation: scrolly 3s cubic-bezier(0.77, 0, 0.175, 1) forwards infinite;
  perspective: 9000px;
  transform: translateZ(0);
  transform-origin: bottom;
}

.svg {
  z-index: 9;
  position: relative;
}

@-webkit-keyframes blob-1-anim {
  0% {
    transform: translateX(-50%) translateY(0);
  }
  14% {
    transform: translateX(-50%) translateY(-8px);
  }
  24% {
    transform: translateX(-50%) translateY(0);
  }
  100% {
    transform: translateX(-50%) translateY(0);
  }
}

@keyframes blob-1-anim {
  0% {
    transform: translateX(-50%) translateY(0);
  }
  14% {
    transform: translateX(-50%) translateY(-8px);
  }
  24% {
    transform: translateX(-50%) translateY(0);
  }
  100% {
    transform: translateX(-50%) translateY(0);
  }
}
@-webkit-keyframes blob-2-anim {
  0% {
    transform: scale(1) translate(-50%, 10px);
  }
  30% {
    transform: scale(1) translate(-50%, 10px);
  }
  70% {
    transform: scale(1) translate(-50%, 10px);
  }
  95% {
    transform: scale(1) translate(-50%, 26px);
  }
  100% {
    transform: scale(1) translate(-50%, 10px);
  }
}
@keyframes blob-2-anim {
  0% {
    transform: scale(1) translate(-50%, 10px);
  }
  30% {
    transform: scale(1) translate(-50%, 10px);
  }
  70% {
    transform: scale(1) translate(-50%, 10px);
  }
  95% {
    transform: scale(1) translate(-50%, 26px);
  }
  100% {
    transform: scale(1) translate(-50%, 10px);
  }
}
@-webkit-keyframes scrolly {
  0% {
    transform: translate3d(0, -150%, 0) rotateX(90deg) scale(0.5) skewX(3deg);
  }
  30% {
    transform: translate3d(0, 0, 0) rotateX(0deg) scale(1) skewX(0deg);
  }
  70% {
    transform: translate3d(0, 0, 0) rotateX(0deg) scale(1) skewX(0deg);
  }
  95% {
    transform: translate3d(0, 50%, 0) rotateX(-90deg) scale(0.5) skewX(-3deg);
  }
  100% {
    transform: translate3d(0, 50%, 0) rotateX(-90deg) scale(0.5) skewX(-3deg);
  }
}
@keyframes scrolly {
  0% {
    transform: translate3d(0, -150%, 0) rotateX(90deg) scale(0.5) skewX(3deg);
  }
  30% {
    transform: translate3d(0, 0, 0) rotateX(0deg) scale(1) skewX(0deg);
  }
  70% {
    transform: translate3d(0, 0, 0) rotateX(0deg) scale(1) skewX(0deg);
  }
  95% {
    transform: translate3d(0, 50%, 0) rotateX(-90deg) scale(0.5) skewX(-3deg);
  }
  100% {
    transform: translate3d(0, 50%, 0) rotateX(-90deg) scale(0.5) skewX(-3deg);
  }
}
/*---------------------------------------------------- */
/*Testimonial area*/
/*----------------------------------------------------*/
.ft-testimonial-section {
  z-index: 1;
  overflow: hidden;
  padding: 105px 0px;
}
.ft-testimonial-section .ft-section-title {
  margin: 0 auto;
  max-width: 470px;
}
.ft-testimonial-section .ft-testimonial-map {
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
}

.ft-testimonial-slider-wrapper {
  padding-top: 20px;
}

.ft-testimonial-item-innerbox {
  padding: 30px 30px 0px 30px;
  background-color: #fff;
  -webkit-box-shadow: 1.045px 9.945px 60px 0px rgba(68, 68, 68, 0.15);
          box-shadow: 1.045px 9.945px 60px 0px rgba(68, 68, 68, 0.15);
}
.ft-testimonial-item-innerbox .ft-testimonial-item-img-wrapper {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  margin-bottom: 10px;
}
.ft-testimonial-item-innerbox .ft-testimonial-item-img {
  width: 70px;
  height: 70px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 100%;
  border: 2px solid #cbcbcb;
}
.ft-testimonial-item-innerbox .ft-testimonial-text-item {
  padding-bottom: 35px;
}
.ft-testimonial-item-innerbox .ft-testimonial-quote {
  right: 0px;
  width: 28px;
  bottom: 15px;
  height: 28px;
  border-radius: 100%;
  background-color: #fff;
  border: 2px solid #cbcbcb;
}
.ft-testimonial-item-innerbox .ft-testimonial-name {
  z-index: 1;
  width: 270px;
}
.ft-testimonial-item-innerbox .ft-testimonial-name h3 {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  position: relative;
  padding-left: 48px;
}
.ft-testimonial-item-innerbox .ft-testimonial-name h3:before {
  left: 0;
  top: 12px;
  width: 40px;
  content: "";
  height: 3px;
  position: absolute;
  background-color: #fff;
}
.ft-testimonial-item-innerbox .ft-testimonial-name:before {
  left: -30px;
  z-index: -1;
  content: "";
  height: 50px;
  width: 215px;
  bottom: -15px;
  position: absolute;
  background-color: #ea1e00;
}
.ft-testimonial-item-innerbox .ft-testimonial-name .ft-testimonial-shape {
  top: -14px;
  width: 0;
  height: 0;
  right: 35px;
  content: "";
  position: absolute;
  border-bottom: 50px solid #ea1e00;
  border-right: 50px solid transparent;
}
.ft-testimonial-item-innerbox .ft-testimonial-name .ft-testimonial-shape:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 16px solid #b20606;
  border-left: 20px solid transparent;
  position: absolute;
  bottom: -50px;
  right: -50px;
}

.ft-testimonial-slider-area .slick-list {
  overflow: visible;
}
.ft-testimonial-slider-area .slick-slide {
  -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  opacity: 0;
}
.ft-testimonial-slider-area .slick-slide.slick-active {
  opacity: 1;
}
.ft-testimonial-slider-area .slick-dots {
  margin-top: 50px;
}

.ft-testimonial-section-2 {
  overflow: hidden;
  padding-bottom: 115px;
}
.ft-testimonial-section-2 .ft-section-title-2 {
  margin: 0;
}
.ft-testimonial-section-2 .ft-section-title-2 h2 {
  padding-bottom: 0;
}
.ft-testimonial-section-2 .ft-title-text {
  max-width: 570px;
}

.ft-testimonial-innerbox-item-2 {
  width: 100%;
  max-width: 630px;
  margin: 0 auto;
  padding: 30px 40px;
  background-color: white;
  -webkit-box-shadow: 1.91px 10.833px 50px 0px rgba(38, 38, 38, 0.15);
          box-shadow: 1.91px 10.833px 50px 0px rgba(38, 38, 38, 0.15);
}
.ft-testimonial-innerbox-item-2 .ft-testimonial-img {
  width: 70px;
  height: 70px;
  margin: 0 auto;
  overflow: hidden;
  margin-bottom: 15px;
  border-radius: 100%;
}
.ft-testimonial-innerbox-item-2 .ft-testimonial-text .ft-testimonial-meta {
  margin-bottom: 12px;
}
.ft-testimonial-innerbox-item-2 .ft-testimonial-text .ft-testimonial-meta h3 {
  color: #003440;
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 5px;
}
.ft-testimonial-innerbox-item-2 .ft-testimonial-text .ft-testimonial-meta span {
  color: #003440;
}
.ft-testimonial-innerbox-item-2 .ft-testimonial-text .ft-testimonial-rate {
  margin-top: 20px;
}
.ft-testimonial-innerbox-item-2 .ft-testimonial-text .ft-testimonial-rate li {
  color: #ffc039;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.ft-testimonial-slider-2 {
  padding-top: 55px;
  margin: 0px -30px;
}
.ft-testimonial-slider-2 .choose_slider {
  height: 360px;
  position: relative;
}
.ft-testimonial-slider-2 .choose_slider_items .previous_item,
.ft-testimonial-slider-2 .choose_slider_items .next_item {
  top: 0;
  left: 0;
  z-index: -1;
  -webkit-transform: scale(0.9, 0.9);
          transform: scale(0.9, 0.9);
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}
.ft-testimonial-slider-2 .choose_slider_items .next_item {
  right: 0;
  left: auto;
}
.ft-testimonial-slider-2 #btn_next1,
.ft-testimonial-slider-2 #btn_prev1 {
  top: 50%;
  color: #fff;
  width: 40px;
  z-index: 2;
  height: 40px;
  line-height: 40px;
  text-align: center;
  position: absolute;
  border-radius: 100%;
  background-color: #003440;
}
.ft-testimonial-slider-2 #btn_next1 {
  z-index: 8;
  right: 180px;
}
.ft-testimonial-slider-2 #btn_prev1 {
  z-index: 8;
  left: 180px;
}
.ft-testimonial-slider-2 .choose_slider_items .current_item {
  left: 0;
  right: 0;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}
.ft-testimonial-slider-2 .choose_slider_items .current_item {
  z-index: 5;
}

.ft-testimonial-section-3 {
  top: -110px;
  z-index: 1;
  margin-bottom: -110px;
}

.ft-testimonial-section-3 {
  top: -110px;
  z-index: 1;
  margin-bottom: -110px;
}

.ft-testimonial-slider-wrapper-3 {
  background-color: #fff;
  -webkit-box-shadow: 2.952px 16.742px 29px 0px rgba(12, 12, 12, 0.07);
          box-shadow: 2.952px 16.742px 29px 0px rgba(12, 12, 12, 0.07);
}
.ft-testimonial-slider-wrapper-3 .ft-testimonial-slider-img {
  width: 388px;
}

.ft-testimonial-slider-area-3 {
  /*width: 780px; 
  padding: 35px 60px 30px 70px;*/
}

.ft-testimonial-slider-items-3 {
 /*  padding-left: 70px; */
}
.ft-testimonial-slider-items-3 p {
  color: #0b0b0b;
  font-size: 24px;
  font-weight: 500;
  max-width: 515px;
  padding-bottom: 10px;
}
.ft-testimonial-slider-items-3 .ft-testimonial-slider-author span {
  display: block;
}
.ft-testimonial-slider-items-3 .ft-testimonial-slider-author .name {
  color: var(--ft-second-theme);
  font-weight: 700;
  font-style: italic;
}
.ft-testimonial-slider-items-3 .inner-box .content:before {
  top: -5px;
  left: 5px;
  color: var(--ft-main-theme);
  font-size: 40px;
  content: "";
  font-weight: 900;
  position: absolute;
  font-family: "Font Awesome 5 Pro";
}

.ft-testimonial-slider-3 .slick-dots {
  top: 50%;
  width: auto;
  right: 25px;
  bottom: auto;
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.ft-testimonial-slider-3 .slick-dots li {
  width: 40px;
  height: 40px;
  color: #c3c3c3;
  display: block;
  font-weight: 700;
  line-height: 32px;
  border-radius: 100%;
  border: 4px solid #fff;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}
.ft-testimonial-slider-3 .slick-dots li.slick-active {
  color: #0b0b0b;
  font-size: 18px;
  border: 4px solid var(--ft-main-theme);
}

.ft-testimonial-slider-items-3 .inner-box{
  position: relative;
  padding-left: 400px;
  min-height: 230px;
}

.ft-testimonial-slider-items-3 .inner-box .content-outer{
  position: relative;
  padding: 32px 0px;
}

.ft-testimonial-slider-items-3 .inner-box .content{
  position: relative;
  padding-left: 70px;
}

.ft-testimonial-slider-items-3 .inner-box .ft-testimonial-slider-img{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 385px;
}

/*---------------------------------------------------- */
/*Contact area*/
/*----------------------------------------------------*/
.ft-contact-section {
  z-index: 1;
  overflow: hidden;
  padding: 105px 0px 140px;
}
.ft-contact-section:before {
  top: 0;
  width: 70%;
  z-index: -1;
  content: "";
  left: -22%;
  height: 100%;
  position: absolute;
  -webkit-transform: skew(-43deg);
          transform: skew(-43deg);
  background-color: #f4f4f4;
}

.ft-contact-content {
  max-width: 580px;
}

.ft-contact-form-wrapper {
  margin-top: 30px;
}
.ft-contact-form-wrapper input, .ft-contact-form-wrapper textarea {
  width: 100%;
  height: 55px;
  border-radius: 5px;
  margin-bottom: 30px;
  padding-left: 20px;
  border: 1px solid #fff;
  box-shadow:0 0 10px rgba(0,0,0,.10);
}
.ft-contact-form-wrapper textarea {
  height: 140px;
  padding-top: 15px;
}
.ft-contact-form-wrapper .ft-sb-button {
  background-color: #00044b;
}

.ft-contact-cta-items {
  padding: 30px;
  margin-bottom: 20px;
  background-color: #f4f4f4;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
  border-top: 5px solid #f4f4f4;
}
.ft-contact-cta-items .ft-contact-cta-icon {
  width: 70px;
  height: 70px;
  margin-right: 30px;
  border-radius: 8px;
  background-color: #f4d5d6;
}
.ft-contact-cta-items .ft-contact-cta-icon i {
  font-size: 45px;
  color: #ea1e00;
}
.ft-contact-cta-items .ft-contact-cta-text {
  max-width: 275px;
}
.ft-contact-cta-items .ft-contact-cta-text h3 {
  color: #002a34;
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 10px;
}
.ft-contact-cta-items:hover {
  border-top: 5px solid #ea1e00;
}

.ft-contact-page-form-wrapper {
  padding: 30px;
  background-color: #f4f4f4;
}
.ft-contact-page-form-wrapper h3 {
  color: #043641;
  font-size: 36px;
  font-weight: 700;
  padding-bottom: 30px;
}
.ft-contact-page-form-wrapper input, .ft-contact-page-form-wrapper textarea {
  width: 100%;
  height: 50px;
  border: none;
  padding-left: 20px;
  margin-bottom: 20px;
  border-radius: 5px;
  background-color: #fff;
}
.ft-contact-page-form-wrapper textarea {
  height: 210px;
  padding-top: 15px;
}
.ft-contact-page-form-wrapper button {
  color: #fff;
  width: 100%;
  height: 55px;
  border: none;
  border-radius: 6px;
  font-family: "Poppins";
  background-color: #ea1e00;
}
.ft-testimonial-section-4{
  padding: 160px 0;
}
.ft-testimonial-item-4 p {
  color: #fff;
  font-size: 30px;
  line-height: 48px;
  font-weight: 700;
}
.ft-testimonial-item-4 p {
  color: #fff;
  font-size: 30px;
  line-height: 48px;
  font-weight: 700;
}

.ft-testimonial-item-4 h4 {
  color: #ffffff;
  margin-top: 20px;
  font-weight: 700;
  font-size: 20px;
}
#ft-testimonial-4 ul.slick-dots{
  bottom: -55px;
}
#ft-testimonial-4 ul.slick-dots li button:after {
  background: #ffde00;
  content: "";
  width: 6px;
  height: 6px;
  position: absolute;
  border-radius: 50%;
  top: 5px;
  left: 5px;
}

#ft-testimonial-4 ul.slick-dots li.slick-active {
  border: 1px solid #ffde00;
  border-radius: 50px;
  width: 18px;
  height: 18px;
}
.ft-testimonial-item-4 span {
  color: #bfbfbf;
  font-style: italic;
  font-size: 15px;
}

.ft-testimonial-item-4 img {
  margin: 0 auto;
  margin-top: 30px;
}
#ft-testimonial-4 .slick-arrow {
  display: none !important;
}
/*---------------------------------------------------- */
/*Blog area*/
/*----------------------------------------------------*/
.ft-blog-section {
  padding: 105px 0px;
}
.ft-blog-section .ft-section-title {
  max-width: 420px;
}
.ft-blog-section .ft-section-title h2 {
  padding-bottom: 0;
}

.ft-blog-feed-content {
  padding-top: 40px;
}

.ft-blog-news-feed-innerbox .ft-blog-feed-img {
  overflow: hidden;
  border-radius: 5px;
  margin-bottom: 25px;
}
.ft-blog-news-feed-innerbox .ft-blog-feed-text .ft-blog-data a,
.ft-blog-news-feed-innerbox .ft-blog-feed-text .ft-blog-comment-view a {
  color: #00044b;
  font-weight: 500;
}
.ft-blog-news-feed-innerbox .ft-blog-feed-text .ft-blog-data a i,
.ft-blog-news-feed-innerbox .ft-blog-feed-text .ft-blog-comment-view a i {
  color: #ea1e00;
  margin-right: 5px;
}
.ft-blog-news-feed-innerbox .ft-blog-feed-text .ft-blog-comment-view a {
  margin-left: 25px;
}
.ft-blog-news-feed-innerbox .ft-blog-feed-text .ft-blog-meta {
  margin-bottom: 22px;
  padding-bottom: 15px;
  border-bottom: 2px dashed #d5d5d5;
}
.ft-blog-news-feed-innerbox .ft-blog-feed-text h3 {
  color: #00044b;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  padding-bottom: 15px;
}
.ft-blog-news-feed-innerbox .ft-blog-feed-text h3:hover {
  color: #ea1e00;
}

.ft-blog-feed-wrapper-2 .ft-blog-news-feed-innerbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 25px;
}
.ft-blog-feed-wrapper-2 .ft-blog-news-feed-innerbox .ft-blog-feed-img {
  width: 200px;
  height: 168px;
  margin-bottom: 0;
  overflow: hidden;
  margin-right: 30px;
  border-radius: 5px;
}
.ft-blog-feed-wrapper-2 .ft-blog-news-feed-innerbox .ft-blog-feed-text {
  width: 345px;
}
.ft-blog-feed-wrapper-2 .ft-blog-news-feed-innerbox .ft-blog-meta {
  margin-bottom: 8px;
  padding-bottom: 8px;
}
.ft-blog-feed-wrapper-2 .ft-blog-news-feed-innerbox h3 {
  padding-bottom: 5px;
}

.ft-blog-section-2 {
  z-index: 1;
  overflow: hidden;
  padding: 110px 0px;
}
.ft-blog-section-2:before {
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  content: "";
  width: 100%;
  height: 410px;
  position: absolute;
  background-color: #003440;
}
.ft-blog-section-2 .ft-section-title-2 {
  padding-bottom: 45px;
}
.ft-blog-section-2 .ft-section-title-2 h2, .ft-blog-section-2 .ft-section-title-2 .sub-title {
  color: #fff;
  padding-bottom: 0;
}

.ft-blog-innerbox-2 {
  margin: 0 auto;
  max-width: 370px;
  overflow: hidden;
  border-radius: 6px;
  background-color: #fff;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
  -webkit-box-shadow: 1.91px 10.833px 50px 0px rgba(38, 38, 38, 0.15);
          box-shadow: 1.91px 10.833px 50px 0px rgba(38, 38, 38, 0.15);
}
.ft-blog-innerbox-2 .ft-blog-meta {
  top: 10px;
  right: 10px;
  padding: 5px;
  line-height: 1;
}
.ft-blog-innerbox-2 .ft-blog-meta {
  color: #fff;
  width: 50px;
  height: 50px;
  font-weight: 700;
  border-radius: 5px;
  font-family: "Poppins";
  background-color: #ea1e00;
}
.ft-blog-innerbox-2 .ft-blog-text-2 {
  padding: 22px 20px 30px;
}
.ft-blog-innerbox-2 .ft-blog-text-2 h3 {
  color: #003440;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  padding-bottom: 5px;
}
.ft-blog-innerbox-2 .ft-blog-text-2 p {
  color: #003440;
  padding-bottom: 15px;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}
.ft-blog-innerbox-2:hover {
  background-color: #ea1e00;
  -webkit-box-shadow: 0px 21px 80px 0px rgba(236, 0, 0, 0.3);
          box-shadow: 0px 21px 80px 0px rgba(236, 0, 0, 0.3);
}
.ft-blog-innerbox-2:hover .ft-blog-text-2 h3 {
  color: #fff;
}
.ft-blog-innerbox-2:hover .ft-blog-text-2 p {
  color: #fff;
}
.ft-blog-innerbox-2:hover .ft-blog-text-2 .ft-btn-2 a:before {
  border: 2px solid #fff;
}
.ft-blog-innerbox-2:hover .ft-blog-text-2 .ft-btn-2 a i {
  color: #fff;
}
.ft-blog-innerbox-2:hover .ft-blog-text-2 .ft-btn-2 a:hover i {
  color: #002a34;
}

.ft-blog-content-2 {
  margin: -150px;
  padding: 150px;
  overflow: hidden;
  position: relative;
}
.ft-blog-content-2 .carousel_nav .blg-left_arrow,
.ft-blog-content-2 .carousel_nav .blg-right_arrow {
  top: 40%;
  width: 40px;
  color: #fff;
  height: 40px;
  border: none;
  position: absolute;
  border-radius: 100%;
  background-color: #003440;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 300ms all ease;
  transition: 300ms all ease;
}
.ft-blog-content-2 .carousel_nav .blg-left_arrow:hover,
.ft-blog-content-2 .carousel_nav .blg-right_arrow:hover {
  background-color: #ea1e00;
}
.ft-blog-content-2 .carousel_nav .blg-left_arrow {
  left: 130px;
}
.ft-blog-content-2 .carousel_nav .blg-right_arrow {
  right: 130px;
}

.ft-blog-slider-2 {
  margin: 0px -15px;
}
.ft-blog-slider-2 .slick-list {
  overflow: visible;
}
.ft-blog-slider-2 .slick-slide {
  -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  opacity: 0;
}
.ft-blog-slider-2 .slick-slide.slick-active {
  opacity: 1;
}

.ft-blog-post-feed-innerbox {
  max-width: 870px;
  margin-bottom: 40px;
  background-color: #f4f4f4;
}
.ft-blog-post-feed-innerbox .ft-blog-post-feed-text-wrapper {
  padding: 30px;
}
.ft-blog-post-feed-innerbox .ft-blog-post-feed-text-wrapper .blog-meta {
  margin-bottom: 25px;
  position:relative;
    padding-bottom: 25px;
    border-bottom: 1px solid #e4ebf2;
}
.ft-blog-post-feed-innerbox .ft-blog-post-feed-text-wrapper .blog-meta a {
  color: #002a34;
  margin-right: 30px;
  position: relative;
}
.ft-blog-post-feed-innerbox .ft-blog-post-feed-text-wrapper .blog-meta a i {
  margin-right: 5px;
}
.ft-blog-post-feed-innerbox .ft-blog-post-feed-text-wrapper .blog-meta a:after,
.blog-details-img-text-wrapper .ftd-blog-meta-2 a:after  {
  top: 0;
  width: 1px;
  content: "";
  height: 20px;
  right: -15px;
  position: absolute;
  background-color: #e4ebf2;
}
.ft-blog-post-feed-innerbox .ft-blog-post-feed-text-wrapper .blog-meta a:last-child:after,
.blog-details-img-text-wrapper .ftd-blog-meta-2 a:last-child:after {
  display: none;
}
.ft-blog-post-feed-innerbox .ft-blog-post-feed-text-wrapper .ft-blog-feed-title-text {
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid #e9e9e9;
}
.ft-blog-post-feed-innerbox .ft-blog-post-feed-text-wrapper .ft-blog-feed-title-text h3 {
  color: #002a34;
  font-size: 24px;
  font-weight: 700;
  padding-bottom: 18px;
}
.ft-blog-post-feed-innerbox .ft-blog-post-feed-text-wrapper .ft-btn-2 a span {
  color: #fff;
}
.ft-blog-post-feed-innerbox .ft-blog-post-feed-text-wrapper .ft-btn-2 a:hover {
  color: #fff;
}
.ft-blog-post-feed-innerbox .ft-blog-post-feed-text-wrapper .ft-btn-2 a:hover:before {
  background-color: #ea1e00;
  border: 2px solid #ea1e00;
}

.ft-side-bar-widget {
  margin-bottom: 50px;
  box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%);
  position: relative;
  padding: 30px 30px 30px;
  border-top: 5px solid #ea1e00;
}
.ft-side-bar-widget.search-widget-area {
  padding: 0;
}
.ft-side-bar-widget .widget-title {
  color: #002a34;
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 45px;
}
.ft-side-bar-widget .widget-title:after {
  left: 0;
  top: 35px;
  height: 3px;
  content: "";
  width: 40px;
  position: absolute;
  background-color: #ea1e00;
}
.ft-side-bar-widget .search-widget input {
  width: 100%;
  height: 55px;
  border: none;
  padding-left: 20px;
  background-color: #f4f4f4;
}
.ft-side-bar-widget .search-widget button {
  top: 15px;
  padding: 0;
  right: 15px;
  border: none;
  position: absolute;
  background-color: transparent;
}
.ft-side-bar-widget .category-widget li {
  margin-bottom: 15px;
}
.ft-side-bar-widget .category-widget li:last-child {
  margin-bottom: 0;
}
.ft-side-bar-widget .category-widget li a {
  color: #002a34;
  font-weight: 500;
  padding-left: 15px;
  position: relative;
}
.ft-side-bar-widget .category-widget li a:before {
  left: 0;
  top: -1px;
  font-size: 14px;
  content: "";
  font-weight: 900;
  position: absolute;
  font-family: "Font Awesome 5 Pro";
}
.ft-side-bar-widget .category-widget li a span {
  color: #fff;
  width: 28px;
  float: right;
  height: 28px;
  line-height: 28px;
  text-align: center;
  background-color: #002a34;
  -webkit-transition: 400ms all ease;
  transition: 400ms all ease;
}
.ft-side-bar-widget .category-widget li:hover a {
  margin-left: 15px;
  color: #ea1e00;
}
.ft-side-bar-widget .category-widget li:hover span {
  background-color: #ea1e00;
}
.ft-side-bar-widget .recent-news-widget .recent-blog-img-text {
  margin-bottom: 60px;
}
.ft-side-bar-widget .recent-news-widget .recent-blog-img-text .recent-blog-img {
  width: 58px;
  height: 68px;
  overflow: hidden;
  margin-right: 10px;
}
.ft-side-bar-widget .recent-news-widget .recent-blog-img-text .recent-blog-text h3 {
  font-size: 15px;
  color: #002a34;
  font-weight: 500;
  padding-bottom: 10px;
}
.ft-side-bar-widget .recent-news-widget .recent-blog-img-text .recent-blog-text span {
  font-size: 15px;
}
.ft-side-bar-widget .recent-news-widget .recent-blog-img-text .recent-blog-text span i {
  color: #002a34;
  margin-right: 5px;
}
.ft-side-bar-widget .recent-news-widget .recent-blog-img-text:last-child {
  margin-bottom: 0;
}
.ft-side-bar-widget .gallery-widget {
  margin: 0px -5px;
}
.ft-side-bar-widget .gallery-widget li {
  width: 75px;
  height: 65px;
  padding: 5px;
  overflow: hidden;
  border-radius: 5px;
  display: inline-block;
}
.ft-side-bar-widget .tag-widget li {
  display: inline-block;
}
.ft-side-bar-widget .tag-widget li a {
  color: #fff;
  font-size: 14px;
  padding: 5px 15px;
  margin-bottom: 5px;
  display: inline-block;
  background-color: #003440;
}
.ft-side-bar-widget .tag-widget li a:hover {
  background-color: #ea1e00;
}

.blog-details-img-text-wrapper .ft-blog-details-section {
  padding: 100px 0px;
}
.blog-details-img-text-wrapper .ft-blog-details-item {
  padding: 30px 30px;
  background-color: #f4f4f4;
}
.blog-details-img-text-wrapper .ftd-blog-meta-2 {
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e4ebf2;
}
.blog-details-img-text-wrapper .ftd-blog-meta-2:after,
.ft-blog-post-feed-innerbox .ft-blog-post-feed-text-wrapper .blog-meta:after {
  bottom: 0;
  left: 0;
  height: 3px;
  width: 40px;
  content: "";
  position: absolute;
  background-color: #ea1e00;
}
.blog-details-img-text-wrapper .ftd-blog-meta-2 a {
  color: #707070;
  margin-right: 25px;
  position: relative;
}
.blog-details-img-text-wrapper .ftd-blog-meta-2 a i {
  font-size: 18px;
  margin-right: 5px;
  color: #ea1e00;
}
.blog-details-img-text-wrapper .blog-details-text article {
  margin-bottom: 25px;
}
.blog-details-img-text-wrapper .blog-details-text h3 {
  color: #000000;
  font-size: 26px;
  font-weight: 700;
  padding-bottom: 20px;
}
.blog-details-img-text-wrapper .blog-details-text .bd-video-play {
  left: 0;
  right: 0;
  top: 50%;
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.blog-details-img-text-wrapper .blog-details-text .bd-video-play a {
  width: 85px;
  height: 85px;
  color: #ea1e00;
  line-height: 85px;
  border-radius: 100%;
  display: inline-block;
  background-color: #fff;
}
.blog-details-img-text-wrapper .blog-details-text blockquote {
  color: #191919;
  padding: 30px;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 30px;
  font-family: "Poppins";
  background-color: #fff;
  border-left: 5px solid #ea1e00;
}
.blog-details-img-text-wrapper .blog-details-text blockquote span {
  display: block;
  font-size: 15px;
  margin-top: 10px;
  font-weight: 700;
  font-style: italic;
  color: #ea1e00;
}
.blog-details-img-text-wrapper .ft-blog-tag-share {
  margin: 40px 0px 0;
}
.blog-details-img-text-wrapper .ft-blog-tag-share .ft-blog-tag span {
  color: #222222;
  font-size: 15px;
  font-weight: 700;
  margin-right: 10px;
}
.blog-details-img-text-wrapper .ft-blog-tag-share .ft-blog-tag a {
  color: #222222;
  font-size: 15px;
  font-weight: 500;
  margin-right: 10px;
  border-radius:6px;
  padding: 10px 15px;
  border:1px solid #222222;
  display: inline-block;
  background-color: #ffff;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.blog-details-img-text-wrapper .ft-blog-tag-share .ft-blog-tag a:hover {
  color: #fff;
  background-color: #ea1e00;
  border-color: #ea1e00;
}
.blog-details-img-text-wrapper .ft-blog-tag-share .ft-blog-share a {
  padding:0 10px;
  height: 42px;
  color: #fff;
  text-align: center;
  margin-left: 5px;
  line-height: 42px;
  overflow: hidden;
  border-radius: 6px;
  display: inline-block;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}
.blog-details-img-text-wrapper .ft-blog-tag-share .ft-blog-share a span {
  font-size: 14px;
}

.blog-details-img-text-wrapper .ft-blog-tag-share .ft-blog-share a i {
  margin-right: 5px;
}
.blog-details-img-text-wrapper .ft-blog-tag-share .ft-blog-share .fb-social {
  background-color: #3b5998;
}
.blog-details-img-text-wrapper .ft-blog-tag-share .ft-blog-share .tw-social {
  background-color: #55acee;
}
.blog-details-img-text-wrapper .ft-blog-tag-share .ft-blog-share .ln-social {
  background-color: #dd4b39;
}
.blog-details-img-text-wrapper .ft-blog-tag-share .ft-blog-share .in-social {
  background-color: #cd339a;
}
.blog-details-img-text-wrapper .ft-blog-next-prev {
  border: 1px solid #e0e0e0;
  border-left: none;
  border-right: none;
  padding: 10px 0px 30px;
  margin-bottom: 50px;
}
.blog-details-img-text-wrapper .ft-blog-next-prev .ft-blog-next-prev-btn .np-text {
  color: #191919;
  font-size: 15px;
  line-height: 50px;
  font-weight: 700;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  position: relative;
}
.blog-details-img-text-wrapper .ft-blog-next-prev .ft-blog-next-prev-btn .np-text:after {
  left: 0;
  content: "";
  width: 0%;
  height: 1px;
  bottom: -2px;
  position: absolute;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
  background-color: #ea1e00;
}
.blog-details-img-text-wrapper .ft-blog-next-prev .ft-blog-next-prev-btn .np-text:hover {
  color: #ea1e00;
}
.blog-details-img-text-wrapper .ft-blog-next-prev .ft-blog-next-prev-btn .np-text:hover:after {
  width: 100%;
}
.blog-details-img-text-wrapper .ft-blog-next-prev .ft-blog-next-prev-btn .ft-blog-np-img {
  width: 60px;
  height: 52px;
  overflow: hidden;
  border-radius: 10px;
  margin-right: 20px;
  position: relative;
}
.blog-details-img-text-wrapper .ft-blog-next-prev .ft-blog-next-prev-btn .ft-blog-np-img:before {
  top: 0;
  left: 0;
  width: 100%;
  content: "";
  opacity: 0;
  height: 100%;
  position: absolute;
  background-color: #ea1e00;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}
.blog-details-img-text-wrapper .ft-blog-next-prev .ft-blog-next-prev-btn .ft-blog-np-text h3 {
  color: #000000;
  font-size: 16px;
  line-height: 1.5;
  max-width: 300px;
}
.blog-details-img-text-wrapper .ft-blog-next-prev .ft-blog-next-prev-btn .ft-blog-np-text h3 a:hover {
  text-decoration: underline;
}
.blog-details-img-text-wrapper .ft-blog-next-prev .ft-blog-next-prev-btn.np-text-item .ft-blog-np-img {
  margin-right: 0;
  margin-left: 20px;
}
.blog-details-img-text-wrapper .ft-blog-next-prev .ft-blog-next-prev-btn .ft-blog-next-prev-img-text:hover .ft-blog-np-img:before {
  opacity: 0.7;
}
.blog-details-img-text-wrapper .blog-details-img-video {
  margin-bottom: 30px;
}
.blog-details-img-text-wrapper .blog-details-img-video .blog-details-img {
  overflow: hidden;
  max-width: 390px;
  border-radius: 7px;
}

.ft-blog-comment h3 {
  color: #191919;
  font-size: 24px;
  display: inline-block;
  font-weight: 700;
  position: relative;
}
.ft-blog-comment h3:after {
  left: 0;
  height: 3px;
  bottom: -8px;
  width: 40px;
  content: "";
  position: absolute;
  background-color: #ea1e00;
}

.ft-blog-comment-block-wrapper {
  padding-top: 35px;
}

.ft-blog-comment-block {
  margin-bottom: 40px;
}
.ft-blog-comment-block .ft-blog-comment-img {
  width: 90px;
  height: 90px;
  overflow: hidden;
  margin-right: 20px;
  border-radius: 100%;
}
.ft-blog-comment-block .ft-blog-comment-text {
  display: table;
  padding: 20px 25px;
  background-color: #f4f4f4;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.ft-blog-comment-block .ft-blog-comment-text h4 {
  color: #000;
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 5px;
}
.ft-blog-comment-block .ft-blog-comment-text .ftd-reply-btn {
  top: 20px;
  right: 20px;
  height: 35px;
  width: 85px;
  color: #fff;
  font-size: 14px;
  line-height: 35px;
  position: absolute;
  border-radius: 6px;
  background-color: #000;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.ft-blog-comment-block .ft-blog-comment-text .ftd-reply-btn i {
  font-size: 13px;
}
.ft-blog-comment-block .ft-blog-comment-text .ftd-reply-btn:hover {
  color: #fff;
  background-color: #ea1e00;
}
.ft-blog-comment-block .ft-blog-comment-text span {
  font-size: 13px;
  font-weight: 700;
  color: #ea1e00;
  text-transform: uppercase;
}
.ft-blog-comment-block .ft-blog-comment-text p {
  font-size: 15px;
  padding-top: 10px;
}

.ft-blog-comment-block .ft-blog-comment-text:hover span {
  text-decoration: underline;
}

.ftd-blog-comment-form {
  margin-top: 40px;
  padding: 35px 30px;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 35px 0px rgba(12, 12, 12, 0.05);
          box-shadow: 0px 0px 35px 0px rgba(12, 12, 12, 0.05);
}
.ftd-blog-comment-form .ftd-comment-form-input label {
  color: #000;
  font-size: 14px;
  margin-bottom: 10px;
}
.ftd-blog-comment-form .ftd-comment-form-input input,
.ftd-blog-comment-form .ftd-comment-form-input textarea {
  height: 50px;
  width: 33.33%;
  margin: 0px 5px;
  padding-left: 20px;
  border: 1px solid #e3e7f2;
}
.ftd-blog-comment-form .ftd-comment-form-input span {
  display: block;
  margin-top: 15px;
}
.ftd-blog-comment-form .ftd-comment-form-input span input {
  height: inherit;
  width: inherit;
}
.ftd-blog-comment-form .ftd-comment-form-input textarea {
  width: 100%;
  height: 150px;
  padding-top: 15px;
}
.ftd-blog-comment-form .ftd-comment-form-input button {
  color: #fff;
  width: 150px;
  height: 50px;
  line-height:50px;
  border: none;
  font-size: 14px;
  margin-top: 15px;
  font-weight: 700;
  border-radius: 6px;
  text-transform: uppercase;
  background-color: #ea1e00;
}

.ft-blog-section-3 {
  padding: 115px 0px;
}
.ft-blog-section-3 .ft-section-title-3 {
  margin: 0 auto;
  max-width: 710px;
}

.ft-blog-content-3 {
  padding-top: 55px;
}

.ft-blog-innerbox-3 {
  max-width: 370px;
}
.ft-blog-innerbox-3 .ft-blog-text {
  left: 0;
  right: 0;
  top: -65px;
  width: 85%;
  margin: 0 auto;
  background-color: #fff;
  padding: 30px 25px 50px;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
  -webkit-box-shadow: 0px 0px 29px 0px rgba(12, 12, 12, 0.07);
          box-shadow: 0px 0px 29px 0px rgba(12, 12, 12, 0.07);
}
.ft-blog-innerbox-3 .ft-blog-text:before {
  top: -17px;
  left: 0;
  content: "";
  position: absolute;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
  border-bottom: 17px solid #fff;
  border-left: 307px solid rgba(255, 255, 255, 0);
}
.ft-blog-innerbox-3 .ft-blog-text .ft-blog-meta {
  margin-bottom: 10px;
}
.ft-blog-innerbox-3 .ft-blog-text .ft-blog-meta a {
  color: #888888;
}
.ft-blog-innerbox-3 .ft-blog-text .ft-blog-meta a i {
  margin-right: 5px;
}
.ft-blog-innerbox-3 .ft-blog-text h3 {
  color: #000000;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  padding-bottom: 12px;
}
.ft-blog-4-img:hover img {
  transform: scale(1.5);
}

.ft-blog-4-img img {
  transition: .5s;
}
.ft-blog-innerbox-3 .ft-blog-text .more-btn {
  left: 0;
  right: 0;
  bottom: -25px;
  color: #fff;
  width: 150px;
  height: 50px;
  margin: 0 auto;
  font-size: 14px;
  font-weight: 700;
  background-color: var(--ft-second-theme);
}
.ft-blog-innerbox-3 .ft-blog-text .more-btn:hover {
  background-color: var(--ft-main-theme);
}
.ft-blog-innerbox-3:hover .ft-blog-text {
  background-color: #07082d;
}
.ft-blog-innerbox-3:hover .ft-blog-text:before {
  border-bottom: 17px solid #07082d;
  border-left: 307px solid rgba(255, 255, 255, 0);
}
.ft-blog-innerbox-3:hover .ft-blog-text h3 {
  color: #fff;
}
.ft-blog-innerbox-3:hover .ft-blog-text .ft-blog-meta a {
  color: #fff;
}

.blog-slider-3 .slick-dots {
  position: static;
}
.blog-slider-3 .slick-dots li {
  width: 40px;
  height: 40px;
  color: #c3c3c3;
  font-weight: 700;
  line-height: 32px;
  border-radius: 100%;
  display: inline-block;
  border: 4px solid #fff;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}
.blog-slider-3 .slick-dots li.slick-active {
  color: #0b0b0b;
  font-size: 18px;
  border: 4px solid var(--ft-main-theme);
}

.ft-side-bar-add {
  overflow: hidden;
  padding: 40px 30px;
  border-radius: 5px;
}
.ft-side-bar-add h3 {
  color: #fff;
  font-size: 24px;
  line-height: 1.3;
  font-weight: 700;
  padding: 30px 0px 45px;
}
.ft-side-bar-add a {
  color: #000;
  width: 130px;
  height: 45px;
  margin: 0 auto;
  font-weight: 600;
  border-radius: 5px;
  background-color: #fff;
}
.ft-4-item-innerbox {
  padding: 0 15px;
}
.ft-blog-4-img {
  position: relative;
  overflow: hidden;
}

.post-4-date {
  position: absolute;
  background: #020ab2;
  top: 20px;
  right: 20px;
  color: #fff;
  padding: 10px 15px;
  font-size: 15px;
  font-weight: 700;
}
.ft-blog-4-img {
  position: relative;
}

.post-4-date {
  position: absolute;
  background: #020ab2;
  top: 20px;
  right: 20px;
  color: #fff;
  padding: 10px 15px;
  font-size: 15px;
  font-weight: 700;
}

.ft-blog-4-text h3 {
  color: #010101;
  font-weight: 700;
  font-size: 24px;
  margin-bottom: 20px;
}

.ft-blog-4-text.headline.pera-content.position-relative {
  margin-top: 25px;
}

.ft-blog-section-4 {
  padding-top: 120px;
  padding-bottom: 120px;
}
.ft-blog-4-text a.morev4-btn {
    background: #ffde00;
    width: 60px;
    display: inline-block;
    margin-top: 30px;
    color: #000000;
    font-weight: 700;
    font-size: 15px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    border-radius: 50%;
    padding: 0 20px;
    position: relative;
    transition: .5s;
    overflow: hidden;
}
.ft-blog-4-text a.morev4-btn:hover {
  width: 140px;
    border-radius: 30px;
    text-align: right;
}
a.morev4-btn span {
  visibility: hidden;
  position: absolute;
  left: 20px;
  top: 1px;
  opacity: 0;
  transition: .6s;
}
.ft-blog-section-4 .ft-section-title-4 {
  margin-bottom: 50px;
}
a.morev4-btn:hover span {
  visibility: visible;
  opacity: 1;
}
.quote4-img {
  position: relative;
}

.quote4-img:after {
  bottom: 0;
  background-image: linear-gradient( 
    180deg , transparent, #000795);
  position: absolute;
  content: "";
  width: 100%;
  height: 47%;
  left: 0;
}
.get-quote-item-4 {
  position: relative;
}

.quote4-content {
  position: absolute;
  bottom: -15px;
  text-align: center;
  left: 0;
  width: 100%;
  padding: 0 60px;
  transition: ease-in .4s;
}

.quote4-content h4 {
  color: #fff;
  font-size: 30px;
  margin-bottom: 10px;
}

.quote4-content p {
  color: #fff;
  font-size: 16px;
}
.quote4-content a {
  background: #ffde00;
  color: #000;
  padding: 14px 30px;
  display: inline-block;
  border-radius: 30px;
  font-weight: 700;
  visibility: hidden;
  opacity: 0;
}

.get-quote-item-4:hover .quote4-content {
  bottom: 70px;
}

.get-quote-item-4:hover .quote4-content a {
  visibility: visible;
  opacity: 1;
}

.get-quote-item-4 {
  overflow: hidden;
}
.get-quote-item-4:after {
  left: 10px;
  border-right: 8px solid #ffde00;
  border-left: 8px solid #ffde00;
  content: "";
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 10px;
  transition: 0.7s;
  transform: scaleY(0);
  opacity: 0;
}

.get-quote-item-4:before {
  left: 10px;
  right: 10px;
  top: 10px;
  bottom: 10px;
  border-top: 8px solid #ffde00;
  border-bottom: 8px solid #ffde00;
  content: "";
  position: absolute;
  z-index: 11;
  transition: 0.7s;
  transform: scaleX(0);
  opacity: 0;
}

.get-quote-item-4:hover:before {
  opacity: 1;
  transform: scaleX(1);
}

.get-quote-item-4:hover:after {
  opacity: 1;
  transform: scaleY(1);
}
/*---------------------------------------------------- */
/*Featured area*/
/*----------------------------------------------------*/
.ft-featured-section {
  padding: 105px 0px;
}

.ft-featured-content {
  padding-top: 45px;
}

.ft-featured-innerbox {
  z-index: 1;
  padding: 30px;
  overflow: hidden;
  border-radius: 6px;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
  border-top: 3px solid #ea1e00;
  background-color: white;
  -webkit-box-shadow: 1.91px 10.833px 50px 0px rgba(68, 68, 68, 0.15);
          box-shadow: 1.91px 10.833px 50px 0px rgba(68, 68, 68, 0.15);
}
.ft-featured-innerbox .ft-featured-icon {
  margin-bottom: 18px;
}
.ft-featured-innerbox .ft-featured-icon i {
  color: #003440;
  font-size: 60px;
  line-height: 0.75;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}
.ft-featured-innerbox .ft-featured-text h3 {
  color: #003440;
  font-size: 24px;
  font-weight: 700;
  padding-bottom: 18px;
}
.ft-featured-innerbox .ft-featured-text p {
  padding-bottom: 20px;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}
.ft-featured-innerbox:before {
  top: 0;
  left: 0;
  z-index: -1;
  content: "";
  width: 100%;
  height: 0%;
  position: absolute;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
  background-color: #ea1e00;
}
.ft-featured-innerbox:hover {
  -webkit-box-shadow: 0px 21px 80px 0px rgba(236, 0, 0, 0.3);
          box-shadow: 0px 21px 80px 0px rgba(236, 0, 0, 0.3);
}
.ft-featured-innerbox:hover:before {
  height: 100%;
}
.ft-featured-innerbox:hover .ft-featured-icon i {
  color: #fff;
}
.ft-featured-innerbox:hover .ft-featured-text h3 {
  color: #fff;
}
.ft-featured-innerbox:hover .ft-featured-text p {
  color: #fff;
}
.ft-featured-innerbox:hover .ft-btn-2 a:before {
  border: 2px solid #fff;
}
.ft-featured-innerbox:hover .ft-btn-2 a i {
  color: #fff;
}
.ft-featured-innerbox:hover .ft-btn-2 a:hover i {
  color: #002a34;
}

.ft-goodness-feature-section {
  padding-bottom: 80px;
}

.ft-goodness-featured-content {
  padding-top: 45px;
}

.ft-goodness-featured-innerbox {
  padding: 30px 15px;
  margin-bottom: 30px;
  -webkit-box-shadow: 0.698px 9.976px 50px 0px rgba(72, 72, 72, 0.15);
          box-shadow: 0.698px 9.976px 50px 0px rgba(72, 72, 72, 0.15);
}
.ft-goodness-featured-innerbox .ft-goodness-featured-icon {
  width: 70px;
  height: 70px;
  margin: 0 auto;
  margin-bottom: 25px;
  border-radius: 100%;
  background-color: #fef2f2;
}
.ft-goodness-featured-innerbox .ft-goodness-featured-icon i {
  font-size: 40px;
  color: #ea1e00;
}
.ft-goodness-featured-innerbox .ft-goodness-featured-text h3 {
  color: #002a34;
  font-size: 24px;
  font-weight: 700;
  padding-bottom: 15px;
}

/*---------------------------------------------------- */
/*Product Mesurment area*/
/*----------------------------------------------------*/
.ft-product-mesurment-section {
  z-index: 1;
  position: relative;
}
.ft-product-mesurment-section:before {
  left: 0;
  bottom: 0;
  z-index: -1;
  content: "";
  width: 100%;
  height: 115px;
  position: absolute;
  background-color: #002531;
}

.ft-product-mesurment-content {
  overflow: hidden;
  border-radius: 8px;
  padding: 60px 30px;
  background-color: #fff;
  border-top: 5px solid #fde8e8;
  -webkit-box-shadow: 3.486px 39.848px 60px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 3.486px 39.848px 60px 0px rgba(0, 0, 0, 0.15);
}
.ft-product-mesurment-content .ft-pm-bg-img {
  bottom: 0;
  right: 0;
}

.ft-product-mesurment-tab-btn {
  margin-bottom: 35px;
}
.ft-product-mesurment-tab-btn .nav {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.ft-product-mesurment-tab-btn .nav-tabs .nav-item.show .nav-link,
.ft-product-mesurment-tab-btn .nav-tabs .nav-link.active,
.ft-product-mesurment-tab-btn .nav-tabs .nav-link {
  padding: 0;
  border: none;
  font-weight: 600;
}
.ft-product-mesurment-tab-btn .nav-tabs {
  border-bottom: none;
}
.ft-product-mesurment-tab-btn .nav-link {
  width: 170px;
  height: 45px;
  color: #032d57;
  font-size: 15px;
  font-weight: 600;
  border-radius: 30px;
  font-family: "Poppins";
  -webkit-transition: 300ms all ease;
  transition: 300ms all ease;
}
.ft-product-mesurment-tab-btn .nav-link.active {
  color: #fff;
  background-color: #ea1e00;
  -webkit-box-shadow: 0px 21px 80px 0px rgba(236, 0, 0, 0.1);
          box-shadow: 0px 21px 80px 0px rgba(236, 0, 0, 0.1);
}

.ft-product-mesurment-form-input .ft-pm-title {
  color: #002a34;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px;
  font-family: "Poppins";
}
.ft-product-mesurment-form-input .ft-product-mesurment-form-input-area {
  margin-bottom: 15px;
}
.ft-product-mesurment-form-input .ft-product-mesurment-form-input-area input, .ft-product-mesurment-form-input .ft-product-mesurment-form-input-area select {
  width: 100%;
  height: 50px;
  padding-left: 20px;
  margin-bottom: 20px;
  border-radius: 30px;
  border: 1px solid #d5d5d5;
}
.ft-product-mesurment-form-input .ft-product-mesurment-form-input-area select {
  -webkit-appearance: none;
}
.ft-product-mesurment-form-input .ft-product-mesurment-form-input-area .ft-select-option {
  z-index: 1;
}
.ft-product-mesurment-form-input .ft-product-mesurment-form-input-area .ft-select-option:after {
  top: 14px;
  right: 20px;
  content: "";
  font-weight: 900;
  position: absolute;
  font-family: "Font Awesome 5 Pro";
}
.ft-product-mesurment-form-input button {
  color: #fff;
  width: 100%;
  height: 55px;
  margin-top: 40px;
  font-weight: 600;
  border-radius: 30px;
  font-family: "Poppins";
  background-color: #002a34;
  -webkit-transition: 500ms all ease;
    transition: 500ms all ease;
    border: none;
}
.ft-product-mesurment-form-input button:hover {
  background: #ea1e00;
}
.ft-product-mesurment-checkbox label {
  cursor: pointer;
  position: relative;
  margin-right: 25px;
}
.ft-product-mesurment-checkbox label .slug {
  color: #002a34;
  margin-left: 30px;
}
.ft-product-mesurment-checkbox .checkmark-circle:before {
  content: "";
  position: absolute;
  height: 20px;
  width: 20px;
  border-radius: 100%;
  left: 0px;
  top: 1px;
  border: 2px solid #002a34;
}
.ft-product-mesurment-checkbox .checkmark-circle:after {
  left: 5px;
  top: 6px;
  width: 10px;
  content: "";
  height: 10px;
  display: none;
  position: absolute;
  border-radius: 100%;
  background-color: #ea1e00;
}
.ft-product-mesurment-checkbox .condition {
  display: none;
}
.ft-product-mesurment-checkbox .condition:checked ~ .checkmark-circle:after {
  display: block;
}
.ft-product-mesurment-checkbox .condition:checked ~ .checkmark-circle:before {
  border: 2px solid #ea1e00;
}

/*---------------------------------------------------- */
/*Experience area*/
/*----------------------------------------------------*/
.ft-experience-section {
  padding: 55px 0px 95px;
}

.counter-boxed {
  padding: 22px 10px 20px;
  background-color: white;
  -webkit-box-shadow: 1.91px 10.833px 50px 0px rgba(38, 38, 38, 0.15);
          box-shadow: 1.91px 10.833px 50px 0px rgba(38, 38, 38, 0.15);
}

.counter-boxed .graph-outer {
  margin: 0 auto;
  text-align: center;
  position: relative;
  border-radius: 100%;
  display: inline-block;
  background-color: #ffffff;
}

.counter-boxed h3 {
  color: #002a34;
  font-size: 18px;
  font-weight: 700;
  padding-top: 8px;
}

.counter-boxed .count-box {
  position: absolute;
  left: 0;
  top: 48%;
  width: 100%;
  font-size: 16px;
  color: #19274d;
  font-weight: 700;
  text-align: center;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.counter-boxed .count-box .count-text {
  color: #002a34;
  font-size: 21px;
  font-weight: 700;
  position: relative;
  font-family: "Poppins";
}

.counter-text-item {
  margin-top: 15px;
}
.counter-text-item h2 {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.333;
}
.counter-text-item .counter-author .counter-author-img {
  width: 80px;
  height: 80px;
  overflow: hidden;
  margin-right: 30px;
}
.counter-text-item .counter-author .counter-author-text {
  margin-top: 35px;
}
.counter-text-item .counter-author .counter-author-text h3 {
  font-size: 24px;
  font-weight: 600;
  padding-bottom: 5px;
}
.counter-text-item .counter-author .counter-author-text span {
  font-size: 16px;
  font-weight: 600;
  color: #ea1e00;
  font-family: "Poppins";
}

/*---------------------------------------------------- */
/*FAQ area*/
/*----------------------------------------------------*/
.ft-faq-why-choose-us-section {
  padding-bottom: 90px;
}
.ft-faq-why-choose-us-section .ft-section-title-2 {
  padding-bottom: 40px;
}
.ft-faq-why-choose-us-section .ft-section-title-2 h2 {
  padding-bottom: 0;
}

.ft-faq-content .accordion-button:not(.collapsed),
.ft-faq-content .accordion-item:first-of-type .accordion-button {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ft-faq-content .accordion-item:first-of-type {
  border-radius: 0;
}
.ft-faq-content .accordion-item {
  margin-bottom: 25px;
}
.ft-faq-content .accordion-item .accordion-button {
  color: #003440;
  font-size: 16px;
  font-weight: 600;
  padding: 18px 20px 17px;
}
.ft-faq-content .accordion-item .accordion-button:hover, .ft-faq-content .accordion-item .accordion-button:focus {
  outline: none;
}
.ft-faq-content .accordion-item .accordion-button:not(.collapsed) {
  color: #ea1e00;
  background-color: transparent;
}
.ft-faq-content .accordion-item:first-of-type .accordion-button {
  border-radius: 0;
}
.ft-faq-content .accordion-button::after {
  right: 15px;
  color: #003440;
  content: "";
  font-weight: 900;
  font-size: 20px;
  position: absolute;
  background-image: none;
  font-family: "Font Awesome 5 Pro";
}
.ft-faq-content .accordion-button:not(.collapsed)::after {
  content: "";
  color: #ea1e00;
}
.ft-faq-content .accordion-body {
  padding-top: 5px;
}
.ft-faq-content .accordion-button:focus {
  border: none;
}

.ft-why-choose-content-2 {
  padding-left: 5px;
}

.ft-why-choose-feature-list-item-2 {
  padding: 25px 20px;
  border-radius: 5px;
  margin-bottom: 30px;
  background-color: white;
  -webkit-box-shadow: 1.91px 10.833px 50px 0px rgba(38, 38, 38, 0.15);
          box-shadow: 1.91px 10.833px 50px 0px rgba(38, 38, 38, 0.15);
}
.ft-why-choose-feature-list-item-2 .ft-why-choose-feature-icon i {
  font-size: 35px;
  color: #ea1e00;
}
.ft-why-choose-feature-list-item-2 .ft-why-choose-feature-text h3 {
  color: #003440;
  font-size: 18px;
  font-weight: 700;
  padding-bottom: 10px;
}

.ft-faq-page-top-content {
  margin-bottom: 50px;
}
.ft-faq-page-top-content .ft-section-title-2 {
  margin: 0;
  max-width: 435px;
}
.ft-faq-page-top-content .ft-section-title-2 h2 {
  padding: 0;
}

.ft-faq-contact-form-wrapper {
  margin-top: 50px;
}

.ft-faq-contact-form-area {
  padding: 30px;
  border-radius: 10px;
  -webkit-box-shadow: 1.736px 9.848px 60px 0px rgba(0, 52, 64, 0.15);
          box-shadow: 1.736px 9.848px 60px 0px rgba(0, 52, 64, 0.15);
}
.ft-faq-contact-form-area .ft-section-title-2 h2 {
  padding-top: 0;
  font-size: 24px;
}
.ft-faq-contact-form-area input, .ft-faq-contact-form-area textarea {
  width: 100%;
  height: 55px;
  border-radius: 5px;
  padding-left: 20px;
  margin-bottom: 20px;
  border: 1px solid #cbcbcb;
}
.ft-faq-contact-form-area input::-webkit-input-placeholder, .ft-faq-contact-form-area textarea::-webkit-input-placeholder {
  color: #c3c3c3;
}
.ft-faq-contact-form-area input::-moz-placeholder, .ft-faq-contact-form-area textarea::-moz-placeholder {
  color: #c3c3c3;
}
.ft-faq-contact-form-area input:-ms-input-placeholder, .ft-faq-contact-form-area textarea:-ms-input-placeholder {
  color: #c3c3c3;
}
.ft-faq-contact-form-area input::-ms-input-placeholder, .ft-faq-contact-form-area textarea::-ms-input-placeholder {
  color: #c3c3c3;
}
.ft-faq-contact-form-area input::placeholder, .ft-faq-contact-form-area textarea::placeholder {
  color: #c3c3c3;
}
.ft-faq-contact-form-area textarea {
  height: 130px;
  padding-top: 10px;
}

.ft-faq-form-img {
  overflow: hidden;
  border-radius: 10px;
  -webkit-box-shadow: 1.736px 9.848px 60px 0px rgba(0, 52, 64, 0.15);
          box-shadow: 1.736px 9.848px 60px 0px rgba(0, 52, 64, 0.15);
}

.ft-submit-btn {
  color: #fff;
  height: 55px;
  width: 200px;
  border: none;
  margin-top: 10px;
  font-weight: 600;
  border-radius: 30px;
  font-family: "Poppins";
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
  background-color: #ea1e00;
}
.ft-submit-btn i {
  top: 3px;
  position: relative;
}
.ft-submit-btn:hover {
  color: #fff;
  background-color: #00044b;
}

/*---------------------------------------------------- */
/*Breadcrumb area*/
/*----------------------------------------------------*/
.ft-breadcrumb-section {
  padding: 240px 0px 110px;
}
.ft-breadcrumb-section .background_overlay {
  background-color: rgba(0, 62, 77, 0.7);
}

.ft-breadcrumb-content h2 {
  color: #fff;
  font-size: 36px;
  font-weight: 700;
  padding-bottom: 15px;
}
.ft-breadcrumb-content .ft-breadcrumb-list li {
  color: #fff;
  margin: 0px 20px 0 0;
  position: relative;
  padding-right:20px;
}
.ft-breadcrumb-content .ft-breadcrumb-list li:last-child{
	padding-right:0px;
	margin-right:0px;
}
.ft-breadcrumb-content .ft-breadcrumb-list li:after {
  top: 0px;
  right: 0;
  font-size: 16px;
  line-height:22px;
  content: "\f105";
  font-weight: 900;
  color: rgba(255,255,255,0.5);
  position: absolute;
  font-family: "Font Awesome 5 Pro";
}
.ft-breadcrumb-content .ft-breadcrumb-list li:last-child:after {
  display: none;
}

.page-padding {
  padding: 100px 0px;
}

.design-shape {
  bottom: 0;
  right: 0;
}

/*---------------------------------------------------- */
/*Pricing area*/
/*----------------------------------------------------*/
.ft-pricing-plan-section .ft-section-title {
  margin: 0 auto;
  max-width: 550px;
}
.ft-pricing-plan-section .ft-section-title h2 {
  padding-bottom: 0;
}

.ft-pricing-plan-content {
  padding-top: 55px;
}

.ft-pricing-plan-items {
  margin: 0 auto;
  max-width: 370px;
  overflow: hidden;
  margin-bottom: 30px;
  border-radius: 16px;
  padding-bottom: 50px;
  background-color: white;
  -webkit-box-shadow: 0.698px 9.976px 50px 0px rgba(72, 72, 72, 0.15);
          box-shadow: 0.698px 9.976px 50px 0px rgba(72, 72, 72, 0.15);
}
.ft-pricing-plan-items .pricing-shape1,
.ft-pricing-plan-items .pricing-shape2 {
  top: 0;
  left: 0;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}
.ft-pricing-plan-items .pricing-shape2 {
  opacity: 0;
}
.ft-pricing-plan-items:before {
  top: -23px;
  left: -25px;
  width: 97px;
  content: "";
  height: 55px;
  position: absolute;
  background-color: #fbfbfb;
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.ft-pricing-plan-items .ft-pricing-plan-head {
  padding: 34px 0px;
  background-color: #002a34;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
  border-top-left-radius: 20px;
}
.ft-pricing-plan-items .ft-pricing-plan-head h3 {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
}
.ft-pricing-plan-items .ft-pricing-plan-value {
  padding: 35px 0px;
}
.ft-pricing-plan-items .ft-pricing-plan-value h4 {
  color: #043440;
  font-size: 48px;
  font-weight: 700;
  padding-bottom: 10px;
}
.ft-pricing-plan-items .ft-pricing-plan-value span {
  color: #fff;
  font-weight: 700;
  padding: 6px 18px;
  border-radius: 20px;
  display: inline-block;
  background-color: #043440;
}
.ft-pricing-plan-items .ft-pricing-plan-list {
  margin-bottom: 25px;
}
.ft-pricing-plan-items .ft-pricing-plan-list li {
  color: #043440;
  font-weight: 500;
  padding-bottom: 13px;
}
.ft-pricing-plan-items .ft-btn-2 a span {
  color: #fff;
}
.ft-pricing-plan-items .ft-btn-2 a:hover {
  color: #fff;
}
.ft-pricing-plan-items .ft-btn-2 a:hover:before {
  border: 2px solid #ea1e00;
  background-color: #ea1e00;
}
.ft-pricing-plan-items:hover .ft-pricing-plan-head {
  background-color: #ff3132;
}
.ft-pricing-plan-items:hover .pricing-shape1 {
  opacity: 0;
}
.ft-pricing-plan-items:hover .pricing-shape2 {
  opacity: 1;
}

/*---------------------------------------------------- */
/*Coming Soon area*/
/*----------------------------------------------------*/
.coming-soon-content {
  padding: 290px 0px 200px;
}
.coming-soon-content h2 {
  color: #fff;
  font-size: 72px;
  font-weight: 700;
}

.coming-soon-countdown {
  margin-top: 35px;
}
.coming-soon-countdown li {
  width: 100px;
  height: 100px;
  padding-top: 25px;
  margin-right: 25px;
  text-align: center;
  border-radius: 100%;
  border: 2px solid #fff;
  background-color: #0a3e4a;
}
.coming-soon-countdown li span {
  display: block;
}
.coming-soon-countdown li .ft-count-down-number {
  color: #fff;
  font-size: 30px;
  line-height: 1;
  font-weight: 700;
  font-family: "Poppins";
}
.coming-soon-countdown li .count-unit {
  color: #fff;
  font-weight: 500;
}

.coming-soon-newslatter-form {
  margin-top: 45px;
  max-width: 470px;
}
.coming-soon-newslatter-form h3 {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  padding-bottom: 12px;
}
.coming-soon-newslatter-form p {
  color: #fff;
  padding-bottom: 25px;
}
.coming-soon-newslatter-form form {
  position: relative;
}
.coming-soon-newslatter-form input {
  width: 100%;
  height: 55px;
  padding-left: 15px;
  border-radius: 30px;
  border: 1px solid #fff;
  background-color: transparent;
}
.coming-soon-newslatter-form input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.coming-soon-newslatter-form input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.coming-soon-newslatter-form input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.coming-soon-newslatter-form input::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.coming-soon-newslatter-form input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.coming-soon-newslatter-form button {
  top: 5px;
  right: 5px;
  color: #fff;
  height: 45px;
  width: 145px;
  border: none;
  font-weight: 600;
  position: absolute;
  border-radius: 30px;
  font-family: "Poppins";
  background-color: #ea1e00;
}

.coming-soon-social {
  margin-top: 45px;
}
.coming-soon-social a {
  width: 45px;
  color: #fff;
  height: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 10px;
  border-radius: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #fff;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #002a34;
}
.coming-soon-social a:hover {
  background-color: #ea1e00;
}

/*---------------------------------------------------- */
/*Fun Fact area*/
/*----------------------------------------------------*/
.ft-funfact-section {
  padding: 50px 0px 110px;
}

.ft-funfact-content {
  padding: 40px 0px;
  background-color: #f4f4f4;
}

.ft-funfact-innerbox .ft-funfact-icon {
  margin-bottom: 8px;
}
.ft-funfact-innerbox .ft-funfact-icon i {
  font-size: 45px;
  color: #ea1e00;
}
.ft-funfact-innerbox .ft-funfact-text h3 {
  color: #052e56;
  font-size: 45px;
  font-weight: 700;
}
.ft-funfact-innerbox .ft-funfact-text p {
  color: #666666;
  font-size: 15px;
  font-weight: 700;
  font-family: "Poppins";
}

.ft-funfact-section-2 {
  padding: 115px 0px;
}
.ft-funfact-section-2 .ft-section-title-3 {
  margin: 0 auto;
  max-width: 820px;
}

.ft-funfact-section-2 {
  overflow: hidden;
}

.ft-funfact-content-2 {
  z-index: 1;
  padding-top: 100px;
}
.ft-funfact-content-2 .map-bg {
  top: 0;
  left: 0;
  right: 0;
  opacity: 0.5;
  z-index: -1;
}

.ft-funfact-inner-items-wrapper:before {
  top: 51%;
  left: 0;
  right: 0;
  width: 95%;
  content: "";
  margin: 0 auto;
  position: absolute;
  border: 2px dashed #dbdbdb;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.ft-funfact-inner-items .ft-funfact-inner-icon {
  width: 65px;
  height: 65px;
  margin: 0 auto;
  margin-bottom: 40px;
  border-radius: 100%;
  background-color: #3b6aff;
}
.ft-funfact-inner-items .ft-funfact-inner-icon:after {
  left: 25px;
  bottom: -8px;
  content: "";
  position: absolute;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 10px solid #3b6aff;
}
.ft-funfact-inner-items .ft-funfact-inner-icon i {
  color: #fff;
  font-size: 35px;
  line-height: 0.75;
}
.ft-funfact-inner-items .ft-funfact-inner-text h3 {
  color: var(--ft-second-theme);
  font-size: 36px;
  font-weight: 700;
}
.ft-funfact-inner-items .ft-funfact-inner-text p {
  color: #141415;
  font-size: 18px;
  font-weight: 500;
}

.ft-funfact-slug-text {
  margin-top: 70px;
}
.ft-funfact-slug-text span {
  color: #000000;
}
.ft-funfact-slug-text span a {
  color: var(--ft-main-theme);
  font-weight: 700;
  text-decoration: underline;
}

/*---------------------------------------------------- */
/*CTA area*/
/*----------------------------------------------------*/

.ft-cta-section .col-lg-6 {
  padding: 0;
}
.fs-cta-item-box {
    padding: 80px 0;
}
.fs-cta-item-box h1 {
  color: #fff;
  font-weight: 700;
  font-size: 60px;
  margin-bottom: 25px;
}

.fs-cta-item-box p {
  color: #dadada;
  font-size: 16px;
}
.fs-cta-item-box h1 {
  color: #fff;
  font-weight: 700;
  font-size: 60px;
  margin-bottom: 25px;
}

.fs-cta-item-box p {
  color: #dadada;
  font-size: 16px;
}

.fs-cta-item-box a {
  background: #ffde00;
  color: #000;
  padding: 14px 40px;
  display: inline-block;
  border-radius: 30px;
  font-weight: 700;
  font-size: 15px;
  margin-top: 15px;
}
.fs-cta-item-box a:hover {
  background: #000;
  color: #ffde00;
}
/*---------------------------------------------------- */
/*Footer area*/
/*----------------------------------------------------*/
.ft-footer-section {
  padding-top: 120px;
  background-color: #00044b;
}

.ft-footer-widget-wrapper {
  padding-bottom: 90px;
}

.ft-footer-widget .widget-title {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 25px;
}
.ft-footer-widget .logo-widget .site-logo {
  padding-bottom: 20px;
}
.ft-footer-widget .logo-widget p {
  color: #fff;
  max-width: 250px;
  padding-bottom: 35px;
}
.ft-footer-widget .menu-widget li {
  margin-bottom: 18px;
}
.ft-footer-widget .menu-widget li a {
  color: #fff;
  position: relative;
}
.ft-footer-widget .menu-widget li a:before {
  left: 0;
  top: 8px;
  width: 0px;
  height: 3px;
  content: "";
  position: absolute;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
  background-color: #ea1e00;
}
.ft-footer-widget .menu-widget li a:hover {
  padding-left: 12px;
}
.ft-footer-widget .menu-widget li a:hover:before {
  width: 8px;
}
.ft-footer-widget .gallery-widget {
  margin: 0px -5px;
}
.ft-footer-widget .gallery-widget li a {
  border-radius: 8px;
  display:block;
  height:inherit;
}
.ft-footer-widget .gallery-widget li a:before {
  top: 0;
  left: 0;
  width: 100%;
  content: "";
  opacity: 0.7;
  height: 100%;
  border-radius: 8px;
  position: absolute;
  -webkit-transform: scale(0);
          transform: scale(0);
  background-color: #ea1e00;
  -webkit-transition: 300ms all ease;
  transition: 300ms all ease;
}
.ft-footer-widget .gallery-widget li a:after {
  left: 0;
  top: 50%;
  right: 0;
  color: #fff;
  opacity: 0;
  margin: 0 auto;
  font-size: 20px;
  content: "";
  font-weight: 900;
  text-align: center;
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 300ms all ease;
  transition: 300ms all ease;
  font-family: "Font Awesome 5 Pro";
}
.ft-footer-widget .gallery-widget li a:hover:before {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.ft-footer-widget .gallery-widget li a:hover:after {
  opacity: 1;
}

.ft-footer-copywrite-1 {
  color: #fff;
  padding: 16px 0px 14px;
  background-color: #000891;
}

.ft-footer-section-2 {
  margin-top: 115px;
  background-color: #f4f4f4;
}
.ft-footer-section-2 .footer-shape1 {
  left: 0;
  bottom: 0;
}
.ft-footer-section-2 .ft-footer-newslatter {
  top: -115px;
  margin-bottom: -15px;
}
.ft-footer-section-2 .ft-footer-newslatter-content {
  padding: 65px 60px;
  border-radius: 120px;
  background-color: #ea1e00;
}
.ft-footer-section-2 .ft-footer-newslatter-content h2 {
  color: #fff;
  font-size: 36px;
  font-weight: 700;
  max-width: 510px;
  line-height: 1.333;
}
.ft-footer-section-2 .ft-footer-newslatter-form {
  width: 500px;
}
.ft-footer-section-2 .ft-footer-newslatter-form input {
  width: 100%;
  color: #fff;
  height: 60px;
  padding-left: 20px;
  border-radius: 30px;
  border: 2px solid #fff;
  background-color: transparent;
}
.ft-footer-section-2 .ft-footer-newslatter-form input::-webkit-input-placeholder {
  color: #fff;
}
.ft-footer-section-2 .ft-footer-newslatter-form input::-moz-placeholder {
  color: #fff;
}
.ft-footer-section-2 .ft-footer-newslatter-form input:-ms-input-placeholder {
  color: #fff;
}
.ft-footer-section-2 .ft-footer-newslatter-form input::-ms-input-placeholder {
  color: #fff;
}
.ft-footer-section-2 .ft-footer-newslatter-form input::placeholder {
  color: #fff;
}
.ft-footer-section-2 .ft-footer-newslatter-form button {
  top: 0;
  right: 0;
  width: 160px;
  height: 60px;
  border: none;
  color: #003440;
  font-size: 15px;
  font-weight: 600;
  position: absolute;
  border-radius: 30px;
  font-family: "Poppins";
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}
.ft-footer-section-2 .ft-footer-newslatter-form button:hover {
  color: #fff;
  background-color: #00044b;
}

.ft-footer-widget-wrapper-2 {
  padding-bottom: 90px;
}
.ft-footer-widget-wrapper-2 .ft-footer-widget .widget-title {
  color: #003440;
}
.ft-footer-widget-wrapper-2 .ft-footer-widget .logo-widget .site-logo {
  padding-bottom: 35px;
}
.ft-footer-widget-wrapper-2 .ft-footer-widget .ft-footer-address span {
  color: #003440;
  display: block;
  font-weight: 500;
  max-width: 245px;
  margin-bottom: 12px;
}
.ft-footer-widget-wrapper-2 .ft-footer-widget .menu-widget li a {
  font-weight: 500;
  color: #003440;
}

.ft-footer-copywrite-2 {
  color: #fff;
  font-weight: 700;
  padding: 22px 0px;
  background-color: #003440;
}

.ft-footer-section-3 .ft-newslatter-section-3 {
  padding: 40px 0px;
  background-color: #0f0f35;
}
.ft-footer-section-3 .ft-newslatter-section-3 .ft-newslatter-text {
  color: #fff;
}
.ft-footer-section-3 .ft-newslatter-section-3 .ft-newslatter-text h3 {
  font-size: 30px;
  font-weight: 700;
  padding-bottom: 10px;
}
.ft-footer-section-3 .ft-newslatter-section-3 .ft-newslatter-text p {
  color: #c9c8c8;
  font-size: 17px;
}
.ft-footer-section-3 .ft-newslatter-section-3 .ft-newslatter-btn a {
  color: #fff;
  width: 200px;
  height: 50px;
  font-size: 14px;
  font-weight: 700;
  background-color: var(--ft-main-theme);
}
.ft-footer-section-3 .ft-newslatter-section-3 .ft-newslatter-btn a:hover {
  background-color: var(--ft-second-theme);
}

.ft-footer-copyright {
  padding: 25px 0px;
}
.ft-footer-copyright span {
  font-size: 15px;
  color: #ffffff;
}

.ft-footer-content-wrap-3 {
  padding-top: 80px;
  border-bottom: 2px solid #383737;
}
.ft-footer-content-wrap-3 .ft-footer-widget .widget-title {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  position: relative;
  margin-bottom: 25px;
}
.ft-footer-content-wrap-3 .ft-footer-widget .widget-title:before {
  left: 0;
  height: 3px;
  width: 30px;
  content: "";
  bottom: 15px;
  position: absolute;
  background-color: var(--ft-main-theme);
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-logo-widget .ft-footer-logo {
  padding-bottom: 18px;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-logo-widget p {
  color: #9d9d9d;
  padding-bottom: 35px;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-logo-widget .footer-logo-btn {
  color: #fff;
  height: 35px;
  width: 100px;
  font-size: 14px;
  font-weight: 700;
  line-height: 35px;
  overflow: hidden;
  display: inline-block;
  background-color: var(--ft-main-theme);
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-logo-widget .footer-logo-btn:after {
  background-color: #fff;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-logo-widget .footer-logo-btn:hover {
  background-color: var(--ft-second-theme);
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-newslatter-widget p {
  color: #9d9d9d;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-newslatter-widget form {
  margin-top: 30px;
  position: relative;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-newslatter-widget input {
  height: 45px;
  width: 100%;
  padding-left: 20px;
  border: 2px solid #313131;
  background-color: transparent;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-newslatter-widget input::-webkit-input-placeholder {
  color: #fff;
  font-size: 14px;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-newslatter-widget input::-moz-placeholder {
  color: #fff;
  font-size: 14px;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-newslatter-widget input:-ms-input-placeholder {
  color: #fff;
  font-size: 14px;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-newslatter-widget input::-ms-input-placeholder {
  color: #fff;
  font-size: 14px;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-newslatter-widget input::placeholder {
  color: #fff;
  font-size: 14px;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-newslatter-widget button {
  top: 0;
  right: 0;
  width: 60px;
  padding: 0;
  color: #fff;
  height: 45px;
  border: none;
  position: absolute;
  background-color: var(--ft-main-theme);
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-newslatter-widget button:hover {
  background-color: #fff;
  color: #000;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-newslatter-widget .ft-footer-social {
  margin-top: 22px;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-newslatter-widget .ft-footer-social li {
  margin-right: 15px;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-newslatter-widget .ft-footer-social li a {
  color: #494949;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-newslatter-widget .ft-footer-social li a:hover {
  color: var(--ft-main-theme);
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-info-widget {
  padding-left: 20px;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-info-widget ul {
  padding-top: 15px;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-info-widget i {
  float: left;
  font-size: 14px;
  margin-top: 5px;
  color: var(--ft-main-theme);
  margin-right: 10px;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-info-widget a {
  color: #9d9d9d;
  display: block;
  font-size: 14px;
  overflow: hidden;
  max-width: 170px;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-info-widget .office-open-hour {
  margin-top: 10px;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-info-widget .office-open-hour span {
  color: #fff;
  font-size: 14px;
  display: block;
  margin-bottom: 10px;
  font-weight: 700;
  text-decoration: underline;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-info-widget .office-open-hour p {
  font-size: 14px;
  color: #9d9d9d;
  max-width: 180px;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-instagram-widget .insta-feed {
  padding-top: 10px;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-instagram-widget .insta-feed li {
  float: left;
  width: 75px;
  height: 75px;
  margin-right: 10px;
  margin-bottom: 7px;
  position: relative;
  background-color: #000;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-instagram-widget .insta-feed li:before {
  top: 0;
  opacity: 0;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #000;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-instagram-widget .insta-feed li i {
  left: 0;
  top: 50%;
  right: 0;
  opacity: 0;
  color: #fff;
  position: absolute;
  text-align: center;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-instagram-widget .insta-feed li:hover:before {
  opacity: 0.7;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-instagram-widget .insta-feed li:hover i {
  opacity: 1;
}
.ft-footer-content-wrap-3 .ft-footer-copyright {
  margin-top: 80px;
  border-top: 1px solid #15152e;
}

footer#ft-footer-4 {
  background: #010894;
    padding: 150px 0;
    padding-bottom: 50px;
    margin-top: 110px;
}
span.footer-bg-shape {
  background: #ffe117;
  position: absolute;
  top: -121px;
  width: 886px;
  height: 450px;
  left: 0;
}
span.footer-s-bg {
  background: #ffe117;
  width: 305px;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}
.footer-bg-shape-2 {
  background: #000795;
    width: 92px;
    height: 92px;
    position: absolute;
    top: 237px;
    left: 213px;
    z-index: 1;
}
.ft-footer-section-4 {
  position: relative;
}
.footer-4-left {
  position: relative;
  z-index: 1;
  top: -160px;
}
.row.footer-4-cpr {
  position: absolute;
  bottom: 15px;
  padding-bottom: 16px;
}
.footer-4-cpr .copyright {
  color: #fff;
}
.ft-footer-widget-4 .widget-title {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 15px;
}

.ft-footer-widget-4 input[type="email"] {
  background: #242aa4;
  border: none;
  color: #fff;
  padding: 10px 15px;
}

.ft-footer-widget-4 input[type="email"]::placeholder {
  color: #fff;
}

.ft-footer-widget-4 button {
  background: #ffde00;
  padding: 10px;
  border: none;
  margin-left: -3px;
}

.ft-footer-widget-4 p {
  color: #fff;
  padding-right: 50px;
}
.footer-4-left span {
  color: #000000;
  font-size: 24px;
  margin-bottom: 15px;
  display: block;
}

.footer-4-left h1 {
  color: #000000;
  font-size: 68px;
  font-weight: 700;
  border-bottom: 1px solid #d9c01b;
  display: inline-block;
  margin-bottom: 30px;
  padding-bottom: 25px;
}
.footer-4-left i {
  padding-left: 50px;
}
.footer-4-info p {
    display: inline-block;
    color: #010101;
    font-size: 16px;
}
.footer-4-info i {
  padding-left: 0;
  padding-right: 4px;
}
.footer-4-info p:not(:last-child) {
  padding-right: 50px;
}
.footer-4-logo {
  position: absolute;
  top: -121px;
  max-width: 125px;
}
/*---------------------------------------------------- */
/*Responsive area*/
/*----------------------------------------------------*/
@media screen and (min-width: 2000px) {
  span.footer-bg-shape{
    width:1200px;
  }
}
@media screen and (max-width: 1650px) {
  .ft-header-section.header-style-one .ft-header-cta-info {
    display: none !important;
  }
  .footer-4-left {
    top: -140px;
  }
  span.footer-s-bg {
    width: 71px;
  }
  span.footer-bg-shape {
    width: 800px;
}
  .ft-contact-section:before {
    left: -30%;
  }

  .ft-portfolio-slider-innerbox .ft-portfolio-text h3 {
    font-size: 20px;
  }

  .ft-portfolio-slider-innerbox .ft-portfolio-text {
    left: 30px;
    max-width: 265px;
  }

  #rev_slider_29_1_wrapper .tparrows {
    display: none;
  }

  .ft-case-study-items .ft-case-study-text {
    left: 20px;
  }

  .ft-case-study-items .ft-case-study-text {
    max-width: 285px;
  }

  .ft-case-study-items .ft-case-study-text h3 {
    font-size: 24px;
  }

  .ft-case-study-items .more-btn {
    left: 20px;
  }

  .ft-why-choose-section-2 .why-choose-img-2 {
    right: -280px;
  }
}
@media screen and (max-width: 1280px) {
  .ft-service-innerbox-3 .ft-service-text-icon:before {
    display: none;
  }
    span.footer-s-bg {
      position: relative;
  }

  span.footer-bg-shape {
      width: 663px;
  }

  .footer-4-left h1 {
      font-size: 50px;
  }

  .footer-4-left {
      top: -125px;
  }
  .ft-service-innerbox-3 .ft-service-text-icon:after {
    display: none;
  }

  .ft-service-innerbox-3 .ft-service-icon {
    top: -50px;
  }

  .ft-service-innerbox-3 .ft-service-text-icon {
    padding: 59px 30px 75px;
  }

  .ft-why-choose-section-2 .why-choose-img-2 {
    display: none;
  }
}
@media screen and (max-width: 1100px) {
  .ft-booking-form-content {
    top: 0;
    margin-top: 60px;
    margin-bottom: 0;
  }
  span.footer-s-bg {
    position: relative;
}

span.footer-bg-shape {
    width: 663px;
}

.footer-4-left h1 {
    font-size: 50px;
}

.footer-4-left {
    top: -125px;
}
  .ft-section-title .sub-title {
    font-size: 16px;
    padding: 0px 35px;
  }

  .ft-section-title .sub-title:before,
.ft-section-title .sub-title:after {
    top: 13px;
    height: 2px;
    width: 28px;
  }

  .ft-section-title h2 {
    font-size: 32px;
  }

  .ft-project-itembox .ft-project-text {
    left: 60px;
  }

  .ft-contact-section:before {
    left: -35%;
  }

  .ft-blog-news-feed-innerbox .ft-blog-feed-text h3 {
    font-size: 22px;
  }

  .ft-header-section.header-style-one .ft-main-navigation li {
    margin-left: 45px;
  }

  .ft-header-section.header-style-one .ft-header-menu-top-cta:before {
    border-right: 70px solid transparent;
  }

  .ft-header-section.header-style-two .ft-header-main-menu .ft-main-navigation li {
    margin-left: 40px;
  }

  .ft-testimonial-innerbox-item-2 {
    max-width: 550px;
  }

  .ft-why-choose-feature-list-item-2 .ft-why-choose-feature-text p {
    font-size: 14px;
  }

  .ft-header-section.header-style-three .ft-main-navigation li {
    margin-left: 40px;
  }

  .ft-header-section.header-style-three .ft-header-cta-btn a:before {
    left: -39px;
  }

  #slider-29-slide-76-layer-5,
#slider-29-slide-78-layer-5,
#slider-29-slide-77-layer-5 {
    display: none;
  }

  .ft-testimonial-slider-items-3 p {
    font-size: 18px;
  }

  .ft-blog-innerbox-3 .ft-blog-text:before {
    display: none;
  }

  .ft-blog-innerbox-3 .ft-blog-text {
    top: 0;
    width: 100%;
  }

  .blog-slider-3 .slick-list {
    padding-bottom: 40px;
  }

  .ft-header-section.header-style-three .ft-header-cta-btn a:before {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  span.footer-s-bg {
      position: relative;
  }

  span.footer-bg-shape {
      width: 663px;
  }

  .footer-4-left h1 {
      font-size: 50px;
  }

  .footer-4-left {
      top: -125px;
  }
  .ft-header-section.header-style-one .ft-header-menu-top-cta:before {
    display: none;
  }

  .ft-header-section.header-style-one .ft-header-content {
    padding-left: 265px;
  }

  .ft-booking-form-content .booking-form-input-wrapper button {
    margin-top: 20px;
  }
  
  .ft-service-slider-item {
    margin: 0 auto;
    max-width: 270px;
  }

  .ft-counterup-innerbox .ft-counterup-text h3 {
    font-size: 30px;
  }

  .ft-project-itembox .ft-project-text {
    left: 100px;
  }

  .ft-header-section.header-style-two .ft-header-cta-btn {
    margin-left: 15px;
  }

  .ft-header-section.header-style-two .ft-header-main-menu .ft-main-navigation li {
    margin-left: 25px;
  }

  .ft-product-mesurment-content .ft-pm-bg-img {
    right: -80px;
  }

  .ft-blog-innerbox-2 .ft-blog-text-2 h3 {
    font-size: 22px;
  }

  .ft-footer-section-2 .ft-footer-newslatter-content h2 {
    padding-bottom: 20px;
  }

  .ft-header-section.header-style-three .ft-main-navigation li {
    margin-left: 28px;
  }

  .ft-case-study-items {
    width: 50%;
  }

  .ft-case-study-content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .ft-about-sign-img-text {
    right: -10px;
    bottom: -40px;
  }

  .ft-blog-section-3 {
    overflow: hidden;
  }

  .ft-section-title-3 h2 {
    font-size: 36px;
  }

  .ft-testimonial-slider-area-3 {
    width: 670px;
    padding: 35px 45px 30px 30px;
  }

  .ft-blog-innerbox-3 .ft-blog-text h3 {
    font-size: 18px;
  }
}
.ft-skill-section{
  padding: 120px 0;
}
.ft-section-title-4 h2 {
  color: #010101;
  font-size: 72px;
  font-weight: 700;
  line-height: 72px;
}
.ft-section-title-4 p {
  margin-top: 30px;
}
.ft-section-title-4 span {
  color: #000000;
  text-transform: uppercase;
  margin-bottom: 15px;
  display: block;
}
.ft-section-title-4 h2 {
  color: #010101;
  font-size: 72px;
  font-weight: 700;
  line-height: 72px;
}
@media screen and (max-width: 991px) {
  .ft-header-section.header-style-one .ft-header-top {
    display: none;
  }
  .ft-blog-4-img img {
    width: 100%;
}
.ft-v5-portfolio-text h3 {
  font-size: 18px !important;
}
.quote4-img img {
  width: 100%;
}
  .get-quote-item-4 {
      margin-top: 50px;
  }
  .fs-cta-item-box h1 {
    font-size: 40px;
}
.fs-awesome-slide-wrap.position-relative {
  margin-top: 50px;
}
.ft-testimonial-item-4 p {
  font-size: 20px;
  line-height: 35px;
}
.ft-section-title-5 h2 {
  font-size: 45px !important;
}
  span.footer-s-bg {
    position: relative;
  }
  .ft-section-title-4 h2 {
    font-size: 35px !important;
    line-height: 45px !important;
}
  .fan-item-wrap {
      margin-top: 35px;
  }

.footer-bg-shape-2 {
    position: relative;
}
.footer-4-left {
  top: -101px;
}
.footer-4-left h1{
  font-size: 50px;
}
.footer-4-right {
    margin-bottom: 50px;
}
  .ft-main-navigation {
    display: none;
  }

  .ft-header-section.header-style-one .ft-header-cta-btn {
    margin-right: 40px;
  }

  .ft-about-img-exp {
    margin: 0 auto;
    max-width: 570px;
    margin-bottom: 60px;
  }

  .ft-about-text-wrapper {
    margin: 0 auto;
    max-width: 570px;
  }

  .ft-service-text-area {
    margin: 0 auto;
    max-width: 570px;
    margin-bottom: 30px;
  }

  .ft-service-text-area .ft-btn {
    margin-top: 0;
  }

  .ft-counterup-innerbox {
    margin-bottom: 30px;
  }

  .ft-why-choose-text-area {
    margin: 0 auto;
    max-width: 670px;
  }

  .ft-why-choose-section:before {
    width: 76.7%;
  }

  .ft-team-inner-itembox {
    margin: 0 auto;
    max-width: 270px;
    margin-bottom: 30px;
  }

  .ft-blog-news-feed-innerbox {
    margin: 0 auto;
    max-width: 570px;
    margin-bottom: 40px;
  }

  .ft-footer-widget {
    margin-bottom: 30px;
  }

  .ft-booking-form-content .booking-form-input-wrapper label {
    max-width: 100%;
    margin-bottom: 30px;
  }

  .ft-booking-form-content .booking-form-input-wrapper button {
    margin-top: 0;
  }

  .ft-why-choose-section:before {
    width: 100%;
  }

  .slick-current.slick-center .ft-project-itembox {
    margin-left: 0;
  }

  .slick-current.slick-center .ft-project-itembox .ft-project-text {
    left: 115px;
  }

  .ft-contact-section:before {
    width: 100%;
  }

  .ft-contact-section:before {
    left: -50%;
  }

  .mobile_menu_button {
    top: -55px;
    display: block;
  }

  .ft-header-section.header-style-one .ft-header-main-menu {
    background-color: transparent;
  }

  .ft-header-section.header-style-two .ft-header-cta-btn {
    margin-right: 40px;
  }
  .ft-header-section.header-style-two .mobile_menu_button {
    top: -55px;
  }

  .ft-featured-innerbox {
    margin-bottom: 30px;
  }

  .ft-product-mesurment-content .ft-pm-bg-img {
    display: none;
  }

  .ft-about-text-wrapper-2,
.ft-about-img-2-wrapper {
    margin: 0 auto;
    max-width: 570px;
    padding-bottom: 30px;
  }

  .ft-about-img-2-wrapper {
    padding-bottom: 0;
  }

  .ft-testimonial-innerbox-item-2 {
    max-width: 430px;
  }

  .ft-side-bar-wrapper {
    margin-top: 40px;
  }

  .ft-project-overview-comment-wrapper {
    margin-left: 0;
  }

  .ft-project-overview-comment-wrapper {
    padding: 30px 15px;
  }

  .ft-header-section.header-style-three .ft-header-top {
    display: none !important;
  }

  .ft-header-section.header-style-three .ft-header-cta-btn a {
    padding: 15px 20px;
  }

  .ft-header-section.header-style-three {
    top: 15px;
  }

  .ft-header-section.header-style-three .ft-header-cta-btn {
    margin-left: 0;
    margin-right: 40px;
  }

  .ft-header-section.header-style-three .mobile_menu_button {
    top: -42px;
  }

  .ft-header-section.sticky-on.header-style-three {
    top: 0;
  }
  .ft-header-section.sticky-on.header-style-three .mobile_menu_button {
    top: -45px;
  }

  .ft-service-innerbox-3 {
    margin: 0 auto;
    max-width: 370px;
    margin-bottom: 30px;
  }

  .ft-about-img-wrapper-3,
.ft-about-text-3,
.ft-why-choose-section-2 .ft-why-choose-text-2 {
    margin: 0 auto;
    max-width: 570px;
  }

  .ft-about-text-3 {
    padding-top: 50px;
  }

  .ft-case-study-items .ft-case-study-img img {
    width: 100%;
  }

  .ft-funfact-inner-items {
    margin: 20px 0px;
  }

  .ft-why-choose-form {
    margin: 0 auto;
    margin-top: 40px;
  }

  .ft-footer-content-wrap-3 .ft-footer-widget .widget-title {
    margin-bottom: 0;
  }

  .ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-info-widget ul {
    padding-top: 0;
  }

  .ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-newslatter-widget form {
    margin-top: 10px;
  }

  .ft-footer-content-wrap-3 .ft-footer-copyright {
    margin-top: 30px;
  }

  .ft-header-section.sticky-on.header-style-three .ft-header-cta-btn a {
    padding: 15px 20px;
  }
}
@media screen and (max-width: 820px) {
  .ft-header-section.header-style-two .ft-header-top {
    display: none;
  }
  span.footer-s-bg {
    position: relative;
}

.footer-bg-shape-2 {
    position: relative;
}
.footer-4-left {
  top: -101px;
}
.footer-4-left h1{
  font-size: 50px;
}
.footer-4-right {
    margin-bottom: 50px;
}
  .ft-banner-text-content h1 {
    font-size: 65px;
  }

  .ft-banner-section {
    padding: 250px 0px 200px;
  }

  .ft-testimonial-slider-2 #btn_prev1 {
    left: 40px;
  }

  .ft-testimonial-slider-2 #btn_next1 {
    right: 40px;
  }

  .ft-faq-page-top-content .ft-section-title-2 h2 {
    padding-bottom: 20px;
  }

  .ft-testimonial-slider-wrapper-3 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .ft-testimonial-slider-wrapper-3 .ft-testimonial-slider-img {
    display: none;
  }

  .ft-testimonial-section-3 {
    top: 0;
    margin-bottom: 0;
  }

  .ft-why-choose-section-2 {
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 680px) {
  span.footer-s-bg {
      position: relative;
  }

  .footer-bg-shape-2 {
      position: relative;
  }
  .footer-4-left {
    top: -101px;
}
  .footer-4-left h1{
    font-size: 50px;
  }
  .footer-4-right {
      margin-bottom: 50px;
  }
  .ft-team-text-area {
    margin-bottom: 30px;
  }

  .ft-project-section .ft-section-title {
    padding-bottom: 20px;
  }

  .ft-project-itembox .ft-project-text {
    max-width: 100%;
    position: static;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  .ft-contact-section:before {
    left: 0;
    opacity: 0.7;
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }

  .ft-blog-section .ft-section-title {
    padding-bottom: 20px;
  }

  .ft-footer-widget .logo-widget p {
    padding-bottom: 15px;
  }

  .ft-banner-text-content h1 {
    font-size: 55px;
  }

  .ft-header-section.header-style-two .ft-header-main-menu .ft-site-logo {
    width: 145px;
  }

  .ft-team-details-content {
    padding: 0px 15px;
  }

  .ft-team-details-content .ft-team-details-text-wrapper {
    z-index: 2;
    position: relative;
    padding: 0px 0px 30px;
  }

  .ft-team-personal .title {
    font-size: 28px;
  }

  .ft-testimonial-slider-area-3 {
    width: 100%;
  }

  .ft-newslatter-content-3 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .ft-newslatter-btn {
    margin-top: 15px;
  }

  .ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-info-widget {
    padding-left: 0;
  }
}
@media screen and (max-width: 480px) {
  .ft-header-section.header-style-one .ft-brand-logo {
    width: 140px;
  }

  .ft-header-section.header-style-one .ft-header-content,
.ft-header-section.header-style-one.sticky-on .ft-header-content {
    padding-left: 155px;
  }

  .ft-header-section.header-style-one .ft-header-cta-btn {
    margin-left: 0;
    margin-right: 40px;
  }

  .ft-header-section.header-style-one .ft-header-cta-btn a {
    height: 45px;
    width: 130px;
  }

  .ft-booking-form-content .booking-form-input-wrapper label {
    margin-right: 0;
  }

  .ft-booking-form-content .booking-form-input-wrapper button {
    height: 50px;
    width: 185px;
  }

  .ft-about-section {
    padding: 50px 0px;
  }

  .ft-section-title h2 {
    font-size: 26px;
    padding-bottom: 10px;
  }

  .ft-btn a {
    height: 50px;
    width: 150px;
  }

  .ft-service-section {
    padding: 50px 0px;
  }

  .ft-counterup-section {
    padding: 20px 0px 60px;
  }

  .ft-why-choose-text-area .ft-section-title {
    padding-left: 0;
  }

  .ft-why-choose-feature-wrapper {
    padding-left: 0;
  }

  .ft-why-choose-feature-item .ft-why-choose-feature-text {
    max-width: 250px;
  }

  .ft-why-choose-feature-item .ft-why-choose-feature-text h3 {
    font-size: 18px;
  }

  .ft-why-choose-feature-item .ft-why-choose-feature-icon {
    height: 70px;
    width: 70px;
  }

  .ft-why-choose-feature-item .ft-why-choose-feature-icon:before {
    width: 50px;
    height: 50px;
  }

  .ft-why-choose-feature-item .ft-why-choose-feature-icon i {
    font-size: 30px;
  }

  .ft-team-section {
    padding: 0px 0px 60px;
  }

  .ft-why-choose-section {
    padding-bottom: 30px;
  }

  .ft-project-slider-area {
    margin: 0;
  }

  .ft-project-itembox {
    max-width: 310px;
  }

  .slick-current.slick-center .ft-project-itembox .ft-project-text {
    left: 0;
  }

  .slick-current.slick-center .ft-project-itembox {
    padding-left: 0;
  }

  .ft-project-itembox .ft-project-text {
    left: 0;
    opacity: 1;
  }

  .ft-project-itembox .ft-project-text h3 {
    font-size: 18px;
  }

  .ft-blog-news-feed-innerbox .ft-blog-feed-text .ft-blog-comment-view a {
    margin-left: 0;
    margin-right: 10px;
  }

  .ft-blog-feed-wrapper-2 .ft-blog-news-feed-innerbox {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .ft-blog-feed-wrapper-2 .ft-blog-news-feed-innerbox .ft-blog-feed-img {
    margin-bottom: 25px;
  }

  .ft-testimonial-section {
    padding: 60px 0px;
  }

  .ft-project-section {
    padding-top: 60px;
  }

  .ft-contact-section,
.ft-blog-section {
    padding: 60px 0px;
  }

  .ft-footer-section {
    padding: 60px 0px;
  }

  .ft-footer-widget-wrapper {
    padding-bottom: 50px;
  }

  .ft-header-section.header-style-two .ft-header-cta-btn {
    display: none;
  }

  .ft-header-section.header-style-two .mobile_menu_button {
    top: -48px;
  }

  .ft-banner-text-content h1 {
    font-size: 36px;
  }

  .ft-banner-text-content p {
    font-size: 18px;
  }

  .ft-banner-section {
    padding: 190px 0px 150px;
  }

  .ft-section-title-2 h2 {
    font-size: 28px;
  }

  .ft-featured-section {
    padding: 50px 0px;
  }

  .ft-featured-content,
.ft-service-content-2 {
    padding-top: 15px;
  }

  .ft-featured-innerbox .ft-featured-text h3 {
    font-size: 20px;
  }

  .ft-featured-innerbox .ft-featured-icon i {
    font-size: 40px;
  }

  .ft-featured-innerbox .ft-featured-icon {
    margin-bottom: 10px;
  }

  .ft-featured-innerbox .ft-featured-text h3 {
    padding-bottom: 10px;
  }

  .ft-product-mesurment-tab-btn .nav {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .ft-service-section-2 {
    padding: 50px 0px;
  }

  .ft-about-section-2,
.ft-portfolio-section-2 {
    padding: 50px 0px;
  }

  .ft-experience-section {
    padding-bottom: 50px;
  }

  .ft-faq-content .accordion-button::after {
    font-size: 16px;
    right: 5px;
  }

  .ft-faq-why-choose-us-section {
    padding-bottom: 30px;
  }

  .ft-blog-section-2 {
    padding: 50px 0px;
  }

  .ft-footer-section-2 .ft-footer-newslatter-content h2 {
    font-size: 20px;
  }

  .ft-footer-section-2 .ft-footer-newslatter-content {
    padding: 20px 30px;
    border-radius: 0px;
  }

  .ft-footer-section-2 .ft-footer-newslatter-form button {
    height: 50px;
    width: 120px;
    font-size: 14px;
  }

  .ft-footer-section-2 .ft-footer-newslatter-form input {
    height: 50px;
  }

  .ft-footer-section-2 .ft-footer-newslatter {
    margin-bottom: -75px;
  }

  .ft-footer-widget-wrapper-2 {
    padding-bottom: 30px;
  }

  .ft-footer-widget-wrapper-2 .ft-footer-widget .logo-widget .site-logo {
    padding-bottom: 20px;
  }

  .ft-banner-text-content .ft-banner-btn-wrapper .ft-banner-btn {
    margin-right: 10px;
  }

  .ft-banner-text-content .ft-banner-btn-wrapper .ft-banner-btn a {
    height: 45px;
    width: 135px;
  }

  .ft-banner-text-content .ft-banner-btn-wrapper .ft-banner-video-btn a i {
    margin-right: 5px;
  }

  .ft-breadcrumb-section {
    padding: 170px 0px 100px;
  }

  .ft-funfact-innerbox {
    margin-bottom: 30px;
  }

  .ft-funfact-innerbox .ft-funfact-text h3 {
    font-size: 35px;
  }

  .ft-funfact-innerbox .ft-funfact-icon i {
    font-size: 35px;
  }

  .ft-footer-widget-wrapper-2 .ft-footer-widget .widget-title {
    padding-bottom: 15px;
  }

  .ft-footer-widget .menu-widget li {
    margin-bottom: 10px;
  }

  .page-padding {
    padding: 50px 0px;
  }

  .blog-details-img-text-wrapper .ftd-blog-meta-2 a {
    margin-right: 10px;
  }

  .blog-details-img-text-wrapper .ft-blog-details-item {
    padding: 20px 15px;
  }

  .blog-details-img-text-wrapper .blog-details-text h3 {
    font-size: 20px;
  }

  .blog-details-img-text-wrapper .blog-details-img-video .blog-details-img {
    margin-bottom: 30px;
  }

  .blog-details-img-text-wrapper .ft-blog-tag-share .ft-blog-tag a {
    margin-bottom: 10px;
  }

  .ft-blog-share {
    float: none;
  }

  .blog-details-img-text-wrapper .ft-blog-tag-share .ft-blog-share a {
    margin-left: 0;
    margin-right: 5px;
  }

  .ft-blog-comment-block .ft-blog-comment-text .ftd-reply-btn {
    position: static;
    margin-top: 15px;
    display: inline-block;
  }

  .ftd-comment-input-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .ftd-blog-comment-form .ftd-comment-form-input input,
.ftd-blog-comment-form .ftd-comment-form-input textarea {
    width: 100%;
    margin-bottom: 15px;
  }

  .ftd-blog-comment-form {
    padding: 35px 15px;
  }

  .ftd-blog-comment-form .ftd-comment-form-input span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .ft-blog-post-feed-innerbox .ft-blog-post-feed-text-wrapper .blog-meta {
    padding: 15px 15px;
  }

  .ft-blog-post-feed-innerbox .ft-blog-post-feed-text-wrapper {
    padding: 30px 15px;
  }

  .ft-blog-post-feed-innerbox .ft-blog-post-feed-text-wrapper .blog-meta a:after {
    display: none;
  }

  .ft-blog-post-feed-innerbox .ft-blog-post-feed-text-wrapper .ft-blog-feed-title-text h3 {
    font-size: 20px;
  }

  .coming-soon-content {
    padding: 200px 0px 150px;
  }

  .coming-soon-content h2 {
    font-size: 34px;
  }

  .coming-soon-countdown li {
    margin-bottom: 20px;
  }

  .coming-soon-countdown {
    text-align: center;
  }

  .ft-btn-3 a {
    height: 40px;
    width: 150px;
  }

  .ft-project-overview-comment-wrapper .ft-project-overview-comment-text {
    width: 200px;
  }

  .ft-similar-work-content .ft-portfolio-slider-innerbox {
    margin-bottom: 30px;
  }

  .ft-project-details-img {
    margin-bottom: 40px;
  }

  .ft-header-section.header-style-three {
    position: static;
    padding: 20px 0px;
    background-color: #000;
  }

  .ft-header-section.header-style-three .ft-header-cta-btn a {
    font-size: 14px;
    font-weight: 500;
    padding: 10px 15px;
  }

  .ft-header-section.header-style-three .mobile_menu_button {
    top: -38px;
  }

  .ft-header-section.header-style-three .ft-header-cta-btn {
    margin-right: 30px;
	display:none;
  }

  .ft-header-section.sticky-on.header-style-three {
    position: fixed;
  }

  .ft-header-section.sticky-on.header-style-three .ft-header-cta-btn a {
    padding: 10px 15px;
  }

  .ft-header-section.sticky-on.header-style-three .mobile_menu_button {
    top: -38px;
  }

  #slider-29-slide-76-layer-5,
#slider-29-slide-78-layer-5,
#slider-29-slide-77-layer-5 {
    display: block;
  }

  .ft-service-section-3 {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .ft-section-title-3 h2 {
    font-size: 26px;
    padding-top: 5px;
  }

  .ft-service-content-3 {
    padding-top: 30px;
  }

  .ft-section-title-3 span {
    font-size: 16px;
  }

  .ft-service-innerbox-3 .ft-service-text h3 {
    font-size: 18px;
  }

  .ft-service-innerbox-3 .ft-service-text-icon {
    padding: 50px 20px 60px;
  }

  .ft-service-more-btn {
    margin-top: 10px;
    text-align: center;
  }

  .ft-service-more-btn a {
    margin-left: 0;
    margin-top: 10px;
  }

  .ft-about-section-3,
.ft-funfact-section-2 {
    padding: 60px 0px;
  }

  .ft-about-sign-img-text {
    width: 110px;
  }

  .ft-about-text-3 .ft-about-btn-group a i {
    display: none;
  }

  .ft-about-text-3 .ft-about-btn-group a {
    padding: 10px 15px;
  }

  .ft-case-study-items {
    width: 100%;
    border-right: 0;
  }

  .ft-funfact-inner-items-wrapper:before {
    display: none;
  }

  .ft-funfact-content-2 {
    padding-top: 30px;
  }

  .ft-funfact-inner-items .ft-funfact-inner-text h3 {
    font-size: 24px;
  }

  .ft-funfact-inner-items .ft-funfact-inner-icon {
    margin-bottom: 20px;
  }

  .ft-why-choose-section-2 {
    padding-top: 60px;
  }

  .ft-why-choose-section-2 .ft-why-choose-text-2 {
    padding-top: 0px;
  }

  .ft-why-choose-form-wrapper {
    padding-left: 0;
  }

  .ft-testimonial-slider-items-3:before {
    display: none;
  }

  .ft-testimonial-slider-items-3 {
    padding-left: 0;
  }

  .ft-blog-section-3 {
    padding: 60px 0px;
  }

  .ft-blog-content-3 {
    padding-top: 30px;
  }

  .ft-footer-section-3 .ft-newslatter-section-3 .ft-newslatter-btn a {
    width: 150px;
  }

  .ft-footer-section-3 .ft-newslatter-section-3 .ft-newslatter-text h3 {
    font-size: 24px;
  }

  .ft-testimonial-slider-3 .slick-dots {
    position: static;
    margin-top: 20px;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .ft-testimonial-slider-3 .slick-dots li {
    display: inline-block;
  }
}
@media screen and (max-width: 380px) {
  .ft-header-section.header-style-one .ft-header-content {
    height: 70px;
  }

  .ft-header-section.header-style-one .ft-header-cta-btn {
    display: none;
  }

  .ft-header-section.header-style-one .mobile_menu_button {
    top: -5px;
  }

  .ft-why-choose-feature-item .ft-why-choose-feature-text {
    max-width: 200px;
  }

  .ft-blog-post-feed-innerbox .ft-blog-post-feed-text-wrapper .blog-meta a {
    margin-right: 15px;
  }
}

/*---------------------------------------------------- */
/*Awesome Serive area*/
/*----------------------------------------------------*/

section#ft-awesome-service {
  padding: 120px 0;
}
.shape-img {
  position: absolute;
  top: -40px;
  right: -44px;
  z-index: -1;
}
.ft-section-title-5 h2 {
  color: #010101;
  font-size: 72px;
  font-weight: 700;
  margin-bottom: 25px;
}

.ft-section-title-5 span {
  color: #010101;
  margin-bottom: 5px;
  display: block;
}

.fs-aw-list-item {
  margin-top: 50px;
}

.fa-aw-list-items h4 {
  margin-bottom: 20px;
  color: #010101;
  font-weight: 700;
}

.fa-aw-list-items ul li {
  list-style: none;
  padding: 0;
  margin: 0;
  color: #454545;
  font-size: 16px;
  line-height: 35px;
  position: relative;
  padding-left: 22px;
}

.fa-aw-list-items ul {
  margin: 0;
  padding: 0;
}

.fa-aw-list-items ul li:after {
  position: absolute;
  left: 0;
  width: 6px;
  height: 6px;
  background: #0009c4;
  content: "";
  top: 14px;
}






body:not(.no-js) .image-wrap {
  transition: 1s ease-out;
  transition-delay: 0.2s;
  position: relative;
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
}

body:not(.no-js) .image-wrap img {
  transition: 2s ease-out;
}

body:not(.no-js) .animating .image-wrap {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  visibility: visible;
  transform: skewX(0);
}

body:not(.no-js) .animating img {
  transition: 4s ease-out;
}

body:not(.no-js) .fadeup {
  opacity: 0;
  transition: 0.4s ease-out;
  transform: translateY(40px);
}

body:not(.no-js) .fading-up {
  opacity: 1;
  transition: 1s ease-out;
  transform: translateY(0px);
  transition-delay: 0.7s;
}

@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .ft-header-section.header-style-one .ft-header-cta-info {
    right: 10px;
  }
  .ft-header-section.header-style-one .ft-header-cta-info .ft-header-cta-text h3 {
    font-size: 18px;
  }
}

@media only screen and (min-width: 1701px) and (max-width: 1800px) {
  .ft-header-section.header-style-one .ft-header-cta-info {
    right: 24px;
  }
  .ft-header-section.header-style-one .ft-header-cta-info .ft-header-cta-text h3 {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1801px) and (max-width: 1900px) {
  .ft-header-section.header-style-one .ft-header-cta-info {
    right: 50px;
  }
  .ft-header-section.header-style-one .ft-header-cta-info .ft-header-cta-text h3 {
    font-size: 20px;
  }
}

/* Home 11 common CSS */
.ft12-sec-title{
  position:relative;
  margin-bottom:40px;
}

.ft12-sec-title .title{
  position:relative;
  color:#d9262a;
  font-size:16px;
  font-weight:500;
  text-transform:uppercase;
  font-family: 'Inter', sans-serif;
}

.ft12-sec-title h2{
  position:relative;
  color:#14212a;
  margin-top:15px;
  text-transform:capitalize;
  font-family: 'Inter', sans-serif;
}

.ft12-sec-title h2 span{
  position:relative;
  font-weight:400;
  display:block;
}

.ft12-sec-title .text{
  position:relative;
  color:#646464;
  font-size:16px;
  line-height:28px;
}

.ft12-sec-title.light .text,
.ft12-sec-title.light h2{
  color:#ffffff;
}