.clearfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
html {
  padding: 0;
  margin: 0;
}
body {
  margin: 0;
  padding: 0;
  font-family: "Open Sans", 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #333;
  background-color: #ffffff;
}
body * {
  font-family: "Open Sans", 'Helvetica Neue', Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4 {
  font-family: "Open Sans", 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-weight: 600;
  color: #333;
}
h3 {
  font-size: 20px;
  margin: 0;

}
h1 {
  font-size: 36px;
  font-weight: 300;
}
h4 {
  font-size: 16px;
  margin: 0;
}
p {
  margin: 0;
  line-height: 1.4;
}
b {
  font-weight: 600;
}
.fl {
  float: left;
}
.fr {
  float:right;
}
.fl p {
  line-height: 1.6;
  width: 510px;
}
.l1 {
  line-height: 1;
}
.no_top_mar {
  margin-top: 0;
}
.no_bot_mar {
  margin-bottom: 0;
}
.common_white_block, .common_blue_block {
  width: 100%;
}

.common_blue_block {
  background-color: #1570a6;
}
.common_blue_block .wrapper {
  padding: 40px 0 41px 0;
}
.common_blue_block .wrapper h1 {
  color:#fff;
  font-size: 24px;
  float: left;
  margin:0;
  font-weight: 300;
}
.common_blue_block .wrapper .cert {
    margin-top: 2px;
    width: 171px;
    height: 30px;
  float: right;
  background: url("images/dr.png") left no-repeat transparent;
    background-size: 171px 30px;
}
.wrapper, .gray_wrapper {
  width: 940px;
  margin: 0 auto;
}
.gray {
  background-color: #eeeeee;
  padding: 40px 30px;
  margin-bottom: 40px;
}
.top {
  padding: 0;
  background: url("images/logo.png") left center no-repeat transparent;
    background-size: 23px 25px;
}
.bot_border {
  border-bottom: 5px solid #eeeeee;
}
.top_title {
  float:left;
  margin-left: 30px;
  margin-top: 7px;
  margin-bottom: 8px;
}
.top_title h3 {
  color: #787878;
  font-size: 17px;
  font-family: "Open Sans", 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-weight: 600;
  margin-left: 10px;
}
.left, .right {
  padding-top: 20px;
}
.left {
  float:left;
  width: 620px;
  padding-bottom: 40px;
  padding-top: 20px;
}
.right {
  float: right;
  padding-top: 40px;
  width: 282px;
}
.right a, .right a:active, .right a:visited {
  color: #1570a6;
}
.d_selector {
  background-color: #eeeeee;
  padding: 30px;
}
.main_download {
  background-color: #d63104;
  display: block;
  float: right;
  padding: 0 20px;
  font-size: 16px;
  color: #fff;
  text-decoration: none;
  text-align: center;
  min-width: 127px;
  line-height: 47px;
  font-weight: 600;
}
label {
  font-size: 13px;
  color: #333;
}
select {
  padding: 5px 8px;
  width: 100%;
  border: none;
  box-shadow: none;
  background: transparent;
  background-image: none;
  -webkit-appearance: none;
  cursor:pointer;
  font-size: 14px;
}
.select_wrapper {
  border: 1px solid #ccc;
  width: 200px;
  overflow: hidden;
  background: #fafafa url("images/down.png") no-repeat 175px 50%;
}
select:focus {
  outline: none;
}
option {
  padding: 10px 0;
}
.d_tip {
  border-bottom: 1px solid #eeeeee;
  padding: 10px 0;
  font-size: 13px;
    text-align: right;
}
.d_tip span {
  color: #73767a;
}
.d_tip span.pname {
    color: #333333;
    display: inline-block;
}
.desc {
  font-size: 16px;
  color: #333;
  line-height: 1.6;
  margin-top: 25px;
}
#types {

}
#reqs {

}
.accordion {
  padding: 20px 0;
  border-bottom: 1px solid #dcddde;
}
.collapsed {
  border-bottom: none;
}
.a_title {
  margin-left: 50px;
  color: #1570a6;
  font-size: 16px;
}
.click {
  cursor: pointer;
}
.collapsed .a_icon {
  background: url("images/collapsed.png") no-repeat center transparent;
  width: 26px;
  height: 26px;
  margin-left: 10px;
  margin-top: -2px;
}
.a_icon {
  background: url("images/expanded.png") no-repeat center transparent;
  width: 26px;
  height: 26px;
  margin-left: 10px;
  margin-top: -2px;
}
.a_content {
  margin-left: 50px;
  display: none;
}
.a_content ul {
  padding-left: 17px;
  padding-top: 10px;
}
.a_content ul li {
  margin-bottom: 5px;
}
.a_content ul:last-of-type {
  margin-left: 70px;
}
#reqs .a_content {
  background-color: #eeeeee;
  padding: 25px 50px;
  margin: 20px 0 0 0;
}
#reqs .a_content p {
  line-height: 1.5;
}
#footer_links {
  border-top: 1px solid #dcddde;
  border-bottom: 1px solid #dcddde;
  padding: 20px 0;
  text-align: center;
}
#footer_links a, #footer_links a:active, #footer_links a:visited {
  color: #1570a6;
  text-decoration: none;
}
#footer_text {
  color: #a8a8a8;
  font-size: 12px;
  text-align: justify;
  padding: 20px 0 30px 0;
  letter-spacing: -0.05px;
}
.r_wrapper {
  border: 1px solid #dcddde;
  margin-bottom: 30px;
  padding: 20px 22px 10px 22px;
}
.r_wrapper h2 {
  margin: 0 0 10px 0;
  color: #1570a6;
  font-weight: 600;
  border-bottom: 1px solid #efefef;
  padding: 0 0 15px 0;
  font-size: 16px;
  text-align: center;
}
.r_wrapper h3 {
  margin: 0 0 3px 0;
  font-weight: 600;
  font-size: 13px;
}
.r_wrapper p {
  line-height: 1.4;
  font-size: 13px;
  color: #73767a;
  margin-bottom: 15px;
}
#d_block, #u_block {
  border-bottom: 1px solid #efefef;
  border-top: 1px solid #efefef;
  padding: 20px 0;
  text-align: center;
  margin-bottom: 10px;
}
#u_block {
  border-bottom:none;
  margin-bottom: -5px;
}
#d_block a, #u_block a {
  color: #1570a6;
  font-size: 13px;
  display: inline-block;
  background: url("images/update.png") no-repeat left transparent;
  padding-left: 35px;
  line-height: 25px;
}
.r_wrapper h4 {
  margin: 0;
  font-weight: 600;
  font-size: 12px;
}
.r_wrapper p.smaller {
  line-height: 1.4;
  font-size: 12px;
  color: #73767a;
  margin-bottom: 15px;
}
.r_wrapper ul {
  padding-left: 20px;
  padding-top: 3px;
}
.r_wrapper ul li {
  margin-bottom: 3px;
}
#overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
    background-color: rgba(0,0,0,0.5);
    display: none;
}
#popup {
    font-family: "Arial", sans-serif;
    width: 408px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -200px;
    margin-left: -205px;
    background-color: #b3daf9;
    border-radius: 1px;
    border: 1px solid #5395df;
    z-index: 11; /* 1px higher than the overlay layer */
    display: none;
    padding: 0 3px 3px 3px;
}
#popup table {
    margin: 0 auto;
    width: 370px;
    padding-bottom: 80px;
}
#popup table td:first-of-type {
    width: 47px;
}
#popup_title {
    width: auto;
    font-size: 12px;
    color: #000000;
    line-height: 30px;
    height: 30px;
    text-indent: 5px;
}
#popup_title span {
    text-shadow: 0 0 5px #ffffff;
}
.popup_inner {
    padding: 15px 0 0 0;
    position: relative;
    background-color: #ffffff;
    border-radius: 3px;
    border: 1px solid #84b0d9;
    min-height: 260px;
}
.popup_inner h3{
    color: #2261ab;
    font-size: 16px;
    font-weight: normal;
    margin-top: -8px;
    letter-spacing: -0.3px;
}
.popup_inner p {
    font-size: 13px;
    line-height: 1.4;
}
.popup_footer {
    height: 64px;
    background-color: #f3f3f3;
    border-top: 1px solid #e7e7e7;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    text-align: right;
    width: 406px;
    position: absolute;
    bottom: 0;
}
.popup_footer a {
    background: url("images/popup_btn.png") 0 0 no-repeat transparent;
    width: 130px;
    line-height: 36px;
    height: 36px;
    color: #40434a;
    font-size: 13px;
    margin-right: 15px;
    margin-top: 15px;
    text-shadow: 0 1px 5px #ffffff;
    display: inline-block;
    text-decoration: none;
    padding: 0 10px;
    text-align: center;
}
.popup_footer a:hover {
    background-position: 0 -39px;
}
#close {
    position: absolute;
    width: 45px;
    height: 22px;
    right: 3px;
    top: -1px;
    background: url("images/close.png") center no-repeat transparent;
    cursor: pointer;
}
/*AppEsteem*/
.app_esteem .wrapper {
    padding: 20px 0 60px 0;
}
.ae_text {
    float: right;
    padding-right: 55px;
    width: 710px;
}
.ae_text p {
    margin-top: 5px;
    line-height: 1.5;
    font-size: 15px;
    color: #333;
}
.ae_image {
    float: left;
    width: 127px;
    height: 109px;
    background: url('/resource/img/inteface/logos/app-esteem.png') center no-repeat transparent;
}
/*Start exit-nag*/
#exitPopupLayer, .exitPopup {
  display : none;
}
#exitPopupLayer {
  z-index          : 1000;
  background-color : #343434;
  opacity          : 0.8;
  -ms-filter       : "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter           : alpha(opacity=80);
  width            : 100%;
  height           : 100%;
  position         : fixed;
  top              : 0;
  left             : 0;
}
.exitPopup {
  margin           : 0;
  padding          : 0;
  z-index          : 1000;
  position         : fixed;
  left             : 50%;
  top               : 50%;
  -webkit-transform : translate(-50%, -50%);
  -moz-transform    : translate(-50%, -50%);
  -ms-transform     : translate(-50%, -50%);
  -o-transform      : translate(-50%, -50%);
  transform         : translate(-50%, -50%);
  background-color  : #ffffff;
  overflow         : hidden;
}
.exitPopup__wrapper {
  border     : #0d5f8f 5px solid;
  min-height : 400px;
  width      : 582px;
  overflow   : hidden;
}
.exitPopup-top {
  display          : table;
  width            : 100%;
  background-color : #1771a6;
}
.exitPopup-content {
  padding : 19px 255px 28px 34px;
}
.exitPopup-content {
  background : url("images/dr-box.png") 294px 72px no-repeat transparent;
}
.ep-h1 {
  vertical-align : middle;
  display        : table-cell;
  margin         : 0;
  padding        : 0 0 2px 34px;
  height         : 160px;
  line-height    : 1;
  color          : #ffffff;
  text-align     : left;
  font-size      : 32px;
  text-transform : uppercase;
}
.ep-h1 h1 {
  margin      : 0 0 6px 0;
  color       : #ffffff;
  font-family : 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size   : 44px;
  font-weight : 800;
}
.ep-h1 b {
  color          : #ffffff;
  font-family    : 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size      : 20px;
  font-weight    : 700;
  text-transform : none;
}
.ep-p {
  line-height : 1.5;
  font-size   : 18px;
  font-family : 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-weight : 400;
  color       : #000000;
  margin: 5px 0 0 0;
}
.ep-p ul {
  padding : 0;
  margin  : 18px 35px 0 34px;
}
.ep-p li {
  list-style  : none;
  line-height : 1.1;
  margin-bottom: 7px;
}
.ep-p li b {
  font-weight    : 700;
  color          : #242424;
  font-size      : 16px;
  vertical-align : top;
}
.ep-p img {
  display : block;
  float   : left;
  padding : 0 0 0 0;
  margin  : -3px 0 0 -34px;
}
.ep-p b {
  font-weight : 800;
  color       : #1771a6;
  font-size   : 16px;
}
.exitPopup-btn {
  margin-top      : 14px;
  display         : inline-block;
  padding         : 12px 10px;
  min-width       : 170px;
  max-width       : 220px;
  line-height     : 1.2;
  font-weight     : 600;
  font-size       : 14px;
  text-align      : center;
  color           : #ffffff;
  background      : #d43318;
  text-decoration : none;
  text-transform  : uppercase;
}
.exitPopup-btn:hover {
  background : #bd3218;
}
.epClose {
  position   : absolute;
  top        : 15px;
  right      : 17px;
  width      : 16px;
  height     : 16px;
  background : url("images/close.png") 0 0 no-repeat transparent;
  cursor     : pointer;
}
/*End exit-nag*/