/* Add here all your CSS customizations */
.main{ margin-top: 162px;}
#header .header-nav-main.header-nav-main-light nav > ul > li.active > a, #header .header-nav-main.header-nav-main-light nav > ul > li:hover > a {
    background: #FFF;
    color: #000 !important;
}
.feature-box.feature-box-style-2 .feature-box-icon i.fa, .feature-box.feature-box-style-2 .feature-box-icon i.icons {
    font-size: 38px;
}
.borders-bottom{
    border-bottom: 1px solid #eee !important;
}

ul.dropdown-mega-sub-nav li a::before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #333;
    margin: 7px 0 0 -9px;
    position: absolute;
}
ul.dropdown-mega-sub-nav li a{
padding: 3px 0 2px 18px !important;
}
ul.lateral-iconos  li.dropdown a.dropdown-toggle::before{ border: 0px;}



#header .header-nav-main nav > ul > li > a.dropdown-toggle::after {
    border-color: transparent;
border-style: solid;
border-width: 0px;
}

.btn-slider-action{
    padding: 8px 16px 8px 28px !important;
    letter-spacing: 10px !important;
    font-weight: 300 !important;
    font-size: 15px !important;
    border: 2px solid #fff !important;
    color: #fff !important;
}

.btn-slider-action:hover{
    color: #000 !important;
}

.muestra-titulo{
position: absolute;
top: 10px;
width: 100%;
}



#portfolioGrid {
	margin: 0.5vw;
}
#portfolioGrid li {
	list-style: none;
}
#portfolioGrid.portfolioGridFullNoMargins {
	margin: 0;
}
#portfolioGrid.portfolioGridFullNoMargins .portfolio-grid-item {
	padding: 0;
}

