/*===============================================
Template Name: Elecson - Party  HTML5 Template
Author:  https://themeforest.net/user/dreamit-solution
Description: Description
Version: 1.0.0
Text Domain: Elecson
Tags:   activism, campaign, candidate, democrat, donation, election, elections, government, political, political leader, political party, politician, politics, republican, responsive.
================================================*/

/*TABLE OFelecson*/
/*=======================
01.elecson Header Top Section Css
02.elecson Header Section Css
03.elecson Slider Section Css
04.elecson Join Section Css
05.elecson Feature Section Css
06.elecson Our Mission Section Css
07.elecson Votter Section Section Css
08.elecson Gallery Section Css
09.elecson Video Section Css
10.elecson Counter Section Css
11.elecson Events Section Css
12.elecson Blog Section Css
13.elecson Subscrib Section Css
14.elecson Footer Section Css
15.elecson Bridcumb Section Css
16.elecson Team Section Css
17.elecson Contact Section Css
18.elecson Blog Two Section Css
19.elecson Blog Details Section Css
20.elecson Campaigns Section Css
21.elecson Campaigns Details Section Css
22.elecson About Section Css
23.elecson Volunteer Section Css
24.elecson Donate Section Css
25.elecson  Loader Css
=======================*/

.header-top-section {
    background: #fff;
    padding: 15px 0 15px;
    position: relative;
    z-index: 1;
}

.header-top-section:before {
    position: absolute;
    content: "";
    left: -28px;
    top: 0;
    height: 100%;
    width: 41%;
    background: #E11143;
    transform: skew(-40deg);
    z-index: -1;
}

.header-top-section.home2 {
    padding: 15px 0 60px;
}

.header-address-info p {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 3px;
    color: #fff;
}

.header-address-info p i {
    display: inline-block;
    padding-right: 5px;
    color: #fff;
}

.header-address-info p span {
    padding-left: 5px;
    position: relative;
}
span.header-top-upper {
    margin-left: 48px;
}

.header-top-right-social {
    text-align: right;
}
.header-top-right-social ul>li {
    list-style: none;
    display: inline-block;
}

.header-top-right-social ul>li>a {
    display: inline-block;
    border: 1px dashed transparent;
    text-align: center;
    color: #012549;
    font-size: 16px;
    margin-left: 10px;
}

.header-top-right-social ul>li>a:hover {
    color: #E11143;
}

/*================================
<--  elecson Nav Menu Area Css -->
==================================*/
.elecson_nav_manu {
    position: relative;
    background: #F8F8F8;
    z-index: 2;
}

/* elecson nav menu style tow home */

.sticky {
    left: 0;
    margin: auto;
    position: fixed !important;
    top: 0;
    width: 100%;
    -webkit-box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.1);
    background: #fff!important;
    transition: .5s !important;
    z-index: 922;
    -webkit-animation: 300ms running fadeInDown;
    animation: 500ms running fadeInUp;
    animation-name: slideInDown;
}

.sticky .header_menu>ul>li>a {
    color: #0a1328;
}

/* elecson Menu Css*/
nav.header_menu {
    text-align: right;
}

.header_menu ul {
    list-style: none;
    display: inline-block;
    margin-right: 35px;
}

.header_menu>ul>li {
    display: inline-block;
    position: relative;
    z-index: 1;
    padding-left: 35px;
}

.header_menu>ul>li>a {
    margin: 38px 0px;
    transition: .5s;
    display: inline-block;
    font-size: 16px;
    color: #012549;
    font-weight: 500;
    font-family: "Work Sans";
}

nav.header_menu span {
    font-size: 11px;
    padding-left: 5px;
    font-family: FontAwesome;
    opacity: .5;
}

.header_menu>ul>li>a:hover {
    color:#E11143;
}



.header-menu-right-btn {
    display: inline-block;
}

/*menu button*/

.header-button {
    display: inline-block;
}

.header-button a {
    padding: 14px 26px;
    background: #E11143;
    display: inline-block;
    position: relative;
    z-index: 1;
    transition: .5s;
    font-size: 16px;
    line-height: 26px;
    color: #ffffff;
    font-weight: 500;
    font-family: "Work Sans";
    border-radius: 5px;
}

.header-button a:before {
    position: absolute;
    content: "";
    z-index: -1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #FF1617;
    transform: scale(0);
    transition: .5s;
    border-radius: 5px;
}
.header-button a:hover:before {
    transform: scale(1);
}


.header-button a i {
    font-size: 12px;
    margin-right: 10px;
}

/*** Sub Menu Style
==========================***/

.header_menu ul .sub-menu {
    position: absolute;
    left: 0;
    top: 130%;
    width: 217px;
    text-align: left;
    background: #fff;
    margin: 0;
    z-index: 1;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    transition: .5s;
    visibility: hidden;
    border-top: 2px solid#E11143;
    opacity: 0;
}

.header_menu ul li:hover>.sub-menu {
    visibility: visible;
    top: 100%;
    opacity: 1;
}

.header_menu ul .sub-menu li {
    position: relative;
}

.header_menu ul .sub-menu li a {
    display: block;
    padding: 12px 20px;
    margin: 0;
    line-height: 1.3;
    letter-spacing: normal;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    -webkit-transition: .1s;
    transition: .1s;
    visibility: inherit !important;
    color: #012448!important;
    font-family: "Work Sans";
}

.header_menu ul .sub-menu li:hover>a,
.header_menu ul .sub-menu .sub-menu li:hover>a,
.header_menu ul .sub-menu .sub-menu .sub-menu li:hover>a,
.header_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover>a {
    background:#E11143;
    color: #fff !important;
}

/* sub menu 2
=================*/
ul.sub-menu {
    padding: 0;
}

.header_menu ul .sub-menu .sub-menu {
    left: 100%;
    top: 130%;
    opacity: 0;
    visibility: hidden;
}

.header_menu ul .sub-menu li:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    top: 0%;
}






