@import url(http://fonts.googleapis.com/css?family=Titillium+Web:400,200,600&subset=latin,latin-ext);

html {font-size: 62.5%; height:100%; }

body { position: relative; height:100%; font-family:'Titillium Web', sans-serif; font-weight:400;  font-size:1.6rem; line-height:normal; color:#58585a; background:#fff; }
a, input, textarea { text-decoration:none; color:#2b2b2b; }

*, *:before, *:after {-webkit-box-sizing: border-box;  box-sizing: border-box; }

#colorbox, #colorbox:before, #colorbox:after  { -webkit-box-sizing : content-box;  box-sizing : content-box; }

.fr { float:right; }
.fl {float:left }
.clear { clear:both; }
.rel { position:relative; }
.block { display:block; }
.page_width { width:100%; max-width:1220px; padding:0px; margin:0 auto; height:100%; }
.oh { overflow: hidden; }
.ac { text-align: center; }
.ar { text-align: right; }
.aj { text-align: justify !important; }
.uc { text-transform: uppercase; }

.blue { background:#009ee0; }
.orange { background:#eb6c42; }
.turkus { background:#09989a; }
.green { background:#93be1d; }

.btn { width:65px; height:65px; border:1px solid #b7b0ab; background-position:center 50%; background-repeat:no-repeat; opacity:0.4;
  -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; 
  -webkit-transition:all 0.3s ease-in-out;   transition: all 0.3s ease-in-out; }
.btn.next:hover {opacity:1; }

b, strong, .bold { font-weight:700; }
h1, h2, h3, h4, h5, h6 { font-weight:normal }

h1 { color:#9c9e9f; font-size:5rem; padding-top:30px; font-weight:200; }
h3 { height: 195px; display:table-cell; vertical-align:middle; font-size:4.1rem; width:405px; padding:20px; text-align:center;  }

.top { padding:50px 0px 50px 0px; }
#logo { display:block; width:420px; height:90px; margin:0 auto; background:url('../images/logo.png') no-repeat center center; background-size:auto 100%; position:relative; margin-top:18px; float:left;  }

header { position:fixed; left:0px; top:0px; background:#fff; height:130px; width:100%; z-index:10; }

#main_menu { ovefrlow:hidden; margin-top:50px; float:right; }
#main_menu li { padding:0px 25px; float:left; }
#main_menu li a { color:#4b4b4d; font-size:1.4rem; line-height:1.4rem;
  -webkit-transition:all 0.3s ease-in-out;   transition: all 0.3s ease-in-out; }
#main_menu li.sel a, #main_menu li a:hover { color:#ff0b00; }

#page { min-height:100%; }
#slide0 { display:block; width:100%; height:100%; }
#slide0 .lang { text-align:center; position:absolute; top: -90px; width:100%; font-size:2.5rem; color:#fff; opacity:1; 
  -webkit-transition:all 1.0s ease-in-out;   transition: all 1.0s ease-in-out;  }
.start #slide0 .lang { top:-70px; opacity:1; }
#slide0 .lang a { font-size:2.5rem; color:#fff;
  -webkit-transition:all 0.3s ease-in-out;   transition: all 0.3s ease-in-out; }
#slide0 .lang a:hover { color:#e32119;}
#slide0 .lang a.sel { color:#e32119; font-weight:700;}
#slide0 .banner0 { display:block; width:100%; height:100%;  background-repeat:no-repeat;
  -webkit-background-size:cover; background-size:cover;}
#slide0 .sloje { display:table; width:100%; height:calc( 100% - 0px);  background:url('../images/sloje.png') no-repeat center top; border-top:1px solid #fff; position:absolute; top:0px; left:0px; opacity:0; 
  -webkit-background-size:cover; background-size:cover; 
  -webkit-transition:all 2s ease-in-out;   transition: all 2s ease-in-out;
}
.start #slide0 .sloje { opacity:1;}  
#slide0 .sloje .wrapper {  display:table-cell; vertical-align:middle; text-align:center; width:100%;  height:calc( 100% - 130px); }  
#slide0 .logo2 { display:inline-block; width:220px; height: 250px; background:url('../images/logo2.png') no-repeat center center; background-size:100%; }
#slide0 .btn.next { background-image:url('../images/arrow_down_white.png'); position:absolute; bottom:60px; left:calc(50% - 32px); }

#slide1 { padding:0px 0px 120px; position:relative; }
#slide1 #carusel1  { height:425px; width:100% !important; overflow:hidden; position:relative; background-position: center center; background-repeat:no-repeat;}
#slide1 #carusel1 .caroufredsel_wrapper { height:425px !important; width:100% !important;  }
#slide1 .banner  { height:425px !important; width:100% !important; background-position: center center; background-repeat:no-repeat;  z-index:0;
  -webkit-background-size:100%; background-size:100%;  }
#slide1 .banner.open { display:block; }   
#slide1 .box { width:33%; padding:0px 4% 10px; float:left; text-align:center; margin-top:75px; font-size:1.6rem; color:#58585a; }
#slide1 .box h5 { font-weight:bold; font-size:1.6rem; padding-bottom:5px; }
#slide1 .box .icon, #slide1 .box .icon .hover { display:block;  position:relative; width:65px; height:65px; margin:0 auto 15px; border:1px solid #a0a09f; background:url('../images/icon2.png') no-repeat center center;
  -webkit-transition:all 0.3s linear;   transition: all 0.3s linear;
  -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
#slide1 .box .icon .hover { position:absolute; background-image:url('../images/icon2_hover.png' ); top:-1px; left:-1px; border-color:#f67d78; border-width:4px; opacity:0; } 
#slide1 .box:hover .icon { border-color:#fff; }
#slide1 .box:hover .icon .hover { opacity:1; }
#slide1 .box .icon1 { background-position:9px 8px; }  
#slide1 .box .icon1 .hover { background-position:7px 5px; }  
#slide1 .box .icon2 { background-position:-60px 10px }  
#slide1 .box .icon2 .hover { background-position:-62px 7px }  
#slide1 .box .icon3 { background-position:-126px 10px }
#slide1 .box .icon3 .hover { background-position:-127px 7px }


#slide1 .btn.next { background-image:url('../images/arrow_down.png'); position:absolute; bottom:30px; left:calc(50% - 32px); border-color:#6e6e6e;}
#slide1 .content_wrapper { position:absolute; bottom:-15px; width:100%; z-index:5; }
#slide1 .content_hidden { border-bottom:15px solid #000; background:url('../images/transparent.png'); }
#slide1 .content_hidden .more { height:40px; background:url('../images/more_up.png') no-repeat center center; cursor:pointer; }
#slide1 .content_hidden.open .more { background:url('../images/more_down.png') no-repeat center center; }
#slide1 .content_hidden .text { overflow:hidden; height:0px; color:#fff; padding:0px 50px;
  -webkit-transition:all 0.7s ease-in-out;   transition: all 0.7s ease-in-out; }
#slide1 .content_hidden.open .text { height:200px; padding:20px 50px; }

#slide2 { padding:0px 0px 120px; background:#aeaeae; position:relative;}
#slide2 .box { width:33%; float:left; text-align:center; font-size:1.6rem; line-height:2.2rem; color:#58585a; padding:0 4%;}
#slide2 .box1 { width:570px; margin:40px 80px 0px 0px; padding:0;}
#slide2 .box2 { width:570px; margin:40px 0px 50px 0px; padding:0;}
#slide2 .box3 { width:270px; margin:40px 0px 0px; padding:0;}
#slide2 .box h5 { font-weight:bold; font-size:2rem; padding-bottom:5px; }
#slide2 .banner  { height:250px; position:relative; background-position: center center; background-repeat:no-repeat; margin:50px 0px 15px; 
  -webkit-background-size:100%; background-size:100%; }
#slide2 .banner .slogan { position:absolute; left:0px; top:90px; font-weight:200; display:inline-block; border-left:10px solid #e32119; padding-left:50px; color:#fff; font-size:5rem; line-height:4.1rem; }
#slide2 .box .icon, #slide2 .box .icon .hover { display:block; position:relative; width:65px; height:65px; margin:0 auto 15px; border:1px solid #555; background:url('../images/abaut_icon.png') no-repeat 0px 0px;
  -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
#slide2 .box .icon .hover { position:absolute; background-image:url('../images/abaut_icon_hover.png' ); top:-1px; left:-1px; border-color:#ff0b00; opacity:0; } 
#slide2 .box .icon1, #slide2 .box .icon1 .hover { background-position:11px 9px; }  
#slide2 .box .icon2, #slide2 .box .icon2 .hover { background-position:-54px 9px }  
#slide2 .box .icon3, #slide2 .box .icon3 .hover { background-position:-119px 9px }
#slide2 .btn.next { background-image:url('../images/arrow_down.png'); position:absolute; bottom:30px; left:calc(50% - 32px); border-color:#6e6e6e;}



#slide3 { padding:0px 0px 120px; position:relative; background:#fff; }
#slide3 .box { width:33%; float:left; text-align:left; font-size:1.6rem; line-height:2.2rem; color:#58585a; }
#slide3 .box1 { width:345px; margin:0px 110px 0px 0px; }
#slide3 .box2 { width:380px; margin:0px 90px 0px 0px; }
#slide3 .box3 { width:275px; margin:0px 0px 0px; }
#slide3 .box h5 { font-weight:bold; font-size:2rem; padding-bottom:5px; }
#slide3 .box li { background:url('../images/li2.png' ) no-repeat 0px 9px; padding-left:20px; }
#slide3 .banner .slogan { position:absolute; left:0px; top:90px; font-weight:200; display:inline-block; border-left:10px solid #e32119; padding-left:50px; color:#fff; font-size:5rem; line-height:4.1rem; }
#slide3 .realization { border-left:10px solid #e32119; padding:0px 0px 0px 35px; display:table; margin:40px 0px;}
#slide3 .realization .name { display:inline-block; font-size:5rem; line-height:4rem; float:left; color:#58585a; width:400px; padding-top:4px; }
#slide3 .realization .path { display:block; width:750px; float:left; }
#slide3 .realization .path .item { display:table-cell; vertical-align:middle; line-height: 1.6rem; color:#58585a;}
#slide3 .realization .path .item_sep { display:table-cell;  vertical-align:middle; color:#e32119; font-size:2.5rem; padding:0px 30px; }
#slide3 .realization .path .item_sep.first { display:none; }
#slide3 .btn.next { background-image:url('../images/arrow_down.png'); position:absolute; bottom:30px; left:calc(50% - 32px); border-color:#6e6e6e;}

#slide3 #carusel3  { height:380px; width:100% !important; overflow:hidden; position:relative; background-position: center center; background-repeat:no-repeat;}
#slide3 #carusel3 .caroufredsel_wrapper { height:425px !important; width:100% !important;  }
#slide3 .banner  { height:380px !important; width:100% !important; background-position: center center; background-repeat:no-repeat;  z-index:0;
  -webkit-background-size:100%; background-size:100%;  }
