/*------------------------------------------------------------------
Project:	Restate - Different Material Real Estate HTML Template
Version:	1.0
Last change:	06.03.2015
Assigned to:	ThemeStarz

[Table of contents]

1. Element styling
2. Header
3. Classes
4. Forms
5. Animation
6. Map
7. Universal Classes
8. Pages
9. Responsive

[Color codes]-

Default: #6499c7;
Color grey: #626262;
Color grey medium: #919191;
Color grey light: #d3d3d3;
Color background: #f5f5f5;

[Typography]

Body copy:		'Montserrat', sans-serif; 14px;
Headers:		'Montserrat', sans-serif;


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

/* Removes the default 20px margin and creates some padding space for the indicators and controls */


/*-----------------------------------------------------------------*/
/* CUSTOM */
.input-group{
  min-height: 48px;
  min-width:48px;
}
.btn.btn-default.minus{
  min-height: 48px;
  min-width:48px;
}
.btn.btn-default.plus{
  min-height: 48px;
  min-width:48px;
}

/* INVISIBLE RECAPTCHA 
es necesari el !important ja que esta definit a la llibreria com a display:none */
.grecaptcha-badge{
  display:none !important; 
}

#modal-credit .modal-content{
  border-radius: 0;
}
@media (max-width: 767px){
  .person{
    padding-top: 40px;
  }
}
.tooltip-arrow,.custom-tooltip + .tooltip > .tooltip-inner {background-color: #EBEBEB; color:#666; font-weight:bolder;}

.border-top-blau { border-top:#6499c7 solid 1px; }
.border-bottom-blau { border-bottom:#6499c7 solid 1px; }
.border-bottom-gris { border-bottom:#CCC solid 1px; }

.position-absolute-white {position:absolute; background-color:#FFF;} 

.text-gris{ color:#EBEBEB; }
.text-blau{ color:#6499c7; } /* 09F */ 
.text-blau-clar{ color: #B3CAFF; }
.text-red{ color:#FC005E; }
.text-white{ color:#FFF; }
.text-verd{ color: #0F0; }

.text-bold{ font-weight: bold; }

.bg-gris { background-color: #EBEBEB;}
.bg-white { background-color:#FFF;}
.bg-red { background-color:#D9534F; } /*#FC005E*/
.bg-verd { background-color:#5CB85C; }

.padding5 { padding:5%; }
.padding3 { padding:3%; }
.padding1 { padding:1%; }
.nowrap { white-space:nowrap; }

.vr-cuadre {float: right; position: absolute; z-index: 99; text-transform: uppercase;}
label h2{
  margin: 0;
}
.fa-10x{
    font-size: 170px;
}
/* formats de margins i paddings com si fos bootstrap 4 
Formats pels margins*/
.mt-1{margin-top: 10px;}
.mt-2{margin-top: 20px;}
.mt-3{margin-top: 30px;}
.mt-4{margin-top: 40px;}
.mt-5{margin-top: 50px;}
.mb-1{margin-bottom: 10px;}
.mb-2{margin-bottom: 20px;}
.mb-3{margin-bottom: 30px;}
.mb-4{margin-bottom: 40px;}
.mb-5{margin-bottom: 50px;}
.my-1{margin-top: 10px;margin-bottom: 10px;}
.my-2{margin-top: 20px;margin-bottom: 20px;}
.my-3{margin-top: 30px;margin-bottom: 30px;}
.my-4{margin-top: 40px;margin-bottom: 40px;}
.my-5{margin-top: 50px;margin-bottom: 50px;}
.mx-1{margin-left: 10px;margin-right: 10px;}
.mx-2{margin-left: 20px;margin-right: 20px;}
.mx-3{margin-left: 30px;margin-right: 30px;}
.mx-4{margin-left: 40px;margin-right: 40px;}
.mx-5{margin-left: 50px;margin-right: 50px;}
/* Fi formats pels margins*/

/* Formats pels paddings */
.pt-1{padding-top: 10px;}
.pt-2{padding-top: 20px;}
.pt-3{padding-top: 30px;}
.pt-4{padding-top: 40px;}
.pt-5{padding-top: 50px;}
.pb-1{padding-bottom: 10px;}
.pb-2{padding-bottom: 20px;}
.pb-3{padding-bottom: 30px;}
.pb-4{padding-bottom: 40px;}
.pb-5{padding-bottom: 50px;}
.py-1{padding-top: 10px;padding-bottom: 10px;}
.py-2{padding-top: 20px;padding-bottom: 20px;}
.py-3{padding-top: 30px;padding-bottom: 30px;}
.py-4{padding-top: 40px;padding-bottom: 40px;}
.py-5{padding-top: 50px;padding-bottom: 50px;}
/* fi formats de margins i paddings com si fos bootstrap 4 */


.col-1 {
  width: 68px !important;
  overflow: visible;
}

.col-2 {
  width: 165px !important;
  overflow: visible;
}

.col-3 {
  width: 263px !important;
  overflow: visible;
}

.col-4 {
  width: 360px !important;
  overflow: visible;
}

.col-5 {
  width: 458px !important;
  overflow: visible;
}

.col-6 {
  width: 555px !important;
  overflow: visible;
}

.col-7 {
  width: 654px !important;
  overflow: visible;
}

.col-8 {
  width: 750px !important;
  overflow: visible;
}

.col-9 {
  width: 848px !important;
  overflow: visible;
}

.col-10 {
  width: 945px !important;
  overflow: visible;
}

.col-11 {
  width: 1042px !important;
  overflow: visible;
}

.col-12 {
  width: 1140px !important;
  overflow: visible;
}
.row{
  margin: 0 !important;
}
.offset-col-1 {
  -moz-transform: translateX(68px);
  -ms-transform: translateX(68px);
  -webkit-transform: translateX(68px);
  transform: translateX(68px);
}

.offset-col-2 {
  -moz-transform: translateX(165px);
  -ms-transform: translateX(165px);
  -webkit-transform: translateX(165px);
  transform: translateX(165px);
}

.offset-col-3 {
  -moz-transform: translateX(263px);
  -ms-transform: translateX(263px);
  -webkit-transform: translateX(263px);
  transform: translateX(263px);
}

.offset-col-4 {
  -moz-transform: translateX(360px);
  -ms-transform: translateX(360px);
  -webkit-transform: translateX(360px);
  transform: translateX(360px);
}

.offset-col-5 {
  -moz-transform: translateX(458px);
  -ms-transform: translateX(458px);
  -webkit-transform: translateX(458px);
  transform: translateX(458px);
}

.offset-col-6 {
  -moz-transform: translateX(555px);
  -ms-transform: translateX(555px);
  -webkit-transform: translateX(555px);
  transform: translateX(555px);
}

.offset-col-7 {
  -moz-transform: translateX(654px);
  -ms-transform: translateX(654px);
  -webkit-transform: translateX(654px);
  transform: translateX(654px);
}

.offset-col-8 {
  -moz-transform: translateX(750px);
  -ms-transform: translateX(750px);
  -webkit-transform: translateX(750px);
  transform: translateX(750px);
}

.offset-col-9 {
  -moz-transform: translateX(848px);
  -ms-transform: translateX(848px);
  -webkit-transform: translateX(848px);
  transform: translateX(848px);
}

.offset-col-10 {
  -moz-transform: translateX(945px);
  -ms-transform: translateX(945px);
  -webkit-transform: translateX(945px);
  transform: translateX(945px);
}

.offset-col-11 {
  -moz-transform: translateX(1042px);
  -ms-transform: translateX(1042px);
  -webkit-transform: translateX(1042px);
  transform: translateX(1042px);
}

.offset-col-12 {
  -moz-transform: translateX(1140px);
  -ms-transform: translateX(1140px);
  -webkit-transform: translateX(1140px);
  transform: translateX(1140px);
}

.offset-col-1, .offset-col-2, .offset-col-3, .offset-col-4, .offset-col-5, .offset-col-6,
.offset-col-7, .offset-col-8, .offset-col-9, .offset-col-10, .offset-col-11, .offset-col-12 {
  margin-left: 30px;
}
.offset-col-1.grid, .offset-col-2.grid, .offset-col-3.grid, .offset-col-4.grid, .offset-col-5.grid, .offset-col-6.grid,
.offset-col-7.grid, .offset-col-8.grid, .offset-col-9.grid, .offset-col-10.grid, .offset-col-11.grid, .offset-col-12.grid {
  margin-left: -170px;
}

.has-map .offset-col-1, .has-map .offset-col-2, .has-map .offset-col-3, .has-map .offset-col-4, .has-map .offset-col-5, .has-map .offset-col-6,
.has-map .offset-col-7, .has-map .offset-col-8, .has-map .offset-col-9, .has-map .offset-col-10, .has-map .offset-col-11, .has-map .offset-col-12 {
  margin-left: 30px;
}
.has-map .offset-col-1.grid, .has-map .offset-col-2.grid, .has-map .offset-col-3.grid, .has-map .offset-col-4.grid, .has-map .offset-col-5.grid, .has-map .offset-col-6.grid,
.has-map .offset-col-7.grid, .has-map .offset-col-8.grid, .has-map .offset-col-9.grid, .has-map .offset-col-10.grid, .has-map .offset-col-11.grid, .has-map .offset-col-12.grid {
  margin-left: 0px;
}

/* 1. Element styling */
body {
  -moz-transition: 0.4s;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  background-color: whitesmoke;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  color: #626262;
}
a {
  -moz-transition: 0.4s;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  color: #626262;
}
a:hover, a:active, a:focus {
  text-decoration: none;
  outline: none !important;
}
a:active {
  -moz-box-shadow: 0 0 0 0 transparent;
  -webkit-box-shadow: 0 0 0 0 transparent;
  box-shadow: 0 0 0 0 transparent;
}
a.link {
  color: #6499c7;
}
a.link:hover {
  text-decoration: underline;
}

dl {
  margin-bottom: 0;
}
dl dt {
  float: left;
}
dl dd {
  text-align: right;
  margin-bottom: 10px;
}
dl dd:last-child {
  margin-bottom: 0;
}

h1 {
  font-size: 24px;
  font-weight: lighter;
  margin-bottom: 40px;
  margin-top: 0;
}

h2 {
  font-size: 18px;
  margin-bottom: 20px;
  margin-top: 0;
}

h3 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 40px;
}

header {
  position: relative;
}

label {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  font-size: 12px;
  font-weight: normal;
}

p {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  margin: 10px 0;
}

ul.bullets {
  list-style: none;
  padding-left: 0;
}
ul.bullets li {
  padding: 5px 0;
  color: #6499c7;
}
.value-min, .value-max{
border-bottom: solid 1px #ededed !important;
}
/* 2. Header */
/* #page-wrapper {
  overflow: hidden;
} */
#page-wrapper > header {
  -moz-box-shadow: 0 1px 1px 0 rgba(100, 153, 199, 1);
  -webkit-box-shadow: 0 1px 1px 0 rgba(100, 153, 199, 1);
  box-shadow: 0 1px 1px 0 rgba(100, 153, 199, 1);
  -moz-transition: 0.4s;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  background-color: #fff;
  
  margin-bottom: 50px;
  z-index: 1;
}
#page-wrapper > header.idle {
  background-color: rgba(255, 255, 255, 0.5);
}
#page-wrapper > header .header-inner {
  display: table;
  position: relative;
  width: 100%;
}
#page-wrapper > header .header-inner nav {
  display: table;
  width: 100%;
}
#page-wrapper > header .header-inner nav.main {
  font-size: 13px;
  padding: 15px 0px 25px;
  position: relative;
}
#page-wrapper > header .header-inner nav.main ul li ul li:hover {
  background-color: #f2f2f2;
}
#page-wrapper > header .header-inner nav.main .brand {
  display: table-cell;
  vertical-align: middle;
}
#page-wrapper > header .header-inner nav.secondary {
  -moz-transition: all 0.6s cubic-bezier(0.52, 0, 0.24, 1) 0s;
  -webkit-transition: all 0.6s cubic-bezier(0.52, 0, 0.24, 1);
  transition: all 0.6s cubic-bezier(0.52, 0, 0.24, 1) 0s;
  font-size: 11px;
  text-transform: uppercase;
}
#page-wrapper > header .header-inner nav.secondary a {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
  padding: 6px 10px;
}
#page-wrapper > header .header-inner nav.secondary a:hover, #page-wrapper > header .header-inner nav.secondary a:active, #page-wrapper > header .header-inner nav.secondary a:focus {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  color: #626262;
}
#page-wrapper > header .header-inner nav.secondary a.promoted {
  color: #6499c7;
  font-weight: bold;
}
#page-wrapper > header .header-inner nav ul {
  margin-bottom: 0;
  list-style: none;
  float: right;
  position: relative;
  z-index: 99;
}
#page-wrapper > header .header-inner nav ul li {
  display: inline-block;
  position: relative;
}
#page-wrapper > header .header-inner nav ul li:hover {
  z-index: 100;
}
#page-wrapper > header .header-inner nav ul li:hover > ul {
  visibility: visible;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  pointer-events: inherit;
}
#page-wrapper > header .header-inner nav ul li:last-child a {
  padding-right: 0;
}
#page-wrapper > header .header-inner nav ul li a {
  display: block;
  padding: 15px;
  position: relative;
}
.main ul:nth-child(1){
  display: flex;
  align-items: center;
}
#page-wrapper > header .header-inner nav ul li ul {
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition: 0.4s;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  background-color: #fff;
  left: 0;
  padding-left: 0px;
  padding-top: 40px;
  pointer-events: none;
  position: absolute;
  top: 0;
  visibility: hidden;
  z-index: -1;
}
#page-wrapper > header .header-inner nav ul li ul li {
  display: block;
}
#page-wrapper > header .header-inner nav ul li ul li:last-child a {
  padding-right: 15px;
}
#page-wrapper > header .header-inner nav ul li ul li a {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  white-space: nowrap;
  padding: 10px 15px;
}
#page-wrapper > header .submit-button {
  
  background-color: #6499c7;
  bottom: -27px;
  height: 56px;
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 1;
  overflow: hidden;
}
#page-wrapper > header .submit-button:hover {
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
#page-wrapper > header .submit-button:hover:before {
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
#page-wrapper > header .submit-button:hover:after {
  -moz-transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
