@font-face {
  font-family: 'Pathway Gothic One';
  font-style: normal;
  font-weight: 400;
  src: url('inc/skins/fese/fnt/pathway-gothic-one/pathway-gothic-one-v4-latin-ext_latin-regular.eot');
 /* IE9 Compat Modes */
  src: url('inc/skins/fese/fnt/pathway-gothic-one/pathway-gothic-one-v4-latin-ext_latin-regular-.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
                    url('inc/skins/fese/fnt/pathway-gothic-one/pathway-gothic-one-v4-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
                    url('inc/skins/fese/fnt/pathway-gothic-one/pathway-gothic-one-v4-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
                    url('inc/skins/fese/fnt/pathway-gothic-one/pathway-gothic-one-v4-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
                    url('inc/skins/fese/fnt/pathway-gothic-one/pathway-gothic-one-v4-latin-ext_latin-regular.svg#PathwayGothicOne') format('svg');
 /* Legacy iOS */;
}

@font-face {
  font-family: 'Overpass';
                src: url('inc/skins/fese/fnt/overpass/Overpass-Italic.eot'); /* IE9 Compat Modes */
                src: url('inc/skins/fese/fnt/overpass/Overpass-Italic-.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
                     url('inc/skins/fese/fnt/overpass/Overpass-Italic.woff') format('woff'), /* Modern Browsers */
                     url('inc/skins/fese/fnt/overpass/Overpass-Italic.ttf') format('truetype'), /* Safari, Android, iOS */
                     url('inc/skins/fese/fnt/overpass/Overpass-Italic.svg#Overpass-Italic') format('svg'); /* Legacy iOS */
                font-style: italic;
                font-weight: 600;
                text-rendering: optimizeLegibility;
}

@font-face {
  font-family: 'Overpass';
                src: url('inc/skins/fese/fnt/overpass/Overpass-Light.eot'); /* IE9 Compat Modes */
                src: url('inc/skins/fese/fnt/overpass/Overpass-Light-.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
                     url('inc/skins/fese/fnt/overpass/Overpass-Light.woff') format('woff'), /* Modern Browsers */
                     url('inc/skins/fese/fnt/overpass/Overpass-Light.ttf') format('truetype'), /* Safari, Android, iOS */
                     url('Overpass-Light.svg.html#Overpass-Light') format('svg'); /* Legacy iOS */
                font-style: normal;
                font-weight: normal;
                text-rendering: optimizeLegibility;
}

@font-face {
  font-family: 'Overpass';
                src: url('inc/skins/fese/fnt/overpass/Overpass-Light-Italic.eot'); /* IE9 Compat Modes */
                src: url('inc/skins/fese/fnt/overpass/Overpass-Light-Italic-.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
                     url('inc/skins/fese/fnt/overpass/Overpass-Light-Italic.woff') format('woff'), /* Modern Browsers */
                     url('inc/skins/fese/fnt/overpass/Overpass-Light-Italic.ttf') format('truetype'), /* Safari, Android, iOS */
                     url('inc/skins/fese/fnt/overpass/Overpass-Light-Italic.svg#Overpass-LightItalic') format('svg'); /* Legacy iOS */
                font-style: italic;
                font-weight: normal;
                text-rendering: optimizeLegibility;
}

@font-face {
  font-family: 'Overpass';
                src: url('inc/skins/fese/fnt/overpass/Overpass-ExtraLight.eot'); /* IE9 Compat Modes */
                src: url('inc/skins/fese/fnt/overpass/Overpass-ExtraLight-.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
                     url('inc/skins/fese/fnt/overpass/Overpass-ExtraLight.woff') format('woff'), /* Modern Browsers */
                     url('inc/skins/fese/fnt/overpass/Overpass-ExtraLight.ttf') format('truetype'), /* Safari, Android, iOS */
                     url('inc/skins/fese/fnt/overpass/Overpass-ExtraLight.svg#Overpass-ExtraLight') format('svg'); /* Legacy iOS */
                font-style: normal;
                font-weight: 300;
                text-rendering: optimizeLegibility;
}

@font-face {
  font-family: 'Overpass';
                src: url('inc/skins/fese/fnt/overpass/Overpass-ExtraLight-Italic.eot'); /* IE9 Compat Modes */
                src: url('inc/skins/fese/fnt/overpass/Overpass-ExtraLight-Italic-.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
                     url('inc/skins/fese/fnt/overpass/Overpass-ExtraLight-Italic.woff') format('woff'), /* Modern Browsers */
                     url('inc/skins/fese/fnt/overpass/Overpass-ExtraLight-Italic.ttf') format('truetype'), /* Safari, Android, iOS */
                     url('inc/skins/fese/fnt/overpass/Overpass-ExtraLight-Italic.svg#Overpass-ExtraLightItalic') format('svg'); /* Legacy iOS */
                font-style: italic;
                font-weight: 300;
                text-rendering: optimizeLegibility;
}

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body,html {
  min-height: 100%;
}

#myVideo {
  background: #fff;
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}

body {
  margin: 0;
}

* {
  box-sizing: border-box;
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
  display: block;
}

audio,canvas,progress,video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],template {
  display: none;
}

a {
  background-color: transparent;
  color: #008dff;
}

a:active,a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,strong {
  font-weight: 700;
  text-transform: uppercase;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: .67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em
40px;
}

hr {
  box-sizing: content-box;
  height: 1px;
  background: #ccc;
  border: none;
}

pre {
  overflow: auto;
}

code,kbd,pre,samp {
  font-family: monospace,monospace;
  font-size: 1em;
}

button,input,optgroup,select,textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,select {
  text-transform: none;
}

button,html input[type=button],input[type=reset],input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

a.disabled, button[disabled],html input[disabled] {
  pointer-events: none;
  opacity: 0.3;
  cursor: default;
}
a.underline { text-decoration: underline !important; }
.left { text-align: left !important; }
.navbar .right { float: right !important; }

button::-moz-focus-inner,input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type=checkbox],input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px
solid silver;
  margin: 0
2px;
  padding: .35em .625em .75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: 700;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,th {
  padding: 0;
}

body {
  line-height: 1.5;
  font-size: 100%;
}

body,h1,h2,h3,h4,h5,h6 {
  font-family: lato,helvetica neue,arial,sans-serif;
}

h1,h2,h3,h4,h5,h6 {
  font-weight: 400;
  line-height: 1.25;
}

code,pre,samp {
  font-family: Source Code Pro,Consolas,monospace;
  font-size: inherit;
}

pre {
  overflow-x: scroll;
}

code {
  max-width: 100%;
  overflow: auto;
}

.txtS6,h1 {
  font-size: 45px;
  line-height: 1.25;
  letter-spacing: -1px;
}

.txtS5,h2 {
  font-size: 22px;
  line-height: 1.25;
}

.txtS4,h3 {
  font-size: 20px;
}

.txtS3,h4 {
  font-size: 16px;
}

.txtS2,h5 {
  font-size: 14px;
}

.txtS1,h6 {
  font-size: 12px;
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6
a {
  text-decoration: none;
}

h1,h2,h3,h4,h5,h6,ol,p,ul {
  margin: 0
0 20px;
}

.txtC {
  text-align: center;
}

.txtL {
  text-align: left;
}

.txtR {
  text-align: right;
}

.txtUpper {
  text-transform: uppercase;
  letter-spacing: .5px;
}

blockquote,q {
  margin: 0;
  padding: 0;
  quotes: "\201C" "\201D" "\2018" "\2019";
}

.strong,strong {
  font-weight: 700;
}

small {
  font-size: 75%;
  opacity: .75;
}

.help {
  display: block;
  margin: 0
0 20px;
}

.nowrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.nowrap,.wrp {
  max-width: 100%;
}

.wrp {
  margin: 0 auto;
  display: inherit;
  overflow-x: hidden;
}

.wrp.S1 {
  width: 480px;
}

.wrp.S2 {
  width: 660px;
}

.wrp.S3 {
  width: 880px;
}

.wrp.S4 {
  width: 1020px;
}

.wrp.S5 {
  width: 1440px;
}

.wrp.S6 {
  margin: 0
auto;
  padding: 0;
  width: auto;
}

.btn {
  background: #f7f7f7;
  color: #444;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  position: relative;
  border-radius: 3px;
}

.btn:last-child {
  margin-right: 0;
}

.btn--cur,.btn:active {
  background: #dedede;
}

.btn--primary {
  background: #1890fb;
  border-color: #1890fb;
  color: #fff;
}

.btn--primary:active {
  background: #147bd6;
  border-color: #147bd6;
}

.btn--pos {
  background: #24c55d;
  border-color: #24c55d;
  color: #fff;
}

.btn--pos:active {
  background: #14b34c;
  border-color: #14b34c;
}

.btn--pos
svg {
  fill: #fff;
}

.btn--neg {
  background: #f4514c;
  border-color: #f4514c;
  color: #fff;
}

.btn--link {
  background: transparent;
  border-color: transparent;
}

.btn--link:active {
  background: rgba(0,0,0,.1);
}

.btn--strong {
  background: #008dff;
  color: #fff;
  border-color: transparent;
  background: linear-gradient(#00a2ff,#0080ff);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.btn--fill {
  width: 100%;
}

.btn:focus {
  outline: none;
}

.btn--dis,.btn[disabled] {
  opacity: .65;
  pointer-events: none;
}

.btn--dis .ico,.btn[disabled] .ico {
  fill: #b8b8b8;
}

.btn-set {
  padding: 5px
0;
}

.compact .btn+.btn {
  border-left: 1px solid #eee;
}

.compact {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.compact
.btn {
  margin: 0
0 0 -1px;
  border-radius: 0;
}

.compact .btn:first-child {
  border-radius: 3px 0 0 3px;
}

.compact .btn:last-child {
  border-radius: 0 3px 3px 0;
}

.compact .btn:only-child {
  border-radius: 3px;
}

.btn.S1 {
  padding: 2px
6px;
}

.btn.S2 {
  padding: 4px
9px;
}

.btn.S3 {
  padding: 7px
14px;
}

.btn.S4 {
  padding: 10px
20px;
}

.btn.S5 {
  padding: 15px
25px;
}

.bar {
  background: #f7f7f7;
  -ms-flex-line-pack: distribute;
  -ms-flex-align: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.bar,.bar
.wrp {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: space-around;
  align-content: space-around;
  -webkit-align-items: center;
  align-items: center;
}

.bar
.wrp {
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  -ms-flex-line-pack: distribute;
  -ms-flex-align: center;
}

.bar--centered :not(:first-child):not(:last-child),.bar--centered>:first-child,.bar--centered>:last-child {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-basis: 33.3%;
  -ms-flex-preferred-size: 33.3%;
  flex-basis: 33.3%;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.bar--centered>:first-child {
  margin-right: 0;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.bar--centered>:last-child {
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-left: 0;
}

.bar--centered :not(:first-child):not(:last-child) {
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
}

.bar--start {
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.bar--start>:first-child,.bar--start>:last-child {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-basis: 33.3%;
  -ms-flex-preferred-size: 33.3%;
  flex-basis: 33.3%;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
}

.bar--start>:last-child {
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.bar--end {
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.bar--end>:first-child,.bar--end>:last-child {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-basis: 33.3%;
  -ms-flex-preferred-size: 33.3%;
  flex-basis: 33.3%;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.bar--end>:first-child {
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.bar--end>:last-child {
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.crd {
  border: 1px
solid #ddd;
  box-shadow: 0 1px 1px rgba(0,0,0,.1);
  position: relative;
  border-radius: 3px;
  z-index: 20;
  padding: 14px;
  max-width: calc(100vw - 40px);
}

.crd--inset {
  box-shadow: inset 0 2px 0 rgba(0,0,0,.01);
  background: rgba(0,0,0,.005);
}

.tail {
  position: absolute;
  border: 8px
solid transparent;
}

.tail:after {
  content: " ";
  display: block;
  position: absolute;
  border: 7px
solid transparent;
  z-index: 19;
}

.tail.TC,.tail.TL,.tail.TR {
  top: -16px;
  border-bottom-color: rgba(0,0,0,.2);
}

.tail.TC:after,.tail.TL:after,.tail.TR:after {
  border-bottom-color: #fff;
  top: -6px;
  left: -7px;
}

.tail.BC,.tail.BL,.tail.BR {
  bottom: -16px;
  border-top-color: rgba(0,0,0,.2);
}

.tail.BC:after,.tail.BL:after,.tail.BR:after {
  border-top-color: #fff;
  bottom: -6px;
  left: -7px;
}

.tail.BR,.tail.TR {
  right: 10px;
}

.tail.BL,.tail.TL {
  left: 10px;
}

.tail.BC,.tail.TC {
  left: 50%;
  margin-left: -8px;
}

.tail.LB,.tail.LM,.tail.LT {
  left: -16px;
  border-right-color: rgba(0,0,0,.2);
}

.tail.LB:after,.tail.LM:after,.tail.LT:after {
  border-right-color: #fff;
  top: -7px;
  left: -6px;
}

.tail.LM {
  top: 50%;
  margin-top: -8px;
}

.tail.LB {
  bottom: 10px;
}

.tail.RB,.tail.RM,.tail.RT {
  right: -16px;
  border-left-color: rgba(0,0,0,.2);
}

.tail.RB:after,.tail.RM:after,.tail.RT:after {
  border-left-color: #fff;
  top: -7px;
  right: -6px;
}

.tail.RM {
  top: 50%;
  margin-top: -8px;
}

.tail.RB {
  bottom: 10px;
}

.img,img {
  max-width: 100%;
}

.img {
  display: inline-block;
  overflow: hidden;
  position: relative;
  background-position: 50%;
}

.img
img {
  display: block;
  z-index: 0;
}

.img--cover {
  background-size: cover;
}

.img--cover
img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  position: absolute;
}

.img--contain {
  background-size: contain;
}

.img--contain
img {
  object-fit: contain;
  height: 100%;
  width: 100%;
  position: absolute;
}

.img.S1 {
  width: 32px;
}

.img.S2 {
  width: 64px;
}

.img.S3 {
  width: 128px;
}

.img.S4 {
  width: 256px;
}

.img.S5 {
  width: 612px;
}

.img.S6 {
  width: 100%;
}

.cpt {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px;
  background: linear-gradient(transparent,#000);
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
}

.bdg {
  background: rgba(0,0,0,.1);
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  vertical-align: baseline;
  vertical-align: middle;
  padding: 0
6px;
  font-size: 75%;
  position: relative;
  border-radius: 12px;
}

.bdg.important {
  background: #fe4238;
}

.bdg.TR {
  position: absolute;
  top: -2px;
  right: 2px;
  margin: 0;
}

.ovr {
  z-index: 70;
}

.ovr,.ovr:before {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.ovr:before {
  z-index: 69;
  display: block;
  content: '';
  opacity: .9;
  background: #282e32;
}

.mnu:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
}

.mnu,.mnu-crd {
  margin: 0;
  padding: 0;
  z-index: 50;
}

.mnu
ul {
  margin: 0;
  padding: 0;
}

.mnu li,.mnu
ul {
  list-style: none;
}

.mnu-item {
  position: relative;
  display: block;
  padding: 9px
14px;
  border: 1px
solid transparent;
  color: inherit;
  text-decoration: none;
  text-overflow: ellipsis;
  cursor: pointer;
  white-space: nowrap;
}

.mnu-item:hover {
  /* background: rgba(0,0,0,.011); */
}

.mnu-item
.ico {
  margin-top: -2px;
}

.mnu-item
.mnu {
  margin-left: 30px;
  line-height: 2;
}

.mnu--inline,.mnu--stacked {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.mnu--stacked {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.mnu--tabs {
  margin: 0;
  padding: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  box-shadow: 0 0 3px rgba(0,0,0,.33);
}

.mnu--tabs
.act {
  color: inherit;
  text-decoration: inherit;
  border: 1px
solid transparent;
  position: relative;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: .6;
}

.mnu--tabs .mnu-item--cur {
  opacity: 1;
}

.mnu--tabs .mnu-item {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.mnu--tabs
.ico {
  display: block;
  margin: 5px
auto;
}

.mnu--justify {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.mnu-item--cur {
  font-weight: 700;
}

.mnu-item--cur:hover {
  background: rgba(0,0,0,.1);
}

.mnu-item--dis {
  background: transparent;
  color: #b8b8b8;
  pointer-events: none;
  cursor: not-allowed;
}

.mnu-item--dis
.ico {
  fill: #b8b8b8;
}

.win {
  z-index: 80;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #fff;
  box-shadow: 0 0 15px rgba(0,0,0,.25);
}

.win--act {
  top: 50%;
  left: 50%;
  position: fixed;
  max-width: calc(100% - 20px);
  max-height: calc(100vh - 20px)!important;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

.win
.bd {
  overflow: auto;
}

.ico {
  position: relative;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  fill: inherit;
}

.ico.S1 {
  width: 8px;
  height: 8px;
}

.ico.S2 {
  width: 16px;
  height: 16px;
}

.ico.S3 {
  width: 24px;
  height: 24px;
}

.ico.S4 {
  width: 32px;
  height: 32px;
}

.ico.S5 {
  width: 48px;
  height: 48px;
}

.icon-list {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  line-height: 2;
}

.icon-list
svg {
  margin-right: 20px;
}

.icon-list
span {
  vertical-align: middle;
}

.div {
  padding-top: 5px;
  padding-bottom: 5px;
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-transform: uppercase;
  font-size: 75%;
  color: rgba(0,0,0,.5);
}

.div-line {
  content: " ";
  border-bottom: 1px solid rgba(0,0,0,.1);
  height: 1px;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 20px;
  margin-right: 20px;
}

.div :first-child {
  padding-left: 0;
}

.div
.ttl {
  text-transform: uppercase;
}

.fld {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  padding-left: 10px;
  padding-right: 10px;
}

.fld--cur {
  border: 1px
solid #008dff;
}

.fld--err,.fld--err input,.fld--err label,.fld--err select,.fld--err textarea,input:invalid,input:invalid+.ico {
  color: #f4514c;
  fill: #f4514c;
  box-shadow: none;
}

.fld--dis {
  background: #f9f9f9;
}

.fld--dis label,input[disabled],select[disabled],textarea[disabled] {
  color: #999;
}

.fld .input,.fld
.select {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.fld
.select {
  -webkit-flex-grow: 10;
  -ms-flex-positive: 10;
  flex-grow: 10;
}

.fld .label,.fld
label {
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 10px
0;
  overflow: hidden;
}

.fld
input {
  border: 1px
solid #ccc;
  background: transparent;
  padding: 10px;
  box-sizing: border-box;
  width: 100%;
}

.fld .input--color {
  padding: 0;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.fld
select {
  border: 1px
solid #ccc;
  padding: 10px
30px 10px 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  background: transparent url("data:image/svg+xml,\<svg height='50' viewBox='0 0 50 50' width='50' xmlns='http://www.w3.org/2000/svg'\>\<path fill='none' d='M0 0h50v50H0z'/\>\<path fill='grey' d='M47.25 15l-2.086-2.086L25 33.078 4.836 12.914 2.75 15 25 37.25'/\>\</svg\>") no-repeat;
  background-size: 16px 16px;
  background-position: right 10px center;
}

.fld
.cols {
  margin: 0;
}

[type=checkbox] {
  width: auto;
  position: relative;
  margin: -2px 3px 0 0;
}

.fld:not(.fld--cur):last-of-type {
  border-bottom: none;
}

.fld .col
input {
  margin-bottom: 8px;
}

.fld--stacked input[type=file]+label {
  margin-top: -30px;
}

.input .ico:last-child {
  position: absolute;
  right: 10px;
  top: 14px;
}

.fld input:focus,.fld select:focus,.fld textarea:focus {
  outline: none;
}

.fld--stacked
label {
  display: block;
  width: auto;
  border-right: none;
  padding-bottom: 6px;
}

.fld--stacked
.input {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.fld
textarea {
  box-sizing: border-box;
  border: 0;
  padding: 10px
20px 10px 0;
  width: 100%;
  background: transparent;
  resize: vertical;
  min-height: 72px;
}

.tkns {
  padding: 10px
5px 5px 0;
  -webkit-flex-grow: 99;
  -ms-flex-positive: 99;
  flex-grow: 99;
}

.tkn,.tkns {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
}

.tkn {
  background: #f7f7f7;
  padding: 0
5px;
  margin: 0
5px 0 0;
  border-radius: 3px;
  border: 1px
solid #ddd;
  line-height: 24px;
}

.tkn,.tkn>span:first-child {
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tkn>span:first-child {
  overflow: hidden;
  -webkit-flex-grow: 12;
  -ms-flex-positive: 12;
  flex-grow: 12;
}

.tkn .ico:last-child {
  top: -1px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  position: relative;
  top: auto;
  right: auto;
}

.tkn
.picture {
  float: left;
  margin-right: 5px;
}

.tkns .tkn
a {
  opacity: .66;
}

.tkns .tkn a:focus {
  outline: none;
  opacity: 1;
}

.tkns .tkn a:focus
svg {
  fill: #1890fb;
}

.fld .tkns
input {
  -webkit-flex-grow: 99;
  -ms-flex-positive: 99;
  flex-grow: 99;
  padding: 2px
6px;
}

.fld input[type=file] {
  position: absolute;
  top: -9999px;
}

.fld input[type=file]+label {
  border: none;
  white-space: nowrap;
  color: #008dff;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 200px;
  margin-left: auto;
}

.fld--stacked input,.fld--stacked select,.fld--stacked
textarea {
  width: 100%;
  padding: 5px
0;
}

.fld--stacked input[type=file]+label {
  margin-top: -2em;
}

.fld label
select {
  padding: 0;
  width: 100%;
}

.fld
.icoS6 {
  height: 90px;
  width: 90px;
  fill: #777;
  margin: 40px
auto;
}

::-webkit-input-placeholder {
  color: #838383;
}

:-moz-placeholder,::-moz-placeholder {
  color: #838383;
}

:-ms-input-placeholder {
  color: #838383;
}

input:-webkit-autofill {
  box-shadow: inset 0 0 0 1000px #fff!important;
}

label
input {
  width: auto!important;
}

[type=search]:focus {
  background: #fff;
  color: #444;
}

.fld+.cols:before,.fld+.fld {
  border-top: 1px solid #ddd;
}

.fld+.cols:before {
  content: " ";
  position: absolute;
  left: 10px;
  right: 10px;
  top: 0;
}

.fld .ico,.fld
.ldr {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.fld-img {
  background: #666;
  border-radius: 3px;
  position: relative;
  display: block;
  padding: 0;
}

.fld-img
label {
  color: #fff;
}

.fld-img
.ico {
  display: block;
  margin: 0
auto;
  fill: #999;
}

.fld-img
.C {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  text-align: center;
}

.fld-img input[type=file] {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  opacity: .001;
  cursor: pointer;
}

.col.fld {
  border-top: none;
}

.fld .ico+.ico {
  margin-left: 5px;
}

.tags {
  padding: 0;
}

.tag {
  overflow: hidden;
  max-width: 100%;
  margin-right: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: inherit;
}

.swh,.tag {
  display: inline-block;
}

.swh {
  width: 12px;
  height: 12px;
  border: 1px
solid #ddd;
  background: #e9e9e9;
}

.event.a,.swh.a {
  border-color: #e3c067;
  background: #fdd980;
}

.event.b,.swh.b {
  border-color: #ec9b72;
  background: #ffb792;
}

.event.c,.swh.c {
  border-color: #67c5c1;
  background: #80dfdb;
}

.event.d,.swh.d {
  border-color: #a9d97e;
  background: #c3f397;
}

.event.e,.swh.e {
  border-color: #9089db;
  background: #b1aaf8;
}

.event.f,.swh.f {
  border-color: #d984be;
  background: #f3a2da;
}

.event.g,.swh.g {
  border-color: #e36769;
  background: #fd8083;
}

.event.h,.swh.h {
  border-color: #afafaf;
  background: #c8c8c8;
}

.event.i,.swh.i {
  border-color: #67afe3;
  background: #80c9fd;
}

.tag
.btn {
  padding-top: 0;
  padding-bottom: 0;
}

.tag .btn
.ico {
  top: -2px;
}

.msg {
  box-shadow: 0 0 2px rgba(0,0,0,.2);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.msg :last-child {
  margin-bottom: 0;
}

.msg--neg {
  background: #f4514c;
}

.msg--neg,.msg--pos {
  color: #fff;
  fill: #fff;
}

.msg--pos {
  background: #24c55d;
}

.msg--wrn {
  background: #f4c14c;
}

.msg--tip,.msg--wrn {
  color: #fff;
  fill: #fff;
}

.msg--tip {
  background: #24c1c5;
}

.msg--note {
  color: inherit;
  background-color: #fff8d4;
  border-radius: 3px;
}

.ttl {
  overflow: hidden;
  margin: 0;
  white-space: nowrap;
  text-transform: none;
  text-overflow: ellipsis;
}

.ttl,.ttl
a {
  text-decoration: none;
  color: inherit;
}

.ttl>:first-child {
  margin-right: 10px;
}

.ttl
.ico {
  margin-top: -3px;
}

.kvs
ul {
  margin: 0;
  padding: 0;
}

.kv,.kvs
ul {
  list-style: none;
}

.kv {
  padding: 5px
0;
  text-decoration: none;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.kvs
.v {
  text-align: right;
  margin-left: auto;
}

.kvs--stacked
.kv {
  display: block;
}

.kvs--stacked
.v {
  text-align: inherit;
  display: block;
}

.kvs--bordered {
  border: 1px
solid #ddd;
}

.kvs--bordered
.k {
  padding-left: 9px;
  padding-right: 5px;
}

.kvs--bordered
.v {
  padding-left: 5px;
  padding-right: 9px;
}

.kvs--table .kv:not(:last-child) {
  border-bottom: 1px solid #ddd;
}

.art-set
.art {
  padding-bottom: 20px;
}

.art {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
  z-index: 20;
  text-decoration: inherit;
  color: inherit;
  transition: background-color .33s;
}

.art
.img {
  border-radius: 3px;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin: 5px
15px 5px 0;
}

.art-body {
  -webkit-flex: 3 3 auto;
  -ms-flex: 3 3 auto;
  flex: 3 3 auto;
  padding: 0
5px 0 0;
  text-decoration: inherit;
  color: inherit;
  min-width: 0;
}

.art
.v {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
}

.art
.btns {
  padding: 15px
0;
  float: right;
}

.art .tgl-wrp {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.art--compact {
  padding-left: 0;
  padding-right: 0;
}

.art--current {
  background: #ebebeb;
}

.art--nested {
  font-size: 13px;
}

.art--nested
.btns {
  right: -5px;
}

.art-set--bordered .art:not(:last-child) {
  border-bottom: 1px solid rgba(0,0,0,.1);
}

.art-set--striped .art:not(:last-child) {
  border-bottom: 1px dashed rgba(0,0,0,.1);
}

.art-set--hover .art:hover {
  background: #eff8ff;
}

.tgl+label {
  position: relative;
  z-index: 20;
  top: 2px;
  float: left;
  margin-right: 15px;
  border: 2px
solid #ccc;
  border-radius: 50%;
  cursor: pointer;
}

.tgl[type=checkbox] {
  position: absolute;
  left: -999px;
}

.tgl:checked+label {
  float: left;
  border: 2px
solid #2cbb56;
}

.tgl--alt:checked+label {
  background: #2cbb56;
}

.tgl+label
.ico {
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: visible;
  margin-top: 0;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  opacity: 0;
  fill: #2cbb56;
}

.tgl--alt+label
.ico {
  fill: #fff;
}

.tgl:checked+label
svg {
  opacity: 1;
}

.tgl+label.S1 {
  width: 24px;
  height: 24px;
}

.tgl+label.S1
.ico {
  width: 12px;
  height: 12px;
}

.tgl+label.S2 {
  width: 32px;
  height: 32px;
}

.tgl+label.S2
.ico {
  width: 16px;
  height: 16px;
}

.tgl+label.S3 {
  width: 36px;
  height: 36px;
}

.tgl+label.S3
.ico {
  width: 18px;
  height: 18px;
}

.tgl+label.S4 {
  width: 42px;
  height: 42px;
}

.tgl+label.S4
.ico {
  width: 21px;
  height: 21px;
}

.tgl+label.S5 {
  width: 50px;
  height: 50px;
}

.tgl+label.S5
.ico {
  width: 25px;
  height: 25px;
}

.cal {
  width: 100%;
  text-align: center;
}

.cal
th {
  text-transform: uppercase;
  font-size: 10px;
  height: 10px;
}

.cal td,.cal
th {
  padding: 10px
0;
}

.cal
a {
  color: inherit;
  color: #444;
}

.cal
td {
  border-top: 1px solid #ddd;
  vertical-align: top;
  text-align: left;
  padding: 0;
  width: 14.285%;
}

.cal td+td {
  border-left: 1px solid #ddd;
}

.cal
.date {
  display: block;
  text-decoration: inherit;
  padding: 5px
10px;
  font-size: 12px;
}

th.compact {
  padding: 0;
}

.cal
.event {
  padding: 2px
7px;
  margin: 2px;
  border: 1px
solid rgba(0,0,0,.15);
  text-decoration: none;
  display: block;
  font-size: 12px;
  line-height: 14px;
  border-radius: 2px;
  color: #444;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}

.dateToday {
  background: #f2f2f2;
}

.fill {
  position: relative;
}

.calFull {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-grow: 99;
  -ms-flex-positive: 99;
  flex-grow: 99;
}

.calFull
thead {
  display: block;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.calFull
tr {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
}

.calFull
th {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: auto;
  width: 14.2857%;
  display: block;
}

.calFull
tbody {
  -webkit-flex-grow: 99;
  -ms-flex-positive: 99;
  flex-grow: 99;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.calFull
td {
  width: 14.2857%;
  display: block;
  overflow: hidden;
}

.calFull tbody
tr {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.calFull
.date {
  display: block;
  text-decoration: inherit;
  padding: 5px
10px 0;
  font-size: 12px;
}

.tree,.tree
ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.tree,.tree li,.tree
ul {
  position: relative;
}

.tree li
li {
  margin-left: 17px;
}

.tree li
a {
  text-decoration: none;
  display: block;
  padding: 5px
15px;
  color: #111;
  position: relative;
}

.tree li li
a {
  border-left: 1px solid #999;
}

.tree li li a:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 10px;
  border-top: 1px solid #999;
}

li li a+ul:after {
  top: -16px;
}

.tree li li:last-child:after,li li a+ul:after {
  content: "";
  display: block;
  position: absolute;
  left: -4px;
  height: 16px;
  width: 8px;
  background-color: #fff;
}

.tree li li:last-child:after {
  bottom: 0;
}

.tree a
.ico {
  top: -1px;
  fill: #999;
}

@-webkit-keyframes
a {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@keyframes
a {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

.ldr {
  font-size: 10px;
  z-index: 60;
  display: inline-block;
  overflow: hidden;
  -webkit-animation: a 1.1s infinite linear;
  animation: a 1.1s infinite linear;
  text-indent: -9999em;
  border: 1px
solid #008dff;
  border-left: 1px solid transparent;
}

.ldr,.ldr:after {
  border-radius: 50%;
}

.thmD
.ldr {
  border-color: #fff #fff #fff transparent;
}

.ldr.CM {
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -6px;
}

.ldr.CM,.ldr.TR {
  position: absolute;
}

.ldr.TR {
  top: 15px;
  right: 15px;
}

.ldr.S1 {
  width: 12px;
  height: 12px;
}

.ldr.S2 {
  width: 18px;
  height: 18px;
}

.ldr.S3 {
  width: 24px;
  height: 24px;
}

.ldr.S4 {
  width: 32px;
  height: 32px;
}

.ldr.S5 {
  width: 48px;
  height: 48px;
}

.timeline {
  position: relative;
}

.timeline:before {
  content: "";
  position: absolute;
  top: 30px;
  bottom: 10px;
  left: 0;
  right: 0;
  z-index: 19;
  background: url("https://s3-us-west-2.amazonaws.com/rewhq/brew/timeline.gif") 88px repeat-y;
}

.timeline
.bd {
  position: relative;
  z-index: 20;
}

.timeline .event:not(:last-child) {
  margin-bottom: 20px;
}

.event {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.event
.crd {
  -webkit-flex-grow: 10;
  -ms-flex-positive: 10;
  flex-grow: 10;
  position: relative;
}

.event-date {
  width: 100px;
  position: relative;
  -ms-flex-negative: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}

.event-date:after {
  content: " ";
  display: block;
  width: 9px;
  height: 9px;
  border: 2px
solid #ddd;
  background: #ddd;
  border-radius: 50%;
  position: absolute;
  right: 20px;
  top: 20px;
}

.event-hours {
  position: absolute;
  left: 0;
  top: 30px;
}

.task {
  overflow: hidden;
  margin: 10px
0;
}

.task
h4 {
  margin: 0;
}

.task
.bd {
  padding: 0;
  overflow: hidden;
}

.expand {
  overflow: hidden;
  transition: max-height .5s cubic-bezier(.65,.05,.36,1);
}

.expand-button {
  cursor: pointer;
}

.act,.art,.bd,.btn,.msg,.ttl,button,input[type=button] {
  padding: 9px
14px;
  border: 1px
solid transparent;
}

.bdg,.btn,.swh,.tag {
  margin-right: 10px;
}

.cols {
  position: relative;
  margin: 0
-2px;
  overflow-x: hidden;
}

.cols:after {
  content: " ";
  height: 0;
  clear: both;
  display: block;
}

.cols
.col {
  position: relative;
  float: left;
  margin-left: 2px;
  margin-right: 2px;
  margin-bottom: 4px;
}

.cols--compact {
  margin: 0;
}

.cols--compact
.col {
  margin-left: 0;
  margin-right: 0;
}

.cols5>.col {
  width: calc(20% - 4px);
}

.cols4>.col {
  width: calc(25% - 4px);
}

.cols3>.col {
  width: calc(33.33% - 4px);
}

.cols2>.col {
  width: calc(50% - 4px);
}

.cols1>.col {
  width: calc(100% - 4px);
}

.wFill {
  width: 100%;
}

.w1\/1 {
  width: calc(100% - 4px);
}

.w1\/2 {
  width: calc(50% - 4px);
}

.w1\/3 {
  width: calc(33.333% - 4px);
}

.w2\/3 {
  width: calc(66.66666% - 4px);
}

.w1\/4 {
  width: calc(25% - 4px);
}

.w3\/4 {
  width: calc(75% - 4px);
}

.w1\/5 {
  width: calc(20% - 4px);
}

.w2\/5 {
  width: calc(40% - 4px);
}

.w3\/5 {
  width: calc(60% - 4px);
}

.w4\/5 {
  width: calc(80% - 4px);
}

.w1\/6 {
  width: calc(16.66667% - 4px);
}

.w5\/6 {
  width: calc(83.3333% - 4px);
}

.w1\/7 {
  width: calc(14.2857% - 4px);
}

.w2\/7 {
  width: calc(28.6% - 4px);
}

.w3\/7 {
  width: calc(42.9% - 4px);
}

.w4\/7 {
  width: calc(57.1% - 4px);
}

.w5\/7 {
  width: calc(71.4% - 4px);
}

.w6\/7 {
  width: calc(85.666% - 4px);
}

.w1\/8 {
  width: calc(12.5% - 4px);
}

.w3\/8 {
  width: calc(37.5% - 4px);
}

.w5\/8 {
  width: calc(62.5% - 4px);
}

.w7\/8 {
  width: calc(87.5% - 4px);
}

.w1\/9 {
  width: calc(11.111% - 4px);
}

.w2\/9 {
  width: calc(22.222% - 4px);
}

.w4\/9 {
  width: calc(44.444% - 4px);
}

.w5\/9 {
  width: calc(55.555% - 4px);
}

.w7\/9 {
  width: calc(77.777% - 4px);
}

.w8\/9 {
  width: calc(88.888% - 4px);
}

.w1\/10 {
  width: calc(10% - 4px);
}

.w3\/10 {
  width: calc(33.333% - 4px);
}

.w7\/10 {
  width: calc(70% - 4px);
}

.w9\/10 {
  width: calc(90% - 4px);
}

.w1\/11 {
  width: calc(9.09% - 4px);
}

.w2\/11 {
  width: calc(18.2% - 4px);
}

.w3\/11 {
  width: calc(27.3% - 4px);
}

.w4\/11 {
  width: calc(36.4% - 4px);
}

.w5\/11 {
  width: calc(45.5% - 4px);
}

.w6\/11 {
  width: calc(54.5% - 4px);
}

.w7\/11 {
  width: calc(63.6% - 4px);
}

.w8\/11 {
  width: calc(72.666% - 4px);
}

.w9\/11 {
  width: calc(81.8% - 4px);
}

.w10\/11 {
  width: calc(90.9% - 4px);
}

.w1\/12 {
  width: calc(8.333% - 4px);
}

.w5\/12 {
  width: calc(41.666% - 4px);
}

.w7\/12 {
  width: calc(58.3% - 4px);
}

.w11\/12 {
  width: calc(91.7% - 4px);
}

.w1\/13 {
  width: calc(7.692% - 4px);
}

.w2\/13 {
  width: calc(15.4% - 4px);
}

.w3\/13 {
  width: calc(23.1% - 4px);
}

.w4\/13 {
  width: calc(30.8% - 4px);
}

.w5\/13 {
  width: calc(38.5% - 4px);
}

.w6\/13 {
  width: calc(46.2% - 4px);
}

.w7\/13 {
  width: calc(53.8% - 4px);
}

.w8\/13 {
  width: calc(61.5% - 4px);
}

.w9\/13 {
  width: calc(69.2% - 4px);
}

.w10\/13 {
  width: calc(76.9% - 4px);
}

.w11\/13 {
  width: calc(84.6% - 4px);
}

.w12\/13 {
  width: calc(92.3% - 4px);
}

.w1\/14 {
  width: calc(7.142% - 4px);
}

.w3\/14 {
  width: calc(21.4% - 4px);
}

.w5\/14 {
  width: calc(35.666% - 4px);
}

.w9\/14 {
  width: calc(64.3% - 4px);
}

.w10\/14,.w11\/14 {
  width: calc(78.6% - 4px);
}

.w13\/14 {
  width: calc(92.9% - 4px);
}

.w1\/15 {
  width: calc(6.666% - 4px);
}

.w2\/15 {
  width: calc(13.3% - 4px);
}

.w4\/15 {
  width: calc(26.7% - 4px);
}

.w7\/15 {
  width: calc(46.7% - 4px);
}

.w8\/15 {
  width: calc(53.3% - 4px);
}

.w11\/15 {
  width: calc(73.3% - 4px);
}

.w13\/15 {
  width: calc(86.7% - 4px);
}

.w14\/15 {
  width: calc(93.3% - 4px);
}

.w1\/16 {
  width: calc(6.25% - 4px);
}

.w3\/16 {
  width: calc(18.8% - 4px);
}

.w5\/16 {
  width: calc(62.5% - 4px);
}

.w7\/16 {
  width: calc(43.8% - 4px);
}

.w9\/16 {
  width: calc(56.3% - 4px);
}

.w11\/16 {
  width: calc(68.8% - 4px);
}

.w13\/16 {
  width: calc(81.3% - 4px);
}

.w15\/16 {
  width: calc(93.8% - 4px);
}

.cols--compact .w1\/1 {
  width: 100%;
}

.cols--compact .w1\/2 {
  width: 50%;
}

.cols--compact .w1\/3 {
  width: 33.333%;
}

.cols--compact .w2\/3 {
  width: 66.66666%;
}

.cols--compact .w1\/4 {
  width: 25%;
}

.cols--compact .w3\/4 {
  width: 75%;
}

.cols--compact .w1\/5 {
  width: 20%;
}

.cols--compact .w2\/5 {
  width: 40%;
}

.cols--compact .w3\/5 {
  width: 60%;
}

.cols--compact .w4\/5 {
  width: 80%;
}

.cols--compact .w1\/6 {
  width: 16.66667%;
}

.cols--compact .w5\/6 {
  width: 83.3333%;
}

.cols--compact .w1\/7 {
  width: 14.2857%;
}

.cols--compact .w2\/7 {
  width: 28.6%;
}

.cols--compact .w3\/7 {
  width: 42.9%;
}

.cols--compact .w4\/7 {
  width: 57.1%;
}

.cols--compact .w5\/7 {
  width: 71.4%;
}

.cols--compact .w6\/7 {
  width: 85.666%;
}

.cols--compact .w1\/8 {
  width: 12.5%;
}

.cols--compact .w3\/8 {
  width: 37.5%;
}

.cols--compact .w5\/8 {
  width: 62.5%;
}

.cols--compact .w7\/8 {
  width: 87.5%;
}

.cols--compact .w1\/9 {
  width: 11.111%;
}

.cols--compact .w2\/9 {
  width: 22.222%;
}

.cols--compact .w4\/9 {
  width: 44.444%;
}

.cols--compact .w5\/9 {
  width: 55.555%;
}

.cols--compact .w7\/9 {
  width: 77.777%;
}

.cols--compact .w8\/9 {
  width: 88.888%;
}

.cols--compact .w1\/10 {
  width: 10%;
}

.cols--compact .w3\/10 {
  width: 33.333%;
}

.cols--compact .w7\/10 {
  width: 70%;
}

.cols--compact .w9\/10 {
  width: 90%;
}

.cols--compact .w1\/11 {
  width: 9.09%;
}

.cols--compact .w2\/11 {
  width: 18.2%;
}

.cols--compact .w3\/11 {
  width: 27.3%;
}

.cols--compact .w4\/11 {
  width: 36.4%;
}

.cols--compact .w5\/11 {
  width: 45.5%;
}

.cols--compact .w6\/11 {
  width: 54.5%;
}

.cols--compact .w7\/11 {
  width: 63.6%;
}

.cols--compact .w8\/11 {
  width: 72.666%;
}

.cols--compact .w9\/11 {
  width: 81.8%;
}

.cols--compact .w10\/11 {
  width: 90.9%;
}

.cols--compact .w1\/12 {
  width: 8.333%;
}

.cols--compact .w5\/12 {
  width: 41.666%;
}

.cols--compact .w7\/12 {
  width: 58.3%;
}

.cols--compact .w11\/12 {
  width: 91.7%;
}

.cols--compact .w1\/13 {
  width: 7.692%;
}

.cols--compact .w2\/13 {
  width: 15.4%;
}

.cols--compact .w3\/13 {
  width: 23.1%;
}

.cols--compact .w4\/13 {
  width: 30.8%;
}

.cols--compact .w5\/13 {
  width: 38.5%;
}

.cols--compact .w6\/13 {
  width: 46.2%;
}

.cols--compact .w7\/13 {
  width: 53.8%;
}

.cols--compact .w8\/13 {
  width: 61.5%;
}

.cols--compact .w9\/13 {
  width: 69.2%;
}

.cols--compact .w10\/13 {
  width: 76.9%;
}

.cols--compact .w11\/13 {
  width: 84.6%;
}

.cols--compact .w12\/13 {
  width: 92.3%;
}

.cols--compact .w1\/14 {
  width: 7.142%;
}

.cols--compact .w3\/14 {
  width: 21.4%;
}

.cols--compact .w5\/14 {
  width: 35.666%;
}

.cols--compact .w9\/14 {
  width: 64.3%;
}

.cols--compact .w10\/14,.cols--compact .w11\/14 {
  width: 78.6%;
}

.cols--compact .w13\/14 {
  width: 92.9%;
}

.cols--compact .w1\/15 {
  width: 6.666%;
}

.cols--compact .w2\/15 {
  width: 13.3%;
}

.cols--compact .w4\/15 {
  width: 26.7%;
}

.cols--compact .w7\/15 {
  width: 46.7%;
}

.cols--compact .w8\/15 {
  width: 53.3%;
}

.cols--compact .w11\/15 {
  width: 73.3%;
}

.cols--compact .w13\/15 {
  width: 86.7%;
}

.cols--compact .w14\/15 {
  width: 93.3%;
}

.cols--compact .w1\/16 {
  width: 6.25%;
}

.cols--compact .w3\/16 {
  width: 18.8%;
}

.cols--compact .w5\/16 {
  width: 62.5%;
}

.cols--compact .w7\/16 {
  width: 43.8%;
}

.cols--compact .w9\/16 {
  width: 56.3%;
}

.cols--compact .w11\/16 {
  width: 68.8%;
}

.cols--compact .w13\/16 {
  width: 81.3%;
}

.cols--compact .w15\/16 {
  width: 93.8%;
}

.h1vh {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.h1\/1:before,.h1\/2:before,.h1\/3:before,.h1\/4:before,.h1\/5:before,.h1\/6:before,.h1\/8:before,.h1vh:before,.h2\/1:before,.h2\/3:before,.h3\/1:before,.h3\/4:before,.h4\/1:before,.h4\/3:before,.h5\/3:before {
  width: 10px;
  background: pink;
  float: left;
  margin-left: -10px;
  content: " ";
  display: block;
  -webkit-flex: 0;
  -ms-flex: 0;
  flex: 0;
}

.h1\/1:before {
  padding-bottom: 100%;
}

.h1\/8:before {
  padding-bottom: 12.5%;
}

.h1\/6:before {
  padding-bottom: 16.666%;
}

.h1\/5:before {
  padding-bottom: 20%;
}

.h1\/4:before {
  padding-bottom: 25%;
}

.h1\/3:before {
  padding-bottom: 33.333%;
}

.h1\/2:before {
  padding-bottom: 50%;
}

.h2\/3:before {
  padding-bottom: 66.666%;
}

.h3\/4:before {
  padding-bottom: 75%;
}

.h4\/3:before {
  padding-bottom: 125%;
}

.h5\/3:before {
  padding-bottom: 166%;
}

.h2\/1:before {
  padding-bottom: 200%;
}

.h3\/1:before {
  padding-bottom: 300%;
}

.h4\/1:before {
  padding-bottom: 400%;
}

.h1vh:before {
  padding-bottom: 100vh;
}

.L {
  float: left;
  margin-right: auto;
}

.R {
  float: right;
}

.C,.R {
  margin-left: auto;
}

.C {
  margin-right: auto;
}

.pad0 {
  padding: 0;
}

.pad-sm {
  padding: 8px;
}

.pad-md {
  padding: 15px;
}

.pad-lg {
  padding: 22px;
}

.pad-xl {
  padding: 29px;
}

.padT-sm {
  padding-top: 8px;
}

.padT-md {
  padding-top: 15px;
}

.padT-lg {
  padding-top: 22px;
}

.padT-xl {
  padding-top: 29px;
}

.padB-sm {
  padding-bottom: 8px;
}

.padB-md {
  padding-bottom: 15px;
}

.padB-lg {
  padding-bottom: 22px;
}

.padB-xl {
  padding-bottom: 29px;
}

.padR-sm {
  padding-right: 8px;
}

.padR-md {
  padding-right: 15px;
}

.padR-lg {
  padding-right: 22px;
}

.padR-xl {
  padding-right: 29px;
}

.padL-sm {
  padding-left: 8px;
}

.padL-md {
  padding-left: 15px;
}

.padL-lg {
  padding-left: 22px;
}

.padL-xl {
  padding-left: 29px;
}

.padH-sm {
  padding-left: 8px;
  padding-right: 8px;
}

.padH-md {
  padding-left: 15px;
  padding-right: 15px;
}

.padH-lg {
  padding-left: 22px;
  padding-right: 22px;
}

.padH-xl {
  padding-left: 29px;
  padding-right: 29px;
}

.padV-sm {
  padding-top: 8px;
  padding-bottom: 8px;
}

.padV-md {
  padding-top: 15px;
  padding-bottom: 15px;
}

.padV-lg {
  padding-top: 22px;
  padding-bottom: 22px;
}

.padV-xl {
  padding-top: 29px;
  padding-bottom: 29px;
}

.mar0 {
  margin: 0;
}

.mar-sm {
  margin: 8px;
}

.mar-md {
  margin: 20px;
}

.mar-lg {
  margin: 32px;
}

.mar-xl {
  margin: 44px;
}

.marT-sm {
  margin-top: 8px;
}

.marT-md {
  margin-top: 20px;
}

.marT-lg {
  margin-top: 32px;
}

.marT-xl {
  margin-top: 44px;
}

.marB-sm {
  margin-bottom: 8px;
}

.marB-md {
  margin-bottom: 20px;
}

.marB-lg {
  margin-bottom: 32px;
}

.marB-xl {
  margin-bottom: 44px;
}

.marR-sm {
  margin-right: 8px;
}

.marR-md {
  margin-right: 20px;
}

.marR-lg {
  margin-right: 32px;
}

.marR-xl {
  margin-right: 44px;
}

.marL-sm {
  margin-left: 8px;
}

.marL-md {
  margin-left: 20px;
}

.marL-lg {
  margin-left: 32px;
}

.marL-xl {
  margin-left: 44px;
}

.marH-sm {
  margin-left: 8px;
  margin-right: 8px;
}

.marH-md {
  margin-left: 20px;
  margin-right: 20px;
}

.marH-lg {
  margin-left: 32px;
  margin-right: 32px;
}

.marH-xl {
  margin-left: 44px;
  margin-right: 44px;
}

.marV-sm {
  margin-top: 8px;
  margin-bottom: 8px;
}

.marV-md {
  margin-top: 20px;
  margin-bottom: 20px;
}

.marV-lg {
  margin-top: 32px;
  margin-bottom: 32px;
}

.marV-xl {
  margin-top: 44px;
  margin-bottom: 44px;
}

.shd {
  box-shadow: 0 1px 2px rgba(0,0,0,.33);
}

.cf:after {
  content: " ";
  display: block;
  clear: both;
}

.dI {
  display: inline;
}

.dB {
  display: block;
}

.dIB {
  display: inline-block;
}

.dF {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.dIF {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.hid {
  display: none!important;
}

.mute {
  opacity: .6;
}

.debug {
  outline: 1px
solid red;
}

.debug
* {
  outline: 1px
dashed #1ac176;
}

.debug *+* {
  outline: 1px
dashed #1474e6;
}

@media (max-width:680px) {
  .win {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: calc(100vh - 20px)!important;
  }

  .win
.bd {
    -webkit-flex-grow: 12;
    -ms-flex-positive: 12;
    flex-grow: 12;
  }

  .win .bd,.win .bd
form {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .win .bd form,.win .bd form>div:first-child {
    height: 100%;
    -webkit-flex-grow: 99;
    -ms-flex-positive: 99;
    flex-grow: 99;
  }

  .win .bd form>div:first-child {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .win--act {
    width: 100%!important;
    max-width: none!important;
    max-height: none!important;
    height: 100%!important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transform: translate(0);
    transform: translate(0);
  }
}

@media(max-width:680px) {
  .wFill-sm {
    width: 100%;
  }

  .w1\/1-sm {
    width: calc(100% - 4px);
  }

  .w1\/2-sm {
    width: calc(50% - 4px);
  }

  .w1\/3-sm {
    width: calc(33.333% - 4px);
  }

  .w2\/3-sm {
    width: calc(66.666% - 4px);
  }

  .w1\/4-sm {
    width: calc(25% - 4px);
  }

  .w3\/4-sm {
    width: calc(75% - 4px);
  }

  .w1\/5-sm {
    width: calc(20% - 4px);
  }

  .w2\/5-sm {
    width: calc(40% - 4px);
  }

  .w3\/5-sm {
    width: calc(60% - 4px);
  }

  .w4\/5-sm {
    width: calc(80% - 4px);
  }

  .w1\/6-sm {
    width: calc(16.666% - 4px);
  }

  .w5\/6-sm {
    width: calc(83.3% - 4px);
  }

  .w1\/7-sm {
    width: calc(14.2857% - 4px);
  }

  .w2\/7-sm {
    width: calc(28.6% - 4px);
  }

  .w3\/7-sm {
    width: calc(42.9% - 4px);
  }

  .w4\/7-sm {
    width: calc(57.1% - 4px);
  }

  .w5\/7-sm {
    width: calc(71.4% - 4px);
  }

  .w6\/7-sm {
    width: calc(85.666% - 4px);
  }

  .w1\/8-sm {
    width: calc(12.5% - 4px);
  }

  .w3\/8-sm {
    width: calc(37.5% - 4px);
  }

  .w5\/8-sm {
    width: calc(62.5% - 4px);
  }

  .w7\/8-sm {
    width: calc(87.5% - 4px);
  }

  .w1\/9-sm {
    width: calc(11.111% - 4px);
  }

  .w2\/9-sm {
    width: calc(22.222% - 4px);
  }

  .w4\/9-sm {
    width: calc(44.444% - 4px);
  }

  .w5\/9-sm {
    width: calc(55.555% - 4px);
  }

  .w7\/9-sm {
    width: calc(77.777% - 4px);
  }

  .w8\/9-sm {
    width: calc(88.888% - 4px);
  }

  .w1\/10-sm {
    width: calc(10% - 4px);
  }

  .w3\/10-sm {
    width: calc(33.333% - 4px);
  }

  .w7\/10-sm {
    width: calc(70% - 4px);
  }

  .w9\/10-sm {
    width: calc(90% - 4px);
  }

  .w1\/11-sm {
    width: calc(9.09% - 4px);
  }

  .w2\/11-sm {
    width: calc(18.2% - 4px);
  }

  .w3\/11-sm {
    width: calc(27.3% - 4px);
  }

  .w4\/11-sm {
    width: calc(36.4% - 4px);
  }

  .w5\/11-sm {
    width: calc(45.5% - 4px);
  }

  .w6\/11-sm {
    width: calc(54.5% - 4px);
  }

  .w7\/11-sm {
    width: calc(63.6% - 4px);
  }

  .w8\/11-sm {
    width: calc(72.666% - 4px);
  }

  .w9\/11-sm {
    width: calc(81.8% - 4px);
  }

  .w10\/11-sm {
    width: calc(90.9% - 4px);
  }

  .w1\/12-sm {
    width: calc(8.333% - 4px);
  }

  .w5\/12-sm {
    width: calc(41.666% - 4px);
  }

  .w7\/12-sm {
    width: calc(58.3% - 4px);
  }

  .w11\/12-sm {
    width: calc(91.7% - 4px);
  }

  .w1\/13-sm {
    width: calc(7.692% - 4px);
  }

  .w2\/13-sm {
    width: calc(15.4% - 4px);
  }

  .w3\/13-sm {
    width: calc(23.1% - 4px);
  }

  .w4\/13-sm {
    width: calc(30.8% - 4px);
  }

  .w5\/13-sm {
    width: calc(38.5% - 4px);
  }

  .w6\/13-sm {
    width: calc(46.2% - 4px);
  }

  .w7\/13-sm {
    width: calc(53.8% - 4px);
  }

  .w8\/13-sm {
    width: calc(61.5% - 4px);
  }

  .w9\/13-sm {
    width: calc(69.2% - 4px);
  }

  .w10\/13-sm {
    width: calc(76.9% - 4px);
  }

  .w11\/13-sm {
    width: calc(84.6% - 4px);
  }

  .w12\/13-sm {
    width: calc(92.3% - 4px);
  }

  .w1\/14-sm {
    width: calc(7.142% - 4px);
  }

  .w3\/14-sm {
    width: calc(21.4% - 4px);
  }

  .w5\/14-sm {
    width: calc(35.666% - 4px);
  }

  .w9\/14-sm {
    width: calc(64.3% - 4px);
  }

  .w10\/14-sm,.w11\/14-sm {
    width: calc(78.6% - 4px);
  }

  .w13\/14-sm {
    width: calc(92.9% - 4px);
  }

  .w1\/15-sm {
    width: calc(6.666% - 4px);
  }

  .w2\/15-sm {
    width: calc(13.3% - 4px);
  }

  .w4\/15-sm {
    width: calc(26.7% - 4px);
  }

  .w7\/15-sm {
    width: calc(46.7% - 4px);
  }

  .w8\/15-sm {
    width: calc(53.3% - 4px);
  }

  .w11\/15-sm {
    width: calc(73.3% - 4px);
  }

  .w13\/15-sm {
    width: calc(86.7% - 4px);
  }

  .w14\/15-sm {
    width: calc(93.3% - 4px);
  }

  .w1\/16-sm {
    width: calc(6.25% - 4px);
  }

  .w3\/16-sm {
    width: calc(18.8% - 4px);
  }

  .w5\/16-sm {
    width: calc(62.5% - 4px);
  }

  .w7\/16-sm {
    width: calc(43.8% - 4px);
  }

  .w9\/16-sm {
    width: calc(56.3% - 4px);
  }

  .w11\/16-sm {
    width: calc(68.8% - 4px);
  }

  .w13\/16-sm {
    width: calc(81.3% - 4px);
  }

  .w15\/16-sm {
    width: calc(93.8% - 4px);
  }

  .cols--compact .w1\/1-sm {
    width: 100%;
  }

  .cols--compact .w1\/2-sm {
    width: 50%;
  }

  .cols--compact .w1\/3-sm {
    width: 33.333%;
  }

  .cols--compact .w2\/3-sm {
    width: 66.666%;
  }

  .cols--compact .w1\/4-sm {
    width: 25%;
  }

  .cols--compact .w3\/4-sm {
    width: 75%;
  }

  .cols--compact .w1\/5-sm {
    width: 20%;
  }

  .cols--compact .w2\/5-sm {
    width: 40%;
  }

  .cols--compact .w3\/5-sm {
    width: 60%;
  }

  .cols--compact .w4\/5-sm {
    width: 80%;
  }

  .cols--compact .w1\/6-sm {
    width: 16.666%;
  }

  .cols--compact .w5\/6-sm {
    width: 83.3%;
  }

  .cols--compact .w1\/7-sm {
    width: 14.2857%;
  }

  .cols--compact .w2\/7-sm {
    width: 28.6%;
  }

  .cols--compact .w3\/7-sm {
    width: 42.9%;
  }

  .cols--compact .w4\/7-sm {
    width: 57.1%;
  }

  .cols--compact .w5\/7-sm {
    width: 71.4%;
  }

  .cols--compact .w6\/7-sm {
    width: 85.666%;
  }

  .cols--compact .w1\/8-sm {
    width: 12.5%;
  }

  .cols--compact .w3\/8-sm {
    width: 37.5%;
  }

  .cols--compact .w5\/8-sm {
    width: 62.5%;
  }

  .cols--compact .w7\/8-sm {
    width: 87.5%;
  }

  .cols--compact .w1\/9-sm {
    width: 11.111%;
  }

  .cols--compact .w2\/9-sm {
    width: 22.222%;
  }

  .cols--compact .w4\/9-sm {
    width: 44.444%;
  }

  .cols--compact .w5\/9-sm {
    width: 55.555%;
  }

  .cols--compact .w7\/9-sm {
    width: 77.777%;
  }

  .cols--compact .w8\/9-sm {
    width: 88.888%;
  }

  .cols--compact .w1\/10-sm {
    width: 10%;
  }

  .cols--compact .w3\/10-sm {
    width: 33.333%;
  }

  .cols--compact .w7\/10-sm {
    width: 70%;
  }

  .cols--compact .w9\/10-sm {
    width: 90%;
  }

  .cols--compact .w1\/11-sm {
    width: 9.09%;
  }

  .cols--compact .w2\/11-sm {
    width: 18.2%;
  }

  .cols--compact .w3\/11-sm {
    width: 27.3%;
  }

  .cols--compact .w4\/11-sm {
    width: 36.4%;
  }

  .cols--compact .w5\/11-sm {
    width: 45.5%;
  }

  .cols--compact .w6\/11-sm {
    width: 54.5%;
  }

  .cols--compact .w7\/11-sm {
    width: 63.6%;
  }

  .cols--compact .w8\/11-sm {
    width: 72.666%;
  }

  .cols--compact .w9\/11-sm {
    width: 81.8%;
  }

  .cols--compact .w10\/11-sm {
    width: 90.9%;
  }

  .cols--compact .w1\/12-sm {
    width: 8.333%;
  }

  .cols--compact .w5\/12-sm {
    width: 41.666%;
  }

  .cols--compact .w7\/12-sm {
    width: 58.3%;
  }

  .cols--compact .w11\/12-sm {
    width: 91.7%;
  }

  .cols--compact .w1\/13-sm {
    width: 7.692%;
  }

  .cols--compact .w2\/13-sm {
    width: 15.4%;
  }

  .cols--compact .w3\/13-sm {
    width: 23.1%;
  }

  .cols--compact .w4\/13-sm {
    width: 30.8%;
  }

  .cols--compact .w5\/13-sm {
    width: 38.5%;
  }

  .cols--compact .w6\/13-sm {
    width: 46.2%;
  }

  .cols--compact .w7\/13-sm {
    width: 53.8%;
  }

  .cols--compact .w8\/13-sm {
    width: 61.5%;
  }

  .cols--compact .w9\/13-sm {
    width: 69.2%;
  }

  .cols--compact .w10\/13-sm {
    width: 76.9%;
  }

  .cols--compact .w11\/13-sm {
    width: 84.6%;
  }

  .cols--compact .w12\/13-sm {
    width: 92.3%;
  }

  .cols--compact .w1\/14-sm {
    width: 7.142%;
  }

  .cols--compact .w3\/14-sm {
    width: 21.4%;
  }

  .cols--compact .w5\/14-sm {
    width: 35.666%;
  }

  .cols--compact .w9\/14-sm {
    width: 64.3%;
  }

  .cols--compact .w10\/14-sm,.cols--compact .w11\/14-sm {
    width: 78.6%;
  }

  .cols--compact .w13\/14-sm {
    width: 92.9%;
  }

  .cols--compact .w1\/15-sm {
    width: 6.666%;
  }

  .cols--compact .w2\/15-sm {
    width: 13.3%;
  }

  .cols--compact .w4\/15-sm {
    width: 26.7%;
  }

  .cols--compact .w7\/15-sm {
    width: 46.7%;
  }

  .cols--compact .w8\/15-sm {
    width: 53.3%;
  }

  .cols--compact .w11\/15-sm {
    width: 73.3%;
  }

  .cols--compact .w13\/15-sm {
    width: 86.7%;
  }

  .cols--compact .w14\/15-sm {
    width: 93.3%;
  }

  .cols--compact .w1\/16-sm {
    width: 6.25%;
  }

  .cols--compact .w3\/16-sm {
    width: 18.8%;
  }

  .cols--compact .w5\/16-sm {
    width: 62.5%;
  }

  .cols--compact .w7\/16-sm {
    width: 43.8%;
  }

  .cols--compact .w9\/16-sm {
    width: 56.3%;
  }

  .cols--compact .w11\/16-sm {
    width: 68.8%;
  }

  .cols--compact .w13\/16-sm {
    width: 81.3%;
  }

  .cols--compact .w15\/16-sm {
    width: 93.8%;
  }

  .h1\/1-sm:before,.h1\/2-sm:before,.h1\/3-sm:before,.h1\/4-sm:before,.h1\/5-sm:before,.h1\/6-sm:before,.h1\/8-sm:before,.h1vh-sm:before,.h2\/1-sm:before,.h2\/3-sm:before,.h3\/1-sm:before,.h3\/4-sm:before,.h4\/1-sm:before,.h4\/3-sm:before,.h5\/3-sm:before {
    width: 10px;
    background: pink;
    float: left;
    margin-left: -10px;
    content: " ";
    display: block;
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 0;
  }

  .h1\/1-sm:before {
    padding-bottom: 100%;
  }

  .h1\/8-sm:before {
    padding-bottom: 12.5%;
  }

  .h1\/6-sm:before {
    padding-bottom: 16.666%;
  }

  .h1\/5-sm:before {
    padding-bottom: 20%;
  }

  .h1\/4-sm:before {
    padding-bottom: 25%;
  }

  .h1\/3-sm:before {
    padding-bottom: 33.333%;
  }

  .h1\/2-sm:before {
    padding-bottom: 50%;
  }

  .h2\/3-sm:before {
    padding-bottom: 66.666%;
  }

  .h3\/4-sm:before {
    padding-bottom: 75%;
  }

  .h4\/3-sm:before {
    padding-bottom: 125%;
  }

  .h5\/3-sm:before {
    padding-bottom: 166%;
  }

  .h2\/1-sm:before {
    padding-bottom: 200%;
  }

  .h3\/1-sm:before {
    padding-bottom: 300%;
  }

  .h4\/1-sm:before {
    padding-bottom: 400%;
  }

  .h1vh-sm:before {
    padding-bottom: 100vh;
  }

  .cols5-sm>.col {
    width: calc(20% - 4px);
  }

  .cols4-sm>.col {
    width: calc(25% - 4px);
  }

  .cols3-sm>.col {
    width: calc(33.33% - 4px);
  }

  .cols2-sm>.col {
    width: calc(50% - 4px);
  }

  .cols1-sm>.col {
    width: calc(100% - 4px);
  }

  .L-sm {
    float: left;
    margin-right: auto;
  }

  .R-sm {
    float: right;
    margin-left: auto;
  }

  .hid-sm {
    display: none!important;
  }
}

@media(min-width:681px) and (max-width:1024px) {
  .wFill-md {
    width: 100%;
  }

  .w1\/1-md {
    width: calc(100% - 4px);
  }

  .w1\/2-md {
    width: calc(50% - 4px);
  }

  .w1\/3-md {
    width: calc(33.333% - 4px);
  }

  .w2\/3-md {
    width: calc(66.666% - 4px);
  }

  .w1\/4-md {
    width: calc(25% - 4px);
  }

  .w3\/4-md {
    width: calc(75% - 4px);
  }

  .w1\/5-md {
    width: calc(20% - 4px);
  }

  .w2\/5-md {
    width: calc(40% - 4px);
  }

  .w3\/5-md {
    width: calc(60% - 4px);
  }

  .w4\/5-md {
    width: calc(80% - 4px);
  }

  .w1\/6-md {
    width: calc(16.666% - 4px);
  }

  .w5\/6-md {
    width: calc(83.3% - 4px);
  }

  .w1\/7-md {
    width: calc(14.2857% - 4px);
  }

  .w2\/7-md {
    width: calc(28.6% - 4px);
  }

  .w3\/7-md {
    width: calc(42.9% - 4px);
  }

  .w4\/7-md {
    width: calc(57.1% - 4px);
  }

  .w5\/7-md {
    width: calc(71.4% - 4px);
  }

  .w6\/7-md {
    width: calc(85.666% - 4px);
  }

  .w1\/8-md {
    width: calc(12.5% - 4px);
  }

  .w3\/8-md {
    width: calc(37.5% - 4px);
  }

  .w5\/8-md {
    width: calc(62.5% - 4px);
  }

  .w7\/8-md {
    width: calc(87.5% - 4px);
  }

  .w1\/9-md {
    width: calc(11.111% - 4px);
  }

  .w2\/9-md {
    width: calc(22.222% - 4px);
  }

  .w4\/9-md {
    width: calc(44.444% - 4px);
  }

  .w5\/9-md {
    width: calc(55.555% - 4px);
  }

  .w7\/9-md {
    width: calc(77.777% - 4px);
  }

  .w8\/9-md {
    width: calc(88.888% - 4px);
  }

  .w1\/10-md {
    width: calc(10% - 4px);
  }

  .w3\/10-md {
    width: calc(33.333% - 4px);
  }

  .w7\/10-md {
    width: calc(70% - 4px);
  }

  .w9\/10-md {
    width: calc(90% - 4px);
  }

  .w1\/11-md {
    width: calc(9.09% - 4px);
  }

  .w2\/11-md {
    width: calc(18.2% - 4px);
  }

  .w3\/11-md {
    width: calc(27.3% - 4px);
  }

  .w4\/11-md {
    width: calc(36.4% - 4px);
  }

  .w5\/11-md {
    width: calc(45.5% - 4px);
  }

  .w6\/11-md {
    width: calc(54.5% - 4px);
  }

  .w7\/11-md {
    width: calc(63.6% - 4px);
  }

  .w8\/11-md {
    width: calc(72.666% - 4px);
  }

  .w9\/11-md {
    width: calc(81.8% - 4px);
  }

  .w10\/11-md {
    width: calc(90.9% - 4px);
  }

  .w1\/12-md {
    width: calc(8.333% - 4px);
  }

  .w5\/12-md {
    width: calc(41.666% - 4px);
  }

  .w7\/12-md {
    width: calc(58.3% - 4px);
  }

  .w11\/12-md {
    width: calc(91.7% - 4px);
  }

  .w1\/13-md {
    width: calc(7.692% - 4px);
  }

  .w2\/13-md {
    width: calc(15.4% - 4px);
  }

  .w3\/13-md {
    width: calc(23.1% - 4px);
  }

  .w4\/13-md {
    width: calc(30.8% - 4px);
  }

  .w5\/13-md {
    width: calc(38.5% - 4px);
  }

  .w6\/13-md {
    width: calc(46.2% - 4px);
  }

  .w7\/13-md {
    width: calc(53.8% - 4px);
  }

  .w8\/13-md {
    width: calc(61.5% - 4px);
  }

  .w9\/13-md {
    width: calc(69.2% - 4px);
  }

  .w10\/13-md {
    width: calc(76.9% - 4px);
  }

  .w11\/13-md {
    width: calc(84.6% - 4px);
  }

  .w12\/13-md {
    width: calc(92.3% - 4px);
  }

  .w1\/14-md {
    width: calc(7.142% - 4px);
  }

  .w3\/14-md {
    width: calc(21.4% - 4px);
  }

  .w5\/14-md {
    width: calc(35.666% - 4px);
  }

  .w9\/14-md {
    width: calc(64.3% - 4px);
  }

  .w10\/14-md,.w11\/14-md {
    width: calc(78.6% - 4px);
  }

  .w13\/14-md {
    width: calc(92.9% - 4px);
  }

  .w1\/15-md {
    width: calc(6.666% - 4px);
  }

  .w2\/15-md {
    width: calc(13.3% - 4px);
  }

  .w4\/15-md {
    width: calc(26.7% - 4px);
  }

  .w7\/15-md {
    width: calc(46.7% - 4px);
  }

  .w8\/15-md {
    width: calc(53.3% - 4px);
  }

  .w11\/15-md {
    width: calc(73.3% - 4px);
  }

  .w13\/15-md {
    width: calc(86.7% - 4px);
  }

  .w14\/15-md {
    width: calc(93.3% - 4px);
  }

  .w1\/16-md {
    width: calc(6.25% - 4px);
  }

  .w3\/16-md {
    width: calc(18.8% - 4px);
  }

  .w5\/16-md {
    width: calc(62.5% - 4px);
  }

  .w7\/16-md {
    width: calc(43.8% - 4px);
  }

  .w9\/16-md {
    width: calc(56.3% - 4px);
  }

  .w11\/16-md {
    width: calc(68.8% - 4px);
  }

  .w13\/16-md {
    width: calc(81.3% - 4px);
  }

  .w15\/16-md {
    width: calc(93.8% - 4px);
  }

  .cols--compact .w1\/1-md {
    width: 100%;
  }

  .cols--compact .w1\/2-md {
    width: 50%;
  }

  .cols--compact .w1\/3-md {
    width: 33.333%;
  }

  .cols--compact .w2\/3-md {
    width: 66.666%;
  }

  .cols--compact .w1\/4-md {
    width: 25%;
  }

  .cols--compact .w3\/4-md {
    width: 75%;
  }

  .cols--compact .w1\/5-md {
    width: 20%;
  }

  .cols--compact .w2\/5-md {
    width: 40%;
  }

  .cols--compact .w3\/5-md {
    width: 60%;
  }

  .cols--compact .w4\/5-md {
    width: 80%;
  }

  .cols--compact .w1\/6-md {
    width: 16.666%;
  }

  .cols--compact .w5\/6-md {
    width: 83.3%;
  }

  .cols--compact .w1\/7-md {
    width: 14.2857%;
  }

  .cols--compact .w2\/7-md {
    width: 28.6%;
  }

  .cols--compact .w3\/7-md {
    width: 42.9%;
  }

  .cols--compact .w4\/7-md {
    width: 57.1%;
  }

  .cols--compact .w5\/7-md {
    width: 71.4%;
  }

  .cols--compact .w6\/7-md {
    width: 85.666%;
  }

  .cols--compact .w1\/8-md {
    width: 12.5%;
  }

  .cols--compact .w3\/8-md {
    width: 37.5%;
  }

  .cols--compact .w5\/8-md {
    width: 62.5%;
  }

  .cols--compact .w7\/8-md {
    width: 87.5%;
  }

  .cols--compact .w1\/9-md {
    width: 11.111%;
  }

  .cols--compact .w2\/9-md {
    width: 22.222%;
  }

  .cols--compact .w4\/9-md {
    width: 44.444%;
  }

  .cols--compact .w5\/9-md {
    width: 55.555%;
  }

  .cols--compact .w7\/9-md {
    width: 77.777%;
  }

  .cols--compact .w8\/9-md {
    width: 88.888%;
  }

  .cols--compact .w1\/10-md {
    width: 10%;
  }

  .cols--compact .w3\/10-md {
    width: 33.333%;
  }

  .cols--compact .w7\/10-md {
    width: 70%;
  }

  .cols--compact .w9\/10-md {
    width: 90%;
  }

  .cols--compact .w1\/11-md {
    width: 9.09%;
  }

  .cols--compact .w2\/11-md {
    width: 18.2%;
  }

  .cols--compact .w3\/11-md {
    width: 27.3%;
  }

  .cols--compact .w4\/11-md {
    width: 36.4%;
  }

  .cols--compact .w5\/11-md {
    width: 45.5%;
  }

  .cols--compact .w6\/11-md {
    width: 54.5%;
  }

  .cols--compact .w7\/11-md {
    width: 63.6%;
  }

  .cols--compact .w8\/11-md {
    width: 72.666%;
  }

  .cols--compact .w9\/11-md {
    width: 81.8%;
  }

  .cols--compact .w10\/11-md {
    width: 90.9%;
  }

  .cols--compact .w1\/12-md {
    width: 8.333%;
  }

  .cols--compact .w5\/12-md {
    width: 41.666%;
  }

  .cols--compact .w7\/12-md {
    width: 58.3%;
  }

  .cols--compact .w11\/12-md {
    width: 91.7%;
  }

  .cols--compact .w1\/13-md {
    width: 7.692%;
  }

  .cols--compact .w2\/13-md {
    width: 15.4%;
  }

  .cols--compact .w3\/13-md {
    width: 23.1%;
  }

  .cols--compact .w4\/13-md {
    width: 30.8%;
  }

  .cols--compact .w5\/13-md {
    width: 38.5%;
  }

  .cols--compact .w6\/13-md {
    width: 46.2%;
  }

  .cols--compact .w7\/13-md {
    width: 53.8%;
  }

  .cols--compact .w8\/13-md {
    width: 61.5%;
  }

  .cols--compact .w9\/13-md {
    width: 69.2%;
  }

  .cols--compact .w10\/13-md {
    width: 76.9%;
  }

  .cols--compact .w11\/13-md {
    width: 84.6%;
  }

  .cols--compact .w12\/13-md {
    width: 92.3%;
  }

  .cols--compact .w1\/14-md {
    width: 7.142%;
  }

  .cols--compact .w3\/14-md {
    width: 21.4%;
  }

  .cols--compact .w5\/14-md {
    width: 35.666%;
  }

  .cols--compact .w9\/14-md {
    width: 64.3%;
  }

  .cols--compact .w10\/14-md,.cols--compact .w11\/14-md {
    width: 78.6%;
  }

  .cols--compact .w13\/14-md {
    width: 92.9%;
  }

  .cols--compact .w1\/15-md {
    width: 6.666%;
  }

  .cols--compact .w2\/15-md {
    width: 13.3%;
  }

  .cols--compact .w4\/15-md {
    width: 26.7%;
  }

  .cols--compact .w7\/15-md {
    width: 46.7%;
  }

  .cols--compact .w8\/15-md {
    width: 53.3%;
  }

  .cols--compact .w11\/15-md {
    width: 73.3%;
  }

  .cols--compact .w13\/15-md {
    width: 86.7%;
  }

  .cols--compact .w14\/15-md {
    width: 93.3%;
  }

  .cols--compact .w1\/16-md {
    width: 6.25%;
  }

  .cols--compact .w3\/16-md {
    width: 18.8%;
  }

  .cols--compact .w5\/16-md {
    width: 62.5%;
  }

  .cols--compact .w7\/16-md {
    width: 43.8%;
  }

  .cols--compact .w9\/16-md {
    width: 56.3%;
  }

  .cols--compact .w11\/16-md {
    width: 68.8%;
  }

  .cols--compact .w13\/16-md {
    width: 81.3%;
  }

  .cols--compact .w15\/16-md {
    width: 93.8%;
  }

  .h1\/1-md:before,.h1\/2-md:before,.h1\/3-md:before,.h1\/4-md:before,.h1\/5-md:before,.h1\/6-md:before,.h1\/8-md:before,.h1vh-md:before,.h2\/3-md:before,.h3\/1-md:before,.h3\/4-md:before,.h4\/1-md:before,.h4\/3-md:before,.h5\/3-md:before .h2\/1-md:before {
    width: 10px;
    background: pink;
    float: left;
    margin-left: -10px;
    content: " ";
    display: block;
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 0;
  }

  .h1\/1-md:before {
    padding-bottom: 100%;
  }

  .h1\/8-md:before {
    padding-bottom: 12.5%;
  }

  .h1\/6-md:before {
    padding-bottom: 16.666%;
  }

  .h1\/5-md:before {
    padding-bottom: 20%;
  }

  .h1\/4-md:before {
    padding-bottom: 25%;
  }

  .h1\/3-md:before {
    padding-bottom: 33.333%;
  }

  .h1\/2-md:before {
    padding-bottom: 50%;
  }

  .h2\/3-md:before {
    padding-bottom: 66.666%;
  }

  .h3\/4-md:before {
    padding-bottom: 75%;
  }

  .h4\/3-md:before {
    padding-bottom: 125%;
  }

  .h5\/3-md:before {
    padding-bottom: 166%;
  }

  .h2\/1-md:before {
    padding-bottom: 200%;
  }

  .h3\/1-md:before {
    padding-bottom: 300%;
  }

  .h4\/1-md:before {
    padding-bottom: 400%;
  }

  .h1vh-md:before {
    padding-bottom: 100vh;
  }

  .cols5-md>.col {
    width: calc(20% - 4px);
  }

  .cols4-md>.col {
    width: calc(25% - 4px);
  }

  .cols3-md>.col {
    width: calc(33.33% - 4px);
  }

  .cols2-md>.col {
    width: calc(50% - 4px);
  }

  .cols1-md>.col {
    width: calc(100% - 4px);
  }

  .L-md {
    float: left;
    margin-right: auto;
  }

  .R-md {
    float: right;
    margin-left: auto;
  }

  .hid-md {
    display: none!important;
  }
}

@media(min-width:1025px) and (max-width:1399px) {
  .wFill-lg {
    width: 100%;
  }

  .w1\/1-lg {
    width: calc(100% - 4px);
  }

  .w1\/2-lg {
    width: calc(50% - 4px);
  }

  .w1\/3-lg {
    width: calc(33.333% - 4px);
  }

  .w2\/3-lg {
    width: calc(66.666% - 4px);
  }

  .w1\/4-lg {
    width: calc(25% - 4px);
  }

  .w3\/4-lg {
    width: calc(75% - 4px);
  }

  .w1\/5-lg {
    width: calc(20% - 4px);
  }

  .w2\/5-lg {
    width: calc(40% - 4px);
  }

  .w3\/5-lg {
    width: calc(60% - 4px);
  }

  .w4\/5-lg {
    width: calc(80% - 4px);
  }

  .w1\/6-lg {
    width: calc(16.666% - 4px);
  }

  .w5\/6-lg {
    width: calc(83.3% - 4px);
  }

  .w1\/7-lg {
    width: calc(14.2857% - 4px);
  }

  .w2\/7-lg {
    width: calc(28.6% - 4px);
  }

  .w3\/7-lg {
    width: calc(42.9% - 4px);
  }

  .w4\/7-lg {
    width: calc(57.1% - 4px);
  }

  .w5\/7-lg {
    width: calc(71.4% - 4px);
  }

  .w6\/7-lg {
    width: calc(85.666% - 4px);
  }

  .w1\/8-lg {
    width: calc(12.5% - 4px);
  }

  .w3\/8-lg {
    width: calc(37.5% - 4px);
  }

  .w5\/8-lg {
    width: calc(62.5% - 4px);
  }

  .w7\/8-lg {
    width: calc(87.5% - 4px);
  }

  .w1\/9-lg {
    width: calc(11.111% - 4px);
  }

  .w2\/9-lg {
    width: calc(22.222% - 4px);
  }

  .w4\/9-lg {
    width: calc(44.444% - 4px);
  }

  .w5\/9-lg {
    width: calc(55.555% - 4px);
  }

  .w7\/9-lg {
    width: calc(77.777% - 4px);
  }

  .w8\/9-lg {
    width: calc(88.888% - 4px);
  }

  .w1\/10-lg {
    width: calc(10% - 4px);
  }

  .w3\/10-lg {
    width: calc(33.333% - 4px);
  }

  .w7\/10-lg {
    width: calc(70% - 4px);
  }

  .w9\/10-lg {
    width: calc(90% - 4px);
  }

  .w1\/11-lg {
    width: calc(9.09% - 4px);
  }

  .w2\/11-lg {
    width: calc(18.2% - 4px);
  }

  .w3\/11-lg {
    width: calc(27.3% - 4px);
  }

  .w4\/11-lg {
    width: calc(36.4% - 4px);
  }

  .w5\/11-lg {
    width: calc(45.5% - 4px);
  }

  .w6\/11-lg {
    width: calc(54.5% - 4px);
  }

  .w7\/11-lg {
    width: calc(63.6% - 4px);
  }

  .w8\/11-lg {
    width: calc(72.666% - 4px);
  }

  .w9\/11-lg {
    width: calc(81.8% - 4px);
  }

  .w10\/11-lg {
    width: calc(90.9% - 4px);
  }

  .w1\/12-lg {
    width: calc(8.333% - 4px);
  }

  .w5\/12-lg {
    width: calc(41.666% - 4px);
  }

  .w7\/12-lg {
    width: calc(58.3% - 4px);
  }

  .w11\/12-lg {
    width: calc(91.7% - 4px);
  }

  .w1\/13-lg {
    width: calc(7.692% - 4px);
  }

  .w2\/13-lg {
    width: calc(15.4% - 4px);
  }

  .w3\/13-lg {
    width: calc(23.1% - 4px);
  }

  .w4\/13-lg {
    width: calc(30.8% - 4px);
  }

  .w5\/13-lg {
    width: calc(38.5% - 4px);
  }

  .w6\/13-lg {
    width: calc(46.2% - 4px);
  }

  .w7\/13-lg {
    width: calc(53.8% - 4px);
  }

  .w8\/13-lg {
    width: calc(61.5% - 4px);
  }

  .w9\/13-lg {
    width: calc(69.2% - 4px);
  }

  .w10\/13-lg {
    width: calc(76.9% - 4px);
  }

  .w11\/13-lg {
    width: calc(84.6% - 4px);
  }

  .w12\/13-lg {
    width: calc(92.3% - 4px);
  }

  .w1\/14-lg {
    width: calc(7.142% - 4px);
  }

  .w3\/14-lg {
    width: calc(21.4% - 4px);
  }

  .w5\/14-lg {
    width: calc(35.666% - 4px);
  }

  .w9\/14-lg {
    width: calc(64.3% - 4px);
  }

  .w10\/14-lg,.w11\/14-lg {
    width: calc(78.6% - 4px);
  }

  .w13\/14-lg {
    width: calc(92.9% - 4px);
  }

  .w1\/15-lg {
    width: calc(6.666% - 4px);
  }

  .w2\/15-lg {
    width: calc(13.3% - 4px);
  }

  .w4\/15-lg {
    width: calc(26.7% - 4px);
  }

  .w7\/15-lg {
    width: calc(46.7% - 4px);
  }

  .w8\/15-lg {
    width: calc(53.3% - 4px);
  }

  .w11\/15-lg {
    width: calc(73.3% - 4px);
  }

  .w13\/15-lg {
    width: calc(86.7% - 4px);
  }

  .w14\/15-lg {
    width: calc(93.3% - 4px);
  }

  .w1\/16-lg {
    width: calc(6.25% - 4px);
  }

  .w3\/16-lg {
    width: calc(18.8% - 4px);
  }

  .w5\/16-lg {
    width: calc(62.5% - 4px);
  }

  .w7\/16-lg {
    width: calc(43.8% - 4px);
  }

  .w9\/16-lg {
    width: calc(56.3% - 4px);
  }

  .w11\/16-lg {
    width: calc(68.8% - 4px);
  }

  .w13\/16-lg {
    width: calc(81.3% - 4px);
  }

  .w15\/16-lg {
    width: calc(93.8% - 4px);
  }

  .cols--compact .w1\/1-lg {
    width: 100%;
  }

  .cols--compact .w1\/2-lg {
    width: 50%;
  }

  .cols--compact .w1\/3-lg {
    width: 33.333%;
  }

  .cols--compact .w2\/3-lg {
    width: 66.666%;
  }

  .cols--compact .w1\/4-lg {
    width: 25%;
  }

  .cols--compact .w3\/4-lg {
    width: 75%;
  }

  .cols--compact .w1\/5-lg {
    width: 20%;
  }

  .cols--compact .w2\/5-lg {
    width: 40%;
  }

  .cols--compact .w3\/5-lg {
    width: 60%;
  }

  .cols--compact .w4\/5-lg {
    width: 80%;
  }

  .cols--compact .w1\/6-lg {
    width: 16.666%;
  }

  .cols--compact .w5\/6-lg {
    width: 83.3%;
  }

  .cols--compact .w1\/7-lg {
    width: 14.2857%;
  }

  .cols--compact .w2\/7-lg {
    width: 28.6%;
  }

  .cols--compact .w3\/7-lg {
    width: 42.9%;
  }

  .cols--compact .w4\/7-lg {
    width: 57.1%;
  }

  .cols--compact .w5\/7-lg {
    width: 71.4%;
  }

  .cols--compact .w6\/7-lg {
    width: 85.666%;
  }

  .cols--compact .w1\/8-lg {
    width: 12.5%;
  }

  .cols--compact .w3\/8-lg {
    width: 37.5%;
  }

  .cols--compact .w5\/8-lg {
    width: 62.5%;
  }

  .cols--compact .w7\/8-lg {
    width: 87.5%;
  }

  .cols--compact .w1\/9-lg {
    width: 11.111%;
  }

  .cols--compact .w2\/9-lg {
    width: 22.222%;
  }

  .cols--compact .w4\/9-lg {
    width: 44.444%;
  }

  .cols--compact .w5\/9-lg {
    width: 55.555%;
  }

  .cols--compact .w7\/9-lg {
    width: 77.777%;
  }

  .cols--compact .w8\/9-lg {
    width: 88.888%;
  }

  .cols--compact .w1\/10-lg {
    width: 10%;
  }

  .cols--compact .w3\/10-lg {
    width: 33.333%;
  }

  .cols--compact .w7\/10-lg {
    width: 70%;
  }

  .cols--compact .w9\/10-lg {
    width: 90%;
  }

  .cols--compact .w1\/11-lg {
    width: 9.09%;
  }

  .cols--compact .w2\/11-lg {
    width: 18.2%;
  }

  .cols--compact .w3\/11-lg {
    width: 27.3%;
  }

  .cols--compact .w4\/11-lg {
    width: 36.4%;
  }

  .cols--compact .w5\/11-lg {
    width: 45.5%;
  }

  .cols--compact .w6\/11-lg {
    width: 54.5%;
  }

  .cols--compact .w7\/11-lg {
    width: 63.6%;
  }

  .cols--compact .w8\/11-lg {
    width: 72.666%;
  }

  .cols--compact .w9\/11-lg {
    width: 81.8%;
  }

  .cols--compact .w10\/11-lg {
    width: 90.9%;
  }

  .cols--compact .w1\/12-lg {
    width: 8.333%;
  }

  .cols--compact .w5\/12-lg {
    width: 41.666%;
  }

  .cols--compact .w7\/12-lg {
    width: 58.3%;
  }

  .cols--compact .w11\/12-lg {
    width: 91.7%;
  }

  .cols--compact .w1\/13-lg {
    width: 7.692%;
  }

  .cols--compact .w2\/13-lg {
    width: 15.4%;
  }

  .cols--compact .w3\/13-lg {
    width: 23.1%;
  }

  .cols--compact .w4\/13-lg {
    width: 30.8%;
  }

  .cols--compact .w5\/13-lg {
    width: 38.5%;
  }

  .cols--compact .w6\/13-lg {
    width: 46.2%;
  }

  .cols--compact .w7\/13-lg {
    width: 53.8%;
  }

  .cols--compact .w8\/13-lg {
    width: 61.5%;
  }

  .cols--compact .w9\/13-lg {
    width: 69.2%;
  }

  .cols--compact .w10\/13-lg {
    width: 76.9%;
  }

  .cols--compact .w11\/13-lg {
    width: 84.6%;
  }

  .cols--compact .w12\/13-lg {
    width: 92.3%;
  }

  .cols--compact .w1\/14-lg {
    width: 7.142%;
  }

  .cols--compact .w3\/14-lg {
    width: 21.4%;
  }

  .cols--compact .w5\/14-lg {
    width: 35.666%;
  }

  .cols--compact .w9\/14-lg {
    width: 64.3%;
  }

  .cols--compact .w10\/14-lg,.cols--compact .w11\/14-lg {
    width: 78.6%;
  }

  .cols--compact .w13\/14-lg {
    width: 92.9%;
  }

  .cols--compact .w1\/15-lg {
    width: 6.666%;
  }

  .cols--compact .w2\/15-lg {
    width: 13.3%;
  }

  .cols--compact .w4\/15-lg {
    width: 26.7%;
  }

  .cols--compact .w7\/15-lg {
    width: 46.7%;
  }

  .cols--compact .w8\/15-lg {
    width: 53.3%;
  }

  .cols--compact .w11\/15-lg {
    width: 73.3%;
  }

  .cols--compact .w13\/15-lg {
    width: 86.7%;
  }

  .cols--compact .w14\/15-lg {
    width: 93.3%;
  }

  .cols--compact .w1\/16-lg {
    width: 6.25%;
  }

  .cols--compact .w3\/16-lg {
    width: 18.8%;
  }

  .cols--compact .w5\/16-lg {
    width: 62.5%;
  }

  .cols--compact .w7\/16-lg {
    width: 43.8%;
  }

  .cols--compact .w9\/16-lg {
    width: 56.3%;
  }

  .cols--compact .w11\/16-lg {
    width: 68.8%;
  }

  .cols--compact .w13\/16-lg {
    width: 81.3%;
  }

  .cols--compact .w15\/16-lg {
    width: 93.8%;
  }

  .h1\/1-lg:before,.h1\/2-lg:before,.h1\/3-lg:before,.h1\/4-lg:before,.h1\/5-lg:before,.h1\/6-lg:before,.h1\/8-lg:before,.h1vh-lg:before,.h2\/1-lg:before,.h2\/3-lg:before,.h3\/1-lg:before,.h3\/4-lg:before,.h4\/1-lg:before,.h4\/3-lg:before,.h5\/3-lg:before {
    width: 10px;
    background: pink;
    float: left;
    margin-left: -10px;
    content: " ";
    display: block;
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 0;
  }

  .h1\/1-lg:before {
    padding-bottom: 100%;
  }

  .h1\/8-lg:before {
    padding-bottom: 12.5%;
  }

  .h1\/6-lg:before {
    padding-bottom: 16.666%;
  }

  .h1\/5-lg:before {
    padding-bottom: 20%;
  }

  .h1\/4-lg:before {
    padding-bottom: 25%;
  }

  .h1\/3-lg:before {
    padding-bottom: 33.333%;
  }

  .h1\/2-lg:before {
    padding-bottom: 50%;
  }

  .h2\/3-lg:before {
    padding-bottom: 66.666%;
  }

  .h3\/4-lg:before {
    padding-bottom: 75%;
  }

  .h4\/3-lg:before {
    padding-bottom: 125%;
  }

  .h5\/3-lg:before {
    padding-bottom: 166%;
  }

  .h2\/1-lg:before {
    padding-bottom: 200%;
  }

  .h3\/1-lg:before {
    padding-bottom: 300%;
  }

  .h4\/1-lg:before {
    padding-bottom: 400%;
  }

  .h1vh-lg:before {
    padding-bottom: 100vh;
  }

  .cols5-lg>.col {
    width: calc(20% - 4px);
  }

  .cols4-lg>.col {
    width: calc(25% - 4px);
  }

  .cols3-lg>.col {
    width: calc(33.33% - 4px);
  }

  .cols2-lg>.col {
    width: calc(50% - 4px);
  }

  .cols1-lg>.col {
    width: calc(100% - 4px);
  }

  .L-lg {
    float: left;
    margin-right: auto;
  }

  .R-lg {
    float: right;
    margin-left: auto;
  }

  .hid-lg {
    display: none!important;
  }
}

@media(min-width:1399px) {
  .wFill-xl {
    width: 100%;
  }

  .w1\/1-xl {
    width: calc(100% - 4px);
  }

  .w1\/2-xl {
    width: calc(50% - 4px);
  }

  .w1\/3-xl {
    width: calc(33.333% - 4px);
  }

  .w2\/3-xl {
    width: calc(66.666% - 4px);
  }

  .w1\/4-xl {
    width: calc(25% - 4px);
  }

  .w3\/4-xl {
    width: calc(75% - 4px);
  }

  .w1\/5-xl {
    width: calc(20% - 4px);
  }

  .w2\/5-xl {
    width: calc(40% - 4px);
  }

  .w3\/5-xl {
    width: calc(60% - 4px);
  }

  .w4\/5-xl {
    width: calc(80% - 4px);
  }

  .w1\/6-xl {
    width: calc(16.666% - 4px);
  }

  .w5\/6-xl {
    width: calc(83.3% - 4px);
  }

  .w1\/7-xl {
    width: calc(14.2857% - 4px);
  }

  .w2\/7-xl {
    width: calc(28.6% - 4px);
  }

  .w3\/7-xl {
    width: calc(42.9% - 4px);
  }

  .w4\/7-xl {
    width: calc(57.1% - 4px);
  }

  .w5\/7-xl {
    width: calc(71.4% - 4px);
  }

  .w6\/7-xl {
    width: calc(85.666% - 4px);
  }

  .w1\/8-xl {
    width: calc(12.5% - 4px);
  }

  .w3\/8-xl {
    width: calc(37.5% - 4px);
  }

  .w5\/8-xl {
    width: calc(62.5% - 4px);
  }

  .w7\/8-xl {
    width: calc(87.5% - 4px);
  }

  .w1\/9-xl {
    width: calc(11.111% - 4px);
  }

  .w2\/9-xl {
    width: calc(22.222% - 4px);
  }

  .w4\/9-xl {
    width: calc(44.444% - 4px);
  }

  .w5\/9-xl {
    width: calc(55.555% - 4px);
  }

  .w7\/9-xl {
    width: calc(77.777% - 4px);
  }

  .w8\/9-xl {
    width: calc(88.888% - 4px);
  }

  .w1\/10-xl {
    width: calc(10% - 4px);
  }

  .w3\/10-xl {
    width: calc(33.333% - 4px);
  }

  .w7\/10-xl {
    width: calc(70% - 4px);
  }

  .w9\/10-xl {
    width: calc(90% - 4px);
  }

  .w1\/11-xl {
    width: calc(9.09% - 4px);
  }

  .w2\/11-xl {
    width: calc(18.2% - 4px);
  }

  .w3\/11-xl {
    width: calc(27.3% - 4px);
  }

  .w4\/11-xl {
    width: calc(36.4% - 4px);
  }

  .w5\/11-xl {
    width: calc(45.5% - 4px);
  }

  .w6\/11-xl {
    width: calc(54.5% - 4px);
  }

  .w7\/11-xl {
    width: calc(63.6% - 4px);
  }

  .w8\/11-xl {
    width: calc(72.666% - 4px);
  }

  .w9\/11-xl {
    width: calc(81.8% - 4px);
  }

  .w10\/11-xl {
    width: calc(90.9% - 4px);
  }

  .w1\/12-xl {
    width: calc(8.333% - 4px);
  }

  .w5\/12-xl {
    width: calc(41.666% - 4px);
  }

  .w7\/12-xl {
    width: calc(58.3% - 4px);
  }

  .w11\/12-xl {
    width: calc(91.7% - 4px);
  }

  .w1\/13-xl {
    width: calc(7.692% - 4px);
  }

  .w2\/13-xl {
    width: calc(15.4% - 4px);
  }

  .w3\/13-xl {
    width: calc(23.1% - 4px);
  }

  .w4\/13-xl {
    width: calc(30.8% - 4px);
  }

  .w5\/13-xl {
    width: calc(38.5% - 4px);
  }

  .w6\/13-xl {
    width: calc(46.2% - 4px);
  }

  .w7\/13-xl {
    width: calc(53.8% - 4px);
  }

  .w8\/13-xl {
    width: calc(61.5% - 4px);
  }

  .w9\/13-xl {
    width: calc(69.2% - 4px);
  }

  .w10\/13-xl {
    width: calc(76.9% - 4px);
  }

  .w11\/13-xl {
    width: calc(84.6% - 4px);
  }

  .w12\/13-xl {
    width: calc(92.3% - 4px);
  }

  .w1\/14-xl {
    width: calc(7.142% - 4px);
  }

  .w3\/14-xl {
    width: calc(21.4% - 4px);
  }

  .w5\/14-xl {
    width: calc(35.666% - 4px);
  }

  .w9\/14-xl {
    width: calc(64.3% - 4px);
  }

  .w10\/14-xl,.w11\/14-xl {
    width: calc(78.6% - 4px);
  }

  .w13\/14-xl {
    width: calc(92.9% - 4px);
  }

  .w1\/15-xl {
    width: calc(6.666% - 4px);
  }

  .w2\/15-xl {
    width: calc(13.3% - 4px);
  }

  .w4\/15-xl {
    width: calc(26.7% - 4px);
  }

  .w7\/15-xl {
    width: calc(46.7% - 4px);
  }

  .w8\/15-xl {
    width: calc(53.3% - 4px);
  }

  .w11\/15-xl {
    width: calc(73.3% - 4px);
  }

  .w13\/15-xl {
    width: calc(86.7% - 4px);
  }

  .w14\/15-xl {
    width: calc(93.3% - 4px);
  }

  .w1\/16-xl {
    width: calc(6.25% - 4px);
  }

  .w3\/16-xl {
    width: calc(18.8% - 4px);
  }

  .w5\/16-xl {
    width: calc(62.5% - 4px);
  }

  .w7\/16-xl {
    width: calc(43.8% - 4px);
  }

  .w9\/16-xl {
    width: calc(56.3% - 4px);
  }

  .w11\/16-xl {
    width: calc(68.8% - 4px);
  }

  .w13\/16-xl {
    width: calc(81.3% - 4px);
  }

  .w15\/16-xl {
    width: calc(93.8% - 4px);
  }

  .cols5-xl>.col {
    width: calc(20% - 4px);
  }

  .cols4-xl>.col {
    width: calc(25% - 4px);
  }

  .cols3-xl>.col {
    width: calc(33.33% - 4px);
  }

  .cols2-xl>.col {
    width: calc(50% - 4px);
  }

  .cols1-xl>.col {
    width: calc(100% - 4px);
  }

  .h1\/1-xl:before,.h1\/2-xl:before,.h1\/3-xl:before,.h1\/4-xl:before,.h1\/5-xl:before,.h1\/6-xl:before,.h1\/8-xl:before,.h1vh-xl:before,.h2\/1-xl:before,.h2\/3-xl:before,.h3\/1-xl:before,.h3\/4-xl:before,.h4\/1-xl:before,.h4\/3-xl:before,.h5\/3-xl:before {
    width: 10px;
    background: pink;
    float: left;
    margin-left: -10px;
    content: " ";
    display: block;
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 0;
  }

  .h1\/1-xl:before {
    padding-bottom: 100%;
  }

  .h1\/8-xl:before {
    padding-bottom: 12.5%;
  }

  .h1\/6-xl:before {
    padding-bottom: 16.666%;
  }

  .h1\/5-xl:before {
    padding-bottom: 20%;
  }

  .h1\/4-xl:before {
    padding-bottom: 25%;
  }

  .h1\/3-xl:before {
    padding-bottom: 33.333%;
  }

  .h1\/2-xl:before {
    padding-bottom: 50%;
  }

  .h2\/3-xl:before {
    padding-bottom: 66.666%;
  }

  .h3\/4-xl:before {
    padding-bottom: 75%;
  }

  .h4\/3-xl:before {
    padding-bottom: 125%;
  }

  .h5\/3-xl:before {
    padding-bottom: 166%;
  }

  .h2\/1-xl:before {
    padding-bottom: 200%;
  }

  .h3\/1-xl:before {
    padding-bottom: 300%;
  }

  .h4\/1-xl:before {
    padding-bottom: 400%;
  }

  .h1vh-xl:before {
    padding-bottom: 100vh;
  }

  .L-xl {
    float: left;
    margin-right: auto;
  }

  .R-xl {
    float: right;
    margin-left: auto;
  }

  .hid-xl {
    display: none!important;
  }
}

@media
print {
  *,:after,:before,:first-letter,:first-line {
    background: transparent!important;
    color: #000!important;
    box-shadow: none!important;
    text-shadow: none!important;
  }

  a,a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  a[href^="#"]:after,a[href^="javascript:"]:after {
    content: "";
  }

  blockquote,pre {
    border: 1px
solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  img,tr {
    page-break-inside: avoid;
  }

  img {
    max-width: 100%!important;
  }

  h2,h3,p {
    orphans: 3;
    widows: 3;
  }

  h2,h3 {
    page-break-after: avoid;
  }
}

#head {
}

#head .wrp {
  position: relative;
  overflow: visible;
}

#head .wrp:after {
  content: " ";
  position: absolute;
  height: 1px;
  background: #ccc;
  left: 15px;
  right: 15px;
  bottom: -30px;
}

.logobacorchids { position: absolute; top: 10px; left: 30px; width: 330px; }
.logobacorchids-small { position: absolute; bottom: -42px; left: 30px; }
.logo {
  fill: #222;
}

#page {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

#body {
  flex: 1;
}

#nav {
  /* background: rgba(0,0,0,.9); */
  background: rgba(0,0,0,.8);
  position: fixed;
  z-index: 9990;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  text-align: center;
  display: flex;
}

#nav li,#nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  align-self: center;
}

#nav a {
  display: block;
  text-decoration: none;
  color: rgba(255,255,255,.8);
  padding: 10px 20px;
  transition: .5s all;
  font: 24px/30px 'BenchNine';
  text-transform: uppercase;
  -moz-osx-font-smoothing: grayscale;
}

#nav a:hover {
  background: #222;
}

#nav .TR {
  position: absolute;
  top: 20px;
  right: 20px;
  background: 0 0;
}

h1 {
  font: 120px/120px "BenchNine";
  text-transform: uppercase;
  text-indent: -5px;
  line-height: 0.8;
  letter-spacing: -3px;
  color: #222;
  margin: 10px 10px 10px 0px !important;
}

h2 {
  font: 200 26px/30px overpass;
  text-transform: uppercase;
}

h3 {
  font: 200 20px/20px overpass;
  text-transform: uppercase;
}

h4 {
  font: 200 15px/20px overpass;
  text-transform: uppercase;
  margin-bottom: 10px;
}

body,p {
  font-family: overpass;
  color: #777;
}

h1+h2 {
  font: 200 26px/30px overpass;
  text-transform: uppercase;
  margin-bottom: 120px;
  color: #777;
}

blockquote {
    font-family: overpass;
    text-transform: uppercase;
    text-indent: 1em;
    font-size: 1.3em;
    border-left: 5px solid grey;
    margin-left: 3em;
    padding: 1em 0em 0.5em 0em;
}

.txtdropCap p:first-child:first-letter {
  float: left;
  font-size: 96px;
  line-height: 100px;
  line-height: 60px;
  padding: 12px 8px 4px 0;
  margin-left: -4px;
  color: #444;
  font-weight: 400;
  vertical-align: baseline;
}

.txt2Col {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  text-align: left;
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px;
}

.framed {
  position: relative;
  background: #eee;
  margin: 0 0 40px 0;
  padding: 80px;
  text-align: center;
}

.framed::before {
  content: " ";
  position: absolute;
  left: 20px;
  top: 20px;
  bottom: 20px;
  right: 20px;
  border: 1px solid #e3d7df;
  pointer-events: none;
}

.framed :last-child {
  margin-bottom: 0;
}

.wrp {
  padding: 0 20px;
}

.marB {
  margin-bottom: 40px;
}

.wrp {
  overflow-x: visible;
}

.stk {
  position: relative;
  display: flex;
  overflow: hidden;
  background: #111;
  color: #fff;
  flex-direction: row;
  text-decoration: none;
}

.stk>div {
  position: relative;
  float: left;
  left: 100%;
  margin-left: -100%;
  z-index: inherit;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}

.stk .wrp {
  height: 100%;
}

.stk .img {
  opacity: .90;
  transition: all 0.8s;
}

.stk .pad {
  padding: 20px;
}

.stk .BM::after {
  content: " ";
  position: absolute;
  display: block;
  height: 180%;
  top: 25%;
  left: 0;
  right: 0;
  background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.5));
  z-index: 2;
  transition: top .8s;
}

.stk:hover .BM::after {
  top: -25%;
}

.stk:hover .img {
  opacity: 1;
  transform: scale(1.15);
}

.BM {
  position: relative;
  align-self: flex-end;
  width: 100%;
  margin-top: auto;
}

.stk h2,.stk h3,.stk h4,.stk p {
  color: #fff;
  position: relative;
  z-index: 3;
  margin: 0 0 5px 0;
  font-weight: 200;
}

.bdg {
  text-transform: uppercase;
  background: rgba(0,0,0,.33);
  padding: 3px 8px 1px 8px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.kvs {
  background: #f4f4f4;
  padding: 20px;
}

.kvs .kv {
  border-bottom: 1px solid #e6e6e6;
  text-transform: uppercase;
  font-size: 14px;
  padding-top: 8px;
}

.kvs .k {
  font-weight: 200;
}

.kvs :last-child {
  border-bottom: none;
}

.photoGrid1A,.photoGrid2A,.photoGrid3A {
  overflow: hidden;
  margin: 4px 0 24px 0;
}

.photoGrid1A img,.photoGrid2A img,.photoGrid3A img {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  image-rendering: crisp-edges;
  object-fit: cover;
}

.photoGrid3A>div {
  background: #353a4b;
  width: calc(50% - 2px);
  text-align: center;
  overflow: hidden;
  position: relative;
}

.photoGrid3A>.photoGrid3A--a {
  float: left;
}

.photoGrid3A--b {
  float: right;
  margin-bottom: 4px;
}

.photoGrid3A--c {
  float: right;
}

.photoGrid3A--a:after {
  content: " ";
  display: block;
  padding-bottom: 100%;
  background: #0f0;
  float: left;
  width: 10px;
  margin-left: -10px;
  position: relative;
}

.photoGrid3A--b:after {
  content: " ";
  display: block;
  padding-bottom: calc(50% - 2px);
  background: #0f0;
  float: left;
  width: 10px;
  margin-left: -10px;
  position: relative;
}

.photoGrid3A--c:after {
  content: " ";
  display: block;
  padding-bottom: calc(50% - 2px);
  background: #0f0;
  float: left;
  width: 10px;
  margin-left: -10px;
  position: relative;
}

.photoGrid2A .copy,.photoGrid3A .copy {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  transform: translate(-50%,-50%);
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.photoGrid2A .copy:before,.photoGrid3A .copy:before {
  content: " ";
  display: block;
  position: absolute;
  background: radial-gradient(circle closest-side,rgba(34,34,34,.5),rgba(34,34,34,0));
  z-index: -1;
  left: -50%;
  top: -50%;
  height: 200%;
  width: 200%;
}

.photoGrid2A>div {
  background: #353a4b;
  width: calc(50% - 2px);
  text-align: center;
  overflow: hidden;
  position: relative;
}

.photoGrid2A--a:after,.photoGrid2A--b:after {
  content: " ";
  display: block;
  padding-bottom: 100%;
  background: #0f0;
  float: left;
  width: 10px;
  margin-left: -10px;
  position: relative;
}

.photoGrid2A--a {
  float: left;
}

.photoGrid2A--b {
  float: right;
}

@media only screen and (max-width:680px) {
  .photoGrid2A>div,.photoGrid3A>div {
    width: 100%;
    text-align: center;
    overflow: hidden;
    position: relative;
  }

  .photoGrid2A>.photoGrid2A--a,.photoGrid3A>.photoGrid3A--a {
    margin-bottom: 4px;
  }

  .pull-quote {
    width: 100%;
    float: none;
    margin: 20px 0;
    border: 1px solid #666;
    border-left: none;
    border-right: none;
    padding-left: 0;
    padding-right: 0;
  }
}

.photoGrid1A>div {
  background: #353a4b;
  width: 100%;
  text-align: center;
  overflow: hidden;
  position: relative;
}

.photoGrid1A--a:after {
  content: " ";
  display: block;
  padding-bottom: 50%;
  background: #0f0;
  float: left;
  width: 10px;
  margin-left: -10px;
  position: relative;
}

#foot {
  background: #5e7690;
  position: relative;
  /* color: #666; MM */
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font: 14px/18px overpass;
  text-transform: uppercase;
}

#foot--a {
  color: #fff;
  background-size: cover;
  padding-top: 80px;
}

#foot blockquote {
  padding: 40px 40px 40px 0;
}

#foot--a blockquote::before {
  font: 400 50px/30px overpass;
  color: rgba(255,255,255,.66);
}

.mls-disclaimer {
  width: 1020px;
  margin: 0 auto;
  padding: 0 20px 40px 20px;
  font-size: 14px;
  max-width: 100%;
}

.wrp>.mls-disclaimer {
  padding-left: 0;
  padding-right: 0;
}

.sock {
  position: relative;
  float: right;
  width: 250px;
  /*height: 183px; MM */
  height: 52px;
}

.sock div {
  position: absolute;
  left: 0;
  top: 15px;
  height: 100%;
  width: 100%;
  z-index: 99;
}

.sock i {
  display: block;
  position: absolute;
  bottom: 72px;
  left: 34px;
  height: 36px;
  width: 24px;
  background: rgba(255,0,0,.33);
  background: url("inc/skins/fese/img/socks.png") no-repeat;
  z-index: 9999;
}

.sock .sok1 {
  background-position: 0 0;
}

.sock .sok2 {
  background-position: -27px 0;
}

.sock .sok3 {
  background-position: -54px 0;
}

.sock .sok4 {
  background-position: -80px 0;
}

.sock .sok5 {
  background-position: -105px 0;
}

.sock .sok6 {
  background-position: -133px 0;
}

.sock .sok7 {
  background-position: -159px 0;
}

.sock .sok8 {
  background-position: -185px 0;
}

.sock .sok9 {
  background-position: -212px 0;
}

#foot .sock div {
  background: url("image/logo-bacorchids-text-small.png") no-repeat;
}

#foot .mnu {
  margin: 0 0 20px 0;
  padding: 0;
  /* border-bottom: 1px solid #222; MM */
  border-bottom: 1px solid #555;
}

#foot .mnu-item {
  font: 400 14px/20px overpass;
  margin-right: 10px;
  padding: 10px 0;
}

#foot--b {
  /* background: #0b0510; MM */
  background: #829ebd;
  padding: 10px 0 20px 0;
}

#foot a {
  /* color: #666; MM */
  color: #fff;
  text-decoration: none;
  transition: .5s;
}

#foot a:hover {
  color: #ff0;
}

.search-criteria {
  display: none;
}

#sub-feature .ac-input {
  background: #fff;
  position: relative;
  flex: 1;
  display: flex;
}

#sub-feature .ac-input input {
  border: none;
  width: 100%;
}

#sub-feature .ac-input .menu {
  position: absolute;
  top: 100%;
  right: 0;
  left: -1px;
  background: #fff;
  border: 1px solid #ccc;
  z-index: 999;
}

#sub-feature .ac-input .menu label {
  display: block;
  padding: 10px;
  cursor: pointer;
  color: #222;
}

#sub-feature .ac-input .menu label:hover {
  background: #eee;
}

#sub-feature .ac-input .menu label em {
  font-style: normal;
  position: relative;
  background-image: linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,.6) 50%);
  background-position: 0 18px;
  background-repeat: repeat-x;
  background-size: 2px 2px;
  text-decoration: none;
}

.advanced-options {
  width: 100%;
}

.advanced-options fieldset {
  border: 0;
  padding: 20px 0;
}

.advanced-options .toggleset label {
  width: 25%;
  float: left;
  color: #555;
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
}

.advanced-options .extra-submit,.advanced-options .extra-submit:hover {
  background: #ddd;
  color: #444;
  border: none;
  text-transform: none;
  letter-spacing: 0;
  padding: 10px 15px;
  font-size: 14px;
  margin: 20px 0;
}

.advanced-options .extra-submit:hover {
  background: #eee;
  color: #444;
}

.advanced-options .toggleset label input {
  margin-right: 10px;
}

.action--details {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  text-indent: -999em;
}

.btn.save {
  position: absolute;
  right: 15px;
  bottom: 25px;
  left: auto;
  top: auto;
  z-index: 9;
}

.action-save {
  display: block;
  height: 48px;
  width: 48px;
  float: left;
  background: url("inc/skins/fese/img/sprite-heart.png") no-repeat 0 0;
}

.action-save:hover {
  background-position: 0 -50px;
  animation: beatIt .6s steps(3) infinite;
}

.saved a.action-save {
  background-position: 0 -100px;
  animation: none;
  animation: favIt .2s steps(6);
  animation-fill-mode: forwards;
}

.action-save:active {
  background: transparent url("inc/skins/fese/img/sprite-heart.png") no-repeat -300px -50px!important;
  animation: none!important;
}

@keyframes beatIt {
  100% {
    background-position: -150px -50px;
  }
}

@keyframes favIt {
  100% {
    background-position: -300px -100px;
  }
}

.L.sort .mnu-item {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAAQUlEQVQYla2PMQ4AMAgCwV/zejrZWBK3shhzKIGSMGQA7KUCzHmh8coNE1wD7Y29mR8hJa2hhVE6D/ttGpiZTOMBbsEN6P1Z68sAAAAASUVORK5CYII=) no-repeat scroll right 10px center;
  padding-right: 25px;
}

#sort-menu {
  background: #eee;
  width: 260px;
  padding: 20px;
  z-index: 999;
}

#sort-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#sort-menu ul input {
  margin-right: 5px;
}

#listings-map {
  height: 200px;
}

.popover {
  background: #fff;
  border: 1px solid #ccc;
  padding: 5px 10px;
  position: relative;
  width: 380px;
  overflow: hidden;
}

.popover .title {
  margin-bottom: 10px;
}

.popover .title a {
  text-decoration: none;
  padding: 5px 0;
  display: inline-block;
}

.popover .btnset {
  display: none;
}

.popover .photo {
  float: left;
  margin-right: 20px;
}

.popover .action-close {
  padding: 10px 15px;
  color: #222;
  float: right;
}

.popover .summary {
  overflow: hidden;
  font-size: 12px;
}

.popover .popover {
  border: none;
  padding: 0;
}

.popover+.popover {
  border-top: 1px solid #eee;
  padding-top: 10px;
}

#social-network-panel a {
  text-decoration: none;
  color: inherit;
}

#social-network-panel img {
  display: block;
  margin-bottom: 20px;
}

.listings .stk .pad {
  padding: 20px 80px 20px 20px;
}

.pad {
  padding: 20px;
}

.hidden {
  display: none;
}

.pagination {
  font-size: 18px;
  text-align: center;
  margin: 20px 0;
}

.pagination a {
  display: none;
  background: #eee;
  padding: 20px 30px;
  text-decoration: none;
  color: #444;
}

.pagination a.next,.pagination a.prev {
  display: inline-block;
  border-radius: 2px;
}

.action-detail {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: -300%;
  z-index: 8;
  text-indent: -999px;
}

.win.positioned {
  position: fixed;
  top: 50%;
  left: 50%;
}

.win .bar,.win .bar .btn {
  background: 0 0;
}

.win .bar .ttl {
  font-size: 32px;
  color: #222;
  padding: 10px 30px;
}

.win .close path {
  fill: #555;
}

body.mute {
  opacity: 1;
}

.fld {
  padding: 10px 0;
}

.fld label {
  padding: 5px 0;
  display: block;
}

.fld+.cols::before,.fld+.fld {
  border-top: none;
}

.fld textarea {
  border: 1px solid #ccc;
  padding: 10px;
}

.btn.network-login {
  background: #555;
  border-radius: 24px;
  text-transform: uppercase;
  color: #fff;
  padding-top: 12px;
}

.btn.facebook {
  background: #274687;
}

.or {
  text-align: center;
  padding: 20px 0;
  position: relative;
}

.or:after {
  content: " ";
  display: block;
  border-bottom: 1px solid #ccc;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
}

.or span {
  background: #fff;
  padding: 8px;
  display: block;
  margin: 0 auto;
  width: 40px;
  text-align: center;
  position: relative;
  z-index: 999;
}

.forgot-password,.register .btns .R {
  float: right;
  padding: 10px;
}

.login-register {
  text-align: center;
  color: #999;
}

.login-register a {
  color: #999;
  margin-left: 10px;
}

.fld .boolean {
  display: inline-block;
  margin-right: 20px;
}

.fld .boolean input {
  vertical-align: middle;
  position: relative;
  top: -2px;
  margin-right: 5px;
}

.fld label.toggle {
  white-space: normal;
  padding-left: 25px;
  position: relative;
}

.fld label.toggle input {
  white-space: normal;
  position: absolute;
  left: 0;
  top: 10px;
}

.btns.padT {
  clear: both;
  padding-top: 20px;
}

@media only screen and (max-width:680px) {
  .advanced-options .toggleset label {
    width: 50%;
  }

  .mnu.mnu--inline {
    flex-direction: column;
    flex: none;
  }

  #foot--b .mnu-item {
    float: none;
    margin: 0;
  }

  #foot .R {
    float: none;
    margin-top: 20px;
  }

  h1 {
    font: 90px/90px "pathway gothic one";
    text-indent: -3px;
  }

  h1+h2 {
    font: 200 20px/25px overpass;
    margin-bottom: 80px;
  }

  .txtdropCap p:first-child:first-letter {
    font-size: 70px;
    line-height: 80px;
  }

  .txt2Col {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    text-align: left;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
  }

  .framed {
    padding: 40px;
  }

  .framed::before {
    left: 10px;
    right: 10px;
    top: 10px;
    bottom: 10px;
  }

  #nav a {
    padding: 5px;
  }
}

hr {
  margin: 40px 0;
}

.navbar {
  border: 0px solid #ccc;
  overflow: hidden;
}

.navbar a {
  font: 14px/14px overpass;
  color: #666;
  text-transform: uppercase;
  text-decoration: none;
  padding: 12px 14px 10px 14px;
  border: 1px solid #ccc;
  float: left;
}

.navbar a:hover {
  background: #f4f4f4;
}

#profile-report-show {
  display: none;
}

#profile-report-show:target {
  display: block;
}

.listing .featured-provider {
  color: #8c8c8c;
  font: 500 16px/20px "source sans pro";
  margin: 0 0 15px;
  left: auto;
  text-align: center;
}

body.rebgv .flowgrid .mediaProvider span {
  display: block;
}

body.rebgv .flowgrid_x1 .mediaProvider span.icon {
  padding-left: 10px;
  float: right;
}

body.rebgv .homepage-content .mediaProvider span.office {
  height: 16px;
}

.wpml .wpmlLogo {
  padding: 5px;
}

.wpml #listing-body>div:nth-child(11)>h4 {
  display: none;
}

body.mute {
  overflow: hidden;
}

@media only screen and (max-width:820px) {
  body.mute {
    height: 100%;
    width: 100%;
    overflow: hidden;
  }

  body.mute #body,body.mute #foot,body.mute #head {
    display: none;
  }

  .window.init {
    height: auto!important;
    width: auto!important;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: 0!important;
  }

  .window.init .pane {
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    position: relative;
  }

  .window.init iframe {
    width: 100%!important;
    min-height: 100%!important;
    height: 100%!important;
    overflow: auto;
    display: block;
    -webkit-overflow-scrolling: touch;
    position: relative;
  }
}

#head {
  position: relative;
  left: 0;
  right: 0;
  z-index: 9;
}

.cover {
  height: 100vh;
  background-size: cover;
  background-position: center left;
  color: #fff;
}

.cover>div {
  /* background: rgba(0,0,0,.33); MM */
  background: rgba(0,0,0,.1); 
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.cover .fill {
  /* background: rgba(0,0,0,.33); MM */
  background: rgba(0,0,0,.1); 
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.cover .pos {
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  overflow: hidden;
}

.cover h2,.cover h3,.cover h4,.cover p {
  color: #fff;
}

.logo,.mnu-trigger {
  fill: #fff;
}

.col img {
  width: 100%;
}

.section {
  padding: 40px 0;
}

#content {
  padding: 40px 0;
}

#slideshow:after {
  background: -moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.79) 48%);
  background: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0)),color-stop(48%,rgba(255,255,255,.79)));
  background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.79) 48%);
  background: -o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.79) 48%);
  background: -ms-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.79) 48%);
  background: linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.79) 48%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#c9ffffff', GradientType=1);
}