/*
<!-- ============================================================== -->
<!-- Start elecson Slider Section Css -->
<!-- ============================================================== -->*/
.slider-section {
    background: url(assets/images/slider/banner1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 890px;
}

h5.slider-sub-title {
    color: #fff;
    font-weight: 500;
    font-family: "Work Sans";
    font-size: 18px;
    margin-left: 30px;
    margin-bottom: 17px;
    position: relative;
    z-index: 1;
    -webkit-animation: 1s 1.6s fadeInUp both;
    animation: 1s 1.6s fadeInUp both;
}

h5.slider-sub-title:before {
    position: absolute;
    content: "";
    left: -30px;
    top: 0;
    height: 100%;
    width: 100%;
    background: url(assets/images/slider/hero-icon2.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.slider-section.style-two h5.slider-sub-title:before {
    background: url(assets/images/slider/hero-icon.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.slider-main-title {
    margin-bottom: 19px;
}

.slider-main-title h1 {
    font-size: 56px;
    line-height: 75px;
    color: #fff;
    font-weight: 700;
    font-family: "Work Sans";
    -webkit-animation: 1s 1.7s fadeInUp both;
    animation: 1s 1.7s fadeInUp both;
}

.slider-main-title h1 span {
    color: #E01042;
}

.slider-description p {
    font-size: 16px;
    width: 51%;
    color: #fff;
    opacity: 0.800;
    -webkit-animation: 1s 1.8s fadeInUp both;
    animation: 1s 1.5s fadeInUp both;
}

.slider-button {
    margin-top: 38px;
    -webkit-animation: 1s 1.9s fadeInUp both;
    animation: 1s 1.9s fadeInUp both;
    display: inline-block;
}

.slider-button a {
    display: inline-block;
    padding: 17px 33px;
    background: #E11143;
    margin-right: 15px;
    position: relative;
    z-index: 1;
    font-size: 18px;
    font-weight: 400;
    font-family: "Work Sans";
    color: #fff;
    border-radius: 5px;
    overflow: hidden;
}

.slider-button a:hover {
    color: #E11143;
}

.slider-button a:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 0%;
    top: 0px;
    left: -30px;
    background: #fff;
    transform: skew(40deg);
    border-radius: 5px;
    transition: .5s;
    z-index: -1;
}

.slider-button a:hover:before {
    width: 80%;
}

.slider-button a:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 0%;
    top: 0px;
    right: -30px;
    background: #fff;
    transform: skew(40deg);
    border-radius: 5px;
    transition: .5s;
    z-index: -1;
}

.slider-button a:hover:after {
    width: 80%;
}

.slider-button a i {
    font-size: 16px;
    margin-left: 10px;
}

.upper.slider-button a:before {
    background: #012549;
}

.upper.slider-button a:after {
    background: #012549;
}

.upper.slider-button a:hover{
    color: #fff;
}


/* slider vedio btn */

.slider-video-icon {
    display: inline-block;
    position: relative;
    top: -23px;
    margin-left: 10px;
}

.slider-video-icon a i {
    display: inline-block;
    height: 60px;
    width: 60px;
    background: #DF1141;
    line-height: 60px;
    color: #fff;
    border-radius: 50%;
    text-align: center;
}




.slider-list .owl-dots {
    position: absolute;
    right: 150px;
    top: 50%;
}

.slider-list .owl-dot {
    height: 12px;
    width: 12px;
    background: #fff;
    border-radius: 50%;
    display: inline-block;
    margin-left: 15px;
}

.slider-list .owl-dot.active {
    background: #DF1141;
}


/*
<!-- ============================================================== -->
<!-- Start elecson Slider Section Style Two Css -->
<!-- ============================================================== -->*/

.slider-section.style-two {
    background: url(assets/images/slider/banner2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.slider-section.style-two h5.slider-sub-title {
    color: #012549;
}

.slider-section.style-two .slider-main-title h1 {
    color: #012448;
}

.slider-section.style-two .slider-description p {
    color: #616161;
}

/*================================
 <--Start elecson Join  Section   Css-->
=================================*/
.join-section {
    background: url(assets/images/resource/donate-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 102px 0 22px;
}

.join-title h2 {
    font-size: 30px;
    color: #ffffff;
    font-weight: 600;
    font-family: "Work Sans";
    margin-bottom: 37px;
}

p.join-description {
    color: #fff;
    width: 89%;
}

.dollar-list {
    margin-top: 24px;
}

.dollar-list ul li {
    display: inline-block;
    background: transparent;
    border: 1px solid #ffffff9c;
    padding: 12px 30px;
    font-size: 18px;
    color: #ffffff;
    font-weight: 600;
    font-family: "Work Sans";
    border-radius: 5px;
    margin-right: 14px;
    transition: .5s;
}

.dollar-list ul li:hover {
    background: #E11143;
    border: 1px solid #E11143;
}

.dollar-list ul li a {
    display: inline-block;
    font-size: 18px;
    color: #ffffff;
    font-weight: 600;
    font-family: "Work Sans";
}

.donate-btn {
    margin-top: 50px;
}

.donate-btn a {
    display: inline-block;
    font-size: 16px;
    color: #ffffff;
    font-weight: 400;
    font-family: "Work Sans";
    background: #E11143;
    padding: 15px 32px;
    border-radius: 5px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: .5s;
}

.donate-btn a:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 0%;
    top: 0px;
    left: -30px;
    background: #FF1617;
    transform: skew(40deg);
    border-radius: 5px;
    transition: .5s;
    z-index: -1;
}

.donate-btn a:hover:before {
    width: 80%;
}

.donate-btn a:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 0%;
    top: 0px;
    right: -30px;
    background: #FF1617;
    transform: skew(40deg);
    border-radius: 5px;
    transition: .5s;
    z-index: -1;
}

.donate-btn a:hover:after {
    width: 80%;
}

.donate-btn a i {
    margin-left: 10px;
    font-size: 16px;
}

.contact-right {
    position: relative;
    margin-top: -174px;
    z-index: 1;
    bottom: -22px;
}

.row.donate_bg {
    background: url(assets/images/resource/donate-thumb.jpg);
    text-align: center;
    padding: 148px 118px 147px;
    background-repeat: no-repeat;
}

.row.donate_bg p {
    font-size: 30px;
    color: #ffffff;
    font-weight: 600;
    font-family: "Work Sans";
    text-align: center;
    margin-bottom: 46px;
}

.form-box input {
    height: 52px;
    width: 98%;
    margin-bottom: 20px;
    background: transparent;
    border: 1px solid #ffffff94;
    border-radius: 5px;
    padding: 0 20px;
    color: #fff;
}

.form-box input::placeholder {
    opacity: 0.400;
    font-size: 16px;
    color: #ffffff;
    font-family: "Work Sans";
}


.donate-form-btn button {
    font-size: 16px;
    color: #012448;
    font-weight: 500;
    font-family: "Work Sans";
    border: none;
    background: #fff;
    padding: 14px 112px;
    border-radius: 5px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.donate-form-btn button:hover {
    color: #fff;
}

.donate-form-btn button:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 0%;
    top: 0px;
    left: -30px;
    background: #002549;
    transform: skew(40deg);
    border-radius: 5px;
    transition: .5s;
    z-index: -1;
}

.donate-form-btn button:hover:before {
    width: 80%;
}

.donate-form-btn button:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 0%;
    top: 0px;
    right: -30px;
    background: #002549;
    transform: skew(40deg);
    border-radius: 5px;
    transition: .5s;
    z-index: -1;
}

.donate-form-btn button:hover:after {
    width: 80%;
}

/*================================
 <--Startelecson  Section Title  Css-->
=================================*/

.section-title {
    margin-bottom: 36px;
}

.section-title.style1 {
    margin-bottom: 33px;
}

.section-title.style2 {
    margin-bottom: 10px;
}

.section-title.style3 {
    margin-bottom: 30px;
}

.section-sub-title h4 {
    font-size: 18px;
    color: #012549;
    font-weight: 500;
    font-family: "Work Sans";
    margin-bottom: 13px;
}

.section-sub-title.style1 h4 {
    color: #fff;
}


.section-main-title h1 {
    font-size: 46px;
    line-height: 60px;
    color: #012549;
    font-weight: 600;
    font-family: "Work Sans";
}

.section-main-title.style1 {
    margin-bottom: 24px;
}

.section-main-title.style1 h1 {
    font-size: 46px;
    color: #ffffff;
    font-weight: 500;
    font-family: "Work Sans";
}

.section-main-title.style2 h1 {
    color: #ffff;
}

p.section-description.style1 {
    font-size: 16px;
    color: #c7c7c7;
    font-weight: 400;
    font-family: "Arimo";
    width: 88%;
}

.section-title.text-center {
    margin-bottom: 52px;
}

.section-title.text-center .section-main-title {
    margin-bottom: 11px;
}

.section-title.text-center p.section-description {
    width: 76%;
    text-align: center;
    margin: auto;
}

.section-title.text-center.style p.section-description {
    width: 59%;
    text-align: center;
    margin: auto;
}

.section-title.upper-style {
    margin-bottom: 22px;
}

.section-main-title.left-style {
    margin-bottom: 30px;
}

.section-main-title.left-style1 h1 {
    color: #fff;
}



/* section title home 3 */


/*================================
 <--Startelecson Feature Section   Css-->
=================================*/
.feature-sention {
    padding: 105px 0 90px;
    background: url(assets/images/resource/feature-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.feature-flip-card {
    background-color: transparent;
    width: 416px;
    height: 338px;
    perspective: 1000px;
    border-radius: 5px;
    margin-bottom: 30px;
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
}

.feature-flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
 }

  .feature-thumb img {
    width: 100%;
}

.flip-feature-content {
    background: #fff;
    padding: 22px 0 7px;
    filter: drop-shadow(0 0 7.5px rgba(0,0,0,0.15));
    border-radius: 0 0px 5px 5px;
}

h3.feature-title {
    font-size: 22px;
    color: #012549;
    font-weight: 600;
    font-family: "Work Sans";
    text-align: center;
    margin-bottom: 8px;
}

.flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 5px;
}

.flip-card-front {
    background-color: #bbb;
    color: black;
  }

.flip-card-back {
    background-color: #E11143;
    color: white;
    transform: rotateY(180deg);
    padding: 56px 45px 0;
}

h1.feature-title2 {
    font-size: 22px;
    color: #fefefe;
    font-weight: 600;
    font-family: "Work Sans";
    text-align: center;
    margin-bottom: 20px;
}

.feature-btn {
    margin-top: 35px;
}

.feature-btn a {
    display: inline-block;
    font-size: 16px;
    color: #ffffff;
    font-weight: 500;
    font-family: "Work Sans";
    background: transparent;
    border: 1px solid #fff;
    padding: 7px 18px;
    border-radius: 5px;
}

.feature-btn a:hover {
    background: #002549;
    border: 1px solid #002549;
}


/*================================
 <--Start elecson  Mission Section  Css-->
=================================*/
.our-mission {
    padding: 40px 0 52px;
}

li.nav-item {
    margin-right: 15px;
}


.nav-pills .nav-link {
    border-radius: 0;
}

.nav-link {
    display: block;
    padding: 7px 24px;
    text-decoration: none;
    color: #012549;
    font-weight: 400;
    font-family: "Arimo";
    font-size: 16px;
    position: relative;
    z-index: 1;
    border: 1px solid #012549 !important;
}

.active.nav-link:before {
    position: absolute;
    content: "";
    left: 50%;
    top: 100%;
    z-index: -1;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-top: 12px solid #E11142;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    transition: .5s;
    background: radial-gradient(black, transparent);
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #E11143;
    position: relative;
    z-index: 1;
    border: 1px solid #E11143 !important;
}

.active li.nav-item {
    border: 1px solid #E11143;
}

.nav-link:focus, .nav-link:hover {
    color: #012549;
}

.tab-content {
    margin-top: 26px;
}

p.mission-description {
    width: 85%;
}

p.mission-description2 {
    width: 85%;
    margin-top: 25px;
}

.mission-thumb {
    position: relative;
    z-index: 1;
}

.mission-shape {
    position: absolute;
    top: -144px;
    right: -323px;
    z-index: -1;
}

/*================================
 <--Start elecson  Votter Section   Css-->
=================================*/
.votter-section {
    background: url(assets/images/resource/votter_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 85px 0 15px;
}

.votter-btn a {
    display: inline-block;
    background: #E11143;
    color: #fff;
    padding: 12px 28px;
    border-radius: 5px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.votter-btn a:hover {
    color: #FF1515;
}

.votter-btn a:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 0%;
    top: 0px;
    left: -30px;
    background: #fff;
    transform: skew(40deg);
    border-radius: 5px;
    transition: .5s;
    z-index: -1;
}

.votter-btn a:hover:before {
    width: 80%;
}

.votter-btn a:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 0%;
    top: 0px;
    right: -30px;
    background: #fff;
    transform: skew(40deg);
    border-radius: 5px;
    transition: .5s;
    z-index: -1;
}

.votter-btn a:hover:after {
    width: 80%;
}

.votter-right {
    position: relative;
    bottom: -15px;
    margin-left: 40px;
}


/*================================
 <--Start elecson  Gallery Section   Css-->
=================================*/
.gllery-section {
    background: url(assets/images/resource/gallery_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 105px 0 75px;
}

.gallery-item {
    margin-bottom: 30px;
    overflow: hidden;
}

.gallery-thumb {
    position: relative;
    z-index: 1;
    transform: scale(1);
    transition: .5s;
}

.gallery-thumb:hover{
    transform: scale(1.2);
}

.gallery-thumb:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.5);
    content: "";
    -webkit-transition: all .6s;
    transition: all .6s;
    z-index: 2;
    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,-150%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,-150%,0);
}

.gallery-thumb:hover:before {
    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,150%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,150%,0);
}

