@charset "utf-8";
/* CSS Document */
html #Landing, body #Landing {font-family: 'ABeeZee', sans-serif;	
font-weight: 400;
	margin:0;
	padding: 0;
	height: 100%;
	line-height: 30px;
	font-size: 18px;
}


#Landing a img {outline : none;}

#Landing a {outline : none;}

#Landing h1 { color: #00c59c;
     text-align: center;
     font-family: 'Istok Web', sans-serif;
     font-size: 50px;
     letter-spacing: 1px;
     line-height: 30px;
     margin-top: 40px;
     border-bottom: 1px solid #e1e1e1;
    
}

#Landing .why { color: #000000;
       text-align: center;
       font-family: 'Istok Web', sans-serif;
       font-size: 20px;
       letter-spacing: 2px;
       line-height: 30px;

}


#Landing h2 { color: #00c59c;
     text-align: left;
     font-family: 'Istok Web', sans-serif;
     font-size: 50px;
     letter-spacing: 2px;
}


#Landing .detail h3{ color: #00c59c;
    font-family: 'Istok Web', sans-serif;
    text-transform: uppercase;
    font-size:16px;
    margin: 0;
}

#Landing .detail-long h3{ color: #00c59c;
    font-family: 'Istok Web', sans-serif;
    text-transform: uppercase;
    font-size:16px;
    margin: 0;
}


/* BANNER CSS STARTS HERE */

#Landing .header-landing {
height: 336px;
    background-image: url(../images/aup-bg.png);
    background-repeat: no-repeat;
    background-size: 100% 336px;
}


#Landing img.source-image2 {
    width: 100%;
    position: absolute;
    left: 0;
}

#Landing #container-header {  left: 0;
                     margin: 0 auto;
                     top: 0;
                     width: 980px;
                     height: 336px;
                     z-index: 100000000;
}
#Landing .row-header {
   /* background-image: url(../images/aup-copy-bn2.png); */
    height: 106px;
    margin: 88px 0 0;
    max-width: 500px;
    min-width: 250px;
}

#Landing #logo {
    background-image: url(../images/aup-logo-landing.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 349px;
    height: 257px;
    text-indent: -9999px;
    left: 0;
    top: 0;
    margin: 0;
}



#Landing .buy-button {  background-image: url(../images/buy-button2-hover.png);
               background-repeat: no-repeat;
               margin: 10px auto 0;
               text-indent: -9999px;
               width: 246px!important;
               height: 60px!important;
               cursor:pointer;
}

#Landing .buy-button:hover {  background-image: url(../images/buy-button2.png);
                              background-repeat: no-repeat;

}
/* BANNER CSS ENDS HERE */

/*Section One Starts here*/
#Landing .section-one { 
    height: 225px;
    margin: 0 auto;
    width: 980px;
}


#Landing .login-button {
    background-image: url(../images/login-button.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
    float: left;
    height: 179px;
    width: 179px;
    margin-right: 50px;
    margin-top: 18px;
    cursor:pointer;
}

#Landing .login-button:hover {
    background-image: url(../images/login-button-hover.png);
    background-repeat: no-repeat;
}


#Landing .subs-button {
    background-image:url(../images/subscribe-button.png);
    background-repeat: no-repeat;
    float: left;
    height: 179px;
    width: 179px;
    text-indent: -9999px;
    margin-left: 25px;
    margin-top: 18px;
    cursor:pointer;
}


#Landing .subs-button:hover {
    background-image:url(../images/subscribe-button-hover.png);
    background-repeat: no-repeat;
}


#Landing .webinar-button {
    background-image:url(../images/webinar-button.png);
    background-repeat: no-repeat;
    float: left;
    height: 179px;
    width: 179px;
    text-indent: -9999px;
    margin-right: 25px;
    margin-top: 18px;
    cursor:pointer;
}


#Landing .webinar-button:hover {
    background-image:url(../images/webinar-button-hover.png);
    background-repeat: no-repeat;
}


#Landing .learn-button {
    background-image:url(../images/learn-more-button.png);
    background-repeat: no-repeat;
    float: left;
    height: 179px;
    width: 179px;
    text-indent: -9999px;
    margin-right: 25px;
    margin-top: 18px;
    cursor:pointer;
}


