/* Software Website CSS */

.dark .light,
.light,
.dark .light,
.light {
  font-family: 'MavenPro';
  font-size: 13px;
  line-height: 1.5;
  color: #555;
}

.light .dark,
.dark,
.light .dark,
.dark {
  font-family: 'OpenSans';
  font-size: 14px;
  line-height: 1.5;
  color: #ffffff;
}

.light-page {
  background-color: #fff;
}

.dark-page {
  background-color: #555;
}

.dark .bg-wrap.light,
.light .bg-wrap,
.dark .light .bg-wrap,
.bg-wrap.light,
.dark .bg-default.light,
.light .bg-default,
.dark .light .bg-default,
.bg-default.light {
  background-color: #fff;
}

.light .bg-wrap.dark,
.dark .bg-wrap,
.light .dark .bg-wrap,
.bg-wrap.dark,
.light .bg-default.dark,
.dark .bg-default,
.light .dark .bg-default,
.bg-default.dark {
  background-color: #555;
}

.dark h1.light,
.light h1,
.dark .light h1,
h1.light {
  font-size: 80px;
  font-family: 'Asap';
  font-weight: 200;
  font-style: normal;
  color: #555;
  margin-top:20px;
}

.light h1.dark,
.dark h1,
.light .dark h1,
h1.dark {
  font-family: 'Montserrat';
  font-size: 100px;
  font-weight: 200;
  font-style: normal;
  color: #fff;
}

.dark h2.light,
.light h2,
.dark .light h2,
h2.light {
  font-family: 'JuliusSansOne';
  font-size: 75px;
  font-weight: 300;
  font-style: normal;
  color: #555;
}

.light h2.dark,
.dark h2,
.light .dark h2,
h2.dark {
  font-family: 'Montserrat';
  font-size: 50px;
  font-weight: 300;
  font-style: normal;
  color: #fff;
}

.dark h3.light,
.light h3,
.dark .light h3,
h3.light {
  font-family: 'VarelaRound';
  font-size: 25px;
  font-weight: 300;
  font-style: normal;
  color: #444;
}

.light h3.dark,
.dark h3,
.light .dark h3,
h3.dark {
  font-family: 'Montserrat';
  font-size: 35px;
  font-weight: 300;
  font-style: normal;
  color: #fff;
}

.dark h4.light,
.light h4,
.dark .light h4,
h4.light {
  font-family: 'VarelaRound';
  font-size: 19px;
  font-weight: 400;
  font-style: normal;
  color: #555;
}

.light h4.dark,
.dark h4,
.light .dark h4,
h4.dark {
  font-family: 'Montserrat';
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  color: #fff;
}

.dark a.light:not(.btn):hover,
.light a:not(.btn):hover,
.dark .light a:not(.btn):hover,
a.light:not(.btn):hover {
  color: #eeeeee;
  text-decoration: underline;
}

.light a.dark:not(.btn):hover,
.dark a:not(.btn):hover,
.light .dark a:not(.btn):hover,
a.dark:not(.btn):hover {
  color: #fff;
  text-decoration: underline;
}

.dark .navbar-nav.light a,
.light .navbar-nav a,
.dark .light .navbar-nav a,
.navbar-nav.light a {
  font-size: 14px;
  font-family: 'Quicksand';
  color: #eeeeee;
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0);
}

.light .navbar-nav.dark a,
.dark .navbar-nav a,
.light .dark .navbar-nav a,
.navbar-nav.dark a {
  color: #aaa;
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0);
}

.dark .navbar-nav.light a.nav-link:hover,
.light .navbar-nav a.nav-link:hover,
.dark .light .navbar-nav a.nav-link:hover,
.navbar-nav.light a.nav-link:hover,
.dark .navbar-nav.light .nav-item:hover>a.nav-link,
.light .navbar-nav .nav-item:hover>a.nav-link,
.dark .light .navbar-nav .nav-item:hover>a.nav-link,
.navbar-nav.light .nav-item:hover>a.nav-link,
.dark .navbar-nav.light a.nav-link.active,
.light .navbar-nav a.nav-link.active,
.dark .light .navbar-nav a.nav-link.active,
.navbar-nav.light a.nav-link.active {
  color: #eeeeee;
  text-decoration: underline;
  background-color: rgba(255, 255, 255, 0);
}

.light .navbar-nav.dark a.nav-link:hover,
.dark .navbar-nav a.nav-link:hover,
.light .dark .navbar-nav a.nav-link:hover,
.navbar-nav.dark a.nav-link:hover,
.light .navbar-nav.dark .nav-item:hover>a.nav-link,
.dark .navbar-nav .nav-item:hover>a.nav-link,
.light .dark .navbar-nav .nav-item:hover>a.nav-link,
.navbar-nav.dark .nav-item:hover>a.nav-link,
.light .navbar-nav.dark a.nav-link.active,
.dark .navbar-nav a.nav-link.active,
.light .dark .navbar-nav a.nav-link.active,
.navbar-nav.dark a.nav-link.active {
  color: #fff;
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0);
}

.dark .nav-tabs.light a.nav-link,
.light .nav-tabs a.nav-link,
.dark .light .nav-tabs a.nav-link,
.nav-tabs.light a.nav-link {
  color: #A2AAB1;
}

.light .nav-tabs.dark a.nav-link,
.dark .nav-tabs a.nav-link,
.light .dark .nav-tabs a.nav-link,
.nav-tabs.dark a.nav-link {
  color: rgba(255, 255, 255, 0.2);
}

.light .nav-tabs.dark,
.dark .nav-tabs,
.light .dark .nav-tabs,
.nav-tabs.dark {
  border-color: rgba(255, 255, 255, 0.2);
}

.dark .nav-tabs.light a.nav-link:hover,
.light .nav-tabs a.nav-link:hover,
.dark .light .nav-tabs a.nav-link:hover,
.nav-tabs.light a.nav-link:hover,
.dark .nav-tabs.light a.nav-link.active,
.light .nav-tabs a.nav-link.active,
.dark .light .nav-tabs a.nav-link.active,
.nav-tabs.light a.nav-link.active {
  color: #444;
  border-color: #444;
}

.light .nav-tabs.dark a.nav-link:hover,
.dark .nav-tabs a.nav-link:hover,
.light .dark .nav-tabs a.nav-link:hover,
.nav-tabs.dark a.nav-link:hover,
.light .nav-tabs.dark a.nav-link.active,
.dark .nav-tabs a.nav-link.active,
.light .dark .nav-tabs a.nav-link.active,
.nav-tabs.dark a.nav-link.active {
  color: #FFF;
  border-color: #FFF;
}

.dark .pagination.light .page-link,
.light .pagination .page-link,
.dark .light .pagination .page-link,
.pagination.light .page-link {
  border-color: #D1D7DD;
}

.light .pagination.dark .page-link,
.dark .pagination .page-link,
.light .dark .pagination .page-link,
.pagination.dark .page-link {
  border-color: #555;
}

