.header-transparent-dark-bottom-border {
    background: linear-gradient(45deg,#ffffff,#f3f3f3);
}

html .bg-color-dark, html .bg-dark {
    background-color: #f5f5f5!important;
}

#header .header-nav.header-nav-links.header-nav-light-text nav>ul>li>a, #header .header-nav.header-nav-line.header-nav-light-text nav>ul>li>a {
	color: #222b4f;}

html:not(.sticky-header-active) #header .header-nav.header-nav-links nav>ul li>a.active {
    color: #4a78ba!important;
	opacity: 1;}




#header .header-nav.header-nav-links nav>ul:not(:hover)>li>a.active {
    color: #4a78ba;
}





html:not(.sticky-header-active) #header .header-nav.header-nav-links nav>ul li:hover>a, html:not(.sticky-header-active) #header .header-nav.header-nav-links nav>ul li:focus>a, html:not(.sticky-header-active) #header .header-nav.header-nav-links nav>ul li:active>a {
    color: #4a78ba!important;
	opacity: 1;}

.fab, .far {
    font-weight: 400;
	color: #222b4f;}

@media (max-width: 600px){
#header .header-logo {
    margin: 16px 0;
    margin: 1rem 0;
    position: fixed;
    z-index: 1;
	max-width: 80%;}}

.custom-bg-color-1 {
    background-color: #203563!important;
}

.custom-background-style-1:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url( " ../../../../../../../Imágenes/Sin título-1.jpg" );
    background-size: cover;
    opacity: .1;
    z-index: 0;
}

