/* 2021-11-14T22:50:16 */

/* Grid 1: grid 1 */

.columns {
    position: relative;
    clear: both;
}

.column, .tile, .gutter {
    position: relative;
    float: left;
}

.clear, .columns-clear {
    position: relative;
    clear: both;
}

.gutter {
    height: 10px;
}

.tile .pic-outer {
    position: relative;
}

.tile.i100 .pic-outer {width: 100%;}
.tile.i75 .pic-outer {width: 75%;}
.tile.i66 .pic-outer {width: 66.666%;}
.tile.i50 .pic-outer {width: 50%;}
.tile.i33 .pic-outer {width: 33.333%;}
.tile.i25 .pic-outer {width: 25%;}

.tile.i75 .upper-tr .headings {width: 25%;}
.tile.i66 .upper-tr .headings {width: 33.333%;}
.tile.i50 .upper-tr .headings {width: 50%;}
.tile.i33 .upper-tr .headings {width: 66.666%;}
.tile.i25 .upper-tr .headings {width: 75%;}

/* Breakpoint 25*/
@media screen  and (min-width: 1024px) {
.page-width {width: 984px;}

.masthead .col-masthead{
  width: 96%;
  margin-left: 2%;
  margin-right: 0%;
  padding-left: 0%;
  padding-right: 0%;
}

.masthead .col-masthead .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.masthead .col-masthead .section.pic-left .pic-outer,
.masthead .col-masthead .section.pic-right .upper-tr .headings,
.masthead .col-masthead .section.pic-right .hang,
.masthead .col-masthead .section-rhb .lower-tr>.text,
.masthead .col-masthead .section-rhu>.text {
  padding-right: 10px;
}

.masthead .col-masthead .section.pic-right .pic-outer,
.masthead .col-masthead .section.pic-left .upper-tr .headings,
.masthead .col-masthead .section.pic-left .hang,
.masthead .col-masthead .section-lhb .lower-tr>.text,
.masthead .col-masthead .section-lhu>.text {
  padding-left: 10px;
}

.masthead .col-masthead .gutter {width: 1%;}
.masthead .col-masthead .tile12 {width: 100.0%}
.masthead .col-masthead .tile11 {width: 91.5833%}
.masthead .col-masthead .tile10 {width: 83.1666%}
.masthead .col-masthead .tile9 {width: 74.75%}
.masthead .col-masthead .tile8 {width: 66.3333%}
.masthead .col-masthead .tile7 {width: 57.9166%}
.masthead .col-masthead .tile6 {width: 49.5%}
.masthead .col-masthead .tile5 {width: 41.0833%}
.masthead .col-masthead .tile4 {width: 32.6666%}
.masthead .col-masthead .tile3 {width: 24.25%}
.masthead .col-masthead .tile2 {width: 15.8333%}
.masthead .col-masthead .tile1 {width: 7.4166%}

.masthead-bps{
  width: 96%;
  margin-left: 2%;
  margin-right: 0%;
  padding-left: 0%;
  padding-right: 0%;
}

.masthead-bps .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.masthead-bps .section.pic-left .pic-outer,
.masthead-bps .section.pic-right .upper-tr .headings,
.masthead-bps .section.pic-right .hang,
.masthead-bps .section-rhb .lower-tr>.text,
.masthead-bps .section-rhu>.text {
  padding-right: 10px;
}

.masthead-bps .section.pic-right .pic-outer,
.masthead-bps .section.pic-left .upper-tr .headings,
.masthead-bps .section.pic-left .hang,
.masthead-bps .section-lhb .lower-tr>.text,
.masthead-bps .section-lhu>.text {
  padding-left: 10px;
}

.masthead-bps .gutter {width: 1%;}
.masthead-bps .tile12 {width: 100.0%}
.masthead-bps .tile11 {width: 91.5833%}
.masthead-bps .tile10 {width: 83.1666%}
.masthead-bps .tile9 {width: 74.75%}
.masthead-bps .tile8 {width: 66.3333%}
.masthead-bps .tile7 {width: 57.9166%}
.masthead-bps .tile6 {width: 49.5%}
.masthead-bps .tile5 {width: 41.0833%}
.masthead-bps .tile4 {width: 32.6666%}
.masthead-bps .tile3 {width: 24.25%}
.masthead-bps .tile2 {width: 15.8333%}
.masthead-bps .tile1 {width: 7.4166%}

.cols0 .col0{
  width: 96%;
  margin-left: 2%;
  margin-right: 0%;
  padding-left: 0%;
  padding-right: 0%;
}

.cols0 .col0 .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.cols0 .col0 .section.pic-left .pic-outer,
.cols0 .col0 .section.pic-right .upper-tr .headings,
.cols0 .col0 .section.pic-right .hang,
.cols0 .col0 .section-rhb .lower-tr>.text,
.cols0 .col0 .section-rhu>.text {
  padding-right: 10px;
}

.cols0 .col0 .section.pic-right .pic-outer,
.cols0 .col0 .section.pic-left .upper-tr .headings,
.cols0 .col0 .section.pic-left .hang,
.cols0 .col0 .section-lhb .lower-tr>.text,
.cols0 .col0 .section-lhu>.text {
  padding-left: 10px;
}

.cols0 .col0 .gutter {width: 0%;}
.cols0 .col0 .tile12 {width: 100.0%}
.cols0 .col0 .tile11 {width: 91.6666%}
.cols0 .col0 .tile10 {width: 83.3333%}
.cols0 .col0 .tile9 {width: 75.0%}
.cols0 .col0 .tile8 {width: 66.6666%}
.cols0 .col0 .tile7 {width: 58.3333%}
.cols0 .col0 .tile6 {width: 50.0%}
.cols0 .col0 .tile5 {width: 41.6666%}
.cols0 .col0 .tile4 {width: 33.3333%}
.cols0 .col0 .tile3 {width: 25.0%}
.cols0 .col0 .tile2 {width: 16.6666%}
.cols0 .col0 .tile1 {width: 8.3333%}

.cols4 .col4{
  width: 96%;
  margin-left: 2%;
  margin-right: 0%;
  padding-left: 0%;
  padding-right: 0%;
}

.cols4 .col4 .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.cols4 .col4 .section.pic-left .pic-outer,
.cols4 .col4 .section.pic-right .upper-tr .headings,
.cols4 .col4 .section.pic-right .hang,
.cols4 .col4 .section-rhb .lower-tr>.text,
.cols4 .col4 .section-rhu>.text {
  padding-right: 10px;
}

.cols4 .col4 .section.pic-right .pic-outer,
.cols4 .col4 .section.pic-left .upper-tr .headings,
.cols4 .col4 .section.pic-left .hang,
.cols4 .col4 .section-lhb .lower-tr>.text,
.cols4 .col4 .section-lhu>.text {
  padding-left: 10px;
}

.cols4 .col4 .gutter {width: 1%;}
.cols4 .col4 .tile12 {width: 100.0%}
.cols4 .col4 .tile11 {width: 91.5833%}
.cols4 .col4 .tile10 {width: 83.1666%}
.cols4 .col4 .tile9 {width: 74.75%}
.cols4 .col4 .tile8 {width: 66.3333%}
.cols4 .col4 .tile7 {width: 57.9166%}
.cols4 .col4 .tile6 {width: 49.5%}
.cols4 .col4 .tile5 {width: 41.0833%}
.cols4 .col4 .tile4 {width: 32.6666%}
.cols4 .col4 .tile3 {width: 24.25%}
.cols4 .col4 .tile2 {width: 15.8333%}
.cols4 .col4 .tile1 {width: 7.4166%}

.footer .col-footer{
  width: 96%;
  margin-left: 2%;
  margin-right: 0%;
  padding-left: 0%;
  padding-right: 0%;
}

.footer .col-footer .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.footer .col-footer .section.pic-left .pic-outer,
.footer .col-footer .section.pic-right .upper-tr .headings,
.footer .col-footer .section.pic-right .hang,
.footer .col-footer .section-rhb .lower-tr>.text,
.footer .col-footer .section-rhu>.text {
  padding-right: 10px;
}

.footer .col-footer .section.pic-right .pic-outer,
.footer .col-footer .section.pic-left .upper-tr .headings,
.footer .col-footer .section.pic-left .hang,
.footer .col-footer .section-lhb .lower-tr>.text,
.footer .col-footer .section-lhu>.text {
  padding-left: 10px;
}

.footer .col-footer .gutter {width: 1%;}
.footer .col-footer .tile12 {width: 100.0%}
.footer .col-footer .tile11 {width: 91.5833%}
.footer .col-footer .tile10 {width: 83.1666%}
.footer .col-footer .tile9 {width: 74.75%}
.footer .col-footer .tile8 {width: 66.3333%}
.footer .col-footer .tile7 {width: 57.9166%}
.footer .col-footer .tile6 {width: 49.5%}
.footer .col-footer .tile5 {width: 41.0833%}
.footer .col-footer .tile4 {width: 32.6666%}
.footer .col-footer .tile3 {width: 24.25%}
.footer .col-footer .tile2 {width: 15.8333%}
.footer .col-footer .tile1 {width: 7.4166%}

.footer-bps{
  width: 96%;
  margin-left: 2%;
  margin-right: 0%;
  padding-left: 0%;
  padding-right: 0%;
}

.footer-bps .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.footer-bps .section.pic-left .pic-outer,
.footer-bps .section.pic-right .upper-tr .headings,
.footer-bps .section.pic-right .hang,
.footer-bps .section-rhb .lower-tr>.text,
.footer-bps .section-rhu>.text {
  padding-right: 10px;
}

.footer-bps .section.pic-right .pic-outer,
.footer-bps .section.pic-left .upper-tr .headings,
.footer-bps .section.pic-left .hang,
.footer-bps .section-lhb .lower-tr>.text,
.footer-bps .section-lhu>.text {
  padding-left: 10px;
}

.footer-bps .gutter {width: 1%;}
.footer-bps .tile12 {width: 100.0%}
.footer-bps .tile11 {width: 91.5833%}
.footer-bps .tile10 {width: 83.1666%}
.footer-bps .tile9 {width: 74.75%}
.footer-bps .tile8 {width: 66.3333%}
.footer-bps .tile7 {width: 57.9166%}
.footer-bps .tile6 {width: 49.5%}
.footer-bps .tile5 {width: 41.0833%}
.footer-bps .tile4 {width: 32.6666%}
.footer-bps .tile3 {width: 24.25%}
.footer-bps .tile2 {width: 15.8333%}
.footer-bps .tile1 {width: 7.4166%}

.middle-bps{
  width: 96%;
  margin-left: 2%;
  margin-right: 0%;
  padding-left: 0%;
  padding-right: 0%;
}

.middle-bps .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.middle-bps .section.pic-left .pic-outer,
.middle-bps .section.pic-right .upper-tr .headings,
.middle-bps .section.pic-right .hang,
.middle-bps .section-rhb .lower-tr>.text,
.middle-bps .section-rhu>.text {
  padding-right: 10px;
}

.middle-bps .section.pic-right .pic-outer,
.middle-bps .section.pic-left .upper-tr .headings,
.middle-bps .section.pic-left .hang,
.middle-bps .section-lhb .lower-tr>.text,
.middle-bps .section-lhu>.text {
  padding-left: 10px;
}

.middle-bps .gutter {width: 1%;}
.middle-bps .tile12 {width: 100.0%}
.middle-bps .tile11 {width: 91.5833%}
.middle-bps .tile10 {width: 83.1666%}
.middle-bps .tile9 {width: 74.75%}
.middle-bps .tile8 {width: 66.3333%}
.middle-bps .tile7 {width: 57.9166%}
.middle-bps .tile6 {width: 49.5%}
.middle-bps .tile5 {width: 41.0833%}
.middle-bps .tile4 {width: 32.6666%}
.middle-bps .tile3 {width: 24.25%}
.middle-bps .tile2 {width: 15.8333%}
.middle-bps .tile1 {width: 7.4166%}

.cols001 .col3{
  width: 96%;
  margin-left: 2%;
  margin-right: 0%;
  padding-left: 0%;
  padding-right: 0%;
}

.cols001 .col3 .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.cols001 .col3 .section.pic-left .pic-outer,
.cols001 .col3 .section.pic-right .upper-tr .headings,
.cols001 .col3 .section.pic-right .hang,
.cols001 .col3 .section-rhb .lower-tr>.text,
.cols001 .col3 .section-rhu>.text {
  padding-right: 10px;
}

.cols001 .col3 .section.pic-right .pic-outer,
.cols001 .col3 .section.pic-left .upper-tr .headings,
.cols001 .col3 .section.pic-left .hang,
.cols001 .col3 .section-lhb .lower-tr>.text,
.cols001 .col3 .section-lhu>.text {
  padding-left: 10px;
}

.cols001 .col3 .gutter {width: 1%;}
.cols001 .col3 .tile12 {width: 100.0%}
.cols001 .col3 .tile11 {width: 91.5833%}
.cols001 .col3 .tile10 {width: 83.1666%}
.cols001 .col3 .tile9 {width: 74.75%}
.cols001 .col3 .tile8 {width: 66.3333%}
.cols001 .col3 .tile7 {width: 57.9166%}
.cols001 .col3 .tile6 {width: 49.5%}
.cols001 .col3 .tile5 {width: 41.0833%}
.cols001 .col3 .tile4 {width: 32.6666%}
.cols001 .col3 .tile3 {width: 24.25%}
.cols001 .col3 .tile2 {width: 15.8333%}
.cols001 .col3 .tile1 {width: 7.4166%}

.cols010 .col2{
  width: 96%;
  margin-left: 2%;
  margin-right: 0%;
  padding-left: 0%;
  padding-right: 0%;
}

.cols010 .col2 .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.cols010 .col2 .section.pic-left .pic-outer,
.cols010 .col2 .section.pic-right .upper-tr .headings,
.cols010 .col2 .section.pic-right .hang,
.cols010 .col2 .section-rhb .lower-tr>.text,
.cols010 .col2 .section-rhu>.text {
  padding-right: 10px;
}

.cols010 .col2 .section.pic-right .pic-outer,
.cols010 .col2 .section.pic-left .upper-tr .headings,
.cols010 .col2 .section.pic-left .hang,
.cols010 .col2 .section-lhb .lower-tr>.text,
.cols010 .col2 .section-lhu>.text {
  padding-left: 10px;
}

.cols010 .col2 .gutter {width: 1%;}
.cols010 .col2 .tile12 {width: 100.0%}
.cols010 .col2 .tile11 {width: 91.5833%}
.cols010 .col2 .tile10 {width: 83.1666%}
.cols010 .col2 .tile9 {width: 74.75%}
.cols010 .col2 .tile8 {width: 66.3333%}
.cols010 .col2 .tile7 {width: 57.9166%}
.cols010 .col2 .tile6 {width: 49.5%}
.cols010 .col2 .tile5 {width: 41.0833%}
.cols010 .col2 .tile4 {width: 32.6666%}
.cols010 .col2 .tile3 {width: 24.25%}
.cols010 .col2 .tile2 {width: 15.8333%}
.cols010 .col2 .tile1 {width: 7.4166%}

.cols011 .col2{
  width: 69%;
  margin-left: 2%;
  margin-right: 2%;
  padding-left: 0%;
  padding-right: 0%;
}

.cols011 .col2 .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.cols011 .col2 .section.pic-left .pic-outer,
.cols011 .col2 .section.pic-right .upper-tr .headings,
.cols011 .col2 .section.pic-right .hang,
.cols011 .col2 .section-rhb .lower-tr>.text,
.cols011 .col2 .section-rhu>.text {
  padding-right: 10px;
}

.cols011 .col2 .section.pic-right .pic-outer,
.cols011 .col2 .section.pic-left .upper-tr .headings,
.cols011 .col2 .section.pic-left .hang,
.cols011 .col2 .section-lhb .lower-tr>.text,
.cols011 .col2 .section-lhu>.text {
  padding-left: 10px;
}

.cols011 .col2 .gutter {width: 2%;}
.cols011 .col2 .tile12 {width: 100.0%}
.cols011 .col2 .tile11 {width: 91.5%}
.cols011 .col2 .tile10 {width: 83.0%}
.cols011 .col2 .tile9 {width: 74.5%}
.cols011 .col2 .tile8 {width: 66.0%}
.cols011 .col2 .tile7 {width: 57.5%}
.cols011 .col2 .tile6 {width: 49.0%}
.cols011 .col2 .tile5 {width: 40.5%}
.cols011 .col2 .tile4 {width: 32.0%}
.cols011 .col2 .tile3 {width: 23.5%}
.cols011 .col2 .tile2 {width: 15.0%}
.cols011 .col2 .tile1 {width: 6.5%}

.cols011 .col3{
  width: 24%;
  margin-left: 1%;
  margin-right: 2%;
  padding-left: 0%;
  padding-right: 0%;
}

.cols011 .col3 .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.cols011 .col3 .section.pic-left .pic-outer,
.cols011 .col3 .section.pic-right .upper-tr .headings,
.cols011 .col3 .section.pic-right .hang,
.cols011 .col3 .section-rhb .lower-tr>.text,
.cols011 .col3 .section-rhu>.text {
  padding-right: 10px;
}

.cols011 .col3 .section.pic-right .pic-outer,
.cols011 .col3 .section.pic-left .upper-tr .headings,
.cols011 .col3 .section.pic-left .hang,
.cols011 .col3 .section-lhb .lower-tr>.text,
.cols011 .col3 .section-lhu>.text {
  padding-left: 10px;
}

.cols011 .col3 .gutter {width: 3%;}
.cols011 .col3 .tile12 {width: 100.0%}
.cols011 .col3 .tile11 {width: 100.0%}
.cols011 .col3 .tile10 {width: 100.0%}
.cols011 .col3 .tile9 {width: 74.25%}
.cols011 .col3 .tile8 {width: 65.6666%}
.cols011 .col3 .tile7 {width: 57.0833%}
.cols011 .col3 .tile6 {width: 48.5%}
.cols011 .col3 .tile5 {width: 39.9166%}
.cols011 .col3 .tile4 {width: 31.3333%}
.cols011 .col3 .tile3 {width: 22.75%}
.cols011 .col3 .tile2 {width: 22.75%}
.cols011 .col3 .tile1 {width: 22.75%}

.cols100 .col1{
  width: 96%;
  margin-left: 2%;
  margin-right: 0%;
  padding-left: 0%;
  padding-right: 0%;
}

.cols100 .col1 .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.cols100 .col1 .section.pic-left .pic-outer,
.cols100 .col1 .section.pic-right .upper-tr .headings,
.cols100 .col1 .section.pic-right .hang,
.cols100 .col1 .section-rhb .lower-tr>.text,
.cols100 .col1 .section-rhu>.text {
  padding-right: 10px;
}

.cols100 .col1 .section.pic-right .pic-outer,
.cols100 .col1 .section.pic-left .upper-tr .headings,
.cols100 .col1 .section.pic-left .hang,
.cols100 .col1 .section-lhb .lower-tr>.text,
.cols100 .col1 .section-lhu>.text {
  padding-left: 10px;
}

.cols100 .col1 .gutter {width: 1%;}
.cols100 .col1 .tile12 {width: 100.0%}
.cols100 .col1 .tile11 {width: 91.5833%}
.cols100 .col1 .tile10 {width: 83.1666%}
.cols100 .col1 .tile9 {width: 74.75%}
.cols100 .col1 .tile8 {width: 66.3333%}
.cols100 .col1 .tile7 {width: 57.9166%}
.cols100 .col1 .tile6 {width: 49.5%}
.cols100 .col1 .tile5 {width: 41.0833%}
.cols100 .col1 .tile4 {width: 32.6666%}
.cols100 .col1 .tile3 {width: 24.25%}
.cols100 .col1 .tile2 {width: 15.8333%}
.cols100 .col1 .tile1 {width: 7.4166%}

.cols101 .col1{
  width: 46%;
  margin-left: 2%;
  margin-right: 2%;
  padding-left: 0%;
  padding-right: 0%;
}

.cols101 .col1 .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.cols101 .col1 .section.pic-left .pic-outer,
.cols101 .col1 .section.pic-right .upper-tr .headings,
.cols101 .col1 .section.pic-right .hang,
.cols101 .col1 .section-rhb .lower-tr>.text,
.cols101 .col1 .section-rhu>.text {
  padding-right: 10px;
}

.cols101 .col1 .section.pic-right .pic-outer,
.cols101 .col1 .section.pic-left .upper-tr .headings,
.cols101 .col1 .section.pic-left .hang,
.cols101 .col1 .section-lhb .lower-tr>.text,
.cols101 .col1 .section-lhu>.text {
  padding-left: 10px;
}

.cols101 .col1 .gutter {width: 2%;}
.cols101 .col1 .tile12 {width: 100.0%}
.cols101 .col1 .tile11 {width: 100.0%}
.cols101 .col1 .tile10 {width: 83.0%}
.cols101 .col1 .tile9 {width: 74.5%}
.cols101 .col1 .tile8 {width: 66.0%}
.cols101 .col1 .tile7 {width: 57.5%}
.cols101 .col1 .tile6 {width: 49.0%}
.cols101 .col1 .tile5 {width: 40.5%}
.cols101 .col1 .tile4 {width: 32.0%}
.cols101 .col1 .tile3 {width: 23.5%}
.cols101 .col1 .tile2 {width: 15.0%}
.cols101 .col1 .tile1 {width: 15.0%}

.cols101 .col3{
  width: 47%;
  margin-left: 1%;
  margin-right: 2%;
  padding-left: 0%;
  padding-right: 0%;
}

.cols101 .col3 .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.cols101 .col3 .section.pic-left .pic-outer,
.cols101 .col3 .section.pic-right .upper-tr .headings,
.cols101 .col3 .section.pic-right .hang,
.cols101 .col3 .section-rhb .lower-tr>.text,
.cols101 .col3 .section-rhu>.text {
  padding-right: 10px;
}

.cols101 .col3 .section.pic-right .pic-outer,
.cols101 .col3 .section.pic-left .upper-tr .headings,
.cols101 .col3 .section.pic-left .hang,
.cols101 .col3 .section-lhb .lower-tr>.text,
.cols101 .col3 .section-lhu>.text {
  padding-left: 10px;
}

.cols101 .col3 .gutter {width: 2%;}
.cols101 .col3 .tile12 {width: 100.0%}
.cols101 .col3 .tile11 {width: 100.0%}
.cols101 .col3 .tile10 {width: 83.0%}
.cols101 .col3 .tile9 {width: 74.5%}
.cols101 .col3 .tile8 {width: 66.0%}
.cols101 .col3 .tile7 {width: 57.5%}
.cols101 .col3 .tile6 {width: 49.0%}
.cols101 .col3 .tile5 {width: 40.5%}
.cols101 .col3 .tile4 {width: 32.0%}
.cols101 .col3 .tile3 {width: 23.5%}
.cols101 .col3 .tile2 {width: 15.0%}
.cols101 .col3 .tile1 {width: 15.0%}

.cols110 .col1{
  width: 20%;
  margin-left: 2%;
  margin-right: 0%;
  padding-left: 2%;
  padding-right: 2%;
}

.cols110 .col1 .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.cols110 .col1 .section.pic-left .pic-outer,
.cols110 .col1 .section.pic-right .upper-tr .headings,
.cols110 .col1 .section.pic-right .hang,
.cols110 .col1 .section-rhb .lower-tr>.text,
.cols110 .col1 .section-rhu>.text {
  padding-right: 10px;
}

.cols110 .col1 .section.pic-right .pic-outer,
.cols110 .col1 .section.pic-left .upper-tr .headings,
.cols110 .col1 .section.pic-left .hang,
.cols110 .col1 .section-lhb .lower-tr>.text,
.cols110 .col1 .section-lhu>.text {
  padding-left: 10px;
}

.cols110 .col1 .gutter {width: 5%;}
.cols110 .col1 .tile12 {width: 100.0%}
.cols110 .col1 .tile11 {width: 100.0%}
.cols110 .col1 .tile10 {width: 100.0%}
.cols110 .col1 .tile9 {width: 100.0%}
.cols110 .col1 .tile8 {width: 65.0%}
.cols110 .col1 .tile7 {width: 56.25%}
.cols110 .col1 .tile6 {width: 47.5%}
.cols110 .col1 .tile5 {width: 38.75%}
.cols110 .col1 .tile4 {width: 30.0%}
.cols110 .col1 .tile3 {width: 30.0%}
.cols110 .col1 .tile2 {width: 30.0%}
.cols110 .col1 .tile1 {width: 30.0%}

.cols110 .col2{
  width: 69%;
  margin-left: 3%;
  margin-right: 2%;
  padding-left: 0%;
  padding-right: 0%;
}

.cols110 .col2 .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.cols110 .col2 .section.pic-left .pic-outer,
.cols110 .col2 .section.pic-right .upper-tr .headings,
.cols110 .col2 .section.pic-right .hang,
.cols110 .col2 .section-rhb .lower-tr>.text,
.cols110 .col2 .section-rhu>.text {
  padding-right: 10px;
}

.cols110 .col2 .section.pic-right .pic-outer,
.cols110 .col2 .section.pic-left .upper-tr .headings,
.cols110 .col2 .section.pic-left .hang,
.cols110 .col2 .section-lhb .lower-tr>.text,
.cols110 .col2 .section-lhu>.text {
  padding-left: 10px;
}

.cols110 .col2 .gutter {width: 2%;}
.cols110 .col2 .tile12 {width: 100.0%}
.cols110 .col2 .tile11 {width: 91.5%}
.cols110 .col2 .tile10 {width: 83.0%}
.cols110 .col2 .tile9 {width: 74.5%}
.cols110 .col2 .tile8 {width: 66.0%}
.cols110 .col2 .tile7 {width: 57.5%}
.cols110 .col2 .tile6 {width: 49.0%}
.cols110 .col2 .tile5 {width: 40.5%}
.cols110 .col2 .tile4 {width: 32.0%}
.cols110 .col2 .tile3 {width: 23.5%}
.cols110 .col2 .tile2 {width: 15.0%}
.cols110 .col2 .tile1 {width: 6.5%}

.cols111 .col1{
  width: 20%;
  margin-left: 2%;
  margin-right: 0%;
  padding-left: 2%;
  padding-right: 2%;
}

.cols111 .col1 .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.cols111 .col1 .section.pic-left .pic-outer,
.cols111 .col1 .section.pic-right .upper-tr .headings,
.cols111 .col1 .section.pic-right .hang,
.cols111 .col1 .section-rhb .lower-tr>.text,
.cols111 .col1 .section-rhu>.text {
  padding-right: 10px;
}

.cols111 .col1 .section.pic-right .pic-outer,
.cols111 .col1 .section.pic-left .upper-tr .headings,
.cols111 .col1 .section.pic-left .hang,
.cols111 .col1 .section-lhb .lower-tr>.text,
.cols111 .col1 .section-lhu>.text {
  padding-left: 10px;
}

.cols111 .col1 .gutter {width: 5%;}
.cols111 .col1 .tile12 {width: 100.0%}
.cols111 .col1 .tile11 {width: 100.0%}
.cols111 .col1 .tile10 {width: 100.0%}
.cols111 .col1 .tile9 {width: 100.0%}
.cols111 .col1 .tile8 {width: 65.0%}
.cols111 .col1 .tile7 {width: 56.25%}
.cols111 .col1 .tile6 {width: 47.5%}
.cols111 .col1 .tile5 {width: 38.75%}
.cols111 .col1 .tile4 {width: 30.0%}
.cols111 .col1 .tile3 {width: 30.0%}
.cols111 .col1 .tile2 {width: 30.0%}
.cols111 .col1 .tile1 {width: 30.0%}

.cols111 .col2{
  width: 42%;
  margin-left: 3%;
  margin-right: 3%;
  padding-left: 0%;
  padding-right: 0%;
}

.cols111 .col2 .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.cols111 .col2 .section.pic-left .pic-outer,
.cols111 .col2 .section.pic-right .upper-tr .headings,
.cols111 .col2 .section.pic-right .hang,
.cols111 .col2 .section-rhb .lower-tr>.text,
.cols111 .col2 .section-rhu>.text {
  padding-right: 10px;
}

.cols111 .col2 .section.pic-right .pic-outer,
.cols111 .col2 .section.pic-left .upper-tr .headings,
.cols111 .col2 .section.pic-left .hang,
.cols111 .col2 .section-lhb .lower-tr>.text,
.cols111 .col2 .section-lhu>.text {
  padding-left: 10px;
}

.cols111 .col2 .gutter {width: 2%;}
.cols111 .col2 .tile12 {width: 100.0%}
.cols111 .col2 .tile11 {width: 100.0%}
.cols111 .col2 .tile10 {width: 100.0%}
.cols111 .col2 .tile9 {width: 74.5%}
.cols111 .col2 .tile8 {width: 66.0%}
.cols111 .col2 .tile7 {width: 57.5%}
.cols111 .col2 .tile6 {width: 49.0%}
.cols111 .col2 .tile5 {width: 40.5%}
.cols111 .col2 .tile4 {width: 32.0%}
.cols111 .col2 .tile3 {width: 23.5%}
.cols111 .col2 .tile2 {width: 23.5%}
.cols111 .col2 .tile1 {width: 23.5%}

.cols111 .col3{
  width: 24%;
  margin-left: 0%;
  margin-right: 2%;
  padding-left: 0%;
  padding-right: 0%;
}

.cols111 .col3 .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.cols111 .col3 .section.pic-left .pic-outer,
.cols111 .col3 .section.pic-right .upper-tr .headings,
.cols111 .col3 .section.pic-right .hang,
.cols111 .col3 .section-rhb .lower-tr>.text,
.cols111 .col3 .section-rhu>.text {
  padding-right: 10px;
}

.cols111 .col3 .section.pic-right .pic-outer,
.cols111 .col3 .section.pic-left .upper-tr .headings,
.cols111 .col3 .section.pic-left .hang,
.cols111 .col3 .section-lhb .lower-tr>.text,
.cols111 .col3 .section-lhu>.text {
  padding-left: 10px;
}

.cols111 .col3 .gutter {width: 5%;}
.cols111 .col3 .tile12 {width: 100.0%}
.cols111 .col3 .tile11 {width: 100.0%}
.cols111 .col3 .tile10 {width: 100.0%}
.cols111 .col3 .tile9 {width: 100.0%}
.cols111 .col3 .tile8 {width: 65.0%}
.cols111 .col3 .tile7 {width: 56.25%}
.cols111 .col3 .tile6 {width: 47.5%}
.cols111 .col3 .tile5 {width: 38.75%}
.cols111 .col3 .tile4 {width: 30.0%}
.cols111 .col3 .tile3 {width: 30.0%}
.cols111 .col3 .tile2 {width: 30.0%}
.cols111 .col3 .tile1 {width: 30.0%}

}