.dark .pagination.light .page-link:hover,
.light .pagination .page-link:hover,
.dark .light .pagination .page-link:hover,
.pagination.light .page-link:hover,
.dark .pagination.light .page-link.active,
.light .pagination .page-link.active,
.dark .light .pagination .page-link.active,
.pagination.light .page-link.active {
  border-color: #D1D7DD;
  background-color: #D1D7DD;
}

.light .pagination.dark .page-link:hover,
.dark .pagination .page-link:hover,
.light .dark .pagination .page-link:hover,
.pagination.dark .page-link:hover,
.light .pagination.dark .page-link.active,
.dark .pagination .page-link.active,
.light .dark .pagination .page-link.active,
.pagination.dark .page-link.active {
  border-color: #555;
  background-color: #555;
}

.dark .btn.light,
.light .btn,
.dark .light .btn,
.btn.light {
  font-family: 'Quicksand';
  border-radius: 5px 5px 5px 5px;
  border-width: 2px 2px 2px 2px;
}

.light .btn.dark,
.dark .btn,
.light .dark .btn,
.btn.dark {
  border-radius: 0px 0px 0px 0px;
  border-width: 2px 2px 2px 2px;
}

.dark .btn-primary.light,
.light .btn-primary,
.dark .light .btn-primary,
.btn-primary.light,
.dark .badge-primary.light,
.light .badge-primary,
.dark .light .badge-primary,
.badge-primary.light {
  color: #FFF;
  background-color: #AF9F8C;
}

.light .btn-primary.dark,
.dark .btn-primary,
.light .dark .btn-primary,
.btn-primary.dark,
.light .badge-primary.dark,
.dark .badge-primary,
.light .dark .badge-primary,
.badge-primary.dark {
  color: #FFF;
  background-color: #AF9F8C;
}

.dark .btn-primary.light:hover,
.light .btn-primary:hover,
.dark .light .btn-primary:hover,
.btn-primary.light:hover,
.dark .btn-primary.light:active,
.light .btn-primary:active,
.dark .light .btn-primary:active,
.btn-primary.light:active,
.dark .btn-primary.active.light,
.light .btn-primary.active,
.dark .light .btn-primary.active,
.btn-primary.active.light {
  color: #FFF;
  background-color: #998B7A;
}

.light .btn-primary.dark:hover,
.dark .btn-primary:hover,
.light .dark .btn-primary:hover,
.btn-primary.dark:hover,
.light .btn-primary.dark:active,
.dark .btn-primary:active,
.light .dark .btn-primary:active,
.btn-primary.dark:active,
.light .btn-primary.active.dark,
.dark .btn-primary.active,
.light .dark .btn-primary.active,
.btn-primary.active.dark {
  color: #FFF;
  background-color: #998B7A;
}

.dark .btn-outline-primary.light,
.light .btn-outline-primary,
.dark .light .btn-outline-primary,
.btn-outline-primary.light {
  color: #AF9F8C;
}

.light .btn-outline-primary.dark,
.dark .btn-outline-primary,
.light .dark .btn-outline-primary,
.btn-outline-primary.dark {
  color: #AF9F8C;
}

.dark .btn-outline-primary.light:hover,
.light .btn-outline-primary:hover,
.dark .light .btn-outline-primary:hover,
.btn-outline-primary.light:hover,
.dark .btn-outline-primary.light:active,
.light .btn-outline-primary:active,
.dark .light .btn-outline-primary:active,
.btn-outline-primary.light:active,
.dark .btn-outline-primary.active.light,
.light .btn-outline-primary.active,
.dark .light .btn-outline-primary.active,
.btn-outline-primary.active.light {
  color: #998B7A;
}

.light .btn-outline-primary.dark:hover,
.dark .btn-outline-primary:hover,
.light .dark .btn-outline-primary:hover,
.btn-outline-primary.dark:hover,
.light .btn-outline-primary.dark:active,
.dark .btn-outline-primary:active,
.light .dark .btn-outline-primary:active,
.btn-outline-primary.dark:active,
.light .btn-outline-primary.active.dark,
.dark .btn-outline-primary.active,
.light .dark .btn-outline-primary.active,
.btn-outline-primary.active.dark {
  color: #998B7A;
}

.dark .btn-primary.light,
.light .btn-primary,
.dark .light .btn-primary,
.btn-primary.light,
.dark .btn-outline-primary.light,
.light .btn-outline-primary,
.dark .light .btn-outline-primary,
.btn-outline-primary.light {
  border-color: #AF9F8C;
}

.light .btn-primary.dark,
.dark .btn-primary,
.light .dark .btn-primary,
.btn-primary.dark,
.light .btn-outline-primary.dark,
.dark .btn-outline-primary,
.light .dark .btn-outline-primary,
.btn-outline-primary.dark {
  border-color: #AF9F8C;
}

.dark .btn-primary.light:hover,
.light .btn-primary:hover,
.dark .light .btn-primary:hover,
.btn-primary.light:hover,
.dark .btn-primary.light:active,
.light .btn-primary:active,
.dark .light .btn-primary:active,
.btn-primary.light:active,
.dark .btn-primary.active.light,
.light .btn-primary.active,
.dark .light .btn-primary.active,
.btn-primary.active.light,
.dark .btn-outline-primary.light:hover,
.light .btn-outline-primary:hover,
.dark .light .btn-outline-primary:hover,
.btn-outline-primary.light:hover,
.dark .btn-outline-primary.light:active,
.light .btn-outline-primary:active,
.dark .light .btn-outline-primary:active,
.btn-outline-primary.light:active,
.dark .btn-outline-primary.active.light,
.light .btn-outline-primary.active,
.dark .light .btn-outline-primary.active,
.btn-outline-primary.active.light {
  border-color: #998B7A;
}

.light .btn-primary.dark:hover,
.dark .btn-primary:hover,
.light .dark .btn-primary:hover,
.btn-primary.dark:hover,
.light .btn-primary.dark:active,
.dark .btn-primary:active,
.light .dark .btn-primary:active,
.btn-primary.dark:active,
.light .btn-primary.active.dark,
.dark .btn-primary.active,
.light .dark .btn-primary.active,
.btn-primary.active.dark,
.light .btn-outline-primary.dark:hover,
.dark .btn-outline-primary:hover,
.light .dark .btn-outline-primary:hover,
.btn-outline-primary.dark:hover,
.light .btn-outline-primary.dark:active,
.dark .btn-outline-primary:active,
.light .dark .btn-outline-primary:active,
.btn-outline-primary.dark:active,
.light .btn-outline-primary.active.dark,
.dark .btn-outline-primary.active,
.light .dark .btn-outline-primary.active,
.btn-outline-primary.active.dark {
  border-color: #998B7A;
}

.dark .btn-secondary.light,
.light .btn-secondary,
.dark .light .btn-secondary,
.btn-secondary.light,
.dark .badge-secondary.light,
.light .badge-secondary,
.dark .light .badge-secondary,
.badge-secondary.light {
  color: #FFF;
  background-color: #A2AAB1;
}

