@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;900&display=swap');

:root {
  --color-primary: #006dd4;
  --color-secondary: #eff3f4;
  --color-tertiary: #3e3e3e;
  --color-quaternary: #043562;
  --color-secondary-dark: #d8dee6;
  --color-lite: var(--color-secondary);
  --color-dark: #334762;
  --color-body: #000;
  --color-h1: var(--color-body);
  --color-h2: var(--color-body);
  --color-h3: var(--color-body);
  --color-h4: var(--color-body);
}
/* NEW [START] */
.list-star {margin: 3px 0 !important;}
.full-width h2, .blk-faqs h2 {
  font-weight: 300;
  font-size: 2.25rem;
  line-height: 3rem;
  margin-bottom: 3rem !important;
  text-align: center;
}
.kardx {
  border: 4px solid var(--color-primary);
  -moz-box-shadow: 0px 5px 32px 0px rgba(217,232,237,0.8);
  -webkit-box-shadow: 0px 5px 32px 0px rgba(217,232,237,0.8);
  box-shadow: 0px 5px 32px 0px rgba(217,232,237,0.8);
  margin: 0 0 2rem 0;
  padding: 3rem;
  border-radius: 0;
  background: #fff url('../images/waves-lines.png') 0 0 no-repeat;
  text-align:center !important;
}
.kardx a {
  text-decoration: none !important;
  font-weight:500;
}
.kardx-title {
  font-weight:500;
  color: var(--color-primary);
}
.service_blk2 {
  background-color: #fff;
  margin: 3rem 0;
  padding: 5rem 0;
}
.service_blk {
  background-color: var(--color-secondary);
  margin: 3rem 0;
  padding: 5rem 0;
}
.after-main-article ul, .main-article ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.after-main-article ul.list-star li, .main-article ul.list-star li {
  margin: 0;
  padding: 10px 10px 10px 48px;
  list-style: none;
  background: var(--color-lite) url("../images/icon-star-32.png") no-repeat 5px center;
  display: block;
  width: 100%;
}
.aop {
  -moz-box-shadow: 0px 5px 32px 0px rgba(217,232,237,0.8);
  -webkit-box-shadow: 0px 5px 32px 0px rgba(217,232,237,0.8);
  box-shadow: 0px 5px 32px 0px rgba(217,232,237,0.8);
  margin: 0;
  padding: 3rem 1rem;
  border-radius: 0;
  background-color: #fff;
  /* border: 1px solid var(--color-secondary-dark); */
}
.aop .aop_col{
  margin: 0;
  padding: 2rem 1rem;
}
.aop .aop_colx1 {
  border-style: solid;
  border-width: 0 1px 1px 0;
  border-color: var(--color-secondary-dark);
}
.aop .aop_colx2 {
  border-style: solid;
  border-width: 0 0 1px 0;
  border-color: var(--color-secondary-dark);
}
.aop .aop_col_last1 {
  border-style: solid;
  border-width: 0 1px 0 0;
  border-color: var(--color-secondary-dark);
}
.aop .aop_col_last2 { border: 0 none !important;}
.aop h3 a {
  font-weight: 500 !important;
  text-decoration: none  !important;
  color: var(--color-dark)  !important;
}
.aop h3 a:hover, .aop h3 a:focus {
  color: var(--color-primary)  !important;
  text-decoration: none  !important;
}
.aop .aop_ikon {
  margin-bottom: 1rem;
  text-align: center;
}
.aop .aop_details {text-align:left;}


.kards iframe {
  width: 100%;
  height: auto;
}
.kards .card {
  -webkit-box-shadow: 2px 2px 11px 0px rgba(0,0,0,0.15);
  -moz-box-shadow:    2px 2px 11px 0px rgba(0,0,0,0.15);
  box-shadow:         2px 2px 11px 0px rgba(0,0,0,0.15);
  background-color: #fff;
  padding:0;
  border-radius: 0;
  max-width:30rem;
}
.kards .card h3 {
  padding: 0;
  margin:0;
  text-align:center;
}
.kards .card h3 a {
  padding: 1rem;
  margin:0;
  font-size: 1.25rem;
  font-weight: 500;
  text-decoration: none !important;
  color: rgba(255,255,255,1);
  display: block;
  background-color: var(--color-primary);
}
.kards .card h3 a:hover, .kards .card h3 a:focus {
  text-decoration: none !important;
  color: rgba(255,255,255,1);
  background-color: var(--color-body);
}
.kards .card .card-desc{
  color: #666;
  font-size: 0.85rem;
  line-height: 1.15rem;
  padding: 1rem;
}

.kards .card ul{
  padding: 0.5rem;
  margin: 0;
}
.kards .card ul li{
  color: #666;
  padding: 0 0 5px 30px;
  font-size: 0.9rem;
}
.kards .card ul li a{
  text-decoration: none;
  color: var(--color-body);
  display: block;
}
.kards .card ul li a:hover,
.kards .card ul li a:focus,
.kards .card ul li a:active{
  text-decoration: underline;
  color: var(--color-body);
}
.kards .card img {
  border: 0 none;
  border-radius: 0;
}
.kards .card .card-text {
  padding: 1rem 1.5rem;
  text-align:center;
  min-height: 145px;
}


.quick-menu {
  padding: 60px 37px !important;
}
.quick-menu li {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
}
.quick-menu li a {
  display: block;
  width: 100%;
  padding: .5rem;
  margin: 0 0 .5rem 0;
  border-bottom: 1px solid var(--color-secondary-dark);
  color: var(--color-body);
  font-weight: 500;
  text-decoration: none;
}
.quick-menu li a:hover, .quick-menu li a:focus, .quick-menu li.current a {
  text-decoration: none;
  color: var(--color-primary);
}
.quick-contact {
  color: #fff;
  font-weight: 400;
  background-size: cover;
  position: relative;
  z-index: 1;
  padding: 48px 37px !important;
  background-position: center center;
  overflow: hidden;
  border-radius: 10px;
  background-color: #1d2027 !important;
  background-image: url('../images/waves-lines.png');
}
.quick-contact a,
.quick-contact a:focus,
.quick-contact a:hover,
.quick-contact a:active {
  color:#fff !important;
}
.quick-contact .sideb_title {
  font-size: 1.5rem;
  font-weight:500;
}
.quick-contact .sideb_phone a {
  font-size: 1.6rem;
  font-weight:900;
  color: #fff;
  text-decoration: none;
}
.quick-contact .sideb_email a {
  font-size: 1.3rem;
  font-weight:500;
  color: #fff;
  text-decoration: underline;
}

._banner {
  background: var(--color-tertiary) url('../images/bhomex01.png') no-repeat center top;
  background-size: auto;
  background-size: auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
}

._banner .carousel-item {
	min-height: 430px;
	padding: 150px 50px 190px 50px;
}
._banner .carousel-item .slid_line01 {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 900;
  text-transform: uppercase;
  margin-bottom: 1rem;
  letter-spacing: 6px;
  text-shadow: 1px 1px 1px #333;
}
._banner .carousel-item .slid_line02{
  color: #fff;
  font-size: 2.75rem;
  font-weight: 900;
  text-transform: uppercase;
  margin-bottom: 1rem;
  letter-spacing: 2px;
  line-height: 4rem;
  text-shadow: 1px 1px 1px #333;
}


._banner .carousel-item .slid_line03 .btn {
	color: #fff !important;
	background-color: var(--color-primary) !important;
	border: 1px solid var(--color-primary) !important;
	font-weight: bold !important;
	font-size: 1.15rem !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
	border-radius: 26px;
}
._banner .carousel-item .slid_line03 .btn:hover {
	color: #fff !important;
	background-color: var(--color-primary) !important;
	border: 1px solid var(--color-primary) !important;
}

._banner .carousel-item .slid_line03 .btn i {
  font-size: 2rem;
  vertical-align: bottom;
  margin-right: 0;
}

.footer-blocks ul.social_links li a {
  display: inline-block;
  width: unset;
}
.__page_top_right .btn {
  margin: 0 0 0 .5rem;
  font-weight: 400;
  color: #fff !important;
  font-size: 1rem;
}
.__page_top_right .btn i {
  font-size: 24px;
  vertical-align: sub;
}
.__page_top_right .btn-secondary {
  background-color: var(--color-quaternary) !important;
  font-weight: 900;
}
.__page_top_right .btn-secondary:hover,
.__page_top_right .btn-secondary:focus,
.__page_top_right .btn-secondary:active,
.__page_top_right .btn-secondary:active + .btn:focus,
.__page_top_right .btn-secondary:checked + .btn:focus,
.__page_top_right .btn-secondary:active:focus {
   background-color: var(--color-tertiary) !important;
}
.btmcta {padding:0; margin:0;}
.bbar2 {
  display: block;
  color: rgba(255,255,255,0.8) !important;
  text-decoration: none;
  background: transparent url("../images/ikn-form36x01.png") no-repeat left center;
  font-weight: 300;
  line-height: 1.75rem;
  font-size: 1.25rem;
  padding: 2rem 2rem 2rem 6rem !important;
  background-color: var(--color-primary);
}

.ikn2-email {
  background: #4c7327 url("../images/icon-email-64.png") no-repeat 1rem center !important;
}
.ikn2-call {
  background: #175ba9 url("../images/icon-call-64.png") no-repeat 1rem center !important;
}


