/*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

body {
   margin: 10;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff; 
  
  
}

#header {padding: 1em 0 0.1em 0 ;
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(224,227,231,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(224,227,231,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(224,227,231,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(224,227,231,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(224,227,231,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(224,227,231,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e3e7', GradientType=0 );
position:fixed;top:-4px;width:100%;height:8%;left:0;right:0;z-index:20;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
box-shadow: 0px 1px 3px rgba(0,0,0,0.4);}

#header .logo {display: block;border-bottom: 0;color: inherit;font-weight: 900;letter-spacing: 0.1em;
margin-left:40px;margin-top:5px;text-decoration: none;text-transform: uppercase;display: inline-block;
font-size:.8rem;letter-spacing:0;
}

			#header .logo > * {
				display: inline-block;
				vertical-align: middle;
			}

			#header .logo .symbol {
				margin-right: 0.65em;
			}

				#header .logo .symbol img {
					display: block;
					width: 2em;
					height: 2em;
				}
				
#volver{margin-top:-2px;float:right;margin-right:10px;font-family: 'Roboto', sans-serif;border-radius:100%;font-size: 1em;
cursor: pointer;background:#0DAFD6;color:white;outline: none;transition: 0.3s linear;padding:8px 9.5px;
text-align: center;text-decoration: none;font-weight: 900;}	
#wrapper{margin:auto;padding:7px;margin-top:40px;}
#wrapper .presentation{padding:12px;margin-top:50px;}
.super{font-size:1.2rem;margin-top:40px;}		
form h1{font-family: "Source Sans Pro", Helvetica, sans-serif;font-size:1rem;padding:1rem;color:#46494C;}
form h2{font-family: "Source Sans Pro", Helvetica, sans-serif;font-size:22px;padding:1rem;font-weight:500;}
.sugerencia{color:#9FA5AB;float:left;padding-left:8px;text-decoration:none;display:inline-block;}
.titulo{background:#E9ECEF;border-radius:8px;padding:7px;font-size:1rem;}
.titulo .fa{color:#FF8400;font-size:.6rem;position:relative;top:-2px;}

.error{background:#E9ECEF;border-radius:8px;color:#963E33;padding:9px;font-size:1rem;text-align:left;width:90%;margin:90px auto;}
.error span{color:#46494C;}
.exito{background:#E9ECEF;border-radius:8px;color:#46494C;padding:9px;font-size:1rem;text-align:left;width:90%;margin:90px auto;}
.exito span{color:#46494C;}

.card {
 color: white;
 height: 5rem;
 line-height:2.5rem;
  border-radius:12px;
  padding:7px;
  font-family: "Source Sans Pro", Helvetica, sans-serif;
		font-size: .8rem;
		font-weight: 700;
		
}

.cards {
  max-width: 1000px;
  margin: 10 -38px;
  display: grid;
  grid-gap: 1rem;
}
.card .inputGroup{-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
border-bottom:4px solid #17A2B8;}

.card:hover .inputGroup {transition: all 0.2s ease-in-out;
  background-color: #FFFFFF;color:#83898C;
  transform: scale(1.05);
}
.flex-container h3{background:#E9ECEF;padding:7px;border-radius:6px;}
.flex-container h3 .fa{color:#FF8400;font-size:.6rem;position:relative;top:-2px;}
.flex-container p{padding-left:7px;}
.flex-container p a .fa{color:#00BEE5;font-size:.6rem;}
.flex-container a{text-decoration:none;color:#4C656C;}
.linkssocial{text-decoration:none;color:#4C656C;font-size:.6rem;}

/*********************************************/
:focus{outline:none}
::placeholder{color: #333333;font-weight:normal;}
textarea{resize:none}
input,textarea,select,button{font-family:poppins-regular;font-size:14px;color:#333}
select{-moz-appearance:none;-webkit-appearance:none;cursor:pointer}
select option[value=""][disabled]{display:none}

textarea{resize:none}


.form-row{display:flex;margin-bottom:25px}
.form-row .form-col{width:50%;margin-right:40px}
.form-row2 .form-col2{width:50%;}

.form-row .form-col:last-child{margin-right:0}
.form-col label{color:#333;margin-bottom:7px;display:block}
.form-holder{position:relative}
.form-holder i:not(.zmdi-chevron-down){position:absolute;top:50%;transform:translateY(-50%);left:15px;font-size:17px}
.form-holder i.zmdi-chevron-down{position:absolute;top:50%;transform:translateY(-50%);right:15px;font-size:17px}
.form-holder.password i{cursor:pointer}
.form-control{height:42px;border:1px solid #ccc;width:100%;background:white;font-size:15px;padding-left:46px;color:#999;font-family:poppins-medium}
.form-control2{height:46px;border:1px solid #ccc;width:100%;background:white;font-size:18px;padding-left:46px;color:#999;font-family:poppins-medium;border-radius:12px}
form .form-row2 .fa{color:#9FA5AB;}
.form-control:focus{border-color:#3377c0}
form h1{font-family: "Source Sans Pro", Helvetica, sans-serif;font-size:22px;padding:1rem;font-weight:700;}
form h2{font-family: "Source Sans Pro", Helvetica, sans-serif;font-size:16px;padding:1rem;font-weight:700;}
#livesearch{position:absolute;width:49%;background:white;}
.bajar{ cursor: not-allowed;
        pointer-events: none;

        /*Button disabled - CSS color class*/
        color: #c0c0c0;
        background-color: gray;
        border:1px solid #ccc;
  }

.btn {text-decoration:none;
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; 
  background:#F2F2F2;margin-top:10px;}

.btnes {width:200px;text-decoration:none;
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: left;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; 
  background:#F2F2F2;margin-top:10px;}
  .eliminarturno{background-color: #F02849;  border:1px solid #A01A30; color:white;}
.trash{background-color: #F02849;  border:1px solid #A01A30; color:white;padding:4px;border-radius:6px;cursor:pointer;}
.normal{color:black;font-weight:700;font-style:oblique;}  
.btn.btn-primary {cursor:pointer;
  background: #0DAFD6;
  border-color: #0DAFD6; }
  .btn.btn-primary:hover, .btn.btn-primary:focus {
    background: #2f89fc !important;
    border-color: #2f89fc !important; }

.btn-primary {
  color: #fff;
  background-color: #0DAFD6;
  border-color: #0DAFD6; }
  .btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc; }
  .btn-primary:focus, .btn-primary.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }
  .btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff; }
  .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
    .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,

.toast {
  max-width: 350px;
  overflow: hidden;
  font-size: 0.875rem;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  opacity: 0;
  border-radius: 0.25rem; }
  .toast:not(:last-child) {
    margin-bottom: 0.75rem; }
  .toast.showing {
    opacity: 1; }
  .toast.show {
    display: block;
    opacity: 1; }
  .toast.hide {
    display: none; }

.toast-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.25rem 0.75rem;
  color: #6c757d;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05); }

.toast-body {
  padding: 0.75rem; }

.modal-header{background:#0E70C0;color:white;}
.modal-open {
  overflow: hidden; }
  .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto; }

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none; }
  .modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -webkit-transform: translate(0, -50px);
    -ms-transform: translate(0, -50px);
    transform: translate(0, -50px); }
    @media (prefers-reduced-motion: reduce) {
      .modal.fade .modal-dialog {
        -webkit-transition: none;
        -o-transition: none;
        transition: none; } }
  .modal.show .modal-dialog {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; }

.modal-dialog-scrollable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-height: calc(100% - 1rem); }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden; }
  .modal-dialog-scrollable .modal-header,
  .modal-dialog-scrollable .modal-footer {
    -ms-flex-negative: 0;
    flex-shrink: 0; }
  .modal-dialog-scrollable .modal-body {
    overflow-y: auto; }

.modal-dialog-centered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - 1rem); }
  .modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    content: ""; }
  .modal-dialog-centered.modal-dialog-scrollable {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%; }
    .modal-dialog-centered.modal-dialog-scrollable .modal-content {
      max-height: none; }
    .modal-dialog-centered.modal-dialog-scrollable::before {
      content: none; }

.modal-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000; }
  .modal-backdrop.fade {
    opacity: 0; }
  .modal-backdrop.show {
    opacity: 0.5; }

.modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem; }
  .modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto; }

.modal-title {
  margin-bottom: 0;
  line-height: 1.5; }

.modal-body {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem; }

.modal-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem; }
  .modal-footer > :not(:first-child) {
    margin-left: .25rem; }
  .modal-footer > :not(:last-child) {
    margin-right: .25rem; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto; }
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem); }
    .modal-dialog-scrollable .modal-content {
      max-height: calc(100vh - 3.5rem); }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem); }
    .modal-dialog-centered::before {
      height: calc(100vh - 3.5rem); }
  .modal-sm {
    max-width: 300px; } }

