@CHARSET "ISO-8859-1";







/* Reset CSS







 * --------------------------------------- */







* {outline:none; list-style:none; -moz-box-sizing: border-box;    font-family: 'Oswald',sans-serif;







}







a {-moz-transform:padding-top, color, opacity, background-color, padding-bottom; -webkit-transform:padding-top, color, opacity, background-color; transition-property : padding-top, color, opacity, background-color, padding-bottom; transition-duration : 0.6s; -webkit-transition-property :padding-top, opacity, background-color, padding-bottom; -webkit-transition-duration : 0.6s;}















body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,







form,fieldset,input,textarea,p,blockquote,th,td {







    padding: 0;







    margin: 0;







    font-family: 'Oswald',sans-serif;







	font-weight:100;







	outline:none;















	overflow:visible;







}







.tableCell {height:100% !important;}







a{







	text-decoration:none;







}







.footer a{ color:white;}







label, input, textarea, select, option {font-size: 15px; font-weight:100}







select {cursor:pointer}







table {







    border-spacing: 0;    







}







.block-main-title img {float:left; width:100%; border:1px solid #ccc; margin-bottom:40px}







.items--big:hover {transition: none !important;}















.posalji {float:right; border:none; cursor:pointer; font-weight:100; text-transform:uppercase; padding:8px 10px; background:#333; color:white;}







.posalji:hover {background:black;}







fieldset {float:left; width:100%; margin-bottom:10px;}







label {float:left; width:50%; text-align:left; color:#666}







input, select {float:right; width:40%;padding:4px; color:ccc; border:1px solid #ccc;}







textarea {float:left; height:120px; padding:4px; margin-top:10px; color:#ccc; border:1px solid #ccc; width:100%}







label.error {color:red; }







fieldset,img {







    border: 0;







}







.block-main-title { background:white; height:100%; width:55%; padding:20px;}







.block-main-title h1 {text-align: left; text-transform:uppercase; margin-top:104px; font-weight:100; font-size:23px; margin-bottom:20px; padding-bottom: 7px;







border-bottom: 1px solid #CCC;}







.block-main-title p {color:#666; text-align: left; font-weight:100; font-size:19px; line-height:35px}















.more-info {float:left; width:100%; color:white; margin-top:50px; padding-top:10px; padding-bottom:10px; background:black;}







.footer {padding-right:20px;bottom:10px !important; float:right; position:fixed !important; display:block !important; z-index:99999999; right:10px;  height:30px; width:100%; background:transparent}







address,caption,cite,code,dfn,em,strong,th,var {







    font-weight: normal;







    font-style: normal;







}







strong{







	font-weight: bold;







}







ol,ul {







    list-style: none;







    margin:0;







    padding:0;







}







caption,th {







    text-align: left;















}







h1,h2,h3,h4,h5,h6 {







    font-weight: normal;







    font-size: 100%;







    margin:0;







    padding:0;







    color:#444;







}







q:before,q:after {







    content:'';







}







abbr,acronym { border: 0;







}







.top-salute {float:left; width:100%; margin-top:80px; text-align:left; margin-left: 280px; position:absolute; z-index:99999999999999999999999999999}







.top-salute  span {font-size:15px;}







/* Css







 * --------------------------------------- */







body{







	color: #333;







	color: rgba(0,0,0,0.5);







}







.wrap{







	margin-left: auto;







	margin-right: auto;







	width: 960px;







	position: relative;







	float:left; width:100%;







}







h1{







	font-size: 40px;	







}







p{







	font-size: 15px;







}







.section{







	text-align:center;







}







.back span {margin-right:10px; font-size:15px;}







.back:hover {background:black;}







.back {padding:10px 8px; background:#444; color:white; position:fixed; left:250px; top:95px;}







.logo {margin-left:18px; margin-top:-65px; width:210px; float:left; margin-bottom:30px; -moz-transform:padding-top, color, opacity, background-color, padding-bottom; -webkit-transform:padding-top, color, opacity, background-color; transition-property : padding-top, color, opacity, background-color, padding-bottom; transition-duration : 0.6s; -webkit-transition-property :padding-top, opacity, background-color, padding-bottom; -webkit-transition-duration : 0.6s;}







.logo:hover {opacity:0.7;}







.main {z-index:999999999999;}























.big-nav {left:0; position:fixed; height:100%;  border-right: 1px solid #EAEAEA;







 top:0px; width:250px; background:white; z-index:9999999999999999}















ul#menu {float:left !important; width:80%; margin-left:25px; margin-top:40px;}















ul#menu li a {content: "";







border-bottom: 1px solid #e3e3e3;







left: 0px;







    padding: 5px 0px 10px;







    position: relative;







    display: block;







width: 60%;







color: #444;







margin-top:5px;







transition: width 1s ease 0s; text-transform:uppercase}















ul#menu li a:hover {width: 100%; transition: width 1s ease 0s;}























.firm-info {bottom:30px; left:25px; position:absolute; width:200px; padding-bottom:15px; border-bottom: 1px solid #e3e3e3;}







.firm-info p {font-size:11px; opacity:1; color:#444; line-height:18px;}







.firm-info a {color:black;}







.firm-info a:hover {opacity:0.5;}























.third-data {float:left; width:30%; text-align:left; margin-right:2%}































div.block {







margin-left: 250px;







z-index: 101;







height: 100%;







color: #333;







transition: margin-left 1s ease 0s;







}























#slider1_container {width:100% !important; height:100% !important; position:relative;}















#section5 {background:white !important;}







#section0, #section4, #section23 {    background: url('../img/home-bg.jpg') no-repeat fixed center center / cover transparent;}







#section1, #section2 {    background: url('../img/slider3.jpg') no-repeat fixed center center / cover transparent;}







#section6 {background:#FAFAFA !important}







.demo-wrapper { height:auto; width:100%; z-index:-1; position:absolute; left:0; top:0; background:transparent }







#gallery-container {float:left; width:100%}







#section0 {width:100% !important}























.one-three {width:27% !important; float:left;  display:inline; position:relative !important}







.right-fixed-box {display:none; position:fixed; top:30px; right:20px; width:40px; height:300px; background:white; z-index:9999999999999999999}







.one-three a {float:left; width:100%; padding-top:10px; padding-bottom:10px; background:#999; color:white; margin-top:20px}







.one-three a:hover {opacity:0.7}







.right-fixed-box a {float:left; width:40px; height:40px; background:red;}







.one-three img {border:1px solid white; margin-top:25px; width:100%; float:left;}















a.one-news {position: relative;







cursor: pointer;







opacity: 0;







display: flex;







flex-flow: row wrap;







-moz-box-pack: center;







justify-content: center;







-moz-box-align: center;







align-items: center;







transition: all 0.2s ease 0s;







width:100%; height:100%;  position:relative; float:left; z-index:99999999999999;}























a.one-news:hover {    opacity: 1;







    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.7);







}







.news1, .news2, .news3, .news4, .news5, .news6, .news7, .news8, .news9 {position: relative;







float:left;







cursor: pointer;







display: flex;







flex-flow: row wrap;







-moz-box-pack: center;







justify-content: center;







-moz-box-align: center;







align-items: center;







transition: all 0.2s ease 0s; width:33.1%; height:33.1%; margin:0.1%;}















.news1 { background:url('../img/news1.jpg') no-repeat scroll center center / cover transparent;}







.news2 { background:url('../img/news2.jpg') no-repeat scroll center center / cover transparent;}







.news3 { background:url('../img/news3.jpg') no-repeat scroll center center / cover transparent;}







.news4 { background:url('../img/news4.jpg') no-repeat scroll center center / cover transparent;}







.news5 { background:url('../img/news5.jpg') no-repeat scroll center center / cover transparent;}







.news6 { background:url('../img/news6.jpg') no-repeat scroll center center / cover transparent;}







.news7 { background:url('../img/news7.jpg') no-repeat scroll center center / cover transparent;}







.news8 { background:url('../img/news8.jpg') no-repeat scroll center center / cover transparent;}







.news9 { background:url('../img/news9.jpg') no-repeat scroll center center / cover transparent;}







#cssmenu,







#cssmenu ul,







#cssmenu ul li,







#cssmenu ul li a {







  margin: 0;







  padding: 0;







  border: 0;







  list-style: none;







  line-height: 1;







  display: block;







  position: relative;







  -webkit-box-sizing: border-box;







  -moz-box-sizing: border-box;







  box-sizing: border-box;







}







#cssmenu {







	text-transform:uppercase;







  width: 90%;







  float:left;















 }







#cssmenu ul ul {







  display: none;







}







.align-right {







  float: right;







}







#cssmenu > ul > li > a {







  padding: 15px 20px 15px 0px;







  margin-left:20px;







  z-index: 2;







  text-decoration: none;







  color: #099dcf ;







}

#cssmenu > ul > li > a:hover {color:#099DCF !important;}





#cssmenu > ul > li > a:hover,







#cssmenu > ul > li.active > a,







#cssmenu > ul > li.open > a {







  color: #444;















}







#cssmenu > ul > li.open > a, #cssmenu > ul > li > a:hover {opacity:0.7}















#cssmenu > ul > li.open > a {







  border-bottom: 1px solid #444;







}







#cssmenu > ul > li:last-child > a,







#cssmenu > ul > li.last > a {







}







.holder {







  width: 0;







  height: 0;







  position: absolute;







  top: 0;







  right: -16px;







}







.holder::after,







.holder::before {







  display: block;







  position: absolute;







  content: "";







  width: 6px;







  height: 6px;







  right: 20px;







  z-index: 10;







  -webkit-transform: rotate(-135deg);







  -moz-transform: rotate(-135deg);







  -ms-transform: rotate(-135deg);







  -o-transform: rotate(-135deg);







  transform: rotate(-135deg);







}







.holder::after {







  top: 17px;







  border-top: 2px solid gray;







  border-left: 2px solid gray;







}







#cssmenu > ul > li > a:hover > span::after,







#cssmenu > ul > li.active > a > span::after,







#cssmenu > ul > li.open > a > span::after {







  border-color: #444;







}







.photo-menu { margin-top:30px; float:left; color:black; padding-top:20px; padding-bottom:20px;text-align:left; background:url(../img/photo.png) left center no-repeat; padding-left:45px; width:85%}







.photo-menu:hover {opacity:0.8}







.holder::before {







  top: 18px;







  border-top: 2px solid;







  border-left: 2px solid;







  border-top-color: inherit;







  border-left-color: inherit;







}







#cssmenu ul ul li a {







  cursor: pointer;







  border-bottom: 1px solid #E3E3E3;







  margin-left:20px;







  padding: 15px 20px 15px 0px;







  z-index: 1;







  text-decoration: none;







  font-size: 13px;







  color: #666;







  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);







}







