/*** INSTRUCTION: HOW TO ADD CUSTOM FONTS ***/
@font-face {
  font-family: 'open_sansbold';
  font-display: swap;
  src: url("../fonts/font-opensans/opensans-bold-webfont.eot");
  src: url("../fonts/font-opensans/opensans-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/font-opensans/opensans-bold-webfont.woff2") format("woff2"), url("../fonts/font-opensans/opensans-bold-webfont.woff") format("woff"), url("../fonts/font-opensans/opensans-bold-webfont.ttf") format("truetype"), url("../fonts/font-opensans/opensans-bold-webfont.svg#open_sansbold") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'open_sansitalic';
  font-display: swap;
  src: url("../fonts/font-opensans/opensans-italic-webfont.eot");
  src: url("../fonts/font-opensans/opensans-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/font-opensans/opensans-italic-webfont.woff2") format("woff2"), url("../fonts/font-opensans/opensans-italic-webfont.woff") format("woff"), url("../fonts/font-opensans/opensans-italic-webfont.ttf") format("truetype"), url("../fonts/font-opensans/opensans-italic-webfont.svg#open_sansitalic") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'open_sanslight';
  font-display: swap;
  src: url("../fonts/font-opensans/opensans-light-webfont.eot");
  src: url("../fonts/font-opensans/opensans-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/font-opensans/opensans-light-webfont.woff2") format("woff2"), url("../fonts/font-opensans/opensans-light-webfont.woff") format("woff"), url("../fonts/font-opensans/opensans-light-webfont.ttf") format("truetype"), url("../fonts/font-opensans/opensans-light-webfont.svg#open_sanslight") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'open_sansregular';
  font-display: swap;
  src: url("../fonts/font-opensans/opensans-regular-webfont.eot");
  src: url("../fonts/font-opensans/opensans-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/font-opensans/opensans-regular-webfont.woff2") format("woff2"), url("../fonts/font-opensans/opensans-regular-webfont.woff") format("woff"), url("../fonts/font-opensans/opensans-regular-webfont.ttf") format("truetype"), url("../fonts/font-opensans/opensans-regular-webfont.svg#open_sansregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'open_sanssemibold';
  font-display: swap;
  src: url("../fonts/font-opensans/opensans-semibold-webfont.eot");
  src: url("../fonts/font-opensans/opensans-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/font-opensans/opensans-semibold-webfont.woff2") format("woff2"), url("../fonts/font-opensans/opensans-semibold-webfont.woff") format("woff"), url("../fonts/font-opensans/opensans-semibold-webfont.ttf") format("truetype"), url("../fonts/font-opensans/opensans-semibold-webfont.svg#open_sanssemibold") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'bebasneue_regular';
  font-display: swap;
  src: url("../fonts/font-bebas/bebasneue_regular.otf");
  src: url("../fonts/font-bebas/bebasneue_regular.woff2") format("woff2"), url("../fonts/font-bebas/bebasneue_regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'bebasneue_bold';
  font-display: swap;
  src: url("../fonts/font-bebas/bebasneue_bold.otf");
  src: url("../fonts/font-bebas/bebasneue_bold.woff2") format("woff2"), url("../fonts/font-bebas/bebasneue_bold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'bebasneue_book';
  font-display: swap;
  src: url("../fonts/font-bebas/bebasneue_book.otf");
  src: url("../fonts/font-bebas/bebasneue_book.woff2") format("woff2"), url("../fonts/font-bebas/bebasneue_book.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'bebasneue_light';
  font-display: swap;
  src: url("../fonts/font-bebas/bebasneue_light.otf");
  src: url("../fonts/font-bebas/bebasneue_light.woff2") format("woff2"), url("../fonts/font-bebas/bebasneue_light.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: optional;
}

@font-face {
  font-family: 'bebasneue_thin';
  font-display: swap;
  src: url("../fonts/font-bebas/bebasneue_thin.otf");
  src: url("../fonts/font-bebas/bebasneue_thin.woff2") format("woff2"), url("../fonts/font-bebas/bebasneue_thin.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Questrial';
  font-display: swap;
  src: url("../css/font-design/Questrial-Regular.eot");
  src: url("../css/font-design/Questrial-Regular.eot?#iefix") format("embedded-opentype"), url("../css/font-design/Questrial-Regular.woff2") format("woff2"), url("../css/font-design/Questrial-Regular.woff") format("woff"), url("../css/font-design/Questrial-Regular.ttf") format("truetype"), url("../css/font-design/Questrial-Regular.svg#Questrial-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Trueno';
  font-display: swap;
  src: url("../css/font-design/TruenoSBd.eot");
  src: url("../css/font-design/TruenoSBd.eot?#iefix") format("embedded-opentype"), url("../css/font-design/TruenoSBd.woff2") format("woff2"), url("../css/font-design/TruenoSBd.woff") format("woff"), url("../css/font-design/TruenoSBd.ttf") format("truetype"), url("../css/font-design/TruenoSBd.svg#TruenoSBd") format("svg");
  font-weight: 600;
  font-style: normal;
}

@media print {
  header,
  footer,
  img,
  form,
  figure,
  aside,
  iframe,
  button,
  select,
  input,
  .sidepanel,
  .back-to-top,
  .loader-overlay,
  .fas,
  .fab,
  .fa,
  .acf-map,
  .slick-slider {
    display: none !important;
  }
  /* This Removes the URL of anchor tag but retain the text */
  a {
    pointer-events: none !important;
  }
  a[href]:after {
    content: none !important;
  }
  .wrapper-holder {
    min-height: 10px !important;
    margin-top: 0 !important;
    padding-bottom: 0 !important;
  }
  div {
    display: block !important;
    height: auto !important;
    padding: 0 !important;
    position: relative !important;
    left: 0 !important;
    top: auto !important;
    margin: 0 !important;
    min-height: 10px !important;
    text-align: left !important;
    transform: none !important;
    width: 100% !important;
  }
  * {
    background-color: transparent !important;
    background-image: none !important;
    height: auto !important;
    line-height: 1 !important;
    float: none !important;
    margin: 0 !important;
    opacity: 1 !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: relative !important;
    text-align: left !important;
    transform: none !important;
    width: 100% !important;
  }
  h1, h2, h3, h4, h5, h6 {
    margin-top: 10px !important;
    margin-bottom: 15px !important;
  }
  p + p {
    margin-top: 10px !important;
  }
  p ~ table {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  table {
    border-top: 1px solid #ccc !important;
    border-right: 1px solid #ccc !important;
  }
  table td, table th {
    padding: 5px 10px !important;
    border-left: 1px solid #ccc !important;
    border-bottom: 1px solid #ccc !important;
  }
  table ol, table ul {
    padding-left: 15px !important;
  }
}

@media screen {
  input, textarea, select {
    font-family: "Questrial" !important;
  }
  html, body {
    font-size: 16px;
    font-family: "Questrial" !important;
    overflow-x: hidden;
  }
}

@media only screen and (min-width: 1366px) {
  html, body {
    margin: -2px;
  }
}

@media only screen and (min-width: 1800px) {
  html, body {
    margin: -1px;
  }
}

@media screen {
  html::-webkit-scrollbar-track, body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
    border-radius: 10px;
  }
  html::-webkit-scrollbar, body::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
  }
  html::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.44, #fdca75), color-stop(0.72, #fdb740), color-stop(0.86, #fda50f));
  }
  body.modal-open {
    position: fixed;
    width: 100%;
    -webkit-overflow-scrolling: touch !important;
  }
  [class*="col-"] {
    transition: all 0.4s;
  }
  h1, h2, h3, h4, h5, h6 {
    font-family: "Questrial" !important;
    font-weight: normal;
    line-height: 1;
    margin-top: 0;
    margin-bottom: 0;
  }
  h1 ~ ul, h1 ~ ol, h2 ~ ul, h2 ~ ol, h3 ~ ul, h3 ~ ol, h4 ~ ul, h4 ~ ol, h5 ~ ul, h5 ~ ol, h6 ~ ul, h6 ~ ol {
    margin-top: 15px;
  }
  h1 ~ p:first-of-type, h2 ~ p:first-of-type, h3 ~ p:first-of-type, h4 ~ p:first-of-type, h5 ~ p:first-of-type, h6 ~ p:first-of-type {
    margin-top: 15px;
  }
  h1 ~ h1, h1 ~ h2, h1 ~ h3, h1 ~ h4, h1 ~ h5, h1 ~ h6, h2 ~ h1, h2 ~ h2, h2 ~ h3, h2 ~ h4, h2 ~ h5, h2 ~ h6, h3 ~ h1, h3 ~ h2, h3 ~ h3, h3 ~ h4, h3 ~ h5, h3 ~ h6, h4 ~ h1, h4 ~ h2, h4 ~ h3, h4 ~ h4, h4 ~ h5, h4 ~ h6, h5 ~ h1, h5 ~ h2, h5 ~ h3, h5 ~ h4, h5 ~ h5, h5 ~ h6, h6 ~ h1, h6 ~ h2, h6 ~ h3, h6 ~ h4, h6 ~ h5, h6 ~ h6 {
    margin-top: 15px;
  }
  h1 ~ figure, h2 ~ figure, h3 ~ figure, h4 ~ figure, h5 ~ figure, h6 ~ figure {
    margin-top: 15px;
  }
  h1 ~ table, h2 ~ table, h3 ~ table, h4 ~ table, h5 ~ table, h6 ~ table {
    margin-top: 15px;
  }
  h1 ~ blockquote, h2 ~ blockquote, h3 ~ blockquote, h4 ~ blockquote, h5 ~ blockquote, h6 ~ blockquote {
    margin-top: 15px;
  }
  h1 ~ .table-responsive, h2 ~ .table-responsive, h3 ~ .table-responsive, h4 ~ .table-responsive, h5 ~ .table-responsive, h6 ~ .table-responsive {
    margin-top: 15px;
  }
  p {
    font-size: 14px;
    margin-bottom: 0;
    margin-top: 20px;
  }
  p:first-of-type {
    margin-top: 0;
  }
  p ~ ul, p ~ ol {
    margin-top: 15px;
  }
  p ~ h1, p ~ h2, p ~ h3, p ~ h4, p ~ h5, p ~ h6 {
    margin-top: 15px;
  }
  p ~ figure {
    margin-top: 15px;
  }
  p ~ table {
    margin-top: 15px;
  }
  p ~ blockquote {
    margin-top: 15px;
  }
  h6 {
    font-size: 16px;
  }
  h5 {
    font-size: 18px;
  }
  h4 {
    font-size: 20px;
  }
  h3 {
    font-size: 24px;
  }
  h2 {
    font-size: 30px;
  }
  h1 {
    font-size: 36px;
  }
  ul, ol {
    margin: 0;
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 0;
    padding-top: 0;
  }
  ul ~ ul, ul ~ ol, ol ~ ul, ol ~ ol {
    margin-top: 15px;
  }
  ul li p ~ ul, ul li p ~ ol, ol li p ~ ul, ol li p ~ ol {
    margin-top: 0;
  }
  aside ul, aside ol {
    list-style: none;
    padding: 0;
  }
  img {
    display: inline-block;
    height: auto;
    max-width: 100%;
    margin: 20px 0;
  }
  img img.img-responsive {
    display: inline-block;
  }
  a {
    display: inline-block;
    outline: none !important;
    text-decoration: none !important;
    color: #fda50f;
    transition: all 0.3s;
  }
  a:hover {
    outline: none !important;
  }
  video {
    max-width: 100%;
  }
  textarea {
    resize: 0;
  }
  hr {
    border-color: #cccccc;
  }
  strong, b {
    font-family: inherit;
    font-weight: 600;
  }
  span {
    display: inline-block;
  }
  figure img {
    display: inline-block;
  }
  figure img.img-responsive {
    display: inline-block;
  }
  figure ~ p {
    margin-top: 15px;
  }
  figure ~ p:first-of-type {
    margin-top: 15px;
  }
  blockquote {
    border-color: #fda50f !important;
    border-left: 4px solid #fda50f !important;
    padding-left: 15px;
  }
  table {
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
  }
  table td, table th {
    border-left: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    padding: 10px;
  }
  table tbody tr td {
    background-color: #cccccc;
  }
  table tbody tr:nth-child(odd) td {
    background-color: transparent;
  }
  table h1, table h2, table h3, table h4, table h5, table h6 {
    margin-top: 0;
  }
  .wpcf7-form span {
    display: block;
    width: 100%;
  }
  .wpcf7-form span input, .wpcf7-form span textarea, .wpcf7-form span select {
    font-family: "Questrial" !important;
  }
  .wpcf7-form span input, .wpcf7-form span textarea {
    outline: 0;
  }
  .wpcf7-form span input[type="text"],
  .wpcf7-form span input[type="email"],
  .wpcf7-form span textarea {
    box-shadow: 0 !important;
    border-radius: 5px;
    border: 1px solid #cccccc;
    width: 100%;
  }
  .wpcf7-form span input[type="text"]:focus,
  .wpcf7-form span input[type="email"]:focus,
  .wpcf7-form span textarea:focus {
    border-color: #cccccc;
  }
  .wpcf7-form span textarea {
    height: 150px;
  }
}

@media screen {
  input, textarea, select {
    box-shadow: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
    -o-appearance: none !important;
  }
  select {
    background: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSdibGFjaycgaGVpZ2h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0JyB3aWR0aD0nMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTcgMTBsNSA1IDUtNXonLz48cGF0aCBkPSdNMCAwaDI0djI0SDB6JyBmaWxsPSdub25lJy8+PC9zdmc+) no-repeat 98% 50%;
  }
  body.iosBugFixCaret.modal-open {
    left: 0;
    position: fixed;
    right: 0;
    width: 100%;
    -webkit-overflow-scrolling: touch !important;
  }
}

@media screen {
  body.home .main-header.header-bg {
    background-color: rgba(255, 255, 255, 0.4) !important;
  }
  .main-header {
    left: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 20;
    transition: all 0.7s;
  }
  .main-header.push-top {
    top: -500px;
  }
  .main-header.header-bg {
    background-color: rgba(0, 0, 0, 0.4);
  }
  .main-header .website-details {
    margin-bottom: 10px;
  }
  .main-header .website-details > span {
    margin-left: 10px;
  }
  .main-header .main-logo {
    padding-left: 5px;
  }
}

@media screen and (min-width: 768px) {
  .main-header .main-logo {
    padding-left: 35px;
  }
}

@media screen {
  .main-header .main-logo a {
    display: block;
    max-height: 62px;
  }
  .main-header .main-logo a img {
    max-height: 62px;
    width: auto;
  }
  .main-header .main-logo a .logo-text {
    color: #9dca00;
    font-family: "open_sansbold";
    font-size: 30px;
  }
  .main-header .desktop-menu .nav {
    display: block;
    text-align: right;
  }
  .main-header .desktop-menu .nav .menu {
    padding: 0;
  }
  .main-header .desktop-menu .nav .menu li {
    display: inline-block;
    margin-left: 20px;
    position: relative;
  }
  .main-header .desktop-menu .nav .menu li:first-child {
    margin-left: 0;
  }
  .main-header .desktop-menu .nav .menu li.current-menu-item a, .main-header .desktop-menu .nav .menu li.current_page_item a, .main-header .desktop-menu .nav .menu li.current-menu-ancestor a, .main-header .desktop-menu .nav .menu li.current-menu-parent a, .main-header .desktop-menu .nav .menu li.current-page-ancestor a {
    color: #9dca00;
  }
  .main-header .desktop-menu .nav .menu li a {
    color: #000000;
    font-size: 12px;
    text-transform: uppercase;
  }
  .main-header .desktop-menu .nav .menu li a span {
    margin-left: 5px;
  }
  .main-header .desktop-menu .nav .menu li a i {
    display: none;
  }
  .main-header .desktop-menu .nav .menu li > .sub-menu {
    display: none;
    left: 0;
    position: absolute;
    padding-left: 0;
    top: 100%;
    text-align: left;
    width: 150px;
  }
  .main-header .desktop-menu .nav .menu li > .sub-menu li {
    display: block;
    margin-left: 0;
    position: relative;
  }
  .main-header .desktop-menu .nav .menu li > .sub-menu li.menu-item-has-children a span::before {
    content: '\f105';
  }
  .main-header .desktop-menu .nav .menu li > .sub-menu li a {
    background-color: #cccccc;
    color: #ffffff;
    display: block;
    padding: 5px;
  }
  .main-header .desktop-menu .nav .menu li > .sub-menu li a:hover {
    background-color: #9dca00;
    color: #ffffff;
  }
  .main-header .desktop-menu .nav .menu li > .sub-menu li > .sub-menu {
    display: none;
    left: 100%;
    position: absolute;
    top: 0;
    text-align: left;
    width: 150px;
  }
  .main-header .desktop-menu .nav .menu li > .sub-menu li:hover > .sub-menu {
    display: block;
  }
  .main-header .desktop-menu .nav .menu li:hover > .sub-menu {
    display: block;
  }
  .main-header .desktop-menu .nav .menu:hover > li > a {
    color: #000000;
  }
  .main-header .desktop-menu .nav .menu:hover > li:hover > a {
    color: #9dca00;
  }
}

@media screen {
  .footer {
    background-color: rgba(85, 85, 85, 0.9);
    bottom: 0;
    color: #ffffff;
    left: 0;
    padding-top: 65px;
    background-size: cover;
    background-position: center center;
    padding-bottom: 15px;
    position: absolute;
    right: 0;
    z-index: 9;
  }
  .footer .overlay {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(85, 85, 85, 0.9);
    position: absolute;
  }
  .footer .opt_footer_form_description {
    margin-bottom: 15px;
    max-width: 560px;
  }
}

@media screen and (max-width: 767px) {
  .footer .opt_footer_form_description {
    max-width: 445px;
    margin: 0 auto 15px;
  }
}

@media screen {
  .footer .opt_footer_form_description p {
    font-size: 20px;
    font-family: "Trueno";
  }
}

@media screen and (min-width: 768px) {
  .footer .opt_footer_form_description p {
    font-size: 25px;
  }
}

@media screen and (min-width: 992px) {
  .footer .opt_footer_form_description p {
    font-size: 30px;
  }
}

@media screen {
  .footer .powered-col .footer-logo {
    margin-bottom: 30px;
    text-align: center;
  }
}

@media screen and (min-width: 768px) {
  .footer .powered-col .footer-logo {
    text-align: right;
  }
}

@media screen {
  .footer .powered-col .footer-logo img {
    max-width: 250px;
    margin: 0 auto;
    width: 100%;
  }
  .footer .powered-col .powered-logo {
    text-align: center;
  }
}

@media screen and (min-width: 768px) {
  .footer .powered-col .powered-logo {
    text-align: right;
  }
}

@media screen {
  .footer .powered-col .powered-logo .title {
    margin-bottom: 15px;
    text-align: center;
  }
}

@media screen and (min-width: 768px) {
  .footer .powered-col .powered-logo .title {
    text-align: left;
  }
}

@media screen {
  .footer .powered-col .powered-logo .title p {
    font-size: 18px;
    font-family: "Questrial";
  }
  .footer .powered-col .powered-logo img {
    width: 100%;
    max-width: 315px;
  }
  .footer .footer-form {
    max-width: 445px;
  }
}

@media screen and (max-width: 767px) {
  .footer .footer-form {
    margin: 0 auto 30px;
    text-align: center;
  }
}

@media screen {
  .footer .footer-form form .submitbtn-form {
    margin-top: 10px;
    cursor: pointer;
    position: relative;
    width: 250px;
    display: inline-block;
    background-color: #fda50f;
    border: 1px solid #fda50f;
    border-radius: 50px;
    transition: all 0.6s ease-out;
    overflow: hidden;
    height: 50px;
  }
  .footer .footer-form form .submitbtn-form:hover {
    background-color: #fff !important;
  }
  .footer .footer-form form .submitbtn-form:hover .wpcf7-submit {
    color: #fda50f;
  }
  .footer .footer-form form .submitbtn-form:hover i {
    background-color: #fda50f;
  }
  .footer .footer-form form .submitbtn-form i {
    transition: all 0.6s ease-out;
    position: absolute;
    background-color: #fff;
    color: #252525;
    font-size: 20px;
    padding: 11px 15px;
    border-radius: 25px;
    right: 5px;
    top: 3px;
  }
  .footer .footer-form form input, .footer .footer-form form select {
    width: 100%;
    padding: 0 15px;
    outline: 0;
    border: 1px solid #d7d7d7;
    border-radius: 0;
    margin-bottom: 10px;
    background-color: #fff;
    height: 45px;
  }
  .footer .footer-form form input.wpcf7-submit, .footer .footer-form form select.wpcf7-submit {
    cursor: pointer;
    height: 100%;
    margin-bottom: 0;
    background-color: transparent;
    border: 0;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    text-align: left;
    color: #fff;
    font-family: "Questrial";
    font-size: 16px;
    letter-spacing: 1px;
    z-index: 1;
  }
  .footer .footer-form form textarea {
    padding: 15px;
    height: 115px;
    outline: 0;
    border: 1px solid #d7d7d7;
    border-radius: 0;
    margin-bottom: 10px;
  }
  .footer .copyright {
    text-align: center;
    margin-top: 20px;
  }
}

@media screen and (min-width: 768px) {
  .footer .copyright {
    margin-top: 30px;
    text-align: right;
  }
}

@media screen {
  .footer .copyright p {
    color: #8c8e8e;
    font-size: 14px;
    font-family: "Questrial";
  }
  .footer a {
    color: #ffffff;
  }
  .footer .social {
    margin-bottom: 10px;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
  }
}

@media screen and (min-width: 768px) {
  .footer .social {
    margin-bottom: 0;
    text-align: left;
  }
  .footer .social a {
    padding-left: 0;
    padding-right: 8px;
  }
}

@media screen {
  .footer .social a {
    padding-left: 4px;
    padding-right: 4px;
  }
  .footer .sytian-logo {
    margin-bottom: 0;
    text-align: center;
  }
}

@media screen and (min-width: 768px) {
  .footer .sytian-logo {
    text-align: right;
  }
}

@media screen {
  .footer .sytian-logo a {
    color: #ffffff;
  }
}

@media screen {
  .sidepanel {
    box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.5);
    bottom: 0;
    overflow: hidden;
    padding: 0px;
    position: fixed;
    right: -100%;
    top: 0;
    max-width: 45%;
    width: 523px;
    min-width: 300px;
    z-index: 999999;
    transition: all 0.3s ease 0s;
    -webkit-box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.5);
  }
  .sidepanel:before {
    content: "";
    position: absolute;
    top: -100%;
    left: 0;
    right: 0;
    bottom: -100%;
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 99999999999;
  }
  .sidepanel .header {
    /*background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0.16)),to(rgba(255,255,255,0.01)));
      background-image: -moz-gradient(linear,left top,left bottom,from(rgba(255,255,255,0.16)),to(rgba(255,255,255,0.01)));
      background-image: -ms-gradient(linear,left top,left bottom,from(rgba(255,255,255,0.16)),to(rgba(255,255,255,0.01)));
      background-image: -o-gradient(linear,left top,left bottom,from(rgba(255,255,255,0.16)),to(rgba(255,255,255,0.01)));
      background-image: linear-gradient(to bottom,rgba(255,255,255,0.16),rgba(255,255,255,0.01));
      box-shadow: 0 1px 4px rgba(0,0,0,0.5);*/
    /*-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.5);
      -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.5);
      -ms-box-shadow: 0 1px 4px rgba(0,0,0,0.5);
      -o-box-shadow: 0 1px 4px rgba(0,0,0,0.5);*/
    text-align: left;
    margin-bottom: 50px;
    position: relative;
    z-index: 9999999999999;
  }
  .sidepanel .header .mobile-menu-btn {
    border-radius: 0;
    cursor: pointer;
    margin-top: 0;
    padding: 14px 14px;
    text-align: right;
    font-size: 16px;
    text-transform: uppercase;
  }
  .sidepanel .header .mobile-menu-btn span {
    margin-left: 10px;
    color: #252525;
    font-size: 16px;
  }
  .sidepanel .menu {
    position: relative;
    z-index: 9999999999999999999;
    box-sizing: border-box;
    display: block;
    margin: 0px;
    padding: 0px;
    width: 100%;
  }
  .sidepanel .menu > li {
    cursor: pointer;
    display: block;
    position: relative;
    text-align: center;
  }
  .sidepanel .menu > li.show span:before {
    content: '\f068';
  }
  .sidepanel .menu > li > a {
    /*box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);*/
    /*border-bottom: 1px solid  rgba(0,0,0,0.2);*/
    color: #252525;
    font-family: "Questrial";
    padding: 15px;
    text-transform: uppercase;
    width: 100%;
    font-size: 16px;
    /*-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
          -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
          -ms-box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
          -o-box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);*/
  }
}

@media screen and (min-width: 768px) {
  .sidepanel .menu > li > a {
    font-size: 20px;
  }
}

@media screen {
  .sidepanel .menu > li > a i {
    font-size: 20px;
    margin-right: 10px;
    vertical-align: middle;
  }
  .sidepanel .menu > li > a:hover {
    background-color: #fda50f;
  }
  .sidepanel .menu > li .sub-menu {
    background-color: transparent;
    border: none;
    display: none;
    left: 0 !important;
    margin: 0;
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 0;
    padding-top: 0;
    position: relative !important;
    top: 0 !important;
    transform: none !important;
    width: 100%;
  }
  .sidepanel .menu > li .sub-menu > li {
    border-left: 5px solid #fda50f;
  }
  .sidepanel .menu > li .sub-menu > li > a {
    /*box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
              border-bottom: 1px solid  rgba(0,0,0,0.2);*/
    color: #252525;
    display: block;
    font-size: 14px;
    padding: 14px;
    width: 100%;
    /*-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
              -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
              -ms-box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
              -o-box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);*/
  }
  .sidepanel .menu > li .sub-menu > li > a:hover {
    background-color: #fda50f;
  }
  .sidepanel .menu > li .sub-menu > li span.dropdown-toggle {
    width: 15%;
    top: 0;
  }
  .sidepanel .menu > li .sub-menu > li > .sub-menu {
    display: none;
    padding-left: 20px;
  }
  .sidepanel .menu > li .sub-menu > li > .sub-menu > li {
    border-left: none;
  }
  .sidepanel .menu > li .sub-menu > li > .sub-menu > li > a {
    /*box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
                  border-bottom: 1px solid  rgba(0,0,0,0.2);*/
    color: #252525;
    font-size: 14px;
    padding: 14px;
    width: 100%;
    /*-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
                  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
                  -ms-box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
                  -o-box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);*/
  }
  .sidepanel .menu > li .sub-menu > li > .sub-menu > li > a:hover {
    background-color: #fda50f;
  }
  .sidepanel .menu > li .sub-menu.show {
    display: block !important;
    height: 100%;
    overflow: hidden;
  }
  .sidepanel .menu > li.current-menu-item, .sidepanel .menu > li.current_page_item, .sidepanel .menu > li.current-menu-ancestor, .sidepanel .menu > li.current-menu-parent, .sidepanel .menu > li.current-page-ancestor {
    background-color: #fda50f;
  }
  .sidepanel .menu > li.current-menu-item > a, .sidepanel .menu > li.current_page_item > a, .sidepanel .menu > li.current-menu-ancestor > a, .sidepanel .menu > li.current-menu-parent > a, .sidepanel .menu > li.current-page-ancestor > a {
    color: #252525;
  }
  .sidepanel .menu > li.current-menu-item .nav-control, .sidepanel .menu > li.current_page_item .nav-control, .sidepanel .menu > li.current-menu-ancestor .nav-control, .sidepanel .menu > li.current-menu-parent .nav-control, .sidepanel .menu > li.current-page-ancestor .nav-control {
    color: #252525;
  }
  .sidepanel .menu > li:focus, .sidepanel .menu > li:active {
    background-color: #fda50f;
    color: #252525;
  }
  .sidepanel .menu > li.open > a, .sidepanel .menu > li.open .nav-control {
    color: #fda50f;
  }
  .sidepanel .menu > li.open .nav-control::before {
    content: '\f068';
  }
  .sidepanel .menu > li .nav-title {
    display: inline-block;
    width: 90%;
  }
  .sidepanel .menu > li .nav-control {
    position: absolute;
    right: 0;
    z-index: 99999;
    color: #252525;
    padding: 20px;
    text-align: right;
    width: auto;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
    -ms-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
    -o-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
  }
  .sidepanel .menu > li .nav-control:after {
    content: none;
  }
  .sidepanel .menu:hover > li {
    background-color: transparent;
  }
  .sidepanel .menu:hover > li > a {
    color: #252525;
  }
  .sidepanel .menu:hover > li.current-menu-item, .sidepanel .menu:hover > li.current_page_item, .sidepanel .menu:hover > li.current-menu-ancestor {
    background-color: transparent;
  }
  .sidepanel .menu:hover > li.current-menu-item > a, .sidepanel .menu:hover > li.current_page_item > a, .sidepanel .menu:hover > li.current-menu-ancestor > a {
    color: #000000;
  }
  .sidepanel .menu:hover > li.current-menu-item .nav-control, .sidepanel .menu:hover > li.current_page_item .nav-control, .sidepanel .menu:hover > li.current-menu-ancestor .nav-control {
    color: #000000;
  }
  .sidepanel .menu:hover > li:hover {
    background-color: #fda50f;
  }
  .sidepanel .menu:hover > li:hover > a {
    color: #252525;
  }
  .sidepanel .menu:hover > li:hover .nav-control {
    color: #252525;
  }
  .sidepanel .menu:hover > li.open {
    background-color: #fda50f;
  }
  .sidepanel .menu:hover > li.open > a {
    color: #252525;
  }
  .sidepanel .menu:hover > li.open .nav-control {
    color: #252525;
  }
  .sidepanel.sidepanel-out {
    right: 0;
  }
}

@media screen {
  body.home .mobile-menu {
    display: block;
    margin-left: auto;
    outline: 0 !important;
    padding-bottom: 10px;
    padding-top: 10px;
    vertical-align: middle;
    text-align: right;
  }
  body.home .mobile-menu span.longline, body.home .mobile-menu span.shortline {
    background-color: #000 !important;
  }
  body.home .mobile-menu span.shortline {
    margin-top: -5px;
  }
  body.home .mobile-menu span .hamburger-inner {
    background-color: #000000 !important;
  }
  body.home .mobile-menu span .hamburger-inner::before, body.home .mobile-menu span .hamburger-inner::after {
    background-color: #000000 !important;
  }
  body.home .mobile-menu span .hamburger-inner.is-active {
    background-color: #252525;
  }
  body.home .mobile-menu span .hamburger-inner.is-active::before, body.home .mobile-menu span .hamburger-inner.is-active::after {
    background-color: #252525;
  }
  .mobile-menu-wrapper {
    text-align: right;
    padding-right: 5px;
  }
}

@media screen and (min-width: 768px) {
  .mobile-menu-wrapper {
    padding-right: 35px;
  }
}

@media screen {
  .mobile-menu {
    display: inline-block;
    margin-left: auto;
    outline: 0 !important;
    padding-bottom: 10px;
    padding-top: 10px;
    vertical-align: middle;
    text-align: right;
    width: 45px;
    cursor: pointer;
  }
  .mobile-menu:hover .longline, .mobile-menu:hover .shortline {
    background-color: #fda50f;
  }
  .mobile-menu span.longline {
    height: 3px;
    width: 100%;
    background-color: #fff;
    border-radius: 5px;
  }
  .mobile-menu span.shortline {
    height: 3px;
    width: 80%;
    background-color: #fff;
    border-radius: 5px;
    margin-top: -5px;
  }
  .mobile-menu span .hamburger-inner {
    background-color: #ffffff;
  }
  .mobile-menu span .hamburger-inner::before, .mobile-menu span .hamburger-inner::after {
    background-color: #ffffff;
  }
  .mobile-menu span .hamburger-inner.is-active {
    background-color: #252525;
  }
  .mobile-menu span .hamburger-inner.is-active::before, .mobile-menu span .hamburger-inner.is-active::after {
    background-color: #252525;
  }
}

@media screen {
  body.modal-open {
    padding-right: 0 !important;
    position: relative;
  }
}

@media screen and (min-width: 992px) {
  body.modal-open {
    overflow: auto !important;
  }
}

@media screen {
  main, .wrapper-holder {
    position: relative;
    z-index: 1;
  }
  .form-control::-webkit-input-placeholder {
    color: #b5b5b5;
  }
  .form-control:-moz-placeholder {
    color: #b5b5b5;
  }
  /* Firefox 18- */
  .form-control::-moz-placeholder {
    color: #b5b5b5;
  }
  /* Firefox 19+ */
  .form-control:-ms-input-placeholder {
    color: #b5b5b5;
  }
  .form-control {
    border-radius: 0;
    height: 40px;
    padding: 10px 20px;
  }
  div.wpcf7 .form-btn {
    display: inline-block;
    position: relative;
    max-width: 224px;
    width: 100%;
  }
  div.wpcf7 .ajax-loader {
    background-image: url("../img/ajax-loader.gif");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    left: 50%;
    height: 49px;
    margin: 0 !important;
    position: absolute !important;
    top: 50%;
    width: 100%;
    z-index: 1;
    transform: translate(-50%, -50%);
  }
  div.wpcf7 .ajax-loader.visible {
    visibility: visible !important;
  }
  .wpcf7-submit {
    transition: all 0.3s;
  }
  .wpcf7-submit.loading {
    font-size: 0 !important;
  }
  .invalid-input {
    background-color: #FFCFCF !important;
  }
  span.wpcf7-not-valid-tip {
    border: 1px solid #e46967;
    background-color: #FFCFCF;
    border-radius: 5px;
    color: #e46967;
    font-size: 10px;
    margin-bottom: 0 !important;
    position: absolute !important;
    padding: 3px 10px;
    top: -7px;
    right: 10px;
    width: auto !important;
  }
  .wpcf7-response-output {
    display: none !important;
  }
  div.wpcf7-validation-errors {
    border-color: #e46967;
    background-color: #FFCFCF;
    color: #e46967;
    margin: 0 0 10px;
  }
  .wpcf7-not-valid {
    border: 1px solid #e46967 !important;
    background-color: #FFCFCF !important;
  }
  .wpcf7-mail-sent-ok {
    background-color: #DFF0D8;
    border: 2px solid #3c763d;
    color: #3c763d;
    margin: 0 0 10px;
  }
  .img-thumbnail {
    padding: 5px;
    border-radius: 0;
    border: none;
    box-shadow: 0 0 2px 1px #ccc;
  }
  .alignleft {
    float: left;
    margin-right: 20px;
  }
  .aligncenter {
    float: right;
    margin-left: 20px;
  }
  .alignright {
    float: right;
    margin-left: 20px;
  }
  .acf-map {
    width: 100%;
    height: 400px;
    border: #ccc solid 1px;
    margin: 20px 0;
  }
  /* fixes potential theme css conflict */
  .acf-map img {
    max-width: inherit !important;
  }
  .loader-overlay {
    background: rgba(255, 255, 255, 0.98);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999;
  }
  .loader-overlay .loader {
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    padding-left: 15px;
    padding-right: 15px;
    right: 0;
    top: 50%;
    text-align: center;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
  }
  .loader-overlay .loader .custom-loader {
    overflow: hidden;
    display: inline-block;
    max-height: 120px;
    width: 120px;
  }
  .loader-overlay .loader .custom-loader img {
    width: 100%;
    max-height: 120px;
  }
  .loader-overlay .loader .loader-wrapper {
    animation: loader 2s infinite ease;
    border: 4px solid #000000;
    display: inline-block;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 40px;
  }
  .loader-overlay .loader .loader-wrapper .loader-inner {
    animation: loader-inner 2s infinite ease-in;
    background-color: #000000;
    display: inline-block;
    vertical-align: top;
    width: 100%;
  }
  @keyframes loader {
    0% {
      transform: rotate(0deg);
    }
    25% {
      transform: rotate(180deg);
    }
    50% {
      transform: rotate(180deg);
    }
    75% {
      transform: rotate(360deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  @keyframes loader-inner {
    0% {
      height: 0%;
    }
    25% {
      height: 0%;
    }
    50% {
      height: 100%;
    }
    75% {
      height: 100%;
    }
    100% {
      height: 0%;
    }
  }
  .back-to-top {
    bottom: 15px;
    position: fixed;
    left: 15px;
    text-align: center;
    z-index: 9;
  }
  .back-to-top .cstLoader {
    display: inline-block;
    max-height: 40px;
    width: 40px;
  }
  .back-to-top .cstLoader img {
    max-height: 40px;
  }
  .back-to-top .arrow-up {
    border: 1px solid #9dca00;
    display: block;
    cursor: pointer;
    height: 40px;
    overflow: hidden;
    position: relative;
    transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 1.5);
    width: 40px;
    -webkit-transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 1.5);
    -moz-transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 1.5);
    -ms-transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 1.5);
    -o-transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 1.5);
  }
  .back-to-top .arrow-up .arrow-slide {
    background: #9dca00;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: -100%;
    width: 100%;
    z-index: 0;
  }
  .back-to-top .arrow-up .left-arm {
    background-color: transparent;
    display: block;
    left: 3px;
    position: absolute;
    top: 19px;
    transform: rotate(-45deg);
    width: 20px;
    z-index: 1;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
  }
  .back-to-top .arrow-up .left-arm:after {
    background-color: #9dca00;
    border-radius: 1px;
    display: block;
    content: "";
    height: 1px;
    transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 1.5);
    transform-origin: right center;
    width: 20px;
    z-index: -1;
    -webkit-transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 1.5);
    -moz-transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 1.5);
    -ms-transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 1.5);
    -o-transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 1.5);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
  }
  .back-to-top .arrow-up .right-arm {
    background-color: transparent;
    display: block;
    left: 17px;
    position: absolute;
    top: 19px;
    transform: rotate(45deg);
    width: 20px;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    border-radius: 2px;
  }
  .back-to-top .arrow-up .right-arm:after {
    background-color: #9dca00;
    border-radius: 1px;
    display: block;
    content: "";
    height: 1px;
    transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 1.5);
    transform-origin: left center;
    width: 20px;
    z-index: -1;
    -webkit-transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 1.5);
    -moz-transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 1.5);
    -ms-transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 1.5);
    -o-transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 1.5);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
  }
  .back-to-top .arrow-up:hover {
    transition: all .1s;
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    -ms-transition: all .1s;
    -o-transition: all .1s;
  }
  .back-to-top .arrow-up:hover .left-arm:after {
    transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
  }
  .back-to-top .arrow-up:hover .right-arm:after {
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
  }
  .back-to-top .arrow-up:hover .arrow-slide {
    transition: all .4s ease-in-out;
    transform: translateY(200%);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transform: translateY(200%);
    -moz-transform: translateY(200%);
    -ms-transform: translateY(200%);
    -o-transform: translateY(200%);
  }
  .cm {
    width: 99.99%;
    display: inline-block;
    float: none;
    vertical-align: middle;
  }
  .cm.sh {
    width: 0.01%;
    height: 100%;
  }
  .carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: .6s;
    transition-property: opacity;
    -webkit-transition-duration: .6s;
    -moz-transition-duration: .6s;
    -ms-transition-duration: .6s;
    -o-transition-duration: .6s;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -ms-transition-property: opacity;
    -o-transition-property: opacity;
  }
  .carousel-fade .carousel-item.active {
    opacity: 1;
    transform: translateX(0);
    transform: translate3d(0, 0, 0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
  }
  .carousel-fade .carousel-item.active.carousel-item-left, .carousel-fade .carousel-item.active.carousel-item-right {
    opacity: 0;
    transform: translateX(0);
    transform: translate3d(0, 0, 0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
  }
  .carousel-fade .carousel-item-next {
    transform: translateX(0);
    transform: translate3d(0, 0, 0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
  }
  .carousel-fade .carousel-item-next.carousel-item-left {
    opacity: 1;
  }
  .carousel-fade .carousel-item-prev {
    transform: translateX(0);
    transform: translate3d(0, 0, 0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
  }
  .carousel-fade .carousel-item-prev.carousel-item-right {
    opacity: 1;
  }
  .column-middle {
    margin: 0 -2px;
    display: inline-block;
    float: none;
    vertical-align: middle;
  }
  .column-top {
    margin: 0 -2px;
    display: inline-block;
    float: none;
    vertical-align: top;
  }
  .column-bottom {
    margin: 0 -2px;
    display: inline-block;
    float: none;
    vertical-align: bottom;
  }
  .g-recaptcha {
    height: auto;
    margin-top: 0px;
    transform: scale(0.77);
    transform-origin: 0 0;
    -webkit-transform: scale(0.77);
    -moz-transform: scale(0.77);
    -ms-transform: scale(0.77);
    -o-transform: scale(0.77);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
  }
}

@media screen and (max-width: 400px) {
  .g-recaptcha {
    height: 60px;
    overflow: hidden;
  }
}

@media screen {
  .g-recaptcha > div {
    margin: 0;
  }
}

@media screen and (max-width: 400px) {
  .g-recaptcha > div {
    margin: 0 auto;
    transform: scale(0.77);
    transform-origin: 0 0;
    -webkit-transform: scale(0.77);
    -moz-transform: scale(0.77);
    -ms-transform: scale(0.77);
    -o-transform: scale(0.77);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
  }
}

@media screen {
  span.wpcf7-form-control-wrap .g-recaptcha {
    margin-bottom: 15px;
    margin-top: -15px;
  }
}

@media screen {
  .message-error {
    border-top: 3px solid #b81c23;
    color: #515151;
    background-color: #f7f6f7;
    list-style: none;
    position: relative;
    padding: 1em 2em 1em 3.5em;
    margin: 0 0 0;
    width: auto;
    word-wrap: break-word;
  }
  .message-error:before {
    content: '\f071';
    color: #b81c23;
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    left: 1.5em;
    position: absolute;
    top: 1em;
  }
  .message-warning {
    border-top: 3px solid #ffcc00;
    color: #515151;
    background-color: #f7f6f7;
    list-style: none;
    position: relative;
    padding: 1em 2em 1em 3.5em;
    margin: 0 0 0;
    width: auto;
    word-wrap: break-word;
  }
  .message-warning:before {
    content: '\f071';
    color: #ffcc00;
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    left: 1.5em;
    position: absolute;
    top: 1em;
  }
  .message-success {
    border-top: 3px solid #71dc32;
    color: #515151;
    background-color: #f7f6f7;
    list-style: none;
    position: relative;
    padding: 1em 2em 1em 3.5em;
    margin: 0 0 0;
    width: auto;
    word-wrap: break-word;
  }
  .message-success:before {
    content: '\f046';
    color: #71dc32;
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    left: 1.5em;
    position: absolute;
    top: 1em;
  }
}

@media screen {
  .archive-pagination {
    padding-top: 25px;
    text-align: right;
  }
}

@media screen and (min-width: 768px) {
  .archive-pagination {
    padding-top: 35px;
  }
}

@media screen and (min-width: 992px) {
  .archive-pagination {
    padding-top: 45px;
  }
}

@media screen and (min-width: 1200px) {
  .archive-pagination {
    padding-top: 64px;
  }
}

@media screen {
  .archive-pagination .page-numbers {
    background-color: transparent;
    border-radius: 5px;
    color: #000000;
    font-family: "open_sansregular";
    font-size: 14px;
    line-height: 29px;
    height: 29px;
    margin-right: 8px;
    text-align: center;
    width: 29px;
  }
  .archive-pagination .page-numbers:last-child {
    margin-right: 0;
  }
  .archive-pagination .page-numbers.next, .archive-pagination .page-numbers.prev {
    background-color: #9dca00;
    color: #ffffff;
  }
  .archive-pagination .page-numbers.next:hover, .archive-pagination .page-numbers.prev:hover {
    background-color: #9dca00;
  }
  .archive-pagination .page-numbers.current {
    background-color: #9dca00;
    color: #ffffff;
  }
  .archive-pagination .page-numbers:hover {
    background-color: #9dca00;
    color: #ffffff;
  }
}

@media screen {
  [class*="-page-layout"] {
    padding-bottom: 30px;
    padding-top: 30px;
  }
}

@media screen {
  .mailto-modal {
    left: 0;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    opacity: 0;
    position: fixed;
    right: 0;
    text-align: center;
    top: -100%;
    visibility: hidden;
    width: 100%;
    z-index: 999999;
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transition: all 0.3s;
  }
  .mailto-modal.active {
    opacity: 1;
    top: 50%;
    visibility: visible;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
  }
  .mailto-modal .mailto-modal-contain {
    background-color: #ffffff;
    position: relative;
    padding: 25px 15px;
  }
  .mailto-modal .mailto-modal-contain .close-modal {
    border: 1px solid red;
    border-radius: 100%;
    background-color: transparent;
    color: red;
    cursor: pointer;
    height: 30px;
    line-height: 1;
    outline: 0;
    position: absolute;
    padding: 0;
    right: -15px;
    top: -15px;
    width: 30px;
    z-index: 2;
  }
  .mailto-modal .mailto-modal-contain p span {
    margin-bottom: 15px;
  }
  .mailto-modal .mailto-modal-contain .submit-wrapper {
    display: inline-block;
    margin-top: 15px;
    position: relative;
  }
  .mailto-modal .mailto-modal-contain .submit-wrapper:hover input {
    background-color: #ffffff;
    color: #fda50f;
  }
  .mailto-modal .mailto-modal-contain .submit-wrapper input {
    border: none;
    border: 1px solid #fda50f;
    background-color: #fda50f;
    color: #ffffff;
    outline: 0;
    height: 40px;
    width: 120px;
  }
  .backdrop {
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    cursor: url("../img/close-cursor.png"), pointer;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 99999;
    transition: all 0.3s;
  }
  .backdrop.active {
    opacity: 1;
    visibility: visible;
  }
}

@media screen {
  .thankyou-page-layout {
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative;
  }
  .thankyou-page-layout figure {
    margin-bottom: 20px;
  }
  .thankyou-page-layout .thankYouButton {
    margin-top: 20px;
    opacity: 1;
    transition: all 0.4s;
  }
  .thankyou-page-layout .thankYouButton:hover {
    opacity: 0.6;
  }
  .thankyou-page-layout .thankYouButton figure {
    margin-bottom: 0;
  }
  .error-page-layout {
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative;
  }
  .error-page-layout .error-btn {
    margin-top: 20px;
    opacity: 1;
    transition: all 0.4s;
  }
  .error-page-layout .error-btn:hover {
    opacity: 0.6;
  }
}

@media screen {
  .blog-page-layout .blog-item {
    margin-bottom: 30px;
  }
  .blog-page-layout .blog-item:last-child {
    margin-bottom: 0;
  }
  .blog-page-layout .blog-item img {
    height: auto;
    margin-bottom: 15px;
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .blog-page-layout .blog-item img {
    margin-bottom: 0;
  }
}

@media screen {
  .blog-page-layout .blog-item h3 a {
    color: #9dca00;
    font-size: 30px;
  }
  .blog-page-layout .blog-item .blog-content {
    margin-top: 15px;
  }
  .blog-page-layout .blog-item .blog-content p {
    font-size: 14px;
    line-height: 1.5;
  }
}

@media screen {
  .search-page-layout .search-item {
    margin-bottom: 30px;
  }
  .search-page-layout .search-item:last-child {
    margin-bottom: 0;
  }
  .search-page-layout .search-item img {
    height: auto;
    margin-bottom: 15px;
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .search-page-layout .search-item img {
    margin-bottom: 0;
  }
}

@media screen {
  .search-page-layout .search-item h3 a {
    color: #9dca00;
    font-size: 30px;
  }
  .search-page-layout .search-item .search-content {
    margin-top: 15px;
  }
  .search-page-layout .search-item .search-content p {
    font-size: 14px;
    line-height: 1.5;
  }
}

@media screen {
  .product-page-layout .product-item {
    margin-bottom: 30px;
  }
  .product-page-layout .product-item:last-child {
    margin-bottom: 0;
  }
  .product-page-layout .product-item img {
    height: auto;
    margin-bottom: 15px;
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .product-page-layout .product-item img {
    margin-bottom: 0;
  }
}

@media screen {
  .product-page-layout .product-item h3 a {
    color: #9dca00;
    font-size: 30px;
  }
  .product-page-layout .product-item .product-content {
    margin-top: 15px;
  }
  .product-page-layout .product-item .product-content p {
    font-size: 14px;
    line-height: 1.5;
  }
}

@media screen {
  .single-page-layout .single-content p {
    font-size: 14px;
    line-height: 1.5;
  }
}

@media screen {
  button.gm-ui-hover-effect {
    width: 30px !important;
    height: 30px !important;
    top: 0 !important;
    right: 0 !important;
    opacity: 1 !important;
  }
  button.gm-ui-hover-effect img {
    width: 25px !important;
    height: 25px !important;
  }
  .search-result-contain .search-map .acf-map-property img {
    margin: 0 !important;
  }
}

@media screen {
  .gm-style .gm-style-iw-c {
    padding: 0 !important;
  }
  #lightcase-case #lightcase-content .lightcase-contentInner img {
    margin: 0 !important;
  }
  a.lightcaseimage img {
    margin: 0 !important;
  }
  .ui-autocomplete {
    display: none !important;
    list-style-type: none;
    border-radius: 0 0 7px 7px;
    font-family: "Questrial";
    max-height: 200px;
    overflow: auto;
    padding: 0;
    width: 178px;
    z-index: 9999;
    background-color: #ececec;
  }
  .ui-autocomplete::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
    border-radius: 10px;
  }
  .ui-autocomplete::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
  }
  .ui-autocomplete::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.44, #fdca75), color-stop(0.72, #fdb740), color-stop(0.86, #fda50f));
  }
  .ui-autocomplete li.ui-menu-item {
    padding: 5px 10px;
  }
  .ui-autocomplete li.ui-menu-item:hover {
    background: #fda50f;
    border: none;
  }
  .ui-autocomplete li.ui-menu-item:hover a {
    background: #fda50f;
    color: #ffffff;
  }
  .ui-autocomplete:after {
    content: '';
    height: 1px;
    left: 0;
    max-width: 196px;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
  }
  .ui-autocomplete > li .ui-menu-item-wrapper {
    border-radius: 0;
    background-color: #ffffff;
    color: #252525;
    display: block;
    margin: 0 0 5px;
    padding: 5px;
    cursor: pointer;
  }
  .ui-autocomplete > li .ui-menu-item-wrapper.ui-state-focus {
    background-color: #fda50f;
    border: none;
    color: #ffffff;
    font-weight: normal;
    margin: 0;
  }
  .ui-autocomplete > li .ui-menu-item-wrapper:hover {
    background: #fda50f;
    border: none;
    color: #ffffff;
  }
  .ui-autocomplete > li a {
    cursor: pointer;
    border-radius: 0;
    color: #252525;
    display: block;
    margin: 0;
    padding: 0 10px;
  }
  .ui-autocomplete > li a.ui-state-focus {
    background-color: #fda50f;
    border: none;
    color: #ffffff;
    font-weight: normal;
    margin: 0;
  }
}

@media screen {
  .desktop-filter {
    display: none;
  }
}

@media screen and (min-width: 992px) {
  .desktop-filter {
    display: block;
  }
}

@media screen {
  .mobile-filter {
    display: block;
  }
}

@media screen and (min-width: 992px) {
  .mobile-filter {
    display: none;
  }
}

@media screen {
  .mobile-filter .submit-btn {
    display: block;
  }
  .mobile-filter .submit-btn button {
    width: 100% !important;
  }
}

@media screen and (min-width: 768px) {
  #quicktip-modal .modal-dialog {
    max-width: 90%;
  }
}

@media screen and (min-width: 1136px) {
  #quicktip-modal .modal-dialog {
    max-width: 1045px;
  }
}

