.overlay-PP {
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0;
    cursor: default;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 9999;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}

.overlay-PP:focus {
  outline: none;
}

.overlay-PP:target {
    visibility: visible;
    opacity: 1;
}
.popup-PP {              
    left: 50%;
    opacity: 0;
    padding: 10px;
    position: fixed;    
    top: 50%;
    width: 90%;
    max-width: 960px;

    visibility: hidden;
    z-index: 99999;
 
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;   
 
    -webkit-transition: opacity .5s, top .5s;
    -moz-transition: opacity .5s, top .5s;
    -ms-transition: opacity .5s, top .5s;
    -o-transition: opacity .5s, top .5s;
    transition: opacity .5s, top .5s;
}

.privacy-policy {
  overflow-y: scroll;
  width: 100%;
  text-align: justify;
  height: 500px;
  background: #fff;
  border-radius: 10px;
  padding: 15px;
}

  .privacy-policy p {
  margin: 0 0 10px;
  }

.privacy-policy h2 {
  font-weight: 300;
  margin: 0px 0px 6px;
  font-size: 30px;
  text-align: left;
}

.privacy-policy h3 {
  font-size: 24px;
  margin-top: 20px;
  margin-bottom: 10px;
}

.overlay-PP:target+.popup-PP {    
    opacity: 1;
    visibility: visible;
}

.close-wind-PP {
  background: url(../img/close.png) center center no-repeat;
  width: 32px;
  height: 32px;
  position: absolute;
  right: -25px;
  top: -25px;  
  opacity: 0.8;
}

.close-wind-PP:hover {
  opacity: 1;
}

/*  End Modal Window for Privacy Policy */


.my-telephone-icon i {
  border: 1px solid #fff;
  border-radius: 25px;
  padding: 3px 5px;
  font-size: 20px;
  text-align: center;
  margin-left: 15px;
  display: none;
}

#nav-wrapper {
  padding: 0;
}

#nav-wrapper>.container {
  text-align: justify;
  margin-bottom: -22px;
}

#nav-wrapper>.container:after {
  display: inline-block;
  width: 100%;
  content: "";
}

.main-logo {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  font-size: 20px;
}

.main-logo img {
  margin-right: 15px;
}

.main-logo:hover {
  color: #aaa;
}

#first-telephone {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
  color: #fff;
  font-size: 35px;
  font-family: 'Open sans', sans-serif;
}

#welcome-msg {
  font-weight: 400;
}

#countdown_dashboard h2 {
color: #fff;
margin-bottom: 8px;
}

.eaghteen-icon {
  background-image: url(../images/img/eaghteen-icon.png); 
  background-position: center center; 
  background-repeat: no-repeat;
}

.icon2 {
  background-image: url(../images/img/icon2.png);
  background-position: center center; 
  background-repeat: no-repeat;

}

.icon3 {
  background-image: url(../images/img/icon3.png); 
  background-position: center center; 
  background-repeat: no-repeat;
}

.icon4 {
  background-image: url(../images/img/icon4.png); 
  background-position: center center; 
  background-repeat: no-repeat;
}

.order-legal-service {
  padding: 20px 0;
  background: #2E3750;
  color: #fff;
}

.order-legal-service h2 {
  text-transform: uppercase;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
}

.order-legal-service p {
  color: #fff;
  font-size: 22px;
}

.order-legal-service a {
  display: inline-block;
  vertical-align: middle;
  background: #fff;
  height: 50px;
  width: 300px;
  text-align: center;
  -moz-box-sizing: border-box; 
  box-sizing: border-box;
  padding-top: 12px;
  font-size: 18px;
  color: #2E3750;
  border-radius: 3px;
  font-weight: 300;
  float: right;
  position: relative;
}

.order-legal-service a:hover {
  opacity: 0.8;
}

.order-legal-service a:after {
  position: absolute;
  content: "";
  background: url(../images/img/arrow-r.png) center center no-repeat;
  width: 24px;
  height: 47px;
  top: 0;
  left: -70px;
}

#nav-wrapper {
  padding: 15px 0!important;
}

#nav-wrapper.tinyheader {
  padding: 8px 0!important;
}

.footer-texts p {
  line-height: 1.2!important;
}

@media only screen and (max-width: 640px) {
  #first-telephone {
    font-size: 24px;
  }
}

@media only screen and (max-width: 569px) {
 #nav-wrapper>.container {
  text-align: center; 
  margin-bottom: 0;
}

#nav-wrapper>.container:after {
  display: none;
}
}