/* CSS Document */

HTML {
}
BODY {
  font-family: "Open Sans", sans-serif;
  padding: 0;
  margin: 0;
}

H1 {
  font-weight: 300;
  font-size: 30px;
  line-height: 37px;
  color: #a51c43;
}
H2 {
  font-weight: 300;
  font-size: 24px;
  line-height: 30px;
  color: #a51c43;
}
H3 {
  font-weight: 300;
  font-size: 20px;
  line-height: 26px;
  color: #a51c43;
}
H4 {
  font-weight: 300;
  font-size: 18px;
  line-height: 24px;
  color: #a51c43;
}
H5 {
  font-weight: 300;
  font-size: 16px;
  line-height: 21px;
  color: #a51c43;
}
H6 {
  font-weight: 400;
  font-size: 11px;
  line-height: 17px;
  color: #333;
  margin: 0;
  padding: 0;
}

IMG {
  border: none;
}
HR {
  border: none;
  border-bottom: solid 1px #ccc;
}

.clr {
  clear: both;
}

.width {
  position: relative;
  width: 1160px;
  margin-right: auto;
  margin-left: auto;
}

.full-width-image {
  display: block;
  width: 100%;
  height: auto;
}

.bg-image {
  box-sizing: border-box;
  display: block;
  background-image: url(../images/home-panel-01-mainbg-02b.webp);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}

/*	ONE  *************************************************************** */

DIV.one_col {
  box-sizing: border-box;
  padding: 20px;
}

DIV.one_col .mw {
  max-width: 900px;
  margin: 0 auto 0 auto;
}

/*	TWO  *************************************************************** */

DIV.two_col {
  display: block;
  width: 100%;
}
DIV.two_col .container {
  display: block;
  float: left;
  width: 50%;
  box-sizing: border-box;
  padding: 20px;
}

DIV.two_col .c_1 {
}
DIV.two_col .c_2 {
}

DIV.two_col .container DIV {
  display: block;
}

/*	THREE  *************************************************************** */

DIV.three_col {
  display: block;
  width: 100%;
}
DIV.three_col .container {
  display: block;
  float: left;
  width: 33.3333%;
  box-sizing: border-box;
  padding: 20px;
}

DIV.three_col .c_1 {
}
DIV.three_col .c_2 {
}
DIV.three_col .c_3 {
}

DIV.three_col .container DIV {
  display: block;
}

/*	FOUR   ************************************************************** */

DIV.four_col {
  display: block;
  width: 100%;
}
DIV.four_col .container {
  display: block;
  float: left;
  width: 25%;
  box-sizing: border-box;
  padding: 20px;
}

DIV.four_col .c_1 {
}
DIV.four_col .c_2 {
}
DIV.four_col .c_3 {
}
DIV.four_col .c_4 {
}

DIV.four_col .c_123 {
  width: 75%;
}
DIV.four_col .c_23 {
  width: 50%;
}

DIV.four_col .container DIV {
  display: block;
}

/*	FIVE   ************************************************************* */

DIV.five_col {
  display: block;
  width: 100%;
}
DIV.five_col .container {
  display: block;
  float: left;
  width: 20%;
  box-sizing: border-box;
  padding: 20px;
}

DIV.five_col .c_1 {
}
DIV.five_col .c_2 {
}
DIV.five_col .c_3 {
}
DIV.five_col .c_4 {
}
DIV.five_col .c_5 {
}

DIV.five_col .c_1234 {
  width: 80%;
}
DIV.five_col .c_234 {
  width: 60%;
}

DIV.five_col .container DIV {
  display: block;
}

/*	SEVEN  ************************************************************* */

DIV.seven_col {
  display: block;
  width: 100%;
}
DIV.seven_col .container {
  display: block;
  float: left;
  width: 14.2857%;
  box-sizing: border-box;
  padding: 20px;
}

DIV.seven_col .container DIV {
  display: block;
}

/*	CUSTOM  ************************************************************ */

DIV.custom_col {
  display: block;
  width: 100%;
}
DIV.custom_col .container {
  display: block;
  float: left;
  width: 50%;
  box-sizing: border-box;
  padding: 20px;
}

DIV.custom_col .c_1 {
  width: 65%;
}
DIV.custom_col .c_2 {
  width: 35%;
}

DIV.custom_col .container DIV {
  display: block;
}

/* ********************************************************************* */
/*	HEAD
/* ********************************************************************* */

#head {
  position: fixed;
  z-index: 980;
  top: 0;
  left: 0;
  right: 0;
  height: 93px;
  border-bottom: solid 55px #f9f9f9;
  background-color: #fff;
  background-image: url(../images/dddddd-1x1.png);
  background-position: center bottom;
  background-repeat: repeat-x;
}
#head.home {
  border: none;
}

#head #logo {
  position: absolute;
  top: 23px;
  left: 20px;
  width: 300px;
}
#head #logo IMG {
  display: block;
  width: 100%;
  height: auto;
}

