﻿/* Tabs */
#tabs-3d {
    border: 1px solid var(--color-cccccc);
    border-radius: var(--radius-8px)
}

#tabs-3d .tabs-3d {
    overflow: hidden;
    border-bottom: 1px solid var(--color-cccccc);
    background: var(--color-ffffff);
    box-sizing: border-box;
    padding: var(--spacing-10px);
    margin-bottom: var(--spacing-20px);
    text-align: center;
    position: relative;
}

#tabs-3d .tabs-3d li {
    display: inline-block;
; list-style: none;
}

#tabs-3d .tabs-3d li a {
    display: block;
    font-weight: var(--font-weight-600);
    text-decoration: none;
    padding: 8px 16px;
    font-size: var(--font-size-18px);
    line-height: var(--line-height-21px);
    color: #666c76 !important;
}

#tabs-3d .tabs-3d li a.active, #tabs-3d .tabs-3d li a:hover {
    color: var(--color-ffffff) !important;
    background: #5d3173 !important;
}

#tabs-3d .tabs-3d-content {
    padding: var(--spacing-20px);
    font-size: var(--font-size-16px);
    line-height: var(--line-height-21px);
}

@media (max-width: 767px) {
    #tabs-3d .tabs-3d-content iframe {
        height: 300px !important;
    }
}

.contact-wrap ul .tour-3d:before {
    background: url(../image/3D.png) no-repeat;
    left: -29px;
    top: 11px;
}

.link_news_detail {
    padding: 10px 15px;
    background: #67158c;
    color: var(--color-ffffff) !important;
    text-decoration: none;
    text-align: center;
}

.link_news_detail:hover {
    background: #9041b4;
    border-radius: var(--radius-5px);
    transition: .3s;
}


/* widget-qcall */
#contact-widget-qcall {
    position: fixed;
    bottom: 190px;
    right: 33px;
    z-index: 9999;
  }

  .widget-container {
    position: relative;
	bottom: 80px;
  }
  .widget-container a:hover {
    text-decoration: none;
}

  .widget-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: var(--radius-14px);
    /*background: linear-gradient(-135deg, rgb(230, 6, 128) 0px, rgb(253, 6, 141) 100%);*/
	background: linear-gradient(300deg, #1fff30 0, #485349 100%);
    box-shadow: 0 2px 10px rgb(255 255 255 / 65%);
	
    font-size: var(--font-size-24px);
    cursor: pointer;
    z-index: 2;
    position: relative;
  }

  .widget-button-group {
    position: absolute;
    bottom: 70px;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    pointer-events: none;
  }

  .widget-button-1 {
    width: 56px;
    height: 56px;
    margin-bottom: var(--spacing-10px);
        border-radius: var(--radius-14px);
    background-color: #ffffff2b;
    box-shadow: 0 2px 10px var(--color-rgba-0-0-0-0-2);
    font-size: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.3s ease;
    pointer-events: none;
  }

  /* Когда чекбокс активен — показываем кнопки */
  #toggle-widget:checked ~ .widget-container .widget-button-1 {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }

  #toggle-widget:checked ~ .widget-container .widget-button-group {
    pointer-events: auto;
  }
  
  i.fa.fa-phone {
    color: white;
	font-size: var(--font-size-24px);
	transform: scaleX(-1) !important;
}


