@charset "utf-8";
/*** ======= // TABLE OF CONTENT // ============================

01- Google Fonts
02- Plugin Stylesheets Import
03- General Styling
04- Cross Browser Compatibility
05- Header
06- Dropdown
07- Theme Button
08- Slider Sec
09- Quote & Newsletter Sec
10- About & Mission Sec
11- Priorities Sec
12- Social Follow
13- Fun Facts Sec
14- Features Sec
15- Event Sec
16- Event List View
17- Product Section
18- News & Updates Sec
19- New List View
20- Vote Registration Section
21- Sponsors Section
22- Footer
23- Footer Newsletter
24- Bottom Bar
25- Page Top
26- Pagination
27- Header Style 2
28- Campaign Style 2
29- Newletter Style 2
30- Chairman Message Sec
31- About Secjy-footerds 
32- Event Style 2
33- Causes Section
34- Cause List Style
35- Side Data
36- History Section
37- Updates Grid No Images
38- Gallery Pages
39- Sidebar Widgets
40- Branches Page
41- Home 2 Boxed Version
42- Error Page
43- Coming Soon
44- Team Section
45- Donation Page
46- Contact Page Style 1
47- Contact Style 2
48- Blog Detail
49- Author Box
50- Related Posts
51- Comments Section
52- Comment Reply Section
53- Cause Detail
54- Event Detail
55- Product Detail
56- Product Tabs
57- Product Review Tab
58- Cart page
59- Checkout Page
60- Register Vote Popup
61- Team Detail
62- Volunteer Projects
63- Responsive Header
64- 
65- 
66- 
67- 
68- 
69- 
70- 
71- 
72- 
73- 
74- 
75- 


===================================================== ***/

/*===== Google Fonts =====*/


/*===== Plugin Stylesheets Import =====*/
@import url(plugins.css);