#feature .module .feature-quicksearch h2 {
  color: #fff;
  text-shadow: 0 0 3px rgba(0,0,0,.5);
}

#page {
  min-height: 100%;
}

.page-h2,.page-h3 {
  font-weight: 600;
  color: #222;
}

#head {
  margin-bottom: 0px;
}

h1+h2 {
  margin-bottom: 20px;
}

@media only screen and (max-width:600px) {
  h1 {
    font: 60px/60px "pathway gothic one";
    text-indent: -3px;
  }
}

h2+div {
  margin-bottom: 40px;
}

#content {
  padding: 20px 0;
  padding-top: 0;
}

@media only screen and (max-width:480px) {
  #body>#content {
    padding-top: 0;
  }
}

@media all and (-ms-high-contrast:none) {
  #page {
    display: block;
  }

  ::-ms-backdrop #page {
    display: block;
  }
}

.search.tpl-search #content {
  padding-top: 0;
}

.section {
  padding: 20px 0;
}

.marB {
  margin-bottom: 20px;
}

.lg-title {
  display: block;
  font: 60px/60px "pathway gothic one";
  font-weight: 400;
  color: #222;
  text-transform: uppercase;
  text-indent: -5px;
  letter-spacing: -1px;
  margin-bottom: 20px;
}

