/* ====== IMPORTACIONES & DESPEJOS PARA EL NAVEGADOR */

@charset "UTF-8";

/* ====== TODAS LAS COSAS EN GENERAL */

@font-face {
    font-family: 'Nunito';
    src: url('../fonts/nunito-light-webfont.eot');
    src: url('../fonts/nunito-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/nunito-light-webfont.woff2') format('woff2'),
         url('../fonts/nunito-light-webfont.woff') format('woff'),
         url('../fonts/nunito-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

/* Cosas */
* 							{ box-sizing: border-box; }
a 							{ text-decoration: none; }

/* El tamaño del cuerpo */
body 						{ min-width: 100%; width: 100vw; height: 100vh; min-height: 100%; position: relative; float: left; margin: 0; padding: 0; overflow: hidden; }

/*  The Text */
h1, h2, h3, h4, h5, h6, .title 		{ font-family: 'Nunito', Helvetica Neue, -apple-system, Helvetica, Arial, sans-serif; font-weight: 500; }
p, span, label, input, textarea, a 	{ font-family: 'Nunito', Helvetica Neue, -apple-system, Helvetica, Arial, sans-serif; font-weight: 300; }
.power-title 						{ font-family: 'Nunito', Helvetica Neue, -apple-system, Helvetica, Arial, sans-serif; font-weight: 500; }

/* Formas de posicionar */
.space, .lft 	{ float: left; }
.space, .rlt 	{ position: relative; }
.abs, .fxd,
.hcntr, .vcntr	{ margin: auto; }
.abs 			{ position: absolute; }
.fxd 			{ position: fixed; }
.rght 			{ float: right; }
.hcntr 			{ left: 0; right: 0; }
.vcntr 			{ top: 0; bottom: 0; }

/* overflows */
.no-leak {
	overflow: hidden;
}

/* Tamaños Dispositivos Pequeños */
/* Horizontal */
.space.i 		{ width: 6.25%; }
.space.ii 		{ width: 12.5%; }
.space.iii 		{ width: 18.75%; }
.space.iv 		{ width: 25%; }
.space.v 		{ width: 31.25%; }
.space.vi 		{ width: 37.5%; }
.space.vii 		{ width: 43.75%; }
.space.viii 	{ width: 50%; }
.space.ix 		{ width: 56.25%; }
.space.x 		{ width: 62.5%; }
.space.xi 		{ width: 68.75%; }
.space.xii 		{ width: 75%; }
.space.xiii 	{ width: 81.25%; }
.space.xiv 		{ width: 87.5%; }
.space.xv 		{ width: 93.75%; }
.space.xvi 		{ width: 100%; }

/* Vertical */
.space.ih 		{ height: 6.25%; }
.space.iih 		{ height: 12.5%; }
.space.iiih 	{ height: 18.75%; }
.space.ivh 		{ height: 25%; }
.space.vh 		{ height: 31.25%; }
.space.vih 		{ height: 37.5%; }
.space.viih 	{ height: 43.75%; }
.space.viiih 	{ height: 50%; }
.space.ixh 		{ height: 56.25%; }
.space.xh 		{ height: 62.5%; }
.space.xih 		{ height: 68.75%; }
.space.xiih		{ height: 75%; }
.space.xiiih 	{ height: 81.25%; }
.space.xivh		{ height: 87.5%; }
.space.xvh 		{ height: 93.75%; }
.space.xvih		{ height: 100%; }

.space.ihalfh 	{ height: 9.85%; }

/* === The text */

/* === Positioning */
.txtcntr 		{ text-align: center; }
.txtlft 			{ text-align: left; }
.txtrght 		{ text-align: right; }
.txtjstfy 		{ text-align: jstfy; }

/* === Sizes */
.power-title 	{ font-size: 20px; }
.title 			{ font-size: 16px; line-height: 2;}
.text 			{ font-size: 11px; line-height: 1.5; }

.theTitle		{ text-align: center; }

/* ===== Colors */

/* == White */
.white 				{ background-color: #fff; }
.alfaWhite 			{ background-color: rgba(255, 255, 255, .56); }
.thinWhite	 		{ background-color: rgba(255, 255, 255, .32); }

/* == Black */
.black 				{ background-color: rgba(0, 0, 0, 1); }
.alfaBlack 			{ background-color: rgba(0, 0, 0, .56); }
.thinBlack		 	{ background-color: rgba(0, 0, 0, .40); }

/* == Main Blue */
.blue 				{ background-color: rgba(77, 149, 215, 1); }
.alfaBlue	 		{ background-color: rgba(77, 149, 215, .56); }

/* == CMJ Blue */
.cmjBlue 			{ background-color: rgba(58, 115, 165, 1); }
.alfaCmjBlue	 		{ background-color: rgba(58, 115, 165, .56); }

/* == Dark Blue */
.darkBlue 			{ background-color: rgba(31, 61, 87, 1); }
.alfaDarkBlue	 	{ background-color: rgba(31, 61, 87, .56); }

/* == Thin Blue */
.thinBlue 			{ background-color: rgba(237, 244, 250, 1); }
.alfaThinhinBlue 	{ background-color: rgba(237, 244, 250, .56); }

/* ===== Text colors */

/* == Blue Text */
.blue-txt			{ color: rgba(77, 149, 215, 1); }

/* == CMJ Blue */
.cmjBlue-txt			{ color: rgba(58, 115, 165, 1); }

/* == Dark Blue */
.darkBlue-txt 		{ color: rgba(31, 61, 87, 1); }

/* == Thin Blue */
.thinBlue-txt 		{ color: rgba(237, 244, 250, 1); }

/* == White text */
.white-txt 			{ color: rgba(255, 255, 255, 1); }

/* == White text */
.black-txt 			{ color: rgba(0, 0, 0, 1); }

/* --- Los fondos */
.img, .bckgrnd {
	background-repeat: no-repeat;
	background-position: center;
}

.img {
	background-size: contain;
}

.bckgrnd {
	background-size: cover;
}

.icon:after,
.iconInside:after {
	content: '';
	width: 10.4vw;
	height: 10.4vw;
	
	position: absolute; margin: auto;
	top: 0; left: 0; right: 0; bottom: 0;
	
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.icon.complete:after {
	width: 100%;
	height: 100%;
}

.icon.big:after {
	width: 29vw;
	height: 29vw;
}

/* Todo el caos */
section {
	overflow: hidden;
}

section.allStuff {
	overflow: scroll;
}

/* =================================================== 
	Put all custom styles here * Starts *
   =================================================== */

/* ============== 
	HOME *Starts*
   ============== */

.services,
.specialties {
	padding: 20% 2.4% 30%;
}

.serviceCover,
.specialCover {
	padding: 1.6%;
}

.serviceCover {
	height: 11.1111111111%;
	
}

.service,
.specialty {
	border-radius: .325rem;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.24);
	overflow: hidden;
}

.circleInside {
	overflow: hidden;
}

.circleInside:before {
	content: '';
	width: 32vw;
	height: 32vw;
	border-radius: 50%;
	background-color: rgba(58, 115, 165, 1);
	
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}

.specialty .circleInside:before {
	background-color: rgba(77, 149, 215, 1);
}

.service:hover,
.specialty:hover {
	background-color: rgba(58, 115, 165, 1);
}

.service:hover .circleInside,
.specialty:hover .circleInside {
	-webkit-transform: translate(1.1%) scale(1.12);
	-moz-transform: translate(1.1%) scale(1.12);
	-ms-transform: translate(1.1%) scale(1.12);
	-o-transform: translate(1.1%) scale(1.12);
	transform: translate(1.1%) scale(1.12);
	
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-ms-transform-origin: center;
	-o-transform-origin: center;
	transform-origin: center;
}

.service:hover .circleInside:before,
.specialty:hover .circleInside:before {
	background-color: rgba(255, 255, 255, 1);
}

.service:hover .title,
.service:hover .onlyDesk,
.specialty:hover .specialTitle {
	color: #fff;
}

/* Others */
.serviceTitle {
	margin: 2.4% 0 0 3.2%;
}

.specialTitle {
	left: 24%;
	margin: auto;
	height: 32%;
	line-height: 1;
}

/* Brand Section */
.brands {
	padding: 24% 4% 26% 4%;
}

.thirdFive {
	padding: 2.4%;
	width: 33.3333333333%;
	height: 20%;
}

.fourthFive {
	width: 25%;
	height: 20%;
}

/* Contact Desk */
.contactData {
	box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.24);
}

.contStuff,
.contForm {
	padding-top: 9.6%;
	padding-bottom: 2.4%;
}

.contStuff {
	padding-left: 4%;
	padding-right: 2.4%;
}

.contForm {
	padding-right: 4%;
	padding-left: 2.4%;
}

.name 		{ padding: 0 2.4% 0 0; }
.mail 		{ padding: 0 0 0 2.4%; }
.message 	{ padding: 2.4% 0 0 0; }

.submit {
	bottom: 0;
	right: 0;
	border-radius: .325rem 0 0 0;
}

input,
textarea {
	border: 0;
	box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.16);
	border-radius: .325rem;
	
	padding: 1.6% 2.4%;
	
	color: rgba(0, 0, 0, .72);
}

/* ============ 
	HOME *Ends*
   ============ */
   
/* ===============
	MODAL *Starts*
   =============== */

.insideModal {
	padding: 8% 4% 4% 4%;
}

.bigSquare {
	border-radius: .325rem;
	overflow: hidden;
}

.circleTap {
	top: 0;
	width: 20vw;
	height: 20vw;
}

.circleTap:before {
	content: '';
	bottom: 0;
	margin: auto;
	border-radius: 50%;
	position: absolute;
	
	width: 40vw;
	height: 40vw;
	
	background-color: rgba(77, 149, 215, 1);
}

.rightCorner,
.circleTap.leftCorner:before {
	right: 0;
}

.leftCorner,
.circleTap.rightCorner:before {
	left: 0;
}

.moremore {
	text-align: center;
	line-height: 4.3 !important;
	right: 0; 
}

.theExe {
	
}

.theExe:before,
.theExe:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	
	background-color: #fff;
	
	transform: rotate(-45deg);
}

