* { font-size:0.9rem; font-family: 'Montserrat'; }
body { }
html {
  scroll-behavior: smooth;
}
.h2, h2 {font-size: 1.8rem;}

.parsley-errors-list {
    list-style-type:none;
    padding-left:1rem;
    padding-top:0.5rem;
    color:#ff0000;
}
#review-add {
    background-image:linear-gradient(#d3ecf2, #f1f1f1, #f1f1f1, #f1f1f1);
    min-height:100vh;
}

.latest-news-item h6 { margin-top:0.25rem; margin-bottom:0; }
.latest-news-item a {color:#333; }

section.news-item h6 { color:#dd0000; }
section.news-item h2 { font-size:1.4rem; }
section.news-item hr { 
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}
section.news-item hr.sm { 
    margin-top: 1rem;
    margin-bottom: 1.5rem;
}
section.news-item b { font-size:1rem; }
section.news-item p { font-size:1rem; }
section.news-item .news-tags span {
    background:#eee; padding:5px 10px; margin-right:0.25rem; margin-top:0.25rem; line-height:1.5;
}

header { height:50vh; position:relative; overflow:hidden; background-color:#fff; background-position-x:center; background-position-y:center; background-repeat:no-repeat; background-size:cover; }
header.sm { height:15vh; background-position-y:5%; }

header li a {
    font-size:18px;
    color:#333;
    margin:0px 6px;
    font-weight:400;
    border-bottom:2px solid transparent;
}

header .inverse li a { color:#fff; }

header li a:hover {
    color:#dd 0000;
    border-bottom:2px solid #dd0000;
    transition:0.4s;
}

header .inverse li a:hover {
    color:#FFF;
    border-bottom:2px solid #fff;
    transition:0.4s;
}


#xst { height:50vh; background:#247fcc; overflow:hidden; }

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*
.i-flag {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    background: url(/img/flags.png) no-repeat;
    top: 3px;
    vertical-align: -5%;
}
.glyphicon.i-flag {
    margin-right: 0;
}

.flag-GB, .flag-EN {
    background-position: -1156px 0;
}
.flag-IT {
    background-position: -1615px 0;
}
.flag-HR {
    background-position: -1445px 0;
}
.flag-DE {
    background-position: -3535px 0;
}
    */
.btn-language {
    background-color:transparent !important;
    border-color:#7799bb !important;
}

#intro {
    background-color:#174267;
    line-height:24px;
    color:#fff;
}
#intro .img {
    border:8px solid #fff;
    box-shadow:0px 0px 30px #333;
    background-position-x:center; background-position-y:center; background-repeat:no-repeat; background-size:cover;
    width:320px;
    height:180px;
    margin-left: auto!important;
    margin-right: auto!important;
}
#intro .img.v {
    width:420px;
    height:500px;
}
#intro .img.float-right { float:none!important;}
#intro .img.float-left { float:none!important;}
#intro p {
    font-size:14px;
    margin-bottom:40px;   
}

.section-title {
    display:none;
    position:absolute;
    overflow:hidden;
}

.section-title > div {
    font-size:100px;
    opacity:0.05;
    font-weight:600;
    height:60px;
}

.prog { 
    display: flex;
    flex-wrap: wrap !important;
}
.flex-even {
  flex: 50%;
}


#program {
    background-color:#ddd;
    line-height:24px;
    color:#2a3c4a;
}
#program p {
    font-size:1.1rem; 
    display:block;
}
#program p b {
    font-size:1.1rem; 
}
#program .props p {
    font-weight:600;
    font-size:1.3rem;
    margin-top:0.75rem;
}

#property {
    /*background-color:#edb653;*/
    background-color:#ddd;
    line-height:24px;
    /*color:#2a3c4a;*/
    color:#2a3c4a;
}
#property p {
    font-size:14px; 
    display:block;
}
#property .props p {
    font-weight:600;
}