@media screen {
  #quicktip-modal .modal-dialog .modal-content {
    border-radius: 0;
  }
}

@media screen and (min-width: 768px) {
  #quicktip-modal .modal-dialog .modal-content .modal-body {
    padding: 50px 30px;
  }
}

@media screen and (min-width: 1024px) {
  #quicktip-modal .modal-dialog .modal-content .modal-body {
    padding: 60px 65px;
  }
}

@media screen {
  #quicktip-modal .modal-dialog .modal-content .modal-body button.close {
    position: absolute;
    right: 20px;
    top: 20px;
  }
}

@media screen and (max-width: 767px) {
  #quicktip-modal .modal-dialog .modal-content .modal-body button.close {
    right: 5px;
    top: 5px;
    z-index: 999;
  }
}

@media screen {
  #quicktip-modal .modal-dialog .modal-content .modal-body .tour-content-wrapper {
    padding-top: 20px;
  }
}

@media screen and (min-width: 768px) {
  #quicktip-modal .modal-dialog .modal-content .modal-body .tour-content-wrapper {
    padding-top: 0;
    max-width: 80%;
    margin: 0 auto 30px;
  }
}

@media screen and (min-width: 992px) {
  #quicktip-modal .modal-dialog .modal-content .modal-body .tour-content-wrapper {
    margin: 0 auto;
    max-width: 100%;
    padding-right: 30px;
    display: inline-block;
    width: 60%;
    vertical-align: top;
    float: left;
  }
}

@media screen {
  #quicktip-modal .modal-dialog .modal-content .modal-body .tour-content-wrapper .thumbnail-feat {
    width: 100%;
    height: 330px;
    position: relative;
    background-position: center center !important;
    background-size: cover !important;
  }
  #quicktip-modal .modal-dialog .modal-content .modal-body .tour-content-wrapper .thumbnail-feat:hover .play-button i {
    color: #fda50f;
  }
  #quicktip-modal .modal-dialog .modal-content .modal-body .tour-content-wrapper .thumbnail-feat .play-button {
    height: 330px;
    display: table-cell;
    background-color: rgba(0, 0, 0, 0.5);
    width: 1%;
    text-align: center;
    vertical-align: middle;
  }
  #quicktip-modal .modal-dialog .modal-content .modal-body .tour-content-wrapper .thumbnail-feat .play-button i {
    font-size: 50px;
    color: #fff;
  }
  #quicktip-modal .modal-dialog .modal-content .modal-body .tour-content-wrapper .content-wrap {
    margin-top: 10px;
  }
  #quicktip-modal .modal-dialog .modal-content .modal-body .tour-content-wrapper .content-wrap .title a {
    font-size: 18px;
    color: #252525;
    font-family: "Trueno";
  }
  #quicktip-modal .modal-dialog .modal-content .modal-body .tour-content-wrapper .content-wrap .title a:hover {
    color: #fda50f;
  }
  #quicktip-modal .modal-dialog .modal-content .modal-body .tour-content-wrapper .content-wrap .excerpt .excerpt-content {
    font-size: 16px;
    color: #252525;
    font-family: "Questrial";
  }
  #quicktip-modal .modal-dialog .modal-content .modal-body .form-wrapper {
    margin: 0 auto;
  }
}

@media screen and (min-width: 768px) {
  #quicktip-modal .modal-dialog .modal-content .modal-body .form-wrapper {
    max-width: 80%;
  }
}

@media screen and (min-width: 992px) {
  #quicktip-modal .modal-dialog .modal-content .modal-body .form-wrapper {
    max-width: 100%;
    display: inline-block;
    width: 40%;
    float: right;
    vertical-align: top;
  }
}

@media screen {
  #quicktip-modal .modal-dialog .modal-content .modal-body .form-wrapper .title p {
    font-family: "Trueno";
    color: #252525;
    font-size: 20px;
    line-height: 1;
  }
}

@media screen and (min-width: 768px) {
  #quicktip-modal .modal-dialog .modal-content .modal-body .form-wrapper .title p {
    font-size: 25px;
  }
}

@media screen and (min-width: 992px) {
  #quicktip-modal .modal-dialog .modal-content .modal-body .form-wrapper .title p {
    font-size: 30px;
  }
}

@media screen {
  #quicktip-modal .modal-dialog .modal-content .modal-body .form-wrapper .content-wrap {
    margin-top: 10px;
  }
  #quicktip-modal .modal-dialog .modal-content .modal-body .form-wrapper .content-wrap .title a {
    font-size: 18px;
    color: #252525;
    font-family: "Trueno";
  }
  #quicktip-modal .modal-dialog .modal-content .modal-body .form-wrapper .content-wrap .title a:hover {
    color: #fda50f;
  }
  #quicktip-modal .modal-dialog .modal-content .modal-body .form-wrapper .content-wrap .excerpt .excerpt-content {
    font-size: 16px;
    color: #252525;
    font-family: "Questrial";
  }
  #quicktip-modal .modal-dialog .modal-content .modal-body .form-wrapper form {
    margin-top: 20px;
  }
  #quicktip-modal .modal-dialog .modal-content .modal-body .form-wrapper form .submitbtn-form {
    cursor: pointer;
    position: relative;
    height: 50px;
    width: 250px;
    display: inline-block;
    background-color: #fda50f;
    border: 1px solid #fda50f;
    border-radius: 50px;
    transition: all 0.3s ease-out;
    overflow: hidden;
  }
  #quicktip-modal .modal-dialog .modal-content .modal-body .form-wrapper form .submitbtn-form:hover {
    background-color: #fff !important;
  }
  #quicktip-modal .modal-dialog .modal-content .modal-body .form-wrapper form .submitbtn-form:hover .wpcf7-submit {
    color: #fda50f;
  }
  #quicktip-modal .modal-dialog .modal-content .modal-body .form-wrapper form .submitbtn-form:hover i {
    background-color: #fda50f;
  }
  #quicktip-modal .modal-dialog .modal-content .modal-body .form-wrapper form .submitbtn-form i {
    position: absolute;
    background-color: #fff;
    color: #252525;
    font-size: 20px;
    padding: 11px 15px;
    border-radius: 25px;
    right: 5px;
    top: 3px;
  }
  #quicktip-modal .modal-dialog .modal-content .modal-body .form-wrapper form input {
    height: 45px;
    padding: 0 15px;
    outline: 0;
    border: 1px solid #d7d7d7;
    border-radius: 0;
    margin-bottom: 10px;
  }
  #quicktip-modal .modal-dialog .modal-content .modal-body .form-wrapper form input.wpcf7-submit {
    cursor: pointer;
    height: 100%;
    margin-bottom: 0;
    background-color: transparent;
    border: 0;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    text-align: left;
    color: #fff;
    font-family: "Questrial";
    font-size: 16px;
    letter-spacing: 1px;
    z-index: 1;
  }
  #quicktip-modal .modal-dialog .modal-content .modal-body .form-wrapper form textarea {
    padding: 15px;
    height: 165px;
    outline: 0;
    border: 1px solid #d7d7d7;
    border-radius: 0;
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 768px) {
  #popuptour-modal .modal-dialog {
    max-width: 90%;
  }
}

@media screen and (min-width: 1136px) {
  #popuptour-modal .modal-dialog {
    max-width: 1045px;
  }
}

@media screen {
  #popuptour-modal .modal-dialog .modal-content {
    border-radius: 0;
  }
}

@media screen and (min-width: 768px) {
  #popuptour-modal .modal-dialog .modal-content .modal-body {
    padding: 50px 30px;
  }
}

@media screen and (min-width: 1024px) {
  #popuptour-modal .modal-dialog .modal-content .modal-body {
    padding: 60px 65px;
  }
}

@media screen {
  #popuptour-modal .modal-dialog .modal-content .modal-body button.close {
    position: absolute;
    right: 20px;
    top: 20px;
  }
}

@media screen and (max-width: 767px) {
  #popuptour-modal .modal-dialog .modal-content .modal-body button.close {
    right: 5px;
    top: 5px;
    z-index: 999;
  }
}

@media screen {
  #popuptour-modal .modal-dialog .modal-content .modal-body .tour-content-wrapper {
    padding-top: 20px;
  }
}

@media screen and (min-width: 768px) {
  #popuptour-modal .modal-dialog .modal-content .modal-body .tour-content-wrapper {
    padding-top: 0;
    max-width: 80%;
    margin: 0 auto 30px;
  }
}

@media screen and (min-width: 992px) {
  #popuptour-modal .modal-dialog .modal-content .modal-body .tour-content-wrapper {
    margin: 0 auto;
    max-width: 100%;
    padding-right: 30px;
    display: inline-block;
    width: 60%;
    vertical-align: top;
    float: left;
  }
}

@media screen {
  #popuptour-modal .modal-dialog .modal-content .modal-body .tour-content-wrapper .thumbnail-feat {
    width: 100%;
    height: 330px;
    position: relative;
    background-position: center center;
    background-size: cover;
  }
  #popuptour-modal .modal-dialog .modal-content .modal-body .tour-content-wrapper .thumbnail-feat:hover .play-button i {
    color: #fda50f;
  }
  #popuptour-modal .modal-dialog .modal-content .modal-body .tour-content-wrapper .thumbnail-feat .play-button {
    height: 330px;
    display: table-cell;
    background-color: rgba(0, 0, 0, 0.5);
    width: 1%;
    text-align: center;
    vertical-align: middle;
  }
  #popuptour-modal .modal-dialog .modal-content .modal-body .tour-content-wrapper .thumbnail-feat .play-button i {
    font-size: 50px;
    color: #fff;
  }
  #popuptour-modal .modal-dialog .modal-content .modal-body .tour-content-wrapper .content-wrap {
    margin-top: 10px;
  }
  #popuptour-modal .modal-dialog .modal-content .modal-body .tour-content-wrapper .content-wrap .title a {
    font-size: 18px;
    color: #252525;
    font-family: "Trueno";
  }
  #popuptour-modal .modal-dialog .modal-content .modal-body .tour-content-wrapper .content-wrap .title a:hover {
    color: #fda50f;
  }
  #popuptour-modal .modal-dialog .modal-content .modal-body .tour-content-wrapper .content-wrap .excerpt .excerpt-content {
    font-size: 16px;
    color: #252525;
    font-family: "Questrial";
  }
  #popuptour-modal .modal-dialog .modal-content .modal-body .form-wrapper {
    margin: 0 auto;
  }
}

@media screen and (min-width: 768px) {
  #popuptour-modal .modal-dialog .modal-content .modal-body .form-wrapper {
    max-width: 80%;
  }
}

@media screen and (min-width: 992px) {
  #popuptour-modal .modal-dialog .modal-content .modal-body .form-wrapper {
    max-width: 100%;
    display: inline-block;
    width: 40%;
    float: right;
    vertical-align: top;
  }
}

@media screen {
  #popuptour-modal .modal-dialog .modal-content .modal-body .form-wrapper .title p {
    font-family: "Trueno";
    color: #252525;
    font-size: 20px;
    line-height: 1;
  }
}

@media screen and (min-width: 768px) {
  #popuptour-modal .modal-dialog .modal-content .modal-body .form-wrapper .title p {
    font-size: 25px;
  }
}

@media screen and (min-width: 992px) {
  #popuptour-modal .modal-dialog .modal-content .modal-body .form-wrapper .title p {
    font-size: 30px;
  }
}