/* Breakpoint 26*/
@media screen  and (min-width: 768px) and (max-width: 1023px) {
.page-width {width: 768px;}

.masthead .col-masthead{
  width: 96%;
  margin-left: 2%;
  margin-right: 2%;
  padding-left: 0%;
  padding-right: 0%;
}

.masthead .col-masthead .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.masthead .col-masthead .section.pic-left .pic-outer,
.masthead .col-masthead .section.pic-right .upper-tr .headings,
.masthead .col-masthead .section.pic-right .hang,
.masthead .col-masthead .section-rhb .lower-tr>.text,
.masthead .col-masthead .section-rhu>.text {
  padding-right: 10px;
}

.masthead .col-masthead .section.pic-right .pic-outer,
.masthead .col-masthead .section.pic-left .upper-tr .headings,
.masthead .col-masthead .section.pic-left .hang,
.masthead .col-masthead .section-lhb .lower-tr>.text,
.masthead .col-masthead .section-lhu>.text {
  padding-left: 10px;
}

.masthead .col-masthead .gutter {width: 1%;}
.masthead .col-masthead .tile12 {width: 100.0%}
.masthead .col-masthead .tile11 {width: 100.0%}
.masthead .col-masthead .tile10 {width: 100.0%}
.masthead .col-masthead .tile9 {width: 100.0%}
.masthead .col-masthead .tile8 {width: 66.3333%}
.masthead .col-masthead .tile7 {width: 57.9166%}
.masthead .col-masthead .tile6 {width: 49.5%}
.masthead .col-masthead .tile5 {width: 41.0833%}
.masthead .col-masthead .tile4 {width: 32.6666%}
.masthead .col-masthead .tile3 {width: 32.6666%}
.masthead .col-masthead .tile2 {width: 32.6666%}
.masthead .col-masthead .tile1 {width: 32.6666%}

.masthead-bps{
  width: 96%;
  margin-left: 2%;
  margin-right: 2%;
  padding-left: 0%;
  padding-right: 0%;
}

.masthead-bps .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.masthead-bps .section.pic-left .pic-outer,
.masthead-bps .section.pic-right .upper-tr .headings,
.masthead-bps .section.pic-right .hang,
.masthead-bps .section-rhb .lower-tr>.text,
.masthead-bps .section-rhu>.text {
  padding-right: 10px;
}

.masthead-bps .section.pic-right .pic-outer,
.masthead-bps .section.pic-left .upper-tr .headings,
.masthead-bps .section.pic-left .hang,
.masthead-bps .section-lhb .lower-tr>.text,
.masthead-bps .section-lhu>.text {
  padding-left: 10px;
}

.masthead-bps .gutter {width: 1%;}
.masthead-bps .tile12 {width: 100.0%}
.masthead-bps .tile11 {width: 100.0%}
.masthead-bps .tile10 {width: 100.0%}
.masthead-bps .tile9 {width: 100.0%}
.masthead-bps .tile8 {width: 66.3333%}
.masthead-bps .tile7 {width: 57.9166%}
.masthead-bps .tile6 {width: 49.5%}
.masthead-bps .tile5 {width: 41.0833%}
.masthead-bps .tile4 {width: 32.6666%}
.masthead-bps .tile3 {width: 32.6666%}
.masthead-bps .tile2 {width: 32.6666%}
.masthead-bps .tile1 {width: 32.6666%}

.cols0 .col0{
  width: 96%;
  margin-left: 2%;
  margin-right: 2%;
  padding-left: 0%;
  padding-right: 0%;
}

.cols0 .col0 .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.cols0 .col0 .section.pic-left .pic-outer,
.cols0 .col0 .section.pic-right .upper-tr .headings,
.cols0 .col0 .section.pic-right .hang,
.cols0 .col0 .section-rhb .lower-tr>.text,
.cols0 .col0 .section-rhu>.text {
  padding-right: 10px;
}

.cols0 .col0 .section.pic-right .pic-outer,
.cols0 .col0 .section.pic-left .upper-tr .headings,
.cols0 .col0 .section.pic-left .hang,
.cols0 .col0 .section-lhb .lower-tr>.text,
.cols0 .col0 .section-lhu>.text {
  padding-left: 10px;
}

.cols0 .col0 .gutter {width: 0%;}
.cols0 .col0 .tile12 {width: 100.0%}
.cols0 .col0 .tile11 {width: 100.0%}
.cols0 .col0 .tile10 {width: 100.0%}
.cols0 .col0 .tile9 {width: 100.0%}
.cols0 .col0 .tile8 {width: 66.6666%}
.cols0 .col0 .tile7 {width: 58.3333%}
.cols0 .col0 .tile6 {width: 50.0%}
.cols0 .col0 .tile5 {width: 41.6666%}
.cols0 .col0 .tile4 {width: 33.3333%}
.cols0 .col0 .tile3 {width: 33.3333%}
.cols0 .col0 .tile2 {width: 33.3333%}
.cols0 .col0 .tile1 {width: 33.3333%}

.cols4 .col4{
  width: 96%;
  margin-left: 2%;
  margin-right: 2%;
  padding-left: 0%;
  padding-right: 0%;
}

.cols4 .col4 .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.cols4 .col4 .section.pic-left .pic-outer,
.cols4 .col4 .section.pic-right .upper-tr .headings,
.cols4 .col4 .section.pic-right .hang,
.cols4 .col4 .section-rhb .lower-tr>.text,
.cols4 .col4 .section-rhu>.text {
  padding-right: 10px;
}

.cols4 .col4 .section.pic-right .pic-outer,
.cols4 .col4 .section.pic-left .upper-tr .headings,
.cols4 .col4 .section.pic-left .hang,
.cols4 .col4 .section-lhb .lower-tr>.text,
.cols4 .col4 .section-lhu>.text {
  padding-left: 10px;
}

.cols4 .col4 .gutter {width: 1%;}
.cols4 .col4 .tile12 {width: 100.0%}
.cols4 .col4 .tile11 {width: 100.0%}
.cols4 .col4 .tile10 {width: 100.0%}
.cols4 .col4 .tile9 {width: 100.0%}
.cols4 .col4 .tile8 {width: 66.3333%}
.cols4 .col4 .tile7 {width: 57.9166%}
.cols4 .col4 .tile6 {width: 49.5%}
.cols4 .col4 .tile5 {width: 41.0833%}
.cols4 .col4 .tile4 {width: 32.6666%}
.cols4 .col4 .tile3 {width: 32.6666%}
.cols4 .col4 .tile2 {width: 32.6666%}
.cols4 .col4 .tile1 {width: 32.6666%}

.footer .col-footer{
  width: 96%;
  margin-left: 2%;
  margin-right: 2%;
  padding-left: 0%;
  padding-right: 0%;
}

.footer .col-footer .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.footer .col-footer .section.pic-left .pic-outer,
.footer .col-footer .section.pic-right .upper-tr .headings,
.footer .col-footer .section.pic-right .hang,
.footer .col-footer .section-rhb .lower-tr>.text,
.footer .col-footer .section-rhu>.text {
  padding-right: 10px;
}

.footer .col-footer .section.pic-right .pic-outer,
.footer .col-footer .section.pic-left .upper-tr .headings,
.footer .col-footer .section.pic-left .hang,
.footer .col-footer .section-lhb .lower-tr>.text,
.footer .col-footer .section-lhu>.text {
  padding-left: 10px;
}

.footer .col-footer .gutter {width: 1%;}
.footer .col-footer .tile12 {width: 100.0%}
.footer .col-footer .tile11 {width: 100.0%}
.footer .col-footer .tile10 {width: 100.0%}
.footer .col-footer .tile9 {width: 100.0%}
.footer .col-footer .tile8 {width: 66.3333%}
.footer .col-footer .tile7 {width: 57.9166%}
.footer .col-footer .tile6 {width: 49.5%}
.footer .col-footer .tile5 {width: 41.0833%}
.footer .col-footer .tile4 {width: 32.6666%}
.footer .col-footer .tile3 {width: 32.6666%}
.footer .col-footer .tile2 {width: 32.6666%}
.footer .col-footer .tile1 {width: 32.6666%}

.footer-bps{
  width: 96%;
  margin-left: 2%;
  margin-right: 2%;
  padding-left: 0%;
  padding-right: 0%;
}

.footer-bps .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.footer-bps .section.pic-left .pic-outer,
.footer-bps .section.pic-right .upper-tr .headings,
.footer-bps .section.pic-right .hang,
.footer-bps .section-rhb .lower-tr>.text,
.footer-bps .section-rhu>.text {
  padding-right: 10px;
}

.footer-bps .section.pic-right .pic-outer,
.footer-bps .section.pic-left .upper-tr .headings,
.footer-bps .section.pic-left .hang,
.footer-bps .section-lhb .lower-tr>.text,
.footer-bps .section-lhu>.text {
  padding-left: 10px;
}

.footer-bps .gutter {width: 1%;}
.footer-bps .tile12 {width: 100.0%}
.footer-bps .tile11 {width: 100.0%}
.footer-bps .tile10 {width: 100.0%}
.footer-bps .tile9 {width: 100.0%}
.footer-bps .tile8 {width: 66.3333%}
.footer-bps .tile7 {width: 57.9166%}
.footer-bps .tile6 {width: 49.5%}
.footer-bps .tile5 {width: 41.0833%}
.footer-bps .tile4 {width: 32.6666%}
.footer-bps .tile3 {width: 32.6666%}
.footer-bps .tile2 {width: 32.6666%}
.footer-bps .tile1 {width: 32.6666%}

.middle-bps{
  width: 96%;
  margin-left: 2%;
  margin-right: 2%;
  padding-left: 0%;
  padding-right: 0%;
}

.middle-bps .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.middle-bps .section.pic-left .pic-outer,
.middle-bps .section.pic-right .upper-tr .headings,
.middle-bps .section.pic-right .hang,
.middle-bps .section-rhb .lower-tr>.text,
.middle-bps .section-rhu>.text {
  padding-right: 10px;
}

.middle-bps .section.pic-right .pic-outer,
.middle-bps .section.pic-left .upper-tr .headings,
.middle-bps .section.pic-left .hang,
.middle-bps .section-lhb .lower-tr>.text,
.middle-bps .section-lhu>.text {
  padding-left: 10px;
}

.middle-bps .gutter {width: 1%;}
.middle-bps .tile12 {width: 100.0%}
.middle-bps .tile11 {width: 100.0%}
.middle-bps .tile10 {width: 100.0%}
.middle-bps .tile9 {width: 100.0%}
.middle-bps .tile8 {width: 66.3333%}
.middle-bps .tile7 {width: 57.9166%}
.middle-bps .tile6 {width: 49.5%}
.middle-bps .tile5 {width: 41.0833%}
.middle-bps .tile4 {width: 32.6666%}
.middle-bps .tile3 {width: 32.6666%}
.middle-bps .tile2 {width: 32.6666%}
.middle-bps .tile1 {width: 32.6666%}

.cols001 .col3{
  width: 96%;
  margin-left: 2%;
  margin-right: 2%;
  padding-left: 0%;
  padding-right: 0%;
}

.cols001 .col3 .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.cols001 .col3 .section.pic-left .pic-outer,
.cols001 .col3 .section.pic-right .upper-tr .headings,
.cols001 .col3 .section.pic-right .hang,
.cols001 .col3 .section-rhb .lower-tr>.text,
.cols001 .col3 .section-rhu>.text {
  padding-right: 10px;
}

.cols001 .col3 .section.pic-right .pic-outer,
.cols001 .col3 .section.pic-left .upper-tr .headings,
.cols001 .col3 .section.pic-left .hang,
.cols001 .col3 .section-lhb .lower-tr>.text,
.cols001 .col3 .section-lhu>.text {
  padding-left: 10px;
}

.cols001 .col3 .gutter {width: 1%;}
.cols001 .col3 .tile12 {width: 100.0%}
.cols001 .col3 .tile11 {width: 100.0%}
.cols001 .col3 .tile10 {width: 100.0%}
.cols001 .col3 .tile9 {width: 100.0%}
.cols001 .col3 .tile8 {width: 66.3333%}
.cols001 .col3 .tile7 {width: 57.9166%}
.cols001 .col3 .tile6 {width: 49.5%}
.cols001 .col3 .tile5 {width: 41.0833%}
.cols001 .col3 .tile4 {width: 32.6666%}
.cols001 .col3 .tile3 {width: 32.6666%}
.cols001 .col3 .tile2 {width: 32.6666%}
.cols001 .col3 .tile1 {width: 32.6666%}

.cols010 .col2{
  width: 96%;
  margin-left: 2%;
  margin-right: 2%;
  padding-left: 0%;
  padding-right: 0%;
}

.cols010 .col2 .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.cols010 .col2 .section.pic-left .pic-outer,
.cols010 .col2 .section.pic-right .upper-tr .headings,
.cols010 .col2 .section.pic-right .hang,
.cols010 .col2 .section-rhb .lower-tr>.text,
.cols010 .col2 .section-rhu>.text {
  padding-right: 10px;
}

.cols010 .col2 .section.pic-right .pic-outer,
.cols010 .col2 .section.pic-left .upper-tr .headings,
.cols010 .col2 .section.pic-left .hang,
.cols010 .col2 .section-lhb .lower-tr>.text,
.cols010 .col2 .section-lhu>.text {
  padding-left: 10px;
}

.cols010 .col2 .gutter {width: 1%;}
.cols010 .col2 .tile12 {width: 100.0%}
.cols010 .col2 .tile11 {width: 100.0%}
.cols010 .col2 .tile10 {width: 100.0%}
.cols010 .col2 .tile9 {width: 100.0%}
.cols010 .col2 .tile8 {width: 66.3333%}
.cols010 .col2 .tile7 {width: 57.9166%}
.cols010 .col2 .tile6 {width: 49.5%}
.cols010 .col2 .tile5 {width: 41.0833%}
.cols010 .col2 .tile4 {width: 32.6666%}
.cols010 .col2 .tile3 {width: 32.6666%}
.cols010 .col2 .tile2 {width: 32.6666%}
.cols010 .col2 .tile1 {width: 32.6666%}

.cols011 .col2{
  width: 65%;
  margin-left: 2%;
  margin-right: 1%;
  padding-left: 0%;
  padding-right: 0%;
}

.cols011 .col2 .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.cols011 .col2 .section.pic-left .pic-outer,
.cols011 .col2 .section.pic-right .upper-tr .headings,
.cols011 .col2 .section.pic-right .hang,
.cols011 .col2 .section-rhb .lower-tr>.text,
.cols011 .col2 .section-rhu>.text {
  padding-right: 10px;
}

.cols011 .col2 .section.pic-right .pic-outer,
.cols011 .col2 .section.pic-left .upper-tr .headings,
.cols011 .col2 .section.pic-left .hang,
.cols011 .col2 .section-lhb .lower-tr>.text,
.cols011 .col2 .section-lhu>.text {
  padding-left: 10px;
}

.cols011 .col2 .gutter {width: 2%;}
.cols011 .col2 .tile12 {width: 100.0%}
.cols011 .col2 .tile11 {width: 100.0%}
.cols011 .col2 .tile10 {width: 100.0%}
.cols011 .col2 .tile9 {width: 100.0%}
.cols011 .col2 .tile8 {width: 66.0%}
.cols011 .col2 .tile7 {width: 57.5%}
.cols011 .col2 .tile6 {width: 49.0%}
.cols011 .col2 .tile5 {width: 40.5%}
.cols011 .col2 .tile4 {width: 32.0%}
.cols011 .col2 .tile3 {width: 32.0%}
.cols011 .col2 .tile2 {width: 32.0%}
.cols011 .col2 .tile1 {width: 32.0%}

.cols011 .col3{
  width: 29%;
  margin-left: 1%;
  margin-right: 2%;
  padding-left: 0%;
  padding-right: 0%;
}

.cols011 .col3 .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.cols011 .col3 .section.pic-left .pic-outer,
.cols011 .col3 .section.pic-right .upper-tr .headings,
.cols011 .col3 .section.pic-right .hang,
.cols011 .col3 .section-rhb .lower-tr>.text,
.cols011 .col3 .section-rhu>.text {
  padding-right: 10px;
}

.cols011 .col3 .section.pic-right .pic-outer,
.cols011 .col3 .section.pic-left .upper-tr .headings,
.cols011 .col3 .section.pic-left .hang,
.cols011 .col3 .section-lhb .lower-tr>.text,
.cols011 .col3 .section-lhu>.text {
  padding-left: 10px;
}

.cols011 .col3 .gutter {width: 5%;}
.cols011 .col3 .tile12 {width: 100.0%}
.cols011 .col3 .tile11 {width: 100.0%}
.cols011 .col3 .tile10 {width: 100.0%}
.cols011 .col3 .tile9 {width: 100.0%}
.cols011 .col3 .tile8 {width: 100.0%}
.cols011 .col3 .tile7 {width: 56.25%}
.cols011 .col3 .tile6 {width: 47.5%}
.cols011 .col3 .tile5 {width: 38.75%}
.cols011 .col3 .tile4 {width: 38.75%}
.cols011 .col3 .tile3 {width: 38.75%}
.cols011 .col3 .tile2 {width: 38.75%}
.cols011 .col3 .tile1 {width: 38.75%}

.cols100 .col1{
  width: 96%;
  margin-left: 2%;
  margin-right: 2%;
  padding-left: 0%;
  padding-right: 0%;
}

.cols100 .col1 .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.cols100 .col1 .section.pic-left .pic-outer,
.cols100 .col1 .section.pic-right .upper-tr .headings,
.cols100 .col1 .section.pic-right .hang,
.cols100 .col1 .section-rhb .lower-tr>.text,
.cols100 .col1 .section-rhu>.text {
  padding-right: 10px;
}

.cols100 .col1 .section.pic-right .pic-outer,
.cols100 .col1 .section.pic-left .upper-tr .headings,
.cols100 .col1 .section.pic-left .hang,
.cols100 .col1 .section-lhb .lower-tr>.text,
.cols100 .col1 .section-lhu>.text {
  padding-left: 10px;
}

.cols100 .col1 .gutter {width: 1%;}
.cols100 .col1 .tile12 {width: 100.0%}
.cols100 .col1 .tile11 {width: 100.0%}
.cols100 .col1 .tile10 {width: 100.0%}
.cols100 .col1 .tile9 {width: 100.0%}
.cols100 .col1 .tile8 {width: 66.3333%}
.cols100 .col1 .tile7 {width: 57.9166%}
.cols100 .col1 .tile6 {width: 49.5%}
.cols100 .col1 .tile5 {width: 41.0833%}
.cols100 .col1 .tile4 {width: 32.6666%}
.cols100 .col1 .tile3 {width: 32.6666%}
.cols100 .col1 .tile2 {width: 32.6666%}
.cols100 .col1 .tile1 {width: 32.6666%}

.cols101 .col1{
  width: 47%;
  margin-left: 2%;
  margin-right: 1%;
  padding-left: 0%;
  padding-right: 0%;
}

.cols101 .col1 .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.cols101 .col1 .section.pic-left .pic-outer,
.cols101 .col1 .section.pic-right .upper-tr .headings,
.cols101 .col1 .section.pic-right .hang,
.cols101 .col1 .section-rhb .lower-tr>.text,
.cols101 .col1 .section-rhu>.text {
  padding-right: 10px;
}

.cols101 .col1 .section.pic-right .pic-outer,
.cols101 .col1 .section.pic-left .upper-tr .headings,
.cols101 .col1 .section.pic-left .hang,
.cols101 .col1 .section-lhb .lower-tr>.text,
.cols101 .col1 .section-lhu>.text {
  padding-left: 10px;
}

.cols101 .col1 .gutter {width: 3%;}
.cols101 .col1 .tile12 {width: 100.0%}
.cols101 .col1 .tile11 {width: 100.0%}
.cols101 .col1 .tile10 {width: 100.0%}
.cols101 .col1 .tile9 {width: 100.0%}
.cols101 .col1 .tile8 {width: 100.0%}
.cols101 .col1 .tile7 {width: 57.0833%}
.cols101 .col1 .tile6 {width: 48.5%}
.cols101 .col1 .tile5 {width: 39.9166%}
.cols101 .col1 .tile4 {width: 39.9166%}
.cols101 .col1 .tile3 {width: 39.9166%}
.cols101 .col1 .tile2 {width: 39.9166%}
.cols101 .col1 .tile1 {width: 39.9166%}

.cols101 .col3{
  width: 47%;
  margin-left: 1%;
  margin-right: 2%;
  padding-left: 0%;
  padding-right: 0%;
}

.cols101 .col3 .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.cols101 .col3 .section.pic-left .pic-outer,
.cols101 .col3 .section.pic-right .upper-tr .headings,
.cols101 .col3 .section.pic-right .hang,
.cols101 .col3 .section-rhb .lower-tr>.text,
.cols101 .col3 .section-rhu>.text {
  padding-right: 10px;
}

.cols101 .col3 .section.pic-right .pic-outer,
.cols101 .col3 .section.pic-left .upper-tr .headings,
.cols101 .col3 .section.pic-left .hang,
.cols101 .col3 .section-lhb .lower-tr>.text,
.cols101 .col3 .section-lhu>.text {
  padding-left: 10px;
}

.cols101 .col3 .gutter {width: 3%;}
.cols101 .col3 .tile12 {width: 100.0%}
.cols101 .col3 .tile11 {width: 100.0%}
.cols101 .col3 .tile10 {width: 100.0%}
.cols101 .col3 .tile9 {width: 100.0%}
.cols101 .col3 .tile8 {width: 100.0%}
.cols101 .col3 .tile7 {width: 57.0833%}
.cols101 .col3 .tile6 {width: 48.5%}
.cols101 .col3 .tile5 {width: 39.9166%}
.cols101 .col3 .tile4 {width: 39.9166%}
.cols101 .col3 .tile3 {width: 39.9166%}
.cols101 .col3 .tile2 {width: 39.9166%}
.cols101 .col3 .tile1 {width: 39.9166%}

.cols110 .col1{
  width: 25%;
  margin-left: 2%;
  margin-right: 1%;
  padding-left: 2%;
  padding-right: 2%;
}

.cols110 .col1 .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.cols110 .col1 .section.pic-left .pic-outer,
.cols110 .col1 .section.pic-right .upper-tr .headings,
.cols110 .col1 .section.pic-right .hang,
.cols110 .col1 .section-rhb .lower-tr>.text,
.cols110 .col1 .section-rhu>.text {
  padding-right: 10px;
}

.cols110 .col1 .section.pic-right .pic-outer,
.cols110 .col1 .section.pic-left .upper-tr .headings,
.cols110 .col1 .section.pic-left .hang,
.cols110 .col1 .section-lhb .lower-tr>.text,
.cols110 .col1 .section-lhu>.text {
  padding-left: 10px;
}

.cols110 .col1 .gutter {width: 5%;}
.cols110 .col1 .tile12 {width: 100.0%}
.cols110 .col1 .tile11 {width: 100.0%}
.cols110 .col1 .tile10 {width: 100.0%}
.cols110 .col1 .tile9 {width: 100.0%}
.cols110 .col1 .tile8 {width: 100.0%}
.cols110 .col1 .tile7 {width: 56.25%}
.cols110 .col1 .tile6 {width: 47.5%}
.cols110 .col1 .tile5 {width: 38.75%}
.cols110 .col1 .tile4 {width: 38.75%}
.cols110 .col1 .tile3 {width: 38.75%}
.cols110 .col1 .tile2 {width: 38.75%}
.cols110 .col1 .tile1 {width: 38.75%}

.cols110 .col2{
  width: 65%;
  margin-left: 1%;
  margin-right: 2%;
  padding-left: 0%;
  padding-right: 0%;
}

.cols110 .col2 .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.cols110 .col2 .section.pic-left .pic-outer,
.cols110 .col2 .section.pic-right .upper-tr .headings,
.cols110 .col2 .section.pic-right .hang,
.cols110 .col2 .section-rhb .lower-tr>.text,
.cols110 .col2 .section-rhu>.text {
  padding-right: 10px;
}

.cols110 .col2 .section.pic-right .pic-outer,
.cols110 .col2 .section.pic-left .upper-tr .headings,
.cols110 .col2 .section.pic-left .hang,
.cols110 .col2 .section-lhb .lower-tr>.text,
.cols110 .col2 .section-lhu>.text {
  padding-left: 10px;
}

.cols110 .col2 .gutter {width: 2%;}
.cols110 .col2 .tile12 {width: 100.0%}
.cols110 .col2 .tile11 {width: 100.0%}
.cols110 .col2 .tile10 {width: 100.0%}
.cols110 .col2 .tile9 {width: 100.0%}
.cols110 .col2 .tile8 {width: 66.0%}
.cols110 .col2 .tile7 {width: 57.5%}
.cols110 .col2 .tile6 {width: 49.0%}
.cols110 .col2 .tile5 {width: 40.5%}
.cols110 .col2 .tile4 {width: 32.0%}
.cols110 .col2 .tile3 {width: 32.0%}
.cols110 .col2 .tile2 {width: 32.0%}
.cols110 .col2 .tile1 {width: 32.0%}

.cols111 .col1{
  width: 25%;
  margin-left: 2%;
  margin-right: 1%;
  padding-left: 2%;
  padding-right: 2%;
}

.cols111 .col1 .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.cols111 .col1 .section.pic-left .pic-outer,
.cols111 .col1 .section.pic-right .upper-tr .headings,
.cols111 .col1 .section.pic-right .hang,
.cols111 .col1 .section-rhb .lower-tr>.text,
.cols111 .col1 .section-rhu>.text {
  padding-right: 10px;
}

.cols111 .col1 .section.pic-right .pic-outer,
.cols111 .col1 .section.pic-left .upper-tr .headings,
.cols111 .col1 .section.pic-left .hang,
.cols111 .col1 .section-lhb .lower-tr>.text,
.cols111 .col1 .section-lhu>.text {
  padding-left: 10px;
}

.cols111 .col1 .gutter {width: 5%;}
.cols111 .col1 .tile12 {width: 100.0%}
.cols111 .col1 .tile11 {width: 100.0%}
.cols111 .col1 .tile10 {width: 100.0%}
.cols111 .col1 .tile9 {width: 100.0%}
.cols111 .col1 .tile8 {width: 100.0%}
.cols111 .col1 .tile7 {width: 56.25%}
.cols111 .col1 .tile6 {width: 47.5%}
.cols111 .col1 .tile5 {width: 38.75%}
.cols111 .col1 .tile4 {width: 38.75%}
.cols111 .col1 .tile3 {width: 38.75%}
.cols111 .col1 .tile2 {width: 38.75%}
.cols111 .col1 .tile1 {width: 38.75%}

.cols111 .col2{
  width: 65%;
  margin-left: 1%;
  margin-right: 2%;
  padding-left: 0%;
  padding-right: 0%;
}

.cols111 .col2 .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.cols111 .col2 .section.pic-left .pic-outer,
.cols111 .col2 .section.pic-right .upper-tr .headings,
.cols111 .col2 .section.pic-right .hang,
.cols111 .col2 .section-rhb .lower-tr>.text,
.cols111 .col2 .section-rhu>.text {
  padding-right: 10px;
}

.cols111 .col2 .section.pic-right .pic-outer,
.cols111 .col2 .section.pic-left .upper-tr .headings,
.cols111 .col2 .section.pic-left .hang,
.cols111 .col2 .section-lhb .lower-tr>.text,
.cols111 .col2 .section-lhu>.text {
  padding-left: 10px;
}

.cols111 .col2 .gutter {width: 2%;}
.cols111 .col2 .tile12 {width: 100.0%}
.cols111 .col2 .tile11 {width: 100.0%}
.cols111 .col2 .tile10 {width: 100.0%}
.cols111 .col2 .tile9 {width: 100.0%}
.cols111 .col2 .tile8 {width: 66.0%}
.cols111 .col2 .tile7 {width: 57.5%}
.cols111 .col2 .tile6 {width: 49.0%}
.cols111 .col2 .tile5 {width: 40.5%}
.cols111 .col2 .tile4 {width: 32.0%}
.cols111 .col2 .tile3 {width: 32.0%}
.cols111 .col2 .tile2 {width: 32.0%}
.cols111 .col2 .tile1 {width: 32.0%}

.cols111 .col3{
  width: 96%;
  margin-left: 2%;
  margin-right: 2%;
  padding-left: 0%;
  padding-right: 0%;
}

.cols111 .col3 .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.cols111 .col3 .section.pic-left .pic-outer,
.cols111 .col3 .section.pic-right .upper-tr .headings,
.cols111 .col3 .section.pic-right .hang,
.cols111 .col3 .section-rhb .lower-tr>.text,
.cols111 .col3 .section-rhu>.text {
  padding-right: 10px;
}

.cols111 .col3 .section.pic-right .pic-outer,
.cols111 .col3 .section.pic-left .upper-tr .headings,
.cols111 .col3 .section.pic-left .hang,
.cols111 .col3 .section-lhb .lower-tr>.text,
.cols111 .col3 .section-lhu>.text {
  padding-left: 10px;
}

.cols111 .col3 .gutter {width: 1%;}
.cols111 .col3 .tile12 {width: 100.0%}
.cols111 .col3 .tile11 {width: 100.0%}
.cols111 .col3 .tile10 {width: 100.0%}
.cols111 .col3 .tile9 {width: 100.0%}
.cols111 .col3 .tile8 {width: 66.3333%}
.cols111 .col3 .tile7 {width: 57.9166%}
.cols111 .col3 .tile6 {width: 49.5%}
.cols111 .col3 .tile5 {width: 41.0833%}
.cols111 .col3 .tile4 {width: 32.6666%}
.cols111 .col3 .tile3 {width: 32.6666%}
.cols111 .col3 .tile2 {width: 32.6666%}
.cols111 .col3 .tile1 {width: 32.6666%}

}