#volunteer {
    /*background-color:#4fb24a;*/
    background-color:#4fb24a;
    line-height:24px;
}
#volunteer p {font-size:1rem;}

#news {
    /*background-color:#edb653;*/
    background-color:#eee;
    line-height:24px;
    /*color:#2a3c4a;*/
    color:#2a3c4a;
}

#news p { font-size:1.1rem; }
#news .news-item p {
    font-size:1rem; 
    color:#2a3c4a;
}
#news .news-item h6 { color:#cc0000; margin-bottom:0.25rem; }
#news .news-item h3 { color:#000;}
#news .news-item h3::before
{
    position:absolute; left:-10px; content:"/"; color:#cc0000; font-weight:300; font-size:2rem;
}
#news .news-item .news-img { display:none !important;    }
#news .news-item .news-text h3 { text-align:left !important;}
#news .news-item .news-text p { text-align:justify !important;}
#news .news-item .news-text div { text-align:left !important;}
#news .news-item .news-text {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 1rem;
}
#news .news-item .img {
    border:8px solid #fff;
    box-shadow:0px 0px 30px #bbb;
    background-position-x:center; background-position-y:center; background-repeat:no-repeat; background-size:cover;
    width:200px;
    height:120px;
    margin-left: auto!important;
    margin-right: auto!important;
}

.news-item .news-tags {
    display:block;
    margin-bottom:2rem;
}

#availability {
    /*background-color:#edb653;*/
    background-color:#eee;
    line-height:24px;
    /*color:#2a3c4a;*/
    color:#2a3c4a;
}
#availability p {
    font-size:1rem; 
    color:#2a3c4a;
}
#availability h1 { color:#2a3c4a;}

#availability .week {
    position:relative;
    width:100%;
    display:block;
}

#availability .d {
    width:20px; 
    height:20px;
    position:relative;
    background:#f5f5f5;
    font-size:11px;
    color:#333;
    text-align:center;    
    float:left;
    display:block;
}
#availability .d.x {
    background:#fff;
    color:#aaa;
}
#availability .d.w {
    color:#cc0000;
}


#gallery {
    background-color:#dadada;
    min-height:500px;
    color:#2a3c4a;
}

#gallery h1 { color:#2a3c4a;}
#gallery p { font-size:14px; }

#gallery .gallery-item {
	width:200px !important;
	height:200px;
	position:relative; overflow:hidden; background-position-x:center; background-position-y:center; background-repeat:no-repeat; background-size:cover;
	border:3px solid #fff;
	box-shadow:0px 0px 30px #333;
}
#gallery .gallery-item:hover:before {
position:absolute;
width:100%;
margin-left:-50%;
background:#000;
color:#fff;
animation:fade08 0.4s;
opacity: 0.8;
cursor:pointer;
height:32px;
line-height:32px;
text-align:center;
}
#gallery .gallery-item:hover {
        -webkit-transform: scale(1.1);
		transform: scale(1.1));
    cursor: -moz-zoom-in; 
    cursor: -webkit-zoom-in; 
    cursor: zoom-in;
}


#maps{width:100%; height:300px; }

