/**************************************
|	GLOBAL STYLES
**************************************/
body{background-color:#ffffff;}

/**************************************
|	HEADER
**************************************/

.header-top {
	height:115px;
	background:url(../icons/background-top.jpg) repeat-x top;
}

.header-top h2{
  font-family: 'Open Sans Condensed', sans-serif;
  color:#333;
  font-size:16px;
  margin-top:18px;
  text-align:left;
  font-weight:600;
}

.header-top p{
  font-family: 'Open Sans Condensed', sans-serif;
  color:#333;
  font-size:13px;
  margin-top:5px;
  text-align:left;
}

.header-top .fa-phone{
	color:#4fa2d8;
	font-size:14px;
	padding-right:10px;
	padding-top:10px;
}

.header-top .fa-location-arrow{
	color:#4fa2d8;
	font-size:14px;
	padding-right:10px;
}

.header-top p.header-crta{
	padding-top:15px;
}

.header-top a{
	color:#333;
}

.header-top a:hover{
	color:#83bde3;
}


#logo{
	float: left;
	position:absolute;
}

img.logo{
	margin-top:22px;
	margin-left:20px;
	float: left;
	position:absolute;
}

.logo-left {
    z-index: 10000;
    float: right;
}


.menu-left {
    z-index: 10000;
    position: fixed;
    float: left;
    margin-top: 200px;
}

.menu-left p{
	border-bottom: 1px solid #fff;
	background-color:#f49322;
	font-size:16px;
	padding:15px;
    font-family: 'Titillium Web', sans-serif;
	color:#fff;
}

#solar-video-text{
	position:absolute;
	margin-top:2%;
	z-index:999999;
	margin-left:66%;
	background-color:#fff;
	opacity: 0.8;
    filter: alpha(opacity=80);
	padding:50px;
}

#solar-video-text h1{
	font-size:30px;
}

#solar-video-text p{
	font-size:14px;
	line-height:25px;
}


.container h2{
	font-size:26px;
	padding:20px 0 20px 0;
    font-family: 'Titillium Web', sans-serif;
	color:#000;
}

.container h3{
	font-size:20px;
	padding:20px 0 20px 0;
    font-family: 'Titillium Web', sans-serif;
	color:#000;
}

.container p{
	font-size:16px;
	line-height:20px;	
    font-family: 'Titillium Web', sans-serif;
	color:#333;
}

.container ul{
	padding:30px 0 30px 30px;
}

.container ul li{
	font-size:16px;
	list-style-type: circle;
	text-align:left;
	color:#333;
	line-height:25px;
    font-family: 'Titillium Web', sans-serif;
}

#language{
	float:right;
	right:0px;
	z-index:99999;
	position:fixed;
	margin-top:100px;
	background-color:#e5e5e5;
	padding:10px 1px 6px 10px;
	-webkit-border-top-left-radius: 12px;
	-webkit-border-bottom-left-radius: 12px;
	-moz-border-radius-topleft: 12px;
	-moz-border-radius-bottomright: 12px;
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
}

#language p{
	padding-bottom:5px;
}


/**************************************
|	HOME PAGE
**************************************/
.hs-1{
	background-color:#000;
	opacity: 0.80;
    filter: alpha(opacity=80);
	width:25%;
	padding:40px;
	margin: 0 auto;
	margin-top:30px;
	height:380px;
	line-height:20px;
}

.hs-1 p{
	color:#FFF;
    font-family: 'Titillium Web', sans-serif;
	font-size:16px!Important;
}

.hs-2{
	background-color:#000;
	opacity: 0.90;
    filter: alpha(opacity=90);
	height:290px;
	padding:40px;
	margin: 0 auto;
	margin-top:120px;
	line-height:20px;
}

.hs-2 p{
	color:#FFF;
    font-family: 'Titillium Web', sans-serif;
	font-size:16px!Important;
}


.hs-3{
	background-color:#000;
	opacity: 0.90;
    filter: alpha(opacity=90);
	height:290px;
	padding:40px;
	margin: 0 auto;
	margin-top:120px;
}

.hs-3 ul{
	padding-left:20px;
    padding: 0px 0 0px 30px;
}

.hs-3 ul li{
	color:#f7ca18;
    font-family: 'Titillium Web', sans-serif;
	font-size:16px!Important;
}



