body {
	background-color: #fff !important;
}
#navigacija {
	background-color: rgba(255,255,255,0.9) !important;
	height: 90px !important;
	padding:0;
}
.navbar-brand img {
	padding-left:95px;
}
.nav, .navbar-header {
	line-height: 90px !important;
}
.navbar-inverse{
	border:none;
	border-bottom: none !important;
}
.navbar-header {
	margin-top:5px;
	padding-left:15px;
}
.navbar-nav {
	float:right !important;
	padding-right:97px;
}
.navbar-nav li {
	font-family:"Calibri", Arial, sans-serif;
	font-size: 18px;
	color: #999897;
	margin-top:18px;
}

/*.navbar-nav a:visited{
	color: #999897 !important; 
}*/
.navigacija {
    margin:0;
	padding:0;
	height: 90px !important;
	border-bottom: 1px solid #c2bebc;
}
.nav li:hover a{
	color: #e16008 !important;
}

.dropdown-nav{
	margin-top: 0;
	height: 50px !important;
	line-height: 50px;
}

.dropdown-nav a{
	padding: 15px;
	color: #999897;
}

.dropdown-nav a:hover,
.dropdown-nav a:focus{
	text-decoration: none;
}

.dropdown-nav a:hover{
	text-decoration: none;
}

.dropdown-nav ul{
	border: none;
	/*background-color: rgba(255,255,255,0.5) !important;*/
}

.dropdown-nav:hover .dropdown-menu {
    display: block;
 }

.nav-active{
	color: #e16008 !important;
}


.info {
	background-color:#f2efed;
	min-height:456px;
	padding-bottom: 15px;

}
footer {
	margin:0 !important;
	padding:0 !important;
	background-color: #c7c5c3;
	height: 70px;
	color: #fff;
}
.copyright {
   font-size:10pt;
   font-family: "Calibri Regular", Arial, sans-serif !important;
   font-weight: normal;
}
/*.copyright p {
	
}*/
.carousel-inner {
position: relative;
width: 1170px !important;
margin: 0 auto;
overflow: hidden;
}
.green-shape {
background-image: url(../img/U-heating.png);
background-repeat:no-repeat;
background-size:390px 220px;
height: 220px;
position: relative;
overflow: hidden;
transition: 0.8s all;
}
.orange-shape {
background-image: url(../img/thermostat.png);
background-repeat:no-repeat;
background-size:390px 220px;
height: 220px;
position: relative;
overflow: hidden;
transition: 0.8s all;	
}
.blue-shape {
background-image: url(../img/thermal-ins.jpg);
background-repeat:no-repeat;
background-size:390px 220px;
height: 220px;
position: relative;
overflow: hidden;
transition: 0.8s all;	
}

.thumb-container{
	margin: 0 !important;
	padding: 0 !important;
}
.info p {
color: #66615d;
font-family: "Calibri", Arial, sans-serif;
font-size: 12pt;
}
.info h3 {
margin-top:0;
color: #ee8b31;	
font-family: "Dosis", Arial, sans-serif;
font-size: 34px;
font-weight: normal;
/*padding-bottom: 10px !important;*/
}
.info_section h4,
.info_section h5 {
font-family: "Dosis", Arial, sans-serif;
color:#2f2e2d;
}
.info_section h4{
padding-bottom: 1px;
font-size: 20px;
}
.info_section h5 {
font-size: 18px;
font-weight: 700;
padding-bottom: 0;
/*padding: 10px 0;*/
}
.info_section img{
padding-top: 18px;
}

.info_section {
margin-top: 60px !important;
}
textarea, input[type="email"],input[type="text"]  {
padding-left: 11px;
}
.quote h4 {
font-family: "Dosis", Arial, sans-serif;
font-size: 28px;
color: #999897;
padding-left: 11px;
padding-top: 12px;
}
.quote {
	margin-bottom: 20px;
    margin-top: 10px;
    margin-right: 10px;
    background-color:#fff;
	/*width: 90%;*/
}

.quote, 
.contact 
/*.contact-info*/{
margin-left: 10%;
}
.quote input, .quote textarea {
	background-color: #dff2f8;
	color: #999897;
	border:1px solid #eee;
	border-radius: 2px;
	margin: 6px 11px;
    width: 94%;
    line-height: 36px;
}
.quote textarea {
	line-height: 10px !important;
	padding-left: 11px;
    padding-top: 11px;
}
input[type="submit"] {
	width: 40%;
	border: 2px solid #9cbef5;
	
}
.contact {
	background-color:#fff;
	margin-bottom: 60px;
	margin-right: 10px;
}
.contact-info {
	padding: 22px 15px;
	color: #66615d;
	font-family: "Calibri", Arial, sans-serif;
}
.contact-info span {
	color: #ee8b31;
    font-size: 13pt;
    font-weight:bold;
}

