/*
Theme Name: AMPire.city
Theme URI: https://ampire.city
Author: AMPire.city
Author URI: ampire.city
Description: Official ampire.city theme, designed for ultra-fast websites based on Google's AMP technology. For your personal theme, please contact us at inquiry@ampire.city
Version: 0.2
License: Attribution 2.0 Generic (CC BY 2.0)
License URI: https://creativecommons.org/licenses/by/2.0/
Tags: Webpark, AMP, Google
Text Domain: amp

This theme, like WordPress, is licensed under the GPL.
*/
/*-----------------
    @Typography
-----------------*/
/********Margins********/
/********Responsive Mixins********/
/*------------------------------
    Theme Custom Variables
------------------------------*/
/*------------------------------
    Theme Custom CSS
------------------------------*/
html, body {
  background: #FFFFFF;
}

.content-container > section,
.content-container .loop-posts-container {
  position: relative;
  z-index: 2;
}
.content-container > section.cta, .content-container > section.contact-form,
.content-container .loop-posts-container.cta,
.content-container .loop-posts-container.contact-form {
  z-index: 1;
  position: static;
}

body.home .home-menu-container {
  position: absolute;
  bottom: 30px;
  right: 40px;
}
body.home .home-menu-container a {
  color: rgba(255, 255, 255, 0.5);
}
body.home .home-menu-container a:hover {
  color: #fff;
}

body:not(.home) .header-area.full-screen.big-header {
  height: auto;
  padding-top: 50px;
}
body:not(.home) .header-area.full-screen .header-content-inner {
  padding-bottom: 50px;
}

.header-area.big-header.about {
  padding-top: 30px;
}

/*------------------------------
    Theme Custom Classes CSS
------------------------------*/
.title-container {
  max-width: 700px;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .title-container {
    padding-top: 30px;
  }
}
.title-container h1, .title-container h2, .title-container h4, .title-container h5, .title-container p {
  text-align: center;
}
.title-container h4, .title-container h5 {
  color: #F6C86F;
  text-transform: uppercase;
}
.title-container h1 + p, .title-container h2 + p, .title-container h4 + p {
  margin-bottom: 40px;
  position: relative;
  bottom: 25px;
}

h4 {
  text-transform: uppercase;
}

/*------------------------------
    Headers
------------------------------*/
.header-container.illustrated:before, .header-container.illustrated:after,
.illustrated-header .header-content:before,
.illustrated-header .header-content:after {
  content: "";
  display: block;
  position: absolute;
  height: 100px;
  width: calc(50vw - 200px);
}
.header-container.illustrated:before,
.illustrated-header .header-content:before {
  left: 0px;
  top: 40px;
}
.header-container.illustrated:after,
.illustrated-header .header-content:after {
  right: 0px;
  top: 60px;
}

/*------------------------------
    Parallax Graphics CSS
------------------------------*/
/*------------------------------
    Other graphics
------------------------------*/
/*------------------------------
    Home
------------------------------*/
.home .navbar-area.navbar {
  border-bottom-width: 0px;
  box-shadow: none;
}
@media (max-width: 767px) {
  .home .header-area .header-content .btn-wrapper {
    display: flex;
    justify-content: space-between;
  }
  .home .header-area .header-content .btn-wrapper a:last-child {
    margin-top: 0px;
  }
  .home .header-area .header-content .btn-wrapper > * {
    max-width: calc(50% - 10px);
    min-width: 140px;
  }
}

/*------------------------------
    Sections
------------------------------*/
@media (min-width: 1025px) {
  body:not(.home) .header-area.left .header-content p, body:not(.home) .header-area.left .header-content h1, body:not(.home) .header-area.left .header-content h2, body:not(.home) .header-area.left .header-content h3, body:not(.home) .header-area.left .header-content h4, body:not(.home) .header-area.left .header-content h5 {
    max-width: 50%;
  }
  body:not(.home) .header-area.big-header {
    height: auto;
  }
  body:not(.home) .header-area .header-content {
    height: auto;
  }
}
.header-content h4,
.content-area h4 {
  color: #F6C86F;
  text-transform: uppercase;
}

/*---------------------------
** Icons Scss
---------------------------*/
.icon {
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  padding-left: 26px;
}
.icon.btn-icon {
  width: 20px;
  height: 20px;
  margin-bottom: 5px;
  margin-right: 10px;
}
.icon.custom-doc {
  background-image: url("../img/doc.svg");
}
.icon.custom-arrowu {
  background-image: url("../img/arrowu.svg");
}
.icon.custom-arrowd {
  background-image: url("../img/arrowd.svg");
}
.icon.custom-arrowr {
  background-image: url("../img/arrowr.svg");
}
.icon.custom-arrowl {
  background-image: url("../img/arrowl.svg");
}
.icon.nav {
  background-image: url("../img/nav.svg");
  background-size: auto 19px;
  background-position: 2px top;
}
.icon.nav.gray {
  background-image: url("../img/nav-gray.svg");
}
.icon.nav.outline {
  background-image: url("../img/nav-outline.svg");
}
.icon.mail {
  background-image: url("../img/mail.svg");
  background-size: auto 18px;
}
.icon.mail.gray {
  background-image: url("../img/mail-gray.svg");
  background-size: auto 14px;
  background-position: left 2px;
}
.icon.mail.outline {
  background-image: url("../img/mail-outline.svg");
}
.icon.time {
  background-image: url("../img/clock.svg");
}
.icon.phone {
  background-image: url("../img/phone.svg");
  background-size: auto 18px;
  background-position: -2px top;
}
.icon.phone.gray {
  background-image: url("../img/phone-gray.svg");
}
.icon.phone.outline {
  background-image: url("../img/phone-outline.svg");
}
.icon.reg {
  background-image: url("../img/reg.svg");
}
.icon.eu {
  background-image: url("../img/eu2.svg");
}

/* Custom Theme CSS */
li.icon {
  background-position: left top;
}

/*---------------------------
** Global Scss
---------------------------*/
.header-wrapper {
  padding-top: 63px;
}
@media (min-width: 1440px) {
  .header-wrapper {
    padding-top: 81px;
  }
}

/*Old*/
html {
  box-sizing: border-box;
  -webkit-hyphens: none;
          hyphens: none;
}

amp-img.cover img {
  -o-object-fit: cover;
     object-fit: cover;
}

.content-container {
  position: relative;
}

button:focus {
  outline: 0px auto -webkit-focus-ring-color;
}

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

.page-template-form .navbar-area .hamburger {
  display: none;
}

amp-img.cover img {
  -o-object-fit: cover;
     object-fit: cover;
}
amp-img.contain img {
  -o-object-fit: contain;
     object-fit: contain;
}

.img-wrap {
  margin-left: auto;
  margin-right: auto;
  height: 100%;
  position: relative;
}

body:not(.home) h1 {
  font-size: 48px;
}
body:not(.home) .header-area .header-content p.sub-title {
  max-width: 700px;
  font-size: 1em;
  margin: 0 auto;
}

section {
  margin-top: 80px;
  margin-bottom: 80px;
}
section.graybg {
  background: #E6E7E8;
}
section .graybg {
  background: #E6E7E8;
}

.dark-bg {
  background-color: #4f4f4f;
}

.remove-col-padding {
  padding: 0;
}

.remove-col-padding-right {
  padding-right: 0;
}

.remove-col-padding-left {
  padding-left: 0;
}

.padding-left-0 {
  padding-left: 0;
}

.padding-right-0 {
  padding-left: 0;
}

section.padding-top-0,
.padding-top-0 {
  padding-top: 0px;
}

.padding-top-10 {
  padding-top: 10px;
}

.padding-top-20 {
  padding-top: 20px;
}

.padding-top-30 {
  padding-top: 30px;
}

.padding-top-40 {
  padding-top: 40px;
}

.padding-top-50 {
  padding-top: 50px;
}

.padding-top-60 {
  padding-top: 60px;
}

.padding-top-70 {
  padding-top: 70px;
}

.padding-top-80 {
  padding-top: 80px;
}

.padding-top-90 {
  padding-top: 90px;
}

.padding-top-100 {
  padding-top: 100px;
}

.padding-top-110 {
  padding-top: 110px;
}

.padding-top-120 {
  padding-top: 120px;
}

section.padding-bottom-0,
.padding-bottom-0 {
  padding-bottom: 0px;
}

.padding-bottom-10 {
  padding-bottom: 10px;
}

.padding-bottom-20 {
  padding-bottom: 20px;
}

.padding-bottom-30 {
  padding-bottom: 30px;
}

.padding-bottom-40 {
  padding-bottom: 40px;
}

.padding-bottom-50 {
  padding-bottom: 50px;
}

.padding-bottom-60 {
  padding-bottom: 60px;
}

.padding-bottom-70 {
  padding-bottom: 70px;
}

.padding-bottom-80 {
  padding-bottom: 80px;
}

.padding-bottom-90 {
  padding-bottom: 90px;
}

.padding-bottom-100 {
  padding-bottom: 100px;
}

.padding-bottom-110 {
  padding-bottom: 110px;
}

.padding-bottom-120 {
  padding-bottom: 120px;
}

.margin-top-10 {
  margin-top: 10px;
}

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

.margin-top-30 {
  margin-top: 30px;
}

.margin-top-40 {
  margin-top: 40px;
}

.margin-top-50 {
  margin-top: 50px;
}

.margin-top-60 {
  margin-top: 60px;
}

.margin-top-70 {
  margin-top: 70px;
}

.margin-top-80 {
  margin-top: 80px;
}

.margin-top-90 {
  margin-top: 90px;
}

.margin-top-100 {
  margin-bottom: 100px;
}

.margin-top-120 {
  margin-top: 120px;
}

.margin-bottom-0 {
  margin-bottom: 0px;
}

.margin-bottom-10 {
  margin-bottom: 10px;
}

.margin-bottom-15 {
  margin-bottom: 15px;
}

.margin-bottom-20 {
  margin-bottom: 20px;
}

.margin-bottom-30 {
  margin-bottom: 30px;
}

.margin-bottom-40 {
  margin-bottom: 40px;
}

.margin-bottom-50 {
  margin-bottom: 50px;
}

.margin-bottom-60 {
  margin-bottom: 60px;
}

.margin-bottom-70 {
  margin-bottom: 70px;
}

.margin-bottom-80 {
  margin-bottom: 80px;
}

.margin-bottom-90 {
  margin-bottom: 90px;
}

.margin-bottom-100 {
  margin-bottom: 100px;
}

.margin-bottom-120 {
  margin-bottom: 120px;
}

.padding-left-0 {
  padding-left: 0px !important;
}

.section-subtitle {
  font-size: 18px;
  line-height: 28px;
  text-transform: uppercase;
  color: #2F80ED;
  font-weight: 700;
}

.navbar-expand-lg .navbar-nav .nav-link {
  padding-right: 0.4rem;
  padding-left: 0.4rem;
}

.back-to-top {
  position: fixed;
  right: 30px;
  bottom: 30px;
  width: 50px;
  height: 50px;
  background-color: #2F80ED;
  color: rgb(255, 255, 255);
  text-align: center;
  line-height: 50px;
  border-radius: 50%;
  z-index: 99;
  cursor: pointer;
  font-size: 30px;
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1);
}

.gray-bg {
  background-color: #f7f7f7;
}

.video-play-btn {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  font-size: 18px;
  background-color: rgb(255, 255, 255);
  border-radius: 50%;
  color: #313131;
}
.video-play-btn:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  /* IE 9 */
  /* Chrome, Safari, Opera */
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: rgb(255, 255, 255);
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
  z-index: -1;
}
.video-play-btn:hover {
  color: #313131;
}
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);
    opacity: 0;
  }
}
@media only screen and (max-width: 991px) {
  .row.reorder-xs {
    /* IE 9 */
    /* Chrome, Safari, Opera */
    transform: rotate(180deg);
    direction: rtl;
  }
  .row.reorder-xs > [class*=col-] {
    /* IE 9 */
    /* Chrome, Safari, Opera */
    transform: rotate(-180deg);
    direction: ltr;
  }
}
button {
  vertical-align: top;
}

.boxed-btn,
div.wpforms-container-full .wpforms-form button.boxed-btn[type=submit] {
  display: inline-block;
  position: relative;
  text-align: center;
  height: 46px;
  line-height: 46px;
  font-size: 14px;
  letter-spacing: 0.1px;
  text-transform: uppercase;
  font-weight: 700;
  color: rgb(255, 255, 255);
  min-width: 180px;
  background-color: #ED2939;
  border: 0px;
  overflow: hidden;
  padding: 0 20px;
  cursor: pointer;
  transition: all 0.2s ease-in;
}
.boxed-btn:not(.btn-outline),
div.wpforms-container-full .wpforms-form button.boxed-btn[type=submit]:not(.btn-outline) {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
@media (max-width: 767px) {
  .boxed-btn,
  div.wpforms-container-full .wpforms-form button.boxed-btn[type=submit] {
    width: 100%;
  }
}
.boxed-btn:before,
div.wpforms-container-full .wpforms-form button.boxed-btn[type=submit]:before {
  background: #ED2939 radial-gradient(circle, transparent 1%, #ED2939 1%) center/15000%;
  transition: all 0.5s linear, opacity 0.25s linear 0.25s;
  background-position: center;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
}
.boxed-btn:hover,
div.wpforms-container-full .wpforms-form button.boxed-btn[type=submit]:hover {
  color: rgb(255, 255, 255);
  background-color: #ef3c4a;
}
.boxed-btn:hover:not(.btn-outline),
div.wpforms-container-full .wpforms-form button.boxed-btn[type=submit]:hover:not(.btn-outline) {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.boxed-btn:active:before,
div.wpforms-container-full .wpforms-form button.boxed-btn[type=submit]:active:before {
  background-color: #f3747f;
  background-size: 100%;
  transition: all 0s linear;
  opacity: 0.3;
}
.boxed-btn.gray,
div.wpforms-container-full .wpforms-form button.boxed-btn[type=submit].gray {
  background-color: #E5EEF2;
  border: 2px solid #E5EEF2;
}
.boxed-btn.gray:hover,
div.wpforms-container-full .wpforms-form button.boxed-btn[type=submit].gray:hover {
  background-color: #4f4f4f;
  border: 2px solid #4f4f4f;
}
.boxed-btn.gd-bg-1,
div.wpforms-container-full .wpforms-form button.boxed-btn[type=submit].gd-bg-1 {
  background-image: -ms-linear-gradient(50deg, rgb(94, 44, 237) 0%, rgb(151, 73, 248) 100%);
}
.boxed-btn.gd-bg-1:hover,
div.wpforms-container-full .wpforms-form button.boxed-btn[type=submit].gd-bg-1:hover {
  background-image: -ms-linear-gradient(50deg, rgb(151, 73, 248) 0%, rgb(94, 44, 237) 100%);
}
.boxed-btn.gd-bg-2,
div.wpforms-container-full .wpforms-form button.boxed-btn[type=submit].gd-bg-2 {
  background-image: -ms-linear-gradient(50deg, rgb(232, 119, 203) 0%, rgb(161, 151, 250) 100%);
}
.boxed-btn.gd-bg-2:hover,
div.wpforms-container-full .wpforms-form button.boxed-btn[type=submit].gd-bg-2:hover {
  background-image: -ms-linear-gradient(50deg, rgb(161, 151, 250) 0%, rgb(232, 119, 203) 100%);
}
.boxed-btn.gd-bg-3,
div.wpforms-container-full .wpforms-form button.boxed-btn[type=submit].gd-bg-3 {
  background-image: -ms-linear-gradient(50deg, rgb(112, 191, 236) 0%, rgb(39, 132, 252) 100%);
}
.boxed-btn.gd-bg-3:hover,
div.wpforms-container-full .wpforms-form button.boxed-btn[type=submit].gd-bg-3:hover {
  background-image: -ms-linear-gradient(50deg, rgb(39, 132, 252) 0%, rgb(112, 191, 236) 100%);
}
.boxed-btn.btn-rounded,
div.wpforms-container-full .wpforms-form button.boxed-btn[type=submit].btn-rounded {
  border-radius: 25px;
}
.boxed-btn.btn-outline,
div.wpforms-container-full .wpforms-form button.boxed-btn[type=submit].btn-outline {
  background: rgba(255, 255, 255, 0.2);
  border: 3px solid rgba(255, 255, 255, 0.2);
  line-height: 41px;
}
.boxed-btn.btn-outline:not(.gray),
div.wpforms-container-full .wpforms-form button.boxed-btn[type=submit].btn-outline:not(.gray) {
  top: 2px;
}
.boxed-btn.btn-outline:before,
div.wpforms-container-full .wpforms-form button.boxed-btn[type=submit].btn-outline:before {
  background: rgba(255, 255, 255, 0.4) radial-gradient(circle, transparent 1%, rgba(255, 255, 255, 0.4) 1%) center/15000%;
}
.boxed-btn.btn-outline:active:before,
div.wpforms-container-full .wpforms-form button.boxed-btn[type=submit].btn-outline:active:before {
  background-color: rgba(255, 255, 255, 0.4);
  background-size: 100%;
}
.boxed-btn.btn-outline:hover,
div.wpforms-container-full .wpforms-form button.boxed-btn[type=submit].btn-outline:hover {
  background: rgba(255, 255, 255, 0.23);
  border: 3px solid rgba(255, 255, 255, 0.23);
}
.boxed-btn.btn-outline.gray,
div.wpforms-container-full .wpforms-form button.boxed-btn[type=submit].btn-outline.gray {
  background: rgba(52, 57, 62, 0.01);
  border: 3px solid rgba(52, 57, 62, 0.26);
  color: rgba(52, 57, 62, 0.6);
}
.boxed-btn.btn-outline.gray:before,
div.wpforms-container-full .wpforms-form button.boxed-btn[type=submit].btn-outline.gray:before {
  background: rgba(52, 57, 62, 0.6) radial-gradient(circle, transparent 1%, rgba(52, 57, 62, 0.6) 1%) center/15000%;
}
.boxed-btn.btn-outline.gray:active:before,
div.wpforms-container-full .wpforms-form button.boxed-btn[type=submit].btn-outline.gray:active:before {
  background-color: rgba(52, 57, 62, 0.6);
  background-size: 80%;
}
.boxed-btn.btn-outline.gray:hover,
div.wpforms-container-full .wpforms-form button.boxed-btn[type=submit].btn-outline.gray:hover {
  background: rgba(52, 57, 62, 0.07);
  border: 3px solid rgba(52, 57, 62, 0.4);
  color: rgba(52, 57, 62, 0.8);
}
.boxed-btn.blank,
div.wpforms-container-full .wpforms-form button.boxed-btn[type=submit].blank {
  background-color: transparent;
  border: 3px solid #2F80ED;
  color: #2F80ED;
}
.boxed-btn.blank:hover,
div.wpforms-container-full .wpforms-form button.boxed-btn[type=submit].blank:hover {
  background-color: #2F80ED;
  color: rgb(255, 255, 255);
}
.boxed-btn.black,
div.wpforms-container-full .wpforms-form button.boxed-btn[type=submit].black {
  border: none;
  color: rgb(255, 255, 255);
  background-color: #F6C86F;
}
.boxed-btn.black:hover,
div.wpforms-container-full .wpforms-form button.boxed-btn[type=submit].black:hover {
  background-color: #2F80ED;
  color: rgb(255, 255, 255);
}
.boxed-btn.primary,
div.wpforms-container-full .wpforms-form button.boxed-btn[type=submit].primary {
  background: #ED2939;
}
.boxed-btn.primary:before,
div.wpforms-container-full .wpforms-form button.boxed-btn[type=submit].primary:before {
  background: rgba(255, 255, 255, 0.4) radial-gradient(circle, transparent 1%, rgba(255, 255, 255, 0.4) 1%) center/15000%;
}
.boxed-btn.primary:active:before,
div.wpforms-container-full .wpforms-form button.boxed-btn[type=submit].primary:active:before {
  background-color: rgba(255, 255, 255, 0.4);
  background-size: 100%;
}
.boxed-btn.primary:hover,
div.wpforms-container-full .wpforms-form button.boxed-btn[type=submit].primary:hover {
  background: #ef3c4a;
}

.section-title {
  text-align: center;
  margin-bottom: 40px;
}
.section-title h4, .section-title h2 {
  margin-bottom: 0px;
}
@media (min-width: 1025px) {
  .section-title h4 + h2 {
    margin-top: 0.2rem;
  }
  .section-title h2 + h4 {
    margin-top: 0.2rem;
  }
}
.section-title.white .subtitle, .section-title.white .title {
  color: rgb(255, 255, 255);
}
.section-title.white p {
  color: #e1dede;
}
.section-title.extra {
  margin-bottom: 55px;
}
.section-title.extra .title {
  margin-bottom: 26px;
}
.section-title.p-width-lg p {
  max-width: 730px;
}
.section-title.left-aligned {
  text-align: left;
}
.section-title .subtitle {
  font-size: 20px;
  line-height: 30px;
  color: #2F80ED;
  text-transform: uppercase;
  font-weight: 600;
  font-family: "Roboto", sans-serif;
  display: block;
  margin-bottom: 10px;
}
.section-title p {
  font-size: 18px;
  color: #4f4f4f;
  max-width: 720px;
  line-height: 26px;
  margin: 0 auto;
}

.c-white {
  color: rgb(255, 255, 255);
}

.c-red {
  color: #2F80ED;
}

.bg-red {
  background-color: #2F80ED;
}

.c-green {
  color: #00cf92;
}

.submit-btn {
  width: 180px;
  height: 60px;
  text-align: center;
  font-weight: 600;
  font-size: 18px;
  line-height: 60px;
  color: rgb(255, 255, 255);
  text-transform: capitalize;
  background-color: #2F80ED;
  border: none;
  transition: all 0.2s ease-in;
  cursor: pointer;
}
.submit-btn:hover {
  background-color: #F6C86F;
}
.submit-btn.btn-rounded {
  border-radius: 30px;
}
.submit-btn.btn-center {
  display: block;
  margin: 0 auto;
  margin-top: 25px;
}
.submit-btn:focus {
  outline: none;
}
.submit-btn.gd-bg-1 {
  background-image: -ms-linear-gradient(50deg, rgb(94, 44, 237) 0%, rgb(151, 73, 248) 100%);
}
.submit-btn.gd-bg-1:hover {
  background-image: -ms-linear-gradient(50deg, rgb(151, 73, 248) 0%, rgb(94, 44, 237) 100%);
}

.section-title-inner {
  text-align: center;
  margin-bottom: 45px;
}
.section-title-inner .subtitle {
  font-size: 18px;
  line-height: 28px;
  text-transform: uppercase;
  font-weight: 700;
  color: #2F80ED;
  margin-bottom: 20px;
  display: block;
}
.section-title-inner .title {
  font-size: 48px;
  font-weight: 700;
  line-height: 58px;
}

.form-element.margin-bottom-30 {
  margin-bottom: 27px;
}
.form-element label {
  color: #2F80ED;
  font-size: 14px;
  font-weight: 700;
  line-height: 32px;
}
.form-element label span {
  color: #BE1F27;
}
.form-element select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.has-icon {
  position: relative;
  display: block;
}
.has-icon.textarea .the-icon {
  top: 25px;
}
.has-icon .input-field {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.has-icon .the-icon {
  font-size: 14px;
  position: absolute;
  right: 30px;
  top: 50%;
  /* IE 9 */
  /* Chrome, Safari, Opera */
  transform: translateY(-50%);
  color: #7c7c90;
}

@media only screen and (max-width: 767px) {
  .row.reorder-xs {
    /* IE 9 */
    /* Chrome, Safari, Opera */
    transform: rotate(180deg);
    direction: rtl;
  }
  .row.reorder-xs > [class*=col-] {
    /* IE 9 */
    /* Chrome, Safari, Opera */
    transform: rotate(-180deg);
    direction: ltr;
  }
}
@media only screen and (max-width: 991px) {
  .row.reorder-sm {
    /* IE 9 */
    /* Chrome, Safari, Opera */
    transform: rotate(180deg);
    direction: rtl;
  }
  .row.reorder-sm > [class*=col-] {
    /* IE 9 */
    /* Chrome, Safari, Opera */
    transform: rotate(-180deg);
    direction: ltr;
  }
}
.input-field {
  width: 100%;
  height: 60px;
  padding: 0 30px;
  border-radius: 5px;
  color: #7c7c90;
}
.input-field::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #7c7c90;
}
.input-field:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #7c7c90;
}
.input-field::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #7c7c90;
}
.input-field:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #7c7c90;
}
.input-field.borderd {
  border: 2px solid rgba(0, 0, 0, 0.1);
}
.input-field.borderd:focus {
  border: 2px solid rgba(0, 0, 0, 0.1);
}
.input-field.textarea {
  min-height: 120px;
  padding: 20px 30px;
  resize: none;
}
.input-field.error {
  border: 1px solid #2F80ED;
}
.input-field.error::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #2F80ED;
}
.input-field.error:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #2F80ED;
}
.input-field.error::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #2F80ED;
}
.input-field.error:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #2F80ED;
}
.input-field.error:focus {
  border-color: #2F80ED;
}

