@import "bootstrap.css";
@import "bootstrap-grid.css";
@import "bootstrap-reboot.css";
@import "bootstrap-utilities.css";
@import "fonts.css";

html {
    --grey-background: #e2e2e2;
    --light-grey-background: #f6f6f6;
    --color-success: #3be23b;
    --purple-background: #707cc4;
    --blue-text: #29388d;
    --blue-background: #6370b9;
    --red-text: #c73378;
    --red-background: #c73378;
    --yellow-text: #ffe115;
    --yellow-background: #ffd200;
    --yellow-light-background: #fff7d4;
    --green-text: #00a887;
    --green-background: #00a887;
    --green-dark-background: #18b193;
}

body {
    color: #181818;
    font-family: Akrobat, sans-serif;
}


body.body-shadow{width:100%;height:100%;overflow:hidden;}
body.body-shadow #shadow{display:flex;align-items: center; justify-content: center;}

#shadow{display:none;background: rgba(0,0,0,0.9);position:fixed;z-index:10000;top:0px;left:0px;width:100%;height:100%;padding: 10px;}
.shadow-popup{display:none;margin:auto;width:400px;max-width:100vw;max-height:calc(100vh - 80px);overflow-y:auto;background:#fff;padding:20px;border-radius:10px;}

.popup{
	position: absolute;
	background: #fff;
	padding: 20px;
	max-width: calc(100vw - 20px);
	max-height: calc(100vh - 40px);
	overflow-y: auto;
	margin: auto;
}

.popup-close{
	position: absolute;
	top: 3px;
	right: 6px;
	font-size: 24px;
	cursor: pointer;
}

input[type=text], input[type=email], input[type=password], select{
	max-width: 600px;
}


.logo-mobile{
	display: none;
}
@media  (max-width: 640px) {
	.logo-desktop{
		display: none;
	}
	.logo-mobile{
		display: block;
		position: absolute;
		top: 10px;
		left: 0px;
	}
}

@media  (min-width: 1200px) and (max-width: 1400px) {
.navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.1rem !important;
    padding-left: 0.1rem !important;
  }
}



.background-grey {
    background-color: var(--grey-background);
}

.background-light-grey {
    background-color: var(--light-grey-background);
}
.ms-n5 {
    margin-left: -3rem !important;;
}
@media  (min-width: 1200px) {
    .ms-xl-n5 {
        margin-left: -3rem !important;
    }
}
.border-r-0 {
    border-radius: 0;
}
.border-r-3 {
    border-radius: 3px;
}
.border-r-5 {
    border-radius: 5px;
}
.border-r-9 {
    border-radius: 9px;
}
.border-r-9 {
    border-radius: 12px;
}
.border-r-20 {
    border-radius: 20px;
}
.opacity-50 {
    opacity: .7;
}
.opacity-70 {
    opacity: .7;
}
.opacity-80 {
    opacity: .8;
}
.opacity-90 {
    opacity: .9;
}
a {
    transition: all .4s;
}
a:hover {
    color: inherit;
    opacity: .7;
}
a.remove-opacity-hover {
    opacity: .7;
}
a.remove-opacity-hover:hover  {
    opacity: 1;
}
.btn:not(.btn-flat), .btn:not(.btn-flat):focus {
    box-shadow: 0 2px 2px rgba(0, 0, 0, .5);
    transition: all .2s;
}
.btn:not(.btn-flat):active {
    transform: scale(.98);
}
.btn:active, .btn.btn-flat:focus {
    box-shadow: none !important;
}

.btn-large{
	padding: 0.575rem 1.75rem;
}

.btn-green{
	background: #00a688;
	color: #fff;
}

.btn-green:hover{
	opacity: 0.8;
	color: #fff;
}


.form-control:focus {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .5) !important;
}
.rounded-circle {
    width: var(--circle-size);
    height: var(--circle-size);
}
.form-check-input {
    background-color: #181818;
    border-radius: 5px !important;
    border-color: #181818;
    border-width: 5px;
    width: 20px;
    height: 20px;
    margin-top: 2px;
}
.form-check-input:checked {
    background-color: var(--color-success);
    background-image: none !important;
    border-color: #181818;
}
.form-check-input:focus {
    box-shadow: none;
}

.font-trebuchet {
    font-family: "Trebuchet MS", sans-serif;
}
.cursor-pointer {
    cursor: pointer;
}
.fa-user-circle {
    font-size: 24px;
	position:relative;
	bottom:-2px;
}
.width-100 {
    width: 100%;
}
.width-fit-content {
    width: fit-content;
}
.height-100 {
    height: 100%;
}
.color-inherit {
    color: inherit;
}
.color-black {
    color: #181818 !important;
}
.ms-60 {
    margin-left: 60px;
}
.color-white {
    color: white;
}
.color-white-50 {
    color: rgba(255, 255, 255, .5);
}
.color-yellow {
    color: var(--yellow-text);
}
.background-yellow {
    background: var(--yellow-background);
}
.background-light-yellow {
    background: var(--yellow-light-background);
}
.color-blue {
    color: var(--blue-text);
}
.background-blue {
    background: var(--blue-background);
}
.background-purple {
    background: var(--purple-background);
}
.background-black {
    background: #000;
}
.color-red {
    color: var(--red-text);
}
.background-red {
    background: var(--red-background);
}
.color-green {
    color: var(--green-text);
}
.background-green {
    background: var(--green-background);
}
.background-dark-green {
    background: var(--green-dark-background);
}
.background-white {
    background: white;
}

.background-red a{
    color: #ffdc3e;
}


/*Main Navigation styles */
.navbar-light .navbar-nav .nav-link {
    color: #181818;
    width: max-content;
    align-self: flex-end;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}
.navbar-light .navbar-nav .nav-link.active {
    border-bottom-color: #181818;
}

.navbar-light .nav-link{
	position: relative;
}