/* Breakpoint 27*/
@media screen  and (min-width: 480px) and (max-width: 767px) {
.page-width {width: 480px;}

.masthead .col-masthead{
  width: 100%;
  margin-left: 0%;
  margin-right: 0%;
  padding-left: 0%;
  padding-right: 0%;
}

.masthead .col-masthead .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.masthead .col-masthead .section.pic-left .pic-outer,
.masthead .col-masthead .section.pic-right .upper-tr .headings,
.masthead .col-masthead .section.pic-right .hang,
.masthead .col-masthead .section-rhb .lower-tr>.text,
.masthead .col-masthead .section-rhu>.text {
  padding-right: 10px;
}

.masthead .col-masthead .section.pic-right .pic-outer,
.masthead .col-masthead .section.pic-left .upper-tr .headings,
.masthead .col-masthead .section.pic-left .hang,
.masthead .col-masthead .section-lhb .lower-tr>.text,
.masthead .col-masthead .section-lhu>.text {
  padding-left: 10px;
}

.masthead .col-masthead .gutter {width: 2%;}
.masthead .col-masthead .tile12 {width: 100.0%}
.masthead .col-masthead .tile11 {width: 100.0%}
.masthead .col-masthead .tile10 {width: 100.0%}
.masthead .col-masthead .tile9 {width: 100.0%}
.masthead .col-masthead .tile8 {width: 100.0%}
.masthead .col-masthead .tile7 {width: 100.0%}
.masthead .col-masthead .tile6 {width: 49.0%}
.masthead .col-masthead .tile5 {width: 49.0%}
.masthead .col-masthead .tile4 {width: 49.0%}
.masthead .col-masthead .tile3 {width: 49.0%}
.masthead .col-masthead .tile2 {width: 49.0%}
.masthead .col-masthead .tile1 {width: 49.0%}

.masthead-bps{
  width: 100%;
  margin-left: 0%;
  margin-right: 0%;
  padding-left: 0%;
  padding-right: 0%;
}

.masthead-bps .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.masthead-bps .section.pic-left .pic-outer,
.masthead-bps .section.pic-right .upper-tr .headings,
.masthead-bps .section.pic-right .hang,
.masthead-bps .section-rhb .lower-tr>.text,
.masthead-bps .section-rhu>.text {
  padding-right: 10px;
}

.masthead-bps .section.pic-right .pic-outer,
.masthead-bps .section.pic-left .upper-tr .headings,
.masthead-bps .section.pic-left .hang,
.masthead-bps .section-lhb .lower-tr>.text,
.masthead-bps .section-lhu>.text {
  padding-left: 10px;
}

.masthead-bps .gutter {width: 2%;}
.masthead-bps .tile12 {width: 100.0%}
.masthead-bps .tile11 {width: 100.0%}
.masthead-bps .tile10 {width: 100.0%}
.masthead-bps .tile9 {width: 100.0%}
.masthead-bps .tile8 {width: 100.0%}
.masthead-bps .tile7 {width: 100.0%}
.masthead-bps .tile6 {width: 49.0%}
.masthead-bps .tile5 {width: 49.0%}
.masthead-bps .tile4 {width: 49.0%}
.masthead-bps .tile3 {width: 49.0%}
.masthead-bps .tile2 {width: 49.0%}
.masthead-bps .tile1 {width: 49.0%}

.cols0 .col0{
  width: 94%;
  margin-left: 3%;
  margin-right: 3%;
  padding-left: 0%;
  padding-right: 0%;
}

.cols0 .col0 .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.cols0 .col0 .section.pic-left .pic-outer,
.cols0 .col0 .section.pic-right .upper-tr .headings,
.cols0 .col0 .section.pic-right .hang,
.cols0 .col0 .section-rhb .lower-tr>.text,
.cols0 .col0 .section-rhu>.text {
  padding-right: 10px;
}

.cols0 .col0 .section.pic-right .pic-outer,
.cols0 .col0 .section.pic-left .upper-tr .headings,
.cols0 .col0 .section.pic-left .hang,
.cols0 .col0 .section-lhb .lower-tr>.text,
.cols0 .col0 .section-lhu>.text {
  padding-left: 10px;
}

.cols0 .col0 .gutter {width: 0%;}
.cols0 .col0 .tile12 {width: 100.0%}
.cols0 .col0 .tile11 {width: 100.0%}
.cols0 .col0 .tile10 {width: 100.0%}
.cols0 .col0 .tile9 {width: 100.0%}
.cols0 .col0 .tile8 {width: 100.0%}
.cols0 .col0 .tile7 {width: 100.0%}
.cols0 .col0 .tile6 {width: 50.0%}
.cols0 .col0 .tile5 {width: 50.0%}
.cols0 .col0 .tile4 {width: 50.0%}
.cols0 .col0 .tile3 {width: 50.0%}
.cols0 .col0 .tile2 {width: 50.0%}
.cols0 .col0 .tile1 {width: 50.0%}

.cols4 .col4{
  width: 94%;
  margin-left: 3%;
  margin-right: 3%;
  padding-left: 0%;
  padding-right: 0%;
}

.cols4 .col4 .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.cols4 .col4 .section.pic-left .pic-outer,
.cols4 .col4 .section.pic-right .upper-tr .headings,
.cols4 .col4 .section.pic-right .hang,
.cols4 .col4 .section-rhb .lower-tr>.text,
.cols4 .col4 .section-rhu>.text {
  padding-right: 10px;
}

.cols4 .col4 .section.pic-right .pic-outer,
.cols4 .col4 .section.pic-left .upper-tr .headings,
.cols4 .col4 .section.pic-left .hang,
.cols4 .col4 .section-lhb .lower-tr>.text,
.cols4 .col4 .section-lhu>.text {
  padding-left: 10px;
}

.cols4 .col4 .gutter {width: 2%;}
.cols4 .col4 .tile12 {width: 100.0%}
.cols4 .col4 .tile11 {width: 100.0%}
.cols4 .col4 .tile10 {width: 100.0%}
.cols4 .col4 .tile9 {width: 100.0%}
.cols4 .col4 .tile8 {width: 100.0%}
.cols4 .col4 .tile7 {width: 100.0%}
.cols4 .col4 .tile6 {width: 49.0%}
.cols4 .col4 .tile5 {width: 49.0%}
.cols4 .col4 .tile4 {width: 49.0%}
.cols4 .col4 .tile3 {width: 49.0%}
.cols4 .col4 .tile2 {width: 49.0%}
.cols4 .col4 .tile1 {width: 49.0%}

.footer .col-footer{
  width: 94%;
  margin-left: 3%;
  margin-right: 3%;
  padding-left: 0%;
  padding-right: 0%;
}

.footer .col-footer .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.footer .col-footer .section.pic-left .pic-outer,
.footer .col-footer .section.pic-right .upper-tr .headings,
.footer .col-footer .section.pic-right .hang,
.footer .col-footer .section-rhb .lower-tr>.text,
.footer .col-footer .section-rhu>.text {
  padding-right: 10px;
}

.footer .col-footer .section.pic-right .pic-outer,
.footer .col-footer .section.pic-left .upper-tr .headings,
.footer .col-footer .section.pic-left .hang,
.footer .col-footer .section-lhb .lower-tr>.text,
.footer .col-footer .section-lhu>.text {
  padding-left: 10px;
}

.footer .col-footer .gutter {width: 2%;}
.footer .col-footer .tile12 {width: 100.0%}
.footer .col-footer .tile11 {width: 100.0%}
.footer .col-footer .tile10 {width: 100.0%}
.footer .col-footer .tile9 {width: 100.0%}
.footer .col-footer .tile8 {width: 100.0%}
.footer .col-footer .tile7 {width: 100.0%}
.footer .col-footer .tile6 {width: 49.0%}
.footer .col-footer .tile5 {width: 49.0%}
.footer .col-footer .tile4 {width: 49.0%}
.footer .col-footer .tile3 {width: 49.0%}
.footer .col-footer .tile2 {width: 49.0%}
.footer .col-footer .tile1 {width: 49.0%}

.footer-bps{
  width: 94%;
  margin-left: 3%;
  margin-right: 3%;
  padding-left: 0%;
  padding-right: 0%;
}

.footer-bps .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.footer-bps .section.pic-left .pic-outer,
.footer-bps .section.pic-right .upper-tr .headings,
.footer-bps .section.pic-right .hang,
.footer-bps .section-rhb .lower-tr>.text,
.footer-bps .section-rhu>.text {
  padding-right: 10px;
}

.footer-bps .section.pic-right .pic-outer,
.footer-bps .section.pic-left .upper-tr .headings,
.footer-bps .section.pic-left .hang,
.footer-bps .section-lhb .lower-tr>.text,
.footer-bps .section-lhu>.text {
  padding-left: 10px;
}

.footer-bps .gutter {width: 2%;}
.footer-bps .tile12 {width: 100.0%}
.footer-bps .tile11 {width: 100.0%}
.footer-bps .tile10 {width: 100.0%}
.footer-bps .tile9 {width: 100.0%}
.footer-bps .tile8 {width: 100.0%}
.footer-bps .tile7 {width: 100.0%}
.footer-bps .tile6 {width: 49.0%}
.footer-bps .tile5 {width: 49.0%}
.footer-bps .tile4 {width: 49.0%}
.footer-bps .tile3 {width: 49.0%}
.footer-bps .tile2 {width: 49.0%}
.footer-bps .tile1 {width: 49.0%}

.middle-bps{
  width: 94%;
  margin-left: 3%;
  margin-right: 3%;
  padding-left: 0%;
  padding-right: 0%;
}

.middle-bps .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.middle-bps .section.pic-left .pic-outer,
.middle-bps .section.pic-right .upper-tr .headings,
.middle-bps .section.pic-right .hang,
.middle-bps .section-rhb .lower-tr>.text,
.middle-bps .section-rhu>.text {
  padding-right: 10px;
}

.middle-bps .section.pic-right .pic-outer,
.middle-bps .section.pic-left .upper-tr .headings,
.middle-bps .section.pic-left .hang,
.middle-bps .section-lhb .lower-tr>.text,
.middle-bps .section-lhu>.text {
  padding-left: 10px;
}

.middle-bps .gutter {width: 2%;}
.middle-bps .tile12 {width: 100.0%}
.middle-bps .tile11 {width: 100.0%}
.middle-bps .tile10 {width: 100.0%}
.middle-bps .tile9 {width: 100.0%}
.middle-bps .tile8 {width: 100.0%}
.middle-bps .tile7 {width: 100.0%}
.middle-bps .tile6 {width: 49.0%}
.middle-bps .tile5 {width: 49.0%}
.middle-bps .tile4 {width: 49.0%}
.middle-bps .tile3 {width: 49.0%}
.middle-bps .tile2 {width: 49.0%}
.middle-bps .tile1 {width: 49.0%}

.cols001 .col3{
  width: 94%;
  margin-left: 3%;
  margin-right: 3%;
  padding-left: 0%;
  padding-right: 0%;
}

.cols001 .col3 .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.cols001 .col3 .section.pic-left .pic-outer,
.cols001 .col3 .section.pic-right .upper-tr .headings,
.cols001 .col3 .section.pic-right .hang,
.cols001 .col3 .section-rhb .lower-tr>.text,
.cols001 .col3 .section-rhu>.text {
  padding-right: 10px;
}

.cols001 .col3 .section.pic-right .pic-outer,
.cols001 .col3 .section.pic-left .upper-tr .headings,
.cols001 .col3 .section.pic-left .hang,
.cols001 .col3 .section-lhb .lower-tr>.text,
.cols001 .col3 .section-lhu>.text {
  padding-left: 10px;
}

.cols001 .col3 .gutter {width: 2%;}
.cols001 .col3 .tile12 {width: 100.0%}
.cols001 .col3 .tile11 {width: 100.0%}
.cols001 .col3 .tile10 {width: 100.0%}
.cols001 .col3 .tile9 {width: 100.0%}
.cols001 .col3 .tile8 {width: 100.0%}
.cols001 .col3 .tile7 {width: 100.0%}
.cols001 .col3 .tile6 {width: 49.0%}
.cols001 .col3 .tile5 {width: 49.0%}
.cols001 .col3 .tile4 {width: 49.0%}
.cols001 .col3 .tile3 {width: 49.0%}
.cols001 .col3 .tile2 {width: 49.0%}
.cols001 .col3 .tile1 {width: 49.0%}

.cols010 .col2{
  width: 94%;
  margin-left: 3%;
  margin-right: 3%;
  padding-left: 0%;
  padding-right: 0%;
}

.cols010 .col2 .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.cols010 .col2 .section.pic-left .pic-outer,
.cols010 .col2 .section.pic-right .upper-tr .headings,
.cols010 .col2 .section.pic-right .hang,
.cols010 .col2 .section-rhb .lower-tr>.text,
.cols010 .col2 .section-rhu>.text {
  padding-right: 10px;
}

.cols010 .col2 .section.pic-right .pic-outer,
.cols010 .col2 .section.pic-left .upper-tr .headings,
.cols010 .col2 .section.pic-left .hang,
.cols010 .col2 .section-lhb .lower-tr>.text,
.cols010 .col2 .section-lhu>.text {
  padding-left: 10px;
}

.cols010 .col2 .gutter {width: 2%;}
.cols010 .col2 .tile12 {width: 100.0%}
.cols010 .col2 .tile11 {width: 100.0%}
.cols010 .col2 .tile10 {width: 100.0%}
.cols010 .col2 .tile9 {width: 100.0%}
.cols010 .col2 .tile8 {width: 100.0%}
.cols010 .col2 .tile7 {width: 100.0%}
.cols010 .col2 .tile6 {width: 49.0%}
.cols010 .col2 .tile5 {width: 49.0%}
.cols010 .col2 .tile4 {width: 49.0%}
.cols010 .col2 .tile3 {width: 49.0%}
.cols010 .col2 .tile2 {width: 49.0%}
.cols010 .col2 .tile1 {width: 49.0%}

.cols011 .col2{
  width: 94%;
  margin-left: 3%;
  margin-right: 3%;
  padding-left: 0%;
  padding-right: 0%;
}

.cols011 .col2 .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.cols011 .col2 .section.pic-left .pic-outer,
.cols011 .col2 .section.pic-right .upper-tr .headings,
.cols011 .col2 .section.pic-right .hang,
.cols011 .col2 .section-rhb .lower-tr>.text,
.cols011 .col2 .section-rhu>.text {
  padding-right: 10px;
}

.cols011 .col2 .section.pic-right .pic-outer,
.cols011 .col2 .section.pic-left .upper-tr .headings,
.cols011 .col2 .section.pic-left .hang,
.cols011 .col2 .section-lhb .lower-tr>.text,
.cols011 .col2 .section-lhu>.text {
  padding-left: 10px;
}

.cols011 .col2 .gutter {width: 2%;}
.cols011 .col2 .tile12 {width: 100.0%}
.cols011 .col2 .tile11 {width: 100.0%}
.cols011 .col2 .tile10 {width: 100.0%}
.cols011 .col2 .tile9 {width: 100.0%}
.cols011 .col2 .tile8 {width: 100.0%}
.cols011 .col2 .tile7 {width: 100.0%}
.cols011 .col2 .tile6 {width: 49.0%}
.cols011 .col2 .tile5 {width: 49.0%}
.cols011 .col2 .tile4 {width: 49.0%}
.cols011 .col2 .tile3 {width: 49.0%}
.cols011 .col2 .tile2 {width: 49.0%}
.cols011 .col2 .tile1 {width: 49.0%}

.cols011 .col3{
  width: 94%;
  margin-left: 3%;
  margin-right: 3%;
  padding-left: 0%;
  padding-right: 0%;
}

.cols011 .col3 .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.cols011 .col3 .section.pic-left .pic-outer,
.cols011 .col3 .section.pic-right .upper-tr .headings,
.cols011 .col3 .section.pic-right .hang,
.cols011 .col3 .section-rhb .lower-tr>.text,
.cols011 .col3 .section-rhu>.text {
  padding-right: 10px;
}

.cols011 .col3 .section.pic-right .pic-outer,
.cols011 .col3 .section.pic-left .upper-tr .headings,
.cols011 .col3 .section.pic-left .hang,
.cols011 .col3 .section-lhb .lower-tr>.text,
.cols011 .col3 .section-lhu>.text {
  padding-left: 10px;
}

.cols011 .col3 .gutter {width: 2%;}
.cols011 .col3 .tile12 {width: 100.0%}
.cols011 .col3 .tile11 {width: 100.0%}
.cols011 .col3 .tile10 {width: 100.0%}
.cols011 .col3 .tile9 {width: 100.0%}
.cols011 .col3 .tile8 {width: 100.0%}
.cols011 .col3 .tile7 {width: 100.0%}
.cols011 .col3 .tile6 {width: 49.0%}
.cols011 .col3 .tile5 {width: 49.0%}
.cols011 .col3 .tile4 {width: 49.0%}
.cols011 .col3 .tile3 {width: 49.0%}
.cols011 .col3 .tile2 {width: 49.0%}
.cols011 .col3 .tile1 {width: 49.0%}

.cols100 .col1{
  width: 94%;
  margin-left: 3%;
  margin-right: 3%;
  padding-left: 0%;
  padding-right: 0%;
}

.cols100 .col1 .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.cols100 .col1 .section.pic-left .pic-outer,
.cols100 .col1 .section.pic-right .upper-tr .headings,
.cols100 .col1 .section.pic-right .hang,
.cols100 .col1 .section-rhb .lower-tr>.text,
.cols100 .col1 .section-rhu>.text {
  padding-right: 10px;
}

.cols100 .col1 .section.pic-right .pic-outer,
.cols100 .col1 .section.pic-left .upper-tr .headings,
.cols100 .col1 .section.pic-left .hang,
.cols100 .col1 .section-lhb .lower-tr>.text,
.cols100 .col1 .section-lhu>.text {
  padding-left: 10px;
}

.cols100 .col1 .gutter {width: 2%;}
.cols100 .col1 .tile12 {width: 100.0%}
.cols100 .col1 .tile11 {width: 100.0%}
.cols100 .col1 .tile10 {width: 100.0%}
.cols100 .col1 .tile9 {width: 100.0%}
.cols100 .col1 .tile8 {width: 100.0%}
.cols100 .col1 .tile7 {width: 100.0%}
.cols100 .col1 .tile6 {width: 49.0%}
.cols100 .col1 .tile5 {width: 49.0%}
.cols100 .col1 .tile4 {width: 49.0%}
.cols100 .col1 .tile3 {width: 49.0%}
.cols100 .col1 .tile2 {width: 49.0%}
.cols100 .col1 .tile1 {width: 49.0%}

.cols101 .col1{
  width: 94%;
  margin-left: 3%;
  margin-right: 3%;
  padding-left: 0%;
  padding-right: 0%;
}

.cols101 .col1 .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.cols101 .col1 .section.pic-left .pic-outer,
.cols101 .col1 .section.pic-right .upper-tr .headings,
.cols101 .col1 .section.pic-right .hang,
.cols101 .col1 .section-rhb .lower-tr>.text,
.cols101 .col1 .section-rhu>.text {
  padding-right: 10px;
}

.cols101 .col1 .section.pic-right .pic-outer,
.cols101 .col1 .section.pic-left .upper-tr .headings,
.cols101 .col1 .section.pic-left .hang,
.cols101 .col1 .section-lhb .lower-tr>.text,
.cols101 .col1 .section-lhu>.text {
  padding-left: 10px;
}

.cols101 .col1 .gutter {width: 2%;}
.cols101 .col1 .tile12 {width: 100.0%}
.cols101 .col1 .tile11 {width: 100.0%}
.cols101 .col1 .tile10 {width: 100.0%}
.cols101 .col1 .tile9 {width: 100.0%}
.cols101 .col1 .tile8 {width: 100.0%}
.cols101 .col1 .tile7 {width: 100.0%}
.cols101 .col1 .tile6 {width: 49.0%}
.cols101 .col1 .tile5 {width: 49.0%}
.cols101 .col1 .tile4 {width: 49.0%}
.cols101 .col1 .tile3 {width: 49.0%}
.cols101 .col1 .tile2 {width: 49.0%}
.cols101 .col1 .tile1 {width: 49.0%}

.cols101 .col3{
  width: 94%;
  margin-left: 3%;
  margin-right: 3%;
  padding-left: 0%;
  padding-right: 0%;
}

.cols101 .col3 .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.cols101 .col3 .section.pic-left .pic-outer,
.cols101 .col3 .section.pic-right .upper-tr .headings,
.cols101 .col3 .section.pic-right .hang,
.cols101 .col3 .section-rhb .lower-tr>.text,
.cols101 .col3 .section-rhu>.text {
  padding-right: 10px;
}

.cols101 .col3 .section.pic-right .pic-outer,
.cols101 .col3 .section.pic-left .upper-tr .headings,
.cols101 .col3 .section.pic-left .hang,
.cols101 .col3 .section-lhb .lower-tr>.text,
.cols101 .col3 .section-lhu>.text {
  padding-left: 10px;
}

.cols101 .col3 .gutter {width: 2%;}
.cols101 .col3 .tile12 {width: 100.0%}
.cols101 .col3 .tile11 {width: 100.0%}
.cols101 .col3 .tile10 {width: 100.0%}
.cols101 .col3 .tile9 {width: 100.0%}
.cols101 .col3 .tile8 {width: 100.0%}
.cols101 .col3 .tile7 {width: 100.0%}
.cols101 .col3 .tile6 {width: 49.0%}
.cols101 .col3 .tile5 {width: 49.0%}
.cols101 .col3 .tile4 {width: 49.0%}
.cols101 .col3 .tile3 {width: 49.0%}
.cols101 .col3 .tile2 {width: 49.0%}
.cols101 .col3 .tile1 {width: 49.0%}

.cols110 .col1{
  width: 94%;
  margin-left: 3%;
  margin-right: 3%;
  padding-left: 0%;
  padding-right: 0%;
}

.cols110 .col1 .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.cols110 .col1 .section.pic-left .pic-outer,
.cols110 .col1 .section.pic-right .upper-tr .headings,
.cols110 .col1 .section.pic-right .hang,
.cols110 .col1 .section-rhb .lower-tr>.text,
.cols110 .col1 .section-rhu>.text {
  padding-right: 10px;
}

.cols110 .col1 .section.pic-right .pic-outer,
.cols110 .col1 .section.pic-left .upper-tr .headings,
.cols110 .col1 .section.pic-left .hang,
.cols110 .col1 .section-lhb .lower-tr>.text,
.cols110 .col1 .section-lhu>.text {
  padding-left: 10px;
}

.cols110 .col1 .gutter {width: 2%;}
.cols110 .col1 .tile12 {width: 100.0%}
.cols110 .col1 .tile11 {width: 100.0%}
.cols110 .col1 .tile10 {width: 100.0%}
.cols110 .col1 .tile9 {width: 100.0%}
.cols110 .col1 .tile8 {width: 100.0%}
.cols110 .col1 .tile7 {width: 100.0%}
.cols110 .col1 .tile6 {width: 49.0%}
.cols110 .col1 .tile5 {width: 49.0%}
.cols110 .col1 .tile4 {width: 49.0%}
.cols110 .col1 .tile3 {width: 49.0%}
.cols110 .col1 .tile2 {width: 49.0%}
.cols110 .col1 .tile1 {width: 49.0%}

.cols110 .col2{
  width: 94%;
  margin-left: 3%;
  margin-right: 3%;
  padding-left: 0%;
  padding-right: 0%;
}

.cols110 .col2 .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.cols110 .col2 .section.pic-left .pic-outer,
.cols110 .col2 .section.pic-right .upper-tr .headings,
.cols110 .col2 .section.pic-right .hang,
.cols110 .col2 .section-rhb .lower-tr>.text,
.cols110 .col2 .section-rhu>.text {
  padding-right: 10px;
}

.cols110 .col2 .section.pic-right .pic-outer,
.cols110 .col2 .section.pic-left .upper-tr .headings,
.cols110 .col2 .section.pic-left .hang,
.cols110 .col2 .section-lhb .lower-tr>.text,
.cols110 .col2 .section-lhu>.text {
  padding-left: 10px;
}

.cols110 .col2 .gutter {width: 2%;}
.cols110 .col2 .tile12 {width: 100.0%}
.cols110 .col2 .tile11 {width: 100.0%}
.cols110 .col2 .tile10 {width: 100.0%}
.cols110 .col2 .tile9 {width: 100.0%}
.cols110 .col2 .tile8 {width: 100.0%}
.cols110 .col2 .tile7 {width: 100.0%}
.cols110 .col2 .tile6 {width: 49.0%}
.cols110 .col2 .tile5 {width: 49.0%}
.cols110 .col2 .tile4 {width: 49.0%}
.cols110 .col2 .tile3 {width: 49.0%}
.cols110 .col2 .tile2 {width: 49.0%}
.cols110 .col2 .tile1 {width: 49.0%}

.cols111 .col1{
  width: 94%;
  margin-left: 3%;
  margin-right: 3%;
  padding-left: 0%;
  padding-right: 0%;
}

.cols111 .col1 .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.cols111 .col1 .section.pic-left .pic-outer,
.cols111 .col1 .section.pic-right .upper-tr .headings,
.cols111 .col1 .section.pic-right .hang,
.cols111 .col1 .section-rhb .lower-tr>.text,
.cols111 .col1 .section-rhu>.text {
  padding-right: 10px;
}

.cols111 .col1 .section.pic-right .pic-outer,
.cols111 .col1 .section.pic-left .upper-tr .headings,
.cols111 .col1 .section.pic-left .hang,
.cols111 .col1 .section-lhb .lower-tr>.text,
.cols111 .col1 .section-lhu>.text {
  padding-left: 10px;
}

.cols111 .col1 .gutter {width: 2%;}
.cols111 .col1 .tile12 {width: 100.0%}
.cols111 .col1 .tile11 {width: 100.0%}
.cols111 .col1 .tile10 {width: 100.0%}
.cols111 .col1 .tile9 {width: 100.0%}
.cols111 .col1 .tile8 {width: 100.0%}
.cols111 .col1 .tile7 {width: 100.0%}
.cols111 .col1 .tile6 {width: 49.0%}
.cols111 .col1 .tile5 {width: 49.0%}
.cols111 .col1 .tile4 {width: 49.0%}
.cols111 .col1 .tile3 {width: 49.0%}
.cols111 .col1 .tile2 {width: 49.0%}
.cols111 .col1 .tile1 {width: 49.0%}

.cols111 .col2{
  width: 94%;
  margin-left: 3%;
  margin-right: 3%;
  padding-left: 0%;
  padding-right: 0%;
}

.cols111 .col2 .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.cols111 .col2 .section.pic-left .pic-outer,
.cols111 .col2 .section.pic-right .upper-tr .headings,
.cols111 .col2 .section.pic-right .hang,
.cols111 .col2 .section-rhb .lower-tr>.text,
.cols111 .col2 .section-rhu>.text {
  padding-right: 10px;
}

.cols111 .col2 .section.pic-right .pic-outer,
.cols111 .col2 .section.pic-left .upper-tr .headings,
.cols111 .col2 .section.pic-left .hang,
.cols111 .col2 .section-lhb .lower-tr>.text,
.cols111 .col2 .section-lhu>.text {
  padding-left: 10px;
}

.cols111 .col2 .gutter {width: 2%;}
.cols111 .col2 .tile12 {width: 100.0%}
.cols111 .col2 .tile11 {width: 100.0%}
.cols111 .col2 .tile10 {width: 100.0%}
.cols111 .col2 .tile9 {width: 100.0%}
.cols111 .col2 .tile8 {width: 100.0%}
.cols111 .col2 .tile7 {width: 100.0%}
.cols111 .col2 .tile6 {width: 49.0%}
.cols111 .col2 .tile5 {width: 49.0%}
.cols111 .col2 .tile4 {width: 49.0%}
.cols111 .col2 .tile3 {width: 49.0%}
.cols111 .col2 .tile2 {width: 49.0%}
.cols111 .col2 .tile1 {width: 49.0%}

.cols111 .col3{
  width: 94%;
  margin-left: 3%;
  margin-right: 3%;
  padding-left: 0%;
  padding-right: 0%;
}

.cols111 .col3 .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.cols111 .col3 .section.pic-left .pic-outer,
.cols111 .col3 .section.pic-right .upper-tr .headings,
.cols111 .col3 .section.pic-right .hang,
.cols111 .col3 .section-rhb .lower-tr>.text,
.cols111 .col3 .section-rhu>.text {
  padding-right: 10px;
}

.cols111 .col3 .section.pic-right .pic-outer,
.cols111 .col3 .section.pic-left .upper-tr .headings,
.cols111 .col3 .section.pic-left .hang,
.cols111 .col3 .section-lhb .lower-tr>.text,
.cols111 .col3 .section-lhu>.text {
  padding-left: 10px;
}

.cols111 .col3 .gutter {width: 2%;}
.cols111 .col3 .tile12 {width: 100.0%}
.cols111 .col3 .tile11 {width: 100.0%}
.cols111 .col3 .tile10 {width: 100.0%}
.cols111 .col3 .tile9 {width: 100.0%}
.cols111 .col3 .tile8 {width: 100.0%}
.cols111 .col3 .tile7 {width: 100.0%}
.cols111 .col3 .tile6 {width: 49.0%}
.cols111 .col3 .tile5 {width: 49.0%}
.cols111 .col3 .tile4 {width: 49.0%}
.cols111 .col3 .tile3 {width: 49.0%}
.cols111 .col3 .tile2 {width: 49.0%}
.cols111 .col3 .tile1 {width: 49.0%}

}