#slide3 .banner.open { display:block; }   


#slide4 { padding:0px; position:relative; background:#aeaeae; }
#slide4 .gallery { margin:0 auto; overflow:hidden; height:1000px; }
#slide4 .gallery a { display:block; position:absolute; background-size:cover; background-repeat:no-repeat; }
#slide4 .gallery a.img1 { top:0px; left:0px; width: 200px; height:200px;  }
#slide4 .gallery a.img2 { top:0px; left:200px; width: 400px; height:200px;  background-position: 0px -10px; }
#slide4 .gallery a.img3 { top:0px; left:600px; width: 200px; height:200px;  }
#slide4 .gallery a.img4 { top:0px; left:800px; width: 200px; height:200px;  }
#slide4 .gallery a.img5 { top:0px; left:1000px; width: 200px; height:200px;  }
#slide4 .gallery a.img6 { top:200px; left:0px; width: 400px; height:200px;  }
#slide4 .gallery a.img7 { top:200px; left:400px; width: 200px; height:600px;  background-position: -460px 0; }
#slide4 .gallery a.img8 { top:200px; left:600px; width: 200px; height:200px;  }
#slide4 .gallery a.img9 { top:200px; left:800px; width: 400px; height:200px; background-position: 0px -10px; }
#slide4 .gallery a.img10 { top:400px; left:0px; width: 200px; height:200px;  }
#slide4 .gallery a.img11 { top:400px; left:200px; width: 200px; height:200px; background-position: -75px 0px; }
#slide4 .gallery a.img12 { top:400px; left:600px; width: 200px; height:200px;  }
#slide4 .gallery a.img13 { top:400px; left:800px; width: 200px; height:200px;  }
#slide4 .gallery a.img14 { top:400px; left:1000px; width: 200px; height:200px;  }
#slide4 .gallery a.img15 { top:600px; left:0px; width: 400px; height:200px;  }
#slide4 .gallery a.img16 { top:600px; left:600px; width: 400px; height:200px; background-position: 0px -30px;  }
#slide4 .gallery a.img17 { top:600px; left:1000px; width: 200px; height:200px;  }
#slide4 .gallery a.img18 { top:800px; left:0px; width: 400px; height:200px;  }
#slide4 .gallery a.img19 { top:800px; left:400px; width: 400px; height:200px;  }
#slide4 .gallery a.img20 { top:800px; left:800px; width: 400px; height:200px;  }
#slide4 .gallery a .hover { display:block; opacity:0; width:100%; height:100%; top:0px; left:0px; background:#ff0000;
  -webkit-transition:all 0.9s ease-in-out;   transition: all 0.9s ease-in-out; }