.blog-details-content .single-blog-post .details-container .post-body .post-bottom-content .bottom-content .right-content .title {
  display: none;
}

.email-success {
  display: block;
  width: 100%;
}

.checkbox-element {
  display: inline-block;
}

.checkbox-wrapper {
  display: inline-block;
}

.checkbox-inner {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  line-height: 24px;
  color: #585869;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.checkbox-inner input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.checkbox-inner .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: transparent;
  border: 2px solid rgba(0, 0, 0, 0.1);
}
.checkbox-inner input:checked ~ .checkmark {
  background-color: transparent;
}
.checkbox-inner .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.checkbox-inner input:checked ~ .checkmark:after {
  display: block;
}
.checkbox-inner .checkmark:after {
  left: 5px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid #2F80ED;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

.table-responsive {
  display: table;
}

/*---------------------
    Extra classes
----------------------*/
.border-bottom {
  background-image: linear-gradient(to right, rgba(0, 137, 207, 0.3) 30%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 7px 2px;
  background-repeat: repeat-x;
  border-bottom-width: 0px;
}

.border-top {
  background-image: linear-gradient(to right, rgba(0, 137, 207, 0.3) 30%, rgba(255, 255, 255, 0) 0%);
  background-position: top;
  background-size: 7px 2px;
  background-repeat: repeat-x;
  border-top-width: 0px;
}

.separator {
  padding: 0px 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  width: 100%;
  height: 2px;
  background-image: linear-gradient(to right, rgba(230, 231, 232, 0.3) 50%, rgba(255, 255, 255, 0) 0%);
  background-position: top;
  background-size: 14px 2px;
  background-repeat: repeat-x;
}

/*---------------------
    Breadcumb Area
----------------------*/
.breadcrumb-area {
  position: relative;
  z-index: 0;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 229px 0 140px 0;
  background-color: #fff;
  border-bottom: 1px solid #cecece;
}
.breadcrumb-area.extra {
  padding-top: 232px;
}
.breadcrumb-area .page-title {
  color: rgb(255, 255, 255);
  font-size: 50px;
  line-height: 60px;
  font-weight: 700;
  margin-bottom: 30px;
}
.breadcrumb-area .page-navigation {
  font-size: 18px;
  line-height: 20px;
  color: #2F80ED;
}
.breadcrumb-area .page-navigation span {
  display: inline-block;
  position: relative;
  margin: 0 10px;
  color: rgb(255, 255, 255);
}
.breadcrumb-area .page-navigation span:first-child {
  margin-left: 0;
}
.breadcrumb-area .page-navigation span:last-child:after {
  display: none;
}
.breadcrumb-area .page-navigation span:after {
  position: absolute;
  right: -15px;
  top: 0px;
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  font-weight: 900;
}
.breadcrumb-area .page-navigation span a {
  color: rgb(255, 255, 255);
  transition: all 0.2s ease-in;
}

/*====================
** Normalize
====================*/
html {
  font-family: "Roboto", sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  overflow-x: hidden;
}

body {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  margin: 0;
  color: #4f4f4f;
  overflow-x: hidden;
}
@media (min-width: 768px) and (max-width: 1024px) {
  body {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  body {
    font-family: 18px;
  }
}

p a {
  word-break: break-all;
}

div.container,
amp-carousel.container {
  max-width: 1200px;
}
@media (max-width: 1240px) {
  div.container,
  amp-carousel.container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

h1 {
  font-size: 48px;
  font-weight: 300;
}

h2 {
  font-size: 20px;
  color: #2F80ED;
}

h3 {
  font-size: 18px;
}

h4 {
  font-size: 16px;
}

h5 {
  font-size: 16px;
}

.font-size-30 {
  font-size: 30px;
}

pre {
  font-family: "Roboto", sans-serif;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  color: #2F80ED;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
  line-height: 1;
  -webkit-hyphens: none;
          hyphens: none;
}

p {
  color: #4f4f4f;
  line-height: 1.5;
  -webkit-hyphens: none;
  hyphens: none;
}
p.small-txt {
  font-size: 0.7rem;
}

p b, p strong {
  font-weight: 700;
}

a {
  color: #2F80ED;
  text-decoration: none;
  transition: all 0.2s ease-in;
}

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

a:hover,
a:focus,
a:active {
  color: #f9da9f;
}

a:visited {
  color: #2F80ED;
}
a:visited:hover {
  color: dimgray;
}

a i {
  padding: 0 2px;
}

h3.gray,
h4.gray,
h5.gray,
h6.gray {
  color: #E5EEF2;
}

.white h1,
.white h2,
.white h3,
.white h4,
.white h5,
.white h6,
.white p,
.white .title {
  color: rgb(255, 255, 255);
}

/* h1 {
    margin-top:0px;
    margin-bottom:$m-margin;
}
h2 {
    margin-top:$l-margin;
    margin-bottom:$m-margin;
}
h3 {
    margin-top:$m-margin;
    margin-bottom:$s-margin;
}
h4 {
    margin-top:$l-margin;
    margin-bottom:$s-margin;
    & + h3,
    & + h2 {
        margin-top:$s-margin;
    }
    & + h1 {
        margin-top:-10px;
    }
}
p {
    margin-bottom:$s-margin;
    margin-top:$s-margin;
} */
h4 + h2,
h4 + h3,
h2 + h4,
h3 + h4,
h2 + h5,
h3 + h5,
h4 + h5 {
  margin-top: 0.3rem;
}
@media (max-width: 767px) {
  h4 + h2,
  h4 + h3,
  h2 + h4,
  h3 + h4,
  h2 + h5,
  h3 + h5,
  h4 + h5 {
    margin-top: 0px;
  }
}

p + h4 {
  margin-top: 1rem;
}

.extra .section-title h2 {
  margin-bottom: 0.5rem;
  font-size: 42px;
}

@media (min-width: 1025px) {
  h1 {
    font-size: 56px;
  }
  h1.less {
    font-size: 48px;
  }
  h2 {
    font-size: 48px;
  }
  h3 {
    font-size: 24px;
  }
  h4 {
    font-size: 18px;
  }
}
/*input and button type focus outline disable*/
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=number]:focus,
textarea:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
select:focus {
  outline: none;
  box-shadow: none;
  border: 1px solid #ddd;
}

/**
 * 5.0 - Alignments
 */
.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto 1.75em;
}

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

ol {
  padding-left: 0px;
}

.close-sidebar:focus,
:focus {
  outline: -webkit-focus-ring-color auto 0px;
}

/*====================
** GDPR Cookie Notice
====================*/
:root:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) .wp-gdpr-cookie-notice-inner .wp-gdpr-cookie-notice-heading {
  margin-bottom: 0rem;
}

:root:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) .wp-gdpr-cookie-notice-inner .wp-gdpr-cookie-notice-content {
  margin-bottom: 0rem;
}

@media (min-width: 1025px) {
  .wp-gdpr-cookie-notice .wp-gdpr-cookie-notice-inner {
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.wp-gdpr-cookie-notice .wp-gdpr-cookie-notice-inner .wp-gdpr-cookie-notice-content {
  margin-bottom: 0px;
}
.wp-gdpr-cookie-notice .wp-gdpr-cookie-notice-inner .wp-gdpr-cookie-notice-content p {
  font-size: 14px;
}
@media (max-width: 1024px) {
  .wp-gdpr-cookie-notice .wp-gdpr-cookie-notice-inner .wp-gdpr-cookie-notice-content p {
    font-size: 14px;
  }
}
.wp-gdpr-cookie-notice .wp-gdpr-cookie-notice-inner .wp-gdpr-cookie-notice-content a {
  transition: all 0.2s ease-in-out;
  color: #F6C86F;
}
.wp-gdpr-cookie-notice .wp-gdpr-cookie-notice-inner .wp-gdpr-cookie-notice-content a:hover {
  color: #f9da9f;
}
@media (min-width: 1025px) {
  .wp-gdpr-cookie-notice .wp-gdpr-cookie-notice-inner .wp-gdpr-cookie-notice-controls {
    margin-left: 30px;
  }
}
.wp-gdpr-cookie-notice .wp-gdpr-cookie-notice-inner .wp-gdpr-cookie-notice-controls .wp-gdpr-cookie-notice-button {
  margin-left: 0px;
}
.wp-gdpr-cookie-notice .wp-gdpr-cookie-notice-inner .wp-gdpr-cookie-notice-button {
  border-radius: 20px;
  font-weight: 700;
  padding: 0.4rem 1rem;
  margin-left: 15px;
}

body {
  font-family: "Roboto", sans-serif;
}
body .blog-area amp-web-push-widget button.subscribe {
  display: inline-flex;
  align-items: center;
  border-radius: 2px;
  border: 0;
  box-sizing: border-box;
  margin: 0;
  padding: 18px 30px;
  cursor: pointer;
  outline: none;
  font-weight: 700;
  font-size: 18px;
  background: rgb(47, 128, 237);
  transition: all 0.3s ease-out;
  color: white;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  position: relative;
}
body .blog-area amp-web-push-widget button.subscribe:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  border-radius: 2px;
  z-index: 0;
  opacity: 0;
  transition: all 0.3s ease-out;
  background: linear-gradient(135deg, #431ca3 0%, #2f80ed 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#431ca3", endColorstr="#2f80ed",GradientType=1);
}
body .blog-area amp-web-push-widget button.subscribe span {
  z-index: 1;
}
body .blog-area amp-web-push-widget button.subscribe amp-img {
  padding: 0px;
}
body .blog-area amp-web-push-widget button.subscribe:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  background: #431CA3;
}
body .blog-area amp-web-push-widget button.subscribe:hover:before {
  opacity: 1;
}
body .blog-area amp-web-push-widget h2.big-header {
  margin-bottom: 0.3em;
  font-weight: 900;
}

ol {
  list-style-position: inside;
  margin: 0 0 3em;
  padding: 0;
  list-style: none;
  counter-reset: my-awesome-counter;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
ol li {
  counter-increment: my-awesome-counter;
  display: flex;
}
ol li a {
  font-weight: 700;
}
ol li::before {
  content: counter(my-awesome-counter) ". ";
  color: #f1f1f1;
  font-weight: bold;
  font-size: 4em;
  margin-right: 1rem;
  line-height: 0.8;
}
ol li:first-child::before {
  color: #2f80ed;
}

ul {
  list-style-position: inside;
  margin: 0 0 3em;
  padding: 0;
  list-style: none;
}
ul li a {
  font-weight: 700;
}

p {
  margin: 0 0 3em;
  padding: 0;
  color: #4F4F4F;
  line-height: 1.7;
}

.single .blog-area .big-header {
  font-size: 150pt;
  font-weight: 900;
  color: #1A1A1A;
  line-height: 0.9;
  margin-bottom: 0.3em;
}
.single .blog-area p {
  text-align: left;
}
.single .blog-area ul {
  text-align: left;
}
.single .blog-area ul li a {
  font-weight: 700;
}
.single .blog-area ol li a {
  font-weight: 700;
}
.single .blog-area code {
  font-weight: bold;
  color: #2f80ed;
}
.single .blog-area amp-img {
  padding: 0px 20px;
  max-width: 768px;
  margin-left: auto;
  margin-right: auto;
  width: auto;
  max-width: 1030px;
  padding: 0px;
  padding: 0px;
}
.single .blog-area > .widget_custom_html {
  max-width: 808px;
}
.single .blog-area amp-ad {
  max-width: 768px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 20px;
  margin-right: 20px;
}
.single .blog-area a.btn {
  color: #fff;
  padding: 16px 40px 16px 40px;
  font-weight: 700;
  font-size: 16px;
  position: relative;
  transition: all 0.3s ease-out;
  border-radius: 4px;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  background: #f0583a;
  letter-spacing: 0.3px;
}
.single .blog-area a.btn:hover {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  background: #db432a;
}
.single .blog-area a.btn:focus {
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
}
.single .blog-area amp-web-push-widget {
  width: 100%;
  min-width: 100%;
  text-align: center;
  padding: 0px;
  margin: 0 0 1vw 0;
}
.single .blog-area amp-web-push-widget h2 {
  text-align: center;
}
.single .blog-area amp-img.left {
  float: none;
}
.single .blog-area .wp-caption amp-img.left {
  float: none;
}
.single .blog-area .media-container {
  display: flex;
  padding-left: 20px;
  padding-right: 20px;
}
.single .blog-area .media-container .media {
  flex: 1 1 0px;
  padding: 10px;
  position: relative;
}
.single .blog-area .media-container .media:first-child {
  padding-left: 0px;
}
.single .blog-area .media-container .media:last-child {
  padding-right: 0px;
}
.single .blog-area .media-container amp-img {
  padding: 0px;
}
.single .blog-area .media-container amp-img.cover img {
  -o-object-position: center top;
     object-position: center top;
}
.single .blog-area .banner-container {
  opacity: 0.9;
  transition: all 0.3s ease-in-out;
}
.single .blog-area .banner-container:hover {
  opacity: 1;
}
.single .blog-area .banner-container .banner > amp-img {
  margin: 0 auto;
  position: relative;
}
.single .blog-area .banner-container .banner > amp-img.desktop {
  display: none;
}
.single .blog-area .media-url > amp-img {
  opacity: 0.9;
  transition: all 0.3s ease-in-out;
}
.single .blog-area .media-url > amp-img:hover {
  opacity: 1;
}
.single .blog-area #ez-toc-container {
  padding: 20px 20px 30px 20px;
  border-top: 1px solid #e5eef2;
  border-bottom: 1px solid #e5eef2;
}
.single .blog-area #ez-toc-container .ez-toc-title {
  margin-bottom: 10px;
  font-weight: 700;
  color: #ED2939;
  font-size: 21px;
}
.single .blog-area #ez-toc-container .ez-toc-list {
  margin-bottom: 0px;
}
.single .blog-area #ez-toc-container ul li {
  margin-bottom: 0px;
}
.single .blog-area #ez-toc-container ul li a {
  font-size: 16px;
  color: #4F4F4F;
}
.single .blog-area #ez-toc-container ul li a:hover {
  color: #431ca3;
  text-decoration: underline;
}
.single .blog-area pre {
  background: #e5eef2;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: left;
}

.wp-caption {
  margin: 0;
  padding: 0;
  padding: 0;
}

a {
  color: #2f80ed;
  text-decoration: none;
}
a:active {
  color: #2f80ed;
  text-decoration: none;
}
a:visited {
  color: #2f80ed;
  text-decoration: none;
}

pre {
  white-space: pre-wrap;
  font-size: 14px;
  overflow-wrap: break-word;
}

.left {
  float: left;
}

.right {
  float: right;
}

.hidden {
  display: none;
}

.clearfix {
  clear: both;
}

.amp-wp-unknown-size img {
  -o-object-fit: contain;
     object-fit: contain;
}

.amp-wp-enforced-sizes {
  max-width: 100%;
}

.alignright {
  float: right;
}