#head #contact {
  position: absolute;
  top: 15px;
  right: 20px;
  font-size: 12px;
  line-height: 20px;
  color: #666;
}

#head #contact A {
  color: #666;
  text-decoration: none;
  margin: 0 20px 0 0;
}
#head #contact A:hover {
  color: #a51c43;
}

#head #contact A.social-icon {
  display: inline-block;
  margin: 0 0 0 4px;
  background-color: #666;
  color: #fff;
  width: 22px;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
}
#head #contact A.social-icon:hover {
  background-color: #a51c43;
  color: #fff;
}

/*	MENU
/* ********************************************************************* */

#head #menutab {
  display: none;
}

#head #menu {
  position: absolute;
  top: 60px;
  right: 20px;
  left: 20px;
}

#head #menu .rmore {
  display: none;
}

#head #menu UL {
  display: table;
  padding: 0;
  margin: 0 0 0 auto;
  list-style: none;
}
#head #menu UL LI {
  display: table-cell;
}
#head #menu UL LI A {
  display: block;
  padding: 0 0 16px 0;
  margin: 0 0 0 20px;
  font-size: 13px;
  line-height: 16px;
  color: #000;
  text-decoration: none;
}
#head #menu UL LI A:hover {
  color: #a51c43;
}

#head #menu UL LI UL {
  display: none;
  position: absolute;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.25);
}
#head #menu UL LI.selected UL {
  display: block;
}
#head #menu UL LI UL LI:first-child {
}
#head #menu UL LI UL LI {
  display: block;
}
#head #menu UL LI UL LI A {
  white-space: nowrap;
  margin: 0 0 0 0;
  padding: 10px 20px;
  font-size: 11px;
  text-transform: uppercase;
  background-color: #ffffff;
}
#head #menu UL LI UL LI A:hover {
}

/* ********************************************************************* */
/*	PAGE
/* ********************************************************************* */

#page {
  position: relative;
  z-index: 500;
  padding: 128px 0 0 0;
}
#page #main {
}
#page #side {
  padding-top: 40px;
}

#page FIGURE {
  padding: 0;
  margin: 0;
}

#page P {
  font-size: 15px;
  line-height: 21px;
  color: #333;
}

#page UL LI {
  font-size: 15px;
  line-height: 21px;
  color: #333;
}
#page OL LI {
  font-size: 15px;
  line-height: 21px;
  color: #333;
}

#page TABLE {
  border-collapse: collapse;
  width: 100%;
}
#page TABLE TR {
}
#page TABLE TR TD {
  font-size: 15px;
  line-height: 21px;
  color: #333;
}

#page A {
  text-decoration: none;
  color: #a51c43;
}
#page A:hover {
  color: #333;
}

#page A.button,
#foot A.button {
  display: inline-block;
  padding: 10px 25px 10px 25px;
  margin: 0 10px 0 0;
  text-decoration: none;
  color: #fff;
  background-color: #a51c43;
  text-transform: uppercase;
}
#page A.button.grey,
#foot A.button.grey {
  color: #a51c43;
  background-color: #dddddd;
}
#page A.button:hover,
#foot A.button:hover {
  background-color: #333;
  color: #fff;
}

#page A.wire-button {
  display: inline-block;
  padding: 10px 25px 10px 25px;
  margin: 0 0 0 0;
  text-decoration: none;
  color: #666;
  border: solid 1px #666;
  text-transform: uppercase;
}
#page A.wire-button:hover {
  background-color: rgba(255, 255, 255, 0.3);
}

#page P.sub-button {
  display: inline-block;
  padding: 7px 15px 7px 15px;
  margin: 0 0 10px 0;
  text-decoration: none;
  color: #222;
  background-color: #dddddd;
  text-transform: uppercase;
  cursor: pointer;
}
#page P.sub-button:hover {
  background-color: #333;
  color: #fff;
}

#page A.news-twitter {
  color: #3b5998;
  font-size: 18px;
}
#page A.news-facebook {
  color: #55acee;
  font-size: 18px;
}
#page A.news-gplus {
  color: #dd4b39;
  font-size: 18px;
}
#page A.news-linkedin {
  color: #007bb5;
  font-size: 18px;
}

#page P.contact-social A.social-icon {
  display: inline-block;
  margin: 0 4px 0 4px;
  background-color: #a51c43;
  color: #fff;
  width: 36px;
  font-size: 20px;
  line-height: 36px;
  text-align: center;
}
#page P.contact-social A.social-icon:hover {
}

/*	FORM
/* ********************************************************************* */

#page FORM {
}