.hs-3 p{
	color:#f7ca18;
    font-family: 'Titillium Web', sans-serif;
	font-size:16px!Important;
}


.hs-4{
	background-color:#000;
	opacity: 0.80;
    filter: alpha(opacity=80);
	width:25%;
	height:380px;
	padding:40px;
	margin: 0 auto;
	margin-top:30px;
}

.hs-4 p{
	color:#FFF;
    font-family: 'Titillium Web', sans-serif;
	font-size:16px!Important;
	line-height:20px;
}



.paralax-text{
	background-color:#000;
	opacity: 0.8;
    filter: alpha(opacity=80);
	width:60%;
	padding:40px;
	margin: 0 auto;
	margin-top:30px;
	color:#FFF;
    font-family: 'Titillium Web', sans-serif;
	font-size:18px;
	line-height:20px;
}



.nopadding {
    padding-left: 0px;
    padding-right: 0px;
}

#home-page-logo{
	padding:20px 0 20px 80px;
}

#home-page-menu{
	padding:20px 0 20px 0;
	background-color:#016392;;
	font-size: 28px;
	color:#FFF;
    font-family: 'Titillium Web', sans-serif;
	margin-top:-2px;
}

#home-page-menu a{
	padding:0 30px 0 30px;
	color:#FFF;
	font-size:18px;
    font-family: 'Titillium Web', sans-serif;
}

#home-page-menu2{
	padding:20px 0 20px 0;
	background-color:#f49322;
	color:#FFF;
	text-align:center;
}

#home-page-menu2 a{
	padding:0 30px 0 30px;
	color:#FFF;
	text-align:center;
	font-size:18px;
    font-family: 'Titillium Web', sans-serif;
}


#home-page-solar {
}

#home-page-solar .mehr{
	font-size:16px;
	width:220px;
	padding:10px 0 10px 0;
	margin:0 auto;
	margin-top:30px;
    font-family: 'Titillium Web', sans-serif;
	background-color:#f49322;
}


#home-page-solar h1{
	color:#FFF;
	font-size:30px;
	padding-bottom:20px;
    font-family: 'Titillium Web', sans-serif;
}

#home-page-solar p{
	color:#FFF;
	font-size:14px;
	line-height:20px;
	padding: 0 40px 0 40px;
    font-family: 'Titillium Web', sans-serif;
}

#home-page-solar .solar1{
	height: 450px;
    padding-top: 50px;
	background-color:#aacfe2;
	text-align:center;
}

#home-page-solar .solar2{
	height: 450px;
    padding-top: 50px;
	background-color:#01839d;
	text-align:center;
}

#home-page-solar .solar3{
	height: 450px;
    padding-top: 50px;
	background-color:#016392;
	text-align:center;
}

#home-page-solar .solar4{
	height: 450px;
    padding-top: 50px;
	background-color:#016392;
	text-align:center;
}

#home-page-solar-black{
	padding:30px 0 30px 0;
}

#home-page-solar-tehnology{
	background-color:#fff;
	padding:20px 0 90px 0;
}

#home-page-solar-tehnology h1{
	font-size:80px;
	color:#000;
	padding-top:80px;
	font-weight:bold;
	text-align:center;
    font-family: 'Titillium Web', sans-serif;
}

#home-page-solar-tehnology p{
	margin-top:20px;
	font-size:20px;
	color:#666;
	text-align:center;
    font-family: 'Titillium Web', sans-serif;
}


#home-page-solar-panel1{
	padding:300px 0 400px 0;
	background:url(../icons/solar-panel1.jpg);
}

#home-page-solar-panel1 .solar-background{
	background-color:#000;
	opacity: 0.8;
    filter: alpha(opacity=80);
	width:30%;
	padding:40px;
}

#home-page-solar-panel1 h1{
	font-size:40px;
	margin-top:30px;
	color:#fff;
	text-align:right;
    font-family: 'Titillium Web', sans-serif;
}

#home-page-solar-panel1 p{
	font-size:18px;
	text-align:right;
	margin-bottom:30px;
	color:#fff;
	font-weight:200;
	line-height:25px;
    font-family: 'Titillium Web', sans-serif;
}

#home-page-solar-panel2 h1{
	font-size:60px;
	margin-top:30px;
	color:#000;
    font-family: 'Titillium Web', sans-serif;
}

