@font-face {
    font-family: 'Helvetica Neue';
    src: url('/assets/templates/img/fonts/helveticaneue-bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('/assets/templates/img/fonts/helveticaneue-medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('/assets/templates/img/fonts/helveticaneue-roman.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('/assets/templates/img/fonts/helveticaneue-light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('/assets/templates/img/fonts/helveticaneue-thin.otf') format('opentype');
    font-weight: 100;
    font-style: normal;
}	
	


body {
    margin: 0px;
	color: #272727;
	font-display: swap;
	
	
      font-family: 'Helvetica Neue', Arial, sans-serif;
    font-weight: 400; /* roman (regular) за замовчуванням */

	
	
	
	
}
*, ::after, ::before {
    box-sizing: border-box;
}
a:hover {
    color: #272727;
    text-decoration: none;
}
p {
    margin-top: 0;
    margin-bottom: 0;
}
.logo {
    width: 266px;
}
.logo a {
    display: block;
}
.logo a img {
    padding: 0px 40px;
}
a.but_f {
    transition: .3s all;
    padding: 11px 24px;
    border: 2px solid #272727;
    border-radius: 4px;
    display: inline-block;
    text-decoration: none;
    color: #272727;
    line-height: 1;
    font-weight: 700;
    font-size: 14px;
}
a.but_f:hover {
    color: #fff;
    background: #272727;
}
.content {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 60px;
}
.top_nav .content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.lang {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.info_top {
    background: #272727;
    height: 30px;
}
.info_top .content .nav ul {
    padding: 0px;
    margin: 0px;
    display: flex;
    list-style: none;
    align-items: center;
    justify-content: center;
}
.info_top .content .nav ul li {
    padding: 0px 15px;
}
.info_top .content .nav ul li a {
    text-decoration: none;
    padding: 5px;
    display: block;
    color: #fff;
}
.info_top .content .nav ul li ul {
    display: none;
}
.sliger_home .image {
    min-height: 650px;
    display: flex !important;
    align-items: center;
    flex-direction: row;
}
.name_services {font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 22px; line-height: 1.2; color: #FFFFFF; margin: 0 0 0 24px;}
.services_item {
    display: block;
    position: relative;
    width: 275px;
    height: 230px;
    background-position: center!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
    padding: 10px;
    border-radius: 10px;
    overflow: hidden;
    margin: 10px;
}
.services-list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.services_item-wrap {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    transition: all cubic-bezier(0.22, 0.61, 0.36, 1) .3s;
}
.services_item::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
    background: linear-gradient(65.17deg, #272727 0%, #454545 100%);
    transition: all ease-in .3s;
}
.services_item .services_item-head {
    display: flex;
    align-items: center;
    width: max-content;
    z-index: 1;
    transition: all ease-in .3s;
}
.services_item .services_item-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    width: 235px;
    margin-top: 22px;
    opacity: 0;
    transition: all ease-in .3s;
}

.services_item:hover .services_item-content {
    opacity: 1;
}
.services_item .services_item-content p {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2;
    color: #FFFFFF;
}
.services_item .services_item-content a {
    display: flex;
    align-items: center;
    position: relative;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
    background: #00C9EB;
    background: linear-gradient(to bottom right, #d2aa5f, #a1710c, #c59f4b);
    padding: 11px 31px;
    border-radius: 5px;
    margin-top: 17px;
    text-decoration: none;
}
.services_item .services_item-head img {
    width: 50px;
    height: 50px;
}
.services_item:hover .services_item-wrap {
    transform: translate(0%, 0%);
    top: 20px;
    left: 20px;
}
.title {
    width: 100%;
    font-size: 30px;
    margin-bottom: 40px;
    text-align: center;
    font-weight: 600;
}

.serv {
    padding: 45px 0 40px;
    width: 100%;
}
.about {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: row;
}
.about-inner__text {
    width: 45%;
}
.title-left {
    text-align: left;
    line-height: 1.2;
}
.title-left::after {
    content: '';
    display: block;
    background-color: #272727;
    width: 51px;
    height: 2px;
    margin: 15px 0 -20px!important;
}
.title::after {
    content: '';
    display: block;
    background-color: #272727;
    width: 51px;
    height: 2px;
    margin: 0 auto;
}
.about-inner .about-inner__text p {
    font-size: 16px;
    font-weight: 300;
}
.about-inner__text img {
    width: 100%;
}
.footer-menu ul a {
    padding: 5px 0px;
    display: block;
    text-decoration: none;
    color: #444;
}

.footer-menu ul a:hover {
    color: #00c9eb;
}
.valye a {
    text-decoration: none;
    color: #444;
}
.valye a:hover {
    color: #00c9eb;
}
a.botton {
    background-color: #e0e0e0;
    padding: 6px 10px;
    border-radius: 4px;
    margin-right: 10px;
    font-size: 14px;
    cursor: pointer;
    transition: .3s all;
    min-width: 170px;
    text-align: center;
    margin-left: 20px;
}
.tabs .vartict {
    margin-top: 0px;
}



a.botton:hover {
    background-color: #c7c7c7;
    color:#000;
    transition: .3s all;
}

.block_p {
    display: none;
}
.block_p.active {
    display: block;
}




.block_price {
    width: 70%;
}
.menu_з {
    width: 25%;
}






.komanda_item .text_komanda>p {
    font-weight: 700;
    font-size: 22px;
    padding: 10px;
    height: 60px;
}


.komanda_item .text_komanda>p+p {
    font-weight: 30;
    font-size: 16px;
    margin-top: 15px;
}

.komanda_item .text_komanda>p a {
    text-decoration: none;
    color: #272727;
}



.img_komanda img {
    width: 100%;
}

.slick-slider {
    margin:0 -15px;
}
.slick-slide {
    padding:10px;
    text-align:center;
    margin-right:15px;
    margin-left:15px;
}
.sliger_home .slick-slide {
    padding: 0px;
    text-align: initial;
    margin-right:0px;
    margin-left:0px;
}
.sliger_home {
    overflow: hidden;
    width: 100%;
}
.sliger_home.slick-initialized.slick-slider {
    margin: 0;
}

.komanda_item {
}
.text_komanda {
    display: block;
    background: #f4f4f4;
}



.p_top_b_75 {
    padding: 75px 45px;
}
.footer-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}



.name_footer {
	font-size: 22px; 
	font-weight: 700; 
	display: inline-block; 
	margin-bottom: 15px;
}
footer .content {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
svg.svg-icon {
    height: 37px;
    width: 50px;
    margin-right: 10px;
}
.grafic {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.adress {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.phone {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.top_nav {
    padding: 20px 0px;
}
footer {
    padding: 40px 0 30px;
}
.footer-promo {
width: 33%;
    border-right: 1px solid #000;
    padding-right: 40px;
}
.footer-menu {
    width: 17%;
    padding: 0 0 0 15px;
    position: relative;
    border-right: 1px solid #000;
}
.contacts-col {
	width: 20%;
    border-right: 1px solid #000;
}
.footer-copyright {width: 21%;}
.footer-logo {
    color: #272727;
    /* height: 64px; */
    margin-top: 30px;
    display: block;
}
.content-form {
    width: 100%;
    background: #f4f4f4;
    padding: 20px;
    border-radius: 4px;
    margin-bottom: 0;
}
.infdd p {
    font-size: 14px;
    font-weight: 700;
    display: flex;
    line-height: 1.3;
    position: relative;
    align-items: center;
    flex-direction: column;
}
footer .infdd {
    margin-bottom: 30px;
}
.vartict {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 60px;
}
.valye {
    background-color: #f4f4f4;
    padding: 15px 20px;
    padding-right: 0;
    border-collapse: collapse;
    width: 79%;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 300;
}
.item_v {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 20px;
}
.price {
    background-color: #f4f4f4;
    padding: 15px 20px;
    padding-right: 0;
    border-collapse: collapse;
    width: 20%;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 300;
}

.item_v.top_it .valye,.item_v.top_it .price {
    background-color: #272727;
    color: #fff;
}

.price_menu-item {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 22px;
    color: #565656;
    line-height: 1.2;
    padding: 17px 29px;
    border: 1px solid #272727;
    border-radius: 5px;
    margin-bottom: 30px;
    cursor: pointer;
    transition: all ease-in .3s;
}
.price_menu-item.active {
    color: #fff;
    background: linear-gradient(65.17deg, #272727 0%, #454545 100%);
}
.tabs {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}


.nav_mobile {
	display: none;
}











































.info_top .content .nav ul li:hover ul {
    display: block;
    position: absolute;
    z-index: 9999;
    background: #272727;
    width: 180px;
    color: #fff;
    padding-left: 32px;
}
.info_top .content .nav ul li:hover ul li {
    padding: 10px 0px;
    list-style: disc;
}
.info_top .content .nav ul li:hover ul li:hover {
    
    background: #444;
}
.perevaga {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.item_p {
    width: 20%;
}
.item_p .ing_P {
    width: 100%;
    /* min-height: 300px; */
    background: #f5f5f5;
    margin-bottom: 10px;
}
.content_p p.name_p {
    font-weight: 600;
    font-size: 20px;
    padding: 10px 0px;
}
p.pagetitle_slider {
    font-weight: 600;
    font-size: 42px;
    color: #272727;
    line-height: 1.3;
    text-transform: uppercase;
    margin-bottom: 35px;
}
.slider-price {
    font-weight: 600;
    font-size: 68px;
    color: #a1710c;
    line-height: 1.2;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.slider-price span {
    display: block;
    font-weight: 400;
    font-size: 28px;
    color: #9E9898;
    line-height: 1.2;
    text-transform: lowercase;
}
p.slider-desc {
    font-weight: normal;
    font-size: 28px;
    color: #272727;
    line-height: 1.2;
    margin-bottom: 50px;
}


a.bor_tp {
    font-weight: 600;
    font-size: 22px;
    color: #272727;
    padding: 20px 50px;
    border: 1px solid #a1710c;
    border-radius: 5px;
    background: transparent;
    margin-bottom: 20px;
    transition: all ease-in .3s;
    text-decoration: none;
}

a.bor_tp:hover {
    color: #fff;
    background: linear-gradient(to bottom right, #d2aa5f, #a1710c, #c59f4b);
}

a.bor_tp.in_b_h {
    color: #fff;
    background: #a1710c;
    background: linear-gradient(to bottom right, #d2aa5f, #a1710c, #c59f4b);
    transition: all ease-in .3s;
}


a.bor_tp.in_b_h:hover {
    color: #272727;
    background: none;	
	
}
.text_komanda a.fir {
    font-weight: bold;
    font-size: 18px;
    color: #fff;
    background: #00C9EB;
    background: linear-gradient(to bottom right, #d2aa5f, #a1710c, #c59f4b);
    padding: 11px 31px;
    border-radius: 5px;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 20px;
}
.content.rozm_right {
    display: flex;
    justify-content: flex-end;
}
.richtext {
    width: 60%;
}
.content.rozm_left {
    display: flex;
    justify-content: flex-start;
}
.ing_P img {
    width: 100%;
}

nav.breadcrumbs {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 60px;
}
nav.breadcrumbs ol {
    display: flex;
    list-style: none;
    padding: 0px;
    /* margin: 0px; */
}

nav.breadcrumbs ol li {}
nav.breadcrumbs ol li a {
    text-decoration: none;
    color: #444;
}


nav.breadcrumbs ol li::after {
    content: "→";
    margin-left: 0px;
    margin-right: 10px;
}


nav.breadcrumbs ol li.active::after {
    content: "";
}
.dental_active {
    width: 100%;
    /* padding: 10px; */
    /* border-bottom: 1px solid #878e98; */
    border-top: 1px solid #878e98;
}
.dental_active .namm {
    /* background: #272727; */
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}
.dental_active .namm p {
    color: #878e98;
}
.dental_active .namm p:hover {
    color: #333;
}

.dental_active .namm:hover p {
    color: #333;
}


.dental_active .namm img {
    width: 20px;
}
.dental_active .answer {
    /* padding: 10px; */
    overflow: hidden;
    height: 0px;
}

.dental_active.cktave .answer {
    padding: 10px;
    overflow: hidden;
    height: auto;
}











.content-form>p {
    font-size: 16px;
    font-weight: 300;
}
.content-form p {
    display: flex;
}
.content-form form {
    margin-top: 30px;
}
.wpcf7-form-control-wrap {
    position: relative;
}
.content-form form input[type=text] {
    padding: 12px 16px;
    background-color: #fff;
    color: #272727;
    font-size: 18px;
    font-weight: 300;
    border-radius: 4px;
    width: 90%;
    border: none;
}
.content-form form input[type=submit] {
    background-color: #272727;
    color: #fff;
    padding: 10px 38px;
    border-radius: 4px;
    font-size: 18px;
    cursor: pointer;
    transition: .3s all;
}

















.social {
    background-color: #f4f4f4;
    margin-top: 40px;
}
.social .container {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    padding: 0 60px;
}
.social-inner {
    display: flex;
    width: 100%;
    justify-content: center;
}
.social-inner>.social-block-text {
    width: 50%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-left: 80px;
}
.social-decor-img {
    display: flex;
    justify-content: center;
    width: 50%;
}
.social-inner>.social-block-text>p {
    font-weight: 300;
    font-size: 16px;
    margin-bottom: 30px;
}
.social-icons {
    display: flex;
}
.social-icons img {
    width: 70px;
    height: 70px;
    margin-right: 20px;
}
.contact .contact-form form {
    display: flex;
    flex-direction: column;
}
.contact .contact-form form p {
    display: flex;
    flex-direction: column;
    width: 80%;
    margin: 0 auto;
}
.wpcf7-form-control-wrap {
    position: relative;
}
.contact .contact-form form input[type=text] {
    border: 2px solid #272727;
    border-color: #a1710c;
    border-radius: 4px;
    font-size: 16px;
    padding: 10px;
    margin-bottom: 10px;
    width: 100%;
}
.contact .contact-form form input[type=submit] {
    background-color: #272727;
    color: #fff;
    background: linear-gradient(to bottom right, #d2aa5f, #a1710c, #c59f4b);
    border-color: #f7b939;
    border-radius: 4px;
    padding: 10px;
    cursor: pointer;
    font-weight: 700;
    font-size: 16px;
    width: 100%;
    transition: .3s all;
}
.lang a {
    text-decoration: none;
    font-weight: 600;
    color: #272727;
}
.lang a:hover {
    color: #00c9eb;
}

.lang a.active {
    color: #a1710c;
}









































    /* свойства модального окна по умолчанию */
    .modal {
      position: fixed;
      /* фиксированное положение */
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: rgba(0, 0, 0, 0.5);
      /* цвет фона */
      z-index: 1050;
      opacity: 0;
      /* по умолчанию модальное окно прозрачно */
      -webkit-transition: opacity 400ms ease-in;
      -moz-transition: opacity 400ms ease-in;
      transition: opacity 400ms ease-in;
      /* анимация перехода */
      pointer-events: none;
      /* элемент невидим для событий мыши */
    }

    /* при отображении модального окно */
    .modal:target {
      opacity: 1;
      pointer-events: auto;
      overflow-y: auto;
    }

    /* ширина модального окна и его отступы от экрана */
    .modal-dialog {
      position: relative;
      width: auto;
      margin: 10px;
    }

    @media (min-width: 576px) {
      .modal-dialog {
        max-width: 500px;
        margin: 30px auto;
      }
    }

    /* свойства для блока, содержащего контент модального окна */
    .modal-content {
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      background-color: #fff;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      border: 1px solid rgba(0, 0, 0, .2);
      border-radius: .3rem;
      outline: 0;
    }

    @media (min-width: 768px) {
      .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
      }
    }

    /* свойства для заголовка модального окна */
    .modal-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;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding: 15px;
      border-bottom: 1px solid #eceeef;
    }

    .modal-title {
      margin-top: 0;
      margin-bottom: 0;
      line-height: 1.5;
      font-size: 1.25rem;
      font-weight: 500;
    }

    /* свойства для кнопки "Закрыть" */
    .close {
      float: right;
      font-family: sans-serif;
      font-size: 24px;
      font-weight: 700;
      line-height: 1;
      color: #000;
      text-shadow: 0 1px 0 #fff;
      opacity: .5;
      text-decoration: none;
    }

    /* свойства для кнопки "Закрыть" при нахождении её в фокусе или наведении */
    .close:focus,
    .close:hover {
      color: #000;
      text-decoration: none;
      cursor: pointer;
      opacity: .75;
    }

    /* свойства для блока, содержащего основное содержимое окна */
    .modal-body {
      position: relative;
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      padding: 15px;
      overflow: auto;
    }

input.window_form {
    border: 2px solid #272727;
    border-radius: 4px;
    font-size: 16px;
    padding: 10px;
    margin-bottom: 10px;
    width: 100%;
}
input.window_form_b {
    background-color: #272727;
    color: #fff;
    border-radius: 4px;
    padding: 10px;
    cursor: pointer;
    font-weight: 700;
    font-size: 16px;
    width: 100%;
    transition: .3s all;
}
.social-icons a svg {
    color: #272727;
    width: 33px;
    height: 33px;
}
.text-list .sliger_home .image {
    margin-bottom: 40px;
}

a.mape_top {
    display: contents;
    color: #444;
}
.komanda.center.slider.servv .komanda_item {
    width: 22%;
    text-align: center;
    margin: 1%;
}
.komanda.center.slider.servv {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.v_center div {
    text-align: center;
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}
.v_center {
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
}
.contackt {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    padding: 50px 0px;
}
.contackt div .contacts-col {
    width: 100%;
    border-right: none;
}

.contackt .sder1 {
    width: 50%;
}
.contackt .sder1 p {
    padding-bottom: 20px;
}
.contackt .sder2 {
    width: 20%;
}
.contackt .sder3 {
    width: 30%;
}
.footer_fore.contacts-col div {
    width: 100%;
    margin-bottom: 10px;
}

 .sder3 .contact-form input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    border: 2px solid #272727;
    border-radius: 4px;
    font-size: 16px;
    padding: 10px;
    margin-bottom: 10px;
    width: 100%;
}


.sder3 .contact-form input.wpcf7-form-control.wpcf7-submit {
    background-color: #272727;
    color: #fff;
    border-radius: 4px;
    padding: 10px;
    cursor: pointer;
    font-weight: 700;
    font-size: 16px;
    width: 100%;
    transition: .3s all;
}
.footer_fore.footer-copyright ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.footer_fore.footer-copyright ul li a {
    text-decoration: none;
    color: #444;
}
.footer_fore.footer-copyright ul li a:hover {
    color: #00c9eb;
}

.sder3 .contact-form {
    width: 80%;
    margin: 0 auto;
}


/* MENU */
.info_top .content .nav ul li:hover ul {
    display: block;
    position: absolute;
    z-index: 9999;
    background: #272727f2;
    /* width: 180px; */
    color: #fff;
    padding-left: 32px;
    left: 0px;
    width: 100%;
    column-width: 20%;
    column-count: 5;
    column-gap: 1%;
    padding-top: 20px;
    padding-bottom: 20px;
}
.info_top .content .nav ul li:hover ul li:hover {
    background: #444;
}
.info_top .content .nav ul li ul li a {
    color: #a4740d;
}
.info_top .content .nav ul li:hover ul li ul {
    display: block;
    position: relative;
    column-width: 90% !important;
    column-count: 1;
    column-gap: 0;
    padding-left: 0px;
    padding: 0;
    background: none;
}
.info_top .content .nav ul li:hover ul li:hover ul li {
    /* background: #444; */
    margin: 0;
}
.info_top .content .nav ul li:hover ul li {

    list-style: disc;
    border-bottom: 1px solid #666;
}
.info_top .content .nav ul li:hover ul li ul li a {
    margin: 0;
    font-size: 14px;
    color: #fff;
    border-bottom: 1px solid #272727;
}
.info_top .content .nav ul li:hover ul li ul li a:hover {
    border-bottom: 1px solid #00c9eb;
}

.info_top .content .nav ul li:hover ul li ul li {
    padding: 3px 10px;
    list-style: none;
    border: none;
}
.info_top .content .nav ul li:hover ul li:hover {
    background: none;
}

.info_top .content .nav ul li ul.blog {
    display: none;
}

















.burg {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.burger svg {
    width: 70px;
    height: 47px;
    cursor: pointer;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.burger svg path {
    fill: none;
    -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
    -moz-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
    -o-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
    -ms-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
    transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
    stroke-width: 30px;
    stroke-linecap: round;
    stroke: #ffffff;
    stroke-dashoffset: 0px;
}
.burger svg path#top,
.burger svg path#bottom {
  stroke-dasharray: 240px 950px;
}
.burger svg path#middle {
  stroke-dasharray: 240px 240px;
}
.cross path#top,
.cross path#bottom {
  stroke-dashoffset: -650px;
  stroke-dashoffset: -650px;
}
.cross path#middle {
    stroke-dashoffset: -240px;
    stroke-dasharray: 0px 217px;
}





p.intro_e {
    font-size: 14px;
    color: #9c9c9c;
    padding-top: 10px;
}
.blog_j {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.blog_item {
    width: 22%;
    margin: 1%;
}
.blog_item img {
    width: 100%;
}

.top0 {
    padding-top: 0px;
}
.blog_item a {
    font-weight: bold;
    font-size: 18px;
    color: #fff;
    background: #00C9EB;
    background: linear-gradient(to bottom right, #d2aa5f, #a1710c, #c59f4b);
    padding: 11px 31px;
    border-radius: 5px;
    margin-top: 17px;
    text-decoration: none;
    text-align: center;
    display: block;
}




.text-list a {
    color: #767676;
    font-size: 20px;
    display: block;
    text-decoration: none;
    padding: 5px;
    border-bottom: 1px solid #ededed;
}
.text-list a:hover {
    color: #444;
}
.adress.infdd a.mape_top {
    color: #000;
    font-size: 14px;
    display: block;
    text-decoration: none;
    padding: 0px;
    border-bottom: 0px solid #ededed;
}
.adress.infdd p {
    font-size: 14px;
    font-weight: 700;
    display: flex
;
    line-height: 1.3;
    position: relative;
    align-items: flex-start;
    flex-direction: column;
}