#page FORM LABEL {
  font-size: 13px;
  line-height: 19px;
  color: #333;
  font-weight: 500;
}
#page FORM INPUT[type="text"],
#page FORM INPUT[type="email"] {
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 5px;
  font-size: 13px;
  line-height: 19px;
  color: #333;
  background-color: #fff;
  border: solid 1px #d1d1d1;
  font-family: "Open Sans", sans-serif;
}
#page FORM TEXTAREA {
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 5px;
  font-size: 13px;
  line-height: 19px;
  color: #333;
  background-color: #fff;
  border: solid 1px #d1d1d1;
  font-family: "Open Sans", sans-serif;
}
#page FORM SELECT {
  box-sizing: border-box;
  display: block;
  padding: 5px 25px;
  font-size: 13px;
  line-height: 19px;
  color: #fff;
  background-color: #a51c43;
  border: none;
  font-family: "Open Sans", sans-serif;
}
#page FORM SELECT.full {
  box-sizing: border-box;
  display: block;
  padding: 5px 25px;
  font-size: 13px;
  line-height: 19px;
  color: #fff;
  background-color: #a51c43;
  border: none;
  font-family: "Open Sans", sans-serif;
  width: 100%;
}
#page FORM INPUT[type="submit"],
#page FORM BUTTON[type="submit"] {
  box-sizing: border-box;
  display: block;
  padding: 10px 25px;
  font-size: 13px;
  line-height: 19px;
  color: #fff;
  background-color: #a51c43;
  border: none;
  font-family: "Open Sans", sans-serif;
  text-transform: uppercase;
}

.errors, #page UL.errors LI, .error { font-size: 12px; color: #dd0000; font-weight: bold; }

#page FORM #rate_calculate,
#home-03 FORM #rate_calculate_main {
  box-sizing: border-box;
  display: block;
  padding: 10px 25px;
  font-size: 13px;
  line-height: 19px;
  color: #fff;
  background-color: #a51c43;
  border: none;
  font-family: "Open Sans", sans-serif;
  text-transform: uppercase;
  cursor: pointer;
}
#page #calculated_main,
#page #calculated {
  padding: 1px 0 1px 0;
}
#page .calcu_textsm {
  font-size: 11px;
  line-height: 15px;
}

/*	HOME SECTIONS
/* ********************************************************************* */

#fullpage .section {
  padding: 83px 0 0 0;
  min-height: 100vh;
  position: relative;
}

#home-A {
  display: block;
  box-sizing: border-box;
  margin: 83px 0 0 0;
  padding: 120px 0 100px 0;
  text-align: center;
}
#home-A H2 {
  color: #ffffff;
  font-size: 38px;
  line-height: 1.15;
  font-weight: 300;
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.7);
  text-transform: uppercase;
}
#home-A P {
  color: #ffffff;
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.8);
}

#home-B {
  margin: -100px 0 0 0;
}
#home-B DIV.three_col .container {
}
#home-B DIV.three_col .container .inner {
  background-color: #ffffff;
  padding: 20px;
  box-shadow: 1px 1px 3px 3px rgba(0, 0, 0, 0.1);
}
#home-B H4 {
  margin-bottom: 0;
  color: #222222;
  font-size: 13px;
}
#home-B P {
  margin: 0;
}
#home-B P.actions {
  margin-top: 30px;
}

#home-C {
  text-align: center;
  padding: 50px 0 50px 0;
}
#home-C P {
  font-size: 13px;
}
#home-C P .social-icon {
  display: inline-block;
  background-color: #666666;
  border-radius: 3px;
  font-size: 22px;
  line-height: 34px;
  width: 34px;
  margin: 0 10px;
  color: #ffffff;
}

#home-01 {
  background-color: #e1e1e1;
}
#home-01 .fp-scrollable {
  position: relative;
}
#home-01 .fp-scroller {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

#home-01-main {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 25%;
  box-sizing: border-box;
  display: block;
  background-image: url(../images/home-panel-01-mainbg-02b.webp);
  background-size: cover;
  background-position: top center;
}

#home-01-main .slider {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-sizing: border-box;
  display: block;
}
#home-01-main .slider .tile {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: block;
  font-weight: 300;
  font-size: 38px;
  line-height: 45px;
  color: #fff;
  text-align: center;
  padding: 0 100px;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4);
}

#home-01-main .table {
  display: table;
  height: 100%;
  width: 100%;
}
#home-01-main .cell {
  display: table-cell;
  vertical-align: middle;
}

#home-01-side {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 75%;
  right: 0;
  box-sizing: border-box;
  display: block;
}
#home-01-side .table {
  display: table;
  height: 100%;
  width: 100%;
}
#home-01-side .cell {
  display: table-cell;
  vertical-align: middle;
}
#home-01-side-01 {
  height: 25%;
  position: relative;
}
#home-01-side-02 {
  height: 25%;
  position: relative;
  background-image: url(../../ups/general/HRInsight-Issue13-1a.jpg);
  background-size: cover;
  background-position: top center;
}
#home-01-side-03 {
  height: 25%;
  position: relative;
}
#home-01-side-04 {
  height: 25%;
  position: relative;
  background-image: url(../../ups/general/HRInsight-Issue13-1a.jpg);
  background-size: cover;
  background-position: top center;
}

