/*
Author: Catalin Vintila
Template: 11
For: Gnomen LTD www.gnomen.co.uk;


Color - Search and Replace
Red - #000;
Purple - #300032;
Dark Gray - #06000a;
Light Gray - #e6e6e8;

*/


/* Parallax */

.parallax-window {
  min-height: 100vh;
  background: transparent;
}

.parallax-window-500 {
  min-height: 500px;
  background: transparent;
}

.parallax-window-700 {
  min-height: 700px;
  background: transparent;
}

.parallax-window-testimonials {
  min-height: 50vh;
}


/* Body and Typography */

body{
  font-family: 'Muli', sans-serif !important;
}

a{color:#300032;}

::-moz-selection { /* Code for Firefox */
  color: #300032;
  background: #000;
}

::selection {
  color: #300032;
  background: #000;
}

a:hover{color:#000;}

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

  font-family: 'Playfair Display', serif !important;
  text-transform: uppercase;
}

h2{
  font-weight:700;
  font-size:21px!important;
}
h3{
  font-weight:700;
  font-size:17px;
  color: #000 !important;
}
h4{font-weight:700; font-size:24px; color: #000!important;}
h5{
  font-weight:400!important;
  font-size:14px!important;
  color: #300032!important;
}

p{
  font-size:14px!important;
  color: #300032!important;
}

/* Color and Background Color */
.red
{color: #000!important;}
.purple{color: #300032!important;}
.white{color: #fff!important;}


/* BUTTONS */
.btn{
  padding: 10px 20px !important;
  font-size: 13px !important;
  font-weight: 300;
  line-height: 1.42857143;
  text-align: center;
  border-radius: 0px;
  text-transform: uppercase;
  border-radius: 0px !important;
  color: #fff;
}
.btn-primary.btn,
.btn-primary{
  color: #000 !important;
  background-color:  #fff !important;
  border-color:  #000 !important;
  -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
border:1px solid #000 !important;
}


.btn-primary:hover{
  background-color: #000 !important;
  border-color: #000 !important;
  color:#fff!important;
}

.btn-default{
  background-color: transparent !important;
  border: 2px solid #fff !important;
  color: #fff !important;
  transition: all 0.5s ease;
}

.btn-default:hover{
  background-color: #fff !important;
  color: #06000a !important;
}

.btn-danger{
  background-color: #000 !important;
  border-color: #000 !important;
  transition: all 0.5s ease;
}

.btn-danger:hover{
  background-color: #fff !important;
  border-color: #000 !important;
  color:#000!important;
}


.result-qs .btn.btn-danger{
  color: #fff;
  background: #000;
  border: 1px solid #fff !important;
}
.result-qs .btn.btn-danger:hover{
  color: #000;
  background: #fff;
}

/* Fotorama Slider */


.center{
  position: relative;
}

.container-slider {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  padding: 20px;
  background: rgba(0,0,0,.3);
  color: #fff;
}

.container-slider h3{color:#fff;}

.container-slider img{width:60%;}

.center-image{
  margin:0 auto;
}

.property_circle{
  position:absolute;
  left: 50%;
  bottom:0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  height:30px;
  width:170px;
  border-radius: 135px 135px 0 0;
  -moz-border-radius: 135px 135px 0 0;
  -webkit-border-radius: 135px 135px 0 0;
  background:#000;
  margin-top:10px;
}
.property_circle h4{color:#fff!important; text-align:center; font-size:12px; font-weight:700; text-transform:uppercase;}

#here{
  display: block;
  position: relative;
  top: -170px;
  visibility: hidden;}

.fotorama h4{color: #fff!important;}

/* QUICK SEARCH SECTION */

.result-qs{
  background:#06000a;
  padding-top:40px;
  border-top:15px solid #000;
  padding-bottom:40px;
}

.result-qs select {
  background: #000;
  background: #fff;
  border: 1px solid #000;
  border: 1px solid #fff;
  color: #000;
}

.result-qs input {
  background: #000;
  background: #fff;
  border: 1px solid #000;
  border: 1px solid #fff;
  color: #000;
}
.result-qs input.btn-primary{
color:#fff;
}
.result-qs label{color:white!important;}

.result-qs h1{
  color:#fff
}
/* thumbnail-property */
.thumbnail.thumbnail-property{
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  border-radius: 0;
  padding: 0;
  margin: 0 0 30px;
}
.thumbnail.thumbnail-property:hover {
  -webkit-box-shadow: 0 3px 17px 0 rgba(0,0,0,0.35);
  box-shadow: 0 3px 17px 0 rgba(0,0,0,0.35);
}
.thumbnail.thumbnail-property .img-holder{
  display:block;
  position:relative;
  height: 240px;
  overflow: hidden;
}
.thumbnail-property .tags{
  position:absolute;
  width: 100%;
  top:0;
  left:0;
  padding: 20px;
  letter-spacing: 1px;
  font-size: 12px;
  text-transform: uppercase;
  color: #fff;
}
.thumbnail-property .price-tag,
.thumbnail-property .status-tag{
  padding: 4px 18px;
  display: inline-block;
  vertical-align: middle;
}
.thumbnail-property .status-tag{
  background: #fff;
  color: #000;
  margin: 0 5px 0 0;
}
.thumbnail-property .price-tag{
  background: #000;

}
.thumbnail-property .latest-icon ul {
  list-style: none;
  text-align: center;
  margin: 0px !important;
  padding-top: 10px;
  padding-left: 0;
  color: #888;
  font-size: 15px;
}
.thumbnail-property .latest-icon ul li{
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 -4px;
  padding: 0 2px 0 2px;
  border-left:1px solid #ddd;
}
.thumbnail-property .latest-icon ul li:first-child{
  border-left: none;
}
.thumbnail-property .latest-icon ul i{
  margin: 0 4px 0 0;
}
.thumbnail-property .address-price-links{
  padding: 0 15px;
}
.thumbnail-property h5{
  margin: 0 0 5px !important;
}
/* thumbnail-property end */
.panel{
  background-color: transparent!important;
  border: 0px !important;
}

.panel-default > .panel-heading {
  background-color: transparent!important;
  border: 0px !important;
}

.checkbox label, .radio label{
  color: #fff;
}


/* ABOUT US SECTION */

.about-us {
  text-align: center;
}


/* FEATURE SECTION */

.featured {
  background-color: #e6e6e8;
  text-align:center;
}
.hovereffect h3{
color:#fff !important;}

.hovereffect {
   width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  margin-bottom:40px;
}

.hovereffect .overlay {
  position: absolute;
  overflow: hidden;
  width: 80%;
  height: 80%;
  left: 10%;
  top: 10%;
  border-bottom: 1px solid #FFF;
  border-top: 1px solid #FFF;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(0,1);
  -ms-transform: scale(0,1);
  transform: scale(0,1);
}

.hovereffect:hover .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.hovereffect img {
  display: block;
  position: relative;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}

.hovereffect:hover img {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="https://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.6" /><feFuncG type="linear" slope="0.6" /><feFuncB type="linear" slope="0.6" /></feComponentTransfer></filter></svg>#filter');
  filter: brightness(0.2);
  -webkit-filter: brightness(0.2);
}

.hovereffect h2 {
  text-transform: uppercase;
  text-align: center;
  position: relative;
  font-size: 17px;
  background-color: transparent;
  color: #FFF;
  padding: 1em 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,-100%,0);
  transform: translate3d(0,-100%,0);
}

.hovereffect a, hovereffect p {
  color: #FFF;
  padding: 1em 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0);
}

.hovereffect:hover a, .hovereffect:hover p, .hovereffect:hover h2 {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

a:hover,
.hovereffect a:focus{
  color: #fff!important;
  text-decoration: none!important;

}
.content a,
.content a:hover{
  color: #000 !important;
}
.hovereffect p{color: #fff!important}


/* CUSTOMER AREA SECTION */

.customer {text-align: center; background-color: #06000a;}

.customer p{color: #fff!important; text-transform:uppercase;}

.customer h2{color: #82888F!important; font-size:24px; font-weight:bold;}
.customer h4{color: #82888F !important;}
.customer a{color: #82888F !important; font-size:15px;}

.customer p{margin-bottom:55px;}

.cta i{
color: #fff;
font-size: 60px;
padding: 26px 30px;
border: 3px solid #fff;
margin: 20px 0;
background: #000;
transition: all 0.5s ease;
margin-bottom:20px;
}
.cta i:hover{
color: #000;
border-radius: 6%;
background: #fff;
border: 3px solid #000;
}


.ctaactive i{
font-size: 60px;
padding: 26px 30px;
margin: 20px 0;
transition: all 0.5s ease;
margin-bottom:20px;
border-radius: 6%;
background: #fff;
border: 3px solid #fff;
color: #000 !important;
}

.ctaactive i:hover{
  color: #fff !important;
  border-radius: 6%;
  background: #000;
  border: 3px solid #000;
}

/* LATEST NEWS */

.news{text-align: center;}

.news-icon{
  padding:30px;
  background: transparent;
  border:2px solid #000;
  border-radius: 50%;
  color:#300032;
}


/* TESTIMONIALS and FOOTER */

.footer{
  background-image:url("/media/abatoria.com/images/home_test.jpg");
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

h2.padd-40.white {text-align: center;}

ul.footer-nav li a {
  color: #fff;
  transition: all 0.5s ease;
}
ul.footer-nav li a:hover{
  color: #000!important;
}

.footer-nav li {
  list-style: none;
}

ul.footer-nav {padding-left: 0px;}

img.logo-footer {width:20%;}

.container-slider-testimonials{
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

/*Our Parners*/

.parners{ text-align: center;}

/*Free Valuation*/

.free-valuation {
  background-color: #000;
}



/*SubFooter*/

.sub-footer{padding: 10px;}


/*Responsive*/
@media only screen and (max-width: 1199px){
  .thumbnail.thumbnail-property .img-holder{
    height: 194px;
  }
  .thumbnail-property .price-tag,
  .thumbnail-property .status-tag,
  .thumbnail.thumbnail-property .btn{
    margin: 0 0 5px;
  }
}
@media only screen and (max-width: 990px){
.hovereffect h2 { margin-top: 1em!important; }
.myarea-login-wrapper {
    width: 100%;
}
}

@media only screen and (max-width: 768px)  {
.myareaGlobalWrap {
    margin-top: 78px;
}
.container-slider h3{font-size:14px;}
img.img-responsive.center-image.marg-b-20.wow.bounceIn.animated{max-width:70%}
.hovereffect h2 { margin-top: 4em!important; }
}

@media only screen and (max-width:640px){
a.btn.btn-default.marg-l-15{ margin-left: 0px!important; margin-top:10px!important;}
}

@media only screen and (max-width:640px){
  img.display-mobile {display:none;}
}

@media only screen and (max-width:400px){
  .container-slider-testimonials p.white {font-size:12px!important;}
  .hovereffect h2{margin-top:0px!important;}
  .footer{margin:0 auto; text-align: center;}

}

.badge{background-color:#000}

.panel-body {background:#f5f5f5;}

.panel-body.transparent {background-color:transparent!important;}


.details-icons div{
  padding: 10px;
  border-bottom: 1px solid #fff;

}

a.purple-a{color:#000!important;}

/* Register */

.bg-red{
background : #000;
padding:20px;
margin-top:20px;
color:#fff
}

.bg-red a{color:#300032;cursor:pointer;}

.bg-red a:hover{color:#fff!important;}

.bg-red p{color:#fff!important;}

@charset "utf-8";
/* CSS Document */
.relative{position:relative;}

.Lsale,
.Slet,
.Sresults{
display:none;
}

.results-list-description{ padding:20px 0; }

.results-list-link-wrap{ padding-top: 18px;}


.results-pagination{}
.results-pagination-wrap{
padding:20px;
text-align:center;
padding-bottom:40px;
}



/* DETAILS PAGE */
.Letdetails-sale{display:none;}
.Saledetails-let{display:none;}
.detail-price{ margin-top:0px !important; }


.details-pane-sendtofriend{}

/* MYAREA LOGIN PAGE */
.myarealogin { padding-bottom:60px}
.myarealogin-icon {
  background: #300032 none repeat scroll 0 0;
  border-radius: 100%;
  color: #ffffff;
  font-size: 28px !important;
  height: 60px;
  line-height: 48px !important;
  padding: 8px;
  text-align: center;
  width: 60px;
}
.myarealogin-panel{}

/* FEATURED PROPERTIES FEATURED.TPL */
.Salefeatured{display:none;}
.featured-pannel{}
/* FEATURED PROPERTIES FEATURED2.TPL */
.featured2-wrap{}
.featured2-img{}
.featured2-text{}
/* FEATURED PROPERTIES FEATURED3.TPL */
.featured3-wrap{}
.featured3-img{}
.featured3-text{
position:absolute;
padding: 0 15px;
bottom:20px;
left:0;
right:0;
}

.featured-light .featured3-text{background-image: url(../../../media/gnomendesign.gnomen.co.uk/images/default/light-bg.png);}
.featured-dark .featured3-text{background-image: url(../../../media/gnomendesign.gnomen.co.uk/images/default/dark-bg.png);}
.featured-dark .featured3-text h4, .featured-dark .featured3-text p{ color:#FFF;}

/* FEATURED PROPERTIES FEATURED4.TPL */
.featured4-wrap{}
.featured4-img{}
.featured4-text{background-image: url(../../../media/gnomendesign.gnomen.co.uk/images/default/dark-bg.png);
position:absolute;
padding:10px 15px 0;
bottom:20px;
left:0;
right:0;
text-align:center;
}

.featured-dark .featured4-text{background-image: url(../../../media/gnomendesign.gnomen.co.uk/images/default/dark-bg.png);}
.featured-light .featured4-text{background-image: url(../../../media/gnomendesign.gnomen.co.uk/images/default/light-bg.png);}
.featured-dark .featured4-text p{ color:#FFF;}





/* CONTENT PAGE */
.content{}
.content-wrap{}


/* My Area */



h3.myarea-header-title {

    font-size: 30px !important;
    font-weight: 300 !important;
    letter-spacing: -1px !important;

}
.btn.btnMyAreaPropertyDetails {

    border-radius: 30px !important;

}
.btn.btn-login-myarea {
    border-radius: 30px !important;
}
.myarea-login-wrapper h3 {
    font-weight: 400;margin-bottom:20px !important;
}
.myareaGlobalWrap {
    margin-top: 148px;
}


.myarealogin-pagewrapper {

    background: #efefef;
    background: url('/media/abatoria.com/images/myarealogin.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.btn.btn-login-myarea {
    background: #000;
color:#fff;
    float: right;
border:1px solid #000;
}
.btn.btn-login-myarea:hover{
background:#fff;
}
.myarea-login-wrapper input {
    box-shadow: none;
    height: 52px;
    padding: 0px 15px;
}
.myarealogin-header h3 {
    text-align: center;
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 30px !important;
}
.myarealogin-header p {
    text-align: center;
}
.myarea-login-wrapper {
    width: 600px;
    background: white;
    display: table;
    margin: 0 auto;
    padding: 40px 40px;
    border-radius: 10px;
    margin-top: 250px;
    margin-bottom: 100px;
-webkit-box-shadow: 0px 2px 20px -7px rgba(0,0,0,0.77);
-moz-box-shadow: 0px 2px 20px -7px rgba(0,0,0,0.77);
box-shadow: 0px 2px 20px -7px rgba(0,0,0,0.77);
}
.myarealogin-header h3 {
    margin: 0;
}
.myareaGlobalWrapper p {
    margin-top: 0;
}
.myarea-details-title {
    font-size: 20px;
    font-weight: 400;
}
.myareaGroupWrapper .form-control {

    box-shadow: none;
    border-radius: 3px !important;
    height: 52px;
    font-weight: 400;
    background-color: #ffffff !important;

}
.myarea-input-hint {

    margin-top: 5px;
    text-align: right;
    font-size: 14px;
    font-weight: 300;
    color: #b1b1b1;

}
.myareaGroupWrapper .form-control {
    box-shadow: none;
    border-radius: 3px !important;
    height: 52px;
    font-weight: 400;
    background-color: #ffffff !important;
}
.panel-default>.panel-heading {
background-color:#000!important;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{ color:#300032!important; background-color:transparent!important; font-weight:700; transition: all 0.5s ease;}

.nav>li>a:focus, .nav>li>a:hover { background-color:transparent!important; color: #300032!important;}

.nav-pills a {color:#fff!important; transition: all 0.5s ease;}

.panel h3{color:#300032!important;}

tr a{color: #300032!important; }
tr a:hover{color: #000!important;}

.panel a {color: #300032!important; transition: all 0.5s ease;}
.panel a:hover {color: #000!important;}

.nav-pills>li>a{color:#fff!important;}

a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover{
border: 1px solid #000;
background: #000!important;
color:#fff!important;
}

.input-group .form-control{ z-index:1!important;}

#searchFormInput input[type="text"], #searchFormInput select.form-control {width:100%!important;}

.results-list-wrap {
  padding-bottom: 30px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 30px;
}

.results-list-img img {
  height: 300px;
  object-fit: cover;
}






/* Details Page */


/* Galeria */

#galleria a > img {
  width: 260px !important;
  height: 210px !important;
  object-fit: cover;
  margin-left: 15px;
  margin-bottom: 10px;
}

/* Galeria */


#schools_list_surround row {
  margin-top: 30px;
}

.overlay{position:absolute; width:100%; height:100%; background-color:#000; z-index:99; opacity: 0.4;}

.fotorama__nav-wrap {
  position: absolute;
  bottom: 10px;
}

.anchor{
  display: block;
  height: 120px; /*same height as header*/
  margin-top: -120px; /*same height as header*/
  visibility: hidden;
}

.details-wrapper {
  height: 800px;
  width: 100%;
  background: url("/media/design13.co.uk/images/template13/details.jpg") no-repeat center center;
  background-size: cover;
  position: relative;
}

.container-slider h6{
  text-align: center;
  color:#fff;
  text-transform: uppercase;
  letter-spacing: 6px;
  font-size:16px;
  padding:10px 0;
}

.container-slider i{
  padding:0px 10px;
}


.navbar_details{
  background: #333;
  width:100%;
  text-align: center;
  height:90px;
  position: relative;
  transition: ease-in 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
}

.navbar_details a{
  color:#fff;
  font-size:15px;
  font-weight: 400;
  letter-spacing: 2px;
  padding-left:80px;
  text-transform: uppercase;
  line-height:90px;
}

.navbar_details a:first-child {
  padding-left: 0px;
}

.navbar_details a:hover{color:#edd167;text-decoration: none;}

a.active_details{color:#edd167;}

.box_viewing{
  background:#f5f5f5;
  text-align:center;
  padding:40px;
}

ul.features {
  font-size: 18px;
  line-height: 2;
  color: rgba(51,51,51,.6);
}


.details-address1 {
  margin-bottom: 25px;
}

.details-type {
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 5.6px;
}

.container-slider h2 {
  color: #fff;
  text-align: center;
}

/******TAB*******/

.nav-tabs {
  border-bottom: 1px solid #333;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #333;
  border-bottom-color: transparent;
  border-bottom: 0px solid transparent;
  border-top: 2px solid #edd167;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 700;
  max-width:220px;
  min-width:220px;
  text-align: center;
}

.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border-radius: 0;
}

.nav-tabs > li > a:hover {
  border-bottom: #333;
  border-color:#fff;
}

.nav > li > a:focus, .nav > li > a:hover {
  text-decoration: none;
  background-color: #fff;
}

.nav-tabs a {
  font-size: 14px;
  text-transform: uppercase;
  color: rgba(51,51,51, .6) ;
  letter-spacing: 1px;
  font-weight: 700;
  max-width:220px;
  min-width:220px;
  text-align: center;
}

#school{
  padding-top:30px;
}

.details-map-wrap {
  padding-top: 30px;
}

.details-streetview-wrap {
  padding-top: 30px;
}

.poi-widget-wrap {
  padding-top: 30px;
}

.transport-widget-wrap {
  padding-top: 30px;
}

/******TAB******/






/* Widget Details Page */

.col-md-6.widget-group {
  min-height: 110px;
}


.widget-type {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 2px;
}

.distance {
  font-size: 15px;
  color: #333;
}



.widget-name {
  font-size: 14px;
  font-family: "Lato", serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
}

/* Widget Details Page */

.col-md-4.widget-right-wrap {
  max-height: 400px;
  overflow: scroll;
}

.container.white-bg {
  padding: 40px 0;
}

.badge.pull-right.results-list-status-wrap {
  border-radius: 0px;
  padding: 0.5em;
  border: 1px solid #000;
  font-family: 'Muli';
  position: relative;
  top: 0;
  background: white;
  color: #000;
}

/* Details Page - End */

/* Static Pages */

.content-wrap.light {
  padding: 40px 0;
}


.address_box{
overflow:hidden;}
.result-fee{
color:#000;
display:inline-block;
padding:5px 10px;
border:1px solid #000;
/*float:right;*/
}
.result-fee:hover{
color:#fff !important;
background:#000;
}
/* Static Pages - End */


.img-responsive.img-team {
    max-width: 220px;
    margin: 0 auto;
}
h4.black,
.black{
color:#000 !important;}
h2.black{
margin-top:0;}
.Slet{
display:none;}