.floating-bar {
  right: 0;
  bottom: 60px;
  position: fixed;
  z-index: 10000;
}
.btn-whatsapp {
  border-radius: 0;
  background-color: #25d366;
  border: 0 none !important;
  margin: 0 !important;
  font-size: 0.9rem !important;
  font-weight: bold;
  color: #fff;
}
.btn-whatsapp:hover,.btn-whatsapp:focus,.btn-whatsapp:active {
  background-color: #25d366;
  border: 0 none !important;
  margin: 0 !important;
  font-size: 0.9rem !important;
  font-weight: bold;
  color: #000;
}
.btn-whatsapp i {
  font-size: 30px !important;
  vertical-align: inherit !important;
}

.pulse-green {
    background-color: #25d366;
    -webkit-animation: blink2 2000ms infinite;
            animation: blink2 2000ms infinite;
}
@-webkit-keyframes blink2 { 50% { background-color: #038433; }}
@keyframes blink2 { 50% { background-color: #038433; }}
.pulse {
  background-color: #ffdbdb;
  -webkit-animation: blink 800ms infinite;
  animation: blink 800ms infinite;
}
@-webkit-keyframes blink { 50% { background-color: #fff0cc; }}
@keyframes blink { 50% { background-color: #fff0cc; }}

.contDetails {
  border: 5px solid var(--color-primary);
  padding: 13px 30px;
}
.contact_frm .frm_appointment {
  background-color: var(--color-secondary);
}
.bbar {
  display: block;
  color: var(--color-body);
  text-decoration: none;
  background: transparent url("../images/ikn-form36x01.png") no-repeat left center;
  font-weight: 300;
  line-height: 1.3rem;
  font-size: .95rem;
  padding: 0.75rem 0.75rem 0.75rem 3rem !important;
}

.bbar:hover,.bbar:focus,.bbar:active{
  background-color: rgba(255,255,255,0.1) !important;
}

.ikn-map {
  background: transparent url("../images/ikn-map36x01.png") no-repeat left center !important;
}
.ikn-call {
  background: transparent url("../images/ikn-phone36x01.png") no-repeat left center !important;
}
.ikn-email {
  background: transparent url("../images/ikn-email36x01.png") no-repeat left center !important;
}
.ikn-time {
  background: transparent url("../images/ikn-time36x02.png") no-repeat left center !important;
}
._banner_top_bar {
  background-color: var(--color-primary);
  padding:1rem 0;
}
.__header_cta .btn-warning {
  background-color: #fff !important;
  text-decoration: none !important;
  color: var(--color-body) !important;
  border:2px solid var(--color-primary) !important;
  font-weight: 500 !important;
  border-radius: 0 !important;
}
.__header_cta .btn-warning:hover, .__header_cta .btn-warning:focus, .__header_cta .btn-warning:active, .__header_cta .btn-warning.active, .btn:first-child:active {
  background-color: var(--color-primary) !important;
  text-decoration: none !important;
  color: #fff !important;
  border-color: var(--color-primary) !important;
}
.__header_cta .btn-warning i {
  vertical-align: inherit;
  margin-right: 5px;
}

.btn{margin: 0 .5rem .5rem 0}

th{font-weight: 500;}
*:focus, *::before:focus, *::after:focus {outline: none;}
.main-article ul.subpages {
  padding: 0 !important;
  margin: 0 0 1rem 0 !important;
  list-style-type: none !important;
}
.main-article ul.subpages li {
  margin-bottom: 0.5rem;
  padding:0;
  background: none;
}
.main-article ul.subpages li a {
  background: var(--color-secondary) url("../images/li24arrow.png") no-repeat 10px center;
  text-decoration: none;
  font-weight: 500;
  line-height: 1.6rem;
  font-size: 1rem;
  display: block;
  padding: 0.75rem 0.75rem 0.75rem 2.3rem !important;
}

.mobi-cta-button {
  background-color: #c1cbd7;
  padding: 1rem;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  -moz-box-shadow: 0 2px 20px rgba(0,0,0,.2);
  -webkit-box-shadow: 0 2px 20px rgba(0,0,0,.2);
  box-shadow: 0 2px 20px rgba(0,0,0,.2);
}
.mobi-cta-button p {
  margin:0 !important;
  padding: 0 !important;
  text-align:center !important;
}

.h4, h4 {
  font-size: 1rem !important;
  font-weight: 500 !important;
}
td small, th small {font-weight: 300 !important; color: #666 !important; }

.after-main-article {margin-bottom:5rem;}

.blks_why .bg_layer {
  background-color: #fff;
  padding: 7rem 1rem;
  margin: 0;
}
.blks_why ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.blks_why ul li {
    display: inline-block;
    width: 32%;
    list-style: none;
    padding: 10px 10px 10px 80px;
    margin: 0 1% 25px 0;
    background: transparent url("../images/ikn70x70_1.png") no-repeat left top;
    color: var(--color-body);
    text-align: left;
    vertical-align: top;
}
.blks_why ul li strong {
    color: var(--color-body);
}



.blks_cta {
  /*
    background: #f4f8fb url("../images/blk_01.jpg") no-repeat center bottom;
    background-size: auto;
    background-size: auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  */
    padding: 0;
    margin: 0;
}
.blks_cta .bg_layer {
  /*background-color: rgba(208,94,2,0.7);*/
  background-color: var(--color-secondary);
  padding: 7rem 1rem;
  margin: 0;
}
.blks_cta strong {
    font-weight: 900;
}
.blks_cta p {
  text-align: center;
  font-size: 2rem;
  font-weight: 300;
  line-height: 4rem;
  color: rgba(255,255,255,0.8);
}
.blks_cta a {
    color: rgba(255,255,255,0.8) !important;
    text-decoration: none !important;
    border-bottom: 4px solid rgba(255,255,255,0.8) !important;
}
.blks_cta a:hover,
.blks_cta a:focus,
.blks_cta a:active {
    color: rgba(255,255,255,1);
    text-decoration: none;
    border-bottom: 5px solid rgba(255,255,255,1);
}



.faqs a {text-decoration: underline !important;}
.faqs a:hover, .faqs a:focus {
  text-decoration: underline !important;
  color: var(--color-primary);
}

.blk-faqs {margin:3rem 0 8rem 0;}
.full_width_dark {
  background-color: var(--color-primary);
  color: rgba(255,255,255,0.9);
  font-weight: 400;
}
.full_width_dark img {border-bottom: 10px solid var(--color-secondary); }
.full_width_dark h2 {
  font-size: 2.5rem;
  font-weight: 300;
  color: #fff;
  line-height: 3.5rem;
}
.full_width_dark h2 strong {
  font-weight: 900;
  color: var(--color-secondary);
  display: block;
}
.full_width_dark .riside{padding: 4rem 4rem 3rem 4rem;}

.fbox-body {
  -moz-box-shadow: 0 2px 20px rgba(0,0,0,.2);
  -webkit-box-shadow: 0 2px 20px rgba(0,0,0,.2);
  box-shadow: 0 2px 20px rgba(0,0,0,.2);
  border-top: 20px solid var(--color-secondary);
  padding: 25px;
  margin-bottom: 25px;
  text-align: left;
}
.fbox-icon {margin-bottom:1rem;}
.fbox-title {
  font-weight: 600;
  font-size: 1.75rem;
}
.fbox-title::after {
  background-image: -webkit-linear-gradient(to left, var(--color-secondary) 50%, var(--color-secondary) 50%);
  background-image: linear-gradient(to left, var(--color-secondary) 50%, var(--color-secondary) 50%);
  content: "";
  display: block;
  height: 3px;
  margin: 10px 0 20px 0;
  width: 100px;
}
.fbox-title a, .fbox-title a:hover, .fbox-title a:focus {
  text-decoration: none !important;
}
.fbox-readmore {
  text-decoration: none !important;
  color: var(--color-secondary) !important;
  font-weight: 600;
}
.fbox-readmore:hover,.fbox-readmore:focus {
  text-decoration: none !important;
  color: var(--color-primary) !important;
}


.table-striped > tbody > tr:nth-of-type(2n+1) > * {
  --bs-table-bg-type: var(--color-lite);
}
.google_map{background-color: var(--color-primary)}
.sidebar hr {
  color: #999;
  margin: 2rem 0 !important;
}
.b_shadow {
  -moz-box-shadow: 0px 15px 80px -6px rgba(0,0,0,0.15);
  -webkit-box-shadow: 0px 15px 80px -6px rgba(0,0,0,0.15);
  box-shadow: 0px 15px 80px -6px rgba(0,0,0,0.15);
}
.side_title {
  color: var(--color-body);
  font-weight: 500;
}
.side_title i {
  color: var(--color-secondary);
  font-size: 2rem;
  vertical-align: bottom;
  margin-right: 0.5rem;
}
.side_desc i {
  font-size: 1.25rem;
  vertical-align: bottom;
  margin-right: 0.5rem;
}
.side_social {
  text-align: center;
}
.side_social i {
  background-color: var(--color-lite);
  padding: 0.5rem;
  border-radius: 0;
  font-size: 2rem;
  margin: 0 0.5rem;
}
.sidebar a.i_linkedin:hover, .sidebar a.i_linkedin:focus
{
  color: #0077b5;
}
.sidebar a.i_facebook:hover, .sidebar a.i_facebook:focus
{
  color: #0866ff;
}
.sidebar a.i_instagram:hover, .sidebar a.i_instagram:focus
{
  color: #e90690;
}


.sidebar a {
  color: var(--color-primary);
  text-decoration: none;
}
.sidebar a:hover, .sidebar a:focus {
  color: var(--color-body);
  text-decoration: underline;
}
.__page_top {
  background-color: var(--color-primary);
  color: rgba(255,255,255,0.6);
  padding: 0;
  font-size: 0.9rem;
  font-weight: 400;
}
.__page_top a {
  color: rgba(255,255,255,0.6);
  text-decoration: none;
}
.__page_top a:hover, .__page_top a:focus {
  color: rgba(255,255,255,1);
  text-decoration: none;
}
.__page_top a strong{
  color: rgba(255,255,255,1);
}
.__page_top i{
  color: var(--color-secondary);
  font-size: 18px;
  margin-right: 10px;
  vertical-align: middle;
}
.__page_top p {
  margin-bottom: 0;
}

.btn-info {
  border-radius: 1.706em !important;
  background-color: var(--color-primary) !important;
  text-decoration: none !important;
  color: #fff !important;
  border-color: var(--color-primary) !important;
  font-weight: 500 !important;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn:first-child:active {
  border-radius: 0 !important;
  background-color: var(--color-body) !important;
  text-decoration: none !important;
  color: #fff !important;
  border-color: var(--color-body) !important;
}
.btn-info i {
  vertical-align: inherit;
  margin-right: 5px;
}
.__header_cta { margin-top: 15px;}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  line-height: 1.75rem;
  font-size: 1rem;
  color: var(--color-body);
}

a:focus, a:before, a:active {outline: none;}
a.button {text-decoration:none !important; border:none !important;}
a {color: var(--color-body); text-decoration: none;}
a:active,a:focus,a:hover {color: var(--color-primary); text-decoration: none;}
a[href^="tel:"] {white-space: nowrap !important;}
li {text-align: left;}
label {text-align: left;}
.__notification {
  background-color: var(--color-body);
  margin: 0;
  padding: 0.5rem 0;
}
.__notification p {
  margin: 0;
  padding: 0;
}
.__notification a {
  color: rgba(255,255,255,0.85);
  text-decoration: underline;
  font-weight: 600;
}
.__notification a:hover, .__notification a:focus {
  color: var(--color-secondary2);
}
.top-msg {
  text-align: center;
  color: rgba(255,255,255,0.8);
  font-size: 0.9rem;
}
@keyframes myanimation {
    0% {
        color: #fff;
    }
    50% {
        color: var(--color-secondary);
    }
    100% {
        color: #fff;
    }
}
.top-msg a {
    color: #fff;
    border: 0 none;
    text-decoration: none;
    animation: myanimation 1s infinite;
}
.toc {
  background-color: #fff;
  display: inline-block;
  padding: 3rem 3rem 1rem 3rem;
  border: 3px solid var(--color-primary);
  border-radius: 0;
}
.toc li {
  margin-bottom: 1rem;
  line-height: 1.3rem;
}
td, th {text-align: left !important;}
.sidebar h3 {
  color:var(--color-body);
  background-color: var(--color-secondary-dark);
  margin: 0;
  padding: 1rem;
  font-weight: 500;
}
.sidebar .frm_appointment {margin:0; padding:1.5rem;}

.sidebar .moduletable {
  padding:0;
  background-color: var(--color-secondary);
  border-radius: 10px;
  /*
  -moz-box-shadow: 0px 15px 80px -6px rgba(0,0,0,0.15);
  -webkit-box-shadow: 0px 15px 80px -6px rgba(0,0,0,0.15);
  box-shadow: 0px 15px 80px -6px rgba(0,0,0,0.15);
  */
  margin-bottom: 2rem;
}
.sidebar .moduletable form .col-12{width:100% !important;}
.sidebar .card {width: auto !important;}
.card-title, .card-body{color: var(--color-body);}

.card-img, .card-img-top {
  border: 5px solid var(--color-lite);
}
blockquote.bolder {
  background-color: var(--color-body);
  padding: 3rem 1rem;
  margin: 3rem 0;
  border-radius: 0;
  color: rgba(255,255,255,0.9);
}
blockquote.bolder p {
  text-align: center !important;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2.25rem;
}
blockquote.bolder a {
  color: rgba(255,255,255,1);
  font-size: 1.5rem !important;
  text-decoration:none;
  border-bottom: 4px solid var(--color-primary);
}
blockquote.bolder a:hover,
blockquote.bolder a:focus,
blockquote.bolder a:active {
  color: rgba(255,255,255,1);
  text-decoration:none;
  border-bottom: 4px solid #fff;
}

.kard {
  margin:3rem 0;
  padding:0;
  text-align: center;
}
.kard a.btn {
 text-decoration: none;
  background-color: rgba(255,255,255,1);
  border-radius: 0;
  border: 2px solid var(--color-primary) !important;
  padding: 0.375rem 2rem;
  color: var(--color-primary) !important;
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif;
  font-size: 0.9rem;
  font-weight: 600;
}
.kard a.btn:hover,.kard a.btn:focus,.kard a.btn:active {
  text-decoration: none;
  background-color: rgba(255,255,255,0.8);
  border-radius: 0;
  border: 2px solid var(--color-primary) !important;
  color: var(--color-primary) !important;
  text-transform: uppercase;
}

.kard h3, .kard h2 {
  text-transform: uppercase;
  text-align: center;
  font-size: 1.15rem !important;
  font-weight: 400;
  color: var(--color-body) !important;
  margin-bottom: 2rem;
}
.kard01 {
background-color: var(--color-lite);
  color: var(--color-body);
}
.kard .kard01 a.btn {
  border: 2px solid var(--color-body) !important;
  color: var(--color-body) !important;
}
.kard .kard01 a.btn:hover,.kard .kard01 a.btn:focus,.kard .kard01 a.btn:active {
  border: 2px solid var(--color-body) !important;
  color: var(--color-body) !important;
  background-color: var(--color-lite) !important;
}
.kard .kard01 h3, .kard .kard01 h2 {
  color: var(--color-body) !important;
}

.kard02 {
  background-color: #000;
  color: rgba(255,255,255,0.85);
}
.kard .kard02 a.btn {
  border: 2px solid #fff !important;
  color: #000 !important;
}
.kard .kard02 a.btn:hover,.kard .kard02 a.btn:focus,.kard .kard02 a.btn:active {
  border: 2px solid #fff !important;
  color: #000 !important;
}
.kard .kard02 h3, .kard .kard02 h2 {
  color: #fff !important;
}

.kard03 {
	-moz-box-shadow: 0px 15px 80px -6px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px 15px 80px -6px rgba(0,0,0,0.15);
	box-shadow: 0px 15px 80px -6px rgba(0,0,0,0.15);
}
.kard .kard03 a.btn {
  border: 2px solid #000 !important;
  color: #000 !important;
}
.kard .kard03 a.btn:hover,.kard .kard03 a.btn:focus,.kard .kard03 a.btn:active {
  border: 2px solid #000 !important;
  color: #000 !important;
  background-color: var(--color-lite) !important;
}
.kard .kard03 h3, .kard .kard03 h2 {
  color: #000 !important;
}
.img-thmb {
	-moz-box-shadow: 0px 15px 80px -6px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px 15px 80px -6px rgba(0,0,0,0.15);
	box-shadow: 0px 15px 80px -6px rgba(0,0,0,0.15);
    padding: 10px;
}
.thumbs_blks {
	display:inline-block;
	width:100%;
	padding:10px;
	margin-bottom:30px;
	line-height:1.5rem;
	text-align:left;
	background-color:#fff;
	color:#212529;
	text-decoration:none;
	border:2px solid #fff;
	min-height:135px;
	-moz-box-shadow: 0px 15px 80px -6px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px 15px 80px -6px rgba(0,0,0,0.15);
	box-shadow: 0px 15px 80px -6px rgba(0,0,0,0.15);
}
.thumbs_blks a {
  border-bottom: 0 none !important;
}
.thumbs_blks h3 a {
	font-size:1rem;
	font-weight:900;
	color:#212529;
	text-decoration:none;
    border-bottom: 0 none !important;
}
.thumbs_blks h3 a:active,
.thumbs_blks h3 a:focus,
.thumbs_blks h3 a:hover {
	color:var(--color-secondary3);
	text-decoration:none;
}
.thumbs_blks p {
	line-height:1.3rem;
	margin-bottom:0;
}
.thumbs_blks .thumbs_img img {
	float:left;
	margin-right:15px;
	max-width:165px;
	max-height:110px;
}

.cta-btn-mini {
  display: inline-block;
  background-color: rgb(255, 255, 255,1);
  padding: 1rem;
  margin-right: 0.5rem;
  border-radius: 1rem;
  width: 90px;
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--color-body);
  text-decoration: none;
}
.cta-btn-mini:hover,.cta-btn-mini:focus {
  background-color: rgb(255, 255, 255,0.8);
  color: var(--color-body);
  text-decoration: none;
}
.cta-btn-mini i,
.cta-btn-mini span {
  font-size: 36px;
}



.btn-primary {
  border: 0 none !important;
  background-color: var(--color-body) !important;
  color: #fff !important;
  border-radius: 0 !important;
  padding: 0.5rem 1rem;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:active+.btn:focus,
.btn-primary:checked+.btn:focus,
.btn-primary:active:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 0 none !important;
  background-color: var(--color-body) !important;
  color: #fff !important;
  opacity: 0.8;
}

.btn-secondary {
  border: 0 none !important;
  background-color: var(--color-primary) !important;
  color: var(--color-secondary) !important;
  border-radius: 0 !important;
  padding: 0.5rem 1rem;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary:active+.btn:focus,
.btn-secondary:checked+.btn:focus,
.btn-secondary:active:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 0 none !important;
  background-color: var(--color-quaternary) !important;
  color: var(--color-secondary) !important;
}

.form-control:hover,
.form-control:focus,
.form-control:active,
.form-control:active:focus,
.form-select:hover,
.form-select:focus,
.form-select:active,
.form-select:active:focus
 {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #999 !important;
}
thead td, thead th {
  background-color: var(--color-primary) !important;
  color: #fff !important;
  font-weight: 900;
  border: 0 none;
}

b,strong {font-weight: 500;}
input:read-only, .form-control[readonly] {background-color: #fff;}
.form-group {margin-bottom: 1rem;}
.form-control {border-radius: 0;}
.page-contents {margin: 4rem 0 1rem 0;}
.clearfix hr {  margin: 1rem 0; border-top: 1px dashed var(--color-primary); opacity: 1;}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {text-align: left; font-family: 'Roboto', serif;}
.hideme {display: none;}
.modal-body .collapse:not(.show),
.footer-blocks .collapse:not(.show) {display: block;}
#mobiMenu .navbar {--bs-navbar-padding-x: 0;--bs-navbar-padding-y: 0;}
.navbar-toggler {display: none;}
.footer-blocks .navbar {padding: 0;margin: 0;}
header p {margin: 0;padding: 0;}
.sidebar {font-size: 0.95rem;}

.form-floating > .form-select {
  padding: 1rem .75rem;
  border-radius: 0;
  font-weight: 300;
}

blockquote {
  background-color: var(--color-secondary);
  padding: 2rem 2rem 1rem 2rem;
  margin: 2.5rem 0;
  border-radius: 0;
  border-left: 5px solid var(--color-primary);
}
blockquote a {
  font-weight: 600;
  font-size: 110%;
}
blockquote strong {
  font-weight: 400;
  font-size: 120%;
}
blockquote li {
  text-align: left !important;
}
blockquote p {
  text-align: left !important;
}

.__header_logo a {
  display: block;
  width: fit-content;  
}

.__header_logo img {
  margin: 1.5rem 0 0 0;
  /* max-width: 200px;*/
 /*  border: 1px solid #000; */
}
.__header {
  padding: 0;
  background: #fff;
  position: relative;
  -webkit-box-shadow: 0 8px 7px -4px rgba(0,0,0,0.5);
-moz-box-shadow: 0 8px 7px -4px rgba(0,0,0,0.5);
box-shadow: 0 8px 7px -4px rgba(0,0,0,0.5);
  /*
  -moz-box-shadow: 0 2px 30px 0 rgba(0,0,0,.15);
  -webkit-box-shadow: 0 2px 30px 0 rgba(0,0,0,.15);
  box-shadow: 0 2px 30px 0 rgba(0,0,0,.15);
  */
}
.__header_main_menu {
  margin-top: 1.8rem;
}

.__header_cta ul {
  list-style: none;
  margin: 2.8rem 0 0 0;
  padding: 0;
  float: right;
}
.__header_cta ul li {
  list-style: none;
  margin: 0 0 0 2rem;
  padding: 15px 0;
  display: inline-block;
  line-height: 1rem;
}
.__header_cta ul li a {
  font-weight: 600;
}
.__header_cta ul li .btn {
  margin-top: -25px;
}

.__header_cta li.ikn-email {
  background: transparent url('../images/email_48.png') no-repeat left center;
  padding-left: 64px;
}
.__header_cta li.ikn-phone {
  background: transparent url('../images/phone_48.png') no-repeat left center;
  padding-left: 64px;
}

.__header_cta p {
  text-align: right;
  margin-top: 1.6rem;
}

.__header_mobile {
  padding: 1rem;
  background: #fff;
  position: relative;
  /*
  -moz-box-shadow:    1px -5px 14px 4px #666;
  -webkit-box-shadow: 1px -5px 14px 4px #666;
  box-shadow:         1px -5px 14px 4px #666;
  */
}
.__header_mobile_logo img {
  /* max-width: 187px; */
  /* max-width: 154px; */
  /* border: 1px solid #000;*/
  margin-top: 14px;
}
.__header_mobile_menu_btn {
  text-align: right;
}
.__header_mobile_menu_btn a {
  color: #191919;
  text-decoration: none;
  margin:1.5rem 1rem 0 0.5rem;
  display: inline-block;
}
.__header_mobile_menu_btn a:hover,
.__header_mobile_menu_btn a:focus,
.__header_mobile_menu_btn a:active {
  color: #666;
  text-decoration: none;
}
.__header_mobile_menu_btn i,
.__header_mobile_menu_btn span {
  font-size: 2.5rem;
  font-weight: bold;
}

.__header_banner_container {

}
.__header_banner {
  padding: 7rem 0;
  background-color: var(--color-primary);
  text-align: left;
  background: var(--color-primary) url('../images/banner02.png') no-repeat right bottom;
  background-size: cover;
}
/*
.__header_banner {
  padding: 0;
  background-color: var(--color-primary);
  text-align: left;
}
*/
.__header_banner .pic {
  text-align:center;
  padding-top: 0;
  position: relative;
  z-index: 10;
}

.banner_inner{
  padding: 80px 0 !important;
  background-color: var(--color-primary);
  text-align: center;
  background: var(--color-primary) url('../images/banner_x.png') no-repeat fixed center top;
}

.banner_headline {
  font-size: 1.9rem;
  line-height: 4rem;
  font-weight: 300;
  color: #fff;
  margin-bottom: 1.75rem;
  font-family: 'Roboto', serif;
}
.banner_headline strong{
  font-size: 3.5rem;
  font-weight: 900;
  color: var(--color-secondary);
}
.banner_desc {
  font-size: 1rem;
  line-height: 2rem;
  font-weight: 300;
  color: rgba(255,255,255,0.8);
  margin-bottom: 1.75rem;
}
.banner_desc a {
  font-weight: 400;
  color: rgba(255,255,255,0.8);
  text-decoration: none;
}
.banner_desc a:hover,
.banner_desc a:focus {
  color: rgba(255,255,255,0.8);
  text-decoration: underline;
}
.banner_cta {
  margin-bottom: 2rem;
}
a.btn-banner{
  font-size: 0.9rem;
  text-align: left;
  line-height: 1.1rem;
}
a.btn-banner span{
  font-size: 0.9rem;
  font-weight: 300;
}

.reveal{
    position: inherit;
    transform: translateY(150px);
    opacity: 0;
    transition: 1s all ease;
}
.reveal.active{
    transform: translateY(0);
    opacity: 1;
}

ul.list_intro, .main-article ul, .after-main-article ul
{
  padding: 0;
  margin: 1rem 0;
  list-style-type: none;
}
.after-main-article ul li,
.main-article ul li {
  margin-bottom: 0.5rem;
  padding-left: 30px;
  list-style: none;
  background: transparent url("../images/li16xx.png") no-repeat 5px 6px;
}

ul.list_intro li {
  margin-bottom: 1rem;
  padding-left: 60px;
  list-style: none;
  background: transparent url("../images/li42.png") no-repeat 0 0;
}

table ul, table ol {
  margin: 0 0 0 15px !important;
  padding: 0 !important;
}
table li {
  padding-left: 0 !important;
  list-style: square !important;
  background: none !important;
}

.full-width h3 {
  font-size: 1rem;
  color: var(--color-body);
  font-weight: bold;
  font-family: 'Roboto', serif;
}


dl.article-info {display: none;}

.bg-effect01 {
  background: transparent url('../images/bg001.png') no-repeat center center fixed;
  background-size: contain;
  padding: 5rem;
}


#clients-logo .card .card-body a{
  min-height: unset !important;
  padding: 9px !important;
}
#clients-logo .card-body p{
  margin-bottom: 0;
}

.vcard .card-body{
  background-color: var(--color-lite);
  padding: 2rem;
}
.vcard .card-body ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.vcard .card-body ul li{
  padding: 1rem 0;
  margin: 0;
  list-style-type: none;
  border-top: 1px dotted #b1b1b1;
}
.vcard .card-body a{
  background-color: transparent;
  text-decoration: none;
  color: var(--color-body);
  padding: 0;
  display: block;
  border: 0 none;
  min-height: 1rem;
  text-align: center;
}
.vcard .card-body a:hover, .vcard .card-body a:focus{
  background-color: transparent;
  text-decoration: none;
  color: var(--color-secondary);
  border: 0 none;
}
.vcard .btn {
  padding: 1rem 0 !important;
}


.card {
  border: 0 none !important;
  --bs-card-border-radius: none;
  --bs-card-border-width: 0;
  margin-bottom: 25px;
  background-color: transparent;
}
.card-body {
  padding: 0;
}
.main-article .card-body p {
  text-align: left !important;
  font-size: 0.95rem;
}
.main-article .card-body a{
  background-color: #fff;
  text-decoration: none;
  color: var(--color-body);
  padding: 2rem;
  display: block;
  border: 1px dashed rgba(0,0,0,0.5);
  text-align: left;
}
.main-article .card-body a:hover, .main-article .card-body a:focus{
  background-color: #fff;
  text-decoration: none;
  color: var(--color-body);
  border: 1px dashed rgba(0,0,0,0.9);
}
.card-body h3 {
  font-size: 1rem;
  color: var(--color-body);
}

.card-body i {
  font-size: 24px;
  background-color: var(--color-lite);
  color: var(--color-primary);
  padding: 12px;
  border-radius: 14px;
}

.card-body i.black {
  background-color: #000001;
  color: #fff;
}
.card-body i.green {
  background-color: #e8fadf;
  color: #73dc3b;
}
.card-body i.pink {
  background-color: #ffe0db;
  color: #ff3512;
}
.card-body i.blue {
  background-color: #d5f5fb;
  color: #00bee9;
}
.card-body i.blue2 {
  background-color: #c9dcfc;
  color: #3866b6;
}
.card-body i.yellow {
  background-color: #fff3de;
  color: #ffaa06;
}
.card-body i.purple {
  background-color: #e8e8ff;
  color: #676aff;
}
.card-body i.brown {
  background-color: #ebd7ce;
  color: #ad6338;
}
.card-body i.gray {
  background-color: #dae8f5;
  color: #5c7ea1;
}

#card-normal .card-body {
  background-color: #fff;
  text-decoration: none;
  color: var(--color-body);
  padding: 2rem;
  display: block;
  border: 3px solid #fff;
  min-height: 268px;
}

.card-color {
  padding: 0;
}
.card-color a {
  min-height: unset !important;
  color: rgba(0,0,0,0.6);
}
.card-color i {
  color: var(--color-body);
  background-color: #fff;
}

.card-green a {
  background-color: #e8fadf !important;
}
.card-green a h3 {
  color: #365e22 !important;
}
.card-green a:hover,.card-green a:focus {
  border-color: #365e22;
}

.card-red a {
  background-color: #ffe0db !important;
  margin-top: 2rem;
}
.card-red a h3 {
  color: #9e2b19 !important;
}
.card-red a:hover,.card-red a:focus {
  border-color: #9e2b19;
}

.card-blue a {
  background-color: #c9dcfc !important;
}
.card-blue a h3 {
  color: #0e4db6 !important;
}
.card-blue a:hover,.card-blue a:focus {
  border-color: #0e4db6;
}
.card-yellow a {
  background-color: #fff3de !important;
}
.card-yellow a h3 {
  color: #e8a228 !important;
}
.card-yellow a:hover,.card-yellow a:focus {
  border-color: #e8a228;
}


.accordion-button:not(.collapsed) {
  color: #fff;
  background-color: var(--color-primary);
}
.accordion-item {
  margin-bottom: 1rem;
}
.accordion-item:not(:first-of-type) {
  border-top: 1px;
}
.accordion-button:focus {
  border-color: transparent;
  outline: 0;
  box-shadow: none;
}
.accordion-button:not(.collapsed)::after {
  
}

/* NEW [END] */


.frm_appointment {
  padding: 50px;
  margin-bottom: 4rem;
}
.frm_banner {
  padding: 50px;
  background-color: rgba(255,255,255,0.6);
  margin-bottom: 2rem;
}

.bn_title {
  font-size: 1.75rem;
  line-height: 2.25rem;
  font-weight: 900;
  color: var(--color-body);
  margin-bottom: 1.75rem;
}
.bn_desc {
  font-size: 1.25rem;
  line-height: 2rem;
  font-weight: 300;
  color: rgba(0,0,0,0.6);
  margin-bottom: 1.75rem;
}
.bn_btn .btn{
  margin-bottom: 0;
} 
.banner-inner {
  text-align: center;
  margin-bottom:150px;
}


.txt_dark .banner_headline {
  color: var(--color-body) !important;
}
.txt_dark .banner_desc {
  color: #333 !important;
}

.text-lite .banner_headline {
  color: #fff !important;
}
.text-lite .banner_desc {
  color: rgba(255,255,255,0.8) !important;
}


.bottom-banner {
  padding: 0;
  color: var(--color-body);
  margin-top: 2rem;
  font-size: 1.15rem;
}
.bottom-banner .ban-title {
  font-size: 2.2rem;
  font-weight: 900;
  margin-bottom: 2rem;
}
.bottom-banner .ban-desc {
  font-size: 1.05rem;
  line-height: 2rem;
  color: rgba(255,255,255,0.8);
  margin-bottom: 2rem;
}

.cta-btn-bottom { padding: 0; }
.cta-btn-bottom a {
    display: block;
    color: var(--color-dark-text);
    font-size: 1.2rem;
    padding: 15px;
    background: rgba(255,255,255,0.5);
    text-decoration: none !important;
    opacity: 1;
}
.cta-btn-bottom a:hover, .cta-btn-bottom a:focus {
    text-decoration: none;
    background: rgba(255,255,255,0.9);
}
.cta-btn-bottom a strong {
    font-size: 1.5rem;
    font-weight: 900;
}
.cta-btn-bottom a i {
    font-size: 2.8rem;
    float: left;
    margin: 0.5rem 1rem 0 0;
}

.bottom-banner h3 {
  font-size: 2rem;
  line-height: 3rem;
  font-weight: 600;
  color: var(--color-body);
  margin-bottom: 0.5rem;
  text-decoration: none;
}
.footer-blocks a {
  color: rgba(255,255,255,1);
  text-decoration: none;
}
.footer-blocks a:focus, .footer-blocks a:hover {
  color: rgba(255,255,255,0.8);
  text-decoration: underline;
}
.footer-blocks {
  padding: 3rem 0;
  background-color: var(--color-quaternary);
  font-size: 0.85rem;
  color: #fff;
  margin-top: 3rem;
  /* border-top: 2px dashed #fff; */
}
.footer-blocks h3 {
  font-size: 1.15rem;
  margin: 1rem 0;
  color: #fff;
  font-weight: 500;
  font-family: 'Roboto', serif;
  text-decoration: none;
}
.footer-blocks li {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  line-height: 1.5rem;
}
.footer-blocks .nolink li {
  padding: 5px 0; 
}

.footer-blocks li a {
  display: block;
  width: 100%;
  padding: 5px 0;
  margin: 0;
  color: rgba(255,255,255,1);
  text-decoration: none;
}
.footer-blocks li a:hover,
.footer-blocks li a:focus,
.footer-blocks li a:active {
  color: rgba(255,255,255,0.8);
  text-decoration: underline;
}

.footer-blocks li a i {
  font-size: 24px;
  vertical-align: top;
  text-decoration: none;
  margin-right: 15px;
}
.btn-facebook {
    color: #fff;
    background-color: #3A5795;
    border-color: #3A5795;
}
.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook.active
{
    color: #fff !important;
    background-color: #194483;
    border-color: #194483;
}
.btn-facebook i {
  font-size: 1.15rem;
  vertical-align: baseline;
  margin-right: 9px;
}
.bottom-bar {
  background-color: var(--color-quaternary);
  padding: 1rem 0 0;
  color: #fff;
}

.bottom-bar a
{
  text-decoration: none;
  color: #fff;
}
.bottom-bar a:hover,.bottom-bar a:focus
{
  text-decoration: underline;
}
.bottom-bar .container {
  font-size: 0.85rem;
  padding: 1rem 0 0 0;
  border-top: 1px dotted rgba(255,255,255,0.3);
}
.bottom-bar .footer-right {
  text-align: right;
}

h1 {
  font-size: 2.4rem;
  line-height: 2.7rem;
  font-weight: 900;
  color: var(--color-primary);
  margin-bottom: 1rem;
  font-family: 'Roboto', serif;
}
h2 {
  font-size: 1.75rem;
  line-height: 2.5rem;
  font-weight: 400;
  color: var(--color-body);
  margin-bottom: 1rem;
  font-family: 'Roboto', serif;
}
h3, .main-contents h3 a {
  font-size: 1.3rem;
  font-weight: 300;
  color: var(--color-primary);
  margin-bottom: 1rem;
  text-decoration: none;
}
.main-contents h3 a:hover,.main-contents h3 a:focus {
  color: var(--color-body);
  text-decoration:underline;
}
.warper {margin-bottom: 0.5rem;}

 .main-contents {
  font-size: 1rem;
  line-height: 1.75rem;
  font-weight: 300;
  text-align: justify;
  font-family: 'Roboto', serif;
}
.main-article a, .full-width p a, .after-main-article p a {
  color: var(--color-body);
  text-decoration: underline;
  /*border-bottom: 1px dotted var(--color-body);*/
}
.main-article a:hover, .main-article a:focus,
.full-width p a:hover, .full-width p a:focus,
.after-main-article p a:hover, .after-main-article p a:focus
{
  color: var(--color-primary);
  text-decoration: underline;
  /*border-bottom: 1px dotted var(--color-primary);*/
}
.btn {
  text-decoration: none !important;
}

.glance {
  margin: 0 0 20px 10px;
  padding: 0 0 20px 60px;
  border-bottom: 1px solid rgba(0,0,0,.1);
  background: transparent url("../images/li42.png") no-repeat 0 0;
}
.glance p{
  line-height: 1.43rem;
  margin-bottom:0;
  text-align: left !important;
}
.glance h3{
  margin-bottom: 0;
}

.blks_service {
  background-color: transparent;
  padding-top: 1rem;
  padding-bottom: 35px;
}

.fblks {
  display: inline-block;
  width: 100%;
  padding: 10px;
  margin-bottom: 30px;
  line-height: 1.5rem;
  text-align: left;
  background-color: #fff;
  color: var(--color-body);
  text-decoration: none;
  border: 2px solid #fff;
  min-height: 135px;
}
.fblks h3 a{
  font-size: 1.1rem;
  font-weight: 900;
  color: #7db545;
  text-decoration: none;
}
.fblks h3 a:hover,.fblks h3 a:focus,.fblks h3 a:active{
  color: var(--color-body);
  text-decoration: none;
}

.fblks p{
  /* line-height: 1.3rem; */
  margin-bottom:0;
}
.fblks .fblks_img img {
  float: left;
  margin-right: 15px;
  max-width: 165px;
}
.fblks .btn-readmore {
  text-align: right;
}
.fblks .btn-readmore a{
  font-size: 1.1rem;
  color: #999;
}
.fblks .btn-readmore a:hover,
.fblks .btn-readmore a:focus,
.fblks .btn-readmore a:active{
    color: var(--color-body);
}

.blks_lcms {
  background-color: #fff;
  padding-top: 65px;
  padding-bottom: 35px;
}




.page-contents .finner .fblks {
    border: 8px solid #ECF0EF;
    padding: 5px;
}
.page-contents .finner .fblks p{
  text-align:left !important;
}
.page-contents .finner .fblks .fblks_img img {
  float: left;
  margin-right: 15px;
  max-width: 165px;
  max-height: 125px;
}


.pricing {
  margin-top:50px;
  margin-bottom:0;
}
.price_heading{
    color:  #22BAA0;
    font-family:'Roboto', serif;;
    font-weight: 700;
    font-size: 16px;
    text-align:center !important;
    padding:10px;
    margin-bottom: 0 !important;
}
.price_amount{
    color:  #1D2730;
    font-family:'Roboto', serif;;
    font-weight: 700;
    font-size: 28px;
    line-height: 32px;
    text-align:center !important;
    padding: 10px;
    background-color: #f1f1f1;
    margin-bottom: 0 !important;
}

.price_amount span{
  color: #999;
  font-size:14px;
  font-weight: 700;
}

.price_button a {
    display: block;
    width: 100%;
    padding: 10px;
    text-align: center;
    background-color: #22BAA0;
    color: #fff;
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    letter-spacing: 0;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration:none;
}
.price_button a:hover,.price_button a:focus {
    background-color: #1D2730;
    text-decoration:none !important;
    color:#fff !important;
}

.pricing .bold {
    color:  var(--color-body);
    font-family: 'Roboto', serif;
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 48px;
    /* text-shadow: 1px 1px 1px #333; */
}
.pricing p{
  text-align:center !important;
}



.tab-content {
  background-color: #fff;
  padding: 2rem;
  border: 1px solid #dee2e6;
  border-top: 0;
  overflow: hidden;
  -webkit-box-shadow: 0px 2px 20px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0px 2px 20px 0 rgba(0, 0, 0, 0.05);
}
#myTab button i {
  font-size: 46px;
  display: block;
  margin-bottom: 1rem;
}

#myTab button {
  padding: 2rem;
  color: var(--color-body);
}
#myTab button.active {
  color: #7db545;
}

#myTab button span {
  display: block;
  border-bottom: 4px solid transparent;
  padding-bottom: 1rem;
}

#myTab button.active span {
  border-bottom: 4px solid #7db545;
}


/* CONACT CARDS */

.card2 {
  /*background-color: #3cbba3;*/
  color: #fff;
  text-align: center;
  padding: 0;
  font-weight: 300;
  margin-bottom: 30px;
  min-height: 100px;
  -webkit-box-shadow: 0 8px 6px -6px #ccc;
  -moz-box-shadow:    0 8px 6px -6px #ccc;
  box-shadow:         0 8px 6px -6px #ccc;
}
.card2_icon i {
  font-size: 48px;
  display:block;
}
.card2_title {
  font-size: 1.1rem;
  font-weight: 900;
  margin-top: 0.7rem;
  display: block;
}
.card2 a{
  /*background-color: #3cbba3;*/
  display: block;
  padding: 20px;
  color: #fff;
  text-decoration: none;
  background-size: 100% 200%;
  background-image: linear-gradient(to bottom, #1b0a29 50%, #3cbba3 50%);
  transition: background-position 0.3s;
}
.card2 a:hover, .card2 a:focus, .card2 a:active{
  background-position: 0 -100%;
  color: #fff;
}

.card2 a.f_email{
  background-image: linear-gradient(to bottom, #b10035 50%, #730325 50%);
}
.card2 a.f_address{
  background-image: linear-gradient(to bottom, #F5B414 50%, #d79b07 50%);
}
.card2 a.f_facebook{
  background-image: linear-gradient(to bottom, #3865AE 50%, #265197 50%);
}
.card2 a.f_twitter{
  background-image: linear-gradient(to bottom, #00ACEE 50%, #0596ce 50%);
}
.card2 a.f_instagram{
  background-image: linear-gradient(to bottom, #A068C5 50%, #8b52b0 50%);
}
.card2 a.f_linkedin{
  background-image: linear-gradient(to bottom, #0072B1 50%, #075f8f 50%);
}
.card2 a.f_whatsapp{
  background-image: linear-gradient(to bottom, #55cf61 50%, #36b94b 50%);
}
.card2 a.f_whatsapp2{
  background-image: linear-gradient(to bottom, #3cbba3 50%, #2a9f89 50%);
}
.card2 a.f_messenger{
  background-image: linear-gradient(to bottom, #fc5b8b 50%, #ea53a2 50%);
}

/* MOBILE MENU - MODAL WINDOW [START] */

.modal.left .modal-dialog {
    position: fixed;
    margin: auto;
    width: 320px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content {
    height: 100%;
    overflow-y: auto;
}

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

.modal.left.fade .modal-dialog {
    left: -320px;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
    -o-transition: opacity 0.3s linear, left 0.3s ease-out;
    transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.show .modal-dialog {
    left: 0;
}

.modal-content {
    border-radius: 0;
    border: none;
}
.modal-header {
  border-bottom-color: #fff;
  background-color: #fff;
  color:var(--color-body);
  border-radius: 0;
}
.modal-header .close{
   color: var(--color-body);
   opacity: 1;
}
.modal-content ul {
   list-style-type: none;
   padding: 0;
   margin: 0;
}
.modal-content ul li {
   list-style-type: none;
   width: 100%;
   padding: 0;
   margin: 0;
}
.modal-content ul li a {
  font-size: 0.9rem;
  color: var(--color-body);
  text-decoration: none;
  display: block;
  width: 100%;
  padding: 17px 0px 17px 17px;
  border-bottom: 1px dotted rgba(255,255,255,1);
  line-height: 1.2rem;
}
.modal-content ul li a:hover {
  background-color: var(--color-secondary-dark);
  transition: 300ms all;
}
/*
.modal-content ul li a::before {
  content: "\F285";
  font-family: bootstrap-icons !important;
  margin-right: 5px;
  margin-left: 5px;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size:1rem;
  vertical-align: sub;
  color: rgba(0,0,0,0.6);
}
.modal-content ul li a:hover,
.modal-content ul li a:focus,
.modal-content ul li a:active {
  color: var(--color-body);
  background-color: rgba(255,255,255,0.4);
}
*/

.modal-body {
  background-color: var(--color-secondary);
  color: var(--color-body);
}
.modal-footer {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border: 0 none;
  background: #fff;
}
.modal-body li.divider {
  padding: 1rem;
  color: var(--color-body);
  font-weight: bold;
  background-color: #cad0d7;
}
/* MOBILE MENU - MODAL WINDOW [END] */

/* Mobile Accordion Menu UL -> Accordion */

#mySidenav ul.mod-menu {
  padding: 0;
  list-style: none;
  width: 100%;
  margin: 0;
  clear: both;
  display: table;
}
#mySidenav ul.mod-menu .parent {
  font-size: 14px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  height: 50px;
  vertical-align: sub;
  background: var(--color-secondary);
  clear: both;
}
#mySidenav ul.mod-menu .parent:after {
  /*
  content: "+";
  font-family: 'Roboto', serif;
  */
  content: "\F229";
  font-family: bootstrap-icons !important;
  position: absolute;
  right: 2px;
  top: 14px;
  padding: 0px 20px;
  color: var(--color-primary);
  font-size: 0.95rem;
  cursor: pointer;
}
/*
#mySidenav ul.mod-menu .parent:before {
  content: "X";
  font-family: FontAwesome;
  position: absolute;
  left: 17px;
  top: 17px;
  padding: 0px 5px;
  color: #fff;
}
*/
#mySidenav ul.mod-menu .parent a {
  text-decoration: none;
  color: var(--color-body);
  padding: 17px 0px 17px 17px;
  display: block;
  height: 100%;
  box-sizing: border-box;
  border-bottom: 1px dotted #fff;
  line-height: 1.2rem;
}
#mySidenav ul.mod-menu .parent a:hover {
  background-color: var(--color-secondary-dark);
  transition: 300ms all;
}
#mySidenav ul.mod-menu .parent .mod-menu__sub {
  height: 0px;
  overflow: hidden;
}
#mySidenav ul.mod-menu .parent .mod-menu__sub a {
  padding: 13px 18px;
  font-size: 0.8rem;
  color: var(--color-body);
}
#mySidenav ul.mod-menu .parent .mod-menu__sub a:hover {
  background-color: #f1f1f1;
  transition: 300ms all;
}
#mySidenav ul.mod-menu .parent:last-child {
  border-bottom: none;
}
#mySidenav ul.mod-menu .parent.active:after {
  content: "\F238";
  font-family: bootstrap-icons !important;
  position: absolute;
  right: 2px;
  top: 14px;
  padding: 0px 20px;
  color: var(--color-primary);
  font-size: 0.95rem;
  cursor: pointer;
}
/*
#mySidenav ul.mod-menu .active:before {
  content: "**";
  font-family: FontAwesome;
  position: absolute;
  left: 17px;
  top: 17px;
  padding: 0px 5px;
  color: #fff;
}
*/
#mySidenav ul.mod-menu .active > .mod-menu__sub {
  display: block;
  background: #fff;
  padding: 0px;
  margin: 0;
  height: auto;
  color: #fff;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: all 200ms;
  clear: both;
  float: left;
  width: 100%;
}
#mySidenav ul.mod-menu .active > .mod-menu__sub li {
  padding: 0px;
  border-bottom: 1px solid #e4e8eb;
  list-style: none;
}
#mySidenav ul.mod-menu .active > .mod-menu__sub li:last-child {
  border-color: transparent;
  padding-bottom: 0px;
}
#mySidenav ul.mod-menu .active > .mod-menu__sub .active > .mod-menu__sub {
  background-color: #2f4b67;
}
#mySidenav ul.mod-menu .active > a {
  background-color: var(--color-secondary-dark);
}
#mySidenav ul.mod-menu ul .active > a {
  background-color: #f1f1f1;
}
#mySidenav ul.mod-menu .active .parent {
  background: #697d92;
}
#mySidenav ul.mod-menu .active .parent a {
  padding: 17px 0px 17px 45px;
}