#page #home-01 .block {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
}
#page #home-01 .block H4 {
  margin: 15px 0 15px 0;
}
#page #home-01 .block H5 {
  margin: 15px 0 15px 0;
}
#page #home-01 .block P {
  font-size: 12px;
  line-height: 16px;
}

#home-01-side-01 FORM INPUT[type="text"] {
  display: inline-block;
  width: 60%;
}
#home-01-side-01 FORM INPUT[type="submit"],
#home-01-side-01 FORM BUTTON[type="submit"] {
  display: inline-block;
  width: 37%;
  margin: 0 0 0 1%;
  padding: 6px 10px;
  background-color: #000000;
}

#page #home-01-side-02 .actions,
#page #home-01-side-03 .actions,
#page #home-01-side-04 .actions {
  margin: 0;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}
#page #home-01-side-02 .actions .button,
#page #home-01-side-03 .actions .button,
#page #home-01-side-04 .actions .button {
  display: block;
  margin: 0;
  text-align: center;
}

#page #home-01-side-03 .block.bg-black H4 {
  color: #fff;
}
#page #home-01-side-03 .block.bg-black A {
  color: #fff;
}
#page #home-01-side-03 .block.bg-black A.button {
  text-decoration: none;
}
#page #home-01-side-03 .block.bg-black A.button.grey {
  text-decoration: none;
  background-color: #dddddd;
  color: #333333;
}
#page #home-01-side-03 .block.bg-black A.button.grey:hover {
  background-color: #a51c43;
  color: #ffffff;
}

#home-02 {
  background-color: #fff;
  padding: 0 0 50px 0;
}
#home-02 .fp-scrollable {
  position: relative;
}
#home-02 .fp-scroller {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  min-height: 875px;
}

#home-02 H1 {
  text-align: center;
}
#home-02 .table {
  display: table;
  height: 100%;
}
#home-02 .cell {
  display: table-cell;
  vertical-align: middle;
}
#home-02 .container {
  padding: 0 80px;
}

#home-03 {
  background-color: #dddddd;
  background-image: url(../images/home-03-main-bg.webp);
  background-size: cover;
  background-position: top center;
}
#home-03 .fp-scrollable {
  position: relative;
}
#home-03 .fp-scroller {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

#home-03 .table {
  display: table;
  height: 100%;
}
#home-03 .cell {
  display: table-cell;
  vertical-align: middle;
}

#page #home-03 .block H2 {
  color: #fff;
}
#page #home-03 .block H3 {
  color: #fff;
}
#page #home-03 .block H4 {
  color: #fff;
}

#home-03 FORM INPUT[type="text"] {
  display: inline-block;
  width: 30%;
  margin: 0 3% 0 0;
}
#home-03 FORM #rate_calculate,
#home-03 FORM #rate_calculate_main {
  display: inline-block;
  width: 30%;
  margin: 0 3% 0 0;
}
#home-03 .calcu_textsm {
  display: block;
  color: #fff;
  font-size: 11px;
  line-height: 17px;
  margin: 20px 0 20px 0;
}

#home-04 {
  background-color: #ffffff;
}
#home-04 .fp-scrollable {
  position: relative;
}
#home-04 .fp-scroller {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

#page #home-04 .block {
}

#home-04 .table {
  display: table;
  height: 100%;
}
#home-04 .cell {
  display: table-cell;
  vertical-align: middle;
}

#home-04 H2 {
  text-align: center;
}
#home-04 P {
  text-align: center;
}
#home-04 .video {
  margin: 0 200px 0 200px;
}

#home-05 {
  background-color: #a51c43;
}

#home-05 A.social-icon {
  display: inline-block;
  margin: 0 4px 0 4px;
  background-color: #fff;
  color: #a51c43;
  width: 36px;
  font-size: 20px;
  line-height: 36px;
  text-align: center;
}
#home-05 A.social-icon:hover {
}

#page #home-05 H2 {
  text-align: center;
  color: #ffffff;
}
#page #home-05 P {
  text-align: center;
  color: #ffffff;
}

#page #home-05 .offices,
.offices {
  position: relative;
}
#page #home-05 .offices .contact_panel,
.offices .contact_panel {
  display: none;
  background-color: #fff;
  width: 100%;
  height: 400px;
}
#page #home-05 .offices .contact_panel:first-child,
.offices .contact_panel:first-child {
  display: block;
}

#page #home-05 .offices .contact_panel .map,
.offices .contact_panel .map {
  float: left;
  width: 75%;
}
#page #home-05 .offices .contact_panel .details,
.offices .contact_panel .details {
  box-sizing: border-box;
  float: left;
  width: 25%;
  padding: 5px 15px;
}

#page #home-05 .offices .contact_panel .details P,
.offices .contact_panel .details P {
  text-align: left;
  color: #333;
}