#cssmenu ul ul li:hover > a,







#cssmenu ul ul li.open > a,







#cssmenu ul ul li.active > a {







  border-bottom:1px solid #E3E3E3;







  opacity:0.8;







}







#cssmenu ul ul li:first-child > a {







  box-shadow: none;







}







#cssmenu ul ul ul li:first-child > a {







  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);







}







#cssmenu ul ul ul li a {







  padding-left: 30px;







}







#cssmenu > ul > li > ul > li:last-child > a,







#cssmenu > ul > li > ul > li.last > a {







  border-bottom: 2px solid #ccc;







  margin-bottom:10px;







}







#cssmenu > ul > li > ul > li.open:last-child > a,







#cssmenu > ul > li > ul > li.last.open > a {







  border-bottom: 1px solid #32373e;







}







#cssmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a {







  border-bottom: 0;







}







#cssmenu ul ul li.has-sub > a::after {







  display: block;







  position: absolute;







  content: "";







  width: 5px;







  height: 5px;







  right: 20px;







  z-index: 10;







  top: 11.5px;







  border-top: 2px solid #eeeeee;







  border-left: 2px solid #eeeeee;







  -webkit-transform: rotate(-135deg);







  -moz-transform: rotate(-135deg);







  -ms-transform: rotate(-135deg);







  -o-transform: rotate(-135deg);







  transform: rotate(-135deg);







}







