@charset "UTF-8";

@import url('base_forms.css'); 

::-webkit-scrollbar { height: 6px; width: 10px } 
::-webkit-scrollbar-track { background-color: transparent; border-radius: 10px; } 
::-webkit-scrollbar-thumb { background-color: rgba(140, 142, 147, 0.6); border-radius: 10px; } 
::-webkit-scrollbar-thumb:hover { background: var(--color-highlight); } 
::selection { background: var(--color-highlight); color: #fff; }

html, body { background: #F1F1F2; max-width: 3000px; margin: auto; min-width: 300px;}
body { font-size: 0.9rem;  font-family: "Open Sans", sans-serif; color: #444444;} 
a { cursor: pointer; text-decoration: none; color: var(--color-links); }
a:hover { color:var(--color-highlight); text-decoration: none; }

h1, h2, h3, h4, h5, h6 { font-family: "Jost", sans-serif; }

/* ==========================================================================
@@ CONTENT CARDS
========================================================================== */
.card-columns .card,.card-set .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 .panel-home-guts:hover,.card-columns .card:hover,.card-set .card:hover{background-color:#f9f9f9}
.card-columns .grid-item,.card-set .grid-item{display:block;width:100%!important}
.card-columns .grid-item .panel-heading,.card-set .grid-item .panel-heading{padding:15px 15px 10px}
.card-columns .grid-item .h3,.card-columns .grid-item h3,.card-set .grid-item .h3,.card-set .grid-item h3{font-size:22px;line-height:1.2;display:block}
.card-columns .grid-item .h4,.card-columns .grid-item h4,.card-columnsX .grid-item .h4,.card-set .grid-item .h4,.card-set .grid-item h4{font-size:18px;line-height:1.2;display:block}
.card-columns .grid-item .panel-heading,.card-columnsX .grid-item .panel-heading,.card-set .grid-item .panel-heading{padding:15px 15px 2px}
.card-columns .grid-item .panel-body,.card-set .grid-item .panel-body,.grid-item .panel .panel-body{padding:2px 15px 5px}
.card-columns .img-respo,.grid-item .bitChopa .img-respo,.grid-item .bitChopa img{width:100%;max-width:100%;min-height:50px;height:100%}
.card-columns .img-respo,.grid-item .bitChopa .img-respo{background-repeat:no-repeat;background-position:50% 50%;background-size:cover;width:100%}
 

@media (min-width: 1200px) {
    .card-columns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; column-gap: 1.25rem; }
    .card-columns.cols-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; column-gap: 1.25rem; } 
    .card-columns.cols-4 { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4 !important; }
    .card-columns.cols-5 { -webkit-column-count: 5; -moz-column-count: 5; column-count: 5 !important; } 
    .card-columns .img-respo { height: 200px; }
}

@media (max-width: 1199px) {
    .card-columns { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; column-gap: 1.25rem; }
    .card-columns.cols-4 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3 !important; }
    .card-columns.cols-5 { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4 !important; }
    .card-columns .img-respo { height: 190px; }
}

@media (max-width: 992px) {
    .card-columns.cols-4  { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2 !important; }
    .card-columns.cols-5 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3 !important; }
    .card-columns .img-respo { height: 160px; }
}

@media (max-width: 786px) {
    .card-columns { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; column-gap: 1.25rem; }
    .card-columns.cols-4, 
    .card-columns.cols-5 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2 !important; }
}

@media (max-width: 586px) { 
    .card-columns.cols-4, 
    .card-columns.cols-5 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1 !important; }
    .card-columns .card { width: 100% !important; }
}


@media (max-width: 600px) {
    .card-columns { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; column-gap: 1.25rem; }
}