/* Drop Down Menu */
.sf-menu li.menu-item-has-children>a {
  background: transparent url(images/dsarrow.png) no-repeat center right!important;
  padding-right: 15px;
}

.sf-menu li.parent>a {
  padding-right: 13px;
  background: transparent url(../images/dsarrow.png) no-repeat center right!important;
}

.sf-menu ul li.parent>a {
  background: #fff url(../images/sarrow.png) no-repeat center right!important;
}

.sf-menu ul li.parent>a:hover {
  background: #1e3957 url(../images/sarrow.png) no-repeat center right!important;
  color: #fff;
}

.sf-menu,.sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.sf-menu li {
  position: relative;
}

.sf-menu ul {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  z-index: 99;
  min-width: max-content;
  border: 5px solid var(--color-primary);
}

.sf-menu>li {
  float: left;
}

.sf-menu li.sfHover>ul,.sf-menu li:hover>ul {
  display: block;
}

.sf-menu a {
  display: block;
  position: relative;
}

.sf-menu ul ul {
  top: 0;
  left: 100%;
}

.sf-menu {
  float: right;
}
.sf-menu a {
  margin: 1em 1em 2.5em 0;
  text-decoration: none;
  zoom: 1;
}

.sf-menu ul a {
  text-transform: none;
  padding: .5em;
  color: var(--color-body);
  background-color: #fff;
  text-decoration: none;
  zoom: 1;
  border-bottom: 1px dotted rgba(0,0,0,0.4);
  margin: 0!important;
  text-align: left!important;
  text-shadow: 0 0 0!important;
  font-size: 0.9rem !important;
  display: block;
  width: 100%;
  font-weight: 400;
}