#page #home-05 SPAN.tbutton {
  display: inline-block;
  padding: 10px 25px 10px 25px;
  margin: 0 10px 0 0;
  text-decoration: none;
  color: #ffffff;
  background-color: #a51c43;
  border: solid 1px #ffffff;
  cursor: pointer;
}
#page #home-05 SPAN.tbutton.live {
  color: #a51c43;
  background-color: #ffffff;
  border: solid 1px #a51c43;
}
#page #home-05 SPAN.tbutton:hover {
  background-color: #ffffff;
  color: #a51c43;
  border: solid 1px #a51c43;
}

#home-06 {
  background-color: #a51c43;
  padding: 0 0 140px 0;
}
#home-06 .fp-scrollable {
  position: relative;
}
#home-06 .fp-scroller {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

#home-06 .table {
  display: table;
  height: 100%;
}
#home-06 .cell {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #fff;
}

#page #home-06 H1 {
  text-align: center;
  color: #ffffff;
  margin: 40px 0 20px 0;
}
#page #home-06 H2 {
  text-align: center;
  color: #ffffff;
  font-size: 13px;
  line-height: 17px;
  min-height: 35px;
  text-transform: uppercase;
}
#page #home-06 IMG {
  width: 60px;
  height: auto;
  display: block;
  margin: 0 auto;
}

#page #home-06 A {
  color: #fff;
  font-size: 11px;
}

/*	STAFF and TEAM
/* ********************************************************************* */

#page .staff-image {
  width: 100%;
  height: auto;
  margin: 0 0 20px 0;
}

#page A.icon {
  display: inline-block;
  width: 24px;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  background-color: #666666;
  color: #fff;
  text-decoration: none;
  margin: 0 2px 0 2px;
  padding: 0 0 0 0;
}
#page A.icon:hover {
  background-color: #333333;
}

#page A.tbutton,
#page SPAN.tbutton {
  display: inline-block;
  padding: 10px 25px 10px 25px;
  margin: 0 10px 10px 0;
  text-decoration: none;
  color: #999;
  background-color: #fff;
  border: solid 1px #999;
  text-transform: uppercase;
  cursor: pointer;
}
#page A.tbutton.live,
#page SPAN.tbutton.live {
  color: #fff;
  background-color: #a51c43;
  border: solid 1px #a51c43;
}
#page A.tbutton:hover,
#page SPAN.tbutton:hover {
  background-color: #333;
  color: #fff;
  border: solid 1px #333;
}

#page .team .box {
  overflow: hidden;
  position: relative;
}

#page .team .underlay {
  position: relative;
  background-color: #cccccc;
}
#page .team .underlay IMG {
  width: 100%;
  height: auto;
  display: block;
}

#page .team .overlay {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 10px;
  transition: all 0.5s ease-in-out;
}
#page .team H2 {
  padding: 0;
  margin: 0;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
}
#page .team H3 {
  padding: 0;
  margin: 0;
  font-size: 14px;
  line-height: 18px;
  color: #333;
}
#page .team P.desc {
  padding: 0 0 0 0;
  display: none;
  color: #333;
  font-size: 12px;
  line-height: 15px;
}
#page .team P.actions {
  display: none;
  position: absolute;
  bottom: 0;
  right: 10px;
  left: 10px;
}

#page .team .overlay.live {
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: rgba(165, 28, 67, 0.75);
  transition: all 0.5s ease-in-out;
}
#page .team .live H2,
#page .team .live H2 A {
  color: #fff;
}
#page .team .live H3 {
  color: #fff;
}
#page .team .live P.desc {
  display: block;
  color: #fff;
}
#page .team .live P.actions {
  display: block;
}
#page .team .live P.actions A.icon {
  background-color: #fff;
  color: #a51c43;
}
#page .team .live P.actions A.icon:hover {
  background-color: rgba(255, 255, 255, 0.5);
}

#page .team A.wire-button {
  color: #fff;
  border: solid 1px #fff;
  font-size: 13px;
  line-height: 19px;
}
#page .team A.wire-button:hover {
}

#page .team .join-us {
  box-sizing: border-box;
  background-color: #dddddd;
  padding: 15px;
  min-height: 280px;
}

#page .overview .box {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  background-color: #dddddd;
  padding: 15px;
  min-height: 280px;
}
#page .overview H2 {
  position: relative;
  padding: 0;
  margin: 0;
  min-height: 60px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
#page .overview H2 A {
  color: #fff;
}
#page .overview H3 {
  padding: 0;
  margin: 0;
  min-height: 60px;
  font-size: 14px;
  line-height: 18px;
  color: #fff;
}
#page .overview H3 A {
  color: #fff;
}
#page .overview P.desc {
  position: relative;
  padding: 0 0 0 0;
  color: #333;
  font-size: 12px;
  line-height: 15px;
}
#page .overview P.actions {
  position: relative;
  position: absolute;
  bottom: 0;
  right: 15px;
  left: 15px;
}