.navbar-light .nav-link:hover{
	opacity: 1;
}

.nav-submenu{
	display: none;
	flex-direction: column;
	position: absolute;
	top: 35px;
	width: 200px;
	left: 0px;
	background: #fff;
	z-index: 10;
	gap: 15px;
	padding: 15px;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25), 0px 4px 4px 0px rgba(0, 0, 0, 0.25), 0px 4px 4px 0px rgba(0, 0, 0, 0.25); 
}

.navbar-light .nav-link:hover .nav-submenu{
	display: flex;
}

.nav-submenu-item{
	display: block;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	border-left: 3px solid rgba(0, 159, 124, 1);
	padding-left: 10px;
}

.nav-submenu-item:hover{
	color: rgba(0, 159, 124, 1);
}

@media (max-width: 1200px){
	.navbar-light .nav-link{
		text-align: right;
	}
	.nav-submenu{
		display: flex;
		position: relative;
		top: 0px;
		box-shadow: none;
		margin-top: 10px;
		margin-bottom: 20px;
		padding: 0px;
	}
	.nav-submenu-item{
		border-left: none;
		padding-left: 0px;
		text-align: right;
	}
}

.navbar-toggler {
    --toggler-width: 44px;
    --toggler-height: 36px;
    width: var(--toggler-width);
    height: var(--toggler-height);
    border-radius: 0;
    padding: 0;
    border-color: transparent !important;
    box-shadow: none !important;
}
.navbar-toggler .toggler-icon {
    width: 100%;
    height: calc(var(--toggler-height) / 6);
    background: #181818;
    position: relative;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}
.navbar-toggler[aria-expanded=false] .toggler-icon {
    top: 0;
    left: 0;
    width: 100%;
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
.toggler-icon:nth-child(1) {
    top: calc(var(--toggler-height) / 2.6);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}
.toggler-icon:nth-child(2) {
    opacity: 0;
    width: 0;
    left: -11px;
}
.toggler-icon:nth-child(3) {
    top: calc((var(--toggler-height) / 2.6) * -1);
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

/*Main Navigation styles END*/

/*Shared content styles*/
.button-sidebar-on-small-screen {
    width: 200px;
    height: 36px;
    border: none;
    position: fixed;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    top: calc(50vh - 100px);
    left: calc(-100px + 18px);
    transform: rotateZ(90deg) !important;

}

.sidebar-on-small-screen.show {
    overflow: auto;

}
.left-side-wrap {
    width: 420px;
    min-width: 420px;
    border-right: 1px solid var(--grey-background);
}
.side-menu {
    font-size: 20px;
}
.side-menu .nav-item .nav-link {
    margin: 3px 3px 2px;
    border-bottom: 1px solid var(--grey-background);
    transition: none;
}
.side-menu .nav-item .nav-link:hover:not(.active) {
    margin: 0;
    border-radius: 5px;
    border: 3px solid var(--yellow-background);
}
.side-menu .nav-item .nav-link.active {
    border-radius: 5px;
    background: black;
    color: white !important;
}

.badge {
    position: relative;
    top: -16px;
    height: 20px;
    width: 20px;
    font-size: 12px;
    padding: 0;
    line-height: 22px;
    border-radius: 50%;
}
.meeting-widget_date {
    position: relative;
    font-size: 48px;
}

.meeting-page-widget.active {
    border: 3px solid var(--yellow-background);
}
.meeting-page-widget .meeting-widget_date:after {
    content: '';
    position: absolute;
    right: 0;
    top: 6px;
    width: 3px;
    height: 42px;
    background: #000;
}
.meeting-page-widget.color-white .meeting-widget_date:after {
    content: '';
    position: absolute;
    right: 0;
    top: 6px;
    width: 3px;
    height: 42px;
    background: #fff;
}
/*Shared content styles END*/

/*Home page styles*/
.home_map {
    display: grid;
    grid-template-columns: 1fr 3fr;
    grid-template-rows: auto;
    grid-template-areas: 'mapSide mapContent'
        'mapSide mapContent';
    grid-gap: 20px;
}
.home_map-side {
    border-right: 1px solid var(--grey-background);
    grid-area: mapSide;
	min-width: 250px;
}
.home_map-content {
    min-height: 500px;
    grid-area: mapContent;
}
.home_map-content {
    min-height: 500px;
    grid-area: mapContent;
}
.home_map-content_need {
    bottom: 0;
    right: 0;
}
.home_map-content_need_bar {
    width: 270px;
    height: 7px;
    border-radius: 3px;
    background: linear-gradient(90deg, var(--yellow-background) 0%, var(--yellow-background) 18%, var(--green-background) 27%, var(--green-background) 45%, var(--blue-background) 54%, var(--blue-background) 71%, var(--red-background) 82%);
}
.hours-gifts {
    letter-spacing: -3px;
}
.info-heading{
	display: inline-block;
	color: #000;
	font-size: 30px; 
	line-height: 36px;
	font-weight: 700;
	margin-bottom: 40px;
	border-bottom: 4px solid #FFCC11;
	padding-bottom: 10px;
}

.info-stats-grid{
	display: flex;
	gap: 20px;
}

@media screen and (max-width: 640px){
	.info-stats-grid{
		flex-direction: column;
	}
}

.info-stats{
	flex: 1;
	color: #000;
	margin-bottom: 20px;
}
.info-stats-title{
	white-space: nowrap;
	font-size: 40px; 
	line-height: 40px;
	font-weight: 700;
}
.info-stats-text{
	font-size: 16px; 
	font-weight: 400;

}

.donate-box{
	max-width: 400px;
	margin: auto;
	background: #F4F4F4;
	border-radius: 10px;
	padding: 10px 20px;
	color: #1F1F1F;
	margin-bottom: 20px;
}
.donate-title{
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 10px;
}
.donate-type-tabs{
	display: flex;
	gap: 20px;
	margin-bottom: 20px;
}
.donate-type-tab{
	cursor: pointer;
	flex: 1;
	border-radius: 5px;
	background: #D9D9D9;
	font-size: 14px;
	font-weight: 600;
	justify-content: center;
	height: 46px;
	display: flex;
	align-items: center;
}
.donate-type-tab:hover{
	background: #ccc;
}
.donate-type-tab.active{
	background: #C73378;
	color: #fff;
}
.donate-price-tabs{
	display: flex;
}
.donate-price-tab{
	cursor: pointer;
	flex: 1;
	background: #D9D9D9;
	font-size: 14px;
	line-height: 18px;
	font-weight: 600;
	justify-content: center;
	height: 46px;
	display: flex;
	align-items: center;
	border: 1px solid #C73378;
	text-align: center;
}
.donate-price-tab:first-child{
	border-top-left-radius: 5px;
	border-right: none;
}
.donate-price-tab:last-child{
	border-top-right-radius: 5px;
	border-left: none;
}
.donate-price-tab:hover{
	background: #ccc;
}
.donate-price-tab.active{
	background: #C73378;
	color: #fff;
}
.donate-texts{
	border: 1px solid #C73378;
	border-top: none;
}
.donate-text{
	padding: 10px;
	font-size: 14px;
	line-height: 18px;
	display: none;
}
.donate-text.active{
	display: block;
}
.donate-other{
	margin-top: 10px;
}
.donate-other-button{
	cursor: pointer;
	width: 80%;
	margin: auto;
	display: flex;
	background: #d9d9d9;
	border: 1px solid #C73378;
	font-weight: 600;
	font-size: 14px;
	height: 40px;
	border-radius: 5px;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	color: #000;
}
.donate-other-button:hover{
	background: #ccc;
}
.donate-now{
	margin-top: 10px;
}
.donate-now-button{
	cursor: pointer;
	background: #0d6efd;
	border-radius: 5px;
	color: #fff;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80%;
	margin: auto;
}
.donate-now-button:hover{
	opacity: 0.8;
}


@media (max-width: 1199.98px) {
    .home_map {
        grid-template-areas: 'mapContent mapContent'
        'mapSide mapSide';
    }
    .home_map-side {
        border-right: none;
    }
}
.gj-datepicker-bootstrap {
    width: auto !important;
}
.podarivreme-datepicker {
    min-width: 30%;
    max-width: 200px;
}
.podarivreme-datepicker input {
    border: none;
    background: var(--grey-background);
}
.podarivreme-datepicker .far {
    position: absolute;
    top: 11px;
    right: 10px;
    z-index: 4;
}
.podarivreme-select {
    position: relative;
}
.podarivreme-select:after {
    content: 'qwerqwer';
    position: absolute;
    top: 11px;
    right: 10px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 10px solid black;
}


.home_how_el {
    height: 100%;
	box-shadow: 0px 4px 4px 1px rgba(0, 0, 0, 0.25); 
}

.home_how_el p{
	margin-bottom: 0px;
}

@media (max-width: 1200px) {
	.home_how_el {
		height: auto;
	}
}



@media (min-width: 1620px) {
    .home_how_el--separator {
        display: none;
    }
}

.event-el {
    height: 180px;
}


.preparation-el {
    width: 240px;
    height: 280px;
    border-radius: 12px;
}
.preparation-el img {
    width: 140px;
}
.preparation-el .fa-phone-alt {
    font-size: 60px;
}
.meeting-selector_form {
    height: 38px;
}
.meeting-selector_form input,
.meeting-selector_form select,
.meeting-selector_form button {
    height: 38px;
}

.meeting-selector_form button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
#faq .accordion-button::after {
    width: 30px;
    height: 30px;
    font-size: 30px;
    font-weight: bold;
    content: '+';
    background: none;
    transform: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
#faq .accordion-button:not(.collapsed) {
    background: var(--yellow-background) !important;
    color: inherit !important;
}
#faq .accordion-body {
    border: 3px solid var(--yellow-background);
}