#page-wrapper > header .submit-button.submit-page-open {
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
}

#page-wrapper > header .submit-container {
  margin-top: 5px;
  position: relative;
}
#page-wrapper #user-area {
  -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
}
#page-wrapper #user-area .close {
  top: 20px;
}
#page-wrapper #user-area .inner {
  padding: 20px 0 30px;
}
#page-wrapper #user-area form .form-group:last-child {
  margin-bottom: 0;
}

.toggle-nav {
  display: none;
  width: 30px;
  height: 30px;
  text-align: center;
  float: right;
  cursor: pointer;
}
.toggle-nav:hover i {
  color: #6499c7;
}
.toggle-nav i {
  -moz-transition: 0.4s;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  display: block;
  font-size: 4px;
  margin-bottom: 2px;
}
.toggle-nav .dots {
  position: relative;
  top: 7px;
}

/* 3. Classes */
.content-inner {
  position: absolute;
  width: 100%;
}

.content-loader {
  height: 100%;
  width: 0;
  float: left;
  position: relative;
}
.content-loader.scrolling-up {
  padding-right: 30px;
}
.content-loader .content {
  padding-left: 2px;
  position: relative;
  min-height: 30px;
}
.content-loader .content.idle {
  z-index: 1;
}
.content-loader .content article {
  margin-bottom: 30px;
}
.content-loader .content img {
  width: 100%;
}

