html {
    scroll-behavior: smooth;
}

.second-image {
    background-color: #405089 !important;
    opacity: 0.5 !important;
}

.fade-in {
    opacity: 1;
    animation-name: fadeInOpacity;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 750ms;
}

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

.member figcaption {
    background: #405089;
    opacity: 0.9 !important;
}

.flip-box-front {
    /*background: #fbfcff !important;*/
    background-image: linear-gradient(to right bottom, #84eba0, #8eedbb, #a0eed0, #b8eedf, #d4ece8);
    border: 1px solid #b9bcc6 !important;
}

.top-logo a img {
    height: 58px !important;;
}

.swiper-slide-calc { color: #fff;

}
.swiper-slide-calc   p{max-width: 600px; display: inline-block; margin-bottom: 40px;}
.swiper-slide-calc  a {
        display: inline-block;
        height: 60px !important;
        line-height: 58px;
        border: 1px solid #fff;
        color: #fff;
        padding: 0 44px !important;
        font-weight: 600;
    }
.swiper-slide-calc a span {width:18px; height: 48px; float: right; margin-left: -10px; margin-top: 5px; background: #282f4a; transform: skewX(-20deg); position: relative; z-index: -1;}

.swiper-slide-calc a:hover{color:white !important; text-decoration: none; border-color:orange; background: #161c32 !important; }

.featured-services .content-wrapper .container .content-box p {
    color: #0a144a !important;
}
.slide-inner {
    /*background-color: #394779 !important;*/
}

.page-header {
   /* margin-top: -50px !important;*/
    margin-bottom: -50px;
}

.home-title-tagline {
    margin-top:30px;
    color: #ffffff;
}

.activeRegion .nav-link.active, .activeRegion .show > .nav-link {
    color: #fff;
    background-color: #2f4858;
}

/*
ticker css
*/
.content-wrapper {
    max-width: 100%;
    margin: 0 auto;
}

.product-wrapper {
    position: relative;
    .swiper-slide {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        position: relative;
    }
}


/* for black top bar*/
.header .navbar {
    max-width: 100%;
    /*background: #292727;*/
    background-image: linear-gradient(to left, #2f4858, #2e3543, #27232d, #191518, #000000);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1), 0 8px 30px rgba(0, 0, 0, 0.1);
}

.header .navbar .container .nav-menu li a {
    float: left;
    padding: 0 15px;
    height: 100px;
    line-height: 100px;
    color: #eaedf2;
    font-weight: 600;
    position: relative;
}

.header .navbar .container .bottom-bar {
    background: #eaedf2;
}

.sandwich-menu .nav-menu li a {
    width: 100%;
    float: left;
    color: #fff;
    font-weight: 600;
}
.sandwich-menu .nav-menu li a:hover {
    text-decoration: none;
    opacity: 0.7;
    color: #fff;
}
.sandwich-menu .nav-menu li .dropdown {
    display: none;
    margin: 0;
    padding-left: 20px;
    color: #fff;
}

.header .navbar .container .nav-menu li a:hover {
    textcolor: #75efb2;
    text-decoration: none;
    color: #75efb2;
}

.header .navbar .container .nav-menu li a:hover:before {
    width: 100%;
    background: #75efb2;
    transition: width 0.25s ease;
}
.header .navbar .container .nav-menu li a:hover:after {
    width: 100%;
    background: transparent;
    transition: all 0s ease;
}
.header .navbar .container .nav-menu li a:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -2px;
    height: 2px;
    width: 0;
    transition: width 0s ease, background 0.25s ease;
}
.header .navbar .container .nav-menu li a:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: -2px;
    height: 2px;
    width: 0;
    background: #fff;
    transition: width 0.25s ease;
}

.btn-group-lg > .btn-lg {
    border: 0px !important;
}

.btn-custom-dark {
    background: none;
    color: #fff;
    height: 54px;
    border: 0px;
    color: #405089;
    background: #fff;
    padding: 15px;
    font-weight: 600;
    -webkit-appearance: button;
    overflow: visible;
    margin: 0;
}

.slide_right:hover, .slide_right:active {
    box-shadow: inset 400px 0 0 0 #2f4858;
    color: #fff !important;
    text-decoration: none;
}

.button_slide {
    color: #2f4858 !important;
    border: 0px;
    border-radius: 3px;
    display: inline-block;
    letter-spacing: 1px;
    box-shadow: inset 0 0 0 0 #2f4858;
    -webkit-transition: ease-out 0.4s;
    -moz-transition: ease-out 0.4s;
    transition: ease-out 0.4s;
}
.btn-custom {
    background: none !important;
    color: #0a1954 !important;
    height: 54px !important;
    background: #75efb2 !important;
    padding: 15px;
    font-weight: 600;
    -webkit-appearance: button;
    overflow: visible;
    margin: 5px 0px  5px 0px !important;
    min-width: 220px !important;
}

.flip-box .flip-box-back {
    /*background: #2f4858 !important;*/
    background-image: linear-gradient(to right, rgb(47, 72, 88), rgb(46, 53, 67), rgb(39, 35, 45), rgb(25, 21, 24), rgb(0, 0, 0));
}

.footer .content-wrapper p, .footer .content-wrapper .footer-menu li a, .footer .content-wrapper .contact-box, .footer .content-wrapper .contact-box ul li a , .footer .sub-footer {
    color: #fff;
}

.footer {
    background-image: linear-gradient(to right bottom, #2f4858, #2e3543, #27232d, #191518, #000000);
}

.tableFixHead          { overflow: auto; height: auto; }
.tableFixHead thead th { position: sticky; top: 0; z-index: 1; }

/* Just common table stuff. Really. */
table  { border-collapse: collapse; width: 100%; }
th, td { padding: 8px 16px; }
th     { background:#fff; }

.row-height {
    /*height: 100vh;*/
    height: 530px;
    min-height: 530px;
    margin-right: -50px !important;
    margin-left: 40px !important;
}
@media (max-width: 767px) {
    .row-height {
        height: auto;
        margin: 0 !important;
    }
    .header .navbar {
       /* margin-top: -81px !important;*/
    }
}
.content-left {
    padding: 0;
    overflow: hidden;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.6);
}

.content-left-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    text-align: left;
    color: #fff;
}
@media (max-width: 991px) {
    .content-left-wrapper {
        /*height: 400px;*/
    }
}

.content-left-wrapper .wrapper {
    position: relative;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}

.content-left-wrapper .wrapper .left_title {
    width: 100%;
    text-align: left;
}
.content-left-wrapper .wrapper .left_title h3 {
    color: #fff;
    padding: 10px 20px;
    display: inline-flex;
    font-size: 64px;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 0 0 10px 0;
}

.click-for-map {
    margin-top: -28px; margin-left: 40px;
}

.content-left-wrapper .wrapper .left_title p {
    font-size: 30px;
    font-weight: 501;
    /*font-style: italic;*/
    font-family: "Poppins", sans-serif;
    margin-left: 20px;
    text-align: left;
    letter-spacing: 1px;
    line-height: 32px;
}

.content-right {
    padding: 40px;
    height: 100%;
    min-height: 100%;
    /*overflow-y: scroll;*/
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.6);
}


#wizard_container {
    width: 450px;
}