/* Breakpoint 28*/
@media screen  and (max-width: 479px) {
.page-width {width: 320px;}

.masthead .col-masthead{
  width: 100%;
  margin-left: 0%;
  margin-right: 0%;
  padding-left: 0%;
  padding-right: 0%;
}

.masthead .col-masthead .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.masthead .col-masthead .section.pic-left .pic-outer,
.masthead .col-masthead .section.pic-right .upper-tr .headings,
.masthead .col-masthead .section.pic-right .hang,
.masthead .col-masthead .section-rhb .lower-tr>.text,
.masthead .col-masthead .section-rhu>.text {
  padding-right: 10px;
}

.masthead .col-masthead .section.pic-right .pic-outer,
.masthead .col-masthead .section.pic-left .upper-tr .headings,
.masthead .col-masthead .section.pic-left .hang,
.masthead .col-masthead .section-lhb .lower-tr>.text,
.masthead .col-masthead .section-lhu>.text {
  padding-left: 10px;
}

.masthead .col-masthead .gutter {width: 3%;}
.masthead .col-masthead .tile12 {width: 100.0%}
.masthead .col-masthead .tile11 {width: 100.0%}
.masthead .col-masthead .tile10 {width: 100.0%}
.masthead .col-masthead .tile9 {width: 100.0%}
.masthead .col-masthead .tile8 {width: 100.0%}
.masthead .col-masthead .tile7 {width: 100.0%}
.masthead .col-masthead .tile6 {width: 100.0%}
.masthead .col-masthead .tile5 {width: 100.0%}
.masthead .col-masthead .tile4 {width: 100.0%}
.masthead .col-masthead .tile3 {width: 100.0%}
.masthead .col-masthead .tile2 {width: 100.0%}
.masthead .col-masthead .tile1 {width: 100.0%}

.masthead-bps{
  width: 100%;
  margin-left: 0%;
  margin-right: 0%;
  padding-left: 0%;
  padding-right: 0%;
}

.masthead-bps .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.masthead-bps .section.pic-left .pic-outer,
.masthead-bps .section.pic-right .upper-tr .headings,
.masthead-bps .section.pic-right .hang,
.masthead-bps .section-rhb .lower-tr>.text,
.masthead-bps .section-rhu>.text {
  padding-right: 10px;
}

.masthead-bps .section.pic-right .pic-outer,
.masthead-bps .section.pic-left .upper-tr .headings,
.masthead-bps .section.pic-left .hang,
.masthead-bps .section-lhb .lower-tr>.text,
.masthead-bps .section-lhu>.text {
  padding-left: 10px;
}

.masthead-bps .gutter {width: 3%;}
.masthead-bps .tile12 {width: 100.0%}
.masthead-bps .tile11 {width: 100.0%}
.masthead-bps .tile10 {width: 100.0%}
.masthead-bps .tile9 {width: 100.0%}
.masthead-bps .tile8 {width: 100.0%}
.masthead-bps .tile7 {width: 100.0%}
.masthead-bps .tile6 {width: 100.0%}
.masthead-bps .tile5 {width: 100.0%}
.masthead-bps .tile4 {width: 100.0%}
.masthead-bps .tile3 {width: 100.0%}
.masthead-bps .tile2 {width: 100.0%}
.masthead-bps .tile1 {width: 100.0%}

.cols0 .col0{
  width: 94%;
  margin-left: 3%;
  margin-right: 3%;
  padding-left: 0%;
  padding-right: 0%;
}

.cols0 .col0 .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.cols0 .col0 .section.pic-left .pic-outer,
.cols0 .col0 .section.pic-right .upper-tr .headings,
.cols0 .col0 .section.pic-right .hang,
.cols0 .col0 .section-rhb .lower-tr>.text,
.cols0 .col0 .section-rhu>.text {
  padding-right: 10px;
}

.cols0 .col0 .section.pic-right .pic-outer,
.cols0 .col0 .section.pic-left .upper-tr .headings,
.cols0 .col0 .section.pic-left .hang,
.cols0 .col0 .section-lhb .lower-tr>.text,
.cols0 .col0 .section-lhu>.text {
  padding-left: 10px;
}

.cols0 .col0 .gutter {width: 0%;}
.cols0 .col0 .tile12 {width: 100.0%}
.cols0 .col0 .tile11 {width: 100.0%}
.cols0 .col0 .tile10 {width: 100.0%}
.cols0 .col0 .tile9 {width: 100.0%}
.cols0 .col0 .tile8 {width: 100.0%}
.cols0 .col0 .tile7 {width: 100.0%}
.cols0 .col0 .tile6 {width: 100.0%}
.cols0 .col0 .tile5 {width: 100.0%}
.cols0 .col0 .tile4 {width: 100.0%}
.cols0 .col0 .tile3 {width: 100.0%}
.cols0 .col0 .tile2 {width: 100.0%}
.cols0 .col0 .tile1 {width: 100.0%}

.cols4 .col4{
  width: 94%;
  margin-left: 3%;
  margin-right: 3%;
  padding-left: 0%;
  padding-right: 0%;
}

.cols4 .col4 .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.cols4 .col4 .section.pic-left .pic-outer,
.cols4 .col4 .section.pic-right .upper-tr .headings,
.cols4 .col4 .section.pic-right .hang,
.cols4 .col4 .section-rhb .lower-tr>.text,
.cols4 .col4 .section-rhu>.text {
  padding-right: 10px;
}

.cols4 .col4 .section.pic-right .pic-outer,
.cols4 .col4 .section.pic-left .upper-tr .headings,
.cols4 .col4 .section.pic-left .hang,
.cols4 .col4 .section-lhb .lower-tr>.text,
.cols4 .col4 .section-lhu>.text {
  padding-left: 10px;
}

.cols4 .col4 .gutter {width: 3%;}
.cols4 .col4 .tile12 {width: 100.0%}
.cols4 .col4 .tile11 {width: 100.0%}
.cols4 .col4 .tile10 {width: 100.0%}
.cols4 .col4 .tile9 {width: 100.0%}
.cols4 .col4 .tile8 {width: 100.0%}
.cols4 .col4 .tile7 {width: 100.0%}
.cols4 .col4 .tile6 {width: 100.0%}
.cols4 .col4 .tile5 {width: 100.0%}
.cols4 .col4 .tile4 {width: 100.0%}
.cols4 .col4 .tile3 {width: 100.0%}
.cols4 .col4 .tile2 {width: 100.0%}
.cols4 .col4 .tile1 {width: 100.0%}
.cols4 .col4 .tile.i33 .pic-outer {width: 50%}
.cols4 .col4 .tile.i25 .pic-outer {width: 50%}

.footer .col-footer{
  width: 94%;
  margin-left: 3%;
  margin-right: 3%;
  padding-left: 0%;
  padding-right: 0%;
}

.footer .col-footer .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.footer .col-footer .section.pic-left .pic-outer,
.footer .col-footer .section.pic-right .upper-tr .headings,
.footer .col-footer .section.pic-right .hang,
.footer .col-footer .section-rhb .lower-tr>.text,
.footer .col-footer .section-rhu>.text {
  padding-right: 10px;
}

.footer .col-footer .section.pic-right .pic-outer,
.footer .col-footer .section.pic-left .upper-tr .headings,
.footer .col-footer .section.pic-left .hang,
.footer .col-footer .section-lhb .lower-tr>.text,
.footer .col-footer .section-lhu>.text {
  padding-left: 10px;
}

.footer .col-footer .gutter {width: 3%;}
.footer .col-footer .tile12 {width: 100.0%}
.footer .col-footer .tile11 {width: 100.0%}
.footer .col-footer .tile10 {width: 100.0%}
.footer .col-footer .tile9 {width: 100.0%}
.footer .col-footer .tile8 {width: 100.0%}
.footer .col-footer .tile7 {width: 100.0%}
.footer .col-footer .tile6 {width: 100.0%}
.footer .col-footer .tile5 {width: 100.0%}
.footer .col-footer .tile4 {width: 100.0%}
.footer .col-footer .tile3 {width: 100.0%}
.footer .col-footer .tile2 {width: 100.0%}
.footer .col-footer .tile1 {width: 100.0%}
.footer .col-footer .tile.i33 .pic-outer {width: 50%}
.footer .col-footer .tile.i25 .pic-outer {width: 50%}

.footer-bps{
  width: 94%;
  margin-left: 3%;
  margin-right: 3%;
  padding-left: 0%;
  padding-right: 0%;
}

.footer-bps .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.footer-bps .section.pic-left .pic-outer,
.footer-bps .section.pic-right .upper-tr .headings,
.footer-bps .section.pic-right .hang,
.footer-bps .section-rhb .lower-tr>.text,
.footer-bps .section-rhu>.text {
  padding-right: 10px;
}

.footer-bps .section.pic-right .pic-outer,
.footer-bps .section.pic-left .upper-tr .headings,
.footer-bps .section.pic-left .hang,
.footer-bps .section-lhb .lower-tr>.text,
.footer-bps .section-lhu>.text {
  padding-left: 10px;
}

.footer-bps .gutter {width: 3%;}
.footer-bps .tile12 {width: 100.0%}
.footer-bps .tile11 {width: 100.0%}
.footer-bps .tile10 {width: 100.0%}
.footer-bps .tile9 {width: 100.0%}
.footer-bps .tile8 {width: 100.0%}
.footer-bps .tile7 {width: 100.0%}
.footer-bps .tile6 {width: 100.0%}
.footer-bps .tile5 {width: 100.0%}
.footer-bps .tile4 {width: 100.0%}
.footer-bps .tile3 {width: 100.0%}
.footer-bps .tile2 {width: 100.0%}
.footer-bps .tile1 {width: 100.0%}
.footer-bps .tile.i33 .pic-outer {width: 50%}
.footer-bps .tile.i25 .pic-outer {width: 50%}

.middle-bps{
  width: 94%;
  margin-left: 3%;
  margin-right: 3%;
  padding-left: 0%;
  padding-right: 0%;
}

.middle-bps .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.middle-bps .section.pic-left .pic-outer,
.middle-bps .section.pic-right .upper-tr .headings,
.middle-bps .section.pic-right .hang,
.middle-bps .section-rhb .lower-tr>.text,
.middle-bps .section-rhu>.text {
  padding-right: 10px;
}

.middle-bps .section.pic-right .pic-outer,
.middle-bps .section.pic-left .upper-tr .headings,
.middle-bps .section.pic-left .hang,
.middle-bps .section-lhb .lower-tr>.text,
.middle-bps .section-lhu>.text {
  padding-left: 10px;
}

.middle-bps .gutter {width: 3%;}
.middle-bps .tile12 {width: 100.0%}
.middle-bps .tile11 {width: 100.0%}
.middle-bps .tile10 {width: 100.0%}
.middle-bps .tile9 {width: 100.0%}
.middle-bps .tile8 {width: 100.0%}
.middle-bps .tile7 {width: 100.0%}
.middle-bps .tile6 {width: 100.0%}
.middle-bps .tile5 {width: 100.0%}
.middle-bps .tile4 {width: 100.0%}
.middle-bps .tile3 {width: 100.0%}
.middle-bps .tile2 {width: 100.0%}
.middle-bps .tile1 {width: 100.0%}

.cols001 .col3{
  width: 94%;
  margin-left: 3%;
  margin-right: 3%;
  padding-left: 0%;
  padding-right: 0%;
}

.cols001 .col3 .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.cols001 .col3 .section.pic-left .pic-outer,
.cols001 .col3 .section.pic-right .upper-tr .headings,
.cols001 .col3 .section.pic-right .hang,
.cols001 .col3 .section-rhb .lower-tr>.text,
.cols001 .col3 .section-rhu>.text {
  padding-right: 10px;
}

.cols001 .col3 .section.pic-right .pic-outer,
.cols001 .col3 .section.pic-left .upper-tr .headings,
.cols001 .col3 .section.pic-left .hang,
.cols001 .col3 .section-lhb .lower-tr>.text,
.cols001 .col3 .section-lhu>.text {
  padding-left: 10px;
}

.cols001 .col3 .gutter {width: 3%;}
.cols001 .col3 .tile12 {width: 100.0%}
.cols001 .col3 .tile11 {width: 100.0%}
.cols001 .col3 .tile10 {width: 100.0%}
.cols001 .col3 .tile9 {width: 100.0%}
.cols001 .col3 .tile8 {width: 100.0%}
.cols001 .col3 .tile7 {width: 100.0%}
.cols001 .col3 .tile6 {width: 100.0%}
.cols001 .col3 .tile5 {width: 100.0%}
.cols001 .col3 .tile4 {width: 100.0%}
.cols001 .col3 .tile3 {width: 100.0%}
.cols001 .col3 .tile2 {width: 100.0%}
.cols001 .col3 .tile1 {width: 100.0%}

.cols010 .col2{
  width: 94%;
  margin-left: 3%;
  margin-right: 3%;
  padding-left: 0%;
  padding-right: 0%;
}

.cols010 .col2 .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.cols010 .col2 .section.pic-left .pic-outer,
.cols010 .col2 .section.pic-right .upper-tr .headings,
.cols010 .col2 .section.pic-right .hang,
.cols010 .col2 .section-rhb .lower-tr>.text,
.cols010 .col2 .section-rhu>.text {
  padding-right: 10px;
}

.cols010 .col2 .section.pic-right .pic-outer,
.cols010 .col2 .section.pic-left .upper-tr .headings,
.cols010 .col2 .section.pic-left .hang,
.cols010 .col2 .section-lhb .lower-tr>.text,
.cols010 .col2 .section-lhu>.text {
  padding-left: 10px;
}

.cols010 .col2 .gutter {width: 3%;}
.cols010 .col2 .tile12 {width: 100.0%}
.cols010 .col2 .tile11 {width: 100.0%}
.cols010 .col2 .tile10 {width: 100.0%}
.cols010 .col2 .tile9 {width: 100.0%}
.cols010 .col2 .tile8 {width: 100.0%}
.cols010 .col2 .tile7 {width: 100.0%}
.cols010 .col2 .tile6 {width: 100.0%}
.cols010 .col2 .tile5 {width: 100.0%}
.cols010 .col2 .tile4 {width: 100.0%}
.cols010 .col2 .tile3 {width: 100.0%}
.cols010 .col2 .tile2 {width: 100.0%}
.cols010 .col2 .tile1 {width: 100.0%}

.cols011 .col2{
  width: 94%;
  margin-left: 3%;
  margin-right: 3%;
  padding-left: 0%;
  padding-right: 0%;
}

.cols011 .col2 .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.cols011 .col2 .section.pic-left .pic-outer,
.cols011 .col2 .section.pic-right .upper-tr .headings,
.cols011 .col2 .section.pic-right .hang,
.cols011 .col2 .section-rhb .lower-tr>.text,
.cols011 .col2 .section-rhu>.text {
  padding-right: 10px;
}

.cols011 .col2 .section.pic-right .pic-outer,
.cols011 .col2 .section.pic-left .upper-tr .headings,
.cols011 .col2 .section.pic-left .hang,
.cols011 .col2 .section-lhb .lower-tr>.text,
.cols011 .col2 .section-lhu>.text {
  padding-left: 10px;
}

.cols011 .col2 .gutter {width: 3%;}
.cols011 .col2 .tile12 {width: 100.0%}
.cols011 .col2 .tile11 {width: 100.0%}
.cols011 .col2 .tile10 {width: 100.0%}
.cols011 .col2 .tile9 {width: 100.0%}
.cols011 .col2 .tile8 {width: 100.0%}
.cols011 .col2 .tile7 {width: 100.0%}
.cols011 .col2 .tile6 {width: 100.0%}
.cols011 .col2 .tile5 {width: 100.0%}
.cols011 .col2 .tile4 {width: 100.0%}
.cols011 .col2 .tile3 {width: 100.0%}
.cols011 .col2 .tile2 {width: 100.0%}
.cols011 .col2 .tile1 {width: 100.0%}

.cols011 .col3{
  width: 94%;
  margin-left: 3%;
  margin-right: 3%;
  padding-left: 0%;
  padding-right: 0%;
}

.cols011 .col3 .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.cols011 .col3 .section.pic-left .pic-outer,
.cols011 .col3 .section.pic-right .upper-tr .headings,
.cols011 .col3 .section.pic-right .hang,
.cols011 .col3 .section-rhb .lower-tr>.text,
.cols011 .col3 .section-rhu>.text {
  padding-right: 10px;
}

.cols011 .col3 .section.pic-right .pic-outer,
.cols011 .col3 .section.pic-left .upper-tr .headings,
.cols011 .col3 .section.pic-left .hang,
.cols011 .col3 .section-lhb .lower-tr>.text,
.cols011 .col3 .section-lhu>.text {
  padding-left: 10px;
}

.cols011 .col3 .gutter {width: 3%;}
.cols011 .col3 .tile12 {width: 100.0%}
.cols011 .col3 .tile11 {width: 100.0%}
.cols011 .col3 .tile10 {width: 100.0%}
.cols011 .col3 .tile9 {width: 100.0%}
.cols011 .col3 .tile8 {width: 100.0%}
.cols011 .col3 .tile7 {width: 100.0%}
.cols011 .col3 .tile6 {width: 100.0%}
.cols011 .col3 .tile5 {width: 100.0%}
.cols011 .col3 .tile4 {width: 100.0%}
.cols011 .col3 .tile3 {width: 100.0%}
.cols011 .col3 .tile2 {width: 100.0%}
.cols011 .col3 .tile1 {width: 100.0%}

.cols100 .col1{
  width: 94%;
  margin-left: 3%;
  margin-right: 3%;
  padding-left: 0%;
  padding-right: 0%;
}

.cols100 .col1 .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.cols100 .col1 .section.pic-left .pic-outer,
.cols100 .col1 .section.pic-right .upper-tr .headings,
.cols100 .col1 .section.pic-right .hang,
.cols100 .col1 .section-rhb .lower-tr>.text,
.cols100 .col1 .section-rhu>.text {
  padding-right: 10px;
}

.cols100 .col1 .section.pic-right .pic-outer,
.cols100 .col1 .section.pic-left .upper-tr .headings,
.cols100 .col1 .section.pic-left .hang,
.cols100 .col1 .section-lhb .lower-tr>.text,
.cols100 .col1 .section-lhu>.text {
  padding-left: 10px;
}

.cols100 .col1 .gutter {width: 3%;}
.cols100 .col1 .tile12 {width: 100.0%}
.cols100 .col1 .tile11 {width: 100.0%}
.cols100 .col1 .tile10 {width: 100.0%}
.cols100 .col1 .tile9 {width: 100.0%}
.cols100 .col1 .tile8 {width: 100.0%}
.cols100 .col1 .tile7 {width: 100.0%}
.cols100 .col1 .tile6 {width: 100.0%}
.cols100 .col1 .tile5 {width: 100.0%}
.cols100 .col1 .tile4 {width: 100.0%}
.cols100 .col1 .tile3 {width: 100.0%}
.cols100 .col1 .tile2 {width: 100.0%}
.cols100 .col1 .tile1 {width: 100.0%}

.cols101 .col1{
  width: 94%;
  margin-left: 3%;
  margin-right: 3%;
  padding-left: 0%;
  padding-right: 0%;
}

.cols101 .col1 .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.cols101 .col1 .section.pic-left .pic-outer,
.cols101 .col1 .section.pic-right .upper-tr .headings,
.cols101 .col1 .section.pic-right .hang,
.cols101 .col1 .section-rhb .lower-tr>.text,
.cols101 .col1 .section-rhu>.text {
  padding-right: 10px;
}

.cols101 .col1 .section.pic-right .pic-outer,
.cols101 .col1 .section.pic-left .upper-tr .headings,
.cols101 .col1 .section.pic-left .hang,
.cols101 .col1 .section-lhb .lower-tr>.text,
.cols101 .col1 .section-lhu>.text {
  padding-left: 10px;
}

.cols101 .col1 .gutter {width: 3%;}
.cols101 .col1 .tile12 {width: 100.0%}
.cols101 .col1 .tile11 {width: 100.0%}
.cols101 .col1 .tile10 {width: 100.0%}
.cols101 .col1 .tile9 {width: 100.0%}
.cols101 .col1 .tile8 {width: 100.0%}
.cols101 .col1 .tile7 {width: 100.0%}
.cols101 .col1 .tile6 {width: 100.0%}
.cols101 .col1 .tile5 {width: 100.0%}
.cols101 .col1 .tile4 {width: 100.0%}
.cols101 .col1 .tile3 {width: 100.0%}
.cols101 .col1 .tile2 {width: 100.0%}
.cols101 .col1 .tile1 {width: 100.0%}

.cols101 .col3{
  width: 94%;
  margin-left: 3%;
  margin-right: 3%;
  padding-left: 0%;
  padding-right: 0%;
}

.cols101 .col3 .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.cols101 .col3 .section.pic-left .pic-outer,
.cols101 .col3 .section.pic-right .upper-tr .headings,
.cols101 .col3 .section.pic-right .hang,
.cols101 .col3 .section-rhb .lower-tr>.text,
.cols101 .col3 .section-rhu>.text {
  padding-right: 10px;
}

.cols101 .col3 .section.pic-right .pic-outer,
.cols101 .col3 .section.pic-left .upper-tr .headings,
.cols101 .col3 .section.pic-left .hang,
.cols101 .col3 .section-lhb .lower-tr>.text,
.cols101 .col3 .section-lhu>.text {
  padding-left: 10px;
}

.cols101 .col3 .gutter {width: 3%;}
.cols101 .col3 .tile12 {width: 100.0%}
.cols101 .col3 .tile11 {width: 100.0%}
.cols101 .col3 .tile10 {width: 100.0%}
.cols101 .col3 .tile9 {width: 100.0%}
.cols101 .col3 .tile8 {width: 100.0%}
.cols101 .col3 .tile7 {width: 100.0%}
.cols101 .col3 .tile6 {width: 100.0%}
.cols101 .col3 .tile5 {width: 100.0%}
.cols101 .col3 .tile4 {width: 100.0%}
.cols101 .col3 .tile3 {width: 100.0%}
.cols101 .col3 .tile2 {width: 100.0%}
.cols101 .col3 .tile1 {width: 100.0%}

.cols110 .col1{
  width: 94%;
  margin-left: 3%;
  margin-right: 3%;
  padding-left: 0%;
  padding-right: 0%;
}

.cols110 .col1 .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.cols110 .col1 .section.pic-left .pic-outer,
.cols110 .col1 .section.pic-right .upper-tr .headings,
.cols110 .col1 .section.pic-right .hang,
.cols110 .col1 .section-rhb .lower-tr>.text,
.cols110 .col1 .section-rhu>.text {
  padding-right: 10px;
}

.cols110 .col1 .section.pic-right .pic-outer,
.cols110 .col1 .section.pic-left .upper-tr .headings,
.cols110 .col1 .section.pic-left .hang,
.cols110 .col1 .section-lhb .lower-tr>.text,
.cols110 .col1 .section-lhu>.text {
  padding-left: 10px;
}

.cols110 .col1 .gutter {width: 3%;}
.cols110 .col1 .tile12 {width: 100.0%}
.cols110 .col1 .tile11 {width: 100.0%}
.cols110 .col1 .tile10 {width: 100.0%}
.cols110 .col1 .tile9 {width: 100.0%}
.cols110 .col1 .tile8 {width: 100.0%}
.cols110 .col1 .tile7 {width: 100.0%}
.cols110 .col1 .tile6 {width: 100.0%}
.cols110 .col1 .tile5 {width: 100.0%}
.cols110 .col1 .tile4 {width: 100.0%}
.cols110 .col1 .tile3 {width: 100.0%}
.cols110 .col1 .tile2 {width: 100.0%}
.cols110 .col1 .tile1 {width: 100.0%}

.cols110 .col2{
  width: 94%;
  margin-left: 3%;
  margin-right: 3%;
  padding-left: 0%;
  padding-right: 0%;
}

.cols110 .col2 .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.cols110 .col2 .section.pic-left .pic-outer,
.cols110 .col2 .section.pic-right .upper-tr .headings,
.cols110 .col2 .section.pic-right .hang,
.cols110 .col2 .section-rhb .lower-tr>.text,
.cols110 .col2 .section-rhu>.text {
  padding-right: 10px;
}

.cols110 .col2 .section.pic-right .pic-outer,
.cols110 .col2 .section.pic-left .upper-tr .headings,
.cols110 .col2 .section.pic-left .hang,
.cols110 .col2 .section-lhb .lower-tr>.text,
.cols110 .col2 .section-lhu>.text {
  padding-left: 10px;
}

.cols110 .col2 .gutter {width: 3%;}
.cols110 .col2 .tile12 {width: 100.0%}
.cols110 .col2 .tile11 {width: 100.0%}
.cols110 .col2 .tile10 {width: 100.0%}
.cols110 .col2 .tile9 {width: 100.0%}
.cols110 .col2 .tile8 {width: 100.0%}
.cols110 .col2 .tile7 {width: 100.0%}
.cols110 .col2 .tile6 {width: 100.0%}
.cols110 .col2 .tile5 {width: 100.0%}
.cols110 .col2 .tile4 {width: 100.0%}
.cols110 .col2 .tile3 {width: 100.0%}
.cols110 .col2 .tile2 {width: 100.0%}
.cols110 .col2 .tile1 {width: 100.0%}

.cols111 .col1{
  width: 94%;
  margin-left: 3%;
  margin-right: 3%;
  padding-left: 0%;
  padding-right: 0%;
}

.cols111 .col1 .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.cols111 .col1 .section.pic-left .pic-outer,
.cols111 .col1 .section.pic-right .upper-tr .headings,
.cols111 .col1 .section.pic-right .hang,
.cols111 .col1 .section-rhb .lower-tr>.text,
.cols111 .col1 .section-rhu>.text {
  padding-right: 10px;
}

.cols111 .col1 .section.pic-right .pic-outer,
.cols111 .col1 .section.pic-left .upper-tr .headings,
.cols111 .col1 .section.pic-left .hang,
.cols111 .col1 .section-lhb .lower-tr>.text,
.cols111 .col1 .section-lhu>.text {
  padding-left: 10px;
}

.cols111 .col1 .gutter {width: 3%;}
.cols111 .col1 .tile12 {width: 100.0%}
.cols111 .col1 .tile11 {width: 100.0%}
.cols111 .col1 .tile10 {width: 100.0%}
.cols111 .col1 .tile9 {width: 100.0%}
.cols111 .col1 .tile8 {width: 100.0%}
.cols111 .col1 .tile7 {width: 100.0%}
.cols111 .col1 .tile6 {width: 100.0%}
.cols111 .col1 .tile5 {width: 100.0%}
.cols111 .col1 .tile4 {width: 100.0%}
.cols111 .col1 .tile3 {width: 100.0%}
.cols111 .col1 .tile2 {width: 100.0%}
.cols111 .col1 .tile1 {width: 100.0%}

.cols111 .col2{
  width: 94%;
  margin-left: 3%;
  margin-right: 3%;
  padding-left: 0%;
  padding-right: 0%;
}

.cols111 .col2 .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.cols111 .col2 .section.pic-left .pic-outer,
.cols111 .col2 .section.pic-right .upper-tr .headings,
.cols111 .col2 .section.pic-right .hang,
.cols111 .col2 .section-rhb .lower-tr>.text,
.cols111 .col2 .section-rhu>.text {
  padding-right: 10px;
}

.cols111 .col2 .section.pic-right .pic-outer,
.cols111 .col2 .section.pic-left .upper-tr .headings,
.cols111 .col2 .section.pic-left .hang,
.cols111 .col2 .section-lhb .lower-tr>.text,
.cols111 .col2 .section-lhu>.text {
  padding-left: 10px;
}

.cols111 .col2 .gutter {width: 3%;}
.cols111 .col2 .tile12 {width: 100.0%}
.cols111 .col2 .tile11 {width: 100.0%}
.cols111 .col2 .tile10 {width: 100.0%}
.cols111 .col2 .tile9 {width: 100.0%}
.cols111 .col2 .tile8 {width: 100.0%}
.cols111 .col2 .tile7 {width: 100.0%}
.cols111 .col2 .tile6 {width: 100.0%}
.cols111 .col2 .tile5 {width: 100.0%}
.cols111 .col2 .tile4 {width: 100.0%}
.cols111 .col2 .tile3 {width: 100.0%}
.cols111 .col2 .tile2 {width: 100.0%}
.cols111 .col2 .tile1 {width: 100.0%}

.cols111 .col3{
  width: 94%;
  margin-left: 3%;
  margin-right: 3%;
  padding-left: 0%;
  padding-right: 0%;
}

.cols111 .col3 .tile .content {
  padding-left: 0px;
  padding-right: 0px;
}

.cols111 .col3 .section.pic-left .pic-outer,
.cols111 .col3 .section.pic-right .upper-tr .headings,
.cols111 .col3 .section.pic-right .hang,
.cols111 .col3 .section-rhb .lower-tr>.text,
.cols111 .col3 .section-rhu>.text {
  padding-right: 10px;
}

.cols111 .col3 .section.pic-right .pic-outer,
.cols111 .col3 .section.pic-left .upper-tr .headings,
.cols111 .col3 .section.pic-left .hang,
.cols111 .col3 .section-lhb .lower-tr>.text,
.cols111 .col3 .section-lhu>.text {
  padding-left: 10px;
}

.cols111 .col3 .gutter {width: 3%;}
.cols111 .col3 .tile12 {width: 100.0%}
.cols111 .col3 .tile11 {width: 100.0%}
.cols111 .col3 .tile10 {width: 100.0%}
.cols111 .col3 .tile9 {width: 100.0%}
.cols111 .col3 .tile8 {width: 100.0%}
.cols111 .col3 .tile7 {width: 100.0%}
.cols111 .col3 .tile6 {width: 100.0%}
.cols111 .col3 .tile5 {width: 100.0%}
.cols111 .col3 .tile4 {width: 100.0%}
.cols111 .col3 .tile3 {width: 100.0%}
.cols111 .col3 .tile2 {width: 100.0%}
.cols111 .col3 .tile1 {width: 100.0%}

}

