@media all
{

* html body * { overflow:visible; }
* html iframe, * html frame { overflow:auto; }
* html frameset { overflow:hidden; }

/* ul,ol,li, */
html,body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,select,option,p,blockquote,th,td,img,hr{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
/* ol,ul,li{list-style:none;} */
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{/*font-size:100%;*/font-weight:normal;}
blockquote:before, blockquote:after,q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
.clear{clear:both;}
.left{float:left;}
.right{float:right}
.lower{text-transform:lowercase;}
.upper{text-transform:uppercase;}
br.clear{height:0;overflow:hidden;}

/* body{*font-size:small;*font:x-small;} */
table {font-size:inherit;/*font:100%;*/}
pre,code,kbd,samp,tt{font-family:monospace; font-size:108%;line-height:100%;}

html, textarea { overflow: auto; }
/* html, body { height: 100%; background: none;} */

*:focus { outline: 0; }
a { text-decoration: none; outline: none; cursor:pointer; cursor: hand; }

strong, b { font-weight: bold; }
em { font-style: italic; }
img { font-style: italic; }
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select {font-family:inherit;font-size:100%;font-size:inherit;font-weight:inherit;} 
}

html { height: 100%;}
 

:root { 
    --color-one-base: #3c0d94;
    --color-one-rgb: 60,13,148;
    --color-two-base: #fed600;
    --color-two-rgb: 254,214,0;
    --color-three-base: #01ADF0;
    --color-three-rgb: 1,173,240;
    --color-four-base: #386e07; 
    --color-highlight: #a90202;
	--home-banner-height: 70vh;
}    
 
:root {
    --ptl-blue-light: #2ea3f2;
    --ptl-blue-base: #025bbf;
    --color-primary-100: var(--ptl-blue-base);
    --color-primary-50: var(--ptl-blue-light);
    --color-primary-20: #84bfe7;
    --color-links: #2B86B2;
    --color-theme-a: #EFB842;
    --color-theme-b: #D99738;
    --color-theme-c: #FFDE6D;
    --color-theme-d: #B07600;
    --color-theme-e: #099749;
    --color-theme-f: #87610b;
    --color-theme-g: #572a0d;
    --color-borders-a: #ced4da;
    --ptl-color-menus-sticky: #4a535e;
    --ptl-color-menus-sticky-active: #fc9c0d;
    --ptl-blue: 30, 38, 90;
    --ptl-yellow: 252, 179, 31;
    --ptl-light: 243, 245, 250;
    --ptl-orange: 255, 112, 0;
    --gray-base: #4a535e;
    --gray-light: #999999;
    --ptl-brown: #794844;
    --ptl-beige: #B07600;
    --ptl-brown-rgb: 177, 132, 29; 
    --ptl-gold: #DCAB27;
    --ptl-green: #99BB4F;
    --ptl-green-2: #8FB53C;
    --ptl-green-dark: #7d9623;
    --ptl-green-rgb: 153, 187, 79;
    --ptl-color-other: #dc4549; 
    --font-main: 'Helvetica', 'Arial', sans-serif;
    --font-links: 'Helvetica', 'Arial', sans-serif;
    --font-head: 'Helvetica', 'Arial', sans-serif;
    --form-focus-height: 60px;
    --form-focus-control-height: 50px;
    --screen-small-min: 1024px;
    --screen-small-max: 1023px; 
    --height-banner-home: 80vh;
    --height-banner-home-min: 500px;
    --height-banner-small: 60vh;
}


body{
    background-color: #fff;
    font-family: var(--font-main);
    font-size: 0.9rem;
    font-size: clamp(0.9rem, 4vw, 1.02rem);
    line-height: 27px;
    color: #555;
    letter-spacing: -0.2px;
    font-weight: 400;
    position: relative;
    overflow-x: hidden;
}

.row { margin-left: 0; margin-right: 0;}

h1, h2, h3, h4, h5, h6{
    /* font-family: 'Jost', sans-serif; */
    -webkit-font-smoothing:antialiased;
    color: #282828;
	margin: 0 0 1%;
}
h1{  line-height: 1;  letter-spacing: -0.02em; font-weight: bold; }
h2{  color: #282828; font-weight: 600; line-height: 1; letter-spacing: -0.04em; }
h3,h4{ font-weight: 600; line-height: 1.4; color: #282828; letter-spacing: -0.04em; }
.h6, h6 { font-size: 1.125rem; }
img{
    border: none;
    outline:none;
}
ul{
    display: block;
    list-style-position: inside;
    list-style-type: disc;
}
p{
    /* font-size: 15px; */
    margin-bottom: 15px;
}
 
a {
    color: var(--color-one-base);
}
a, a:hover{
    text-decoration: none;
}
a:focus{
    outline: 0;
    text-decoration: none;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{
   color: #888 !important;
}

input:-moz-placeholder,
textarea:-moz-placeholder{ /* Firefox 18- */
   color: #888 !important;  
}

input::-moz-placeholder,
textarea::-moz-placeholder{  /* Firefox 19+ */
   color: #888 !important;  
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder{  
   color: #888 !important;  
}
button{
    border: none;
    background: none;
}
sup { top: 0.2em; }

/* Helper Class */
.padding{ padding: 80px 0; }
.padding-md{ padding: 40px 0 80px; }
.no-padding{
    padding: 0;
}
.mb-10{ margin-bottom: 10px; }
.mb-15{ margin-bottom: 15px; }
.mb-20{ margin-bottom: 20px; }
.mb-25{ margin-bottom: 25px; }
.mb-30{ margin-bottom: 30px; }
.mb-35{ margin-bottom: 35px; }
.mb-40{ margin-bottom: 40px; }
.mb-45{ margin-bottom: 45px; }
.mb-50{ margin-bottom: 50px; }
.mt-20{ margin-top: 20px; }
.mt-30{ margin-top: 30px; }
.mt-40{ margin-top: 40px; }
.ml-5{ margin-left: 5px; }
.ml-10{ margin-left: 10px; }
.mr-5{ margin-right: 5px; }
.mr-10{ margin-right: 10px; }
.mt-15{ margin-left: 15px; }
.mt-15{ margin-left: 15px; }
.padding-15{ padding: 15px; }

.display-block{ display: block; }
.text-black{
    color: #282828;
}
.text-white{
    color: #ffffff;
}
.align-left{
    text-align: left;
}
.align-right{
    text-align: right;
}
.align-center{
    text-align: center;
}
.fl-right{
    float: right;
}
.fl-left{
    float: left;
}
.display-table{
    width: 100%;
    height: 100%;
    display: table; 
}

.table-cell{
    display: table-cell;
    vertical-align: middle;
}
.overlay{
    width: 100%;
    position: relative;
    z-index: 1;
}
.overlay:before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.bg-grey{
    background-color: #f2f2f2;
}
.bd-bottom{
    border-bottom: 1px solid #eaeaea;
}
.bg-dark{
    background-color: #232323;
}

/* Preloader Styles */
.loaded .site-preloader-wrap {
    opacity: 0;
    visibility: hidden;
}
.site-preloader-wrap {
    position: fixed;
    z-index: 999;
    height: 100%;
    width: 100%;
    background: #272c30;
    top: 0;left: 0
}

.site-preloader-wrap .spinner {
    background-color: #ffd83f;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -20px;
    margin-top: -20px;
}

.spinner {
  width: 40px;
  height: 40px;

  border-radius: 100%;  
  -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
  animation: sk-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout {
  0% { -webkit-transform: scale(0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}

@keyframes sk-scaleout {
  0% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 100% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    opacity: 0;
  }
}


/* Button Style */

.btn_group a{
    margin: 5px;
}
.wrap-default-btn span,
.wrap-default-btn-two span,
.default-btn,
.default-btn-two{
    background-color: var(--color-two-base);
    color: var(--color-one-base);
    line-height: 45px;
    display: inline-block;
    padding: 0 20px;
    border-radius: 3px;
    font-size: 15px;
    font-weight: 500;
}
.wrap-default-btn span:hover,
.default-btn:hover{
    background-color: var(--color-one-base);
    color: #fff;
}
.default-btn.btn_sm,
.default-btn-two.btn_sm{
    line-height: 22px;
    padding: 0 15px; font-weight: 700;
}
.wrap-default-btn-two span,
.default-btn-two{
    background-color: var(--color-one-base);
	color: #FFFFFF;
}
.wrap-default-btn-two span:hover,
.default-btn-two:hover{
    background-color: var(--color-two-base);
    color: #000000;
}
.wrap-default-btn span,
.wrap-default-btn-two span{
	text-transform: uppercase;
}

/*Section Heading Style*/
.section-heading .heading-border{
    border-top: 5px solid var(--color-one-base);
    width: 50px;
    display: inline-block;
    margin-top: 0;
} 
.causes-section .section-heading .heading-border{
    border-top: 5px solid var(--color-two-base); 
} 
.section-heading h2{
    /* font-size: 38px; */
    margin-bottom: 0;
}

/* Transition Effect */
a,a:hover, .overlay, img, .form-control,  .form-control:hover, button {
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

/* Shape and Circle */
.circle,
.shape{
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.circle:before{
    background-color: var(--color-one-base);
    content: '';
    height: 800px;
    width: 800px;
    position: absolute;
    top: -400px;
    left: -350px;
    border-radius: 100%;
    opacity: 0.2;
    z-index: -1;
}
.shape:after{
    background-color: var(--color-one-base);
    content: '';
    width: 50%;
    height: 680px;
    position: absolute;
    top: 330px;
    right: -150px;
    border-radius: 100%;
    -webkit-transform: skew(3deg,30deg);
    -ms-transform: skew(3deg,30deg);
    transform: skew(5deg,10deg);
    opacity: 0.3;
    z-index: -1;
}

/* ==========================================================================
   2.0 Header Section
   ========================================================================== */
.header-section{
    position: absolute;
    box-shadow: none;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 100;
	border-top: 4px solid var(--color-one-base);
}
.header-section.navbar-fixed-top,
.theme-inner .header-section{
    position: fixed; box-shadow: 5px -5px 5px 10px rgba(0, 0, 0, .10);
}
.header-section.navbar-fixed-top .top-header{
    display: none;
}
.header-height{ height: 80px }
.theme-inner .header-height{ height: 70px }
@media (max-width: 1280px) {
	.header-height{ height: 60px !important;  }
}

/*Top Header*/
.top-header{ 
    background-color: var(--color-three-base);
    padding: 5px 0; display: none;
}
.top-content-wrap ul li{
    margin-right: 15px;
    display: inline-block;
}
.top-content-wrap ul li a{
    display: inline-block;
    color: #fff;
    font-size: 14px; font-weight: 700;
}
.top-content-wrap ul li i{
    color: #fff;
    margin-right: 10px;
}
.top-content-wrap .right-info{
    text-align: right;
}
.top-content-wrap .right-info i{
    margin-right: -5px;
    color: #fff;
    line-height: 25px;
    display: block;
    font-size: 16px;
}
.top-content-wrap .right-info li:last-child{
    margin-right: 0;
}
/*Bottom Header */
.bottom-header{background-color:#fff;position:relative}
.bottom-content-wrap{display:flex;align-items:center} 


.nav-menu{display:inline-block;margin-right:20px}
.nav-menu li{position:relative;padding-left:0px;display:inline-block;text-align:left}
.nav-menu li a{color:#282828;font-weight:500; display:block;font-size:15px}
.nav-menu li a.active{color: var(--color-highlight); }
.nav-menu li a:hover{color:var(--color-one-base)}
.nav-menu li ul{background-color:#fff;width:200px;height:auto;position:absolute;left:0;top:140%;visibility:hidden;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;z-index:999;     border: 1px solid #d4d4d4; list-style-position: outside; margin-left: 0; padding-left: 0;}
.nav-menu li:hover > ul{visibility:visible;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";top:100%}
.nav-menu li ul li{border-bottom:1px solid #eaeaea;display:block;position:relative; padding-left: 0;}
.nav-menu li ul li:last-child{border:none}
.nav-menu li ul li a{ line-height: 1.5; display: block; padding: 8px 15px; font-size: 14px;font-weight:500;color:#555;-webkit-transition:color 0.3s ease 0s,padding 0.3s ease 0s;transition:color 0.3s ease 0s,padding 0.3s ease 0s; white-space: normal;}
.nav-menu li ul li a.dropdown-item.active, .nav-menu li ul li a.dropdown-item:active,
.dropdown-item.active, .dropdown-item:active { color: var(--color-highlight); text-decoration: none; background-color: #bbbbbb21; }
.nav-menu li > ul > li:hover a{color:var(--color-one-base)}
.nav-menu li > ul ul{background-color:#fff;left:200px}
.nav-menu li > ul li:hover > ul li a{color:#555}
.nav-menu li ul li:hover > ul{top:0;opacity:1;visibility:visible}
/* .nav-menu li > ul li:hover > ul li > a:hover{background-color:transparent;color:#fff} */


.navbar { padding: 0;}
.navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.8rem;
    padding-left: 1rem;
}
.navbar-expand-xl .navbar-nav .nav-link.wrap-default-btn,
.navbar-expand-xl .navbar-nav .nav-link.wrap-default-btn-two {
    padding-right: 0.5rem;
    padding-left: 0.2rem;
}

#navbarId li a { color: #282828; font-weight: 500; padding-right: 20px;  }
.nav-menu .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; position: absolute; top: 47%; right: 0; }
.nav-menu .dropright .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; right: 5px; }

.nav-menu .dropdown-toggle.wrap-default-btn::after,
.nav-menu .dropdown-toggle.wrap-default-btn-two::after { 
    border-top: 0.3em solid #FFF; 
    top: 47%;
    right: 16px;
}

.nav-menu li.dropdown .dropdown-btn{position:absolute;right:10px;top:6px;width:30px;height:30px;text-align:center;line-height:28px;background-size:20px;cursor:pointer;z-index:5;display:none}

@media only screen and (min-width: 1124px){
	.nav-menu li.dropdown .dropdown-btn { display:none !important; } 
} 
@media only screen and (max-width: 1123px){
	.nav-menu { display:none !important; } 
} 

/*** 
====================================================================
			Mobile Menu
====================================================================
***/
.mobile-nav-toggler { position: absolute; right: 0; top: -18px;}
.mobile-menu-visible .mobile-nav-toggler { display: none !important;}
.mobile-menu{position:fixed;right:0;top:0;width:100%;padding-right:30px;max-width:100%;height:100%;opacity:0;visibility:hidden;z-index:999999}
.mobile-menu .nav-logo{position:relative;padding:20px 20px;text-align:left;min-height: 54px;}
.mobile-menu .nav-logo img{max-width:200px}
.mobile-menu-visible{overflow:hidden; height: 100%;}
.mobile-menu-visible .mobile-menu{opacity:1;visibility:visible}
.mobile-menu .menu-backdrop{position:fixed;right:0;top:0;width:100%;height:100%;z-index:1;opacity:0}
.mobile-menu-visible .mobile-menu .menu-backdrop{opacity:1;visibility:visible; background: #FFF;}
.mobile-menu .menu-box{position:absolute;left:0;top:0;width:100%;height:100%;max-height:100%;overflow-y:auto;background:transparent;padding:0 0;z-index:5;opacity:0;border-radius:0;visibility:hidden;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:top right;-moz-transform-origin:top right;-ms-transform-origin:top right;-o-transform-origin:top right;transform-origin:top right;-webkit-transition:all 400ms ease;-moz-transition:all 400ms ease;-ms-transition:all 400ms ease;-o-transition:all 400ms ease;transition:all 400ms ease}
.mobile-menu-visible .mobile-menu .menu-box{opacity:1;visibility:visible;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.mobile-menu .close-btn{position:absolute;right:1px;top:25px;line-height:30px;width:30px;text-align:center;font-size:14px;cursor:pointer;z-index:10;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;-webkit-transform:translateY(-50px);-ms-transform:translateY(-50px);transform:translateY(-50px)}
.mobile-menu-visible .mobile-menu .close-btn{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.mobile-menu .close-btn:hover{opacity:0.50}
.mobile-menu .navigation{position:relative;display:block;border-top:1px solid rgba(0, 0, 0, 0.10); padding-left: 0;}
.mobile-menu .navigation li,
.mobile-menu .navigation li.dropdown,
.mobile-menu .navigation li.pull-right{position:relative;display:block!important;float:none!important;border-bottom:1px solid rgba(0, 0, 0, 0.10)}
.mobile-menu .navigation li>ul>li:last-child{border-bottom:none}
.mobile-menu .navigation li>ul>li:first-child{border-top:1px solid rgba(0, 0, 0, 0.10)}
.mobile-menu .navigation li>a{position:relative;display:block;line-height:24px;padding:10px 20px;font-size:16px;font-weight:400;text-transform:capitalize}
.mobile-menu .navigation li>a.wrap-default-btn span,
.mobile-menu .navigation li>a.wrap-default-btn-two span{ display:block;    margin-right: 25px;}
.mobile-menu .navigation li:hover, .mobile-menu .navigation li:focus { background-color: #f6f6f6;}
.mobile-menu .navigation li.current>a,
.mobile-menu .navigation li:hover>a{color:var(--dark_green_hex)}
.mobile-menu .navigation li.dropdown .dropdown-btn{position:absolute;right:0;top:0;width:44px;height:44px;text-align:center;font-size:16px;line-height:44px;cursor:pointer;z-index:5}
.mobile-menu .navigation li.dropdown .dropdown-btn:after{content:'';position:absolute;left:0;top:10px;width:1px;height:24px;border-left:1px solid rgba(0, 0, 0, 0.10)}
.mobile-menu .navigation li.dropdown .dropdown-btn.open { display: block;}
.mobile-menu .navigation li>ul,
.mobile-menu .navigation li>ul>li>ul{display:none}
.mobile-menu .navigation li>div.mega-wrap {display:none}
.mobile-menu .navigation li>div.mega-wrap.open {display:block; position: relative; top: 0;}
.mobile-menu .navigation li.dropdown li { margin-left: 15px;}
 
@media only screen and (min-width: 1124px){
	.mobile-nav-toggler { display: none !important;}
}

@media only screen and (max-width: 1123px){
	.navbar .dropdown .dropdown-toggle::after,
	.navbar .dropdown .dropdown .dropdown-toggle::after { display: none; }
	.navbar .dropdown .mega-wrap {  padding: 10px 15px; }
	/* .navbar .dropdown ul {  padding-right: 15px; } */
	.navbar .navigation div.mega-wrap ul.mega-wrap-columns { display: grid; width: 100%;  padding: 0; grid-auto-flow: row !important; gap: 1px; }
	.navbar .navigation div.mega-wrap a.mega-hdr-a { margin-bottom: 0px; border-bottom: 2px dotted #a4ce67;font-weight: 400; font-size: unset; text-transform: none; }
}





/*Mobile Menu */
.slicknav_menu {
    background: none;
    padding: 4px 0;
    display:none;
    z-index: 999;
}
.slicknav_nav {
    background-color: #fff;
}
.js .slicknav_menu {
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
}
.slicknav_btn{
    background-color: transparent;
    margin: 13px 5px 14px;
}
.slicknav_nav .slicknav_row:hover,
.slicknav_nav .slicknav_row, 
.slicknav_nav a,
.slicknav_nav a:hover{
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}
.slicknav_nav .slicknav_row, 
.slicknav_nav a {
    padding: 10px 15px;
    margin: 0;
    color: #555;
}
.slicknav_nav a .caret{
    display: none;
}
.slicknav_nav ul{
    margin: 0;
}
.slicknav_nav ul li a{
    padding-left: 30px;
    font-size: 12px;
}
.slicknav_nav .slicknav_row:hover,
.slicknav_nav a:hover{
    background-color: transparent;
    color: #282828;
}

/* ==========================================================================
   3.0 Slider Section
   ========================================================================== */
.slider-section{
    max-height: var(--home-banner-height);
    overflow: hidden;
}
.slider-text {
    width: 100%;
    text-align: center;
}
.slider-text h1{
    font-size: 62px;
    font-weight: 600;
    color: #fff;
    line-height: 1.2;
}
.slider-text h5{
    font-weight: 600;
    color: #ddd;
}
.nivo-caption a{
    display: inline-block!important;
}
.slider-text p {
    color: #ddd;
    font-size: 16px;
    margin-bottom: 15px;
}
.slider-wrapper {
    position: relative;
}
.nivo-caption {
    height: 100%;
    opacity: 1;
    background: transparent;
    overflow: visible;
    max-height: 500px;
    bottom: auto;
    top: 0px;
}

.banner-home .nivo-caption {
	max-height: var(--home-banner-height);
}

/* nivo directionNav css */
.nivo-directionNav a {
    font-size: 13px;
    background-color: rgba(255,255,255,0.1);
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    text-align: center;
    color: #fff!important;
    top: calc(50% - 20px);
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
} 
.nivo-directionNav a.nivo-prevNav {
    left: 25px;
}
.nivo-directionNav a.nivo-nextNav {
    right: 25px;
}
.slider-wrapper:hover .nivo-directionNav a.nivo-prevNav {
    left: 15px;
    opacity: 0.7;
}
.slider-wrapper:hover .nivo-directionNav a.nivo-nextNav {
    right: 15px;
    opacity: 0.7;
}
.nivo-directionNav a:hover{
    opacity: 1!important;
}

/* nivo controlNav css */
.nivo-controlNav {
    padding: 0;
    position: absolute;
    z-index: 12;
    bottom: 30px;
    width: 100%;
}
.nivo-controlNav a {
    background-color: transparent;
	width: 12px;
	height: 12px;
    background-color: rgba(0,0,0,0.5);
	border-radius: 50%;
	display: inline-block;
    font-size: 0;
    cursor: pointer;
    margin: 0 5px;
	transition: all 0.3s linear;
    line-height: 12px;
}
.nivo-controlNav a.active {
    background-color: #2caee2;
}

/* ==========================================================================
   4.0 Promo Section
   ========================================================================== */

.media-inner {
	min-height: 51vh;
}   
/* ==========================================================================
   4.0 Promo Section
   ========================================================================== */
.promo-section{
    position: relative;
    display: block;
    margin-top: -80px;
    margin-top: 80px;
    min-height: 360px;
}
.promo-wrap{
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 99;
}
.promo-wrap .row{
    background-color: #fff;
    box-shadow: 0px 16px 28px 0px rgba(0, 0, 0, 0.15);
}
.promo-wrap .row .col-md-4:last-child > .promo-content{
    border: none;
}
.promo-content{
    padding: 40px 30px;
    border-right: 1px dashed #ddd;
}
.promo-content h3{
    font-size: 22px;
    letter-spacing: -1px;
}
.promo-content img{
    margin-bottom: 15px;
}
.promo-content a{
    color: #555;
    font-size: 14px;
    font-weight: 600;
}
.promo-content a:hover{
    text-decoration: underline;
    color: var(--color-one-base);
}
.promo-section-2 .promo-content{padding: 0 30px;}
.promo-section-2 .row .col-md-4:last-child > .promo-content{
    border: none;
}

/* ==========================================================================
   5.0 Causes Section
   ========================================================================== */
.causes-section{
    position: relative;
    z-index: 1;
}
.causes-content img{
    width: 100%;
}

.causes-thumb{
    position: relative;
}
.causes-thumb figure{
    width: 100%; height: 190px; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; margin: 0;border: 1px solid #c1c1c1;
}
.causes-thumb figure:hover,
.causes-thumb img:hover{
    opacity: 0.8;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.causes-thumb .progress{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 10px;
    border-radius: 0;
    background-color: transparent;
    overflow: inherit;
}
.causes-thumb .progress .progress-bar{
    background-color: var(--color-two-base);
    position: relative;
}
.causes-thumb .progress .progress-bar span{
    position: absolute;
    display: block;
    background-color: var(--color-two-base);
    right: -2px;
    top: -10px;
    height: 30px;
    width: 30px;
    line-height: 30px;
    border-radius: 50%;
    font-weight: 600;
    font-size: 12px;
}
.causes-thumb .progress .progress-bar span:before{
    width: 50px;
    height: 50px;
    content: "";
    position: absolute;
    left: -10px;
    top: -10px;
    border-radius: 50%;
    border: 10px solid rgba(var(--color-two-rgb), 0.8);
}
.causes-details{
    background-color: #fff;
    padding: 40px 30px;
    border: 1px dashed #ccc;
    padding-top: 25px;
}
.causes-details h3{
    font-size: 24px;
    line-height: 30px;
}
.causes-details .donation-box{
    display: none;
}
.causes-content .read-more{
    color: #282828 !important; 
    font-size: 90%;
}
.causes-content .donate-btn{
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: rgba(var(--color-two-rgb), 0.8);
    color: #fff;
    font-size: 14px;
    /*  */
    font-weight: 500;
    padding: 5px 10px;
    border-radius: 3px;
    display: flex;
    align-items: center; display: none;
}
.causes-content .donate-btn i{
    margin-left: 5px;
    font-size: 12px;
}
.causes-content .donate-btn:hover{
    background-color: var(--color-one-base);
    transition: all 0.2s ease-in-out;
}
.donation-box p{
    display: inline-block;
    margin-right: 10px;
}
.donation-box i{
    color: var(--color-one-base);
    margin-right: 5px;
}
/* .causes-content .read-more{
    background-color: rgba(var(--color-two-rgb), 0.8);
    color: #999;
} */
.causes-content .read-more:hover{
    color: var(--color-one-base);
    text-decoration: underline;
}

/* ==========================================================================
   6.0 About Section
   ========================================================================== */
.about-section{
    position: relative;
}
.about-wrap{
    display: flex;
    align-items: center;
}
.about-wrap img{
    width: 100%;
    margin-bottom: 15px;
}
.about-wrap img:hover{
    opacity: 0.8;
}
.profile-wrap{
    background-color: #fafafa;
    text-align: center;
    padding: 30px;
    border: 2px dashed #ddd;
}
.profile-wrap h3{
    font-size: 22px;
}
.profile-wrap .profile{
    width: 120px;
    height: 120px;
    margin-bottom: 20px;
    border-radius: 50%;
}

.profile-wrap span{
    display: block;
    font-size: 12px;
    color: #999;
    margin-top: 5px;
}

.about-image img{
    width: 100%;
    border-radius: 5px;
}
.about-content h2{
    font-size: 42px;
    margin-bottom: 20px;
}

/* ==========================================================================
   7.0 Campaigns Section
   ========================================================================== */
.campaigns-section{
	background-image: url(../img/featured-bg.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center center;
	-webkit-background-size: cover;
	background-size: cover;
    padding: 150px 0;
}
.campaigns-wrap h4{
    background-color: rgba(var(--color-one-rgb), 0.8);
    display: inline-block;
    padding: 10px 15px;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}
.campaigns-wrap h2{
    color: #fff;
    font-size: 42px;
}
.campaigns-wrap p{
    color: #ddd;
    margin-bottom: 30px;
}
.campaigns-wrap .progress{
    width: 100%;
    height: 10px;
    border-radius: 30px;
    background-color: rgba(255, 255, 255, 0.2);
    overflow: inherit;
    margin-bottom: 40px;
}
.campaigns-wrap .progress .progress-bar{
    background-color: var(--color-one-base);
    position: relative;
    border-radius: 30px;
}
.campaigns-wrap .progress .progress-bar span{
    position: absolute;
    display: block;
    background-color: var(--color-one-base);
    right: -2px;
    top: -10px;
    height: 30px;
    width: 30px;
    line-height: 30px;
    border-radius: 50%;
    font-weight: 600;
    font-size: 12px;
}
.campaigns-wrap .progress .progress-bar span:before{
    width: 50px;
    height: 50px;
    content: "";
    position: absolute;
    left: -10px;
    top: -10px;
    border-radius: 50%;
    border: 10px solid rgba(var(--color-one-rgb), 0.8);
}

.campaigns-wrap .donation-box h3{
    display: inline-block;
    color: #fff;
    margin-right: 30px;
    font-weight: 500;
    font-size: 18px;
}
.campaigns-wrap .donation-box{
    margin-bottom: 25px;
}

/*Video Style*/
.video-wrap{
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}
.video-wrap img{
    width: 100%;
}
.video-wrap .play{
    background-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease-in-out;
}
.video-wrap .play a{
    color: #fff;
    display: inline-block;
    background-color: transparent;
    width: 70px;
    height: 70px;
    line-height: 70px;
    border: 2px solid #ddd;
    border-radius: 50%;
    text-align: center;
}
.video-wrap .play:hover{
    background-color: rgba(0, 0, 0, 0);
    transition: all 0.2s ease-in-out;
}

/* ==========================================================================
   8.0 Team Section
   ========================================================================== */
.team-section{
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.team-wrap{
    padding: 0 30px;
}
.team-wrap .col-md-6{
    padding: 5px;
}
.team-wrapper{
    display: flex;
    align-items: center;
}
.team-details img{
    width: 100%;
}
.team-details h3{
    color: var(--color-one-base);
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0;
}
.team-details .hover h3 span{
    display: block;
    
    font-size: 14px;
    color: #fff;
}
.team-details{
    overflow: hidden;
    position: relative;
}
.team-details .hover{
    background: black; /* For browsers that do not support gradients */
    background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,4));
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 70px 0 15px 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s linear;
}
.team-details:hover .hover{
    visibility: visible;
    opacity: 1;
}
.team-details:hover img{
    transform: scale(1.1);
}

/*Check List Style*/
.check-list{
    margin: 20px 0 40px;
}
.check-list li{
    
    line-height: 35px;
}
.check-list i{
    color: var(--color-one-base);
    margin-right: 10px;
}


/* ==========================================================================
   9.0 Counter Section
   ========================================================================== */
.counter-section{
	position: relative;
	background-image: url(../image/gallery/480259715_1034749952031774_3755621847047077320_n.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
	-webkit-background-size: cover;
	background-size: cover;
    padding: 150px 0;

}
/* .counters{} */
.counters .counter-content{
	display: block;
	text-align: center;
	color: #fff;
}
.counters .counter-content i{
	font-size: 36px;
}
.counters .counter-content h3{
	font-size: 48px;
	margin: 10px 0;
	color: var(--color-two-base);
    font-weight: 600;
}
.counters .counter-content h4{
    font-size: 18px;
	margin: 0;
}
/* ==========================================================================
   10.0 Event Section
   ========================================================================== */

.events-item{
    padding-left: 300px;
    position: relative;
}
.events-item .event-thumb{
    width: 300px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
}
.event-details{
    background-color: #fafafa;
    padding: 30px 15px;
    border: 1px dashed #ddd;
}
.event-info i{
    color: var(--color-one-base);
    margin-right: 10px;
}
.event-info p{
    margin-bottom: 5px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    color: #999;
}
.event-info{
    margin-bottom: 10px;
}

/*Owl Navigation*/
/* .owl-nav{} */
.owl-nav div{
    background-color: var(--color-one-base);
    color: #fff;
    border-radius: 2px;
    width: 40px;
    height: 40px;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
    position: absolute;
    left: -40px;
    top: calc(50% - 25px);
    transition: all 0.5s ease-in-out;
}
.owl-nav div:hover{
    opacity: 1;
    transition: all 0.5s ease-in-out;
}
.owl-nav div.owl-next{
    left: auto;
    right: -40px;
}
/* ==========================================================================
   11.0 Testimonial Section
   ========================================================================== */
/* .testimonial-section{} */
.testimonial-item{
    background-color: #fafafa;
    padding: 30px;
    border-radius: 5px;
    margin-bottom: 20px;
}
.testi-footer img{
    width:70px!important;
    height: 70px;
    border-radius: 50%;
}
.testi-footer span{
    display: block;
    
    color: #999;
    font-size: 14px;
}
.testi-footer h4{
    font-size: 18px;
    padding-left: 10px;
}
.testi-footer{
    display: flex;
    align-items: center;
}
/*Owl Carousel Dots*/
.testimonial-carousel .owl-dots{
    display: block;
    text-align: center;
}
.testimonial-carousel .owl-dots .owl-dot{
    background-color: #ddd;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    margin: 0 3px;
    transition: all 0.5s ease-in-out;
}
.testimonial-carousel .owl-dots .owl-dot.active{
    background-color: var(--color-one-base);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    transition: all 0.5s ease-in-out;
}

/* ==========================================================================
   12.0 Sponsor Section
   ========================================================================== */
.sponsor-section{
    padding: 20px 0; 
        background-color: var(--color-one-base);
        color: #ffffff; 
}
.sponsor-section h3 {
    font-size: 22px;margin-bottom: 0;
}
.sponsor-section .sponsor-item img{
    width: 100%;
    padding: 20px;
    opacity: 0.8;
}
.sponsor-section .sponsor-items li img:hover{
    opacity: 1;
}

/* ==========================================================================
   13.0 Widget Section
   ========================================================================== */
.widget-section{
    /* background-color: #222; */ 
    width: 100%;
    height: auto;
}
 
.widget-content img { margin-bottom: 15px; width: auto; height: 110px; }
 

.widget-section *{
    color: #222;
}

.widget-content .social-icon { 
    margin-bottom: 0; padding-left: 0;
}
.widget-content .social-icon li{
    display: inline-block;
    margin-right: 15px;
}
.widget-content .social-icon li a i{
    display: inline-block;
    color: var(--color-one-base);
	font-size: 22px;
}
.widget-content .social-icon li a:hover{
    color: #fff;
}
.widget-content .widget-link li a{
    color: #999;
    margin-bottom: 16px;
    display: block;
}
.widget-content .widget-link li a:hover{
    color: var(--color-one-base);
    text-decoration: underline;
}
.widget-content .address li{
    margin-bottom: 16px;
    display: block;
    
    color: #999;
}
.widget-content .address li i{
    color: var(--color-one-base);
    margin-right: 10px;
}


/* ==========================================================================
   14.0 Hero Section
   ========================================================================== */
.hero-section{
	background-image: url(../img/hero-bg.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center center;
	-webkit-background-size: cover;
	background-size: cover;
    height: 530px;
    display: flex;
    align-items: center;
}
.hero-content h1{
    font-size: 52px;
    color: #fff;
    display: inline-block;
}
.hero-content h4{
    color: var(--color-one-base);
}
.hero-content p{
    color: #ddd;
}
/* ==========================================================================
   15.0 Page Header Section
   ========================================================================== */
.pager-header{ 
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center center;
	-webkit-background-size: cover;
	background-size: cover;
    /* min-height: 300px; */
    display: flex;
    align-items: center; 
	background: none;
	text-align: center;
	padding-bottom: 15px;
}
.pager-header h2{ 
	padding-top: 30px;
    color: var(--color-one-base); 
	font-size: clamp(1.8rem, 4vw, 2rem);
	font-weight: 600;
}
.pager-header p{
    color: #ddd;
}

/*Breadcrumb */
.breadcrumb{
    background-color: transparent;
    padding: 0;
}
/* .breadcrumb li{} */
.breadcrumb li a{
    font-weight: 600;
    color: #ddd;
	color: var(--bs-gray-600);
    text-transform: uppercase;
    font-size: 12px;
}

.breadcrumb li a:hover{
    text-decoration: underline;
}
.breadcrumb .active{
    color: var(--color-one-base);
    font-weight: 600;
    text-transform: uppercase; 
}

/*404 Error Section*/
/* .error-section{} */
.error-content h2{
    font-size: 120px;
}

/* ==========================================================================
   16.0 CTA Section
   ========================================================================== */
.cta-section{
    background-image: url(../img/cta-bg.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center center;
	-webkit-background-size: cover;
	background-size: cover;
    min-height: 300px;
    
}
.cta-section .cta-content h2{
    color: #fff;
    font-size: 42px;
}
.cta-section .cta-content p{
    color: #ddd;
}
/* ==========================================================================
   17.0 Gallery Section
   ========================================================================== */
.gallery-items .col-lg-4{
    padding: 15px;
}
.gallery-filter{
    width: 100%;
}
.gallery-filter li{
    margin-right: 10px;
    display: inline-block;
    font-size: 15px; 
    font-weight: 500;
    background-color: #f7f7f7;
    border: 1px dashed #ddd;
    padding: 10px 20px;
    border-radius: 2px;
    cursor: pointer;
}
.gallery-filter li.active{
    background-color: var(--color-one-base);
    color: #fff;
}
.gallery-wrap{
    position: relative;
    overflow: hidden;
}
.gallery-wrap img{
    width: 100%;
}
.gallery-wrap .hover{
    background-color: rgba(0, 0, 0, 0.8);
	background-color: transparent;
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    left: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    
    display: flex;
    align-items: center;
    justify-content: center;
    transform: scale(0.9);
    transition: all 0.3s ease-in-out;
	cursor: pointer;
}
.debanner .gallery-wrap .hover{ opacity: 0.55; visibility: visible;}
.gallery-wrap .hover span{
    background-color: var(--color-one-base);
    color: #fff;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
}
.gallery-wrap:hover .hover{
	background-color: rgba(0, 0, 0, 0.8);
    visibility: visible;
    opacity: 1;
    transform: scale(1);
    transition: all 0.3s ease-in-out;
}

/* ==========================================================================
   18.0 Blog Section
   ========================================================================== */
/* .blog-section{} */
.blog-items{
    border-right: 1px solid #ddd;
    padding-right: 20px;
}
.left-sidebar .blog-items{
    border-right: none;
    border-left: 1px solid #ddd;
    padding-right: 0;
    padding-left: 10px;
}
.blog-post{
    transition: all 0.3s ease;
}
.blog-post img{
    width: 100%;
}
.blog-post:hover{
    box-shadow: 0px 16px 28px 0px rgba(0, 0, 0, 0.20);
}
.blog-content{
    background-color: #fff;
    padding: 40px 30px;
}
.blog-post .blog-content h3{
    font-weight: 600;
    font-size: 22px;
}
.blog-post .blog-content a{
    color: #282828;
}
.blog-post .blog-content a:hover{
    opacity: 0.8;
}
span.date{
    color: #999;
    font-weight: 500;
    font-size: 15px;
    display: block;
    margin-bottom: 5px;
}
.blog-post .blog-content .post-meta{
    font-weight: 500;
    font-size: 14px;
    color: #282828;
    letter-spacing: -0.2px
}
.blog-post .blog-content .post-meta:hover{
    opacity: 0.8;
    text-decoration: underline;
}

/*Blog List*/
.list-items .blog-post{
    border: 1px solid #eee;
    margin: 0;
    margin-bottom: 15px;
}
.list-items .blog-post img{
    margin-bottom: 0;
}
.list-items .blog-post .col-md-6:first-child{
    padding-left: 0;
}
.list-items .blog-post .blog-content{
    padding: 34px 0;
}



/*Single Post Style*/
/* .single-post{} */
.single-post img{
    width: 100%;
    height: 100%;
    border-radius: 5px;
    margin-bottom: 20px;
}
.single-post h2{
    font-weight: 600;
    font-size: 38px;
}
.single-post .meta-info{
    margin-bottom: 25px;
}
.single-post .meta-info span{
    font-weight: 600;
    color: #999;
    text-transform: uppercase;
    font-size: 12px;
    margin-right: 15px;
}
.single-post .meta-info a{
    font-weight: 800;
    color: #555;
}
.single-post .meta-info i{
    color: #555;
}

/*Social Share*/
.share-wrap{
    margin-top: 25px;
    margin-bottom: 50px;
    width: 100%;
}
.share-wrap h4{
    text-transform: uppercase;
    font-weight: 800;
    font-size: 14px;
}
.share-icon{
    display: inline-block;
}
.share-icon li{
    display: inline-block;
    margin-right: 10px;
}
.share-icon i{
    margin-right: 5px;
}
.share-icon li:nth-child(1) a{ background-color: #3B5998; }
.share-icon li:nth-child(2) a{ background-color: #1DCAFF; }
.share-icon li:nth-child(3) a{ background-color: #DB4A39; }
.share-icon li:nth-child(4) a{ background-color: #e4405f; }
.share-icon li:nth-child(5) a{ background-color: #0077B5; }
.share-icon li a{
    display: inline-block;
    font-size: 13px;
    color: #fff;
    padding: 5px 10px;
    border-radius: 3px;
    font-weight: 600;
}
.share-icon li a:hover{
    box-shadow: 0px 16px 28px 0px rgba(0, 0, 0, 0.20);
}

/*Comments Style*/
.comments-wrapper{
    width: 100%;
}
.comments-wrapper h4{
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 800;
}

.comments-list {
	margin-top: 30px;
	position: relative;
    margin-bottom: 50px;
    
}

/*Lines Details*/
.comments-list:before {
	content: '';
	width: 2px;
	height: 100%;
	background: #eee;
	position: absolute;
	left: 32px;
	top: 0;
}

.comments-list:after {
	content: '';
	position: absolute;
	background: #eee;
	bottom: 0;
	left: 29px;
	width: 7px;
	height: 7px;
	border: 3px solid #dee1e3;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.reply-list:before, .reply-list:after {display: none;}
.reply-list li:before {
	content: '';
	width: 60px;
	height: 2px;
	background: #eee;
	position: absolute;
	top: 25px;
	left: -55px;
}


.comments-list li {
	margin-bottom: 15px;
	display: block;
	position: relative;
}

.comments-list li:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	width: 0;
}

.reply-list {
	padding-left: 88px;
	clear: both;
	margin-top: 15px;
}
/*Avatar*/
.comments-list .comment-avatar {
	width: 65px;
	height: 65px;
	position: relative;
	z-index: 99;
	float: left;
	border: 3px solid #FFF;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	overflow: hidden;
    margin-right: 10px;
}

.comments-list .comment-avatar img {
	width: 100%;
	height: 100%;
}

.reply-list .comment-avatar {
	width: 50px;
	height: 50px;
}

.comment-main-level:after {
	content: '';
	width: 0;
	height: 0;
	display: block;
	clear: both;
}

/*Comment List*/
.comments-list .comment-box {
	width: 740px;
	float: right;
	position: relative;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
	box-shadow: 0 1px 1px rgba(0,0,0,0.15);
}

.comments-list .comment-box:before, .comments-list .comment-box:after {
	content: '';
	height: 0;
	width: 0;
	position: absolute;
	display: block;
	border-width: 10px 12px 10px 0;
	border-style: solid;
	border-color: transparent #FCFCFC;
	top: 8px;
	left: -11px;
}

.comments-list .comment-box:before {
	border-width: 11px 13px 11px 0;
	border-color: transparent rgba(0,0,0,0.05);
	left: -12px;
}

.reply-list .comment-box {
	width: 665px;
}
.comment-box .comment-head {
	background: #FCFCFC;
	padding: 10px 12px;
	border-bottom: 1px solid #E5E5E5;
	overflow: hidden;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}

.comment-box .comment-head i {
	float: right;
	margin-left: 14px;
	position: relative;
	top: 2px;
	color: #A6A6A6;
	cursor: pointer;
	-webkit-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease;
}

.comment-box .comment-head i:hover {
	color: #03658c;
}

.comment-box .comment-name {
	color: #283035;
	font-size: 14px;
	font-weight: 600;
	float: left;
	margin-right: 10px;
}

.comment-box .comment-name a {
	color: #283035;
}

.comment-box .comment-head span {
	float: left;
	color: #999;
	font-size: 13px;
	position: relative;
	top: 1px;
}

.comment-box .comment-content {
	background: #FFF;
	padding: 12px;
	font-size: 15px;
	color: #595959;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}

.comment-box .comment-name.by-author, .comment-box .comment-name.by-author a {color: #03658c;}
.comment-box .comment-name.by-author:after {
	content: 'autor';
	background: #03658c;
	color: #FFF;
	font-size: 12px;
	padding: 3px 5px;
	font-weight: 600;
	margin-left: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}


/*Comment Form*/
.comment-form h4{
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 800;
}
.comment-form .form-control{
    border: 1px solid #ddd;
    border-radius: 0;
    height: 45px;
    background-color: transparent;
}
.comment-form .form-control.message{
    height: 150px;
}
#form-messages{
    display: none;
}
#form-messages.alert-danger,
#form-messages.alert-success{
    display: block;
}

/* ==========================================================================
   19.0 Sidebar Section
   ========================================================================== */
.sidebar-wrap{
    padding-left: 10px;
}
.left-sidebar .sidebar-wrap{
    padding-right: 10px;
    padding-left: 0;
}
.sidebar-widget h4{
    font-weight: 500;
    font-size: 22px;
    color: #282828;
    margin-bottom: 25px;
}
.search-form{
    position: relative;
    margin-left: -2px;
}
.search-form .form-control{
    background-color: transparent;
    box-shadow: none;
    width: 100%;
    display: block;
    border: 1px solid #ddd;
    clear: #282828;
    height: auto;
    padding: 10px 20px;
    border-radius: 3px;
    padding-right: 60px;
}
.search-form .search-btn{
    background-color: transparent;
    font-size: 24px;
    color: #888;
    width: 60px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    padding: 10px 0;
    opacity: 0.6;
}
.search-form .search-btn:focus,
.search-form .search-btn:hover{
    opacity: 1;
}
.search-form input::-webkit-input-placeholder{
    color: #888 !important;
}
.search-form input:-moz-placeholder{ /* Firefox 18- */
    color: #888 !important;  
}
.search-form input::-moz-placeholder{  /* Firefox 19+ */
    color: #888 !important;  
}
.search-form input:-ms-input-placeholder{  
    color: #888 !important;  
}

/*Category List*/
.cat-list{
    margin-top: -10px;
}
.cat-list li a{
    font-weight: 500;
    font-size: 15px;
    color: #282828;
    letter-spacing: -.4px;
    line-height: 36px;
    font-style: normal;
}
.cat-list li span{
    font-weight: 600;
    color: #bbb;
    margin-left: 5px;
    font-size: 10px;
}

/*Recent Posts*/
/* .recent-posts{} */
.recent-posts li{
    position: relative;
    padding-left: 90px;
    display: flex;
    align-items: center;
    min-height: 50px;
    margin-bottom: 15px;
}
.recent-posts li a{
    color: #555;
}
.recent-posts li a:hover{
    opacity: 0.8;
}
.recent-posts li img{
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
}
.recent-posts li img:hover{
    box-shadow: 0px 16px 28px 0px rgba(0, 0, 0, 0.20);
}
.recent-posts li h4{
    text-transform: inherit;
    margin-bottom: 0;
    display: block;
    font-size: 15px;
}

/*Tags*/
.tags{
    margin: -3px 0;
}
.tags li{
    display: inline-block;
    float: left;
    margin: 3px;
}
.tags li a{
    display: inline-block;
    font-weight: 500;
    font-size: 14px;
    color: #555;
    background-color: #ddd;
    padding: 5px 15px;
    border-radius: 3px;
}
.tags li a:hover{
    box-shadow: 0px 16px 28px 0px rgba(0, 0, 0, 0.20);
}

/* Pagination 
=============== */
/* .pagination_wrap{} */
.pagination_wrap li{
    display: inline-block;
    margin: 0 5px;
}
.pagination_wrap li a{
    border: 1px solid #ddd;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    color: #555;
    font-weight: 600;
}
.pagination_wrap li a:hover{
    opacity: 1;
    text-decoration: none;
    box-shadow: 0px 16px 28px 0px rgba(0, 0, 0, 0.20);
}
.pagination_wrap li a.active{
    background-color: var(--color-one-base);
    border: 1px solid var(--color-one-base);
    color: #fff;
}

/* ==========================================================================
   20.0 Contact Section
   ========================================================================== */
.contact-section{
    position: relative;
    z-index: 1;
}
.contact-wrap{
    background-color: #f2f2f2;
    padding: 80px 50px;
    box-shadow: 0px 16px 28px 0px rgba(0, 0, 0, 0.15);
    margin-top: 110px;
    border-radius: 5px;
}
.contact-section h3{
    font-weight: 800;
    text-transform: uppercase;
    font-size: 18px;
}
.contact-info ul li{
    line-height: 40px;
    display: flex;
    align-items: center;
}
.contact-info ul li i{
    margin-right: 10px;
    color: #999;
    font-size: 20px;
}
.contact-info ul li{
    font-weight: 500;
    font-size: 17px;
}

/*Contact Form*/
.contact-form .form-control{
    border: 1px solid #ddd;
    border-radius: 0;
    height: 45px;
    background-color: #fff;
}
.contact-form .form-control.message{
    height: 150px;
}
#form-messages{
    display: none;
}
#form-messages.alert-danger,
#form-messages.alert-success{
    display: block;
}
/*Google Map*/
#google_map{
    width: 100%;
    height: 350px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}



/* ============================================================================== 
/*	LISTS
/* ------------------------------------------------------------------------------ */

 
blockquote { padding: 17px; margin: 20px auto 20px; color: #ab7d15; font-weight: 400; border: 1px solid #a57f49 !important;  background: #f9f06330 !important; border-radius: 10px; -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1) !important;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1) !important; }
blockquote:hover {
	-webkit-transition: all .5s ease !important;
	transition: all .5s ease !important;
	-webkit-transform: translateY(-2px) !important;
	transform: translateY(-2px) !important;
	-webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .11), 0 5px 15px 0 rgba(0, 0, 0, .08) !important;
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .11), 0 5px 15px 0 rgba(0, 0, 0, .08) !important;
}
blockquote, blockquote p { font-family: var(--font-times); text-align: center; font-size: clamp(18px, 2vw, 22px);  padding-left: 10%; padding-right: 10%; }
blockquote p { display: inline-block;}
blockquote::before { display: inline-block; font-style: normal; font-weight: 500; color: rgb(var(--ptl-green-rgb)); line-height: 1; content: '\f10d'; margin: 0 10px 0 0; font-size: 150%;}
/* blockquote:after { display: inline-block; font-style: normal; font-weight: 500; color: rgb(var(--ptl-green-rgb)); line-height: 1; content: '\f10e'; margin: 0 0 0 10px; } */
blockquote::before, blockquote:after { font-family: "FontAwesome", "Font Awesome 5 Pro"; }

/* ============================================================================== 
/*	LISTS
/* ------------------------------------------------------------------------------ */
.billboard { 
	/* background-image: -moz-linear-gradient(top, rgb(184 255 160 / 63%), rgba(254, 254, 209, .3)); 
	background-image: -webkit-linear-gradient(top, rgb(184 255 160 / 63%), rgba(254, 254, 209, .3)); 
	background-image: linear-gradient(top, rgb(184 255 160 / 63%), rgba(254, 254, 209, .3));   */
	background: #f0ffc4b3;
	border: 1px solid rgba(66, 42, 46, .02); -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 5px;  -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.01); -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.01); box-shadow: inset 0 0 2px 0 rgba(0,0,0,.01); margin: 0px auto 18px; padding: 15px 25px;  color: #736755;  }
 
.billboard_home_title { font-size:35px; font-weight:500; color: #3c4452; }
.billboard h3 { color: #a90606; font-size: 1.75rem;  font-size: clamp(1.25rem, 2vw, 1.65rem);  line-height: 1.2em; border-bottom: 1px dotted #796814; padding-bottom: 5px;}
.billboard_home_intro { font-size:20px; font-weight:200; }


/* ============================================================================== 
/*	LISTS
/* ------------------------------------------------------------------------------ */

.news-display { width: 100%; } .news-display, .news-display li { padding: 5px; margin: 0px; } .news-display li { border-bottom: solid 0px #EDEDED; list-style-type: none; } .news-display li label { margin-bottom: 2px !important; padding: 5px 0 4px 3px; } .news-display>li:last-child { border-bottom: none; } .news-display>li>div { padding: 10px; clear: both; } .news-display li:hover { background-color: #F9F9F9; } .news-display .postDate { padding: 3px 0 2px; } .news-display.res-filter li { padding: 0/* 8px 2px 8px 10px */; margin: 0px !important; margin: 0px; border-bottom: 1px solid #e9e9e9; } .news-display.res-filter li a { display: block; padding-right: 20px; position: relative;  } .news-display.res-filter li label { display: block; padding-right: 2px; position: relative;} .news-display.res-filter .nav_count { position: absolute; display: inline; float: right; background: #F9F9F9; border-radius: 10px; font-size: 85%; font-weight: 400; min-width: 22px; text-align: center; top: 2px; right: 0px; padding-left: 6px; padding-right: 6px; border: 1px solid #bbb; color: #585858; } .news-display li.current { background: #FEFED1; } .news-display li.current a { color: #000; }

.postDate, .scrollDate { font-size: 95%; text-transform: capitalize; font-weight: normal; padding: 1px 0 0 0px; margin: 0 0 4px; display: inline-block; font-family: var(--font-head); color: var(--ptl-green-dark) !important; }
.postDate { display: block; margin-bottom: 5px; }

.list-title { font-family: var(--font-head); font-size: 107%; font-weight: 400; display: table-cell; padding-top: 2px; padding-bottom: 2px; }





/* ============================================================================== 
/*	PROFILES
/* ------------------------------------------------------------------------------ */

.profile_pic{position:relative;margin:0 auto 5px;border:0 solid red;height:300px;width:100%;overflow:hidden!important;display:block}
.card_profile .profile_pic{background-image:url(../image/icons/no_avatar.webp);background-repeat:no-repeat;background-size:cover;background-position:50% 0%}
.card_profile .profile_name{ font-weight: 600; font-size: 18px;} 

.modal-body .profile_pic{width:100%;max-width:200px;height:auto;max-height:228px}
/* .profile_pic,.profile_pic .gutChopa{-moz-border-radius:10%;-khtml-border-radius:10%;-webkit-border-radius:10%;border-radius:10%} */
.profile_pic .gutChopa img,.profile_pic img{height:auto;min-height:100%;width:100%}
 
@media (max-width: 767px) {
    .profile_pic{ height:180px; }
}



/* ============================================================================== 
/*	IMAGE BOXES
/* ------------------------------------------------------------------------------ */
/* width: 70px; height: 70px; */
.tile-image{width: 100%; height: auto; overflow: hidden; display: block; float: left; margin: 3px 10px 3px 0; border: 0 solid #e2e2e2; padding: 0; text-align: center; background-size: cover !important;}


.bitChopa,.bitChopaTiny,.listChopa{width:70px;height:70px;overflow:hidden;display:block;float:left;margin:3px 10px 3px 0;border:0 solid #e2e2e2;padding:0;text-align:center}
.bitChopaTiny{width:40px;height:40px}
.bitChopa img,.bitChopaTiny img,.listChopa img{padding:0;margin:0}
* html span.bitChopa img{height:70px;width:70px}
* html span.bitChopaTiny img{height:40px;width:40px}
.bitChopa img{max-width:70px;min-height:60px}
.bitChopaTiny img{max-width:40px;min-height:30px}
.listChopa{width:100px;height:auto;max-height:80px;border-radius:5px}
.listChopa img{width:auto;min-width:100%;max-height:100px}
.grid-item .bitChopaWrap{max-height:240px;overflow:hidden;display:block}
.card_profile .grid-item .bitChopaWrap{max-height:300px;}
.grid-item .bitChopa{display:block;width:100%;height:auto;margin:0 0 10px}
.card-columns .img-respo,.grid-item .bitChopa .img-respo,.grid-item .bitChopa img,.grid-item .bitChopaWrap .tile-image{width:100%;max-width:100%;min-height:50px;height:100%}
.card-columns .img-respo,.grid-item .bitChopa .img-respo,.grid-item .bitChopaWrap .img-respo,.grid-item .bitChopaWrap .tile-image{background-repeat:no-repeat;background-position:50% 0% !important;background-size:cover;width:100%;min-height:200px}
.pics-sm .grid-item .bitChopaWrap .img-respo{ min-height:180px}
.pics-sm .grid-item .bitChopaWrap{max-height:180px}
.pics-docs .grid-item .bitChopa,.pics-docs .grid-item .bitChopaWrap{max-height:200px}
.pics-docs .grid-item .bitChopa img{height:200px;max-height:210px}

.panel .img-respo { position: relative;}
.panel .img-respo .folder-panels__count { position: absolute; bottom: 1px; right: 1%; }
 
div.caption {width:auto;max-width:300px; margin: 10px; padding: 10px;}
div.caption img{width:100%;max-width:300px; }
div.caption p, div.caption-lg p {width:auto;white-space: normal; text-align: center; font-size: 90%;}
div.caption p { max-width:300px;}
.full-cont div.caption img{width:auto;min-width:85%;max-width:100%}
div.caption-lg img{min-width:85%;max-width:100%; margin: auto;}

.billboard div.caption { max-width:200px; padding: 0 10px; }
.billboard div.caption img{width:100%;max-width:200px; } 


/* ============================================================================================= */
/* @ MAIN
/* --------------------------------------------------------------------------------------------- */
 

.hy-mains { padding: 1.2rem 1.6rem !important; }
.hy-mains a {  text-decoration: underline; }

.hy-mains h4, .western { padding-bottom: 7px; margin: 26px 0 16px; }
/* .hy-mains h4:before, .western:before{content:'';position:absolute;left:0;bottom:0;width:30px;border-bottom:2px solid #dc4549} */


.main-guts { overflow: hidden; text-align: justify;} 

.main-guts h1, .main-guts h2, .main-guts h3, .main-guts h4, .main-guts h5, .main-guts h6 {   margin-bottom: 1.5%; } 

.main-guts h1:not(:first-child), .main-guts h2:not(:first-child), .main-guts h3:not(:first-child), .main-guts h4:not(:first-child), .main-guts h5, .main-guts h6 {  margin-top: 3%;  }

.main-guts h3 { font-weight: 600; }
.main-guts h4 { box-sizing: border-box; margin-bottom: 1.5%;  font-weight: 600; text-rendering: optimizelegibility; font-size: 1.45rem; overflow-wrap: break-word;  font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal;  text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; }
/* .main-guts h4:before {content:'';position:absolute;left:0;top:100%;width:60px; border-bottom: 3px solid var(--ptl-green-2);  padding-bottom: 4px;} */

.main-guts ul, .main-guts ol { padding: 5px 15px; margin: 5px;}
.main-guts ul li, .main-guts ol li { margin-left: 20px; padding-left: 10px;} 
.main-guts ul li { list-style: square; } 
.main-guts ol li { list-style-type: inherit; } 
.main-guts ul li>p, .main-guts ul li>p { display: contents; }

@media only screen and (max-width: 1200px){ .main-guts { padding-left: 1.5rem !important;padding-right: 1.5rem !important; } }




/* ============================================================================== 
/*	CONTENT CARDS
/* ------------------------------------------------------------------------------ */ 

.card-set .card, .card-columns .card { margin-bottom: 1.75rem; }
.card-columns .card { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, .125); border-radius: .35rem; overflow: hidden !important; } 

/* .card-columns .card { background: transparent; border-radius: 0.5rem; display: inline-block;  } */

.card-set .card:hover, .card-columns .card:hover, .card-columns .card .panel-home-guts:hover { background-color: #F9F9F9; }
.card-set .grid-item, .card-columns .grid-item { display: block; width: 100% !important; }
.card-set .grid-item .panel-heading, .card-columns .grid-item .panel-heading { padding: 15px 15px 10px; }
.card-set .grid-item h3, .card-set .grid-item .h3, .card-columns .grid-item h3, .card-columns .grid-item .h3 { font-size: 17px; line-height: 1.2; display: block; }
.card-set .grid-item h4, .card-set .grid-item .h4, .card-columnsX .grid-item .h4, .card-columns .grid-item h4, .card-columns .grid-item .h4, .grid-item .h4 { font-size: 1.035rem; line-height: 1.2; display: block; font-family: var(--font-links); } 
.card-set .grid-item a .h4, .card-columns .grid-item a .h4 { color: rgb(var(--ptl-link-color)); }
.card-set .grid-item .panel-heading, .card-columnsX .grid-item .panel-heading, .card-columns .grid-item .panel-heading { padding:  15px 15px 2px; }
.card-columnsX .single-row .grid-item .panel-heading { padding:  5px 15px 2px; }
.grid-item .panel .panel-body { padding: 2px 15px 5px; }
.card-set .grid-item .panel-body, .card-columns .grid-item .panel-body { font-size: 95%; line-height: 1.2; }
/* .card-columns .grid-item .bitChopa { padding: 2px 15px 5px; } */
.grid-item .bitChopa img,  .grid-item .bitChopa .img-respo, .card-columns .img-respo { width: 100%; max-width: 100%; min-height: 50px; height: 100%; }
.grid-item .bitChopa .img-respo, .card-columns .img-respo { background-repeat: no-repeat; background-position: 50% 50%; background-size:cover; width:100%; }

.card-columnsX .card { border-style: dotted;}
.card-columnsX .card:hover { background-color: #F9F9F9; }

@media (max-width: 767px) { 
	.card-set .grid-item h4, .card-set .grid-item .h4, .card-columnsX .grid-item .h4, .card-columns .grid-item h4, .card-columns .grid-item .h4, .grid-item .h4 { font-size: 16px; } 
}



/* ============================================================================================= */
/* @@ OVERRIDES - EVENTS LIST - DATEBOX
/* --------------------------------------------------------------------------------------------- */

.date_box_wrap{overflow:hidden;padding-right:1px;position:relative;margin-bottom:10px;float:left; font-family: 'Verdana', 'Arial', sans-serif;}
.date-box *{cursor:alias!important}
.date_box_wrap .date-box{position:relative;display:inline-block;width:56px;height:auto;background:var(--color-one-base);color:#fff;line-height:normal;text-align:center;border:1px solid var(--color-one-base)}
.date_box_wrap .date-box .month{font-size:17px;color:#fff;text-transform:uppercase;line-height:1;padding-top:10px;padding-bottom:5px}
.date_box_wrap .date-box .day{font-size:50px;line-height:1;background:#fff;color:var(--color-one-base);padding-top:4px;padding-bottom:5px;font-weight:300!important}
.date_box_wrap.sm .date-box{width:54px;height:auto}
.date_box_wrap.sm .date-box .month{font-size:13px;padding-top:6px;padding-bottom:4px;text-transform:uppercase; font-weight: 700;}
.date_box_wrap.sm .date-box .day{font-size:30px;padding-top:4px;padding-bottom:5px}
.date_box_text{padding-left:92px}
.date_box_text_sm{padding-left:50px}
.date_box_text_sm .panel-heading{padding:0 15px!important}



/* ============================================================================================= */
/* @@ ACCORDION CONTENT
/* --------------------------------------------------------------------------------------------- */

/* .accordion-wrap h3 { font-size: 16px; } */

.accordion-box { margin: 0 0 40px; padding: 0; width: 100%; }
.accordion-box .acc-card{ margin: 0 0 20px; border: 0; width: 100%; } 
.accordion-box .accordion-header { cursor: pointer; position: relative;  margin-top: 0; zoom: 1; border-top: 1px solid #E8E8E8; background: rgb(187 187 187 / 13%);  font-weight: 600; text-decoration: none;  padding: 13px 10px 13px 20px; font-family: var(--font-head); font-size: 102%;  display: block; border: 1px solid rgba(0, 0, 0, .125);} 

/* , .accordion-box .accordion-header a:not([href]) */
.accordion-box .accordion-header a { color: var(--color-links); color: var(--color-one-base);  }

.accordion-box .accordion-header::before,
.accordion-box .collapsed .accordion-header::before { content: "+"; color: var(--color-four-base);font-size: 20px; display:inline-block; width: 15px;  font-weight: bold; position: absolute; top: 12px;   }

.accordion-box .accordion-header.accordion-header-active::before { content: "-";  }
.accordion-box .accordion-header a { display: inline-block; width: calc(100% - 20px); padding-left: 20px; }
.accordion-box .accordion-header a span { font-size: 100%; color: #c3c3c3; font-weight: normal; }
.accordion-box .accordion-header:hover { background: #E8E8E8; color: var(--color-highlight); } 
.accordion-box .accordion-content {   padding: 0.5rem 2.5rem 1.5rem; border-top: 0; margin-top: 0; position: relative; top: 1px; margin-bottom: 5px; overflow: auto; display: none; zoom: 1; -moz-border-radius: 0px 0px 4px 4px; -webkit-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; color: #555555;} 
.accordion-box .accordion-content, .accordion-box .accordion-content-active { border: 1px solid #d3d3d3; background: #fff; color: #555555; }

.accordion-box .accordion-header-active { border-bottom: 0 !important; -moz-border-radius: 4px 4px 0px 0px; -webkit-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; background: #fff;}
.accordion-box .accordion-header-active, .accordion-box .accordion-header-active a { color: var(--color-four-base); }
.accordion-box .accordion-header-active:hover { background: rgb(187 187 187 / 13%); }

.accordion-box .accordion-header-active a:hover { color: var(--color-highlight); }

.accordion-box .accordion-content-active { border-top: 0 !important; display: block; overflow: hidden; }
a.accd-show, a.accd-close { font-size: 90%; color: #690; }
.accd-com { padding: 0px 5px 0px; text-align: right; margin-top: -10px }

 
/* ============================================================================================= */
/* @@ SEARCH POPUP
/* --------------------------------------------------------------------------------------------- */ 

.search-popup{position:fixed;left:0;bottom:-100%;width:100%;height:100%;z-index:9999;visibility:hidden;opacity:0;overflow:auto;background:rgba(0,0,0,.8);transition:all .7s ease;-moz-transition:all .7s ease;-webkit-transition:all .7s ease;-ms-transition:all .7s ease;-o-transition:all .7s ease}
.search-popup .overlay-layer{position:absolute;left:0;top:0;right:0;bottom:0;display:block}
.search-popup.popup-visible{bottom:0;visibility:visible;opacity:1}
.search-popup .close-search{position:absolute;right:25px;top:25px;font-size:22px;color:#fff;cursor:pointer;z-index:5}
.search-popup .close-search:hover{opacity:.7}
.search-popup .search-form{position:relative;padding:0 15px 0;max-width:1024px;margin:0 auto;margin-top:200px}
.search-popup .search-form fieldset{position:relative;border:7px solid rgba(255,255,255,.5);border-radius:12px;-webkit-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px;-moz-border-radius:12px}
.search-popup .search-form fieldset input[type=search]{position:relative;height:70px;padding:20px 220px 20px 30px;background:#fff;line-height:30px;font-size:24px;color:#233145;border-radius:7px;-webkit-border-radius:7px;-ms-border-radius:7px;-o-border-radius:7px;-moz-border-radius:7px}
.search-popup .search-form fieldset input[type=submit]{position:absolute;display:block;right:0;top:0;text-align:center;width:220px;height:70px;padding:20px 10px 20px 10px;color:#fff!important;line-height:30px;font-size:20px;cursor:pointer;text-transform:uppercase;border-radius:0 7px 7px 0;-moz-border-radius:0 7px 7px 0;-ms-border-radius:0 7px 7px 0;-o-border-radius:0 7px 7px 0;-webkit-border-radius:0 7px 7px 0}
.search-popup .search-form fieldset button{position:absolute;display:block;right:0;top:0;text-align:center;width:220px;height:70px;padding:20px 10px 20px 10px;color:#fff!important;line-height:30px;font-size:20px;cursor:pointer;text-transform:uppercase;border-radius:0 7px 7px 0;-moz-border-radius:0 7px 7px 0;-ms-border-radius:0 7px 7px 0;-o-border-radius:0 7px 7px 0;-webkit-border-radius:0 7px 7px 0}
.search-popup h3{font-size:24px;color:#fff;margin-bottom:20px;text-align:center}

@media only screen and (max-width: 599px) {
	.search-popup .search-form fieldset input[type="search"]{ padding:20px 20px; } 
    .search-popup .search-form fieldset input[type="submit"]{ width: 150px; font-size: 17px; }
}

 

/* ============================================================================================= */
/* @ SEARCH RESULTS
/* --------------------------------------------------------------------------------------------- */ 

.paginator { border-top:1px dotted #dedede; margin:5px 0 5px; display:block; position:relative; background: none; padding: 10px; }
.paginator .paginate, .paginator .current, .paginator .inactive { font-size: .9em; display: inline; padding: 4px 6px 4px 6px;}
.paginator a { border: 1px solid #000080 !important; }
.paginator a.paginate {	text-decoration: none;	color: #000080; background-color:#FFFFFF; }
.paginator a.paginate:hover { background-color: #000080; color: #FFF; }
.paginator a.current { cursor: default;	background:#000080;	color: #FFF; text-decoration: none; }
.paginator span.inactive { border: 1px solid #999; color: #999; cursor: default; background-color:#FFFFFF;}
.paginator .pagejump { float:right;  }

.paginator select.paginate { padding: 4px 0 4px 3px !important; width:50px; }
.paginator select.paginate option { padding: 0 10px 0 3px !important; }
 

/* ============================================================================================= */
/* @ PAGINATION
/* --------------------------------------------------------------------------------------------- */
 
#pagination {margin-top: 20px;padding-top: 30px;border-top: #F0F0F0 1px solid;}	
#pagination .link {padding: 10px 15px;background: transparent;border:#bccfd8 1px solid;border-left:0px;cursor:pointer;color:#607d8b}
#pagination .disabled {cursor:not-allowed;color: #bccfd8;}
#pagination .current {background: #bccfd8;}
#pagination .first{border-left:#bccfd8 1px solid;}
#pagination .question {font-weight:bold;}
#pagination .answer{padding-top: 10px;}
#pagination .dot {padding: 10px 15px;background: transparent;border-right: #bccfd8 1px solid;}
#overlay {background-color: rgba(0, 0, 0, 0.6);z-index: 999;position: absolute;left: 0;top: 0;width: 100%;height: 100%;/*display: none;*/}
#overlay div {position:absolute;left:50%;top:50%;margin-top:-32px;margin-left:-32px;} 



/* ============================================================================================= */
/* @ TABLES
/* --------------------------------------------------------------------------------------------- */

table{width:100% !important;text-align:left;border-collapse:collapse;margin:10px 0 20px; }
table .form-row > [class*="col-"] { padding-bottom: 5px; } 
.table-responsive{display:block;overflow:hidden;overflow-x:auto;overflow-y:hidden;width:100%;min-height:auto!important}
.table thead th, table th {font-weight: bold; font-size: 95%;}


/* ============================================================================================= */
/* @@ FOCUS LABELS
/* --------------------------------------------------------------------------------------------- */ 
 

.form-focus{height: auto;position:relative; display: grid;}
.form-focus.form-group { margin-bottom: auto;}
.form-focus .focus-label{font-size:15px;font-weight:400;opacity:1;pointer-events:none;position:absolute;-webkit-transform:translate3d(0,15px,0) scale(1);-ms-transform:translate3d(0,15px,0) scale(1);-o-transform:translate3d(0,15px,0) scale(1);transform:translate3d(0,15px,0) scale(1);transform-origin:left top;transition:240ms;left:12px;top:-2px;z-index:1;color:#6c757d;margin-bottom:0; padding-top: 0 !important; padding-bottom: 0;}
.form-focus.focused .focus-label{opacity:1;font-weight:300;top:-13px;font-size:12px;z-index:1;color:#444; background: #FFF;}
.form-focus .form-control:-webkit-autofill~.focus-label,.form-focus .form-control:focus~.focus-label{opacity:1;font-weight:300;top:-13px;font-size:12px;z-index:1;background: #FFF;}
.form-focus .form-control{height:var(--form-focus-control-height) !important;padding:18px 12px 2px;font-size:14px}
.form-focus select.form-control{ padding-top:6px;}
.form-focus.focused select.form-control{ padding-top:18px;}
.form-focus .form-control::-webkit-input-placeholder{color:transparent;transition:240ms}
.form-focus .form-control:focus::-webkit-input-placeholder{transition:none}
.form-focus.focused .form-control::-webkit-input-placeholder{color:#bbb}
/* .form-focus.select-focus .focus-label{opacity:1;font-weight:300;top:-15px;font-size:12px;z-index:1} */
.form-focus .select2-container .select2-selection--single{border:1px solid #e3e3e3;height:var(--form-focus-height)}
.form-focus .select2-container--default .select2-selection--single .select2-selection__arrow{height:48px;right:7px}
.form-focus .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#ccc transparent transparent;border-style:solid;border-width:6px 6px 0;height:0;left:50%;margin-left:-10px;margin-top:-2px;position:absolute;top:50%;width:0}
.form-focus .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #ccc;border-width:0 6px 6px}
.form-focus .select2-container .select2-selection--single .select2-selection__rendered{padding-right:30px;padding-left:12px;padding-top:10px}
.form-focus .select2-container--default .select2-selection--single .select2-selection__rendered{color:#676767;font-size:14px;font-weight:400;line-height:38px}
.form-focus .select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#fc6075}
.form-focus .select2-container .select2-selection {padding-top: 1.7rem !important;}
.filter-row .btn{min-height:var(--form-focus-height);padding:12px;text-transform:uppercase}




/* ============================================================================== 
/*	@Custom Forms
/* ------------------------------------------------------------------------------ */

input.error,select.error,textarea.error{border:1px solid red!important;background:#fef7f7!important}
input.txtright.error,select.error{background-position:3px 50%!important;padding-left:17px}
input[type=checkbox].error,input[type=radio].error{padding-left:80px!important;width:30px!important;margin:0!important;display:inline-block!important;background:red!important}
input[type=checkbox].error:after,input[type=radio].error:after{content:"!";display:block;color:red}
label.label-checkbox input.error{color:red!important}
label.error,span.error{font-size:11px;color:red!important;display:none;font-weight:normal;background:none;text-transform:none;padding-top:0;padding-bottom:0;border:none}
div.errorBox{background-color:#fee;color:#400;border:2px #844 solid;padding:10px;margin:5px 0;text-align:center;display:none}
input#nah_snd{float:left;visibility:hidden!important;margin:0!important;padding:0!important;height:0!important;width:0!important}	
.rwdform label { padding-top: 10px;}

.account-form div[class*="col-"] { padding-left: 5px; padding-right: 5px; }
.account-form .form-group{position:relative;margin-bottom:0}
.account-form .form-group label{position:absolute;top:15px;left:15px;font-size:15px;color:#6c757d;pointer-events:none;-webkit-transition:0.3s;transition:0.3s; padding-top: 0; font-weight: 400;}

.account-form .form-group .show-pass{position:absolute;top:12px;right:10px;font-size:14px;-webkit-transition:0.5s;transition:0.5s; border: none; /* background-color: gray; */}
.account-form .form-group input{padding:10px 15px;font-size:14px;margin-bottom:20px;border-radius:5px;outline:none;background:transparent}
.account-form .form-group select{margin-bottom:20px;}
.account-form .form-group input:focus ~ label,.account-form .form-group.focused label,.account-form .form-group input:valid:not(:placeholder-shown) ~ label{top:-12px;left:10px;background-color:#FFF;padding:2px;font-size:13px}

.account-form .form-group.select-focus label { top: 0px; }
.account-form .form-group.select-focus.focused label { top: -26px; background-color: #FFF; padding: 2px; font-size: 13px; }

.account-form .form-group.select2-focus select.form-control { padding-top: 9px; }
.account-form .form-group.select2-focus label,
.account-form .form-group.select2-focus.focused label { top: -14px;left: 15px; background-color: #FFF; padding: 2px; font-size: 13px; }

.account-form .form-group label.error, .account-form .form-group.focused label.error,
.account-form .form-group.select2-focus label.error, .account-form .form-group.select2-focus.focused label.error { top: -14px; left: auto !important; right: 15px !important; background-color: #FFF; padding: 2px; font-size: 14px; }

.form-focus.focused select.form-control, .form-focus select.form-control{ padding-top:6px;}
.account-form .forgot-item{margin-bottom:20px;text-align:right}
.account-form .forgot-item p{font-weight:700} 
.account-form .form-group .form-control { height: var(--form-focus-control-height); padding: 5px 12px 2px; font-size: 14px; }
.account-form .form-control, .account-form input {font-size: 14px;}
.account-form .legend,.account-form .legend_sm  { padding-top:20px; padding-bottom: 5px; padding-left: 15px; margin-top: 10px; margin-bottom: 20px; border-bottom: 1px dotted #9d9d9d; font-size: 1.25rem; text-transform: uppercase; }
.account-form .legend_sm { font-size: 1.1rem; padding-left: 25px;}

 
/* ============================================================================== 
/*	@Switch Slider
/* ------------------------------------------------------------------------------ */
.check_slider { position: relative; display: block; min-height: 20px; } .check_slider * { padding: 0; margin: 0; } .check_slider input { margin: 0px; margin-top: 1px; cursor: pointer; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; position: absolute; z-index: 1; top: 0px; left: 0px; background: red; width: 0px; height: 0px; } .check_slider .s_label { position: relative; padding-left: 46px; display: inline-block; padding-top: .2em !important; font-size: 99%; font-weight: 400; line-height: 1; text-align: left; white-space: nowrap; vertical-align: baseline; } .check_slider .s_label:before, .check_slider .s_label:after { position: absolute; color: #fff; box-sizing: border-box; font-family: 'FontAwesome', sans-serif; font-size: 12px; line-height: 20px; background-color: #888; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; transition: background-color 0.3s, left 0.3s; } .check_slider input:checked+.s_label:before { background-color: rgb(100, 189, 99); content: "\f00c"; padding-left: 0px; text-indent: 5px; } .check_slider input:checked+.s_label:after { left: 21px; } .check_slider .s_label:before { content: "\f00d"; padding-left: 23px; left: 0px; top: 0px; height: 20px; width: 40px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .check_slider .s_label:after { content: ""; letter-spacing: 20px; background: #fff; left: 1px; top: 1px; height: 18px; width: 18px; } .check_slider { margin-top: 6px; margin-bottom: 9px; padding:0; }

div.radio_group > .check_slider { display:inline-block !important; /* float: left; */ }


/* ============================================================================================= */
/* @begin :: FORMS - VALIDATION
/* --------------------------------------------------------------------------------------------- */


input.radio,input[type=checkbox],input[type=radio]{display:inline-block!important;padding:0 10px 0 10px!important;margin-top:0!important;height:20px;margin-left:0;width:25px!important}
input.error,select.error,textarea.error{border:1px solid red!important;background:#fef7f7!important}
input.txtright.error,select.error{background-position:3px 50%!important;padding-left:17px}
input[type=checkbox].error,input[type=radio].error{padding-left:80px!important;width:25px!important;margin:0!important;display:inline-block!important;background:red!important}
input[type=checkbox].error:after,input[type=radio].error:after{content:"!";display:block;color:red}
label.label-checkbox input.error{color:red!important}
label.error,span.error{font-size:95%;color:red!important;display:none;font-weight:400;background:0 0;text-transform:none;padding-top:0;padding-bottom:0;border:none}
div.errorBox{background-color:#fee;color:#400;border:2px #844 solid;padding:10px;margin:5px 0;text-align:center;display:none}
input#nah_snd{float:left;visibility:hidden!important;margin:0!important;padding:0!important;height:0!important;width:0!important}
.form-mimic{border-width:1px;border:1px solid #e9ebee;border-left-width:3px;border-top-width:0;border-right-width:0;border-radius:0;box-shadow:none;height:auto;padding-top:6px;padding-bottom:6px;color:#90949c;font-size:100%}
.form-mimic:hover{background-color:#f7f7f7}
label.required:before {content: "* ";color:#f00; font-weight:bold; } 
.form-control { height: auto; min-height: calc(1.9em + 0.85rem + 2px) !important; border-color: #dbdbdb; font-family: "Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif; }
.form-field-wrap { border: 1px solid #dbdbdb; color: #90949c; height: auto !important; min-height: calc(1.9em + 0.85rem + 2px); margin-bottom: 5px !important; /* line-height: calc(1.9em + 0.75rem + 2px);  */}

.btn-primary, .btn-success { color: #FFFFFF !important;}




/* ==========================================================================
   21.0 Footer Section
   ========================================================================== */
.footer-section{
    display: block;
    background-color: #222;
    border-top: 1px solid #333;
    padding: 30px 0;
}
.footer-section .copyright{
    font-size: 13px;
    color: #ddd;
}  
.footer-social{
    display: block;
    text-align: right;
}
.footer-social li{
    display: inline-block;
}
.footer-social li a{
    color: #ddd;
    font-size: 13px;
    margin-left: 20px;
}
.footer-social li a:hover{
    color: var(--color-one-base);
}

/* ==========================================================================
   22.0 Scroll To Top
   ========================================================================== */
#scroll-to-top{
    background-color: var(--color-two-base);
    display: none;
    width: 45px;
    height: 45px;
    text-align: center;
    font-size: 33px;
    line-height: 45px;
    border-radius: 50%;
    color: var(--color-one-base);
    position: fixed;
    bottom: 50px;
    right: 50px;
    z-index: 999;
}
#scroll-to-top:hover{
    background-color: var(--color-one-base);
    color: var(--color-two-base);
}


/* ===================================
@@ overrides
*/

body.modal-open{height: 100%; overflow:hidden;}

.results-jx-page { font-size: 13px !important; color: gray; text-align: right !important; }
.wcard-title{font-size:1.035rem; } /* color: #444; */

.radius-0 { border-radius: 0 !important;  }
.radius-lg { border-radius: 100px !important; overflow: hidden !important; }
.radius-md { border-radius: 10px !important; overflow: hidden !important; }
.radius-sm, .radius-5 { border-radius: 0.5rem !important;  overflow: hidden !important; }
.radius-t-5 { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; overflow: hidden !important; }
.radius-b-5 { border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; overflow: hidden !important; }
.radius-100 { border-radius: 100% !important; overflow: hidden !important; }


.show, .block { display: block !important; }
.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}
.container{max-width:1200px}
.container-sm{max-width:1040px}
.container-md{max-width:1300px}
.container-lg{max-width:1440px}
.container-xl{max-width:1640px}
@media (max-width:576px){
.container,.container-sm{max-width:540px}
}

@media (max-width:768px){
.container,.container-md,.container-sm{max-width:720px} .hide-sm { display: none !important; }
.mx-1,.mx-2,.mx-3,.mx-4,.mx-5 { margin-left: 1rem !important; margin-right: 1rem !important;}
}
@media (max-width:1023px){
.container,.container-lg,.container-md,.container-sm{max-width:98%; padding: 0;}
} 
@media (min-width:1024px){
.hide-md { display: none !important; }
} 

label.label-head{font-weight: 700 !important;  font-size: 107% !important; }
label.label-head-sm{font-weight: 700 !important;  font-size: 95% !important; }

.fs-0 { font-size: 0 !important; } .fs-10 { font-size: 10px !important; } .fs-xs, .fs-11 { font-size: 11px !important; } .fs-sm, .fs-12 { font-size: 12px !important; } .fs-13 { font-size: 13px !important; } .fs-14 { font-size: 14px !important; } .fs-15 { font-size: 15px !important; } .fs-16 { font-size: 16px !important; } .fs-17 { font-size: 17px !important; } .fsp-sm { font-size: .875em !important; } .fsp-95 { font-size: 92% !important; } .fsp-md { font-size: 112% !important; } 
@media only screen and (min-width: 768px){
.fs-18 { font-size: 18px !important; } .fs-20 { font-size: 20px !important; } .fs-24 { font-size: 24px !important; } .fs-26 { font-size: 26px !important; } .fs-30 { font-size: 30px !important; } .fs-40 { font-size: 40px !important; } .fs-50 { font-size: 50px !important; } .fs-60 { font-size: 60px !important; } .fs-70 { font-size: 70px !important; } .fs-80 { font-size: 80px !important; }
}


.text-end{text-align:right!important}

.text-success {
color: var(--color-one-base) !important
}
 
.text-info {
color:var(--color-three-base) !important
}
 
.text-warning {
color:var(--color-two-base) !important
}

.hide, .hidden { display: none !important; }


.txt85 {
    font-size: 85% !important;
}

.txt90 {
    font-size: 90% !important;
}

.txt95 {
    font-size: 95% !important;
}

.txt105 {
    font-size: 105% !important;
}

.txt110 {
    font-size: 110% !important;
}

.txt115 {
    font-size: 115% !important;
}

.txt120 {
    font-size: 120% !important;
}

@media (max-width:767px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}

.wrap-consents a { text-decoration: underline !important;}
.bd-b { border-bottom: 1px solid #888 !important;}
.bd-b-dotted { border-bottom: 1px dotted #888 !important;}

.alert-info {
	color: #0c5460;
	background-color: #ebfcff;
	border-color: #bee5eb;
}