.light .btn-secondary.dark,
.dark .btn-secondary,
.light .dark .btn-secondary,
.btn-secondary.dark,
.light .badge-secondary.dark,
.dark .badge-secondary,
.light .dark .badge-secondary,
.badge-secondary.dark {
  color: #FFF;
  background-color: #444;
}

.dark .btn-secondary.light:hover,
.light .btn-secondary:hover,
.dark .light .btn-secondary:hover,
.btn-secondary.light:hover,
.dark .btn-secondary.light:active,
.light .btn-secondary:active,
.dark .light .btn-secondary:active,
.btn-secondary.light:active,
.dark .btn-secondary.active.light,
.light .btn-secondary.active,
.dark .light .btn-secondary.active,
.btn-secondary.active.light {
  color: #FFF;
  background-color: #91989F;
}

.light .btn-secondary.dark:hover,
.dark .btn-secondary:hover,
.light .dark .btn-secondary:hover,
.btn-secondary.dark:hover,
.light .btn-secondary.dark:active,
.dark .btn-secondary:active,
.light .dark .btn-secondary:active,
.btn-secondary.dark:active,
.light .btn-secondary.active.dark,
.dark .btn-secondary.active,
.light .dark .btn-secondary.active,
.btn-secondary.active.dark {
  color: #FFF;
  background-color: #555;
}

.dark .btn-outline-secondary.light,
.light .btn-outline-secondary,
.dark .light .btn-outline-secondary,
.btn-outline-secondary.light {
  color: #A2AAB1;
}

.light .btn-outline-secondary.dark,
.dark .btn-outline-secondary,
.light .dark .btn-outline-secondary,
.btn-outline-secondary.dark {
  color: #888;
}

.dark .btn-outline-secondary.light:hover,
.light .btn-outline-secondary:hover,
.dark .light .btn-outline-secondary:hover,
.btn-outline-secondary.light:hover,
.dark .btn-outline-secondary.light:active,
.light .btn-outline-secondary:active,
.dark .light .btn-outline-secondary:active,
.btn-outline-secondary.light:active,
.dark .btn-outline-secondary.active.light,
.light .btn-outline-secondary.active,
.dark .light .btn-outline-secondary.active,
.btn-outline-secondary.active.light {
  color: #91989F;
}

.light .btn-outline-secondary.dark:hover,
.dark .btn-outline-secondary:hover,
.light .dark .btn-outline-secondary:hover,
.btn-outline-secondary.dark:hover,
.light .btn-outline-secondary.dark:active,
.dark .btn-outline-secondary:active,
.light .dark .btn-outline-secondary:active,
.btn-outline-secondary.dark:active,
.light .btn-outline-secondary.active.dark,
.dark .btn-outline-secondary.active,
.light .dark .btn-outline-secondary.active,
.btn-outline-secondary.active.dark {
  color: #888;
}

.dark .btn-secondary.light,
.light .btn-secondary,
.dark .light .btn-secondary,
.btn-secondary.light,
.dark .btn-outline-secondary.light,
.light .btn-outline-secondary,
.dark .light .btn-outline-secondary,
.btn-outline-secondary.light {
  border-color: #A2AAB1;
}

.light .btn-secondary.dark,
.dark .btn-secondary,
.light .dark .btn-secondary,
.btn-secondary.dark,
.light .btn-outline-secondary.dark,
.dark .btn-outline-secondary,
.light .dark .btn-outline-secondary,
.btn-outline-secondary.dark {
  border-color: #444;
}

.dark .btn-secondary.light:hover,
.light .btn-secondary:hover,
.dark .light .btn-secondary:hover,
.btn-secondary.light:hover,
.dark .btn-secondary.light:active,
.light .btn-secondary:active,
.dark .light .btn-secondary:active,
.btn-secondary.light:active,
.dark .btn-secondary.active.light,
.light .btn-secondary.active,
.dark .light .btn-secondary.active,
.btn-secondary.active.light,
.dark .btn-outline-secondary.light:hover,
.light .btn-outline-secondary:hover,
.dark .light .btn-outline-secondary:hover,
.btn-outline-secondary.light:hover,
.dark .btn-outline-secondary.light:active,
.light .btn-outline-secondary:active,
.dark .light .btn-outline-secondary:active,
.btn-outline-secondary.light:active,
.dark .btn-outline-secondary.active.light,
.light .btn-outline-secondary.active,
.dark .light .btn-outline-secondary.active,
.btn-outline-secondary.active.light {
  border-color: #91989F;
}

.light .btn-secondary.dark:hover,
.dark .btn-secondary:hover,
.light .dark .btn-secondary:hover,
.btn-secondary.dark:hover,
.light .btn-secondary.dark:active,
.dark .btn-secondary:active,
.light .dark .btn-secondary:active,
.btn-secondary.dark:active,
.light .btn-secondary.active.dark,
.dark .btn-secondary.active,
.light .dark .btn-secondary.active,
.btn-secondary.active.dark,
.light .btn-outline-secondary.dark:hover,
.dark .btn-outline-secondary:hover,
.light .dark .btn-outline-secondary:hover,
.btn-outline-secondary.dark:hover,
.light .btn-outline-secondary.dark:active,
.dark .btn-outline-secondary:active,
.light .dark .btn-outline-secondary:active,
.btn-outline-secondary.dark:active,
.light .btn-outline-secondary.active.dark,
.dark .btn-outline-secondary.active,
.light .dark .btn-outline-secondary.active,
.btn-outline-secondary.active.dark {
  border-color: #555;
}

.dark .form-control.light,
.light .form-control,
.dark .light .form-control,
.form-control.light,
.dark .form-inline>.btn-link.light,
.light .form-inline>.btn-link,
.dark .light .form-inline>.btn-link,
.form-inline>.btn-link.light {
  border-radius: 0px 0px 0px 0px;
  border-width: 0px 0px 1px 0px;
  border-color: rgba(0, 0, 0, 0.2);
}

.light .form-control.dark,
.dark .form-control,
.light .dark .form-control,
.form-control.dark,
.light .form-inline>.btn-link.dark,
.dark .form-inline>.btn-link,
.light .dark .form-inline>.btn-link,
.form-inline>.btn-link.dark {
  border-radius: 0px 0px 0px 0px;
  border-width: 0px 0px 1px 0px;
  border-color: rgba(255, 255, 255, 0.2);
}

.dark .form-control.light::placeholder,
.light .form-control::placeholder,
.dark .light .form-control::placeholder,
.form-control.light::placeholder,
.dark .form-control.light .placeholder,
.light .form-control .placeholder,
.dark .light .form-control .placeholder,
.form-control.light .placeholder {
  color: #aaa;
}

.light .form-control.dark::placeholder,
.dark .form-control::placeholder,
.light .dark .form-control::placeholder,
.form-control.dark::placeholder,
.light .form-control.dark .placeholder,
.dark .form-control .placeholder,
.light .dark .form-control .placeholder,
.form-control.dark .placeholder {
  color: #aaa;
}

