@charset "UTF-8";
/**
 * Theme based on Janitor (by Amazee Labs)
 */
/* Header
*/
/* Container Background
 */
/* Page Margin
 */
/* Gutter (horizontal space between columns)
 */
/* Breakpoints (these values are the minimum for each type)
 */
/* Sidebar
 */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  background: #afafaf;
}

a {
  color: #4c5e7c;
}
a:hover {
  text-decoration: none;
}

img {
  max-width: 100%;
  height: auto;
}

ul, ol {
  padding: 0 0 0 28px;
}

input[type=text][disabled],
input[type=password][disabled],
input[type=email][disabled],
input[type=url][disabled],
input[type=date][disabled],
input[type=month][disabled],
input[type=time][disabled],
input[type=datetime][disabled],
input[type=datetime-local][disabled],
input[type=week][disabled],
input[type=number][disabled],
input[type=search][disabled],
input[type=tel][disabled],
input[type=color][disabled] {
  cursor: not-allowed;
}

input:not([type])[disabled] {
  cursor: not-allowed;
}

textarea[disabled] {
  cursor: not-allowed;
}

select {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
select[disabled] {
  cursor: not-allowed;
}
select[multiple] {
  height: auto;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */ }

::-moz-placeholder { /* Firefox 19+ */ }

:-ms-input-placeholder { /* IE 10+ */ }

:-moz-placeholder { /* Firefox 18- */ }

.center-hori {
  position: relative;
}
.center-hori > div,
.center-hori > i,
.center-hori > a,
.center-hori > p,
.center-hori > span,
.center-hori > img {
  display: block;
  margin: 0;
  position: absolute;
  left: 50%;
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.center-vert {
  position: relative;
}
.center-vert > div,
.center-vert > i,
.center-vert > a,
.center-vert > p,
.center-vert > span,
.center-vert > img {
  display: block;
  margin: 0;
  position: absolute;
  top: 50%;
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.center-both {
  position: relative;
}
.center-both > div,
.center-both > i,
.center-both > a,
.center-both > p,
.center-both > span,
.center-both > img {
  display: block;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.jcontainer {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  float: left;
  clear: left;
  background: none;
}
.jcontainer .jrow {
  width: 100%;
  float: left;
}
.jcontainer .jrow .jcol {
  float: left;
  margin: 0 calc(20px / 2);
  width: calc(100% - 20px);
}
.jcontainer .jrow .jcol-flush {
  margin: 0;
  width: 100%;
}
.jcontainer .jrow .jcol-nest {
  padding: 0 calc(20px / 2);
}
.jcontainer .jrow .jcol-nest-flush {
  padding: 0;
}

.jcontainer-has-sidebar,
.jcontainer-has-sidebar-both {
  padding: 0 !important;
}
.jcontainer-has-sidebar .jcontent,
.jcontainer-has-sidebar-both .jcontent {
  width: 100%;
  float: left;
  background: none;
  padding: 0 20px;
  position: relative;
  z-index: 2;
}
.jcontainer-has-sidebar .jsidebar,
.jcontainer-has-sidebar-both .jsidebar {
  width: 100%;
  float: left;
  background: none;
  padding: 0 20px;
  position: relative;
  z-index: 3;
}
.jcontainer-has-sidebar .jsidebar .sidebar-first-div,
.jcontainer-has-sidebar-both .jsidebar .sidebar-first-div {
  width: 100%;
  float: left;
}

.jheader.remove_this {
  position: relative;
  z-index: 0;
}
.jheader.remove_this .jcontainer {
  background: #4c5e7c !important;
}
.jheader.remove_this .jcontainer .jcol img {
  margin: 100px auto;
  width: 100%;
  max-width: 400px;
  height: auto;
  display: block;
}

.jcontainer.remove_this {
  background: #fff;
  z-index: 0;
  position: relative;
}
.jcontainer.remove_this .jrow .jcol {
  background: #a2a2a2;
  text-align: center;
  height: 30px;
  line-height: 30px;
  margin-top: calc(20px / 2);
  margin-bottom: calc(20px / 2);
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.jcontainer.remove_this .jrow .jcol-flush {
  background: #7C7C7C;
}
.jcontainer.remove_this .jrow .jcol-nest {
  height: auto;
  padding: calc(20px / 2);
}
.jcontainer.remove_this .jrow .jcol-nest .jrow .jcol {
  background: #4c5e7c;
  color: #fff;
}
.jcontainer.remove_this .jrow .jcol-nest .jrow .jcol-flush {
  background: #6695a8;
}
.jcontainer.remove_this .jrow .jcol-nest-flush {
  padding: calc(20px / 2) 0;
}

.jcontainer-has-sidebar.remove_this .jrow .jcol, .jcontainer-has-sidebar-both.remove_this .jrow .jcol {
  background: #4c5e7c;
  color: #fff;
}
.jcontainer-has-sidebar.remove_this .jrow .jcol-flush, .jcontainer-has-sidebar-both.remove_this .jrow .jcol-flush {
  background: #6695a8;
}

@media screen and (min-width: 320px) {
  .jcontainer .jrow .jcol-fea-1 {
    width: calc(((100% / 12) * 1) - 20px);
  }
  .jcontainer .jrow .jcol-fea-2 {
    width: calc(((100% / 12) * 2) - 20px);
  }
  .jcontainer .jrow .jcol-fea-3 {
    width: calc(((100% / 12) * 3) - 20px);
  }
  .jcontainer .jrow .jcol-fea-4 {
    width: calc(((100% / 12) * 4) - 20px);
  }
  .jcontainer .jrow .jcol-fea-5 {
    width: calc(((100% / 12) * 5) - 20px);
  }
  .jcontainer .jrow .jcol-fea-6 {
    width: calc(((100% / 12) * 6) - 20px);
  }
  .jcontainer .jrow .jcol-fea-7 {
    width: calc(((100% / 12) * 7) - 20px);
  }
  .jcontainer .jrow .jcol-fea-8 {
    width: calc(((100% / 12) * 8) - 20px);
  }
  .jcontainer .jrow .jcol-fea-9 {
    width: calc(((100% / 12) * 9) - 20px);
  }
  .jcontainer .jrow .jcol-fea-10 {
    width: calc(((100% / 12) * 10) - 20px);
  }
  .jcontainer .jrow .jcol-fea-11 {
    width: calc(((100% / 12) * 11) - 20px);
  }
  .jcontainer .jrow .jcol-fea-12 {
    width: calc(((100% / 12) * 12) - 20px);
  }
  .jcontainer .jrow .jcol-fea-hop-1 {
    margin-left: calc(((100% / 12) * 1) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-fea-hop-2 {
    margin-left: calc(((100% / 12) * 2) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-fea-hop-3 {
    margin-left: calc(((100% / 12) * 3) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-fea-hop-4 {
    margin-left: calc(((100% / 12) * 4) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-fea-hop-5 {
    margin-left: calc(((100% / 12) * 5) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-fea-hop-6 {
    margin-left: calc(((100% / 12) * 6) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-fea-hop-7 {
    margin-left: calc(((100% / 12) * 7) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-fea-hop-8 {
    margin-left: calc(((100% / 12) * 8) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-fea-hop-9 {
    margin-left: calc(((100% / 12) * 9) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-fea-hop-10 {
    margin-left: calc(((100% / 12) * 10) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-fea-hop-11 {
    margin-left: calc(((100% / 12) * 11) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-fea-hop-12 {
    margin-left: calc(((100% / 12) * 12) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-fea-pop-1 {
    margin-right: calc(((100% / 12) * 1) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-fea-pop-2 {
    margin-right: calc(((100% / 12) * 2) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-fea-pop-3 {
    margin-right: calc(((100% / 12) * 3) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-fea-pop-4 {
    margin-right: calc(((100% / 12) * 4) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-fea-pop-5 {
    margin-right: calc(((100% / 12) * 5) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-fea-pop-6 {
    margin-right: calc(((100% / 12) * 6) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-fea-pop-7 {
    margin-right: calc(((100% / 12) * 7) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-fea-pop-8 {
    margin-right: calc(((100% / 12) * 8) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-fea-pop-9 {
    margin-right: calc(((100% / 12) * 9) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-fea-pop-10 {
    margin-right: calc(((100% / 12) * 10) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-fea-pop-11 {
    margin-right: calc(((100% / 12) * 11) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-fea-pop-12 {
    margin-right: calc(((100% / 12) * 12) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-fea-1.jcol-flush {
    width: calc((100% / 12) * 1);
  }
  .jcontainer .jrow .jcol-fea-2.jcol-flush {
    width: calc((100% / 12) * 2);
  }
  .jcontainer .jrow .jcol-fea-3.jcol-flush {
    width: calc((100% / 12) * 3);
  }
  .jcontainer .jrow .jcol-fea-4.jcol-flush {
    width: calc((100% / 12) * 4);
  }
  .jcontainer .jrow .jcol-fea-5.jcol-flush {
    width: calc((100% / 12) * 5);
  }
  .jcontainer .jrow .jcol-fea-6.jcol-flush {
    width: calc((100% / 12) * 6);
  }
  .jcontainer .jrow .jcol-fea-7.jcol-flush {
    width: calc((100% / 12) * 7);
  }
  .jcontainer .jrow .jcol-fea-8.jcol-flush {
    width: calc((100% / 12) * 8);
  }
  .jcontainer .jrow .jcol-fea-9.jcol-flush {
    width: calc((100% / 12) * 9);
  }
  .jcontainer .jrow .jcol-fea-10.jcol-flush {
    width: calc((100% / 12) * 10);
  }
  .jcontainer .jrow .jcol-fea-11.jcol-flush {
    width: calc((100% / 12) * 11);
  }
  .jcontainer .jrow .jcol-fea-12.jcol-flush {
    width: calc((100% / 12) * 12);
  }
  .jcontainer .jrow .jcol-fea-hop-1.jcol-flush {
    margin-left: calc((100% / 12) * 1);
  }
  .jcontainer .jrow .jcol-fea-hop-2.jcol-flush {
    margin-left: calc((100% / 12) * 2);
  }
  .jcontainer .jrow .jcol-fea-hop-3.jcol-flush {
    margin-left: calc((100% / 12) * 3);
  }
  .jcontainer .jrow .jcol-fea-hop-4.jcol-flush {
    margin-left: calc((100% / 12) * 4);
  }
  .jcontainer .jrow .jcol-fea-hop-5.jcol-flush {
    margin-left: calc((100% / 12) * 5);
  }
  .jcontainer .jrow .jcol-fea-hop-6.jcol-flush {
    margin-left: calc((100% / 12) * 6);
  }
  .jcontainer .jrow .jcol-fea-hop-7.jcol-flush {
    margin-left: calc((100% / 12) * 7);
  }
  .jcontainer .jrow .jcol-fea-hop-8.jcol-flush {
    margin-left: calc((100% / 12) * 8);
  }
  .jcontainer .jrow .jcol-fea-hop-9.jcol-flush {
    margin-left: calc((100% / 12) * 9);
  }
  .jcontainer .jrow .jcol-fea-hop-10.jcol-flush {
    margin-left: calc((100% / 12) * 10);
  }
  .jcontainer .jrow .jcol-fea-hop-11.jcol-flush {
    margin-left: calc((100% / 12) * 11);
  }
  .jcontainer .jrow .jcol-fea-hop-12.jcol-flush {
    margin-left: calc((100% / 12) * 12);
  }
  .jcontainer .jrow .jcol-fea-pop-1.jcol-flush {
    margin-right: calc((100% / 12) * 1);
  }
  .jcontainer .jrow .jcol-fea-pop-2.jcol-flush {
    margin-right: calc((100% / 12) * 2);
  }
  .jcontainer .jrow .jcol-fea-pop-3.jcol-flush {
    margin-right: calc((100% / 12) * 3);
  }
  .jcontainer .jrow .jcol-fea-pop-4.jcol-flush {
    margin-right: calc((100% / 12) * 4);
  }
  .jcontainer .jrow .jcol-fea-pop-5.jcol-flush {
    margin-right: calc((100% / 12) * 5);
  }
  .jcontainer .jrow .jcol-fea-pop-6.jcol-flush {
    margin-right: calc((100% / 12) * 6);
  }
  .jcontainer .jrow .jcol-fea-pop-7.jcol-flush {
    margin-right: calc((100% / 12) * 7);
  }
  .jcontainer .jrow .jcol-fea-pop-8.jcol-flush {
    margin-right: calc((100% / 12) * 8);
  }
  .jcontainer .jrow .jcol-fea-pop-9.jcol-flush {
    margin-right: calc((100% / 12) * 9);
  }
  .jcontainer .jrow .jcol-fea-pop-10.jcol-flush {
    margin-right: calc((100% / 12) * 10);
  }
  .jcontainer .jrow .jcol-fea-pop-11.jcol-flush {
    margin-right: calc((100% / 12) * 11);
  }
  .jcontainer .jrow .jcol-fea-pop-12.jcol-flush {
    margin-right: calc((100% / 12) * 12);
  }
}
@media screen and (min-width: 480px) {
  .jcontainer {
    width: 440px;
    left: 50%;
    margin-left: -220px;
  }
  .jcontainer .jrow .jcol-sma-1 {
    width: calc(((100% / 12) * 1) - 20px);
  }
  .jcontainer .jrow .jcol-sma-2 {
    width: calc(((100% / 12) * 2) - 20px);
  }
  .jcontainer .jrow .jcol-sma-3 {
    width: calc(((100% / 12) * 3) - 20px);
  }
  .jcontainer .jrow .jcol-sma-4 {
    width: calc(((100% / 12) * 4) - 20px);
  }
  .jcontainer .jrow .jcol-sma-5 {
    width: calc(((100% / 12) * 5) - 20px);
  }
  .jcontainer .jrow .jcol-sma-6 {
    width: calc(((100% / 12) * 6) - 20px);
  }
  .jcontainer .jrow .jcol-sma-7 {
    width: calc(((100% / 12) * 7) - 20px);
  }
  .jcontainer .jrow .jcol-sma-8 {
    width: calc(((100% / 12) * 8) - 20px);
  }
  .jcontainer .jrow .jcol-sma-9 {
    width: calc(((100% / 12) * 9) - 20px);
  }
  .jcontainer .jrow .jcol-sma-10 {
    width: calc(((100% / 12) * 10) - 20px);
  }
  .jcontainer .jrow .jcol-sma-11 {
    width: calc(((100% / 12) * 11) - 20px);
  }
  .jcontainer .jrow .jcol-sma-12 {
    width: calc(((100% / 12) * 12) - 20px);
  }
  .jcontainer .jrow .jcol-sma-hop-1 {
    margin-left: calc(((100% / 12) * 1) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-sma-hop-2 {
    margin-left: calc(((100% / 12) * 2) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-sma-hop-3 {
    margin-left: calc(((100% / 12) * 3) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-sma-hop-4 {
    margin-left: calc(((100% / 12) * 4) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-sma-hop-5 {
    margin-left: calc(((100% / 12) * 5) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-sma-hop-6 {
    margin-left: calc(((100% / 12) * 6) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-sma-hop-7 {
    margin-left: calc(((100% / 12) * 7) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-sma-hop-8 {
    margin-left: calc(((100% / 12) * 8) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-sma-hop-9 {
    margin-left: calc(((100% / 12) * 9) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-sma-hop-10 {
    margin-left: calc(((100% / 12) * 10) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-sma-hop-11 {
    margin-left: calc(((100% / 12) * 11) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-sma-hop-12 {
    margin-left: calc(((100% / 12) * 12) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-sma-pop-1 {
    margin-right: calc(((100% / 12) * 1) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-sma-pop-2 {
    margin-right: calc(((100% / 12) * 2) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-sma-pop-3 {
    margin-right: calc(((100% / 12) * 3) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-sma-pop-4 {
    margin-right: calc(((100% / 12) * 4) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-sma-pop-5 {
    margin-right: calc(((100% / 12) * 5) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-sma-pop-6 {
    margin-right: calc(((100% / 12) * 6) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-sma-pop-7 {
    margin-right: calc(((100% / 12) * 7) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-sma-pop-8 {
    margin-right: calc(((100% / 12) * 8) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-sma-pop-9 {
    margin-right: calc(((100% / 12) * 9) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-sma-pop-10 {
    margin-right: calc(((100% / 12) * 10) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-sma-pop-11 {
    margin-right: calc(((100% / 12) * 11) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-sma-pop-12 {
    margin-right: calc(((100% / 12) * 12) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-sma-1.jcol-flush {
    width: calc((100% / 12) * 1);
  }
  .jcontainer .jrow .jcol-sma-2.jcol-flush {
    width: calc((100% / 12) * 2);
  }
  .jcontainer .jrow .jcol-sma-3.jcol-flush {
    width: calc((100% / 12) * 3);
  }
  .jcontainer .jrow .jcol-sma-4.jcol-flush {
    width: calc((100% / 12) * 4);
  }
  .jcontainer .jrow .jcol-sma-5.jcol-flush {
    width: calc((100% / 12) * 5);
  }
  .jcontainer .jrow .jcol-sma-6.jcol-flush {
    width: calc((100% / 12) * 6);
  }
  .jcontainer .jrow .jcol-sma-7.jcol-flush {
    width: calc((100% / 12) * 7);
  }
  .jcontainer .jrow .jcol-sma-8.jcol-flush {
    width: calc((100% / 12) * 8);
  }
  .jcontainer .jrow .jcol-sma-9.jcol-flush {
    width: calc((100% / 12) * 9);
  }
  .jcontainer .jrow .jcol-sma-10.jcol-flush {
    width: calc((100% / 12) * 10);
  }
  .jcontainer .jrow .jcol-sma-11.jcol-flush {
    width: calc((100% / 12) * 11);
  }
  .jcontainer .jrow .jcol-sma-12.jcol-flush {
    width: calc((100% / 12) * 12);
  }
  .jcontainer .jrow .jcol-sma-hop-1.jcol-flush {
    margin-left: calc((100% / 12) * 1);
  }
  .jcontainer .jrow .jcol-sma-hop-2.jcol-flush {
    margin-left: calc((100% / 12) * 2);
  }
  .jcontainer .jrow .jcol-sma-hop-3.jcol-flush {
    margin-left: calc((100% / 12) * 3);
  }
  .jcontainer .jrow .jcol-sma-hop-4.jcol-flush {
    margin-left: calc((100% / 12) * 4);
  }
  .jcontainer .jrow .jcol-sma-hop-5.jcol-flush {
    margin-left: calc((100% / 12) * 5);
  }
  .jcontainer .jrow .jcol-sma-hop-6.jcol-flush {
    margin-left: calc((100% / 12) * 6);
  }
  .jcontainer .jrow .jcol-sma-hop-7.jcol-flush {
    margin-left: calc((100% / 12) * 7);
  }
  .jcontainer .jrow .jcol-sma-hop-8.jcol-flush {
    margin-left: calc((100% / 12) * 8);
  }
  .jcontainer .jrow .jcol-sma-hop-9.jcol-flush {
    margin-left: calc((100% / 12) * 9);
  }
  .jcontainer .jrow .jcol-sma-hop-10.jcol-flush {
    margin-left: calc((100% / 12) * 10);
  }
  .jcontainer .jrow .jcol-sma-hop-11.jcol-flush {
    margin-left: calc((100% / 12) * 11);
  }
  .jcontainer .jrow .jcol-sma-hop-12.jcol-flush {
    margin-left: calc((100% / 12) * 12);
  }
  .jcontainer .jrow .jcol-sma-pop-1.jcol-flush {
    margin-right: calc((100% / 12) * 1);
  }
  .jcontainer .jrow .jcol-sma-pop-2.jcol-flush {
    margin-right: calc((100% / 12) * 2);
  }
  .jcontainer .jrow .jcol-sma-pop-3.jcol-flush {
    margin-right: calc((100% / 12) * 3);
  }
  .jcontainer .jrow .jcol-sma-pop-4.jcol-flush {
    margin-right: calc((100% / 12) * 4);
  }
  .jcontainer .jrow .jcol-sma-pop-5.jcol-flush {
    margin-right: calc((100% / 12) * 5);
  }
  .jcontainer .jrow .jcol-sma-pop-6.jcol-flush {
    margin-right: calc((100% / 12) * 6);
  }
  .jcontainer .jrow .jcol-sma-pop-7.jcol-flush {
    margin-right: calc((100% / 12) * 7);
  }
  .jcontainer .jrow .jcol-sma-pop-8.jcol-flush {
    margin-right: calc((100% / 12) * 8);
  }
  .jcontainer .jrow .jcol-sma-pop-9.jcol-flush {
    margin-right: calc((100% / 12) * 9);
  }
  .jcontainer .jrow .jcol-sma-pop-10.jcol-flush {
    margin-right: calc((100% / 12) * 10);
  }
  .jcontainer .jrow .jcol-sma-pop-11.jcol-flush {
    margin-right: calc((100% / 12) * 11);
  }
  .jcontainer .jrow .jcol-sma-pop-12.jcol-flush {
    margin-right: calc((100% / 12) * 12);
  }
}
@media screen and (min-width: 768px) {
  .jcontainer {
    width: 728px;
    margin-left: -364px;
  }
  .jcontainer .jrow .jcol-tab-1 {
    width: calc(((100% / 12) * 1) - 20px);
  }
  .jcontainer .jrow .jcol-tab-2 {
    width: calc(((100% / 12) * 2) - 20px);
  }
  .jcontainer .jrow .jcol-tab-3 {
    width: calc(((100% / 12) * 3) - 20px);
  }
  .jcontainer .jrow .jcol-tab-4 {
    width: calc(((100% / 12) * 4) - 20px);
  }
  .jcontainer .jrow .jcol-tab-5 {
    width: calc(((100% / 12) * 5) - 20px);
  }
  .jcontainer .jrow .jcol-tab-6 {
    width: calc(((100% / 12) * 6) - 20px);
  }
  .jcontainer .jrow .jcol-tab-7 {
    width: calc(((100% / 12) * 7) - 20px);
  }
  .jcontainer .jrow .jcol-tab-8 {
    width: calc(((100% / 12) * 8) - 20px);
  }
  .jcontainer .jrow .jcol-tab-9 {
    width: calc(((100% / 12) * 9) - 20px);
  }
  .jcontainer .jrow .jcol-tab-10 {
    width: calc(((100% / 12) * 10) - 20px);
  }
  .jcontainer .jrow .jcol-tab-11 {
    width: calc(((100% / 12) * 11) - 20px);
  }
  .jcontainer .jrow .jcol-tab-12 {
    width: calc(((100% / 12) * 12) - 20px);
  }
  .jcontainer .jrow .jcol-tab-hop-1 {
    margin-left: calc(((100% / 12) * 1) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-tab-hop-2 {
    margin-left: calc(((100% / 12) * 2) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-tab-hop-3 {
    margin-left: calc(((100% / 12) * 3) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-tab-hop-4 {
    margin-left: calc(((100% / 12) * 4) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-tab-hop-5 {
    margin-left: calc(((100% / 12) * 5) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-tab-hop-6 {
    margin-left: calc(((100% / 12) * 6) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-tab-hop-7 {
    margin-left: calc(((100% / 12) * 7) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-tab-hop-8 {
    margin-left: calc(((100% / 12) * 8) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-tab-hop-9 {
    margin-left: calc(((100% / 12) * 9) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-tab-hop-10 {
    margin-left: calc(((100% / 12) * 10) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-tab-hop-11 {
    margin-left: calc(((100% / 12) * 11) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-tab-hop-12 {
    margin-left: calc(((100% / 12) * 12) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-tab-pop-1 {
    margin-right: calc(((100% / 12) * 1) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-tab-pop-2 {
    margin-right: calc(((100% / 12) * 2) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-tab-pop-3 {
    margin-right: calc(((100% / 12) * 3) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-tab-pop-4 {
    margin-right: calc(((100% / 12) * 4) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-tab-pop-5 {
    margin-right: calc(((100% / 12) * 5) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-tab-pop-6 {
    margin-right: calc(((100% / 12) * 6) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-tab-pop-7 {
    margin-right: calc(((100% / 12) * 7) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-tab-pop-8 {
    margin-right: calc(((100% / 12) * 8) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-tab-pop-9 {
    margin-right: calc(((100% / 12) * 9) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-tab-pop-10 {
    margin-right: calc(((100% / 12) * 10) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-tab-pop-11 {
    margin-right: calc(((100% / 12) * 11) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-tab-pop-12 {
    margin-right: calc(((100% / 12) * 12) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-tab-1.jcol-flush {
    width: calc((100% / 12) * 1);
  }
  .jcontainer .jrow .jcol-tab-2.jcol-flush {
    width: calc((100% / 12) * 2);
  }
  .jcontainer .jrow .jcol-tab-3.jcol-flush {
    width: calc((100% / 12) * 3);
  }
  .jcontainer .jrow .jcol-tab-4.jcol-flush {
    width: calc((100% / 12) * 4);
  }
  .jcontainer .jrow .jcol-tab-5.jcol-flush {
    width: calc((100% / 12) * 5);
  }
  .jcontainer .jrow .jcol-tab-6.jcol-flush {
    width: calc((100% / 12) * 6);
  }
  .jcontainer .jrow .jcol-tab-7.jcol-flush {
    width: calc((100% / 12) * 7);
  }
  .jcontainer .jrow .jcol-tab-8.jcol-flush {
    width: calc((100% / 12) * 8);
  }
  .jcontainer .jrow .jcol-tab-9.jcol-flush {
    width: calc((100% / 12) * 9);
  }
  .jcontainer .jrow .jcol-tab-10.jcol-flush {
    width: calc((100% / 12) * 10);
  }
  .jcontainer .jrow .jcol-tab-11.jcol-flush {
    width: calc((100% / 12) * 11);
  }
  .jcontainer .jrow .jcol-tab-12.jcol-flush {
    width: calc((100% / 12) * 12);
  }
  .jcontainer .jrow .jcol-tab-hop-1.jcol-flush {
    margin-left: calc((100% / 12) * 1);
  }
  .jcontainer .jrow .jcol-tab-hop-2.jcol-flush {
    margin-left: calc((100% / 12) * 2);
  }
  .jcontainer .jrow .jcol-tab-hop-3.jcol-flush {
    margin-left: calc((100% / 12) * 3);
  }
  .jcontainer .jrow .jcol-tab-hop-4.jcol-flush {
    margin-left: calc((100% / 12) * 4);
  }
  .jcontainer .jrow .jcol-tab-hop-5.jcol-flush {
    margin-left: calc((100% / 12) * 5);
  }
  .jcontainer .jrow .jcol-tab-hop-6.jcol-flush {
    margin-left: calc((100% / 12) * 6);
  }
  .jcontainer .jrow .jcol-tab-hop-7.jcol-flush {
    margin-left: calc((100% / 12) * 7);
  }
  .jcontainer .jrow .jcol-tab-hop-8.jcol-flush {
    margin-left: calc((100% / 12) * 8);
  }
  .jcontainer .jrow .jcol-tab-hop-9.jcol-flush {
    margin-left: calc((100% / 12) * 9);
  }
  .jcontainer .jrow .jcol-tab-hop-10.jcol-flush {
    margin-left: calc((100% / 12) * 10);
  }
  .jcontainer .jrow .jcol-tab-hop-11.jcol-flush {
    margin-left: calc((100% / 12) * 11);
  }
  .jcontainer .jrow .jcol-tab-hop-12.jcol-flush {
    margin-left: calc((100% / 12) * 12);
  }
  .jcontainer .jrow .jcol-tab-pop-1.jcol-flush {
    margin-right: calc((100% / 12) * 1);
  }
  .jcontainer .jrow .jcol-tab-pop-2.jcol-flush {
    margin-right: calc((100% / 12) * 2);
  }
  .jcontainer .jrow .jcol-tab-pop-3.jcol-flush {
    margin-right: calc((100% / 12) * 3);
  }
  .jcontainer .jrow .jcol-tab-pop-4.jcol-flush {
    margin-right: calc((100% / 12) * 4);
  }
  .jcontainer .jrow .jcol-tab-pop-5.jcol-flush {
    margin-right: calc((100% / 12) * 5);
  }
  .jcontainer .jrow .jcol-tab-pop-6.jcol-flush {
    margin-right: calc((100% / 12) * 6);
  }
  .jcontainer .jrow .jcol-tab-pop-7.jcol-flush {
    margin-right: calc((100% / 12) * 7);
  }
  .jcontainer .jrow .jcol-tab-pop-8.jcol-flush {
    margin-right: calc((100% / 12) * 8);
  }
  .jcontainer .jrow .jcol-tab-pop-9.jcol-flush {
    margin-right: calc((100% / 12) * 9);
  }
  .jcontainer .jrow .jcol-tab-pop-10.jcol-flush {
    margin-right: calc((100% / 12) * 10);
  }
  .jcontainer .jrow .jcol-tab-pop-11.jcol-flush {
    margin-right: calc((100% / 12) * 11);
  }
  .jcontainer .jrow .jcol-tab-pop-12.jcol-flush {
    margin-right: calc((100% / 12) * 12);
  }
  .jcontainer-has-sidebar .jcontent-left,
  .jcontainer-has-sidebar-both .jcontent-left {
    width: calc(100% - 354px);
    padding: 0 calc(20px / 2) 0 20px;
  }
  .jcontainer-has-sidebar .jcontent-right,
  .jcontainer-has-sidebar-both .jcontent-right {
    width: calc(100% - 200px);
    padding: 0 20px 0 calc(20px / 2);
  }
  .jcontainer-has-sidebar .jcontent-middle,
  .jcontainer-has-sidebar-both .jcontent-middle {
    width: calc(100% - (200px + 354px));
    padding: 0 calc(20px / 2) 0 calc(20px / 2);
  }
  .jcontainer-has-sidebar .jsidebar-left,
  .jcontainer-has-sidebar-both .jsidebar-left {
    width: 200px;
    padding: 0 calc(20px / 2) 0 20px;
  }
  .jcontainer-has-sidebar .jsidebar-right,
  .jcontainer-has-sidebar-both .jsidebar-right {
    width: 354px;
    padding: 0 20px 0 calc(20px / 2);
  }
}
@media screen and (min-width: 960px) {
  .jcontainer {
    width: 920px;
    margin-left: -460px;
  }
  .jcontainer .jrow .jcol-des-1 {
    width: calc(((100% / 12) * 1) - 20px);
  }
  .jcontainer .jrow .jcol-des-2 {
    width: calc(((100% / 12) * 2) - 20px);
  }
  .jcontainer .jrow .jcol-des-3 {
    width: calc(((100% / 12) * 3) - 20px);
  }
  .jcontainer .jrow .jcol-des-4 {
    width: calc(((100% / 12) * 4) - 20px);
  }
  .jcontainer .jrow .jcol-des-5 {
    width: calc(((100% / 12) * 5) - 20px);
  }
  .jcontainer .jrow .jcol-des-6 {
    width: calc(((100% / 12) * 6) - 20px);
  }
  .jcontainer .jrow .jcol-des-7 {
    width: calc(((100% / 12) * 7) - 20px);
  }
  .jcontainer .jrow .jcol-des-8 {
    width: calc(((100% / 12) * 8) - 20px);
  }
  .jcontainer .jrow .jcol-des-9 {
    width: calc(((100% / 12) * 9) - 20px);
  }
  .jcontainer .jrow .jcol-des-10 {
    width: calc(((100% / 12) * 10) - 20px);
  }
  .jcontainer .jrow .jcol-des-11 {
    width: calc(((100% / 12) * 11) - 20px);
  }
  .jcontainer .jrow .jcol-des-12 {
    width: calc(((100% / 12) * 12) - 20px);
  }
  .jcontainer .jrow .jcol-des-hop-1 {
    margin-left: calc(((100% / 12) * 1) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-des-hop-2 {
    margin-left: calc(((100% / 12) * 2) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-des-hop-3 {
    margin-left: calc(((100% / 12) * 3) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-des-hop-4 {
    margin-left: calc(((100% / 12) * 4) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-des-hop-5 {
    margin-left: calc(((100% / 12) * 5) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-des-hop-6 {
    margin-left: calc(((100% / 12) * 6) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-des-hop-7 {
    margin-left: calc(((100% / 12) * 7) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-des-hop-8 {
    margin-left: calc(((100% / 12) * 8) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-des-hop-9 {
    margin-left: calc(((100% / 12) * 9) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-des-hop-10 {
    margin-left: calc(((100% / 12) * 10) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-des-hop-11 {
    margin-left: calc(((100% / 12) * 11) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-des-hop-12 {
    margin-left: calc(((100% / 12) * 12) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-des-pop-1 {
    margin-right: calc(((100% / 12) * 1) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-des-pop-2 {
    margin-right: calc(((100% / 12) * 2) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-des-pop-3 {
    margin-right: calc(((100% / 12) * 3) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-des-pop-4 {
    margin-right: calc(((100% / 12) * 4) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-des-pop-5 {
    margin-right: calc(((100% / 12) * 5) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-des-pop-6 {
    margin-right: calc(((100% / 12) * 6) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-des-pop-7 {
    margin-right: calc(((100% / 12) * 7) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-des-pop-8 {
    margin-right: calc(((100% / 12) * 8) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-des-pop-9 {
    margin-right: calc(((100% / 12) * 9) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-des-pop-10 {
    margin-right: calc(((100% / 12) * 10) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-des-pop-11 {
    margin-right: calc(((100% / 12) * 11) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-des-pop-12 {
    margin-right: calc(((100% / 12) * 12) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-des-1.jcol-flush {
    width: calc((100% / 12) * 1);
  }
  .jcontainer .jrow .jcol-des-2.jcol-flush {
    width: calc((100% / 12) * 2);
  }
  .jcontainer .jrow .jcol-des-3.jcol-flush {
    width: calc((100% / 12) * 3);
  }
  .jcontainer .jrow .jcol-des-4.jcol-flush {
    width: calc((100% / 12) * 4);
  }
  .jcontainer .jrow .jcol-des-5.jcol-flush {
    width: calc((100% / 12) * 5);
  }
  .jcontainer .jrow .jcol-des-6.jcol-flush {
    width: calc((100% / 12) * 6);
  }
  .jcontainer .jrow .jcol-des-7.jcol-flush {
    width: calc((100% / 12) * 7);
  }
  .jcontainer .jrow .jcol-des-8.jcol-flush {
    width: calc((100% / 12) * 8);
  }
  .jcontainer .jrow .jcol-des-9.jcol-flush {
    width: calc((100% / 12) * 9);
  }
  .jcontainer .jrow .jcol-des-10.jcol-flush {
    width: calc((100% / 12) * 10);
  }
  .jcontainer .jrow .jcol-des-11.jcol-flush {
    width: calc((100% / 12) * 11);
  }
  .jcontainer .jrow .jcol-des-12.jcol-flush {
    width: calc((100% / 12) * 12);
  }
  .jcontainer .jrow .jcol-des-hop-1.jcol-flush {
    margin-left: calc((100% / 12) * 1);
  }
  .jcontainer .jrow .jcol-des-hop-2.jcol-flush {
    margin-left: calc((100% / 12) * 2);
  }
  .jcontainer .jrow .jcol-des-hop-3.jcol-flush {
    margin-left: calc((100% / 12) * 3);
  }
  .jcontainer .jrow .jcol-des-hop-4.jcol-flush {
    margin-left: calc((100% / 12) * 4);
  }
  .jcontainer .jrow .jcol-des-hop-5.jcol-flush {
    margin-left: calc((100% / 12) * 5);
  }
  .jcontainer .jrow .jcol-des-hop-6.jcol-flush {
    margin-left: calc((100% / 12) * 6);
  }
  .jcontainer .jrow .jcol-des-hop-7.jcol-flush {
    margin-left: calc((100% / 12) * 7);
  }
  .jcontainer .jrow .jcol-des-hop-8.jcol-flush {
    margin-left: calc((100% / 12) * 8);
  }
  .jcontainer .jrow .jcol-des-hop-9.jcol-flush {
    margin-left: calc((100% / 12) * 9);
  }
  .jcontainer .jrow .jcol-des-hop-10.jcol-flush {
    margin-left: calc((100% / 12) * 10);
  }
  .jcontainer .jrow .jcol-des-hop-11.jcol-flush {
    margin-left: calc((100% / 12) * 11);
  }
  .jcontainer .jrow .jcol-des-hop-12.jcol-flush {
    margin-left: calc((100% / 12) * 12);
  }
  .jcontainer .jrow .jcol-des-pop-1.jcol-flush {
    margin-right: calc((100% / 12) * 1);
  }
  .jcontainer .jrow .jcol-des-pop-2.jcol-flush {
    margin-right: calc((100% / 12) * 2);
  }
  .jcontainer .jrow .jcol-des-pop-3.jcol-flush {
    margin-right: calc((100% / 12) * 3);
  }
  .jcontainer .jrow .jcol-des-pop-4.jcol-flush {
    margin-right: calc((100% / 12) * 4);
  }
  .jcontainer .jrow .jcol-des-pop-5.jcol-flush {
    margin-right: calc((100% / 12) * 5);
  }
  .jcontainer .jrow .jcol-des-pop-6.jcol-flush {
    margin-right: calc((100% / 12) * 6);
  }
  .jcontainer .jrow .jcol-des-pop-7.jcol-flush {
    margin-right: calc((100% / 12) * 7);
  }
  .jcontainer .jrow .jcol-des-pop-8.jcol-flush {
    margin-right: calc((100% / 12) * 8);
  }
  .jcontainer .jrow .jcol-des-pop-9.jcol-flush {
    margin-right: calc((100% / 12) * 9);
  }
  .jcontainer .jrow .jcol-des-pop-10.jcol-flush {
    margin-right: calc((100% / 12) * 10);
  }
  .jcontainer .jrow .jcol-des-pop-11.jcol-flush {
    margin-right: calc((100% / 12) * 11);
  }
  .jcontainer .jrow .jcol-des-pop-12.jcol-flush {
    margin-right: calc((100% / 12) * 12);
  }
  .jcontainer-has-sidebar .jcontent-left,
  .jcontainer-has-sidebar-both .jcontent-left {
    width: calc(100% - 354px);
  }
  .jcontainer-has-sidebar .jcontent-right,
  .jcontainer-has-sidebar-both .jcontent-right {
    width: calc(100% - 300px);
  }
  .jcontainer-has-sidebar .jcontent-middle,
  .jcontainer-has-sidebar-both .jcontent-middle {
    width: calc(100% - (300px + 354px));
  }
  .jcontainer-has-sidebar .jsidebar-left,
  .jcontainer-has-sidebar-both .jsidebar-left {
    width: 300px;
  }
  .jcontainer-has-sidebar .jsidebar-right,
  .jcontainer-has-sidebar-both .jsidebar-right {
    width: 354px;
  }
}
@media screen and (min-width: 1200px) {
  .jcontainer {
    width: 1160px;
    margin-left: -580px;
  }
  .jcontainer .jrow .jcol-lar-1 {
    width: calc(((100% / 12) * 1) - 20px);
  }
  .jcontainer .jrow .jcol-lar-2 {
    width: calc(((100% / 12) * 2) - 20px);
  }
  .jcontainer .jrow .jcol-lar-3 {
    width: calc(((100% / 12) * 3) - 20px);
  }
  .jcontainer .jrow .jcol-lar-4 {
    width: calc(((100% / 12) * 4) - 20px);
  }
  .jcontainer .jrow .jcol-lar-5 {
    width: calc(((100% / 12) * 5) - 20px);
  }
  .jcontainer .jrow .jcol-lar-6 {
    width: calc(((100% / 12) * 6) - 20px);
  }
  .jcontainer .jrow .jcol-lar-7 {
    width: calc(((100% / 12) * 7) - 20px);
  }
  .jcontainer .jrow .jcol-lar-8 {
    width: calc(((100% / 12) * 8) - 20px);
  }
  .jcontainer .jrow .jcol-lar-9 {
    width: calc(((100% / 12) * 9) - 20px);
  }
  .jcontainer .jrow .jcol-lar-10 {
    width: calc(((100% / 12) * 10) - 20px);
  }
  .jcontainer .jrow .jcol-lar-11 {
    width: calc(((100% / 12) * 11) - 20px);
  }
  .jcontainer .jrow .jcol-lar-12 {
    width: calc(((100% / 12) * 12) - 20px);
  }
  .jcontainer .jrow .jcol-lar-hop-1 {
    margin-left: calc(((100% / 12) * 1) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-lar-hop-2 {
    margin-left: calc(((100% / 12) * 2) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-lar-hop-3 {
    margin-left: calc(((100% / 12) * 3) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-lar-hop-4 {
    margin-left: calc(((100% / 12) * 4) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-lar-hop-5 {
    margin-left: calc(((100% / 12) * 5) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-lar-hop-6 {
    margin-left: calc(((100% / 12) * 6) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-lar-hop-7 {
    margin-left: calc(((100% / 12) * 7) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-lar-hop-8 {
    margin-left: calc(((100% / 12) * 8) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-lar-hop-9 {
    margin-left: calc(((100% / 12) * 9) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-lar-hop-10 {
    margin-left: calc(((100% / 12) * 10) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-lar-hop-11 {
    margin-left: calc(((100% / 12) * 11) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-lar-hop-12 {
    margin-left: calc(((100% / 12) * 12) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-lar-pop-1 {
    margin-right: calc(((100% / 12) * 1) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-lar-pop-2 {
    margin-right: calc(((100% / 12) * 2) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-lar-pop-3 {
    margin-right: calc(((100% / 12) * 3) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-lar-pop-4 {
    margin-right: calc(((100% / 12) * 4) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-lar-pop-5 {
    margin-right: calc(((100% / 12) * 5) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-lar-pop-6 {
    margin-right: calc(((100% / 12) * 6) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-lar-pop-7 {
    margin-right: calc(((100% / 12) * 7) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-lar-pop-8 {
    margin-right: calc(((100% / 12) * 8) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-lar-pop-9 {
    margin-right: calc(((100% / 12) * 9) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-lar-pop-10 {
    margin-right: calc(((100% / 12) * 10) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-lar-pop-11 {
    margin-right: calc(((100% / 12) * 11) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-lar-pop-12 {
    margin-right: calc(((100% / 12) * 12) + calc(20px / 2));
  }
  .jcontainer .jrow .jcol-lar-1.jcol-flush {
    width: calc((100% / 12) * 1);
  }
  .jcontainer .jrow .jcol-lar-2.jcol-flush {
    width: calc((100% / 12) * 2);
  }
  .jcontainer .jrow .jcol-lar-3.jcol-flush {
    width: calc((100% / 12) * 3);
  }
  .jcontainer .jrow .jcol-lar-4.jcol-flush {
    width: calc((100% / 12) * 4);
  }
  .jcontainer .jrow .jcol-lar-5.jcol-flush {
    width: calc((100% / 12) * 5);
  }
  .jcontainer .jrow .jcol-lar-6.jcol-flush {
    width: calc((100% / 12) * 6);
  }
  .jcontainer .jrow .jcol-lar-7.jcol-flush {
    width: calc((100% / 12) * 7);
  }
  .jcontainer .jrow .jcol-lar-8.jcol-flush {
    width: calc((100% / 12) * 8);
  }
  .jcontainer .jrow .jcol-lar-9.jcol-flush {
    width: calc((100% / 12) * 9);
  }
  .jcontainer .jrow .jcol-lar-10.jcol-flush {
    width: calc((100% / 12) * 10);
  }
  .jcontainer .jrow .jcol-lar-11.jcol-flush {
    width: calc((100% / 12) * 11);
  }
  .jcontainer .jrow .jcol-lar-12.jcol-flush {
    width: calc((100% / 12) * 12);
  }
  .jcontainer .jrow .jcol-lar-hop-1.jcol-flush {
    margin-left: calc((100% / 12) * 1);
  }
  .jcontainer .jrow .jcol-lar-hop-2.jcol-flush {
    margin-left: calc((100% / 12) * 2);
  }
  .jcontainer .jrow .jcol-lar-hop-3.jcol-flush {
    margin-left: calc((100% / 12) * 3);
  }
  .jcontainer .jrow .jcol-lar-hop-4.jcol-flush {
    margin-left: calc((100% / 12) * 4);
  }
  .jcontainer .jrow .jcol-lar-hop-5.jcol-flush {
    margin-left: calc((100% / 12) * 5);
  }
  .jcontainer .jrow .jcol-lar-hop-6.jcol-flush {
    margin-left: calc((100% / 12) * 6);
  }
  .jcontainer .jrow .jcol-lar-hop-7.jcol-flush {
    margin-left: calc((100% / 12) * 7);
  }
  .jcontainer .jrow .jcol-lar-hop-8.jcol-flush {
    margin-left: calc((100% / 12) * 8);
  }
  .jcontainer .jrow .jcol-lar-hop-9.jcol-flush {
    margin-left: calc((100% / 12) * 9);
  }
  .jcontainer .jrow .jcol-lar-hop-10.jcol-flush {
    margin-left: calc((100% / 12) * 10);
  }
  .jcontainer .jrow .jcol-lar-hop-11.jcol-flush {
    margin-left: calc((100% / 12) * 11);
  }
  .jcontainer .jrow .jcol-lar-hop-12.jcol-flush {
    margin-left: calc((100% / 12) * 12);
  }
  .jcontainer .jrow .jcol-lar-pop-1.jcol-flush {
    margin-right: calc((100% / 12) * 1);
  }
  .jcontainer .jrow .jcol-lar-pop-2.jcol-flush {
    margin-right: calc((100% / 12) * 2);
  }
  .jcontainer .jrow .jcol-lar-pop-3.jcol-flush {
    margin-right: calc((100% / 12) * 3);
  }
  .jcontainer .jrow .jcol-lar-pop-4.jcol-flush {
    margin-right: calc((100% / 12) * 4);
  }
  .jcontainer .jrow .jcol-lar-pop-5.jcol-flush {
    margin-right: calc((100% / 12) * 5);
  }
  .jcontainer .jrow .jcol-lar-pop-6.jcol-flush {
    margin-right: calc((100% / 12) * 6);
  }
  .jcontainer .jrow .jcol-lar-pop-7.jcol-flush {
    margin-right: calc((100% / 12) * 7);
  }
  .jcontainer .jrow .jcol-lar-pop-8.jcol-flush {
    margin-right: calc((100% / 12) * 8);
  }
  .jcontainer .jrow .jcol-lar-pop-9.jcol-flush {
    margin-right: calc((100% / 12) * 9);
  }
  .jcontainer .jrow .jcol-lar-pop-10.jcol-flush {
    margin-right: calc((100% / 12) * 10);
  }
  .jcontainer .jrow .jcol-lar-pop-11.jcol-flush {
    margin-right: calc((100% / 12) * 11);
  }
  .jcontainer .jrow .jcol-lar-pop-12.jcol-flush {
    margin-right: calc((100% / 12) * 12);
  }
}
.grid-padding {
  margin-left: calc(20px / 2);
  margin-right: calc(20px / 2);
}

header#page-header,
#page-banner,
main#page-main,
footer#page-footer {
  width: 100%;
}

footer#page-footer {
  overflow: auto;
}

#page-header {
  background: #4c5e7c url(../images/drupal-fade.png) no-repeat 90% -180px;
  z-index: 20;
  position: relative;
}
#page-header.header-fixed {
  position: fixed;
  top: 0;
}
#page-header.stick {
  position: fixed;
  top: 0;
}

.header-fixed-after {
  width: 100%;
  float: left;
  margin-top: 118px;
}

.header-sticky-after {
  margin-top: 0;
  width: 100%;
  float: left;
}
.header-sticky-after.header-stick {
  margin-top: 118px;
}

.header-strip {
  width: 100%;
  float: left;
  background: rgba(0, 0, 0, 0.18);
  padding: 10px 0;
}
.header-strip .jcontainer {
  background: none;
}
@media screen and (min-width: 480px) {
  .header-strip .jcontainer {
    padding: 0;
  }
  .header-strip .jcontainer-fluid {
    padding: 0 20px;
  }
}
@media screen and (min-width: 1200px) {
  .header-strip .jcontainer-fluid.jcontainer-set {
    padding: 0;
  }
}

.header-main {
  width: 100%;
}
.header-main .jcontainer {
  background: none;
}
@media screen and (min-width: 480px) {
  .header-main .jcontainer {
    padding: 0;
  }
  .header-main .jcontainer-fluid {
    padding: 0 20px;
  }
}
@media screen and (min-width: 1200px) {
  .header-main .jcontainer-fluid.jcontainer-set {
    padding: 0;
  }
}

@media screen and (min-width: 960px) {
  .header-fixed-after {
    margin-top: 96px;
  }
  .header-sticky-after.header-stick {
    margin-top: 96px;
  }
  .header-strip {
    height: 38px;
    line-height: 38px;
    padding: 0;
  }
}
#page-main {
  padding-bottom: 20px;
  overflow-x: hidden;
}

#page-footer {
  background: #405069;
  padding: 10px 0;
}
#page-footer .jcontainer {
  background: none;
  padding: 0;
}

[id^=block][id$=-main-menu] {
  display: none;
  width: 100%;
  float: left;
  position: relative;
  overflow-y: scroll;
}
[id^=block][id$=-main-menu] ul {
  margin: 0;
  padding: 0;
  background: #fff;
  width: 100%;
  float: left;
}
[id^=block][id$=-main-menu] ul li {
  list-style: none;
  float: left;
  width: 100%;
  line-height: 48px;
  border-bottom: 1px solid #c9c9c9;
  position: relative;
}
[id^=block][id$=-main-menu] ul li a {
  color: #4c5e7c;
  text-decoration: none;
  display: block;
  padding: 0 20px;
}
[id^=block][id$=-main-menu] ul li sub {
  right: 0;
  height: 48px;
  line-height: 48px;
  width: 48px;
  background: none;
  display: block;
  position: absolute;
  bottom: auto;
  top: 0;
  text-align: center;
  cursor: pointer;
  font-size: 1em;
}
[id^=block][id$=-main-menu] ul li sub i {
  color: #7C7C7C;
}
[id^=block][id$=-main-menu] ul li sub i.active {
  color: #4c5e7c;
}
[id^=block][id$=-main-menu] ul li ul {
  background: #fafafa;
  display: none;
}
[id^=block][id$=-main-menu] ul li ul li:first-child {
  border-top: 1px solid #c9c9c9;
}
[id^=block][id$=-main-menu] ul li ul li:last-child {
  border-bottom: none;
}
[id^=block][id$=-main-menu] ul li ul li a {
  padding: 0 30px;
}
[id^=block][id$=-main-menu] ul li ul li ul {
  background: whitesmoke;
  display: none;
}
[id^=block][id$=-main-menu] ul li ul li ul li a {
  padding: 0 40px;
}
[id^=block][id$=-main-menu] ul li ul.active {
  display: block;
}

@media screen and (min-width: 960px) {
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) [id^=block][id$=-main-menu] {
    display: block;
  }
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) [id^=block][id$=-main-menu] ul {
    background: none;
    width: auto;
    float: none;
  }
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) [id^=block][id$=-main-menu] ul li {
    width: auto;
    line-height: normal;
    border-bottom: none;
  }
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) [id^=block][id$=-main-menu] ul li a {
    display: inline-block;
    padding: 10px 5px;
  }
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) [id^=block][id$=-main-menu] ul li sub {
    font-size: 9px;
    line-height: normal;
    height: auto;
    width: 20px;
    padding-top: 14px;
  }
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) [id^=block][id$=-main-menu] ul li sub i {
    color: #4c5e7c;
  }
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) [id^=block][id$=-main-menu] ul li:hover ul {
    display: block;
  }
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) [id^=block][id$=-main-menu] ul li ul {
    position: absolute;
    left: 0;
    background: #fff;
  }
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) [id^=block][id$=-main-menu] ul li ul li {
    width: 100%;
    line-height: 30px;
    border-bottom: 1px solid #c9c9c9;
  }
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) [id^=block][id$=-main-menu] ul li ul li:last-child {
    border-bottom: none;
  }
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) [id^=block][id$=-main-menu] ul li ul li a {
    white-space: nowrap;
  }
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) [id^=block][id$=-main-menu] ul li ul li sub {
    line-height: 30px;
    padding-top: 0;
    height: 30px;
    width: 30px;
  }
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) [id^=block][id$=-main-menu] ul li ul li ul {
    display: none !important;
    left: 100%;
    top: -1px;
  }
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) [id^=block][id$=-main-menu] ul li ul li ul.wrapper-3-fit {
    left: auto;
    right: 100%;
  }
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) [id^=block][id$=-main-menu] ul li ul li:hover ul {
    display: block !important;
  }
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) [id^=block][id$=-main-menu] ul li ul li:hover ul li a {
    padding: 0 10px;
  }
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) [id^=block][id$=-main-menu] ul li ul.wrapper-2-fit {
    left: auto;
    right: 0;
  }
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) [id^=block][id$=-main-menu] ul li.has-ul a {
    padding: 10px 20px 10px 5px;
  }
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) [id^=block][id$=-main-menu] ul li.has-ul ul li a {
    padding: 0 10px;
  }
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) [id^=block][id$=-main-menu] ul li.has-ul ul li.has-ul a {
    padding: 0 30px 0 10px;
  }
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) [id^=block][id$=-main-menu] ul li.has-ul ul li ul li a {
    padding: 0 10px !important;
  }
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) [id^=block][id$=-main-menu].menu-inline {
    width: auto;
    float: none;
    position: absolute;
    height: 58px;
    right: 0;
  }
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) [id^=block][id$=-main-menu].menu-inline ul {
    height: 100%;
  }
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) [id^=block][id$=-main-menu].menu-inline ul li {
    height: 100%;
  }
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) [id^=block][id$=-main-menu].menu-inline ul li:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) [id^=block][id$=-main-menu].menu-inline ul li a {
    color: #6695a8;
    vertical-align: middle;
  }
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) [id^=block][id$=-main-menu].menu-inline ul li sub {
    top: calc(50% - 4px);
    padding-top: 0;
  }
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) [id^=block][id$=-main-menu].menu-inline ul li sub i {
    color: #6695a8;
  }
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) [id^=block][id$=-main-menu].menu-inline ul li ul {
    height: auto;
    top: 100%;
  }
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) [id^=block][id$=-main-menu].menu-inline ul li ul li {
    height: auto;
  }
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) [id^=block][id$=-main-menu].menu-inline ul li ul li:before {
    display: none;
  }
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) [id^=block][id$=-main-menu].menu-inline ul li ul li a {
    color: #4c5e7c;
  }
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) [id^=block][id$=-main-menu].menu-inline ul li ul li sub {
    top: 0;
  }
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) [id^=block][id$=-main-menu].menu-inline ul li ul li sub i {
    color: #4c5e7c;
  }
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) [id^=block][id$=-main-menu].menu-inline ul li ul li ul {
    top: -1px;
  }
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) [id^=block][id$=-main-menu].menu-full {
    background: #6695a8;
  }
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) [id^=block][id$=-main-menu].menu-full:before, html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) [id^=block][id$=-main-menu].menu-full:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 400px;
    top: 0;
    display: block;
    background: #6695a8;
  }
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) [id^=block][id$=-main-menu].menu-full:before {
    left: -400px;
  }
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) [id^=block][id$=-main-menu].menu-full:after {
    right: -400px;
  }
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) [id^=block][id$=-main-menu].menu-full ul li:first-child {
    margin-left: 25px;
  }
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) [id^=block][id$=-main-menu].menu-full ul li ul li:first-child {
    margin-left: auto;
  }
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) .jcontainer-fluid [id^=block][id$=-main-menu].menu-full > ul > li:first-child {
    margin-left: 5px;
  }
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) .jcontainer-fluid [id^=block][id$=-main-menu].menu-inline > ul > li:last-child {
    margin-right: 25px;
  }
}
@media screen and (min-width: 960px) and (min-width: 1200px) {
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) .jcontainer-fluid.jcontainer-set [id^=block][id$=-main-menu].menu-full > ul > li:first-child {
    margin-left: 25px;
  }
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) .jcontainer-fluid.jcontainer-set [id^=block][id$=-main-menu].menu-inline > ul > li:last-child {
    margin-right: 5px;
  }
}
.toggler {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
  height: 80px;
  line-height: 80px;
  width: 80px;
  cursor: pointer;
}
.toggler div {
  width: 24px;
  position: absolute;
  height: 18px;
  display: block;
  top: 32px;
  left: 26px;
}
.toggler span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #6695a8;
  left: 0;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-transition: all 0.25s ease-in-out 0s;
  -moz-transition: all 0.25s ease-in-out 0s;
  -ms-transition: all 0.25s ease-in-out 0s;
  -o-transition: all 0.25s ease-in-out 0s;
  transition: all 0.25s ease-in-out 0s;
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.toggler span:nth-child(1) {
  top: 0;
}
.toggler span:nth-child(2), .toggler span:nth-child(3) {
  top: 7px;
}
.toggler span:nth-child(4) {
  top: 14px;
}

.toggler.open span:nth-child(1) {
  top: 14px;
  width: 0%;
  left: 50%;
}
.toggler.open span:nth-child(2) {
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.toggler.open span:nth-child(3) {
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.toggler.open span:nth-child(4) {
  top: 14px;
  width: 0%;
  left: 50%;
}

@media screen and (min-width: 960px) {
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) .toggler {
    display: none;
  }
}
.blackout {
  display: none;
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1;
}

@media screen and (min-width: 960px) {
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) .blackout {
    display: none !important;
  }
}
ul.jaccordion {
  list-style: none;
  margin: 0;
  padding: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
ul.jaccordion > li {
  margin-bottom: 2px;
  width: 100%;
  float: left;
}
ul.jaccordion > li div.itemBar {
  width: 100%;
  height: auto;
  padding: 14px 34px 14px 20px;
  margin: 0;
  position: relative;
  cursor: pointer;
  line-height: normal;
  background: #7C7C7C;
  color: #fff;
  font-size: 14px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
ul.jaccordion > li div.itemBar span {
  display: inline;
}
ul.jaccordion > li div.itemBar:after {
  content: "\f067";
  font-family: "FontAwesome";
  position: absolute;
  right: 20px;
  top: calc(50% - 5px);
  height: 16px;
  color: #fff;
  font-size: 14px;
}
ul.jaccordion > li div.itemBar.is-expanded {
  background: #4c5e7c;
}
ul.jaccordion > li div.itemBar.is-expanded:after {
  content: "\f068";
}
ul.jaccordion > li div.itemContent {
  display: none;
  width: 100%;
  padding: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
ul.jaccordion ul.jaccordion > li:first-child {
  margin-top: 2px;
}
ul.jaccordion ul.jaccordion > li:last-child {
  margin-bottom: 0;
}
ul.jaccordion ul.jaccordion > li div.itemBar {
  background: #969696;
}
ul.jaccordion ul.jaccordion > li div.itemBar.is-expanded {
  background: #5f769c;
}

ul.jtabber {
  list-style: none;
  width: 100%;
  margin: 0;
  float: left;
  padding: 0;
  border-bottom: 1px solid #a2a2a2;
}
ul.jtabber li {
  float: left;
  border-top: 1px solid #a2a2a2;
  border-right: 1px solid #a2a2a2;
  padding: 0 12px;
  height: 31px;
  line-height: 31px;
  background: #c9c9c9;
}
ul.jtabber li:first-child {
  border-left: 1px solid #a2a2a2;
}
ul.jtabber li:hover {
  color: #fff;
  background: #7C7C7C;
  cursor: pointer;
}
ul.jtabber li.open {
  color: #fff;
  background: #4c5e7c;
}

ul.jtabberContent {
  list-style: none;
  padding: 0;
  margin: 0;
  border: 1px solid #a2a2a2;
  border-top: none;
  float: left;
  width: 100%;
}
ul.jtabberContent li {
  padding: 12px;
  float: left;
  display: none;
  margin: 0;
}
ul.jtabberContent li p {
  margin: 0;
}
ul.jtabberContent li.open {
  display: block;
}

[id^=block]:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (min-width: 480px) {
  [id^=block][id$=-account-menu] {
    margin-right: 0;
  }
}
[id^=block][id$=-account-menu] ul {
  margin: 0;
  padding: 0;
  float: right;
}
[id^=block][id$=-account-menu] ul li {
  list-style: none;
  float: left;
  margin-right: 0.8em;
}
[id^=block][id$=-account-menu] ul li a {
  color: #6695a8;
}

[id^=block][id$=-branding] {
  position: relative;
  box-sizing: border-box;
  padding: 10px;
  display: flex;
  align-items: center;
  height: 96px;
}
[id^=block][id$=-branding] > a {
  display: flex;
  align-items: center;
}
[id^=block][id$=-branding] img {
  width: auto !important;
}
@media screen and (min-width: 480px) {
  [id^=block][id$=-branding] {
    padding-left: 0;
  }
}
[id^=block][id$=-branding] a.site-logo img {
  max-height: 76px;
}
[id^=block][id$=-branding] a.site-name {
  color: #fff;
}

[id^=block][id$=-breadcrumbs] ol {
  margin: 10px 0;
  padding: 0;
  width: 100%;
}
[id^=block][id$=-breadcrumbs] ol li {
  list-style: none;
  display: inline;
}
[id^=block][id$=-breadcrumbs] ol li:after {
  content: " /";
  display: inline;
  color: #7C7C7C;
}
[id^=block][id$=-breadcrumbs] ol li:last-child:after {
  display: none;
}
[id^=block][id$=-breadcrumbs] ol li a {
  text-decoration: none;
  color: #7C7C7C;
}

[id^=block][id$=-local-tasks] ul {
  margin: 20px 0;
  padding: 0;
  width: 100%;
  float: left;
}
[id^=block][id$=-local-tasks] ul li {
  list-style: none;
  float: left;
  margin-right: 4px;
}
[id^=block][id$=-local-tasks] ul li a {
  background: #fff;
  color: #4c5e7c;
  text-decoration: none;
  display: inline-block;
  height: 34px;
  line-height: 30px;
  padding: 0 10px;
  border: 2px solid #4c5e7c;
  margin-bottom: 6px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
[id^=block][id$=-local-tasks] ul li a.is-active {
  background: #4c5e7c;
  color: #fff;
}
@media screen and (min-width: 768px) {
  [id^=block][id$=-local-tasks] ul {
    border-bottom: 2px solid #4c5e7c;
  }
  [id^=block][id$=-local-tasks] ul li a {
    border-bottom: none;
    margin-bottom: 0;
  }
}

[id^=block][id$=-footer] {
  width: auto;
  float: right;
}
[id^=block][id$=-footer] h2 {
  display: none;
}
[id^=block][id$=-footer] ul {
  margin: 0;
  padding: 0;
}
[id^=block][id$=-footer] ul li {
  list-style: none;
}
[id^=block][id$=-footer] ul li a {
  text-decoration: none;
  color: #fff;
}

[id^=block][id$=-powered] {
  width: auto;
  float: right;
}
[id^=block][id$=-powered] span {
  color: #fff;
}
[id^=block][id$=-powered] span a {
  color: #6695a8;
  text-decoration: none;
}
[id^=block][id$=-powered] span a:hover {
  text-decoration: underline;
}

.message {
  padding: 10px 10px 10px 50px;
  position: relative;
  background: rgba(105, 188, 60, 0.2);
  color: #69BC3C;
  margin: 10px 0;
  border: 1px solid #69BC3C;
  float: left;
  width: 100%;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.message:before {
  font-family: FontAwesome;
  position: absolute;
  height: calc(100% - 10px);
  width: 40px;
  left: 0;
  top: 0;
  font-size: 20px;
  padding-top: 10px;
  text-align: center;
  content: "\f00c";
  background: #69BC3C;
  color: #4f8e2d;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 4px;
}

.message-warning {
  color: #EBB35A;
  background: rgba(235, 179, 90, 0.2);
  border: 1px solid #EBB35A;
}
.message-warning:before {
  content: "\f12a";
  background: #EBB35A;
  color: #e49a23;
}

.message-error {
  color: #E04D4D;
  background: rgba(224, 77, 77, 0.2);
  border: 1px solid #E04D4D;
}
.message-error:before {
  content: "\f00d";
  background: #E04D4D;
  color: #cc2424;
}

ul.pager__items {
  margin: 0;
  padding: 0;
  text-align: center;
}
ul.pager__items li {
  list-style: none;
  display: inline-block;
}

.kint {
  position: relative;
  z-index: 9999;
}

body.toolbar-horizontal.toolbar-fixed #page-header.header-fixed,
body.toolbar-horizontal.toolbar-fixed #page-header.stick {
  top: 39px;
}

body.toolbar-horizontal.toolbar-fixed.toolbar-tray-open #page-header.header-fixed,
body.toolbar-horizontal.toolbar-fixed.toolbar-tray-open #page-header.stick {
  top: 79px;
}

* {
  outline: none !important;
}

body {
  background: #fff;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: normal;
}

#page-main {
  color: #7C7C7C;
  font-size: 16px;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.1;
}

.light-grey-box {
  border: 2px solid #d7d7d7;
  background: #f1f1f1;
  padding: 10px 20px 20px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.light-grey-box h1, .light-grey-box h2, .light-grey-box h3, .light-grey-box h4, .light-grey-box h5, .light-grey-box h6 {
  color: #4c5e7c;
}

main .wysiwyg {
  margin-top: 20px;
}

.wysiwyg p {
  margin-top: 0;
}
.wysiwyg h2, .wysiwyg h3, .wysiwyg h4 {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: normal;
}
.wysiwyg h5, .wysiwyg h6 {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.wysiwyg strong {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.wysiwyg em {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: italic;
}
.wysiwyg em strong, .wysiwyg strong em {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: italic;
}
.wysiwyg img {
  max-width: 100%;
  margin-bottom: 10px;
}
.wysiwyg table img {
  max-width: none;
}
.wysiwyg blockquote {
  border: 2px solid #d7d7d7;
  background: #f1f1f1;
  padding: 10px 20px 20px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.wysiwyg blockquote h1, .wysiwyg blockquote h2, .wysiwyg blockquote h3, .wysiwyg blockquote h4, .wysiwyg blockquote h5, .wysiwyg blockquote h6 {
  color: #4c5e7c;
}

a.button {
  text-decoration: none;
  display: inline-block;
  padding: 20px;
  text-transform: uppercase;
  font-size: 18px;
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  font-style: normal;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

a.button-primary {
  background: #4c5e7c;
  color: #fff;
}

a.button-primary.button-ghost {
  background: none;
  border: 2px solid #4c5e7c;
  color: #4c5e7c;
}

a.button-secondary {
  background: #6695a8;
  color: #fff;
}

a.button-secondary.button-ghost {
  background: none;
  border: 2px solid #fff;
  color: #fff;
}

a.button-roll {
  width: 100%;
}

[id^=block][id$=-views-block-quick-links-block-1] a.button-secondary.button-ghost {
  border: 2px solid #4c5e7c;
  color: #4c5e7c;
}

/*
<a href="#" class="button">Button</a>
<a href="#" class="button button-primary">Button Primary</a>
<a href="#" class="button button-secondary">Button Secondary</a>
<a href="#" class="button button-primary button-ghost">Button Primary Ghost</a>
<a href="#" class="button button-secondary button-ghost">Button Secondary Ghost</a>
<a href="#" class="button button-primary button-ghost button-roll" data-initial="Button Primary Ghost Roll" data-hover="Button Primary Ghost Roll">
<span>Button Primary Ghost Roll</span>
</a>
<a href="#" class="button button-secondary button-ghost button-roll" data-initial="Button Secondary Ghost Roll" data-hover="Button Secondary Ghost Roll">
<span>Button Secondary Ghost Roll</span>
</a>
*/
a.scroll-to-content {
  position: relative;
  color: #fff !important;
  font-size: 18px;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 36px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}
a.scroll-to-content:before {
  content: "\f067";
  font-family: "FontAwesome";
  display: inline-block;
  margin-right: 14px;
  width: 36px;
  height: 36px;
  border: 2px solid #fff;
  text-align: center;
  line-height: 34px;
  -webkit-border-top-left-radius: 50%;
  -webkit-border-top-right-radius: 50%;
  -webkit-border-bottom-right-radius: 50%;
  -webkit-border-bottom-left-radius: 50%;
  -moz-border-radius-topleft: 50%;
  -moz-border-radius-topright: 50%;
  -moz-border-radius-bottomright: 50%;
  -moz-border-radius-bottomleft: 50%;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (min-width: 960px) {
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) a.button {
    font-size: 22px;
  }
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) a.button-roll {
    overflow: hidden;
    position: relative;
  }
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) a.button-roll:before, html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) a.button-roll:after {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    padding: 0 20px;
    -webkit-transition: top 0.3s ease-in-out 0s;
    -moz-transition: top 0.3s ease-in-out 0s;
    -ms-transition: top 0.3s ease-in-out 0s;
    -o-transition: top 0.3s ease-in-out 0s;
    transition: top 0.3s ease-in-out 0s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) a.button-roll:before {
    content: attr(data-initial);
    top: calc(0% + 20px);
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) a.button-roll span {
    opacity: 0;
    display: block;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) a.button-roll.button-secondary:before {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: normal;
  }
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) a.button-roll.button-secondary span {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: normal;
  }
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) a.button-roll:after {
    content: attr(data-hover);
    top: calc(100% + 20px);
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    font-style: normal;
  }
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) a.button-roll:hover:before {
    top: calc(-100% - 20px);
  }
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) a.button-roll:hover:after {
    top: calc(0% + 20px);
  }
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) a.button-small {
    font-size: 20px;
  }
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) a.scroll-to-content:before {
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
  }
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) a.scroll-to-content:hover:before {
    margin-right: 20px;
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=date],
input[type=month],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=week],
input[type=number],
input[type=search],
input[type=tel],
input[type=color] {
  height: 34px;
  width: 100%;
  border: 2px solid #d7d7d7;
  padding: 0 4px;
  color: #7C7C7C;
  font-size: 12px;
  margin-bottom: 6px;
  margin-top: 4px;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: normal;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=week]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=color]:focus {
  border-color: #6695a8;
}

.description {
  font-size: 11px;
}
.description#edit-field-school-guide-opt-in-value--description {
  margin: 10px 0;
}

input[type=submit] {
  border: 2px solid #4c5e7c;
  height: 34px;
  color: #4c5e7c;
  text-transform: uppercase;
  padding: 0 10px;
  line-height: 30px;
  background: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}

textarea {
  border: 2px solid #d7d7d7;
  resize: none;
  font-size: 12px;
  padding-left: 4px;
  padding-right: 4px;
}
textarea:focus {
  border-color: #6695a8;
}

.js-form-type-select {
  position: relative;
  background: #fff;
}
.js-form-type-select:after {
  content: "\f107";
  font-family: FontAwesome;
  position: absolute;
  right: 0;
  bottom: 5px;
  line-height: 34px;
  height: 34px;
  width: 34px;
  text-align: center;
  z-index: 0;
}
.js-form-type-select.js-form-item-timezone:after {
  bottom: auto;
  top: 23px;
}
.js-form-type-select.js-form-item-field-domain-access:after {
  display: none;
}
.js-form-type-select.form-item-field-destination-target-id:after, .js-form-type-select.form-item-field-article-landing-category-target-id:after {
  bottom: 0px;
}

select {
  border: 2px solid #d7d7d7;
  font-size: 12px;
  height: 34px;
  padding: 0 4px;
  background: none;
  position: relative;
  z-index: 1;
  cursor: pointer;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select:focus {
  border-color: #6695a8;
}

.form-item {
  width: 100%;
  margin-bottom: 10px;
}

#edit-field-short-profile-wrapper {
  width: 100%;
  float: left;
  margin-bottom: 10px;
}
#edit-field-short-profile-wrapper .form-item {
  margin-bottom: 0;
}

fieldset {
  margin-bottom: 0 !important;
}

.form-actions {
  width: 100%;
  float: left;
}

form[id=search-block-form],
form.search-block-form {
  position: relative;
  padding: 20px 30px;
  background: #6695a8;
}
form[id=search-block-form] .form-item,
form.search-block-form .form-item {
  float: none;
  margin-bottom: 0;
}
form[id=search-block-form] .form-item input[type=search],
form.search-block-form .form-item input[type=search] {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  margin-right: 26px;
  padding: 0 34px 0 4px;
}
form[id=search-block-form] .form-actions,
form.search-block-form .form-actions {
  position: absolute;
  right: 30px;
  top: 20px;
  width: auto;
  float: none;
}
form[id=search-block-form] .form-actions:after,
form.search-block-form .form-actions:after {
  content: "\f002";
  font-family: "FontAwesome";
  display: block;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  position: absolute;
  top: 2px;
  right: 2px;
  z-index: 0;
  text-align: center;
  line-height: 28px;
  color: #7C7C7C;
}
form[id=search-block-form] .form-actions input[type=submit],
form.search-block-form .form-actions input[type=submit] {
  text-indent: -9999em;
  width: 34px;
  border: none;
  position: relative;
  z-index: 1;
  background: none;
  padding: 0;
}

[id^=block][id$=-searchform] {
  display: none;
}

form[id*=views-exposed-form-question-page-] .form-item {
  width: calc(100% - 100px);
  max-width: 300px;
  margin-right: 10px;
}
form[id*=views-exposed-form-question-page-] .form-actions {
  width: 90px;
}
form[id*=views-exposed-form-question-page-] select {
  width: 100%;
}
form[id*=views-exposed-form-question-page-] input[type=submit] {
  border-color: #fff;
  color: #fff;
  background: none;
  width: 90px;
}

form#views-exposed-form-article-page-article-landing .form-item {
  width: 100%;
}
form#views-exposed-form-article-page-article-landing .form-item label {
  display: none;
}
form#views-exposed-form-article-page-article-landing .form-item.form-item-field-destination-target-id {
  margin-top: -4px;
}
form#views-exposed-form-article-page-article-landing .form-actions {
  width: 90px;
}
form#views-exposed-form-article-page-article-landing select {
  width: 100%;
}
form#views-exposed-form-article-page-article-landing input[type=submit] {
  border-color: #fff;
  color: #fff;
  background: none;
  width: 90px;
}
@media screen and (min-width: 960px) {
  form#views-exposed-form-article-page-article-landing .form-item {
    width: calc(100% - 100px);
    max-width: 220px;
    margin-right: 10px;
  }
}
@media screen and (min-width: 1200px) {
  form#views-exposed-form-article-page-article-landing .form-item {
    max-width: 300px;
  }
}

@media screen and (min-width: 960px) {
  [id^=block][id$=-searchform] {
    display: block;
    position: absolute;
    right: 120px;
    top: 6px;
  }
  [id^=block][id$=-searchform] form {
    padding: 0;
    background: none;
  }
  [id^=block][id$=-searchform] form .form-item input[type=search] {
    width: 174px;
    border: 2px solid #d7d7d7;
    border-right: none;
    height: 28px;
    padding: 0 0 0 4px;
  }
  [id^=block][id$=-searchform] form .form-actions {
    right: 0;
    top: 0;
  }
  [id^=block][id$=-searchform] form .form-actions:after {
    line-height: 22px;
  }
  [id^=block][id$=-searchform] form .form-actions input[type=submit] {
    border: 2px solid #d7d7d7;
    border-left: none;
    width: 28px;
    height: 28px;
  }
}
.user-register-form,
.user-pass,
.path-user .user-login-form,
.comment-form,
.user-form {
  width: calc(100% - 20px);
  margin: 20px calc(20px / 2);
  float: left;
}
.user-register-form label,
.user-pass label,
.path-user .user-login-form label,
.comment-form label,
.user-form label {
  color: #4c5e7c;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.user-register-form .form-item-field-school-guide-opt-in-value label,
.user-pass .form-item-field-school-guide-opt-in-value label,
.path-user .user-login-form .form-item-field-school-guide-opt-in-value label,
.comment-form .form-item-field-school-guide-opt-in-value label,
.user-form .form-item-field-school-guide-opt-in-value label {
  color: #7C7C7C;
}
.user-register-form .form-actions,
.user-pass .form-actions,
.path-user .user-login-form .form-actions,
.comment-form .form-actions,
.user-form .form-actions {
  margin-top: 20px;
}
.user-register-form input[type=submit]:hover,
.user-pass input[type=submit]:hover,
.path-user .user-login-form input[type=submit]:hover,
.comment-form input[type=submit]:hover,
.user-form input[type=submit]:hover {
  border-color: #6695a8;
  color: #6695a8;
}
.user-register-form select,
.user-pass select,
.path-user .user-login-form select,
.comment-form select,
.user-form select {
  width: 100%;
  float: left;
  margin-top: 4px;
  margin-bottom: 6px;
}

.fancy-login-user-login-form h2 {
  margin-top: 0;
}

@media screen and (min-width: 960px) {
  .user-register-form, .user-pass, .path-user .user-login-form, .user-form {
    width: 50%;
    margin: 20px 25%;
  }
}
.comment-form {
  width: 100%;
  margin: 0;
}
.comment-form .js-text-format-wrapper .form-item {
  margin-bottom: 0;
}
.comment-form .js-text-format-wrapper .form-item label {
  display: none;
}

.search-form {
  width: calc(100% - 20px);
  margin: 20px calc(20px / 2);
  float: left;
  border-bottom: 2px solid #d7d7d7;
  padding-bottom: 20px;
}
.search-form .search-help-link {
  width: 100%;
  float: left;
  margin: 10px 0;
}

.path-search [id^=block][id$=-content] h2 {
  width: calc(100% - 20px);
  margin: 0 calc(20px / 2);
  float: left;
  color: #4c5e7c;
  text-transform: uppercase;
}
.path-search [id^=block][id$=-content] .search-results ol {
  color: #4c5e7c;
  font-size: 18px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.path-search [id^=block][id$=-content] .search-results ol li h3 {
  font-size: 18px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.path-search [id^=block][id$=-content] .search-results ol li p {
  color: #7C7C7C;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: normal;
}

#webform-submission-contact-node-15039-add-form {
  width: calc(100% - 20px);
  margin: 0 calc(20px / 2);
  float: left;
  padding: 20px 0 0 0;
}
#webform-submission-contact-node-15039-add-form textarea {
  width: 100%;
}

.pager {
  width: 100%;
  float: left;
  margin: 40px 0;
}
.pager h4 {
  display: none;
}

ul.pager__items li {
  border: 2px solid #4c5e7c;
  margin: 4px 2px;
}
ul.pager__items li a {
  text-decoration: none;
  display: block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}
ul.pager__items li.is-active a {
  background: #4c5e7c;
  color: #fff;
}
ul.pager__items li.pager__item--first a, ul.pager__items li.pager__item--previous a, ul.pager__items li.pager__item--next a, ul.pager__items li.pager__item--last a {
  position: relative;
}
ul.pager__items li.pager__item--first a:after, ul.pager__items li.pager__item--previous a:after, ul.pager__items li.pager__item--next a:after, ul.pager__items li.pager__item--last a:after {
  font-family: "FontAwesome";
  display: inline-block;
}
ul.pager__items li.pager__item--first a span, ul.pager__items li.pager__item--previous a span, ul.pager__items li.pager__item--next a span, ul.pager__items li.pager__item--last a span {
  display: none;
}
ul.pager__items li.pager__item--ellipsis {
  width: 36px;
  height: 36px;
  margin: 0 2px;
  position: relative;
  top: -5px;
}
ul.pager__items li.pager__item--first a:after {
  content: "\f100";
}
ul.pager__items li.pager__item--previous a:after {
  content: "\f104";
}
ul.pager__items li.pager__item--next a:after {
  content: "\f105";
}
ul.pager__items li.pager__item--last a:after {
  content: "\f101";
}

@media screen and (min-width: 960px) {
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) ul.pager__items li a {
    background: #fff;
    color: #4c5e7c;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
  }
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) ul.pager__items li a:hover {
    background: #4c5e7c;
    color: #fff;
  }
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) ul.pager__items li.is-active a {
    background: #4c5e7c;
    color: #fff;
  }
}
#fancy_login_login_box {
  padding: 10px;
  width: 240px;
  left: calc(50% - 10px);
  max-height: 320px;
  overflow: scroll;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
#fancy_login_login_box form {
  width: 100%;
  float: left;
  margin: 0;
}
#fancy_login_login_box .user-register-form {
  margin-bottom: 20px;
}
#fancy_login_login_box .user-register-form h2 {
  margin-top: 0;
}
@media screen and (min-width: 480px) {
  #fancy_login_login_box {
    width: 400px;
    padding: 20px;
    left: calc(50% - 20px);
  }
}
@media screen and (min-width: 768px) {
  #fancy_login_login_box {
    max-height: 500px;
  }
}
@media screen and (min-width: 960px) {
  #fancy_login_login_box {
    width: 900px;
  }
}

a#fancy_login_close_button {
  width: 30px;
  height: 30px;
  display: block;
  float: none;
  position: absolute;
  right: 20px;
  top: 20px;
  border: 2px solid #4c5e7c;
  background: none;
  text-indent: -9999em;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a#fancy_login_close_button:after {
  content: "\f00d";
  font-family: "FontAwesome";
  color: #4c5e7c;
  text-indent: 0;
  display: block;
  position: absolute;
  line-height: 30px;
  width: 31px;
  text-align: center;
  top: -2px;
  left: -2px;
}
a#fancy_login_close_button:hover {
  border: 2px solid #6695a8;
}
a#fancy_login_close_button:hover:after {
  color: #6695a8;
}

#fancy_login_user_login_block_wrapper {
  padding-bottom: 0;
}
#fancy_login_user_login_block_wrapper form > ul {
  margin: 6px 0 16px 0;
  padding: 0;
  list-style: none;
}
#fancy_login_user_login_block_wrapper form > ul li {
  display: inline-block;
  font-size: 12px;
  padding-right: 8px;
  margin-right: 8px;
  border-right: 1px solid #4c5e7c;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
}
#fancy_login_user_login_block_wrapper form > ul li:last-child {
  border: none;
  padding-right: 0;
  margin-right: 0;
}
#fancy_login_user_login_block_wrapper form > ul li a {
  text-decoration: none;
}
#fancy_login_user_login_block_wrapper form > ul li a:hover {
  text-decoration: underline;
}
#fancy_login_user_login_block_wrapper p {
  font-size: 13px;
}

#form_load_dimmer {
  background: #fff url(../images/ellipsis.gif) no-repeat center center;
}

.premium-lock {
  height: 400px;
  width: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  top: -400px;
  margin-bottom: -400px;
  margin-top: 200px;
}
.premium-lock a.premium-content {
  position: absolute !important;
  z-index: 2;
  top: 60%;
}
.premium-lock:before {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  background: url(../images/premium-gradient.png);
}

body.user-logged-in .premium-lock {
  height: auto;
}
body.user-logged-in .premium-lock:before {
  display: none !important;
}

hr {
  border-width: 1px 0 0 0;
  border-color: #d7d7d7;
  border-style: solid;
  margin-top: 1em;
  margin-bottom: 1em;
}

.jsidebar {
  padding-top: 6px !important;
  padding-bottom: 20px !important;
}
@media screen and (min-width: 768px) {
  .jsidebar {
    padding-bottom: 30px !important;
  }
}

.field.body:after {
  content: "";
  display: table;
  clear: both;
}

#page-header {
  background: #fff;
  -moz-box-shadow: 0 4px 36px 2px rgba(1, 1, 1, 0.15);
  -webkit-box-shadow: 0 4px 36px 2px rgba(1, 1, 1, 0.15);
  box-shadow: 0 4px 36px 2px rgba(1, 1, 1, 0.15);
}
#page-header .jcontainer {
  padding: 0 30px;
}
#page-header [id^=block][id$=-social] {
  display: none;
}

.header-strip {
  padding: 0;
}

.region-header-top {
  display: flex;
  justify-content: center;
  align-items: center;
}

.region-header {
  position: relative;
}
@media all and (min-width: 960px) {
  .region-header {
    display: flex;
  }
}

[id^=block][id$=-gtranslate] {
  position: absolute;
  right: 0;
  top: 9px;
}
[id^=block][id$=-gtranslate]::before {
  content: "\f1ab";
  font-family: "FontAwesome";
  text-align: center;
  display: block;
  position: absolute;
  width: 28px;
  height: 100%;
  font-size: 20px;
  color: #7C7C7C;
  line-height: 28px;
  top: 0;
  z-index: 0;
}
[id^=block][id$=-gtranslate] .gtranslate {
  display: inline;
}
[id^=block][id$=-gtranslate] select {
  width: 28px;
  opacity: 0;
  position: relative;
  z-index: 1;
  cursor: pointer;
}
[id^=block][id$=-gtranslate]::after {
  content: "Change language";
  font-size: 11px;
  max-width: 4.6em;
  display: inline-block;
  line-height: 1;
}

[id^=block] .spacer {
  height: 3px;
  background: #4c5e7c;
}

[id^=block][id$=-account-menu], [id^=block][id$=-main-menu] {
  display: none !important;
}
@media all and (min-width: 960px) {
  [id^=block][id$=-account-menu], [id^=block][id$=-main-menu] {
    display: block !important;
  }
}

[id^=block][id$=-account-menu] {
  position: absolute;
  top: 32px;
  left: 4px;
}
[id^=block][id$=-account-menu] ul li {
  line-height: inherit;
}
[id^=block][id$=-account-menu] ul li a {
  display: block;
  color: #010101;
  text-transform: uppercase;
  font-size: 11px;
  text-decoration: none;
  padding: 0;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
}
@media screen and (min-width: 480px) {
  [id^=block][id$=-account-menu] {
    left: auto;
    right: 0;
  }
  [id^=block][id$=-account-menu] ul li {
    line-height: 46px;
  }
  [id^=block][id$=-account-menu] ul li a {
    color: #7C7C7C;
  }
}

@media screen and (min-width: 960px) {
  .header-strip {
    height: auto;
  }
  [id^=block][id$=-social] {
    display: block !important;
    position: absolute;
    right: 330px;
    top: 6px;
  }
  [id^=block][id$=-social] ul {
    padding: 0;
    margin: 0;
    list-style: none;
  }
  [id^=block][id$=-social] ul li {
    width: 28px;
    height: 28px;
    display: block;
    float: left;
    margin-left: 6px;
  }
  [id^=block][id$=-social] ul li a {
    display: block;
    color: #7C7C7C;
    line-height: 28px;
    text-align: center;
  }
  [id^=block][id$=-social] ul li a i {
    position: relative;
    top: 0px;
    font-size: 20px;
    -webkit-transition: top 0.2s ease-in-out 0s;
    -moz-transition: top 0.2s ease-in-out 0s;
    -ms-transition: top 0.2s ease-in-out 0s;
    -o-transition: top 0.2s ease-in-out 0s;
    transition: top 0.2s ease-in-out 0s;
  }
  [id^=block][id$=-social] ul li a:hover i {
    top: 4px;
  }
  [id^=block][id$=-gtranslate] {
    top: 7px;
    -webkit-transition: top 0.2s ease-in-out 0s;
    -moz-transition: top 0.2s ease-in-out 0s;
    -ms-transition: top 0.2s ease-in-out 0s;
    -o-transition: top 0.2s ease-in-out 0s;
    transition: top 0.2s ease-in-out 0s;
  }
  [id^=block][id$=-gtranslate]:hover {
    top: 10px;
  }
  [id^=block][id$=-account-menu] {
    top: auto;
    bottom: 3px;
  }
  [id^=block][id$=-account-menu] ul li a {
    font-size: 15px;
  }
}
[id^=block][id*=mobilemenutoggler] {
  display: none;
}

:root {
  --successor-menu-height-wide: 56px;
}

[id^=block][id$=-main-menu] {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
[id^=block][id$=-main-menu] ul {
  background: none;
}
[id^=block][id$=-main-menu] ul li {
  border-bottom: none;
  width: auto;
  line-height: 46px;
}
[id^=block][id$=-main-menu] ul li a {
  color: #7C7C7C;
  text-transform: uppercase;
  font-size: 11px;
  padding: 0 4px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
}
[id^=block][id$=-main-menu] ul li:first-child a {
  padding-left: 30px;
}

@media screen and (min-width: 480px) {
  [id^=block][id$=-main-menu] ul li a {
    padding: 0 8px;
  }
}
@media screen and (min-width: 768px) {
  [id^=block][id$=-main-menu] {
    width: auto;
    top: 66px;
    left: 260px;
  }
  [id^=block][id$=-main-menu] ul li {
    line-height: 30px;
  }
  [id^=block][id$=-main-menu] ul li a {
    font-size: 13px;
  }
}
@media screen and (min-width: 960px) {
  [id^=block][id$=-main-menu] {
    position: relative;
    top: 62px;
    left: 10px;
  }
  [id^=block][id$=-main-menu] ul li {
    line-height: normal;
  }
  [id^=block][id$=-main-menu] ul li a {
    font-size: 15px;
    padding: 0 16px;
  }
}
.successor-menu {
  display: none;
  width: 100%;
  float: left;
  position: relative;
  overflow-y: scroll;
  max-height: calc(100vh - 110px);
  z-index: 30;
}
.successor-menu ul {
  margin: 0;
  padding: 0;
  background: #6695a8;
  width: 100%;
  float: left;
}
.successor-menu ul li {
  list-style: none;
  float: left;
  width: 100%;
  line-height: 48px;
  border-bottom: 1px solid #4c5e7c;
  position: relative;
}
.successor-menu ul li a {
  color: #fff;
  text-decoration: none;
  display: block;
  padding: 0 30px;
  text-transform: uppercase;
  font-size: 14px;
}
.successor-menu ul li > span {
  color: #fff;
  display: block;
  padding: 0 30px;
  text-transform: uppercase;
  font-size: 14px;
}
.successor-menu ul li sub {
  right: 0;
  height: 48px;
  line-height: 48px;
  width: 70px;
  background: none;
  display: block;
  position: absolute;
  bottom: auto;
  top: 0;
  cursor: pointer;
  font-size: 1em;
  padding-left: 20px;
}
.successor-menu ul li sub i {
  color: #4c5e7c;
}
.successor-menu ul li ul {
  background: #061e31;
  display: none;
}
.successor-menu ul li ul li {
  border-bottom: 1px solid #6695a8;
}
.successor-menu ul li ul li:first-child {
  border-top: 1px solid #4c5e7c;
}
.successor-menu ul li ul li:last-child {
  border-bottom: none;
}
.successor-menu ul li ul li a {
  padding: 0 40px;
}
.successor-menu ul li ul li sub i {
  color: #6695a8;
}
.successor-menu ul li ul li ul {
  background: #4c5e7c;
  display: none;
}
.successor-menu ul li ul li ul li {
  border-top: 1px solid #6695a8 !important;
  border-bottom: none;
}
.successor-menu ul li ul li ul li:before {
  content: "•";
  color: #fff;
  position: absolute;
  left: 40px;
}
.successor-menu ul li ul li ul li a {
  padding: 0 54px;
}
.successor-menu ul li ul li ul li:first-child {
  border-bottom: none;
}
.successor-menu ul li ul.active {
  display: block;
}
.successor-menu.successor-menu-desktop {
  display: none !important;
}

@media screen and (min-width: 960px) {
  .successor-menu {
    overflow-y: visible;
    background: #6695a8;
    max-height: auto;
  }
  .successor-menu .jcontainer {
    background: none;
  }
  .successor-menu.successor-menu-mobile {
    display: none !important;
  }
  .successor-menu.successor-menu-desktop {
    display: block !important;
  }
  .successor-menu ul {
    background: none;
    width: auto;
    float: none;
  }
  .successor-menu ul li {
    width: auto;
    line-height: var(--successor-menu-height-wide);
    border-bottom: none;
    position: static;
    height: var(--successor-menu-height-wide);
  }
  .successor-menu ul li a {
    display: inline-block;
    padding: 0 5px;
    font-size: 18px;
    letter-spacing: 2px;
    height: var(--successor-menu-height-wide);
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: normal;
  }
  .successor-menu ul li > span {
    display: inline-block;
    padding: 0 5px;
    font-size: 18px;
    letter-spacing: 1px;
    height: var(--successor-menu-height-wide);
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: normal;
  }
  .successor-menu ul li ul {
    background: none;
  }
  .successor-menu ul li ul li {
    width: auto;
    line-height: normal;
    height: auto;
    border-bottom: none;
    border-top: none !important;
    position: relative;
    background: none;
  }
  .successor-menu ul li ul li a {
    white-space: nowrap;
    text-transform: none;
    height: 30px;
    line-height: 30px;
  }
  .successor-menu ul li ul li sub {
    line-height: 30px;
    padding-top: 0;
    height: 30px;
    width: 30px;
  }
  .successor-menu ul li ul li ul {
    display: inline-block !important;
    position: relative;
    left: auto;
    top: auto;
    width: auto;
    background: none;
    padding: 0 0 0 20px;
  }
  .successor-menu ul li ul li ul li:before {
    left: -8px;
    top: 5px;
  }
  .successor-menu ul li ul li ul li a {
    padding: 0 10px;
    font-size: 14px;
  }
  .successor-menu ul li.parent-0 > ul {
    display: none;
  }
  .successor-menu ul li sub {
    display: none;
  }
  .successor-menu ul li .clone-menu {
    position: absolute;
    left: 0;
    background: #061e31;
    width: 100%;
    padding: 30px;
    display: none;
    width: 90vw;
    box-sizing: border-box;
    grid-template-columns: auto minmax(auto, 260px) minmax(auto, 260px) minmax(auto, 260px) minmax(auto, 260px) auto;
    left: 50%;
    transform: translateX(-50%);
    overflow-y: auto;
    max-height: calc(100vh - 56px);
  }
  .successor-menu ul li .clone-menu:before, .successor-menu ul li .clone-menu:after {
    content: "";
    display: block;
    height: 100%;
    top: 0;
    background: #061e31;
  }
  .successor-menu ul li .clone-menu ul.column-list {
    display: block;
    position: relative;
  }
  .successor-menu ul li:hover .clone-menu {
    display: grid;
  }
  .successor-menu.successor-menu-home ul li {
    width: 20%;
    text-align: center;
  }
  .successor-menu.successor-menu-home ul li a, .successor-menu.successor-menu-home ul li > span {
    position: relative;
    padding: 0;
    overflow: hidden;
    width: 100%;
    display: block;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: normal;
  }
  .successor-menu.successor-menu-home ul li a:before, .successor-menu.successor-menu-home ul li > span:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    left: 0;
    width: 100%;
    height: 100%;
    background: #061e31;
    opacity: 0;
    -webkit-transition: all 0.1s ease-in-out 0s;
    -moz-transition: all 0.1s ease-in-out 0s;
    -ms-transition: all 0.1s ease-in-out 0s;
    -o-transition: all 0.1s ease-in-out 0s;
    transition: all 0.1s ease-in-out 0s;
  }
  .successor-menu.successor-menu-home ul li a span, .successor-menu.successor-menu-home ul li > span span {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    z-index: 2;
    opacity: 1;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
  }
  .successor-menu.successor-menu-home ul li a:after, .successor-menu.successor-menu-home ul li > span:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 3;
    left: 0;
    opacity: 0;
    background-position: 50% 10px;
    -webkit-transition: all 0.35s ease-in-out 0s;
    -moz-transition: all 0.35s ease-in-out 0s;
    -ms-transition: all 0.35s ease-in-out 0s;
    -o-transition: all 0.35s ease-in-out 0s;
    transition: all 0.35s ease-in-out 0s;
  }
  .successor-menu.successor-menu-home ul li > span {
    cursor: pointer;
  }
  .successor-menu.successor-menu-home ul li > span:after, .successor-menu.successor-menu-home ul li > a:after {
    background-repeat: no-repeat;
  }
  .successor-menu.successor-menu-home ul li:nth-child(1) > span:after, .successor-menu.successor-menu-home ul li:nth-child(1) > a:after {
    background-image: url("../images/destination-icon-africa.svg");
    background-size: 32px;
  }
  .successor-menu.successor-menu-home ul li:nth-child(2) > span:after, .successor-menu.successor-menu-home ul li:nth-child(2) > a:after {
    background-image: url("../images/destination-icon-americas.svg");
    background-size: 28px;
  }
  .successor-menu.successor-menu-home ul li:nth-child(3) > span:after, .successor-menu.successor-menu-home ul li:nth-child(3) > a:after {
    background-image: url("../images/destination-icon-asia.svg");
    background-size: 42px;
  }
  .successor-menu.successor-menu-home ul li:nth-child(4) > span:after, .successor-menu.successor-menu-home ul li:nth-child(4) > a:after {
    background-image: url("../images/destination-icon-middleeast.svg");
    background-size: 40px;
  }
  .successor-menu.successor-menu-home ul li:nth-child(5) > span:after, .successor-menu.successor-menu-home ul li:nth-child(5) > a:after {
    background-image: url("../images/destination-icon-europe.svg");
    background-size: 34px;
  }
  .successor-menu.successor-menu-home ul li:hover a:before {
    bottom: 0%;
    opacity: 1;
  }
  .successor-menu.successor-menu-home ul li:hover a span {
    opacity: 0;
    top: -100%;
  }
  .successor-menu.successor-menu-home ul li:hover a:after {
    bottom: 0%;
    opacity: 1;
  }
  .successor-menu.successor-menu-home ul li:hover > span:before {
    bottom: 0%;
    opacity: 1;
  }
  .successor-menu.successor-menu-home ul li:hover > span span {
    opacity: 0;
    top: -100%;
  }
  .successor-menu.successor-menu-home ul li:hover > span:after {
    bottom: 0%;
    opacity: 1;
  }
  .successor-menu.successor-menu-home ul li ul li {
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
  }
  .successor-menu.successor-menu-home ul li ul li a {
    padding: 0 5px;
    text-overflow: ellipsis;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: normal;
  }
  .successor-menu.successor-menu-home ul li ul li a:before, .successor-menu.successor-menu-home ul li ul li a:after {
    display: none;
  }
  .successor-menu.successor-menu-home ul li ul li a:hover {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: normal;
  }
  .successor-menu.successor-menu-home ul li ul li ul li {
    margin-bottom: 0;
    border-top: none !important;
  }
  .successor-menu.successor-menu-home ul li ul li ul li:nth-child(n+3) {
    display: none;
  }
  .successor-menu.successor-menu-home ul li ul li a.all-cities {
    font-size: 12px;
    text-decoration: underline;
    color: #6695a8;
    margin-bottom: 10px;
    margin-top: -8px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: normal;
  }
  .successor-menu.successor-menu-home ul li ul li a.all-cities:hover {
    text-decoration: none;
  }
  .successor-menu.successor-menu-location {
    bottom: 0;
  }
  .successor-menu.successor-menu-location ul li {
    text-align: center;
    cursor: pointer;
  }
  .successor-menu.successor-menu-location ul li.count-1, .successor-menu.successor-menu-location ul li.count-2, .successor-menu.successor-menu-location ul li.count-3, .successor-menu.successor-menu-location ul li.count-4 {
    width: 25%;
  }
  .successor-menu.successor-menu-location ul li.count-5 {
    width: 20%;
  }
  .successor-menu.successor-menu-location ul li.count-6 {
    width: 16.6666666667%;
  }
  .successor-menu.successor-menu-location ul li.count-7 {
    width: 14.2857142857%;
  }
  .successor-menu.successor-menu-location ul li.count-8 {
    width: 12.5%;
  }
  .successor-menu.successor-menu-location ul li a, .successor-menu.successor-menu-location ul li > span {
    position: relative;
    padding: 0;
    overflow: hidden;
    width: 100%;
    display: table;
    font-size: 16px;
  }
  .successor-menu.successor-menu-location ul li a:before, .successor-menu.successor-menu-location ul li > span:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: #061e31;
    opacity: 0;
    z-index: 1;
    -webkit-transition: all 0.1s ease-in-out 0s;
    -moz-transition: all 0.1s ease-in-out 0s;
    -ms-transition: all 0.1s ease-in-out 0s;
    -o-transition: all 0.1s ease-in-out 0s;
    transition: all 0.1s ease-in-out 0s;
  }
  .successor-menu.successor-menu-location ul li a span, .successor-menu.successor-menu-location ul li > span span {
    position: relative;
    z-index: 2;
    display: table-cell;
    vertical-align: middle;
    line-height: 18px;
    text-align: center;
  }
  .successor-menu.successor-menu-location ul li:hover a:before, .successor-menu.successor-menu-location ul li:hover > span:before {
    bottom: 0%;
    opacity: 1;
  }
  .successor-menu.successor-menu-location ul li ul li {
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
  }
  .successor-menu.successor-menu-location ul li ul li a {
    padding: 0 5px;
    text-overflow: ellipsis;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: normal;
  }
  .successor-menu.successor-menu-location ul li ul li a:before {
    display: none;
  }
  .successor-menu.successor-menu-location ul li ul li a:hover {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: normal;
  }
  .successor-menu.successor-menu-location ul li ul li ul {
    width: 100%;
  }
  .successor-menu.successor-menu-location ul li ul li ul li {
    margin-bottom: 0;
  }
}
[id^=block][id$=-expatlocationmenu-3],
[id^=block].location-menu {
  width: 100%;
  margin-top: 40px;
}
[id^=block][id$=-expatlocationmenu-3] ul,
[id^=block].location-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
[id^=block][id$=-expatlocationmenu-3] ul li,
[id^=block].location-menu ul li {
  width: 100%;
  float: left;
  border-bottom: 2px solid #d7d7d7;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
[id^=block][id$=-expatlocationmenu-3] ul li a,
[id^=block].location-menu ul li a {
  text-decoration: none;
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 20px;
  width: 100%;
  float: left;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}
@media screen and (min-width: 960px) {
  [id^=block][id$=-expatlocationmenu-3] ul li a:hover,
  [id^=block].location-menu ul li a:hover {
    text-decoration: underline;
  }
}
[id^=block][id$=-expatlocationmenu-3] ul li > span,
[id^=block].location-menu ul li > span {
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 20px;
  width: 100%;
  float: left;
  color: #4c5e7c;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}
[id^=block][id$=-expatlocationmenu-3] ul li sub,
[id^=block].location-menu ul li sub {
  display: none;
}
[id^=block][id$=-expatlocationmenu-3] ul li ul,
[id^=block].location-menu ul li ul {
  width: 100%;
}
[id^=block][id$=-expatlocationmenu-3] ul li ul li,
[id^=block].location-menu ul li ul li {
  width: 50%;
  border-bottom: none;
  padding-bottom: 0;
  margin: 10px 0;
  position: relative;
  padding: 0 0 0 14px;
}
[id^=block][id$=-expatlocationmenu-3] ul li ul li:before,
[id^=block].location-menu ul li ul li:before {
  content: "\f111";
  font-family: FontAwesome;
  font-size: 6px;
  display: block;
  position: absolute;
  top: 0;
  left: 1px;
  width: 10px;
  height: 20px;
  line-height: 20px;
  color: #4c5e7c;
}
[id^=block][id$=-expatlocationmenu-3] ul li ul li a,
[id^=block].location-menu ul li ul li a {
  font-size: 16px;
  display: inline;
  line-height: 20px;
  margin-bottom: 0;
  width: auto;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
}
[id^=block][id$=-expatlocationmenu-3] ul li ul li.has-children a:after,
[id^=block].location-menu ul li ul li.has-children a:after {
  content: ": ";
  display: inline;
}
[id^=block][id$=-expatlocationmenu-3] ul li ul li ul,
[id^=block].location-menu ul li ul li ul {
  display: inline;
  position: relative;
}
[id^=block][id$=-expatlocationmenu-3] ul li ul li ul li,
[id^=block].location-menu ul li ul li ul li {
  width: auto;
  margin: 0 4px;
  padding: 0;
}
[id^=block][id$=-expatlocationmenu-3] ul li ul li ul li:before,
[id^=block].location-menu ul li ul li ul li:before {
  display: none;
}
[id^=block][id$=-expatlocationmenu-3] ul li ul li ul li a,
[id^=block].location-menu ul li ul li ul li a {
  font-size: 12px;
  color: #6695a8;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: normal;
}
[id^=block][id$=-expatlocationmenu-3] ul li ul li ul li a:after,
[id^=block].location-menu ul li ul li ul li a:after {
  display: none !important;
}

.toggler {
  top: 48px;
  height: 70px;
  line-height: 70px;
  width: 86px;
}
.toggler div {
  width: 42px;
  height: 24px;
  top: 22px;
  left: 14px;
}
.toggler span {
  height: 3px;
  background: #575757;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.toggler span:nth-child(2), .toggler span:nth-child(3) {
  top: 9px;
}
.toggler span:nth-child(4) {
  top: 18px;
}
.toggler.open span:nth-child(1) {
  top: 18px;
}
.toggler.open span:nth-child(4) {
  top: 18px;
}

/* ---------------------------------------------------------------------------*/
#page-banner {
  background: #4c5e7c;
  color: #fff;
  line-height: normal;
  text-align: left;
  position: relative;
  z-index: 10;
  clear: both;
  float: none;
}
#page-banner .hero-image[style*=background-image] {
  height: 290px;
}
@media screen and (min-width: 960px) {
  #page-banner .hero-image[style*=background-image] {
    height: 484px;
  }
}

.region-banner {
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  position: relative;
  min-height: 120px;
  display: grid;
  grid-template-columns: 1fr;
}

.header-container {
  position: relative;
}

.path-user #page-banner,
.path-comment #page-banner,
.page--node-15038 #page-banner,
.page--node-15037 #page-banner,
.page--node-15041 #page-banner,
.path-search #page-banner {
  height: auto !important;
  min-height: 110px !important;
  padding: 40px 0 !important;
}
.path-user #page-banner h1,
.path-comment #page-banner h1,
.page--node-15038 #page-banner h1,
.page--node-15037 #page-banner h1,
.page--node-15041 #page-banner h1,
.path-search #page-banner h1 {
  font-size: 50px;
  line-height: 1;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-shadow: 0 0 50px rgba(1, 1, 1, 0.3);
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: normal;
}

/* -----------------------------------------------------------------------------
														Hero Banner
 */
[id*=block][id*=-views-block-hero-image],
[id^=block][id$=-views-block-hero-image-block-1],
[id^=block][id$=-views-block-hero-image-taxonomy-block-1],
[id^=block][id$=-articlelistinghero],
[id^=block][id$=-forumlistinghero],
[id^=block][id$=-guidelistinghero],
[id^=block][id$=-schoollistinghero],
[id^=block][id$=-contactushero] {
  width: 100%;
  float: none;
  grid-column: 1/2;
  align-self: end;
  grid-row: 1/5;
}
[id*=block][id*=-views-block-hero-image] .hero-image,
[id^=block][id$=-views-block-hero-image-block-1] .hero-image,
[id^=block][id$=-views-block-hero-image-taxonomy-block-1] .hero-image,
[id^=block][id$=-articlelistinghero] .hero-image,
[id^=block][id$=-forumlistinghero] .hero-image,
[id^=block][id$=-guidelistinghero] .hero-image,
[id^=block][id$=-schoollistinghero] .hero-image,
[id^=block][id$=-contactushero] .hero-image {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: table;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
[id*=block][id*=-views-block-hero-image] .hero-image h6,
[id^=block][id$=-views-block-hero-image-block-1] .hero-image h6,
[id^=block][id$=-views-block-hero-image-taxonomy-block-1] .hero-image h6,
[id^=block][id$=-articlelistinghero] .hero-image h6,
[id^=block][id$=-forumlistinghero] .hero-image h6,
[id^=block][id$=-guidelistinghero] .hero-image h6,
[id^=block][id$=-schoollistinghero] .hero-image h6,
[id^=block][id$=-contactushero] .hero-image h6 {
  font-size: 60px;
  line-height: 52px;
  text-transform: uppercase;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  padding: 0 30px;
  letter-spacing: 2px;
  text-shadow: 0 0 50px rgba(1, 1, 1, 0.3);
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: normal;
}
@media screen and (min-width: 480px) {
  [id*=block][id*=-views-block-hero-image] .hero-image h6,
  [id^=block][id$=-views-block-hero-image-block-1] .hero-image h6,
  [id^=block][id$=-views-block-hero-image-taxonomy-block-1] .hero-image h6,
  [id^=block][id$=-articlelistinghero] .hero-image h6,
  [id^=block][id$=-forumlistinghero] .hero-image h6,
  [id^=block][id$=-guidelistinghero] .hero-image h6,
  [id^=block][id$=-schoollistinghero] .hero-image h6,
  [id^=block][id$=-contactushero] .hero-image h6 {
    padding: 0 80px;
  }
}
@media screen and (min-width: 768px) {
  [id*=block][id*=-views-block-hero-image] .hero-image h6,
  [id^=block][id$=-views-block-hero-image-block-1] .hero-image h6,
  [id^=block][id$=-views-block-hero-image-taxonomy-block-1] .hero-image h6,
  [id^=block][id$=-articlelistinghero] .hero-image h6,
  [id^=block][id$=-forumlistinghero] .hero-image h6,
  [id^=block][id$=-guidelistinghero] .hero-image h6,
  [id^=block][id$=-schoollistinghero] .hero-image h6,
  [id^=block][id$=-contactushero] .hero-image h6 {
    font-size: 80px;
    line-height: 74px;
    padding: 0 160px;
  }
}

[id^=block][id$=-articlelistinghero] .listing-heading,
[id^=block][id$=-forumlistinghero] .listing-heading,
[id^=block][id$=-guidelistinghero] .listing-heading,
[id^=block][id$=-schoollistinghero] .listing-heading,
[id^=block][id$=-contactushero] .listing-heading {
  position: absolute;
  z-index: 1;
  bottom: 30px;
}
@media screen and (min-width: 960px) {
  [id^=block][id$=-articlelistinghero] .listing-heading,
  [id^=block][id$=-forumlistinghero] .listing-heading,
  [id^=block][id$=-guidelistinghero] .listing-heading,
  [id^=block][id$=-schoollistinghero] .listing-heading,
  [id^=block][id$=-contactushero] .listing-heading {
    bottom: 40px;
  }
}
[id^=block][id$=-articlelistinghero] h1,
[id^=block][id$=-forumlistinghero] h1,
[id^=block][id$=-guidelistinghero] h1,
[id^=block][id$=-schoollistinghero] h1,
[id^=block][id$=-contactushero] h1 {
  font-size: 34px;
  line-height: 1;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-shadow: 0 0 50px rgba(1, 1, 1, 0.3);
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: normal;
}
@media screen and (min-width: 480px) {
  [id^=block][id$=-articlelistinghero] h1,
  [id^=block][id$=-forumlistinghero] h1,
  [id^=block][id$=-guidelistinghero] h1,
  [id^=block][id$=-schoollistinghero] h1,
  [id^=block][id$=-contactushero] h1 {
    font-size: 50px;
    line-height: 48px;
  }
}
@media screen and (min-width: 768px) {
  [id^=block][id$=-articlelistinghero] h1,
  [id^=block][id$=-forumlistinghero] h1,
  [id^=block][id$=-guidelistinghero] h1,
  [id^=block][id$=-schoollistinghero] h1,
  [id^=block][id$=-contactushero] h1 {
    font-size: 60px;
    line-height: 52px;
  }
}

/* -----------------------------------------------------------------------------
                            Breadcrumbs
 */
.block[id$=-breadcrumbs] {
  grid-column: 1/2;
  grid-row: 3/4;
  padding-left: 7%;
  padding-right: 7%;
  box-sizing: content-box;
}
@media all and (min-width: 1150px) {
  .block[id$=-breadcrumbs] {
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ---------------------------------------------------------------------------*/
[id^=block][id$=-breadcrumbs] {
  position: relative;
  bottom: -6px;
}
[id^=block][id$=-breadcrumbs] ol li {
  text-transform: uppercase;
  font-size: 12px;
  text-shadow: 0 0 30px rgba(1, 1, 1, 0.3);
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}
[id^=block][id$=-breadcrumbs] ol li:after {
  color: #fff;
}
[id^=block][id$=-breadcrumbs] ol li a {
  color: #fff;
}
[id^=block][id$=-breadcrumbs] ol li:first-child {
  display: none;
}
@media screen and (min-width: 480px) {
  [id^=block][id$=-breadcrumbs] ol li {
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: normal;
  }
}
@media screen and (min-width: 960px) {
  [id^=block][id$=-breadcrumbs] ol li {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  [id^=block][id$=-breadcrumbs] {
    bottom: -8px;
  }
}
@media screen and (min-width: 960px) {
  [id^=block][id$=-breadcrumbs] {
    bottom: -12px;
  }
}

body.path-taxonomy [id^=block][id$=-breadcrumbs] ol li:first-child,
body.path-article [id^=block][id$=-breadcrumbs] ol li:first-child {
  display: none;
}

body.page-node-type-country-page [id^=block][id$=-breadcrumbs] ol li,
body.page-node-type-city-page [id^=block][id$=-breadcrumbs] ol li {
  position: relative;
  z-index: 1;
}
body.page-node-type-country-page [id^=block][id$=-breadcrumbs] ol li:nth-last-child(2):after,
body.page-node-type-city-page [id^=block][id$=-breadcrumbs] ol li:nth-last-child(2):after {
  display: none;
}
body.page-node-type-country-page [id^=block][id$=-breadcrumbs] ol li:last-child,
body.page-node-type-city-page [id^=block][id$=-breadcrumbs] ol li:last-child {
  z-index: 0;
  width: 100%;
  font-size: 34px;
  line-height: 34px;
  margin: 0;
  margin-bottom: 20px;
  text-transform: uppercase;
  display: inline-block;
  letter-spacing: 2px;
  text-shadow: 0 0 50px rgba(1, 1, 1, 0.3);
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: normal;
}
@media screen and (min-width: 480px) {
  body.page-node-type-country-page [id^=block][id$=-breadcrumbs] ol li:last-child,
  body.page-node-type-city-page [id^=block][id$=-breadcrumbs] ol li:last-child {
    font-size: 50px;
    line-height: 48px;
  }
}
@media screen and (min-width: 768px) {
  body.page-node-type-country-page [id^=block][id$=-breadcrumbs] ol li:last-child,
  body.page-node-type-city-page [id^=block][id$=-breadcrumbs] ol li:last-child {
    font-size: 60px;
    line-height: 52px;
  }
}

/* -----------------------------------------------------------------------------
                            Page title
 */
[id*=block][id$=-page-title] {
  grid-column: 1/2;
  grid-row: 4/5;
  padding-left: 7%;
  padding-right: 7%;
  box-sizing: content-box;
}
@media all and (min-width: 1150px) {
  [id*=block][id$=-page-title] {
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
  }
}
[id*=block][id$=-page-title] h1 {
  font-size: 34px;
  line-height: 1;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-shadow: 0 0 50px rgba(1, 1, 1, 0.3);
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: normal;
}

@media screen and (min-width: 480px) {
  html:not([data-browser*=Android][data-browser*=Mobile]) [id^=block][id$=-page-title] h1 {
    font-size: 50px;
  }
}
@media screen and (min-width: 768px) {
  html:not([data-browser*=iPhone]) [id^=block][id$=-page-title] h1 {
    font-size: 54px;
  }
}
/* -----------------------------------------------------------------------------
                            Successor menu (only layout)
 */
.successor-menu {
  grid-column: 1/2;
  grid-row: 4/5;
  float: none;
}

/* -----------------------------------------------------------------------------
                            After banner region (sticky)
 */
.region-after-banner {
  background: #4c5e7c;
  color: #fff;
  display: grid;
}

[id=sidebar-second] .block {
  position: relative;
}
[id=sidebar-second] .block::after {
  display: none;
}
[id=sidebar-second] .block h2 {
  margin-top: 0;
  font-size: 20px;
  color: #6695a8;
}
[id=sidebar-second] .block ul {
  list-style: none;
}
[id=sidebar-second] .block li {
  position: relative;
  margin: 4px 0;
}
[id=sidebar-second] .block li::before {
  content: "\f105";
  font-family: FontAwesome;
  font-size: 10px;
  display: block;
  position: absolute;
  top: 0.1em;
  left: -1.6em;
  width: 10px;
  height: 20px;
  line-height: 20px;
  color: #4c5e7c;
}
[id=sidebar-second] .block li a {
  text-decoration: none;
  display: block;
  font-weight: 500;
}
[id=sidebar-second] .block li a:hover, [id=sidebar-second] .block li a:focus {
  text-decoration: underline;
}

#page-footer {
  background: #4a4a4a;
  padding: 40px 0 30px 0;
}
#page-footer .jcontainer {
  padding: 0 20px;
}

[id^=block][id$=-social-2] {
  width: 100%;
  float: left;
}
[id^=block][id$=-social-2] ul {
  margin: 0 0 20px 0;
  padding: 0;
  text-align: center;
}
[id^=block][id$=-social-2] ul li {
  display: inline-block;
  font-size: 20px;
  margin: 0 3px;
}
[id^=block][id$=-social-2] ul li a {
  color: #fff;
}

[id^=block][id$=-footer] {
  width: 100%;
  float: left;
}
[id^=block][id$=-footer] ul {
  text-align: center;
}
[id^=block][id$=-footer] ul li {
  display: inline-block;
  margin: 6px 0;
  float: left;
  width: 100%;
}
[id^=block][id$=-footer] ul li a {
  text-transform: uppercase;
  font-size: 15px;
  color: #7C7C7C;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
}
@media screen and (min-width: 480px) {
  [id^=block][id$=-footer] ul li {
    margin: 6px 20px;
    width: auto;
    float: none;
  }
}

[id^=block][id$=-copyright] {
  width: 100%;
  float: left;
  margin-top: 20px;
  text-align: center;
}
[id^=block][id$=-copyright] p {
  color: #7C7C7C;
  font-size: 12px;
}

@media screen and (min-width: 960px) {
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) [id^=block][id$=-social-2] {
    display: none;
  }
}
.field img.align-left {
  margin-right: 5%;
  margin-bottom: 4%;
}

.margin-top {
  margin-top: 50px;
}

.non-list {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.non-list li {
  padding-left: 0;
  line-height: inherit;
  margin-top: 0;
}

.grid-3 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  grid-gap: 20px;
}

summary.more {
  color: #4c5e7c;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.9em;
  margin-top: 0.8em;
  margin-bottom: 0.8em;
}

.spb-popup-main-wrapper {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  border: none;
  padding: 1em;
}

.spb_close {
  border-color: #cacaca;
  padding: 0.2em 0.6em;
  border-radius: 4px;
  background: transparent;
  font-size: 1.2em;
}

@media all and (min-width: 500px) {
  .phone-only {
    display: none;
  }
}
.grid-row-1 {
  grid-row: 1/1;
  grid-column: 1/1;
}

/** On node pages where the banner region has a background image, breadcrumbs, and a page title
 * Move them appropriately.
 * On other node types, the breadcrumb basically provides the page title.
 */
/* -----------------------------------------------------------------------------
                                                  Articles
*/
/* -----------------------------------------------------------------------------
                                                  Guides
*/
article[data-type=guide][data-view-mode=teaser] {
  position: relative;
  border: solid 1px #d9d9d9;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.07);
  margin-bottom: 20px;
  max-width: 500px;
}
article[data-type=guide][data-view-mode=teaser] .image {
  position: relative;
  min-height: 140px;
}
article[data-type=guide][data-view-mode=teaser] .image::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
}
article[data-type=guide][data-view-mode=teaser] .image img {
  display: block;
}
article[data-type=guide][data-view-mode=teaser] h2 {
  position: absolute;
  bottom: 20px;
  left: 7%;
  right: 7%;
  color: white;
  font-size: 1.1em;
  text-transform: uppercase;
  z-index: 2;
  font-weight: normal;
  text-align: center;
}
article[data-type=guide][data-view-mode=teaser] h2 a {
  color: inherit;
  text-decoration: none;
}
article[data-type=guide][data-view-mode=teaser] h2 a::after {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.block-page-title-block {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 7%;
  padding-right: 7%;
  box-sizing: content-box;
  padding-top: 1.8em;
  padding-bottom: 1.8em;
  box-sizing: border-box;
  width: 100%;
}
@media all and (min-width: 1260px) {
  .block-page-title-block {
    padding-left: 0;
    padding-right: 0;
    width: 1100px;
  }
}

.page-node-type-country-page h1,
.page-node-type-city-page h1 {
  font-size: 26px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin: 0;
  margin-top: 0;
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: normal;
}
.page-node-type-country-page .region-content,
.page-node-type-city-page .region-content {
  margin-top: 40px;
}
.page-node-type-country-page .block[id*=quicklinks],
.page-node-type-country-page .block-page-title-block,
.page-node-type-city-page .block[id*=quicklinks],
.page-node-type-city-page .block-page-title-block {
  align-self: center;
}
.page-node-type-country-page .block[id*=quicklinks] > div,
.page-node-type-city-page .block[id*=quicklinks] > div {
  margin: 0 auto;
  width: 100%;
}
@media all and (min-width: 1100px) {
  .page-node-type-country-page .block[id*=quicklinks] > div,
  .page-node-type-city-page .block[id*=quicklinks] > div {
    width: 1100px;
  }
}
.page-node-type-country-page .block[id*=quicklinks] > div > div,
.page-node-type-city-page .block[id*=quicklinks] > div > div {
  width: 300px;
  margin-left: auto;
}

.node--type--country-page.node--full,
.node--type--city-page.node--full {
  padding: 0;
}
.node--type--country-page.node--full .location-introduction,
.node--type--city-page.node--full .location-introduction {
  background: #4c5e7c;
  padding: 30px 0;
  color: #fff;
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
}
.node--type--country-page.node--full .location-introduction:before, .node--type--country-page.node--full .location-introduction:after,
.node--type--city-page.node--full .location-introduction:before,
.node--type--city-page.node--full .location-introduction:after {
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  background: #4c5e7c;
}
.node--type--country-page.node--full .location-introduction:before,
.node--type--city-page.node--full .location-introduction:before {
  left: -600px;
  width: 600px;
}
.node--type--country-page.node--full .location-introduction:after,
.node--type--city-page.node--full .location-introduction:after {
  right: -1000px;
  width: 1000px;
}
.node--type--country-page.node--full .location-introduction a,
.node--type--city-page.node--full .location-introduction a {
  color: #6695a8;
}
.node--type--country-page.node--full .location-footer,
.node--type--city-page.node--full .location-footer {
  clear: left;
}
.node--type--country-page.node--full .location-footer [data-quickedit-field-id],
.node--type--country-page.node--full .location-footer div,
.node--type--city-page.node--full .location-footer [data-quickedit-field-id],
.node--type--city-page.node--full .location-footer div {
  display: inline;
}
.node--type--country-page.node--full .location-introduction ~ .expat-premium--guides,
.node--type--city-page.node--full .location-introduction ~ .expat-premium--guides {
  margin-top: 2em;
  float: left;
  padding: 20px 25px;
  width: 100%;
  border: 2px solid #4c5e7c;
}

.article-list header {
  width: calc(100% - 20px);
  margin: 0 calc(20px / 2);
  background: #4c5e7c;
  float: left;
  position: relative;
  color: #fff;
}
.article-list header:before, .article-list header:after {
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  background: #4c5e7c;
}
.article-list header:before {
  left: -600px;
  width: 600px;
}
.article-list header:after {
  right: -1000px;
  width: 1000px;
}
.article-list header a {
  color: #6695a8;
}
.article-list .views-exposed-form {
  width: calc(100% - 20px);
  margin: 0 calc(20px / 2);
  background: #4c5e7c;
  float: left;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 40px;
}
.article-list .views-exposed-form:before, .article-list .views-exposed-form:after {
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  background: #4c5e7c;
}
.article-list .views-exposed-form:before {
  left: -600px;
  width: 600px;
}
.article-list .views-exposed-form:after {
  right: -1000px;
  width: 1000px;
}

[id^=block][id$=-views-block-article-block-1] {
  margin-bottom: 24px;
}

article[data-type=article][data-view-mode=teaser] {
  position: relative;
  border: solid 1px #d9d9d9;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.07);
  margin-bottom: 20px;
  max-width: 500px;
}
article[data-type=article][data-view-mode=teaser] .image {
  position: relative;
  min-height: 140px;
}
article[data-type=article][data-view-mode=teaser] .image::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
}
article[data-type=article][data-view-mode=teaser] .image img {
  display: block;
}
article[data-type=article][data-view-mode=teaser] h2 {
  position: absolute;
  bottom: 20px;
  left: 7%;
  right: 7%;
  color: white;
  font-size: 1.1em;
  text-transform: uppercase;
  z-index: 2;
  font-weight: normal;
  text-align: center;
}
article[data-type=article][data-view-mode=teaser] h2 a {
  color: inherit;
  text-decoration: none;
}
article[data-type=article][data-view-mode=teaser] .wysiwyg {
  margin-top: 0;
}
article[data-type=article][data-view-mode=teaser] a.block {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 3;
}
article[data-type=article][data-view-mode=teaser] a.block span {
  font-size: 0;
  position: absolute;
  color: transparent;
}
article[data-type=article][data-view-mode=teaser] .content {
  padding: 1em 7%;
}
article[data-type=article][data-view-mode=teaser] .content .body {
  font-size: 0.9em;
}

.node--type--article.node--full .article-content {
  position: relative;
}
.node--type--article.node--full .article-images img {
  display: block;
  height: auto;
  max-width: 100%;
}
.author-wrap {
  margin: 50px 0 20px 0;
  padding: 0 0 20px 0;
  border-bottom: 2px solid #4c5e7c;
}

.author-top {
  border-bottom: 2px solid #d7d7d7;
  margin: 40px 0 20px 0;
  padding: 0 0 20px 0;
}
.author-top .author-wrap-small {
  font-size: 16px;
  color: #7C7C7C;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: normal;
}
.author-top .author-wrap-small span {
  color: #4c5e7c;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.author-top .date {
  font-size: 12px;
  color: #7C7C7C;
}

.author-picture {
  width: 100px;
  height: 100px;
  text-align: center;
  display: block;
  overflow: hidden;
  margin: 0 auto;
  -webkit-border-top-left-radius: 50%;
  -webkit-border-top-right-radius: 50%;
  -webkit-border-bottom-right-radius: 50%;
  -webkit-border-bottom-left-radius: 50%;
  -moz-border-radius-topleft: 50%;
  -moz-border-radius-topright: 50%;
  -moz-border-radius-bottomright: 50%;
  -moz-border-radius-bottomleft: 50%;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
}
.author-picture img {
  display: inline-block;
  height: 100px;
  width: 100px;
}
@media screen and (min-width: 960px) {
  .author-picture {
    margin: 0;
    float: left;
    margin-right: 30px;
    margin-bottom: 50px;
  }
  .author-picture img {
    display: block;
  }
}

.author-details {
  margin-top: 20px;
  text-align: center;
}
.author-details .author-name {
  display: block;
  font-size: 20px;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.author-details .author-jd {
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: italic;
}
.author-details .author-bio p {
  font-size: 14px;
}
@media screen and (min-width: 960px) {
  .author-details {
    width: calc(100% - 120px);
    margin: 0 0 0 20px;
    text-align: left;
  }
}

.answer-list header,
.answer-list .views-exposed-form {
  width: calc(100% - 20px);
  margin: 0 calc(20px / 2);
  background: #4c5e7c;
  float: left;
  position: relative;
}
.answer-list header:before, .answer-list header:after,
.answer-list .views-exposed-form:before,
.answer-list .views-exposed-form:after {
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  background: #4c5e7c;
}
.answer-list header:before,
.answer-list .views-exposed-form:before {
  left: -600px;
  width: 600px;
}
.answer-list header:after,
.answer-list .views-exposed-form:after {
  right: -1000px;
  width: 1000px;
}
.answer-list header {
  color: #fff;
  padding-top: 10px;
}
.answer-list header a {
  color: #6695a8;
}
.answer-list .views-exposed-form {
  padding-bottom: 10px;
}

.teaser-answer {
  border-bottom: 2px solid #d7d7d7;
  margin-top: 20px !important;
  padding-bottom: 20px;
}
.teaser-answer h2 {
  margin-top: 0;
}
.teaser-answer h2 a {
  text-decoration: none;
}
.teaser-answer footer {
  display: none;
}
.teaser-answer .question-destination {
  font-size: 12px;
  margin-top: -16px;
  margin-bottom: 20px;
}
.teaser-answer .question-destination a {
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.teaser-answer ul.links {
  padding: 0;
  margin-bottom: -6px;
  list-style: none;
  width: 100%;
  float: left;
}
.teaser-answer ul.links li {
  float: left;
  font-size: 12px;
  margin-right: 10px;
  margin-bottom: 10px;
  display: inline-block;
}
.teaser-answer ul.links li a {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.teaser-answer ul.links li.node-readmore a {
  border: 2px solid #4c5e7c;
  text-decoration: none;
  padding: 0 4px;
  background: #fff;
  color: #4c5e7c;
}
.teaser-answer ul.links li.node-readmore a font {
  display: inline-block;
}
.teaser-answer ul.links li.comment-comments a, .teaser-answer ul.links li.comment-new-comments a {
  text-decoration: none;
}
.teaser-answer ul.links li.comment-new-comments {
  display: none;
}
@media screen and (min-width: 960px) {
  .teaser-answer h2 a:hover {
    text-decoration: underline;
  }
  .teaser-answer ul.links li.node-readmore a {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }
  .teaser-answer ul.links li.node-readmore a:hover {
    background: #4c5e7c;
    color: #fff;
  }
  .teaser-answer ul.links li.comment-comments, .teaser-answer ul.links li.comment-new-comments {
    border-right: 1px solid #4c5e7c;
    padding-right: 10px;
  }
}

.node--type--question.node--full article.person {
  width: 60px;
  margin: 0 0 10px 0;
}
.node--type--question.node--full article.person .user-main {
  width: 60px;
}
.node--type--question.node--full article.person .user-main img {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  left: -10px;
}
.node--type--question.node--full .wysiwyg {
  margin-top: 20px;
}
.node--type--question.node--full .wysiwyg p {
  margin-top: 0;
}
.node--type--question.node--full .wysiwyg.wysiwyg-question {
  width: 100%;
  float: left;
  margin: 0;
}
.node--type--question.node--full .wysiwyg.wysiwyg-question p, .node--type--question.node--full .wysiwyg.wysiwyg-question h1, .node--type--question.node--full .wysiwyg.wysiwyg-question h2, .node--type--question.node--full .wysiwyg.wysiwyg-question h3, .node--type--question.node--full .wysiwyg.wysiwyg-question h4, .node--type--question.node--full .wysiwyg.wysiwyg-question h5, .node--type--question.node--full .wysiwyg.wysiwyg-question h6 {
  color: #4c5e7c;
  margin: 0;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.node--type--question.node--full ul.links {
  padding: 0;
  margin-bottom: 10px;
  list-style: none;
  width: 100%;
  float: left;
}
.node--type--question.node--full ul.links li {
  float: left;
  font-size: 14px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.node--type--question.node--full ul.links li a {
  border: 2px solid #4c5e7c;
  padding: 0 8px;
  height: 30px;
  line-height: 26px;
  text-decoration: none;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.node--type--question.node--full ul.links li a:hover {
  background: #4c5e7c;
  color: #fff;
}
.node--type--question.node--full ul.links li.node-readmore a {
  border: 2px solid #4c5e7c;
  text-decoration: none;
  padding: 0 4px;
  background: #fff;
  color: #4c5e7c;
}
.node--type--question.node--full ul.links li.node-readmore a font {
  display: inline-block;
}
.node--type--question.node--full ul.links li.comment-comments, .node--type--question.node--full ul.links li.comment-new-comments {
  border-right: 1px solid #4c5e7c;
  padding-right: 10px;
}
.node--type--question.node--full ul.links li.comment-comments a, .node--type--question.node--full ul.links li.comment-new-comments a {
  text-decoration: none;
}
.node--type--question.node--full ul.links li.comment-new-comments {
  display: none;
}
.node--type--question.node--full ul.links li.comment-forbidden {
  font-size: 12px;
}
.node--type--question.node--full ul.links li.comment-forbidden a {
  border: none;
  background: none !important;
  padding: 0;
  color: #4c5e7c;
  text-decoration: underline;
  height: auto;
  line-height: normal;
}
@media screen and (min-width: 960px) {
  .node--type--question.node--full ul.links li.node-readmore a {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }
  .node--type--question.node--full ul.links li.node-readmore a:hover {
    background: #4c5e7c;
    color: #fff;
  }
}

[id^=block][id$=-views-block-forum-meta-views-block-1],
[id^=block][id$=-views-block-forum-meta-views-block-2],
[id^=block][id$=-views-block-forum-meta-views-block-3],
[id^=block][id$=-views-block-expat-related-articles-block-1] {
  margin-top: 20px !important;
}
[id^=block][id$=-views-block-forum-meta-views-block-1] > .jcol,
[id^=block][id$=-views-block-forum-meta-views-block-2] > .jcol,
[id^=block][id$=-views-block-forum-meta-views-block-3] > .jcol,
[id^=block][id$=-views-block-expat-related-articles-block-1] > .jcol {
  border-bottom: 2px solid #d7d7d7;
  padding-bottom: 20px;
}
[id^=block][id$=-views-block-forum-meta-views-block-1] h2,
[id^=block][id$=-views-block-forum-meta-views-block-2] h2,
[id^=block][id$=-views-block-forum-meta-views-block-3] h2,
[id^=block][id$=-views-block-expat-related-articles-block-1] h2 {
  margin-top: 0;
  font-size: 20px;
  color: #4c5e7c;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}
[id^=block][id$=-views-block-forum-meta-views-block-1] ul,
[id^=block][id$=-views-block-forum-meta-views-block-2] ul,
[id^=block][id$=-views-block-forum-meta-views-block-3] ul,
[id^=block][id$=-views-block-expat-related-articles-block-1] ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
[id^=block][id$=-views-block-forum-meta-views-block-1] ul li,
[id^=block][id$=-views-block-forum-meta-views-block-2] ul li,
[id^=block][id$=-views-block-forum-meta-views-block-3] ul li,
[id^=block][id$=-views-block-expat-related-articles-block-1] ul li {
  width: 100%;
  float: left;
  margin: 4px 0;
  position: relative;
  padding: 0 0 0 14px;
}
[id^=block][id$=-views-block-forum-meta-views-block-1] ul li:before,
[id^=block][id$=-views-block-forum-meta-views-block-2] ul li:before,
[id^=block][id$=-views-block-forum-meta-views-block-3] ul li:before,
[id^=block][id$=-views-block-expat-related-articles-block-1] ul li:before {
  content: "\f105";
  font-family: FontAwesome;
  font-size: 10px;
  display: block;
  position: absolute;
  top: 0;
  left: 1px;
  width: 10px;
  height: 20px;
  line-height: 20px;
  color: #4c5e7c;
}
[id^=block][id$=-views-block-forum-meta-views-block-1] ul li a,
[id^=block][id$=-views-block-forum-meta-views-block-2] ul li a,
[id^=block][id$=-views-block-forum-meta-views-block-3] ul li a,
[id^=block][id$=-views-block-expat-related-articles-block-1] ul li a {
  text-decoration: none;
  font-size: 16px;
  width: 100%;
  float: left;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
}
@media screen and (min-width: 960px) {
  [id^=block][id$=-views-block-forum-meta-views-block-1] ul li a:hover,
  [id^=block][id$=-views-block-forum-meta-views-block-2] ul li a:hover,
  [id^=block][id$=-views-block-forum-meta-views-block-3] ul li a:hover,
  [id^=block][id$=-views-block-expat-related-articles-block-1] ul li a:hover {
    text-decoration: underline;
  }
}

.guide-list header {
  width: calc(100% - 20px);
  margin: 0 calc(20px / 2);
  background: #4c5e7c;
  float: left;
  position: relative;
  color: #fff;
}
.guide-list header:before, .guide-list header:after {
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  background: #4c5e7c;
}
.guide-list header:before {
  left: -600px;
  width: 600px;
}
.guide-list header:after {
  right: -1000px;
  width: 1000px;
}
.guide-list header a {
  color: #6695a8;
}
.guide-list h3 {
  width: calc(100% - 20px);
  float: left;
  margin-left: calc(20px / 2);
  margin-right: calc(20px / 2);
  color: #4c5e7c;
  text-transform: uppercase;
}

.teaser-guide a {
  position: relative;
  line-height: 1.6em;
  padding: 0 0 0 14px;
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.teaser-guide a:before {
  content: "\f111";
  font-family: FontAwesome;
  font-size: 6px;
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  width: 10px;
  height: 20px;
  line-height: 20px;
  color: #4c5e7c;
}
.teaser-guide a:hover {
  text-decoration: underline;
}

.node--type--guide.node--full {
  width: 100%;
  float: left;
  padding: 0;
}
.node--type--guide.node--full .guide-body, .node--type--guide.node--full .guide-image, .node--type--guide.node--full .guide-file {
  width: 100%;
  float: left;
}
.node--type--guide.node--full .guide-image img {
  display: block;
  max-width: 100%;
  height: auto;
}
.node--type--guide.node--full .guide-file .button-download {
  margin: 20px 0;
}
.node--type--guide.node--full .guide-file span.file--application-pdf {
  width: 100%;
  float: left;
  margin: 20px 0;
}
.node--type--guide.node--full .guide-file span.file--application-pdf a {
  text-decoration: none;
  position: relative;
  border: 2px solid #4c5e7c;
  padding: 0 20px 0 30px;
  height: 50px;
  display: inline-block;
  line-height: 48px;
  color: #4c5e7c;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.node--type--guide.node--full .guide-file span.file--application-pdf a:before {
  content: "\f1c1";
  font-family: FontAwesome;
  position: relative;
  left: -13px;
}
.node--type--guide.node--full .guide-file span.file--application-pdf a:hover {
  background: #4c5e7c;
  color: #fff;
}

body.user-logged-in .node--type--guide.node--full .guide-body {
  height: auto;
}
body.user-logged-in .node--type--guide.node--full .guide-body:before {
  display: none;
}
body.user-logged-in .node--type--guide.node--full .guide-body > div {
  opacity: 1;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}

[id^=block][id$=-views-block-guide-block-4] {
  margin-top: 20px !important;
}
[id^=block][id$=-views-block-guide-block-4] > .jcol {
  border-bottom: 2px solid #d7d7d7;
  padding-bottom: 20px;
}
[id^=block][id$=-views-block-guide-block-4] > .jcol h2 {
  margin-top: 0;
  font-size: 20px;
  color: #6695a8;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}

[id^=block][id$=-becomeanexpert], [id^=block][id$=-gotaquestion], [id^=block][id$=-expatgotaquestion-2] {
  margin-top: 20px !important;
}
[id^=block][id$=-becomeanexpert] > .jcol, [id^=block][id$=-gotaquestion] > .jcol, [id^=block][id$=-expatgotaquestion-2] > .jcol {
  border-bottom: 2px solid #d7d7d7;
  padding-bottom: 20px;
}
[id^=block][id$=-becomeanexpert] > .jcol h2, [id^=block][id$=-gotaquestion] > .jcol h2, [id^=block][id$=-expatgotaquestion-2] > .jcol h2 {
  margin-top: 0;
  font-size: 20px;
  color: #6695a8;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}
[id^=block][id$=-becomeanexpert] .button, [id^=block][id$=-gotaquestion] .button, [id^=block][id$=-expatgotaquestion-2] .button {
  width: 100%;
}

[id^=block][id$=-expatgotaquestion-2] > .jcol {
  border-bottom: none;
  padding-bottom: 10px;
}
[id^=block][id$=-expatgotaquestion-2] .button {
  border-color: #fff;
  color: #fff;
}

[id^=block][id$=-advertssidebar] {
  width: 100%;
  float: left;
  margin-left: -9px;
}
@media (min-width: 330px) {
  [id^=block][id$=-advertssidebar] {
    margin-left: -4px;
  }
}
@media (min-width: 340px) {
  [id^=block][id$=-advertssidebar] {
    margin-left: 0;
  }
}

[id^=block][id$=-managedad],
[id^=block][id$=-managedad-2] {
  width: 100%;
  float: left;
}

[id^=block][id$=-managedad] {
  margin: 8px 0;
}

[id^=block][id$=-managedad-2] {
  margin: 20px 0;
}

.node--type--advert.node--full {
  width: 100%;
  float: left;
  margin: 6px 0;
  text-align: center;
}
.node--type--advert.node--full a {
  display: inline-block;
  max-width: 304px;
}
.node--type--advert.node--full a img {
  display: block;
}
@media screen and (min-width: 768px) {
  .node--type--advert.node--full {
    text-align: left;
  }
  .node--type--advert.node--full a {
    display: block;
    border: 2px solid #fff;
    margin: 0 10px;
  }
}

[id^=block][id$=-views-block-quick-links-quicklinks-block-sidebar] {
  display: none;
}
@media screen and (min-width: 768px) {
  [id^=block][id$=-views-block-quick-links-quicklinks-block-sidebar] {
    display: block;
  }
}

[id^=block][id$=-views-block-quick-links-quicklinks-block-content] a.button {
  border-color: #4c5e7c;
  color: #4c5e7c;
}
[id^=block][id$=-views-block-quick-links-quicklinks-block-content] a.button span.before {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.node--type--quick-link.node--full {
  width: 100%;
  float: left;
  margin: 6px 0;
}
.node--type--quick-link.node--full a.button {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.node--type--quick-link.node--full a.button span.before, .node--type--quick-link.node--full a.button span.after {
  position: absolute;
  width: 100%;
  display: block;
  height: 100%;
  left: 0;
  padding: 0 20px;
  -webkit-transition: top 0.3s ease-in-out 0s;
  -moz-transition: top 0.3s ease-in-out 0s;
  -ms-transition: top 0.3s ease-in-out 0s;
  -o-transition: top 0.3s ease-in-out 0s;
  transition: top 0.3s ease-in-out 0s;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.node--type--quick-link.node--full a.button span.before:after, .node--type--quick-link.node--full a.button span.after:after {
  display: inline-block;
  width: 100%;
  padding: 0 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.node--type--quick-link.node--full a.button span.before {
  top: 0;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.node--type--quick-link.node--full a.button span.before:after {
  content: attr(data-initial);
}
.node--type--quick-link.node--full a.button span.span {
  opacity: 0;
  display: block;
  width: 100%;
}
.node--type--quick-link.node--full a.button span.after {
  top: 100%;
}
.node--type--quick-link.node--full a.button span.after:after {
  content: attr(data-hover);
}

@media screen and (min-width: 960px) {
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) .node--type--quick-link.node--full a.button:hover span.before {
    top: -100%;
  }
  html:not([data-browser*=iPhone]):not([data-browser*=Android]):not([data-browser*=iPad]) .node--type--quick-link.node--full a.button:hover span.after {
    top: 0%;
  }
}
.comments-wrapper {
  width: 100%;
  float: left;
}

.js-comment {
  width: 100%;
  float: left;
  background: #f1f1f1;
  padding: 20px 20px 0 20px;
  margin-top: 10px;
  margin-bottom: 20px;
  position: relative;
}
.js-comment:before {
  content: "";
  position: absolute;
  top: -10px;
  left: 10px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #f1f1f1;
}
.js-comment h3 a {
  text-decoration: none;
}
.js-comment .question-comment {
  font-size: 12px;
}
.js-comment .question-comment a, .js-comment .question-comment span {
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.js-comment ul.links {
  padding: 0;
  margin-bottom: 10px;
  list-style: none;
  width: auto;
  float: left;
  margin-top: 10px;
}
.js-comment ul.links li {
  float: left;
  font-size: 12px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.js-comment ul.links li a {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.js-comment ul.links li.comment-delete a, .js-comment ul.links li.comment-edit a, .js-comment ul.links li.comment-reply a {
  border: 2px solid #4c5e7c;
  text-decoration: none;
  padding: 0 8px;
  background: none;
  color: #4c5e7c;
  display: inline-block;
  height: 30px;
  line-height: 26px;
  font-size: 14px;
}
.js-comment ul.links li.comment-delete a font, .js-comment ul.links li.comment-edit a font, .js-comment ul.links li.comment-reply a font {
  display: inline-block;
}
.js-comment > div > a {
  float: left;
  margin-top: 16px;
  margin-bottom: 20px;
  font-size: 12px;
  border-left: 1px solid #4c5e7c;
  padding-left: 10px;
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.js-comment mark {
  display: none;
}
@media screen and (min-width: 960px) {
  .js-comment h3 a:hover {
    text-decoration: underline;
  }
  .js-comment ul.links li.comment-delete a, .js-comment ul.links li.comment-edit a, .js-comment ul.links li.comment-reply a {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }
  .js-comment ul.links li.comment-delete a:hover, .js-comment ul.links li.comment-edit a:hover, .js-comment ul.links li.comment-reply a:hover {
    background: #4c5e7c;
    color: #fff;
  }
}

.indented .js-comment {
  width: calc(100% - 30px);
  margin-left: 30px;
}

.indented .indented .js-comment {
  width: calc(100% - 60px);
  margin-left: 60px;
}

.indented .indented .intended .js-comment {
  width: calc(100% - 90px);
  margin-left: 90px;
}

.indented .indented .intended .intended .js-comment {
  width: calc(100% - 120px);
  margin-left: 120px;
}

body:not(.user-logged-in) .js-comment {
  margin-bottom: 30px;
}
body:not(.user-logged-in) .comments-wrapper ul.links {
  height: 0;
  float: none;
}
body:not(.user-logged-in) .comments-wrapper ul.links li.comment-forbidden {
  position: absolute;
  right: 0;
  bottom: -19px;
  margin-right: 0;
  margin-bottom: 0;
}

article.person {
  width: 100%;
  float: left;
  margin: 20px 0;
}
article.person .user-main {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
article.person .user-main > div div {
  text-align: center;
}
article.person .user-main > div div:first-child {
  display: none;
}
article.person .user-main > div div:last-child {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}
article.person .user-main a {
  text-align: center;
  width: 100%;
  display: block;
}
article.person .user-main img {
  display: inline-block;
  margin-bottom: 10px;
}
article.person .user-extra {
  width: 100%;
  float: left;
}
article.person .user-extra h2 {
  margin-top: 0;
}
article.person .user-extra > div {
  width: 100%;
  float: left;
  margin: 6px 0;
}
article.person .user-extra > div div {
  display: inline;
}
article.person .user-extra > div div:first-child {
  position: relative;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}
article.person .user-extra > div div:first-child:after {
  content: ": ";
}
article.person .user-extra > div h4 {
  display: inline;
  position: relative;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}
article.person .user-extra > div h4:after {
  content: ": ";
}
@media screen and (min-width: 960px) {
  article.person .user-main {
    width: 160px;
    margin-right: 20px;
    margin-bottom: 0;
  }
  article.person .user-extra {
    width: calc(100% - 200px);
    padding-left: 20px;
    border-left: 1px solid #d7d7d7;
  }
}

@media print {
  nav,
  #page-banner,
  .header-fixed-after,
  .views-exposed-form,
  a.print {
    display: none !important;
  }
  a {
    text-decoration: none;
    color: inherit;
  }
  #page-header {
    position: static !important;
  }
  #page-header .block:not([id*=branding]),
  #page-header [id^=block]:not([id*=branding]) {
    display: none !important;
  }
  .no-print {
    display: none;
  }
  [id*=print-link] {
    display: none;
  }
}

/*# sourceMappingURL=expat_arrivals.styles.css.map */