@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-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: 22px;
    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 {
    font-size: 18px;
    line-height: 1.2;
    display: block;
} 

.card-set .grid-item .panel-heading,
.card-columnsX .grid-item .panel-heading,
.card-columns .grid-item .panel-heading {
    padding:  15px 15px 2px;
}

.card-set .grid-item .panel-body,
.card-columns .grid-item .panel-body,
.grid-item .panel .panel-body {
    padding: 2px 15px 5px;
}

/* .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%;
}

/* @@ END :: gallery_base */

/* @media (min-width: 1200px) { 
    .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-3 .card{ width: 33%; float: left;} 
}
 */


@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: #ffffff;
    border-top: 3px solid #d2d6de;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0,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: transparent
}

.box.box-solid>.box-header .btn:hover,.box.box-solid>.box-header a:hover {
    background: rgba(0,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 a,.box.box-solid.box-default>.box-header .btn {
    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 a,.box.box-solid.box-primary>.box-header .btn {
    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 a,.box.box-solid.box-info>.box-header .btn {
    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 a,.box.box-solid.box-danger>.box-header .btn {
    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 a,.box.box-solid.box-warning>.box-header .btn {
    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 a,.box.box-solid.box-success>.box-header .btn {
    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: 0.3em
}

.box>.overlay,.overlay-wrapper>.overlay,.box>.loading-img,.overlay-wrapper>.loading-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.box .overlay,.overlay-wrapper .overlay {
    z-index: 50;
    background: rgba(255,255,255,0.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,0.5)
}

.box-header:before,.box-body:before,.box-footer:before,.box-header:after,.box-body:after,.box-footer:after {
    content: " ";
    display: table
}

.box-header:after,.box-body:after,.box-footer: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>.fa,.box-header>.glyphicon,.box-header>.ion,.box-header .box-title {
    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: transparent;
    color: #97a0b3
}

.open .btn-box-tool,.btn-box-tool:hover {
    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 { /* text-transform: uppercase; */ padding: 10px; font-size: 1.0rem; }
#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: 0px solid #F00;
    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:0px; bottom:-100%; width:100%; height:100%; z-index:9999; visibility:hidden; opacity:0; overflow:auto; background:rgba(0,0,0,0.80); transition:all 700ms ease; -moz-transition:all 700ms ease; -webkit-transition:all 700ms ease; -ms-transition:all 700ms ease; -o-transition:all 700ms ease; }

.search-popup .overlay-layer{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; 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:#ffffff; cursor:pointer; z-index:5; }

.search-popup .close-search:hover{ opacity:0.70; }

.search-popup .search-form{ position:relative; padding:0px 15px 0px; max-width:1024px; margin:0 auto; margin-top:200px; }

.search-popup .search-form fieldset{ position:relative; border:7px solid rgba(255,255,255,0.50); 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:#ffffff; 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:0px; top:0px; text-align:center; width:220px; height:70px; padding:20px 10px 20px 10px; color:#ffffff !important; background: var(--color-primary) ; line-height:30px; font-size:20px; cursor:pointer; text-transform:uppercase; border-radius:0px 7px 7px 0px; -moz-border-radius:0px 7px 7px 0px; -ms-border-radius:0px 7px 7px 0px; -o-border-radius:0px 7px 7px 0px; -webkit-border-radius:0px 7px 7px 0px; }

.search-popup .search-form fieldset input[type="submit"]:hover{ background: var(--color-highlight); }

.search-popup h3{ font-size:24px; color:#ffffff; margin-bottom:20px; text-align:center; }

.search-popup .recent-searches{ font-size:16px; color:#ffffff; text-align:center; }

.search-popup .recent-searches li{ display:inline-block; margin:0px 10px 10px 0px; }

.search-popup .recent-searches li a{ display:block; line-height:24px; border:1px solid #ffffff; padding:7px 15px; color:#ffffff; 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: 0px solid #E2E2E2;
    padding: 0px;
    text-align: center;
}

.bitChopaTiny {
    width: 40px;
    height: 40px;
}

.bitChopa img,
.bitChopaTiny img,
.listChopa img {
    padding: 0;
    margin: 0;
}


/* IE5.x & IE6 */

* html span.bitChopa img,
*+html span.bitChopa img {
    height: 70px;
    width: 70px;
}

* html span.bitChopaTiny img,
*+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;
    /*background:url(../image/no_image.png) no-repeat 50% 50% transparent;*/
}

.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; 
}
 
.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, 
.grid-item .bitChopaWrap .img-respo, 
.card-columns .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 .bitChopaWrap,
.pics-docs .grid-item .bitChopa { 
    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
========================================================================== */
.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%; } }