/*===== General Styling =====*/
html, 
body{overflow-x:hidden;}
body {
  float: left;
    font-family: 
    -apple-system, 
    BlinkMacSystemFont, 
    "Segoe UI", 
    Roboto, 
    "Helvetica Neue", 
    Arial, 
    "Hiragino Sans GB", 
    "PingFang SC", 
    "Microsoft YaHei", 
    "HarmonyOS Sans", 
    "Noto Sans SC", 
    sans-serif;
        
  letter-spacing: 0;
  margin: 0;
  position: relative;
  width: 100%;
}
h1,h2,h3,h4,h5,h6{
 font-family: 
    -apple-system, 
    BlinkMacSystemFont, 
    "Segoe UI", 
    Roboto, 
    "Helvetica Neue", 
    Arial, 
    "Hiragino Sans GB", 
    "PingFang SC", 
    "Microsoft YaHei", 
    "HarmonyOS Sans", 
    "Noto Sans SC", 
    sans-serif;
  color:#444;
  letter-spacing: 0;
  font-weight: 700;
}
h1 {font-size: 54px;}
h2 {font-size: 48px;}
h3 {font-size: 36px;}
h4 {font-size: 30px;}
h5 {font-size: 24px;}
h6 {font-size: 22px;}
p{
   font-family: 
    -apple-system, 
    BlinkMacSystemFont, 
    "Segoe UI", 
    Roboto, 
    "Helvetica Neue", 
    Arial, 
    "Hiragino Sans GB", 
    "PingFang SC", 
    "Microsoft YaHei", 
    "HarmonyOS Sans", 
    "Noto Sans SC", 
    sans-serif;
  color:#666;
  line-height:26px;
  font-size:16px;
  letter-spacing:0;
}
ul li,
ol li{
  font-family: 
    -apple-system, 
    BlinkMacSystemFont, 
    "Segoe UI", 
    Roboto, 
    "Helvetica Neue", 
    Arial, 
    "Hiragino Sans GB", 
    "PingFang SC", 
    "Microsoft YaHei", 
    "HarmonyOS Sans", 
    "Noto Sans SC", 
    sans-serif;
  color:#666666;
  font-size:13px;
  line-height:20px;
}
a{color: inherit;}
a:hover,
a:focus{
  text-decoration:none;
  outline:none;
}
input,
textarea,
select,
button {border: 0;}
button,
input[type="submit"],
.fileContainer,
input[type="file"] {cursor: pointer;}
input:focus,
textarea:focus,
select:focus,
button:focus,
a:focus,
.form-wrp fieldset p a:focus,
.chosen-container:focus,
.page-link:focus {
  border-color: transparent;
  outline: none;
  -webkit-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
textarea {resize: none;}
main {
  float: left;
  position: relative;
  width: 100%;
}
body.boxed {text-align: center;}
body.boxed main {
  float: none;
  display: inline-block;
  text-align: left;
  width: 1720px;
}
section{
  float:left;
  position:relative;
  width:100%;
}
.spacing {
  float: left;
  padding: 90px 0;
  position: relative;
  width: 100%;
}
.less-spacing,
.spacing.less-spacing {padding: 100px 0;}
.top-spac90,
.spacing.top-spac90 {padding-top: 90px;}
.bottom-spac90,
.spacing.bottom-spac90 {padding-bottom: 90px;}
.top-spac80,
.spacing.top-spac80 {padding-top: 80px;}
.bottom-spac80,
.spacing.bottom-spac80 {padding-bottom: 80px;}
.top-spac100,
.spacing.top-spac100 {padding-top: 100px;}
.bottom-spac100,
.spacing.bottom-spac100 {padding-bottom: 100px;}
.top-spac140,
.spacing.top-spac140 {padding-top: 140px;}
.bottom-spac140,
.spacing.bottom-spac140 {padding-bottom: 140px;}
.top-spac420,
.spacing.top-spac420 {padding-top: 420px;}
.bottom-spac420,
.spacing.bottom-spac420 {padding-bottom: 420px;}
.top-spac450,
.spacing.top-spac450 {padding-top: 450px;}
.bottom-spac450,
.spacing.bottom-spac450 {padding-bottom: 450px;}
.remove-gap,
.spacing.remove-gap {padding-top: 0;}
.remove-bottom,
.spacing.remove-bottom {padding-bottom: 0;}
.no-spacing,
.spacing.no-spacing {padding: 0;}
.gray-bg {background-color: #f2f2f2;}
.dark-bg {background-color: #262626;}
.white-bg {background-color: #fff;}
.container {
  padding: 0;
  max-width:1170px;
}
.remove-ext,
.remove-ext2,
.remove-ext3,
.remove-ext4,
.remove-ext5,
.remove-ext6,
.remove-ext7,
.remove-ext8,
.remove-ext9,
.remove-ext10,
.remove-ext11 {
  float: left;
  margin-bottom: -20px;
  width: 100%;
}
.remove-ext2 {margin-bottom: -25px;}
.remove-ext3 {margin-bottom: -30px;}
.remove-ext4 {margin-bottom: -35px;}
.remove-ext5 {margin-bottom: -40px;}
.remove-ext6 {margin-bottom: -45px;}
.remove-ext7 {margin-bottom: -50px;}
.remove-ext8 {margin-bottom: -55px;}
.remove-ext9 {margin-bottom: -60px;}
.remove-ext10 {margin-bottom: -65px;}
.remove-ext11 {margin-bottom: -70px;}
.overlap340,
.overlap115 {
  position: relative;
  z-index: 1;
}
.overlap340 {margin-top: -340px;}
.overlap115 {margin-top: -115px;}
.mrg {margin: 0;}
.mrg > div {padding: 0;}
.mrg10 {margin: 0 -5px;}
.mrg10 > div {padding: 0 5px;}
.mrg20 {margin: 0 -10px;}
.mrg20 > div {padding: 0 10px;}
.fixed-bg,
.fixed-bg2{
  background-position: center;
  height:100%;
  width:100%;
  margin:0;
  position:absolute;
  left:0;
  top:0;
  z-index:-2;
}
.fixed-bg{
  background-attachment:fixed;
  background-size:cover;
}
.fixed-bg2 {
  background-attachment: scroll;
  background-size:cover;
}
.fixed-bg2.pattern-bg,
.fixed-bg.pattern-bg {background-size: initial;}
.black-layer:before,
.black-layer2:before, 
.white-layer:before,
.gray-layer:before,
.theme-bg-layer:before,
.blue-bg-layer:before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
body > .fixed-bg,
body > .fixed-bg2 {z-index: -4;}
body.black-layer:before,
body.black-layer2:before, 
body.white-layer:before,
body.gray-layer:before,
body.theme-bg-layer:before {z-index: -3;}
.blue-bg-layer:before
.white-layer:before {background-color:#fff;}
.gray-layer:before {background-color: #e5e5e5}
.black-layer:before {background-color: #000000;}
.black-layer2:before {background-color: #000c17;}
.opc1:before {opacity: .1;}
.opc15:before {opacity: .15;}
.opc2:before {opacity: .2;}
.opc25:before {opacity: .25;}
.opc3:before {opacity: .3;}
.opc35:before {opacity: .35;}
.opc4:before {opacity: .4;}
.opc45:before {opacity: .45;}
.opc5:before {opacity: .5;}
.opc55:before {opacity: .55;}
.opc6:before {opacity: .6;}
.opc65:before {opacity: .65;}
.opc7:before {opacity: .7;}
.opc75:before {opacity: .75;}
.opc8:before {opacity: .8;}
.opc85:before {opacity: .85;}
.opc9:before {opacity: .9;}
.opc95:before {opacity: .95;}
iframe {
  border: 0;
  width: 100%;
}
img {
  max-width: 100%;
  vertical-align: middle;
}

/*===== Cross Browser Compatibility =====*/
a,
img,
input,
button,
textarea,
:before,
:after,
.owl-nav > div,
.owl-dots > div,
nav ul ul,
.chosen-results > li,
.toggle-item,
.toggle-item > h4,
.toggle-item > h4 i,
label,
.topbar,
.logo,
.logo > a img,
.notification-close-btn,
.header-search,
.rev-btn,
.product-btns,
nav > div > ul ul,
.event-box2,
.event-info2,
.social-btns-wrap > i,
.social-btns-wrap .social-btns2,
.register-vote-popup-wrapper,
.popup-close,
.res-menu-btn,
.res-menu,
.res-menu-close
{
  -webkit-transition: all .3s linear;
  -ms-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}

.product-btns,
.event-carousel > div.slick-arrows,
.social-btns-wrap
{
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.event-info > a
{
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.bth-cntr
{
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.brd-rd50,
.radio-box [type="radio"]:checked + label:before,
.radio-box [type="radio"]:not(:checked) + label:before,
.radio-box [type="radio"]:checked + label:after,
.radio-box [type="radio"]:not(:checked) + label:after,
.check-box [type="checkbox"]:checked + label:before,
.check-box [type="checkbox"]:not(:checked) + label:before,
.check-box [type="checkbox"]:checked + label:after,
.check-box [type="checkbox"]:not(:checked) + label:after
{
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.brd-rd40
{
  -webkit-border-radius: 40px;
  border-radius: 40px;
}

.brd-rd33 
{
  -webkit-border-radius: 33px;
  border-radius: 33px;
}

.brd-rd30
{
  -webkit-border-radius: 30px;
  border-radius: 30px;
}

.brd-rd5,
.page-link,
.page-item.prev .page-link,
.page-item.next .page-link,
nav > div > ul ul,
.header-search
{
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.brd-rd3
{
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
/*===== Social Media Color =====*/
.twitter {background-color: #64a8f2;}
.facebook {background-color: #475993;}
/*===== Project Style =====*/
/*===== Chosen Container Style =====*/
.chosen-container {width: 100% !important;}
/*===== Header =====*/
.notification-box {
  float: left;
  background-color: #fff;
  padding: 13.5px 15px;
  width: 100%;
}
.notifecation-message {
  font-size: 14px;
  float: left;
  line-height: 33px;
}
.theme-bg .notifecation-message,
.blue-bg .notifecation-message {color: #fff;}
.notifecation-message > strong,
.notifecation-message > a {
  display: inline-block;
  font-family: playfair display;
}
.notifecation-message > a {
  font-weight: 700;
  text-decoration: underline;
}
.notification-close-btn {
  float: right;
  height: 33px;
  line-height: 32px;
  width: 36px;
  text-align: center;
  cursor: pointer;
  color: #fff;
  font-size: 16px;
  background-color: #fff;
}
.notification-close-btn:hover {color: #fff;}
header {
  float: left;
  width: 100%;
  position: relative;
  z-index: 999;
}
header.style1 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.header-top {
  float: left;
  width: 100%;
}
.header-top-inner {
  float: left;
  padding: 20px 0 56px;
  position: relative;
  width: 100%;
}



/* 正常状态 */
.ycd > a {
  color: #fff!important; /* 你原本的默认颜色 */
}
/* 鼠标经过 */
.ycd > a:hover {
  color: #dfdfdf !important;
}
/* 鼠标点击后 / 聚焦（解决你移开失效的问题） */
.ycd:focus a,
.ycd:active a {
  color: #dfdfdf !important;
}



.header-top-inner:before {
  left: -150px;
  right: -150px;
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  background-color: rgba(0,0,0,.5);
  content: "";
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: -1;
}
.logo {float: left;}
.logo > a {
  float: left;
  width: 100%;
}
.top-links {
  float: right;
  margin-top: 41px;
}
.top-links > a {
  font-size: 14px;
  font-family: playfair display;
  font-weight: 700;
  color: #fff;
  float: left;
  margin-left: 30px;
  position: relative;
}
.top-links > a i {margin-right: 8px;}
.top-links > a + a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -15px;
  margin-top: -7.5px;
  height: 15px;
  width: 1px;
  background-color: #838383;
}
.theme-btn + .top-links > a + a:before {display: none;}
.theme-btn + .top-links > a {margin-left: 50px;}
.header-top-inner .theme-btn {
  float: right;
  margin: 5px 15px 0 60px;
}
header.style1 .menu-wrapper {margin-top: -40px;}
.menu-wrapper {
  float: left;
  width: 100%;
}
nav {
  float: left;
  position: relative;
  width: 100%;
}
nav:before {
  content: "";
  left: -90px;
  right: -90px;
  top: 0;
  bottom: 0;
  background-color: inherit;
  -webkit-border-radius: inherit;
  border-radius: inherit;
  position: absolute;
  z-index: -1;
  -webkit-box-shadow: 0 3px 7px rgba(0,0,0,.15);
  -ms-box-shadow: 0 3px 7px rgba(0,0,0,.15);
  -o-box-shadow: 0 3px 7px rgba(0,0,0,.15);
  box-shadow: 0 3px 7px rgba(0,0,0,.15);
}
nav > div {float: left;}
nav > div ul {
  padding: 0;
  list-style: none;
  list-style: none;
  margin-bottom: 0;
  width: 100%;
}
nav > div > ul {float: left;}
nav > div > ul > li {
  float: left;
  line-height: 74px;
  color: #fff;
  font-weight: 500;
  font-family: arimo;
  font-size: 16px;
  margin-right: 45px;
  position: relative;
}
.header-search-wrap {
  float: right;
  line-height: 74px;
}
.header-search-wrap > a {
  color: #fff;
  font-family: arimo;
  font-weight: 700;
  font-size: 14px;
  display: inline-block;
}
.header-search-wrap > a i {margin-right: 10px;}
nav > div > ul > li > a {display: block;    color: #ffffff;}
.header-search {
  position: absolute;
  top: 0;
  left: -90px;
  right: -90px;
  line-height: initial;
  opacity: 0;
  visibility: hidden;
  height: 0;
  z-index: 1;
}
.header-search > form {height: 100%;}
.header-search > form input {
  background-color: transparent;
  color: #fff;
  font-size: 16px;
  width: 100%;
  padding: 20px 70px 20px 70px;
  height: 100%;
}
.header-search > form button {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: transparent;
  width: 50px;
  color: #fff;
  font-size: 15px;
}
.search-close-btn {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  line-height: 75px;
  cursor: pointer;
  color: #fff;
  width: 70px;
  text-align: center;
}
.header-search.active {
  opacity: 1;
  visibility: visible;
  height: 75px;
}
/*===== Dropdown =====*/
nav > div > ul > li.menu-item-has-children::before {
  content: "";
  position: absolute;
  height: 10px;
  width: 10px;
  background-color: #fff;
  bottom: -6px;
  left: 80%;
  margin-left: -5px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  opacity: 0;
}
nav > div > ul ul {
  position: absolute;
  top: 100%;
  left: -40px;
  min-width: 260px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 7px rgba(0,0,0,.15);
  -ms-box-shadow: 0 3px 7px rgba(0,0,0,.15);
  -o-box-shadow: 0 3px 7px rgba(0,0,0,.15);
  box-shadow: 0 3px 7px rgba(0,0,0,.15);
  padding: 10px 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(.5);
  -ms-transform: scale(.5);
  -o-transform: scale(.5);
  transform: scale(.5);
}
nav > div > ul ul li {
  float: left;
  width: 100%;
  font-size: 14px;
  color: #333;
  font-family: arimo;
  font-weight: 700;
  position: relative;
}
nav > div > ul ul li a {
  float: left;
  width: 100%;
  padding: 12px 25px 12px 40px;
}
nav > div > ul ul li:hover > a,
nav > div > ul ul li a:focus {background-color: #f0f0f0;}
nav > div > ul > li.menu-item-has-children:hover:before {
  opacity: 1;
  left: 50%;
}
nav > div ul > li.menu-item-has-children:hover > ul {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
nav > div > ul ul ul {
  left: 100%;
  top: 0;
}
/*===== Theme Button =====*/
.theme-btn,
.theme-btn2,
ment-respond > formment-form p.form-submit input.theme-btn2 {
  color: #fff;
  font-family: arimo;
  display: inline-block;
  font-weight: 500;
  font-size: 20px;
  padding: 15.5px 35px 14px;
  -webkit-box-shadow: 0 4px 9px rgba(0,0,0,.26);
  -ms-box-shadow: 0 4px 9px rgba(0,0,0,.26);
  -o-box-shadow: 0 4px 9px rgba(0,0,0,.26);
  box-shadow: 0 4px 9px rgba(0,0,0,.26);
}
.theme-btn.big,
.theme-btn2.big,
ment-respond > formment-form p.form-submit input.theme-btn2.big {padding: 21.5px 63px 20px;}
.theme-btn:hover,
.theme-btn:focus,
.theme-btn2:hover,
.theme-btn2:focus,
ment-respond > formment-form p.form-submit input.theme-btn2:hover,
ment-respond > formment-form p.form-submit input.theme-btn2:focus {color: #fff;}
/*===== Slider Sec =====*/
.rev_slider > ul {
  float: left;
  margin-bottom: 0;
  padding-left: 0;
  width: 100%;
}
/*===== Quote & Newsletter Sec =====*/
.quote-message-wrap, 
.newsletter-wrap {
  background-size: cover;
  background-position: center;
  float: left;
  padding: 105px 90px;
  position: relative;
  width: 100%;
  z-index: 1;
  min-height: 360px;
}
.quote-message-wrap {}
.newsletter-wrap {padding: 95px 155px 85px;}
.quote-message-wrap > i {
  color: #fff;
  font-size: 88px;
  line-height: 145px;
  width: 145px;
  text-align: center;
  -webkit-box-shadow: 0 0 76px rgba(0,0,0,.2);
  -ms-box-shadow: 0 0 76px rgba(0,0,0,.2);
  -o-box-shadow: 0 0 76px rgba(0,0,0,.2);
  box-shadow: 0 0 76px rgba(0,0,0,.2);
  float: left;
  margin-right: 55px;
}
.quote-message-wrap > i {color: #fff;}
.quote-info {
  display: table;
  margin-top: 5px;
}
.quote-info > h4 {
  color: #fff;
  margin: 0 0 15px;
}
.quote-info blockquote {
  font-family: Arimo;
  font-style: italic;
  color: #e0e0e0;
  line-height: 30px;
  font-size: 18px;
  margin: 0;
  padding: 0;
  border: 0;
  max-width: 90%;
}
.title1 {
  float: left;
  width: 100%;
  margin-bottom: 35px;
}
.title1 > h3 {margin-bottom: 5px;}
.title1 > span {
  font-size: 17px;
  font-family: arimo;
}
.newsletter-form {
  float: left;
  width: 100%;
}
.theme-bg .title1 > h3,
.theme-bg-layer .title1 > h3 {color: #fff;}
.theme-bg .title1 > span, 
.theme-bg-layer .title1 > span {color: #edecec;}
.newsletter-form input {
  float: left;
  width: 100%;
  padding: 20px 40px;
  font-style: italic;
  -webkit-box-shadow: 0 0 76px rgba(0,0,0,.2);
  -ms-box-shadow: 0 0 76px rgba(0,0,0,.2);
  -o-box-shadow: 0 0 76px rgba(0,0,0,.2);
  box-shadow: 0 0 76px rgba(0,0,0,.2);
  height: 65px;
  font-size: 16px;
  color: #7f7f7f;
}
.newsletter-form div {float: left;}
.newsletter-form div.email-field {width: 390px;}
.newsletter-form div.zipcode-field {
  margin-left: -10px;
  width: 205px;
}
.newsletter-form > button {
  float: left;
  font-size: 20px;
  color: #fff;
  line-height: 65px;
  width: 65px;
  margin-left: -10px;
}
.newsletter-form > button:hover,
.newsletter-form > button:focus {
  background-color: #222;
  color: #fff;
}
/*===== About & Mission Sec =====*/
.about-us {
  float: left;
  width: 100%;
}
.about-us > h2 {
  margin-bottom: -10px;
  font-weight: 800;
  font-size: 40px;
  color: #333;
}
.about-us > h2 span {
  font-weight: 400;
  font-size: 20px;
  display: block;
  margin-bottom: 5px;
}
.about-us > p {margin: 30px 0 0;}
.about-us .theme-btn {margin-top: 46px;}
.our-missions {
  float: left;
  width: 100%;
}
.our-missions > h5 {
  font-weight: 800;
  color: #a5a5a5;
  margin-bottom: 40px;
}
.missions-list {
  float: left;
  width: 100%;
}
.remove-ext3 .missions-box {margin-bottom: 30px;}
.missions-box {
  -webkit-box-shadow: 0 0 76px rgba(0,0,0,.2);
  -ms-box-shadow: 0 0 76px rgba(0,0,0,.2);
  -o-box-shadow: 0 0 76px rgba(0,0,0,.2);
  box-shadow: 0 0 76px rgba(0,0,0,.2);
  float: left;
  padding: 30px;
  width: 100%;
}
.missions-box > * {
  display: table-cell;
  vertical-align: middle;
}
.missions-box > a {
  width: 115px;
  overflow: hidden;
  position: relative;
}
.missions-box > a img {width: 100%;}
.missions-box > a:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #000;
  opacity: 0;
}
.missions-box:hover > a::before {opacity: .2;}
.mission-box-info {padding-left: 40px;}
.mission-box-info > h6 {margin-bottom: 12px;}
.mission-box-info > p {margin-bottom: 0;}
/*===== Priorities Sec =====*/
.container-wrapper {
  float: left;
  width: 100%;
}
.sec-box {
  display: inline-block;
  text-align: left;
  max-width: 1510px;
  width: 100%;
}
.sec-box-inner {
  background-color: #fff;
  -webkit-box-shadow: 0 0 140px rgba(0,0,0,.11);
  -ms-box-shadow: 0 0 140px rgba(0,0,0,.11);
  -o-box-shadow: 0 0 140px rgba(0,0,0,.11);
  box-shadow: 0 0 140px rgba(0,0,0,.11);
  float: left;
  overflow: hidden;
  padding: 95px 20px 100px;
  width: 100%;
}
.sec-box-inner.with-social-share {padding: 95px 0 0;}
.sec-title {
  float: left;
  margin-bottom: 50px;
  width: 100%;
}
.theme-bg-layer .sec-title > h2,
.blue-bg-layer .sec-title > h2 {color: #fff;}
.sec-title > h2 {
  margin-bottom: 0;
  font-weight: 800;
  font-size: 40px;
  color: #333;
}
.sec-title > h2 span {
  font-weight: 400;
  font-size: 20px;
  display: block;
  margin-bottom: 3px;
}
.sec-title .theme-btn {
  float: right;
  margin-top: -77px;
}
.container .sec-title > p {max-width: 60%;}
.sec-title > p {
  display: inline-block;
  font-size: 18px;
  max-width: 35%;
  font-family: arimo;
  line-height: 33px;  
  margin: 20px 0 0;
}
.priorities-carousel {
  float: left;
  width: 100%;
}
.remove-ext6 .prioritie-box {margin-bottom: 45px;}
.prioritie-box {
  float: left;
  width: 100%;
}
.prioritie-thumb {
  float: left;
  position: relative;
  overflow: hidden;
  width: 100%;
}
.prioritie-thumb > a,
.event-thumb > a,
.post-thumb > a,
.about-post-thumb > a,
.event-box2 > a,
.team-thumb > a {
  float: left;
  width: 100%;
}
.prioritie-thumb > a:before,
.event-thumb > a:before,
.post-thumb > a:before,
.about-post-thumb > a:before,
.event-box2 > a:before,
.gallery-box > a:before,
.mini-post-box > a:before,
.team-thumb > a:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000;
  opacity: 0;
}
.prioritie-box:hover .prioritie-thumb > a::before,
.event-box:hover .event-thumb > a:before,
.post-box:hover .post-thumb > a:before,
.about-post-box:hover .about-post-thumb > a:before,
.event-box2 > a:hover:before,
.gallery-box > a:hover:before,
.mini-post-box:hover > a:before,
.team-box:hover .team-thumb > a:before {opacity: .25;}
.prioritie-thumb img,
.event-thumb img,
.post-thumb img,
.about-post-thumb img,
.event-box2 img,
.gallery-box img,
.mini-post-box > a img,
.team-thumb img {width: 100%;}
.prioritie-info {
  float: left;
  margin-top: 22px;
  width: 100%;
}
.priorite-cat {
  display: inline-block;
  font-size: 16px;
  color: #555;
}
.prioritie-info > h6 {margin: 8px 0 0;}
.prioritie-info > p {margin: 12px 0 0;}
.owl-carousel .owl-dots {
  position: absolute;
  top: -95px;
  right: 0;
}
.owl-carousel .owl-dots > div {
  background-color: rgba(0,0,0,.15);
  height: 15px;
  width: 15px;
  float: left;
  margin-left: 4px;
}
.view-more {
  float: left;
  margin-top: 60px;
  width: 100%;
}
/*===== Social Follow =====*/
.social-follow-wrap {
  float: left;
  margin-top: 100px;
  width: 100%;
}
.social-btn {
  float: left;
  padding: 55px;
  position: relative;
  width: 100%;
  overflow: hidden;
  color: #fff;
  font-weight: 800;
  font-family: playfair display;
  font-size: 17px;
  display: inline-block;
}
.social-btn:before {
  content: "";
  font-family: fontawesome;
  position: absolute;
  right: 60px;
  bottom: -40px;
  font-size: 152px;
  color: rgba(0,0,0,.1);
  line-height: initial;
}
.social-btn.twitter:before {content: "\f099";}
.social-btn.facebook:before {content: "\f082";}
.social-btn > i {
  font-size: 30px;
  margin-right: 20px;
}
.social-btn > span {
  display: inline-block;
  position: relative;
  top: -3px;
}
.social-btn:hover,
.social-btn:focus {color: #fff;}
.social-btn:hover:before {
  -webkit-transform: scale(1.8);
  -ms-transform: scale(1.8);
  -o-transform: scale(1.8);
  transform: scale(1.8);
}
/*===== Fun Facts Sec =====*/
.facts-wrap {
  float: left;
  width: 100%;
}
.remove-ext3 .fact-box {margin-bottom: 30px;}
.fact-box {
  float: left;
  width: 100%;
}
.black-layer .fact-box > h1,
.black-layer2 .fact-box > h1 {color: #fff;}
.fact-box > h1 {
  font-weight: 800;
  margin-bottom: 3px;
}
.fact-box > h5 {
  margin-bottom: 0;
  font-weight: 700;
}
.fact-box > h1 small {
  font-weight: inherit;
  font-size: 36px;
}
/*===== Features Sec =====*/
.campaign-volunteer-unit-sec {
  margin-left: -55px;
  width: calc(100% + 110px);
}
.remove-ext3 .fea-box {margin-bottom: 30px;}
.fea-box {
  float: left;
  padding: 0 50px;
  width: 100%;
}
.fea-box > i {display: inline-block;}
.fea-inf {
  float: left;
  margin-top: 30px;
  width: 100%;
}
.fea-inf > span {
  font-size: 18px;
  font-family: arimo;
}
.fea-inf > h4 {
  font-weight: 800;
  margin: 3px 0 0;
}
.fea-inf > p {
  font-style: italic;
  margin: 15px 0 0;
}
.fea-inf > a {
  display: inline-block;
  margin-top: 20px;
  color: #444;
  font-family: arimo;
  font-weight: 700;
  font-size: 14px;
}
.fea-inf > a i {
  font-size: 15px;
  color: #9d9d9d;
  margin-left: 8px;
}
.campaign-box {
  float: left;
  position: relative;
  width: 100%;
}
.campaign-box > h6 {
  font-weight: 400;
  margin-bottom: 15px;
}
.campaign-box > h1 {
  font-weight: 700;
  margin-bottom: 15px;
  font-family: arimo;
  font-size: 70px;
  color: #333;
}
.campaign-box > span {
  display: block;
  font-size: 22px;
  font-family: playfair display;
  color: #929292;
}
.campaign-box > a.theme-btn2 {
  margin-top: 50px;
  padding: 21.5px 70px;
}
.campaign-box::before,
.campaign-box::after {
  content: "";
  position: absolute;
  background-color: #c5c5c5;
  height: 175px;
  width: 1px;
  top: 50%;
  margin-top: -77px;
}
.campaign-box::before {left: -50px;}
.campaign-box::after {right: -50px;}
/*===== Event Sec =====*/
.remove-ext7 .event-box {margin-bottom: 79px;}
.remove-ext3 .event-box {margin-bottom: 30px;}
.event-box {
  float: left;
  width: 100%;
  -webkit-box-shadow: 0 0 76px rgba(0,0,0,0.2);
  -ms-box-shadow: 0 0 76px rgba(0,0,0,0.2);
  -o-box-shadow: 0 0 76px rgba(0,0,0,0.2);
  box-shadow: 0 0 76px rgba(0,0,0,0.2);
}
.event-thumb {
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  float: left;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.event-info {
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  float: left;
  padding: 35px 35px 75px;
  width: 100%;
  background-color: #fff;
  position: relative;
}
.event-info > h6 {margin-bottom: 15px;}
.event-time-location {
  float: left;
  width: 100%;
  padding: 8px 0 0;
  list-style: none;
  margin-bottom: 0;
  border-top: 1px solid #dedede;
}
.event-time-location > li {
  font-size: 15px;
  position: relative;
  padding-left: 20px;
  margin-top: 6px;    color: #666666;
}


.theme-clr p {
    margin-bottom: .22rem;font-size: 15px;
}



.event-time-location > li i {
  position: absolute;
  left: 0;
  top: 2px;
}
.event-info > a {
  position: absolute;
  bottom: -29px;
  left: 50%;
  font-weight: 700;
  font-size: 14px;
  font-family: arimo;
  color: #222;
  padding: 15px 45px 14px;
  border: 4px solid #f1f1f1;
  background-color: #fff;
}
.event-info > a:hover, 
.event-info > a:focus {color: #fff;}
/*===== Event List View =====*/
.event-box.list {
  display: table;
  width: calc(100% - 30px);
}
.event-box.list > * {
  display: table-cell;
  vertical-align: middle;
  float: none;
}
.event-box.list .event-thumb {
  -webkit-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
  width: 36%;
}
.event-box.list .event-info {
  -webkit-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
  padding: 25px 65px 25px 45px;
}
.event-box.list .event-info > a {
  left: auto;
  right: 0;
  -webkit-transform: translate(0, -100%) rotate(-90deg);
  -ms-transform: translate(0, -100%) rotate(-90deg);
  -o-transform: translate(0, -100%) rotate(-90deg);
  transform: translate(0, -100%) rotate(-90deg);
  -webkit-transform-origin: center right;
  -ms-transform-origin: center right;
  -o-transform-origin: center right;
  transform-origin: center right;
  bottom: 50%;
}
/*===== Product Section =====*/
.sec-title2 {
  float: left;
  margin-bottom: 60px;
  width: 100%;
}
.sec-title2 > h1,
.sec-title2 > h2 {
  font-weight: 800;
  margin-bottom: 0;
}
.sec-title2 > h2 {font-size: 40px;}
.sec-title2 > h1 span,
.sec-title2 > h2 span {
  font-weight: 600;
  display: inline-block;
}
.sec-title2 > p {
  display: inline-block;
  font-size: 18px;
  max-width: 45%;
  font-family: arimo;
  line-height: 33px;  
  margin: 10px 0 0;
}
.blue-bg-layer .sec-title2 > h1,
.black-layer .sec-title2 > h1,
.black-layer2 .sec-title2 > h1,
.blue-bg-layer .sec-title > h1,
.black-layer .sec-title > h1,
.black-layer2 .sec-title > h1,
.blue-bg-layer .sec-title2 > h2,
.black-layer .sec-title2 > h2,
.black-layer2 .sec-title2 > h2,
.blue-bg-layer .sec-title > h2,
.black-layer .sec-title > h2,
.black-layer2 .sec-title > h2 {color: #fff;}
.blue-bg-layer .sec-title2 > p, 
.black-layer .sec-title2 > p, 
.black-layer2 .sec-title2 > p,
.blue-bg-layer .sec-title > p, 
.black-layer .sec-title > p, 
.black-layer2 .sec-title > p {color: #fbfefc;}
.product-wrap {
  margin-left: -75px;
  width: calc(100% + 150px);
}
.remove-ext3 .product-box-wrap {margin-bottom: 30px;}
.product-box-wrap {
  float: left;
  padding: 0 50px;
  position: relative;
  width: 100%;
}
.product-box-inner {
  float: left;
  width: 100%;
  background-color: #fff;
  padding: 35px 30px 32px 75px;
  -webkit-box-shadow: 0 0 75px rgba(0,0,0,.2);
  -ms-box-shadow: 0 0 75px rgba(0,0,0,.2);
  -o-box-shadow: 0 0 75px rgba(0,0,0,.2);
  box-shadow: 0 0 75px rgba(0,0,0,.2);
}
.product-thumb {
  position: absolute;
  left: 0;
  height: 105px;
  width: 105px;
  border: 10px solid #fefffe;
  -webkit-box-shadow: 0 0 75px rgba(0,0,0,.2);
  -ms-box-shadow: 0 0 75px rgba(0,0,0,.2);
  -o-box-shadow: 0 0 75px rgba(0,0,0,.2);
  box-shadow: 0 0 75px rgba(0,0,0,.2);
  top: 50%;
  margin-top: -52.5px;
}
.product-thumb > img {
  width: 100%;
  -webkit-border-radius: inherit;
  border-radius: inherit;
}
.product-info {}
.product-btns {
  position: absolute;
  top: 70%;
  left: 0;
  right: 0;
  text-align: center;
  opacity: 0;
  visibility: hidden;
}
.product-thumb:before {
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  -webkit-border-radius: inherit;
  border-radius: inherit;
  opacity: 0;
  -webkit-transform: scale(.5);
  -ms-transform: scale(.5);
  -o-transform: scale(.5);
  transform: scale(.5);
}
.product-btns > a {
  display: inline-block;
  font-size: 14.33px;
  color: #fff;
  margin: 0 8px;
  position: relative;
}
.product-btns > a + a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -9px;
  width: 1px;
  height: 10px;
  background-color: #fff;
  margin-top: -5px;
}
.product-box-inner:hover .product-thumb:before {
  opacity: .8;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.product-box-inner:hover .product-btns {
  opacity: 1;
  top: 50%;
  visibility: visible;
}
.product-info > h6 {
  color: #333;
  margin: 0 0 10px;
  font-size: 20px;
  line-height: 28px;
}
.price {
  font-size: 22px;
  font-family: arimo;
  font-weight: 600;
  display: inline-block;
}
.price > ins {text-decoration: none;}
.price > del {
  color: #999;
  font-weight: 700;
  font-size: 16px;
}
.product-wrap.style2 .product-box-inner {
  border: 2px solid #fff;
  background-color: transparent;
  -webkit-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.product-wrap.style2 .product-info > h6 {color: #fff;}
.product-wrap.style2 .price > del {color: #f2f2f2;}
/*===== News & Updates Sec =====*/
.updates-wrap {
  float: left;
  width: 100%;
}
.updates-list-no-image {
  float: left;
  width: 100%;
}
.post-box {
  float: left;
  width: 100%;
}
.remove-ext4 .post-box {margin-bottom: 35px;}
.remove-ext5 .post-box {margin-bottom: 40px;}
.remove-ext9 .post-box {margin-bottom: 60px;}
.post-thumb {
  float: left;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.post-info {
  float: left;
  margin-top: 35px;
  width: 100%;
}
.post-info > h6, .post-info2 > h6 {margin-bottom: 13px;}
.post-meta {
  padding: 0;
  list-style: none;
  margin-bottom: 0;
  display: inline-block;
}
.post-meta > li {
  display: inline-block;
  line-height: 32px;
  margin-right: 15px;
  font-size: 15px;
}
.post-meta > li img,
.post-meta > li i {margin-right: 5px;}
.updates-list-no-image .post-info {
  padding-bottom: 40px;
  border-bottom: 1px solid #d9d9d9;
  margin-top: 0;
}
.updates-list-no-image > div:last-child .post-info {
  padding-bottom: 0;
  border-bottom: 0;
}
.post-box2 {
  float: left;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.post-box2 > a {
  float: left;
  width: 100%;
}
.post-box2 > a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000c17;
  opacity: .8;
  z-index: 1;
}
.post-author {
  position: absolute;
  top: 50px;
  left: 50px;
  font-size: 15px;
  line-height: 32px;
  z-index: 1;
}
.post-author > img {margin-right: 6px;}
.post-info2 {
  position: absolute;
  bottom: 50px;
  left: 50px;
  right: 40px;
  z-index: 1;
}
.post-info2 > h6 {color: #fff;}
.remove-ext3 .post-box2 {margin-bottom: 30px;}
.post-box2 .post-meta > li a:hover, 
.post-box2 .post-meta > li:hover i, 
.post-box2 .post-meta > li a:focus, 
.post-box2 .post-author > a:hover, 
.post-box2 .post-author > a:focus {color: #fff;}
.post-box2:hover > a img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
/*===== New List View =====*/
.post-box.list {
  display: table;
  padding-bottom: 40px;
  border-bottom: 1px solid #c6c6c6;
}
.post-box.list > * {
  display: table-cell;
  vertical-align: middle;
  float: none;
}
.post-box.list .post-thumb {width: 42.6%;}
.post-box.list .post-info {padding-left: 50px;}
.post-info > p {
  font-style: italic;
  margin: 22px 0 0;
}
.post-info > a {
  display: inline-block;
  font-weight: 700;
  margin-top: 18px;
  font-family: arimo;
  font-size: 14px;
  color: #222;
}
.post-info > a i {
  font-size: 15px;
  color: #9d9d9d;
  margin-left: 9px;
}
.post-box.list .post-info > h6 {
  max-width: 85%;
  color: #333;
}
/*===== Vote Registration Section =====*/
.vote-register-wrap {
  float: left;
  width: 100%;
}
.vote-register-inner {
  display: inline-block;
  max-width: 570px;
  width: 100%;
}
.vote-register-inner > form {
  float: left;
  width: 100%;
}
.select-wrap {
  float: left;
  width: 100%;
  text-align: left;
}
.select-wrap .chosen-container-single .chosen-single {
  -webkit-border-radius: inherit;
  border-radius: inherit;
  background-image: none;
  -webkit-box-shadow: 0 0 76px rgba(0,0,0,.2);
  -ms-box-shadow: 0 0 76px rgba(0,0,0,.2);
  -o-box-shadow: 0 0 76px rgba(0,0,0,.2);
  box-shadow: 0 0 76px rgba(0,0,0,.2);
  border: 0;
  background-color: #fff;
  font-size: 15px;
  color: #7f7f7f;
  padding: 26px 69px 26px 60px;
  height: initial;
  position: relative;
}
.select-wrap .chosen-container-single {
  -webkit-border-radius: inherit;
  border-radius: inherit;
}
.select-wrap .chosen-container-single .chosen-single:before {
  content: "\f0d7";
  position: absolute;
  right: 55px;
  font-family: fontawesome;
  font-style: normal;
  top: 50%;
  margin-top: -12px;
}
.select-wrap .chosen-with-drop .chosen-single {
  -webkit-border-radius: 40px 40px 0 0;
  border-radius: 40px 40px 0 0;
}
.select-wrap .chosen-with-drop .chosen-single:before {content: "\f0d8";}
.select-wrap .chosen-container-single .chosen-drop {
  -webkit-border-radius: 0 0 40px 40px;
  border-radius: 0 0 40px 40px;
  -webkit-box-shadow: 0 0 76px rgba(0,0,0,.2);
  -ms-box-shadow: 0 0 76px rgba(0,0,0,.2);
  -o-box-shadow: 0 0 76px rgba(0,0,0,.2);
  box-shadow: 0 0 76px rgba(0,0,0,.2);
  border: 0;
  overflow: hidden;
}
.select-wrap .chosen-container-single .chosen-drop > * {padding: 10px;}
.select-wrap .chosen-container-single .chosen-drop .chosen-results > li {padding: 10px 20px;}
.select-wrap .chosen-container-single .chosen-drop .chosen-results > li.highlighted {
  background-image: none;
  color: #fff;
}
.select-wrap .chosen-container-single .chosen-drop .chosen-results > li.result-selected {color: #fff;}
.register-btns {
  float: left;
  width: 100%;
}
.register-btns > a,
ing-soon-form-wrap > a.brd-btn,
.contact-wrap.style2 .contact-form-wrap > form button.brd-btn {
  float: left;
  width: 100%;
  margin-top: 20px;
  padding: 23px 40px 22px;
  -webkit-box-shadow: 0 4px 9px rgba(0,0,0,.26);
  -ms-box-shadow: 0 4px 9px rgba(0,0,0,.26);
  -o-box-shadow: 0 4px 9px rgba(0,0,0,.26);
  box-shadow: 0 4px 9px rgba(0,0,0,.26);
  color: #fff;
  font-family: arimo;
  font-weight: 700;
  font-size: 15px;
  border: 5px solid #fff;
}
.register-btns > a.fill-btn:hover,
.register-btns > a.fill-btn:focus {
  background-color: transparent;
  border-color: #fff;
}
/*===== Sponsors Section =====*/
.sponsors-carousel {
  float: left;
  width: 100%;
}
.sponsor-box {
  float: left;
  width: 100%;
}
.sponsor-box > a {
  display: inline-block;
  margin-bottom: -5px;
}
/*===== Footer =====*/
.footer-wrap {
  float: left;
  margin-left: -142.5px;
  width: calc(100% + 285px);
}
.footer-about {
  float: left;
  position: relative;
  padding: 40px 50px 40px;
  margin: -90px 0 0;
  width: 100%;
  z-index: 1;
  -webkit-box-shadow: 0 0 140px rgba(0,0,0,.11);
  -ms-box-shadow: 0 0 140px rgba(0,0,0,.11);
  -o-box-shadow: 0 0 140px rgba(0,0,0,.11);
  box-shadow: 0 0 140px rgba(0,0,0,.11);
}
.footer-about::before {
  background-color: inherit;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -40px;
  bottom: 0;
  z-index: -1;
  -webkit-border-radius: inherit;
  border-radius: inherit;
}
.footer-about .logo {
  width: 100%;
  margin-bottom: 30px;
}
.footer-about > p {
  color: #d5d5d5;
  margin-bottom: 0;
}
.social-btns {
  float: left;
  width: 100%;
  margin-top: 23px;
}
.social-btns > span {
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  font-family: arimo;
  width: 100%;
  display: block;
  margin-bottom: 10px;
}
.social-btns > a {
  margin: 5px 5px 0 0;
  font-size: 14px;
  float: left;
  text-align: center;
  line-height: 42px;
  width: 42px;
  color: #fff;
  background-color: rgba(0,0,0,.4);
}
.spaclft65 {padding-left: 65px;}
.remove-ext11 .widget-box {margin-bottom: 70px;}
.widget-box {
  float: left;
  width: 100%;
}
.dark-bg .widget-box > h5 {color: #fff;}
.widget-box > h5 {
  font-weight: 500;
  margin-bottom: 20px;
  color: #333;font-size: 22px;
}
.widget-box > h5 span {font-weight: 600;}
.widget-box ul {
  padding: 0;
  list-style: none;
  margin-bottom: 0;
  float: left;
  width: 100%;
}
.dark-bg .widget-box ul li {color: #bababa;}
.widget-box ul li {
  position: relative;
  font-size: 16px;
  float: left;
  width: 100%;
  padding-left: 16px;
}
.widget-box ul li + li {margin-top: 17px;}
.widget-box ul li::before {
  content: "\f061";
  position: absolute;
  left: 0;
  font-family: fontawesome;
  font-size: 12px;
  color: #666;
  top: 0px;
}



.flicker-gallery {margin: 0 -2.5px -5px;}
.flicker-gallery > div {
  padding: 0 2.5px 5px;
  float: left;
    width: 33.3333333333333333333%;
 
}
.flicker-gallery > div a {
  float: left;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.flicker-gallery > div a:hover::before {opacity: .5;}
.flicker-gallery > div a::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #000;
  opacity: 0;
}
.flicker-gallery img {width: 100%;}
/*===== Footer Newsletter =====*/
.newsletter-wrap2 {
  float: left;
  margin-top: 100px;
  width: 100%;
  display: table;
}
.newsletter-wrap2 > * {
  display: table-cell;
  vertical-align: middle;
}
.newsletter-wrap2 > h4,
.newsletter-wrap2 > h5 {
  font-weight: 800;
  color: #fff;
  margin-bottom: 0;
  padding-right: 70px;
}
.newsletter-wrap2 > h4 span,
.newsletter-wrap2 > h5 span {
  display: block;
  font-weight: 600;
  font-size: 24px;
}
.dark-bg .newsletter-wrap2 > h4,
.dark-bg .newsletter-wrap2 > h5 {color: #fff;}
.newsletter-wrap2 > form {
  width: 435px;
  position: relative;
}
.newsletter-wrap2 > form input {
  float: left;
  width: 100%;
  padding: 21px 100px 21px 50px;
  -webkit-box-shadow: 0 0 76px rgba(0,0,0,.2);
  -ms-box-shadow: 0 0 76px rgba(0,0,0,.2);
  -o-box-shadow: 0 0 76px rgba(0,0,0,.2);
  box-shadow: 0 0 76px rgba(0,0,0,.2);
  font-style: italic;
  font-size: 16px;
  color: #7f7f7f;
}
.newsletter-wrap2 > form button {
  position: absolute;
  background-color: transparent;
  right: 35px;
  color: #504f4f;
  top: 0;
  bottom: 0;
  font-size: 20px;
}
.facts-wrap2 {padding-left: 80px;}
.fact-box2 {
  float: left;
  padding: 0 30px;
  position: relative;
}
.fact-box2 +.fact-box2:before {
  position: absolute;
  content: "";
  height: 50px;
  width: 1px;
  top: 50%;
  background-color: rgba(255,255,255,.1);
  margin-top: -25px;
  left: 0;
}
.fact-box2:last-child {padding-right: 0;}
.fact-box2 > span {
  font-size: 18px;
  font-weight: 600;
  font-family: arimo;
  display: block;
}
.fact-box2 > h4,
.fact-box2 > h3 {
  margin-bottom: 0;
  font-weight: 800;
  color: #615f5f;
}
.fact-box2 > h4 small,
.fact-box2 > h3 small {
  font-size: 24px;
  font-weight: inherit;
}
/*===== Bottom Bar =====*/
.bottom-bar {
  float: left;
  width: 100%;
  padding: 39px 20px;
  background-color: #f5f5f5;
}
.bottom-bar p {
  float: left;
  margin-bottom: 0;
  font-family: arimo;
  color: #777;
  font-weight: 500;
  font-size: 16px;
}
.bottom-bar p a {display: inline-block;}
.bottom-links {
  float: right;
  padding: 0;
  list-style: none;
  margin-bottom: 0;
}
.bottom-links > li {
  float: left;
  margin-left: 35px;
  font-size: 14px;
  font-weight: 700;
  font-family: arimo;
  color: #222;
  line-height: 26px;
}
/*===== Page Top =====*/
.page-top-wrap {
  float: left;
  padding: 30px 0 0;
  width: 100%;
}
.page-top-inner {display: inline-block;}
.page-top-inner > h1 {
  color: #fff;
  font-weight: 800;
  margin-bottom: 8px;
  font-size: 36px;
}
.breadcrumb {
  display: inline-block;
  background-color: transparent;
  padding: 0;
  margin-bottom: 0;padding-top: 5px;
}
.breadcrumb > li {
  float: left;
  color: #ddd;
  font-size: 16px;
  font-family: arimo;
}
.breadcrumb-item + .breadcrumb-item::before {
  font-family: fontawesome;
  content: "\f105";
  color: #ddd;
  padding: 0 10px;
}
/*===== Pagination =====*/
.pagination-wrap {
  float: left;
  margin-top: 80px;
  width: 100%;
}
.pagination {
  display: inline-block;
  margin-bottom: -15px;
  -webkit-border-radius: 0;
  border-radius: 0;
  text-align: center;
}
.pagination > li {
  float: left;
  margin: 0 10px 10px 0;
  font-size: 14px;
  font-weight: 800;
  color: #333;
  font-family: arimo;
}
.text-center .pagination > li {margin: 0 5px 10px}
.page-link,
.page-item.prev .page-link,
.page-item.next .page-link {
  padding: 0;
  border: 0;
  line-height: 58px;
  color: inherit;
  width: 58px;
  position: relative;
  z-index: 1;
}
.page-link:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  -webkit-border-radius: inherit;
  border-radius: inherit;
  z-index: -1;
  background-color: #e8e8e8;
}
.page-link:hover,
.page-item.active .page-link,
.page-link:focus,
.page-item.prev .page-link:hover,
.page-item.next .page-link:hover,
.page-item.prev .page-link:focus,
.page-item.next .page-link:focus {
  background-color: transparent;
  color: #fff;
}
/*===== Header Style 2 =====*/
header.style2 .header-top {
  padding: 7px 55px 9px 15px;
  background-color: #0687b5;    height: 36px;
}

.logo > a img {
    width: 240px;
    padding-top: 15px;
  
}




header.style2 .header-top .logo {
    -webkit-border-radius: 0 0 5px 5px;
    -ms-box-shadow: 0 3px 7px rgba(0,0,0,.15);
    -o-box-shadow: 0 3px 7px rgba(0,0,0,.15);
    z-index: 1;
    position: relative;
    background-color: transparent;
}
header.style2 .header-top .theme-btn {
  float: right;
  padding: 13.25px 40px;
  margin-right: 15px;
  font-size: 13px;
}
header.style2 .header-top .top-links {margin-top: 13px;}
header.style2 .header-top .social-share {
    position: absolute;
    right: 12px;
    top: 6px;
}
.social-share {display: inline-block;}
.social-share > strong {
  font-weight: 800;
  font-family: playfair display;
  font-size: 14px;
  color: #fff;
  float: left;
  margin-right: 25px;
}
.social-share > a {
  font-size: 14px;
  color: #d5d5d5;
  position: relative;
  margin: 0 12px;
  float: left;
}
.social-share > a:before {
  content: "";
  position: absolute;
  right: -12px;
  background-color: #c1c1c1;
  height: 10px;
  top: 50%;
  margin-top: -5px;
  width: 1px;
}
.social-share > a:last-child:before {display: none;}
header.style2 .menu-wrapper {
  background-color: #0194c9;
  padding-left: 420px;
}
header.style2 .menu-wrapper nav:before,
header.style2 .menu-wrapper nav:after {display: none;}
header.style2 nav > div > ul > li {
  line-height: 100px;
  color: #222;
}
header.style2 .header-search-wrap {
  line-height: initial;
  text-align: center;
}
header.style2 .header-search-wrap > a {
  display: block;
  background-color: #ddd;
  color: #222;
  padding: 29.5px 45px;
}
header.style2 .header-search-wrap > a > i {
  display: block;
  font-size: 18px;
  margin: 0 0 6px;
}
header.style2 .header-search {
  left: -420px;
  right: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
header.style2 .header-search.active {height: 100px;}
header.style2 .search-close-btn {line-height: 100px;}
.header-cart {
  float: right;
  background-color: #f0f0f0;
  text-align: center;
}
.header-cart > a {
  display: block;
  padding: 28.5px 43px;
  font-family: arimo;
  font-size: 14px;
  color: #222;
  font-weight: 700;
}
.header-cart > a i {
  display: block;
  margin-bottom: 8px;
}
header.style2 nav > div {float: right;}
header.style2 nav > div > ul {margin-right: 30px;}
/*===== Campaign Style 2 =====*/
.campaign-volunteer-unit-sec.style2 {
  margin: 0;
  width: 100%;
}
.campaign-volunteer-unit-sec.style2 .fea-box {
  position: relative;
  padding: 157px 150px;
  z-index: 1;
  min-height: 645px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.campaign-volunteer-unit-sec.style2 .fea-box:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: #000c17;
}
.campaign-volunteer-unit-sec.style2 .fea-inf > h4 {color: #fff;}
.campaign-volunteer-unit-sec.style2 .fea-inf > p {color: #ececec;}
.campaign-volunteer-unit-sec.style2 .campaign-box {padding: 159.5px 100px;}
.campaign-volunteer-unit-sec.style2 .fea-inf > a > i {color: #fff;}
.campaign-volunteer-unit-sec.style2 .campaign-box > h6 {color: #d8d8d8;}
.campaign-volunteer-unit-sec.style2 .campaign-box > h1 {
  color: #fff;
  font-size: 80px;
}
.campaign-volunteer-unit-sec.style2 .campaign-box > a.theme-btn2:hover,
.campaign-volunteer-unit-sec.style2 .campaign-box > a.theme-btn2:focus {background-color: #333;}
/*===== Newletter Style 2 =====*/
.newsletter-wrap.style2 {
  padding: 0 0 0 20px;
  min-height: initial;
}
/*===== Chairman Message Sec =====*/
.chairman-message {
  float: left;
  padding: 129px 0;
  width: 100%;
}
.chairman-message > h1 {  font-weight: 800;}
.chairman-message > h1 span {
  font-size: 36px;
  display: block;
}
.chairman-message > blockquote {
  font-style: italic;
  font-size: 22px;
  line-height: 30px;
  color: #555;
  margin: 21px 0;
  position: relative;
  padding: 0;
  border: 0;
  display: block;
}
.chairman-message > blockquote i {
  position: absolute;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
  z-index: -1;
  right: 100px;
  color: #cfcfcf;
  font-size: 100px;
  top: -20px;
}
.chairman-info {
  display: inline-block;
  margin-top: 25px;
  vertical-align: middle;
  margin-right: 40px;
}
.chairman-info > h6 {
  font-weight: 800;
  margin-bottom: 2px;
}
.chairman-info > span {
  font-family: arimo;
  font-size: 16px;
  font-weight: 500;
}
.chairman-message > img {
  display: inline-block;
  vertical-align: middle;
  margin-top: 20px;
}
/*===== About Sec =====*/
.about-post-box {
  float: left;
  overflow: hidden;
  position: relative;
  width: 100%;
  -webkit-box-shadow: 0 0 76px rgba(0,0,0,.2);
  -ms-box-shadow: 0 0 76px rgba(0,0,0,.2);
  -o-box-shadow: 0 0 76px rgba(0,0,0,.2);
  box-shadow: 0 0 76px rgba(0,0,0,.2);
}
.about-post-thumb {
  float: left;
  position: relative;
  width: 100%;
}
.about-post-info {
  float: left;
  padding: 40px 45px 45px;
  width: 100%;
  background-color: #fff;
}
.about-post-info > h6 {margin-bottom: 15px;}
.about-post-info > p {margin-bottom: 0;}
.remove-ext3 .about-post-box {margin-bottom: 30px;}
/*===== Event Style 2 =====*/
.event-carousel {
  float: left;
  position: relative;
  width: 100%;
  margin: -76px 0;
}
.event-carousel:before {
  content: "";
  background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 32%, rgba(255,255,255,0.7) 65%, rgba(255,255,255,0) 100%);
  background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 32%,rgba(255,255,255,0.7) 65%,rgba(255,255,255,0) 100%);
  background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 32%,rgba(255,255,255,0.7) 65%,rgba(255,255,255,0) 100%);
  position: absolute;
  top: 122px;
  left: 0;
  width: 500px;
  z-index: 1;
  bottom: 122px;
}
.gray-bg .event-carousel:before {
  background: -moz-linear-gradient(left, rgba(242,242,242,1) 0%, rgba(242,242,242,1) 32%, rgba(242,242,242,0.7) 65%, rgba(242,242,242,0) 100%);
  background: -webkit-linear-gradient(left, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 32%,rgba(242,242,242,0.7) 65%,rgba(242,242,242,0) 100%);
  background: linear-gradient(to right, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 32%,rgba(242,242,242,0.7) 65%,rgba(242,242,242,0) 100%);
}
.event-carousel::after {
  content: "";
  background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 32%, rgba(255,255,255,0.7) 65%, rgba(255,255,255,0) 100%);
  background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 32%,rgba(255,255,255,0.7) 65%,rgba(255,255,255,0) 100%);
  background: linear-gradient(to left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 32%,rgba(255,255,255,0.7) 65%,rgba(255,255,255,0) 100%);
  position: absolute;
  right: 0;
  top: 122px;
  bottom: 122px;
  width: 500px;
}
.gray-bg .event-carousel::after {
  background: -moz-linear-gradient(left, rgba(242,242,242,1) 0%, rgba(242,242,242,1) 32%, rgba(242,242,242,0.7) 65%, rgba(242,242,242,0) 100%);
  background: -webkit-linear-gradient(left, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 32%,rgba(242,242,242,0.7) 65%,rgba(242,242,242,0) 100%);
  background: linear-gradient(to left, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 32%,rgba(242,242,242,0.7) 65%,rgba(242,242,242,0) 100%);
}
.event-carousel > div.slick-arrows {
  position: absolute;
  top: 50%;
  z-index: 1;
  font-size: 50px;
  color: #000;
  cursor: pointer;
}
.event-carousel > div.slick-prev {left: 200px;}
.event-carousel > div.slick-next {right: 200px;}
.event-box2 {
  float: left;
  overflow: hidden;
  position: relative;
  width: 100%;
  -webkit-box-shadow: 0 0 76px rgba(0,0,0,.2);
  -ms-box-shadow: 0 0 76px rgba(0,0,0,.2);
  -o-box-shadow: 0 0 76px rgba(0,0,0,.2);
  box-shadow: 0 0 76px rgba(0,0,0,.2);
}
.remove-ext3 .event-box2 {margin-bottom: 30px;}
.event-box2 > a {
  float: left;
  width: 100%;
}
.event-info2 {
  position: absolute;
  bottom: 60px;
  left: 60px;
  max-width: 590px;
  width: 100%;
  -webkit-border-radius: inherit;
  border-radius: inherit;
  background-color: #fff;
  padding: 35px 48px 32px 180px;
  z-index: 1;
}
.event-carousel .event-box2 {  
  -webkit-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  -webkit-transform: scale(.82);
  -ms-transform: scale(.82);
  -o-transform: scale(.82);
  transform: scale(.82);
}
.event-carousel .event-box2.slick-center {
  -webkit-box-shadow: 0 0 76px rgba(0,0,0,.2);
  -ms-box-shadow: 0 0 76px rgba(0,0,0,.2);
  -o-box-shadow: 0 0 76px rgba(0,0,0,.2);
  box-shadow: 0 0 76px rgba(0,0,0,.2);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.event-carousel .event-box2 .event-info2 {
  opacity: 0;
  visibility: hidden;
}
.event-carousel .event-box2.slick-center .event-info2 {
  opacity: 1;
  visibility: visible;
}
.event-info2 .event-date {
  position: absolute;
  left: 40px;
  color: #fff;
  -webkit-box-shadow: 0 0 76px rgba(0,0,0,.2);
  -ms-box-shadow: 0 0 76px rgba(0,0,0,.2);
  -o-box-shadow: 0 0 76px rgba(0,0,0,.2);
  box-shadow: 0 0 76px rgba(0,0,0,.2);
  font-weight: 700;
  font-family: arimo;
  font-size: 36px;
  text-align: center;
  padding: 34px 20px 30px;
  min-width: 110px;
  line-height: 25px;
  top: -35px;
}
.event-info2 .event-date > span {
  display: block;
  font-size: 13px;
  font-weight: 700;
  margin-top: 6px;
}
.event-info2 > h5 {
  font-weight: 800;
  margin-bottom: 0;
}
.event-info2 > ul {
  border-top: 0;
  padding-top: 0;
  margin-top: -6px;
}
.event-carousel .slick-list {
  padding-top: 76px !important;
  padding-bottom: 46px !important;
}
/*===== Causes Section =====*/
.causes-wrap {
  float: left;
  width: 100%;
}
.remove-ext3 .cause-box {margin-bottom: 30px;}
.remove-ext5 .cause-box {margin-bottom: 40px;}
.cause-box {
  float: left;
  overflow: hidden;
  width: 100%;
  -webkit-box-shadow: 0 0 76px rgba(0,0,0,.2);
  -ms-box-shadow: 0 0 76px rgba(0,0,0,.2);
  -o-box-shadow: 0 0 76px rgba(0,0,0,.2);
  box-shadow: 0 0 76px rgba(0,0,0,.2);
  background-color: #fff;
}
.cause-thumb {
  float: left;
  width: 100%;
  position: relative;
}
.cause-thumb img {width: 100%;}
.cause-thumb > a {
  position: absolute;
  right: 0;
  color: #fff;
  bottom: 20px;
  -webkit-border-radius: 33px 0 0 33px;
  border-radius: 33px 0 0 33px;
  font-family: arimo;
  font-weight: 700;
  font-size: 14px;
  padding: 15.5px 40px;
  -webkit-box-shadow: 0 4px 9px rgba(0,0,0,.26);
  -ms-box-shadow: 0 4px 9px rgba(0,0,0,.26);
  -o-box-shadow: 0 4px 9px rgba(0,0,0,.26);
  box-shadow: 0 4px 9px rgba(0,0,0,.26);
}
.cause-info {
  float: left;
  padding: 36px 45px 70px;
  width: 100%;
}
.cause-info > h6 {}
.cause-info > p {margin: 12px 0 0;}
.goal, 
.raise {
  display: inline-block;
  font-family: arimo;
  font-size: 14px;
  font-weight: 700;
  color: #555;
  margin-top: 20px;
}
.raise {float: right;}
.goal > span.price, 
.raise > span.price {font-size: 16px;}
.cause-box .progress {
  background-color: #e9e9e9;
  height: 13px;
  float: left;
  width: 100%;
  position: relative;
  overflow: initial;
  display: block;
  margin-top: 12px;
}
.cause-box .progress .progress-bar {
  top: 3px;
  left: 3px;
  right: 3px;
  bottom: 3px;
  display: block;
  position: absolute;
}
.cause-box .progress > span {
  position: absolute;
  right: 10px;
  background-color: inherit;
  bottom: -31px;
  color: #222;
  font-size: 13px;
  z-index: 1;
  font-weight: 700;
  font-family: arimo;
  padding: 2px 12px;
}
.cause-box .progress > span i {font-weight: 300;}
.cause-box .progress > span::before {
  content: "";
  position: absolute;
  left: 50%;
  border-bottom: 5px solid #e9e9e9;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  margin-top: -7px;
  margin-left: -5px;
}
/*===== Cause List Style =====*/
.cause-box.list {display: table;}
.cause-box.list > * {
  display: table-cell;
  vertical-align: middle;
  float: none;
}
.col-md-8 .cause-box.list .cause-thumb {width: 45.5%;}
.col-md-9 .cause-box.list .cause-thumb,
.col-md-12 .cause-box.list .cause-thumb {width: 50.6%;}
.col-md-9 .cause-box.list .cause-info {padding: 46px 58px 70px 58px;}
/*===== Side Data =====*/
.side-wrap {
  float: left;
  margin-top: -50px;
  padding-left: 45px;
  width: 100%;
}
.twitter-feeds-wrap {
  float: left;
  margin-top: 50px;
  position: relative;
  width: 100%;
  -webkit-box-shadow: 0 0 76px rgba(0,0,0,.2);
  -ms-box-shadow: 0 0 76px rgba(0,0,0,.2);
  -o-box-shadow: 0 0 76px rgba(0,0,0,.2);
  box-shadow: 0 0 76px rgba(0,0,0,.2);
  padding: 70px 50px 70px 60px;
  z-index: 1;
  overflow: hidden;
}
.twitter-feeds-wrap:before {
  content: "\f099";
  font-family: fontawesome;
  position: absolute;
  bottom: -40px;
  left: -30px;
  color: rgba(255,255,255,.15);
  font-size: 260px;
  line-height: initial;
  z-index: -1;
}
.twitter-feeds-wrap > h5 {
  color: #fff;
  font-weight: 800;
  margin-bottom: 33px;
  font-size: 30px;
}
.tweets-carousel {
  float: left;
  width: 100%;
}
.tweet-item {
  float: left;
  width: 100%;
}
.tweet-item > p {
  font-size: 15px;
  color: #fff;
  line-height: 22px;
}
.tweet-item > a {
  display: inline-block;
  color: #fff;
  font-size: 15px;
}
.tweet-author-info {
  position: relative;
  padding-left: 35px;
  margin-top: 40px;
}
.tweet-author-info > i {
  position: absolute;
  left: 0;
  color: #fff;
  font-size: 26px;
  top: -4px;
}
.tweet-author-info > h6 {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: -3px;
}
.tweet-author-info > span {
  color: #fff;
  font-family: arimo;
  font-size: 14px;
}
.tweets-carousel .owl-dots {
  top: auto;
  bottom: 10px;
  right: -5px;
}
.tweets-carousel .owl-dots > div {
  height: 10px;
  width: 10px;
  margin-left: 2px;
}
.side-support {
  float: left;
  margin-top: 30px;
  padding: 55px 50px 60px;
  width: 100%;
  -webkit-box-shadow: 0 0 76px rgba(0,0,0,.2);
  -ms-box-shadow: 0 0 76px rgba(0,0,0,.2);
  -o-box-shadow: 0 0 76px rgba(0,0,0,.2);
  box-shadow: 0 0 76px rgba(0,0,0,.2);
}
.side-support > h6 {
  color: #fff;
  margin-bottom: 0;
}
.side-support > .theme-btn {
  margin-top: 30px;
  padding: 21.5px 45px;
}
.side-support > .theme-btn:hover,
.side-support > .theme-btn:focus {background-color: #222;}
/*===== History Section =====*/
.history-wrap {
  float: left;
  width: 100%;
}
.history-inner {display: inline-block;}
.history-inner > h5 {
  font-weight: 700;
  margin: 27px 0 0;
}
.blue-bg-layer .history-inner > h5, 
.blue-bg-layer .history-inner > h1,
.blue-bg-layer .history-inner > a {color: #fff;}
.history-inner > h1 {
  font-size: 70px;
  font-weight: 800;
  margin-bottom: 0;
}
.history-inner > h1 small {
  display: block;
  font-weight: inherit;
  font-size: 50px;
  margin-bottom: -10px;
}
.history-inner > h1 span {font-weight: 600;}
.history-inner > a {
  font-size: 107px;
  margin-top: 30px;
  line-height: initial;
  display: inline-block;
}
/*===== Updates Grid No Images =====*/
.updates-no-image .post-info {
  border-top: 3px solid #d9d9d9;
  margin-top: 0;
  padding-top: 45px;
}
/*===== Gallery Pages =====*/
.gallery-wrap {
  float: left;
  margin-left: -100px;
  width: calc(100% + 200px);
}
.gallery-box {
  float: left;
  overflow: hidden;
  width: 100%;
}
.remove-ext3 .gallery-box {margin-bottom: 30px;}
.remove-ext .gallery-box {margin-bottom: 20px;}
.gallery-box > a {
  float: left;
  position: relative;
  width: 100%;
}
.gallery-box > a:hover img {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.gallery-box > a:before {z-index: 1;}
.gallery-wrap2 {
  float: left;
  margin-left: -90px;
  width: calc(100% + 180px);
}
/*===== Sidebar Widgets =====*/

.textwidget {
  float: left;
  width: 100%;
}
.textwidget > p {
  font-style: italic;
  margin: 0;
}
.textwidget > p + p {margin-top: 20px;}
.posts-wrap {
  float: left;
  width: 100%;
}
.mini-post-box {
  float: left;
  width: 100%;
  display: table;
}
.mini-post-box + .mini-post-box {margin-top: 30px;}
.mini-post-box > * {
  display: table-cell;
  vertical-align: middle;
}
.mini-post-box > a {
  width: 80px;
  overflow: hidden;
  position: relative;
}
.mini-post-info {padding-left: 25px;}
.mini-post-info > h6 {
  font-size: 16px;
  color: #333;
  margin-bottom: 7px;
}
.mini-post-meta {
  display: inline-block;
  font-size: 14px;
  color: #555;
}
.mini-post-meta > a {display: inline-block;}
.mini-post-meta > a i {margin-right: 7px;}
.widget-box.style2 ul li {
  font-size: 17px;
  color: #444;
  font-weight: 500;
}
.widget-box.style2 ul li:before {
  content: "\f101";
  font-size: inherit;
  font-weight: 400;
  color: #7d7d7d;
}
.widget-box.style2 ul li + li {margin-top: 20px;}
.widget-box form > input + input {margin-top: 10px;}
.select-wrap2,
.shipping-calculator-form .chosen-container {
  float: left;
  margin-top: 10px;
  width: 100%;
}
.shipping-calculator-form .chosen-container {
  -webkit-border-radius: 33px;
  border-radius: 33px;
}
.select-wrap2 .chosen-container {
  -webkit-border-radius: inherit;
  border-radius: inherit;
}
.select-wrap2 .chosen-container > a,
.shipping-calculator-form .chosen-container > a {
  -webkit-border-radius: inherit;
  border-radius: inherit;
  -webkit-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border: 0;
  background-image: none;
  background-color: #e6e6e6;
  color: #777;
  font-size: 14px;
  padding: 13px 35px;
  height: initial;
}
.select-wrap2 .chosen-container > a:before,
.shipping-calculator-form .chosen-container > a:before {
  content: "\f107";
  font-family: fontawesome;
  position: absolute;
  right: 30px;
  font-size: 15px;
  top: 0;
  bottom: 0;
  line-height: 50px;
}
.select-wrap2 .chosen-with-drop > a::before,
.shipping-calculator-form .chosen-with-drop > a:before {content: "\f106";}
.select-wrap2 .chosen-container-active.chosen-with-drop a.chosen-single,
.shipping-calculator-form .chosen-container-active.chosen-with-drop a.chosen-single {
  border: 0;
  background-image: none;
}
.widget-box form > button {
  width: 100%;
  margin-top: 10px;
}
.select-wrap2 .chosen-drop {
  border: 0;
  background-color: #e6e6e6;
}
.select-wrap2 .chosen-drop .chosen-results > li,
.shipping-calculator-form .chosen-drop .chosen-results > li {font-size: 14px;}
.select-wrap2 .chosen-drop .chosen-results > li:before {display: none;}
.select-wrap2 .chosen-drop .chosen-results > li.result-selected, 
.select-wrap2 .chosen-drop .chosen-results > li.highlighted,
.shipping-calculator-form .chosen-drop .chosen-results > li.result-selected, 
.shipping-calculator-form .chosen-drop .chosen-results > li.highlighted {
  background-image: none;
  color: #fff;
}
/*===== Branches Page =====*/
.search-branch-area-wrap,
.volunteer-form-wrap {
  float: left;
  width: 100%;
}
.search-branch-area-wrap > h3,
.volunteer-form-wrap > h3 {
  font-weight: 800;
  margin-bottom: 0;
  color: #333;
}
.search-branch-form,
.volunteer-form {
  float: left;
  width: 100%;
}
.select-wrap2.style2 .chosen-container > a {
  line-height: 34px;
  padding: 13px 50px;
}
.select-wrap2.style2 {
  margin-top: 30px;
  text-align: left;
}

.select-wrap2.style2 .chosen-container > a::before {
  content: "\f0d7";
  line-height: 60px;
}
.select-wrap2.style2 .chosen-with-wrop > a::before {content: "\f0d8";}
.search-branch-form button,
.volunteer-form button {margin-top: 10px;}
.search-branch-form button.big,
.volunteer-form button.big {padding: 15px 50px;}
.search-branch-form input.chosen-search-input,
.volunteer-form input.chosen-search-input {
  margin-top: 0;
  padding: 0;
  height: initial;
}
.chosen-container .chosen-drop {padding: 10px;}
.chosen-container .chosen-drop > * {
  padding: 0;
  margin: 0;
  float: left;
  width: 100%;
}
.chosen-container .chosen-drop > ul {margin-top: 10px;}
/*===== Branches Page =====*/
.branch-box {
  float: left;
  overflow: hidden;
  width: 100%;
  -webkit-box-shadow: 0 0 78px rgba(0,0,0,.2);
  -ms-box-shadow: 0 0 78px rgba(0,0,0,.2);
  -o-box-shadow: 0 0 78px rgba(0,0,0,.2);
  box-shadow: 0 0 78px rgba(0,0,0,.2);
}
.remove-ext3 .branch-box {margin-bottom: 30px;}
.branch-thumb {
  float: left;
  width: 100%;
}
.branch-thumb > img {width: 100%;}
.branch-info {
  float: left;
  padding: 40px 50px 45px;
  width: 100%;
}
.branch-info > h6 {margin-bottom: 0;}
.post-meta2 {
  display: inline-block;
  padding-left: 0;
  list-style: none;
  margin: 0;
}
.post-meta2 > li {
  position: relative;
  padding-left: 40px;
  font-size: 15px;
  color: #555;
  margin-top: 24px;
  font-weight: 500;
}
.post-meta2 > li i {
  position: absolute;
  left: 0;
  font-size: 20px;
  top: 0;
}
/*===== Home 2 Boxed Version =====*/
.boxed .campaign-volunteer-unit-sec.style2 .fea-box {padding: 157px 130px;}
body.boxed .event-carousel::before,
body.boxed .event-carousel::after {
  top: 112px;
  bottom: 112px;
}
/*===== Error Page =====*/
.error-wrap {
  float: left;
  width: 100%;
}
.error-inner h1 {
  font-size: 250px;
  font-weight: 800;
  color: #222;
  line-height: 170px;
  margin: 55px 0 30px;
  padding-right: 35px;
  position: relative;
  font-family: arimo;
  -webkit-text-stroke: 10px #222;
  -ms-text-stroke: 10px #222;
  -o-text-stroke: 10px #222;
  text-stroke: 10px #222;
}
.error-inner h1 span {color: #000;}
.error-inner h1 strong {
  font-size: 70px;
  display: block;
  text-align: right;
  line-height: initial;
  margin-top: 3px;
  font-family: playfair display;
  -webkit-text-stroke: 0;
  -ms-text-stroke: 0;
  -o-text-stroke: 0;
  text-stroke: 0;
}
.error-form-wrap {
  float: left;
  padding-left: 130px;
  width: 100%;
}
.error-inner h1:before {
  top: 43%;
  height: 185px;
  width: 1px;
  background-color: #cfcfcf;
  content: "";
  position: absolute;
  right: -60px;
  margin-top: -92.5px;
}
.error-form-wrap > h2 {
  font-size: 50px;
  font-weight: 800;
  margin-bottom: 10px;
  color: #333;
}
.error-form-wrap > h2 strong {display: block;}
.error-form-wrap > h2 span {font-weight: 300;}
.error-form-wrap > h5 {
  color: #555;
  margin-bottom: 0;
  font-size: 19px;
}
.error-form {
  float: left;
  width: 100%;
  margin-top: 65px;
  position: relative;
}
.error-form > input {
  float: left;
  width: 100%;
  background-color: #e6e6e6;
  padding: 10px 55px;
  color: #777;
  font-size: 15px;
  height: 80px;
}
.error-form > button {
  position: absolute;
  right: 50px;
  background-color: transparent;
  font-size: 16px;
  padding: 0 0 0 15px;
  top: 50%;
  margin-top: -12px;
  color: #333;
}
.error-form > button:before {
  content: "";
  position: absolute;
  height: 12px;
  width: 1px;
  background-color: #aeaeae;
  left: 0;
  top: 50%;
  margin-top: -6px;
}
.error-form-wrap > a {margin-top: 40px;}
/*===== Coming Soon =====*/
ing-soon-wrap {
  float: left;
  padding: 92.5px 0;
  width: 100%;
}
ing-soon-inner h1 {
  color: #fff;
  font-weight: 800;
  font-size: 105px;
  text-align: right;
  line-height: 120px;
  margin-bottom: 30px;
}
ing-soon-inner h1 span {
  font-weight: 300;
  font-size: 50px;
  line-height: 83px;
}
ing-soon-form-wrap {
  float: left;
  padding-left: 105px;
  width: 100%;
}
ing-soon-form-wrap > p {
  font-size: 20px;
  color: #cfcfcf;
  line-height: 28px;
  margin-bottom: 20px;
}
.countdown {
  display: inline-block;
  padding-left: 0;
  list-style: none;
  margin: 15px 0 40px;
  text-align: center;
  width: 100%;
}
.countdown > li {
  float: left;
  margin: 7px 7px 0 0;
  background-color: #fff;
  padding: 30.5px 15px;
  max-width: 105px;
  width: 100%;
}
.countdown > li span {
  font-size: 28.14px;
  color: #222;
  font-family: arimo;
  font-weight: 600;
  display: inline-block;
}
.countdown > li p {
  margin: 3px 0 0;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 15.35px;
  font-family: playfair display;
  line-height: inherit;
}
ing-soon-form-wrap > h4 {
  color: #fff;
  margin: 10px 0 0;
}
ing-soon-form {
  float: left;
  position: relative;
  padding-right: 90px;
  width: 100%;
  margin-top: 30px;
}
ing-soon-form > input {
  float: left;
  width: 100%;
  padding: 10px 60px;
  font-style: italic;
  height: 80px;
  color: #777;
  font-size: 16px;
  -webkit-box-shadow: 0 0 18px rgba(0,0,0,.18);
  -ms-box-shadow: 0 0 18px rgba(0,0,0,.18);
  -o-box-shadow: 0 0 18px rgba(0,0,0,.18);
  box-shadow: 0 0 18px rgba(0,0,0,.18);
}
ing-soon-form > button.big {
  position: absolute;
  right: 0;
  top: 8px;
  bottom: 8px;
  padding: 21.5px 45px;
}
ing-soon-form-wrap > a.brd-btn {
  margin-top: 30px;
  width: auto;
  padding: 19.5px 40px;
  border-width: 4px;
  -webkit-box-shadow: 0 0 32px rgba(0,0,0,.2);
  -ms-box-shadow: 0 0 32px rgba(0,0,0,.2);
  -o-box-shadow: 0 0 32px rgba(0,0,0,.2);
  box-shadow: 0 0 32px rgba(0,0,0,.2);
}
/*===== Team Section =====*/
.remove-ext3 .team-box {margin-bottom: 30px;}
.team-box {
  float: left;
  overflow: hidden;
  width: 100%;
  -webkit-box-shadow: 0 0 78px rgba(0,0,0,.2);
  -ms-box-shadow: 0 0 78px rgba(0,0,0,.2);
  -o-box-shadow: 0 0 78px rgba(0,0,0,.2);
  box-shadow: 0 0 78px rgba(0,0,0,.2);
}
.team-thumb {
  float: left;
  position: relative;
  width: 100%;
}
.team-info {
  float: left;
  padding: 25px 50px 25px 50px;
  position: relative;
  width: 100%;
}
.team-info > h5 {font-weight: 600;     font-size: 22px;}
.team-info > span {
  font-weight: 500;
  font-size: 16px;
  font-family: arimo;
  display: inline-block;    color: #666666;
}
.social-btns-wrap {
  position: absolute;
  right: 50px;
  top: 50%;
  text-align: center;
}
.social-btns-wrap > i {
  font-size: 16px;
  color: #6c6c6c;
  line-height: 42px;
  width: 43px;
  border: 1px solid #b0b0b0;
  height: 43px;
  cursor: pointer;
}
.social-btns-wrap .social-btns2 {
  position: absolute;
  bottom: 100%;
  width: 100%;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
}
.social-btns-wrap .social-btns2 > a {
  display: inline-block;
  line-height: 35px;
  width: 35px;
  background-color: #fff;
  font-size: 13px;
  color: #6c6c6c;
  margin-bottom: 5px;
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
  -ms-box-shadow: 0 0 10px rgba(0,0,0,.2);
  -o-box-shadow: 0 0 10px rgba(0,0,0,.2);
  box-shadow: 0 0 10px rgba(0,0,0,.2);
  -webkit-transform: scale(.7);
  -ms-transform: scale(.7);
  -o-transform: scale(.7);
  transform: scale(.7);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}
.social-btns-wrap .social-btns2 > a:hover,
.social-btns-wrap .social-btns2 > a:focus,
.social-btns-wrap:hover > i {color: #fff;}
.social-btns-wrap:hover .social-btns2 > a {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.social-btns-wrap:hover > .social-btns2 {
  opacity: 1;
  visibility: visible;
}
/*===== Donation Page =====*/
.donation-form-wrap {
  float: left;
  width: 100%;
}
.donation-form-wrap > h3 {
  font-weight: 800;
  margin-bottom: 25px;
  color: #333;
}
.give_error {
  float: left;
  width: 100%;
  position: relative;
  padding-left: 20px;
}
.give_error > p {
  margin-bottom: 0;
  float: left;
  width: 100%;
  padding: 17px 35px;
  background-color: #eee;
  -webkit-border-radius: 5px 30px 30px 5px;
  border-radius: 5px 30px 30px 5px;
  border-left: 5px solid;
  position: relative;
  font-style: italic;
  font-size: 15px;
  font-family: arimo;
}
.give_error > p:before {
  content: "\f071";
  font-family: fontawesome;
  position: absolute;
  left: -11px;
  top: 50%;
  color: #fff;
  z-index: 1;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-style: normal;
}
.give_error > p::after {
  content: "";
  height: 35px;
  width: 35px;
  background-color: #000;
  position: absolute;
  left: -20.5px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-border-radius: 3px;
  border-radius: 3px;
  top: 50%;
  margin-top: -17px;
}
.give_error > p strong {
  font-weight: 800;
  color: #033333;
  font-style: normal;
  font-size: 14px;
  margin-right: 5px;
}
.give-form {
  float: left;
  width: 100%;
  margin-top: 55px;
}
.give-total-wrap {
  float: left;
  width: 100%;
}
.give-donation-amount {
  float: left;
  width: 100%;
}
.give-donation-amount > label {
  font-size: 20px;
  font-weight: 700;
  color: #333;
  font-family: playfair display;
  float: left;
  width: 100%;
  margin-bottom: 28px;
}
.give-donation-amount > span {
  float: left;
  color: #fff;
  background-color: #000;
  -webkit-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
  line-height: 60px;
  width: 68px;
  font-family: arimo;
  text-align: center;
  font-weight: 800;
  font-size: 20px;
}
.give-donation-amount > input {
  float: left;
  max-width: 110px;
  -webkit-border-radius: 0 30px 30px 0;
  border-radius: 0 30px 30px 0;
  width: 100%;
  background-color: #e6e6e6;
  color: #222;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  font-family: arimo;
  height: 60px;
  padding: 10px;
}
.give-donation-levels-wrap {
  float: left;
  width: 100%;
  padding-left: 0;
  list-style: none;
  margin: 30px 0 0;
}
.give-donation-levels-wrap > li {
  float: left;
  background-color: #e6e6e6;
  -webkit-border-radius: 36px;
  border-radius: 36px;
  margin: 10px 10px 0 0;
  padding: 20px 40px;
}
.give-donation-levels-wrap > li label {
  margin-bottom: 0;
  cursor: pointer;
  font-weight: 600;
  font-family: arimo;
  font-size: 20px;
  color: #333;
}
.give-donation-levels-wrap > li input {
  margin-right: 10px;
  height: 20px;
  float: left;
}
#give-payment-mode-select {
  float: left;
  width: 100%;
  margin-top: 60px;
}
#give-payment-mode-select > legend {
  font-family: playfair display;
  font-size: 20px;
  color: #333;
  font-weight: 700;
  margin-bottom: 20px;
}
#give-payment-mode-wrap {
  float: left;
  width: 100%;
}
#give-gateway-radio-list {
  float: left;
  width: 100%;
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}
#give-gateway-radio-list > li {
  float: left;
  margin: 10px 145px 0 0;
}
#give-gateway-radio-list > li input {margin-right: 10px;}
#give-gateway-radio-list > li label {
  margin-bottom: 0;
  font-family: arimo;
  font-weight: 700;
  color: #333;
  font-size: 16px;
  cursor: pointer;
}
.card-details {
  float: left;
  width: 100%;
  margin-top: 15px;
}
.card-detail-field {
  float: left;
  position: relative;
  width: 100%;
  margin-top: 30px;
}
.card-detail-field > input {
  float: left;
  width: 100%;
  background-color: #e6e6e6;
  font-size: 14px;
  color: #777;
  padding: 10px 40px;
  height: 70px;
  -webkit-border-radius: 36px;
  border-radius: 36px;
}
.card-details .select-wrap2 {margin-top: 30px;}
.card-details .select-wrap2 .chosen-container > a {
  padding: 23px 50px;
  -webkit-border-radius: 36px;
  border-radius: 36px;
}
.card-details .select-wrap2 .chosen-container > a::before {
  line-height: 70px;
  right: 40px;
  color: #000;
  font-size: 20px;
  font-style: normal;
}
.card-details .select-wrap2 .chosen-with-drop a.chosen-single {
  -webkit-border-radius: 36px 36px 0 0;
  border-radius: 36px 36px 0 0;
}
.card-detail-field > img {
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
#give_purchase_form_wrap {
  float: left;
  width: 100%;
  margin-top: 70px;
}
#give_checkout_user_info {
  float: left;
  width: 100%;
}
#give_checkout_user_info > legend {
  font-family: playfair display;
  font-size: 24px;
  color: #333;
  font-weight: 700;
  margin: 0;
}
#give_checkout_user_info > p {
  float: left;
  width: 50%;
  margin: 30px 0 0;
}
#give_checkout_user_info > p#give-first-name-wrap {padding-right: 15px;}
#give_checkout_user_info > p#give-last-name-wrap {padding-left: 15px;}
#give_checkout_user_info > p#give-email-wrap {width: 100%;}
#give_checkout_user_info > p input {
  float: left;
  width: 100%;
  padding: 10px 30px;
  font-size: 14px;
  color: #777;
  height: 60px;
  background-color: #e6e6e6;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
#give_purchase_submit {
  float: left;
  width: 100%;
  margin-top: 30px;
}
#give_purchase_submit > p {
  float: left;
  width: 100%;
  position: relative;
  margin: 0;
}
#give_purchase_submit > p span.give-donation-total-label {
  float: left;
  background-color: #d1d1d1;
  -webkit-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
  font-family: arimo;
  padding: 17px 25px 17px 30px;
  font-weight: 700;
  font-size: 14px;
  color: #222;
  position: absolute;
  left: 0;
}
#give_purchase_submit > p span.give-final-total-amount {
  float: left;
  width: 100%;
  line-height: 60px;
  padding: 0 30px 0 198px;
  background-color: #e6e6e6;
  -webkit-border-radius: 5px 30px 30px 5px;
  border-radius: 5px 30px 30px 5px;
  font-family: arimo;
  color: #222;
  font-size: 20px;
  font-weight: 600;
}
.give-submit-button-wrap {
  float: left;
  width: 100%;
  margin-top: 55px;
}
.give-submit-button-wrap > input[type="submit"] {
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 14px;
  background-color: #000;
  -webkit-border-radius: 36px;
  border-radius: 36px;
  padding: 24px 60px;
  font-family: arimo;
}
/*===== Contact Page Style 1 =====*/
.contact-wrap {
  float: left;
  width: 100%;
}
.map-canvas {
  float: left;
  width: 100%;
}
#contact-map1 {height: 550px;}
.contact-info-sec {
  float: left;
  width: 100%;
}
.contact-info-sec > h2 {
  font-weight: 800;
  margin-bottom: 15px;
  color: #333;
}
.contact-info-sec > p {
  max-width: 50%;
  margin-bottom: 0;
}
.contact-info-list {
  float: left;
  list-style: none;
  margin: 10px 0 0;
  padding-left: 0;
  width: 100%;
}
.contact-info-list > li {
  float: left;
  width: 33.334%;
  padding: 20px 30px 25px 100px;
  margin-top: 30px;
  font-weight: 500;
  font-size: 17px;
  line-height: 26px;
  position: relative;
}
.contact-info-list > li i {
  float: left;
  text-align: center;
  line-height: 84px;
  width: 84px;
  -webkit-box-shadow: 0 0 78px rgba(0,0,0,.2);
  -ms-box-shadow: 0 0 78px rgba(0,0,0,.2);
  -o-box-shadow: 0 0 78px rgba(0,0,0,.2);
  box-shadow: 0 0 78px rgba(0,0,0,.2);
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -40px;
  font-size: 36px;
}
.contact-info-list > li span {display: block;}
.contact-info-list > li span,
.contact-info-list > li a {margin-top: 5px;}
.contact-info-list > li a {display: inline-block;}
.contact-form-wrap {
  float: left;
  width: 100%;
}
.contact-form-wrap > h5 {
  font-weight: 800;
  margin-bottom: 0;
  color: #333;
}
.contact-form-wrap > form {
  float: left;
  width: 100%;
}
.contact-form-wrap > form input,
.contact-form-wrap > form textarea {
  float: left;
  width: 100%;
  margin-top: 30px;
  font-size: 16px;
  padding: 20px 50px;
  color: #666666;
  background-color: #e6e6e6;
}
.contact-form-wrap > form textarea {height: 243px;}
.contact-form-wrap > form button {
  float: right;
  margin-top: 30px;
}
/*===== Contact Style 2 =====*/
#contact-map2 {height: 690px;}
.contact-wrap.style2 .contact-info-sec {margin-top: 13px;}
.contact-wrap.style2 .contact-info-sec > p {max-width: 100%;}
.contact-wrap.style2 .contact-info-list {margin-top: 20px;}
.contact-wrap.style2 .contact-info-list > li {
  width: 100%;
  max-width: 80%;
  padding: 15px 30px 15px 100px;
}
.contact-wrap.style2 .contact-form-wrap {
  padding: 75px 90px 80px;
  margin-bottom: -205px;
  z-index: 1;
  position: relative;
  -webkit-box-shadow: 0 0 140px rgba(0,0,0,0.11);
  -ms-box-shadow: 0 0 140px rgba(0,0,0,0.11);
  -o-box-shadow: 0 0 140px rgba(0,0,0,0.11);
  box-shadow: 0 0 140px rgba(0,0,0,0.11);
}
.contact-wrap.style2 .contact-form-wrap > h3 {
  color: #fff;
  font-weight: 800;
  margin-bottom: 5px;
}
.contact-wrap.style2 .contact-form-wrap > p {
  font-family: arimo;
  color: #fff;
  font-weight: 400;
  margin-bottom: 30px;
}
.contact-wrap.style2 .contact-form-wrap > form input,
.contact-wrap.style2 .contact-form-wrap > form textarea {margin-top: 10px;}
.contact-wrap.style2 .contact-form-wrap > form button.brd-btn {
  background-color: transparent;
  padding: 19px 40px 18px;
  margin-top: 30px;
}
/*===== Blog Detail =====*/
.post-detail-wrap {
  float: left;
  width: 100%;
}
.post-detail-thumb {
  float: left;
  width: 100%;
}
.post-detail-thumb > img {width: 100%;}
.post-detail-inner {
  float: left;
  padding: 43px 70px 0;
  width: 100%;
}
.post-detail-inner > h4 + p {margin-top: 30px;}
.post-detail-info {
}
.cat-wrap {margin-bottom: 30px;}
.cat-wrap > a, .tags-wrap > a {
  display: inline-block;
  margin: 7px 4px 0 0;
  padding: 6.5px 25px;
  color: #fff;
  font-style: italic;
  font-size: 14px;
  background-color: red;
  font-family: arimo;
  font-weight: 600;
}
.post-detail-info .post-meta {margin-bottom: 32px;}
.post-detail-inner > p {margin: 0 0 30px;}
blockquote {
  padding: 47px 65px 45px 75px;
  border: 5px dashed #c2c2c2;
  position: relative;
  margin: 35px 0 65px;
  width: 100%;
  display: inline-block;
}
blockquote > p {
  font-size: 20px;
  font-style: italic;
  position: relative;
  margin-bottom: 0;
}
blockquote > p i.fa {
  font-size: 47px;
  color: #dedede;
  position: absolute;
  z-index: -1;
  left: -30px;
  top: -13px;
}
.post-detail-inner h1
.post-detail-inner h2,
.post-detail-inner h3,
.post-detail-inner h4,
.post-detail-inner h5,
.post-detail-inner h6 {
  font-weight: 800;
  color: #333;
}
.post-detail-inner > p + h4 {
  margin-top: 25px;
  display: inline-block;
  margin-bottom: 0;
}
.post-detail-inner > ul {
  margin: 20px 0 40px;
  display: inline-block;
}
.post-detail-inner > ul li {
  font-size: 17px;
  font-family: arimo;
  font-weight: 500;
  color: #333;
  margin: 13px 0;
  float: left;
  width: 100%;
}
.gallery {
  margin: 0 -15px 65px;
  display: inline-block;
}
.gallery-columns-3 {}
.gallery-item {
  display: inline-block;
  float: left;
  padding: 0 15px;
  margin-top: 30px;
}
.gallery-columns-3 .gallery-item {width: 33.334%;}
.gallery-item > a {
  float: left;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.gallery-item img {width: 100%;}
.gallery-item > a:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: #000;
  opacity: 0;
}
.gallery-item > a:hover:before {opacity: .4;}
.tags-wrap {
  float: left;
  width: 100%;
  margin-top: 45px;
}
.tags-wrap > strong,
.social-share2 > strong {
  font-weight: 700;
  font-family: playfair display;
  color: #222;
  font-size: 26px;
  margin-right: 35px;
  float: left;
  margin-top: 6px;
  line-height: 34px;
}
.social-share2 > strong {margin-right: 20px;}
.social-share2 {
  float: left;
  width: 100%;
  margin-top: 47px;
}
.social-share2 > a {
  display: inline-block;
  line-height: 42px;
  width: 42px;
  text-align: center;
  font-size: 14px;
  color: #333;
  background-color: #ececec;
  margin-top: 2px;
}
.social-share2 > a:hover,
.social-share2 > a:focus {color: #fff;}
/*===== Author Box =====*/
.post-author-box {
  border: 5px dashed #c2c2c2;
  float: left;
  padding: 45px 70px 45px 65px;
  width: 100%;
  margin-top: 60px;
}
.author-thumb {
  float: left;
  margin-right: 35px;
}
.author-info {
  margin-top: 5px;
  display: table;
}
.author-info > h6 {
  display: inline-block;
  font-weight: 800;
}
.author-info .social-share2 {
  width: auto;
  float: right;
  margin: -9px 0 0;
}
.author-info > p {
  float: left;
  margin: 10px 0 0;
  width: 100%;
}
/*===== Related Posts =====*/
.related-posts {margin-top: 60px;}
.releated-post-carousel,
.related-posts {
  float: left;
  width: 100%;
}
.owl-carousel .post-meta > li img {
  width: auto;
  display: inline-block;
}
/*===== Comments Section =====*/
ments-thread {
  float: left;
  margin-top: 90px;
  width: 100%;
}
ments-thread > h4 {
  font-weight: 800;
  margin-bottom: 15px;
  color: #333;
}
ments-list {
  float: left;
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
  width: 100%;
}
ments-list > li {
  float: left;
  width: 100%;
}
ments-list .children {
  list-style: none;
  margin-bottom: 0;
  float: left;
  width: 100%;
  padding-left: 105px;
}
ment {
  float: left;
  margin-top: 30px;
  width: 100%;
  border: 5px dashed #c2c2c2;
  padding: 40px 45px 40px 65px;
}
ment-thumb {
  float: left;
  margin-right: 30px;
}
ment-details {display: table;}
ment-details > h1,
ment-details > h2,
ment-details > h3,
ment-details > h4,
ment-details > h5,
ment-details > h6 {font-weight: 800;}
ment-details > h6:first-child {display: inline-block;}
ment-details > spanment-time {
  display: inline-block;
  margin-left: 20px;
  font-size: 14px;
  vertical-align: top;
  margin-top: 3px;
}
ment-details > spanment-time i {
  margin-right: 5px;
  font-size: 15px;
}
ment-reply-link {
  font-size: 13px;
  font-family: arimo;
  font-weight: 700;
  color: #222;
  background-color: #cfcfcf;
  padding: 8px 25px;
  float: right;
  margin-top: -4px;
}
ment-details > p {
  float: left;
  width: 100%;
  font-style: italic;
  margin: 15px 0 0;
}
ment-reply-link:hover,
ment-reply-link:focus {color: #fff;}
/*===== Comment Reply Section =====*/
ment-respond {
  float: left;
  width: 100%;
  margin-top: 90px;
}
ment-respond > h4 {
  font-weight: 800;
  margin-bottom: 0;
  color: #333;
}
ment-respond > form {
  float: left;
  width: 100%;
}
ment-respond > form input,
ment-respond > form textarea {
  margin-top: 30px;
  float: left;
  width: 100%;
  background-color: #e6e6e6;
  padding: 19.5px 30px;
  color: #777;
  font-size: 14px;
}
ment-respond > form textarea {height: 250px;}
ment-respond > form button {
  float: right;
  margin-top: 30px;
}
/*===== Cause Detail =====*/
.donors-sec {
  float: left;
  margin: 35px 0 50px;
  width: 100%;
}
.donors-sec > h4 {
  font-weight: 800;
  margin-bottom: 30px;
}
.remove-ext6 .donor-box {margin-bottom: 45px;}
.donor-box {
  float: left;
  width: 100%;
}
.donor-box > img {
  float: left;
  margin-right: 20px;
}
.donor-info {display: table;}
.donor-info > h6 {
  font-weight: 800;
  margin-bottom: 5px;
  color: #444;
}
.donor-info > span {
  font-size: 13px;
  font-family: arimo;
  display: block;
}
.donor-info > span.donated {
  font-size: 16px;
  font-weight: 700;
  color: #555;
  margin-top: 5px;
}
.donor-info > span.donated span {
  display: inline-block;
  font-size: 18px;
  margin-left: 3px;
}
.cause-goals {
  float: left;
  width: 100%;
}
.cause-goals > div {
  margin: 0;
  font-size: 18px;
  margin-bottom: 10px;
}
.cause-goals > div > span {font-size: 24px;}
.cause-goals .progress {
  position: relative;
  display: block;
  float: left;
  width: 100%;
  height: 28px;
  background-color: #e9e9e9;
  padding: 5px;
  overflow: initial;
  margin-bottom: 31px;
}
.cause-goals .progress .progress-bar {
  float: left;
  width: 100%;
  display: block;
  height: 100%;
}
.cause-goals .progress > span {
  position: absolute;
  bottom: -31px;
  color: #222;
  font-size: 13px;
  font-weight: 700;
  font-family: arimo;
  background-color: #e9e9e9;
  padding: 2px 12px;
  right: 10px;
  z-index: 1;
}
.cause-goals .progress > span i {
  font-style: normal;
  font-weight: 400;
}
.cause-goals .progress > span:before {
  content: "";
  position: absolute;
  margin-top: -7px;
  border-bottom: 5px solid #e9e9e9;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  margin-left: -5px;
  left: 50%;
}
.cause-info-list {
  width: 100%;
  padding-left: 0;
  list-style: none;
  margin: 5px 0 0;
  display: inline-block;
}
.cause-info-list > li {
  float: left;
  width: 50%;
  font-family: arimo;
  font-weight: 700;
  color: #222;
  font-size: 16px;
  margin-top: 18px;
}
.cause-info-list > li span,.cause-info-list > li a {
  display: inline-block;
  font-size: 14px;
  color: #787878;
  margin-left: 50px;
}
.cause-info-list > li:nth-child(2n) {text-align: right;}
.post-detail-info > a.theme-btn2 {margin: 45px 0 45px;}
/*===== Event Detail =====*/
.alignleft {
  float: left;
  margin: 0 30px 20px 0;
}
.alignright {
  float: right;
  margin: 0 0 20px 30px;
}
.event-detail .post-detail-inner > p + h4 {
  display: inherit;
  margin-top: -25px;
}
.event-detail .post-detail-inner > ul {display: inherit;}
.event-detail .post-detail-inner > ul > li {float: none;}
.event-detail .post-detail-inner > h4 + ul {padding-left: 48%;}
.event-detail-info {
  display: table;
  width: 100%;
  margin: 20px 0 70px;
}
.event-detail-info-inner {
  width: 50%;
  display: table-cell;
  vertical-align: middle;
}
.event-detail-info-inner > h5 {
  font-weight: 800;
  margin-bottom: 0;
}
.event-info-list {
  display: inline-block;
  padding-left: 0;
  list-style: none;
  margin: 15px 0 0;
}
.event-info-list > li {
  float: left;
  width: 100%;
  margin-top: 17px;
  font-size: 16px;
  font-weight: 700;
  font-family: arimo;
  color: #222;
}
.event-info-list > li span,
.event-info-list > li a {
  display: inline-block;
  width: 50%;
  float: right;
  font-size: 14px;
  color: #787878;
}
.event-detail-info-inner > a.big {
  padding: 21.5px 50px;
  margin-top: 50px;
}
.event-detail-info > div:last-child {padding-left: 45px;}
.event-location {
  float: left;
  width: 100%;
  height: 274px;
}
/*===== Product Detail =====*/
.product-detail-box {
  float: left;
  width: 100%;
}
.product-detail-img-wrap {
  float: left;
  width: 40%;
  text-align: center;
}
.product-detail-img-wrap > ul {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
  float: left;
  width: 100%;
}
.product-detail-img-wrap > ul.product-detail-nav-list {
  float: none;
  display: inline-block;
  max-width: 420px;
}
.product-detail-thumb-img {
  float: left;
  width: 100%;
  position: relative;
  cursor: pointer;
  margin-top: 20px;
}
.product-detail-thumb-img:before {
  content: "";
  position: absolute;
  top: 100px;
  left: 100px;
  right: 100px;
  bottom: 100px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  opacity: 0;
}
.product-detail-img-wrap > ul.product-detail-nav-list li.slick-current .product-detail-thumb-img:before {
  opacity: .5;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.product-detail-thumb-img img {width: 100%;}
.product-detail-img-wrap > ul.product-detail-nav-list li {padding: 0 10px;}
.product-detail-content {
  float: left;
  width: 60%;
  padding: 0 70px;
}
.product-tags > a {
  font-size: 16px;
  font-weight: 600;
  font-family: arimo;
  display: inline-block;
}
.product-tags {display: inline-block;}
.product-detail-content > h3 {
  font-weight: 800;
  color: #333;
}
.product-rating {
  display: inline-block;
  margin-bottom: 15px;
}
.star-rating {
  font-size: 14px;
  margin-right: 3px;
  display: inline-block;
}
.review-link {
  display: inline-block;
  font-size: 14px;
  font-family: arimo;
  font-style: italic;
  text-decoration: underline;
}
.product-detail-content .price {
  font-size: 18px;
  color: #acacac;
  font-weight: 700;
  direction: rtl;
  display: block;
}
.product-detail-content .price ins {font-size: 26px;}
.product-detail-content > form.cart {
  display: inline-block;
  margin-top: 30px;
}
.add_to_wishlist {
  display: inline-block;
  color: #777;
  background-color: #e7e7e7;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  line-height: 42px;
  width: 42px;
  text-align: center;
  font-size: 14px;
  margin-left: 10px;
}
.add_to_wishlist:hover,
.add_to_wishlist:focus {color: #fff;}
.product_meta {
  float: left;
  width: 100%;
  margin-top: 60px;
}
.product_meta > span {
  float: left;
  width: 100%;
  margin-top: 10px;
  color: #222;
  font-family: arimo;
  font-weight: 700;
  font-size: 18px;
}
.product_meta > span span,.product_meta > span a {
  display: inline-block;
  color: #7d7d7d;
}
.product-detail-content .social-share2 {margin-top: 30px;}
.product-detail-content .social-share2 > strong {
  font-size: 22px;
  font-weight: 700;
}
.cart .quantity {
  display: inline-block;
  margin-right: 20px;
  max-width: 145px;
  width: 100%;
  background-color: #e9e9e9;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}
.cart .quantity .input-group {display: block;}
.cart .quantity .input-group .form-control {
  width: 100%;
  text-align: center;
  border: 0;
  background-color: transparent;
  font-weight: 700;
  font-size: 14px;
  font-family: arimo;
  color: #222;
  height: 68px;
  padding: 10px 40px;
  display: block;
}
.cart .quantity .input-group .input-group-btn {
  position: absolute;
  top: 50%;
  margin-top: -12.5px;
  z-index: 1;
  width: 25px;
}
.cart .quantity .input-group .input-group-btn:first-child {left: 13px;}
.cart .quantity .input-group .input-group-btn:last-child {right: 13px;}
.cart .quantity .input-group .input-group-btn button {
  -webkit-border-radius: 30px 5px 5px 30px;
  border-radius: 30px 5px 5px 30px;
  font-size: 13px;
  font-weight: 700;
  padding: 0;
  line-height: 25px;
  text-align: center;
  width: 25px;
  font-family: arimo;
  position: relative;
  background-color: #fff;
}
.cart .quantity .input-group .input-group-btn:last-child button {
  -webkit-border-radius: 5px 30px 30px 5px;
  border-radius: 5px 30px 30px 5px;
}
.cart .quantity .input-group .form-control:focus {
  outline: none;
  -webkit-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
/*===== Product Tabs =====*/
.product-detail-tabs {
  float: left;
  width: 100%;
  margin-top: 100px;
}
.product-detail-tabs > ul.nav-tabs {
  float: left;
  width: 100%;
  display: block;
  border-bottom: 0;
}
.product-detail-tabs > ul.nav-tabs li.nav-item {
  margin-bottom: 0;
  float: left;
  font-size: 18px;
  font-family: arimo;
  font-weight: 800;
  color: #333;
}
.product-detail-tabs > ul.nav-tabs li.nav-item a.nav-link {
  border: 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  padding: 28px 40px;
}
.product-detail-tabs > ul.nav-tabs li.nav-item a.nav-link.active {background-color: #e1e1e1;}
.product-detail-tabs .tab-content {
  float: left;
  width: 100%;
}
.product-detail-tabs .tab-content .tab-pane {
  float: left;
  padding: 65px 60px;
  width: 100%;
  background-color: #f5f4f4;
  -webkit-box-shadow: 0 0 78px rgba(0,0,0,.2);
  -ms-box-shadow: 0 0 78px rgba(0,0,0,.2);
  -o-box-shadow: 0 0 78px rgba(0,0,0,.2);
  box-shadow: 0 0 78px rgba(0,0,0,.2);
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.product-detail-tabs .tab-content .tab-pane > p {margin-bottom: 0;}
.product-detail-tabs .tab-content .tab-pane > p + p {margin-top: 30px;}
.shop_attributes {
  float: left;
  width: 100%;
}
.shop_attributes tbody tr:nth-child(2n+1) {background-color: #fff;}
.shop_attributes tbody tr th,.shop_attributes tbody tr td {padding: 15px 20px 15px 40px;}
.shop_attributes tbody tr th {
  font-weight: 700;
  font-size: 13px;
  font-family: arimo;
}
.shop_attributes tbody tr td {
  font-size: 16px;
  color: #555;
  padding-left: 0;
}
/*===== Product Review Tab =====*/
.review_form {
  float: left;
  width: 100%;
}
.review_form ment-respond {margin-top: 0;}
ment-reply-title {
  float: left;
  width: 100%;
  font-weight: 700;
  font-size: 22px;
  font-family: playfair display;
  color: #222;
  margin-bottom: 10px;
}
ment-form h4 {font-weight: 800;}
ment-form > p {
  float: left;
  width: 100%;
}
ment-respond > formment-form pment-notes {margin-bottom: 20px;}
ment-respond > formment-form input {margin-top: 20px;}
ment-respond > formment-form p {margin-bottom: 0;}
ment-form-rating {
  float: left;
  width: 100%;
  margin-top: 30px;
}
ment-form-rating > label {
  font-size: 22px;
  font-weight: 700;
  font-family: playfair display;
  color: #222;
}
.stars > span {
  color: #979696;
  font-size: 18px;
}
ment-respond > formment-form p.form-submit {margin-top: 10px;}
ment-respond > formment-form p.form-submit .theme-btn2 {
  width: auto;
  float: right;
  padding: 21.5px 55px;
}
/*===== Cart page =====*/
.product-cart-wrap {
  float: left;
  width: 100%;
}
.cart-form {
  float: left;
  width: 100%;
}
.shop_table {
  float: left;
  width: 100%;
}
.shop_table tr th {
  font-size: 14px;
  font-family: arimo;
  font-weight: 700;
}
.shop_table.cart tr th {
  font-weight: 800;
  padding: 40px;
  color: #fff;
}
.shop_table.cart thead {background-color: #333232;}
.shop_table.cart {
  -webkit-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
}
.shop_table.cart tr th:first-child {padding-left: 70px;}
.shop_table.cart tbody tr:nth-child(2n+1) {background-color: #f4f4f4;}
.shop_table.cart tr td {padding: 30px 20px;}
.shop_table.cart tr td.product-thumbnail {
  padding-left: 0;
  padding-right: 0;
}
.shop_table.cart tr td.product-remove {
  padding-left: 70px;
  padding-right: 0;
}
.shop_table.cart tr td.product-remove > a {
  font-size: 20px;
  color: #787878;
}
.shop_table.cart tr td.product-thumbnail > a {overflow: hidden;}
.shop_table.cart tr td.product-name {padding-left: 0;}
.shop_table.cart tr td.product-name > a {
  font-weight: 700;
  font-family: playfair display;
  font-size: 22px;
  color: #333;
}
.shop_table.cart tr td.product-price,
.shop_table.cart tr td.product-subtotal {
  font-size: 18px;
  font-weight: 700;
  font-family: arimo;
  color: #333;
}

.shop_table.cart tr td.actions {padding: 30px 0;}
.coupon {
  max-width: 60%;
  width: 100%;
  float: left;
}
.coupon input.input-text,
.shipping-calculator-form input.input-text {
  background-color: #e6e6e6;
  padding: 10px 30px;
  font-size: 14px;
  color: #777;
  margin-right: 10px;
  height: 60px;
  width: 66%;
  -webkit-border-radius: 33px;
  border-radius: 33px;
}
.shipping-calculator-form input.input-text {width: 100%;}
.coupon input[type="submit"],
.actions > input[type="submit"] {
  color: #333;
  font-size: 14px;
  font-weight: 700;
  font-family: arimo;
  padding: 15.5px 39px 14px;
  background-color: transparent;
  border: 3px solid #333;
}
.coupon input[type="submit"]:hover, 
.coupon input[type="submit"]:focus,
.actions > input[type="submit"]:hover, 
.actions > input[type="submit"]:focus {color: #fff;}
.actions > input[type="submit"] {float: right;}
.cart-collaterals {
  float: right;
  max-width: 450px;
  width: 100%;
  padding: 50px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #f4f4f4;
}
.cart_totals {
  float: left;
  width: 100%;
}
.cart_totals > h4 {
  font-weight: 800;
  color: #333;
  margin-bottom: 30px;
}
.cart_totals .shop_table tr td {
  color: #7d7d7d;
  font-family: arimo;
  font-weight: 700;
  font-size: 14px;
}
.shipping-calculator-form {display: none;}
.proceed-to-checkout {
  float: left;
  width: 100%;
  margin-top: 30px;
}
.shipping-calculator-button {margin: 20px 0 10px;}
/*===== Checkout Page =====*/
.checkout-form-wrap {
  float: left;
  width: 100%;
  padding-right: 40px;
}
.checkout-form-wrap > h4 {font-weight: 800;}
.checkout-form-wrap > span {
  color: #555;
  font-size: 16px;
}
.checkout-form {
  float: left;
  margin: 0;
  width: 100%;
}
.checkout-form input,
.checkout-form textarea {
  float: left;
  width: 100%;
  background-color: #e6e6e6;
  padding: 20px 30px;
  font-size: 14px;
  color: #777;
  margin-top: 30px;
}
.checkout-opt {
  float: left;
  width: 100%;
  padding-left: 0;
  list-style: none;
  margin: 40px 0 40px;
}
.checkout-opt > li {
  float: left;
  width: 100%;
  margin-top: 10px;
}
.checkout-opt > li > input {
  width: auto;
  padding: 0;
  margin: 5px 10px 0 0;
}
.checkout-opt > li > label {
  font-weight: 700;
  font-family: arimo;
  color: #222;
  font-size: 15px;
}
.checkout-form textarea {
  margin-top: 12px;
  height: 165px;
}
.checkout-form h6 {font-weight: 800;}
.checkout-form .select-wrap2.style2 .chosen-container > a input {
  margin-top: 0;
  padding: 0;
}
.checkout-form .select-wrap2.style2 .chosen-container > a {padding: 13px 30px;}

.order-wrap {
  background-color: #f4f4f4;
  float: left;
  padding: 60px 65px;
  width: 100%;
}
.order-wrap > h4 {font-weight: 800;}
.checkout-review-order {
  float: left;
  width: 100%;
}
.checkout-review-order-table {margin-top: 15px;}
.checkout-review-order-table thead {border-bottom: 5px groove #acacac;}
.checkout-review-order-table thead tr th {
  font-size: 17px;
  font-family: arimo;
  color: #222;
  font-weight: 700;
  padding-bottom: 13px;
}
.checkout-review-order-table tr td,
.checkout-review-order-table tr th {
  font-weight: 700;
  font-size: 14px;
  padding: 13px 0;
  font-family: arimo;
}
.checkout-review-order-table tr td {color: #7d7d7d;}
.checkout-review-order-table tr th {color: #222;}
.checkout-payment {
  float: left;
  width: 100%;
  margin-top: 10px;
}
.payment_methods {
  padding-left: 0;
  list-style: none;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.payment_methods > li {
  float: left;
  width: 100%;
  margin-top: 15px;
}
.payment_methods > li input {margin-right: 5px;}
.payment_methods > li label {
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 700;
  color: #222;
  font-family: arimo;
}
.place-order {
  float: left;
  width: 100%;
  margin-top: 50px;
}
.place-order > input {width: 100%;}
/*===== Register Vote Popup =====*/
.register-vote-popup-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,.9);
  z-index: 9999;
  overflow-y: auto;
  opacity: 0;
  visibility: hidden;
}
.popup-close {
  position: absolute;
  right: 30px;
  top: 30px;
  background-color: #fff;
  line-height: 40px;
  cursor: pointer;
  width: 40px;
}
.popup-close:hover {color: #fff;}
html.popuo-active {overflow-y: hidden;}
html.popuo-active .register-vote-popup-wrapper {
  opacity: 1;
  visibility: visible;
}
.register-vote-popup {
  position: relative;
  display: inline-block;
  max-width: 570px;
  width: 100%;
  margin: 132px 0;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  overflow: hidden;
  background-color: #fff;
}
.register-vote-popup-title {
  float: left;
  padding: 31px 30px 31px 80px;
  width: 100%;
  text-align: left;
}
.register-vote-popup-title > h4 {
  color: #fff;
  font-weight: 800;
  margin-bottom: 0;
}
.register-vote-popup-form-wrap {
  float: left;
  padding: 30px 70px 55px;
  width: 100%;
}
.register-vote-popup-form-wrap > form {
  float: left;
  width: 100%;
}
.register-vote-popup-form-wrap > form .input-field {
  float: left;
  width: 100%;
  position: relative;
  margin-top: 10px;
}
.register-vote-popup-form-wrap > form input {
  float: left;
  padding: 18px 35px;
  width: 100%;
  font-size: 14px;
  color: #777;
  background-color: #e6e6e6;
}
.register-vote-popup-form-wrap > form .input-field i {
  position: absolute;
  right: 25px;
  line-height: 60px;
  color: #777;
  font-size: 14px;
}
.register-vote-popup-form-wrap > form .theme-btn2.big {
  padding: 23.5px 90px;
  margin-top: 20px;
}
/*===== Team Detail =====*/
.volunteer-details-wrap {
  float: left;
  width: 100%;
}
.volunteer-details-wrap img {width: 100%;}
.volunteer-detail-info {
  float: left;
  margin: 35px 0;
  position: relative;
  width: 100%;
  padding: 0 50px;
}
.volunteer-detail-info > h3 {
  font-weight: 800;
  margin-bottom: 5px;
}
.volunteer-detail-info > span {
  font-family: arimo;
  font-weight: 500;
  font-size: 16px;
  display: inline-block;
  float: left;
  width: 100%;
}
.volunteer-info-list {
  float: left;
  padding: 0;
  list-style: none;
  margin: 22px 0 0;
  width: 100%;
}
.volunteer-info-list > li {
  float: left;
  margin-top: 18px;
  width: 100%;
  font-size: 15px;
  font-weight: 500;
  position: relative;
  padding-left: 35px;
  line-height: 25px;
}
.volunteer-info-list > li i {
  position: absolute;
  left: 0;
  top: 4px;
}
.volunteer-detail-info .social-btns-wrap.style2 {margin-top: 65px;}
.social-btns-wrap.style2 {
  position: static;
  display: inline-block;
}
.volunteer-info-list > li a {display: inline-block;}
.social-btns-wrap.style2 .social-btns2 {
  bottom: 0;
  left: 100%;
  width: auto;
  height: 100%;
  min-width: 240px;
}
.social-btns-wrap.style2 .social-btns2 > a {
  float: left;
  margin: -10px 0 0 5px;
}
.social-btns-wrap.style2:hover .social-btns2 > a {margin-top: 4px;}
.volunteer-detail-desc {
  float: left;
  width: 100%;
}
.volunteer-detail-desc > p {margin-bottom: 0;}
.volunteer-detail-desc > p + p {margin-top: 35px;}
/*===== Volunteer Projects  =====*/
.volunteer-projects {
  float: left;
  margin-top: 90px;
  width: 100%;
}
.volunteer-projects-title > h3 {
  display: inline-block;
  margin: 5px 90px 0 0;
  font-weight: 800;
  vertical-align: middle;
  color: #333;
}
.volunteer-projects-title > p {
  display: inline-block;
  font-weight: 500;
  margin: 0;
  max-width: 30%;
  vertical-align: middle;
}
.volunteer-projects-title {
  float: left;
  margin-bottom: 60px;
  width: 100%;
}
.remove-ext3 .related-project-box {margin-bottom: 30px;}
.related-project-box {
  float: left;
  width: 100%;
  -webkit-box-shadow: 0 0 78px rgba(0,0,0,.2);
  -ms-box-shadow: 0 0 78px rgba(0,0,0,.2);
  -o-box-shadow: 0 0 78px rgba(0,0,0,.2);
  box-shadow: 0 0 78px rgba(0,0,0,.2);
  overflow: hidden;
  position: relative;
}
.related-project-info {
  float: left;
  width: 100%;
  padding: 40px 45px 37px 60px;
}
.proj-date {
  display: inline-block;
  font-size: 14px;
  color: #555;
}
.proj-date > a i {margin-right: 5px;}
.related-project-info > h6 {margin: 10px 0 0;}
/*===== Responsive Header =====*/
.res-header {
  background-color: #fff;
  float: left;
  display: none;
  width: 100%;
}
.res-header-top {
  float: left;
  width: 100%;
  background-color: #1e1e1e;
  text-align: center;
}
.res-header-top > * {
  float: left;
  width: 50%;
}
.res-top-links > a {
  float: left;
  width: 33.334%;
  padding: 12.5px 10px;
  color: #cbcbcb;
  font-size: 13px;
  font-family: arimo;
  font-weight: 600;
  background-color: rgba(255,255,255,.1);
}
.res-top-links > a i {margin-right: 6px;}
.res-top-links > a:nth-child(2n) {background-color: rgba(255,255,255,.05);}
.res-top-links2 > a {
  color: #fff;
  float: left;
  width: 50%;
  padding: 12.5px 10px;
  font-size: 13px;
  font-family: arimo;
  font-weight: 600;
}
.res-logo-sec {
  float: left;
  width: 100%;
  padding: 20.5px 30px;
}
.res-menu-btn {
  float: right;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  line-height: 36px;
  width: 36px;
  text-align: center;
  margin-top: 14px;
}
.res-menu {
  position: fixed;
  right: -290px;
  z-index: 99;
  width: 300px;
  background-color: rgba(30,30,30,.98);
  padding: 100px 30px 40px;
  top: 0;
  bottom: 0;
  opacity: 0;
  visibility: visible;
  overflow-x: hidden;
  overflow-y: auto;
}
.res-menu.slidein {
  opacity: 1;
  right: 0;
  visibility: visible;
}
.res-menu-close {
  position: absolute;
  right: 20px;
  top: 20px;
  background-color: #fff;
  color: #1a1a1a;
  line-height: 35px;
  width: 35px;
  text-align: center;
  font-size: 15px;
  cursor: pointer;
}
.res-menu-close:hover {color: #fff;}
.res-menu > ul {
  float: left;
  width: 100%;
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}
.res-menu > ul li {
  float: left;
  width: 100%;
  font-size: 13px;
  font-family: arimo;
  color: #fff;
  font-weight: 600;
  position: relative;
}
.res-menu > ul > li {
  font-weight: 700;
  font-size: 14px;
}
.res-menu > ul li a {
  padding: 6px 20px;
  float: left;
  width: 100%;
}
.res-menu > ul ul {
  padding-left: 20px;
  list-style: none;
  margin: 20px 0;
  display: none;
  float: left;
  width: 100%;
}
.res-menu > ul li.menu-item-has-children:before {
  content: "\f0d7";
  position: absolute;
  font-family: fontawesome;
  right: 10px;
  line-height: 32px;
}
.res-menu > ul li.menu-item-has-children.active:before {content: "\f0d8";}
.res-menu > ul li:hover > a,
.res-menu > ul li.active > a,
.res-menu > ul li a:focus {background-color: rgba(255,255,255,.05);}
.res-menu > ul > li > a {padding: 10px 20px;}
.res-menu > ul > li.menu-item-has-children::before {
  line-height: 40px;
  right: 15px;
}

.about-us > ul {
  float: left;
  width: 100%;
  margin: 20px 0 0;
  padding-left: 0;
  list-style: none;
}
.about-us > ul > li {
  float: left;
  width: 50%;
  margin: 5px 0;
  font-size: 15px;
  color: #666;
  padding: 0 25px 0 17px;
  position: relative;
}
.about-us > ul > li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background-color: blue;
}

.theme-bg .widget-box > h5, 
.theme-bg .widget-box ul li,
.theme-bg .fact-box2 > span.theme-clr,
.theme-bg .fact-box2 > h4 {color: #fff;}
.theme-bg .widget-box ul li:before {color: inherit;}
.rev-btn.theme-btn {
  border-width: 2px !important;
  border-style: solid;
}
.rev-btn.theme-btn:hover, 
.rev-btn.theme-btn:focus {background-color: transparent !important;}
.black-layer .sec-box-inner .sec-title > h2, 
.black-layer2 .sec-box-inner .sec-title > h2 {color: #333;}




.menugl:before {
    opacity: 1!important;
    left: 50%!important;
}

.menugl{position: relative}


 .jy-xwxq-container {
      max-width: 1400px;
      margin: 40px auto;
      padding: 0 20px;
      display: flex;
      gap: 30px;
      flex-wrap: nowrap;
      align-items: flex-start;    margin-bottom: 100px;
    }

    .jy-xwxq-left-section {
      flex: 0 0 75%;
    }

    .jy-xwxq-right-section {
      flex: 0 0 25%;
    }

    .jy-xwxq-card {
      background: #f9f9f9;
      border-radius: 16px;
      
      padding: 30px;
      margin-bottom: 30px;
      transition: all 0.3s ease;
    }


    .jy-xwxq-news-title {
      font-size: 32px;
      font-weight: 700;
      color: #1a1a1a;
      margin-bottom: 15px;
      line-height: 1.3;
    }

    .jy-xwxq-news-meta {
      display: flex;
      align-items: center;
      gap: 20px;
      color: #666;
      font-size: 14px;
      margin-bottom: 30px;
      padding-bottom: 20px;
      border-bottom: 1px solid #f0f0f0;
    }

    .jy-xwxq-news-meta span {
      display: flex;
      align-items: center;
      gap: 6px;
    }

    .jy-xwxq-news-content {
      font-size: 16px;
      color: #444;
      line-height: 1.8;
      margin-bottom: 40px;
    }

    .jy-xwxq-news-content p {
      margin-bottom: 20px;
    }

    .jy-xwxq-article-nav {
      display: flex;
      justify-content: space-between;
      margin-top: 20px;
    }

    .jy-xwxq-nav-btn {
      padding: 12px 24px;
      border: 1px solid #e0e0e0;
      border-radius: 8px;
      color: #333;
      text-decoration: none;
      transition: all 0.3s ease;
      display: inline-flex;
      align-items: center;
      gap: 8px;    font-size: 14px;
    }

    .jy-xwxq-nav-btn:hover {
      background-color: #0194c9;
      color: #fff;
      border-color: #0194c9;
    }

    .jy-xwxq-search-box {
      position: relative;
      margin-bottom: 0;
    }

nav > div > ul ul li a {
    font-size: 15px;
}



    .jy-xwxq-search-input {
      width: 100%;
      padding: 14px 18px 14px 45px;
      border: 1px solid #e0e0e0;
      border-radius: 10px;
      font-size: 15px;
      transition: all 0.3s ease;
    }

    .jy-xwxq-search-input:focus {
      outline: none;
      border-color: #0194c9;
      box-shadow: 0 0 0 3px rgba(37,99,235,0.1);
    }

    .jy-xwxq-search-box i {
      position: absolute;
      left: 16px;
      top: 50%;
      transform: translateY(-50%);
      color: #999;
    }

    .jy-xwxq-sidebar-title {
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 20px;
      padding-bottom: 12px;
      border-bottom: 2px solid #727272;
      display: inline-block;
    }

    .jy-xwxq-category-list {
      list-style: none;    padding: 2px;
    }

    .jy-xwxq-category-item {
      padding: 12px 0;
      border-bottom: 1px solid #f0f0f0;
    }

    .jy-xwxq-category-item:last-child {
      border-bottom: none;
    }

    .jy-xwxq-category-item a {
      text-decoration: none;
      color: #444;
      display: flex;
      justify-content: space-between;
      transition: color 0.3s ease;
      font-size: 15px;
    }

    .jy-xwxq-category-item a:hover {
      color: #2563eb;
    }

    .jy-xwxq-recommend-list {
      list-style: none; padding: 2px;
    }

    .jy-xwxq-recommend-item {
      padding: 12px 0;
      border-bottom: 1px solid #f0f0f0;
    }

    .jy-xwxq-recommend-item:last-child {
      border-bottom: none;
    }

    .jy-xwxq-recommend-item a {
      text-decoration: none;
      color: #333;
      font-size: 15px;
      font-weight: 500;
      display: block;
      margin-bottom: 6px;
      transition: color 0.3s;
    }

    .jy-xwxq-recommend-item a:hover {
      color: #727272;
    }

    .jy-xwxq-recommend-time {
      font-size: 13px;
      color: #999;
      display: flex;
      align-items: center;
      gap: 6px;
    }

    .jy-xwxq-contact-info {
      list-style: none;padding: 2px;
    }

    .jy-xwxq-contact-info li {
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 12px 0;
      color: #555;
    }

    .jy-xwxq-contact-info i {
      color: #727272;
      font-size: 18px;
      width: 20px;
      text-align: center;
    }

    @media (max-width: 992px) {
      .jy-xwxq-container {
        flex-wrap: wrap;
      }
      .jy-xwxq-left-section, .jy-xwxq-right-section {
        flex: 0 0 100%;
      }
    }

    @media (max-width: 576px) {
      .jy-xwxq-news-title {
        font-size: 24px;
      }
      .jy-xwxq-card {
        padding: 20px;
      }
    }

 /* 鏂伴椈鍒楄〃 */
    .jy-xwxq-news-list {
      list-style: none;padding: 0;
    }

    .jy-xwxq-news-item {
      display: flex;
      gap: 20px;
      padding: 26px 0;
      border-bottom: 1px solid #f0f0f0;
      transition: all 0.3s ease;
    }

    .jy-xwxq-news-item:hover {
      padding-left: 6px;
      background: #fafbfc;
      border-radius: 10px;
    }

    .jy-xwxq-news-item:last-child {
      border-bottom: none;
    }

    /* 鍒楄〃鍥剧墖 */
    .jy-xwxq-news-img {
      flex: 0 0 220px;
      height: 140px;
      border-radius: 10px;
      overflow: hidden;
    }

    .jy-xwxq-news-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.3s ease;
    }

    .jy-xwxq-news-item:hover .jy-xwxq-news-img img {
      transform: scale(1.05);
    }

    /* 鍒楄〃鍐呭 */
    .jy-xwxq-news-info {
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .jy-xwxq-news-title {
      font-size: 20px;
      font-weight: 600;
      color: #1a1a1a;
      margin-bottom: 10px;
      line-height: 1.4;
      text-decoration: none;
      display: block;
      transition: color 0.3s;
    }

    .jy-xwxq-news-title:hover {
      color: #6e6e6e;
    }

    .jy-xwxq-news-meta {
      display: flex;
      align-items: center;
      gap: 15px;
      color: #666;
      font-size: 14px;
      margin-bottom: 10px;
    }

    .jy-xwxq-news-meta span {
      display: flex;
      align-items: center;
      gap: 5px;
    }

    .jy-xwxq-news-desc {
      font-size: 15px;
      color: #555;
      line-height: 1.6;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }
.jyabout-page {
    max-width: 1300px;
    margin: 40px auto;
    background: #fbfbfb;
    border-radius: 16px;
    overflow: hidden;    margin-bottom: 80px;
}

        .jyabout-header {
                background: linear-gradient(135deg, #deddd0, #1a3b6e);
    color: white;
    text-align: center;
    padding-top: 52px;
    padding-bottom: 22px;
        }

        .jyabout-header h1 {
            font-size: 26px;
            font-weight: 600;    color: #ffffff;
        }

        .jyabout-header p {
            margin-top: 8px;
            opacity: 0.9;
            font-size: 15px; color: #ffffff;
        }

        .jyabout-content {
            padding: 40px 35px;
        }

        .jyabout-section {
            margin-bottom: 45px;
        }

        .jyabout-section-title {
            display: flex;
            align-items: center;
            gap: 12px;
            font-size: 20px;
            font-weight: 600;
            color: #1a3b6e;
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 2px solid #eaf0fb;
        }

        .jyabout-section-title i {
            color: #2c58a8;
            font-size: 22px;
        }

        .jyabout-intro {
            font-size: 15px;
            color: #444;
            margin-bottom: 22px;
        }

        .jyabout-item-box {
            margin-bottom: 28px;
        }

        .jyabout-item-title {
            font-size: 16px;
            font-weight: 600;
            color: #2c58a8;
            margin-bottom: 10px;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .jyabout-list {
            padding-left: 10px;
        }

        .jyabout-list li {
            list-style: none;
            position: relative;
            padding-left: 22px;
            margin-bottom: 14px;
            font-size: 15px;
            color: #444;    line-height: 25px;
        }

        .jyabout-list li::before {
            content: "\f058";
            font-family: "Font Awesome 6 Free";
            font-weight: 900;
            position: absolute;
            left: 0;
            top: 1px;
            color: #2c58a8;
            font-size: 13px;
        }

        .jyabout-note {
            background: #f7f9fc;
            border-left: 5px solid #2c58a8;
            padding: 20px 25px;
            border-radius: 8px;
            font-size: 14px;
            color: #444;
            line-height: 1.9;
        }



 /* 瀹瑰櫒 */
    .jy-team-container {
      max-width: 1200px;
      margin: 80px auto 40px auto;
      padding: 0 20px;
    }

    .jy-team-card {
      background: #fff;
      border-radius: 16px;
      box-shadow: 0 8px 24px rgba(0,0,0,0.06);
      padding: 30px;
      margin-bottom: 30px;
    }

    /* 涓�鎺掓樉绀?1 涓?*/
    .jy-team-list {
      list-style: none;
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      gap: 25px;
    }

    /* 鍗＄墖锛氬乏鍙崇粨鏋?*/
    .jy-team-item a {
      display: flex;
      align-items: center;
      gap: 0;
      background: #fff;
      border-radius: 14px;
      overflow: hidden;
      box-shadow: 0 6px 20px rgba(0,0,0,0.05);
      transition: all 0.3s ease;
      text-decoration: none;
      color: inherit;
    }

    /* 鍥剧墖鍥哄畾 400脳400 姝ｆ柟褰?*/
    .jy-team-img {
      flex: 0 0 400px;
      width: 400px;
      height: 400px;
      overflow: hidden;
    }

    .jy-team-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    /* 鍙充晶淇℃伅 + 鑳屾櫙鑹?*/
    .jy-team-info {
      flex: 1;
      padding: 24px 24px;
      background-color: #f8f9fa;
      min-height: 400px;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .jy-team-name {
      font-size: 20px;
      font-weight: 600;
      color: #222;
      margin-bottom: 12px;
    }

    .jy-team-desc {
      font-size: 15px;
      color: #555;
      line-height: 1.6;
    }

    /* 鎮诞鏁堟灉 */
    .jy-team-item a:hover {
      transform: translateY(-4px);
      box-shadow: 0 12px 28px rgba(0,0,0,0.1);
    }

    @media (max-width: 1024px) {
      .jy-team-img {
        flex: 0 0 200px;
        width: 200px;
        height: 200px;
      }
      .jy-team-info {
        min-height: 200px;
      }
    }

    @media (max-width: 768px) {
      .jy-team-img {
        flex: 0 0 160px;
        width: 160px;
        height: 160px;
      }
      .jy-team-info {
        min-height: 160px;
      }
    }


  /* 璇︽儏鍗＄墖 */
    .jy-jhj-detail-card {
      background: #fff;
      border-radius: 20px;
      box-shadow: 0 8px 24px rgba(0,0,0,0.06);
      padding: 50px 40px;
      overflow: hidden;
    }

    /* 鍥剧墖鍖哄煙 - 灞呬腑 */
    .jy-jhj-detail-img {
      width: 340px;
      height: 340px;
      margin: 0 auto 30px auto;
      border-radius: 12px;
      overflow: hidden;
    }

    .jy-jhj-detail-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    /* 濮撳悕 */
    .jy-jhj-detail-name {
      font-size: 28px;
      font-weight: 600;
      text-align: center;
      margin-bottom: 12px;
      color: #222;
    }

    /* 鑱屼綅 */
    .jy-jhj-detail-position {
      font-size: 16px;
      color: #666;
      text-align: center;
      margin-bottom: 35px;
      padding-bottom: 25px;
      border-bottom: 1px solid #f0f0f0;
    }

    /* 璇︽儏鍐呭 */
    .jy-jhj-detail-content {
      font-size: 16px;
      color: #444;
      line-height: 1.9;
      text-align: left;
    }

    .jy-jhj-detail-content p {
      margin-bottom: 20px;
    }

    /* 鍝嶅簲寮?*/
    @media (max-width: 768px) {
      .jy-jhj-detail-card {
        padding: 35px 25px;
      }
      .jy-jhj-detail-img {
        width: 180px;
        height: 180px;
      }
      .jy-jhj-detail-name {
        font-size: 24px;
      }
    }




.pagination {
    padding-left: 0;
    list-style: none;
}
	
	.pagination li a {
    height: 48px;
   
    text-align: center;
    line-height: 48px;
   
    display: inline-block;
    color: #475467;
    background-color: transparent;
    border: 1px solid #EAECF0;
    font-weight: 400;
    font-size: 16px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;    padding: 0 16px;
}
	
	 .pagination li {
    display: inline-block;
    margin-right: 6px;
}
	
	
	.pagination .active {
    background-color: #0074c2;
    color: #ffffff;
}
	
	.pagination li:hover {
    background-color: #0074c2;
  
}
		.pagination li:hover a {
  
    color: #ffffff;
}

     /* 涓诲鍣?*/
    .jy-ahk-container {
    max-width: 1300px;
    margin: 50px auto;
    padding: 0 20px;
    position: relative;
    margin-bottom: 120px;
}
        /* 鏍囬鍖哄煙 */
        .jy-ahk-header {
            text-align: center;
            margin-bottom: 50px;
        }

        .jy-ahk-header h1 {
            font-size: 34px;
            color: #000000;
            margin-bottom: 10px;
            font-weight: 700;
        }

        .jy-ahk-header .en-name {
            font-size: 18px;
            color: #333333;
            font-style: italic;
            margin-bottom: 20px;
        }

        .jy-ahk-desc {
            font-size: 16px;
            color: #555;
            line-height: 1.8;
            max-width: 900px;
            margin: 0 auto;
        }

        /* 瀹楁棬鍗＄墖甯冨眬 鈥斺�?鍥哄畾鎺掔増锛?+2 */
        .jy-ahk-purposes {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 25px;
            margin-top: 40px;
        }
        .jy-ahk-purposes.row-2 {
            grid-template-columns: repeat(2, 1fr);
            margin-top: 25px;
        }

        /* 鍗＄墖鏍峰紡锛堟寮忓畼鏂癸級 */
        .jy-ahk-card {
            background: #fff;
            border-radius: 8px;
            padding: 35px 25px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
            transition: all 0.3s ease;
            height: 100%;
            text-align: center;
            position: relative;
            overflow: hidden;
        }

        .jy-ahk-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
        }

        /* 鍗＄墖鏁板瓧 鈥斺�?鍙充笅瑙?娣¤壊 鏀惧ぇ */
        .jy-ahk-num {
            position: absolute;
            bottom: -10px;
            right: 15px;
            font-size: 70px;
            font-weight: 700;
            color: #f1f1f1;
            line-height: 1;
            z-index: 0;
        }

        /* 鍗＄墖鍥炬爣 鈥斺�?灞呬腑 + 榛戣壊 */
        .jy-ahk-icon {
            font-size: 38px;
            color: #000000;
            margin-bottom: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            z-index: 1;
        }

        /* 鍗＄墖鏍囬 鈥斺�?榛戣壊 */
        .jy-ahk-card h3 {
            font-size: 18px;
            color: #000000;
            margin-bottom: 15px;
            line-height: 1.5;
            font-weight: 600;
            position: relative;
            z-index: 1;
        }

        /* 鍗＄墖鍐呭 */
        .jy-ahk-card p {
            font-size: 15px;
            color: #666;
            line-height: 1.7;
            text-align: left;
            position: relative;
            z-index: 1;
        }

        /* 鍝嶅簲寮?*/
        @media (max-width: 992px) {
            .jy-ahk-purposes {
                grid-template-columns: repeat(2, 1fr) !important;
            }
        }
        @media (max-width: 576px) {
            .jy-ahk-purposes {
                grid-template-columns: 1fr !important;
            }
            .jy-ahk-header h1 {
                font-size: 26px;
            }
            .jy-ahk-num {
                font-size: 60px;
            }
        }


 /* 涓诲鍣?*/
        .jy-ahk-container {
            max-width: 1200px;
            margin: 50px auto;
            padding: 0 20px;
            position: relative;
        }

        /* 鏍囬鍖哄煙 */
        .jy-ahk-header {
            text-align: center;
            margin-bottom: 50px;
        }

        .jy-ahk-header h1 {
            font-size: 34px;
            color: #000000;
            margin-bottom: 10px;
            font-weight: 700;
        }

        .jy-ahk-header .en-name {
            font-size: 18px;
            color: #333333;
            font-style: italic;
            margin-bottom: 20px;
        }

        .jy-ahk-desc {
            font-size: 16px;
            color: #555;
            line-height: 1.8;
            max-width: 900px;
            margin: 0 auto;
        }

        /* 瀹楁棬鍗＄墖甯冨眬 鈥斺�?鍥哄畾鎺掔増锛?+2 */
        .jy-ahk-purposes {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 25px;
            margin-top: 40px;
        }
        .jy-ahk-purposes.row-2 {
            grid-template-columns: repeat(2, 1fr);
            margin-top: 25px;
        }

        /* 鍗＄墖鏍峰紡锛堟寮忓畼鏂癸級 */
        .jy-ahk-card {
            background: #fff;
            border-radius: 8px;
            padding: 35px 25px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
            transition: all 0.3s ease;
            height: 100%;
            text-align: center;
            position: relative;
            overflow: hidden;
        }

        .jy-ahk-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
        }

        /* 鍗＄墖鏁板瓧 鈥斺�?鍙充笅瑙?娣¤壊 鏀惧ぇ */
        .jy-ahk-num {
            position: absolute;
            bottom: -10px;
            right: 15px;
            font-size: 70px;
            font-weight: 700;
            color: #f1f1f1;
            line-height: 1;
            z-index: 0;
        }

        /* 鍗＄墖鍥炬爣 鈥斺�?灞呬腑 + 榛戣壊 */
        .jy-ahk-icon {
            font-size: 38px;
            color: #000000;
            margin-bottom: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            z-index: 1;
        }

        /* 鍗＄墖鏍囬 鈥斺�?榛戣壊 */
        .jy-ahk-card h3 {
            font-size: 18px;
            color: #000000;
            margin-bottom: 15px;
            line-height: 1.5;
            font-weight: 600;
            position: relative;
            z-index: 1;
        }

        /* 鍗＄墖鍐呭 */
        .jy-ahk-card p {
            font-size: 15px;
            color: #666;
            line-height: 1.7;
            text-align: left;
            position: relative;
            z-index: 1;
        }

        /* 鍝嶅簲寮?*/
        @media (max-width: 992px) {
            .jy-ahk-purposes {
                grid-template-columns: repeat(2, 1fr) !important;
            }
        }
        @media (max-width: 576px) {
            .jy-ahk-purposes {
                grid-template-columns: 1fr !important;
            }
            .jy-ahk-header h1 {
                font-size: 26px;
            }
            .jy-ahk-num {
                font-size: 60px;
            }
        }



 /* 涓诲鍣?*/
        .jy-aklmm-container {
            max-width: 1200px;
            margin: 50px auto;
            padding: 0 20px;
            position: relative;margin-bottom: 120px;
        }

        /* 鏍囬鍖哄煙 */
        .jy-aklmm-header {
            text-align: center;
            margin-bottom: 50px;
        }

        .jy-aklmm-header h1 {
            font-size: 34px;
            color: #000000;
            margin-bottom: 10px;
            font-weight: 700;
        }

        .jy-aklmm-header .en-name {
            font-size: 18px;
            color: #333333;
            font-style: italic;
            margin-bottom: 20px;
        }

        .jy-aklmm-desc {
            font-size: 16px;
            color: #555;
            line-height: 1.8;
            max-width: 900px;
            margin: 0 auto;
        }

        /* 鏉垮潡鍓爣棰?*/
        .jy-aklmm-subtitle {
            text-align: center;
            font-size: 26px;
            font-weight: 600;
            color: #000;
            margin: 40px 0 30px;
        }

        /* 鍗＄墖甯冨眬 鈥斺�?涓�鎺?涓?*/
        .jy-aklmm-purposes {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 25px;
            margin-top: 30px;
        }

        /* 鍗＄墖鏍峰紡 */
        .jy-aklmm-card {
            background: #f7f7f7;
            border-radius: 8px;
            padding: 35px;
           
            transition: all 0.3s ease;
            height: 100%;
            position: relative;
            overflow: hidden;
            text-align: left;
        }

        /* 榧犳爣鎮诞锛氳儗鏅彉娴呯伆鑹?*/
        .jy-aklmm-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
            background: #f7f7f7;
        }

        /* 鍗＄墖鏁板瓧 鈥斺�?鍙充笅瑙掓贰鑹?闃挎媺浼暟瀛?*/
        .jy-aklmm-num {
            position: absolute;
            bottom: -10px;
            right: 15px;
            font-size: 70px;
            font-weight: 700;
            color: #f1f1f1;
            line-height: 1;
            z-index: 0;
        }

        /* 鍥炬爣 鈥斺�?灞呭乏 + 鍦ㄦ爣棰樹笂鏂?*/
        .jy-aklmm-icon {
            font-size: 40px;
            color: #000000;
            margin-bottom: 18px;
            text-align: left;
            position: relative;
            z-index: 1;
        }

        /* 鏂囧瓧鍖哄煙 */
        .jy-aklmm-content {
            position: relative;
            z-index: 1;
        }

        /* 鍗＄墖鏍囬 灞呭乏 */
        .jy-aklmm-card h3 {
            font-size: 19px;
            color: #000000;
            margin-bottom: 14px;
            line-height: 1.5;
            font-weight: 600;
            text-align: left;
        }

        /* 鍗＄墖鍐呭 */
        .jy-aklmm-card p {
            font-size: 15px;
            color: #666;
            line-height: 1.7;
            text-align: left;
        }
        .jy-aklmm-card p + p {
            margin-top: 8px;
        }

        /* 鍝嶅簲寮?*/
        @media (max-width: 768px) {
            .jy-aklmm-purposes {
                grid-template-columns: 1fr !important;
            }
            .jy-aklmm-header h1 {
                font-size: 26px;
            }
            .jy-aklmm-subtitle {
                font-size: 22px;
            }
        }






 /* 鎵�鏈夌被鍚嶆坊鍔爅yhomee-鍓嶇紑 */
    .jyhomee-container {
      width: 100%;
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 15px;
    }
    .jyhomee-section-title {
      font-size: 32px;
      text-align: center;
      position: relative;
      padding-bottom: 15px;
      margin-bottom: 20px;
    }
    .jyhomee-section-title::after {
      content: "";
      position: absolute;
      left: 50%;
      bottom: 0;
      transform: translateX(-50%);
      width: 60px;
      height: 3px;
      background: #333333;
    }

    /* 1 鍏ㄥ睆杞挱 - 绫诲悕鍏ㄦ浛鎹负jyhomee-鍓嶇紑 */
    .jyhomee-banner {
      position: relative;
      width: 100%;
      overflow: hidden;
    }
    .jyhomee-banner-list {
      display: flex;
      transition: 0.5s;
    }
    .jyhomee-banner-item {
      width: 100%;
      flex-shrink: 0;
      position: relative;
    }
    .jyhomee-banner-item img {
      width: 100%;
      height: auto;
      object-fit: cover;
    }
    .jyhomee-banner-item::after {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.4);
      z-index: 1;
    }

.jyhomee-info h3 {
    color: #ffffff;
    font-size: 18px;
}



    .jyhomee-banner-text {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      color: #fff;
      font-size: 56px;
      font-weight: bold;
      z-index: 2;
      text-align: center;
      width: 100%;
      padding: 0 15px;    letter-spacing: 4px;
    }
    .jyhomee-banner-dots {
      position: absolute;
      bottom: 20px;
      left: 0;
      width: 100%;
      display: flex;
      justify-content: center;
      gap: 10px;
      z-index: 2;
    }
    .jyhomee-banner-dots span {
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background: rgba(255,255,255,0.5);
      cursor: pointer;
    }
    .jyhomee-banner-dots span.active {
      background: #2563eb;
    }

    /* 2 鍏充簬鎴戜滑 - 绫诲悕鍏ㄦ浛鎹负jyhomee-鍓嶇紑 */
    .jyhomee-about {
      padding: 80px 0;
      background: url(/uploadfile/202604/641b6c2ac280a8fe62ceeb4101441aaa.jpg) center center no-repeat fixed;
      background-size: cover;
      color: #fff;
    }
    .jyhomee-about-wrap {
      display: flex;
      flex-wrap: wrap;
      gap: 40px;
      align-items: center;
    }
    .jyhomee-about-left {
      flex: 1;
      min-width: 300px;
    }
    .jyhomee-about-left h2 {
      font-size: 30px;
      position: relative;
      padding-bottom: 12px;
      margin-bottom: 20px;
    }
    .jyhomee-about-left h2::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      width: 50px;
      height: 3px;
      background: #fff;
    }
    .jyhomee-about-desc {
      line-height: 1.8;
      margin-bottom: 30px;    color: #333333;
    }
    .jyhomee-about-features {
      display: flex;
      flex-direction: column;
      gap: 10px;
    }
    .jyhomee-about-features span {
      padding-left: 15px;
      position: relative;
    }
    .jyhomee-about-features span::before {
      content: "鈥?;
      position: absolute;
      left: 0;
      color: #2563eb;
    }
    .jyhomee-about-right {
      flex: 1;
      min-width: 300px;
    }

    /* 3 鎴戜滑鐨勪紭鍔?- 绫诲悕鍏ㄦ浛鎹负jyhomee-鍓嶇紑 + 閿佹鑳屾櫙 */
    .jyhomee-advantage-wrapper {
      background: url(/uploadfile/202604/d93eb7c9c384ecb9cf0f9428f4dcf93f.jpg) center center no-repeat fixed !important;
      background-size: cover !important;
      padding: 80px 0;
      position: relative;
      will-change: auto;
      backface-visibility: hidden;
      transform: translateZ(0);
    }
    .jyhomee-advantage-wrapper::after {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.6);
      z-index: 0;
      pointer-events: none;
    }


.jyhomee-tab-left img {
    height: 360px;
}




    .jyhomee-advantage {
      position: relative;
      z-index: 1;
      color: #fff;
      width: 100%;
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 15px;
      pointer-events: auto;
    }
    .jyhomee-advantage .jyhomee-title-main {
      font-size: 40px;
      text-align: center;
      margin-bottom: 40px;
    }
    .jyhomee-tab-nav {
      display: flex;
      justify-content: center;
      gap: 20px;
      margin-bottom: 40px;
      flex-wrap: wrap;
    }
    .jyhomee-tab-nav button {
      padding: 12px 24px;
      background: rgba(255,255,255,0.2);
      border: none;
      color: #fff;
      border-radius: 4px;
      cursor: pointer;
      transition: 0.3s;
      transform: translateZ(0);
    }
    .jyhomee-tab-nav button.active {
      background: rgb(153 153 153);
    }
    .jyhomee-tab-content {
      width: 100%;
    }
    .jyhomee-tab-content .jyhomee-item {
      display: none;
      align-items: center;
      gap: 30px;
      width: 100%;
      transform: translateZ(0);
    }
    .jyhomee-tab-content .jyhomee-item[data-tab="1"] {
      display: flex;
    }
    .jyhomee-tab-left {
      flex: 1;
      min-width: 250px;
    }
  .jyhomee-tab-right {
    flex: 1;
    line-height: 1.9;
    font-size: 18px;
    min-width: 250px;
}

    /* 4 鐞嗕簨浼?- 绫诲悕鍏ㄦ浛鎹负jyhomee-鍓嶇紑 */
    .jyhomee-council {
      padding: 80px 0;
    }
    .jyhomee-council-sub {
      text-align: center;
      color: #666;
      margin-bottom: 20px;
    }
    .jyhomee-council-slider {
      overflow: hidden;
      position: relative;
      padding-bottom: 40px;
    }
    .jyhomee-council-wrap {
      display: flex;
      transition: 0.5s;
      gap: 20px;
    }
    .jyhomee-council-item {
      width: 280px;
      flex-shrink: 0;
      position: relative;
    }
    .jyhomee-council-item a {
      display: block;
      border-radius: 8px;
      overflow: hidden;
      transition: 0.3s;
    }
    .jyhomee-council-item a:hover {
      transform: translateY(-8px);
      box-shadow: 0 10px 20px rgba(0,0,0,0.15);
    }
    .jyhomee-council-item img {
      width: 100%;
      height: 380px;
      object-fit: cover;
    }
.jyhomee-council-name {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 25px 15px 12px 15px;
    color: #fff;
    text-align: center;
    background: linear-gradient(transparent, rgb(0 0 0 / 97%));
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    z-index: 1;
    font-size: 22px;
}
    .jyhomee-council-dots {
      position: absolute;
      bottom: 10px;
      left: 0;
      width: 100%;
      display: flex;
      justify-content: center;
      gap: 10px;
    }
    .jyhomee-council-dots span {
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background: #ddd;
      cursor: pointer;
    }
    .jyhomee-council-dots span.active {
      background: #555555;
    }

    /* 5 鏂伴椈 - 绫诲悕鍏ㄦ浛鎹负jyhomee-鍓嶇紑 */
    .jyhomee-news {
      padding: 80px 0;
      background: #f5f7fa;
    }
    .jyhomee-news-wrap {
      display: flex;
      flex-wrap: wrap;
      gap: 30px;
      align-items: stretch;
      height: 100%;
    }
    .jyhomee-news-left {
      flex: 0 0 42%;
      min-width: 300px;
      position: relative;
      border-radius: 8px;
      overflow: hidden;
      height: 100%;
    }
    .jyhomee-news-left a {
      display: block;
      width: 100%;
      height: 100%;
    }
    .jyhomee-news-left img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .jyhomee-news-left .jyhomee-info {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      padding: 38px 28px 0px 28px;
      color: #fff;
      background: linear-gradient(transparent, rgba(0,0,0,0.7));
    }
    .jyhomee-news-left .jyhomee-info p {
      color: #eee;
      margin-top: 5px;
    }
    .jyhomee-news-right {
      flex: 1;
      min-width: 300px;
      display: flex;
      flex-direction: column;
      height: 100%;
      justify-content: space-between;
    }
    .jyhomee-news-right a {
      text-decoration: none;
      color: inherit;
      flex: 1;
      display: flex;
      align-items: center;
    }
    .jyhomee-news-item {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 15px 20px;
      margin-bottom: 12px;
      background: #fff;
      border-radius: 8px;
      border-left: 4px solid #dbdbdb;
      transition: 0.3s;
      height: 100%;
      width: 100%;
    }
    .jyhomee-news-item:hover {
      transform: translateX(5px);
      box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    }
    .jyhomee-news-item h4 {
      font-weight: normal;
      font-size: 15px;
      color: #333;
    }
    .jyhomee-news-item p {
      font-size: 13px;
      color: #999;
      white-space: nowrap;
    }

    /* 绉诲姩绔�傞厤 - 绫诲悕鍚屾鏇挎崲 */
    @media (max-width:768px){
      .jyhomee-banner-text{font-size: 24px;}
      .jyhomee-tab-content .jyhomee-item{flex-direction: column;}
      .jyhomee-council-item{width: 240px;}
      .jyhomee-news-left,.jyhomee-news-right{flex: 0 0 100%; height: auto;}
    }









 /* 搴曢儴鏁翠綋鏍峰紡 */
        .jy-footerds {
            background-color: #deddd0;
            padding: 20px 20px;
            text-align: center;
             clear: both;
    width: 100%;
    box-sizing: border-box;
    
    /* 馃敟 鍏抽敭淇锛氶槻姝㈢┖椤甸潰閾烘弧鍏ㄥ睆 */
    position: relative;
    z-index: 1;
        }




        /* LOGO 鏍峰紡 */
        .jy-footerds-logo {
            margin-bottom: 20px;
        }
        .jy-footerds-logo img {
               margin-top: 60px;
            display: inline-block;
        }

        /* 妯悜鑿滃崟 */
        .jy-footerds-menu {
            margin: 20px 0;
            font-size: 16px;
        }
        .jy-footerds-menu a {
            color: #333;
            text-decoration: none;
            margin: 0 12px;
        }
        .jy-footerds-menu a:hover {
            color: #666;
        }
        .jy-footerds-menu span {
            color: #888;
        }

        /* 鑱旂郴淇℃伅 */
        .jy-footerds-contact {
            margin: 20px 0;
            color: #555;
            line-height: 1.8;
        }
        .jy-footerds-contact p {
            margin: 5px 0;
        }

        /* 娣¤壊鍒嗛殧绾?*/
        .jy-footerds-line {
            width: 80%;
            height: 1px;
            background-color: #c0c0b8;
            margin: 22px auto;
            opacity: 0.6;
        }

        /* 鐗堟潈淇℃伅 */
        .jy-footerds-copyright {
            color: #666;
            font-size: 14px;
        }





  /* 外层容器：全屏宽度 + 固定高度 */
    .jy-cxd-full-section {
      width: 100%;
      height: 400px;
      display: flex;
      overflow: hidden;
    }

    /* 左右通用样式 */
    .jy-cxd-section-left,
    .jy-cxd-section-right {
      width: 50%;
      height: 100%;
      position: relative;
      background-size: cover;
      background-position: center;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    /* 背景遮罩层（让文字更清晰） */
    .jy-cxd-section-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.5); /* 半透明黑滤镜 */
      z-index: 1;
    }

    /* 内容层（在遮罩上方） */
    .jy-cxd-content {
      position: relative;
      z-index: 2;
      color: #fff;
      padding: 0 20px;
      width: 100%;
    }

    /* ========== 左侧内容 ========== */
    .jy-cxd-left-inner {
      display: flex;
      align-items: center;
      gap: 20px;
      max-width: 500px;
      margin: 0 auto;
    }

    /* 视频播放图标 */
    .jy-cxd-video-btn {
      width: 60px;
      height: 60px;
      background: #fff;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: transform 0.3s;
      flex-shrink: 0;
    }

    .jy-cxd-video-btn:hover {
      transform: scale(1.1);
    }

    /* 三角形播放图标 */
    .jy-cxd-play-icon {
      width: 0;
      height: 0;
      border-top: 12px solid transparent;
      border-bottom: 12px solid transparent;
      border-left: 20px solid #142d53;
      margin-left: 5px;
    }

    .jy-cxd-left-text h3 {
      font-size: 22px;
      margin-bottom: 8px;    color: #ffffff;
    }

    .jy-cxd-left-text p {
      font-size: 14px;
      opacity: 0.9;
      line-height: 1.5;    color: #ffffff;
    }

    /* ========== 右侧内容 ========== */
    .jy-cxd-right-inner {
      max-width: 400px;
      margin: 0 auto;
      text-align: left;
    }

    .jy-cxd-right-top {
      margin-bottom: 30px;
    }

    .jy-cxd-right-top h2 {
      font-size: 24px;
      margin-bottom: 8px;    color: #ffffff;
    }

    .jy-cxd-right-top p {
      font-size: 14px;
      opacity: 0.9;    color: #ffffff;
    }

    /* 搜索框 + 按钮 */
    .jy-cxd-search-box {
      display: flex;
      gap: 10px;
      width: 100%;
    }

    .jy-cxd-search-input {
      flex: 1;
      padding: 12px 15px;
      border: none;
      border-radius: 4px;
      font-size: 14px;
      outline: none;
    }

    .jy-cxd-search-btn {
      padding: 12px 25px;
      background: #96b3df;
      color: #fff;
      border: none;
      border-radius: 4px;
      cursor: pointer;
      font-size: 14px;
      transition: background 0.3s;
    }

    .jy-cxd-search-btn:hover {
      background: #0056b3;
    }

    /* ========== 视频弹窗 ========== */
    .jy-cxd-modal {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.8);
      display: none;
      align-items: center;
      justify-content: center;
      z-index: 9999;
    }

    .jy-cxd-modal.jy-cxd-show {
      display: flex;
    }

    .jy-cxd-modal-content {
      width: 80%;
      max-width: 900px;
      position: relative;
    }

    .jy-cxd-close-modal {
      position: absolute;
      top: -40px;
      right: 0;
      color: #fff;
      font-size: 30px;
      cursor: pointer;
    }

    video {
      width: 100%;
      display: block;
    }








 /* 最外层容器 */
    .jy-sjk-container {
      max-width: 1200px;
      margin: 600px auto 100px; /* 往下放，方便滚动触发 */
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      position: relative;
      padding: 0 20px;background-color: #fbfbfb;
    }

    /* 竖线分隔 */
    .jy-sjk-container::before,
    .jy-sjk-container::after {
      content: "";
      position: absolute;
      top: 12%;
      bottom: 12%;
      width: 1px;
      background-color: #e8e8e8;
    }
    .jy-sjk-container::before { left: 33.33%; }
    .jy-sjk-container::after { left: 66.66%; }

    /* 三列通用 */
    .jy-sjk-col {
      width: 31%;
      padding: 24px;
      display: flex;
      flex-direction: column;
      gap: 16px;
      align-items: center;
      text-align: center;
    }

    /* 彩色渐变图标 */
    .jy-sjk-icon {
      font-size: 44px;
      background: linear-gradient(135deg, #ff6b6b, #4dabf7, #339af0, #51cf66);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
    }

    /* 标题 */
    .jy-sjk-title {
      font-size: 24px;
      font-weight: bold;
      color: #2c2c2c;
    }

    /* 描述 */
    .jy-sjk-desc {
      font-size: 14px;
      color: #666;
      line-height: 1.7;
    }

    /* 查看详情 */
    .jy-sjk-link {
      font-size: 14px;
      color: #163155;
      cursor: pointer;
    }
    .jy-sjk-link:hover {
      text-decoration: underline;
    }

    /* 中间：数字滚动区域（精致放大） */
    .jy-sjk-number-box {
      font-size: 48px;
      font-weight: bold;
      color: #163155;
      padding: 12px 0;
      transition: all 0.2s;
      cursor: pointer;
    }
    .jy-sjk-number-box:hover {
      transform: scale(1.05);
    }

    /* 精致按钮 */
    .jy-sjk-btn {
      padding: 12px 24px;
      background: #163155;
      color: #fff;
      border: none;
      border-radius: 6px;
      cursor: pointer;
      font-size: 14px;
      transition: background 0.3s;
    }
    .jy-sjk-btn:hover {
      background: #0056b3;
    }





  /* 列表容器 */
        .jybg-search-wrap {
            width: 92%;
            max-width: 1000px;
            margin: 80px auto;
            border-radius: 12px;
            overflow: hidden;
            background: #ffffff;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
            border: 1px solid #e8e9ed;
        }

        /* 列表头部 */
        .jybg-head {
            background-color: #f7f8fa;
            padding: 18px 24px;
            font-size: 16px;
            font-weight: 600;
            color: #2d2f33;
            border-bottom: 1px solid #e8e9ed;
        }

        /* 单条数据行 */
        .jybg-item {
            display: flex;
            align-items: center;
            padding: 20px 24px;
            border-bottom: 1px solid #f2f3f5;
            transition: all 0.2s ease;
            cursor: default;
        }

        /* 隔行淡色 */
        .jybg-item:nth-child(even) {
            background-color: #fafbfc;
        }

        /* 鼠标悬浮高亮效果 */
        .jybg-item:hover {
            background-color: #f0f7ff !important;
        }

        /* 最后一行无边框 */
        .jybg-item:last-child {
            border-bottom: none;
        }

        /* 左侧标题 */
        .jybg-item-label {
            width: 130px;
            font-size: 14px;
            font-weight: 500;
            color: #5d6168;
            position: relative;
        }

        /* 标题右侧竖线 */
        .jybg-item-label::after {
            content: "";
            position: absolute;
            right: 16px;
            top: 50%;
            transform: translateY(-50%);
            width: 1px;
            height: 18px;
            background-color: #e8e9ed;
        }

        /* 右侧内容 */
        .jybg-item-content {
            flex: 1;
            font-size: 14px;
            color: #2d2f33;
            padding-left: 8px;
        }

        /* 空数据 */
        .jybg-empty {
            text-align: center;
            padding: 50px 0;
            color: #9ca3af;
            font-size: 14px;
        }

        /* 底部按钮区域 */
        .jybg-footer {
            padding: 20px 24px;
            background-color: #f7f8fa;
            border-top: 1px solid #e8e9ed;
            text-align: center;
        }

        /* 按钮通用样式 */
        .jybg-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 6px;
            padding: 10px 22px;
            margin: 0 8px;
            border-radius: 6px;
            font-size: 14px;
            cursor: pointer;
            transition: all 0.2s ease;
            text-decoration: none;
            border: none;
        }

        /* 返回首页按钮 */
        .jybg-btn-home {
            background-color: #6b7280;
            color: #fff;
        }
      .jybg-btn-home:hover {
    background-color: #4b5563;
    color: #ffffff;
}

        /* 继续查询按钮 */
        .jybg-btn-search {
            background-color: #3b82f6;
            color: #fff;
        }
        .jybg-btn-search:hover {
            background-color: #2563eb;color: #ffffff;
        }




/* 一行排列容器 */
.jy-sss-container {
    display: flex;
    align-items: center;
    gap: 16px;
    max-width: 800px;
    margin: 150px auto 150px;
    padding: 0 20px;
}

/* 搜索框 */
.jy-sss-input {
    flex: 2;
    height: 50px;
    padding: 0 20px;
    font-size: 14px;
    color: #777;
    background-color: #e6e6e6;
    border: none;
    outline: none;
    border-radius: 33px;
}

/* 下拉框容器 */
.jy-sss-select-wrap {
    flex: 1;
    position: relative;
}

/* 下拉框 */
.jy-sss-select {
    width: 100%;
    height: 50px;
    padding: 0 40px 0 20px;
    font-size: 14px;
    color: #777;
    background-color: #e6e6e6;
    border: none;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 33px;
    cursor: pointer;
}

/* 下拉箭头 */
.jy-sss-select-wrap::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 18px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #777;
    pointer-events: none;
}

/* 搜索按钮 */
.jy-sss-btn {
    height: 50px;
    padding: 0 30px;
    font-size: 14px;
    color: #555;
    background-color: #e6e6e6;
    border: none;
    outline: none;
    border-radius: 33px;
    white-space: nowrap;
    cursor: pointer;
    transition: 0.2s;
}
.jy-sss-btn:hover {
    background-color: #d5d5d5;
}


.jy-sjk-number-box {
  position: relative;
  display: inline-block;
}
.num-plus {
  position: absolute;
  top: 0;
  right: -20px; /* 调整距离 */
  font-size: 26px;
  color: #444444;
  font-weight: bold;
}



.jy-bdt-container {
    max-width: 1100px;
    width: 100%;
    background: #fbfbfb;
    border-radius: 18px;
    overflow: hidden;
    transition: all 0.2s;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 80px;
}

       .jy-bdt-header {
            background: #1e2f3c;
            padding: 32px 40px 24px 40px;
            color: white;
        }
        .jy-bdt-header h1 {
            font-size: 28px;
            font-weight: 600;
            letter-spacing: -0.2px;
            margin-bottom: 8px;
        }
        .jy-bdt-header p {
            font-size: 15px;
            opacity: 0.8;
            font-weight: 400;
        }

        .jy-bdt-body {
            padding: 36px 44px 52px 44px;
        }

        .jy-bdt-form {
            width: 100%;
        }

        .jy-bdt-row {
            display: flex;
            flex-wrap: wrap;
            gap: 24px;
            margin-bottom: 20px;
        }

        .jy-bdt-group {
            flex: 1;
            min-width: 0;
        }

        .jy-bdt-fullwidth {
            margin-bottom: 20px;
        }

        .jy-bdt-form input,
        .jy-bdt-form select {
            width: 100%;
            font-size: 14px;
            color: #2c3e4e;
            background-color: #e6e6e6;
            height: 50px;
            padding: 13px 24px;
            border: none;
            outline: none;
            transition: all 0.2s ease;
            font-family: inherit;
            -webkit-border-radius: 33px;
            border-radius: 33px;
            box-sizing: border-box;
        }

        /* 统一所有输入框和下拉框的占位文字/默认文字颜色 */
        .jy-bdt-form input::placeholder {
            color: #8f9eae;
            font-weight: 400;
        }

        /* 修复下拉框默认选中文字颜色不一致的问题 */
        .jy-bdt-form select {
            color: #8f9eae;
            appearance: none;
            -webkit-appearance: none;
            background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23556c7e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>");
            background-repeat: no-repeat;
            background-position: right 20px center;
            background-size: 18px;
            padding-right: 48px;
            cursor: pointer;
        }

    

        /* 保持第一个无效选项（请选择国家）的颜色为灰色，与其他 placeholder 一致 */
        .jy-bdt-form select option[value=""] {
            color: #8f9eae;
        }

        .jy-bdt-form select option:not([value=""]) {
            color: #2c3e4e;
        }

        .jy-bdt-form input:focus,
        .jy-bdt-form select:focus {
            background-color: #f0f2f5;
            outline: 2px solid #3b82f6;
            outline-offset: 0px;
            box-shadow: 0 4px 12px rgba(59,130,246,0.15);
        }

        .jy-bdt-btn-wrapper {
            display: flex;
            justify-content: center;
            margin-top: 40px;
        }

        .jy-bdt-submit {
            background: #1e2f3c;
            border: none;
            padding: 14px 44px;
            min-width: 200px;
            font-size: 17px;
            font-weight: 600;
            color: white;
            border-radius: 60px;
            cursor: pointer;
            transition: all 0.2s ease;
            font-family: inherit;
            letter-spacing: 0.5px;
            box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08);
        }
        .jy-bdt-submit:hover {
            background: #0f212e;
            transform: translateY(-2px);
            box-shadow: 0 12px 22px -8px rgba(0, 0, 0, 0.2);
        }
        .jy-bdt-submit:active {
            transform: translateY(1px);
        }

        @media (max-width: 780px) {
            .jy-bdt-body {
                padding: 28px 24px 40px;
            }
            .jy-bdt-row {
                flex-direction: column;
                gap: 16px;
            }
            .jy-bdt-btn-wrapper {
                margin-top: 32px;
            }
            .jy-bdt-submit {
                width: 100%;
                max-width: 280px;
            }
        }

        .jy-bdt-form input#address {
            background-color: #e6e6e6;
        }











 /* 第一行：输入框 + 下拉框 同行布局 */
        .jy-sdfgg-row {
            display: flex;
            gap: 10px;
            width: 100%;
            align-items: center;
            margin-bottom: 12px;
        }

        /* 企业名称输入框（左侧） */
        .jy-sdfgg-input {
            flex: 1;
            padding: 12px 15px;
            border: 1px solid #ddd;
            border-radius: 4px;
            font-size: 14px;
            height: 42px;
            box-sizing: border-box;
            outline: none;
        }

        .jy-sdfgg-input:focus {
            border-color: #96b3df;
        }

        /* 职务下拉框（右侧） */
        .jy-sdfgg-select {
            padding: 12px 15px;
          
            font-size: 14px;
            height: 42px;
            min-width: 240px;
            box-sizing: border-box;
            outline: none;    border-radius: 4px;
        }

        .jy-sdfgg-select:focus {
            border-color: #96b3df;
        }

        /* 第二行：搜索按钮 下方居中 */
        .jy-sdfgg-btn-wrap {
            text-align: left;
        }

        .jy-sdfgg-btn {
            padding: 12px 35px;
            background: #96b3df;
            color: #fff;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            font-size: 14px;
            transition: background 0.3s;
            white-space: nowrap;
        }

        .jy-sdfgg-btn:hover {
            background: #7a9ed6;
        }


.jynewsfb-container {
    max-width: 1100px;
    width: 100%;
    background: #fbfbfb;
    border-radius: 48px;
    overflow: hidden;
    transition: all 0.2s;
    margin: 0 auto;
    margin-top: 80px;
    margin-bottom: 120px;
}

        .jynewsfb-header {
            padding: 32px 40px 16px 40px;
        }

        .jynewsfb-tab-bar {
            display: flex;
            gap: 20px;
            justify-content: center;
            flex-wrap: wrap;
        }
        .jynewsfb-tab-btn {
            background: #e6e6e6;
            border: none;
            padding: 12px 32px;
            font-size: 16px;
            font-weight: 600;
            color: #2c3e4e;
            cursor: pointer;
            border-radius: 40px;
            transition: all 0.2s ease;
            font-family: inherit;
            letter-spacing: 0.3px;
        }
        .jynewsfb-tab-btn:hover {
            background: #d0d5db;
            transform: translateY(-1px);
        }
        .jynewsfb-tab-btn.active {
            background: #1e2f3c;
            color: white;
            box-shadow: 0 4px 10px rgba(0,0,0,0.1);
        }

        .jynewsfb-body {
            padding: 36px 44px 52px 44px;
        }

        .jynewsfb-panel {
            display: none;
            animation: fadeIn 0.25s ease;
        }
        .jynewsfb-panel.active-panel {
            display: block;
        }

        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(6px);}
            to { opacity: 1; transform: translateY(0);}
        }

        .jynewsfb-form {
            width: 100%;
        }

        .jynewsfb-row {
            display: flex;
            flex-wrap: wrap;
            gap: 24px;
            margin-bottom: 20px;
        }

        .jynewsfb-group {
            flex: 1;
            min-width: 0;
        }

        .jynewsfb-fullwidth {
            margin-bottom: 20px;
        }

        .jynewsfb-form textarea {
            width: 100%;
            font-size: 14px;
            color: #2c3e4e;
            background-color: #e6e6e6;
            padding: 13px 24px;
            border: none;
            outline: none;
            transition: all 0.2s ease;
            font-family: inherit;
            -webkit-border-radius: 24px;
            border-radius: 24px;
            box-sizing: border-box;
            resize: vertical;
            min-height: 100px;
        }
        .jynewsfb-form textarea:focus {
            background-color: #f0f2f5;
            outline: 2px solid #3b82f6;
            outline-offset: 0px;
            box-shadow: 0 4px 12px rgba(59,130,246,0.15);
        }
        .jynewsfb-form textarea::placeholder {
            color: #8f9eae;
            font-weight: 400;
        }

        .jynewsfb-form input,
        .jynewsfb-form select {
            width: 100%;
            font-size: 14px;
            color: #2c3e4e;
            background-color: #e6e6e6;
            height: 50px;
            padding: 13px 24px;
            border: none;
            outline: none;
            transition: all 0.2s ease;
            font-family: inherit;
            -webkit-border-radius: 33px;
            border-radius: 33px;
            box-sizing: border-box;
        }

        .jynewsfb-form input::placeholder {
            color: #8f9eae;
            font-weight: 400;
        }

        .jynewsfb-form select {
            color: #8f9eae;
            appearance: none;
            -webkit-appearance: none;
            background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23556c7e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>");
            background-repeat: no-repeat;
            background-position: right 20px center;
            background-size: 18px;
            padding-right: 48px;
            cursor: pointer;
        }

        /* 核心修复：强制默认选中的 disabled option 文字颜色为灰色 */
        .jynewsfb-form select:invalid {
            color: #8f9eae;
        }

        .jynewsfb-form select option:disabled {
            color: #8f9eae;
        }

        .jynewsfb-form select option {
            color: #2c3e4e;
        }

        /* 当 select 有效（选中了非禁用的选项）时，文字颜色变深 */
        .jynewsfb-form select:valid {
            color: #2c3e4e;
        }

        .jynewsfb-form input:focus,
        .jynewsfb-form select:focus {
            background-color: #f0f2f5;
            outline: 2px solid #3b82f6;
            outline-offset: 0px;
            box-shadow: 0 4px 12px rgba(59,130,246,0.15);
        }

        .jynewsfb-btn-wrapper {
            display: flex;
            justify-content: center;
            margin-top: 40px;
        }

        .jynewsfb-submit {
            background: #1e2f3c;
            border: none;
            padding: 14px 44px;
            min-width: 200px;
            font-size: 17px;
            font-weight: 600;
            color: white;
            border-radius: 60px;
            cursor: pointer;
            transition: all 0.2s ease;
            font-family: inherit;
            letter-spacing: 0.5px;
            box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08);
        }
        .jynewsfb-submit:hover {
            background: #0f212e;
            transform: translateY(-2px);
            box-shadow: 0 12px 22px -8px rgba(0, 0, 0, 0.2);
        }
        .jynewsfb-submit:active {
            transform: translateY(1px);
        }

        @media (max-width: 780px) {
            .jynewsfb-body {
                padding: 28px 24px 40px;
            }
            .jynewsfb-row {
                flex-direction: column;
                gap: 16px;
            }
            .jynewsfb-btn-wrapper {
                margin-top: 32px;
            }
            .jynewsfb-submit {
                width: 100%;
                max-width: 280px;
            }
            .jynewsfb-tab-btn {
                padding: 8px 24px;
                font-size: 14px;
            }
        }











.jy-nahk {
    width: 100%;
    background: #ffffff;
    border-bottom: 1px solid #eee;
    padding: 12px 0;
    transition: all 0.4s ease;
    overflow: hidden;
}
.jy-nahk-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.jy-nahk-text {
    font-size: 15px;
    color: #333;
    text-align: center;
}
.jy-nahk-close {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 22px;
    color: #666;
    cursor: pointer;
    pointer-events: auto !important;
    z-index: 9999;
    line-height: 1;
}
.jy-nahk-close:hover {
    color: #000;
}
/* 关闭收缩动画 */
.jy-nahk.hide {
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: none;
    opacity: 0;
}















    /* 语言切换容器 */
    .jy-language {
      position: relative;
      display: inline-block;
      font-family: "Microsoft YaHei", sans-serif;
      cursor: pointer;
      margin: 20px;
    }

    /* 主按钮样式 */
    .jy-lang-btn {
      display: flex;
      align-items: center;
      gap: 6px;
      padding: 8px 12px;
      background: #fff;
      border: 1px solid #eee;
      border-radius: 6px;
      font-size: 14px;
      color: #333;
      transition: 0.2s;
    }

    /* 悬停主按钮 */
    .jy-language:hover .jy-lang-btn {
      background: #f5f5f5;
      border-color: #ddd;
    }

    /* 地球图标颜色 */
    .jy-theme-clr {
      color: #2d8cf0;
    }

    /* 下拉菜单默认隐藏 */
    .jy-lang-dropdown {
      position: absolute;
      top: 100%;
      left: 0;
      min-width: 150px;
      margin-top: 4px;
      padding: 6px 0;
      background: #fff;
      border: 1px solid #eee;
      border-radius: 6px;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
      list-style: none;
      opacity: 0;
      visibility: hidden;
      transform: translateY(10px);
      transition: 0.2s ease;
      z-index: 999;
    }

    /* 鼠标悬停显示下拉 */
    .jy-language:hover .jy-lang-dropdown {
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
    }

    /* 下拉项 a 标签样式 */
    .jy-lang-dropdown li a {
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 6px 12px;
      font-size: 14px;
      color: #333;
      text-decoration: none;
      transition: 0.2s;
      width: 100%;
      box-sizing: border-box;
    }

    /* 下拉项悬停效果 */
    .jy-lang-dropdown li a:hover {
      background: #f5f7fa;
      color: #2d8cf0;
    }

    /* 语言小图标大小 */
    .jy-lang-icon {
      width: 16px;
      height: 16px;
      object-fit: cover;
      border-radius: 2px;
    }