#page .overview .cut {
  position: relative;
  font-size: 10px;
  margin: 0 0 3px 0;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
#page .overview .black-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.35);
}

/*	JOBS
/* ********************************************************************* */

#page .job-listing {
}
#page .job-listing H2 {
  font-size: 20px;
  line-height: 26px;
  font-weight: 400;
}
#page .job-desc {
  font-size: 13px;
  line-height: 19px;
  color: #333;
}

#page TABLE.job-details {
  margin: 17px 0 17px 0;
}
#page TABLE.job-details TR {
}
#page TABLE.job-details TR TD {
  font-weight: bold;
  padding: 5px 5px 5px 0;
}

/*	BLOCK
/* ********************************************************************* */

#page .block {
  padding: 1px 20px 10px 20px;
  margin: 0 0 20px 0;
}

#page .block.blockimage {
  padding: 0;
}

#page .block.bg-red {
  background-color: #a51c43;
}
#page .block.bg-black {
  background-color: #000000;
}
#page .block.bg-grey {
  background-color: #f1f1f1;
}
#page .block.bg-border {
  border: solid 1px #dddddd;
}

#page .block {
}
#page .block H1 {
  color: #000;
}
#page .block H2 {
  color: #000;
}
#page .block H3 {
  color: #000;
}
#page .block H4 {
  color: #000;
}
#page .block H5 {
  color: #000;
}

#page .block A.button {
  display: inline-block;
  padding: 10px 25px 10px 25px;
  text-decoration: none;
  color: #fff;
  background-color: #a51c43;
}
#page .block A.button:hover {
  background-color: #333;
}

#page .block.bg-red P,
#page .block.bg-black P,
#page .block.bg-red H1,
#page .block.bg-red H2,
#page .block.bg-red H3,
#page .block.bg-red H4,
#page .block.bg-red H5,
#page .block.bg-red H6,
#page .block.bg-red LI,
#page .block.bg-black LI {
  color: #fff;
}

#page .block.bg-black H1,
#page .block.bg-black H2,
#page .block.bg-black H3,
#page .block.bg-black H4,
#page .block.bg-black H5,
#page .block.bg-black H6 {
  color: #a51c43;
}

#page .block.bg-red A {
  color: #fff;
  text-decoration: underline;
}
#page .block.bg-red A:hover {
  color: #fff;
  text-decoration: none;
}

#page .block.bg-black A {
  color: #a51c43;
  text-decoration: underline;
}
#page .block.bg-black A:hover {
  color: #a51c43;
  text-decoration: none;
}

#page .block.bg-red A.button,
#page .block.bg-black A.button {
  background-color: #333;
}
#page .block.bg-red A.button:hover,
#page .block.bg-black A.button:hover {
  background-color: #000;
}

#page .block.bg-red FORM INPUT[type="submit"] {
  background-color: #000;
}

#page .fform {
}
#page .ff_composer H4 {
  margin-top: 24px;
}
#page .ff_composer .unit {
  padding: 0;
}
#page .fform LABEL {
  font-size: 13px;
  line-height: 19px;
  color: #333;
  font-weight: 400;
}
#page .fform INPUT[type="text"] {
}

#page .sideslide {
  position: relative;
}
#page .sideslide .prev {
  position: absolute;
  top: 49%;
  left: 10px;
  font-size: 36px;
  color: #cccccc;
  cursor: pointer;
}
#page .sideslide .next {
  position: absolute;
  top: 49%;
  right: 10px;
  font-size: 36px;
  color: #cccccc;
  cursor: pointer;
}
#page .sideslide .tile {
  width: 100%;
}
#page .sideslide .tile IMG {
  width: 100%;
  height: auto;
  display: block;
}

#page #test1.sideslide .tile {
  box-sizing: border-box;
  padding: 0 10px 0 10px;
  font-style: italic;
}

/* ********************************************************************* */
/*	FOOT
/* ********************************************************************* */

#foot {
  padding: 20px 0 20px 0;
  border-top: solid 1px #ddd;
}

#foot .container {
  padding: 5px 20px 5px 20px;
  border-left: solid 1px #ddd;
}
#foot .container:first-child {
  border-left: none;
}

#foot P {
  font-size: 13px;
  line-height: 19px;
  color: #333;
}

#foot A {
  color: #666;
  text-decoration: none;
}
#foot A:hover {
  color: #a51c43;
}

#foot FORM INPUT[type="text"] {
  box-sizing: border-box;
  display: inline-block;
  width: 75%;
  padding: 5px;
  font-size: 13px;
  line-height: 19px;
  color: #333;
  background-color: #fff;
  border: solid 1px #d1d1d1;
  font-family: "Open Sans", sans-serif;
}
#foot FORM INPUT[type="submit"] {
  box-sizing: border-box;
  display: block;
  padding: 10px 25px;
  font-size: 13px;
  line-height: 19px;
  color: #fff;
  background-color: #a51c43;
  border: none;
  font-family: "Open Sans", sans-serif;
  text-transform: uppercase;
}
#foot FORM BUTTON[type="submit"] {
  box-sizing: border-box;
  display: inline-block;
  padding: 6px 10px;
  font-size: 13px;
  line-height: 19px;
  color: #fff;
  background-color: #a51c43;
  border: none;
  font-family: "Open Sans", sans-serif;
  text-transform: uppercase;
}