@media screen {
  #popuptour-modal .modal-dialog .modal-content .modal-body .form-wrapper form {
    margin-top: 20px;
  }
  #popuptour-modal .modal-dialog .modal-content .modal-body .form-wrapper form .submitbtn-form {
    cursor: pointer;
    position: relative;
    height: 50px;
    width: 250px;
    display: inline-block;
    background-color: #fda50f;
    border: 1px solid #fda50f;
    border-radius: 50px;
    transition: all 0.3s ease-out;
    overflow: hidden;
  }
  #popuptour-modal .modal-dialog .modal-content .modal-body .form-wrapper form .submitbtn-form:hover {
    background-color: #fff !important;
  }
  #popuptour-modal .modal-dialog .modal-content .modal-body .form-wrapper form .submitbtn-form:hover .wpcf7-submit {
    color: #fda50f;
  }
  #popuptour-modal .modal-dialog .modal-content .modal-body .form-wrapper form .submitbtn-form:hover i {
    background-color: #fda50f;
  }
  #popuptour-modal .modal-dialog .modal-content .modal-body .form-wrapper form .submitbtn-form i {
    position: absolute;
    background-color: #fff;
    color: #252525;
    font-size: 20px;
    padding: 11px 15px;
    border-radius: 25px;
    right: 5px;
    top: 3px;
  }
  #popuptour-modal .modal-dialog .modal-content .modal-body .form-wrapper form input {
    height: 45px;
    padding: 0 15px;
    outline: 0;
    border: 1px solid #d7d7d7;
    border-radius: 0;
    margin-bottom: 10px;
  }
  #popuptour-modal .modal-dialog .modal-content .modal-body .form-wrapper form input.wpcf7-submit {
    cursor: pointer;
    height: 100%;
    margin-bottom: 0;
    background-color: transparent;
    border: 0;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    text-align: left;
    color: #fff;
    font-family: "Questrial";
    font-size: 16px;
    letter-spacing: 1px;
    z-index: 1;
  }
  #popuptour-modal .modal-dialog .modal-content .modal-body .form-wrapper form textarea {
    padding: 15px;
    height: 165px;
    outline: 0;
    border: 1px solid #d7d7d7;
    border-radius: 0;
    margin-bottom: 10px;
  }
  .scroll-down-wrapper {
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 2;
  }
  .scroll-down-wrapper a {
    border-radius: 50px;
    border: 1px solid #fff;
    width: 40px;
    height: 40px;
    padding: 10px;
  }
  .scroll-down-wrapper a:hover {
    border: 1px solid #fda50f;
  }
  .scroll-down-wrapper a:hover i {
    color: #fda50f;
  }
  .scroll-down-wrapper a i {
    font-size: 20px;
    color: #ffffff;
  }
  .social-media-wrapper-home {
    position: absolute;
    right: 50px;
    bottom: 200px;
  }
}

@media screen and (min-width: 992px) {
  .social-media-wrapper-home {
    bottom: 25%;
  }
}

@media screen {
  .social-media-wrapper-home a {
    font-size: 20px;
    color: #fff;
    margin-left: 20px;
  }
}

@media screen and (min-width: 992px) {
  .social-media-wrapper-home a {
    margin-left: 0;
    margin-top: 20px;
    display: block;
  }
}

@media screen {
  .social-media-wrapper-home a:first-of-type {
    margin-top: 0;
  }
  .social-media-wrapper-home a:first-of-type {
    margin-left: 0;
  }
  .social-media-wrapper-home a:hover {
    color: #fda50f;
  }
  .pagination-wrapper {
    text-align: center;
  }
  .pagination-wrapper span.current {
    background-color: #fda50f;
    color: #ffffff;
  }
  .pagination-wrapper .page-numbers {
    padding: 5px 13px;
    border: 1px solid #fda50f;
    border-radius: 25px;
    color: #252525;
    margin: 0 2px;
    font-size: 16px;
    font-family: "Questrial";
  }
  .pagination-wrapper .page-numbers .nav-wrapper {
    padding: 0 5px;
  }
  .pagination-wrapper .page-numbers:hover {
    background-color: #fda50f;
    color: #ffffff;
  }
  .social-media-wrapper-sidepanel {
    position: relative;
    z-index: 99999999999999999;
    text-align: center;
    margin-top: 15px;
  }
  .social-media-wrapper-sidepanel a {
    margin: 5px;
  }
  .social-media-wrapper-sidepanel a:hover i {
    color: #fda50f;
  }
  .social-media-wrapper-sidepanel a i {
    color: #707070;
    font-size: 20px;
  }
  #thankyou-modal .modal-dialog {
    margin-top: 7%;
  }
}

@media screen and (min-width: 768px) {
  #thankyou-modal .modal-dialog {
    max-width: 760px;
  }
}

@media screen {
  #thankyou-modal .modal-dialog .modal-content {
    border-radius: 0;
  }
  #thankyou-modal .modal-dialog .modal-content .modal-body {
    padding: 80px 35px;
  }
  #thankyou-modal .modal-dialog .modal-content .modal-body .close {
    position: absolute;
    top: 20px;
    right: 20px;
    opacity: 1;
    outline: 0;
  }
  #thankyou-modal .modal-dialog .modal-content .modal-body .close:hover {
    opacity: 0.5;
  }
  #thankyou-modal .modal-dialog .modal-content .modal-body .close i {
    color: #fda50f;
    font-size: 20px;
  }
  #thankyou-modal .modal-dialog .modal-content .modal-body .title {
    text-align: center;
    margin-bottom: 20px;
  }
  #thankyou-modal .modal-dialog .modal-content .modal-body .title p {
    font-family: "Trueno";
    color: #252525;
    font-size: 25px;
  }
}

@media screen and (min-width: 768px) {
  #thankyou-modal .modal-dialog .modal-content .modal-body .title p {
    font-size: 30px;
  }
}

@media screen and (min-width: 992px) {
  #thankyou-modal .modal-dialog .modal-content .modal-body .title p {
    font-size: 40px;
  }
}

@media screen and (min-width: 1024px) {
  #thankyou-modal .modal-dialog .modal-content .modal-body .title p {
    font-size: 50px;
  }
}

@media screen {
  #popup-modal .modal-dialog {
    margin-top: 7%;
  }
}

@media screen and (min-width: 768px) {
  #popup-modal .modal-dialog {
    max-width: 760px;
  }
}

@media screen {
  #popup-modal .modal-dialog .modal-content {
    border-radius: 0;
  }
  #popup-modal .modal-dialog .modal-content .modal-body {
    padding: 80px 35px;
  }
  #popup-modal .modal-dialog .modal-content .modal-body .close {
    position: absolute;
    top: 20px;
    right: 20px;
    opacity: 1;
    outline: 0;
  }
  #popup-modal .modal-dialog .modal-content .modal-body .close:hover {
    opacity: 0.5;
  }
  #popup-modal .modal-dialog .modal-content .modal-body .close i {
    color: #fda50f;
    font-size: 20px;
  }
  #popup-modal .modal-dialog .modal-content .modal-body .form-wrapper {
    text-align: center;
  }
  #popup-modal .modal-dialog .modal-content .modal-body .form-wrapper .title {
    margin-bottom: 20px;
  }
  #popup-modal .modal-dialog .modal-content .modal-body .form-wrapper .title p {
    font-family: "Trueno";
    color: #252525;
    font-size: 20px;
  }
}

@media screen and (min-width: 768px) {
  #popup-modal .modal-dialog .modal-content .modal-body .form-wrapper .title p {
    font-size: 25px;
  }
}

@media screen and (min-width: 992px) {
  #popup-modal .modal-dialog .modal-content .modal-body .form-wrapper .title p {
    font-size: 30px;
  }
}

@media screen {
  #popup-modal .modal-dialog .modal-content .modal-body .form-wrapper .form-wrap {
    max-width: 445px;
    margin: 0 auto;
  }
  #popup-modal .modal-dialog .modal-content .modal-body .form-wrapper .form-wrap form .submitbtn-form {
    margin-top: 10px;
    cursor: pointer;
    position: relative;
    height: 50px;
    width: 250px;
    display: inline-block;
    background-color: #fda50f;
    border: 1px solid #fda50f;
    border-radius: 50px;
    transition: all 0.6s ease-out;
    overflow: hidden;
  }
  #popup-modal .modal-dialog .modal-content .modal-body .form-wrapper .form-wrap form .submitbtn-form:hover {
    background-color: #fff !important;
  }
  #popup-modal .modal-dialog .modal-content .modal-body .form-wrapper .form-wrap form .submitbtn-form:hover .wpcf7-submit {
    color: #fda50f;
  }
  #popup-modal .modal-dialog .modal-content .modal-body .form-wrapper .form-wrap form .submitbtn-form:hover i {
    background-color: #fda50f;
  }
  #popup-modal .modal-dialog .modal-content .modal-body .form-wrapper .form-wrap form .submitbtn-form i {
    transition: all 0.6s ease-out;
    position: absolute;
    background-color: #fff;
    color: #252525;
    font-size: 20px;
    padding: 11px 15px;
    border-radius: 25px;
    right: 5px;
    top: 3px;
  }
  #popup-modal .modal-dialog .modal-content .modal-body .form-wrapper .form-wrap form input, #popup-modal .modal-dialog .modal-content .modal-body .form-wrapper .form-wrap form select {
    width: 100%;
    height: 45px;
    padding: 0 15px;
    outline: 0;
    border: 1px solid #d7d7d7;
    border-radius: 0;
    margin-bottom: 10px;
    background-color: #fff;
  }
  #popup-modal .modal-dialog .modal-content .modal-body .form-wrapper .form-wrap form input.wpcf7-submit, #popup-modal .modal-dialog .modal-content .modal-body .form-wrapper .form-wrap form select.wpcf7-submit {
    cursor: pointer;
    height: 100%;
    margin-bottom: 0;
    background-color: transparent;
    border: 0;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    text-align: left;
    color: #fff;
    font-family: "Questrial";
    font-size: 16px;
    letter-spacing: 1px;
    z-index: 1;
  }
  #popup-modal .modal-dialog .modal-content .modal-body .form-wrapper .form-wrap form textarea {
    padding: 15px;
    height: 115px;
    outline: 0;
    border: 1px solid #d7d7d7;
    border-radius: 0;
    margin-bottom: 10px;
  }
  .navigation-buttons {
    text-align: center;
  }
  .navigation-buttons i {
    margin: 0 5px;
    font-size: 20px;
    color: #252525;
    padding: 8px 12px;
    border: 1px solid #fda50f;
    border-radius: 50px;
    cursor: pointer;
  }
  .navigation-buttons i:hover {
    color: #ffffff;
    background-color: #fda50f;
  }
  #breadcrumbs {
    font-size: 16px;
    color: #fff;
    font-family: "Questrial";
  }
  #breadcrumbs span {
    font-size: 16px;
    color: #fff;
    font-family: "Questrial";
  }
  #breadcrumbs span a {
    color: #fff;
    font-size: 16px;
    color: #fff;
    font-family: "Questrial";
  }
  .search-innerpage-banner {
    background-size: cover;
    background-position: center center;
    position: relative;
  }
  .search-innerpage-banner:before {
    content: "";
    background-color: rgba(0, 0, 0, 0.45);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
  }
  .search-innerpage-banner .content {
    position: relative;
    z-index: 1;
    vertical-align: middle;
    width: 1%;
    display: table-cell;
    text-align: center;
  }
  .search-innerpage-banner .content .title p {
    color: #fff;
    font-family: "Trueno";
    font-size: 25px;
  }
}

@media screen and (min-width: 768px) {
  .search-innerpage-banner .content .title p {
    font-size: 30px;
  }
}

@media screen and (min-width: 992px) {
  .search-innerpage-banner .content .title p {
    font-size: 40px;
  }
}

@media screen and (min-width: 1024px) {
  .search-innerpage-banner .content .title p {
    font-size: 50px;
  }
}

@media screen {
  .find-property-innerpage-banner {
    background-size: cover;
    background-position: center center;
    position: relative;
  }
  .find-property-innerpage-banner:before {
    content: "";
    background-color: rgba(0, 0, 0, 0.45);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
  }
  .find-property-innerpage-banner .content {
    position: relative;
    z-index: 1;
    vertical-align: middle;
    width: 1%;
    display: table-cell;
    text-align: center;
  }
  .find-property-innerpage-banner .content .title p {
    text-transform: uppercase;
    color: #fff;
    font-family: "Trueno";
    font-size: 25px;
  }
}

@media screen and (min-width: 768px) {
  .find-property-innerpage-banner .content .title p {
    font-size: 30px;
  }
}

@media screen and (min-width: 992px) {
  .find-property-innerpage-banner .content .title p {
    font-size: 40px;
  }
}

@media screen and (min-width: 1024px) {
  .find-property-innerpage-banner .content .title p {
    font-size: 50px;
  }
}

@media screen {
  .property-single-innerpage-banner {
    background-size: cover;
    background-position: center center;
    position: relative;
  }
  .property-single-innerpage-banner:before {
    content: "";
    background-color: rgba(0, 0, 0, 0.45);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
  }
  .property-single-innerpage-banner .content {
    position: relative;
    z-index: 1;
    vertical-align: middle;
    width: 1%;
    display: table-cell;
    text-align: center;
  }
  .property-single-innerpage-banner .content .title p {
    color: #fff;
    font-family: "Trueno";
    font-size: 25px;
  }
}

@media screen and (min-width: 768px) {
  .property-single-innerpage-banner .content .title p {
    font-size: 30px;
  }
}

@media screen and (min-width: 992px) {
  .property-single-innerpage-banner .content .title p {
    font-size: 40px;
  }
}

@media screen and (min-width: 1024px) {
  .property-single-innerpage-banner .content .title p {
    font-size: 50px;
  }
}

@media screen {
  .innerpage-banner {
    background-size: cover;
    background-position: center center;
    position: relative;
  }
  .innerpage-banner:before {
    content: "";
    background-color: rgba(0, 0, 0, 0.45);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
  }
  .innerpage-banner .content {
    position: relative;
    z-index: 1;
    height: 300px;
    vertical-align: middle;
    width: 1%;
    display: table-cell;
    text-align: center;
  }
  .innerpage-banner .content .title p {
    color: #fff;
    font-family: "Trueno";
    font-size: 25px;
  }
}

@media screen and (min-width: 768px) {
  .innerpage-banner .content .title p {
    font-size: 30px;
  }
}

@media screen and (min-width: 992px) {
  .innerpage-banner .content .title p {
    font-size: 40px;
  }
}

@media screen and (min-width: 1024px) {
  .innerpage-banner .content .title p {
    font-size: 50px;
  }
}

@media screen {
  .button-default a {
    font-size: 16px;
    font-family: "Trueno";
    color: #fda50f;
  }
  .button-default a:hover i {
    margin-left: 10px;
  }
  .button-default a i {
    transition: all 0.6s ease-out;
    margin-left: 5px;
  }
  .button-global .button-btn {
    background-color: #fda50f !important;
    border: 1px solid #fda50f !important;
    width: 100% !important;
    padding: 13px 18px !important;
    border-radius: 50px !important;
    position: relative !important;
    transition: all 0.6s ease-out;
    text-align: left !important;
  }
  .button-global .button-btn:hover {
    background-color: #fff !important;
  }
  .button-global .button-btn:hover span {
    color: #fda50f;
  }
  .button-global .button-btn:hover i {
    background-color: #fda50f;
  }
  .button-global .button-btn span {
    line-height: 1;
    color: #fff;
    font-family: "Questrial";
    font-size: 16px;
    letter-spacing: 1px;
  }
  .button-global .button-btn i {
    transition: all 0.6s ease-out;
    position: absolute;
    background-color: #fff;
    color: #252525;
    font-size: 20px;
    padding: 11px 15px;
    border-radius: 25px;
    right: 4px;
    top: 4px;
  }
  .front-page-layout {
    padding: 0 !important;
  }
  .front-page-layout .homepage_slider_wrapper .slider-item {
    position: relative;
    overflow: hidden;
  }
  .front-page-layout .homepage_slider_wrapper .slider-item.zoomin .backgroundslide {
    transform: scale(1.5);
  }
  .front-page-layout .homepage_slider_wrapper .slider-item .backgroundslide {
    position: absolute;
    background-size: cover;
    background-position: center center;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: all 20s ease-out;
  }
  .front-page-layout .homepage_slider_wrapper .slider-item .content-wrapper {
    position: absolute;
    left: 0;
    background-color: rgba(255, 255, 255, 0.8);
    max-width: 840px;
    padding: 20px;
    bottom: 45%;
  }
}

@media screen and (min-width: 650px) {
  .front-page-layout .homepage_slider_wrapper .slider-item .content-wrapper {
    padding: 20px;
    bottom: 40%;
  }
}

@media screen and (min-width: 768px) {
  .front-page-layout .homepage_slider_wrapper .slider-item .content-wrapper {
    padding: 65px 50px;
    bottom: 30%;
  }
}

@media screen {
  .front-page-layout .homepage_slider_wrapper .slider-item .content-wrapper .title p {
    color: #252525;
    font-family: "Trueno";
    line-height: 1.2;
    font-size: 20px;
  }
}

@media screen and (min-width: 650px) {
  .front-page-layout .homepage_slider_wrapper .slider-item .content-wrapper .title p {
    font-size: 25px;
  }
}

@media screen and (min-width: 768px) {
  .front-page-layout .homepage_slider_wrapper .slider-item .content-wrapper .title p {
    font-size: 30px;
  }
}

@media screen and (min-width: 992px) {
  .front-page-layout .homepage_slider_wrapper .slider-item .content-wrapper .title p {
    font-size: 40px;
  }
}

@media screen and (min-width: 1024px) {
  .front-page-layout .homepage_slider_wrapper .slider-item .content-wrapper .title p {
    font-size: 50px;
  }
}

@media screen {
  .front-page-layout .homepage_slider_wrapper .slider-item .content-wrapper .content {
    margin-top: 3px;
  }
  .front-page-layout .homepage_slider_wrapper .slider-item .content-wrapper .content p {
    font-size: 16px;
    color: #252525;
    font-family: "Questrial";
    line-height: 1.9;
  }
}

@media screen and (max-width: 559px) {
  .front-page-layout .homepage_slider_wrapper .slider-item .content-wrapper .content p {
    line-height: 1.5;
  }
}

@media screen {
  .front-page-layout .homepage_slider_wrapper .slider-item .feature_blog {
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 600px;
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .front-page-layout .homepage_slider_wrapper .slider-item .feature_blog {
    width: 600px;
  }
}

@media screen {
  .front-page-layout .homepage_slider_wrapper .slider-item .feature_blog .contents {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 60px 30px;
    border-top-left-radius: 50px;
    position: relative;
  }
  .front-page-layout .homepage_slider_wrapper .slider-item .feature_blog .contents .excerpt-wrapper {
    vertical-align: top;
    display: inline-block;
    max-width: 50%;
  }
}

@media screen and (max-width: 559px) {
  .front-page-layout .homepage_slider_wrapper .slider-item .feature_blog .contents .excerpt-wrapper {
    max-width: 65%;
  }
}

@media screen and (min-width: 768px) {
  .front-page-layout .homepage_slider_wrapper .slider-item .feature_blog .contents .excerpt-wrapper {
    max-width: 300px;
  }
}

@media screen {
  .front-page-layout .homepage_slider_wrapper .slider-item .feature_blog .contents .excerpt-wrapper .title p {
    color: #fff;
    font-size: 18px;
    font-family: "Trueno";
  }
  .front-page-layout .homepage_slider_wrapper .slider-item .feature_blog .contents .excerpt-wrapper .excerpt p {
    margin-top: 0;
    color: #fff;
    font-size: 16px;
    font-family: "Questrial";
  }
  .front-page-layout .homepage_slider_wrapper .slider-item .feature_blog .contents .image-wrapper {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    background-size: cover;
    background-position: center center;
    width: 200px;
  }
}

@media screen and (max-width: 559px) {
  .front-page-layout .homepage_slider_wrapper .slider-item .feature_blog .contents .image-wrapper {
    width: 130px;
  }
}

@media screen and (min-width: 768px) {
  .front-page-layout .homepage_slider_wrapper .slider-item .feature_blog .contents .image-wrapper {
    width: 250px;
  }
}

@media screen {
  .front-page-layout .homepage_slider_wrapper .slider-item .feature_blog .contents .permalink {
    position: absolute;
    top: 35%;
    right: 170px;
  }
}

@media screen and (max-width: 559px) {
  .front-page-layout .homepage_slider_wrapper .slider-item .feature_blog .contents .permalink {
    right: 100px;
  }
}

@media screen and (min-width: 768px) {
  .front-page-layout .homepage_slider_wrapper .slider-item .feature_blog .contents .permalink {
    right: 220px;
  }
}

@media screen {
  .front-page-layout .homepage_slider_wrapper .slider-item .feature_blog .contents .permalink i {
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 50px;
  }
  .front-page-layout .homepage_slider_wrapper .slider-item .feature_blog .contents .permalink:hover i {
    color: #fda50f;
  }
  .front-page-layout .homefeatured_blog {
    padding: 50px 0;
  }
  .front-page-layout .homefeatured_blog .featured-img {
    margin-bottom: 30px;
  }
}

@media screen and (min-width: 768px) {
  .front-page-layout .homefeatured_blog .featured-img {
    margin-bottom: 0;
  }
}

@media screen {
  .front-page-layout .homefeatured_blog .featured-img img {
    width: 100%;
  }
  .front-page-layout .homefeatured_blog .content-wrapper {
    position: relative;
    text-align: center;
  }
}

@media screen and (min-width: 768px) {
  .front-page-layout .homefeatured_blog .content-wrapper {
    text-align: left;
  }
}

@media screen {
  .front-page-layout .homefeatured_blog .content-wrapper:before {
    font-size: 150px;
    color: #efefef;
    position: absolute;
    font-family: "Trueno";
    z-index: -1;
    left: 0;
    top: -15px;
    line-height: 1;
  }
}

@media screen and (max-width: 767px) {
  .front-page-layout .homefeatured_blog .content-wrapper:before {
    right: 0;
  }
}

@media screen {
  .front-page-layout .homefeatured_blog .content-wrapper .section-title p {
    font-family: "Questrial";
    font-size: 16px;
    color: #707070;
  }
  .front-page-layout .homefeatured_blog .content-wrapper .blog-title {
    margin-top: 8px;
  }
  .front-page-layout .homefeatured_blog .content-wrapper .blog-title p {
    font-family: "Trueno";
    color: #252525;
    font-size: 20px;
  }
}

@media screen and (min-width: 768px) {
  .front-page-layout .homefeatured_blog .content-wrapper .blog-title p {
    font-size: 25px;
  }
}

@media screen and (min-width: 992px) {
  .front-page-layout .homefeatured_blog .content-wrapper .blog-title p {
    font-size: 30px;
  }
}

@media screen {
  .front-page-layout .homefeatured_blog .content-wrapper .blog-content p {
    color: #252525;
    font-family: "Questrial";
    font-size: 16px;
    line-height: 2;
  }
  .front-page-layout .homefeatured_blog .content-wrapper .button-default {
    margin-top: 10px;
  }
  .front-page-layout .homefeatured_blog .content-wrapper .button-global {
    margin: 25px auto 0;
  }
}

@media screen and (min-width: 768px) {
  .front-page-layout .homefeatured_blog .content-wrapper .button-global {
    margin: 25px 0 0;
  }
}

@media screen {
  .front-page-layout .properties-to-sell-wrapper {
    background-color: #fafafa;
    padding: 50px 0;
  }
  .front-page-layout .properties-to-sell-wrapper .upper-content {
    text-align: center;
    position: relative;
  }
  .front-page-layout .properties-to-sell-wrapper .upper-content:before {
    font-size: 150px;
    color: #ebebeb;
    position: absolute;
    font-family: "Trueno";
    z-index: 0;
    left: 0;
    top: -15px;
    right: 0;
    line-height: 1;
  }
  .front-page-layout .properties-to-sell-wrapper .upper-content .sub_title {
    position: relative;
    z-index: 1;
  }
  .front-page-layout .properties-to-sell-wrapper .upper-content .sub_title P {
    font-family: "Questrial";
    font-size: 16px;
    color: #707070;
  }
  .front-page-layout .properties-to-sell-wrapper .upper-content .title {
    margin-top: 8px;
    position: relative;
    z-index: 1;
  }
  .front-page-layout .properties-to-sell-wrapper .upper-content .title P {
    font-family: "Trueno";
    color: #252525;
    font-size: 20px;
  }
}

@media screen and (min-width: 768px) {
  .front-page-layout .properties-to-sell-wrapper .upper-content .title P {
    font-size: 25px;
  }
}

@media screen and (min-width: 992px) {
  .front-page-layout .properties-to-sell-wrapper .upper-content .title P {
    font-size: 30px;
  }
}

@media screen {
  .front-page-layout .properties-to-sell-wrapper .upper-content .description {
    max-width: 575px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
  }
  .front-page-layout .properties-to-sell-wrapper .upper-content .description P {
    color: #252525;
    font-family: "Questrial";
    font-size: 16px;
    line-height: 2;
  }
  .front-page-layout .properties-to-sell-wrapper button.slick-arrow {
    display: none !important;
  }
  .front-page-layout .properties-to-sell-wrapper .navigation-buttons {
    margin-top: 30px;
  }
  .front-page-layout .properties-to-sell-wrapper .home_prop_to_sell_property_list {
    display: none;
    margin: 25px -15px 0;
  }
  .front-page-layout .properties-to-sell-wrapper .home_prop_to_sell_property_list .property-wrap {
    margin: 0 15px;
  }
  .front-page-layout .properties-to-sell-wrapper .home_prop_to_sell_property_list .property-wrap .property-item-wrapper {
    overflow: hidden;
    width: 100%;
    position: relative;
  }
  .front-page-layout .properties-to-sell-wrapper .home_prop_to_sell_property_list .property-wrap .property-item-wrapper:hover {
    box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.75);
  }
  .front-page-layout .properties-to-sell-wrapper .home_prop_to_sell_property_list .property-wrap .property-item-wrapper:hover .property-item {
    transform: scale(1.2);
  }
  .front-page-layout .properties-to-sell-wrapper .home_prop_to_sell_property_list .property-wrap .property-item-wrapper .content-title {
    z-index: 1;
    position: relative;
    display: table-cell;
    width: 1%;
    vertical-align: middle;
    height: 265px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.4);
  }
  .front-page-layout .properties-to-sell-wrapper .home_prop_to_sell_property_list .property-wrap .property-item-wrapper .content-title p {
    color: #fff;
    font-family: "Trueno";
    font-size: 18px;
  }
  .front-page-layout .properties-to-sell-wrapper .home_prop_to_sell_property_list .property-wrap .property-item-wrapper .property-item {
    transition: all 0.6s ease-out;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center center;
  }
  .front-page-layout .properties-to-sell-wrapper .button-global {
    margin: 30px auto 0;
  }
  .front-page-layout .properties-to-seen-wrapper {
    background-color: #ffffff;
    padding: 50px 0;
  }
  .front-page-layout .properties-to-seen-wrapper .upper-content {
    text-align: center;
    position: relative;
  }
  .front-page-layout .properties-to-seen-wrapper .upper-content:before {
    font-size: 150px;
    color: #efefef;
    position: absolute;
    font-family: "Trueno";
    z-index: 0;
    left: 0;
    top: -15px;
    right: 0;
    line-height: 1;
  }
  .front-page-layout .properties-to-seen-wrapper .upper-content .sub_title {
    position: relative;
    z-index: 1;
  }
  .front-page-layout .properties-to-seen-wrapper .upper-content .sub_title P {
    font-family: "Questrial";
    font-size: 16px;
    color: #707070;
  }
  .front-page-layout .properties-to-seen-wrapper .upper-content .title {
    margin-top: 8px;
    position: relative;
    z-index: 1;
  }
  .front-page-layout .properties-to-seen-wrapper .upper-content .title P {
    font-family: "Trueno";
    color: #252525;
    font-size: 20px;
  }
}

@media screen and (min-width: 768px) {
  .front-page-layout .properties-to-seen-wrapper .upper-content .title P {
    font-size: 25px;
  }
}

@media screen and (min-width: 992px) {
  .front-page-layout .properties-to-seen-wrapper .upper-content .title P {
    font-size: 30px;
  }
}

@media screen {
  .front-page-layout .properties-to-seen-wrapper .upper-content .description {
    max-width: 575px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
  }
  .front-page-layout .properties-to-seen-wrapper .upper-content .description P {
    color: #252525;
    font-family: "Questrial";
    font-size: 16px;
    line-height: 2;
  }
  .front-page-layout .properties-to-seen-wrapper button.slick-arrow {
    display: none !important;
  }
  .front-page-layout .properties-to-seen-wrapper .navigation-buttons {
    margin-top: 30px;
  }
  .front-page-layout .properties-to-seen-wrapper .home_prop_to_seen_property_list {
    margin: 25px -15px 0;
  }
  .front-page-layout .properties-to-seen-wrapper .home_prop_to_seen_property_list .property-seen-wrap {
    margin: 0 15px;
  }
  .front-page-layout .properties-to-seen-wrapper .home_prop_to_seen_property_list .property-seen-wrap .property-item-wrapper {
    overflow: hidden;
    width: 100%;
    position: relative;
  }
  .front-page-layout .properties-to-seen-wrapper .home_prop_to_seen_property_list .property-seen-wrap .property-item-wrapper:hover {
    box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.75);
  }
  .front-page-layout .properties-to-seen-wrapper .home_prop_to_seen_property_list .property-seen-wrap .property-item-wrapper:hover .property-item {
    transform: scale(1.2);
  }
  .front-page-layout .properties-to-seen-wrapper .home_prop_to_seen_property_list .property-seen-wrap .property-item-wrapper .content-title {
    z-index: 1;
    position: relative;
    display: table-cell;
    width: 1%;
    vertical-align: middle;
    height: 265px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.4);
  }
  .front-page-layout .properties-to-seen-wrapper .home_prop_to_seen_property_list .property-seen-wrap .property-item-wrapper .content-title p {
    color: #fff;
    font-family: "Trueno";
    font-size: 18px;
  }
  .front-page-layout .properties-to-seen-wrapper .home_prop_to_seen_property_list .property-seen-wrap .property-item-wrapper .property-item {
    transition: all 0.6s ease-out;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center center;
  }
  .front-page-layout .properties-to-seen-wrapper .button-global {
    margin: 30px auto 0;
  }
  .front-page-layout .properties-to-cities-wrapper {
    background-color: #ffffff;
    padding: 50px 0;
  }
  .front-page-layout .properties-to-cities-wrapper button.slick-arrow {
    display: none !important;
  }
  .front-page-layout .properties-to-cities-wrapper .navigation-buttons {
    margin-top: 30px;
  }
  .front-page-layout .properties-to-cities-wrapper .button-global {
    margin: 30px auto 0;
  }
  .front-page-layout .properties-to-cities-wrapper .upper-content {
    text-align: center;
    position: relative;
  }
  .front-page-layout .properties-to-cities-wrapper .upper-content:before {
    font-size: 150px;
    color: #efefef;
    position: absolute;
    font-family: "Trueno";
    z-index: 0;
    left: 0;
    top: -15px;
    right: 0;
    line-height: 1;
  }
  .front-page-layout .properties-to-cities-wrapper .upper-content .sub_title {
    position: relative;
    z-index: 1;
  }
  .front-page-layout .properties-to-cities-wrapper .upper-content .sub_title P {
    font-family: "Questrial";
    font-size: 16px;
    color: #707070;
  }
  .front-page-layout .properties-to-cities-wrapper .upper-content .title {
    position: relative;
    z-index: 1;
  }
  .front-page-layout .properties-to-cities-wrapper .upper-content .title P {
    font-family: "Trueno";
    color: #252525;
    font-size: 20px;
  }
}

