@font-face {font-family: "Poppins" , sans-serif;font-style: normal;font-weight: normal; font-display: swap; font-weight:300, 400, 500, 600, 700;}

*{margin: 0;padding: 0;text-decoration: none;border:  none;font-family: "Montserrat" , sans-serif;box-sizing:border-box;}
*:before,*:after { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

body {-webkit-font-smoothing: antialiased;letter-spacing: 0.1px; line-height: 19px; color: #757575; font-size: 15px;}

a,a:hover {text-decoration:none;}
#wrapper {font-display: swap; width: 100%; text-align: center; margin: 0 auto; font-family: 'Montserrat';font-size: 16px; color: #a2a2a2;}

.home{width: 100%; display: inline-block; text-indent: center;}
.interior-home{width: 1136px; display: inline-block;}
.interior-home img {display: inline-block; height: 100%; width: 220px;}

.interior-home1{width: 100%; height: 100%; display: inline-block; background: #f1f1f1; padding: 5px 0px 5px 0px;}
.info {height: 100%; display: inline-block; font-size: 20px; color: #868686; padding: 12px 0px 0px 0px;}
.facebook-link, .instagram-link, .twitter-link, .youtube-link{ color: #868686; }
.facebook-link:hover, .instagram-link:hover, .twitter-link:hover, .youtube-link:hover { color: #09A9B9; }
.redes{width: 868px; display: inline-block; color: #868686; text-align: right;}
.contenido-contacto {display: inline-flex;}
.contenido-contacto i {padding-right: 5px; color: #09A9B9;}
.contenido-contacto a {padding-right: 15px; color: #757575; }

.menu{width: 100%; height: 100%; display: inline-block; padding-top: 10px; text-align: center; background: #006C8E;}
/* menu */
#menu{display: inline-block;margin:0 auto;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #menu-button {margin: 0;padding: 0;border: 0;list-style: none;display: block;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;z-index: 9;text-align: left;}
#cssmenu:after,#cssmenu > ul:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
#cssmenu #menu-button {display: none;}
#cssmenu {width: 100%;display: inline-block;}
#cssmenu > ul > li {float: left;text-align: left;}
#cssmenu.align-center > ul {font-size: 0;text-align: left;}
#cssmenu.align-center > ul > li {display: inline-block;float: none;}
#cssmenu.align-center ul ul {text-align: left;}
#cssmenu.align-right > ul > li {float: right;}
#cssmenu > ul > li > a {padding: 15px;text-decoration: none;color: white;text-align: left;}
#cssmenu > ul > li:hover > a {color: #00cece;transition:all 0.3s linear;}
#cssmenu > ul > li.has-sub > a {padding-right: 30px;}
#cssmenu > ul > li.has-sub > a:after {position: absolute;top: 22px;right: 11px;width: 8px;height: 2px;display: block;background: #00CCCC;content: '';}
#cssmenu > ul > li.has-sub > a:before {position: absolute;top: 19px;right: 14px;display: block;width: 2px;height: 8px;background: #00CCCC;content: '';-webkit-transition: all .25s ease;-moz-transition: all .25s ease;-ms-transition: all .25s ease;-o-transition: all .25s ease;transition: all .25s ease;}
#cssmenu > ul > li.has-sub:hover > a:before {top: 23px;height: 0;}
#cssmenu ul ul {position: absolute;left: -9999px;}
#cssmenu.align-right ul ul {text-align: right;}
#cssmenu ul ul li {height: 0;-webkit-transition: all .25s ease;-moz-transition: all .25s ease;-ms-transition: all .25s ease;-o-transition: all .25s ease;transition: all .25s ease;}
#cssmenu li:hover > ul {left: auto;}
#cssmenu.align-right li:hover > ul {left: auto;right: 0;}
#cssmenu li:hover > ul > li {height: 45px;}
#cssmenu ul ul ul {margin-left: 100%;top: 0;}
#cssmenu.align-right ul ul ul {margin-left: 0;margin-right: 100%;}
#cssmenu ul ul li a {border-bottom: 30px solid rgba(150, 150, 150, 0.001);border-top: 10px solid rgba(150, 150, 150, 0.001);padding: 5px 0px 15px 0px;width: 250px;font-size: 15px;text-align: center;text-decoration: none;color: white;background: #00CCCC;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a {border-bottom: 0;}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover {color: #00cccc;background-color: white;transition:all 0.2s linear;}
#cssmenu ul ul li.has-sub > a:after {position: absolute;top: 16px;right: 11px;width: 8px;height: 2px;display: block;background: #006C8E;content: '';}
#cssmenu.align-right ul ul li.has-sub > a:after {right: auto;left: 11px;}
#cssmenu ul ul li.has-sub > a:before {position: absolute;top: 13px;right: 14px;display: block;width: 2px;height: 8px;background: #dddddd;content: '';-webkit-transition: all .25s ease;-moz-transition: all .25s ease;-ms-transition: all .25s ease;-o-transition: all .25s ease;transition: all .25s ease;}
#cssmenu.align-right ul ul li.has-sub > a:before {right: auto;left: 14px;}
#cssmenu ul ul > li.has-sub:hover > a:before {top: 17px;height: 0;}
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1020px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1020px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1020px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1020px), only screen and (min-resolution: 192dpi) and (max-width: 1020px), only screen and (min-resolution: 2dppx) and (max-width: 1020px) {
  #cssmenu {width: 100%;background-color: #006C8E;}
  #cssmenu ul {width: 100%;display: none;background-color: #00CCCC;}
  #cssmenu.align-center > ul {text-align: center;}
  #cssmenu ul li {width: 100%;border-top: 1px solid rgba(120, 120, 120, 0.2);}
  #cssmenu ul ul li,#cssmenu li:hover > ul > li {height: auto;}
  #cssmenu ul li a,#cssmenu ul ul li a {width: 100%;border-bottom: 0;}
  #cssmenu ul li a:hover,#cssmenu ul ul li a:hover {color: #006C8E;}
  #cssmenu > ul > li:hover > a {color: #006C8E;}
  #cssmenu > ul > li {float: none;}
  #cssmenu ul ul li a {padding-left: 25px;}
  #cssmenu ul ul ul li a {padding-left: 35px;}
  #cssmenu ul ul li a {color: white;background: #006C8E;}
  #cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a {color: #00cccc;background-color: #ffffff;transition:all 0.2s linear;}
  #cssmenu ul ul,#cssmenu ul ul ul,#cssmenu.align-right ul ul {position: relative;left: 0;width: 100%;margin: 0;}
  #cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before {display: none;}
  #cssmenu #menu-button {display: block;padding: 17px;color: white;cursor: pointer;font-size: 16px;}
  #cssmenu #menu-button:after {position: absolute;top: 22px;right: 17px;display: block;height: 15%;width: 20px;border-top: 2px solid white;border-bottom: 2px solid white;content: '';}
  #cssmenu #menu-button:before {position: absolute;top: 16px;right: 17px;display: block;height: 2px;width: 20px;background: white;content: '';}
  #cssmenu #menu-button.menu-opened:after {top: 23px;border: 0;height: 2px;width: 15px;background: white;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
  #cssmenu #menu-button.menu-opened:before {top: 23px;background: white;width: 16px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
  #cssmenu .submenu-button {position: absolute;z-index: 99;right: 0;top: 0;display: block;border-left: 1px solid rgba(120, 120, 120, 0.2);height: 46px;width: 46px;cursor: pointer;}
  #cssmenu .submenu-button.submenu-opened {background: #006C8E;}
  #cssmenu ul ul .submenu-button {height: 34px;width: 34px;}
  #cssmenu .submenu-button:after {position: absolute;top: 22px;right: 19px;width: 8px;height: 2px;display: block;background: #006C8E;content: '';}
  #cssmenu ul ul .submenu-button:after {top: 15px;right: 13px;}
  #cssmenu .submenu-button.submenu-opened:after {background: #ffffff;}
  #cssmenu .submenu-button:before {position: absolute;top: 19px;right: 22px;display: block;width: 2px;height: 8px;background: #006C8E;content: '';}
  #cssmenu ul ul .submenu-button:before {top: 12px;right: 16px;}
  #cssmenu .submenu-button.submenu-opened:before {display: none;}
}
/* Fin del menu */

.principal{width: 100%; text-align: center; display: inline-block;}
.interior-inicio {width: 1136px; display: inline-flex; background: white; margin: 100px 0px 100px 0px; padding: 80px 0px 80px 0px;}
.interior-principal{width: 1136px; display: inline-flex; background: white; margin: 100px 0px 100px 0px;}
.interior-rellenos-faciales {width: 1136px; display: inline-block; background: white; margin: 100px 0px 100px 0px; 
    padding: 100px 0px 100px 0px;}
.cuadro-1 {width: 100%; display: inline-block; vertical-align: middle;}
.cuadro-1 img {display: inline-block; height: 100%; width: 100%;}
.cuadro-2{display: inline-flex; margin: 80px 50px 50px 50px;}
.cuadro-2 .imagen-principal{ display: inline-block; padding: 0px 0px 0px 50px; }
.informacion{display: inline-block; text-align: center; padding: 50px 50px 50px 50px; line-height: 20px; color: #868686;}
.informacion .item{display: inline-block; height: 100%; width: 100%; padding: 20px 0px 20px 0px;}
.informacion2{display: inline-block; text-align: left; line-height: 20px; color: #868686;}
.informacion2 img{width: 100%}
.informacion2 p {text-align: justify; padding: 0px 0px 50px 0px;}
.informacion2 a {font-weight: 600; color: #868686;}
.informacion2 .promociones {display: inline-flex; margin-bottom: 50px;}
.promociones img {padding-right: 50px; width: 600px;}
.informacion .mail {color: #868686; line-height: 25px;}
.informacion i {color: #09A9B9;}
.informacion-principal {display: inline-block; width: 100%; text-align: justify; padding: 50px 50px 50px 50px; line-height: 20px; color: #868686;}
.informacion-principal a {font-weight: 600; color: #868686;}
.informacion-principal .whatsapp {color: #868686; line-height: 25px;}
.informacion-principal i {color: #09A9B9;}
.informacion-principal .mail {color: #868686; line-height: 25px;}
.informacion-principal i {color: #09A9B9;}
/* menu */

/* slider */
.boton:focus,.pogoSlider-nav-btn:focus{outline:0}
.pogoSlider{z-index: -1; width:100%;height:0;padding-bottom:48%;position:relative;overflow:hidden}
#column-left .pogoSlider,#column-right .pogoSlider,#content .pogoSlider{margin-bottom:20px}
.pogoSlider--banner .pogoSlider-slide{ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1}
.pogoSlider-slide{width:100%;height:100%;position:absolute;background-size:cover;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;-webkit-perspective:1300px;perspective:1300px;overflow:hidden}
.pogoSlider-loading{position:absolute;top:0;left:0;width:100%;height:100%;background:#eaeaea;}
.pogoSlider-loading-icon{position:absolute;top:50%;margin-top:-18px;left:50%;margin-left:-18px;width:36px;height:36px;}
.pogoSlider-slide-element{-webkit-animation-fill-mode:both;animation-fill-mode:both}
.m-pogoSlider .pogoSlider-slide-element{position:absolute;margin:0;box-sizing:border-box}
.pogoSlider-progressBar{position:absolute;width:100%;height:5px;top:0;left:0;background:#fff;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter:alpha(opacity=20);background:rgba(255,255,255,.2);}
.pogoSlider-progressBar-duration{position:absolute;height:100%;left:0;width:0;background:#fff;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter:alpha(opacity=40);background:rgba(255,255,255,.4)}
.boton{position:absolute;background:0 0;width:40px;height:40px;border-color:#eaeaea;border-color:#006C8E;border-style:solid;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);cursor:pointer}
.boton:hover{border-color:#00CCCC;}
.pogoSlider--dirBottomLeft .antes,.pogoSlider--dirBottomRight .antes,.pogoSlider--dirCenterHorizontal .antes,.pogoSlider--dirTopLeft .antes,.pogoSlider--dirTopRight .antes{border-width:0 0 3px 3px}
.pogoSlider--dirBottomLeft .despues,.pogoSlider--dirBottomRight .despues,.pogoSlider--dirCenterHorizontal .despues,.pogoSlider--dirTopLeft .despues,.pogoSlider--dirTopRight .despues{border-width:3px 3px 0 0}
.pogoSlider--dirCenterVertical .despues{border-width:3px 0 0 3px}
.pogoSlider--dirCenterVertical .antes{border-width:0 3px 3px 0}
.pogoSlider--dirCenterVertical .despues,.pogoSlider--dirTopLeft .boton,.pogoSlider--dirTopRight .boton{top:14px}
.pogoSlider--dirBottomLeft .antes,.pogoSlider--dirCenterHorizontal .antes,.pogoSlider--dirTopLeft .antes{left:14px}
.pogoSlider--dirBottomLeft .despues,.pogoSlider--dirTopLeft .despues{left:50px}
.pogoSlider--dirBottomRight .antes,.pogoSlider--dirTopRight .antes{right:50px}
.pogoSlider--dirBottomRight .despues,.pogoSlider--dirCenterHorizontal .despues,.pogoSlider--dirTopRight .despues{right:14px}
.pogoSlider--dirBottomLeft .boton,.pogoSlider--dirBottomRight .boton,.pogoSlider--dirCenterVertical .antes{bottom:14px}
.pogoSlider--dirCenterVertical .boton{left:50%;margin-left:-10px}
.pogoSlider--dirCenterHorizontal .boton{top:50%;margin-top:-10px}
.pogoSlider-nav{position:absolute;padding:0;margin:0;}
.pogoSlider--navBottom .pogoSlider-nav,.pogoSlider--navTop .pogoSlider-nav{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.pogoSlider--navTop .pogoSlider-nav{top:10px}
.pogoSlider--navBottom .pogoSlider-nav{bottom:10px}
.pogoSlider--navBottom .pogoSlider-nav li,.pogoSlider--navTop .pogoSlider-nav li{display:inline;margin:0 6px}
.pogoSlider--navLeft .pogoSlider-nav,.pogoSlider--navRight .pogoSlider-nav{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.pogoSlider--navLeft .pogoSlider-nav{left:10px}
.pogoSlider--navRight .pogoSlider-nav{right:10px}
.pogoSlider--navLeft .pogoSlider-nav li,.pogoSlider--navRight .pogoSlider-nav li{display:block;margin:6px 0}
.pogoSlider-nav-btn{background:#ccc;background:rgba(255,255,255,.5);border:none;border-radius:50%;width:20px;height:20px;box-shadow:0 1px 1px rgba(0,0,0,.1);cursor:pointer}
.pogoSlider-nav-btn--selected{background:#fff;box-shadow:0 1px 1px rgba(0,0,0,.3)}
.pogoSlider-slide-slice{overflow:hidden;position:absolute;background-size:cover}
.pogoSlider-slide-slice-inner{position:absolute;overflow:hidden}
.pogoSlider-animation-shrinkReveal{-webkit-animation-name:shrinkReveal;animation-name:shrinkReveal;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes shrinkReveal{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}}@keyframes shrinkReveal{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}}

/* fin slider */

.titulo{font-size: 35px; color: #006C8E; font-weight: bold; line-height: 40px;}
.subtitulo{font-size: 18px; color: #00CCCC; font-weight: 600;}

.fondo-azul{width: 100%; display: inline-block; background-color: #006C8E;}
.fondo-blanco{width: 100%; display: inline-block;}

.content-box{width: 1136px; display: inline-block; padding-top: 20px; padding-bottom: 20px;}
.box{width: 370px; height: 370px; display: inline-block; margin: 40px; text-align: center; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%;}
.box:hover .centro{width: 358px; height: 358px; transition:all 0.2s linear; background: #00CCCC; padding-top: 150px;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f980c7', endColorstr='#e864b3', GradientType=0 );
opacity: 0.9; border-radius: 100%; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%}
.centro{width: 370px; height: 100px; background: #006C8E;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f980c7', endColorstr='#e864b3', GradientType=0 ); opacity: 0.9;
position: absolute; color: white; padding-top: 20px; padding-bottom: 0px; bottom: 0px; transition:all 0.2s linear;}
.div-img.hidden{overflow: hidden; width: 370px; height: 370px;  border-radius: 100%; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; border: 7px solid #00CCCC;}
.div-img.hidden img {display: inline-block; height: 100%; width: 100%;}
.div-img .product-item-pic{display: inline-block; margin-left: auto; margin-right: auto; width: 100%;
 transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1);
 -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out;
-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); -ms-filter: grayscale(0%) filter: grayscale(0%);}
.div-img:hover .product-item-pic{
 transform: scale(1.2); -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2);
-webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px);}
.titulobox{text-align: center; font-size: 24px; color: white;}
.titulobox2{text-align: center; font-size: 20px; color: white;font-weight: bold;}
.content-box{width: 1136px; display: inline-block; padding-top: 20px; padding-bottom: 20px;}
.box2{width: 300px; height: 300px; display: inline-block; margin: 30px; text-align: center; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%;}
.box2:hover .centro2{width: 288px; height: 288px; transition:all 0.2s linear; background: #00CCCC; padding-top: 120px;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f980c7', endColorstr='#e864b3', GradientType=0 );
opacity: 0.9; border-radius: 100%; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%}
.centro2{width: 300px; height: 100px; background: #006C8E;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f980c7', endColorstr='#e864b3', GradientType=0 ); opacity: 0.9;
position: absolute; color: white; padding-top: 20px; padding-bottom: 0px; bottom: 0px; transition:all 0.2s linear;}
.div-img.hidden2{overflow: hidden; width: 100%; height: 100%;  border-radius: 100%; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; border: 7px solid #00CCCC;}
.div-img .product-item-pic{display: inline-block; margin-left: auto; margin-right: auto; width: 100%;
 transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1);
 -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out;
-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); -ms-filter: grayscale(0%) filter: grayscale(0%);}
.div-img:hover .product-item-pic{
 transform: scale(1.2); -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2);
-webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px);}
.titulobox3{text-align: center; color: white;}
.titulobox4{text-align: center; color: white;}
.area-formulario{width: 100%; height: 700px; display: inline-block; background: url(../image/fondo-form.jpg) top fixed ; text-align: center; border: 0px;}
.area-formulario-fondo{width: 1136px; height: 700px; display: inline-block; text-align: left; padding-top: 70px; }
.descripcion-area-formulario{width: 730px; height: 600px; background-color: #F7FAFB; display: inline-block; color: white; font-size: 17px; line-height: 32px; text-align: center; border: 0px;}
.parrafo{opacity: 1.0; padding: 4px; line-height: 10px; font-size: 20px; background-color: white; text-align: center; margin: 0 auto; border: 0px;}
.title-form{line-height: 0px; color:#868686; font-size: 16px;}
.boton-formulario{margin: 0 auto; width: 100px; height: 35px; font-size: 15px; background-color: #006C8E; color: #ffffff; padding: 2px; cursor:pointer; border: 0px;}
.boton-formulario:hover{width: 100px; height: 35px; color: white; padding: 2px; transition:all 0.3s linear; background-color: #00CCCC;}
.texto-boton{line-height: 20px; padding: 42px; font-size: 17px; }
.creditos{width: 100%; height: 113px; background: #006C8E;}
.creditos .info-creditos {width: 100%; display: inline-block; font-size: 16px; padding-top: 50px;}
.info-creditos a{color: white; padding: 0px 10px 0px 10px;}
.principal .mapa-qara {width: 1136px; display: inline-block; background: white; margin: 100px 0px 0px 0px;}
.mapa-qara iframe {width: 100%;}
.texto-inicio{display: inline-block; width: 100%; padding: 0px 100px;}
.subtitulo-inicio{font-size: 18px; color: #00CCCC; font-weight: 600;}

.button {
  display: inline-block;
  padding: 10px 20px;
  background: #006c8e;
  color: white;
  text-transform: uppercase;
  font-family: arial;
  width: 100%;
}
.modal {
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.modalbox {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 650px;
  position: relative;
}

.modalbox img
{
  width: 100%;
  height: 100%;
  display: inline-block;
}
.modalbox a.cross {
  position: absolute;
  top: 0;
  right: 0;
  background: red;
  color: #fff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
}