* { margin: 0px; padding: 0px; 
 -webkit-touch-callout: none; 
    -webkit-user-select: none; 
     -khtml-user-select: none; 
       -moz-user-select: none; 
        -ms-user-select: none; 
            user-select: none; 
}


#ugol-app,#ladan-app { display: none; }

html { overflow-x: hidden; }

h2 { font-family: verdana;
text-shadow: 1px 0 0 #AAA, /*right*/
    0 1px 0 #AAA, /*top*/
    -1px 0 0 #AAA, /*left*/
    0 -1px 0 #AAA; /*bottom*/
 }

.inp { 
padding: 4px;
 display: inline-block;
    height: 47px;
    border: 0px;
    background-color: rgba(250, 250, 250, 0.9);
    color: #5a5a5a !important;
    box-shadow: none !important;
    outline: none !important;
	width: 432px;
	font-size: 110%;
	box-sizing: border-box;
}

.btn {
background: #251607;
color: white;
margin-left: 5px;
    display: inline-block;
    color: #fff !important;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    padding: 10px 8px;
    border-radius: 3px;
    text-decoration: none;
    letter-spacing: 1px;
    border: 1px solid #fff;	
	height: 47px;
	cursor: pointer;
	transition: 1s;
	box-sizing: border-box;
}

.btn:hover {
border: 1px solid black;	
background: white;
color: black !important;
transition: 1s;
}



#header { width: 100vw; text-align: center; z-index: 9999; }
.logo { width: 90%; height: auto; z-index: 9998 !important; }

#hdr {
display: flex;
width: 100%; 
text-align: right; 
font-family: b52;
align-items: right;
  justify-content: right;
 }
 .slogan {
	 display: flex;
width: 320px;
height: 80px;
padding: 10px;
margin-right: 80px;	
margin-top:-45px;
transform: rotate(-9deg); 
align-items: center;
  justify-content: center;
    background-image: url(../img/beresta.png);
    background-size: cover;
    background-position: center center;
	font-size:200%;
	z-index: -1 !important;
 }
 
 


#br25 { width:100vw; height:25px; }
#br { width:100vw; height: 5px; }

#blagomap {
width:100vw; height: 60px; background: transparent;
margin-top: 10px; display: flex;
cursor: pointer;
align-items: center;
  justify-content: center;
  text-align: center;
  font-family: verdana;
  font-size: 80%;
}

#content_r {
  display: flex;
  align-items: right;
  justify-content: right;
  width: 95%;
}

.hdrr {
	text-align: justify;
	max-width: 50%;
	font-family: miro;
}


#content_c {
	display: flex;
	flex-wrap: wrap;
  width: 100vw;
}

.col1 { width: 39.99%; }
.imgc { width: 100%; height: auto;
margin-top: -200px;
		}

.col2 { 
width: 29.99%;
display: flex;
flex-wrap: wrap;
 align-items: top;
  justify-content: center;
 
}
  
.col3 { 
width: 29.99%; 
display: flex;
flex-wrap: wrap;
 align-items: top;
  justify-content: center;	
  }
  
.col-blago { 
width: 54%; 
display: flex;
flex-wrap: wrap;
 align-items: center;
  justify-content: center;	
  }  
  
  
  
  .blago-text { font-family: tahoma; display: flex; width: 65%; font-size: 90%;   }
  .blago-img { font-family: tahoma; display: flex; width: 25%; }
  
  .btr { text-align: align-items: right; justify-content: right; }
  .btr { text-align: left; }
  .btj { text-align: justify; }
  .pr10 { padding-right: 10px; }
  .pl10 { padding-left: 10px; }
  
  
  .blago-img img {
	max-height: 280px; width: auto; 

  }
  
  
  
.items { max-width: 300px; height: 300px; }
#blagolabel { margin-top: -48px; font-family: tahoma; text-align: center; }
#blagolabel a { text-decoration:none; color: red; font-size: 100%; font-weight: bold; transition: 1s; }
#blagolabel a:hover { color: brown; transition: 1s; }

