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

}

body {
  margin: 0;
}

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;
}

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

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

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.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: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

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

figure {
  margin: 1em 0.4rem;
}

hr {
  box-sizing: content-box;
  height: 0;
}

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;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

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-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td,
th {
  padding: 0;
}

* {
  box-sizing: border-box;
}

*:before,
*:after {
  box-sizing: border-box;
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 0.15rem;
  padding-right: 0.15rem;
}

.container:before, .container:after {
  content: " ";
  display: table;
}

.container:after {
  clear: both;
}





.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
}

.container-fluid:before, .container-fluid:after {
  content: " ";
  display: table;
}

.container-fluid:after {
  clear: both;
}

.row,
[class*=" row-col-"],
[class^="row-col-"] {}

.row:before, .row:after,
[class*=" row-col-"]:before,
[class*=" row-col-"]:after,
[class^="row-col-"]:before,
[class^="row-col-"]:after {
  content: " ";
  display: table;
}

.row:after,
[class*=" row-col-"]:after,
[class^="row-col-"]:after {
  clear: both;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;

}

.row .col-xs-1 {
  width: 8.33333%;
}

.row .col-xs-2 {
  width: 16.66667%;
}

.row .col-xs-3 {
  width: 25%;
}

.row .col-xs-4 {
  width: 33.33333%;
}

.row .col-xs-5 {
  width: 41.66667%;
}

.row .col-xs-6 {
  width: 50%;
}

.row .col-xs-7 {
  width: 58.33333%;
}

.row .col-xs-8 {
  width: 66.66667%;
}

.row .col-xs-9 {
  width: 75%;
}

.row .col-xs-10 {
  width: 83.33333%;
}

.row .col-xs-11 {
  width: 91.66667%;
}

.row .col-xs-12 {
  width: 100%;
}

.row .col-xs-offset-1 {
  margin-left: 8.33333%;
}

.row .col-xs-offset-2 {
  margin-left: 16.66667%;
}

.row .col-xs-offset-3 {
  margin-left: 25%;
}

.row .col-xs-offset-4 {
  margin-left: 33.33333%;
}

.row .col-xs-offset-5 {
  margin-left: 41.66667%;
}

.row .col-xs-offset-6 {
  margin-left: 50%;
}

.row .col-xs-offset-7 {
  margin-left: 58.33333%;
}

.row .col-xs-offset-8 {
  margin-left: 66.66667%;
}

.row .col-xs-offset-9 {
  margin-left: 75%;
}

.row .col-xs-offset-10 {
  margin-left: 83.33333%;
}

.row .col-xs-offset-11 {
  margin-left: 91.66667%;
}

.row .col-xs-offset-12 {
  margin-left: 100%;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}

.row-col-1>.col-xs-1 {
  width: 100%;
}

.row-col-2>.col-xs-1 {
  width: 50%;
}

.row-col-2>.col-xs-2 {
  width: 100%;
}

.row-col-3>.col-xs-1 {
  width: 33.33333%;
}

.row-col-3>.col-xs-2 {
  width: 66.66667%;
}

.row-col-3>.col-xs-3 {
  width: 100%;
}

.row-col-4>.col-xs-1 {
  width: 25%;
}

.row-col-4>.col-xs-2 {
  width: 50%;
}

.row-col-4>.col-xs-3 {
  width: 75%;
}

.row-col-4>.col-xs-4 {
  width: 100%;
}

.row-col-5>.col-xs-1 {
  width: 20%;
}

.row-col-5>.col-xs-2 {
  width: 40%;
}

.row-col-5>.col-xs-3 {
  width: 60%;
}

.row-col-5>.col-xs-4 {
  width: 80%;
}

.row-col-5>.col-xs-5 {
  width: 100%;
}

.row-col-6>.col-xs-1 {
  width: 16.66667%;
}

.row-col-6>.col-xs-2 {
  width: 33.33333%;
}

.row-col-6>.col-xs-3 {
  width: 50%;
}

.row-col-6>.col-xs-4 {
  width: 66.66667%;
}

.row-col-6>.col-xs-5 {
  width: 83.33333%;
}

.row-col-6>.col-xs-6 {
  width: 100%;
}

.row-col-7>.col-xs-1 {
  width: 14.28571%;
}

.row-col-7>.col-xs-2 {
  width: 28.57143%;
}

.row-col-7>.col-xs-3 {
  width: 42.85714%;
}

.row-col-7>.col-xs-4 {
  width: 57.14286%;
}

.row-col-7>.col-xs-5 {
  width: 71.42857%;
}

.row-col-7>.col-xs-6 {
  width: 85.71429%;
}

.row-col-7>.col-xs-7 {
  width: 100%;
}

.row-col-8>.col-xs-1 {
  width: 12.5%;
}

.row-col-8>.col-xs-2 {
  width: 25%;
}

.row-col-8>.col-xs-3 {
  width: 37.5%;
}

.row-col-8>.col-xs-4 {
  width: 50%;
}

.row-col-8>.col-xs-5 {
  width: 62.5%;
}

.row-col-8>.col-xs-6 {
  width: 75%;
}

.row-col-8>.col-xs-7 {
  width: 87.5%;
}

.row-col-8>.col-xs-8 {
  width: 100%;
}

.row-col-9>.col-xs-1 {
  width: 11.11111%;
}

.row-col-9>.col-xs-2 {
  width: 22.22222%;
}

.row-col-9>.col-xs-3 {
  width: 33.33333%;
}

.row-col-9>.col-xs-4 {
  width: 44.44444%;
}

.row-col-9>.col-xs-5 {
  width: 55.55556%;
}

.row-col-9>.col-xs-6 {
  width: 66.66667%;
}

.row-col-9>.col-xs-7 {
  width: 77.77778%;
}

.row-col-9>.col-xs-8 {
  width: 88.88889%;
}

.row-col-9>.col-xs-9 {
  width: 100%;
}

.row-col-10>.col-xs-1 {
  width: 10%;
}

.row-col-10>.col-xs-2 {
  width: 20%;
}

.row-col-10>.col-xs-3 {
  width: 30%;
}

.row-col-10>.col-xs-4 {
  width: 40%;
}

.row-col-10>.col-xs-5 {
  width: 50%;
}

.row-col-10>.col-xs-6 {
  width: 60%;
}

.row-col-10>.col-xs-7 {
  width: 70%;
}

.row-col-10>.col-xs-8 {
  width: 80%;
}

.row-col-10>.col-xs-9 {
  width: 90%;
}

.row-col-10>.col-xs-10 {
  width: 100%;
}

.row-col-11>.col-xs-1 {
  width: 9.09091%;
}

.row-col-11>.col-xs-2 {
  width: 18.18182%;
}

.row-col-11>.col-xs-3 {
  width: 27.27273%;
}

.row-col-11>.col-xs-4 {
  width: 36.36364%;
}

.row-col-11>.col-xs-5 {
  width: 45.45455%;
}

.row-col-11>.col-xs-6 {
  width: 54.54545%;
}

.row-col-11>.col-xs-7 {
  width: 63.63636%;
}

.row-col-11>.col-xs-8 {
  width: 72.72727%;
}

.row-col-11>.col-xs-9 {
  width: 81.81818%;
}

.row-col-11>.col-xs-10 {
  width: 90.90909%;
}

.row-col-11>.col-xs-11 {
  width: 100%;
}

.row-col-12>.col-xs-1 {
  width: 8.33333%;
}

.row-col-12>.col-xs-2 {
  width: 16.66667%;
}

.row-col-12>.col-xs-3 {
  width: 25%;
}

.row-col-12>.col-xs-4 {
  width: 33.33333%;
}

.row-col-12>.col-xs-5 {
  width: 41.66667%;
}

.row-col-12>.col-xs-6 {
  width: 50%;
}

.row-col-12>.col-xs-7 {
  width: 58.33333%;
}

.row-col-12>.col-xs-8 {
  width: 66.66667%;
}

.row-col-12>.col-xs-9 {
  width: 75%;
}

.row-col-12>.col-xs-10 {
  width: 83.33333%;
}

.row-col-12>.col-xs-11 {
  width: 91.66667%;
}

.row-col-12>.col-xs-12 {
  width: 100%;
}

.row-col-1>.col-xs-push-0 {
  left: auto;
}

.row-col-1>.col-xs-push-1 {
  left: 100%;
}

.row-col-2>.col-xs-push-0 {
  left: auto;
}

.row-col-2>.col-xs-push-1 {
  left: 50%;
}

.row-col-2>.col-xs-push-2 {
  left: 100%;
}

.row-col-3>.col-xs-push-0 {
  left: auto;
}

.row-col-3>.col-xs-push-1 {
  left: 33.33333%;
}

.row-col-3>.col-xs-push-2 {
  left: 66.66667%;
}

.row-col-3>.col-xs-push-3 {
  left: 100%;
}

.row-col-4>.col-xs-push-0 {
  left: auto;
}

.row-col-4>.col-xs-push-1 {
  left: 25%;
}

.row-col-4>.col-xs-push-2 {
  left: 50%;
}

.row-col-4>.col-xs-push-3 {
  left: 75%;
}

.row-col-4>.col-xs-push-4 {
  left: 100%;
}

.row-col-5>.col-xs-push-0 {
  left: auto;
}

.row-col-5>.col-xs-push-1 {
  left: 20%;
}

.row-col-5>.col-xs-push-2 {
  left: 40%;
}

.row-col-5>.col-xs-push-3 {
  left: 60%;
}

.row-col-5>.col-xs-push-4 {
  left: 80%;
}

.row-col-5>.col-xs-push-5 {
  left: 100%;
}

.row-col-6>.col-xs-push-0 {
  left: auto;
}

.row-col-6>.col-xs-push-1 {
  left: 16.66667%;
}

.row-col-6>.col-xs-push-2 {
  left: 33.33333%;
}

.row-col-6>.col-xs-push-3 {
  left: 50%;
}

.row-col-6>.col-xs-push-4 {
  left: 66.66667%;
}

.row-col-6>.col-xs-push-5 {
  left: 83.33333%;
}

.row-col-6>.col-xs-push-6 {
  left: 100%;
}

.row-col-7>.col-xs-push-0 {
  left: auto;
}

.row-col-7>.col-xs-push-1 {
  left: 14.28571%;
}

.row-col-7>.col-xs-push-2 {
  left: 28.57143%;
}

.row-col-7>.col-xs-push-3 {
  left: 42.85714%;
}

.row-col-7>.col-xs-push-4 {
  left: 57.14286%;
}

.row-col-7>.col-xs-push-5 {
  left: 71.42857%;
}

.row-col-7>.col-xs-push-6 {
  left: 85.71429%;
}

.row-col-7>.col-xs-push-7 {
  left: 100%;
}

.row-col-8>.col-xs-push-0 {
  left: auto;
}

.row-col-8>.col-xs-push-1 {
  left: 12.5%;
}

.row-col-8>.col-xs-push-2 {
  left: 25%;
}

.row-col-8>.col-xs-push-3 {
  left: 37.5%;
}

.row-col-8>.col-xs-push-4 {
  left: 50%;
}

.row-col-8>.col-xs-push-5 {
  left: 62.5%;
}

.row-col-8>.col-xs-push-6 {
  left: 75%;
}

.row-col-8>.col-xs-push-7 {
  left: 87.5%;
}

.row-col-8>.col-xs-push-8 {
  left: 100%;
}

.row-col-9>.col-xs-push-0 {
  left: auto;
}

.row-col-9>.col-xs-push-1 {
  left: 11.11111%;
}

.row-col-9>.col-xs-push-2 {
  left: 22.22222%;
}

.row-col-9>.col-xs-push-3 {
  left: 33.33333%;
}

.row-col-9>.col-xs-push-4 {
  left: 44.44444%;
}

.row-col-9>.col-xs-push-5 {
  left: 55.55556%;
}

.row-col-9>.col-xs-push-6 {
  left: 66.66667%;
}

.row-col-9>.col-xs-push-7 {
  left: 77.77778%;
}

.row-col-9>.col-xs-push-8 {
  left: 88.88889%;
}

.row-col-9>.col-xs-push-9 {
  left: 100%;
}

.row-col-10>.col-xs-push-0 {
  left: auto;
}

.row-col-10>.col-xs-push-1 {
  left: 10%;
}

.row-col-10>.col-xs-push-2 {
  left: 20%;
}

.row-col-10>.col-xs-push-3 {
  left: 30%;
}

.row-col-10>.col-xs-push-4 {
  left: 40%;
}

.row-col-10>.col-xs-push-5 {
  left: 50%;
}

.row-col-10>.col-xs-push-6 {
  left: 60%;
}

.row-col-10>.col-xs-push-7 {
  left: 70%;
}

.row-col-10>.col-xs-push-8 {
  left: 80%;
}

.row-col-10>.col-xs-push-9 {
  left: 90%;
}

.row-col-10>.col-xs-push-10 {
  left: 100%;
}

.row-col-11>.col-xs-push-0 {
  left: auto;
}

.row-col-11>.col-xs-push-1 {
  left: 9.09091%;
}

.row-col-11>.col-xs-push-2 {
  left: 18.18182%;
}

.row-col-11>.col-xs-push-3 {
  left: 27.27273%;
}

.row-col-11>.col-xs-push-4 {
  left: 36.36364%;
}

.row-col-11>.col-xs-push-5 {
  left: 45.45455%;
}

.row-col-11>.col-xs-push-6 {
  left: 54.54545%;
}

.row-col-11>.col-xs-push-7 {
  left: 63.63636%;
}

.row-col-11>.col-xs-push-8 {
  left: 72.72727%;
}

.row-col-11>.col-xs-push-9 {
  left: 81.81818%;
}

.row-col-11>.col-xs-push-10 {
  left: 90.90909%;
}

.row-col-11>.col-xs-push-11 {
  left: 100%;
}

.row-col-12>.col-xs-push-0 {
  left: auto;
}

.row-col-12>.col-xs-push-1 {
  left: 8.33333%;
}

.row-col-12>.col-xs-push-2 {
  left: 16.66667%;
}

.row-col-12>.col-xs-push-3 {
  left: 25%;
}

.row-col-12>.col-xs-push-4 {
  left: 33.33333%;
}

.row-col-12>.col-xs-push-5 {
  left: 41.66667%;
}

.row-col-12>.col-xs-push-6 {
  left: 50%;
}

.row-col-12>.col-xs-push-7 {
  left: 58.33333%;
}

.row-col-12>.col-xs-push-8 {
  left: 66.66667%;
}

.row-col-12>.col-xs-push-9 {
  left: 75%;
}

.row-col-12>.col-xs-push-10 {
  left: 83.33333%;
}

.row-col-12>.col-xs-push-11 {
  left: 91.66667%;
}

.row-col-12>.col-xs-push-12 {
  left: 100%;
}

.row-col-1>.col-xs-pull-0 {
  right: auto;
}

.row-col-1>.col-xs-pull-1 {
  right: 100%;
}

.row-col-2>.col-xs-pull-0 {
  right: auto;
}

.row-col-2>.col-xs-pull-1 {
  right: 50%;
}

.row-col-2>.col-xs-pull-2 {
  right: 100%;
}

.row-col-3>.col-xs-pull-0 {
  right: auto;
}

.row-col-3>.col-xs-pull-1 {
  right: 33.33333%;
}

.row-col-3>.col-xs-pull-2 {
  right: 66.66667%;
}

.row-col-3>.col-xs-pull-3 {
  right: 100%;
}

.row-col-4>.col-xs-pull-0 {
  right: auto;
}

.row-col-4>.col-xs-pull-1 {
  right: 25%;
}

.row-col-4>.col-xs-pull-2 {
  right: 50%;
}

.row-col-4>.col-xs-pull-3 {
  right: 75%;
}

.row-col-4>.col-xs-pull-4 {
  right: 100%;
}

.row-col-5>.col-xs-pull-0 {
  right: auto;
}

.row-col-5>.col-xs-pull-1 {
  right: 20%;
}

.row-col-5>.col-xs-pull-2 {
  right: 40%;
}

.row-col-5>.col-xs-pull-3 {
  right: 60%;
}

.row-col-5>.col-xs-pull-4 {
  right: 80%;
}

.row-col-5>.col-xs-pull-5 {
  right: 100%;
}

.row-col-6>.col-xs-pull-0 {
  right: auto;
}

.row-col-6>.col-xs-pull-1 {
  right: 16.66667%;
}

.row-col-6>.col-xs-pull-2 {
  right: 33.33333%;
}

.row-col-6>.col-xs-pull-3 {
  right: 50%;
}

.row-col-6>.col-xs-pull-4 {
  right: 66.66667%;
}

.row-col-6>.col-xs-pull-5 {
  right: 83.33333%;
}

.row-col-6>.col-xs-pull-6 {
  right: 100%;
}

.row-col-7>.col-xs-pull-0 {
  right: auto;
}

.row-col-7>.col-xs-pull-1 {
  right: 14.28571%;
}

.row-col-7>.col-xs-pull-2 {
  right: 28.57143%;
}

.row-col-7>.col-xs-pull-3 {
  right: 42.85714%;
}

.row-col-7>.col-xs-pull-4 {
  right: 57.14286%;
}

.row-col-7>.col-xs-pull-5 {
  right: 71.42857%;
}

.row-col-7>.col-xs-pull-6 {
  right: 85.71429%;
}

.row-col-7>.col-xs-pull-7 {
  right: 100%;
}

.row-col-8>.col-xs-pull-0 {
  right: auto;
}

.row-col-8>.col-xs-pull-1 {
  right: 12.5%;
}

.row-col-8>.col-xs-pull-2 {
  right: 25%;
}

.row-col-8>.col-xs-pull-3 {
  right: 37.5%;
}

.row-col-8>.col-xs-pull-4 {
  right: 50%;
}

.row-col-8>.col-xs-pull-5 {
  right: 62.5%;
}

.row-col-8>.col-xs-pull-6 {
  right: 75%;
}

.row-col-8>.col-xs-pull-7 {
  right: 87.5%;
}

.row-col-8>.col-xs-pull-8 {
  right: 100%;
}

.row-col-9>.col-xs-pull-0 {
  right: auto;
}

.row-col-9>.col-xs-pull-1 {
  right: 11.11111%;
}

.row-col-9>.col-xs-pull-2 {
  right: 22.22222%;
}

.row-col-9>.col-xs-pull-3 {
  right: 33.33333%;
}

.row-col-9>.col-xs-pull-4 {
  right: 44.44444%;
}

.row-col-9>.col-xs-pull-5 {
  right: 55.55556%;
}

.row-col-9>.col-xs-pull-6 {
  right: 66.66667%;
}

.row-col-9>.col-xs-pull-7 {
  right: 77.77778%;
}

.row-col-9>.col-xs-pull-8 {
  right: 88.88889%;
}

.row-col-9>.col-xs-pull-9 {
  right: 100%;
}

.row-col-10>.col-xs-pull-0 {
  right: auto;
}

.row-col-10>.col-xs-pull-1 {
  right: 10%;
}

.row-col-10>.col-xs-pull-2 {
  right: 20%;
}

.row-col-10>.col-xs-pull-3 {
  right: 30%;
}

.row-col-10>.col-xs-pull-4 {
  right: 40%;
}

.row-col-10>.col-xs-pull-5 {
  right: 50%;
}

.row-col-10>.col-xs-pull-6 {
  right: 60%;
}

.row-col-10>.col-xs-pull-7 {
  right: 70%;
}

.row-col-10>.col-xs-pull-8 {
  right: 80%;
}

.row-col-10>.col-xs-pull-9 {
  right: 90%;
}

.row-col-10>.col-xs-pull-10 {
  right: 100%;
}

.row-col-11>.col-xs-pull-0 {
  right: auto;
}

.row-col-11>.col-xs-pull-1 {
  right: 9.09091%;
}

.row-col-11>.col-xs-pull-2 {
  right: 18.18182%;
}

.row-col-11>.col-xs-pull-3 {
  right: 27.27273%;
}

.row-col-11>.col-xs-pull-4 {
  right: 36.36364%;
}

.row-col-11>.col-xs-pull-5 {
  right: 45.45455%;
}

.row-col-11>.col-xs-pull-6 {
  right: 54.54545%;
}

.row-col-11>.col-xs-pull-7 {
  right: 63.63636%;
}

.row-col-11>.col-xs-pull-8 {
  right: 72.72727%;
}

.row-col-11>.col-xs-pull-9 {
  right: 81.81818%;
}

.row-col-11>.col-xs-pull-10 {
  right: 90.90909%;
}

.row-col-11>.col-xs-pull-11 {
  right: 100%;
}

.row-col-12>.col-xs-pull-0 {
  right: auto;
}

.row-col-12>.col-xs-pull-1 {
  right: 8.33333%;
}

.row-col-12>.col-xs-pull-2 {
  right: 16.66667%;
}

.row-col-12>.col-xs-pull-3 {
  right: 25%;
}

.row-col-12>.col-xs-pull-4 {
  right: 33.33333%;
}

.row-col-12>.col-xs-pull-5 {
  right: 41.66667%;
}

.row-col-12>.col-xs-pull-6 {
  right: 50%;
}

.row-col-12>.col-xs-pull-7 {
  right: 58.33333%;
}

.row-col-12>.col-xs-pull-8 {
  right: 66.66667%;
}

.row-col-12>.col-xs-pull-9 {
  right: 75%;
}

.row-col-12>.col-xs-pull-10 {
  right: 83.33333%;
}

.row-col-12>.col-xs-pull-11 {
  right: 91.66667%;
}

.row-col-12>.col-xs-pull-12 {
  right: 100%;
}

.row-col-1>.col-xs-offset-0 {
  margin-left: 0%;
}

.row-col-1>.col-xs-offset-1 {
  margin-left: 100%;
}

.row-col-2>.col-xs-offset-0 {
  margin-left: 0%;
}

.row-col-2>.col-xs-offset-1 {
  margin-left: 50%;
}

.row-col-2>.col-xs-offset-2 {
  margin-left: 100%;
}

