@import url(https://fonts.googleapis.com/css2?family=Kaushan+Script&display=swap);
@font-face {
    font-family: "Gilroy-Medium";
    src: url(../fonts/Gilroy-Medium.eot);
    src: url(../fonts/Gilroy-Medium.eot?#iefix) format("embedded-opentype"), url(../fonts/Gilroy-Medium.otf) format("otf"), url(../fonts/Gilroy-Medium.svg#Gilroy-Medium) format("svg"), url(../fonts/Gilroy-Medium.ttf) format("truetype"), url(../fonts/Gilroy-Medium.woff) format("woff"), url(../fonts/Gilroy-Medium.woff2) format("woff2");
}
@font-face {
    font-family: "Gilroy-Bold";
    src: url(../fonts/Gilroy-Bold.eot);
    src: url(../fonts/Gilroy-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/Gilroy-Bold.otf) format("otf"), url(../fonts/Gilroy-Bold.svg#Gilroy-Bold) format("svg"), url(../fonts/Gilroy-Bold.ttf) format("truetype"), url(../fonts/Gilroy-Bold.woff) format("woff"), url(../fonts/Gilroy-Bold.woff2) format("woff2");
}
@font-face {
    font-family: "Gilroy-ExtraBold";
    src: url(../fonts/Gilroy-ExtraBold.eot);
    src: url(../fonts/Gilroy-ExtraBold.eot?#iefix) format("embedded-opentype"), url(../fonts/Gilroy-ExtraBold.otf) format("otf"), url(../fonts/Gilroy-ExtraBold.svg#Gilroy-ExtraBold) format("svg"), url(../fonts/Gilroy-ExtraBold.ttf) format("truetype"), url(../fonts/Gilroy-ExtraBold.woff) format("woff"), url(../fonts/Gilroy-ExtraBold.woff2) format("woff2");
}
@font-face {
    font-family: "Gilroy-Black";
    src: url(../fonts/Gilroy-Black.eot);
    src: url(../fonts/Gilroy-Black.eot?#iefix) format("embedded-opentype"), url(../fonts/Gilroy-Black.otf) format("otf"), url(../fonts/Gilroy-Black.svg#Gilroy-Black) format("svg"), url(../fonts/Gilroy-Black.ttf) format("truetype"), url(../fonts/Gilroy-Black.woff) format("woff"), url(../fonts/Gilroy-Black.woff2) format("woff2");
}

:root {
    --primary: #de0100;
    --secondary: #2e409a;
    --text-color: #212529;
    --body-text: "Gilroy-Medium";
}
*,
*::before,
*::after {
    transition: all 0.7s ease;
}
body {
    font-family: "Gilroy-Medium";
    font-size: 16px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Gilroy-Bold";
}
a,
a:active,
a:focus,
a:hover {
    outline: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer !important;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
div#header-top-info {
    background-color: #2e409a;
    padding: 5px 0;
}
.contact-box ul {
    padding: 0;
    margin: 0;
}
.contact-box ul li {
    list-style: none;
    display: inline-block;
    margin-right: 20px;
    position: relative;
    top: 10px;
}
.contact-box ul li p {
    color: #fff;
    margin-bottom: 0;
}
.contact-box ul li p i {
    margin-right: 7px;
    color: #de0100;
}
.social-media-div {
    float: right;
}
.social-media-div ul {
    margin: 0;
    padding: 0;
}
.social-media-div ul li {
    list-style: none;
    display: inline-block;
    padding: 3px 2px;
}
.social-media-div ul li:last-child {
    border-right: none;
}
.social-media-div ul li i {
    color: #fff;
    padding: 0 5px;
    font-size: 20px;
    position: relative;
    top: 2px;
}
.navbar-expand-lg .navbar-nav .nav-link {
    margin: 4px;
    padding: 10px 6px;
    color: #2e409a;
    font-family: "Gilroy-Bold";
    font-size: 15px;
}
.navbar-expand-lg .navbar-nav .nav-link:hover {
    color: #de0100;
}
.navbar-nav .nav-link {
    display: inline-block;
    padding-top: 15px;
    padding-bottom: 15px;
}
.navbar-nav .nav-link.active,
.navbar-nav .nav-link:hover {
    color: #de0100;
}
.navbar-toggler {
    border: 0;
    padding: 0;
    cursor: pointer;
    margin: 0;
    width: 30px;
    height: 35px;
    outline: none;
}
.navbar-toggler:focus {
    outline: none;
    box-shadow: none;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    background: #fff0;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before,
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
    transition: top 300ms 50ms ease, -webkit-transform 300ms 350ms ease;
    transition: top 300ms 50ms ease, transform 300ms 350ms ease;
    transition: top 300ms 50ms ease, transform 300ms 350ms ease, -webkit-transform 300ms 350ms ease;
    top: 0;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
    transform: rotate(45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
    transform: rotate(-45deg);
}
.navbar-toggler .navbar-toggler-icon {
    background: #de0100;
    transition: background 10ms 300ms ease;
    display: block;
    width: 30px;
    height: 2px;
    position: relative;
}
.navbar-toggler .navbar-toggler-icon:before,
.navbar-toggler .navbar-toggler-icon:after {
    transition: top 300ms 350ms ease, -webkit-transform 300ms 50ms ease;
    transition: top 300ms 350ms ease, transform 300ms 50ms ease;
    transition: top 300ms 350ms ease, transform 300ms 50ms ease, -webkit-transform 300ms 50ms ease;
    position: absolute;
    right: 0;
    left: 0;
    background: #de0100;
    width: 30px;
    height: 2px;
    content: "";
}
.navbar-toggler .navbar-toggler-icon::before {
    top: -8px;
}
.navbar-toggler .navbar-toggler-icon::after {
    top: 8px;
}
.img-logo {
    width: 120px;
}
.custom-btn {
    background-color: #de0100;
    color: #fff;
    font-weight: 600;
}
.custom-btn i {
    margin-left: 5px;
}
section#movement {
    background: url(../img/flag-img.png) no-repeat;
    padding-top: 80px;
    background-position: 100% 0%;
}
.movement-txt h1 {
    line-height: 42px;
    color: #2e409a;
    font-family: "Gilroy-ExtraBold";
}
.movement-txt h1 span {
    color: #de0100;
}
.read-btn a {
    background-color: #de0100;
    border-color: #de0100;
    color: #fff !important;
    font-family: "Gilroy-Bold";
    padding: 8px 15px;
    border-radius: 5px;
}
section#priority-box {
    /* background-color: #00194b; */
    margin-top: 70px;
    min-height: 200px;
}
.section-title.text-center {
    padding-top: 40px;
}
.section-title.text-center h2 {
    color: #de0100;
}
.section-title.text-center h3 {
    color: #2e409a;
    /* color: #fff; */
    position: relative;
    margin-bottom: 0;
}
.section-title.text-center h2::after {
    content: "";
    /* border: 1px solid #fff; */
    border: 1px solid #de0100;
    width: 5%;
    display: block;
    text-align: center;
    position: absolute;
    right: 47%;
    margin-top: 10px;
}
.testimonial .testimonial-content {
    padding: 35px 25px 35px 50px;
    margin-bottom: 35px;
    background: #fff;
    border: 1px solid #f0f0f0;
    position: relative;
}
.testimonial .testimonial-content:after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #fff;
    position: absolute;
    bottom: -10px;
    left: 22px;
    transform: rotate(45deg);
}
.testimonial-content .testimonial-icon {
    width: 50px;
    height: 45px;
    background: #ff4242;
    text-align: center;
    font-size: 22px;
    color: #fff;
    line-height: 42px;
    position: absolute;
    top: 37px;
    left: -19px;
}
.testimonial-content .testimonial-icon:before {
    content: "";
    border-bottom: 16px solid #e41212;
    border-left: 18px solid #fff0;
    position: absolute;
    top: -16px;
    left: 1px;
}
.testimonial .description {
    font-size: 15px;
    font-style: italic;
    color: #8a8a8a;
    line-height: 23px;
    margin: 0;
}
.testimonial .title {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #525252;
    text-transform: capitalize;
    letter-spacing: 1px;
    margin: 0 0 5px 0;
}
.testimonial .post {
    display: block;
    font-size: 14px;
    color: #ff4242;
}
.owl-theme .owl-controls {
    margin-top: 20px;
}
.owl-theme .owl-controls .owl-page span {
    background: #ccc;
    opacity: 1;
    transition: all 0.4s ease 0s;
}
#testimonial-slider.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #de0100 !important;
}
.section-title.text-center p {
    /* color: #fff; */
    width: 80%;
    margin: auto;
    margin-top: 30px;
}
.testimonial {
    margin: 0 5px 10px;
}
div#testimonial-slider {
    margin-top: 40px;
    margin-bottom: 30px;
}
#misson-web {
    background: url(../img/mission-box.png) no-repeat;
    min-height: 140px;
    background-position: center;
    margin-top: 50px;
    border-radius: 10px;
}
.mission-txt h2 {
    color: #fff;
}
.mission-txt {
    padding: 30px 30px;
}
.mission-btn {
    text-align: center;
    margin-top: 50px;
}
.mission-btn a {
    background-color: #fff;
    padding: 10px 15px;
    color: #de0100;
    border-color: #fff;
    font-family: "Gilroy-Bold";
    font-size: 18px;
    border-radius: 5px;
}
section#aboutus {
    margin-top: 70px;
}
.about-imgs ul {
    margin: 0;
    padding: 0;
}
.about-imgs ul li {
    list-style: none;
    display: inline-block;
}
.about-imgs-txt h2 {
    font-size: 2.3rem;
    font-family: "Gilroy-ExtraBold";
    color: #de0100;
    line-height: 40px;
}
.about-imgs-txt h2 span {
    color: #2e409a;
}
.main-title {
    border-left: 3px solid #2e409a;
}
.main-title p {
    margin-left: 10px;
    font-size: 1.3rem;
    font-style: italic;
    font-family: "Gilroy-Bold";
    color: #2e409a;
}
.read-btn {
    margin-top: 20px;
}
section#donation {
    background: url(../img/donation-bg.png) no-repeat;
    min-height: 443px;
    margin-top: 70px;
}
.img_flag {
    position: absolute;
    right: 0;
}
.flag-hand {
    position: relative;
}
section#join-mov {
    margin-top: 70px;
}
#left-mov-section {
    width: 50%;
    float: left;
    padding: 0 30px;
    background-color: #f2f7ff;
    min-height: 450px;
}
#right-mov-section {
    width: 50%;
    float: left;
}
.img_flag {
    position: absolute;
}
.joinus-txt {
    margin-top: 30px;
}
.joinus-txt h3 {
    color: #2e409a;
}
.joinus-txt h2 {
    color: #de0100;
    font-family: "Gilroy-ExtraBold";
}
section#member-list {
    margin-top: 60px;
    background-color: #f2f7ff;
    padding: 50px 0;
    padding-bottom: 50px;
}
.member-title h3 {
    color: #2e409a;
    margin-bottom: 3px;
}
.member-title h2 {
    color: #de0100;
    font-family: "Gilroy-ExtraBold";
}
.left-section {
    background: url(../img/fight-nation-blue.png) no-repeat;
    min-height: 418px;
    width: 50%;
    float: left;
}
.right-section {
    width: 50%;
    float: left;
}
.left-section-txt {
    margin: 17% 15%;
}
.left-section-txt h3 {
    color: #fff;
}
.left-section-txt h2 {
    color: #fff;
    font-family: "Gilroy-Bold";
}
.main-btn {
    margin-top: 20px;
}
.main-btn a {
    background-color: #de0100;
    border-color: #de0100;
    color: #fff;
    font-family: "Gilroy-Bold";
    padding: 10px 20px;
    border-radius: 5px;
}
section#upcoming-events {
    margin-top: 60px;
}
.event-title h2 {
    color: #2e409a;
    padding: 5px 5px;
    font-family: "Gilroy-ExtraBold";
}
.event-title-new {
    border: 1px solid #de0100;
    padding: 10px 10px;
    margin-bottom: 12px;
    border-radius: 5px;
    min-height: 82px;
}
.news-title h2 {
    font-family: "Kaushan Script", cursive;
    color: #2e409a;
}
.post-view {
    margin-top: 25px;
}
footer {
    background: url(../media/bg/background.png) no-repeat;
    min-height: 425px;
    margin-top: 70px;
    background-position: center;
    background-size: cover;
}
.footer-section {
    margin-top: 50px;
}
.footer-section p {
    margin-top: 20px;
    color: #fff;
    line-height: 22px;
    font-size: 16px;
}
.social-media-links ul {
    margin: 0;
    padding: 0;
}
.social-media-links ul li {
    list-style: none;
    display: inline-block;
    margin-right: 3px;
}
.social-media-links ul li img {
    width: 45px;
}
.social-media-links h4 {
    color: #fff;
    margin-top: 20px;
    font-family: "Gilroy-Medium";
}
.social-media-links ul {
    margin-top: 6px !important;
}
.social-media-links h6 {
    color: #fff;
    font-family: Gilroy-Medium;
    margin-bottom: 0 !important;
}
.navigation h3 {
    color: #fff;
    margin-top: 40px;
}
.navigation h3::after {
    content: "";
    border: 1px solid #de0100;
    width: 3%;
    display: block;
    text-align: center;
    position: absolute;
    margin-top: 12px;
}
.navigation ul li {
    list-style: none;
    padding: 5px 0;
}
.navigation ul {
    margin: 0;
    padding: 0;
    margin-top: 30px;
}
.navigation ul li a {
    color: #fff;
}
.navigation button {
    background-color: #de0100;
    border-color: #de0100;
}
.navigation button:hover {
    background-color: #2e409a;
    border-color: #2e409a;
}
.navigation button:focus {
    background-color: #2e409a;
    border-color: #2e409a;
}
.navigation button:active {
    background-color: #2e409a;
    border-color: #2e409a;
}
.navigation ul li a:hover {
    color: #de0100;
}
.contact-info {
    margin-bottom: 10px;
}
.contact-icon {
    float: left;
    margin-right: 10px;
    text-align: center;
}
.contact-icon i {
    color: #de0100;
    font-size: 25px;
    border-radius: 3px;
    margin-right: 3px;
}
.copyright_txt_div p {
    color: #fff;
    padding: 10px 0;
    margin-bottom: 0;
    font-size: 15px;
    text-align: center;
}
p.signup_list {
    margin-top: 40px;
    width: 100%;
}
#testimonial-slider.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 35px !important;
    height: 3px !important;
    margin: 5px 5px !important;
    filter: Alpha(Opacity=50);
    opacity: 1 !important;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #fff !important;
}
.post-slide {
    position: relative;
    margin: 5px;
    margin-top: 25px;
    background-color: #fff;
    padding: 10px;
    border-radius: 10px;
    padding-bottom: 5px;
}
.post-slide .post-date {
    width: 80px;
    background: #a2397b;
    float: left;
    padding: 15px 0;
}
.post-slide:hover .post-date {
    background: #3498db;
}
.post-slide .date {
    font-size: 30px;
    color: #fff;
    display: block;
    text-align: center;
    font-weight: 700;
}
.post-slide .month {
    font-size: 14px;
    color: #fff;
    display: block;
    text-align: center;
    text-transform: uppercase;
}
.post-slide .post-content {
    padding-left: 98px;
}
.post-slide .post-content img {
    width: 100%;
    height: auto;
}
.post-slide .post-title {
    margin: 25px 0 15px 0;
}
.post-slide .post-title a {
    font-size: 15px;
    font-weight: 700;
    color: #333;
    display: inline-block;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.post-slide .post-title a:hover {
    color: #3498db;
    text-decoration: none;
}
.post-slide .post-description {
    font-size: 14px;
    line-height: 24px;
    color: gray;
    margin-bottom: 25px;
}
.post-slide .read-more {
    display: inline-block;
    color: #fff;
    background: #3498db;
    padding: 15px 13px;
    font-weight: 700;
    border-radius: 2px;
    text-transform: uppercase;
    border-bottom: 4px solid #226595;
    transition: color 0.2s linear;
}
.post-slide .read-more:hover {
    text-decoration: none;
    background: #226595;
}
.post-slide .read-more i {
    margin-left: 10px;
    font-size: 10px;
}
.owl-controls .owl-buttons {
    margin: 10px;
    position: absolute;
    top: -19%;
    text-align: center;
    right: 0;
}
.owl-controls .owl-prev,
.owl-controls .owl-next {
    display: inline-block;
    padding: 8px 20px;
    background: #fff;
    border: 5px solid #2e409a;
    margin-right: 30px;
    transition: background 0.5s ease;
}
.owl-controls .owl-prev:after,
.owl-controls .owl-next:after {
    content: "\f104";
    font-family: FontAwesome;
    color: #fff;
    font-size: 26px;
    line-height: 26px;
}
.owl-controls .owl-next:after {
    content: "\f105";
}
.owl-controls .owl-prev:hover:after,
.owl-controls .owl-next:hover:after {
    color: #fff;
}
@media only screen and (max-width: 480px) {
    .post-slide .post-date {
        width: 70px;
    }
    .post-content {
        padding-left: 85px;
    }
}
.team-section-info {
    margin-top: 15px;
    text-align: center;
}
.team-section-info h4 {
    margin-bottom: 0;
    color: #2e409a;
}
.team-section-info p {
    color: #de0100;
    margin-bottom: 6px;
}
section#fight-nation {
    margin-top: 50px;
}
#news-slider.owl-theme .owl-controls .owl-buttons div {
    color: #fff;
    display: inline-block;
    zoom: 1;
    display: inline;
    margin: 5px;
    padding: 7px 13px;
    font-size: 12px;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
    background: #2e409a;
    filter: Alpha(Opacity=50);
    opacity: 1;
}
.left-side-txt.carousel-caption {
    right: unset;
    bottom: 0;
    text-align: left;
    left: 9%;
    width: 47%;
}
.left-side-txt.carousel-caption h5 {
    font-family: "Gilroy-Bold";
}
.poll-heading {
    font-size: 2rem !important;
    line-height: 35px !important;
    font-family: "Gilroy-Black";
}
.left-side-txt.carousel-caption h2 {
    font-size: 2.2rem;
    line-height: 35px;
    font-family: "Gilroy-Black";
}
.left-side-txt.carousel-caption h2 span {
    color: #de0100;
}
.join-btn {
    margin-top: 30px;
}
.join-btn a {
    background-color: #de0100;
    padding: 14px 15px;
    color: #fff;
    border-radius: 5px;
    font-family: "Gilroy-Bold";
}
.join-btn a:hover {
    background-color: #716f71;
}
.join-btn a i {
    background-color: #fff;
    color: #de0100;
    margin-left: 5px;
    padding: 4px 5px;
    border-radius: 50%;
}
.join-btn a i:hover {
    color: #716f71;
}
.join-btn-new {
    margin-top: 30px;
}
.join-btn-new a {
    background-color: #de0100;
    padding: 14px 15px;
    color: #fff;
    border-radius: 5px;
    font-family: "Gilroy-Bold";
}
.join-btn-new a:hover {
    background-color: #716f71;
}
.join-btn-new a i {
    background-color: #fff;
    color: #de0100;
    margin-left: 5px;
    padding: 4px 5px;
    border-radius: 50%;
}
.join-btn-new a i:hover {
    color: #716f71;
}
.center-side-txt.carousel-caption {
    right: 10%;
    bottom: 4rem;
    text-align: center;
    left: 11%;
}
.center-side-txt.carousel-caption h5 {
    font-family: "Kaushan Script", cursive;
    font-size: 1.6rem;
}
.center-side-txt.carousel-caption p {
    width: 50%;
    margin: auto;
    text-align: center;
}
.center-side-txt.carousel-caption h2 {
    font-size: 4rem;
    line-height: 64px;
    font-family: "Gilroy-Black";
}
.center-side-txt.carousel-caption h2 span {
    color: #de0100;
}
.card {
    position: relative;
    border: none;
    /*background: radial-gradient(#111 50%, #000 100%);*/
    background: linear-gradient(#ffffff4d 50%, #ffffff42 50%);
    overflow: hidden;
    cursor: pointer;
}
.card img {
    transform: scale(1.12);
    transition: 0.3s ease-out;
}
.card:hover img {
    transform: scale(1.1) translateY(-20px);
    opacity: 0.3;
}
.overlay {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 15px;
    text-align: center;
    color: #000000;
    top: 30px;
    /*background: linear-gradient(transparent 20%, rgb(0 0 0 / 75%) 90%);*/
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    top: 0;
}
@media only screen and (max-width: ){}
.card-hov:hover .overlay::before {
    opacity: 0 !important;
}
.text-h1 {
    transform: translateY(30px);
    opacity: 0;
    transition: all 0.3s ease-out;
    font-size: 1.3rem;
}
.text-p {
    transform: translateY(30px);
    opacity: 0;
    transition: all 0.3s ease-out 0.2s;
}
.link-a {
    display: inline-block;
    background: crimson;
    color: #fff;
    padding: 8px 20px;
    border-radius: 5px;
    transform: translateY(30px);
    opacity: 0;
    transition: all 0.3s ease-out 0.1s;
}
.overlay .link-a:hover {
    background: #de0100;
    color: #fff;
}
.card:hover .overlay .text-h1 {
    opacity: 1;
    transform: translateY(0);
}
.card:hover .overlay .text-p {
    opacity: 1;
    transform: translateY(0);
}
.card:hover .overlay .link-a {
    opacity: 1;
    transform: translateY(0);
}
h4.main-h4 {
    z-index: 999;
    color: #fff;
    padding: 0 15px;
    margin-bottom: 0;
    position: relative;
    min-height: 60px;
    display: flex;
    align-items: center;
}
.main-title-div {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 12;
    padding: 10px;
}
.main-title-div::before {
    position: absolute;
    content: '';
    left: 0;
     background: #00000069; 
    /*background: #0003;*/
    height: 100%;
    z-index: 7;
    width: 100%;
    transition: .7s;
    bottom: 0;
}
.main-title-div p {
    color: #fff;
    padding: 3px 10px;
    margin-bottom: 0;
    background-color: #2e409a;
    margin-left: 13px;
    width: max-content;
    margin-right: 10px;
    border-radius: 5px;
    margin-top: 17px;
}
h3.main-h3::after {
    content: "";
    border: 1px solid #de0100;
    width: 13%;
    display: block;
    text-align: center;
    position: absolute;
    margin-top: 5px;
}
.card-hov:hover .main-title-div {
    display: none;
}
.post-txt-content {
    margin-top: -180px;
    padding: 0 20px;
}
.tag-name {
    margin-bottom: 10px;
}
.tag-name span {
    background-color: #de0100;
    padding: 5px 12px;
    color: #fff;
    border-radius: 5px;
    font-family: "Gilroy-Bold";
}
.event-title-name a {
    font-size: 1.3rem;
    color: #fff;
    font-family: "Gilroy-Bold";
    line-height: 24px;
}
.read-link a {
    font-size: 1.1rem;
    text-decoration: underline;
}
.event-title-name p {
    color: #fff;
    margin-bottom: 10px;
}
.event-title img {
    border-radius: 10px;
}
.glyphicon {
    margin-right: 4px !important;
}
.pagination .glyphicon {
    margin-right: 0px !important;
}
.pagination a {
    color: #555;
}
.panel ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.news-item {
    padding: 4px 10px;
    margin: 0;
    border-bottom: 1px dotted #555;
}
.event-list p {
    margin-bottom: 2px;
    font-family: "Gilroy-Bold";
    font-size: 1.1rem;
    color: #2e409a;
    margin-right: 5px;
}
.event-list p i {
    color: #de0100;
    font-size: 18px;
}
.event-list p span {
    margin-right: 10px;
}
.panel.panel-default {
    border: 1px solid #ddd;
    border-radius: 5px;
}
.panel-footer {
    background-color: #f5f5f5;
    padding: 10px 10px;
}
ul.pagination li {
    background-color: #fff;
    padding: 5px 13px;
    margin-right: 5px;
    border: 1px solid #ddd;
    border-radius: 5px;
}
ul.contact-top p {
    margin-bottom: 0;
}
p.address_top {
    margin-top: 0;
}
.scroll-top-wrapper {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    text-align: center;
    z-index: 888;
    background-color: #2e409a;
    color: #eee;
    width: 50px;
    height: 48px;
    line-height: 48px;
    right: 30px;
    bottom: 30px;
    padding-top: 2px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover {
    background-color: #de0100;
}
.scroll-top-wrapper.show {
    visibility: visible;
    cursor: pointer;
    opacity: 1;
}
.scroll-top-wrapper i.fa {
    line-height: inherit;
}
a.hvr-shutter-out-horizontal.custom-btn.d-lg-block.d-none {
    padding: 8px 12px;
    border-radius: 5px;
}
a.custom-btn.d-lg-block.d-none {
    padding: 8px 12px;
    border-radius: 5px;
}
.navbar-fixed {
    top: 0;
    z-index: 100;
    position: fixed;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 10px 0 #ddd;
}
nav.navbar.navbar-expand-lg.navbar-fixed img {
    width: 120px;
}
div#copyright-list {
    border-top: 1px solid #153981;
    margin-top: 25px;
}
.copyright_txt_link ul li {
    list-style: none;
    display: inline-block;
    padding: 0 6px;
    border-right: 1px solid #153981;
}
.copyright_txt_link ul li a {
    color: #fff;
    font-size: 14px;
}
.copyright_txt_link ul li a:hover {
    color: #de0100;
}
.copyright_txt_link ul li:last-child {
    border-right: none;
}
.copyright_txt_link ul {
    padding: 0;
    margin: 0;
}
.copyright_txt_link {
    float: right;
    margin-top: 10px;
}
section#breadcrumb {
    background: url(../media/banner/bg.png) no-repeat;
    min-height: 285px;
    background-position: center;
    background-size: cover;
}
section#breadcrumb-1 {
    background: url(../img/shop-page.png) no-repeat;
    min-height: 200px;
    background-position: center;
    background-size: cover;
}
.page-title {
    margin-top: 10%;
    text-align: center;
}
.page-title h2 {
    color: #fff;
    margin-bottom: 3px;
}
.page-title-shop {
    margin-top: 5%;
    text-align: center;
}
.page-title-shop h2 {
    color: #fff;
    margin-bottom: 3px;
}
.page-title h1 {
    color: #fff;
}
section#form-switch {
    margin-top: -65px;
}
.page-title ul {
    margin: 0;
    padding: 0;
}
.page-title ul li {
    list-style: none;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    border-right: 1px solid #fff;
    padding: 0 10px;
}
.page-title ul li p {
    margin-bottom: 0;
}
.page-title ul li:last-child {
    border-right: none;
}
.page-title ul li a {
    color: #fff;
}
.volunteer-txt h3 {
    text-transform: uppercase;
    font-size: 35px;
    font-family: "Gilroy-Black";
    margin-bottom: 0;
}
.volunteer-txt {
    background-color: #de0100;
    color: #fff;
    padding: 20px 25px;
    border-radius: 10px 10px 0 0;
    text-align: center;
    padding-bottom: 11px;
}
.joinus-form p {
    padding: 10px 30px;
    text-align: justify;
    margin-bottom: 0;
}
.joinus-form form {
    padding: 15px 25px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    border-radius: 0 0 10px 10px;
    border-top: none;
}
.joinus-form form input {
    height: 48px;
    border: 1px solid #2e409a;
}
.joinus-form form select {
    height: 48px;
    border: 1px solid #2e409a;
}
.joinus-form form textarea {
    border: 1px solid #2e409a;
}
.joinus-form form label {
    margin-top: 10px;
    font-family: "Gilroy-Bold";
    font-size: 17px;
    color: #2e409a;
}
.form-check input {
    height: 17px !important;
    position: relative;
    top: 8px;
}
ul.checkbox-list {
    margin: 0;
    padding: 0;
}
ul.checkbox-list li {
    list-style: none;
    display: inline-block;
    width: auto;
    margin-right: 30px;
}
a.policy-link {
    color: #de0100;
}
.sub-btn {
    margin-top: 10px;
}
.sub-btn a {
    background-color: #de0100;
    border-color: #de0100;
    color: #fff;
    font-family: "Gilroy-Bold";
    padding: 8px 25px;
    border-radius: 5px;
    font-size: 17px;
}
.form-check.check-form label {
    font-size: 16px;
}
.form-check.check-form {
    margin-top: 5px;
}
input::placeholder {
    color: #2e409a !important;
}
select {
    color: #2e409a !important;
}
textarea::placeholder {
    color: #2e409a !important;
}
.success-img {
    width: 35%;
    margin: auto;
    text-align: center;
    margin-bottom: 10px;
}
.success-content h4 {
    text-align: center;
    font-family: "Gilroy-Medium";
    font-size: 20px;
    color: #2e409a;
}
.success-content h4 span {
    color: #de0100;
    font-size: 35px;
    font-family: "Kaushan Script", cursive;
}
button.btn-cross {
    float: right;
    background: #fff0;
    border: none;
}
button.btn-cross i {
    color: #de0100;
    font-size: 30px;
}
.donate-section h5 {
    font-family: Gilroy-Bold;
    font-size: 20px;
    text-align: center;
    color: #de0100;
}
.donate-section h4 {
    font-family: Gilroy-Bold;
    font-size: 22px;
    text-align: center;
}
.paymentWrap {
    padding: 50px;
}
.paymentWrap .paymentBtnGroup {
    max-width: 800px;
    margin: auto;
}
.paymentWrap .paymentBtnGroup .paymentMethod {
    padding: 40px;
    box-shadow: none;
    position: relative;
}
.paymentWrap .paymentBtnGroup .paymentMethod.active {
    outline: none !important;
}
.paymentWrap .paymentBtnGroup .paymentMethod.active .method {
    border-color: #4cd264;
    outline: none !important;
    box-shadow: 0 3px 22px 0 #7b7b7b;
}
.paymentWrap .paymentBtnGroup .paymentMethod .method {
    position: absolute;
    right: 3px;
    top: 3px;
    bottom: 3px;
    left: 3px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    border: 2px solid #fff0;
    transition: all 0.5s;
}
ul.price-list li {
    list-style: none;
    display: inline-block;
    margin-right: 1px;
    vertical-align: top;
}
ul.price-list {
    padding: 0;
    margin: 0;
    margin-top: 20px;
}
ul.price-list li input {
    height: 47px;
}
input[type="radio"] {
    display: inline-block;
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1;
    width: 1;
    margin: -1;
    padding: 0;
    border: 0;
}
.icon {
    display: flex;
    justify-content: center;
    color: #2e409a;
    border-radius: 5px;
    padding: 0.5rem;
    overflow: hidden;
    height: 46px;
    border: 1px solid #ced4da;
}
.icon p {
    margin-bottom: 0;
    position: relative;
    top: 3px;
}
ul.price-list li label {
    display: block;
}
.peer:checked ~ .icon {
    border: 1px solid #2e409a;
    background: #2e409a;
    color: #fff !important;
}
.modal_btns {
    margin-top: 10px;
}
.modal_btns button {
    width: 100%;
    padding: 10px 0;
    background-color: #de0100;
    border-color: #de0100;
    text-transform: uppercase;
    font-family: "Gilroy-Bold";
    font-size: 17px;
    margin-bottom: 5px;
}
.modal_btns button:hover {
    background-color: #2e409a;
    border-color: #2e409a;
}
.modal_btns button:focus {
    background-color: #2e409a;
    border-color: #2e409a;
}
.modal_btns button:active {
    background-color: #2e409a;
    border-color: #2e409a;
}
.modal_btns a {
    text-decoration: underline;
    margin-top: 10px;
    color: #2e409a;
}
li.price_boxx {
    width: 15%;
}
ul.price-list li:first-child {
    width: 35%;
}
.modal_btns {
    margin-top: 15px;
}
.modal_btns p {
    margin-bottom: 0;
}
section#aboutus-boxx {
    margin-top: 50px;
}
.product-list {
    border: 1px solid #ddd;
    padding: 2px 5px;
    margin-bottom: 20px;
    min-height: 310px;
}
.product-list .card-body {
    padding: 5px 8px;
    padding-bottom: 5px;
}
p.card-text {
    text-align: center;
}
.card-product img {
    border-radius: 10px;
}
.product-list .card-title {
    color: #2e409a;
    margin-bottom: 5px;
    font-family: "Gilroy-Bold";
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
h4.card-text {
    text-align: left;
    margin-bottom: 10px;
    font-size: 23px;
    font-family: "Gilroy-Bold";
    color: #000;
    margin-top: 10px;
}
.card-product img {
    background-color: #f5f5f5;
}
.btn-cart {
    background-color: #de0100;
    border-color: #de0100;
}
.btn-buy {
    background-color: #2e409a;
    border-color: #2e409a;
}
.inner-heading-title {
    margin-bottom: 30px;
    text-align: center;
    text-transform: uppercase;
}
.inner-heading-title h2 {
    font-family: "Gilroy-Black";
    color: #de0100;
}
a.d-lg-block.d-none.d-cart {
    border: 1px solid #de0100;
    padding: 6px 13px;
    border-radius: 5px;
    margin-right: 18px;
    color: #de0100;
}
.d-lg-block.d-none.d-cart {
    border: 1px solid #de0100;
    border-radius: 5px;
    margin-right: 25px;
    color: #de0100;
}
.d-lg-block.d-none.d-cart i {
    font-size: 17px;
    position: relative;
    top: 2px;
    color: #de0100;
}
.d-lg-block.d-none.d-cart span {
    position: absolute;
    top: -10px;
    background: #2e409a;
    padding: 1px 8px;
    border-radius: 50%;
    color: #fff;
}
.d-lg-block.d-none.d-cart .btn-check:focus + .btn,
.btn:focus {
    outline: 0;
    box-shadow: none !important;
}
.d-lg-block.d-none.d-cart .dropdown-menu.show {
    margin-top: 5px;
    min-width: 18em;
    padding-bottom: 0;
}
.d-lg-block.d-none.d-cart .dropdown-toggle::after {
    display: none;
}
a.btn.d-lg-none.d-cart {
    border: 1px solid #de0100;
    border-radius: 5px;
    color: #de0100;
    margin-right: 10px;
}
a.btn.d-lg-none.d-cart span {
    position: absolute;
    top: 20px;
    background: #2e409a;
    padding: 1px 8px;
    border-radius: 50%;
    color: #fff;
}
a.btn.d-lg-none.d-cart i {
    font-size: 20px;
    position: relative;
    top: 2px;
}
a.d-lg-block.d-none.d-cart span {
    position: absolute;
    top: 20px;
    background: #2e409a;
    padding: 1px 8px;
    border-radius: 50%;
    color: #fff;
}
a.d-lg-block.d-none.d-cart i {
    font-size: 20px;
    position: relative;
    top: 2px;
}
.product-list .card-body a {
    width: 49%;
    padding: 8px 0;
}
a.btn.btn-primary.hvr-shutter-out-horizontal-red.btn-buy {
    background-color: #2e409a;
    border: 1px solid #2e409a;
}
.product-information-cart {
    margin-top: 15px;
}
.product-information-cart p {
    line-height: 20px;
    margin-bottom: 10px;
}
.product-information-cart h3 {
    color: #2e409a;
    font-size: 28px;
}
.availablity-box h4 {
    font-size: 28px;
    margin-top: 10px;
    color: #de0100;
}
.product-list p {
    margin-bottom: 5px;
    color: #4e4e4e;
    height: 45px;
    overflow: hidden;
}
.availablity-box ul {
    margin: 0;
    padding: 0 18px;
}
#radioBtn .notActive {
    color: #3276b1;
    background-color: #fff;
}
.availablity-box label {
    font-size: 20px;
    margin-bottom: 2px;
    font-family: "Gilroy-Bold";
}
.quantity {
    display: flex;
    padding: 0;
}
.quantity__minus,
.quantity__plus {
    display: block;
    width: 35px;
    height: 35px;
    margin: 0;
    background: #de0100;
    text-decoration: none;
    text-align: center;
    line-height: 23px;
}
.quantity__minus:hover,
.quantity__plus:hover {
    background: #0a58ca;
    color: #fff;
}
.quantity__minus {
    border-radius: 3px 0 0 3px;
}
.quantity__plus {
    border-radius: 0 3px 3px 0;
}
.quantity__input {
    width: 40px;
    height: 35px;
    margin: 0;
    padding: 0;
    text-align: center;
    border-top: 1px solid #2e409a;
    border-bottom: 1px solid #2e409a;
    border-left: #fff0;
    border-right: #fff0;
    background: #fff;
    color: #0a58ca;
    font-size: 20px;
}
.quantity__minus:link,
.quantity__plus:link {
    color: #fff;
}
.quantity__minus:visited,
.quantity__plus:visited {
    color: #fff;
}
.quantity i {
    margin-top: 10px;
}
div#radioBtn {
    margin-bottom: 10px;
}
.inner-btn a {
    padding: 8px 25px;
    margin-right: 5px;
}
.inner-btn {
    margin-top: 25px;
}
#example1 .owl-controls .owl-buttons {
    display: none;
}
.product-info-details {
    border: 1px solid #ddd;
    padding: 12px 15px;
    border-radius: 8px;
    margin-bottom: 10px;
}
.product-info-details table td h3 {
    font-size: 26px;
}
.product-info-details img {
    width: 100px;
    background-color: #f5f5f5;
    border-radius: 10px;
}
.product-info-details table td:first-child {
    width: 18%;
    text-align: left;
}
.product-info-details table td {
    width: 15%;
    text-align: center;
}
.product-info-details .quantity {
    text-align: center;
    margin: auto;
    display: inline-flex;
}
.product-info-details table td:nth-child(2) {
    text-align: left;
    width: 38%;
    padding-left: 11px;
}
.product-info-details table td:nth-child(2) a {
    font-size: 21px;
    font-family: "Gilroy-Bold";
    color: #2e409a;
}
.product-info-details table td:nth-child(2) p {
    line-height: 20px;
}
h4.card-text i {
    font-size: 20px;
    margin-right: 2px;
    font-weight: 700;
}
section#breadcrumb-new {
    background: url(../img/inner_img.jpg) no-repeat;
    min-height: 320px;
    background-position: center;
    background-size: cover;
}
section#breadcrumb-safety {
    background: url(../img/restore-safety.jpg) no-repeat;
    min-height: 320px;
    background-position: center;
    background-size: cover;
}
section#breadcrumb-eco {
    background: url(../img/economy.jpg) no-repeat;
    min-height: 320px;
    background-position: center;
    background-size: cover;
}
section#breadcrumb-peace {
    background: url(../img/peace.jpg) no-repeat;
    min-height: 320px;
    background-position: center;
    background-size: cover;
}
section#breadcrumb-speech {
    background: url(../img/free-speech.jpg) no-repeat;
    min-height: 320px;
    background-position: center;
    background-size: cover;
}
section#breadcrumb-water {
    background: url(../img/priority-8.png) no-repeat;
    min-height: 320px;
    background-position: center;
    background-size: cover;
}
section#breadcrumb-deep-state {
    background: url(../img/deep-state.jpg) no-repeat;
    min-height: 320px;
    background-position: center;
    background-size: cover;
}
section#breadcrumb-news {
    background: url(../img/news-bg.jpg) no-repeat;
    min-height: 320px;
    background-position: center;
    background-size: cover;
}
section#breadcrumb-eventss {
    background: url(../img/event-bg.jpg) no-repeat;
    min-height: 320px;
    background-position: center;
    background-size: cover;
}
.overlay-bg {
    background-color: rgb(0 0 0 / 0.2);
    min-height: 320px;
}
.page-inner-title {
    text-align: center;
    margin-bottom: 20px;
}
.content-img img {
    width: 100%;
    border-radius: 10px;
}
.content-img {
    margin-top: 5px;
    margin-bottom: 10px;
}
.prority-boxx button {
    font-size: 2rem;
    color: #2e409a !important;
    font-family: "Gilroy-ExtraBold";
    background-color: #fff0 !important;
    box-shadow: none !important;
    padding: 0;
}
.page-inner-title h1 {
    color: #de0100;
    font-family: "Gilroy-ExtraBold";
}
section#poll-boxx img {
    border-radius: 15px 0 0 15px;
}
section#poll-boxx {
    margin-top: 40px;
}
.polling-title {
    margin-bottom: 30px;
}
.polling-title h2 {
    text-align: center;
    font-size: 2.5rem;
    margin: auto;
    font-family: "Gilroy-Black";
    line-height: 54px;
    color: #2e409a;
}
.vertical_bar {
    margin-top: 20px;
}
.red-color {
    background-color: #de0100 !important;
}
.blue-color {
    background-color: #2e409a !important;
}
.green-color {
    background-color: #27ae60 !important;
}
.orange-color {
    background-color: #e67e22 !important;
}
.spread-box h5 {
    text-align: right;
    font-size: 16px;
}
.spread-box p {
    font-size: 16px;
}
.spread-box span {
    background-color: #de0100;
    color: #fff;
    padding: 4px 10px;
    border-radius: 4px;
    font-family: "Gilroy-Medium";
}
.spread-box {
    float: right;
}
.prority-boxx .accordion {
    margin: 0 auto;
}
.prority-boxx .accordion-item {
    color: #333;
    border-left: none;
    border-right: none;
}
.prority-boxx .accordion-body {
    padding: 1rem 0rem;
}
.prority-boxx .accordion-item h2 {
    padding: 0.6em 0rem;
    margin: 0;
    cursor: pointer;
    color: #2e409a;
    font-family: "Gilroy-ExtraBold";
}
.prority-boxx .accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-out;
    padding: 0 1em;
}
.prority-boxx .accordion-item:first-of-type {
    border-top: none;
}
.prority-boxx .accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
}
.prority-boxx .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
}
.rcp-main-title h3 {
    font-size: 14px;
    margin-bottom: 0;
    color: #fff;
    font-family: "Gilroy-Medium";
    text-align: center;
    transform-origin: 50% 50% 0;
}
.rcp-title p {
    font-size: 14px;
    font-family: "Gilroy-Medium";
    margin-top: 0;
    margin-bottom: 6px;
}
.rcp-title p i {
    color: #2e409a;
}
.rcp-title {
    position: relative;
    top: 10px;
}
.progress-title {
    font-size: 16px;
    font-weight: 700;
    color: #2e409a;
    margin: 0 0 10px 0;
    margin-bottom: 3px;
    font-family: "Gilroy-Medium";
}
.progress {
    height: 20px;
    line-height: 15px;
    border-radius: 0;
    background: #fff;
    margin-bottom: 17px;
    box-shadow: none;
    overflow: visible;
}
.progress .progress-bar {
    position: relative;
    border-radius: 0;
    animation: animate-positive 2s;
}
.progress .progress-value {
    display: block;
    font-size: 16px;
    color: #2e409a;
    position: absolute;
    right: 30px;
    font-family: Gilroy-Bold;
    margin-top: -20px;
}
@-webkit-keyframes animate-positive {
    0% {
        width: 0%;
    }
}
@keyframes animate-positive {
    0% {
        width: 0%;
    }
}
.padding_r {
    padding-right: 0 !important;
}
.padding_zero {
    padding: 0 !important;
}
.content-img-txt ul {
    margin: 0;
    padding: 0 18px;
}
.input {
    display: flex;
    align-items: center;
    margin-left: auto;
    border: 1px solid #2e409a;
}
.input button {
    display: flex;
    justify-content: center;
    align-items: center;
}
.input button:hover {
    background-color: #de0100;
    border: 1px solid #de0100;
    cursor: pointer;
}
.input button:focus {
    outline: none;
    box-shadow: var(--shadow-focus);
}
.input button[disabled] {
    opacity: var(--opacity-50);
}
.input button:active {
    background-color: #de0100;
    border: 1px solid #de0100;
}
.number {
    font-size: var(--text-lg);
    min-width: var(--space-12);
    text-align: center;
    width: 35px;
    font-size: 19px;
}
button.minus {
    width: 40px;
    border: 1px solid #2e409a;
    height: 40px;
    background-color: #2e409a;
}
button.minus i {
    color: #fff;
}
button.plus {
    width: 40px;
    border: 1px solid #2e409a;
    height: 40px;
    background-color: #2e409a;
}
.input-plus {
    width: 18%;
}
button.plus i {
    color: #fff;
}
.icon {
    user-select: none;
}
.dim {
    color: var(--color-gray-400);
}
.number.dim {
    width: 35px;
    border: 1px solid #fff0;
    padding: 0;
}
.increment-boxx {
    text-align: center;
    margin: 0 70px;
    margin-top: -15px;
}
span.trash-icon i {
    font-size: 22px;
    color: red;
}
span.trash-icon {
    position: relative;
    top: -7px;
    left: 15px;
}
h3.price-boxx {
    margin-bottom: 0;
    margin-top: -15px;
}
.card-info-details {
    border: 1px solid #ddd;
    padding: 12px 15px;
    border-radius: 8px;
    margin-bottom: 10px;
}
.card-info-details h4 {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    font-size: 23px;
    font-family: "Gilroy-ExtraBold";
    color: #2e409a;
}
.card-info-details table td span {
    float: right;
    margin-right: 0;
    font-size: 19px;
}
span.total-amt {
    font-family: "Gilroy-Bold";
}
.card-info-details table td span i {
    font-size: 19px;
}
table.table td {
    padding: 5px 0;
    font-size: 18px;
    color: #2e409a;
}
.read-btn.btn-process {
    margin-top: 0;
}
.read-btn.btn-process a {
    text-align: center;
    padding: 12px 0;
    font-size: 18px;
}
.checkout-boxx {
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 15px;
}
.checkout-boxx h3 {
    padding: 12px 17px;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 700;
    border-bottom: 1px solid #ddd;
}
.checkout-boxx form {
    padding: 15px 20px;
}
.checkout-boxx1 {
    border-radius: 4px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.checkout-boxx {
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 15px;
}
.checkout-boxx h3 {
    padding: 12px 17px;
    margin-bottom: 0;
    font-size: 24px;
    font-family: "Gilroy-ExtraBold";
    border-bottom: 1px solid #ddd;
    color: #2e409a;
}
.checkout-boxx label {
    font-weight: 600;
    font-size: 16px;
    color: #2e409a;
}
.checkout-boxx input {
    margin-bottom: 15px;
    height: 45px;
}
.checkout-boxx select {
    margin-bottom: 15px;
    height: 45px;
}
.cart_total_box {
    border: 1px solid #ddd;
    padding: 12px 15px;
    border-radius: 5px;
}
.cart_total_box h4 {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    color: #2e409a;
    font-family: "Gilroy-ExtraBold";
}
.cart_total_box table td span {
    float: right;
}
tr.total_amt_first strong {
    font-family: "Gilroy-Bold";
    font-size: 19px;
}
tr.total_amt td {
    font-family: "Gilroy-ExtraBold";
    font-size: 20px;
}
tr.total_amt {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.contact-form-in {
    border: 1px solid #ddd;
    padding: 15px 20px;
    border-radius: 10px;
    background-color: #fff;
    min-height: 450px;
}
.contact-details h4 {
    margin-bottom: 3px;
    color: #de0100;
    font-family: "Gilroy-Medium";
}
.contact-details {
    margin-top: 15px;
}
.contact-details h3 {
    font-family: "Gilroy-ExtraBold";
    color: #2e409a;
}
.contact-form-in h3 {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    font-family: "Gilroy-ExtraBold";
    color: #2e409a;
}
.contact-form-in form {
    margin-top: 20px;
}
.contact-form-in form label {
    font-weight: 600;
    font-size: 16px;
    color: #2e409a;
}
.contact-form-in form input {
    height: 45px;
}
.contact-list-info {
    border: 1px solid #ddd;
    padding: 10px 10px;
    border-radius: 5px;
    margin-bottom: 12px;
    padding-bottom: 10px;
}
.icon-contact-txt h4 {
    font-family: "Gilroy-Bold";
    font-size: 1.25rem;
    margin-bottom: 0;
    color: #2e409a;
}
.icon-contact-txt h3 {
    font-family: "Gilroy-Bold";
    font-size: 1.25rem;
    margin-bottom: 10px;
    color: #2e409a;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
}
.icon-contact i {
    font-size: 27px;
    background-color: #2e409a;
    width: 60px;
    padding: 12px 10px;
    border-radius: 10px;
    text-align: center;
    color: #fff;
}
.icon-contact {
    float: left;
    margin-right: 15px;
}
.icon-contact-txt {
    position: relative;
}
.icon-contact-txt p {
    margin-bottom: 0;
}
div#radioBtn a.btn.btn-primary.btn-md.active {
    background-color: #2e409a;
    border-color: #2e409a;
}
.product-cart-info ul li {
    list-style: none;
    display: inline-block;
    vertical-align: top;
    margin-left: 0 !important;
}
.product-cart-info ul {
    margin: 0;
    padding: 0;
    margin-bottom: 5px;
    padding-bottom: 4px;
    padding-left: 5px;
}
.product-cart-info ul li p.trash-icon {
    float: right;
    padding: 0 10px;
}
.info-p a {
    font-size: 15px;
    color: #2e409a;
    font-weight: 700;
    padding: 0 !important;
}
.info-p p {
    margin-bottom: 0;
    font-weight: 600;
    color: #de0100;
}
.info-p p i {
    font-size: 15px !important;
    top: 0 !important;
    margin-right: 3px;
}
.cart-btns ul li {
    list-style: none;
    display: inline-block;
    padding: 0 0;
    width: 49% !important;
    position: relative;
    left: 0 !important;
}
div#product-cart-info ul li:nth-child(1) {
    width: 22%;
}
div#product-cart-info ul li:nth-child(2) {
    width: 54%;
    position: relative;
    left: 5px;
}
div#product-cart-info ul li:last-child {
    width: 8%;
    float: right;
    text-align: center;
}
.cart-btns ul {
    margin: 0;
    padding: 0;
}
.product-cart-info {
    min-height: 164px;
    padding: 3px 5px;
}
.cart-btns {
    margin: auto;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 3px;
}
.cart-btns ul li a {
    background-color: #de0100;
    border-color: #de0100;
    color: #fff;
    font-family: "Gilroy-Medium";
    padding: 8px 15px;
    border-radius: 5px;
    width: 100%;
    text-align: center;
}
.d-lg-none.d-cart {
    border: 1px solid #de0100;
    border-radius: 5px;
    margin-right: 18px;
    color: #de0100;
}
.d-lg-none.d-cart span {
    position: absolute;
    top: -10px;
    background: #2e409a;
    padding: 1px 8px;
    border-radius: 100%;
    color: #fff;
    width: 25px;
    height: 25px;
}
.d-lg-none.d-cart .dropdown-toggle::after {
    display: none;
}
.d-lg-none.d-cart i {
    font-size: 17px;
    position: relative;
    top: 2px;
    color: #de0100;
}
.d-lg-block.d-none.d-cart span {
    position: absolute;
    top: -10px;
    background: #2e409a;
    padding: 3px 8px;
    border-radius: 50%;
    color: #fff;
    width: 28px;
    height: 28px;
}
.d-lg-none.d-cart .dropdown-menu.show {
    min-width: 15em;
}
.d-lg-none.d-cart .dropdown-menu[data-bs-popper] {
    top: 100%;
    left: -29px;
    margin-top: 0.5rem;
    right: 0;
}
.d-lg-none.d-cart .cart-btns {
    text-align: left;
    padding: 0 10px;
}
.privacy-box h2 {
    font-family: "Gilroy-ExtraBold";
    margin-bottom: 15px;
    color: #2e409a;
}
.privacy-txt p {
    margin-bottom: 0;
}
.privacy-txt h4 {
    color: #2e409a;
}
.privacy-txt h5 {
    color: #2e409a;
}
.privacy-txt {
    margin-top: 20px;
}
.cal-icon p {
    margin-bottom: 0;
    background-color: #de0100;
    padding: 3px 0;
    text-align: center;
    color: #fff;
    font-size: 17px;
    border-radius: 5px 5px 0 0;
    font-family: "Gilroy-Bold";
}
.cal-icon {
    width: 50px;
    background-color: #f2f2f2;
    text-align: center;
    border-radius: 5px;
    float: left;
    margin-right: 14px;
}
.cal-icon span {
    font-size: 18px;
    font-family: "Gilroy-Bold";
}
.event-details-list p i {
    color: #de0100;
    margin-right: 6px;
}
.event-details-list p {
    margin-bottom: 0;
    font-family: "Gilroy-Medium";
    font-size: 17px;
    margin-top: 5px;
    color: #2e409a;
}
.event-details-list h4 {
    margin-bottom: 0;
    color: #2e409a;
    font-size: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.event-details-list ul li {
    list-style: none;
    display: inline-block;
    margin-right: 8px;
}
.event-details-list ul {
    margin: 0;
    padding: 0;
}
.event-title a {
    float: right;
    margin-top: -40px;
    margin-right: 8px;
    font-size: 1.2rem;
    text-decoration: underline;
    color: #de0100;
    font-family: "Gilroy-Bold";
}
.member-title.text-center h3 {
    margin-bottom: 0;
}
.member-title.text-center {
    margin-bottom: 40px;
}
.shopping-cart.text-center {
    margin-bottom: 25px;
}
.shopping-cart h2 {
    color: #2e409a;
    font-family: "Gilroy-ExtraBold";
}
.gallery-title.text-center h3 {
    margin-bottom: 0;
}
.gallery-title h3 {
    font-family: "Kaushan Script", cursive;
    color: #2e409a;
}
.gallery-title h2 {
    color: #de0100;
    font-family: "Gilroy-ExtraBold";
}
div#nav-tab button {
    font-size: 18px;
    font-family: "Gilroy-Bold";
    padding: 10px 20px;
}
.gallery-box a {
    width: 24%;
    float: left;
    margin-right: 10px;
    height: 170px;
    text-align: center;
    overflow: hidden;
    position: relative;
}
.gallery-box a img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}
.gallery-box {
    margin-top: 25px;
}
.gallery-box a img {
    border-radius: 10px;
}
#nav_t .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #ffffff !important;
    background-color: #2e409a;
    border-color: #fff0;
}
#nav_t .nav-tabs {
    border-bottom: 1px solid #2e409a;
}
#nav_t .nav-link {
    color: #de0100;
    margin-right: 5px;
}
#nav_t .nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: #2e409a #2e409a #2e409a;
    isolation: isolate;
}
div#nav_t {
    margin-top: 10px;
}
.gal-b video {
    width: 32%;
    float: left;
    margin-right: 14px;
    margin-bottom: 15px;
    border-radius: 10px;
}
ul.evt-list {
    margin: 0;
    padding: 0;
}
ul.evt-list li {
    list-style: none;
    display: inline-block;
    margin-right: 10px;
}
.demo1 {
    height: 365px !important;
}
.view-link a {
    position: absolute;
    right: 18px;
    margin-top: -40px;
    color: #de0100;
    font-size: 18px;
    text-decoration: underline;
    font-family: "Gilroy-Bold";
}
.view-link {
    position: relative;
}
.event-list ul {
    margin: 0;
    padding: 0;
}
.event-list ul li i {
    margin-right: 5px;
}
.event-list ul li {
    list-style: none;
    display: inline-block;
    margin-right: 8px;
}
.news-post {
    background-color: #2e409a;
    border-radius: 10px;
}
.news-post img {
    object-fit: cover;
    opacity: 0.4;
}
.content-post {
    position: relative;
}
.post-cont {
    position: absolute;
    margin-top: -185px;
    padding: 0 20px;
}
.badge-list {
    margin-bottom: 10px;
}
.post-cont a {
    font-size: 1.2rem;
    color: #fff !important;
    line-height: 20px;
    font-family: "Gilroy-Bold";
}
.post-cont p {
    color: #fff;
    line-height: 21px;
    margin-top: 5px;
    margin-bottom: 0;
}
.page-link-read {
    margin-top: 10px;
}
.page-link-read a {
    font-size: 1rem;
    text-decoration: underline;
}
.page-link-read a:hover {
    color: #de0100 !important;
}
.badge-list span {
    background-color: #2e409a !important;
    padding: 7px 10px;
    font-size: 1rem;
    border-radius: 0;
    position: relative;
    left: -2px;
}
#latestnews.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #de0100 !important;
}
#latestnews.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 35px !important;
    height: 3px !important;
    margin: 5px 5px !important;
    filter: Alpha(Opacity=50);
    opacity: 1 !important;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #2e409a !important;
}
#latestnews-1.owl-theme .owl-controls {
    margin-top: 0px !important;
}
#latestnews-1.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #de0100 !important;
}
#latestnews-1.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 35px !important;
    height: 3px !important;
    margin: 5px 5px !important;
    filter: Alpha(Opacity=50);
    opacity: 1 !important;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #2e409a !important;
}
#latestnews-1.owl-theme .owl-controls {
    margin-top: 0px !important;
}
.event-title-new p {
    font-size: 1.2rem;
}
.lat-news {
    margin-bottom: 20px;
    border: 1px solid #ddd;
    border-radius: 10px;
}
.post_img img {
    border-radius: 10px 10px 0 0;
}
.post_img {
    padding: 8px;
    position: relative;
    overflow: hidden;
}
.post_img img {
    border-radius: 10px 10px 0 0;
    width: 100%;
    height: 250px;
    object-fit: cover;
}
.post_txt {
    padding: 0 10px;
    margin-top: -35px;
}
.post_txt a {
    font-size: 1.3rem;
    line-height: 20px;
    font-family: "Gilroy-Bold";
    color: #2e409a;
    
    /*custom code starts*/
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    /*custom code ends*/
}
.post_txt p {
    margin-top: 4px;
    margin-bottom: 10px;
    height: 48px;
    overflow: hidden;
}
div#latestnews p {
    overflow: hidden;
    line-height: 22px;
}
.post-link-new {
    height: 45px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.post_txt .badge-list span {
    margin-top: -100px;
}
.read-btn-new a {
    background-color: #de0100;
    border-color: #de0100;
    color: #fff !important;
    font-family: "Gilroy-Bold";
    padding: 8px 11px;
    border-radius: 5px;
    font-size: 1rem;
}
.read-btn-new {
    margin-bottom: 10px;
}
.badge-list i {
    margin-right: 5px;
}
ul.email-li {
    margin: 0;
    padding: 0;
}
ul.email-li li {
    list-style: none;
    display: inline-block;
    padding: 2px 0;
}
ul.email-li li p {
    margin-bottom: 0;
}
ul.email-li li span {
    display: none;
}
.post_img_new img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 10px 10px 0 0;
}
.post_img_new {
    height: 500px;
    position: relative;
    margin-bottom: 10px;
}
.post-add h3 {
    margin-top: 10px;
}
.post_title_new h3 {
    font-family: "Gilroy-Bold";
    line-height: 32px;
    color: #2e409a;
    margin-bottom: 3px;
}
.post_title_new ul {
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
}
.post_title_new ul li {
    list-style: none;
    display: inline-block;
    padding: 6px 0;
    border-radius: 5px;
    font-size: 19px;
    font-family: "Gilroy-Medium";
    color: #de0100;
}
.post_title_new ul li:last-child {
    float: right;
}
.post_title_new ul li:last-child span {
    color: #2e409a;
    font-family: "Gilroy-Bold";
}
.post_title_new ul li i {
    margin-right: 7px;
}
.post_add_details ul {
    margin: 0;
    padding-left: 18px;
}
.post_add_details ul li {
    padding: 3px 0;
}
.read-btn-new ul {
    margin: 0;
    padding: 0;
}
.read-btn-new ul li {
    list-style: none;
    display: inline-block;
    vertical-align: top;
}
.read-btn-new ul li p {
    height: auto !important;
    margin-bottom: 0 !important;
    margin-top: 1px !important;
    line-height: 18px !important;
}
.read-btn-new ul li:last-child {
    float: right;
    font-size: 14px;
    color: #de0100;
}
.read-btn-new ul li:last-child span {
    color: #2e409a;
    font-family: "Gilroy-Bold";
    display: block;
}
.post_title_new ul li:last-child a {
    color: #2e409a !important;
    font-family: "Gilroy-Bold";
}
.no-news {
    border: 1px solid #ddd;
    border-radius: 10px;
    position: relative;
    min-height: 424px;
}
.no-news-list {
    text-align: center;
    transform-origin: 50% 50%;
    display: block;
    width: 100%;
    position: absolute;
    top: 30%;
}
.no-news-list h3 {
    color: #2e409a;
    font-size: 21px;
    margin-top: 4px;
    font-family: "Gilroy-Medium";
}
.no-news-list img {
    width: 25%;
}
.polling-title {
    margin-bottom: 0;
    padding: 12px 15px;
    padding-bottom: 10px;
}
.polling-title h3 {
    margin-bottom: 0;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    color: #2e409a;
    font-family: "Gilroy-ExtraBold";
    line-height: 32px;
    font-size: 31px;
}
.box-poll {
    border-radius: 10px;
    background-color: #f2f7ff;
    border: 1px solid #c2d0e5;
}
section#visit-count {
    margin-top: 40px;
}
.count-box {
    background: url(../img/mission-box.png) no-repeat;
    min-height: 115px;
    background-position: center;
    background-size: cover;
    border-radius: 10px;
    padding: 25px 30px;
}
.website-list {
    text-align: center;
    padding-top: 10px;
}
.website-list h3 {
    color: #fff;
    margin-bottom: 0;
    font-family: "Gilroy-Medium";
    font-size: 20px;
}
.counter {
    color: var(--main-color);
    font-family: "IBM Plex Sans Hebrew", sans-serif;
    text-align: center;
    border: 2px solid var(--main-color);
    position: relative;
    z-index: 1;
}
.counter:before,
.counter:after {
    content: "";
    position: absolute;
}
.counter:after {
    background: var(--main-color);
    width: 80px;
    height: calc(100% + 100px);
    clip-path: polygon(50% 0, 100% 10%, 100% 90%, 50% 100%, 0 90%, 0 10%);
    transform: rotate(-48deg);
    top: -50px;
    left: 58px;
    z-index: -2;
}
.counter .counter-icon {
    font-size: 35px;
    line-height: 35px;
    margin: 0 0 15px;
}
.counter h3 {
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0 5px 5px;
}
.counter .counter-value {
    font-size: 35px;
    font-weight: 600;
    display: block;
    color: #fff;
}
.counter.yellow {
    --main-color: #f1931a;
}
.counter.green {
    --main-color: #009432;
}
.counter.blue {
    --main-color: #009cb5;
}
@media screen and (max-width: 990px) {
    .counter {
        margin-bottom: 40px;
    }
}
.member-title-main.text-center {
    margin-bottom: 40px;
}
.member-title-main h3 {
    color: #2e409a;
}
.member-title-main.text-center h3 {
    margin-bottom: 0;
}
.member-title-main h2 {
    color: #de0100;
    font-family: "Gilroy-ExtraBold";
}
.source-new {
    margin-top: 15px;
    position: absolute;
    right: 30px;
    z-index: 999;
}
.source-new h5 {
    margin-bottom: 0;
}
.source-new a {
    color: #2e409a;
    font-size: 18px;
}
.source-new h5 {
    font-size: 23px;
}
.lead-box ul {
    margin: 0;
    padding: 0;
}
.lead-box ul li {
    list-style: none;
    display: inline-block;
    margin-right: 10px;
    border: 1px solid #2e409a;
    padding: 10px 10px;
    border-radius: 5px;
}
.lead-box ul li p {
    margin-bottom: 0;
    font-size: 18px;
    color: #000;
    font-family: "Gilroy-Bold";
}
.lead-box ul li span {
    color: #de0100;
    font-family: "Gilroy-Medium";
}
.poll-newss {
    text-align: center;
    margin-top: 0;
}
.poll-newss h4 {
    margin-bottom: 0;
    font-size: 1rem;
    color: #ff4949;
}
.poll-newss a {
    color: #2e409a;
    font-size: 15px;
    font-family: "Gilroy-Medium";
}
section#web-v {
    margin-top: 30px;
    position: fixed;
    left: -15px;
    z-index: 333;
    bottom: 10px;
}
.count-web {
    border: 1px solid #de0100;
    text-align: center;
    border-radius: 5px;
    margin: auto;
    margin-top: 20px;
    background-color: #fff;
    z-index: 333;
}
.count-web p {
    margin-bottom: 0;
    background-color: #de0100;
    color: #fff;
    padding: 4px 10px;
    font-family: "Gilroy-Medium";
    font-size: 20px;
    text-align: center;
}
.count-web span {
    font-family: "Gilroy-Medium";
    font-size: 18px;
}
.like-box {
    margin-top: 20px;
    margin-bottom: 10px;
}
.like__btn {
    padding: 10px 15px;
    background: #0080ff;
    font-size: 18px;
    font-family: "Open Sans", sans-serif;
    border-radius: 5px;
    color: #e8efff;
    outline: none;
    border: none;
    cursor: pointer;
}
#latestnews-1.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #de0100 !important;
}
#latestnews-1.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 35px !important;
    height: 3px !important;
    margin: 5px 5px !important;
    filter: Alpha(Opacity=50);
    opacity: 1 !important;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #2e409a !important;
}
#latestnews-1.owl-theme .owl-controls {
    margin-top: 0px !important;
}
.listview-box ul {
    margin: 0;
    padding: 0;
}
.listview-box ul li {
    list-style: none;
    display: inline-block;
    vertical-align: top;
}
.listview-box ul li:last-child {
    float: right;
}
.listview-box {
    margin-top: 13px;
}
section#upload-video {
    margin-top: 70px;
}
.video-bg {
    background: url(../media/bg/mission-box.png) no-repeat;
    min-height: 110px;
    background-position: center;
    background-size: cover;
    border-radius: 15px;
}
.video-content {
    padding: 20px 30px;
    padding-top: 30px;
    padding-bottom: 0;
}
.video-content h3 {
    color: #fff;
    text-transform: uppercase;
    font-family: "Gilroy-Black";
    margin-bottom: 5px;
}
.video-content p {
    color: #fff;
    line-height: 21px;
}
.video-content-txt p {
    text-align: center;
    color: #fff;
    margin-bottom: 8px;
    font-size: 17px;
    font-family: "Gilroy-Medium";
}
.video-content-txt {
    padding: 50px 0;
    margin: auto;
    text-align: center;
}
.video-content-txt a {
    font-size: 18px;
    background-color: #de0100;
    border-color: #de0100;
    color: #fff;
}
.video-content-txt a:hover {
    background-color: #716f71;
    border-color: #716f71;
    color: #fff;
}
.video-content-txt a i {
    font-size: 22px;
    margin-right: 2px;
    position: relative;
    top: 2px;
}
#exampleModalToggle .modal-header {
    border-bottom: none;
    background-color: #2e409a;
}
#exampleModalToggle h5 {
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
}
#exampleModalToggle form label {
    font-weight: 600;
    font-size: 16px;
    color: #2e409a;
}
#exampleModalToggle .btn-cross i {
    color: #fff;
    font-size: 30px;
}
#exampleModalToggle .btn-cross {
    float: right;
    background: #fff0;
    border: none;
}
.sub-btn button {
    background-color: #de0100;
    border-color: #de0100;
    color: #fff !important;
}
.sub-btn button:hover {
    background-color: #716f71;
    border-color: #716f71;
    color: #fff !important;
}
.form-text {
    margin-top: 0.25rem;
    font-size: 1rem;
    color: #6c757d;
}
div#exampleModalToggle .modal-footer {
    border-top: none;
    display: block;
    padding: 0;
}
.success-box-img {
    margin: auto;
    text-align: center;
    margin-bottom: 20px;
}
.success-box-img img {
    width: 134px;
}
.modal-header {
    border-bottom: none;
}
.success-box-img h4 {
    margin-bottom: 2px;
    font-family: "Kaushan Script";
    font-size: 32px;
    color: #de0100;
}
.success-box-img h5 {
    font-family: "Gilroy-bold";
    font-size: 22px;
}
.success-box-img p {
    text-align: justify;
    padding: 0 30px;
    line-height: 20px;
}
section#social_page {
    background-color: #de0100;
    padding: 30px 0;
}
#fixed-social {
    position: fixed;
    top: 50%;
    z-index: 333;
    right: 0;
}
#fixed-social a {
    color: #fff;
    display: block;
    height: 40px;
    position: relative;
    text-align: center;
    line-height: 40px;
    width: 40px;
    z-index: 2;
    margin-bottom: 2px;
}
#fixed-social a:hover > span {
    visibility: visible;
    left: 41px;
    opacity: 1;
}
#fixed-social a span {
    line-height: 40px;
    left: 60px;
    position: absolute;
    text-align: center;
    width: 120px;
    visibility: hidden;
    transition-duration: 0.5s;
    z-index: 1;
    opacity: 0;
}
.fixed-facebook {
    background-color: #1976d2;
}
.fixed-facebook span {
    background-color: #1976d2;
}
.fixed-twitter {
    background-color: #000;
}
.fixed-twitter span {
    background-color: #000;
}
.fixed-instagram {
    background-color: #d72a87;
}
.fixed-instagram span {
    background-color: #d72a87;
}
.fixed-youtube {
    background-color: #f00000;
}
.fixed-youtube span {
    background-color: #f00000;
}
#fixed-social a img {
    width: 45px;
    margin-bottom: 3px;
}
.team-section-img {
    margin: auto;
    text-align: center;
}
.team-section-img img {
    border-radius: 10px;
}
.poll-result h4 {
    padding: 15px 12px;
    border-bottom: 1px solid #ddd;
    font-size: 18px;
    background-color: #2e409a;
    color: #fff;
    margin-bottom: 0;
    border-radius: 10px 10px 0 0;
    font-family: "Gilroy-Medium";
    min-height: 48px;
    text-align: center;
    letter-spacing: 0.3px;
}
.poll-listview {
    padding: 0 15px;
}
.poll-listview h3 {
    font-size: 25px;
    color: #2e409a;
}
.radio-buttons-one .form-check input {
    height: 1.3rem !important;
    position: relative;
    top: 0px !important;
    border: 1px solid rgb(0 0 0 / 0.25) !important;
    width: 1.3rem;
}
.radio-buttons-one {
    margin-top: 10px;
}
.radio-buttons-one .form-check {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 8px 32px;
}
.radio-buttons-one label {
    font-size: 16px;
    font-family: "Gilroy-Medium";
    margin-left: 7px;
    margin-top: 3px;
}
.radio_buttns ul {
    margin: 0;
    padding: 0;
}
.radio_buttns ul li {
    list-style: none;
    display: inline-block;
    margin-right: 5px;
    width: 100%;
}
.radio_buttns ul li a {
    background-color: #de0100;
    border-color: #de0100;
    font-size: 15px;
    width: 100%;
}
.radio_buttns ul li a:hover {
    background-color: #716f71;
    border-color: #716f71;
}
.radio_buttns {
    margin-top: 8px;
    margin-bottom: 8px;
}
.radio-buttons-one .form-check-input:checked {
    background-color: #de0100;
    border-color: #de0100 !important;
}
.form-check.poll-radio-parent.active {
    border: 1px solid #de0100;
}
.form-check.poll-radio-parent.active label {
    color: #de0100 !important;
}
.poll-listview-result {
    padding: 5px 15px;
}
.ver-bar.progress-title {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    margin: 0 0 20px;
}
.ver-bar.progress {
    height: 3px;
    background: #8e44ad;
    border-radius: 0;
    margin-bottom: 30px;
    overflow: visible;
    box-shadow: none;
    position: relative;
}
.ver-bar.progress .progress-bar {
    height: 8px;
    position: relative;
    top: -3px;
    box-shadow: none;
    animation: animate-positive 2s;
}
.ver-bar.progress .progress-value {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #000;
    position: absolute;
    top: -30px;
    right: 5px;
}
.ver-bar.progress.pink {
    background: #de0100;
}
.ver-bar.progress.green {
    background: #248075;
}
.ver-bar.progress.yellow {
    background: #faa916;
}
@-webkit-keyframes animate-positive {
    0% {
        width: 0%;
    }
}
@keyframes animate-positive {
    0% {
        width: 0%;
    }
}
div#prog {
    background-color: #fff;
}
.ver-bar {
    position: relative;
    margin-bottom: 20px;
}
.orange-color {
    background-color: #dd940a !important;
}
.poll-re {
    margin-top: 20px;
    /*margin-top: 50px;*/
}
#poll-size {
    padding-left: 2%;
    padding-right: 2%;
}
.px-sizes {
    padding-left: 2%;
    padding-right: 2%;
}
#custom_polls.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #de0100 !important;
}
#custom_polls.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 35px !important;
    height: 3px !important;
    margin: 5px 5px !important;
    filter: Alpha(Opacity=50);
    opacity: 1 !important;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #2e409a !important;
}
#custom_polls.owl-theme .owl-controls {
    margin-top: 0px !important;
}
.source-div {
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
}
.source-div h5 {
    margin-bottom: 0;
    font-size: 15px;
    color: #ff4949;
}
.source-div h5 a {
    font-family: Gilroy-Medium;
    color: #2e409a;
    font-size: 15px;
}
div#flag_mov {
    background-color: #f2f7ff;
    margin-top: 70px;
}
.joinus-txt-box {
    padding: 0 30px;
    margin-top: 30px;
}
.joinus-txt-box h3 {
    color: #2e409a;
}
.joinus-txt-box h2 {
    color: #de0100;
    font-family: "Gilroy-ExtraBold";
}
.source_box {
    position: fixed;
    width: 100%;
    bottom: 46px;
    left: 0;
}
.rcp-main-title {
    height: 48px;
    padding: 13px 12px;
    background-color: #2e409a;
    border-radius: 10px 10px 0 0;
    transform-origin: 50% 50%;
}
.survey-result {
    min-height: 325px;
    margin-top: 0;
    border-radius: 0 15px 15px 0;
}
.rcp-title table.table td {
    border-bottom: none;
}
.poll-newss {
    text-align: center;
    position: fixed;
    bottom: 23px;
    left: 0;
    right: 0;
}
.poll-result {
    border-radius: 10px;
    min-height: 327px;
    background-color: #f2f7ff;
    border: 1px solid #c2d0e5;
    margin: 0 3px 10px 5px;
}
.social-media-div ul li img {
    width: 37px;
}
.store_icon {
    margin: 0;
    padding: 0;
    float: right;
    position: relative;
    top: 3px;
}
.store_icon ul {
    margin: 0;
    padding: 0;
}
.store_icon ul li {
    list-style: none;
    display: inline-block;
}
.store_icon ul li img {
    width: 130px;
}
.poll-infos {
    padding: 1px 15px;
}
.footer-logo img {
    width: 120px;
}
.misson-txt.text-center h2 {
    color: #de0100;
    margin-bottom: 0;
}
.misson-txt.text-center h2::after {
    content: "";
    border: 1px solid #de0100;
    width: 5%;
    display: block;
    text-align: center;
    position: absolute;
    right: 47%;
    margin-top: 7px;
}
.misson-txt.text-center p {
    margin-top: 15px;
    text-align: center;
}
div#testimonial-slider1 .testimonial {
    width: 24%;
    float: left;
    margin: 6px 5px;
}
.get-touch-list {
    margin-top: 35px;
}
.get-touch-box h5 {
    color: #fff;
    margin-bottom: 5px;
    font-family: "Gilroy-Medium";
    font-size: 16px;
}
.get-touch-box p {
    margin-top: 2px;
    width: 100%;
    margin-bottom: 10px;
}
.get-touch-box {
    margin-bottom: 12px;
}
.newsletter-list span {
    color: #de0100;
    font-family: Gilroy-ExtraBold;
    margin-bottom: 4px;
}
.newsletter-list h4 {
    color: #fff;
    margin-bottom: 1px;
    font-family: "Gilroy-Medium";
}
.signup_box button {
    background-color: #de0100;
    border-color: #de0100;
}
.signup_box input {
    height: 43px;
}
.signup_box {
    margin-top: 10px;
}
div#sub_border {
    border-bottom: 1px solid #172670;
    padding-top: 10px;
    padding-bottom: 10px;
}
.download-app ul li {
    list-style: none;
    display: inline-block;
}
.download-app ul {
    margin: 0;
    padding: 0;
}
.download-app ul li img {
    width: 143px;
}
.download-app {
    margin-top: 20px;
}
.newsletter-list {
    margin-top: 20px;
}
.volunteer-txt h4 {
    margin-bottom: 2px;
}
.masa-info-view .alert-light {
    color: #2e409a;
    background-color: #f2f7ff;
    border-left: 1px solid #ddd;
    margin-bottom: 0;
    border-right: 1px solid #ddd;
    border-radius: 0;
    text-align: center;
    font-family: Gilroy-Bold;
    font-size: 16px;
}
.get-touch-box a {
    color: #fff !important;
}
.txt-content {
    margin-top: 0;
}
.txt-content ol {
    padding: 0 17px;
}
.txt-content ol li span {
    font-family: Gilroy-Extrabold;
    font-size: 17px;
    color: #2e409a;
}
.txt-content ol li {
    padding: 8px 0;
}
.txt-content p {
    margin-bottom: 5px;
}
.select2-container {
    width: 100% !important;
}
.download-app h4 {
    color: #fff;
    margin-bottom: 10px;
    font-family: Gilroy-Medium;
}
div#max-words {
    font-size: 15px;
    float: right;
}
.vid {
    font-size: 15px;
    color: #6c757d;
    margin-top: 3px;
}
.download-app-txt {
    padding: 20% 9%;
    padding-right: 0;
    padding-bottom: 20%;
}
.download-app-txt ul {
    margin: 0;
    padding: 0;
    margin-top: 10px;
}
.download-app-txt ul li {
    list-style: none;
    display: inline-block;
    margin-right: 0;
    text-align: center;
    margin-right: 70px;
}
.download-app-txt ul li img {
    width: 180px;
    display: block;
    margin-bottom: 15px;
}
.app-screen-list img {
    width: 455px;
    text-align: center;
    margin-top: 0;
}
.download-app-txt h2 {
    font-family: "Gilroy-Black";
    color: #2e409a;
}
.download-app-txt h3 {
    color: #2e409a;
}
.download-app-txt h2 span {
    color: #de0100;
}
.app-screen-list {
    padding-top: 25px;
    text-align: center;
}
.poll-newss img {
    border-radius: 50% !important;
    width: 33px;
    margin-right: 5px;
}
.download-boxx-view {
    padding: 20px 0;
    padding-bottom: 20px;
    padding-bottom: 10px;
}
.download-boxx-view h4 span {
    font-family: "Gilroy-ExtraBold";
}
.download-boxx-view h4 {
    font-family: "Gilroy-Medium";
    margin-bottom: 8px;
}
.left-side-txt.carousel-caption h5 {
    font-size: 1.6rem;
    margin-bottom: 3px;
}
.download-boxx-view ul {
    margin: 0;
    margin-top: 0;
    padding: 0;
    margin-top: 10px;
}
.download-banner-box {
    margin-top: 25px;
}
.download-boxx-view ul li {
    list-style: none;
    display: inline-block;
    margin-right: 5px;
}
.privacy-txt ol li span {
    font-family: Gilroy-Extrabold;
    font-size: 17px;
    color: #2e409a;
}
.privacy-txt ol {
    margin: 0;
    padding: 0 20px;
}
.privacy-txt ol li {
padding: 5px 0;
}