#Landing .learn-button:hover {
    background-image:url(../images/learn-more-button-hover.png);
    background-repeat: no-repeat;
}






#Landing .pp-image {
    background-image:url(../images/pp-logo-small.png);
    background-repeat: no-repeat;
    float: left;
    height: 179px;
    width: 179px;
    text-indent: -9999px;
    margin-right: 25px;
    margin-top: 18px;
    cursor:pointer;
}

#Landing .isafe-button {
    background-image:url(../images/isafe-button.png);
    background-repeat: no-repeat;
    float: left;
    height: 179px;
    width: 179px;
    text-indent: -9999px;
    margin-right: 50px;
    margin-top: 18px;
    cursor:pointer;
}

#Landing .isafe-button:hover {
    background-image:url(../images/isafe-button-hover.png);
    background-repeat: no-repeat;
}

#Landing .pp-image {
    background-image:url(../images/pp-logo-small.png);
    background-repeat: no-repeat;
    float: left;
    height: 179px;
    width: 179px;
    text-indent: -9999px;
    margin-right: 25px;
    margin-top: 18px;
    cursor:pointer;
}


#Landing .body-container { width:980px; 
                  margin: 15px auto 15px;
                  padding-bottom:78px; 
                  position: relative;

}

#Landing .grey-bg {
    min-width: 1024px;
    width: 100%;
    height: 641px;
    left: 0;
    background-repeat: no-repeat;
    z-index: -7;
    background-color: #ffffff;
    clear: both;
    padding-top: 25px;
}

#Landing .cloud-one { width: 48%;
             float: left;
             margin: 30px 10px 30px 0;
             color: #dd1f26;
             text-align:center;
}

#Landing .cloud-two { width: 48%;
             float: left;
             margin: 30px 0 30px 10px;
             color: #dd1f26;
             text-align:center;
}

#Landing .blue-bg-dig {
   /* min-width: 1024px;
    width: 100%;
    height: 336px;
    left: 0;
    background-repeat: no-repeat;
    z-index: -7;
    margin-top: -150px;
    margin-bottom: -20px;*/
    background-image: url("../images/diag.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 336px;
    margin-top: -150px;
    margin-bottom: 50px;
}


#Landing .baby-blue { color: #414143;
             font-size: 22px;
             line-height: 40px;
             padding: 80px 0 0;
}

#Landing .l-blue-bg {
    min-width: 1024px;
    width: 100%;
    height: 1250px;
    left: 0;
    background-repeat: no-repeat;
    z-index: -7;
    background-color: /*#647987*/ #93a6b2;
    clear: both;
    margin-top: -230px;
}

#Landing .one { width: 100%;
       float: left;
       margin: 10px 0 0;
       color: #000000;
}

#Landing .one p { margin-top: 0;
         padding:0 0 5px;
         font-size: 13px;
         line-height: 23px;
}

#Landing .post-thumb {
    background-color: #F3F3F3;
    height: 236px;
    overflow: hidden;
    padding: 10px;
    position: relative;
    border: 1px solid #647987;
    box-shadow: 10px 10px 5px #73828c;
}

#Landing .post-thumb-second {
    background-color: #F3F3F3;
    height: 290px;
    overflow: hidden;
    padding: 10px;
    position: relative;
    border: 1px solid #647987;
    box-shadow: 5px 6px 6px #73828C;
}

#Landing .post-white-long { width: 440px;
                   float: left;
                   margin-bottom:20px;
                   margin-left:20px;
                   box-shadow: 5px 6px 6px #73828C;
}

#Landing .post-white { width: 200px;
              float: left;
              margin-bottom:20px;
              margin-left:20px;
}

#Landing .post-white .thumbnail {height: 100px;
}

#Landing .thumbnail{  float: left;
             width: 200px;
             height: 100%;
             overflow: hidden;
}


#Landing .thumbnail-long{  float: left;
                  width: 440px;
                  margin: 0 auto;
                  overflow: hidden;
}


#Landing .detail-long {  float: left;
                margin-top: 10px;
                width: 410px;
}

#Landing .detail {  float: left;
           margin-left: 10px;
           width: 240px;
}

#Landing .post-white .detail { 
    margin-left: 0;
    width: 200px;
}