@media screen and (min-width: 768px) {
  .front-page-layout .properties-to-cities-wrapper .upper-content .title P {
    font-size: 25px;
  }
}

@media screen and (min-width: 992px) {
  .front-page-layout .properties-to-cities-wrapper .upper-content .title P {
    font-size: 30px;
  }
}

@media screen {
  .front-page-layout .properties-to-cities-wrapper .upper-content .description {
    max-width: 575px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
  }
  .front-page-layout .properties-to-cities-wrapper .upper-content .description P {
    color: #252525;
    font-family: "Questrial";
    font-size: 16px;
    line-height: 2;
  }
  .front-page-layout .properties-to-cities-wrapper .home_prop_to_cities_property_list {
    margin: 25px -15px 0;
  }
  .front-page-layout .properties-to-cities-wrapper .home_prop_to_cities_property_list .property-wrap {
    margin: 0 15px;
  }
  .front-page-layout .properties-to-cities-wrapper .home_prop_to_cities_property_list .property-wrap .property-item-wrapper {
    overflow: hidden;
    width: 100%;
    position: relative;
  }
  .front-page-layout .properties-to-cities-wrapper .home_prop_to_cities_property_list .property-wrap .property-item-wrapper:hover {
    box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.75);
  }
  .front-page-layout .properties-to-cities-wrapper .home_prop_to_cities_property_list .property-wrap .property-item-wrapper:hover .property-item {
    transform: scale(1.2);
  }
  .front-page-layout .properties-to-cities-wrapper .home_prop_to_cities_property_list .property-wrap .property-item-wrapper .content-title {
    z-index: 1;
    position: relative;
    display: table-cell;
    width: 1%;
    vertical-align: middle;
    height: 265px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.4);
    padding: 0 30px;
  }
  .front-page-layout .properties-to-cities-wrapper .home_prop_to_cities_property_list .property-wrap .property-item-wrapper .content-title p {
    color: #fff;
    font-family: "Trueno";
    font-size: 18px;
  }
  .front-page-layout .properties-to-cities-wrapper .home_prop_to_cities_property_list .property-wrap .property-item-wrapper .property-item {
    transition: all 0.6s ease-out;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center center;
  }
  .front-page-layout .property-tour-wrapper {
    background-color: #fafafa;
  }
  .front-page-layout .property-tour-wrapper .featured-cinematic {
    padding-top: 50px;
    padding-bottom: 25px;
  }
  .front-page-layout .property-tour-wrapper .featured-house {
    padding-top: 25px;
    padding-bottom: 50px;
  }
  .front-page-layout .property-tour-wrapper .featured-thumbnail {
    width: 100%;
    height: 405px;
    background-size: cover;
    background-position: center center;
  }
  .front-page-layout .property-tour-wrapper .featured-thumbnail .play-button {
    display: table-cell;
    vertical-align: middle;
    width: 1%;
    height: 405px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5);
    transition: all 0.6s ease-out;
  }
  .front-page-layout .property-tour-wrapper .featured-thumbnail .play-button:hover {
    background-color: rgba(0, 0, 0, 0.3);
  }
  .front-page-layout .property-tour-wrapper .featured-thumbnail .play-button:hover i {
    color: #fda50f;
  }
  .front-page-layout .property-tour-wrapper .featured-thumbnail .play-button i {
    font-size: 50px;
    color: #fff;
  }
  .front-page-layout .property-tour-wrapper .video-thumbnail {
    margin-bottom: 30px;
  }
}

@media screen and (min-width: 992px) {
  .front-page-layout .property-tour-wrapper .video-thumbnail {
    margin-bottom: 0;
  }
}

@media screen {
  .front-page-layout .property-tour-wrapper .content-wrapper {
    position: relative;
    text-align: center;
  }
}

@media screen and (min-width: 768px) {
  .front-page-layout .property-tour-wrapper .content-wrapper {
    text-align: left;
  }
}

@media screen {
  .front-page-layout .property-tour-wrapper .content-wrapper:before {
    font-size: 150px;
    color: #efefef;
    position: absolute;
    font-family: "Trueno";
    z-index: 0;
    left: 0;
    top: -15px;
    line-height: 1;
  }
}

@media screen and (max-width: 767px) {
  .front-page-layout .property-tour-wrapper .content-wrapper:before {
    right: 0;
  }
}

@media screen {
  .front-page-layout .property-tour-wrapper .content-wrapper .title {
    position: relative;
    z-index: 1;
  }
  .front-page-layout .property-tour-wrapper .content-wrapper .title p {
    font-family: "Trueno";
    color: #252525;
    font-size: 20px;
  }
}

@media screen and (min-width: 768px) {
  .front-page-layout .property-tour-wrapper .content-wrapper .title p {
    font-size: 25px;
  }
}

@media screen and (min-width: 992px) {
  .front-page-layout .property-tour-wrapper .content-wrapper .title p {
    font-size: 30px;
  }
}

@media screen {
  .front-page-layout .property-tour-wrapper .content-wrapper .description {
    position: relative;
    z-index: 1;
  }
  .front-page-layout .property-tour-wrapper .content-wrapper .description p {
    color: #252525;
    font-family: "Questrial";
    font-size: 16px;
    line-height: 2;
  }
  .front-page-layout .property-tour-wrapper .content-wrapper .button-default {
    margin-top: 20px;
  }
  .front-page-layout .property-tour-wrapper .content-wrapper .button-global {
    margin: 25px auto 0;
  }
}

@media screen and (min-width: 768px) {
  .front-page-layout .property-tour-wrapper .content-wrapper .button-global {
    margin: 25px 0 0;
  }
}

@media screen {
  .contact-page-layout {
    padding-bottom: 0 !important;
  }
  .contact-page-layout .forms-wrapper {
    padding-bottom: 50px;
  }
  .contact-page-layout .forms-wrapper .contact_form_title {
    text-align: center;
  }
  .contact-page-layout .forms-wrapper .contact_form_title p {
    font-family: "Trueno";
    color: #252525;
    font-size: 20px;
  }
}

@media screen and (min-width: 768px) {
  .contact-page-layout .forms-wrapper .contact_form_title p {
    font-size: 25px;
  }
}

@media screen and (min-width: 992px) {
  .contact-page-layout .forms-wrapper .contact_form_title p {
    font-size: 30px;
  }
}

@media screen {
  .contact-page-layout .forms-wrapper .contact_form_description {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
  }
  .contact-page-layout .forms-wrapper .contact_form_description p {
    font-family: "Questrial";
    font-size: 16px;
    color: #252525;
    line-height: 1.9;
  }
  .contact-page-layout .forms-wrapper .information-wrapper {
    margin-top: 20px;
  }
}

@media screen and (max-width: 767px) {
  .contact-page-layout .forms-wrapper .information-wrapper {
    text-align: center;
    margin: 20px auto 0;
    max-width: 400px;
  }
}

@media screen {
  .contact-page-layout .forms-wrapper .information-wrapper .item {
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 992px) {
  .contact-page-layout .forms-wrapper .information-wrapper .item {
    margin-bottom: 25px;
  }
}

@media screen {
  .contact-page-layout .forms-wrapper .information-wrapper .item i {
    max-width: 10%;
    vertical-align: top;
    padding-top: 5px;
    font-size: 16px;
    margin-right: 10px;
  }
  .contact-page-layout .forms-wrapper .information-wrapper .item span, .contact-page-layout .forms-wrapper .information-wrapper .item a {
    font-family: "Questrial";
    font-size: 16px;
    color: #252525;
    max-width: 89%;
  }
  .contact-page-layout .forms-wrapper .social-media-wrapper {
    margin-top: 30px;
    text-align: center;
  }
}

@media screen and (min-width: 768px) {
  .contact-page-layout .forms-wrapper .social-media-wrapper {
    text-align: left;
  }
}

@media screen {
  .contact-page-layout .forms-wrapper .social-media-wrapper .title {
    margin-bottom: 10px;
  }
  .contact-page-layout .forms-wrapper .social-media-wrapper .title p {
    font-family: "Questrial";
    font-size: 16px;
    color: #252525;
  }
  .contact-page-layout .forms-wrapper .social-media-wrapper a {
    margin-right: 10px;
  }
  .contact-page-layout .forms-wrapper .social-media-wrapper a i {
    font-size: 20px;
    color: #252525;
  }
  .contact-page-layout .forms-wrapper .social-media-wrapper a i:hover {
    color: #fda50f;
  }
  .contact-page-layout .forms-wrapper .contact_form_shortcode {
    margin-top: 20px;
  }
  .contact-page-layout .forms-wrapper .contact_form_shortcode form {
    text-align: center;
  }
}

@media screen and (min-width: 768px) {
  .contact-page-layout .forms-wrapper .contact_form_shortcode form {
    text-align: left;
  }
}

@media screen {
  .contact-page-layout .forms-wrapper .contact_form_shortcode form .submitbtn-form {
    cursor: pointer;
    position: relative;
    height: 50px;
    width: 250px;
    display: inline-block;
    background-color: #fda50f;
    border: 1px solid #fda50f;
    border-radius: 50px;
    transition: all 0.6s ease-out;
    overflow: hidden;
  }
  .contact-page-layout .forms-wrapper .contact_form_shortcode form .submitbtn-form:hover {
    background-color: #fff !important;
  }
  .contact-page-layout .forms-wrapper .contact_form_shortcode form .submitbtn-form:hover .wpcf7-submit {
    color: #fda50f;
  }
  .contact-page-layout .forms-wrapper .contact_form_shortcode form .submitbtn-form:hover i {
    background-color: #fda50f;
  }
  .contact-page-layout .forms-wrapper .contact_form_shortcode form .submitbtn-form i {
    transition: all 0.6s ease-out;
    position: absolute;
    background-color: #fff;
    color: #252525;
    font-size: 20px;
    padding: 11px 15px;
    border-radius: 25px;
    right: 5px;
    top: 3px;
  }
  .contact-page-layout .forms-wrapper .contact_form_shortcode form input {
    height: 45px;
    padding: 0 15px;
    outline: 0;
    border: 1px solid #d7d7d7;
    border-radius: 0;
    margin-bottom: 10px;
  }
  .contact-page-layout .forms-wrapper .contact_form_shortcode form input.wpcf7-submit {
    cursor: pointer;
    height: 100%;
    margin-bottom: 0;
    background-color: transparent;
    border: 0;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    text-align: left;
    color: #fff;
    font-family: "Questrial";
    font-size: 16px;
    letter-spacing: 1px;
    z-index: 1;
  }
  .contact-page-layout .forms-wrapper .contact_form_shortcode form textarea {
    padding: 15px;
    height: 115px;
    outline: 0;
    border: 1px solid #d7d7d7;
    border-radius: 0;
    margin-bottom: 10px;
  }
  .contact-page-layout .video-wrappers {
    padding: 50px 0;
    background-color: #fff;
  }
  .contact-page-layout .video-wrappers .content-wrapper {
    text-align: center;
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 768px) {
  .contact-page-layout .video-wrappers .content-wrapper {
    margin-bottom: 0;
    text-align: left;
  }
}

@media screen {
  .contact-page-layout .video-wrappers .content-wrapper .contact_video_title p {
    font-family: "Trueno";
    color: #252525;
    font-size: 20px;
  }
}

@media screen and (min-width: 768px) {
  .contact-page-layout .video-wrappers .content-wrapper .contact_video_title p {
    font-size: 25px;
  }
}

@media screen and (min-width: 992px) {
  .contact-page-layout .video-wrappers .content-wrapper .contact_video_title p {
    font-size: 30px;
  }
}

@media screen {
  .contact-page-layout .video-wrappers .content-wrapper .contact_video_description p {
    font-family: "Questrial";
    font-size: 16px;
    color: #252525;
  }
  .contact-page-layout .video-wrappers .video-wrapper {
    background-color: #fafafa;
  }
  .contact-page-layout .video-wrappers .video-wrapper .thumbnail-video {
    display: block;
    width: 100%;
    height: 400px;
    background-size: cover;
    background-position: center center;
    position: relative;
  }
  .contact-page-layout .video-wrappers .video-wrapper .thumbnail-video .play-button {
    display: table-cell;
    width: 1%;
    vertical-align: middle;
    height: 400px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5);
  }
  .contact-page-layout .video-wrappers .video-wrapper .thumbnail-video .play-button .fa-play {
    font-size: 50px;
    color: #fff;
  }
  .contact-page-layout .about-wrapper {
    background-color: #fafafa;
    padding: 50px 0;
  }
  .contact-page-layout .about-wrapper .image-wrapper {
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 768px) {
  .contact-page-layout .about-wrapper .image-wrapper {
    margin-bottom: 0;
  }
}

@media screen {
  .contact-page-layout .about-wrapper .image-wrapper img {
    width: 100%;
  }
  .contact-page-layout .about-wrapper .content-wrapper {
    text-align: center;
  }
}

@media screen and (min-width: 768px) {
  .contact-page-layout .about-wrapper .content-wrapper {
    text-align: left;
  }
}

@media screen {
  .contact-page-layout .about-wrapper .content-wrapper .contact_about_title p {
    font-family: "Trueno";
    color: #252525;
    font-size: 20px;
  }
}

@media screen and (min-width: 768px) {
  .contact-page-layout .about-wrapper .content-wrapper .contact_about_title p {
    font-size: 25px;
  }
}

@media screen and (min-width: 992px) {
  .contact-page-layout .about-wrapper .content-wrapper .contact_about_title p {
    font-size: 30px;
  }
}

@media screen {
  .contact-page-layout .about-wrapper .content-wrapper .contact_about_description p {
    font-family: "Questrial";
    font-size: 16px;
    color: #252525;
    line-height: 1.9;
  }
  .contact-page-layout .powered-by-wrapper {
    padding: 50px 0;
    background-color: #fff;
  }
  .contact-page-layout .powered-by-wrapper .content-wrapper {
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 768px) {
  .contact-page-layout .powered-by-wrapper .content-wrapper {
    margin-bottom: 0;
  }
}

@media screen {
  .contact-page-layout .powered-by-wrapper .content-wrapper .contact_power_logo img {
    width: 100%;
    max-width: 480px;
  }
  .contact-page-layout .powered-by-wrapper .content-wrapper .contact_powered_description {
    margin-top: 10px;
  }
  .contact-page-layout .powered-by-wrapper .content-wrapper .contact_powered_description p {
    font-family: "Questrial";
    font-size: 16px;
    color: #252525;
    line-height: 1.9;
  }
  .contact-page-layout .powered-by-wrapper .powered-by-gallery .gallery-item {
    height: 475px;
    background-size: cover;
    background-position: center center;
    width: 100%;
  }
  .contact-page-layout .powered-by-wrapper .powered-gallery-ctrl .slick-arrow {
    position: absolute;
    z-index: 99999;
    font-size: 25px;
    height: 100%;
    width: 60px;
  }
  .contact-page-layout .powered-by-wrapper .powered-gallery-ctrl .slick-arrow i.fa-chevron-left {
    position: absolute;
    top: 35%;
    left: 15px;
    font-size: 20px;
    color: #fff;
  }
  .contact-page-layout .powered-by-wrapper .powered-gallery-ctrl .slick-arrow i.fa-chevron-left:hover {
    color: #fda50f;
    cursor: pointer;
  }
  .contact-page-layout .powered-by-wrapper .powered-gallery-ctrl .slick-arrow i.fa-chevron-left:before {
    padding: 2px 10px 4px 10px;
  }
  .contact-page-layout .powered-by-wrapper .powered-gallery-ctrl .slick-arrow i.fa-chevron-right {
    position: absolute;
    top: 35%;
    right: 15px;
    font-size: 20px;
    color: #fff;
  }
  .contact-page-layout .powered-by-wrapper .powered-gallery-ctrl .slick-arrow i.fa-chevron-right:hover {
    color: #fda50f;
    cursor: pointer;
  }
  .contact-page-layout .powered-by-wrapper .powered-gallery-ctrl .slick-arrow i.fa-chevron-right:before {
    padding: 2px 10px 4px 10px;
  }
  .contact-page-layout .powered-by-wrapper .powered-gallery-ctrl .slick-arrow.slick-arrow-div-right {
    top: 0;
    right: -15px;
  }
  .contact-page-layout .powered-by-wrapper .powered-gallery-ctrl .slick-arrow.slick-arrow-div-left {
    top: 0;
    left: -15px;
  }
  .contact-page-layout .powered-by-wrapper .powered-gallery-ctrl .gallery-ctrl-item {
    outline: 0;
    height: 80px;
    background-size: cover;
    background-position: center center;
    cursor: pointer;
  }
  .contact-page-layout .information-wrappers {
    background-color: #fafafa;
    padding: 50px 0;
  }
  .contact-page-layout .information-wrappers .upper-content .contact_info_title {
    text-align: center;
  }
  .contact-page-layout .information-wrappers .upper-content .contact_info_title p {
    font-family: "Trueno";
    color: #252525;
    font-size: 20px;
  }
}

@media screen and (min-width: 768px) {
  .contact-page-layout .information-wrappers .upper-content .contact_info_title p {
    font-size: 25px;
  }
}

@media screen and (min-width: 992px) {
  .contact-page-layout .information-wrappers .upper-content .contact_info_title p {
    font-size: 30px;
  }
}

@media screen {
  .contact-page-layout .information-wrappers .upper-content .contact_info_description {
    text-align: center;
    max-width: 880px;
    margin: 0 auto;
  }
  .contact-page-layout .information-wrappers .upper-content .contact_info_description p {
    font-family: "Questrial";
    font-size: 16px;
    color: #252525;
  }
  .contact-page-layout .information-wrappers .information-list {
    margin-top: 30px;
  }
  .contact-page-layout .information-wrappers .information-list.add-margin .information-item-wrapper {
    margin-bottom: 15px;
  }
}

@media screen and (min-width: 768px) {
  .contact-page-layout .information-wrappers .information-list.add-margin .information-item-wrapper {
    margin-bottom: 30px !important;
  }
}

@media screen {
  .contact-page-layout .information-wrappers .information-list .information-item-wrapper {
    margin-bottom: 15px;
  }
}

@media screen and (min-width: 768px) {
  .contact-page-layout .information-wrappers .information-list .information-item-wrapper {
    margin-bottom: 0;
  }
}

@media screen {
  .contact-page-layout .information-wrappers .information-list .information-item-wrapper .information-item {
    padding: 10px 60px 20px;
    text-align: center;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    height: 275px;
    display: table-cell;
    vertical-align: top;
    width: 1%;
  }
  .contact-page-layout .information-wrappers .information-list .information-item-wrapper .information-item .title {
    margin-top: 10px;
  }
  .contact-page-layout .information-wrappers .information-list .information-item-wrapper .information-item .title p {
    font-family: "Trueno";
    font-size: 18px;
    color: #252525;
  }
  .contact-page-layout .information-wrappers .information-list .information-item-wrapper .information-item .description {
    margin-top: 10px;
  }
  .contact-page-layout .information-wrappers .information-list .information-item-wrapper .information-item .description p {
    font-family: "Questrial";
    font-size: 16px;
    color: #252525;
  }
  .list-property-page-layout {
    padding: 0 !important;
  }
  .list-property-page-layout .content {
    padding: 50px 0;
  }
  .list-property-page-layout .content .gallery img {
    margin: 0 !important;
  }
  .list-property-page-layout .content h2 {
    font-family: "Trueno";
    color: #252525;
    font-size: 20px;
  }
}

@media screen and (min-width: 768px) {
  .list-property-page-layout .content h2 {
    font-size: 25px;
  }
}

@media screen and (min-width: 992px) {
  .list-property-page-layout .content h2 {
    font-size: 30px;
  }
}

@media screen {
  .list-property-page-layout .content p {
    font-family: "Questrial";
    font-size: 16px;
    color: #252525;
  }
  .list-property-page-layout .fill-up-form {
    background-color: #fafafa;
    padding: 50px 0;
  }
  .list-property-page-layout .fill-up-form .title {
    text-align: center;
  }
  .list-property-page-layout .fill-up-form .title p {
    font-family: "Trueno";
    color: #252525;
    font-size: 20px;
  }
}

@media screen and (min-width: 768px) {
  .list-property-page-layout .fill-up-form .title p {
    font-size: 25px;
  }
}

@media screen and (min-width: 992px) {
  .list-property-page-layout .fill-up-form .title p {
    font-size: 30px;
  }
}

@media screen {
  .list-property-page-layout .fill-up-form .description {
    text-align: center;
  }
  .list-property-page-layout .fill-up-form .description p {
    font-family: "Questrial";
    font-size: 16px;
    color: #252525;
  }
  .list-property-page-layout .fill-up-form .list-up {
    margin-top: 20px;
  }
  .list-property-page-layout .fill-up-form .list-up form .submitbtn-form {
    cursor: pointer;
    position: relative;
    height: 50px;
    width: 250px;
    display: inline-block;
    background-color: #fda50f;
    border: 1px solid #fda50f;
    border-radius: 50px;
    transition: all 0.6s ease-out;
    overflow: hidden;
  }
  .list-property-page-layout .fill-up-form .list-up form .submitbtn-form:hover {
    background-color: #fff !important;
  }
  .list-property-page-layout .fill-up-form .list-up form .submitbtn-form:hover .wpcf7-submit {
    color: #fda50f;
  }
  .list-property-page-layout .fill-up-form .list-up form .submitbtn-form:hover i {
    background-color: #fda50f;
  }
  .list-property-page-layout .fill-up-form .list-up form .submitbtn-form i {
    transition: all 0.6s ease-out;
    position: absolute;
    background-color: #fff;
    color: #252525;
    font-size: 20px;
    padding: 11px 15px;
    border-radius: 25px;
    right: 5px;
    top: 3px;
  }
  .list-property-page-layout .fill-up-form .list-up form input {
    height: 45px;
    padding: 0 15px;
    outline: 0;
    border: 1px solid #d7d7d7;
    border-radius: 0;
    margin-bottom: 10px;
  }
  .list-property-page-layout .fill-up-form .list-up form input.wpcf7-submit {
    cursor: pointer;
    height: 100%;
    margin-bottom: 0;
    background-color: transparent;
    border: 0;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    text-align: left;
    color: #fff;
    font-family: "Questrial";
    font-size: 16px;
    letter-spacing: 1px;
    z-index: 1;
  }
  .list-property-page-layout .fill-up-form .list-up form textarea {
    padding: 15px;
    height: 115px;
    outline: 0;
    border: 1px solid #d7d7d7;
    border-radius: 0;
    margin-bottom: 10px;
  }
  .single-page-layout {
    padding: 50px 0 !important;
  }
  .single-page-layout .inquiry-form {
    margin-top: 40px;
  }
  .single-page-layout .inquiry-form .title p {
    font-family: "Trueno";
    color: #252525;
    font-size: 20px;
  }
}

@media screen and (min-width: 768px) {
  .single-page-layout .inquiry-form .title p {
    font-size: 25px;
  }
}

@media screen and (min-width: 992px) {
  .single-page-layout .inquiry-form .title p {
    font-size: 30px;
  }
}

@media screen {
  .single-page-layout .inquiry-form form .submitbtn-form {
    cursor: pointer;
    position: relative;
    height: 50px;
    width: 250px;
    display: inline-block;
    background-color: #fda50f;
    border: 1px solid #fda50f;
    border-radius: 50px;
    transition: all 0.3s ease-out;
    overflow: hidden;
  }
  .single-page-layout .inquiry-form form .submitbtn-form:hover {
    background-color: #fff !important;
  }
  .single-page-layout .inquiry-form form .submitbtn-form:hover .wpcf7-submit {
    color: #fda50f;
  }
  .single-page-layout .inquiry-form form .submitbtn-form:hover i {
    background-color: #fda50f;
  }
  .single-page-layout .inquiry-form form .submitbtn-form i {
    position: absolute;
    background-color: #fff;
    color: #252525;
    font-size: 20px;
    padding: 11px 15px;
    border-radius: 25px;
    right: 5px;
    top: 3px;
  }
  .single-page-layout .inquiry-form form input {
    height: 45px;
    padding: 0 15px;
    outline: 0;
    border: 1px solid #d7d7d7;
    border-radius: 0;
    margin-bottom: 10px;
  }
  .single-page-layout .inquiry-form form input.wpcf7-submit {
    cursor: pointer;
    height: 100%;
    margin-bottom: 0;
    background-color: transparent;
    border: 0;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    text-align: left;
    color: #fff;
    font-family: "Questrial";
    font-size: 16px;
    letter-spacing: 1px;
    z-index: 1;
  }
  .single-page-layout .inquiry-form form textarea {
    padding: 15px;
    height: 165px;
    outline: 0;
    border: 1px solid #d7d7d7;
    border-radius: 0;
    margin-bottom: 10px;
  }
  .single-page-layout .related-blogs-wrapper {
    margin-top: 30px;
  }
}

@media screen and (min-width: 992px) {
  .single-page-layout .related-blogs-wrapper {
    margin-top: 0;
  }
}

@media screen {
  .single-page-layout .related-blogs-wrapper .title {
    margin-bottom: 20px;
  }
  .single-page-layout .related-blogs-wrapper .title p {
    font-family: "Trueno";
    color: #252525;
    line-height: 1;
    font-size: 20px;
  }
}

@media screen and (min-width: 768px) {
  .single-page-layout .related-blogs-wrapper .title p {
    font-size: 25px;
  }
}

@media screen and (min-width: 992px) {
  .single-page-layout .related-blogs-wrapper .title p {
    font-size: 30px;
  }
}

@media screen {
  .single-page-layout .related-blogs-wrapper .post-item {
    margin-bottom: 20px;
  }
  .single-page-layout .related-blogs-wrapper .post-item:last-of-type {
    margin-bottom: 0;
  }
  .single-page-layout .related-blogs-wrapper .post-item .related-link {
    overflow: hidden;
  }
  .single-page-layout .related-blogs-wrapper .post-item .featured-img {
    vertical-align: top;
    display: inline-block;
    width: 125px;
    height: 92px;
    background-size: cover;
    background-position: center center;
    transition: all 0.6s ease-out;
  }
  .single-page-layout .related-blogs-wrapper .post-item .featured-img:hover {
    transform: scale(1.2);
  }
  .single-page-layout .related-blogs-wrapper .post-item .content-wrap {
    max-width: 205px;
    display: inline-block;
    vertical-align: top;
    margin-left: 15px;
  }
  .single-page-layout .related-blogs-wrapper .post-item .content-wrap .post-title a {
    font-family: "Trueno";
    font-size: 18px;
    color: #252525;
  }
  .single-page-layout .related-blogs-wrapper .post-item .content-wrap .post-title a:hover {
    color: #fda50f;
  }
  .single-page-layout .related-blogs-wrapper .post-item .content-wrap .post-content p {
    font-family: "Questrial";
    font-size: 16px;
    color: #252525;
  }
  .single-page-layout .single-content .singlepost-title {
    margin-bottom: 20px;
  }
  .single-page-layout .single-content .singlepost-title p {
    font-family: "Trueno";
    line-height: 1;
    font-size: 20px;
  }
}

@media screen and (min-width: 768px) {
  .single-page-layout .single-content .singlepost-title p {
    font-size: 25px;
  }
}

@media screen and (min-width: 992px) {
  .single-page-layout .single-content .singlepost-title p {
    font-size: 30px;
  }
}

@media screen {
  .single-page-layout .single-content p {
    font-family: "Questrial";
    font-size: 16px;
    color: #252525;
  }
  .single-page-layout .single-content h2, .single-page-layout .single-content h3, .single-page-layout .single-content h4, .single-page-layout .single-content h5, .single-page-layout .single-content h6 {
    font-family: "Trueno";
    color: #252525;
  }
  .single-page-layout .single-content .featured-img {
    margin-bottom: 30px;
  }
  .single-page-layout .single-content .featured-img img {
    width: 100%;
  }
  .single-page-layout .single-content .image-content {
    margin: 30px  0;
    text-align: center;
  }
  .single-page-layout .single-content .image-content img {
    width: 100%;
  }
  .single-page-layout .single-content .video-thumbnail {
    margin: 30px  0;
  }
  .single-page-layout .single-content .video-thumbnail a {
    display: block;
    height: 445px;
    position: relative;
    display: block;
    background-size: cover;
    background-position: center center;
  }
  .single-page-layout .single-content .video-thumbnail a .play-button {
    display: table-cell;
    width: 1%;
    vertical-align: middle;
    height: 445px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5);
  }
  .single-page-layout .single-content .video-thumbnail a .play-button i {
    font-size: 30px;
    color: #fff;
  }
}

@media screen and (min-width: 992px) {
  .single-page-layout .single-content .video-thumbnail a .play-button i {
    font-size: 40px;
  }
}

@media screen and (min-width: 992px) {
  .single-page-layout .single-content .video-thumbnail a .play-button i {
    font-size: 50px;
  }
}

@media screen {
  .single-page-layout .social-media-wrapper {
    margin-top: 30px;
    text-align: center;
  }
}

@media screen and (min-width: 768px) {
  .single-page-layout .social-media-wrapper {
    text-align: left;
  }
}

@media screen {
  .single-page-layout .social-media-wrapper a {
    margin-right: 30px;
  }
  .single-page-layout .social-media-wrapper a i {
    font-size: 20px;
    color: #252525;
  }
  .single-page-layout .social-media-wrapper a i:hover {
    color: #fda50f;
  }
  .blog-page-layout {
    padding: 50px 0 0 !important;
  }
  .blog-page-layout .archive-content {
    text-align: center;
    margin-bottom: 30px;
  }
  .blog-page-layout .archive-content .title {
    margin-bottom: 15px;
  }
  .blog-page-layout .archive-content .title p {
    font-family: "Trueno";
    color: #252525;
    line-height: 1;
    font-size: 20px;
  }
}

@media screen and (min-width: 768px) {
  .blog-page-layout .archive-content .title p {
    font-size: 25px;
  }
}

@media screen and (min-width: 992px) {
  .blog-page-layout .archive-content .title p {
    font-size: 30px;
  }
}

@media screen {
  .blog-page-layout .archive-content .description {
    max-width: 580px;
    margin: 0 auto;
  }
  .blog-page-layout .archive-content .description p {
    font-family: "Questrial";
    font-size: 16px;
    color: #252525;
    line-height: 1.9;
  }
}

@media screen and (min-width: 768px) {
  .blog-page-layout .post-wrapper {
    /* Chrome, Safari, Opera */
    /* Firefox */
    column-count: 3;
    /* Chrome, Safari, Opera */
    /* Firefox */
    column-gap: 30px;
  }
}

@media screen and (min-width: 1024px) {
  .blog-page-layout .post-wrapper {
    /* Chrome, Safari, Opera */
    /* Firefox */
    column-count: 3;
  }
}

@media screen {
  .blog-page-layout .post-wrapper .post-item {
    box-sizing: border-box;
    break-inside: avoid;
    padding: 15px 0;
  }
  .blog-page-layout .post-wrapper .post-item .wrap {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  }
  .blog-page-layout .post-wrapper .post-item a {
    display: block;
  }
  .blog-page-layout .post-wrapper .post-item .featured-img {
    overflow: hidden;
  }
  .blog-page-layout .post-wrapper .post-item .featured-img:hover img {
    transform: scale(1.2);
  }
  .blog-page-layout .post-wrapper .post-item .featured-img img {
    margin: 0;
    width: 100%;
    transition: all 0.6s ease-out;
  }
  .blog-page-layout .post-wrapper .post-item .description {
    padding: 15px;
  }
  .blog-page-layout .post-wrapper .post-item .description .post-title a {
    font-size: 18px;
    font-family: "Trueno";
    color: #252525;
  }
  .blog-page-layout .post-wrapper .post-item .description .post-title a:hover {
    color: #fda50f;
  }
  .blog-page-layout .post-wrapper .post-item .description .blog-content p {
    font-size: 16px;
    font-family: "Questrial";
    color: #252525;
  }
  .blog-page-layout .quick-tips-wrapper {
    background-color: #fafafa;
    padding: 50px 0;
    margin-top: 50px;
  }
  .blog-page-layout .quick-tips-wrapper .title {
    text-align: center;
    margin-bottom: 15px;
  }
  .blog-page-layout .quick-tips-wrapper .title p {
    font-family: "Trueno";
    color: #252525;
    line-height: 1;
    font-size: 20px;
  }
}

@media screen and (min-width: 768px) {
  .blog-page-layout .quick-tips-wrapper .title p {
    font-size: 25px;
  }
}

@media screen and (min-width: 992px) {
  .blog-page-layout .quick-tips-wrapper .title p {
    font-size: 30px;
  }
}

@media screen {
  .blog-page-layout .quick-tips-wrapper .description {
    max-width: 580px;
    margin: 0 auto;
  }
  .blog-page-layout .quick-tips-wrapper .description p {
    font-family: "Questrial";
    font-size: 16px;
    color: #252525;
  }
  .blog-page-layout .quick-tips-wrapper .quick-tips-list-wrap {
    margin: 15px -15px;
  }
  .blog-page-layout .quick-tips-wrapper .quick-tips-list-wrap button.slick-arrow {
    display: none !important;
  }
  .blog-page-layout .quick-tips-wrapper .quick-tips-list-wrap .quick-tip-item {
    outline: 0;
    padding: 15px;
    position: relative;
    overflow: hidden;
  }
  .blog-page-layout .quick-tips-wrapper .quick-tips-list-wrap .quick-tip-item a.go-tip {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
  }
  .blog-page-layout .quick-tips-wrapper .quick-tips-list-wrap .quick-tip-item a.go-tips {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
  }
  .blog-page-layout .quick-tips-wrapper .quick-tips-list-wrap .quick-tip-item .content-wrapper {
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);
  }
  .blog-page-layout .quick-tips-wrapper .quick-tips-list-wrap .quick-tip-item .content-wrapper .featured-img {
    width: 100%;
    height: 255px;
    background-size: cover;
    background-position: center center;
  }
  .blog-page-layout .quick-tips-wrapper .quick-tips-list-wrap .quick-tip-item .content-wrapper .content {
    padding: 30px 25px;
  }
  .blog-page-layout .quick-tips-wrapper .quick-tips-list-wrap .quick-tip-item .content-wrapper .content .quick-title a {
    font-size: 18px;
    font-family: "Trueno";
    color: #252525;
  }
  .blog-page-layout .quick-tips-wrapper .quick-tips-list-wrap .quick-tip-item .content-wrapper .content .quick-title a:hover {
    color: #fda50f;
  }
  .blog-page-layout .quick-tips-wrapper .quick-tips-list-wrap .quick-tip-item .content-wrapper .content .blog-content p {
    font-size: 16px;
    font-family: "Questrial";
    color: #252525;
  }
  .find-property-page-layout {
    padding: 50px 0 20px;
  }
  .find-property-page-layout h2 {
    font-family: "Trueno";
  }
  .find-property-page-layout .page-title {
    text-align: center;
    margin-bottom: 15px;
  }
  .find-property-page-layout .page-title p {
    font-family: "Trueno";
    color: #252525;
    line-height: 1;
    font-size: 20px;
  }
}

@media screen and (min-width: 768px) {
  .find-property-page-layout .page-title p {
    font-size: 25px;
  }
}

@media screen and (min-width: 992px) {
  .find-property-page-layout .page-title p {
    font-size: 30px;
  }
}

@media screen {
  .find-property-page-layout .page-description {
    max-width: 580px;
    margin: 0 auto;
  }
  .find-property-page-layout .page-description p {
    text-align: center;
    font-family: "Questrial";
    font-size: 16px;
    color: #252525;
    line-height: 1.9;
  }
  .find-property-page-layout .message-warning {
    margin-bottom: 30px;
  }
  .find-property-page-layout .cities-wrapper {
    padding: 30px 0 0;
  }
  .find-property-page-layout .cities-wrapper .cities-item {
    height: 260px;
    width: 100%;
    overflow: hidden;
    display: block;
    margin-bottom: 30px;
    position: relative;
  }
  .find-property-page-layout .cities-wrapper .cities-item:hover .category-img {
    transform: scale(1.2);
  }
  .find-property-page-layout .cities-wrapper .cities-item .category-img {
    background-size: cover;
    background-position: center center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    transition: all 0.6s ease-out;
  }
  .find-property-page-layout .cities-wrapper .cities-item .category-title {
    position: relative;
    z-index: 1;
    height: 260px;
    display: table-cell;
    vertical-align: middle;
    width: 1%;
    text-align: center;
    padding: 15px 40px;
    background-color: rgba(0, 0, 0, 0.45);
  }
  .find-property-page-layout .cities-wrapper .cities-item .category-title p {
    font-size: 18px;
    font-family: "Trueno";
    color: #fff;
  }
  .property-tour-page {
    padding: 50px 0;
  }
  .property-tour-page .property-page-content .property_tour_title {
    text-align: center;
    margin-bottom: 15px;
  }
  .property-tour-page .property-page-content .property_tour_title p {
    font-family: "Trueno";
    color: #252525;
    line-height: 1;
    font-size: 20px;
  }
}

@media screen and (min-width: 768px) {
  .property-tour-page .property-page-content .property_tour_title p {
    font-size: 25px;
  }
}

@media screen and (min-width: 992px) {
  .property-tour-page .property-page-content .property_tour_title p {
    font-size: 30px;
  }
}

@media screen {
  .property-tour-page .property-page-content .property_tour_description {
    max-width: 685px;
    margin: 0 auto;
    text-align: center;
  }
  .property-tour-page .property-page-content .property_tour_description p {
    font-family: "Questrial";
    font-size: 16px;
    color: #252525;
  }
  .property-tour-page .property-list-wrapper {
    margin-top: 30px;
  }
  .property-tour-page .property-list-wrapper .property-item {
    margin-bottom: 40px;
  }
  .property-tour-page .property-list-wrapper .property-item .featured-thumbnail {
    width: 100%;
    height: 328px;
    background-size: cover;
    background-position: center center;
  }
  .property-tour-page .property-list-wrapper .property-item .featured-thumbnail .play-button {
    display: table-cell;
    vertical-align: middle;
    width: 1%;
    height: 328px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5);
    transition: all 0.6s ease-out;
  }
  .property-tour-page .property-list-wrapper .property-item .featured-thumbnail .play-button:hover {
    background-color: rgba(0, 0, 0, 0.3);
  }
  .property-tour-page .property-list-wrapper .property-item .featured-thumbnail .play-button:hover i {
    color: #fda50f;
  }
  .property-tour-page .property-list-wrapper .property-item .featured-thumbnail .play-button i {
    font-size: 50px;
    color: #fff;
  }
  .property-tour-page .property-list-wrapper .property-item .content-wrap {
    margin-top: 10px;
  }
  .property-tour-page .property-list-wrapper .property-item .content-wrap .title a {
    font-size: 18px;
    font-family: "Trueno";
    color: #252525;
  }
  .property-tour-page .property-list-wrapper .property-item .content-wrap .title a:hover {
    color: #fda50f;
  }
  .property-tour-page .property-list-wrapper .property-item .content-wrap .location-title a {
    color: #b7b7b7;
    font-size: 16px;
    font-family: "Questrial";
  }
  .property-tour-page .property-list-wrapper .property-item .content-wrap .location-title a:hover {
    color: #fda50f;
  }
  .property-tour-page .property-list-wrapper .property-item .content-wrap .excerpt p {
    font-size: 16px;
    font-family: "Questrial";
    color: #252525;
  }
  .single-property-page {
    padding-top: 50px;
  }
  .single-property-page .content-wrapper .description-wrapper .decription strong {
    font-family: "Trueno" !important;
  }
  .single-property-page .content-wrapper .description-wrapper .main-title {
    margin-top: 30px;
  }
  .single-property-page .content-wrapper .description-wrapper .main-title p {
    font-family: "Trueno";
    font-size: 30px;
    color: #252525;
    line-height: 1;
    margin-bottom: 20px;
  }
  .single-property-page .content-wrapper .description-wrapper .location-wrap, .single-property-page .content-wrapper .description-wrapper .decription, .single-property-page .content-wrapper .description-wrapper .land-area, .single-property-page .content-wrapper .description-wrapper .unit-range {
    margin-bottom: 20px;
  }
  .single-property-page .content-wrapper .description-wrapper .title {
    font-family: "Trueno";
    font-size: 18px;
    color: #252525;
  }
  .single-property-page .content-wrapper .description-wrapper p {
    font-family: "Questrial";
    font-size: 18px;
    color: #252525;
    margin-top: 10px;
  }
  .single-property-page .content-wrapper .description-wrapper p a {
    color: #fda50f;
  }
  .single-property-page .content-wrapper .description-wrapper p a:hover {
    text-decoration: underline !important;
  }
  .single-property-page .content-wrapper .description-wrapper p:first-of-type {
    margin-top: 0;
  }
  .single-property-page .content-wrapper .gallery-slider-wrapper .slick-arrow {
    position: absolute;
    z-index: 99999;
    font-size: 25px;
    height: 100%;
    width: 60px;
  }
  .single-property-page .content-wrapper .gallery-slider-wrapper .slick-arrow i.fa-chevron-left {
    position: absolute;
    top: 45%;
    left: -15px;
    font-size: 20px;
    color: #000;
  }
  .single-property-page .content-wrapper .gallery-slider-wrapper .slick-arrow i.fa-chevron-left:hover {
    color: #fda50f;
    cursor: pointer;
  }
  .single-property-page .content-wrapper .gallery-slider-wrapper .slick-arrow i.fa-chevron-left:before {
    padding: 2px 10px 4px 10px;
  }
  .single-property-page .content-wrapper .gallery-slider-wrapper .slick-arrow i.fa-chevron-right {
    position: absolute;
    top: 45%;
    right: -15px;
    font-size: 20px;
    color: #000;
  }
  .single-property-page .content-wrapper .gallery-slider-wrapper .slick-arrow i.fa-chevron-right:hover {
    color: #fda50f;
    cursor: pointer;
  }
  .single-property-page .content-wrapper .gallery-slider-wrapper .slick-arrow i.fa-chevron-right:before {
    padding: 2px 10px 4px 10px;
  }
  .single-property-page .content-wrapper .gallery-slider-wrapper .slick-arrow.slick-arrow-div-right {
    top: 0;
    right: -25px;
  }
  .single-property-page .content-wrapper .gallery-slider-wrapper .slick-arrow.slick-arrow-div-left {
    top: 0;
    left: -25px;
  }
  .single-property-page .content-wrapper .gallery-slider-wrapper .gallery-frame-wrapper .gallery-content {
    position: relative;
    overflow: hidden;
    outline: 0;
    height: 450px !important;
    margin-bottom: 30px;
  }
}