.pg-fredrik .stk>div {
  max-height: 323px;
}

.pg-homepage .logo-link {
  display: inline-block;
}

#head .wrp {
  margin-top: 55px;
}

@media only screen and (max-width:686px) {
  .pg-homepage .logo-link .logobacorchids {
    margin-top: -5px;
  }
}

.pg-homepage .logo .logobacorchids {
  display: none;
}

@media only screen and (max-width:686px) {
  .pg-homepage .logo {
    display: block;
  }
}

.mnu-trigger {
  padding: 10px;
  border-left: none!important;
  position: relative;
  top: -5px;
}

.mnu-trigger:after {
  display: none;
}

.pg-homepage .mnu-trigger {
  top: -8px;
}

#nav {
  width: 400px;
  /* background: rgba(0,0,0,.9); MM */
  background: rgba(0,0,0,.8);
  position: fixed;
  height: 100%;
  height: 100vh;
  min-height: 100vh;
  display: block!important;
  right: 0;
  bottom: auto;
  top: 0;
  left: auto;
  z-index: 9032324;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

@media only screen and (max-width:480px) {
  #nav {
    width: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
}

@media only screen and (max-width:1025px) {
  #nav {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
}

@media only screen and (max-height:700px) {
  #nav {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
}

#nav.hid {
  right: -400px;
}