/* Theme 1: B2R */

body .white-bg-padding .m_standard {
    color: #0d5cab;

}
body .white-bg-padding .m_standard {
    background-color: #ffffff;

}

body .white-bg-padding .m_standard {

}
body .white-bg-padding .m_standard {
    padding-top: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    padding-left: 30px;

}
body .white-bg-padding .m_standard {

}
body .white-bg-padding .m_standard {

}
/* Stylesheet 8: a - normalize.css v2.1.0 */

/*! normalize.css v2.1.0 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* ==========================================================================
   added by ar
   ========================================================================== */

video {
  width: 100%    !important;
  height: auto   !important;
}

figure {
  margin: 0;
}

img, object, embed, video, iframe {
  max-width: 100%;
  _width: 100%;
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
/*  height: auto;  */
}

svg:not(:root) {
  overflow: hidden;
}

/* Stylesheet 1: main */

.main {
    overflow-x: hidden;
}

.page-width {
    margin-left: auto;
    margin-right: auto;
}

.tile {
    margin-bottom: 15px;
}

.pic {
    line-height: 0;
}

.col0 .tile {
    margin-bottom: 0;
}

.tile .pic img.autosize {
    width: 100%;
}

.clear {
    position: relative;
    clear: both;
}

.disclose-a {
  display: block;
  cursor: pointer;
  cursor: hand;
  margin: 0 0 10px 0;
}

.disclose.on > .disclose-a {}

.disclose > .disclose-content,
.disclose > .disclose-a.hide,
.disclose.on > .disclose-a.show  {
   display: none;
}

.disclose.on > .disclose-content,
.disclose.on > .disclose-a.hide  {
   display: block;
}

.logo-a div {
    position: relative;
    margin: 0;
    max-width: 400px;
    padding: 20px 0 20px 0;
    text-align: left;
}

.above-masthead-outer {
}

.columns.masthead {
    text-align: center;
}

.columns.middle {
    padding: 30px 0 40px 0;
}

.above-footer-outer {
    padding: 10px 0 0 0;
}

.footer .col-footer {
     padding: 30px 0 30px 0;
}

h1 {
    text-align: left;
}

/* Stylesheet 15: navigation */

/* Begin Nav Global */

nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

nav ul li {
    margin: 0;
    padding: 0;
}

nav .clear {
    position: relative;
    clear: both;
}

nav a, nav a:hover {
    text-decoration: none;
}

nav a.disclose-a {
    display: none;
    color: #FFF;
    margin: 0;
    font-size: 21px;
}

/* End Nav Global */

/* Begin Nav 1 */

#nav-1 {
    position: relative;
    cursor: pointer;
    cursor: hand;
    z-index: 1000;
    width: 100%;
    text-align: center;
    height: 40px;
}

#nav-1 .disclose-a div {
    position: relative;
    padding: 10px;
    background: #454545 10px center url(/library/public/designs/default/menu.png) no-repeat;
    z-index: 1000;
    text-align: center;
    color: #FFF:
    font-size: 21px;
    font-style: normal;
    margin-top:10px;
}

#nav-1 ul {
    position: relative;
}

#nav-1.disclose.on > ul {
    display: block;
}

#nav-1.disclose.on .disclose-a div {
    background: #454545 10px center url(/library/public/designs/default/menu.png) no-repeat;
}

/* Begin Nav 1 - Level 1 */

#nav-1 li {
    position: relative;
    float: left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    width: auto;
    white-space: nowrap; 
    height: 40px;
    text-align: center;
    #z-index: 1000;
}

#nav-1 li.parent {
    background: right center url(/library/public/designs/default/nav-1-arrow-down.png) no-repeat;
}

#nav-1 li .text {
    padding: 12px 20px 10px 20px;
    font-size: 16px;
    line-height: 100%;
    font-style: normal;
    text-transform: uppercase;
    cursor: pointer;
    cursor: hand;
    text-align: left;
}

#nav-1 li.parent .text {
    padding: 12px 35px 0px 20px;
}

#nav-1 a .text {
    color: #111;
}

#nav-1 li.hover,
#nav-1 li.on {
    background: #454545;
}

#nav-1 li.parent.hover,
#nav-1 li.parent.on,
#nav-1 li.parent.open {
    background: #454545 right center url(/library/public/designs/default/nav-1-arrow-down-white.png) no-repeat;
}

#nav-1 li.hover a .text,
#nav-1 li.on a .text,
#nav-1 li.parent.open a .text {
    color: #FFF;
}

/* End Nav 1 - Level 1 */

/* Begin Nav 1 - Level 2 */

#nav-1>ul>li.hover>a,
#nav-1>ul>li.on>a,
#nav-1>ul>li.open>a {
    color: #FFFFFF;
}

#nav-1 li li:last-child {
    border-radius: 0;
}

#nav-1 li ul {
    display: none;
}

#nav-1 li.hover>ul {
    display: block;
    position: absolute;
    top: 40px;
    left: 0;
    width: auto;
    z-index: 1000;
    box-shadow: 0px 2px 2px 0 rgba(000,000,000,.5);
}

#nav-1 li li a {
    color: #FFF;
}

#nav-1 li li a:hover {
    color: #FFF;
}

#nav-1 li li,
#nav-1 li.parent li {
    display: block;
    height: auto;
    width: 100%;
    border: none;
    background: #454545;
    font-weight: normal;
    text-transform: none;
    text-align: left;
}

#nav-1 li.parent li .text {
    font-size: 12px;
    line-height: 100%;
    padding: 7px 15px 7px 10px;
    height: auto;
    text-transform: uppercase;
    font-style: normal;
    cursor: pointer;
    cursor: hand;
}

#nav-1 li.parent.hover .parent,
#nav-1 li.parent.on .parent,
#nav-1 li.parent.open .parent {
    background: #454545 right center url(/library/public/designs/default/nav-1-arrow-right-white.png) no-repeat;
}


#nav-1 li.parent.hover .hover,
#nav-1 li.parent.hover .on,
#nav-1 li.parent.hover .open,
#nav-1 li.parent.on .hover,
#nav-1 li.parent.on .on,
#nav-1 li.parent.on .open,
#nav-1 li.parent.open .hover,
#nav-1 li.parent.open .on,
#nav-1 li.parent.open .open {
    background: #da6b2d;
}

#nav-1 li.parent.hover .parent.hover,
#nav-1 li.parent.hover .parent.on,
#nav-1 li.parent.hover .parent.open,
#nav-1 li.parent.on .parent.hover,
#nav-1 li.parent.on .parent.on,
#nav-1 li.parent.on .parent.open,
#nav-1 li.parent.open .parent.hover,
#nav-1 li.parent.open .parent.on,
#nav-1 li.parent.open .parent.open {
    background: #da6b2d right center url(/library/public/designs/default/nav-1-arrow-right-white.png) no-repeat;
}

/* End Nav 1 - Level 2 */

/* Begin Nav 1 - Level 3 */

#nav-1 li.hover li ul {
    display: none;
}

#nav-1 li.hover li.hover ul {
    display: block;
    position: absolute;
    top: 0;
    left: 100%;
}

/* End Nav 1 - Level 3 */

/* End Nav 1 */

/* Begin Nav 2 */

#nav-2 {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    cursor: hand;
    #z-index: 1000;
    text-align: right;
}

#nav-2 ul {
    position: relative;
    margin: 0 auto 0 auto;
    display: inline-block;
}

/* Begin Nav 2 - Level 1 */

#nav-2 li {
    position: relative;
    float: left;
    width: auto;
    height: 40px;
    text-align: left;
    #z-index: 1000;
}

#nav-2 #nav-2_1 {
}

#nav-2 li .text {
    padding: 10px;
    font-size: 16px;
    cursor: pointer;
    cursor: hand;
}

#nav-2 a .text {
    color: #FFF;
}

#nav-2 .hover a .text,
#nav-2 .on a .text,
#nav-2 .open a .text {
    color: #105299;
}

/* End Nav 2 - Level 1 */

/* Begin Nav 2 - Level 2 */

#nav-2>ul>li.hover>a,
#nav-2>ul>li.on>a,
#nav-2>ul>li.open>a {
    color: #FFFFFF;
}

#nav-2 li ul {
    display: none;
}

#nav-2 li.hover>ul {
    display: block;
    position: absolute;
    top: 40px;
    left: 0;
    width: 204px;
    #width: 208px;
    background: none;
    padding: 4px 4px 0 0;
    z-index: 1000;
}

#nav-2 li li a {
    color: #FFF;
}

#nav-2 li li a:hover {
    color: #FFF;
}

#nav-2 li li {
    height: auto;
    width: 208px;
    border: none;
    background: #666666;
    font-size: 12px;
    font-weight: normal;
    text-transform: none;
    text-align: left;
}

#nav-2 li li .text {
    height: auto;
    padding: 6px 10px 6px 10px;
    cursor: pointer;
    cursor: hand;
}

#nav-2 ul ul .parent>a .arrow {
    position: absolute;
    top: 8px;
    right: 2px;
    width: 10px;
    height: 13px;
    background: url(http://preview2.agencyofrecord.com/dev48/library/public/designs/default/arrow_next_white.gif) no-repeat;
}

#nav-2 li li.hover,
#nav-2 li li.on,
#nav-2 li .open {
    background: #777; 
}

/* End Nav 2 - Level 2 */

/* Begin Nav 2 - Level 3 */

#nav-2 li.hover li.hover ul {
    position: absolute;
    top: -4px;
    left: 208px;
}

/* End Nav 2 - Level 3 */

/* End Nav 2 */

/* Begin Nav 3 */

#nav-3 {
    position: relative;
    margin: 0;
    cursor: pointer;
    cursor: hand;
    #z-index: 1000;
    text-align: left;
    width: 100%;
    float: none;
}

#nav-3 ul {
    position: relative;
    margin: 0 auto 0 auto;
    display: inline-block;
}

/* Begin Nav 3 - Level 1 */

#nav-3 li {
    position: relative;
    float: left;
    width: auto;
    height: 40px;
    text-align: left;
    #z-index: 1000;
}

#nav-3 li .text {
    padding: 0 20px 0 0;
    font-size: 16px;
    cursor: pointer;
    cursor: hand;
}

#nav-3 a .text {}

#nav-3 .hover a .text,
#nav-3 .on a .text,
#nav-3 .open a .text {
    color: #111;
}

/* End Nav 3 - Level 1 */

/* Begin Nav 3 - Level 2 */

#nav-3>ul>li.hover>a,
#nav-3>ul>li.on>a,
#nav-3>ul>li.open>a {}

#nav-3 li ul {
    display: none;
}

#nav-3 li.hover>ul {
    display: block;
    position: absolute;
    bottom: 40px;
    left: 0;
    width: 204px;
    #width: 208px;
    background: none;
    padding: 4px 4px 0 0;
    z-index: 1000;
}

#nav-3 li li a {}

#nav-3 li li a:hover {}

#nav-3 li li {
    height: auto;
    width: 208px;
    border: none;
    background: #666666;
    font-size: 14px;
    font-weight: normal;
    text-transform: none;
    text-align: left;
}

#nav-3 li li .text {
    height: auto;
    padding: 6px 10px 6px 10px;
    cursor: pointer;
    cursor: hand;
}

#nav-3 ul ul .parent>a .arrow {
    position: absolute;
    top: 8px;
    right: 2px;
    width: 10px;
    height: 13px;
    background: url(http://preview2.agencyofrecord.com/dev48/library/public/designs/default/arrow_next_white.gif) no-repeat;
}

#nav-3 li li.hover,
#nav-3 li li.on,
#nav-3 li .open {}

/* End Nav 3 - Level 2 */

/* Begin Nav 3 - Level 3 */

#nav-3 li.hover li.hover ul {
    position: absolute;
    bottom: 0;
    left: 208px;
}

/* End Nav 3 - Level 3 */

/* End Nav 3 */

/* Begin Nav Sub  */

#nav-sub {
    position: relative;
    margin-bottom: 20px;
    text-align: left;
}

/* Begin Nav Sub - Level 1 */

#nav-sub li {
    position: relative;
    margin-bottom: 4px;
}

#nav-sub li .text {
    font-size: 12px;
    line-height: 100%;
    padding: 0 0 5px 0;
    height: auto;
    text-transform: uppercase;
    cursor: pointer;
    cursor: hand;
}

#nav-sub li .text {
	color: #FFF;
}

#nav-sub .hover .text,
#nav-sub .on .text {
    color: #da6b2d;
}

/* End Nav Sub - Level 1 */

/* Begin Nav Sub - Level 2 */

#nav-sub ul ul {
    display: none;
}

#nav-sub li.on ul,
#nav-sub li.open ul {
    display: block;
    padding: 0px 0 6px 20px;
}

#nav-sub .hover ul .text,
#nav-sub .on ul .text,
#nav-sub .open ul .text {
    border-top: none;
}

#nav-sub .on li .text,
#nav-sub .hover li .text {
    color: #FFF;
}

#nav-sub .on ul a:hover .text,
#nav-sub .open ul a:hover .text,
#nav-sub .open ul .on .text {
    color: #da6b2d;
}

#nav-sub .open .on a,
#nav-sub .open .open a {
    color: #da6b2d;
}

/* End Nav Sub - Level 2 */

/* Begin Nav Sub - Level 3 */

#nav-sub li.on ul ul,
#nav-sub li.open ul ul {
    display: none;
}

#nav-sub li.open li.on ul,
#nav-sub li.open li.open ul {
    display: block;
}

#nav-sub .open .on ul a {
    color: #FFF;
}

#nav-sub .open .on ul a:hover {
    color: #da6b2d;
}

#nav-sub ul ul ul .text {
    padding: 5px 5px 5px 45px;
}

/* End Nav Sub - Level 3 */

/* End Nav Sub */

/* Begin Crumb */

#crumb {
   position: relative;
   clear: both;
   text-align: left;
   padding: 10px;
   color: #CCCCCC;
   font-size: 10px;
}

#crumb a {
   color: #888888;
}

#crumb a:hover {
   text-decoration: none;
   color: #333333;
}

#crumb .first,
#crumb .last {
   position: relative;
   display: inline;
}

.crumb-sep, .crumb-sep-last {
   padding-right: 8;
   padding-left: 8;
   color: #CCCCCC;
}

/* End Crumb */


/* Stylesheet 9: section */

/* sections */

.section {
    position: relative;
}

.section:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.section .pic-outer {
    z-index: 1;
}

.section .pic {
    padding: 0;
}

.section .credit,
.section .caption {
    position: relative;
    margin: 0;
    padding: 0;
    font-style: normal;
    font-size: 80%;
    line-height: 1.5;
    text-align: left;
}

.section .credit {
    text-align: right;
}

.section .text:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.head-center h2,
.head-center h3,
.head-center h4,
.section.head-center .headings,
.section.text-center .text {
    text-align: center;
}

.section.head-left .headings,
.section.text-left .text {
    text-align: left;
}

.section.head-right .headings,
.section.text-right .text {
    text-align: right;
}

.section.text-full .text,
.text-full .text p {
    text-align: justify;
}

.page-width .columns .column .section .upper-tr .pic-outer,
.page-width .columns .column .section-lhb .pic-outer,
.page-width .columns .column .section-lht .pic-outer,
.page-width .columns .column .section-rht .pic-outer,
.page-width .columns .column .section-lhu .pic-outer,
.page-width .columns .column .section-rnb .pic-outer,
.page-width .columns .column .section-rhu .pic-outer,
.page-width .columns .column .section-rhb .pic-outer {
    padding: 0;
}

.section-rnu .pic-outer,
.section-rna .pic-outer {
    margin-left: auto;
}

.section-cna .pic-outer,
.section-cnu .pic-outer {
    margin: auto;
    text-align: center;
}

.section-lwa .pic-outer,
.section-lwt .pic-outer,
.section-lwu .pic-outer,
.section-lnt .pic-outer,
.section-lwb .lower .pic-outer {
    float: left;
}

.section-rwa .pic-outer,
.section-rnt .pic-outer,
.section-rwt .pic-outer,
.section-rwu .pic-outer,
.section-rwb .pic-outer {
    float: right;
}

.section-rnb .headings,
.section-rhb .headings,
.section-rwb .headings {
    width: 100%;
}

.section-lnt .text,
.section-rnt .text {
    clear: both;
}

.section .upper-table,
.section .lower-table,
.section-lht {
    display: table;
    border-collapse: collapse;
    width: 100%;
}

.section .upper-tr,
.section .lower-tr {
    display: table-row;
}

.section .upper-tr .pic-outer,
.section .upper-tr .headings {
    float: none;
    display: table-cell;
    vertical-align: bottom;
}

.section .lower-td,
.section .lower-tr .pic-outer,
.section .lower-tr .text,
.section-lha .pic-outer,
.section-lha .text,
.section-rha .pic-outer,
.section-rha .text,
.section-lht>div,
.section-lhu>div,
.section-rht>div,
.section-rhu>div {
    display: table-cell;
    vertical-align: top;
}

/* Stylesheet 31: calendar */

/* begin calendar */

.calendar .filters {
    margin-bottom: 20px;
}

.calendar .filters .units,
.calendar .filters .views {
    display: inline;
    padding-right: 20px;
} 

.calendar .filters .cal-filter-a {
    padding-right: 5px;
} 

.calendar .filters form {
    position: relative;
    margin-top: 10px;
}

.calendar .filters form input.datepick {
    width: 100px;
}

.calendar .filters form img.ui-datepicker-trigger {
     display: none;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
   background: #FFF;
   color: #888;
}

.calendar .filters form button {
    width: 60px;
    background: #aaaaaa;
    color: #FFF;
    cursor: hand;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
    padding: 10px;
    text-align: center;
}

.calendar .filters form button:hover {
    background: #bbbbbb;
}

.calendar .filters form button:focus {
    outline: none;
}

.calendar-nav h2 {
    width: 100%;
    text-align: center;
    color: inherit;
}

.calendar-nav {
    position: relative;
}