.theExe:before {
	width: 3px;
	height: 8vw;
}

.theExe:after {
	height: 3px;
	width: 8vw;
}

/* ============ 
	MODAL *Ends*
   ============ */
.devStuff,
.down-blue,
.down-white {
	width: 20vw;
	height: 20vw;
	bottom: 5.6%;
	margin: auto;
	border-radius: 50%;
	box-shadow: 0px .325rem .525rem rgba(0, 0, 0, 0.32);
}

.down-blue,
.down-white {
	left: 0;
	right: 0;
}

.devMenu {
	left: 5.6%;
}

.devCont {
	right: 5.6%;
}

.jumpGo {
	padding: 12% 4%;
}

.jumpGo a {
	line-height: 2.5;
}

.next-some,
.back-some {
	top: 0;
	bottom: 0;
}

/* ========================================  Next And Back Buttons */
.next-some {
	right: 2.4%;
	left: initial;
	transform: rotateZ(-90deg);
}

.back-some {
	right: initial;
	left: 2.4%;
	transform: rotateZ(90deg);
}

.centerMenu,
.centerCont {
	border-radius: .325rem;
	box-shadow: 0px .325rem .525rem rgba(0, 0, 0, 0.32);
}

.centerCont {
	padding: 4%;
}

.hovereable:hover {
	margin-left: 2.4%;
	text-decoration: underline;
}

/* Menu */
.cmjLogo {
	width: 32%;
}

.cmjLogo {
	height: 12.5%;
	border-radius: 0 0 .525rem .525rem;
	box-shadow: 0px .325rem .325rem rgba(0 ,0, 0, 0.24);
}

.galmage .showsAfter {
	opacity: 0;
}

.galmage:hover .showsAfter {
	opacity: 1;
}

.galChangeling {
	overflow: hidden;
}

/* about */
.aboutTitle {
	padding: 44% 4% 4% 4%;
}

.sidePadd {
	padding: 8% 10%;
}

.knowPadd {
	padding: 5.6% 8.8%;
}

/* Directory */

.search			{
	padding: 32% 4% 0 4%;
}

.doctors 		{ overflow: scroll; }

.aDocCover 		{ padding: 4% 8%; }

.aDoc 			{
	border-radius: .325rem;
	overflow: hidden;
	box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.32);
}

.searchButts { top: 78%; }

.searchButt {
	border-radius: 5rem;
	line-height: 2.5rem;
	box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.24);
}

#searchDocs { float: right; }

.iconSpec {
	width: 24px !important;
	height: 24px !important;
	margin-right: 2%;
}

.iconSpec:after {
	width: 22px !important;
	height: 22px !important;
}

.aDocCover:target .aDoc {
	box-shadow: inset 0px 4px 0px rgba(77, 149, 215, 1),
				inset 4px 0px 0px rgba(77, 149, 215, 1),
				inset 0px -4px 0px rgba(77, 149, 215, 1),
				inset -4px 0px 0px rgba(77, 149, 215, 1),
				0px 4px 6px rgba(0, 0, 0, 0.24);
}

/* Specialties */
.theDocs, .attend {
	line-height: 1.5 !important;
}

.theDocs {
	margin-top: 4%;
}

.theLeak {
	overflow: scroll;
}

/* =================================================== 
	Put all custom styles here * Ends *
   =================================================== */