.close {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.close:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

.faq {
  position: relative;
}
.faq h3 {
  margin-bottom: 10px;
  margin-top: 10px;
  font-size: 14px;
}
.faq .icon {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  background-color: #6499c7;
  left: 30px;
  line-height: 40px;
  height: 40px;
  position: absolute;
  top: -20px;
  width: 40px;
  text-align: center;
}
.faq .icon i {
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  color: #fff;
  font-size: 18px;
}

.gallery {
  margin-bottom: 30px;
}

.grid {
  display: block;
  width: 100%;
  position: relative;
  left: 0;
}
.grid.idle {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  z-index: -1;
}
.grid.idle .item {
  pointer-events: none;
}

.has-tabs h3 {
  margin-top: 10px;
}
.has-tabs .btn {
  margin-top: 10px;
}
.has-tabs .inner {
  -moz-transition: all 0.6s cubic-bezier(0.52, 0, 0.24, 1) 0s;
  -webkit-transition: all 0.6s cubic-bezier(0.52, 0, 0.24, 1);
  transition: all 0.6s cubic-bezier(0.52, 0, 0.24, 1) 0s;
  min-height: 0;
  position: relative;
  overflow: hidden;
}

.item {
  -moz-perspective: 1000px;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  -moz-transition: 0.8s;
  -webkit-transition: 0.8s;
  transition: 0.8s;
  display: block;
  margin-bottom: 30px;
  /*width: 262px;*/
}
.item.delete-clicked .admin-tools .top {
  left: 50px;
}
.item.delete-clicked .admin-tools .bottom {
  left: 50px;
}
.item.delete-clicked a {
  -moz-transform: rotateY(15deg) scale(0.9);
  -ms-transform: rotateY(15deg) scale(0.9);
  -webkit-transform: rotateY(15deg) scale(0.9);
  transform: rotateY(15deg) scale(0.9);
}
.item > a {
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  display: block;
}
.item > a:hover {
  -moz-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.2);
}
.item > a:hover .image img {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.item dl {
  color: #919191;
  font-size: 12px;
  padding: 30px;
}
.item dl dt {
  float: left;
  font-weight: normal;
}
.item dl dd {
  text-align: right;
  margin-bottom: 10px;
}
.item dl dd:last-child {
  margin-bottom: 0;
}
.item header {
  background-color: #919191;
  color: #fff;
  padding: 30px;
}
.item h2 {
  font-size: 16px;
  margin-bottom: 5px;
  margin-top: 0;
}
.item h3 {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
  font-size: 12px;
  font-weight: normal;
  margin: 0;
}
.item .admin-tools {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  background-color: #fff;
  cursor: pointer;
  position: absolute;
  top: -10px;
  right: 10px;
  /*width: 50px;*/
  /*height: 100px;*/
  overflow: hidden;
  z-index: 1;
}
.item .admin-tools figure {
  -moz-transition: 0.4s;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  background-color: #fff;
  display: block;
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 50px;
}
.item .admin-tools figure:hover {
  background-color: whitesmoke;
}
.item .admin-tools figure.delete i {
  color: #ff4f32;
}
.item .admin-tools figure i {
  color: #919191;
}
.item .admin-tools .top {
  -moz-transition: all 0.6s cubic-bezier(0.52, 0, 0.24, 1) 0s;
  -webkit-transition: all 0.6s cubic-bezier(0.52, 0, 0.24, 1);
  transition: all 0.6s cubic-bezier(0.52, 0, 0.24, 1) 0s;
  left: 0;
  position: absolute;
  top: 0;
  /*width: 100px;*/
  /*height: 50px;*/
}
.item .admin-tools .top .confirm-delete {
  background-color: #ff4f32;
  left: -50px;
  position: absolute;
  top: 0;
}
.item .admin-tools .top .confirm-delete i {
  color: #fff;
}
.item .admin-tools .top .edit {
  left: 0;
  position: absolute;
  top: 0;
}
.item .admin-tools .bottom {
  -moz-transition: all 0.6s cubic-bezier(0.52, 0, 0.24, 1) 0s;
  -webkit-transition: all 0.6s cubic-bezier(0.52, 0, 0.24, 1);
  transition: all 0.6s cubic-bezier(0.52, 0, 0.24, 1) 0s;
  -moz-transition-delay: 0.05s;
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
  left: 0;
  position: absolute;
  top: 50px;
}
.item .admin-tools .bottom .cancel-delete {
  left: -50px;
  position: absolute;
  top: 0px;
}
.item .admin-tools .bottom .delete {
  left: 0;
  position: absolute;
  top: 0px;
}
.item .image {
  position: relative;
}
.item .image img {
  -moz-transition: 0.4s;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
  width: 100%;
}
.item .item-content {
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background-color: #fff;
}
.item-content header {
  height:100px;
}
.nav-pills {
  margin-bottom: 20px;
}
.nav-pills li.active a {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  background-color: transparent;
  color: #626262;
}
.nav-pills li.active a:hover, .nav-pills li.active a:active, .nav-pills li.active a:focus {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  background-color: transparent;
  color: #626262;
}
.nav-pills li a {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
  background-color: transparent;
  color: #626262;
  padding: 5px 10px;
  padding-left: 0;
  font-size: 16px;
  font-weight: bold;
}
.nav-pills li a:hover, .nav-pills li a:active, .nav-pills li a:focus {
  background-color: transparent;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}

.page-content.grid-clicked .content {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  opacity: 0.2;
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}
.page-content.grid-clicked .grid.idle {
  -moz-transition: all 0.6s cubic-bezier(0.52, 0, 0.24, 1) 0s;
  -webkit-transition: all 0.6s cubic-bezier(0.52, 0, 0.24, 1);
  transition: all 0.6s cubic-bezier(0.52, 0, 0.24, 1) 0s;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  z-index: 1;
}
.page-content.grid-clicked .grid.idle .item {
  -webkit-transform: translateX(0) !important;
  transform: translateX(0) !important;
  pointer-events: inherit;
}

.price {
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  bottom: -16px;
  background-color: #626262;
  color: #fff;
  padding: 6px 12px;
  position: absolute;
  right: 30px;
  z-index: 1;
}
.price-idx-lloguer {
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  bottom: -16px;
  background-color: #626262;
  color: #fff;
  padding: 6px 12px;
  right: 30px;
  float:right;
}
.price span {
  position: relative;
  z-index: 2;
}
.price:after {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
  background-color: #000;
  content: "";
  height: 100%;
  left: 0;
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 1;
}

.person {
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  display: block;
  position: relative;
}
.person.list {
  display: table;
  
}
.person.list .left {
  background-color: #919191;
  color: #fff;
  display: table-cell;
  padding: 30px;
  padding-top: 80px;
  position: relative;
  width: 145px;
}
.person.list .left .number {
  font-size: 24px;
}
.person.list .left .person-image {
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
  margin: auto;
}
.person.animate.move_from_bottom_short.idle .inner.average-color header button{
  display: flex;
  align-items: center;
}
.person.animate.move_from_bottom_short.idle .inner.average-color header button.btn.btn-md.btn-success.nowrap {
  padding: 9px;
}
.person.animate.move_from_bottom_short.idle .inner.average-color header {
  display: flex;
}
.person.list .right {
  background-color: #fff;
  display: table-cell;
  padding: 30px;
  vertical-align: middle;
}
.person.list .right h3 {
  margin-top: 0;
  margin-bottom: 10px;
}
.person.list .right a {
  display: block;
}
.person.list .right .btn {
  color: #919191;
  display: block;
  position: absolute;
  bottom: 30px;
  right: 30px;
}

.person-image {
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  height: 100px;
  width: 100px;
  overflow: hidden;
}
.person-image .img {
  width: 100%;
}

.promotion-area {
  display: table;
  padding-bottom: 50px;
  width: 100%;
}
.promotion-area h1 {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  font-size: 28px;
  margin-top: 0;
  margin-bottom: 10px;
}
.promotion-area h2 {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
  font-size: 14px;
  font-weight: normal;
  margin: 0;
}
.promotion-area .left, .promotion-area .right {
  display: table-cell;
  vertical-align: middle;
}
.promotion-area .right {
  text-align: right;
}

.promotion-box {
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  display: table;
  width: 100%;
}
.promotion-box .left, .promotion-box .right {
  display: table-cell;
  width: 50%;
}
.promotion-box .right {
  vertical-align: middle;
  background-color: #6499c7;
  padding: 30px;
}
.promotion-box .right p {
  color: #fff;
  font-size: 18px;
  font-weight: lighter;
  line-height: 24px;
}

.rating {
  display: table;
  font-size: 12px;
  margin: 3px 0;
}
.rating aside {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
  display: inline-block;
}
.rating img {
  background-color: #6499c7;
}
.rating .inner img {
  background-color: #6499c7;
}
.rating .stars {
  float: left;
}
.rating .stars .fa {
  -moz-transition: 0.4s;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
  color: #919191;
  font-size: 11px;
  margin-right: 2px;
}
.rating .stars .fa.active {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  color: #6499c7;
}
.rating.big .stars .fa {
  font-size: 21px;
}
.rating.big .reviews {
  position: relative;
  top: 3px;
}
.rating.color .stars .fa.active {
  color: #6499c7;
}
.rating.active .stars .fa {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
  color: #626262;
  cursor: pointer;
}
.rating.active .stars .fa.hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  color: #6499c7;
}
.rating.active .stars .fa.active {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  color: #6499c7 !important;
}
.rating.stars-hidden i {
  display: none;
}
.rating.stars-hidden i.active {
  display: inline-block;
}