.sf-menu ul a:hover {
  color: var(--color-body);
  background-color: var(--color-lite);
}

.sf-menu a {
  color: var(--color-body);
  font-size: .85rem;
  font-weight: 500;
}

.sf-menu a:focus,.sf-menu a:hover {
  color: #666;
  text-decoration: none;
}

.sf-menu ul li {
  background-color: #fff;
  text-align: left;
  display: block;
  width: 100%;
}

.sf-menu ul ul li {
  background-color: #fff;
}

.sf-menu li.sfHover,.sf-menu li:hover {
  -webkit-transition: none;
  transition: none;
}

.sf-arrows .sf-with-ul:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 1em;
  margin-top: -3px;
  height: 0;
  width: 0;
}

.sf-arrows>.sfHover>.sf-with-ul:after,.sf-arrows>li:hover>.sf-with-ul:after,.sf-arrows>li>.sf-with-ul:focus:after {
  border-top-color: #fff;
}

.sf-arrows ul .sf-with-ul:after {
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #dfeeff;
  border-left-color: rgba(255,255,255,.5);
}

.sf-arrows ul .sfHover>.sf-with-ul:after,.sf-arrows ul li:hover>.sf-with-ul:after,.sf-arrows ul li>.sf-with-ul:focus:after {
  border-left-color: #fff;
}