/* Animaciones */
a,
span,
a span,
a:before,
a:after,
a span:after,
a span:before,
.specialty,
.icon:after,
.iconInside:after,
.specialty .icon:after,
.specialty .iconInside:after  {
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

/* Animaciones fancis */
.phantom {
	animation: showVanish 4s ease-in-out 0s infinite alternate;
	-webkit-animation: showVanish 4s ease-in-out 0s infinite alternate;
}

@keyframes showVanish {
	
	0% { 
		opacity: 0;
	}
	
	30% { 
		opacity: 1;
	}
	
	100% { 
		opacity: 1;
	}

}

@keyframes jumping {
	0% { 
		transform: translateY(0);
	}
	
	100% { 
		transform: translateY(8px);
	}
}

/* Backgrounds */

/* Logo Backs */
.bx				{ background-image: url('../img/bx.png'); }
.panamerican	{ background-image: url('../img/panamerican.png'); }
.gnp			{ background-image: url('../img/gnp.png'); }
.inbursa		{ background-image: url('../img/inbursa.jpg'); }
.bupa			{ background-image: url('../img/bupa.png'); }
.zurich			{ background-image: url('../img/zurich.png'); }
.allianz			{ background-image: url('../img/allianz_logo.png'); }
.atlas			{ background-image: url('../img/segurosatlas.png'); }
.lync			{ background-image: url('../img/LyncpayLogo.png'); }
.segumonte		{ background-image: url('../img/seguros-monterrey.png'); }
.bestdocs		{ background-image: url('../img/bestdoctors.png'); }
.planseg			{ background-image: url('../img/plan_seguro.png'); }
.prestige		{ background-image: url('../img/prestige.png'); }
.rsa			{ background-image: url('../img/royal.png'); }
.vumi			{ background-image: url('../img/vumi.png'); }

.aumatec		{ background-image: url('../img/aumatec.jpg'); }
.jfk			{ background-image: url('../img/jfk-logo.png'); }
.belier			{ background-image: url('../img/leBelier.jpg'); }
.panduit		{ background-image: url('../img/panduit.jpg'); }


/* Hover Backgrounds */

/* ===================== Service Icons ===*/

/* Adq Laboratorios*/
#adq .iconInside:after					{ background-image: url('../img/adq-w.svg'); }
#adq:hover .iconInside:after,
.adq-i:after							{ background-image: url('../img/adq-b.svg'); }

/* Urgencias*/
#urgy .iconInside:after					{ background-image: url('../img/urge-w.svg'); }
#urgy:hover .iconInside:after,
.ur-i:after								{ background-image: url('../img/urge-b.svg'); }

/* Cirugía Mínima Invasión*/
#spec .iconInside:after					{ background-image: url('../img/laparos-w.svg'); }
#spec:hover .iconInside:after,
.cmi-i:after							{ background-image: url('../img/laparos-b.svg'); }

/* Hospitalización*/
#hosp .iconInside:after					{ background-image: url('../img/hospitaliza-w.svg'); }
#hosp:hover .iconInside:after,
.hos-i:after							{ background-image: url('../img/hospitaliza-b.svg'); }

/* Fisioterapia */
#fisi .iconInside:after					{ background-image: url('../img/fisio-w.svg'); }
#fisi:hover .iconInside:after,
.fis-i:after							{ background-image: url('../img/fisio-b.svg'); }

/* Imagenología */
#imag .iconInside:after					{ background-image: url('../img/imageno-w.svg'); }
#imag:hover .iconInside:after,
.img-i:after							{ background-image: url('../img/imageno-b.svg'); }

/* Cirugía Ambulatoria */
#ambu .iconInside:after					{ background-image: url('../img/cirugia-w.svg'); }
#ambu:hover .iconInside:after,
.amb-i:after							{ background-image: url('../img/cirugia-b.svg'); }

/* Transfusión de sangre */
#trans .iconInside:after				{ background-image: url('../img/urolo-w.svg'); }
#trans:hover .iconInside:after,
.trn-i:after							{ background-image: url('../img/urolo-b.svg'); }

/* Hemodinamía */
#hemo .iconInside:after					{ background-image: url('../img/hemo-w.svg'); }
#hemo:hover .iconInside:after,
.hem-i:after							{ background-image: url('../img/hemo-b.svg'); }

/* ===================== Specialty Icons ===*/

/* Ortopedia & Traumatología */
#orto .iconInside:after 			{ background-image: url('../img/foot-w.svg'); }
#orto:hover .iconInside:after,
.oyt-i:after				 		{ background-image: url('../img/foot-b.svg'); }

/* Cardiología Clínica */
#cardioClin .iconInside:after		{ background-image: url('../img/heart-w.svg'); }
#cardioClin:hover .iconInside:after,
.ccl-i:after							{ background-image: url('../img/heart-b.svg'); }

/* Laparoscopía */
#laparo .iconInside:after 			{ background-image: url('../img/stomach-w.svg'); }
#laparo:hover .iconInside:after,
.lap-i:after				 			{ background-image: url('../img/stomach-b.svg'); }

/* Cirugía reconstructiva */
#reconst .iconInside:after 			{ background-image: url('../img/cirugia-w.svg'); }
#reconst:hover .iconInside:after,
.crn-i:after					 	{ background-image: url('../img/cirugia-b.svg'); }

/* Neurocirugía */
#neuro .iconInside:after 			{ background-image: url('../img/brain-w.svg'); }
#neuro:hover .iconInside:after,
.ncg-i:after				 		{ background-image: url('../img/brain-b.svg'); }

/* Medicina Crítica */
#medCritic .iconInside:after 		{ background-image: url('../img/med-crit-w.svg'); }
#medCritic:hover .iconInside:after,
.mct-i:after					 	{ background-image: url('../img/med-crit-b.svg'); }

/* Medicina Interna */
#medIntern .iconInside:after 		{ background-image: url('../img/urolo-w.svg'); }
#medIntern:hover .iconInside:after,
.mit-i:after					 	{ background-image: url('../img/urolo-b.svg'); }

/* Otorrinolaringología */
#otorrino .iconInside:after 		{ background-image: url('../img/profile-w.svg'); }
#otorrino:hover .iconInside:after,
.oto-i:after					 	{ background-image: url('../img/profile-b.svg'); }

/* Urología */
#urolo .iconInside:after 			{ background-image: url('../img/lungs-w.svg'); }
#urolo:hover .iconInside:after,
.uro-i:after				 		{ background-image: url('../img/lungs-b.svg'); }

/* Neurología Pediatrica */
#neuPed .iconInside:after 			{ background-image: url('../img/baby-brain-w.svg'); }
#neuPed:hover .iconInside:after,
.nep-i:after 						{ background-image: url('../img/baby-brain-b.svg'); }

/* Pediatría */
#pedia .iconInside:after 			{ background-image: url('../img/baby-w.svg'); }
#pedia:hover .iconInside:after,
.ped-i:after				 		{ background-image: url('../img/baby-b.svg'); }

/* Colonoscopía */
#colon .iconInside:after 			{ background-image: url('../img/intestines-w.svg'); }
#colon:hover .iconInside:after,
.col-i:after 						{ background-image: url('../img/intestines-b.svg'); }

/* Gediatría */
#gedi .iconInside:after 			{ background-image: url('../img/gediatry-w.svg'); }
#gedi:hover .iconInside:after,
.ged-i:after 						{ background-image: url('../img/gediatry-b.svg'); }

/* Endoscopía */
#endos .iconInside:after 			{ background-image: url('../img/endos-w.svg'); }
#endos:hover .iconInside:after,
.end-i:after 						{ background-image: url('../img/endos-b.svg'); }

/* Neurología Pediatrica */
#aneste .iconInside:after 			{ background-image: url('../img/anestecio-w.svg'); }
#aneste:hover .iconInside:after,
.ane-i:after					 	{ background-image: url('../img/anestecio-b.svg'); }

/* Oftalmología */
#oftal .iconInside:after 			{ background-image: url('../img/oftal-w.svg'); }
#oftal:hover .iconInside:after,
.oft-i:after					 	{ background-image: url('../img/oftal-b.svg'); }

/* Dermatología Pediátrica */
#derPed .iconInside:after 			{ background-image: url('../img/derped-w.svg'); }
#derPed:hover .iconInside:after,
.derPed-i:after					 	{ background-image: url('../img/derped-b.svg'); }

/* Ortopedia Pediátrica */
#ortPed .iconInside:after 			{ background-image: url('../img/ortped-w.svg'); }
#ortPed:hover .iconInside:after,
.ortPed-i:after					 	{ background-image: url('../img/ortped-b.svg'); }
#angvas .iconInside:after 			{ background-image: url('../img/angvas-w.svg'); }
#angvas:hover .iconInside:after,
.angvas-i:after					 	{ background-image: url('../img/angvas.svg'); }

#ginec .iconInside:after 			{ background-image: url('../img/ginec-w.svg'); }
#ginec:hover .iconInside:after,
.ginec-i:after					 	{ background-image: url('../img/ginec.svg'); }

#oncol .iconInside:after 			{ background-image: url('../img/oncol-w.svg'); }
#oncol:hover .iconInside:after,
.oncol-i:after					 	{ background-image: url('../img/oncol.svg'); }

#plastica .iconInside:after 			{ background-image: url('../img/plastica-w.svg'); }
#plastica:hover .iconInside:after,
.plastica-i:after					 	{ background-image: url('../img/plastica.svg'); }

#cardio .iconInside:after 			{ background-image: url('../img/cardio-w.svg'); }
#cardio:hover .iconInside:after,
.cardio-i:after					 	{ background-image: url('../img/cardio.svg'); }


.cnt-i:after					 	{ background-image: url('../img/contact-b.svg'); }
.cmjLogo:after						{ background-image: url('../img/cmj-logo.svg'); }
.down-blue							{ background-image: url('../img/down-b.svg'); }
.down-white							{ background-image: url('../img/down-w.svg'); }
.showIt:after						{ background-image: url('../img/oto-w.svg'); }

.down-white.down-x					{ background-image: url('../img/down-w-x.svg'); }


.galmage								{ background-image: url('../img/imagenologia-three.jpg'); }

.oneGal								{ background-image: url('../img/imagenologia-three.jpg'); }
.twoGal								{ background-image: url('../img/imagenologia.jpg'); }
.threeGal							{ background-image: url('../img/fisio-three.jpg'); }
.fourGal								{ background-image: url('../img/fachada-four.jpg'); }
.fiveGal	, .imagnlg:before			{ background-image: url('../img/imagenologia-six.jpg'); }
.sixGal, .lab:before					{ background-image: url('../img/lab.jpg'); }
.sevenGal							{ background-image: url('../img/fisio-two.jpg'); }
.eightGal, .bloody:before			{ background-image: url('../img/recuperacion-four-II.jpg'); }
.nineGal								{ background-image: url('../img/fachada-two.jpg'); }
.tenGal								{ background-image: url('../img/habitacion-two.jpg'); }
.elevenGal, .hemoqui:before			{ background-image: url('../img/quirofano-three.jpg'); }
.twelveGal							{ background-image: url('../img/fachada-five.jpg'); }
.thirteenGal							{ background-image: url('../img/fisio-four.jpg'); }
.fourteenGal	, .urg:before			{ background-image: url('../img/urgencias.jpg'); }
.fifteenGal							{ background-image: url('../img/enfermeria.jpg'); }
.sixteenGal							{ background-image: url('../img/fachada-three.jpg'); }
.seventeenGal						{ background-image: url('../img/fisio.jpg'); }
.eightteenGal, .quiro:before			{ background-image: url('../img/quirofano.jpg'); }
.nineteenGal							{ background-image: url('../img/habitacion.jpg'); }
.twentyGal							{ background-image: url('../img/fachada.jpg'); }

.hosz:before						{ background-image: url('../img/habitat.jpg'); }
.fifisi:before						{ background-image: url('../img/alberca.jpg'); }


.sustent-b:after					{ background-image: url('../img/sustent-b.svg'); }
.gloves-b:after						{ background-image: url('../img/colon-b.svg'); }

.cofe-logo							{ background-image: url('../img/logo-cofe.png'); }

.proc:before  						{ background-image: url('../img/procedimientos.jpg'); }

.pin-w:after  						{ background-image: url('../img/pin-w.svg'); }
.pin-b:after  						{ background-image: url('../img/pin-b.svg'); }

.plus-w:after 						{ background-image: url('../img/plus-w.svg'); }
.plus-b:after 						{ background-image: url('../img/plus-b.svg'); }

.facebook-w:after					{ background-image: url('../img/facebook-w.svg'); }
.facebook-b:after					{ background-image: url('../img/facebook-b.svg'); }

.phone-w:after						{ background-image: url('../img/phone-w.svg'); }
.phone-b:after						{ background-image: url('../img/phone-b.svg'); }

/* Temporary Backs*/
.golfSymbol							{ background-image: url('../img/torneo-golf.svg'); }
.golfBack							{ background-image: url('../img/golf-back.jpg'); }

.golfBack {
	padding: 4%;
}

.margGolf {
	margin-bottom: 4%;
}

.golfButton {
	border-radius: 6rem;
	padding-top: 1.6%;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.32);
}