.emailok { margin: 30px; padding: 10px; background: #ADA; color: black; font-family: verdana; z-index: 99999; font-size:80%; text-align: justify; border-radius: 4px; }

#commercial { 
display: block;
	padding:80px 0px;
    background-image: url(../img/bgbottom.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    text-align: center;
 }
 #cmm { display: flex; 
 align-items: center;
  justify-content: center;
 }
 
 
#prefooter { color:white; }
#footer { width: 100vw; height: 30px; font-family: tahoma; text-align: center; margin-top:20px; }

i.fa { color: red; }
.spaces { margin-left: 50px; margin-right: 50px; }
.spaces_vr { width:100%; height: 96px; }

.premob {
	display: none;
}

#back { text-align: center; margin-top: 20px; color: red; text-decoration: none !important; }
a { font-family: verdana; color: red; text-decoration:none; font-size: 100%; }

.reint { font-size: 155%; }

@media (max-width: 1460px) {
.items { width: 220px; height: 220px; }	
}

@media (max-width: 1279px) {
	.items { width: 200px; height: 200px; }
#blagolabel { margin-top: -80px; font-size:85%; }
.imgc { width: 100%; height: auto;
margin-top:-120px;
		}
		.hdrr { font-size: 70%; }
		.slogan { margin-right: 60px;  }
		#content_c { display: flex; 
  justify-content: center; }
		.blago-text { width: 100%; padding: 0px; margin-top: 20px; margin-bottom: 20px; align-items: center;
  justify-content: center; font-size: 120%;  }
		.blago-img { align-items: center; justify-content: center; width: 100%; padding: 0px; margin-top: 20px; }
		.blago-img img {
	max-height: 320px; width: auto;  
  }
.col-blago { margin-top: -160px; }
}

@media (max-width: 1140px) {
#blagolabel { margin-top: -40px; font-size:85%; }
#blagomap { font-size: 85%; margin: 0px;  max-width: 100%; display: block;  }	
}

@media (max-width: 900px) {
	.items { width: 200px; height: 200px; }
	#blagolabel { margin-top: 0px; }
	#content_r { display: none;   }
	.premob { display: block; text-align: justify; font-family: tahoma; max-width: 92%; margin: auto; margin-bottom: 20px; }
	.col1 { width: 0px; height:0px; display: none; }
	.col2 { width: 49.99%; }
	.col3 { width: 49.99%; }
	body {  background:url(../img/cerkov_bg.jpg);
    background-size: cover;
	 background-position: center;
	 background-attachment: fixed;
	
	.inp { width: 330px; }
	.col-blago { margin-top: -50px; }
	.reint { font-size: 130%; }
     }
	 
	 .spaces { margin-left: 5px; margin-right: 5px;  }
	 h2 { font-size: 120%; }
	 #footer { font-size: 80%; }
	 .slogan { transform: rotate(-5deg); margin-top: 5px; font-size: 170%;  }
		#hdr { align-items: center;
  justify-content: right;  }
#ugol-app { margin-top: -100px; }
#ladan-app { margin-top: -100px; }
}

@media (max-width: 600px) {
	#blagolabel { font-size: 80%; margin-top: 0px; }
	#blagomap { font-size: 60%; }
	.items { width: 150px; height: 150px; }
	#footer { font-size: 50%; margin-top:5px; }
	#commercical { font-size: 90%; padding: 20px; }
	h2 { font-size: 114%; }
	.inp { width: 220px; height: 30px; font-size: 80%; }
	.btn { width: 70px; height: 30px; font-size: 50%; }
	.slogan { background: none; transform: rotate(0deg); margin: 0px; margin-top: -30px; }
	#hdr {  text-align: right;  }
}

@media (max-width: 400px) { 
	
.slogan { margin-right: -24px; }
.reint { font-size: 120%; }
}

.premob,.blago-text { font-family: miro; }