@font-face{font-family:'Proxima Nova Rg';src:url('../fonts/Proxima/ProximaNova-Regular.eot');src:url('../fonts/Proxima/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),url('../fonts/Proxima/ProximaNova-Regular.woff2') format('woff2'),url('../fonts/Proxima/ProximaNova-Regular.woff') format('woff'),url('../fonts/Proxima/ProximaNova-Regular.ttf') format('truetype'),url('../fonts/Proxima/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'Proxima Nova Bl';src:url('../fonts/Proxima/ProximaNova-Black.eot');src:url('../fonts/Proxima/ProximaNova-Black.eot?#iefix') format('embedded-opentype'),url('../fonts/Proxima/ProximaNova-Black.woff2') format('woff2'),url('../fonts/Proxima/ProximaNova-Black.woff') format('woff'),url('../fonts/Proxima/ProximaNova-Black.ttf') format('truetype'),url('../fonts/Proxima/ProximaNova-Black.svg#ProximaNova-Black') format('svg');font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:'Proxima Nova Rg';src:url('../fonts/Proxima/ProximaNova-Bold.eot');src:url('../fonts/Proxima/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'),url('../fonts/Proxima/ProximaNova-Bold.woff2') format('woff2'),url('../fonts/Proxima/ProximaNova-Bold.woff') format('woff'),url('../fonts/Proxima/ProximaNova-Bold.ttf') format('truetype'),url('../fonts/Proxima/ProximaNova-Bold.svg#ProximaNova-Bold') format('svg');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:'Proxima Nova Lt';src:url('../fonts/Proxima/ProximaNova-Semibold.eot');src:url('../fonts/Proxima/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'),url('../fonts/Proxima/ProximaNova-Semibold.woff2') format('woff2'),url('../fonts/Proxima/ProximaNova-Semibold.woff') format('woff'),url('../fonts/Proxima/ProximaNova-Semibold.ttf') format('truetype'),url('../fonts/Proxima/ProximaNova-Semibold.svg#ProximaNova-Semibold') format('svg');font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:'Proxima Nova Lt';src:url('../fonts/Proxima/ProximaNova-Light.eot');src:url('../fonts/Proxima/ProximaNova-Light.eot?#iefix') format('embedded-opentype'),url('../fonts/Proxima/ProximaNova-Light.woff2') format('woff2'),url('../fonts/Proxima/ProximaNova-Light.woff') format('woff'),url('../fonts/Proxima/ProximaNova-Light.ttf') format('truetype'),url('../fonts/Proxima/ProximaNova-Light.svg#ProximaNova-Light') format('svg');font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:'Neue Haas Grotesk Display Pro';src:url('../fonts/NeueHaasDisplay/NeueHaasDisplay-Bold.eot');src:url('../fonts/NeueHaasDisplay/NeueHaasDisplay-Bold.eot?#iefix') format('embedded-opentype'),url('../fonts/NeueHaasDisplay/NeueHaasDisplay-Bold.woff2') format('woff2'),url('../fonts/NeueHaasDisplay/NeueHaasDisplay-Bold.woff') format('woff'),url('../fonts/NeueHaasDisplay/NeueHaasDisplay-Bold.ttf') format('truetype'),url('../fonts/NeueHaasDisplay/NeueHaasDisplay-Bold.svg#NeueHaasDisplay-Bold') format('svg');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:'Neue Haas Grotesk Display Pro';src:url('../fonts/NeueHaasDisplay/NeueHaasDisplay-Mediu.eot');src:url('../fonts/NeueHaasDisplay/NeueHaasDisplay-Mediu.eot?#iefix') format('embedded-opentype'),url('../fonts/NeueHaasDisplay/NeueHaasDisplay-Mediu.woff2') format('woff2'),url('../fonts/NeueHaasDisplay/NeueHaasDisplay-Mediu.woff') format('woff'),url('../fonts/NeueHaasDisplay/NeueHaasDisplay-Mediu.ttf') format('truetype'),url('../fonts/NeueHaasDisplay/NeueHaasDisplay-Mediu.svg#NeueHaasDisplay-Mediu') format('svg');font-weight:400;font-style:normal;font-display:swap}
body {
    color: #333333;
    line-height: 1.4;
    font-size: 14px;
    color: #333333;
    font-family: 'Proxima Nova Lt';
    font-weight: 300;
}
h1, h2, h3, h4, h5, h6{
    font-family: 'Neue Haas Grotesk Display Pro';
    font-weight: normal;
}
a {
  color: #575757; 
}
a:hover {
  color: #000;
  text-decoration: none;
}
dl, ol, ul{
    padding-left: 20px;
}
.headerback{
    background-size: cover;
    background-color: #353535;
    padding: 8px 15px 40px;
    text-align: center;
    color: #FFF; 
}
.headerback a {
  color: #FFF; 
}
.headerback a:hover {
  color: #c4c4c4; 
}
.headerback-wrapper{
    padding: 8px 15px 30px;
    text-align: center;
    color: #FFF; 
}
.fa, .fas, .fab{
    margin-right: 8px;
}
.social-icons{
    text-align: right;
}
.social-icons a{
    background-color: #FFF;
    border-radius: 25px;
    padding: 8px;
    margin-right: 8px;
    text-align: center;
    position: relative;
    display: inline-block;
    height: 27px;
    padding-top: 3px;
}
.social-icons a:hover{
    background-color: #c4c4c4;
}
.social-icons a .fab{
    color: #575757;
    margin: auto;
    position: relative;
    min-width: 12px;
    line-height: 22px;
}
.header{
    background-color: #FFF;
    border: 1px solid #ececec;
    border-radius:  15px;
    margin-top: -60px;
    padding: 15px;
    position: relative;
    z-index: 99;
    color: #575757; 
}
.float .header{
    position: fixed;
    width: calc(100vw);
    left: 0;
    top: 0;
    margin-top: 0;
    margin-left: 0;
    border-radius: 0;
    box-shadow: 0 3px 3px -1px rgb(0 0 0 / 30%);
    padding: 15px;
}
.float .header .navbar-toggler{
    padding-right: 0px;
}
.header .logo{
    text-align: left;
    margin: auto;
    padding-left: 0;
    margin-top: -5px;
    margin-bottom: -8px;
}
.header .logo img{
    max-height: 67px;
    max-width: 230px;
}
.header .navigation{
    text-align: right;
}
.header .bookdemobtn{
    padding-right: 0;
}
.float .header .bookdemobtn{
    padding-right: 15px;
}
.hero-slider{
    margin-top: -50px;
    display: block;
    position: relative;
    overflow: hidden;
}
.swiper {
    width: 100%;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide img {
    display: block;
    width: 100%;
    object-fit: cover;
}
.swiper-button-next, .swiper-button-prev{
    color: #FFF;
}
.swiper-button-next:after, .swiper-button-prev:after{
    font-size: 31px;
}
.home{
    overflow-x: hidden;
}
.section1 {
    display: block;
    position: relative;
    padding: 50px 0px 80px;
}
.section1 img{
    width: 150px;
    text-align: center;
    margin: auto;
}
.cat-heading{
    margin-left: 0px;
    color: #7b7b7b;
    padding: 4px 35px;
    padding-left: 150px;
    background-color: #FFF;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    text-transform: uppercase;
    display: inline-block; 
    box-shadow: 8px 8px 20px -4px rgb(0 0 0 / 85%);
    -webkit-box-shadow: 8px 8px 20px -4px rgb(0 0 0 / 85%);
    -moz-box-shadow: 8px 8px 20px -4px rgb(0 0 0 / 85%);
}
.main-wrapper{
    width: 100%;
    display: block;
    position: relative;
}
.wrapper{
    padding: 50px 15px 10px 15px;
    display: block;
    position: relative;
    overflow: hidden;
}
.section2{
    padding: 50px 0px;
    display: block;
    position: relative;
    font-size: 18px;
}
.section2 .left-ball{
    text-align: right;
    padding-right: 50px;
}
.section2 .left-ball img{
    max-height: 255px;
}
.cat-heading h5{
    margin-bottom: 0px;
}
.cat-section1-heading{
    font-size: 36px;
    line-height: 32px;
    letter-spacing: 1px;
    color: #93c120;
    font-family: 'Neue Haas Grotesk Display Pro';
    font-weight: bold;
}
.cat-section1-heading span{
    color: #7a2b87;
}
.cat-section1-heading-big{
    font-size: 55px;
    letter-spacing: 1px;
    color: #93c120;
    font-family: 'Neue Haas Grotesk Display Pro';
    font-weight: bold;
}
.cat-section1-heading-big span{
    color: #7a2b87;
}
.dark-back{
    background-color: #353535;
    color: #FFF;
}
.section3{
    padding: 50px 0px;
    display: block;
    position: relative;
}
.dark-back .cat-section1-heading{
    color: #FFF;
}
.dark-back .cat-section1-heading span{
    color: #93c120;
}
.section4{
    padding: 50px 0px;
    display: block;
    position: relative;
    overflow: hidden;
    font-size: 18px;
}
.section4 .wrapper{
    overflow: inherit;
}
.section4 .swiper-button-next, .section4 .swiper-button-prev{
    top: 54%;
}
.section4 .swiper-button-next{
    right: 25px;
}
.section4 .swiper-button-prev{
    left: 25px;
}
.section5{
    display: block;
    position: relative;
}
.section6{
    padding: 50px 0px;
    display: block;
    position: relative;
}
.section7{
    padding: 50px 0px 90px 0px;
    display: block;
    position: relative;
    background-image: url("../images/theme/section7/background.png");
    background-size: cover;
    background-position: center;
    background-color: #FFF;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.section7 .popover-block{
    padding: 50px 0;
}
.navbar-toggler{
    padding: 16px 14px 10px;
}
.navbar-toggler:focus{
    outline: 0px auto -webkit-focus-ring-color;
}
.section8{
    padding: 50px 0px;
    display: block;
    position: relative;
}
.dark-transparent-bak{
    margin-top: 90px;
    background-color: #00000047;
}
.footer{
    padding: 50px 0px;
    display: block;
    position: relative;
    color: #575757;
    font-size: 18px;
}
.footer .logo img{
    max-width: 450px;
    width: 100%;
}
.footer .contact-info a{
    margin-bottom: 15px;
    color: #7b7b7b;
}
.footer .contact-info a:hover{
    color: #575757;
}
.footer .fa, .footer .fas, .footer .fab{
    margin-right: 15px;
    min-width: 18px;
}
.footer .social-icons{
    text-align: right;
}
.footer .social-icons a{
    background-color: #000;
    border-radius: 35px;
    padding: 10px;
    margin-right: 8px;
    text-align: center;
    position: relative;
    display: inline-block;
    height: 36px;
    padding-top: 6px;
}
.footer .social-icons a.instagram:hover{
    background-color: #f7941e;
}
.footer .social-icons a.facebook:hover{
    background-color: #7d4a9d;
}
.footer .social-icons a.linkedin:hover{
    background-color: #00aeef;
}
.footer .social-icons a .fab{
    color: #FFF;
    margin: auto;
    position: relative;
    min-width: 16px;
    font-size: 20px;
    line-height: 24px;
}
.btn-light{
    border: 1px solid #7b7b7b;
    color: #7b7b7b;
    border-radius: 18px;
    padding: 6px 25px;
    background-color: #FFF;
    margin-top: 9px;
}
.btn-dark{
    border: 1px solid #FFF;
    color: #FFF;
    border-radius: 18px;
    padding: 6px 25px;
    background-color: transparent;
    margin-top: 7px;
    font-weight: bold;
}
.btn-dark:hover, .btn-dark:focus{
    border: 1px solid #FFF;
    color: #FFF;
    background-color: #7b7b7b;
}
.mr-0{margin-right:0}.mr-5{margin-right:5px}.mr-10{margin-right:10px}.mr-15{margin-right:15px}.mr-20{margin-right:20px}.mr-25{margin-right:25px}.mr-30{margin-right:30px}.mr-35{margin-right:35px}.mr-40{margin-right:40px}.mr-45{margin-right:45px}.mr-50{margin-right:50px}.mr-55{margin-right:55px}.mr-60{margin-right:60px}.mr-65{margin-right:65px}.mr-70{margin-right:70px}.mr-75{margin-right:75px}.mr-80{margin-right:80px}.mr-85{margin-right:85px}.mr-90{margin-right:90px}.mr-95{margin-right:95px}.mr-100{margin-right:100px}.mr-110{margin-right:110px}.mr-120{margin-right:120px}.mr-130{margin-right:130px}.mr-140{margin-right:140px}.mr-150{margin-right:150px}.mr-160{margin-right:160px}.mr-170{margin-right:170px}.mr-180{margin-right:180px}.mr-190{margin-right:190px}.mr-200{margin-right:200px}.mr-250{margin-right:250px}.mr-300{margin-right:300px}.mt-25{margin-top:25px}
.popover{
    line-height: 1.4;
    font-size: 18px;
    color: #333333;
    font-family: 'Proxima Nova Lt';
    font-weight: 300;
}
.popover-block{
    width: 992px;
    margin: auto;
}
.popover-center{
    text-align: center!important;
    display: block;
}
.popover-block img.type1{
    width: 170px;
    text-align: center;
    margin: auto;
    z-index: 1;
    position: relative;
    margin-top: -60px;
    margin-left: 30px;
}
.popover-block img.type2{
    width: 170px;
    text-align: center;
    margin: auto;
    z-index: 1;
    position: relative;
    margin-top: -7px;
    margin-left: 30px;
}
.popover-block-back1{
    background-image: url("../images/theme/snake.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 80px 0;
    padding: 105px 18px;
    width: 992px;
    height: 425px;
}
.popover-block-back1 .text-center{
    vertical-align: middle;
    position: relative;
    align-items: center;
    display: flex;
}
.pl-8{
    padding-left: 8px;
}
.pl-10{
    padding-left: 10px;
}
.pl-15{
    padding-left: 15px;
}
.pl-20{
    padding-left: 20px;
}
.pr-0{
    padding-right: 0px;
}
.mt-30{
    margin-top: 30px;
}
.popover .arrow {
    position: absolute;
    display: block;
    width: 2rem;
    height: 2.5rem;
    margin: 0 0.3rem;
}
.bs-popover-auto[x-placement^=top]>.arrow::before, .bs-popover-top>.arrow::before {
    bottom: -32px;
    border-width: 2.5rem 1rem 0;
    border-top-color: rgba(0,0,0,.25);
}
.bs-popover-auto[x-placement^=top]>.arrow::after, .bs-popover-top>.arrow::after {
    bottom: -31px;
    border-width: 2.5rem 1rem 0;
    border-top-color: #fff;
}
.bs-popover-auto[x-placement^=top]>.arrow::before, .bs-popover-bottom>.arrow::before {
    top: -31px;
    border-width: 0px 1.0rem 2.5rem 1.0rem;
    border-top-color: rgba(0,0,0,.25);
}
.bs-popover-auto[x-placement^=top]>.arrow::after, .bs-popover-bottom>.arrow::after {
    top: -30px;
    border-width: 0 1.0rem 2.5rem 1.0rem;
    border-top-color: #fff;
}
.bs-popover-auto[x-placement^=top], .bs-popover-top{
    border-radius: 1rem;
}
.bs-popover-auto[x-placement^=bottom], .bs-popover-bottom{
    border-radius: 1rem;
}
.bs-popover-top{
    left: -11px!important;
    top: 80px!important;
}
.bs-popover-bottom{
    left: -12px!important;
    top: -65px!important;
}
.bs-popover-top .popover-body{
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(212,213,215,1) 94%);
    border-radius: 1rem;
}
.bs-popover-bottom .popover-body{
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(212,213,215,1) 94%);
    border-radius: 1rem;
}
.onhoverchangeimg{
    opacity: 0;
    width: 100%;
    transition: opacity 1000ms ease-in;
}
.fullwidth{
    width: 100%;
}
.extratext{
    font-size: 24px;
    letter-spacing: 1px;
    font-family: 'Neue Haas Grotesk Display Pro';
    font-weight: bold;
    color: #585858;
    line-height: 18px;
    opacity: 0;
    transition: opacity 1000ms ease-in;
}
.extratext span{
    font-size: 16px;
    font-family: 'Proxima Nova Lt';
    font-weight: 300;
    color: #585858;
}
.extratext .count{
    display: inline-block;
}
.extratext.extratext-top{
    position: absolute;
    top: -110px;
    width: 100%;
    left: 0px;
}
.extratext.extratext-bottom{
    position: absolute;
    bottom: -60px;
    width: 100%;
    left: 0px;
}
.dark-back .extratext, .extratext-white.extratext{
    color: #FFF;
}
.dark-back .extratext span, .extratext-white.extratext span{
    color: #FFF;
}
    
@media only screen and (max-width: 768px) {
    .mrs-0{margin-right:0}.mrs-5{margin-right:5px}.mrs-10{margin-right:10px}.mrs-15{margin-right:15px}.mrs-20{margin-right:20px}.mrs-25{margin-right:25px}.mrs-30{margin-right:30px}.mrs-35{margin-right:35px}.mrs-40{margin-right:40px}.mrs-45{margin-right:45px}.mrs-50{margin-right:50px}.mrs-55{margin-right:55px}.mrs-60{margin-right:60px}.mrs-65{margin-right:65px}.mrs-70{margin-right:70px}.mrs-75{margin-right:75px}.mrs-80{margin-right:80px}.mrs-85{margin-right:85px}.mrs-90{margin-right:90px}.mrs-95{margin-right:95px}.mrs-100{margin-right:100px}.mrs-110{margin-right:110px}.mrs-120{margin-right:120px}.mrs-130{margin-right:130px}.mrs-140{margin-right:140px}.mrs-150{margin-right:150px}.mrs-160{margin-right:160px}.mrs-170{margin-right:170px}.mrs-180{margin-right:180px}.mrs-190{margin-right:190px}.mrs-200{margin-right:200px}
    .cat-heading{
        padding-left: 25px;
        padding-right: 20px;
        margin-right: 15px;
    }
    .cat-section1-heading{
        text-align: center;
    }
    .cat-section1-heading-big{
        text-align: center;
        font-size: 36px;
    }
    .section2 .left-ball{
        padding-top: 25px;
        padding-right: 15px;
        text-align: center;
    }
    .footer .contact-info .text-left{
        text-align: center!important;
    }
    .footer .social-icons{
        text-align: center!important;
    }
    .footer .logo{
        text-align: center!important;
    }
}
@media only screen and (max-width: 576px) {
    .hero-slider{
        margin-top: -10px;
    }
}


.elem-group input {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 20px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    background: transparent;
    color: #FFF;
    border: 0px;
    border-bottom: 1px solid #FFF;
    border-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin-bottom: 24px;
}
.elem-group input::placeholder {
    color: #FFF;
}
textarea.form-control {
    height: auto;
    min-height: 172px;
}
#mobimodal .modal-content{
    border-radius: 0;
    border: 3px solid #353535;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(212,213,215,1) 94%);
}
#mobimodal .modal-mobi-heading{
    text-align: center;
    font-size: 22px;
}
#mobimodal .modal-mobi-subheading{
    text-align: center;
    font-size: 18px;
}
.modal-backdrop{
    background-color: #fff;
}
@media only screen and (max-width: 992px) {
    .mrm-0{margin-right:0}.mrm-5{margin-right:5px}.mrm-10{margin-right:10px}.mrm-15{margin-right:15px}.mrm-20{margin-right:20px}.mrm-25{margin-right:25px}.mrm-30{margin-right:30px}.mrm-35{margin-right:35px}.mrm-40{margin-right:40px}.mrm-45{margin-right:45px}.mrm-50{margin-right:50px}.mrm-55{margin-right:55px}.mrm-60{margin-right:60px}.mrm-65{margin-right:65px}.mrm-70{margin-right:70px}.mrm-75{margin-right:75px}.mrm-80{margin-right:80px}.mrm-85{margin-right:85px}.mrm-90{margin-right:90px}.mrm-95{margin-right:95px}.mrm-100{margin-right:100px}.mrm-110{margin-right:110px}.mrm-120{margin-right:120px}.mrm-130{margin-right:130px}.mrm-140{margin-right:140px}.mrm-150{margin-right:150px}.mrm-160{margin-right:160px}.mrm-170{margin-right:170px}.mrm-180{margin-right:180px}.mrm-190{margin-right:190px}.mrm-200{margin-right:200px}.mtm-25{margin-top:25px}
    .popover-block{
        width: 320px;
        margin: auto;
    }
    .popover-block img{
        width: 120px;
        text-align: center;
        margin: auto;
        z-index: 1;
        position: relative;
    }
    .popover-block-back1{
        background-image: url("../images/theme/mobile/snake.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin: 50px auto;
        padding: 13px 23px 4px;
        width: 125px;
        height: 450px;
    }
    .popover-block img.type1{
        width: 120px;
        text-align: center;
        margin: auto;
        z-index: 1;
        position: relative;
        margin-left: -13px;
        margin-right: -55px;
    }
    .popover-block img.type2 {
        width: 120px;
        text-align: center;
        margin: auto;
        z-index: 1;
        position: relative;
        margin-left: -45px;
        margin-right: -29px;
    }
    .popover-block-back1 .text-center{
        vertical-align: middle;
        position: relative;
        align-items: center;
        display: flex;
    }
    .extratext.extratext-top{
        position: absolute;
        right: -126px;
        width: 90px;
        top: 39px;
        left: unset;
        word-break: break-word;
        line-height: 24px;
        font-size: 16px;
        hyphens: manual;
    }
    .extratext.extratext-bottom{
        position: absolute;
        left: -125px;
        width: 100px;
        top: 39px;
        right: unset;
        word-break: break-word;
        line-height: 24px;
        font-size: 16px;
        hyphens: manual;
    }
    .bs-popover-top {
        left: -20px!important;
        top: -24px!important;
    }
    .bs-popover-bottom {
        left: 8px!important;
        top: 14px!important;
    }
}
.popover-body p:last-child, .popover-body .popover-center p:last-child, .popover-body ul:last-child{
    margin-bottom: 0px;
}
.fade-in {
  opacity: 0;
  transition: opacity 1000ms ease-in;
}

.fade-in.appear {
  opacity: 1;
}


.from-left {
  grid-column: 2 / 3;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.from-right {
  grid-column: 3 / 4;
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
}
.from-top {
  grid-column: 2 / 3;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.from-bottom {
  grid-column: 3 / 4;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
}

.from-left,
.from-right,
.from-top,
.from-bottom {
  transition: opacity 1000ms ease-in, -webkit-transform 800ms ease-in;
  transition: opacity 1000ms ease-in, transform 800ms ease-in;
  transition: opacity 1000ms ease-in, transform 800ms ease-in,
    -webkit-transform 800ms ease-in;
  opacity: 0;
}

.from-left.appear,
.from-right.appear,
.from-top.appear,
.from-bottom.appear {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}
@media (min-width: 992px){
    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 20px 15px 15px;
    }
}