.guide {
	overflow: scroll;
}

#theExeTwo.topExe {
	position: fixed;
}

.specialties {
	padding-top: 16%;
	padding-bottom: 28%;
	overflow: scroll;
}

.small-whims {
	line-height: 1.2;
}

.descriptionOne {
	overflow: scroll;
}

.burger:after						{ background-image: url('../img/burger.svg'); }

/* === Estilos responsivos */
.onlyPhone { display: block; }
.onlyDesk { display: none; }

.specialties br { display: none; }

.thePhone:after		{
	content: '';
	float: left;
	width: 50%;
	height: 50%;
	position: absolute;
	top: 16%;
	right: 24%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	margin: auto;
}

.thePhone:after 	{ background-image: url('../img/phone-w.svg'); }

.no-leak {
	overflow: hidden;
}

.backDevice			{ background-image: url('../img/cmj-back.jpg'); }

/* Cambios */
.space.xvi.xvih.changeSpecialties {
	height: 120%;
}

.specialModal {
	z-index: 9;
}

.deskMenu {
	z-index: 99;
}

.devMenu,
.devCont,
.devMenuModal {
	z-index: 99;
}

.cmjLogo {
	z-index: 999;
}

.paddingPhone {
	padding: 8%;
}

@media screen and (min-width: 319px) {
	
	/* === Tamaños en general*/
	/* Letras */
	.power-title {
		font-size: 22px;
	}
	
	.title {
		font-size: 14px;
	}
	
	.text {
		font-size: 11px;
		line-height: 1.5;
	}
	
	/* =================================================== 
		Put all custom styles here * Starts *
	   =================================================== */
	
	/* ============== 
		HOME *Starts*
	   ============== */
	
	
	
	/* ============ 
		HOME *Ends*
	   ============ */
	
	/* =================================================== 
		Put all custom styles here * Ends *
	   =================================================== */
}

