/*===============================================
Template Name: elecson - Consulting & Finance HTML5 Template
Author:  https://themeforest.net/user/dreamit-solution
Description: Description
Version: 1.0.0
Text Domain: elecson
Tags: consulting, finance, corporate, business, consultant, multipurpose, technology, it-solution, software, agency, company, portfolio, bangking, insurance, digital-agency, digital-marketing.
================================================*/

/*TABLE OF CONTENTS*/
/*=====================
01. elecson Header Top Menu Area Css
02. elecson Nav Menu Area Css 
03. elecson Slider Area Css
04. elecson Section Title Css
05. elecson Service Area css
06. elecson About Area Css
07. elecson Counter Area Css
08. elecson Case Study Area Css
09. elecson Testimonial Area Css
10. elecson Process Area Css
11. elecson Team Area Css
12. elecson Faq Area Css
13. elecson Brand Section Css
14. elecson Call Do Section Css
15. elecson Form Box Css
16. elecson Skill Area Css
17. elecson Blog Area Css
18. elecson footer Area Css
19. elecson Subscribe Area Css
20. elecson Lines CSS
21. elecson Prossess Ber Css
22. elecson Scrollup Section
23. elecson Bounce Animation Css 
24. elecson Animation Dance
25. elecson Breadcumb Area Css
26. elecson abouts_areas Css
27. elecson Feture-Area Css
28. elecson Pricing Section Css
29. elecson Web Development Section CSS
30. elecson Contact  US Css
31. elecson Blog Sidber Widget CSS
32. elecson Case Study Details Css
33. elecson Search Box Css
34. elecson Loader Css
=======================*/










/*================================
<--  elecson Nav Menu Area Css -->
==================================*/


/* elecson header-top Css*/

.header-top {
	background: #1d2f93;
	/* background: #ff8a05; orange color
 */
	/* background: #012549; */
	padding: 10px 0px 62px;
    position: relative;
}
.header-top::before {
	content: "";
	position: absolute;
	width: 13%;
	height: 100%;
	background: #fff;
	transform: skew(-324deg);
	top: 0;
	left: -147px;
	border-right: 5px solid #1d2f93
}
.header-top::after {
	content: "";
	position: absolute;
	width: 13%;
	height: 100%;
	background: #fff;
	transform: skew(-397deg);
	top: 0;
	right: -145px;
	border-left: 5px solid #1d2f93
}
.header-wifi-icon span {
	color: #fff;
	font-weight: 700;
	margin-right: 12px;
}
#customers-address {
	position: relative;
}
#customers-address::before {
	content: "";
	position: absolute;
	width: 1px;
	height: 36%;
	top: 7px;
	right: 8px;
	background-color: rgba(255,255,255,0.14901960784313725);
}
.header-top-address {
	margin-top: 2px;
}
.header-top-address p {
	color: #fff;
	font-size: 14px;
	font-weight: 400;
}
#customers-address.owl-carousel {
	display: block;
	width: 65%;
	z-index: 1;
}

#customers-address .owl-nav.disabled {
	display: block;
}
#customers-address .owl-nav .owl-prev, #customers-address .owl-nav .owl-next {
	color: #fff;
	font-size: 15px;
	position: absolute;
	left: auto;
	top: 50%;
	transform: translateY(-66%);
	line-height: 50px;
	right: 18px;
}
#customers-address .owl-nav .owl-next {
	left: auto;
	right: -15px;
}

.header-top-social-icon ul li {
	margin-right: 20px;
}
.header-top-social-icon ul li a {
	color: #fff;
}
.header-top-social-icon ul li a:hover {
	color: #1d2f93
}
.header-top-social-icon ul li span {
	color: #fff;
	font-weight: 700;
}
.header-top-right-item {
	display: flex;
	justify-content: right;
}




/* elecson header-bottom Css*/


.sticky .header-bottom-bg {
	background: #fff;
	position: relative;
    top: 0;
    border-radius: 0;
	z-index: 9999;
}
.sticky .header-bottom-bg {
	background: #1d2f93
}
.sticky .politics-menu ul li a {
	color: #fff;
}
.sticky .politics-menu ul li ul.sub-menu li a {
	color: #012549;
}
.sticky .politics-menu ul li ul.sub-menu {
	border-top: 5px solid #012549;
}
.sticky .politics-btn a {
	background: #fff;
	color: #1d2f93
}
.sticky .politics-btn a span {
	border: 1px solid #1d2f93
}
.sticky .politics-menu ul li a:hover {
	color: #fff;
}
.sticky .politics-btn a:hover {
	background: #fff;
	color: #1d2f93
}
.sticky .header-logo {
	display: none;
}
.sticky .header-logo2 {
    display: inherit !important;
}
.sticky .header-search-button a {
	color: #fff !important;

}





.header-bottom-bg {
	background: #fff;
	border-radius: 10px;
	position: relative;
	top: -58px;
	z-index: 9999;
}
.main-logo img {
	margin-top: 24px;
}
.politics-menu ul li a {
	font-size: 17px;
	margin: 36px 20px;
	display: block;
	font-weight: 500;
}
.politics-menu ul li a:hover {
	color: #1d2f93
}
.header-search-button a {
	color: #1d2f93
	margin-right: 43px;
	line-height: 98px;
	margin-left: 28px;
}
.politics-menu ul li a span {
	font-size: 12px;
	margin-left: 8px;
}
.politics-menu ul li a i {
	-webkit-transition: .55s ease;
	transition: .55s ease;
}
.politics-menu ul li a:hover i {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}




/*  Dropdown */

.politics-menu ul li {
    position: relative;
}
.politics-menu ul li ul.sub-menu {
	position: absolute;
	top: 135%;
	left: 0;
	width: 218px;
	background: #fff;
	border-top: 5px solid #1d2f93
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
	text-align: left;
	border-radius: 3px 3px 3px 3px;
	-webkit-transition: .4s;
	visibility: hidden;
	opacity: 0;
	z-index: 999;
}
.politics-menu ul li ul.sub-menu li {
	display: block;
	border-bottom: 1px solid #f9fafc;
}
.politics-menu ul li ul.sub-menu li a {
	line-height: 44px;
	padding: 0px 0px 0px 22px;
	margin: 0px 0 0 0;
	display: block;
}

.politics-menu ul li ul.sub-menu li a:before {
  display: none;
}

.politics-menu ul li ul.sub-menu li a:hover {
	background: #1d2f93
	color: #fff;
	display: block;
}
.politics-menu ul li:hover ul.sub-menu {
  opacity: 1;
  visibility: visible;
  top: 100%;
}
.header-search-button a {
	color: #ff8a05 !important;
	margin-right: 43px;
	margin-left: 28px;
	font-size: 19px;
}
.politics-btn {
	line-height: 97px;
}
.politics-btn a {
	background: #ffffff;
	color: #000000;
	padding: 19px 17px 20px 32px;
	font-size: 17px;
	border-radius: 5px;
	font-weight: 500;
    transition: .4s;
}
.politics-btn a:hover {
	background: #012549;
	color: #fff;
}
.politics-btn a span {
	background: #fff;
	padding: 6px 9px;
	border-radius: 8px;
	margin-left: 16px;
}
.politics-btn a span i {
    color: #1d2f93
}




/*================================
<--  elecson Hero Area Css -->
==================================*/


.hero-area {
	margin-top: -102px;
}
.hero-active {
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 70px 0;
	/* padding: 120px 0; */
}
.politics-hero-box {
	position: relative;
}
.hero-shape-img .hero-shape1 {
	position: relative;
	left: 446px;
    animation: bounce-shape1 3.50s infinite;
}
@keyframes bounce-shape1 {
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(50px);
    }
    100% {
        transform: translateX(0);
    }
}

.hero-shape-img .hero-shape2 {
	position: relative;
	left: -130px;
	top: 444px;
    animation: bounce-shape2 3.50s infinite;
}
@keyframes bounce-shape2 {
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateY(50px);
    }
    100% {
        transform: translateX(0);
    }
}


