body{
	padding:0;
	margin:0;
	width:100%;
	height:100%;
	font-family: 'Oswald', sans-serif !important;
}


.menutopper{
	width:100%; height:5px; background-color:#ddd;
		transition: 0.3s;
		margin-bottom: 10px;
}


.navbar li:hover .mentop1{
	background-color: #be0617;
	transition: 0.3s;
}

.navbar li:hover .mentop2{
	background-color: #0aae63;
	transition: 0.3s;
}

.navbar li:hover .mentop3{
	background-color: #8e0686;
	transition: 0.3s;
}

.navbar li:hover .mentop4{
	background-color: #0059ab;
	transition: 0.3s;
}

.navbar li:hover .mentop5{
	background-color: #333;
	transition: 0.3s;
}



.navbar li .mentop1selected{
	background-color: #be0617;
	height:7px;
	margin-bottom: 8px;
	cursor: default;
}
.navbar li .mentop2selected{
	background-color: #0aae63;
	height:7px;
	margin-bottom: 8px;
	cursor: default !important;
}
.navbar li .mentop3selected{
	background-color: #8e0686;
	height:7px;
	margin-bottom: 8px;
	cursor: default;
}
.navbar li .mentop4selected{
	background-color: #0059ab;
	height:7px;
	margin-bottom: 8px;
	cursor: default;
}
.navbar li .mentop5selected{
	background-color: #333;
	height:7px;
	margin-bottom: 8px;
	cursor: default;
}






.navbar-default .navbar-nav > li > a{
	color:#333;
font-size: 18px;
}


.navbar-brand img{
	max-width:100px;
}

.navbar-default{
	background-color: #eee;
}


.at_pro{ width:100%; position:relative;  overflow:hidden; margin-top: 80px; }
.at_pro h2{position:absolute; top:200px; z-index:9; left:0; right:0; margin:auto; text-align:center; color:white; line-height:30px; font-size:22px;}
.at_pro h3{position:absolute; bottom:200px; z-index:9; left:0; right:0; margin:auto; text-align:center; color:white; font-size:16px; margin-left: -50px; line-height:25px;}
.at_pro>a{width:25%; height:100%; float:left; position: relative; margin-left:-3px; -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.at_pro>a:hover{ text-decoration:none;}
.at_pro_bg{width:100%; height:100%; position: absolute; top:0; left:0; -webkit-transform:skew(-9deg); transform:skew(-9deg); overflow:hidden;}
.at_pro_bg img{ position:absolute; left:50%; margin-left: -85px; width:100px;  top:50px; -webkit-transform:skew(9deg); transform:skew(9deg); opacity:0.7; -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.at_pro_bg1{  background: linear-gradient(0deg, rgba(190,6,23,0.7), rgba(190,6,23,0.7)), url(../projektiranje.jpg); background-position: center; background-size: auto 100%; width:100%; -webkit-transform: skew(-9deg); transform: skew(-9deg);}
.at_pro_bg2{  background: linear-gradient(0deg, rgba(10,174,99,0.7), rgba(10,174,99,0.7)), url(../niskoenergetske.jpg); background-size: auto 100%; background-position: 85% top; width:100%; -webkit-transform: skew(-9deg); transform: skew(-9deg);}
.at_pro_bg3{  background: linear-gradient(0deg, rgba(142,6,134,0.7), rgba(142,6,134,0.7)), url(../usluge.jpg); background-size: auto 100%; background-position: center; width:100%; -webkit-transform: skew(-9deg); transform: skew(-9deg);}
.at_pro_bg4{ background: linear-gradient(0deg, rgba(0,89,171,0.7), rgba(0,89,171,0.7)), url(../zgrade.jpg); background-size: auto 100%; background-position: center; width:100%;}
.at_pro .at_pro_sel{ width:40%;}
.at_pro .at_pro_other{ width:20%;}
.at_pro_block4{ width:110%; -webkit-transform: skew(0); transform: skew(0);}





@media screen and (max-width: 991px){
	.at_pro h3{display: none;}
	.at_pro{ height:auto; background:none; margin-top:80px;}
	.at_pro h2{position:absolute; top:100px !important; z-index:9; left:0; right:0; margin:auto; text-align:center; color:white; line-height:30px; font-size:22px;}
	.at_pro a{ width:50%; height:300px; -webkit-transition:none; transition:none; padding:50px 0; margin-left:0;}
	.at_pro_bg{ -webkit-transform:skew(0); transform:skew(0);}
	.at_pro_bg img{ position:absolute; left:50%; margin-left: -40px; width:80px;  top:10px; -webkit-transform:skew(0deg); transform:skew(0deg); opacity:0.7; -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}

	.at_pro a:hover .at_pro_bg img {opacity:0.1;}
	.at_pro_text{ margin-top:0;}
	.at_pro_text p{ width:90%;}

}


@media screen and (max-width: 1440px){
	.at_pro h2{position:absolute; top:200px; z-index:9; left:0; right:0; margin:auto; text-align:center; color:white; line-height:25px; font-size:20px;}
	.at_pro h3{position:absolute; bottom:200px; z-index:9; left:0; right:0; margin:auto; text-align:center; color:white; font-size:14px; margin-left: -50px; line-height:25px;}
}

@media screen and (max-height: 700px){
	.at_pro h3{display:none;}

}