.gallery-thumb img {
    width: 100%;
}

/*================================
 <--Start elecson  Vedio Section   Css-->
=================================*/
.vedio-section {
    padding: 105px 0 0px;
    background: #F9F9F9;
}

.row.Vedio_bg {
    background: url(assets/images/resource/vedio_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 510px;
    position: relative;
    border-radius: 10px;
    margin: 0;
    overflow: hidden;
    z-index: 1;
}

.row.Vedio_bg:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.5);
    content: "";
    -webkit-transition: all .6s;
    transition: all .6s;
    z-index: 2;
    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,-150%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,-150%,0);
}

.row.Vedio_bg:hover:before {
    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,150%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,150%,0);
}

.vedio-btn {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    transform: translateY(-50%);
    top: 50%;
}

.vedio-btn a {
    display: inline-block;
    font-size: 30px;
    color: #fff;
    width: 80px;
    height: 60px;
    background-color: #e01142;
    text-align: center;
    line-height: 60px;
}

/*================================
 <--Start elecson  Counter Section   Css-->
=================================*/

.counter-section {
    background: url(assets/images/resource/counter_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 370px 0 105px;
    margin-top: -279px;
}

.counter-single-item {
    text-align: center;
    position: relative;
}

.counter-single-item:before {
    position: absolute;
    content: "";
    right: -13px;
    top: -26px;
    opacity: 0.200;
    width: 1px;
    height: 150px;
    background-color: #00fbf4;
}

.counter-single-item.style:before {
    display: none;
}


.counter-title h1 {
    font-size: 50px;
    color: #ffffff;
    font-weight: 600;
    font-family: "Poppins";
    display: inline-block;
}

.counter-title span {
    font-size: 60px;
    color: #feffff;
    font-weight: 600;
    font-family: "Work Sans";
}

.counter-title h5 {
    font-size: 18px;
    color: #ffffff;
    font-weight: 600;
    font-family: "Work Sans";
    margin-top: 5px;
}


/*================================
 <--Start elecson  Even Section   Css-->
=================================*/

.even-section {
    padding: 105px 0 80px;
    background: url(assets/images/resource/even_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.even-single-item {
    display: inline-flex;
    align-items: center;
    background-color: #fff;
    margin-bottom: 30px;
    border-radius: 5px;
    position: relative;
    z-index: 1;
}

.event-content {
    margin-left: 50px;
    padding-top: 25px;
}

h3.even-title {
    font-size: 18px;
    color: #012549;
    font-weight: 500;
    font-family: "Work Sans";
    margin-bottom: 14px;
}

.even-date span {
    font-size: 12px;
    color: #e01142;
    font-weight: 400;
    font-family: "Work Sans";
}

h3.even-main-title a {
    font-size: 20px;
    color: #012549;
    font-weight: 600;
    font-family: "Work Sans";
    margin: 9px 0 21px;
    display: inline-block;
    transition: .5s;
}

h3.even-main-title a:hover {
    color: #e01142;
}

p.even-text {
    width: 82%;
    margin-bottom: 52px;
    position: relative;
}

p.even-text:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: -28px;
    width: 117%;
    height: 1px;
    background-color: rgba(1,37,73,0.10196078431372549);
}

.even-butn a {
    display: inline-block;
    font-size: 16px;
    color: #012549;
    font-weight: 500;
    font-family: "Work Sans";
}

.even-butn a:hover {
	color: #E01142;
}

.even-share-btn {
    float: right;
    margin-right: 35px;
}

.even-share-btn a {
    display: inline-block;
    font-size: 16px;
    color: #e01142;
    font-weight: 500;
    font-family: "Work Sans";
    position: relative;
    top: -24px;
}

.even-share-btn a:hover {
    color: #012549;
}

.even-share-btn a i {
    font-size: 14px;
    margin-left: 18px;
}

/*=========================================
 <--Start elecson  Blog Section   Css-->
===========================================*/
.blog-section {
    padding: 105px 0 80px;
}

.blog-section p.section-description.style {
    width: 55%;
    text-align: center;
    margin: auto;
}

.single-blog-box {
    position: relative;
    margin-bottom: 30px;
    transition: .5s;
}

.blog-thumb {
    position: relative;
    overflow: hidden;
    transition: .5s;
}

.blog-thumb:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.5);
    content: "";
    -webkit-transition: all .6s;
    transition: all .6s;
    z-index: 2;
    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,-150%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,-150%,0);
}

.single-blog-box:hover .blog-thumb::before {
    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,150%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,150%,0);
}

.blog-thumb img {
    width: 100%;
}

.blog-contents {
    filter: drop-shadow(0 0 7.5px rgba(0,0,0,0.15));
    background-color: #ffffff;
    padding: 44px 20px 32px 35px;
    border-radius: 0px 0px 5px 5px;
}

.blog-date span {
    font-size: 14px;
    color: #ffffff;
    font-weight: 500;
    font-family: "Work Sans";
    background: #E11143;
    padding: 4px 15px;
    position: absolute;
    top: -17px;
}

p.meta-blog-date {
    font-size: 16px;
    color: #e01142;
    font-weight: 400;
    font-family: "Arimo";
    border-bottom: 1px solid #01254936;
    padding-bottom: 13px;
}

p.meta-blog-date span {
    float: right;
}

p.meta-blog-date i {
    margin-right: 10px;
}

.blog-title h3 a {
    display: inline-block;
    font-size: 22px;
    line-height: 30px;
    color: #012549;
    font-weight: 600;
    font-family: "Work Sans";
    margin-top: -3px;
    margin-bottom: 10px;
}

.blog-title h3 a:hover {
    color: #E11143;
}

.blog-btn a {
    display: inline-block;
    font-size: 16px;
    color: #e01142;
    font-weight: 400;
    font-family: "Arimo";
    margin-top: 1px;
}

.blog-btn a:hover {
    color: #012549;
}

/*================================
 <--Start elecson  Subscribe Section   Css-->
=================================*/

