/*
Theme Name: Zodiac Astrology Pro
Theme URI: https://www.theclassictemplates.com/demo/zodiac-astrology/
Author: classic
Author URI: https://theclassictemplates.com/
Description: The Zodiac Astrology Premium WordPress Theme is a fully customizable website design with a user-friendly interface. It has got the modern, classy as well as professional design that attracts visitors. This theme is built using the latest HTML5 and awesome CSS3 that gives the website a clean, minimalistic and appropriate design that perfectly suits the horoscope and astrology services.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: zodiac-astrology-pro
Tags: two-columns, right-sidebar, left-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu, custom-logo, featured-image-header, featured-images, footer-widgets, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, blog, entertainment, news, portfolio
*/

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

body {
  margin: 0;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: auto;
  }
}

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

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

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

[hidden],
template {
  display: none;
}

a {
  text-decoration: none;
}

a:active,
a:hover {
  outline: 0;
  text-decoration: none;
}

/*a, .dlab-box, .btn, .form-control, .overlay-bx, .overlay-icon li a i, .icon-bx-xl, .icon-bx-lg, .icon-bx-md, .icon-bx-sm, .icon-bx-xs, .share-social-bx li, .indicator, .profile-menu ul li, .staff-member .member-done, .how-dlab-work .dlab-box .shadow-bx img, .how-dlab-work .dlab-box .step-no-bx, .dlab-info-has, .dlab-we-find .dlab-box, .navbar-toggler, .logo-header, .header-nav .nav > li > a, .extra-nav, .skew-secondry:hover, .skew-primary:hover, .skew-secondry:hover::after, .skew-primary:hover::after {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    }*/

a {
  outline: 0 none;
  text-decoration: none;
}

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

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

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

small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

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

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

pre {
  overflow: auto;
}

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

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

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

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

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

input {
  line-height: normal;
}

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

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

input[type="search"] {
  -webkit-appearance: textfield;
  appearance: textfield;
}

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

fieldset {
  margin: 0 2px;
  padding-top: 15px;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td,
th {
  padding: 0px;
}

/*div#secondary .widget_calendar td {
      padding: 5px 10px;
}
*/

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
  color: #444;
  font-size: 17px;
  line-height: 1.2;
  font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: 300;
  line-height: 1.2;
  font-family: "Oswald", sans-serif;
}

h1 {
  font-size: 28px;
  margin-bottom: 15px;
}

h2 {
  font-size: 26px;
  margin-bottom: 15px;
}

h3 {
  font-size: 30px;
  margin: 20px 0 15px 0;
}

h4 {
  font-size: 22px;
  margin-bottom: 10px;
}

h5 {
  font-size: 20px;
  margin-bottom: 10px;
}

h6 {
  font-size: 18px;
  margin-bottom: 10px;
}

p {
  margin: 0 0 15px;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 0px 15px;
  padding: 21px 30px 18px;
  background: #f2f2f2;
  font-size: 16px;
  color: #fff;
  font-style: italic;
  font-weight: 400;
}

.wp-block-quote:not(.is-large):not(.is-style-large) {
  padding-left: 1.7em !important;
}

#classicinner-box blockquote p {
  margin: 0;
  font-weight: 400;
}

.wp-block-image img {
  max-width: 100%;
  width: 100%;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 15px;
  max-width: 100%;
  overflow: auto;
  padding: 15px;
}

code,
kbd,
tt,
var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

select {
  border: 1px solid #eee;
  height: 40px;
  padding: 3px 40px 3px 8px;
  background-color: transparent;
  line-height: 100%;
  outline: 0;
  background-image: url(images/arrow.png);
  background-position: right;
  background-repeat: no-repeat;
  position: relative;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}

blockquote,
q {
  quotes: "" "";
  -moz-box-shadow: -1px 0px 9px rgba(152, 152, 131, 0.2);
  -webkit-box-shadow: -1px 0px 9px rgba(152, 152, 131, 0.2);
  box-shadow: -1px 0px 9px rgba(152, 152, 131, 0.2);
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 15px;
}

ul,
ol {
  margin: 0 0 15px 20px;
  padding: 0;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 15px;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 15px 15px;
}

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
  vertical-align: middle;
}

table {
  margin: 0 0 15px;
  width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  background: #fe5722;
  padding: 10px 20px;
  color: #fff;
  border: 0;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 5px;
  box-shadow: 0px 6px 10px -4px rgba(0, 0, 0, 0.4);
  font-size: 16px;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  /*background: #2d2d2d;*/
  opacity: 1;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
  outline: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #404040;
  border: 1px solid #4a5b7f;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  vertical-align: top;
}

.widget.widget_categories select {
  border: 1px solid #4a5b7f;
  height: 40px;
  padding: 3px 40px 3px 8px;
  line-height: 100%;
  outline: 0;
  background-image: url("images/arrow.png");
  background-position: right;
  background-repeat: no-repeat;
  position: relative;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  -moz-appearance: none;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  outline: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"] {
  padding: 10px 8px;
  width: 100%;
}

textarea {
  padding: 8px;
  width: 100%;
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

a {
  color: #f9c12c;
  text-decoration: none;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}

a:focus {
  outline: 0;
}

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

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

.alignleft {
  display: inline;
  float: left;
  margin-right: 15px;
  border-radius: 10px;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 15px;
  border-radius: 10px;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  border-radius: 10px;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

.widget {
  margin: 0 0 15px;
}

/* Make sure select elements fit in widgets. */

.widget select {
  max-width: 100%;
  width: 100%;
}

/* Search widget. */

.widget_search .search-submit {
  display: none;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/

.widget-area .widget-title {
  padding: 5px;
  margin-bottom: 20px;
  font-size: 18px;
  color: #6d6d6d;
  margin: 0;
  position: relative;
  display: block;
  text-transform: uppercase;
  margin: 0 0 12px;
  background: #eb8733;
  color: #fff;
  border-radius: 20px 0 20px;
  text-align: center;
  font-weight: 600;
}

.widget-area .wp-block-latest-posts.wp-block-latest-posts__list {
  list-style: none;
  padding-left: 0px;
}

.widget_calendar {
  border: 1px solid #eaeaea;
  border-radius: 10px;
  padding: 15px 15px !important;
}

.widget_calendar caption {
  font-size: 18px;
  color: #767676;
  font-weight: 600;
}

.widget_calendar nav.wp-calendar-nav {
  left: 12px;
  position: relative;
  text-align: left;
}

.widget_calendar tr td {
  font-size: 15px;
  color: #404040;
  padding: 8px 0;
  font-weight: 500;
  line-height: 25px;
  margin: 0;
  text-shadow: 0em 0em 0.4em rgb(0 0 0 / 6%);
}

.widget-area ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

/*.widget-area ol{
    border: 1px solid #eaeaea;
    border-radius: 10px;
    padding: 15px 15px;
}*/

.widget-area p,
.widget_text p {
  text-decoration: none;
  color: #404040;
  padding: 8px 0;
  font-weight: 500;
  line-height: 25px;
  margin: 0;
  text-shadow: 0em 0em 0.4em rgb(0 0 0 / 6%);
}

#classicinner-box .widget-area p,
#classicinner-box .widget_text p {
  color: #404040;
}

.widget_text {
  border: 1px solid #4a5b7f;
  border-radius: 10px;
  padding: 15px 15px;
}

.widget_block,
.widget_meta,
.widget_recent_entries,
.widget_categories,
.widget_recent_comments,
.widget_archive,
.widget_nav_menu {
  border: 1px solid #4a5b7f;
  border-radius: 2px;
  padding: 15px 15px;
}

.widget.social-profile-icons {
  border: 1px solid #4a5b7f;
}

.widget-area .social-profile-icons ul {
  border: 0px solid #4a5b7f;
}

.widget-area .social-profile-icons ul li {
  border: none;
}

.widget-area .social-profile-icons ul li {
  display: inline-block;
}

.widget-area .social-profile-icons ul li:before {
  display: none;
}

.widget-area ul ul {
  margin-top: 5px;
}

.widget-area ul ul li {
  padding-left: 10px;
}

.widget-area ul ul li:last-child {
  padding-bottom: 0;
}

.widget-area li {
  padding: 5px 0;
  line-height: normal;
  margin: 0;
  padding: 0;
  border: none;
  position: relative;
  box-shadow: unset;
  border-radius: 0;
  padding-left: 0px;
}

.widget-area li.recentcomments {
  padding: 10px 15px;
}

.widget-area a {
  text-decoration: none;
  color: #000;
  display: inline-block;
  padding: 0px 0;
  font-weight: 400;
  line-height: 25px;
  text-transform: capitalize;
  margin: 0;
  text-shadow: 0em 0em 0.4em rgb(0 0 0 / 6%);
}

#content-box .widget-area a {
  text-decoration: none;
  color: #000;
  display: inline-block;
  padding: 0px 0;
  font-weight: 500;
  line-height: 25px;
  text-transform: capitalize;
  margin: 0;
  text-shadow: 0em 0em 0.4em rgb(0 0 0 / 6%);
}

.recentcomments a {
  display: inline !important;
  padding: 0 !important;
  margin: 0 !important;
}

.widget-area a:hover {
  color: #fe5722;
}

.widget-area .widget {
  padding: 25px 40px 50px;
  border-style: solid;
  border-width: 3px 2px 2px;
  border-color: #d7d7d7;
  margin-bottom: 30px;
}

.widget-area button.wp-block-search__button {
  padding: 10px;
  height: 45px;
}

.widget-area button,
.widget-area input[type="button"],
.widget-area input[type="reset"],
.widget-area input[type="submit"] {
  background-color: #eb8733;
  padding: 15px 20px;
  color: #fff;
  border: 0;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 5px;
  font-size: 16px;
  box-shadow: none;
}

.widget-area button:hover,
.widget-area input[type="button"]:hover,
.widget-area input[type="reset"]:hover,
.widget-area input[type="submit"]:hover {
  opacity: 0.8;
}

/*--------------------------------------------------------------
## Sidebar Area
--------------------------------------------------------------*/

div#secondary input[type="submit"] {
  width: 100%;
}

#secondary input[type="text"] {
  width: 100%;
  margin-bottom: 10px;
  font-size: 15px;
  background: transparent;
  border-radius: 5px;
}

#secondary input[type="text"],
#secondary input[type="email"],
#secondary input[type="url"],
#secondary input[type="password"],
#secondary input[type="search"],
#secondary input[type="number"],
#secondary input[type="tel"],
#secondary input[type="range"],
#secondary input[type="date"],
#secondary input[type="month"],
#secondary input[type="week"],
#secondary input[type="time"],
#secondary input[type="datetime"],
#secondary input[type="datetime-local"],
#secondary input[type="color"],
#secondary input[type="file"],
#secondary textarea,
#secondary select {
  width: 100%;
  margin-bottom: 10px;
  font-size: 15px;
  border-radius: 5px;
  padding: 10px;
  line-height: 1.6;
  background-color: transparent;
}

#secondary textarea {
  height: 90px;
}

#secondary .gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

#secondary figure.gallery-item a img:hover,
#secondary .widget img:hover {
  opacity: 0.7;
}

#secondary figure.gallery-item a img,
#secondary .widget img {
  padding: 5px;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

.author-email-url {
  margin-left: -2%;
}

#comments a:hover {
  color: #2d2d2d;
}

#commentsAdd a:hover {
  color: #2d2d2d;
}

#content-box a :hover {
  /*color:#2d2d2d;*/
}

#content-box a i {
  color: #fff;
}

#commentsAdd input[type="submit"] {
  background: #fc226a;
  padding: 10px 20px;
  color: #fff;
  border: 0;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  height: 50px;
  font-size: 16px;
}

#commentsAdd input[type="submit"]:hover {
  border-radius: 5px;
  opacity: 1;
}

.comment-form-author,
.comment-form-email,
.comment-form-url {
  float: left;
  margin-left: 0%;
  width: 31.33333%;
}

.author-email-url input {
  width: 100%;
}

.comment-form .form-submit {
  margin-bottom: 0;
}

.single_post span.tagtext {
  padding-right: 10px;
}

h3#reply-title,
h3.comments-title {
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 30px;
}

h3#reply-title:after,
h3.comments-title:after {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  width: 30px;
  background: #fe5722;
  /*   height: 2px;*/
}

.logged-in-as,
.comment-notes {
  font-size: 0.9em;
}

#comments ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#comments li.comment {
  margin: 0 0 20px;
}

#comments li.comment .children {
  display: block;
  margin: 20px 0 0 30px;
  padding: 0px;
  list-style: none;
}

article.comment-body {
  background: #fff;
  margin: 0px;
  position: relative;
}

.comment-list a {
  color: #404040;
}

.comment-list a:hover {
  color: #fe5722 !important;
}

.comment-list .comment-respond {
  margin-top: 20px;
  background: #fff;
  padding: 20px;
}

.comment-list .vcard img {
  border-radius: 50%;
  margin-right: 10px;
}

.comment-list .vcard .fn {
  font-weight: normal;
  font-size: 16px;
}

.comment-list .edit-link {
  position: absolute;
  right: 0;
  top: 0;
}

.comment-list .edit-link a {
  font-size: 14px;
  display: inline-block;
  padding: 10px;
}

.comment-list .comment-meta {
  margin-bottom: 15px;
}

.comment-list .comment-metadata {
  border-top: 1px solid #eee;
  padding-top: 10px;
  font-size: 14px;
}

.comment-list .comment-metadata a {
  float: left;
}

.comment-list .comment-metadata .reply {
  float: right;
}

#cancel-comment-reply-link {
  float: right;
}

.nav-previous a,
.nav-next a {
  background: #fe5722;
  color: #fff;
  display: inline-block;
  padding: 0 10px;
  font-size: 12px;
  line-height: 22px;
  position: relative;
}

.nav-next a {
  margin-right: 13px;
}

.nav-next a:after {
  content: "";
  position: absolute;
  border-left: 11px solid #fe5722;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  top: 0;
  right: -11px;
}

.nav-previous a {
  margin-left: 11px;
}

.nav-previous a:after {
  content: "";
  position: absolute;
  border-right: 11px solid #fe5722;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  top: 0;
  left: -11px;
}

.no-comments {
  color: #fe5722;
}

.pagination {
  text-align: center;
}

.pagination .page-numbers {
  display: inline-block;
  margin: 0 2px;
  background: #fe5722;
  color: #fff !important;
  padding: 10px 14px;
  line-height: 1;
  border-radius: 5px;
}

.pagination a.next.page-numbers:after {
  content: "Next >>";
}

.pagination .page-numbers.current,
.pagination .page-numbers:hover {
  background: #333;
  color: #fff;
}

.pagination .nav-links a {
  background: #000 !important;
}

.nav-links a:hover {
  background: #eb8733 !important;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */

embed,
iframe,
object {
  max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/

.wp-caption {
  margin-bottom: 15px;
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin: 0 auto;
}

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

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

/*--------------------------------------------------------------
## Pagination
--------------------------------------------------------------*/

.pagingation {
  margin: 0px 0 0 0;
  padding: 1em 0;
  clear: both;
  text-align: center;
}

.pagingation a,
.woocommerce nav.woocommerce-pagination ul li a {
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  padding: 10px 15px;
  border-radius: 5px;
  border: 1px solid #ccc;
  background: #fff;
  margin: 0 1px 0 0;
  display: inline-block;
  line-height: 1.2em;
  text-decoration: none;
  color: #555;
  padding: 10px 14px;
  margin-right: 8px;
  transition: all 0.25s ease;
}

.pagingation a:hover,
.woocommerce nav.woocommerce-pagination ul li a:hover {
  color: #fff;
}

.pagingation .current {
  /*background: #fe5722;*/
  color: #fff;
  padding: 10px 15px;
  border-radius: 5px;
  color: #fff;
  margin: 0 1px 0 0;
  display: inline-block;
  line-height: 1.2em;
  text-decoration: none;
  padding: 10px 14px;
  border: 1px solid #ccc;
  margin-right: 8px;
}

.page-content #searchform input[type="submit"] {
  margin-top: 15px;
}

.nav-links {
  text-align: center;
  margin: 0 auto;
}

/*--------------------------------------------------------------
## Tabbed Widget
--------------------------------------------------------------*/

#sidebar-tabs {
  position: relative;
  padding-top: 90px;
  border-top: 0;
}

#sidebar-tabs .tabs-nav {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 0;
  margin: 0;
}

#sidebar-tabs .tabs-nav li {
  cursor: pointer;
  width: 50%;
  display: inline-block;
  float: left;
  text-transform: uppercase;
  font-size: 1.1rem;
  font-weight: 700;
  color: #353535;
  letter-spacing: 2px;
  margin: 0 0 20px;
  background: rgba(200, 200, 200, 0.15);
  padding: 12px 10px 12px 30px;
  border-top: 10px solid rgba(200, 200, 200, 0.15);
}

#sidebar-tabs .tabs-nav li.active {
  font-weight: bold;
  background: #fff;
}

#sidebar-tabs .tabs-nav li:first-child {
  border-radius: 3px 0 0 0;
}

#sidebar-tabs .tabs-nav li:last-child {
  border-radius: 0 3px 0 0;
}

#sidebar-tabs .tabs-nav li h2 {
  font-size: 1.1rem;
  font-weight: 700;
  color: #353535;
  letter-spacing: 2px;
  margin: 0;
}

#sidebar-tabs .tabs-content ol {
  display: none;
  counter-reset: li;
  margin-left: 0;
  padding-left: 0;
}

#sidebar-tabs .tabs-content ol:first-of-type {
  display: block;
}

.tabs-content ol > li {
  position: relative;
  margin: 0 0 30px 42px;
  list-style: none;
}

.tabs-content ol > li:before {
  content: counter(li);
  counter-increment: li 1;
  position: absolute;
  top: -1px;
  left: -72px;
  width: 60px;
  font-weight: 700;
  padding: 4px 4px 4px 30px;
  background: rgba(200, 200, 200, 0.15);
  box-sizing: border-box;
}

.tabs-content h3 {
  font-size: 1.1rem;
  font-weight: normal;
  margin: 0;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/

.gallery {
  margin-bottom: 15px;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 13.33%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}

.ht-gallery-member-image {
  position: relative;
  overflow: hidden;
}

/*--------------------------------------------------------------
## General
--------------------------------------------------------------*/

.section-title h2 {
  word-break: break-word;
  font-weight: 800;
  font-size: 60px;
  margin-bottom: 1em;
}

.section-title h3 {
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  margin-bottom: 0px;
}

.inner-area-title {
  font-size: 25px;
  font-weight: 500;
  word-break: break-word;
}

.section-area-text {
  margin-bottom: 24px;
  font-size: 17px;
  line-height: 25px;
  font-weight: 400;
  word-break: break-word;
}

.textcenter {
  text-align: center;
}

:hover {
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}

section {
}

section .darkbox {
  padding: 3em 0;
  background: rgba(0, 0, 0, 0.6);
}

section .lightbox {
  padding: 5em 0;
}

.padding0 {
  padding: 0;
}

.ht-section-title-tagline {
  margin-bottom: 3em;
}

.ht-section-title {
  font-size: 33px;
  color: #323232;
  margin: 0 auto;
  font-weight: bold;
  line-height: 60px;
  word-break: break-word;
  position: relative;
}

.ht-section-title:last-child {
  margin-bottom: 0;
}

.darkbox .ht-section-tagline {
  font-size: 16px;
  width: 70%;
  margin: 0 auto 0;
  color: #fff;
}

.single-productpage .innerpage-whitebox {
  margin-top: 0;
  padding: 1em;
}

.single-productpage #sidebars {
  margin-top: 20px;
}

.single-productpage .ht-main-title {
  padding: 20px;
}

.woocommerce ul.product_list_widget li img {
  margin: 0 15px 0px 0;
}

.woocommerce .woocommerce-breadcrumb a,
#total-breadcrumbs a {
  color: #000;
}

.woocommerce .woocommerce-breadcrumb a:hover,
#total-breadcrumbs a:hover {
  color: #fe5722;
}

.taxonomy-description,
.term-description {
  margin-bottom: 15px;
  padding: 0px 25px 25px 25px;
}

.taxonomy-description p:last-child,
.term-description p:last-child {
  margin-bottom: 0;
}

/*===========================================
## Search & cart icon
======================================*/

.sitenav .search-icon {
  position: absolute;
  right: 0;
  top: 20px;
  cursor: pointer;
  padding: 0;
}

.sitenav .search-icon i {
  margin: 0;
  font-size: 16px;
  color: #fff;
  background: #ac8e50;
  padding: 13px 15px;
  border-radius: 50%;
}

.sitenav .search-bar {
  display: none;
  position: absolute;
  bottom: 16px;
  z-index: 200;
  right: 13%;
}

.sitenav .search-bar input {
  display: inline-block;
}

.sitenav .search-bar input[type="text"] {
  width: 100%;
  background: rgba(33, 33, 33, 0.8);
  color: #fff;
  border: none;
}

.sitenav .search-bar input[type="submit"] {
  background: #000;
  color: #000;
  width: 15%;
  padding: 0;
}

.fa-search {
  &:hover {
    color: rgba(255, 255, 255, 0.75);
  }
}

/*=== header top===*/

@media screen and (min-width: 300px) and (max-width: 768px) {
  header.site-header .heighlightheader {
    clip-path: inherit !important;
    -webkit-clip-path: inherit !important;
  }
}

/*=====video sec ===*/

.video-sec {
  position: relative;
  margin: 2em 0;
}

.video-sec:before,
.video-sec:after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 30px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width: 400px;
  background: #fff;
  -webkit-box-shadow: 0 35px 20px #777;
  -moz-box-shadow: 0 35px 20px #777;
  box-shadow: 0 35px 20px #777;
  -webkit-transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);
  -o-transform: rotate(-8deg);
  -ms-transform: rotate(-8deg);
  transform: rotate(-8deg);
}

.video-sec:after {
  -webkit-transform: rotate(8deg);
  -moz-transform: rotate(8deg);
  -o-transform: rotate(8deg);
  -ms-transform: rotate(8deg);
  transform: rotate(8deg);
  right: 10px;
  left: auto;
}

@media screen and (min-width: 300px) and (max-width: 768px) {
  section#video iframe {
    height: 300px;
  }
}

@media screen and (min-width: 769px) and (max-width: 992px) {
  section#video iframe {
    height: 350px;
  }
}

/*----------------------------------------*/

/*  01. Header Area
/*----------------------------------------*/

.resp_header_logo {
  display: none;
}

.overlap-header {
  position: relative;
  top: 0px;
}

.page-main-header {
  color: #fff;
  clear: both;
  padding: 12em 0 4em;
  background: none;
  position: relative;
  z-index: 1;
  clip-path: polygon(100% 0, 100% 90%, 39% 100%, 0 86%, 0 0);
}

.lower-header .header-social-links {
  margin: 20px 0;
}

.header-transparent .resp_head_box {
  padding: 12px 0 15px;
}

.header-seo.header-transparent .is-fixed .main-bar p.ht-site-description {
  display: none;
}

.resp_header_btn p {
  display: none;
}

.pd-0 {
  padding: 0;
}

.header-right .single-header-info {
  text-align: right;
}

header.site-header li {
  display: inline-block;
  list-style-type: none;
}

.single-header-info li:nth-of-type(2n):before {
  content: "|";
  padding: 0px 1px 0px 1px;
  color: #ffffff;
  font-weight: 600;
}

.logo {
  /* padding: 10px 5px;*/
  position: relative;
}

.logobox img {
  position: relative;
}

header.site-header .main-dispaly.padding0 {
  padding-right: 0;
}

/* = Navigation hover and active menu css
-------------------------------------------------------------- */

header.site-header span.text,
.single-header-info span.theme-color {
  font-size: 14px;
  font-weight: 600;
  word-break: break-word;
}

header.site-header button.header-btn {
  border: none;
  background-color: #eb8733;
  border-radius: 30px;
  color: #ffffff;
  cursor: pointer;
  padding: 11px 37px;
  display: inline-block;
  line-height: 1.5em;
  font-weight: 600;
  font-size: 15px;
  outline: none;
  position: relative;
  opacity: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  top: 10px;
  float: right;
  word-break: break-word;
}

header.site-header button.header-btn span {
  display: inline-block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 1;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

header.site-header button.header-btn i {
  font-size: 20px;
  text-align: center;
  width: 100%;
  top: 50%;
  left: 0;
  display: block;
  position: absolute;
  opacity: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

header.site-header button.header-btn:before {
  border-radius: 30px;
  content: "";
  top: 3px;
  bottom: 3px;
  left: 50%;
  right: 50%;
  position: absolute;
  background: rgba(255, 255, 255, 0);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

header.site-header button.header-btn:hover,
header.site-header button.header-btn.hover {
  color: #000000;
}

header.site-header button.header-btn:hover span,
header.site-header button.header-btn.hover span {
  opacity: 0;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

header.site-header button.header-btn:hover i,
header.site-header button.header-btn.hover i {
  opacity: 1;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

header.site-header button.header-btn:hover:before,
header.site-header button.header-btn.hover:before {
  left: 3px;
  right: 3px;
  background: #ffffff;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

header.site-header button.header-btn:active:before {
  background: rgba(255, 255, 255, 0.7);
}

.navigation .mainmenu {
  position: relative;
  z-index: 9999;
  vertical-align: middle;
  float: none;
}

.navigation .mainmenu li {
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: 0px;
}

.navigation .mainmenu li a {
  display: block;
  text-align: center;
  color: #ffffff;
  position: relative;
}

.menu-content {
  padding: 0;
  text-align: right;
}

/* = Navigation 2nd level css
-------------------------------------------------------------- */

ul.sub-menu {
  display: none;
  z-index: 9999;
  position: absolute;
  left: -9999px;
  border-radius: 10px;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
  left: 0;
  top: 120%;
  text-align: left;
  background: #9bb70d;
  min-width: 250px;
  z-index: 999;
  padding: 8px;
  margin-top: 4px;
  box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.13);
}

.navigation .mainmenu li ul li {
  display: block;
  position: relative;
  float: none;
  line-height: 18px;
  margin-left: 0;
  margin-right: 0;
  -webkit-transform: skew(0deg);
  -ms-transform: skew(0deg);
  transform: skew(0deg);
  /*box-shadow: 0 0 6px rgba(0,0,0,0.15);*/
}

.navigation .mainmenu li ul li a {
  display: block;
  padding: 5px 0px;
  position: relative;
  top: 0;
  text-align: left;
  z-index: 1;
}

.navigation .mainmenu li:hover ul.sub-menu li {
  opacity: 1;
  visibility: visible;
  /*  transition: cubic-bezier(0.25, 0.1, 0.32, 0.83) 0.3s;
    -webkit-transition: cubic-bezier(0.25, 0.1, 0.32, 0.83) 0.3s;
    -moz-transition: cubic-bezier(0.25, 0.1, 0.32, 0.83) 0.3s;
    -o-transition: cubic-bezier(0.25, 0.1, 0.32, 0.83) 0.3s;*/
}

.navigation .mainmenu ul.sub-menu li a {
  font-size: 14px;
  position: relative;
  color: #3b3fb2;
  font-weight: 600;
  margin-right: 25px;
}

.navigation .mainmenu ul.sub-menu li a:hover {
  background: #fff;
  z-index: 200;
}

.navigation .mainmenu ul.sub-menu li a {
  list-style-type: none;
  font-size: 13px;
  font-weight: 400;
  padding: 10px 10px;
  display: inline-block;
  width: 100%;
  margin: 0px;
}

.ht-sticky-header .header-transparent {
  position: fixed;
  left: 0;
  right: 0;
}

.navigation .mainmenu ul.sub-menu li.current_page_item:hover a,
ul.sub-menu .current_page_item:hover > a {
  background: none;
}

@media only screen and (max-width: 1300px) {
  ul.sub-menu {
    position: relative;
    box-shadow: none;
  }
  .navigation .mainmenu ul.sub-menu li {
    opacity: 1;
    visibility: visible;
    -moz-transform: translate3d(0px, -12px, 0px);
  }
}

@media only screen and (min-width: 1300px) {
  .menu-content {
    float: right;
  }
  .navigation .mainmenu li:hover > ul {
    display: block;
    width: 250px;
    position: absolute;
    left: auto;
    top: 85%;
    text-align: left;
  }
}

.navigation .mainmenu li ul.sub-menu {
  border-radius: 0;
}

/* = Navigation 3rd level css
-------------------------------------------------------------- */

.navigation .mainmenu li:hover ul li:hover > ul {
  display: block;
  position: absolute;
  left: 205px;
  top: -1px;
  -ms-animation: fadeInRight 0.3s ease-in-out;
  -webkit-animation: fadeInRight 0.3s ease-in-out;
  animation: fadeInRight 0.3s ease-in-out;
  z-index: 1;
}

.heade-border {
  border-bottom: 1px solid #939192;
  padding: 0 5px;
}

.header.site-header ul.sub-menu li a {
  font-size: 14px;
  /*    transition: all 0.5s ease 0s;*/
  font-weight: 500;
  position: relative;
}

.header.site-header ul.sub-menu li a {
  display: block;
  vertical-align: middle;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  line-height: 1.4em;
  letter-spacing: 0.05em;
  color: #46567b;
}

.header.site-header ul.sub-menu li:hover a {
  background: none;
  color: #46567b;
  border-radius: 0px;
  -moz-transform: translate(5px, 0%);
  -ms-transform: translate(5px, 0%);
  -webkit-transform: translate(5px, 0%);
  -o-transform: translate(5px, 0%);
  transform: translate(5px, 0%);
  overflow: hidden;
}

/*.header.site-header ul.sub-menu li a:before {
     content: "\f2d1";
     position: absolute;
     top: 50%;
     margin-top: -.5em;
     margin-left: -22px;
     border-radius: 0%;
     -webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
     -o-transition: all 0.2s ease;
     -ms-transition: all 0.2s ease;
     transition: all 0.2s ease;
     opacity: 0;
     font-family: 'FontAwesome';
     speak: none;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     text-transform: none;
     line-height: 1;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     font-size: 2px;
    width: 15px;
}
.header.site-header ul.sub-menu li:hover > a:before {
    opacity: 1;
}

.navigation .mainmenu li a:before {
    background-color: #ebf0f1;
}*/

header.site-header ul {
  margin: 0;
}

header.site-header .text-bx.padding0 {
  font-size: 13px;
  font-weight: 700;
}

header.site-header .list-inline.m-a0 {
  padding: 2px 0;
  float: right;
}

.navigation .mainmenu {
  position: relative;
  text-align: right;
}

.header-icon i.fa {
  position: relative;
  top: 0px;
  font-size: 15px;
  padding-right: 9px;
  font-weight: 700;
}

.site-header ul,
.site-header ol {
  margin-bottom: 0;
}

/*without top bar*/

.extra-nav {
  float: right;
  padding: 26px 0;
  position: relative;
  z-index: 9;
}

.extra-nav .site-button-link {
  font-size: 15px;
}

.extra-nav .extra-cell {
  display: inline-block;
  margin-left: 10px;
}

@media only screen and (max-width: 767px) {
  .extra-nav {
    margin-right: 15px;
  }
}

@media only screen and (max-width: 480px) {
  .extra-nav {
    margin: 0 1px 0 0;
    text-align: right;
  }
}

.new-page {
  padding: 2px 5px;
  font-size: 10px;
  background: #ff0000;
  color: #fff;
  border-radius: 4px;
  vertical-align: middle;
  margin-left: 2px;
}

.new-page.menu-new {
  font-size: 10px;
  position: absolute;
  right: 10px;
  top: 8px;
  padding: 3px 4px;
  line-height: 10px;
}

@media only screen and (max-width: 1200px) {
  .new-page.menu-new {
    display: none;
  }
}

/* map page header*/

#header-part.fix-map-header {
  height: 90px;
}

#header-part.fix-map-header .main-bar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
}

@media only screen and (max-width: 480px) {
  #header-part.fix-map-header {
    height: 160px;
  }
}

@media screen and (max-width: 991px) {
  header.site-header input[type="search"],
  header.site-header input[type="search"]:hover {
    width: 100%;
  }
}

header.page-main-header .innerpgimg {
  display: block;
  position: relative;
}

header.page-main-header .innerpgimg:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  background: #000;
  transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  opacity: 0.6;
}

div#secondary .widget_calendar table thead tr th {
  padding: 10px;
  background: #46567a;
}

.widget_calendar tfoot tr td a {
  padding: 2px 10px;
}

/*---------------------------------------------------------------
 Services section
---------------------------------------------------------------*/

.services-overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgb(0, 0, 0, 0.4);
  opacity: 1;
  background-size: cover;
  z-index: 2;
}

/*---------------------------------------------------------------
15. PAGE TOP BAR (left & right content)
---------------------------------------------------------------*/

.icon-x {
  text-align: right;
}

.main-header-info {
  text-align: center;
}

.header-icon {
  display: inline-block;
  text-align: left;
}

.top-bar {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  color: #444444;
}

.dlab-topbar-right {
  float: right;
}

.dlab-topbar-left ul,
.dlab-topbar-right ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.dlab-topbar-left ul li,
.dlab-topbar-right ul li {
  display: inline-block;
}

.dlab-topbar-left ul li {
  padding-right: 0px;
}

.dlab-topbar-left ul li a,
.dlab-topbar-right ul li a {
  color: #444444;
}

.topbar-social li a {
  padding: 0 6px;
}

@media only screen and (max-width: 991px) {
  .dlab-topbar-right {
    padding-left: 0;
    padding-right: 15px;
  }
  .dlab-topbar-left {
    padding-right: 0;
  }
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 15px;
  overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

/*header.site-header ul.sub-menu li {
    display: block !important;

    }*/

.navigation .mainmenu {
  transition: padding 0.3s ease;
  -moz-transition: padding 0.3s ease;
  -webkit-transition: padding 0.3s ease;
}

.navigation .mainmenu.ht-menu {
  display: block !important;
}

.navigation .mainmenu li {
  position: relative;
}

.navigation .mainmenu li a {
  display: block;
  text-decoration: none;
  font-size: 15px;
  padding: 2px 0;
}

.sf-arrows .sf-with-ul {
  padding-right: 0em !important;
}

.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

i.flaticon-phone-call.m-r5,
i.ti-location-pin.m-r5 {
  margin-right: 12px;
}

/* = Navigation sticky header css
-------------------------------------------------------------- */

.header-transparent .sticky-header {
  padding: 14px 0;
  text-align: right;
  /* background-color: #eeebe6;*/
}

.header-seo.header-transparent .is-fixed .main-bar ul {
  padding: 5px 0 10px;
  text-align: center;
}

.header-seo.header-transparent .is-fixed .main-bar ul ul.sub-menu {
  padding: 0px;
}

.header-seo.header-transparent .is-fixed .main-bar input[type="search"] {
  top: 10px;
  position: relative;
}

.header-seo.header-transparent .is-fixed .main-bar span.sb-icon-search {
  top: 8px;
}

header.site-header .dlab-topbar-left {
  position: relative;
  top: 13px;
}

/*----------------------------------------*/

/*  02.Slider Area
/*----------------------------------------*/

.bx-wrapper .bx-controls-direction a {
  z-index: auto !important;
}

.social-icon-container {
  position: relative;
  right: 20px;
}

.slider_section {
  position: relative;
}

.slider_section .ht-slide-cap-desc span {
  color: #eb8733;
}

.slider_section .bx-wrapper .bx-next {
  transition: all 0.8s ease;
}

.slider_section .bx-wrapper .bx-prev {
  transition: all 0.8s ease;
  width: 74px !important;
  line-height: 40px;
  text-align: center;
}

@keyframes an {
  from {
    opacity: 0;
    transform: perspective(500px) translate3d(-35px, -40px, -150px)
      rotate3d(1, -1, 0, 35deg);
  }
  to {
    opacity: 1;
    transform: perspective(500px) translate3d(0, 0, 0);
  }
}

.bx-controls-direction {
  display: none;
}

.ht-slide {
  position: relative;
}

.ht-slide img {
  width: 100%;
}

.slider_gradiant {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #fff;
  opacity: 1;
}

.slide-img-overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
}

.slider_content {
  position: absolute;
  top: 65%;
  left: 40%;
  width: 670px;
  margin-left: -513px;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 3.5em 0em;
  text-align: left;
  z-index: 999;
}

.ht-slide img {
  width: 100%;
  height: 800px !important;
}

.img-slide-responsive {
  position: absolute;
  right: 1193px;
  top: 0px;
}

.slider_section .bx-wrapper .bx-controls-direction a {
  height: 40px;
  text-indent: initial !important;
  font-weight: 600;
  font-size: 14px;
}

.slider_section .bx-wrapper .bx-prev {
  background: transparent url(images/pre1.png) no-repeat left;
  left: auto;
  right: 0;
  top: 24%;
}

.slider_section .bx-wrapper .bx-next {
  background: transparent url(images/next1.png) no-repeat right;
  right: 0;
  top: 28%;
}

.slider_section .bx-wrapper .bx-next {
  width: 55px;
  line-height: 40px;
}

.ct-btn-scroll {
  width: 20px;
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 9;
  border-radius: 50%;
  -webkit-transition: background-color 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out;
}

.slider_section .bx-wrapper .bx-controls-direction a {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #eb8733, #eb8733 50%, #fff 50%);
  background-size: 200% 100%;
  background-position: 100%;
  transform: scale(1);
  transition: all 0.5s ease 0s;
}

.slider_section .bx-wrapper .bx-controls-direction a:hover {
  transition: all 0.3s cubic-bezier(0, 0, 0.23, 1);
  background-position: 0%;
  transform: scale(1.2);
}

.slider_section .midix {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
}

.slider_section .tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

.midix.infinite,
.midix_hover.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.slider_section .site-button {
  margin-top: 5px;
}

.slider_section .box-hover,
.box-hover-2 {
  display: inline-block;
  width: 822px;
  height: 462px;
  margin-top: 30px;
  animation: Animate1 5s infinite alternate ease-in-out;
}

.slider_section .box-title {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
  color: #fff;
  text-shadow: 0 0 80px rgba(#000, 0.4);
  letter-spacing: 2px;
}

.slider_section .box {
  position: relative;
  display: inline-block;
  width: 1100px;
  right: -20%;
  top: 45%;
}

@keyframes Animate1 {
  0% {
    transform: translateY(3%);
  }
  to {
    transform: translateY(-3%);
  }
}

@keyframes Animate2 {
  0% {
    transform: translateY(0%);
  }
  to {
    transform: translateY(-30%);
  }
}

.slider_section .title {
  font-size: 42px;
  font-weight: 500;
  padding-bottom: 0px;
  word-break: break-word;
  text-align: left;
  line-height: 46px;
  z-index: 1;
  position: relative;
}

.slider_section .title b {
  font-weight: 600;
  font-size: 58px;
  display: block;
}

.slider_section .sub-title {
  font-size: 20px;
  font-weight: 400;
  line-height: 35px;
  word-break: break-word;
  text-align: left;
  margin-top: 10px;
  z-index: 1;
  position: relative;
}

.slider-btn {
  margin-top: 2.5em;
  z-index: 1;
  position: relative;
}

.slider_section a.btn {
  display: inline-block;
  text-align: center;
  background: #eb8733;
  color: #fff;
  font-weight: 700;
  padding: 15px 30px;
  line-height: 1;
  border-radius: 50px;
  position: relative;
  text-decoration: none;
  font-size: 14px;
  -webkit-appearance: none;
  background: -webkit-gradient(
    to right,
    #441e87 0%,
    #eb8733 20%,
    #eb8733 50%,
    #441e87 100%
  );
  background: linear-gradient(
    to right,
    #441e87 0%,
    #eb8733 20%,
    #eb8733 50%,
    #441e87 100%
  );
  background-size: 500%;
  border: none;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  color: #fff;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.slider_section a.btn:hover {
  animation-name: gradient;
  -webkit-animation-name: gradient;
  animation-duration: 2s;
  -webkit-animation-duration: s;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100%;
  }
}

.slider-menuimg {
  position: absolute;
  left: -58px;
  bottom: 0;
}

.slider-contentimg {
  position: absolute;
  left: -58px;
  bottom: 0;
}

.slider-menuimg img,
.slider-contentimg img {
  width: auto;
  height: auto !important;
}

.slider-contentimg img,
.slider-menuimg img {
  -webkit-animation: spin 10s linear infinite;
  animation: spin 10s linear infinite;
}

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*----------------------------------------*/

/*  03. Subject inner page
/*----------------------------------------*/

#classicinner-box .single-subject {
  border-radius: 10px;
  position: relative;
  text-align: center;
  padding: 20px 20px 20px 20px;
  background-color: #ffffff;
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
}

body.page-template-default main#classicinner-box .single-subject h4 {
  margin: 0;
  margin-bottom: 10px;
  border-left: none;
  padding: 15px 0 0;
  letter-spacing: 1px;
}

#classicinner-box .single-subject-bx .sub-btn li {
  margin: 0;
}

#classicinner-box .single-subject-bx .sub-btn li:before {
  display: none;
}

#classicinner-box .subject-icon {
  background-image: none;
  border-radius: 0;
  width: 100%;
  height: 100%;
  background: none;
  border: none;
  position: relative;
  top: 0;
  margin: 0 auto;
  z-index: 2;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#classicinner-box .single-subject-bx .subject-content {
  width: 100%;
  height: auto;
  padding: 5px 0;
  position: absolute;
  bottom: 0;
  right: 0;
  transition: all 0.95s ease 0s;
  opacity: 1;
  border-radius: 0 0 10px 10px;
}

#classicinner-box .single-subject-bx:hover .subject-content {
  background: #4640a7;
}

#classicinner-box .single-subject-bx .sub-btn {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  position: absolute;
  top: -30px;
  left: 0;
  opacity: 0;
  transform: translateY(-60%);
  transition: all 0.95s ease 0s;
}

#classicinner-box .single-subject-bx:hover .sub-btn {
  transform: translateY(10%);
  opacity: 1;
}

#classicinner-box .single-subject-bx .sub-btn li a {
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 50%;
  -webkit-appearance: none;
  background: -webkit-gradient(
    to right,
    #441e87 0%,
    #eb8733 20%,
    #eb8733 50%,
    #441e87 100%
  );
  background: linear-gradient(
    to right,
    #441e87 0%,
    #eb8733 20%,
    #eb8733 50%,
    #441e87 100%
  );
  background-size: 500%;
  border: none;
  box-shadow: 0 1.1rem 1rem rgba(0, 0, 0, 0.15);
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 15px;
  font-weight: 800;
  color: #fff;
  transition: all 0.5s ease 0s;
}

#classicinner-box .single-subject-bx .sub-btn li a:hover {
  animation-name: gradient;
  -webkit-animation-name: gradient;
  animation-duration: 2s;
  -webkit-animation-duration: s;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}

#classicinner-box .subject-icon a .subject-img-overlay {
  position: relative;
  text-align: center;
  overflow: hidden;
}

#classicinner-box .subject-icon a .subject-img-overlay:after {
  background: #ffd317;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  opacity: 0.5;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  background: linear-gradient(0deg, #516ced, #8972ea 80%) no-repeat;
}

#classicinner-box
  .single-subject-bx:hover
  .subject-icon
  a
  .subject-img-overlay:after,
#classicinner-box
  .single-subject-bx.hover
  .subject-icon
  a
  .subject-img-overlay:after {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 0.75;
}

/*----------------------------------------*/

/*  03. Service Area
/*----------------------------------------*/

div#service {
  position: relative;
}

.titleborder {
  margin-bottom: 4em;
}

.titleborder:after {
  content: "";
  display: block;
  width: 50px;
  height: 3px;
  margin: 0 auto;
  position: relative;
}

.service-area .single-service {
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  -webkit-clip-path: polygon(
    50% 0%,
    100% 25%,
    100% 75%,
    50% 100%,
    0% 75%,
    0% 25%
  );
  background: #fff;
  padding: 3.5em 2em;
  margin: 0 -10px;
  -webkit-clip-path: polygon(
    45% 1.33975%,
    46.5798% 0.60307%,
    48.26352% 0.15192%,
    50% 0%,
    51.73648% 0.15192%,
    53.4202% 0.60307%,
    55% 1.33975%,
    89.64102% 21.33975%,
    91.06889% 22.33956%,
    92.30146% 23.57212%,
    93.30127% 25%,
    94.03794% 26.5798%,
    94.48909% 28.26352%,
    94.64102% 30%,
    94.64102% 70%,
    94.48909% 71.73648%,
    94.03794% 73.4202%,
    93.30127% 75%,
    92.30146% 76.42788%,
    91.06889% 77.66044%,
    89.64102% 78.66025%,
    55% 98.66025%,
    53.4202% 99.39693%,
    51.73648% 99.84808%,
    50% 100%,
    48.26352% 99.84808%,
    46.5798% 99.39693%,
    45% 98.66025%,
    10.35898% 78.66025%,
    8.93111% 77.66044%,
    7.69854% 76.42788%,
    6.69873% 75%,
    5.96206% 73.4202%,
    5.51091% 71.73648%,
    5.35898% 70%,
    5.35898% 30%,
    5.51091% 28.26352%,
    5.96206% 26.5798%,
    6.69873% 25%,
    7.69854% 23.57212%,
    8.93111% 22.33956%,
    10.35898% 21.33975%
  );
  clip-path: polygon(
    45% 1.33975%,
    46.5798% 0.60307%,
    48.26352% 0.15192%,
    50% 0%,
    51.73648% 0.15192%,
    53.4202% 0.60307%,
    55% 1.33975%,
    89.64102% 21.33975%,
    91.06889% 22.33956%,
    92.30146% 23.57212%,
    93.30127% 25%,
    94.03794% 26.5798%,
    94.48909% 28.26352%,
    94.64102% 30%,
    94.64102% 70%,
    94.48909% 71.73648%,
    94.03794% 73.4202%,
    93.30127% 75%,
    92.30146% 76.42788%,
    91.06889% 77.66044%,
    89.64102% 78.66025%,
    55% 98.66025%,
    53.4202% 99.39693%,
    51.73648% 99.84808%,
    50% 100%,
    48.26352% 99.84808%,
    46.5798% 99.39693%,
    45% 98.66025%,
    10.35898% 78.66025%,
    8.93111% 77.66044%,
    7.69854% 76.42788%,
    6.69873% 75%,
    5.96206% 73.4202%,
    5.51091% 71.73648%,
    5.35898% 70%,
    5.35898% 30%,
    5.51091% 28.26352%,
    5.96206% 26.5798%,
    6.69873% 25%,
    7.69854% 23.57212%,
    8.93111% 22.33956%,
    10.35898% 21.33975%
  );
  display: inline-block;
}

.service-area .single-service-bx {
  filter: drop-shadow(-1px 0px 4px rgba(50, 50, 0, 0.2));
  padding: 0 0px;
}

.service-area .single-service-bx:hover .single-service {
  background: linear-gradient(0deg, #eb8733, #441e87 80%) no-repeat;
}

.service-icon a i {
  font-size: 85px;
  margin-bottom: 15px;
  color: #eb8733;
  transform: scale(1);
  transition: all 1s ease 0s;
}

.service-area .service-icon a img {
  display: none;
}

.service-area p {
  padding: 0 10px;
}

.service-area .service-area-btn {
  margin: 0 50px;
}

.service-area h4 {
  padding: 0 10px;
}

.single-service-bx {
  padding: 0 20px;
  margin-bottom: 40px;
  position: relative;
  z-index: 2;
}

.service-social-btn {
  position: absolute;
  z-index: 3;
  display: grid;
  top: 25%;
}

.service-area .service-social-btn a {
  font-size: 15px;
  padding: 0 0px;
  margin: 8px 0px;
  transition: 0s;
}

.service-area .single-service-bx:hover p,
.service-area .single-service-bx:hover h4 {
  color: #fff;
}

.service-area .single-service-bx:hover .service-icon a i {
  color: #fff;
  transform: scale(1.1);
  left: 40px;
}

/* bubbles */

.service-area .single-service-bx:hover .single-service::before {
  content: "";
  pointer-events: none;
  opacity: 0.6;
  background: radial-gradient(
      circle at 20% 35%,
      transparent 0,
      transparent 2px,
      #fff 3px,
      #fff 4px,
      transparent 4px
    ),
    radial-gradient(
      circle at 75% 44%,
      transparent 0,
      transparent 2px,
      #fff 3px,
      #fff 4px,
      transparent 4px
    ),
    radial-gradient(
      circle at 46% 52%,
      transparent 0,
      transparent 4px,
      #fff 5px,
      #fff 6px,
      transparent 6px
    ),
    radial-gradient(
      circle at 33% 44%,
      transparent 0,
      transparent 4px,
      #fff 5px,
      #fff 6px,
      transparent 6px
    ),
    radial-gradient(
      circle at 65% 40%,
      transparent 0,
      transparent 2px,
      #fff 3px,
      #fff 4px,
      transparent 4px
    ),
    radial-gradient(
      circle at 30% 32%,
      transparent 0,
      transparent 2px,
      #fff 3px,
      #fff 4px,
      transparent 4px
    );
  width: 100%;
  height: 300%;
  top: 0;
  left: 0;
  position: absolute;
  animation: bubbles 5s linear infinite both;
}

@keyframes bubbles {
  from {
    transform: translate();
  }
  to {
    transform: translate(0, -66.666%);
  }
}

/*----- child css for icon ----*/

.service-area .single-service-bx:nth-child(1) .service-icon a i,
.service-area .single-service-bx:nth-child(5) .service-icon a i,
.service-area .single-service-bx:nth-child(9) .service-icon a i,
.service-area .single-service-bx:nth-child(13) .service-icon a i {
  color: #e95e63;
}

.service-area .single-service-bx:nth-child(2) .service-icon a i,
.service-area .single-service-bx:nth-child(6) .service-icon a i,
.service-area .single-service-bx:nth-child(10) .service-icon a i,
.service-area .single-service-bx:nth-child(14) .service-icon a i {
  color: #089ad6;
}

.service-area .single-service-bx:nth-child(3) .service-icon a i,
.service-area .single-service-bx:nth-child(7) .service-icon a i,
.service-area .single-service-bx:nth-child(11) .service-icon a i,
.service-area .single-service-bx:nth-child(15) .service-icon a i {
  color: #fca902;
}

.service-area .single-service-bx:nth-child(4) .service-icon a i,
.service-area .single-service-bx:nth-child(8) .service-icon a i,
.service-area .single-service-bx:nth-child(12) .service-icon a i,
.service-area .single-service-bx:nth-child(16) .service-icon a i {
  color: #20d092;
}

/*----- child css for icon ----*/

.service-area .inn-single-service-bx {
  display: none;
}

/*----------------------------------------*/

/*  07. Testimonials Area
/*----------------------------------------*/

#testimonials {
  position: relative;
}

.testimonials-img {
  position: absolute;
  right: 15%;
  top: -130px;
}

.testimonials-img img {
  width: auto;
  height: auto !important;
}

.testimonials-img img {
  -webkit-animation: spin 10s linear infinite;
  animation: spin 10s linear infinite;
}

#testimonials .section-title h2 {
  font-size: 24px;
  letter-spacing: 8px;
  margin-bottom: 0;
}

#testimonials .section-subtitle h3 {
  font-size: 58.57px;
  font-weight: 600;
  line-height: 63px;
  margin-bottom: 0;
  margin-top: 5px;
}

.section-area-text p {
  font-size: 15px;
}

div#testimonials .ts-pd {
  padding-top: 4em;
}

.testimonials-area .ts-area-thumb img {
  width: 80px !important;
  height: 80px;
  /* display: inline; */
  border-radius: 50%;
}

.testimonials-area #quote-carousel {
  padding: 0 10px 0 10px;
}

.testimonials-area #quote-carousel .carousel-indicators {
  right: 50%;
  top: auto;
  bottom: 30px;
  margin-right: -19px;
  z-index: 2;
}

.testimonials-area .carousel-indicators li {
  background-color: #fcbed9;
  border: 1px solid #fcbed9;
}

.testimonials-area #quote-carousel .carousel-indicators li {
  width: 10px;
  height: 10px;
  cursor: pointer;
  border-radius: 50px;
  overflow: hidden;
  transition: all 0.4s;
  margin-right: 0;
  margin: 0 4px;
}

.testimonials-area #quote-carousel .carousel-indicators .active {
  background: #f72b84;
  width: 10px;
  height: 10px;
  border-color: #f72b84;
  opacity: 1;
  overflow: hidden;
  margin-right: 0;
  margin: 0 4px;
}

.testimonials-area .section-title h2 {
  color: #1f1f1f;
  font-size: 40px;
}

.testimonials-area h6.ts-area-title {
  font-size: 23px;
  color: #3d3d3d;
  font-weight: 500;
  margin-top: 15px;
  margin-bottom: 5px;
  transition: all 0.3s ease 0s;
  display: inline-block;
}

.testimonials-area .ts-area-single:hover h6.ts-area-title {
  letter-spacing: 2px;
  background-image: linear-gradient(45deg, #421b85, #57a3fc);
  background-size: 100%;
  background-repeat: repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
}

.testimonials-area .ts-area-desg {
  font-size: 14px;
  font-weight: 500;
}

.testimonials-area .ts-area-single {
  background: #fff;
  -moz-box-shadow: -1px 0px 9px rgba(152, 152, 131, 0.2);
  -webkit-box-shadow: -1px 0px 9px rgba(152, 152, 131, 0.2);
  box-shadow: -1px 0px 9px rgba(152, 152, 131, 0.2);
  margin: 10px;
  padding: 3.7em 3em 2.8em;
  border-radius: 5px;
}

.testimonials-area .ts-area-c p {
  margin-bottom: 2.5em;
  font-size: 17px;
  line-height: 30px;
  font-weight: 500;
}

.testimonials-area .ts-area-c p span {
  color: #000;
  border-bottom: 1px solid #000;
}

.testimonials-area .section-area-text {
  margin-bottom: 18px;
}

.testimonials-area .ts-shape-area {
  position: relative;
  text-align: center;
  z-index: 2;
}

.testimonials-area .quote-icon {
  position: relative;
  top: -90px;
}

.testimonials-area .quote-icon i {
  position: absolute;
  /* top: 0; */
  font-size: 70px;
}

.testimonials-area .owl-carousel .owl-stage-outer {
  padding-top: 3em;
}

.testimonials-area .ts-area-single:hover .quote-icon i {
  background: -moz-linear-gradient(top, #e72c83 0%, #a742c6 100%);
  background: -webkit-linear-gradient(top, #e72c83 0%, #a742c6 100%);
  background: linear-gradient(to right, #441f88 0%, #eb8733 100%);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 0;
}

.testimonials-area .owl-theme .owl-dots .owl-dot {
  box-shadow: none;
  padding: 0;
  margin: 0;
}

.testimonials-area .owl-theme .owl-dots .owl-dot span {
  width: 30px;
  height: 30px;
  margin: 5px 6px;
  font-size: 25px;
  display: none;
}

.testimonials-area .owl-theme .owl-dots .owl-dot:before {
  content: "\f111";
  font-family: FontAwesome;
  display: block;
  color: #fff;
  border-radius: 50%;
  box-shadow: 0 1.1rem 1rem rgba(0, 0, 0, 0.15);
  margin: 0 6px;
  font-size: 20px;
}

.testimonials-area .owl-theme .owl-dots .owl-dot:hover:before {
  background: -moz-linear-gradient(top, #441f88 0%, #eb8733 100%);
  background: -webkit-linear-gradient(top, #441f88 0%, #eb8733 100%);
  background: linear-gradient(to right, #441f88 0%, #eb8733 100%);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}

.testimonials-area .owl-theme .owl-dots .owl-dot.active:before {
  content: "\f111";
  font-family: FontAwesome;
  background: -moz-linear-gradient(top, #441f88 0%, #eb8733 100%);
  background: -webkit-linear-gradient(top, #441f88 0%, #eb8733 100%);
  background: linear-gradient(to right, #441f88 0%, #eb8733 100%);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  box-shadow: 0 1.1rem 1rem rgba(0, 0, 0, 0.15);
}

.testimonials-area .owl-theme .owl-dots .owl-dot {
  box-shadow: none;
}

.testimonials-area .testimonials_gradiant {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #e6eff8;
  opacity: 0.9;
}

.testimonials-area .owl-theme .owl-nav {
  margin-top: 10px;
  display: none;
}

.testimonials-area .owl-dots {
  margin-top: 1em;
}

/*----------------------------------------*/

/* 10. Blog Area
/*----------------------------------------*/

div#blog .blog-r-area {
  padding: 4em 15em 2em 5em;
  position: relative;
  z-index: 4;
}

.blog-area .blog-btn {
  margin-top: 2em;
}

.blog-area {
  padding: 0em 0 4em;
  background-image: radial-gradient(
    circle farthest-corner at 10% 20%,
    #fff 0%,
    #e6eff8 100.3%
  );
}

#blog .section-title h2 {
  font-size: 24px;
  letter-spacing: 8px;
  padding: 0 15px;
  border-left: 4px solid #000;
}

#blog .section-subtitle h3 {
  font-size: 58.57px;
  font-weight: 600;
  line-height: 63px;
  margin-bottom: 35px;
  margin-top: 0px;
}

.box-area-S {
  margin-bottom: 1.5em;
}

.blog-l-area {
  position: relative;
}

.blog-img-area:before {
  content: "";
  background: #000;
  position: relative;
  text-decoration: none;
  -webkit-appearance: none;
  background: -webkit-gradient(
    to right,
    #441e87 0%,
    #4b63b6 20%,
    #4b63b6 50%,
    #441e87 100%
  );
  background: linear-gradient(
    to right,
    #441e87 0%,
    #4b63b6 20%,
    #4b63b6 50%,
    #441e87 100%
  );
  background-size: 500%;
  border: none;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 0 0 307px 0;
  /* height: 100px; */
  padding: 0% 0% 70% 92%;
  top: 2px;
}

.blog-img-area img {
  position: relative;
  top: -5em;
  left: 4em;
  z-index: 5;
}

.blog-img-area:after {
  content: "";
  position: absolute;
  border-style: solid;
  border-color: transparent;
  top: 0px;
  right: -85px;
  border-width: 0px 0 135px 230px;
  /* border-radius: 50% 50% 0px 0px; */
  background: #4a5eb3;
  z-index: 3;
}

.blog-img-in:after {
  content: "";
  position: absolute;
  border-style: solid;
  border-color: transparent;
  top: 0px;
  right: -276px;
  border-width: 0px 0 135px 290px;
  border-radius: 123px 0 0px 0px;
  background: #f3f7fb;
  z-index: 4;
}

.blog-single {
  padding: 1em 0.5em 1em;
}

.blog-area .section-area-text {
  margin-bottom: 5px;
}

.blog-area .inner-area-title {
  font-size: 23px;
  margin: 0;
}

.blog-area .blog-date span {
  color: #eb8733;
  text-transform: uppercase;
}

.blog-area .box-area-S:hover .blog-date span {
  color: #441e87;
}

.blog-area .blog-single a .inner-area-title {
  color: #3d3d3d;
}

.blog-area .box-area-S:hover .blog-single a .inner-area-title {
  color: #eb8733;
}

.blog-area .section-area-text {
  font-size: 14px;
}

.blog-area .blog-thumbnail {
  position: relative;
  overflow: hidden;
}

.blog-area .blog-thumbnail img {
  width: 100%;
  height: auto;
  height: 125px;
  transform: scale(1);
  transition: all 1s ease 0s;
}

.blog-area .box-area-S:hover .blog-thumbnail img {
  opacity: 0.75;
  transform: scale(1.2);
}

.blog-area .blog-thumbnail .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  background: linear-gradient(0deg, #441e87, #eb8733 80%) no-repeat;
  transition: all 0.4s ease;
}

.blog-area .box-area-S:hover .blog-thumbnail .overlay {
  opacity: 0.75;
}

.blog-area .blog-thumbnail .overlay .box {
  display: table;
  width: 100%;
  height: 100%;
}

.blog-area .blog-thumbnail .overlay .box .content {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.blog-area .blog-thumbnail .overlay .box .content > a {
  border-radius: 50%;
  font-size: 18px;
  width: 50px;
  height: 50px;
  background: #ffffff;
  color: #eb8733;
  text-align: center;
  line-height: 50px;
  transform: scale(1.2);
  transition: all 500ms ease 0s;
}

.blog-area .box-area-S:hover .blog-thumbnail .overlay .box .content > a {
  transform: scale(1);
  transition-delay: 0.1s;
  opacity: 1;
}

.blog-area .blog-thumbnail .overlay .box .content > a:hover {
  background: #eb8733;
  color: #fff;
}

.blog-btn a {
  display: inline-block;
  color: #fff;
  font-weight: 600;
  padding: 25px 65px;
  line-height: 1;
  border-radius: 50px;
  position: relative;
  text-decoration: none;
  -webkit-appearance: none;
  background: -webkit-gradient(
    to right,
    #441e87 0%,
    #eb8733 20%,
    #eb8733 50%,
    #441e87 100%
  );
  background: linear-gradient(
    to right,
    #441e87 0%,
    #eb8733 20%,
    #eb8733 50%,
    #441e87 100%
  );
  background-size: 500%;
  border: none;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 15.77px;
  color: #fff;
  transition: all 0.5s ease 0s;
  border: 1px solid transparent;
}

.blog-btn a:hover {
  animation-name: gradient;
  -webkit-animation-name: gradient;
  animation-duration: 2s;
  -webkit-animation-duration: s;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  box-shadow: 0 1.1rem 1rem rgba(0, 0, 0, 0.15);
}

.blog-btn a i {
  padding-left: 10px;
}

/*----------------------------------------*/

/*  05. Testimonials Page
/*----------------------------------------*/

#classicinner-box .item.inner-t-area {
  width: 100%;
}

#classicinner-box .ts-area-single {
  -moz-box-shadow: -1px 0px 9px rgba(152, 152, 131, 0.2);
  -webkit-box-shadow: -1px 0px 9px rgba(152, 152, 131, 0.2);
  box-shadow: -1px 0px 9px rgba(152, 152, 131, 0.2);
  margin: 10px;
  padding: 2em 2em 2em;
  border-radius: 20px;
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
  text-decoration: none;
  -webkit-appearance: none;
  background: -webkit-gradient(
    to right,
    #441e87 0%,
    #eb8733 20%,
    #eb8733 50%,
    #441e87 100%
  );
  background: linear-gradient(
    to right,
    #441e87 0%,
    #eb8733 20%,
    #eb8733 50%,
    #441e87 100%
  );
  background-size: 500%;
  border: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

body.page-template-default main#classicinner-box h6.ts-area-title {
  margin: 0 0 10px;
  margin-top: 25px;
  border-left: none;
  padding: 0;
  transition: all 0.3s ease 0s;
}

body.page-template-default
  main#classicinner-box
  .ts-area-single:hover
  h6.ts-area-title {
  letter-spacing: 2px;
}

#classicinner-box .ts-area-thumb {
  margin: 0 auto;
}

#classicinner-box .ts-area-c p {
  color: #fff;
}

#classicinner-box h6.ts-area-title {
  color: #fff;
  font-weight: 600;
}

body.page-template-default main#classicinner-box h6.ts-area-title:after {
  display: none;
}

#classicinner-box .ts-area-thumb {
  position: relative;
}

#classicinner-box .ts-area-thumb img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  text-align: center;
  transition: all 0.3s ease 0s;
  margin: 0 0 0 auto;
  border: 2px dashed #fff;
  background: #43359c;
  padding: 7px;
}

#classicinner-box .ts-area-single:hover .ts-area-thumb img {
  transform: scale(1.1) rotateZ(0deg);
  -moz-transform: scale(1.1) rotateZ(0deg);
  -webkit-transform: scale(1.1) rotateZ(0deg);
  -o-transform: scale(1.1) rotateZ(0deg);
  padding: 10px;
}

#classicinner-box .quote-icon {
  display: none;
}

div#content-box .timeline-icon {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #f72985;
  border: 4px solid #fff;
  margin: 0 auto;
  position: absolute;
  top: -25px;
  left: 40%;
  z-index: 2;
}

div#content-box .ts-b {
  position: relative;
  margin-bottom: 3em;
}

div#content-box .ts-area-single .timeline-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #eb8733;
  border: 4px solid #fff;
  margin: 0 auto;
  position: absolute;
  top: 42%;
  left: -20px;
  z-index: 2;
}

div#content-box .timeline-icon1 {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  border: 4px solid #eb8733;
  margin: 0 auto;
  position: absolute;
  top: 4px;
  left: 44%;
  z-index: 2;
}

#classicinner-box .ts-b .team-overlay {
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, #eb8733, #441e87 80%) no-repeat;
  color: #fff;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  transition: all 0.5s ease-out 0s;
  -webkit-clip-path: polygon(
    45% 1.33975%,
    46.5798% 0.60307%,
    48.26352% 0.15192%,
    50% 0%,
    51.73648% 0.15192%,
    53.4202% 0.60307%,
    55% 1.33975%,
    89.64102% 21.33975%,
    91.06889% 22.33956%,
    92.30146% 23.57212%,
    93.30127% 25%,
    94.03794% 26.5798%,
    94.48909% 28.26352%,
    94.64102% 30%,
    94.64102% 70%,
    94.48909% 71.73648%,
    94.03794% 73.4202%,
    93.30127% 75%,
    92.30146% 76.42788%,
    91.06889% 77.66044%,
    89.64102% 78.66025%,
    55% 98.66025%,
    53.4202% 99.39693%,
    51.73648% 99.84808%,
    50% 100%,
    48.26352% 99.84808%,
    46.5798% 99.39693%,
    45% 98.66025%,
    10.35898% 78.66025%,
    8.93111% 77.66044%,
    7.69854% 76.42788%,
    6.69873% 75%,
    5.96206% 73.4202%,
    5.51091% 71.73648%,
    5.35898% 70%,
    5.35898% 30%,
    5.51091% 28.26352%,
    5.96206% 26.5798%,
    6.69873% 25%,
    7.69854% 23.57212%,
    8.93111% 22.33956%,
    10.35898% 21.33975%
  );
  clip-path: polygon(
    45% 1.33975%,
    46.5798% 0.60307%,
    48.26352% 0.15192%,
    50% 0%,
    51.73648% 0.15192%,
    53.4202% 0.60307%,
    55% 1.33975%,
    89.64102% 21.33975%,
    91.06889% 22.33956%,
    92.30146% 23.57212%,
    93.30127% 25%,
    94.03794% 26.5798%,
    94.48909% 28.26352%,
    94.64102% 30%,
    94.64102% 70%,
    94.48909% 71.73648%,
    94.03794% 73.4202%,
    93.30127% 75%,
    92.30146% 76.42788%,
    91.06889% 77.66044%,
    89.64102% 78.66025%,
    55% 98.66025%,
    53.4202% 99.39693%,
    51.73648% 99.84808%,
    50% 100%,
    48.26352% 99.84808%,
    46.5798% 99.39693%,
    45% 98.66025%,
    10.35898% 78.66025%,
    8.93111% 77.66044%,
    7.69854% 76.42788%,
    6.69873% 75%,
    5.96206% 73.4202%,
    5.51091% 71.73648%,
    5.35898% 70%,
    5.35898% 30%,
    5.51091% 28.26352%,
    5.96206% 26.5798%,
    6.69873% 25%,
    7.69854% 23.57212%,
    8.93111% 22.33956%,
    10.35898% 21.33975%
  );
  transition: all 0.7s linear;
  position: relative;
  top: -125px;
}

#classicinner-box .ts-b:hover .team-overlay {
  opacity: 0.4;
}

#classicinner-box .pd-0 {
  padding: 0;
}

/*--------------------------------------------------------------
# Gallery page
--------------------------------------------------------------*/

#classicinner-box .lz-gallery-images {
  width: 33.33333333%;
  float: left;
  padding: 10px;
}

#classicinner-box .lz-gallery-images img {
  height: 520px;
  border-radius: 25px;
  width: 100%;
}

/*-----------------------
## Site map Template 
-----------------------------*/

div#sitemap-box {
  border-top: 2px solid #f94c34;
  border-radius: 0;
}

div#sitemap-box:before {
  position: absolute;
  content: "";
  display: inline-block;
  width: 35px;
  border-width: 2px;
  border-style: solid;
  border-color: #eb8733;
  right: 0;
  top: 16px;
  left: 0%;
  margin: 0 auto;
  border-top: none;
  border-right: none;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(90deg);
  z-index: 1;
}

div#sitemap-box h3 {
  font-size: 20px;
  background: #2e2e2e;
  padding: 15px 25px !important;
  color: #ffffff;
  border-radius: 25px 0;
  text-align: center;
  word-break: break-word;
  box-shadow: 0px 6px 10px -4px rgba(0, 0, 0, 0.4);
  font-weight: 500;
}

.page-template-templates main#classicinner-box div#sitemap-box h3:after {
  display: none;
}

main#classicinner-box div#sitemap-box ul li {
  list-style: none;
  padding-bottom: 5px;
}

main#classicinner-box div#sitemap-box ul li a {
  position: relative;
  padding-left: 20px;
}

main#classicinner-box div#sitemap-box ul li a:before {
  content: "\f111";
  font-family: "Fontawesome";
  margin-right: 10px;
  color: #eb8733;
  font-size: 10px;
  display: inline-block;
  transform: scale(1);
  transition: all 0.5s ease 0s;
}

main#classicinner-box div#sitemap-box ul li a:hover:before {
  transform: scale(1.4);
}

div#sitemap-box ul {
  margin: 0;
}

div#sitemap-box .sitemap-blogposts ul {
  padding: 5px 5px 5px 0;
  margin: 0;
}

div#sitemap-box .sitemap-posts-box {
  margin-bottom: 15px;
}

div#sitemap-box .blogpostsitemap li {
  list-style: none;
}

div#sitemap-box .sitemap-posts-box img {
  width: 100%;
}

div#sitemap-box h3:before {
  position: absolute;
  content: "";
  display: inline-block;
  width: 20px;
  border-width: 2px;
  border-style: solid;
  border-color: #f94c34;
  right: 0;
  top: 9px;
  left: 0%;
  margin: 0 auto;
  border-top: none;
  border-right: none;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(90deg);
  z-index: 1;
}

div#sitemap-box ul {
  margin: 0;
  list-style: none;
  padding: 0;
  margin: 0 0 0px 20px;
}

/*-----------------------
## End Site map Template 
-----------------------------*/

/*==== for slider bouncing arrow =========*/

@-moz-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

/*==== for bouncing arrow =========*/

.social_area {
  position: relative;
  padding: 0 2em;
}

.social_area i.fa {
  font-size: 45px;
  color: #fff;
  z-index: 999;
  cursor: pointer;
  -moz-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
  position: absolute;
  top: 60px;
  right: 50%;
  font-size: 43px;
}

/*-----------------------
## End Contact Template
-----------------------------*/

/*===========*/

.col-container {
  display: table;
  width: 100%;
}

.col-video {
  display: table-cell;
}

.heading.active i {
  box-shadow: 0px 0px 0px 2px #fff, 0px 0px 0px 4px #0158a6;
}

.test-right img {
  width: 100%;
  height: 100%;
}

.heading {
  cursor: pointer;
}

@media screen and (min-width: 769px) {
  .inside-full-height {
    height: 100%;
  }
}

/* Catalogue slider Start */

.slider {
  width: 86%;
  position: relative;
  height: 490px;
  margin: auto;
  overflow-x: scroll;
  overflow-y: hidden;
}

.slider::-webkit-scrollbar {
  display: none;
}

.slider .slides {
  display: flex;
  position: absolute;
  left: 0;
  transition: 0.3s left ease-in-out;
}

.slider .slide-item {
  margin-right: 35px;
  width: 334px;
  margin-left: 0;
}

.slider .slide-item:last-child {
  margin-right: 0;
}

.ctrl {
  text-align: center;
  margin-top: 5px;
}

.ctrl-btn {
  font-size: 13px !important;
  background: none;
  border: none;
  font-weight: 600;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #9e9e9e;
  position: absolute;
  margin-top: -60.5px;
  height: 23px;
  bottom: 0;
}

.ctrl-btn:hover {
  color: #000;
  background: none;
}

.ctrl-btn.pro-next {
  right: 45%;
  position: absolute;
  border: 2px solid #bfbfbf;
  padding: 3px 5px 3px 5px;
  margin: 0;
  z-index: 999;
  height: 45px;
  width: 45px;
}

.ctrl-btn.pro-prev {
  left: 46%;
  position: absolute;
  border: 2px solid #bfbfbf;
  padding: 0;
  margin: 0;
  z-index: 999;
  height: 45px;
  width: 45px;
}

/*--------------------------------------------------------------
## Add to card
--------------------------------------------------------------*/

.total-count a.button.wc-forward {
  background: none;
  border: none;
  position: relative;
  right: 19px;
}

.total-count a.button.wc-forward:hover {
  background: none;
  border: none;
}

.total-count .count {
  color: #eb8733;
  position: absolute;
  padding: 4px;
  z-index: 300;
  top: 16px;
  right: 35px;
  font-size: 10px;
  border-radius: 20px;
  width: 20px;
  height: 20px;
  line-height: 14px;
  text-align: center;
  background: #fff;
}

.total-count img {
  width: auto;
  height: auto;
  margin: 0px 0 0;
}

.total-count {
  background: #eb8733;
  clip-path: polygon(0 0, 70% 0, 100% 100%, 30% 100%);
  webkit-clip-path: polygon(0 0, 70% 0, 100% 100%, 30% 100%);
  padding: 18px 45px;
}

/*--------------------------------------------------------------
## carousel slider
--------------------------------------------------------------*/

.carousel-inner {
  border-radius: 10px;
}

.quote-box:after {
  content: "";
  background-image: url(images/quote-boxbg.png);
  width: 28px;
  height: 23px;
  position: absolute;
  background-repeat: no-repeat;
  bottom: -23px;
  left: 10%;
}

.quote-box {
  border: 2px solid #ffffff;
  position: relative;
  padding: 20px;
}

#quote-carousel {
  padding: 0 10px 30px 10px;
  clear: both;
  /*margin-top: 30px;*/
}

#quote-carousel .carousel-control {
  background: none;
  color: #fc856d;
  font-size: 1.3em;
  text-shadow: none;
  margin-top: 225px;
  opacity: 1;
  z-index: 2000;
}

#quote-carousel .carousel-control.left {
  left: -35px;
  top: -60px;
}

#quote-carousel .carousel-control.left i {
  color: #fff;
  background: #c6c6c6;
  border-radius: 50%;
  padding: 5px 12px;
  opacity: 1;
  display: none;
}

#quote-carousel .carousel-control.right {
  right: -35px;
  top: -60px;
}

#quote-carousel .carousel-control.right i {
  color: #fff;
  background: #c6c6c6;
  border-radius: 50%;
  padding: 5px 12px;
  opacity: 1;
  display: none;
}

#quote-carousel .carousel-control.left i:hover {
  color: #ea70a1;
}

#quote-carousel .carousel-control.right i :hover {
  color: #ea70a1;
}

#quote-carousel .carousel-indicators {
  right: 50%;
  top: auto;
  bottom: -50px;
  margin-right: -19px;
}

#quote-carousel .carousel-indicators li {
  width: 10px;
  height: 10px;
  cursor: pointer;
  border-radius: 50px;
  overflow: hidden;
  transition: all 0.4s;
  margin-right: 8px;
}

#quote-carousel .carousel-indicators .active {
  background: #ffffff;
  width: 10px;
  height: 10px;
  border-color: #fff;
  opacity: 1;
  overflow: hidden;
}

.carousel-inner {
  min-height: 170px;
  border-radius: 10px;
  position: relative;
  width: 100%;
  overflow: hidden;
  top: -48px;
  z-index: 1;
}

.item blockquote {
  border-left: none;
  margin: 0;
}

.item blockquote p:before {
  content: "\f10d";
  font-family: "Fontawesome";
  float: left;
  margin-right: 10px;
}

/*--------- opacity -----------------*/

.opacity-0 {
  opacity: 0;
}

.opacity-5 {
  opacity: 0.05;
}

.opacity-10 {
  opacity: 0.1;
}

.opacity-15 {
  opacity: 0.15;
}

.opacity-20 {
  opacity: 0.2;
}

.opacity-25 {
  opacity: 0.25;
}

.opacity-30 {
  opacity: 0.3;
}

.opacity-35 {
  opacity: 0.35;
}

.opacity-40 {
  opacity: 0.4;
}

.opacity-45 {
  opacity: 0.45;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-55 {
  opacity: 0.55;
}

.opacity-60 {
  opacity: 0.6;
}

.opacity-65 {
  opacity: 0.65;
}

.opacity-70 {
  opacity: 0.7;
}

.opacity-75 {
  opacity: 0.75;
}

.opacity-80 {
  opacity: 0.8;
}

.opacity-85 {
  opacity: 0.85;
}

.opacity-90 {
  opacity: 0.9;
}

.opacity-95 {
  opacity: 0.95;
}

.opacity-100 {
  opacity: 1;
}

/*--------- end opacity -----------------*/

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.home-page {
  padding: 0 0 30px 0;
}

#classicinner-box {
  padding: 3em 0 4em;
  background: #eeebe6;
}

.single-post .ht-main-title {
  margin: 0px 0 15px;
  padding: 15px 0px 0;
}

.innerpage-whitebox {
  padding: 0em;
  border-radius: 10px;
  margin-bottom: 0px;
}

#content-box h4 {
  margin: 20px 0 5px 0;
}

#content-box ul {
  padding: 0 0 20px 0;
  list-style: none;
  font-size: 18px;
  margin: 0;
}

#content-box ul ul {
  margin-left: 20px;
  padding: 0 0 5px 0;
}

#content-box ul li:before {
  content: "\f111";
  font-family: "Fontawesome";
  margin-right: 10px;
  transform: scale(1);
  transition: all 0.5s ease 0s;
  color: #fff;
  display: inline-block;
  transform: scale(1);
  transition: all 0.5s ease 0s;
}

#content-box ul li:hover:before {
  transform: scale(1.4);
}

.widget-area ul li:before {
  content: "\f111";
  font-family: "Fontawesome";
  margin-right: 10px;
  color: #eb8733;
  font-size: 10px;
  display: inline-block;
  transform: scale(1);
  transition: all 0.5s ease 0s;
  display: none;
}

.widget-area ul li:hover:before {
  transform: scale(1.4);
}

#content-box ol li:before {
  transform: scale(1);
  transition: all 0.5s ease 0s;
}

#content-box ol li:hover:before {
  transform: scale(1.2);
}

#content-box ul li {
  margin: 15px 0;
  line-height: normal;
}

main#classicinner-box #content-box ol {
  margin: 0;
}

#content-box ol {
  counter-reset: li;
  list-style: none;
}

#content-box ol li {
  position: relative;
  padding-left: 60px;
  min-height: 60px;
  padding-top: 10px;
}

#content-box ol li:before {
  content: counter(li);
  counter-increment: li;
  color: #fff;
  background: #f07100;
  border-radius: 50%;
  font-size: 18px;
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 10px 30px 0 #88828230;
}

main#classicinner-box .single_post .blog-classicinfo-area .clmetabox ul {
  margin: 0;
  padding: 0;
}

main#classicinner-box .single_post .blog-classicinfo-area .clmetabox ul li {
  float: left;
  color: #999;
  padding-right: 14px;
  font-size: 14px;
  font-weight: 500;
  line-height: 15px;
  position: relative;
  padding-left: 15px;
}

main#classicinner-box
  .single_post
  .blog-classicinfo-area
  .clmetabox
  ul
  li:first-child {
  padding-left: 0px;
}

main#classicinner-box
  .single_post
  .blog-classicinfo-area
  .clmetabox
  ul
  li:before {
  content: "/";
  font-family: "Fontawesome";
  margin-right: 10px;
  transform: scale(1);
  transition: all 0.5s ease 0s;
  color: #999;
  display: inline-block;
  transform: scale(1);
  transition: all 0.5s ease 0s;
  position: absolute;
  left: 0;
}

main#classicinner-box
  .single_post
  .blog-classicinfo-area
  .clmetabox
  ul
  li:first-child:before {
  display: none;
}

main#classicinner-box
  .single_post
  .blog-classicinfo-area
  .clmetabox
  .classic-blog-author {
  color: #eb8733;
  text-transform: capitalize;
}

main#classicinner-box .single_post .blog-classicinfo-area .tags a {
  display: inline-block;
  color: #fff;
  padding: 0.7rem 1.9rem;
  font-weight: 500;
  background: #45567a;
  margin: 0 10px 8px 0;
  border-radius: 40px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
}

main#classicinner-box .single_post .blog-classicinfo-area .tags a:hover {
  background: #eb8733;
  color: #fff;
}

main#classicinner-box .single_post .blog-classicinfo-area .cl-tag-s-area {
  position: relative;
  padding-right: 15em;
}

main#classicinner-box .single_post .blog-classicinfo-area .clsocialMedia {
  position: absolute;
  right: 0;
  top: 0;
}

main#classicinner-box .single_post .blog-classicinfo-area .clsocialMedia ul {
  padding: 0;
  margin: 0;
  position: relative;
  top: 0;
  right: 0;
}

main#classicinner-box .single_post .blog-classicinfo-area .clsocialMedia ul li {
  font-size: 15px;
  float: left;
  margin: 0;
  padding: 0;
}

main#classicinner-box
  .single_post
  .blog-classicinfo-area
  .clsocialMedia
  ul
  li:before {
  display: none;
}

main#classicinner-box
  .single_post
  .blog-classicinfo-area
  .clsocialMedia
  ul
  li
  a {
  display: inline-block;
  text-align: center;
  align-items: center;
  display: flex;
  margin-left: 7px;
  justify-content: center;
}

main#classicinner-box
  .single_post
  .blog-classicinfo-area
  .clsocialMedia
  ul
  li
  a
  i {
  color: #fff;
  width: 28px;
  height: 28px;
  line-height: 28px;
  border-radius: 50%;
}

main#classicinner-box
  .single_post
  .blog-classicinfo-area
  .clsocialMedia
  ul
  li
  a
  i.fa-facebook {
  background: #627aad;
}

main#classicinner-box
  .single_post
  .blog-classicinfo-area
  .clsocialMedia
  ul
  li
  a
  i.fa-linkedin {
  background: #2f75ae;
}

main#classicinner-box
  .single_post
  .blog-classicinfo-area
  .clsocialMedia
  ul
  li
  a
  i.fa-twitter {
  background: #4d9ed8;
}

.page_featured {
  margin: 0 4em;
  margin-bottom: 2em;
  padding: 10em 4em;
}

img.ht-page-header-img {
  width: 100%;
  box-shadow: 0px 6px 10px -4px rgba(0, 0, 0, 0.4);
}

.sticky {
  display: block;
}

.total-hentry {
  margin: 0 0 50px;
}

.byline,
.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
}

.page-links {
  clear: both;
  margin: 0 0 15px;
}

.ht_no_sidebar #primary {
  width: auto;
  float: none;
}

.ht_no_sidebar_condensed #primary {
  width: 76%;
  float: none;
  margin: 0 auto;
}

.ht_left_sidebar #primary {
  float: right;
}

.ht_left_sidebar #secondary {
  float: left;
}

.ht-post-info {
  float: left;
  width: 80px;
  text-align: right;
  font-family: "Oswald", sans-serif;
}

.single .ht-post-info {
  margin-right: 30px;
  margin-bottom: 20px;
}

.ht-post-info .entry-date {
  display: block;
  font-size: 0.9em;
  margin-bottom: 20px;
}

.ht-post-info .entry-date span {
  display: block;
  text-transform: uppercase;
}

.ht-post-info .entry-date span.ht-day {
  font-size: 60px;
  line-height: 1.3;
  color: #fe5722;
}

.ht-post-info a {
  display: block;
  text-decoration: none;
  line-height: 1.4;
  padding: 20px 0 0;
  text-transform: uppercase;
  border-top: 1px solid #eee;
  font-size: 12px;
  color: #444;
  font-weight: 300;
}

.ht-post-wrapper {
  padding-left: 105px;
}

.entry-figure {
  background: #f9f9f9;
  text-align: center;
  margin-bottom: 15px;
}

.entry-header .entry-title {
  font-weight: 300;
  letter-spacing: 1px;
  margin-bottom: 10px;
}

.entry-figure + .entry-header {
  background: #fff;
  position: relative;
  margin-top: -65px;
  width: 90%;
  padding: 15px 0 1px;
}

.entry-header .entry-title a {
  text-decoration: none;
  color: #333;
}

.entry-categories {
  font-size: 14px;
  color: #666;
  font-style: italic;
  margin-bottom: 15px;
}

.entry-categories .fa {
  color: #fe5722;
  margin-right: 8px;
}

.entry-categories a {
  color: #666;
  text-decoration: none;
}

.entry-readmore {
  margin-top: 20px;
}

.entry-readmore a {
  background: #fe5722;
  padding: 0 20px;
  line-height: 40px;
  color: #fff !important;
  border: 0;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: inline-block;
}

.entry-readmore a:hover {
  background: #333;
  color: #fff;
}

section ul {
  padding: 0 0 20px 0;
}

.readmore a {
  background: #4d4d4d;
  padding: 15px 40px;
  color: #fff;
  border-radius: 30px;
}

.readmore a:hover {
  background: #000;
  color: #fff;
}

/*--------------------------------------------------------------
## Single post page
--------------------------------------------------------------*/

main#classicinner-box .single_post .blog-info-area .metabox ul {
  margin: 0;
  padding: 0;
}

main#classicinner-box .single_post .blog-info-area .metabox ul li {
  float: left;
  color: #000;
  padding-right: 15px;
  font-size: 15px;
  font-weight: 500;
  line-height: 15px;
}

main#classicinner-box .single_post .blog-category {
  color: #000;
}

main#classicinner-box .single_post .blog-info-area .metabox ul li .blog-author,
main#classicinner-box .single_post .blog-info-area .metabox ul li .blog-time {
  padding-left: 0;
}

main#classicinner-box .single_post .blog-info-area .metabox ul li:before {
  display: none;
}

main#classicinner-box .single_post .blog-info-area .metabox ul li i {
  color: #4b91f1;
  padding-right: 10px;
  font-size: 16px;
}

main#classicinner-box .single_post .blog-tags {
  padding: 20px 0 10px 0px;
}

main#classicinner-box .blog-tags a {
  color: #adb2be;
}

div#commentsAdd h4 span {
  font-weight: 600;
}

main#classicinner-box .single_post .socialMedia ul {
  margin: 0;
  padding: 0;
}

main#classicinner-box .single_post .socialMedia ul li {
  float: left;
}

main#classicinner-box .single_post .socialMedia ul li:before {
  display: none;
}

main#classicinner-box .single_post .socialMedia ul li a {
  color: #6a6a6a;
  font-size: 15px;
  font-weight: 500;
  line-height: 15px;
  background: #f8f8f8;
  padding: 5px 10px;
  margin-right: 10px;
  border: 1px solid #cccccc;
}

main#classicinner-box .single_post .socialMedia ul li a i {
  /*    color: #656565;*/
  font-size: 15px;
  padding-right: 10px;
}

#content-box .widget-area ul li:before {
  display: none;
}

#content-box .widget-area ul li {
  margin: 0px 0 10px;
}

/*--------------------------------------------------------------
## 404 Page
--------------------------------------------------------------*/

.error404 .error-404 {
  display: block;
  text-align: center;
  font-size: 200px;
  color: #f9f9f9;
  line-height: 1.2;
  font-family: josefin sans, sans-serif;
  color: #222;
  font-size: 220px;
  letter-spacing: 10px;
  margin: 0;
  font-weight: 700;
  text-shadow: 2px 2px 0 #c9c9c9, -2px -2px 0 #c9c9c9;
}

.error404 .oops-textt {
  text-align: center;
  color: #505268;
  font-size: 40px;
  margin-bottom: 30px;
  font-weight: 400;
}

.error404 .oops-text {
  text-align: center;
  color: #505268;
  font-size: 16px;
  margin-bottom: 56px;
}

.error404 .oops-btn {
  text-align: center;
  margin: 0 auto;
}

.error404 .oops-btn a {
  color: #ffffff;
  font-size: 20px;
  background: #ec8034;
  padding: 5px 15px;
  font-weight: 400;
}

.toggle-bar {
  display: none;
}

.error404 .error-404 {
  color: #314051;
  font-size: 195px;
  text-align: center;
  display: block;
  font-weight: 600;
  margin-bottom: 15px;
  line-height: 180px;
}

@keyframes effect {
  0% {
    text-shadow: 4px -4px 0 #000, 3px -3px 0 #000, 2px -2px 0 #000,
      1px -1px 0 #000, -4px 4px 0 #000, -3px 3px 0 #000, -2px 2px 0 #000,
      -1px 1px 0 #000;
  }
  25% {
    text-shadow: -4px -4px 0 #000, -3px -3px 0 #000, -2px -2px 0 #000,
      -1px -1px 0 #000, 4px 4px 0 #000, 3px 3px 0 #000, 2px 2px 0 #000,
      1px 1px 0 #000;
  }
  50% {
    text-shadow: -4px 4px 0 #000, -3px 3px 0 #000, -2px 2px 0 #000,
      -1px 1px 0 #000, 4px -4px 0 #000, 3px -3px 0 #000, 2px -2px 0 #000,
      1px -1px 0 #000;
  }
  75% {
    text-shadow: 4px 4px 0 #000, 3px 3px 0 #000, 2px 2px 0 #000, 1px 1px 0 #000,
      -4px -4px 0 #000, -3px -3px 0 #000, -2px -2px 0 #000, -1px -1px 0 #000;
  }
  100% {
    text-shadow: 4px -4px 0 #000, 3px -3px 0 #000, 2px -2px 0 #000,
      1px -1px 0 #000, -4px 4px 0 #000, -3px 3px 0 #000, -2px 2px 0 #000,
      -1px 1px 0 #000;
  }
}

@media only screen and (max-width: 767px) {
  .error404 .error-404 {
    font-size: 150px;
  }
}

@media only screen and (max-width: 479px) {
  .error404 .error-404 {
    font-size: 150px;
  }
}

@media only screen and (max-width: 359px) {
  .error404 .error-404 {
    font-size: 122px;
  }
}

@media screen and (min-width: 769px) {
  .row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

.woocommerce #reviews h2 small {
  float: none;
}

/*-----------------------
## page scroll
-----------------------------*/

#back2Top {
  width: 43px;
  overflow: hidden;
  z-index: 999;
  display: none;
  cursor: pointer;
  -moz-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
  position: fixed;
  bottom: 13px;
  right: 30px;
  color: #eb8733;
  text-align: center;
  font-size: 30px;
  text-decoration: none;
  border-radius: 4px;
  background: transparent;
  height: 43px;
}

#back2Top:hover {
  background-color: transparent;
  color: #eb8733;
}

#classicinner-box p,
body {
  font-size: 16px;
  line-height: 30px;
}

.widget-area ul ul {
  margin-top: 5px;
  list-style: none;
  margin: 0 0 1em;
  padding: 0;
  position: relative;
  background: none !important;
  box-shadow: none !important;
  display: block;
  z-index: 1;
}

main#classicinner-box li {
  font-size: 15px;
}

.sidebar_list {
  margin-top: 2em;
}

div#secondary caption {
  padding-top: 12px;
  padding-bottom: 12px;
}

div#secondary .widget_calendar table {
  margin: 0;
  padding: 0;
}

.widget_calendar tfoot tr td a {
  border: none;
  padding: 0px;
  padding: 6px 20px;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 5px;
  box-shadow: 0px 6px 10px -4px rgba(0, 0, 0, 0.4);
}

.widget-area .widget_rating_filter ul {
  list-style: none;
  padding: 12px;
  margin: 0;
  border: 1px solid #eaeaea;
}

.widget-area .widget_rating_filter ul li {
  border-bottom: none;
}

.widget-area .woocommerce ul.cart_list li,
.widget-area .woocommerce ul.product_list_widget li {
  padding: 12px 12px 12px;
}

.widget-area .woocommerce ul.product_list_widget li a {
  font-size: 13px;
  font-weight: 400;
  text-transform: capitalize;
  padding: 0px 0 8px;
}

.widget-area .woocommerce ul.cart_list li img,
.widget-area .woocommerce-page ul.cart_list li img,
.widget-area .woocommerce ul.product_list_widget li img,
.widget-area .woocommerce-page ul.product_list_widget li img {
  width: 74px;
  height: 74px;
}

.widget-area span.woocommerce-Price-amount.amount {
  margin: 0 0 10px 0;
  line-height: 24px;
  min-height: 26px;
  color: #242424;
  font-size: 17px;
  font-weight: 500;
}

.widget-area del span.woocommerce-Price-amount.amount {
  font-size: 14px;
  color: #666;
}

.widget-area .woocommerce ul.product_list_widget li img:hover {
  opacity: 0.8;
}

.widget-area .woocommerce .widget_shopping_cart_content p {
  padding: 12px;
  margin: 0;
  border: 1px solid #eaeaea;
  margin-top: 15px;
}

.woocommerce .woocommerce-product-rating .star-rating {
  height: 3em;
}

.woocommerce .woocommerce-product-rating .star-rating {
  margin: 0.5em 4px 0 0;
  float: left;
}

div#blog-box.innerpage-whitebox {
  padding: 0;
  margin: 0;
}

.single_post i.fa.fa-calendar-o {
  padding-right: 10px;
}

div#commentsAdd .comment-form [class*="comment-form"] {
  width: 100%;
}

main#classicinner-box #comments li.comment {
  background: transparent;
  border: 0;
}

.woocommerce ul.products li.product .price del,
.woocommerce-page ul.products li.product .price del {
  font-size: 15px;
}

.single-productpage h2.woocommerce-loop-product__title {
  line-height: 33px;
  word-break: break-word;
}

main#classicinner-box .ht-blog-thumbnail img {
  transform: scale(1);
  transition: all 1s ease 0s;
  width: 100%;
  height: 100%;
}

main#classicinner-box .inner-blog-post:hover .ht-blog-thumbnail img {
  transform: scale(1.2);
}

main#classicinner-box div#commentsAdd textarea#comment {
  background: transparent;
}

div#respond textarea#comment {
  background: transparent;
  border: 1px solid #dfdfdf !important;
  padding: 10px 20px;
  min-height: 44px;
  color: #999999;
  font-size: 0.875rem;
  color: rgb(153, 153, 153);
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
}

main#classicinner-box div#commentsAdd input {
  background: transparent;
  border: 1px solid #dfdfdf !important;
  padding: 10px 20px;
  min-height: 44px;
  color: #999999;
  font-size: 0.875rem;
  color: rgb(153, 153, 153);
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
}

div#comments input[type="submit"],
main#classicinner-box div#commentsAdd input#submit {
  padding: 10px 20px;
  border-radius: 0px;
  height: 50px;
  background: #dc3d31;
  color: #fff;
  width: auto;
  border: none;
  color: #fff !important;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0.5rem 1.9rem;
  font-size: 0.875rem;
  display: inline-block;
  display: inline-flex;
  outline: none;
  border: none;
  cursor: pointer;
  overflow: hidden;
  z-index: 2;
  align-items: center;
  position: relative;
  cursor: pointer;
  -webkit-box-shadow: 0px 14px 47px 0px rgb(28 28 28 / 24%);
  -moz-box-shadow: 0px 14px 47px 0px rgba(28, 28, 28, 0.24);
  box-shadow: 0px 14px 47px 0px rgb(28 28 28 / 24%);
  -webkit-border-radius: 70px;
  -moz-border-radius: 70px;
  border-radius: 70px;
}

main#classicinner-box .woocommerce-product-search .search-field {
  border: 1px solid #e9e7e7;
  background: transparent;
}

.woocommerce div.product .woocommerce-tabs .panel {
  background: transparent !important;
  border: none !important;
}

div#secondary .social-profile-icons ul li i {
  padding: 0px 7px 0px 7px;
  margin: 0;
  font-size: 20px;
  line-height: 40px;
}

/*-----------------------
## Start search
-----------------------------*/

main#classicinner-box h2 a {
  color: #000;
  font-weight: 600;
  margin-bottom: 10px;
}

.entry-readmore a {
  padding: 2px 20px;
  color: #fff;
  border: 0;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 5px;
  box-shadow: 0px 6px 10px -4px rgba(0, 0, 0, 0.4);
}

/*-----------------------
## End search  
-----------------------------*/

/*--------------------------------------------------------------
## Inner Page Heading
--------------------------------------------------------------*/

body.page-template-default main#classicinner-box h1,
body.page-template-default main#classicinner-box h2,
body.page-template-default main#classicinner-box h3,
body.page-template-default main#classicinner-box h4,
body.page-template-default main#classicinner-box h5,
body.page-template-default main#classicinner-box h6,
.page-template-templates main#classicinner-box h1,
.page-template-templates main#classicinner-box h2,
.page-template-templates main#classicinner-box h3,
.page-template-templates main#classicinner-box h4,
.page-template-templates main#classicinner-box h5,
.page-template-templates main#classicinner-box h6,
.single main#classicinner-box h1,
.single main#classicinner-box h2,
.single main#classicinner-box h3,
.single main#classicinner-box h4,
.single main#classicinner-box h5,
.single main#classicinner-box h6,
main#classicinner-box h1,
main#classicinner-box h2,
main#classicinner-box h3,
main#classicinner-box h4,
main#classicinner-box h5,
main#classicinner-box h6 {
  padding: 0;
  letter-spacing: 0;
  font-size: 23px;
  word-break: break-word;
}

#classicinner-box .wp-block-image figure {
  overflow: hidden;
  position: relative;
  border-radius: 6px;
  -webkit-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
  -moz-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
  -o-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
  -ms-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
  transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56),
    0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56),
    0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56),
    0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.page-template-templates main#classicinner-box #blog-box h2:after {
  display: none;
}

#classicinner-box .widget-area .widget-title,
.page-template-templates #classicinner-box .widget-area h1,
.page-template-templates #classicinner-box .widget-area h2,
.page-template-templates #classicinner-box .widget-area h3,
.page-template-templates #classicinner-box .widget-area h4,
.page-template-templates #classicinner-box .widget-area h5,
.page-template-templates #classicinner-box .widget-area h6 {
  text-align: left;
  padding: 0;
  letter-spacing: 0;
  font-size: 23px;
  font-weight: 600;
  text-transform: uppercase;
  word-break: break-word;
  border-radius: 0;
  background-image: linear-gradient(40deg, #000 30%, #000 70%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 12px;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #d7d7d7;
  text-transform: capitalize;
}

main#classicinner-box .widget_tag_cloud a {
  display: inline-block;
  /*float: left;
    font-size: 14px !important;*/
  margin: 5px 5px 0 0 !important;
  padding: 6px 15px !important;
  font-weight: 600;
  width: auto;
  word-wrap: break-word;
  z-index: 0;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: #dddad3;
}

main#classicinner-box .widget-area .tagcloud a {
  margin: 0;
  border: none;
  position: relative;
  box-shadow: unset;
  border-radius: 0;
  display: inline-block;
  /* float: left;*/
  /*font-size: 14px !important;*/
  margin: 5px 5px 0 0 !important;
  padding: 6px 15px !important;
  font-weight: 400;
  width: auto;
  word-wrap: break-word;
  z-index: 0;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: #dddad3;
}

.widget-area .tagcloud {
  list-style: none;
  padding: 10px;
  margin: 0;
  /* border: 1px solid #eaeaea;*/
}

.widget-area .textwidget {
  border: 1px solid #eaeaea;
  padding: 10px;
}

.widget-area li span.post-date {
  margin-bottom: 1em;
  position: relative;
  display: list-item;
}

.widget-area .widget_media_image img {
  padding: 10px;
  margin: 0;
  border: 1px solid #eaeaea;
}

#secondary .gallery-columns-3 {
  padding: 10px;
  margin: 0;
  border: 1px solid #eaeaea;
}

#secondary .gallery-columns-3 .gallery-item a {
  padding: 0;
}

.widget-area div#calendar_wrap {
  padding: 0px 15px 15px;
  margin: 0;
  border: 1px solid #eaeaea;
}

.widget_calendar table {
  border-collapse: separate;
  width: 100%;
}



.widget-area .woocommerce-product-search,
.widget-area form#searchform {
  width: 100%;
  /*  border: 1px solid #eaeaea;*/
  padding: 10px;
}

.widget-area ul ul li a:before {
  font-family: "FontAwesome";
  transition: all 0.3s ease;
  content: "\f105";
  margin: 0 5px 0;
}

.page div#secondary ul.sub-menu .current_page_item > a:before {
  background: none;
}

.widget-area ul ul {
  border-radius: 0;
  border: none;
}

.widget-area ul ul li {
  padding-left: 10px;
  border-bottom: none;
}

.widget-area ul ul li a {
  padding: 0;
}

.widget-area ul ul li.current_page_item > a,
.widget-area ul ul li.current_page_item > a:hover {
  background: none;
}

.widget_calendar table thead tr th {
  font-size: 12px;
  padding: 10px;
  text-align: center;
  border: none;
  color: #fff;
}

.widget_calendar table tbody td {
  font-size: 13px;
  padding: 6px 5px;
  text-align: center;
  background-color: transparent;
  border: none;
  color: #444;
}

.widget_calendar tfoot tr td {
  border: none;
  padding: 0px;
}

/*--------------------------------------------------------------
## Odometer CSS
--------------------------------------------------------------*/

.odometer.odometer-auto-theme,
.odometer.odometer-theme-default {
  display: block;
}

.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-default .odometer-digit {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
  display: inline-block;
  vertical-align: middle;
  visibility: hidden;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
  text-align: left;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
  display: block;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
  display: block;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value {
  display: block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.odometer.odometer-auto-theme
  .odometer-digit
  .odometer-value.odometer-last-value,
.odometer.odometer-theme-default
  .odometer-digit
  .odometer-value.odometer-last-value {
  position: absolute;
}

.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;
}

.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating
  .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up.odometer-animating
  .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}

.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down
  .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}

.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating
  .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down.odometer-animating
  .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.odometer.odometer-auto-theme .odometer-value,
.odometer.odometer-theme-default .odometer-value {
  text-align: center;
}

/*--------------------------------------------------------------
## WooCommerce CSS
--------------------------------------------------------------*/

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  padding-bottom: 45px !important;
  /*  border: 4px solid #f1f0f0 !important;*/
}

.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover {
  border-color: #6a1b9a;
}

main#classicinner-box h2.woocommerce-loop-product__title {
  font-weight: 600;
}

.woocommerce ul.products li.product a img {
  border: 2px solid #eb8733 !important;
  /* height: 230px; */
}

.woocommerce div.product div.images img {
  border: 2px solid #f1f0f0 !important;
}

.woocommerce ul.products li.product .total-product-title-wrap {
  padding: 0px 0px 0;
}

.woocommerce ul.products li.product a {
  color: inherit;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
  margin: 0 0 6px;
  padding: 0;
}

.woocommerce div.product div.images .flex-control-thumbs {
  margin: 5px -5px 0;
}

.woocommerce div.product div.images .flex-control-thumbs li {
  padding: 5px;
}

.woocommerce ul.products li.product .price {
  font-weight: 500;
  font-size: 20px;
  color: #939592;
  margin: 0;
}

.woocommerce ul.products li.product .price del {
  display: inline;
  color: #999;
  opacity: 1;
}

.woocommerce ul.products li.product .price ins {
  display: inline;
  font-weight: 400;
}

.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
  float: right;
  width: 100%;
}

.woocommerce-MyAccount-navigation ul li:before {
  display: none;
}

.woocommerce-MyAccount-navigation ul li a {
  background: none;
  font-size: 16px;
  margin-bottom: 5px;
  display: inline-block;
  color: #fc856d;
  padding: 0px 20px;
}

.woocommerce-MyAccount-navigation ul li {
  margin: 5px 0 !important;
}

.woocommerce-MyAccount-navigation-link.is-active a {
  color: #000 !important;
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  padding: 10px 20px;
  font-weight: 400;
  border-radius: 5px;
  color: #fff;
  background-color: #fe5722;
  border: 1px solid #fe5722;
  margin-bottom: -20px;
  line-height: 20px;
  font-size: 0.9em;
}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
  background: #333;
  /* border:1px solid #333;*/
  color: #fff;
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  color: #fff !important;
}

.woocommerce ul.products li.product .button {
  margin: 0;
  transform: translateY(50%);
  -ms-transform: translateY(50%);
  -webkit-transform: translateY(50%);
  font-size: 16px;
  background-color: #eb8733;
  border: 1px solid #eb8733;
  padding: 10px 20px;
  color: #fff;
  border: 0;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 5px;
  box-shadow: 0px 6px 10px -4px rgba(0, 0, 0, 0.4);
}

.woocommerce span.onsale,
.woocommerce-page span.onsale {
  background: #eb8733;
}

.breadcrumbbox span,
.woocommerce .woocommerce-breadcrumb {
  color: #d3d4d5;
}

.single_inner .page-main-header {
  display: none;
}

.woocommerce ul.products li.product:hover .button {
  border-color: #fe5722;
  background-color: #fe5722;
  color: #fff;
}

.woocommerce ul.products li.product .button:hover,
.woocommerce a.button:hover {
  background-color: #eb8733;
}

.woocommerce ul.products li.product .button.loading {
  opacity: 1;
}

.woocommerce a.added_to_cart {
  padding-top: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  margin-top: 25px;
  font-size: 13px;
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  border-color: #fe5722;
  background-color: #fe5722;
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
  background: #333;
  border-color: #333;
  color: #fff;
}

.woocommerce nav.woocommerce-pagination ul {
  border: 0;
  margin: 0;
}

.woocommerce nav.woocommerce-pagination ul li {
  border: 0;
  margin: 0 4px;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  display: block;
  background: #fe5722;
  color: #fff;
  padding: 8px 12px;
  line-height: 1;
  border-radius: 2px;
}

.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
  background: #333;
  color: #fff;
}

.woocommerce span.onsale {
  min-height: 0;
  min-width: 0;
  padding: 0 15px;
  font-weight: 400;
  line-height: 26px;
  border-radius: 0;
  background-color: #eb8733;
  color: #fff;
  font-size: 14px;
  margin: 10px 0 0 -6px;
  top: 0;
  left: 0;
}

.woocommerce span.onsale:after {
  border-color: transparent #e8ae00 #e8ae00 transparent;
  border-width: 3px;
  border-style: solid;
  content: "";
  position: absolute;
  bottom: 100%;
  left: 0px;
}

.woocommerce ul.products li.product .onsale {
  margin: 10px -6px 0 0;
}

.woocommerce ul.products li.product .onsale:after {
  border-color: transparent transparent #e8ae00 #e8ae00;
  border-width: 3px;
  border-style: solid;
  right: 0px;
  left: auto;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: #fe5722;
}

.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins {
  font-weight: 400;
}

.woocommerce .product_meta {
  font-size: 15px;
}

.woocommerce .product_meta a {
  color: inherit;
}

.woocommerce .product_meta a:hover {
  color: #fe5722;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
  padding: 0;
  border-bottom: 2px solid #fe5722;
  padding-bottom: 10px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs:before {
  display: none !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  padding: 10px 0;
  font-weight: 400;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
  border: 0;
  background-color: #333;
  border-radius: 0;
  margin: 0 6px 0 0;
  padding: 0 20px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  background: #fe5722;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  color: #fff !important;
}

.woocommerce #reviews #comments h2,
.woocommerce #reviews h3 {
  font-size: 22px;
  margin-bottom: 30px !important;
}

.woocommerce-Reviews .comment-form-author,
.woocommerce-Reviews .comment-form-email {
  width: 100%;
}

.woocommerce-Reviews .comment-form-author input,
.woocommerce-Reviews .comment-form-email input {
  width: 100%;
}

.related.products h2 {
  margin-bottom: 30px;
}

.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce a.button.disabled,
.woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled] {
  background: #fe5722;
  padding: 10px 20px;
  color: #fff;
}

.woocommerce #respond input#submit.disabled:hover,
.woocommerce #respond input#submit:disabled:hover,
.woocommerce #respond input#submit:disabled[disabled]:hover,
.woocommerce a.button.disabled:hover,
.woocommerce a.button:disabled:hover,
.woocommerce a.button:disabled[disabled]:hover,
.woocommerce button.button.disabled:hover,
.woocommerce button.button:disabled:hover,
.woocommerce button.button:disabled[disabled]:hover,
.woocommerce input.button.disabled:hover,
.woocommerce input.button:disabled:hover,
.woocommerce input.button:disabled[disabled]:hover {
  background: #333;
  color: #fff;
}

.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt:disabled[disabled],
.woocommerce #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt:disabled[disabled],
.woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt:disabled[disabled],
.woocommerce input.button.alt:disabled[disabled]:hover {
  background: #fe5722;
  border-color: #fe5722;
}

#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
  line-height: 40px;
  font-size: inherit;
  padding: 0;
}

.select2-container .select2-choice {
  border: 1px solid #eee;
  font-size: 0.9em;
  color: inherit;
  border-radius: 0;
}

.select2-results {
  font-size: 0.9em;
  color: inherit;
}

.select2-drop-active {
  border-color: #eee;
}

.select2-drop.select2-drop-above.select2-drop-active {
  border-color: #eee;
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
  border-top-color: #fe5722;
  font-size: 0.9em;
  margin-bottom: 15px;
}

.woocommerce-error:before,
.woocommerce-info:before,
.woocommerce-message:before {
  color: #fe5722;
}

#content-box .woocommerce-error li,
#content-box .woocommerce-info li,
#content-box .woocommerce-message li {
  padding: 0em 2em 0em 3.5em !important;
}

.woocommerce-error a.button,
.woocommerce-info a.button,
.woocommerce-message a.button {
  padding: 10px 20px;
  line-height: 1;
  height: auto;
  margin-right: 15px;
  padding: 10px 20px;
  color: #fff;
  border: 0;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 5px;
  box-shadow: 0px 6px 10px -4px rgba(0, 0, 0, 0.4);
}

.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th {
  font-weight: 400;
}

#customer_details {
  margin-bottom: 40px;
}

.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
  border: 1px solid #eee;
  border-radius: 0;
  padding: 10px;
}

.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
  float: none;
  border: 1px solid;
  padding: 10px 20px;
  color: #fff;
  border: 0;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 5px;
  box-shadow: 0px 6px 10px -4px rgba(0, 0, 0, 0.4);
}

.woocommerce .widget_shopping_cart .cart_list li,
.woocommerce.widget_shopping_cart .cart_list li {
  padding-top: 4px;
}

.woocommerce ul.cart_list li a,
.woocommerce ul.product_list_widget li a {
  font-weight: 400;
}

.woocommerce a.remove {
  font-family: Arial;
  font-weight: normal;
}

.woocommerce .widget_shopping_cart .cart_list li a.remove,
.woocommerce.widget_shopping_cart .cart_list li a.remove {
  top: 8px;
}

.woocommerce .widget_layered_nav ul li {
  padding: 5px 0;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
  background-color: #fff;
  border: 4px solid #fe5722;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
  background-color: #fe5722;
}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
  background-color: #eee;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
  height: 20px;
  width: 20px;
  top: -6px;
  margin-left: -10px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
  list-style: none;
}

.woocommerce-MyAccount-navigation-link a {
  background: #fe5722;
  color: #fff;
  padding: 10px 20px;
  margin-bottom: 5px;
  display: block;
}

.woocommerce-MyAccount-navigation-link.is-active a,
.woocommerce-MyAccount-navigation-link a:hover {
  background: none;
}

.woocommerce ul.products li.product strong {
  display: inline-block;
}

/* Testimonial slider css */

.quote {
  color: rgba(0, 0, 0, 0.1);
  text-align: center;
  margin-bottom: 30px;
}

/*-------------------------------*/

/*    Carousel Fade Transition   */

/*-------------------------------*/

.carousel-indicators li {
  background-color: #6963635c;
  border: 1px solid #6963635c;
}

/* GALLARY HOMEPAGE CSS */

main#classicinner-box div#ht-contactus-wrap a:hover {
  color: #444;
}

/**/

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

@keyframes blinker {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.blink {
  text-decoration: blink;
  -webkit-animation-name: blinker;
  animation-name: blinker;
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

.ht-site-title,
.site-title {
  margin: 0;
}

div#content li.blocks-gallery-item:before {
  content: none;
}

div#content li.blocks-gallery-item {
  padding: 14px 14px 0 14px;
}

div#content li.blocks-gallery-item img:hover {
  opacity: 0.5;
}

.single_post .post-date-publishable {
  padding-top: 15px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.woocommerce-product-search .search-field {
  width: 100% !important;
  margin-bottom: 5px;
  margin-top: 20px;
}

.single-productpage #sidebars button {
  padding: 7px 25px;
  border: 1px solid;
  width: 100%;
  padding: 10px 20px;
  color: #fff;
  border: 0;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 5px;
  box-shadow: 0px 6px 10px -4px rgba(0, 0, 0, 0.4);
  margin-bottom: 0px;
}

div#sidebars ins {
  background: none;
}

.widget-area span.woocommerce-Price-amount.amount {
  margin: 0 0 10px 0;
  line-height: 24px;
  min-height: 26px;
  color: #242424;
  font-size: 17px;
  font-weight: 500;
}

.widget-area del span.woocommerce-Price-amount.amount {
  font-size: 14px;
  color: #666;
}

.widget-area span.woocommerce-Price-amount.amount {
  margin: 0 0 10px 0;
  line-height: 24px;
  min-height: 26px;
  color: #242424;
  font-size: 17px;
  font-weight: 500;
}

/*--------------------------------------------------------------
# rating
--------------------------------------------------------------*/

.woocommerce .star-rating {
  float: right;
  position: relative;
  height: 3em;
  line-height: 1;
  font-size: 1em;
  width: 100%;
  font-family: star;
  overflow: initial;
}

.woocommerce .star-rating span {
  overflow: hidden;
  float: left;
  top: 0px;
  left: 0;
  position: absolute;
  padding-top: 1.5em;
}

.woocommerce .star-rating span::before {
  content: "\53\53\53\53\53";
  top: 0;
  position: absolute;
  left: 0;
  display: none;
}

.woocommerce .star-rating::before {
  content: "\73\73\73\73\73";
  color: #d3ced2;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
  /*display: none;*/
}

.comment-text .star-rating {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
}

.woocommerce .star-rating,
.woocommerce-page .star-rating {
  margin-bottom: 0 !important;
}

/*--------------------------------------------------------------
# rating
--------------------------------------------------------------*/

.woocommerce div.product form.cart .button,
.woocommerce-page div.product form.cart .button,
.woocommerce #content div.product form.cart .button,
.woocommerce-page #content div.product form.cart .button {
  border: 1px solid;
  padding: 10px 20px;
  color: #fff;
  border: 0;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 5px;
  box-shadow: 0px 6px 10px -4px rgba(0, 0, 0, 0.4);
}

.woocommerce #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li {
  padding: 0px 20px;
  color: #fff;
  border: 0;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 5px;
  box-shadow: 0px 6px 10px -4px rgba(0, 0, 0, 0.4);
}

.woocommerce #review_form #respond .form-submit input {
  border: 1px solid;
  padding: 10px 20px;
  color: #fff;
  border: 0;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 5px;
  box-shadow: 0px 6px 10px -4px rgba(0, 0, 0, 0.4);
}

.woocommerce div.product div.images img:hover {
  opacity: 0.8;
}

.woocommerce div.product .woocommerce-product-rating a,
.woocommerce .star-rating span {
  float: right;
  display: contents;
}

.single-productpage .innerpage-whitebox .woocommerce-product-rating span.count {
  display: inherit;
}

.woocommerce .star-rating::before {
  top: 0 !important;
  left: 0 !important;
  position: relative;
}

.woocommerce div.product .woocommerce-product-rating {
  line-height: 0px;
}

.woocommerce-page.columns-3 ul.products li.product,
.woocommerce.columns-3 ul.products li.product {
  overflow: hidden;
}

.woocommerce ul.products li.product a img {
  transform: scale(1);
  transition: all 1s ease 0s;
}

.woocommerce ul.products li.product a img:hover {
  opacity: 0.8;
  transform: scale(1.05);
}

.woocommerce .cart .button,
.woocommerce .cart input.button {
  border: 1px solid;
  padding: 10px 20px;
  color: #fff;
  border: 0;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 5px;
  box-shadow: 0px 6px 10px -4px rgba(0, 0, 0, 0.4);
}

#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
  border: 1px solid;
  padding: 10px 20px;
  color: #fff;
  border: 0;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 5px;
  box-shadow: 0px 6px 10px -4px rgba(0, 0, 0, 0.4);
}

.woocommerce .widget_shopping_cart .buttons a,
.woocommerce.widget_shopping_cart .buttons a {
  border: 1px solid;
  padding: 10px 20px;
  color: #fff;
  border: 0;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 5px;
  box-shadow: 0px 6px 10px -4px rgba(0, 0, 0, 0.4);
}

.woocommerce .widget_price_filter .price_slider_amount .price_label {
  padding-top: 40px;
}

body.page-template-default.page.page-id-134.logged-in.admin-bar.woocommerce-checkout.woocommerce-page.woocommerce-js.ht_right_sidebar.columns-3.customize-support
  header#ht-masthead,
body.page-template-default.page.page-id-133.logged-in.admin-bar.woocommerce-cart.woocommerce-page.woocommerce-js.ht_right_sidebar.columns-3.customize-support
  #ht-masthead,
body.page-template-default.page.page-id-135.logged-in.admin-bar.woocommerce-account.woocommerce-page.woocommerce-js.ht_right_sidebar.columns-3.customize-support
  header#ht-masthead {
  position: relative;
}

.woocommerce table.shop_table {
  padding-bottom: 30px;
}

.sf-arrows .sf-with-ul:after {
  content: "\f107";
  font-family: FontAwesome;
  position: absolute;
  right: -2px;
  height: 0;
  width: 0;
  display: none;
}

.sf-arrows .sf-with-ul:before {
  display: none;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
  position: relative;
}

.woocommerce #reviews #comments ol.commentlist li {
  display: inline-block;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
  margin: 0;
}

/*-----------------------
## Single product
-----------------------------*/

.woocommerce div.product .product_meta .posted_in,
.woocommerce div.product .product_meta .tagged_as {
  display: block;
  font-weight: 400;
  line-height: 1.6;
}

.woocommerce .star-rating {
  float: right;
  position: relative;
  height: 1.5em;
  line-height: 1;
  font-size: 1em;
  width: 100%;
  font-family: star;
  overflow: initial;
}

.woocommerce .widget_rating_filter ul li a {
  padding: 1px 0;
  text-decoration: none;
}

.widget-area .woocommerce li.wc-layered-nav-rating .star-rating {
  margin: 0;
}

.widget-area .woocommerce ul.product_list_widget li a {
  font-size: 13px;
  font-weight: 400;
  text-transform: capitalize;
  padding: 0px 0 8px;
}

.widget-area .woocommerce .product_list_widget li .star-rating {
  float: right;
  position: relative;
  height: 1.5em;
  line-height: 1;
  font-size: 1em;
  width: 63%;
  font-family: star;
  overflow: initial;
  margin-bottom: 10px !important;
}

main#classicinner-box
  .woocommerce-product-details__short-description
  ul
  li:before {
  content: "";
  width: 6px;
  height: 6px;
  background-color: #999;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 7px;
  left: 0;
}

main#classicinner-box .woocommerce-product-details__short-description ul li {
  position: relative;
  padding-left: 15px;
  font-size: 14px;
  margin-bottom: 7px;
  line-height: 1.4;
}

.woocommerce div.product .woocommerce-tabs .panel {
  background: transparent !important;
  border: none !important;
  box-shadow: none;
}

/*===================== responsive ==========================*/

@media screen and (max-width: 1520px) {
  div#pricing #curve {
    top: -150px;
  }
  .single-team .in-our-team ul > li > a {
    line-height: 30px;
    width: 30px;
    height: 30px;
  }
}

@media screen and (max-width: 1510px) and (min-width: 1445px) {
  .inner-page-gallery:hover .text {
    width: 20rem;
    height: 20rem;
    margin-top: -10rem;
    margin-left: -10rem;
    padding: 35% 10px 0px;
  }
  .inner-page-gallery {
    width: 20rem;
    height: 20rem;
  }
  .inner-page-gallery .text {
    right: 40%;
  }
}

@media screen and (min-width: 1700px) {
  div#pricing #curve {
    top: -210px;
  }
}

@media screen and (min-width: 1900px) {
  div#pricing #curve {
    top: -250px;
  }
}

@media screen and (max-width: 1500px) {
  .team-area img {
    width: 150px;
    height: 150px;
  }
  .team-area .single-team-img {
    top: 2em;
  }
  #classicinner-box .single-team-img img {
    width: 150px;
    height: 150px;
  }
  #classicinner-box .single-team-img {
    top: 2em;
  }
  .team-area .team-text {
    padding: 9.5em 1em 1em;
    margin: 0px 25px 3.5em;
  }
  #classicinner-box .team-text {
    padding: 9.5em 1em 1em;
    margin: 0px 25px 3.5em;
  }
  .team-area .team-social-icon {
    padding: 7em 0 2.3em;
  }
  #classicinner-box .team-social-icon {
    padding: 7em 0 2.3em;
  }
}

@media screen and (max-width: 1440px) {
  .lz-gallery-images img {
    height: 440px;
    border-radius: 25px;
  }
  .blog-area .blog-thumbnail img {
    height: 90px;
  }
  .blog-area .inner-area-title {
    line-height: 25px;
  }
  .blog-area .blog-btn {
    margin-top: 1em;
  }
  div#blog .blog-r-area {
    padding: 4em 5em 2em 5em;
  }
}

@media screen and (min-width: 1300px) and (max-width: 1440px) {
  .col-md-10.whychoousw {
    width: 91.66666667%;
  }
}

@media screen and (max-width: 992px) {
  .navigation {
    border-right: 2px solid #f73189;
  }
  #secondary .gallery-columns-3 .gallery-item {
    max-width: 25%;
  }
}

@media only screen and (max-width: 1300px) {
  div#blog .blog-r-area {
    padding: 4em 5em 2em 5em;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1400px) {
  .wcu-single-bx-inner span.fa {
    font-size: 15px;
  }
  #whychooseus .inner-area-title {
    font-size: 14px;
  }
}

@media screen and (min-width: 994px) and (max-width: 1020px) {
  .col-md-10.whychoousw {
    width: 100%;
  }
  #whychooseus .inner-area-title {
    font-size: 15px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1300px) {
  .service_inbox .service_inbox-content {
    padding: 10px 15px;
  }
  .page-template-default #classicinner-box .service_inbox .title {
    margin: 0;
  }
  .p-single-bx {
    margin: 0 3em 3em;
  }
  .about-exp-area {
    left: -20px;
  }
  .about-btn a {
    padding: 25px 25px;
    font-size: 14px;
  }
  .features-btn a,
  .f2-btn a {
    padding: 20px 50px;
  }
  #whychooseus .section-title h2 {
    font-size: 13px;
  }
  #whychooseus .section-subtitle h3 {
    font-size: 35px;
    line-height: 40px;
  }
  .col-md-10.whychoousw {
    width: 100%;
  }
  #classicinner-box .lz-gallery-images img {
    height: 460px;
  }
  .triangle-bg-lg,
  .triangle-bg-lg:before,
  .triangle-bg-lg:after {
    width: 30em;
    height: 30em;
  }
  .whychoous-shape {
    left: -190px;
  }
  .col-md-3.col-sm-6 .subject-icon {
    width: 95px;
    height: 95px;
    top: -50px;
  }
  .col-md-3.col-sm-6 .subject-icon i {
    font-size: 50px;
    line-height: 95px;
  }
  .about-share ul li a {
    width: 28px;
    height: 28px;
    line-height: 30px;
  }
  .testimonials-area .ts-area-thumb img {
    width: 60px !important;
    height: 60px;
  }
  .testimonials-area h6.ts-area-title {
    margin-top: 5px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1200px) {
  body.page-template-default
    #classicinner-box
    .classic-team-area
    .classic-team-content {
    padding: 100px 0px 0 0px;
  }
  #quote-carousel .carousel-control.left {
    left: -42px;
  }
  #quote-carousel .carousel-control.right {
    right: -42px;
  }
  .ht-slider-highlighttext {
    font-size: 30px;
  }
  .ht-slide-cap-title.animated.fadeInDown {
    font-size: 35px;
  }
  #ht-appintment-section .box-effect {
    padding: 0;
  }
  .header-seo.header-transparent .is-fixed .main-bar input[type="search"] {
    top: -5px;
  }
  .header-seo.header-transparent .is-fixed .main-bar span.sb-icon-search {
    top: -14px;
  }
  .slider_section .title {
    font-size: 35px;
    line-height: 40px;
  }
  .slider_section .title b {
    font-size: 40px;
    margin-bottom: 6px;
  }
  .slider_content {
    top: 53%;
    width: 340px;
    left: 54%;
    z-index: 999;
  }
  .img-slide-responsive {
    right: 1035px;
    top: 0px;
  }
  .single-team .in-our-team ul > li > a {
    line-height: 30px;
    width: 30px;
    height: 30px;
  }
  .features-area .inner-area-title {
    font-size: 19px;
  }
}

@media screen and (min-width: 320px) and (max-width: 1440px) {
  .features-area::before {
    width: 102%;
  }
}

@media screen and (max-width: 755px) {
  .subject-area .single-subject,
  .procedure-area .p-area {
    height: auto !important;
  }
  .fs-area .fs-single-bx {
    min-height: auto !important;
  }
}

@media screen and (min-width: 320px) and (max-width: 1024px) {
  .footer-area .footerlayer-6 {
    bottom: 25%;
  }
  .footer-area .footerlayer-3 {
    bottom: 15%;
  }
  .footer-area .footerlayer-1 {
    top: 5%;
  }
  .slider_section::after {
    bottom: -10.8%;
  }
  .slider_section .bx-wrapper .bx-controls-direction a {
    top: 56%;
  }
  .slider_section .bx-wrapper .bx-next {
    right: 155px;
  }
  .slider_section .bx-wrapper .bx-prev {
    left: 118px;
  }
  .slider_section .layer-3 {
    right: 9.3%;
    top: 40.9%;
  }
  .slider_section .layer-8 {
    top: 17.5%;
  }
  header.site-header span.text,
  .single-header-info span.theme-color {
    font-size: 11px;
  }
  header.site-header .d-flex,
  div#navbarNavDropdown {
    margin: 0 0%;
  }
  .features-area .btn {
    padding: 18px 40px;
  }
  .features-area .owl-carousel .owl-nav button.owl-next {
    right: -20px;
  }
  .features-area .owl-carousel .owl-nav button.owl-prev {
    left: -20px;
  }
  .slider_section .title {
    padding-bottom: 5px;
  }
  .slider_section .sub-title {
    margin-top: 0px;
  }
  header.site-header .list-inline.m-a0 {
    padding-left: 0px !important;
  }
  header.site-header .text-bx.padding0 {
    padding-left: 15px;
  }
  header.site-header input[type="search"] {
    width: 100%;
  }
  div#service,
  div#about {
    padding: 4em 0px !important;
  }
  div#blog .blog-r-area {
    padding: 4em 2em 2em 5em;
  }
  #Symbols {
    padding: 2em 0 5em !important;
  }
  .blog-img-area:after {
    right: 0px;
    border-width: 0px 0 135px 135px;
  }
  .blog-img-in:after {
    right: -2px;
    right: -56px;
    border-width: 0px 0 138px 150px;
    top: -1px;
  }
  .blog-img-area img {
    left: 0em;
  }
  .blog-img-area:before {
    border-radius: 0 0 500px 0;
  }
}

@media screen and (max-width: 1200px) {
  .ct-btn-scroll {
    bottom: 20px;
  }
}

@media screen and (max-width: 1000px) {
  .toggle-bar {
    display: block;
    position: absolute;
    top: -35px;
    right: 35px;
    width: 50px;
    background: #fe5722;
    cursor: pointer;
    text-align: center;
    color: #fff;
    padding: 20px 0;
    cursor: pointer;
  }
  .toggle-bar span {
    position: absolute;
    top: 50%;
    margin-top: -2px;
    height: 4px;
    left: 8px;
    right: 8px;
    background: #fff;
    box-shadow: 0 10px 0 0 #fff, 0 -10px 0 0 #fff;
  }
}

@media screen and (max-width: 990px) {
  .blog-img-in:after {
    right: -2px;
  }
}

@media (max-width: 1012px) {
  .slider_section .title {
    font-size: 35px;
    line-height: 35px;
  }
  .slider_section .title b {
    font-size: 35px;
    margin-bottom: 0px;
  }
  .ht-slide img {
    height: auto !important;
  }
  .img-slide-responsive {
    position: absolute;
    right: 1112px;
    top: 0px;
  }
  .slider_content {
    width: 390px;
    margin-left: -400px;
    left: 48%;
    top: 50%;
  }
  .slider_section a.btn {
    padding: 15px 35px;
    font-size: 14px;
  }
  .slider-btn {
    margin-top: 1.5em;
  }
  .header-transparent .sticky-header {
    padding: 0;
  }
}

@media (min-width: 992px) {
  .responsive-header-box {
    display: none;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
}

@media (max-width: 992px) {
  .slider_section .title {
    font-size: 30px;
    line-height: 30px;
  }
  .slider_section .title b {
    font-size: 30px;
    margin-bottom: 0px;
  }
  .slider_content {
    top: 55%;
    width: 485px;
    left: 75%;
  }
  .logo {
    position: relative;
    /* left: 40px;*/
    top: 0px !important;
    background: none !important;
    padding: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .sf-arrows .sf-with-ul:after {
    right: 30px !important;
  }
  .slider_content {
    width: 260px;
    margin-left: -400px;
    left: 65%;
    top: 55%;
  }
  .slider-contentimg img {
    width: 120px;
  }
  .ht-site-title,
  .site-title {
    font-size: 23px;
  }
  .header-share {
    top: 45px;
    right: 70px;
  }
  .hamburger-menus {
    top: 35px;
    right: 0px;
    margin: 0 !important;
  }
  .header-socials {
    padding-top: 1em;
    text-align: center;
  }
  .top-bar-head .head-menu {
    padding-right: 0;
  }
  .blog-area .blog-thumbnail img {
    height: 130px;
  }
  main#classicinner-box .ht-blog-thumbnail img {
    height: 313px;
  }
  .about-exp-area {
    left: -12px;
  }
  .counter-area
    .col-md-3.col-sm-6.col-xs-12.counter-top:nth-child(4)
    .cd-single
    .cd-num:before,
  .counter-area
    .col-md-12.col-sm-12.col-xs-12.counter-top:nth-child(1)
    .cd-single
    .cd-num:before,
  .counter-area
    .col-md-6.col-sm-6.col-xs-12.counter-top:nth-child(2)
    .cd-single
    .cd-num:before,
  .counter-area
    .col-md-4.col-sm-6.col-xs-12.counter-top:nth-child(3)
    .cd-single
    .cd-num:before,
  .counter-area
    .col-md-3.col-sm-6.col-xs-12.counter-top:nth-child(8)
    .cd-single
    .cd-num:before,
  .counter-area
    .col-md-4.col-sm-6.col-xs-12.counter-top:nth-child(6)
    .cd-single
    .cd-num:before {
    display: block;
  }
  .featured-single-area {
    padding: 3em 0em 0 0em;
  }
  .features-btn a,
  .f2-btn a {
    padding: 20px 50px;
  }
  div#blog .blog-r-area {
    padding: 0em 2em 2em 2em !important;
  }
  .contact-detail {
    top: 1em;
  }
  .slider_section .sub-title {
    font-size: 14px;
    line-height: 20px;
  }
  div#about .about-right {
    padding-top: 6em;
  }
  div#about img.aboutsideimg {
    padding-top: 4em;
  }
  .testimonials-img img {
    width: 90px;
  }
  .testimonials-img {
    right: 10%;
    top: -80px;
  }
  div#subject {
    padding-top: 3em !important;
  }
  #classicinner-box .lz-gallery-images img {
    height: 330px;
  }
}

@media screen and (max-width: 990px) {
  div#postproducts .Postp_titlearea h3 {
    font-size: 35px;
    line-height: 45px;
  }
  div#postproducts .Postp_titlearea h3 b {
    font-size: 40px;
  }
  div#postproducts .Postp_titlearea p {
    font-size: 13px;
    line-height: 20px;
  }
  div#postproducts .ppost-area .postp_sarea .Postp_titlearea {
    padding: 1em 0;
  }
  div#postproducts .postp-area-btn a {
    font-size: 12px;
    padding: 8px 35px;
  }
  div#postproducts .postp-area-btn {
    margin-top: 1em;
  }
  .page-main-header {
    padding: 14em 0 12em !important;
  }
}

@media screen and (max-width: 990px) {
  div#testimonials {
    padding: 4em 0 4em 0em !important;
  }
  div#contact .appont-mg {
    margin-bottom: 2em;
  }
  div#testimonials .ts-pd {
    padding-top: 0;
  }
}

@media screen and (max-width: 768px) {
  main#classicinner-box h6.faq-title {
    padding: 10px 75px 8px 17px !important;
  }
  .single-productpage .innerpage-whitebox,
  .single-productpage #sidebars {
    margin-top: 00px;
  }
  .ht-footer.ht-footer1,
  .ht-footer.ht-footer2,
  .ht-footer.ht-footer3,
  .ht-footer.ht-footer4 {
    width: 100% !important;
    /* margin-left: 3%;*/
  }
  .ht-slide-caps-title.animated.fadeInDown {
    font-size: 26px;
  }
  .ht-main-navigation li {
    padding-right: 00px;
  }
  img.ht-page-header-img {
    height: 275px;
  }
  .ht-site-title a,
  .site-title a {
    top: 0 !important;
  }
  .ht-slide-cap-title.animated.fadeInDown {
    font-size: 22px;
  }
  .ht-slide-cap-desc.animated.fadeInDown {
    font-size: 13px;
    line-height: 20px;
  }
  .newsletter-form-box input[type="submit"] {
    left: 0px;
  }
  #quote-carousel .carousel-control.right {
    right: 0;
    top: 140px;
  }
  #quote-carousel .carousel-control.left {
    left: -7px;
    top: 140px;
  }
  #quote-carousel .carousel-control {
    margin-top: -50px;
  }
  .ht-slide-cap-descmore {
    margin-top: 5px;
  }
  .section-title h2 {
    font-size: 32px;
  }
  body.admin-bar .navigation {
    top: 45px;
  }
  div#about .section-subtitle h3,
  #features .section-subtitle h3,
  #whychooseus .section-subtitle h3,
  #procedure .section-subtitle h3,
  #testimonials .section-subtitle h3,
  #contact .section-subtitle h3,
  #blog .section-subtitle h3 {
    font-size: 40px;
    line-height: 40px;
  }
  div#about .section-title h2,
  #features .section-title h2 {
    font-size: 18px;
  }
}

@media screen and (min-width: 810px) and (max-width: 825px) {
  .hamburger-menus {
    right: -25px;
  }
  .top-bar-head {
    padding: 10px;
  }
}

@media screen and (min-width: 320px) and (max-width: 425px) {
  body {
    position: inherit;
  }
}

@media screen and (max-width: 560px) {
  ul.about-socialbtn li {
    float: right;
  }
}

@media screen and (max-width: 768px) {
  .slider_section p {
    padding-left: 10px;
  }
  .phone-sym {
    padding-left: 0;
    /* text-align: center; */
  }
  main#classicinner-box .single_post .blog-classicinfo-area .cl-tag-s-area {
    position: relative;
    padding-right: 10em;
  }
  .woocommerce ul.cart_list li,
  .woocommerce ul.product_list_widget li {
    margin-bottom: 10px;
  }
  .woocommerce .widget_price_filter .price_slider_amount .button {
    margin-bottom: 15px;
  }
  .ht-main-navigation a {
    padding: 8px 17px;
  }
  .ht-section-title,
  .ht-section-tagline {
    width: auto;
  }
  .ht-top-footer {
    margin-left: 0;
  }
  .ht-footer {
    width: auto;
    margin: 0 0 30px;
    float: none;
  }
  .ht-footer:last-child {
    margin-bottom: 0;
  }
  .ht-slide-cap-descmore a {
    font-size: 2vw;
  }
  .ht-slide-cap-title {
    font-size: 24px;
    font-size: 4vw;
    margin-bottom: 0px;
  }
  #primary {
    width: auto !important;
    float: none !important;
    margin-bottom: 30px;
  }
  #secondary {
    width: auto !important;
    float: none !important;
    margin-bottom: 30px;
  }
  div#postproducts .ppost-area .postp_sarea {
    margin-bottom: 2em;
  }
  div#postproducts {
    padding: 2em 0 0 !important;
  }
  main#classicinner-box .Address_area h4,
  main#classicinner-box .social_area h4 {
    font-size: 30px;
  }
  #ht-contactus-wrap .contact_l_area span {
    font-size: 22px;
  }
  #ht-contactus-wrap .contact-info {
    margin-top: 18px;
    font-size: 14px;
  }
  .pd-r {
    padding: 2em 0;
    padding-right: 2em;
  }
  .pd-l {
    padding: 2em 0;
    padding-left: 2em;
  }
  .social_area i.fa {
    right: 49%;
  }
  div#offer {
    padding: 1em 0 !important;
  }
  #classicinner-box .classic-team-image {
    width: 150px;
    height: 150px;
  }
}

@media screen and (max-width: 775px) {
  .header-share {
    top: 45px;
    right: 35px;
  }
}

@media screen and (max-width: 766px) {
}

@media screen and (min-width: 669px) {
  #ht-contactus-wrap .Address_area i.fa.fa-long-arrow-up,
  #ht-contactus-wrap .Address_area i.fa.fa-long-arrow-down {
    display: none;
  }
  #ht-contactus-wrap .Address_area i.fa.fa-long-arrow-right,
  #ht-contactus-wrap .Address_area i.fa.fa-long-arrow-left {
    display: block;
  }
}

@media screen and (max-width: 668px) {
  div#postproducts .ppost-area .postp_sarea:nth-child(2n) .Postp_titlearea {
    float: none;
  }
  #ht-contactus-wrap .contact_area {
    padding: 0px 0em 0;
  }
  #ht-contactus-wrap .address-box {
    text-align: center;
  }
  .social_area {
    text-align: center;
  }
  #ht-contactus-wrap .Address_area i.fa.fa-long-arrow-right,
  #ht-contactus-wrap .Address_area i.fa.fa-long-arrow-left {
    display: none;
  }
  #ht-contactus-wrap .Address_area i.fa.fa-long-arrow-up,
  #ht-contactus-wrap .Address_area i.fa.fa-long-arrow-down {
    display: block;
  }
  #ht-contactus-wrap .contact_l_area span {
    font-size: 35px;
  }
  #ht-contactus-wrap .contact-info {
    font-size: 15px;
  }
  .social_area i.fa {
    right: 45%;
  }
  .mg-3 {
    margin: 1em 0 0;
  }
  .pd-r {
    padding: 0em 0;
  }
  .pd-l {
    padding: 0em 0;
  }
  main#classicinner-box .Address_area h4,
  main#classicinner-box .social_area h4,
  .page-template-contact-template main#classicinner-box .Address_area h4,
  .page-template-contact-template main#classicinner-box .social_area h4 {
    font-size: 28px !important;
  }
  #ht-contactus-wrap .col-md-8.col-sm-8.col-xs-12 {
    padding: 0;
  }
  #ht-contactus-wrap .address-box {
    text-align: center;
  }
  #ht-contactus-wrap .contact-page-form {
    padding: 0 1em 1em;
  }
  #ht-contactus-wrap .contact-sm-links li a span {
    width: 45px;
    height: 45px;
    font-size: 20px;
    line-height: 45px;
  }
}

@media screen and (max-width: 580px) {
  .slider_section .bx-wrapper .bx-controls-direction a,
  .ht-testimonial-wrap .bx-wrapper .bx-controls-direction a {
    display: none;
  }
  .ht-counter {
    width: 75%;
    float: none;
    margin: 0 auto 60px;
  }
  .ht-portfolio {
    width: 50%;
    padding: 4px;
  }
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .logobox img {
    padding-top: 0 !important;
  }
  .main-dispaly.padding0 {
    padding-left: 20px;
  }
  header.site-header button.header-btn {
    float: left;
  }
  .header.site-header ul.sub-menu li a:hover {
    padding-left: 15px;
    padding-right: 15px;
  }
  .navigation .mainmenu li ul li {
    top: auto;
  }
  .navigation .mainmenu li:hover > ul {
    position: relative;
    top: auto;
  }
  .navigation .mainmenu li:hover ul li:hover > ul {
    position: relative;
    left: 0;
  }
  .navigation .mainmenu li {
    bottom: auto;
  }
  .logo {
    top: 50%;
  }
  .navigation .mainmenu li ul li a {
    padding: 5px 0 5px 25px;
  }
  .navigation .mainmenu li a {
    text-align: left;
  }
  .navigation .mainmenu li:hover > ul {
    width: 100%;
  }
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  header.site-header .main-dispaly.padding0 {
    padding-right: 20px;
  }
  .navigation .mainmenu {
    right: 0;
    padding-left: 0;
  }
  .ht-section-title:after {
    width: 65%;
  }
  .woocommerce div.product .woocommerce-tabs ul.tabs {
    padding-top: 10px;
  }
  .woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-size: 18px;
  }
  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product,
  .woocommerce .related ul.products li.product,
  .woocommerce-page .related ul.products li.product {
    margin-bottom: 30px !important;
  }
  .sf-arrows .sf-with-ul:after {
    right: 40px;
  }
  .navigation .mainmenu li a {
    box-shadow: none;
  }
  .ti-home:before {
    left: 15px;
    top: 12px;
  }
  .is-fixed .main-bar ul.sub-menu {
    margin-top: 0;
  }
  .navigation .mainmenu li a,
  header.site-header ul.sub-menu li a {
    padding: 5px 0 5px 10px;
  }
  .ht-menu.clearfix ul {
    margin-left: 0;
  }
  header.site-header ul.sub-menu li a {
    padding: 5px 45px;
  }
  ul.sub-menu {
    position: relative;
    box-shadow: none;
    border-top: 0;
    margin-top: 0px;
    margin-left: 0;
    padding: 0;
  }
}

@media only screen and (max-width: 767px) {
  .slide-content p {
    display: none;
  }
  .slide-content-box {
    text-align: center;
  }
  .owl-slider.owl-theme .owl-dots {
    bottom: 180px;
    margin-top: 0;
    position: absolute;
    right: auto;
    text-align: center;
    top: auto;
    transform: translateY(-50%);
    width: 100%;
  }
  .site-header .navbar-toggler,
  .site-header .is-fixed .navbar-toggler {
    margin: 22px 0 22px 10px;
    box-shadow: none;
  }
  .slide-content .button-lg {
    font-size: 13px;
    padding: 10px 15px;
  }
  .text-white .site-button.outline {
    padding: 8px 15px;
  }
  .abuot-box {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-radius: 0;
    box-shadow: none;
    margin-top: 0;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: unset;
  }
  .abuot-box [class*="col-"] {
    padding: 0;
  }
  .choseus-tabs .title-head {
    display: unset;
  }
  .chosesus-content .abuot-box {
    background-color: rgba(255, 255, 255, 0.05);
    border-radius: 5px;
    left: auto;
    margin-top: 0;
    padding: 20px;
  }
  .chosesus-content .abuot-box p {
    color: #ffffff;
    font-size: 14px;
    opacity: 0.8;
  }
  .choses-info-content [class*="col-"] {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  .inquiry-form {
    margin-top: 0;
  }
  .contact-page {
    padding-bottom: 50px;
    padding-top: 100px;
  }
  .aboutarea-dotimg {
    right: 5px;
    bottom: -28px;
  }
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .footer-area .bottom-area {
    padding: 30px 0 !important;
  }
  .single-footer-1 {
    padding-left: 15px;
  }
  .single-footer-4 {
    padding-right: 15px;
  }
  div#newsletter {
    padding: 4em 0 2em 0 !important;
  }
  .footer-area .gallery-item {
    max-width: 50%;
  }
  .footer-bottom-area ul li {
    margin: 0 15px;
  }
  .footer-bottom-area.text-right {
    text-align: center;
  }
  .footer-text {
    text-align: center;
    margin-bottom: 15px;
  }
  .slider_section .layer-2 {
    top: 12.9%;
  }
  .slider_section .layer-8 {
    top: 11.5%;
  }
  .header-transparent .is-fixed .main-bar h1.ht-site-title {
    position: relative;
    top: 60px;
    text-align: center;
  }
  header.site-header span.text,
  .single-header-info span.theme-color {
    font-size: 14px;
  }
  .slider_section::after {
    left: -4%;
    bottom: -20.8%;
    width: 104%;
  }
  .features-area .owl-carousel .owl-nav button.owl-next {
    right: -25px;
  }
  .features-area .owl-carousel .owl-nav button.owl-prev {
    left: -25px;
  }
  .bx-controls-direction {
    display: none;
  }
  .slider_section .layer-3 {
    top: 50.9%;
  }
  header.site-header .d-flex,
  div#navbarNavDropdown {
    margin: 0 0% !important;
  }
  div#navbarNavDropdown {
    margin: 0%;
  }
  .slider_section .box {
    right: 0;
  }
  .slider_section .box-hover,
  .box-hover-2,
  .slider_section .box {
    width: 700px;
  }
  .ht-site-description {
    padding-top: 0;
  }
  .header-top-container {
    padding: 0px !important;
  }
  .header-transparent .is-fixed .main-bar {
    position: static !important;
  }
  .header-transparent .is-fixed .main-bar h1.ht-site-title,
  .header-transparent .is-fixed .main-bar p.ht-site-description {
    display: block;
  }
  .navigation .mainmenu li a:after {
    content: none;
  }
  .navigation .mainmenu li ul li {
    box-shadow: none;
    padding-left: 0;
  }
  .sf-arrows .sf-with-ul:before {
    right: 40px !important;
  }
  .header-seo.header-transparent .is-fixed .main-bar {
    background-color: transparent !important;
    padding: 0;
  }
  .top-bar-head {
    padding: 0.5em 1em;
    width: 100%;
  }
  div#navbarNavDropdown li.current_page_item a:after,
  .current_page_item > a:after {
    width: 0;
  }
  .header-seo.header-transparent .is-fixed .main-bar img {
    position: relative;
    top: 80px;
  }
  .header-seo.header-transparent .is-fixed .main-bar .resp_header_logo {
    display: block;
  }
}

@media screen and (max-width: 747px) {
  .slider_gradiant {
    right: 0%;
  }
  .img-slide-responsive {
    position: absolute;
    right: auto;
  }
  .slider_content {
    left: 56%;
    top: 70%;
  }
}

@media only screen and (max-width: 767px) {
  #classicinner-box .lz-gallery-images {
    width: 50%;
  }
}

@media screen and (max-width: 640px) {
  main#classicinner-box .single_post .blog-classicinfo-area .cl-tag-s-area {
    padding-right: 4em;
  }
  .slider_gradiant {
    right: 0%;
  }
  .slider_content {
    left: 73%;
  }
  .about-exp-area {
    left: -12px;
    width: 110px;
    height: 110px;
    font-size: 11px;
  }
  .about-exp-area b {
    font-size: 22px;
  }
  #whychooseus .section-title h2 {
    font-size: 18px;
  }
  #whychooseus .section-subtitle h3 {
    font-size: 40px;
    line-height: 40px;
  }
  .whychooseus-btn a {
    padding: 20px 50px;
  }
  .lz-gallery-images img {
    height: 400px;
  }
  div#contact .ht-contact-member-wrap input[type="submit"] {
    padding: 15px 40px;
    font-size: 13px;
  }
  .p-single-bx {
    margin: 0 0em 1em;
  }
  .blog-img-in:after {
    border-width: 0px 0 75px 50px;
    top: -2px;
  }
  .blog-img-area:after {
    border-width: 0px 0 70px 85px;
  }
  .tp-loop-wrap.rs-wave {
    min-width: 620px !important;
  }
  .slider-btn {
    margin-top: 0.5em;
  }
  .aboutarea-dotimg {
    right: 81px;
    bottom: -28px;
    width: 200px;
  }
  div#whychooseus {
    position: relative;
    overflow: hidden;
  }
  .woocommerce .woocommerce-product-rating .star-rating {
    height: 4em;
  }
  .woocommerce #content div.product .woocommerce-tabs ul.tabs li,
  .woocommerce div.product .woocommerce-tabs ul.tabs li,
  .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,
  .woocommerce-page div.product .woocommerce-tabs ul.tabs li {
    margin-bottom: 10px;
  }
  .page-main-header {
    padding: 12em 0 1em !important;
  }
  body.page-template-default
    #classicinner-box
    .classic-team-area:nth-child(even)
    .classic-team-single {
    top: 0;
  }
  body.page-template-default
    #classicinner-box
    .classic-team-area
    .classic-team-single {
    margin-bottom: 20px;
  }
  #classicinner-box .classic-team-image {
    width: 200px;
    height: 200px;
  }
  .footer-area i.fa,
  .page-template-home-template .footer-area i.fa,
  .page .footer-area i.fa,
  .single .footer-area i.fa {
    top: 0;
  }
  .page-template-home-template #testimonials .classic-section-head h3 {
    font-size: 40px;
  }
}

@media screen and (min-width: 639px) and (max-width: 722px) {
  .slider_content {
    width: 232px;
    margin-left: -375px;
    top: 66%;
    left: 55%;
  }
  .tp-loop-wrap.rs-wave {
    min-width: 722px !important;
  }
  .img-slide-responsive {
    right: auto;
  }
}

@media screen and (min-width: 627px) and (max-width: 685px) {
  .slider_content {
    width: 232px;
    margin-left: -375px;
    top: 66%;
    left: 61%;
  }
  .tp-loop-wrap.rs-wave {
    min-width: 490px !important;
  }
  .img-slide-responsive {
    right: 490px;
  }
}

@media screen and (min-width: 521px) and (max-width: 621px) {
  .slider_content {
    width: 232px;
    margin-left: -375px;
    top: 66%;
    left: 63%;
  }
  .tp-loop-wrap.rs-wave {
    min-width: 475px !important;
  }
  .img-slide-responsive {
    right: 475px;
  }
}

@media screen and (min-width: 521px) and (max-width: 594px) {
  .slider_content {
    top: 66%;
    left: 73%;
  }
  .tp-loop-wrap.rs-wave {
    min-width: 380px !important;
  }
  .img-slide-responsive {
    right: 380px;
  }
}

@media screen and (max-width: 520px) {
  .header-socials {
    padding-top: 0 !important;
  }
  #featuredproduct .col-md-3 {
    width: 100%;
    padding: 15px;
  }
  #newarrival .col-md-3.na_area {
    width: 100%;
  }
  .slider_section .title {
    font-size: 25px;
    line-height: 25px;
  }
  .slider_section .title b {
    font-size: 25px;
    margin-bottom: 0px;
  }
  .slider_section .sub-title {
    font-size: 12px;
    line-height: 14px;
  }
  .slider_section a.btn {
    font-size: 11px;
    padding: 10px 20px;
  }
  .total-count .count {
    right: 15px;
    width: 15px;
    height: 15px;
    line-height: 7px;
  }
  .total-count img {
    width: 15px;
    height: 20px;
  }
  .total-count {
    padding: 18px 25px;
  }
  .slider_content {
    top: 68%;
    left: 85%;
    z-index: 999;
  }
  .img-slide-responsive {
    right: auto;
  }
  .hamburger-menus {
    top: 125px;
    right: 15px;
    position: absolute !important;
  }
  .top-bar-head .head-menu {
    padding-right: 0em;
  }
  #ht-contactus-wrap .Address_area {
    padding: 5em 3em;
  }
  .footer-area .overlay {
    padding: 0 !important;
  }
  .single-footer-1 {
    margin-bottom: 0em;
  }
  .s-footer {
    margin-bottom: 1em;
  }
  .single-footer-2 {
    border-left: none;
    padding: 0;
    padding-left: 1em;
    margin-left: 0%;
  }
  #classicinner-box .ts-area-thumb img {
    width: 100px;
    height: 100px;
  }
  body.page-template-default main#classicinner-box h6.ts-area-title {
    margin-top: 10px;
  }
  .aboutarea-dotimg {
    right: 5px;
    bottom: -28px;
    width: 200px;
  }
}

@media only screen and (max-width: 475px) {
  .hamburger-menus {
    right: 20px;
  }
}

@media screen and (min-width: 320px) and (max-width: 475px) {
  .slider_content {
    top: 68%;
    left: 105%;
    z-index: 999;
  }
  .img-slide-responsive {
    right: auto;
  }
  .page_featured {
    margin: 0 2em;
    margin-bottom: 1em;
    padding: 3em 4em;
    /*  background-position: center!important; */
  }
  body.page-template-default main#classicinner-box h1,
  .ht-main-title,
  #ht-contactus-wrap h1 {
    font-size: 25px !important;
  }
  #classicinner-box .lz-gallery-images {
    width: 100%;
  }
}

@media screen and (min-width: 320px) and (max-width: 475px) {
  .woocommerce ul.products li.product .woocommerce-loop-category__title,
  .woocommerce ul.products li.product .woocommerce-loop-product__title,
  .woocommerce ul.products li.product h3 {
    font-size: 20px !important;
  }
  .single-productpage .innerpage-whitebox {
    padding: 0;
  }
  .woocommerce-page.columns-3 ul.products li.product,
  .woocommerce.columns-3 ul.products li.product {
    width: 30.75%;
    width: 100% !important;
  }
  #blog-box h2 {
    font-size: 22px !important;
  }
  div#blog-box.innerpage-whitebox {
    padding: 0em 1em 2em 1em;
  }
  .slider_section .char {
    font-size: 12px;
    height: 20px;
  }
  .slider_section p {
    width: 90%;
    font-size: 12px;
    line-height: 20px !important;
    padding: 0;
  }
  .ht-slide-cap-desc {
    font-size: 28px;
    line-height: 35px;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 475px) {
  .img-slide-responsive {
    right: 605px;
  }
}

@media screen and (max-width: 425px) {
  .img-slide-responsive {
    right: 590px;
  }
}

@media screen and (min-width: 320px) and (max-width: 475px) {
  .footer-area .footerlayer-3 {
    bottom: 10%;
  }
  .footer-area .footerlayer-2 {
    bottom: 40%;
  }
  .footer-area .footerlayer-1 {
    top: 2%;
    left: 35.3%;
  }
  .footer-bottom-area ul li {
    margin: 0 10px;
  }
  .footer-text,
  .footer-area li {
    font-size: 14px;
  }
  .newsletter-area div.wpcf7 input[type="file"] {
    left: 25%;
  }
  .features-area::before,
  .pricing-area::after {
    width: 0;
  }
  .slider_section i.fa {
    font-size: 10px;
  }
  .slider-social-icon > span {
    letter-spacing: 0;
  }
  .slider_section .layer-3 img {
    width: 30px;
  }
  .slider_section .layer-7 {
    right: 34.3%;
    bottom: 15%;
  }
  .slider_section .layer-7 img {
    width: 17px;
  }
  .slider_section .layer-1 img {
    width: 14px;
  }
  .slider_section .layer-1 {
    top: 3.5%;
  }
  .header-transparent .is-fixed .main-bar h1.ht-site-title {
    top: 35px;
  }
  .resp_head_box {
    margin-bottom: 0;
  }
  .header-seo.header-transparent .is-fixed .main-bar img {
    top: 55px;
  }
  .header-seo.header-transparent .is-fixed .main-bar img {
    top: 50px;
  }
  div#sb-search {
    margin-left: 0;
  }
  header.site-header input[type="search"] {
    width: 100%;
  }
  header.site-header span.sb-icon-search,
  header.site-header input[type="submit"] {
    right: 0;
  }
  .pricing-area .layer-part-1 {
    top: 25%;
  }
  div#pricing {
    padding: 5em 0 2em 0em !important;
  }
  .slider_section::after,
  .pricing-area::after {
    width: 0;
  }
  .slider_section div.slider-social-icon {
    left: 90px;
    top: 88%;
    transform: rotate(0deg);
  }
  .social-icon-container a {
    font-size: 8px;
    padding: 0 2px;
    margin: 0 4px;
  }
  .slider_section .layer-5 img,
  .slider_section .layer-8 img {
    width: 25px;
  }
  .slider_section .layer-6 img,
  .slider_section .layer-4 img {
    width: 15px;
  }
  .slider_section .layer-3 img {
    width: 40px;
  }
  .slider_section .layer-8 {
    top: 10.5%;
  }
  .slider_section .layer-6 {
    bottom: 10%;
    right: 62.4%;
  }
  .slider_section .layer-5 {
    bottom: 92px;
  }
  .slider_section .layer-4 {
    top: 73.5%;
  }
  .slider_section .box-hover,
  .box-hover-2,
  .slider_section .box {
    width: 380px;
  }
  .slider_section .btn:hover:before {
    top: 6px;
  }
  .slider_section .box-hover,
  .box-hover-2 {
    height: 340px;
  }
  .slider_section .box-hover,
  .box-hover-2 {
    margin-top: 0;
  }
  .slider_section .btn {
    font-size: 14px;
    padding: 8px 32px 8px 32px;
  }
  .slider_section .box {
    height: 325px;
    right: 0%;
  }
  .single-header-info {
    text-align: center;
    padding: 0;
  }
}

@media screen and (min-width: 320px) and (max-width: 375px) {
  .slider_section .box-hover,
  .box-hover-2,
  .slider_section .box {
    width: 360px;
  }
  .slider_section .box-hover,
  .box-hover-2 {
    height: 305px;
  }
  .slider_section .box {
    height: 300px;
  }
  .slider_content {
    top: 63%;
    left: 110%;
    z-index: 999;
    width: 315px;
  }
  .tp-loop-wrap.rs-wave {
    min-width: 375px !important;
  }
  .img-slide-responsive {
    right: auto;
  }
  .slider_section .title {
    font-size: 20px;
    line-height: 20px;
    font-weight: 500;
  }
  .slider_section .title b {
    font-size: 20px;
    margin-bottom: 0px;
    font-weight: 500;
  }
  .slider_section .sub-title {
    font-size: 13px;
    line-height: 13px;
  }
  .slider-btn {
    margin-top: 0.5em;
  }
  .ht-site-title,
  .site-title {
    font-size: 16px;
  }
  .ht-site-description {
    font-size: 10px;
  }
  .header-share {
    right: 4px;
  }
  .navicon {
    top: -60px !important;
  }
  .page_featured {
    margin-bottom: 1em;
    padding: 2em 4em;
  }
  #ht-contactus-wrap .Address_area {
    padding: 3em 3em;
  }
  .blog-area .blog-thumbnail img {
    height: 105px;
  }
  main#classicinner-box .ht-blog-thumbnail img {
    height: 247px;
  }
  #classicinner-box .ts-area-thumb img {
    width: 80px;
    height: 80px;
  }
  .woocommerce .cart .button,
  .woocommerce .cart input.button {
    padding: 10px 5px;
    font-size: 13px;
  }
}

@media screen and (min-width: 320px) and (max-width: 360px) {
  .slider_content {
    left: 118%;
  }
  .blog-area .blog-thumbnail img {
    height: 75px;
  }
  main#classicinner-box .ht-blog-thumbnail img {
    height: 192px;
  }
  .wcu-single-top {
    padding: 0 5px;
  }
  .lz-gallery-images img {
    height: 300px;
  }
  div#contact .appont-mg {
    width: 80%;
  }
  div#contact .ht-contact-member-wrap input[type="submit"] {
    padding: 12px 30px;
    font-size: 12px;
  }
  .testimonials-area .ts-area-thumb img {
    width: 85px !important;
    height: 60px;
  }
  .blog-img-in:after {
    border-width: 0px 0 75px 30px;
  }
  .blog-img-area:after {
    border-width: 0px 0 70px 39px;
  }
  .tp-loop-wrap.rs-wave {
    min-width: 360px !important;
  }
  .aboutarea-dotimg {
    right: 39px;
    bottom: -28px;
    width: 135px;
  }
}

@media screen and (min-width: 320px) and (max-width: 320px) {
  .hamburger-menus {
    top: 100px;
  }
  .page-template-home-template
    #pricing
    .classic-pricing-single
    .classic-pricing-btn
    a {
    font-size: 15px;
    padding: 5px 10px;
  }
  .features-area h2,
  div#about .section-title h2,
  .pricing-area h2,
  .newsletter-area h2 {
    font-size: 30px;
  }
  .slider_section div.slider-social-icon {
    left: 45px;
  }
  .header-transparent .is-fixed .main-bar h1.ht-site-title {
    top: 45px;
  }
  .slider_section .box-hover,
  .box-hover-2,
  .slider_section .box {
    width: 300px;
  }
  .slider_section .box-hover,
  .box-hover-2 {
    height: 270px;
  }
  .slider_section .box {
    height: 275px;
  }
  .slider_section .title {
    font-size: 13px;
  }
  .slider_section .sub-title {
    font-size: 15px;
  }
  .woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-size: 15px;
  }
  .ht-slide-cap-desc {
    line-height: 15px;
  }
  .woocommerce div.product .woocommerce-product-rating {
    line-height: 5 !important;
  }
  .star-rating {
    padding-top: 9px;
  }
  .toggle-bar {
    right: 25px !important;
  }
  .slider_section .title {
    font-size: 15px;
    line-height: 15px;
    margin-bottom: 0;
  }
  .slider_section .title b {
    font-size: 15px;
  }
  .slider_section .sub-title {
    line-height: 15px;
    font-size: 11px;
  }
  .slider_content {
    left: 130%;
    width: 275px;
  }
  .total-count {
    padding: 18px 36px;
  }
  .total-count .count {
    right: 24px;
  }
  .total-count .count {
    right: 10px;
  }
  .total-count {
    padding: 18px 20px;
  }
  .slider-btn {
    margin-top: 0.3em;
  }
  .slider_section a.btn {
    font-size: 10px;
    padding: 7px 12px;
  }
  .page_featured {
    margin-bottom: 0em;
  }
  .tp-loop-wrap.rs-wave {
    min-width: 320px !important;
  }
  #classicinner-box .ts-area-thumb img {
    width: 60px;
    height: 60px;
  }
}

main#classicinner-box .tagcloud a {
  border-radius: 5px;
  box-shadow: 0px 6px 10px -4px rgba(0, 0, 0, 0.4);
  padding: 7px;
  display: inline-block;
}

div#secondary select option {
  background: transparent;
}

body.home.blog .page-main-header img {
  display: none;
}

.woocommerce ul.cart_list li,
.woocommerce ul.product_list_widget li {
  padding: 5px 0;
}

h1.product_title.entry-title {
  word-break: break-word;
}

.select2-container--default .select2-selection--single,
.woocommerce .quantity .qty,
div#payment,
#coupon_code {
  background: transparent !important;
}

#content-box li.blocks-gallery-item:before {
  content: none;
}

div#content-box li.blocks-gallery-item figure img {
  padding: 5px;
  margin-bottom: 0;
}

div#content-box li.blocks-gallery-item figure img:hover,
div#sitemap-box .sitemap-posts-box img:hover {
  opacity: 0.7;
}

main#classicinner-box ul.children {
  border: 0;
}

.woocommerce-MyAccount-content .woocommerce-info {
  background: transparent !important;
}

/**/

.slider-btn li {
  display: inline-block;
  padding-right: 10px;
}

div#Symbols .section-title h2 {
  font-size: 24px;
  letter-spacing: 8px;
  margin-bottom: 0;
}

div#Symbols .section-subtitle h3 {
  font-size: 58.57px;
  font-weight: 600;
  line-height: 63px;
  margin-bottom: 0;
  margin-top: 5px;
}

/* about new */

div#aboutnews .section-title h2,
section#video .section-title h2 {
  font-size: 24px;
  letter-spacing: 8px;
  margin-bottom: 0;
}

div#aboutnews .section-subtitle h3,
section#video .section-subtitle h3 {
  font-size: 58.57px;
  font-weight: 600;
  line-height: 63px;
  margin-bottom: 0;
  margin-top: 5px;
}

div#aboutnews {
  position: relative;
  z-index: 2;
}

div#aboutnews .border-about {
  background: url(images/topborder.png) repeat-x 0 0;
  height: 20px;
  position: relative;
}

div#aboutnews .Aboutnewsarea-img img {
  width: 100%;
  height: 100%;
  transition: all 1s ease 0s;
}

div#aboutnews .section-title h4,
div#aboutnews .section-title h4 small {
  color: #121935;
  font-size: 49px;
  font-weight: 700;
  text-align: left;
}

div#aboutnews .section-post {
  font-size: 23px;
  margin: 0;
  padding: 18px 0;
}

div#aboutnews .country {
  font-size: 18px;
}

div#aboutnews .section-area-text {
  font-size: 18px;
  font-weight: 400;
  padding: 10px 0;
}

div#aboutnews .contex-aboutnews {
  padding: 7em 5em 1em;
  border: 1px solid #09c567;
  border-left: none;
}

div#aboutnews .Aboutnews-inn {
  z-index: 1;
  overflow: hidden;
}

div#aboutnews .abt-img {
  position: relative;
  overflow: hidden;
}

div#aboutnews .abt-img:before {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  content: "";
  -webkit-transition: -webkit-transform 0.9s;
  transition: -webkit-transform 0.9s;
  -o-transition: transform 0.9s;
  transition: transform 0.9s;
  transition: transform 0.9s, -webkit-transform 0.9s;
  -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg)
    translate3d(0, -120%, 0);
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg)
    translate3d(0, -120%, 0);
  z-index: 1;
  opacity: 0.3;
}

div#aboutnews .Aboutnews-inn:hover .abt-img:before {
  -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg)
    translate3d(0, 120%, 0);
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg)
    translate3d(0, 120%, 0);
}

div#aboutnews .abt-img img {
  width: 100%;
}

/**/

.title.animated.fadeInDownBig {
  word-break: break-word;
  font-weight: 800;
  background: -webkit-linear-gradient(45deg, #4a8bec, #45238b 50%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

section#video embed,
section#video iframe,
section#video object {
  max-width: 100%;
  width: 100%;
}

/* header section */

.maintop-header select {
  color: #000000;
  height: 40px;
  line-height: 2;
  font-weight: 600;
}

header.site-header .heighlightheader {
  background: #eb8733;
  -webkit-clip-path: polygon(10% 0, 100% 0%, 100% 100%, 0% 100%);
  clip-path: polygon(10% 0, 100% 0%, 100% 100%, 0% 100%);
  position: relative;
  padding: 5px;
  top: 15px;
}

.heighlightheader .widget {
  margin: 0 !important;
}

.header-social-links .widget {
  margin: 0 !important;
}

.maintop-header .menu-content {
  float: left;
}

body.home .inner-text-label {
  display: none;
}

.inner-text-label {
  position: absolute;
  top: 10rem;
  left: 30rem;
  /* text-align: center; */
  width: 100%;
  /* float: right; */
  text-align: left;
  font-size: 22px;
  font-weight: bold;
  word-break: break-word;
}

@media (max-width: 992px) {
  .inner-text-label {
    width: 80%;
  }
  header.site-header .maintop-header .hamburger-menus span {
    background-color: #000;
  }
}

@media (max-width: 991px) {
  header.site-header .heighlightheader {
    text-align: center;
  }
  .slider_section a.btn {
    padding: 15px 25px;
    font-size: 12px;
  }
}

@media (max-width: 576px) {
  body.page-template-default
    #classicinner-box
    .classic-team-area
    .classic-team-content {
    padding: 100px 0px 0 0px;
  }
  .wi-auto {
    width: auto;
    padding-right: 0.5em !important;
  }
  body.page-template-default #classicinner-box .classic-team-image img {
    height: auto !important;
  }
  div#card .card .back {
    padding: 40px;
  }
  .classic-card .classic-overlay-box .classic-card-text {
    font-size: 14px;
  }
  .hero-slider .swiper-button-prev {
    position: absolute;
    left: 35%;
    bottom: 5%;
    top: auto;
  }
  .hero-slider .swiper-button-next {
    position: absolute;
    bottom: 5%;
    top: auto;
    right: 35%;
  }
  .header-socials {
    text-align: center;
    padding-top: 1em;
  }
  body.page-template-blog-template .inner-blogpost {
    margin: 0;
  }
  .inner-text-label {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
  }
  body.page-template-default main#classicinner-box .faq-description {
    padding-right: 3em;
  }
  .page-template-home-template #pricing .classic-pricing-single {
    padding: 3.3em 3em 3.2em !important;
    margin: 1em 1em 2em !important;
  }
  .page-template-home-template #about .classic-section-area-text-subtitle,
  .page-template-home-template #services .classic-section-head h3,
  .page-template-home-template #Symbols .classic-section-head h3,
  .page-template-home-template #card .classic-section-head h3,
  .page-template-home-template #testimonials .classic-section-head h3,
  .page-template-home-template #pricing .classic-section-head h3 {
    padding-right: 0rem;
    letter-spacing: 0em;
    font-size: 30px;
  }
  .page-template-home-template #banner .classic-section-head h2 {
    font-size: 40px;
    line-height: 40px;
  }
  .page-template-home-template #services .classic-section-head h3,
  .page-template-home-template #Symbols .classic-section-head h3,
  .page-template-home-template #card .classic-section-head h3,
  .page-template-home-template #testimonials .classic-section-head h3,
  .page-template-home-template #pricing .classic-section-head h3 {
    line-height: 40px;
  }
  .page-template-home-template #about .classic-img1 {
    width: 300px;
    height: 300px;
  }
  /* .page-template-home-template #about .classic-about-img {
    width: 300px;
    height: 320px;
  } */
  .page-template-home-template #about .about-space {
    padding: 0 0em 0 0em;
  }
  header.site-header .maintop-header select {
    padding: 3px;
    font-size: 14px;
  }
  #wpadminbar {
    position: fixed;
  }
  .page-template-home-template .site-header {
    position: relative !important;
    background: transparent;
  }
}

.page_wrapper {
  overflow-x: hidden;
}

.overlay {
  height: 0;
  opacity: 0;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 10000;
  background-color: rgba(26, 26, 30, 0.6);
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  cursor: pointer;
}

.overlay.state-visible {
  opacity: 1;
  height: 100%;
}

#sb-sec1 .title {
  font-size: 2.625em;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-transform: translateY(-30%);
  -moz-transform: translateY(-30%);
  -ms-transform: translateY(-30%);
  -o-transform: translateY(-30%);
  transform: translateY(-30%);
  opacity: 0;
  -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.8, 0.29, 0, 0.99),
    opacity 0.5s ease;
  -moz-transition: -moz-transform 0.7s cubic-bezier(0.8, 0.29, 0, 0.99),
    opacity 0.5s ease;
  -o-transition: -o-transform 0.7s cubic-bezier(0.8, 0.29, 0, 0.99),
    opacity 0.5s ease;
  transition: transform 0.7s cubic-bezier(0.8, 0.29, 0, 0.99), opacity 0.5s ease;
}

#sb-sec1 .title.skrollable-between {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.lined_title {
  position: relative;
  display: inline-block;
  padding: 0 20px;
  -webkit-transform: translateY(-30%);
  -moz-transform: translateY(-30%);
  -ms-transform: translateY(-30%);
  -o-transform: translateY(-30%);
  transform: translateY(-30%);
  opacity: 0;
  -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.8, 0.29, 0, 0.99),
    opacity 0.5s ease;
  -moz-transition: -moz-transform 0.7s cubic-bezier(0.8, 0.29, 0, 0.99),
    opacity 0.5s ease;
  -o-transition: -o-transform 0.7s cubic-bezier(0.8, 0.29, 0, 0.99),
    opacity 0.5s ease;
  transition: transform 0.7s cubic-bezier(0.8, 0.29, 0, 0.99), opacity 0.5s ease;
}

.lined_title:before,
.lined_title:after {
  content: "";
  position: absolute;
  top: 50%;
  height: 1px;
  width: 1.7em;
  background-color: #252537;
  -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.8, 0.29, 0, 0.99);
  -moz-transition: -moz-transform 0.7s cubic-bezier(0.8, 0.29, 0, 0.99);
  -o-transition: -o-transform 0.7s cubic-bezier(0.8, 0.29, 0, 0.99);
  transition: transform 0.7s cubic-bezier(0.8, 0.29, 0, 0.99);
}

.decor_square {
  background-color: #252537;
  -webkit-box-shadow: 0 17px 42px rgba(140, 99, 78, 0.4);
  -moz-box-shadow: 0 17px 42px rgba(140, 99, 78, 0.4);
  box-shadow: 0 17px 42px rgba(140, 99, 78, 0.4);
}

.decor_cross {
  position: relative;
}

.decor_cross:before,
.decor_cross:after {
  content: "";
  position: absolute;
  background-color: #252537;
}

.decor_cross:before {
  height: 100%;
  width: 1px;
  top: 0;
  left: -webkit-calc(50% - 1px);
  left: -moz-calc(50% - 1px);
  left: calc(50% - 1px);
}

.decor_cross:after {
  width: 100%;
  height: 1px;
  top: -webkit-calc(50% - 1px);
  top: -moz-calc(50% - 1px);
  top: calc(50% - 1px);
  left: 0;
}

.decor__flying_word_box {
  position: absolute;
  left: 0%;
  width: 100%;
  height: 100%;
}

.decor__flying_word_box--right {
  left: auto;
  right: 20%;
}

@media (max-width: 1440px) {
  .decor__flying_word_box--right {
    right: 10%;
  }
}

.decor__flying_word_img {
  position: absolute;
  top: 0;
}

@media (min-width: 2560px) {
  .decor__flying_word_wrapper {
    font-size: 20px;
  }
}

@media (max-width: 1440px) {
  .decor__flying_word_wrapper {
    font-size: 12px;
  }
}

@media (max-width: 767px) {
  .decor__flying_word_wrapper {
    font-size: 1vw;
  }
}

#sb-sec1 .intro {
  position: relative;
  padding-top: 1px;
  min-height: 860px;
  background-color: #f9e1d5;
}

@media (min-height: 1090px) and (min-width: 1921px) {
  #sb-sec1 .intro {
    min-height: 989px;
  }
}

@media (min-width: 2560px) {
  #sb-sec1 .intro {
    min-height: 1200px;
    font-size: 20px;
  }
}

@media (max-width: 1600px) {
  #sb-sec1 .intro {
    min-height: 780px;
  }
}

@media (max-width: 1366px) {
  #sb-sec1 .intro {
    min-height: 620px;
    font-size: 12px;
  }
}

@media (max-width: 1023px) {
  #sb-sec1 .intro {
    min-height: 900px;
  }
}

@media (max-width: 767px) {
  #sb-sec1 .intro {
    min-height: 111vw;
    font-size: 1.55vw;
  }
}

#sb-sec1 .intro__container,
#sb-sec1 .loader__container {
  max-width: 1200px;
  margin: 130px auto auto;
}

#sb-sec1 .intro__container:after,
#sb-sec1 .loader__container:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

@media (min-height: 1090px) and (min-width: 1921px) {
  #sb-sec1 .intro__container,
  #sb-sec1 .loader__container {
    margin-top: 190px;
  }
}

@media (min-width: 2048px) {
  #sb-sec1 .intro__container,
  #sb-sec1 .loader__container {
    max-width: 1390px;
    margin-top: 150px;
  }
}

@media (min-width: 2560px) {
  #sb-sec1 .intro__container,
  #sb-sec1 .loader__container {
    max-width: 1800px;
  }
}

@media (max-width: 1600px) {
  #sb-sec1 .intro__container,
  #sb-sec1 .loader__container {
    max-width: 1100px;
    margin-top: 100px;
  }
}

@media (max-width: 1366px) {
  .intro__container,
  .loader__container {
    max-width: 900px;
    margin-top: 70px;
  }
}

@media (max-width: 1023px) {
  .intro__container,
  .loader__container {
    padding-left: 30px;
    padding-top: 130px;
    margin-top: 0;
  }
}

@media (max-width: 767px) {
  .intro__container,
  .loader__container {
    padding-left: 17px;
    padding-top: 17vw;
  }
}

#sb-sec1 .intro__slider_box {
  position: relative;
  z-index: 10;
  width: 47%;
  float: left;
}

#sb-sec1 .intro__slider_box:before {
  content: "";
  display: block;
  padding-top: 100%;
}

@media (max-width: 1023px) {
  .intro__slider_box {
    float: right;
  }
}

@media (max-width: 1023px) {
  .intro__slider_box {
    position: absolute;
    right: -3%;
    width: 563px;
  }
}

@media (max-width: 900px) {
  .intro__slider_box {
    right: -13%;
  }
}

@media (max-width: 800px) {
  .intro__slider_box {
    right: -23%;
  }
}

@media (max-width: 767px) {
  .intro__slider_box {
    width: 73.4vw;
  }
}

.intro__slider_dots_box {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -50px;
  margin: auto;
  text-align: center;
}

@media (min-width: 2560px) {
  .intro__slider_dots_box {
    bottom: -70px;
  }
}

#sb-sec1 .body--mobile .intro__slider_dots_box {
  display: none;
}

.intro__slider_dot {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  opacity: 0.2;
  cursor: pointer;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.intro__slider_dot:hover {
  opacity: 0.8;
}

.intro__slider_dot:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  height: 7px;
  width: 7px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #18191c;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease;
  -moz-transition: opacity 0.25s ease;
  -o-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}

.state-intro-slides-dots-visible .intro__slider_dot:before {
  opacity: 1;
}

.intro__slider_dot:nth-child(1):before {
  -webkit-transition-delay: 50ms;
  -moz-transition-delay: 50ms;
  -o-transition-delay: 50ms;
  transition-delay: 50ms;
}

.intro__slider_dot:nth-child(2):before {
  -webkit-transition-delay: 125ms;
  -moz-transition-delay: 125ms;
  -o-transition-delay: 125ms;
  transition-delay: 125ms;
}

.intro__slider_dot:nth-child(3):before {
  -webkit-transition-delay: 200ms;
  -moz-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  transition-delay: 200ms;
}

.intro__slider_dot:nth-child(4):before {
  -webkit-transition-delay: 275ms;
  -moz-transition-delay: 275ms;
  -o-transition-delay: 275ms;
  transition-delay: 275ms;
}

.intro__slider_dot:nth-child(5):before {
  -webkit-transition-delay: 350ms;
  -moz-transition-delay: 350ms;
  -o-transition-delay: 350ms;
  transition-delay: 350ms;
}

.intro__slider_dot:nth-child(6):before {
  -webkit-transition-delay: 425ms;
  -moz-transition-delay: 425ms;
  -o-transition-delay: 425ms;
  transition-delay: 425ms;
}

.intro__slider_dot:nth-child(7):before {
  -webkit-transition-delay: 500ms;
  -moz-transition-delay: 500ms;
  -o-transition-delay: 500ms;
  transition-delay: 500ms;
}

.intro__slider_dot:nth-child(8):before {
  -webkit-transition-delay: 575ms;
  -moz-transition-delay: 575ms;
  -o-transition-delay: 575ms;
  transition-delay: 575ms;
}

.intro__slider_dot:nth-child(9):before {
  -webkit-transition-delay: 650ms;
  -moz-transition-delay: 650ms;
  -o-transition-delay: 650ms;
  transition-delay: 650ms;
}

.intro__slider_dot:nth-child(10):before {
  -webkit-transition-delay: 725ms;
  -moz-transition-delay: 725ms;
  -o-transition-delay: 725ms;
  transition-delay: 725ms;
}

.intro__slider_dot.state-active {
  opacity: 0.8;
}

.intro__slider {
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
}

.intro__slider:before {
  content: "";
  position: absolute;
  z-index: 80;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: #f9e1d5;
}

.state-show-slider .intro__slider:before {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.8, 0.29, 0, 0.99),
    visibility 0s 0.98s linear;
  -moz-transition: -moz-transform 1s cubic-bezier(0.8, 0.29, 0, 0.99),
    visibility 0s 0.98s linear;
  -o-transition: -o-transform 1s cubic-bezier(0.8, 0.29, 0, 0.99),
    visibility 0s 0.98s linear;
  transition: transform 1s cubic-bezier(0.8, 0.29, 0, 0.99),
    visibility 0s 0.98s linear;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  visibility: hidden;
}

.state-slider-children-visible .intro__slider {
  overflow: visible;
}

.intro_appearing_square,
.intro__slider_square,
.intro__text_box__square {
  opacity: 0;
  -webkit-transition: opacity 0.25s ease;
  -moz-transition: opacity 0.25s ease;
  -o-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}

.state-show-corners .intro_appearing_square,
.state-show-corners .intro__slider_square,
.state-show-corners .intro__text_box__square {
  opacity: 1;
}

@media (max-width: 1023px) {
  .intro_appearing_square,
  .intro__slider_square,
  .intro__text_box__square {
    display: none;
  }
}

.intro__slider_square {
  position: absolute;
  top: -11px;
  right: -11px;
  z-index: 100;
  width: 22px;
  height: 22px;
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
}

.intro__text_box__square {
  position: absolute;
  right: -11px;
  top: 370px;
  width: 22px;
  height: 22px;
}

@media (min-width: 2560px) {
  .intro__text_box__square {
    top: 411px;
  }
}

.intro__slider_line {
  position: absolute;
  top: 0;
  opacity: 0;
  right: -45px;
  z-index: 100;
  width: 45px;
  height: 1px;
  background-color: #252537;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
}

.state-intro-lines-started-moving .intro__slider_line {
  -webkit-animation: intro_slider_line_moving 0.75s 0.6s
    cubic-bezier(0.8, 0.29, 0, 0.99) forwards;
  -moz-animation: intro_slider_line_moving 0.75s 0.6s
    cubic-bezier(0.8, 0.29, 0, 0.99) forwards;
  -o-animation: intro_slider_line_moving 0.75s 0.6s
    cubic-bezier(0.8, 0.29, 0, 0.99) forwards;
  animation: intro_slider_line_moving 0.75s 0.6s
    cubic-bezier(0.8, 0.29, 0, 0.99) forwards;
}

@media (max-width: 1023px) {
  .intro__slider_line {
    display: none;
  }
}

@-webkit-keyframes intro_slider_line_moving {
  0% {
    opacity: 0;
    right: -118%;
  }
  5% {
    opacity: 1;
    right: -118%;
  }
  100% {
    right: -45px;
    opacity: 1;
  }
}

@-moz-keyframes intro_slider_line_moving {
  0% {
    opacity: 0;
    right: -118%;
  }
  5% {
    opacity: 1;
    right: -118%;
  }
  100% {
    right: -45px;
    opacity: 1;
  }
}

@-o-keyframes intro_slider_line_moving {
  0% {
    opacity: 0;
    right: -118%;
  }
  5% {
    opacity: 1;
    right: -118%;
  }
  100% {
    right: -45px;
    opacity: 1;
  }
}

@keyframes intro_slider_line_moving {
  0% {
    opacity: 0;
    right: -118%;
  }
  5% {
    opacity: 1;
    right: -118%;
  }
  100% {
    right: -45px;
    opacity: 1;
  }
}

.intro__slider_item {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  will-change: transform;
  -webkit-transition: opacity 0.7s ease;
  -moz-transition: opacity 0.7s ease;
  -o-transition: opacity 0.7s ease;
  transition: opacity 0.7s ease;
  -webkit-transform: translate(-15px, 15px);
  -moz-transform: translate(-15px, 15px);
  -ms-transform: translate(-15px, 15px);
  -o-transform: translate(-15px, 15px);
  transform: translate(-15px, 15px);
}

.state-slider-children-visible .intro__slider_item--shadow {
  -webkit-box-shadow: 8.5px 14.7px 42px rgba(140, 99, 78, 0.4);
  -moz-box-shadow: 8.5px 14.7px 42px rgba(140, 99, 78, 0.4);
  box-shadow: 8.5px 14.7px 42px rgba(140, 99, 78, 0.4);
}

@media (min-width: 2560px) {
  .intro__slider_item {
    -webkit-transform: translate(-25px, 25px);
    -moz-transform: translate(-25px, 25px);
    -ms-transform: translate(-25px, 25px);
    -o-transform: translate(-25px, 25px);
    transform: translate(-25px, 25px);
  }
}

.state-intro-slides-shift .intro__slider_item {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
}

.state-intro-slides-transition .intro__slider_item {
  -webkit-transition: -webkit-transform 1.5s cubic-bezier(0.8, 0.29, 0, 0.99),
    -webkit-box-shadow 0.7s ease !important;
  -moz-transition: -moz-transform 1.5s cubic-bezier(0.8, 0.29, 0, 0.99),
    -moz-box-shadow 0.7s ease !important;
  -o-transition: -o-transform 1.5s cubic-bezier(0.8, 0.29, 0, 0.99),
    box-shadow 0.7s ease !important;
  transition: transform 1.5s cubic-bezier(0.8, 0.29, 0, 0.99),
    box-shadow 0.7s ease !important;
}

.state-intro-slides-transition .intro__slider_item:nth-child(1) {
  -webkit-transition-delay: 500ms !important;
  -moz-transition-delay: 500ms !important;
  -o-transition-delay: 500ms !important;
  transition-delay: 500ms !important;
}

.state-intro-slides-transition .intro__slider_item:nth-child(2) {
  -webkit-transition-delay: 200ms !important;
  -moz-transition-delay: 200ms !important;
  -o-transition-delay: 200ms !important;
  transition-delay: 200ms !important;
}

.state-intro-slides-transition .intro__slider_item:nth-child(3) {
  -webkit-transition-delay: -100ms !important;
  -moz-transition-delay: -100ms !important;
  -o-transition-delay: -100ms !important;
  transition-delay: -100ms !important;
}

.state-intro-slides-transition .intro__slider_item:nth-child(4) {
  -webkit-transition-delay: -400ms !important;
  -moz-transition-delay: -400ms !important;
  -o-transition-delay: -400ms !important;
  transition-delay: -400ms !important;
}

.state-intro-slides-transition .intro__slider_item:nth-child(5) {
  -webkit-transition-delay: -700ms !important;
  -moz-transition-delay: -700ms !important;
  -o-transition-delay: -700ms !important;
  transition-delay: -700ms !important;
}

.intro__slider_item.state-active-slide {
  z-index: 15 !important;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  -webkit-transition: -webkit-transform 0.7s 0.4s
    cubic-bezier(0.42, 0.05, 0, 1.07);
  -moz-transition: -moz-transform 0.7s 0.4s cubic-bezier(0.42, 0.05, 0, 1.07);
  -o-transition: -o-transform 0.7s 0.4s cubic-bezier(0.42, 0.05, 0, 1.07);
  transition: transform 0.7s 0.4s cubic-bezier(0.42, 0.05, 0, 1.07);
}

.intro__slider_item.state-active-slide + .intro__slider_item {
  z-index: 5;
}

.intro__slider_item.state-leaving-slide {
  z-index: 20 !important;
  -webkit-transform: translate(15px, -15px);
  -moz-transform: translate(15px, -15px);
  -ms-transform: translate(15px, -15px);
  -o-transform: translate(15px, -15px);
  transform: translate(15px, -15px);
  -webkit-transition: opacity 0.7s 0.2s ease, -webkit-transform 3s ease;
  -moz-transition: opacity 0.7s 0.2s ease, -moz-transform 3s ease;
  -o-transition: opacity 0.7s 0.2s ease, -o-transform 3s ease;
  transition: opacity 0.7s 0.2s ease, transform 3s ease;
  opacity: 0;
}

@media (min-width: 2560px) {
  .intro__slider_item.state-leaving-slide {
    -webkit-transform: translate(25px, -25px);
    -moz-transform: translate(25px, -25px);
    -ms-transform: translate(25px, -25px);
    -o-transform: translate(25px, -25px);
    transform: translate(25px, -25px);
  }
}

.intro__slider_item:first-child {
  z-index: 5;
}

.intro__text_box {
  position: relative;
  float: right;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
  width: 52%;
}

@media (min-width: 2560px) {
  .intro__text_box {
    width: 51%;
  }
}

@media (max-width: 1023px) {
  .intro__text_box {
    float: left;
  }
}

.intro__audience_box {
  position: absolute;
  opacity: 0;
  top: -10px;
  left: 22%;
  -webkit-transform: translateX(20%) translateZ(0);
  -moz-transform: translateX(20%) translateZ(0);
  transform: translateX(20%) translateZ(0);
  font-size: 1.25em;
  letter-spacing: 0.04em;
  -webkit-transition: opacity 0.25s ease,
    -webkit-transform 0.7s cubic-bezier(0.8, 0.29, 0, 0.99);
  -moz-transition: opacity 0.25s ease,
    -moz-transform 0.7s cubic-bezier(0.8, 0.29, 0, 0.99);
  -o-transition: opacity 0.25s ease,
    -o-transform 0.7s cubic-bezier(0.8, 0.29, 0, 0.99);
  transition: opacity 0.25s ease,
    transform 0.7s cubic-bezier(0.8, 0.29, 0, 0.99);
  -webkit-transition-delay: 0.7s;
  -moz-transition-delay: 0.7s;
  -o-transition-delay: 0.7s;
  transition-delay: 0.7s;
}

@media (min-width: 2560px) {
  .intro__audience_box {
    left: 32%;
    top: -18px;
  }
}

.state-intro-lines-started-moving .intro__audience_box {
  opacity: 1;
  -webkit-transform: translateX(0) translateZ(0);
  -moz-transform: translateX(0) translateZ(0);
  transform: translateX(0) translateZ(0);
}

@media (max-width: 1023px) {
  .intro__audience_box {
    display: none;
  }
}

.intro__audience_box__hidden_placeholder {
  position: relative;
}

.intro__audience_box__hidden_placeholder__text {
  opacity: 0;
}

.intro__audience_box__item {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  overflow: hidden;
  opacity: 0;
  font-weight: 700;
  -webkit-transition: opacity 0.25s ease, -webkit-transform 0.25s ease;
  -moz-transition: opacity 0.25s ease, -moz-transform 0.25s ease;
  -o-transition: opacity 0.25s ease, -o-transform 0.25s ease;
  transition: opacity 0.25s ease, transform 0.25s ease;
}

.intro__audience_box__item:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  background-color: white;
}

.intro__audience_box__item.state-visible {
  opacity: 1;
}

.intro__audience_box__item.state-visible:before {
  -webkit-animation: title_slide 1.5s 0s cubic-bezier(0.19, 0.26, 0, 0.99)
    forwards;
  -moz-animation: title_slide 1.5s 0s cubic-bezier(0.19, 0.26, 0, 0.99) forwards;
  -o-animation: title_slide 1.5s 0s cubic-bezier(0.19, 0.26, 0, 0.99) forwards;
  animation: title_slide 1.5s 0s cubic-bezier(0.19, 0.26, 0, 0.99) forwards;
}

@-webkit-keyframes title_slide {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  50% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 0;
  }
}

@-moz-keyframes title_slide {
  0% {
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  50% {
    -moz-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
    opacity: 0;
  }
}

@-o-keyframes title_slide {
  0% {
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  50% {
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 0;
  }
}

@keyframes title_slide {
  0% {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  50% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 0;
  }
}

.intro__text_content {
  position: absolute;
  width: 100%;
}

@media (min-width: 2048px) {
  .intro__text_content {
    top: 80px;
  }
}

@media (max-width: 1366px) {
  .intro__text_content {
    top: -100px;
  }
}

@media (max-width: 767px) {
  .intro__text_content {
    top: -13vw;
  }
}

.intro__title {
  position: absolute;
  overflow: hidden;
  top: 218px;
  font-size: 7.5em;
  font-family: Playfair Display, Helvetica, Arial, sans-serif;
  letter-spacing: 0.045em;
}

@media (max-width: 1366px) {
  .intro__title {
    top: 258px;
  }
}

@media (max-width: 767px) {
  .intro__title {
    top: 34vw;
  }
}

.intro__title_visible_word,
.intro__subtitle_visible_word {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.state-show-text .intro__title_visible_word,
.state-show-text .intro__subtitle_visible_word {
  opacity: 1;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}

.intro__title_visible_word {
  -webkit-transform: translateY(70%);
  -moz-transform: translateY(70%);
  -ms-transform: translateY(70%);
  -o-transform: translateY(70%);
  transform: translateY(70%);
  -webkit-transition: opacity 0.1s ease,
    -webkit-transform 0.5s cubic-bezier(0.19, 0.26, 0, 0.99);
  -moz-transition: opacity 0.1s ease,
    -moz-transform 0.5s cubic-bezier(0.19, 0.26, 0, 0.99);
  -o-transition: opacity 0.1s ease,
    -o-transform 0.5s cubic-bezier(0.19, 0.26, 0, 0.99);
  transition: opacity 0.1s ease,
    transform 0.5s cubic-bezier(0.19, 0.26, 0, 0.99);
}

.intro__subtitle_visible_word {
  -webkit-transform: translateY(-90%);
  -moz-transform: translateY(-90%);
  -ms-transform: translateY(-90%);
  -o-transform: translateY(-90%);
  transform: translateY(-90%);
  -webkit-transition: opacity 0.1s 0.25s ease,
    -webkit-transform 0.5s 0.25s cubic-bezier(0.19, 0.26, 0, 0.99);
  -moz-transition: opacity 0.1s 0.25s ease,
    -moz-transform 0.5s 0.25s cubic-bezier(0.19, 0.26, 0, 0.99);
  -o-transition: opacity 0.1s 0.25s ease,
    -o-transform 0.5s 0.25s cubic-bezier(0.19, 0.26, 0, 0.99);
  transition: opacity 0.1s 0.25s ease,
    transform 0.5s 0.25s cubic-bezier(0.19, 0.26, 0, 0.99);
}

.intro__title_hidden_word,
.intro__subtitle_hidden_word {
  visibility: hidden;
}

.intro__subtitle {
  overflow: hidden;
  position: absolute;
  top: 412px;
  font-size: 1.3em;
  letter-spacing: 0.08em;
  text-indent: 0.3em;
}

@media (min-width: 2560px) {
  .intro__subtitle {
    top: 462px;
  }
}

@media (max-width: 1023px) {
  .intro__subtitle {
    text-indent: 0;
  }
}

@media (max-width: 767px) {
  .intro__subtitle {
    top: 53.5vw;
  }
}

@media (max-width: 500px) {
  .intro__subtitle {
    font-size: 1.5em;
  }
}

@media (min-width: 1024px) {
  .intro__subtitle br {
    display: none;
  }
}

.intro__button_box {
  position: absolute;
  opacity: 0;
  top: 510px;
  -webkit-transition: opacity 0.7s ease;
  -moz-transition: opacity 0.7s ease;
  -o-transition: opacity 0.7s ease;
  transition: opacity 0.7s ease;
  -webkit-transition-delay: 2.2s;
  -moz-transition-delay: 2.2s;
  -o-transition-delay: 2.2s;
  transition-delay: 2.2s;
}

@media (min-width: 2560px) {
  .intro__button_box {
    top: 600px;
  }
}

@media (max-width: 1366px) {
  .intro__button_box {
    top: 480px;
  }
}

.state-intro-lines-started-moving .intro__button_box {
  opacity: 1;
}

.intro__buy_button_box {
  right: -11px;
}

@media (max-width: 1023px) {
  .intro__buy_button_box {
    display: none;
  }
}

@media (min-width: 1024px) {
  .intro__live_button_box {
    display: none;
  }
}

@media (max-width: 1023px) {
  .intro__live_button_box {
    top: 540px;
  }
}

@media (max-width: 767px) {
  .intro__live_button_box {
    top: 70.5vw;
  }
  .intro__live_button_box .button {
    min-width: 24.8vw;
    height: 6.6vw;
    line-height: 6.6vw;
    font-size: 1.7vw;
  }
}

@media (max-width: 500px) {
  .intro__live_button_box .button {
    min-width: 29.76vw;
    height: 7.92vw;
    line-height: 7.92vw;
    font-size: 2.38vw;
  }
}

.intro__text_box__cross {
  position: absolute;
  right: -47px;
  top: -47px;
  width: 95px;
  height: 95px;
  opacity: 0;
  -webkit-transition: opacity 0.7s ease;
  -moz-transition: opacity 0.7s ease;
  -o-transition: opacity 0.7s ease;
  transition: opacity 0.7s ease;
}

@media (max-width: 1366px) {
  .intro__text_box__cross {
    width: 60px;
    height: 60px;
    right: -30px;
    top: -30px;
  }
}

.state-show-corners .intro__text_box__cross {
  opacity: 1;
}

@media (max-width: 1023px) {
  .intro__text_box__cross {
    right: auto;
  }
}

@media (max-width: 767px) {
  .intro__text_box__cross {
    width: 7vw;
    height: 7vw;
    top: -3.5vw;
  }
}

.intro__text_box__line {
  position: absolute;
  opacity: 0;
  right: 0;
  top: 261px;
  width: 1px;
  height: 45px;
  background-color: #252537;
  -webkit-transform: translateY(120px) translateZ(0);
  -moz-transform: translateY(120px) translateZ(0);
  transform: translateY(120px) translateZ(0);
}

.state-intro-lines-started-moving .intro__text_box__line {
  -webkit-animation: intro_box_line_moving 0.25s 0.495s
    cubic-bezier(0.8, 0.29, 0, 0.99) forwards;
  -moz-animation: intro_box_line_moving 0.25s 0.495s
    cubic-bezier(0.8, 0.29, 0, 0.99) forwards;
  -o-animation: intro_box_line_moving 0.25s 0.495s
    cubic-bezier(0.8, 0.29, 0, 0.99) forwards;
  animation: intro_box_line_moving 0.25s 0.495s cubic-bezier(0.8, 0.29, 0, 0.99)
    forwards;
}

@media (max-width: 1023px) {
  .intro__text_box__line {
    display: none;
  }
}

@-webkit-keyframes intro_box_line_moving {
  0% {
    -webkit-transform: translateY(80px) translateZ(0);
    transform: translateY(80px) translateZ(0);
  }
  10% {
    opacity: 1;
    -webkit-transform: translateY(80px) translateZ(0);
    transform: translateY(80px) translateZ(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px) translateZ(0);
    transform: translateY(0px) translateZ(0);
  }
}

@-moz-keyframes intro_box_line_moving {
  0% {
    -moz-transform: translateY(80px) translateZ(0);
    transform: translateY(80px) translateZ(0);
  }
  10% {
    opacity: 1;
    -moz-transform: translateY(80px) translateZ(0);
    transform: translateY(80px) translateZ(0);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0px) translateZ(0);
    transform: translateY(0px) translateZ(0);
  }
}

@-o-keyframes intro_box_line_moving {
  0% {
    transform: translateY(80px) translateZ(0);
  }
  10% {
    opacity: 1;
    transform: translateY(80px) translateZ(0);
  }
  100% {
    opacity: 1;
    transform: translateY(0px) translateZ(0);
  }
}

@keyframes intro_box_line_moving {
  0% {
    -webkit-transform: translateY(80px) translateZ(0);
    -moz-transform: translateY(80px) translateZ(0);
    transform: translateY(80px) translateZ(0);
  }
  10% {
    opacity: 1;
    -webkit-transform: translateY(80px) translateZ(0);
    -moz-transform: translateY(80px) translateZ(0);
    transform: translateY(80px) translateZ(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px) translateZ(0);
    -moz-transform: translateY(0px) translateZ(0);
    transform: translateY(0px) translateZ(0);
  }
}

.intro__text_box__big_line {
  position: absolute;
  top: 382px;
  right: 62px;
  height: 1px;
  width: 3000px;
  background-color: #252537;
  -webkit-transform: translateX(-100%) translateZ(0);
  -moz-transform: translateX(-100%) translateZ(0);
  transform: translateX(-100%) translateZ(0);
  -webkit-transition: -webkit-transform 0.5s 0.2s
    cubic-bezier(0.8, 0.29, 0, 0.99);
  -moz-transition: -moz-transform 0.5s 0.2s cubic-bezier(0.8, 0.29, 0, 0.99);
  -o-transition: -o-transform 0.5s 0.2s cubic-bezier(0.8, 0.29, 0, 0.99);
  transition: transform 0.5s 0.2s cubic-bezier(0.8, 0.29, 0, 0.99);
}

@media (min-width: 2560px) {
  .intro__text_box__big_line {
    top: 422px;
  }
}

.state-intro-lines-started-moving .intro__text_box__big_line {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}

@media (max-width: 1023px) {
  .intro__text_box__big_line {
    left: -300px;
    right: auto;
  }
}

@media (max-width: 767px) {
  .intro__text_box__big_line {
    top: 50.3vw;
  }
}

.intro__scroll_down_box {
  overflow: hidden;
  position: absolute;
  z-index: 100;
  top: 50%;
  width: 1px;
  height: 780px;
  left: -webkit-calc(43% + 50px);
  left: -moz-calc(43% + 50px);
  left: calc(43% + 50px);
}

@media (min-width: 2560px) {
  .intro__scroll_down_box {
    height: 970px;
  }
}

@media (max-width: 1680px) {
  .intro__scroll_down_box {
    height: 740px;
  }
}

@media (max-width: 1600px) {
  .intro__scroll_down_box {
    height: 700px;
  }
}

@media (max-width: 1440px) {
  .intro__scroll_down_box {
    height: 550px;
  }
}

@media (max-width: 1366px) {
  .intro__scroll_down_box {
    left: -webkit-calc(41% + 50px);
    left: -moz-calc(41% + 50px);
    left: calc(41% + 50px);
  }
}

@media (max-width: 1023px) {
  .intro__scroll_down_box {
    left: auto;
    right: 40%;
    top: 40%;
    height: 660px;
  }
}

@media (max-width: 767px) {
  .intro__scroll_down_box {
    height: 76vw;
  }
}

.intro__scroll_down_line {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: #252537;
  -webkit-transform: translateY(-100%) translateZ(0);
  -moz-transform: translateY(-100%) translateZ(0);
  transform: translateY(-100%) translateZ(0);
  -webkit-transition: opacity 0.25s ease,
    -webkit-transform 0.5s cubic-bezier(0.8, 0.29, 0, 0.99);
  -moz-transition: opacity 0.25s ease,
    -moz-transform 0.5s cubic-bezier(0.8, 0.29, 0, 0.99);
  -o-transition: opacity 0.25s ease,
    -o-transform 0.5s cubic-bezier(0.8, 0.29, 0, 0.99);
  transition: opacity 0.25s ease,
    transform 0.5s cubic-bezier(0.8, 0.29, 0, 0.99);
  -webkit-transition-delay: 1.45s;
  -moz-transition-delay: 1.45s;
  -o-transition-delay: 1.45s;
  transition-delay: 1.45s;
}

.state-intro-lines-started-moving .intro__scroll_down_line {
  opacity: 1;
  -webkit-transform: translateY(0) translateZ(0);
  -moz-transform: translateY(0) translateZ(0);
  transform: translateY(0) translateZ(0);
}

.intro__scroll_down_word {
  position: absolute;
  opacity: 0;
  z-index: 100;
  bottom: 30px;
  left: 44%;
  font-size: 8px;
  text-transform: uppercase;
  color: white;
  -webkit-transform: translateY(-10%) translateZ(0);
  -moz-transform: translateY(-10%) translateZ(0);
  transform: translateY(-10%) translateZ(0);
  cursor: pointer;
  -webkit-transition: color 0.25s ease, opacity 0.25s ease,
    -webkit-transform 0.85s cubic-bezier(0.8, 0.29, 0, 0.99);
  -moz-transition: color 0.25s ease, opacity 0.25s ease,
    -moz-transform 0.85s cubic-bezier(0.8, 0.29, 0, 0.99);
  -o-transition: color 0.25s ease, opacity 0.25s ease,
    -o-transform 0.85s cubic-bezier(0.8, 0.29, 0, 0.99);
  transition: color 0.25s ease, opacity 0.25s ease,
    transform 0.85s cubic-bezier(0.8, 0.29, 0, 0.99);
  -webkit-transition-delay: 1.7s;
  -moz-transition-delay: 1.7s;
  -o-transition-delay: 1.7s;
  transition-delay: 1.7s;
}

.intro__scroll_down_word:hover {
  opacity: 0.5;
}

@media (min-width: 2560px) {
  .intro__scroll_down_word {
    bottom: 70px;
    left: 42.5%;
    font-size: 12px;
  }
}

@media (max-width: 1366px) {
  .intro__scroll_down_word {
    left: 43%;
    bottom: 30px;
  }
}

@media (max-width: 1023px) {
  .intro__scroll_down_word {
    left: auto;
    right: 42%;
    bottom: 70px;
  }
}

@media (max-width: 767px) {
  .intro__scroll_down_word {
    bottom: 4vw;
    font-size: 1.1vw;
  }
}

@media (max-width: 375px) {
  .intro__scroll_down_word {
    bottom: 3vw;
  }
}

.state-intro-lines-started-moving .intro__scroll_down_word {
  opacity: 1;
  -webkit-transform: translateY(0) translateZ(0);
  -moz-transform: translateY(0) translateZ(0);
  transform: translateY(0) translateZ(0);
}

@media (max-width: 1366px) {
  .intro__scroll_down_word_img {
    height: 60px;
  }
}

@media (max-width: 1023px) {
  .intro__scroll_down_word_img {
    height: 80px;
  }
}

@media (max-width: 767px) {
  .intro__scroll_down_word_img {
    height: 10vw;
  }
}

.hidden_paragraph,
.body--mobile .paragraphs__item {
  opacity: 0;
  -webkit-transform: translateY(-10%);
  -moz-transform: translateY(-10%);
  -ms-transform: translateY(-10%);
  -o-transform: translateY(-10%);
  transform: translateY(-10%);
}

.visible_paragraph,
.paragraphs_box,
.body--mobile .paragraphs__item.skrollable-between {
  opacity: 1;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}

.paragraphs {
}

.paragraphs:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

@media (min-width: 2560px) {
  .paragraphs {
    font-size: 20px;
  }
}

@media (max-width: 1440px) {
  .paragraphs {
    font-size: 12px;
  }
}

@media (max-width: 767px) {
  .paragraphs {
    font-size: 1vw;
  }
}

@media (max-width: 700px) {
  .paragraphs {
    font-size: 1.3vw;
  }
}

@media (max-width: 500px) {
  .paragraphs {
    font-size: 1.7vw;
  }
}

.paragraphs_box {
  position: relative;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}

.paragraphs_box:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.state-at-top-position .paragraphs_box {
  opacity: 0;
}

.paragraphs_box--black {
  background-color: #1a1a1e;
}

.paragraphs_box--top {
  padding-bottom: 160px;
}

@media (min-width: 2560px) {
  .paragraphs_box--top {
    padding-bottom: 290px;
  }
}

@media (max-width: 1680px) {
  .paragraphs_box--top {
    padding-bottom: 240px;
  }
}

@media (max-width: 1366px) {
  .paragraphs_box--top {
    padding-bottom: 190px;
  }
}

@media (max-width: 1023px) {
  .paragraphs_box--top {
    padding-bottom: 100px;
  }
}

@media (max-width: 767px) {
  .paragraphs_box--top {
    padding-bottom: 9em;
  }
}

.paragraphs_box--middle {
  position: relative;
  padding-top: 237px;
  padding-bottom: 253px;
}

@media (min-width: 2560px) {
  .paragraphs_box--middle {
    padding-top: 337px;
    padding-bottom: 353px;
  }
}

@media (max-width: 1680px) {
  .paragraphs_box--middle {
    padding-top: 157px;
    padding-bottom: 153px;
  }
}

@media (max-width: 1366px) {
  .paragraphs_box--middle {
    padding-bottom: 93px;
  }
}

@media (max-width: 1366px) {
  .paragraphs_box--middle {
    padding-top: 107px;
  }
}

@media (max-width: 1023px) {
  .paragraphs_box--middle {
    padding-bottom: 142px;
  }
}

@media (max-width: 767px) {
  .paragraphs_box--middle {
    padding-top: 13em;
    padding-left: 11em;
    padding-bottom: 18.5em;
  }
}

@media (max-width: 500px) {
  .paragraphs_box--middle {
    padding-left: 40px;
  }
}

@media (max-width: 500px) {
  .paragraphs_box--middle {
    padding-top: 8em;
    padding-bottom: 14.5em;
  }
}

.paragraphs_box--middle .paragraphs_box_line,
.paragraphs_box--middle .paragraphs_box_big_line {
  position: absolute;
  left: 86px;
  background-color: #f9e1d5;
  width: 1px;
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -ms-transform-origin: center top;
  -o-transform-origin: center top;
  transform-origin: center top;
}

@media (max-width: 1023px) {
  .paragraphs_box--middle .paragraphs_box_line,
  .paragraphs_box--middle .paragraphs_box_big_line {
    display: none;
  }
}

.paragraphs_box--middle .paragraphs_box_big_line {
  height: 531px;
  bottom: 240px;
}

@media (min-width: 2560px) {
  .paragraphs_box--middle .paragraphs_box_big_line {
    height: 781px;
    bottom: 290px;
  }
}

@media (max-width: 1680px) {
  .paragraphs_box--middle .paragraphs_box_big_line {
    height: 491px;
    bottom: 190px;
  }
}

@media (max-width: 1440px) {
  .paragraphs_box--middle .paragraphs_box_big_line {
    height: 271px;
    bottom: 164px;
  }
}

@media (max-width: 1366px) {
  .paragraphs_box--middle .paragraphs_box_big_line {
    height: 241px;
  }
}

.paragraphs_box--middle .paragraphs_box_line {
  height: 24px;
  bottom: -48px;
}

.paragraphs_box--bottom {
  padding-top: 66px;
  padding-bottom: 30px;
}

@media (min-width: 2560px) {
  .paragraphs_box--bottom {
    padding-top: 196px;
    padding-bottom: 60px;
  }
}

@media (max-width: 1680px) {
  .paragraphs_box--bottom {
    padding-bottom: 60px;
  }
}

@media (max-width: 1600px) {
  .paragraphs_box--bottom {
    padding-top: 76px;
  }
}

@media (max-width: 1440px) {
  .paragraphs_box--bottom {
    padding-top: 56px;
  }
}

@media (max-width: 1023px) {
  .paragraphs_box--bottom {
    padding-bottom: 0;
  }
}

@media (max-width: 767px) {
  .paragraphs_box--bottom {
    padding-top: 6em;
  }
}

body:not(.body--mobile) .state-at-top-position .paragraphs_box--top {
  opacity: 0;
}

.paragraphs_box__decor_word_container {
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
}

.paragraphs__item {
  position: relative;
}

.body--mobile .paragraphs__item {
  -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease-out;
  -moz-transition: opacity 0.5s ease, -moz-transform 0.5s ease-out;
  -o-transition: opacity 0.5s ease, -o-transform 0.5s ease-out;
  transition: opacity 0.5s ease, transform 0.5s ease-out;
}

.paragraphs__item--no_number {
  margin-top: 0;
  margin-left: 48.6%;
}

@media (min-width: 2560px) {
  .paragraphs__item--no_number {
    margin-left: 49.6%;
  }
}

@media (max-width: 1200px) {
  .paragraphs__item--no_number {
    margin-left: 38.6%;
  }
}

@media (max-width: 1024px) {
  .paragraphs__item--no_number {
    margin-left: 36%;
  }
}

@media (max-width: 1023px) {
  .paragraphs__item--no_number {
    margin-left: 85px;
  }
}

@media (max-width: 767px) {
  .paragraphs__item--no_number {
    float: none !important;
    margin-left: 0 !important;
  }
}

@media (max-width: 767px) {
  .paragraphs__item:not(.paragraphs__item--no_number) {
    margin-top: 10em;
  }
}

.paragraphs__item:not(.paragraphs__item--no_number):first-child {
  margin-top: 0;
}

.paragraphs__button {
  position: relative;
  z-index: 100;
  margin-left: 48.6%;
  margin-top: 72px;
}

@media (min-width: 2560px) {
  .paragraphs__button {
    margin-left: 49.6%;
  }
}

@media (max-width: 1200px) {
  .paragraphs__button {
    margin-left: 38.6%;
  }
}

@media (max-width: 1024px) {
  .paragraphs__button {
    margin-left: 36%;
  }
}

@media (max-width: 1023px) {
  .paragraphs__button {
    margin-left: 85px;
  }
}

@media (max-width: 767px) {
  .paragraphs__button {
    min-width: 37.2vw;
    height: 9.9vw;
    line-height: 9.9vw;
    margin-left: 0;
    font-size: 2.55vw;
  }
}

@media (max-width: 767px) {
  .paragraphs__button {
    margin-top: 5em;
  }
}

.paragraphs__item__title {
  position: relative;
  z-index: 10;
}

.paragraphs__item__title--cream {
  color: #f9e1d5;
}

.paragraphs__item__text {
  position: relative;
  z-index: 10;
}

.paragraphs__item__text--white {
  color: white;
}

.paragraphs_box_img {
  position: absolute;
  z-index: 100;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.paragraphs_box_img--left {
  width: 37.6%;
  left: 0;
  top: -34%;
}

@media (max-width: 1024px) {
  .paragraphs_box_img--left {
    top: -14%;
    width: 32.6%;
  }
}

@media (max-width: 1200px) {
  .paragraphs_box_img--left {
    top: -14%;
    width: 37.6%;
  }
}

@media (max-width: 1023px) {
  .paragraphs_box_img--left {
    display: none;
  }
}

.paragraphs_box_img--right {
  width: 51.7%;
  right: 0;
  top: -23%;
}

.body--mobile .paragraphs_box_img--right {
  -webkit-transition: -webkit-transform 2s cubic-bezier(0.34, 0.28, 0.18, 1.2);
  -moz-transition: -moz-transform 2s cubic-bezier(0.34, 0.28, 0.18, 1.2);
  -o-transition: -o-transform 2s cubic-bezier(0.34, 0.28, 0.18, 1.2);
  transition: transform 2s cubic-bezier(0.34, 0.28, 0.18, 1.2);
  -webkit-transform: translateY(50%) translateX(10%);
  -moz-transform: translateY(50%) translateX(10%);
  -ms-transform: translateY(50%) translateX(10%);
  -o-transform: translateY(50%) translateX(10%);
  transform: translateY(50%) translateX(10%);
}

@media (max-width: 500px) {
  .body--mobile .paragraphs_box_img--right {
    -webkit-transform: translateY(20%) translateX(0%);
    -moz-transform: translateY(20%) translateX(0%);
    -ms-transform: translateY(20%) translateX(0%);
    -o-transform: translateY(20%) translateX(0%);
    transform: translateY(20%) translateX(0%);
  }
}

.body--mobile .paragraphs_box_img--right.skrollable-between {
  -webkit-transform: translateY(30%) translateX(0%);
  -moz-transform: translateY(30%) translateX(0%);
  -ms-transform: translateY(30%) translateX(0%);
  -o-transform: translateY(30%) translateX(0%);
  transform: translateY(30%) translateX(0%);
}

@media (max-width: 500px) {
  .body--mobile .paragraphs_box_img--right.skrollable-between {
    -webkit-transform: translateY(5%) translateX(0%);
    -moz-transform: translateY(5%) translateX(0%);
    -ms-transform: translateY(5%) translateX(0%);
    -o-transform: translateY(5%) translateX(0%);
    transform: translateY(5%) translateX(0%);
  }
}

@media (max-width: 1680px) {
  .paragraphs_box_img--right {
    width: 51.7%;
    right: -3%;
    top: -37%;
  }
}

@media (max-width: 1200px) {
  .paragraphs_box_img--right {
    width: 47.7%;
    right: -3%;
    top: -17%;
  }
}

@media (max-width: 1024px) {
  .paragraphs_box_img--right {
    width: 44.7%;
    top: -21%;
  }
}

@media (max-width: 1023px) {
  .paragraphs_box_img--right {
    width: 71.7%;
    right: -14%;
    top: -44%;
  }
}

@media (max-width: 888px) {
  .paragraphs_box_img--right {
    width: 81.7%;
    right: -14%;
    top: -34%;
  }
}

@media (max-width: 768px) {
  .paragraphs_box_img--right {
    width: 61.7%;
    right: -4%;
    top: -24%;
  }
}

@media (max-width: 767px) {
  .paragraphs_box_img--right {
    width: 71.7%;
    top: -1%;
  }
}

@media (max-width: 500px) {
  .paragraphs_box_img--right {
    width: 80%;
    top: 2%;
    right: -14%;
  }
}

.features {
  padding-top: 95px;
  padding-bottom: 136px;
  background-color: #f9e1d5;
  text-align: center;
}

@media (max-width: 1024px) {
  .features {
    padding-top: 55px;
    padding-bottom: 66px;
    font-size: 13px;
  }
}

@media (max-width: 1023px) {
  .features {
    padding-top: 104px;
  }
}

@media (max-width: 767px) {
  .features {
    font-size: 22px;
  }
}

@media (max-width: 1023px) {
  .features {
    padding-top: 54px;
  }
}

@media (max-width: 500px) {
  .features {
    font-size: 15px;
  }
}

@media (max-width: 375px) {
  .features {
    font-size: 13px;
  }
}

h2.features__title {
  display: inline-block;
  background-color: #f9e1d5;
}

@media (max-width: 1023px) {
  h2.features__title {
    margin-bottom: 40px;
  }
}

.features__items_box {
  position: relative;
  margin-top: 80px;
}

.features__items_box:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

@media (max-width: 1023px) {
  .features__items_box {
    margin-top: 5px;
  }
}

.features__item {
  position: relative;
  float: left;
  width: 33.2%;
  height: 22.0625em;
  -webkit-transition: -webkit-transform 0.5s ease-out, opacity 0.3s ease;
  -moz-transition: -moz-transform 0.5s ease-out, opacity 0.3s ease;
  -o-transition: -o-transform 0.5s ease-out, opacity 0.3s ease;
  transition: transform 0.5s ease-out, opacity 0.3s ease;
}

.features__item--delay {
  -webkit-transition-delay: 0.15s;
  -moz-transition-delay: 0.15s;
  -o-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

.features__item.skrollable-before {
  opacity: 0;
  -webkit-transform: translateY(-10%);
  -moz-transform: translateY(-10%);
  -ms-transform: translateY(-10%);
  -o-transform: translateY(-10%);
  transform: translateY(-10%);
}

.features__item.skrollable-after {
  opacity: 0;
  -webkit-transform: translateY(10%);
  -moz-transform: translateY(10%);
  -ms-transform: translateY(10%);
  -o-transform: translateY(10%);
  transform: translateY(10%);
}

.body--mobile .features__item {
  opacity: 0;
  -webkit-transform: translateY(-10%);
  -moz-transform: translateY(-10%);
  -ms-transform: translateY(-10%);
  -o-transform: translateY(-10%);
  transform: translateY(-10%);
}

.features__item.skrollable-between {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.features__item.skrollable-between:after {
  -webkit-transform: translateX(160%);
  -moz-transform: translateX(160%);
  -ms-transform: translateX(160%);
  -o-transform: translateX(160%);
  transform: translateX(160%);
}

.features__item.skrollable-between:before {
  -webkit-transform: translateX(-160%);
  -moz-transform: translateX(-160%);
  -ms-transform: translateX(-160%);
  -o-transform: translateX(-160%);
  transform: translateX(-160%);
}

@media (max-width: 1023px) {
  .features__item {
    float: none;
    display: inline-block;
    width: 100%;
    max-width: 360px;
    height: auto;
    padding: 0 15px;
    margin-bottom: 96px;
  }
  .features__item:last-child {
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  .features__item {
    max-width: 100%;
  }
}

@media (min-width: 1024px) {
  .features__item--mobile {
    display: none;
  }
}

@media (max-width: 1023px) {
  .features__item--desktop {
    display: none;
  }
}

@media (max-width: 500px) {
  .features__item {
    margin-bottom: 50px;
  }
}

.features__item__content {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0 4.8125em;
}

@media (max-width: 1023px) {
  .features__item__content {
    position: static;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}

@media (max-width: 767px) {
  .features__item__content {
    padding: 0;
  }
}

.features__icon {
  display: inline-block;
  position: relative;
  width: 7.1875em;
  height: 7.1875em;
  margin-bottom: 2em;
  background-color: #fcfcfd;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 15px 42px rgba(140, 99, 78, 0.1);
  -moz-box-shadow: 0 15px 42px rgba(140, 99, 78, 0.1);
  box-shadow: 0 15px 42px rgba(140, 99, 78, 0.1);
  -webkit-transition: -webkit-box-shadow 1.15s ease;
  -moz-transition: -moz-box-shadow 1.15s ease;
  -o-transition: box-shadow 1.15s ease;
  transition: box-shadow 1.15s ease;
}

.features__icon:hover {
  -webkit-box-shadow: 0 15px 42px rgba(140, 99, 78, 0.3);
  -moz-box-shadow: 0 15px 42px rgba(140, 99, 78, 0.3);
  box-shadow: 0 15px 42px rgba(140, 99, 78, 0.3);
}

.features__icon:hover:before {
  -webkit-box-shadow: 0 15px 42px rgba(140, 99, 78, 0.3);
  -moz-box-shadow: 0 15px 42px rgba(140, 99, 78, 0.3);
  box-shadow: 0 15px 42px rgba(140, 99, 78, 0.3);
  border-color: transparent;
}

.features__icon:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  height: 75%;
  width: 75%;
  border: 1px solid #f9e1d5;
  -webkit-transition: -webkit-box-shadow 0.95s ease, border-color ease 0.3s;
  -moz-transition: -moz-box-shadow 0.95s ease, border-color ease 0.3s;
  -o-transition: box-shadow 0.95s ease, border-color ease 0.3s;
  transition: box-shadow 0.95s ease, border-color ease 0.3s;
}

.features__icon:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
}

.features__icon--play:after {
  width: 1.5em;
  height: 1.5em;
  background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iU3ZnanNTdmcxMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxkZWZzIGlkPSJTdmdqc0RlZnMxMDAxIj48L2RlZnM+PHBhdGggaWQ9IlN2Z2pzUGF0aDEwMDciIGQ9Ik01NjEuMDAxIDM4NjJMNTM4Ljk5OSAzODYyQzUzOC40NDYgMzg2MiA1MzggMzg2Mi40NCA1MzggMzg2M0w1MzggMzg4NUM1MzggMzg4NS41NSA1MzguNDQ2IDM4ODYgNTM4Ljk5OSAzODg2TDU2MS4wMDEgMzg4NkM1NjEuNTU0IDM4ODYgNTYyIDM4ODUuNTUgNTYyIDM4ODVMNTYyIDM4NjNDNTYyIDM4NjIuNDQgNTYxLjU1NCAzODYyIDU2MS4wMDEgMzg2MlpNNTM5Ljk5OCAzODg0TDU0MCAzODcwTDU2MCAzODcwTDU1OS45OTcgMzg4NFpNNTU0LjkxMyAzODY0TDU1Mi4wMDIwMyAzODY3Ljk5NzIxQzU1Mi4wMDE0NyAzODY3Ljk5ODAxIDU1Mi4wMDA4IDM4NjcuOTk4OTMgNTUyIDM4NjhDNTUxLjk5NSAzODY4LjAwMzMzIDU1MS45OTUgMzg2OC4wMDIyMiA1NTEuOTk2NjcgMzg2OEw1NDYgMzg2OEw1NDkgMzg2NFpNNTM5Ljk5OCAzODY0TDU0NS45MTAwMDAwMDAwMDAxIDM4NjRMNTQzLjAwMjA4MDAwMDAwMDEgMzg2Ny45OTcxNEM1NDMuMDAxNTEgMzg2Ny45OTc5NSA1NDMuMDAwODIwMDAwMDAwMSAzODY3Ljk5ODkgNTQzLjAwMDAwMDAwMDAwMDEgMzg2OEM1NDIuOTk1MDAwMDAwMDAwMSAzODY4LjAwMzMzIDU0Mi45OTUwMDAwMDAwMDAxIDM4NjguMDAyMjIgNTQyLjk5NjY3MDAwMDAwMDEgMzg2OEw1NDAuMDAwMDAwMDAwMDAwMSAzODY4Wk01NjAgMzg2OEw1NTUgMzg2OEw1NTggMzg2NEw1NjAgMzg2NFpNNTQ3LjkwOSAzODgxLjg1TDU1My4zMzEgMzg3Ny41Mjk5OTk5OTk5OTk3QzU1My41NzEgMzg3Ny4zMzk5OTk5OTk5OTk3IDU1My43MDggMzg3Ny4wNiA1NTMuNzA4IDM4NzYuNzQ5OTk5OTk5OTk5NUM1NTMuNzA4IDM4NzYuNDQ5OTk5OTk5OTk5NCA1NTMuNTcxIDM4NzYuMTU5OTk5OTk5OTk5NCA1NTMuMzMxIDM4NzUuOTY5OTk5OTk5OTk5M0w1NDcuOTEzIDM4NzEuNjQ5OTk5OTk5OTk5QzU0Ny42MTUgMzg3MS40MDk5OTk5OTk5OTk0IDU0Ny4yMDMgMzg3MS4zNjk5OTk5OTk5OTkgNTQ2Ljg1NSAzODcxLjUzOTk5OTk5OTk5OUM1NDYuNTEzIDM4NzEuNjk5OTk5OTk5OTk5IDU0Ni4yOTIgMzg3Mi4wNDk5OTk5OTk5OTkzIDU0Ni4yOTIgMzg3Mi40Mzk5OTk5OTk5OTlMNTQ2LjI5MiAzODgxLjA1OTk5OTk5OTk5OUM1NDYuMjkyIDM4ODEuNDM5OTk5OTk5OTk5IDU0Ni41MDggMzg4MS43OTk5OTk5OTk5OTkgNTQ2Ljg1NSAzODgxLjk1OTk5OTk5OTk5OUM1NDYuOTkzIDM4ODIuMDI5OTk5OTk5OTk5MyA1NDcuMTQ0IDM4ODIuMDU5OTk5OTk5OTk5IDU0Ny4yOTEgMzg4Mi4wNTk5OTk5OTk5OTlDNTQ3LjUxMjAwMDAwMDAwMDEgMzg4Mi4wNTk5OTk5OTk5OTkgNTQ3LjczMjAwMDAwMDAwMDEgMzg4MS45ODk5OTk5OTk5OTkgNTQ3LjkwOTAwMDAwMDAwMDEgMzg4MS44NDk5OTk5OTk5OTlaTTU1MS4xMDcgMzg3Ni43NUw1NDguMjkwOTk5OTk5OTk5OSAzODc4Ljk4TDU0OC4yOTA5OTk5OTk5OTk5IDM4NzQuNTFaICIgZmlsbD0iIzAwMDAwMCIgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsMSwtNTM4LC0zODYyKSI+PC9wYXRoPjwvc3ZnPg==)
    no-repeat center/100% auto;
}

.features__icon--diamond:after {
  width: 1.5em;
  height: 1.375em;
  background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iU3ZnanNTdmcxMDIzIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iMjQiIGhlaWdodD0iMjEiPjxkZWZzIGlkPSJTdmdqc0RlZnMxMDI0Ij48L2RlZnM+PHBhdGggaWQ9IlN2Z2pzUGF0aDEwMjUiIGQ9Ik05NjIuNzQ1IDM4NzAuMjNMOTU3LjI3NSAzODYzLjg0Qzk1Ny4wNzQgMzg2My42MSA5NTYuNzggMzg2My40NzAwMDAwMDAwMDAzIDk1Ni40NyAzODYzLjQ3MDAwMDAwMDAwMDNMOTQ1LjUzIDM4NjMuNDcwMDAwMDAwMDAwM0M5NDUuMjIgMzg2My40NzAwMDAwMDAwMDAzIDk0NC45MjU5OTk5OTk5OTk5IDM4NjMuNjEgOTQ0LjcyNSAzODYzLjg0TDkzOS4yNTUgMzg3MC4yM0M5MzguOTEzIDM4NzAuNjMgOTM4LjkxNTk5OTk5OTk5OTkgMzg3MS4yMiA5MzkuMjYxIDM4NzEuNjJMOTUwLjIwMSAzODg0LjE2Qzk1MC40MDIgMzg4NC4zOSA5NTAuNjk0MDAwMDAwMDAwMSAzODg0LjUyOTk5OTk5OTk5OTcgOTUxIDM4ODQuNTI5OTk5OTk5OTk5N0M5NTEuMzA2IDM4ODQuNTI5OTk5OTk5OTk5NyA5NTEuNTk4IDM4ODQuMzkgOTUxLjc5OSAzODg0LjE2TDk2Mi43MzkgMzg3MS42MkM5NjMuMDg0MDAwMDAwMDAwMSAzODcxLjIyIDk2My4wODcgMzg3MC42MyA5NjIuNzQ1IDM4NzAuMjNaTTk1MSAzODgwLjczTDk0OC4zNTcgMzg3MS45OEw5NTMuNjQyOTk5OTk5OTk5OSAzODcxLjk4Wk05NDIuMzg4IDM4NzEuOThMOTQ2LjE0NCAzODcxLjk4TDk0OC4xMzUgMzg3OC41N1pNOTUzLjg2NSAzODc4LjU3TDk1NS44NTYgMzg3MS45OEw5NTkuNjEyIDM4NzEuOThaTTk0Ni4wMTggMzg2NS41OUw5NDcuNzY0IDM4NjUuNTlMOTQ2LjE3OCAzODY5Ljg2TDk0Mi4zNiAzODY5Ljg2Wk05NTAuMDI0IDM4NjUuNTlMOTUxLjk3NiAzODY1LjU5TDk1My41NjIgMzg2OS44Nkw5NDguNDM4IDM4NjkuODZaTTk1NS44MjIgMzg2OS44Nkw5NTQuMjM2IDM4NjUuNTlMOTU1Ljk4MiAzODY1LjU5TDk1OS42NCAzODY5Ljg2WiAiIGZpbGw9IiMwMDAwMDAiIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLDEsLTkzOSwtMzg2MykiPjwvcGF0aD48L3N2Zz4=)
    no-repeat center/100% auto;
}

.features__icon--star:after {
  width: 1.5em;
  height: 1.5em;
  background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iU3ZnanNTdmcxMDI2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxkZWZzIGlkPSJTdmdqc0RlZnMxMDI3Ij48L2RlZnM+PHBhdGggaWQ9IlN2Z2pzUGF0aDEwMjgiIGQ9Ik0xMzc5LjgyIDM4ODUuOEwxMzczLjUgMzg4Mi4zMTAwMDAwMDAwMDA0TDEzNjcuMTggMzg4NS44QzEzNjYuODUwMDAwMDAwMDAwMSAzODg1Ljk5MDAwMDAwMDAwMDIgMTM2Ni40MyAzODg1Ljk3MDAwMDAwMDAwMDMgMTM2Ni4xMjAwMDAwMDAwMDAxIDM4ODUuNzVDMTM2NS44MTAwMDAwMDAwMDAyIDM4ODUuNTMgMTM2NS42NSAzODg1LjE1IDEzNjUuNzEgMzg4NC43OEwxMzY2LjkzIDM4NzcuM0wxMzYxLjc3IDM4NzIuMDFDMTM2MS41MSAzODcxLjc1IDEzNjEuNDMgMzg3MS4zNiAxMzYxLjU0IDM4NzFDMTM2MS42NTk5OTk5OTk5OTk5IDM4NzAuNjUgMTM2MS45NyAzODcwLjM5IDEzNjIuMzQgMzg3MC4zNEwxMzY5LjQxOTk5OTk5OTk5OTggMzg2OS4yNUwxMzcyLjYgMzg2Mi40OEMxMzcyLjc2IDM4NjIuMTQgMTM3My4xMSAzODYxLjkxIDEzNzMuNSAzODYxLjkxQzEzNzMuODggMzg2MS45MSAxMzc0LjI0IDM4NjIuMTQgMTM3NC40IDM4NjIuNDhMMTM3Ny41ODAwMDAwMDAwMDAyIDM4NjkuMjVMMTM4NC42NiAzODcwLjM0QzEzODUuMDMgMzg3MC40IDEzODUuMzMwMDAwMDAwMDAwMiAzODcwLjY1IDEzODUuNDYgMzg3MUMxMzg1LjU3IDM4NzEuMzYgMTM4NS40OSAzODcxLjc1IDEzODUuMjMgMzg3Mi4wMUwxMzgwLjA3IDM4NzcuM0wxMzgxLjI5IDM4ODQuNzhDMTM4MS4zNSAzODg1LjE1IDEzODEuMTkgMzg4NS41MyAxMzgwLjg3OTk5OTk5OTk5OTkgMzg4NS43NUMxMzgwLjY5OTk5OTk5OTk5OTggMzg4NS44NyAxMzgwLjMxIDM4ODYuMDYgMTM3OS44MiAzODg1LjhaTTEzNjQuNTYgMzg3Mi4wMUwxMzY4LjcxIDM4NzYuMjcwMDAwMDAwMDAwNEMxMzY4LjkzIDM4NzYuNTAwMDAwMDAwMDAwNSAxMzY5LjAzIDM4NzYuODEwMDAwMDAwMDAwNCAxMzY4Ljk4IDM4NzcuMTIwMDAwMDAwMDAwM0wxMzY4LjAxIDM4ODMuMDYwMDAwMDAwMDAwNEwxMzczLjAxIDM4ODAuM0MxMzczLjMxIDM4ODAuMTMgMTM3My42NyAzODgwLjEzIDEzNzMuOTggMzg4MC4zTDEzNzguOTggMzg4My4wNjAwMDAwMDAwMDA0TDEzNzguMDEgMzg3Ny4xMjAwMDAwMDAwMDAzQzEzNzcuOTYgMzg3Ni44MTAwMDAwMDAwMDA0IDEzNzguMDYgMzg3Ni41MDAwMDAwMDAwMDA1IDEzNzguMjggMzg3Ni4yNzAwMDAwMDAwMDA0TDEzODIuNDMgMzg3Mi4wMUwxMzc2Ljc0IDM4NzEuMTVDMTM3Ni40MSAzODcxLjEgMTM3Ni4xMjAwMDAwMDAwMDAxIDM4NzAuODkgMTM3NS45OCAzODcwLjU4TDEzNzMuNSAzODY1LjI1OTk5OTk5OTk5OThMMTM3MSAzODcwLjU4QzEzNzAuODYgMzg3MC44OCAxMzcwLjU4IDM4NzEuMDkgMTM3MC4yNSAzODcxLjE0WiAiIGZpbGw9IiMwMDAwMDAiIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLDEsLTEzNjEsLTM4NjIpIj48L3BhdGg+PC9zdmc+)
    no-repeat center/100% auto;
}

.features__icon--tweaks:after {
  width: 1.625em;
  height: 1.5625em;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjZweCIgaGVpZ2h0PSIyNXB4IiB2aWV3Qm94PSIwIDAgMjYgMjUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQyICgzNjc4MSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+aS10d2Vha3MtLWJsYWNrPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9ImktdHdlYWtzLS1ibGFjayIgZmlsbC1ydWxlPSJub256ZXJvIiBmaWxsPSIjMDAwMDAwIj4KICAgICAgICAgICAgPHBhdGggZD0iTTEuMjAxLDQuNDggTDUuNDI5LDQuNDggQzUuNzg3LDUuODQgNy4wMjksNi44NSA4LjUwMyw2Ljg1IEM5Ljk3Niw2Ljg1IDExLjIxOSw1Ljg0IDExLjU3Nyw0LjQ4IEwyNC43OTksNC40OCBDMjUuMjQ1LDQuNDggMjUuNjA3LDQuMTEgMjUuNjA3LDMuNjcgQzI1LjYwNywzLjIyIDI1LjI0NSwyLjg2IDI0Ljc5OSwyLjg2IEwxMS41NzcsMi44NiBDMTEuMjE5LDEuNSA5Ljk3NiwwLjQ5IDguNTAzLDAuNDkgQzcuMDI5LDAuNDkgNS43ODcsMS41IDUuNDI4LDIuODYgTDEuMjAxLDIuODYgQzAuNzU1LDIuODYgMC4zOTMsMy4yMiAwLjM5MywzLjY3IEMwLjM5Myw0LjExIDAuNzU1LDQuNDggMS4yMDEsNC40OCBMMS4yMDEsNC40OCBaIE0yNC43OTksMTEuNjkgTDE5LjQxMiwxMS42OSBDMTkuMDU0LDEwLjMzIDE3LjgxMiw5LjMyIDE2LjMzOCw5LjMyIEMxNC44NjQsOS4zMiAxMy42MjIsMTAuMzMgMTMuMjY0LDExLjY5IEwxLjIwMSwxMS42OSBDMC43NTUsMTEuNjkgMC4zOTMsMTIuMDUgMC4zOTMsMTIuNSBDMC4zOTMsMTIuOTUgMC43NTUsMTMuMzEgMS4yMDEsMTMuMzEgTDEzLjI2NCwxMy4zMSBDMTMuNjIyLDE0LjY3IDE0Ljg2NSwxNS42OCAxNi4zMzgsMTUuNjggQzE3LjgxMiwxNS42OCAxOS4wNTQsMTQuNjcgMTkuNDEyLDEzLjMxIEwyNC43OTksMTMuMzEgQzI1LjI0NSwxMy4zMSAyNS42MDcsMTIuOTUgMjUuNjA3LDEyLjUgQzI1LjYwNywxMi4wNSAyNS4yNDUsMTEuNjkgMjQuNzk5LDExLjY5IFogTTE2LjMzOCwxNC4wNiBDMTUuNDc3LDE0LjA2IDE0Ljc3NiwxMy4zNiAxNC43NzYsMTIuNSBDMTQuNzc2LDExLjY0IDE1LjQ3NywxMC45NCAxNi4zMzgsMTAuOTQgQzE3LjIsMTAuOTQgMTcuOTAxLDExLjY0IDE3LjkwMSwxMi41IEMxNy45MDEsMTMuMzYgMTcuMiwxNC4wNiAxNi4zMzgsMTQuMDYgWiBNOC41MDMsMi4xMSBDOS4zNjQsMi4xMSAxMC4wNjUsMi44MSAxMC4wNjUsMy42NyBDMTAuMDY1LDQuNTMgOS4zNjQsNS4yMyA4LjUwMyw1LjIzIEM3LjY0MSw1LjIzIDYuOTQsNC41MyA2Ljk0LDMuNjcgQzYuOTQsMi44MSA3LjY0MSwyLjExIDguNTAzLDIuMTEgWiBNMjQuNzk5LDIwLjUyIEwxMS41NzcsMjAuNTIgQzExLjIxOSwxOS4xNiA5Ljk3NiwxOC4xNSA4LjUwMywxOC4xNSBDNy4wMjksMTguMTUgNS43ODcsMTkuMTYgNS40MjgsMjAuNTIgTDEuMjAxLDIwLjUyIEMwLjc1NSwyMC41MiAwLjM5MywyMC44OCAwLjM5MywyMS4zMyBDMC4zOTMsMjEuNzggMC43NTUsMjIuMTQgMS4yMDEsMjIuMTQgTDUuNDI5LDIyLjE0IEM1Ljc4NywyMy41IDcuMDI5LDI0LjUxIDguNTAzLDI0LjUxIEM5Ljk3NiwyNC41MSAxMS4yMTksMjMuNSAxMS41NzcsMjIuMTQgTDI0Ljc5OSwyMi4xNCBDMjUuMjQ1LDIyLjE0IDI1LjYwNywyMS43OCAyNS42MDcsMjEuMzMgQzI1LjYwNywyMC44OCAyNS4yNDUsMjAuNTIgMjQuNzk5LDIwLjUyIEwyNC43OTksMjAuNTIgWiBNOC41MDMsMjIuODkgQzcuNjQxLDIyLjg5IDYuOTQsMjIuMTkgNi45NCwyMS4zMyBDNi45NCwyMC40NyA3LjY0MSwxOS43NyA4LjUwMywxOS43NyBDOS4zNjQsMTkuNzcgMTAuMDY1LDIwLjQ3IDEwLjA2NSwyMS4zMyBDMTAuMDY1LDIyLjE5IDkuMzY0LDIyLjg5IDguNTAzLDIyLjg5IFoiIGlkPSJTdmdqc1BhdGgxMDMxIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=)
    no-repeat center/auto 100%;
}

.features__icon--media:after {
  width: 1.5em;
  height: 1.5em;
  background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iU3ZnanNTdmcxMDMyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxkZWZzIGlkPSJTdmdqc0RlZnMxMDMzIj48L2RlZnM+PHBhdGggaWQ9IlN2Z2pzUGF0aDEwMzQiIGQ9Ik0xMzY3IDQyMTVDMTM2NS44OSA0MjE1IDEzNjUgNDIxNS44OSAxMzY1IDQyMTdDMTM2NSA0MjE4LjEgMTM2NS44OSA0MjE5IDEzNjcgNDIxOUMxMzY4LjEgNDIxOSAxMzY5IDQyMTguMSAxMzY5IDQyMTdDMTM2OSA0MjE1Ljg5IDEzNjguMSA0MjE1IDEzNjcgNDIxNVpNMTM2NSA0MjA3Ljk5QzEzNjQuNDQgNDIwNy45OSAxMzY0IDQyMDguNDQgMTM2NCA0MjA5QzEzNjQgNDIwOS41NSAxMzY0LjQ0IDQyMTAgMTM2NSA0MjEwQzEzNjUuNTUgNDIxMCAxMzY2IDQyMDkuNTUgMTM2NiA0MjA5QzEzNjYgNDIwOC40NCAxMzY1LjU1IDQyMDcuOTkgMTM2NSA0MjA3Ljk5Wk0xMzY4IDQyMDcuOTlDMTM2Ny40NCA0MjA3Ljk5IDEzNjcgNDIwOC40NCAxMzY3IDQyMDlDMTM2NyA0MjA5LjU1IDEzNjcuNDQgNDIxMCAxMzY4IDQyMTBDMTM2OC41NSA0MjEwIDEzNjkgNDIwOS41NSAxMzY5IDQyMDlDMTM2OSA0MjA4LjQ0IDEzNjguNTUgNDIwNy45OSAxMzY4IDQyMDcuOTlaTTEzNzEgNDIwNy45OUMxMzcwLjQ1IDQyMDcuOTkgMTM3MCA0MjA4LjQ0IDEzNzAgNDIwOUMxMzcwIDQyMDkuNTUgMTM3MC40NSA0MjEwIDEzNzEgNDIxMEMxMzcxLjU1IDQyMTAgMTM3MiA0MjA5LjU1IDEzNzIgNDIwOUMxMzcyIDQyMDguNDQgMTM3MS41NSA0MjA3Ljk5IDEzNzEgNDIwNy45OVpNMTM4NC4wMSA0MjA0Ljk5TDEzNjEuOTkgNDIwNC45OUMxMzYxLjQ0IDQyMDQuOTkgMTM2MC45OSA0MjA1LjQ0IDEzNjAuOTkgNDIwNS45OUwxMzYwLjk5IDQyMjhDMTM2MC45OSA0MjI4LjA0IDEzNjEgNDIyOC4wNyAxMzYxIDQyMjguMUMxMzYxIDQyMjguMTIwMDAwMDAwMDAxIDEzNjEgNDIyOC4xMyAxMzYxIDQyMjguMTUwMDAwMDAwMDAxQzEzNjEuMDEgNDIyOC4xNzAwMDAwMDAwMDEgMTM2MS4wMSA0MjI4LjE4IDEzNjEuMDEgNDIyOC4yMDAwMDAwMDAwMDFDMTM2MS4wMiA0MjI4LjIyMDAwMDAwMDAwMSAxMzYxLjAyIDQyMjguMjMwMDAwMDAwMDAwNSAxMzYxLjAzIDQyMjguMjUwMDAwMDAwMDAxQzEzNjEuMDMgNDIyOC4yNzAwMDAwMDAwMDEgMTM2MS4wMyA0MjI4LjI4MDAwMDAwMDAwMSAxMzYxLjA0IDQyMjguMzAwMDAwMDAwMDAxQzEzNjEuMDQgNDIyOC4zMTAwMDAwMDAwMDEgMTM2MS4wNSA0MjI4LjMzMDAwMDAwMDAwMSAxMzYxLjA1IDQyMjguMzQwMDAwMDAwMDAxQzEzNjEuMDYgNDIyOC4zNjAwMDAwMDAwMDE1IDEzNjEuMDYgNDIyOC4zNzAwMDAwMDAwMDEgMTM2MS4wNyA0MjI4LjM5MDAwMDAwMDAwMUMxMzYxLjA4IDQyMjguNDAwMDAwMDAwMDAxNSAxMzYxLjA4IDQyMjguNDIwMDAwMDAwMDAxIDEzNjEuMDkgNDIyOC40MzAwMDAwMDAwMDFDMTM2MS4xIDQyMjguNDUwMDAwMDAwMDAyIDEzNjEuMSA0MjI4LjQ2MDAwMDAwMDAwMSAxMzYxLjExIDQyMjguNDgwMDAwMDAwMDAxQzEzNjEuMTIgNDIyOC40OTAwMDAwMDAwMDIgMTM2MS4xMjk5OTk5OTk5OTk5IDQyMjguNTAwMDAwMDAwMDAyIDEzNjEuMTM5OTk5OTk5OTk5OSA0MjI4LjUyMDAwMDAwMDAwMUMxMzYxLjEzOTk5OTk5OTk5OTkgNDIyOC41MzAwMDAwMDAwMDIgMTM2MS4xNDk5OTk5OTk5OTk5IDQyMjguNTUwMDAwMDAwMDAxIDEzNjEuMTU5OTk5OTk5OTk5OSA0MjI4LjU2MDAwMDAwMDAwMUMxMzYxLjE2OTk5OTk5OTk5OTggNDIyOC41ODAwMDAwMDAwMDIgMTM2MS4xNzk5OTk5OTk5OTk4IDQyMjguNTkwMDAwMDAwMDAxIDEzNjEuMTg5OTk5OTk5OTk5OCA0MjI4LjYwMDAwMDAwMDAwMUMxMzYxLjE5OTk5OTk5OTk5OTggNDIyOC42MjAwMDAwMDAwMDIgMTM2MS4yMDk5OTk5OTk5OTk4IDQyMjguNjMwMDAwMDAwMDAxIDEzNjEuMjE5OTk5OTk5OTk5OCA0MjI4LjY0MDAwMDAwMDAwMUMxMzYxLjIzOTk5OTk5OTk5OTggNDIyOC42NjAwMDAwMDAwMDIgMTM2MS4yNTk5OTk5OTk5OTk4IDQyMjguNjkwMDAwMDAwMDAxIDEzNjEuMjg5OTk5OTk5OTk5NyA0MjI4LjcxMDAwMDAwMDAwMUMxMzYxLjMwOTk5OTk5OTk5OTcgNDIyOC43NDAwMDAwMDAwMDEgMTM2MS4zMjk5OTk5OTk5OTk3IDQyMjguNzYwMDAwMDAwMDAxIDEzNjEuMzU5OTk5OTk5OTk5NyA0MjI4Ljc4MDAwMDAwMDAwMUMxMzYxLjM2OTk5OTk5OTk5OTcgNDIyOC43OTAwMDAwMDAwMDEgMTM2MS4zNzk5OTk5OTk5OTk3IDQyMjguODAwMDAwMDAwMDAxIDEzNjEuMzk5OTk5OTk5OTk5NiA0MjI4LjgxQzEzNjEuNDA5OTk5OTk5OTk5NiA0MjI4LjgyMDAwMDAwMDAwMSAxMzYxLjQxOTk5OTk5OTk5OTYgNDIyOC44MzAwMDAwMDAwMDEgMTM2MS40Mzk5OTk5OTk5OTk2IDQyMjguODRDMTM2MS40NDk5OTk5OTk5OTk2IDQyMjguODUgMTM2MS40Njk5OTk5OTk5OTk2IDQyMjguODUgMTM2MS40Nzk5OTk5OTk5OTk2IDQyMjguODYwMDAwMDAwMDAxQzEzNjEuNDk5OTk5OTk5OTk5NSA0MjI4Ljg3MDAwMDAwMDAwMSAxMzYxLjUwOTk5OTk5OTk5OTUgNDIyOC44ODAwMDAwMDAwMDEgMTM2MS41MTk5OTk5OTk5OTk1IDQyMjguODlDMTM2MS41Mzk5OTk5OTk5OTk1IDQyMjguOTAwMDAwMDAwMDAxIDEzNjEuNTQ5OTk5OTk5OTk5NSA0MjI4LjkwMDAwMDAwMDAwMSAxMzYxLjU2OTk5OTk5OTk5OTUgNDIyOC45MTAwMDAwMDAwMDFDMTM2MS41Nzk5OTk5OTk5OTk1IDQyMjguOTIwMDAwMDAwMDAxIDEzNjEuNTk5OTk5OTk5OTk5NSA0MjI4LjkyMDAwMDAwMDAwMSAxMzYxLjYwOTk5OTk5OTk5OTQgNDIyOC45MzAwMDAwMDAwMDFDMTM2MS42Mjk5OTk5OTk5OTk0IDQyMjguOTQwMDAwMDAwMDAxIDEzNjEuNjM5OTk5OTk5OTk5NCA0MjI4Ljk0MDAwMDAwMDAwMSAxMzYxLjY1OTk5OTk5OTk5OTQgNDIyOC45NTAwMDAwMDAwMDJDMTM2MS42Njk5OTk5OTk5OTk0IDQyMjguOTUwMDAwMDAwMDAyIDEzNjEuNjg5OTk5OTk5OTk5NCA0MjI4Ljk2MDAwMDAwMDAwMiAxMzYxLjY5OTk5OTk5OTk5OTQgNDIyOC45NjAwMDAwMDAwMDJDMTM2MS43MTk5OTk5OTk5OTkzIDQyMjguOTcwMDAwMDAwMDAyIDEzNjEuNzI5OTk5OTk5OTk5MyA0MjI4Ljk3MDAwMDAwMDAwMiAxMzYxLjc0OTk5OTk5OTk5OTMgNDIyOC45NzAwMDAwMDAwMDJDMTM2MS43Njk5OTk5OTk5OTkzIDQyMjguOTgwMDAwMDAwMDAyIDEzNjEuNzc5OTk5OTk5OTk5MyA0MjI4Ljk4MDAwMDAwMDAwMiAxMzYxLjc5OTk5OTk5OTk5OTMgNDIyOC45OTAwMDAwMDAwMDI1QzEzNjEuODE5OTk5OTk5OTk5MyA0MjI4Ljk5MDAwMDAwMDAwMjUgMTM2MS44Mjk5OTk5OTk5OTkyIDQyMjguOTkwMDAwMDAwMDAyNSAxMzYxLjg0OTk5OTk5OTk5OTIgNDIyOC45OTAwMDAwMDAwMDI1QzEzNjEuODY5OTk5OTk5OTk5MiA0MjI5LjAwMDAwMDAwMDAwMyAxMzYxLjg3OTk5OTk5OTk5OTIgNDIyOS4wMDAwMDAwMDAwMDMgMTM2MS44OTk5OTk5OTk5OTkyIDQyMjkuMDAwMDAwMDAwMDAzQzEzNjEuOTI5OTk5OTk5OTk5MiA0MjI5LjAwMDAwMDAwMDAwMyAxMzYxLjk1OTk5OTk5OTk5OTEgNDIyOS4wMTAwMDAwMDAwMDMgMTM2MS45ODk5OTk5OTk5OTkgNDIyOS4wMTAwMDAwMDAwMDNMMTM4NC4wMDk5OTk5OTk5OTkgNDIyOS4wMTAwMDAwMDAwMDNDMTM4NC41NTk5OTk5OTk5OTkgNDIyOS4wMTAwMDAwMDAwMDMgMTM4NS4wMDk5OTk5OTk5OTkgNDIyOC41NjAwMDAwMDAwMDMgMTM4NS4wMDk5OTk5OTk5OTkgNDIyOC4wMDAwMDAwMDAwMDNMMTM4NS4wMDk5OTk5OTk5OTkgNDIwNS45OTAwMDAwMDAwMDI1QzEzODUuMDA5OTk5OTk5OTk5IDQyMDUuNDQwMDAwMDAwMDAyIDEzODQuNTU5OTk5OTk5OTk5IDQyMDQuOTkwMDAwMDAwMDAyNSAxMzg0LjAwOTk5OTk5OTk5OSA0MjA0Ljk5MDAwMDAwMDAwMjVaTTEzNzkuNzEgNDIxNi4yOUMxMzc5LjMyIDQyMTUuOSAxMzc4LjY5IDQyMTUuOSAxMzc4LjMgNDIxNi4yOUwxMzczIDQyMjEuNTlMMTM3MC43MSA0MjE5LjI5QzEzNzAuMzIgNDIxOC45IDEzNjkuNjggNDIxOC45IDEzNjkuMjkgNDIxOS4yOUwxMzYyLjk5IDQyMjUuNTlMMTM2Mi45OSA0MjEzTDEzODMuMDEgNDIxM0wxMzgzLjAxIDQyMTkuNTlaTTEzODMuMDEgNDIyN0wxMzY0LjQxIDQyMjdMMTM3MCA0MjIxLjQyTDEzNzMuMjkgNDIyNC43MUMxMzczLjY4IDQyMjUuMSAxMzc0LjMyIDQyMjUuMSAxMzc0LjcxIDQyMjQuNzFDMTM3NS4xMDAwMDAwMDAwMDAxIDQyMjQuMzIgMTM3NS4xMDAwMDAwMDAwMDAxIDQyMjMuNjkgMTM3NC43MSA0MjIzLjNMMTM3NC40MSA0MjIzTDEzNzkgNDIxOC40MUwxMzgzLjAxIDQyMjIuNDJaTTEzNjIuOTkgNDIxMUwxMzYyLjk5IDQyMDYuOTlMMTM4My4wMSA0MjA2Ljk5TDEzODMuMDEgNDIxMVogIiBmaWxsPSIjMDAwMDAwIiB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwxLC0xMzYxLC00MjA1KSI+PC9wYXRoPjwvc3ZnPg==)
    no-repeat center/100% auto;
}

.features__icon--code:after {
  width: 1.5em;
  height: 1.5em;
  background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iU3ZnanNTdmcxMDM1IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxkZWZzIGlkPSJTdmdqc0RlZnMxMDM2Ij48L2RlZnM+PHBhdGggaWQ9IlN2Z2pzUGF0aDEwMzciIGQ9Ik01NjAuNTM3IDQ1NjYuOTlMNTM5LjQ2MzAwMDAwMDAwMDEgNDU2Ni45OUM1MzguNjQ5MDAwMDAwMDAwMSA0NTY2Ljk5IDUzNy45ODcwMDAwMDAwMDAxIDQ1NjcuNjUgNTM3Ljk4NzAwMDAwMDAwMDEgNDU2OC40Nkw1MzcuOTg3MDAwMDAwMDAwMSA0NTg5LjU0QzUzNy45ODcwMDAwMDAwMDAxIDQ1OTAuMzUgNTM4LjY0OTAwMDAwMDAwMDEgNDU5MS4wMSA1MzkuNDYzMDAwMDAwMDAwMSA0NTkxLjAxTDU2MC41MzcgNDU5MS4wMUM1NjEuMzUxIDQ1OTEuMDEgNTYyLjAxMyA0NTkwLjM1IDU2Mi4wMTMgNDU4OS41NEw1NjIuMDEzIDQ1NjguNDZDNTYyLjAxMyA0NTY3LjY1IDU2MS4zNTEgNDU2Ni45OSA1NjAuNTM3IDQ1NjYuOTlaTTUzOS45ODggNDU4OS4wMUw1MzkuOTg4IDQ1NzYuNjhMNTYwLjAwNzAwMDAwMDAwMDEgNDU3Ni42OEw1NjAuMDA3MDAwMDAwMDAwMSA0NTg5LjAxWk01MzkuOTg4IDQ1NzQuNjhMNTM5Ljk4OCA0NTY4Ljk5MDAwMDAwMDAwMUw1NjAuMDA3MDAwMDAwMDAwMSA0NTY4Ljk5MDAwMDAwMDAwMUw1NjAuMDA3MDAwMDAwMDAwMSA0NTc0LjY4Wk01NDcuODc3IDQ1ODcuMzRDNTQ4LjUyNCA0NTg3LjYzIDU0OS4wMzkgNDU4Ny4yMzAwMDAwMDAwMDA1IDU0OS4yMTA5OTk5OTk5OTk5IDQ1ODYuODdMNTUyLjU5ODk5OTk5OTk5OTkgNDU3OS42OEM1NTIuODM0IDQ1NzkuMTggNTUyLjYxNzk5OTk5OTk5OTkgNDU3OC41OCA1NTIuMTE3OTk5OTk5OTk5OSA0NTc4LjM1QzU1MS42MTc5OTk5OTk5OTk5IDQ1NzguMTEwMDAwMDAwMDAxIDU1MS4wMiA0NTc4LjMyMDAwMDAwMDAwMSA1NTAuNzg0IDQ1NzguODNMNTQ3LjQwMSA0NTg2LjAxQzU0Ny4xNjEgNDU4Ni41MSA1NDcuMzcyIDQ1ODcuMTIgNTQ3Ljg3NyA0NTg3LjM0Wk01NTMuMjI2IDQ1ODAuNzNMNTU1LjY4OCA0NTgyLjg0OTk5OTk5OTk5OUw1NTMuMjI2IDQ1ODQuOTY5OTk5OTk5OTk5QzU1Mi44NjI5OTk5OTk5OTk5IDQ1ODUuMjggNTUyLjg2Mjk5OTk5OTk5OTkgNDU4NS43ODk5OTk5OTk5OTkgNTUzLjIyNiA0NTg2LjA5OTk5OTk5OTk5OUM1NTMuNzA3IDQ1ODYuNTE5OTk5OTk5OTk5NSA1NTQuMzI5IDQ1ODYuMjg5OTk5OTk5OTk5IDU1NC41NDUgNDU4Ni4wOTk5OTk5OTk5OTlMNTU3LjY2OSA0NTgzLjQxOTk5OTk5OTk5OUM1NTguMDMxIDQ1ODMuMDk5OTk5OTk5OTk5IDU1OC4wMzEgNDU4Mi41ODk5OTk5OTk5OTkgNTU3LjY2OSA0NTgyLjI3OTk5OTk5OTk5OUw1NTQuNTQ1IDQ1NzkuNTg5OTk5OTk5OTk5QzU1NC4xODE5OTk5OTk5OTk5IDQ1NzkuMjc5OTk5OTk5OTk5IDU1My41ODg5OTk5OTk5OTk5IDQ1NzkuMjc5OTk5OTk5OTk5IDU1My4yMjYgNDU3OS41ODk5OTk5OTk5OTlDNTUyLjg2Mjk5OTk5OTk5OTkgNDU3OS45MDk5OTk5OTk5OTkgNTUyLjg2Mjk5OTk5OTk5OTkgNDU4MC40MTk5OTk5OTk5OTkgNTUzLjIyNiA0NTgwLjczWk01NTEuMjk0IDQ1NzIuODRMNTUxLjg1OCA0NTcyLjg0QzU1Mi40MTE5OTk5OTk5OTk5IDQ1NzIuODQgNTUyLjg1ODk5OTk5OTk5OTkgNDU3Mi4zOSA1NTIuODU4OTk5OTk5OTk5OSA0NTcxLjg0QzU1Mi44NTg5OTk5OTk5OTk5IDQ1NzEuMjggNTUyLjQxMTk5OTk5OTk5OTkgNDU3MC44MyA1NTEuODU4IDQ1NzAuODNMNTUxLjI5NCA0NTcwLjgzQzU1MC43NCA0NTcwLjgzIDU1MC4yOTQgNDU3MS4yOCA1NTAuMjk0IDQ1NzEuODRDNTUwLjI5NCA0NTcyLjM5IDU1MC43NCA0NTcyLjg0IDU1MS4yOTQgNDU3Mi44NFpNNTU1LjkwOCA0NTcyLjg0TDU1Ni40NzIgNDU3Mi44NEM1NTcuMDI2IDQ1NzIuODQgNTU3LjQ3MiA0NTcyLjM5IDU1Ny40NzIgNDU3MS44NEM1NTcuNDcyIDQ1NzEuMjggNTU3LjAyNiA0NTcwLjgzIDU1Ni40NzIgNDU3MC44M0w1NTUuOTA4IDQ1NzAuODNDNTU1LjM1NCA0NTcwLjgzIDU1NC45MDggNDU3MS4yOCA1NTQuOTA4IDQ1NzEuODRDNTU0LjkwOCA0NTcyLjM5IDU1NS4zNTkgNDU3Mi44NCA1NTUuOTA4IDQ1NzIuODRaTTU0Mi4zMzEgNDU4My40MUw1NDUuNDU1IDQ1ODYuMDk5OTk5OTk5OTk5QzU0NS44MTcgNDU4Ni40MSA1NDYuNDExMDAwMDAwMDAwMSA0NTg2LjQxIDU0Ni43NzQgNDU4Ni4wOTk5OTk5OTk5OTlDNTQ3LjEzNiA0NTg1Ljc4IDU0Ny4xMzYgNDU4NS4yOCA1NDYuNzc0IDQ1ODQuOTU5OTk5OTk5OTk5TDU0NC4zMTIgNDU4Mi44NDk5OTk5OTk5OTlMNTQ2Ljc3NCA0NTgwLjczQzU0Ny4xMzYgNDU4MC40MTk5OTk5OTk5OTkgNTQ3LjEzNiA0NTc5LjkxIDU0Ni43NzQgNDU3OS41ODk5OTk5OTk5OTlDNTQ2LjI5MyA0NTc5LjE3OTk5OTk5OTk5OSA1NDUuNjcgNDU3OS40IDU0NS40NTUgNDU3OS41ODk5OTk5OTk5OTlMNTQyLjMzMSA0NTgyLjI3OTk5OTk5OTk5OUM1NDEuOTYzIDQ1ODIuNTg5OTk5OTk5OTk5IDU0MS45NjMgNDU4My4wOTk5OTk5OTk5OTg1IDU0Mi4zMzEgNDU4My40MDk5OTk5OTk5OTlaICIgZmlsbD0iIzAwMDAwMCIgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsMSwtNTM4LC00NTY3KSI+PC9wYXRoPjwvc3ZnPg==)
    no-repeat center/100% auto;
}

.features__icon--zoom:after {
  width: 1.5em;
  height: 1.5em;
  background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iU3ZnanNTdmcxMDM4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxkZWZzIGlkPSJTdmdqc0RlZnMxMDM5Ij48L2RlZnM+PHBhdGggaWQ9IlN2Z2pzUGF0aDEwNDAiIGQ9Ik05NTUuNDg4IDQ1NzAuMkM5NTEuODI2IDQ1NjYuNTQgOTQ1Ljg2NjAwMDAwMDAwMDEgNDU2Ni41NCA5NDIuMjA0MDAwMDAwMDAwMSA0NTcwLjJDOTM4LjU0MiA0NTczLjg3IDkzOC41NDIgNDU3OS44MyA5NDIuMjA0MDAwMDAwMDAwMSA0NTgzLjQ5Qzk0NS40NjUgNDU4Ni43NSA5NTAuNTQ0MDAwMDAwMDAwMSA0NTg3LjA5OTk5OTk5OTk5OSA5NTQuMjAzMDAwMDAwMDAwMSA0NTg0LjU1Qzk1NC4yODEwMDAwMDAwMDAxIDQ1ODQuOTEgOTU0LjQ1ODAwMDAwMDAwMDEgNDU4NS4yNiA5NTQuNzQwMDAwMDAwMDAwMSA0NTg1LjU1TDk2MC4wNzMwMDAwMDAwMDAxIDQ1OTAuODhDOTYwLjg0OSA0NTkxLjY1MDAwMDAwMDAwMSA5NjIuMTA1MDAwMDAwMDAwMSA0NTkxLjY1MDAwMDAwMDAwMSA5NjIuODgwMDAwMDAwMDAwMSA0NTkwLjg4Qzk2My42NTUwMDAwMDAwMDAxIDQ1OTAuMSA5NjMuNjU1MDAwMDAwMDAwMSA0NTg4Ljg1IDk2Mi44ODAwMDAwMDAwMDAxIDQ1ODguMDdMOTU3LjU0NjAwMDAwMDAwMDIgNDU4Mi43NEM5NTcuMjY0MDAwMDAwMDAwMSA0NTgyLjQ2IDk1Ni45MTYwMDAwMDAwMDAyIDQ1ODIuMjggOTU2LjU1MTAwMDAwMDAwMDIgNDU4Mi4yQzk1OS4wOTkwMDAwMDAwMDAyIDQ1NzguNTQgOTU4Ljc0OTAwMDAwMDAwMDEgNDU3My40NyA5NTUuNDg4MDAwMDAwMDAwMiA0NTcwLjJaTTk1My44MDQgNDU4MS44Qzk1MS4wNjk5OTk5OTk5OTk5IDQ1ODQuNTQgOTQ2LjYyMSA0NTg0LjU0IDk0My44ODcgNDU4MS44Qzk0MS4xNTUgNDU3OS4wNzAwMDAwMDAwMDEgOTQxLjE1NSA0NTc0LjYyIDk0My44ODcgNDU3MS44OUM5NDYuNjIxIDQ1NjkuMTUwMDAwMDAwMDAxIDk1MS4wNjk5OTk5OTk5OTk5IDQ1NjkuMTUwMDAwMDAwMDAxIDk1My44MDQgNDU3MS44OUM5NTYuNTM4IDQ1NzQuNjIgOTU2LjUzOCA0NTc5LjA3MDAwMDAwMDAwMSA5NTMuODA0IDQ1ODEuOFogIiBmaWxsPSIjMDAwMDAwIiB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwxLC05MzksLTQ1NjcpIj48L3BhdGg+PC9zdmc+)
    no-repeat center/100% auto;
}

.features__icon--mobile:after {
  width: 0.9375em;
  height: 1.6875em;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSIyN3B4IiB2aWV3Qm94PSIwIDAgMTUgMjciIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQyICgzNjc4MSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+aS1tb2JpbGUtLWJsYWNrPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9ImktbW9iaWxlLS1ibGFjayIgZmlsbC1ydWxlPSJub256ZXJvIiBmaWxsPSIjMDAwMDAwIj4KICAgICAgICAgICAgPHBhdGggZD0iTTEzLDAuNDkgTDIsMC40OSBDMS4wNywwLjQ5IDAuMzEsMS4yNSAwLjMxLDIuMTkgTDAuMzEsMjQuODEgQzAuMzEsMjUuNzQgMS4wNywyNi41IDIsMjYuNSBMMTMsMjYuNSBDMTMuOTMsMjYuNSAxNC42OSwyNS43NCAxNC42OSwyNC44MSBMMTQuNjksMi4xOSBDMTQuNjksMS4yNSAxMy45MywwLjQ5IDEzLDAuNDkgWiBNMS43Miw2LjM1IEwxMy4yOCw2LjM1IEwxMy4yOCwxOC45NyBMMS43MiwxOC45NyBMMS43Miw2LjM1IFogTTEzLDI1LjA4IEwyLDI1LjA4IEMxLjg1LDI1LjA4IDEuNzIsMjQuOTYgMS43MiwyNC44MSBMMS43MiwyMC4zOCBMMTMuMjgsMjAuMzggTDEzLjI4LDI0LjgxIEMxMy4yOCwyNC45NiAxMy4xNSwyNS4wOCAxMywyNS4wOCBaIE0yLDEuOTEgTDEzLDEuOTEgQzEzLjE1LDEuOTEgMTMuMjgsMi4wNCAxMy4yOCwyLjE5IEwxMy4yOCw0LjkzIEwxLjcyLDQuOTMgTDEuNzIsMi4xOSBDMS43MiwyLjA0IDEuODUsMS45MSAyLDEuOTEgWiBNNy41LDIxLjA2IEM2LjU3LDIxLjA2IDUuODIsMjEuODEgNS44MiwyMi43MyBDNS44MiwyMy42NiA2LjU3LDI0LjQxIDcuNSwyNC40MSBDOC40MywyNC40MSA5LjE4LDIzLjY2IDkuMTgsMjIuNzMgQzkuMTgsMjEuODEgOC40MywyMS4wNiA3LjUsMjEuMDYgWiBNNy41LDIzLjQ3IEM3LjA5LDIzLjQ3IDYuNzcsMjMuMTQgNi43NywyMi43MyBDNi43NywyMi4zMyA3LjA5LDIyIDcuNSwyMiBDNy45MSwyMiA4LjIzLDIyLjMzIDguMjMsMjIuNzMgQzguMjMsMjMuMTQgNy45MSwyMy40NyA3LjUsMjMuNDcgWiBNNi4wNywzLjg5IEw4LjkzLDMuODkgQzkuMTksMy44OSA5LjQsMy42OCA5LjQsMy40MiBDOS40LDMuMTYgOS4xOSwyLjk1IDguOTMsMi45NSBMNi4wNywyLjk1IEM1LjgxLDIuOTUgNS42LDMuMTYgNS42LDMuNDIgQzUuNiwzLjY4IDUuODEsMy44OSA2LjA3LDMuODkgWiIgaWQ9IlN2Z2pzUGF0aDEwNDMiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==)
    no-repeat center/100% auto;
}

.features__item__title {
  margin-bottom: 0.9375em;
  font-weight: 700;
  font-size: 0.875em;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.features__item__text {
  font-size: 0.9375em;
  font-family: Playfair Display, Helvetica, Arial, sans-serif;
}

@media (max-width: 1023px) {
  .features__item__text {
    display: inline-block;
    max-width: 346px;
  }
}

@media (max-width: 500px) {
  .features__item__text {
    max-width: 200px;
  }
}

.features__call_to_action_box {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (max-width: 1023px) {
  .features__call_to_action_box {
    position: static;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}

.features__call_to_action_title {
  margin-bottom: 3.125rem;
  font-size: 2.25em;
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

@media (max-width: 500px) {
  .features__call_to_action_title {
    margin-bottom: 1.125rem;
    font-size: 1.65em;
  }
}

.features__line {
  position: absolute;
  background-color: white;
}

.features__line--1 {
  left: 33.33%;
  top: 0;
  width: 1px;
  height: 100%;
}

.features__line--2 {
  left: 66.667%;
  top: 0;
  width: 1px;
  height: 100%;
}

.features__line--3 {
  top: 33.333%;
  left: 0;
  height: 1px;
  width: 100%;
}

.features__line--4 {
  top: 66.6667%;
  left: 0;
  height: 1px;
  width: 100%;
}

@media (max-width: 1023px) {
  .features__line {
    display: none;
  }
}

.for {
  position: relative;
  overflow: hidden;
  padding-top: 114px;
  padding-bottom: 40px;
  background-color: #1a1a1e;
  text-align: center;
}

@media (max-width: 1023px) {
  .for {
    padding-top: 54px;
  }
}

.for__title {
  color: white;
}

.for__title:before,
.for__title:after {
  background-color: white;
}

.for__container {
  margin-top: 21.9vw;
}

@media (max-width: 1023px) {
  .for__container {
    margin-top: 54px;
  }
}

@media (max-width: 767px) {
  .for__container {
    padding: 0 100px;
  }
}

@media (max-width: 500px) {
  .for__container {
    padding: 0 50px;
  }
}

.for__overlay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  background-image: -webkit-linear-gradient(
    270deg,
    transparent 40%,
    #1a1a1e 98%
  );
  background-image: -moz-linear-gradient(270deg, transparent 40%, #1a1a1e 98%);
  background-image: -o-linear-gradient(270deg, transparent 40%, #1a1a1e 98%);
  background-image: linear-gradient(180deg, transparent 40%, #1a1a1e 98%);
}

.for__item {
  display: inline-block;
  position: relative;
  vertical-align: top;
  width: 21.6%;
  margin: auto 4.4% 5.2vw;
  background-color: #f9e1d5;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.for__item:before {
  content: "";
  display: block;
  padding-bottom: 74.7%;
}

.body--mobile .for__item {
  -webkit-transform: translateX(-15%) translateY(15%);
  -moz-transform: translateX(-15%) translateY(15%);
  -ms-transform: translateX(-15%) translateY(15%);
  -o-transform: translateX(-15%) translateY(15%);
  transform: translateX(-15%) translateY(15%);
  opacity: 0;
  -webkit-transition: -webkit-transform 0.6s
      cubic-bezier(0.49, 0.08, 0.41, 0.85),
    opacity 0.7s ease;
  -moz-transition: -moz-transform 0.6s cubic-bezier(0.49, 0.08, 0.41, 0.85),
    opacity 0.7s ease;
  -o-transition: -o-transform 0.6s cubic-bezier(0.49, 0.08, 0.41, 0.85),
    opacity 0.7s ease;
  transition: transform 0.6s cubic-bezier(0.49, 0.08, 0.41, 0.85),
    opacity 0.7s ease;
}

@media (max-width: 500px) {
  .body--mobile .for__item {
    -webkit-transform: translateX(-10%) translateY(10%);
    -moz-transform: translateX(-10%) translateY(10%);
    -ms-transform: translateX(-10%) translateY(10%);
    -o-transform: translateX(-10%) translateY(10%);
    transform: translateX(-10%) translateY(10%);
    -webkit-transition: -webkit-transform 0.5s
        cubic-bezier(0.49, 0.08, 0.41, 0.85),
      opacity 0.6s ease;
    -moz-transition: -moz-transform 0.5s cubic-bezier(0.49, 0.08, 0.41, 0.85),
      opacity 0.6s ease;
    -o-transition: -o-transform 0.5s cubic-bezier(0.49, 0.08, 0.41, 0.85),
      opacity 0.6s ease;
    transition: transform 0.5s cubic-bezier(0.49, 0.08, 0.41, 0.85),
      opacity 0.6s ease;
  }
}

.body--mobile .for__item.skrollable-between {
  opacity: 1;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}

.for__item--1 {
  margin-top: -17.4vw;
}

.for__item--2 {
  margin-top: -9.5vw;
}

.body--mobile .for__item--2 {
  -webkit-transform: translateX(15%) translateY(15%);
  -moz-transform: translateX(15%) translateY(15%);
  -ms-transform: translateX(15%) translateY(15%);
  -o-transform: translateX(15%) translateY(15%);
  transform: translateX(15%) translateY(15%);
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

@media (max-width: 500px) {
  .body--mobile .for__item--2 {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translateX(10%) translateY(10%);
    -moz-transform: translateX(10%) translateY(10%);
    -ms-transform: translateX(10%) translateY(10%);
    -o-transform: translateX(10%) translateY(10%);
    transform: translateX(10%) translateY(10%);
  }
}

.for__item--4 {
  margin-top: -17.4vw;
}

.body--mobile .for__item--4 {
  -webkit-transform: translateX(15%) translateY(15%);
  -moz-transform: translateX(15%) translateY(15%);
  -ms-transform: translateX(15%) translateY(15%);
  -o-transform: translateX(15%) translateY(15%);
  transform: translateX(15%) translateY(15%);
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

@media (max-width: 500px) {
  .body--mobile .for__item--4 {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translateX(10%) translateY(10%);
    -moz-transform: translateX(10%) translateY(10%);
    -ms-transform: translateX(10%) translateY(10%);
    -o-transform: translateX(10%) translateY(10%);
    transform: translateX(10%) translateY(10%);
  }
}

.for__item--5 {
  margin-top: -9.5vw;
}

.body--mobile .for__item--6 {
  -webkit-transform: translateX(15%) translateY(15%);
  -moz-transform: translateX(15%) translateY(15%);
  -ms-transform: translateX(15%) translateY(15%);
  -o-transform: translateX(15%) translateY(15%);
  transform: translateX(15%) translateY(15%);
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

@media (max-width: 500px) {
  .body--mobile .for__item--6 {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translateX(10%) translateY(10%);
    -moz-transform: translateX(10%) translateY(10%);
    -ms-transform: translateX(10%) translateY(10%);
    -o-transform: translateX(10%) translateY(10%);
    transform: translateX(10%) translateY(10%);
  }
}

.for__item--7 {
  margin-top: -17.4vw;
}

.for__item--8 {
  margin-top: -9.5vw;
  margin-bottom: 0;
}

.body--mobile .for__item--8 {
  -webkit-transform: translateX(15%) translateY(15%);
  -moz-transform: translateX(15%) translateY(15%);
  -ms-transform: translateX(15%) translateY(15%);
  -o-transform: translateX(15%) translateY(15%);
  transform: translateX(15%) translateY(15%);
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

@media (max-width: 500px) {
  .body--mobile .for__item--8 {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translateX(10%) translateY(10%);
    -moz-transform: translateX(10%) translateY(10%);
    -ms-transform: translateX(10%) translateY(10%);
    -o-transform: translateX(10%) translateY(10%);
    transform: translateX(10%) translateY(10%);
  }
}

.for__item--9 {
  height: 0;
}

@media (max-width: 1023px) {
  .for__item {
    width: 35%;
    margin: auto 4.4% 5.2vw !important;
  }
}

@media (max-width: 767px) {
  .for__item {
    display: block;
    width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 70px !important;
  }
  .for__item--9,
  .for__item--8 {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 500px) {
  .for__item {
    margin-bottom: 30px !important;
  }
}

.for__img {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: auto;
  width: 85%;
  background-color: #1a1a1e;
}

.for__img:before {
  content: "";
  display: block;
  padding-bottom: 64.5%;
}

.purchase {
  position: relative;
  padding-bottom: 134px;
  background-color: #1a1a1e;
}

@media (max-width: 1023px) {
  .purchase {
    padding-bottom: 74px;
  }
}

.purchase__info_box {
  text-align: center;
  color: white;
}

.purchase__by {
  letter-spacing: 0.06em;
}

.purchase__by_logo {
  vertical-align: middle;
  height: 14px;
}

.purchase__title {
  margin-top: 0.9375em;
  margin-bottom: 3.125em;
  padding: 0 15px;
  font-size: 1.875em;
  letter-spacing: 0.085em;
}

@media (max-width: 1023px) {
  .purchase__title {
    margin-bottom: 40px;
  }
}

@media (max-width: 500px) {
  .purchase__title {
    font-size: 1.275em;
    margin-top: 7px;
  }
}

.purchase__buy_box {
  position: relative;
  z-index: 10;
  max-width: 838px;
  padding: 0 15px;
  margin: auto;
}

.purchase__buy_box:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.purchase__buy_card {
  position: relative;
  width: 44%;
  height: 662px;
  padding: 31px 0 0;
  background-color: white;
  -webkit-box-shadow: 0 17px 42px rgba(140, 99, 78, 0.4);
  -moz-box-shadow: 0 17px 42px rgba(140, 99, 78, 0.4);
  box-shadow: 0 17px 42px rgba(140, 99, 78, 0.4);
  text-align: center;
}

.purchase__buy_card--right {
  float: right;
}

.purchase__buy_card--left {
  float: left;
}

@media (max-width: 1023px) {
  .purchase__buy_card--left {
    height: 600px;
    margin-bottom: 80px !important;
  }
}

@media (max-width: 1023px) {
  .purchase__buy_card {
    float: none;
    max-width: 347px;
    margin: 0 auto;
  }
}

@media (max-width: 767px) {
  .purchase__buy_card {
    width: 100%;
  }
}

.purchase__card_title {
  margin-bottom: 15px;
  color: #1a1a1e;
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
}

.purchase__card_subtitle {
  margin-bottom: 25px;
  color: #1a1a1e;
  font-weight: 300;
  font-size: 13px;
  opacity: 0.5;
}

.purchase__old_card_price {
  display: inline-block;
  position: relative;
  margin-left: 22px;
  color: #797979;
  font-size: 18px;
  font-weight: 700;
}

.purchase__old_card_price:after {
  content: "$";
  color: inherit;
  font-size: 9px;
  position: absolute;
  left: -8px;
  top: 1px;
}

.purchase__old_card_price:before {
  content: "";
  height: 2px;
  width: 110%;
  position: absolute;
  left: -2px;
  right: -2px;
  bottom: 0;
  top: 0;
  margin: auto;
  background-color: #797979;
}

.purchase__card_price {
  display: inline-block;
  position: relative;
  margin-bottom: 52px;
  color: #0065ff;
  font-size: 38px;
  font-weight: 700;
  line-height: 1;
}

.purchase__card_price:before {
  content: "$";
  font-size: 16px;
  font-weight: 700;
  position: absolute;
  left: 0;
  top: 7px;
  -webkit-transform: translateX(-150%);
  -moz-transform: translateX(-150%);
  -ms-transform: translateX(-150%);
  -o-transform: translateX(-150%);
  transform: translateX(-150%);
}

.purchase__features_list {
  text-decoration: none;
}

.purchase__features_list:hover {
  color: inherit;
}

.purchase__feature__text {
  position: relative;
}

.purchase__feature_inner_box {
  opacity: 0;
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
  position: absolute;
  left: 20px;
  right: 20px;
  top: -18px;
  z-index: 10;
  margin: auto;
  background-color: #ebf1fb;
  padding: 18px 16px;
  text-align: center;
  -webkit-transition: opacity 0.25s ease,
    -webkit-transform 0.5s cubic-bezier(0.8, 0.29, 0, 0.99);
  -moz-transition: opacity 0.25s ease,
    -moz-transform 0.5s cubic-bezier(0.8, 0.29, 0, 0.99);
  -o-transition: opacity 0.25s ease,
    -o-transform 0.5s cubic-bezier(0.8, 0.29, 0, 0.99);
  transition: opacity 0.25s ease,
    transform 0.5s cubic-bezier(0.8, 0.29, 0, 0.99);
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -ms-transform-origin: center top;
  -o-transform-origin: center top;
  transform-origin: center top;
}

.purchase__feature_inner_box.state-opened {
  opacity: 1;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}

.purchase__feature_inner_box.state-opened .purchase__feature_inner_box__title {
  opacity: 1;
}

.purchase__feature_inner_box.state-opened .purchase__feature_inner_box__text {
  opacity: 1;
}

.purchase__feature_inner_box__title {
  cursor: pointer;
  opacity: 0;
  border-bottom: 1px dotted rgba(26, 26, 30, 0.6);
  -webkit-transition: border-bottom-color 0.25s ease, opacity 0.5s 0.4s ease;
  -moz-transition: border-bottom-color 0.25s ease, opacity 0.5s 0.4s ease;
  -o-transition: border-bottom-color 0.25s ease, opacity 0.5s 0.4s ease;
  transition: border-bottom-color 0.25s ease, opacity 0.5s 0.4s ease;
}

.purchase__feature_inner_box__title:hover {
  border-bottom-color: #1a1a1e;
}

.purchase__feature_inner_box__text {
  display: block;
  opacity: 0;
  margin-top: 10px;
  line-height: 1.45;
  -webkit-transition: opacity 0.5s 0.45s ease;
  -moz-transition: opacity 0.5s 0.45s ease;
  -o-transition: opacity 0.5s 0.45s ease;
  transition: opacity 0.5s 0.45s ease;
}

.purchase__feature {
  position: relative;
  margin-bottom: 20px;
  color: #1a1a1e;
  font-size: 14px;
}

.purchase__feature--dotted .purchase__feature__text {
  cursor: pointer;
  border-bottom: 1px dotted rgba(26, 26, 30, 0.6);
  -webkit-transition: border-bottom-color 0.25s ease;
  -moz-transition: border-bottom-color 0.25s ease;
  -o-transition: border-bottom-color 0.25s ease;
  transition: border-bottom-color 0.25s ease;
}

.purchase__feature--dotted .purchase__feature__text:hover {
  border-bottom-color: #1a1a1e;
}

.purchase__feature__info_link {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-left: 5px;
  border: 1px solid rgba(24, 25, 28, 0.2);
  height: 19px;
  width: 19px;
  -webkit-transition: border-color 0.25s ease;
  -moz-transition: border-color 0.25s ease;
  -o-transition: border-color 0.25s ease;
  transition: border-color 0.25s ease;
}

.purchase__feature__info_link:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQxLjIgKDM1Mzk3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT4/PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ij8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuMDAwMDAwLCAxLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0iUGFnZS0xIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC0yIj4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNOS44MjcsMTAuMzI0IEM5LjgyNyw5LjMwMSAxMS43NjMsOC40NTQgMTEuNzYzLDYuOTI1IEMxMS43NjMsNS41MjggMTAuNTIsNSA5LjEzNCw1IEM4LjMwOSw1IDcuNTcyLDUuMjMxIDcsNS41MzkgTDcsNi45OTEgQzcuNDk1LDYuNzA1IDguMTc3LDYuNDUyIDguODU5LDYuNDUyIEM5LjU4NSw2LjQ1MiAxMC4xMTMsNi42NjEgMTAuMTEzLDcuMjc3IEMxMC4xMTMsOC4xMjQgOC4zNzUsOC45MjcgOC4zNzUsMTAuMzI0IEw5LjgyNywxMC4zMjQgWiBNMTAuMDM2LDEyLjA5NSBDMTAuMDM2LDExLjQ3OSA5LjYwNywxMS4xOTMgOS4xMTIsMTEuMTkzIEM4LjYxNywxMS4xOTMgOC4xNzcsMTEuNDc5IDguMTc3LDEyLjA5NSBDOC4xNzcsMTIuNzExIDguNjE3LDEyLjk5NyA5LjExMiwxMi45OTcgQzkuNjA3LDEyLjk5NyAxMC4wMzYsMTIuNzExIDEwLjAzNiwxMi4wOTUgWiIgaWQ9Ij8iIGZpbGw9IiMwMDAwMDAiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAiIHN0cm9rZT0iIzlBNTI1MiIgb3BhY2l0eT0iMC4wMDcyODc3Nzk4NSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwiIGN4PSI5IiBjeT0iOSIgcj0iOSI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=)
    no-repeat center/90% 90%;
}

.purchase__feature__info_link:hover {
  border: 1px solid #18191c;
}

.purchase__button_box {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  padding: 25px 60px;
  border-top: 1px solid #e1e1e1;
}

@media (max-width: 500px) {
  .purchase__button_box {
    padding-left: 25px;
    padding-right: 25px;
  }
}

.purchase__button {
  width: 100%;
  font-size: 16px;
}

.purchase__card_badge {
  position: absolute;
  right: -36.52174px;
  top: -33.6px;
  height: 84px;
  width: 84px;
  background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iU3ZnanNTdmcxMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iODUiIGhlaWdodD0iODUiPjxkZWZzIGlkPSJTdmdqc0RlZnMxMDAxIj48ZmlsdGVyIGlkPSJTdmdqc0ZpbHRlcjEwMDgiIHdpZHRoPSIyMDAlIiBoZWlnaHQ9IjIwMCUiIHg9Ii01MCUiIHk9Ii01MCUiPjxmZUdhdXNzaWFuQmx1ciBpZD0iU3ZnanNGZUdhdXNzaWFuQmx1cjEwMDkiIHN0ZERldmlhdGlvbj0iNyAiIHJlc3VsdD0iU3ZnanNGZUdhdXNzaWFuQmx1cjEwMDlPdXQiIGluPSJTb3VyY2VHcmFwaGljIj48L2ZlR2F1c3NpYW5CbHVyPjwvZmlsdGVyPjwvZGVmcz48cGF0aCBpZD0iU3ZnanNQYXRoMTAwNyIgZD0iTTEzNjcuNSA3OTM2QzEzODMuMjQgNzkzNiAxMzk2IDc5NDguNzYgMTM5NiA3OTY0LjVDMTM5NiA3OTgwLjI0IDEzODMuMjQgNzk5MyAxMzY3LjUgNzk5M0MxMzUxLjc2IDc5OTMgMTMzOSA3OTgwLjI0IDEzMzkgNzk2NC41QzEzMzkgNzk0OC43NiAxMzUxLjc2IDc5MzYgMTM2Ny41IDc5MzZaICIgZmlsbD0iIzFiMWIxZiIgZmlsbC1vcGFjaXR5PSIwLjI5IiBmaWx0ZXI9InVybCgjU3ZnanNGaWx0ZXIxMDA4KSIgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsMSwtMTMyNSwtNzkyMikiPjwvcGF0aD48cGF0aCBpZD0iU3ZnanNQYXRoMTAxMCIgZD0iTTEzNjcuNSA3OTI3QzEzODMuMjQgNzkyNyAxMzk2IDc5MzkuNzYgMTM5NiA3OTU1LjVDMTM5NiA3OTcxLjI0IDEzODMuMjQgNzk4NCAxMzY3LjUgNzk4NEMxMzUxLjc2IDc5ODQgMTMzOSA3OTcxLjI0IDEzMzkgNzk1NS41QzEzMzkgNzkzOS43NiAxMzUxLjc2IDc5MjcgMTM2Ny41IDc5MjdaICIgZmlsbD0iIzI4Y2U0ZiIgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsMSwtMTMyNSwtNzkyMikiPjwvcGF0aD48cGF0aCBpZD0iU3ZnanNQYXRoMTAxMSIgZD0iTTEzOTkuMzEgNzk1NS4yMUMxNDAwLjM1IDc5NTQuMTEgMTQwMC4xOSA3OTUyLjM1IDEzOTguOTYgNzk1MS40NkwxMzk2LjUgNzk0OS42OEMxMzk1LjU2IDc5NDkgMTM5NS4yMSA3OTQ3Ljc4MDAwMDAwMDAwMSAxMzk1LjY0IDc5NDYuNzFMMTM5Ni43OTAwMDAwMDAwMDAyIDc5NDMuOTFDMTM5Ny4zNjAwMDAwMDAwMDAxIDc5NDIuNTEgMTM5Ni41NjAwMDAwMDAwMDAyIDc5NDAuOTMgMTM5NS4wOTAwMDAwMDAwMDAxIDc5NDAuNTRMMTM5Mi4xNSA3OTM5Ljc2QzEzOTEuMDIgNzkzOS40NiAxMzkwLjI1IDc5MzguNDUgMTM5MC4yNyA3OTM3LjI5TDEzOTAuMzEgNzkzNC4yOEMxMzkwLjMzIDc5MzIuNzY5OTk5OTk5OTk5NSAxMzg5LjAxIDc5MzEuNTggMTM4Ny41IDc5MzEuNzRMMTM4NC40NiA3OTMyLjA1OTk5OTk5OTk5OTVDMTM4My4zMSA3OTMyLjE5IDEzODIuMjIgNzkzMS41MTk5OTk5OTk5OTk1IDEzODEuODEgNzkzMC40NEwxMzgwLjc1IDc5MjcuNjFDMTM4MC4yMiA3OTI2LjIgMTM3OC41NiA3OTI1LjU1OTk5OTk5OTk5OTUgMTM3Ny4yIDc5MjYuMjVMMTM3NC40OSA3OTI3LjYzQzEzNzMuNDYgNzkyOC4xNiAxMzcyLjIgNzkyNy45MyAxMzcxLjQyIDc5MjcuMDdMMTM2OS40IDc5MjQuODA5OTk5OTk5OTk5NUMxMzY4LjM5IDc5MjMuNjc5OTk5OTk5OTk5IDEzNjYuNjEwMDAwMDAwMDAwMSA3OTIzLjY3OTk5OTk5OTk5OSAxMzY1LjYwMDAwMDAwMDAwMDEgNzkyNC44MDk5OTk5OTk5OTk1TDEzNjMuNTgwMDAwMDAwMDAwMiA3OTI3LjA3QzEzNjIuODAwMDAwMDAwMDAwMiA3OTI3LjkyOTk5OTk5OTk5OSAxMzYxLjU0MDAwMDAwMDAwMDIgNzkyOC4xNiAxMzYwLjUxMDAwMDAwMDAwMDIgNzkyNy42M0wxMzU3LjgwMDAwMDAwMDAwMDIgNzkyNi4yNUMxMzU2LjQ0MDAwMDAwMDAwMDMgNzkyNS41NiAxMzU0Ljc4MDAwMDAwMDAwMDIgNzkyNi4xOSAxMzU0LjI1MDAwMDAwMDAwMDIgNzkyNy42MUwxMzUzLjE5MDAwMDAwMDAwMDMgNzkzMC40NEMxMzUyLjc4MDAwMDAwMDAwMDIgNzkzMS41MTk5OTk5OTk5OTk1IDEzNTEuNjkwMDAwMDAwMDAwMyA3OTMyLjE5IDEzNTAuNTQwMDAwMDAwMDAwMiA3OTMyLjA1OTk5OTk5OTk5OTVMMTM0Ny41MDAwMDAwMDAwMDAyIDc5MzEuNzRDMTM0NS45OTAwMDAwMDAwMDAyIDc5MzEuNTggMTM0NC42NzAwMDAwMDAwMDAzIDc5MzIuNzY5OTk5OTk5OTk5NSAxMzQ0LjY5MDAwMDAwMDAwMDMgNzkzNC4yOEwxMzQ0LjczMDAwMDAwMDAwMDIgNzkzNy4yOUMxMzQ0Ljc1MDAwMDAwMDAwMDIgNzkzOC40NSAxMzQzLjk4MDAwMDAwMDAwMDIgNzkzOS40NiAxMzQyLjg1MDAwMDAwMDAwMDEgNzkzOS43NkwxMzM5LjkxIDc5NDAuNTRDMTMzOC40MyA3OTQwLjkzIDEzMzcuNjQgNzk0Mi41MSAxMzM4LjIxIDc5NDMuOTFMMTMzOS4zNTAwMDAwMDAwMDAxIDc5NDYuNzFDMTMzOS43OTAwMDAwMDAwMDAyIDc5NDcuNzcgMTMzOS40NCA3OTQ5IDEzMzguNTAwMDAwMDAwMDAwMiA3OTQ5LjY4TDEzMzYuMDQwMDAwMDAwMDAwMiA3OTUxLjQ2QzEzMzQuODEwMDAwMDAwMDAwMiA3OTUyLjM1IDEzMzQuNjUgNzk1NC4xMSAxMzM1LjY5MDAwMDAwMDAwMDMgNzk1NS4yMUwxMzM3Ljc4MDAwMDAwMDAwMDIgNzk1Ny40MUMxMzM4LjU3MDAwMDAwMDAwMDIgNzk1OC4yNSAxMzM4LjY5MDAwMDAwMDAwMDMgNzk1OS41MSAxMzM4LjA2MDAwMDAwMDAwMDIgNzk2MC40OEwxMzM2LjQyIDc5NjMuMDE5OTk5OTk5OTk5NUMxMzM1LjYwMDAwMDAwMDAwMDEgNzk2NC4yOSAxMzM2LjA5MDAwMDAwMDAwMDEgNzk2NS45OSAxMzM3LjQ2IDc5NjYuNjM5OTk5OTk5OTk5TDEzNDAuMjEgNzk2Ny45NUMxMzQxLjI2IDc5NjguNDUgMTM0MS44MyA3OTY5LjU4IDEzNDEuNjAwMDAwMDAwMDAwMSA3OTcwLjcxTDEzNDEuMDAwMDAwMDAwMDAwMiA3OTczLjY3QzEzNDAuNzAwMDAwMDAwMDAwMyA3OTc1LjE1IDEzNDEuNzcwMDAwMDAwMDAwMiA3OTc2LjU2IDEzNDMuMjkwMDAwMDAwMDAwMiA3OTc2LjY3TDEzNDYuMzMwMDAwMDAwMDAwMiA3OTc2LjkxQzEzNDcuNDkwMDAwMDAwMDAwMiA3OTc3IDEzNDguNDQgNzk3Ny44NDk5OTk5OTk5OTkgMTM0OC42NCA3OTc4Ljk5TDEzNDkuMTYgNzk4MS45NkMxMzQ5LjQyIDc5ODMuNDUgMTM1MC45MyA3OTg0LjM4IDEzNTIuMzkgNzk4My45NEwxMzU1LjMxMDAwMDAwMDAwMDIgNzk4My4wOEMxMzU2LjQzIDc5ODIuNzUgMTM1Ny42MyA3OTgzLjIgMTM1OC4yMjAwMDAwMDAwMDAzIDc5ODQuMTlMMTM1OS43OTAwMDAwMDAwMDAyIDc5ODYuNzhDMTM2MC41ODAwMDAwMDAwMDAyIDc5ODguMDcgMTM2Mi4zMzAwMDAwMDAwMDAyIDc5ODguNCAxMzYzLjUzMDAwMDAwMDAwMDIgNzk4Ny40Njk5OTk5OTk5OTlMMTM2NS45NDAwMDAwMDAwMDAzIDc5ODUuNjE5OTk5OTk5OTk5QzEzNjYuODYwMDAwMDAwMDAwNCA3OTg0LjkwOTk5OTk5OTk5OSAxMzY4LjE0MDAwMDAwMDAwMDMgNzk4NC45MDk5OTk5OTk5OTkgMTM2OS4wNjAwMDAwMDAwMDAyIDc5ODUuNjE5OTk5OTk5OTk5TDEzNzEuNDcwMDAwMDAwMDAwMyA3OTg3LjQ2OTk5OTk5OTk5OUMxMzcyLjY3MDAwMDAwMDAwMDMgNzk4OC40IDEzNzQuNDIwMDAwMDAwMDAwMyA3OTg4LjA3IDEzNzUuMjEwMDAwMDAwMDAwMyA3OTg2Ljc4TDEzNzYuNzcwMDAwMDAwMDAwMiA3OTg0LjE5QzEzNzcuMzcwMDAwMDAwMDAwMSA3OTgzLjIxIDEzNzguNTcwMDAwMDAwMDAwMiA3OTgyLjc1IDEzNzkuNjgwMDAwMDAwMDAwMyA3OTgzLjA4TDEzODIuNjEwMDAwMDAwMDAwNCA3OTgzLjk0QzEzODQuMDcwMDAwMDAwMDAwNCA3OTg0LjM3OTk5OTk5OTk5OSAxMzg1LjU4MDAwMDAwMDAwMDQgNzk4My40NSAxMzg1Ljg0MDAwMDAwMDAwMDQgNzk4MS45NkwxMzg2LjM2MDAwMDAwMDAwMDQgNzk3OC45OUMxMzg2LjU2MDAwMDAwMDAwMDQgNzk3Ny44NDk5OTk5OTk5OTkgMTM4Ny41MTAwMDAwMDAwMDA0IDc5NzcgMTM4OC42NjAwMDAwMDAwMDAzIDc5NzYuOTFMMTM5MS43MTAwMDAwMDAwMDAzIDc5NzYuNjdDMTM5My4yMzAwMDAwMDAwMDAyIDc5NzYuNTYgMTM5NC4zMDAwMDAwMDAwMDAyIDc5NzUuMTUgMTM5NC4wMDAwMDAwMDAwMDAyIDc5NzMuNjdMMTM5My40MDAwMDAwMDAwMDAzIDc5NzAuNzFDMTM5My4xNzAwMDAwMDAwMDAzIDc5NjkuNTkgMTM5My43NDAwMDAwMDAwMDAyIDc5NjguNDUgMTM5NC43OTAwMDAwMDAwMDA0IDc5NjcuOTVMMTM5Ny41NDAwMDAwMDAwMDA0IDc5NjYuNjM5OTk5OTk5OTk5QzEzOTguOTEwMDAwMDAwMDAwMyA3OTY1Ljk5IDEzOTkuNDAwMDAwMDAwMDAwMyA3OTY0LjI5OTk5OTk5OTk5OSAxMzk4LjU4MDAwMDAwMDAwMDQgNzk2My4wMTk5OTk5OTk5OTk1TDEzOTYuOTMwMDAwMDAwMDAwMyA3OTYwLjQ4QzEzOTYuMzEwMDAwMDAwMDAwNCA3OTU5LjUwOTk5OTk5OTk5OSAxMzk2LjQzMDAwMDAwMDAwMDMgNzk1OC4yNSAxMzk3LjIyMDAwMDAwMDAwMDMgNzk1Ny40MVogIiBmaWxsPSIjMjhjZTRmIiB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwxLC0xMzI1LC03OTIyKSI+PC9wYXRoPjwvc3ZnPg==)
    no-repeat center/100% 100%;
}

.purchase__card_badge__text {
  position: absolute;
  left: 0;
  right: 0;
  top: 22%;
  margin: auto;
  color: white;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.065em;
}

.purchase__features_box {
  max-width: 1000px;
  margin: 100px auto auto;
  text-align: left;
  padding: 0 15px;
}

.purchase__features_box:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

@media (max-width: 1023px) {
  .purchase__features_box {
    margin-bottom: -40px;
    text-align: center;
  }
}

.purchase__features__item {
  float: left;
  width: 25%;
}

@media (max-width: 1023px) {
  .purchase__features__item {
    width: 50%;
    margin-bottom: 40px;
  }
}

@media (max-width: 500px) {
  .purchase__features__item {
    width: 100%;
  }
}

.purchase__features__title {
  margin-bottom: 13px;
  color: white;
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  -webkit-transform: translateY(-30%);
  -moz-transform: translateY(-30%);
  -ms-transform: translateY(-30%);
  -o-transform: translateY(-30%);
  transform: translateY(-30%);
  opacity: 0;
  -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.8, 0.29, 0, 0.99),
    opacity 0.5s ease;
  -moz-transition: -moz-transform 0.7s cubic-bezier(0.8, 0.29, 0, 0.99),
    opacity 0.5s ease;
  -o-transition: -o-transform 0.7s cubic-bezier(0.8, 0.29, 0, 0.99),
    opacity 0.5s ease;
  transition: transform 0.7s cubic-bezier(0.8, 0.29, 0, 0.99), opacity 0.5s ease;
}

.purchase__features__title.skrollable-between {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.purchase__features__item:nth-child(1) .purchase__features__title,
.purchase__features__item:nth-child(1) .purchase__features__text {
  -webkit-transition-delay: 0ms;
  -moz-transition-delay: 0ms;
  -o-transition-delay: 0ms;
  transition-delay: 0ms;
}

.purchase__features__item:nth-child(2) .purchase__features__title,
.purchase__features__item:nth-child(2) .purchase__features__text {
  -webkit-transition-delay: 70ms;
  -moz-transition-delay: 70ms;
  -o-transition-delay: 70ms;
  transition-delay: 70ms;
}

.purchase__features__item:nth-child(3) .purchase__features__title,
.purchase__features__item:nth-child(3) .purchase__features__text {
  -webkit-transition-delay: 140ms;
  -moz-transition-delay: 140ms;
  -o-transition-delay: 140ms;
  transition-delay: 140ms;
}

.purchase__features__item:nth-child(4) .purchase__features__title,
.purchase__features__item:nth-child(4) .purchase__features__text {
  -webkit-transition-delay: 210ms;
  -moz-transition-delay: 210ms;
  -o-transition-delay: 210ms;
  transition-delay: 210ms;
}

.purchase__features__item:nth-child(5) .purchase__features__title,
.purchase__features__item:nth-child(5) .purchase__features__text {
  -webkit-transition-delay: 280ms;
  -moz-transition-delay: 280ms;
  -o-transition-delay: 280ms;
  transition-delay: 280ms;
}

.purchase__features__item:nth-child(6) .purchase__features__title,
.purchase__features__item:nth-child(6) .purchase__features__text {
  -webkit-transition-delay: 350ms;
  -moz-transition-delay: 350ms;
  -o-transition-delay: 350ms;
  transition-delay: 350ms;
}

.purchase__features__item:nth-child(7) .purchase__features__title,
.purchase__features__item:nth-child(7) .purchase__features__text {
  -webkit-transition-delay: 420ms;
  -moz-transition-delay: 420ms;
  -o-transition-delay: 420ms;
  transition-delay: 420ms;
}

.purchase__features__item:nth-child(8) .purchase__features__title,
.purchase__features__item:nth-child(8) .purchase__features__text {
  -webkit-transition-delay: 490ms;
  -moz-transition-delay: 490ms;
  -o-transition-delay: 490ms;
  transition-delay: 490ms;
}

.purchase__features__item:nth-child(9) .purchase__features__title,
.purchase__features__item:nth-child(9) .purchase__features__text {
  -webkit-transition-delay: 560ms;
  -moz-transition-delay: 560ms;
  -o-transition-delay: 560ms;
  transition-delay: 560ms;
}

.purchase__features__item:nth-child(10) .purchase__features__title,
.purchase__features__item:nth-child(10) .purchase__features__text {
  -webkit-transition-delay: 630ms;
  -moz-transition-delay: 630ms;
  -o-transition-delay: 630ms;
  transition-delay: 630ms;
}

.purchase__features__text {
  display: inline-block;
  max-width: 210px;
  color: #747474;
  font-size: 14px;
  font-weight: 400;
  -webkit-transform: translateY(-10%);
  -moz-transform: translateY(-10%);
  -ms-transform: translateY(-10%);
  -o-transform: translateY(-10%);
  transform: translateY(-10%);
  opacity: 0;
  -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.8, 0.29, 0, 0.99),
    opacity 0.5s ease;
  -moz-transition: -moz-transform 0.7s cubic-bezier(0.8, 0.29, 0, 0.99),
    opacity 0.5s ease;
  -o-transition: -o-transform 0.7s cubic-bezier(0.8, 0.29, 0, 0.99),
    opacity 0.5s ease;
  transition: transform 0.7s cubic-bezier(0.8, 0.29, 0, 0.99), opacity 0.5s ease;
}

.purchase__features__text.skrollable-between {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.purchase__diamond {
  display: inline-block;
  position: relative;
  vertical-align: top;
  top: -1px;
  margin-left: 2px;
  width: 18px;
  height: 18px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAABGdBTUEAALGPC/xhBQAAHaJJREFUeAHtm3uYXlV97397v/u9zzvv3GcymYSEoAFCpSgcjNCDwVRFDlZ7kEfr054iqGjlIuKx53g5wWpbj55qaxHxdqqFInIeL09rK6gEgUJIAkkICblfJslcMveZ9zLvZb/7fL5rEkoVBEKIfzTryZq937XXXmv9vut3XztmJ8tzIhCZpZ/z4ckHJxE4icBJBE4i8JtHwDvRS4hWmW/v2BIMn9keP2jdQalgiZEZy3gNa4mH1tGIrKdu1tOohCONUrS74tcHettT069KWKVz5O6qLbuixqIxMCemHFeAovW3xe2U96X2NiwzE1mmlrCmsapl6iVrLkbWGQqAhnXWwkZ7LGHttcBvhdL2Wt1a6g1rpuZCs2QIQrWJmlm1Vgxidjhm3uF4PDbgxbxD1vAOxhqV/mSjdqizLT6Z8bOTK8+0SXvs/WXv3K/x0vEtxwWgx2ejlYcn7V0TM9YRC6zTCywrHwKCs9UQgELu65a0I1svAMKGmecb9MIO3PPPIvEFbWG5YdXJWWvQqcFLUZAyiwMTjxuVutULE9z7Bc/zZ8yLTcWicCLue4OJlN+fy8QPJHwb6EqHg1256obXvqJ9+qVA9pIB+uG+2be0zk9+vRGz3tERM9ZvAUR6MQiFHWqVuRpCvEBAhCBcoEQAwvQ+Dfqndqp5ntWKgFCs0hxZA1aL/JhFtRLvhYwRp59H9XmHF2Lc+4FFjBnO1piz1mgkY9VGKlXLRPUHlsRLH/rAitZ9xwrSMQPE0rwf7apckeqJf6Ep6/WFswABOBOlOZBiACSC61UWDuPDQXOcQhtg8jZXcY4G4l5Y6bdQrM3UHbERLNZgoEatbFG9BidlAQPAeNlxHhshjtMYIexaYYwq92JNXWrMGxXKq/OD29/zpQ+cs4+mF1201BddIlvl//2mn1zf3Jv4YkfO62TtpqqFxkHDQ2bqdd88qGDNDgCB4EMMG85zrrSjXyxGGwxiAlRV9x4dY/E4/WMwWGixIG6xdNa8eMCziHZBFJqHrNardSuXazYzM2OlOEAlE+bNNixg/HjgWTUbX7xvpPq6i8563f0bHrp7/MUSq/W/qBKtjoJbEjPXLXhl+rMLOoIUuBhrtCqcUq/A57MVK4a+7Riq2d790xAKSELnCJugN8wXEfz2GmIrKojN9WHn0TtRLaQZFAHacwiKVSKLJVKWSGS5b1iIeM02AiuVEbvqLOLGSgAuyjZbgPgFvBcT4oB0uBDa2NpNv/jdjon3/c8PrdzxYgh+UQCtXz+QWV/N3ZRfkPzTRX3xtJYNJE60wkqE8qxY/wSKNZ2yyWrN7lvdb2GlxkIRFQmG5Ii9jzVlzEdRRTX0TBWZdLLFM6dXuNSQV7jD8wUsr8BFAi7ft9CaO3vQayWbLRStrbcLTkVnTc7wnP6M6cVTvBfAqQKIecXF4LR9z5hVd+/813cvC6/64B9euJ1RX1ARjS+orNkZNd9Xaf1ifnH6UwsBB4YxcY9kHSZBb1Rt53Bkg1HSutp9y+WTtmBJJ8YnoMYsyU4mggi2p/KSdjnuxWnL8lw1zbMECj5uQZCxIJ5E3CAUJR3jeSLTaulci+O0icFDVkWJx+HUHPF2tjtrQQauDPROHECwfFLecKnWJz24dEm7RX1LLvjao/W7vvGd1WfR/IIK2D5/+cnDU20PFYIvLHxF4r0Lun2/KmUKKHrZQxQKIxXbNR7ZgKXs1B7fOprMBqZgjGTcZiaKNgsxMSdmWi6clGhCzPIQBFGJ9FxNcoXAyKMtnqENTkhwTTa5mm7OWTaftWlM5SQA5drnWSaJuMGVQcq3RJ73xHENOIc2WTiPnfNpk4WDoax7Xsb2jlnPYxuHzlt15TvX/tO/3Dn8fNQ/Lwet3hL1bPXTt3Qvil3V14WFgkZnslEdpenQDh8o2268wIFUyvJNns1rnnuOUbF4ImY9p7Q65Ry6RSMCWrh0S4DCRfk6kOAWJxoA46ebzUslYTGBlzU/BZgo6FQug1gVbOLQIYhNMTasw1oaWIYIV8JD1FLNcGQW/YMj5IdsX+2IQpfGpm8AV/2n8+fZYKLzvNvWBd/6m//zz+e8JIB+uiVauGaifmfb4vg7T5sPq2o0bRI3FTzd6cNlOwihQ62IB5MvbjcDkzmzC0Dq196bs7ae/JzvgzJowHeRLB3OkFPMGlDbK5+GrUajMBE6yPkHDEJzTJzB87GhotVRzLJoPvPKT4oAwflVgBShzuIJz5J5ajO6B0vaqMJFjtWdWrOm5qRdsPI025fse/XXN+fu/KvP/OjcXweSXn3W8r1N00s3TMW+0bs4WHEKnCPPV0X6sw7HVDCth5oCG2+WX2LWl6Ae4R6Z+yH8Vxm1ADaPI2rjgyX6wUFyXBC3GOLhoS8wPRp2bvVymKhRWKWLPGf5M+guUC+XPCvXEJ8EeirTZBkMQUJ+ApwpoNHLDkx55cI7DoPhMjnfS/g6kFiXjGOuPWUpdOKW/qhjYKbx2k+8+/c3/vjeOw+6dfzSn2cF6Lvbo7P3FIOvt3QFv7O4E0JlaCAWa2q1ApMgY/0Z38bTItAMybKlqAP5OWIEieAgAGGtTYuLp2KIY83KKHIPhS0/R7pHStipUXmRsmiwnKqjSjoLbvNxAUJilwqc4/s8A7IADspAcQJRclzIfNI1DKbHVp3bA7iJETJza8ImOGPZQGHLyWztznAN7KnD1j0wWlh+07veuuGen979KyD9CkC3PxldsG3K7mjv9M9e1Ao4gILudJ5uWDQjTLJ9Kc8mJefaLRb0SkKlVrDS7midxF9OSQsgFR/xw2bZzBj+CoSLDomIDwWRkEecIplyOQNOzOgjigQfRNRgBY9w3wg39G4c7knTOwFnOhyZVzfiEv1GHTldCZPgZAIIj6UTVaIyf+jnw9kdXWmb8ZK2p5DuOjRUvviGN178+E8f+lG/63jkz9MAMYd32qbozU+MRV/v6vROW9BCA0+zORYEQAbyE2zgXnakyM6Id8QpndCxBIC0Kyq64ALZwOTcosRVWnQEB1QQkwqoeWyjuMjXwIiTfB73Iv6QFLiTESeK6BD10QD0k3/ko9jjtCXZmSQAHS3iXG2EumqsUJWhnJ/JvTx9X0Op8lrEtHpbOmmi6NlwKWgdmihe+Ifnv2bLQ+t/uvfouNomi773jtjfbay/fct49NVc3lsizoGLLYdOweO3gPVPsdG76F1iAq1Z8p3k9yLda1EUXRwYXB2d2jVVoQ9BTRkIa8YqgbosmOIrF6TpvSPVsaoGoYZYMie3cFmkqJdg1cMvcpZQHOWxKKrnU3XvHM65gbQm/URVuo10hPIIl8qCNq4wAB6BdULj0oUJ9FnZ9mZPfcUD3tKv/L9/+JdX0dUV997W13+v86lRb1VTq3fK8lMgmgHycIqUnRZ+iD+bEbUKE4pttbkR3LUIRdgGgCxtjkCeaWHaPSlqPZAP4sCifwJ2b0olzM+3moeilXi5iJyuAkYK2U0KO4aIWIMFRLwchRXAZAGA5iPvMQZ3Okf8r2wA4GsD6pIj2Fr4ao0OJDZ3li4w8Nx6AEyGUkDFYQRjD047K22nnt7uxHGo6zVLbz/Qd8vj27b18lTDmB2YtqaFfX7TBUvNFgBOksHcA57tpm6lMg8OGHRwozQGltT6WKBweGbR2rROF1Vz7wDiHdbPH7MUDQHyEEl+mUUaScDIZLvBAIXhGYNB1C4QZfK5+nCPD0urt1BwjuEz2BeL7sCYG2duPjcvAwogLUGiNaeUGEIgUuUfnfWaHuvAJZGbMZrquvBbD8TfqlkcDuPjheR4tZLUIFqcq6xvBxZrOwNqYOV4HEfA6XC0LeQ34Lu5BIqqirpJcmqiT0IuEDUTFSZBsdctI47QNjsFRR910CS0KUdUJ8PmrJlGlwKX+VcHuEcxHLx1ZD7G0DtYxoiEWtgVs9kkIYYI0HjMrX2QztHCjqZZ3KK1PvoJARnOpnRgr35ttyVyCaseOjjRVpvYzujOVNi7zivvf+Qnex783LdHbMsBRIkX1uw1e2qQOdD6Ptx9FDmJD+swrL9r4qcrjj7u9Fv0yCWIxNagSHiGd4x4xCUycBEAJYm+le8RITLVbhzu6yhsF3hKLll54wj3iNoY1supJbjLcRyoewDjY1EjapgmvcGUs9pUrZkS4MPFVBEnD7FqaD1aLOBoCgEn5S2QWokGFmdi5eW99rGbR2560L2vP57XVfj5z7d+7OqvPNB305p5F7z97a+xMJu0BIP6cuOxUtoJNtZy7MYSCHdA6F2q5jtaXDsLJA9tDWIy+YLiHEIsnENu6Cz3L4vJlrVzz468HEK4soae5JKRj4qWm0ChCQovlmCAcZ7KhwIccYmey6LWp7jFFVGsiKpzJt3pvyPr9/O0jdFfNPGe9Lz0URWfbXpbxcb3TzXO7Kp94fMdf/kt74b7tQjhN1fe8IYz9//JxdkPl7ev2fPjH95j0/sHbGRT0YYerdvkNnIvowzOYKcwcDt0ijnQ0YSn6CzqEWmaA47dUHwkC+4auEQEcZ5Sjg4jgkuoSqEQHAE0SqmHMvduW/UCDZIVLip+kkAWR0fpWOHnUhtaxJEivRhCqJSlNlJVIDRQE25OFkhUYiU4a2rGbAyQp4bMDm8v2N5H99m2TdstEwzeefXvFD7vXXE3b88V4f90uefHdwxODt74xCNrnrhkutCfzXpVGz8Y2vSBuk0fxBOeDmx4wrOtDNzPJIdnPZtiwlkyeA22MIayy0DRYXKfKH5nFbTJNkOueLjEDlfn/CVEw0f/KBVS4T0tfBYvU/khUe9UEqwlrGTlHIgteUQWE4+zGaDkEk2EGmkG511hWBHXUqXrpN60g9qfAps6MxHZTD8m/wCAjXmWRW20sxl7N++yg1s32+jQsLWnKw9+88bfumrR/PkTvPZ0ecYeuIFZz5vv33nwe59cveGxv85lYqmePs+K5aqVq2mDPvvtrpx1EjoMDwAEJrYMIQXOeGqAFIfFsvWCBfmUVZuzplxYmYjfAyDDGVPCvR6DanmVRwhJ4Dco6Z4iSRTECGKP6iNHJQwOgD5OV5BTxA9oGUQrQ1sTSlniyziSFFlXv8wP1pjAJxLH1jhBy6P38uimZmoWEUvj/uebGrZu41M2snsrHneTdST9XR9887zre3K5w08jc+Tm3wGkNtYVRTubvn3xp3qXbFi776aWziV+U3acTGqO3c7b6FjDLjo3sHMWA9xozSpwS7mb1Gc9ZtOTpDZHsQKkXT2vQohAkh0TEpKeaBCwSRE2WHiIkgjhGCXaM/nIFvUxMY6VF6E4ULZOdmGFaBZ7NYnFIjGmfLRYZCoX4ckniPNqVhunTZymGAfrEYhlOIkMy0Vrz8XstAXNloCFYymQZE8acE0yHdlu1Mcja7cTEsUsF0Qjbzy748bLL1q2QfT/chEzPmuJdq5pPu+mBz7XX2u9ZvnKlRaEg+SefSvGXmlnn52yS3835fydegnxmtIisVL4JAHbWUd3jHkFK6M0q0X6VeEcHD1ZnkYNsBCvhtYMUUMjw/bw5kfQL/g3iRaLUjiRrb1mmWanNMIZuKHMKUdpnOsBW9wZs+YmxA3i/Dh+C4k3n6jeJfIlotWK82tOXwinZAMYEBBTaEu4NpEKrTg9ad//p5/Z6GwzzfPLFy2uv/8L7zvv9jme/lUo/p0Oeubjm7/8jcrjv7h33R0P7jlvaDJaNH/BMpTsMJq/YIcPlq2rrWRdPS1kDUlBZBgegpUUkx6OYO1Ye9LixCGpbnRNG+DRx/MRIdlXFuuTBQxgqfrsrO0nRqvhhNXRLbXyDIeGUy6FW6/BfXW0PQenQXPVmsnGtRIxe4CtKN+LIb74QMoK+HBjTKLrZayL89rujqrVpQDTiCYBr3Mk4NyHNu62A0W4KuiNXnXagi99Jf97X/buHnlaKT8TA90/Jwcd7fjV+6pn//l37v1uS++i089Y2MvpRQm90iDf7Nlb39ZrSQiV0+tcTq41zGxUxE9JhDaDWYb5XZGeUL/6bGjlUfJJUwCXbBjnp7auP2EFWSAOskJqA1A4/iNtAcCISrINEcPtSDFY83gR7kEHMSF/eSfmjnc8zGDIvHF0xNIzpG9Yl+IhmMpDBSa53dJftIe2DVlpbNpekZr9wf/90LKr8/k89uy5CzP8+nLNxYlNl5/XdtXEwe37DkxMYqmIWWJ5OzDSaeufxHLpdUaRmXYg6J7zjmQ+cJ62ADpanSnHnVVWkMDBgpbAmgkUM90QQM3Mi1u6JwP3tVrU0261PIFtkAYYuBFDkCB+CXpI4PfS3oG9TKawbPhGrRwM8G4sG7fuvsCacNZCRFCKW/mfBNx9cLpqa/s5DakEdmpz7GefeXvLnzwfOCLN0aebX1cezn5zYO2CPzjw2FN7L8u1dMazBGs65jk87lsbTlFnK+EBvCi/R4pYUiSlqYhf8ZHaKnBWBZ1UZr8quAiSBnncSgqS88caAiT3RfrNFCJ0LfoK5as4Se8nMFdNKPqAlKo2RNZLAZ+cPbVpriRiPJ/1yFDqudwDEVhB/H6xrWSHxyrWEQ93veXs+f/tv5zft5dHz1uel4M0gne3hXe+/uf/uLwv9vHNTz6CDxyyK76Vpur20OORTeFX4DK5dKzWLb2oeMxol8gVAEXequ5l+uVwyoMNnRvAPasoQzffK1gZ8cEVZOdR6c5sY64BsES61ZNLQB+FEeDmxImpXNQu/6dDnIhuZwiMwZxoyalct7dqBw9XDKkbvPT0pmuuW5nbymsvqLwggDSS95YvV3747sxtZ3TUbtuydQNWJ8SDrtnw/rJt2FiGGyAIkORBi4NclCdCqE78WDQGZk7cRBU77rXxmy1WyFFSGzmaiDRLQxyhPK6A0njiFFhC94Rxc3EWoGtTlEXUvEnGb1FMJQC5l3hxBGd7xkN76lDJEvVqZXlfatWNl3SsZsQXXF4wQBrRO/ey0s2/f+Ynu1Mjd+/Yv4sDvsCC8qxtemTM+gdmLcHuYcjc4pwYcI9/plsnVvrAQQWjQvRNFbGEMD6cJOQaXGcH8ZHo52cBiS0/GvAmYBlcK9dPaVMXhQCO+ipV1AKwcjFcOxukw8khOHA9FrcGW57bHf/c5+zP/p7l0OuFlxcFkIZdseKcyY9d3ntdo7Dj4f0jHBVm8ZjLCXv04YJN4zVzQDpHPAsUCDCKxSGcDzRckXg5TkPcQsCRqCXZ7QgRnB0ROHNesEQjlgMUVTzoJOwgrnROoZJk/K6jp+pkwzIZPk9jc2QlVZXbl3SuHSJUGi7askz5O//rjdH/9q744pFVzK3lhfx90QBp0HesWDH8Rxf0fGRidMf+IXyWVLrJBod9e2LjNLkixIE+IlCso1wM0YGLkZxi5aF7BhEKJhXpxhFPIhSnO1wbVLrDQAHCuz4yGkcBR/o4QcDTFh7hIiWn2pU1YCyB4yJ1Llsx+fsPlGxBo/Lgh8/L/I+enh625MWXYwJINH78yhVrLzk98eGhoe1TMxyAEU3ZlieLNkCUGtdCAcDpIlhIiX+Ccd46UjUrwDn24t7pEf2GSGUJXRgmfUbVUYmOCIlaHDDKI9exgtJFIWYqA3AtEkW6ClTlz/vZnE17Zq1rurjt8mWx6849t3OQx8dUjgkgzSRZvrX45//4ulPDa/uH95ZCtrBSytjDa8asVMTTZWSnD+io/G9eCliziRJdAUwKWgpcASvqDKDQOwobdBRBewMu0ZdonEjPZf4ArE5krlxTCBviGloXxypEKe5ghLy7SWof2VG02O7Jkbed0XTNH1/a9wRNx1y01GMu3qr763e84a7v9iUP3Lr/0B4ISdvAoZRt3jbt/BudmzmVCPF8mOGSZy7tqVkBTlW+ihQqXoMDTApcXjkC5Uy1lH48B4dAfB3qI/wBD0cnBP0cijzPM0mzp+eMs35v0Sa3jFWXz/c/fe0Trf/K61rFMZeXBJBm1ZelX31Py80d0Z67Dg7uIVpuss1PchCA3yEPVvpGK9SHGDlETQ6iuMOJDw+45esMQAAYBxoX16gHepGrTjHqfFrTQIuIW3yyinwGZD0ErhJP+TyEebZlsGj7Hh9snDfPvvhXP5t3q7fKCbpGPOai5R6Xsnr16p6Pf3/iG377b1/azBcanb3Eape0cq5GeApRHEhYER0xMIw4aMsh3HneEBaiZDfhZY+hqEWoLJ0WJvHT2WCLFDpi5QGMzuCVKunGe1/UreMhwIV79qP77l93wM5oC796+zu7b/KOUSn/MhgvmYOODvh6LNsfL2/5WGF0164q1maMAHnzZracfw2cupBcsL66IoZ1mT8RL6DqU1gsuMOjn0REaZBI2QkADRnHJxEXkRZUOrbOuXeFL9jqBMvt9BGHyaRPTs+SABuz9ni05uNv6/308QJHtB03gNjx6H1/cPGWN58Vv3ZiaPtoLZ61J/fE4Bh98ALx7LI+T2liRomEO6zgPsJLboxAJaeSittkuFwFQX33qGBTHnjV+TyKqzh9wGql4UxlQkIcnkc2kyQLbf9VFy+87sxFx26xBMgvl+MG0NGB//KaFT85o3XquunRnZMFMonrdjT40HJONMQ1TfJ7jlgvZ9adFWpYkjN7H39IfpTPobqne75v1BcaPl9GeLnAHf5xMmO9vMNQjnueJINcjMcP/t7ZzVe984L8uqPrOF5Xbe5xL5v+86Yd9/rLw5FKYmU90QbhdVvIYZpEStG7jrA5nJjTyVgiBZrT+DY4vVgjBalwDuED+TAO9JQthLVwBfT1a3cz/6ehjTaeDaK3Ns9G1dcuSX/k5pXZH9x83Ck5jiL2zLV5q7ZU77q8cEt+ZusdU4VJ2z4A8bj9Op2Vb8ThpfOTZMLJmGG2ienQvvoazFUykkqFAAMgAgyAShmn+GCrk9yPIo2ZQsM2kCM6NW+3fn7LlXcylJjquJfjLmJHV+gtu6Lw388Pb2grbfvn4ULZHttWJukvFprLyWfQyKEUsPuyAOVNOC7CXR5DHEPcoDN8OTnKB8ld6MJyZYl+67Dc4zM+IUbjH7595uSnvCv/DphfnvKyAaTlrrjsstGVXaM3NBefeHQ30f/2bYedwpYDmUdklARS3kchRzzgg3C+1ookb2IG+sSbWZ4sGqBK95BodMHwDs7mAq9239Wnx/7Ua39p/1nl+WB9WQHS5NdfednOczombghndg5t3HLIhg9U3EdNOQhOcRRdV24ZgMisWjRThKuQLYqOqeP4OaYUCudZnV3EdPQ5NBHa0Ghp34pF8evfNN874Dq/jH9edoC09s+8962Pnn9a13XDhcnptXzxXiNxk2yHizgTi/her4GYBcRy+mi8NlEld89vEvUJTkM4brMsYM7DCx/jHG53f3HsnPnJD15/poe//vKXEwKQFOhfHPyzHyzryXx279hUuF0KG3Of57/PBRz6N2YLHMNwytHJh5WtSRQ5Kd0UMkYfn0C1G87xsWy7dhVrpzTbqs8uD+59+aGZm+GEAKSpFNjedtn43y5Iz35p7VMznNBizbIxvhFMY/5R0IhSpp0jHk4k0lirVB63AFXEV8buO8g9u0PrTAaf/5uO734LwFHZJ6acMIBEjtd7Wem9S0s3J2cGv//gE+gbTj46uzi+wbz7ZBKz5ENiyumgf2L4R9LVvTDS4X3gUZy964rTm/7CO/f9+OMnrpxQgETWhRdeOPOmU8IbZwaG1m3cXbeOjoD/cwEW/Jelox42UYpzB/KEGeEwxm68vOaCBZWPrljGefYJLiccINF39aWv3v9byeK1e546tGsKo9XVk8DXqTuA9B/m5N7Hyf20IYYzhyZ3nd7euO49F7W/7Bbr2bD/jQCkhXzyj85etzRT+sCGTeMTuY4kCbUkvg26CMkK+GIkj+tXH56aPKu19IGPXJJf/2yLPxFtvzGAwKHxif965n3ZmYlV/QcK9Y4ezthhHWVb0yhmzrHqC9Ozn772TfN/PqeNTgQcvzrHbwwgLUUgxTbe/rc2OvHXlUI9VBgR4GFn4lG0MBvd8tHEU18mgS/X+j922XTPpuzXNo7f+tHNUfSme6Lok4+G3xzZNoJreLI8jUBheLj7E+urG95zX2PLzoOlvqcfnLz5NwRW7y6ee9/e6vn/1nLy7iQCJxE4icB/cARwMkgmnCzPhcD/BzckS19/ij+iAAAAAElFTkSuQmCC)
    no-repeat center/100% auto;
}

.loader {
  position: fixed;
  z-index: 99000;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  background-color: black;
}

@media (max-width: 500px) {
  .loader {
    font-size: 12px;
  }
}

.loader__container {
  position: relative;
  z-index: 100;
}

@media (max-width: 1680px) {
  .loader__container {
    max-width: 1010px;
  }
}

@media (max-width: 1440px) {
  .loader__container {
    max-width: 820px;
  }
}

@media (max-width: 1366px) {
  .loader__container {
    max-width: 730px;
  }
}

@media (max-width: 1280px) {
  .loader__container {
    max-width: 650px;
  }
}

@media (max-width: 1280px) {
  .loader__container {
    max-width: 500px;
  }
}

@media (max-width: 1024px) {
  .loader__container {
    max-width: 400px;
  }
}

@media (max-width: 1023px) {
  .loader__container {
    max-width: 290px;
  }
}

@media (max-width: 767px) {
  .loader__container {
    margin-right: 30%;
  }
}

@media (max-width: 500px) {
  .loader__container {
    margin-right: 45%;
  }
}

.loader__text_box__cross {
  position: absolute;
  left: -47px;
  top: -47px;
  width: 95px;
  height: 95px;
}

@media (max-width: 1366px) {
  .loader__text_box__cross {
    width: 60px;
    height: 60px;
    left: -30px;
    top: -30px;
  }
}

.loader__text_box__line {
  position: absolute;
  top: 0;
  height: 1px;
  width: 58px;
  background-color: #252537;
  left: -29px;
  will-change: left;
  -webkit-animation: move_loader_small_line 0.7s 0.4s
    cubic-bezier(0.19, 0.26, 0, 0.99) forwards;
  -moz-animation: move_loader_small_line 0.7s 0.4s
    cubic-bezier(0.19, 0.26, 0, 0.99) forwards;
  -o-animation: move_loader_small_line 0.7s 0.4s
    cubic-bezier(0.19, 0.26, 0, 0.99) forwards;
  animation: move_loader_small_line 0.7s 0.4s cubic-bezier(0.19, 0.26, 0, 0.99)
    forwards;
}

@-webkit-keyframes move_loader_small_line {
  0% {
    left: 0;
  }
  100% {
    left: -webkit-calc(100% - 58px);
    left: calc(100% - 58px);
  }
}

@-moz-keyframes move_loader_small_line {
  0% {
    left: 0;
  }
  100% {
    left: -moz-calc(100% - 58px);
    left: calc(100% - 58px);
  }
}

@-o-keyframes move_loader_small_line {
  0% {
    left: 0;
  }
  100% {
    left: calc(100% - 58px);
  }
}

@keyframes move_loader_small_line {
  0% {
    left: 0;
  }
  100% {
    left: -webkit-calc(100% - 58px);
    left: -moz-calc(100% - 58px);
    left: calc(100% - 58px);
  }
}

.loader__text_box__square {
  position: absolute;
  right: -11px;
  top: -11px;
  width: 22px;
  height: 22px;
}

.loader__text_box__big_vertical_line {
  position: absolute;
  right: 0;
  top: 20vw;
  width: 1px;
  height: 50vw;
  background-color: white;
}

@media (max-width: 1023px) {
  .loader__text_box__big_vertical_line {
    height: 180vw;
  }
}

.loader__text_box__big_horizontal_line_box {
  position: fixed;
  right: 0;
  left: 0;
  top: 28vw;
}

.loader__text_box__big_horizontal_line {
  width: 100vw;
  height: 1px;
  background-color: white;
}

.loader__container_horizontal_line_box {
  margin-top: 0;
}

.loader__percent {
  float: right;
  position: relative;
  -webkit-transform: translate(107%, 0%);
  -moz-transform: translate(107%, 0%);
  -ms-transform: translate(107%, 0%);
  -o-transform: translate(107%, 0%);
  transform: translate(107%, 0%);
  width: 3em;
  font-size: 4.5em;
  color: rgba(255, 255, 255, 0.25);
}

@media (max-width: 1023px) {
  .loader__percent {
    -webkit-transform: translate(107%, 32%);
    -moz-transform: translate(107%, 32%);
    -ms-transform: translate(107%, 32%);
    -o-transform: translate(107%, 32%);
    transform: translate(107%, 32%);
  }
}

.loader__percent__hidden {
  visibility: hidden;
}

.loader__title {
  float: right;
  -webkit-transform: translate(30.8em, 5.3em);
  -moz-transform: translate(30.8em, 5.3em);
  -ms-transform: translate(30.8em, 5.3em);
  -o-transform: translate(30.8em, 5.3em);
  transform: translate(30.8em, 5.3em);
  font-size: 1em;
  color: white;
}

@media (max-width: 1024px) {
  .loader__title {
    -webkit-transform: translate(17.5em, 3.3em);
    -moz-transform: translate(17.5em, 3.3em);
    -ms-transform: translate(17.5em, 3.3em);
    -o-transform: translate(17.5em, 3.3em);
    transform: translate(17.5em, 3.3em);
  }
}

@media (max-width: 1023px) {
  .loader__title {
    -webkit-transform: translate(9.6em, 3.9em);
    -moz-transform: translate(9.6em, 3.9em);
    -ms-transform: translate(9.6em, 3.9em);
    -o-transform: translate(9.6em, 3.9em);
    transform: translate(9.6em, 3.9em);
  }
}

@media (min-width: 1024px) {
  .loader__title br {
    display: none;
  }
}

.loader__percent__value {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
}

.loader__finishing_overlay {
  position: absolute;
  z-index: 150;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  height: 100vh;
  width: 100vw;
  -webkit-transform: translateX(-100%) translateZ(0);
  -moz-transform: translateX(-100%) translateZ(0);
  transform: translateX(-100%) translateZ(0);
  background-color: #f9e1d5;
  -webkit-transition: -webkit-transform 1s 0.4s
    cubic-bezier(0.19, 0.26, 0, 0.99);
  -moz-transition: -moz-transform 1s 0.4s cubic-bezier(0.19, 0.26, 0, 0.99);
  -o-transition: -o-transform 1s 0.4s cubic-bezier(0.19, 0.26, 0, 0.99);
  transition: transform 1s 0.4s cubic-bezier(0.19, 0.26, 0, 0.99);
}

/* Services Section */

img.image.decor__flying_word_img.sercice--bubbleimg2 {
  right: 0;
  top: -200px;
}

/* Projects Section */

img.image.decor__flying_word_img.projects--bubble2 {
  right: 0;
  top: -150px;
  /* z-index: 9999999999; */
}

.pb-8 {
  padding-bottom: 6rem;
}

.pb-9 {
  padding-bottom: 9rem;
}

/*--------------------------------------------------------------
# Posts
--------------------------------------------------------------*/

.posts--block
  .poast-element.poast-element-68d4f7f
  .posts-modern-heading-primary {
  color: var(--postsin-featured-color-1);
}

.posts--block
  .poast-element.poast-element-68d4f7f
  .posts-modern-heading-secondary
  .posts-head-highlight {
  color: var(--postsin-featured-color-2);
}

.posts--block
  .poast-element.poast-element-68d4f7f
  .posts-modern-heading-description {
  color: var(--postsin-featured-color-3);
}

.posts--block
  .poast-element.poast-element-6bedfb4
  .posts-modern-button.posts-modern-button-outline
  .posts-overlay:before,
.posts--block
  .poast-element.poast-element-6bedfb4
  .posts-modern-button
  .posts-overlay:before {
  background-color: var(--postsin-featured-color-2);
}

.posts--block
  .poast-element.poast-element-a8c0fbf
  .posts-modern-heading-primary {
  color: var(--postsin-featured-color-1);
}

.posts--block
  .poast-element.poast-element-a8c0fbf
  .posts-modern-heading-secondary
  .posts-head-highlight {
  color: var(--postsin-featured-color-2);
}

.posts--block
  .poast-element.poast-element-a8c0fbf
  .posts-modern-heading-description {
  color: var(--postsin-featured-color-3);
}

.posts--block .poast-element.poast-element-ddb0e89 .col-title a,
.posts--block .poast-element.poast-element-ddb0e89 .col-title {
  color: var(--postsin-featured-color-2) !important;
}

.posts--block .poast-element.poast-element-ddb0e89 .widget-content {
  color: var(--postsin-featured-color-3) !important;
}

.posts--block .poast-element.poast-element-23f431c .col-title a,
.posts--block .poast-element.poast-element-23f431c .col-title {
  color: var(--postsin-featured-color-2) !important;
}

.posts--block .poast-element.poast-element-23f431c .widget-content {
  color: var(--postsin-featured-color-3) !important;
}

.posts--block .poast-element.poast-element-0ab0390 .col-title a,
.posts--block .poast-element.poast-element-0ab0390 .col-title {
  color: var(--postsin-featured-color-2) !important;
}

.posts--block .poast-element.poast-element-0ab0390 .widget-content {
  color: var(--postsin-featured-color-3) !important;
}

.posts--block
  .poast-element.poast-element-e77633e
  .posts-modern-heading-primary {
  color: var(--postsin-featured-color-1);
}

.posts--block
  .poast-element.poast-element-e77633e
  .posts-modern-heading-secondary
  .posts-head-highlight {
  color: var(--postsin-featured-color-2);
}

.posts--block
  .poast-element.poast-element-e77633e
  .posts-modern-heading-description {
  color: var(--postsin-featured-color-3);
}

.posts--block .poast-element.poast-element-93a7e14 .col-title a,
.posts--block .poast-element.poast-element-93a7e14 .col-title {
  color: var(--postsin-featured-color-2) !important;
}

.posts--block .poast-element.poast-element-93a7e14 .widget-content {
  color: var(--postsin-featured-color-3) !important;
}

.posts--block .poast-element.poast-element-6326dc2 .col-title a,
.posts--block .poast-element.poast-element-6326dc2 .col-title {
  color: var(--postsin-featured-color-2) !important;
}

.posts--block .poast-element.poast-element-6326dc2 .widget-content {
  color: var(--postsin-featured-color-3) !important;
}

.posts--block
  .poast-element.poast-element-9ec646c
  .posts-modern-heading-primary {
  color: var(--postsin-featured-color-1);
}

.posts--block
  .poast-element.poast-element-9ec646c
  .posts-modern-heading-secondary
  .posts-head-highlight {
  color: var(--postsin-featured-color-2);
}

.posts--block
  .poast-element.poast-element-f8579a6
  .posts-modern-heading-primary {
  color: var(--postsin-featured-color-1);
}

.posts--block
  .poast-element.poast-element-f8579a6
  .posts-modern-heading-secondary
  .posts-head-highlight {
  color: var(--postsin-featured-color-2);
}

.posts--block
  .poast-element.poast-element-ca0dd53
  .posts-modern-heading-primary {
  color: var(--postsin-featured-color-1);
}

.posts--block
  .poast-element.poast-element-ca0dd53
  .posts-modern-heading-secondary
  .posts-head-highlight {
  color: var(--postsin-featured-color-2);
}

.posts--block
  .poast-element.poast-element-ca0dd53
  .posts-modern-heading-description {
  color: var(--postsin-featured-color-3);
}

.posts--block
  .poast-element.poast-element-5b17a28
  .posts-modern-heading-primary {
  color: var(--postsin-featured-color-1);
}

.posts--block
  .poast-element.poast-element-5b17a28
  .posts-modern-heading-secondary
  .posts-head-highlight {
  color: var(--postsin-featured-color-2);
}

.posts--block .poast-element.poast-element-da80a42 .posts-col .column-entry {
  background-color: var(--postsin-featured-color-2);
}

.posts--block .poast-element.poast-element-68d4f7f .posts-head-highlight {
  display: inline-block;
}

.posts--block
  .poast-element.poast-element-68d4f7f
  .posts-modern-heading-divider::before {
  content: "";
  width: 25px;
  height: 5px;
  background: transparent linear-gradient(180deg, #f9636b 0%, #a4204d 100%);
  border-radius: 20px;
  display: inline-block;
  position: absolute;
  left: 0;
}

.posts--block
  .poast-element.poast-element-68d4f7f
  .posts-modern-heading-divider {
  margin-left: 30px;
  border-radius: 20px;
}

.posts--block .poast-element.poast-element-a8c0fbf .posts-head-highlight {
  display: inline-block;
}

.posts--block
  .poast-element.poast-element-a8c0fbf
  .posts-modern-heading-divider::before {
  content: "";
  width: 25px;
  height: 5px;
  background: transparent linear-gradient(180deg, #f9636b 0%, #a4204d 100%);
  border-radius: 20px;
  display: inline-block;
  position: absolute;
  left: 0;
}

.posts--block
  .poast-element.poast-element-a8c0fbf
  .posts-modern-heading-divider {
  margin-left: 30px;
  border-radius: 20px;
}

.posts--block .poast-element.poast-element-ddb0e89 .posts-ico-box {
  display: flex;
}

.posts--block .poast-element.poast-element-ddb0e89 .posts-ico-box svg {
  position: relative;
  z-index: 99;
  margin-left: 25px;
}

.posts--block .poast-element.poast-element-ddb0e89 .posts-ico-box::before {
  content: "";
  width: 103px;
  height: 101px;
  background: transparent linear-gradient(180deg, #f9636b 0%, #a4204d 100%);
  box-shadow: 0px 3px 35px #f9636b40;
  border-radius: 30px;
  display: inline-block;
  position: absolute;
  top: 70px;
  opacity: 1;
}

.posts--block
  .poast-element.poast-element-ddb0e89:hover
  .posts-ico-box::before {
  opacity: 0;
}

.posts--block .poast-element.poast-element-ddb0e89 .posts-ico-box::after {
  content: "";
  width: 103px;
  height: 101px;
  background: transparent;
  box-shadow: 0px 3px 35px #f9636b40;
  border-radius: 30px;
  position: absolute;
  top: 70px;
  opacity: 0;
}

.posts--block .poast-element.poast-element-ddb0e89:hover .posts-ico-box::after {
  opacity: 1;
  background-color: #243b64;
  background-image: none;
}

.posts--block
  .poast-element.poast-element-ddb0e89
  .elementor-widget-container::before {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  background-color: transparent;
  background-image: linear-gradient(180deg, #f9636b 0%, #a4204d 100%);
  opacity: 0;
}

.posts--block
  .poast-element.poast-element-ddb0e89:hover
  .elementor-widget-container::before {
  opacity: 1;
}

@media screen and (max-width: 1600px) and (min-width: 1025px) {
  .posts--block .poast-element.poast-element-ddb0e89 .col-title {
    font-size: 23px !important;
  }
}

/* End custom CSS */

/* Start custom CSS for posts_text, class: .poast-element-23f431c */

.posts--block .poast-element.poast-element-23f431c .posts-ico-box {
  display: flex;
}

.posts--block .poast-element.poast-element-23f431c .posts-ico-box svg {
  position: relative;
  z-index: 99;
  margin-left: 25px;
}

.posts--block .poast-element.poast-element-23f431c .posts-ico-box::before {
  content: "";
  width: 103px;
  height: 101px;
  background: transparent linear-gradient(180deg, #f9636b 0%, #a4204d 100%);
  box-shadow: 0px 3px 35px #f9636b40;
  border-radius: 30px;
  display: inline-block;
  position: absolute;
  top: 70px;
  opacity: 1;
}

.posts--block
  .poast-element.poast-element-23f431c:hover
  .posts-ico-box::before {
  opacity: 0;
}

.posts--block .poast-element.poast-element-23f431c .posts-ico-box::after {
  content: "";
  width: 103px;
  height: 101px;
  background: transparent;
  box-shadow: 0px 3px 35px #f9636b40;
  border-radius: 30px;
  position: absolute;
  top: 70px;
  opacity: 0;
}

.posts--block .poast-element.poast-element-23f431c:hover .posts-ico-box::after {
  opacity: 1;
  background-color: #243b64;
  background-image: none;
}

.posts--block
  .poast-element.poast-element-23f431c
  .elementor-widget-container::before {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  background-color: transparent;
  background-image: linear-gradient(180deg, #f9636b 0%, #a4204d 100%);
  opacity: 0;
}

.posts--block
  .poast-element.poast-element-23f431c:hover
  .elementor-widget-container::before {
  opacity: 1;
}

@media screen and (max-width: 1600px) and (min-width: 1025px) {
  .posts--block .poast-element.poast-element-23f431c .col-title {
    font-size: 23px !important;
  }
}

.posts--block .poast-element.poast-element-0ab0390 .posts-ico-box {
  display: flex;
}

.posts--block .poast-element.poast-element-0ab0390 .posts-ico-box svg {
  position: relative;
  z-index: 99;
  margin-left: 25px;
}

.posts--block .poast-element.poast-element-0ab0390 .posts-ico-box::before {
  content: "";
  width: 103px;
  height: 101px;
  background: transparent linear-gradient(180deg, #f9636b 0%, #a4204d 100%);
  box-shadow: 0px 3px 35px #f9636b40;
  border-radius: 30px;
  display: inline-block;
  position: absolute;
  top: 70px;
  opacity: 1;
}

.posts--block
  .poast-element.poast-element-0ab0390:hover
  .posts-ico-box::before {
  opacity: 0;
}

.posts--block .poast-element.poast-element-0ab0390 .posts-ico-box::after {
  content: "";
  width: 103px;
  height: 101px;
  background: transparent;
  box-shadow: 0px 3px 35px #f9636b40;
  border-radius: 30px;
  position: absolute;
  top: 70px;
  opacity: 0;
}

.posts--block .poast-element.poast-element-0ab0390:hover .posts-ico-box::after {
  opacity: 1;
  background-color: #243b64;
  background-image: none;
}

.posts--block
  .poast-element.poast-element-0ab0390
  .elementor-widget-container::before {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  background-color: transparent;
  background-image: linear-gradient(180deg, #f9636b 0%, #a4204d 100%);
  opacity: 0;
}

.posts--block
  .poast-element.poast-element-0ab0390:hover
  .elementor-widget-container::before {
  opacity: 1;
}

@media screen and (max-width: 1600px) and (min-width: 1025px) {
  .posts--block .poast-element.poast-element-0ab0390 .col-title {
    font-size: 23px !important;
  }
}

.posts--block .poast-element.poast-element-e77633e .posts-head-highlight {
  display: inline-block;
}

.posts--block
  .poast-element.poast-element-e77633e
  .posts-modern-heading-divider::before {
  content: "";
  width: 25px;
  height: 5px;
  background: transparent linear-gradient(180deg, #f9636b 0%, #a4204d 100%);
  border-radius: 20px;
  display: inline-block;
  position: absolute;
  left: 0;
}

.posts--block
  .poast-element.poast-element-e77633e
  .posts-modern-heading-divider {
  margin-left: 30px;
  border-radius: 20px;
}

.posts--block .poast-element.poast-element-93a7e14 .posts-ico-box svg {
  position: relative;
  z-index: 9;
  margin-left: 17px;
  margin-top: 16px;
}

.posts--block .poast-element.poast-element-93a7e14 .posts-ico-box::before {
  content: "";
  width: 78px;
  height: 76px;
  background: transparent linear-gradient(180deg, #f9636b 0%, #a4204d 100%);
  box-shadow: 0px 3px 35px #f9636b40;
  border-radius: 20px;
  display: inline-block;
  position: absolute;
  top: 0px;
  transition: all 300ms ease-in;
}

.posts--block
  .poast-element.poast-element-93a7e14:hover
  .posts-ico-box::before {
  background: #243b64;
  box-shadow: 0px 3px 35px #243b6440;
}

.posts--block .poast-element.poast-element-6326dc2 .posts-ico-box svg {
  position: relative;
  z-index: 9;
  margin-left: 17px;
  margin-top: 16px;
}

.posts--block .poast-element.poast-element-6326dc2 .posts-ico-box::before {
  content: "";
  width: 78px;
  height: 76px;
  background: transparent linear-gradient(180deg, #f9636b 0%, #a4204d 100%);
  box-shadow: 0px 3px 35px #f9636b40;
  border-radius: 20px;
  display: inline-block;
  position: absolute;
  top: 0px;
  transition: all 300ms ease-in;
}

.posts--block
  .poast-element.poast-element-6326dc2:hover
  .posts-ico-box::before {
  background: #243b64;
  box-shadow: 0px 3px 35px #243b6440;
}

.posts--block .poast-element.poast-element-9ec646c .posts-head-highlight {
  display: inline-block;
}

.posts--block
  .poast-element.poast-element-9ec646c
  .posts-modern-heading-divider::before {
  content: "";
  width: 25px;
  height: 5px;
  background: transparent linear-gradient(180deg, #f9636b 0%, #a4204d 100%);
  border-radius: 20px;
  display: inline-block;
  position: absolute;
  left: 0;
}

.posts--block
  .poast-element.poast-element-9ec646c
  .posts-modern-heading-divider {
  margin-left: 30px;
  border-radius: 20px;
}

@media screen and (max-width: 1024px) {
  .posts--block
    .poast-element.poast-element-9ec646c
    .posts-modern-heading-divider::before {
    left: 44%;
  }
}

@media screen and (max-width: 767px) {
  .posts--block
    .poast-element.poast-element-9ec646c
    .posts-modern-heading-divider::before {
    left: 33%;
  }
}

.posts--block .poast-element.poast-element-f8579a6 .posts-head-highlight {
  display: inline-block;
}

.posts--block
  .poast-element.poast-element-f8579a6
  .posts-modern-heading-divider::before {
  content: "";
  width: 25px;
  height: 5px;
  background: transparent linear-gradient(180deg, #f9636b 0%, #a4204d 100%);
  border-radius: 20px;
  display: inline-block;
  position: absolute;
  margin-left: -58px;
}

.posts--block
  .poast-element.poast-element-f8579a6
  .posts-modern-heading-divider {
  border-radius: 20px;
}

.posts--block .poast-element.poast-element-ca0dd53 .posts-head-highlight {
  display: inline-block;
}

.posts--block
  .poast-element.poast-element-ca0dd53
  .posts-modern-heading-divider::before {
  content: "";
  width: 25px;
  height: 5px;
  background: transparent linear-gradient(180deg, #f9636b 0%, #a4204d 100%);
  border-radius: 20px;
  display: inline-block;
  position: absolute;
  left: 0;
}

.posts--block
  .poast-element.poast-element-ca0dd53
  .posts-modern-heading-divider {
  margin-left: 30px;
  border-radius: 20px;
}

.posts--block .poast-element.poast-element-5b17a28 .posts-head-highlight {
  display: inline-block;
}

.posts--block
  .poast-element.poast-element-5b17a28
  .posts-modern-heading-divider {
  margin: 0 auto;
}

.posts--block
  .poast-element.poast-element-5b17a28
  .posts-modern-heading-divider::before {
  content: "";
  width: 25px;
  height: 5px;
  background: transparent linear-gradient(180deg, #f9636b 0%, #a4204d 100%);
  border-radius: 20px;
  display: inline-block;
  position: absolute;
  margin-left: -58px;
}

.posts--block
  .poast-element.poast-element-5b17a28
  .posts-modern-heading-divider {
  margin-left: 30px;
  border-radius: 20px;
}

.posts--block
  .poast-element.poast-element-da80a42
  .entry-info
  [class^="entry-"]
  + [class^="entry-"]::before {
  display: none;
}

.posts--block .poast-element.poast-element-da80a42 .entry-info {
  display: flex;
  justify-content: space-between;
}

.posts--block .poast-element.poast-element-da80a42 .column-entry {
  border-radius: 20px;
}

.posts--block
  .poast-element.poast-element-da80a42
  .posts-col
  .entry-media:after {
  content: "";
  width: 100%;
  height: 100%;
  background: transparent linear-gradient(167deg, #f9636b 0%, #a4204d 100%);
  border-radius: 00px 100px 00px 00px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 300ms ease-out 200ms;
}

.posts--block
  .poast-element.poast-element-da80a42
  .posts-col:hover
  .entry-media:after {
  opacity: 0.5;
  transition-delay: 0;
}

.posts--block
  .poast-element.poast-element-da80a42
  .posts-col:hover
  .entry-title
  a {
  font-weight: 700;
}

.posts--block .poast-element.poast-element-da80a42 .posts-col .entry-title {
  text-align: left;
  z-index: 99;
  position: relative;
  transform: translateY(0);
  transition: all 300ms ease-out 200ms;
  padding-top: 1.5rem;
}

.posts--block
  .poast-element.poast-element-da80a42
  .posts-col:hover
  .entry-title {
  text-align: left;
  transform: translateY(-80px);
  transition-delay: 0;
  padding: 0 25px;
}

.posts--block .poast-element.poast-element-da80a42 .entry-info {
  padding: 0 10%;
  transition: opacity 300ms ease-out 200ms;
  background: #747474;
  border-bottom-right-radius: 40px !important;
  border-left: 4px solid #000000;
}

.posts--block
  .poast-element.poast-element-da80a42
  .posts-col:hover
  .entry-info {
  opacity: 0;
}

.posts--block
  .poast-element.poast-element-da80a42
  .posts-col:hover
  .entry-title:after {
  opacity: 1;
}

@media screen and (max-width: 1600px) and (min-width: 1025px) {
  .posts--block .poast-element.poast-element-da80a42 .entry-main {
    padding: 15px 0px 30px 0px !important;
  }
  .posts--block .poast-element.poast-element-da80a42 .entry-title a {
    font-weight: 500;
  }
}

.decor__flying_word_box img {
  position: absolute;
  top: 0px;
}

.decor__flying_word_img_box img.ser-ornaments {
  position: absolute;
  top: 0px;
  left: 0 !important;
}

div#card .decor__flying_word_box img {
  left: 0 !important;
}

.page-template-home-template
  #pricing
  .classic-pricing-single:hover
  h4.classic-pricing-title,
.page-template-home-template
  #pricing
  .classic-pricing-single:hover
  ul.classic-pricing-list
  li,
.page-template-home-template
  #pricing
  .classic-pricing-single:hover
  ul.classic-pricing-list
  li
  i {
  color: #ffffff;
}

#services a.link {
  position: absolute;
  z-index: 5;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}