@media only screen and (max-width:480px) {
  #nav.hid {
    right: -100%;
  }
}

#nav>.wrp.S4 {
  width: 100%;
  margin-top: 100px;
}

@media only screen and (max-width:480px) {
  #nav>.wrp.S4 {
    margin-top: 80px;
  }
}

#nav a {
  text-align: left;
}

#nav a span {
  display: block;
  color: rgba(255,255,255,.4);
  font-size: 16px;
  text-transform: none;
}

body.mute #nav {
  z-index: 10;
}

.pg-homepage.demo #nav {
  right: 0;
  -webkit-transform: translateX(calc(100% - 400px));
  transform: translateX(calc(100% - 400px));
  transition: transform 500ms ease-out;
  will-change: transform;
}

@media only screen and (max-width:480px) {
  .pg-homepage.demo #nav {
    width: 100%;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: transform 400ms ease-out;
  }
}

.pg-homepage.demo #nav.hid {
  right: 0;
  transition: transform 500ms ease-out;
  -webkit-transform: translateX(calc(100% + 400px));
  transform: translateX(calc(100% + 400px));
  will-change: transform;
}

@media only screen and (max-width:480px) {
  .pg-homepage.demo #nav.hid {
    -webkit-transform: translateX(calc(100%));
    transform: translateX(calc(100%));
    transition: transform 300ms linear;
  }
}