/* LOGO TICKER */
@keyframes ticker-kf {
  0% {
    transform: translate3d(0, 0, 0);
  }

  100% {
    transform: translate3d(-108rem, 0, 0);
  }
}

.img-ticker {
  animation: ticker-kf 18s linear infinite;
}


/* Small devices (landscape phones, 575px and less) */
@media (max-width: 575px) {
  ._banner .carousel-item {padding: 130px 15px;}
  .bbar2{font-size:1.10rem;}
  .floating-bar {bottom: 148px;}
  ._banner {padding: 1rem 1rem 0 1rem;}
  ._banner .banner_headline {line-height: 3rem !important; font-size: 1.5rem !important;}
  
  .fblks h3 {font-size: 1rem; clear:both;}
  .fblks .fblks_img img {margin-bottom:1rem;}
  .main-article, .after-main-article {}
  h1, h2 {font-size: 1.5rem; line-height: 2rem; font-weight: 500;}
  .bg-effect01 {padding: 1rem;}
  .card-red a {margin-top: 0;}
  .warper {padding: 0.5rem}
  .thumbs_blks .thumbs_img img {
    float:none; 
    margin-bottom:1rem;
    max-width: 100%;
    max-height: unset !important;
  }

  .__notification {
    position: fixed;
    bottom: 0;
    width: 100%;
    display: block;
    z-index: 100;
  }
  .bottom-bar {padding: 1rem 0;}
}
@media (min-width: 576px) and (max-width: 1199px) { 
    .floating-bar {bottom: 104px;}
}
/* Small devices (landscape phones, 991px and less) */
@media (max-width: 991px) {
  .bottom-bar .footer-right, .bottom-bar .footer-left { text-align: center;}
  .card-body a{min-height: unset;}
  .blks_cta p {font-size: 1.55rem; line-height: 2.5rem;}
  .blk-faqs {margin:4rem 0;}
  .blks_why ul li {width: 99% !important;}
  .bbar {border-bottom: 1px solid rgba(255,255,255,0.2); }
  header{border-top:5px solid var(--color-primary);}
  .aop .aop_col {border-bottom: 1px solid var(--color-secondary-dark) !important;}
  .aop .aop_colx1, .aop .aop_colx2, .aop .aop_col_last1 {border: 0 none;}
  .aop .aop_col_last2 { border: 0 none !important;}
  .kardx {padding:2rem;}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .kard {margin: 6rem 0;}
  .kard01, .kard03 {margin: 3rem 0;}
  .kard .kard02 h3,.kard .kard02 h2 {margin-top: 3rem;}
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .banner_inner .banner_headline{ margin-top:1rem;}
  .tab-content h3 {margin: 1.5rem 0; font-size: 1.5rem;}
  .tab-content p {margin-bottom: 2rem;}
  .main-article .card-body a{min-height: 242px;}
  .main-contents{padding-right: 5rem;}
  /* aside {position: sticky; top: 0;} */
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
  .tab-content h3 {margin: 3rem 0; font-size: 1.5rem;}
  .tab-content p {margin-bottom: 2rem;}
  .main-article .card-body a{min-height: 215px;}
  .sf-menu a {margin: 1.55em 1.5em 2.4em 0; font-size: .95rem;}
  .bcontent{ padding: 0 11rem 0 2rem;}
}


