.overlay {position: fixed;width: 100%;height: 100%;top: 0;left: 0;background:#2b98cd;}.overlay .overlay-close {width: 80px;height: 80px;position: absolute;right: 20px;top: 8px;overflow: hidden;border: none;background: url(../img/all/cross2.png) no-repeat center center;text-indent: 200%;color: transparent;outline: none;z-index: 100;}.overlay nav {text-align: center;position: relative;top: 50%;height: 60%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}.overlay ul {list-style: none;padding: 0;margin: 0 auto;display: inline-block;height: 100%;position: relative;padding-top: 69px;max-width: 42%;text-align: center;}.overlay ul li {display: block;height: 20%;height: calc(100% / 5);min-height: 54px;-webkit-backface-visibility: hidden;backface-visibility: hidden;float: left;padding: 0 45px;padding-bottom: 69px;}.overlay ul li a {font-size: 22px;font-weight: 300;background: #2b98cd;position: relative;padding: 10px 28px 10px 28px;line-height: 22px;text-transform: capitalize;color: #fff;font-size: 16px;font-weight: 400;display: inline-block;border: 0;border-radius: 27px;-webkit-transition: color 0.2s;transition: color 0.2s;}.overlay ul li a:hover, .overlay ul li a:focus {color: #f0f0f0;}.overlay-genie {background: transparent;visibility: hidden;opacity: 0;-webkit-transition: opacity 0.3s 0.2s, visibility 0s 0.6s;transition: opacity 0.3s 0.2s, visibility 0s 0.6s;}.overlay-genie.open {visibility: visible;opacity: 1;-webkit-transition: opacity 0.3s;transition: opacity 0.3s;}.overlay-genie svg {position: absolute;top: 0;left: 0;}.overlay-genie .overlay-path {fill: #2b98cd;}.overlay-genie nav {opacity: 0;-webkit-transform: scale(0.8) translateY(-48%);transform: scale(0.8) translateY(-48%);-webkit-transition: opacity 0.3s 0.3s, -webkit-transform 0.3s 0.3s;transition: opacity 0.3s 0.3s, transform 0.3s 0.3s;}.overlay-genie .overlay-close {opacity: 0;-webkit-transition: opacity 0.3s;transition: opacity 0.3s;}.overlay-genie.open nav, .overlay-genie.open .overlay-close {opacity: 1;-webkit-transition-delay: 0.3s;transition-delay: 0.3s;}.overlay-genie.open nav {-webkit-transform: scale(1) translateY(-50%);transform: scale(1) translateY(-50%);}.overlay-genie.close nav, .overlay-genie.close .overlay-close {-webkit-transition-delay: 0s;transition-delay: 0s;}.main-pop-up-menu {position: relative;float: left;width: 100%;text-align: center;top: 250px;}.main-pop-up-menu .pop-up-menu-first{position:relative;float:left;width:100%;padding-bottom: 15px;}.main-pop-up-menu .pop-up-menu-first-2{position:relative;float:left;width:100%;}.main-pop-up-menu .pop-up-menu-first a,.main-pop-up-menu .pop-up-menu-first-2 a{background: #fff;position: relative;padding: 10px 28px 10px 28px;line-height: 22px;text-transform: capitalize;color: #2b98cd;font-size: 16px;font-weight: 400;display: inline-block;border: 0;border-radius: 27px;}.main-pop-up-menu h4 {font-size: 19px;color: #fff;padding-bottom: 25px;}.main-pop-up-menu .pop-up-menu-first a:hover,.main-pop-up-menu .pop-up-menu-first-2 a:hover{background: #fff;-webkit-box-shadow: 0 10px 40px rgba(165,165,165,0.2);-ms-box-shadow: 0 10px 40px rgba(165,165,165,0.2);-moz-box-shadow: 0 10px 40px rgba(165,165,165,0.2);box-shadow: 0 10px 40px rgba(165,165,165,0.2);}@media screen and (max-height: 30.5em) {.overlay nav {height: 70%;font-size: 34px;}.overlay ul li {min-height: 34px;}}