.alignleft {
  float: left;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

amp-iframe {
  max-width: 100%;
  margin-bottom: 20px;
  margin: 0 -16px 1.5em;
}

button:focus {
  outline: 0px auto -webkit-focus-ring-color;
}

div {
  box-sizing: border-box;
}

amp-youtube {
  margin: 0 -16px 1.5em;
}

amp-instagram {
  margin: 0 -16px 1.5em;
}

amp-vine {
  margin: 0 -16px 1.5em;
}

amp-carousel amp-img img {
  -o-object-fit: contain;
     object-fit: contain;
}

h1 {
  font-weight: 300;
}

h3 {
  font-size: 14px;
  font-weight: 300;
}

h4 {
  margin-top: 6px;
  margin-bottom: 0px;
  color: #333;
  text-align: left;
  font-size: 21px;
}

header .menu__title h4 {
  padding-left: 40px;
  font-size: 16px;
  margin-top: 4.2px;
  display: none;
}

li {
  color: #4F4F4F;
  line-height: 1.7;
}

.big-header {
  font-size: 150pt;
  font-weight: 900;
  color: #1A1A1A;
  line-height: 0.9;
  margin-bottom: 0.3em;
}

.blue {
  color: #2f80ed;
}

.container {
  margin: 0 auto;
  padding: 0px;
  position: relative;
}

.home .posts__content .post-date {
  top: -10px;
  left: 0px;
}
.home .blog-area {
  padding: 20px 20px 0px;
}

.footer {
  background: #431ca3;
  background: linear-gradient(135deg, #431ca3 0%, #2f80ed 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#431ca3", endColorstr="#2f80ed",GradientType=1 );
  padding: 30px 0px 0px 0px;
  font-size: 12px;
  text-align: left;
  color: #fff;
  padding: 0px;
  position: relative;
  display: flex;
  justify-content: center;
}
.footer div {
  flex: 1 1 50%;
  background: #1A1A1A;
  max-width: 515px;
}
.footer p {
  margin: 0px;
  padding: 10px 20px;
  color: #fff;
}
.footer a {
  color: #fff;
}
.footer .credentials {
  padding: 10px 20px;
  display: block;
  text-align: right;
}
.footer .back_to_top {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 20px;
  right: 20px;
  border: 1px solid #fff;
  background: url("/images/up.svg") no-repeat center center/14px auto;
}

.archives_body .blog-area {
  max-width: 768px;
  padding: 0 20px;
}

.btn {
  color: #fff;
  padding: 16px 40px 16px 40px;
  font-weight: 700;
  font-size: 16px;
  position: relative;
  transition: all 0.3s ease-out;
  border-radius: 4px;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  background: #f0583a;
  letter-spacing: 0.3px;
}
.btn:hover {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  background: #db432a;
}
.btn:focus {
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
}

.amp-logo {
  position: absolute;
}
.amp-logo a {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
}

.menu__title {
  text-align: center;
}

.header {
  padding: 12px 20px;
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  height: 36px;
  background: #fff;
  z-index: 12;
  box-shadow: 0 0 1px rgba(34, 25, 25, 0.4), 0 1px 2px rgba(0, 0, 0, 0.08);
  display: flex;
  justify-content: space-between;
}
.header .amp-logo {
  background: url("") no-repeat center center/130px 36px;
  width: 130px;
  height: 36px;
  max-width: 130px;
}
.header .header .right-content {
  display: flex;
  align-items: center;
}
.header .header .right-content .header-banner {
  margin-right: 20px;
  padding-right: 61px;
  position: relative;
  display: flex;
  align-items: center;
}
.header .header .right-content .header-banner:after {
  content: "";
  display: block;
  background: url("/images/wfp-logo.svg") no-repeat center center/41px 38px;
  width: 41px;
  height: 38px;
  position: absolute;
  right: 0px;
  top: 0px;
}
.header .right-content .header-banner .donate-slogan {
  font-size: 21px;
  font-weight: 600;
}
.header .right-content .header-banner .donate-slogan span {
  color: rgba(35, 86, 177, 0.25);
}
.header .right-content .header-banner .btn-donate {
  background-color: #ED2939;
  border-radius: 6px;
  padding: 11px 20px;
  font-size: 15px;
  color: #fff;
  font-weight: 500;
  display: block;
  line-height: 16px;
  margin-left: 20px;
}
.header h1 {
  font-size: 1.5em;
}
.header .right {
  margin: 16px 5px 0px 5px;
}

.amp-sidebar-button {
  top: 6px;
}

.header__image.post {
  background: url("") no-repeat center center/cover;
}

body:not(.home) .header__image amp-img {
  top: -30px;
  bottom: -30px;
}

amp-img.cover img {
  -o-object-fit: cover;
     object-fit: cover;
}

.header__heading {
  position: absolute;
  bottom: 40px;
  left: 20px;
  right: 20px;
  z-index: 2;
  max-width: 960px;
}

.header__image h1 {
  margin-bottom: 30px;
}

.header__image h3 p {
  display: inline;
}

/****
* AMP Sidebar
*****/
body amp-sidebar {
  padding: 0px;
  text-align: right;
}

body amp-sidebar > *:not(.close) {
  text-align: left;
}

.hamburger {
  z-index: 10;
  cursor: pointer;
}

.hamburger span {
  width: 25px;
  height: 3px;
  background: rgb(79, 79, 79);
  margin: 4px 0;
  display: block;
}

body amp-sidebar .close-sidebar {
  display: inline-block;
  padding: 13px 21px 0px;
  cursor: pointer;
  font-size: 25px;
  color: #4F4F4F;
  text-align: right;
  transition: all 0.3s ease-out;
}

body amp-sidebar .close-sidebar:hover {
  color: #6D6D6D;
}

.close-sidebar:focus,
:focus {
  outline: -webkit-focus-ring-color auto 0px;
}

#sidebar1 {
  background: #fff;
}

.sidebar {
  max-width: 100%;
}

.sidebar:after {
  /*content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 1px;
  background: rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2);*/
}

.sidebar ul {
  margin: 0;
  padding: 0px;
}

.sidebar > ul {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.sidebar li {
  list-style: none;
}

.sidebar > ul > li > a,
.sidebar ul li ul {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  padding: 15px 20px 12px;
}

.sidebar > ul > li > a {
  padding: 15px 20px 12px;
}

.sidebar ul li ul {
  padding: 5px 20px 0px;
}

.sidebar > ul > li > a,
.sidebar ul li ul li a {
  color: rgb(79, 79, 79);
  text-decoration: none;
  display: block;
  border-left: 0px solid #2f80ed;
  transition: all 0.3s ease-out;
}

.sidebar > ul > li > a:hover,
.sidebar ul li ul li a:hover {
  color: #2f80ed;
  border-left: 5px solid #2f80ed;
}

.sidebar ul li ul li:nth-child(2) a:hover {
  color: #431ca3;
  border-left: 5px solid #431ca3;
}

.sidebar ul li ul li:nth-child(3) a:hover {
  color: #39b54a;
  border-left: 5px solid #39b54a;
}

.sidebar ul li ul li a {
  padding-left: 10px;
  line-height: 1em;
  margin-bottom: 15px;
  margin-top: 15px;
}

amp-sidebar .sidebar__post {
  padding: 0 0px;
  position: relative;
  width: calc(100% - 40px);
  padding-bottom: 60%;
}

amp-sidebar amp-ad {
  width: 320px;
  height: 100px;
  margin: 20px auto 20px;
}

.sidebar__post .header__heading {
  padding: 0 20px;
  left: 0px;
  right: 0px;
  bottom: 20px;
}

.sidebar__post.post__parent {
  margin-left: 20px;
  margin-right: 20px;
}

.sidebar__post.post__parent amp-img {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
}

.sidebar__post.post__parent .post-date {
  position: static;
}

.sidebar__post.post__parent h2 {
  font-size: 16px;
}

/****
* Search 
****/
.searchform {
  padding: 0px 20px;
  margin: 20px 0 10px;
  position: relative;
}

.searchform input {
  border-color: rgba(0, 0, 0, 0);
  height: 35px;
}

.searchform .search__input {
  background: #27282c;
  padding: 0 0 0 30px;
  border-radius: 0px;
  width: 100%;
  box-sizing: border-box;
  color: #cccccc;
}

.searchform .search__submit {
  position: absolute;
  top: 0;
  left: 20px;
  width: 30px;
  text-align: center;
  font-family: FontAwesome;
  font-size: 14px;
  opacity: 0.3;
  background: transparent url("/images/search.svg") no-repeat center center/auto 14px;
}

/****
* AMP Navigation Menu with Dropdown Support
*****/
.toggle-navigation ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: inline-block;
  width: 100%;
}

.toggle-navigation ul li {
  font-size: 13px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.11);
  padding: 11px 0px;
  width: 25%;
  float: left;
  text-align: center;
  margin-top: 6px;
}

.toggle-navigation ul ul {
  display: none;
}

.toggle-navigation ul li a {
  color: #eee;
  padding: 15px;
}

.toggle-navigation {
  display: none;
  background: #444;
}

/**** 
* Loop
*****/
.loop-post {
  display: inline-block;
  width: 100%;
  margin: 6px 0px;
}

.loop-post .loop-img {
  float: left;
  margin-right: 15px;
}

.loop-post h2 {
  font-size: 1.2em;
  margin: 0px 0px 8px 0px;
}

.loop-post p {
  font-size: 14px;
  color: #333;
  margin-bottom: 6px;
}

.loop-post ul {
  list-style-type: none;
  display: inline-flex;
  margin: 0px;
  font-size: 14px;
  color: #666;
}

.loop-post ul li {
  margin-right: 2px;
}

.loop-date {
  font-size: 12px;
}

/****
* Single
*****/
/** Meta **/
.after-post {
  background-color: #111;
}

.after-post-wrapper {
  position: relative;
  max-width: 1030px;
  margin: 0 auto;
  overflow: hidden;
  padding: 40px 20px;
}

.after-post .amp-tags,
.after-post .amp-category,
.after-post .amp-author,
.after-post .amp-footer-logo,
.amp-social {
  padding: 30px 0px 0px;
  margin: 0 auto;
}

.after-post .amp-footer-logo {
  max-width: 200px;
  padding: 0px;
}

.after-post .amp-author:before {
  content: "";
  display: block;
  height: 1px;
  margin-bottom: 30px;
  margin-left: -20px;
  margin-right: -20px;
  background-color: #333;
}

.after-post .amp-tags,
.after-post .amp-social {
  padding-top: 10px;
}

.after-post .amp-social {
  display: block;
}

.after-post .amp-social ul,
.after-post .amp-social ol {
  text-align: left;
}

.amp-category .amp-cat:after,
.amp-tags .amp-tag:after {
  content: ", ";
  display: inline;
  font-weight: 300;
}

.amp-category .amp-cat:last-child:after,
.amp-tags .amp-tag:last-child:after {
  content: "";
}

.amp-tags span,
.amp-category span,
.amp-tags a,
.amp-category a,
.author-name {
  color: #fff;
  font-weight: 300;
}

.amp-tags span {
  margin-right: 5px;
}

.icon-steemit,
.icon-minds,
.icon-instgrm,
.icon-twtter,
.icon-pin,
.icon-medium,
.icon-bored,
.icon-patreon {
  width: 30px;
  height: 30px;
  display: inline-block;
  margin-right: 4px;
  border-radius: 20px;
  transition: all 0.3s ease-out;
}

.amp-social ul li:last-child {
  margin-right: 0px;
}

.icon-steemit {
  background: #2f80ed url("/images/steemit.svg") no-repeat center center/30px 30px;
}

.icon-minds {
  background: #2f80ed url("/images/minds.svg") no-repeat center center/30px 30px;
}

.icon-instgrm {
  background: #2f80ed url("/images/instagram.svg") no-repeat center center/30px 30px;
}

.icon-twtter {
  background: #2f80ed url("/images/twitter.svg") no-repeat center center/30px 30px;
}

.icon-pin {
  background: #2f80ed url("/images/pin.svg") no-repeat center center/30px 30px;
}

.icon-bored {
  background: #2f80ed url("/images/bored.svg") no-repeat center center/30px 30px;
}

.icon-medium {
  background: #2f80ed url("/images/medium.svg") no-repeat center center/30px 30px;
}

.icon-patreon {
  background: #2f80ed url("/images/patr.svg") no-repeat center center/30px 30px;
}

.icon-steemit:hover {
  background: #431ca3 url("/images/steemit.svg") no-repeat center center/30px 30px;
}

.icon-minds:hover {
  background: #431ca3 url("/images/minds.svg") no-repeat center center/30px 30px;
}

.icon-instgrm:hover {
  background: #431ca3 url("/images/instagram.svg") no-repeat center center/30px 30px;
}

.icon-twtter:hover {
  background: #431ca3 url("/images/twitter.svg") no-repeat center center/30px 30px;
}

.icon-pin:hover {
  background: #431ca3 url("/images/pin.svg") no-repeat center center/30px 30px;
}

.icon-bored:hover {
  background: #431ca3 url("/images/bored.svg") no-repeat center center/30px 30px;
}

.icon-medium:hover {
  background: #431ca3 url("/images/medium.svg") no-repeat center center/30px 30px;
}

.icon-patreon:hover {
  background: #431ca3 url("/images/patr.svg") no-repeat center center/30px 30px;
}

.amp-tags span,
.amp-category span {
  font-weight: bold;
}

#pagination {
  overflow: hidden;
  background: #431ca3;
  display: flex;
  flex-direction: row-reverse;
}

#pagination .next,
#pagination .prev {
  width: 50%;
  padding: 20px;
  box-sizing: border-box;
  /*float:right;*/
  padding-bottom: 500em;
  margin-bottom: -500em;
}

#pagination a {
  color: #fff;
  padding-bottom: 20px;
  display: block;
  max-width: 475px;
}

#pagination .prev a {
  margin: 0 0 0 auto;
}

#pagination .next a {
  text-align: right;
}

#pagination a span {
  font-size: 20px;
  display: block;
}

#pagination .next {
  background: #431ca3;
}

#pagination .prev {
  background: #2f80ed;
  margin-right: auto;
}

/** Related Posts **/
.amp-related-posts {
  padding: 30px 20px 0;
  max-width: 1030px;
  margin: 0 auto;
}

.amp-related-posts .amp-author {
  display: none;
}

.related_link a {
  font-size: 20px;
}

.amp-related-posts ul {
  list-style-type: none;
  margin-bottom: 0;
}

.amp-related-posts ul li {
  display: inline-block;
  line-height: 1;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: solid 1px #ddd;
}

.amp-related-posts ul li .related_link > a {
  margin-bottom: 10px;
  display: block;
}

.amp-related-posts ul li p {
  line-height: 1.3em;
}

.amp-related-posts ul li:last-child {
  margin-bottom: 0px;
}

.amp-related-posts amp-img {
  float: left;
  width: 100px;
  margin: 0px 20px 0px 0px;
  clear: left;
}

.amp-related-posts p {
  margin-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}

.related_link {
  margin-left: 120px;
}

.amp-related-posts-title {
  display: none;
}

/****
* AMP Carousel
****/
.amp-carousel-button {
  border-radius: 0px;
  margin: 0px;
}

.amp-carousel-button-prev {
  left: 20px;
}

.amp-carousel-button-next {
  right: 20px;
}

/****
* AMP Accordion
****/
amp-accordion section[expanded] .show-more {
  display: none;
}

amp-accordion section:not([expanded]) .show-less {
  display: none;
}

/****
* AMP Ads
****/
.amp-ad-wrapper {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
}

amp-ad {
  margin: 15px 0;
  border: 1px solid #e5eef2;
}

amp-ad:before {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% - 20px);
  height: 100%;
  z-index: 0;
  background: url("/images/gray-logo.svg") no-repeat center center/50px 50px;
}

amp-sidebar amp-ad {
  display: none;
}
amp-sidebar amp-ad:before {
  width: 100%;
}

amp-ad > div {
  text-align: center;
}
amp-ad > div b {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0px;
  right: 0px;
}

.comments_list ul {
  margin: 0;
  padding: 0;
}
.comments_list ul li p {
  margin: 0;
  font-size: 14px;
  clear: both;
  padding-top: 5px;
}
.comments_list ul li .says {
  margin-right: 4px;
}
.comments_list ul li .comment-body {
  padding: 10px 0px 15px 0px;
}
.comments_list ul.children {
  padding-bottom: 10px;
  margin-left: 4%;
  width: 96%;
}
.comments_list li li {
  margin: 20px 20px 10px 20px;
  background: #f7f7f7;
  box-shadow: none;
  border: 1px solid #eee;
}
.comments_list li li li {
  margin: 20px 20px 10px 20px;
}

.comment-author {
  float: left;
}

.cta__container {
  background-image: url("");
  background-repeat: no-repeat;
  background-position: 80% center;
  background-attachment: fixed;
  background-size: cover;
  position: relative;
}

.cta__content {
  padding: 20px;
  z-index: 2;
  position: relative;
}

.cta__content .big-header {
  color: #E5EEF2;
  margin-bottom: 0.5em;
}

.cta__content p {
  color: #E5EEF2;
  font-size: 18px;
  margin-bottom: 2em;
}

.cta__content a {
  font-weight: 700;
  font-size: 18px;
  display: block;
  padding: 18px 40px 18px 70px;
  position: relative;
  transition: all 0.3s ease-out;
  border-radius: 2px;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.cta__content a:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 25px;
}

.cta__content a.patreon {
  background: #2f80ed;
  color: #fff;
  margin-bottom: 1em;
}