@media screen and (min-width: 374px) {
	
	/* === Tamaños en general*/
	/* Letras */
	.power-title {
		font-size: 28px;
	}
	
	.title {
		font-size: 16px;
	}
	
	.text {
		font-size: 13px;
	}
	
	/* =================================================== 
		Put all custom styles here * Starts *
	   =================================================== */
	
	/* ============== 
		HOME *Starts*
	   ============== */
	
	
	
	/* ============ 
		HOME *Ends*
	   ============ */
	
	/* =================================================== 
		Put all custom styles here * Ends *
	   =================================================== */
}

@media screen and (min-width: 413px) {
	
	/* === Tamaños en general*/
	/* Letras */
	.power-title {
		font-size: 32px;
	}
	
	.title {
		font-size: 18px;
	}
	
	.text {
		font-size: 14px;
	}
	
	
	.small-whims {
		line-height: 1.2;
	}
	
	/* =================================================== 
		Put all custom styles here * Starts *
	   =================================================== */
	
	/* ============== 
		HOME *Starts*
	   ============== */
	
	
	
	/* ============ 
		HOME *Ends*
	   ============ */
	
	/* =================================================== 
		Put all custom styles here * Ends *
	   =================================================== */
}

@media screen and (min-width: 767px) {
	/* Tamaños Dispositivos Grandotes */
	/* Horizontal */
	.space.i-tab 	{ width: 6.25%; }
	.space.ii-tab	{ width: 12.5%; }
	.space.iii-tab 	{ width: 18.75%; }
	.space.iv-tab	{ width: 25%; }
	.space.v-tab 	{ width: 31.25%; }
	.space.vi-tab 	{ width: 37.5%; }
	.space.vii-tab 	{ width: 43.75%; }
	.space.viii-tab { width: 50%; }
	.space.ix-tab 	{ width: 56.25%; }
	.space.x-tab 	{ width: 62.5%; }
	.space.xi-tab 	{ width: 68.75%; }
	.space.xii-tab 	{ width: 75%; }
	.space.xiii-tab { width: 81.25%; }
	.space.xiv-tab 	{ width: 87.5%; }
	.space.xv-tab 	{ width: 93.75%; }
	.space.xvi-tab 	{ width: 100%; }
	
	/* Vertical */
	.space.ih-tab 	{ height: 6.25%; }
	.space.iih-tab 	{ height: 12.5%; }
	.space.iiih-tab { height: 18.75%; }
	.space.ivh-tab 	{ height: 25%; }
	.space.vh-tab 	{ height: 31.25%; }
	.space.vih-tab 	{ height: 37.5%; }
	.space.viih-tab { height: 43.75%; }
	.space.viiih-tab{ height: 50%; }
	.space.ixh-tab 	{ height: 56.25%; }
	.space.xh-tab 	{ height: 62.5%; }
	.space.xih-tab 	{ height: 68.75%; }
	.space.xiih-tab	{ height: 75%; }
	.space.xiiih-tab{ height: 81.25%; }
	.space.xivh-tab	{ height: 87.5%; }
	.space.xvh-tab 	{ height: 93.75%; }
	.space.xvih-tab	{ height: 100%; }
	
	/* ============= CONTENIDO */
	/* === El texto */
	.power-title {
		font-size: 54px;
	}
	
	.title {
		font-size: 28px;
	}
	
	.text {
		font-size: 22px;
	}
	
	/* =================================================== 
		Put all custom styles here * Starts *
	   =================================================== */
	
	/* ============== 
		HOME *Starts*
	   ============== */
	
	.devStuff,
	.down-blue,
	.down-white {
		width: 16vw;
		height: 16vw;
	}
	
	/* ============ 
		HOME *Ends*
	   ============ */
	
	
	/* about */
	.aboutTitle {
		padding: 26% 4% 4% 4%;
	}
	
	.sidePadd {
		padding: 8% 20%;
	}
	
	
	.small-whims {
		line-height: 1.2;
	}
	
	/* =================================================== 
		Put all custom styles here * Ends *
	   =================================================== */
}