.row.subscribe_bg {
    background: url(assets/images/resource/subscribe_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0;
    padding: 41px 0 37px;
    background-position: center center;
    position: relative;
    margin-bottom: -95px;
    z-index: 1;
}

.subscribe-content {
    margin-left: 133px;
}

h3.subscribe-title {
    font-size: 46px;
    color: #ffffff;
    font-weight: 500;
    font-family: "Work Sans";
    margin-bottom: 19px;
}

p.subscribe-text {
    font-size: 16px;
    color: #e0e0e0;
}

.subscribe-btn {
    text-align: right;
    margin-right: 89px;
}

.subscribe-btn a {
    display: inline-block;
    font-size: 16px;
    color: #ffffff;
    font-weight: 500;
    font-family: "Work Sans";
    background: #E11143;
    padding: 15px 39px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.subscribe-btn a:hover {
    color: #E11143;
}

.subscribe-btn a:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 0%;
    top: 0px;
    left: -30px;
    background: #fff;
    transform: skew(40deg);
    border-radius: 5px;
    transition: .5s;
    z-index: -1;
}

.subscribe-btn a:hover:before {
    width: 80%;
}

.subscribe-btn a:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 0%;
    top: 0px;
    right: -30px;
    background: #fff;
    transform: skew(40deg);
    border-radius: 5px;
    transition: .5s;
    z-index: -1;
}

.subscribe-btn a:hover:after {
    width: 80%;
}

/*================================
 <--Start elecson  Footer Section   Css-->
=================================*/

.footer-section {
    background: url(assets/images/resource/footer_bg.png);
    position: relative;
    padding: 195px 0 7px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.footer-section.style-two {
    padding: 110px 0 7px;
}

.row.footer_bg {
    position: relative;
    margin-bottom: 101px;
}

.row.footer_bg:before {
    position: absolute;
    content: "";
    left: 13px;
    bottom: -81px;
    height: 1px;
    width: 98%;
    background: #fff;
    opacity: 0.149;
}

/*footer-widget-title*/
.footer-widget-title h2 {
    margin-bottom: 60px;
    margin-top: 6px;
    font-size: 20px;
    color: #e0e0e0;
    font-weight: 500;
    font-family: "Work Sans";
    text-transform: uppercase;
}

.footer-widget-description p {
    margin-top: 43px;
    opacity: 0.702;
    line-height: 25px;
    color: #ffffff;
    width: 79%;
    margin-bottom: 28px;
}

.footer-social-icon ul li {
    display: inline-block;
}

.footer-social-icon ul li a {
    display: inline-block;
    font-size: 16px;
    color: #e01142;
    background: #fff;
    width: 30px;
    height: 30px;
    border-radius: 2px;
    line-height: 32px;
    text-align: center;
    margin-right: 10px;
    transition: .5s;
}

.footer-social-icon ul li a:hover {
    color: #fff;
    background: #e01142;
}


/*company widget info*/
.company-widget-info-list ul li {
    list-style: none;
}

/*company widget info list*/
.company-widget-info-list ul li a {
    display: inline-block;
    margin-bottom: 12px;
    font-size: 16px;
    color: #e0e0e0;
    font-weight: 400;
    font-family: "Work Sans";
    position: relative;
    z-index: 1;
}

.company-widget-info-list ul li a:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 3px;
    height: 1px;
    width: 0%;
    background: #E31D4D;
    display: inline-block;
    transition: .5s;
}

.company-widget-info-list ul li a:hover:before {
    width: 100%;
}

.company-widget-info-list ul li a:hover {
    color: #E11143;
    opacity: 1;
}

/* footer widget address */
.footer-widget-address {
    margin-top: 64px;
}

.footer-widget-address ul li {
    font-size: 16px;
    line-height: 24px;
    color: #e0e0e0;
    font-weight: 400;
    font-family: "Work Sans";
}

.footer-widget-address ul li i {
    text-align: center;
    width: 29px;
    height: 24px;
    border-radius: 2px;
    background-color: #ffffff;
    border: 1px solid rgba(255,255,255,0.1);
    display: inline-block;
    line-height: 22px;
    margin-bottom: 30px;
    margin-right: 10px;
    color: #e01142;
}

/*footer bottom*/
.footer-bottom-content p {
    opacity: 0.502;
    font-size: 18px;
    line-height: 24px;
    color: #e0e0e0;
    font-weight: 400;
    font-family: "Work Sans";
}

.footer-bottom-content.text-right {
    text-align: right;
}

.footer-bottom-content ul li {
    display: inline-block;
}

.footer-bottom-content ul li a {
    display: inline-block;
    font-size: 18px;
    color: #91959E;
    font-weight: 400;
    font-family: "Work Sans";
    margin-left: 10px;
}

.footer-bottom-content ul li a:hover {
    color: #e01142;
}


/*
<!-- ============================================================== -->
<!--   Dreamhubelecson breadcumb-Section -->
<!-- ============================================================== -->*/
.breadcumb-area {
    background: url(assets/images/resource/bridcumb_bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 418px;
    position: relative;
}


.breacumb-content {
    position: relative;
    text-align: center;
}

.breadcumb-title h1 {
    margin-bottom: 18px;
    font-size: 44px;
    color: #ffffff;
    font-weight: 700;
    font-family: "Work Sans";
}

.breadcumb-menu ul li {
    display: inline-block;
}

.breadcumb-menu ul li a {
    transition: .5s;
    font-size: 16px;
    color: #ffffff;
    font-weight: 400;
    display: inline-block;
}

.breadcumb-menu ul li a:hover {
    color: #1B77EF;
}

.breadcumb-menu ul li a i {
    color: #fff;
    font-size: 16px;
    margin: 0 10px 0;
    transition: .5s;
}

.breadcumb-menu ul li a:hover i {
    color: #1B77EF;
}

.breadcumb-menu ul li p {
    color: #ffffff;
    transition: .5s;
}

.breadcumb-menu ul li p:hover {
    color: #1B77EF;
}

.breadcumb-menu ul li p i {
    margin: 0 10px 0;
}

.breadcumb-menu ul li span {
    color: #3394F5;
}
/*================================
 <--Start elecson  About Section   Css-->
=================================*/
.about-section {
    padding: 110px 0 110px;
}

.about-btn {
    margin-top: 45px;
}

.about-btn a {
    display: inline-block;
    font-size: 17px;
    color: #ffffff;
    font-weight: 500;
    font-family: "Work Sans";
    background: #E11143;
    padding: 15px 35px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.about-btn a:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 0%;
    top: 0px;
    left: -30px;
    background: #002549;
    transform: skew(40deg);
    border-radius: 5px;
    transition: .5s;
    z-index: -1;
}

.about-btn a:hover:before {
    width: 80%;
}

.about-btn a:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 0%;
    top: 0px;
    right: -30px;
    background: #002549;
    transform: skew(40deg);
    border-radius: 5px;
    transition: .5s;
    z-index: -1;
}

.about-btn a:hover:after {
    width: 80%;
}