.calendar-nav .previous {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.calendar-nav .next {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

.calendar table {
    width: 100%;
    border-spacing: 2px;
    border-collapse: separate;
}

.calendar th .short {
     display: none;
}

.calendar th,
.calendar td {
    position: relative;
    box-sizing: border-box;
    padding: 3px;
    vertical-align: top;
}

.calendar .allday .time {
    text-align: right;
    vertical-align: middle;
}

.calendar .grid.d th:first-child,
.calendar .scroller.d td:first-child {
    width: 14.2857%;
}

.calendar .scroller.d td:first-child {
    text-align: right;
    vertical-align: middle;
}

.calendar .grid.w th,
.calendar .scroller.w td {
    width: 12.5%;
}

.calendar .scroller.w td:first-child {
    text-align: right;
    vertical-align: middle;
}

.calendar .grid.m th,
.calendar .grid.y th {
    width: 14.2857%
}

.calendar .list .day {
    margin-bottom: 15px;
}

.calendar .list.y .month-label {
    font-weight: bold;
    list-style: none;
}

.calendar .list.y .month {
    margin-bottom: 30px;
}

.calendar th {
    background: #ccc;
    text-align: center;
}

.calendar td {
    background: #EEE;
}

.calendar td.on {
    background: #ddd;
}

.calendar td.today {
    background: #d3d3d3;
}

.calendar li.day-label {
    font-size: 200%;
    list-style: none;
    margin: 5px 0 5px 0;
}

.calendar .grid li.day-label {
    text-align: right;
}

.calendar .grid.y li.day-label {
    font-size: 100%;
}

.calendar .off li.day-label a {
    opacity: .25;
}

.calendar .off li.day-label a:hover {
    opacity: 1;
}

.calendar td ul,
.calendar td li {
    margin-left: 10px;
    padding-left: 0;
    list-style: square;
}

.calendar .event {
    position: relative;
    cursor: pointer;
    cursor: hand;
}

.calendar .event .details {
    display: none;
    position: absolute;
    top: -20px;
    left: 0;
    box-sizing: border-box;
    padding: 10px;
    width: 200px;
    background: #FFF;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.25);
}

.calendar .event .arrow {
    display: none;
    position: absolute;
    top: -2px;
    left: -10px;
    width: 0; 
    height: 0; 
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent; 
    border-right:10px solid #fff;
}

.calendar .event:hover .details,
.calendar .event:hover .arrow {
    display: block;
    z-index: 1;
}

.rrule .description {
    padding: 10px 0 0 0;
    font-size: 80%;
}

/* Stylesheet 33: feed */

@charset "utf-8";
/* CSS Document */

/* begin feed */

.rss-button {
    position: relative;
    margin-bottom: 30px; /* not needed it tile has margin */
}

.rss-icon .icon-a {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
}

.rss-icon img {
    width: inherit;
}

.rss-icon .text {
    position: relative;
    padding: 4px 0 0 24px;
}

.feed {
    position: relative;
}

.feed .linked {}

.feed .unlinked {
    display: none;
}

.feed .feed-content p {
    position: relative;
    margin-bottom: 20px;
}

.feed .feed-content .pic {
    position: relative;
    float: right;
    max-width: 100px;
    max-height: 100px;
    padding-left: 2%;
    overflow: hidden;
}

.feed .feed-content .pic img {
    max-width: 100%;
}

.feed .feed-content .description {
    margin-bottom: 10px;
}

.feed .item {
    position: relative;
    clear: both;
    padding-bottom: 10px;
    border-bottom: solid 1px #CCC;
    margin-bottom: 20px;
}

.feed .item .date {
	position: absolute;
	top: 0px;
}

.feed .item .time,
.feed .item .byline {
    display: none;
    color: #999;
    margin-bottom: 10px;
}

.feed .item .ago {
    color: #999;
    margin-bottom: 10px;
}

.feed .item-content {
    position: relative;
}

.feed .item-content .pic {
    position: relative;
    float: left;
    width: 48%;
    margin-right: 2%;
    z-index: 1;
}

.feed .comment .item-content .pic {
    width: 100px;
    height: 100px;
    margin-right: 2%;
    overflow: hidden;
}

.feed .item-content .pic img {
    max-width: 100%;
}

.feed .item-content .description {
    margin-bottom: 10px;
}

/* begin feed list */

.feed-list .item.article h3 {
    padding-left: 30px;
    background: url(/library/public/designs/default/feed-icon-article.png) no-repeat;
    min-height: 20px;
}

.feed-list .item.article .date {
	display:none;
}

.feed-list .item.event h3 {
    padding-left: 75px;    
    min-height: 20px;
}


.feed-list .item.comment h3 {
    padding-left: 30px;
    background: url(/library/public/designs/default/feed-icon-comment.png) no-repeat;
    min-height: 20px;
}

.feed-list .item.external h3 {
    padding-left: 72px;    
    min-height: 20px;
}


.feed-list .feed-content .pic,
.feed-list .item .ago,
.feed-list .item .byline,
.feed-list .item .pic,
.feed-list .item .description {
    display: none;
}

.feed-list .feed .item {
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 5px;
}

/* Stylesheet 19: form */

.form {
    position: relative;
    margin-bottom: 20px;
}

.label {
    position: relative;
    text-align: left;
}

input, textarea, select {
    position: relative;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    width: 100%;
    border: 0;
    border-radius: 0;
    outline: none;
    background: #F9F9F9;
    padding: 10px;
    font-size: 12px;
}

input:hover, textarea:hover {
    background: #FFF;
}

input:focus, textarea:focus, select:focus {
    color: #333;
    outline: none;
}

.form-buttons input {
    width: 100%;
    background: #aaaaaa;
    color: #FFF;
    cursor: hand;
    cursor: pointer;
    -webkit-appearance: none;
}

.form-buttons input:hover {
    background: #bbbbbb;
}

.form-buttons input:focus {
    outline: none;
}

/* Chrome & Safari */
select {
    -webkit-appearance: none;
    appearance: none;
    background: #F9F9F9 98% -15px url(/library/public/designs/default/toggle-arrow-dark.png) no-repeat;
    padding-right: 30px;
    cursor: pointer;
    cursor: hand;
}

select:hover {
    background: #FFF 98% -15px url(/library/public/designs/default/toggle-arrow-dark.png) no-repeat;
}

/* Mozilla */
@-moz-document url-prefix() { 
    select {
       background: #F9F9F9;
       padding: 10px 10px 8px 10px;
    }
    select:hover {
        background: #FFF;
    }
}

/* IE9 */
select {
    background: #f9f9f9\9;
    padding-right: 15px\9;
}

/* IE10 */
select::-ms-expand {
    display: none;
    padding-right: 15px;
} 

input.radio, input.checkbox {
    width: auto;
}

.form .tile {
    margin: 0 0 10px 0;
    padding: 0;
}

.form .tile .section {
    margin: 0;
}

.form-loading {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: center center url(/library/public/designs/default/loading.gif) no-repeat;
}

.form-content-loading {
  opacity: .5;
}

input.datepick {
    padding-right: 30px;
}

img.ui-datepicker-trigger {
    position: absolute;
    bottom: 8px;
    right: 6px;
    z-index: 1;
    cursor: pointer;
    cursor: hand;
}

.form-buttons {
    clear: both;
}

img.ui-datepicker-trigger {
    position: absolute;
    bottom: 9px;
    right: 5px;
}

table.form-review,
table.form-receipt {
    width: auto;
}

.form-review tr:nth-child(odd),
.form-receipt tr:nth-child(odd) {
     background: none;
}

.form-review p,
.form-receipt p {
    margin: 0;
}

.form-buttons {
    margin-top: 10px;
}

input.form-previous {
    width: 49%;
    margin-right: 1%;
}

input.form-previous + input {
    width: 49%;
}

input[type="checkbox"], input[type="radio"] {
    position: absolute;
    box-sizing: border-box;
    padding: 0;
    width: 20px;
}

input[type="checkbox"] + label {
    position: relative;
    display: block;
    margin-left: 20px;
}


/* Stylesheet 21: data */

.data {
  position: relative;
  margin: 0 0 20px 0;
}

.data-hide-all .filters,
.data-hide-all .filter-nav,
.data-hide-all .total {
    display: none;
}
 
.data .filters {
  position: relative;
  padding: 0 0 30px 0;
  z-index: 1;
}

.data .filters h2 {
  position: relative;
  margin: 0 0 10px 0;
}

.data .filters .filter {
  position: relative;
  float: left;
  margin: 0 10px 10px 0;
}

.data .filters input,
.data .filters select {
    font-size: 12px;
}

.data .filters .buttons {
    clear: both;
}

.data .filters input.apply {
    display: none;
    width: auto;
    background: none;
    color: #FFF;
    cursor: hand;
    cursor: pointer;
    -webkit-appearance: none;
}

.data .filters input.apply:hover {
    background: none;
}

.data .filters input.apply:focus {
    outline: none;
}

.results .loading {
    width: 100%;
    height: 200px;
    background: center 100px url(/library/public/designs/default/loading.gif) no-repeat;
}

.total {
  margin: 0 0 10px 0;
  clear: both;
  color: #aaa;
  font-style: italic;
}

.data .results table {
  position: relative;
  width: 100%;
  border-bottom: none;
}

.data .results .disclose {
    display: none;
}

.data .results table .head th {
    color: #333;
    border-bottom: solid 3px #9f3986;
    padding: 10px 0 10px 0;
    font-size: 17px;
    cursor: pointer;
    cursor: hand;
    background: none;
}

.data .results table .head th:first-of-type {
}

.data .results table .head th:last-of-type {
}

.data .results table .head th.sort {
    cursor: pointer;
    cursor: hand;
}

.data .results table .head th.sort:hover {
    background: #f4f4f4;
}

.data .results table td {
  padding: 7px 0px;
  border-left: none;
}

.data .results table td:last-of-type {
  border-right: none;
}

.data .results tr:nth-child(even) {
    background: #f4f4f4;
}

.data .results {
  position: relative;
}

.data .results .divs {
  position: relative;
}

.data .results .divs .row {
  position: relative;
  float: left;
  width: 23%;
  height: auto;
  background: #F9F9F9;
  padding: 20px;
  margin: 0 2% 15px 0;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}

.data .results .divs .row:nth-child(5),
.data .results .divs .row:nth-child(6),
.data .results .divs .row:nth-child(7),
.data .results .divs .row:nth-child(8){
  background: #F0F0F0;
}

.data .results .divs .row:nth-child(5),
.data .results .divs .row:nth-child(9),
.data .results .divs .row:nth-child(13),
  .data .results .divs .row:nth-child(17){
  clear: both;
}

.filter-nav {
  position: relative;
  clear: both;
  margin: 10px 0 0 0;
  text-align: center;
}

.filter-nav .previous {
    position: absolute;
    top: 0;
    left: 0;
    text-align: left;
    z-index: 10;
}

.filter-nav .pages {
    position: relative;
    text-align: center;
    margin: 0 0 20px 0;
}

.filter-nav .next {
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
}

/* Stylesheet 23: journal */

/* begin journal styles */

.journal-top,
.journal-features,
.journal-archive {
    position: relative;
    margin-bottom: 20px;
}

.journal-archive form {
    margin-bottom: 20px;
}

.journal-archive .item,
.journal-archive .tile {
    position: relative;
    margin-bottom: 0;
}

.journal-archive .item-clear {
    clear: both;
    height: 20px;
}

.journal-top h3,
.journal-features h3,
.journal-archive h3 {
    padding: 10px;
    background: #ddd;
    margin-bottom: 10px;
}

.journal-top .content h2, .journal-features .content h2, .journal-archive .content h2,
.journal-top .content h3, .journal-features .content h3, .journal-archive .content h3,
.journal-top .content h4, .journal-features .content h4, .journal-archive .content h4 {
    display: none;
}

.journal-top .pic img,
.journal-features .pic img,
.journal-archive .pic img {
    width: 100%;
    max-width: 100%;
}

.journal-top .pic {
    width: 50%;
    float: left;
    margin-right: 2%;
}

.journal-top .item-clear {
    clear: both;
}

.journal-features.journal-features2 .item {
    float: left;
    width: 49%;
}

.journal-features.journal-features3 .item {
    float: left;
    width: 32%;
}

.journal-features.journal-features2 .item:nth-child(2),
.journal-features.journal-features3 .item:nth-child(2),
.journal-features.journal-features3 .item:nth-child(4) {
    margin-right: 2%;
}

.journal-archive .nav {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    text-align: right;
}

.journal-archive .nav .index,
.journal-archive .nav .previous,
.journal-archive .nav .next {
    position: relative;
    display: inline;
    width: auto;
    font-size: 11px;
}

.journal-archive select.archive-select {
    margin-top: 3px;
    margin-right: 3px;
    margin-left: 3px;
    width: auto;
}

.journal-archive .item .pic {
    width: 32%;
    float: left;
    margin-right: 2%;
}

.journal-archive .author,
.journal-archive .date {
    display: none;
}

.journal-subjects,
.journal-index {
    clear: both;
    margin-bottom: 20px;
}

.journal-subjects h2,
.journal-tags h2,
.journal-index h2 {
    border-bottom: solid 3px #9f3986;
    color: #FFF;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.journal-subjects ul,
.journal-index ul {
   list-style-type: none;
   margin: 0;
}

.journal-subjects li:nth-of-type(odd),
.journal-index li:nth-of-type(odd) {
    background-color: #454545;
}

.journal-subjects li,
.journal-index li {
    padding: 0 0 10px 0;
}

.journal-tags {
    margin-bottom: 20px;
}

.journal-tags a.tag {
    float: left;
    background-color: #454545;
    padding: 3px;
    margin: 0 3px 3px 0;
}

.journal-tags .tag:last-child {
    margin: 0 0 20px 0;
}

.article-info {
    margin: 0 0 20px 0;
}

.article-info .row.author,
.article-info .row.date,
.article-info .row.subjects,
.article-info .row.tags  {
    margin: 0 0 5px 0;
}

.article-info .row .label,
.article-info .row .value {
    display: inline;
    color: #333;
    margin-right: 4px;
}

.article-info .row .label {
    margin: 0 5px 0 0;
}

.article-nav {
    position: relative;
    height: 30px;
    text-align: right;
}

.article-nav .return {
    position: absolute;
    top: 0;
    left: 0;
}

.article-nav .previous {
    position: relative;
    display: inline;
}

.article-nav .next {
    position: relative;
    display: inline;
    padding-left: 10px;
}

.scroll-more {
  position: relative;
  width: 100%;
  height: 50px;
  background: none;
}

.scroll-more.loading {
    background: center center url(/library/public/designs/default/loading.gif) no-repeat;
}

/* Stylesheet 29: member */

/* begin member login */

.m-login,
.comment-login {
    position: relative;
    margin-bottom: 20px;
}

.m-login .widget,
.comment-login .widget {
    margin-bottom: 10px;
}

.m-login .label,
.comment-login .label {
    display: none;
}

.m-login input[type=submit],
.comment-login input[type=submit] {
    width: 100%;
    background: #a7a6a4;
    color: #FFF;
    cursor: hand;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none; 
}

.m-login input[type=submit]:hover,
.comment-login input[type=submit]:hover {
    background: #bab8b4;
}

.m-login input[type=submit]:focus,
.comment-login input[type=submit]:focus {
    outline: none;
}

.m-login .forgot-a div,
.comment-login .forgot-a div,
.comment-login .signup-a div {
    margin: 10px 0 0 0;
}

.m-login .signup-a div,
.comment-login .signup-a div {
    position: absolute;
    bottom: 0;
    right: 0;
}

.m-login .note,
.comment-login .note,
.m-login .message,
.comment-login .message {
    margin: 0 0 20px 0;
    font-weight: bold;
}

/* begin masthead login */

.masthead-login {
    position: relative;
    width: 23%;
    margin-right: 2%;
    float: left;
}

.masthead-login .disclose-a.show,
.masthead-login .disclose-a.hide {
    position: relative;
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 17px;
    line-height: 125%;
    font-style: normal;
    font-weight: normal;
    color: #FFF;
}

.masthead-login a.forgot-a {
    position: absolute;
    top: 57px;
    left: 0;
    font-size: 11px;
    color: #FFF;
}

.masthead-login .disclose-content {
    display: block;
}

.masthead-login .disclose-a {
    font-size: 15px;
}

.masthead-login a.disclose-a {
    color: #FFF;
}

.masthead-login a:hover.disclose-a {
    color: #FFF;
    text-decoration: none;
}

.masthead-login-form .label {
    display: none;
}

.masthead-login-form .widget {
    width: 35.33%;
    margin-right: 2%;
    float: left;
}

.masthead-login-form .widget input {
    background: #FFF;
    box-sizing: border-box;  
    width: 100%;
    padding: 5px;
    margin-right: 0;
    border-radius: 0;
    color: #111;
}

.masthead-login-form input[type=submit] {
    float: left;
    box-sizing: border-box;  
    width: 25.33%;
    padding: 5px;
    background: #a43684;
    color: #FFF;
    border-radius: 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none; 
}

.masthead-login-form input[type=submit]:hover {
    background: #c863aa;
}

/* begin masthead logout */

.masthead-logout {
    position: absolute;
    top: 0px;
    left: 40%;
    height: 33px;
    width: 60%;
    z-index: 1000;
    background: #B1CC30;
    color: #FFF;
    text-align: right;
}

.masthead-logout a {
    color: #FFF;
}

.masthead-logout a:hover {
    color: #333;
    text-decoration: none;
}

.masthead-logout .welcome {
    position: absolute;
    top: 9px;
    left: 10px;
    font-size: 16px;
}

.masthead-logout .profile-a {
    position: absolute;
    top: 7px;
    right: 70px;
    font-size: 15px;
    text-transform: lowercase;
}

.masthead-logout .profile-a .profile {
    display: none;
}

.masthead-logout .logout-a {
    position: absolute;
    top: 7px;
    right: 10px;
    font-size: 15px;
    text-transform: lowercase;
}

/* begin member change password */

.m-password {
    position: relative;
    margin-bottom: 20px;
}

.password-form {
    position: absolute;
    top: 100px;
    left: 50%;
    width: 300px;
    height: auto;
    margin-left: -150px;
    box-sizing: border-box;  
    padding: 40px;
    background: #fff;
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.25);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
}

.password-form-outer {
  display: none;
}

.password-form .success {
  display: none;
}

.password-form .cancel-a .icon {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 10px;
  right: 10px;
  background: 34px -3px url(/library/public/designs/default/close-icons.png);
}

.password-form .cancel-a .icon:hover {
  background: 34px -3px url(/library/public/designs/default/close-icons.png);
  opacity: .5;
}

.password-form .widget,
.password-form .message {
    margin-bottom: 10px;
}

.password-form .form-buttons input:nth-child(1) {
    float: left;
    width: 48%;
    margin-right: 2%;
    text-align: center;
}

.password-form .form-buttons input:nth-child(2) {
    float: left;
    width: 48%;
    margin-left: 2%;
    text-align: center;
}

.password-form .success input.cancel {
    width: 100%;
    background: #aaaaaa;
    color: #FFF;
    cursor: hand;
    cursor: pointer;
    -webkit-appearance: none;
    text-align: center;
}

.password-form .success input.cancel:hover {
    background: #bbbbbb;
}

/* begin member signup */

.signup .tile {
    margin: 0 0 10px 0;
    padding: 0;
}

.form-bad .form-message {
    background: #ED3420;
    padding: 10px 10px 5px 10px;
    margin-bottom: 20px;
}


.form-bad .form-message h3,
.form-bad .form-message p {
    color: #FFF;
}

.bad .widget input {}

.bad .message {
    color: #ED3420;
}

.password-strength {
  position: absolute;
  margin: 6px 0 0 6px;
  color: #FFF;
}

.password-meter {
  height: 0;
}

.password-meter.weak,
.password-meter.good,
.password-meter.strong {
  margin-top: 4px;
  height: 20px;
}

.password-meter.weak {
  width: 25%;
  background: #ed3420;
}

.password-meter.good {
  width: 50%;
  background: #DAC741;
}

.password-meter.strong {
  width: 75%;
  background: #93cb25;
}

/* begin member comment form */

.comment-form {
    position: relative;
    margin-bottom: 20px;
}

.comment-form .cke_chrome {
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 10px;
    line-height: 140%;
}

.comment-form .cke_inner {
    background: none;
}

.comment-form .cke_top {
    border-bottom: none;
    padding: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #d0d0d0;
    filter: none;
}

.comment-form .cke_toolgroup {
    float: left;
    margin: 0 6px 0 0;
    border: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
    filter: none;
}

.comment-form a.cke_button_off:hover, 
.comment-form a.cke_button_off:focus, 
.comment-form a.cke_button_off:active, 
.comment-form a.cke_button_disabled:hover, 
.comment-form a.cke_button_disabled:focus, 
.comment-form a.cke_button_disabled:active {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #eee;
    filter: none;
    cursor: hand;
    cursor: pointer;
}

.comment-form .cke_wysiwyg_div {
    position: relative;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    width: 100%;
    min-height: 100px;
    border: 0;
    border-radius: 0;
    outline: none;
    background: #eaeaea;
    padding: 10px;
    font-size: 12px;
    margin-bottom: 10px;
}

.comment-form input[type=submit] {
    width: 100%;
    background: #a7a6a4;
    color: #FFF;
    cursor: hand;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none; 
}

.comment-form input[type=submit]:hover {
    background: #bbbbbb;
}

body .cke_dialog_body {
    z-index: 1;
    background: #EAEAEA;
    border: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.25);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
}

body .cke_dialog_title {
    font-weight: bold;
    font-size: 13px;
    cursor: move;
    position: relative;
    color: #333;
    text-shadow: none;
    border-bottom: none;
    padding: 6px 10px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #d0d0d0;
    filter: none;
}

body .cke_dialog_footer {
    text-align: left;
    outline: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
    filter: none;
    padding: 5px;
}

body .cke_dialog_body label {
    color: #999;
}

body select.cke_dialog_ui_input_select {
    position: relative;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
    border: 0;
    outline: none;
    background: #EAEAEA;
    padding: 10px 30px 10px 10px;
    font-size: 12px;
    height: auto;
    line-height: auto;
    -webkit-appearance: none;
    appearance: none;
    background: #EAEAEA 98% -15px url(/library/public/designs/default/toggle-arrow-dark.png) no-repeat;
    cursor: pointer;
    cursor: hand;
    line-height: 100%;
    outline: none;
}

body input.cke_dialog_ui_input_text:hover, 
body input.cke_dialog_ui_input_password:hover, 
body textarea.cke_dialog_ui_input_textarea:hover {
    border: none;
}

body input.cke_dialog_ui_input_text:focus, 
body input.cke_dialog_ui_input_password:focus, 
body textarea.cke_dialog_ui_input_textarea:focus, 
body select.cke_dialog_ui_input_select:focus {
    outline: 0;
    border: none;
}

body input.cke_dialog_ui_input_text, 
body input.cke_dialog_ui_input_password, 
body textarea.cke_dialog_ui_input_textarea {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    outline: none;
    background: #EAEAEA;
    padding: 10px;
    font-size: 12px;
    outline: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

body a.cke_dialog_ui_button,
body a.cke_dialog_ui_button:hover,
body a.cke_dialog_ui_button:focus {
    display: inline-block;
    padding: 5px;
    margin: 0;
    text-align: center;
    color: #FFF;
    vertical-align: middle;
    cursor: hand;
    cursor: pointer;
    border: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #a7a6a4;
    filter: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: hand;
    cursor: pointer;
    text-shadow: none;
}

body a.cke_dialog_ui_button_ok:hover,
body a.cke_dialog_ui_button:hover {
    background: #BAB8B4;
    filter: none;
    text-shadow: none;
    text-decoration: none;
}

body a.cke_dialog_ui_button span {
    text-shadow: none;
}

.comment-form-loading {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5) center center url(/library/public/designs/default/loading.gif) no-repeat;
}

/* begin member comments */

.comments {
    position: relative;
    padding-top: 60px;
    margin-bottom: 20px;
}

.comments-total {
    position: absolute;
    top: 10px;
    left: 0;
}

.comments-sort {
    position: absolute;
    top: 0;
    right: 0;
    width: 180px;
    text-align: right;   
}

.comments-sort .label {
    display: inline;
    width: 60px;
}

.comments-sort .comments-sort-select {
    display: inline;
    width: 120px;
}

.comment-item {
    position: relative;
    min-height: 100px;
    padding-bottom: 10px;
    border-bottom: solid 1px #ddd; 
    margin-bottom: 10px;
}

.comment-item:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.comment-avatar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
    overflow: hidden;
}

.comment-name {
    margin-left: 110px;
    display: inline;
}

.comment-date {
    padding-left: 10px;
    display: inline;
}

.comment-abuse {
    position: absolute;
    bottom: 10px;
    right: 0;
}

.comment-delete {
    position: absolute;
    bottom: 10px;
    right: 85px;
}

.comment-share-a {
    margin-left: 110px;
}

.comment-share {
    display: none;
    margin-left: 110px;
    margin-top: 10px;
    margin-bottom: 25px;
}

.comment-item-warning {
    position: absolute;
    top: 40px;
    left: 50%;
    margin-left: -100px;
}

.comment-warning-text {
    width: 200px;
    margin: auto;
    background: #ED3420;
    padding: 10px;
    margin: 0;
    color: #FFF;
}

.comment-warning-text a {
    color: #FFF;
    text-decoration: underline;
}

a.comment-warning-a.close {
    position: absolute;
    width: 22px;
    height: 22px;
    top: 3px;
    right: 3px;
    background: 29px -76px url(/library/public/designs/default/close-icons.png);
    opacity: .5;
}

a.comment-warning-a.close:hover {
    background: 29px -76px url(/library/public/designs/default/close-icons.png);
    opacity: 1;
}

.comment-likes {
    position: absolute;
    top: 0;
    right: 0;
}

.comment-up {
    position: relative;
    float: left;
    height: 24px;
    padding-left: 18px;
    margin-right: 4px;
}

a.comment-like-a.up {
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    background: 0 0 url(/library/public/designs/default/thumbs-up.png) no-repeat;
    cursor: hand;
    cursor: pointer;
}

.comment-up.on a.comment-like-a.up,
a.comment-like-a.up.on {
    background: 0 0 url(/library/public/designs/default/thumbs-up-on.png) no-repeat;
}

.comment-up .value {
   padding: 0;
}

.comment-down {
    position: relative;
    float: left;
    height: 24px;
    padding-left: 18px;
}

a.comment-like-a.down {
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    background: 0 0 url(/library/public/designs/default/thumbs-down.png) no-repeat;
    cursor: hand;
    cursor: pointer;
}

.comment-down.on a.comment-like-a.down,
a.comment-like-a.down.on {
    background: 0 0 url(/library/public/designs/default/thumbs-down-on.png) no-repeat;
}

.comment-down .value {
   padding: 0;
}

.comment-text {
    margin-top: 10px;
    margin-left: 110px;
    margin-bottom: 10px;
}

.comments-loading {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: center center url(/library/public/designs/default/loading.gif) no-repeat;
}

.comments-abuse-ref,
.comments-warning-ref {
    display: none;
}

.comment-item-abuse {}

.comment-abuse-form {
    position: relative;
    margin-top: 10px;
    margin-left: 110px;
    margin-bottom: 20px;
}

.comment-abuse-form .label {
    margin-top: 20px;
    margin-bottom: 10px;
}

.comment-abuse-form textarea {
    margin-bottom: 10px;
}

.comment-abuse-form input[type=submit],
.comment-abuse-form input[type=button] {
    width: auto;
    background: #a7a6a4;
    color: #FFF;
    cursor: hand;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.comment-abuse-form input[type=submit]:hover,
.comment-abuse-form input[type=button]:hover {
    background: #bab8b4;
}

.comment-abuse-form input[type=submit]:focus,
.comment-abuse-form input[type=button]:focus {
    outline: none;
}

/* begin member profile */

.m-profile {
    position: relative;
    margin-bottom: 20px;
}

.m-profile .tile {
    margin-bottom: 10px;
}

.profile-read {
    position: relative;
}

.mprofile-edit {
    position: relative;
}

.profile-loading,
.avatar-loading {
  display: none;
  position: relative;
  width: 100%;
  min-height: 300px;
  background: center center url(/library/public/designs/default/loading.gif) no-repeat;
}

.profile-edit {
  display: none;
}

.m-profile .value {
    padding-left: 5px;
}

.m-profile input[type=submit],
.m-avatar input[type=submit] {
    background: #a7a6a4;
    float: left;
    color: #FFF;
    cursor: hand;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.m-profile input.profile-submit,
.m-avatar input.profile-submit {
    width: 50%;
}

.m-profile input.profile-cancel,
.m-avatar input.profile-cancel {
    margin-left: 1%;
    width: 49%;
}

.m-profile input[type=submit]:hover {
    background: #bab8b4;
}

.m-profile input[type=submit]:focus {
    outline: none;
}

.m-profile .profile-edit-a {
    position: absolute;
    top: 0;
    right: 0;
}

/* begin member avatar */

.m-avatar {
    position: relative;
    margin-bottom: 20px;
}

img.avatar {
  width: 100px;
}

.avatar-edit {
    display: none;
    margin-bottom: 20px;
}

.m-avatar .avatar-edit input#fileupload {
    background: none;
}

.avatar-edit-text {
    position: absolute;
    top: 0;
    left: 110px;
}

.avatar-read {
    width: 100px;
    height: 100px;
    overflow: hidden;
}

.avatar-drop {
   margin: 20px 0 20px 0;
   width: 100%;
   padding: 80px 0 80px 0;
   background: #eee;
   border: dashed 2px #ccc;
   text-align: center;
   font-size: 24px;
   color: #ccc;
}

.m-avatar #fileupload {
    margin-bottom: 20px;
}

.avatar-choose-text {
    margin-bottom: 20px;
}