@media screen and (min-width: 768px) {
  .single-property-page .content-wrapper .gallery-slider-wrapper .gallery-frame-wrapper .gallery-content {
    height: 500px;
  }
}

@media screen and (min-width: 992px) {
  .single-property-page .content-wrapper .gallery-slider-wrapper .gallery-frame-wrapper .gallery-content {
    height: 550px;
  }
}

@media screen and (min-width: 1024px) {
  .single-property-page .content-wrapper .gallery-slider-wrapper .gallery-frame-wrapper .gallery-content {
    height: 600px;
  }
}

@media screen and (min-width: 1200px) {
  .single-property-page .content-wrapper .gallery-slider-wrapper .gallery-frame-wrapper .gallery-content {
    height: 683px;
  }
}

@media screen {
  .single-property-page .content-wrapper .gallery-slider-wrapper .gallery-frame-wrapper .gallery-content .description {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 15px;
    background-color: #fda50f;
  }
}

@media screen and (min-width: 768px) {
  .single-property-page .content-wrapper .gallery-slider-wrapper .gallery-frame-wrapper .gallery-content .description {
    bottom: 0;
    top: unset;
  }
}

@media screen {
  .single-property-page .content-wrapper .gallery-slider-wrapper .gallery-frame-wrapper .gallery-content .gallery-item-img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center center;
    background-size: cover;
    z-index: -1;
  }
  .single-property-page .content-wrapper .gallery-slider-wrapper .gallery-frame-wrapper .gallery-item {
    background-size: contain;
    background-position: center center;
    outline: 0;
    cursor: pointer;
    height: 450px;
    background-repeat: no-repeat;
    background-color: rgba(253, 165, 15, 0.3);
  }
}

@media screen and (min-width: 768px) {
  .single-property-page .content-wrapper .gallery-slider-wrapper .gallery-frame-wrapper .gallery-item {
    height: 500px;
  }
}

@media screen and (min-width: 992px) {
  .single-property-page .content-wrapper .gallery-slider-wrapper .gallery-frame-wrapper .gallery-item {
    height: 550px;
  }
}

@media screen and (min-width: 1024px) {
  .single-property-page .content-wrapper .gallery-slider-wrapper .gallery-frame-wrapper .gallery-item {
    height: 600px;
  }
}

@media screen and (min-width: 1200px) {
  .single-property-page .content-wrapper .gallery-slider-wrapper .gallery-frame-wrapper .gallery-item {
    height: 690px;
  }
}

@media screen {
  .single-property-page .content-wrapper .gallery-slider-wrapper .parent-wrapper {
    position: relative;
  }
  .single-property-page .content-wrapper .gallery-slider-wrapper .parent-wrapper .social-media-wrapper {
    position: absolute;
    bottom: 35px;
    right: 15px;
  }
  .single-property-page .content-wrapper .gallery-slider-wrapper .parent-wrapper .social-media-wrapper span {
    color: #ffffff;
    font-size: 16px;
    font-family: "Questrial";
    margin-right: 15px;
  }
  .single-property-page .content-wrapper .gallery-slider-wrapper .parent-wrapper .social-media-wrapper a {
    margin-right: 10px;
  }
  .single-property-page .content-wrapper .gallery-slider-wrapper .parent-wrapper .social-media-wrapper a:last-of-type {
    margin-right: 0;
  }
  .single-property-page .content-wrapper .gallery-slider-wrapper .parent-wrapper .social-media-wrapper a:hover i {
    color: #fda50f;
  }
  .single-property-page .content-wrapper .gallery-slider-wrapper .parent-wrapper .social-media-wrapper a i {
    font-size: 20px;
    color: #ffffff;
  }
  .single-property-page .content-wrapper .gallery-slider-wrapper .gallery-navigation-wrapper {
    margin: 0 -2px;
  }
  .single-property-page .content-wrapper .gallery-slider-wrapper .gallery-navigation-wrapper .gallery-item {
    margin: 4px 2px 0;
    background-size: cover;
    background-position: center center;
    outline: 0;
    cursor: pointer;
    height: 100px;
  }
}

@media screen and (min-width: 992px) {
  .single-property-page .content-wrapper .gallery-slider-wrapper .gallery-navigation-wrapper .gallery-item {
    height: 120px;
  }
}

@media screen and (min-width: 992px) {
  .single-property-page .content-wrapper .gallery-slider-wrapper .gallery-navigation-wrapper .gallery-item {
    height: 140px;
  }
}

@media screen {
  .single-property-page .content-wrapper .detail-wrapper {
    margin-top: 30px;
  }
  .single-property-page .content-wrapper .detail-wrapper .property-title {
    margin-bottom: 20px;
  }
  .single-property-page .content-wrapper .detail-wrapper .property-title p {
    font-size: 18px;
    font-family: "Questrial";
    color: #252525;
  }
  .single-property-page .content-wrapper .detail-wrapper .property-title p strong {
    font-family: "Trueno";
  }
  .single-property-page .content-wrapper .detail-wrapper .title {
    border-bottom: 2px solid #fda50f;
  }
  .single-property-page .content-wrapper .detail-wrapper .title p {
    font-size: 18px;
    font-family: "Trueno";
    color: #252525;
    padding: 5px;
  }
  .single-property-page .content-wrapper .detail-wrapper .value {
    padding-top: 8px;
  }
  .single-property-page .content-wrapper .detail-wrapper .value p {
    font-size: 16px;
    font-family: "Questrial";
    color: #252525;
  }
  .single-property-page .content-wrapper .detail-wrapper .value p strong {
    font-family: "Trueno";
  }
  .single-property-page .content-wrapper .video-wrapper {
    margin-top: 40px;
    margin-bottom: 30px;
  }
  .single-property-page .content-wrapper .video-wrapper .featured-thumbnail {
    width: 100%;
    background-size: cover;
    background-position: center center;
    height: 400px;
  }
}

@media screen and (min-width: 768px) {
  .single-property-page .content-wrapper .video-wrapper .featured-thumbnail {
    height: 450px;
  }
}

@media screen and (min-width: 992px) {
  .single-property-page .content-wrapper .video-wrapper .featured-thumbnail {
    height: 500px;
  }
}

@media screen and (min-width: 1200px) {
  .single-property-page .content-wrapper .video-wrapper .featured-thumbnail {
    height: 560px;
  }
}

@media screen {
  .single-property-page .content-wrapper .video-wrapper .featured-thumbnail .play-button {
    display: table-cell;
    vertical-align: middle;
    width: 1%;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5);
    transition: all 0.6s ease-out;
    height: 400px;
  }
}

@media screen and (min-width: 768px) {
  .single-property-page .content-wrapper .video-wrapper .featured-thumbnail .play-button {
    height: 450px;
  }
}

@media screen and (min-width: 992px) {
  .single-property-page .content-wrapper .video-wrapper .featured-thumbnail .play-button {
    height: 500px;
  }
}

@media screen and (min-width: 1200px) {
  .single-property-page .content-wrapper .video-wrapper .featured-thumbnail .play-button {
    height: 560px;
  }
}

@media screen {
  .single-property-page .content-wrapper .video-wrapper .featured-thumbnail .play-button:hover {
    background-color: rgba(0, 0, 0, 0.3);
  }
  .single-property-page .content-wrapper .video-wrapper .featured-thumbnail .play-button:hover i {
    color: #fda50f;
  }
  .single-property-page .content-wrapper .video-wrapper .featured-thumbnail .play-button i {
    font-size: 50px;
    color: #fff;
  }
  .single-property-page .content-wrapper .information-wrappers .upper-content .contact_info_title {
    text-align: center;
  }
  .single-property-page .content-wrapper .information-wrappers .upper-content .contact_info_title p {
    font-family: "Trueno";
    color: #252525;
    font-size: 20px;
  }
}

@media screen and (min-width: 768px) {
  .single-property-page .content-wrapper .information-wrappers .upper-content .contact_info_title p {
    font-size: 25px;
  }
}

@media screen and (min-width: 992px) {
  .single-property-page .content-wrapper .information-wrappers .upper-content .contact_info_title p {
    font-size: 30px;
  }
}

@media screen {
  .single-property-page .content-wrapper .information-wrappers .upper-content .contact_info_description {
    text-align: center;
    max-width: 880px;
    margin: 0 auto;
  }
  .single-property-page .content-wrapper .information-wrappers .upper-content .contact_info_description p {
    font-family: "Questrial";
    font-size: 16px;
    color: #252525;
  }
  .single-property-page .content-wrapper .information-wrappers .information-list {
    margin-top: 30px;
  }
  .single-property-page .content-wrapper .information-wrappers .information-list.add-margin .information-item-wrapper {
    margin-bottom: 15px;
  }
}

@media screen and (min-width: 768px) {
  .single-property-page .content-wrapper .information-wrappers .information-list.add-margin .information-item-wrapper {
    margin-bottom: 30px !important;
  }
}

@media screen {
  .single-property-page .content-wrapper .information-wrappers .information-list .information-item-wrapper {
    margin-bottom: 15px;
  }
}

@media screen and (min-width: 992px) {
  .single-property-page .content-wrapper .information-wrappers .information-list .information-item-wrapper {
    margin-bottom: 0;
  }
}

@media screen {
  .single-property-page .content-wrapper .information-wrappers .information-list .information-item-wrapper .information-item {
    padding: 10px 60px 20px;
    text-align: center;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    height: 275px;
    display: table-cell;
    vertical-align: top;
    width: 1%;
  }
  .single-property-page .content-wrapper .information-wrappers .information-list .information-item-wrapper .information-item .title {
    margin-top: 10px;
  }
  .single-property-page .content-wrapper .information-wrappers .information-list .information-item-wrapper .information-item .title p {
    font-family: "Trueno";
    font-size: 18px;
    color: #252525;
  }
  .single-property-page .content-wrapper .information-wrappers .information-list .information-item-wrapper .information-item .description {
    margin-top: 10px;
  }
  .single-property-page .content-wrapper .information-wrappers .information-list .information-item-wrapper .information-item .description p {
    font-family: "Questrial";
    font-size: 16px;
    color: #252525;
  }
  .single-property-page .navpills-wrapper {
    padding-top: 50px;
    text-align: center;
    position: relative;
    overflow: hidden;
    width: 100%;
  }
  .single-property-page .navpills-wrapper .tab-title-wrapper {
    column-gap: 30px;
  }
  .single-property-page .navpills-wrapper .item-title {
    text-align: center;
    border-radius: 50px;
    border: 1px solid #fda50f;
    padding: 10px 20px;
    cursor: pointer;
    background-color: #fff;
    margin-bottom: 10px;
    box-sizing: border-box;
    break-inside: avoid;
  }
  .single-property-page .navpills-wrapper .item-title.active-now {
    background-color: #fda50f;
  }
  .single-property-page .navpills-wrapper .item-title.active-now p {
    color: #fff;
  }
  .single-property-page .navpills-wrapper .item-title:hover {
    background-color: #fda50f;
  }
  .single-property-page .navpills-wrapper .item-title:hover p {
    color: #fff;
  }
  .single-property-page .navpills-wrapper .item-title p {
    font-family: "Questrial";
    font-size: 16px;
    color: #fda50f;
    text-transform: uppercase;
    display: table-cell;
    text-align: center;
    width: 1%;
    vertical-align: middle;
  }
  .single-property-page .navpills-wrapper .item-content {
    margin-top: 30px;
    margin-bottom: 50px;
    text-align: left;
    font-family: "Questrial";
    font-size: 16px;
    display: none;
  }
  .single-property-page .navpills-wrapper .item-content.active-content {
    display: block;
  }
  .single-property-page .navpills-wrapper .item-content p {
    font-size: 16px;
  }
  .single-property-page .navpills-wrapper .item-content p strong {
    font-size: 18px;
    color: #252525;
    font-family: "Trueno";
  }
  .single-property-page .navpills-wrapper .item-content ul {
    list-style-type: none;
  }
  .single-property-page .navpills-wrapper .item-content ul li:before {
    content: "";
    position: absolute;
    height: 6px;
    width: 6px;
    border-radius: 6px;
    background-color: #fda50f;
    left: -17px;
    top: 8px;
  }
  .single-property-page .navpills-wrapper .item-content ul, .single-property-page .navpills-wrapper .item-content ol {
    margin-top: 10px;
    padding-left: 20px;
  }
  .single-property-page .navpills-wrapper .item-content ul li, .single-property-page .navpills-wrapper .item-content ol li {
    position: relative;
    font-size: 16px;
  }
  .single-property-page .navpills-wrapper .item-content .gallery img {
    margin: 0 0 20px !important;
  }
  .single-property-page .single-property-inquire-section {
    margin-top: 50px;
    padding: 50px 0;
    background-size: cover;
    background-position: center center;
  }
  .single-property-page .single-property-inquire-section .inquire-form-wrapper .title {
    margin-bottom: 15px;
  }
  .single-property-page .single-property-inquire-section .inquire-form-wrapper .title p {
    font-size: 30px;
    font-family: "Trueno";
    color: #fff;
  }
  .single-property-page .single-property-inquire-section .inquire-form-wrapper .inquire-wrapper form .submitbtn-form {
    margin-top: 10px;
    cursor: pointer;
    position: relative;
    height: 50px;
    width: 250px;
    display: inline-block;
    background-color: #fda50f;
    border: 1px solid #fda50f;
    border-radius: 50px;
    transition: all 0.6s ease-out;
    overflow: hidden;
  }
  .single-property-page .single-property-inquire-section .inquire-form-wrapper .inquire-wrapper form .submitbtn-form:hover {
    background-color: #fff !important;
  }
  .single-property-page .single-property-inquire-section .inquire-form-wrapper .inquire-wrapper form .submitbtn-form:hover .wpcf7-submit {
    color: #fda50f;
  }
  .single-property-page .single-property-inquire-section .inquire-form-wrapper .inquire-wrapper form .submitbtn-form:hover i {
    background-color: #fda50f;
  }
  .single-property-page .single-property-inquire-section .inquire-form-wrapper .inquire-wrapper form .submitbtn-form i {
    transition: all 0.6s ease-out;
    position: absolute;
    background-color: #fff;
    color: #252525;
    font-size: 20px;
    padding: 11px 15px;
    border-radius: 25px;
    right: 5px;
    top: 3px;
  }
  .single-property-page .single-property-inquire-section .inquire-form-wrapper .inquire-wrapper form input, .single-property-page .single-property-inquire-section .inquire-form-wrapper .inquire-wrapper form select {
    width: 100%;
    height: 45px;
    padding: 0 15px;
    outline: 0;
    border: 1px solid #d7d7d7;
    border-radius: 0;
    margin-bottom: 10px;
    background-color: #fff;
  }
  .single-property-page .single-property-inquire-section .inquire-form-wrapper .inquire-wrapper form input.wpcf7-submit, .single-property-page .single-property-inquire-section .inquire-form-wrapper .inquire-wrapper form select.wpcf7-submit {
    cursor: pointer;
    height: 100%;
    margin-bottom: 0;
    background-color: transparent;
    border: 0;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    text-align: left;
    color: #fff;
    font-family: "Questrial";
    font-size: 16px;
    letter-spacing: 1px;
    z-index: 1;
  }
  .single-property-page .single-property-inquire-section .inquire-form-wrapper .inquire-wrapper form textarea {
    padding: 15px;
    height: 115px;
    outline: 0;
    border: 1px solid #d7d7d7;
    border-radius: 0;
    margin-bottom: 10px;
  }
  .single-property-page .related-projects-wrapper {
    padding: 50px 0;
  }
  .single-property-page .related-projects-wrapper .section-title {
    text-align: center;
  }
  .single-property-page .related-projects-wrapper .section-title p {
    font-family: "Trueno";
    color: #252525;
    font-size: 20px;
  }
}

@media screen and (min-width: 768px) {
  .single-property-page .related-projects-wrapper .section-title p {
    font-size: 25px;
  }
}

@media screen and (min-width: 992px) {
  .single-property-page .related-projects-wrapper .section-title p {
    font-size: 30px;
  }
}

@media screen {
  .single-property-page .related-projects-wrapper .related-wrapper {
    margin: 0 -15px;
  }
  .single-property-page .related-projects-wrapper .related-wrapper .related-item {
    outline: 0;
    padding: 15px;
  }
  .single-property-page .related-projects-wrapper .related-wrapper .related-item .featured-img {
    background-size: cover;
    background-position: center center;
  }
  .single-property-page .related-projects-wrapper .related-wrapper .related-item .featured-img .related-title {
    display: table-cell;
    vertical-align: middle;
    width: 1%;
    height: 265px;
    padding: 30px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5);
  }
  .single-property-page .related-projects-wrapper .related-wrapper .related-item .featured-img .related-title .title {
    font-size: 18px;
    font-family: "Trueno";
    color: #fff;
  }
  .single-property-page .related-projects-wrapper .related-wrapper button.slick-arrow {
    display: none !important;
  }
  .search-form-container {
    margin-top: 30px;
  }
  .search-form-container .search-result {
    margin-top: 5px;
    font-family: "Questrial";
    color: #fff;
    font-size: 16px;
  }
  .search-form-container form {
    position: relative;
  }
}

@media screen and (max-width: 991px) {
  .search-form-container form {
    max-width: 560px;
    margin: 0 auto;
  }
}

@media screen {
  .search-form-container form .submit-btn {
    position: relative;
    margin-top: 30px;
  }
}

@media screen and (min-width: 992px) {
  .search-form-container form .submit-btn {
    margin-top: 0;
    position: absolute;
    top: 0;
    right: 0;
  }
}

@media screen {
  .search-form-container form .submit-btn button.btn-submit {
    outline: none;
    overflow: hidden;
    height: 45px;
    border-radius: 50px;
    border: 1px solid #fda50f;
    background-color: #fda50f;
    cursor: pointer;
    width: 100px;
  }
}

@media screen and (min-width: 992px) {
  .search-form-container form .submit-btn button.btn-submit {
    width: 65px;
  }
}

@media screen and (min-width: 1024px) {
  .search-form-container form .submit-btn button.btn-submit {
    width: 70px;
  }
}

@media screen and (min-width: 1200px) {
  .search-form-container form .submit-btn button.btn-submit {
    width: 80px;
  }
}

@media screen {
  .search-form-container form .submit-btn button.btn-submit:hover {
    background-color: #ffffff;
  }
  .search-form-container form .submit-btn button.btn-submit:hover i {
    color: #fda50f;
  }
  .search-form-container form .submit-btn button.btn-submit i {
    color: #ffffff;
    font-size: 20px;
  }
  .search-form-container form .input-wrapper {
    width: 100%;
  }
}

@media screen and (min-width: 992px) {
  .search-form-container form .input-wrapper {
    height: 45px;
  }
}

@media screen {
  .search-form-container form .input-wrapper span.field-wrap {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 5px;
  }
}

@media screen and (min-width: 768px) {
  .search-form-container form .input-wrapper span.field-wrap {
    float: left;
    width: 33%;
  }
}

@media screen and (min-width: 992px) {
  .search-form-container form .input-wrapper span.field-wrap {
    padding: 0 5px 0 0;
  }
}

@media screen and (min-width: 992px) {
  .search-form-container form .input-wrapper span.field-wrap:last-of-type {
    padding: 0;
  }
}

@media screen {
  .search-form-container form .input-wrapper span.field-wrap input, .search-form-container form .input-wrapper span.field-wrap select {
    background-color: #ffffff;
    width: 100%;
    height: 45px;
    padding: 0 15px;
    outline: 0;
    border: 1px solid #d7d7d7;
    font-size: 16px;
    font-family: "Questrial";
    color: #b0b0b0 !important;
  }
}

@media screen and (min-width: 1024px) {
  .search-result-contain {
    height: 715px;
  }
}

@media screen and (min-width: 1024px) {
  .search-result-contain .search-result-container, .search-result-contain .search-map {
    width: 50%;
    display: inline-block;
    float: left;
  }
}

@media screen {
  .search-result-contain .search-result-container {
    padding: 30px 15px;
    background-color: #f9f9f9;
  }
}

@media screen and (min-width: 1024px) {
  .search-result-contain .search-result-container {
    max-height: 715px;
    overflow-y: auto;
  }
}

@media screen {
  .search-result-contain .search-result-container h2 {
    margin-bottom: 20px;
  }
  .search-result-contain .search-result-container h2, .search-result-contain .search-result-container h3 {
    font-size: 18px;
    color: #252525;
    font-family: "Trueno";
  }
  .search-result-contain .search-result-container::-webkit-scrollbar-track {
    background-color: #cccccc;
  }
  .search-result-contain .search-result-container::-webkit-scrollbar {
    width: 10px;
    background-color: #cccccc;
  }
  .search-result-contain .search-result-container::-webkit-scrollbar-thumb {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1, #959595), color-stop(1, #959595), color-stop(1, #959595));
  }
}