/*================================
 <--Startelecson  Mission Section Style Two Css-->
=================================*/
.mission-section.style-two {
    background: url(assets/images/resource/mission_bg2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 110px 0 160px;
}

.mission-single-item {
    border-bottom: 1px solid rgba(255,255,255,0.10196078431372549);
    margin-bottom: 30px;
    padding-bottom: 11px;
}

.mission-single-item:last-child {
    border: none;
}

.mission-icon {
    float: left;
}

.misson-content {
    padding: 0 98px 0;
}

h3.mission-title {
    font-size: 22px;
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 13px;
}

p.mission-desc {
    font-size: 16px;
    line-height: 26px;
    color: #9ca5b5;
    font-weight: 400;
}

.mission-thumb2 {
    position: relative;
    margin-left: 35px;
}

/*================================
 <--Startelecson  Counter  section Style Two Area   Css-->
=================================*/

.counter-section.style-two {
    padding: 0;
    background: transparent;
    margin-top: 0;
}

.row.counter-upper {
    top: -50px;
    background: #ffffff;
    position: relative;
    padding: 50px 0 55px;
    margin: 0;
}

.counter-single-item.style1:before {
    border: 1px solid #c5c5c5a3;
    right: -13px;
    top: 30px;
    opacity: 0.200;
    width: 1px;
    height: 113px;
}

.counter-single-item.style1.none:before {
    display: none;
}

.counter-icon {
    margin-bottom: 22px;
}

.counter-title2 h1 {
    font-size: 32px;
    color: #012549;
    font-weight: 600;
    font-family: "Work Sans";
    display: inline-block;
    margin-bottom: 8px;
}

.counter-title2 span {
    font-size: 32px;
    color: #012549;
    font-weight: 600;
    font-family: "Work Sans";
}

h5.text {
    font-size: 16px;
    color: #6f7785;
    font-weight: 400;
    text-align: center;
    font-family: 'Arimo', sans-serif;
}

/*================================
 <--Startelecson  Team  Section    Css-->
=================================*/

.team-section {
    background: #F4F4F4;
    padding: 320px 0 80px;
    margin-top: -263px;
}

.team-section.style-tow {
    margin-top: 0;
    padding: 105px 0 70px;
}


.single-team-box {
    background: #fff;
    text-align: center;
    padding: 42px 0 19px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    margin-bottom: 30px;
}

.single-team-box:after {
    position: absolute;
    content: "";
    left: -47px;
    bottom: 0px;
    width: 28%;
    height: 1px;
    background: #E11142;
    transform: rotate(43deg);
    opacity: 0;
    transition: .5s;
}

.single-team-box:hover:after {
    bottom: 37px;
    opacity: 1;
}

.single-team-box:before {
    position: absolute;
    content: "";
    left: -71px;
    top: 95%;
    z-index: -1;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-top: 50px solid #E11142;
    border-left: 35px solid transparent;
    border-right: 36px solid transparent;
    transition: .5s;
    background: radial-gradient(black, transparent);
    transform: rotate(43deg);
}

.single-team-box:hover:before {
    left: -28px;
}

.team-thumb {
    position: relative;
}


.team-social-icon {
    position: absolute;
    bottom: 0px;
    text-align: center;
    margin: auto;
    left: 0;
    right: 0;
    opacity: 0;
    transition: .5s;
}

.team-social-icon a {
    display: inline-block;
    color: #012549;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #ffffff;
    line-height: 45px;
    margin-left: 8px;
    transition: .5s;
}

.team-social-icon a:hover {
    background: #E11142;
    color: #fff;
}

.team-content {
    margin-top: 30px;
}

h3.team-title a {
    font-size: 24px;
    color: #012549;
    font-weight: 600;
    font-family: "Work Sans";
}

.team-content p {
    font-size: 16px;
    color: #e01142;
    font-weight: 400;
    font-family: "Arimo";
    margin-top: 8px;
}

/* all hover */
.single-team-box:hover .team-social-icon {
    bottom: 20px;
    opacity: 1;
}


/*================================
 <--Startelecson  Volunteer  Section   Css-->
=================================*/
.volunteer-section {
    background: url(assets/images/resource/volunteer.jpg);
    padding: 52px 0 51px;
    background-repeat: no-repeat;
    background-size: cover;
}

.volunteer-title {
    float: left;
}

.volunteer-title h2 {
    font-size: 34px;
    color: #ffffff;
    font-weight: 700;
    font-family: "Work Sans";
    position: relative;
    z-index: 1;
}

.volunteer-btn {
    text-align: right;
    margin-right: 65px;
}

.volunteer-btn a {
    display: inline-block;
    font-size: 16px;
    color: #ffffff;
    font-weight: 500;
    font-family: "Work Sans";
    border: 2px solid #fff;
    padding: 15px 33px;
}

.volunteer-btn a:hover {
    background: #ffff;
    color: #1F85EA;
}

.volunteer-follow-left {
    margin-left: 10px;
}

.volunteer-follow-icon {
    float: left;
    margin-right: 20px;
}

.volunteer-follow-icon a {
    display: inline-block;
    width: 60px;
    height: 60px;
    background-color: #ffffff;
    border: 2px solid #ffffff;
    line-height: 60px;
    text-align: center;
    font-size: 20px;
    color: #1F85EA;
    transition: .5s;
}

.volunteer-follow-icon a:hover {
    border: 2px solid #ffffff;
    background: transparent;
    color: #fff;
}

h3.title {
    font-size: 24px;
    color: #ffffff;
    font-weight: 600;
    font-family: "Work Sans";
}

.volunteer-text p {
    font-size: 16px;
    color: #ffffff;
    font-weight: 400;
    font-family: "Arimo";
    margin-top: 4px;
}

/*================================
 <--elecson Campaigns Section Css-->
==================================*/

.campaigns-section {
    padding: 110px 0 110px;
}

.campaigns-section.style-two {
    background: #F4F4F4;
}

.campaigns-date span {
    font-size: 15px;
    color: #e01142;
    font-weight: 400;
    font-family: "Arimo";
}

.campaigns-date span i {
    margin-right: 10px;
}


p.campaigns-decs {
    width: 85%;
    border-top: 1px solid #9d878729;
    margin-top: 22px;
    padding-top: 22px;
}

.campaigns-btn {
    margin-top: 25px;
}

.campaigns-btn a {
    display: inline-block;
    font-size: 16px;
    color: #012549;
    font-weight: 500;
    font-family: "Work Sans";
    border-bottom: 1px solid #a1898936;
}

.campaigns-btn a:hover {
    color: #E01142;
    border-bottom: 1px solid #E01142;
}

.campaigns-btn a:hover i {
    color: #E01142;
}

.campaigns-btn a i {
    color: #012549;
    font-size: 20px;
    transform: rotate(-45deg);
    display: inline-block;
    position: relative;
    top: 3px;
    transition: .5s;
}


/*--==============================================->
  <!--Start campaigns details area-->
 ==================================================-*/
 .campaign-details-area {
    padding: 110px 0 80px;
}

 .donations-detials-title h2 a {
    display: inline-block;
    font-size: 34px;
    color: #012549;
    font-weight: 700;
    font-family: "Work Sans";
    padding: 22px 0 16px;
}

.donations-detials-title h2 a:hover {
    color: #C20827;
}

.donation-description p {
    width: 93%;
}

.up.donation-description p {
    padding: 5px 24px 7px 0px;
    font-size: 18px;
    line-height: 28px;
    color: #012549;
    font-weight: 400;
    position: relative;
    padding-left: 45px;
    z-index: -;
}

.up.donation-description p:before {
    position: absolute;
    content: "'";
    left: 0;
    top: 18px;
    width: 35px;
    height: 3px;
    background-color: #3394f5;
    z-index: -1;
}

.row.mt-55 {
    padding: 38px 0 10px;
}

.event-thumb img {
    width: 100%;
}

.donation-list {
    margin: 28px 0 45px;
}

.donation-list ul li {
    font-size: 17px;
    line-height: 28px;
    color: #012549;
    font-weight: 400;
    font-family: "Arimo";
}

.donation-list ul li i {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-color: #1f85eb;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 18px;
    margin-right: 10px;
}

/* leader person */

.row.our-campaign {
    margin: 0;
}

.our-campaign-title h2 {
    font-size: 34px;
    color: #012549;
    font-weight: 700;
    font-family: "Work Sans";
    margin-bottom: 30px;
}

.leader-person {
    background: #F4F4F4;
    padding: 45px 0 7px;
}

.our-campaign-team {
    text-align: center;
    margin-bottom: 30px;
}

h3.our-campaign-team-title {
    font-size: 18px;
    color: #012549;
    font-weight: 500;
    font-family: "Work Sans";
    text-align: center;
    margin-top: 15px;
}

.our-campaign-team-content p {
    font-size: 15px;
    color: #6f7785;
    font-weight: 400;
    font-family: "Arimo";
    text-align: center;
}

/* campaigns btn */

.campaigns-button {
    padding: 50px 0 20px;
}

.campaigns-button a {
    display: inline-block;
    background: #DF1141;
    font-size: 17px;
    color: #ffffff;
    font-weight: 500;
    font-family: "Work Sans";
    padding: 16px 34px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.campaigns-button a:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 0%;
    top: 0px;
    left: -30px;
    background: #002549;
    transform: skew(40deg);
    border-radius: 5px;
    transition: .5s;
    z-index: -1;
}

.campaigns-button a:hover:before {
    width: 80%;
}

.campaigns-button a:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 0%;
    top: 0px;
    right: -30px;
    background: #002549;
    transform: skew(40deg);
    border-radius: 5px;
    transition: .5s;
    z-index: -1;
}

.campaigns-button a:hover:after {
    width: 80%;
}

