/*
    Theme Name: ViralBeat
    Author: SalernoDEV
    Version: 1.0
    Text Domain: viral_beat_theme
*/


@import url('https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');


/*=============================================
=             01. Default Css                 =
=============================================*/
*, *::after, *::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
html {scroll-behavior: smooth;}
html, body {height: 100%;}
body {line-height: 1.74;font-size: 16px;font-style: normal;font-weight: 400;visibility: visible;font-family: 'Space Mono', monospace;color: #7e7e7e;position: relative;background-color: #ffffff;}
body.no-overflow {overflow: hidden;}
h1, h2, h3, h4, h5, h6 {color: #2e3280;font-family: 'Chivo', sans-serif !important;font-weight: 500;margin-top: 0;margin-bottom: 0;line-height: 1.23;}
a, button {color: inherit;display: inline-block;line-height: inherit;text-decoration: none;cursor: pointer;font-family: 'Space Mono', monospace;}
a, button, img, input, span {-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);}
*:focus {outline: none !important;}
a:focus {color: inherit;outline: none;text-decoration: none;}
.btn.focus, .btn:focus {outline: none;-webkit-box-shadow: none;box-shadow: none;}
a:hover {text-decoration: none;color: #5945e6;}
button, input[type="submit"] {cursor: pointer;}
body.main-template {width: 100%;margin: 0 auto;background: #f2f2f4;}
.container{max-width:970px;}
ul {list-style: outside none none;margin: 0;padding: 0;}
img{max-width:100%;}

/*=============================================
=                 - preloader                =
=============================================*/
.preloader-active {
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  height: 100vh;
  width: 100vw;
  z-index: 99999;
}

.preloader-active .preloader-area-wrap {
  background-color: #4b304f;
  position: absolute;
  left: 0;
  display: block;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 999999;
}
.preloader-area-wrap img {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    bottom: 0;
    text-align: center;
	margin:0 auto;
	z-index:99999999;
	width:100px;
}


.preloader-area-wrap {
  display:block;
}

.open_tm_preloader {
  position: fixed;
  background-color: transparent;
  z-index: 9999;
  height: 100%;
  width: 100%;
  -webkit-transition: .2s all ease;
  -o-transition: .2s all ease;
  transition: .2s all ease;
  -webkit-transition-delay: .5s;
  -o-transition-delay: .5s;
  transition-delay: .5s;
}

.open_tm_preloader.loaded {
  opacity: 0;
  visibility:hidden;
}

.open_tm_preloader.loaded:before, .open_tm_preloader.loaded:after {
  height: 0%;
}

/*.open_tm_preloader:before, .open_tm_preloader:after {*/
.open_tm_preloader:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: #4b304f;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  /*background-image: linear-gradient(to top, #4b304f 100%);
  background-position: 0 100%;*/
}

.open_tm_preloader:before {
  top: 0;
  left: 0;
}

.open_tm_preloader:after {
  bottom: 0;
  right: 0;
}

/*=============================================
=              05. Header Css            =
=============================================*/
/* Original VR Sadev EDIT .header-area.is-sticky {position: fixed;top: 0;left: 0;width: 100%;-webkit-animation: .95s ease-in-out 0s normal none 1 running fadeInDown;animation: .95s ease-in-out 0s normal none 1 running fadeInDown;z-index: 999;-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);background-color: #ffffff;margin: 0 auto;right: 0;}*/
.header-area.is-sticky {position: fixed;top: 0;left: 0;width: 100%; z-index: 999;background-color: #ffffff;margin: 0 auto;right: 0;}


.header-area.is-sticky .navigation-menu > ul > li > a {padding-top: 30px;padding-bottom: 30px;}
.header-area.is-sticky .navigation-menu--text_white > ul > li > a {color: #444;}
.header-area.is-sticky .navigation-menu--text_white > ul > li > a > span:after {background-color: #444;}
.header-area.is-sticky .navigation-menu--text_white > ul > li.active > a {color: #000000;}
.header-area.is-sticky .navigation-menu--text_white > ul > li:hover > a:after, .header-area.is-sticky .navigation-menu--text_white > ul > li.active > a:after {color: #000000;}
.header-area.is-sticky .navigation-menu--text_white > ul > li:hover > a > span, .header-area.is-sticky .navigation-menu--text_white > ul > li.active > a > span {color: #000000;}
.header-area.is-sticky .header__logo .dark-logo {display: inherit;}
.header-area.is-sticky .header__logo .light-logo {display: none;}
.header-area.is-sticky .open-main-menu-icon:hover i, .header-area.is-sticky .mobile-navigation-icon:hover i {background-color: #4b304f;}
.header-area.is-sticky .open-main-menu-icon i, .header-area.is-sticky .mobile-navigation-icon i {background-color: #4b304f;}
.header-area.is-sticky .open-main-menu-icon i:before, .header-area.is-sticky .mobile-navigation-icon i:before {background-color: #4b304f;}
.header-area.is-sticky .open-main-menu-icon i:after, .header-area.is-sticky .mobile-navigation-icon i:after {background-color: #4b304f;}
.header-area--absolute {position: relative;top: 0;left: 0;width: 100%; z-index: 5;background: #f2f2f4;padding: 30px 0 20px 0;}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .header-area--absolute {position: static;}
}

.header {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.header__logo {-webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%;flex-basis: 20%;padding-top: 20px;padding-bottom: 20px;}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .header__logo {-webkit-flex-basis: 30%;-ms-flex-preferred-size: 30%;flex-basis: 30%;}
}

@media only screen and (max-width: 575px) {
  .header__logo {-webkit-flex-basis: 50%;-ms-flex-preferred-size: 50%;flex-basis: 50%;}
}

.header__logo > a img {width: 180px;}
.header__logo .dark-logo {display: none;}
.header__logo .light-logo {display: inherit;}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .header__logo .dark-logo {display: inherit;}
  .header__logo .light-logo {display: none;}
}

.header__navigation {-webkit-box-flex: 1;-webkit-flex-grow: 1;-ms-flex-positive: 1;flex-grow: 1;}
.header__navigation .navigation-menu > ul > li > a {padding: 20px 58px;}
.header__navigation .img-fluid {max-width: 100%;height: auto;margin: -20px 0 0 0;}
.header__navigation .navigation-menu > ul > li:first-child a {padding-left: 0;}
.header__navigation .navigation-menu > ul > li:last-child a {padding-right: 0;}
.header__icons-wrapper {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}

@media only screen and (max-width: 767px) {
  .header__icons-wrapper {position: absolute;top: 100%;left: 0;width: 100%;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;padding: 10px;-webkit-box-shadow: 0 15px 40px rgba(0, 0, 0, 0.09);box-shadow: 0 15px 40px rgba(0, 0, 0, 0.09);-webkit-transform: translateY(30px);-ms-transform: translateY(30px);transform: translateY(30px);background-color: #ffffff;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);}
  .header__icons-wrapper.active {visibility: visible;opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);z-index: 999;}
  .header--style-center .header__share {-webkit-flex-basis: 35%;-ms-flex-preferred-size: 35%;flex-basis: 35%;}
}

.header--style-center .header__share {-webkit-flex-basis: 20%;-ms-flex-preferred-size: 20%;flex-basis: 20%;padding-top: 20px;padding-bottom: 20px;}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .header--style-center .header__share {-webkit-flex-basis: 40%;-ms-flex-preferred-size: 40%;flex-basis: 40%;}
}

@media only screen and (max-width: 575px) {
  .header--style-center .header__share {-webkit-flex-basis: 50%;-ms-flex-preferred-size: 50%;flex-basis: 50%;}
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
.header__navigation .navigation-menu > ul > li > a {padding: 20px 58px;}
}

@media only screen and (max-width: 767px) {
.header--style-center .navigation-menu {padding: 15px 0px 15px 15px;}
}

/* .header--style-center .header__actions { */
  /* -webkit-flex-basis: 20%; */
      /* -ms-flex-preferred-size: 20%; */
          /* flex-basis: 20%; */
/* } */

.header--style-center .header__actions .search-icon {padding-left: 15px;}
.header--style-center .header__actions .ht-btn {padding: 0 24px;}
.header--style-center .header__actions .header-button {padding-left: 20px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .header--style-center .header__actions { -webkit-flex-basis: 50%;-ms-flex-preferred-size: 50%;flex-basis: 50%;}
}


/*==============================
    - Navigation Menu Css
===============================*/
.navigation-menu > ul {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.navigation-menu > ul > li > a {display: block;font-size: 16px;font-weight: 400;letter-spacing: 1px;color: #4b304f;padding: 50px 25px;}
.navigation-menu > ul > li > a > span {position: relative;}
.navigation-menu > ul > li > a > span:after {content: '';width: 0;height: 1px;bottom: 0;position: absolute;left: auto;right: 0;z-index: -1;background-color: #333333;-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);}
.navigation-menu > ul > li.has-children > a {position: relative;}
.navigation-menu > ul > li.has-children > a:after {position: static;margin-left: 5px;font-family: "Font Awesome 5 Pro";content: '\f107';font-size: 14px;vertical-align: middle;-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);}
.navigation-menu > ul > li.has-children--multilevel-submenu {position: relative;}
.navigation-menu > ul > li.has-children:hover .megamenu {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);visibility: visible;opacity: 1;}
.navigation-menu > ul > li.has-children:hover .megamenu--home-variation__item {visibility: visible;opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
.navigation-menu > ul > li.has-children:hover > .submenu {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);visibility: visible;opacity: 1;}
.navigation-menu > ul > li:hover > a:after, .navigation-menu > ul > li.active > a:after {color: #333333;}
.navigation-menu > ul > li:hover > a > span, .navigation-menu > ul > li.active > a > span {color: #333333;}
.navigation-menu > ul > li:hover > a > span:after, .navigation-menu > ul > li.active > a > span:after {width: 100%;left: 0;right: auto;}
.navigation-menu--onepage > ul > li.active > a > span:after { display: none;}
.navigation-menu--text_white > ul > li > a {color: #ffffff;}
.navigation-menu--text_white > ul > li > a > span:after {background-color: #ffffff;}
.navigation-menu--text_white > ul > li.active > a {color: #ffffff;}
.navigation-menu--text_white > ul > li:hover > a:after, .navigation-menu--text_white > ul > li.active > a:after {color: #ffffff;}
.navigation-menu--text_white > ul > li:hover > a > span, .navigation-menu--text_white > ul > li.active > a > span {color: #ffffff;}

/* Mobile Mavigation icon */
.mobile-navigation-icon, .page-open-off-sidebar {width: 44px;height: 25px;position: relative;cursor: pointer;display: inline-block;margin-left: 30px;}
.mobile-navigation-icon:hover i, .page-open-off-sidebar:hover i {background-color: #4b304f;}
.mobile-navigation-icon:hover i:before, .page-open-off-sidebar:hover i:before {width: 100%;background-color: #4b304f;}
.mobile-navigation-icon:hover i:after, .page-open-off-sidebar:hover i:after {background-color: #4b304f;width: 100%;}
.mobile-navigation-icon i, .page-open-off-sidebar i {position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width: 100%;height: 2px;background-color: #4b304f;-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);}
.mobile-navigation-icon i:before, .page-open-off-sidebar i:before {position: absolute;bottom: 10px;left: 0;width: 100%;height: 2px; background-color: #4b304f;content: "";-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);}
.mobile-navigation-icon i:after, .page-open-off-sidebar i:after {position: absolute;bottom: -10px;left: 0;width: 100%;height: 2px;background-color: #4b304f;content: "";-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);}

/*================================
    - Mobile Menu Overlay Css
==================================*/
/*
.mobile-menu-overlay, .page-oppen-off-sidebar {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: #333333;overflow: auto;-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);z-index: 9999;background: rgba(0, 0, 0, 0.7);cursor: url(img/light-close.png) 16 16, pointer;visibility: hidden;opacity: 0;}
.mobile-menu-overlay__inner, .page-oppen-off-sidebar__inner {-webkit-transform: translateX(-100%);-ms-transform: translateX(-100%);transform: translateX(-100%);width: 100%;height: 100%;cursor: default;background-color: #4b304f;-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);overflow-y: auto;}
*/
@media only screen and (max-width: 479px) {
.mobile-menu-overlay__inner, .page-oppen-off-sidebar__inner {width: 100%;}
}

.mobile-menu-overlay.active, .page-oppen-off-sidebar.active {visibility: visible;opacity: 1;}
/*.mobile-menu-overlay.active .mobile-menu-overlay__inner, .page-oppen-off-sidebar.active .mobile-menu-overlay__inner {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}*/
.mobile-menu-overlay__header, .page-oppen-off-sidebar__header {background-color: #4b304f;padding: 15px 0;position: relative;}
.mobile-menu-overlay__header .mobile-navigation-close-icon, .page-oppen-off-sidebar__header .mobile-navigation-close-icon {position: absolute;cursor: pointer;height: 40px;width: 40px;line-height: 40px;display: inline-block;top: 20px;right: 15px;}
.mobile-menu-overlay__header .mobile-navigation-close-icon:before, .page-oppen-off-sidebar__header .mobile-navigation-close-icon:before {position: absolute;top: 24px;left: 3px;content: '';width: 40px;height: 3px;background: #ffffff;-webkit-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);}
.mobile-menu-overlay__header .mobile-navigation-close-icon:after, .page-oppen-off-sidebar__header .mobile-navigation-close-icon:after {position: absolute;top: 24px;left: 3px;content: '';width: 40px;height: 3px;background: #ffffff;-webkit-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);}
.mobile-menu-overlay__header .mobile-navigation-close-icon:hover, .page-oppen-off-sidebar__header .mobile-navigation-close-icon:hover {color: #5945e6;}
.mobile-menu-overlay__header .mobile-navigation-close-icon:hover:before, .mobile-menu-overlay__header .mobile-navigation-close-icon:hover:after, .page-oppen-off-sidebar__header .mobile-navigation-close-icon:hover:before, .page-oppen-off-sidebar__header .mobile-navigation-close-icon:hover:after {-webkit-transform: none;-ms-transform: none;transform: none;}
.mobile-menu-overlay__body, .page-oppen-off-sidebar__body {padding: 20px 40px 100px;}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li {border-bottom: 1px solid rgba(255, 255, 255, 1);}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li > a, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li > a {display: block;color: #ffffff;padding-top: 38px;/* padding-bottom: 18px; */font-size: 36px;font-weight: 500;line-height: 1.5;-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li > a:hover, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li > a:hover {color: #ffffff;}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children {position: relative;}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children.active .menu-expand:before, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children.active .menu-expand:before {content: '\f106';}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .menu-expand, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .menu-expand {position: absolute;right: 0;top: 12px;width: 40px;height: 40px;background: rgba(255, 255, 255, 0.1);color: #fff;text-align: center;line-height: 40px;cursor: pointer;-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .menu-expand:hover, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .menu-expand:hover {background: rgba(255, 255, 255, 0.2);}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .menu-expand:before, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .menu-expand:before {content: '\f107';font-size: 18px;font-family: "Font Awesome 5 Pro";}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu {padding: 12px 0 14px 10px;border-top: 1px solid rgba(255, 255, 255, 0.15);}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li {border-bottom: 1px solid rgba(255, 255, 255, 0.15);}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li a, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li a {display: block;font-size: 15px;color: rgba(255, 255, 255, 0.7);font-weight: 500;line-height: 1.5;padding: 10px 0;}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li a:hover, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li a:hover {color: #ffffff;}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li:last-child, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li:last-child {border-bottom: 0;}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children {position: relative;}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children.active .menu-expand:before, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children.active .menu-expand:before {content: "\f106";}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children .menu-expand, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children .menu-expand {position: absolute;right: 0;top: 6px;width: 30px;height: 30px;background: rgba(255, 255, 255, 0.1);color: #fff;text-align: center;line-height: 30px;cursor: pointer;-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children .menu-expand:hover, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children .menu-expand:hover {background: rgba(255, 255, 255, 0.2);}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children .menu-expand:before, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children .menu-expand:before {content: '\f107';font-size: 16px;font-family: "Font Awesome 5 Pro";font-weight: 500;}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu .sub-menu li.has-children, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu .sub-menu li.has-children {position: relative;}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu .sub-menu li.has-children.active .menu-expand:before, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu .sub-menu li.has-children.active .menu-expand:before {content: "\f106";}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu .sub-menu li.has-children .menu-expand:before, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu .sub-menu li.has-children .menu-expand:before {content: '\f107';font-size: 16px;font-family: "Font Awesome 5 Pro";font-weight: 500;}
.mobile-menu-overlay__body .offcanvas-navigation--onepage > ul > li.active > a, .page-oppen-off-sidebar__body .offcanvas-navigation--onepage > ul > li.active > a { font-weight: 700;}

/*=====  End of Header  ======*/


/*=====  Home page  ======*/

.K-content-992 {display: none;}
.K-content-767 { display: none;}
.news-info-992 {display: none;}
.footer-area .col-lg-4.col-md-4.col-sm-4.footer-767 {display: none;}
.footer-area .col-lg-8.col-md-8.col-sm-8.footer-767 {display: none;}
ul.social-media li a {font-size: 26px !important;padding-top: 15px !important;}
ul.social-media li {border-bottom: none !important;}
ul.social-media {margin-top: 50px;}
/*===== media home 1200 start  ======*/
.media-1200 {background: #f2f2f4;width:1200px;margin:0 auto;}
section.we-concept {padding: 50px 0 70px;}
.heading-concept h1 {font-weight: 900;color: #4b304f;line-height: 70px;font-size: 60px; line-height:60px;}
.yellow-part {background: #f3ab32;padding:0 30px 0 0;}
.casae-study-content {padding-top: 30px;}
.casae-study-img {position: relative;}
.casae-study-img img {max-width: 100%;}
.case-button { position: absolute;top: 30px; left: 30px;}
.case-button a {background: #fff;padding: 18px 40px;font-weight: 700;color: #4b304f;text-transform: uppercase;font-size: 14px;letter-spacing: 2px;text-decoration: none;display: inline-block;}
.K-content.text-center {border: 2px solid #fff;padding: 30px;color: #fff;margin-bottom:30px;}
.K-content.text-center h2 {font-size: 96px;color: #fff;font-weight: 700;font-family: 'Space Mono', monospace !important;}
.K-content p {font-size: 18px;letter-spacing: 2px;margin: 0;}
p.border-white {/*border-top: 2px solid #fff;*/border-bottom: 2px solid #fff;padding: 15px 0;padding-top:0px;margin: 0px 0;}
.leggi-tutto {margin-top: 5px;}
.leggi-tutto h2 {font-size: 48px;line-height:48px;font-weight: 900;color: #fff;}
.leggi-tutto p {font-size: 24px;color: #fff;font-weight: 400;font-family: 'Chivo', sans-serif !important;line-height: 30px;margin: 20px 0 30px;}
.leggi-tutto a {font-size: 24px;font-weight: 900;color: #FFF;font-family: 'Chivo', sans-serif !important;letter-spacing: 0.7px; margin-bottom: 25px; }
.leggi-tutto p a { text-align: left; width: auto; margin-bottom: auto!important; font-size:24px; font-weight: normal; text-decoration: underline; color: #4b304f; }
.leggi-tutto p a:hover { color: #1a0dab; }
section.case-study.blue-area {margin-top: 30px;}
.yellow-part.blue-part {background: #01a3d4;}
section.case-study.red-area {margin-top: 30px;}
.yellow-part.red-part {background: #ec2e6c;}
.case-studies {margin-top: 40px;position: relative;z-index: 1;}
.case-studies::before {content: '';position: absolute;top: 16px;left: 0;background: #000;height: 2px;width: 100%;z-index: -1;}
.case-studies a {font-size: 18px;font-weight: 700;color: #4b304f;font-family: 'Chivo', sans-serif !important;letter-spacing: 0.7px;width: 250px;background: #f2f2f4;}
section.new-area {margin-top: 70px;}
.news-padding {background: transparent;padding: 30px;}
.news-padding-single { background: transparent; padding: 30px; }
.single-insight { background: transparent!important; }
.single-insight h4 { text-decoration: none; color: #4b304f; }
.single-insight .wp-caption { max-width: 100%; } 
.single-insight .wp-caption img, .single-insight img  { height: auto; }
.single-insight .news-heading h2 { color: #4b304f; }
.single-insight .insight-tags, .single-insight .news-info p.insight-tags { color: #4b304f; }
.single-insight .news-info { /*border-left: 2px solid #4b304f;*/ border-bottom: 2px solid #4b304f!important; border-left: none!important; margin-left:0px;padding-left:0px; }
.single-insight .news-info p { border-bottom: 2px solid #4b304f; }
.single-insight .news-info p.border-none { border: none; }
.single-insight .news-heading { border-bottom: 2px solid #4b304f; }
.news-heading h2 {font-size: 48px;line-height:48px;font-weight: 900;color: #4b304f;}
.news-info p {line-height: 36px;font-size: 30px;color: #4b304f;font-family: 'Chivo', sans-serif !important;font-weight: 900;border-bottom: 2px solid #4b304f;padding-bottom: 20px;}
.post-content p { border: none!important;}
.post-content h4, .post-content h4 > strong { color: #4b304f; font-size: 24px!important; margin-bottom: 15px;}
.post-content h6, .post-content h6 > strong { color: #4b304f; font-size: 20px!important; margin-bottom: 15px;}
.post-content ul { list-style-type: disc; padding-left: 20px; }
.post-content li { color: #4b304f;}
.news-info {border-left: 2px solid #4b304f;padding-left: 30px; margin-top:13px;}
.new-button {margin-top: 100px;position: relative;z-index: 99;}
.new-button::before {content: '';position: absolute;top: 15px;left: 0;background: #fff;height: 2px;width: 100%;z-index: -1;}
.new-button a {font-size: 24px;font-weight: 700;color: #fff;font-family: 'Chivo', sans-serif !important;letter-spacing: 0.7px;width:200px;background:#4b304f;line-height: initial;}
section.contact-area {padding: 90px 0 120px;}
section#clientiii-area {margin-top: 70px;}
#clientiii-area p { font-size: 20px; line-height:48px; font-family: 'Space Mono', monospace!important; }
#clientiii-area p a { text-decoration: underline; }
.case-study-btns.link-992 {display: none;}
.contact-heading h2 {font-weight: 900;color: #4b304f;line-height: 48px;margin: 0 0 20px 0;font-size: 48px;}
.contact-heading p {font-size: 24px;color: #4b304f;font-weight: 400;font-family: 'Chivo', sans-serif !important;line-height: 30px;margin: 0px 0 30px;}
.contact-form input {border: 2px solid #4b304f;border-radius: 0;height: 46px;background: none;}
.contact-form textarea { border: 2px solid #4b304f;border-radius: 0;height: 110px;background: none;}
.contact-form label {display: inline-block;margin-bottom: .5rem;font-size: 16px;color: #4b304f;font-weight: 400;}
.input-checkbox-privacy input { height: auto; }
.form-control:focus {color: #495057;background: none;border: 2px solid #4b304f;outline: 0;box-shadow: none;}
.contact-heading {padding-left: 30px;border-left: 2px solid #4b304f;height: 100%;}
.contact-form button.btn.btn-primary {background: #4b304f !important;border: none;padding: 14px 35px; border-radius: 0;margin-top: 30px;text-transform: uppercase;letter-spacing: 1px;font-weight: 700;}
section.footer-area {background: #4b304f;padding: 110px 0 70px;}
.footer-info p {font-size: 18px;color: #fff;line-height: 24px;letter-spacing: 1px;}
p.footer-para {margin-top: 50px;}
.footer-info { border-left: 2px solid #fff;padding-left: 25px;}
.footer-menu ul {margin: 70px 0 0;padding: 0;text-align: center;}
.footer-menu ul li {display: inline-block;}
.footer-menu ul li a:hover {color: #fff;}
.footer-menu ul li a {text-decoration: underline;padding: 0 80px;font-size: 18px;color: #fff;margin-top: 0px !important;letter-spacing: 0px;}
.footer-menu a {font-size: 18px;color: #ffff;margin-top: 30px;display: inline-block;letter-spacing: 1px;}
.footer-menu ul li:first-child a {padding-left: 0;}
.footer-menu ul li:last-child a {padding-right: 0;}

/*=====  End  Home Page ======*/

/*=====  inner Pages  ======*/
.contact-heading.contact-block {display: none;}
section.new-area.appointment-area {margin: 0;padding-top: 70px;}
.appointment-heading {margin-bottom: 50px;}
.appointment-heading h2 {font-size: 60px;line-height:60px;text-align:left;font-weight: 900;color: #4b304f;}
.appointment-heading input {border-radius: 0;height: 58px;background: none;border: 2px solid #4b304f;}
.appointment-heading .input-group-text {padding: .375rem 1rem;background: #4b304f;height: 58px;border: none;color: #fff;font-size: 30px;border-radius: 0;}
.appointment-search {margin-top: 35px;display: none;}
p.border-none {border-bottom: none;font-size: 18px;font-weight: 400;line-height: 28px;padding-bottom: 0;}
.appointment-img img {width: 100%;}
p.border-single {display: none;}
.case-study-btns a{font-size: 16px;color: #4b304f;width: 100%;text-align: center;border-top: 2px solid #4b304f;border-bottom: 2px solid #4b304f;padding: 5px;font-weight: 400;margin-bottom: 50px;}
section.tab-area {padding-top: 70px;}

.casae-study-img.case-single-992 { display: none;}
.casae-study-img.case-single-767 { display: none;}
section.case-study.case-study-inner { padding-top: 70px;}
.case-study .appointment-search {margin-top: 0;display: flex;}
section.case-study.case-study-ricerca {padding-top: 70px;}
.about-info h2 {font-size: 48px;line-height:48px;font-weight: 900;color: #4b304f;margin-bottom: 20px;}
.about-info p {font-size: 24px;color: #4b304f;font-family: 'Chivo', sans-serif !important;margin: 0;line-height: 30px;}
#clientiii-area .about-info p { font-size: 24px!important; line-height: 30px!important; font-family: 'Chivo', sans-serif !important; }
.macro-area {background: #4b304f;padding: 30px;}
.macro-heading h2 {font-size: 48px;color: #fff;font-weight: 900;line-height: 48px;}
.macro-info p {font-size: 24px;color: #fff;font-family: 'Chivo', sans-serif !important;line-height: 30px;}
.macro-info ul li {font-size: 24px;color: #fff;list-style: disc;font-family: 'Chivo', sans-serif !important;line-height: 30px;}
.macro-info ul {margin: 10px 0 10px 25px;}
.macro-info a {font-weight: 700;background: #fff;padding: 10px 30px;display: inline-block;font-size: 16px;text-transform: uppercase;color: #4b304f;letter-spacing: 1px;margin-top: 30px;}
.marco-main {border-left: 2px solid #fff;padding-left: 30px;}
.marco-border.row { border-bottom: 2px solid #fff;padding-bottom: 40px;}
.persone {margin-top: 50px;background: #4b304f;padding: 30px;}
.persone h2 {font-size: 60px;color: #fff;font-weight: 900;margin-bottom: 70px;}
.persone-border {border-left: 2px solid #fff;padding-left: 30px;}
.persone-info h4 {font-size: 30px;font-weight: 900;color: #fff; margin-bottom: 5px;}
.persone-info p {font-size: 24px;color: #fff;font-family: 'Chivo', sans-serif !important;line-height: 32px;}
.persone-info a {font-size: 18px;color: #fff;text-decoration: underline!important;font-family: 'Chivo', sans-serif !important;letter-spacing: 1px;font-weight: 300;display: inline-block;width: 100%;}
.persone-info {border-top: 2px solid #fff;padding: 25px 0;}
.mobile-pansone-border {border-left: 2px solid #fff;padding-left: 30px;}
.mobile-pansone {display: none;}
.panel-title > a {display: block;padding: 30px 0;text-decoration: none;color: #fff;font-size: 26px;font-family: 'Chivo', sans-serif !important;font-weight: 900;letter-spacing: 1px;}
.panel-group .panel {border-radius: 0;box-shadow: none;border-color: #EEEEEE;border-bottom: 2px solid #fff !important;}
.panel-default > .panel-heading {padding: 0;border-radius: 0;color: #212121;background: none;}
.panel-title {font-size: 14px;}
.panel-title > a {display: block;padding: 30px 0;text-decoration: none;color: #fff;font-size: 26px;font-family: 'Chivo', sans-serif !important;font-weight: 900;letter-spacing: 1px;}
.more-less {float: right;color: #ffffff;}
.panel-default > .panel-heading + .panel-collapse > .panel-body {border: 2px solid #fff;border-top: none;padding: 15px;color: #fff;line-height: 28px;font-size: 19px;font-family: 'Chivo', sans-serif;}

/*=====  End inner Pages  ======*/



/*=====  Custom Media  ======*/

@media (max-width:991px){
.logo {text-align: center;}
section.we-concept {padding: 50px 0 50px;}
section.new-area {margin-top: 50px;}
section.contact-area {padding: 50px 30px 50px !important;}
.casae-study-img img {display: none;}
.case-button {position: relative;top: 0; left: 0px;} 
.yellow-part {background: #f3ab32;padding: 30px;}
.case-button a {padding: 12px 40px;}
.K-content.text-center {display:none;}
.K-content-992 {border: 2px solid #fff;padding: 30px;color: #fff;display:block;}
.K-content-992.text-center h2 {font-size: 60px;color: #fff;font-weight: 700;font-family: 'Space Mono', monospace !important;}
.K-content-992 p {font-size: 20px;letter-spacing: 2px;margin: 0;}
.K-content-992 p.border-white {border-top: none;border-bottom: 2px solid #fff;padding: 15px 0;margin: 10px 0;}
.leggi-tutto {margin-top: 50px;}
.yellow-part.blue-part {background: #01a3d4;}
.leggi-tutto a {text-align: right;width: 100%;}
.leggi-tutto p a { text-align: left; width: auto; margin-bottom: auto!important; font-size:20px; font-weight: normal; text-decoration: underline; }
.leggi-tutto p a:hover { color: #1a0dab; }
.news-heading {border-bottom: 1px solid #4b304f;padding-bottom: 20px;margin-bottom: 30px;}
.news-padding { padding-left: 0px; padding-right: 0px; }
.news-info-992 {display: block;/*border-left: 2px solid #4b304f;*/padding-left: 30px;}
.news-info {display:none;}
.news-info-992 p {line-height: 40px;font-size: 30px;color: #4b304f;font-family: 'Chivo', sans-serif !important;font-weight: 900;border-bottom: 2px solid #4b304f;padding-bottom: 20px;}
.insight-tags, .news-info p.insight-tags, span.insight-tags { font-size: 18px; font-family: 'Space Mono', monospace !important; font-weight: 300; line-height: 24px;}
.navigation-menu a {width: 100%;text-align: center;}
.header__navigation .img-fluid {max-width: 100%;height: auto;margin: 0px 0 0 0;}
.container{max-width:100%;}
body.main-template {width: 100%;margin: 0 auto;background: #f2f2f4;}
.header-area.is-sticky{width:100%;}
.mobile-navigation-icon, .page-open-off-sidebar {margin-left: 0;}
.header-area--absolute {padding: 20px 0 20px 0;}
.contact-heading p br {display: none;}
#clientiii-area p br { display: block!important; }
.contact-heading p {font-size: 26px;}
.contact-form {margin-top: 30px;}
.footer-logo {text-align: center;}
.footer-menu ul li a { padding: 0 50px;}
section.footer-area {padding: 50px 0 50px;}
.footer-menu ul {margin: 50px 0 0;}
.contact-heading.contact-block {display: block;}
.contact-heading.contact-none {display: none;}
/*.appointment-btn {display: none;}*/
.appointment-search {margin-top: 35px;display:flex;}
section.new-area.appointment-area {margin: 0;padding-top: 50px;}
.appointment-heading {text-align: left !important; margin-bottom: 30px;}
p.border-none {border-bottom: none;font-size: 26px;font-weight: 400;line-height: 36px;padding-bottom: 0;}
.appointment-border {border-left: none;padding-left: 0;}
.news-heading.appointment-single {display: none;}
.appointment-img img {border-top: 2px solid #fff;padding: 20px 0;}
.appointment-img {background: #4b304f;padding: 0px 30px;}
p.border-single {display: block;border-bottom: 2px solid #fff;margin: 0;padding-bottom: 20px;font-size: 18px;color: #fff;line-height: 28px;font-weight:normal;font-family: 'Space Mono', monospace !important;}
.news-info-992.appointment-border .appointment-img {padding: 0;}
.case-studies.text-right.appointment-btn.case-study-btn {display: block;}
section.contact-area.case-studiess {padding: 50px 0px !important;}
.contact-heading.tab-list-area p {font-size: 24px;margin: 0 0 20px 0;font-family: 'Space Mono', monospace !important;font-weight: 400;}
.nav-tabs-1200 {display: none;}
.nav-tabs-992 {display: flex;}
.casae-study-img.case-single-1200 {display: none;}
.casae-study-img.case-single-992 {display: block;}
.casae-study-img.case-single-992 img {display: block;text-align: center;margin: 0 auto;}
.case-single-992 .K-content-992 {margin: 30px 0;}
.appointment-heading.text-center.case-study-single {display: none;}
.case-study-ricerca .appointment-btn {display: block;}
.macro-heading h2 br{display:none;}
.marco-main {border-left: none;padding-left: 0px;}
.macro-info { border-left: 2px solid #fff;padding-left: 30px;}
.macro-heading h2 {margin-bottom: 50px;}
.macro-btn {text-align: right;}
.persone-main {display: none;}
.mobile-pansone {display: block;}
.case-study-btns.link-992 {display: block;}
.case-study-btns.link-1200 {display: none;}
.media-1200 {background: #f2f2f4;width:100%;margin:0 auto;}
}
@media (max-width:767px){
section.contact-area {padding: 50px 30px 50px !important;}
.header-area--absolute { padding: 0px 0 0px 0;}
.K-content-992{display:none;}
.K-content-767 {border: 2px solid #fff;padding: 30px;color: #fff;display:block;}
.K-content-767.text-center h2 {font-size: 42px;color: #fff;font-weight: 700;font-family: 'Space Mono', monospace !important;}
.K-content-767 p {font-size: 20px;letter-spacing: 2px;margin: 0;}
.K-content-767 p.border-white {border-top: none;border-bottom: 2px solid #fff;padding: 15px 0;margin: 10px 0;}
.footer-area .col-lg-2.col-md-2.footer-992 {display: none;}
.footer-area .col-lg-4.col-md-4.footer-992 {display: none;}
.footer-area .col-lg-6.col-md-6.footer-992 {display: none;}
.footer-area .col-lg-4.col-md-4.col-sm-4.footer-767 {display:block;}
.footer-area .col-lg-8.col-md-8.col-sm-8.footer-767 {display:block;}
.heading-concept h1 {font-size: 42px;line-height: 56px;}
div#hidden-icon-trigger {display: none !important;}
.footer-menu ul li a {padding: 0 55px;}
.footer-menu ul li { width: 22%; }
section.tab-area {padding-top: 50px;}
.casae-study-img.case-single-992 {display:none;}
.casae-study-img.case-single-767 {display:block;}
.casae-study-img.case-single-767 img {display: block;text-align: center;margin: 0 auto; margin-left: -20px;}
.case-single-767 .K-content-767 {margin: 30px 0;}
section.case-study.case-study-inner { padding-top: 50px;}
section.case-study.case-study-ricerca {padding-top: 50px;}
section#clientiii-area {margin-top: 50px;}
}

@media (max-width:575px) {
.footer-logo {text-align: left;margin-bottom: 30px;}
.footer-menu ul li a {padding: 0 25px;}
p.footer-para {margin-top: 30px;}
.footer-menu a {margin-top: 10px;}
.footer-info {border-left: none;padding-left: 0;}
.appointment-heading h2 {font-size: 48px;}
.nav-tabs-992 {display:none;}
.nav-tabs-1200 {display: flex;}
.macro-heading h2 {margin-bottom: 30px;}
.macro-heading h2 {font-size: 48px;}
.macro-info {border-left: none;padding-left: 0;}
.persone h2 {font-size: 48px;margin-bottom: 30px;}
.mobile-pansone-border {border-left: none;padding-left: 0;}
.panel-title > a{padding:20px 0;}
.case-study-btns a {margin-bottom: 15px;border: 2px solid #4b304f;}
div#main-study {margin-top: 30px;}
}

@media (max-width:479px) {
.heading-concept h1 {font-size: 30px;line-height: 40px;}
section.we-concept {padding: 0px 0 30px;}
.K-content-767{padding:15px}
.yellow-part{padding:20px;}
.news-info-992 {border-left: none;padding-left: 0;}
.K-content-767.text-center h2{font-size:36px}
.leggi-tutto h2 {font-size: 32px;}
.leggi-tutto p {font-size: 18px;line-height: 24px;margin: 10px 0 10px;}
.leggi-tutto {margin-top: 30px;}
.leggi-tutto a{font-size:18px;}
.K-content-767 p {font-size: 16px;letter-spacing: 1px;line-height: 24px;}
.case-studies a {font-size: 20px;width: 100%;background: #4b304f;padding: 10px; color:#fff;text-align:center;}
.case-studies::before{top:17px;}
.case-studies {margin-top: 20px;}
.news-heading h2 {font-size: 36px;line-height:40px;}
.news-info-992 p {line-height: 30px;font-size: 24px;margin-left:10px;}
.contact-heading h2 {font-size: 36px; line-height:36px; margin: 0 0 0px 0;}
.contact-heading h2 br {display:none;}
.contact-heading p {font-size: 18px;margin: 0;}
.news-heading { margin-bottom: 15px;}
section.contact-area {padding: 40px 0px 50px !important;}
.footer-menu ul li a { padding: 0 5px;}
.footer-info p {font-size: 16px;color: #fff;line-height: 22px;letter-spacing: .5px;}
.footer-menu ul { margin: 20px 0 0;}
.contact-heading { padding-left: 0;border-left: none;height: auto;}
.mobile-menu-overlay__body, .page-oppen-off-sidebar__body {padding: 20px 15px 50px;}
.new-button a {font-size: 20px;color: #4b304f;width: 100%;background: #fff;text-align: center;padding: 10px;}
.new-button {margin-top: 30px;}
.news-padding { /*padding: 20px 20px 30px 20px;*/ }
.appointment-img {padding: 0px 20px;}
.appointment-search {margin-top: 20px;display: flex;}
.appointment-heading h2 {font-size: 30px;line-height: 36px;}
p.border-single {font-size: 18px;line-height: 28px;}
.contact-heading.tab-list-area {margin-top: 10px;}
.contact-heading.tab-list-area p {font-size: 20px;margin: 0 0 15px 0;}
ul.nav.nav-tabs.nav-tabs-1200 {margin-bottom: 0px;}
ul.nav.nav-tabs.nav-tabs-1200 li.nav-item {width: 100%;margin-bottom: 10px;}
.nav-tabs-1200 .nav-item.show .nav-link, .nav-tabs-1200 .nav-link.active {border: 2px solid #4b304f !important;}
.nav-tabs-1200 .nav-link{border: 2px solid #c8c1cb !important;}
.about-info h2 {font-size: 36px;}
.macro-heading h2 {font-size: 36px;line-height: 44px;margin-bottom: 10px;}
.persone h2 {font-size: 36px;margin-bottom: 10px;line-height: 44px;}
.persone {padding: 20px;}
.macro-area {padding: 20px;}
.macro-info a{width:100%; text-align:center}
}

@media (max-width: 468px ){
  .footer-menu ul li { width: 35%; }
}

@media (max-width:375px) {
.heading-concept h1 {font-size: 25px;line-height: 32px;}
.K-content-767.text-center h2 {font-size: 48px; line-height: 48px;}
.K-content-767 p.border-white {margin: 0 0 10px 0;}
.leggi-tutto h2 {font-size: 30px; line-height: 36px;}
.news-heading h2 {font-size: 36px; line-height: 40px; }
.news-info-992 p {line-height: 30px;font-size: 24px;}
.contact-heading h2 {font-size: 24px; line-height:30px;}
.contact-heading p {font-size:18px;line-height:24px;}
.contact-form button.btn.btn-primary {margin-top: 10px;width: 100%;}
.footer-menu ul li a {font-size: 16px;}
.footer-menu a {margin-top: 10px;font-size: 16px;}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li > a, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li > a {padding-top: 25px;font-size: 28px;}
ul.social-media li a {font-size: 20px !important;padding-top: 5px !important;}
.appointment-heading h2 {font-size: 32px;}
p.border-single {font-size: 18px;line-height: 28px;}
.about-info h2 {font-size: 24px;line-height:30px; }
.about-info p { font-size: 18px;line-height: 24px;  }
.macro-heading h2 {font-size: 24px;line-height: 30px;}
.macro-info { font-size: 18px!important;line-height: 24px!important; }
.macro-info ul li { font-size:18px!important;line-height: 24px!important; }
.persone h2 {font-size: 32px;}
.panel-title > a {padding: 20px 0;font-size: 22px;font-weight: 600;}
}

/*=====  End Custon Media  ======*/