.dark input[type=checkbox]+.lbl.light::after,
.light input[type=checkbox]+.lbl::after,
.dark .light input[type=checkbox]+.lbl::after,
input[type=checkbox]+.lbl.light::after,
.dark input[type=radio]+.lbl.light::after,
.light input[type=radio]+.lbl::after,
.dark .light input[type=radio]+.lbl::after,
input[type=radio]+.lbl.light::after {
  background-color: #A48F77;
}

.light input[type=checkbox]+.lbl.dark::after,
.dark input[type=checkbox]+.lbl::after,
.light .dark input[type=checkbox]+.lbl::after,
input[type=checkbox]+.lbl.dark::after,
.light input[type=radio]+.lbl.dark::after,
.dark input[type=radio]+.lbl::after,
.light .dark input[type=radio]+.lbl::after,
input[type=radio]+.lbl.dark::after {
  background-color: #A48F77;
}

.dark svg.svg-default.light,
.light svg.svg-default,
.dark .light svg.svg-default,
svg.svg-default.light {
  fill: #555;
}

.light svg.svg-default.dark,
.dark svg.svg-default,
.light .dark svg.svg-default,
svg.svg-default.dark {
  fill: #fff;
}

.dark svg.svg-primary.light,
.light svg.svg-primary,
.dark .light svg.svg-primary,
svg.svg-primary.light {
  fill: #c3b6a5;
}

.light svg.svg-primary.dark,
.dark svg.svg-primary,
.light .dark svg.svg-primary,
svg.svg-primary.dark {
  fill: #c3b6a5;
}

.dark svg.svg-secondary.light,
.light svg.svg-secondary,
.dark .light svg.svg-secondary,
svg.svg-secondary.light {
  fill: #bbc3cc;
}

.light svg.svg-secondary.dark,
.dark svg.svg-secondary,
.light .dark svg.svg-secondary,
svg.svg-secondary.dark {
  fill: #555;
}

.dark .gallery-item.light:not(.masonry-item),
.light .gallery-item:not(.masonry-item),
.dark .light .gallery-item:not(.masonry-item),
.gallery-item.light:not(.masonry-item),
.dark .masonry-item.gallery-item.light .wrapper,
.light .masonry-item.gallery-item .wrapper,
.dark .light .masonry-item.gallery-item .wrapper,
.masonry-item.gallery-item.light .wrapper {
  background-color: #ffffff;
}

.light .gallery-item.dark:not(.masonry-item),
.dark .gallery-item:not(.masonry-item),
.light .dark .gallery-item:not(.masonry-item),
.gallery-item.dark:not(.masonry-item),
.light .masonry-item.gallery-item.dark .wrapper,
.dark .masonry-item.gallery-item .wrapper,
.light .dark .masonry-item.gallery-item .wrapper,
.masonry-item.gallery-item.dark .wrapper {
  background-color: #eeeeee;
}

.dark .owl-prev.light,
.light .owl-prev,
.dark .light .owl-prev,
.owl-prev.light,
.dark .owl-next.light,
.light .owl-next,
.dark .light .owl-next,
.owl-next.light {
  border-color: #444;
  background-color: #fff;
}

.light .owl-prev.dark,
.dark .owl-prev,
.light .dark .owl-prev,
.owl-prev.dark,
.light .owl-next.dark,
.dark .owl-next,
.light .dark .owl-next,
.owl-next.dark {
  border-color: #fff;
  background-color: #444;
}

.dark .owl-prev.light:hover,
.light .owl-prev:hover,
.dark .light .owl-prev:hover,
.owl-prev.light:hover,
.dark .owl-next.light:hover,
.light .owl-next:hover,
.dark .light .owl-next:hover,
.owl-next.light:hover {
  border-color: #444;
  background-color: #ded8d0;
}

.light .owl-prev.dark:hover,
.dark .owl-prev:hover,
.light .dark .owl-prev:hover,
.owl-prev.dark:hover,
.light .owl-next.dark:hover,
.dark .owl-next:hover,
.light .dark .owl-next:hover,
.owl-next.dark:hover {
  border-color: #fff;
  background-color: #af9f8c;
}

.dark .owl-dot>span.light,
.light .owl-dot>span,
.dark .light .owl-dot>span,
.owl-dot>span.light {
  border-color: #D1D7DD;
}

.light .owl-dot>span.dark,
.dark .owl-dot>span,
.light .dark .owl-dot>span,
.owl-dot>span.dark {
  border-color: #444;
}

.dark .owl-dot.active>span.light,
.light .owl-dot.active>span,
.dark .light .owl-dot.active>span,
.owl-dot.active>span.light,
.dark .owl-dot.light:hover>span,
.light .owl-dot:hover>span,
.dark .light .owl-dot:hover>span,
.owl-dot.light:hover>span {
  border-color: #444;
}

.light .owl-dot.active>span.dark,
.dark .owl-dot.active>span,
.light .dark .owl-dot.active>span,
.owl-dot.active>span.dark,
.light .owl-dot.dark:hover>span,
.dark .owl-dot:hover>span,
.light .dark .owl-dot:hover>span,
.owl-dot.dark:hover>span {
  border-color: #fff;
}

.dark [class*=border].light,
.light [class*=border],
.dark .light [class*=border],
[class*=border].light,
.dark hr.light,
.light hr,
.dark .light hr,
hr.light,
.dark .separate-list.light li,
.light .separate-list li,
.dark .light .separate-list li,
.separate-list.light li,
.dark .media.light,
.light .media,
.dark .light .media,
.media.light {
  border-color: #D1D7DD;
}

.light [class*=border].dark,
.dark [class*=border],
.light .dark [class*=border],
[class*=border].dark,
.light hr.dark,
.dark hr,
.light .dark hr,
hr.dark,
.light .separate-list.dark li,
.dark .separate-list li,
.light .dark .separate-list li,
.separate-list.dark li,
.light .media.dark,
.dark .media,
.light .dark .media,
.media.dark {
  border-color: rgba(255, 255, 255, 0.2);
}

.light-page #preloader>div,
.light-page #preloader>div>*,
.light-page #preloader>div::before,
.light-page #preloader>div::after {
  border-color: #DDD;
  background-color: #DDD;
}

.dark-page #preloader>div,
.dark-page #preloader>div>*,
.dark-page #preloader>div::before,
.dark-page #preloader>div::after {
  border-color: #888;
  background-color: #888;
}

.dark .border-x2.light,
.light .border-x2,
.dark .light .border-x2,
.border-x2.light {
  border-color: #D1D7DD;
}

.light .border-x2.dark,
.dark .border-x2,
.light .dark .border-x2,
.border-x2.dark {
  border-color: rgba(255, 255, 255, 0.2);
}

.dark .text-primary.light,
.light .text-primary,
.dark .light .text-primary,
.text-primary.light {
  color: #AF9F8C;
}

.light .text-primary.dark,
.dark .text-primary,
.light .dark .text-primary,
.text-primary.dark {
  color: #AF9F8C;
}