.accordion-button:focus {
    box-shadow: none !important;
}
/*Home page styles END*/



.story-section{
	padding-top: 60px;
	padding-bottom: 60px;
}

.slick-row .slick-dots{
	position: relative; 
	bottom: auto;
	margin-top: 20px;
}


@media screen and (min-width: 991px){
	.story-section .col-lg-3{
		border-right: 1px solid var(--grey-background);
	}
	.story-section .col-lg-9{
		padding-left: 20px;
	}
	
}




















/*Modals styles*/
.modal-content {
    border: none;
    border-radius: 20px;
    box-shadow: -4px 10px 10px rgba(0, 0, 0, .7);
}
.modal-header {
    border-bottom: none;
    font-weight: bold;
}
.modal-footer {
    border-top: none;
}
.podarivreme-modal-button {
    height: 38px;
    border-radius: 19px;
}
.podarivreme-sm-button {
    height: 38px;
    border-radius: 19px;
}
#loginModal .modal-dialog {
    max-width: 420px;
}
#registerModal .modal-body {
    padding: 1rem 0;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
}
#registerModal .modal-body > * {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}
#registerModal .modal-content {
	
	/*
    display: grid;
    grid-template-columns: 1fr 1fr 1px;
    grid-template-rows: 65px auto auto 65px;
    grid-template-areas: 'header header .'
        'registration registration .'
        'information information .'
        'footer footer .';
	*/
	
}
#registerModal .modal-content > * {
    grid-area: var(--grid-area);
}






.cell{width:110px;padding:5px;text-align:center;vertical-align:middle;}
	
.shape{position:relative;display:inline-block;width:100px;height:100px;background-size:100% 100%;background-position:center center;background-repeat:no-repeat;}
	
.shape.rectangle-h{height:50px;border-radius:10px;}
.shape.rectangle-v{width:50px;border-radius:10px;}
.shape.square{border-radius:10px;}
.shape.diamond{width:80px;height:80px;border-radius:10px;}
.shape.circle{border-radius:50%;}
	