.review header {
  font-weight: bold;
  margin-bottom: 10px;
}
.review p {
  margin-bottom: 0;
}
.review .person-image {
  position: absolute;
  right: 30px;
  top: -20px;
}

.search-overlay {
  display: table;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 999;
  overflow: hidden;
}
.search-overlay.idle .element {
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
.search-overlay .circle {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.search-overlay .element {
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  -moz-transition: all 0.6s cubic-bezier(0.52, 0, 0.24, 1) 0s;
  -webkit-transition: all 0.6s cubic-bezier(0.52, 0, 0.24, 1);
  transition: all 0.6s cubic-bezier(0.52, 0, 0.24, 1) 0s;
  -moz-transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
  background-color: #fff;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 600px;
  height: 600px;
  position: absolute;
  z-index: -1;
}
.search-overlay .inner {
  display: inline-block;
  width: 360px;
  text-align: left;
}
.search-overlay .inner .logo {
  margin-bottom: 10px;
}
.search-overlay .inner h2 {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  font-size: 28px;
  font-weight: lighter;
  margin: 30px 0;
}
.search-overlay .wrapper {
  display: table-cell;
  vertical-align: middle;
}

.show-filter {
  position: absolute;
  left: 0;
  bottom: -10px;
}

/* 4. Forms */
.btn {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  -moz-transition: 0.4s;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border: none;
  text-transform: uppercase;
}
.btn:focus, .btn:active, .btn:hover {
  outline: none !important;
}
.btn:active {
  -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  background-color: #fafafa;
}
.btn:focus {
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  background-color: #fff;
}
.btn.btn-default {
  color: #6499c7;
}
.btn.btn-default:hover {
  background-color: #fafafa;
}
.btn.btn-default:active {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn.btn-primary {
  background-color: #6499c7;
  font-size: 13px;
}
.btn.btn-primary:hover {
  background-color: #6499c7;
}
.btn.btn-link {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
  color: #6499c7;
  font-size: 12px;
  padding: 0;
}
.btn.btn-link:hover, .btn.btn-link:focus, .btn.btn-link:active {
  text-decoration: none;
}
.btn.btn-link.dark {
  color: #626262;
}
.btn.btn-sm {
  font-size: 11px;
}
.btn.btn-circle {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  padding: 30px;
  position: relative;
}
.btn.btn-circle:active {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn.btn-circle i {
  display: block;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  width: 12px;
  position: absolute;
  line-height: 60px;
}
.btn.btn-circle.btn-xl {
  background-color: #6499c7;
  padding: 50px;
}
.btn.btn-circle.btn-xl i {
  font-size: 32px;
  height: inherit;
  width: 100%;
  line-height: 100px;
}

.bootstrap-select {
  width: 100% !important;
  margin-bottom: 0 !important;
}
.bootstrap-select .dropdown-toggle.btn-default {
  background-color: transparent;
}
.bootstrap-select .bootstrap-select-searchbox input {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-top: 5px;
  padding: 5px;
}
.bootstrap-select .bootstrap-select-searchbox input:focus, .bootstrap-select .bootstrap-select-searchbox input:active, .bootstrap-select .bootstrap-select-searchbox input:hover {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.bootstrap-select .selectpicker {
  -moz-transition: 0.4s;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  color: #626262;
  font-weight: normal;
  padding: 7px 12px 7px 0px;
  text-transform: none;
}
.bootstrap-select .selectpicker:focus, .bootstrap-select .selectpicker:active {
  outline: none !important;
}
.bootstrap-select .selectpicker .filter-option {
  -moz-transition: 0.4s;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  padding-left: 0px;
  position: relative;
}
.bootstrap-select .selectpicker .filter-option:before {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  text-shadow: none;
  -webkit-font-smoothing: antialiased;
  font-family: 'fontawesome';
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #6499c7;
  content: "\f00c";
  font-size: 14px;
  position: absolute;
  left: 0px;
  top: 2px;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
  bottom: -5px;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
  border: none;
}
.bootstrap-select .dropdown-menu {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  border: none;
  left: -20px;
  top: -7px;
  padding: 0;
  padding-left: 0 !important;
  width: calc(100% + 40px);
}
.bootstrap-select .dropdown-menu.selectpicker {
  background-color: #fff !important;
}
.bootstrap-select .dropdown-menu li a {
  -moz-transition: 0.4s;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  color: #626262;
  padding: 15px 20px;
}
.bootstrap-select .dropdown-menu li a:hover {
  background-color: rgba(0, 0, 0, 0.05);
  color: #626262;
}
.bootstrap-select .dropdown-menu > li:first-child a {
  border-top: none;
}
.bootstrap-select .dropdown-menu > li a {
  display: block;
}
.bootstrap-select .dropdown-menu > li a.sub-category {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  border-top: none;
  font-size: 12px;
  padding: 5px 5px 5px 30px;
}
.bootstrap-select .dropdown-menu > li a.sub-category:before {
  text-shadow: none;
  -webkit-font-smoothing: antialiased;
  font-family: 'fontawesome';
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  color: #e2e2e2;
  content: "\f111";
  font-size: 5px;
  position: relative;
  top: -2px;
  left: -8px;
}
.bootstrap-select .dropdown-menu > .active > a {
  background-color: #6499c7;
  color: #fff;
}
.bootstrap-select.open .selectpicker {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a i.check-mark {
  font-size: 10px;
  margin-top: 20px;
  right: 60px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a.sub-category i.check-mark {
  margin-top: 5px;
}

.checkbox, .radio {
  padding-left: 0px;
}

.checkbox label {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  font-size: 14px;
  padding-left: 0;
}
.checkbox .icheckbox {
  -moz-transition: 0.4s;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border: 2px solid #cecece;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  display: inline-block;
  height: 20px;
  margin-right: 20px;
  position: relative;
  width: 20px;
  top: -1px;
}
.checkbox .icheckbox:after {
  -moz-transition: 0.4s;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  text-shadow: none;
  -webkit-font-smoothing: antialiased;
  font-family: 'fontawesome';
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  color: #fff;
  content: "\f00c";
  position: absolute;
  font-size: 12px;
  left: 2px;
  top: 2px;
}
.checkbox .icheckbox.checked {
  border-color: #626262;
  background-color: #626262;
}
.checkbox .icheckbox.checked:after {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

.iradio {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  background-color: #919191;
  height: 20px;
  margin-right: 10px;
  position: relative;
  width: 20px;
  top: -1px;
}
.iradio:after {
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  background-color: #626262;
}
.iradio.checked:after {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

form.main-search {
  margin-bottom: 20px;
}

.form-group-lg .form-control {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  padding: 10px 0px;
}
.form-group-lg .input-group-addon {
  font-size: 18px;
}

input[type="text"], input[type="date"], input[type="email"], input[type="search"], input[type="password"], input[type="number"], input[type="tel"], textarea.form-control, .selectpicker {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 8px 12px;
  padding-left: 0;
}
input[type="text"]:hover, input[type="text"]:active, input[type="text"]:focus, input[type="date"]:hover, input[type="date"]:active, input[type="date"]:focus, input[type="email"]:hover, input[type="email"]:active, input[type="email"]:focus, input[type="search"]:hover, input[type="search"]:active, input[type="search"]:focus, input[type="password"]:hover, input[type="password"]:active, input[type="password"]:focus, input[type="number"]:hover, input[type="number"]:active, input[type="number"]:focus, input[type="tel"]:hover, input[type="tel"]:active, input[type="tel"]:focus, textarea.form-control:hover, textarea.form-control:active, textarea.form-control:focus, .selectpicker:hover, .selectpicker:active, .selectpicker:focus {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom-color: rgba(0, 0, 0, 0.2);
}
input[type="text"]:active, input[type="text"]:focus, input[type="date"]:active, input[type="date"]:focus, input[type="email"]:active, input[type="email"]:focus, input[type="search"]:active, input[type="search"]:focus, input[type="password"]:active, input[type="password"]:focus, input[type="number"]:active, input[type="number"]:focus, input[type="tel"]:active, input[type="tel"]:focus, textarea.form-control:active, textarea.form-control:focus, .selectpicker:active, .selectpicker:focus {
  border-bottom-color: rgba(0, 0, 0, 0.3);
}

.input-group {
  height: 35px;
}
.input-group .input-group-btn .btn, .input-group .input-group-addon .btn {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -moz-transition: 0.4s;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  background-color: transparent;
  /*border-bottom: 1px solid rgba(0, 0, 0, 0.1);*/
  color: #6499c7;
}
.input-group .input-group-btn .btn:hover, .input-group .input-group-btn .btn:active, .input-group .input-group-btn .btn:focus, .input-group .input-group-addon .btn:hover, .input-group .input-group-addon .btn:active, .input-group .input-group-addon .btn:focus {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  background-color: transparent;
}
.input-group .input-group-btn .btn:hover i, .input-group .input-group-btn .btn:active i, .input-group .input-group-btn .btn:focus i, .input-group .input-group-addon .btn:hover i, .input-group .input-group-addon .btn:active i, .input-group .input-group-addon .btn:focus i {
  color: #6499c7;
}
.input-group .input-group-btn .btn i, .input-group .input-group-addon .btn i {
  -moz-transition: 0.4s;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  color: #626262;
  font-size: 8px;
}
.input-group.location .btn i {
  font-size: 12px;
}
.input-group.drop-down .input-group-btn {
  width: 60px;
}
.input-group.drop-down .input-group-btn .btn {
  color: #919191;
  font-size: 13px;
  text-align: right;
}
.input-group.drop-down .input-group-btn .dropdown-menu {
  font-size: 13px;
}
.input-group .form-control {
  z-index: 0;
}

.input-group-addon {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  color: #919191;
}

.ui-slider {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  background-color: transparent;
}
.ui-slider .noUi-base {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  height: 1px;
  background-color: #e4e4e2;
  margin-top: 10px;
}
.ui-slider .noUi-base .noUi-connect {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #6499c7;
}
.ui-slider .noUi-base .noUi-background {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #e4e4e2;
}
.ui-slider .noUi-base .noUi-handle {
  -moz-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 8px solid #6499c7;
  background-color: #6499c7;
  cursor: pointer;
  height: 9px;
  width: 9px;
  left: 0px;
  top: -8px;
}
@media screen and (max-width: 400px){
  .row-ui-sliders > div:nth-child(2){
      margin: 20px 0;
  }
  .ui-slider .values{
      display: flex;
  }
}
.ui-slider .noUi-base .noUi-handle:before, .ui-slider .noUi-base .noUi-handle:after {
  display: none;
}
.ui-slider .noUi-base .noUi-handle:hover, .ui-slider .noUi-base .noUi-handle.noUi-active {
  -moz-box-shadow: 0px 0px 0px 8px rgba(0, 0, 0, 0.07);
  -webkit-box-shadow: 0px 0px 0px 8px rgba(0, 0, 0, 0.07);
  box-shadow: 0px 0px 0px 8px rgba(0, 0, 0, 0.07);
}
.ui-slider .noUi-base .noUi-handle.noUi-handle-upper {
  left: -8px;
}
.ui-slider .values {
  font-size: 12px;
}
.ui-slider .values input { 
  background-color: transparent;
  border: none;
}
.ui-slider .values input:first-child {
  float: left;
}
.ui-slider .values input:last-child {
  float: right;
  text-align: right;
}
.label{
  line-height: normal !important;
}
.switch {
  display: inline-block;
}
.switch.checked small {
  -moz-transform: translateX(18px);
  -ms-transform: translateX(18px);
  -webkit-transform: translateX(18px);
  transform: translateX(18px);
  background-color: #626262;
}
.switch.checked .track {
  background-color: rgba(0, 0, 0, 0.2);
}
.switch label {
  font-size: 14px;
  margin-right: 10px;
}
.switch input {
  display: none;
}
.switch small {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  -moz-transition: 0.4s;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -moz-transform: translateX(-2px);
  -ms-transform: translateX(-2px);
  -webkit-transform: translateX(-2px);
  transform: translateX(-2px);
  background-color: #fff;
  height: 22px;
  display: block;
  position: absolute;
  width: 22px;
  top: -5px;
  z-index: 1;
}
.switch .track {
  -moz-transition: 0.4s;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -moz-border-radius-topleft: 6px;
  -webkit-border-top-left-radius: 6px;
  border-top-left-radius: 6px;
  -moz-border-radius-topright: 6px;
  -webkit-border-top-right-radius: 6px;
  border-top-right-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -webkit-border-bottom-left-radius: 6px;
  border-bottom-left-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-right-radius: 6px;
  border-bottom-right-radius: 6px;
  background-color: rgba(0, 0, 0, 0.1);
  cursor: pointer;
  display: inline-block;
  margin: 10px 0;
  margin-right: 2px;
  height: 12px;
  width: 35px;
  position: relative;
  vertical-align: middle;
}

/* 5. Animation */
.animate {
  -moz-transition: all 0.6s cubic-bezier(0.52, 0, 0.24, 1) 0s;
  -webkit-transition: all 0.6s cubic-bezier(0.52, 0, 0.24, 1);
  transition: all 0.6s cubic-bezier(0.52, 0, 0.24, 1) 0s;
}

.fade_in_animation {
  -webkit-animation: fadeInAnimation .5s forwards;
  animation: fadeInAnimation .5s forwards;
}

@keyframes fadeInAnimation {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
}
@-webkit-keyframes fadeInAnimation {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
}
.fade_out_animation {
  -webkit-animation: fadeOutAnimation .3s forwards;
  animation: fadeOutAnimation .3s forwards;
}

@keyframes fadeOutAnimation {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }

  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}
@-webkit-keyframes fadeOutAnimation {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }

  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}
.slide_in {
  -webkit-animation: slide_in_animation 0.2s cubic-bezier(0.74, -0.01, 0.2, 0.99) forwards;
  animation: slide_in_animation cubic-bezier(0.74, -0.01, 0.2, 0.99) 0.2s forwards;
}

@keyframes slide_in_animation {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    margin-top: -5px;
  }

  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    margin-top: 0px;
  }
}
@-webkit-keyframes slide_in_animation {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    margin-top: -5px;
  }

  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    margin-top: 0px;
  }
}
.slide_out {
  -webkit-animation: slide_out_animation 0.2s cubic-bezier(0.74, -0.01, 0.2, 0.99) forwards;
  animation: slide_out_animation cubic-bezier(0.74, -0.01, 0.2, 0.99) 0.2s forwards;
}

@keyframes slide_out_animation {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    margin-top: 0px;
  }

  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    margin-top: -5px;
  }
}
@-webkit-keyframes slide_out_animation {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    margin-top: 0px;
  }

  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    margin-top: -5px;
  }
}
.stretch {
  -webkit-transform: translateX(200px) !important;
  -moz-transform: translateX(200px) !important;
  -ms-transform: translateX(200px) !important;
  -o-transform: translateX(200px) !important;
  transform: translateX(200px) !important;
}