@media screen and (min-width: 1023px) {
	/* Tamaños Dispositivos Grandotes */
	/* Horizontal */
	.space.i-land 		{ width: 6.25%; }
	.space.ii-land		{ width: 12.5%; }
	.space.iii-land 		{ width: 18.75%; }
	.space.iv-land		{ width: 25%; }
	.space.v-land 		{ width: 31.25%; }
	.space.vi-land 		{ width: 37.5%; }
	.space.vii-land 		{ width: 43.75%; }
	.space.viii-land		{ width: 50%; }
	.space.ix-land 		{ width: 56.25%; }
	.space.x-land 		{ width: 62.5%; }
	.space.xi-land 		{ width: 68.75%; }
	.space.xii-land 		{ width: 75%; }
	.space.xiii-land		{ width: 81.25%; }
	.space.xiv-land 		{ width: 87.5%; }
	.space.xv-land 		{ width: 93.75%; }
	.space.xvi-land 		{ width: 100%; }
	
	/* Vertical */
	.space.ih-land 		{ height: 6.25%; }
	.space.iih-land 		{ height: 12.5%; }
	.space.iiih-land 	{ height: 18.75%; }
	.space.ivh-land 		{ height: 25%; }
	.space.vh-land 		{ height: 31.25%; }
	.space.vih-land 		{ height: 37.5%; }
	.space.viih-land 	{ height: 43.75%; }
	.space.viiih-land	{ height: 50%; }
	.space.ixh-land 		{ height: 56.25%; }
	.space.xh-land 		{ height: 62.5%; }
	.space.xih-land 		{ height: 68.75%; }
	.space.xiih-land		{ height: 75%; }
	.space.xiiih-land	{ height: 81.25%; }
	.space.xivh-land		{ height: 87.5%; }
	.space.xvh-land 		{ height: 93.75%; }
	.space.xvih-land		{ height: 100%; }
	
	/* Horizontal */
	.space.i-half-land 		{ width: 3.125%; }
	
	/* Text */
	/*.power-title {
		font-size: 62px;
	}*/
	
	.power-title {
		font-size: 36px;
	}
	
	.title {
		font-size: 22px;
	}
	
	.text {
		font-size: 14px;
	}
	
	.menu-text {
		font-size: 8px;
	}
	
	/* Stuff */
	.noLineH 		{ line-height: .8; margin-bottom: 2.4%; }
	
	/* =================================================== 
		Put all custom styles here * Starts *
	   =================================================== */
	
	/* ============== 
		HOME *Starts*
	   ============== */
	
	.video {
		-webkit-transform: scale(1.4);
		-moz-transform: scale(1.4);
		-ms-transform: scale(1.4);
		-o-transform: scale(1.4);
		transform: scale(1.4);
		
		-webkit-transform-origin: center;
		-moz-transform-origin: center;
		-ms-transform-origin: center;
		-o-transform-origin: center;
		transform-origin: center;
	}
	
	.services {
		padding: 8% 2.4%;
	}
	
	.serviceCover {
		height: 33.3333333333%;
		padding: 2.4% 4.8%;
	}
	
	.space.xvi.serviceCover {
		width: 33.3333333333%;
	}
	
	.service {
		border-radius: .325rem;
		box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.24);
		overflow: hidden;
	}
	
	.service:hover,
	.specialty:hover {
		box-shadow: inset 0px 4px 0px rgba(255, 255, 255, 1),  inset 4px 0px 0px rgba(255, 255, 255, 1),  inset 0px -4px 0px rgba(255, 255, 255, 1),  inset -4px 0px 0px rgba(255, 255, 255, 1), 0px 4px 6px rgba(0, 0, 0, 0.24);
	}
	
	.circleInside {
		overflow: hidden;
	}
	
	.circleInside:before {
		content: '';
		width: 20vw;
		height: 20vw;
		border-radius: 50%;
		background-color: rgba(58, 115, 165, 1);
		
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		margin: auto;
	}
	
	.subcaos {
		line-height: 1;
		font-size: 90%;
		margin-left: 4%;
	}
	
	.alignHeight {
		line-height: 1 !important;
		margin-top: 3%;
		margin-bottom: 0;
	}
	
	.specialTitle {
		left: 28%;
	}
	
	.specialties small {
		font-size: 60% !important;
	}
	
	.halfJump {
		height: 32%;
	}
	
	.oneJump {
		height: 50%;
		line-height: .8;
	}
	
	.threeJumps {
		height: 65%;
	}
	
	.fourJumps {
		height: 82%;
		line-height: .8;
	}
	
	/* Brand Section */
	.brands {
		padding: 16% 4% 4% 4%;
	}
	
	
	
	.thirdFive {
		padding: 1.6%;
		width: 20%;
		height: 33.3333333333%;
	}
	
	.fourthFive {
		width: 20%;
		height: 25%;
	}
	
	/* ============== 
		HOME *Ends*
	   ============== */
	
	/* ============== 
		MODAL *Starts*
	   ============== */
	.insideModal {
		padding: 4% 8% 2.4% 8%;
	}
	
	.bigSquare {
		box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.16);
	}
	
	.circleTap {
		top: 0;
		width: 7.2vw;
		height: 7.2vw;
	}
	
	.circleTap:before {
		width: 14vw;
		height: 14vw;
	}
	
	.theExe:before {
		width: 3px;
		height: 3.2vw;
	}
	
	.theExe:after {
		height: 3px;
		width: 3.2vw;
	}
	
	.theTitle {
		text-align: left;
	}
	
	.icon:after,
	.iconInside:after {
		width: 2.4vw;
		height: 2.4vw;
	}
	
	.icon.big:after {
		width: 12vw;
		height: 12vw;
	}
	
	.pin-w:after,
	.pin-b:after,
	.plus-w:after,
	.plus-b:after,
	.facebook-w:after,
	.facebook-b:after,
	.phone-w:after,
	.phone-b:after	{ width: 1.6vw; height: 1.6vw; }
	
	/* ============== 
		MODAL *Ends*
	   ============== */
	
	/* Menu Desktop */
	.sevenDivide,
	.cmjLogo {
		width: 11.11%;
	}
	
	.deskMenu {
		top: 0;
	}
	
	.cmjLogo {
		height: 12.5%;
		border-radius: 0 0 .525rem .525rem;
		box-shadow: 0px .325rem .325rem rgba(0 ,0, 0, 0.24);
	}
	
	.down-blue,
	.down-white {
		width: 4vw;
		height: 4vw;
	}
	
	/* about */
	.aboutTitle {
		padding: 12% 4% 4% 4%;
	}
	
	.sidePadd {
		padding: 3.2% 28%;
	}
	
	.aboutConCover {
		padding: 2.4% 4% 6.4% 4%;
	}
	
	.iconography {
		padding: 0 4%;
	}
	
	.aboutCon {
		padding: 0 2.4%;
	}
	
	.iconography {
		bottom: 94%;
	}
	
	.iconCover {
		border-radius: 50%;
		width: 4vw;
		height: 4vw;
	}
	
	.knowPadd {
		padding: 4.8% 2.4% 0.4% 2.4%;
	}
	
	input,
	textarea {
		padding: .8% 1.6% .8% 1.6%;
	}
	
	/* Services */
	.bigCircle {
		overflow: hidden;
	}
	
	.bigCircle:before {
		width: 80vw;
		height: 80vw;
		
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		
		background-color: rgba(255, 255, 255, 0);
	}
	
	.bigCircle.proc:before,
	.bigCircle.urg:before {
		background-position: 32rem 50% !important;
		background-size: 82%;
	}
	
	.bigCircle.hosz:before {
		background-size: 90%;
		background-position: 20rem 50%;
	}
	
	.bigCircle.fifisi:before {
		background-size: 90%;
		background-position: 28rem 50%;
	}
	
	/* Services */
	.bluCircle {
		width: 4vw;
		height: 4vw;
		right: 3.2%;
		border-radius: 50%;
		box-shadow: 0px .325rem .325rem rgba(0, 0, 0, .24);
	}
	
	/* Directory */
	
	.search			{
		padding: 12% 4% 0 4%;
	}
	
	.doctors 		{ overflow: scroll; }
	
	.aDocCover 		{ padding: 1.2% 8%; }
	
	.searchButts 	{ top: 78%; }
	.searchButt 	{ line-height: 3.4rem; }
	#searchDocsDesk { float: right; }
	
	.aDocCover .theMoreCover {
		transform: scale(0.8);
	}
	
	.docsPhone {
		right: 24%;
		line-height: 2.1;
		border-radius: 3rem;
		box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.24);
	}
	
	/* Specialties */
	
	.searchButts.modd {
		right: initial;
	}
	
	.searchButts.modd .searchButt {
		line-height: 3rem;
	}
	
	.attend, .attendDesk {
		float: left;
	}
	
	.theDocs, .theDocsDesk {
		float: left;
	}
	
	.descriptionTwo {
		padding-right: 4%;
	}
	
	.onlyDesk.descriptionTwo {
		padding-left: 4%;
		padding-right: 0;
	}
	
	/* adjustments */
	.bigCircle.imagnlg:before {
		background-position: 32rem;
		background-size: 84%;
	}
	
	.bigCircle.quiro:before {
		background-position: 32rem;
		background-size: 78%;
	}
	
	.bigCircle.bloody:before {
		background-position: 30rem;
		background-size: 78%;
	}
	
	/* Guide */
	.morePadd {
		padding: 0 8%;
	}
	
	
	/* More Stuff */
	.brandsTitle {
		top: 16%;
	}
	
	/* Backgorunds */
	.circleMail 			{ top: 32%; }
	.circlePhone 		{ top: 48%; }
	.circleFb 			{ top: 64%; }
	
	.circleMail:after 					{ background-image: url('../img/mailtwo-w.svg'); }
	.circlePhone:after					{ background-image: url('../img/phone-w.svg'); }
	.circleFb:after 						{ background-image: url('../img/facebook-w.svg'); }
	
	/* =================================================== 
		Put all custom styles here * Ends *
	   =================================================== */
	
	/* === Images */
	/* icons, SVG */
	
	/* Backs */
	/* First Room */
	.welcome 				{ background-image: url('../img/video-back-tablet.jpg'); }
	
	/* Second Room */
	.aService,
	.aService .three,
	.aService .two,
	.aService .one {
		-webkit-transition: all 1s ease-in-out 0s;
		-moz-transition: all 1s ease-in-out 0s;
		-ms-transition: all 1s ease-in-out 0s;
		-o-transition: all 1s ease-in-out 0s;
		transition: all 1s ease-in-out 0s;
	}
	
	/* Wrong  */
	#doctorsModal .insideModal .theTitle {
		margin: 0;
	}
	
	.specialties {
		padding-top: 8%;
		padding-bottom: 7.2%;
		overflow: hidden;
	}
	
	/* The logos after */
	.theLogosAfter {
		left: 6.4%;
		bottom: 0;
		top: 0;
		background-color: rgba(255, 255, 255, 1);
		border-radius: .325rem;
		padding: 2%;
		
		-webkit-transition: all 1s ease-in-out 0s;
		-moz-transition: all 1s ease-in-out 0s;
		-ms-transition: all 1s ease-in-out 0s;
		-o-transition: all 1s ease-in-out 0s;
		transition: all 1s ease-in-out 0s;
	}
	
	.theLogosAfter:hover {
		opacity: .08;
	}
	
	/* Adq Logo */
	.adqLogo 		{ width: 14.4vw; height: 9.6vw; }
	.adqLogo .icon 	{ background-image: url('../img/adq.png'); }
	
	/* Diagnóstico Milenio */
	.diagMil 		{ width: 14.4vw; height: 9.6vw; }
	.diagMil .icon 	{ background-image: url('../img/diagnostico_milenio.png'); }
	
	/* Fisio Jurica */
	.fisiJuri 		{ width: 16vw; height: 16vw; }
	.fisiJuri .icon { background-image: url('../img/fisio_jurica_logo.jpg'); }
	
	/* Hemodinamía */
	.hemodina 		{  width: 14.4vw; height: 9.6vw; }
	.hemodina .icon { background-image: url('../img/cardiologia_logo.jpg'); }
	
	/* The others */
	.cmjLogogo 		{ width: 14.4vw; height: 9.6vw; }
	.cmjLogogo .icon 	{ background-image: url('../img/cmj-logo.svg'); }
	
	/* Video botón opcional */
	.vidOptional		{
		 width: 4vw; 
		 height: 4vw;
		 
		 left: 29%;
		 bottom: 0;
		 top: 0;
		 background-color: rgba(58, 115, 165, 1);
		 border-radius: 50%;
		 padding: 1.6%;
		 
		 
		 -webkit-transition: all 1s ease-in-out 0s;
		 -moz-transition: all 1s ease-in-out 0s;
		 -ms-transition: all 1s ease-in-out 0s;
		 -o-transition: all 1s ease-in-out 0s;
		 transition: all 1s ease-in-out 0s;
	}
	
	.vidOptional.golf {
		width: 24%;
		border-radius: 10rem;
		
		box-shadow: rgba(0, 0, 0, 0.317647) 0px 0.325rem 0.525rem;
	}
	
	.vidOptional .icon 	{ background-image: url('../img/play_white.svg'); }
	.soundIcon .icon	{ background-image: url('../img/big-s-w.svg'); }
	
	.soundIcon {
		padding: 1.1%;
	}
	
	/* More Padding */
	
	.topPaddOn {
		padding-top: 14%;
	}
	
	.titleWim {
		top: 14%;
	}
	
	
	.small-whims {
		line-height: 1.2;
	}
	
	.descriptionOne {
		overflow: visible;
	}
	
	.iconScale {
		margin-right: 10% !important;
		transform: scale(2);
		transform-origin: center;
	}
	
	.iconScaleI {
		margin-right: 6% ;
		transform: scale(1.4);
	}
	
	.padPod {
		padding: 0;
	}
	
	.backDevice			{ background-image: url(''); }
	
	/* === Estilos responsivos */
	.onlyPhone { display: none; }
	.onlyDesk { display: block; }
	
	
	.noBrDesk br {
		display: none;
	}
	
	.theLeak {
		overflow: hidden;
	}
	
	/* Temporary Stuff */
	.nineDivide {
		width: 11.1111111111%;
	}
	
	#vidLookTwo {
		z-index: 999999;
	}
	
	.bordersing {
		border-radius: .825rem;
	}
	
	.goThere {
		
		position: absolute;
		right: .8%;
		top: 0;
		bottom: 0;
		margin: auto;
		padding: 1.12%;
		
		background-color: rgba(255, 255, 255, 1);
		color: rgba(77, 149, 215, 1);
		
		box-shadow: 0px 8px 10px rgba(0, 0, 0, .40);
		
		width: 4vw;
		height: 4vw;
		
		animation: jumping .8s ease-in-out 0s infinite alternate ;
		-webkit-animation: jumping .8s ease-in-out 0s infinite alternate ;
		
		border-radius: 4rem;
		
		-webkit-transition: all .8s ease-in-out 0s;
		-moz-transition: all .8s ease-in-out 0s;
		-ms-transition: all .8s ease-in-out 0s;
		-o-transition: all .8s ease-in-out 0s;
		transition: all .8s ease-in-out 0s;
	}
	
	.goThere .icon 			{ 
		
		width: 100%;
		height: 100%;
		
		background-image: url('../img/plus-b.svg');
	}
	
	.goThere:hover .icon 	{ 
		
		width: 32%;
		
		background-image: url('../img/plus-w.svg');
	}
	
	
	
	.goThere:hover {
		background-color: rgba(77, 149, 215, 1);
		color: rgba(255, 255, 255, 1);
		
		width: 16vw;
		
	}
	
	.goThere .title {
		width: 0.000001%;
		height: 100%;
		line-height: 1;
		opacity: 0;
	}
	
	.goThere:hover .title {
		width: 68%;
		opacity: .99;
	}
	
	
	/* Golf */
	.margGolf {
		margin-bottom: 0;
		margin-right: 12%;
	}
	
	.golfButts {
		padding: 1.4%;
	}
	
	.golfButton {
		border-radius: 6rem;
		padding-top: .1%;
		box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.32);
	}
	
	.specialties br { display: block; }
}