.pri-img img{
border-radius:10px;    
}

.pri-content{
border-left: 1px solid #c2d0e5;
border-right: 1px solid #c2d0e5;
padding: 0 20px;
width: 33%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
/*border: 2px solid #d1d1d1;
padding: 15px;
border-radius: 10px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center*/
}

.pri-content h4{
color:#de0100;
}

.pri-points{
padding: 15px;
width: 33%;
/*border-radius: 10px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: start;
background: #f2f7ff;*/
}

.pri-points ul{
padding:0;  
margin-bottom:6px;
}

.pri-points ul li{
list-style:none;    
}

.pri-points ul li i{
    padding-right:5px;
    color:#de0100;
}

.pri-points a{
background: #2e409a;
font-size: 14px;
padding: 8px 14px;
display: inline-block;
color: #fff;
border-radius: 6px;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
margin-top:6px;
position:relative;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.pri-points a::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 5px;
	background-color: #de0100;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.pri-points a:hover::before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

.cg-bx{
cursor: pointer;
height:100%;
}

.cg-bx input{
    display:none;
}

.cg-bx label{
    margin-top:0 !important;
    cursor: pointer;
    border:2px #d1d1d1 solid;
    height:100%;
}

.cg-bx input:checked ~ label {
border:2px solid #de0100;
}

.cg-bx small{
    color:#de0100;
    font-family: "Gilroy-medium";
}
.cg-bx marquee{
color:#de0100;
   font-family: "Gilroy-medium";
   font-size: 14px;
}

.cg-bx.cg-bx2 h6{
font-family: "Gilroy-medium";
font-size: 14px;
border-bottom: 1px solid #e6e6e6;
padding-bottom: 3px;
color: #444;
}

.cg-bx.cg-bx2 h5{
font-size: 16px;
line-height: 0.85;
}

.cg-bx.cg-bx2 small{
font-size: 13px;
letter-spacing: 0.4px;
}

.tri-spt{
border: 1px solid #c2d0e5;
border-radius: 200px;
padding: 15px 25px 15px 32px;
margin: 15px 0;
display: flex;
align-items: center;
justify-content: space-between;
transition:.4s;
-webkit-transition:.4s;
-moz-transition:.4s;
}

.tri-spt:hover{
background:#f2f7ff;
transform:scale(1.03);
-webkit-transform:scale(1.03);
-moz-transform:scale(1.03);
}

.tri-spt h5{
    margin:0;
    color:#de0100;
}

.tri-spt h5 span{
    color:#2e409a;
}

.tri-spt img{
    width: 180px;
border-radius: 100px;
}

.card-product-img-inner {
    height: 180px;
    object-fit: cover;
    overflow: hidden;
    padding: 0 0;
}
.card-product-img-inner img {
    width: 100%;
    height: 100%;
}
p.text-danger {
    margin-top: 0;
    font-size: 16px;
    font-style: italic;
    margin-right: 12px;
    margin-bottom: 0;
    margin-left: 7px;
    height: auto;
    color: #2e409a !important;
}
p.text-danger span {
    font-family: "Gilroy-Bold";
}
.close-div {
    float: right;
    margin: -0.5rem -0.8rem 0rem auto;
}
.cart-information {
    display: flex;
    padding: 2px 8px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}
h5.cart-items {
    margin-bottom: 0;
    font-size: 1.2rem;
}
.track-order {
    text-align: right;
    margin-top: 10px;
    position: relative;
    left: 80px;
}
.track-order a {
    color: #fff;
}
.track-order a i {
    margin-right: 5px;
    font-size: 20px;
    color: #de0100;
}
h5#exampleModalLabel {
    font-size: 22px;
}
div#trackorder .modal-header {
    padding-bottom: 0 !important;
}
.search-boxx button {
    background-color: #de0100;
    border-color: #de0100;
}
.search-boxx input {
    height: 45px;
}
span.sku_code {
    color: #de0100;
}
.thank-list h4 {
    text-align: center;
    border-bottom: 1px solid #de0100;
    padding: 5px 0;
    color: #de0100;
    margin-top: 0;
    padding-bottom: 10px;
}
.thank-list {
    margin-bottom: 10px;
}
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");
}
.accordion-button::after {
    transition: all 0.5s;
}
.accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
}
.accordian-clr {
    margin-top: 30px;
}
.opinion-poll {
    margin-top: 20px;
    margin-bottom: 10px;
}
.opinion-poll button {
    padding: 12px 36px;
    background-color: #de0100;
    border-color: #de0100;
    text-transform: uppercase;
    font-family: "Gilroy-Bold";
    color: #fff;
}
.masa-list-boxx {
    margin-top: -40px;
}
.masa-list-boxx h3 {
    background-color: #2e409a;
    padding: 15px 30px;
    color: #fff;
    text-align: center;
    border-radius: 10px 10px 0 0;
    margin-bottom: 0;
}
.masa-poll-form {
    border: 1px solid #ddd;
    padding: 20px 15px;
    min-height: 400px;
}
.masa-poll-form label {
    color: #2e409a;
    font-family: "Gilroy-Bold";
}
.masa-poll-form input {
    height: 45px;
    border: 1px solid #2e409a;
}
.poll-question {
    margin-top: 15px;
}
.poll-question h5 {
    background-color: #f2f7ff;
    padding: 12px 10px;
    border-radius: 6px;
    color: #2e409a;
}
.poll-question h4 {
    padding: 10px 10px;
    color: #2e409a;
    padding-bottom: 0;
}
.poll-question .form-check input {
    position: relative;
    top: 0;
    border: 1px solid rgb(0 0 0 / 0.25);
    height: 16px !important;
}
.posts {
    padding: 10px 10px;
}
.poll-question h6 {
    padding: 1px 10px;
    color: #de0100;
    font-size: 20px;
}
.select2-container--default .select2-selection--single {
  background-color: #fff !important;
  border: 1px solid #2E409A;
  height: 48px;
  color: #2E409A !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 48px !important;
  padding-left: 15px;
  color: #2E409A !important;

}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 12px !important;
  right: 10px !important;
  color: #2E409A !important;

}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #2E409A !important;
}
.select2-selection__placeholder {
  color: #2E409A !important;
}


