@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,500,600,700&subset=cyrillic,latin-ext');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,600,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,500,600,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Neucha:400&display=swap');

a.active.focus,a.active:focus,a.focus,a:active.focus,a:active:focus,a:focus,button.active.focus,button.active:focus,button.focus,button:active.focus,button:active:focus,button:focus,.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus {
outline: 0!important;
outline-color: transparent!important;
outline-width: 0!important;
outline-style: none!important;
box-shadow: 0 0 0 0 rgba(255,255,255,0)!important;
}
.form-control:focus {
  border-color: #ddd;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.custom-select:focus {
  border-color: #ddd;
  -webkit-box-shadow: none;
  box-shadow: none;
}
*:focus {
    outline-style: none;
    outline-width: 0px !important;
    outline-color: none !important;
}

.close {
	text-shadow:0px 0px 0px #000!important;
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #dee2e6;
}

input {
	outline: none;
	padding: 12px;
	
}
::-webkit-input-placeholder {
    color: #bcaaa4!important;
    transition: opacity 450ms ease-in-out;
}
:focus::-webkit-input-placeholder {
    opacity: 0.1;
}


.rounded-md {
    border-radius: 0.82rem!important;
}
.rounded-lg {
    border-radius: 1.12rem!important;
}

.font-roboto{
	font-family:'Roboto', serif!important;
}
.font-roboto-c{
	font-family:'Roboto Condensed', serif!important;
}
.font-oswald{
	font-family:'Oswald', serif!important;
}
.font-neucha{
	font-family:'Neucha', serif!important;
	font-size:1.2rem;
}

.font-300{
	font-weight:300!important;
}
.font-400{
	font-weight:400!important;
}
.font-500{
	font-weight:500!important;
}
.font-600{
	font-weight:600!important;
}
.font-700{
	font-weight:700!important;
}
hr {
    margin-top: 0.8rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
h1, h2, h3, h4, h5, h6{font-family:"Oswald", verdana;font-weight:700;text-transform:uppercase;color:#01579b;}
.h1, .h2, .h3, .h4, .h5, .h6{font-family:"Oswald", verdana;font-weight:700;text-transform:uppercase;}
h1, .h1{font-size:28px;}
h2, .h2{font-size:24px;}
h3, .h3{font-size:20px;}
h4, .h4{font-size:18px;}
h5, .h5{font-size:16px;}
h6, .h6{font-size:14px;}

.hover-opis h5,.hover-opis h6{
	color:#fff;
}
.hover-opis {
	position:absolute;
	display:block;
	top:0;
	left:0;
	padding:10px;
	background:rgba(72,99,114,0.8);
	color:#fff;
	height:100%;
	font-size:13px;
	cursor:pointer;	
}
.hover-opis span{
    -webkit-line-clamp: 14;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
	cursor:pointer;	
}
.hover-opis a{
    text-decoration:none;
	color:#fff;	
	cursor:pointer;	
}
.ho-hide {
	display:none;
}

.top_title{
	position:absolute;
	top:65%;
	left:2%;
}
.shdw{
	color:#fff;
	font-size:3rem;
	text-shadow: 
		-0   -1px 0   #000000,
		 0   -1px 0   #000000,
		-0    1px 0   #000000,
		 0    1px 0   #000000,
		-1px -0   0   #000000,
		 1px -0   0   #000000,
		-1px  0   0   #000000,
		 1px  0   0   #000000,
		-1px -1px 0   #000000,
		 1px -1px 0   #000000,
		-1px  1px 0   #000000,
		 1px  1px 0   #000000,
		-1px -1px 0   #000000,
		 1px -1px 0   #000000,
		-1px  1px 0   #000000,
		 1px  1px 0   #000000;
}
.shdw span{
	display:block;
	margin-top:1rem;
}

a img:hover{opacity:0.7;}

p {position:relative!important;}
.admin_edit{
	position:absolute;
	top:0px;
	left:-20px;
	cursor:pointer;
}

@media (max-width: 900px) {
	h1, .h1{font-size:24px;}
	h4, .h4{font-size:15px;}
	
	.top_title{
		position:absolute;
		top:60%;
		left:50px;
	}
	.shdw{
		color:#fff;
		font-size:1.5rem;
		text-align:center;
		text-shadow: 
			-0   -1px 0   #000000,
			 0   -1px 0   #000000,
			-0    1px 0   #000000,
			 0    1px 0   #000000,
			-1px -0   0   #000000,
			 1px -0   0   #000000,
			-1px  0   0   #000000,
			 1px  0   0   #000000,
			-1px -1px 0   #000000,
			 1px -1px 0   #000000,
			-1px  1px 0   #000000,
			 1px  1px 0   #000000,
			-1px -1px 0   #000000,
			 1px -1px 0   #000000,
			-1px  1px 0   #000000,
			 1px  1px 0   #000000;
	}
	.shdw span{
		display:block;
		margin-top:0.5rem;
		margin-left:0;
	}	
}