/*event items*/
.event-details-items {
    background: url(assets/images/resource/event_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 39px 40px 40px;
    border-top: 5px solid #3394F5;
    border-radius: 4px;
    margin-bottom: 30px;
}

/*event title*/
.event-title2 h4 {
    color: #fff;
    position: relative;
    padding: 0 0 18px 40px;
    font-size: 24px;
    color: #ffffff;
    font-weight: 600;
    font-family: "Work Sans";
}

.event-title2 h4:before {
    position: absolute;
    content: "";
    left: 0;
    top: 14px;
    width: 30px;
    height: 2px;
    background: #E01142;
}
/*event text*/
.event-text2 {
    padding: 20px 0 5px;
}

.event-text2 p {
    font-size: 15px;
    margin-bottom: 2px;
    color: #D1D2D4;
}

.event-text2 p i {
    font-size: 15px;
    color: #E01142;
    padding-right: 8px;
}

.event-text2 p {
    font-size: 15px;
    margin-bottom: 2px;
    color: #D1D2D4;
}

.event-text2 p span {
    font-size: 16px;
    color: #ffffff;
    font-weight: 400;
    font-family: "Work Sans";
}

/* widget items */

.widget-items {
    background: #F4F4F4;
    padding: 35px 40px 11px 40px;
}

.categories-title h4 {
    font-size: 24px;
    color: #012549;
    font-weight: 600;
    font-family: "Work Sans";
    border-bottom: 2px solid rgba(27,52,52,0.10196078431372549);
    padding-bottom: 14px;
    margin-bottom: 30px;
}

/*recent post*/
.widget-recent-post {
    margin-bottom: 29px;
    border-bottom: 1px solid rgba(27,52,52,0.10196078431372549);
    padding: 0 0 25px;
}
.widget-recent-post.upper {
    border: 0;
    padding: 0;
}
/* rpost title*/
.rpost-title {
    padding-left: 20px;
}
.rpost-title h4 {
    margin-top: 0;
}

.rpost-content h4 a {
    display: inline-block;
    transition: .5s;
    font-size: 17px;
    line-height: 24px;
    color: #012549;
    font-weight: 500;
    font-family: "Work Sans";
}

.rpost-content h4 a:hover {
    color: #e01142;
}

.rpost-title span {
    font-size: 14px;
    color: #e01142;
    font-weight: 400;
    font-family: "Arimo";
    margin-top: 7px;
    display: inline-block;
}

.rpost-title span i {
    margin-right: 5px;
}


/*================================
 <--elecson  donate  Section Css-->
==================================*/

.donate-section {
    padding: 105px 0 110px;
}

.donations-thumb img {
    width: 100%;
}

.row.donate_upper {
    background: #012549;
    margin: 0;
    padding: 50px 48px 45px;
    border-top: 5px solid #3394F5;
}


.donate-left {
    display: inline-block;
}
.donate-right {
    display: inline-block;
}
/*button count number*/

button.tablink {
    border: 0;
    height: 50px;
    width: 95px;
    margin-right: 6px;
    transition: .5s;
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 26px;
    color: #012549;
    font-weight: 500;
    font-family: "Work Sans";
}
button.tablink:hover {
    background: #e01142;
    color: #fff;
}
/*tab content*/
.tabcontent {
    background: #fff;
    padding: 12px 22px 12px;
    position: relative;
    text-align: right;
    padding-left: 100px;
}

.tabcontent:before {
    position: absolute;
    content: "Custom :";
    left: 23px;
    top: 12px;
    font-size: 16px;
    line-height: 26px;
    color: #97A6B4;
    font-weight: 500;
    font-family: "Work Sans";
}

.tabcontent h3 {
    font-size: 16px;
    line-height: 26px;
    color: #97A6B4;
    font-weight: 500;
    font-family: "Work Sans";
}


.check-content h5 {
    padding: 10px 0px 8px;
    font-size: 18px;
    color: #012549;
    font-weight: 500;
    font-family: "Work Sans";
}

.dpx label {
    cursor: pointer;
    margin-right: 15px;
    font-size: 16px;
    line-height: 50px;
    color: #012549;
    font-weight: 400;
    font-family: "Work Sans";
}

.option-input {
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 10px;
    width: 10px;
    transition: all 0.15s ease-out 0s;
    background: transparent;
    border: 2px solid rgba(27,52,52,0.10196078431372549);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin-right: 0.4rem;
    outline: none;
    position: relative;
    z-index: 1;
    border-radius: 50%;
}
.option-input:hover {
  background: #9faab7;
}
.option-input:checked {
    background: #e01142;
}

.option-input:checked::before {
    width: 16px;
    height: 16px;
    display: flex;
    content: "";
    position: absolute;
    align-items: center;
    left: -5px;
    top: -5px;
    border: 1px solid #e01142;
    border-radius: 50%;
    z-index: -1;
}


.contact-form-box {
    border: 1px solid rgba(27,52,52,0.10196078431372549);
    margin: 0;
    padding: 53px 60px 32px;
}

.form-title h6 {
    font-size: 16px;
    color: #012549;
    font-weight: 400;
    font-family: "Work Sans";
    margin-bottom: 10px;
}

.up.form-box input {
    border: 1px solid rgba(27,52,52,0.10196078431372549);
    border-radius: 0;
    width: 100%;
    height: 60px;
    margin-bottom: 25px;
}

.up.form-box input::placeholder {
    font-size: 15px;
    color: #6f7785;
    font-family: "Arimo";
    opacity: 1;
}


.check-cash {
    border-top: 1px solid rgba(27,52,52,0.10196078431372549);
    padding-top: 15px;
    margin-top: 25px;
}

.check-cash span strong {
    font-size: 18px;
    color: #012549;
    font-weight: 500;
    font-family: "Work Sans";
    margin-right: 10px;
}

.campaigns-buttons.pt-3 {
    margin-top: 27px;
}

.campaigns-buttons button {
    display: inline-block;
    background: #DF1141;
    font-size: 17px;
    color: #ffffff;
    font-weight: 500;
    font-family: "Work Sans";
    padding: 16px 34px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border: 0;
}

.campaigns-buttons button {
    display: inline-block;
    background: #DF1141;
    font-size: 17px;
    color: #ffffff;
    font-weight: 500;
    font-family: "Work Sans";
    padding: 16px 34px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border: 0;
}

.campaigns-buttons button:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 0%;
    top: 0px;
    left: -30px;
    background: #002549;
    transform: skew(40deg);
    border-radius: 5px;
    transition: .5s;
    z-index: -1;
}

.campaigns-buttons button:hover:before {
    width: 80%;
}

.campaigns-buttons button:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 0%;
    top: 0px;
    right: -30px;
    background: #002549;
    transform: skew(40deg);
    border-radius: 5px;
    transition: .5s;
    z-index: -1;
}

.campaigns-buttons button:hover:after {
    width: 80%;
}


/*================================
 <--elecson   Volunteer Section Style Two Css-->
==================================*/
.volunteer-section.style-two {
    background: #fff;
    padding: 110px 0 110px;
}

.volunteer-left {
    position: relative;
    margin-left: 30px;
}

.volunteer-list {
    padding: 7px 0 30px;
}

.volunteer-list ul li {
    font-size: 16px;
    color: #012549;
    font-weight: 400;
    font-family: "Arimo";
    margin-bottom: 13px;
}

.volunteer-list ul li img {
    margin-right: 5px;
    position: relative;
    top: -2px;
}

.volunteer_btn a {
    display: inline-block;
    background: #DF1141;
    font-size: 17px;
    color: #ffffff;
    font-weight: 500;
    font-family: "Work Sans";
    padding: 16px 34px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border: 0;
}

.volunteer_btn a:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 0%;
    top: 0px;
    left: -30px;
    background: #002549;
    transform: skew(40deg);
    border-radius: 5px;
    transition: .5s;
    z-index: -1;
}

.volunteer_btn a:hover:before {
    width: 80%;
}

.volunteer_btn a:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 0%;
    top: 0px;
    right: -30px;
    background: #002549;
    transform: skew(40deg);
    border-radius: 5px;
    transition: .5s;
    z-index: -1;
}

.volunteer_btn a:hover:after {
    width: 80%;
}


