/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/


@font-face {font-family: "Calibri";
  src: url("/assets/fonts/a78cfad3beb089a6ce86d4e280fa270b.eot"); /* IE9*/
  src: url("/assets/fonts/a78cfad3beb089a6ce86d4e280fa270b.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("/assets/fonts/a78cfad3beb089a6ce86d4e280fa270b.woff2") format("woff2"), /* chrome、firefox */
  url("/assets/fonts/a78cfad3beb089a6ce86d4e280fa270b.woff") format("woff"), /* chrome、firefox */
  url("/assets/fonts/a78cfad3beb089a6ce86d4e280fa270b.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("/assets/fonts/a78cfad3beb089a6ce86d4e280fa270b.svg#Calibri") format("svg"); /* iOS 4.1- */
}


.portfolio-item a:hover{

  color: #F89E32 !important;
}

.portfolio-item, .grid-item {
    cursor: default !important;
}

.titulo-semen{
  width: 100%;
  background-color: #5E0B0C;
  padding: 10px 0;
  color: white !important

}

.separacion-desc{
  margin-top: 60px
}

a .titulo-remate{
  color: #5E0B0C;
  font-size: 20px;
  margin-top: 20px;
}

a .titulo-remate:hover{
  color: #000;
}

#header{
    height:120px;
}

#header .header-inner, #header #header-wrap{
	background-color: #5E0B0C;
	height:120px;
    padding:15px 0;
}

#logo .logo-default img{
  max-width: 100%
}

#header .header-inner #logo, #header #header-wrap #logo {
    width: 380px;
}

#mainMenu nav > ul > li > a {
    color: #fff;
    }
#mainMenu nav > ul > li > a:hover {
    color: #F89E32;
    }
#mainMenu nav > ul > li:focus > span {
  color: #F89E32;
}
#mainMenu nav > ul > li .dropdown-menu > li.hover-active > span {
  color: #F89E32;
}
#mainMenu nav > ul > li .dropdown-menu > li a {
  color: #861818 !important;
}
#mainMenu.menu-outline nav > ul > li.current > a, #mainMenu.menu-outline nav > ul > li:hover > a, #mainMenu.menu-outline nav > ul > li:focus > a {
  color: #F89E32;
}
#mainMenu.menu-lines nav > ul > li.current > a, #mainMenu.menu-lines nav > ul > li:hover > a, #mainMenu.menu-lines nav > ul > li:focus > a {
  color: #F89E32;
}

#mainMenu li:hover a{
  color: #F89E32!important	
}

#mainMenu nav > ul > li > a {
    position: relative;
    font-family: Calibri;
    padding: 10px;
    font-size: 11px;
    font-weight: 300;
}

.background-grey{
	background-color: #fff !important
}

.portfolio-4-columns{
  border-top:4px solid #861818;
  background-color: #FFFBD6;

}

.portfolio-item-wrap h3{
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  color: black
}

.font-8{
	font-size: 18px !important
}

.font-18{
  font-size: 24px !important
}

.titulo-slide{
  font-size: 80px !important;
  font-weight: 100 !important;
  line-height: 0 !important
}

.p-t-250{
  padding-top: 200px
}

@media (max-width: 350px) {

    #header .header-inner #logo, #header #header-wrap #logo {
    width: 240px !important }
    
}

.flickity-prev-next-button.next:hover {
  background-color: transparent !important;
}

.flickity-prev-next-button.previous:hover {
  background-color: transparent !important;
}

.icono-footer{
  width:42px;
  height:42px;
}

#scrollTop:after, #scrollTop:before {
    background-color: #861818;
}

div#debug-icon {
    display: none !important;
}

button.btn, .btn:not(.close):not(.mfp-close), a.btn:not([href]):not([tabindex]) {

    background-color: #606062;
    border-color: #606062;
    }

  button.btn:hover, button.btn:focus, button.btn:not(:disabled):not(.disabled):active, button.btn:not(:disabled):not(.disabled).active, .btn:not(.close):not(.mfp-close):hover, .btn:not(.close):not(.mfp-close):focus, .btn:not(.close):not(.mfp-close):not(:disabled):not(.disabled):active, .btn:not(.close):not(.mfp-close):not(:disabled):not(.disabled).active, a.btn:not([href]):not([tabindex]):hover, a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):not(:disabled):not(.disabled):active, a.btn:not([href]):not([tabindex]):not(:disabled):not(.disabled).active {
    background-color: #333;
    border-color: #333;
    }


.letras-separadas{
  letter-spacing: 3px;
}

h2.letras-separadas{
  color: #861818;
  font-size:36px !important;
}

.slide-captions span{
  background-color: #FF8000;
  text-transform: uppercase;
  color: #fff;
  padding: 4px 26px 6px 12px;
  font-size: 32px;
  line-height: 58px;
}

.portfolio-item-wrap .portfolio-image{
  width: 100%;
  height: 200px; 
}

.font-6{
  font-size: 16px
}

.portfolio-item-wrap h3.m-t-10 {
    font-weight: 500 !important;
}

.portfolio-item .portfolio-description a i:hover{
  background-color: #861818;
  border-color: #861818
}

#mainMenu nav {
    float: right;
    margin-top: 3px;
}

#mainMenu nav > ul > li > a {
    position: relative;
    font-family: Calibri;
    padding: 10px 7px;
    font-size: 13px;
    font-weight: 300;
}

#page-title {
    padding: 300px 0 100px 0 !important;
}



@media screen and (max-width: 750px) {
    
    body{
        font-famili: Calibri !important;
    }
    
    #mainMenu nav > ul > li.dropdown:before {
    color: #ffffff !important;
}

#mainMenu nav > ul > li > a {
    color: #000;
    }
    
    .lines, .lines:before, .lines:after {
    background-color: #fff !important;
}

  #header #logo > a img {
    max-width: 100%
}

.slide-captions span {
    font-size: 21px;
    line-height: 40px;
}

#page-title {
    padding: 70px 0 15px 0 !important;
}

.titulo-slide {
    font-size: 38px !important;
    line-height: 32px !important;
}

.p-t-250{
  padding-top: 110px
}

.titulo-internas {
    margin-top: 130px;
}

    #mainMenu nav > ul > li .dropdown-menu > li a {
    color: #fff !important;
}

.separacion-desc{
  margin-top: 0;
  margin-left: 10px
}

div#mainMenu {
    background-color: #5E0B0C;
}

#header .header-inner #logo, #header #header-wrap #logo {
    width: 330px;
}

}

@media (max-width: 1024px){
.mainMenu-open #header .header-inner, .mainMenu-open #header #header-wrap {
    box-shadow: 0 4px 10px rgb(0 0 0 / 30%);
    background-color: #5E0B0C !important; 
}

#mainMenu nav > ul > li > a {
    color: #fff;
}

}