.de-link {
  display: none;
  font-family: "pathway gothic one";
  font-size: 20px;
  line-height: normal;
  color: #222;
  text-decoration: none;
  position: relative;
  left: 10px;
  top: -6px;
}

.de-link:hover {
  text-decoration: none;
}

.pg-listings .right-idx-bar a[href="/idx"] {
  display: none!important;
}

@media only screen and (max-width:480px) {
  .cms.pg- .logo-link,.pg-developments .logo-link,.pg-listings .logo-link,.tpl-detail.idx .logo-link {
    display: inline-block;
  }
}

@media only screen and (max-width:480px) {
  .cms.pg- .mnu-trigger,.pg-developments .mnu-trigger,.pg-listings .mnu-trigger,.tpl-detail.idx .mnu-trigger {
    top: -65px;
  }
}

.cms.pg- .de-link,.pg-developments .de-link,.pg-listings .de-link,.tpl-detail.idx .de-link {
  display: inline-block;
}

@media only screen and (max-width:480px) {
  .cms.pg- .de-link,.pg-developments .de-link,.pg-listings .de-link,.tpl-detail.idx .de-link {
    display: block!important;
    text-align: left;
    top: -10px;
    left: 0;
  }
}

@media only screen and (max-width:680px) {
  .pg-listings.mute .win.init.positioned {
    width: 98%!important;
    margin: 0 auto!important;
    margin-top: 10px!important;
    top: 0!important;
    left: 1%!important;
    right: auto!important;
    display: block!important;
    height: auto!important;
    overflow-y: auto;
    position: absolute!important;
  }
}