#slide4 .gallery a.sel .hover { opacity:0.6;}

#slide4 .btn.next { background-image:url('../images/arrow_down.png'); position:absolute; bottom:30px; left:calc(50% - 32px); border-color:#6e6e6e;}

#slide5 { padding:0px;  position:relative; background:#fff; line-height:2.2rem;}
#slide5 .contact_bg { height:390px; padding-top:40px; background:url('../images/contact_bg.png') no-repeat center top; border-top:1px solid #fff;  }
#slide5 .contact_bg .col1 { width:630px; padding:0px 0px 0px 95px; float:left; margin-right:100px; position:relative; }
#slide5 .contact_bg .col2 { width:440px; padding:0px 0px 0px 95px; float:left; position:relative;  padding-bottom:150px; }
#slide5 .icon, #slide5 .icon .hover { display:block; position:relative; width:65px; height:65px; margin:0 auto 15px; border:1px solid #555; background:url('../images/contact_icon.png') no-repeat 0px 0px;
  -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
 #slide5 .icon { position:absolute; top:0px; left:0px; } 
#slide5 .icon .hover { position:absolute; background-image:url('../images/contact_icon_hover.png' ); top:-1px; left:-1px; border-color:#ff0b00; opacity:0; } 
#slide5 .icon1, #slide5 .icon1 .hover { background-position:15px 11px }  
#slide5 .icon2, #slide5 .icon2 .hover { background-position:-39px 11px }  
#slide5 .phone_box { background:url('../images/phone.png' ) no-repeat 0px 0px; padding-left:25px; }  