.loader-overlay {
  position:relative;
  display: none;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(255 255 255 / 50%);  
  z-index: 99999 !important;  
}

.loader {
  position:absolute;
  top: 40%;
  left: 50%;
  border: 8px solid #2E409A;
  border-top: 8px solid #f4f4f4;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 1s linear infinite;
}

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

  100% {
      transform: rotate(360deg);
  }
}

/* new modify css 22/01/2024 */

.sub-btn button {
  background-color: #DE0100;
  border-color: #DE0100;
  color: #fff;
  font-family: 'Gilroy-Bold';
  padding: 8px 25px;
  border-radius: 5px;
  font-size: 17px;
  border:none;
}

.icon-contact-txt a {
  font-size: 17px;
  color:black;
}
.contact-box ul li p a{
  color:#fff;
  margin-bottom: 0;
  }

#toast-container>div {
  opacity: 1 !important;
}

.custom-pagination ul.pagination li {
  padding: 0px !important;
}

.custom-pagination .page-link {
  color: #DE0100;
}

.custom-pagination .active>.page-link, .page-link.active {
  background-color: #DE0100;
  border-color: #DE0100;
  color: #fff;
}
/* .read-btn-new  a.source_link{
  color: #2e409a !important;
  font-family: 'Gilroy-Bold' !important;	
  display: block !important;
  background-color:none !important;

} */
.source-link
{
background-color: unset !important;
}
.desc-img img{
  width:100% !important;
  height: auto !important;
  border-radius: 10px !important;

}
.inner-like{
  font-size:16px;
  color: #2e409a;
  font-weight:600;
  margin:5px;
}
.movement-img img {
  width: 100%;
}
.gallery-title h3{
  font-family: 'Gilroy-Bold';
}
.carousel-indicators{
  display: none !important;
}
.carousel-control-prev-icon{
  display: none !important;

}
.carousel-control-next-icon{
  display: none !important;

}