#foot A.social-icon {
  display: inline-block;
  margin: 0 0 0 4px;
  background-color: #666;
  color: #fff;
  width: 22px;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
}
#foot A.social-icon:hover {
  background-color: #a51c43;
  color: #fff;
}

/* ********************************************************************* */
/* ***** RESPONSIVE **************************************************** */
/* ********************************************************************* */

@media screen and (max-width: 1180px) {
  .width {
    width: 960px;
  }
}

@media screen and (max-width: 980px) {
  .width {
    width: 100%;
  }

  /* ********************************************************************* */
  /*	HEAD
	/* ********************************************************************* */

  #head #logo {
    width: 300px;
  }

  #head #contact {
  }
  #head #contact A {
    display: none;
  }
  #head #contact A.social-icon {
    display: inline-block;
  }

  /*	MENU
	/* ********************************************************************* */

  #head #menutab {
    display: block;
    position: absolute;
    z-index: 990;
    top: 40px;
    right: 20px;
    font-size: 26px;
    color: #a51c43;
    cursor: pointer;
  }

  #head #menu {
    float: none;
    position: absolute;
    z-index: 998;
    top: 82px;
    right: 0;
    left: 0;
    margin: 0;
    padding: 0;
  }
  #head #menu UL {
    width: 100%;
    margin: 0px;
    padding: 0px;
    display: block;
    background-color: #eee;
    box-shadow: 0px 5px 3px 0 rgba(0, 0, 0, 0.2);
  }
  #head #menu UL LI {
    margin: 0px;
    padding: 0px;
    display: block;
  }

  #head #menu UL LI .rmore {
    display: block;
    height: 36px;
    width: 36px;
    margin-top: -36px;
    float: right;
    background-color: #ccc;
    overflow: hidden;
    cursor: pointer;
    font-size: 22px;
    line-height: 39px;
    text-align: center;
    color: #333;
  }
  #head #menu UL LI .rmore I {
    display: none;
  }
  #head #menu UL LI .rmore I.on {
    display: inline;
  }

  #head #menu UL LI A {
    margin: 0;
    padding: 10px 0 10px 0;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    border-top: solid 1px #999;
  }
  #head #menu UL LI A:hover {
  }
  #head #menu UL LI A.active {
  }

  #head #menu UL LI UL {
    display: none;
    position: relative;
    top: auto;
    box-shadow: none;
    background-color: #e1e1e1;
  }
  #head #menu UL LI.selected UL {
    display: none;
  }
  #head #menu UL LI UL LI A {
    margin: 0 0 0 0;
    font-size: 14px;
    line-height: 14px;
  }

  #head #menu UL LI UL LI UL {
    background-color: #d1d1d1;
  }

  /*	HOME SECTIONS
	/* ********************************************************************* */

  #fullpage .section {
    padding: 83px 0 0 0;
  }

  #home-01 {
  }
  #home-01 .fp-scroller {
    position: relative;
  }
  #home-01-main {
    position: relative;
    right: 0;
    display: none;
  }
  #home-01-side {
    position: relative;
    left: 0;
  }
  #home-01-side-01 {
    height: auto;
  }
  #home-01-side-02 {
    height: auto;
  }
  #home-01-side-03 {
    height: auto;
  }
  #home-01-side-04 {
    height: auto;
  }
  #page #home-01 .block {
    position: relative;
  }

  #home-02 {
  }
  #home-02 .fp-scroller {
    position: relative;
  }

  #home-03 {
  }
  #home-03 .fp-scroller {
    position: relative;
  }
  #home-03 FORM INPUT[type="text"] {
    display: block;
    width: 100%;
    margin: 0 0 10px 0;
  }
  #home-03 FORM #rate_calculate,
  #home-03 FORM #rate_calculate_main {
    display: block;
    width: 100%;
    margin: 0 0 10px 0;
  }

  #home-04 {
  }
  #page #home-04 .block {
    position: relative;
  }
  #home-04 .fp-scroller {
    position: relative;
  }
  #home-04 .video {
    margin: 0;
  }

  #home-05 {
  }
  #page #home-05 .block {
    position: relative;
  }
  #home-05 .fp-scroller {
    position: relative;
  }

  #page #home-05 .offices .contact_panel,
  .offices .contact_panel {
    height: auto;
  }

  #page #home-05 .offices .contact_panel .map,
  .offices .contact_panel .map {
    float: none;
    width: 100%;
  }
  #page #home-05 .offices .contact_panel .details,
  .offices .contact_panel .details {
    float: none;
    width: 100%;
  }
  #page #home-05 .offices .contact_panel .details P,
  .offices .contact_panel .details P {
    text-align: center;
  }

  #home-06 {
  }
  #home-06 .fp-scroller {
    position: relative;
  }

  #page #home-06 IMG {
    width: 75%;
    margin: 0 auto 0 auto;
  }
}

