@charset "UTF-8";
/* CSS Document */

.pop-up{
	/*
	width: 45%;
	min-width: 740px;
	height: auto;
	
	position: fixed;
    margin: 5% auto;
    left: 0;
    right: 0;
	top: 18%;
    z-index: 1000;	
	*/
}
.pop-up {display:flex; width:100%; height:100%; position:fixed; margin:0; padding:0; left:0; right:0; top:0; bottom:0; z-index:1000; flex-wrap:wrap; justify-content:center; align-items:center}
.popinti {width: 45%; min-width: 740px; position:relative}

.horiim { display:block}
.vertim { display:none}
.arvin-main-menu { z-index:500!important}

@media (max-width: 800px) {
  .popinti {
	min-width: 85%;
	/*top: 10%; /*20%; */
	
}

	
  }

@media (max-width: 540px) {
.horiim { display:none!important}
.vertim { display:block!important}

}
.pop-up img {
	width: 100%;
	height: auto;
	
}
/*
.close-button {
    transition: all 0.5s ease;
    position: absolute;
    background-color: #2b85be;
    padding: 1.5px 7px;
    left: 0;
    margin-left: -10px;
    margin-top: -9px;
    border-radius: 50%;
    border: 2px solid #fff;
    color: white;
    -webkit-box-shadow: -4px -2px 6px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: -4px -2px 6px 0px rgba(0,0,0,0.1);
    box-shadow: -3px 1px 6px 0px rgba(0,0,0,0.1);
}

.close-button:hover {
    background-color: #2170ae;
    color: #fff;
}*/

.close-button {
    transition: all 0.5s ease;
    position: absolute;
    background-color: #2b85be;
    padding: 0;
    left: 0;
    margin-left: -10px;
    margin-top: -10px;
    border-radius: 0%;
    border: 2px solid #fff;
	width:40px; height:40px; text-align:center; line-height:30px; font-size:25px;
    color: white;
    -webkit-box-shadow: -4px -2px 6px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: -4px -2px 6px 0px rgba(0,0,0,0.1);
    box-shadow: -3px 1px 6px 0px rgba(0,0,0,0.1);
	font-family:'Raleway', sans-serif;
	font-weight:900
}

.close-button:hover {
    background-color: #fff;
    color: #2170ae;
	border: 2px solid #2170ae;
}


.cover {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 999;
}

.cover {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 999;
}


/* OSCURECER */

.shadow-in {
    -webkit-animation: oscurecer 2s forwards;
    -moz-animation: oscurecer 2s forwards;
    -o-animation: oscurecer 2s forwards;
    animation: oscurecer 2s forwards;
}

.shadow-out {
    -webkit-animation: aclarar 2s forwards;
    -moz-animation: aclarar 2s forwards;
    -o-animation: aclarar 2s forwards;
    animation: aclarar 2s forwards;
}


@-webkit-keyframes oscurecer {
    0% {
        /*background-color: rgba(0,0,0,0);*/
		-webkit-filter: blur(0px);
		-moz-filter: blur(0px);
		-o-filter: blur(0px);
		-ms-filter: blur(0px);
		filter: blur(0px);
    }

    100% {
        /*background-color: rgba(0,0,0,.65);*/
		-webkit-filter: blur(4px);
		-moz-filter: blur(4px);
		-o-filter: blur(4px);
		-ms-filter: blur(4px);
		filter: blur(4px);
    }
}


@-moz-keyframes oscurecer {
    0% {
        /*background-color: rgba(0,0,0,0);*/
		-webkit-filter: blur(0px);
		-moz-filter: blur(0px);
		-o-filter: blur(0px);
		-ms-filter: blur(0px);
		filter: blur(0px);
    }

    100% {
        /*background-color: rgba(0,0,0,.65);*/
		-webkit-filter: blur(4px);
		-moz-filter: blur(4px);
		-o-filter: blur(4px);
		-ms-filter: blur(4px);
		filter: blur(4px);
    }
}	


@-o-keyframes oscurecer {
    0% {
        /*background-color: rgba(0,0,0,0);*/
		-webkit-filter: blur(0px);
		-moz-filter: blur(0px);
		-o-filter: blur(0px);
		-ms-filter: blur(0px);
		filter: blur(0px);
    }

    100% {
        /*background-color: rgba(0,0,0,.65);*/
		-webkit-filter: blur(4px);
		-moz-filter: blur(4px);
		-o-filter: blur(4px);
		-ms-filter: blur(4px);
		filter: blur(4px);
    }
}	    

 
@keyframes oscurecer {
    0% {
        /*background-color: rgba(0,0,0,0);*/
		-webkit-filter: blur(0px);
		-moz-filter: blur(0px);
		-o-filter: blur(0px);
		-ms-filter: blur(0px);
		filter: blur(0px);
    }

    100% {
       /* background-color: rgba(0,0,0,.65);*/
		-webkit-filter: blur(4px);
		-moz-filter: blur(4px);
		-o-filter: blur(4px);
		-ms-filter: blur(4px);
		filter: blur(4px);
    }
}	



@-webkit-keyframes aclarar {
    0% {
       /* background-color: rgba(0,0,0,.65);*/
		-webkit-filter: blur(4px);
		-moz-filter: blur(4px);
		-o-filter: blur(4px);
		-ms-filter: blur(4px);
		filter: blur(4px);
    }

    100% {
        /*background-color: rgba(0,0,0,0);*/
		-webkit-filter: blur(0px);
		-moz-filter: blur(0px);
		-o-filter: blur(0px);
		-ms-filter: blur(0px);
		filter: blur(0px);
    }
}


@-moz-keyframes aclarar {
    0% {
        /*background-color: rgba(0,0,0,.65);*/
		-webkit-filter: blur(4px);
		-moz-filter: blur(4px);
		-o-filter: blur(4px);
		-ms-filter: blur(4px);
		filter: blur(4px);
    }

    100% {
        /*background-color: rgba(0,0,0,0);*/
		-webkit-filter: blur(0px);
		-moz-filter: blur(0px);
		-o-filter: blur(0px);
		-ms-filter: blur(0px);
		filter: blur(0px);
    }
}


@-o-keyframes aclarar {
    0% {
        /*background-color: rgba(0,0,0,.65);*/
		-webkit-filter: blur(4px);
		-moz-filter: blur(4px);
		-o-filter: blur(4px);
		-ms-filter: blur(4px);
		filter: blur(4px);
    }

    100% {
        /*background-color: rgba(0,0,0,0);*/
		-webkit-filter: blur(0px);
		-moz-filter: blur(0px);
		-o-filter: blur(0px);
		-ms-filter: blur(0px);
		filter: blur(0px);
    }
}    

 
@keyframes aclarar {
    0% {
        /*background-color: rgba(0,0,0,.65);*/
		-webkit-filter: blur(4px);
		-moz-filter: blur(4px);
		-o-filter: blur(4px);
		-ms-filter: blur(4px);
		filter: blur(4px);
    }

    100% {
        /*background-color: rgba(0,0,0,0);*/
		-webkit-filter: blur(0px);
		-moz-filter: blur(0px);
		-o-filter: blur(0px);
		-ms-filter: blur(0px);
		filter: blur(0px);
    }
}