.text-orange{
	color: #ee8b31 !important;
	font-weight: 700;
}
.carousel-caption {
	background-image: url(../img/white_triangle1.png);
	background-repeat: no-repeat;
	right: 0 !important;
	left: 54% !important;
	bottom: 40% !important;
	padding-bottom: 0 !important;
	text-align:left;
	float:right !important;
	/*background-color: rgba(255, 255, 255, 0.8) !important;*/
	height:122px;
	padding-top: 0 !important;
	padding-left: 30px;
	opacity: 0.9 !important;
}

.carousel-caption h2 {
	color: #ee8b31;
	text-shadow:none !important;
	font-size: 34px;
    font-family: "Dosis", Arial, sans-serif !important;
    font-weight: 400;
    margin-top:10px;
    margin-bottom:7px;
    padding-left: 130px;
}
.carousel-caption p {
	color: #66615d;
	font-size: 14px;
	padding-right: 70px;
	text-shadow: none !important;
    font-family: "Dosis", Arial, sans-serif;
    padding-left: 130px;
}
a.left.carousel-control, a.right.carousel-control {
    background-color: none !important;
    background-image: none !important;
}
.carousel-control.left, .carousel-control.right {
	 background-color:none !important;
	 background-image: none !important;
}
.green-shape, .orange-shape, .blue-shape {
	background-color: #f2f2f2;
}
.green-bg {
	background-image: url(../img/green_bg.png);
	background-repeat: no-repeat;position: absolute;
    top:180px;
    position: absolute;
    height:222px; 
    background-size: cover !important;
    transition: 0.8s all;
}

.orange-bg {
	background-image: url(../img/orange_bg.png);
	background-repeat: no-repeat;position: absolute;
    top:180px;	
    position: absolute;
    height:222px; 
    background-size: cover !important;
    transition: 0.8s all;
}
.blue-bg {
	background-image: url(../img/blue_bg.png);
	background-repeat: no-repeat;position: absolute;
    top:180px;
    height:222px; 
    position: absolute;
    background-size: cover !important;
    transition: 0.8s all;
}
.green-shape:hover .green-bg, .orange-shape:hover .orange-bg, .blue-shape:hover .blue-bg  {	
    top:0px; 
    height:222px; 
    transition: 0.8s all;
}
.green-shape:hover .green-bg h3, .orange-shape:hover .orange-bg h3, .blue-shape:hover .blue-bg h3 {	
    margin-top: 25px !important;
    transition: 0.8s all;
}
.green-bg h3, .orange-bg h3, .blue-bg h3, .green-bg p, .orange-bg p, .blue-bg p {
    margin-top: 7px !important;
    color:#fff;
    font-family: "Dosis", Arial, sans-serif;
    font-weight: 400;
    padding: 0 30px 0 50px !important;
    transition: 0.8s all;
}
.green-bg p, .orange-bg p, .blue-bg p {
    font-family: "Calibri", Arial, sans-serif;
    font-size: 12px;
}

.underfloor{
	padding-top: 5px;
}
/*.underfloor {
	margin-right:0px !important;
	position: relative;
	margin-top: 20px;
}*/

.underfloor1, .underfloor2{
	padding-right: 5px !important;
}

.gallery{
	padding-right: 20px;
	padding-bottom: 20px;
}

/*.underfloor2 {
	padding-left: 0px;
}
.underfloor3 {
	
	padding-right: -1px !important;
}*/

.thumbs{
	display: block;
	width: 340px;
	height: 70px;
	margin-left: 40px;
	overflow: hidden;
	position: relative;
	margin-bottom: 15px;
	margin-top: 5px !important;
}

.mask{
	cursor: pointer;
	position: absolute;
	height: 70px;
	width: 340px;
	z-index: +5;
}
.mask h4{
	text-decoration: none;
	color: #fff;
	font-size: 25px;
	font-family: "Dosis", Arial, sans-serif;
	line-height: 70px;
	padding-left: 80px;
	margin-top: 0 !important;
}

.thumbs-img{
	padding-top:0 !important;
	margin-top: -60px;
	-webkit-transition: all 0.6s ease; 
    -moz-transition: all 0.6s ease; 
    -ms-transition: all 0.6s ease; 
    -o-transition: all 0.6s ease; 
    transition: all 0.6s ease;
}

.thumbs:hover img{

	-webkit-transform:scale(1.25);
    -moz-transform:scale(1.25); 
    -ms-transform:scale(1.25);
    -o-transform:scale(1.25);
     transform:scale(1.25);
}


.thumb-green{
	background-color: rgba(139,181,135,0.8);
	margin-top:-136px;
}

.thumb-orange{
	background-color: rgba(239,143,52,0.8);
	margin-top:-136px;
}

.thumb-blue{
	background-color: rgba(129,189,201,0.8);
	margin-top:-136px;
}


.contact-img img{
	padding-top: 0px !important;
}


footer p{
	padding: 20px 0 10px 0;
	margin-left: -15px;
}

.home-contact{
	width: 39%;
}

.stick{
	position: fixed !important;
    top: 141px !important;z-index: 5 !important;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    }
}