.row-col-3>.col-xs-offset-0 {
  margin-left: 0%;
}

.row-col-3>.col-xs-offset-1 {
  margin-left: 33.33333%;
}

.row-col-3>.col-xs-offset-2 {
  margin-left: 66.66667%;
}

.row-col-3>.col-xs-offset-3 {
  margin-left: 100%;
}

.row-col-4>.col-xs-offset-0 {
  margin-left: 0%;
}

.row-col-4>.col-xs-offset-1 {
  margin-left: 25%;
}

.row-col-4>.col-xs-offset-2 {
  margin-left: 50%;
}

.row-col-4>.col-xs-offset-3 {
  margin-left: 75%;
}

.row-col-4>.col-xs-offset-4 {
  margin-left: 100%;
}

.row-col-5>.col-xs-offset-0 {
  margin-left: 0%;
}

.row-col-5>.col-xs-offset-1 {
  margin-left: 20%;
}

.row-col-5>.col-xs-offset-2 {
  margin-left: 40%;
}

.row-col-5>.col-xs-offset-3 {
  margin-left: 60%;
}

.row-col-5>.col-xs-offset-4 {
  margin-left: 80%;
}

.row-col-5>.col-xs-offset-5 {
  margin-left: 100%;
}

.row-col-6>.col-xs-offset-0 {
  margin-left: 0%;
}

.row-col-6>.col-xs-offset-1 {
  margin-left: 16.66667%;
}

.row-col-6>.col-xs-offset-2 {
  margin-left: 33.33333%;
}

.row-col-6>.col-xs-offset-3 {
  margin-left: 50%;
}

.row-col-6>.col-xs-offset-4 {
  margin-left: 66.66667%;
}

.row-col-6>.col-xs-offset-5 {
  margin-left: 83.33333%;
}

.row-col-6>.col-xs-offset-6 {
  margin-left: 100%;
}

.row-col-7>.col-xs-offset-0 {
  margin-left: 0%;
}

.row-col-7>.col-xs-offset-1 {
  margin-left: 14.28571%;
}

.row-col-7>.col-xs-offset-2 {
  margin-left: 28.57143%;
}

.row-col-7>.col-xs-offset-3 {
  margin-left: 42.85714%;
}

.row-col-7>.col-xs-offset-4 {
  margin-left: 57.14286%;
}

.row-col-7>.col-xs-offset-5 {
  margin-left: 71.42857%;
}

.row-col-7>.col-xs-offset-6 {
  margin-left: 85.71429%;
}

.row-col-7>.col-xs-offset-7 {
  margin-left: 100%;
}

.row-col-8>.col-xs-offset-0 {
  margin-left: 0%;
}

.row-col-8>.col-xs-offset-1 {
  margin-left: 12.5%;
}

.row-col-8>.col-xs-offset-2 {
  margin-left: 25%;
}

.row-col-8>.col-xs-offset-3 {
  margin-left: 37.5%;
}

.row-col-8>.col-xs-offset-4 {
  margin-left: 50%;
}

.row-col-8>.col-xs-offset-5 {
  margin-left: 62.5%;
}

.row-col-8>.col-xs-offset-6 {
  margin-left: 75%;
}

.row-col-8>.col-xs-offset-7 {
  margin-left: 87.5%;
}

.row-col-8>.col-xs-offset-8 {
  margin-left: 100%;
}

.row-col-9>.col-xs-offset-0 {
  margin-left: 0%;
}

.row-col-9>.col-xs-offset-1 {
  margin-left: 11.11111%;
}

.row-col-9>.col-xs-offset-2 {
  margin-left: 22.22222%;
}

.row-col-9>.col-xs-offset-3 {
  margin-left: 33.33333%;
}

.row-col-9>.col-xs-offset-4 {
  margin-left: 44.44444%;
}

.row-col-9>.col-xs-offset-5 {
  margin-left: 55.55556%;
}

.row-col-9>.col-xs-offset-6 {
  margin-left: 66.66667%;
}

.row-col-9>.col-xs-offset-7 {
  margin-left: 77.77778%;
}

.row-col-9>.col-xs-offset-8 {
  margin-left: 88.88889%;
}

.row-col-9>.col-xs-offset-9 {
  margin-left: 100%;
}

.row-col-10>.col-xs-offset-0 {
  margin-left: 0%;
}

.row-col-10>.col-xs-offset-1 {
  margin-left: 10%;
}

.row-col-10>.col-xs-offset-2 {
  margin-left: 20%;
}

.row-col-10>.col-xs-offset-3 {
  margin-left: 30%;
}

.row-col-10>.col-xs-offset-4 {
  margin-left: 40%;
}

.row-col-10>.col-xs-offset-5 {
  margin-left: 50%;
}

.row-col-10>.col-xs-offset-6 {
  margin-left: 60%;
}

.row-col-10>.col-xs-offset-7 {
  margin-left: 70%;
}

.row-col-10>.col-xs-offset-8 {
  margin-left: 80%;
}

.row-col-10>.col-xs-offset-9 {
  margin-left: 90%;
}

.row-col-10>.col-xs-offset-10 {
  margin-left: 100%;
}

.row-col-11>.col-xs-offset-0 {
  margin-left: 0%;
}

.row-col-11>.col-xs-offset-1 {
  margin-left: 9.09091%;
}

.row-col-11>.col-xs-offset-2 {
  margin-left: 18.18182%;
}

.row-col-11>.col-xs-offset-3 {
  margin-left: 27.27273%;
}

.row-col-11>.col-xs-offset-4 {
  margin-left: 36.36364%;
}

.row-col-11>.col-xs-offset-5 {
  margin-left: 45.45455%;
}

.row-col-11>.col-xs-offset-6 {
  margin-left: 54.54545%;
}

.row-col-11>.col-xs-offset-7 {
  margin-left: 63.63636%;
}

.row-col-11>.col-xs-offset-8 {
  margin-left: 72.72727%;
}

.row-col-11>.col-xs-offset-9 {
  margin-left: 81.81818%;
}

.row-col-11>.col-xs-offset-10 {
  margin-left: 90.90909%;
}

.row-col-11>.col-xs-offset-11 {
  margin-left: 100%;
}

.row-col-12>.col-xs-offset-0 {
  margin-left: 0%;
}

.row-col-12>.col-xs-offset-1 {
  margin-left: 8.33333%;
}

.row-col-12>.col-xs-offset-2 {
  margin-left: 16.66667%;
}

.row-col-12>.col-xs-offset-3 {
  margin-left: 25%;
}

.row-col-12>.col-xs-offset-4 {
  margin-left: 33.33333%;
}

.row-col-12>.col-xs-offset-5 {
  margin-left: 41.66667%;
}

.row-col-12>.col-xs-offset-6 {
  margin-left: 50%;
}

.row-col-12>.col-xs-offset-7 {
  margin-left: 58.33333%;
}

.row-col-12>.col-xs-offset-8 {
  margin-left: 66.66667%;
}

.row-col-12>.col-xs-offset-9 {
  margin-left: 75%;
}

.row-col-12>.col-xs-offset-10 {
  margin-left: 83.33333%;
}

.row-col-12>.col-xs-offset-11 {
  margin-left: 91.66667%;
}

.row-col-12>.col-xs-offset-12 {
  margin-left: 100%;
}


.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.hidden {
  display: none !important;
  visibility: hidden !important;
}

.affix {
  position: fixed;
}

.text-center {
  text-align: center;
}

.aligncenter,
.alignleft,
.alignright,
.bypostauthor,
.gallery-caption,
.screen-reader-text,
.sticky,
.wp-caption,
.wp-caption-text {
  padding: 0;
}

*:focus {
  outline: none;
}

html {
  font-size: 0.16rem;
  height: 100%;
}



body {
  height: 100%;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}



body.window-height {
  overflow: hidden;
  height: 100%;
}

body.atail-hide-body {
  opacity: 0;
}

.atail {
  position: relative;
  height: 100%;
  -webkit-transition: opacity .2s ease;
  transition: opacity .2s ease;
  opacity: 0;
}



.atail.container, .atail.container-fluid {
  /* padding-right: 0%; */
  /* padding-left: 274px; */
  /* padding-left: 12%; */
  /* padding-left: 2.74rem; */
  /* width: 13.72rem;margin: 0px auto; */
}

.window-height .atail {
  height: inherit;
}

.atail.atail-opacity-1 {
  opacity: 1;
}


.row,
[class*=' row-col-'],
[class^='row-col-'] {}

body {
  font-family: "sans-serif", sans-serif;
  /* font-size: 0.16rem; */
  font-size: 0.16rem;
  line-height: 1.67;
  /* letter-spacing: -.0.77rem; */
  color: #5a5653;
}

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

.atail-multitext {
  font-family: "Montserrat", sans-serif;
  margin-bottom: 0.6rem;
}



.atail-multitext-title {
  display: block;
  color: #a9acb5;
  text-transform: uppercase;
  margin-bottom: 0.3rem;
  /* font-size: .75rem; */
  font-size: .18rem;
  letter-spacing: 0.0197rem;
} 

.atail-multitext-text {
  font-family: "Montserrat", sans-serif;
  display: block;
 /* font-size: .875rem; */
   font-size: 0.24rem;
font-weight: bold;
font-style: normal;
color: inherit;
letter-spacing: -0.35rem;
margin-bottom: 0.13rem;
text-decoration: none;
}


.atail-multitext-text > span {
  display: block;
/* font-size: .625rem; */
   font-size: .18rem; 
text-transform: uppercase;
margin: 0;
color: #a9acb5;
letter-spacing: .1em;
}

.atail-place {
  font-family: "Montserrat", sans-serif;
  max-width: 1.5rem;
}

 .atail-place-title {
  display: block;
  color: #a9acb5;
  text-transform: uppercase;
  margin-bottom: 0.37rem;
  /* font-size: .75rem; */
  font-size: .18rem;
  letter-spacing: 0.0197rem;
  font-weight: bold;
}
 .atail-place-text {
  font-family: "Montserrat", sans-serif;
  display: block;
    /* font-size: .875rem; */
   font-size: 0.24rem;
font-weight: bold;
font-style: normal;
color: inherit;
letter-spacing: 0;
margin-bottom: 0.15rem;
text-decoration: none;
}


 .atail-place-text span {
  display: block;
    /* font-size: .625rem; */
   font-size: .18rem;
text-transform: uppercase;
margin: 0;
color: #a9acb5;
letter-spacing: 1px;
}

.atail-place-text a {
  text-decoration: none;
}

blockquote {
  padding: 0;
  margin: 0;
  line-height: 1.61;
  margin-bottom: 0.3rem;
  max-width: 5.2rem;
}

 blockquote p {
  font-size: 1.25rem;
  font-weight: bold;
}

.simple-post>.row,
.simple-post>[class^='row-col-'],
.simple-post>[class*=' row-col-'] {
  margin: 0.6rem 0;
}


.simple-post>.row:nth-child(odd)>div,
.simple-post>[class^='row-col-']:nth-child(odd)>div,
.simple-post>[class*=' row-col-']:nth-child(odd)>div {
  left: 0;
}


.blog-thumbnail {
  padding-top: 0.38rem;
}



.blog-thumbnail a {
  position: relative;
  display: block;
  text-decoration: none;
}


 .blog-category-link {
  font-family: "Montserrat", sans-serif;
    /* font-size: .875rem; */
   font-size: 0.24rem;
font-weight: bold;
font-style: normal;
text-decoration: none;
letter-spacing: -0.35rem;
color: #a9acb5;
}

.blog-info {
  float: left;
}

 .blog-author {
  font-family: "Montserrat", sans-serif;
    /* font-size: .875rem; */
   font-size: 0.24rem;
font-weight: bold;
font-style: normal;
text-decoration: none;
letter-spacing: -0.35rem;
color: #a9acb5;
}



 .blog-date {
  font-family: "Montserrat", sans-serif;
  /* font-size: .75rem; */
  font-size: .18rem;
  font-weight: bold;
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
}
 .blog-count-likes,
.blog-count-comments,
.comment-reply-link,
.comment-edit-link {
  font-family: "sans-serif", sans-serif;
  /* font-size: .687rem; */
  font-size: 0.14rem;
  line-height: 1;
  display: inline-block;
  margin-top: 0.05rem;
  vertical-align: bottom;
  text-decoration: none;
  color: #a9acb5;
}
.blog-count-likes {
  float: right;
}

 .blog-count-likes .fa-heart-o {
  /* font-size: .75rem; */
  font-size: .18rem;
  margin-right: 0.03rem;
}
.blog-count-comments, .comment-reply-link,
.comment-edit-link {
  float: right;
  margin-right: 0.05rem;
  margin-left: 0.4rem;
}

 .comments-icon {
  font-family: 'icon-worksregular';
  /* font-size: .75rem; */
  font-size: .18rem;
  display: inline-block;
}
.comments-icon+span {
  display: inline-block;
  padding: 0 4px;
  vertical-align: middle;
}

.blog-list-info {
  max-width: 4.45rem;
  overflow: hidden;
}

@media (max-width: 300px) {
  .blog-list-info {
    padding: 0 0.15rem;
  }
}

.navigation.pagination {
  margin-bottom: 0.6rem;
  text-align: center;
}

@media (min-width: 300px) {
  .navigation.pagination {
    margin-bottom: 0.8rem;
  }
}

 .page-numbers {
  font-family: "Montserrat", sans-serif;
  /* font-size: .75rem; */
  font-size: .18rem;
  padding: 0 0.17rem;
  text-decoration: none;
}
.page-numbers.current {
  color: #1957f3;
}

.blog-promo-box {
  position: relative;
  margin-top: 0.8rem;
  padding: 0.6rem 0.15rem;
}


.blog-promo-box:before {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: '';
  background-color: rgba(47, 47, 47, 0.5);
}

.blog-promo-box .small-title,
.blog-promo-box p {
  color: #fff;
}

.blog-promo-box p {
  font-weight: lighter;
}

.blog-promo-box .button {
  border-color: #fff;
  background-color: #fff;
}

.blog-promo-box .promo-box {
  position: relative;
  z-index: 2;
  max-width: 4rem;
  margin-bottom: 0;
}



.blog-promo-box+div {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
}



.atail-footer {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
}



.supporting-box {
  line-height: 1.61;
  max-width: 5.2rem;
}

 .supporting-box p {
    /* font-size: .875rem; */
   font-size: 0.24rem;
}

.promo-box {
  line-height: 1.61;
  margin-bottom: 0.3rem;
  max-width: 5.2rem;
}

 .promo-box p {
  /* font-size: 1.25rem; */
  font-size: 0.18rem;
}
 /* @media (min-width: 300px) {
  .promo-box p {
    font-size: 1.875rem;
  }
} */
.animate-box-top, .animate-box-bot {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  -webkit-transition: -webkit-transform .0s ease;
  transition: -webkit-transform .0s ease;
  transition: transform .0s ease;
  transition: transform .0s ease, -webkit-transform .0s ease;
  overflow: hidden;
}

.animate-box-top>div, .animate-box-bot>div {
  width: 33.333%;
  height: 100%;
  float: left;
  opacity: 0;
}

@media (min-width: 300px) {
  .animate-box-top>div, .animate-box-bot>div {
    border-right: 1px solid #edf5f8;
  }

  .atail-disable-decoration .animate-box-top>div, .atail-disable-decoration .animate-box-bot>div {
    border-right: 0;
  }

  .animate-box-top>div:last-child, .animate-box-bot>div:last-child {
    opacity: 1;
  }
}

.animate-box-bot {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  overflow: hidden;
}

.animate-box-bot.from-bottom {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.27, 0.26, 0.39, 0.83);
  transition: -webkit-transform 0.4s cubic-bezier(0.27, 0.26, 0.39, 0.83);
  transition: transform 0.4s cubic-bezier(0.27, 0.26, 0.39, 0.83);
  transition: transform 0.4s cubic-bezier(0.27, 0.26, 0.39, 0.83), -webkit-transform 0.4s cubic-bezier(0.27, 0.26, 0.39, 0.83);
}

.animate-box-bot.from-bottom.from-bottom-end {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.64, 0.28, 0.83, 0.56) 0.2s;
  transition: -webkit-transform 0.4s cubic-bezier(0.64, 0.28, 0.83, 0.56) 0.2s;
  transition: transform 0.4s cubic-bezier(0.64, 0.28, 0.83, 0.56) 0.2s;
  transition: transform 0.4s cubic-bezier(0.64, 0.28, 0.83, 0.56) 0.2s, -webkit-transform 0.4s cubic-bezier(0.64, 0.28, 0.83, 0.56) 0.2s;
}

.animate-box-top {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

.animate-box-top.from-top {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.27, 0.26, 0.39, 0.83);
  transition: -webkit-transform 0.4s cubic-bezier(0.27, 0.26, 0.39, 0.83);
  transition: transform 0.4s cubic-bezier(0.27, 0.26, 0.39, 0.83);
  transition: transform 0.4s cubic-bezier(0.27, 0.26, 0.39, 0.83), -webkit-transform 0.4s cubic-bezier(0.27, 0.26, 0.39, 0.83);
}

.animate-box-top.from-top.from-top-end {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.64, 0.28, 0.83, 0.56) 0.2s;
  transition: -webkit-transform 0.4s cubic-bezier(0.64, 0.28, 0.83, 0.56) 0.2s;
  transition: transform 0.4s cubic-bezier(0.64, 0.28, 0.83, 0.56) 0.2s;
  transition: transform 0.4s cubic-bezier(0.64, 0.28, 0.83, 0.56) 0.2s, -webkit-transform 0.4s cubic-bezier(0.64, 0.28, 0.83, 0.56) 0.2s;
}

.animate-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden;
}

.full-post-animate-box {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden;
}

@media (min-width: 300px) {
  .full-post-animate-box {
    width: 100%;
  }
}

.full-post-animate-box .animate-box-left, .full-post-animate-box .animate-box-right {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-transition: -webkit-transform .0s;
  transition: -webkit-transform .0s;
  transition: transform .0s;
  transition: transform .0s, -webkit-transform .0s;
}

