/*******************************************************************************************************/
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
                               /* C S S    B Y    A G R A  :P */
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
/********************************************************************************************************/
body, html{
	line-height: normal;
	font-size: 16px;
}

.rev-text-1, .rev-text-2, .rev-text-3, .rev-text-4, body, h1, h2, h3, h4, h5, h6, html{font-family: 'Montserrat', sans-serif;}
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
	/*Colores*/
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/

.l-blanca{color: #fff;}
.l-blanca-force{color: #fff!important;}
.l-negra-force{color: #000!important;}
.l-negra{color: #000;}
.l-gris{color: #808080;}

/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/

/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
	/*Fuente, pesos fuente, tamaño*/
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/

.montse{font-family: 'Montserrat', sans-serif;}
.roboto{font-family: 'Roboto Condensed', sans-serif;}
.upper{text-transform: uppercase !important;}
.w-300{font-weight: 300;}
.w-400{font-weight: 400;}
.w-500{font-weight: 500;}
.w-600{font-weight: 600;}
.w-700{font-weight: 700;}
.fs-12{font-size: 12px;}
.fs-13{font-size: 13px;}
.fs-14{font-size: 14px;}
.fs-15{font-size: 15px;}
.fs-16{font-size: 16px;}
.fs-17{font-size: 17px;}
.fs-18{font-size: 18px;}
.fs-19{font-size: 19px;}
.fs-20{font-size: 20px;}
.fs-21{font-size: 21px;}
.fs-22{font-size: 22px;}
.fs-23{font-size: 23px;}
.fs-24{font-size: 24px;}
.fs-25{font-size: 25px;}
.fs-26{font-size: 26px;}
.fs-27{font-size: 27px;}
.fs-28{font-size: 28px;}
.fs-29{font-size: 29px;}
.fs-30{font-size: 30px;}
.fs-31{font-size: 31px;}
.fs-32{font-size: 32px;}
.fs-33{font-size: 33px;}
.fs-34{font-size: 34px;}
.fs-35{font-size: 35px;}
.fs-36{font-size: 36px;}
.fs-37{font-size: 37px;}
.fs-38{font-size: 38px;}
.fs-39{font-size: 39px;}
.fs-40{font-size: 40px;}
.fs-41{font-size: 41px;}
.fs-42{font-size: 42px;}
.fs-43{font-size: 43px;}
.fs-44{font-size: 44px;}
.fs-45{font-size: 45px;}
.fs-46{font-size: 46px;}
.fs-47{font-size: 47px;}
.fs-48{font-size: 48px;}
.fs-49{font-size: 49px;}
.fs-50{font-size: 50px;}
.fs-51{font-size: 51px;}
.fs-52{font-size: 52px;}
.lh-15{line-height: 1.5;}
.lh-normal{line-height: normal;}
.l-spacing1{letter-spacing: 1px;}

/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/

/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
	/*Margin, padding*/
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
.pl-500{padding-left: 600px;}
.padd-contact{padding: 0 150px !important;}
.padd-address{padding: 0 70px;}
.p-no-margin{margin: 0 !important;}
.justi-p{text-align: justify;}

.p-tb50{padding: 50px 0;}
.p-tb60{padding: 60px 0;}
.p-tb70{padding: 70px 0;}
.p-tb80{padding: 80px 0;}
.p-tb90{padding: 90px 0;}
.p-tb100{padding: 100px 0;}
.p-tb110{padding: 110px 0;}

.p-t20{padding-top: 20px;}
.p-t30{padding-top: 30px;}
.p-t40{padding-top: 40px;}
.p-t50{padding-top: 50px;}
.p-t60{padding-top: 60px;}
.p-t70{padding-top: 70px;}
.p-t80{padding-top: 80px;}
.p-t90{padding-top: 90px;}
.p-t100{padding-top: 100px;}


.p-b20{padding-bottom: 20px;}
.p-b30{padding-bottom: 30px;}
.p-b40{padding-bottom: 40px;}
.p-b50{padding-bottom: 50px;}
.p-b60{padding-bottom: 60px;}
.p-b70{padding-bottom: 70px;}
.p-b80{padding-bottom: 80px;}
.p-b90{padding-bottom: 90px;}
.p-b100{padding-bottom: 100px;}

.m-a20{margin: 30px;}

.m-tb50{margin: 50px 0;}
.m-tb60{margin: 60px 0;}
.m-tb70{margin: 70px 0;}
.m-tb80{margin: 80px 0;}
.m-tb90{margin: 90px 0;}
.m-tb100{margin: 100px 0;}
.m-tb110{margin: 110px 0;}

.m-t15{margin-top: 15px;}
.m-t20{margin-top: 20px;}
.m-t25{margin-top: 25px;}
.m-t30{margin-top: 30px;}
.m-t40{margin-top: 40px;}
.m-t50{margin-top: 50px;}
.m-t60{margin-top: 60px;}
.m-t70{margin-top: 70px;}
.m-t80{margin-top: 80px;}
.m-t90{margin-top: 90px;}
.m-t100{margin-top: 100px;}

.m-b0{margin-bottom: 0px;}
.m-b10{margin-bottom: 10px;}
.m-b20{margin-bottom: 20px;}
.m-b30{margin-bottom: 30px;}
.m-b40{margin-bottom: 40px;}
.m-b50{margin-bottom: 50px;}
.m-b60{margin-bottom: 60px;}
.m-b70{margin-bottom: 70px;}
.m-b80{margin-bottom: 80px;}
.m-b90{margin-bottom: 90px;}
.m-b100{margin-bottom: 100px;}

/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/

/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
	/*Buttons*/
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
.au-btn--solid, .swal-button{background: transparent; border: 1px solid #fff;}
.btn-blanco{background: #fff; color: #000;}
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/

/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
	/*Background*/
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
.acerca-de{background: url('../archivos/home/acerca-de-proconvenciones-home-bg.GIF'); background-position: center; background-repeat: no-repeat; -webkit-background-size: cover;
     -o-background-size: cover;
        background-size: cover;}
.back-footer{background: url('../archivos/home/contacto.jpg'); background-attachment: fixed; background-position: center; background-repeat: no-repeat; -webkit-background-size: cover;
     -o-background-size: cover;
        background-size: cover;}
.back-footer-2{background: url('../archivos/home/contacto.jpg'); background-position: center; background-repeat: no-repeat; -webkit-background-size: cover;
     -o-background-size: cover;
        background-size: cover;
	    background-position-y: 75%;}
.bckgd-one-stop{background: url('../archivos/home/one-stop-shop-proconvenciones.jpg'); background-position: center; background-repeat: no-repeat; -webkit-background-size: cover;
     -o-background-size: cover;
        background-size: cover;}
.bckgd-negro{background: #000;}
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/

/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
	/*Square*/
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
.square-slide{width: 250px; height: 250px; border: 1px solid rgba(255,255,255,.75); position: absolute; top: 50%; left: 30%; transform: translate(-40%, -64%); border-right: 0;}
.square-slide:before{content: ""; position: absolute; top: 0; right: 0; height: 45px; width: 1px; background: rgba(255,255,255,.75); z-index: 99;}
.square-slide:after{content: ""; position: absolute; bottom: 0; right: 0; height: 20px; width: 1px; background: rgba(255,255,255,.75); z-index: 99;}
.square-slide-interiores{width: 250px; height: 250px; border: 1px solid rgba(255,255,255,.75); position: absolute; top: 30%; left: 10%; border-right: 0;}
.square-slide-interiores:before{content: ""; position: absolute; top: 0; right: 0; height: 70px; width: 1px; background: rgba(255,255,255,.75); z-index: 99;}
.square-slide-interiores:after{content: ""; position: absolute; bottom: 0; right: 0; height: 50px; width: 1px; background: rgba(255,255,255,.75); z-index: 99;}
.small-squares{position: relative;}
.square, .square2, .square3{position: absolute; top: 50%; left: 0%; transform: translate(-50%,-50%); border: 1px solid #000; border-right: none; width: 60px; height: 60px;}
.square:before, .square2:before, .square3:before{content: ""; position: absolute; height: 10px; width: 1px; background: #000; top: 0; right: 0;}
.square:after, .square2:after, .square3:after{content: ""; position: absolute; height: 10px; width: 1px; background: #000; bottom: 0; right: 0;}
.square4, .square5, .square6{border: 1px solid #000; height: 190px; min-width: 190px; margin-left: 15px; position: relative; overflow: visible;}
.square4:before{content: ""; width: 20px; height: 20px; background: #000; position: absolute; left: -10px; bottom: 15px; border-radius: 50%;}
.square5:before{content: ""; width: 20px; height: 20px; background: #000; position: absolute; right: -10px; top: -10px; border-radius: 50%;}
.square6:before{content: ""; width: 20px; height: 20px; background: #000; position: absolute; right: 15px; bottom: -10px; border-radius: 50%;}
.square7{border: 1px solid #000; height: 100%; width: 100%; position: relative; overflow: visible; padding: 70px 40px;}
.square7:before{content: ""; width: 20px; height: 20px; background: #000; position: absolute; right: 15px; bottom: -10px; border-radius: 50%;}
.media-statistic .number:after{content: "";}
.media-statistic .number:before{content: "+";}
.media-statistic .number.other:before{color: #000; content: "DESDE"; top: 0px; position: absolute; font-size: 19px; font-family: 'Roboto Condensed', sans-serif; font-weight: 400; right: 15px;}
.bef-none:before{content:""!important;}
.media-statistic .media__body{padding-left: 15px; text-align: right; padding-right: 15px; margin-top: 15px; margin-bottom: 15px;}
.media-statistic .number{line-height: 6; font-size: 30px;}
.description-counter{margin: 65px 0px 0 15px;}
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/

a:hover{color: #808080;}
#header{position: absolute; top: 0; z-index: 999999; width: 100%;}
#header.interior{position: relative; background: #000;}
.band-header{padding: 5px 0; border-bottom: 1px solid #fff; width: 100%;}
.socials-header{display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: flex-end; align-items: flex-end;}
.socials-header .container{text-align: right;}
.socials-header i{margin: 0 10px; font-size: 18px;}
.header-1 .header-nav-menu{margin-right: 0px;}
.whats-header{display: inline-block; padding: 5px 15px; background: #25d366;}
.whats-header a{display: flex; -webkit-align-items: center; align-items: center;}
.whats-header i{margin-right: 10px;}
.header--fixed .menu-item a{color: #fff;}
.header--fixed{background: #000;}
.menu a{color: #fff;}
/*.forcefullwidth_wrapper_tp_banner, .rev_slider_wrapper, .js-rev{
	height: 100vh!important;
}*/
.title-section{font-size: 35px; margin-bottom: 1.8rem;}
.dis-flex{display: flex; align-items: center;}
.dis-flex-center{display: flex; align-items: center; justify-content: center;}
.dis-flex-servicios{display: flex; align-items: center; margin-bottom: 20px;}
.dis-footer{display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; padding: 30px 0;}
.line-footer:before{content: ""; position: absolute; border-top: 1px solid #fff; width: 100%; left: 0;}
.foot-left{text-align: left;}
.foot-center{text-align: center;}
.foot-right{text-align: right;}
.logo-footer{width: 175px; height: 48px;}
.address-row{margin: 70px 0;}
.header-mobile{position: absolute; top: 40px; width: 100%; left: 0;z-index: 999;}
.menu a:hover{color: #afafaf;}
.menu a.active{color: #afafaf;}
.bb-1-white{border-bottom: 1px solid #fff;}

/*Gallery popUp*/
/* text-based popup styling */
.white-popup {
  position: relative;
  background: #FFF;
  padding: 25px;
  width: auto;
  max-width: 400px;
  margin: 0 auto;
}
/*
====== Zoom-out effect ======
*/
.mfp-zoom-out .mfp-with-anim {opacity: 0; transition: all 0.3s ease-in-out; transform: scale(1.3);}
.mfp-zoom-out.mfp-bg {opacity: 0; transition: all 0.3s ease-out;}
.mfp-zoom-out.mfp-ready .mfp-with-anim {opacity: 1; transform: scale(1);}
.mfp-zoom-out.mfp-ready.mfp-bg {opacity: 0.8;}
.mfp-zoom-out.mfp-removing .mfp-with-anim {transform: scale(1.3); opacity: 0;}
.mfp-zoom-out.mfp-removing.mfp-bg {opacity: 0;}

/* 
/*End*/

.circle-images-svg{border-radius: 50%; width: 150px; position: relative; height: 150px; margin: 0 auto; border: 1px solid #000; margin-bottom: 20px;}
.circle-images-svg img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.circle-images-svg svg{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.border-radius0{border-radius: 0!important;}
.media__number-wrap{min-width: 30px; min-height: 30px; border-radius: 50%; border: 1px solid #000; position: relative; margin-right: 20px;}
.play-video{font-size: 60px; position: absolute; top: 75%; left: 50%; transform: translate(-50%,-50%); color: #000; border: 3px solid #fff; border-radius: 50%; z-index: 99;}
.menu-item a{padding: 40px 15px;}
.header--fixed .menu-item a{padding: 40px 15px;}
.logo-header{width: 395px; height: 100%; /*width: 350px;*/}
.logo-header-responsive{width:230px; height: 100%;}
.icons-80{width: 80px;}
.col-md-2-5{flex: 0 0 20%; max-width: 20%;}
.au-input, .au-textarea{background: rgba(248, 248, 248, .75);}
.border-right-separator{border-right: 1px solid #fff;}
.border-right-separator-b{border-right: 1px solid #000;}
.text-circles{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); line-height: 22px; width: 100%;}
.text-initial-circles{text-align: initial; width: 210px; margin: 30px auto 0;}
.mini-acerca-de{position: absolute; top: 0; left: 15%; height: 100%;}
.place-black::placeholder{color: #000; opacity: 1;}
.place-black:-ms-input-placeholder {color: #000;}
.place-black::-ms-input-placeholder {color: #000;}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before{background-color: #fff;}
#header.header-contacto{background: #000; position: relative;}
.border-contacto{border: 1px solid #000;}
.hidden-desktop{display: none;}
.media-project-2 .address{font-size: 15px;}
.media-project-2 .media__title{margin-bottom: 5px;}
.click-video{width: 100%; height: 100%; cursor: pointer;}
.btn-up{opacity: 0; position: fixed; right: 25px; padding: 10px; background: #fff; color: #000; border: 1px solid #000; bottom: 5%; z-index: 9999; font-size: 18px;}
/*.mensajes-form{color: #000; margin-top: 20px; border: 1px solid; padding: 15px; width: 350px; margin: 25px auto 0; background: rgba(255,255,255,0.5); font-weight: 500;}*/
.cont-before-after{margin-bottom: 20px;}
.before-after img{width: 100% !important;}
.header-mobile.fixed-menu{background: #000; top: 30px!important; position: fixed!important; transition: .5s linear;}

.logo-banner{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -55%); width: 800px; height: 100%;}
.w-space-pre{white-space: pre-line;}


/*SVG Animation*/
svg:hover path{stroke: #000; stroke-dasharray: 280; opacity: 10; fill: #000; animation: svg .5s cubic-bezier(0,0.23,1,.1);}
.st0{fill: #000; stroke: #000; stroke-width:.5; stroke-miterlimit:10;}

@keyframes svg{
  0%{
    opacity: 0;
    fill: none;
    stroke-dashoffset: 280;
  }
  30%{
    opacity: 10;
    fill: none;
    stroke-dashoffset: 280;
  }
  90%{
    fill: rgba(0,0,0,0);
  }
  100%{
    opacity: 10;
    fill: rgba(0,0,0,1);
    stroke-dashoffset: 0;
  }
}













/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
	/*Responsive*/
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
@media screen and (min-width: 1700px){
	.square-slide-interiores{left: 17%; top: 33%;}
}

@media screen and (max-width: 1366px){
	.square-slide{left: 28%;}
	.square-slide-interiores{top: 25.5%;}
	.square-slide-interiores.ours{top: 23%;}
	.square-slide-interiores:after{height: 70px;}
}

@media screen and (max-width: 800px){
	.padd-contact{padding: 0 15px !important;}
	.padd-address{margin: 30px 0;}
	.address-row{margin: 35px 0;}
	.dis-flex{display: block;}
	.dis-flex-center{display: block;}
	.pl-500{padding-left: 0px;}
	.mini-acerca-de{left: 0; display: none;}
	.au-rev-arrow-2.tp-rightarrow{margin-right: 0px;}
	.au-rev-arrow-2.tp-leftarrow{margin-left: 0px;}
	.text-slide-small{font-size: 18px!important;}
	.lh-text-slide{line-height: 26px!important;}
	.border-right-separator-b{border-right: 0;}
	h2{font-size: 22px;}
	.media-service-1.last-child{margin-bottom: 0px;}
	.media-statistic{overflow: visible;}
	.media-statistic .media__body{margin-top: 0;}
	.back-footer{background: #000;}
	.col-md-2-5{max-width: 100%;}
	.circle-images-svg{margin-bottom: 10px;}
	.media-service-1 .title-number{margin-top: 30px;}
	.play-video{top: 45%; left: 49%; font-size: 35px;}
	.border-right-separator{border-right: 0;}
	.text-initial-circles{text-align: center; width: 100%;}
	.alianzas-small{width: 50%;}
	.padd-address{padding: 0 15px;}
	.map{width: 100%;}
	.footer-2{padding: 0;}
	#header.header-contacto{position: absolute;}
	.header-mobile-contact{position: relative; background: #000; top: 30px;}
	.hidden-desktop{display: block;}
	.whats-mobile{background: #fff; padding: 5px 20px; display: flex; align-items: center; position: fixed; width: 100%; bottom: 0; justify-content: center; z-index: 9999; color: #000;}
	.whats-mobile i{color: #25d366;}
	.dis-footer{padding: 30px 0 70px;}
	.square-slide{display: none;}
	.btn-up{bottom: 10%; right: 15px;}
	.w-space-sm{white-space: normal;}
	.square-slide-interiores{ top: 30%;}
	.square-slide-interiores.ours{top: 28.5%;}
	.media-project-2 .media__body{opacity: 1; visibility: visible; transform: scaleX(1);}
	.media-project-2 .media__title{font-size: 14px; margin-bottom: 0px;}
	.gallery-carousel .owl-nav{position: absolute; top: 35%; width: 100%;}
	.gallery-carousel .owl-nav button.owl-prev{position: absolute; left: -5px; font-size: 25px; color: #000; font-weight: 700;}
	.gallery-carousel .owl-nav button.owl-next{position: absolute; right: -5px; font-size: 25px; color: #000; font-weight: 700;}
	.gallery-carousel.owl-theme .owl-nav [class*=owl-]:hover{background: transparent; color: #000;}
	.logo-banner{width: 250px; transform: translate(-50%, -50%)}
	
	.acerca-de{background: #000;}

	/**/
	.fs-13-small{font-size: 13px!important;}
	.fs-14-small{font-size: 14px!important;}
	.fs-15-small{font-size: 15px!important;}
	.fs-16-small{font-size: 16px!important;}
	.fs-17-small{font-size: 17px!important;}
	.fs-18-small{font-size: 18px!important;}
	.fs-19-small{font-size: 19px!important;}
	.fs-20-small{font-size: 20px!important;}
	.fs-25-small{font-size: 25px!important;}
	.fs-28-small{font-size: 28px!important;}
	.fs-29-small{font-size: 29px!important;}
	.fs-30-small{font-size: 30px!important;}
	.fs-31-small{font-size: 31px!important;}
	.fs-32-small{font-size: 32px!important;}
	.fs-33-small{font-size: 33px!important;}

	.p-tb40-small{padding: 40px 0;}

	.p-t40-small{padding-top: 40px;}
	.p-t50-small{padding-top: 50px;}

	.p-b70-small{padding-bottom: 70px;}

	.m-t0-small{margin-top: 0px;}

	.m-b10-small{margin-bottom: 10px!important;}
	.m-b20-small{margin-bottom: 20px;}
	.m-b35-small{margin-bottom: 35px;}
	.m-b40-small{margin-bottom: 40px;}
	.m-b50-small{margin-bottom: 50px;}
}

@media screen and (max-width: 640px){
	.pl-400{padding-left: 0;}
	.foot-left{text-align: center; margin: 15px 0;}
	.foot-right{text-align: center; margin: 15px 0;}
	.square-slide{width: 100px; height: 100px; transform: translate(13%, -65%);}
	.menu a{color: #808080;}
}

/* Large Monitor */
@media only screen and (min-width: 1200px) and (max-width: 1919px) {

	.media-project-2 .media__title {
 font-size: 14px;
 margin-bottom: 0;
}
}

/* Mobile */
@media only screen and (max-width: 767px) {
	.up{
    margin-top: -160px;
   }
}

/* Tablet / iPad Portrait */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.up{
    margin-top: -90px;
   }
 
}

/* Computer / Desktop / iPad Landscape */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.up{
    margin-top: -140px;
   }
 }

/* Large Monitor */
@media only screen and (min-width: 1200px) and (max-width: 1919px) {
	.up{
    margin-top: -160px;
   }
  }


/* Widescreen Monitor */
@media only screen and (min-width: 1920px) {
   .up{
    margin-top: -160px;
   }
}