/* Small or Medium devices (tablets, 768px and less) */
@media (max-width: 768px) {
  .main-article, .after-main-article {text-align:left;}
  .banner_headline {margin-top: 0; font-size: 1.7rem; line-height: 3.5rem;}
  .banner_headline strong{font-size: 3rem;}
  .bottom-bar .footer-right, .bottom-bar .footer-left { text-align: center;}
  .frm_appointment {padding: 30px;}
  
  .aop .aop_details {text-align:center;}
  .aop .aop_details h3 {text-align:center !important; margin-top: 1rem;}
  
}
/* Between Large to X-Large devices  */
@media (min-width: 992px) and (max-width: 1199px) { 
  .blks_why ul li {width: 48%;}
  .banner_headline{ 
    font-size: 2rem;
    line-height: 3.5rem;
  }
  .banner_headline strong{ 
    font-size: 3rem;
    line-height: 3.5rem;
  }
  .sf-menu a {margin: 1em 1em 1em 0;}
  .main-article .card-body a{min-height: 242px;}
  .bg-effect01 {padding: 1rem;}
  .full_width_dark h2{font-size: 2rem; line-height: 3rem;}
  .full_width_dark .riside {padding-bottom: 0rem; padding-top: 2rem;}
  .kards .card .card-text {min-height: 200px;}
}
@media (min-width: 1200px) and (max-width: 1399px) { 
  .__header_banner {background: var(--color-primary) url('../images/banner03.png') no-repeat right bottom;}
  .full_width_dark h2{font-size: 2rem; line-height: 3rem;}
  .kards .card .card-text {min-height: 200px;}
}