@media screen and (max-width: 800px) {
  /*	ONE  *************************************************************** */
  /*	TWO  *************************************************************** */

  DIV.two_col {
    display: table;
    width: 100%;
  }
  DIV.two_col .container {
    display: table-cell;
    width: 50%;
  }

  /*	THREE  *************************************************************** */

  DIV.three_col {
    display: block;
    width: 100%;
  }
  DIV.three_col .container {
    display: block;
    width: 100%;
  }

  /*	FOUR   ************************************************************** */

  DIV.four_col {
    display: block;
    width: 100%;
  }
  DIV.four_col .container {
    display: block;
    float: left;
    width: 50%;
  }

  DIV.four_col .c_123 {
    width: 100%;
  }
  DIV.four_col .c_23 {
    width: 100%;
  }

  /*	FIVE   ************************************************************* */

  DIV.five_col {
    display: block;
    width: 100%;
  }
  DIV.five_col .container {
    display: block;
    float: left;
    width: 50%;
  }

  DIV.five_col .c_1234 {
    width: 100%;
  }
  DIV.five_col .c_234 {
    width: 100%;
  }

  /*	SEVEN  ************************************************************* */

  DIV.seven_col {
    display: block;
    width: 100%;
  }
  DIV.seven_col .container {
    float: left;
    width: 50%;
  }

  /*	CUSTOM  ************************************************************ */

  DIV.custom_col {
    display: block;
    width: 100%;
  }
  DIV.custom_col .container {
    display: block;
    width: 100%;
  }

  DIV.custom_col .c_1 {
    width: 100%;
  }
  DIV.custom_col .c_2 {
    width: 100%;
  }

  /* ********************************************************************* */
  /*	FOOT
	/* ********************************************************************* */

  #foot .container {
    border-left: none;
    padding: 20px;
  }
}

@media screen and (max-width: 600px) {
  /*	ONE  *************************************************************** */
  /*	TWO  *************************************************************** */

  DIV.two_col {
    display: table;
    width: 100%;
  }
  DIV.two_col .container {
    display: table-cell;
    width: 100%;
  }

  /*	THREE  *************************************************************** */

  DIV.three_col {
    display: block;
    width: 100%;
  }
  DIV.three_col .container {
    display: block;
    width: 100%;
  }

  /*	FOUR   ************************************************************** */

  DIV.four_col {
    display: block;
    width: 100%;
  }
  DIV.four_col .container {
    display: block;
    float: none;
    width: 100%;
  }

  DIV.four_col .c_123 {
    width: 100%;
  }
  DIV.four_col .c_23 {
    width: 100%;
  }

  /*	FIVE   ************************************************************* */

  DIV.five_col {
    display: block;
    width: 100%;
  }
  DIV.five_col .container {
    display: block;
    float: none;
    width: 100%;
  }

  DIV.five_col .c_1234 {
    width: 100%;
  }
  DIV.five_col .c_234 {
    width: 100%;
  }

  /*	SEVEN  ************************************************************* */

  DIV.seven_col {
    display: block;
    width: 100%;
  }
  DIV.seven_col .container {
    display: block;
    float: none;
    width: 100%;
  }

  /*	CUSTOM  ************************************************************ */

  DIV.custom_col {
    display: block;
    width: 100%;
  }
  DIV.custom_col .container {
    display: block;
    width: 100%;
  }

  DIV.custom_col .c_1 {
    width: 100%;
  }
  DIV.custom_col .c_2 {
    width: 100%;
  }

  /* ********************************************************************* */
  /*	HEAD
	/* ********************************************************************* */

  #head {
    height: 73px;
  }

  #head #logo {
    width: 220px;
  }

  #head #contact {
  }
  #head #contact A {
    display: none;
  }
  #head #contact A.social-icon {
    display: none;
  }

  /*	MENU
	/* ********************************************************************* */

  #head #menutab {
    top: 16px;
  }

  #head #menu {
    top: 72px;
  }

  /* ********************************************************************* */
  /*	PAGE
	/* ********************************************************************* */

  #page {
    padding: 95px 0 0 0;
  }

  /*	HOME SECTIONS
	/* ********************************************************************* */

  #fullpage .section {
    padding: 73px 0 0 0;
  }

  /* ********************************************************************* */
  /*	FOOT
	/* ********************************************************************* */

  #foot .container {
    border-left: none;
    padding: 20px;
    text-align: center;
  }
  #foot .c_5 {
    padding: 20px 100px;
  }
}