#home-page-solar-panel2 p{
	font-size:20px;
	padding-top:30px;
	line-height:30px;
	color:#666;
    font-family: 'Titillium Web', sans-serif;
}


#home-page-solar-panel3{
	margin-top:60px;
	padding:300px 0 350px 0;
	background:url(../icons/solar-panel3.jpg);
}

#home-page-solar-panel3 .solar-background{
	background-color:#000;
	opacity: 0.8;
    filter: alpha(opacity=80);
	width:30%;
	padding:40px;
}

#home-page-solar-panel3 h1{
	font-size:40px;
	margin-top:30px;
	color:#fff;
	text-align:right;
    font-family: 'Titillium Web', sans-serif;
}

#home-page-solar-panel3 p{
	font-size:18px;
	text-align:right;
	margin-bottom:30px;
	color:#fff;
	font-weight:200;
	line-height:25px;
    font-family: 'Titillium Web', sans-serif;
}

#home-page-solar-panel4 h1{
	font-size:60px;
	margin-top:30px;
	color:#000;
    font-family: 'Titillium Web', sans-serif;
}

#home-page-solar-panel4 p{
	font-size:20px;
	padding-top:30px;
	line-height:30px;
	color:#666;
    font-family: 'Titillium Web', sans-serif;
}

#home-page-solar-panel5{
	margin-top:60px;
	padding:200px 0 100px 0;
	background:url(../icons/solar-panel5.jpg) no-repeat;
}

#home-page-solar-panel5 h1{
	font-size:80px;
	margin-top:30px;
	color:#fff;
	text-align:center;
    font-family: 'Titillium Web', sans-serif;
}

#home-page-solar-panel5 p{
	font-size:26px;
	text-align:center;
	margin-bottom:30px;
	color:#fff;
	font-weight:200;
	line-height:25px;
    font-family: 'Titillium Web', sans-serif;
}

#home-page-solar-panel6{
	padding:200px 0 200px 0;
	background:url(../icons/solar-panel6.jpg) no-repeat;
}

#home-page-solar-panel6 p{
	font-size:30px;
	margin-bottom:30px;
	color:#333;
	width:40%;
	font-weight:100;
	line-height:36px;
    font-family: 'Titillium Web', sans-serif;
}

#home-page-solar-panel7 h1{
	font-size:60px;
	padding:50px 0 50px 0;
	color:#333;
	line-height:60px;
	text-align:center;
	font-weight:bold;
    font-family: 'Titillium Web', sans-serif;
}

#home-page-solar-panel7 h2{
	font-size:30px;
	color:#333;
	font-weight:100;
	padding-bottom:20px;
	line-height:34px;
    font-family: 'Titillium Web', sans-serif;
}

#home-page-solar-panel7 h3{
	font-size:40px;
	color:#333;
	text-align:center;
	font-weight:100;
	margin-top:100px;
	padding-bottom:20px;
	line-height:34px;
    font-family: 'Titillium Web', sans-serif;
}

#home-page-solar-panel7 h4{
	font-size:20px;
	color:#333;
	text-align:center;
	font-weight:100;
	padding-bottom:20px;
	line-height:34px;
    font-family: 'Titillium Web', sans-serif;
}

#home-page-solar-panel7 p{
	font-size:16px;
	color:#999;
	font-weight:100;
	line-height:24px;
    font-family: 'Titillium Web', sans-serif;
}


#home-page-solar-panel8{
	margin-top:60px;
	padding:200px 0 100px 0;
	background:url(../icons/solar-panel8.jpg) no-repeat;
}

#home-page-solar-panel8 h1{
	font-size:80px;
	margin-top:30px;
	color:#fff;
	text-align:center;
    font-family: 'Titillium Web', sans-serif;
}

#home-page-solar-panel8 p{
	font-size:26px;
	text-align:center;
	margin-bottom:30px;
	color:#fff;
	font-weight:200;
	margin-bottom:50px;
    font-family: 'Titillium Web', sans-serif;
}

#home-page-solar-panel8 p a{
	font-size:26px;
	text-align:center;
	color:#fff;
	padding:15px;
	background-color:#8bc34a;
    font-family: 'Titillium Web', sans-serif;
}