.hero-content h4 {
	letter-spacing: 3px;
	color: #e01142;
	font-weight: 600;
	position: relative;
	margin-bottom: 34px;
}
.hero-content h4::before {
	content: "";
	position: absolute;
	width: 26%;
	height: 2px;
	bottom: -5px;
	left: 0;
	background: #1d2f93
}
.owl-carousel .owl-item img {
	display: inline-block;
}
.hero-content h1 {
	font-size: 50px;
	/* font-size: 65px; */
	line-height: 60px;
	font-weight: 600;
}
.hero-content h1 span {
	color: #1d2f93
}
.politics-hero-desc {
	margin-top: 30px;
	/* margin-bottom: 25px; */
	position: relative;
	margin-left: 22px;
}
.politics-hero-desc::before {
	content: "";
	position: absolute;
	width: 3px;
	height: 82%;
	top: 6px;
	left: -21px;
	background: #1d2f93
}
.politics-hero-desc p {
	font-size: 17px;
	line-height: 32px;
	font-weight: 400;
	width: 60%;
}
.video-icon {
	position: absolute;
	left: 256px;
	bottom: 12px;
}
.hero-video .video-icon {
  position: absolute;
  right: 0;
  top: -165px;
}
.hero-video.two .video-icon {
  left: 262px;
  top: -74px;
}
.appointment .hero-video.two .video-icon {
  left: 0;
  top: 0;
}
.single-video2 .video-icon {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.video-icon a {
	width: 68px;
	height: 68px;
	line-height: 56px;
	display: inline-block;
	text-align: center;
	border-radius: 50%;
	position: relative;
	color: #000000;
	-webkit-animation: ripple-white 1s linear infinite;
	animation: ripple-blue 1s linear infinite;
	-webkit-transition: .5s;
	background: #1d2f93
	font-size: 28px;
	z-index: 44;
}
.video-icon a span {
	font-size: 14px;
}
.slider10 .video-icon a {
  border-radius: 0;
}
@-webkit-keyframes ripple-blue {
  0% {
      -webkit-box-shadow: 0 0 0 0 rgba(225, 17, 67, 0.3), 0 0 0 10px rgba(225, 17, 67, 0.3), 0 0 0 20px rgba(225, 17, 67, 0.3);
      box-shadow: 0 0 0 0 rgba(225, 17, 67, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(225, 17, 67, 0.3)
  }
  100% {
      -webkit-box-shadow: 0 0 0 10px rgba(225, 17, 67, 0.3), 0 0 0 20px rgba(225, 17, 67, 0.3), 0 0 0 30px rgba(225, 17, 67, 0);
      box-shadow: 0 0 0 10px rgba(225, 17, 67, 0.3), 0 0 0 20px rgba(225, 17, 67, 0.3), 0 0 0 30px rgba(225, 17, 67, 0)
  }
}

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



/*--  Animation content Css --*/

#customers-hero .owl-item.active .hero-content h4 {
    animation: fadeInLeftBig ease 2s;
}
#customers-hero .owl-item.active .hero-content h1 {
    animation: fadeInDownBig ease 2s;
}
#customers-hero .owl-item.active .politics-hero-desc p {
    animation: fadeInUpBig ease 2s;
}



#customers-hero.owl-carousel .owl-dots {
	text-align: center;
	position: absolute;
	left: 20px;
	bottom: 50%;
	display: inline-grid;
}
#customers-hero.owl-carousel .owl-dots .owl-dot {
	background: #f2afc1;
	display: inline-block;
	height: 20px;
	width: 20px;
	margin-bottom: 10px;
	border-radius: 50%;
}
#customers-hero.owl-carousel .owl-dot.active {
	background: #1d2f93
}



/*================================
<--  elecson Feature Area Css -->
==================================*/



.feature-area {
	padding: 50px 0 50px;
	/* padding: 100px 0 70px; */
}
.politics-feature-box {
	border: 1px solid #1d2f93
	/* border: 1px solid rgb(255, 138, 5); */
	padding: 30px 61px 32px;
	margin-bottom: 30px;
	transition: .7s;
    box-shadow: 0 4px 8px #1d2f93f7;
    /* box-shadow: 0 4px 8px rgba(255, 138, 5, 0.8); */
}
.feature-icon-img {
	background: #f9f9f9;
	margin-bottom: 18px;
	transition: 0.5s;
	width: 70px;
	height: 70px;
	line-height: 70px;
	/* width: 100px;
	height: 100px;
	line-height: 100px; */
	margin: auto;
	border-radius: 5px;
}
.politics-feature-box:hover .feature-icon-img{
   background-color:#1d2f93
    
}

.feature-icon-img img {
    transition: 0.5s;
}

.politics-feature-box:hover .feature-icon-img img {
    filter: brightness(0) invert(1);
    
}

.feature-content h4 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 10px;
	transition: .4s;
	margin-top: 10px;
}
.feature-content p {
	font-size: 17px;
	line-height: 27px;
	margin-bottom: 25px;
}
.feature-btn a {
	font-size: 17px;
	font-weight: 500;
}
.politics-feature-box:hover {
	transform: translateY(-24px);
}
.politics-feature-box:hover .feature-content h4 {
    color: #1d2f93
}

.politics-feature-box:hover .feature-btn a {
    color: #1d2f93
}







/*================================
<--  elecson About Area Css -->
==================================*/



.about-area {
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 0px 0 50px;
}
.politics-about-left img {
	width: 100%;
}
.politics-about-box {
	padding: 0px 0px 0px 0px;
	/* padding: 0px 36px 20px 25px; */
}
.politics-section-title .section-sub-title {
	font-size: 18px;
	font-weight: 400;
	color: #1d2f93
	margin-left: 58px;
	position: relative;
	margin-bottom: 22px;
}
.section-sub-title::before {
	content: "";
	position: absolute;
	width: 9%;
	height: 2px;
	left: -59px;
	top: 10px;
	background: #1d2f93
}
.politics-section-title h2 {
	font-size: 42px;
	line-height: 44px;
	color: #012549;
	font-weight: 700;
}
.politics-section-title h2 span {
	color: #1d2f93
}
.politics-section-title .politics-section-paragraph {
	margin-top: 27px;
	font-size: 17px;
	line-height: 27px;
	font-weight: 400;
	margin-bottom: 38px;
}
.about-icon-img {
	float: left;
	/* height: 130px; */
	margin-right: 25px;
}
.about-single-item-content h4 {
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 14px;
}
.about-single-item-content p {
	font-size: 17px;
	line-height: 27px;
	font-weight: 400;
}
.politics-about-single-item-secend {
	margin-top: 40px;
}
.politics-about-single-inner {
	display: flex;
    position: relative;
}
.politics-about-single-inner-img {
	position: relative;
}
.politics-about-single-inner-img::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #111;
	opacity: 0.85;
	border-radius: 10px;
}
.politics-about-single-inner-content {
	position: absolute;
	bottom: 44px;
	left: 0;
	padding: 0 20px;
}
.politics-about-single-inner-content h2 {
	color: #fff;
	font-size: 50px;
	font-weight: 600;
}
.politics-about-single-inner-content p {
	font-size: 16px;
	color: #ffffff;
	font-weight: 600;
}



/*================================
<--  elecson counter Area Css -->
==================================*/



.countedown-area {
	padding: 50px 0 50px;
	/* padding: 93px 0 70px; */
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
}
.countedown-section-title {
	margin-bottom: 60px;
}
.countedown-section-title h2 {
	color: #fff;
	margin-top: 0;
}

.countdown-padding {
	padding: 0 200px;
}
#countdown {
	text-align: center;
	margin-bottom: 30px;
}
#countdown ul li #seconds {
	width: 200px;
	height: 100px;
	display: inline-block;
	background: #fff;
	font-size: 26px;
	color: #012549;
	font-weight: 600;
	border-radius: 5px 0px 5px 0px;
	line-height: 100px;
	letter-spacing: 88px;
	padding: 0 33px;
	position: relative;
	margin-bottom: 6px;
}
#countdown ul li #seconds::before {
	content: "";
	position: absolute;
	width: 6px;
	height: 103%;
	top: -1px;
	left: 96px;
	background: #052647;
	border-radius: 30px;
}
#countdown ul li #minutes {
	width: 200px;
	height: 100px;
	display: inline-block;
	background: #fff;
	font-size: 26px;
	color: #012549;
	font-weight: 600;
	border-radius: 5px 0px 5px 0px;
	line-height: 100px;
	letter-spacing: 88px;
	padding: 0 33px;
	position: relative;
	margin-bottom: 6px;
}
#countdown ul li #minutes::before {
	content: "";
	position: absolute;
	width: 6px;
	height: 103%;
	top: -1px;
	left: 96px;
	background: #052647;
	border-radius: 30px;
}

#countdown ul li #hours {
	width: 200px;
	height: 100px;
	display: inline-block;
	background: #fff;
	font-size: 26px;
	color: #012549;
	font-weight: 600;
	border-radius: 5px 0px 5px 0px;
	line-height: 100px;
	letter-spacing: 88px;
	padding: 0 33px;
	position: relative;
	margin-bottom: 6px;
}
#countdown ul li #hours::before {
	content: "";
	position: absolute;
	width: 6px;
	height: 103%;
	top: -1px;
	left: 96px;
	background: #052647;
	border-radius: 30px;
}
#countdown ul li #days {
	width: 300px;
	height: 100px;
	display: inline-block;
	background: #fff;
	line-height: 100px;
	border-radius: 5px 0px 5px 0px;
	letter-spacing: 85px;
	text-align: right;
	margin-bottom: 6px;
	padding: 0 42px;
	position: relative;
	font-size: 26px;
	color: #012549;
	font-weight: 600;
	left: -98px;
}
#countdown ul li #days::before {
	content: "";
	position: absolute;
	width: 6px;
	height: 104%;
	top: -2px;
	left: 94px;
	background: #052647;
	border-radius: 30px;
}
#countdown ul li #days::after {
	content: "";
	position: absolute;
	width: 6px;
	height: 104%;
	top: -2px;
	right: 100px;
	background: #052647;
	border-radius: 30px;
}
#countdown ul span.day-down {
	background: #1d2f93
	color: #fff;
	width: 147%;
	display: block;
	border-radius: 5px 0px 5px 0px;
	padding: 4px 20px;
	font-weight: 600;
	position: relative;
	left: -100px;
}
#countdown ul span.all-down {
	background: #1d2f93
	color: #fff;
	width: 100%;
	display: block;
	border-radius: 5px 0px 5px 0px;
	padding: 4px 20px;
	font-weight: 600;
	margin: auto;
}