@media screen and (max-width: 1023px) {
  .search-result-contain .search-result-container .search-scrolled {
    max-height: 343px;
    overflow-y: auto;
  }
}

@media screen {
  .search-result-contain .search-result-container .search-scrolled::-webkit-scrollbar-track {
    background-color: #cccccc;
  }
  .search-result-contain .search-result-container .search-scrolled::-webkit-scrollbar {
    width: 10px;
    background-color: #cccccc;
  }
  .search-result-contain .search-result-container .search-scrolled::-webkit-scrollbar-thumb {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1, #959595), color-stop(1, #959595), color-stop(1, #959595));
  }
  .search-result-contain .search-result-container .search-scrolled .search-item {
    background-color: #ffffff;
    -webkit-column-break-inside: avoid;
    border: 1px solid #efefef;
    break-inside: avoid;
    margin-bottom: 15px;
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    width: 100%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .search-result-contain .search-result-container .search-scrolled .search-item {
    width: 49%;
  }
}

@media screen and (min-width: 1200px) {
  .search-result-contain .search-result-container .search-scrolled .search-item {
    width: 33%;
  }
}

@media screen {
  .search-result-contain .search-result-container .search-scrolled .search-item .search-item-contain a {
    display: block;
  }
  .search-result-contain .search-result-container .search-scrolled .search-item .search-item-contain a .search-image .image {
    height: 153px;
    background-size: cover;
    background-position: center center;
  }
  .search-result-contain .search-result-container .search-scrolled .search-item .search-item-contain a .search-description {
    padding: 10px;
  }
  .search-result-contain .search-result-container .search-scrolled .search-item .search-item-contain a .search-description h3, .search-result-contain .search-result-container .search-scrolled .search-item .search-item-contain a .search-description .location-details, .search-result-contain .search-result-container .search-scrolled .search-item .search-item-contain a .search-description .property-details, .search-result-contain .search-result-container .search-scrolled .search-item .search-item-contain a .search-description .price-range {
    color: #252525;
  }
  .search-result-contain .search-result-container .search-scrolled .search-item .search-item-contain a .search-description h3 p, .search-result-contain .search-result-container .search-scrolled .search-item .search-item-contain a .search-description .location-details p, .search-result-contain .search-result-container .search-scrolled .search-item .search-item-contain a .search-description .property-details p, .search-result-contain .search-result-container .search-scrolled .search-item .search-item-contain a .search-description .price-range p {
    color: #252525;
  }
  .search-result-contain .search-result-container .search-scrolled .search-item .search-item-contain a .search-description .price-range {
    font-size: 16px;
  }
  .search-result-contain .search-map .acf-map-property {
    height: 715px;
    margin: 0 !important;
  }
  .search-page-layout {
    padding: 50px 0 30px;
  }
  .search-page-layout .wrapper {
    padding-bottom: 50px;
    text-align: center;
  }
  .search-page-layout .wrapper .counter-result {
    font-size: 18px;
    color: #252525;
    font-family: "Trueno";
  }
  .search-page-layout .search-item-wrapper {
    position: relative;
    margin-bottom: 30px !important;
  }
  .search-page-layout .search-item-wrapper .category-tag {
    position: absolute;
    right: -5px;
    top: -5px;
    z-index: 2;
  }
  .search-page-layout .search-item-wrapper .category-tag.tourcategory {
    background-image: url("../img/green-tag.png");
  }
  .search-page-layout .search-item-wrapper .category-tag.blogcategory {
    background-image: url("../img/blue-tag.png");
  }
  .search-page-layout .search-item-wrapper .category-tag.propcategory {
    background-image: url("../img/yellow-tag.png");
  }
  .search-page-layout .search-item-wrapper .category-tag .cat-title {
    position: relative;
    height: 110px;
    width: 110px;
  }
  .search-page-layout .search-item-wrapper .category-tag .cat-title .title-wrapper {
    position: absolute;
    left: 39%;
    transform: rotate(45deg);
    bottom: 50%;
    height: 40px;
    width: 65px;
  }
  .search-page-layout .search-item-wrapper .category-tag .cat-title p {
    display: table-cell;
    height: 40px;
    width: 1%;
    vertical-align: middle;
    font-size: 14px;
    text-align: center;
    color: #252525;
    font-family: "Questrial";
  }
  .search-page-layout .search-item {
    overflow: hidden;
    height: 265px;
    display: block;
    position: relative;
  }
  .search-page-layout .search-item:hover .search-bg {
    transform: scale(1.2);
  }
  .search-page-layout .search-item:hover .title {
    background-color: transparent;
  }
  .search-page-layout .search-item:hover .title .play-button i {
    color: #fda50f;
  }
  .search-page-layout .search-item .search-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background-size: cover;
    background-position: center center;
    transition: all 0.6s ease-out;
  }
  .search-page-layout .search-item .title {
    position: relative;
    z-index: 1;
    padding: 0 50px;
    height: 265px;
    display: table-cell;
    vertical-align: middle;
    width: 1%;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5);
    transition: all 0.6s ease-out;
  }
  .search-page-layout .search-item .title p {
    font-size: 18px;
    color: #fff;
    font-family: "Trueno";
  }
  .search-page-layout .search-item .title .play-button i {
    color: #ffffff;
    font-size: 50px;
  }
  .global-search-form {
    position: relative;
    z-index: 99999999999999999;
    margin-top: 15px;
    text-align: center;
    padding: 0 15px;
  }
  .global-search-form form {
    max-width: 345px;
    margin: 0 auto;
    border: 1px solid #252525;
    position: relative;
  }
  .global-search-form form input {
    width: 100%;
    height: 40px;
    border: 0;
    padding: 0 50px 0 15px;
  }
  .global-search-form form button.btn-submit {
    position: absolute;
    top: 0;
    right: 0;
    height: 40px;
    background-color: #fda50f;
    padding: 0 15px;
    border-left: 1px solid #252525 !important;
    border: 0;
    cursor: pointer;
  }
  .global-search-form form button.btn-submit:hover {
    background-color: #ffffff;
  }
  .global-search-form form button.btn-submit:hover i {
    color: #fda50f;
  }
  .global-search-form form button.btn-submit i {
    color: #ffffff;
  }
  .spinner {
    margin: 100px auto;
    width: 40px;
    height: 40px;
    position: relative;
    text-align: center;
    animation: sk-rotate 2.0s infinite linear;
  }
  .dot1, .dot2 {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: #fda50f;
    border-radius: 100%;
    animation: sk-bounce 2.0s infinite ease-in-out;
  }
  .dot2 {
    top: auto;
    bottom: 0;
    animation-delay: -1.0s;
  }
  @keyframes sk-rotate {
    100% {
      transform: rotate(360deg);
      -webkit-transform: rotate(360deg);
    }
  }
  @keyframes sk-bounce {
    0%, 100% {
      transform: scale(0);
      -webkit-transform: scale(0);
    }
    50% {
      transform: scale(1);
      -webkit-transform: scale(1);
    }
  }
}

@media screen {
  .gm-style .gm-style-iw {
    background-color: #ffffff;
    display: block !important;
    height: 350px !important;
    left: 0 !important;
    top: 0 !important;
    width: 203px !important;
  }
  .gm-style .gm-style-iw + div {
    display: block !important;
    right: 60px !important;
    top: 5px !important;
  }
  .gm-style .gm-style-iw > div {
    display: block !important;
    height: 350px !important;
    overflow: hidden !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  .gm-style .gm-style-iw > div > div {
    display: block !important;
    overflow: hidden !important;
    height: 100%;
  }
  .gm-style .gm-style-iw .search-item-contain {
    background-color: #ffffff;
    display: block !important;
  }
  .gm-style .gm-style-iw .search-item-contain a {
    display: block;
  }
  .gm-style .gm-style-iw .search-item-contain a:hover .search-image:after {
    background-color: rgba(0, 0, 0, 0.5);
  }
  .gm-style .gm-style-iw .search-item-contain a .search-image {
    display: block !important;
    position: relative;
  }
  .gm-style .gm-style-iw .search-item-contain a .search-image:after {
    background-color: rgba(0, 0, 0, 0);
    content: '';
    left: 0;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    transition: all 0.3s;
  }
  .gm-style .gm-style-iw .search-item-contain a .search-image .image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    display: block !important;
    height: 146px;
  }
  .gm-style .gm-style-iw .search-item-contain a .search-description {
    display: block !important;
    padding-bottom: 25px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 25px;
  }
}

@media screen and (min-width: 768px) {
  .gm-style .gm-style-iw .search-item-contain a .search-description {
    padding-bottom: 35px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 35px;
  }
}

@media screen {
  .gm-style .gm-style-iw .search-item-contain a .search-description h3 {
    color: #252525;
    font-family: "Questrial";
    font-size: 12px;
    line-height: 1.7;
  }
}

@media screen and (min-width: 768px) {
  .gm-style .gm-style-iw .search-item-contain a .search-description h3 {
    font-size: 14px;
  }
}