.portfolio-grid-item {
	padding: 0.5vw;
}
.portfolio-grid-item .thumb-info {
	border: none;
}
.portfolio-grid-item .thumb-info:hover .thumb-info-wrapper .thumb-info-background {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.portfolio-grid-item .thumb-info:hover .thumb-info-wrapper .thumb-info-title {
	opacity: 1;
	-webkit-transform: translate3d(-50%, 50%, 0px);
	-moz-transform: translate3d(-50%, 50%, 0px);
	-ms-transform: translate3d(-50%, 50%, 0px);
	-o-transform: translate3d(-50%, 50%, 0px);
	transform: translate3d(-50%, 50%, 0px);
}
.portfolio-grid-item .thumb-info:hover .thumb-info-wrapper .thumb-info-title span {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.portfolio-grid-item .thumb-info:hover .thumb-info-wrapper .thumb-info-plus {
	opacity: 1;
	width: 30%;
}
.portfolio-grid-item .thumb-info:hover .thumb-info-wrapper .thumb-info-plus::after {
	-webkit-transform: translate3d(-50%, -50%, 0) rotate(90deg);
	-moz-transform: translate3d(-50%, -50%, 0) rotate(90deg);
	-ms-transform: translate3d(-50%, -50%, 0) rotate(90deg);
	-o-transform: translate3d(-50%, -50%, 0) rotate(90deg);
	transform: translate3d(-50%, -50%, 0) rotate(90deg);
}
.portfolio-grid-item .thumb-info .thumb-info-wrapper {
	background-size: cover;
	width: 100%;
}
.portfolio-grid-item .thumb-info .thumb-info-wrapper.size-1 {
	height: 33.5vw;
}
.portfolio-grid-item .thumb-info .thumb-info-wrapper.size-2 {
	height: 16.25vw;
}
.portfolio-grid-item .thumb-info .thumb-info-wrapper.size-3 {
	height: 12.25vw;
}
.portfolio-grid-item .thumb-info .thumb-info-wrapper.size-4 {
	height: 19.25vw;
}
.portfolio-grid-item .thumb-info .thumb-info-wrapper:after {
	background: rgba(10, 12, 36, 0.5);
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.portfolio-grid-item .thumb-info .thumb-info-wrapper .thumb-info-background {
	position: absolute;
	top: 0;
	left: 0;
	background-size: cover;
	width: 100%;
	height: 100%;
	-webkit-transition: ease all 0.3s;
	-moz-transition: ease all 0.3s;
	transition: ease all 0.3s;
}
.portfolio-grid-item .thumb-info .thumb-info-wrapper .thumb-info-title {
	width: 90%;
	background: transparent;
	bottom: 50%;
	left: 50%;
	opacity: 0;
	text-transform: none;
	margin: 0;
	line-height: 1.4;
	font-size: 30px;
	font-weight: 300 !important;
	text-shadow: none;
	letter-spacing: -1px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transform: translate3d(-50%, 40%, 0px);
	-moz-transform: translate3d(-50%, 40%, 0px);
	-ms-transform: translate3d(-50%, 40%, 0px);
	-o-transform: translate3d(-50%, 40%, 0px);
	transform: translate3d(-50%, 40%, 0px);
}
.portfolio-grid-item .thumb-info .thumb-info-wrapper .thumb-info-title span {
	display: block;
	opacity: 0;
	text-transform: none;
	font-size: 16px;
	-webkit-transform: translate3d(0, -40%, 0px);
	-moz-transform: translate3d(0, -40%, 0px);
	-ms-transform: translate3d(0, -40%, 0px);
	-o-transform: translate3d(0, -40%, 0px);
	transform: translate3d(0, -40%, 0px);
	-webkit-transition: all 0.3s ease 0.3s;
	-moz-transition: all 0.3s ease 0.3s;
	transition: all 0.3s ease 0.3s;
}
.portfolio-grid-item .thumb-info .thumb-info-wrapper .thumb-info-plus {
	opacity: 0;
	position: absolute;
	width: 10%;
	top: 50%;
	left: 50%;
	z-index: 2;
	-webkit-transform: translate3d(-50%, -50%, 0);
	-moz-transform: translate3d(-50%, -50%, 0);
	-ms-transform: translate3d(-50%, -50%, 0);
	-o-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
	-webkit-transition: ease all 0.3s;
	-moz-transition: ease all 0.3s;
	transition: ease all 0.3s;
}
.portfolio-grid-item .thumb-info .thumb-info-wrapper .thumb-info-plus::before, .portfolio-grid-item .thumb-info .thumb-info-wrapper .thumb-info-plus::after {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	border-top: 1px solid #FFF;
	-webkit-transform: translate3d(-50%, -50%, 0);
	-moz-transform: translate3d(-50%, -50%, 0);
	-ms-transform: translate3d(-50%, -50%, 0);
	-o-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
}
.portfolio-grid-item .thumb-info .thumb-info-wrapper .thumb-info-plus::after {
	-webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg);
	-moz-transform: translate3d(-50%, -50%, 0) rotate(0deg);
	-ms-transform: translate3d(-50%, -50%, 0) rotate(0deg);
	-o-transform: translate3d(-50%, -50%, 0) rotate(0deg);
	transform: translate3d(-50%, -50%, 0) rotate(0deg);
}

@media (max-width: 991px) {
	#portfolioGrid {
		margin: 1.5vw;
	}

	.portfolio-grid-item {
		padding: 1.5vw;
	}
	.portfolio-grid-item .thumb-info .thumb-info-wrapper.size-1 {
		height: 47.5vw;
	}
	.portfolio-grid-item .thumb-info .thumb-info-wrapper.size-2 {
		height: 22.25vw;
	}
	.portfolio-grid-item .thumb-info .thumb-info-wrapper.size-3 {
		height: 20.25vw;
	}
	.portfolio-grid-item .thumb-info .thumb-info-wrapper.size-4 {
		height: 30.25vw;
	}
}
@media (max-width: 767px) {
	#portfolioGrid:not(.portfolioGridFullNoMargins) {
		margin: 0vw;
	}
	#portfolioGrid:not(.portfolioGridFullNoMargins) li:last-child .portfolio-grid-item {
		padding: 4.5vw 4.5vw 4.5vw 4.5vw;
	}

	.portfolio-grid-item {
		padding: 4.5vw 4.5vw 0vw 4.5vw;
	}
	.portfolio-grid-item .thumb-info .thumb-info-wrapper.size-1, .portfolio-grid-item .thumb-info .thumb-info-wrapper.size-2, .portfolio-grid-item .thumb-info .thumb-info-wrapper.size-3, .portfolio-grid-item .thumb-info .thumb-info-wrapper.size-4 {
		height: 71.5vw;
	}
}