/*================================
<--  elecson Mission Area Css -->
==================================*/




.mission-area {
	background: #f9f9f9;
	padding: 85px 0 70px;
}
.mission-section-title {
	margin-bottom: 25px;
}
.mission-section-title h4 {
	color: #e01142;
	font-size: 17px;
	font-weight: 400;
    position: relative;
}
.mission-section-title h4::before {
	content: "";
	position: absolute;
	width: 45px;
	height: 2px;
	top: 10px;
	left: 42%;
	background: #1d2f93
}
.mission-section-title h4::after {
	content: "";
	position: absolute;
	width: 45px;
	height: 2px;
	top: 10px;
	left: 706px;
	background: #1d2f93
}
.mission-section-title .politics-section-paragraph {
	margin-top: 20px;
}
.mission-item-box {
	background: #fff;
	padding: 30px 30px 20px 30px;
	border-radius: 10px;
	margin-bottom: 30px;
    position: relative;
}
.mission-img-thum {
	margin-bottom: 40px;
}
.mission-img-thum img {
	width: 100%;
}
.mission-img-shape {
	position: absolute;
	right: 4px;
	bottom: 4px;
}
.mission-content {
	padding-left: 10px;
}
.mission-content h4 {
	font-size: 24px;
	color: #012549;
	font-weight: 600;
	margin-bottom: 15px;
    transition: .4s;
}
.mission-content p {
	font-size: 17px;
	line-height: 27px;
	color: #6f7785;
	font-weight: 400;
}
.mission-btn {
	padding-left: 10px;
}
.mission-btn a {
	background: #012549;
	padding: 18px 28px 17px 32px;
    transition: .4s;
}
.mission-item-box:hover .mission-btn a {
    background: #1d2f93
}
.mission-item-box:hover .mission-content h4 {
    color: #1d2f93
}



/*================================
<--  elecson Donate Area Css -->
==================================*/


.donate-area {
	padding: 84px 0 100px;
}
.donate-right-paragraph {
	margin-top: 53px;
}
.donate-right-paragraph p {
	font-size: 17px;
	line-height: 28px;
	color: #6f7785;
	font-weight: 400;
}
.donate-sub-title::before {
	width: 7%;
	left: -57px;
}
.donate-item-box {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	margin-top: 60px;
}
.donate-content-box {
	padding: 80px 40px 115px 40px;
}
.donate-content {
	margin-bottom: 122px;
}
.donate-content h4 {
	font-size: 17px;
	color: #e01142;
	font-weight: 500;
}
.donate-content-box h2 {
	font-size: 36px;
	line-height: 45px;
	color: #012549;
	font-weight: 600;
}
.single_amount {
	background: #fff;
	margin-right: 16px;
	padding: 10px 20px;
	margin-bottom: 10px;
	cursor: pointer;
	border-radius: 5px;
	font-size: 16px;
	color: #012549;
	font-weight: 600;
	border: 2px solid transparent;
}
.single_amount_wrapper .single_amount.active {
	background: #1d2f93
	color: #fff;
}
.amount_wrapper {
	margin-top: 20px;
	margin-bottom: 40px;
}
.amount_wrapper input {
	border: none;
	padding: 10px 14px;
	font-size: 16px;
	color: #012549;
	font-weight: 600;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);
	border-radius: 4px;
}
.donation_wrapper a {
	background: #1d2f93
	color: #fff;
	padding: 19px 17px 20px 32px;
	font-size: 17px;
	border-radius: 5px;
	font-weight: 500;
    transition: .4s;
}
.donation_wrapper a:hover {
	background: #012549;
}
.donation_wrapper a span {
	background: #fff;
	padding: 6px 9px;
	border-radius: 8px;
	margin-left: 16px;
}
.donation_wrapper a span i {
    color: #1d2f93
}
.donate-right-item-box {
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 10px;
}
.donate-right-content {
	margin-top: 60px;
	padding: 218px 20px 149px 35px;
}
.donate-right-content h4 {
	font-size: 17px;
	line-height: 27px;
	color: #ffffff;
	font-weight: 500;
}
.donate-right-content h2 {
	font-size: 36px;
	color: #ffffff;
	font-weight: 600;
}
.donate-right-btn a {
	background: #fff;
	color: #1d2f93
}
.donate-right-btn span {
	background: #ff8a05 !important;
}
.donate-right-btn i {
    color: #fff !important;
}


/*================================
<--  elecson Newslatter Area Css -->
==================================*/



.newslatter-area {
    padding: 100px 0;
}
.newslatter-item-box {
    position: relative;
}
.newslatter-section-title {
	padding-left: 35px;
	margin-top: 25px;
}
.newslatter-left-content {
	position: absolute;
	bottom: 0;
	right: 0px;
	background: #fff;
	padding: 115px 16px 35px 100px;
	border-left: 5px solid #1d2f93
    margin-left: 80%;
}
.newslatter-item-box img {
	width: 100%;
}
.newslatter-left-inner-content {
	margin-left: 22px;
}
.newslatter-left-content p {
	font-size: 16px;
	line-height: 27px;
	color: #6f7785;
	font-weight: 400;
	margin-bottom: 0;
}
.newslatter-left-content h4 {
	font-size: 22px;
	line-height: 27px;
	color: #012549;
	font-weight: 600;
    display: none;
}
.newslatter-video-icon {
	left: 32px;
	bottom: 45px;
}
.newslatter-video-icon a {
	width: 50px;
	height: 50px;
	line-height: 42px;
}
.newslatter-video-icon a {
	width: 56px;
	height: 56px;
	line-height: 46px;
}
.newslatter-btn a {
	border: 1px solid transparent;
}
.newslatter-btn a:hover {
	background: transparent;
	border: 1px solid #fff;
}
.newslatter-section-title h2 {
	color: #fff;
}
.newslatter-section-title .politics-section-paragraph {
	margin-bottom: 0;
}
.newslatter-section-title .politics-section-paragraph p {
	font-size: 17px;
	line-height: 27px;
	color: #9ca5b5;
	font-weight: 400;
}


/*================================
<--  elecson Testimonial Area Css -->
==================================*/


.testimonial-area {
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 84px 0 125px;
}
.testimonial-margin {
	margin-bottom: 70px;
}
.testimonial-item-box {
	background: #fff;
	padding: 50px 30px 30px 38px;
	margin-bottom: 30px;
	border-radius: 10px;
	position: relative;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
    z-index: 1;
}
.testimonial-item-box::before {
	content: "";
	position: absolute;
	width: 1%;
	height: 100%;
	top: 0;
	left: 0;
	background: #1d2f93
	border-radius: 10px 0px 0px 10px;
	transition: .9s;
    z-index: -1;
}
.testimonial-img-thum {
	float: left;
	height: 78px;
	width: 112px;
}
.testimonial-member-details h4 {
	font-size: 20px;
	color: #012549;
	font-weight: 600;
	margin-bottom: 4px;
    transition: .4s;
}
.testimonial-member-details p {
	font-size: 17px;
	color: #6f7785;
	font-weight: 400;
    transition: .4s;
}
.testimonial-desc {
	margin-top: 42px;
}
.testimonial-desc p {
	font-size: 17px;
	line-height: 27px;
	color: #6f7785;
	font-weight: 400;
    transition: .4s;
}
.testimonial-img-shape {
	position: absolute;
	top: 55px;
	right: -17px;
}
.testimonial-item-box:hover::before {
	width: 100%;
}
.testimonial-item-box:hover .testimonial-member-details h4 {
    color: #fff;
}
.testimonial-item-box:hover .testimonial-member-details p {
    color: #fff;
}
.testimonial-item-box:hover .testimonial-desc p{
    color: #fff;
}
#customers-testimonial.owl-carousel .owl-dots {
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -30px;
}
#customers-testimonial.owl-carousel .owl-dots .owl-dot {
    background: #dddddd;
    display: inline-block;
    height: 5px;
    width: 30px;
    border-radius: 10px;
    margin: 0 3px;
}
#customers-testimonial.owl-carousel .owl-dot.active {
	background: #1d2f93
}
#customers-testimonial.owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
	-webkit-transform: translate3d(0,0,0);
	width: 102%;
}