#home-page-solar-panel h2{
    margin-top: 181px;
    font-size: 80px;
    color: #f7ca18;
    font-weight: bold;
    font-family: 'Titillium Web', sans-serif;
	}


#home-page-solar-panel{
	padding:0px 0 200px 0;
	background:url(../icons/home-page-solar-panel-background.jpg);
}

#home-page-solar-panel h1{
	margin-top:200px;
	font-size:80px;
	color:#f7ca18;
	font-weight:bold;
    font-family: 'Titillium Web', sans-serif;
}

#home-page-solar-panel .text h2{
	margin-top:180px;
	font-size:150px;
	padding-bottom:30px;
	color:#f7ca18;
	text-align:center;
	font-weight:bold;
    font-family: 'Titillium Web', sans-serif;
}

#home-page-solar-panel .text p{
	font-size:20px;
	color:#fff;
	padding:20px 50px 0 50px;
	line-height:25px;
    font-family: 'Titillium Web', sans-serif;
}


#home-page-solar-quel{
	padding:30px 0 30px 0;
	background:url(../icons/home-page-solar-quel-background.jpg);
}

#home-page-solar-quel .text{
	background-color:#FFF;
    opacity: 0.8;
    filter: alpha(opacity=80); 
	padding:30px;
	margin-top:40px;
}

#home-page-solar-quel .text h1{
	font-size:50px;
	padding-bottom:30px;
	text-align:center;
    font-family: 'Titillium Web', sans-serif;
}

#home-page-solar-quel .text p{
	font-size:20px;
	line-height:26px;
	text-align:justify;
    font-family: 'Titillium Web', sans-serif;
}


#home-page-ss{
	padding:100px 0 50px 0;
}

#home-page-ss .ss-background{
	background-color:#000;
	opacity: 0.8;
    filter: alpha(opacity=80);
	padding:40px;
	color:#FFF;
	width:60%;
	margin:0 auto;
	text-align:center;
	margin-top:200px;
}


#home-page-ss .home-page-solar-ss1{
	background-color:#01839d;
}

#home-page-ss .home-page-solar-ss2{
	background-color:#01839d;
}

#home-page-ss .home-page-solar-ss3{
	background-color:#01839d;
}


#home-page-ss h4{
	text-align:center;
	padding:40px 20px 20px 20px;
	font-size:20px;
	color:#FFF;
    font-family: 'Titillium Web', sans-serif;
}

#home-page-ss p{
	text-align:center;
	padding:0px 20px 20px 20px;
	color:#FFF;
	font-size:16px;
    font-family: 'Titillium Web', sans-serif;
	height:70px;
}


.home-page-center{
	font-size:50px;
    font-family: 'Titillium Web', sans-serif;
	color:#333;
	text-align:center;
	padding-top:80px;
	clear: both;
}


/**************************************
	SOLAR ENERGY
**************************************/
#solar-energy{
	padding:100px 0 100px 0;
}

#solar-energy h1{
	font-size:30px;
	text-align:center;
	color:#333;
    font-family: 'Titillium Web', sans-serif;
}


#solar-energy2{
	padding:100px 0 200px 0;
	background:url(../icons/solar-energy2.jpg);
}

#solar-energy2 .solar-background{
	background-color:#000;
	opacity: 0.8;
    filter: alpha(opacity=80);
	width:60%;
	padding:40px;
	float:right;
}


#solar-energy2 p{
	font-size:18px;
	text-align:right;
	margin-bottom:30px;
	color:#fff;
	font-weight:200;
	line-height:25px;
    font-family: 'Titillium Web', sans-serif;
}


#solar-energy3{
	padding:100px 0 100px 0;
}

#solar-energy3 p{
	font-size:18px;
	color:#333;
    font-family: 'Titillium Web', sans-serif;
}

#solar-energy4{
	padding:500px 0 380px 0;
	background:url(../icons/solar-energy4.jpg);
}

#solar-energy4 .solar-background{
	background-color:#000;
	opacity: 0.8;
    filter: alpha(opacity=80);
	width:60%;
	margin-top:200px;
	padding:40px;
	float:right;
}

#solar-energy4 p{
	font-size:18px;
	text-align:right;
	margin-bottom:30px;
	color:#fff;
	font-weight:200;
	line-height:25px;
    font-family: 'Titillium Web', sans-serif;
}