.slide_from_top {
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.slide_from_top.idle {
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

.move_from_bottom {
  -moz-transform: translateY(200px);
  -ms-transform: translateY(200px);
  -webkit-transform: translateY(200px);
  transform: translateY(200px);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.move_from_bottom.idle {
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

.move_from_bottom_short {
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.move_from_bottom_short.idle {
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

.move_from_top_short {
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.move_from_top_short.idle {
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

.move_from_left {
  -moz-transform: translateX(-10px);
  -ms-transform: translateX(-10px);
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.move_from_left.idle {
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

.move_to_left {
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.move_to_left.idle {
  -moz-transform: translateX(100px);
  -ms-transform: translateX(100px);
  -webkit-transform: translateX(100px);
  transform: translateX(100px);
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

.expand_from_left {
  width: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

.fade_in {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.fade_in.idle {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

.fade_out {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.fade_out.idle {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

.scale_in {
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
}
.scale_in.idle {
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

.scale_out {
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
.scale_out.idle {
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
}

/* 6. Map */
.cluster > div {
  line-height: 38px !important;
  color: #fff !important;
}

.infobox {
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  background-color: #fff;
  display: table;
}
.infobox article {
  margin-bottom: 20px;
}
.infobox article:last-child {
  margin-bottom: 0;
}
.infobox dl {
  font-size: 12px;
  margin-bottom: 0;
}
.infobox h1 {

  font-size: 18px;
  margin: 0;
  margin-bottom: 5px;
  font-weight:lighter ;
}
.infobox h2 {

  font-size: 12px;
  font-weight: lighter;
  margin: 0;
}
.infobox h2 span {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}
.infobox h3 {
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  margin-bottom: 10px;
}
.infobox p {
  font-size: 12px;
}
.infobox .left, .infobox .right {
  display: table-cell;
  width: 150px;
  vertical-align: middle;
}
.infobox .left header {
  background-color: #919191;
  padding: 20px;
}
.infobox .left .image {
  position: relative;
  background-color: lightgray;
  min-height: 100px;
}
.infobox .left .image img {
  width: 100%;
}
.infobox .left .image .price {
  font-size: 15px;
}
.infobox .right {
  padding: 20px;
}

#map-simple {
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition: 0.4s;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  min-height: 240px;
}
#map-simple.idle {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

.map-marker {
  cursor: pointer;
  visibility: hidden;
  -moz-transition: 0.4s;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  position: relative;
  top: 0;
  text-align: center;
  z-index: 1;
}
.map-marker:hover {
  top: -5px;
}

.marker-loaded .map-marker {
  visibility: visible;
}

.fade-in-marker {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -webkit-animation: fadeInMarker .3s;
  animation: fadeInMarker .3s;
}
.fade-in-marker > img {
  z-index: 1;
}

@keyframes fadeInMarker {
  from {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  to {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInMarker {
  from {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  to {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.fade-out-marker {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-animation: fadeOutMarker .3s;
  animation: fadeOutMarker .3s;
}
.fade-out-marker > img {
  z-index: 1;
}

@keyframes fadeOutMarker {
  from {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  to {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@-webkit-keyframes fadeOutMarker {
  from {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  to {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
.bounce-animation .map-marker {
  -webkit-animation: bounce 1s forwards;
  animation: bounce 1s forwards;
}

@keyframes bounce {
  0% {
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }

  50% {
    -moz-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    transform: translate(0, -10px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }

  100% {
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
}
@-webkit-keyframes bounce {
  0% {
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }

  50% {
    -moz-transform: translate(0, -15px);
    -ms-transform: translate(0, -15px);
    -webkit-transform: translate(0, -15px);
    transform: translate(0, -15px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }

  100% {
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
}
.map-wrapper {
  -moz-transition: all 0.6s cubic-bezier(0.52, 0, 0.24, 1) 0s;
  -webkit-transition: all 0.6s cubic-bezier(0.52, 0, 0.24, 1);
  transition: all 0.6s cubic-bezier(0.52, 0, 0.24, 1) 0s;
}

/* 7. Universal Classes */
.average-color {
  -moz-transition: 0.4s;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.background {
  height: 100%;
  position: absolute;
  width: 100%;
}

.cuadre_superficies{
  display: flex;
  justify-content: space-between;
}
.cuadre_superficies .text-primary{
  color: #6499c7 !important;
}
.block {
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  background-color: #fff;
  padding: 20px;
  position: relative;
}
.block h2{
  margin: 10px 0;
}

.block-transparent {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  display: table;
}
.block-transparent:hover {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.block-transparent a {
  display: block;
}
.block-transparent a:hover .plus {
  -moz-transform: rotate(90deg) scale(1.1);
  -ms-transform: rotate(90deg) scale(1.1);
  -webkit-transform: rotate(90deg) scale(1.1);
  transform: rotate(90deg) scale(1.1);
}
.block-transparent a h2, .block-transparent a h2:hover {
  color: #626262;
}
.block-transparent img {
  margin-bottom: 20px;
}
.block-transparent > div {
  display: table-cell;
  vertical-align: middle;
}
.block-transparent .admin-tools {
  display: none;
}
.block-transparent .plus {
  -moz-transition: all 0.6s cubic-bezier(0.52, 0, 0.24, 1) 0s;
  -webkit-transition: all 0.6s cubic-bezier(0.52, 0, 0.24, 1);
  transition: all 0.6s cubic-bezier(0.52, 0, 0.24, 1) 0s;
}

.center {
  text-align: center;
}

.height-100 {
  height: 100px;
}

.height-200 {
  height: 200px;
}

.height-300 {
  height: 300px;
}

.height-400 {
  height: 400px;
}

.height-500 {
  height: 500px;
}

.height-600 {
  height: 600px;
}

.height-800 {
  height: 800px;
}

.height-900 {
  height: 900px;
}

.height-1000 {
  height: 1000px;
}

.fullscreen-map {
  overflow-y: scroll;
}
.fullscreen-map .search {
  background-color: rgba(255, 255, 255, 0.3);
}

.opacity-50 {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}

.has-map #page-wrapper > header {
  margin-bottom: 0;
}
.has-map .page-content .main-search {
  margin-top: 20px;
}
.has-map .masonry {
  margin-top: 50px;
}
.has-map .content-loader {
  padding-top: 20px;
}

#item-detail h1 {
  font-size: 36px;
  font-weight: lighter;
  margin-bottom: 10px;
}
#item-detail h2 {
  font-size: 22px;
}
#item-detail h3{
  margin-bottom: 14px;
}
#item-detail .gallery img {
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  width: 100%;
}
#item-detail .image {
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
}
#item-detail .items-switch {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 1;
}
#item-detail .items-switch a {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
  display: inline-block;
  margin-right: 20px;
}
#item-detail .items-switch a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
#item-detail .inner {
  position: relative;
}
#item-detail .price {
  bottom: inherit;
  color: #fff;
  display: inline-block;
  position: relative;
  right: inherit;
  background-color: rgb(157, 152, 148); 
  font-size:30px;
}
#item-detail .price > span {
  position:relative; 
  z-index:99;
  font-weight: 400;
}
#item-detail .bullets li {
  display: inline-block;
  width: 32%;
}
#item-detail .person {
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  margin-top: 50px;
}
#item-detail .person header {
  font-weight: bold;
  margin: 15px 0;
}
#item-detail .person .details {
  background-color: #fff;
  padding: 30px;
}
#item-detail .person .inner {
  background-color: #626262;
  color: #fff;
  padding: 30px;
  position: relative;
}
#item-detail .person .inner a {
  color: #fff;
}
#item-detail .person .person-image {
  position: absolute;
  right: 40px;
  top: -50px;
}
#item-detail .person .person-image img {
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
#item-detail .person .link {
  color: #fff;
  display: block;
  text-align: center;
  padding: 5px;
}
#item-detail .sidebar {
  position: absolute;
  width: 260px;
  right: -290px;
  top: 0;
}
#item-detail .sidebar > div {
  margin-bottom: 30px;
}

#submit-page .checkboxes li {
  display: inline-block;
  width: 32%;
}

.external {
  position: relvative;
}
.external .content-container {
  margin-top: 50px;
  margin-bottom: 50px;
  width: 850px;
}
.external article {
  margin-bottom: 30px;
}

/* 9. Responsive */
@media (min-width: 992px) and (max-width: 1199px) {

  .col-1 {
    width: 51px !important;
    overflow: visible;
  }

  .col-2 {
    width: 132px !important;
    overflow: visible;
  }

  .col-3 {
    width: 213px !important;
    overflow: visible;
  }

  .col-4 {
    width: 294px !important;
    overflow: visible;
  }

  .col-5 {
    width: 375px !important;
    overflow: visible;
  }

  .col-6 {
    width: 456px !important;
    overflow: visible;
  }

  .col-7 {
    width: 537px !important;
    overflow: visible;
  }

  .col-8 {
    width: 618px !important;
    overflow: visible;
  }

  .col-9 {
    width: 699px !important;
    overflow: visible;
  }

  .col-10 {
    width: 780px !important;
    overflow: visible;
  }

  .col-11 {
    width: 861px !important;
    overflow: visible;
  }

  .col-12 {
    width: 942px !important;
    overflow: visible;
  }

  .offset-col-1 {
    -moz-transform: translateX(51px);
    -ms-transform: translateX(51px);
    -webkit-transform: translateX(51px);
    transform: translateX(51px);
  }

  .offset-col-2 {
    -moz-transform: translateX(132px);
    -ms-transform: translateX(132px);
    -webkit-transform: translateX(132px);
    transform: translateX(132px);
  }

  .offset-col-3 {
    -moz-transform: translateX(213px);
    -ms-transform: translateX(213px);
    -webkit-transform: translateX(213px);
    transform: translateX(213px);
  }

  .offset-col-4 {
    -moz-transform: translateX(294px);
    -ms-transform: translateX(294px);
    -webkit-transform: translateX(294px);
    transform: translateX(294px);
  }

  .offset-col-5 {
    -moz-transform: translateX(375px);
    -ms-transform: translateX(375px);
    -webkit-transform: translateX(375px);
    transform: translateX(375px);
  }

  .offset-col-6 {
    -moz-transform: translateX(456px);
    -ms-transform: translateX(456px);
    -webkit-transform: translateX(456px);
    transform: translateX(456px);
  }

  .offset-col-7 {
    -moz-transform: translateX(537px);
    -ms-transform: translateX(537px);
    -webkit-transform: translateX(537px);
    transform: translateX(537px);
  }

  .offset-col-8 {
    -moz-transform: translateX(618px);
    -ms-transform: translateX(618px);
    -webkit-transform: translateX(618px);
    transform: translateX(618px);
  }

  .offset-col-9 {
    -moz-transform: translateX(699px);
    -ms-transform: translateX(699px);
    -webkit-transform: translateX(699px);
    transform: translateX(699px);
  }

  .offset-col-10 {
    -moz-transform: translateX(780px);
    -ms-transform: translateX(780px);
    -webkit-transform: translateX(780px);
    transform: translateX(780px);
  }

  .offset-col-11 {
    -moz-transform: translateX(861px);
    -ms-transform: translateX(861px);
    -webkit-transform: translateX(861px);
    transform: translateX(861px);
  }

  .offset-col-12 {
    -moz-transform: translateX(942px);
    -ms-transform: translateX(942px);
    -webkit-transform: translateX(942px);
    transform: translateX(942px);
  }

  #item-detail .sidebar {
    width: 210px;
    right: -240px;
  }

  .person .inner a {
    display: block;
    overflow: hidden;
  }

  .offset-col-1, .offset-col-2, .offset-col-3, .offset-col-4, .offset-col-5, .offset-col-6,
  .offset-col-7, .offset-col-8, .offset-col-9, .offset-col-10, .offset-col-11, .offset-col-12 {
    margin-left: 30px;
  }
  .offset-col-1.masonry, .offset-col-2.masonry, .offset-col-3.masonry, .offset-col-4.masonry, .offset-col-5.masonry, .offset-col-6.masonry,
  .offset-col-7.masonry, .offset-col-8.masonry, .offset-col-9.masonry, .offset-col-10.masonry, .offset-col-11.masonry, .offset-col-12.masonry {
    margin-left: -170px !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {

  .col-1 {
    width: 33px !important;
    overflow: visible;
  }

  .col-2 {
    width: 96px !important;
    overflow: visible;
  }

  .col-3 {
    width: 159px !important;
    overflow: visible;
  }

  .col-4 {
    width: 220px !important;
    overflow: visible;
  }

  .col-5 {
    width: 282px !important;
    overflow: visible;
  }

  .col-6 {
    width: 344px !important;
    overflow: visible;
  }

  .col-7 {
    width: 408px !important;
    overflow: visible;
  }

  .col-8 {
    width: 469px !important;
    overflow: visible;
  }

  .col-9 {
    width: 532px !important;
    overflow: visible;
  }

  .col-10 {
    width: 594px !important;
    overflow: visible;
  }

  .col-11 {
    width: 657px !important;
    overflow: visible;
  }

  .col-12 {
    width: 720px !important;
    overflow: visible;
  }

  .offset-col-1 {
    -moz-transform: translateX(33px);
    -ms-transform: translateX(33px);
    -webkit-transform: translateX(33px);
    transform: translateX(33px);
  }

  .offset-col-2 {
    -moz-transform: translateX(96px);
    -ms-transform: translateX(96px);
    -webkit-transform: translateX(96px);
    transform: translateX(96px);
  }

  .offset-col-3 {
    -moz-transform: translateX(159px);
    -ms-transform: translateX(159px);
    -webkit-transform: translateX(159px);
    transform: translateX(159px);
  }

  .offset-col-4 {
    -moz-transform: translateX(220px);
    -ms-transform: translateX(220px);
    -webkit-transform: translateX(220px);
    transform: translateX(220px);
  }

  .offset-col-5 {
    -moz-transform: translateX(282px);
    -ms-transform: translateX(282px);
    -webkit-transform: translateX(282px);
    transform: translateX(282px);
  }

  .offset-col-6 {
    -moz-transform: translateX(344px);
    -ms-transform: translateX(344px);
    -webkit-transform: translateX(344px);
    transform: translateX(344px);
  }

  .offset-col-7 {
    -moz-transform: translateX(408px);
    -ms-transform: translateX(408px);
    -webkit-transform: translateX(408px);
    transform: translateX(408px);
  }

  .offset-col-8 {
    -moz-transform: translateX(469px);
    -ms-transform: translateX(469px);
    -webkit-transform: translateX(469px);
    transform: translateX(469px);
  }

  .offset-col-9 {
    -moz-transform: translateX(532px);
    -ms-transform: translateX(532px);
    -webkit-transform: translateX(532px);
    transform: translateX(532px);
  }

  .offset-col-10 {
    -moz-transform: translateX(594px);
    -ms-transform: translateX(594px);
    -webkit-transform: translateX(594px);
    transform: translateX(594px);
  }

  .offset-col-11 {
    -moz-transform: translateX(657px);
    -ms-transform: translateX(657px);
    -webkit-transform: translateX(657px);
    transform: translateX(657px);
  }

  .offset-col-12 {
    -moz-transform: translateX(720px);
    -ms-transform: translateX(720px);
    -webkit-transform: translateX(720px);
    transform: translateX(720px);
  }

  .offset-col-1, .offset-col-2, .offset-col-3, .offset-col-4, .offset-col-5, .offset-col-6,
  .offset-col-7, .offset-col-8, .offset-col-9, .offset-col-10, .offset-col-11, .offset-col-12 {
    margin-left: 30px;
  }
  .offset-col-1.masonry, .offset-col-2.masonry, .offset-col-3.masonry, .offset-col-4.masonry, .offset-col-5.masonry, .offset-col-6.masonry,
  .offset-col-7.masonry, .offset-col-8.masonry, .offset-col-9.masonry, .offset-col-10.masonry, .offset-col-11.masonry, .offset-col-12.masonry {
    margin-left: -170px !important;
  }

  #item-detail .sidebar {
    position: relative;
    width: 100%;
    right: inherit;
    margin-top: 70px;
  }

  .person.list .left {
    display: block;
    width: 100%;
    padding: 30px;
  }
  .person.list .left .person-image {
    left: inherit;
    right: 20px;
    margin: inherit;
  }
  .person.list .right {
    display: block;
  }

  .promotion-box {
    display: block;
  }
  .promotion-box .left, .promotion-box .right {
    display: block;
    width: 100%;
  }
}

@media (min-width: 992px) {
  #formulari_producte_simple{
    transform: translateY(-49px);
  }
  #map-simple{ /* Treure aixo sino keda be */
    transform: translateY(-49px);
  }
}

@media (max-width: 767px) {
  .item {
    /*width: 100%;*/
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  .bullets li {
    width: 100% !important;
  }

  .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
    width: 100% !important;
  }

  .grid.idle {
    display: none;
  }

  #page-wrapper > header .submit-container {
    margin-top: 15px;
  }

  .offset-col-1, .offset-col-2, .offset-col-3, .offset-col-4, .offset-col-5, .offset-col-6,
  .offset-col-7, .offset-col-8, .offset-col-9, .offset-col-10, .offset-col-11, .offset-col-12 {
    margin-left: 0px !important;
  }
  .offset-col-1.grid, .offset-col-2.grid, .offset-col-3.grid, .offset-col-4.grid, .offset-col-5.grid, .offset-col-6.grid,
  .offset-col-7.grid, .offset-col-8.grid, .offset-col-9.grid, .offset-col-10.grid, .offset-col-11.grid, .offset-col-12.grid {
    margin-left: 0px !important;
  }

  #page-wrapper > header .header-inner nav.main > ul {
    -moz-transition: 0.4s;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    position: absolute;
    background-color: #fff;
    min-width: 100px;
    padding-left: 0;
    right: 0;
    text-align: right;
    visibility: hidden;
  }
  #page-wrapper > header .header-inner nav.main > ul.show-nav {
    visibility: visible;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  #page-wrapper > header .header-inner nav.main > ul li {
    display: block;
  }
  #page-wrapper > header .header-inner nav.main > ul li:last-child {
    padding-right: 15px;
  }
  #page-wrapper > header .header-inner nav.main > ul li ul {
    background-color: #fff;
    right: 10px;
    top: 10px;
    left: inherit;
    padding-top: 30px;
  }

  .toggle-nav {
    display: block;
  }

  #item-detail .sidebar {
    position: relative;
    width: 100%;
    right: inherit;
    margin-top: 70px;
  }

  .search-overlay .element {
    display: none;
  }
  .search-overlay .inner {
    background-color: #fff;
    width: 100%;
    padding: 30px;
  }
}

/* Estils Carles*/

.button-down-list{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* ESTILS DE JOAN MARC */
.cuadre-no-cats{
  height: 170px;
  overflow-y:scroll;
  margin-bottom: 30px;
}
.single-cuadre-ncat{
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #CCC;
  height: 50px;
  align-items: center;
  padding: 0px 5px 0px 5px;
}
.single-cuadre-ncat div:nth-child(1){
  text-transform: uppercase;
}
.single-cuadre-ncat .fas.fa-history{
  color: #ccc;
}
.single-cuadre-ncat:hover{
  background-color: #f1f1f1;
}

.single-cuadre-ncat div{
  width: 150px;
}
ul.text-left {
  width: calc(100% + 10px);
}
.lloguers-destacats-container{
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-direction: column;
}
.lloguers-destacats a{
  display: flex;
}
.detalls-lloguer-destacat{
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  height: 99px;
  width: 100%;
}
.detalls-lloguer-destacat div:nth-child(2){
  display: flex;
  justify-content: space-between;
  padding: 0 40px;
}
.detalls-lloguer-destacat div:nth-child(1){
  display: flex;
  justify-content: space-between;
}
.detalls-lloguer-destacat h2{
  margin-left: 10px;
}
 .detalls-lloguer-destacat h2 small{ /* A treure amb bootstrap 5 */
  margin-left: 20px;
}
.detalls-lloguer-destacat div:nth-child(1) span{
  width: 75px;
  text-align: center;
  order: 1;
  margin-right: 10px;
}
.fas.fa-phone{
  transform:rotate(90deg) ;
}
#image-gallery{
  height: 100% !important;
}
#image-gallery li img{
  object-fit: cover;
}

#politica-privacitat{
  display: flex;
  align-items: center;
  flex-direction: column;
background-color: whitesmoke;
}
#politica-privacitat .politica-privacitat{
  max-width:800px;
}
#politica-privacitat .politica-privacitat h1,
#politica-privacitat .politica-privacitat h2{
  color: #6499c7;
  font-weight: 400;
}
#politica-privacitat .politica-privacitat h1{
  font-size: 2.5rem;
}
#politica-privacitat .politica-privacitat h2{
  font-size: 2rem;
}