@media only screen and (max-width:1024px) and (orientation:landscape) {
  .pg-listings.mute .win.init.positioned {
    height: 90vh!important;
    padding-bottom: 30px;
    overflow-y: scroll;
  }
}

.pg-listings.mute .win.init.positioned .bd {
  min-height: 220px;
  max-height: 100%!important;
}

@media only screen and (max-width:1024px) and (orientation:landscape) {
  .pg-listings.mute .win.init.positioned .bd {
    padding-bottom: 40px;
    display: block;
  }
}

.pg-listings.mute .win.init.positioned .bd form {
  height: auto;
  display: block;
}

.pg-listings.mute .win.init.positioned .bd form .label,.pg-listings.mute .win.init.positioned .bd form label {
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 10px 0;
  overflow: hidden;
  display: block;
}

.pg-listings.mute .win.init.positioned .bd form input {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  display: block;
  border: 1px solid #ccc;
  background: 0 0;
  padding: 10px;
  box-sizing: border-box;
  width: 100%;
}

.pg-listings.mute .win.init.positioned .bd form select {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  display: block;
  -webkit-flex-grow: 10;
  -ms-flex-positive: 10;
  flex-grow: 10;
  border: 1px solid #ccc;
  padding: 10px 30px 10px 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  background: transparent url("data:image/svg+xml,\<svg height='50' viewBox='0 0 50 50' width='50' xmlns='http://www.w3.org/2000/svg'\>\<path fill='none' d='M0 0h50v50H0z'/\>\<path fill='grey' d='M47.25 15l-2.086-2.086L25 33.078 4.836 12.914 2.75 15 25 37.25'/\>\</svg\>") no-repeat;
  background-size: 16px 16px;
  background-position: right 10px center;
  margin-bottom: 20px;
}

#foot .foot-white-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 84px;
  background-color: #fff;
}

#foot blockquote {
  padding: 60px 40px 40px 0;
}

@media only screen and (max-width:1024px) {
  #foot #foot--b,#foot .foot-b-wrp {
    overflow-x: hidden;
    width: 100%;
  }
}

#foot .mnu {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media only screen and (max-width:1024px) {
  #foot .mnu {
    width: 100%;
  }
}

#foot .mnu-item:nth-last-child(2):before {
  display: none;
}

#foot .mnu-item:before {
  content: "\007C";
  float: right;
  margin-left: 10px;
}

@media (max-width:680px) {
  #foot .mnu-item:before {
    display: none;
  }
}

#foot .foot-phone {
  display: inline-block;
  float: right;
  font: 400 14px/20px overpass;
  margin-right: 0;
  margin-left: auto;
  padding: 10px 0;
}

@media only screen and (max-width:890px) {
  #foot .foot-phone {
    display: block;
    float: none;
    margin: 0;
  }
}