.dark .text-secondary.light,
.light .text-secondary,
.dark .light .text-secondary,
.text-secondary.light,
.dark .breadcrumb-item.light+.breadcrumb-item::before,
.light .breadcrumb-item+.breadcrumb-item::before,
.dark .light .breadcrumb-item+.breadcrumb-item::before,
.breadcrumb-item.light+.breadcrumb-item::before,
.dark .breadcrumb-item.active.light,
.light .breadcrumb-item.active,
.dark .light .breadcrumb-item.active,
.breadcrumb-item.active.light {
  color: #A2AAB1;
}

.light .text-secondary.dark,
.dark .text-secondary,
.light .dark .text-secondary,
.text-secondary.dark,
.light .breadcrumb-item.dark+.breadcrumb-item::before,
.dark .breadcrumb-item+.breadcrumb-item::before,
.light .dark .breadcrumb-item+.breadcrumb-item::before,
.breadcrumb-item.dark+.breadcrumb-item::before,
.light .breadcrumb-item.active.dark,
.dark .breadcrumb-item.active,
.light .dark .breadcrumb-item.active,
.breadcrumb-item.active.dark {
  color: rgba(255, 255, 255, 0.5);
}


/* end default */

@media all and (max-width: 1279px) {
  .dark h1.light,
  .light h1,
  .dark .light h1,
  h1.light {
    font-size: 70px;
  }
  .light h1.dark,
  .dark h1,
  .light .dark h1,
  h1.dark {
    font-size: 70px;
  }
  .dark h2.light,
  .light h2,
  .dark .light h2,
  h2.light {
    font-size: 40px;
  }
  .light h2.dark,
  .dark h2,
  .light .dark h2,
  h2.dark {
    font-size: 40px;
  }
}

@media all and (max-width: 576px) {
  .dark h1.light,
  .light h1,
  .dark .light h1,
  h1.light {
    font-size: 40px;
  }
  .light h1.dark,
  .dark h1,
  .light .dark h1,
  h1.dark {
    font-size: 40px;
  }
  .dark h2.light,
  .light h2,
  .dark .light h2,
  h2.light {
    font-size: 30px;
  }
  .light h2.dark,
  .dark h2,
  .light .dark h2,
  h2.dark {
    font-size: 30px;
  }
  .dark h3.light,
  .light h3,
  .dark .light h3,
  h3.light {
    font-size: 25px;
  }
  .light h3.dark,
  .dark h3,
  .light .dark h3,
  h3.dark {
    font-size: 25px;
  }
}


/*----------------------- BUTTON ----------------------*/

.fx-btn-3d {
  border: none !important;
  -webkit-box-shadow: inset 0 -0.2em 0 0 rgba(0, 0, 0, 0.15), inset 0 -2em 3em -1em rgba(0, 0, 0, 0.2), 0 0.4em 0.6em -0.2em rgba(0, 0, 0, .15);
  box-shadow: inset 0 -0.2em 0 0 rgba(0, 0, 0, 0.15), inset 0 -2em 3em -1em rgba(0, 0, 0, 0.2), 0px 1px 0 0 rgba(0, 0, 0, .1), 0px 3px 0 -1px rgba(0, 0, 0, .1), 0px 5px 0 -2px rgba(0, 0, 0, .075), 0px 7px 0 -3px rgba(0, 0, 0, .035), 0px 9px 0 -4px rgba(0, 0, 0, .035), 0px 11px 0 -5px rgba(0, 0, 0, .02), 0px 13px 0 -6px rgba(0, 0, 0, .02), 0px 15px 0 -7px rgba(0, 0, 0, .01), 0px 17px 0 -8px rgba(0, 0, 0, .01);
  text-shadow: 0 -1px 0px rgba(0, 0, 0, .1);
  -webkit-transition: -webkit-box-shadow .1s ease-in-out, -webkit-transform .1s ease-in-out;
  transition: -webkit-box-shadow .1s ease-in-out, -webkit-transform .1s ease-in-out;
  transition: box-shadow .1s ease-in-out, transform .1s ease-in-out;
  transition: box-shadow .1s ease-in-out, transform .1s ease-in-out, -webkit-box-shadow .1s ease-in-out, -webkit-transform .1s ease-in-out;
}

.fx-btn-3d:active {
  -webkit-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.15), inset 0 -2em 3em -1em rgba(0, 0, 0, 0.1), 0 0 0.1em 0 rgba(0, 0, 0, .2);
  box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.15), inset 0 -2em 3em -1em rgba(0, 0, 0, 0.1), 0 0 0.1em 0 rgba(0, 0, 0, .2);
  -webkit-transform: translate(0, 0.1em);
  transform: translate(0, 0.1em);
}

.fx-btn-zoom,
.fx-btn-up {
  -webkit-transition: transform .1s ease-in-out;
  -webkit-transition: -webkit-transform .1s ease-in-out;
  transition: -webkit-transform .1s ease-in-out;
  transition: transform .1s ease-in-out;
  transition: transform .1s ease-in-out, -webkit-transform .1s ease-in-out;
}

.fx-btn-up:hover {
  -webkit-transform: translateY(-0.2em);
  transform: translateY(-0.2em);
}

.fx-btn-zoom:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.fx-btn-shadow {
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
  -webkit-box-shadow: 0 0.7em 1.4em rgba(0, 0, 0, 0.1), 0 0.6em 0.5em -0.4em rgba(0, 0, 0, 0.15);
  box-shadow: 0 0.7em 1.4em rgba(0, 0, 0, 0.1), 0 0.6em 0.5em -0.4em rgba(0, 0, 0, 0.15);
}

.fx-btn-shadow:active {
  -webkit-transform: translateY(0.25em);
  transform: translateY(0.25em);
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .3), 0 0 0 0 rgba(0, 0, 0, .5);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, .3), 0 0 0 0 rgba(0, 0, 0, .5);
}

.fx-btn-hard-shadow {
  -webkit-box-shadow: 0.25em 0.25em 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0.25em 0.25em 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: -webkit-box-shadow .1s ease-in-out, -webkit-transform .1s ease-in-out;
  transition: -webkit-box-shadow .1s ease-in-out, -webkit-transform .1s ease-in-out;
  transition: box-shadow .1s ease-in-out, transform .1s ease-in-out;
  transition: box-shadow .1s ease-in-out, transform .1s ease-in-out, -webkit-box-shadow .1s ease-in-out, -webkit-transform .1s ease-in-out;
}

.fx-btn-hard-shadow:active {
  -webkit-transform: translate(0.1em, 0.1em);
  transform: translate(0.1em, 0.1em);
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
}

.fx-btn-hidden-icon>.icon {
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  opacity: 0;
  width: 0px;
  overflow: hidden;
}

.fx-btn-hidden-icon:not(:hover)>.icon {
  margin: 0;
}

.fx-btn-hidden-icon:hover>.icon {
  opacity: 1;
  width: auto;
}

.fx-btn-blick {
  position: relative;
  overflow: hidden;
}