@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 800px; } }

@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px; } }

/* Screen larger than 600px? 2 column */
@media (min-width: 600px) {
  .cards { grid-template-columns: repeat(2, 1fr);
     
}
}

/* Screen larger than 900px? 3 columns */
@media (min-width: 900px) {
  .cards { grid-template-columns: repeat(3, 1fr);}
}

.inputGroup {border-radius:8px;
  background-color: #fff;
  display: block;border:1px solid #D1D7DC;
 }
 .cards a{text-decoration:none;}
.inputGroup label {border-radius:8px;
   padding: 14px 1px;
  width: 100%;height:100%;
  display: block;
  text-align: center;
  color: #3c454c;
  cursor: pointer;
  position: relative;
  z-index: 2;
  -webkit-transition: color 200ms ease-in;
  transition: color 200ms ease-in;
  overflow: hidden;
}
.inputGroup label:before {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  content: "";
  background-color: #16A2B8;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1);
          transform: translate(-50%, -50%) scale3d(1, 1, 1);
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  z-index: -1;
}
.inputGroup label:after {
  width: 32px;
  height: 32px;
  content: "";
  border: 2px solid #d1d7dc;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
  background-repeat: no-repeat;
  background-position: 2px 3px;
  border-radius: 50%;
  z-index: 2;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
  -webkit-transition: all 200ms ease-in;
  transition: all 200ms ease-in;display:none;
}
.inputGroup input:checked ~ label {
  color: #fff;
}
.inputGroup input:checked ~ label:before {
  -webkit-transform: translate(-50%, -50%) scale3d(56, 56, 1);
          transform: translate(-50%, -50%) scale3d(56, 56, 1);
  opacity: 1;
}
.inputGroup input:checked ~ label:after {
  background-color: #54e0c7;
  border-color: #54e0c7;
}
.inputGroup input {
  width: 32px;
  height: 32px;
  -webkit-box-ordinal-group: 2;
          order: 1;
  z-index: 2;
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
  visibility: hidden;
}
.container{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 1rem;
}