/*================================
<--  elecson Team Area Css -->
==================================*/


.team-area {
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 84px 0 70px;
}
.team-section-title h4::before {
	width: 45px;
	left: 41%;
}
.team-section-title h4::after {
	width: 45px;
	left: 720px;
}
.team-item-box {
	position: relative;
	margin-bottom: 30px;
    overflow: hidden;
}

.team-img-thum {
	position: relative;
    transition: .9s;
}
.team-img-thum::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(225, 17, 67, 0.8);
	border-radius: 5px;
	visibility: hidden;
	opacity: 0;
	transition: .9s;
}
.team-img-thum img {
	width: 100%;
}
.team-inner-item {
	position: absolute;
	left: 19px;
	bottom: -176px;
	background: #fff;
	padding: 19px 34px 20px 34px;
	border-radius: 5px;
	visibility: hidden;
	opacity: 0;
	transition: .9s;
}
.team-content {
	position: relative;
}
.team-content::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: -11px;
	left: 0;
	background: #ddd;
}
.team-content h4 {
	font-size: 22px;
	color: #012549;
	font-weight: 600;
}
.team-content p {
	font-size: 17px;
	color: #e01142;
	font-weight: 400;
}
.team-social-icon {
	margin-top: 30px;
}
.team-social-icon ul li a {
	width: 40px;
	height: 40px;
	display: inline-block;
	background: #ededed;
	text-align: center;
	line-height: 40px;
	color: #1d2f93
	border-radius: 50%;
	margin-right: 10px;
    transition: .4s;
}
.team-social-icon ul li a:hover {
    background: #1d2f93
    color: #fff;
}
.team-item-box:hover .team-inner-item {
	opacity: 1;
	visibility: visible;
	transform: translateY(-114%);
}
.team-item-box:hover .team-img-thum::before {
    visibility: visible;
    opacity: 1;
}
.team-item-box:hover .team-img-thum {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}


/*================================
<--  elecson Blog Area Css -->
==================================*/


.blog-area {
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 50px 0 50px;
}
.blog-top-btn {
	display: flex;
	justify-content: right;
	margin-top: 40px;
}
.blog-item-box {
	border: 1px solid #ddd;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
    box-shadow: 0 4px 8px #1d2f93f7;
}
.blog-img-thum {
	overflow: hidden;
}
.blog-img-thum img {
	width: 100%;
    transition: .6s;
}
.elecson-mini-heding {
	position: absolute;
	top: 14px;
	left: 14px;
}
.elecson-mini-heding span {
	background: #1d2f93
	color: #fff;
	padding: 8px 20px;
	border-radius: 5px;
}
.blog-inner-content {
	padding: 26px 30px 0px 30px;
}
.blog-inner-icon i {
	color: #1d2f93
	margin-right: 6px;
}
.blog-inner-icon span {
	font-size: 16px;
	color: #6d6d6d;
	font-weight: 400;
}
.blog-inner-content h4 {
	font-size: 20px;
	color: #012549;
	font-weight: 600;
    transition: .4s;
    padding-bottom: 20px;
}
.blog-down-user {
	padding: 44px 20px 25px 30px;
	position: relative;
	display: flex;
}
.blog-down-user::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	background: #ddd;
	top: 26px;
	left: 0;
}
.blog-user-icon span i {
	background: #1d2f93
	color: #fff;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	font-size: 16px;
	border-radius: 50%;
	margin-right: 6px;
}
.blog-user-icon span {
	font-size: 16px;
	color: #012549;
	font-weight: 500;
}
.blog-down-user-btn {
	position: relative;
	left: 108px;
	top: 4px;
}
.blog-down-user-btn a {
	font-size: 15px;
	color: #012549;
	font-weight: 500;
    transition: .4s;
}
.blog-down-user-btn a:hover {
    color: #1d2f93
}
.blog-down-user-btn a i {
	margin-left: 6px;
}

.blog-item-box:hover .blog-img-thum img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.blog-item-box:hover .blog-inner-content h4 {
    color: #1d2f93
}




#customers-blog.owl-carousel .owl-dots {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -50px;
}
#customers-blog.owl-carousel .owl-dots .owl-dot {
    background: #dddddd;
    display: inline-block;
    height: 5px;
    width: 30px;
    border-radius: 10px;
    margin: 0 3px;
}

#customers-blog.owl-carousel .owl-dot.active {
	background: #1d2f93
}


#customers-blog .owl-nav .owl-prev, #customers-blog .owl-nav .owl-next {
	width: 50px;
	height: 50px;
	background: #1d2f93
	color: #fff;
	font-size: 24px;
	border-radius: 50px;
	text-align: center;
	position: absolute;
	left: -28px;
	top: 50%;
	transform: translateY(-50%);
	line-height: 50px;
}
#customers-blog .owl-nav .owl-next {
    left: auto;
    right: -20px;
}




/*================================
<--  elecson Subscribe Area Css -->
==================================*/


.subscribe-area {
	background: #1d2f93
	padding: 27px 0;
}
.politics-subscribe-item h2 {
	font-size: 40px;
	color: #ffffff;
	font-weight: 700;
	margin-top: 24px;
}
.subscribe-btn {
	display: flex;
	justify-content: end;
}



/*================================
<--  elecson Footer Area Css -->
==================================*/



.footer-area {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 70px;
    overflow: hidden;
}

.widgets-company-info {
	position: relative;
}
.widgets-company-info-inner {
	position: absolute;
	top: 30px;
	left: 30px;
}

.politics-logo img {
	background: #fff;
	padding: 30px 24px;
	border-radius: 5px;
}
.widgets-company-img-thum img {
	border-radius: 5px;
}
.politics-logo {
	margin-bottom: 14px;
}
.company-info-desc {
	width: 90%;
	margin-bottom: 30px;
}
.company-info-desc p {
	color: #fff;
	line-height: 28px;
}
.widgets-company-address {
	width: 55%;
}
.widgets-company-address ul li {
	color: #fff;
	margin-bottom: 20px;
	font-size: 17px;
}
.widget-nav-menu .widget-title {
	position: relative;
	margin-bottom: 50px;
	font-size: 22px;
	color: #ffffff;
	font-weight: 600;
}
.widget-nav-menu .widget-title::before {
	content: "";
	position: absolute;
	width: 53px;
	height: 2px;
	bottom: -17px;
	left: 0;
	background: #1d2f93
}
ul.footer-widget-list li {
	margin-bottom: 18px;
}
ul.footer-widget-list li a {
	color: #fff;
	font-size: 17px;
	letter-spacing: 1px;
    transition: .4s;
}
ul.footer-widget-list li a:hover {
    color: #1d2f93
}
.widget-contact-form {
	margin-top: 60px;
}
.widget-contact-form form input {
	padding: 12px 22px;
	border-radius: 5px;
	background: transparent;
	margin-bottom: 30px;
	outline: 0;
	border: 2px solid #fff;
	color: #fff;
}
.widget-contact-form form input:focus {
	border: 2px solid #fff !important;
}
.widget-contact-form input::placeholder {
	color: #fff;
}
.widget-subscribe-btn {
	margin-bottom: 45px;
	margin-top: 15px;
}
.widget-subscribe-btn a {
	background: #fff;
	color: #1d2f93
	padding: 20px 28px 20px 45px;
	border-radius: 5px;
	text-transform: uppercase;
	position: relative;
}
.widget-subscribe-btn a::before {
	content: "";
	position: absolute;
	width: 30%;
	height: 100%;
	top: 0px;
	right: 0;
	background: #f50000;
	border-radius: 0px 5px 5px 0px;
	z-index: 1;
}
.widget-subscribe-btn a i {
	margin-left: 64px;
	font-size: 20px;
	color: #fff !important;
	z-index: 9;
	position: relative;
}

.widget-social-icon ul li {
	margin-right: 12px;
}
.widget-social-icon ul li a {
	color: #fff;
	font-size: 18px;
	width: 40px;
	height: 40px;
	display: inline-block;
	text-align: center;
	line-height: 40px;
	border-radius: 50%;
}
.widget-social-icon ul li a.btn-item1 {
	background: #1a7dfe;
}
.widget-social-icon ul li a.btn-item2 {
	background: #cc3093;
}
.widget-social-icon ul li a.btn-item3 {
	background: #229ff9;
}
.widget-social-icon ul li a.btn-item4 {
	background: #f50000;
}




/*================================
<--  elecson Copy-Right Area Css -->
==================================*/



.copyright-area {
	background: #05203d;
	padding: 14px 0;
	overflow: hidden;
}
.widgets-copyright p {
	color: #fff;
	margin-top: 15px;
}
.widgets-copyright p span {
	color: #f50000;
	font-weight: 600;
	cursor: pointer;
}