.fx-btn-blick:before {
  content: "";
  background-color: #fff;
  height: 100%;
  width: 3em;
  display: block;
  position: absolute;
  top: 0;
  -webkit-transform: skewX(-45deg) translateX(0);
  transform: skewX(-45deg) translateX(0);
  -webkit-transition: none;
  transition: none;
  opacity: 0;
  -webkit-animation: left-slide 2s infinite;
  animation: left-slide 2s infinite;
}

@-webkit-keyframes left-slide {
  0% {
    left: -50%;
    opacity: 0.1;
  }
  50%,
  100% {
    left: 150%;
    opacity: 0.75;
  }
}

@keyframes left-slide {
  0% {
    left: -50%;
    opacity: 0.1;
  }
  50%,
  100% {
    left: 150%;
    opacity: 0.75;
  }
}

.fx-btn-wave {
  position: relative;
  z-index: 1;
}

.fx-btn-wave:before {
  content: "";
  display: block;
  background-color: inherit;
  border-radius: inherit;
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.75;
  -webkit-animation: waves 1s infinite;
  animation: waves 1s infinite;
}

@-webkit-keyframes waves {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    opacity: 0;
  }
}

@keyframes waves {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
  }
}

.fx-btn-glow {
  -webkit-animation: glow 2s infinite;
  animation: glow 2s infinite;
}

@-webkit-keyframes glow {
  from,
  to {
    text-shadow: 0 0 0.05em rgba(255, 255, 255, 1), 0 0 0.1em rgba(255, 255, 255, 1), 0 0 1em rgba(255, 255, 255, 0.75), 0 0 2em rgba(255, 255, 255, 0.5);
  }
  25% {
    text-shadow: 0 0 0.05em rgba(255, 255, 255, 1), 0 0 0.1em rgba(255, 255, 255, 1), 0 0 1em rgba(255, 255, 255, 0.75), 0 0 2em rgba(255, 255, 255, 0.5);
  }
  27% {
    text-shadow: 0 0 0.05em rgba(255, 255, 255, 0), 0 0 0.1em rgba(255, 255, 255, 0), 0 0 1em rgba(255, 255, 255, 0), 0 0 2em rgba(255, 255, 255, 0);
  }
  29% {
    text-shadow: 0 0 0.05em rgba(255, 255, 255, 1), 0 0 0.1em rgba(255, 255, 255, 1), 0 0 1em rgba(255, 255, 255, 0.75), 0 0 2em rgba(255, 255, 255, 0.5);
  }
  31% {
    text-shadow: 0 0 0.05em rgba(255, 255, 255, 0.5), 0 0 0.1em rgba(255, 255, 255, 0.25), 0 0 1em rgba(255, 255, 255, 0), 0 0 2em rgba(255, 255, 255, 0);
  }
  33% {
    text-shadow: 0 0 0.05em rgba(255, 255, 255, 1), 0 0 0.1em rgba(255, 255, 255, 1), 0 0 1em rgba(255, 255, 255, 0.75), 0 0 2em rgba(255, 255, 255, 0.5);
  }
  66% {
    text-shadow: 0 0 0.05em rgba(255, 255, 255, 1), 0 0 0.1em rgba(255, 255, 255, 1), 0 0 1em rgba(255, 255, 255, 0.75), 0 0 2em rgba(255, 255, 255, 0.5);
  }
  68% {
    text-shadow: 0 0 0.05em rgba(255, 255, 255, 0.5), 0 0 0.1em rgba(255, 255, 255, 0), 0 0 1em rgba(255, 255, 255, 0), 0 0 2em rgba(255, 255, 255, 0);
  }
  70% {
    text-shadow: 0 0 0.05em rgba(255, 255, 255, 1), 0 0 0.1em rgba(255, 255, 255, 1), 0 0 1em rgba(255, 255, 255, 0.75), 0 0 2em rgba(255, 255, 255, 0.5);
  }
}

@keyframes glow {
  from,
  to {
    text-shadow: 0 0 0.05em rgba(255, 255, 255, 1), 0 0 0.1em rgba(255, 255, 255, 1), 0 0 1em rgba(255, 255, 255, 0.75), 0 0 2em rgba(255, 255, 255, 0.5);
  }
  25% {
    text-shadow: 0 0 0.05em rgba(255, 255, 255, 1), 0 0 0.1em rgba(255, 255, 255, 1), 0 0 1em rgba(255, 255, 255, 0.75), 0 0 2em rgba(255, 255, 255, 0.5);
  }
  27% {
    text-shadow: 0 0 0.05em rgba(255, 255, 255, 0), 0 0 0.1em rgba(255, 255, 255, 0), 0 0 1em rgba(255, 255, 255, 0), 0 0 2em rgba(255, 255, 255, 0);
  }
  29% {
    text-shadow: 0 0 0.05em rgba(255, 255, 255, 1), 0 0 0.1em rgba(255, 255, 255, 1), 0 0 1em rgba(255, 255, 255, 0.75), 0 0 2em rgba(255, 255, 255, 0.5);
  }
  31% {
    text-shadow: 0 0 0.05em rgba(255, 255, 255, 0.5), 0 0 0.1em rgba(255, 255, 255, 0.25), 0 0 1em rgba(255, 255, 255, 0), 0 0 2em rgba(255, 255, 255, 0);
  }
  33% {
    text-shadow: 0 0 0.05em rgba(255, 255, 255, 1), 0 0 0.1em rgba(255, 255, 255, 1), 0 0 1em rgba(255, 255, 255, 0.75), 0 0 2em rgba(255, 255, 255, 0.5);
  }
  66% {
    text-shadow: 0 0 0.05em rgba(255, 255, 255, 1), 0 0 0.1em rgba(255, 255, 255, 1), 0 0 1em rgba(255, 255, 255, 0.75), 0 0 2em rgba(255, 255, 255, 0.5);
  }
  68% {
    text-shadow: 0 0 0.05em rgba(255, 255, 255, 0.5), 0 0 0.1em rgba(255, 255, 255, 0), 0 0 1em rgba(255, 255, 255, 0), 0 0 2em rgba(255, 255, 255, 0);
  }
  70% {
    text-shadow: 0 0 0.05em rgba(255, 255, 255, 1), 0 0 0.1em rgba(255, 255, 255, 1), 0 0 1em rgba(255, 255, 255, 0.75), 0 0 2em rgba(255, 255, 255, 0.5);
  }
}

.fx-btn-pill {
  border-radius: 10em !important;
}


/*----------------------- TEXT ----------------------*/

.fx-text-shadow {
  text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.3);
}

.fx-text-thin-shadow {
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}

.fx-text-hard-shadow {
  text-shadow: 6px 6px 0px rgba(0, 0, 0, 0.1);
}

.fx-text-glow {
  -webkit-animation: glow 3s infinite;
  animation: glow 3s infinite;
}

.fx-text-pushed-shadow {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.35), 0 -1px 0 rgba(0, 0, 0, 0.35);
}