#cssmenu ul ul li.active > a::after,







#cssmenu ul ul li.open > a::after,







#cssmenu ul ul li > a:hover::after {







  border-color: #ffffff;







}























.mapa {float:right; width:40%; height:1200px}































div.text {    position: relative;







    float: left;







    width: 55%;







    height: 100%;







    background: none repeat scroll 0% 0% #FAFAFA;







    padding: 30px;







	margin-bottom:20px;







	z-index:1;







}







.in-photo {position:absolute; z-index:999999999; color:#444; left:20px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);







-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);







box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); font-size:24px; text-transform:uppercase; padding:5px; background:white;  text-align:center}







.small {float:left; width:100%; margin-bottom: 20px; font-size:12px !important; color:#444 !important; text-transform:uppercase}







.text-contact {width: 60%;}















div.text p {text-align:left; font-size:19px; color:#666; line-height:35px}















div.text h1 {text-transform:uppercase; text-align:left; float:left; width:100%; font-size:23px; font-weight:100; text-transform:uppercase; padding-bottom:7px; margin-bottom:20px; border-bottom: #ccc 1px solid; margin-top:87px}















div.text img {margin-bottom:20px;}







.project-title:after {







    content: "";







    border-top: 1px solid #ccc;







    width: 15%;







    position: absolute;







    bottom: -7px;







    right: 0px;







    transition: width 1s ease 0s;







}







.book-us {float:left; width:47%; margin-right:5%; font-size:20px; margin-bottom:30px; padding:10px; margin-bottom:20px; background:#ccc; color:white; text-transform:uppercase; color:black}







.book-us:last-child {margin-right:0px !important}







.book-us:hover {background:black; color:white}







.project-title:before {







    content: "";







    border-top: 1px solid #ccc;







    width: 15%;







    position: absolute;







    top: -7px;







    left: 0px;







    transition: width 1s ease 0s;







}















.project-title {    color: rgb(255, 255, 255) !important;







    position: relative;







    pointer-events: none;







    text-align: center;







}















div.text-third {float:left; width:30%; margin-right:3%}







div.text-third li, div.text-third h2 {float:left; width:100%; text-align:left !important}







div.text-third li {margin-bottom:10px;}







div.text-third h2 {margin-top:20px; margin-bottom:20px}







div.text-third img {float:left; width:100%}







div.slider  {width:100%; height:100%; position:relative;}







div.slider h2 {text-transform: uppercase;







letter-spacing: 4px;







font-size: 48px;







text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.7);







line-height: 1.2;







margin: 0px auto 30px;







width: 760px; color:white; margin-top:220px; padding-bottom:20px; background:url(../img/fancy_div.png) bottom no-repeat; text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);}







div.slider h3 {color:white; text-shadow: 0px 0px 4px rgba(0, 0, 0, 1); text-transform:uppercase; font-weight:100 } 















#slider_first {width:100%; height:100%; background:url('../img/home-bg.jpg') no-repeat scroll center center / cover transparent;}







#slider_second {width:100%; height:100%; background:url('../img/slider2.jpg') no-repeat scroll center center / cover transparent;}







#slider_final {width:100%; height:100%; background:url('../img/slider3.jpg') no-repeat scroll center center / cover transparent;}























div.slider span {    width: 52px;







    height: 52px;







    margin-left: -26px;







    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);







-moz-box-shadow:    0px 0px 5px 0px rgba(0, 0, 0, 0.75);







box-shadow:         0px 0px 5px 0px rgba(0, 0, 0, 0.75);







color: #333;







background: none repeat scroll 0% 0% #FFF;







width: 64px;







height: 64px;







border-radius: 32px;







text-align: center;







line-height: 50px;







font-size: 50px;







position: absolute;







left: 50%;







margin-left: -32px;







top: 18px;







transition: all 0.3s ease-out 0s;







}







.languages {float:right;}







.languages span, .languages a {float:left; margin-top:8px; color:white; font-size:11px; text-transform:uppercase; opacity:0.7;}







.language-active {opacity:1 !important;}







.languages span {margin-right:10px;}







.languages a {margin-right:2px;}







.languages a:hover {opacity:1;}







.devider {float:left; width:1px; height:16px; margin-top:8px; margin-left:5px; margin-right:5px; opacity:0.8; display:block; background:white}







div.slider span:HOVER {OPACITY:0.7}















div.slider a {    width: 80px;







    height: 80px;







    border-radius: 40px;







	MARGIN-TOP:50PX;







	content: "";







width: 100px;







height: 100px;







border-radius: 50px;







background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.1);







position: absolute;







left: 50%;







margin-left: -50px;







transition: all 0.3s ease-out 0s;







    margin-left: -40px;







}