/*================================
 <--elecson  Become Volunteer Css-->
==================================*/
.become-volunteer {
    background: url(assets/images/resource/become_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 110px 0 160px;
}

.become-right {
    text-align: right;
    float: right;
}

.counter-icons {
    float: left;
    margin-top: 7px;
    margin-right: 19px;
}

.counter-contents {
    text-align: center;
    display: inline-block;
}

.counter-title3 h1 {
    display: inline-block;
    margin-bottom: 8px;
    font-size: 36px;
    line-height: 42px;
    color: #ffffff;
    font-weight: 600;
    font-family: "Work Sans";
}

.counter-title3 span {
    font-size: 36px;
    line-height: 42px;
    color: #ffffff;
    font-weight: 600;
    font-family: "Work Sans";
}

h5.texts {
    font-size: 16px;
    color: #9ca5b5;
    font-weight: 400;
    font-family: "Arimo";
}

/*================================
 <--elecson  Donate Section style-two Css-->
==================================*/
.contact-form-box.style1 {
    border: none;
    border-top: 5px solid #DF1141;
    padding: 85px 60px 32px;
    margin-top: -226px;
    background: #fff;
}

h5.check-title {
    font-size: 22px;
    color: #012549;
    font-weight: 600;
    font-family: "Work Sans";
    padding: 20px 0 19px;
}

.dpx.style label {
    cursor: pointer;
    display: block;
    font-size: 18px;
    color: #012549;
    font-weight: 400;
    font-family: "Arimo";
    line-height: 38px;
}

.option_input {
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    top: 5.33333px;
    right: 0;
    bottom: 0;
    left: 0;
    height: 20px;
    width: 20px;
    transition: all 0.15s ease-out 0s;
    background: #e2e5e8;
    border: 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin-right: 0.4rem;
    outline: none;
    position: relative;
    z-index: 1;
}

.option_input:checked {
    background: #3396F3;
}

.option_input:checked::before {
    width: 10px;
    height: 10px;
    display: flex;
    content: '\f00c';
    font-size: 10px;
    font-weight: bold;
    position: absolute;
    align-items: center;
    font-family: 'Font Awesome 5 Free';
    left: 5px;
    top: 5px;
}

.option_input:focus {
    border: 1px solid #3396F3;
}

/*================================
 <--elecson   Blgo Section style2 Css-->
==================================*/
span.tag {
    display: inline-block;
    font-size: 14px;
    line-height: 1.72;
    font-weight: 400;
    color: #fff;
    background: #E01142;
    padding: 3px 10px;
    text-transform: uppercase;
    position: absolute;
    left: 0;
    top: 20px;
}

.blog-contents.style {
    padding: 34px 20px 32px 35px;
}

.blog-btn.style_bg a {
    display: inline-block;
    color: #012549;
    border-bottom: 1px solid #0125493b;
}


.blog-btn.style_bg a:hover{
    color: #E01142;
    border-bottom: 1px solid #E01142;
}

.blog-btn.style_bg a i {
    font-size: 20px;
    position: relative;
    top: 3px;
    margin-left: 7px;
    display: inline-block;
    transform: rotate(-45deg);
}

/*================================
 <--elecson   Blgo Details  Area Css-->
==================================*/
.blog-detials-area {
    padding: 110px 0 110px;
}

.blog-grid-area {
    padding: 120px 0 90px;
}

.blog-section.tow.style3 {
    padding: 105px 0 110px;
}

.blog-details-main {
    background: #fff;
    padding: 30px 30px 0px;
    box-shadow: 0px 0px 70px rgba(0, 0, 0, 0.05);
}

.blog-details-meta {
    background: #E11143;
    padding: 16px 30px;
}

.blog-details-meta span {
    margin-right: 30px;
    color: #fff;
}

.blog-details-meta span i {
    color: #fff;
    padding-right: 5px;
}

.blog-details-content {
    padding: 20px 0 18px;
}

.blog-details-content h2 {
    margin-bottom: 15px;
    font-size: 34px;
    line-height: 60px;
    color: #012549;
    font-weight: 600;
    font-family: "Work Sans";
}

.blog-details-thumb img {
    width: 100%;
}

.blog-details-des {
    padding: 30px 0 10px;
}

.blog-details-blockquote {
    background: #1F85EA;
    padding: 40px 38px 26px;
    position: relative;
    margin-bottom: 10px;
}

.blog-details-blockquote blockquote {
    font-size: 18px;
    color: #fff;
}
.blog-details-video-thumb {
    margin-top: 30px;
    position: relative;
}

.blog-details-video-thumb img {
    width: 100%;
}

.blog-details-video-thumb-inner img {
    width: 100%;
}

.blog-details-content h3 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 15px;
}

.blog-details-content-list p i {
    font-size: 14px;
    height: 32px;
    width: 32px;
    border: 1px solid #ddd;
    text-align: center;
    line-height: 31px;
    border-radius: 100%;
    margin-right: 15px;
    color: #E11143;
}

.blog-detials-area .blog-content {
    padding: 20px 30px 38px;
}

.blog-details-button a {
    display: inline-block;
    border: 2px solid #E11143;
    padding: 3px 20px;
    position: relative;
    z-index: 1;
    color: #fff;
    border-radius: 3px;
    margin-bottom: 10px;
}

.blog-details-button a:before {
    position: absolute;
    content: "";
    left: -2px;
    top: -1px;
    height: 104%;
    width: 104%;
    background: #E11143;
    z-index: -1;
    border-radius: 3px;
    transition: .5s;
}

.blog-details-button a.active {
    background: transparent;
    transition: .5s;
    margin-left: 10px;
    color: #E11143;
}
.blog-details-button a.active:before{
    background: transparent;
}

.blog-details-button a.active:hover:before{
    background: #E11143;
}

.blog-details-button a.active:hover{
    color: #fff;
    border-color: #E11143;
}

.blog-details-social {
    text-align: right;
}

.blog-details-social a {
    display: inline-block;
    border: 2px solid #E11143;
    height: 40px;
    width: 40px;
    line-height: 38px;
    text-align: center;
    border-radius: 100%;
    font-size: 14px;
    transition: .5s;
    margin-left: 5px;
    color: #E11143;
}

.blog-details-social a:hover{
    background: #E11143;
    border-color: #E11143;
    color: #fff;
}

/* Blog Details Author */

.blog-details-author {
    border-top: 2px solid rgba(255,255,255,0.2);
    padding-top: 40px;
    margin-top: 32px;
}

.blog-details-author-inner {
    background: #E11143;
    padding: 30px 30px 24px;
}

.blog-details-author-thumb {
    float: left;
    margin-right: 30px;
}

.blog-details-author-content h2 {
    font-size: 22px;
    margin-top: 0;
    margin-bottom: 12px;
    color: #ffff;
}
.blog-details-author-content p {
    color: #ffffffbd;
}

/* Comment CSS */

.blog-details-comment {
    margin-bottom: 10px;
    position: relative;
}

.blog-details-comment-thumb {
    float: left;
    margin-right: 30px;
}

.blog-details-comment-content {
    overflow: hidden;
}

.blog-details-comment-content h2 {
    font-size: 18px;
    margin-top: 0;
}

.blog-details-comment-content span {
    font-size: 14px;
    margin-bottom: 6px;
    display: block;
}

.blog-details-comment-reply {
    position: absolute;
    right: 25px;
}

.blog-details-comment-reply a {
    background: #E11143;
    padding: 3px 20px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    border-radius: 2px;
    display: inline-block;
}

.blog-details-comment.reply {
    margin-left: 70px;
    padding-top: 35px;
    border-top: 2px solid rgba(255,255,255,0.2);
}

/* Blog Details Contact */

.blog-details-contact {
    border-top: 2px solid rgba(255,255,255,0.2);
    margin: 12px 10px 10px;
    padding-top: 8px;
}

/*input-box*/

.input-box input {
    width: 100%;
    height: 50px;
    border: 1px solid #0202021a;
    margin-bottom: 30px;
    padding: 0 20px;
    outline: 0;
    border-radius: 3px;
}

.input-box textarea {
    width: 100%;
    height: 207px;
    outline: 0;
    border: 1px solid  #0202021a;
    padding: 22px 20px 0;
    border-radius: 3px;
}

/*input button*/
.input-button {
    margin-top: 27px;
    margin-bottom: 35px;
}

.input-button button {
    display: inline-block;
    padding: 13px 39px;
    outline: 0;
    border: 0;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 500;
    background: #E11143;
    border: 1px solid #E11143;
    transition: .5s;
}

.input-button button:hover {
    border: 1px solid #E11143;
    color: #E11143;
    background: none;
}

.input-button button i {
    margin-left: 10px;
}

/*widget search*/

.widget_search {
    padding: 19px 40px 40px;
    border-radius: 4px;
    margin-bottom: 30px;
    background: #fff;
    -webkit-box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.07);
}

.widget_search form {
    position: relative;
    margin-top: 25px;
}

.widget_search input {
    border-radius: 4px;
    padding-left: 20px;
    height: 60px;
    width: 100%;
    position: relative;
    color: #fff;
    outline: 0;
    border: 1px solid rgba(1,37,73,0.10196078431372549);
}

button.icons {
    border: 0;
    font-size: 18px;
    color: #fff;
    padding: 1px 15px;
    position: absolute;
    right: 0;
    top: 0;
    height: 60px;
    width: 60px;
    background: #E11143;
    border-radius: 0 4px 4px 0;
}

/*widget categories box*/

.widget-categories-box {
    padding: 18px 40px 18px;
    border-radius: 5px;
    margin-bottom: 30px;
    background: #fff;
    -webkit-box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.07);
}

.widget-categories-box.style1 {
    padding: 18px 40px 12px;
}

/*title*/

.categories_title h4 {
    font-size: 24px;
    padding: 0px 0 8px;
    margin: 0 0 8px;
    position: relative;
    line-height: 60px;
    color: #012549;
    font-weight: 600;
    font-family: "Work Sans";
    border-bottom: 2px solid #E8EAEA;
}

.categories_title h4:before {
    position: absolute;
    content: "";
    left: -40px;
    top: 20px;
    height: 25px;
    width: 5px;
    background: #E11143;
}

/*categories menu*/

.widget-categories-menu ul {
    display: block;
}

.widget-categories-menu ul li {
    display: block;
    list-style: none;
    background: transparent;
    padding: 16px 0px 16px;
    transition: .5s;
    position: relative;
    z-index: 1;
    border-bottom: 1px solid #E8EAEA;
}

.widget-categories-menu ul li:last-child {
    border: none;
}

