/* SETUP */
/*------------------------------------*\
    #IMAGES
\*------------------------------------*/
/**
 * While image is not loaded, with this trick the space occupied
 * Use this placeholder and it is required the width and padding-bottom
 * for it to work.
 * Remember, the padding-bottom is a percent of the width value
 */
/* MODULES */
/* highlight */
.highlight {
  position: relative;
}
.highlight .block {
  float: left;
  height: 527px;
  position: absolute;
  right: 50%;
  bottom: -27px;
}
.highlight .block .text {
  width: 400px;
  float: right;
  margin-right: 205px;
  left: 0;
  position: relative;
  height: 450px;
}
.highlight .block .text .subtitle {
  color: #f2f4f8;
  padding: 40px 0;
}
.highlight .block .text .lead {
  font-size: 4.5em;
  color: #fff;
  margin-bottom: .3em;
}
.highlight .block .text .subtitle-lead {
  font-size: 1.8em;
  color: #fff;
  font-weight: 400;
}
.highlight .block .text .link {
  font-size: 2.4em;
  color: #f2f4f8;
  position: absolute;
  bottom: 0;
  display: inline-block;
  vertical-align: top;
}
.highlight .block .text .link em {
  font-style: normal;
  text-decoration: none;
  vertical-align: top
  /*					top: 20px;
  					position: relative;*/
}
.highlight .block .text .link:after {
  content: "\e611";
  font-family: 'icomoon';
  padding-left: 12px;
  color: #f2f4f8;
  font-size: 1.2em
  /*					top: 20px;
  					position: relative;*/
}
.highlight .block:before {
  content: '';
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  right: 100%;
  top: 0;
}
.highlight .image {
  float: right;
  width: 100%;
  min-width: 1600px;
  height: 500px;
  overflow: hidden;
  text-align: center;
}
.highlight .image img {
  width: 1600px;
  height: 500px;
}
.highlight .container {
  overflow: hidden;
  width: 100%;
  position: relative;
}
.highlight .container.blue-pale .image {
  background-color: #bfcadc;
}
.highlight .container.blue-pale .image:after {
  content: '';
  background: transparent;
}
.highlight .container.blue-pale .block {
  background-color: #bfcadc;
}
.highlight .container.blue-pale .block:before {
  background-color: #bfcadc;
}
.highlight .container.blue-pale .block .text .subtitle {
  color: #7f96b9;
}
.highlight .container.blue-pale .block .text .lead {
  color: #4c6c9d;
}
.highlight .container.blue-pale .block .text .subtitle-lead {
  color: #4c6c9d;
}
.highlight .container.blue-pale .block .text .link {
  color: #7f96b9;
}
.highlight .container.blue-pale .block .text .link:after {
  color: #7f96b9;
}
.highlight .container.blue-pale .block .text .link:hover {
  color: #4c6c9d;
}
.highlight .container.blue-pale .block .text .link:hover:after {
  color: #4c6c9d;
}
.highlight .container.blue-grey .image {
  background-color: #4c6c9d;
}
.highlight .container.blue-grey .image:after {
  content: '';
  background: transparent;
}
.highlight .container.blue-grey .block {
  background-color: #4c6c9d;
}
.highlight .container.blue-grey .block:before {
  background-color: #4c6c9d;
}
.highlight .container.blue-grey .block .text .subtitle {
  color: #a6b6ce;
}
.highlight .container.blue-grey .block .text .lead {
  color: #fff;
}
.highlight .container.blue-grey .block .text .subtitle-lead {
  color: #fff;
}
.highlight .container.blue-grey .block .text .link {
  color: #a6b6ce;
}
.highlight .container.blue-grey .block .text .link:after {
  color: #a6b6ce;
}
.highlight .container.blue-grey .block .text .link:hover {
  color: #d9e0ea;
}
.highlight .container.blue-grey .block .text .link:hover:after {
  color: #d9e0ea;
}
.highlight .container.transparent .block {
  background: transparent;
}
.highlight .container.transparent .block:before {
  background: transparent;
}
.highlight .container.transparent .block .text .subtitle {
  color: #fff;
  opacity: 0.6;
}
.highlight .container.transparent .block .text .lead {
  color: #fff;
}
.highlight .container.transparent .block .text .subtitle-lead {
  color: #fff;
}
.highlight .container.transparent .block .text .link {
  color: #fff;
  opacity: 0.6;
}
.highlight .container.transparent .block .text .link:after {
  color: #fff;
}
.highlight .container.transparent .block .text .link:hover {
  color: #fff;
  opacity: 1;
}
.highlight .container.transparent .block .text .link:hover:after {
  color: #fff;
  opacity: 1;
}
.highlight .container.transparent .image:after {
  content: '';
  background: url(../../images/bg/black-opacity30.png) repeat;
  width: 1600px;
  height: 500px;
  position: absolute;
  left: 50%;
  margin-left: -800px;
  top: 0;
}
.highlight .container.text-right .block {
  float: right;
  left: 50%;
  right: 0;
  margin-left: 120px;
  margin-right: 0;
}
.highlight .container.text-right .block .text {
  float: left;
  padding-left: 40px;
}
.highlight .container.text-right .block:before {
  right: 0;
}
.highlight .container.text-right .image {
  float: left;
}
.highlight .bx-wrapper .bx-default-pager {
  height: 70px;
  bottom: -20px;
  position: relative;
}
.highlight .bx-wrapper .bx-controls-direction .bx-prev {
  top: 50%;
  margin-top: 140px;
}
.highlight .bx-wrapper .bx-controls-direction .bx-next {
  top: 50%;
  margin-top: 140px;
}