@media screen {
  .gm-style .gm-style-iw .search-item-contain a .search-description .price-range {
    color: #252525;
    display: block !important;
    font-family: "Trueno";
    font-size: 12px;
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 768) {
  .gm-style .gm-style-iw .search-item-contain a .search-description .price-range {
    font-size: 14px;
  }
}

@media screen {
  .gm-style .gm-style-iw .search-item-contain a .search-description .property-details {
    color: #252525;
    display: block !important;
    font-family: "Questrial";
    font-size: 12px;
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 768) {
  .gm-style .gm-style-iw .search-item-contain a .search-description .property-details {
    font-size: 14px;
  }
}

@media screen {
  .gm-style .gm-style-iw .search-item-contain a .search-description .location-details {
    color: #252525;
    display: block !important;
    font-family: "Questrial";
    font-size: 12px;
  }
}

@media screen and (min-width: 768) {
  .gm-style .gm-style-iw .search-item-contain a .search-description .location-details {
    font-size: 14px;
  }
}

@media screen {
  .table-wrapper-parent-wrap {
    margin-top: 30px;
  }
  .table-wrapper-parent-wrap .table-wrapper-parent .tg {
    border-collapse: collapse;
    border-spacing: 0;
  }
  .table-wrapper-parent-wrap .table-wrapper-parent .tg td {
    padding: 5px;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    word-break: normal;
    border-color: black;
  }
  .table-wrapper-parent-wrap .table-wrapper-parent .tg td.table-value {
    background-color: #ffffff;
    border-color: #f8a102;
    text-align: left;
    vertical-align: top;
    font-size: 16px;
  }
  .table-wrapper-parent-wrap .table-wrapper-parent .tg td.table-title {
    background-color: #ffcc67;
    border-color: #f8a102;
    text-align: left;
    font-family: "Trueno";
    font-size: 18px;
  }
  .table-wrapper-parent-wrap .table-wrapper-parent .tg th {
    font-weight: normal;
    padding: 5px;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    word-break: normal;
    border-color: black;
  }
  .table-wrapper-parent-wrap .table-wrapper-parent .tg th.table-value {
    background-color: #ffffff;
    border-color: #f8a102;
    text-align: left;
    vertical-align: top;
    font-family: "Questrial";
    font-size: 16px;
  }
  .table-wrapper-parent-wrap .table-wrapper-parent .tg th.table-title {
    background-color: #ffcc67;
    border-color: #f8a102;
    text-align: left;
    font-family: "Trueno";
    font-size: 18px;
  }
}

@media screen {
  .gm-style img[src="https://maps.gstatic.com/mapfiles/api-3/images/mapcnt6.png"] {
    display: none !important;
  }
  .gm-style .gm-style-iw {
    background-color: #ffffff;
    width: 320px !important;
    top: 30px !important;
  }
  .gm-style .gm-style-iw .marker-container {
    display: block;
    width: 100%;
  }
  .gm-style .gm-style-iw .marker-container a {
    display: block;
  }
  .gm-style .gm-style-iw .marker-container a .property-image {
    display: block;
    width: 100%;
  }
  .gm-style .gm-style-iw .marker-container a .property-image img {
    height: auto;
    width: 100%;
  }
  .gm-style .gm-style-iw .marker-container a .property-description {
    padding: 15px 13px;
  }
  .gm-style .gm-style-iw .marker-container a .property-description h3 {
    color: #3a4659;
    font-family: "open_sansregular";
    font-size: 12px;
    line-height: 1.5;
  }
}

@media screen and (min-width: 768px) {
  .gm-style .gm-style-iw .marker-container a .property-description h3 {
    font-size: 14px;
  }
}

@media screen {
  .gm-style .gm-style-iw .marker-container a .property-description h4 {
    color: #8593a9;
    font-size: 12px;
    font-family: "open_sanslight";
    margin-top: 15px;
  }
  .gm-style .gm-style-iw .marker-container a .bottom-description {
    border-top: 1px solid #eef3f6;
    padding: 15px 13px;
  }
  .gm-style .gm-style-iw .marker-container a .bottom-description:after {
    content: '';
    clear: both;
    display: block;
  }
  .gm-style .gm-style-iw .marker-container a .bottom-description .price {
    color: #8593a9;
    font-family: "open_sanssemibold";
    font-size: 12px;
    float: left;
  }
  .gm-style .gm-style-iw .marker-container a .bottom-description .price .currency {
    display: inline-block;
    color: #f8a102;
    font-size: 13px;
  }
  .gm-style .gm-style-iw .marker-container a .bottom-description ul {
    display: inline-block;
    padding: 0;
    float: right;
  }
  .gm-style .gm-style-iw .marker-container a .bottom-description ul li {
    display: inline-block;
    color: #f8a102;
    font-family: "open_sanslight";
    font-size: 12px;
    margin-right: 10px;
  }
  .gm-style .gm-style-iw .marker-container a .bottom-description ul li:last-child {
    margin-right: 0;
  }
  .gm-style .gm-style-iw .marker-container a .bottom-description ul li i {
    color: #d0d0d0;
    margin-right: 3px;
  }
}

@font-face {
  font-family: 'bebasneue_regular';
  font-display: swap;
  src: url("../fonts/font-bebas/bebasneue_regular.otf");
  src: url("../fonts/font-bebas/bebasneue_regular.woff2") format("woff2"), url("../fonts/font-bebas/bebasneue_regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'bebasneue_bold';
  font-display: swap;
  src: url("../fonts/font-bebas/bebasneue_bold.otf");
  src: url("../fonts/font-bebas/bebasneue_bold.woff2") format("woff2"), url("../fonts/font-bebas/bebasneue_bold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'bebasneue_book';
  font-display: swap;
  src: url("../fonts/font-bebas/bebasneue_book.otf");
  src: url("../fonts/font-bebas/bebasneue_book.woff2") format("woff2"), url("../fonts/font-bebas/bebasneue_book.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'bebasneue_light';
  font-display: swap;
  src: url("../fonts/font-bebas/bebasneue_light.otf");
  src: url("../fonts/font-bebas/bebasneue_light.woff2") format("woff2"), url("../fonts/font-bebas/bebasneue_light.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: optional;
}

@font-face {
  font-family: 'bebasneue_thin';
  font-display: swap;
  src: url("../fonts/font-bebas/bebasneue_thin.otf");
  src: url("../fonts/font-bebas/bebasneue_thin.woff2") format("woff2"), url("../fonts/font-bebas/bebasneue_thin.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'open_sansbold';
  font-display: swap;
  src: url("../fonts/font-opensans/opensans-bold-webfont.eot");
  src: url("../fonts/font-opensans/opensans-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/font-opensans/opensans-bold-webfont.woff2") format("woff2"), url("../fonts/font-opensans/opensans-bold-webfont.woff") format("woff"), url("../fonts/font-opensans/opensans-bold-webfont.ttf") format("truetype"), url("../fonts/font-opensans/opensans-bold-webfont.svg#open_sansbold") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'open_sansitalic';
  font-display: swap;
  src: url("../fonts/font-opensans/opensans-italic-webfont.eot");
  src: url("../fonts/font-opensans/opensans-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/font-opensans/opensans-italic-webfont.woff2") format("woff2"), url("../fonts/font-opensans/opensans-italic-webfont.woff") format("woff"), url("../fonts/font-opensans/opensans-italic-webfont.ttf") format("truetype"), url("../fonts/font-opensans/opensans-italic-webfont.svg#open_sansitalic") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'open_sanslight';
  font-display: swap;
  src: url("../fonts/font-opensans/opensans-light-webfont.eot");
  src: url("../fonts/font-opensans/opensans-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/font-opensans/opensans-light-webfont.woff2") format("woff2"), url("../fonts/font-opensans/opensans-light-webfont.woff") format("woff"), url("../fonts/font-opensans/opensans-light-webfont.ttf") format("truetype"), url("../fonts/font-opensans/opensans-light-webfont.svg#open_sanslight") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'open_sansregular';
  font-display: swap;
  src: url("../fonts/font-opensans/opensans-regular-webfont.eot");
  src: url("../fonts/font-opensans/opensans-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/font-opensans/opensans-regular-webfont.woff2") format("woff2"), url("../fonts/font-opensans/opensans-regular-webfont.woff") format("woff"), url("../fonts/font-opensans/opensans-regular-webfont.ttf") format("truetype"), url("../fonts/font-opensans/opensans-regular-webfont.svg#open_sansregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'open_sanssemibold';
  font-display: swap;
  src: url("../fonts/font-opensans/opensans-semibold-webfont.eot");
  src: url("../fonts/font-opensans/opensans-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/font-opensans/opensans-semibold-webfont.woff2") format("woff2"), url("../fonts/font-opensans/opensans-semibold-webfont.woff") format("woff"), url("../fonts/font-opensans/opensans-semibold-webfont.ttf") format("truetype"), url("../fonts/font-opensans/opensans-semibold-webfont.svg#open_sanssemibold") format("svg");
  font-weight: normal;
  font-style: normal;
}

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

.animated.hinge {
  animation-duration: 2s;
}

.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
  animation-duration: .75s;
}

@keyframes bounce {
  0%, 20%, 53%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translateZ(0);
  }
  40%, 43% {
    transform: translate3d(0, -30px, 0);
  }
  40%, 43%, 70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  }
  70% {
    transform: translate3d(0, -15px, 0);
  }
  90% {
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}

@keyframes flash {
  0%, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}

.flash {
  animation-name: flash;
}

@keyframes pulse {
  0% {
    transform: scaleX(1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    transform: scaleX(1);
  }
}

.pulse {
  animation-name: pulse;
}

@keyframes rubberBand {
  0% {
    transform: scaleX(1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    transform: scaleX(1);
  }
}

.rubberBand {
  animation-name: rubberBand;
}

@keyframes shake {
  0%, to {
    transform: translateZ(0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  animation-name: shake;
}

@keyframes headShake {
  0% {
    transform: translateX(0);
  }
  6.5% {
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    transform: translateX(0);
  }
}

.headShake {
  animation-timing-function: ease-in-out;
  animation-name: headShake;
}

@keyframes swing {
  20% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  to {
    transform: rotate(0deg);
  }
}

.swing {
  transform-origin: top center;
  animation-name: swing;
}

@keyframes tada {
  0% {
    transform: scaleX(1);
  }
  10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }
  to {
    transform: scaleX(1);
  }
}

.tada {
  animation-name: tada;
}

@keyframes wobble {
  0% {
    transform: none;
  }
  15% {
    transform: translate3d(-25%, 0, 0) rotate(-5deg);
  }
  30% {
    transform: translate3d(20%, 0, 0) rotate(3deg);
  }
  45% {
    transform: translate3d(-15%, 0, 0) rotate(-3deg);
  }
  60% {
    transform: translate3d(10%, 0, 0) rotate(2deg);
  }
  75% {
    transform: translate3d(-5%, 0, 0) rotate(-1deg);
  }
  to {
    transform: none;
  }
}

.wobble {
  animation-name: wobble;
}

@keyframes jello {
  0%, 11.1%, to {
    transform: none;
  }
  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    transform: skewX(0.39062deg) skewY(0.39062deg);
  }
  88.8% {
    transform: skewX(-0.19531deg) skewY(-0.19531deg);
  }
}

.jello {
  animation-name: jello;
  transform-origin: center;
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    transform: scaleX(1);
  }
}

.bounceIn {
  animation-name: bounceIn;
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}

.bounceInDown {
  animation-name: bounceInDown;
}

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}

.bounceInLeft {
  animation-name: bounceInLeft;
}

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}

.bounceInRight {
  animation-name: bounceInRight;
}

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translateZ(0);
  }
}

.bounceInUp {
  animation-name: bounceInUp;
}

@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.bounceOut {
  animation-name: bounceOut;
}

@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  animation-name: bounceOutDown;
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  animation-name: bounceOutLeft;
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  animation-name: bounceOutRight;
}

@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  animation-name: bounceOutUp;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.fadeIn {
  animation-name: fadeIn;
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInDown {
  animation-name: fadeInDown;
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInDownBig {
  animation-name: fadeInDownBig;
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInLeft {
  animation-name: fadeInLeft;
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInLeftBig {
  animation-name: fadeInLeftBig;
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInRight {
  animation-name: fadeInRight;
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInRightBig {
  animation-name: fadeInRightBig;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInUp {
  animation-name: fadeInUp;
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInUpBig {
  animation-name: fadeInUpBig;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  animation-name: fadeOutDown;
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  animation-name: fadeOutDownBig;
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  animation-name: fadeOutLeft;
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  animation-name: fadeOutRight;
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  animation-name: fadeOutRightBig;
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  animation-name: fadeOutUp;
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  animation-name: fadeOutUpBig;
}

@keyframes flip {
  0% {
    transform: perspective(400px) rotateY(-1turn);
  }
  0%, 40% {
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) translateZ(150px) rotateY(-190deg);
  }
  50% {
    transform: perspective(400px) translateZ(150px) rotateY(-170deg);
  }
  50%, 80% {
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
  }
  to {
    transform: perspective(400px);
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  animation-name: flip;
}

@keyframes flipInX {
  0% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  0%, 40% {
    animation-timing-function: ease-in;
  }
  40% {
    transform: perspective(400px) rotateX(-20deg);
  }
  60% {
    transform: perspective(400px) rotateX(10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotateX(-5deg);
  }
  to {
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInX;
}

@keyframes flipInY {
  0% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  0%, 40% {
    animation-timing-function: ease-in;
  }
  40% {
    transform: perspective(400px) rotateY(-20deg);
  }
  60% {
    transform: perspective(400px) rotateY(10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotateY(-5deg);
  }
  to {
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInY;
}

@keyframes flipOutX {
  0% {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

.flipOutX {
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@keyframes flipOutY {
  0% {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipOutY;
}

@keyframes lightSpeedIn {
  0% {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: skewX(20deg);
  }
  60%, 80% {
    opacity: 1;
  }
  80% {
    transform: skewX(-5deg);
  }
  to {
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out;
}

@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }
  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in;
}

@keyframes rotateIn {
  0% {
    transform-origin: center;
    transform: rotate(-200deg);
    opacity: 0;
  }
  0%, to {
    -webkit-transform-origin: center;
  }
  to {
    transform-origin: center;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  animation-name: rotateIn;
}

@keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(-45deg);
    opacity: 0;
  }
  0%, to {
    -webkit-transform-origin: left bottom;
  }
  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  animation-name: rotateInDownLeft;
}

@keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(45deg);
    opacity: 0;
  }
  0%, to {
    -webkit-transform-origin: right bottom;
  }
  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  animation-name: rotateInDownRight;
}

@keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(45deg);
    opacity: 0;
  }
  0%, to {
    -webkit-transform-origin: left bottom;
  }
  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  animation-name: rotateInUpLeft;
}

@keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  0%, to {
    -webkit-transform-origin: right bottom;
  }
  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  animation-name: rotateInUpRight;
}

@keyframes rotateOut {
  0% {
    transform-origin: center;
    opacity: 1;
  }
  0%, to {
    -webkit-transform-origin: center;
  }
  to {
    transform-origin: center;
    transform: rotate(200deg);
    opacity: 0;
  }
}

.rotateOut {
  animation-name: rotateOut;
}

@keyframes rotateOutDownLeft {
  0% {
    transform-origin: left bottom;
    opacity: 1;
  }
  0%, to {
    -webkit-transform-origin: left bottom;
  }
  to {
    transform-origin: left bottom;
    transform: rotate(45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
}

@keyframes rotateOutDownRight {
  0% {
    transform-origin: right bottom;
    opacity: 1;
  }
  0%, to {
    -webkit-transform-origin: right bottom;
  }
  to {
    transform-origin: right bottom;
    transform: rotate(-45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  animation-name: rotateOutDownRight;
}

@keyframes rotateOutUpLeft {
  0% {
    transform-origin: left bottom;
    opacity: 1;
  }
  0%, to {
    -webkit-transform-origin: left bottom;
  }
  to {
    transform-origin: left bottom;
    transform: rotate(-45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
}

@keyframes rotateOutUpRight {
  0% {
    transform-origin: right bottom;
    opacity: 1;
  }
  0%, to {
    -webkit-transform-origin: right bottom;
  }
  to {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  animation-name: rotateOutUpRight;
}

@keyframes hinge {
  0% {
    transform-origin: top left;
  }
  0%, 20%, 60% {
    -webkit-transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    transform: rotate(80deg);
    transform-origin: top left;
  }
  40%, 80% {
    transform: rotate(60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  animation-name: hinge;
}

@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate(-120deg);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

.rollIn {
  animation-name: rollIn;
}

@keyframes rollOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate(120deg);
  }
}

.rollOut {
  animation-name: rollOut;
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

.zoomIn {
  animation-name: zoomIn;
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInDown {
  animation-name: zoomInDown;
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInLeft {
  animation-name: zoomInLeft;
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInRight {
  animation-name: zoomInRight;
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInUp {
  animation-name: zoomInUp;
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50%, to {
    opacity: 0;
  }
}

.zoomOut {
  animation-name: zoomOut;
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutDown {
  animation-name: zoomOutDown;
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform-origin: left center;
  }
}

.zoomOutLeft {
  animation-name: zoomOutLeft;
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
    transform-origin: right center;
  }
}

.zoomOutRight {
  animation-name: zoomOutRight;
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutUp {
  animation-name: zoomOutUp;
}

@keyframes slideInDown {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}

.slideInDown {
  animation-name: slideInDown;
}

@keyframes slideInLeft {
  0% {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}

.slideInLeft {
  animation-name: slideInLeft;
}

@keyframes slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}

.slideInRight {
  animation-name: slideInRight;
}

@keyframes slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}

.slideInUp {
  animation-name: slideInUp;
}

@keyframes slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  animation-name: slideOutDown;
}

@keyframes slideOutLeft {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  animation-name: slideOutLeft;
}

@keyframes slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  animation-name: slideOutRight;
}

@keyframes slideOutUp {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  animation-name: slideOutUp;
}

[data-aos][data-aos][data-aos-duration='50'], body[data-aos-duration='50'] [data-aos] {
  transition-duration: 50ms;
}

[data-aos][data-aos][data-aos-delay='50'], body[data-aos-delay='50'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='50'].aos-animate, body[data-aos-delay='50'] [data-aos].aos-animate {
  transition-delay: 50ms;
}

[data-aos][data-aos][data-aos-duration='100'], body[data-aos-duration='100'] [data-aos] {
  transition-duration: .1s;
}

[data-aos][data-aos][data-aos-delay='100'], body[data-aos-delay='100'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='100'].aos-animate, body[data-aos-delay='100'] [data-aos].aos-animate {
  transition-delay: .1s;
}

[data-aos][data-aos][data-aos-duration='150'], body[data-aos-duration='150'] [data-aos] {
  transition-duration: .15s;
}

[data-aos][data-aos][data-aos-delay='150'], body[data-aos-delay='150'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='150'].aos-animate, body[data-aos-delay='150'] [data-aos].aos-animate {
  transition-delay: .15s;
}

[data-aos][data-aos][data-aos-duration='200'], body[data-aos-duration='200'] [data-aos] {
  transition-duration: .2s;
}

[data-aos][data-aos][data-aos-delay='200'], body[data-aos-delay='200'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='200'].aos-animate, body[data-aos-delay='200'] [data-aos].aos-animate {
  transition-delay: .2s;
}

[data-aos][data-aos][data-aos-duration='250'], body[data-aos-duration='250'] [data-aos] {
  transition-duration: .25s;
}

[data-aos][data-aos][data-aos-delay='250'], body[data-aos-delay='250'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='250'].aos-animate, body[data-aos-delay='250'] [data-aos].aos-animate {
  transition-delay: .25s;
}

[data-aos][data-aos][data-aos-duration='300'], body[data-aos-duration='300'] [data-aos] {
  transition-duration: .3s;
}

[data-aos][data-aos][data-aos-delay='300'], body[data-aos-delay='300'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='300'].aos-animate, body[data-aos-delay='300'] [data-aos].aos-animate {
  transition-delay: .3s;
}

[data-aos][data-aos][data-aos-duration='350'], body[data-aos-duration='350'] [data-aos] {
  transition-duration: .35s;
}

[data-aos][data-aos][data-aos-delay='350'], body[data-aos-delay='350'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='350'].aos-animate, body[data-aos-delay='350'] [data-aos].aos-animate {
  transition-delay: .35s;
}

[data-aos][data-aos][data-aos-duration='400'], body[data-aos-duration='400'] [data-aos] {
  transition-duration: .4s;
}

[data-aos][data-aos][data-aos-delay='400'], body[data-aos-delay='400'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='400'].aos-animate, body[data-aos-delay='400'] [data-aos].aos-animate {
  transition-delay: .4s;
}

[data-aos][data-aos][data-aos-duration='450'], body[data-aos-duration='450'] [data-aos] {
  transition-duration: .45s;
}

[data-aos][data-aos][data-aos-delay='450'], body[data-aos-delay='450'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='450'].aos-animate, body[data-aos-delay='450'] [data-aos].aos-animate {
  transition-delay: .45s;
}

[data-aos][data-aos][data-aos-duration='500'], body[data-aos-duration='500'] [data-aos] {
  transition-duration: .5s;
}

[data-aos][data-aos][data-aos-delay='500'], body[data-aos-delay='500'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='500'].aos-animate, body[data-aos-delay='500'] [data-aos].aos-animate {
  transition-delay: .5s;
}

[data-aos][data-aos][data-aos-duration='550'], body[data-aos-duration='550'] [data-aos] {
  transition-duration: .55s;
}

[data-aos][data-aos][data-aos-delay='550'], body[data-aos-delay='550'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='550'].aos-animate, body[data-aos-delay='550'] [data-aos].aos-animate {
  transition-delay: .55s;
}

[data-aos][data-aos][data-aos-duration='600'], body[data-aos-duration='600'] [data-aos] {
  transition-duration: .6s;
}

[data-aos][data-aos][data-aos-delay='600'], body[data-aos-delay='600'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='600'].aos-animate, body[data-aos-delay='600'] [data-aos].aos-animate {
  transition-delay: .6s;
}

[data-aos][data-aos][data-aos-duration='650'], body[data-aos-duration='650'] [data-aos] {
  transition-duration: .65s;
}

[data-aos][data-aos][data-aos-delay='650'], body[data-aos-delay='650'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='650'].aos-animate, body[data-aos-delay='650'] [data-aos].aos-animate {
  transition-delay: .65s;
}

[data-aos][data-aos][data-aos-duration='700'], body[data-aos-duration='700'] [data-aos] {
  transition-duration: .7s;
}

[data-aos][data-aos][data-aos-delay='700'], body[data-aos-delay='700'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='700'].aos-animate, body[data-aos-delay='700'] [data-aos].aos-animate {
  transition-delay: .7s;
}

[data-aos][data-aos][data-aos-duration='750'], body[data-aos-duration='750'] [data-aos] {
  transition-duration: .75s;
}

[data-aos][data-aos][data-aos-delay='750'], body[data-aos-delay='750'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='750'].aos-animate, body[data-aos-delay='750'] [data-aos].aos-animate {
  transition-delay: .75s;
}

[data-aos][data-aos][data-aos-duration='800'], body[data-aos-duration='800'] [data-aos] {
  transition-duration: .8s;
}

[data-aos][data-aos][data-aos-delay='800'], body[data-aos-delay='800'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='800'].aos-animate, body[data-aos-delay='800'] [data-aos].aos-animate {
  transition-delay: .8s;
}

[data-aos][data-aos][data-aos-duration='850'], body[data-aos-duration='850'] [data-aos] {
  transition-duration: .85s;
}

[data-aos][data-aos][data-aos-delay='850'], body[data-aos-delay='850'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='850'].aos-animate, body[data-aos-delay='850'] [data-aos].aos-animate {
  transition-delay: .85s;
}

[data-aos][data-aos][data-aos-duration='900'], body[data-aos-duration='900'] [data-aos] {
  transition-duration: .9s;
}

[data-aos][data-aos][data-aos-delay='900'], body[data-aos-delay='900'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='900'].aos-animate, body[data-aos-delay='900'] [data-aos].aos-animate {
  transition-delay: .9s;
}

[data-aos][data-aos][data-aos-duration='950'], body[data-aos-duration='950'] [data-aos] {
  transition-duration: .95s;
}

[data-aos][data-aos][data-aos-delay='950'], body[data-aos-delay='950'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='950'].aos-animate, body[data-aos-delay='950'] [data-aos].aos-animate {
  transition-delay: .95s;
}

[data-aos][data-aos][data-aos-duration='1000'], body[data-aos-duration='1000'] [data-aos] {
  transition-duration: 1s;
}

[data-aos][data-aos][data-aos-delay='1000'], body[data-aos-delay='1000'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1000'].aos-animate, body[data-aos-delay='1000'] [data-aos].aos-animate {
  transition-delay: 1s;
}

[data-aos][data-aos][data-aos-duration='1050'], body[data-aos-duration='1050'] [data-aos] {
  transition-duration: 1.05s;
}

[data-aos][data-aos][data-aos-delay='1050'], body[data-aos-delay='1050'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1050'].aos-animate, body[data-aos-delay='1050'] [data-aos].aos-animate {
  transition-delay: 1.05s;
}

[data-aos][data-aos][data-aos-duration='1100'], body[data-aos-duration='1100'] [data-aos] {
  transition-duration: 1.1s;
}

[data-aos][data-aos][data-aos-delay='1100'], body[data-aos-delay='1100'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1100'].aos-animate, body[data-aos-delay='1100'] [data-aos].aos-animate {
  transition-delay: 1.1s;
}

[data-aos][data-aos][data-aos-duration='1150'], body[data-aos-duration='1150'] [data-aos] {
  transition-duration: 1.15s;
}

[data-aos][data-aos][data-aos-delay='1150'], body[data-aos-delay='1150'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1150'].aos-animate, body[data-aos-delay='1150'] [data-aos].aos-animate {
  transition-delay: 1.15s;
}

[data-aos][data-aos][data-aos-duration='1200'], body[data-aos-duration='1200'] [data-aos] {
  transition-duration: 1.2s;
}

[data-aos][data-aos][data-aos-delay='1200'], body[data-aos-delay='1200'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1200'].aos-animate, body[data-aos-delay='1200'] [data-aos].aos-animate {
  transition-delay: 1.2s;
}

[data-aos][data-aos][data-aos-duration='1250'], body[data-aos-duration='1250'] [data-aos] {
  transition-duration: 1.25s;
}

[data-aos][data-aos][data-aos-delay='1250'], body[data-aos-delay='1250'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1250'].aos-animate, body[data-aos-delay='1250'] [data-aos].aos-animate {
  transition-delay: 1.25s;
}

[data-aos][data-aos][data-aos-duration='1300'], body[data-aos-duration='1300'] [data-aos] {
  transition-duration: 1.3s;
}

[data-aos][data-aos][data-aos-delay='1300'], body[data-aos-delay='1300'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1300'].aos-animate, body[data-aos-delay='1300'] [data-aos].aos-animate {
  transition-delay: 1.3s;
}

[data-aos][data-aos][data-aos-duration='1350'], body[data-aos-duration='1350'] [data-aos] {
  transition-duration: 1.35s;
}

[data-aos][data-aos][data-aos-delay='1350'], body[data-aos-delay='1350'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1350'].aos-animate, body[data-aos-delay='1350'] [data-aos].aos-animate {
  transition-delay: 1.35s;
}

[data-aos][data-aos][data-aos-duration='1400'], body[data-aos-duration='1400'] [data-aos] {
  transition-duration: 1.4s;
}

[data-aos][data-aos][data-aos-delay='1400'], body[data-aos-delay='1400'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1400'].aos-animate, body[data-aos-delay='1400'] [data-aos].aos-animate {
  transition-delay: 1.4s;
}

[data-aos][data-aos][data-aos-duration='1450'], body[data-aos-duration='1450'] [data-aos] {
  transition-duration: 1.45s;
}

[data-aos][data-aos][data-aos-delay='1450'], body[data-aos-delay='1450'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1450'].aos-animate, body[data-aos-delay='1450'] [data-aos].aos-animate {
  transition-delay: 1.45s;
}

[data-aos][data-aos][data-aos-duration='1500'], body[data-aos-duration='1500'] [data-aos] {
  transition-duration: 1.5s;
}

[data-aos][data-aos][data-aos-delay='1500'], body[data-aos-delay='1500'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1500'].aos-animate, body[data-aos-delay='1500'] [data-aos].aos-animate {
  transition-delay: 1.5s;
}

[data-aos][data-aos][data-aos-duration='1550'], body[data-aos-duration='1550'] [data-aos] {
  transition-duration: 1.55s;
}

[data-aos][data-aos][data-aos-delay='1550'], body[data-aos-delay='1550'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1550'].aos-animate, body[data-aos-delay='1550'] [data-aos].aos-animate {
  transition-delay: 1.55s;
}

[data-aos][data-aos][data-aos-duration='1600'], body[data-aos-duration='1600'] [data-aos] {
  transition-duration: 1.6s;
}

[data-aos][data-aos][data-aos-delay='1600'], body[data-aos-delay='1600'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1600'].aos-animate, body[data-aos-delay='1600'] [data-aos].aos-animate {
  transition-delay: 1.6s;
}

[data-aos][data-aos][data-aos-duration='1650'], body[data-aos-duration='1650'] [data-aos] {
  transition-duration: 1.65s;
}

[data-aos][data-aos][data-aos-delay='1650'], body[data-aos-delay='1650'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1650'].aos-animate, body[data-aos-delay='1650'] [data-aos].aos-animate {
  transition-delay: 1.65s;
}

[data-aos][data-aos][data-aos-duration='1700'], body[data-aos-duration='1700'] [data-aos] {
  transition-duration: 1.7s;
}

[data-aos][data-aos][data-aos-delay='1700'], body[data-aos-delay='1700'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1700'].aos-animate, body[data-aos-delay='1700'] [data-aos].aos-animate {
  transition-delay: 1.7s;
}

[data-aos][data-aos][data-aos-duration='1750'], body[data-aos-duration='1750'] [data-aos] {
  transition-duration: 1.75s;
}

[data-aos][data-aos][data-aos-delay='1750'], body[data-aos-delay='1750'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1750'].aos-animate, body[data-aos-delay='1750'] [data-aos].aos-animate {
  transition-delay: 1.75s;
}

[data-aos][data-aos][data-aos-duration='1800'], body[data-aos-duration='1800'] [data-aos] {
  transition-duration: 1.8s;
}

[data-aos][data-aos][data-aos-delay='1800'], body[data-aos-delay='1800'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1800'].aos-animate, body[data-aos-delay='1800'] [data-aos].aos-animate {
  transition-delay: 1.8s;
}

[data-aos][data-aos][data-aos-duration='1850'], body[data-aos-duration='1850'] [data-aos] {
  transition-duration: 1.85s;
}

[data-aos][data-aos][data-aos-delay='1850'], body[data-aos-delay='1850'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1850'].aos-animate, body[data-aos-delay='1850'] [data-aos].aos-animate {
  transition-delay: 1.85s;
}

[data-aos][data-aos][data-aos-duration='1900'], body[data-aos-duration='1900'] [data-aos] {
  transition-duration: 1.9s;
}

[data-aos][data-aos][data-aos-delay='1900'], body[data-aos-delay='1900'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1900'].aos-animate, body[data-aos-delay='1900'] [data-aos].aos-animate {
  transition-delay: 1.9s;
}

[data-aos][data-aos][data-aos-duration='1950'], body[data-aos-duration='1950'] [data-aos] {
  transition-duration: 1.95s;
}

[data-aos][data-aos][data-aos-delay='1950'], body[data-aos-delay='1950'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1950'].aos-animate, body[data-aos-delay='1950'] [data-aos].aos-animate {
  transition-delay: 1.95s;
}

[data-aos][data-aos][data-aos-duration='2000'], body[data-aos-duration='2000'] [data-aos] {
  transition-duration: 2s;
}

[data-aos][data-aos][data-aos-delay='2000'], body[data-aos-delay='2000'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2000'].aos-animate, body[data-aos-delay='2000'] [data-aos].aos-animate {
  transition-delay: 2s;
}

[data-aos][data-aos][data-aos-duration='2050'], body[data-aos-duration='2050'] [data-aos] {
  transition-duration: 2.05s;
}

[data-aos][data-aos][data-aos-delay='2050'], body[data-aos-delay='2050'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2050'].aos-animate, body[data-aos-delay='2050'] [data-aos].aos-animate {
  transition-delay: 2.05s;
}

[data-aos][data-aos][data-aos-duration='2100'], body[data-aos-duration='2100'] [data-aos] {
  transition-duration: 2.1s;
}

[data-aos][data-aos][data-aos-delay='2100'], body[data-aos-delay='2100'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2100'].aos-animate, body[data-aos-delay='2100'] [data-aos].aos-animate {
  transition-delay: 2.1s;
}

[data-aos][data-aos][data-aos-duration='2150'], body[data-aos-duration='2150'] [data-aos] {
  transition-duration: 2.15s;
}

[data-aos][data-aos][data-aos-delay='2150'], body[data-aos-delay='2150'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2150'].aos-animate, body[data-aos-delay='2150'] [data-aos].aos-animate {
  transition-delay: 2.15s;
}

[data-aos][data-aos][data-aos-duration='2200'], body[data-aos-duration='2200'] [data-aos] {
  transition-duration: 2.2s;
}

[data-aos][data-aos][data-aos-delay='2200'], body[data-aos-delay='2200'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2200'].aos-animate, body[data-aos-delay='2200'] [data-aos].aos-animate {
  transition-delay: 2.2s;
}

[data-aos][data-aos][data-aos-duration='2250'], body[data-aos-duration='2250'] [data-aos] {
  transition-duration: 2.25s;
}

[data-aos][data-aos][data-aos-delay='2250'], body[data-aos-delay='2250'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2250'].aos-animate, body[data-aos-delay='2250'] [data-aos].aos-animate {
  transition-delay: 2.25s;
}

[data-aos][data-aos][data-aos-duration='2300'], body[data-aos-duration='2300'] [data-aos] {
  transition-duration: 2.3s;
}

[data-aos][data-aos][data-aos-delay='2300'], body[data-aos-delay='2300'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2300'].aos-animate, body[data-aos-delay='2300'] [data-aos].aos-animate {
  transition-delay: 2.3s;
}

[data-aos][data-aos][data-aos-duration='2350'], body[data-aos-duration='2350'] [data-aos] {
  transition-duration: 2.35s;
}

[data-aos][data-aos][data-aos-delay='2350'], body[data-aos-delay='2350'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2350'].aos-animate, body[data-aos-delay='2350'] [data-aos].aos-animate {
  transition-delay: 2.35s;
}

[data-aos][data-aos][data-aos-duration='2400'], body[data-aos-duration='2400'] [data-aos] {
  transition-duration: 2.4s;
}

[data-aos][data-aos][data-aos-delay='2400'], body[data-aos-delay='2400'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2400'].aos-animate, body[data-aos-delay='2400'] [data-aos].aos-animate {
  transition-delay: 2.4s;
}

[data-aos][data-aos][data-aos-duration='2450'], body[data-aos-duration='2450'] [data-aos] {
  transition-duration: 2.45s;
}

[data-aos][data-aos][data-aos-delay='2450'], body[data-aos-delay='2450'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2450'].aos-animate, body[data-aos-delay='2450'] [data-aos].aos-animate {
  transition-delay: 2.45s;
}

[data-aos][data-aos][data-aos-duration='2500'], body[data-aos-duration='2500'] [data-aos] {
  transition-duration: 2.5s;
}

[data-aos][data-aos][data-aos-delay='2500'], body[data-aos-delay='2500'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2500'].aos-animate, body[data-aos-delay='2500'] [data-aos].aos-animate {
  transition-delay: 2.5s;
}

[data-aos][data-aos][data-aos-duration='2550'], body[data-aos-duration='2550'] [data-aos] {
  transition-duration: 2.55s;
}

[data-aos][data-aos][data-aos-delay='2550'], body[data-aos-delay='2550'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2550'].aos-animate, body[data-aos-delay='2550'] [data-aos].aos-animate {
  transition-delay: 2.55s;
}

[data-aos][data-aos][data-aos-duration='2600'], body[data-aos-duration='2600'] [data-aos] {
  transition-duration: 2.6s;
}

[data-aos][data-aos][data-aos-delay='2600'], body[data-aos-delay='2600'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2600'].aos-animate, body[data-aos-delay='2600'] [data-aos].aos-animate {
  transition-delay: 2.6s;
}

[data-aos][data-aos][data-aos-duration='2650'], body[data-aos-duration='2650'] [data-aos] {
  transition-duration: 2.65s;
}

[data-aos][data-aos][data-aos-delay='2650'], body[data-aos-delay='2650'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2650'].aos-animate, body[data-aos-delay='2650'] [data-aos].aos-animate {
  transition-delay: 2.65s;
}

[data-aos][data-aos][data-aos-duration='2700'], body[data-aos-duration='2700'] [data-aos] {
  transition-duration: 2.7s;
}

[data-aos][data-aos][data-aos-delay='2700'], body[data-aos-delay='2700'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2700'].aos-animate, body[data-aos-delay='2700'] [data-aos].aos-animate {
  transition-delay: 2.7s;
}

[data-aos][data-aos][data-aos-duration='2750'], body[data-aos-duration='2750'] [data-aos] {
  transition-duration: 2.75s;
}

[data-aos][data-aos][data-aos-delay='2750'], body[data-aos-delay='2750'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2750'].aos-animate, body[data-aos-delay='2750'] [data-aos].aos-animate {
  transition-delay: 2.75s;
}

[data-aos][data-aos][data-aos-duration='2800'], body[data-aos-duration='2800'] [data-aos] {
  transition-duration: 2.8s;
}

[data-aos][data-aos][data-aos-delay='2800'], body[data-aos-delay='2800'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2800'].aos-animate, body[data-aos-delay='2800'] [data-aos].aos-animate {
  transition-delay: 2.8s;
}

[data-aos][data-aos][data-aos-duration='2850'], body[data-aos-duration='2850'] [data-aos] {
  transition-duration: 2.85s;
}

[data-aos][data-aos][data-aos-delay='2850'], body[data-aos-delay='2850'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2850'].aos-animate, body[data-aos-delay='2850'] [data-aos].aos-animate {
  transition-delay: 2.85s;
}

[data-aos][data-aos][data-aos-duration='2900'], body[data-aos-duration='2900'] [data-aos] {
  transition-duration: 2.9s;
}

[data-aos][data-aos][data-aos-delay='2900'], body[data-aos-delay='2900'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2900'].aos-animate, body[data-aos-delay='2900'] [data-aos].aos-animate {
  transition-delay: 2.9s;
}

[data-aos][data-aos][data-aos-duration='2950'], body[data-aos-duration='2950'] [data-aos] {
  transition-duration: 2.95s;
}

[data-aos][data-aos][data-aos-delay='2950'], body[data-aos-delay='2950'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2950'].aos-animate, body[data-aos-delay='2950'] [data-aos].aos-animate {
  transition-delay: 2.95s;
}

[data-aos][data-aos][data-aos-duration='3000'], body[data-aos-duration='3000'] [data-aos] {
  transition-duration: 3s;
}

[data-aos][data-aos][data-aos-delay='3000'], body[data-aos-delay='3000'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='3000'].aos-animate, body[data-aos-delay='3000'] [data-aos].aos-animate {
  transition-delay: 3s;
}

[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
  transition-timing-function: ease;
}

[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
  transition-timing-function: ease-in;
}

[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
  transition-timing-function: ease-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
  transition-timing-function: ease-in-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}

[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos^=fade][data-aos^=fade] {
  opacity: 0;
  transition-property: opacity,transform;
}

[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  transform: translate(0);
}

[data-aos=fade-up] {
  transform: translateY(100px);
}

[data-aos=fade-down] {
  transform: translateY(-100px);
}

[data-aos=fade-right] {
  transform: translate(-100px);
}

[data-aos=fade-left] {
  transform: translate(100px);
}

[data-aos=fade-up-right] {
  transform: translate(-100px, 100px);
}

[data-aos=fade-up-left] {
  transform: translate(100px, 100px);
}

[data-aos=fade-down-right] {
  transform: translate(-100px, -100px);
}

[data-aos=fade-down-left] {
  transform: translate(100px, -100px);
}

[data-aos^=zoom][data-aos^=zoom] {
  opacity: 0;
  transition-property: opacity,transform;
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
  opacity: 1;
  transform: translate(0) scale(1);
}

[data-aos=zoom-in] {
  transform: scale(0.6);
}

[data-aos=zoom-in-up] {
  transform: translateY(100px) scale(0.6);
}

[data-aos=zoom-in-down] {
  transform: translateY(-100px) scale(0.6);
}

[data-aos=zoom-in-right] {
  transform: translate(-100px) scale(0.6);
}

[data-aos=zoom-in-left] {
  transform: translate(100px) scale(0.6);
}

[data-aos=zoom-out] {
  transform: scale(1.2);
}

[data-aos=zoom-out-up] {
  transform: translateY(100px) scale(1.2);
}

[data-aos=zoom-out-down] {
  transform: translateY(-100px) scale(1.2);
}

[data-aos=zoom-out-right] {
  transform: translate(-100px) scale(1.2);
}

[data-aos=zoom-out-left] {
  transform: translate(100px) scale(1.2);
}

[data-aos^=slide][data-aos^=slide] {
  transition-property: transform;
}

[data-aos^=slide][data-aos^=slide].aos-animate {
  transform: translate(0);
}

[data-aos=slide-up] {
  transform: translateY(100%);
}

[data-aos=slide-down] {
  transform: translateY(-100%);
}

[data-aos=slide-right] {
  transform: translateX(-100%);
}

[data-aos=slide-left] {
  transform: translateX(100%);
}

[data-aos^=flip][data-aos^=flip] {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transition-property: transform;
}

[data-aos=flip-left] {
  transform: perspective(2500px) rotateY(-100deg);
}

[data-aos=flip-left].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-right] {
  transform: perspective(2500px) rotateY(100deg);
}

[data-aos=flip-right].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-up] {
  transform: perspective(2500px) rotateX(-100deg);
}

[data-aos=flip-up].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

[data-aos=flip-down] {
  transform: perspective(2500px) rotateX(100deg);
}

[data-aos=flip-down].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

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

/*!
 * Hover.css (http://ianlunn.github.io/Hover/)
 * Version: 2.0.2
 * Author: Ian Lunn @IanLunn
 * Author URL: http://ianlunn.co.uk/
 * Github: https://github.com/IanLunn/Hover

 * Made available under a MIT License:
 * http://www.opensource.org/licenses/mit-license.php

 * Hover.css Copyright Ian Lunn 2014. Generated with Sass.
 */
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  transition-duration: .3s;
  transition-property: transform;
}

.hvr-grow:active, .hvr-grow:focus, .hvr-grow:hover {
  transform: scale(1.1);
}

.hvr-shrink {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  transition-duration: .3s;
  transition-property: transform;
}

.hvr-shrink:active, .hvr-shrink:focus, .hvr-shrink:hover {
  transform: scale(0.9);
}

@keyframes hvr-pulse {
  25% {
    transform: scale(1.1);
  }
  75% {
    transform: scale(0.9);
  }
}

.hvr-pulse {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}

.hvr-pulse:active, .hvr-pulse:focus, .hvr-pulse:hover {
  animation-name: hvr-pulse;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

@keyframes hvr-pulse-grow {
  to {
    transform: scale(1.1);
  }
}

.hvr-pulse-grow {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}

.hvr-pulse-grow:active, .hvr-pulse-grow:focus, .hvr-pulse-grow:hover {
  animation-name: hvr-pulse-grow;
  animation-duration: .3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

@keyframes hvr-pulse-shrink {
  to {
    transform: scale(0.9);
  }
}

.hvr-pulse-shrink {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}

.hvr-pulse-shrink:active, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:hover {
  animation-name: hvr-pulse-shrink;
  animation-duration: .3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

@keyframes hvr-push {
  50% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(1);
  }
}

.hvr-push {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}

.hvr-push:active, .hvr-push:focus, .hvr-push:hover {
  animation-name: hvr-push;
  animation-duration: .3s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}

@keyframes hvr-pop {
  50% {
    transform: scale(1.2);
  }
}

.hvr-pop {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}

.hvr-pop:active, .hvr-pop:focus, .hvr-pop:hover {
  animation-name: hvr-pop;
  animation-duration: .3s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}

.hvr-bounce-in {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  transition-duration: .5s;
}

.hvr-bounce-in:active, .hvr-bounce-in:focus, .hvr-bounce-in:hover {
  transform: scale(1.2);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

.hvr-bounce-out {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  transition-duration: .5s;
}

.hvr-bounce-out:active, .hvr-bounce-out:focus, .hvr-bounce-out:hover {
  transform: scale(0.8);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

.hvr-rotate {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  transition-duration: .3s;
  transition-property: transform;
}

.hvr-rotate:active, .hvr-rotate:focus, .hvr-rotate:hover {
  transform: rotate(4deg);
}

.hvr-grow-rotate {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  transition-duration: .3s;
  transition-property: transform;
}

.hvr-grow-rotate:active, .hvr-grow-rotate:focus, .hvr-grow-rotate:hover {
  transform: scale(1.1) rotate(4deg);
}

.hvr-float {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  transition-duration: .3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-float:active, .hvr-float:focus, .hvr-float:hover {
  transform: translateY(-8px);
}

.hvr-sink {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  transition-duration: .3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-sink:active, .hvr-sink:focus, .hvr-sink:hover {
  transform: translateY(8px);
}

@keyframes hvr-bob {
  0% {
    transform: translateY(-8px);
  }
  50% {
    transform: translateY(-4px);
  }
  100% {
    transform: translateY(-8px);
  }
}

@keyframes hvr-bob-float {
  100% {
    transform: translateY(-8px);
  }
}

.hvr-bob {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}

.hvr-bob:active, .hvr-bob:focus, .hvr-bob:hover {
  animation-name: hvr-bob-float,hvr-bob;
  animation-duration: .3s,1.5s;
  animation-delay: 0s,.3s;
  animation-timing-function: ease-out,ease-in-out;
  animation-iteration-count: 1,infinite;
  animation-fill-mode: forwards;
  animation-direction: normal,alternate;
}

@keyframes hvr-hang {
  0% {
    transform: translateY(8px);
  }
  50% {
    transform: translateY(4px);
  }
  100% {
    transform: translateY(8px);
  }
}

@keyframes hvr-hang-sink {
  100% {
    transform: translateY(8px);
  }
}

.hvr-hang {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}

.hvr-hang:active, .hvr-hang:focus, .hvr-hang:hover {
  animation-name: hvr-hang-sink,hvr-hang;
  animation-duration: .3s,1.5s;
  animation-delay: 0s,.3s;
  animation-timing-function: ease-out,ease-in-out;
  animation-iteration-count: 1,infinite;
  animation-fill-mode: forwards;
  animation-direction: normal,alternate;
}

.hvr-skew {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  transition-duration: .3s;
  transition-property: transform;
}

.hvr-skew:active, .hvr-skew:focus, .hvr-skew:hover {
  transform: skew(-10deg);
}

.hvr-skew-forward {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  transition-duration: .3s;
  transition-property: transform;
  transform-origin: 0 100%;
}

.hvr-skew-forward:active, .hvr-skew-forward:focus, .hvr-skew-forward:hover {
  transform: skew(-10deg);
}

.hvr-skew-backward {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  transition-duration: .3s;
  transition-property: transform;
  transform-origin: 0 100%;
}

.hvr-skew-backward:active, .hvr-skew-backward:focus, .hvr-skew-backward:hover {
  transform: skew(10deg);
}

@keyframes hvr-wobble-vertical {
  16.65% {
    transform: translateY(8px);
  }
  33.3% {
    transform: translateY(-6px);
  }
  49.95% {
    transform: translateY(4px);
  }
  66.6% {
    transform: translateY(-2px);
  }
  83.25% {
    transform: translateY(1px);
  }
  100% {
    transform: translateY(0);
  }
}

.hvr-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}

.hvr-wobble-vertical:active, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:hover {
  animation-name: hvr-wobble-vertical;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

@keyframes hvr-wobble-horizontal {
  16.65% {
    transform: translateX(8px);
  }
  33.3% {
    transform: translateX(-6px);
  }
  49.95% {
    transform: translateX(4px);
  }
  66.6% {
    transform: translateX(-2px);
  }
  83.25% {
    transform: translateX(1px);
  }
  100% {
    transform: translateX(0);
  }
}

.hvr-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}

.hvr-wobble-horizontal:active, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:hover {
  animation-name: hvr-wobble-horizontal;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

@keyframes hvr-wobble-to-bottom-right {
  16.65% {
    transform: translate(8px, 8px);
  }
  33.3% {
    transform: translate(-6px, -6px);
  }
  49.95% {
    transform: translate(4px, 4px);
  }
  66.6% {
    transform: translate(-2px, -2px);
  }
  83.25% {
    transform: translate(1px, 1px);
  }
  100% {
    transform: translate(0, 0);
  }
}

.hvr-wobble-to-bottom-right {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}

.hvr-wobble-to-bottom-right:active, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:hover {
  animation-name: hvr-wobble-to-bottom-right;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

@keyframes hvr-wobble-to-top-right {
  16.65% {
    transform: translate(8px, -8px);
  }
  33.3% {
    transform: translate(-6px, 6px);
  }
  49.95% {
    transform: translate(4px, -4px);
  }
  66.6% {
    transform: translate(-2px, 2px);
  }
  83.25% {
    transform: translate(1px, -1px);
  }
  100% {
    transform: translate(0, 0);
  }
}

.hvr-wobble-to-top-right {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}

.hvr-wobble-to-top-right:active, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:hover {
  animation-name: hvr-wobble-to-top-right;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

@keyframes hvr-wobble-top {
  16.65% {
    transform: skew(-12deg);
  }
  33.3% {
    transform: skew(10deg);
  }
  49.95% {
    transform: skew(-6deg);
  }
  66.6% {
    transform: skew(4deg);
  }
  83.25% {
    transform: skew(-2deg);
  }
  100% {
    transform: skew(0);
  }
}

.hvr-wobble-top {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  transform-origin: 0 100%;
}

.hvr-wobble-top:active, .hvr-wobble-top:focus, .hvr-wobble-top:hover {
  animation-name: hvr-wobble-top;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

@keyframes hvr-wobble-bottom {
  16.65% {
    transform: skew(-12deg);
  }
  33.3% {
    transform: skew(10deg);
  }
  49.95% {
    transform: skew(-6deg);
  }
  66.6% {
    transform: skew(4deg);
  }
  83.25% {
    transform: skew(-2deg);
  }
  100% {
    transform: skew(0);
  }
}

.hvr-wobble-bottom {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  transform-origin: 100% 0;
}

.hvr-wobble-bottom:active, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:hover {
  animation-name: hvr-wobble-bottom;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

@keyframes hvr-wobble-skew {
  16.65% {
    transform: skew(-12deg);
  }
  33.3% {
    transform: skew(10deg);
  }
  49.95% {
    transform: skew(-6deg);
  }
  66.6% {
    transform: skew(4deg);
  }
  83.25% {
    transform: skew(-2deg);
  }
  100% {
    transform: skew(0);
  }
}

.hvr-wobble-skew {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}

.hvr-wobble-skew:active, .hvr-wobble-skew:focus, .hvr-wobble-skew:hover {
  animation-name: hvr-wobble-skew;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

@keyframes hvr-buzz {
  50% {
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    transform: translateX(-3px) rotate(-2deg);
  }
}

.hvr-buzz {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}

.hvr-buzz:active, .hvr-buzz:focus, .hvr-buzz:hover {
  animation-name: hvr-buzz;
  animation-duration: .15s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

@keyframes hvr-buzz-out {
  10% {
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    transform: translateX(1px) rotate(0);
  }
  100% {
    transform: translateX(-1px) rotate(0);
  }
}

.hvr-buzz-out {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}

.hvr-buzz-out:active, .hvr-buzz-out:focus, .hvr-buzz-out:hover {
  animation-name: hvr-buzz-out;
  animation-duration: .75s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}

.hvr-forward {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  transition-duration: .3s;
  transition-property: transform;
}

.hvr-forward:active, .hvr-forward:focus, .hvr-forward:hover {
  transform: translateX(8px);
}

.hvr-backward {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  transition-duration: .3s;
  transition-property: transform;
}

.hvr-backward:active, .hvr-backward:focus, .hvr-backward:hover {
  transform: translateX(-8px);
}

.hvr-fade {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  overflow: hidden;
  transition-duration: .3s;
  transition-property: color,background-color;
}

.hvr-fade:active, .hvr-fade:focus, .hvr-fade:hover {
  background-color: #2098D1;
  color: #fff;
}

@keyframes hvr-back-pulse {
  50% {
    background-color: rgba(32, 152, 209, 0.75);
  }
}

.hvr-back-pulse {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  overflow: hidden;
  transition-duration: .5s;
  transition-property: color,background-color;
}

.hvr-back-pulse:active, .hvr-back-pulse:focus, .hvr-back-pulse:hover {
  animation-name: hvr-back-pulse;
  animation-duration: 1s;
  animation-delay: .5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  background-color: #2098D1;
  background-color: #2098d1;
  color: #fff;
}

.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  transition-property: color;
  transition-duration: .3s;
}

.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition-property: transform;
  transition-duration: .3s;
  transition-timing-function: ease-out;
}

.hvr-sweep-to-right:active, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:hover {
  color: #fff;
}

.hvr-sweep-to-right:active:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:hover:before {
  transform: scaleX(1);
}

.hvr-sweep-to-left {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  transition-property: color;
  transition-duration: .3s;
}

.hvr-sweep-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  transform: scaleX(0);
  transform-origin: 100% 50%;
  transition-property: transform;
  transition-duration: .3s;
  transition-timing-function: ease-out;
}

.hvr-sweep-to-left:active, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:hover {
  color: #fff;
}

.hvr-sweep-to-left:active:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:hover:before {
  transform: scaleX(1);
}

.hvr-sweep-to-bottom {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  transition-property: color;
  transition-duration: .3s;
}

.hvr-sweep-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  transform: scaleY(0);
  transform-origin: 50% 0;
  transition-property: transform;
  transition-duration: .3s;
  transition-timing-function: ease-out;
}

.hvr-sweep-to-bottom:active, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:hover {
  color: #fff;
}

.hvr-sweep-to-bottom:active:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:hover:before {
  transform: scaleY(1);
}

.hvr-sweep-to-top {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  transition-property: color;
  transition-duration: .3s;
}

.hvr-sweep-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  transform: scaleY(0);
  transform-origin: 50% 100%;
  transition-property: transform;
  transition-duration: .3s;
  transition-timing-function: ease-out;
}

.hvr-sweep-to-top:active, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:hover {
  color: #fff;
}

.hvr-sweep-to-top:active:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:hover:before {
  transform: scaleY(1);
}

.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  transition-property: color;
  transition-duration: .5s;
}

.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition-property: transform;
  transition-duration: .5s;
  transition-timing-function: ease-out;
}

.hvr-bounce-to-right:active, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:hover {
  color: #fff;
}

.hvr-bounce-to-right:active:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:hover:before {
  transform: scaleX(1);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.hvr-bounce-to-left {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  transition-property: color;
  transition-duration: .5s;
}

.hvr-bounce-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  transform: scaleX(0);
  transform-origin: 100% 50%;
  transition-property: transform;
  transition-duration: .5s;
  transition-timing-function: ease-out;
}

.hvr-bounce-to-left:active, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:hover {
  color: #fff;
}

.hvr-bounce-to-left:active:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:hover:before {
  transform: scaleX(1);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.hvr-bounce-to-bottom {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  transition-property: color;
  transition-duration: .5s;
}

.hvr-bounce-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  transform: scaleY(0);
  transform-origin: 50% 0;
  transition-property: transform;
  transition-duration: .5s;
  transition-timing-function: ease-out;
}

.hvr-bounce-to-bottom:active, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:hover {
  color: #fff;
}

.hvr-bounce-to-bottom:active:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:hover:before {
  transform: scaleY(1);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.hvr-bounce-to-top {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  transition-property: color;
  transition-duration: .5s;
}

.hvr-bounce-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  transform: scaleY(0);
  transform-origin: 50% 100%;
  transition-property: transform;
  transition-duration: .5s;
  transition-timing-function: ease-out;
}

.hvr-bounce-to-top:active, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:hover {
  color: #fff;
}

.hvr-bounce-to-top:active:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:hover:before {
  transform: scaleY(1);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.hvr-radial-out {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
  background: #e1e1e1;
  transition-property: color;
  transition-duration: .3s;
}

.hvr-radial-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  border-radius: 100%;
  transform: scale(0);
  transition-property: transform;
  transition-duration: .3s;
  transition-timing-function: ease-out;
}

.hvr-radial-out:active, .hvr-radial-out:focus, .hvr-radial-out:hover {
  color: #fff;
}

.hvr-radial-out:active:before, .hvr-radial-out:focus:before, .hvr-radial-out:hover:before {
  transform: scale(2);
}

.hvr-radial-in {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
  background: #2098D1;
  transition-property: color;
  transition-duration: .3s;
}

.hvr-radial-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e1e1e1;
  border-radius: 100%;
  transform: scale(2);
  transition-property: transform;
  transition-duration: .3s;
  transition-timing-function: ease-out;
}

.hvr-radial-in:active, .hvr-radial-in:focus, .hvr-radial-in:hover {
  color: #fff;
}

.hvr-radial-in:active:before, .hvr-radial-in:focus:before, .hvr-radial-in:hover:before {
  transform: scale(0);
}

.hvr-rectangle-in {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #2098D1;
  transition-property: color;
  transition-duration: .3s;
}

.hvr-rectangle-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e1e1e1;
  transform: scale(1);
  transition-property: transform;
  transition-duration: .3s;
  transition-timing-function: ease-out;
}

.hvr-rectangle-in:active, .hvr-rectangle-in:focus, .hvr-rectangle-in:hover {
  color: #fff;
}

.hvr-rectangle-in:active:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:hover:before {
  transform: scale(0);
}

.hvr-rectangle-out {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #e1e1e1;
  transition-property: color;
  transition-duration: .3s;
}

.hvr-rectangle-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  transform: scale(0);
  transition-property: transform;
  transition-duration: .3s;
  transition-timing-function: ease-out;
}

.hvr-rectangle-out:active, .hvr-rectangle-out:focus, .hvr-rectangle-out:hover {
  color: #fff;
}

.hvr-rectangle-out:active:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:hover:before {
  transform: scale(1);
}

.hvr-shutter-in-horizontal {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #2098D1;
  transition-property: color;
  transition-duration: .3s;
}

.hvr-shutter-in-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e1e1e1;
  transform: scaleX(1);
  transform-origin: 50%;
  transition-property: transform;
  transition-duration: .3s;
  transition-timing-function: ease-out;
}

.hvr-shutter-in-horizontal:active, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:hover {
  color: #fff;
}

.hvr-shutter-in-horizontal:active:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:hover:before {
  transform: scaleX(0);
}

.hvr-shutter-out-horizontal {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #e1e1e1;
  transition-property: color;
  transition-duration: .3s;
}

.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2098D1;
  transform: scaleX(0);
  transform-origin: 50%;
  transition-property: transform;
  transition-duration: .3s;
  transition-timing-function: ease-out;
}

.hvr-shutter-out-horizontal:active, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:hover {
  color: #fff;
}

.hvr-shutter-out-horizontal:active:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:hover:before {
  transform: scaleX(1);
}

.hvr-shutter-in-vertical {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #2098D1;
  transition-property: color;
  transition-duration: .3s;
}

.hvr-shutter-in-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e1e1e1;
  transform: scaleY(1);
  transform-origin: 50%;
  transition-property: transform;
  transition-duration: .3s;
  transition-timing-function: ease-out;
}

.hvr-shutter-in-vertical:active, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:hover {
  color: #fff;
}

.hvr-shutter-in-vertical:active:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:hover:before {
  transform: scaleY(0);
}

.hvr-shutter-out-vertical {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #e1e1e1;
  transition-property: color;
  transition-duration: .3s;
}

.hvr-shutter-out-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2098D1;
  transform: scaleY(0);
  transform-origin: 50%;
  transition-property: transform;
  transition-duration: .3s;
  transition-timing-function: ease-out;
}

.hvr-shutter-out-vertical:active, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:hover {
  color: #fff;
}

.hvr-shutter-out-vertical:active:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:hover:before {
  transform: scaleY(1);
}

.hvr-border-fade {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  transition-duration: .3s;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 4px #e1e1e1,0 0 1px transparent;
}

.hvr-border-fade:active, .hvr-border-fade:focus, .hvr-border-fade:hover {
  box-shadow: inset 0 0 0 4px #2098D1,0 0 1px transparent;
}

.hvr-hollow {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  transition-duration: .3s;
  transition-property: background;
  box-shadow: inset 0 0 0 4px #e1e1e1,0 0 1px transparent;
}

.hvr-hollow:active, .hvr-hollow:focus, .hvr-hollow:hover {
  background: 0 0;
}

.hvr-trim {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}

.hvr-trim:before {
  content: '';
  position: absolute;
  border: #fff solid 4px;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  opacity: 0;
  transition-duration: .3s;
  transition-property: opacity;
}

.hvr-trim:active:before, .hvr-trim:focus:before, .hvr-trim:hover:before {
  opacity: 1;
}

@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

.hvr-ripple-out {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}

.hvr-ripple-out:before {
  content: '';
  position: absolute;
  border: #e1e1e1 solid 6px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  animation-duration: 1s;
}

.hvr-ripple-out:active:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:hover:before {
  animation-name: hvr-ripple-out;
}

@keyframes hvr-ripple-in {
  100% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
  }
}

.hvr-ripple-in {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}

.hvr-ripple-in:before {
  content: '';
  position: absolute;
  border: #e1e1e1 solid 4px;
  top: -12px;
  right: -12px;
  bottom: -12px;
  left: -12px;
  opacity: 0;
  animation-duration: 1s;
}

.hvr-ripple-in:active:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:hover:before {
  animation-name: hvr-ripple-in;
}

.hvr-outline-out {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}

.hvr-outline-out:before {
  content: '';
  position: absolute;
  border: #e1e1e1 solid 4px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition-duration: .3s;
  transition-property: top,right,bottom,left;
}

.hvr-outline-out:active:before, .hvr-outline-out:focus:before, .hvr-outline-out:hover:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
}

.hvr-outline-in {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}

.hvr-outline-in:before {
  pointer-events: none;
  content: '';
  position: absolute;
  border: #e1e1e1 solid 4px;
  top: -16px;
  right: -16px;
  bottom: -16px;
  left: -16px;
  opacity: 0;
  transition-duration: .3s;
  transition-property: top,right,bottom,left;
}

.hvr-outline-in:active:before, .hvr-outline-in:focus:before, .hvr-outline-in:hover:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
  opacity: 1;
}

.hvr-round-corners {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  transition-duration: .3s;
  transition-property: border-radius;
}

.hvr-round-corners:active, .hvr-round-corners:focus, .hvr-round-corners:hover {
  border-radius: 1em;
}

.hvr-underline-from-left {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}

.hvr-underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #2098D1;
  height: 4px;
  transition-property: right;
  transition-duration: .3s;
  transition-timing-function: ease-out;
}

.hvr-underline-from-left:active:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:hover:before {
  right: 0;
}

.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}

.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #2098D1;
  height: 4px;
  transition-property: left,right;
  transition-duration: .3s;
  transition-timing-function: ease-out;
}

.hvr-underline-from-center:active:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:hover:before {
  left: 0;
  right: 0;
}

.hvr-underline-from-right {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}

.hvr-underline-from-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 100%;
  right: 0;
  bottom: 0;
  background: #2098D1;
  height: 4px;
  transition-property: left;
  transition-duration: .3s;
  transition-timing-function: ease-out;
}

.hvr-underline-from-right:active:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:hover:before {
  left: 0;
}

.hvr-overline-from-left {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}

.hvr-overline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  top: 0;
  background: #2098D1;
  height: 4px;
  transition-property: right;
  transition-duration: .3s;
  transition-timing-function: ease-out;
}

.hvr-overline-from-left:active:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:hover:before {
  right: 0;
}

.hvr-overline-from-center {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}

.hvr-overline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  top: 0;
  background: #2098D1;
  height: 4px;
  transition-property: left,right;
  transition-duration: .3s;
  transition-timing-function: ease-out;
}

.hvr-overline-from-center:active:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:hover:before {
  left: 0;
  right: 0;
}

.hvr-overline-from-right {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}

.hvr-overline-from-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 100%;
  right: 0;
  top: 0;
  background: #2098D1;
  height: 4px;
  transition-property: left;
  transition-duration: .3s;
  transition-timing-function: ease-out;
}

.hvr-overline-from-right:active:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:hover:before {
  left: 0;
}

.hvr-reveal {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}

.hvr-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-color: #2098D1;
  border-style: solid;
  border-width: 0;
  transition-property: border-width;
  transition-duration: .1s;
  transition-timing-function: ease-out;
}

.hvr-reveal:active:before, .hvr-reveal:focus:before, .hvr-reveal:hover:before {
  transform: translateY(0);
  border-width: 4px;
}

.hvr-underline-reveal {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}

.hvr-underline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  height: 4px;
  transform: translateY(4px);
  transition-property: transform;
  transition-duration: .3s;
  transition-timing-function: ease-out;
}

.hvr-underline-reveal:active:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:hover:before {
  transform: translateY(0);
}

.hvr-overline-reveal {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}

.hvr-overline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  background: #2098D1;
  height: 4px;
  transform: translateY(-4px);
  transition-property: transform;
  transition-duration: .3s;
  transition-timing-function: ease-out;
}

.hvr-overline-reveal:active:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:hover:before {
  transform: translateY(0);
}

.hvr-glow {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  transition-duration: .3s;
  transition-property: box-shadow;
}

.hvr-glow:active, .hvr-glow:focus, .hvr-glow:hover {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

.hvr-shadow {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  transition-duration: .3s;
  transition-property: box-shadow;
}

.hvr-shadow:active, .hvr-shadow:focus, .hvr-shadow:hover {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}

.hvr-grow-shadow {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  transition-duration: .3s;
  transition-property: box-shadow,transform;
}

.hvr-grow-shadow:active, .hvr-grow-shadow:focus, .hvr-grow-shadow:hover {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  transform: scale(1.1);
}

.hvr-box-shadow-outset {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  transition-duration: .3s;
  transition-property: box-shadow;
}

.hvr-box-shadow-outset:active, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:hover {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}

.hvr-box-shadow-inset {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  transition-duration: .3s;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px transparent;
}

.hvr-box-shadow-inset:active, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:hover {
  box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px transparent;
}

.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  transition-duration: .3s;
  transition-property: transform;
}

.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0, transparent 80%);
  transition-duration: .3s;
  transition-property: transform,opacity;
}