#Landing .two {width: 100%;
      float: left;
      margin: 10px 0 0;
      color: #000000;
}

#Landing .two p { margin-top: 0;
         padding:0 0 5px;
         font-size: 13px;
         line-height: 23px;
}



#Landing .buy-s-button{ float: right;
               position:absolute;
               bottom:0;
               right:0;
               color: #FFF;
               padding: 1px 7px;
               list-style-type: none;
               font-size: 10px;
               line-height: 15px;
cursor:pointer;
               background: #00c59c; /* Old browsers */
              }


#Landing .buy-s-button:hover { color: #00c59c;
                      background: #ffffff;
}


/*MENU TOP*/

#Landing .gradient {
    filter: none;
}

#Landing #menu-container {
    z-index: 100;
    margin: 0 auto;
    width: 980px;
    height: 35px;
}

#Landing #menu-top {  
    margin: 0 auto;
    padding: 0;
    /* position: absolute;*/
    top: 0;
    clear: both;
    float: right;
}

#Landing #menu-top ul
{
    list-style-type:none;
    margin:0;
    padding:0;

}

#Landing #menu-top li{
    float: left;
    cursor:pointer;
    font-weight:bold;
    color: #00c59c;
    top: 0;
    padding: 1px 7px;
    margin-right: 12px;
    list-style-type: none;
    font-size: 13px;
    line-height: 20px;
text-shadow: none!important;
    background: #fff /* Old browsers */
    }

#Landing #menu-top li:hover {color: #fff;
                             background: #00c59c;
    
}


#Landing #menu-top li a{ text-align:center;
                         text-decoration:none;
    float: left;
    cursor:pointer;
    color: #00c59c;
   
}


#Landing #menu-top li a:hover{color: #fff;
                              background: #00c59c;
   
}


#Landing #menu-top ul li a{ text-align:center;
                   font-weight:bold;
                   font-size:0.8em;
                   text-decoration:none;
                   cursor:pointer;
}

#Landing #menu-top ul li a:hover, #menu-top li:hover { color: #fff;
                                              background: #00c59c;
}


/*END MENU*/

#Landing .content { border-width: 0;
    overflow: hidden;
    padding: 0;
}

#Landing .d-blue-bg { min-width: 1024px;
             width: 100%;
             height: 420px;
             left: 0;
             background-repeat: no-repeat;
             z-index: -7;
             background-color: #647987;
             clear: both;
             float: left;
}


#Landing .d-blue-bg2 { min-width: 1024px;
              width: 100%;
              height: 240px;
              left: 0;
              background-repeat: no-repeat;
              z-index: -7;
              background-color: #9F3F3F3;
              clear: both;
              float: left;
}



#Landing .create-acc-button {
    background-image:url(../images/create-account.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
    border: none!important;
    width: 397px;
    height: 69px;
    margin: 20px auto 0;
    cursor:pointer;
}

#Landing .create-acc-button:hover {
    background-image:url(../images/create-account-hover.png);

}


#Landing .subscribe-button { background-image: url(../images/subs-buttom.png);
                    background-repeat: no-repeat;
                    text-indent: -9999px;
                    border: none!important;
                    width: 397px;
                    height: 69px;
                    margin: 20px auto 0;
                    cursor:pointer;
}

#Landing .subscribe-button:hover { background-image: url(../images/subs-buttom-hover.png);
}

#footer { display:none;
          border-top: 8px solid #f2f2f2;
          position:relative;
          left: 0px;
          right: 0px;
          bottom: 0px;
          width:100%;
          clear:both;
          z-index: 10;
          height: 10em;


}
.footer-content {    width: 980px;
                     margin: 10px auto;
                     padding: 13px 10px 0;
                     text-align:left;
                     color: #143e68;
                     font-size: 12px;
                     line-height: 20px;
                     text-shadow: none !important;
}


.footer-content a { color: #143e68!important;
                   text-shadow: none !important;
}

.footer-content a:hover { color: #dd1f26!important;
        text-shadow: none !important;
}
body {
  font-family: "Lato", sans-serif;
  transition: background-color .5s;
}
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #ededed;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #ededed;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #ededed;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
  color: #111;
}
.sidebav .moveimg {
	top:40px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}