.product-list .card-title a {
  font-size: 22px;
  color: #2e409a;
  margin-bottom: 0px;
  font-family: 'Gilroy-Bold';
}

.product-cart-info {
  min-height: 100px;

}

.empty-cart{
  border: 1px solid #ddd;
padding: 15px 20px;
border-radius: 10px;
background-color: #fff;
min-height: 185px;
}

.input button.minus[disabled] {
  opacity: 0.4;
  cursor: not-allowed;
}

#address_check{
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1;
  width: 1;
  margin: -1;
  padding: 0;
  border: 0;
  position: relative;
  float:right;
  width:20px !important;
  height: 20px !important;

}
#address_box{
  margin-bottom: 5px;

}
.address-box-start{
  margin-bottom: 15px;
}

/* .select2-dropdown{
  z-index: 9999 !important;
} */
.navbar-fixed{
  z-index: 111;
}
#opinion-poll .modal-header {
  border-bottom: none;
  background-color: #2E409A;
}
#opinion-poll h5 {
  color: #fff;
  font-size: 20px;
  text-transform: uppercase;
}
.opinion-poll button:hover {
  background-color: #716f71;
  border-color: #716f71;
}
.opinion-poll button:active {
  background-color: #716f71;
  border-color: #716f71;
}
button.btn-cross.white-cross i {
  color: #fff !important;
}
div#opinion-poll label {
  color: #2E409A;
  font-family: Gilroy-Bold;
}
#opinion-poll input[type="radio"] {
  display: inline-block; 
  position: absolute; 
  overflow: hidden; 
  clip: rect(0 0 0 0); 
  height: 1;
  width: 1;
  margin: -1;
  padding: 0;
  border: 0;
}
#opinion-poll .form-check input {
  position: relative;
  top: 0px;
  border: 1px solid rgba(0, 0, 0, .25);
  height: 16px !important;
}
.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd !important;
}
.posts p {
font-family: 'Gilroy-Bold';
}
.posts label {
font-family: 'Gilroy-Medium';
}
span.post-tiles{
font-family: 'Gilroy-Medium';	
}
.posts .form-check {
  margin-bottom: 15px;
  display: inline-block;
  width: 33%;
  vertical-align: top;
}