/*================================
<--  Start elecson Braedcrumb  Css -->
==================================*/
.braedcrumb-area {
	display: flex;
	align-items: center;
	height: 60vh;
	background-position: center 32%;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	z-index: 9;
	margin-top: -102px;
}
.braedcrumb-area .breadcrumb .breadcrumb-item::before {
	display: none;
}
.braedcrumb-area::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #021f3d;
	opacity: 0.8;
	z-index: -1;
}
.breadcrumb-heading h1 {
    color: #fff;
    text-transform: capitalize;
    margin-bottom: 10px;
    font-size: 46px;
}
.breadcrumb-item a {
    color: #fff;
    text-decoration: none;
    opacity: .7;
    transition: .5s;
}
.breadcrumb-item a:hover {
    color: #fff;
    opacity: 1;
}
.breadcrumb-item.active {
	color: #fff;
	font-weight: 700;
}
/*================================
<--  End elecson Braedcrumb  Css -->
==================================*/




/*================================
<--  Start elecson About Inner Page  Css -->
==================================*/


/*-- elecson About Section Css --*/

.about-page-area {
	padding: 100px 0 92px;
}
.about-page-box {
	padding-top: 40px;
}
.author-thumb {
	margin-bottom: 20px;
}


/*-- elecson Mission Section Css --*/


.mission-page-area {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 100px 0 125px;
}
.mission-page-section-title {
	padding-left: 0;
}
.mission-page-single-item {
	margin-top: 45px;
	border-bottom: 1px solid rgba(255,255,255,0.10196078431372549);
	margin-bottom: 30px;
	padding-bottom: 11px;
}
.mission-page-single-item-two {
	border-bottom: none;
}
.mission-page-icon {
	float: left;
	margin-right: 24px;
}
.misson-page-content .mission-page-title {
	color: #fff;
	font-weight: 600;
	margin-bottom: 13px;
}
.mission-page-desc {
	font-size: 16px;
	line-height: 26px;
	color: #9ca5b5;
	font-weight: 400;
	width: 80%;
}


/*-- elecson Counter Section Css --*/


.counter-upper {
	top: -50px;
	background: #ffffff;
	position: relative;
	padding: 56px 0 20px;
	margin: 0;
}
.count {
	position: relative;
	margin-bottom: 30px;
}
.count::before {
	content: "";
	position: absolute;
	border: 1px solid #c5c5c5a3;
	right: -13px;
	top: 30px;
	opacity: 0.200;
	width: 1px;
	height: 113px;
}
.count-text p {
	font-size: 16px;
	color: #6f7785;
	font-weight: 400;
	margin-top: 4px;
}


/*-- elecson Gallery Section Css --*/


.gallery-page-area {
	background: #F4F4F4;
	padding: 297px 0 70px;
	margin-top: -263px;
}
.gallery-page-area.gallery-page-two {
	margin-top: 0;
	padding: 85px 0 70px;
}
.gallery-page-paragraph p {
	width: 75%;
	margin: auto;
}
.gallery-page-box {
	background: #fff;
	text-align: center;
	padding: 42px 0 19px;
	position: relative;
	overflow: hidden;
	z-index: 1;
	margin-bottom: 30px;
}
.gallery-page-box::before {
	position: absolute;
	content: "";
	left: -72px;
	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);
}
.gallery-page-box::after {
	position: absolute;
	content: "";
	left: -34px;
	bottom: 0px;
	width: 28%;
	height: 1px;
	background: #E11142;
	transform: rotate(43deg);
	opacity: 0;
	transition: .5s;
}
.gallery-team-thumb {
	position: relative;
}
.gallery-team-social-icon {
	position: absolute;
	bottom: 0px;
	text-align: center;
	margin: auto;
	left: 0;
	right: 0;
	transition: .5s;
	opacity: 0;
}
.gallery-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;
}
.gallery-team-social-icon a:hover {
	background: #1d2f93
	color: #fff;
}
.gallery-team-content a {
	font-size: 24px;
	color: #012549;
	font-weight: 600;
	margin-bottom: 4px;
	display: block;
}
.gallery-team-content p {
	font-size: 16px;
	color: #e01142;
	font-weight: 400;
	font-family: "Arimo";
}
.gallery-page-box:hover .gallery-team-social-icon {
	transform: translateY(-50%);
	opacity: 1;
}
.gallery-page-box:hover::before {
	left: -26px;
}
.gallery-page-box:hover::after {
	bottom: 37px;
	opacity: 1;
}


/*-- elecson volunteer Section Css --*/


.volunteer-area {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 73px 0 60px;
}
.volunteer-content {
	display: flex;
	justify-content: space-between;
}
.volunteer-title h2 {
	font-size: 34px;
	color: #ffffff;
	font-weight: 700;
	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;
	border: 2px solid #fff;
	padding: 15px 33px;
}
.volunteer-btn a:hover {
	background: #ffff;
	color: #1F85EA;
}
.volunteer-follow-left {
	margin-left: 10px;
	margin-top: -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;
}
.volunteer-text p {
	font-size: 16px;
	color: #ffffff;
	font-weight: 400;
	margin-top: 4px;
}
/*================================
<--  End elecson About Inner Page Css -->
==================================*/


/*================================
<--  Start elecson campaigns Inner Page Css -->
==================================*/


/*-- elecson campaigns Section Css --*/

.campaigns-area {
	padding: 100px 0 100px;
}
.campaigns-item-box {
	padding: 52px 56px 0px 0px;
}
.campaigns-date {
	border-bottom: 1px solid #a1898936;
	padding-bottom: 22px;
}
.campaigns-date span {
	font-size: 15px;
	color: #e01142;
	font-weight: 400;
	margin-top: 20px;
	display: block;
}
.campaigns-date span i {
	color: #1d2f93
	margin-right: 6px;
}
.campaigns-btn {
	margin-top: -16px;
}
.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 i {
	color: #012549;
	font-size: 20px;
	transform: rotate(-45deg);
	display: inline-block;
	position: relative;
	top: 3px;
	transition: .5s;
}
.campaigns-btn a:hover i {
	color: #E01142;
}


/*-- elecson campaigns-style-two Section Css --*/


.campaigns-area.campaigns-style-two {
	background: #f4f4f4;
}
.campaigns-style-two .campaigns-item-thum img {
	box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
}
/*================================
<--  End elecson campaigns Inner Page Css -->
==================================*/






/*================================
<--  Start elecson Campaigns-Details Inner Page Css -->
==================================*/
.campaign-details-area {
	padding: 100px 0 72px;
}

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

.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: -1;
}

.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-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;
}
/*================================
<--  End elecson Campaigns-Details Inner Page Css -->
==================================*/




/*================================
<--  Start elecson Donate Inner Page Css -->
==================================*/

.donate-page-area {
	padding: 85px 0 48px;
}
.donate-page-paragraph p {
	width: 70%;
	margin: auto;
}
.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: 1px 22px 12px;
	position: relative;
	text-align: right;
	padding-left: 100px;
}

.tabcontent::before {
	position: absolute;
	content: "Custom :";
	left: 23px;
	top: 11px;
	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;
	padding-left: 22px;
	border: none;
	box-shadow: 0px 0px 70px rgba(0, 0, 0, 0.06);
}

.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-button.pt-3 {
    margin-top: 27px;
}

.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;
    border: 0;
}



/*================================
<--  End elecson Donate Inner Page Css -->
==================================*/




/*================================
<--  Start elecson Volunteer Inner Page Css -->
==================================*/


/* elecson Volunteer-one Section Css */


.volunteer-one-area {
	padding: 100px 0 100px;
}
.volunteer-list {
	margin-bottom: 20px;
}
.volunteer-list ul li {
	font-size: 16px;
	color: #012549;
	font-weight: 400;
	margin-bottom: 13px;
}
.volunteer-list ul li img {
	margin-right: 8px;
}


/* elecson Become-Volunteer Section Css */

.become-volunteer {
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 85px 0 177px;
	position: relative;
	z-index: -1;
}
.become-items-right {
	justify-content: right;
	display: flex;
}
.become-count-number .counter {
	color: #fff;
}
.become-count-number h3 {
	color: #fff;
}
.become-counter-img-thum {
	float: left;
	margin-right: 20px;
}
.become-counte-item {
	margin-top: 58px;
}
.become-heding {
	color: #fff !important;
}
.become-counte-item::before {
	display: none;
}


/* elecson Volunteer-Contact Section Css */


.volunteer-contact-area {
	padding: 0px 0px 70px;
	margin-top: -118px;
	position: relative;
	z-index: 1;
}
.contact-form-box {
	border-top: 5px solid #ff8a05 !important;
	border-radius: 10px 10px 0px 0px;
	box-shadow: 0px 0px 70px rgba(0, 0, 0, 0.05);
	border: none;
	background: #fff;
}
.forms-title h1 {
	margin-bottom: 24px;
}
h5.check-title {
	font-size: 22px;
	color: #012549;
	font-weight: 600;
	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;
}
/*================================
<--  End elecson Volunteer Inner Page Css -->
==================================*/




