body,html{margin:0;padding:0;border:0;font-family:Segoe UI,Arial,sans-serif}.wrapper,body,html{height:100vh;width:100%}.wrapper{display:grid;grid-template:150px 1fr 40px/1fr;grid-template-areas:"header" "main" "footer"}.wrapper .header{grid-area:header;background:#000;color:#fff;display:flex}.wrapper .main{grid-area:main;padding:80px 0}.wrapper .main .title-map{margin:0 auto 1em;padding:0;width:80%;text-align:center}.wrapper footer{text-align:center;grid-area:footer;background:#000}.wrapper footer .footer-text{margin:0;padding:0;font-size:14px;color:#fff}.container-header,.wrapper footer .footer-text{height:100%;display:flex;align-items:center;justify-content:center}.container-header{width:80%;margin:auto}.container-country{display:flex;align-items:center;justify-content:center;flex-direction:column;width:140px;margin:auto;height:80px;padding:10px 0 0}.container-country .title-country{margin:0;font-size:1.6em}.container-country .flag-country{width:75px}.form-search{height:60px;width:80%;margin:auto;visibility:hidden}.form-search,.form-search .content-search{display:flex;align-items:center;justify-content:center}.form-search .content-search{font-size:18px}.form-search .content-search *{margin:.2em}.form-search .content-search label{cursor:pointer}.form-search .content-search .input-search{height:35px;width:420px;outline:none;background:hsla(0,0%,100%,.2);border:none;border-bottom:1px solid #fff;color:#fff;font-size:18px;padding-left:.2em}.form-search .content-search .icon-search{display:flex;align-items:center;justify-content:center;font-size:25px}.container-map{width:100%;height:100%;display:flex;align-items:flex-start;justify-content:center;padding:1em 0 0;-webkit-box-sizing:border-box;box-sizing:border-box;visibility:hidden;position:relative}.container-map .map{height:56vh;width:80%;-webkit-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000}.content-loader{position:absolute;background:rgba(0,188,212,.749);height:56vh;width:80%;top:0;left:0;bottom:0;right:0;margin:1em auto 0;display:none;align-items:center;justify-content:center}.content-loader img{width:50px}.content-loader.loader{display:flex}.slideDown{animation-name:slideDown;-webkit-animation-name:slideDown;animation-duration:1s;-webkit-animation-duration:1s;animation-timing-function:ease;-webkit-animation-timing-function:ease;visibility:visible!important}@-webkit-keyframes slideDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}50%{-webkit-transform:translateY(8%);transform:translateY(8%)}65%{-webkit-transform:translateY(-4%);transform:translateY(-4%)}80%{-webkit-transform:translateY(4%);transform:translateY(4%)}95%{-webkit-transform:translateY(-2%);transform:translateY(-2%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}50%{-webkit-transform:translateY(8%);transform:translateY(8%)}65%{-webkit-transform:translateY(-4%);transform:translateY(-4%)}80%{-webkit-transform:translateY(4%);transform:translateY(4%)}95%{-webkit-transform:translateY(-2%);transform:translateY(-2%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.fadeIn{animation-name:fadeIn;-webkit-animation-name:fadeIn;animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;visibility:visible!important}@-webkit-keyframes fadeIn{0%{opacity:0}80%{opacity:1}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}80%{opacity:1}to{opacity:1}}.slideLeft{animation-name:slideLeft;-webkit-animation-name:slideLeft;animation-duration:1s;-webkit-animation-duration:1s;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;visibility:visible!important}@-webkit-keyframes slideLeft{0%{-webkit-transform:translateX(150%);transform:translateX(150%)}50%{-webkit-transform:translateX(-8%);transform:translateX(-8%)}65%{-webkit-transform:translateX(4%);transform:translateX(4%)}80%{-webkit-transform:translateX(-4%);transform:translateX(-4%)}95%{-webkit-transform:translateX(2%);transform:translateX(2%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideLeft{0%{-webkit-transform:translateX(150%);transform:translateX(150%)}50%{-webkit-transform:translateX(-8%);transform:translateX(-8%)}65%{-webkit-transform:translateX(4%);transform:translateX(4%)}80%{-webkit-transform:translateX(-4%);transform:translateX(-4%)}95%{-webkit-transform:translateX(2%);transform:translateX(2%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.slideRight{animation-name:slideRight;-webkit-animation-name:slideRight;animation-duration:1s;-webkit-animation-duration:1s;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;visibility:visible!important}@-webkit-keyframes slideRight{0%{-webkit-transform:translateX(-150%);transform:translateX(-150%)}50%{-webkit-transform:translateX(8%);transform:translateX(8%)}65%{-webkit-transform:translateX(-4%);transform:translateX(-4%)}80%{-webkit-transform:translateX(4%);transform:translateX(4%)}95%{-webkit-transform:translateX(-2%);transform:translateX(-2%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideRight{0%{-webkit-transform:translateX(-150%);transform:translateX(-150%)}50%{-webkit-transform:translateX(8%);transform:translateX(8%)}65%{-webkit-transform:translateX(-4%);transform:translateX(-4%)}80%{-webkit-transform:translateX(4%);transform:translateX(4%)}95%{-webkit-transform:translateX(-2%);transform:translateX(-2%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@media (max-width:500px){.wrapper .header{align-items:center}.wrapper .main .title-map{margin:0 auto 1em;font-size:14px}.container-header{margin:2em auto 0;font-size:14px}.container-country{display:none}.form-search{width:100%}.form-search .content-search{flex-direction:column}.form-search .content-search .input-search{width:250px}.form-search .content-search .icon-search{display:none}}@media (max-width:800px){.wrapper .main{padding:60px 0}.wrapper .main .title-map{font-size:16px}.container-header{flex-direction:column}}