.posts p {
  margin-bottom: 0;
  font-size: 17px;
}
#opinion-poll .modal-dialog{
max-width:650px;
}
.opinion-poll button i {
  background-color: #fff;
  color: #DE0100;
  margin-left: 5px;
  padding: 4px 5px;
  border-radius: 50%;
}

.nav-link.click-scroll.active{
  color: #DE0100;

}
.hvr-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-grow:hover,.hvr-grow:focus,.hvr-grow:active {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.hvr-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-shrink:hover,.hvr-shrink:focus,.hvr-shrink:active {
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

@-webkit-keyframes hvr-pulse {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

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

@keyframes hvr-pulse {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

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

.hvr-pulse {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0
}

.hvr-pulse:hover,.hvr-pulse:focus,.hvr-pulse:active {
    -webkit-animation-name: hvr-pulse;
    animation-name: hvr-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes hvr-pulse-grow {
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes hvr-pulse-grow {
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.hvr-pulse-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0
}

.hvr-pulse-grow:hover,.hvr-pulse-grow:focus,.hvr-pulse-grow:active {
    -webkit-animation-name: hvr-pulse-grow;
    animation-name: hvr-pulse-grow;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

@-webkit-keyframes hvr-pulse-shrink {
    to {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

@keyframes hvr-pulse-shrink {
    to {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

.hvr-pulse-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0
}

.hvr-pulse-shrink:hover,.hvr-pulse-shrink:focus,.hvr-pulse-shrink:active {
    -webkit-animation-name: hvr-pulse-shrink;
    animation-name: hvr-pulse-shrink;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

@-webkit-keyframes hvr-push {
    50% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

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

@keyframes hvr-push {
    50% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

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

.hvr-push {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0
}

.hvr-push:hover,.hvr-push:focus,.hvr-push:active {
    -webkit-animation-name: hvr-push;
    animation-name: hvr-push;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-pop {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@keyframes hvr-pop {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

.hvr-pop {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0
}

.hvr-pop:hover,.hvr-pop:focus,.hvr-pop:active {
    -webkit-animation-name: hvr-pop;
    animation-name: hvr-pop;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.hvr-bounce-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s
}

.hvr-bounce-in:hover,.hvr-bounce-in:focus,.hvr-bounce-in:active {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition-timing-function: cubic-bezier(.47,2.02,.31,-.36);
    transition-timing-function: cubic-bezier(.47,2.02,.31,-.36)
}

.hvr-bounce-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s
}

.hvr-bounce-out:hover,.hvr-bounce-out:focus,.hvr-bounce-out:active {
    -webkit-transform: scale(.8);
    transform: scale(.8);
    -webkit-transition-timing-function: cubic-bezier(.47,2.02,.31,-.36);
    transition-timing-function: cubic-bezier(.47,2.02,.31,-.36)
}

.hvr-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-rotate:hover,.hvr-rotate:focus,.hvr-rotate:active {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg)
}

.hvr-grow-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-grow-rotate:hover,.hvr-grow-rotate:focus,.hvr-grow-rotate:active {
    -webkit-transform: scale(1.1) rotate(4deg);
    transform: scale(1.1) rotate(4deg)
}

.hvr-float {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-float:hover,.hvr-float:focus,.hvr-float:active {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px)
}

.hvr-sink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-sink:hover,.hvr-sink:focus,.hvr-sink:active {
    -webkit-transform: translateY(8px);
    transform: translateY(8px)
}

@-webkit-keyframes hvr-bob {
    0% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    50% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }

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

@keyframes hvr-bob {
    0% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    50% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }

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

@-webkit-keyframes hvr-bob-float {
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

@keyframes hvr-bob-float {
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

.hvr-bob {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0
}

.hvr-bob:hover,.hvr-bob:focus,.hvr-bob:active {
    -webkit-animation-name: hvr-bob-float,hvr-bob;
    animation-name: hvr-bob-float,hvr-bob;
    -webkit-animation-duration: .3s,1.5s;
    animation-duration: .3s,1.5s;
    -webkit-animation-delay: 0s,.3s;
    animation-delay: 0s,.3s;
    -webkit-animation-timing-function: ease-out,ease-in-out;
    animation-timing-function: ease-out,ease-in-out;
    -webkit-animation-iteration-count: 1,infinite;
    animation-iteration-count: 1,infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal,alternate;
    animation-direction: normal,alternate
}

@-webkit-keyframes hvr-hang {
    0% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }

    50% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

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

@keyframes hvr-hang {
    0% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }

    50% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

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

@-webkit-keyframes hvr-hang-sink {
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
}

@keyframes hvr-hang-sink {
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
}

.hvr-hang {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0
}

.hvr-hang:hover,.hvr-hang:focus,.hvr-hang:active {
    -webkit-animation-name: hvr-hang-sink,hvr-hang;
    animation-name: hvr-hang-sink,hvr-hang;
    -webkit-animation-duration: .3s,1.5s;
    animation-duration: .3s,1.5s;
    -webkit-animation-delay: 0s,.3s;
    animation-delay: 0s,.3s;
    -webkit-animation-timing-function: ease-out,ease-in-out;
    animation-timing-function: ease-out,ease-in-out;
    -webkit-animation-iteration-count: 1,infinite;
    animation-iteration-count: 1,infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal,alternate;
    animation-direction: normal,alternate
}

.hvr-skew {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-skew:hover,.hvr-skew:focus,.hvr-skew:active {
    -webkit-transform: skew(-10deg);
    transform: skew(-10deg)
}

.hvr-shutter-in-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    position: relative;
    background: #2098D1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s
}

.hvr-shutter-in-horizontal:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #e1e1e1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-shutter-in-horizontal:hover,.hvr-shutter-in-horizontal:focus,.hvr-shutter-in-horizontal:active {
    color: #fff
}

.hvr-shutter-in-horizontal:hover:before,.hvr-shutter-in-horizontal:focus:before,.hvr-shutter-in-horizontal:active:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.hvr-shutter-out-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s
}

.hvr-shutter-out-horizontal:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 5px;
    background-color: #716f71;
    border: 1px solid #716f71;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-shutter-out-horizontal:hover,.hvr-shutter-out-horizontal:focus,.hvr-shutter-out-horizontal:active {
    color: #fff
}

.hvr-shutter-out-horizontal:hover:before,.hvr-shutter-out-horizontal:focus:before,.hvr-shutter-out-horizontal:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.hvr-shutter-in-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    position: relative;
    background: #2E409A;
    border-color: #2E409A;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s
}

.hvr-shutter-in-vertical:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #e1e1e1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-shutter-in-vertical:hover,.hvr-shutter-in-vertical:focus,.hvr-shutter-in-vertical:active {
    color: #fff
}

.hvr-shutter-in-vertical:hover:before,.hvr-shutter-in-vertical:focus:before,.hvr-shutter-in-vertical:active:before {
    -webkit-transform: scaleY(0);
    transform: scaleY(0)
}

.hvr-shutter-out-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s
}

.hvr-shutter-out-vertical:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #2098D1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-shutter-out-vertical:hover,.hvr-shutter-out-vertical:focus,.hvr-shutter-out-vertical:active {
    color: #fff
}

.hvr-shutter-out-vertical:hover:before,.hvr-shutter-out-vertical:focus:before,.hvr-shutter-out-vertical:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.hvr-border-fade {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    box-shadow: inset 0 0 0 4px #e1e1e1,0 0 1px #fff0
}

.hvr-border-fade:hover,.hvr-border-fade:focus,.hvr-border-fade:active {
    box-shadow: inset 0 0 0 4px #2098D1,0 0 1px #fff0
}

.hvr-hollow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: background;
    transition-property: background;
    box-shadow: inset 0 0 0 4px #e1e1e1,0 0 1px #fff0
}

.hvr-hollow:hover,.hvr-hollow:focus,.hvr-hollow:active {
    background: none
}

.hvr-trim {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    position: relative
}

.hvr-trim:before {
    content: '';
    position: absolute;
    border: #fff solid 4px;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    opacity: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.hvr-trim:hover:before,.hvr-trim:focus:before,.hvr-trim:active:before {
    opacity: 1
}

@-webkit-keyframes hvr-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0
    }
}

@keyframes hvr-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0
    }
}

.hvr-ripple-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    position: relative
}

.hvr-ripple-out:before {
    content: '';
    position: absolute;
    border: #e1e1e1 solid 6px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.hvr-ripple-out:hover:before,.hvr-ripple-out:focus:before,.hvr-ripple-out:active:before {
    -webkit-animation-name: hvr-ripple-out;
    animation-name: hvr-ripple-out
}

@-webkit-keyframes hvr-ripple-in {
    100% {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 1
    }
}

@keyframes hvr-ripple-in {
    100% {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 1
    }
}

.hvr-ripple-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    position: relative
}

.hvr-ripple-in:before {
    content: '';
    position: absolute;
    border: #e1e1e1 solid 4px;
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.hvr-ripple-in:hover:before,.hvr-ripple-in:focus:before,.hvr-ripple-in:active:before {
    -webkit-animation-name: hvr-ripple-in;
    animation-name: hvr-ripple-in
}

.hvr-outline-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    position: relative
}

.hvr-outline-out:before {
    content: '';
    position: absolute;
    border: #e1e1e1 solid 4px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: top,right,bottom,left;
    transition-property: top,right,bottom,left
}

.hvr-outline-out:hover:before,.hvr-outline-out:focus:before,.hvr-outline-out:active:before {
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px
}

.hvr-outline-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    position: relative
}

.hvr-outline-in:before {
    pointer-events: none;
    content: '';
    position: absolute;
    border: #e1e1e1 solid 4px;
    top: -16px;
    right: -16px;
    bottom: -16px;
    left: -16px;
    opacity: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: top,right,bottom,left;
    transition-property: top,right,bottom,left
}

.hvr-outline-in:hover:before,.hvr-outline-in:focus:before,.hvr-outline-in:active:before {
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
    opacity: 1
}

.hvr-round-corners {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: border-radius;
    transition-property: border-radius
}

.hvr-round-corners:hover,.hvr-round-corners:focus,.hvr-round-corners:active {
    border-radius: 1em
}

.hvr-underline-from-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    position: relative;
    overflow: hidden
}