/* begin member groups */

.groups ul {
    list-style-type: none;
    margin: 0;
}

.groups li {
    padding: 3px 0 3px 25px;
    background: url(/library/public/designs/default/feed-icon-article.png) no-repeat;
    min-height: 20px;
}

.groups li.nolink {
    display: none;
}

/* Stylesheet 30: search */

.masthead-search {
    position: absolute;
    top: 20px;
    right: 0;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    width: 25%;
    min-width: 200px;
    margin: 0;
    z-index: 100;
}

.search {
    position: relative;
    margin-bottom: 20px;
}

.search p {
    line-height: 140%;
}

.search form {
    position: relative;
    width: 25%;
    min-width: 200px;
    margin-bottom: 20px;
}

.masthead-search .label,
.search .label {
    display: none;
    position: relative;
    float: left;
    padding: 10px 10px 10px 0;
    font-size: 16px;
    color: #999;
}

.masthead-search input.field{
    position: relative;
    width: 100%;
    background: #FFF;
    color: #333;
}

.search input.field {
    position: relative;
    width: 100%;
    background: #FFF;
    color: #333;
}

.masthead-search input.submit,
.search input.submit {
    position: absolute;
    top: 0;
    right: 0;
    width: 34px;
    height: 34px;
    cursor: hand;
    cursor: pointer;
    background: #AAA -45px -210px url(/library/public/designs/default/search-icons.png) no-repeat;
    color: #333;
    font-size: 0px;
    -webkit-appearance: none;
    z-index: 1;
}

.masthead-search input.submit:hover,
.search input.submit:hover {
    background: #AAA 0px -210px url(/library/public/designs/default/search-icons.png) no-repeat;
}

.masthead-search input.submit:focus,
.search input.submit:focus {
    outline: none;
}

.search-hit {
    padding-bottom: 10px;
    border-bottom: 1px solid #CCC;
    margin-bottom: 20px;
}

/* Stylesheet 32: gallery */

/* begin gallery */

.gallery {
    position: relative;
}

.tile .gallery .tile {
    margin-bottom: 0;
    float: none;
}

.tile .pic img.autogallery {
    width: 100%;
}

.gallery .items-outer {
    position: relative;
}

.gallery .items {
    position: relative !important;
    width: 100% !important;
    margin-bottom: 20px;
}

.col0 .gallery .items {
    margin-bottom: 0;
}

.col0 .gallery .item {
    background: #454545;
}

.gallery .item {
    display: none;
    background: #e7e7e7;
}

.gallery .item:first-child {
    display: block;
}

.gallery .item.on {
    z-index: 100;
}

.gallery .item-pause {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.gallery .item-pause:hover {
    background: rgba(255,255,255,.8) center center url(/library/public/designs/default/iframe-click-to-continue.png) no-repeat;
    background-size: contain;
    cursor: hand;
    cursor: pointer;
}

/* begin gallery arrows */

.gallery-arrow-a {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 60px;
    margin-top: -30px;
    opacity: 0;
    transition: all .15s ease-in;
    z-index: 100;
}

.gallery-arrow-a.previous {
    background: rgba(100, 100, 100, .30) center center url(/library/public/designs/default/arrow-prev-light.png) no-repeat;
    left: -40px;
}

.gallery-arrow-a.next {
    background: rgba(100, 100, 100, .30) center center url(/library/public/designs/default/arrow-next-light.png) no-repeat;
    right: -40px;
}

.gallery:hover .gallery-arrow-a.previous {
    left: 0;
    opacity: 1;
}

.gallery:hover .gallery-arrow-a.next {
    right: 0;
    opacity: 1;
}

.gallery:hover .gallery-arrow-a.previous:hover {
    background: #f2793a center center url(/library/public/designs/default/arrow-prev-light.png) no-repeat;
    opacity: 1;
}

.gallery:hover .gallery-arrow-a.next:hover {
    background: #f2793a center center url(/library/public/designs/default/arrow-next-light.png) no-repeat;
    opacity: 1;
}

/* begin gallery nav */

.gallery .nav {
    position: relative;
    display: block;
    clear: both;
    width: 100%;
    z-index: 101;
    margin: 0;
}

.col0 .gallery .nav {
    position: absolute;
    bottom: 10px;
    left: 2%;
}

.gallery .nav:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.gallery .nav.upper {
    margin-bottom: 10px;
}

.gallery .nav a {
    display: block;
    float: left;
    padding: 2px 4px;
    background: #EEE;
    margin: 0 4px 0 0;
}

.gallery .nav a.on,
.gallery .nav a:hover {
    background: #f2793a;
    color: #fff;
    text-decoration: none;
}

.gallery .nav a:focus {
    outline: none;
}

/* begin gallery nav thumbs */

.gallery .nav li {
    float: left;
    list-style: none;
    width: auto;
    height: auto;
    overflow: hidden;
    margin-right: 1%;
    margin-bottom: 8px;
    background: #f4f4f4;
    border-bottom: solid 6px #CCC;
}

.gallery .nav li:hover,
.gallery .nav li.on {
    border-bottom: solid 6px #f2793a;
}

.gallery .nav li a {
    float: none;
    padding: 0;
    margin: 0;
    background: none;
}

.gallery .nav li a:hover {
    background: none;
}

.gallery .nav li a img {
    max-width: 100%;
    padding: 0;
    border: none;
    display: block;
    opacity: .5;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'></feColorMatrix></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

.gallery .nav li:hover a img,
.gallery .nav li.on a img {
    opacity: 1;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'></feColorMatrix></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}

/* Stylesheet 16: theme */

/* begin boilerplate styles */

#bp17 {
    margin-top: -40px;
}

/* end boilerplate styles */

/* begin home page styles */

.col0 #pm326 .section,
.col0 #pm327 .section,
.col0 #pm328 .section {
    padding: 20px 20px 0 20px;
}

.col0 #pm326.tile {
    background: right center url(/library/public/designs/default/bg-locations.png) no-repeat;
}

.col0 #pm327.tile {
    background: right center url(/library/public/designs/default/bg-register.png) no-repeat;
    border-top: solid 2px #333;
}

.col0 #pm328.tile {
    background: right center url(/library/public/designs/default/bg-videos.png) no-repeat;
    border-top: solid 2px #333;
}

/* end home page styles */

/* begin buttons */

a.button-grey {
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
     box-sizing: border-box;
    display: block;
    width: 180px;
    margin-top: 5px;
    padding: 6px 30px 6px 30px;
    font-size: 14px;
    background: #ddd;
    color: #111;
    box-shadow: 0px 2px 3px rgba( 000,000,000,.25), inset 0px -10px 20px rgba( 000,000,000,.25);
    border-radius:0;
}

a.button-grey:hover {
    background: #d7d7d7;
    color: #111;
    text-decoration: none;
}

a.button-orange {
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
     box-sizing: border-box;
    display: block;
    width: 180px;
    margin-top: 5px;
    padding: 6px 30px 6px 30px;
    font-size: 14px;
    background: #f67a30;
    color: #FFF;
    box-shadow: 0px 2px 3px rgba( 000,000,000,.25), inset 0px -10px 20px rgba( 000,000,000,.25);
    border-radius:0;
}

a.button-orange:hover {
    background: #ff8c47;
    color: #FFF;
    text-decoration: none;
}

a.button-purple {
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
     box-sizing: border-box;
    display: block;
    width: 180px;
    margin-top: 5px;
    padding: 6px 30px 6px 30px;
    font-size: 14px;
    background: #b63e97;
    color: #FFF;
    box-shadow: 0px 2px 3px rgba( 000,000,000,.25), inset 0px -10px 20px rgba( 000,000,000,.25);
    border-radius:0;
}

a.button-purple:hover {
    background: #d04eae;
    color: #FFF;
    text-decoration: none;
}

a.button-blue {
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
     box-sizing: border-box;
    display: block;
    width: 180px;
    margin-top: 5px;
    padding: 6px 30px 6px 30px;
    font-size: 14px;
    background: #0d5cab;
    color: #FFF;
    box-shadow: 0px 2px 3px rgba( 000,000,000,.25), inset 0px -10px 20px rgba( 000,000,000,.25);
    border-radius:0;
}

a.button-blue:hover {
    background: #176fc7;
    color: #FFF;
    text-decoration: none;
}

a.button-priceandschedule {
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
     box-sizing: border-box;
    display: block;
    width: 200px;
    margin-top: 5px;
    padding: 6px 20px 6px 20px;
    font-size: 14px;
    background: #0d5cab;
    color: #FFF;
    box-shadow: 0px 2px 3px rgba( 000,000,000,.25), inset 0px -10px 20px rgba( 000,000,000,.25);
    border-radius:0;
}

a.button-priceandschedule:hover {
    background: #176fc7;
    color: #FFF;
    text-decoration: none;
}

/* end buttons */

/* begin website styles */
body {
    padding: 0;
    margin: 0;
    font-family: 'ralewaymedium', sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    line-height: 100%;
    text-align: left;
    color: #111;
    background: #e7e7e7;
}

.body-screen {
  display: none;
  height: 100%;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  background-color: rgba(255, 255, 255, 0.5);
}

.body-start-outer {}

.above-masthead-outer {}

.masthead-outer {
    background: #e7e7e7;

}

.below-masthead-outer {
    background: #454545;
}

.middle-outer {
    -webkit-box-shadow: inset 0px 4px 5px 0px rgba(000, 000, 000, .4);
            box-shadow: inset 0px 4px 5px 0px rgba(000, 000, 000, .4);
}

.middle.cols100,
.middle.cols110,
.middle.cols101,
.middle.cols111 {
    background: 19px 0px url(/library/public/designs/default/column-1-bg.gif) repeat-y;
}

.col1 {
    background: #454545;
    color: #FFF;
    min-height: 200px;
}

.above-footer-outer {
    background: #f2793a url(/library/public/designs/default/promo-footer-bg.png) repeat-x;
}

.footer-outer {
}

.below-footer-outer {}

.body-end-outer {}

a {
    text-decoration: none;
    color: #105299;
}

.col1 a {
    color: #F2793A;
}

a:hover {
    text-decoration: underline;
}

ul {
    margin: 0 0 0 17px;
    padding: 0 0 0 0;
    list-style: square;
    list-style-position: outside;
}

ol {
    margin: 0 0 0 17px;
    padding: 0 0 0 0;
    list-style: decimal;
    list-style-position: outside;
}

.section-lwa ul,
.section-lwa ol {
    margin: 0;
    list-style-position: inside;
}

li {
    margin: 0;
    padding: 0;  
} 

blockquote {
    padding: 2px 20px 2px 20px;
    border-left: solid 5px #ccc;
    margin: 0 20px 10px 20px;
    font-family: 'ralewayheavy', sans-serif;
    font-size: 28px;
    line-height: 110%;
    letter-spacing: -1px;
    border-left: solid 6px rgba(170, 170, 170, .25);
    color: #a33984;
}

b {
    font-weight: bold;
}

i {
    font-style: italic;
}

p {
    margin: 0 0 10px 0;
    padding: 0;
}

h1 {
    position: relative;
    margin: 0 0 30px 0;
    padding: 0;
    font-family: 'ralewaybold', sans-serif;
    font-size: 39px;
    line-height: 100%;
    letter-spacing: -1px;
    font-style: normal;
    font-weight: normal;
}

h2 {
    position: relative;
    margin: 0 0 5px 0;
    padding: 0;
    font-family: 'ralewaybold', sans-serif;
    font-size: 18px;
    line-height: 125%;
    font-style: normal;
    font-weight: normal;
}

h3 {
    position: relative;
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 14px;
    line-height: 125%;
    font-style: normal;
    font-weight: normal;
}

h4 {
    position: relative;
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 12px;
    line-height: 120%;
    font-style: normal;
    font-weight: 600;
}

.label {
    color: #999;
}

.text,
.event,
.comment-text,
.journal .item p,
.feed .description {
    position: relative;
    line-height: 140%;
}

.section .credit {
    color: #BBB;
}

.caption {
    position: relative;
    margin: 0;
    padding: 0;
    font-style: normal;
    font-size: 11px;
    line-height: 14px;
    color: #BBBBBB;
    text-align: left;
}

.masthead-logout .welcome {
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0.5px;
}

.s-border .section {
    padding: 20px;
    background: #ddd;
}

.col0 .s-border .section {
    background: #454545;
}

.col1 .s-border .section {
    background: #5f5f5f;
}

.s-border .section img {
    width: 100%;
}

.s-dark-background .section {
    padding: 20px;
    background: #454545;
}

.s-dark-background h2,
.s-dark-background h3,
.s-dark-background h4,
.s-dark-background .text,
.s-dark-background .caption {
    color: #FFF;
}

.s-dark-background a {
    color: #da6b2d;
}

.s-dark-background .section img {
    width: 100%;
}

#nav-1 li .text,
#nav-2 li .text,
#nav-sub li .text,
#nav-3 li .text {
    font-family: 'ralewaymedium', sans-serif;
}

.above-footer-outer h2,
.above-footer-outer h2 a,
.above-footer-outer h3,
.above-footer-outer h3 a,
.above-footer-outer h4,
.above-footer-outer h4a,
.above-footer-outer h2 a:hover,
.above-footer-outer h3 a:hover,
.above-footer-outer h4a:hover {
    color: #FFF;
}

.below-masthead-outer .text,
.below-masthead-outer .text a,
.below-masthead-outer h2,
.below-masthead-outer h2 a,
.below-masthead-outer h3,
.below-masthead-outer h3 a,
.below-masthead-outer h4,
.below-masthead-outer h4a,
.below-masthead-outer h2 a:hover,
.below-masthead-outer h3 a:hover,
.below-masthead-outer h4a:hover {
    color: #FFF;
}


/* theme - bg padding style */

.s-bg-padding .section {
    padding: 20px;
    background: #f4f4f4;
}

.s-bg-padding .section img {
    max-width: 100%;
}

/* theme - text over image style */

.gallery .item .s-text-overlay-left .text,
.gallery .item .s-text-overlay-right .text {
    opacity: 0;
    top: auto;
    left: 0;
    bottom: -10%;
    width: 100%;
    padding: 20px 3% 15px 3%;
    -moz-transform: opacity 1s, bottom 1s;
    -webkit-transition: opacity 1s, bottom 1s;
    transition: opacity 1s, bottom 1s;
    background: rgba(000,000,000,.7);
    color: #ffffff;
}

.gallery .item .s-text-overlay-left .h2,
.gallery .item .s-text-overlay-left .h3,
.gallery .item .s-text-overlay-left .h4,
.gallery .item .s-text-overlay-right .h2,
.gallery .item .s-text-overlay-right .h3,
.gallery .item .s-text-overlay-right .h4 {
    color: #ffffff;
}

.gallery .item.on .s-text-overlay-left .text,
.gallery .item.on .s-text-overlay-right .text {
    opacity: 1;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1;
}

.s-text-overlay-left .section .text {
    position: absolute;
    top: 10%;
    left: 4%;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
    width: 46%;
    padding: 10px;
    z-index: 2;
    background: rgba(255,255,255,.5);
}

.s-text-overlay-right .section .text {
    position: absolute;
    top: 10%;
    box-sizing:border-box;
    right: 4%;
    width: 46%;
    padding: 10px;
    z-index: 2;
    background: rgba(255,255,255,.5);
}

.s-text-overlay-left .headings,
.s-text-overlay-right .headings,
.s-text-overlay-left .credit,
.s-text-overlay-left .caption,
.s-text-overlay-right .credit,
.s-text-overlay-right .caption {
    display: none;
}

.tile1 .s-text-overlay-left .text,
.tile1 .s-text-overlay-right .text,
.tile2 .s-text-overlay-left .text,
.tile2 .s-text-overlay-right .text,
.tile3 .s-text-overlay-left .text,
.tile3 .s-text-overlay-right .text,
.tile4 .s-text-overlay-left .text,
.tile4 .s-text-overlay-right .text,
.tile5 .s-text-overlay-left .text,
.tile5 .s-text-overlay-right .text,
.tile6 .s-text-overlay-left .text,
.tile6 .s-text-overlay-right .text,
.tile7 .s-text-overlay-left .text,
.tile7 .s-text-overlay-right .text,
.tile8 .s-text-overlay-left .text,
.tile8 .s-text-overlay-right .text {
}

.s-text-overlay-left.tile1 .text,
.s-text-overlay-right.tile1 .text,
.s-text-overlay-left.tile2 .text,
.s-text-overlay-right.tile2 .text,
.s-text-overlay-left.tile3 .text,
.s-text-overlay-right.tile3 .text,
.s-text-overlay-left.tile4 .text,
.s-text-overlay-right.tile4 .text,
.s-text-overlay-left.tile5 .text,
.s-text-overlay-right.tile5 .text,
.s-text-overlay-left.tile6 .text,
.s-text-overlay-right.tile6 .text,
.s-text-overlay-left.tile7 .text,
.s-text-overlay-right.tile7 .text,
.s-text-overlay-left.tile8 .text,
.s-text-overlay-right.tile8 .text {
    display: none;
}

.s-text-overlay-left .section .pic-outer,
.s-text-overlay-right .section .pic-outer {
    line-height: 0;
}

/* @fontface fonts */

@font-face {
    font-family: 'ralewayextrabold';
    src: url('/library/public/designs/fonts/raleway-extrabold-webfont.eot');
    src: url('/library/public/designs/fonts/raleway-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/library/public/designs/fonts/raleway-extrabold-webfont.woff') format('woff'),
         url('/library/public/designs/fonts/raleway-extrabold-webfont.ttf') format('truetype'),
         url('/library/public/designs/fonts/raleway-extrabold-webfont.svg#ralewayextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewayheavy';
    src: url('/library/public/designs/fonts/raleway-heavy-webfont.eot');
    src: url('/library/public/designs/fonts/raleway-heavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('/library/public/designs/fonts/raleway-heavy-webfont.woff') format('woff'),
         url('/library/public/designs/fonts/raleway-heavy-webfont.ttf') format('truetype'),
         url('/library/public/designs/fonts/raleway-heavy-webfont.svg#ralewayheavy') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewaymedium';
    src: url('/library/public/designs/fonts/raleway-medium-webfont.eot');
    src: url('/library/public/designs/fonts/raleway-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/library/public/designs/fonts/raleway-medium-webfont.woff') format('woff'),
         url('/library/public/designs/fonts/raleway-medium-webfont.ttf') format('truetype'),
         url('/library/public/designs/fonts/raleway-medium-webfont.svg#ralewaymedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewaybold';
    src: url('/library/public/designs/fonts/raleway-bold-webfont.eot');
    src: url('/library/public/designs/fonts/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/library/public/designs/fonts/raleway-bold-webfont.woff') format('woff'),
         url('/library/public/designs/fonts/raleway-bold-webfont.ttf') format('truetype'),
         url('/library/public/designs/fonts/raleway-bold-webfont.svg#ralewaybold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewayregular';
    src: url('/library/public/designs/fonts/raleway-regular-webfont.eot');
    src: url('/library/public/designs/fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/library/public/designs/fonts/raleway-regular-webfont.woff') format('woff'),
         url('/library/public/designs/fonts/raleway-regular-webfont.ttf') format('truetype'),
         url('/library/public/designs/fonts/raleway-regular-webfont.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Stylesheet 34: custom styles */

/* begin table styles */

.th-head1 {
    background: rgba(125, 125, 125, .8) !important;
    color: #fff;
    font-weight: bold;
}

.th-head2 {
    background: rgba(125, 125, 125, .5) !important;
    color: #fff;
    font-weight: bold;
}

.td-shaded {
    background: rgba(125, 125, 125, .3) !important;
    font-weight: bold;
}

.td-important {
    background: red !important;
    color: #fff;
    font-weight: bold;
}

.td-no-padding {
    padding: 0;
}

.table-no-borders td {
    border: none;
}

.table-no-borders tr:first-child td {
    border-top: none;
}

.table-no-borders tr:last-child td {
    border-bottom: none;
}

.table-no-borders td:first-child {
    border-left: none;
}

.table-no-borders td:last-child {
    border-right: none;
}

.table-borders-horizontal td:first-child {
    border-left: none;
}

.table-borders-horizontal td:last-child {
    border-right: none;
}

.table-borders-horizontal td {
    border-top: 1px solid rgba(125, 125, 125, .2);
    border-bottom: 1px solid rgba(125, 125, 125, .2);
    border-right: none;
    border-left: none;
}

.table-borders-horizontal tr:first-child td {
    border-top: 1px solid rgba(125, 125, 125, .4);
}

.table-borders-horizontal tr:last-child td {
    border-bottom: 1px solid rgba(125, 125, 125, .4);
}

.table-borders-vertical tr:first-child td {
    border-top: none;
}

.table-borders-vertical tr:last-child td {
    border-bottom: none;
}

.table-borders-vertical td {
    border-top: none;
    border-bottom: none;
    border-right: 1px solid rgba(125, 125, 125, .2);
    border-left: 1px solid rgba(125, 125, 125, .2);
}

.table-borders-vertical td:first-child {
    border-left: 1px solid rgba(125, 125, 125, .4);
}

.table-borders-vertical td:last-child {
    border-right: 1px solid rgba(125, 125, 125, .4);
}

.table-alternating-rows tr:nth-child(odd) {
    background: rgba(125, 125, 125, .2);
}

.table-alternating-columns td:nth-of-type(odd) {
    background: rgba(125, 125, 125, .2);
}

/* begin CMS styles */

body.cms-preview,
.cms-preview-edit {
    background: #fff;
}

body.cke_editable {
    padding: 10px;
    overflow: scroll;
}

.cms-preview-edit .middle-outer {
    height: 100%;
}

.cms-preview-edit .column,
.cms-preview-edit .tile {
    float: none !important;
}

.cms-preview-edit .column {
    padding-bottom: 5px;
}

/* Stylesheet 28: @media queries */

@media print {
  .masthead,.cols0, .cols4, .footer  {display: none;}
  .main-inner {display: block;}
}

@media screen and (max-width: 1280px) {}

@media screen and (max-width: 1023px) {

    .masthead .mh-phone {
        bottom: 0;
        top: 25px;
    }

    .columns.middle {
        width: 100%;
    }

    .col3 {
         background: #e7e7e7;
     }

    .calendar .grid.w th.sun, .calendar .grid.m th.sun, .calendar .grid.y th.sun,
    .calendar .grid.w th.mon, .calendar .grid.m th.mon, .calendar .grid.y th.mon,
    .calendar .grid.w th.tue, .calendar .grid.m th.tue, .calendar .grid.y th.tue,
    .calendar .grid.w th.wed, .calendar .grid.m th.wed, .calendar .grid.y th.wed,
    .calendar .grid.w th.thu, .calendar .grid.m th.thu, .calendar .grid.y th.thu,
    .calendar .grid.w th.fri, .calendar .grid.m th.fri, .calendar .grid.y th.fri,
    .calendar .grid.w th.sat, .calendar .grid.m th.sat, .calendar .grid.y th.sat {
        font-size: 0;
        text-align: center;
    }

    .calendar .grid.w th:first-letter,
    .calendar .grid.m th:first-letter,
    .calendar .grid.y th:first-letter {
        font-size: 12px;
    }

    .calendar th .short {
          display: block;
    }

    .calendar th .long {
          display: none;
    }

    .calendar td ul, .calendar td li {
        margin-left: 0;
    }
 
    .calendar .grid.w li.day-label,
    .calendar .grid.m li.day-label,
    .calendar .grid.y li.day-label {
        font-size: 14px;
        list-style: none;
        margin: 2px 0 2px 0;
        text-align: center;
    }

    .calendar td.eventful {
        background: #ddd;
    }

    .calendar .grid.w .event,
    .calendar .grid.m .event,
    .calendar .grid.y .event  {
        display: none;
        font-size: 0;
        background: #333;
        width: 10px;
        height: 10px;
        margin: 0 2px 2px 0;
        float: left;
    }

    .calendar .grid.w .event .details,
    .calendar .grid.w .event:hover .details,
    .calendar .grid.m .event .details,
    .calendar .grid.m .event:hover .details,
    .calendar .grid.y .event .details,
    .calendar .grid.y .event:hover .details {
        display: none;
    }

    .masthead .masthead-login {
        display: block;
    }

    .masthead .masthead-logout {
        left: auto;
        right: 0;
        width: 68px;
    }

    .masthead .masthead-logout .welcome {
        display: none;
    }

    .middle h1 {
        width: 65%;
        margin-left: 1%;
        margin-right: 2%;
        padding-left: 0%;
        padding-right: 0%;
    }

    nav#nav-1 {
        height: auto;
    }

    nav#nav-1 .disclose-a {
        display: block;
    }

    nav#nav-1 ul {
        display: none;
    }

    nav#nav-1 li {
        position: relative;
        display: block;
        float: none;
        width: 100%;
        text-align: center;
        border-bottom: solid 1px #BBB;
    }

    nav#nav-1 li .text {
        text-align: center;
    }

    nav#nav-1 li.parent.hover,
    nav#nav-1 li.parent.on,
    nav#nav-1 li.parent.open {
        background: #454545;
    }
    nav#nav-1 li.hover>ul {
        display: none;
    }

    nav#nav-2 {
        position: absolute;
        top: 125px;
        left: 0;
        width: 100%;
        text-align: center;
    }

    nav#nav-3 {
        margin-bottom: 20px;
    }

    nav#nav-3 li {
        float: none;
        height: 25px;
    }

    .middle.cols100, .middle.cols110, .middle.cols101, .middle.cols111 {
        background: 15px 0px url(/library/public/designs/default/column-1-bg.gif) repeat-y;
        background-size: 29.5%;
    }

    .journal-features.journal-features2 .item {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }

    .journal-features.journal-features3 .item {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }

    .journal-features.journal-features3 .item:nth-child(2),
    .journal-features.journal-features3 .item:nth-child(3) {
        margin-right: 0;
    }

    .masthead-login {
        width: 100%;
        margin: 0 0 20px 0;
        float: none;
        clear: both;
        height: 70px;
    }

}

@media screen and (max-width: 767px) {

    .masthead-search {
        position: relative;
        top:0;
        right:0;
        width: 276px;
        margin: 20px auto 10px auto;
    }

    .logo-a div {
        top: 0px;
        left: 50%;
        width: 276px;
        margin-left: -138px;
        padding: 20px 0 40px 0;
    }

    .masthead .mh-phone {
        top: 70px;
        left: 50%;
        width: 276px;
        margin-left: -138px;
        height: 24px;
        z-index: 10000;
    }

    .s-hide-on-phone,
    .h-hide-on-phone {
        display: none;
    }

   .columns.middle { 
         display: table;
         width: inherit;
         width: 94%;
         margin: auto 3% auto 3%;
    }

    .middle h1 { float: none; margin: 0 0 20px 0; width: 100%; }
    .col2 { display: table-row-group; float: none; }
    .col1 { display: table-footer-group; float: none; min-height: inherit; }
    .col3 { display: table-footer-group; float: none; }

    .col1 #nav-sub {
        margin: 20px;
    }

    .middle.cols100, .middle.cols110, .middle.cols101, .middle.cols111 {
        background: none;
    }

    .journal-top .pic {
        width: 100%;
        float: none;
        margin-right: 0;
    }

    .avatar-drop {
        display: none;
    }

    .s-text-overlay-left .section .text, 
    .s-text-overlay-right .section .text {
         display: none;
    }


}

@media screen and (max-width: 480px) {

    .masthead-search {
        width: 100%;
        margin: 20px 0 10px 0;
    }
}

/* Stylesheet 35: table */

/* begin table */

table {
    position: relative;
    border-collapse: collapse;
    padding: 4px;
    height: 30px;
    width: 100%;
    font-size: inherit;
    line-height: inherit;
    text-align: inherit;
    font-style: inherit;
    color: inherit;
    font-variant: inherit;
    font-weight: inherit;
    white-space: inherit;
}

td img {
    width: 100%;
}

td p:last-child {
   margin-bottom: 0;
}

td {
    padding: 5px;
}

td {
    border: 1px solid rgba(125, 125, 125, .2);
}