@media (max-width: 1199px) {
  .__header_banner {
    background: var(--color-primary) url('../images/banner_x.png') no-repeat center bottom;
    padding: 75px 15px;
    text-align: center;
    background-size: auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
.banner_headline {
  /*text-shadow: 1px 1px 1px #333;*/
  font-weight: 400;
}
  
}


/* Print media */
@media print {
  header {display: none !important;}
}

/* FAQS */

 .faqs {
  margin: 0 auto;
  transform: translateZ(0);
}
.faqs p { text-align:left;}
.faqs label span,
.faqs label p,
.faqs label h2,
.faqs label h3,
.faqs label h4,
.faqs label h5,
.faqs label h6 {
  margin: initial; 
  padding: 0 20px;
  line-height: 1.34;
  display: block;
  text-transform: none;
  margin-top: 2px;
  padding-right: 15px;
  text-decoration: none !important;
  font-weight: 400 !important;
}

.faqs input[type="checkbox"] {
  position: absolute;
  opacity: 0;
}

.faqs label {
  margin: 5px 0;
  position: relative;
  display: block;
  color: var(--color-body);
  padding: 6px 34px 6px 0;
  font-weight: 400;
  background: #fff;
  cursor: pointer;
  border-bottom: solid 2px var(--color-primary);
  border-radius: 0;
}

.faqs label:hover {
  /*
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  -webkit-box-shadow: 1px 2px 8px 2px rgb(0 0 0 / 20%);
  -moz-box-shadow: 1px 2px 8px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 2px 8px 2px rgb(0 0 0 / 20%);
  */
  cursor: pointer;
}

.faq-container section {
  max-height: 0;
  /*transition: .3s all;*/
  overflow: hidden;
  padding: 0 20px;
}

#faq1:checked~label[for*='1']:after,
#faq2:checked~label[for*='2']:after,
#faq3:checked~label[for*='3']:after,
#faq4:checked~label[for*='4']:after,
#faq5:checked~label[for*='5']:after,
#faq6:checked~label[for*='6']:after,
#faq7:checked~label[for*='7']:after,
#faq8:checked~label[for*='8']:after,
#faq9:checked~label[for*='9']:after,
#faq10:checked~label[for*='10']:after,
#faq11:checked~label[for*='11']:after,
#faq12:checked~label[for*='12']:after,
#faq13:checked~label[for*='13']:after,
#faq14:checked~label[for*='14']:after,
#faq15:checked~label[for*='15']:after,
#faq16:checked~label[for*='16']:after,
#faq17:checked~label[for*='17']:after,
#faq18:checked~label[for*='18']:after,
#faq19:checked~label[for*='19']:after,
#faq20:checked~label[for*='20']:after,
#faq21:checked~label[for*='21']:after,
#faq22:checked~label[for*='22']:after,
#faq23:checked~label[for*='23']:after,
#faq24:checked~label[for*='24']:after,
#faq25:checked~label[for*='25']:after,
#faq26:checked~label[for*='26']:after,
#faq27:checked~label[for*='27']:after,
#faq28:checked~label[for*='28']:after,
#faq29:checked~label[for*='29']:after,
#faq30:checked~label[for*='30']:after,
#faq31:checked~label[for*='31']:after,
#faq32:checked~label[for*='32']:after {
  /* transform: rotate(-90deg); */
  content: '\02014';
}