@media (max-width: 1260px) {
  .highlight .block {
    right: 42%;
    height: 400px;
    bottom: 0;
  }
  .highlight .block .text {
    width: 350px;
    height: 350px;
    margin-right: 37%;
  }
  .highlight .block .text .lead {
    font-size: 3.6em;
  }
  .highlight .image {
    width: 1280px;
    min-width: 1280px;
    height: 400px;
  }
  .highlight .image img {
    width: 1280px;
    height: 450px;
  }
  .highlight .container.text-right .block {
    margin-left: 50px;
  }
}
@media (max-width: 1004px) {
  .highlight .container .block {
    display: block;
    /*min-height: 400px;*/
    width: 100%;
    height: 400px;
    float: left;
    margin: 0;
    position: inherit;
    right: 0;
    left: 0;
  }
  .highlight .container .block .text {
    width: 80%;
    height: 350px;
    left: 0;
    text-align: center;
    float: none;
    margin: 0 auto;
  }
  .highlight .container .block .text .lead {
    font-size: 4.5em;
  }
  .highlight .container .block .text .link {
    display: inline-block;
    width: 1000px;
    left: 50%;
    margin-left: -500px;
    text-align: center;
  }
  .highlight .container .image {
    display: block;
  }
  .highlight .container .image:after {
    background: transparent;
  }
  .highlight .container.text-right .block {
    margin: 0;
    left: 0;
  }
  .highlight .container.text-right .block .text {
    width: 80%;
    left: 0;
    text-align: center;
    float: none;
    margin: 0 auto;
    padding-left: 0;
  }
  .highlight .container.blue-pale .image, .highlight .container.transparent .image {
    background-color: #bfcadc;
  }
  .highlight .container.blue-pale .image:after, .highlight .container.transparent .image:after {
    content: '';
    background: transparent;
  }
  .highlight .container.blue-pale .block, .highlight .container.transparent .block {
    background-color: #bfcadc;
  }
  .highlight .container.blue-pale .block:before, .highlight .container.transparent .block:before {
    background-color: #bfcadc;
  }
  .highlight .container.blue-pale .block .text .subtitle, .highlight .container.transparent .block .text .subtitle {
    color: #7f96b9;
    opacity: 1;
  }
  .highlight .container.blue-pale .block .text .lead, .highlight .container.transparent .block .text .lead {
    color: #4c6c9d;
  }
  .highlight .container.blue-pale .block .text .subtitle-lead, .highlight .container.transparent .block .text .subtitle-lead {
    color: #4c6c9d;
  }
  .highlight .container.blue-pale .block .text .link, .highlight .container.transparent .block .text .link {
    color: #7f96b9;
    opacity: 1;
  }
  .highlight .container.blue-pale .block .text .link:after, .highlight .container.transparent .block .text .link:after {
    color: #7f96b9;
  }
  .highlight .container.blue-pale .block .text .link:hover, .highlight .container.transparent .block .text .link:hover {
    color: #4c6c9d;
  }
  .highlight .container.blue-pale .block .text .link:hover:after, .highlight .container.transparent .block .text .link:hover:after {
    color: #4c6c9d;
  }
  .highlight .container.blue-grey .image {
    background-color: #4c6c9d;
  }
  .highlight .container.blue-grey .image:after {
    content: '';
    background: transparent;
  }
  .highlight .container.blue-grey .block {
    background-color: #4c6c9d;
  }
  .highlight .container.blue-grey .block:before {
    background-color: #4c6c9d;
  }
  .highlight .container.blue-grey .block .text .subtitle {
    color: #a6b6ce;
    opacity: 1;
  }
  .highlight .container.blue-grey .block .text .lead {
    color: #fff;
  }
  .highlight .container.blue-grey .block .text .subtitle-lead {
    color: #fff;
  }
  .highlight .container.blue-grey .block .text .link {
    color: #a6b6ce;
    opacity: 1;
  }
  .highlight .container.blue-grey .block .text .link:after {
    color: #a6b6ce;
  }
  .highlight .container.blue-grey .block .text .link:hover {
    color: #d9e0ea;
  }
  .highlight .container.blue-grey .block .text .link:hover:after {
    color: #d9e0ea;
  }
  .highlight .bx-wrapper .bx-controls-direction {
    display: block;
  }
  .highlight .bx-wrapper .bx-controls-direction .bx-prev {
    color: #a6b6ce;
    width: 32px;
    height: 42px;
    overflow: hidden;
    display: block;
    font-size: 6em;
    position: absolute;
    left: 15px;
  }
  .highlight .bx-wrapper .bx-controls-direction .bx-prev:before {
    content: '\e606';
    font-family: 'icomoon';
    display: block;
    margin-left: -10px;
  }
  .highlight .bx-wrapper .bx-controls-direction .bx-prev:hover {
    color: #fff;
  }
  .highlight .bx-wrapper .bx-controls-direction .bx-next {
    color: #a6b6ce;
    width: 32px;
    height: 42px;
    overflow: hidden;
    display: block;
    font-size: 6em;
    position: absolute;
    right: 20px;
  }
  .highlight .bx-wrapper .bx-controls-direction .bx-next:before {
    content: '\e607';
    font-family: 'icomoon';
    display: block;
    margin-left: -10px;
  }
  .highlight .bx-wrapper .bx-controls-direction .bx-next:hover {
    color: #fff;
  }
}
@media (max-width: 767px) {
  .highlight .container {
    min-width: 300px;
  }
  .highlight .container .image {
    width: 100%;
    min-width: inherit;
    float: none;
    height: auto;
  }
  .highlight .container .image img {
    width: 200%;
    max-width: none;
    height: auto;
    float: right;
  }
  .highlight .container .block {
    float: none;
    width: 100%;
    position: relative;
    right: auto;
    margin: auto;
    height: auto;
  }
  .highlight .container .block .text {
    width: 80%;
  }
  .highlight .container .block .text .lead {
    font-size: 2.4em;
  }
  .highlight .container .block .text a {
    width: 100%;
    left: 0;
  }
  .highlight .container .block .text .link {
    font-size: 1.8em;
    position: inherit;
    display: inline-block;
    padding: 40px 0;
    margin-left: -100%;
    width: 100%;
  }
  .highlight .container .block .text .link:after {
    padding-left: 7px;
  }
  .highlight .container.text-right .image img {
    float: left;
  }
  .highlight .container.text-right .block .text {
    width: 80%;
  }
  .highlight .bx-wrapper .bx-controls-direction {
    display: block;
    position: absolute;
    width: 100%;
    top: 50%;
  }
  .highlight .bx-wrapper .bx-controls-direction .bx-prev {
    left: -8px;
  }
  .highlight .bx-wrapper .bx-controls-direction .bx-prev:before {
    margin-left: -10px;
  }
  .highlight .bx-wrapper .bx-controls-direction .bx-next {
    right: 0px;
  }
  .highlight .bx-wrapper .bx-controls-direction .bx-next:before {
    margin-left: -10px;
  }
}

/*# sourceMappingURL=mod_highlight.css.map */