.socialize a {margin-right:5px;float:left; position:relative; z-index:99999999999; opacity:0.7; color:black; font-size:12px; padding-top:5px; text-transform:uppercase; margin-left:5px;}







.socialize .devider {background:#666 !important}







.socialize a:hover {opacity:1;}















.socialize {position:fixed;left:10px;  z-index:99;  bottom:10px; padding-right:20px; height:30px; }































#gallery-container {







  font-size: 20px;







  margin: auto;







  position: relative;







  max-width: 50em;







  text-align: center;







overflow: visible !important;







  







  padding-top: 1em;







  margin-right:15px;







}















#gallery-container:full-screen {







  max-width: 100% !important;







  width: 100%;







  height: 100% !important;







  background-color: #111







}















#gallery-container:-webkit-full-screen {







  max-width: 100% !important;







  width: 100%;







  height: 100% !important;







  background-color: #111







}















#gallery-container:-moz-full-screen {







  max-width: 100% !important;







  width: 100%;







  height: 100% !important;







  background-color: #111







}















.controls {







  text-align: center;







  font-size: 1em;







  opacity: 0;







  pointer-events: none;







  -webkit-transition: opacity .3s ease;







  transition: opacity .3s ease;







  position: absolute;







  bottom: 0;







  left: 0;







  right: 0







}