.full-post-animate-box .animate-box-left {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.full-post-animate-box .animate-box-right {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.full-post-animate-box.from-left {
  z-index: 2;
}

.full-post-animate-box.from-left .animate-box-left {
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.full-post-animate-box.from-left-end .animate-box-left {
  -webkit-transition: -webkit-transform .3s ease .2s;
  transition: -webkit-transform .3s ease .2s;
  transition: transform .3s ease .2s;
  transition: transform .3s ease .2s, -webkit-transform .3s ease .2s;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.full-post-animate-box.from-right {
  z-index: 2;
}

.full-post-animate-box.from-right .animate-box-right {
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.full-post-animate-box.from-right-end .animate-box-right {
  -webkit-transition: -webkit-transform .3s ease .2s;
  transition: -webkit-transform .3s ease .2s;
  transition: transform .3s ease .2s;
  transition: transform .3s ease .2s, -webkit-transform .3s ease .2s;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.button,
.tagcloud a,
button,
input[type='submit'] {
  font-family: 'Montserrat';
     /* font-size: .625rem; */
   font-size: .18rem;
  font-weight: bold;
  display: inline-block;
  width: 2.43rem;
  max-width: 100%;
  max-width: 100%;
  margin: 0 0.15rem 0.15rem 0;
  padding: 0.17rem 0.17rem;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-radius 0.3s ease;
  transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-radius 0.3s ease;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.02rem;
  text-transform: uppercase;
  color: #4e5c60;
  border: 0;
  outline: none;
  background-color: transparent;
}

.button:hover,
.tagcloud a:hover,
button:hover,
input[type='submit']:hover {
  color: #fff;
  border-color: #39c6cb;
  background-color: #39c6cb;
}

.button.color,
.tagcloud a.color,
button.color,
input[type='submit'].color {
  color: #fff;
  border-color: #39c6cb;
  background-color: #39c6cb;
}

.button.color:hover,
.tagcloud a.color:hover,
button.color:hover,
input[type='submit'].color:hover {
  border-color: #39c6cb;
  background-color: #39c6cb;
}

.button.round,
.tagcloud a.round,
button.round,
input[type='submit'].round {
  border-radius: 0.25rem;
}

@media (max-width: 479px) {

  .button,
  .tagcloud a,
  button,
  input[type='submit'] {
    margin-right: 0;
  }
}

.promo-box .button, .promo-box .tagcloud a, .promo-box button, .promo-box input[type='submit'] {
  border: 0;
}

.tagcloud a {
   /* font-size: .75rem !important; */
   font-size: .18rem !important;
  width: auto;
  min-width: 0;
  margin-right: 0.03rem;
  padding: 0.07rem 0.23rem;
  text-transform: none;
  border: 1px solid;
  border-radius: 0.25rem;
}

.atail-dark-footer .tagcloud a {
  color: white;
  border-color: white;
}

.wpcf7-form-control[type^='submit'],
.post-sidebar .wpcf7-form-control.wpcf7-submit {
  border: 0;
}

.show-nav {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 50%;
  height: 0.46rem;
  z-index: 2;
  text-align: center;
  display: none
}

@media (max-width: 300px) {
  .show-nav {
    border-top: 1px solid rgba(0, 0, 0, 0.8);
    display: none
  }
}

@media (min-width: 300px) {
  .show-nav {
    display: none;
  }
}

span[data-action="show-nav"], span[data-action="close-nav"] {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  text-align: center;
  cursor: pointer;
}

span[data-action="show-nav"]:before, span[data-action="close-nav"]:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

span[data-action="show-nav"]:hover, span[data-action="close-nav"]:hover {
  background-color: transparent;
  border: 0;
}

span[data-action="show-nav"]>span, span[data-action="close-nav"]>span {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 0.23rem;
  height: 0.18rem;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

span[data-action="show-nav"]>span>span, span[data-action="close-nav"]>span>span {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  width: 100%;
  height: 1px;
  background-color: black;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: left .3s ease .2s, right .3s ease .2s, -webkit-transform .2s ease;
  transition: left .3s ease .2s, right .3s ease .2s, -webkit-transform .2s ease;
  transition: left .3s ease .2s, right .3s ease .2s, transform .2s ease;
  transition: left .3s ease .2s, right .3s ease .2s, transform .2s ease, -webkit-transform .2s ease;
}

span[data-action="show-nav"]>span>span:first-child, span[data-action="close-nav"]>span>span:first-child {
  left: -60%;
}

.atail-header-opened span[data-action="show-nav"]>span>span:first-child, .atail-header-opened span[data-action="close-nav"]>span>span:first-child {
  left: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: left .3s ease, -webkit-transform .2s ease .3s;
  transition: left .3s ease, -webkit-transform .2s ease .3s;
  transition: left .3s ease, transform .2s ease .3s;
  transition: left .3s ease, transform .2s ease .3s, -webkit-transform .2s ease .3s;
}

span[data-action="show-nav"]>span>span:last-child, span[data-action="close-nav"]>span>span:last-child {
  right: -60%;
}

.atail-header-opened span[data-action="show-nav"]>span>span:last-child, .atail-header-opened span[data-action="close-nav"]>span>span:last-child {
  right: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: right .3s ease, -webkit-transform .2s ease .3s;
  transition: right .3s ease, -webkit-transform .2s ease .3s;
  transition: right .3s ease, transform .2s ease .3s;
  transition: right .3s ease, transform .2s ease .3s, -webkit-transform .2s ease .3s;
}

span[data-action="show-nav"]>span:before, span[data-action="show-nav"]>span:after, span[data-action="close-nav"]>span:before, span[data-action="close-nav"]>span:after {
  content: '';
  position: absolute;
  left: 50%;
  width: 100%;
  height: 1px;
  background-color: black;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: width .3s ease .2s;
  transition: width .3s ease .2s;
}

.atail-header-opened span[data-action="show-nav"]>span:before, .atail-header-opened span[data-action="show-nav"]>span:after, .atail-header-opened span[data-action="close-nav"]>span:before, .atail-header-opened span[data-action="close-nav"]>span:after {
  width: 0;
  -webkit-transition: width .3s ease;
  transition: width .3s ease;
}

span[data-action="show-nav"]>span:before, span[data-action="close-nav"]>span:before {
  top: 0;
}

span[data-action="show-nav"]>span:after, span[data-action="close-nav"]>span:after {
  bottom: 0;
}

.category-list {
  display: none;
}

@media (min-width: 300px) {
  .category-list {
    display: block;
  }
}

.atail-features {
  margin-bottom: 0.3rem;
}

@media (min-width: 300px) {
  .atail-features {
    margin-bottom: 0.65rem;
  }
}

@media (min-width: 300px) {
  .atail-features {
    margin-bottom: 1.3rem;
  }
}

@media (max-width: 767px) {
  .atail-features .atail-features-item img {
    margin-bottom: 0.26rem;
  }
}

@media (min-width: 300px) {
  .atail-features:nth-child(3n + 3) .atail-features-item {
    left: 16.666%;
  }
}

@media (min-width: 768px) {
  .atail-features:nth-child(even) .atail-features-item {
    left: 32%;
  }
}

@media (min-width: 300px) {
  .atail-features:nth-child(even) .atail-features-item {
    left: 49.998%;
  }
}

.main-scroll .atail-features-wrapper {
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}

@media (min-width: 300px) {
  .main-scroll .atail-features-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}

.atail-features img {
  max-width: 1.2rem;
  width: 100%;
  display: block;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .atail-features img {
    width: 80%;
  }
}

@media (max-width: 767px) {
  .atail-features-item .col-md-2.col-sm-2.col-xs-1 {
    padding-right: 0;
  }
}

@media (max-width: 300px) {
  .atail-features-item .no-padding {
    padding-left: 0.15rem;
    padding-right: 0.15rem;
  }

  .atail-features-item .no-padding-left {
    padding-left: 0.15rem;
  }
}

.atail-features-item .small-title {
  text-transform: uppercase;
}

.description-table,
figure {
  margin: 0;
  padding: 0;
}

.description-table .description-title,
figure .description-title {
  font-family: 'Montserrat', sans-serif;
   /* font-size: .75rem; */
  font-size: .18rem;
  font-weight: bold;
  display: block;
  margin-top: 0.28rem;
  margin-bottom: 0.2rem;
  letter-spacing: 0.002rem;
  color: #a9acb5;
}

.description-table .description-title span,
figure .description-title span {
     /* font-size: .625rem; */
   font-size: .18rem;
  letter-spacing: 0.011rem;
  text-transform: uppercase;
}

.description-table p,
figure p {
  /* font-size: 0.14rem; */
  font-size: 0.14rem;
  line-height: 1.6;
  max-width: 270.05rem;
  letter-spacing: -0.007rem;
}

.figure-extended {
  position: relative;
  overflow: hidden;
  margin-top: 0;
  margin-bottom: 0.6rem;
}

@media (min-width: 300px) {
  .figure-extended {
    margin-bottom: 1.58rem;
  }
}

.figure-extended img {
  font-family: 'object-fit: cover;';
  display: block;
  min-height: 4rem;
  max-height: 85vh;
  -o-object-fit: cover;
  object-fit: cover;
}

.figure-extended h1 {
  position: absolute;
  z-index: 2;
  bottom: 15%;
  left: 0;
  width: 90%;
  padding-left: 0.3rem;
  color: #fff;
}

@media (min-width: 768px) {
  .figure-extended h1 {
    width: 60%;
  }
}

@media (min-width: 300px) {
  .figure-extended h1 {
    left: 16.666%;
    width: 80%;
    max-width: 5.6rem;
    padding-left: 0;
  }
}

.figure-extended .atail-multitext {
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 15%;
  max-width: 40%;
  padding-right: 0.15rem;
}

@media (min-width: 300px) {
  .figure-extended .atail-multitext {
    right: 8.33333%;
    padding-right: 0;
  }
}

label {
  -user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  cursor: pointer;
   /* font: bold .875rem/1.2 Montserrat; */
   font: bold 0.24rem/1.2 Montserrat;
  color: #4e5c60;
  display: inline-block;
  letter-spacing: 0;
}

label>input {
  margin-top: 0.1rem;
}

input,
textarea {
  outline: none;
  -webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  border: 1px solid #dce5e8;
  /* font: 400 .875rem/1.2 Montserrat; */
  font: 400 0.24rem/1.2 Montserrat;
  color: #4d4f54;
  margin-bottom: 0.09rem;
}

input:focus,
textarea:focus {
  border-color: #9eb7c0;
  -webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.check-boxs {
  width: 100%;
  float: left;
  margin-bottom: 0.22rem;
}

.check-box {
  float: left;
  margin: 0 0.2rem 0.14rem 0;
  min-width: 1.45rem;
}

.check-box span {
  display: inline-block;
  width: 0.2rem;
  height: 0.2rem;
  margin-right: 0.09rem;
  position: relative;
  top: 0.05rem;
  border: 2px solid #b8c9d0;
  -webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.check-box span:after, .check-box span:before {
  content: '';
  display: block;
  opacity: 0;
  background-color: #546266;
  height: 2px;
  -webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.check-box span:before {
  width: 0.12rem;
  -webkit-transform: rotate(-52deg) translate(-0.03rem, 8px);
  transform: rotate(-52deg) translate(-0.03rem, 8px);
}

.check-box span:after {
  width: 0.07rem;
  -webkit-transform: rotate(51deg) translate(0.07rem, 4px);
  transform: rotate(51deg) translate(0.07rem, 4px);
}

.check-box.switcher span {
  width: 0.3rem;
  border-color: #bacad1;
  border-radius: 0.1rem;
  padding: 0.03rem 4px;
}

.check-box.switcher span:before {
  opacity: 1;
  width: 0.1rem;
  height: 0.1rem;
  border-radius: 0.1rem;
  background-color: #bacad1;
  -webkit-transform: rotate(0) translate(0);
  transform: rotate(0) translate(0);
}

.check-box.switcher span:after {
  display: none;
}

.check-box.switcher input:checked+label span:before {
  -webkit-transform: translateX(calc(100% - 2px));
  transform: translateX(calc(100% - 2px));
}

.check-box.radio span {
  border-radius: 50%;
  padding: 4px;
}

.check-box.radio span:after {
  display: none;
}

.check-box.radio span:before {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-transform: rotate(0) translate(0);
  transform: rotate(0) translate(0);
}

.check-box input {
  display: none;
}

.check-box input:checked+label span {
  border-color: #546266;
}

.check-box input:checked+label span:after, .check-box input:checked+label span:before {
  opacity: 1;
  background-color: #546266;
  -webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.check-box input:disabled+label span {
  border-color: #dbeaf0;
}

.check-box input:disabled+label span:after, .check-box input:disabled+label span:before {
  background-color: #dbeaf0;
}

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

:-moz-placeholder {
  color: #dce5e8;
}

::-moz-placeholder {
  color: #dce5e8;
}

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

input[type="password"],
input[type="email"],
input[type="text"] {
  width: 100%;
  height: 0.45rem;
  padding: 0 0.2rem;
  margin-bottom: 0.19rem;
}

.input-label label {
   /* font-size: .625rem; */
   font-size: .18rem;
  text-transform: uppercase;
  letter-spacing: 0.022rem;
  margin-bottom: 0.09rem;
}

textarea {
  padding: 0.17rem 0.2rem;
  width: 100%;
  height: 1.2rem;
  resize: none;
  margin-bottom: 0.3rem;
}

select {
  display: none;
}

.select-wrapper {
  height: 0.45rem;
  position: relative;
  z-index: 1;
  margin-bottom: 0.19rem;
}

div.cs-select {
  outline: none;
  background-color: #f7f7f9;
  font: 400 0.24rem/1.2 Montserrat;
  color: #4d4f54;
}

div.cs-select .cs-placeholder {
  -user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  cursor: pointer;
  display: inline-block;
  width: 100%;
  padding: 0.14rem 0.35rem 0.14rem 0.2rem;
  letter-spacing: 0.003rem;
  background-image: url("../other/select-ico.svg");
  background-repeat: no-repeat;
  background-position-x: calc(100% - 0.2rem);
  background-position-y: center;
}

div.cs-select .cs-options {
  display: none;
  padding: 0 0.22rem 0.15rem;
}

div.cs-select .cs-options ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  border-top: 2px solid #fff;
}

div.cs-select .cs-options ul li {
  font-size: inherit;
  cursor: pointer;
  margin-bottom: 0.14rem;
  color: #cccdd7;
  -webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

div.cs-select .cs-options ul li:before {
  content: none;
}

div.cs-select .cs-options ul li.cs-selected, div.cs-select .cs-options ul li:hover {
  color: #4e5c60;
  -webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

div.cs-select .cs-options ul li:first-child {
  margin-top: 4px;
}

div.cs-select.cs-active {
  padding-bottom: 0.09rem;
}

div.cs-select.cs-active .cs-options {
  display: block;
}

input,
textarea {
  -webkit-transition: border-color .3s ease;
  transition: border-color .3s ease;
}

input.error,
textarea.error {
  border-color: red !important;
}

main .main-scroll>[id^='huge_it_google'] {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.gm-style {
  height: 100%;
  width: 100%;
  border: 0;
}

.google-map-wrapper {
  height: 50vh;
  min-height: 350px;
}

.grid-bg {
  display: none;
}

@media (min-width: 300px) {
  .grid-bg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    margin: 0;
    display: none;
  }
}

.grid-bg>div {
  border-right: 1px solid #edf5f8;
  height: 100%;
}

.grid-bg>div:last-child {
  border-right: 0;
}

.atail-header nav {
  /* width: 14.28rem; */
  height: 100%;
}

@media (max-width: 300px) {
  .atail-header nav {
    margin: 0;
  }
}

@media (max-width: 300px) {

  nav,
  nav.row {
    overflow: hidden;
    height: 100%;
    padding: 0.6rem 0 1rem 0.44rem;
    -webkit-transition: opacity 0.5s ease, -webkit-transform 0s ease 0.5s;
    transition: opacity 0.5s ease, -webkit-transform 0s ease 0.5s;
    transition: opacity 0.5s ease, transform 0s ease 0.5s;
    transition: opacity 0.5s ease, transform 0s ease 0.5s, -webkit-transform 0s ease 0.5s;
    -webkit-transform: translate(50%, 100%);
    transform: translate(50%, 100%);
    opacity: 0;
    background-color: #1957f3;
  }

  .atail-header-opened nav, .atail-header-opened nav.row {
    -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
    transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
    transition: transform 0.5s ease, opacity 0.5s ease;
    transition: transform 0.5s ease, opacity 0.5s ease, -webkit-transform 0.5s ease;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }

  nav .nav-list,
  nav.row .nav-list {
    overflow-y: auto;
    height: 100%;
    margin-bottom: 0;
    padding-left: 0.17rem;
    -webkit-transition: opacity 0s ease 0.5s;
    transition: opacity 0s ease 0.5s;
    opacity: 0;
  }

  .atail-header-opened nav .nav-list, .atail-header-opened nav.row .nav-list {
    -webkit-transition: opacity 0.5s ease 0.3s;
    transition: opacity 0.5s ease 0.3s;
    opacity: 1;
  }

  nav:before,
  nav.row:before {
    font-family: "Montserrat", sans-serif;
     /* font-size: .875rem; */
     font-size: 0.24rem;
    font-weight: bold;
    display: block;
    margin-bottom: 0.22rem;
    margin-left: 0.41rem;
    content: 'MENU';
    letter-spacing: 0.001rem;
    color: #0e42c2;
  }
}

@media (min-width: 300px) {

  nav,
  nav.row {
    position: relative;
  }
}

.nav-box-shadow {
  display: none;
}

@media (min-width: 300px) {
  .nav-box-shadow {
    position: absolute;
    z-index: -1;
    bottom: -0.3rem;
    overflow-x: hidden;
    width: 100%;
    height: 0.3rem;
  }

  .nav-box-shadow>div {
    box-shadow: 0 0 0.16rem 0.17rem #fff;
  }

  .window-height .nav-box-shadow>div {
    box-shadow: none;
  }
}

@media (max-width: 300px) {
  ol.nav-list ul {
    counter-reset: section;
  }

  ol.nav-list ul li:before {
    content: "0"counters(section, ".");
    counter-increment: section;
    font-family: 'Montserrat', sans-serif;
    width: auto;
    height: auto;
    background-color: transparent;
  }
}

.nav-list {
  margin: 0;
  margin-bottom: 0;
  padding: 0;
  counter-reset: section;
  -webkit-transition: background-color .3s ease;
  transition: background-color .3s ease;
  text-align: right;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.nav-list.row {
  margin: 0;
}

@media (min-width: 300px) {
  .nav-list {
    font-size: 0;
    display: table;
    width: 100%;
    height: 0.7rem;
  }

  .window-height .nav-list {
    border-bottom-width: 0;
    background-color: transparent;
  }
}

@media (min-width: 1200px) {
  .nav-list {
    height: 1.2rem;
  }
}

.nav-list ol,
.nav-list ul {
  overflow: hidden;
  margin: 0;
  padding: 0;
}

@media (max-width: 300px) {

  .nav-list ol,
  .nav-list ul {
    margin-top: 0.14rem;
  }
}

.nav-list li {
  position: relative;
}

.nav-list li.current-menu-item>a>span:nth-child(2) {
  position: relative;
}

.nav-list li.current-menu-item>a>span:nth-child(2):before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  content: '';
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  border-top: 1px solid;
}

@media (min-width: 300px) {
  .nav-list li.current-menu-item:hover:before {
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%);
  }
}

@media (max-width: 300px) {
  .nav-list li {
    margin: 0.03rem 0 0.25rem;
    padding: 0;
  }

  .nav-list li[class*=' col-'], .nav-list li[class^='col-'] {
    width: 100%;
  }
}

@media (min-width: 300px) {
  .nav-list li {
    line-height: 1;
  }
}

.nav-list li:before {
    /* font-size: .625rem; */
   font-size: .18rem;
  position: relative;
  top: 4px;
  display: block;
  float: left;
  margin: 0 0.1rem 0 0;
  content: "0"counters(section, ".");
  letter-spacing: 0.007rem;
  color: #0e42c2;
}

@media (min-width: 300px) {
  .nav-list li:before {
    content: none;
  }
}

.nav-list li:first-child:before {
  margin-right: 0.12rem;
}

.nav-list li a {
   /* font-size: .875rem; */
   font-size: 0.24rem;
  font-weight: bold;
  position: relative;
  max-width: 100%;
  text-decoration: none;
  letter-spacing: 0.0125rem;
  text-transform: uppercase;
}

@media (max-width: 300px) {
  .nav-list li a {
    display: block;
    letter-spacing: 0.016rem;
    color: #fff;
  }
}

@media (min-width: 300px) {
  .nav-list li a {
     font-size: 0.14rem;
  }
}

.nav-list li a span {
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  -webkit-transition: color .3s ease;
  transition: color .3s ease;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  text-overflow: ellipsis;
  font-family: sans-serif;
  color: #fff
}

@media (max-width: 300px) {
  .nav-list li a span {
    position: relative;
    padding-right: 0.3rem;
  }
}

.nav-list li a span:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  content: '';
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
  -webkit-transform: translate(-110%, -50%);
  transform: translate(-110%, -50%);
  border-top: 1px solid;
  display: none
}

.nav-list li.current-menu-item>a>span:before {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

@media (max-width: 300px) {
  .nav-list li.current-menu-item>a:hover>span:before {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}

.nav-list>li {
  float: none;
  text-align: left;
}

@media (max-width: 300px) {

  .nav-list>li ol li:before,
  .nav-list>li ul li:before {
    margin-right: 6px;
  }

  .nav-list>li ol li:first-child:before,
  .nav-list>li ul li:first-child:before {
    margin-right: 8px;
  }

  .nav-list>li ol li:last-child,
  .nav-list>li ul li:last-child {
    margin-bottom: 0;
  }

  .nav-list>li ol a,
  .nav-list>li ul a {
     /* font-size: .75rem; */
     font-size: 0.24rem;
    letter-spacing: 0;
  }

  .nav-list>li ol ol,
  .nav-list>li ol ul,
  .nav-list>li ul ol,
  .nav-list>li ul ul {
    margin-top: 0.16rem;
  }

  .nav-list>li ol ol li,
  .nav-list>li ol ul li,
  .nav-list>li ul ol li,
  .nav-list>li ul ul li {
    margin-bottom: 0.13rem;
  }

  .nav-list>li ol ol li:before,
  .nav-list>li ol ul li:before,
  .nav-list>li ul ol li:before,
  .nav-list>li ul ul li:before {
    margin-right: 8px;
  }

  .nav-list>li ol ol li:first-child:before,
  .nav-list>li ol ul li:first-child:before,
  .nav-list>li ul ol li:first-child:before,
  .nav-list>li ul ul li:first-child:before {
    margin-right: 0.1rem;
  }

  .nav-list>li ol ol a,
  .nav-list>li ol ul a,
  .nav-list>li ul ol a,
  .nav-list>li ul ul a {
     /* font-size: .875rem; */
     font-size: 0.24rem;
    text-transform: lowercase;
  }
}

@media (min-width: 300px) {
  .nav-list>li {
    display: inline-block;
    margin-bottom: 0;
    /* padding-top: 0.5rem; */
    padding-top: 0px;
    -webkit-transition: background-color 0s ease .3s;
    transition: background-color 0s ease .3s;
    vertical-align: top;
    display: flex;
    align-items: center;
  }

  .nav-list>li.current-menu-item>a>span:nth-child(2):before {
    content: none;
  }

  .nav-list>li ol,
  .nav-list>li ul {
    padding: 6px 0 0;
  }

  .nav-list>li ol a,
  .nav-list>li ul a {
    position: relative;
    display: inline-block;
    overflow: hidden;
    letter-spacing: 0.0125rem;
    text-transform: lowercase;
    color: #fff;
  }

  .nav-list>li ol a:hover span:before,
  .nav-list>li ul a:hover span:before {
    -webkit-transform: translate(110%, -50%);
    transform: translate(110%, -50%);
  }

  .nav-list>li ol a span,
  .nav-list>li ul a span {
    display: inline-block;
    padding-right: 0;
  }

  .nav-list>li ol li,
  .nav-list>li ul li {
    margin-bottom: 0.05rem;
    padding-right: 0;
    padding-left: 0;
  }

  .nav-list>li ol li:last-child,
  .nav-list>li ul li:last-child {
    margin-bottom: 0;
  }

  .nav-list>li ol li ol a,
  .nav-list>li ol li ul a,
  .nav-list>li ul li ol a,
  .nav-list>li ul li ul a {
    color: #adc4ff;
  }

  .nav-list>li ol li ol li,
  .nav-list>li ol li ul li,
  .nav-list>li ul li ol li,
  .nav-list>li ul li ul li {
    margin-bottom: 0.05rem;
    padding-left: 0.2rem;
  }

  .nav-list>li ol li ol li ol li,
  .nav-list>li ol li ol li ul li,
  .nav-list>li ol li ul li ol li,
  .nav-list>li ol li ul li ul li,
  .nav-list>li ul li ol li ol li,
  .nav-list>li ul li ol li ul li,
  .nav-list>li ul li ul li ol li,
  .nav-list>li ul li ul li ul li {
    padding-right: 0;
    padding-left: 0;
  }

  .nav-list>li.more-links>a {
    /* padding-left: 0.1rem; */
  }

  .nav-list>li.more-links>ul>li>a,
  .nav-list>li.more-links>ol>li>a {
    text-transform: uppercase;
  }

  .nav-list>li.more-links>ul>li>a .nav-list-counter,
  .nav-list>li.more-links>ol>li>a .nav-list-counter {
    margin-right: 0.1rem;
  }

  .nav-list>li.more-links>ul>li>a>span,
  .nav-list>li.more-links>ol>li>a>span {
    display: inline-block;
    vertical-align: top;
  }

  .nav-list>li.more-links>ul>li>a>span.nav-list-counter {
    display: none;
  }

  .nav-list>li.more-links>ul>li:hover span {
    color: #fff;
    text-decoration: underline;
  }

  .nav-list>li.more-links>ul>li>a>span:nth-child(1),
  .nav-list>li.more-links>ol>li>a>span:nth-child(1) {
    padding-right: 0;
  }

  .nav-list>li.more-links>ul>li>a>span:nth-child(1):before,
  .nav-list>li.more-links>ol>li>a>span:nth-child(1):before {
    content: none;
  }

  .nav-list>li.more-links>ul>li>a>span:nth-child(2),
  .nav-list>li.more-links>ol>li>a>span:nth-child(2) {
    font-weight: normal;
    position: relative;
    overflow: hidden;
  }
}

@media (min-width: 1200px) {
  .nav-list>li {
    padding-top: 0px;
    height: 100%;
    display: flex;
    align-items: center;
  }

}

.nav-list>li>a {
  display: inline-block;
  text-transform: uppercase;
}

@media (max-width: 300px) {
  .nav-list>li>a {
    display: block;
  }
}

@media (min-width: 300px) {
  .nav-list>li>a {
     /* font-size: 1.125rem; */
     font-size: 0.24rem;
    /* font-size: 0.18rem; */
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    padding-left: 0px;
    color: #4d4f54;
  }
}

.nav-list>li>a>span {
  display: inline-block;
  font-family: sans-serif;
  font-size: 0.18rem;
  letter-spacing: 0.02REM;
  color: #fff;
}

@media (min-width: 300px) {
  .nav-list>li>a>span {
    display: inline-block;
    overflow: hidden;
    width: auto;
    height: 0.4rem;
    text-overflow: ellipsis;
    position: relative;
    font-weight: normal;
    line-height: 0.36REM;
  }

  .nav-list>li>a>span.Name:after {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0.05rem;
    width: 0;
    height: 0.02rem;
    transition: all 0.4s;
    content: "";
    background-color: #fff;
  }

  .nav-list>li.current-menu-item>a>span.Name:after {
    width: 100%;
    ;
  }

  .nav-list>li>a>span:before {
    content: none;
  }
}

@media (min-width: 1200px) {
  .nav-list>li>a>span {
    height: 0.4rem;
    line-height: 0.36rem;
  }
}

.nav-list>li>a .nav-list-counter {
  display: none;
  color: #e9e8ee;
}

 @media (min-width: 300px) {
  .nav-list > li > a .nav-list-counter {
    position: absolute;
    top: -0.1rem;
    left: 0.1rem;
    display: inline-block;
    font-size: 0.18rem;
    font-size: 0
  }
}
@media (min-width: 300px) {
  .nav-list>li>a:hover {
    color: #1957f3;
  }
}

@media (min-width: 300px) {
  .nav-list>li:hover.menu-item-has-children {
    -webkit-transition: background-color 0s linear .1s;
    transition: background-color 0s linear .1s;
  }
}

@media (min-width: 300px) {
  .nav-list>li:hover>ul {
    display: block;
    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
    transition: transform 0.3s ease, opacity 0.3s ease;
    transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }

  .nav-list>li:hover>ul li {
    -webkit-transition: opacity 0.2s ease 0.3s;
    transition: opacity 0.2s ease 0.3s;
    opacity: 1;
  }
}

@media (min-width: 300px) {
  .nav-list>li>ul {
    position: absolute;
    z-index: 1;
    top: 0.9rem;
    left: 0px;
    overflow: auto;
    width: 1.5rem;
    max-height: calc(100vh - 0.61rem);
    /* padding: 0 0.16rem 0.2rem 0; */
    -webkit-transition: opacity 0s ease 0.5s, -webkit-transform 0.3s ease 0.2s;
    transition: opacity 0s ease 0.5s, -webkit-transform 0.3s ease 0.2s;
    transition: transform 0.3s ease 0.2s, opacity 0s ease 0.5s;
    transition: transform 0.3s ease 0.2s, opacity 0s ease 0.5s, -webkit-transform 0.3s ease 0.2s;
    -webkit-transform: translateY(-200%);
    transform: translateY(-200%);
    opacity: 1;
    background: none;
  }

  .nav-list>li>ul li {
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    opacity: 0;
  }

  .nav-list>li>ul li[class*=' col-xs'], .nav-list>li>ul li[class^='col-xs'] {
    width: 100% !important;
  }
}

@media (min-width: 1200px) {
  .nav-list>li>ul {
    top: 0.94rem;
    max-height: calc(100vh - 0.94rem);
  }
}

ol,
ul {
  padding: 0px;
  margin: 0;
  list-style: none;
  counter-reset: section;
}

ol.no-list li:before,
ul.no-list li:before {
  content: none;
}

ol li:before,
ul li:before {
  margin-left: 8px;
  margin-right: 0.27rem;
  opacity: .5;
}

ol ol,
ol ul,
ul ol,
ul ul {
  padding-left: 0.25rem;
  padding-top: 0.31rem;
}

ol ol li:before,
ol ul li:before,
ul ol li:before,
ul ul li:before {
  margin: 0 0.3rem 0 0.17rem;
}

li {
  font-size: 0.1rem;
  line-height: 1;
  margin-bottom: 0.2rem;
}

 @media (min-width: 300px) {
  li {
    font-size: 0.16rem;
  }
}

.atail-comment-content ul>li:before {
  content: '';
  display: inline-block;
  width: 0.05rem;
  height: 0.03rem;
  background-color: #a9acb5;
  vertical-align: middle;
  margin-left: 0.14rem;
}

ul ul>li:before {
  height: 0.05rem;
  border-radius: 50%;
  margin-left: 0.22rem;
}

.atail-comment-content ul ul>li:before {
  height: 0.05rem;
  border-radius: 50%;
  margin-left: 0.22rem;
}

ul ol {
  counter-reset: section;
}

ol {
  counter-reset: section;
}

ol>li {
  counter-increment: section;
}

ol>li:before {
  content: counters(section, ".");
  font-family: 'Montserrat', sans-serif;
  /* font-size: 0.14rem; */
  font-size: 0.14rem;
  color: #a9acb5;
  margin-left: 0.14rem;
}

.atail-comment-content ol>li:before {
  content: counters(section, ".");
  font-family: 'Montserrat', sans-serif;
  /* /* font-size: 0.14rem; */
  font-size: 0.14rem;
  color: #a9acb5;
  margin-left: 0.14rem;
}

ol ol>li:before {
  margin-right: 0.26rem;
}

.atail-comment-content ol ol>li:before {
  margin-right: 0.26rem;
}

h1, h2, h3, h4, h5, h6, .small-title,
.project-count {
  font-family: "Montserrat", sans-serif;
  line-height: .95;
  margin-top: 0;
}

h1 {
  color: #4d4f54;
}

h1 a {
  text-decoration: none;
}

h2 {
  color: #4d4f54;
}

h2 a {
  text-decoration: none;
}

h3 {
  color: #4d4f54;
}

h3 a {
  text-decoration: none;
}

h4 {
  color: #4d4f54;
}

h4 a {
  text-decoration: none;
}

h5 {
  color: #4d4f54;
}

h5 a {
  text-decoration: none;
}

h6 {
  color: #4d4f54;
}

h6 a {
  text-decoration: none;
}

.small-title,
.project-count {
  display: block;
   /* font-size: .875rem; */
   font-size: 0.24rem;
  font-weight: bold;
  font-style: normal;
  color: #a9acb5;
  letter-spacing: -0.35rem;
  margin-bottom: 0;
  text-decoration: none;
}

.small-title>span {
  display: block;
   /* font-size: .625rem; */
   font-size: .18rem;
  text-transform: uppercase;
  margin: 0.1rem 0;
}

h1 {
   font-size: 0.275rem;
  margin-bottom: 0;
}
/* 
 @media (min-width: 300px) {
  h1 {
    font-size: 45rem;
  }
} */
 h2 {
  font-size: 0.225rem;
  line-height: 1;
  margin-bottom: 0;
}
 /* @media (min-width: 300px) {
  h2 {
    font-size: 3.75rem;
  }
} */
h3 {
  font-size: 0.1875rem;
  line-height: 1.1;
  margin-bottom: 0;
}
 /* @media (min-width: 300px) {
  h3 {
    font-size: 3rem;
  }
} */
 h4 {
  font-size: 0.15rem;
  line-height: 1.1;
  margin-bottom: 0;
}
 /* @media (min-width: 300px) {
  h4 {
    font-size: 2.25rem;
  }
} */
h5 {
  font-size: 0.125rem;
  line-height: 1.2;
  margin-bottom: 0;
}
 /* @media (min-width: 300px) {
  h5 {
    font-size: 1.875rem;
  }
} */
h6 {
  font-size: 0.1125rem;
  line-height: 1.2;
  margin-bottom: 0;
}
 /* @media (min-width: 300px) {
  h6 {
    font-size: 1.5rem;
  }
} */
a {
  font-family: "Montserrat", sans-serif;
  -webkit-transition: color .3s ease;
  transition: color .3s ease;
}

h2 a {
  text-decoration: none;
}

.logo {
  line-height: 0.46rem;
  position: absolute;
  z-index: 2;
  left: 0;
  width: 50%;
  width: 2.74rem;
  height: 100%;
  text-align: center;
}

@media (max-width: 300px) {
  .logo {
    bottom: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.8);
    border-right: 1px solid rgba(0, 0, 0, 0.8);
    background-color: white;
  }
}

@media (min-width: 300px) {
  .logo {
    /* height: 0.7rem; */
    /* text-align: left; */
  }

  .logo.atail-logo-rotate {
    -webkit-transform: rotate(-90deg) translateX(-100%);
    transform: rotate(-90deg) translateX(-100%);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    text-align: right;
  }

  .logo.atail-logo-rotate a {
    display: inline-block;
  }
}

@media (min-width: 1200px) {
  .logo {
    /* height: 1.2rem; */
  }
}

/* @media (min-width: 300px) and (max-width: 14rem) {

   .logo {
    width: 9.5%;
  }
  .logo.atail-logo-rotate {
    height: 0.7rem;
  }
} */

/* @media (min-width: 1401px) {
  .logo {
    top: 0;
    width: 2.74rem;
  }

  .logo.atail-logo-rotate {
    height: 1rem;
  }
} */

.logo a {
  display: inline-block;
  height: 100%;
  table-layout: fixed;
  vertical-align: middle;
  text-decoration: none;
  width: 2.74rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 300px) {
  .logo a {
    width: 100%;
  }
}

/* @media (min-width: 300px) {
  .logo a {
    max-width: 100%;
    min-width: 0.7rem;
  }
} */

/* @media (min-width: 1401px) {
  .logo a {}
} */

.logo a img {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  vertical-align: middle;
}

@media (min-width: 300px) {
  .logo.atail-logo-rotate a img {
    font-family: 'object-fit: contain; object-position: right';
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: right;
    object-position: right;
  }
}

.logo object {
  position: relative;
  z-index: -1;
}

.logo svg {
  display: none;
}

.atail-text-logo {
  line-height: 1;
  display: flex;
  width: 1.58rem;
  height: 100%;
  overflow: hidden;
  vertical-align: middle;
  text-overflow: ellipsis;
  justify-content: center;
  align-items: center;
}

@media (max-width: 300px) {
  .atail-text-logo {
    height: 0.4rem;
  }
}

@media (min-width: 300px) {
  .atail-text-logo {
    text-align: center;
  }

  .atail-logo-rotate .atail-text-logo {
    height: 0.7rem;
    display: inline-block;
    padding: 0 0.2rem;
  }
}

@media (min-width: 1200px) {
  .atail-text-logo {}
}

@media (min-width: 1401px) {
  .atail-logo-rotate .atail-text-logo {
    height: 1rem;
  }
}

 p {
  font-size: 0.1rem;
  margin: 0 0 0;
  text-overflow: ellipsis;
}
p:empty {
  margin-bottom: 0;
}

 @media (min-width: 300px) {
  p {
    font-size: 0.15rem;
  }
}
p+img {
  margin-top: 0.14rem;
  margin-bottom: 0.14rem;
}

p>img {
  margin: 0.21rem 0;
  display: block;
}

.atail-post+div {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}

.atail-post+div:empty {
  padding-top: 0;
  padding-bottom: 0;
}

.atail-post+.blog-promo-box {
  margin-top: 0;
}

@media (max-width: 992px) {
  .atail-post+.blog-promo-box {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
  }
}

.atail-post-line {
  display: none;
  position: absolute;
  width: 1px;
  background-color: #e0e0e0;
  height: 100%;
  top: 0;
  left: 66.66667%;
  z-index: -1;
  margin-left: -1px;
}

.atail-sidebar-left .atail-post-line {
  left: 33.33333%;
}

@media (min-width: 300px) {
  .atail-post-line {
    display: block;
  }
}

.atail-post-title {
  position: relative;
  margin-bottom: 0.64rem;
}

@media (max-width: 300px) {
  .atail-post-title {
    margin-left: -0.15rem;
    margin-right: -0.15rem;
  }
}

.atail-post-title h1 {
  position: absolute;
  bottom: 15%;
  left: 0;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
  color: #fff;
  z-index: 2;
  max-width: 5.6rem;
}

@media (min-width: 300px) {
  .atail-post-title h1 {
    left: 8.33333%;
    padding-left: 0;
    padding-right: 0;
  }
}

.atail-post-title.atail-no-thumbnail {
  clear: both;
  overflow: hidden;
}

.atail-post-title.atail-no-thumbnail h1 {
  left: 12.5%;
  color: inherit;
  position: relative;
  margin-top: 0.64rem;
}

.atail-post-content .atail-post-title.atail-no-thumbnail h1 {
  left: 0;
  margin-top: 0;
}

.atail-post-title img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover;';
  min-height: 450px;
  height: 100vh;
}

@media (min-width: 300px) {
  .atail-post-title img {
    height: calc(100vh - 1.2rem);
  }
}

.atail-post-title:not(.atail-no-thumbnail) {
  background-color: black;
}

.atail-post-title:not(.atail-no-thumbnail) img {
  opacity: .6;
}

 .atail-post-content {
  /* font-size: 1.5rem; */
  font-size: 0.32rem;
}
 /* @media (max-width: 300px) {
  .atail-post-content {
    font-size: 1rem;
    padding: 0 0.15rem;
  }
} */
.atail-post-content img {
  display: block;
  width: auto;
  max-width: 100%;
  clear: both;
  margin-top: 0.21rem;
  margin-bottom: 0.21rem;
}

.atail-post-navigation {
  text-align: center;
  margin-top: -1px;
}

@media (max-width: 300px) {
  .atail-post-navigation {
    padding-left: 0;
    padding-right: 0;
    margin-left: -0.15rem;
    margin-right: -0.15rem;
  }

  .atail-post-navigation div[class^="col-"],
  .atail-post-navigation div[class*=" col-"] {
    padding-left: 0;
    padding-right: 0;
  }
}

.atail-post-navigation>div {
  margin: 0;
  border-top: 1px solid #edf5f8;
  border-bottom: 1px solid #edf5f8;
}

.atail-post-navigation a {
  display: block;
  width: 100%;
  text-decoration: none;
   /* font-size: .875rem; */
   font-size: 0.24rem;
  -webkit-transition: background-color .3s ease, color .3s ease;
  transition: background-color .3s ease, color .3s ease;
  padding: 0.38rem 0;
  line-height: 1;
  border-right: 1px solid #edf5f8;
}

.atail-post-navigation a[rel="next"] {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  border: 0;
}

.atail-post-navigation a[rel="next"], .atail-post-navigation a[rel="prev"] {
  opacity: .7;
  -webkit-transition: background-color .3s ease, color .3s ease, opacity .3s ease;
  transition: background-color .3s ease, color .3s ease, opacity .3s ease;
  padding: 0.35rem 0;
}

.atail-post-navigation a[rel="next"] svg, .atail-post-navigation a[rel="prev"] svg {
  height: 0.18rem;
}

.atail-post-navigation a:hover {
  opacity: 1;
  background-color: #f6f8fb;
}

.atail-post .small-title {
  color: inherit;
}

.atail-post .comment {
  list-style: none;
  line-height: inherit;
  margin-bottom: 0.34rem;
}

.atail-post .comment>ul {
  padding-left: 0.2rem;
  padding-top: 0.36rem;
}

@media (min-width: 300px) {
  .atail-post .comment>ul {
    padding-left: 0.94rem;
  }
}

.atail-post .comment>ul .atail-comment-avatar {
  width: 0.45rem;
  height: 0.45rem;
}

@media (min-width: 768px) {
  .atail-post .comment>ul .atail-comment-avatar {
    width: 0.5rem;
    height: 0.5rem;
  }
}

.atail-post .comment>ul .atail-comment-body {
  padding-left: 0.78rem;
}

.atail-post .comment>ul ul {
  padding-left: 0;
}

.atail-post-comments-wrapper {
  position: relative;
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
  border-top: 1px solid #f3f8fa;
  border-bottom: 1px solid #f3f8fa;
  border-right: 1px solid #f3f8fa;
}

.atail-sidebar-left .atail-post-comments-wrapper {
  border-right: 0;
}

.atail-post-comments-wrapper:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: #e0e0e0;
  opacity: .2;
}

@media (max-width: 300px) {
  .atail-post-comments-wrapper {
    padding-top: 0.6rem;
    margin-left: -0.15rem;
    margin-right: -0.15rem;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
  }
}

.atail-post-comments-wrapper [type="submit"] {
  border: 0;
}

.atail-post-comments-wrapper .form-submit {
  margin-bottom: 0;
}

.atail-post-comments-wrapper .form-submit [type="submit"] {
  margin-bottom: 0;
}

.atail-post-comments-title {
  margin-bottom: 0.37rem;
  margin-left: -0.05rem;
  letter-spacing: 0.014rem;
}

@media (min-width: 300px) {
  .atail-post-comments-title {
    margin-bottom: 0.75rem;
  }
}

.atail-post-comments-list {
  padding: 0 0 0 0.05rem;
}

.atail-post-most-likes {
  overflow: hidden;
  margin-bottom: 0.4rem;
  display: table;
  table-layout: fixed;
}

@media (min-width: 300px) {
  .atail-post-most-likes {
    margin-bottom: 0.8rem;
  }
}

.atail-post-most-likes:last-child {
  margin-bottom: 0;
}

.atail-post-most-likes img {
  width: 100%;
  height: 100%;
  vertical-align: middle;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover;';
}

.atail-post-most-likes .most-likes-content {
  vertical-align: middle;
}

.atail-post-most-likes .most-likes-content+.most-likes-content {
  padding-left: 0.5rem;
}

@media (max-width: 300px) {
  .atail-post-most-likes .most-likes-content+.most-likes-content {
    padding-left: 0.25rem;
  }
}

.atail-post-most-likes .most-likes-content.post-most-likes-content-image {
  width: 0.6rem;
  height: 0.6rem;
}

@media (min-width: 300px) {
  .atail-post-most-likes .most-likes-content.post-most-likes-content-image {
    width: 1.2rem;
    height: 1.2rem;
  }
}

.atail-post-most-likes .most-likes-content.post-most-likes-content-image:empty {
  display: none;
}

.atail-post-most-likes .most-likes-content:nth-child(1):empty+.most-likes-content {
  padding-left: 0;
}

.atail-post-most-likes .most-likes-content h5 {
  margin-top: 4px;
}

.atail-post-most-likes-wrap {
  margin-bottom: 0.75rem;
}

@media (min-width: 300px) {
  .atail-post-most-likes-wrap {
    margin-bottom: 1.5rem;
  }
}

.atail-post-most-likes .small-title {
  margin-bottom: 0;
}

.atail-post-most-likes .small-title a {
  text-decoration: none;
}

.atail-post-most-likes .small-title span {
  display: inline-block;
  color: #a9acb5;
   /* font-size: .75rem; */
  font-size: .18rem;
}

.post-content-info {
  margin-bottom: 0.35rem;
   /* font-size: .875rem; */
   font-size: 0.24rem;
}

.post-content-info a {
  text-decoration: none;
}

.post-content-info .content-info-date {
  letter-spacing: 0.001rem;
}

.post-content-info .content-info-date a {
  text-transform: uppercase;
   /* font-size: .075rem; */
   font-size: 0.18rem;
}

.post-content-tags {
  margin-bottom: 0.35rem;
  font-size: 0.24rem;
   /* font-size: .0875rem; */
}

.post-content-tags:empty {
  margin-bottom: 0;
}

.post-content-tags a {
  text-decoration: none;
}

.post-content-tags .small-title {
  display: inline-block;
  margin-bottom: 0;
  padding-right: 0.05rem;
}

.post-content-likes {
  margin-bottom: 0.78rem;
}

@media (min-width: 300px) {
  .post-content-likes {
    margin-bottom: 159px;
  }
}

.post-content-likes .blog-count-likes,
.post-content-likes .blog-count-comments,
.post-content-likes .comment-reply-link,
.post-content-likes .comment-edit-link {
  float: none;
}

.post-content-likes .blog-count-comments, .post-content-likes .comment-reply-link, .post-content-likes .comment-edit-link {
  margin-left: 0.22rem;
}

.post-content-text {
  margin-bottom: 0.37rem;
}

@media (min-width: 300px) {
  .post-content-text {
    margin-bottom: 0.74rem;
  }
}

.atail-comment-body {
  position: relative;
  padding-left: 0.65rem;
   /* font-size: .875rem; */
   font-size: 0.24rem;
}

@media (min-width: 768px) {
  .atail-comment-body {
    padding-left: 0.95rem;
  }
}

.atail-comment-body .author-name {
  display: inline-block;
  line-height: 1;
  text-decoration: none;
}

.atail-comment-body p {
  font-size: inherit;
}

.atail-comment-body .blog-count-likes,
.atail-comment-body .blog-count-comments,
.atail-comment-body .comment-reply-link,
.atail-comment-body .comment-edit-link {
  display: inline-block;
  float: none;
}

.atail-comment-body .blog-count-likes:after {
  content: '';
  display: inline-block;
  width: 1px;
  height: 0.1rem;
  vertical-align: middle;
  border-left: 1px solid;
  opacity: .5;
  margin-left: 0.16rem;
}

.atail-comment-body .blog-count-comments, .atail-comment-body .comment-reply-link, .atail-comment-body .comment-edit-link {
  margin-left: 0.12rem;
}

.atail-comment-author {
  line-height: 1.3;
  margin-bottom: 0.09rem;
}

.atail-comment-avatar {
  position: absolute;
  top: 0.03rem;
  left: 0;
  display: inline-block;
  width: 0.45rem;
  height: 0.45rem;
}

@media (min-width: 768px) {
  .atail-comment-avatar {
    width: 0.6rem;
    height: 0.6rem;
  }
}

.atail-comment-avatar img {
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover;';
}

.atail-comment-content p:last-child {
  margin-bottom: 0.03rem;
}

.atail-plus {
  position: relative;
  display: inline-block;
  width: 0.1rem;
  height: 0.1rem;
}

.small-title .atail-plus {
  display: inline-block;
  font-size: inherit;
  margin: 0 0.12rem 0 0;
}

.atail-plus:before, .atail-plus:after {
  content: '';
  position: absolute;
}

.atail-plus:before {
  top: 0;
  left: 50%;
  height: 100%;
  width: 1px;
  margin-left: -1px;
  border-left: 1px solid;
}

.atail-plus:after {
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  margin-top: -1px;
  border-top: 1px solid;
}

.comment-reply-link,
.comment-edit-link {
   /* font-size: .875rem; */
   font-size: 0.24rem;
  line-height: 1;
  position: relative;
  top: 2px;
}

.comment-reply-title {
  text-align: right;
}

.comment-reply-title .comment-reply-close {
  display: inline-block;
  width: 0.2rem;
  height: 0.2rem;
  cursor: pointer;
  position: relative;
}

.comment-reply-title .comment-reply-close:before, .comment-reply-title .comment-reply-close:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  width: 100%;
  height: 1px;
  border-top: 1px solid;
  -webkit-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: left .3s ease .2s, right .3s ease .2s, -webkit-transform .2s ease;
  transition: left .3s ease .2s, right .3s ease .2s, -webkit-transform .2s ease;
  transition: left .3s ease .2s, right .3s ease .2s, transform .2s ease;
  transition: left .3s ease .2s, right .3s ease .2s, transform .2s ease, -webkit-transform .2s ease;
}

.comment-reply-title .comment-reply-close:before {
  left: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: left .3s ease, -webkit-transform .2s ease .3s;
  transition: left .3s ease, -webkit-transform .2s ease .3s;
  transition: left .3s ease, transform .2s ease .3s;
  transition: left .3s ease, transform .2s ease .3s, -webkit-transform .2s ease .3s;
}

.comment-reply-title .comment-reply-close:after {
  right: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: right .3s ease, -webkit-transform .2s ease .3s;
  transition: right .3s ease, -webkit-transform .2s ease .3s;
  transition: right .3s ease, transform .2s ease .3s;
  transition: right .3s ease, transform .2s ease .3s, -webkit-transform .2s ease .3s;
}

.atail-preloader {
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 0;
  height: 100%;
  -webkit-transition: width .6s ease;
  transition: width .6s ease;
  background-color: #009944;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.atail-preloader-wrapper {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  text-align: center;
}

.atail-preloader-wrapper>span {
  font-weight: bold;
  position: fixed;
  z-index: 2;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: black;
}

.atail-preloader>span {
  font-weight: bold;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: white;
}

.atail-preloader.full-preloader {
  width: 100%;
}

.atail-preloader.atail-preloader-loaded {
  right: 0;
  left: auto;
  width: 0;
}

.atail-preloader.atail-preloader-loaded>span {
  right: 0;
  left: auto;
}

.atail-preloader .atail-dot {
  background-color: white;
}

.atail-dot {
  position: relative;
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0 2px;
  border: 1px solid transparent;
  border-radius: 50%;
  background-color: blue;
}

.atail-dot.start-animation {
  -webkit-animation-name: dot-move;
  animation-name: dot-move;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes dot-move {

  0%,
  50%,
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  25% {
    -webkit-transform: translateY(-80%);
    transform: translateY(-80%);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  75% {
    -webkit-transform: translateY(80%);
    transform: translateY(80%);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
}

@keyframes dot-move {

  0%,
  50%,
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  25% {
    -webkit-transform: translateY(-80%);
    transform: translateY(-80%);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  75% {
    -webkit-transform: translateY(80%);
    transform: translateY(80%);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
}

.project-preview {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background-color: rgba(0, 0, 0, 0.0001);
}

@media (max-width: 767px) {
  .project-preview {
    margin-left: -0.15rem;
    margin-right: -0.15rem;
  }
}

.project-preview [class*=' row-col-'],
.project-preview [class^='row-col-'] {
  margin: 0;
}

.project-preview:focus {
  border: 0;
  outline: none;
}

.project-preview-arrow {
  position: absolute;
  z-index: 3;
  bottom: 0.42rem;
  left: -0.43rem;
  opacity: .5;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  pointer-events: none;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}

@media (min-width: 300px) {
  .project-preview-arrow {
    bottom: 0;
    left: 5%;
    -webkit-transform: rotate(-90deg) translateY(50%);
    transform: rotate(-90deg) translateY(50%);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    min-width: 1.5rem;
  }

  .project-preview-arrow span img {
    vertical-align: middle;
  }

  .bigbox {
    position: relative;
  }

  .bigbox .project-count {
    position: absolute;
    right: 5%;
    bottom: -20%
  }
}

.project-preview-arrow-wrapper {
  position: absolute;
  width: 20%;
  z-index: -1;
}

.project-preview-arrow span {
  font-family: "Montserrat", sans-serif;
   /* font-size: 0.75rem; */
   font-size: 0.18rem;
  display: inline-block;
  vertical-align: middle;
}

.project-preview-arrow span:nth-child(1) {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  overflow: hidden;
  margin-right: 0.05rem;
}

@media (max-width: 767px) {
  .project-preview-arrow span:nth-child(2) {
    opacity: 0;
  }
}

.project-preview-arrow svg {
  display: block;
  width: 0.5rem;
  -webkit-animation: project-arrow 2.2s ease-in infinite;
  animation: project-arrow 2.2s ease-in infinite;
}

.project-preview .projects-item {
  display: none;
  padding: 0.3rem 0;
}

.project-preview .projects-item-active {
  display: table;
}

@media (min-width: 300px) {
  .project-preview .projects-item .display-table-cell {
    padding-top: 12%;
    vertical-align: top;
  }
}

.window-height main .row .project-preview+div {
  overflow: hidden;
}

@media (max-width: 300px) {
  .window-height main .row .project-preview+div {
    position: absolute;
    top: 0;
    right: 0;
    height: auto;
  }
}

.project-preview-images {
  position: absolute;
  z-index: 0;
  top: 0;
  height: 100%;
  -webkit-transition: opacity 0.6s ease;
  transition: opacity 0.6s ease;
}

@media (max-width: 300px) {
  .project-preview-images {
    top: 50%;
    right: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

@media (min-width: 300px) {
  .project-preview-images {
    left: 0;
    width: 100%;
  }
}

.project-preview-images+div {
  -webkit-transition: opacity 0.6s ease;
  transition: opacity 0.6s ease;
}

.all-projects-loaded .project-preview-images {
  display: none;
}

.all-projects-loaded .project-preview-images+div {
  display: none;
}

.all-projects-loading .project-preview-images {
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  opacity: 0;
}

.all-projects-loading .project-preview-images+div {
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  opacity: 0;
}

.project-preview article:after {
  clear: both;
  content: '';
}

@-webkit-keyframes project-arrow {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}

@keyframes project-arrow {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}

.open-full-post {
  position: relative;
  display: inline-block;
  clear: both;
  -webkit-transition: opacity 0.4s ease, color 0.3s ease, -webkit-transform 0.4s ease;
  transition: opacity 0.4s ease, color 0.3s ease, -webkit-transform 0.4s ease;
  transition: transform 0.4s ease, opacity 0.4s ease, color 0.3s ease;
  transition: transform 0.4s ease, opacity 0.4s ease, color 0.3s ease, -webkit-transform 0.4s ease;
  -webkit-transform: translateX(20%);
  transform: translateX(20%);
  opacity: 0;
}

.projects-item-animate .open-full-post {
  -webkit-transition: opacity 0.4s ease 0.2s, color 0.3s ease, -webkit-transform 0.4s ease 0.2s;
  transition: opacity 0.4s ease 0.2s, color 0.3s ease, -webkit-transform 0.4s ease 0.2s;
  transition: transform 0.4s ease 0.2s, opacity 0.4s ease 0.2s, color 0.3s ease;
  transition: transform 0.4s ease 0.2s, opacity 0.4s ease 0.2s, color 0.3s ease, -webkit-transform 0.4s ease 0.2s;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}

.atail-intro .open-full-post {
  opacity: 1;
}

.preview-article-header, .preview-article-text {
  overflow: hidden;
}

.preview-article-header h2, .preview-article-header h3 {
  position: relative;
  -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
  transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
  transition: transform 0.4s ease, opacity 0.4s ease;
  transition: transform 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease;
  -webkit-transform: translateY(-150%);
  transform: translateY(-150%);
  opacity: 0;
}

@media (min-width: 300px) {
  .preview-article-header h2 {
    max-width: 4rem;
  }
}

.projects-item-animate .preview-article-header h2, .projects-item-animate .preview-article-header h3 {
  -webkit-transition: opacity 0.4s ease 0.2s, -webkit-transform 0.4s ease 0.2s;
  transition: opacity 0.4s ease 0.2s, -webkit-transform 0.4s ease 0.2s;
  transition: transform 0.4s ease 0.2s, opacity 0.4s ease 0.2s;
  transition: transform 0.4s ease 0.2s, opacity 0.4s ease 0.2s, -webkit-transform 0.4s ease 0.2s;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  color: #fff
}

.preview-article-text {
  margin-bottom: 0.21rem;
  margin-top: 0.3rem;
}

/* @media (max-width: 1100px) {
  .preview-article-text {
    display: none;
  }
} */

@media (min-width: 300px) {
  .preview-article-text {
    width: 50%;
  }
}

.preview-article-text p {
  position: relative;
   /* font-size: 0.875rem; */
   font-size: 0.24rem;
  -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
  transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
  transition: transform 0.4s ease, opacity 0.4s ease;
  transition: transform 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease;
  -webkit-transform: translateY(150%);
  transform: translateY(150%);
  opacity: 0;
}

.preview-article-text p:last-child {
  margin-bottom: 0;
}

.projects-item-animate .preview-article-text p {
  -webkit-transition: -webkit-transform 0.5s ease 0.5s, -webkit-transform 0.4s ease 0.5s;
  transition: -webkit-transform 0.5s ease 0.5s, -webkit-transform 0.4s ease 0.5s;
  transition: transform 0.5s ease 0.5s, transform 0.4s ease 0.5s;
  transition: transform 0.5s ease 0.5s, transform 0.4s ease 0.5s, -webkit-transform 0.5s ease 0.5s, -webkit-transform 0.4s ease 0.5s;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  font-family: sans-serif;
  font-size: 0.15rem;
  line-height: 0.3rem;
  color: #fff;
  text-align: justify;
  max-width: 4.9rem
}

.preview-images-item {
  position: relative;
  overflow: hidden;
  height: 100%;
}

.preview-images-item {
  left: 33.3333%;
  width: 50%;
}

@media (max-width: 1366px) {
  .preview-images-item {
    left: 40%;
    width: 50%;
  }
}

.preview-images-item img {
  font-family: 'object-fit: cover;';
  position: absolute;
  top: 0;
  left: -110%;
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.preview-images-item img.images-item-active {
  left: 0;
}

@media (min-width: 300px) {
  .preview-images-item img.images-item-active {
    left: -1px;
  }
}

@media (max-width: 767px) {

  .all-projects-ajax-btn,
  .atail main .main-scroll .row .all-projects-ajax-btn {
    left: 0;
  }
}

@media (min-width: 768px) and (max-width: 300px) {

  .all-projects-ajax-btn,
  .atail main .main-scroll .row .all-projects-ajax-btn {
    position: absolute;
    top: 0;
    left: 0.15rem;
    height: auto;
  }
}

@media (max-width: 300px) {

  .all-projects-ajax-btn,
  .atail main .main-scroll .row .all-projects-ajax-btn {
    position: absolute;
    top: 0;
    height: auto;
    display: none;
  }

  .preview-images-item {
    left: 0;
    width: 100%;
  }
}

.single-project {
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
}

@media (max-width: 479px) {
  .main-scroll .single-project {
    margin-bottom: 0.3rem;
    margin-top: 0.6rem;
  }
}

.single-project+div {
  margin-bottom: 1.5rem;
}

@media (max-width: 479px) {
  .single-project+div {
    margin-bottom: 0.59rem;
  }
}

.project-count {
   /* font-size: 1.25rem; */
   font-size: 0.32rem;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  text-align: right;
  padding-right: 0%;
}

@media (max-width: 300px) {
  .project-count {
    text-align: left;
    padding-right: 0;
  }
}

.project-count>span {
  display: inline-block;
  vertical-align: bottom;
}

.project-count>span:first-child {
  overflow: hidden;
}

@media (max-width: 300px) {
  .project-count+div {
    padding-right: 0.15rem;
    padding-left: 0.15rem;
  }
}

.projects-item-animate .project-count {
  opacity: 1;
}

.project-count-number {
   /* font-size: 3.75rem; */
   font-size: .18rem;
  line-height: .8;
  position: relative;
  top: 2px;
  display: inline-block;
  -webkit-transform: translateY(-150%);
  transform: translateY(-150%);
}

 /* @media (max-width: 1170px) {
  .project-count-number {
    font-size: 5.375rem;
  }
} */
 /* @media (min-width: 1171px) {
  .project-count-number {
    font-size: 8.75rem;
  }
} */
.projects-item-animate .project-count-number {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-animation: project-count 0.4s forwards;
  animation: project-count 0.4s forwards;
  font-family: sans-serif;
  font-size: 0.72rem;
  color: #fff;
}

.projects-count-hide .project-count-number {
  -webkit-animation: project-count-hide 0.5s forwards;
  animation: project-count-hide 0.5s forwards;
}

@-webkit-keyframes project-count {
  0% {
    -webkit-transform: translateY(-150%);
    transform: translateY(-150%);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}

@keyframes project-count {
  0% {
    -webkit-transform: translateY(-150%);
    transform: translateY(-150%);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}

@-webkit-keyframes project-count-hide {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(150%);
    transform: translateY(150%);
    opacity: 0;
  }
}

@keyframes project-count-hide {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(150%);
    transform: translateY(150%);
    opacity: 0;
  }
}

.all-atail-projects {
  margin: 0;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

@media (max-width: 300px) {
  .all-atail-projects {
    margin-top: 0.45rem;
  }
}

@media (min-width: 300px) {
  .all-atail-projects {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    height: 100%;
  }
}

.all-atail-projects-wrapper {
  height: 100%;
}

.all-atail-projects-wrapper>div {
  height: 100%;
}

@media (min-width: 300px) {
  .all-atail-projects-wrapper>div {
    overflow: hidden;
  }
}

.all-projects-closing .all-atail-projects {
  opacity: 0;
}

.all-atail-projects-single {
  overflow: hidden;
  margin: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.all-atail-projects-single.is-visible .all-atail-projects-article,
.all-atail-projects-single.is-visible .all-atail-projects-img {
  overflow: hidden;
}

.all-atail-projects-single.is-visible .all-atail-projects-article>article {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}

.all-atail-projects-single.is-visible .all-atail-projects-img>img {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}

.all-atail-projects-single.is-visible.is-visible-bot .all-atail-projects-article>article {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  opacity: 0;
}

.all-atail-projects-single.is-visible.is-visible-bot .all-atail-projects-img>img {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  opacity: 0;
}

@media (min-width: 300px) {
  .all-atail-projects-single:nth-child(even) .all-atail-projects-img {
    left: 20%;
  }
}

@media (min-width: 300px) {
  .all-atail-projects-single:nth-child(even) .all-atail-projects-article {
    left: 40%;
  }
}

.all-atail-projects-article {
  z-index: 2;
  margin-bottom: 0.23rem;
  padding-top: 0.3rem;
}

@media (max-width: 300px) {
  .all-atail-projects-article {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 300px) {
  .all-atail-projects-article {
    margin-bottom: 0;
    padding-top: 1.2rem;
  }
}

.all-atail-projects-article>article {
  overflow: hidden;
  max-width: 4rem;
  -webkit-transition: opacity .6s ease, -webkit-transform .6s ease;
  transition: opacity .6s ease, -webkit-transform .6s ease;
  transition: opacity .6s ease, transform .6s ease;
  transition: opacity .6s ease, transform .6s ease, -webkit-transform .6s ease;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  opacity: 0;
}

.all-atail-projects-img {
  -webkit-transition: opacity .8s ease, -webkit-transform .8s ease;
  transition: opacity .8s ease, -webkit-transform .8s ease;
  transition: opacity .8s ease, transform .8s ease;
  transition: opacity .8s ease, transform .8s ease, -webkit-transform .8s ease;
}

@media (max-width: 300px) {
  .all-atail-projects-img {
    padding-right: 0;
    padding-left: 0;
  }

  .project-preview {
    width: 110%;
    margin-left: -10%;
  }

  .projects-item-animate .project-count {
    position: fixed;
    left: auto;
    right: 0.15rem;
    bottom: 0.7rem;
    width: 1.5rem;
    text-align: right;
    line-height: 2;
  }

  .project-preview {
    overflow: hidden;
  }

  .project-preview .row-col-12>.col-xs-10 .content {
    padding-left: 15%;
  }

}

.all-atail-projects-img>img {
  -webkit-transition: opacity .6s ease .2s, -webkit-transform .6s ease .2s;
  transition: opacity .6s ease .2s, -webkit-transform .6s ease .2s;
  transition: opacity .6s ease .2s, transform .6s ease .2s;
  transition: opacity .6s ease .2s, transform .6s ease .2s, -webkit-transform .6s ease .2s;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  opacity: 0;
}

.all-atail-projects-category {
  position: fixed;
  top: 0;
  right: 0;
  display: block;
  height: 100vh;
  height: 100%;
  padding: 0.3rem 0;
  table-layout: fixed;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

@media (min-width: 300px) {
  .all-atail-projects-category {
    padding: 0.7rem 0;
  }
}

@media (min-width: 1200px) {
  .all-atail-projects-category {
    padding: 1.2rem 0 0.3rem;
  }
}

.all-atail-projects-category-wrapper {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.all-atail-projects-category-table {
  display: table;
  width: 100%;
  height: 100%;
}

.all-projects-closing .all-atail-projects-category {
  opacity: 0;
}

.all-atail-projects-category ul {
  display: table-cell;
  overflow: hidden;
  padding-right: 0.1rem;
  padding-left: 0.1rem;
  text-align: center;
  vertical-align: middle;
}

.all-atail-projects-category ul a {
   /* font-size: .75rem; */
   font-size: 0.16rem;
  text-decoration: none;
  color: #e9e8ee;
}

.all-atail-projects-category ul a:hover {
  color: #1957f3;
}

.all-atail-projects-category ul a.active {
  color: #1957f3;
}

.all-atail-projects>div>div {
  margin-bottom: 0.3rem;
}

@media (min-width: 300px) {
  .all-atail-projects>div>div {
    margin-bottom: 1.2rem;
  }
}

.all-atail-projects .open-full-post {
  -webkit-transform: none;
  transform: none;
  opacity: 1;
}

.all-projects-animate-box {
  position: absolute;
  z-index: 4;
  top: 0;
  left: 0;
  width: 66.66667%;
  height: 100%;
  -webkit-transition: -webkit-transform 0s ease;
  transition: -webkit-transform 0s ease;
  transition: transform 0s ease;
  transition: transform 0s ease, -webkit-transform 0s ease;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

@media (max-width: 300px) {
  .all-projects-animate-box {
    z-index: -1;
    background-color: #fff;
  }
}

@media (min-width: 300px) {
  .all-projects-animate-box {
    width: 100%;
  }
}

/* @media (min-width: 300px) and (max-width: 14rem) {
  .all-projects-animate-box {
    padding: 0 0.7rem;
  }
} */

/* @media (min-width: 1401px) {
  .all-projects-animate-box {
    padding: 0 1rem;
  }
} */

.all-projects-animate-box>div {
  float: left;
  width: 16.666%;
  height: 100%;
  background-color: #fff;
}

@media (min-width: 300px) {
  .all-projects-animate-box>div {
    border-right: 1px solid #edf5f8;
  }

  .atail-disable-decoration .all-projects-animate-box>div {
    border-right: 0;
  }
}

.all-projects-box-animating .all-projects-animate-box {
  -webkit-transition: -webkit-transform .4s ease;
  transition: -webkit-transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease, -webkit-transform .4s ease;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

@media (max-width: 300px) {
  .all-projects-box-animating .all-projects-animate-box {
    z-index: 4;
  }
}

.all-projects-box-animating.box-animating .all-projects-animate-box {
  -webkit-transition: -webkit-transform .4s ease .2s;
  transition: -webkit-transform .4s ease .2s;
  transition: transform .4s ease .2s;
  transition: transform .4s ease .2s, -webkit-transform .4s ease .2s;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}


[data-action='all-projects'] {
   /* font-size: .75rem; */
   font-size: .18rem;
  position: relative;
  text-decoration: none;
}

@media (max-width: 300px) {
  [data-action='all-projects'] {
    display: inline-block;
    margin-top: 0.1rem;
  }
}

@media (min-width: 300px) {
  [data-action='all-projects'] {
    position: absolute;
    bottom: 0.05rem;
  }
}

[data-action='all-projects']>span {
  position: relative;
  display: inline-block;
  height: 0.09rem;
  vertical-align: middle;
}

[data-action='all-projects']>span>span, [data-action='all-projects']>span:before, [data-action='all-projects']>span:after {
  position: relative;
  display: inline-block;
  height: 100%;
  margin-right: 0.03rem;
  vertical-align: top;
  border-right: 1px solid;
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
}

[data-action='all-projects']>span:before, [data-action='all-projects']>span:after {
  content: '';
}

[data-action='all-projects']>span:after {
  margin-right: 0.07rem;
}

[data-action='all-projects']:hover>span>span:first-of-type {
  -webkit-transform: translateY(-25%);
  transform: translateY(-25%);
}

[data-action='all-projects']:hover>span:after {
  -webkit-transform: translateY(25%);
  transform: translateY(25%);
}

.close-projects-btn {
  position: fixed;
  z-index: -1;
  top: 0.1rem;
  right: 0.1rem;
  display: block;
  width: 0.25rem;
  height: 0.25rem;
  cursor: pointer;
}

/* @media (min-width: 300px) {
  .close-projects-btn {
    position: absolute;
    z-index: 5;
    top: 22.0.05rem;
  }
} */

/* @media (min-width: 1200px) {
  .close-projects-btn {
    top: 0.47rem;
  }
} */

/* @media (min-width: 300px) and (max-width: 14rem) {
  .close-projects-btn {
    right: 22.0.05rem;
  }
} */

/* @media (min-width: 1401px) {
  .close-projects-btn {
    right: 37.0.05rem;
  }
} */

.close-projects-btn:before, .close-projects-btn:after,
.close-projects-btn span {
  position: absolute;
  top: 0.12rem;
  left: 0.12rem;
  display: block;
  width: 0;
  height: 2px;
  -webkit-transition: width .3s ease .3s, -webkit-transform .3s ease;
  transition: width .3s ease .3s, -webkit-transform .3s ease;
  transition: width .3s ease .3s, transform .3s ease;
  transition: width .3s ease .3s, transform .3s ease, -webkit-transform .3s ease;
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
  transform: translate(-50%, -50%) rotate(0deg);
  background-color: black;
}

.close-projects-btn.close-projects-btn-loaded:before,
.close-projects-btn.close-projects-btn-loaded span:nth-child(1) {
  width: 100%;
  -webkit-transition: width .3s ease, -webkit-transform .3s ease .3s;
  transition: width .3s ease, -webkit-transform .3s ease .3s;
  transition: width .3s ease, transform .3s ease .3s;
  transition: width .3s ease, transform .3s ease .3s, -webkit-transform .3s ease .3s;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}

.close-projects-btn.close-projects-btn-loaded:after,
.close-projects-btn.close-projects-btn-loaded span:nth-child(2) {
  width: 100%;
  -webkit-transition: width .3s ease, -webkit-transform .3s ease .3s;
  transition: width .3s ease, -webkit-transform .3s ease .3s;
  transition: width .3s ease, transform .3s ease .3s;
  transition: width .3s ease, transform .3s ease .3s, -webkit-transform .3s ease .3s;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

.all-atail-projects-category>ul a:not(.active) {
  -webkit-transition: color .3s ease, opacity .3s ease;
  transition: color .3s ease, opacity .3s ease;
  opacity: .17;
}

.all-atail-projects-category>ul a:not(.active):hover {
  opacity: 1;
}

.full-post {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
}

@media (max-width: 300px) {
  .full-post {
    overflow: hidden;
  }
}

@media (min-width: 300px) {
  .full-post {
    z-index: 4;
  }
}

/* @media (min-width: 300px) and (max-width: 14rem) {
  .full-post {
    left: 0.7rem;
  }
} */

/* @media (min-width: 1401px) {
  .full-post {
    left: 1rem;
  }
} */

.full-post-close {
  position: absolute;
  top: 0.1rem;
  right: 0.1rem;
  display: block;
  width: 0.25rem;
  height: 0.25rem;
  cursor: pointer;
}

/* @media (min-width: 300px) {
  .full-post-close {
    top: 22.0.05rem;
  }
} */

/* @media (min-width: 1200px) {
  .full-post-close {
    top: 0.45rem;
  }
} */

/* @media (min-width: 300px) and (max-width: 14rem) {
  .full-post-close {
    right: -47.0.05rem;
  }
}

@media (min-width: 1401px) {
  .full-post-close {
    right: -62.0.05rem;
  }
} */

.full-post-close:after, .full-post-close:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 2px;
  content: '';
  -webkit-transition: width 0.4s ease 0.4s, -webkit-transform 0.4s ease;
  transition: width 0.4s ease 0.4s, -webkit-transform 0.4s ease;
  transition: width 0.4s ease 0.4s, transform 0.4s ease;
  transition: width 0.4s ease 0.4s, transform 0.4s ease, -webkit-transform 0.4s ease;
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
  transform: translate(-50%, -50%) rotate(0deg);
  background-color: black;
}

.show-post-content .full-post-close:before {
  width: 100%;
  -webkit-transition: width 0.4s ease 0.8s, -webkit-transform 0.4s ease 1.2s;
  transition: width 0.4s ease 0.8s, -webkit-transform 0.4s ease 1.2s;
  transition: width 0.4s ease 0.8s, transform 0.4s ease 1.2s;
  transition: width 0.4s ease 0.8s, transform 0.4s ease 1.2s, -webkit-transform 0.4s ease 1.2s;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}

.show-post-content .full-post-close:after {
  width: 100%;
  -webkit-transition: width 0.4s ease 0.8s, -webkit-transform 0.4s ease 1.2s;
  transition: width 0.4s ease 0.8s, -webkit-transform 0.4s ease 1.2s;
  transition: width 0.4s ease 0.8s, transform 0.4s ease 1.2s;
  transition: width 0.4s ease 0.8s, transform 0.4s ease 1.2s, -webkit-transform 0.4s ease 1.2s;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

.full-post-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}

.full-post-content, .full-post-slider {
  position: relative;
  top: 0;
  height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

@media (max-width: 300px) {
  .full-post .full-post-content, .full-post .full-post-slider {
    width: 100%;
  }
}

.full-post-slider {
  left: 0;
}

@media (min-width: 300px) {
  .full-post-slider {
    border-right: 1px solid transparent;
  }
}

.full-post-content {
  right: 0;
}

.post-slider-image-item,
.post-slider-video-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: -1;
}

@media (min-width: 300px) {

  .post-slider-image-item,
  .post-slider-video-item {
    overflow: hidden;
  }
}

.post-slider-image-item.active,
.post-slider-video-item.active {
  opacity: 1;
  z-index: 1;
}

.post-slider-image-item img,
.post-slider-video-item img {
  font-family: 'object-fit: cover;';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.post-slider-image-item img.contain-fit,
.post-slider-video-item img.contain-fit {
  font-family: 'object-fit: contain;';
  -o-object-fit: contain;
  object-fit: contain;
}

.post-slider-image-item img.full-fit,
.post-slider-video-item img.full-fit {
  height: auto;
}

.post-slider-image-item.contain-fit img,
.post-slider-video-item.contain-fit img {
  font-family: 'object-fit: contain;';
  -o-object-fit: contain;
  object-fit: contain;
}

.post-slider-image-item.full-fit,
.post-slider-video-item.full-fit {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.post-slider-image-item.full-fit img,
.post-slider-video-item.full-fit img {
  height: auto;
}

@media (max-width: 300px) {
  .post-slider-video-item {
    top: 0.45rem;
    height: calc(100% - 0.9rem);
  }

  .post-slider-video-item:before {
    content: '';
    position: absolute;
    top: -0.45rem;
    left: 0;
    width: 100%;
    height: 0.45rem;
    background-color: black;
    z-index: -1;
  }
}

.post-slider-video-item iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.post-slider-images {
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
  width: 50%;
  height: 100%;
  opacity: 0;
  background-color: #fff;
}

@media (max-width: 300px) {
  .post-slider-images {
    -webkit-transition: opacity 0.4s ease 0.4s;
    transition: opacity 0.4s ease 0.4s;
  }

  .show-post-content .post-slider-images {
    opacity: 1;
  }
}

@media (min-width: 300px) {
  .post-slider-images {
    width: 60%;
  }
}

.show-post-content .post-slider-images {
  -webkit-animation: show-post-slider-mobile 0.8s forwards;
  animation: show-post-slider-mobile 0.8s forwards;
}

@media (min-width: 300px) {
  .show-post-content .post-slider-images {
    -webkit-animation: show-post-slider 0.8s forwards;
    animation: show-post-slider 0.8s forwards;
  }
}

@media (min-width: 1401px) {
  .show-post-content .post-slider-images {
    -webkit-animation: show-post-slider-1401 0.8s forwards;
    animation: show-post-slider-1401 0.8s forwards;
  }
}

.close-post-content .post-slider-images {
  -webkit-animation: close-post-slider-mobile 0.8s forwards;
  animation: close-post-slider-mobile 0.8s forwards;
}

@media (min-width: 300px) {
  .close-post-content .post-slider-images {
    -webkit-animation: close-post-slider 0.8s forwards;
    animation: close-post-slider 0.8s forwards;
  }
}

@media (min-width: 1401px) {
  .close-post-content .post-slider-images {
    -webkit-animation: close-post-slider-1401 0.8s forwards;
    animation: close-post-slider-1401 0.8s forwards;
  }
}

@media (min-width: 300px) {
  .show-post-content.no-animating .post-slider-images {
    width: 100%;
    opacity: 1;
  }
}

@-webkit-keyframes show-post-slider {
  0% {
    opacity: 0;
  }

  50% {
    width: 60%;
    opacity: 1;
  }

  100% {
    width: 100%;
    opacity: 1;
  }
}

@keyframes show-post-slider {
  0% {
    opacity: 0;
  }

  50% {
    width: 60%;
    opacity: 1;
  }

  100% {
    width: 100%;
    opacity: 1;
  }
}

@-webkit-keyframes close-post-slider {
  0% {
    width: 100%;
    opacity: 1;
  }

  50% {
    width: 60%;
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes close-post-slider {
  0% {
    width: 100%;
    opacity: 1;
  }

  50% {
    width: 60%;
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes show-post-slider-1401 {
  0% {
    opacity: 0;
  }

  50% {
    width: 60%;
    opacity: 1;
  }

  100% {
    width: 100%;
    opacity: 1;
  }
}

@keyframes show-post-slider-1401 {
  0% {
    opacity: 0;
  }

  50% {
    width: 60%;
    opacity: 1;
  }

  100% {
    width: 100%;
    opacity: 1;
  }
}

@-webkit-keyframes close-post-slider-1401 {
  0% {
    width: 100%;
    opacity: 1;
  }

  50% {
    width: 60%;
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes close-post-slider-1401 {
  0% {
    width: 100%;
    opacity: 1;
  }

  50% {
    width: 60%;
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes show-post-slider-mobile {
  0% {
    opacity: 0;
  }

  50% {
    width: 50%;
    opacity: 1;
  }

  100% {
    width: 100%;
    opacity: 1;
  }
}

@keyframes show-post-slider-mobile {
  0% {
    opacity: 0;
  }

  50% {
    width: 50%;
    opacity: 1;
  }

  100% {
    width: 100%;
    opacity: 1;
  }
}

@-webkit-keyframes close-post-slider-mobile {
  0% {
    width: 100%;
    opacity: 1;
  }

  50% {
    width: 50%;
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes close-post-slider-mobile {
  0% {
    width: 100%;
    opacity: 1;
  }

  50% {
    width: 50%;
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.full-post-content {
  overflow: hidden;
  overflow-y: hidden;
  height: 100%;
  padding-right: 0.3rem;
  padding-left: 0.3rem;
  background-color: #fff;
}

@media (max-width: 300px) {
  .full-post-content {
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }

  .show-in-mobile .full-post-content {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@media (min-width: 300px) {
  .full-post-content {
    position: absolute;
    z-index: -1;
    padding-right: 0;
    padding-left: 0;
    -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
    transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
    transition: transform 0.4s ease, opacity 0.4s ease;
    transition: transform 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease;
    -webkit-transform: translateX(-110%);
    transform: translateX(-110%);
    opacity: 0;
  }

  .show-post-content .full-post-content {
    -webkit-transition: opacity 0.4s ease 0.8s, -webkit-transform 0.4s cubic-bezier(0.13, 0.6, 0.15, 0.89) 0.8s;
    transition: opacity 0.4s ease 0.8s, -webkit-transform 0.4s cubic-bezier(0.13, 0.6, 0.15, 0.89) 0.8s;
    transition: transform 0.4s cubic-bezier(0.13, 0.6, 0.15, 0.89) 0.8s, opacity 0.4s ease 0.8s;
    transition: transform 0.4s cubic-bezier(0.13, 0.6, 0.15, 0.89) 0.8s, opacity 0.4s ease 0.8s, -webkit-transform 0.4s cubic-bezier(0.13, 0.6, 0.15, 0.89) 0.8s;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

/* @media (min-width: 300px) and (max-width: 14rem) {
  .show-post-content .full-post-content {
    right: -0.7rem;
    width: calc(16.66667% + 0.71rem);
  }
} */

/* @media (min-width: 1401px) {
  .show-post-content .full-post-content {
    right: -1rem;
    width: calc(16.66667% + 1.01rem);
  }
} */

.full-post-content .post-content-table {
  display: table;
  width: 100%;
  height: 100%;
  table-layout: fixed;
}

.full-post-content .post-content-table-wrapper {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  height: 100%;
  padding-top: 0.5rem;
  padding-right: 0;
  padding-bottom: 0.5rem;
  padding-left: 0;
}

@media (min-width: 300px) {
  .full-post-content .post-content-table-wrapper {
    height: calc(100% - 0.7rem);
    margin-top: 0.7rem;
    padding-top: 0;
    padding-right: 0.2rem;
    padding-left: 0.2rem;
  }
}

@media (min-width: 1200px) {
  .full-post-content .post-content-table-wrapper {
    height: calc(100% - 1.12rem);
    margin-top: 1.12rem;
    padding-right: 0.4rem;
    padding-left: 0.4rem;
  }
}

 .full-post-content .post-content-table-wrapper p {
  font-size: 1rem;
}
.full-post-content .post-content-header {
  display: table-cell;
  padding-bottom: 0.3rem;
  vertical-align: top;
}

@media (min-width: 300px) {
  .full-post-content .post-content-header {
    padding-bottom: 0.45rem;
  }
}

.full-post-content .post-content-footer {
  display: table-footer-group;
  vertical-align: bottom;
}

.full-post-content .post-content-footer .small-title {
  color: inherit;
}

.full-post-content .post-content-footer .small-title>span {
  color: #a9acb5;
}

.post-content-footer-title {
  font-family: "Montserrat", sans-serif;
  display: block;
  margin-bottom: 0.45rem;
  text-transform: uppercase;
  color: #a9acb5;
}

.open-full-post {
   font-size: 1rem;
  position: relative;
  margin-left: 0.8rem;
  padding: 0 0;
  color: #fff;
  text-decoration: none;
}

.open-full-post i {
  font-family: 宋体;
  font-style: normal;
}

@media (min-width: 480px) {
  .open-full-post {
    margin-left: 0;
  }

  .atail-intro .open-full-post {
    margin-left: 0;
  }
}

.open-full-post>span {
  position: relative;
  display: inline-block;
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.open-full-post:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  margin-top: 0;
  margin-left: 0;
  content: '';
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
  opacity: 0;
  border: 1px dashed black;
  border-radius: 50%;
}

@-webkit-keyframes open-full-post-loading {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes open-full-post-loading {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.full-post-next-slide,
.full-post-prev-slide {
  position: absolute;
  z-index: 1;
  top: 50%;
  display: inline-block;
  cursor: pointer;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.0001);
}

@media (max-width: 300px) {

  .full-post-next-slide,
  .full-post-prev-slide {
    overflow: hidden;
    width: 0.25rem;
  }
}

.full-post-next-slide>svg,
.full-post-prev-slide>svg {
  display: block;
}

.full-post-prev-slide {
  left: 0.15rem;
}

.full-post-prev-slide>svg {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

@media (min-width: 300px) {
  .full-post-prev-slide {
    left: 0.6rem;
  }
}

.full-post-next-slide {
  right: 0.15rem;
}

@media (max-width: 300px) {
  .full-post-next-slide>svg {
    float: right;
  }
}

@media (min-width: 300px) {
  .full-post-next-slide {
    right: 0.6rem;
  }
}

 Scroll for full mode
.post-slider-item-scroll {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 1;
}

.atail-project-date {
  display: block;
   /* font-size: .875rem; */
   font-size: 0.24rem;
  font-family: "Montserrat", sans-serif;
}

.post-content-header .atail-project-date {
  margin-bottom: 0.3rem;
}

.post-content-header .atail-project-date:first-of-type {
  margin-bottom: 0.05rem;
}

.atail-proj-date-value {
  color: #a9acb5;
}

.full-post-mobile-menu {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.45rem;
  background-color: #fff;
  z-index: 3;
  opacity: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
  transition: opacity .3s ease, -webkit-transform .3s ease;
  transition: opacity .3s ease, transform .3s ease;
  transition: opacity .3s ease, transform .3s ease, -webkit-transform .3s ease;
}

.show-post-content .full-post-mobile-menu {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: opacity .3s ease .6s, -webkit-transform .3s ease .6s;
  transition: opacity .3s ease .6s, -webkit-transform .3s ease .6s;
  transition: opacity .3s ease .6s, transform .3s ease .6s;
  transition: opacity .3s ease .6s, transform .3s ease .6s, -webkit-transform .3s ease .6s;
}

@media (min-width: 300px) {
  .full-post-mobile-menu {
    display: none;
  }
}

.full-post-mobile-info {
  margin: 0;
  height: 100%;
  padding: 0 0.2rem;
  background-color: #4d4f54;
  border: 0;
  color: #fff;
}

@media (max-width: 300px) {
  .full-post-mobile-info {
    width: 100%;
  }
}

.full-post-mobile-info:hover {
  border-radius: 0;
}

.mobile-menu-close-btn {
  position: absolute;
  top: 0.1rem;
  right: 0.1rem;
  display: block;
  width: 0.25rem;
  height: 0.25rem;
  cursor: pointer;
  z-index: -1;
  -webkit-transition: z-index 0s ease .3s;
  transition: z-index 0s ease .3s;
}

.show-in-mobile .mobile-menu-close-btn {
  z-index: 6;
  -webkit-transition: z-index 0s ease;
  transition: z-index 0s ease;
}

.mobile-menu-close-btn:before, .mobile-menu-close-btn:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
  transform: translate(-50%, -50%) rotate(0deg);
  width: 0;
  height: 2px;
  background-color: black;
  -webkit-transition: width .3s ease, -webkit-transform .3s ease;
  transition: width .3s ease, -webkit-transform .3s ease;
  transition: width .3s ease, transform .3s ease;
  transition: width .3s ease, transform .3s ease, -webkit-transform .3s ease;
}

.show-in-mobile .mobile-menu-close-btn:before {
  width: 100%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
  -webkit-transition: width .3s ease .3s, -webkit-transform .3s ease .6s;
  transition: width .3s ease .3s, -webkit-transform .3s ease .6s;
  transition: width .3s ease .3s, transform .3s ease .6s;
  transition: width .3s ease .3s, transform .3s ease .6s, -webkit-transform .3s ease .6s;
}

.show-in-mobile .mobile-menu-close-btn:after {
  width: 100%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transition: width .3s ease .3s, -webkit-transform .3s ease .6s;
  transition: width .3s ease .3s, -webkit-transform .3s ease .6s;
  transition: width .3s ease .3s, transform .3s ease .6s;
  transition: width .3s ease .3s, transform .3s ease .6s, -webkit-transform .3s ease .6s;
}

@media (min-width: 300px) {
  .mobile-menu-close-btn {
    display: none;
  }
}

.atail-scroll {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0px;
  overflow: hidden;
  width: 0.13rem;
  height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.atail-scroll-line {
  position: absolute;
  top: 0;
  right: 0.05rem;
  width: 100%;
  height: 0;
  cursor: pointer;
  -webkit-transition: top 0.2s ease, height 0.3s ease, border-right-width 0.2s ease, opacity 0.3s ease;
  transition: top 0.2s ease, height 0.3s ease, border-right-width 0.2s ease, opacity 0.3s ease;
  opacity: 0.6;
  border-right: 1px solid;
}

.atail-scroll.hovered .atail-scroll-line {
  opacity: 1;
  border-right-width: 0.05rem;
}

 /* Let's get this party started */
::-webkit-scrollbar {
  width: 0;
}

 /* Track
@media (max-width: 14rem) {
  .single-project>div {
    margin-bottom: 0.3rem;
  }

  .atail-scroll {
    display: none
  }
} */

.single-project>img {
  display: block;
  margin-bottom: 0.3rem;
}

@media (min-width: 300px) {
  .single-project>img {
    margin-top: -1rem;
    margin-bottom: 1.5rem;
  }
}

.single-project-prev>a, .single-project-next>a {
  display: block;
  margin-bottom: 0.25rem;
  text-decoration: none;
}

.single-project-prev>a>span, .single-project-next>a>span {
  display: inline-block;
  vertical-align: middle;
}

.single-project-prev {
  padding-top: 0.9rem;
}

@media (max-width: 300px) {
  .single-project-prev {
    margin-right: -0.15rem;
  }
}

.single-project-next {
  text-align: right;
}

@media (max-width: 300px) {
  .single-project-next {
    margin-left: -0.15rem;
  }
}

.single-project .small-title {
  color: inherit;
}

.single-project .small-title span {
  color: #a9acb5;
}

.single-project-info {
  position: relative;
  display: block;
  overflow: hidden;
}

.single-project-info .atail-project-image {
  position: relative;
}

.single-project-info .atail-project-image:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
  z-index: 1;
}

.single-project-info img {
  display: block;
  -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
  transition: opacity .3s ease, -webkit-transform .3s ease;
  transition: opacity .3s ease, transform .3s ease;
  transition: opacity .3s ease, transform .3s ease, -webkit-transform .3s ease;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.single-project-info h4 {
  position: absolute;
  opacity: 0;
  -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
  transition: opacity .3s ease, -webkit-transform .3s ease;
  transition: opacity .3s ease, transform .3s ease;
  transition: opacity .3s ease, transform .3s ease, -webkit-transform .3s ease;
  z-index: 2;
}

@media (max-width: 767px) {
  .single-project-info h4 {
    display: none;
  }
}

.single-project-prev .single-project-info h4 {
  top: 0.55rem;
  left: 0.45rem;
  -webkit-transform: translateX(-5%);
  transform: translateX(-5%);
}

.single-project-next .single-project-info h4 {
  bottom: 0.55rem;
  right: 0.45rem;
  -webkit-transform: translateX(5%);
  transform: translateX(5%);
}

.atail-no-thumbnail .single-project-info h4 {
  opacity: 1;
  position: static;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.single-project-info:hover h4 {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.single-project-info:hover img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.single-project-info:hover .atail-project-image:before {
  opacity: .8;
}

.single-project-arrow>svg {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.single-project-prev .single-project-arrow>svg {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.atail-project-nav {
  margin-bottom: 1.2rem;
}

.atail-slider {
  position: relative;
  height: 100vh;
  min-height: 4.5rem;
  margin-bottom: 0.8rem;
}

@media (min-width: 300px) {
  .atail-slider {
    height: calc(100vh - 0.7rem);
    margin-bottom: 1.2rem;
  }
}

@media (min-width: 1200px) {
  .atail-slider {
    height: calc(100vh - 1.2rem);
    margin-bottom: 1.6rem;
  }
}

.atail-slider .single-project-slider .atail-slider-item img {
  opacity: 1;
}

.atail-slider-item {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background-color: #4d4f54;
}

.atail-slider-item.active {
  display: block;
}

.atail-slider-item h1 {
  max-width: 5.6rem;
}

.atail-slider-item img {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .7;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover;';
}

.single-project-slider .atail-slider-item img {
  opacity: 1;
}

.atail-slider-item .blog-author span {
  color: #fff;
}

.atail-slider-item .blog-date span {
  color: #e7eaf4;
}

.atail-slider-content {
  position: absolute;
  z-index: 1;
  bottom: 10%;
  left: 0;
  padding-right: 0.3rem;
  padding-left: 0.3rem;
}

@media (min-width: 300px) {
  .atail-slider-content {
    left: 16.666%;
    padding-left: 0;
  }
}

.atail-slider-content h1 {
  color: #fff;
}

.slider-animate-box {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.slider-animate-box .animate-box-left, .slider-animate-box .animate-box-right {
  position: absolute;
  width: 101%;
  height: 100%;
  -webkit-transition: -webkit-transform .0s;
  transition: -webkit-transform .0s;
  transition: transform .0s;
  transition: transform .0s, -webkit-transform .0s;
  background-color: #fff;
}

.slider-animate-box .animate-box-left {
  -webkit-transform: translateX(-101%);
  transform: translateX(-101%);
}

.slider-animate-box .animate-box-right {
  -webkit-transform: translateX(101%);
  transform: translateX(101%);
}

.slider-animate-box.from-left {
  z-index: 2;
}

.slider-animate-box.from-left .animate-box-left {
  -webkit-transition: -webkit-transform .4s ease-out;
  transition: -webkit-transform .4s ease-out;
  transition: transform .4s ease-out;
  transition: transform .4s ease-out, -webkit-transform .4s ease-out;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.slider-animate-box.from-left-end .animate-box-left {
  -webkit-transition: -webkit-transform .4s ease-in .2s;
  transition: -webkit-transform .4s ease-in .2s;
  transition: transform .4s ease-in .2s;
  transition: transform .4s ease-in .2s, -webkit-transform .4s ease-in .2s;
  -webkit-transform: translateX(101%);
  transform: translateX(101%);
}

.slider-animate-box.from-right {
  z-index: 2;
}

.slider-animate-box.from-right .animate-box-right {
  -webkit-transition: -webkit-transform .4s ease-out;
  transition: -webkit-transform .4s ease-out;
  transition: transform .4s ease-out;
  transition: transform .4s ease-out, -webkit-transform .4s ease-out;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.slider-animate-box.from-right-end .animate-box-right {
  -webkit-transition: -webkit-transform .4s ease-in .2s;
  transition: -webkit-transform .4s ease-in .2s;
  transition: transform .4s ease-in .2s;
  transition: transform .4s ease-in .2s, -webkit-transform .4s ease-in .2s;
  -webkit-transform: translateX(-101%);
  transform: translateX(-101%);
}

.slider-prev-slide,
.slider-next-slide {
  position: absolute;
  z-index: 1;
  top: 50%;
  display: none;
  width: 1rem;
  height: 100%;
  cursor: pointer;
  -webkit-transition: opacity .4s ease;
  transition: opacity .4s ease;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.0001);
}

@media (min-width: 300px) {

  .slider-prev-slide,
  .slider-next-slide {
    display: block;
  }
}

.atail-slider:hover .slider-prev-slide, .atail-slider:hover .slider-next-slide {
  opacity: 1;
}

.slider-prev-slide svg,
.slider-next-slide svg {
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.57rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.slider-prev-slide {
  left: 0;
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}

.slider-next-slide {
  right: 0;
}

.display-table {
  display: table;
  width: 100%;
  height: inherit;
  padding-top: 0;
}

.display-table-cell {
  display: table-cell;
  vertical-align: middle;
}

.table-wrap {
  width: 100%;
  overflow-x: auto;
  margin-bottom: 0.38rem;
}

table {
  width: 100%;
  table-layout: fixed;
  text-align: left;
  margin-bottom: 0.3rem;
}

thead {
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  text-align: left;
  background-color: #c6ced1;
  color: #4d4f54;
}

tbody {
  font-weight: 400;
  letter-spacing: -0.011rem;
}

tbody tr:nth-child(odd) {
  background-color: #e8eef0;
}

tbody tr:nth-child(even) {
  background-color: #edf3f5;
}

td {
  color: #6e7075;
}

td,
th {
  line-height: 1.5;
  letter-spacing: 0;
    /* font-size: .0875rem; */
    font-size: 0.24rem;
  padding-left: 0.15rem;
  padding-right: 0.15rem;
  padding-top: 0.15rem;
  padding-bottom: 0.15rem;
  text-align: left;
}

@media (min-width: 300px) {

  td,
  th {
    padding-left: 0.34rem;
    padding-right: 0.34rem;
  }
}

td a,
th a {
  text-decoration: none;
}

.atail-team-member {
  margin-bottom: 0.6rem;
}

@media (max-width: 300px) {
  .atail-team-member {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (min-width: 300px) {
  .atail-team-member {
    margin-bottom: 1.2rem;
  }
}

.atail-team-member:first-child {
  margin-top: 0.6rem;
}

@media (min-width: 300px) {
  .atail-team-member:first-child {
    margin-top: 1.2rem;
  }
}

.atail-team-member-image {
  display: block;
}

@media (max-width: 767px) {
  .atail-team-member-image {
    margin-bottom: 0.26rem;
    width: 100%;
  }
}

@media (min-width: 768px) {
  .atail-team-member-info {
    padding-top: 0.76rem;
  }
}

@media (min-width: 300px) {
  .atail-team-member-info {
    padding-left: 0.58rem;
    max-width: 356px;
  }
}

.atail-team-member-info .small-title {
    /* font-size: .75rem; */
    font-size: 0.18rem;
  margin-bottom: 0.22rem;
  letter-spacing: 0;
  line-height: 1.5;
}

.atail-team-member-info p {
   /* font-size: .875rem; */
   font-size: 0.24rem;
  letter-spacing: -0.011rem;
}

.atail-team-member-info p:last-of-type {
  margin-bottom: 0.07rem;
}

@media (max-width: 300px) {
  .atail-team-member>div {
    margin: 0 auto;
    float: none;
  }
}

.post-sidebar {
  max-width: 380px;
}

/* @media (max-width: 300px) {
  .post-sidebar {
    margin-top: 0.6rem;
    margin-bottom: 0.6rem;
    max-width: 320px;
  }
} */

.post-sidebar .widget {
  padding-left: 0.5rem;
}

@media (max-width: 300px) {
  .post-sidebar .widget {
    padding-left: 0;
  }
}

.widget {
  margin-bottom: 0.58rem;
     /* font-size: .875rem; */
   font-size: 0.24rem;
  overflow: hidden;
}

.widget .post-date {
  text-transform: uppercase;
}

.widget input[type="text"],
.widget input[type="search"],
.widget input[type="email"] {
  background-color: transparent;
  height: 0.47rem;
}

.atail-dark-footer .widget input[type="text"], .atail-dark-footer .widget input[type="search"], .atail-dark-footer .widget input[type="email"] {
  border: 1px solid #444448;
  color: white;
}

.widget input[type="text"]::-webkit-input-placeholder,
.widget input[type="search"]::-webkit-input-placeholder,
.widget input[type="email"]::-webkit-input-placeholder {
  color: #444448;
}

.widget input[type="text"]:-moz-placeholder,
.widget input[type="search"]:-moz-placeholder,
.widget input[type="email"]:-moz-placeholder {
   Firefox 18-
  color: #444448;
}

.widget input[type="text"]::-moz-placeholder,
.widget input[type="search"]::-moz-placeholder,
.widget input[type="email"]::-moz-placeholder {
   Firefox 19+
  color: #444448;
}

.widget input[type="text"]:-ms-input-placeholder,
.widget input[type="search"]:-ms-input-placeholder,
.widget input[type="email"]:-ms-input-placeholder {
  color: #444448;
}

.widget button[type="submit"] {
  border: 0;
  margin: 0;
  padding: 0.17rem;
}

.widget .widget-title {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0.34rem;
}

.widget .widget-title:before, .widget .widget-title:after {
  content: '';
  position: absolute;
  background-color: black;
  top: 50%;
  z-index: 1;
}

.widget .widget-title:before {
  right: 0;
  width: 11px;
  height: 1px;
  margin-top: -1px;
}

.widget .widget-title:after {
  right: 0.05rem;
  width: 1px;
  height: 11px;
  margin-top: -6px;
}

.widget .widget-title .small-title {
  width: 100%;
  line-height: 1.2;
  overflow: hidden;
  padding-right: 0.25rem;
}

.widget .widget-title .small-title:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 100%;
  min-width: 1rem;
  height: 1px;
  margin-right: -100%;
  margin-top: -1px;
  background-color: black;
  margin-left: 8px;
  opacity: .2;
}

.atail-dark-footer .widget .widget-title .small-title:after {
  opacity: .2;
}

.widget .small-title {
  position: relative;
  text-transform: uppercase;
     /* font-size: .625rem; */
   font-size: .18rem;
  color: #a9acb5;
  margin-bottom: 0.34rem;
  letter-spacing: 0.02rem;
}

.widget a,
.widget li {
    /* font-size: .0875rem; */
    font-size: 0.24rem;
  text-decoration: none;
}

.widget p {
   /* font-size: .0875rem; */
   font-size: 0.24rem;
  letter-spacing: 0px;
  line-height: 1.6;
}

.widget>ul {
  padding-left: 0;
  margin-bottom: 0;
  padding-top: 0;
}

.widget ul li {
  margin-bottom: 0.14rem;
}

.widget ul li:before {
  margin-left: 0.03rem;
  margin-right: 0.14rem;
  height: 1px;
  width: 4px;
}

.atail-dark-footer .widget ul li:before {
  background-color: #444448;
}

.widget ul>li>ol>li>ol>li>ol,
.widget ul>li>ol>li>ol>li>ul,
.widget ul>li>ol>li>ul>li>ol,
.widget ul>li>ol>li>ul>li>ul,
.widget ul>li>ul>li>ol>li>ol,
.widget ul>li>ul>li>ol>li>ul,
.widget ul>li>ul>li>ul>li>ol,
.widget ul>li>ul>li>ul>li>ul,
.widget ol>li>ol>li>ol>li>ol,
.widget ol>li>ol>li>ol>li>ul,
.widget ol>li>ol>li>ul>li>ol,
.widget ol>li>ol>li>ul>li>ul,
.widget ol>li>ul>li>ol>li>ol,
.widget ol>li>ul>li>ol>li>ul,
.widget ol>li>ul>li>ul>li>ol,
.widget ol>li>ul>li>ul>li>ul {
  padding-left: 0;
}

.widget a {
  letter-spacing: -0.002rem;
}

iframe {
  max-width: 100%;
}

.widget_atail_soc_widget ul {
  width: 100%;
  text-align: left;
  margin-left: 0.09rem;
}

.widget_atail_soc_widget ul li {
  display: inline-block;
  margin-left: 0.12rem;
  margin-right: 0.12rem;
}

.widget_atail_soc_widget ul li:first-child {
  margin-left: 0;
}

.widget_atail_soc_widget ul li:before {
  content: none;
}

.widget_calendar table {
  position: relative;
  text-align: center;
}

.widget_calendar table caption {
  padding: 8px 0;
  font-family: "Montserrat", sans-serif;
}

.widget_calendar table tbody tr:nth-child(odd),
.widget_calendar table tbody tr:nth-child(even) {
  background-color: transparent;
}

.widget_calendar table tbody td.pad {
  background-color: transparent;
}

.widget_calendar table tfoot td {
  border: 0;
}

.widget_calendar table tfoot td:nth-child(1), .widget_calendar table tfoot td:nth-child(3) {
  position: absolute;
  top: 0;
  width: 0.32rem;
  height: 100%;
}

.widget_calendar table tfoot td:nth-child(1) a, .widget_calendar table tfoot td:nth-child(3) a {
  color: transparent;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 0;
  background-image: url(../other/arrow.svg);
  background-position: center center;
  background-size: 0.1rem 0.1rem;
  background-repeat: no-repeat;
}

@media (min-width: 300px) {
  .widget_calendar table tfoot td:nth-child(1) a, .widget_calendar table tfoot td:nth-child(3) a {
    opacity: .8;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
  }

  .widget_calendar table tfoot td:nth-child(1) a:hover, .widget_calendar table tfoot td:nth-child(3) a:hover {
    opacity: 1;
  }
}

.widget_calendar table tfoot td:nth-child(1) {
  left: 0;
}

.widget_calendar table tfoot td:nth-child(3) {
  right: 0;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.widget_calendar table tfoot td:nth-child(2) {
  display: none;
}

.widget_calendar table tfoot {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 0.39rem;
}

.widget_calendar table tfoot td {
  background-color: transparent;
}

.widget_calendar table thead {
  text-align: center;
}

.atail-dark-footer .widget_calendar table thead {
  background-color: transparent;
}

.widget_calendar table thead {
  background-color: transparent;
}

.widget_calendar table th {
     /* font-size: .625rem; */
   font-size: .18rem;
 
}

.widget_calendar table th,
.widget_calendar table td {
  border-right: 1px solid white;
  border-bottom: 1px solid white;
  padding: 0.1rem 0;
  text-align: center;
  padding: 4px 0;
}

.atail-dark-footer .widget_calendar table th, .atail-dark-footer .widget_calendar table td {
  border-right: 0;
  border-bottom: 0;
  background-color: transparent;
}

.widget_calendar table th:last-child,
.widget_calendar table td:last-child {
  border-right: 0;
}

.widget_search input {
  margin-bottom: 0;
}

.widget_search button {
  width: 100%;
}

.widget_search button:hover {
  border-radius: 0;
}

.atail-team-follow a {
  text-decoration: none;
  margin-right: 0.14rem;
   /* font-size: .75rem; */
   font-size: 0.18rem;
}

.widget_recent_entries ul,
.widget_atail_recent_posts_widget ul {
  margin-left: 0.09rem;
}

.widget_recent_entries ul li,
.widget_atail_recent_posts_widget ul li {
  position: relative;
  margin-bottom: 0.22rem;
}

.widget_recent_entries ul li:before,
.widget_atail_recent_posts_widget ul li:before {
  content: none;
}

.widget_recent_entries ul li img+div,
.widget_atail_recent_posts_widget ul li img+div {
  min-height: 0.5rem;
}

.widget_recent_entries a,
.widget_atail_recent_posts_widget a {
  display: block;
  font-weight: bold;
  margin-bottom: 0.1rem;
  letter-spacing: 0.002rem;
  line-height: 1.3;
}

.widget_recent_entries span,
.widget_atail_recent_posts_widget span {
  /* font-size: .6875rem; */
  font-size: 0.14rem;
  color: #d1d8db;
  letter-spacing: 0.003rem;
}

.widget_recent_entries img,
.widget_atail_recent_posts_widget img {
  width: 0.5rem;
  height: 0.5rem;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover;';
}

.widget_recent_entries img+div,
.widget_atail_recent_posts_widget img+div {
  padding-left: 0.67rem;
}

.widget_archive,
.widget_categories {
  font-family: "Montserrat", sans-serif;
}

.widget_archive a,
.widget_categories a {
  letter-spacing: 0;
}

.yikes-mailchimp-container .yikes-easy-mc-form .yikes-mailchimp-field-required span,
.yikes-mailchimp-container .yikes-easy-mc-form label span {
  display: none;
}

.yikes-mailchimp-container .yikes-easy-mc-form .yikes-mailchimp-field-required input,
.yikes-mailchimp-container .yikes-easy-mc-form label input {
  background-color: transparent;
  line-height: 1;
  padding: 0.14rem 0.17rem;
}

.yikes-mailchimp-container .yikes-easy-mc-form .yikes-mailchimp-field-required input:focus,
.yikes-mailchimp-container .yikes-easy-mc-form label input:focus {
  outline: 0;
}

.yikes-mailchimp-container .yikes-easy-mc-form label {
  margin: 0;
}

.yikes-mailchimp-container .yikes-easy-mc-form button {
  margin: 0;
  padding: 0.19rem 0.17rem;
  line-height: 1;
     /* font-size: .625rem; */
   font-size: .18rem;
 
}

.yikes-mailchimp-container .yikes-easy-mc-form button:hover {
  border-radius: 0;
}

.yikes-mailchimp-container .yikes-easy-mc-form .form-field-description {
  margin: 0;
}

.widget .atail-widget-heading {
    /* font-size: .875rem; */
   font-size: 0.24rem;
  display: block;
  color: inherit;
  text-transform: none;
  letter-spacing: 0.002rem;
  margin-top: 0.1rem;
  margin-bottom: 0.07rem;
  padding-left: 0.09rem;
  line-height: 1.3;
  color: inherit;
}

.widget .atail-widget-heading+p {
  margin-left: 0.09rem;
}

.widget_atail_video_widget .video-description {
  color: inherit;
  display: block;
    /* font-size: .875rem; */
   font-size: 0.24rem;
  letter-spacing: 0.002rem;
  line-height: 1.3;
  margin-top: 0.1rem;
  padding-left: 0.03rem;
  text-transform: none;
}

.widget-lang {
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity .3s ease, visibility 0s ease;
  transition: opacity .3s ease, visibility 0s ease;
}

@media (min-width: 300px) {
  .widget-lang {
    display: block;
  }
}

.widget-lang.hide-lang {
  opacity: 0;
  -webkit-transition: opacity .3s ease, visibility 0s ease .3s;
  transition: opacity .3s ease, visibility 0s ease .3s;
  visibility: hidden;
}

.widget-lang:hover ul {
  opacity: 1;
  -webkit-transition: opacity .3s ease, visibility 0s ease;
  transition: opacity .3s ease, visibility 0s ease;
  visibility: visible;
}

.widget-lang button {
  padding: 0.17rem 0;
  width: 100%;
}

@media (min-width: 300px) {
  .widget-lang button {
    height: 0.7rem;
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .widget-lang button {
    height: 1.2rem;
  }
}

.widget-lang ul {
  position: absolute;
  width: 100%;
  top: 100%;
  opacity: 0;
  padding: 0;
  -webkit-transition: opacity .3s ease, visibility 0s ease .3s;
  transition: opacity .3s ease, visibility 0s ease .3s;
  visibility: hidden;
}

.widget-lang li:before {
  content: none;
}

.widget-lang a {
   /* font-size: .75rem; */
   font-size: 0.18rem;
  text-decoration: none;
}

/* @media (min-width: 300px) and (max-width: 14rem) {
  .widget-lang {
    width: 0.7rem;
  }
}

@media (min-width: 1401px) {
  .widget-lang {
    width: 1rem;
  }
} */

.widget_rss .small-title .rsswidget {
  display: inline-block;
}

.widget_rss .small-title .rsswidget img {
  display: inline-block;
  height: 0.15rem;
  width: 0.15rem;
}

.widget_rss .small-title .rss-widget-icon {
  height: 100%;
  width: 100%;
}

.widget_rss .rssSummary,
.widget_rss cite {
  line-height: 1.2;
  margin: 0.07rem 0 0.07rem 0.09rem;
}

.comment-author-link {
  opacity: .4;
}

.textwidget {
  margin-left: 0.09rem;
}

.widget_recent_comments li:before {
  content: none;
}

.widget_recent_comments ul {
  margin-left: 0.09rem;
}

.widget_atail_about_widget>img {
  display: block;
  margin-bottom: 0.16rem;
}

.fb_iframe_widget {
  max-width: 100%;
}

.fb_iframe_widget>span {
  max-width: 100%;
}

.recentcomments {
  line-height: 1.3;
}


span.wpcf7-not-valid-tip {
    /* font-size: .875rem; */
   font-size: 0.24rem;
}

.wpcf7-form-control-wrap textarea {
  display: block;
}

div.wpcf7-response-output {
  margin-left: 0;
}

.atail-sharing {
  display: inline-block;
  line-height: 1;
  vertical-align: bottom;
  margin-top: 0.05rem;
   /* font-size: .75rem; */
   font-size: 0.14rem;
  margin: 0 -11px;
}

.single-project .atail-sharing {
  display: block;
  margin: 0;
}

@media (min-width: 768px) {
  .single-project .atail-sharing {
    text-align: center;
  }
}

.single-project .atail-sharing a {
  display: block;
  float: left;
  width: 0.3rem;
  height: 0.3rem;
  text-align: center;
  line-height: 1;
  text-align: center;
}

.single-project .atail-sharing a .fa {
  line-height: 0.3rem;
}

.jssocials-share-count-box {
  font-family: "Montserrat", sans-serif;
  display: inline-block;
     /* font-size: .625rem; */
   font-size: .18rem;
  display: none;
}

.jssocials-share-count-box .jssocials-share-count {
  display: inline-block;
  padding: 0.1rem 0.2rem;
  border-left: 1px solid;
  line-height: 1;
}

.post-content-likes .jssocials-share-count-box .jssocials-share-count {
  padding: 0 0 0 0.05rem;
  border-left: 0;
}

.jssocials-share-count-box .jssocials-share-count:empty {
  padding: 0;
  border-left: 0;
}

.jssocials-share {
  display: inline-block;
  margin: 0 11px;
}

.single-project .jssocials-share {
  display: inline-block;
  margin: 0 0.15rem 0.09rem 0;
  min-width: 0.2rem;
  border: 1px solid;
  overflow: hidden;
  border-radius: 50%;
}

.post-content-header .jssocials-share {
  display: inline-block;
  margin: 0 0.15rem 0.09rem 0;
  min-width: 0.2rem;
  border: 1px solid;
  overflow: hidden;
  border-radius: 50%;
}

.post-content-header .jssocials-share a {
  display: block;
  float: left;
  width: 0.3rem;
  height: 0.3rem;
  text-align: center;
  line-height: 1;
  text-align: center;
}

.post-content-header .jssocials-share a .fa {
  line-height: 0.3rem;
}

.atail-small-line {
  position: relative;
  top: 0.03rem;
  display: inline-block;
  width: 1px;
  height: 0.2rem;
  border-left: 1px solid;
  vertical-align: bottom;
  margin: 0 0.27rem 0 0.23rem;
}

.atail-header {
  position: fixed;
  z-index: 4;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  z-index: 99;
}

@media (max-width: 300px) {
  .atail-header {
    -webkit-transition: height 0s ease 0.5s;
    transition: height 0s ease 0.5s;
  }

  .atail-header .container-fluid,
  .atail-header .container {
    padding: 0;
  }
}

.atail-header {
  top: 0;
  height: 1.4rem;
}


.atail-header {
  height: 1.4rem;
}

.atail-header-opened .atail-header {
  height: 100%;
}

@media (max-width: 300px) {
  .atail-header-opened .atail-header {
    -webkit-transition: height 0s ease;
    transition: height 0s ease;
  }
}

/* @media (min-width: 300px) and (max-width: 14rem) {
  .atail-header-opened .atail-header {
    height: 0.7rem;
  }
} */

/* @media (min-width: 1401px) {
  .atail-header-opened .atail-header {
    height: 1rem;
  }
} */

.atail-header .container,
.atail-header .container-fluid {
  height: inherit;
}

@media (min-width: 300px) {

  .atail-header .container,
  .atail-header .container-fluid {
    position: relative;
    height: 100%;
    padding: inherit;
  }
}

@media (min-width: 300px) and (max-width: 1400px) {

  .atail-header .container,
  .atail-header .container-fluid {
    /* padding: 0 10%; */
    padding-right: 0;
  }
}

@media (min-width: 1367px) {

  .atail-header .container,
  .atail-header .container-fluid {
     /* padding: 0 12%; */
    padding-right: 0;
  }

  .iPad .atail-header .container, .iPad .atail-header .container-fluid {
    /* padding: 0 10%; */
    padding-right: 0;
  }
}

.atail-header .grid-bg {
  z-index: 1;
  opacity: 1;
  -webkit-transition: opacity .2s ease;
  transition: opacity .2s ease;
}

.window-height .atail-header .grid-bg {
  opacity: 0;
}

.single-post .atail-header .grid-bg>div {
  opacity: 0;
}

.single-post .atail-header .grid-bg>div:nth-child(4) {
  opacity: 1;
}

.atail-sidebar-left .atail-header .grid-bg>div:nth-child(4) {
  opacity: 0;
}

.atail-sidebar-left .atail-header .grid-bg>div:nth-child(2) {
  opacity: 1;
}

.atail-header .container-fluid {
   /* padding-left: 274px; */
  padding-left: 2.74rem;
}

main {
  position: relative;
  min-height: 100%;
  box-sizing: border-box;
}
.main{
  /* margin-right: 2.74rem; */
  /* width: 13.72rem;margin: 0px auto; */
}

/* @media (max-width: 14rem) {} */

@media (max-width: 300px) {
  .main-scroll {
    width: auto !important;
  }

  main.typography {
    height: auto;
  }
}

@media (min-width: 300px) {
  main {
    height: 100%;
    overflow: hidden;
    padding-top: 1.4rem;
  }
}

/* @media (min-width: 12rem) {
  main {
    padding-top: 1.2rem;
    z-index: 9;
  }
} */

main>[class*=' row-col-'],
main>[class^='row-col-'],
main>.row {
  margin: 0;
}

main>img {
  margin-bottom: 0.3rem;
}

.window-height main {
  height: inherit;
  padding-top: 0;
}

.window-height main .main-scroll>.row,
.window-height main>.row {
  height: inherit;
}

.window-height main .main-scroll>.row>div,
.window-height main>.row>div {
  overflow: hidden;
  height: inherit;
  outline: none;
}

.window-height main .main-scroll>.row>div>div,
.window-height main>.row>div>div {
  height: inherit;
}

main.typography section {
  margin-bottom: 0.81rem;
}

main .main-scroll {
  padding-bottom: 0.46rem;
}

@media (max-width: 300px) {
  main .main-scroll {
    padding-top: 0.2rem;
  }

  main .main-scroll>* {
    padding-right: 0.15rem;
    padding-left: 0.15rem;
  }

  main .main-scroll>*.figure-extended {
    padding-right: 0;
    padding-left: 0;
  }

  .window-height main .main-scroll>* {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 300px) {
  main .main-scroll {
    /* overflow-x: hidden; */
    /* overflow-y: auto; */
    -webkit-overflow-scrolling: touch;
    height: 100%;
    padding-bottom: 0;
  }

  .window-height main .main-scroll {
    padding-bottom: 0.46rem;
    padding-top: 0.7rem;
  }

  main .main-scroll>img {
    display: block;
    margin-bottom: 1.5rem;
  }
}

@media (min-width: 1200px) {
  .window-height main .main-scroll {
    padding-top: 1.2rem;
  }
}

main .main-scroll>[class*=' row-col-'],
main .main-scroll>[class^='row-col-'],
main .main-scroll>.row {
  position: relative;
  margin-top: 0.6rem;
  margin-right: 0;
  margin-bottom: 0.6rem;
  margin-left: 0;
}

@media (min-width: 300px) {

  main .main-scroll>[class*=' row-col-'],
  main .main-scroll>[class^='row-col-'],
  main .main-scroll>.row {
    margin-top: 1.2rem;
    margin-bottom: 1.2rem;
  }
}

main .main-scroll>[class*=' row-col-'].all-atail-projects-wrapper, main .main-scroll>[class*=' row-col-'].atail-post,
main .main-scroll>[class^='row-col-'].all-atail-projects-wrapper,
main .main-scroll>[class^='row-col-'].atail-post,
main .main-scroll>.row.all-atail-projects-wrapper,
main .main-scroll>.row.atail-post {
  margin-top: 0;
  margin-bottom: 0;
}

main .main-scroll>[class*=' row-col-'].atail-footer,
main .main-scroll>[class^='row-col-'].atail-footer,
main .main-scroll>.row.atail-footer {
  margin-top: 0;
  margin-bottom: 0;
}

main .main-scroll>[class*=' row-col-'].atail-brands,
main .main-scroll>[class^='row-col-'].atail-brands,
main .main-scroll>.row.atail-brands {
  margin-bottom: 0;
}

main .main-scroll .project-preview-images+div {
  margin-top: 0;
  margin-bottom: 0;
}

main .main-scroll>img {
  display: block;
  margin-bottom: 0.3rem;
  padding-left: 0;
  padding-right: 0;
}

.window-height main .main-scroll {
  height: 100%;
}

.content {
  min-height: 1rem;
  margin-bottom: 0.1rem;
}

@media (min-width: 768px) and (max-width: 300px) {
  .project-preview .content>article {
    max-width: 80%;
  }
}

.copyright {
  font-size: 0.1rem;
  letter-spacing: .05em;
  color: #e3e3e4;
}

 row overlay
.row-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.sides {
  position: fixed;
  top: 0;
  /* width: 124px; */
  height: 100%;
  width: 1.24rem;
}

@media (max-width: 300px) {
  .sides {
    overflow: hidden;
    right: 0;
    z-index: -1;
    top: -0.46rem;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease, z-index 0s ease 0.5s, visibility 0s 0.5s, -webkit-transform 0s ease 0.5s;
    transition: opacity 0.5s ease, z-index 0s ease 0.5s, visibility 0s 0.5s, -webkit-transform 0s ease 0.5s;
    transition: opacity 0.5s ease, z-index 0s ease 0.5s, transform 0s ease 0.5s, visibility 0s 0.5s;
    transition: opacity 0.5s ease, z-index 0s ease 0.5s, transform 0s ease 0.5s, visibility 0s 0.5s, -webkit-transform 0s ease 0.5s;
    -webkit-transform: translate(100%, 100%);
    transform: translate(100%, 100%);
    visibility: hidden;
  }

  .atail-header-opened .sides {
    z-index: 4;
    opacity: 1;
    -webkit-transition: opacity 0.5s ease 0.3s, z-index 0s ease, visibility 0s, -webkit-transform 0.5s ease;
    transition: opacity 0.5s ease 0.3s, z-index 0s ease, visibility 0s, -webkit-transform 0.5s ease;
    transition: opacity 0.5s ease 0.3s, z-index 0s ease, transform 0.5s ease, visibility 0s;
    transition: opacity 0.5s ease 0.3s, z-index 0s ease, transform 0.5s ease, visibility 0s, -webkit-transform 0.5s ease;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    visibility: visible;
  }

  .sides a {
    color: #fff;
  }

  .sides a:hover {
    color: #fff;
  }
}

@media (min-width: 300px) {
  .sides {
    /* width: 124px; */
    width: 1.24rem;
    left: 0;
  }

  .sides a {
    color: #4d4f54;
  }

  .sides a:hover {
    color: #1957f3;
  }
}

.sides.all-projects-box-animating {
  top: 0;
  z-index: 2;
  width: 100%;
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  visibility: visible;
  -webkit-transition: opacity 0s ease, visibility 0s, -webkit-transform 0s ease;
  transition: opacity 0s ease, visibility 0s, -webkit-transform 0s ease;
  transition: opacity 0s ease, transform 0s ease, visibility 0s;
  transition: opacity 0s ease, transform 0s ease, visibility 0s, -webkit-transform 0s ease;
}

.sides a {
  display: inline-block;
  font-size: 0.14rem;
  text-decoration: none;
  font-weight: bold;
  letter-spacing: 0;
  margin-top: 0.15rem;
}

@media (min-width: 300px) {
  .sides a {
    margin-right: 0px;
  }
}

.sides .container,
.sides .container-fluid {
  position: relative;
  height: inherit;
}

.left-side,
.right-side {
  position: absolute;
  top: 0;
  /* width: 124px; */
  width: 1.24rem;
  height: 100%;
  display: flex;
  justify-content: center;
}










.right-side {
  display: none;
  right: 0;
}

@media (min-width: 300px) {
  .right-side {
    display: block;
    border-left: 1px solid #edf5f8;
  }
}

@media (min-width: 300px) and (max-width: 1400px) {
  .right-side .side-content {
    bottom: -0.42rem;
  }
}

@media (min-width: 1401px) {
  .right-side .side-content {
    bottom: -0.82rem;
  }
}

.wp-caption {
  max-width: 100%;
  overflow: hidden;
}

.wp-caption.alignright, .wp-caption.alignleft {
  max-width: 50%;
}

@media (max-width: 767px) {
  .wp-caption.alignright, .wp-caption.alignleft {
    width: 100%;
  }
}

.atail-post-content .aligncenter {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.atail-post-content .alignright {
  float: right;
  clear: both;
  margin-left: 0.3rem;
  max-width: 50%;
}

@media (max-width: 767px) {
  .atail-post-content .alignright {
    width: 100%;
    max-width: 100%;
  }
}

.atail-post-content .alignleft {
  float: left;
  clear: both;
  margin-right: 0.3rem;
  max-width: 50%;
}

@media (max-width: 767px) {
  .atail-post-content .alignleft {
    width: 100%;
    max-width: 100%;
  }
}

 .atail-post-content .wp-caption-text {
  /* font-size: 0.875rem; */
  font-size: 0.24rem;
}
.gallery {
  margin-left: -0.15rem;
  margin-right: -0.15rem;
}

.gallery .gallery-item {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  padding-right: 0.15rem;
  padding-left: 0.15rem;
}

@media (min-width: 480px) {
  .gallery .gallery-item {
    width: 50%;
  }
}

@media (min-width: 300px) {
  .gallery .gallery-item {
    width: 33.333%;
  }
}

@media (min-width: 1200px) {
  .gallery .gallery-item {
    width: 25%;
  }
}

.atail-brands {
  padding: 134px 0 0.4rem;
  background-color: #f9f9f9;
}

.atail-brands-item {
  float: left;
}

.atail-brands-item a {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 1.01rem;
  margin: 0 auto 0.47rem;
}

@media (min-width: 480px) {
  .atail-brands-item a {
    height: 2rem;
  }
}

@media (min-width: 300px) {
  .atail-brands-item a {
    width: 1.01rem;
    height: 1.01rem;
    margin: 0 auto 0.94rem;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    opacity: .8;
  }

  .atail-brands-item a:hover {
    opacity: 1;
  }
}

.atail-brands-item a img {
  font-family: 'object-fit: contain;';
  display: inline-block;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  -o-object-fit: contain;
  object-fit: contain;
}

.foot-section {
  padding-top: 0.6rem;
}

.ajax-loader {
  display: none;
}

.extended-row {
  color: #fff;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
}

.extended-row .small-title,
.extended-row p,
.extended-row .button {
  color: #fff;
}

.intro-demo {
  position: relative;
  display: block;
  text-decoration: none;
  padding-top: 2.07rem;
  padding-bottom: 0.93rem;
  z-index: 1;
}

main .main-scroll .intro-demo-wrapper {
  margin-bottom: 0;
}

.intro-demo-wrapper>div {
  padding: 0;
  margin-bottom: 0.6rem;
}

@media (min-width: 768px) {
  .intro-demo-wrapper>div {
    margin-bottom: 0;
  }

  .intro-demo-wrapper>div:nth-child(1) {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .intro-demo-wrapper>div:nth-child(1) .intro-demo-count {
    top: 0;
    left: 25%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .intro-demo-wrapper>div:nth-child(2) .intro-demo-count {
    top: 50%;
    right: 0;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
  }

  .intro-demo-wrapper>div:nth-child(3) {
    -webkit-transform: translateY(-80%);
    transform: translateY(-80%);
  }

  .intro-demo-wrapper>div:nth-child(3) .intro-demo-count {
    bottom: 0;
    right: 3%;
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%);
  }
}

@media (min-width: 300px) {
  .intro-demo-wrapper>div:nth-child(3) {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

.intro-demo-content {
  position: relative;
  width: 90%;
  margin: 0 auto;
  z-index: 3;
  padding-left: 0.34rem;
}

@media (min-width: 300px) {
  .intro-demo-content {
    width: 89%;
  }
}

@media (min-width: 1200px) {
  .intro-demo-content {
    width: 50%;
  }
}

.intro-demo-content .open-full-post {
  opacity: 1;
  margin-right: 0.24rem;
  float: right;
  letter-spacing: 0;
}

.intro-demo-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden;
}

.intro-demo-image img {
  width: 100%;
  height: 100%;
  font-size: 'object-fit: cover;';
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transition: -webkit-transform .6s ease;
  transition: -webkit-transform .6s ease;
  transition: transform .6s ease;
  transition: transform .6s ease, -webkit-transform .6s ease;
}

.intro-demo-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #1957f3;
  border-right: 1px solid #edf5f8;
  opacity: .8;
  z-index: -1;
}

.intro-demo h5 {
  margin-bottom: 0.24rem;
}

.intro-demo h5,
.intro-demo .open-full-post {
  color: #fff;
  -webkit-transition: -webkit-transform .6s ease;
  transition: -webkit-transform .6s ease;
  transition: transform .6s ease;
  transition: transform .6s ease, -webkit-transform .6s ease;
}

.intro-demo:hover h5,
.intro-demo:hover .open-full-post {
  -webkit-transform: translateY(-0.25rem);
  transform: translateY(-0.25rem);
}

.intro-demo:hover .open-full-post:before {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.intro-demo:hover .intro-demo-image img {
  -webkit-transform: scale(1);
  transform: scale(1);
}

 .intro-demo-count {
  position: absolute;
  z-index: 2;
  /* font-size: 9.375rem; */
  font-size: 0.32rem;
  font-family: "Montserrat", sans-serif;
  opacity: .2;
}
.intro-test-drive {
  text-align: center;
  margin-top: -0.65rem;
}

.intro-test-drive a {
  display: inline-block;
  text-decoration: none;
  font-size: 0.12rem;
}

.test-drive-rect {
  display: inline-block;
  width: 0.13rem;
  height: 0.09rem;
  margin-right: 0.12rem;
  border-left: 0.05rem solid;
  border-right: 1px solid;
  border-top: 1px solid;
  border-bottom: 1px solid;
}

@media (max-width: 767px) {
  .test-drive {
    margin-top: 0.6rem;
    margin-bottom: 0.6rem;
  }

  .test-drive .intro-test-drive {
    margin-top: 0;
  }
}

@media (min-width: 768px) {
  .test-drive {
    height: 0;
  }

  main .main-scroll .test-drive {
    margin: 0;
  }
}

.intro-title {
  margin-top: 0;
}

@media (max-width: 300px) {
  .intro-title {
    margin-top: 0.6rem;
  }
}

.intro-top-text {
  position: fixed;
  top: 0;
  left: 0.15rem;
  z-index: 5;
}

@media (min-width: 300px) {
  .intro-top-text {
    left: 0.85rem;
    top: 0.15rem;
  }
}

@media (min-width: 1200px) {
  .intro-top-text {
    left: 1.5rem;
    top: 0.37rem;
  }
}

.top-text-hor-line:before {
  content: '';
  display: inline-block;
  width: 0.26rem;
  height: 2px;
  margin-right: 0.14rem;
  border-top: 2px solid;
  opacity: .5;
  vertical-align: middle;
}

.top-text-ver-line:before {
  content: '';
  display: inline-block;
  width: 2px;
  height: 0.42rem;
  margin-right: 2px;
  border-right: 2px solid #86b8e7;
  opacity: .5;
  vertical-align: middle;
}

.z-index-3 {
  z-index: 3;
}

.display-none {
  display: none;
}

.loginbtn {
  /* width: 124px; */
  width: 1.24rem;
  position: fixed;
  bottom: 0.52rem;
  left: 0px;
  z-index: 998;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.121rem;
  text-align: center;
}

.loginbtn img {
  width: 0.4rem;
  display: inline-block;
  height: 0.4rem;
  border-radius: 50%;
}

.loginbtn a {
  width: 100%;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}


@media (max-width: 1400px) {
  .grid-bg {
    display: none
  }

  .Other002781 ul {
    display: none;
  }
}




.left-side .copyright {
  position: fixed !important;
  left: 0px !important;
  bottom: 0.1rem !important;
  text-align: center !important;
  /* width: 124px; */
  width: 1.24rem;line-height: 0.12rem;
}
.loginbtn a br{display: contents;line-height: 0.26rem;}

.atail-header .row .col-xs-2 {
  width: auto;
}

.atail-header .nav-list {
  display: flex !important;
  justify-content: space-between;
  height: 100%;
}
.atail-header .nav-list  li{flex: 1;}

.Home main{
  /* padding-right: 2.9rem; */
}

.left-side .side-content,
.right-side .side-content {
  position: absolute;
  overflow: auto;
  bottom: 1.78rem !important;
  writing-mode: vertical-lr;
  text-align: center;
}
body {
  height: 100%;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}
@media (min-width: 300px) {
  html {
    overflow: hidden;
  }
}
@media (min-width: 300px) {
  body {
    overflow: hidden;
  }
}
@media (max-width: 300px) {
  .atail {
    height: auto;
  }
}


@media (min-width: 300px) {
  .atail {
    overflow: hidden;
  }

}


@media screen and (max-width:1024px){
  .nav-list>li>a>span{
    font-size: 0.18rem;
    text-align: center;
  }
}
main .main-scroll::-webkit-scrollbar {
  display: none; /* Chrome Safari */
}
 
main .main-scroll {
  scrollbar-width: none; /* firefox */
  -ms-overflow-style: none; /* IE 10+ */
  /* overflow-x: hidden; */
  overflow-y: auto;
}

.nav-list .menu-item:nth-child(6){
  display: none;
}

.nav-list .menu-item:nth-child(8){
  display: none;
}

/* .Home .swiper .swiper-slide:nth-child(1) .txt h2{
  font-size: 1.4rem;
  line-height: 1.4rem;
} */
.Home .swiper .swiper-slide .imgbox span{
  height: 100%;
}
.slideTxtBox .bd,.slideTxtBox .bd ul{
  width: 100% !important;
}
.loginbox{

    width: 100%;
    padding: 0 1.2rem;
    display: flex;
    justify-content: space-between;
}