/*================================
<--  Start elecson Gallary Inner Page Css -->
==================================*/


.our-gallery-area {
	padding: 50px 0 50px;
	/* padding: 85px 0 65px; */
}
.our-gallery-item {
	margin-bottom: 30px;
	overflow: hidden;
}
.our-gallery-item img {
	width: 100%;
	transition: .9s;
}
.our-gallery-item:hover img {
	transform: scale(1.25);
}

/*================================
<--  End elecson Gallary Inner Page Css -->
==================================*/






/*================================
<--  Start elecson Contact Inner Page Css -->
==================================*/
.contact-area {
	padding: 83px 0 53px;
}
.contact-section-title {
	margin-bottom: 65px;
}
.contact-section-title h2 {
	font-weight: 600;
}
.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;
	border: none;
	box-shadow: 0px 0px 70px rgba(0, 0, 0, 0.08);
}
.contact-left {
	padding-left: 37px;
}
.form_box input::placeholder {
    color: rgba(100,100,100,0.8);
}
.form_box textarea {
	width: 100%;
	height: 135px;
	padding: 14px 18px;
	border: none;
	outline: 0;
	box-shadow: 0px 0px 70px rgba(0, 0, 0, 0.08);
}
.form_box textarea::placeholder {
    color: rgba(100,100,100,0.8);
}
.contact-form-button button {
    background: #1d2f93
    color: #fff;
    border: 1px solid #1d2f93
    padding: 11px 33px;
    margin-top: 35px;
    position: relative;
    z-index: 1;
    transition: .5s;
}
.contact-form-button button:hover {
    color: #1d2f93
}
.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%;
}

/*================================
<--  End elecson Contact Inner Page Css -->
==================================*/



/*================================
<--  Start elecson Blog Inner Page Css -->
==================================*/



.page-blog-area {
	padding: 100px 0 70px;
}
.page-blog-item {
	margin-bottom: 30px;
}
.blog-list-area {
	padding: 100px 0 70px;
}
.blog-list-area2 {
	padding-bottom: 100px;
}
.blog-details-main {
	background: #fff;
	padding: 30px;
	box-shadow: 0px 0px 70px rgba(0, 0, 0, 0.08);
}
.page-blog-item {
	margin-bottom: 30px;
	border: none;
	box-shadow: 0px 0px 70px rgba(0, 0, 0, 0.08);
}
.blog-du-btn {
	display: none;
}

/*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: #000;
	outline: 0;
	border: none;
	box-shadow: 0px 0px 70px rgba(0, 0, 0, 0.06);
}

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

/*widget categories box*/

.widget-categories-box {
	padding: 18px 20px 18px 32px;
	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: #1d2f93
}

/*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: #1d2f93
    color: #fff;
}

.widget-categories-menu ul li:hover a {
    color: #1d2f93
}

.pdf-button a {
    display: block;
    background: #1d2f93
    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: 15px;
    font-weight: 500;
    display: block;
    line-height: 26px;
    transition: .5s;
    margin-bottom: 7px;
}

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

.sidber-widget-recent-post .recent-widget-content a {
    color: #1d2f93
    font-size: 18px;
}

/* 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: #1d2f93
}

/* 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: #1d2f93
    background: #1d2f93
}

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

/*================================
<--  End elecson Blog Inner Page Css -->
==================================*/





/*================================
<--  Start elecson Blog-Details Inner Page Css -->
==================================*/


.blog-details-main {
    background: #fff;
    padding: 30px;
    box-shadow: 0px 0px 70px rgba(0, 0, 0, 0.05);
}
.blog-details-meta {
    background: #1d2f93
    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: #1d2f93
}

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

.blog-details-button a {
    display: inline-block;
    border: 2px solid #1d2f93
    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: #1d2f93
    z-index: -1;
    border-radius: 3px;
    transition: .5s;
}

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

.blog-details-button a.active:hover:before{
    background: #1d2f93
}

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

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

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

.blog-details-social a:hover{
    background: #1d2f93
    border-color: #1d2f93
    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: #1d2f93
    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: #1d2f93
    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: none;
	margin-bottom: 30px;
	padding: 0 20px;
	outline: 0;
	border-radius: 3px;
	box-shadow: 0px 0px 70px rgba(0, 0, 0, 0.06);
}

.input-box textarea {
    width: 100%;
    height: 207px;
    outline: 0;
    border: none;
    padding: 22px 20px 0;
    border-radius: 3px;
    box-shadow: 0px 0px 70px rgba(0, 0, 0, 0.06);
}

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

.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: #1d2f93
    border: 1px solid #1d2f93
    transition: .5s;
}

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

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


/*================================
<--  End elecson Blog-Details Inner Page Css -->
==================================*/




.politics_nav_manu {
    transition: .5s;
    z-index: 2;
    position: relative;
    padding: 0 70px 0;
    margin-bottom: -95px;
    border-bottom: 1px solid rgba(16,18,16,0.10196078431372549);
}

.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: #1d2f93 !important;
    transition: .5s !important;
    z-index: 922;
    -webkit-animation: 300ms running fadeInDown;
    animation: 500ms running fadeInUp;
    animation-name: slideInDown;
}

.sticky .politics_menu>ul>li>a {
    color: #fff;
}

.sticky .header-button a {
    background: #ffde5d;
}

.sticky .header-button a i {
    color: #fff;
}

/* elecson Menu Css*/
nav.politics_menu {
    text-align: center;
    position: relative;
    z-index: 1;
    margin-bottom: -3px;
    margin-left: 11px;
}

.politics_menu ul {
    list-style: none;
    display: inline-block;
}

.politics_menu>ul>li {
    display: inline-block;
    position: relative;
    z-index: 1;
}

.politics_menu>ul>li>a {
    font-size: 17px;
    display: block;
    margin: 35px 15px;
    transition: .5s;
    color: #101210;
    font-weight: 500;
}

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

.politics_menu>ul>li>a:hover {
    color: #ffde5d;
}

/*menu button*/

.header-button {
    display: inline-block;
    float: right;
    margin-top: 20px;
}

.header-button a {
    font-size: 16px;
    padding: 12px 30px;
    font-weight: 500;
    color: #fff;
    background: #101210;
    border-radius: 5px;
    display: inline-block;
    position: relative;
    z-index: 1;
    transition: .5s;
}

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

.header-button a i {
    padding-right: 5px;
    position: relative;
    top: 3px;
    color: #ffde5d;
    transition: .5s;
}

.header-button a:hover:before {
    transform: scale(1);
}

.header-button a:hover i {
    color: #fff;
}

/*Style Two Nav Menu*/

.style-two.politics_nav_manu {
    border-bottom: 1px solid rgba(255,255,255,0.10196078431372549);
}

.style-two .politics_menu>ul>li>a {
    color: #fff;

}

/*style two btn*/

.style-two .header-button a {
    background: rgba(16,18,16,0);
    border: 1px solid rgba(255,255,255,0.3);
}

.style-two .header-button a i {
    color: #bbf737;
}

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

.politics_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 #ffde5d;
    opacity: 0;
}

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

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

.politics_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: #101210 !important;
}

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

/* sub menu 2 
=================*/

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

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

/* sub menu 3 
==================*/

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

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

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

ul.sub-menu li a span {
    background: #ffde5d;
    padding: 5px 10px;
    color: #fff;
    opacity: 1;
    font-family: 'Fira Sans';
    border-radius: 2px;
    margin-left: 5px;
    transition: .5s;
}

ul.sub-menu li:hover a span{
    background: rgba(255,255,255, 0.20);
}

/* sub menu 4 
====================*/

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


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

.politics_menu li a:hover:before {
    width: 101%;
}

.politics_nav_manu.sticky .logo_img {
    display: none;
}

.main_sticky {
    display: none;
}

.politics_nav_manu.sticky .main_sticky {
    display: inherit;
}

.mobile-menu.mean-container {
    overflow: hidden;
}







/*
<!-- ============================================================== -->
<!-- elecson Start Cart Section -->
<!-- ============================================================== -->*/

.cart-section {
    padding: 100px 0 100px;
}

.cart-empty p {
    padding: 18px 25px;
    position: relative;
    background-color: #F6F7F9;
    border-bottom: 2px solid #050505;
    display: inline-block;
    width: 100%;
    color: #050505;
}

.cart-empty p i {
    color: #050505;
    padding-right: 10px;
}

.cart-section a.politics-button {
    margin-top: 10px;
    display: inline-block;
}


@keyframes ripple {

    0%,
    35% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }

    50% {
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0.8;
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(2);
        -moz-transform: scale(2);
        -ms-transform: scale(2);
        -o-transform: scale(2);
        transform: scale(2);
    }
}


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

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

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


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

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

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



/*--==============================================->
  <!-- elecson Animation Dance -->
 ==================================================-*/
/**/
.dance3 {
    -webkit-animation: dance3 8s alternate infinite;
    animation: dance3 8s alternate infinite;
}