.hvr-underline-from-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: 0;
    background: #2098D1;
    height: 4px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-underline-from-left:hover:before,.hvr-underline-from-left:focus:before,.hvr-underline-from-left:active:before {
    right: 0
}

.hvr-underline-from-center {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    position: relative;
    overflow: hidden
}

.hvr-underline-from-center:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 51%;
    right: 51%;
    bottom: 0;
    background: #2098D1;
    height: 4px;
    -webkit-transition-property: left,right;
    transition-property: left,right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-underline-from-center:hover:before,.hvr-underline-from-center:focus:before,.hvr-underline-from-center:active:before {
    left: 0;
    right: 0
}

.hvr-underline-from-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    position: relative;
    overflow: hidden
}

.hvr-underline-from-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 100%;
    right: 0;
    bottom: 0;
    background: #2098D1;
    height: 4px;
    -webkit-transition-property: left;
    transition-property: left;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-underline-from-right:hover:before,.hvr-underline-from-right:focus:before,.hvr-underline-from-right:active:before {
    left: 0
}

.hvr-overline-from-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    position: relative;
    overflow: hidden
}

.hvr-overline-from-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    top: 0;
    background: #2098D1;
    height: 4px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-overline-from-left:hover:before,.hvr-overline-from-left:focus:before,.hvr-overline-from-left:active:before {
    right: 0
}