.hvr-float-shadow:active, .hvr-float-shadow:focus, .hvr-float-shadow:hover {
  transform: translateY(-5px);
}

.hvr-float-shadow:active:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:hover:before {
  opacity: 1;
  transform: translateY(5px);
}

.hvr-shadow-radial {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}

.hvr-shadow-radial:after, .hvr-shadow-radial:before {
  pointer-events: none;
  position: absolute;
  content: '';
  left: 0;
  width: 100%;
  box-sizing: border-box;
  height: 5px;
  opacity: 0;
  transition-duration: .3s;
  transition-property: opacity;
}

.hvr-shadow-radial:before {
  bottom: 100%;
  background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0, transparent 80%);
}

.hvr-shadow-radial:after {
  top: 100%;
  background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0, transparent 80%);
}

.hvr-shadow-radial:active:after, .hvr-shadow-radial:active:before, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:hover:before {
  opacity: 1;
}

.hvr-bubble-top {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}

.hvr-bubble-top:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  transition-duration: .3s;
  transition-property: transform;
  left: calc(50% - 10px);
  top: 0;
  border-width: 0 10px 10px;
  border-color: transparent transparent #e1e1e1;
}

.hvr-bubble-top:active:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:hover:before {
  transform: translateY(-10px);
}

.hvr-bubble-right {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}

.hvr-bubble-right:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  transition-duration: .3s;
  transition-property: transform;
  top: calc(50% - 10px);
  right: 0;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #e1e1e1;
}

.hvr-bubble-right:active:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:hover:before {
  transform: translateX(10px);
}

.hvr-bubble-bottom {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}

.hvr-bubble-bottom:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  transition-duration: .3s;
  transition-property: transform;
  left: calc(50% - 10px);
  bottom: 0;
  border-width: 10px 10px 0;
  border-color: #e1e1e1 transparent transparent;
}

.hvr-bubble-bottom:active:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:hover:before {
  transform: translateY(10px);
}

.hvr-bubble-left {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}

.hvr-bubble-left:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  transition-duration: .3s;
  transition-property: transform;
  top: calc(50% - 10px);
  left: 0;
  border-width: 10px 10px 10px 0;
  border-color: transparent #e1e1e1 transparent transparent;
}

.hvr-bubble-left:active:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:hover:before {
  transform: translateX(-10px);
}

.hvr-bubble-float-top {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  transition-duration: .3s;
  transition-property: transform;
}

.hvr-bubble-float-top:before {
  position: absolute;
  z-index: -1;
  content: '';
  left: calc(50% - 10px);
  top: 0;
  border-style: solid;
  border-width: 0 10px 10px;
  border-color: transparent transparent #e1e1e1;
  transition-duration: .3s;
  transition-property: transform;
}

.hvr-bubble-float-top:active, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:hover {
  transform: translateY(10px);
}

.hvr-bubble-float-top:active:before, .hvr-bubble-float-top:focus:before, .hvr-bubble-float-top:hover:before {
  transform: translateY(-10px);
}

.hvr-bubble-float-right {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  transition-duration: .3s;
  transition-property: transform;
}

.hvr-bubble-float-right:before {
  position: absolute;
  z-index: -1;
  top: calc(50% - 10px);
  right: 0;
  content: '';
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #e1e1e1;
  transition-duration: .3s;
  transition-property: transform;
}

.hvr-bubble-float-right:active, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:hover {
  transform: translateX(-10px);
}

.hvr-bubble-float-right:active:before, .hvr-bubble-float-right:focus:before, .hvr-bubble-float-right:hover:before {
  transform: translateX(10px);
}

.hvr-bubble-float-bottom {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  transition-duration: .3s;
  transition-property: transform;
}

.hvr-bubble-float-bottom:before {
  position: absolute;
  z-index: -1;
  content: '';
  left: calc(50% - 10px);
  bottom: 0;
  border-style: solid;
  border-width: 10px 10px 0;
  border-color: #e1e1e1 transparent transparent;
  transition-duration: .3s;
  transition-property: transform;
}

.hvr-bubble-float-bottom:active, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:hover {
  transform: translateY(-10px);
}

.hvr-bubble-float-bottom:active:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:hover:before {
  transform: translateY(10px);
}

.hvr-bubble-float-left {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  transition-duration: .3s;
  transition-property: transform;
}

.hvr-bubble-float-left:before {
  position: absolute;
  z-index: -1;
  content: '';
  top: calc(50% - 10px);
  left: 0;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent #e1e1e1 transparent transparent;
  transition-duration: .3s;
  transition-property: transform;
}

.hvr-bubble-float-left:active, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:hover {
  transform: translateX(10px);
}

.hvr-bubble-float-left:active:before, .hvr-bubble-float-left:focus:before, .hvr-bubble-float-left:hover:before {
  transform: translateX(-10px);
}

.hvr-icon-back {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-left: 2.2em;
  transition-duration: .1s;
}

.hvr-icon-back:before {
  content: "\f137";
  position: absolute;
  left: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  transform: translateZ(0);
  transition-duration: .1s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-back:active:before, .hvr-icon-back:focus:before, .hvr-icon-back:hover:before {
  transform: translateX(-4px);
}

.hvr-icon-forward {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  transition-duration: .1s;
}

.hvr-icon-forward:before {
  content: "\f138";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  transform: translateZ(0);
  transition-duration: .1s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-forward:active:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:hover:before {
  transform: translateX(4px);
}

@keyframes hvr-icon-down {
  0%, 100%, 50% {
    transform: translateY(0);
  }
  25%, 75% {
    transform: translateY(6px);
  }
}

.hvr-icon-down {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
}

.hvr-icon-down:before {
  content: "\f01a";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  transform: translateZ(0);
}

.hvr-icon-down:active:before, .hvr-icon-down:focus:before, .hvr-icon-down:hover:before {
  animation-name: hvr-icon-down;
  animation-duration: .75s;
  animation-timing-function: ease-out;
}

@keyframes hvr-icon-up {
  0%, 100%, 50% {
    transform: translateY(0);
  }
  25%, 75% {
    transform: translateY(-6px);
  }
}

.hvr-icon-up {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
}

.hvr-icon-up:before {
  content: "\f01b";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  transform: translateZ(0);
}

.hvr-icon-up:active:before, .hvr-icon-up:focus:before, .hvr-icon-up:hover:before {
  animation-name: hvr-icon-up;
  animation-duration: .75s;
  animation-timing-function: ease-out;
}

.hvr-icon-spin {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
}

.hvr-icon-spin:before {
  content: "\f021";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  transition-duration: 1s;
  transition-property: transform;
  transition-timing-function: ease-in-out;
}

.hvr-icon-spin:active:before, .hvr-icon-spin:focus:before, .hvr-icon-spin:hover:before {
  transform: rotate(360deg);
}

@keyframes hvr-icon-drop {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100%, 51% {
    opacity: 1;
  }
}

.hvr-icon-drop {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
}

.hvr-icon-drop:before {
  content: "\f041";
  position: absolute;
  right: 1em;
  opacity: 1;
  padding: 0 1px;
  font-family: FontAwesome;
  transform: translateZ(0);
}

.hvr-icon-drop:active:before, .hvr-icon-drop:focus:before, .hvr-icon-drop:hover:before {
  opacity: 0;
  transition-duration: .3s;
  animation-name: hvr-icon-drop;
  animation-duration: .5s;
  animation-delay: .3s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.hvr-icon-fade {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
}

.hvr-icon-fade:before {
  content: "\f00c";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  transform: translateZ(0);
  transition-duration: .5s;
  transition-property: color;
}

.hvr-icon-fade:active:before, .hvr-icon-fade:focus:before, .hvr-icon-fade:hover:before {
  color: #0F9E5E;
}

@keyframes hvr-icon-float-away {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(-1em);
  }
}

.hvr-icon-float-away {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
}

.hvr-icon-float-away:after, .hvr-icon-float-away:before {
  content: "\f055";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
}

.hvr-icon-float-away:after {
  opacity: 0;
  animation-duration: .5s;
  animation-fill-mode: forwards;
}

.hvr-icon-float-away:active:after, .hvr-icon-float-away:focus:after, .hvr-icon-float-away:hover:after {
  animation-name: hvr-icon-float-away;
  animation-timing-function: ease-out;
}

@keyframes hvr-icon-sink-away {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(1em);
  }
}

.hvr-icon-sink-away {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
}

.hvr-icon-sink-away:after, .hvr-icon-sink-away:before {
  content: "\f056";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  transform: translateZ(0);
}

.hvr-icon-sink-away:after {
  opacity: 0;
  animation-duration: .5s;
  animation-fill-mode: forwards;
}

.hvr-icon-sink-away:active:after, .hvr-icon-sink-away:focus:after, .hvr-icon-sink-away:hover:after {
  animation-name: hvr-icon-sink-away;
  animation-timing-function: ease-out;
}

.hvr-icon-grow {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  transition-duration: .3s;
}

.hvr-icon-grow:before {
  content: "\f118";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  transform: translateZ(0);
  transition-duration: .3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-grow:active:before, .hvr-icon-grow:focus:before, .hvr-icon-grow:hover:before {
  transform: scale(1.3) translateZ(0);
}

.hvr-icon-shrink {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  transition-duration: .3s;
}

.hvr-icon-shrink:before {
  content: "\f119";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  transform: translateZ(0);
  transition-duration: .3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-shrink:active:before, .hvr-icon-shrink:focus:before, .hvr-icon-shrink:hover:before {
  transform: scale(0.8);
}

@keyframes hvr-icon-pulse {
  25% {
    transform: scale(1.3);
  }
  75% {
    transform: scale(0.8);
  }
}

.hvr-icon-pulse {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
}

.hvr-icon-pulse:before {
  content: "\f015";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  transform: translateZ(0);
  transition-timing-function: ease-out;
}

.hvr-icon-pulse:active:before, .hvr-icon-pulse:focus:before, .hvr-icon-pulse:hover:before {
  animation-name: hvr-icon-pulse;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

@keyframes hvr-icon-pulse-grow {
  to {
    transform: scale(1.3);
  }
}

.hvr-icon-pulse-grow {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
}

.hvr-icon-pulse-grow:before {
  content: "\f015";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  transform: translateZ(0);
  transition-timing-function: ease-out;
}

.hvr-icon-pulse-grow:active:before, .hvr-icon-pulse-grow:focus:before, .hvr-icon-pulse-grow:hover:before {
  animation-name: hvr-icon-pulse-grow;
  animation-duration: .3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

@keyframes hvr-icon-pulse-shrink {
  to {
    transform: scale(0.8);
  }
}

.hvr-icon-pulse-shrink {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
}

.hvr-icon-pulse-shrink:before {
  content: "\f015";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  transform: translateZ(0);
  transition-timing-function: ease-out;
}

.hvr-icon-pulse-shrink:active:before, .hvr-icon-pulse-shrink:focus:before, .hvr-icon-pulse-shrink:hover:before {
  animation-name: hvr-icon-pulse-shrink;
  animation-duration: .3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

@keyframes hvr-icon-push {
  50% {
    transform: scale(0.5);
  }
}

.hvr-icon-push {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  transition-duration: .3s;
}

.hvr-icon-push:before {
  content: "\f006";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  transform: translateZ(0);
  transition-duration: .3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-push:active:before, .hvr-icon-push:focus:before, .hvr-icon-push:hover:before {
  animation-name: hvr-icon-push;
  animation-duration: .3s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}

@keyframes hvr-icon-pop {
  50% {
    transform: scale(1.5);
  }
}

.hvr-icon-pop {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  transition-duration: .3s;
}

.hvr-icon-pop:before {
  content: "\f005";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  transform: translateZ(0);
  transition-duration: .3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-pop:active:before, .hvr-icon-pop:focus:before, .hvr-icon-pop:hover:before {
  animation-name: hvr-icon-pop;
  animation-duration: .3s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}

.hvr-icon-bounce {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  transition-duration: .3s;
}

.hvr-icon-bounce:before {
  content: "\f087";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  transform: translateZ(0);
  transition-duration: .3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-bounce:active:before, .hvr-icon-bounce:focus:before, .hvr-icon-bounce:hover:before {
  transform: scale(1.5);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

.hvr-icon-rotate {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  transition-duration: .3s;
}

.hvr-icon-rotate:before {
  content: "\f0c6";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  transform: translateZ(0);
  transition-duration: .3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-rotate:active:before, .hvr-icon-rotate:focus:before, .hvr-icon-rotate:hover:before {
  transform: rotate(20deg);
}

.hvr-icon-grow-rotate {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  transition-duration: .3s;
}

.hvr-icon-grow-rotate:before {
  content: "\f095";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  transform: translateZ(0);
  transition-duration: .3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-grow-rotate:active:before, .hvr-icon-grow-rotate:focus:before, .hvr-icon-grow-rotate:hover:before {
  transform: scale(1.5) rotate(12deg);
}

.hvr-icon-float {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  transition-duration: .3s;
}

.hvr-icon-float:before {
  content: "\f01b";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  transform: translateZ(0);
  transition-duration: .3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-float:active:before, .hvr-icon-float:focus:before, .hvr-icon-float:hover:before {
  transform: translateY(-4px);
}

.hvr-icon-sink {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  transition-duration: .3s;
}

.hvr-icon-sink:before {
  content: "\f01a";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  transform: translateZ(0);
  transition-duration: .3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-sink:active:before, .hvr-icon-sink:focus:before, .hvr-icon-sink:hover:before {
  transform: translateY(4px);
}

@keyframes hvr-icon-bob {
  0% {
    transform: translateY(-6px);
  }
  50% {
    transform: translateY(-2px);
  }
  100% {
    transform: translateY(-6px);
  }
}

@keyframes hvr-icon-bob-float {
  100% {
    transform: translateY(-6px);
  }
}

.hvr-icon-bob {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  transition-duration: .3s;
}

.hvr-icon-bob:before {
  content: "\f077";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  transform: translateZ(0);
}

.hvr-icon-bob:active:before, .hvr-icon-bob:focus:before, .hvr-icon-bob:hover:before {
  animation-name: hvr-icon-bob-float,hvr-icon-bob;
  animation-duration: .3s,1.5s;
  animation-delay: 0s,.3s;
  animation-timing-function: ease-out,ease-in-out;
  animation-iteration-count: 1,infinite;
  animation-fill-mode: forwards;
  animation-direction: normal,alternate;
}

@keyframes hvr-icon-hang {
  0% {
    transform: translateY(6px);
  }
  50% {
    transform: translateY(2px);
  }
  100% {
    transform: translateY(6px);
  }
}

@keyframes hvr-icon-hang-sink {
  100% {
    transform: translateY(6px);
  }
}

.hvr-icon-hang {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  transition-duration: .3s;
}

.hvr-icon-hang:before {
  content: "\f078";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  transform: translateZ(0);
}

.hvr-icon-hang:active:before, .hvr-icon-hang:focus:before, .hvr-icon-hang:hover:before {
  animation-name: hvr-icon-hang-sink,hvr-icon-hang;
  animation-duration: .3s,1.5s;
  animation-delay: 0s,.3s;
  animation-timing-function: ease-out,ease-in-out;
  animation-iteration-count: 1,infinite;
  animation-fill-mode: forwards;
  animation-direction: normal,alternate;
}

@keyframes hvr-icon-wobble-horizontal {
  16.65% {
    transform: translateX(6px);
  }
  33.3% {
    transform: translateX(-5px);
  }
  49.95% {
    transform: translateX(4px);
  }
  66.6% {
    transform: translateX(-2px);
  }
  83.25% {
    transform: translateX(1px);
  }
  100% {
    transform: translateX(0);
  }
}

.hvr-icon-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  transition-duration: .3s;
}

.hvr-icon-wobble-horizontal:before {
  content: "\f061";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  transform: translateZ(0);
}

.hvr-icon-wobble-horizontal:active:before, .hvr-icon-wobble-horizontal:focus:before, .hvr-icon-wobble-horizontal:hover:before {
  animation-name: hvr-icon-wobble-horizontal;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

@keyframes hvr-icon-wobble-vertical {
  16.65% {
    transform: translateY(6px);
  }
  33.3% {
    transform: translateY(-5px);
  }
  49.95% {
    transform: translateY(4px);
  }
  66.6% {
    transform: translateY(-2px);
  }
  83.25% {
    transform: translateY(1px);
  }
  100% {
    transform: translateY(0);
  }
}

.hvr-icon-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  transition-duration: .3s;
}

.hvr-icon-wobble-vertical:before {
  content: "\f062";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  transform: translateZ(0);
}

.hvr-icon-wobble-vertical:active:before, .hvr-icon-wobble-vertical:focus:before, .hvr-icon-wobble-vertical:hover:before {
  animation-name: hvr-icon-wobble-vertical;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

@keyframes hvr-icon-buzz {
  50% {
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    transform: translateX(-3px) rotate(-2deg);
  }
}

.hvr-icon-buzz {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  transition-duration: .3s;
}

.hvr-icon-buzz:before {
  content: "\f017";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  transform: translateZ(0);
}

.hvr-icon-buzz:active:before, .hvr-icon-buzz:focus:before, .hvr-icon-buzz:hover:before {
  animation-name: hvr-icon-buzz;
  animation-duration: .15s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

@keyframes hvr-icon-buzz-out {
  10% {
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    transform: translateX(1px) rotate(0);
  }
  100% {
    transform: translateX(-1px) rotate(0);
  }
}

.hvr-icon-buzz-out {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  transition-duration: .3s;
}

.hvr-icon-buzz-out:before {
  content: "\f023";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  transform: translateZ(0);
}

.hvr-icon-buzz-out:active:before, .hvr-icon-buzz-out:focus:before, .hvr-icon-buzz-out:hover:before {
  animation-name: hvr-icon-buzz-out;
  animation-duration: .75s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}

.hvr-curl-top-left {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}

.hvr-curl-top-left:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  top: 0;
  left: 0;
  background: #fff;
  background: linear-gradient(135deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#000000');
  z-index: 1000;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  transition-duration: .3s;
  transition-property: width,height;
}

.hvr-curl-top-left:active:before, .hvr-curl-top-left:focus:before, .hvr-curl-top-left:hover:before {
  width: 25px;
  height: 25px;
}

.hvr-curl-top-right {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}

.hvr-curl-top-right:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  top: 0;
  right: 0;
  background: #fff;
  background: linear-gradient(225deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
  box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
  transition-duration: .3s;
  transition-property: width,height;
}

.hvr-curl-top-right:active:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:hover:before {
  width: 25px;
  height: 25px;
}

.hvr-curl-bottom-right {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}

.hvr-curl-bottom-right:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  bottom: 0;
  right: 0;
  background: #fff;
  background: linear-gradient(315deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
  box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
  transition-duration: .3s;
  transition-property: width,height;
}

.hvr-curl-bottom-right:active:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:hover:before {
  width: 25px;
  height: 25px;
}

.hvr-curl-bottom-left {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}

.hvr-curl-bottom-left:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  background: linear-gradient(45deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
  box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4);
  transition-duration: .3s;
  transition-property: width,height;
}

.hvr-curl-bottom-left:active:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:hover:before {
  width: 25px;
  height: 25px;
}

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