:root {
  --bs-primary: #efaf11;
  --bs-secondary: #000;
  --font-body: 16px;
  --white-color:#ffffff;
  --black-color:#000000;
  --bs-family: "Encode Sans", sans-serif;
  --font-family-encode-condensed: "Encode Sans Condensed", sans-serif;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
  }
  
:focus {
  outline: 0;
}
ul,
ol {
  list-style-type: disc;
  margin-left: 18px;
  padding: 0px;
  margin-bottom: 10px;
}
li {
  margin: 0px;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption,
th,
td {
  font-weight: normal;
  text-align: left;
}
strong {
  font-weight: bold;
}
a img {
  border: 0;
}
img {
  max-width: 100%;
  border: 0 none;
  height: auto;
  vertical-align: middle;
}
.display-block {
  display: block;
}

body {
  padding: 0;
  margin: 0px;
  color: var(--bs-black);
  font-family: var(--bs-family);
  font-size: var(--font-body);
  font-family: "Encode Sans", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
	padding: 0;
	margin: 0;
	font-weight: 600;
	color: var(--bs-primary);
  font-family: var( --font-family-encode-condensed);
}

h1 { font-size:24px; }
h2 { font-size:20px;}
h3 { font-size:18px; }
h4 {font-size:16px;}
h5 {font-size:14px;}
h6 { font-size:12px; }

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { 
 color: var(--primary);	
}
button {
  cursor: pointer;
}
hr {
  border-color: #999;
}
p {
  clear: both;
  padding: 0 0 10px 0;
  margin: 0;
  color: var(--bs-black);
  font-size: var(--font-body);
  line-height: normal;
}
a {
  color: #000;
}
a:focus, a:active {
 outline: none !important;
 border: none;
}
p a:hover,
a,
a:hover {
  text-decoration: none;
  color: var(--bs-black);
}
iframe {
  max-width: 100%;
}
::-webkit-input-placeholder {
  color: #000 !important;
}
::-moz-placeholder {
  color: #000 !important;
  opacity: 1 !important;
}
:-ms-input-placeholder {
  color: #000 !important;
  opacity: 1 !important;
}
:-moz-placeholder {
  color: #000 !important;
  opacity: 1 !important;
}
.btn.focus,
.btn:focus {
  box-shadow: none;
}
.btn-custom {
  background: var(--bs-secondary);
  border-radius: 27px;
  padding: 10px 20px;
  font-size: 15px;
  color: #fff;
  font-weight: 700;
  letter-spacing: 1px;
}
.btn-custom:hover {
  background: var(--bs-primary);
  color: var(--bs-white);
}

.container {
  max-width: 1230px;
}
.container-sm {
  max-width: 590px;
}

.row>* { margin-top:0px!important;}
.row { margin-top: 0px;}

/*------------------------------------*\
         Custom Css Start
\*------------------------------------*/


.top-brand{background:#fff;padding:20px 0 18px;border-bottom:1px solid #d8d8d8}

.top-brand .row { margin-top: 0px !important;}


.brand-logo img { display: block;}


.top-tagline{font-size:20px;font-weight:700;color:var(--bs-primary);line-height:1.35;text-align:center;max-width:520px;margin:auto; font-family: var(--font-family-encode-condensed);}
.top-tagline span { display:  block; padding: 0 0 0 130px;}

.top-search{max-width:220px;margin-left:auto}
.top-search .form-control{height:30px;border-radius:0;border:1px solid #bdbdbd;font-size:13px}
.top-search .btn{width:30px; height:30px;border-radius:0;background:#313131 url(../images/mdi_search.svg) 50% 50% no-repeat;color:#fff;border:none;padding:0 12px; background-size: 20px auto;}
.top-search .btn:hover {background:#2f2926 url(../images/mdi_search.svg) 50% 50% no-repeat; background-size: 20px auto;}



.main-nav{background:#5c5754;position:relative;z-index:99; height:24px;}
.main-nav .navbar{padding:0}
.main-nav .nav-link{color:#fff!important;font-size:12px;font-weight:600;padding:3px 14px;display:block}
.main-nav .nav-link:hover{background:rgba(255,255,255,.08)}

.main-menu,.main-menu ul{list-style:none;margin:0;padding:0}
.main-menu>li{position:relative}

.has-submenu>.nav-link,.has-submenu-child>a{position:relative;padding-right:35px !important;}

.has-submenu>.nav-link:after {content:""; position:absolute; right:10px; top:50%; transform:translateY(-50%); font-size:10px; background: url(../images/menu-arrow-right.svg) 0 0 no-repeat; width:24px; height:24px;  }
.has-submenu-child>a:after{ content:""; position:absolute; right:10px; top:50%; transform:translateY(-50%); font-size:10px; font-size:10px; background: url(../images/menu-arrow-right.svg) 0 0 no-repeat; width:24px; height:24px;   }

.submenu,.submenu-child{position:absolute;top:100%;left:0;min-width:230px;background:#5c5754;box-shadow:0 10px 25px rgba(0,0,0,.18);opacity:0;visibility:hidden;transform:translateY(8px);transition:.25s ease}

.submenu li,.submenu-child li{position:relative}

.submenu a,.submenu-child a{display:block;color:#fff;font-size:13px;font-weight:500;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08);text-decoration:none}

.submenu a:hover,.submenu-child a:hover{background:#6a5d56;color:#fff}

.submenu-child{top:0;left:100%;transform:translateX(8px)}

@media (min-width:992px){
.has-submenu:hover>.submenu{opacity:1;visibility:visible;transform:translateY(0)}
.has-submenu-child:hover>.submenu-child{opacity:1;visibility:visible;transform:translateX(0)}
.main-menu-right .has-submenu>.submenu {right:0px; left: auto;}
.main-menu-right .has-submenu-child>.submenu-child { left:-100%; } 


.has-submenu>.nav-link:after { transform:translateY(-50%) rotate(90deg)  }


}

@media (max-width:991.98px){



.main-nav .navbar-collapse{background:#4a403c; padding: 0px;
  /* padding:10px 0px 15px 0px; */
}
.main-menu{width:100%}
.main-menu>li{border-top:1px solid rgba(255,255,255,.08)}

.submenu,.submenu-child{position:static;min-width:100%;opacity:1;visibility:visible;transform:none;box-shadow:none;display:none;background:#5b4f49}
.submenu-child{background:#675a53}

.has-submenu.open>.submenu{display:block}
.has-submenu-child.open>.submenu-child{display:block}

.submenu a,.submenu-child a{padding:11px 24px}
.submenu .has-submenu-child>a{padding-left:24px !important;}
.submenu-child a{padding-left:38px !important;}

.has-submenu>.nav-link:after,.has-submenu-child>a:after{transition:.25s ease}
.has-submenu.open>.nav-link:after,.has-submenu-child.open>a:after{transform:translateY(-50%) rotate(90deg)}



}




.navbar-nav { margin-left:0px!important; }


.hero-section{position:relative;background:#838383}
.hero-slider-wrap{position:relative}
.hero-slider{overflow:hidden}
.hero-slide{position:relative}
.hero-slide img{width:100%;height:900px;object-fit:cover;display:block; margin: 0 auto; }

.hero-slider .slick-track,
.hero-slider .slick-list{height:100%}

.hero-caption-wrap{position:absolute;left:0;right:0;bottom:0;background:#fff}
.hero-caption-box{padding:16px 0 22px}

.headline-title{font-size:24px;font-weight:800;color:var(--bs-primary);line-height:1.15;margin-bottom:4px}
.headline-title a {color:var(--bs-primary);}
.headline-meta{font-size:15px;font-weight:700;color:#111}
.headline-meta span{font-weight:400}
.headline-copy{font-size:13px;line-height:1.45;color:#000;max-width:100%}


.hero-slider-prev, .gallery-arrow.left {left:2%}
.hero-slider-next, .gallery-arrow.right {right:2%}

.slick-arrow { width:38px;height:38px;border-radius:50%;display:block;align-items:center;justify-content:center; transition:.3s; margin-top: -82px; position:absolute;top:50%;transform:translateY(-50%);z-index:10;border:none;background:transparent;padding:0 }
.slick-arrow .hero-arrow { width:38px;height:38px;border-radius:50%; display: block; background:rgba(255,255,255,.78) url(../images/slide-arrow.svg) 57% 50% no-repeat; background-size: 15px auto; }
.slick-arrow .hero-arrow:hover{background:#fff url(../images/slide-arrow.svg) 57% 50% no-repeat; background-size: 15px auto; color:#333}


.hero-slider-prev.slick-arrow .hero-arrow, .gallery-arrow.left .hero-arrow { transform:rotate(-180deg); }



.filter-bar{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin-bottom:0}
.filter-item{min-width:180px}
.filter-item label{display:block;font-size:12px;font-weight:600;margin-bottom:6px}
.filter-bar .form-select,.filter-bar .form-control{height:30px;border:1px solid #cfcfcf;border-radius:0;background:#fff;font-size:13px;box-shadow:none; line-height: 16px; max-width: 200px;}
.filter-bar .form-select:focus,.filter-bar .form-control:focus{border-color:var(--bs-primary);box-shadow:none}
.filter-search{min-width:260px}
.search-group{display:flex}
/* .search-group .form-control{border-right:none} */
.search-group .btn{width:30px;height:30px;border:none;border-radius:0; background:#313131 url(../images/mdi_search.svg) 50% 50% no-repeat;color:#fff; background-size: 20px auto;}
.search-group .btn:hover{background:#2f2926 url(../images/mdi_search.svg) 50% 50% no-repeat; background-size: 20px auto;}

.side-top { padding:23px 0 0 0;}

.form-select { background:url(../images/select-arrow.svg) 97% 50% no-repeat !important;  }

.section-wrap { padding:0 0 38px 0; }

.navbar-toggler { display:flex; justify-content:space-between; align-items:center; font-size:14px; font-weight:600; width:100%; padding:0;}




.left-list {margin-bottom: 18px !important;}

.story-card{margin-bottom:15px}
.story-card img{width:100%;height:165px;object-fit:cover;display:block}
.story-title{font-size:16px;font-weight:700;color:var(--bs-primary);line-height:1.2;margin:10px 0 4px}
.story-title a { color:var(--bs-primary); }
.story-location{font-size:14px;color:#444;line-height:1.2}
.story-author{font-size:14px;font-weight:700;color:#222;line-height:1.2;margin-bottom:6px}
.story-desc{font-size:13px;line-height:normal; margin:0}
/* .story-desc-new{font-size:13px;line-height:normal; margin:0;font-family: var(--font-family-encode-condensed);letter-spacing: 1px;} */
.mini-search{display:flex}
.mini-search .form-control{height:30px;border-radius:0;font-size:12px;border:1px solid #bdbdbd}
.mini-search .btn{height:30px;border-radius:0;background:#313131 url(../images/mdi_search.svg) 50% 50% no-repeat;color:#fff;border:none;padding:0 12px; width: 30px; background-size: 20px auto;}
.side-block{margin-bottom:20px}
.side-block h4{font-size:16px;font-weight:600;color:#555;text-transform:uppercase;margin-bottom:9px}
.side-card img{width:100%;height:140px;object-fit:cover;display:block;margin-bottom:10px}
/* .side-card .story-title{font-size:14px; letter-spacing: 1px;} */
.btn-more{display:inline-block;background:#5c5754;color:#fff;font-size:13px;font-weight:600;padding:7px 18px}
.btn-more:hover {background:var(--bs-primary);}


.programs-section {padding:24px 0 60px; background: #f5f5f5;}
.programs-section h2.section-title { padding: 0 0 20px 0;}


.program-card h2.program-heading-h2 {font-size: 20px; font-weight: 700; color: var(--bs-primary); line-height: 1.2; margin-bottom: 4px;}
.program-card h3 { /* font-size: 14px; */ font-weight: 700; margin-bottom: 8px; font-family: var(--font-family-encode-condensed); color: #5c5754;}
.program-card h2 {  /* font-size: 13px;  */ font-weight: normal; color: var(--bs-black); line-height:normal; margin-bottom: 3px; font-family: "Encode Sans", sans-serif; }
.program-card p { font-size:13px !important; margin: 0px !important; }
.program-card p strong { font-weight: bold; }
.program-card a { color: var(--bs-primary); font-weight: 600; }

.program-card img{width:100%;height:auto;object-fit:cover;display:block;margin-bottom:12px; max-height: 230px; min-height: 230px;}
.program-card .program-title{font-size:16px;font-weight:700;color:var(--bs-primary);line-height:1.2;margin-bottom:6px}
.program-card .program-title a {color:var(--bs-primary);}
.program-card .program-date{font-size:14px;font-weight:700; margin-bottom:8px; font-family: var(--font-family-encode-condensed); color: #5c5754; }
.program-card .program-desc{font-size:13px;line-height:1.55;}


.program-link{font-size:13px;font-weight:700;color:var(--bs-primary)}
.site-footer{background:#050505;color:#fff;padding:42px 0}
.footer-logo{font-size:64px;font-weight:800;line-height:.9;color:var(--bs-primary);letter-spacing:-2px}
.footer-logo small{display:block;font-size:18px;letter-spacing:0;color:#fff;font-weight:600}
.footer-text{font-size:14px;line-height:1.7;color:#fff}
.footer-menu a{display:block;color:#fff;font-size:14px;line-height:2}
.footer-menu a:hover { opacity: 0.8;}
.social-icons a{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid rgba(255,255,255,.25);color:#fff;margin-right:6px;font-size:13px; background: #2a2a2a; border-radius: 3px;}
.social-icons a:hover { opacity: 0.8;}
.social-icons a svg { width: 15px;} 
.social-icons a svg path { fill: #fff;}
.social-icons a .facebook-icon svg { width: 10px;}


.footer-menu {  display:grid;  grid-template-columns:repeat(2,1fr);  gap:0px 20px;}
.footer-menu a{  display:block; }



.visible-md {
  display: none !important;
}

.hidden-md {
  display: block !important;
}

/* Desktop & Large Devices (992px and above) */
@media (min-width: 992px) {
  .visible-lg {
    display: block !important;
  }

  .hidden-lg {
    display: none !important;
  }
}

.personal_homepage .img-descri { clear: none;}
.photo-profile .tab-bg.personal_homepage { border: 1px solid #3a3636; }
.tab-bg.personal_homepage > tbody > tr > td, .personal_homepage_ipad .table-bordered > tbody > tr > td  { border: 1px solid #c5c5c5;  }
.personal_homepage_ipad .img-descri h3, .personal_homepage_ipad .img-descri p { clear: none; }


@media(max-width:1259px){

.section-wrap>.container .row.g-5 { --bs-gutter-x: 1.5rem !important;}

}

@media(max-width:991px){
  .search-hover{ display: none !important; }
  .brand-logo{font-size:52px;text-align:center}
  .brand-logo span{font-size:20px}
  .top-tagline{font-size:18px;margin:18px auto}
  .top-search { margin: 0px auto 0;   float: right; }



  .hero-slide img{height:520px}
  .hero-caption-box{padding:14px 0 18px}
  .headline-title{font-size:20px}

  .top-brand .row { display: flex;}
  .top-brand .row .col-lg-6 { display: none;}
  .top-brand .row .col-lg-3:first-child { width: 35%;}
  .top-brand .row .col-lg-3 { width: 65%;}



  .slick-arrow { width:38px; height:38px; }
  .slick-arrow .hero-arrow {width:38px; height:38px; background-size: 14px auto; } 

  .main-nav { height:34px;}
  .navbar-toggler { margin-top: 2px; height: 30px; padding-right: 6px;}
  .navbar-toggler img { width: 26px; }

}

@media(max-width:767px){
    .cms-fix-pages{ background: #fff !important; margin-top: -10px !important; }
    iframe{ width:100%; }
    .mobilemenu {
  display: none !important;
}
    .d-flex.search-hover{ display:none !important; }
  .top-search { max-width: 100%; }
  .footer-logo,.footer-text,.footer-menu{text-align:center}
  .social-icons{text-align:center; padding-bottom: 10px;}

  .left-list { display: block !important;}

  .filter-bar { padding-top: 15px;}

  .side-block { margin-bottom: 15px;}

  .story-card img { height: auto; }

  .hero-slide img{height:360px}
  .hero-caption-box{padding:14px 0}
  .headline-title{font-size:18px}
  .headline-meta{font-size:14px}
  .headline-copy{font-size:12px}
  .hero-arrow{width:44px;height:44px;font-size:20px}

  .filter-item,.filter-search{min-width:100%;width:100%;}

  .footer-menu { padding-top:20px; }

  .filter-bar .form-select, .filter-bar .form-control { max-width: none;}

  .image-parts { padding:20px 0 0 0; }
  .img-descri h3 { padding-top:15px; }

  .main-nav .nav-link{padding:10px 14px; }



  



}


/* galery page css start */

.gallery-page{padding:18px 0 80px}
.page-box{max-width:1140px;margin:0 auto}
.hero-gallery{background:#fff; overflow: hidden;}
.main-image-wrap{position:relative}
.gallery-main-slider{overflow:hidden}
.gallery-slide img{width:100%;height:800px;object-fit: contain;display:block; background: #fff;}


.gallery-arrow { margin-top: -2px;  }

.gallery-strip{display:flex;gap:16px;align-items:flex-start;padding:14px 0 0}
.gallery-caption{width:240px;font-size:14px;line-height:1.5;color:#333}
.gallery-caption a{font-weight:700}
.thumbs-wrap{flex:1;min-width:0}

.gallery-thumb-slider{margin:0 -5px}
.gallery-thumb-slider .slick-slide{padding:0 5px; text-align: center;}
.thumb-item{height:93px;overflow:hidden;background:#fff;border:2px solid transparent;cursor:pointer}
.thumb-item img{width:100%;height:93px;object-fit:cover;display:block}
.gallery-thumb-slider .slick-current .thumb-item{border-color:var(--bs-primary)}

.img-count{text-align:right;font-size:12px;color:#333;padding-top:8px}

.gallery-main-slider .slick-track,
.gallery-thumb-slider .slick-track{margin-left:0}




.content-area{display:flex;gap:34px;padding-top:26px}
.left-links{width:210px}
.left-links ul{list-style:none;padding:0;margin:0}
.left-links li{margin-bottom:8px}
.left-links a{font-size:14px;font-weight:700;color:#222}
.left-links a.active{color:var(--bs-primary)}
.follow-title{font-size:14px;font-weight:600;margin:26px 0 10px; display: flex;}
.left-links .follow-title a { padding: 0px 0px 0px 4px; }
.side-social-icons {display:flex;gap:8px}
.side-social-icons a{width:28px;height:28px;border-radius:3px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700}


.article-content{flex:1;max-width:760px}
/* .article-title{font-size:28px;line-height:1.1;font-weight:800;color:var(--bs-primary);margin:0 0 2px}
.article-country{font-size:18px;line-height:1.2;color:#333;padding: 5px 0px;}
.article-author{font-size:20px;line-height:1.2;font-weight:800;color:#222;margin-bottom:20px} */
.article-title{font-size:22px;line-height:1.1;font-weight:800;color:var(--bs-primary);margin:0 0 2px}
.article-country{font-size:17px;line-height:1.2;color:#333;padding: 5px 0px;}
.article-author{font-size:17px;line-height:1.2;font-weight:800;color:#222;margin-bottom:20px}
.publish-date{font-size:16px;color:#666;margin-bottom:20px}
/* .article-content p{font-size:17px;line-height:1.55;color:#333;margin-bottom:28px} */
.article-content p{font-size:17px;line-height:1.42857143;color:#333;margin-bottom:5px}
.comment-link{font-size:13px;color:#2a7d92;font-weight:700}
.comment-link span{color:#777;font-weight:400}


.tab-content{display:none}
.tab-content.active{display:block}

.left-links a{display:block;padding:6px 0;color:#222;font-weight:600}
.left-links a.active{color:var(--bs-primary)}

.comments-link{margin-top:20px;font-size:14px;}
.comments-link a{ color:#2a8c8c; text-decoration:none; font-weight:600; display:inline-flex; align-items:center;  gap:6px;}
.comments-link a:hover{ text-decoration:underline;}
.comments-link .arrow{ font-size:18px; line-height:1; position:relative;  top:-1px; }



/* =========================
   VIEWER FEEDBACK SECTION
========================= */
#viewerfeedback,
#viewerfeedbackform {
  width: 100%;
  display: block;
  clear: both;
}

#viewerfeedback {
  background: #f8f6f1;
  padding: 30px;
  border: 1px solid #e2ddd3;
  border-radius: 14px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
  margin-bottom: 30px;
}

#viewerfeedbackform {
  background: #ffffff;
  padding: 30px;
  border: 1px solid #e6e6e6;
  border-radius: 14px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
}

/* =========================
   EXISTING FEEDBACK LIST
========================= */
#viewerfeedback .feedback_name {
  font-size: 18px;
  font-weight: 700;
  color: #222;
  margin-bottom: 8px;
}

#viewerfeedback .fontsize11 {
  font-size: 14px;
  line-height: 1.6;
  color: #555;
  margin-bottom: 6px;
}

#viewerfeedback .fontsize11 span {
  font-weight: 600;
  color: #222;
  display: inline-block;
  min-width: 55px;
}

#viewerfeedback p {
  margin: 0 0 10px;
  color: #444;
  line-height: 1.7;
}

#viewerfeedback p[style*="border-bottom"] {
  border-bottom: 1px solid #ddd !important;
  margin: 18px 0 !important;
  padding-bottom: 0 !important;
}

/* =========================
   FORM BOX
========================= */
#viewerfeedbackform .sign-in.cre-new {
  background: #fff;
  border-radius: 12px;
}

#viewerfeedbackform h2 {
  font-size: 28px;
  font-weight: 700;
  color: #1f1f1f;
  margin-bottom: 25px;
  line-height: 1.3;
}

/* =========================
   LABELS
========================= */
#viewerfeedbackform label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #333;
  margin-bottom: 8px;
}

#viewerfeedbackform .font-normal {
  font-weight: 400;
  color: #777;
  font-size: 13px;
}

/* =========================
   FORM GROUPS
========================= */
#viewerfeedbackform .form-group {
  margin-bottom: 20px;
}

/* =========================
   INPUTS / TEXTAREA / SELECT
========================= */
#viewerfeedbackform .form-control {
  width: 100%;
  height: 48px;
  border: 1px solid #d8d8d8;
  border-radius: 10px;
  background: #fff;
  padding: 12px 15px;
  font-size: 14px;
  color: #222;
  box-shadow: none;
  transition: all 0.3s ease;
}

#viewerfeedbackform textarea.form-control {
  height: 130px;
  resize: vertical;
  padding-top: 14px;
  line-height: 1.6;
}

#viewerfeedbackform .form-control:focus {
  border-color: #7f8c5a;
  box-shadow: 0 0 0 3px rgba(127, 140, 90, 0.12);
  outline: none;
}

/* =========================
   CAPTCHA AREA
========================= */
#viewerfeedbackform .g-recaptcha {
  transform-origin: left top;
}

#viewerfeedbackform .col-sm-12.col-md-12[style*="margin-bottom"] {
  margin-top: 10px !important;
  margin-bottom: 20px !important;
}

/* =========================
   SUBMIT BUTTON
========================= */
#viewerfeedbackform .green-btn2,
#viewerfeedbackform input[type="button"].green-btn2,
#viewerfeedbackform input[type="submit"].green-btn2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 180px;
  height: 48px;
  padding: 0 24px;
  background: #7f8c5a;
  color: #fff;
  border: none;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  display: inline-block;
  background: #686868;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  padding: 7px 18px;

}

#viewerfeedbackform .green-btn2:hover,
#viewerfeedbackform input[type="button"].green-btn2:hover,
#viewerfeedbackform input[type="submit"].green-btn2:hover {
    background: var(--bs-primary);
  color: var(--bs-black);
  transform: translateY(-1px);
}

#viewerfeedbackform .con-btn.mgcl {
  margin-top: 10px;
}




.filter a, .reset a { width:30px; height:30px; background-size:cover !important; border: none; display: block;  }

.filter a { background: url(https://socialdocumentary.s3.amazonaws.com/images/bitcoin-icons_search-filled.png) center center no-repeat; }
.reset a { background: url(https://socialdocumentary.s3.amazonaws.com/images/charm_cross.png) center center no-repeat; }

  .filter, .reset { display:flex;  align-items:center; align-self: center; margin-top: 24px;  }



/* =========================
   GRID / SPACING FIXES
========================= */
#viewerfeedbackform .row {
  margin-left: -10px;
  margin-right: -10px;
}

#viewerfeedbackform .row > [class*="col-"] {
  padding-left: 10px;
  padding-right: 10px;
}

#viewerfeedbackform form {
  width: 100%;
}

/* =========================
   PAGINATION / FOOTER TEXT
========================= */
#viewerfeedback .clear.fontsize11 {
  font-size: 13px;
  color: #666;
  margin-top: 15px;
}


/* =========================
   RESPONSIVE
========================= */
@media (max-width: 991px) {
  #viewerfeedback,
  #viewerfeedbackform {
    padding: 22px;
  }

  #viewerfeedbackform h2 {
    font-size: 24px;
    margin-bottom: 20px;
  }
}

@media (max-width: 767px) {
  #viewerfeedback,
  #viewerfeedbackform {
    padding: 18px;
    border-radius: 10px;
  }

  #viewerfeedback .feedback_name {
    font-size: 16px;
  }

  #viewerfeedbackform h2 {
    font-size: 22px;
  }

  #viewerfeedbackform .form-control {
    height: 44px;
    font-size: 14px;
  }

  #viewerfeedbackform textarea.form-control {
    height: 110px;
  }

  #viewerfeedbackform .green-btn2,
  #viewerfeedbackform input[type="button"].green-btn2,
  #viewerfeedbackform input[type="submit"].green-btn2 {
    width: 100%;
    min-width: 100%;
  }

  #viewerfeedbackform .g-recaptcha {
    transform: scale(0.92);
  }
}

@media (max-width: 480px) {
  #viewerfeedbackform .g-recaptcha {
    transform: scale(0.82);
  }

  #viewerfeedbackform h2 {
    font-size: 20px;
  }
}




#viewerfeedbackform > .col-md-8, #viewerfeedbackform .form-group { width: 100% !important;}

 
#viewerfeedback { margin-top: 20px;}


@media (min-width:768px) and (max-width:991px) {

  #response_article { display: flex; margin: 0 -12px; }
  .side-block { padding: 0 12px; width: 50%;}

  .side-card img { height: 220px;}


}


@media (max-width:991px){
  .gallery-strip{flex-direction:column}
  .gallery-caption{width:100%}
  .gallery-slide img{height:460px}


  .gallery-strip { display: block;}

  .thumbs-wrap { padding-top: 15px;}

}

@media (max-width:767px){
  .gallery-slide img{height:236px}
  .gallery-arrow{width:42px;height:42px;font-size:22px}
  .gallery-arrow.left{left:12px}
  .gallery-arrow.right{right:12px}
  .thumb-item{height:58px}

  .content-area { display: block;}

  .article-content { padding-top: 30px;}

  .side-card img { height: auto;}

  .video-box iframe { width: 100%; height: 300px; }




}


/* galery page css end */
.frmApproveExhibit {
  margin-bottom: 25px;
  margin-top: 10px;
}
.frmApproveExhibit .nav.nav-tabs.hidden-xs {
  margin-left: 0;
  margin-bottom: 10px;
  border: 0;
  font-weight: bold;
}


.art-con-sec { overflow: hidden; }

.article-content .art-con-sec p { clear:none;  }

.article-content .art-con-sec h2, .article-content .art-con-sec h1 { clear:none;}

.article-content .art-con-sec hr { clear: both;}

.article-content figure.image {display: table; }
.article-content figure.image figcaption { display: table-caption; caption-side: bottom;  width: auto;}


.article-content figure.image.align-center { text-align: center;}
.article-content figure.image.align-left { float: left; margin-right: 20px;}
.article-content figure.image.align-right { float: right;  margin-left: 20px;}

.article-content figure.image.align-center figcaption { display: block; }

.gallery-page { min-height: calc(100vh - 347px);}
.search-hover{ margin-bottom: 5px;font-size: 12px; font-weight: 600; }
.search-hover:hover{ text-decoration: underline;}
.article-new-title{ font-size: 28px; }





/* new changes */

.article-content img[style*="float:left"],
.article-content img[style*="float: left"] {
  margin: 0 20px 10px 0;
}

/* Right floated image */
.article-content img[style*="float:right"],
.article-content img[style*="float: right"] {
  margin: 0 0 10px 20px;
}

.article-content h1 { margin-bottom: 16px; }
.article-content p { line-height: 1.6;}
.article-content.art-con { max-width: 900px; }
.article-new-title { font-weight: 600; font-size: 40px; }
.article-content .art-con-sec hr { border-color: #000; }



.gallery-thumb-slider { padding:0px 20px; }
.gallery-thumb-slider .slick-arrow { margin-top:-1px; text-indent: -999999px; }
.gallery-thumb-slider .slick-prev { left:5px; background:#e9e9e9 url(../images/pre-arrow.svg) 50% 50% no-repeat; }
.gallery-thumb-slider .slick-next { right:5px; background:#e9e9e9 url(../images/next-arrow.svg) 50% 50% no-repeat; }