.hvr-overline-from-center {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    position: relative;
    overflow: hidden
}

.hvr-overline-from-center:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 51%;
    right: 51%;
    top: 0;
    background: #2098D1;
    height: 4px;
    -webkit-transition-property: left,right;
    transition-property: left,right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-overline-from-center:hover:before,.hvr-overline-from-center:focus:before,.hvr-overline-from-center:active:before {
    left: 0;
    right: 0
}

.hvr-overline-from-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    position: relative;
    overflow: hidden
}

.hvr-overline-from-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 100%;
    right: 0;
    top: 0;
    background: #2098D1;
    height: 4px;
    -webkit-transition-property: left;
    transition-property: left;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-overline-from-right:hover:before,.hvr-overline-from-right:focus:before,.hvr-overline-from-right:active:before {
    left: 0
}

.hvr-reveal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    position: relative;
    overflow: hidden
}

.hvr-reveal:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-color: #2098D1;
    border-style: solid;
    border-width: 0;
    -webkit-transition-property: border-width;
    transition-property: border-width;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-reveal:hover:before,.hvr-reveal:focus:before,.hvr-reveal:active:before {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    border-width: 4px
}

.hvr-underline-reveal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    position: relative;
    overflow: hidden
}

.hvr-underline-reveal:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098D1;
    height: 4px;
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-underline-reveal:hover:before,.hvr-underline-reveal:focus:before,.hvr-underline-reveal:active:before {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.hvr-overline-reveal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    position: relative;
    overflow: hidden
}

.hvr-overline-reveal:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    background: #2098D1;
    height: 4px;
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-overline-reveal:hover:before,.hvr-overline-reveal:focus:before,.hvr-overline-reveal:active:before {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.hvr-glow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow
}

.hvr-glow:hover,.hvr-glow:focus,.hvr-glow:active {
    box-shadow: 0 0 8px rgb(0 0 0 / .6)
}

.hvr-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow
}

.hvr-shadow:hover,.hvr-shadow:focus,.hvr-shadow:active {
    box-shadow: 0 10px 10px -10px rgb(0 0 0 / .5)
}

.hvr-grow-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow,transform;
    transition-property: box-shadow,transform
}

.hvr-grow-shadow:hover,.hvr-grow-shadow:focus,.hvr-grow-shadow:active {
    box-shadow: 0 10px 10px -10px rgb(0 0 0 / .5);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.hvr-box-shadow-outset {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow
}

.hvr-box-shadow-outset:hover,.hvr-box-shadow-outset:focus,.hvr-box-shadow-outset:active {
    box-shadow: 2px 2px 2px rgb(0 0 0 / .6)
}

.hvr-box-shadow-inset {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    box-shadow: inset 0 0 0 rgb(0 0 0 / .6),0 0 1px #fff0
}

.hvr-box-shadow-inset:hover,.hvr-box-shadow-inset:focus,.hvr-box-shadow-inset:active {
    box-shadow: inset 2px 2px 2px rgb(0 0 0 / .6),0 0 1px #fff0
}

.hvr-float-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-float-shadow:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center,ellipse,rgb(0 0 0 / .35) 0%,#fff0 80%);
    background: radial-gradient(ellipse at center,rgb(0 0 0 / .35) 0%,#fff0 80%);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform,opacity;
    transition-property: transform,opacity
}

.hvr-float-shadow:hover,.hvr-float-shadow:focus,.hvr-float-shadow:active {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.hvr-float-shadow:hover:before,.hvr-float-shadow:focus:before,.hvr-float-shadow:active:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px)
}

.hvr-shadow-radial {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    position: relative
}

.hvr-shadow-radial:before,.hvr-shadow-radial:after {
    pointer-events: none;
    position: absolute;
    content: '';
    left: 0;
    width: 100%;
    box-sizing: border-box;
    background-repeat: no-repeat;
    height: 5px;
    opacity: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.hvr-shadow-radial:before {
    bottom: 100%;
    background: -webkit-radial-gradient(50% 150%,ellipse,rgb(0 0 0 / .6) 0%,#fff0 80%);
    background: radial-gradient(ellipse at 50% 150%,rgb(0 0 0 / .6) 0%,#fff0 80%)
}

.hvr-shadow-radial:after {
    top: 100%;
    background: -webkit-radial-gradient(50% -50%,ellipse,rgb(0 0 0 / .6) 0%,#fff0 80%);
    background: radial-gradient(ellipse at 50% -50%,rgb(0 0 0 / .6) 0%,#fff0 80%)
}

.hvr-shadow-radial:hover:before,.hvr-shadow-radial:focus:before,.hvr-shadow-radial:active:before,.hvr-shadow-radial:hover:after,.hvr-shadow-radial:focus:after,.hvr-shadow-radial:active:after {
    opacity: 1
}

.hvr-bubble-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    position: relative
}

.hvr-bubble-top:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    left: calc(50% - 10px);
    top: 0;
    border-width: 0 10px 10px 10px;
    border-color: #fff0 #fff0 #e1e1e1 #fff0
}

.hvr-bubble-top:hover:before,.hvr-bubble-top:focus:before,.hvr-bubble-top:active:before {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.hvr-bubble-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    position: relative
}

.hvr-bubble-right:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    top: calc(50% - 10px);
    right: 0;
    border-width: 10px 0 10px 10px;
    border-color: #fff0 #fff0 #fff0 #e1e1e1
}

.hvr-bubble-right:hover:before,.hvr-bubble-right:focus:before,.hvr-bubble-right:active:before {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.hvr-bubble-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    position: relative
}

.hvr-bubble-bottom:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    left: calc(50% - 10px);
    bottom: 0;
    border-width: 10px 10px 0 10px;
    border-color: #e1e1e1 #fff0 #fff0 #fff0
}

.hvr-bubble-bottom:hover:before,.hvr-bubble-bottom:focus:before,.hvr-bubble-bottom:active:before {
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.hvr-bubble-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    position: relative
}

.hvr-bubble-left:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    top: calc(50% - 10px);
    left: 0;
    border-width: 10px 10px 10px 0;
    border-color: #fff0 #e1e1e1 #fff0 #fff0
}