select {
    padding: 0px 12px !important;
}

.main_question {
    font-size: 30px;
    font-weight: 600;
}

.styled-select span.error {
    top: -20px;
}

.qty-buttons {
    position: relative;
    width: 100%;
    height: 38px;
    display: inline-block;
}

input.qty {
    width: 100%;
    text-align: center;
}

.left_title_mobile {
    display: none;
}

.cssanimation {
    animation-duration: 1.5s;
    animation-fill-mode: both;
}

.cssanimation  { display: inline-block }

.fadeInBottom { animation-name: fadeInBottom }
@keyframes fadeInBottom {
    from {
        opacity: 0;
        transform: translateY(100%);
    }
    to { opacity: 1 }
}

.fadeInRight { animation-name: fadeInRight }
@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(100%);
    }
    to { opacity: 1 }
}

.star {
    position: relative;

    display: inline-block;
    width: 0;
    height: 0;

    margin-left: .9em;
    margin-right: .9em;
    margin-bottom: 1.2em;

    border-right:  .3em solid transparent;
    border-bottom: .7em  solid #FC0;
    border-left:   .3em solid transparent;

    /* Controlls the size of the stars. */
    font-size: 10px;

    &:before, &:after {
        content: '';

        display: block;
        width: 0;
        height: 0;

        position: absolute;
        top: .6em;
        left: -1em;

        border-right:  1em solid transparent;
        border-bottom: .7em  solid #FC0;
        border-left:   1em solid transparent;

        transform: rotate(-35deg);
    }

    &:after {
        transform: rotate(35deg);
    }
}


.table1 {
    display: table;
    border-collapse: collapse;
    .tr1 {
        display: table-row;
        border: 1px solid #ddd;
        &:first-child {
            font-weight:bold;
            border-bottom:2px solid #ddd;
        }
        &:nth-child(even) {
            background-color:#F9F9F9;
        }
        .td {
            display: table-cell;
            padding: 8px;
            border-left: 1px solid #ddd;
            &:first-child {
                border-left:0;
            }
        }
    }
}

.Iam {
    margin-left: 20px;
    margin-top: -40px;
    font: normal 30px/50px Poppins, sans-serif;
}
.Iam b {
    float: left;
    overflow: hidden;
    position: relative;
    height: 50px;
    top: 30px;
}
.Iam .innerIam {
    display: inline-block;
    color: #fff;
    position: relative;
    white-space: nowrap;
    top: 0;
    left: 0;

    /*animation*/
    -webkit-animation:move 9s;
    -moz-animation:move 9s;
    -ms-animation:move 9s;
    -o-animation:move 9s;
    animation:move 9s;
    /*animation-iteration-count*/
    -webkit-animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;
    -ms-animation-iteration-count:infinite;
    -o-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    /*animation-delay*/
    -webkit-animation-delay:3s;
    -moz-animation-delay:3s;
    -ms-animation-delay:3s;
    -o-animation-delay:3s;
    animation-delay:3s;
}
@keyframes move{
    0%  { top: 0px; }
    20% { top: -50px; }
    40% { top: -100px; }
    60% { top: -150px; }
    80% { top: -200px; }
}