.control,







.grid,







.fs-toggle {







  width: .66em;







  height: .66em;







  text-align: center;







  line-height: .5em;







  cursor: pointer;







  display: inline-block;







  margin-right: 10px







}















.showControls {







  opacity: 1;







  pointer-events: auto;







  -webkit-transition: opacity .6s 1s ease;







  transition: opacity .6s 1s ease







}















.hideControls {







  opacity: 0;







  pointer-events: none







}















.icon-grid,







.icon-arrow-left,







.icon-arrow-right,







.icon-fullscreen-exit,







.icon-fullscreen {







  display:inline-block;







  width: 20px;







  height: 20px;







  background-image: url(../images/controls-light2.png);







  background-repeat: no-repeat







}















.icon-grid {







  background-position: 0 0







}















.icon-arrow-left {







  background-position: -40px 0







}















.icon-arrow-right {







  background-position: -80px 0







}















.icon-fullscreen-exit {







  background-position: -120px 0







}















.icon-fullscreen {







  background-position: -160px 0







}







.fs-toggle {







  display: none;







}























.item {







  display: inline-block;







  cursor: pointer;







  width: 19%;







  height: auto;







  margin-right: .5%







}















.item img,







.item--big img {







  width: 100%;







  display:block;







}















.items--big {







  position: absolute;







  top: 0;







  left: 0







  right:0;







  width: 100%;







  height: 100%;







  pointer-events: none







}







.wrap {border:none !important}







.item--big {







  position: absolute;







  width: 60%;







  height: auto;







  left: 20%;







  right: 20%;







  top: 3em;







  opacity: 0;







  -webkit-transform: scale(.8);







  transform: scale(.8)







}







.item--big .img-caption{







  position:absolute;







  width:100%;







  bottom:0;







  left:0;







  right:0;







  background-color: rgba(0,0,0,0.6);







  color:white;







  padding:10px;







  font-size:.8em;







  text-align:center;







}







.fadeInScaleUp {







  -webkit-animation: fadeInScaleUp .5s ease-out .6s forwards;







  animation: fadeInScaleUp .5s ease-out .6s forwards;







  z-index: 3







}















.fadeOut {







  -webkit-animation: fadeOut .4s ease-out forwards;







  animation: fadeOut .4s ease-out forwards;







  z-index: 1







}















@keyframes fadeOut {







  from {







    opacity: 1;







    -webkit-transform: scale(1);







    transform: scale(1)







  }















  to {







    opacity: 0;







    -webkit-transform: scale(1);







    transform: scale(1)







  }







}















@-webkit-keyframes fadeOut {







  from {







    opacity: 1;







    -webkit-transform: scale(1);







    transform: scale(1)







  }















  to {







    opacity: 0;







    -webkit-transform: scale(1);







    transform: scale(1)







  }







}















@keyframes fadeInScaleUp {







  from {







    opacity: 0;







    -webkit-transform: scale(.8);







    transform: scale(.8)







  }















  to {







    opacity: 1;







    -webkit-transform: scale(1);







    transform: scale(1)







  }







}















@-webkit-keyframes fadeInScaleUp {







  from {







    opacity: 0;







    -webkit-transform: scale(.8);







    transform: scale(.8)







  }















  to {







    opacity: 1;







    -webkit-transform: scale(1);







    transform: scale(1)







  }







}















.scaleDownFadeOut {







  -webkit-animation: scaleDownFadeOut .4s ease-in forwards;







  animation: scaleDownFadeOut .4s ease-in forwards;







  pointer-events: none







}















@keyframes scaleDownFadeOut {







  0% {







    opacity: 1;







    -webkit-transform: scale(1);







    transform: scale(1)







  }















  99% {







    opacity: 0;







    -webkit-transform: scale(.5);







    transform: scale(.5)







  }















  100% {







    opacity: 0;







    -webkit-transform: scale(1);







    transform: scale(1)







  }







}