.widget-categories-menu ul li a {
    display: block;
    color: #012549;
    transition: .5s;
}

.widget-categories-menu ul li a span {
    display: inline-block;
    float: right;
    background: #012549;
    height: 22px;
    width: 22px;
    font-size: 12px;
    text-align: center;
    margin-top: 6px;
    color: #fff;
    line-height: 22px;
    transition: .5s;
}

.widget-categories-menu ul li:hover a span {
    background: #E11143;
    color: #fff;
}

.widget-categories-menu ul li:hover a {
    color: #E11143;
}

.pdf-button a {
    display: block;
    background: #E11143;
    padding: 15px 30px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px;
}

.pdf-button a i {
    float: right;
    font-size: 20px;
    margin-top: 2px;
}

/* Sidber Recent Post */

.sidber-widget-recent-post {
    margin-bottom: 20px;
    overflow: hidden;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 22px;
}

.sidber-widget-recent-post.style1 {
    margin-bottom: 0px;
}

.sidber-widget-recent-post:last-child {
    border: none;
}

.recent-widget-content a {
    color: #1b1b1b !important;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    display: block;
    line-height: 26px;
    transition: .5s;
    margin-bottom: 7px;
}

.recent-widget-content a:hover {
    color: #E01142 !important;
}

.recent-widget-thumb {
    float: left;
    margin-right: 25px;
}

/* Sidber Achivement CSS */

.widget-achivement ul li {
    list-style: none;
    margin-bottom: 6px;
}

.widget-achivement ul li a i {
    font-size: 17px;
    margin-right: 3px;
}

.widget-achivement ul li a {
    font-weight: 600;
    transition: .5s;
    color: #1b1b1b;
}

.widget-achivement ul li a span {
    float: right;
}

.widget-achivement ul li a:hover{
    color: #E11143;
}

/* Sidber Widget Gallery CSS */

.widget-gallery {
    overflow: hidden;
}

.widget-gallery-thumb {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

/* Sidber Widget Tags CSS */

.widget-tags a {
    display: inline-block;
    border: 1px solid #eaeaea;
    padding: 8px 19px;
    margin: 4px 3px;
    border-radius: 2px;
    color: #1b1b1b;
    font-weight: 400;
    position: relative;
    transition: .5s;
    z-index: 1;
}


.widget-tags a:hover{
    color: #fff;
    border-color: #E11143;
    background: #E11143;
}

.widget-tags a:hover:before{
    width: 102%;
}


/* Service Details Content CSS */

.service-details-main-title {
    padding: 20px 0 18px;
}

.service-details-main-title h1 {
	font-size: 50px;
	font-weight: 700;
}

.service-details-video-thumb {
    position: relative;
    padding-top: 20px;
}
.video-icon {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    padding-top: 8px;
}
.video-icon a i {
    height: 80px;
    line-height: 80px;
    width: 80px;
    display: inline-block;
    background: #fff;
    border-radius: 50%;
    font-size: 20px;
    color: #074883;
    text-align: center;
    -webkit-animation: ripple-white 1s linear infinite;
    animation: ripple-blue 1s linear infinite;
}
@-webkit-keyframes ripple-blue {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0.3), 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3);
        box-shadow: 0 0 0 0 rgba(255,255,255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3)
    }
    100% {
        -webkit-box-shadow: 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0)
    }
}

@keyframes ripple-blue {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0.3), 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3);
        box-shadow: 0 0 0 0 rgba(255,255,255, 0.3), 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3)
    }
    100% {
        -webkit-box-shadow: 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3), 0 0 0 30px rgba(255,255,255, 0);
        box-shadow: 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3), 0 0 0 30px rgba(255,255,255, 0)
    }
}


/*<!-- ============================================================== -->
<!-- Start   elecson Contact Area Css -->
<!-- ============================================================== -->*/

.contact-section {
    padding: 95px 0 60px;
}

.contact-left {
    position: relative;
    margin-left: 36px;
}

.row.contact_bg {
    padding: 43px 23px 50px;
    background: #fff;
    box-shadow: 0px 5px 15px rgb(88 82 174 / 10%);
    position: relative;
}
.row.contact_bg p {
    color: #1d263a;
    margin-bottom: 25px;
    font-size: 20px;
    font-weight: 700;
}
.form_box input {
    border: 1px solid rgba(100,100,100,0.1);
    width: 100%;
    height: 50px;
    padding: 0 18px;
    margin-bottom: 20px;
    outline: 0;
}
.form_box input::placeholder {
    color: rgba(100,100,100,0.8);
}
.form_box textarea {
    width: 100%;
    height: 135px;
    padding: 14px 18px;
    border:  1px solid rgba(100,100,100,0.1);
    outline: 0;
}
.form_box textarea::placeholder {
    color: rgba(100,100,100,0.8);
}
.contact-form-button button {
    background: #E11143;
    color: #fff;
    border: 1px solid #E11143;
    padding: 11px 33px;
    margin-top: 35px;
    position: relative;
    z-index: 1;
    transition: .5s;
}
.contact-form-button button:hover {
    color: #E11143;
}
.contact-form-button button:before {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    background: #fff;
    height: 100%;
    transition: .5s;
    width: 0;
    z-index: -1;
}
.contact-form-button button:hover:before {
    width: 100%;
    left: 0;
}
.contact-form-button button i {
    margin-left: 10px;
}

/* google section  */

.mapouter.fixed-height {
    height: 600px;
}

.gmap_canvas {
    width: 100%;
    height: 100%;
}
.mapouter iframe {
    height: 92%;
    width: 100%;
}


/*===========================
<--elecson  Loader Css -->
=============================*/
.loader-wrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    transition: 0.8s 1s ease;
    z-index: 999;
}

.loader {
    position: relative;
    display: block;
    z-index: 201;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    border-radius: 50%;
    transition: all 1s 1s ease;
    border: 3px solid transparent;
    border-top-color: #1781f1;
    -webkit-animation: spin 1.5s linear infinite;
    -moz-animation: spin 1.5s linear infinite;
    -o-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}

.loader:before {
    position: absolute;
    content: '';
    top: 6px;
    left: 6px;
    right: 6px;
    bottom: 6px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-left-color: #E11143;
    -webkit-animation: spin 2s linear infinite;
    -moz-animation: spin 2s linear infinite;
    -o-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

.loader:after {
    position: absolute;
    content: '';
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-right-color: #fff;
    -webkit-animation: spin 2.5s linear infinite;
    -moz-animation: spin 2.5s linear infinite;
    -o-animation: spin 2.5s linear infinite;
    animation: spin 2.5s linear infinite;
}

/*/ Here comes the Magic /*/

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

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

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

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

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

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.loader-wrapper .loder-section {
    position: fixed;
    top: 0;
    width: 50%;
    height: 100%;
    background: #111;
    z-index: 2;
}

.loader-wrapper .loder-section.left-section {
    left: 0;
    transition: 1s 1.4s ease;
}

.loader-wrapper .loder-section.right-section {
    right: 0;
    transition: 1s 1.4s ease;
}

/*/ When page loaded /*/
.loaded .loder-section.left-section {
    left: -100%;
}

.loaded .loder-section.right-section {
    right: -100%;
}

.loaded .loader-wrapper {
    visibility: hidden;
}

.loaded .loader {
    top: -100%;
    opacity: 0;
}









/*------back-to-top------------*/
.prgoress_indicator {
    position: fixed;
    right: 50px;
    bottom: 75px;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    box-shadow: inset 0 0 0 2px rgba(22, 93, 245, 0.2);
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transform: translateY(15px) !important;
    transition: all 200ms linear !important;
  }
  .prgoress_indicator.active-progress {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) !important;
  }
  .prgoress_indicator::after {
    position: absolute;
    content: "\f106";
    font-family: "Font Awesome 5 Free";
    text-align: center;
    line-height: 46px;
    font-size: 18px;
    color: #E11143;
    left: 0;
    top: 0;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    font-weight: 900;
    z-index: 1;
    transition: all 200ms linear !important;
}
.prgoress_indicator::before {
    position: absolute;
    content: "\f633";
    font-family: "Font Awesome 5 Free";
    text-align: center;
    line-height: 46px;
    font-size: 18px;
    font-weight: 900;
    opacity: 0;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    left: 0;
    font-family: bootstrap-icons !important;
    top: 0;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    z-index: 2;
    transition: all 200ms linear !important;
}
  .prgoress_indicator:hover ::after {
    color: var(--primary-color-one);
  }
  .prgoress_indicator:hover ::before {
    opacity: 1;
  }
  .prgoress_indicator svg path {
    fill: none;
  }
  .prgoress_indicator svg.progress-circle path {
    stroke: #E11143;
    stroke-width: 4;
    box-sizing: border-box;
    transition: all 200ms linear !important;
}