/* 1079 X 484  This is the fucking chrome on Windows on a screen of 1366 X 768. Doesn't work well*/


@media screen and (min-width: 1279px) {
	
	/* Tamaños Pantallas Pequeñas */
	/* Horizontal */
	.space.i-desk 		{ width: 6.25%; }
	.space.ii-desk		{ width: 12.5%; }
	.space.iii-desk 	{ width: 18.75%; }
	.space.iv-desk		{ width: 25%; }
	.space.v-desk 		{ width: 31.25%; }
	.space.vi-desk 		{ width: 37.5%; }
	.space.vii-desk 	{ width: 43.75%; }
	.space.viii-desk	{ width: 50%; }
	.space.ix-desk 		{ width: 56.25%; }
	.space.x-desk 		{ width: 62.5%; }
	.space.xi-desk 		{ width: 68.75%; }
	.space.xii-desk 	{ width: 75%; }
	.space.xiii-desk	{ width: 81.25%; }
	.space.xiv-desk 	{ width: 87.5%; }
	.space.xv-desk 		{ width: 93.75%; }
	.space.xvi-desk 	{ width: 100%; }
	
	/* Vertical */
	.space.ih-desk 		{ height: 6.25%; }
	.space.iih-desk 	{ height: 12.5%; }
	.space.iiih-desk 	{ height: 18.75%; }
	.space.ivh-desk 	{ height: 25%; }
	.space.vh-desk 		{ height: 31.25%; }
	.space.vih-desk 	{ height: 37.5%; }
	.space.viih-desk 	{ height: 43.75%; }
	.space.viiih-desk	{ height: 50%; }
	.space.ixh-desk 	{ height: 56.25%; }
	.space.xh-desk 		{ height: 62.5%; }
	.space.xih-desk 	{ height: 68.75%; }
	.space.xiih-desk	{ height: 75%; }
	.space.xiiih-desk	{ height: 81.25%; }
	.space.xivh-desk	{ height: 87.5%; }
	.space.xvh-desk 	{ height: 93.75%; }
	.space.xvih-desk	{ height: 100%; }
	
	/* Horizontal half Number */
	.space.i-half-desk 		{ width: 3.25%; }
	.space.ih-half-desk 		{ height: 3.25%; }
	
	.power-title {
		font-size: 32px;
	}
	
	.title {
		font-size: 20px;
	}
	
	.text {
		font-size: 16px;
	}
	
	.menu-text {
		font-size: 10px;
	}
	
	/* =================================================== 
		Put all custom styles here * Starts *
	   =================================================== */
	
	/* ============== 
		HOME *Starts*
	   ============== */
	
	.video {
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1);
	}
	
	.oneJump {
		height: 50%;
	}
	
	
	/* === Specialties */
	.specialTitle {
		left: 32%;
	}
	
	.specialties small {
		font-size: 64% !important;
	}
	
	.specialCover {
		padding: 0.8% 1.2%;
	}
	
	.threeJumps {
		height: 50%;
	}
	
	.fourJumps {
		height: 68%;
	}
	
	/* ============ 
		HOME *Ends*
	   ============ */
	
	/* about */
	.aboutTitle {
		padding: 8% 4% 4% 4%;
	}
	
	.sidePadd {
		padding: 1.6% 32%;
	}
	
	.aboutConCover {
		padding: 2.4% 4% 6.4% 4%;
	}
	
	.iconography {
		padding: 0 4%;
	}
	
	.aboutCon {
		padding: 0 2.4%;
	}
	
	.iconography {
		bottom: 94%;
	}
	
	.iconCover {
		border-radius: 50%;
		width: 4vw;
		height: 4vw;
	}
	
	/* Directory */
	.aDocCover:target .aDoc {
		box-shadow: inset 0px 12px 0px rgba(77, 149, 215, 1),
					inset 12px 0px 0px rgba(77, 149, 215, 1),
					inset 0px -12px 0px rgba(77, 149, 215, 1),
					inset -12px 0px 0px rgba(77, 149, 215, 1),
					0px 4px 6px rgba(0, 0, 0, 0.24);
		
		animation: jumping .8s ease-in-out 0s infinite alternate;
		-webkit-animation: jumping .8s ease-in-out 0s infinite alternate;
	}
	
	/* =================================================== 
		Put all custom styles here * Ends *
	   =================================================== */
	
	/* === Images */
	/* icons, SVG */
	.alzati-logo				{ background-image: url('../img/alzati-logo.svg'); }
	
	
	.specialties .recons .fourJumps br:first-child { display: none; }
	
	
	.small-whims {
		line-height: 1.2;
	}
	
}