#mapa { width:100%; height:600px;}

.copyright { position:absolute; right:20px; bottom:20px; color:#999; font-size:1.1rem; hieght:0px; }
.copyright a { color:#999; font-size:1.1rem; }
.copyright a:hover { text-decoration:underline; }

.short { font-size:10px; color:#fff; line-hieght:10px; }
@media only screen and (max-width: 1200px) {
	#slide4 .gallery { margin:0 auto; width:900px; } 
	#slide4 .gallery a.img1 { top:0px; left:0px; width: 150px; height:200px;  }
	#slide4 .gallery a.img2 { top:0px; left:150px; width: 300px; height:200px;  }
	#slide4 .gallery a.img3 { top:0px; left:450px; width: 150px; height:200px;  }
	#slide4 .gallery a.img4 { top:0px; left:600px; width: 150px; height:200px;  }
	#slide4 .gallery a.img5 { top:0px; left:750px; width: 150px; height:200px;  }
	#slide4 .gallery a.img6 { top:200px; left:0px; width: 300px; height:200px;  }
	#slide4 .gallery a.img7 { top:200px; left:300px; width: 150px; height:600px;  }
	#slide4 .gallery a.img8 { top:200px; left:450px; width: 150px; height:200px;  }
	#slide4 .gallery a.img9 { top:200px; left:600px; width: 300px; height:200px;  }
	#slide4 .gallery a.img10 { top:400px; left:0px; width: 150px; height:200px;  }
	#slide4 .gallery a.img11 { top:400px; left:150px; width: 150px; height:200px;  }
	#slide4 .gallery a.img12 { top:400px; left:4500px; width: 150px; height:200px;  }
	#slide4 .gallery a.img13 { top:400px; left:600px; width: 150px; height:200px;  }
	#slide4 .gallery a.img14 { top:400px; left:750px; width: 150px; height:200px;  }
	#slide4 .gallery a.img15 { top:600px; left:0px; width: 300px; height:200px;  }
	#slide4 .gallery a.img16 { top:600px; left:450px; width: 300px; height:200px;  }
	#slide4 .gallery a.img17 { top:600px; left:750px; width: 150px; height:200px;  }
	#slide4 .gallery a.img18 { top:800px; left:0px; width: 300px; height:200px;  }
	#slide4 .gallery a.img19 { top:800px; left:300px; width: 300px; height:200px;  }
	#slide4 .gallery a.img20 { top:800px; left:600px; width: 300px; height:200px;  }
}

@media only screen and (max-width: 1000px) {
  #main_menu li { padding: 0 10px; }
  #slide2 .box1, #slide2 .box2, #slide2 .box3 { width: 90%; margin:10px auto 0px; float:none; }
  #slide2 .box1 { padding-top:40px; }
  #slide2 .banner .slogan { font-size: 3rem; line-height: 3.5rem; border-left: 5px solid #e32119; }
  
  #slide3 .realization .path { margin-top:10px; }
  #slide3 .box1, #slide3 .box2, #slide3 .box3 { width: 90%; margin:10px auto 0px; float:none; }
  #slide3 .box3 { margin-top:0px; }
  #slide3 .photo { display:none; }
  
  #slide5 .contact_bg .col1, #slide5 .contact_bg .col2 { width: 50%; margin-right:0px; padding-right:50px;}
}

@media only screen and (max-width: 900px) {
	header { height:100px; }
  #logo { height:65px; width:240px; }
  #main_menu { margin-top:38px; }
  
  #slide1 #carusel1, #slide1 #carusel1 .caroufredsel_wrapper, #slide1 .banner, .caroufredsel_wrapper   { height:300px !important; }

	#slide3 .realization .path .item_sep { padding:0px 15px; }
	
	#slide3 .realization .path { width:90% }
	#slide3 .realization .name { width:auto; font-size:3rem;}
	#slide3 .realization .path .item, #slide3 .realization .path .item_sep { display:inline-block; margin-bottom:20px;}
	
	#slide4 .gallery { height:auto; width:100%;  }
	#slide4 .gallery a { width:50% !important; position:static; float:left; background-position: 0px 0px;  }
	#slide4 .gallery a.img7 { height:200px;  }
	
}

@media only screen and (max-width: 800px) {
	#slide3 .realization { border-left: 10px solid #e32119; }
	#slide3 .realization .path .item_sep.first, #slide3 .realization .path .item_sep { display:block; float:left; clear:both; width:50px; line-height:1rem;  } 
	#slide3 .realization .path .item { display:block; float:left; width:140px;  } 
	.short { display:none; }
}
	
@media only screen and (max-width: 700px) {
  h1 { font-size:2.5rem; }
  h3 { width:auto; }
  #slide0 .logo2 { width:130px; height:140px; }
  #slide1 .box { width:80%; margin:35px auto 0px; float:none; }
  #slide2 .box{ width:80%; margin:50px auto 0px; float:none; }
  
  #slide1 .content_wrapper { position:static; }
  #slide1 .content_hidden .text { height:auto; line-height:2.5rem; padding:30px; }
  #slide1 .content_hidden .more { display:none; }
  
  #slide5 .contact_bg .col1, #slide5 .contact_bg .col2 { float:none; width:90%; margin:0 auto; }
  header { display:none; }
  .btn.next { display:none !important }
  #slide1 { padding-bottom:20px; }
  #slide2 { padding-bottom:60px; }
  #slide2 .banner { background-size: cover }
  #mapa { width:90%; margin:0 auto; height:200px;}
}

@media only screen and (max-width: 500px) {
  #slide1 #carusel1, #slide1 #carusel1 .caroufredsel_wrapper, #slide1 .banner, .caroufredsel_wrapper   { height:100px !important; }
  #slide3 #carusel3, #slide3 #carusel3 .caroufredsel_wrapper, #slide3 .banner, .caroufredsel_wrapper   { height:100px !important; }

  
  #slide4 .gallery a { position:static; }
  #slide4 .gallery a { width:50% !important; }  
}