.fx-text-3d {
  text-shadow: 0 0.01em 0 #bbb, 0 0.02em 0 #aaa, 0 0.03em 0 #999, 0 0.04em 0 #888, 0 0.15em 0.1em rgba(0, 0, 0, 0.15), 0 0.25em 0.02em rgba(0, 0, 0, 0.075), 0 0.34em 0.3em rgba(0, 0, 0, 0.1);
}

.fx-text-anaglyphic {
  text-shadow: -0.05em 0 0 #F22613, 0.05em 0 0 #00FFFF;
}

.fx-text-isometric {
  text-shadow: -0.01em -0.01em 0 #555, -0.02em -0.02em 0 #555, -0.03em -0.03em 0 #555, -0.04em -0.04em 0 #555, -0.05em -0.05em 0 #555, -0.06em -0.06em 0 #555, -0.07em -0.07em 0 #555, -0.08em -0.08em 0 #555, -0.09em -0.09em 0 #555, -0.10em -0.10em 0 #555, -0.11em -0.11em 0 #555, -0.12em -0.12em 0 #555, -0.13em -0.13em 0 #555, -0.14em -0.14em 0 #555, -0.15em -0.15em 0 #555, -0.16em -0.16em 0 #555, -0.17em -0.17em 0 #555, -0.18em -0.18em 0 #555, -0.19em -0.19em 0 #555, -0.20em -0.20em 0 #555;
}

.fx-text-isometric-shadow {
  text-shadow: 0.01em 0.01em 0 rgba(0, 0, 0, 0.1), 0.02em 0.02em 0 rgba(0, 0, 0, 0.1), 0.03em 0.03em 0 rgba(0, 0, 0, 0.075), 0.04em 0.04em 0 rgba(0, 0, 0, 0.075), 0.05em 0.05em 0 rgba(0, 0, 0, 0.05), 0.06em 0.06em 0 rgba(0, 0, 0, 0.05), 0.07em 0.07em 0 rgba(0, 0, 0, 0.03), 0.08em 0.08em 0 rgba(0, 0, 0, 0.03), 0.09em 0.09em 0 rgba(0, 0, 0, 0.03), 0.1em 0.1em 0 rgba(0, 0, 0, 0.025), 0.11em 0.11em 0 rgba(0, 0, 0, 0.025), 0.12em 0.12em 0 rgba(0, 0, 0, 0.02), 0.13em 0.13em 0 rgba(0, 0, 0, 0.02), 0.14em 0.14em 0 rgba(0, 0, 0, 0.015), 0.15em 0.15em 0 rgba(0, 0, 0, 0.015), 0.16em 0.16em 0 rgba(0, 0, 0, 0.01), 0.17em 0.17em 0 rgba(0, 0, 0, 0.01), 0.18em 0.18em 0 rgba(0, 0, 0, 0.01), 0.19em 0.19em 0 rgba(0, 0, 0, 0.005), 0.2em 0.2em 0 rgba(0, 0, 0, 0.005);
}

.rating_stars {
  border:1px solid #ddd;
  background:#eeeeee !important;
}

.rating_stars .fa-star {
  color:#999999;
}

.rating_width {
  width:60% !important;
}

section a:hover {
  color:#555 !important;
}

section a.highlight_link,
div a.highlight_link,
a.head_highlight_link {
  text-decoration: none;
  border-bottom:1px dashed #ddd !important;
}

section a.highlight_link:hover,
div a.highlight_link:hover,
a.head_highlight_link:hover {
  text-decoration: none !important;
  border-bottom:0 !important;
  color:#555 !important;
}

.product_header_img {
  width:100%;
  border:3px solid #ddd;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding:2px;
  background:#fff;
  margin-top:-25px;
}

.pt-lg-75 {
  padding-top:35px !important;
}

.latest_version {
  display:block;
  margin-top:20px;
  border-top:1px dashed #ddd;
  padding-top:10px;
}

.sub-menu {
  background:#555;
}

.sub-menu li:hover {
  background:#444 !important;
}

.sub-menu a i {
  margin-right:5px;
}

.nav-item .nav-link i {
  margin-right:5px;
}

footer {
  background:#555;
  color:#eeeeee;
  padding:20px;
  font-size: 13px;
  font-family: 'MavenPro';
}

footer .row div:first-child a {
  margin-right:10px;
  margin-left:10px;
  font-size:13px;
}

footer .row div:first-child a:last-child {
  margin-right:0;
}

footer .row div:first-child a:first-child {
  margin-left:0;
}

p.lead {
  text-align:left;
  font-size:13px;
  font-style:italic;
}

.blockquote-footer {
  text-align:left;
}

.testimonial_box {
  height:250px;
}

.fa-icon-section,
.fa-icon-features {
  color:#BBC3CC;
}

.fa-icon-features {
  margin-bottom:30px;
}

#price-3col .no-gutters p.mb-50 {
  text-align:left;
}

.navbar-nav .nav-link .fas {
  opacity:0.8;
}

#price-3col .fa-4x {
  color:#BBC3CC;
  margin:10px 0 30px 0;
}

#price-3col h2 {
  font-size:60px;
}

.purchase_btn {
  font-family: VarelaRound;
  font-size: 18px;
  background:#555;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

#text-2col-4 h3,
#text-2col-4 h4,
#text-2col-4 p {
  color:#eeeeee !important;
}

.latest_area {
  font-style:italic;
  text-align:left;
}

.bg_affect_header {
  background-position: center center;
  background-size: cover;
  background-color: #eeeeee;
}

.padding-list {
  list-style:none;
}

#text-2col-4 {
  color:#eeeeee;
}

#text-2col-4 a:hover {
  color:#eeeeee !important;
  opacity:0.8;
}

#text-2col-4 .social i {
  font-size:26px;
  margin-right:4px;
}

#text-2col-4 .social_mobile i {
  font-size:26px;
}

#text-2col-4 .social a {
  margin-right:5px;
}

#text-2col-4 .social a:hover {
  text-decoration:none;
}

#text-2col-4 .social a:last-child {
  margin-right:0;
}

#text-2col-4 hr {
  border:0;
  border-bottom:1px dashed #eeeeee;
}

#text-2col-4 .love {
  font-style:italic;
}

#nav-logo-menu-btn .bg-wrap {
  background: #555555;
}

#nav-logo-menu-btn .bg {
  background-position: left center;
}

#header-text-img-2 .bg-wrap {
  background: #eeeeee;
}

.screenshots_header {
  text-align:center;
}

#price-3col .bg-wrap {
  background: #eeeeee;
}

#gallery-3col-3 .bg-wrap {
  background: #eeeeee;
}

#text-4col-list .bg-wrap {
  background: #eeeeee;
}

#benefits-3col-9 .bg-wrap {
  background: #fff;
}

#testimonial-2col-2 {
  margin:50px 0 20px 0;
}

#testimonial-2col-2 .bg-wrap {
  background: #fff;
}

#text-3col-list .bg-wrap {
  background: #fff;
}

#text-2col-4 .bg-wrap {
  background: #555555;
}

