body { font-family: 'Roboto', sans-serif; color: #92a4b0; font-size: 18px; line-height: 28px; font-weight: 400; }


h1, h2 { color: #3594ca; line-height: 36px; font-size: 24px; font-weight: 500; }

.container > .row { position: relative; }
.container > .row > div { padding-left: 15%; padding-right: 15%; }

.paddings { padding: 60px 0 60px 0; }
.center { text-align: center; }

::-webkit-input-placeholder {  color: #92a4b0 !important; font-weight: 300px; }
:-moz-placeholder { color: #92a4b0 !important; opacity:  1; font-weight: 300px; }
::-moz-placeholder { color: #92a4b0 !important; opacity:  1; font-weight: 300px; }
:-ms-input-placeholder { color: #92a4b0 !important; font-weight: 300px; }
:placeholder-shown { color: #92a4b0 !important; font-weight: 300px; }

.btn.btn-primary { padding: 15px; font-size: 18px; text-transform: uppercase; }

#uppercontent.paddings { padding-top: 0px; }
#uppercontent { background-image: url('/assets/img/city.png'); background-repeat: no-repeat; color: #ffffff; font-size: 24px; line-height: 36px; font-weight: 300; }
#uppercontent .langrow { text-align: right; padding: 30px 50px 30px 0px; }
#uppercontent .langrow select { border: 1px solid #fff; background-color: transparent; width: 70px; font-size: 16px; background: url('/assets/img/arrow_sel.png') no-repeat right; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; padding: 5px; border-radius: 3px; }
#uppercontent .langrow select option { color: #000000; }
#uppercontent .logo { margin-bottom: 10%; }

#antenna { background-position: bottom right; background-repeat: no-repeat; }
#antenna img { position: absolute; }
.imageholdersec { position: absolute; padding: 0px !important; bottom: 0px; z-index: -1; }
#grayarea { background-color: #f3f6f8; }
#grayareasec { background-color: #f3f6f8; }

.reportcontainer { position: absolute; background-color: #f3f6f8; text-align: right; }

#middlerow { background-image: url('/assets/img/vjetrenjace.png'); background-size: 100% 100%; background-repeat: no-repeat; position: relative; color: #ffffff; padding-top: 200px; padding-bottom: 200px; top: 200px; }
#middlerow h2 { color: #ffffff; }

#contact { margin-top: 200px; padding: 60px 30%; }
#contact input, #contact textarea { background-color: #ebeff2; border-color: transparent; border-radius: 3px; font-size: 18px; font-weight: 300px; }

#footer { background-color: #202020; color: #9b9ea1; font-weight: 300; padding-top: 30px; margin-top: 60px; }
#footer .bold { font-weight: 400; }
#footer .copyright { border-top: 1px solid #9b9ea1; text-align: center; margin-top: 50px; padding: 30px 0 30px 0; }

@media (max-width: 1200px)
{
	
}
@media (max-width: 992px)
{
	.container > .row > div { padding-left: 10%; padding-right: 10%; }
	#contact { margin-top: 400px; padding: 60px 15%; }
	.paddings { padding: 30px 0 30px 0; }
	#middlerow { padding-top: 100px; }
	.marginimg { margin: 40px 0 40px 0; }	
}
@media (max-width: 768px)
{
	.container > .row > div { padding-left: 5%; padding-right: 5%; }
	#contact { margin-top: 300px; padding: 60px 5%; }
	.masterdevice { margin-bottom: 30px; }
	.paddings { padding: 10px 0 10px 0; }
	.marginimg { margin: 40px 0 40px 0; }	
}