@-webkit-keyframes scaleDownFadeOut {







  0% {







    opacity: 1;







    -webkit-transform: scale(1);







    transform: scale(1)







  }















  99% {







    opacity: 0;







    -webkit-transform: scale(.5);







    transform: scale(.5)







  }















  100% {







    opacity: 0;







    -webkit-transform: scale(1);







    transform: scale(1)







  }







}















.scaleUpFadeIn {







  opacity: 0;







  -webkit-transform: scale(1);







  transform: scale(1);







  -webkit-animation: scaleUpFadeIn ease-in-out .4s forwards;







  animation: scaleUpFadeIn ease-in-out .4s forwards;







  -webkit-animation-duration: .4s;







  animation-duration: .4s







}















@keyframes scaleUpFadeIn {







  0% {







    opacity: 0;







    -webkit-transform: scale(1);







    transform: scale(1)







  }















  1% {







    opacity: 0;







    -webkit-transform: scale(.5);







    transform: scale(.5)







  }















  100% {







    opacity: 1;







    -webkit-transform: scale(1);







    transform: scale(1)







  }







}















@-webkit-keyframes scaleUpFadeIn {







  0% {







    opacity: 0;







    -webkit-transform: scale(1);







    transform: scale(1)







  }















  1% {







    opacity: 0;







    -webkit-transform: scale(.5);







    transform: scale(.5)







  }















  100% {







    opacity: 1;







    -webkit-transform: scale(1);







    transform: scale(1)







  }







}















.showLastSecond {







  opacity: 0;







  -webkit-transform: scale(1);







  transform: scale(1);







  -webkit-animation: showLastSecond ease-in-out .4s forwards;







  animation: showLastSecond ease-in-out .4s forwards;







  -webkit-animation-duration: .4s;







  animation-duration: .4s







}















@keyframes showLastSecond {







  0% {







    opacity: 0;







    -webkit-transform: scale(1);







    transform: scale(1)







  }















  1% {







    opacity: 0;







    -webkit-transform: scale(.5);







    transform: scale(.5)







  }















  99% {







    opacity: 0;







    -webkit-transform: scale(1);







    transform: scale(1)







  }















  100% {







    opacity: 1;







    -webkit-transform: scale(1);







    transform: scale(1)







  }







}















@-webkit-keyframes showLastSecond {







  0% {







    opacity: 0;







    -webkit-transform: scale(1);







    transform: scale(1)







  }















  1% {







    opacity: 0;







    -webkit-transform: scale(.5);







    transform: scale(.5)







  }















  99% {







    opacity: 0;







    -webkit-transform: scale(1);







    transform: scale(1)







  }















  100% {







    opacity: 1;







    -webkit-transform: scale(1);







    transform: scale(1)







  }







}















@media screen and (max-width: 30em) {







  .item--big {







    width: 80%;







    right: 10%;







    left: 10%







  }







}























@media screen and (max-width: 1024px) {



.lb-overlay:target {    width: 100% !important;







 }



    .lb-overlay a.lb-close {    top: 20px !important;



    right: 20px !important;}



	.photogallery-section {width:100% !important; margin-top:120px}



.lb-album li {width:46% !important}



.ph-title {padding-left:10px}



	.contact-form li, .third-data {float:left; width:100%;}







	input, select {float:left; width:100%;}







	.socialize {top:72px; left:inherit; right:0px !important;}







	.book-us, div.text-third {width:97%;}







	.contact_form {float:left; width:96%;}







	.small {width:96%;}







	.back {top:107px; font-size:12px;}







iframe {height:200px; botoom:0px; z-index:300000; width:100%;}







.top-new-nav {display:block; position:absolute; top:10px; width:50%; z-index:99999999999999999999}







div.text {height:auto; padding:0px 0px 40px 0px !important; MARGIN-LEFT:15PX;}







div.text h1, .block-main-title h1  {margin-top:0px !important; margin-left:10px !important}







div.slider {margin-top:-20px;}







.section  {background:#FAFAFA !important;}







.item--big {width:100% !important; left:0 !important}







.text-contact {width:97% !important; margin-top:230px;}







html, body {







    margin: 0;







    padding: 0;







overflow-y:visible !important;







overflow-x:hidden;







 background:#FAFAFA;	















}







.firm-info, #cssmenu, .photo-menu  {display:none;}







ul#menu  {display:none}







.big-nav {width:100%; position:fixed; height:100px; border-bottom:1px solid #ccc;}







div.block {margin-left:0px; margin-top:100px; width:97.3%; padding-top:20PX;}







div.text, .block-main-title {width:97%;}







.logo {width: 100px;







margin-bottom:50px;







position: absolute;







right: 20px !important;







top: 80px !important;}







.section {min-width:100% !important}







.one-three {width:94% !important; }







.in-photo {font-size:15px !important}







#section1, #section2 {background-image:none !important}







    /* Display Menu Items */







    #menu-primary:target #menu-primary-items{







        display: block;

		position:absolute; height:368px;

		overflow-y:scroll;
		overflow-x:hidden;

		width:100%;







    }







    /* Hide Open Toggle Link */







    #menu-primary:target #menu-toggle-primary a.open-menu-primary{







        display: none;







    }







    /* Show Close Toggle Link */



li.menu-item a span {float:left; width:100%;}





    #menu-primary:target #menu-toggle-primary a.close-menu-primary{





		

        display: block;







    	background:url(../img/toogle.png) left top no-repeat;







	}







	#menu-toggle-primary {position:fixed; width:70%; top:40px; padding-left:17px;  DISPLAY:block !important; font-size:20px !important; z-index:999999999999999999999999999}







}























