github.com/tooploox/oya@v0.0.21-0.20230524103240-1cda1861aad6/docs/css/webflow.css (about)

     1  @font-face {
     2    font-family: 'webflow-icons';
     3    src: url("data:application/x-font-ttf;charset=utf-8;base64,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") format('truetype');
     4    font-weight: normal;
     5    font-style: normal;
     6  }
     7  [class^="w-icon-"],
     8  [class*=" w-icon-"] {
     9    /* use !important to prevent issues with browser extensions that change fonts */
    10    font-family: 'webflow-icons' !important;
    11    speak: none;
    12    font-style: normal;
    13    font-weight: normal;
    14    font-variant: normal;
    15    text-transform: none;
    16    line-height: 1;
    17    /* Better Font Rendering =========== */
    18    -webkit-font-smoothing: antialiased;
    19    -moz-osx-font-smoothing: grayscale;
    20  }
    21  .w-icon-slider-right:before {
    22    content: "\e600";
    23  }
    24  .w-icon-slider-left:before {
    25    content: "\e601";
    26  }
    27  .w-icon-nav-menu:before {
    28    content: "\e602";
    29  }
    30  .w-icon-arrow-down:before,
    31  .w-icon-dropdown-toggle:before {
    32    content: "\e603";
    33  }
    34  .w-icon-file-upload-remove:before {
    35    content: "\e900";
    36  }
    37  .w-icon-file-upload-icon:before {
    38    content: "\e903";
    39  }
    40  * {
    41    -webkit-box-sizing: border-box;
    42    -moz-box-sizing: border-box;
    43    box-sizing: border-box;
    44  }
    45  html {
    46    height: 100%;
    47  }
    48  body {
    49    margin: 0;
    50    min-height: 100%;
    51    background-color: #fff;
    52    font-family: Arial, sans-serif;
    53    font-size: 14px;
    54    line-height: 20px;
    55    color: #333;
    56  }
    57  img {
    58    max-width: 100%;
    59    vertical-align: middle;
    60    display: inline-block;
    61  }
    62  html.w-mod-touch * {
    63    background-attachment: scroll !important;
    64  }
    65  .w-block {
    66    display: block;
    67  }
    68  .w-inline-block {
    69    max-width: 100%;
    70    display: inline-block;
    71  }
    72  .w-clearfix:before,
    73  .w-clearfix:after {
    74    content: " ";
    75    display: table;
    76    grid-column-start: 1;
    77    grid-row-start: 1;
    78    grid-column-end: 2;
    79    grid-row-end: 2;
    80  }
    81  .w-clearfix:after {
    82    clear: both;
    83  }
    84  .w-hidden {
    85    display: none;
    86  }
    87  .w-button {
    88    display: inline-block;
    89    padding: 9px 15px;
    90    background-color: #3898EC;
    91    color: white;
    92    border: 0;
    93    line-height: inherit;
    94    text-decoration: none;
    95    cursor: pointer;
    96    border-radius: 0;
    97  }
    98  input.w-button {
    99    -webkit-appearance: button;
   100  }
   101  html[data-w-dynpage] [data-w-cloak] {
   102    color: transparent !important;
   103  }
   104  .w-webflow-badge,
   105  .w-webflow-badge * {
   106    position: static;
   107    left: auto;
   108    top: auto;
   109    right: auto;
   110    bottom: auto;
   111    z-index: auto;
   112    display: block;
   113    visibility: visible;
   114    overflow: visible;
   115    overflow-x: visible;
   116    overflow-y: visible;
   117    box-sizing: border-box;
   118    width: auto;
   119    height: auto;
   120    max-height: none;
   121    max-width: none;
   122    min-height: 0;
   123    min-width: 0;
   124    margin: 0;
   125    padding: 0;
   126    float: none;
   127    clear: none;
   128    border: 0 none transparent;
   129    border-radius: 0;
   130    background: none;
   131    background-image: none;
   132    background-position: 0% 0%;
   133    background-size: auto auto;
   134    background-repeat: repeat;
   135    background-origin: padding-box;
   136    background-clip: border-box;
   137    background-attachment: scroll;
   138    background-color: transparent;
   139    box-shadow: none;
   140    opacity: 1.0;
   141    transform: none;
   142    transition: none;
   143    direction: ltr;
   144    font-family: inherit;
   145    font-weight: inherit;
   146    color: inherit;
   147    font-size: inherit;
   148    line-height: inherit;
   149    font-style: inherit;
   150    font-variant: inherit;
   151    text-align: inherit;
   152    letter-spacing: inherit;
   153    text-decoration: inherit;
   154    text-indent: 0;
   155    text-transform: inherit;
   156    list-style-type: disc;
   157    text-shadow: none;
   158    font-smoothing: auto;
   159    vertical-align: baseline;
   160    cursor: inherit;
   161    white-space: inherit;
   162    word-break: normal;
   163    word-spacing: normal;
   164    word-wrap: normal;
   165  }
   166  .w-webflow-badge {
   167    position: fixed !important;
   168    display: inline-block !important;
   169    visibility: visible !important;
   170    opacity: 1 !important;
   171    z-index: 2147483647 !important;
   172    top: auto !important;
   173    right: 12px !important;
   174    bottom: 12px !important;
   175    left: auto !important;
   176    color: #AAADB0 !important;
   177    background-color: #fff !important;
   178    border-radius: 3px !important;
   179    padding: 6px 8px 6px 6px !important;
   180    font-size: 12px !important;
   181    opacity: 1.0 !important;
   182    line-height: 14px !important;
   183    text-decoration: none !important;
   184    transform: none !important;
   185    margin: 0 !important;
   186    width: auto !important;
   187    height: auto !important;
   188    overflow: visible !important;
   189    white-space: nowrap;
   190    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.1);
   191    cursor: pointer;
   192  }
   193  .w-webflow-badge > img {
   194    display: inline-block !important;
   195    visibility: visible !important;
   196    opacity: 1 !important;
   197    vertical-align: middle !important;
   198  }
   199  h1,
   200  h2,
   201  h3,
   202  h4,
   203  h5,
   204  h6 {
   205    font-weight: bold;
   206    margin-bottom: 10px;
   207  }
   208  h1 {
   209    font-size: 38px;
   210    line-height: 44px;
   211    margin-top: 20px;
   212  }
   213  h2 {
   214    font-size: 32px;
   215    line-height: 36px;
   216    margin-top: 20px;
   217  }
   218  h3 {
   219    font-size: 24px;
   220    line-height: 30px;
   221    margin-top: 20px;
   222  }
   223  h4 {
   224    font-size: 18px;
   225    line-height: 24px;
   226    margin-top: 10px;
   227  }
   228  h5 {
   229    font-size: 14px;
   230    line-height: 20px;
   231    margin-top: 10px;
   232  }
   233  h6 {
   234    font-size: 12px;
   235    line-height: 18px;
   236    margin-top: 10px;
   237  }
   238  p {
   239    margin-top: 0;
   240    margin-bottom: 10px;
   241  }
   242  blockquote {
   243    margin: 0 0 10px 0;
   244    padding: 10px 20px;
   245    border-left: 5px solid #E2E2E2;
   246    font-size: 18px;
   247    line-height: 22px;
   248  }
   249  figure {
   250    margin: 0;
   251    margin-bottom: 10px;
   252  }
   253  figcaption {
   254    margin-top: 5px;
   255    text-align: center;
   256  }
   257  ul,
   258  ol {
   259    margin-top: 0px;
   260    margin-bottom: 10px;
   261    padding-left: 40px;
   262  }
   263  .w-list-unstyled {
   264    padding-left: 0;
   265    list-style: none;
   266  }
   267  .w-embed:before,
   268  .w-embed:after {
   269    content: " ";
   270    display: table;
   271    grid-column-start: 1;
   272    grid-row-start: 1;
   273    grid-column-end: 2;
   274    grid-row-end: 2;
   275  }
   276  .w-embed:after {
   277    clear: both;
   278  }
   279  .w-video {
   280    width: 100%;
   281    position: relative;
   282    padding: 0;
   283  }
   284  .w-video iframe,
   285  .w-video object,
   286  .w-video embed {
   287    position: absolute;
   288    top: 0;
   289    left: 0;
   290    width: 100%;
   291    height: 100%;
   292  }
   293  fieldset {
   294    padding: 0;
   295    margin: 0;
   296    border: 0;
   297  }
   298  button,
   299  html input[type="button"],
   300  input[type="reset"] {
   301    border: 0;
   302    cursor: pointer;
   303    -webkit-appearance: button;
   304  }
   305  .w-form {
   306    margin: 0 0 15px;
   307  }
   308  .w-form-done {
   309    display: none;
   310    padding: 20px;
   311    text-align: center;
   312    background-color: #dddddd;
   313  }
   314  .w-form-fail {
   315    display: none;
   316    margin-top: 10px;
   317    padding: 10px;
   318    background-color: #ffdede;
   319  }
   320  label {
   321    display: block;
   322    margin-bottom: 5px;
   323    font-weight: bold;
   324  }
   325  .w-input,
   326  .w-select {
   327    display: block;
   328    width: 100%;
   329    height: 38px;
   330    padding: 8px 12px;
   331    margin-bottom: 10px;
   332    font-size: 14px;
   333    line-height: 1.428571429;
   334    color: #333333;
   335    vertical-align: middle;
   336    background-color: #ffffff;
   337    border: 1px solid #cccccc;
   338  }
   339  .w-input:-moz-placeholder,
   340  .w-select:-moz-placeholder {
   341    color: #999;
   342  }
   343  .w-input::-moz-placeholder,
   344  .w-select::-moz-placeholder {
   345    color: #999;
   346    opacity: 1;
   347  }
   348  .w-input:-ms-input-placeholder,
   349  .w-select:-ms-input-placeholder {
   350    color: #999;
   351  }
   352  .w-input::-webkit-input-placeholder,
   353  .w-select::-webkit-input-placeholder {
   354    color: #999;
   355  }
   356  .w-input:focus,
   357  .w-select:focus {
   358    border-color: #3898EC;
   359    outline: 0;
   360  }
   361  .w-input[disabled],
   362  .w-select[disabled],
   363  .w-input[readonly],
   364  .w-select[readonly],
   365  fieldset[disabled] .w-input,
   366  fieldset[disabled] .w-select {
   367    cursor: not-allowed;
   368    background-color: #eeeeee;
   369  }
   370  textarea.w-input,
   371  textarea.w-select {
   372    height: auto;
   373  }
   374  .w-select {
   375    background-image: -webkit-linear-gradient(white 0%, #f3f3f3 100%);
   376    background-image: linear-gradient(white 0%, #f3f3f3 100%);
   377  }
   378  .w-select[multiple] {
   379    height: auto;
   380  }
   381  .w-form-label {
   382    display: inline-block;
   383    cursor: pointer;
   384    font-weight: normal;
   385    margin-bottom: 0px;
   386  }
   387  .w-checkbox,
   388  .w-radio {
   389    display: block;
   390    margin-bottom: 5px;
   391    padding-left: 20px;
   392  }
   393  .w-checkbox:before,
   394  .w-radio:before,
   395  .w-checkbox:after,
   396  .w-radio:after {
   397    content: " ";
   398    display: table;
   399    grid-column-start: 1;
   400    grid-row-start: 1;
   401    grid-column-end: 2;
   402    grid-row-end: 2;
   403  }
   404  .w-checkbox:after,
   405  .w-radio:after {
   406    clear: both;
   407  }
   408  .w-checkbox-input,
   409  .w-radio-input {
   410    margin: 4px 0 0;
   411    margin-top: 1px \9;
   412    line-height: normal;
   413    float: left;
   414    margin-left: -20px;
   415  }
   416  .w-radio-input {
   417    margin-top: 3px;
   418  }
   419  .w-file-upload {
   420    display: block;
   421    margin-bottom: 10px;
   422  }
   423  .w-file-upload-input {
   424    width: 0.1px;
   425    height: 0.1px;
   426    opacity: 0;
   427    overflow: hidden;
   428    position: absolute;
   429    z-index: -100;
   430  }
   431  .w-file-upload-default,
   432  .w-file-upload-uploading,
   433  .w-file-upload-success {
   434    display: inline-block;
   435    color: #333333;
   436  }
   437  .w-file-upload-error {
   438    display: block;
   439    margin-top: 10px;
   440  }
   441  .w-file-upload-default.w-hidden,
   442  .w-file-upload-uploading.w-hidden,
   443  .w-file-upload-error.w-hidden,
   444  .w-file-upload-success.w-hidden {
   445    display: none;
   446  }
   447  .w-file-upload-uploading-btn {
   448    display: flex;
   449    font-size: 14px;
   450    font-weight: normal;
   451    cursor: pointer;
   452    margin: 0;
   453    padding: 8px 12px;
   454    border: 1px solid #cccccc;
   455    background-color: #fafafa;
   456  }
   457  .w-file-upload-file {
   458    display: flex;
   459    flex-grow: 1;
   460    justify-content: space-between;
   461    margin: 0;
   462    padding: 8px 9px 8px 11px;
   463    border: 1px solid #cccccc;
   464    background-color: #fafafa;
   465  }
   466  .w-file-upload-file-name {
   467    font-size: 14px;
   468    font-weight: normal;
   469    display: block;
   470  }
   471  .w-file-remove-link {
   472    margin-top: 3px;
   473    margin-left: 10px;
   474    width: auto;
   475    height: auto;
   476    padding: 3px;
   477    display: block;
   478    cursor: pointer;
   479  }
   480  .w-icon-file-upload-remove {
   481    margin: auto;
   482    font-size: 10px;
   483  }
   484  .w-file-upload-error-msg {
   485    display: inline-block;
   486    color: #ea384c;
   487    padding: 2px 0;
   488  }
   489  .w-file-upload-info {
   490    display: inline-block;
   491    line-height: 38px;
   492    padding: 0 12px;
   493  }
   494  .w-file-upload-label {
   495    display: inline-block;
   496    font-size: 14px;
   497    font-weight: normal;
   498    cursor: pointer;
   499    margin: 0;
   500    padding: 8px 12px;
   501    border: 1px solid #cccccc;
   502    background-color: #fafafa;
   503  }
   504  .w-icon-file-upload-icon,
   505  .w-icon-file-upload-uploading {
   506    display: inline-block;
   507    margin-right: 8px;
   508    width: 20px;
   509  }
   510  .w-icon-file-upload-uploading {
   511    height: 20px;
   512  }
   513  .w-container {
   514    margin-left: auto;
   515    margin-right: auto;
   516    max-width: 940px;
   517  }
   518  .w-container:before,
   519  .w-container:after {
   520    content: " ";
   521    display: table;
   522    grid-column-start: 1;
   523    grid-row-start: 1;
   524    grid-column-end: 2;
   525    grid-row-end: 2;
   526  }
   527  .w-container:after {
   528    clear: both;
   529  }
   530  .w-container .w-row {
   531    margin-left: -10px;
   532    margin-right: -10px;
   533  }
   534  .w-row:before,
   535  .w-row:after {
   536    content: " ";
   537    display: table;
   538    grid-column-start: 1;
   539    grid-row-start: 1;
   540    grid-column-end: 2;
   541    grid-row-end: 2;
   542  }
   543  .w-row:after {
   544    clear: both;
   545  }
   546  .w-row .w-row {
   547    margin-left: 0;
   548    margin-right: 0;
   549  }
   550  .w-col {
   551    position: relative;
   552    float: left;
   553    width: 100%;
   554    min-height: 1px;
   555    padding-left: 10px;
   556    padding-right: 10px;
   557  }
   558  .w-col .w-col {
   559    padding-left: 0;
   560    padding-right: 0;
   561  }
   562  .w-col-1 {
   563    width: 8.33333333%;
   564  }
   565  .w-col-2 {
   566    width: 16.66666667%;
   567  }
   568  .w-col-3 {
   569    width: 25%;
   570  }
   571  .w-col-4 {
   572    width: 33.33333333%;
   573  }
   574  .w-col-5 {
   575    width: 41.66666667%;
   576  }
   577  .w-col-6 {
   578    width: 50%;
   579  }
   580  .w-col-7 {
   581    width: 58.33333333%;
   582  }
   583  .w-col-8 {
   584    width: 66.66666667%;
   585  }
   586  .w-col-9 {
   587    width: 75%;
   588  }
   589  .w-col-10 {
   590    width: 83.33333333%;
   591  }
   592  .w-col-11 {
   593    width: 91.66666667%;
   594  }
   595  .w-col-12 {
   596    width: 100%;
   597  }
   598  .w-hidden-main {
   599    display: none !important;
   600  }
   601  @media screen and (max-width: 991px) {
   602    .w-container {
   603      max-width: 728px;
   604    }
   605    .w-hidden-main {
   606      display: inherit !important;
   607    }
   608    .w-hidden-medium {
   609      display: none !important;
   610    }
   611    .w-col-medium-1 {
   612      width: 8.33333333%;
   613    }
   614    .w-col-medium-2 {
   615      width: 16.66666667%;
   616    }
   617    .w-col-medium-3 {
   618      width: 25%;
   619    }
   620    .w-col-medium-4 {
   621      width: 33.33333333%;
   622    }
   623    .w-col-medium-5 {
   624      width: 41.66666667%;
   625    }
   626    .w-col-medium-6 {
   627      width: 50%;
   628    }
   629    .w-col-medium-7 {
   630      width: 58.33333333%;
   631    }
   632    .w-col-medium-8 {
   633      width: 66.66666667%;
   634    }
   635    .w-col-medium-9 {
   636      width: 75%;
   637    }
   638    .w-col-medium-10 {
   639      width: 83.33333333%;
   640    }
   641    .w-col-medium-11 {
   642      width: 91.66666667%;
   643    }
   644    .w-col-medium-12 {
   645      width: 100%;
   646    }
   647    .w-col-stack {
   648      width: 100%;
   649      left: auto;
   650      right: auto;
   651    }
   652  }
   653  @media screen and (max-width: 767px) {
   654    .w-hidden-main {
   655      display: inherit !important;
   656    }
   657    .w-hidden-medium {
   658      display: inherit !important;
   659    }
   660    .w-hidden-small {
   661      display: none !important;
   662    }
   663    .w-row,
   664    .w-container .w-row {
   665      margin-left: 0;
   666      margin-right: 0;
   667    }
   668    .w-col {
   669      width: 100%;
   670      left: auto;
   671      right: auto;
   672    }
   673    .w-col-small-1 {
   674      width: 8.33333333%;
   675    }
   676    .w-col-small-2 {
   677      width: 16.66666667%;
   678    }
   679    .w-col-small-3 {
   680      width: 25%;
   681    }
   682    .w-col-small-4 {
   683      width: 33.33333333%;
   684    }
   685    .w-col-small-5 {
   686      width: 41.66666667%;
   687    }
   688    .w-col-small-6 {
   689      width: 50%;
   690    }
   691    .w-col-small-7 {
   692      width: 58.33333333%;
   693    }
   694    .w-col-small-8 {
   695      width: 66.66666667%;
   696    }
   697    .w-col-small-9 {
   698      width: 75%;
   699    }
   700    .w-col-small-10 {
   701      width: 83.33333333%;
   702    }
   703    .w-col-small-11 {
   704      width: 91.66666667%;
   705    }
   706    .w-col-small-12 {
   707      width: 100%;
   708    }
   709  }
   710  @media screen and (max-width: 479px) {
   711    .w-container {
   712      max-width: none;
   713    }
   714    .w-hidden-main {
   715      display: inherit !important;
   716    }
   717    .w-hidden-medium {
   718      display: inherit !important;
   719    }
   720    .w-hidden-small {
   721      display: inherit !important;
   722    }
   723    .w-hidden-tiny {
   724      display: none !important;
   725    }
   726    .w-col {
   727      width: 100%;
   728    }
   729    .w-col-tiny-1 {
   730      width: 8.33333333%;
   731    }
   732    .w-col-tiny-2 {
   733      width: 16.66666667%;
   734    }
   735    .w-col-tiny-3 {
   736      width: 25%;
   737    }
   738    .w-col-tiny-4 {
   739      width: 33.33333333%;
   740    }
   741    .w-col-tiny-5 {
   742      width: 41.66666667%;
   743    }
   744    .w-col-tiny-6 {
   745      width: 50%;
   746    }
   747    .w-col-tiny-7 {
   748      width: 58.33333333%;
   749    }
   750    .w-col-tiny-8 {
   751      width: 66.66666667%;
   752    }
   753    .w-col-tiny-9 {
   754      width: 75%;
   755    }
   756    .w-col-tiny-10 {
   757      width: 83.33333333%;
   758    }
   759    .w-col-tiny-11 {
   760      width: 91.66666667%;
   761    }
   762    .w-col-tiny-12 {
   763      width: 100%;
   764    }
   765  }
   766  .w-widget {
   767    position: relative;
   768  }
   769  .w-widget-map {
   770    width: 100%;
   771    height: 400px;
   772  }
   773  .w-widget-map label {
   774    width: auto;
   775    display: inline;
   776  }
   777  .w-widget-map img {
   778    max-width: inherit;
   779  }
   780  .w-widget-map .gm-style-iw {
   781    text-align: center;
   782  }
   783  .w-widget-map .gm-style-iw > button {
   784    display: none !important;
   785  }
   786  .w-widget-twitter {
   787    overflow: hidden;
   788  }
   789  .w-widget-twitter-count-shim {
   790    display: inline-block;
   791    vertical-align: top;
   792    position: relative;
   793    width: 28px;
   794    height: 20px;
   795    text-align: center;
   796    background: white;
   797    border: #758696 solid 1px;
   798    border-radius: 3px;
   799  }
   800  .w-widget-twitter-count-shim * {
   801    pointer-events: none;
   802    -webkit-user-select: none;
   803    -moz-user-select: none;
   804    -ms-user-select: none;
   805    user-select: none;
   806  }
   807  .w-widget-twitter-count-shim .w-widget-twitter-count-inner {
   808    position: relative;
   809    font-size: 15px;
   810    line-height: 12px;
   811    text-align: center;
   812    color: #999;
   813    font-family: serif;
   814  }
   815  .w-widget-twitter-count-shim .w-widget-twitter-count-clear {
   816    position: relative;
   817    display: block;
   818  }
   819  .w-widget-twitter-count-shim.w--large {
   820    width: 36px;
   821    height: 28px;
   822    margin-left: 7px;
   823  }
   824  .w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
   825    font-size: 18px;
   826    line-height: 18px;
   827  }
   828  .w-widget-twitter-count-shim:not(.w--vertical) {
   829    margin-left: 5px;
   830    margin-right: 8px;
   831  }
   832  .w-widget-twitter-count-shim:not(.w--vertical).w--large {
   833    margin-left: 6px;
   834  }
   835  .w-widget-twitter-count-shim:not(.w--vertical):before,
   836  .w-widget-twitter-count-shim:not(.w--vertical):after {
   837    top: 50%;
   838    left: 0;
   839    border: solid transparent;
   840    content: " ";
   841    height: 0;
   842    width: 0;
   843    position: absolute;
   844    pointer-events: none;
   845  }
   846  .w-widget-twitter-count-shim:not(.w--vertical):before {
   847    border-color: rgba(117, 134, 150, 0);
   848    border-right-color: #5d6c7b;
   849    border-width: 4px;
   850    margin-left: -9px;
   851    margin-top: -4px;
   852  }
   853  .w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
   854    border-width: 5px;
   855    margin-left: -10px;
   856    margin-top: -5px;
   857  }
   858  .w-widget-twitter-count-shim:not(.w--vertical):after {
   859    border-color: rgba(255, 255, 255, 0);
   860    border-right-color: white;
   861    border-width: 4px;
   862    margin-left: -8px;
   863    margin-top: -4px;
   864  }
   865  .w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
   866    border-width: 5px;
   867    margin-left: -9px;
   868    margin-top: -5px;
   869  }
   870  .w-widget-twitter-count-shim.w--vertical {
   871    width: 61px;
   872    height: 33px;
   873    margin-bottom: 8px;
   874  }
   875  .w-widget-twitter-count-shim.w--vertical:before,
   876  .w-widget-twitter-count-shim.w--vertical:after {
   877    top: 100%;
   878    left: 50%;
   879    border: solid transparent;
   880    content: " ";
   881    height: 0;
   882    width: 0;
   883    position: absolute;
   884    pointer-events: none;
   885  }
   886  .w-widget-twitter-count-shim.w--vertical:before {
   887    border-color: rgba(117, 134, 150, 0);
   888    border-top-color: #5d6c7b;
   889    border-width: 5px;
   890    margin-left: -5px;
   891  }
   892  .w-widget-twitter-count-shim.w--vertical:after {
   893    border-color: rgba(255, 255, 255, 0);
   894    border-top-color: white;
   895    border-width: 4px;
   896    margin-left: -4px;
   897  }
   898  .w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
   899    font-size: 18px;
   900    line-height: 22px;
   901  }
   902  .w-widget-twitter-count-shim.w--vertical.w--large {
   903    width: 76px;
   904  }
   905  .w-widget-gplus {
   906    overflow: hidden;
   907  }
   908  .w-background-video {
   909    position: relative;
   910    overflow: hidden;
   911    height: 500px;
   912    color: white;
   913  }
   914  .w-background-video > video {
   915    background-size: cover;
   916    background-position: 50% 50%;
   917    position: absolute;
   918    right: -100%;
   919    bottom: -100%;
   920    top: -100%;
   921    left: -100%;
   922    margin: auto;
   923    min-width: 100%;
   924    min-height: 100%;
   925    z-index: -100;
   926  }
   927  .w-background-video > video::-webkit-media-controls-start-playback-button {
   928    display: none !important;
   929    -webkit-appearance: none;
   930  }
   931  .w-slider {
   932    position: relative;
   933    height: 300px;
   934    text-align: center;
   935    background: #dddddd;
   936    clear: both;
   937    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   938    tap-highlight-color: rgba(0, 0, 0, 0);
   939  }
   940  .w-slider-mask {
   941    position: relative;
   942    display: block;
   943    overflow: hidden;
   944    z-index: 1;
   945    left: 0;
   946    right: 0;
   947    height: 100%;
   948    white-space: nowrap;
   949  }
   950  .w-slide {
   951    position: relative;
   952    display: inline-block;
   953    vertical-align: top;
   954    width: 100%;
   955    height: 100%;
   956    white-space: normal;
   957    text-align: left;
   958  }
   959  .w-slider-nav {
   960    position: absolute;
   961    z-index: 2;
   962    top: auto;
   963    right: 0;
   964    bottom: 0;
   965    left: 0;
   966    margin: auto;
   967    padding-top: 10px;
   968    height: 40px;
   969    text-align: center;
   970    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   971    tap-highlight-color: rgba(0, 0, 0, 0);
   972  }
   973  .w-slider-nav.w-round > div {
   974    border-radius: 100%;
   975  }
   976  .w-slider-nav.w-num > div {
   977    width: auto;
   978    height: auto;
   979    padding: 0.2em 0.5em;
   980    font-size: inherit;
   981    line-height: inherit;
   982  }
   983  .w-slider-nav.w-shadow > div {
   984    box-shadow: 0 0 3px rgba(51, 51, 51, 0.4);
   985  }
   986  .w-slider-nav-invert {
   987    color: #fff;
   988  }
   989  .w-slider-nav-invert > div {
   990    background-color: rgba(34, 34, 34, 0.4);
   991  }
   992  .w-slider-nav-invert > div.w-active {
   993    background-color: #222;
   994  }
   995  .w-slider-dot {
   996    position: relative;
   997    display: inline-block;
   998    width: 1em;
   999    height: 1em;
  1000    background-color: rgba(255, 255, 255, 0.4);
  1001    cursor: pointer;
  1002    margin: 0 3px 0.5em;
  1003    transition: background-color 100ms, color 100ms;
  1004  }
  1005  .w-slider-dot.w-active {
  1006    background-color: #fff;
  1007  }
  1008  .w-slider-arrow-left,
  1009  .w-slider-arrow-right {
  1010    position: absolute;
  1011    width: 80px;
  1012    top: 0;
  1013    right: 0;
  1014    bottom: 0;
  1015    left: 0;
  1016    margin: auto;
  1017    cursor: pointer;
  1018    overflow: hidden;
  1019    color: white;
  1020    font-size: 40px;
  1021    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  1022    tap-highlight-color: rgba(0, 0, 0, 0);
  1023    -webkit-user-select: none;
  1024    -moz-user-select: none;
  1025    -ms-user-select: none;
  1026    user-select: none;
  1027  }
  1028  .w-slider-arrow-left [class^="w-icon-"],
  1029  .w-slider-arrow-right [class^="w-icon-"],
  1030  .w-slider-arrow-left [class*=" w-icon-"],
  1031  .w-slider-arrow-right [class*=" w-icon-"] {
  1032    position: absolute;
  1033  }
  1034  .w-slider-arrow-left {
  1035    z-index: 3;
  1036    right: auto;
  1037  }
  1038  .w-slider-arrow-right {
  1039    z-index: 4;
  1040    left: auto;
  1041  }
  1042  .w-icon-slider-left,
  1043  .w-icon-slider-right {
  1044    top: 0;
  1045    right: 0;
  1046    bottom: 0;
  1047    left: 0;
  1048    margin: auto;
  1049    width: 1em;
  1050    height: 1em;
  1051  }
  1052  .w-dropdown {
  1053    display: inline-block;
  1054    position: relative;
  1055    text-align: left;
  1056    margin-left: auto;
  1057    margin-right: auto;
  1058    z-index: 900;
  1059  }
  1060  .w-dropdown-btn,
  1061  .w-dropdown-toggle,
  1062  .w-dropdown-link {
  1063    position: relative;
  1064    vertical-align: top;
  1065    text-decoration: none;
  1066    color: #222222;
  1067    padding: 20px;
  1068    text-align: left;
  1069    margin-left: auto;
  1070    margin-right: auto;
  1071    white-space: nowrap;
  1072  }
  1073  .w-dropdown-toggle {
  1074    -webkit-user-select: none;
  1075    -moz-user-select: none;
  1076    -ms-user-select: none;
  1077    user-select: none;
  1078    display: inline-block;
  1079    cursor: pointer;
  1080    padding-right: 40px;
  1081  }
  1082  .w-icon-dropdown-toggle {
  1083    position: absolute;
  1084    top: 0;
  1085    right: 0;
  1086    bottom: 0;
  1087    margin: auto;
  1088    margin-right: 20px;
  1089    width: 1em;
  1090    height: 1em;
  1091  }
  1092  .w-dropdown-list {
  1093    position: absolute;
  1094    background: #dddddd;
  1095    display: none;
  1096    min-width: 100%;
  1097  }
  1098  .w-dropdown-list.w--open {
  1099    display: block;
  1100  }
  1101  .w-dropdown-link {
  1102    padding: 10px 20px;
  1103    display: block;
  1104    color: #222222;
  1105  }
  1106  .w-dropdown-link.w--current {
  1107    color: #0082f3;
  1108  }
  1109  .w-nav[data-collapse="all"] .w-dropdown,
  1110  .w-nav[data-collapse="all"] .w-dropdown-toggle {
  1111    display: block;
  1112  }
  1113  .w-nav[data-collapse="all"] .w-dropdown-list {
  1114    position: static;
  1115  }
  1116  @media screen and (max-width: 991px) {
  1117    .w-nav[data-collapse="medium"] .w-dropdown,
  1118    .w-nav[data-collapse="medium"] .w-dropdown-toggle {
  1119      display: block;
  1120    }
  1121    .w-nav[data-collapse="medium"] .w-dropdown-list {
  1122      position: static;
  1123    }
  1124  }
  1125  @media screen and (max-width: 767px) {
  1126    .w-nav[data-collapse="small"] .w-dropdown,
  1127    .w-nav[data-collapse="small"] .w-dropdown-toggle {
  1128      display: block;
  1129    }
  1130    .w-nav[data-collapse="small"] .w-dropdown-list {
  1131      position: static;
  1132    }
  1133    .w-nav-brand {
  1134      padding-left: 10px;
  1135    }
  1136  }
  1137  @media screen and (max-width: 479px) {
  1138    .w-nav[data-collapse="tiny"] .w-dropdown,
  1139    .w-nav[data-collapse="tiny"] .w-dropdown-toggle {
  1140      display: block;
  1141    }
  1142    .w-nav[data-collapse="tiny"] .w-dropdown-list {
  1143      position: static;
  1144    }
  1145  }
  1146  /**
  1147   * ## Note
  1148   * Safari (on both iOS and OS X) does not handle viewport units (vh, vw) well.
  1149   * For example percentage units do not work on descendants of elements that
  1150   * have any dimensions expressed in viewport units. It also doesn’t handle them at
  1151   * all in `calc()`.
  1152   */
  1153  /**
  1154   * Wrapper around all lightbox elements
  1155   *
  1156   * 1. Since the lightbox can receive focus, IE also gives it an outline.
  1157   * 2. Fixes flickering on Chrome when a transition is in progress
  1158   *    underneath the lightbox.
  1159   */
  1160  .w-lightbox-backdrop {
  1161    color: #000;
  1162    cursor: auto;
  1163    font-family: serif;
  1164    font-size: medium;
  1165    font-style: normal;
  1166    font-variant: normal;
  1167    font-weight: normal;
  1168    letter-spacing: normal;
  1169    line-height: normal;
  1170    list-style: disc;
  1171    text-align: start;
  1172    text-indent: 0;
  1173    text-shadow: none;
  1174    text-transform: none;
  1175    visibility: visible;
  1176    white-space: normal;
  1177    word-break: normal;
  1178    word-spacing: normal;
  1179    word-wrap: normal;
  1180    position: fixed;
  1181    top: 0;
  1182    right: 0;
  1183    bottom: 0;
  1184    left: 0;
  1185    color: #fff;
  1186    font-family: "Helvetica Neue", Helvetica, Ubuntu, "Segoe UI", Verdana, sans-serif;
  1187    font-size: 17px;
  1188    line-height: 1.2;
  1189    font-weight: 300;
  1190    text-align: center;
  1191    background: rgba(0, 0, 0, 0.9);
  1192    z-index: 2000;
  1193    outline: 0;
  1194    /* 1 */
  1195    opacity: 0;
  1196    -webkit-user-select: none;
  1197    -moz-user-select: none;
  1198    -ms-user-select: none;
  1199    -webkit-tap-highlight-color: transparent;
  1200    -webkit-transform: translate(0, 0);
  1201    /* 2 */
  1202  }
  1203  /**
  1204   * Neat trick to bind the rubberband effect to our canvas instead of the whole
  1205   * document on iOS. It also prevents a bug that causes the document underneath to scroll.
  1206   */
  1207  .w-lightbox-backdrop,
  1208  .w-lightbox-container {
  1209    height: 100%;
  1210    overflow: auto;
  1211    -webkit-overflow-scrolling: touch;
  1212  }
  1213  .w-lightbox-content {
  1214    position: relative;
  1215    height: 100vh;
  1216    overflow: hidden;
  1217  }
  1218  .w-lightbox-view {
  1219    position: absolute;
  1220    width: 100vw;
  1221    height: 100vh;
  1222    opacity: 0;
  1223  }
  1224  .w-lightbox-view:before {
  1225    content: "";
  1226    height: 100vh;
  1227  }
  1228  /* .w-lightbox-content */
  1229  .w-lightbox-group,
  1230  .w-lightbox-group .w-lightbox-view,
  1231  .w-lightbox-group .w-lightbox-view:before {
  1232    height: 86vh;
  1233  }
  1234  .w-lightbox-frame,
  1235  .w-lightbox-view:before {
  1236    display: inline-block;
  1237    vertical-align: middle;
  1238  }
  1239  /*
  1240   * 1. Remove default margin set by user-agent on the <figure> element.
  1241   */
  1242  .w-lightbox-figure {
  1243    position: relative;
  1244    margin: 0;
  1245    /* 1 */
  1246  }
  1247  .w-lightbox-group .w-lightbox-figure {
  1248    cursor: pointer;
  1249  }
  1250  /**
  1251   * IE adds image dimensions as width and height attributes on the IMG tag,
  1252   * but we need both width and height to be set to auto to enable scaling.
  1253   */
  1254  .w-lightbox-img {
  1255    width: auto;
  1256    height: auto;
  1257    max-width: none;
  1258  }
  1259  /**
  1260   * 1. Reset if style is set by user on "All Images"
  1261   */
  1262  .w-lightbox-image {
  1263    display: block;
  1264    float: none;
  1265    /* 1 */
  1266    max-width: 100vw;
  1267    max-height: 100vh;
  1268  }
  1269  .w-lightbox-group .w-lightbox-image {
  1270    max-height: 86vh;
  1271  }
  1272  .w-lightbox-caption {
  1273    position: absolute;
  1274    right: 0;
  1275    bottom: 0;
  1276    left: 0;
  1277    padding: .5em 1em;
  1278    background: rgba(0, 0, 0, 0.4);
  1279    text-align: left;
  1280    text-overflow: ellipsis;
  1281    white-space: nowrap;
  1282    overflow: hidden;
  1283  }
  1284  .w-lightbox-embed {
  1285    position: absolute;
  1286    top: 0;
  1287    right: 0;
  1288    bottom: 0;
  1289    left: 0;
  1290    width: 100%;
  1291    height: 100%;
  1292  }
  1293  .w-lightbox-control {
  1294    position: absolute;
  1295    top: 0;
  1296    width: 4em;
  1297    background-size: 24px;
  1298    background-repeat: no-repeat;
  1299    background-position: center;
  1300    cursor: pointer;
  1301    -webkit-transition: all .3s;
  1302    transition: all .3s;
  1303  }
  1304  .w-lightbox-left {
  1305    display: none;
  1306    bottom: 0;
  1307    left: 0;
  1308    /* <svg xmlns="http://www.w3.org/2000/svg" viewBox="-20 0 24 40" width="24" height="40"><g transform="rotate(45)"><path d="m0 0h5v23h23v5h-28z" opacity=".4"/><path d="m1 1h3v23h23v3h-26z" fill="#fff"/></g></svg> */
  1309    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
  1310  }
  1311  .w-lightbox-right {
  1312    display: none;
  1313    right: 0;
  1314    bottom: 0;
  1315    /* <svg xmlns="http://www.w3.org/2000/svg" viewBox="-4 0 24 40" width="24" height="40"><g transform="rotate(45)"><path d="m0-0h28v28h-5v-23h-23z" opacity=".4"/><path d="m1 1h26v26h-3v-23h-23z" fill="#fff"/></g></svg> */
  1316    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
  1317  }
  1318  /*
  1319   * Without specifying the with and height inside the SVG, all versions of IE render the icon too small.
  1320   * The bug does not seem to manifest itself if the elements are tall enough such as the above arrows.
  1321   * (http://stackoverflow.com/questions/16092114/background-size-differs-in-internet-explorer)
  1322   */
  1323  .w-lightbox-close {
  1324    right: 0;
  1325    height: 2.6em;
  1326    /* <svg xmlns="http://www.w3.org/2000/svg" viewBox="-4 0 18 17" width="18" height="17"><g transform="rotate(45)"><path d="m0 0h7v-7h5v7h7v5h-7v7h-5v-7h-7z" opacity=".4"/><path d="m1 1h7v-7h3v7h7v3h-7v7h-3v-7h-7z" fill="#fff"/></g></svg> */
  1327    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
  1328    background-size: 18px;
  1329  }
  1330  /**
  1331   * 1. All IE versions add extra space at the bottom without this.
  1332   */
  1333  .w-lightbox-strip {
  1334    position: absolute;
  1335    bottom: 0;
  1336    left: 0;
  1337    right: 0;
  1338    padding: 0 1vh;
  1339    line-height: 0;
  1340    /* 1 */
  1341    white-space: nowrap;
  1342    overflow-x: auto;
  1343    overflow-y: hidden;
  1344  }
  1345  /*
  1346   * 1. We use content-box to avoid having to do `width: calc(10vh + 2vw)`
  1347   *    which doesn’t work in Safari anyway.
  1348   * 2. Chrome renders images pixelated when switching to GPU. Making sure
  1349   *    the parent is also rendered on the GPU (by setting translate3d for
  1350   *    example) fixes this behavior.
  1351   */
  1352  .w-lightbox-item {
  1353    display: inline-block;
  1354    width: 10vh;
  1355    padding: 2vh 1vh;
  1356    box-sizing: content-box;
  1357    /* 1 */
  1358    cursor: pointer;
  1359    -webkit-transform: translate3d(0, 0, 0);
  1360    /* 2 */
  1361  }
  1362  .w-lightbox-active {
  1363    opacity: .3;
  1364  }
  1365  .w-lightbox-thumbnail {
  1366    position: relative;
  1367    height: 10vh;
  1368    background: #222;
  1369    overflow: hidden;
  1370  }
  1371  .w-lightbox-thumbnail-image {
  1372    position: absolute;
  1373    top: 0;
  1374    left: 0;
  1375  }
  1376  .w-lightbox-thumbnail .w-lightbox-tall {
  1377    top: 50%;
  1378    width: 100%;
  1379    -webkit-transform: translate(0, -50%);
  1380    -ms-transform: translate(0, -50%);
  1381    transform: translate(0, -50%);
  1382  }
  1383  .w-lightbox-thumbnail .w-lightbox-wide {
  1384    left: 50%;
  1385    height: 100%;
  1386    -webkit-transform: translate(-50%, 0);
  1387    -ms-transform: translate(-50%, 0);
  1388    transform: translate(-50%, 0);
  1389  }
  1390  /*
  1391   * Spinner
  1392   *
  1393   * Absolute pixel values are used to avoid rounding errors that would cause
  1394   * the white spinning element to be misaligned with the track.
  1395   */
  1396  .w-lightbox-spinner {
  1397    position: absolute;
  1398    top: 50%;
  1399    left: 50%;
  1400    box-sizing: border-box;
  1401    width: 40px;
  1402    height: 40px;
  1403    margin-top: -20px;
  1404    margin-left: -20px;
  1405    border: 5px solid rgba(0, 0, 0, 0.4);
  1406    border-radius: 50%;
  1407    -webkit-animation: spin .8s infinite linear;
  1408    animation: spin .8s infinite linear;
  1409  }
  1410  .w-lightbox-spinner:after {
  1411    content: "";
  1412    position: absolute;
  1413    top: -4px;
  1414    right: -4px;
  1415    bottom: -4px;
  1416    left: -4px;
  1417    border: 3px solid transparent;
  1418    border-bottom-color: #fff;
  1419    border-radius: 50%;
  1420  }
  1421  /*
  1422   * Utility classes
  1423   */
  1424  .w-lightbox-hide {
  1425    display: none;
  1426  }
  1427  .w-lightbox-noscroll {
  1428    overflow: hidden;
  1429  }
  1430  @media (min-width: 768px) {
  1431    .w-lightbox-content {
  1432      height: 96vh;
  1433      margin-top: 2vh;
  1434    }
  1435    .w-lightbox-view,
  1436    .w-lightbox-view:before {
  1437      height: 96vh;
  1438    }
  1439    /* .w-lightbox-content */
  1440    .w-lightbox-group,
  1441    .w-lightbox-group .w-lightbox-view,
  1442    .w-lightbox-group .w-lightbox-view:before {
  1443      height: 84vh;
  1444    }
  1445    .w-lightbox-image {
  1446      max-width: 96vw;
  1447      max-height: 96vh;
  1448    }
  1449    .w-lightbox-group .w-lightbox-image {
  1450      max-width: 82.3vw;
  1451      max-height: 84vh;
  1452    }
  1453    .w-lightbox-left,
  1454    .w-lightbox-right {
  1455      display: block;
  1456      opacity: .5;
  1457    }
  1458    .w-lightbox-close {
  1459      opacity: .8;
  1460    }
  1461    .w-lightbox-control:hover {
  1462      opacity: 1;
  1463    }
  1464  }
  1465  .w-lightbox-inactive,
  1466  .w-lightbox-inactive:hover {
  1467    opacity: 0;
  1468  }
  1469  .w-richtext:before,
  1470  .w-richtext:after {
  1471    content: " ";
  1472    display: table;
  1473    grid-column-start: 1;
  1474    grid-row-start: 1;
  1475    grid-column-end: 2;
  1476    grid-row-end: 2;
  1477  }
  1478  .w-richtext:after {
  1479    clear: both;
  1480  }
  1481  .w-richtext[contenteditable="true"]:before,
  1482  .w-richtext[contenteditable="true"]:after {
  1483    white-space: initial;
  1484  }
  1485  .w-richtext ol,
  1486  .w-richtext ul {
  1487    overflow: hidden;
  1488  }
  1489  .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:before,
  1490  .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:before {
  1491    outline: 2px solid #2895f7;
  1492  }
  1493  .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div,
  1494  .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
  1495    outline: 2px solid #2895f7;
  1496  }
  1497  .w-richtext figure.w-richtext-figure-type-video > div:before,
  1498  .w-richtext figure[data-rt-type="video"] > div:before {
  1499    content: '';
  1500    position: absolute;
  1501    display: none;
  1502    left: 0;
  1503    top: 0;
  1504    right: 0;
  1505    bottom: 0;
  1506    z-index: 1;
  1507  }
  1508  .w-richtext figure {
  1509    position: relative;
  1510    max-width: 60%;
  1511  }
  1512  .w-richtext figure > div:before {
  1513    cursor: default!important;
  1514  }
  1515  .w-richtext figure img {
  1516    width: 100%;
  1517  }
  1518  .w-richtext figure figcaption.w-richtext-figcaption-placeholder {
  1519    opacity: 0.6;
  1520  }
  1521  .w-richtext figure div {
  1522    /* fix incorrectly sized selection border in the data manager */
  1523    font-size: 0px;
  1524    color: transparent;
  1525  }
  1526  .w-richtext figure.w-richtext-figure-type-image,
  1527  .w-richtext figure[data-rt-type="image"] {
  1528    display: table;
  1529  }
  1530  .w-richtext figure.w-richtext-figure-type-image > div,
  1531  .w-richtext figure[data-rt-type="image"] > div {
  1532    display: inline-block;
  1533  }
  1534  .w-richtext figure.w-richtext-figure-type-image > figcaption,
  1535  .w-richtext figure[data-rt-type="image"] > figcaption {
  1536    display: table-caption;
  1537    caption-side: bottom;
  1538  }
  1539  .w-richtext figure.w-richtext-figure-type-video,
  1540  .w-richtext figure[data-rt-type="video"] {
  1541    width: 60%;
  1542    height: 0;
  1543  }
  1544  .w-richtext figure.w-richtext-figure-type-video iframe,
  1545  .w-richtext figure[data-rt-type="video"] iframe {
  1546    position: absolute;
  1547    top: 0;
  1548    left: 0;
  1549    width: 100%;
  1550    height: 100%;
  1551  }
  1552  .w-richtext figure.w-richtext-figure-type-video > div,
  1553  .w-richtext figure[data-rt-type="video"] > div {
  1554    width: 100%;
  1555  }
  1556  .w-richtext figure.w-richtext-align-center {
  1557    margin-right: auto;
  1558    margin-left: auto;
  1559    clear: both;
  1560  }
  1561  .w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div,
  1562  .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
  1563    max-width: 100%;
  1564  }
  1565  .w-richtext figure.w-richtext-align-normal {
  1566    clear: both;
  1567  }
  1568  .w-richtext figure.w-richtext-align-fullwidth {
  1569    width: 100%;
  1570    max-width: 100%;
  1571    text-align: center;
  1572    clear: both;
  1573    display: block;
  1574    margin-right: auto;
  1575    margin-left: auto;
  1576  }
  1577  .w-richtext figure.w-richtext-align-fullwidth > div {
  1578    display: inline-block;
  1579    /* padding-bottom is used for aspect ratios in video figures
  1580        we want the div to inherit that so hover/selection borders in the designer-canvas
  1581        fit right*/
  1582    padding-bottom: inherit;
  1583  }
  1584  .w-richtext figure.w-richtext-align-fullwidth > figcaption {
  1585    display: block;
  1586  }
  1587  .w-richtext figure.w-richtext-align-floatleft {
  1588    float: left;
  1589    margin-right: 15px;
  1590    clear: none;
  1591  }
  1592  .w-richtext figure.w-richtext-align-floatright {
  1593    float: right;
  1594    margin-left: 15px;
  1595    clear: none;
  1596  }
  1597  .w-nav {
  1598    position: relative;
  1599    background: #dddddd;
  1600    z-index: 1000;
  1601  }
  1602  .w-nav:before,
  1603  .w-nav:after {
  1604    content: " ";
  1605    display: table;
  1606    grid-column-start: 1;
  1607    grid-row-start: 1;
  1608    grid-column-end: 2;
  1609    grid-row-end: 2;
  1610  }
  1611  .w-nav:after {
  1612    clear: both;
  1613  }
  1614  .w-nav-brand {
  1615    position: relative;
  1616    float: left;
  1617    text-decoration: none;
  1618    color: #333333;
  1619  }
  1620  .w-nav-link {
  1621    position: relative;
  1622    display: inline-block;
  1623    vertical-align: top;
  1624    text-decoration: none;
  1625    color: #222222;
  1626    padding: 20px;
  1627    text-align: left;
  1628    margin-left: auto;
  1629    margin-right: auto;
  1630  }
  1631  .w-nav-link.w--current {
  1632    color: #0082f3;
  1633  }
  1634  .w-nav-menu {
  1635    position: relative;
  1636    float: right;
  1637  }
  1638  .w--nav-menu-open {
  1639    display: block !important;
  1640    position: absolute;
  1641    top: 100%;
  1642    left: 0;
  1643    right: 0;
  1644    background: #C8C8C8;
  1645    text-align: center;
  1646    overflow: visible;
  1647    min-width: 200px;
  1648  }
  1649  .w--nav-link-open {
  1650    display: block;
  1651    position: relative;
  1652  }
  1653  .w-nav-overlay {
  1654    position: absolute;
  1655    overflow: hidden;
  1656    display: none;
  1657    top: 100%;
  1658    left: 0;
  1659    right: 0;
  1660    width: 100%;
  1661  }
  1662  .w-nav-overlay .w--nav-menu-open {
  1663    top: 0;
  1664  }
  1665  .w-nav[data-animation="over-left"] .w-nav-overlay {
  1666    width: auto;
  1667  }
  1668  .w-nav[data-animation="over-left"] .w-nav-overlay,
  1669  .w-nav[data-animation="over-left"] .w--nav-menu-open {
  1670    right: auto;
  1671    z-index: 1;
  1672    top: 0;
  1673  }
  1674  .w-nav[data-animation="over-right"] .w-nav-overlay {
  1675    width: auto;
  1676  }
  1677  .w-nav[data-animation="over-right"] .w-nav-overlay,
  1678  .w-nav[data-animation="over-right"] .w--nav-menu-open {
  1679    left: auto;
  1680    z-index: 1;
  1681    top: 0;
  1682  }
  1683  .w-nav-button {
  1684    position: relative;
  1685    float: right;
  1686    padding: 18px;
  1687    font-size: 24px;
  1688    display: none;
  1689    cursor: pointer;
  1690    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  1691    tap-highlight-color: rgba(0, 0, 0, 0);
  1692    -webkit-user-select: none;
  1693    -moz-user-select: none;
  1694    -ms-user-select: none;
  1695    user-select: none;
  1696  }
  1697  .w-nav-button.w--open {
  1698    background-color: #C8C8C8;
  1699    color: white;
  1700  }
  1701  .w-nav[data-collapse="all"] .w-nav-menu {
  1702    display: none;
  1703  }
  1704  .w-nav[data-collapse="all"] .w-nav-button {
  1705    display: block;
  1706  }
  1707  @media screen and (max-width: 991px) {
  1708    .w-nav[data-collapse="medium"] .w-nav-menu {
  1709      display: none;
  1710    }
  1711    .w-nav[data-collapse="medium"] .w-nav-button {
  1712      display: block;
  1713    }
  1714  }
  1715  @media screen and (max-width: 767px) {
  1716    .w-nav[data-collapse="small"] .w-nav-menu {
  1717      display: none;
  1718    }
  1719    .w-nav[data-collapse="small"] .w-nav-button {
  1720      display: block;
  1721    }
  1722    .w-nav-brand {
  1723      padding-left: 10px;
  1724    }
  1725  }
  1726  @media screen and (max-width: 479px) {
  1727    .w-nav[data-collapse="tiny"] .w-nav-menu {
  1728      display: none;
  1729    }
  1730    .w-nav[data-collapse="tiny"] .w-nav-button {
  1731      display: block;
  1732    }
  1733  }
  1734  .w-tabs {
  1735    position: relative;
  1736  }
  1737  .w-tabs:before,
  1738  .w-tabs:after {
  1739    content: " ";
  1740    display: table;
  1741    grid-column-start: 1;
  1742    grid-row-start: 1;
  1743    grid-column-end: 2;
  1744    grid-row-end: 2;
  1745  }
  1746  .w-tabs:after {
  1747    clear: both;
  1748  }
  1749  .w-tab-menu {
  1750    position: relative;
  1751  }
  1752  .w-tab-link {
  1753    position: relative;
  1754    display: inline-block;
  1755    vertical-align: top;
  1756    text-decoration: none;
  1757    padding: 9px 30px;
  1758    text-align: left;
  1759    cursor: pointer;
  1760    color: #222222;
  1761    background-color: #dddddd;
  1762  }
  1763  .w-tab-link.w--current {
  1764    background-color: #C8C8C8;
  1765  }
  1766  .w-tab-content {
  1767    position: relative;
  1768    display: block;
  1769    overflow: hidden;
  1770  }
  1771  .w-tab-pane {
  1772    position: relative;
  1773    display: none;
  1774  }
  1775  .w--tab-active {
  1776    display: block;
  1777  }
  1778  @media screen and (max-width: 479px) {
  1779    .w-tab-link {
  1780      display: block;
  1781    }
  1782  }
  1783  .w-ix-emptyfix:after {
  1784    content: "";
  1785  }
  1786  @keyframes spin {
  1787    0% {
  1788      transform: rotate(0deg);
  1789    }
  1790    100% {
  1791      transform: rotate(360deg);
  1792    }
  1793  }
  1794  .w-dyn-empty {
  1795    padding: 10px;
  1796    background-color: #dddddd;
  1797  }
  1798  .w-dyn-bind-empty {
  1799    display: none !important;
  1800  }
  1801  .w-condition-invisible {
  1802    display: none !important;
  1803  }