.tile{border:1px solid #E9ECEF;background:#F5F5F5;}
.tile img{padding-left:8px;margin-left:18px;}
#tile{border:none;background:transparent;}
.tile h3{padding:6px;}
.tile p{padding:6px;margin-top:-20px;color:#585858;}
.tile ul li{color:#585858;}


.tile .containervideo {
margin-top:-11px;
  position: relative;
  overflow: hidden;
  width: 100%;
  
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.tile .containervideo .responsive-iframe {
padding:20px;
  position: absolute;
  top: 0;
  left:0;
  bottom: 0;
  right:0;
  width: 100%;
  height: 100%;
}






.tile:nth-child(1){
    grid-column: span 4;
    grid-row: span 2;
}

.tile:nth-child(2),
.tile:nth-child(3){
    grid-column: span 2;
}

.tile:nth-child(4),
.tile:nth-child(5){
    grid-column: span 3;
}
@media screen and (max-width: 650px){
 #submit{width:100%;} 
 .cards{margin-left:-45px;}
    .container{
        display: block;
    }
    .tile{
        margin-bottom: 1rem;
    }
}


	
	
	




		.icon:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			display: inline-block;
			font-style: normal;
			font-variant: normal;
			text-rendering: auto;
			line-height: 1;
			text-transform: none !important;
			font-family: "Font Awesome 5 Free";
			font-weight: 400;
		}
		.icon > .label {
			display: none;
		}

		.icon:before {
			line-height: inherit;
		}

		.icon.solid:before {
			font-weight: 900;
		}

		
		
	
	
	

	.container .red{font-size:.9rem;color:#0DAFD6;font-weight:700;}
.container .blue{font-size:.9rem;color:#0DAFD6;font-weight:700;}
.tile #awesome{font-size:1.9rem;margin-right:10px;color:#0DAFD6;}
.tile #awesome2{font-size:1rem;margin-right:10px;color:#0DAFD6;}
/*/////////////////////////////////////////
Footer
////////////////////////////////////////*/


#footer {margin:0;
  position: fixed;
  bottom: 0;
  width: 100%;
left:0;right:0;
}
#footer h3{ padding: 5px 0;text-transform:uppercase;}


 .bg-dark{
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 50px;
background:#1C1D22;
border-top:1px solid #1C1D22;
color:#FFFFFF;
}
.bg-dark img{position:absolute;top:9px;left:5px;}

.bg-dark span{color:#FFFFFF;position:absolute;left:20px;margin-top:15px;}
.help{position:fixed;top:0;background:white;width:100%;right:0;left:0;z-index:12;color:#5F6368;padding:10px;
display:none;overflow:auto;height:100%;}
.closesearch{right:5;text-decoration:none;position:absolute;margin-top:5px;font-size:.7rem;padding:2px 7px;border-radius:8px;background:#F3F3F3;color:#333333;}
.turnos{float:right;margin-right:10px;margin-top:10px;}
@media screen and (max-width: 480px){
.btn{width:100%;}
.flex-container h3{font-size:.8rem;}
.flex-container p a{font-size:.7rem;}
#header .logo {margin-top:1px;
font-size:.6rem;letter-spacing:0;
}
#volver{margin-top:-5px;font-size:.6em;padding:8px 9.5px;}
.turnos{float:right;width:auto;}	
.super{font-size:1rem;}
.cards {
  max-width: 600px;
  margin: 55px 2px;
  display: grid;
  grid-gap: 1rem;
}
.card {
  height: 3rem;
font-size: .7rem;
 line-height:1rem;
}


.bg-dark span{font-size:.5rem;}

#wrapper{margin:auto;padding:7px;margin-top:5px;}
#wrapper .presentation{font-size:.5rem;}
.form-row{display:block}
.form-row .form-col{width:100%;margin-right:0;margin-bottom:25px}
.form-row2 .form-col2{width:100%;}
#livesearch{position:absolute;width:90%;background:white;}
.sugerencia{font-size:.8rem;}
form h1{font-family: "Source Sans Pro", Helvetica, sans-serif;font-size:13px;padding:1rem;font-weight:700;}
.btnes {width:100%;}
}

.verturno{background:#46BFBD;border:1px solid #46BFBD;color:white;}
.avisos{background:#E9ECEF;border-radius: 4px;border: solid 1px #DEE2E6;padding: 0.25em 0.65em;}
.codigo{font-size:1.5rem;color:red;font-weight:700;}



.tile .containerimage {
margin-top:-11px;
margin-left:-14px;
  position: relative;
  width: 100%;
  margin-bottom:30px;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
.tile .containerimage .responsive-image {
  position: absolute;
  top: 0;
  left:0;
  bottom: 0;
  right:0;
  max-width: 100%;
  width: 100%;
  height:100%;
  padding:1rem;
}