#faq1:checked~#answ1,
#faq2:checked~#answ2,
#faq3:checked~#answ3,
#faq4:checked~#answ4,
#faq5:checked~#answ5,
#faq6:checked~#answ6,
#faq7:checked~#answ7,
#faq8:checked~#answ8,
#faq9:checked~#answ9,
#faq10:checked~#answ10,
#faq11:checked~#answ11,
#faq12:checked~#answ12,
#faq13:checked~#answ13,
#faq14:checked~#answ14,
#faq15:checked~#answ15,
#faq16:checked~#answ16,
#faq17:checked~#answ17,
#faq18:checked~#answ18,
#faq19:checked~#answ19,
#faq20:checked~#answ20,
#faq21:checked~#answ21,
#faq22:checked~#answ22,
#faq23:checked~#answ23,
#faq24:checked~#answ24,
#faq25:checked~#answ25,
#faq26:checked~#answ26,
#faq27:checked~#answ27,
#faq28:checked~#answ28,
#faq29:checked~#answ29,
#faq30:checked~#answ30,
#faq31:checked~#answ31,
#faq32:checked~#answ32 {
  max-height: 7000px;
  border: 0 dashed var(--color-body) !important;
  margin-right: 0px;
  background: var(--color-secondary);
  margin-top: -5px;
  padding-top: 1rem;
  border-radius: 0;
}
.faqs label:after {
    content: '+';
    /*content: '\00AB';*/
    font-size: 22px;
    position: absolute;
    top: 0;
    right: 20px;
    /*transition: .3s transform;*/
}
.faqs label h3 {
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-body);
  margin-bottom: 1rem !important;
  padding-left: 0;
}
/* Side barList */
.barList {
  position: fixed;
  top: 250px;
  right: -270px;
  z-index: 999;
  width: 270px;
  height: 0;
  overflow: visible;
}
.barList > ul {
  margin: 0;
  padding: 0;
  width: 100%;
  list-style: none;
}
.barList > ul > li {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: var(--color-secondary);
  background-image: none;
  -webkit-transform: translateX(-48px) translateZ(0);
  transform: translateX(-48px) translateZ(0);
  transition: 0.4s ease-out all;
  cursor: pointer;
  color: #fff;
}
.barList > ul > li.opened {
  -webkit-transform: translateX(-270px) translateZ(0);
  transform: translateX(-270px) translateZ(0);
  transition: 0.4s ease-out all;
}
.barList .barEntry {
  position: relative;
  padding-left: 36px;
}
.barList .barEntry i {
  display: inline-block;
  position: absolute;
  left: 12px;
  top: 10px;
  line-height: 1;
  color: #fff;
  font-size: 24px;
}
.barList .barContent {
  padding: 10px 0;
}
.barList a {
  color: #fff;
  font-size: 0.85rem;
  font-weight: 600;
  display: inline-block;
  width:100%;
}
.barList p {
  margin: 0;
  padding: 0;
  text-align: center;
  cursor: pointer;
}
.barList > ul > li.opened {
  -webkit-transform: translateX(-270px) translateZ(0);
  transform: translateX(-270px) translateZ(0);
  transition: 0.4s ease-out all;
}
.barList > ul > li.highlight.animate {
  -webkit-animation: jump 4s ease 0.2s infinite normal;
  animation: jump 4s ease 0.2s infinite normal;
}
.barList > ul > li.highlight.opened {
  -webkit-animation: slideopen 0.2s ease-out 0s 1 normal;
  animation: slideopen 0.2s ease-out 0s 1 normal;
  transition: 0.2s ease-out all;
  -webkit-transform: translateX(-270px) translateZ(0);
  transform: translateX(-270px) translateZ(0);
}
.barList > ul > li.highlight {
  background-color: #fff;
  border: 2px solid var(--color-body);
}
.barList > ul > li.highlight i {
  color: var(--color-body) !important;
}
.barList > ul > li.highlight a {
  color: var(--color-body) !important;
}
@keyframes slideopen {
  0% {
    -webkit-transform: translateX(-48px) translateZ(0);
    transform: translateX(-48px) translateZ(0);
  }
  100% {
    -webkit-transform: translateX(-270px) translateZ(0);
    transform: translateX(-270px) translateZ(0);
  }
}
@keyframes jump {
  0% {
    -webkit-transform: translateX(-48px);
    transform: translateX(-48px);
  }
  5% {
    -webkit-transform: translateX(-53px);
    transform: translateX(-53px);
  }
  10% {
    -webkit-transform: translateX(-48px);
    transform: translateX(-48px);
  }
  12% {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
  }
  14% {
    -webkit-transform: translateX(-48px);
    transform: translateX(-48px);
  }
  100% {
    -webkit-transform: translateX(-48px);
    transform: translateX(-48px);
  }
}