.cta__content a:hover,
.cta__content a:active {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.cta__content a.patreon:hover,
.cta__content a.patreon:active {
  background: #105EC8;
}

.cta__content a.patreon:before {
  content: "";
  background: url("/images/patreon-white.svg") no-repeat left 3px/contain;
  width: 22px;
  height: 22px;
}

.cta__content a.subscription {
  background: #431CA3;
  color: #fff;
  margin-bottom: 2em;
}
.cta__content a.subscription:hover {
  background: #260578;
}
.cta__content a.subscription:active {
  background: #260578;
}
.cta__content a.subscription:before {
  background: url("/images/subscription-white.svg") no-repeat left center/contain;
}
.cta__content .gallery-item {
  padding: 20px 40px 0px 0px;
}
.cta__content .gallery-item img {
  width: 100%;
  height: auto;
}

.footer-ad amp-ad[layout=fixed-height] {
  display: none;
}

.separator {
  width: 100%;
  height: 5px;
  margin-bottom: 10px;
  display: block;
}

.redcolor {
  background-color: #f80c12;
}

.orangecolor {
  background-color: #ff9933;
}

.yellowcolor {
  background-color: #d0c310;
}

.greencolor {
  background-color: #69d025;
}

.skybluecolor {
  background-color: #11aabb;
}

.bluecolor {
  background-color: #005eb8;
}

.violetcolor {
  background-color: #442299;
}

amp-web-push-widget button.subscribe .subscribe-icon {
  margin-right: 10px;
}
amp-web-push-widget button.subscribe:active {
  transform: scale(0.99);
}
amp-web-push-widget button.unsubscribe {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 45px;
  border: 0;
  margin: 0;
  cursor: pointer;
  outline: none;
  font-size: 15px;
  font-weight: 400;
  background: transparent;
  color: #B1B1B1;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  max-width: 1030px;
  width: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

amp-web-push-widget.amp-invisible {
  display: none;
}

.map {
  position: relative;
  width: 100%;
  padding-bottom: 130%;
}
.map amp-iframe {
  margin: 0 0 1.5em;
}

amp-social-share {
  background-size: 40px auto;
  transform: scale(0.75);
}

a#scrollToTopButton {
  display: none;
}

.rounded {
  border-radius: 30px;
}

@media (max-width: 1440px) {
  .big-header {
    font-size: 72pt;
  }
  .single-post .blog-area .big-header {
    font-size: 72pt;
  }
}
@media (max-width: 960px) {
  .big-header {
    font-size: 30pt;
  }
  .single-post .blog-area .big-header {
    font-size: 30pt;
  }
  amp-sidebar amp-ad {
    margin-bottom: 0px;
    border: 0px solid #e5eef2;
    border-top: 1px solid #e5eef2;
  }
}
@media (max-width: 768px) {
  .header .right-content .header-banner .donate-slogan {
    display: none;
  }
}
@media (min-width: 1441px) {
  body .blog-area amp-web-push-widget h2.big-header {
    font-size: 100px;
  }
}
@media (min-width: 420px) {
  .single .blog-area .banner-container .banner > amp-img.desktop {
    padding: 0px;
    display: block;
  }
  .single .blog-area .banner-container .banner > amp-img.mobile {
    display: none;
  }
}
@media (min-width: 961px) {
  amp-sidebar amp-ad {
    display: none;
  }
  amp-sidebar amp-ad:before {
    width: 100%;
  }
  .map {
    padding-bottom: 70%;
  }
  .single .blog-area {
    padding: 30px 0px;
  }
  .single .blog-area amp-ad {
    margin-left: auto;
    margin-right: auto;
  }
  .single .blog-area .media-container {
    padding-left: 0px;
    padding-right: 0px;
  }
  .single .blog-area .media-container .media {
    padding: 15px;
  }
  .single .blog-area .media-container amp-img {
    max-width: 465px;
    margin: 0px;
  }
  .single .blog-area .social-share-container .big-header {
    margin-top: 0.5em;
    margin-bottom: 0.15em;
  }
  .single .blog-area .social-share-container {
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 0px;
  }
  .single .blog-area .banner-container {
    padding-left: 0px;
    padding-right: 0px;
  }
  .single .blog-area amp-web-push-widget {
    padding-bottom: 95px;
  }
  .single .blog-area amp-web-push-widget.unsubscribe {
    padding-bottom: 0px;
  }
  .single .blog-area #ez-toc-container {
    padding: 30px;
    border-left: 1px solid #e5eef2;
    border-right: 1px solid #e5eef2;
  }
  .single .blog-area .col-12 > * {
    padding: 0px 30px;
  }
  .single .blog-area amp-img {
    padding: 0px 0px;
    max-width: 970px;
  }
  .single .blog-area .widget {
    padding: 0px;
  }
  .single .blog-area .widget_custom_html {
    padding: 0px 20px;
    margin-top: 40px;
    margin-bottom: 45px;
  }
  .single .blog-area .cp > amp-img {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .single .blog-area .cp > amp-img.reduce-margins {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .single .blog-area .cp > amp-img.remove-margins {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .single .blog-area .cp > amp-img.top-30 {
    margin-top: 30px;
  }
  .single .blog-area .cp > amp-img.bottom-30 {
    margin-top: 30px;
  }
  .single .blog-area .cp > amp-img.left {
    margin: 30px 0 0px;
    width: 100%;
  }
  .single .blog-area .cp > amp-img.left img {
    -o-object-position: 130px center;
       object-position: 130px center;
  }
  amp-social-share {
    margin-right: 10px;
    background-size: 40px auto;
    transform: scale(1);
  }
  body {
    background: #fff;
    font-size: 18px;
  }
  body amp-sidebar {
    width: 380px;
  }
  h2 {
    font-size: 30px;
  }
  .blog-area {
    background: #fff;
    margin-top: 30px;
    margin-bottom: 70px;
    padding: 30px 0px 0px;
  }
  .amp-archive .post__parent:hover amp-img {
    top: -20px;
    bottom: -20px;
    left: -20px;
    right: -20px;
  }
  .categories__content .post__parent:hover amp-img {
    top: -20px;
    bottom: -20px;
    left: -20px;
    right: -20px;
  }
  .posts__content .post__parent:hover amp-img {
    top: -20px;
    bottom: -20px;
    left: -20px;
    right: -20px;
  }
  #pagination {
    overflow: hidden;
    margin-left: -30px;
    margin-right: -30px;
  }
  .after-post {
    width: 100%;
    padding: 40px 0px;
  }
  .after-post .amp-footer-logo {
    max-width: 200px;
    margin: 0 auto;
    padding: 0px;
    width: 165px;
    float: right;
    margin-top: 30px;
  }
  .after-post .amp-footer-logo:after {
    clear: both;
  }
  .after-post .amp-author:before {
    display: none;
  }
  .cta__content {
    padding: 5px 20px;
    max-width: 1030px;
    margin: 0 auto;
  }
  .cta__content .big-header {
    font-size: 100px;
  }
  .cta__content p {
    font-size: 30px;
    max-width: 930px;
  }
  .cta__content a {
    width: 200px;
    display: inline-block;
    text-align: center;
  }
  .cta__content a.patreon {
    margin-right: 20px;
  }
  .cta__content a.subscription {
    margin-bottom: 3em;
  }
  .cta__content .gallery-item {
    display: inline-block;
    width: 33%;
    margin: 1em 0 4em;
  }
  .cta__container .overlay {
    background: linear-gradient(to bottom, rgba(26, 26, 26, 0) 0%, rgba(26, 26, 26, 0.01) 1%, rgba(26, 26, 26, 0.85) 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#001a1a1a", endColorstr="#d91a1a1a",GradientType=0 );
  }
  .amp-author-info {
    width: 380px;
    float: left;
  }
  .pointer {
    cursor: pointer;
  }
  amp-ad {
    margin: 60px 0;
  }
  amp-ad:before {
    width: calc(100% - 30px);
  }
}
/*------------------------------
    CTA
------------------------------*/
.cta .container {
  position: relative;
  padding-left: 100px;
  padding-right: 100px;
}
.cta .container .right-bubble {
  width: 63px;
  height: 81px;
  right: 0px;
  left: auto;
  top: 20px;
}
.cta .container .left-bubble {
  width: 50px;
  height: 50px;
  left: 0px;
  top: -15px;
}
.cta .container .cta-title {
  float: left;
}
.cta .container .cta-title h2 {
  color: #2F80ED;
  text-align: left;
  margin-bottom: 0.5rem;
}
.cta .container .cta-title h2 b {
  color: #4f4f4f;
  font-weight: 900;
}
.cta .container .cta-title h5 {
  color: #4f4f4f;
  text-align: left;
  margin-bottom: 0px;
}
.cta .container .btn-wrapper {
  float: right;
  position: relative;
  top: 8px;
  padding-left: 30px;
}
.cta.center .container .cta-title {
  float: none;
  max-width: 700px;
  margin: 0 auto;
}
.cta.center .container .cta-title h2, .cta.center .container .cta-title h4, .cta.center .container .cta-title h5, .cta.center .container .cta-title p {
  text-align: center;
}
.cta.center .container .cta-title h4, .cta.center .container .cta-title h5 {
  color: #F6C86F;
}
.cta.center .container .cta-title h2 {
  position: relative;
}
.cta.center .container .cta-title h2:before {
  content: "";
  display: block;
  background: url(../img/cta-graphics.svg) no-repeat center/contain;
  position: absolute;
  width: 102px;
  height: 108px;
  left: -51px;
  top: -108px;
}
.cta.center .container .btn-wrapper {
  float: none;
  padding-left: 0px;
  top: 0px;
}
.cta.center .container .btn-wrapper .boxed-btn {
  color: rgb(255, 255, 255);
}
.cta:before {
  content: "";
  display: block;
  background: url(../img/cta-triangle.svg) no-repeat right bottom/contain;
  position: absolute;
  right: 0px;
  left: calc(50vw - 590px);
  bottom: 0px;
  height: calc(50vw + 590px);
}

/*------------------------------
    Map
------------------------------*/
.map {
  margin-top: 0px;
  margin-bottom: 0px;
  width: 100%;
}
.map .container {
  max-width: 100%;
  padding-left: 0px;
  padding-right: 0px;
}
.map .container .map-container {
  height: 400px;
  overflow: hidden;
}
.map .container .map-container amp-iframe {
  top: -46px;
}

.icon-list {
  position: relative;
}
@media (max-width: 1024px) {
  .icon-list .container {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.icon-list .container .icon-list-container {
  justify-content: center;
}
.icon-list .container .icon-list-container .icon-single {
  text-align: center;
  margin-bottom: 40px;
  background: rgb(255, 255, 255);
}
.icon-list .container .icon-list-container .icon-single h3, .icon-list .container .icon-list-container .icon-single h4, .icon-list .container .icon-list-container .icon-single p {
  text-align: center;
}
.icon-list .container .icon-list-container .icon-single img + h3 {
  margin-top: 30px;
  margin-bottom: 20px;
}
.icon-list .container .icon-list-container .icon-single img + h3 + p {
  margin-top: 20px;
}
@media (max-width: 1024px) {
  .icon-list .container .icon-list-container .icon-single {
    padding: 20px;
  }
  .icon-list .container .icon-list-container .icon-single amp-img {
    float: none;
  }
  .icon-list .container .icon-list-container .icon-single h3, .icon-list .container .icon-list-container .icon-single p {
    margin-left: 0px;
  }
}
.icon-list.bordered .container .icon-list-container {
  margin-top: 65px;
}
.icon-list.bordered .container .icon-list-container .icon-single {
  border: 1px solid #E6E7E8;
  padding: 40px;
  margin-bottom: 30px;
}
.icon-list.bordered .container .icon-list-container .icon-single h3, .icon-list.bordered .container .icon-list-container .icon-single h4, .icon-list.bordered .container .icon-list-container .icon-single p {
  text-align: left;
  margin-left: 135px;
}
.icon-list.bordered .container .icon-list-container .icon-single h3 {
  margin-top: 10px;
}
.icon-list.bordered .container .icon-list-container .icon-single amp-img {
  float: left;
}
@media (min-width: 1025px) {
  .icon-list.bordered .container .icon-list-container .icon-single {
    flex: 0 0 calc(50% - 30px);
    max-width: calc(50% - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media (max-width: 1024px) {
  .icon-list.bordered .container .icon-list-container .icon-single {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.icon-list.bordered .container .icon-list-container .icon-single:last-child:not(:nth-child(even)) {
  flex: 0 0 calc(100% - 30px);
  max-width: calc(100% - 30px);
}
@media (max-width: 1024px) {
  .icon-list.bordered .container .icon-list-container .icon-single {
    padding: 20px;
    margin-bottom: 20px;
  }
  .icon-list.bordered .container .icon-list-container .icon-single amp-img {
    float: none;
    margin-bottom: 10px;
  }
  .icon-list.bordered .container .icon-list-container .icon-single h3, .icon-list.bordered .container .icon-list-container .icon-single p {
    margin-left: 0px;
  }
  .icon-list.bordered .container .icon-list-container .icon-single:last-child:not(:nth-child(even)) {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/*------------------------------
    Post Type
------------------------------*/
@media (min-width: 1025px) {
  .loop-posts-container .content-area .image-container {
    padding-right: 30px;
  }
  .loop-posts-container .content-area:nth-child(odd) > .container .row {
    flex-direction: row-reverse;
  }
  .loop-posts-container .content-area:nth-child(odd) > .container .row .image-container {
    padding-left: 30px;
    padding-right: 0px;
  }
}

/*------------------------------
    Archive
------------------------------*/
.blog-area div.container {
  max-width: 768px;
}
.blog-area div.container .row.archive {
  margin-left: 0px;
  margin-right: 0px;
}
.blog-area div.container .row.archive .post__parent {
  border-radius: 5px;
}
.blog-area div.container .row .post__parent {
  height: 0px;
  position: relative;
  padding-bottom: 100%;
  margin-bottom: 20px;
  overflow: hidden;
  cursor: pointer;
}
@media (min-width: 1025px) {
  .blog-area div.container .row .post__parent {
    padding-bottom: 60%;
  }
  .blog-area div.container .row .post__parent:hover amp-img {
    top: -20px;
    bottom: -20px;
    left: -20px;
    right: -20px;
  }
}
.blog-area div.container .row .post__parent .post-date {
  color: #fff;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: 700;
}
.blog-area div.container .row .post__parent .title__parent {
  z-index: 2;
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
}
.blog-area div.container .row .post__parent .title__parent h2 {
  color: #fff;
  margin-bottom: 0.2em;
  font-weight: 300;
}
.blog-area div.container .row .post__parent .title__parent h3 {
  color: #fff;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: 700;
  line-height: 1.5em;
}
.blog-area div.container .row .post__parent .title__parent p,
.blog-area div.container .row .post__parent .title__parent p span {
  color: #fff;
  font-size: 14px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.blog-area div.container .row .post__parent a, .blog-area div.container .row .post__parent a p {
  color: #fff;
}
.blog-area div.container .row .post__parent amp-img {
  z-index: 0;
  margin-bottom: 0px;
  transition: all 0.3s ease-out;
}
.blog-area div.container .row .post__parent .overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#050014+0,000014+100&0+40,0.65+100 */ /* FF3.6-15 */ /* C ome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(5, 0, 20, 0) 0%, rgba(3, 0, 20, 0) 40%, rgba(0, 0, 20, 0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00050014", endColorstr="#a6000014",GradientType=0 );
}
.blog-area div.container .row .post__parent.landing h3 {
  font-weight: 300;
}
@media (max-width: 1024px) {
  .blog-area {
    padding-top: 0px;
    margin-top: 0px;
  }
}

/*------------------------------
    Content
------------------------------*/
.content-area {
  margin-top: 80px;
  margin-bottom: 80px;
  /* Custom classes */
}
.content-area.regular {
  margin-top: 80px;
  margin-bottom: 80px;
}
.content-area.regular .container .page-content {
  align-self: center;
}
.content-area.regular .container .page-content .boxed-btn {
  margin-top: 20px;
}
@media (min-width: 1025px) {
  .content-area.regular .container .image-container {
    min-height: 350px;
  }
  .content-area.regular .container .page-content {
    padding-left: 35px;
  }
  .content-area.regular .container .image-container {
    padding-right: 35px;
  }
}
@media (max-width: 1024px) {
  .content-area.regular .container .image-container .img-wrap {
    max-width: 100%;
  }
}
.content-area.regular .container amp-img {
  max-height: 500px;
  border-radius: 20px;
}
.content-area.regular .container amp-img img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
.content-area.contacts ul {
  list-style: none;
}
.content-area.contacts ul li.icon {
  display: block;
  background-position: left 2px;
  padding-left: 24px;
}
.content-area.contacts ul li.icon:before {
  display: none;
}
.content-area.contacts ul li.icon.mail {
  background-position: left 3px;
}
.content-area.contact-form:before {
  content: "";
  display: block;
  background: url(../img/cta-triangle.svg) no-repeat right bottom/contain;
  position: absolute;
  right: 0px;
  left: calc(50vw - 590px);
  bottom: 0px;
  height: calc(50vw + 590px);
}
.content-area.graybg {
  background: #E6E7E8;
  background: #FFFFFF;
}
.content-area.full {
  padding-top: 0px;
  padding-bottom: 0px;
}
.content-area.full .container {
  max-width: none;
  padding-left: 15px;
}
.content-area.full .container .row > div.image-container {
  width: 41.66667%;
  padding-right: 0px;
  padding-left: 7%;
}
.content-area.full .container .row > div.image-container .img-wrap {
  height: 100%;
  position: relative;
}
.content-area.full .container .row > div.image-container .img-wrap amp-img {
  width: 100%;
  height: 100%;
}
.content-area.full .container .row > div.image-container .img-wrap amp-img img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: right;
     object-position: right;
}
.content-area.full .container .row > div.page-content {
  width: 58.33333%;
  padding-top: 80px;
  padding-bottom: 80px;
}
.content-area.full .container .row > div.page-content > * {
  max-width: 550px;
  margin-left: auto;
  margin-right: 0px;
}
.content-area.full .container .row > div.page-content > *.boxed-btn {
  margin-top: 20px;
}
@media (max-width: 1199px) {
  .content-area.full .container .row > div.page-content > *.boxed-btn {
    margin-left: calc(50vw - 600px + 5px);
  }
}
.content-area.full .container .row > div.page-content ul {
  margin-top: 20px;
  margin-bottom: 20px;
}
.content-area.full .container .row > div.page-content ul li {
  margin: 10px 0;
  padding-left: 20px;
  position: relative;
}
.content-area.full .container .row > div.page-content ul li:before {
  content: "";
  display: inline;
  width: 9px;
  height: 9px;
  border-radius: 10px;
  position: absolute;
  left: 0px;
  top: 9px;
  background: #F6C86F;
}
.content-area.full.reverse .container .row > div.image-container {
  padding-right: 7%;
  padding-left: 0px;
}
.content-area.full.reverse .container .row > div.page-content > * {
  margin-left: 0px;
  margin-right: auto;
}
.content-area .col-lg-6:first-child {
  padding-right: 30px;
}
.content-area .col-lg-6:last-child {
  padding-left: 30px;
}
.content-area .container .page-content .separator {
  margin-top: 20px;
  margin-bottom: 18px;
}
.content-area .container .page-content .specialist-avatar {
  width: 32px;
  height: 32px;
  float: left;
  background: #E6E7E8;
  border-radius: 32px;
  margin-right: 15px;
  margin-top: 8px;
  position: relative;
  margin-bottom: 15px;
}
.content-area .container .page-content .specialist-avatar amp-img {
  min-height: auto;
  margin-top: 0px;
}
.content-area .container .page-content .specialist-content p {
  margin-top: 0px;
  margin-bottom: 0px;
  line-height: 1.3em;
}
.content-area .container .page-content .specialist-content p + h4 {
  margin-top: 5px;
  margin-bottom: 0px;
  color: #2F80ED;
  text-transform: initial;
}
.content-area .container .page-content h4 {
  color: #F6C86F;
  /*                 margin-bottom:0px; */
  font-weight: 700;
  font-size: 18px;
  text-transform: uppercase;
}
.content-area .container .page-content h2 {
  margin-bottom: 35px;
}
.content-area .container .page-content h2 + h4 {
  position: relative;
  bottom: 10px;
}
.content-area .container .page-content h2 + h3 {
  color: #4f4f4f;
  font-size: 18px;
  font-weight: 700;
}
.content-area .container .page-content p {
  margin-bottom: 8px;
}
.content-area .container .page-content p a {
  color: #4f4f4f;
  font-weight: 700;
}
.content-area .container .page-content p a:hover {
  color: #2F80ED;
}
.content-area .container .page-content.excerpt {
  padding-bottom: 60px;
}
.content-area .container .page-content.excerpt .content-wrap {
  position: relative;
  max-height: 264px;
  overflow: hidden;
  transition: max-height 0.5s ease;
}
.content-area .container .page-content.excerpt .show, .content-area .container .page-content.excerpt .hide {
  position: absolute;
  bottom: -1em;
  z-index: 100;
  text-align: center;
}
.content-area .container .page-content.excerpt .hide {
  display: none;
}
.content-area .container .page-content.excerpt .show:target {
  display: none;
}
.content-area .container .page-content.excerpt .show:target ~ .hide {
  display: block;
}
.content-area .container .page-content.excerpt .show:target ~ .content-wrap {
  max-height: 2000px;
}
.content-area.no-spacing, .content-area.no-spacing.full {
  margin-top: 0px;
  margin-bottom: 0px;
}
.content-area.no-spacing .container .row > div.page-content, .content-area.no-spacing.full .container .row > div.page-content {
  padding-top: 0px;
  padding-bottom: 0px;
}
@media (min-width: 1025px) {
  .content-area.extend-content .container .row > div.image-container, .content-area.extend-content.full .container .row > div.image-container {
    flex: 0 0 41.66667%;
  }
  .content-area.extend-content .container .row > div.page-content, .content-area.extend-content.full .container .row > div.page-content {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .content-area.extend-content .container .row > div.page-content > *, .content-area.extend-content.full .container .row > div.page-content > * {
    max-width: 675px;
  }
  .content-area.wide-image .container .row > div.image-container .img-wrap {
    height: 120%;
    width: 180%;
    right: 80%;
    top: 32%;
  }
  .content-area.wide-image .container .row > div.image-container .img-wrap amp-img img {
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.content-area.img-contain .container .row > div.image-container .img-wrap amp-img img {
  -o-object-fit: contain;
     object-fit: contain;
}
.content-area.img-top-right .container .row > div.image-container .img-wrap amp-img img {
  -o-object-position: right top;
     object-position: right top;
}
.content-area.img-top-left .container .row > div.image-container .img-wrap amp-img img {
  -o-object-position: right top;
     object-position: right top;
}

.page-content ul {
  margin-bottom: 1.1rem;
}
.page-content ul li {
  padding-left: 20px;
  margin: 10px 0;
  position: relative;
}
.page-content ul li:before {
  content: "";
  display: inline;
  width: 9px;
  height: 9px;
  border-radius: 10px;
  position: absolute;
  left: 0px;
  top: 9px;
  background: #F6C86F;
}
.page-content ul li:last-child {
  margin-bottom: 1rem;
}
.page-content ol {
  list-style: none;
  counter-reset: my-awesome-counter;
  margin-bottom: 1.1rem;
}
.page-content ol li {
  padding-left: 20px;
  counter-increment: my-awesome-counter;
  position: relative;
}
.page-content ol li:before {
  content: counter(my-awesome-counter);
  color: #c01818;
  background: transparent;
  font-weight: bold;
  width: 20px;
  display: inline-block;
  height: 20px;
  line-height: 22px;
  border-radius: 12px;
  font-size: 16px;
  text-align: left;
  margin-right: 10px;
  top: 3px;
  left: 0px;
  position: absolute;
}

@media (max-width: 1024px) {
  .content-area {
    margin-top: 45px;
    margin-bottom: 45px;
  }
}
@media (max-width: 767px) {
  .content-area {
    margin-top: 45px;
    margin-bottom: 45px;
  }
  .content-area .container .row > div.image-container {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .content-area .container .row > div.image-container:first-child {
    margin-top: 0px;
  }
  .content-area .container .row > div.image-container .img-wrap {
    max-width: none;
    height: auto;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .content-area .container .row > div.image-container .img-wrap amp-img {
    margin-top: 0px;
    position: relative;
    max-height: none;
    margin-bottom: 0px;
    min-height: 50vw;
  }
  .content-area .container .row > div.image-container .img-wrap amp-img img {
    -o-object-fit: scale-down;
       object-fit: scale-down;
    position: relative;
    height: auto;
  }
  .content-area .container .row > div.page-content {
    width: 100%;
  }
  .content-area .container .row > div.page-content > * {
    max-width: none;
  }
  .content-area .container .row > div.page-content > *:last-child {
    margin-bottom: 0px;
  }
  .content-area .container .row > div.page-content h2 {
    margin-bottom: 30px;
  }
  .content-area .container .row > div.page-content h2 + h4 {
    bottom: 6px;
  }
  .content-area.full.reverse .container .row > div.image-container {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-right: 0px;
  }
  .content-area.full .container {
    padding-right: 15px;
  }
  .content-area.full .container .row > div.image-container {
    padding-right: 0px;
    padding-left: 0%;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 100%;
  }
  .content-area.full .container .row > div.image-container .img-wrap {
    max-width: none;
    height: 45vh;
    margin-bottom: 0px;
    margin-top: 0px;
  }
  .content-area.full .container .row > div.image-container .img-wrap amp-img {
    width: 100%;
    height: 100%;
  }
  .content-area.full .container .row > div.image-container .img-wrap amp-img img {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: right;
       object-position: right;
  }
  .content-area.full .container .row > div.page-content {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .content-area.full .container .row > div.page-content > * {
    max-width: none;
  }
}
/*------------------------------
    Home
------------------------------*/
.about-area .img-wrap {
  max-width: 300px;
}

/*------------------------------
    Scheme
------------------------------*/
.scheme-area {
  text-align: center;
}
.scheme-area .img-wrap {
  max-width: 700px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  #table {
    overflow-x: scroll;
    overflow-y: hidden;
  }
  #table > div {
    min-width: 500px;
  }
  #table h5 {
    font-size: 12px;
  }
  #table p {
    font-size: 12px;
  }
}
/*------------------------------
    Operational Principle
------------------------------*/
.howitworks-area {
  text-align: left;
}
.howitworks-area .img-wrap {
  max-width: 100%;
  display: block;
  position: relative;
  height: 100%;
}
.howitworks-area .img-wrap amp-img img {
  -o-object-fit: contain;
     object-fit: contain;
}

@media (max-width: 767px) {
  .howitworks-area .img-wrap {
    min-height: 40vw;
  }
  .howitworks-area .col-lg-6:first-child {
    margin-bottom: 15px;
  }
}
/*------------------------------
    Slider
------------------------------*/
.slider {
  margin-bottom: 30px;
}

/*------------------------------
    Contacts
------------------------------*/
.HzV7m-b7CEbf .i4ewOd-pzNkMb-bMcfAe,
.i4ewOd-pzNkMb-haAclf {
  display: none;
}

.page-template-form #sidebar {
  display: none;
}

.form-area {
  background: #E6E7E8;
  border-top: 1px solid #e1e1e1;
}
.form-area h2 {
  margin: 0 auto;
}
.form-area h2 span {
  color: #4f4f4f;
}
.form-area .gform_wrapper {
  width: 100%;
}
.form-area .gform_wrapper form {
  max-width: calc(60% - 8px);
  width: 100%;
}
.form-area .gform_wrapper form .gform_body li.gfield {
  text-align: left;
  clear: none;
  padding: 0px;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
.form-area .gform_wrapper form .gform_body li.gfield label, .form-area .gform_wrapper form .gform_body li.gfield .gfield_description {
  text-align: left;
  color: #2F80ED;
  font-size: 16px;
  margin-bottom: 0px;
  margin-top: 20px;
}
.form-area .gform_wrapper form .gform_body li.gfield label span, .form-area .gform_wrapper form .gform_body li.gfield .gfield_description span {
  display: none;
}
.form-area .gform_wrapper form .gform_body li.gfield .gfield_label + .gfield_description {
  margin-top: 15px;
}
.form-area .gform_wrapper form .gform_body li.gfield .gfield_description {
  color: #4f4f4f;
  margin-top: 0px;
}
.form-area .gform_wrapper form .gform_body li.gfield .ginput_container_checkbox {
  margin-bottom: 30px;
}
.form-area .gform_wrapper form .gform_body li.gfield .ginput_container {
  margin-top: 13px;
}
.form-area .gform_wrapper form .gform_body li.gfield .ginput_container input {
  padding: 10px 16px;
  border: 1px solid #E6E7E8;
  border-radius: 5px;
  height: auto;
  transition: all 0.3s ease-out;
  margin-top: 0px;
  width: 100%;
}
.form-area .gform_wrapper form .gform_body li.gfield .ginput_container input:focus {
  border: 1px solid #4f4f4f;
}
.form-area .gform_wrapper form .gform_body li.gfield .ginput_container input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
  padding: 10px 16px;
}
.form-area .gform_wrapper form .gform_body li.gfield .ginput_container input + label {
  margin-top: 0px;
  margin-left: 7px;
  font-size: 18px;
  color: #4f4f4f;
}
.form-area .gform_wrapper form .gform_body li.gfield .ginput_container input[type=checkbox]:checked + label,
.form-area .gform_wrapper form .gform_body li.gfield .ginput_container input[type=radio]:checked + label {
  color: #4f4f4f;
  font-weight: 400;
}
.form-area .gform_wrapper form .gform_body li.gfield textarea {
  height: 200px;
  border: 1px solid #E6E7E8;
  padding: 18px 20px;
  transition: all 0.3s ease-out;
  width: 100%;
}
.form-area .gform_wrapper form .gform_body li.gfield textarea:focus {
  border: 1px solid #4f4f4f;
}
.form-area .gform_wrapper form .gform_body .float-right {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 50%;
  padding-left: 15px;
  min-width: 50%;
}
.form-area .gform_wrapper form .gform_body .float-left {
  float: left;
  width: 50%;
  padding-right: 15px;
  clear: both;
}
.form-area .gform_wrapper form .gform_footer {
  clear: both;
  text-align: center;
}
.form-area .gform_wrapper form .gform_footer input[type=submit] {
  cursor: pointer;
  background-color: #4f4f4f;
  border: 2px solid #4f4f4f;
  color: white;
  height: 60px;
  padding: 0 30px;
  margin-top: 40px;
  font-size: 16px;
  border-radius: 5px;
  font-weight: 700;
  min-width: 180px;
}
.form-area .gform_wrapper form .gform_footer input[type=submit]:hover {
  background-color: dimgray;
  border: 1px solid dimgray;
}

.contacts-area h1 {
  font-size: 48px;
  margin-bottom: 2.5rem;
}
.contacts-area h2 {
  margin-bottom: 2rem;
}
.contacts-area h2 span {
  color: #4f4f4f;
}
.contacts-area .contacts-container h3 {
  color: #F6C86F;
  font-weight: 500;
  font-size: 21px;
  margin-bottom: 1.2rem;
}
.contacts-area .contacts-container h5 {
  color: #4f4f4f;
  margin-bottom: 3px;
  font-size: 18px;
}
.contacts-area .contacts-container p {
  line-height: 1.4;
  margin-bottom: 5px;
  font-size: 14px;
}
.contacts-area .contacts-container p strong {
  font-weight: 400;
  top: 0px;
}
.contacts-area .contacts-container a {
  color: inherit;
}
.contacts-area .requisites-container {
  padding-top: 0px;
  padding-bottom: 0px;
}
.contacts-area .requisites-container .requisites {
  padding-top: 80px;
  padding-bottom: 80px;
  max-width: 540px;
  margin-left: auto;
  margin-right: 0px;
}
.contacts-area .requisites-container .requisites li {
  margin: 13px 0px;
}
.contacts-area .page-content {
  padding-top: 60px;
  padding-bottom: 60px;
}
.contacts-area .contact-form {
  padding-top: 80px;
  padding-bottom: 60px;
  text-align: center;
  background: #E6E7E8;
}
.contacts-area .contact-form .wpforms-container-full .wpforms-form {
  margin-top: 60px;
}
.contacts-area .contact-form .wpforms-container-full .wpforms-form .wpforms-field-container {
  position: relative;
}
.contacts-area .contact-form .wpforms-container-full .wpforms-form button[type=submit] {
  background-color: #4f4f4f;
  border: 2px solid #4f4f4f;
  color: white;
  height: 60px;
  padding: 0 30px;
  margin-top: 40px;
  font-size: 16px;
}
.contacts-area .contact-form .wpforms-container-full .wpforms-form button[type=submit].btn-rounded {
  border-radius: 5px;
}
.contacts-area .contact-form .wpforms-container-full .wpforms-form button[type=submit]:hover {
  background-color: dimgray;
  border: 1px solid dimgray;
}
.contacts-area .contact-form .wpforms-container-full .wpforms-form .wpforms-field {
  clear: none;
  padding: 5px 0;
}
.contacts-area .contact-form .wpforms-container-full .wpforms-form .wpforms-field label {
  text-align: left;
  color: #4f4f4f;
  font-size: 18px;
  margin-bottom: 5px;
}
.contacts-area .contact-form .wpforms-container-full .wpforms-form .wpforms-field label span {
  display: none;
}
.contacts-area .contact-form .wpforms-container-full .wpforms-form .wpforms-field input {
  padding: 18px 20px;
  border: 1px solid #E6E7E8;
  border-radius: 5px;
  height: auto;
  transition: all 0.3s ease-out;
}
.contacts-area .contact-form .wpforms-container-full .wpforms-form .wpforms-field input:focus {
  border: 1px solid #4f4f4f;
}
.contacts-area .contact-form .wpforms-container-full .wpforms-form .wpforms-field textarea {
  height: 260px;
  border: 1px solid #E6E7E8;
  padding: 18px 20px;
  transition: all 0.3s ease-out;
}
.contacts-area .contact-form .wpforms-container-full .wpforms-form .wpforms-field textarea:focus {
  border: 1px solid #4f4f4f;
}
.contacts-area .contact-form .wpforms-container-full .wpforms-form .float-right {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 50%;
  padding-left: 15px;
  min-width: 50%;
}
.contacts-area .contact-form .wpforms-container-full .wpforms-form .float-left {
  float: left;
  width: 50%;
  padding-right: 15px;
  clear: both;
}
.contacts-area .contact-form .wpforms-container-full .submit-container {
  clear: both;
  text-align: center;
  position: relative;
  top: 50px;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .contacts-area .requisites-container .requisites {
    max-width: 450px;
  }
}
@media (max-width: 991px) {
  .contacts-area .requisites-container .requisites {
    padding-left: 45px;
    padding-right: 45px;
    padding-top: 45px;
    padding-bottom: 45px;
    max-width: 100%;
  }
  .contacts-area .requisites-container .map-container {
    height: 60vw;
    min-height: 50vh;
  }
  .form-area h2 {
    padding: 0 15px;
  }
  .form-area .gform_wrapper form {
    max-width: 100%;
    padding: 0 15px;
  }
}
@media (max-width: 767px) {
  .contacts-area .page-content {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .contacts-area .contact-form {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .contacts-area .contact-form .wpforms-container-full .wpforms-form {
    margin-top: 30px;
  }
  .contacts-area .contact-form .wpforms-container-full .wpforms-form .float-right {
    float: none;
    width: 100%;
    padding-left: 0px;
    position: relative;
  }
  .contacts-area .contact-form .wpforms-container-full .wpforms-form .float-left {
    float: none;
    width: 100%;
    padding-right: 0px;
  }
  .contacts-area .contact-form .wpforms-container-full .wpforms-form button[type=submit] {
    margin-top: 20px;
  }
}
/* WP Forms */
div.wpforms-container form.wpforms-form .wpforms-field-container {
  position: relative;
}
div.wpforms-container form.wpforms-form .wpforms-field-container .wpforms-field {
  clear: none;
  padding: 6px 0;
}
div.wpforms-container form.wpforms-form .wpforms-field-container .wpforms-field.float-right {
  float: right;
  width: 50%;
  padding-left: 15px;
  min-width: 50%;
}
div.wpforms-container form.wpforms-form .wpforms-field-container .wpforms-field.float-left {
  float: left;
  width: 50%;
  padding-right: 15px;
}
@media (max-width: 767px) {
  div.wpforms-container form.wpforms-form .wpforms-field-container .wpforms-field.float-right, div.wpforms-container form.wpforms-form .wpforms-field-container .wpforms-field.float-left {
    float: none;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
  }
  div.wpforms-container form.wpforms-form .wpforms-field-container .wpforms-field.float-right {
    position: absolute;
    top: 350px;
  }
  div.wpforms-container form.wpforms-form .wpforms-field-container .wpforms-field.float-right textarea {
    height: 200px;
    resize: none;
  }
}
div.wpforms-container form.wpforms-form .wpforms-field-container .wpforms-field input,
div.wpforms-container form.wpforms-form .wpforms-field-container .wpforms-field select,
div.wpforms-container form.wpforms-form .wpforms-field-container .wpforms-field textarea {
  padding: 15px 20px;
  font-size: 16px;
  border: 1px solid #E6E7E8;
  margin-top: 5px;
  width: 100%;
  transition: all 0.3s ease-out;
  color: #222222;
  height: auto;
  border-radius: 5px;
  line-height: 23px;
}
div.wpforms-container form.wpforms-form .wpforms-field-container .wpforms-field input:focus, div.wpforms-container form.wpforms-form .wpforms-field-container .wpforms-field input:active,
div.wpforms-container form.wpforms-form .wpforms-field-container .wpforms-field select:focus,
div.wpforms-container form.wpforms-form .wpforms-field-container .wpforms-field select:active,
div.wpforms-container form.wpforms-form .wpforms-field-container .wpforms-field textarea:focus,
div.wpforms-container form.wpforms-form .wpforms-field-container .wpforms-field textarea:active {
  border: 1px solid #F6C86F;
}
div.wpforms-container form.wpforms-form .wpforms-field-container .wpforms-field textarea {
  height: 315px;
}
div.wpforms-container form.wpforms-form .wpforms-field-container .wpforms-field label {
  font-size: 12px;
  text-transform: uppercase;
}
div.wpforms-container form.wpforms-form .wpforms-submit-container {
  clear: both;
  position: relative;
  text-align: center;
  top: 10px;
}
@media (min-width: 1025px) {
  div.wpforms-container form.wpforms-form .wpforms-submit-container {
    top: 20px;
  }
}
div.wpforms-container form.wpforms-form .wpforms-submit-container input {
  margin: 0 auto;
  z-index: 1;
  position: relative;
}
div.wpforms-container form.wpforms-form .wpforms-submit-container button[type=submit] {
  padding: 0px;
  border-width: 0px;
}
@media (max-width: 767px) {
  div.wpforms-container form.wpforms-form .wpforms-submit-container {
    padding-top: 240px;
  }
}
div.wpforms-container form.wpforms-form .wpforms-confirmation-container-full,
div.wpforms-container form.wpforms-form div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
  background: transparent;
  border: 0px solid #fff;
  text-align: center;
}
div.wpforms-container form.wpforms-form .wpforms-confirmation-container-full p,
div.wpforms-container form.wpforms-form div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) p {
  font-size: 24px;
  line-height: 1.3;
  color: #29BF12;
  padding-top: 50px;
}
div.wpforms-container form.wpforms-form .wpforms-confirmation-container-full div[submit-error] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message),
div.wpforms-container form.wpforms-form div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) div[submit-error] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
  background: transparent;
  border: 0px solid #fff;
  text-align: center;
}
div.wpforms-container form.wpforms-form .wpforms-confirmation-container-full div[submit-error] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) p,
div.wpforms-container form.wpforms-form div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) div[submit-error] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) p {
  font-size: 1.2em;
  line-height: 1.3;
  color: #ED2939;
}

/*------------------------------
    Product Single
------------------------------*/
.product-area .product-content h4 {
  color: #2F80ED;
  margin-bottom: 0.3rem;
  font-weight: 500;
}
.product-area .product-content h1 {
  margin-bottom: 3rem;
}
.product-area .product-content ul li {
  position: relative;
  padding-left: 20px;
  margin: 10px 0;
}
.product-area .product-content ul li:before {
  content: "";
  display: inline;
  width: 9px;
  height: 9px;
  border-radius: 10px;
  position: absolute;
  left: 0px;
  top: 9px;
  background: #F6C86F;
}
.product-area .product-content .btn-wrapper {
  margin-top: 3rem;
}
.product-area .product-content .btn-wrapper .btn-outline {
  background: rgba(0, 0, 0, 0);
  border: 2px solid rgba(0, 0, 0, 0.2);
  color: #4f4f4f;
}
.product-area .product-content .btn-wrapper .btn-outline:hover {
  background: rgba(0, 0, 0, 0.05);
  border: 2px solid rgba(0, 0, 0, 0.3);
}
.product-area .product-content .btn-wrapper .btn-outline:before {
  background: rgba(0, 0, 0, 0.1) radial-gradient(circle, transparent 1%, rgba(0, 0, 0, 0.1) 1%) center/15000%;
}
.product-area .product-content .btn-wrapper .btn-outline:active:before {
  background-color: rgba(0, 0, 0, 0.2);
  background-size: 100%;
}
.product-area .product-content .btn-wrapper a:last-child {
  margin-left: 20px;
}
.product-area .product-content .technical-data-container {
  margin-top: 3.5rem;
}
.product-area .product-content .technical-data-container .technical-data {
  -moz-columns: 2 240px;
  columns: 2 240px;
  -moz-column-gap: 30px;
  column-gap: 30px; /* Chrome, Safari, Opera */
  page-break-inside: avoid; /* Firefox */
  -moz-column-break-inside: avoid;
       break-inside: avoid; /* IE 10+ */
}
.product-area .product-content .technical-data-container .technical-data p strong {
  color: #4f4f4f;
  line-height: 1.3;
}
.product-area amp-carousel {
  text-align: center;
}
.product-area amp-carousel.thumb-nav .amp-carousel-button {
  display: none;
}
.product-area amp-carousel.carousel-preview .amp-carousel-button {
  display: none;
}
.product-area amp-carousel .amp-carousel-button {
  display: none;
}
.product-area amp-carousel amp-img {
  margin: 0px 10px;
  border: 5px solid rgb(255, 255, 255);
}
.product-area amp-carousel amp-img:focus {
  outline-color: #E6E7E8;
  outline-width: 0px;
}
.product-area amp-carousel amp-img img:focus {
  outline-color: #E6E7E8;
  outline-width: 0px;
}
.product-area amp-selector {
  margin-top: 20px;
}
.product-area amp-selector [option][selected] {
  outline: 0px solid #E6E7E8;
  border: 5px solid #E6E7E8;
}
.product-area.thumb-nav amp-carousel .amp-carousel-button {
  display: block;
}

@media (max-width: 767px) {
  .product-area .product-content h4 {
    margin-bottom: 0.3rem;
    font-weight: 500;
  }
  .product-area .product-content h1 {
    margin-bottom: 1rem;
  }
  .product-area .product-content .btn-wrapper {
    margin-top: 1rem;
  }
  .product-area .product-content .btn-wrapper a:last-child {
    margin-left: 0px;
    margin-top: 15px;
  }
}
/*------------------------------
    Blog
------------------------------*/
.become-a-partner {
  display: none;
}

.single-post .header-area,
.single .header-area {
  padding-top: 0px;
}
.single-post .rt-reading-time span,
.single .rt-reading-time span {
  color: #F6C86F;
}

/*
Hero
*/
.hero-container .header__image .header__heading h1 {
  font-size: 2em;
  line-height: 1.3;
  max-width: 80%;
}
.hero-container .header__image h3, .hero-container .header__image p {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4em;
}
.hero-container .header__image h1 span, .hero-container .header__image h3, .hero-container .header__image p {
  padding: 5px 10px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  display: initial;
}
.hero-container .header__image .post-date {
  position: absolute;
  z-index: 3;
  left: 20px;
  top: 20px;
}
.hero-container.aqua .header__image .post-date {
  left: 50px;
  top: 10px;
}
.hero-container.aqua .header__image .header__heading {
  left: 50px;
  bottom: 50px;
}
.hero-container.aqua .header__image .header__heading h1 {
  width: 80%;
}
.hero-container.aqua .header__image:after, .hero-container.aqua .header__image:before,
.hero-container.aqua .header__image .art:before,
.hero-container.aqua .header__image .art:after {
  content: "";
  display: block;
  z-index: 2;
  background: url("../img/corner-aqua.svg") no-repeat left top/contain;
  position: absolute;
  width: 100px;
  height: 100px;
}
.hero-container.aqua .header__image:after {
  bottom: 0px;
  left: 0px;
  transform: rotate(-90deg);
}
.hero-container.aqua .header__image:before {
  top: 0px;
  left: 0px;
}
.hero-container.aqua .header__image .art:after {
  bottom: 0px;
  right: 0px;
  transform: rotate(-180deg);
}
.hero-container.aqua .header__image .art:before {
  top: 0px;
  right: 0px;
  transform: rotate(90deg);
}
@media (min-width: 768px) {
  .hero-container .header__image {
    height: calc(100vh - 165px);
    max-height: none;
    min-height: 600px;
  }
  .hero-container .header__image .header__heading h1 {
    font-size: 3em;
  }
  .hero-container .header__image h3, .hero-container .header__image p {
    font-size: 30px;
  }
  .hero-container.aqua .header__image .header__heading {
    left: 100px;
    bottom: 100px;
  }
  .hero-container.aqua .header__image .post-date {
    left: 100px;
    top: 100px;
  }
  .hero-container.aqua .header__image:after, .hero-container.aqua .header__image:before,
  .hero-container.aqua .header__image .art:before,
  .hero-container.aqua .header__image .art:after {
    width: 200px;
    height: 200px;
  }
}

/*
Paid content
*/
.pc-container {
  border-bottom: 2px solid #4f4f4f;
  padding-bottom: 4px;
  position: relative;
}
.pc-container:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 4px;
  height: 4px;
  width: 100%;
  left: 0px;
  background: url("https://connectingvienna.com/wp-content/themes/connecting-the-dots/img/golden-brick-horizontal.svg") space center bottom/8px 3px;
}
.pc-container p {
  margin: 0px;
  padding: 10px 20px;
  text-align: center;
  line-height: 1.2rem;
}

/*
Blog
*/
.blog-area .single-post > a {
  left: 15px;
  right: 15px;
  width: auto;
}
.blog-area .single-post:last-child {
  margin-bottom: 0px;
}
@media (max-width: 1024px) {
  .blog-area .single-post {
    padding-top: 0px;
  }
}
.blog-area.single {
  padding: 0px;
}
.blog-area.single amp-img.alignleft, .blog-area.single amp-img.alignright, .blog-area.single amp-img.aligncenter,
.blog-area.single img.alignleft,
.blog-area.single img.alignright,
.blog-area.single img.aligncenter {
  float: none;
  display: block;
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
}
.blog-area.single.red .container .cp blockquote {
  border-left-color: #ED2939;
}
.blog-area.single.red .container .cp blockquote h2, .blog-area.single.red .container .cp blockquote h3, .blog-area.single.red .container .cp blockquote h4, .blog-area.single.red .container .cp blockquote h5, .blog-area.single.red .container .cp blockquote h6 {
  color: #ED2939;
}
.blog-area.single.red .container .cp h2 {
  color: #ED2939;
}
.blog-area.single.red .container .cp ul li:before {
  background: #ED2939;
}
.blog-area.single.red .container .cp ul li:after {
  background: #fff;
}
.blog-area.single.aqua .container .cp blockquote {
  border-left-color: #AFD4D9;
}
.blog-area.single.aqua .container .cp blockquote h2, .blog-area.single.aqua .container .cp blockquote h3, .blog-area.single.aqua .container .cp blockquote h4, .blog-area.single.aqua .container .cp blockquote h5, .blog-area.single.aqua .container .cp blockquote h6 {
  color: #AFD4D9;
}
.blog-area.single.aqua .container .cp h2 {
  color: #AFD4D9;
}
.blog-area.single.aqua .container .cp ul li:before {
  background: #AFD4D9;
}
.blog-area.single.gold .container .cp blockquote {
  border-left-color: #F6C86F;
}
.blog-area.single.gold .container .cp blockquote h2, .blog-area.single.gold .container .cp blockquote h3, .blog-area.single.gold .container .cp blockquote h4, .blog-area.single.gold .container .cp blockquote h5, .blog-area.single.gold .container .cp blockquote h6 {
  color: #F6C86F;
}
.blog-area.single.gold .container .cp h2 {
  color: #F6C86F;
}
.blog-area.single.gold .container .cp ul li:before {
  background: #1A1A1A;
}
.blog-area.single.gold .container .cp ul li:after {
  background: #fff;
}
.blog-area.single.indigo .container .cp blockquote {
  border-left-color: #2F2C7B;
}
.blog-area.single.indigo .container .cp blockquote h2, .blog-area.single.indigo .container .cp blockquote h3, .blog-area.single.indigo .container .cp blockquote h4, .blog-area.single.indigo .container .cp blockquote h5, .blog-area.single.indigo .container .cp blockquote h6 {
  color: #2F2C7B;
}
.blog-area.single.indigo .container .cp h2 {
  color: #2F2C7B;
}
.blog-area.single.indigo .container .cp ul li:before {
  background: #1A1A1A;
}
.blog-area.single.indigo .container .cp ul li:after {
  background: #fff;
}
.blog-area.single .container {
  padding-left: 0px;
  padding-right: 0px;
}
@media (max-width: 1024px) {
  .blog-area.single .container .cp #ez-toc-container {
    padding: 20px;
    border-top-width: 0px;
    margin-top: 0px;
  }
}
.blog-area.single .container .cp > * {
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 0px 20px;
  max-width: 808px;
  margin-left: auto;
  margin-right: auto;
  width: auto;
}
.blog-area.single .container .cp > *:last-child {
  margin-bottom: 5rem;
}
.blog-area.single .container .cp h1, .blog-area.single .container .cp h3, .blog-area.single .container .cp h4 {
  text-transform: initial;
  color: #4f4f4f;
}
.blog-area.single .container .cp h1, .blog-area.single .container .cp h2, .blog-area.single .container .cp h3, .blog-area.single .container .cp h4, .blog-area.single .container .cp h5, .blog-area.single .container .cp h6 {
  margin-top: 20px;
  margin-bottom: 10px;
}
.blog-area.single .container .cp p {
  margin-top: 10px;
  margin-bottom: 10px;
}
.blog-area.single .container .cp h1 {
  text-align: left;
}
.blog-area.single .container .cp h2 {
  line-height: 1.2em;
  text-align: left;
  font-weight: 700;
}
.blog-area.single .container .cp h2 + ul {
  margin-top: 0px;
}
.blog-area.single .container .cp h2 + ul li {
  margin-bottom: 0px;
}
.blog-area.single .container .cp h2 > .ez-toc-section {
  padding-top: 100px;
  margin-top: -100px;
}
.blog-area.single .container .cp h2 + .widget {
  margin-top: 0px;
}
.blog-area.single .container .cp h3 {
  text-align: left;
  font-size: 16px;
  font-weight: 700;
}
.blog-area.single .container .cp h3 + ul {
  margin-top: 0px;
}
.blog-area.single .container .cp h4 + ul {
  margin-top: 0px;
}
.blog-area.single .container .cp h4 + ul li {
  margin-bottom: 0px;
}
.blog-area.single .container .cp h6 {
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 0.8em;
  color: #aaa;
}
.blog-area.single .container .cp iframe {
  width: 100%;
  border-radius: 8px;
}
.blog-area.single .container .cp iframe section {
  max-width: 100%;
}
.blog-area.single .container .cp iframe section footer.become-a-partner {
  display: none;
}
.blog-area.single .container .cp .text-widget {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.blog-area.single .container .cp figure,
.blog-area.single .container .cp .wp-caption,
.blog-area.single .container .cp blockquote {
  position: relative;
  max-width: 100%;
}
.blog-area.single .container .cp blockquote {
  background: url("../img/blockquote-black.svg") no-repeat 60px 18px/2rem 2rem, rgb(255, 255, 255);
  padding: 4rem 50px 2rem 60px;
  border: 1px solid #E6E7E8;
  border-right-width: 0px;
  border-left-width: 10px;
  box-shadow: 0px 0px 36px 0px rgba(246, 200, 111, 0.1);
}
.blog-area.single .container .cp blockquote:after, .blog-area.single .container .cp blockquote:before,
.blog-area.single .container .cp blockquote p:after {
  content: "";
  display: block;
  position: absolute;
}
.blog-area.single .container .cp blockquote:after,
.blog-area.single .container .cp blockquote p:after {
  width: 12px;
  height: 90px;
  background: url("../img/golden-brick-vertical.svg") space center bottom/12px 24px;
}
.blog-area.single .container .cp blockquote:after {
  left: 50px;
  bottom: 18px;
  display: none;
}
.blog-area.single .container .cp blockquote:before {
  left: -4px;
  top: 0px;
  bottom: 0px;
  width: 40px;
  background: url("../img/seccession-block-2.svg") repeat-y center top/40px 64px;
}
.blog-area.single .container .cp blockquote p {
  margin-bottom: 0.5em;
}
.blog-area.single .container .cp blockquote p:after {
  right: 18px;
  top: 18px;
}
.blog-area.single .container .cp blockquote p:last-child {
  margin-bottom: 0;
}
.blog-area.single .container .cp blockquote ul {
  margin: 0;
}
.blog-area.single .container .cp blockquote ul li {
  margin-bottom: 0px;
}
.blog-area.single .container .cp blockquote h3 {
  margin-top: 0em;
}
.blog-area.single .container .cp blockquote h2 {
  margin-top: 0em;
}
.blog-area.single .container .cp blockquote a {
  line-break: anywhere;
}
.blog-area.single .container .cp .gallery {
  gap: 16px;
  display: flex;
  flex-wrap: wrap;
}
.blog-area.single .container .cp amp-img.left,
.blog-area.single .container .cp img.left {
  float: none;
}
.blog-area.single .container .cp figure,
.blog-area.single .container .cp .wp-caption {
  padding: 0px;
  max-width: 100%;
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 0px;
}
.blog-area.single .container .cp figure .wp-caption-text,
.blog-area.single .container .cp .wp-caption .wp-caption-text {
  padding: 0px 20px;
  max-width: 768px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  width: auto;
  font-size: 14px;
  line-height: 1.3em;
  color: rgba(0, 0, 0, 0.44);
  font-weight: 400;
  text-align: left;
}
.blog-area.single .container .cp figure amp-img.left,
.blog-area.single .container .cp figure img.left,
.blog-area.single .container .cp .wp-caption amp-img.left,
.blog-area.single .container .cp .wp-caption img.left {
  float: none;
}
.blog-area.single .container .cp pre, .blog-area.single .container .cp amp-img, .blog-area.single .container .cp blockquote, .blog-area.single .container .cp img {
  border-radius: 8px;
}
.blog-area.single .container .cp ul li {
  border-left: 10px solid #F6C86F;
  padding-left: 20px;
  position: relative;
  margin-bottom: 15px;
}
.blog-area.single .container .cp ul li:before, .blog-area.single .container .cp ul li:after {
  content: "";
  display: block;
  position: absolute;
}
.blog-area.single .container .cp ul li:before {
  z-index: 3;
  transform: rotate(45deg);
  width: 6px;
  height: 6px;
  left: -8px;
  top: 12px;
}
.blog-area.single .container .cp ul li:after {
  z-index: 2;
  width: 10px;
  height: 10px;
  background: #1A1A1A;
  left: -10px;
  top: 10px;
}
.blog-area.single .container .cp h3 + ul li {
  margin-bottom: 0px;
}
.blog-area.single .container .cp hr {
  margin: 3rem auto;
  max-width: 748px;
  border-color: #F6C86F;
  border-bottom-width: 1px;
  border-top-width: 0px;
  min-height: 1px;
  border-style: solid;
  box-sizing: border-box;
}
.blog-area.single .container .cp .activities-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 0px;
  margin-right: 0px;
}
.blog-area.single .container .cp .activities-container .activity {
  text-align: left;
  margin-bottom: 25px;
  padding-right: 0px;
  width: 100%;
}
.blog-area.single .container .cp .activities-container .activity amp-img,
.blog-area.single .container .cp .activities-container .activity img {
  border-radius: 4px;
  height: 40%;
}
.blog-area.single .container .cp .activities-container .activity h4 {
  margin-top: 16px;
  margin-bottom: 8px;
  font-size: 1rem;
}
.blog-area.single .container .cp .activities-container .activity p {
  margin-bottom: 30px;
  font-size: 0.8rem;
  line-height: 160%;
}
.blog-area.single .container .cp .activities-container .activity .btn {
  font-size: 15px;
  padding: 11px 20px;
}

.home .content-container .categories__content .post__parent {
  padding-bottom: 100%;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  border-radius: 8px;
}
.home .content-container .categories__content .post__parent h2 {
  color: rgb(255, 255, 255);
}

.navigation {
  padding-bottom: 20px;
  padding-top: 20px;
}
.navigation .container .alignleft,
.navigation .container .alignright {
  width: 50%;
}
.navigation .container h5 {
  font-size: 14px;
}
.navigation .container h3 {
  font-size: 18px;
}

@media (max-width: 767px) {
  .blog-area.single .container .cp .gallery .wp-caption .wp-caption-text {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (max-width: 1024px) {
  .blog-area.single .container .cp.sidebar-wrapper .sidebar-toc {
    margin: 0;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  h2 {
    font-size: 24px;
  }
  .blog-area.single .cp.sidebar-wrapper .sidebar-toc {
    margin-top: 3.3rem;
  }
}
@media (min-width: 768px) {
  .blog-area .single-post {
    margin-bottom: 2em;
    padding-bottom: 65px;
    padding-top: 25px;
  }
  .blog-area .single-post amp-img,
  .blog-area .single-post img {
    margin-bottom: 1em;
    border-radius: 20px;
  }
  .blog-area .single-post h1 {
    font-size: 30px;
    margin-top: 0px;
  }
  .blog-area .single-post h2 {
    font-size: 48px;
  }
  .blog-area .single-post h3 {
    font-size: 24px;
  }
  .blog-area .single-post h3 a {
    color: #2F80ED;
  }
  .blog-area .single-post h4 {
    font-size: 18px;
  }
  .blog-area .single-post h3,
  .blog-area .single-post p.date {
    margin-bottom: 5px;
  }
  .blog-area .single-post .data-container {
    display: flex;
    justify-content: space-between;
  }
  .blog-area .single-post .data-container .rt-reading-time {
    display: flex;
  }
  .blog-area .single-post .data-container .rt-reading-time span {
    font-size: 14px;
    line-height: 1.3em;
    color: #E5EEF2;
  }
  .blog-area .single-post .data-container p.date {
    color: #E5EEF2;
  }
  .blog-area .single-post.no-thumb {
    padding-top: 1.5em;
  }
  .blog-area .single-post.no-thumb h3 {
    font-size: 24px;
  }
  .blog-area .single-post.no-thumb h3 a {
    color: #2F80ED;
  }
  .blog-area .single-post.no-thumb h3 a:before {
    content: "";
    display: block;
    right: 15px;
    left: 15px;
    height: 5px;
    position: absolute;
    top: 0px;
    background: #F6C86F;
    margin-bottom: 1em;
    transition: all 0.5s ease-in-out;
  }
  .blog-area .single-post.no-thumb h3 a:visited:before {
    background: #2F80ED;
  }
  .blog-area .single-post.no-thumb:hover h3 a:before {
    background: #ED2939;
  }
  .blog-area .single-post .excerpt-container p {
    display: none;
  }
  .blog-area .single-post p {
    line-height: 1.3;
  }
  .blog-area .single-post p.date, .blog-area .single-post p.category {
    font-size: 14px;
    color: #4f4f4f;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .blog-area .single-post p.date {
    margin-bottom: 5px;
  }
  .blog-area .single-post p.date + h3 {
    margin-top: 25px;
  }
  .blog-area .single-post p.category {
    background: #ED2939;
    display: inline-block;
    padding: 2px 5px 1px;
    border-radius: 3px;
    color: white;
  }
  .blog-area .single-post p.category.beginner {
    background: #29BF12;
  }
  .blog-area .single-post p.category.examples {
    background: #B8336A;
    color: rgb(255, 255, 255);
  }
  .blog-area .single-post p.category.naujienos, .blog-area .single-post p.category.patirtis, .blog-area .single-post p.category.news, .blog-area .single-post p.category.experience, .blog-area .single-post p.category.naujiena {
    display: none;
  }
  .blog-area .single-post > a {
    position: absolute;
    bottom: 0px;
  }
  .blog-area .pagination {
    margin: 0 auto;
    margin-top: 40px;
    width: 100%;
    justify-content: center;
  }
  .blog-area .pagination span, .blog-area .pagination a {
    font-size: 24px;
    font-weight: bold;
    width: 46px;
    height: 46px;
    line-height: 52px;
    text-align: center;
    position: relative;
  }
  .blog-area .pagination span {
    color: #F6C86F;
  }
  .blog-area .pagination span:after {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    border-radius: 30px;
    border: 3px solid rgba(52, 57, 62, 0.26);
  }
  .blog-area .pagination a {
    color: #2F80ED;
  }
  .blog-area .pagination a:hover {
    color: #F6C86F;
  }
  .blog-area.single {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .blog-area.single .container {
    max-width: 100%;
  }
  .blog-area.single .container .cp .activities-container {
    flex-wrap: nowrap;
    flex-direction: row;
    margin-right: -30px;
    margin-top: 25px;
  }
  .blog-area.single .container .cp .activities-container .activity {
    margin-bottom: 0px;
    padding-right: 30px;
    width: 33.3333%;
  }
  .blog-area.single .container .cp .activities-container .activity:last-child {
    padding-right: 20px;
  }
  .blog-area.single .container .cp .activities-container .activity amp-img,
  .blog-area.single .container .cp .activities-container .activity img {
    max-height: 300px;
  }
  .blog-area.single .container .cp > * {
    padding: 0px 30px;
  }
  .blog-area.single .container .cp h1, .blog-area.single .container .cp h2, .blog-area.single .container .cp h3, .blog-area.single .container .cp h4, .blog-area.single .container .cp h5, .blog-area.single .container .cp h6 {
    margin-top: 45px;
    margin-bottom: 15px;
  }
  .blog-area.single .container .cp h2 {
    font-size: 30px;
  }
  .blog-area.single .container .cp h3 {
    font-size: 21px;
    margin-bottom: 12px;
    font-size: 24px;
  }
  .blog-area.single .container .cp h3 + p {
    margin-top: 12px;
  }
  .blog-area.single .container .cp h4 {
    font-size: 18px;
  }
  .blog-area.single .container .cp h4 + p {
    margin-top: 12px;
  }
  .blog-area.single .container .cp p {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .blog-area.single .container .cp ul, .blog-area.single .container .cp ol, .blog-area.single .container .cp p, .blog-area.single .container .cp figure, .blog-area.single .container .cp blockquote, .blog-area.single .container .cp h1, .blog-area.single .container .cp h2, .blog-area.single .container .cp h3, .blog-area.single .container .cp h4, .blog-area.single .container .cp pre {
    margin-bottom: 1.1rem;
    display: block;
  }
  .blog-area.single .container .cp h2, .blog-area.single .container .cp h3, .blog-area.single .container .cp h4, .blog-area.single .container .cp pre, .blog-area.single .container .cp figure, .blog-area.single .container .cp blockquote {
    margin-top: 3.3rem;
  }
  .blog-area.single .container .cp h1 {
    margin-top: 65px;
  }
}
@media (min-width: 768px) and (min-width: 1025px) {
  .blog-area.single .container .cp h1 {
    margin-top: 105px;
  }
}
@media (min-width: 768px) {
  .blog-area.single .container .cp h2 + h3,
  .blog-area.single .container .cp h2 + h4,
  .blog-area.single .container .cp h3 + h4 {
    margin-top: 1.5rem;
  }
  .blog-area.single .container .cp ul, .blog-area.single .container .cp ol {
    /* padding-left:1.1rem; */
  }
  .blog-area.single .container .cp ul li, .blog-area.single .container .cp ol li {
    margin-bottom: 1rem;
  }
  .blog-area.single .container .cp figure,
  .blog-area.single .container .cp .wp-caption,
  .blog-area.single .container .cp blockquote,
  .blog-area.single .container .cp pre,
  .blog-area.single .container .cp .widget-shortcode,
  .blog-area.single .container .cp .gallery {
    margin-top: 3.3rem;
    margin-bottom: 3.3rem;
  }
  .blog-area.single .container .cp figure,
  .blog-area.single .container .cp .wp-caption {
    padding-left: 30px;
    padding-right: 30px;
    text-align: center;
  }
  .blog-area.single .container .cp figure figcaption,
  .blog-area.single .container .cp figure .wp-caption-text,
  .blog-area.single .container .cp .wp-caption figcaption,
  .blog-area.single .container .cp .wp-caption .wp-caption-text {
    font-size: 16px;
    text-align: center;
    margin-bottom: 0px;
  }
  .blog-area.single .container .cp figure amp-img,
  .blog-area.single .container .cp figure img,
  .blog-area.single .container .cp .wp-caption amp-img,
  .blog-area.single .container .cp .wp-caption img {
    max-width: 100%;
  }
  .blog-area.single .container .cp figure amp-img.left,
  .blog-area.single .container .cp figure img.left,
  .blog-area.single .container .cp .wp-caption amp-img.left,
  .blog-area.single .container .cp .wp-caption img.left {
    margin: 30px 0 0px;
    width: 100%;
  }
  .blog-area.single .container .cp figure amp-img.left img,
  .blog-area.single .container .cp figure img.left img,
  .blog-area.single .container .cp .wp-caption amp-img.left img,
  .blog-area.single .container .cp .wp-caption img.left img {
    -o-object-position: 130px center;
       object-position: 130px center;
  }
  .blog-area.single .container .cp figure amp-img.full,
  .blog-area.single .container .cp figure img.full,
  .blog-area.single .container .cp .wp-caption amp-img.full,
  .blog-area.single .container .cp .wp-caption img.full {
    max-width: 100%;
    min-width: 100%;
    width: 100%;
    padding: 0px;
    border-radius: 0px;
  }
  .blog-area.single .container .cp figure amp-img.full img,
  .blog-area.single .container .cp figure img.full img,
  .blog-area.single .container .cp .wp-caption amp-img.full img,
  .blog-area.single .container .cp .wp-caption img.full img {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .blog-area.single .container .cp figure.aligncenter, .blog-area.single .container .cp figure.alignright,
  .blog-area.single .container .cp .wp-caption.aligncenter,
  .blog-area.single .container .cp .wp-caption.alignright {
    margin-left: auto;
  }
  .blog-area.single .container .cp table {
    width: 100%;
    border-bottom: 1px solid #E6E7E8;
  }
  .blog-area.single .container .cp table tr {
    border-top: 1px solid #E6E7E8;
  }
  .blog-area.single .container .cp table td {
    vertical-align: top;
  }
  .blog-area.single .container .cp table p {
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 15px;
    line-height: 120%;
  }
  .blog-area.single .container .cp blockquote {
    max-width: 970px;
    margin-top: 50px;
    margin-bottom: 50px;
    padding: 3rem 3.5rem 3rem 100px;
    position: relative;
    border-right-width: 1px;
    background-position: 50px 2rem;
  }
  .blog-area.single .container .cp blockquote p {
    margin-bottom: 25px;
  }
  .blog-area.single .container .cp blockquote cite {
    display: block;
    margin-top: 10px;
    font-weight: 700;
  }
  .blog-area.single .container .cp blockquote:after {
    display: block;
  }
  .blog-area.single .container .cp h1 + pre,
  .blog-area.single .container .cp h1 + code, .blog-area.single .container .cp h2 + pre,
  .blog-area.single .container .cp h2 + code, .blog-area.single .container .cp h3 + pre,
  .blog-area.single .container .cp h3 + code, .blog-area.single .container .cp h4 + pre,
  .blog-area.single .container .cp h4 + code {
    margin-top: 1.3rem;
  }
  .blog-area.single .container .cp pre, .blog-area.single .container .cp code {
    background: #4f4f4f;
    color: #ED2939;
  }
  .blog-area.single .container .cp code {
    padding-left: 0.2rem;
    padding-right: 0.2rem;
    border-radius: 2px;
    font-family: "Roboto", sans-serif;
  }
  .blog-area.single .container .cp pre {
    padding: 1.5rem;
    overflow-x: auto;
    word-wrap: break-word;
    white-space: pre-wrap;
  }
  .blog-area.single .container .cp pre code {
    padding-left: 0rem;
    padding-right: 0rem;
    border-radius: 0px;
  }
  .blog-area.single .container .cp amp-img.alignleft,
  .blog-area.single .container .cp img.alignleft {
    float: left;
    margin-right: 1.6rem;
  }
  .blog-area.single .container .cp amp-img.alignright,
  .blog-area.single .container .cp img.alignright {
    float: right;
    margin-left: 1.6rem;
  }
  .blog-area.single .container .cp amp-img.aligncenter,
  .blog-area.single .container .cp img.aligncenter {
    margin: 0 auto;
    display: table;
  }
  .blog-area.single .container .cp .gallery {
    max-width: 100%;
    padding: 0 30px;
    gap: 24px;
  }
  .blog-area.single .container .cp .gallery amp-img,
  .blog-area.single .container .cp .gallery img {
    max-width: 100%;
  }
  .blog-area.single .container .cp .gallery amp-img.grid,
  .blog-area.single .container .cp .gallery img.grid {
    max-width: calc(50% - 12px);
    padding-left: 0px;
    padding-right: 0px;
    box-sizing: border-box;
  }
  .blog-area.single .container .cp .gallery .wp-caption,
  .blog-area.single .container .cp .gallery p {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    /* amp-img,
    img {
        margin-top: 15px;
        margin-bottom: 15px;
    } */
  }
  .blog-area.single .container .cp .gallery .wp-caption amp-img .grid,
  .blog-area.single .container .cp .gallery .wp-caption img .grid,
  .blog-area.single .container .cp .gallery p amp-img .grid,
  .blog-area.single .container .cp .gallery p img .grid {
    max-width: 500px;
    padding-left: 0px;
    padding-right: 0px;
    box-sizing: border-box;
  }
  .blog-area.single .container .cp .gallery.grid-c {
    display: flex;
    justify-content: center;
    gap: 24px;
  }
  .blog-area.single .container .cp .gallery.grid-c > .wp-caption,
  .blog-area.single .container .cp .gallery.grid-c > amp-img,
  .blog-area.single .container .cp .gallery.grid-c > img {
    max-width: calc(50% - 12px);
    padding-left: 0px;
    padding-right: 0px;
    box-sizing: border-box;
  }
  .blog-area.single .container .cp .gallery.grid-c > .wp-caption amp-img,
  .blog-area.single .container .cp .gallery.grid-c > .wp-caption img {
    width: 100%;
  }
  .blog-area.single .container .cp amp-ad {
    border: 1px solid #E6E7E8;
  }
  .blog-area.single .container .cp h2 > .ez-toc-section {
    padding-top: 40px;
    margin-top: -40px;
  }
  .blog-area.single .container .cp #ez-toc-container {
    padding: 30px;
    border: 1px solid #E6E7E8;
    border-radius: 16px;
  }
  .blog-area.single .container .cp #ez-toc-container .ez-toc-title {
    margin-top: 0px;
    margin-bottom: 10px;
    font-weight: 700;
    color: #4f4f4f;
    font-size: 21px;
  }
  .blog-area.single .container .cp #ez-toc-container .ez-toc-list,
  .blog-area.single .container .cp #ez-toc-container ul {
    margin-bottom: 0px;
  }
  .blog-area.single .container .cp #ez-toc-container .ez-toc-list li,
  .blog-area.single .container .cp #ez-toc-container ul li {
    margin-bottom: 0px;
  }
  .blog-area.single .container .cp #ez-toc-container .ez-toc-list li a,
  .blog-area.single .container .cp #ez-toc-container ul li a {
    font-size: 16px;
    line-height: 1.2;
    display: block;
    padding: 4px 0px;
    color: #4f4f4f;
  }
  .blog-area.single .container .cp #ez-toc-container .ez-toc-list li a:hover,
  .blog-area.single .container .cp #ez-toc-container ul li a:hover {
    color: #F6C86F;
    text-decoration: underline;
  }
  .navigation {
    padding-bottom: 40px;
    padding-top: 40px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .navigation .container {
    max-width: 768px;
  }
  .navigation .container h5 {
    margin-bottom: 0.5em;
    text-transform: initial;
    color: #E5EEF2;
  }
  .navigation .container h3 {
    font-size: 24px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .navigation .container h3 a {
    color: #4f4f4f;
    transition: all 0.2s ease-in-out;
  }
  .navigation .container .alignright,
  .navigation .container .alignleft {
    max-width: calc(50% - 15px);
  }
  .navigation .container .alignright h3, .navigation .container .alignright h5 {
    text-align: right;
  }
  .navigation .container .alignright h3 a:hover {
    color: #ED2939;
  }
  .navigation .container .alignleft h3 a:hover {
    color: #F6C86F;
  }
  .home .content-container {
    max-width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .home .content-container .categories__content {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    gap: 20px;
  }
  .home .content-container .categories__content .post__parent {
    flex: 1 1 calc(33.3333% - 40px);
    padding-bottom: 33%;
  }
  .home .content-container .categories__content .post__parent:nth-child(2) {
    flex: 1 1 calc(66.6666% - 40px);
  }
  .home .content-container .categories__content .post__parent a amp-img,
  .home .content-container .categories__content .post__parent a img {
    flex: 1 1 33%;
    z-index: 0;
    transition: all 0.3s ease-out;
  }
  .home .content-container .categories__content .post__parent .overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#050014+0,000014+100&0+40,0.65+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(5, 0, 20, 0) 0%, rgba(3, 0, 20, 0) 40%, rgba(0, 0, 20, 0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00050014", endColorstr="#a6000014",GradientType=0 ); /* IE6-9 */
  }
  .home .content-container .categories__content .post__parent .title__parent {
    z-index: 2;
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
  }
  .home .content-container .categories__content .post__parent .title__parent p, .home .content-container .categories__content .post__parent .title__parent p span {
    color: #fff;
    font-size: 14px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .home .content-container .posts__content {
    display: flex;
    margin-right: -20px;
    flex-wrap: wrap;
  }
  .home .content-container .posts__content .post__parent {
    margin-right: 20px;
    margin-bottom: 20px;
    flex: 0.5 0.5 30%;
    padding-bottom: 30%;
  }
  .home .content-container .posts__content .post__parent:nth-child(1) {
    flex: 1 1 40%;
    padding-bottom: 40%;
  }
  .home .content-container .posts__content .post__parent:nth-child(7) {
    flex: 1 1 40%;
    padding-bottom: 40%;
  }
  .home .content-container .posts__content .post__parent:nth-child(2) {
    padding-bottom: 40%;
  }
  .home .header__image {
    height: calc(100vh - 135px);
    max-height: none;
    min-height: 600px;
  }
  .home .cta__content {
    padding: 5px 10%;
    max-width: none;
  }
}
@media (min-width: 992px) {
  .blog-area.single .container .cp.sidebar-wrapper {
    position: relative;
  }
  .blog-area.single .container .cp.sidebar-wrapper .sidebar-toc {
    position: sticky;
    top: 100px;
    padding: 0px 0px 0px 20px;
    margin-top: 48px;
  }
  .blog-area.single .container .cp.sidebar-wrapper .sidebar-toc #ez-toc-container {
    position: relative;
    left: 30px;
  }
}
@media (min-width: 1440px) {
  .blog-area.single .container .cp.sidebar-wrapper .sidebar-toc {
    top: 124px;
    margin-top: 3.3rem;
  }
  .blog-area.single .container .cp .wp-caption img {
    max-width: 995px;
  }
  .blog-area.single .container .cp .gallery {
    max-width: 1055px;
  }
}
/****
* Breadcrumb
****/
.header__title {
  margin-left: 0px;
  margin-right: 0px;
  padding: 10px 20px;
  z-index: 10;
  position: relative;
  background: #F6C86F;
}
.header__title #breadcrumbs {
  list-style: none;
  overflow: hidden;
  color: #1A1A1A;
  margin-bottom: 0px;
  line-height: 1.2rem;
  font-size: 1rem;
}
.header__title #breadcrumbs.landing span {
  font-weight: 700;
}
.header__title #breadcrumbs a {
  margin-right: 5px;
  margin-left: 5px;
  color: #1A1A1A;
  font-weight: 700;
  text-decoration: none;
}
.header__title #breadcrumbs .breadcrumb_last {
  margin-top: 0.1em;
  margin-bottom: 0em;
  color: #1A1A1A;
  font-weight: 300;
}
.header__title #breadcrumbs > span > span > a {
  margin-left: 0px;
}
/****
* back to top
****/
.scrollToTop {
  box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
  width: 50px;
  height: 50px;
  border-radius: 100px;
  border: none;
  outline: none;
  background: #2f80ed url("/images/up.svg") no-repeat center 20px/15px auto;
  z-index: 9999;
  bottom: 13px;
  right: 13px;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
}

#marker {
  position: absolute;
  top: 100px;
  width: 0px;
  height: 0px;
}