.thumb-info-contenido.noticias{
    background: rgba(93,135,137,0);
    top: 0px;
    
}

.thumb-info-contenido.noticias h5,.thumb-info-contenido.noticias h2{
    text-shadow: 2px 2px 2px #000;
}

.thumb-info-contenido
{
    
    position: absolute;
    z-index: 99999;
    bottom: 0px;
    color: #fff !important;
    padding: 20px;
    max-width: 80%;
    background: rgba(93,135,137,0.85);
}

.thumb-info-contenido h5{
    letter-spacing: 5px !important;
    font-weight: 300;
}

.thumb-info-contenido p{ color: #FFF !important;}





.portfolio-stripes .owl-item .portfolio-item {
	width: calc(100% + 2px);
}
.portfolio-stripes .owl-item .portfolio-item .thumb-info {
	border: none;
}
.portfolio-stripes .owl-item .portfolio-item .thumb-info:hover .thumb-info-wrapper .background-image {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.portfolio-stripes .owl-item .portfolio-item .thumb-info:hover .thumb-info-wrapper .thumb-info-title {
	background: none;
}
.portfolio-stripes .owl-item .portfolio-item .thumb-info:hover .thumb-info-wrapper .thumb-info-plus {
	opacity: 1;
	width: 30%;
}
.portfolio-stripes .owl-item .portfolio-item .thumb-info:hover .thumb-info-wrapper .thumb-info-plus::after {
	-webkit-transform: translate3d(-50%, -50%, 0) rotate(90deg);
	-moz-transform: translate3d(-50%, -50%, 0) rotate(90deg);
	-ms-transform: translate3d(-50%, -50%, 0) rotate(90deg);
	-o-transform: translate3d(-50%, -50%, 0) rotate(90deg);
	transform: translate3d(-50%, -50%, 0) rotate(90deg);
}
.portfolio-stripes .owl-item .portfolio-item .thumb-info .thumb-info-wrapper {
	height: calc(100vh - 89px);
}
.portfolio-stripes .owl-item .portfolio-item .thumb-info .thumb-info-wrapper::before {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	box-shadow: 0 50px 190px 110px #182027;
	z-index: 1;
}
.portfolio-stripes .owl-item .portfolio-item .thumb-info .thumb-info-wrapper::after {
	background: rgba(10, 12, 36, 0.5);
}
.portfolio-stripes .owl-item .portfolio-item .thumb-info .thumb-info-wrapper .background-image {
	position: absolute;
	top: 0;
	left: 0;
	background-size: cover;
	width: 100%;
	height: 100%;
	-webkit-transition: ease all 0.3s;
	-moz-transition: ease all 0.3s;
	transition: ease all 0.3s;
}
.portfolio-stripes .owl-item .portfolio-item .thumb-info .thumb-info-wrapper .thumb-info-plus {
	opacity: 0;
	position: absolute;
	width: 10%;
	top: 50%;
	left: 50%;
	z-index: 2;
	-webkit-transform: translate3d(-50%, -50%, 0);
	-moz-transform: translate3d(-50%, -50%, 0);
	-ms-transform: translate3d(-50%, -50%, 0);
	-o-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
	-webkit-transition: ease all 0.3s;
	-moz-transition: ease all 0.3s;
	transition: ease all 0.3s;
}
.portfolio-stripes .owl-item .portfolio-item .thumb-info .thumb-info-wrapper .thumb-info-plus::before, .portfolio-stripes .owl-item .portfolio-item .thumb-info .thumb-info-wrapper .thumb-info-plus::after {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	border-top: 1px solid #FFF;
	-webkit-transform: translate3d(-50%, -50%, 0);
	-moz-transform: translate3d(-50%, -50%, 0);
	-ms-transform: translate3d(-50%, -50%, 0);
	-o-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
}
.portfolio-stripes .owl-item .portfolio-item .thumb-info .thumb-info-wrapper .thumb-info-plus::after {
	-webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg);
	-moz-transform: translate3d(-50%, -50%, 0) rotate(0deg);
	-ms-transform: translate3d(-50%, -50%, 0) rotate(0deg);
	-o-transform: translate3d(-50%, -50%, 0) rotate(0deg);
	transform: translate3d(-50%, -50%, 0) rotate(0deg);
}
.portfolio-stripes .owl-item .portfolio-item .thumb-info .thumb-info-wrapper .thumb-info-title {
	background: none;
	bottom: 5.5%;
	left: 5%;
	padding: 0;
	font-size: 2em;
	line-height: 1;
	text-shadow: none;
}

.thumb-info-icons.position-style-1 {
	position: absolute;
	bottom: 5%;
	right: 5%;
	z-index: 2;
}
.thumb-info-icons.position-style-2 {
	position: absolute;
	top: -15px;
	left: 50%;
	z-index: 3;
	-webkit-transform: translateX(-51%);
	-moz-transform: translateX(-51%);
	-ms-transform: translateX(-51%);
	-o-transform: translateX(-51%);
	transform: translateX(-51%);
}
.thumb-info-icons.position-style-3 {
	position: absolute;
	bottom: 7%;
	right: 2%;
}
.img-w{ width: 100%;}

.btn-dark{ color: #000 !important; border: 2px solid #000 !important;}


@media (max-width: 767px)  {
    
    .main {
    margin-top: 125px;
}
    .header-body{ background: #FFF !important;}
    
    
    .thumb-info-contenido {
    position: absolute;
    z-index: 99999;
    bottom: 0px;
    color: #fff !important;
    padding: 15px;
    max-width: 80%;
    background: rgba(93,135,137,0.85);
    left: 0;
}
    .thumb-info-contenido h5{ font-size: 10px;}
    .thumb-info-contenido h2{ font-size: 20px;}
    .thumb-info-contenido .btn-slider-action{ font-size: 12px !important;}
    
    
    html.sticky-header-enabled #header .header-nav-main {
    max-height: 550px;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    }
    .dropdown-mega-sub-nav{ display: none;}
    
}

.page-header-custom-background {
    padding-top: 155px;
    padding-bottom: 105px;
}

.page-header-more-padding{
    padding-top: 75px;
padding-bottom: 10px;
}
#header .header-nav-main nav > ul > li > a {

    padding: 20px 13px;
 }
#header .header-nav-main nav > ul > li.dropdown.open > a, #header .header-nav-main nav > ul > li.dropdown:hover > a {
    padding-bottom: 21px;
}
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu {

    margin: 0px 0 0 0;
}
#header .header-nav-main nav > ul > li.dropdown-mega > .dropdown-menu {
  
    left: 17px;
}



.page-header.page-header-overlay-opacity::before {
    content: "";
    display: block;
    background: rgba(0, 0, 0, 0.5);
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

ul.nav-list li.active > a {
    font-weight: bold;
    background: rgba(93,135,137,0.15);
}

.btn-cotizar{
    padding: 5px 30px 5px;
}

.shop table.cart .product-thumbnail {
    width: 15%;
}