@media screen and (min-width: 1359px) {

	.power-title {
		font-size: 36px;
	}

	.title {
		font-size: 20px;
	}
	
	.alignHeight {
		line-height: 1 !important;
		margin-top: 3%;
		margin-bottom: 3%;
	}
}

@media screen and (min-width: 1439px) {
	
	/* En general */
	.power-title {
		font-size: 40px;
	}
	
	.title {
		font-size: 24px;
	}
	
	.text {
		font-size: 18px;
	}
	
	.menu-text {
		font-size: 12px;
	}
}

@media screen and (min-width: 1679px) {
	
	/* En general */
	.power-title {
		font-size: 46px;
	}
	
	.title {
		font-size: 28px;
	}
	
	.text {
		font-size: 22px;
	}
	
}

@media screen and (min-width: 1919px) {
	
	/* En general */
	.power-title {
		font-size: 50px;
	}
	
	.title {
		font-size: 32px;
	}
	
	.text {
		font-size: 24px;
	}
}

/* Special Request */

@media screen and (min-width:1023px) and (max-width: 1120px) and (min-height: 460px) and (max-height: 500px) {
	
	.power-title {
		font-size: 48px;
	}
	
	.title {
		font-size: 52px;
	}
	
	.text {
		font-size: 16px;
	}
}

@media screen and (min-width:1023px) and (max-width: 1367px) and (min-height: 460px) and (max-height: 610px) {
	
	/*.power-title {
		font-size: 48px;
	}
	
	.title {
		font-size: 24px;
	}
	
	.text {
		font-size: 16px;
	}*/
	
	.en-plato {
		width: 75vh;
		min-width: 32%;
	}
}

/* 1079 X 484  This is chrome on Windows on a screen of 1366 X 768. Doesn't work well*/