#solar-energy5 {
	background:url(../icons/karo-background.jpg);
	padding:100px 0 100px 0;
}

#solar-energy5 p{
	font-size:60px;
	text-align:center;
	margin-top:20px;
	margin-bottom:20px;
	line-height:40px;
	color:#016392;
	font-weight:bold;
    font-family: 'Titillium Web', sans-serif;
}



#luft-wasser-wärmepumpen{
	padding:300px 0 300px 0;
	background:url(../icons/luft-wasser-warmepumpen.jpg);
}

#luft-wasser-wärmepumpen .background{
	background-color:#000;
	opacity: 0.8;
    filter: alpha(opacity=80);
	width:60%;
	padding:40px;
	float:left;
	margin-top:-100px;
}


#luft-wasser-wärmepumpen h1{
	font-size:30px;
	text-align:left;
	margin-bottom:30px;
	color:#fff;
    font-family: 'Titillium Web', sans-serif;
}

#luft-wasser-wärmepumpen p{
	font-size:16px;
	text-align:left;
	color:#fff;
	line-height:25px;
    font-family: 'Titillium Web', sans-serif;
}

#luft-wasser-wärmepumpen ul{
	padding:30px 0 30px 30px;
}

#luft-wasser-wärmepumpen ul li{
	font-size:16px;
	list-style-type: circle;
	text-align:left;
	color:#fff;
	line-height:25px;
    font-family: 'Titillium Web', sans-serif;
}


#sole-wasser-wärmepumpen{
	padding:300px 0 300px 0;
	background:url(../icons/sole-wasser-warmepumpen.jpg) no-repeat;
}

#sole-wasser-wärmepumpen .background{
	background-color:#000;
	opacity: 0.8;
    filter: alpha(opacity=80);
	width:60%;
	padding:40px;
	float:left;
	margin-top:-100px;
}


#sole-wasser-wärmepumpen h1{
	font-size:30px;
	text-align:left;
	margin-bottom:30px;
	color:#fff;
    font-family: 'Titillium Web', sans-serif;
}

#sole-wasser-wärmepumpen h2{
	font-size:24px;
	text-align:left;
	margin-bottom:15px;
	color:#fff;
    font-family: 'Titillium Web', sans-serif;
}

#sole-wasser-wärmepumpen p{
	font-size:16px;
	text-align:left;
	color:#fff;
	line-height:25px;
    font-family: 'Titillium Web', sans-serif;
}


#luft-luft-wasser-wärmepumpen{
	padding:300px 0 170px 0;
	background:url(../icons/luft-luft-wasser-warmepumpen.jpg);
}

#luft-luft-wasser-wärmepumpen .background{
	background-color:#000;
	opacity: 0.8;
    filter: alpha(opacity=80);
	width:60%;
	padding:40px;
	float:left;
	margin-top:-100px;
}


#luft-luft-wasser-wärmepumpen h1{
	font-size:30px;
	text-align:left;
	margin-bottom:30px;
	color:#fff;
    font-family: 'Titillium Web', sans-serif;
}

#luft-luft-wasser-wärmepumpen p{
	font-size:16px;
	text-align:left;
	color:#fff;
	line-height:25px;
    font-family: 'Titillium Web', sans-serif;
}



#warmepumpe{
	padding:0 0 0 0;
}

#warmepumpe .warmepumpe-background{
	background-color:#000;
	opacity: 0.8;
    filter: alpha(opacity=80);
	padding:40px;
	color:#FFF;
	width:60%;
	margin:0 auto;
	text-align:center;
	margin-top:200px;
}


#warmepumpe .warmepumpe1{
	height:500px;
	background:url(../icons/warmepumpe1-background.jpg);
}

#warmepumpe .warmepumpe2{
	height:500px;
	background:url(../icons/warmepumpe2-background.jpg);
}

#warmepumpe .warmepumpe3{
	height:500px;
	background:url(../icons/warmepumpe3-background.jpg);
}



#solarstrom{
	padding:300px 0 170px 0;
	background:url(../icons/solarstrom-background.jpg);
}

#solarstrom .background{
	background-color:#000;
	opacity: 0.8;
    filter: alpha(opacity=80);
	width:60%;
	padding:40px;
	float:left;
	margin-top:-100px;
}


