body {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #333333;
	background: #fff;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Lobster', cursive;
}


strong {
	font-weight: 700;
}

a, button, input, img, strong, .navbar-default, #mainmenu, li.dropdown.lang > a > div, .glyphicon {
	transition: all 0.3s ease-in-out;
}

.navbar-default {
	height:77px;
	background-color: #fff;
	border: none;
	border-radius:0px;
	box-shadow:0px 5px 5px rgba(0,0,0,0.1);
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 70%, rgba(230,230,230,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 70%,rgba(230,230,230,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 70%,rgba(230,230,230,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 );
}
.navbar-default.shrink {
	height:50px;
}
.navbar-header {
	top: 0;
	left: 50%;
	position: absolute;
}
.container > .navbar-header {
	margin-left:-143px;
}
.navbar-brand {
	float: left;
	width:286px;
	height: 200px;
	line-height:normal;
	padding: 0px;
	padding-top:37px;
	text-align:center;
	background-image:url('../img/logo-bg.png');
	background-position:center bottom;
	background-repeat:no-repeat;
}
.shrink .navbar-brand {
	height: 120px;
	padding-top:10px;
}
.navbar > .container .navbar-brand {
	margin-left:0px;
}
.navbar-brand:hover {
	height: 220px;
	padding-top:45px;
	background-position:center 20px;
}
.shrink .navbar-brand:hover {
	height: 130px;
	padding-top:15px;
	background-position:center bottom;
}
.navbar-brand > img {
	display:inline-block;
	width:210px;
	height:auto;
}
.shrink .navbar-brand > img {
	width:130px;
}

header {
	min-height:930px;
	position:relative;
	/*background-image:url('../img/Vukic-Apartments-Vrsi.jpg');*/
	background-position:center 50px;
	background-size:cover;
	background-repeat:no-repeat;
}
.sub header {
	min-height:250px;
	background-size:100% auto;
}
header::after {
	display:block;
	width:100%;
	height:200px;
	content:"";
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	background:#fff;
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 10%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 10%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,0) 10%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}
.sub header::after {
	display:none;
}

.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li.dropdown.lang > a:hover,
.navbar-default .navbar-nav > li.dropdown.lang.open > a {
  padding-top:5px;
  padding-bottom:25px;
  padding-left:20px;
  padding-right:20px;
  font-size:16px;
  font-weight:600;
  color: #23366a;
}
.navbar-default .navbar-nav > li > a:hover {
  color: #23366a;
  background:rgba(0,0,0,0.05);
}
.navbar-default .navbar-nav > li.dropdown.lang > a:hover {
	background:none;
}
.navbar-default.shrink .navbar-nav > li > a,
.navbar-default.shrink .navbar-nav > li.dropdown.lang > a,
.navbar-default.shrink .navbar-nav > li.dropdown.lang.open > a,
.navbar-default .navbar-nav > li > a:hover {
  padding-top:15px;
  padding-bottom:15px;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > li.reservations.active > a {
  margin-top:-5px;
  padding-top:10px;
  padding-bottom:35px;
  color: #fff;
  border-radius:6px;
  background-color: #23366a;
	background: rgb(62,84,133);
	background: -moz-linear-gradient(top,  rgba(62,84,133,1) 0%, rgba(20,33,76,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(62,84,133,1) 0%,rgba(20,33,76,1) 100%);
	background: linear-gradient(to bottom,  rgba(62,84,133,1) 0%,rgba(20,33,76,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e5485', endColorstr='#14214c',GradientType=0 );

}
.navbar-default.shrink .navbar-nav > .active > a, .navbar-default.shrink .navbar-nav > .active > a:focus, .navbar-default.shrink .navbar-nav > .active > a:hover,
.navbar-default.shrink .navbar-nav > .reservations.active > a, .navbar-default.shrink .navbar-nav > .reservations.active > a:focus, .navbar-default.shrink .navbar-nav > .reservations.active > a:hover {
  padding-top:20px;
  padding-bottom:25px;
}
.navbar-default .navbar-nav > li.reservations > a {
  padding-left:60px;
  	background-image:url('../img/booking.svg');
  	background-position:20px 2px;
	background-size:30px auto;
	background-repeat:no-repeat;
}
.navbar-default .navbar-nav > li.reservations.active > a {
  padding-left:20px;
}
.navbar-default .navbar-nav > li.reservations > a:hover,
.navbar-default.shrink .navbar-nav > li.reservations > a {
  	background-position:20px 12px;
}
.navbar-default .navbar-nav > li.reservations.active > a:hover,
.navbar-default.shrink .navbar-nav > li.reservations.active > a {
  	background-position: inherit;
}
.navbar-default .navbar-nav > li {
  border-right:2px solid rgba(0,0,0,0.05);
}
.navbar-default .navbar-nav > li.active,
.navbar-default .navbar-nav > li.reservations,
.navbar-default .navbar-nav > li:last-child {
  border-right:none;
}
#mainmenu {
	padding-top:27px;
}
.shrink #mainmenu {
	padding-top:0px;
}
.navbar-default .navbar-nav > li.dropdown.lang > a > div {
  width:55px;
  height:34px;
  margin-top:-6px;
  margin-bottom:-10px;
  margin-left:-4px;
  padding-top:4px;
  padding-left:4px;
  border-radius:20px;
  background:#fff;
	-webkit-box-shadow:inset 1px 1px 3px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:inset 1px 1px 3px 0px rgba(0, 0, 0, 0.15);
	box-shadow:inset 1px 1px 3px 0px rgba(0, 0, 0, 0.15);
}
.navbar-default .navbar-nav > li.dropdown.lang img {
  width:27px;
  height:27px;
}
.navbar-default .navbar-nav > li.dropdown.lang .dropdown-menu img {
  width:23px;
  height:23px;
}
.navbar-default .navbar-nav > li.dropdown.lang > a:hover > div {
	background:rgba(0,0,0,0.05);
}
.dropdown.lang .dropdown-menu {
  border:none;
  border-radius:12px;
  border-top-left-radius:0px;
  border-top-right-radius:0px;
  box-shadow:0px 5px 5px rgba(0,0,0,0.1);
  margin:0;
  min-width: 160px;
  padding: 5px 0;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(230,230,230,1) 5%, rgba(255,255,255,1) 50%);
	background: -webkit-linear-gradient(top,  rgba(230,230,230,1) 5%,rgba(255,255,255,1) 50%);
	background: linear-gradient(to bottom,  rgba(230,230,230,1) 5%,rgba(255,255,255,1) 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#ffffff',GradientType=0 );
}
.dropdown.lang .dropdown-menu a, .dropdown.lang.open .dropdown-menu a,
.navbar-default .navbar-nav .lang.open .dropdown-menu > li > a {
  padding-top:10px;
  padding-bottom:10px;
  padding-left:15px;
  padding-right:15px;
  font-size: 14px;
  font-weight:600;
  color: #23366a;
  border-radius:10px;
}
.dropdown.lang .dropdown-menu a img {
  display:inline-block;
  margin-right:10px;
}

.home-section {
	padding-top:55px;
	text-align:center;
}
.home-section h1 {
	max-width:1000px;
	margin:35px auto;
	text-align:center;
	font-size:40px;
	color:#23366a;
	letter-spacing:0.02em;
}
.home-app {
	background:url('../img/home-app.png') center top no-repeat;
}
.home-rest {
	background:url('../img/home-rest.png') center top no-repeat;
}
.home-vrsi {
	background:url('../img/home-vrsi.jpg') center top no-repeat;
}
.home-section.home-vrsi h1 {
	max-width:1170px;
}
.btn-primary {
  padding:12px 24px;
  font-size:15px;
  font-weight:600;
  letter-spacing:0.01em;
  border:none;
  opacity:0.9;
  background-color: #23366a;
	background: rgb(62,84,133);
	background: -moz-linear-gradient(top,  rgba(62,84,133,1) 0%, rgba(20,33,76,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(62,84,133,1) 0%,rgba(20,33,76,1) 100%);
	background: linear-gradient(to bottom,  rgba(62,84,133,1) 0%,rgba(20,33,76,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e5485', endColorstr='#14214c',GradientType=0 );
}
.btn-primary:hover {
  opacity:1;
  box-shadow:0px 1px 15px #23366a;
}
.btn-primary .caret.caret-right {
  margin-left:10px;
  border-left:4px dashed;
  border-right:4px solid transparent;
  border-top:4px solid transparent;
  border-bottom:4px solid transparent;
}

.home-section .carousel {
	margin:30px 0px 100px 0px;
	padding:25px 0px;
	background:rgba(35,54,106,0.05);
}
.home-section .carousel-control {
	color:#23366a;
	opacity:1;
	text-shadow:none;
}
.home-section .carousel-control.left {
	background: -moz-linear-gradient(left,  rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 20%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right,  rgba(255,255,255,1) 20%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
}
.home-section .carousel-control.right {
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 20%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 20%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to right,  rgba(255,255,255,0) 20%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
}
.home-section .carousel-control .glyphicon-chevron-left, .home-section .carousel-control .glyphicon-chevron-right, .home-section .carousel-control .icon-next, .home-section .carousel-control .icon-prev {
	font-size:44px;
	font-weight:bold;
	width:44px;
	height:44px;
	margin-top:-22px;
}
.home-section .carousel-control .glyphicon-chevron-left, .home-section .carousel-control .icon-prev {
  margin-left:-22px;
}
.home-section .carousel-control:hover .glyphicon-chevron-left {
  margin-left:-28px;
}
.home-section .carousel-control .glyphicon-chevron-right, .home-section .carousel-control .icon-next {
  margin-right:-22px;
}
.home-section .carousel-control:hover .glyphicon-chevron-right {
  margin-right:-28px;
}
.home-section .carousel-inner > .item a > img {
  border-radius:3px;
}
.home-section .carousel-inner > .item a::after {
  display:block;
  width:50px;
  height:50px;
  content:"";
  position:absolute;
  bottom:15px;
  right:30px;
  background:url('../img/zoom.png') center no-repeat;
  opacity:0.5;
  border-radius:50%;
  transition: all 0.2s ease-in-out;
}
.home-section .carousel-inner > .item a:hover::after {
  /*
  bottom:50%;
  right:50%;
  margin-right:-25px;
  margin-bottom:-25px;
  */
  opacity:0.95;
  border-radius:15%;
}
.home-map {
	height:450px;
	margin-top:130px;
}

footer {
	padding:30px 0px 60px 0px;
	font-size:13px;
	line-height:24px;
	color:#fff;
	background:#23366a;
}
footer a, footer a:hover, footer a:focus {
	color:#fff;
	text-decoration:none;
}
footer .logo {
	display:block;
	max-width:150px;
	margin-top:10px;
}



/* Futuro potpis */
.futuro, .futuro span, .futuro strong {
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
}
.futuro {
	display:inline-block;
	position:relative;
	right:0px;
	top:70px;
	float:right;
	width:25px;
	height:25px;
	color:#fff;
	text-decoration:none;
	overflow:hidden;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
}
.futuro.right {
	right:auto;
}
.futuro.neutral, .futuro.neutral:hover {
	text-shadow:1px 1px #333;
}
.futuro.light, .futuro.light:hover {
	color:#333;
}
.futuro span {
	display:block;
	width:24px;
	height:24px;
	position:absolute;
	z-index:10;
	background:#1d1d1d url('https://www.futuro.hr/img/potpis/futuro.png') center 5px no-repeat;
	background-size:18px auto;
	border-radius:50%;
}
.futuro.neutral.alt span {
	background-color:#666;
}
.futuro.dark.alt span,
.futuro.light.alt span {
	background-color:#999;
}
.futuro.dark.alt2 span {
	background:transparent url('https://www.futuro.hr/img/potpis/futuro2.png') center -1px no-repeat;
	background-size:30px auto;
}
.futuro.dark.alt2:hover span {
	background-color:#d5261e;
}
.futuro strong {
	display:block;
	position:absolute;
	top:4px;
	left:15px;
	font-size:12px;
	font-weight:400;
	line-height:17px;
	opacity:0;
}
.futuro.right strong {
	left:-20px;
}
.futuro:hover {
	color:#fff;
	text-decoration:none;
	overflow:visible;
}
.futuro:hover span, .futuro.alt:hover span {
	background-color:#d5261e;
	border-radius:6px;
}
.futuro:hover strong {
	left:30px;
	opacity:1;
}
.futuro.right:hover strong {
	left:-40px;
}



/* Podstranice */
.pixelated {
  image-rendering:optimizeSpeed;             /* Legal fallback */
  image-rendering:-moz-crisp-edges;          /* Firefox        */
  image-rendering:-o-crisp-edges;            /* Opera          */
  image-rendering:-webkit-optimize-contrast; /* Safari         */
  image-rendering:optimize-contrast;         /* CSS3 Proposed  */
  image-rendering:crisp-edges;               /* CSS4 Proposed  */
  image-rendering:pixelated;                 /* CSS4 Proposed  */
  -ms-interpolation-mode:nearest-neighbor;   /* IE8+           */
}
.sub .content {
	padding-bottom:50px;
}
.app-detail {
	padding-bottom:60px;
}
.app-detail .icons {
	display:inline-block;
	padding-top:35px;
	padding-bottom:25px;
}
.app-detail p, .app-detail p a {
	font-size:16px;
	font-weight:600;
	color:#848998;
	line-height:24px;
}
.app-detail p a {
	text-decoration:none;
	border-bottom:1px dotted #fff;
}
.app-detail p a:hover {
	color:#23366a;
	border-bottom:1px dotted #23366a;
}
.app-list-item {
	display:block;
	position:relative;
	margin-bottom:35px;
	padding-bottom:48%;
	border-radius:3px;
}
.app-list-item:hover {
	box-shadow:0px 1px 15px #23366a;
}
.app-list-item img {
	border-top-right-radius:3px;
	border-top-left-radius:3px;
}
.app-list-item .basic-info {
	display:block;
	position:absolute;
	bottom:0px;
	z-index:2;
	width:100%;
	height:205px;
	border-radius:3px;
	background:url('../img/basic-info-bg.png') center bottom no-repeat;
}
.app-list-item.exclusive .basic-info {
	background:url('../img/basic-info-ex-bg.png') center bottom no-repeat;
}
.app-list-item h2 {
	margin:0px;
	padding-top:46px;
	font-size:30px;
	color:#23366a;
}
.app-list-item.exclusive h2 {
	color:#7733a2;
}
.app-list-item h3, .app-list-item h4 {
	position:absolute;
	top:18px;
	z-index:2;
	margin:0px;
	border-radius:3px;
}
.app-list-item h3 {
	left:-3px;
	padding:6px 15px 6px 20px;
	font-size:24px;
	color:#fff;
	background:#23366a;
}
.app-list-item.exclusive h3 {
	background:#974fc4;
}
.app-list-item.exclusive h3 strong {
	display:inline-block;
	margin:-6px -15px -6px 10px;
	padding:6px 15px 6px 15px;
	font-weight:normal;
	background:#7733a2;
	border-radius:3px;
}
.app-list-item h4 {
	width:54px;
	height:55px;
	right:20px;
	padding-top:30px;
	font-size:20px;
	color:#81848c;
	letter-spacing:0.1em;
	text-align:center;
	background:url('../img/person-bg.png') center bottom no-repeat;
}
.app-list-item p {
	position:absolute;
	bottom:5px;
	width:100%;
	font-size:16px;
	color:#e1e2e6;
	line-height:30px;
}

.app-list-item.app-item {
  display: block;
  margin-top: 25px;
  margin-bottom: 25px;
  padding-bottom: 0;
}
.app-list-item.app-item:hover {
  box-shadow:none;
}
.app-list-item.app-item .basic-info {
  background: #f2f2f2;
  border-top-left-radius:0px;
  border-bottom-left-radius:0px;
  top: 0;
  right: 0;
  height: 100%;
  width: 33%;
}
.app-list-item.app-item .basic-info::after {
  display:block;
  width:84px;
  height:100%;
  margin-right:-30px;
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  right:100%;
  background:url('../img/app-item-bg.png');
}
.app-list-item.app-item img {
  border-top-left-radius: 3px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 3px;
}
.app-list-item.app-item h4 {
  background: url('../img/person-bg2.png') center bottom no-repeat;
  color: #fff;
  font-size: 30px;
  height: 101px;
  padding-top: 20px;
  right: 50%;
  top:0;
  margin-right:-52px;
  width: 104px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.app-list-item.app-item p {
  color: #848998;
  font-weight:600;
  position: static;
  max-height: 205px;
  overflow: hidden;
}
.app-list-item.app-item p.lead {
  font-size:18px;
  color: #23366a;
  padding-top:140px;
}
.app-list-item.app-item .btn-primary {
  margin-top:20px;
}

.sub .home-section .carousel {
  background: none;
  margin: 0px;
  margin-bottom: 50px;
  padding: 0px 60px;
}
.sub .home-section .carousel .carousel-control {
  width: 50px;
}
.sub .home-section .carousel-inner > .item a::after {
  bottom: 10px;
  height: 40px;
  right: 25px;
  width: 40px;
}


.home-section.other {
  padding-top: 0;
}
.home-section.other h1 {
  padding-bottom:25px;
  border-bottom:2px solid #caccd2;
}
.pricelist {
	padding-bottom:50px;
	color:#63666f;
	border-radius:3px;
	overflow:hidden;
}
.pricelist h2 {
	font-size: 28px;
	color:#fff;
}
.pricelist h3 {
	margin-top:15px;
	margin-bottom:15px;
	font-size: 22px;
}
.pricelist .row {
	border-bottom:1px solid #e8e8e8;
}
.pricelist .row:nth-child(odd) {
	background:rgba(0,0,0,0.02);
}
.pricelist .row:first-child {
	background:#23366a;
	border-bottom:1px solid #fff;
}

.contact-form-form {
	/*padding-top:60px;*/
	padding-bottom:25px;
	text-align:center;
}
.contact-form-form input, .contact-form-form select, .contact-form-form textarea {
	width:100%;
	margin-bottom:25px;
	padding:16px 22px;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	font-weight:600;
	color:#23366a;
	letter-spacing:0.01em;
	text-align:left;
	background:rgba(0,0,0,0.05);
	border:none;
	border-radius:3px;
}
.contact-form-form select {
	padding:6px 22px;
}
.contact-form-form option {
	padding:10px 22px;
	border:none;
	border-radius:0px;
}
.contact-form-form input.datepicker {
  	background-image:url('../img/booking.svg');
  	background-position:98% center;
	background-size:25px auto;
	background-repeat:no-repeat;
}
.contact-form-form .contact-submit,
.contact-form-form input:focus, .contact-form-form textarea:focus,
.contact-form-form select:focus, .contact-form-form option:focus {
	color:#fff;
	background:#23366a;
}
.contact-form-form textarea {
	height:200px;
}
.contact-form-form .contact-submit {
	display:inline-block;
	width:auto;
	padding:13px 30px;
	font-weight:700;
	letter-spacing:0.025em;
	text-transform:uppercase;
	border-radius:3px;
}
.contact-form-form .contact-submit:hover, .contact-form-form .contact-submit:focus {
	padding:13px 50px;
	background:#23366a;
}

#contact-map {
    width:100%;
	height:600px;
	margin-bottom:-50px;
}
#contact-map .vukic {
    width:100%;
	padding:40px;
	padding-top:30px;
	padding-bottom:0px;
}
#contact-map .infowindow {
    width:100%;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	color:#fff;
	line-height:24px;
	letter-spacing:0.02em;
	background:#23366a;
}
#contact-map .infowindow h3 {
	margin-top:0px;
	paddding-top:0px;
}
#contact-map .infowindow a, #contact-map .infowindow a:hover {
	color:#fff;
	text-decoration:none;
}

.vrsi-video {
	border-radius:3px;
	overflow:hidden;
}













@media (min-width: 200px) {
    header {background-image:url('../img/Vukic-Apartments-Vrsi-800.jpg')}
	.sub header {background-image:url('../img/Vukic-Apartments-Vrsi-sub-800.jpg')}
}
@media (min-width: 801px) {
    header {background-image:url('../img/Vukic-Apartments-Vrsi-1200.jpg')}
	.sub header {background-image:url('../img/Vukic-Apartments-Vrsi-sub-1200.jpg')}
}
@media (min-width: 1201px) {
    header {background-image:url('../img/Vukic-Apartments-Vrsi-1600.jpg')}
	.sub header {background-image:url('../img/Vukic-Apartments-Vrsi-sub-1600.jpg')}
	.vrsi-video {margin-left:60px;margin-right:60px;padding-bottom:50.25%;}
}
@media (min-width: 1601px) {
    header {background-image:url('../img/Vukic-Apartments-Vrsi-2560.jpg')}
	.sub header {background-image:url('../img/Vukic-Apartments-Vrsi-sub-2560.jpg')}
}


@media only screen and (max-width : 1600px) {
	header {
		min-height:800px;
	}
}

@media only screen and (max-width : 1200px) {
	header {
		min-height:600px;
	}
	header::after {
		height:100px;
	}
	.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li.dropdown.lang > a:hover {
	  padding-left:15px;
	  padding-right:15px;
	}
	.container > .navbar-header {
	  margin-left: -100px;
	}
	.navbar-brand, .navbar-brand:hover {
	  width: 200px;
	  height: 150px;
	  padding-top: 30px;
	  background-size: 100% auto;
	}
	.shrink .navbar-brand, .shrink .navbar-brand:hover {
	  padding-top: 17px;
	}
	.navbar-brand > img {
	  width: 80%;
	}
	.home-section h1 {
	  font-size: 36px;
	  letter-spacing: 0.01em;
	  max-width: 100%;
	}

    .app-list-item h2 {
    	font-size:24px;
    }
	.app-list-item h3 {
		font-size:18px;
	}

}

@media only screen and (max-width : 992px) {
	header {
		min-height:500px;
	}
	.navbar-default {
		height: 50px;
		background: rgb(255,255,255);
		background: -moz-linear-gradient(top,  rgba(230,230,230,1) 0%, rgba(255,255,255,1) 50%);
		background: -webkit-linear-gradient(top,  rgba(230,230,230,1) 0%,rgba(255,255,255,1) 50%);
		background: linear-gradient(to bottom,  rgba(230,230,230,1) 0%,rgba(255,255,255,1) 50%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#ffffff',GradientType=0 );
	}
	#mainmenu {
	  padding-top: 0;
	}
	.navbar-header {
	  top: 50px;
	}
	.navbar-brand, .navbar-brand:hover {
	  background-position: center -40px;
	}
	.navbar-right {
	  float: left!important;
	  margin-right: 0;
	}
	.container > .navbar-header {
	  margin-left: -125px;
	}
	.navbar-brand, .navbar-brand:hover {
	  width: 250px;
	  padding-top: 15px;
	}
	.navbar-brand > img {
	  width: 60%;
	}
	.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li.dropdown.lang > a, .navbar-default .navbar-nav > li.dropdown.lang > a:hover, .navbar-default .navbar-nav > li > a:hover {
	  padding-bottom: 15px;
	  padding-top: 15px;
	}
	.navbar-default .navbar-nav.de-nav > li > a, .navbar-default .navbar-nav.de-nav > li.dropdown.lang > a:hover,
	.navbar-default .navbar-nav.it-nav > li > a, .navbar-default .navbar-nav.it-nav > li.dropdown.lang > a:hover {
	  padding-left:13px;
	  padding-right:13px;
	}
	.navbar-default .navbar-nav > li {
	  border-right: 2px solid rgba(0, 0, 0, 0.03);
	}
	.navbar-default .navbar-nav > li:last-child {
	  border-right:2px solid rgba(0, 0, 0, 0.03);
	}
	.navbar-default .navbar-nav.navbar-right > li:last-child {
	  border-right:none;
	}
	.navbar-default .navbar-nav > li.reservations > a {
		background-position: 20px 12px;
	}
	.shrink .navbar-brand {
	  margin-top: -175px;
	  opacity:0;
	}
	.shrink .navbar-brand > img {
	  width: 60%;
	}
	.dropdown.lang .dropdown-menu {
		background: rgb(255,255,255);
		background: -moz-linear-gradient(top,  rgba(255,255,255,1) 5%, rgba(230,230,230,1) 50%);
		background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 5%,rgba(230,230,230,1) 50%);
		background: linear-gradient(to bottom,  rgba(255,255,255,1) 5%,rgba(230,230,230,1) 50%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 );
	}
	.home-section h1 {
	  font-size: 30px;
	}
	.futuro {
	  top: 0;
	  margin-top: 50px;
	}

	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
	  padding-bottom: 20px;
	  padding-top: 20px;
	}
	.app-detail .icons {
	  width: 40%;
	  padding-bottom: 15px;
	}

	.app-list-item.app-item .basic-info {
	  width: 40%;
	}
	.app-list-item.app-item img {
	  border-top-right-radius: 6px;
	  border-bottom-right-radius: 6px;
	}
	.app-list-item.app-item .btn-primary {
	  margin-top: 10px;
	}

}

@media only screen and (max-width : 825px) {
	header {
		min-height:450px;
	}
}

@media only screen and (max-width : 767px) {
	header {
		min-height:400px;
	}
	header::after {
		height:50px;
	}
	.navbar-default {
		background: #fff;
	}
	.container > .navbar-header {
	  position: static;
	  margin-left:-10px;
	}
	.navbar-brand, .navbar-brand:hover, .shrink .navbar-brand, .shrink .navbar-brand:hover {
	  position:absolute;
	  z-index:99;
	  width: 230px;
	  height:120px;
	  margin-top: 0;
	  padding-top:13px;
	  opacity: 1;
	  background-position: center bottom;
	}
	.navbar-brand > img, .shrink .navbar-brand > img {
	  /*max-height:60px;*/
	}
	#mainmenu, .shrink #mainmenu {
	  padding-top:70px;
	  background: #fff;
	  border-top:none;
	  box-shadow:0px 5px 5px rgba(0,0,0,0.1);
	}
	#mainmenu .navbar-right {
	  float: none!important;
	  margin-right: -15px;
	  margin-top: -7.5px;
	}
	.navbar-default .navbar-nav > li, .navbar-default .navbar-nav > li:last-child {
	  border-right: none;
	}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover,
	.navbar-default .navbar-nav > li.reservations.active > a, .navbar-default.shrink .navbar-nav > li.reservations.active > a,
	.navbar-default.shrink .navbar-nav > .active > a, .navbar-default.shrink .navbar-nav > .active > a:focus, .navbar-default.shrink .navbar-nav > .active > a:hover {
	  border-radius: 0px;
	  margin-top: 0px;
	  padding-bottom: 15px;
	  padding-top: 15px;
	}
	.navbar-default .navbar-nav > li.dropdown.lang, .navbar-default .navbar-nav > li.dropdown.lang.open,
	.navbar-nav .lang.open .dropdown-menu {
		position:absolute;
		top:100%;
		right:0px;
	}
	.navbar-default .navbar-nav > li.dropdown.lang .dropdown-menu,
	.navbar-default .navbar-nav > li.dropdown.lang.open .dropdown-menu {
		left:auto;
		right:15px;
	}
	.navbar-default .navbar-toggle {
	  border-color: #fff;
	  background-color: #fff;
	}
	.navbar-default .navbar-toggle .icon-bar {
	  background-color: #23366a;
	}
	.navbar-default .navbar-toggle:hover {
	  border-color: #23366a;
	  background-color: #23366a;
	}
	.navbar-default .navbar-toggle:hover .icon-bar {
	  background-color: #fff;
	}
	.home-section .carousel-inner > .item > div > div:first-child {
		margin-bottom:20px;
	}
	.home-section .carousel-inner > .item a::after {
	  background-position: center -20px;
	  bottom: 5px;
	  height: 30px;
	  right: 20px;
	  width: 30px;
	}
	.home-section .carousel {
	  padding-bottom: 80px;
	}
	.carousel-control {
	  bottom: auto;
	  top: 100%;
	  margin-top:-30px;
	}
	.home-section .carousel-control .glyphicon-chevron-left, .home-section .carousel-control .glyphicon-chevron-right, .home-section .carousel-control .icon-next, .home-section .carousel-control .icon-prev {
	  font-size: 26px;
	}
	.btn-primary {
	  width:100%;
	  padding: 12px 4px;
	}
	.home-section {
	  padding-top:10%;
	  background-size:150% auto;
	  background-position:center 3%;
	}
	.home-section .carousel {
	  margin-bottom: 10%;
	}
	.home-map {
	  height: 300px;
	  margin-top: 10%;
	}
	footer {
	  text-align: center;
	}
	footer .logo {
	  display: inline-block;
	  margin-top: 0px;
	  margin-bottom:20px;
	}

	.sub header {
	  min-height: 150px;
	}
	.sub .home-section {
	  background-position: center top;
	  background-size: 125% auto;
	}
	.app-list-item {
	  margin-left: auto;
	  margin-right: auto;
	  max-height: 430px;
	  max-width: 360px;
	}

	.app-list-item.app-item {
	  max-height: none;
	  max-width: 765px;
	}
	.app-list-item.app-item img {
	  border-radius: 3px;
	  border-bottom-left-radius:0px;
	  border-bottom-right-radius:0px;
	}
	.app-list-item.app-item .basic-info {
	  position:relative;
	  bottom: auto;
	  top: 100%;
	  width: 100%;
	  height:auto;
	  border-radius:3px;
	  border-top-left-radius:0px;
	  border-top-right-radius:0px;
	}
	.app-list-item.app-item .basic-info::after {
	  display:none;
	}
	.app-list-item.app-item p {
	  max-height: none;
	  overflow: visible;
	}
	.app-list-item.app-item p.lead {
	  padding-top: 70px;
	}
	.app-list-item.app-item h4 {
	  font-size: 24px;
	  height: 80px;
	  margin-right: -30px;
	  padding-top: 10px;
	  top: -40px;
	  width: 60px;
	  border-radius:3px;
	}
	.app-list-item.app-item .btn-primary {
	  margin: 15px;
	  max-width: 90%;
	}
	.sub .home-section .carousel-inner > .item > div > div {
	  margin-bottom: 20px;
	}
	.sub .home-section .carousel {
	  margin-bottom:100px;
	  padding: 0;
	}
	.sub .home-section .carousel .carousel-control {
	  background: #f1f1f1;
	  border-radius: 3px;
	  display: block;
	  height: 44px;
	  margin-top: 10px;
	  width: 48%;
	}
	.sub .home-section .carousel-inner > .item a::after {
	  background-position: center center;
	}
	.sub .home-section .carousel-control .glyphicon-chevron-left, .sub .home-section .carousel-control .glyphicon-chevron-right, .sub .home-section .carousel-control .icon-next, .sub .home-section .carousel-control .icon-prev {
	  margin-top: -12px;
	}

	.pricelist h2 {
		font-size: 24px;
	}
	.pricelist h3 {
		font-size: 20px;
	}

}