#foot .foot-r {
  clear: both;
  float: none;
  margin-top: 10px;
}

@media only screen and (min-width:770px) {
  #foot .foot-r {
    margin-top: -20px;
    clear: none;
    float: right;
  }
}

.contact-cta .contact-cta-container {
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  width: 100%;
  padding-top: 20px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

@media only screen and (max-width:600px) {
  .contact-cta .contact-cta-container {
    display: block;
  }
}

.contact-cta .contact-cta-container .sw-cta-box {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  width: 50%;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 25px;
}

.contact-cta .contact-cta-container .sw-cta-box.right {
  padding-right: 0;
  padding-left: 25px;
}

@media only screen and (max-width:600px) {
  .contact-cta .contact-cta-container .sw-cta-box.right {
    margin-top: 20px;
  }
}

@media only screen and (max-width:600px) {
  .contact-cta .contact-cta-container .sw-cta-box {
    padding: 0!important;
    width: 100%;
  }
}

@media only screen and (max-width:960px) {
  .contact-cta .contact-cta-container {
    padding-bottom: 20px;
  }
}

@media only screen and (max-width:600px) {
  .contact-cta .contact-cta-container {
    flex-flow: column;
    text-align: center;
  }
}

.contact-cta .contact-cta-container h3 {
  font-weight: 400!important;
  display: inline-block;
  float: left;
  line-height: 50px!important;
  margin-right: 15px;
}

@media only screen and (max-width:960px) {
  .contact-cta .contact-cta-container h3 {
    margin-bottom: 5px;
    line-height: normal!important;
    display: block;
    float: none;
  }
}

@media only screen and (max-width:600px) {
  .contact-cta .contact-cta-container h3 {
    float: none;
    margin-right: 0;
    text-align: center;
  }
}

.contact-cta .contact-cta-container a.cta-contact {
  font: 14px/14px overpass;
  color: #666;
  text-transform: uppercase;
  text-decoration: none;
  padding: 16px 14px;
  border: 1px solid #ccc;
  display: inline-block;
  float: none;
  width: 200px;
  margin-left: 20px;
  text-align: center;
  transition: all .3s;
}

.contact-cta .contact-cta-container a.cta-contact:hover {
  background-color: #666;
  color: #fff;
}

@media only screen and (max-width:960px) {
  .contact-cta .contact-cta-container a.cta-contact {
    clear: both;
    margin-left: 0;
  }
}

.contact-cta .contact-cta-container a.cta-social {
  padding: 11px 16px;
  border: 1px solid #ccc;
  margin-right: 15px;
  color: #666;
  display: inline-block;
  float: right;
  min-width: 47px;
  transition: all .3s;
}

.contact-cta .contact-cta-container a.cta-social:first-child {
  margin-right: 0;
}

.contact-cta .contact-cta-container a.cta-social:hover {
  background-color: #666;
  color: #fff;
}

@media only screen and (max-width:960px) {
  .contact-cta .contact-cta-container a.cta-social {
    float: left;
  }
}

@media only screen and (max-width:960px) {
  .contact-cta .contact-cta-container a.cta-social {
    float: none;
  }
}

.contact-cta .contact-cta-container a.cta-social.facebook {
  color: #3b5998;
}

.contact-cta .contact-cta-container a.cta-social.facebook:hover {
  background-color: #3b5998;
  color: #fff;
}

.contact-cta .contact-cta-container a.cta-social.instagram {
  color: #125688;
}

.contact-cta .contact-cta-container a.cta-social.instagram:hover {
  background-color: #125688;
  color: #fff;
}

.contact-cta .contact-cta-container a.cta-social.linkedin {
  color: #007bb5;
}

.contact-cta .contact-cta-container a.cta-social.linkedin:hover {
  background-color: #007bb5;
  color: #fff;
}

.contact-cta .contact-cta-container a.cta-social.twitter {
  color: #55acee;
}

.contact-cta .contact-cta-container a.cta-social.twitter:hover {
  background-color: #55acee;
  color: #fff;
}

.footer-disclaimer {
  text-align: center;
  font-size: 8px;
  padding-top: 10px;
}

.footer-disclaimer img {
  max-height: 10px;
}

.pg-homepage {
  overflow-x: hidden;
}

.pg-homepage .cover {
  background-position: top;
}

@media only screen and (max-width:680px) {
  .pg-homepage .cover {
    margin-bottom: 3px;
  }
}

.pg-homepage .cover>div .signature {
  font-family: 'Shadows Into Light',cursive;
  font-size: 60px;
  white-space: nowrap;
  position: absolute;
  bottom: 50px;
  left: 0px;
}

@media only screen and (min-width:1170px) {
  .pg-homepage .cover>div .signature {
    bottom: 50px;
  }
}

@media only screen and (max-width:879px) {
  .pg-homepage .cover>div .signature {
    font-size: 50px;
  }
}

@media only screen and (max-width:1025px) {
  .pg-homepage .cover>div .signature {
    bottom: 20px;
  }
}

.pg-homepage .cover .fill {
  height: 100%;
  width: 100%;
}

.pg-homepage .cover .pos {
  overflow: visible;
}

.pg-homepage .cover .cover-txt {
  float: right;
  position: relative;
  display: none;
}

.pg-homepage #head .wrp:after {
  display: none;
}

.cover h2 {
  font-weight: 400;
  text-transform: none;
}

.h-feat-homes h2 {
  font-weight: 400;
}

.home-developments a {
  max-height: 374px;
  min-height: 374px;
  margin-left: 0!important;
  margin-right: 0!important;
  font-family: "pathway gothic one";
  width: 50%;
}

@media (max-width:768px) {
  .home-developments a {
    width: 100%;
  }
}

@media only screen and (max-width:310px) {
  .home-developments a {
    max-height: auto;
    min-height: auto;
  }
}

.home-developments a>div {
  max-height: 374px;
  min-height: 374px;
}

@media only screen and (max-width:310px) {
  .home-developments a>div {
    max-height: auto;
    min-height: auto;
  }
}

@media all and (-ms-high-contrast:none) {
  .home-developments a>div+div {
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .home-developments a>div+div::-ms-backdrop #page {
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.home-developments .nd-price {
  display: block;
  position: absolute;
  top: 50px;
  right: 50px;
  background-color: #222;
  font-weight: 500;
  color: #fff;
  padding: 5px 8px;
  font-size: 26px;
  z-index: 500;
}

@media only screen and (max-width:560px) {
  .home-developments .nd-price {
    top: 20px;
    right: 20px;
  }
}

.home-developments .nd-txt {
  padding: 50px;
  position: relative;
}

.home-developments .nd-txt .nd-tag {
  display: inline-block;
  clear: both;
  font-size: 22px;
  line-height: normal;
  padding: 0 5px;
  background-color: #fff;
  text-transform: uppercase;
  color: #222;
}

.home-developments .nd-txt .title {
  display: block;
  font-size: 34px;
  color: #fff;
}

@media (max-width:680px) {
  .home-developments .nd-txt .title {
    font-size: 28px;
    line-height: normal;
  }
}

.home-developments .nd-txt p {
  font-weight: 500;
  line-height: 28px;
}

@media (max-width:680px) {
  .home-developments .nd-txt p {
    line-height: normal;
  }
}

@media only screen and (max-width:335px) {
  .home-developments .nd-txt p {
    display: none;
  }
}

.live-listings.h-feat-listings {
  display: none;
}

.pg-homepage .h-feat-homes .cols .col {
  margin: 0;
}

.pg-homepage .h-feat-homes .h-feat-listings .img--cover img {
  top: 0;
  left: 0;
}

.pg-homepage .h-feat-homes .h-feat-listings .cols .col {
  max-height: 160px;
  min-height: 160px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.pg-homepage .h-feat-homes .h-feat-listings .cols .col:before {
  margin-left: 0;
}

.pg-homepage .h-feat-homes .h-feat-listings .cols .col div.img--cover:before {
  padding: 0;
}

.pg-homepage .h-feat-homes .h-feat-listings .cols .col .cpt {
  background: 0 0;
  transition: all 1s;
  padding: 0;
}

.pg-homepage .h-feat-homes .h-feat-listings .cols .col .cpt .pad.BM {
  padding: 5px;
  opacity: 0;
  transition: all 1s;
}

.pg-homepage .h-feat-homes .h-feat-listings .cols .col .cpt .pad.BM:after {
  top: 60%;
  background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.8));
}

.pg-homepage .h-feat-homes .h-feat-listings .cols .col .cpt .pad.BM h4,.pg-homepage .h-feat-homes .h-feat-listings .cols .col .cpt .pad.BM p {
  font-weight: 400;
}

.pg-homepage .h-feat-homes .h-feat-listings .cols .col:hover .cpt .pad {
  opacity: 1;
}

.pg-homepage .h-feat-homes .h-feat-listings .cols .col:hover .cpt .pad:after {
  top: -50%;
}

.demo.pg-homepage .h-feat-agents .cols .col:nth-child(1) {
  background-image: url("inc/skins/fese/img/fred-feat-2.jpg");
  background-position: center;
  background-repeat: no-repeat;
}

.demo.pg-homepage .h-feat-agents .cols .col:nth-child(1):hover {
  background-image: url("inc/skins/fese/img/fred-feat-1.jpg");
}

.demo.pg-homepage .h-feat-agents .cols .col:nth-child(1) img {
  opacity: 0;
}

.pg-developments h1 {
  letter-spacing: -4px;
}

.development.details {
  margin-top: 40px;
}

.development.details h2 {
  font-weight: 600;
  color: #222;
}

.development.details .desc p small {
  display: block;
  clear: both;
  margin-top: 10px;
  line-height: normal;
}

.building-details {
  margin-top: 40px;
  overflow: hidden;
}

.building-details h2 {
  font-weight: 600;
  color: #222;
}

.building-details ul {
  width: 100%;
}

.building-details ul li {
  width: 46%;
  margin-right: 4%;
  float: left;
}

@media only screen and (max-width:960px) {
  .building-details ul li {
    width: 100%;
    margin: 0;
  }
}

.building-details ul li a {
  color: #777;
  text-decoration: none;
  display: inline-block;
}

.building-details ul li a:hover {
  text-decoration: none;
}

.neighborhood-details {
  margin-top: 40px;
}

.neighborhood-details h2 {
  font-weight: 600;
  color: #222;
}

.dev-details-properties {
  margin-top: 40px;
}

.dev-details-properties>h2 {
  font-weight: 600;
  color: #222;
}

.all-development-results {
  margin-top: 40px;
}

.all-development-results>h2 {
  font-weight: 600;
  color: #222;
}

.ld-about-property {
  margin-bottom: 60px;
}

.listing-contact {
  padding: 20px 0 0 0;
  text-align: center;
  display: none;
}

.details .listing-contact {
  padding: 20px 0;
  text-align: center;
  display: block;
}

.listing-disclaimer {
  padding: 20px 0;
}

.listing-disclaimer img {
  max-height: 18px;
}

.details #listing-details.saved .navbar a:nth-child(2) {
  color: #f09;
}

@media only screen and (max-width:801px) {
  .details .win.iframe {
    width: 95%!important;
    margin-left: 2.5%!important;
    margin-right: 2.5%!important;
    left: auto!important;
    right: auto!important;
  }
}

@media only screen and (max-width:680px) {
  .details .win.iframe {
    width: 98%!important;
    margin: 0 auto!important;
    margin-top: 10px!important;
    position: relative!important;
    top: auto!important;
    left: auto!important;
    right: auto!important;
  }
}

@media only screen and (max-width:680px) {
  .details .win.iframe .bar .ttl {
    white-space: normal;
    line-height: normal;
    font-size: 22px;
  }
}

@media only screen and (max-width:680px) {
  .details .win.iframe .close.btn {
    position: relative;
    top: -20px;
    right: 20px;
  }
}

@media only screen and (max-width:680px) {
  .popup .wrp.S4 {
    width: 100%;
    overflow-y: scroll;
  }
}

@media only screen and (max-width:680px) {
  .popup.idx.inquire {
    height: 100%!important;
  }
}

.pg-communities .stk .BM h2 {
  text-shadow: 0 0 3px #000;
}

.pg-communities .stk>div .pad:first-child {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media all and (-ms-high-contrast:none) {
  .pg-communities .stk>div .pad:first-child {
    width: 100%;
  }
}

.pg-communities .stk>div .pad:first-child .bdg {
  margin-bottom: 2px;
}

.tpl-community #body #content .wrp.S4>.wrp.S5 {
  padding-left: 0;
  padding-right: 0;
}

.nbh-listings-wrap {
  margin-top: 40px;
}

.nbh-listings-wrap>h2 {
  margin-bottom: 35px;
}

.more-nbh-wrap {
  margin-top: 20px;
}

.more-nbh-wrap>h2 {
  margin-bottom: 35px;
}

.more-nbh-wrap .stk h2 {
  font-weight: 400;
  text-shadow: 0 0 4px #000;
}

.kvs .k {
  font-weight: 600;
}

.timeline-container {
  display: none;
}

.pg-fredrik .framed {
  background: 0 0;
  padding: 40px;
}

.pg-fredrik .framed:before {
  border: none;
}

.txtdropCap p:first-child:first-letter {
  margin-top: 10px;
}

@media only screen and (max-width:660px) {
  .txtdropCap p:first-child:first-letter {
    line-height: 36px;
  }
}

@media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) {
  .txtdropCap p:first-child:first-letter {
    margin-top: 4px;
  }
}

@-webkit-keyframes bloop {
  0% {
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
  }

  50% {
    -webkit-transform: scale3d(1.4,1.4,1.4);
    transform: scale3d(1.4,1.4,1.4);
  }

  100% {
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
  }
}

@keyframes bloop {
  0% {
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
  }

  50% {
    -webkit-transform: scale3d(1.4,1.4,1.4);
    transform: scale3d(1.4,1.4,1.4);
  }

  100% {
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
  }
}

.clear {
  clear: both;
  overflow: hidden;
}

.clear:before {
  display: none;
}

.fese-tl {
  width: 100%;
}

.fese-tl img {
  max-width: 100%;
  clear: both;
  display: block;
  margin: 0 auto;
  text-align: center;
}

.fese-tl ul li {
  list-style-type: none;
  position: relative;
  width: 5px;
  margin: 0 auto;
  padding-bottom: 50px;
  background: #d7e4ed;
}

.fese-tl ul li::after {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-align: center;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 50px;
  content: "\f1c5";
  font-size: 30px;
  color: #fff;
  position: absolute;
  left: -450%;
  top: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #C5D1D9;
  box-shadow: 0 0 0 4px #fff,inset 0 2px 0 rgba(0,0,0,.08),0 3px 0 4px rgba(0,0,0,.08);
  -webkit-animation-duration: .1s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  transition: all .5s;
  opacity: 0;
}

.fese-tl ul li div.fese-tl-item {
  position: relative;
  top: 0;
  width: 400px;
  min-height: 250px;
  padding: 15px;
  background: #d7e4ed;
  border-radius: 5px;
}

.fese-tl a.btn {
  display: inline-block;
  clear: both;
  float: left;
  padding: 8px 12px;
  background: #acb7c0;
  color: #fff;
  border-radius: 5px;
  margin-top: 10px;
  text-decoration: none;
}

.fese-tl ul li:nth-child(even) div.fese-tl-item a.btn {
  float: right;
}

.fese-tl ul li div.fese-tl-item time {
  position: absolute;
  left: 120%;
}

.fese-tl ul li:nth-child(even) div.fese-tl-item time {
  left: -30%;
}

.fese-tl ul li:nth-child(even) div.fese-tl-item {
  left: 45px;
}

.fese-tl ul li:nth-child(odd) div.fese-tl-item {
  left: -439px;
}

.fese-tl ul li div.fese-tl-item::before {
  content: '';
  position: absolute;
  top: 20px;
  width: 0;
  height: 0;
  border-style: solid;
  border: 7px solid transparent;
  border-right: 7px solid #d7e4ed;
}

.fese-tl ul li:nth-child(even) div.fese-tl-item::before {
  left: -14px;
}

.fese-tl ul li:nth-child(odd) div.fese-tl-item::before {
  right: -7px;
  border-right: none;
  border-left: 7px solid #d7e4ed;
}

.fese-tl-item {
  opacity: 0;
  transition: all .4s;
}

.fese-tl ul li:nth-child(odd) .fese-tl-item {
  -moz-transform: translateX(-20%);
  -webkit-transform: translateX(-20%);
  -o-transform: translateX(-20%);
  -ms-transform: translateX(-20%);
  transform: translateX(-20%);
}

.fese-tl ul li:nth-child(even) .fese-tl-item {
  -moz-transform: translateX(20%);
  -webkit-transform: translateX(20%);
  -o-transform: translateX(20%);
  -ms-transform: translateX(20%);
  transform: translateX(20%);
}

.fese-tl-item.in-view {
  opacity: 1;
}

.fese-tl ul li:nth-child(even) .fese-tl-item.in-view,.fese-tl ul li:nth-child(odd) .fese-tl-item.in-view {
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.fese-tl ul li.in-view::after {
  opacity: 1;
  -webkit-animation-name: bloop;
  animation-name: bloop;
}

@media only screen and (max-width:1024px) {
  .fese-tl ul li {
    margin: 0;
  }

  .fese-tl ul li div.fese-tl-item {
    width: 80vw;
  }

  .fese-tl ul li:nth-child(odd) div.fese-tl-item {
    left: 45px;
    -moz-transform: translateX(20%);
    -webkit-transform: translateX(20%);
    -o-transform: translateX(20%);
    -ms-transform: translateX(20%);
    transform: translateX(20%);
  }

  .fese-tl ul li:nth-child(even) div.fese-tl-item::before,.fese-tl ul li:nth-child(odd) div.fese-tl-item::before {
    left: -14px;
    right: auto;
    border: 7px solid transparent;
    border-right: 7px solid #d7e4ed;
  }

  .fese-tl ul li div.fese-tl-item time,.fese-tl ul li:nth-child(even) div.fese-tl-item time {
    position: relative;
    left: auto;
  }
}

@media only screen and (max-width:700px) {
  .fese-tl ul li div.fese-tl-item {
    width: 60vw;
  }
}

.comic-bubble {
  display: none;
}

.demo .comic-bubble {
  display: block;
  position: absolute;
  right: 25px;
  top: 80px;
  width: 120px;
  height: 90px;
  text-align: center;
  line-height: 120px;
  background-color: #FEFFE8;
  border: 4px solid #666;
  -webkit-border-radius: 80px;
  -moz-border-radius: 80px;
  border-radius: 80px;
  z-index: 100;
}

.demo .comic-bubble:before {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: 20px;
  top: 79px;
  border: 15px solid;
  border-color: #666 transparent transparent #666;
}

.demo .comic-bubble:after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: 23px;
  top: 77px;
  border: 12px solid;
  border-color: #FEFFE8 transparent transparent #FEFFE8;
}

.demo .comic-bubble p {
  font-family: Comic Sans,Comic Sans MS,cursive;
  margin: 0;
  font-style: italic;
  font-size: 30px;
  margin-top: 15px;
  margin-left: -5px;
}

.idx-search-form {
  display: flex;
  padding-bottom: 10px;
}

@media only screen and (max-width:940px) {
  .idx-search-form {
    display: block;
  }
}

.idx-search-form .search-input-container {
  display: flex;
  flex: 1;
}

@media only screen and (max-width:940px) {
  .idx-search-form .search-input-container {
    margin-bottom: 20px;
  }
}

.pg-idx .bar.idx-sort-bar .mnu-item:hover,.pg-listings .bar.idx-sort-bar .mnu-item:hover,.search.tpl-search .bar.idx-sort-bar .mnu-item:hover {
  background-color: #EFEFEF;
}