tr:first-child td {
    border-top: 1px solid rgba(125, 125, 125, .4);
}

tr:last-child td {
    border-bottom: 1px solid rgba(125, 125, 125, .4);
}

td:first-child {
    border-left: 1px solid rgba(125, 125, 125, .4);
}

td:last-child {
    border-right: 1px solid rgba(125, 125, 125, .4);
}

td.align-left {
    text-align: left;
}

td.align-center {
    text-align: center;
}

td.align-right {
    text-align: right;
}

tr.valign-top {
    vertical-align: top;
}

tr.valign-middle {
    vertical-align: middle;
}

tr.valign-bottom {
    vertical-align: bottom;
}

/* Stylesheet 36: release 5.0.4.0 */

/* highlight layout feature (/about-us?layout=1) */

.highlight-layout .tile {
    position: relative;
}

.highlight-layout .tile:before {
    position: absolute;
    top: 0;
    left: 0;
    content: " ";
    width: 100%;
    height: 100%;
    background: rgba(88,174,255,.5);
    opacity: 0.5;
    z-index: 10000;
    pointer-events: none;
}

.highlight-layout .tile:after {
    position: absolute;
    top: -17px;
    left: 0;
    content: ".tile";
    color: white;
    font-size: 9px;
    text-transform: lowercase;
    text-align: left;
    z-index: 10000;
    pointer-events: none;
    background: #3e6cd4;
    padding: 1px 3px;
    font-family: arial;
}

.highlight-layout .content {
    position: relative;
}

.highlight-layout .content:before {
    position: absolute;
    top: 0;
    left: 0;
    content: " ";
    width: 100%;
    height: 100%;
    background: url("https://create5.agencyofrecord.com/_local/latest/images/image-preview-transparency-5.png") repeat scroll 0 0 rgba(255,61,155, .5);
    opacity: .5;
    z-index: 10000;
    pointer-events: none;
}

.highlight-layout .content:after {
    position: absolute;
    top: 0;
    left: 0;
    content: ".content";
    color: white;
    font-size: 9px;
    text-transform: lowercase;
    text-align: left;
    z-index: 10000;
    pointer-events: none;
    background: rgba(255,61,155, 1);
    padding: 1px 3px;
    font-family: arial;
}

/* m_nav styles */

/* Begin Nav Vertical */

/* Begin Nav Vertical - Level 1 */

 .nav-vertical nav li {
    float: none;
}

/* End Nav Vertical - Level 1 */

/* Begin Nav Vertical - Level 2 */

.nav-vertical nav ul ul {
    display: none;
}

.nav-vertical nav li.on ul,
.nav-vertical nav li.open ul {
    display: block;
}

.nav-vertical nav li:hover>ul {
    position: relative;
    top: 0;
    left: 0;
    width: auto;
    z-index: 1;
}

.nav-vertical nav ul ul .parent>a .arrow {
    display: none;
}

/* End Nav Vertical - Level 2 */

/* Begin Nav Vertical - Level 3 */

.nav-vertical nav li.on ul ul,
.nav-vertical nav li.open ul ul {
    display: none;
}

.nav-vertical nav li.open li.on ul,
.nav-vertical nav li.open li.open ul {
    display: block;
}

/* End Nav Vertical - Level 3 */

/* Begin Nav Vertical - Level 4 */

.nav-vertical nav li.open li.on ul ul,
.nav-vertical nav li.open li.open ul ul {
    display: none;
}

.nav-vertical nav li.open li.open li.on ul,
.nav-vertical nav li.open li.open li.open ul {
    display: block;
}

/* End Nav Vertical - Level 4 */

/* Begin Nav Vertical - Level 5 */

.nav-vertical nav li.open li.open li.on ul ul,
.nav-vertical nav li.open li.open li.open ul ul {
    display: none;
}

.nav-vertical nav li.open li.open li.open li.on ul,
.nav-vertical nav li.open li.open li.open li.open ul {
    display: block;
}

/* End Nav Vertical - Level 5 */

/* End Nav Vertical */

/* Begin Nav Social */

.nav-social nav ul {
    display: inline-block;
}

/* Begin Nav Social - Level 1 */

.nav-social nav li {
    float: left;
}

.nav-social nav li .icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 0 5px;
    border-radius: 3px;
}

.nav-social nav li:nth-child(1) .icon {
    background: url(/library/public/designs/default/twitter-square-24.png) no-repeat;
}

.nav-social nav li:nth-child(2) .icon {
    background: url(/library/public/designs/default/facebook-square-24.png) no-repeat;
}

.nav-social nav li:nth-child(3) .icon {
    background: url(/library/public/designs/default/linkedin-square-24.png) no-repeat;
}

.nav-social nav li:nth-child(4) .icon {
    background: url(/library/public/designs/default/youtube-square-24.png) no-repeat;
}

.nav-social nav li .text {
    display: none;
    cursor: hand;
    cursor: pointer;
}

/* End Nav Social - Level 1 */

/* End Nav Social */


/ * Begin Nav Menu on Phone */

 @media screen and (max-width: 1023px) {  
                                                                                   
     .nav-menu-on-phone nav a.disclose-a {                                             
         display: block;                                                           
     }                                                                             
                                                                                   
     .nav-menu-on-phone nav.disclose ul {                                              
         display: none;                                                            
     }                                                                             
                                                                                   
     .nav-menu-on-phone nav.disclose.on ul {                                           
         display: block;                                                           
     }                                                                             
                                                                                   
     .nav-menu-on-phone nav.disclose.on ul ul {                                        
         display: none;                                                            
     }                                                                             
                                                                                   
     .nav-menu-on-phone nav li {                                                       
         position: relative;                                                       
         display: block;                                                           
         float: none;                                                              
         width: 100% !important;                                                   
         text-align: center;                                                       
     }                                                                             
                                                                                   
     .nav-menu-on-phone nav li.hover>ul {                                              
         display: none;                                                            
     }                                                                             
}                 


/* content widths & alignments */

.tile .content1 { width: 8.3%; }
.tile .content2 { width: 16.66%; }
.tile .content3 { width: 25%; }
.tile .content4 { width: 33.33%; }
.tile .content5 { width: 41.66%; }
.tile .content6 { width: 50%; }
.tile .content7 { width: 58.33%; }
.tile .content8 { width: 66.66%; }
.tile .content9 { width: 75%; }
.tile .content10 { width: 83.33%; }
.tile .content11 { width: 91.66%; }
.tile .content12, .tile .content0 { width: 100%; }
.tile .content { display: inline-block; }
.tile.content-left { text-align: left; }
.tile.content-center { text-align: center; }
.tile.content-right { text-align: right; }

 @media screen and (max-width: 480px) {                                            
                                                                                   
     .tile.content-left,                                                           
     .tile.content-center,                                                         
     .tile.content-right {                                                         
         text-align: center;                                                       
     }    
      
        .tile.content-left .widget {                                                         
    text-align: left;                                                       
  }
}

.no-margin-bottom {
    margin-bottom: 0;
}

/* Stylesheet 37: Release 5.1.1.8 */

/* add to form: begin file upload field */

.dropzone {
  min-height: 120px !important;
  background: rgba(125,125,125,.1) !important;
  border: dashed 2px rgba(125,125,125,.6) !important;
  font-size: 150%;
  padding: 0 !important;
}

.dropzone .dz-preview.dz-image-preview {
  background-color: rgba(125,125,125,.0) !important;
  background-image: linear-gradient(45deg,rgba(125,125,125,.1) 25%,transparent 25%,transparent 75%,rgba(125,125,125,.1) 75%,rgba(125,125,125,.1)),linear-gradient(45deg,rgba(125,125,125,.1) 25%,transparent 25%,transparent 75%,rgba(125,125,125,.1) 75%,rgba(125,125,125,.1)) !important;
  background-size: 10px 10px !important;
  background-position: 0 0,5px 5px !important;
}

.dropzone .dz-preview.dz-error.dz-image-preview {
  background-color: rgba(125,125,125,.6) !important;
}

.dropzone .dz-image {
  opacity: 1;
}

.dropzone .dz-error .dz-image {
  opacity: .4;
}

.dropzone .dz-preview .dz-image {
  border-radius: 0 !important;
}

.dropzone .dz-error-message {
  background: #ed3420 !important;
}

.dropzone .dz-preview .dz-error-message:after {
  border-bottom: 6px solid #ed3420 !important;
}

/* add to member: begin profile file uploaded preview */

.profile-read .profile-read-f_upload .label,
.profile-read .profile-read-f_upload .value {
  display: block;
  padding-left: 0;
}

.profile-read .profile-read-f_upload .value img {
  width: 100%;
}

.profile-read .profile-read-f_upload .value .f_upload-file {
  position: relative;
  display: block;
  background: url(/library/public/designs/default/feed-icon-article.png) no-repeat;
  min-height: 20px;
  min-width: 20px;
  padding-left: 30px;
}

/* Stylesheet 38: Release 5.1.3.5 */

/* TESTING & TEMPORARY */

.cart-summary .debug,
.cart-shipping .debug {
  display: none;
}

/* ASK DEVIN ABOUT THESE */

.token-form .message {
  display: none;
  background: rgba(125, 125, 125, .1);
  padding: 10px 10px 5px 10px;
  margin-bottom: 20px;
  color: #ed3420;
}
.tokens-loading {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, .8) center center url(/library/public/designs/default/loading.gif) no-repeat;
}

.m_cart .tokens-read,
.m_cart .tokens-edit {
  margin-bottom: 20px;
}

/* DEVIN'S 5.1.3.5 */

.m_cart textarea.debug {
  height: 80px;
}
body .cart-next-btn {
  display: none;
}
body .cart-next-btn.on {
  display: inline;
}
.m_cart.token ul,
.m_cart.receipt ul {
  display: none;
}
.m_cart ul ul {
  display: block;
}

/* Devin's Inventory Tracking */

.m_product .stock {
  display: inline-block;
  padding-left: 20px;
}

.m_product .remaining,
.m_product .outofstock,
.m_product .product-submit-btn{
  display: none;
}
.m_product .remaining.on,
.m_product .outofstock.on,
.m_product .product-submit-btn.on {
  display: inline-block;
}

/* ROB - NEED TO CONFIRM CLASSES - THESE WERE INCORRECT */

.m_cart.login ul,
.m_cart.options ul,
.m_cart.card ul,
.m_cart.receipt ul {
  display: none;
}
.m_cart .progress-outer {
  display: none;
  margin-bottom: 20px;
}
.m_cart.review .progress-outer,
.m_cart.token .progress-outer,
.m_cart.receipt .progress-outer {
  display: block;
}
.m_cart .progress-outer:before {
  content: "Progress";
}
.m_cart .progress-bar-inner {
  background: rgba(101, 187, 23, 0.8);
}
.m_cart.review .progress-bar-inner {
  width: 33%;
}
.m_cart.token .progress-bar-inner {
  width: 66%;
}
.m_cart.receipt .progress-bar-inner {
  width: 100%;
}
.cart-review .cart-promo,
.cart-summary .discounts {
  display: none;
}
.cart-review .content {
  position: relative;
  width: 100%;
}
.cart-options {
  clear: both;
}
.addresses-loading {
  display: none;
}
.review .cart-items
.token .cart-items {
  position: relative;
}

/* ROB - .cart-summary replaces .cart-total from "ecommerce" stylesheet" */

.m_cart.review .message ul,
.m_cart.token .message ul,
.m_cart.review .message ul li,
.m_cart.token .message ul li {
  display: block;
  color: #ed3420;
}

.m_cart.review .message ul li,
.m_cart.token .message ul li {
  text-transform: capitalize; 
}

.cart-summary {
  position: relative;
  box-sizing: border-box;
  padding-top: 10px;
  margin-bottom: 30px;
  width: 100%;
  text-align: right;
  background: rgba(208, 182, 0, 0.15);
}

.cart-summary .subtotal {
  padding: 10px 20px 20px 20px;
}

.review .cart-summary .subtotal,
.token .cart-summary .subtotal,
.cart-summary .discounts,
.cart-summary .shipping,
.cart-summary .tax,
.cart-summary .total {
  padding: 10px 20px 0 20px;
}
.cart-summary .total {
  border-top: dashed 1px rgba(125, 125, 125, .3);
  margin: 10px 0 0 0;
  background: rgba(208, 194, 0, 0.12);
  padding-bottom: 10px;
}
.cart-summary .value {
  padding: 0;
  display: inline-block;
  color: initial;
}
.cart-summary .total .value {
  font-size: 200%;
  line-height: 1;
  font-style: normal;
}
.cart-summary .total .label {
  font-style: normal;
}
.cart-summary .label,
.cart-summary .description {
  display: inline-block;
  padding: 0 10px 0 0;
  margin: 0;
}
.cart-summary .shipping .label {
  display: block;
  text-align: left;
}
.m_cart .m-login .label {
  display: block;
  line-height: 1;
}
.m_cart .m-login .signup-a {
  display: none;
}
.m_cart .checkout-signup .tile {
  margin: 0;
}
.m_cart .checkout-signup .content {
  line-height: 1;
}
.review h3,
.token h3 {
  line-height: 1;
}
.m_cart.review ul,
.m_cart.token ul {
  display: none;
}
.review .checkout-promo input[name="coupon"],
.review .checkout-shipping select[name="shipping"],
.token .checkout-promo input[name="coupon"],
.token .checkout-shipping select[name="shipping"]{
  width: auto;
  min-width: 200px;
}
.review .checkout-promo,
.review .cart-address,
.review .cart-shipping,
.token .checkout-promo,
.token .cart-address,
.token .cart-shipping{
  position: relative;
  margin-bottom: 30px;
  border-bottom: solid 1px rgba(125, 125, 125, .3);
  padding-bottom: 30px;
}
.review .checkout-promo>div,
.token .checkout-promo>div {
  display: inline-block;
}
.review .address {
  position: relative;
  margin-bottom: 20px;
}
.review .address-display:hover {
  cursor: hand;
  cursor: pointer;
}
.review .address-delete .address-activate-a {
  padding-left: 10px;
  margin-left: 8px;
  border-left: solid 1px rgba(125, 125, 125, .4);
}
.review .addresses-read .buttons {
  margin-top: 10px;
}
.review .addresses-read .buttons .address-edit-a:before,
.token .tokens-read .buttons .token-edit-a:before {
  content: "+ ";
  display: inline;
}
.review .address-form h3 {
  display: none;
}
.review input#address_active {
  margin-top: 5px;
}
.review input#address_active,
.review input.address-select {
  margin-top: 5px;
}
.order-item-line {
  display: table-cell;
  padding: 20px 10px;
  border-bottom: solid 1px #ddd;
}

/* cart smaller tabs */

.m_cart ul li {
  display: inline-table;
}

.m_cart ul li a {
  padding: 10px 5vw;
}

/* ROB - MOVE TO MEDIA QUERRIES */

@media screen and (min-width: 1024px) {
  .m_cart .m-login {
    width: 48%;
    float: left;
    margin-right: 4%;
  }
  .m_cart .checkout-signup {
    float: left;
    width: 48%;
  }
  .review .cart-items,
  .token .cart-items {
    float: left;
    width: 68%;
    margin-right: 4%;
  }
  .review .address .address-delete {
    position: absolute;
    top: 0;
    right: 0;
  }
  .review .cart-summary,
  .token .cart-summary {
    float: left;
    width: 28%;
  }
}

/* Stylesheet 39: Release 5.1.3.6 */

/* add to ecommerce stylesheet - product images */

.m-product .gallery {
  width: 48%;
  float: left;
  margin-right: 4%;
}

.product-form {
  width: 48%;
  float: left;
}

.no-product-images .m-product .gallery {
  display: none;
}

.no-product-images .m-product .product-form {
  width: 100%;
  float: none;
}

.product-images .item img {
  width: 100%;
}

/* add to ecommerce stylesheet - cart image */

.cart-item-image {
  max-width: 80px;
  display: table-cell;
  padding: 20px 10px;
  border-bottom: solid 1px #ddd;
  vertical-align: top;
}

.m_cart h3,
.m_cart h4 {
  font-weight: normal;
}

/* add to media queries stylesheet - product */

@media screen and (max-width: 767px) {

  .cart-item-image {
    max-width: 100px;
    display: block;
    padding: 10px 20px 0 20px;
    border-bottom: none;
  }
  
}

/* add to custom stylesheet - product: custom styles */

.images-above .m-product .gallery {
  width: 100%;
  float: none;
  margin-right: 0;
  margin-bottom: 20px;
}

.images-above .product-form {
  width: 100%;
  float: none;
}

.images-right .m-product .gallery {
  width: 49%;
  float: right;
  margin-right: 0;
  margin-left: 2%;
}

.images-right .product-form {
  width: 49%;
  float: right;
}

.images-below .m-product {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column; 
  flex-direction: column;
}

.images-below .m-product .gallery {
  width: 100%;
  float: none;
  margin-right: 0;
  -webkit-box-ordinal-group: 2;  
  -moz-box-ordinal-group: 2;     
  -ms-flex-order: 2;     
  -webkit-order: 2;  
  order: 2;
}

.images-below .product-form {
  width: 100%;
  float: none;
  -webkit-box-ordinal-group: 1;  
  -moz-box-ordinal-group: 1;     
  -ms-flex-order: 1;     
  -webkit-order: 1;  
  order: 1;
  margin-bottom: 20px;
}

/* stack on left and right columns */

.col1 .tile .m-product .gallery,
.col3 .tile .m-product .gallery {
  width: 100%;
  float: none;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 20px;
}

.col1 .tile .product-form,
.col3 .tile .product-form {
  width: 100%;
  float: none;
  margin-bottom: 20px;
}

/* add to media queries stylesheet - product */

@media screen and (max-width: 720px) {
  
  .tile .m-product .gallery {
    width: 100%;
    float: none;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 20px;
  }

  .tile .product-form {
    width: 100%;
    float: none;
    margin-bottom: 20px;
  }
  
}

/* Stylesheet 40: Release 5.1.4.0 */

/* overrides from 5.1.3.5? */

.review .checkout-promo input[name="coupon"] {
  width: 100%;
}

.cart-review .cart-promo,
.cart-summary .discounts {
  display: block;
}

/* Cart Qualify - Redeem */

.cart-qualify {
  background: rgba(125,125,125,.0);
  padding: 20px 40px 30px 40px;
  border: solid 1px #ddd;
}

.cart-review .cart-qualify {
  margin-bottom: 30px; 
}

.cart-qualify h3 {
 font-size: 150%; 
}

.m_cart .cart-qualify ul {
  display: block;
}

.m_cart ul li.cart-qualify-item {
  display: block;
  margin: 0 0 20px 0;
}

/* Promo View */

.m_cart.promo-view .m-product {
    background: rgba(125,125,125,.0);
    padding: 20px 40px 30px 40px;
    border: solid 1px #ddd;
}

.m_cart.promo-view h2.product-name {
  border: initial;
  padding: initial;
  margin: initial;
}

.m_cart.promo-view .product-description {
  margin-bottom: 10px;
}

.m_cart.promo-view ul .cart-tab-a {
  display: none;
} 

.m_cart.promo-view .redeem-cancel-btn {
    filter: grayscale(100%);
}

/* Promo Form */

.checkout-promo .message {
 color: #ed3420;
}

.m_cart .results .checkout-promo .message:empty {
  margin-bottom: 0;
}

/* Cart Item Promo */

/*
.cart-item.promo {
  background: rgba(129,218,255,.3);
} */

.cart-item.promo {
  width: 50px;
  height: 50px;
  -webkit-animation: promo-animation 3s 3;  /* Safari 4+ */
  -moz-animation: promo-animation 3s 3;  /* Fx 5+ */
  -o-animation: promo-animation 3s 3;  /* Opera 12+ */
  animation: promo-animation 3s 3;  /* IE 10+, Fx 29+ */
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes promo-animation {
  
  0%   { background-color: rgba(125,125,125,.1); }
  50%  { background-color: rgba(208, 182, 0, 0.15); }
  100% { background-color: rgba(125,125,125,.1); }
}

/* Summary Promos */

.summary-promo-item {
  padding: 0 10px 10px 0;
  border-bottom: dashed 1px rgba(125, 125, 125, .3);
  margin-bottom: 10px;
}

.summary-promo-item .description {
  font-size: 90%;
  color: initial;
  line-height: 1.4;
  box-sizing: border-box;
  min-height: 24px;
  padding-left: 34px;
  width: 78%;
  max-width: 78%;
  vertical-align: middle;
  text-align: left;
  background: top left url("/library/public/designs/default/coupon-black.png") no-repeat;
}

.summary-promo-item .description,
.summary-promo-item .options {
  display: inline-block;
}

.summary-promo-item .options {
  box-sizing: border-box;
  width: 19%;
}

.summary-promo-item .options input {
  padding: 4px 10px 6px 10px;
  font-size: 11px;
  line-height: 1;
  margin: 0;
}

/* Stylesheet 41: Release 5.1.4.8 */

.product-hidden {
  display: none;
}

/* Stylesheet 42: Release 5.1.5.4 */

/* Catalog Filter */

.catalog-filter-form .label {
  color: #222;
}

.catalog .filters .filter {
  position: relative;
  float: left;
  margin: 0 10px 10px 0;
}

.catalog .filters .filter select {
  max-width: 160px; 
}

.catalog .filters .filter select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  color: #222;
}

.catalog .filters .filter select option {
  color: #222;
}

.catalog .filters .filter select option:first-child {
}

.catalog .filters .buttons {
  display: block;
  clear: both;
  margin-bottom: 20px;
}

/* End Catalog Filter */


body ul.catalog-crumb {
  list-style-type: none;
  margin-left: 0 !important;
  margin-bottom: 5px !important;
}

.catalog-crumb li {
  display: inline-block;
  font-size: 90%;
  font-weight: bold;
}

.catalog-crumb li a {
  color: inherit;
}

.catalog-crumb li:before {
    content: " | ";
    padding: 0 3px 0 6px;
    color: rgba(125, 125, 125, .3);
}

.catalog-crumb li:first-child:before {
    display: none;
}

body ul.catalog-submenu2 {
  list-style-type: none;
  margin-left: 0 !important;
  margin-bottom: 20px !important;
}

.catalog-submenu2 li {
  display: inline-block;
  font-size: 100%;
  font-weight: normal;
}

.catalog-submenu2 li a {
  color: #777;
}

.catalog-submenu2 li:before {
    content: " | ";
    padding: 0 3px 0 6px;
    color: #db0000;
}

.catalog-submenu2 li:first-child:before {
    display: none;
}

.catalog-found {
  margin-bottom: 20px;
  font-size: 90%;
  color: rgba(125,125,125, .5);
}

.catalog .catalog-items {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.catalog-item {
  position: relative;
  box-sizing: border-box;
  width: 20%;
  border: none;
  padding: 0 0 40px 0;
  margin-right: 4%;
  margin-bottom: 30px;
  
  width: 18vw;
  padding: 0 0 45px 0;
  margin-right: 0;
  margin-bottom: 50px;
}

@media screen and (max-width: 1024px) {
  .catalog-item {
    width: 26%;
    margin-right: 6%;
  }
}

@media screen and (max-width: 768px) {
  .catalog-item {
    width: 43%;
    margin-right: 7%;
  }
}

@media screen and (max-width: 500px) {
  .catalog-item {
    width: 100%;
    margin-right: 0%;
  }
}

.catalog-item h2 {
  font-size: .9rem;
}

.catalog-item-image img {
  position: relative;
  box-sizing: border-box;
  text-align: center;
  width: 100%;
/*  max-height: 250px; */
  overflow-y: hidden;
  height: 35vh;
  object-fit: contain;
}

.catalog-item-description {
  font-size: inherit;
  margin-bottom: 10px;
}

.catalog-item-price {
  display: block;
  margin-bottom: 10px;
}

.catalog-item-retail {
  margin-bottom: 10px;
  display: none;
}

.member-price .catalog-item-retail {
  display: block;
}

.member-price .catalog-item-retail .value {
  text-decoration: line-through;
}

/* not sure about this */

.catalog-item-prices.wholesale .catalog-item-retail {
  display: block;
}

.catalog-item-prices button {
  display: block;
  position: absolute;
  bottom: 0;
  box-sizing: border-box;
  width: 100%;
  border: none;
}

.catalog-item-link {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.catalog-item-link a {
  display: block;
  text-align: center;
}

.catalog-item-link a:hover {
  text-decoration: none;
}

.product-attribute .label,
.product-attribute .value {
  display: inline-block;
}

.product-attribute .label:after {
   content: ": ";
}

.m_product .remaining.on,
.m_product .outofstock.on,
.m_product .product-submit-btn.on {
  display: inline-block;
}

.product-description {
  margin-bottom: 10px;
}

.product-price {
  display: block;
  margin-bottom: 10px;
}

.product-retail {
  margin-bottom: 10px;
  display: none;
}

.member-price .product-retail {
  display: block;
}

.member-price .product-retail .value {
  text-decoration: line-through;
}

.product-options {
  display: table;
}

.product-attribute {
  display: table-row;
}

.product-attribute .label,
.product-attribute .value {
  display: table-cell;
}

.product-attribute .value {
  padding-left: 5px;
}

.product-option {
  padding-right: 5px;
}

.crumb-ref {
  display: none;
}

/* Stylesheet 43: Release 5.1.5.8 */

.order-details {
  margin-top: 40px;
}

.order-details .cart-item {
  display: block;
}

.m_cart .order-id {
  display: none;
  font-size: 100%;
  padding: 10px 20px 0px 20px;
}

.m_cart.review .order-id, 
.m_cart.token .order-id {
  display: block;
}

/* Stylesheet 44: Release 5.1.6.8 */

/* zipcode proximity in data module */

.zip-widget select {
  display: inline-block;
  width: 48%;
}

body .zip-widget input[type=text] {
  display: inline-block;
  width: 50%;
}

/* Stylesheet 45: Release 5.1.6.9 */

.cart-summary .total2 {
  border-top: dashed 1px rgba(125, 125, 125, .3);
  margin: 10px 0 0 0;
  background: rgba(208, 194, 0, 0.12);
  padding: 10px 20px 10px 20px;
}

.cart-summary .total2 .value {
  font-size: 200%;
  line-height: 1;
  font-style: normal;
}
.cart-summary .total2 .label {
  font-style: normal;
}

.cart-summary .payments {
  border-top: dashed 1px rgba(125, 125, 125, .3);
  padding: 10px 20px 0 20px;
}

/* Stylesheet 47: Release 5.1.5.6 */

.cart-summary .total,
.cart-summary .surcharge,
.cart-summary .total2 {
  padding: 10px 20px 0 20px;
}

.cart-summary .total {
  border-top: none;
  margin: 0;
  background: none;
  padding-bottom: 0;
}

.cart-summary .total .value {
  font-size: inherit;
  line-height: inherit;
}

.cart-summary .total2, .cart-summary .total.no-surcharge {
  border-top: dashed 1px rgba(125, 125, 125, .3);
  margin: 10px 0 0 0;
  background: rgba(208, 194, 0, 0.12);
  padding-bottom: 10px;
}

.cart-summary .total2 .value, .cart-summary .total.no-surcharge .value {
  font-size: 200%;
  line-height: 1;
  font-style: normal;
}

/* Stylesheet 46: Release 5.1.5.6 */

.cart-summary .total,
.cart-summary .surcharge,
.cart-summary .total2 {
  padding: 10px 20px 0 20px;
}

.cart-summary .total {
  border-top: none;
  margin: 0;
  background: none;
  padding-bottom: 0;
}

.cart-summary .total .value {
  font-size: inherit;
  line-height: inherit;
}

.cart-summary .total2, .cart-summary .total.no-surcharge {
  border-top: dashed 1px rgba(125, 125, 125, .3);
  margin: 10px 0 0 0;
  background: rgba(208, 194, 0, 0.12);
  padding-bottom: 10px;
}

.cart-summary .total2 .value, .cart-summary .total.no-surcharge .value {
  font-size: 200%;
  line-height: 1;
  font-style: normal;
}