@-webkit-keyframes move {
    0%  { top: 0px; }
    20% { top: -50px; }
    40% { top: -100px; }
    60% { top: -150px; }
    80% { top: -200px; }
}
@-moz-keyframes move {
    0%  { top: 0px; }
    20% { top: -50px; }
    40% { top: -100px; }
    60% { top: -150px; }
    80% { top: -200px; }
}
@-o-keyframes move {
    0%  { top: 0px; }
    20% { top: -50px; }
    40% { top: -100px; }
    60% { top: -150px; }
    80% { top: -200px; }
}
@keyframes move {
    0%  { top: 0px; }
    20% { top: -50px; }
    40% { top: -100px; }
    60% { top: -150px; }
    80% { top: -200px; }
}

.hero-width {
    width:60%;
}

/* RESPONSIVE MOBILE FIXES */
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
    .mobile-left {
        display: none;
    }

    .hero-width {
        width:90%;
    }

    .left_title_mobile {
        display: block;
        margin-bottom: 40px;
    }

    .left_title_mobile {
        width: 100%;
        text-align: center;
    }
    .left_title_mobile h3 {
        color: #fff;
        padding: 10px 20px;
        display: inline-flex;
        font-size: 64px;
        font-weight: 700;
        letter-spacing: 1px;
        margin: 0 0 10px 0;
    }
    .left_title_mobile p {
        font-size: 22px;
        font-weight: 400;
        /*font-style: italic;*/
        font-family: "Poppins", sans-serif, serif;
        margin: 0;
        letter-spacing: 1px;
    }

    .home-title-tagline {
        margin-top:250px;
    }
    .image-content-box {
        margin-top: 130px !important;
        padding: 20px 0 !important;;
    }
    .image-content-box .content-box {
        width: 100%;
    }
    .click-for-map {
        margin-top: 0px; margin-left: 0px;
    }
    .content-left-wrapper .wrapper .left_title h3 {
        font-size: 55px;
        padding: 10px 15px;
        margin-top: -100px;
    }
    .content-right {
        padding: 0 15px 0 15px;
    }
    #wizard_container {
        width: 100%;
    }
    .main_question {
        font-size: 22px;
        font-weight: 600;
    }
}

@media only screen and (max-width: 1199px), only screen and (max-device-width: 1199px) {
}

@media only screen and (max-width: 991px), only screen and (max-device-width: 991px) {
    .mobile-left {
        display: none;
    }

    .page-header h2 {
        font-size: 30px;
    }

    .hero-width {
        width:90%;
    }

    .video-size {
        width: 100%;
        height:auto;
    }

    .side-image-content .video video
    {
        margin-left: 0% !important;
    }
    .content-left-wrapper {
        /*height: 400px;*/
    }
    .content-right {
        display: block;
        height: auto;
        padding: 15px 15px 0 15px;

    }
    #wizard_container {
        margin: auto;
    }
    .content-left-wrapper .wrapper .left_title p {
        font-size: 16px;
        font-size: 1rem;
        text-align: center !important;
    }
}




@media (max-width: 991px) {
    .content-right {
        display: block;
        height: auto;
        padding: 15px 15px 0 15px;
    }
}
@media (max-width: 767px) {
    .content-right {
        padding: 0 15px 0 15px;
    }

    .hero-width {
        width:100%;
    }
}

.ticker-title {
    font-size: 13px !important;
    font-weight: 600;
}
.ticker-value {
    font-size: 13px !important;
    font-weight: 600;
    text-decoration: none !important;
}


@media only screen and (max-width: 600px), only screen and (max-device-width: 600px) {
  /*  .ticker-title {
        font-size: 11px !important;
        font-weight: 400;
        text-decoration: none !important;
    }
    .ticker-value {
        font-size: 11px !important;
        font-weight: 400;
        text-decoration: none !important;
    }

    .products-in-focus {

    }*/

    .hero-width {
        width:100%;
    }

    .imageheader2 {
        height: 650px !important;
        background-size: cover !important;
    }

    .testimonials .testimonial blockquote p {
        font-size: 20px;
        line-height: 22px;
    }
    .testimonials .testimonial {
        width: 90%;
    }

}

.swiper-wrapper {
    width: 100vw !important;
}

.swiper-container {
     width: 100%;
     max-width: 100%;
     max-height: 100vh;
     min-height: 0;
     min-width: 0;
 }

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}

.sticky + .content {
    padding-top: 102px;
}