#politica-privacitat .politica-privacitat .well{
  background-color: #fff;
  margin: 30px 0 !important;
}

#footer-politiques-xarxes{
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  z-index: 999;
  width: 100%;
  bottom: 0;
  background-color: #f2f2f2;
  padding: 5px 15px;
}
#footer-politiques-xarxes span a{
  font-size: 1.6rem;
  margin-right: 5px;
}
.footer-single-item-stats{
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
}
#formulari_producte_simple #contactForm{
  padding:20px;
}
#formulari_producte_simple #contactForm .form-control{
  border-radius:4px;
  padding:10px;
}
.caixa_producte_detall_traduccio{
  display:flex;
  justify-content: space-between; 
  align-items:center;
}
@media only screen and (max-width: 500px){
  .caixa_producte_detall_traduccio{
    flex-direction:column;
  }
  #promocions .padding-movil{
    padding:0 8px;
  }
  #promocions a div:last-child{
    text-align:right;
  }
}

@media only screen and (max-width: 992px){
  .responsive_mt_1{
    margin-top: 50px;
  }
}
#promocions > div{
  margin-bottom: 20px !important;
}

#promocions > div > a{
  display: flex;
  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 15%);
  padding: 10px;
  display: flex;
  justify-content: space-between;
}

#promocions > div > a:hover {
  -moz-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.2);
}