#solarstrom h1{
	font-size:30px;
	text-align:left;
	margin-bottom:30px;
	color:#fff;
    font-family: 'Titillium Web', sans-serif;
}

#solarstrom p{
	font-size:16px;
	text-align:left;
	color:#fff;
	line-height:25px;
    font-family: 'Titillium Web', sans-serif;
}

#solarstrom .background li{
	color:#fff;
}


/**************************************
	FOOTER
**************************************/
#footer{
	width:100%;
    height:60px;
	background-color:#212121;
}


#footer .footer-bottom{
	padding:20px 0 0 0;
}

#footer .footer-bottom p{
	color:#fff;
    font-family: 'Titillium Web', sans-serif;
	font-size:14px;
	line-height:20px;
}

#footer .footer-bottom p.right{
	text-align:right;
}

#footer .footer-bottom p a{
	color:#333;
}

#footer .footer-bottom p a:hover{
	color:#0057a8;
}





/**************************************
KONEC FOOTRA
**************************************/








ul.languageList{
display: inline-block;
}


.menu-top{
	top: 0;
	height:40px;
	background-color:#393837;
	padding-left:20px;
}

.menu-top ul{
	display:table-row;
}

.menu-top ul li{
	display: table-cell;
	color:#d4ccbf;
	padding-right:20px;
	padding-top:15px;
	font-size:11px;
	font-family: 'Titillium Web', sans-serif;}

.menu-top ul li a{ 
	color:#d4ccbf;
}

.menu-top ul li a:hover{ 
	color:#fff;
}



span.search-input{
	position: fixed;
	top: 36px;
	right: 20px;
	color:#7fbe71;
	cursor: pointer;
	z-index: 1001;
}
.nav-shadow {
  -webkit-box-shadow: 0px 8px 15px -6px rgba(0,0,0,0.59);
  -moz-box-shadow: 0px 8px 15px -6px rgba(0,0,0,0.59);
  box-shadow: 0px 8px 15px -6px rgba(0,0,0,0.59);
}
/**************************************
|	NAVIGATION
**************************************/
ul.nav li a{
	color: #666;
	font-size: 16px;
	padding: 20px 20px;
	font-family: 'Open Sans', sans-serif;
	z-index: 999;
}



ul.nav > li:nth-child(3n+4){
	margin-left:-12px;

}


ul.nav li a:hover{
	color: #0057a8;
}

ul.nav li a.active{
	color: #0057a8;
}
ul.nav ul li a.active{
	color: #fff;	
}
.responsive-menu-container{height: 60px; }
.responsive-menu-container img.logo{
	position: absolute;
	height: 40px;
	top: 10px;
	left: 7%;
}
ul.responsive-menu a{
	background: rgba(244, 147, 34, 1);
	font-weight: 300;
	color: #fff;
}
ul.responsive-menu a:hover{
	background: #fff;
	color:rgba(0, 0, 0, 1);
}
ul.responsive-menu > li{
	border-bottom: 1px solid #f49322;
}
ul.nav li a[data-submenu="true"]::after{
	content: "›";
	margin-left: 10px;
	font-size: 20px;
	position: absolute;
	top: 20px;
	transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	color: #333;
}




ul.nav ul li a{
	background: #a7a9ac;
	color: #fff;
	font-size: 14px;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	padding: 15px 12px;
}
ul.nav ul li a:hover{
	background: #0057a8;
	color: #fff;	
}

nav{
	top: 0;
	width: 100%;
	z-index: 999;
	background-color:#FFF;
	position:fixed;
}

form#searchForm{
	position: relative;
	display: inline-block;
}
form#searchForm input[type="text"]{
	display: inline-block;
	width: 180px;
	position: relative;
	top: 8px;
	border: none;
}

form#searchForm input[type="submit"]{
	position: absolute;
    left: 100%;
    top: 24px;
    width: 27px;
    height: 27px;
	padding-left:10px;
    background-image: url(../gabrijel/header-icon-search.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: transparent;
}

/**************************************
|	LANGS
**************************************/

div.lang-wrapper{
	display: inline-block;
	position: relative;
	font-size: 12px;
	float: right;
	padding-top:6px;
}