.need0{background-color:#ffd200;}
.need1{background-color:#00a787;}
.need2{background-color:#707cc4;border-color:#707cc4;}
.need3{background-color:#c73378;}
	
.gray0{background-color:#f4f4f4;}
.gray1{background-color:#dfdfdf;}
.gray2{background-color:#a5a5a5;}
	

.city_div{width:100px;height:100px;position:absolute;top:0px;left:0px;z-index:1;}
.city{width:100px;height:100px;text-align:center;vertical-align:middle;display:table-cell;}
	
.city_title{font-weight:bold;font-size:15px;}

.date{padding-top:5px;position:relative;}
.date table{width:100%;}
.date_day:first-child{font-size:24px;line-height:24px;font-weight:bold;padding-right:5px;border-right:1px solid #000;text-align:right;width:50%;}
.date_month:last-child{font-size:12px;line-height:12px;padding-left:5px;text-align:left;}


.map_popup{
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	background:#fff;
	border:2px solid #333;
	padding:20px;
	cursor:default;
	width:260px;
	z-index:101;
	text-align:left;
	box-shadow:
	  0 2.8px 2.2px rgba(0, 0, 0, 0.034),
	  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
	  0 12.5px 10px rgba(0, 0, 0, 0.06),
	  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
	  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
	  0 100px 80px rgba(0, 0, 0, 0.12)
}	

.need0 .map_popup{border-color:#ffd200;}
.need1 .map_popup{border-color:#00a787;}
.need2 .map_popup{border-color:#707cc4;}
.need3 .map_popup{border-color:#c73378;}


.local-event{
	position: absolute;
	top: -5px;
	right: -5px;
	color: #eb9534;
	font-size: 20px;
	z-index: 1;
	display: flex;
	border-radius: 5px;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	background: #333;
}

.map_popup_info{
	background: #eb9534;
	padding: 5px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
}

@media screen and (min-width:1200px){
	.shape:hover{z-index:100;}
	.shape:hover .map_popup{display:block;}

	.map_popup_home{border-bottom:1px solid #ccc;padding-bottom:10px;margin-bottom:10px;}
	.map_popup_title{font-size:20px;font-weight:bold;margin-bottom:10px;}
	.map_popup_details{font-size:16px;}
	.map_popup_remaining{font-weight:600;font-size:16px;text-align:center}
	.map_popup_count{text-align:center;font-weight:bold;font-size:24px;margin-bottom:10px;}
	.map_popup_button{text-align:center;}
}




	

.shape.diamond  .map_popup{transform: rotate(45deg);}
.shape.diamond .city_div{width:80px;height:80px;transform: rotate(45deg);}
.shape.diamond .city{width:80px;height:80px;padding-top:10px;}
.shape.shape_image .city{padding-top:10px;}
	
.cell.big{width:300px;vertical-align:top;}

.shape_border{border:4px solid #fff;padding:10px;}
.shape_border:hover{border:4px solid #000;}
.shape_big{width:280px;margin:auto;height:190px;border-bottom:1px solid #ccc;}

.cell.big .shape{width:160px;height:160px;}
.cell.big .diamond{width:130px;height:130px;margin-top:15px;}
.cell.big .square{width:130px;height:130px;margin-top:15px;}

.cell.big .city_div{width:160px;height:160px;}
.cell.big .city{width:160px;height:160px;}
	
.cell.big .city_title{font-size:20px;}
.cell.big .date_day{font-size:30px;line-height:30px;}
.cell.big .date_month{font-size:16px;line-height:16px;}


.cell.big .shape.diamond .city_div{width:130px;height:130px;}
.cell.big .shape.diamond .city{width:130px;height:130px;padding-top:0px;}
	
.cell.big .shape.square .city_div{width:130px;height:130px;}
.cell.big .shape.square .city{width:130px;height:130px;}
.cell.big .shape.shape_image .city{padding-top:0px;}
	



	
.meeting{padding-top:30px;text-align:left;}
.meeting td{vertical-align:top;}

.meeting_text{white-space:nowrap;color:gray;font-size:12px;line-height:12px;text-align:right;}

.meeting_dots{padding-left:5px;padding-right:5px;}
.meeting_dot{width:10px;height:10px;border-radius:50%;margin:auto;background:#fcc2c2;}
.meeting_dot.location_dot{background:#f63434;}
.meeting_line{width:2px;background:#fcc2c2;height:30px;margin:auto;}

.meeting_hour{font-weight:700;text-align:center;}
.start_hour{font-size:30px;line-height:30px;position:relative;top:-10px;}
.location_hour{font-size:20px;line-height:20px;}

.meeting_location{padding-left:10px;font-size:14px;line-height:16px;}
.meeting_location div{position:relative;top:-5px;}
	
.meeting.meeting_single_hour .location_hour{position:relative;top:-5px;}
.meeting.meeting_single_hour .meeting_dot.location_dot{position:relative;}
	
	
	
	
	
	
		
@media screen and (max-width:640px){
	.cell.big{width:40vw;vertical-align:top;}
	.shape_big{width:35vw;height:40vw;}

	.cell.big .shape{width:35vw;height:35vw;}
	.cell.big .diamond{width:28vw;height:28vw;}
	.cell.big .square{width:33vw;height:33vw;}

	.cell.big .city_div{width:35vw;height:35vw;}
	.cell.big .city{width:35vw;height:35vw;}
		
	.cell.big .shape.diamond .city_div{width:28vw;height:28vw;}
	.cell.big .shape.diamond .city{width:28vw;height:28vw;}
		
	.cell.big .shape.square .city_div{width:33vw;height:33vw;}
	.cell.big .shape.square .city{width:33vw;height:33vw;}
	
	td.meeting_location{display: none !important;}
	
	.meeting {
		font-size: 14px;
	}
	
	.start_hour{
	  top: -4px;	
	  font-size: 20px;
	  line-height: 20px;
	}
	
	.location_hour {
	  position: relative;
	  top: 10px;
	  font-size: 14px;
	  line-height: 14px;
	}
	
	#buttons button{margin-bottom:10px;width:100%;}
}

	
	
	
	
	
	
	
	
#cookies{position:fixed;z-index:1000;bottom:0px;left:0px;width:100%;background:#f5f5f5;border-top:1px solid #ccc;padding:5px;font-size:14px;}




#newsletter_popup{display:none;background:rgba(0,0,0,0.9);position:fixed;z-index:1100;width:100%;height:100%;top:0px;left:0px;padding-top:60px;text-align:center;}
#newsletter_popup_in .fa-close{position:absolute;top:10px;left:10px;color:#000;font-size:20px;cursor:pointer;}
#newsletter_popup #mc_embed_signup div#mce-responses{margin:0px;margin-bottom:20px;}



@media screen and (max-width:1100px){
	#newsletter_popup_in{
		position:relative;
		display:inline-block;
		text-align:left;
		width:600px;
		height:100vh;
		max-width:calc(100vw - 20px);
		max-height:calc(100vh - 80px);
		overflow-y:auto;
		background:#fff;
		border: 4px solid #c73378;
	}
	
	.table-scroll{
		width: 80vw;
		overflow-x: auto;
		padding-bottom: 5px;
	}
	
	.table-scroll table{
		white-space: nowrap;
	}
}

@media screen and (min-width:1101px){
	#newsletter_popup{
		background:none;
		width:400px;
		height:400px;
		top:auto;
		bottom:0px;
		left:0px;
		padding-top:0px;
	}
	
	#newsletter_popup_in{
		position:relative;
		display:inline-block;
		background: #f5f5f5;
		text-align:left;
		width:100%;
		height:400px;
		overflow-y:auto;
		background:#fff;
		box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	}
}







.preparation-el{color:#000;text-decoration:none;}


.button{background:#ca171d;color:#fff;display:inline-block;padding:10px;font-size:16px;text-decoration:none;}
.button:hover{opacity:0.8;text-decoration:none;color:#fff;}
.button.large{padding:20px;width:100%;text-align:center;}
.button.small{padding:3px 5px;font-size:12px;}
.button.selected,.button.selected:hover{background:#333 !important;color:#fff !important;text-decoration:none !important;}

.button.gray-button{background-color:gray;}
.button.gray-button:hover{background-color:gray;opacity:0.8;}




.article{display:block;color:#000;text-decoration:none;background:#f5f5f5;}
.article h3{color:#000;}
.article_content{padding:20px;}
.view_more{text-decoration:underline;padding-top:20px;}

.article:hover{opacity:0.8;color:#fff;}
.article:hover h3{color:#fff;}
.article:hover .article_content{background:#000;}

.fc a{color:#333;}
.fc a:hover{text-decoration:none;}

.fc-daygrid-dot-event{display:block;}
.fc-daygrid-event-dot{display:inline-block;}
.fc-event-time{display:inline-block;color:#3788d8;}
.fc-event-title{display:block;font-size:11px;width:100%;white-space:normal;}
	
@media screen and (max-width:640px){
	.fc h2.fc-toolbar-title{font-size:1.2em;}
	.fc button.fc-today-button{display:none;}
	
	header > .d-flex {flex-direction: column;}
	
	
	.home_map-side{text-align: center;}
}

@media screen and (max-width:1200px){
	.hide-mobile{display: none !important;}
}

@media screen and (min-width:1201px){
	.show-mobile{display: none !important;}
}


.product-type-uzr .product-item-bg{
	background-size: contain;
	height: 200px !important;
	background-repeat: no-repeat;
	background-position: center center;
}

.slick .slick-dots li button::before{color:#f1ec2f;opacity:1;font-size:16px;}
.slick .slick-dots li.slick-active button::before{color:#ff6056}

.slick-products .slick-dots li button::before{color:#f1ec2f;opacity:1;font-size:16px;}
.slick-products .slick-dots li.slick-active button::before{color:#ff6056}


.slick-products .product-item{
	margin: 10px;
}


.single-slider{display:none;}
.single-slider .slick-prev { left: 5px; z-index: 1}
.single-slider .slick-next { right: 5px; z-index: 1}
.single-slider .slick-prev::before, .single-slider .slick-next::before{ color: #000; }
	
	
:root {
	 --fc-today-bg-color: #ddd;
}




#need-mobile{display:none;width:270px;margin:auto;height:100px;}
#need-mobile .home_map-content_need{top:0px;bottom:auto;}



.team_item.preparation-el{height:auto;width:100%;max-width:240px;}


@media screen and (min-width:1200px) and (max-width:1600px){
	.team_item.preparation-el .team-image{width:140px;}
	.team_item.preparation-el p{font-size:14px;}
}

@media screen and (max-width:1600px){
	
}


.team_image{text-align:center;padding:20px;}
.team_image .imageChild{display:none;}
.team_image:hover .imageMain{display:none;}
.team_image:hover .imageChild{display:block;}
.team-img{margin:auto;max-width:176px;border-radius:50%;background-position:center center;background-size:cover;background-repeat:no-repeat;}

.team-img:before {
    content:     "";
    display:     block;
    padding-top: 100%; 
}




.msg{margin-bottom:10px;font-size:16px;font-weight:bold;}
.msg.msg_error{color:red;}
.msg.msg_success{color:green;}
	


#notifications{
	display:none;
	position:absolute;
	top:40px;
	right:0px;
	width:300px;
	max-height:250px;
	overflow-y:auto;
	border:1px solid #ccc;
}
	
		
#notifications_count{ 
	position:absolute;
	top:-8px;
	right:-8px;
	background:#ef3741;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	border-radius:50%;
	width:18px;
	height:18px;
	line-height:20px;
	text-align:center;
	vertical-align:middle;
}
	
.notification{padding:5px;text-align:left;font-size:14px;background:#f5f5f5;color:#333;padding-right:40px;position:relative;}
.notification:not(:last-child){border-bottom:1px solid #ccc;}
.notification:hover{background:#ccc;}

.notification-close{position:absolute;top:8px;right:5px;}

.navbar-nav a{color:#181818;text-decoration:none;}


input.input-transparent{background:none;border:none;width:250px;}

.date-row .col-12:last-child{text-align:right;}
.date-row .background-light-grey{display:inline-block;}

.goal-overlay{width:100%;opacity:0.5;z-index:1;}
.goal-handle{opacity:1;position:absolute;left:0px;top:0px;width:15px;height:100%;background:black;cursor:move;z-index:2;}




.goal-el {
    margin-bottom: 20px;
}
.goal-el.active {
    position: relative;
    border: 3px solid black !important;
}
.goal-el.active:before {
    position: absolute;
    content: '';
    top: 24px;
    right: 24px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--color-success);
}
.goal-el.active:after {
    position: absolute;
    content: '';
    top: 31px;
    right: 30px;
    width: 18px;
    height: 12px;
    border-radius: 3px;
    border-bottom: 5px solid white;
    border-left: 5px solid white;
    transform: rotateZ(-45deg);
}
.goal-image{padding:20%;}
.goal-image-in{padding-top:100%;background-size:contain;background-position:center center;background-repeat:no-repeat;}









.text-container{max-width:740px;}
.text-auto{margin:auto;}



.page_link:not(.page){display:none;}
.page_link{border:1px solid #333;border-radius:50%;background:#f5f5f5;width:30px;height:30px;line-height:30px;
	vertical-align:middle;text-align:center;text-decoration:none;display:inline-block;color:#333;margin:5px;}
.page_link.active{background:#333;color:#fff;}
.page_link:hover{background:#ccc;color:#333;}








.fix-content table, .fix-content td{border:none;}


@media (max-width: 800px) {
    .podarivreme-list {
        max-width: 80vw;
    }
	
	
}

@media (max-width: 991px) {
    .date-row .col-12:last-child{text-align:left;}
}

@media (max-width: 1199.98px) {
    .podarivreme-list {
        max-width: 80vw;
    }
	
	.fix-content table,.fix-content tbody, .fix-content tr, .fix-content td{
		display: block;
		width: 100% !important;
	}
	
	.fix-content td{
		margin-bottom: 10px;
		margin-top: 10px;
	}
	
	.fix-content img{
		margin: 0px !important;
		max-width: 100%;
		height: auto !important;
	}
	

}


#partners td{text-align:center;padding-bottom:50px;}
#partners img{width:100%;max-width:200px;}
#partners img.square{max-width:140px;}


.chip{
	display: inline-block;
	border-radius: 15px;
	padding: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #333;
	text-decoration: none;
	color: #333;
}

.chip:hover{
	color: #0D6EFD;
}

.chip.active{
	border: 1px solid #0D6EFD;
	color: #0D6EFD;
}




.podcast{
	padding: 5px;
	border-radius: 10px;
	background: #f5f5f5;
	margin-bottom: 20px;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

.podcast-row{
	display: flex;
	width: 100%;
}


.podcast-image img{
	width: 100px;
}

.podcast-info{
	padding-left: 20px;
}


.podcast-links{
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.podcast-link a{
	text-decoration: none;
}


@media (max-width: 800px) {
	
	
	footer .flex-row{flex-direction: column !important;}
	.p-5{padding:1em !important;}
	
	.mx-5{margin-left:10px !important;margin-right:10px !important;}
	.px-5{padding-left:10px !important;padding-right:10px !important;}
	
	body.body-sidebar main{padding-left:3em !important;}
	
	
	.side-menu .nav-item .nav-link{padding:10px !important}
	.left-side-wrap{width:calc(100% - 40px);min-width:calc(100% - 40px);}
	
	.document img,.document p.fst-italic{display:none !important;}
	
	.btn{min-width:100px;}
	
	.stats{line-height:18px;}
	
	#notifications{
		right:-44px;
	}
	
	#partners table,#partners tbody,#partners tr, #partners td{display:block;width:100%;}
	#partners td{padding-left:0px !important;}
	#partners img{max-width:90vw;}
	#partners img.square{max-width:50vw}
	
	.podcast-row{
		display: block;
	}
	
	.podcast-image img{
		width: 100%;
	}
	
	.podcast-info{
		padding-left: 0px;
		padding-top: 10px;
	}
	
	.podcast-links{
		flex-direction: col;
	}

}



@media (max-width: 1200px) {
    #map,.home_map-content{display:none !important;}
	#need-mobile{display:block;}
	
	table.rt,table.rt > tbody,table.rt > tbody > tr, table.rt > tbody > tr > td{
		display:block;
		padding:0px;
		width:100%;
	}
	
	table.events{width:300px;}
	table.events td{margin-bottom:20px;}
}





@media (max-width: 991px) {
	.podcast-links{
		flex-direction: column;
	}
	
	.podcast-link{
		margin-top: 10px;
	}
}

@media (min-width: 992px) {
	
	.podcast-link{
		padding-left: 10px;
	} 
	
    #registerModal .modal-dialog  {
        max-width: 500px;
    }
}
@media (min-width: 1200px) {
    #registerModal .modal-dialog {
        max-width: 1140px;
    }
    #registerModal .modal-content {
        overflow: hidden;
        grid-template-areas: 'header information .'
        'registration information .'
        'registration information .'
        'footer information .';
    }
    #registerModal .registration-information {
        margin-top: -1.5rem;
        margin-bottom: -1.5rem;
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
        padding-left: 10px;
        position: relative;
    }
    #registerModal .registration-information_top-corner,
    #registerModal .registration-information_bottom-corner  {
        padding: 0 !important;
        width: 20px;
        height: 20px;
        overflow: hidden;
        position: absolute;
        left: -20px;
        background:  var(--light-grey-background);
    }
    #registerModal .registration-information_top-corner {
        top: 0;
    }
    #registerModal .registration-information_bottom-corner {
        bottom: 0;
    }
    #registerModal .registration-information_top-corner:before,
    #registerModal .registration-information_bottom-corner:before  {
        content: "";
        display: block;
        width: 200%;
        height: 200%;
        position: absolute;
        border-radius: 50%;
        background: white;
    }
    #registerModal .registration-information_top-corner:before {
        top: 0;
        right: 0;
    }
    #registerModal .registration-information_bottom-corner:before {
        bottom: 0;
        right: 0;
    }
}

	.store-category{
		border-radius: 10px;
		padding: 5px;
		padding-top: 20px;
		margin-bottom: 40px;
		height: 300px;
		border: 2px solid rgba(0, 167, 135, 1);
	}

	.store-category.store-category-uzr{
		height: 420px;
	}

	.store-category.mission-store-category{
		height: auto;
	}

	.store-category .slick-dots{
		display: none !important;
	}

	.product-item.product-featured{
		background: rgba(0, 167, 135, 1);
	}
	
	.product-item.product-featured .progress-fill{
		background: rgba(251, 215, 107, 1);
	}

	.product-item.product-featured .product-item-title{
		color: #fff !important;
	}


    .store-box{
		height: 300px;
		background: #F5F5F5;
		border-radius: 10px;
		box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
		padding: 0px 30px;
		padding-top: 50px;
	}

	.store-sidebar .store-box{
		margin-bottom: 40px;
	}
		
	.store-box-title{
		color: rgba(24, 24, 24, 1);
		font-weight: 900;
		font-size: 20px;
		line-height: 24px;
		margin-bottom: 30px;
		text-align: center;
	}

	.store-report .store-box-title{
		margin-bottom: 0px;
	}

	.store-box-text{
		color: #000;
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 30px;
	}

	.store-box-image{
		text-align: center;
		margin-bottom: 30px;
	}

	.store-box-image img{
		max-width: 80%;
	}



	.product{width:100%;margin-bottom:50px;}
	.product img{width:100%;}

	.qty select{font-size:14px;text-align:center;width:100%;height:40px;line-height:40px;vertical-align:middle;border:1px solid #000;color:#333;}
	.qty input[type=text]{font-size:14px;width:100%;}
	
	.cb{cursor:pointer;}
	
	
	/*
	.button{border:none;font-size:20px;font-weight:bold;text-align:center;height:40px;line-height:40px;vertical-align:middle;color:#fff;background:#000;}
	.button:hover{color:red;background:#000;} 
	*/
	
	.section-title{border-bottom:2px solid #333;padding-bottom:10px;font-size:20px;margin-bottom:20px;}
	
	.cart{width:100%;}
	.cart td,.cart th{text-align:center;background:#fff;border:1px solid gray;padding:10px;}
	
	.cart .fa{color:red;}
	.cart .fa-trash{color:#333;}
	
	.responsive_table{width:100%;}
	
	.order_fields .input{width:33%;padding-bottom:20px;}
	.input:not(:last-child){padding-right:20px;}
	
	.order_fields label{display:block !important;margin-bottom:5px;}
	.order_fields input, .order_fields textarea{width:100%;}
	
	.invoice_fields label,.gift_fields label{display:block !important;margin-bottom:5px;}
	.invoice_fields input, .order_fields textarea, .gift_fields textarea, .gift_fields input{width:100%;}
	.invoice_fields .input{width:50%;padding-bottom:20px;}
	.gift_fields .input{width:33%;padding-bottom:20px;}
	
	
	.red{color:red;}
	
	.error{color:red;font-size:20px;}
	
	.prices{width:306px;padding:10px;background:#333;color:#fff;display:inline-block;margin-top:20px;margin-bottom:20px;}
	
	
	#banners{position:relative;}
	#banners .banner{display:none;opacity:0;}
	#banners .banner.active{display:block;opacity:1;}
	#banners img{width:100%;margin:0px;}
	
	.bannerButton{position:absolute;z-index:2;top:50%;margin-top:-30px;width:60px;height:60px;line-height:60px;background:red;color:#fff !important;text-align:center;vertical-align:middle;font-size:30px;}
	.bannerButton:hover{opacity:0.8;}
	.bannerButton.prev{left:0px;}
	.bannerButton.next{right:0px;}

	#bannerDots{position:absolute;z-index:2;bottom:10px;left:0px;width:100%;text-align:center;}
	.dot{display:inline-block;width:20px;height:20px;border-radius:10px;background:#333;margin-left:5px;margin-right:5px;}
	.dot.active{background:red;}
	.dot:hover{opacity:0.8;}

	#about{font-size:15px;}
	#about li,#about ul{padding-left:0px;margin-left:0px;}
	#about .fa{margin-right:5px;}
	
	.menu-overlay,.main-menu{opacity:0;}
	
	.ptitle{display:inline-block;max-width:1000px;}
	
	
	.product-item{
		position:relative;
		padding:15px 20px;
		text-align:center;
		background:#f5f5f5;
		border-radius:10px;
	}

	.product-item:hover{opacity:0.8;}

	.product-item:not(.product-item-mission){
		padding-bottom: 0px;
	}

	.product-featured::before{
		content: '';
		display: block;
		width: 61px;
		height: 78px;
		position: absolute;
		z-index: 1;
		top: 2px;
		right: 2px;
		background-image: url(../img/bookmark.png);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.product-item-image img{width:100%;}
	.product-item-title {display:flex;align-items:center;margin-top:3px;margin-bottom: 3px;height:36px;justify-content: center;text-align:center;overflow:hidden;}
	.product-item:not(.product-item-mission) .product-item-title{height:54px;}

	.product-item-title a{color:#000;font-size:16px;line-height:18px;text-decoration:none;}
	.product-item-price{margin-top:10px;font-size:16px;color:#000;}
	.product-item.product-featured .product-item-title a{color: #fff;}
	
	.product-price{font-weight:bold;font-size:20px;}
	
	.product-item-bg{
		height: 140px !important;
		background-position: center center;
		background-size: cover;
		border-radius: 10px;
	}
	.product-item:not(.product-item-mission) .product-item-bg{border-radius: 0px;}

	#product-featured .product-item{
		background: #c9ece5;
	}
	
	.product-card-text{
		font-size: 16px;
		line-height: 20px;
	}
	
	.progress-bar{
		background: #fff;
		border-radius: 5px;
		height: 6px;
		
	}
	.progress-fill{
		background: #00a787;
		border-radius: 5px;
		height: 6px;
	}
	
	#main-progress{margin-top: 10px;margin-bottom: 10px;}
	#main-progress .progress-bar{background:#d9d9d9;}
	#main-progress .progress-fill{background:#198754;}
	
	
	.store-article{padding:10px;text-align:center;background:#f5f5f5;border-radius:10px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
	.store-article img{width:100%;margin-bottom:10px;}
	.store-article a{color: #181818;font-size:16px;text-decoration:none;}
	
	
	#calendar{
		min-height: 500px;
	}
	
	
	
	#counter{
		background: #c9ece5;
		padding: 20px;
		color: #00a787;
		font-size: 30px;
		text-align: center;
	}
	
	#counter span{
		font-size: 34px;
		color: #181818;
	}
	
	.store-title{
		font-weight: bold;
		font-size: 18px;
		color: #00a787;
		text-transform:uppercase;
		text-align: center;
		margin-bottom: 10px;
	}
	
	.store-title a{
		color: #181818;
	}
	.store-title a.active{
		color: #00a787;
		text-decoration: none;
	}

	.store-subtitle{
		padding-top: 10px;
		padding-bottom: 10px;
		margin-bottom: 20px;
		border-bottom: 2px solid #00a787;
		font-weight: 600;
		font-size: 16px;
		text-align: center;
		margin-left: 20px;
		margin-right: 20px;
	}
	
	
	.btn{border-radius:1.25rem;}
	.price-select{background:#0d6efd;border-radius:1.25rem;width:150px;height:38px;display:flex;margin:auto;align-items:center;box-shadow: 0 2px 2px rgba(0, 0, 0, .5);}
	.price-select-up,.price-select-down{color:#fff;cursor:pointer;width:40px;text-align:center;}
	.price-select-up i,.price-select-down i{font-size:16px;}
	.price-select-down{padding-left:10px;}
	.price-select-up{padding-right:10px;}
	.price-select input[type=text]{
		background:none;
		border:none;
		color:#fff;
		width:50%;
		text-align: right;
		padding-right: 5px;
		font-size: 16px;
		outline: none;
	}
	.price-select-label{
		width: 50%;
		text-align: left;
		color: #fff;
	}


	.styled-form input[type=text]:not(.price-input), 
	.styled-form input[type=email],
	.styled-form input[type=phone],
	.styled-form textarea
	{
		border: 1px solid rgba(13, 110, 253, 1);
		border-radius: 10px;
		box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	}

	.styled-form input[type=text], 
	.styled-form input[type=email],
	.styled-form input[type=phone]{
		height: 42px;
	}
	


	@media screen and (max-width:991px){
		.store-sidebar,.product-card-info{
			order: 2;
		}
	}

	@media screen and (min-width:991px) and (max-width: 1200px){
		.store-box{
			padding-left: 10px;
			padding-right: 10px;
			padding-top: 20px;
		}
		.store-box.store-report{
			padding-top: 50px;
		}
		.store-box-text{
			font-size: 14px;
		}
	}

	@media screen and (min-width:1201px) and (max-width: 1400px){
		.store-box{
			padding-left: 20px;
			padding-right: 20px;
		}
		.store-box-text{
			font-size: 15px;
		}

	}


	@media screen and (min-width:767px){
		#main-row  > .col:first-child{
			padding-right: 20px;
			border-right: 1px solid #ccc;
		}
		#main-row  > .col:last-child{
			padding-left: 25px;
		}
		
		.col-md-3 .store-title{
			margin-bottom: 20px;
		}
		
	}
	
	.vm{display:none;}
	
	@media screen and (max-width:767px){
	
		#main-row{
			max-width: 600px;
			padding-left: 20px;
			padding-right: 20px;
			margin: auto;
		}
		
		.vm{display:block;}
		.vd{display:none;}
		
		
		#counter{
			padding: 5px;
			font-size: 14px;
		}
		#counter span{
			font-size: 14px;
		}
		
		
		.mbr{display:block;}
		
		.text-content img{max-width:100%  !important;width:100% !important;height: auto !important;margin-bottom:10px;}
	
	
		.ptitle{max-width:90%}
		
		.bannerButton{display:none;}
		.dot{background:silver;}
		
		.product tbody,.product tr, .product td{display:block;width:100% !important;padding-right:0px !important;padding-left:0px !important;}
		.product td{padding-bottom:10px;}
		.qty{width:100%;}
		
		.header-cart{display:none;}
		.icons .col-md-3{margin-bottom:50px;}
		
		.responsive_table,.responsive_table tbody,.responsive_table tr, .responsive_table td{display:block;width:100% !important;}
		
		.input{padding-right:0px !important;}
		
		.cart th{display:none;}
		.cart tr{margin-bottom:20px;}
		
		.cart, .cart tbody,.cart tr, .cart td{display:block;width:100% !important;}
		
		.prices{width:100%;}
	
		u{display:inline-block;padding-top:20px;}
	}
	
	
	@media screen and (max-width:1100px){
		.product td{padding-right:0px !important;}
	}