.custom-btn-style-1, .custom-btn-style-1:active {
    background: linear-gradient(272deg,#3456a3,#3d83e6);;
}

.custom-btn-style-1._borders {
	border: 1px solid #3c7ddd;}

.custom-btn-style-1._borders:hover, .custom-btn-style-1._borders:active, .custom-btn-style-1._borders:focus {
    border-color: #3c7ede;
    background: -webkit-gradient(left top,right top,color-stop(0%,#f4645a),color-stop(100%,hsl(3.8961039,100%,75%)));
    background: linear-gradient(to right,#3c7cdb 0%,hsl(221deg 52% 44%) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4645a',endColorstr='#ff857c',GradientType=1);
}

html .btn-primary:active, html .btn-primary.active {
    background-color: #418dfe!important;
    background-image: none!important;
	border-color: #3c80e1 #355aa9 #355cab!important;}
	
	.font-weight-semibold{
	font-size: 1.5rem;
    font-weight: 600!important;
    line-height: 30px;
}

span.text-color-light.font-weight-semibold2.mb-5 {
    font-size: 2rem;
    font-weight: 900;
    /* line-height: 28px; */
    margin-top: 5px;;margin-left: 31%;
	
}


@media (max-width: 600px){
	span.text-color-light.font-weight-semibold2.mb-5 {
    font-size: 2rem;
    font-weight: 900;
    /* line-height: 28px; */
    margin-top: 7px;
		margin-left: 30%;}}


/*.fotocamara {
    z-index: 5;
    width: 170%;
    height: auto;
    position: absolute;
    right: -23%;
    margin-bottom: -64%;
}*/
.fotocamara {
   padding-left: 20px; padding-right: 20px}
	
	
	
@media (max-width: 600px){
.fotocamara {
    z-index: 5;
    width: 150%;
    height: auto;
    position: relative;
    right: 0%;
    margin-top: 50px;margin-bottom: 5%;
}}

.foto {
    display: flex;
    justify-content: center;
    align-items: center;
    width: max-content;
}

.owl-carousel.custom-background-1 .owl-stage {
    overflow: hidden;
    max-height: initial;
}

.owl-carousel.custom-background-1:before {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: none;
    background-size: cover;
    background-repeat: no-repeat;
}

.owl-carousel .owl-item img {
    display: block;
 
}

.distribuidores {opacity: .7;}

.custom-home-intro p {
    font-size: 1.2rem;
    font-weight: 400;
    font-family: poppins,sans-serif;
}

p.Titulo.dis {
    font-weight: 500;
}

.img-fluid {
    max-width: 100%;
    height: auto;
    opacity: .8;
}

p.Bajada {
    color: white;
    font-size: 1.5rem;
    font-weight: 100;
    font-style: italic;
    position: relative;
    margin-bottom: 40px;margin-top: 5px;
}

@media only screen and (max-width:768px){
p.Bajada {
    color: white;
    font-size: 1.1rem;
    font-weight: 100;
    font-style: italic;
    position: relative;
	/*bottom: 20px;top: 5px;}*/;margin-bottom: 50px;
	}}
	
	
.organizadormarcas {
    justify-content: center;
    display: flex; opacity: .7;
}



@media only screen and (max-width:768px){
.centrado.botones {
    display: flex;
    justify-content: center;
	}}

@media only screen and (max-width:768px){
.ml-auto, .mx-auto {
    margin-left: auto!important;
    margin-top: -90px;
	}}
@media only screen and (max-width:768px){
	.centradobajada{display: flex;justify-content: center;align-items: center;width: 100%;}}

@media only screen and (max-width:768px){
	html .bg-color-dark, html .bg-dark {
    background-color: #e8e8e8!important;
}}
.custom-product-image-pos-2 {
    position: absolute;
    top: -20%;
    width: 60%;
    max-width: 80%;
    height: auto;
    z-index: 170;
    margin-left: -15%;
}

h2.custom-bar._left:after {
    left: 1px;
    width: 25px;
}

h2.custom-bar:after {
    border-bottom-color: #3c7cdc;
}

.resaltados{color:#222b4f;font-style: italic;font-weight: 700;}


html .bg-color-secondary, html .bg-secondary {
    background-color: #eee!important;
}

.counters.counters-text-dark .counter [class*=fa-], .counters.counters-text-dark .counter .icons, .counters.counters-text-dark .counter strong, .counters.counters-text-dark .counter label {
    color: #32529a!important;
    font-size: 2.2rem;
}


.feature-box.feature-box-style-3 .feature-box-icon [class*=fa-], .feature-box.feature-box-style-3 .feature-box-icon .icons {
    color: #3c7fe0;
}


ion-icon {
    padding-top: 50%;
    font-size: 26px;
    color: #3c7fe0;
    justify-self: center;
    text-align: center;
    position: absolute;
    padding-bottom: 50%;
}



.mb-4, .my-4 {
    margin-bottom: 1.5rem!important;
    line-height: 20px;
}



.pb-5, .py-5 {
    padding-bottom: 2rem!important;
}
.mb-5, .my-5 {
    margin-bottom: 2rem!important;
}

animacionretardo{ opacity:0; animation-delay:2s }


svg path.line {
    fill: none;
    stroke: #32529a;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;stroke-width: 3px;
}

svg circle.circle {
    fill: none;
    stroke: #32529a;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    stroke-width: 3px;
}

.custom-wrap-icons .custom-box-icon span {
    display: block;
    color: #203563;
    font-weight: 600;
    margin-top: 10px;
}

::selection {
    color: #fff;
    background: #32529a;
}

html .btn-outline.btn-primary:active, html .btn-outline.btn-primary.active {
    color: #fff!important;
    background-color: #32529a!important;
    border-color: #32529a!important;
}

.custom-btn-style-2 {
    border-radius: 50px;
    border-width: 2px;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: .5px;
    padding: 8px 24px;
    background: 0 0!important;
    border-color: #007bff!important;
}

.custom-btn-style-2:hover, .custom-btn-style-2:hover:active, .custom-btn-style-2.active, .custom-btn-style-2:focus {
    border-color: #0062cc!important;
}

.custom-accordion-style-1 .card-header .card-title a:not(.collapsed) {
    color: #ffffff!important;
    border-left-color: #3c7fe0;
    background: #32529a;
}

.custom-accordion-style-1 .card-header .card-title a:not(.collapsed):after {
    border-color: #ffffff transparent transparent transparent;
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
a.btn.btn-outline.btn-primary2.text-color-dark.custom-btn-style-3 {
   border-radius: 50px;
    border-width: 2px;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: .5px;
    padding: 8px 24px;
    /* background: 0 0!important; */
    /* background-color: white; */
    border-color: #007bff!important;
    position: absolute;
    z-index: 200;
}

.centrarboton {
    display: flex;
    justify-content: center;
    align-items: center;
}

html .btn-outline.btn-primary:active, html .btn-outline.btn-primary.active {
    color: #FFFFFF;
    background-color: #32529a!important;
    border-color: #32529a!important;
}



element.style {
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #ffffff;
    background-color: #eceff2;
    border-color: #e0e8f2;
}
html .btn-outline.btn-primary2:active, html .btn-outline.btn-primary.active {
    color: #222b4f!important;
    background-color: #32529a!important;
    border-color: #32529a!important;
}
.btn-primary2:hover {
    color: #ffffff;
    background-color: #0069d9;
    border-color: #0062cc;
}


html .text-color-dark, html .text-dark {
    color: #212529!important;
}

.btn-primary2:hover {
    color: #ffffff;
    background-color: #e9e9e9;
    border-color: #0062cc;
}


parallax-background{    background-image: url( "../../../../../../../Imágenes/fondo.png") ;
    background-size: cover;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 180%;
    transform: translate3d(0px, -1347.78px, 0px);
    background-position-x: 50%;
}

html .bg-color-primary, html .bg-primary {
    background-color: #32529a!important;
}


h2.titulocentrado.\.textnegro {
    text-align: center;
    font-size: 2.2rem;
    color: #32529a;
}

hr.linea {
    background-color: #d2d2d2;
    height: 2px;
    width: 45%;
    align-self: center;
    justify-self: center;
    text-align: center;
    margin: auto;
    margin-bottom: 53px;
    margin-top: -14px;
}

italic.italica2 {
    font-weight: 300;
}

.ordenar{display: flex;justify-content: center;align-items: center;}

@media only screen and (max-width:768px){
.ordenar {
    display: block;
    justify-content: center;
    align-items: center;
	}}

@media only screen and (max-width:768px)
{.tabladecontenido {
    width: 80%;
    text-align: center;
    color: white;
	font-size: 1rem;}
}

.tabladecontenido {
    width: 100%;
    text-align: center;
    color: white;
    font-size: 1rem;background-color: rgba(15,18,46,0.46);
}


th {background-color:#E9E9E9; color: #242B32; border: 0.1px solid grey;font-weight: 900;padding: 15px;}

td {
    color: white;
    border-style: solid;
    padding: 15px;
    border: 0.1px solid #e6e6e6;
	}

.offset-xl-1 {
    margin-left: 0px;
}


html .text-color-light2, html .text-light2 {
    color: #242b32!important;
	background-color: #e8e8e8;}

.coolercorrect {
    margin-top: 20px;
}
@media only screen and (max-width:768px){
.coolercorrect {
    margin-bottom: 20px;
	}}


html .bg-color-tertiary, html .bg-tertiary {
    background-color: #222b4f;
}

html .bg-color-tertiary, html .bg-tertiary {
    background-color: #32529a!important;background-image: url( "../../../../../../../Imágenes/Patronfrio.png");
    background-size: cover;}

.mb-4, .my-4 {
    margin-bottom: 1.5rem!important;
    line-height: 20px;
    margin-top: 20px;
}

html .text-color-primary, html .text-primary {
    color: #203563!important;
}

.resaltados2{font-weight: 700; color: rgb(34 43 79);}
.resaltados3{font-weight:700 ; color:#203563;}

.parallax-background{
    background-image: url( "../../../../../../../Imágenes/Patronfrio.png");
    background-size: cover;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 180%;
    transform: translate3d(0px, -73.3616px, 0px);
    background-position-x: 50%;
}

.custom-image-style-2{position:absolute;}

img.custom-image-style-2._small.appear-animation.animated.fadeInUp.appear-animation-visible {
    margin-top: 80px;
}

.path-dashed{fill: none;
    stroke: white;
    stroke-miterlimit: 10;
    stroke-dasharray: 3, 3;
    d: path("M 113.812 209.406 c 0 0 -193 -54.125 -72.5 -206.125");
}

svg#curved-line-2 {
    position: absolute;
    top: -85px;
    right: 190px;
    z-index: 1;
}

p.subtitulo {
    margin-top: -8px;
    font-size: 1.2rem;
    margin-bottom: 38px;
    font-weight: 300;
}

ion-icon.ion2.md.hydrated {
    font-size: 50px;
}


.feature-box.feature-box-style-2 .feature-box-icon [class*=fa-], .feature-box.feature-box-style-2 .feature-box-icon .icons {
    color: #3c7fe0;
}

.contenedorgeneral {
    display: flex;
    height: auto;
	
}

.centradotexto{text-align: center;}

.contenedoriconoscamaras1{margin-right: 20px;width:60px;}

@media only screen and (max-width:768px){
.contenedorgeneral {
    display: flex;
    height: auto;
    overflow-x: scroll;
    width: fit-content;
	}}

.espaciadorboton {
    margin-bottom: 60px;
    margin-top: -34px;
}

@media only screen and (max-width:768px){
.espaciadorboton {
       margin-bottom: 35px;
    margin-top: -45px;
	}}

@media only screen and (max-width:768px){
.espaciadorboton2 {
       margin-bottom: 35px;
    margin-top: -45px;
	}}



p.especialparaBT {
    font-weight: 700;
    font-size: 1.05rem;
    color: #32529a;
    text-align: left;
}

p.especialparaMT {
    font-weight: 700;
    font-size: 1.05rem;
    color: #32529a;
    text-align: right;
}




@media only screen and (max-width:768px){
p.especialparaBT {
    font-weight: 700;
    font-size: 1.05rem;
    color: #32529a;
    text-align: center;
	}}
@media only screen and (max-width:768px){
p.especialparaMT {
    font-weight: 700;
    font-size: 1.05rem;
    color: #32529a;
    text-align: center;
}}


.espaciadorboton2 {
    margin-bottom: -60px;
    margin-top: -34px;
}

@media only screen and (max-width:768px){
.modificadordeimg.camra2 {
    width: 90;
    margin: auto;
	}}

@media only screen and (max-width:768px){
.modificadordeimg {
    width: 90%;
    margin: auto;
	}}

@media only screen and (max-width:768px){
.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important;
    max-width: 100%;
    margin: auto;
	}}

.modifidorespacio {
    margin-top: -120px;
}

@media only screen and (max-width:768px){
.custom-wrap-icons .custom-box-icon:nth-child(1) {
    margin-left: 0;
    margin-bottom: -20px;
	}}

.marcasespacio {
    padding-bottom: 31px;
}

@media only screen and (max-width:768px){
.marcasespacio {
    padding-bottom: 0px;
	}}

.thumb-info .thumb-info-wrapper:after {
    content: "";
    background: rgb(50 82 154 / 79%);
    transition: all .3s;
    border-radius: 4px;
    bottom: -4px;
    color: #fff;
    left: -4px;
    position: absolute;
    right: -4px;
    top: -4px;
    display: block;
    opacity: 0;
    z-index: 1;
}


p.infogalleria2 {
    color: white;
    font-size: 1rem;
    font-weight: 200;
    padding: 20px;
}

article.post-large .post-image, article.post-large .post-date {
    margin-left: 0px;
}

article.post-large {
    margin-left: 60px;
    width: 80%;
    margin: auto;
	
}


h1.infogalleria1 {
    font-size: 6vh;
    color: white;
}

p.textogaleria {
    padding-left: 10%;
    padding-right: 10%;
}

h2.titulocentradotextnegro2 {
    margin-left: 10%;
    color: #32529a;
    font-size: 2rem;margin-top: 20px;
}

hr.separador {
    background: #32529a;
    width: 80%;
    margin: -40px auto 0 auto;
    height: 44px;
}

#footer h4 {
    font-size: 2.5em;
    font-weight: 400;
}

p.textoadios {
    font-size: 1.3rem;
    line-height: 42px; color: white;
}

p.contactanos {
    color: white;
    font-size: 1.3rem;line-height: 0px;
}

p.textocontacto {
    font-size: 1rem;
}

.contenedorgeneral.offset-xl-1.col-xl-12 {
    justify-content:right;
}
.td3{color: black;text-align: left; width: 25%;}
.td2{color: black;text-align: center; width: 25%;}
.tabla2 {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 50px; color: black;
}

th.titulotabla {
    font-size: 1rem;
    padding: 6px;
    text-align: center;
    font-weight: 700;
}

img.imgfiltro2 {
    width: 100%;
}

p.categoriasub {
   font-size: 1.4rem;
    color: #222b4f;
    font-weight: 700;
    text-align: center;
}

html .text-color-secondary, html .text-secondary {
    color: #203563!important;
}

p.medida {
    font-size: 2rem;
}
html .overlay-color-secondary:not(.no-skin)::before {
    background-color: rgb(50 82 154 / 79%) !important;
}

.owl-carousel.nav-arrows-1 .owl-nav .owl-prev, .owl-carousel.nav-arrows-1 .owl-nav .owl-next {
    color: #008bf5;
}

.acomodandotexto {
    padding-left: 0px;
}


.acomodar {
    margin-bottom: 0%;
    margin-top: -5%;
}
@media only screen and (max-width:768px){
#header .header-btn-collapse-nav {
    background: #222b4f;
	}}
@media only screen and (max-width:768px){
html:not(.sticky-header-active) #header .header-nav.header-nav-links nav>ul li>a.active {
    color: #ffffff!important;
    opacity: 1;
	}}
@media only screen and (max-width:768px){
#header .header-nav.header-nav-links.header-nav-light-text nav>ul>li>a, #header .header-nav.header-nav-line.header-nav-light-text nav>ul>li>a {
    color: #ffffff;
	}}

@media (max-width: 991px){
#header .header-nav-main.header-nav-main-mobile-dark nav>ul>li>a.active {
    background: #32529a;
}
}

p.Titulo2 {
    font-size: 1.4rem;
    color: #222b4f;
    font-weight: 700;
}

.colortext{color:white;text-align: center;}
.Fondotablacontacto{background-color:#222b4f;text-align: center;}
.Fondotablacontacto2{background-color:#32529a;;text-align: center;}
.asesorados{width: 400px;}

.centradocontacto {
    color: black;
    justify-content: center;
    display: flex;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;margin: auto;
}

input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color], textarea {
	-webkit-appearance: button;}


tr.botonenviar {
    z-index: 5;position: relative;
}

p.textasesorado {
    padding-right: 20px;
    margin-top: -20px;
}

.separador2 {
    margin-top: 50px;
}

.colorformulario {
    background-color: #f7f7f7;
}



.list.list-icons li>[class*=fa-]:first-child, .list.list-icons li a:first-child>[class*=fa-]:first-child, .list.list-icons li>.icons:first-child, .list.list-icons li a:first-child>.icons:first-child {
    color: #213664;
    border-color: #213664;
}

.list.list-icons.list-icons-style-2 li>[class*=fa-]:first-child, .list.list-icons.list-icons-style-2 li>.icons:first-child, .list.list-icons.list-icons-style-2 li a:first-child>[class*=fa-]:first-child, .list.list-icons.list-icons-style-2 li a:first-child>.icons:first-child {
    border-width: 1px;
    border-style: solid;
    border-radius: 62%;
    width: 25px;
    height: 25px;
    text-align: center;
    padding: 2px;
    font-size: 0.9rem;
    line-height: 1.3;
}


html .btn-primary {
    background-color: #4a78ba;
    border-color: #4a78ba;
    color: #fff;
}

html .btn-primary:hover, html .btn-primary.hover {
    background-color: #213664;
    border-color: #213664;
    color: #fff;
}

.pre-scrollable2 {
    overflow-y: scroll;height: 80px;
}


strong.Subtitulo6 {
    font-weight: 600;
}

html .btn-outline.btn-primary {
    color: #213664;
    background-color: transparent;
    background-image: none;
    border-color: #213664;
}

html .btn-outline.btn-primary:hover, html .btn-outline.btn-primary.hover {
    color: #fff;
    background-color: #4a78ba;
    border-color: #4a78ba;
}

.text-4 {
    font-size: 1em!important;
}

footer#footer {
    background-color: #202020;
    color: white;
}
strong.bold {
    font-weight: 800;
    color: white;
}

strong.Regular1 {
    color: white;
    font-weight: 500;
}

p.infocontacto {
    color: white;
}


.fa-dot-circle:before {
    content: "\f192";
    color: #7c7c7c;
}

.fa-envelope:before {
    content: "\f0e0";
	color: #7c7c7c;}

.fa-whatsapp:before {
    content: "\f232";
    color: #7c7c7c;
}

#footer .footer-copyright:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    border-top: 1px solid #202020;
    transform: translateX(-50%);
}

li.interlineacontacto {
    margin-bottom: -0.9rem;
}

#footer {
    margin: 0;
    border: none;
    padding: 71px 0 32px;
}

.mb-5, .my-5 {
    margin-bottom: 1rem!important;
} 
.td3{text-align:left;}

td.titulotabla2 {
    color: black;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 600;
}

a {
    color: #007bff;
}

a:hover {
    color: #32529a;
    font-weight: 700;
}
.resaltadotelefono{color:#007bff;font-weight:600;}

.p-relative {
    position: relative!important;
    margin-top: 5%;
}

.lead {
    letter-spacing: 0em;
    font-size: 19.2px;
    font-size: 1.2rem;
}

p.Porquerealizamosamedida {
    padding-right: 20%;
}

@media only screen and (max-width:768px){
p.Porquerealizamosamedida {
    padding-right: 2%;
	}}

@media only screen and (max-width:768px){
.tabla2 {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 50px;
    margin: auto;
    justify-content: center;
    display: flex;
	}}

@media only screen and (max-width:768px){
.contenedorgeneral {
    display: -webkit-box;
    height: auto;
	overflow-x: scroll;width: auto;}}

@media only screen and (max-width:768px){
.custom-product-image-pos-1._relative {
    position: relative;
    top: -50px;
    padding-bottom: 0;
	}}

@media only screen and (max-width:768px){
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 3px;
    padding-left: 3px;
	}}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    width: 500px;
    height: auto;    margin-top: -50px;
    padding-bottom: 20px;
}

button.w3-button.w3-black.w3-display-right {
    margin-left: 500px;
    position: absolute;
}

[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
    background-color: transparent;
    color: white;
    border: none;
    font-size: 4rem;
    position: absolute;
    z-index: 20;
    margin-top: 190px;
    margin-left: -70px;
}

[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
    background-color: transparent;
    color: white;
    border: none;
    font-size: 4rem;
    position: absolute;
    z-index: 20;
    margin-top: 50%;
    margin-left: -70px;
}

.col-8.col-md-4.col-lg-4.mx-auto {
    top: -40px;
}

img.mySlides {
    position: absolute; touch-action: manipulation;

}

.slider {width:95%; margin:auto; overflow:hidden;touch-action: manipulation;
	transform: translate3d(0,0,0)}

.slider ul {padding:0;display:flex;width:600%; animation:cambio 20s infinite; animation-direction:alternate;
touch-action: manipulation;
	transform: translate3d(0,0,0)}
.slider li {list-style:none;width:100%;
touch-action: manipulation;
	transform: translate3d(0,0,0)}

.slider img {width:100%;
touch-action: manipulation;
	transform: translate3d(0,0,0)}

@keyframes cambio {
0%{margin-left:0;}
10%{margin-left:0;}

15%{margin-left:-100%;}
25%{margin-left:-100%;}

30%{margin-left:-200%;}
45%{margin-left:-200%;}

50%{margin-left:-300%;}
60%{margin-left:-300%;}

65%{margin-left:-400%;}
75%{margin-left:-400%;}

85%{margin-left:-500%;}
100%{margin-left:-500%;}
}

.sliderdiv {
    position: absolute;
    width: 51%;
    margin-left: 55%;
    margin-top: -7%;
	touch-action: manipulation;
	transform: translate3d(0,0,0)
}
@media only screen and (max-width:768px){
.sliderdiv {
    display: contents;
    position: absolute;
    width: 51%;
    margin-left: 55%;
	margin-top: -7%;
	touch-action: manipulation;
	transform: translate3d(0,0,0)}
} 	
/*Fin de ccs slider*/
@media only screen and (max-width:768px){
.custom-top-title-box {
    margin-top: 5%;   
	touch-action: manipulation;
	transform: translate3d(0,0,0)
	}}







* {
  box-sizing: border-box;
}

/* Position the image container (needed to position the left and right arrows) */
.contenedorgaleria{
  position: relative;width: 100%;justify-content: center;align-content: center;display: flex;
}

/* Hide the images by default */
.Contenedordeimggaleria2 {
  display: none; margin: auto;
}

.centradodegaleriaimg{width: 50%;margin-right: 20px;background-color: #32529a; box-shadow: 3px 8px 18px grey;}
/* Add a pointer when hovering over the thumbnail images */
.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.centradobotoneragaleria {
    display: flex;
    margin: auto;
    width: 60%;
    height: 9vh;
    justify-content: center;
}
.prev, .next {
    cursor: pointer;
    position: relative;
    width: auto;
    padding-top: 25px;
    color: white;
    font-weight: bold;
    font-size: 40px;
    border-radius: 0 3px 3px 0;
    user-select: none;
    -webkit-user-select: none;
    background-color:#32529a; text-decoration: none;
}

/* Position the "next button" to the right */
.next {
    right: -70%;
    border-radius: 3px 0 0 3px;
}
a.prev {
    left: -70%;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: #32529a;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}


/* Container for image text */
.caption-contenedorgaleria {
  text-align: center;
  background-color: #222;
  padding: 2px 16px;
  color: white;
}

.row:after {
  content: "";
  display: block;
  clear: both;
}

/* Six columns side by side */
.columnimg {
    float: left;
    width: 9%;
    display: block;
    overflow-y: scroll;height: 77vh;
}

/* Add a transparency effect for thumnbail images */
.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

.centradodetrabajosrealizados1 {
    width: 100%;
    max-width: 40%;
    margin-left: 20%;
    margin-bottom: 2%;
}
.centradodetrabajosrealizados {
    margin-bottom: 5px;
}

@media only screen and (max-width:768px){
.centradodegaleriaimg {
    width: 100%;
    margin-right: 20px;
    background-color: #32529a;
	}}

@media only screen and (max-width:768px){
	.contenedorgaleria {
    position: relative;
    width: 100%;
    justify-content: center;
    align-content: center;
    display: block;
}}

a:active {
    color: #007bff;
}
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
    background-color: #4a78ba;
    color: white;
    border: none;
    font-size: 1rem;
    position: relative;
    z-index: 20;
    margin-top: 0%;
    margin-left: 0;
}

p.textovolador {
    position: absolute;
    margin-top: 30px;
    font-size: 2.5rem;
    color: white;
    font-weight: 700;
}
@media only screen and (max-width:768px){
p.textovolador {
    position: absolute;
    margin-top: 15px;
    font-size: 2rem;
    color: white;
    font-weight: 400;
	}}

.prev:hover, .next:hover {
    background-color: #32529a;
    text-decoration: none;
}

@media only screen and (max-width:768px){
.prev, .next {
    cursor: pointer;
    position: relative;
    width: auto;
    padding-top: 15px;
    color: white;
    font-weight: bold;
    font-size: 40px;
    border-radius: 0 3px 3px 0;
    user-select: none;
    -webkit-user-select: none;
    background-color: #32529a;
    text-decoration: none;
	}}
@media only screen and (max-width:768px){
a.prev {
    left: -38%;
	}}
@media only screen and (max-width:768px){
a.next {
    left: 38%;
	}}
@media only screen and (max-width:768px){
.centradobotoneragaleria {
    display: flex;
    margin: auto;
    width: 100%;
    height: 60px;
    justify-content: center;
	}}

@media only screen and (max-width: 768px){
.custom-top-title-box {
    margin-top: 5%;
    margin-left: 5%;
    touch-action: manipulation;
    transform: translate3d(0,0,0);
}}

@media only screen and (max-width: 768px){
.centradodetrabajosrealizados1 {
    width: 100%;
    max-width: 90%;
    margin-left: 5%;
    margin-bottom: 0%;
	}}
@media only screen and (max-width: 768px){
.columnimg {
    float: none;
    position: absolute;
    width: auto;
    display: flex;
    overflow-x: scroll;
    height: 25%;
    justify-content: center;
	}}
img.demo.cursor {
    width: 100%;
}
@media only screen and (max-width: 768px){
img.demo.cursor {
    width: auto;
	}}

@media only screen and (max-width: 768px){
.columnimg {
    float: none;
    position: absolute;
    width: 100%;
    display: flex;
    overflow-x: scroll;
    height: 25%;
    justify-content: flex-start;
    max-width: 100%;
	}}
@media only screen and (max-width: 768px){
.feature-box {
    display: block;
	}}
@media only screen and (max-width: 768px){
.col-lg-7.offset-xl-1.col-xl-7 {
    padding: 10px;
	}}
@media only screen and (max-width: 768px){
p.categoriasub {
    font-size: 1.4rem;
    color: #222b4f;
    font-weight: 700;
    max-width: 70%;
    text-align: left;
    margin-left: 5%;
	}}
@media only screen and (max-width: 768px){
.acomodandotexto {
    padding-left: 0px;
    padding-right: 10px;
	}}
@media only screen and (max-width: 768px){
.mb-4, .my-4 {
    margin-bottom: 1.5rem!important;
    line-height: 20px;
    margin-top: 20px;
    padding-right: 10px;
	}}

@media only screen and (max-width: 768px){
p.mb-0.appear-animation.animated.fadeInUpShorter.appear-animation-visible {
    padding-left: 2%;
    padding-right: 2%;
    padding-bottom: 5%;
	}}
@media only screen and (max-width: 768px){
h4.text-color-dark.pt-1 {
       font-size: 1rem;
    margin-top: -35px;
    margin-left: 11%;
	}}

@media only screen and (max-width: 768px){
html .text-color-dark, html .text-dark {
    color: #212529!important;
    padding-left: 4%;
    padding-right: 4%;padding-top: 6%;
	}}
@media only screen and (max-width: 768px){
a.btn.btn-outline.custom-border-width.btn-primary.mt-3.mb-2.custom-border-radius.font-weight-semibold.text-uppercase {
    width: 70%;
    position: absolute;
    margin-left: 14%;
    display: flex;
    justify-self: center;
    text-align: center;
	}}
@media only screen and (max-width: 768px){
footer#footer {
    background-color: #202020;
    color: white;
    display: block;
    padding-left: 5%;
	}}

@media only screen and (max-width: 768px){
p.lead.mb-0.text-4 {
    padding-left: 2%;
	}}
@media only screen and (max-width: 768px){
strong.Subtitulo6 {
    font-weight: 600;
    padding-left: 2%;
	}}
@media only screen and (max-width: 768px){
form.contact-form {
    width: 80%;
    display: block;
    justify-content: center;
    text-align: left;
    margin: auto;
	}}
@media only screen and (max-width: 768px){
ul.list.list-icons.list-dark.mt-2 {
    padding-left: 2%;
	}}
@media only screen and (max-width: 768px){
ul.list.list-icons.list-icons-style-2.mt-2 {
    padding-left: 2%;
	}}

@media only screen and (max-width: 768px){
p.mb-0.appear-animation.animated.maskUp.appear-animation-visible {
    padding-left: 2%;
    padding-right: 2%;
	}}
@media only screen and (max-width: 768px){
strong.font-weight-extra-bold {
    padding-left: 2%;
	}}
@media only screen and (max-width: 768px){
.col-md-7.col-lg-7 {
    display: block;
    max-width: 80%;
    text-align: left;
    width: 80%;
    margin-left: 10%;
	}}
@media only screen and (max-width: 768px){
.row.mx-0 {
    display: grid;
    max-width: 200%;
    width: 100vh;
	}}

.prev:hover, .next:hover {
    background-color: #32529a;
    text-decoration: none;
    color: gainsboro;
}