@media only screen and (max-width:960px) {
  .pg-idx .bar.idx-sort-bar .mnu-item,.pg-idx .bar.idx-sort-bar .ttl,.pg-listings .bar.idx-sort-bar .mnu-item,.pg-listings .bar.idx-sort-bar .ttl,.search.tpl-search .bar.idx-sort-bar .mnu-item,.search.tpl-search .bar.idx-sort-bar .ttl {
    font-size: 14px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .pg-idx .bar.idx-sort-bar .mnu-item:hover,.pg-idx .bar.idx-sort-bar .ttl:hover,.pg-listings .bar.idx-sort-bar .mnu-item:hover,.pg-listings .bar.idx-sort-bar .ttl:hover,.search.tpl-search .bar.idx-sort-bar .mnu-item:hover,.search.tpl-search .bar.idx-sort-bar .ttl:hover {
    background-color: #EFEFEF;
  }

  .pg-idx .bar.idx-sort-bar .sort.mini .mnu-item i,.pg-listings .bar.idx-sort-bar .sort.mini .mnu-item i,.search.tpl-search .bar.idx-sort-bar .sort.mini .mnu-item i {
    margin-right: 15px;
  }
}

@media only screen and (max-width:940px) {
  .pg-idx .bar.idx-sort-bar,.pg-listings .bar.idx-sort-bar,.search.tpl-search .bar.idx-sort-bar {
    display: block;
    width: 100%;
  }

  .pg-idx .bar.idx-sort-bar:after,.pg-listings .bar.idx-sort-bar:after,.search.tpl-search .bar.idx-sort-bar:after {
    content: '';
    display: table;
    clear: both;
  }

  .pg-idx .bar.idx-sort-bar .ttl,.pg-listings .bar.idx-sort-bar .ttl,.search.tpl-search .bar.idx-sort-bar .ttl {
    width: 50%;
    display: inline-block;
    float: left;
    padding-right: 10px;
    padding-left: 10px;
  }

  .pg-idx .bar.idx-sort-bar .sort.mini,.pg-listings .bar.idx-sort-bar .sort.mini,.search.tpl-search .bar.idx-sort-bar .sort.mini {
    width: 50%;
  }

  .pg-idx .bar.idx-sort-bar .sort.mini a,.pg-listings .bar.idx-sort-bar .sort.mini a,.search.tpl-search .bar.idx-sort-bar .sort.mini a {
    padding-right: 10px;
    padding-left: 10px;
  }

  .pg-idx .bar.idx-sort-bar .right-idx-bar,.pg-listings .bar.idx-sort-bar .right-idx-bar,.search.tpl-search .bar.idx-sort-bar .right-idx-bar {
    width: 100%;
  }

  .pg-idx .bar.idx-sort-bar .right-idx-bar a,.pg-listings .bar.idx-sort-bar .right-idx-bar a,.search.tpl-search .bar.idx-sort-bar .right-idx-bar a {
    width: auto;
    display: inline-block;
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media only screen and (max-width:480px) {
  .pg-idx .bar.idx-sort-bar .right-idx-bar,.pg-listings .bar.idx-sort-bar .right-idx-bar,.search.tpl-search .bar.idx-sort-bar .right-idx-bar {
    width: 100%;
  }

  .pg-idx .bar.idx-sort-bar .right-idx-bar a,.pg-listings .bar.idx-sort-bar .right-idx-bar a,.search.tpl-search .bar.idx-sort-bar .right-idx-bar a {
    width: 50%;
    float: left;
    display: inline-block;
  }
}

@media only screen and (max-width:400px) {
  .pg-idx .bar.idx-sort-bar .right-idx-bar,.pg-listings .bar.idx-sort-bar .right-idx-bar,.search.tpl-search .bar.idx-sort-bar .right-idx-bar {
    width: 100%;
  }

  .pg-idx .bar.idx-sort-bar .right-idx-bar a,.pg-listings .bar.idx-sort-bar .right-idx-bar a,.search.tpl-search .bar.idx-sort-bar .right-idx-bar a {
    white-space: normal;
    padding-right: 0;
  }
}

@media only screen and (max-width:568px) {
  .pg-idx #sort-menu,.pg-listings #sort-menu,.search.tpl-search #sort-menu {
    left: auto!important;
    right: 20px;
  }
}

.pg-idx .listings .stk,.pg-listings .listings .stk,.search.tpl-search .listings .stk {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
  background: #111;
  color: #fff;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  text-decoration: none;
}

.pg-idx .listings .stk>div,.pg-listings .listings .stk>div,.search.tpl-search .listings .stk>div {
  position: relative;
  float: left;
  left: 100%;
  margin-left: -100%;
  z-index: inherit;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  flex-start: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.pg-idx .listings .stk>div .BM,.pg-listings .listings .stk>div .BM,.search.tpl-search .listings .stk>div .BM {
  position: relative;
  -ms-flex-item-align: end;
  -webkit-align-self: flex-end;
  align-self: flex-end;
  width: 100%;
  margin-top: auto;
}

.pg-idx .listings .stk>div .BM .btn.save,.pg-listings .listings .stk>div .BM .btn.save,.search.tpl-search .listings .stk>div .BM .btn.save {
  bottom: 30px;
}

.stk {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
  background: #111;
  color: #fff;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  text-decoration: none;
}

.stk>div {
  position: relative;
  float: left;
  left: 100%;
  margin-left: -100%;
  z-index: inherit;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  flex-start: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}

@media all and (-ms-high-contrast:none) {
  .stk>div+div {
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .stk>div+div::-ms-backdrop #page {
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.stk>div .BM {
  position: relative;
  -ms-flex-item-align: end;
  -webkit-align-self: flex-end;
  align-self: flex-end;
  width: 100%;
  margin-top: auto;
}

.pg-listings .marB {
  margin-bottom: 20px;
}

.view-listings-link .navbar {
  margin: 20px 0;
}

.view-listings-link .navbar a:last-child {
  border-right: none;
}

.view-listings-link .navbar a:hover {
  cursor: pointer;
}

.mmm .ac-input {
  background: #fff;
  position: relative;
  flex: 1;
  display: flex;
}

.mmm .ac-input input {
  border: none;
  width: 100%;
}

@media only screen and (max-width:1199px) {
  .pg-idx #idx-search_1 .idx-search-form .search-input-container,.pg-listings #idx-search_1 .idx-search-form .search-input-container,.search.tpl-search #idx-search_1 .idx-search-form .search-input-container {
    width: 100%;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -ms-flex-wrap: none;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    max-height: 41px;
    min-height: 41px;
    padding-right: 20px;
  }

  .pg-idx #idx-search_1 .idx-search-form .search-input-container .ac-input,.pg-listings #idx-search_1 .idx-search-form .search-input-container .ac-input,.search.tpl-search #idx-search_1 .idx-search-form .search-input-container .ac-input {
    width: calc(100% - 87.77px);
    display: inline-block;
    max-height: 41px;
    min-height: 41px;
  }

  .pg-idx #idx-search_1 .idx-search-form .search-input-container button,.pg-listings #idx-search_1 .idx-search-form .search-input-container button,.search.tpl-search #idx-search_1 .idx-search-form .search-input-container button {
    float: right;
    display: inline-block;
    min-height: 41px;
  }

  .pg-idx #idx-search_1 .idx-search-form .nnn,.pg-listings #idx-search_1 .idx-search-form .nnn,.search.tpl-search #idx-search_1 .idx-search-form .nnn {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .pg-idx #idx-search_1 .idx-search-form .nnn .nnn-b,.pg-listings #idx-search_1 .idx-search-form .nnn .nnn-b,.search.tpl-search #idx-search_1 .idx-search-form .nnn .nnn-b {
    max-height: 41px;
    min-height: 41px;
  }

  .pg-idx #idx-search_1 .idx-search-form .nnn select,.pg-listings #idx-search_1 .idx-search-form .nnn select,.search.tpl-search #idx-search_1 .idx-search-form .nnn select {
    max-height: 41px;
    min-height: 41px;
  }

  .pg-idx #idx-search_1 .idx-search-form .nnn select::-ms-expand,.pg-listings #idx-search_1 .idx-search-form .nnn select::-ms-expand,.search.tpl-search #idx-search_1 .idx-search-form .nnn select::-ms-expand {
    display: none;
  }
}

@media only screen and (max-width:1025px) {
  .pg-idx .nnn,.pg-listings .nnn,.search.tpl-search .nnn {
    display: block;
    display: flex;
    width: 100%;
  }

  .pg-idx .nnn .nnn-b,.pg-listings .nnn .nnn-b,.search.tpl-search .nnn .nnn-b {
    display: inline-block;
    float: left;
  }

  .pg-idx .nnn .nnn-b select,.pg-listings .nnn .nnn-b select,.search.tpl-search .nnn .nnn-b select {
    display: inline-block;
    width: auto;
  }

  .pg-idx .nnn .nnn-b span,.pg-listings .nnn .nnn-b span,.search.tpl-search .nnn .nnn-b span {
    display: inline-block;
  }

  .pg-idx .nnn a.show-advanced,.pg-listings .nnn a.show-advanced,.search.tpl-search .nnn a.show-advanced {
    display: inline-block;
    text-align: right;
  }
}

@media only screen and (max-width:940px) {
  .pg-idx #idx-search_1 .idx-search-form .search-input-container,.pg-listings #idx-search_1 .idx-search-form .search-input-container,.search.tpl-search #idx-search_1 .idx-search-form .search-input-container {
    padding-right: 0;
  }

  .pg-idx #idx-search_1 .idx-search-form .nnn,.pg-listings #idx-search_1 .idx-search-form .nnn,.search.tpl-search #idx-search_1 .idx-search-form .nnn {
    display: block;
    width: 100%;
  }

  .pg-idx #idx-search_1 .idx-search-form .nnn .nnn-b,.pg-listings #idx-search_1 .idx-search-form .nnn .nnn-b,.search.tpl-search #idx-search_1 .idx-search-form .nnn .nnn-b {
    width: 100%;
    margin: 0 0 20px 0!important;
  }

  .pg-idx #idx-search_1 .idx-search-form .nnn .nnn-b select,.pg-listings #idx-search_1 .idx-search-form .nnn .nnn-b select,.search.tpl-search #idx-search_1 .idx-search-form .nnn .nnn-b select {
    display: inline-block;
    width: calc(50% - 20px);
  }

  .pg-idx #idx-search_1 .idx-search-form .nnn .nnn-b select:nth-child(1),.pg-listings #idx-search_1 .idx-search-form .nnn .nnn-b select:nth-child(1),.search.tpl-search #idx-search_1 .idx-search-form .nnn .nnn-b select:nth-child(1) {
    float: left;
  }

  .pg-idx #idx-search_1 .idx-search-form .nnn .nnn-b select:nth-child(2),.pg-listings #idx-search_1 .idx-search-form .nnn .nnn-b select:nth-child(2),.search.tpl-search #idx-search_1 .idx-search-form .nnn .nnn-b select:nth-child(2) {
    float: right;
  }

  .pg-idx #idx-search_1 .idx-search-form .nnn .nnn-b span,.pg-listings #idx-search_1 .idx-search-form .nnn .nnn-b span,.search.tpl-search #idx-search_1 .idx-search-form .nnn .nnn-b span {
    display: inline-block;
  }

  .pg-idx #idx-search_1 .idx-search-form .nnn select[name=minimum_bedrooms],.pg-listings #idx-search_1 .idx-search-form .nnn select[name=minimum_bedrooms],.search.tpl-search #idx-search_1 .idx-search-form .nnn select[name=minimum_bedrooms] {
    width: calc(50% - 20px);
  }

  .pg-idx #idx-search_1 .idx-search-form .nnn select[name=minimum_bathrooms],.pg-listings #idx-search_1 .idx-search-form .nnn select[name=minimum_bathrooms],.search.tpl-search #idx-search_1 .idx-search-form .nnn select[name=minimum_bathrooms] {
    width: calc(50% - 20px);
    margin-left: 15px;
    float: right;
  }

  .pg-idx #idx-search_1 .idx-search-form .nnn a.show-advanced,.pg-listings #idx-search_1 .idx-search-form .nnn a.show-advanced,.search.tpl-search #idx-search_1 .idx-search-form .nnn a.show-advanced {
    display: block;
    text-align: right;
  }
}

@media only screen and (min-width:1024px) and (max-width:1199px) {
  .pg-idx #idx-search_1 .idx-search-form .nnn,.pg-listings #idx-search_1 .idx-search-form .nnn,.search.tpl-search #idx-search_1 .idx-search-form .nnn {
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
}

@media only screen and (max-width:660px) {
  .details #listing-details .navbar a {
    width: calc(50% - 1px);
    text-align: center;
    padding-right: 0;
    padding-left: 0;
  }

  .details #listing-details .navbar a:nth-child(1) {
    border-bottom: 1px solid #ccc;
  }

  .details #listing-details .navbar a:nth-child(2) {
    border-bottom: 1px solid #ccc;
    border-right: 0;
    width: 50%;
  }

  .details #listing-details .navbar a:last-child {
    border-right: 0;
    border-left: 0;
    width: 50%;
  }
}

.details .photoGrid1A,.details .photoGrid2A,.details .photoGrid3A {
  margin-bottom: 40px;
}

.details .ld-about-property {
  margin-bottom: 40px;
}

@media only screen and (max-width:480px) {
  .details .cols.masonry {
    height: auto!important;
  }
}

@media only screen and (max-width:480px) {
  .details .cols.masonry .col.masonry-brick {
    width: 100%!important;
    position: relative!important;
    top: auto!important;
    left: auto!important;
    display: block!important;
    clear: both!important;
    float: none!important;
  }
}

.details .kvs .kv .v a {
  display: block;
  color: #777;
  text-decoration: none;
}

@media only screen and (max-width:680px) {
  .details.mute .win.iframe.init.positioned {
    height: auto!important;
  }
}

@media only screen and (max-width:680px) {
  .details.mute .win.iframe.init.positioned .bd {
    height: auto!important;
  }
}

.friend.popup.is-touch .wrp.S4 {
  width: 100%;
}

@media only screen and (max-width:680px) {
  .friend.popup .share-listing-txt {
    display: none;
  }
}

.pg-speaking h2+h2 {
  color: #222;
  font-weight: 400;
  margin-top: 20px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
}

.pg-speaking .framed {
  position: relative;
  background: #eee;
  background-color: transparent;
  margin: 40px auto 0;
  padding: 40px;
  padding-top: 0;
  padding-bottom: 25px;
  width: 80%;
  border: 3px solid #ccc;
  text-align: center;
}

.pg-speaking .framed.first-frame {
  margin-bottom: 40px;
}

@media only screen and (max-width:800px) {
  .pg-speaking .framed {
    width: 100%;
  }
}

.pg-speaking .framed h2 {
  display: inline-block;
  padding-left: 30px;
  padding-right: 30px;
  background-color: #fff;
  position: relative;
  top: -12px;
  margin-bottom: 0;
  font-weight: 400;
}

@media only screen and (max-width:500px) {
  .pg-speaking .framed h2 {
    top: -24px;
  }
}

.pg-speaking .framed a {
  color: #F9B225;
  font-weight: 600;
}

.pg-speaking .framed::before {
  left: 0;
  right: 0;
  display: none;
}

.pg-speaking .framed .framed-pic {
  position: absolute;
  top: 25px;
  left: 20px;
  width: 150px;
  height: 150px;
  border: 3px solid #ccc;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-image: url("uploads/agent-1/Cordero_Barret-200.jpg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

@media only screen and (max-width:650px) {
  .pg-speaking .framed .framed-pic {
    display: none;
  }
}

.pg-speaking .framed .framed-pic.ken-pic {
  right: 20px;
  left: auto;
  background-image: url("uploads/agent-1/KWS_Headshot-200.jpg");
}

.pg-speaking .col {
  margin-bottom: 5px;
}

.pg-speaking .cols.marB+h2 {
  color: #222;
  font-weight: 400;
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
}

.pg-speaking .speaking-past-event {
  padding: 20px 10px;
  background-color: #eee;
  min-height: 231px;
}

@media only screen and (max-width:679px) {
  .pg-speaking .speaking-past-event {
    min-height: 180px;
  }
}

@media only screen and (max-width:750px) and (min-width:680px) {
  .pg-speaking .speaking-past-event {
    min-height: 320px;
  }
}

@media only screen and (max-width:930px) and (min-width:751px) {
  .pg-speaking .speaking-past-event {
    min-height: 300px;
  }
}

.pg-speaking .speaking-past-event h3 {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 10px;
}

.pg-speaking .speaking-past-event h2 {
  font: 400 22px/26px overpass;
  margin-bottom: 10px;
}

.pg-speaking .speaking-past-event p {
  margin-bottom: 0;
  line-height: normal;
}

.pg-speaking .speaking-past-event p strong {
  font-weight: 600;
  display: inline-block;
}

.pg-speaking .speaking-past-event p strong:last-child {
  margin-top: 5px;
}

.pg-speaking .speaking-span {
  display: block;
  text-align: left;
}

.pg-agents .agent-bio-col {
  right: calc(37.5% - 4px);
}

@media only screen and (max-width:680px) {
  .pg-agents .agent-bio-col {
    float: right;
    right: 0;
  }
}

@media (max-width:1024px) and (min-width:681px) {
  .pg-agents .agent-bio-col {
    right: calc(50% + 4px);
  }
}

.pg-agents .agent-info-col {
  left: calc(62.5% - 4px);
}

@media (max-width:1024px) and (min-width:681px) {
  .pg-agents .agent-info-col {
    left: calc(50% + 4px);
  }
}

@media only screen and (max-width:680px) {
  .pg-agents .agent-info-col {
    float: left;
    left: 0;
  }
}

.pg-agents p.description {
  padding-right: 30px;
}

@media only screen and (max-width:680px) {
  .pg-agents p.description {
    padding: 0 15px;
  }
}

.pg-agents .kvs a {
  font-size: 14px;
  text-decoration: none;
  color: #777;
}

@media only screen and (max-width:400px) {
  .pg-agents .kvs a {
    font-size: 12px;
  }
}

@media only screen and (max-width:400px) {
  .pg-agents .kvs .kv a,.pg-agents .kvs .kv span,.pg-agents .kvs .kv strong {
    font-size: 12px;
  }
}

.pg-agents .photo img {
  min-width: 100%;
}

.pg-agents p>a.btn {
  font: 14px/14px overpass;
  color: #666;
  text-transform: uppercase;
  background-color: transparent;
  border-radius: 0;
  text-decoration: none;
  padding: 16px 14px;
  border: 1px solid #ccc;
  display: inline-block;
  float: none;
  width: 200px;
  margin-left: 20px;
  text-align: center;
  transition: all .3s;
}

.pg-agents p>a.btn:hover {
  background-color: #666;
  color: #fff;
}

.blog.blog .articleset.blog article[itemprop=blogPosts] {
  background-color: #f4f4f4;
  border: 1px solid #eee;
  padding: 20px 10px 10px;
  margin-bottom: 20px;
}

.blog.blog .articleset.blog article[itemprop=blogPosts] h2 {
  font-weight: 400;
  margin-bottom: 5px;
}

.blog.blog .articleset.blog article[itemprop=blogPosts] h2 a {
  color: #222;
  text-decoration: none;
}

.blog.blog .articleset.blog article[itemprop=blogPosts] .author a {
  color: #777;
}

.blog.entry header h1 {
  font: 60px/60px "pathway gothic one";
  margin-bottom: 10px;
}

.blog.entry header em {
  font-style: normal;
  font-size: 14px;
}

.blog.entry header a {
  color: #777;
  font-weight: 700;
  text-decoration: none;
}

.blog.entry header a:hover {
  opacity: .8;
}

.blog.entry #blog-comments {
  background-color: #f4f4f4;
  margin-bottom: 20px;
  overflow: hidden;
}

.blog.entry #blog-comments .msg {
  margin: 20px 10px 15px 10px;
  background-color: #fff;
}

.blog.entry #blog-comments h4 {
  margin: 10px;
}

.blog.entry #blog-comments .comment {
  margin: 10px;
  margin-bottom: 20px;
}

.blog.entry .btnset {
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0 0 22px 0;
  padding: 12px 0;
  clear: both;
}

.blog.entry .btnset .btn {
  font: 14px/14px overpass;
  color: #777;
  background-color: transparent;
  text-transform: uppercase;
  text-decoration: none;
  padding: 12px 16px;
  border: 1px solid #ccc;
  display: inline-block;
  float: none;
  width: auto;
  text-align: center;
  transition: all .3s;
  border-radius: 0;
}

.blog.entry .btnset .btn:hover {
  background-color: #666;
  color: #fff;
}

.blog.entry .btnset .btn.print {
  display: none;
}

.blog.entry .btnset .btn.share.popup {
  display: none;
}

.blog.entry .btnset button {
  font: 14px/14px overpass;
  color: #777;
  background-color: transparent;
  text-transform: uppercase;
  text-decoration: none;
  padding: 12px 16px;
  border: 1px solid #ccc;
  display: inline-block;
  float: none;
  width: auto;
  text-align: center;
  transition: all .3s;
  border-radius: 0;
}

.blog.entry .btnset button:hover {
  background-color: #666;
  color: #fff;
}

.fld .label,.fld label {
  white-space: normal;
}

@media only screen and (max-width:680px) {
  .dashboard .navbar li {
    display: block;
    float: none;
    width: 100%;
    text-align: center;
  }
}

.dashboard .navbar li a.cur {
  background-color: #f4f4f4;
}

@media only screen and (max-width:680px) {
  .dashboard .navbar li a {
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #ccc;
    float: none;
    display: block;
  }
}

@media only screen and (max-width:680px) {
  .dashboard .navbar li:last-child a {
    border-right: none;
    border-left: none;
    border-bottom: none;
    float: none;
    display: block;
  }
}

.dashboard .navbar .sign-out-link a {
  border-right: none;
  border-left: 1px solid #ccc;
}

@media only screen and (max-width:680px) {
  .dashboard .navbar .sign-out-link a {
    border-bottom: none;
  }
}

.dashboard #dashboard .mnu {
  margin-bottom: 10px;
}

.dashboard #dashboard .section {
  min-height: 300px;
}

.dashboard #dashboard .section-preferences {
  padding-top: 20px;
}

.dashboard #dashboard table {
  width: 100%;
}

.dashboard #dashboard table th {
  text-align: left;
}

.dashboard #dashboard table td a {
  color: #777;
}

.register #body {
  padding-bottom: 20px;
}

.register .btns .R {
  color: #999;
  margin-left: 10px;
}

.register .msg {
  margin-bottom: 20px;
}

.home-promo-ad .home-promo-cta {
  font: 14px/14px overpass;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  padding: 16px 14px;
  border: 2px solid #ccc;
  display: inline-block;
  float: none;
  width: auto;
  margin-top: 10px;
  text-align: center;
  transition: all .3s;
}

.home-promo-ad .home-promo-cta:hover {
  background-color: #666;
  color: #fff;
}

.home-promo-ad .fw-screens {
  right: 0;
  top: -20px;
  display: block;
  max-width: 100%;
  height: auto;
  width: auto;
}

@media (max-width:768px) {
  .home-promo-ad .fw-screens {
    top: -30px;
  }
}

@media (max-width:680px) {
  .home-promo-ad .fw-screens {
    top: -20px;
  }
}

@media (max-width:480px) {
  .home-promo-ad .fw-screens {
    top: 15px;
  }
}

.home-promo-ad:hover .home-promo-cta {
  background-color: #666;
  color: #fff;
}

#slideshow_1 {
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 0;
  top: 0;
}

#slideshow_1
.slide {
  width: 100%;
  height: 100%;
  position: absolute;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
  display: none;
}

#slideshow_1
.slide.active {
  display: block;
}

@media only screen and (max-width: 480px) {
  #slideshow_1
.slide {
  }
}