@media screen and (max-width: 1280px) {







.tableCell {height:100% !important}







div.text p  {padding-bottom:0px}







ul#menu li a {font-size:85%}







html, body {







    margin: 0;







    padding: 0;







overflow-y:visible !important;







 overflow-x:hidden !important;







 background:#FAFAFA !important;	







}







.text-contact {width:60%}















}































    /* Hide Menu */







    #menu-primary-items{







        display: none;







    }







    #menu-toggle-primary a.close-menu-primary{







        display: none;







		background:url(../img/toogle.png) left top no-repeat;







    }







	

.blue-link {color:#067da5 !important; padding-top:20px; font-size:18px; text-transform:uppercase }

.small-photo-title {float:left; width:100%; font-size:18px; font-weight:100; color:#067da5; background:#FAFAFA; border-bottom:1px solid #ccc; width:100%; padding-left:30px; padding-top:40px; padding-bottom:10px}



#menu-toggle-primary { display:none}







.wrap { margin-top:101px; border-bottom:1px solid #ccc}







li.menu-item {width:100%; padding-top:10px; padding-bottom:10px; background:#FAFAFA; border-bottom:1px solid #ccc; color:#444; font-size:16px !important; float:left;}







li.menu-item a {color:#444; text-align:left; padding-left:30px; float:left; width:90% }







li.menu-item a:hover {opacity:0.7;}







ul#menu-primary {margin-top:40px;font-size:20px !important}















a.open-menu-primary {padding-left:35px; background:url(../img/toogle.png) left top no-repeat;}







a.close-menu-primary {padding-left:35px}







a.open-menu-primary:hover, a.close-menu-primary:hover {opacity:0.7;} 







.half-news {width:50%; float:left; padding:20px;}















@media screen and (max-width: 1280px) {







div.firm-info {







margin-left: 1105px;







opacity: 0.9;







margin-bottom: 10px;







width: auto;







border: medium none;







padding: 10px;







background: none repeat scroll 0% 0% #FFF;}







	







.firm-info p {float:left; display:inline; color:#444 !important}







.firm-info a {color:#ccc;}







}















@media screen and (max-width: 600px) {

.languages {display:none}

.lb-album li {width:98% !important; height:auto !important}



	.text-contact {margin-top:0px !important}







	div.text {width:95%;}







	div.slider a {margin-top:-20px;}







div.slider h2 {margin-top:30px !important}







div.slider h3 {padding: 30px;







margin-top: -43px; font-size:17px;}







div.slider h2 { width:100%}







iframe {display:none}







.half-news {width:100%}







.firm-info {display:none !important}























}















a.open-menu-primary, a.close-menu-primary  {color:#444;}



.lb-overlay:target img {width:100%;}







.lb-album{



	width: 96%;



	margin: 2%;



	float:right;



	font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;



}



.lb-album li{



	float: left;



	margin: 10px;



	padding-right:10px;



	background:white;



	border:1px solid #ccc;



	min-height:174px;



	margin:0.3%;



	width:23%;



	position: relative;



}



.lb-album li > a,



.lb-album li > a img{



	display: block;



	width:100%;



}



.lb-album li > a{



	width: 100%;



	margin:5px;



	height: auto;



	position: relative;



	background: white;





}



.photogallery-section .text {width:94% !important; margin-left:1px; margin-bottom:0px; padding-bottom:0px;}



.lb-album li > a span{



	position: absolute;



width: 90%;



height: 90%;



top: 5%;



	left: 5%;



	text-align: center;



	line-height: 150px;



	color: white;



	text-shadow: 0px 1px 1px rgba(255,255,255,0.6);



	font-size: 20px;



	text-transform:uppercase;



	opacity: 0;



	filter: alpha(opacity=0); /* internet explorer */



    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/



	background: rgba(0,0,0,0.6);







	-webkit-transition: opacity 0.3s linear;



	-moz-transition: opacity 0.3s linear;



	-o-transition: opacity 0.3s linear;



	-ms-transition: opacity 0.3s linear;



	transition: opacity 0.3s linear;



}



.lb-album li > a:hover span{



	opacity: 1;



	filter: alpha(opacity=99); /* internet explorer */



    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/



}



.lb-overlay{



	width: 0px;



	position: fixed;



	overflow-x: scroll;



	left: 0px;



	top: 0px;



	padding: 0px;



	z-index: 9999999989;



	text-align: center;



	background:#333;
	
	HEIGHT:100%;



	



}



.lb-overlay > div{



	position: absolute;



	color: rgba(27,54,81,0.8);



	width: 100%;



	height: 80px;



	margin-top: -25px;



	text-shadow: 0px 1px 1px rgba(255,255,255,0.6);

	top:50%;

}



.lb-overlay div h3,



.lb-overlay div p{



	padding: 0px 20px;



	width: 200px;



	height: 60px;



}



.lb-overlay div h3{



	font-size: 36px;



	float: left;



	text-align: right;



	border-right: 1px solid rgba(27,54,81,0.4);



}



.lb-overlay div h3 span,



.lb-overlay div p{



	font-size: 16px;



	font-family: Constantia, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;



	font-style: italic;



}



.lb-overlay div h3 span{



	display: block;



	line-height: 6px;



}



.lb-overlay div p{



	font-size: 14px;



	text-align: left;



	float: left;



	width: 260px;



}



.lb-overlay a.lb-close{



	background: black;



	z-index: 9999999999999999999999;



	color: #fff;



	position: fixed;



	top: 0px;



	right: 0px;



	text-transform:uppercase;



	font-size: 18px;



	line-height: 43px;



	text-align: center;



	width: 90px;



	height: 40px;



	overflow: hidden;



	margin-left: 0px;



	opacity: 0;



	filter: alpha(opacity=0); /* internet explorer */



    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/



	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);



	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);



	box-shadow: 0px 1px 2px rgba(0,0,0,0.3);



}



.ph-title {font-size:20px; color:black; float:left; width:100%}



.lb-overlay img{



	/* height: 100%; For Opera max-height does not seem to work */



	height: auto;



	position: relative;



	opacity: 0;



	filter: alpha(opacity=0); /* internet explorer */



   



	-webkit-transition: opacity 0.5s linear;



	-moz-transition: opacity 0.5s linear;



	-o-transition: opacity 0.5s linear;



	-ms-transition: opacity 0.5s linear;



	transition: opacity 0.5s linear;



}



.lb-prev, .lb-next{



	text-indent: -9000px;



	position: absolute;



	top: 50%;



	width: 50px;



	height: 50px;





	opacity: 0.8;



	filter: alpha(opacity=80); /* internet explorer */



    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=80)"; /*IE8*/



}



.lb-prev:hover, .lb-next:hover{



	opacity: 1;



	filter: alpha(opacity=99); /* internet explorer */



    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/



}



.lb-prev{


	left:20px;


	background:url(../images/arrows.png) no-repeat left center black !important;



}



.lb-next{



	margin-left: 6px;
	right:20PX;


	background:url(../images/arrows.png) no-repeat right center black !important;



}



.lb-overlay:target {



    width: 100%;



	top: 0px;



	right: 0px;



	padding: 0px;



}



.lb-overlay:target img,



.lb-overlay:target a.lb-close{



	opacity: 1;



	filter: alpha(opacity=99); /* internet explorer */



    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/



}



/* 



	100% Height for Opera as the max-height seems to be ignored, not optimal for large screens 



	http://bricss.net/post/11230266445/css-hack-to-target-opera 



*/



x:-o-prefocus, .lb-overlay img {



    height: 100%;



}











.photogallery-section {float:right;  	width: calc(100% - 250px);}



.tooltip{
    display: inline;
    position: relative;

}



.tooltip:hover:after{
    background: #333;
    background: rgba(0,0,0,1);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    content: attr(title);
    left: 20%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 220px;
}