.hvr-bubble-left:hover:before,.hvr-bubble-left:focus:before,.hvr-bubble-left:active:before {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.hvr-bubble-float-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-top:before {
    position: absolute;
    z-index: -1;
    content: '';
    left: calc(50% - 10px);
    top: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: #fff0 #fff0 #e1e1e1 #fff0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-top:hover,.hvr-bubble-float-top:focus,.hvr-bubble-float-top:active {
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.hvr-bubble-float-top:hover:before,.hvr-bubble-float-top:focus:before,.hvr-bubble-float-top:active:before {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.hvr-bubble-float-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-right:before {
    position: absolute;
    z-index: -1;
    top: calc(50% - 10px);
    right: 0;
    content: '';
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: #fff0 #fff0 #fff0 #e1e1e1;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-right:hover,.hvr-bubble-float-right:focus,.hvr-bubble-float-right:active {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.hvr-bubble-float-right:hover:before,.hvr-bubble-float-right:focus:before,.hvr-bubble-float-right:active:before {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.hvr-bubble-float-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-bottom:before {
    position: absolute;
    z-index: -1;
    content: '';
    left: calc(50% - 10px);
    bottom: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #e1e1e1 #fff0 #fff0 #fff0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-bottom:hover,.hvr-bubble-float-bottom:focus,.hvr-bubble-float-bottom:active {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.hvr-bubble-float-bottom:hover:before,.hvr-bubble-float-bottom:focus:before,.hvr-bubble-float-bottom:active:before {
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.hvr-bubble-float-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-left:before {
    position: absolute;
    z-index: -1;
    content: '';
    top: calc(50% - 10px);
    left: 0;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: #fff0 #e1e1e1 #fff0 #fff0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-left:hover,.hvr-bubble-float-left:focus,.hvr-bubble-float-left:active {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.hvr-bubble-float-left:hover:before,.hvr-bubble-float-left:focus:before,.hvr-bubble-float-left:active:before {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.hvr-icon-back {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s
}

.hvr-icon-back .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-back:hover .hvr-icon,.hvr-icon-back:focus .hvr-icon,.hvr-icon-back:active .hvr-icon {
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px)
}

.hvr-icon-forward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s
}

.hvr-icon-forward .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-forward:hover .hvr-icon,.hvr-icon-forward:focus .hvr-icon,.hvr-icon-forward:active .hvr-icon {
    -webkit-transform: translateX(4px);
    transform: translateX(4px)
}

@-webkit-keyframes hvr-icon-down {
    0%,50%,100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    25%,75% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

@keyframes hvr-icon-down {
    0%,50%,100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    25%,75% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

.hvr-icon-down {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0
}

.hvr-icon-down .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-down:hover .hvr-icon,.hvr-icon-down:focus .hvr-icon,.hvr-icon-down:active .hvr-icon {
    -webkit-animation-name: hvr-icon-down;
    animation-name: hvr-icon-down;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes hvr-icon-up {
    0%,50%,100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    25%,75% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

@keyframes hvr-icon-up {
    0%,50%,100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    25%,75% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

.hvr-icon-up {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0
}

.hvr-icon-up .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-up:hover .hvr-icon,.hvr-icon-up:focus .hvr-icon,.hvr-icon-up:active .hvr-icon {
    -webkit-animation-name: hvr-icon-up;
    animation-name: hvr-icon-up;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.hvr-icon-spin {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0
}

.hvr-icon-spin .hvr-icon {
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

.hvr-icon-spin:hover .hvr-icon,.hvr-icon-spin:focus .hvr-icon,.hvr-icon-spin:active .hvr-icon {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}

@-webkit-keyframes hvr-icon-drop {
    0% {
        opacity: 0
    }

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

    51%,100% {
        opacity: 1
    }
}

@keyframes hvr-icon-drop {
    0% {
        opacity: 0
    }

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

    51%,100% {
        opacity: 1
    }
}

.hvr-icon-drop {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0
}

.hvr-icon-drop .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-drop:hover .hvr-icon,.hvr-icon-drop:focus .hvr-icon,.hvr-icon-drop:active .hvr-icon {
    opacity: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-animation-name: hvr-icon-drop;
    animation-name: hvr-icon-drop;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: cubic-bezier(.52,1.64,.37,.66);
    animation-timing-function: cubic-bezier(.52,1.64,.37,.66)
}

.hvr-icon-fade {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0
}

.hvr-icon-fade .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: color;
    transition-property: color
}

.hvr-icon-fade:hover .hvr-icon,.hvr-icon-fade:focus .hvr-icon,.hvr-icon-fade:active .hvr-icon {
    color: #0F9E5E
}

@-webkit-keyframes hvr-icon-float-away {
    0% {
        opacity: 1
    }

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

@keyframes hvr-icon-float-away {
    0% {
        opacity: 1
    }

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

.hvr-icon-float-away {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0
}

.hvr-icon-float-away .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.hvr-icon-float-away:hover .hvr-icon,.hvr-icon-float-away:focus .hvr-icon,.hvr-icon-float-away:active .hvr-icon {
    -webkit-animation-name: hvr-icon-float-away;
    animation-name: hvr-icon-float-away;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes hvr-icon-sink-away {
    0% {
        opacity: 1
    }

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

@keyframes hvr-icon-sink-away {
    0% {
        opacity: 1
    }

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

.hvr-icon-sink-away {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0
}

.hvr-icon-sink-away .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.hvr-icon-sink-away:hover .hvr-icon,.hvr-icon-sink-away:focus .hvr-icon,.hvr-icon-sink-away:active .hvr-icon {
    -webkit-animation-name: hvr-icon-sink-away;
    animation-name: hvr-icon-sink-away;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.hvr-icon-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s
}

.hvr-icon-grow .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-grow:hover .hvr-icon,.hvr-icon-grow:focus .hvr-icon,.hvr-icon-grow:active .hvr-icon {
    -webkit-transform: scale(1.3) translateZ(0);
    transform: scale(1.3) translateZ(0)
}

.hvr-icon-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s
}

.hvr-icon-shrink .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-shrink:hover .hvr-icon,.hvr-icon-shrink:focus .hvr-icon,.hvr-icon-shrink:active .hvr-icon {
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

@-webkit-keyframes hvr-icon-pulse {
    25% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    75% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

@keyframes hvr-icon-pulse {
    25% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    75% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

.hvr-icon-pulse {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0
}

.hvr-icon-pulse .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-pulse:hover .hvr-icon,.hvr-icon-pulse:focus .hvr-icon,.hvr-icon-pulse:active .hvr-icon {
    -webkit-animation-name: hvr-icon-pulse;
    animation-name: hvr-icon-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes hvr-icon-pulse-grow {
    to {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
}

@keyframes hvr-icon-pulse-grow {
    to {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
}

.hvr-icon-pulse-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0
}

.hvr-icon-pulse-grow .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-pulse-grow:hover .hvr-icon,.hvr-icon-pulse-grow:focus .hvr-icon,.hvr-icon-pulse-grow:active .hvr-icon {
    -webkit-animation-name: hvr-icon-pulse-grow;
    animation-name: hvr-icon-pulse-grow;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

@-webkit-keyframes hvr-icon-pulse-shrink {
    to {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

@keyframes hvr-icon-pulse-shrink {
    to {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

.hvr-icon-pulse-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0
}

.hvr-icon-pulse-shrink .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-pulse-shrink:hover .hvr-icon,.hvr-icon-pulse-shrink:focus .hvr-icon,.hvr-icon-pulse-shrink:active .hvr-icon {
    -webkit-animation-name: hvr-icon-pulse-shrink;
    animation-name: hvr-icon-pulse-shrink;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

@-webkit-keyframes hvr-icon-push {
    50% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
}

@keyframes hvr-icon-push {
    50% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
}

.hvr-icon-push {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s
}

.hvr-icon-push .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-push:hover .hvr-icon,.hvr-icon-push:focus .hvr-icon,.hvr-icon-push:active .hvr-icon {
    -webkit-animation-name: hvr-icon-push;
    animation-name: hvr-icon-push;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-icon-pop {
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@keyframes hvr-icon-pop {
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

.hvr-icon-pop {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s
}

.hvr-icon-pop .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-pop:hover .hvr-icon,.hvr-icon-pop:focus .hvr-icon,.hvr-icon-pop:active .hvr-icon {
    -webkit-animation-name: hvr-icon-pop;
    animation-name: hvr-icon-pop;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.hvr-icon-bounce {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s
}

.hvr-icon-bounce .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-bounce:hover .hvr-icon,.hvr-icon-bounce:focus .hvr-icon,.hvr-icon-bounce:active .hvr-icon {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition-timing-function: cubic-bezier(.47,2.02,.31,-.36);
    transition-timing-function: cubic-bezier(.47,2.02,.31,-.36)
}

.hvr-icon-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s
}

.hvr-icon-rotate .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-rotate:hover .hvr-icon,.hvr-icon-rotate:focus .hvr-icon,.hvr-icon-rotate:active .hvr-icon {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg)
}

.hvr-icon-grow-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s
}

.hvr-icon-grow-rotate .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-grow-rotate:hover .hvr-icon,.hvr-icon-grow-rotate:focus .hvr-icon,.hvr-icon-grow-rotate:active .hvr-icon {
    -webkit-transform: scale(1.5) rotate(12deg);
    transform: scale(1.5) rotate(12deg)
}

.hvr-icon-float {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s
}

.hvr-icon-float .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-float:hover .hvr-icon,.hvr-icon-float:focus .hvr-icon,.hvr-icon-float:active .hvr-icon {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px)
}

.hvr-icon-sink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s
}

.hvr-icon-sink .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-sink:hover .hvr-icon,.hvr-icon-sink:focus .hvr-icon,.hvr-icon-sink:active .hvr-icon {
    -webkit-transform: translateY(4px);
    transform: translateY(4px)
}

@-webkit-keyframes hvr-icon-bob {
    0% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }

    50% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

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

@keyframes hvr-icon-bob {
    0% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }

    50% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

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

@-webkit-keyframes hvr-icon-bob-float {
    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

@keyframes hvr-icon-bob-float {
    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

.hvr-icon-bob {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s
}

.hvr-icon-bob .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-bob:hover .hvr-icon,.hvr-icon-bob:focus .hvr-icon,.hvr-icon-bob:active .hvr-icon {
    -webkit-animation-name: hvr-icon-bob-float,hvr-icon-bob;
    animation-name: hvr-icon-bob-float,hvr-icon-bob;
    -webkit-animation-duration: .3s,1.5s;
    animation-duration: .3s,1.5s;
    -webkit-animation-delay: 0s,.3s;
    animation-delay: 0s,.3s;
    -webkit-animation-timing-function: ease-out,ease-in-out;
    animation-timing-function: ease-out,ease-in-out;
    -webkit-animation-iteration-count: 1,infinite;
    animation-iteration-count: 1,infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal,alternate;
    animation-direction: normal,alternate
}

@-webkit-keyframes hvr-icon-hang {
    0% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }

    50% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }

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

@keyframes hvr-icon-hang {
    0% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }

    50% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }

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

@-webkit-keyframes hvr-icon-hang-sink {
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

@keyframes hvr-icon-hang-sink {
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

.hvr-icon-hang {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s
}

.hvr-icon-hang .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-hang:hover .hvr-icon,.hvr-icon-hang:focus .hvr-icon,.hvr-icon-hang:active .hvr-icon {
    -webkit-animation-name: hvr-icon-hang-sink,hvr-icon-hang;
    animation-name: hvr-icon-hang-sink,hvr-icon-hang;
    -webkit-animation-duration: .3s,1.5s;
    animation-duration: .3s,1.5s;
    -webkit-animation-delay: 0s,.3s;
    animation-delay: 0s,.3s;
    -webkit-animation-timing-function: ease-out,ease-in-out;
    animation-timing-function: ease-out,ease-in-out;
    -webkit-animation-iteration-count: 1,infinite;
    animation-iteration-count: 1,infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal,alternate;
    animation-direction: normal,alternate
}

@-webkit-keyframes hvr-icon-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px)
    }

    33.3% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }

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

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

@keyframes hvr-icon-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px)
    }

    33.3% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }

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

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

.hvr-icon-wobble-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s
}

.hvr-icon-wobble-horizontal .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-wobble-horizontal:hover .hvr-icon,.hvr-icon-wobble-horizontal:focus .hvr-icon,.hvr-icon-wobble-horizontal:active .hvr-icon {
    -webkit-animation-name: hvr-icon-wobble-horizontal;
    animation-name: hvr-icon-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-icon-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }

    33.3% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

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

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

@keyframes hvr-icon-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }

    33.3% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

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

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

.hvr-icon-wobble-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s
}

.hvr-icon-wobble-vertical .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-wobble-vertical:hover .hvr-icon,.hvr-icon-wobble-vertical:focus .hvr-icon,.hvr-icon-wobble-vertical:active .hvr-icon {
    -webkit-animation-name: hvr-icon-wobble-vertical;
    animation-name: hvr-icon-wobble-vertical;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-icon-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
}

@keyframes hvr-icon-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
}

.hvr-icon-buzz {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s
}

.hvr-icon-buzz .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-buzz:hover .hvr-icon,.hvr-icon-buzz:focus .hvr-icon,.hvr-icon-buzz:active .hvr-icon {
    -webkit-animation-name: hvr-icon-buzz;
    animation-name: hvr-icon-buzz;
    -webkit-animation-duration: 0.15s;
    animation-duration: 0.15s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes hvr-icon-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

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

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

    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

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

    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }

    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0)
    }

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

@keyframes hvr-icon-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

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

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

    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

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

    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }

    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0)
    }

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

.hvr-icon-buzz-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s
}

.hvr-icon-buzz-out .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-buzz-out:hover .hvr-icon,.hvr-icon-buzz-out:focus .hvr-icon,.hvr-icon-buzz-out:active .hvr-icon {
    -webkit-animation-name: hvr-icon-buzz-out;
    animation-name: hvr-icon-buzz-out;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.hvr-curl-top-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    position: relative
}

.hvr-curl-top-left:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    top: 0;
    left: 0;
    background: #fff;
    background: linear-gradient(135deg,white 45%,#aaa 50%,#ccc 56%,white 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff',endColorstr='#000000');
    z-index: 1000;
    box-shadow: 1px 1px 1px rgb(0 0 0 / .4);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: width,height;
    transition-property: width,height
}

.hvr-curl-top-left:hover:before,.hvr-curl-top-left:focus:before,.hvr-curl-top-left:active:before {
    width: 25px;
    height: 25px
}

.hvr-curl-top-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    position: relative
}

.hvr-curl-top-right:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    top: 0;
    right: 0;
    background: #fff;
    background: linear-gradient(225deg,white 45%,#aaa 50%,#ccc 56%,white 80%);
    box-shadow: -1px 1px 1px rgb(0 0 0 / .4);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: width,height;
    transition-property: width,height
}

.hvr-curl-top-right:hover:before,.hvr-curl-top-right:focus:before,.hvr-curl-top-right:active:before {
    width: 25px;
    height: 25px
}

.hvr-curl-bottom-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    position: relative
}

.hvr-curl-bottom-right:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    background: linear-gradient(315deg,white 45%,#aaa 50%,#ccc 56%,white 80%);
    box-shadow: -1px -1px 1px rgb(0 0 0 / .4);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: width,height;
    transition-property: width,height
}

.hvr-curl-bottom-right:hover:before,.hvr-curl-bottom-right:focus:before,.hvr-curl-bottom-right:active:before {
    width: 25px;
    height: 25px
}

.hvr-curl-bottom-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    position: relative
}

.hvr-curl-bottom-left:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    background: linear-gradient(45deg,white 45%,#aaa 50%,#ccc 56%,white 80%);
    box-shadow: 1px -1px 1px rgb(0 0 0 / .4);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: width,height;
    transition-property: width,height
}

.hvr-curl-bottom-left:hover:before,.hvr-curl-bottom-left:focus:before,.hvr-curl-bottom-left:active:before {
    width: 25px;
    height: 25px
}

@media only screen and (max-width:991px){ 
.tri-spt {
	border-radius: 20px;
	flex-direction: column;
}  

.pri-content {
	border-left: 0px solid #c2d0e5; 
	 border-right: 0px solid #c2d0e5; 
	width: 100%;
	text-align: center;
}
.pri-points {
	width: 100%;
}
}

@media only screen and (min-width:992px) and (max-width:1199px){ 
  .cg-bx.cg-bx2 h5 {
  font-size: 14px;
  line-height: 1;
}

.cg-bx {
  height: 165px;
}
 
}

@media only screen and (min-width:1200px) and (max-width:1399px){ 
    .cg-bx {
  height: 190px;
}

}

@media only screen and (min-width:1400px) and (max-width:1599px){ 
    .cg-bx {
  height: 200px;
}

}


@media only screen and (min-width:1600px) and (max-width:1920px){
 .cg-bx {
  height: 245px;
}
}