footer { background-color:#2a3c4a; /*2c4959*/ }

footer .locations { position:absolute; margin-top:-360px; color:#fff; width:300px; padding-left:1rem; }
footer .locations  h1 { display:none; }

.offset-top {
    margin-top: -100px;
}

.btn-maps {
	background:#fff;
	color:#8d6531 !important;
	border:2px solid #fff;
}
.btn-maps:hover {
	background:#e3993a;
	color:#fff !important;
	transition:0.2s;
}

.btn-blue {
	background:#2a3c4a;
	color:#fff !important;
	border:2px solid #2a3c4a;
}
.btn-blue:hover {
	/*background:#3a5a73;
	color:#fff !important;*/
	background:#247fcc;
	color:#fff !important;
    border:2px solid #fff;
	transition:0.2s;
}

.btn-green {
	background:#2a4a2c;
	color:#fff !important;
	border:2px solid #2b4a2a;
}
.btn-green:hover {
	/*background:#3a5a73;
	color:#fff !important;*/
	background:#247fcc;
	color:#fff !important;
    border:2px solid #fff;
	transition:0.2s;
}

header { background-image:url(/assets/img/pixs.jpg); }
.trk, .locations { display:none }

.desc22 { display:none; }
.desc21 { display:flex; }

 @media (min-width:1024px) {
    #intro .img {
        width:480px;
        height:270px;
        margin-left: 0!important;
        margin-right: 0!important;
    }
    #intro .img.float-right { float:right!important;}
    #intro .img.float-left { float:left!important;}
	.section-title, .trk, .locations { display:block;}
    .desc22 {display:flex;}
    .desc21 { display:none; }
	.cat-lg {height:400px;}
	.cat-md {height:400px;}
	
	.category-container + .category-container {
		border-left: solid 1rem #555;
	}	
	
	footer svg { margin-left:0px; }
	footer .locations { width:440px; padding-left:3rem; }
	footer .locations  h1 { display:block; }
 }


[class|=space] {
    display: block;
    width: 100%;
}		
.space-10 { height: 5px; }
.space-20 { height: 10px; }
.space-40 { height: 30px; }
.space-60 { height: 30px; }
.space-80 { height: 40px; }
.space-100 { height: 50px; }

.black-bg {
    background-color: #393939;
}



.fade-in {
    animation:fade-in 0.5s;
}

.fade-out {
    animation:fade-out 0.5s;
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fade-out {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}



.well.well-lg {
    padding: 50px;
}
.well {
    min-height: 20px;
    margin-bottom: 20px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
.well-lg {
    padding: 24px;
    border-radius: 6px;
}
.well {
    background-color: #fff;
    border: none;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
    padding: 40px;
    border-radius: 2px;
}


.waitplease:before {
    content:"|...";
    animation: waitplease 0.5s linear infinite;
    margin-right:4px;
}

@keyframes waitplease {
    0% { content:"|..."; }
    16% { content:".|.."; }
    33% { content:"..|."; }
    50% { content:"...|"; }   
    67% { content:"..|."; } 
    83% { content:".|.."; }           
}


header .header-title {
    display:none;
    position:absolute;
    margin:5% 50% 0 50%;
    width:50%;
    padding-left:2rem;
    color:#fff;
    font-size:5rem;
    font-weight:700;
}

header .about-me b, header .about-me strong {font-size:1.6rem;}
header .about-me {
    display:none;
    position:absolute;
    margin:0% 50% 0 50%;
    width:50%;
    min-height:50px;
    padding-left:2rem;
    color:#fff;
    font-size:1.6rem;
    bottom:3rem;
}

#xst .header-title {
    padding:1rem;
    color:#fff;
    font-size:3rem;
    font-weight:700;
    text-align:center;
}

#xst .about-me b, #xst .about-me strong {font-size:1.6rem;}
#xst .about-me {
    padding:1rem;
    color:#fff;
    font-size:1.3rem;
    position:absolute;
    bottom:1rem;
}
#volunteer-form .form-control { 
    background-color:#4b9f47 !important; 
    border-color:#457743;
    color:#fff !important;
}
#volunteer-form .form-control::placeholder { color:#99dd99;  }

.social-menu { height:auto; position:relative;}
.social-menu a {
    fill:#fff;
    color:#fff;
    width:50%;
}
.social-menu a:hover {
    fill:#aaccff;
    color:#aaccff;
}

.ol-zoom { right:0.5em !important; left:auto !important; }
.ol-control button { background-color: rgba(0,200,0,0.7) !important; cursor:pointer; }