@keyframes dance3 {
    0% {
        -webkit-transform: scale(0.5);
    }

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

.dance {
    -webkit-animation: dance 2s alternate infinite;
    animation: dance 2s alternate infinite;
}

@keyframes dance {
    0% {
        -webkit-transform: scale(0.5);
    }

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

.dance2 {
    -webkit-animation: dance2 4s alternate infinite;
    animation: dance2 4s alternate infinite;
}

@keyframes dance2 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
    }

    50% {
        -webkit-transform: translate3d(25px, -25px, 0);
    }

    100% {
        -webkit-transform: translate3d(0, -25px, 25px);
    }
}

.watermark-animate {
    -webkit-animation: watermark-animate 8s infinite;
    animation: watermark-animate 8s infinite;
    animation-direction: alternate-reverse;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

@keyframes watermark-animate {
    0% {
        left: 0;
    }

    100% {
        left: 100%;
    }
}



/*rotateme animation*/

.rotateme {
    -webkit-animation-name: rotateme;
    animation-name: rotateme;
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

@keyframes rotateme {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes rotateme {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}






/*----------------
==============   Start elecson shop Nav Sidebar button
------------------*/

/*nav button*/

.nav-btn.navSidebar-button {
    display: inline-block;
    float: left;
    padding: 10px 0 0;
}

.nav-btn.navSidebar-button a i {
    padding-right: 10px;
    font-size: 20px;
}

.xs-sidebar-group .xs-overlay {
    left: 100%;
    top: 0;
    position: fixed;
    z-index: 101;
    height: 100%;
    opacity: 0;
    width: 100%;
    visibility: hidden;
    -webkit-transition: all 0.4s ease-in 0.8s;
    -o-transition: all 0.4s ease-in 0.8s;
    transition: all 0.4s ease-in 0.8s;
}

.xs-sidebar-group .widget-heading {
    position: absolute;
    top: 12px;
    right: 12px;
    padding: 0;
}

.xs-sidebar-widget {
    position: fixed;
    left: -100%;
    top: 0;
    bottom: 0;
    width: 100%;
    max-width: 360px;
    z-index: 999999;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background-color: #fff;
    -webkit-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
    visibility: hidden;
    opacity: 0;
}

.xs-sidebar-group.isActive .xs-overlay {
    opacity: 0.4;
    visibility: visible;
    -webkit-transition: all 0.8s ease-out 0s;
    -o-transition: all 0.8s ease-out 0s;
    transition: all 0.8s ease-out 0s;
    left: 0;
}

.xs-sidebar-group.isActive .xs-sidebar-widget {
    opacity: 1;
    visibility: visible;
    left: 0;
    -webkit-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
    transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
}

.sidebar-textwidget {
    padding: 40px 32px;
}

.close-side-widget i {
    color: #101010;
    font-size: 28px;
    display: block;
}

.sidebar-widget-container {
    position: relative;
    top: 150px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in 0.3s;
    -o-transition: all 0.3s ease-in 0.3s;
    transition: all 0.3s ease-in 0.3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.xs-sidebar-group.isActive .sidebar-widget-container {
    top: 0px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 1s ease-out 1.2s;
    -o-transition: all 1s ease-out 1.2s;
    transition: all 1s ease-out 1.2s;
    -webkit-backface-visibility: hidden;
  
    backface-visibility: hidden;
}

.xs-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0.5;
    z-index: 0;
}

.xs-bg-black {
    background-color: #101010;
}


/*html css*/
.nav-logo {
    padding: 0 0 40px;
}

.sidebar-info-contents .widget-search {
    padding: 0 0 15px;
}

.sidebar-info-contents .widget {
    display: block;
} 

.sidebar-info-contents h3.widget-title {
    font-size: 25px;
    padding: 8px 0 20px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e9e9e9;
    font-style: italic;
}

.sidebar-info-contents h3.widget-title {
    font-size: 25px;
    padding: 15px 0 15px;
}

.widget form {
    position: relative;
}

.widget input {
    border-radius: 4px;
    padding-left: 20px;
    height: 56px;
    width: 100%;
    color: #fff;
    border: 1px solid #e9e9e9;
}

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

.widget input::placeholder {
    color: #101010;
}

ul.list-style-one li {
    display: block;
    list-style: none;
    color: #fff;
    padding: 16px 0 0;
    overflow: hidden;
}

ul.list-style-one li span {
    font-size: 16px;
    font-weight: 600;
    color: #101010;
    float: right;
    display: inline-block;
    padding: 0 5px;
}

ul.list-style-one li a {
    transition: .5s;
    color: #101010;
}

ul.list-style-one li a i {
    background: red;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    display: inline-block;
    border-radius: 30px;
    color: #fff;
    margin-right: 5px;
}

a.white-bg i {
    background: #e9e9e9 !important;
}

a.yellow-bg i {
    background: #eeee22 !important;
}

a.green-bg i {
    background: #9BC45C !important;
}

/*Tag
=======*/

.sidebar-tag-menu {
    padding: 12px 0 0;
}

.sidebar-tag-menu ul li {
    display: inline-block;
    list-style: none;
    margin-right: 6px;
    color: #101010;
    padding: 0 0 12px;
}

/*social icon*/

ul.social-icon {
    padding: 20px 0 0;
}

ul.social-icon li {
    display: inline-block;
    list-style: none;
    margin: 0 10px 0 0;
}

ul.social-icon li a {
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 36px;
    text-align: center;
    background: #fff;
    color: #101010;
    transition: .5s;
    font-size: 18px;
    border-radius: 3px;
}

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

ul.list-style-one li a:hover span {
    background: #ffde5d;
    border-radius: 30px;
    color: #fff;
} 

ul.list-style-one li a:hover {
    color: #ffde5d;
}





/*===========================
<-- 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: #9A241C;
    -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: #FF3C00;
    -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;
}




/*** 
====================================================================
    Search Popup
====================================================================
***/
.search-popup{
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100%;
    z-index: 99999;
    margin-top: -540px;
    transform: translateY(-100%);
    background-color: rgba(0,0,0,0.90);
    -webkit-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition: all 1500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
}

.search-popup{
    width: 100%;
}

.search-active .search-popup{
    transform: translateY(0%);
    margin-top: 0;
}

.search-popup .close-search {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	margin-top: -200px;
	border-radius: 50%;
	text-align: center;
	background-color: #1d2f93
	width: 70px;
	cursor: pointer;
	box-shadow: 0 0 10px rgba(0,0,0,0.05);
	border-bottom: 3px solid #fff;
	border-top: 3px solid #fff;
	border-right: 3px solid #062462;
	border-left: 3px solid #062462;
	-webkit-transition: all 500ms ease;
	height: 70px;
	line-height: 70px;
	text-align: center;
}

.search-active .search-popup .close-search{
    visibility: visible;
    opacity: 1;
    top: 50%;
    -webkit-transition-delay: 1500ms;
    -moz-transition-delay: 1500ms;
    -ms-transition-delay: 1500ms;
    -o-transition-delay: 1500ms;
    transition-delay: 1500ms;
}

.search-popup form{
    position: absolute;
    max-width: 700px;
    top: 50%;
    left: 15px;
    right: 15px;
    margin:-35px auto 0;
    transform: scaleX(0);
    transform-origin: center;
    background-color: #111111;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.search-active .search-popup form{
    transform: scaleX(1);
    -webkit-transition-delay: 1200ms;
    -moz-transition-delay: 1200ms;
    -ms-transition-delay: 1200ms;
    -o-transition-delay: 1200ms;
    transition-delay: 1200ms;
}

.search-popup .form-group{
    position:relative;
    margin:0px; 
  
    overflow: hidden;
}
.search-popup .form-group input[type="text"],
.search-popup .form-group input[type="search"]{
    position:relative;
    display:block;
    font-size:18px;
    line-height: 50px;
    color:#000000;
    height:70px;
    width:100%;
    padding: 10px 30px;
    background-color: #ffffff;
    -webkit-transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
    font-weight:500;
    text-transform:capitalize;
}

.search-popup .form-group input[type="submit"], .search-popup .form-group button {
	position: absolute;
	right: 30px;
	top: 0px;
	height: 70px;
	line-height: 70px;
	background: transparent;
	text-align: center;
	font-size: 24px;
	color: #1d2f93
	padding: 0;
	cursor: pointer;
	-webkit-transition: all 500ms ease;
	border: none;
}

.search-popup .form-group input[type="submit"]:hover,
.search-popup .form-group button:hover{
    color: #000000;
}

.search-popup input::placeholder,
.search-popup textarea::placeholder{
    color:#000000;
}

.search-popup .close-search.style-two{
    position: absolute;
    right: 25px;
    left: auto;
    color:#ffffff;
    width:auto;
    height:auto;
    top:25px;
    margin:0px;
    border:none;
    background:none !important;
    box-shadow:none !important;
    -webkit-transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
}

.search-box-btn {
    display: inline-block;
    padding-left: 22px;
}

.search-box-btn i {
    display: inline-block;
    color: #fff;
    line-height: 30px;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    transition: .5s;
}

.upp.search-box-btn i {
    color: #9E9FA1;
}

.search-box-btn.search-box-outer span i {
    font-size: 20px;
    display: inline-block;
    color: #fff;
    padding-left: 17px;
    position: relative;
    z-index: 1;
}

.upp.search-box-btn.search-box-outer span i {
    color: #9E9FA1;
}

.search-box-btn.search-box-outer span i:after {
    position: absolute;
    content: "0";
    right: -10px;
    top: -4px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    background: #1552F6;
    color: #fff;
    border-radius: 50%;
    display: inline-block;
    font-size: 12px;
}

.flaticon-multiply:before {
    content: inherit;
}

button.close-search i {
    font-size: 25px;
    color: #fff;
    display: inline-block;
}


span.flaticon-multiply i {
	display: inline-block;
	color: #1d2f93
}

.header-search-button {
	display: inline-block;
	margin-top: 30px;
}


.header-search-button a {
	display: inline-block;
	line-height: 42px;
}




/*
<!-- ============================================================== -->
<!--Scrollup Button Section -->
<!-- ============================================================== -->*/

/*------back-to-top------------*/

.prgoress_indicator {
	position: fixed;
	right: 50px;
	bottom: 20px;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	border-radius: 50px;
	box-shadow: inset 0 0 0 2px rgba(225, 17, 67, 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: #1d2f93
	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: "\f106";
  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;
  top: 0;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  z-index: 2;
  transition: all 200ms linear !important;
}

.prgoress_indicator:hover ::after {
  color: #2871ff;
}

.prgoress_indicator:hover ::before {
  opacity: 1;
}

.prgoress_indicator svg path {
  fill: none;
}

.prgoress_indicator svg.progress-circle path {
	stroke: #1d2f93
	stroke-width: 4;
	box-sizing: border-box;
	transition: all 200ms linear !important;
}



/* 21-10-24 */
/*! CSS Used from: https://html.ditsolution.net/elecson/party/assets/css/bootstrap.min.css ; media=all */
@media all{
    /* *,::after,::before{box-sizing:border-box;}
    h1,h4{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color);}
    h1{font-size:calc(1.375rem + 1.5vw);}
    @media (min-width:1200px){
    h1{font-size:2.5rem;}
    }
    h4{font-size:calc(1.275rem + .3vw);}
    @media (min-width:1200px){
    h4{font-size:1.5rem;}
    }
    p{margin-top:0;margin-bottom:1rem;}
    a{color:var(--bs-link-color);text-decoration:underline;}
    a:hover{color:var(--bs-link-hover-color);}
    img{vertical-align:middle;}
    .container{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto;}
    @media (min-width:576px){
    .container{max-width:540px;}
    }
    @media (min-width:768px){
    .container{max-width:720px;}
    }
    @media (min-width:992px){
    .container{max-width:960px;}
    }
    @media (min-width:1200px){
    .container{max-width:1140px;}
    }
    @media (min-width:1400px){
    .container{max-width:1320px;}
    }
    .row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x));}
    .row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y);}
    @media (min-width:768px){
    .col-md-12{flex:0 0 auto;width:100%;}
    }
    @media (min-width:992px){
    .col-lg-6{flex:0 0 auto;width:50%;}
    }
    .align-items-center{align-items:center!important;}
    } */
    /*! CSS Used from: https://html.ditsolution.net/elecson/party/assets/css/theme-default.css ; media=all */
    /* @media all{
    p{font-size:16px;line-height:26px;color:#6f7785;font-weight:400;font-family:"Arimo";}
    h1,h4{color:#012549;font-family:'Work Sans', sans-serif;font-style:normal;margin-bottom:0;margin-top:11px;line-height:1.2;font-weight:700;-webkit-transition:.5s;transition:.5s;font-size:36px;}
    a{-webkit-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;}
    a{color:#012549;text-decoration:none;}
    a:focus{text-decoration:none;outline:none;}
    a:focus,a:hover{text-decoration:none;text-decoration:none;}
    h1{font-size:50px;}
    h4{font-size:24px;}
    a,i{font-style:normal;font-weight:400;list-style:none;}
    ::selection{background:#4fc1f0;color:#454545;text-shadow:none;}
    ::placeholder{color:#454545;font-size:16px;}
    } */
    /*! CSS Used from: https://html.ditsolution.net/elecson/party/assets/css/bootstrap-icons.css ; media=all */
    /* @media all{
    .bi::before,[class*=" bi-"]::before{display:inline-block;font-family:bootstrap-icons!important;font-style:normal;font-weight:normal!important;font-variant:normal;text-transform:none;line-height:1;vertical-align:-.125em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
    .bi-play::before{content:"\f4f5";}
    } */
    /*! CSS Used from: https://html.ditsolution.net/elecson/party/assets/css/style.css ; media=all */
    @media all{
    .section-title{margin-bottom:35px;}
    .section-title h4{font-size:16px;line-height:46px;color:#e01142;font-weight:400;font-family:"Arimo";text-transform:uppercase;position:relative;z-index:1;}
    .section-title img{margin-right:10px;position:relative;top:-1px;}
    .section-title.style-two h4{color:#3394f5;}
    .section-title h1{font-size:40px;line-height:36px;color:#012549;font-weight:700;font-family:"Work Sans";position:relative;}
    .section-title.style-two h1{color:#fff;}
    .section-title span{color:#e01142;}
    .section-title.style-two span{color:#3394f5;}
    p.section-desc-1{margin:0;margin-top:40px;}
    .embar{position:relative;}
    .embar:before{position:absolute;content:"";width:39px;height:3px;background:#012549;top:22px;left:0;}
    .embar.two:before{background:#fff;}
    .video-area{background:url(https://html.ditsolution.net/elecson/party/assets/images/resource/video-area-bg.jpg);background-repeat:no-repeat;background-size:cover;padding:50px 0 50px;}
    .video-area p.section-desc-1{width:90%;color:#9ca5b5;}
    .video-thumb{position:relative;margin-left:11px;}
    .video-button{position:absolute;top:42%;left:38%;}
    .video-button i{display:inline-block;background:#ffff;color:#3394f5;font-size:30px;width:80px;height:80px;border-radius:50%;text-align:center;line-height:84px;position:relative;z-index:1;}
    .video-button i:after{position:absolute;content:"";width:105px;height:105px;left:-13px;top:-13px;background:#fff;opacity:0.6;z-index:-1;border-radius:50%;-webkit-animation:ripple 1.6s ease-out infinite;-moz-animation:ripple 1.6s ease-out infinite;}
    .video-author-signthure{margin-top:45px;}
    }
    /*! CSS Used from: https://html.ditsolution.net/elecson/party/assets/css/responsive.css ; media=all */
    @media all{
    @media (min-width: 1300px) and (max-width: 1399px){
    .section-title h1{font-size:36px;}
    /* .video-thumb{margin-left:-80px;} */
    }
    @media (min-width: 1200px) and (max-width: 1299px){
    .section-title h1{font-size:36px;}
    .video-thumb{margin-left:-80px;}
    }
    @media (min-width: 992px) and (max-width: 1199px){
    .section-title h1{font-size:34px;line-height:30px;}
    .section-title.style-two h1{font-size:30px;line-height:30px;}
    .video-area{padding:50px 0 50px;}
    .video-thumb{margin-left:0;left:-42px;}
    .video-thumb img{width:100%;}
    }
    @media (min-width: 768px) and (max-width: 991px){
    p.section-desc-1{width:70%;}
    .video-thumb{margin-left:0;margin-bottom:20px;}
    .video-area p.section-desc-1{width:84%;}
    }
    @media only screen and (min-width: 600px) and (max-width: 767px){
    p.section-desc-1{width:95%;}
    .section-title h1{font-size:32px;line-height:31px;}
    .video-thumb{margin-left:0;margin-bottom:20px;}
    .video-thumb img{width:100%;}
    .video-area p.section-desc-1{width:84%;}
    }
    @media only screen and (min-width: 480px) and (max-width: 599px){
    p.section-desc-1{width:90%;}
    .section-title h1{font-size:28px;line-height:29px;}
    .video-thumb{margin-left:0;margin-bottom:20px;}
    .video-thumb img{width:100%;}
    .video-area p.section-desc-1{width:90%;}
    }
    @media only screen and (min-width: 320px) and (max-width: 479px){
    p.section-desc-1{width:100%;}
    .section-title h1{font-size:18px;line-height:15px;}
    .video-thumb{margin-left:0;margin-bottom:20px;}
    .video-thumb img{width:100%;}
    .video-area p.section-desc-1{width:100%;}
    }
    }
}


/* 22-10-24 */
@media (min-width: 768px) { 
    .profile-img {
        height: 450px;
        width: 450px;
    }
}