@media only screen and (max-width : 530px) {
	.navbar-brand, .navbar-brand:hover, .shrink .navbar-brand, .shrink .navbar-brand:hover {
	  width: 50%;
	  height:auto;
	  padding-bottom:8%;
	}
	#mainmenu, .shrink #mainmenu {
	  padding-top:17%;
	}
}

@media only screen and (max-width : 480px) {
	header {
		min-height:300px;
	}
	.container > .navbar-header {
	  margin-left:-20px;
	}
	.navbar-brand, .navbar-brand:hover, .shrink .navbar-brand, .shrink .navbar-brand:hover {
	  width: 60%;
	}

	.app-detail .icons {
	  width: 60%;
	}
	.app-list-item {
	  max-height: none;
	  padding-bottom: 175px;
	}

	.sub .home-section .carousel-inner > .item > div > div {
	  width:100%;
	  margin-bottom: 10px;
	}
	.sub .home-section .carousel-inner > .item a {
	  display:block;
	  max-width:360px;
	  margin-left:auto;
	  margin-right:auto;
	}
	.sub .home-section .carousel-inner > .item a::after {
	  right: 13%;
	}

	.pricelist h2 {
		font-size: 20px;
	}
	.pricelist h3 {
		font-size: 18px;
	}

}


@media only screen and (max-width : 320px) {

}