.flag{width:16px; height:16px;margin-right:5px;background:url(/assets/img/flags.png) no-repeat; }
.i-flag{width:16px; height:16px;margin-right:5px;background:url(/assets/img/flags.png) no-repeat; top: 3px; vertical-align: -5%;}
.flag-AD{background-position:-1921px 0}.flag-AE{background-position:-1904px 0}.flag-AF{background-position:-3689px 0}.flag-AG{background-position:-34px 0}.flag-AI{background-position:-51px 0}.flag-AL{background-position:-68px 0}.flag-AM{background-position:-85px 0}.flag-AN{background-position:-102px 0}.flag-AO{background-position:-119px 0}.flag-AQ{background-position:-136px 0}.flag-AR{background-position:-153px 0}.flag-AS{background-position:-170px 0}.flag-AT{background-position:-187px 0}.flag-AU{background-position:-204px 0}.flag-AW{background-position:-221px 0}.flag-AX{background-position:-238px 0}.flag-AZ{background-position:-255px 0}.flag-BA{background-position:-272px 0}.flag-BB{background-position:-289px 0}.flag-BD{background-position:-306px 0}.flag-BE{background-position:-323px 0}.flag-BG{background-position:-340px 0}.flag-BH{background-position:-357px 0}.flag-BI{background-position:-374px 0}.flag-BJ{background-position:-391px 0}.flag-BL{background-position:-408px 0}.flag-BM{background-position:-425px 0}.flag-BN{background-position:-442px 0}.flag-BO{background-position:-459px 0}.flag-BR{background-position:-476px 0}.flag-BS{background-position:-493px 0}.flag-BT{background-position:-510px 0}.flag-BW{background-position:-527px 0}.flag-BY{background-position:-544px 0}.flag-BZ{background-position:-561px 0}.flag-CA{background-position:-578px 0}.flag-CD{background-position:-595px 0}.flag-CF{background-position:-612px 0}.flag-CG{background-position:-629px 0}.flag-CH{background-position:-646px 0}.flag-CI{background-position:-663px 0}.flag-CL{background-position:-680px 0}.flag-CM{background-position:-697px 0}.flag-CN{background-position:-714px 0}.flag-CO{background-position:-731px 0}.flag-CR{background-position:-748px 0}.flag-CV{background-position:-765px 0}.flag-CY{background-position:-782px 0}.flag-CZ{background-position:-799px 0}.flag-DJ{background-position:-816px 0}.flag-DK{background-position:-833px 0}.flag-DM{background-position:-850px 0}.flag-DO{background-position:-867px 0}.flag-DZ{background-position:-884px 0}.flag-EC{background-position:-901px 0}.flag-EE{background-position:-918px 0}.flag-EG{background-position:-935px 0}.flag-EH{background-position:-952px 0}.flag-ER{background-position:-969px 0}.flag-ES{background-position:-986px 0}.flag-ET{background-position:-1003px 0}.flag-EU{background-position:-1020px 0}.flag-FI{background-position:-1037px 0}.flag-FJ{background-position:-1054px 0}.flag-FK{background-position:-1071px 0}.flag-FM{background-position:-1088px 0}.flag-FO{background-position:-1105px 0}.flag-FR,.flag-FX,.flag-GF,.flag-GP,.flag-MQ,.flag-NC,.flag-PF,.flag-PM,.flag-RE,.flag-TF,.flag-WF{background-position:-1122px 0}.flag-GA{background-position:-1139px 0}.flag-GB,.flag-EN{background-position:-1156px 0}.flag-GD{background-position:-1173px 0}.flag-GE{background-position:-1190px 0}.flag-GG{background-position:-1207px 0}.flag-GH{background-position:-1224px 0}.flag-GL{background-position:-1241px 0}.flag-GM{background-position:-1258px 0}.flag-GN{background-position:-1275px 0}.flag-GQ{background-position:-1292px 0}.flag-GR{background-position:-1309px 0}.flag-GS{background-position:-1326px 0}.flag-GT{background-position:-1343px 0}.flag-GU{background-position:-1360px 0}.flag-GW{background-position:-1377px 0}.flag-GY{background-position:-1394px 0}.flag-HK{background-position:-1411px 0}.flag-HN{background-position:-1428px 0}.flag-HR{background-position:-1445px 0}.flag-HT{background-position:-1462px 0}.flag-HU{background-position:-1479px 0}.flag-ID{background-position:-1496px 0}.flag-IE{background-position:-1513px 0}.flag-IL{background-position:-1530px 0}.flag-IM{background-position:-1547px 0}.flag-IN{background-position:-1564px 0}.flag-IQ{background-position:-1581px 0}.flag-IS{background-position:-1598px 0}.flag-IT{background-position:-1615px 0}.flag-JE{background-position:-1632px 0}.flag-JM{background-position:-1649px 0}.flag-JO{background-position:-1666px 0}.flag-JP{background-position:-1683px 0}.flag-KE{background-position:-1700px 0}.flag-KG{background-position:-1717px 0}.flag-KH{background-position:-1734px 0}.flag-KI{background-position:-1751px 0}.flag-KM{background-position:-1768px 0}.flag-KN{background-position:-1785px 0}.flag-KP{background-position:-1802px 0}.flag-KR{background-position:-1819px 0}.flag-KV{background-position:-1836px 0}.flag-KW{background-position:-1853px 0}.flag-KY{background-position:-1870px 0}.flag-LA{background-position:-1887px 0}.flag-LC{background-position:0 0}.flag-LK{background-position:-17px 0}.flag-LR{background-position:-1938px 0}.flag-LS{background-position:-1955px 0}.flag-LT{background-position:-1972px 0}.flag-LU{background-position:-1989px 0}.flag-LV{background-position:-2006px 0}.flag-LY{background-position:-2023px 0}.flag-MA{background-position:-2040px 0}.flag-ME{background-position:-2057px 0}.flag-MG{background-position:-2074px 0}.flag-MH{background-position:-2091px 0}.flag-ML{background-position:-2108px 0}.flag-MM{background-position:-2125px 0}.flag-MP{background-position:-2142px 0}.flag-MR{background-position:-2159px 0}.flag-MS{background-position:-2176px 0}.flag-MT{background-position:-2193px 0}.flag-MU{background-position:-2210px 0}.flag-MV{background-position:-2227px 0}.flag-MW{background-position:-2244px 0}.flag-MZ{background-position:-2261px 0}.flag-NA{background-position:-2278px 0}.flag-NE{background-position:-2295px 0}.flag-NF{background-position:-2312px 0}.flag-NG{background-position:-2329px 0}.flag-NI{background-position:-2346px 0}.flag-NL{background-position:-2363px 0}.flag-NO{background-position:-2380px 0}.flag-NP{background-position:-2397px 0}.flag-NR{background-position:-2414px 0}.flag-NZ{background-position:-2431px 0}.flag-OM{background-position:-2448px 0}.flag-PA{background-position:-2465px 0}.flag-PE{background-position:-2482px 0}.flag-PG{background-position:-2499px 0}.flag-PH{background-position:-2516px 0}.flag-PK{background-position:-2533px 0}.flag-PL{background-position:-2550px 0}.flag-PN{background-position:-2567px 0}.flag-PS{background-position:-2584px 0}.flag-PT{background-position:-2601px 0}.flag-PW{background-position:-2618px 0}.flag-PY{background-position:-2635px 0}.flag-QA{background-position:-2652px 0}.flag-RS{background-position:-2669px 0}.flag-RU{background-position:-2686px 0}.flag-RW{background-position:-2703px 0}.flag-SA{background-position:-2720px 0}.flag-SB{background-position:-2737px 0}.flag-SC{background-position:-2754px 0}.flag-SD{background-position:-2771px 0}.flag-SE{background-position:-2788px 0}.flag-SG{background-position:-2805px 0}.flag-SH{background-position:-2822px 0}.flag-SI{background-position:-2839px 0}.flag-SK{background-position:-2856px 0}.flag-SM{background-position:-2873px 0}.flag-SN{background-position:-2890px 0}.flag-SO{background-position:-2907px 0}.flag-SR{background-position:-2924px 0}.flag-SS{background-position:-2941px 0}.flag-ST{background-position:-2958px 0}.flag-SV{background-position:-2975px 0}.flag-SY{background-position:-2992px 0}.flag-SZ{background-position:-3009px 0}.flag-TC{background-position:-3026px 0}.flag-TD{background-position:-3043px 0}.flag-TG{background-position:-3060px 0}.flag-TH{background-position:-3077px 0}.flag-TJ{background-position:-3094px 0}.flag-TM{background-position:-3111px 0}.flag-TN{background-position:-3128px 0}.flag-TP{background-position:-3145px 0}.flag-TR{background-position:-3162px 0}.flag-TT{background-position:-3179px 0}.flag-TV{background-position:-3196px 0}.flag-TW{background-position:-3213px 0}.flag-TZ{background-position:-3230px 0}.flag-UA{background-position:-3247px 0}.flag-UG{background-position:-3264px 0}.flag-US{background-position:-3281px 0}.flag-UY{background-position:-3298px 0}.flag-UZ{background-position:-3315px 0}.flag-VC{background-position:-3332px 0}.flag-VE{background-position:-3349px 0}.flag-VG{background-position:-3366px 0}.flag-VI{background-position:-3383px 0}.flag-VN{background-position:-3400px 0}.flag-VU{background-position:-3417px 0}.flag-WS{background-position:-3434px 0}.flag-YE{background-position:-3451px 0}.flag-ZA{background-position:-3468px 0}.flag-ZM{background-position:-3485px 0}.flag-BF{background-position:-3502px 0}.flag-CU{background-position:-3519px 0}.flag-DE{background-position:-3536px 0}.flag-IR{background-position:-3553px 0}.flag-KZ{background-position:-3570px 0}.flag-LB{background-position:-3587px 0}.flag-LI{background-position:-3604px 0}.flag-MC{background-position:-3621px 0}.flag-MD{background-position:-3638px 0}.flag-MK{background-position:-3655px 0}.flag-MN{background-position:-3672px 0}.flag-MO{background-position:-3706px 0}.flag-MX{background-position:-3723px 0}.flag-MY{background-position:-3740px 0}.flag-PR{background-position:-3757px 0}.flag-RO{background-position:-3774px 0}.flag-SL{background-position:-3791px 0}.flag-TO{background-position:-3808px 0}.flag-VA{background-position:-3825px 0}.flag-ZW{background-position:-3842px 0}


#usluge {
    background-color:#3b567b;
}

.card {
	background: #dfe3d9;
	margin-bottom: 2em;	
    box-shadow: 3px 3px 18px hsl(0, 0%, 50%);
}

.card a {
	color: black;
	text-decoration: none;
}

.card a:hover {
	/*box-shadow: 3px 3px 8px hsl(0, 0%, 80%);*/
}

.card img {
    height:200px;
}

.card-content {
	padding: 1.4em;
}

.card-content h2 {
	margin-top: 0;
	margin-bottom: .5em;
	font-weight: bold;
}

.card-content p {
	font-size: 80%;
}

/* Flexbox stuff */

.cards {
    display: flex;
    justify-content: center;
    flex-flow: row wrap;

 }

.card {
    flex: 1 0 300px;
    box-sizing: border-box;
    margin: 4rem 1.5em;
    overflow:hidden;
}

@media screen and (min-width: 40em) {
    .card {
       max-width: calc(33.33% -  4.5em);
    }
}

@media screen and (min-width: 60em) {
    .card {
        max-width: calc(33.33% - 4.5em);
    }
}

.centered {
    margin: 0 auto;
    padding: 0 1em;
}

@media screen and (min-width: 52em) {
    .centered {
        max-width: 52em;
    }
}