/* Add here all your CSS customizations */
.header-body{
    background: url(../img/back-header.jpg) !important;
    background-position: center top !important;

}
#header .header-column .header-extra-info li .feature-box small {
    top: 4px;
    left: -4px;;
}

#header .header-nav-top {
    align-self: inherit;
    height: 43px;
}
#header  .header-top-nav{
    height: 0px;
}
#header .header-logo {
    margin: 2rem 0;
}
#header .header-search {
    margin-top: -24px;
}
#header .header-column .header-extra-info {

    margin-top: -35px;
}
.btn {

    padding: 0.47rem 2.50rem;
}


#header .header-nav.header-nav-top-line nav > ul > li.dropdown > a::before {

    border-bottom: 0;

}
#header .header-nav.header-nav-top-line nav > ul > li > a.active::before {

    opacity: 1;

}
#header .header-nav.header-nav-top-line nav > ul > li > a::before, #header .header-nav.header-nav-top-line nav > ul > li:hover > a::before {

    content: "";
    position: absolute;
    background: #fff;
    width: 100%;
    height: 5px;
    top: 49px;
    left: 0;

}
#header .header-nav.header-nav-top-line nav > ul > li > a, #header .header-nav.header-nav-top-line nav > ul > li:hover > a {
    padding: 0 1.2rem;
    height: 50px !important;
    min-height: 0%;
}
#header .header-nav {
    min-height: 55px;
}

#header .header-nav-main.header-nav-main-light nav > ul > li.open > a, #header .header-nav-main.header-nav-main-light nav > ul > li:hover > a {
    color: #fff;
}
#header .header-nav-main.header-nav-main-light nav > ul > li > a.active {
    color: #fff;
}

.btn.border{
background: transparent !important;
color: #fff;    
}


.slider-container .top-label {
    color: #FFF;
    font-size: 18px;
    font-weight: 300;
    
}

.slider-container .main-label {
    color: #FFF;
    font-size: 42px;
    line-height: 42px;
    font-weight: 800;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
}
.slider-container .bottom-label {
    color: #FFF;
    font-size: 14px !important;
    line-height: 14px;
    font-weight: 300;
}

.tp-bgimg.defaultimg {
    opacity: 0.5 !important;
}

.poligono-right::before{
    content: '' !important;
    display: block !important;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    width: 30%;
    background: #fff;
    
    -moz-clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 100%);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 100%);
    z-index: 99;
}

.poligono-right-gris::before{
    content: '' !important;
    display: block !important;
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    width: 80%;
    background: #ccc;
    
    -moz-clip-path: polygon(0 0, 80% 0%, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(0 0, 80% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 80% 0%, 100% 100%, 0% 100%);
    
}

.block-h::before{
    content: '' !important;
    display: block !important;
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    width: 40px;
    height: 40px;
    background: #b80000;
    
    -moz-clip-path: polygon(0 0, 100% 0, 73% 100%, 0% 100%);
    -webkit-clip-path: polygon(0 0, 100% 0, 73% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 73% 100%, 0% 100%);
    
}
.poligono-right-gris h3{
    position: relative;
    left: 50%;
							  top: 50%;
							  transform: translate(-50%, -50%);
							  -webkit-transform: translate(-50%, -50%);
}

.poligono-right-gris:before:hover{
    background: #b80000 !important;
}

.block-service .content:hover{
    border-color: #b80000 !important;

}

.block-service{

}

.centrar-vertical-text{
                              position: relative;
							  left: 50%;
							  top: 50%;
							  transform: translate(-50%, -50%);
							  -webkit-transform: translate(-50%, -50%);
}

.sidebar .centrar-vertical-text{
    left: 45% !important;
}

section.help{
    background: url(../img/back-help.jpg);
    background-position: center center;

}
.footer-copyright{
    background: url(../img/back-bottom.jpg) !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-color: #000;
}
#footer{ margin-top: 0px;}

.gradient-top {
    background: transparent linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0;
    height: 350px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 80;
}

.gradient-top-interior {
    background: transparent linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0;
    height: 155px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 80;
}



@media (max-width: 767px) {

#header .container {

    position: relative;
    background: #000;

}
.sidebar .centrar-vertical-text {
    left: 50% !important;
}

.mt-xs{
	margin-top:20px !important;
}
.xs-p{

padding:10px;

}

.bottom-label{
	line-height: 13px !important;
}


.gradient-top{
display:none;
}

#header .header-logo img{ 
		width: 100px !important;
	height: auto;
}
#header .header-logo {
    margin: 1rem 0;
    width: 100px !important;
	height: auto;
}
.header-nav-bar{
	position: absolute;
	width: 100%;
}

.titulo-list-producto{
	width:200px !important;
}
.col-md-2.poligono-right-gris{
	width:80px !important;
	padding-right: 0px;
}

.poligono-right-gris::before {
	
	width: 100%;

}

.poligono-right::before {

    width: 0%;
    ]



}