/*------------------------------
    header Area
------------------------------*/
.hero-container .header__image {
  height: calc(100vh - 200px);
  background: #ED2939;
  margin-left: 0px;
  margin-right: 0px;
  position: relative;
  overflow: hidden;
  z-index: 9;
}
.hero-container .header__image:after, .hero-container .header__image:before {
  display: block;
  content: "";
  height: 8px;
}
.hero-container .header__image:before {
  display: none;
}
.hero-container .header__image:after {
  position: absolute;
  bottom: 0px;
  width: 100%;
  left: 0px;
}
.hero-container .header__image .header__heading {
  position: absolute;
  bottom: 40px;
  left: 20px;
  right: 20px;
  z-index: 2;
  max-width: 960px;
}
.hero-container .header__image h1 {
  margin-bottom: 30px;
  font-size: 3em;
  line-height: 1.3;
  max-width: 50%;
}
.hero-container .header__image h1 span,
.hero-container .header__image h3 {
  padding: 5px 10px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  display: initial;
}
.hero-container .header__image h1 span,
.hero-container .header__image h3,
.hero-container .header__image h3 p,
.hero-container .header__image a,
.hero-container .header__image p {
  background: #111;
  color: #fff;
}
.hero-container .header__image h3 p {
  display: inline;
}