/*  
@@ box
=================================================================================================
*/
.box{position:relative;border-radius:3px;background:#fff;border-top:3px solid #d2d6de;margin-bottom:20px;width:100%;box-shadow:0 1px 1px rgba(0,0,0,.1)}
.box.box-primary{border-top-color:#3c8dbc}
.box.box-info{border-top-color:#00c0ef}
.box.box-danger{border-top-color:#dd4b39}
.box.box-warning{border-top-color:#f39c12}
.box.box-success{border-top-color:var(--color-primary)}
.box.box-default{border-top-color:#d2d6de}
.box.collapsed-box .box-body,.box.collapsed-box .box-footer{display:none}
.box .nav-stacked>li{border-bottom:1px solid #f4f4f4;margin:0}
.box .nav-stacked>li:last-of-type{border-bottom:none}
.box.height-control .box-body{max-height:300px;overflow:auto}
.box .border-right{border-right:1px solid #f4f4f4}
.box .border-left{border-left:1px solid #f4f4f4}
.box.box-solid{border-top:0}
.box.box-solid>.box-header .btn.btn-default{background:0 0}
.box.box-solid>.box-header .btn:hover,.box.box-solid>.box-header a:hover{background:rgba(0,0,0,.1)}
.box.box-solid.box-default{border:1px solid #d2d6de}
.box.box-solid.box-default>.box-header{color:#444;background:#d2d6de;background-color:#d2d6de}
.box.box-solid.box-default>.box-header .btn,.box.box-solid.box-default>.box-header a{color:#444}
.box.box-solid.box-primary{border:1px solid #3c8dbc}
.box.box-solid.box-primary>.box-header{color:#fff;background:#3c8dbc;background-color:#3c8dbc}
.box.box-solid.box-primary>.box-header .btn,.box.box-solid.box-primary>.box-header a{color:#fff}
.box.box-solid.box-info{border:1px solid #00c0ef}
.box.box-solid.box-info>.box-header{color:#fff;background:#00c0ef;background-color:#00c0ef}
.box.box-solid.box-info>.box-header .btn,.box.box-solid.box-info>.box-header a{color:#fff}
.box.box-solid.box-danger{border:1px solid #dd4b39}
.box.box-solid.box-danger>.box-header{color:#fff;background:#dd4b39;background-color:#dd4b39}
.box.box-solid.box-danger>.box-header .btn,.box.box-solid.box-danger>.box-header a{color:#fff}
.box.box-solid.box-warning{border:1px solid #f39c12}
.box.box-solid.box-warning>.box-header{color:#fff;background:#f39c12;background-color:#f39c12}
.box.box-solid.box-warning>.box-header .btn,.box.box-solid.box-warning>.box-header a{color:#fff}
.box.box-solid.box-success{border:1px solid #00a65a}
.box.box-solid.box-success>.box-header{color:#fff;background:#00a65a;background-color:#00a65a}
.box.box-solid.box-success>.box-header .btn,.box.box-solid.box-success>.box-header a{color:#fff}
.box.box-solid>.box-header>.box-tools .btn{border:0;box-shadow:none}
.box.box-solid[class*=bg]>.box-header{color:#fff}
.box .box-group>.box{margin-bottom:5px}
.box .knob-label{text-align:center;color:#333;font-weight:100;font-size:12px;margin-bottom:.3em}
.box>.loading-img,.box>.overlay,.overlay-wrapper>.loading-img,.overlay-wrapper>.overlay{position:absolute;top:0;left:0;width:100%;height:100%}
.box .overlay,.overlay-wrapper .overlay{z-index:50;background:rgba(255,255,255,.7);border-radius:3px}
.box .overlay>.fa,.overlay-wrapper .overlay>.fa{position:absolute;top:50%;left:50%;margin-left:-15px;margin-top:-15px;color:#000;font-size:30px}
.box .overlay.dark,.overlay-wrapper .overlay.dark{background:rgba(0,0,0,.5)}
.box-body:after,.box-body:before,.box-footer:after,.box-footer:before,.box-header:after,.box-header:before{content:" ";display:table}
.box-body:after,.box-footer:after,.box-header:after{clear:both}
.box-header{color:#444;display:block;padding:10px;position:relative}
.box-header.with-border{border-bottom:1px solid #f4f4f4}
.collapsed-box .box-header.with-border{border-bottom:none}
.box-header .box-title,.box-header>.fa,.box-header>.glyphicon,.box-header>.ion{display:inline-block;font-size:18px;margin:0;line-height:1}
.box-header>.fa,.box-header>.glyphicon,.box-header>.ion{margin-right:5px}
.box-header>.box-tools{position:absolute;right:10px;top:5px}
.box-header>.box-tools [data-toggle=tooltip]{position:relative}
.box-header>.box-tools.pull-right .dropdown-menu{right:0;left:auto}
.btn-box-tool{padding:5px;font-size:12px;background:0 0;color:#97a0b3}
.btn-box-tool:hover,.open .btn-box-tool{color:#606c84}
.btn-box-tool.btn:active{box-shadow:none}
.box-body{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px;padding:10px}
.box-body .item{border-bottom:1px dotted #ddd;margin-bottom:10px}
.box-header .box-title{padding:10px;font-size:1rem}
#chat-box .h4{font-size:inherit}
 


/* ============================================================================== 
/*	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; } .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: 8px 2px 8px 10px; margin: 0px; } .news-display.res-filter li a { display: block; padding-right: 20px; position: relative; font-size: 95%; } .news-display.res-filter li label { display: block; padding-right: 2px; position: relative; font-size: 95%; } .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; display: inline-block; font-family: "Roboto"; } .postDate { display: block; } .list-title { font-family: var(--main-font-text); font-size: 115%; font-weight: 600; display: table-cell; padding-top: 2px; padding-bottom: 2px; }


/* ============================================================================== 
/*	PROFILES
/* ------------------------------------------------------------------------------ */
.profile_pic{position:relative;margin:0 auto 5px;border:0 solid red;height:258px;width:250px;overflow:hidden!important;display:block}
.modal-body .profile_pic{width:100%;max-width:250px;height:auto;max-height:258px}
.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%}



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

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

.accordion-box { margin: 0 0 40px; padding: 0; width: 100%; }

.accordion-box .accordion-header { cursor: pointer; position: relative;  margin-top: 7px; zoom: 1; border: 1px solid #E8E8E8; background: #F8F8F8;  -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; font-size: 115%;  font-weight: 600; text-decoration: none;  padding: 13px 10px 13px 20px;   }

.accordion-card .accordion-header { display: block; position: relative;  font-size: 115%;  line-height: 24px; font-weight: 600; padding-right: 30px; outline: none; cursor: pointer; }

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

.accordion-box .accordion-header::before,
.accordion-card .accordion-header::before,
.accordion-card .collapsed .accordion-header::before {
  content: "+"; color: var(--color-highlight);font-size: 20px; display:inline-block; width: 15px;  font-weight: bold; position: absolute; top: 9px;  
}
.accordion-card .accordion-header::before, .accordion-card .collapsed .accordion-header::before { position: relative; top: 0; }
.accordion-box .accordion-header.accordion-header-active::before, .accordion-card .accordion-header::before { content: "-";  }
.accordion-box .accordion-header a, 
.accordion-card .accordion-header { display: inline-block; width: calc(100% - 20px); padding-left: 20px; }
.accordion-box .accordion-header:hover { background: #E8E8E8; color: #CF3D3D; } 
.accordion-box .accordion-header a span { font-size: 100%; color: #c3c3c3; font-weight: normal; }
.accordion-box .accordion-content {   padding: 0.5em 1em 1em 35px; border-top: 0; margin-top: -2px; 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; } 
.accordion-card .accordion-content { padding: 0.5em 1em 1em 20px; margin: 0;  clear: both; } 
.accordion-box .accordion-content, .accordion-box .accordion-header-active { border: 1px solid #d3d3d3; background: #fff; color: #555555; }
.accordion-box .accordion-header-active:hover { background: #fff !important; }
.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; }
.accordion-box .accordion-header-active a:hover { color: #CF3D3D; }
.accordion-box .accordion-header-active a { 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 }



/* ============================================================================================= */
/* @@ FORMS MISC
/* --------------------------------------------------------------------------------------------- */

input#nah_snd { float: left; visibility: hidden !important; margin: 0 !important; padding: 0 !important; height: 0 !important; width: 0 !important; }
.form-mimic { border-width: 0px 0px 1px 0; border-bottom-width: 1px; border-bottom: 1px solid #E9EBEE; border-radius: 0px; box-shadow: none; height: auto; padding-top: 6px; color: #90949c; font-size: 100%; }


/* ============================================================================================= */
/* @@ 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;background:var(--color-primary);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 input[type=submit]:hover{background:var(--color-highlight)}
.search-popup h3{font-size:24px;color:#fff;margin-bottom:20px;text-align:center}
.search-popup .recent-searches{font-size:16px;color:#fff;text-align:center}
.search-popup .recent-searches li{display:inline-block;margin:0 10px 10px 0}
.search-popup .recent-searches li a{display:block;line-height:24px;border:1px solid #fff;padding:7px 15px;color:#fff;border-radius:3px}
.search-popup .recent-searches li a:hover{color:#ec167f;border-color:#ec167f}
@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]{position:relative;width:100%;display:block}
}


/* ============================================================================================= */
/* @begin :: NAV_FOOT - LINE
/* --------------------------------------------------------------------------------------------- */
 
#nav_foot { margin:0 }
#nav_foot, #nav_foot li { list-style:none;  list-style-type:none; }
#nav_foot li { position: relative; padding:0; margin:0; display:inline-block; }
#nav_foot li a { display: block; background: none; padding: 2px 8px; border-right: 0px solid #F1F1F2; text-decoration: none; margin:0; color:#FFF; font-size: 14px;}
#nav_foot li a:hover {	color: #F1F1F2; }
#nav_foot li:last-child a {	padding-right: 0px; border-right-width: 0; }

@media only screen and (min-width: 768px) {
	#nav_foot { float:right; }
    #nav_foot li { float: left;  }
}
/* ============================================================================================= */
/* @ SEARCH RESULTS
/* --------------------------------------------------------------------------------------------- */

.searchitem { border-bottom:1px solid #e5e5e5; padding: 10px 0px 8px 0px; display: block; }
.searchtitle {  margin:5px 0; color: #0C74BB; }
.searchtitlesub { color:#993333; font-size:11px; line-height:15px; padding: 1px 5px 3px 0; display:block;}

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


/* ============================================================================================= */
/* @ SHADOWS
/* --------------------------------------------------------------------------------------------- */ 

.shadow { top: 0; left: 0; transition: all 125ms ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.shadow:focus, .shadow:hover { top: -5px; left: 4px; box-shadow: -6px 6px 10px 0 rgba(0, 0, 0, .15) }
.shadow a:focus h3, .shadow:focus h3 { text-decoration: underline }


/* ============================================================================================= */
/* @ STICKY SIDEBAR
/* --------------------------------------------------------------------------------------------- */ 
/* .jobs-wrapper { display: flex; justify-content: space-between; } */
/* .content-side {  height: 100vh; position: relative; } */
/* .sidebar-side {  width: 60%; height: 200vh; position: relative; } */
/* .sidebar { height: 100vh; position: -webkit-sticky; position: sticky; top: 0; }  */

/* .jobs-wrapper { display: flex; flex-wrap: wrap; } .jobs-wrapper { margin-bottom: calc(var(--space-md) * -1); margin-left: calc(var(--space-md) * -1); } .jobs-wrapper > * { margin-bottom: var(--space-md); margin-left: var(--space-md); } .sidebar-side > * + * { margin-top: var(--space); } .sidebar-side { flex-basis: 0; flex-grow: 999; min-width: 40%; } .content-side {  --offset: 2rem; flex-grow: 1; flex-basis: 300px; align-self: start; position: sticky; top: var(--offset); }  .content-side .sidebar { max-height: calc(100vh - var(--offset) * 2); } */

/* STICKY SIDEBAR -- Bootstrap 5 */
/* .sidebar-wrap { position: fixed; top: 0; bottom: 0; left: 0; z-index: 100; padding: 48px 0 0; box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1); } 
.make-me-sticky { position: -webkit-sticky!important; position: sticky!important; top: 0; padding: 0 15px; } */


/* ============================================================================== 
/*	CONTENT INTRO
/* ------------------------------------------------------------------------------ */
 
.billboard { margin: 0px 0px 10px 0px; padding: 20px 20px 1px 20px; background-color: #FBFCFF;  border: 1px solid #e1e8ff; border-radius: 5px; } 
.read_more_container { display: block; margin: 10px 0; }
 

/* ============================================================================== 
/*	IMAGE BOXES
/* ------------------------------------------------------------------------------ */
.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}
.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{width:100%;max-width:100%;min-height:50px;height:100%}
.card-columns .img-respo,.grid-item .bitChopa .img-respo,.grid-item .bitChopaWrap .img-respo{background-repeat:no-repeat;background-position:50% 10%;background-size:cover;width:100%;min-height:200px}
.pics-sm .grid-item .bitChopaWrap{max-height:200px}
.pics-docs .grid-item .bitChopa,.pics-docs .grid-item .bitChopaWrap{max-height:240px}
.pics-docs .grid-item .bitChopa img{height:240px;max-height:260px}

div.caption img { width: auto; max-width: 100%;}
.full-cont div.caption img { width: auto; min-width: 85%; max-width: 100%;}
div.main-guts { overflow: hidden; }
div.main-guts ul li { list-style: none; }
div.main-guts ul li::before { content: ''; display: inline-block; height: 12px; width: 16px; margin-left: -20px; background-image: url(../image/bullet.png); background-position: 10px; background-repeat: no-repeat; background-position-x: 1px; background-clip: border-box; background-position-y: 0px; background-size: contain; }
div.main-guts ul li>p { display: contents; }




/* ==========================================================================
@@ OVERRIDES
========================================================================== */


blockquote { display: block; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 40px; margin-inline-end: 40px; }

.hide, .hidden { display: none !important; }
.hover-lift { transition: all ease-in-out 0.4s; }
.block  { display: block !important; position: relative; }
.ov-none { overflow: hidden !important;}
.bold { font-weight: bold !important;}
.text-right { text-align: end !important;}
.h-auto, .form-control.h-auto { height: auto !important; }

@media (max-width: 767px) {
    .results-jx-page { text-align: start; margin-top: 0; padding-bottom: 0.5rem ;} 
    .text-center-sm { text-align: center !important;}
}
@media (min-width: 768px) {
    .results-jx-page { text-align: end !important; margin-top: -50px; padding-bottom: 1.5rem ;}
	.text-right-lg, .text-right { text-align: end !important;}
}
@media (min-width: 520px) { 
	.text-right-md { text-align: end !important;}
}

.btn-group-sm>.btn, .btn-sm { padding: 0.25rem 0.7rem; font-size: 0.775rem; border-radius: 0.25rem; }
.btn_close {  display: block; width: 20px; height: 44px; cursor: pointer; line-height: 44px; text-align: center; color: red; }

.text-warning { color:  #f39c12; }


.alert-light { --bs-alert-color: #636464; --bs-alert-bg: #fefefe; --bs-alert-border-color: #fdfdfe; }


.fs-0 { font-size: 0 !important; } .fs-10 { font-size: 10px !important; } .fs-11 { font-size: 11px !important; } .fs-12 { font-size: 12px !important; } .fs-14 { font-size: 14px !important; } .fs-16 { font-size: 16px !important; } .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; }

.fs-95 { font-size: 95% !important; } .fs-105 { font-size: 105% !important; } .fs-110 { font-size: 110% !important; } .fs-115 { font-size: 115% !important; } .fs-120 { font-size: 120% !important; } .fs-130 { font-size: 130% !important; }

@media (max-width: 767px) { .col-xs-1 { float: left; width: 8.333333%; } .col-xs-2 { float: left; width: 16.666667%; } .col-xs-3 { float: left; width: 25%; } .col-xs-4 { float: left; width: 33.333333%; } .col-xs-5 { float: left; width: 41.666667%; } .col-xs-6 { float: left; width: 50%; } .col-xs-7 { float: left; width: 58.333333%; } .col-xs-8 { float: left; width: 66.666667%; } .col-xs-9 { float: left; width: 75%; } .col-xs-10 { float: left; width: 83.333333%; } .col-xs-11 { float: left; width: 91.666667%; } .col-xs-12 { float: left; width: 100%; } }