.header-black-bg{background:0 0}
.btn-ciudad,.btn-random{display:none}
#colegios{background:url(/img-colegios/nueces.png) repeat;background-size:contain;background-attachment:fixed;padding:2vh 0;min-height:100vh}
#header-colegios{padding:5vh 2vw 0}
#img-diploma{float:right;width:49%;padding:5em 10em 0}
#img-los300{width:49%;padding:2em 1em;padding:5em 10em 0}
#img-diploma img{transform:rotate(7deg);padding:0 4em}
#cont-myInput{display:block;font-size:1em;letter-spacing:1px;font-weight:600;color:#1a493f;line-height:1.4em;padding:1em 0 1em 2em;text-align:left;position:sticky;top:70px;z-index:99999999999999}
#cont-colegios-list{display:flex;align-items:center;justify-content:center}
#myInput{background:url(/img-colegios/searchicon.png),#fff;background-position:10px 12px;background-repeat:no-repeat;border-radius:30px;width:50%;font-size:16px;padding:12px 20px 12px 40px;border:1px solid #ccc;margin-bottom:12px;margin-left:-5vw}
#myUL{background:#fff;padding:0;margin:0;width:100%;max-width:1300px}
.col-showed{display:inline}
.col-hidded{display:none}
.grid{max-width:100%}
.grid:after{content:'';display:block;clear:both}
.grid-item{float:left;width:250px;height:300px;border:2px solid #333;border-color:hsla(0,0%,0%,.7)}
.grid-item--width2{width:500px}
.grid-item--height2{height:500px}
.grid-item{font-size:.8em;padding:2em;background:#fff;border:1px solid #fff;color:#8e8e90;line-height:1.4em}
.grid-item:hover{border:1px solid rgba(24,74,63,.2);border-radius:1em}
.grid-item img{max-width:170px;width:100%;height:auto}
.grid-item img:hover{opacity:.8}
.nom-item{background:url(/img-colegios/ico-colegio.svg) no-repeat top left;background-size:1em;color:#184a3f;display:block;font-size:1.1em;margin:0 0 4px;max-width:15em;text-align:left;padding:0 0 0 1.1em}
.city-item{background:url(/img-colegios/ico-ubicacion.svg) no-repeat top left;display:block;margin:0 0 4px;font-weight:100;color:#8e8e90;background-size:1em;text-align:left;padding:0 0 0 1.1em;font-size:1.1em}
.web-item{background:url(/img-colegios/ico-web.svg) no-repeat top left;display:block;margin:0 0 4px;font-weight:100;color:#8e8e90;background-size:1em;text-align:left;padding:0 0 0 1.1em;font-size:1.1em}
@media (max-width:768px){
#myInput{width:100%}
}
@media (min-width:768px){
#myInput{margin-left:10vw}
}
@media (min-width:1600px){
#myUL{max-width:1920px}
}