.header-area {
  overflow: hidden;
}
.header-area.big-header {
  height: calc(100vh - 40px);
}
@media (min-width: 1025px) {
  .header-area {
    padding-top: 110px;
  }
}
@media (max-width: 1024px) {
  .header-area:not(.big-header):not(.regular-header):not(.small-header) {
    padding-top: 45px;
  }
}
.header-area .header-image {
  height: 63vh;
  position: absolute;
  width: 100vh;
  top: 90px;
  overflow: hidden;
  left: 480px;
}
.header-area.full-screen {
  padding-top: 110px;
}
.header-area.full-screen.big-header {
  height: 100vh;
}
@media (max-width: 767px) {
  .header-area.full-screen.big-header {
    padding-top: 90px;
  }
}
.header-area.full-screen .header-image {
  height: 100vh;
  top: 0px;
  left: auto;
  right: calc(600px - 50vw);
}
.header-area.full-screen .header-image amp-img.main-image {
  max-width: 80%;
  margin: 0 0 0 auto;
  max-height: calc(100vh - 110px);
}
.header-area.full-screen .header-image amp-img.main-image img {
  -o-object-position: right bottom;
     object-position: right bottom;
}
@media (max-width: 767px) {
  .header-area.full-screen .header-image amp-img.main-image {
    display: none;
  }
}
@media (max-width: 1024px) {
  .header-area.full-screen .header-image {
    width: calc(100% + 40px);
    left: -20px;
    height: 100vh;
  }
  .header-area.full-screen .header-image amp-img {
    max-height: none;
  }
}
@media only screen and (max-width: 1600px) {
  .header-area.full-screen .header-image amp-img.main-image {
    max-width: 70%;
  }
}
@media (max-width: 1439px) {
  .header-area.full-screen .header-image amp-img.main-image {
    max-width: 65%;
  }
}
@media only screen and (1440px) and (1600px) {
  .header-area.full-screen .header-image {
    right: 0px;
  }
  .header-area.full-screen .header-image amp-img.main-image {
    max-width: 65%;
  }
}
@media only screen and (1025px) and (1440px) {
  .header-area.full-screen .header-image amp-img.main-image {
    max-width: 50%;
  }
}
.header-area.full-screen .header-content-inner {
  z-index: 2;
  position: relative;
}
.header-area.full-screen .header-content-inner .header-inner {
  margin-bottom: 55px;
}
@media (max-width: 767px) {
  .header-area.full-screen .header-content-inner .header-inner {
    margin-bottom: 15px;
  }
}
.header-area.full-screen .header-content-inner .social-proof-container {
  position: absolute;
  bottom: 40px;
  left: 15px;
  width: calc((100vw - 1200px) / 2 + 450px);
}
.header-area.full-screen .header-content-inner .social-proof-container .social-proof-inner {
  height: 45px;
  position: relative;
}
.header-area.full-screen .header-content-inner .social-proof-container .social-proof-inner .social-proof-image {
  -o-object-position: left;
     object-position: left;
}
.header-area.full-screen .header-content-inner .social-proof-container .social-proof-inner img,
.header-area.full-screen .header-content-inner .social-proof-container .social-proof-inner amp-img img {
  -o-object-position: left;
     object-position: left;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1199px) {
  .header-area.full-screen .header-content-inner .social-proof-container {
    width: 100%;
    bottom: 0px;
  }
  .header-area.full-screen .header-content-inner .social-proof-container amp-img {
    background: rgba(255, 255, 255, 0.75);
    padding-bottom: 30px;
    padding-top: 30px;
  }
  .header-area.full-screen .header-content-inner .social-proof-container amp-img img {
    right: 15px;
    min-width: calc(100% - 30px);
    margin: 0 auto 0 0;
  }
  .header-area.full-screen .header-content-inner .social-proof-container h4 {
    margin-bottom: 0px;
  }
}
@media (min-width: 1025px) {
  .header-area.full-screen .header-content-inner .social-proof-container h4 {
    text-align: left;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .header-area.full-screen .header-content-inner .social-proof-container h4 {
    text-align: left;
  }
}
@media (max-width: 767px) {
  .header-area.full-screen .header-content-inner .social-proof-container {
    bottom: 15px;
  }
  .header-area.full-screen .header-content-inner .social-proof-container h4 {
    margin-top: 10px;
    margin-bottom: 15px;
  }
  .header-area.full-screen .header-content-inner .social-proof-container amp-img {
    padding-top: 0px;
    padding-bottom: 0px;
    background: transparent;
    height: 50px;
    max-width: none;
    /* width: 200%; */
  }
  .header-area.full-screen .header-content-inner .social-proof-container .social-proof-inner {
    overflow-x: scroll;
  }
}
@media (max-width: 767px) {
  .header-area.full-screen .header-content-inner {
    align-items: flex-start;
    padding-bottom: 100px;
  }
}
.header-area.overlay .header-image:after {
  content: "";
  display: block;
  width: 100%;
  height: calc(100% + 60px);
  background: rgba(6, 2, 33, 0.4);
  position: absolute;
  top: -30px;
}
.header-area .header-content {
  height: 100%;
  position: relative;
}
.header-area .header-content h1 {
  margin-bottom: 0px;
  font-weight: 700;
  color: #2F80ED;
  margin-bottom: 0.4em;
}
.header-area .header-content h1 strong {
  color: #F6C86F;
}
@media (max-width: 1199px) {
  .header-area .header-content h1 strong {
    display: block;
  }
}
.header-area .header-content p {
  margin-bottom: 0px;
  color: #4f4f4f;
}
.header-area .header-content p.sub-title {
  font-size: 1.3em;
  line-height: 1.3em;
}
.header-area .header-content p a {
  text-decoration: underline;
}
.header-area .header-content .btn-wrapper {
  margin-top: 2.5em;
}
@media (min-width: 1025px) {
  .header-area .header-content .btn-wrapper {
    margin-left: -3px;
  }
}
@media (max-width: 767px) {
  .header-area .header-content .btn-wrapper {
    margin-top: 1.3em;
  }
}
@media (max-width: 1024px) {
  .header-area .header-content .btn-wrapper a {
    width: 100%;
  }
}
.header-area .header-content .btn-wrapper a:last-child {
  margin-left: 20px;
}
@media (max-width: 1024px) {
  .header-area .header-content p, .header-area .header-content h4 {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  .header-area .header-content {
    padding: 20px 20px 0px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  .header-area .header-content h1 {
    font-size: 42px;
  }
  .header-area .header-content p, .header-area .header-content h4 {
    font-size: 21px;
  }
}
.header-area.center {
  text-align: center;
}
.header-area.left .header-content h1, .header-area.left .header-content h2, .header-area.left .header-content h3, .header-area.left .header-content h4, .header-area.left .header-content h5, .header-area.left .header-content p, .header-area.left .header-content .btn-wrapper {
  text-align: left;
}
@media (max-width: 1199px) {
  .header-area.left .header-content h1, .header-area.left .header-content h2, .header-area.left .header-content h3, .header-area.left .header-content h4, .header-area.left .header-content h5, .header-area.left .header-content p, .header-area.left .header-content .btn-wrapper {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .header-area.left .header-content h1, .header-area.left .header-content h2, .header-area.left .header-content h3, .header-area.left .header-content h4, .header-area.left .header-content h5, .header-area.left .header-content p, .header-area.left .header-content .btn-wrapper {
    text-align: left;
  }
}
.header-area.left .header-content h1, .header-area.left .header-content h2, .header-area.left .header-content h3, .header-area.left .header-content h4, .header-area.left .header-content h5, .header-area.left .header-content p {
  max-width: 650px;
}
@media (max-width: 1199px) {
  .header-area.left .header-content h1, .header-area.left .header-content h2, .header-area.left .header-content h3, .header-area.left .header-content h4, .header-area.left .header-content h5, .header-area.left .header-content p {
    max-width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .header-area.left .header-content p {
    max-width: 80%;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .header-area.left .header-content p {
    max-width: 100%;
  }
}
.header-area.regular-header {
  padding-top: 100px;
  height: auto;
  margin-bottom: 35px;
}
.header-area.regular-header .header-image {
  height: auto;
}
.header-area.regular-header .header-image:after {
  background: rgba(49, 39, 131, 0.6);
}
.header-area.regular-header .header-image amp-img img {
  -o-object-position: center 60%;
     object-position: center 60%;
}
.header-area.regular-header.left h1, .header-area.regular-header.left h2, .header-area.regular-header.left h3, .header-area.regular-header.left h4 {
  max-width: 100%;
}
.header-area.regular-header .header-content {
  height: auto;
}
.header-area.regular-header .header-content .header-inner {
  position: relative;
}
.header-area.regular-header .header-content .header-inner h1 {
  font-size: 48px;
}
.header-area.regular-header .header-content .header-inner p {
  font-size: 18px;
}
.header-area.small-header {
  position: relative;
  padding-top: 85px;
  z-index: 1;
}
.header-area .header-nav {
  height: auto;
  position: relative;
  background-image: -ms-linear-gradient(0deg, #191443 15%, #4E3ECF 85%);
}
.header-area .header-nav .container {
  height: 100%;
}
.header-area .header-nav .container .row {
  height: 100%;
}
.header-area .header-nav .container .row .segment-container {
  transition: all 0.2s ease-out;
  padding-left: 0px;
  padding-right: 0px;
}
.header-area .header-nav .container .row .segment-container .segment {
  padding: 20px 15px 25px;
}
.header-area .header-nav .container .row .segment-container .segment .icon {
  height: 101px;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 50px;
}
.header-area .header-nav .container .row .segment-container .segment h4 {
  font-size: 18px;
  margin-bottom: 0px;
}
.header-area .header-nav .container .row .segment-container .segment h4 a {
  color: rgb(255, 255, 255);
}
.header-area .header-nav .container .row .segment-container:nth-child(1) {
  background-color: #191443;
}
.header-area .header-nav .container .row .segment-container:nth-child(1) .icon {
  background-image: url(../img/food.svg);
  background-size: auto 55px;
}
.header-area .header-nav .container .row .segment-container:nth-child(2) {
  background-color: #271F69;
}
.header-area .header-nav .container .row .segment-container:nth-child(2) .icon {
  background-image: url(../img/chemistry.svg);
  background-size: auto 55px;
}
.header-area .header-nav .container .row .segment-container:nth-child(3) {
  background-color: #312783;
}
.header-area .header-nav .container .row .segment-container:nth-child(3) .icon {
  background-image: url(../img/pharma.svg);
}
.header-area .header-nav .container .row .segment-container:nth-child(4) {
  background-color: #362B90;
}
.header-area .header-nav .container .row .segment-container:nth-child(4) .icon {
  background-image: url(../img/sport.svg);
}
.header-area .header-nav .container .row .segment-container:nth-child(5) {
  background-color: #4236A8;
}
.header-area .header-nav .container .row .segment-container:nth-child(5) .icon {
  background-image: url(../img/energy.svg);
  background-size: auto 60px;
}
.header-area .header-nav .container .row .segment-container:nth-child(6) {
  background-color: #4E3ECF;
}
.header-area .header-nav .container .row .segment-container:nth-child(6) .icon {
  background-image: url(../img/storage.svg);
  background-size: auto 55px;
}
.header-area .header-nav .container .row .segment-container:hover {
  background-color: #4f4f4f;
}
.header-area.big-header .arrow {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0%);
  bottom: 60px;
  width: 30px;
  height: 60px;
  background: transparent;
  border-width: 0px;
  cursor: pointer;
}
.header-area.big-header .arrow span {
  display: block;
  width: 20px;
  height: 20px;
  position: relative;
  left: 10px;
  border-bottom: 3px solid rgb(255, 255, 255);
  border-right: 3px solid rgb(255, 255, 255);
  transform: rotate(45deg);
  margin: -10px;
  animation: animate 2s infinite;
}
.header-area.big-header .arrow span:nth-child(2) {
  animation-delay: -0.2s;
}
.header-area.big-header .arrow span:nth-child(3) {
  animation-delay: -0.4s;
}
@keyframes animate {
  0% {
    opacity: 0;
    transform: rotate(45deg) translate(-20px, -20px);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: rotate(45deg) translate(20px, 20px);
  }
}

body.home .breadcrumbs-area {
  display: none;
}

.breadcrumbs-area {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  position: relative;
  background: #fcfcfc;
}
.breadcrumbs-area p {
  margin: 0.8rem 0;
  font-size: 0.8em;
  line-height: 1.2;
  font-weight: 700;
}
.breadcrumbs-area p a {
  color: #4f4f4f;
}
.breadcrumbs-area p .breadcrumb_last {
  color: #4f4f4f;
  font-weight: 400;
}

/*ScrollToTop*/
.scrollToTop {
  color: rgb(255, 255, 255);
  font-size: 1.4em;
  box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.3);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: none;
  outline: none;
  background: #2F80ED;
  z-index: 9999;
  bottom: 60px;
  right: 60px;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
  transition: all 0.2s ease-out;
}
.scrollToTop:hover {
  box-shadow: 0 4px 11px 0px rgba(0, 0, 0, 0.5);
  background: #5597f0;
}
.scrollToTop:after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  border-top: 3px solid white;
  border-left: 3px solid white;
  transform: rotate(45deg);
  position: relative;
  left: 12px;
  top: 4px;
}

/*responsive*/
@media (max-width: 991px) {
  .scrollToTop {
    bottom: 20px;
    right: 20px;
  }
  .header-area {
    position: relative;
  }
  .header-area.regular-header {
    padding-top: 0px;
    padding-bottom: 20px;
  }
  .header-area .arrow {
    display: none;
  }
  .header-area.small-header {
    padding-top: 65px;
  }
  .header-area .header-nav {
    height: auto;
  }
  .header-area .header-nav .container {
    padding-left: 0px;
    padding-right: 0px;
  }
  .header-area .header-nav .container .row .segment-container:first-child .segment {
    padding-left: 20px;
  }
  .header-area .header-nav .container .row .segment-container:last-child .segment {
    padding-right: 20px;
  }
  .header-area .header-nav .container .row .segment-container .segment {
    padding: 10px 10px 15px;
  }
  .header-area .header-nav .container .row .segment-container .segment .icon {
    background-size: auto 40px;
    height: 70px;
  }
  .header-area .header-nav .container .row .segment-container .segment h4 {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .header-area.regular-header .header-content {
    height: auto;
  }
  .header-area.regular-header .header-content .header-inner h1 {
    line-height: 1;
  }
  .header-area.regular-header .header-image {
    height: 100%;
  }
  .header-area .header-nav .container .row {
    margin-left: 0px;
    margin-right: 0px;
  }
  .header-area .header-nav .container .row .segment-container {
    margin-bottom: 0px;
  }
  .header-area .header-nav .container .row .segment-container:first-child .segment {
    padding-left: 10px;
  }
  .header-area .header-nav .container .row .segment-container:last-child .segment {
    padding-right: 10px;
  }
  .header-area .header-nav .container .row .segment-container.single-industry {
    margin-bottom: 0px;
  }
  .header-area .header-nav .container .row .segment-container .segment {
    padding: 10px;
  }
  .header-area .header-nav .container .row .segment-container .segment h4 {
    display: none;
  }
}
@media (max-width: 575px) {
  .header-area .header-nav .single-industry {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .header-area .header-nav .container .row .segment-container .segment .icon {
    background-size: auto 30px;
    height: 50px;
  }
}
@media (max-width: 480px) {
  .header-area .header-nav .container .row .segment-container .segment {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
  }
  .header-area .header-nav .container .row .segment-container:first-child .segment {
    padding-left: 0px;
  }
  .header-area .header-nav .container .row .segment-container:last-child .segment {
    padding-right: 0px;
  }
  .header-area .header-content .btn-wrapper a {
    width: 100%;
  }
  .header-area .header-content .btn-wrapper a:last-child {
    margin-left: 0px;
    margin-top: 15px;
  }
}
@media (max-width: 420px) {
  .header-area.big-header .arrow {
    bottom: 20px;
    width: 20px;
    height: 30px;
  }
  .header-area.big-header .arrow span {
    border-bottom: 2px solid white;
    border-right: 2px solid white;
    width: 10px;
    height: 10px;
  }
}
/*------------------------------
    Partners Area
------------------------------*/
@media (min-width: 1025px) {
  .partners-area {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .partners-area {
    margin-top: 38px;
    margin-bottom: 30px;
  }
}
.partners-area .container .partner__single {
  height: 110px;
  max-height: 13vw;
  border: 1px solid #E6E7E8;
  margin-left: 15px;
  margin-right: 15px;
  padding-left: 0px;
  padding-right: 0px;
  background: white;
  max-width: calc(20% - 24px);
}
@media (max-width: 1024px) {
  .partners-area .container .partner__single {
    min-width: calc(50% - 10px);
  }
}
.partners-area .container .partner__single:first-child {
  margin-left: 0px;
}
.partners-area .container .partner__single:last-child {
  margin-right: 0px;
}
.partners-area .container .partner__single amp-img {
  left: 20px;
  right: 20px;
  top: 20px;
  bottom: 20px;
}
@media (max-width: 1024px) {
  .partners-area .container .partner__single {
    margin-right: 7.5px;
    margin-left: 7.5px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .partners-area .container .partner__single {
    max-height: 15vw;
  }
}
@media (max-width: 767px) {
  .partners-area .container .partner__single {
    max-height: 25vw;
  }
}

/*------------------------------
    footer Area
------------------------------*/
footer {
  background: #1A1A1A;
  position: relative;
}
footer.white h5 {
  color: rgba(255, 255, 255, 0.5);
}
footer.white a {
  color: rgb(255, 255, 255);
}
footer .container .footer-nav {
  padding-top: 45px;
  padding-bottom: 45px;
  position: relative;
}
@media (max-width: 1024px) {
  footer .container .footer-nav {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  footer .container .footer-nav > div:first-child {
    margin-bottom: 30px;
  }
  footer .container .footer-nav > div:last-child {
    padding-left: 0px;
    padding-right: 0px;
  }
}
footer .container .footer-nav .amp-logo {
  height: 40px;
  max-width: 150px;
  position: relative;
}
footer .container .footer-nav .amp-logo:before {
  content: "";
  display: block;
  background: url(../img/graphics-logo-line-long.svg) no-repeat top right/200px;
  position: absolute;
  right: 10px;
  width: 35px;
  height: 35px;
  top: -45px;
}
footer .container .footer-nav .menu {
  -moz-columns: 2 140px;
  columns: 2 140px;
  -moz-column-gap: 1vw;
  column-gap: 1vw; /* Chrome, Safari, Opera */
  page-break-inside: avoid; /* Firefox */
  -moz-column-break-inside: avoid;
       break-inside: avoid; /* IE 10+ */
}
footer .container .footer-nav .desc {
  margin-top: 15px;
}
footer .container .footer-nav .desc a {
  color: #F6C86F;
  font-weight: 700;
}
footer .container .footer-nav h5 {
  font-size: 14px;
  text-transform: uppercase;
}
footer .container .footer-nav h4 {
  color: #F6C86F;
  margin-top: 0px;
  margin-bottom: 15px;
  min-height: 1rem;
  font-siz: 1rem;
  text-transform: initial;
}
footer .container .footer-nav a {
  font-size: 14px;
  color: #E5EEF2;
  font-weight: 400;
}
footer .container .footer-nav a:visited {
  color: #E5EEF2;
}
footer .container .footer-nav a:hover, footer .container .footer-nav a:visited:hover {
  color: #F6C86F;
}
footer .container .footer-nav p {
  color: #E6E7E8;
  margin-top: 15px;
}
footer .container .footer-nav p strong {
  color: #4f4f4f;
  opacity: 0.6;
  font-weight: 500;
}
footer .container .footer-nav p a {
  color: rgb(255, 255, 255);
  transition: all 0.2s ease-in;
}
footer .container .footer-nav p a:hover {
  color: #F6C86F;
}
footer .container .footer-nav p + p {
  margin-top: 10px;
}
@media (min-width: 1025px) {
  footer .container .footer-nav > div {
    padding-right: 0px;
    margin-top: 17px;
  }
  footer .container .footer-nav > div:first-child {
    margin-top: 0px;
  }
}
footer .container .footer-nav > div {
  z-index: 2;
}
footer .credentials {
  background: #F6C86F;
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
  z-index: 2;
}
footer .credentials .container:before,
footer .credentials .container:after {
  display: none;
}
footer .credentials .credits {
  opacity: 0.5;
  text-align: right;
  transition: all 0.2s ease-in;
}
@media (max-width: 767px) {
  footer .credentials .credits {
    font-size: 10px;
    margin: 5px 0;
  }
}
footer .credentials .credits:hover {
  opacity: 1;
}
footer .credentials a {
  color: #4f4f4f;
}
footer .credentials p {
  color: #4f4f4f;
  margin-top: 0px;
}
@media (max-width: 767px) {
  footer .credentials p {
    text-align: center;
  }
}
footer p, footer li {
  margin-bottom: 0px;
  font-size: 14px;
}

@media (max-width: 991px) {
  .footer-nav div:first-child {
    max-width: 100%;
    flex: 0 0 100%;
  }
  .footer-nav div .footer-sidebar .menu {
    -moz-columns: 1 140px;
         columns: 1 140px;
  }
}
@media (max-width: 767px) {
  .segment-container.single-industry {
    margin-bottom: 0px;
  }
  footer .credentials .credits {
    text-align: left;
    margin-top: 5px;
  }
}
@media (max-width: 520px) {
  .footer-nav > div {
    padding-bottom: 10px;
  }
}
/*------------------------------
    Navbar Area
------------------------------*/
.dropdown:hover > .dropdown-menu {
  display: block;
}

.navbar-area {
  transition: 0.1s ease-in;
  width: 100%;
  height: auto;
  padding: 0px;
  flex-wrap: wrap;
  background: #FFFFFF;
}
.navbar-area > .container {
  max-width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}
.navbar-area.navbar {
  z-index: 12;
  position: fixed;
  left: 0;
  top: 0;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.04);
}
@media (max-width: 1024px) {
  .navbar-area.navbar {
    position: fixed;
  }
}
.navbar-area.footer-navbar {
  background-image: linear-gradient(to right, rgba(0, 137, 207, 0.3) 30%, rgba(255, 255, 255, 0) 0%);
  background-position: top;
  background-size: 7px 2px;
  background-repeat: repeat-x;
}
@media (max-width: 1024px) {
  .navbar-area.footer-navbar {
    padding: 0px;
  }
}
.navbar-area.footer-navbar .menu-primary-container {
  width: 100%;
}
.navbar-area.footer-navbar .menu-primary-container .navbar-nav {
  flex-direction: row;
  padding: 40px 0;
  justify-content: center;
}
.navbar-area .logo {
  padding: 0;
  margin: 0px 0px;
}
.navbar-area .logo amp-img {
  height: 100%;
  width: 140px;
}
@media (min-width: 1440px) {
  .navbar-area .logo {
    margin: 0px 0px;
  }
  .navbar-area .logo amp-img {
    width: 180px;
  }
}
.navbar-area > * {
  z-index: 10;
}
.navbar-area.dark-bg {
  background: #4f4f4f;
}
.navbar-area .topnav {
  background-color: #2F80ED;
  padding: 7px 15px;
  width: 100%;
  text-align: left;
}
.navbar-area .topnav .container {
  line-height: 0px;
}
.navbar-area .topnav h5 {
  margin: 0 15px;
  color: #4f4f4f;
  display: inline-block;
  font-size: 14px;
  line-height: 0.9em;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: initial;
  padding-top: 2px;
  background-size: contain;
}
.navbar-area .topnav h5 a {
  color: #FFFFFF;
}
.navbar-area .topnav h5:last-child {
  margin-right: 0px;
}
.navbar-area .topnav h5:first-child {
  margin-left: 0px;
}
.navbar-area .topnav h5.icon.phone {
  background-position: left center;
}
.navbar-area .topnav h5.icon.mail {
  background-size: 12px auto;
}
.navbar-area .navbar-collapse {
  justify-content: flex-end;
  transition: 0.1s ease-in;
}
@media (min-width: 1025px) {
  .navbar-area .navbar-collapse.collapse {
    display: flex;
  }
}
.navbar-area .navbar-collapse .navbar-nav .menu-item {
  display: inline-block;
  font-size: 14px;
  line-height: 1em;
  text-transform: uppercase;
  font-weight: bold;
  cursor: pointer;
  letter-spacing: 0.2px;
}
.navbar-area .navbar-collapse .navbar-nav .menu-item.navbar-btn-wrapper {
  padding-top: 25px;
}
.navbar-area .navbar-collapse .navbar-nav .menu-item.menu-item-language a {
  padding-right: 0px;
  border-right-width: 0px;
}
.navbar-area .navbar-collapse .navbar-nav .menu-item.menu-item-language a amp-img.iclflag {
  min-width: 25px;
  min-height: 15px;
  margin-top: -2px;
}
.navbar-area .navbar-collapse .navbar-nav .menu-item.menu-item-language:last-child a {
  padding-left: 0px;
}
.navbar-area .navbar-collapse .navbar-nav .menu-item.menu-item-language:last-child a amp-img {
  margin-right: 0px;
}
.navbar-area .navbar-collapse .navbar-nav .menu-item:first-child {
  padding-left: 0;
}
.navbar-area .navbar-collapse .navbar-nav .menu-item ul {
  display: none;
  opacity: 0;
  background: #4f4f4f;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 84px;
  transition: all 0.2s ease-in;
  padding-left: 30px;
  padding-right: 30px;
  text-align: center;
  border-top: 1px solid transparent;
}
.navbar-area .navbar-collapse .navbar-nav .menu-item ul > li a {
  padding: 0px 16px;
}
.navbar-area .navbar-collapse .navbar-nav .menu-item:hover > a {
  color: #2F80ED;
}
.navbar-area .navbar-collapse .navbar-nav .menu-item:hover > ul {
  display: block;
  opacity: 1;
  border-top: 1px solid #4f4f4f;
}
.navbar-area .navbar-collapse .navbar-nav .menu-item:hover > ul > li:hover > a {
  color: #2F80ED;
}
.navbar-area .navbar-collapse .navbar-nav .menu-item:hover > ul > li ul {
  top: 44px;
  background: rgb(255, 255, 255);
  border-top: 0px solid transparent;
  padding-top: 10px;
  padding-bottom: 10px;
}
.navbar-area .navbar-collapse .navbar-nav .menu-item:hover > ul > li ul > li {
  font-size: 18px;
  text-transform: capitalize;
  font-weight: 400;
}
.navbar-area .navbar-collapse .navbar-nav .menu-item:hover > ul > li ul > li a {
  color: #2F80ED;
}
.navbar-area .navbar-collapse .navbar-nav .menu-item:hover > ul > li ul > li > ul {
  top: 50px;
  padding-top: 0px;
  padding-bottom: 20px;
}
.navbar-area .navbar-collapse .navbar-nav .menu-item:hover > ul > li ul > li > ul li {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
}
.navbar-area .navbar-collapse .navbar-nav .menu-item:hover > ul > li ul > li > ul li a {
  color: #4f4f4f;
}
.navbar-area .navbar-collapse .navbar-nav .menu-item.current-menu-item a {
  color: #2F80ED;
}
.navbar-area .navbar-collapse .navbar-nav .menu-item:last-child {
  padding-right: 0;
}
.navbar-area .navbar-collapse .navbar-nav .menu-item:last-child a {
  border-right-width: 0px;
  padding-right: 0px;
}
.navbar-area .navbar-collapse .navbar-nav .menu-item a {
  color: #4f4f4f;
  transition: all 0.2s ease-in;
  position: relative;
  padding: 0px 20px;
  display: block;
  border-right: 1px solid #E6E7E8;
}
.navbar-area .hamburger {
  position: relative;
  z-index: 10;
  top: 1px;
  cursor: pointer;
  display: none;
  margin-left: 30px;
}
.navbar-area .hamburger span {
  width: 26px;
  height: 3px;
  margin: 5px 0;
  display: block;
  background: #1A1A1A;
}

/*------------------------------
    Sidebar
------------------------------*/
amp-sidebar {
  top: 0px;
  width: 80vw;
  background-color: white;
  box-shadow: 0 -10px 20px rgba(0, 0, 0, 0.09), 0 -6px 6px rgba(0, 0, 0, 0.13);
}
amp-sidebar a.amp-logo {
  display: block;
  padding: 0px 18px;
  width: 150px;
  height: 68px;
}
amp-sidebar .close-sidebar {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 56px;
  height: 54px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 900;
  color: #E5EEF2;
}
amp-sidebar .close-sidebar i {
  font-size: 1.2em;
}
amp-sidebar .close-sidebar i:before {
  color: #828282;
}
amp-sidebar .sidebar__post h2, amp-sidebar .sidebar__post h3 {
  color: rgb(255, 255, 255);
}
amp-sidebar .sidebar__post h3 {
  margin-bottom: 0px;
}
amp-sidebar .sidebar__post.post__parent .overlay {
  left: 0px;
  right: 0px;
  position: absolute;
  left: 0px;
  width: 100%;
  height: 100%;
  bottom: -1px;
  z-index: 1;
  background: linear-gradient(to bottom, rgba(5, 0, 20, 0) 0%, rgba(3, 0, 20, 0) 40%, rgba(0, 0, 20, 0.65) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00050014", endColorstr="#a6000014",GradientType=0 );
}
amp-sidebar h3.sidebar__title {
  color: #4F4F4F;
  margin: 60px 20px 10px;
}
amp-sidebar ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
amp-sidebar ul li {
  line-height: 48px;
  border-bottom: 1px solid #e5e5e5;
}
amp-sidebar ul li a,
amp-sidebar ul li span {
  padding: 25px;
  text-decoration: none;
  font-size: 0.9em;
  width: 100%;
  color: #E5EEF2;
  letter-spacing: 0.2px;
  font-weight: 700;
  text-transform: uppercase;
}
amp-sidebar ul li a:visited,
amp-sidebar ul li span:visited {
  color: #4f4f4f;
}
amp-sidebar .amp-social {
  margin-left: 20px;
  margin-right: 20px;
  display: none;
}

@media (max-width: 1024px) {
  .navbar-area > .container {
    padding: 10px 20px;
  }
  .navbar-area:before {
    display: none;
  }
  .navbar-area .hamburger {
    display: inline-block;
  }
  .navbar-area .topnav .container {
    padding-left: 5px;
    padding-right: 5px;
  }
  .navbar-area .topnav .container h5 {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .navbar-area > .container .logo amp-img {
    width: 100px;
  }
  .navbar-area .topnav .container h5 {
    font-size: 10px;
    padding-left: 16px;
    background-size: auto 90%;
    margin-left: 10px;
    letter-spacing: -0.2px;
  }
  .navbar-area .topnav .container h5:first-child {
    margin-left: 0px;
    margin-right: 0px;
  }
}
/*------------------------------
    Quality Area
------------------------------*/
.quality-area {
  background: #ffffff; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#f1f1f1",GradientType=0 ); /* IE6-9 */
  border-top: 1px solid #E5EEF2;
}
.quality-area .segment-container .segment {
  background: rgb(255, 255, 255);
  border-radius: 2px;
  padding: 60px;
  height: 100%;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.08), 0 3px 6px rgba(0, 0, 0, 0.05);
}
.quality-area .segment-container .segment .icon-bg {
  background: #312783;
  width: 130px;
  height: 130px;
  border-radius: 100px;
  margin: 0 auto 30px;
  display: flex;
  justify-content: center;
  padding: 30px 20px;
}

@media (max-width: 767px) {
  .segment-container {
    margin-bottom: 15px;
  }
}
@media (min-width: 992px) {
  .quality-area .section-title {
    margin-bottom: 60px;
  }
}
/*------------------------------
    list Area
------------------------------*/
.list-area {
  position: relative;
  padding-top: 80px;
  padding-bottom: 80px;
}
.list-area.light {
  background: #E6E7E8;
}
.list-area.light.whitebg {
  background: rgb(255, 255, 255);
}
.list-area.light h2, .list-area.light h4 {
  color: #2F80ED;
}
.list-area.light p {
  color: #4f4f4f;
}
.list-area .list-container {
  -moz-column-count: 2;
  -moz-column-gap: 4vw;
  -webkit-column-count: 2;
  -webkit-column-gap: 4vw;
  column-count: 2;
  column-gap: 4vw;
}
.list-area .list-container h4 {
  font-weight: 500;
}
.list-area .list-container li {
  margin: 20px 0;
  position: relative;
  color: rgb(255, 255, 255);
}
.list-area .list-container li:first-child {
  margin: 20px 0px 0px;
}
.list-area .list-container li:last-child {
  margin: 0px 0px 20px;
}
.list-area .list-container li p {
  display: inline;
}
.list-area .list-container ul li {
  padding-left: 20px;
  margin: 10px 0;
}
.list-area .list-container ul li:before {
  content: "";
  display: inline;
  width: 9px;
  height: 9px;
  border-radius: 10px;
  position: absolute;
  left: 0px;
  top: 9px;
  background: #F6C86F;
}
.list-area .list-container ol {
  list-style: none;
  counter-reset: my-awesome-counter;
}
.list-area .list-container ol li {
  padding-left: 30px;
  counter-increment: my-awesome-counter;
}
.list-area .list-container ol li:first-child {
  margin-top: 0px;
}
.list-area .list-container ol li:before {
  content: counter(my-awesome-counter);
  color: #fff;
  font-weight: bold;
  width: 20px;
  display: inline-block;
  height: 20px;
  line-height: 22px;
  border-radius: 12px;
  font-size: 14px;
  background: #c01818;
  text-align: center;
  margin-right: 10px;
  top: 3px;
  left: 0px;
  position: absolute;
}
.list-area .disclaimer-container {
  margin-top: 50px;
}
.list-area .btn-wrapper {
  margin-top: 50px;
}

@media (max-width: 991px) {
  .list-area .disclaimer-container {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  section .container .row .btn-wrapper {
    text-align: left;
  }
}
/*------------------------------
    Products Area
------------------------------*/
.custom-products {
  margin-top: 40px;
}

.home .products-area .container .segment-container .segment:first-child {
  padding-left: 15px;
}
.home .products-area .container .segment-container .segment:last-child {
  padding-right: 15px;
}

.products-area {
  background: rgb(255, 255, 255);
  background: linear-gradient(to bottom, #fff 0%, #f1f1f1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#f1f1f1",GradientType=0);
}
.products-area .container .segment-container {
  margin-bottom: 30px;
}
.products-area .container .segment-container.product-single {
  padding-left: 5px;
  padding-right: 5px;
}
.products-area .container .segment-container .segment {
  background: rgb(255, 255, 255);
  border-radius: 2px;
  padding: 10px 30px 30px;
  text-align: left;
  height: 100%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.05);
  transition: all 0.2s ease-in;
}
.products-area .container .segment-container .segment:hover {
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.08), 0 3px 6px rgba(0, 0, 0, 0.05);
}
.products-area .container .segment-container .segment .thumb-container {
  display: flex;
  justify-content: center;
  min-height: 200px;
  margin-bottom: 15px;
  max-height: 10vw;
}
.products-area .container .segment-container .segment p {
  font-size: 14px;
  margin-bottom: 0px;
}
.products-area .container .segment-container .segment p b {
  color: #4f4f4f;
}
.products-area .container .btn-wrapper {
  width: 100%;
  margin-top: 30px;
}

@media (max-width: 991px) {
  .products-area .container .segment-container {
    margin-bottom: 10px;
  }
  .products-area .container .btn-wrapper {
    margin-top: 20px;
  }
}
@media (max-width: 575px) {
  .products-area .container .segment-container:first-child {
    padding-left: 5px;
  }
  .products-area .container .segment-container .segment .thumb-container {
    margin-left: auto;
    margin-right: auto;
  }
}
/*------------------------------
    Two Columns Area
------------------------------*/
.two-columns-area.vertical {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 80px;
  margin-bottom: 80px;
}
.two-columns-area .section-title {
  position: relative;
  bottom: 25px;
}
.two-columns-area .section-title h4 {
  margin-bottom: 0.2rem;
}
@media (min-width: 1025px) {
  .two-columns-area .column-wrapper .column.col-lg-6:last-child {
    border-left: 1px solid #E6E7E8;
    padding-left: 45px;
  }
  .two-columns-area .column-wrapper .column.col-lg-6:nth-last-child(2) {
    padding-right: 45px;
  }
}
.two-columns-area .column-wrapper .column.col {
  padding-left: 25px;
  padding-right: 25px;
}
.two-columns-area .column-wrapper .column.col:first-child {
  padding-left: 15px;
}
.two-columns-area .column-wrapper .column.col:last-child {
  padding-right: 15px;
}
.two-columns-area .column-wrapper .column.col amp-carousel {
  max-width: 250px;
  margin: 0 auto;
}
.two-columns-area .column-wrapper .column .column-desc + amp-carousel {
  margin-top: 50px;
}
.two-columns-area .column-wrapper .column amp-carousel + .column-desc {
  margin-top: 50px;
}
.two-columns-area .column-wrapper .column .column-desc ul li {
  margin: 10px 0;
  padding-left: 20px;
  position: relative;
}
.two-columns-area .column-wrapper .column .column-desc ul li:before {
  content: "";
  display: inline;
  width: 9px;
  height: 9px;
  border-radius: 10px;
  position: absolute;
  left: 0px;
  top: 9px;
  background: #F6C86F;
}
.two-columns-area .column-wrapper .column .column-desc p {
  display: flex;
  align-items: center;
}
.two-columns-area .column-wrapper .column .column-desc amp-img {
  flex: 0 0 auto;
  margin-right: 30px;
  margin-top: 5px;
}
.two-columns-area .disclaimer-container {
  margin-top: 20px;
}

.single-products .two-columns-area .column-wrapper .column amp-carousel amp-img img {
  -o-object-position: top;
     object-position: top;
}

@media (max-width: 1024px) {
  .single-products .two-columns-area .column-wrapper .column {
    margin-bottom: 0px;
  }
  .single-products .two-columns-area .column-wrapper .column:first-child {
    padding-right: 15px;
  }
  .single-products .two-columns-area .column-wrapper .column:last-child {
    padding-left: 15px;
  }
  .single-products .two-columns-area .column-wrapper .column amp-carousel {
    margin-top: 20px;
  }
  .single-products .two-columns-area .column-wrapper .column amp-carousel amp-img img {
    -o-object-position: center;
       object-position: center;
  }
}
@media (max-width: 1024px) {
  .two-columns-area.vertical {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .two-columns-area .column-wrapper .row div.column {
    margin-bottom: 20px;
  }
  .two-columns-area .column-wrapper .row div.column:first-child {
    padding-right: 15px;
  }
  .two-columns-area .column-wrapper .row div.column:last-child {
    padding-left: 15px;
    margin-bottom: 0px;
  }
  .two-columns-area .column-wrapper .row div.column:last-child p {
    margin-bottom: 0px;
  }
  .two-columns-area .column-wrapper .row div.column amp-carousel {
    margin-top: 20px;
  }
  .two-columns-area .column-wrapper .row div.column amp-carousel amp-img img {
    -o-object-position: center;
       object-position: center;
  }
  .two-columns-area .column-wrapper .row div.column.col {
    flex-basis: 100%;
  }
  .two-columns-area .column-wrapper .row div.column .column-desc amp-img {
    flex: 0 0 100px;
  }
  .two-columns-area .column-wrapper .row div.column .column-desc amp-img img {
    -o-object-position: top;
       object-position: top;
  }
}/*# sourceMappingURL=main.css.map */