.cf {width:100%;max-width:80%;margin:0 auto !important;box-sizing:border-box;}
.header {width:100%;max-width:80%;margin:0 auto;}

.leftcols {width:100%;max-width:50%;display:inline-block;vertical-align:top;box-sizing:border-box;}
.leftcols img {max-width:100%;height:auto;}
.rightcols {width:100%;max-width:50%;display:inline-block;vertical-align:top;box-sizing:border-box;}


@media screen and (max-width: 900px){
    .leftcols {max-width:100%;}
    .rightcols {max-width:100%;}
    .header {text-align:center;}
    .header div.phone {float:none;text-align:center;}


}


/* ---------------- */
/* top-menu-wrapper */
/* ---------------- */

.top-menu-wrapper {
  height: 33px;
  margin-bottom: 15px;font-size:12px;
  background: #f9f8f4;padding:0px 20px;
}

.top-menu-wrapper .top-menu-block .top-menu-block-left .top-menu-links {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  float:left;

}
.top-menu-wrapper .top-menu-block .top-menu-block-right .top-menu-links {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  float:right;
}

.top-menu-wrapper .top-menu-block .top-menu-block-right .top-menu-links > li {
  margin-left: 10px;
  line-height: 30px;
  font-weight: 600;
}

.top-menu-wrapper .top-menu-block .top-menu-block-left .top-menu-links > li {
  margin-right: 10px;
  line-height: 30px;
  font-weight: 600;
}

@media all and (min-width: 1000px) {
  .top-menu-block-left {display:block;}
}

@media all and (max-width: 999px) {
  .top-menu-block-left {display:none;}
}


@media all and (min-width: 770px) {
  .top-menu-wrapper {display:block;}
}

@media all and (max-width: 769px) {
  .top-menu-wrapper {display:none;}
}

.header div.phone a {font-size:26px!important;color:#444544;font-weight:bold;}
.header div.phone {
    float: right;
    font-family: 'Open Sans',sans-serif;
    font-size: 26px!important;
    color: #444544;
    font-weight: bold;
    white-space: nowrap;
    margin: 7px 0 11px;}
.header .phone i {    font-size: 26px;
    color: #bbb;
    vertical-align: middle;}

.login {
    display: block;
    position: relative;
    float: right;
    width: 100%;
    margin-bottom: 6px;}
.logged {float:right;}
.login>div>li {
    margin-top: 0;
    margin-left: 1px;
    float: right;
}
.login>div>li, .login>div>div {
    display: inline-block;
    margin-bottom: 10px;
}
.login>div>li a {    display: inline-block;
    font-family: 'Open Sans',sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    padding: 10px;
    background:#002C4F;text-decoration:none;
    border: 1px solid #002C4F;}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.footer {font-size:13px;line-height:1.2em;color:#a4a4a4;width:100%;max-width:80%;height:auto;margin:20px auto;}