div.lang-wrapper img{
	padding: 0!important;
    height: 15px;
    margin-right: 15px;
}
div.lang-header{cursor: pointer;}
div.lang-header,
div.lang-list a{
	padding: 5px 15px;
}

div.lang-list{
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 9999;	
	background-color: #efefef;
	display: none;
	width: 100%;
}
div.lang-list ul{
	display: block;
    width: 100%;
}
div.lang-list a{
	color: #999;
	display: block;
	font-size: 12px;
	text-align: left;
}
div.lang-list a span{
	/*float: right;*/
}
div.lang-wrapper:hover div.lang-list{
	display: block;
}


/*
**************************************/




/**************************************
|	SUBPAGES
**************************************/
section.subpage-banner{
	height: 230px;
	background-repeat: no-repeat; 
	position: relative;
	background-size: cover;
	margin-top:158px;
}

section.subpage-banner .background-title{
	position: relative;
}

section.subpage-banner h1{
    font-family: 'Titillium Web', sans-serif;
	font-weight: lighter;
	color: #333;
	font-size: 30px; 
	padding:10px 20px 10px 20px;
	background-color:#0057a8;
	color:#fff;
	margin: 100px 0 0 20px;
	position:absolute;
}


section.subpage-banner p{
    font-family: 'Titillium Web', sans-serif;
	color:#333;
	position: relative;
	font-weight: 100;
	font-size: 30px;
	padding-left:100px;
}



#subpage-content{
	padding:40px 0 40px 0; 
}

#subpage-content h1{
    font-family: 'Titillium Web', sans-serif;
	font-size:30px;
	padding-bottom:10px;
}

#subpage-content h2{
    font-family: 'Titillium Web', sans-serif;
	font-size:20px;
	padding-bottom:30px;
}

#subpage-content p{
    font-family: 'Titillium Web', sans-serif;
	font-size:16px;
	line-height:20px;
	margin-bottom:20px;
}


.container ul.dot {
	font-size:14px;
	color:#333;
	padding-left:10px;
}

.container ul.dot li {
  font-family: 'Titillium Web', sans-serif;
  padding: 3px 0 3px 35px;
  background: url(../icons/icon-bullet.png) no-repeat 0px 50%;
  line-height: 20px;
}


subpage-banner-title{
  padding: 3px 0 3px 35px;
  background: url(../icons/icon-bullet.png) no-repeat 0px 50%;
  line-height: 20px;
}



#subpage-agenta{
	margin-top:30px;
	text-align:center;
}

#subpage-agenta .agent1{
	background-color:#0057a8;
	padding:0px;
	color:#FFF;
}

#subpage-agenta .agent-ozadje{
	padding:0 15px 0 15px;
}

#subpage-agenta .agent1 h2{
	color:#FFF;
	padding-top:10px;
	padding-bottom:1px;
}

#subpage-agenta .agent1 p{
	color:#FFF;
	font-size:14px;
    font-family: 'Open Sans', sans-serif;
}

#subpage-agenta .agent1 a{
	color:#FFF;
	font-weight:100;
}

#subpage-agenta .agent1 .fa-phone{
	color:#fff;
	font-size:14px;
	padding-right:10px;
	padding-top:10px;
}

#subpage-agenta .agent1 .fa-location-arrow{
	color:#fff;
	font-size:14px;
	padding-right:10px;
	padding-bottom:20px;
}







/**************************************
|	VIDEO
**************************************/
#video-container {
    position: relative;
    height:300px
}
#video-container {
    top:0%;
    left:0%;
    height:70%;
    width:100%;
    overflow: hidden;
	padding:0px;

}
video#bgVid {
    position:absolute;
}
video#bgVid.fillWidth {
    width: 100%;
   position:relative
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
					SLIDE OUT FLOAT LEFT - CSS
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/


    .slide-out-div {
        width: 181px;
        background: #f49322;
		position:fixed!Important;
        z-index: 11000;
    }

    .slide-out-div2 {
        width: 181px;
		position:fixed!Important;
        background: #f49322;
        z-index: 10000;
    }


	.slidewrapper{
    height: 150px;
    background-color: #f49322;
    font-family: 'Titillium Web', sans-serif;
	font-size:16px;
	color:#FFF;
	padding-top:10px;
	padding-left:20px;
	line-height:25px;
	}
	.slidewrapper a:hover, .slidewrapper a:visited {color:#fff;}