#text-2col-4 .bg {
  opacity: 0.47;
  background-position: center center;
  background-image: url('../images/maian-footer-bg.jpg');
}

#text-2col-4 {
  padding-bottom:20px !important;
}

#text-2col-4 .container .row div:nth-child(2) h4 {
  font-size:16px;
}

#text-2col-4 .container .row div:first-child h3 strong {
  text-shadow:#000 1px 2px;
}

.image-pop,.image-pop:hover {
  color:#eeeeee !important;
}

.image-pop i {
  font-size:28px;
  color:#555;
}

#gallery-3col-3 .item-title {
  color:#555;
  font-size:18px;
}

.aff_btn {
  font-size:13px !important;
  font-family: 'MavenPro';
}

.btn {
  font-family: 'MavenPro';
}

.testimonial_window,.packwindow,.infowindow,.popwindow {
  font-size:14px !important;
  font-family: 'MavenPro';
  padding:10px;
}

.testimonial_window hr,.win_text hr {
  border:0;
  border-bottom:1px dashed #CFD5DB;
}

.testimonial_window div:first-child {
  font-style:italic;
}

.testimonial_window div:last-child {
  color:#BBC3CC;
}

.popwindow hr,.infowindow hr {
  border:0;
  border-bottom:1px dashed #D1D7DD;
}

.popwindow .transform_no {
  text-transform:none;
  font-weight:normal;
}

.info_list_bg {
  background:#eeeeee;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding:5px 10px 5px 10px !important;
}

.info_list_bg .separate-list li {
  border-bottom:1px dashed #D1D7DD;
}

.pack_list_bg {
  padding:5px !important;
}

.pack {
  background:#eeeeee;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding:10px;
  margin:0;
  margin-bottom:10px;
}

.pack p {
  font-size:13px;
  padding:5px 0 0 0;
  margin:5px 0 0 0;
  border-top:1px dashed #D1D7DD;
}

.pack p .checksums {
  display:block;
  margin-top:3px;
  font-size:10px;
  font-style:italic;
  font-family: 'Quicksand';
}

.packwindow .langpack {
  background:#eeeeee;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding:10px;
  margin:0;
  color:#555;
  margin-bottom:10px;
}

.packwindow .langpack p {
  font-size:13px;
  padding:5px 0 0 0;
  margin:5px 0 0 0;
  border-top:1px dashed #D1D7DD;
}

.packwindow .langpack p:last-child {
   border-top:0;
}

.packwindow .langpack p .checksums {
  display:block;
  margin-top:3px;
  font-size:10px;
  font-style:italic;
  font-family: 'Quicksand';
}

.packlink:hover {
  color:#555 !important;
}

.pop_window .container {
  margin:-15px;
}

.pop_window .agreement span {
  font-size:18px !important;
}

.infowindow h4,.infowindow h3 {
  text-align:center;
}

.price_line {
  border:0;
  border-bottom:1px dashed #ddd;
  margin:20px 0 30px 0 !important;
}

.win_text {
 font-size:13px;
}

.win_text hr {
  margin:0;
  margin-bottom:20px !important;
  padding:0;
}

.icon-bar,.navbar-toggler {
  color:#eeeeee !important;
}

.separate-list {
  line-height:35px;
}

.italics {
  font-style:italic;
}

.demoarea {
  border-bottom:2px solid #eeeeee;
  height:400px;
}

.demoarea .container .row .embed-responsive-4by3 {
  background-image: url(../images/bg-demo.jpg);
  background-position: right center;
  background-size: cover;
}

.download_info {
  margin-top:20px;
}

.container-fluid,.container,
.testimonial_box p,
.testimonial_window,
.win_text {
  font-size:15px !important;
}

.updates_bg {
  background:#eeeeee !important;
}

.nothing {
  color:red;
  font-style:italic;
}

.navbar-toggler .icon-bar {
  background: #fff !important;
}

.checksum {
  width:100%;
  overflow:auto;
}

.licence_version_info div {
  line-height:30px;
}

#gallery-3col-3 .item-img {
  height:220px !important;
  width:95%;
  border:5px solid #fff;
  margin-bottom:15px;
}

@media all and (max-width: 576px) {
  .fa-icon-section {
    margin-bottom:20px;
  }
  #benefits-3col .content-box {
    margin-bottom:50px !important;
  }
  #header-text-img-2 h1,#header-text-img-2 h3 {
    text-align:center !important;
  }
  #header-text-img-2 h1 {
    margin-top:0;
  }
  .product_header_img {
    margin-top:-70px !important;
    padding-top:0 !important;
  }
  #gallery-3col-3 .item-img {
    height:100% !important;
    width:100%;
    border:0;
    margin-bottom:10px;
  }
}

#preloader {
  background: #fff;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  left: 0;
  position: fixed;
  z-index: 1999;
}

#preloader img {
  margin: auto;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

#preloader > div,
#preloader > div > *,
#preloader > div:before,
#preloader > div:after{
  background-color: #6259cc;
  border-color: #6259cc;
}

/* Preloader */
.clock {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin: -20px 0 0 -20px;
  border-width: 1px;
  border-style: solid;
  border-radius: 50%;
  background-color: transparent !important;
}

.clock .arrow_sec {
  position: absolute;
  height: 15px;
  width: 1px;
  top: 50%;
  left: 50%;
  margin: -15px 0 0 -1px;
  -webkit-animation: rotation 1s linear 0s infinite;
  animation: rotation 1s linear 0s infinite;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  border-color: transparent !important;
}

.clock .arrow_min {
  position: absolute;
  height: 10px;
  width: 1px;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -1px;
  -webkit-animation: rotation 6s linear 0s infinite;
  animation: rotation 6s linear 0s infinite;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  border-color: transparent !important;
}

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

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

/* Config */
.cfg_release_bar {
  background:#BBDABB;
  color:#555;
  text-align:center;
  padding:15px;
  font-size:15px;
  font-family: 'Montserrat';
}

.cfg_release_bar a {
  text-transform:uppercase;
}

.cfg_update_bar {
  background:#BBDABB;
  color:#555;
  text-align:center;
  padding:15px;
  font-size:15px;
  font-family: 'Montserrat';
}

.cfg_update_bar a {
  text-transform:uppercase;
}

.cfg_warning_bar {
  background:#F14668;
  color:#fff;
  text-align:center;
  padding:15px;
  font-size:15px;
  font-family: 'Montserrat';
}

.cfg_warning_bar a {
  text-transform:uppercase;
}

.warning_bar_header {
  font-size: 18px;
  background:#F14668;
  color:#fff;
  padding:10px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.warning_bar_msg {
  color:#555 !important;
  margin-top:20px;
  padding-top:20px;
  border-top:1px dashed #F14668;
}

.warning_bar_header {
  font-size: 18px;
  background:#F14668;
  color:#fff;
  padding:10px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.warning_bar_msg {
  color:#555 !important;
  margin-top:20px;
  padding-top:20px;
  border-top:1px dashed #F14668;
}