@media screen and (min-width:980px){div:not(.t396) .t-animate[data-animate-style="fadein"],div:not(.t396) .t-animate[data-animate-style="fadeinup"],div:not(.t396) .t-animate[data-animate-style="fadeindown"],div:not(.t396) .t-animate[data-animate-style="fadeinleft"],div:not(.t396) .t-animate[data-animate-style="fadeinright"],div:not(.t396) .t-animate[data-animate-style="zoomin"],div:not(.t396) .t-animate[data-animate-style="zoomout"]{opacity:0;-webkit-transition-property:opacity,transform;transition-property:opacity,transform;-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-timing-function:cubic-bezier(.19,1,.22,1);transition-timing-function:cubic-bezier(.19,1,.22,1);-webkit-backface-visibility:hidden}div:not(.t396) .t-title.t-animate{-webkit-transition-duration:1.2s;transition-duration:1.2s}div:not(.t396) .t-descr.t-animate,div:not(.t396) .t-uptitle.t-animate,div:not(.t396) .t-subtitle.t-animate,div:not(.t396) .t-text.t-animate{-webkit-transition-duration:0.7s;transition-duration:0.7s}div:not(.t396) .t-item.t-animate{-webkit-transition-duration:0.5s;transition-duration:0.5s}div:not(.t396) .t-animate_started[data-animate-style="fadein"]{opacity:1}div:not(.t396) .t-animate[data-animate-style="fadeinup"]{-webkit-transform:translate(0,100px);transform:translate(0,100px)}div:not(.t396) .t-animate_started[data-animate-style="fadeinup"]{opacity:1;-webkit-transform:none;transform:none}div:not(.t396) .t-animate[data-animate-style="fadeindown"]{-webkit-transform:translate(0,-100px);transform:translate(0,-100px)}div:not(.t396) .t-animate_started[data-animate-style="fadeindown"]{opacity:1;-webkit-transform:none;transform:none}div:not(.t396) .t-animate[data-animate-style="fadeinleft"]{-webkit-transform:translate(100px,0);transform:translate(100px,0)}div:not(.t396) .t-animate_started[data-animate-style="fadeinleft"]{opacity:1;-webkit-transform:none;transform:none}div:not(.t396) .t-animate[data-animate-style="fadeinright"]{-webkit-transform:translate(-100px,0);transform:translate(-100px,0)}div:not(.t396) .t-animate_started[data-animate-style="fadeinright"]{opacity:1;-webkit-transform:none;transform:none}div:not(.t396) .t-animate[data-animate-style="zoomin"]{-webkit-transform:scale(.9);transform:scale(.9)}div:not(.t396) .t-animate_started[data-animate-style="zoomin"]{opacity:1;-webkit-transform:scale(1);transform:scale(1)}div:not(.t396) .t-animate[data-animate-style="zoomout"]{-webkit-transform:scale(1.2);transform:scale(1.2)}div:not(.t396) .t-animate_started[data-animate-style="zoomout"]{opacity:1;-webkit-transform:scale(1);transform:scale(1)}div:not(.t396) .t-animate_started[data-animate-distance],.t-animate_started[data-animate-scale]{-webkit-transform:none!important;transform:none!important}}.t396 .t-animate[data-animate-style='fadein'],.t396 .t-animate[data-animate-style='fadeinup'],.t396 .t-animate[data-animate-style='fadeindown'],.t396 .t-animate[data-animate-style='fadeinleft'],.t396 .t-animate[data-animate-style='fadeinright'],.t396 .t-animate[data-animate-style='zoomin'],.t396 .t-animate[data-animate-style='zoomout'],.t396 .t-animate[data-animate-style-res-960='fadein'],.t396 .t-animate[data-animate-style-res-960='fadeinup'],.t396 .t-animate[data-animate-style-res-960='fadeindown'],.t396 .t-animate[data-animate-style-res-960='fadeinleft'],.t396 .t-animate[data-animate-style-res-960='fadeinright'],.t396 .t-animate[data-animate-style-res-960='zoomin'],.t396 .t-animate[data-animate-style-res-960='zoomout'],.t396 .t-animate[data-animate-style-res-640='fadein'],.t396 .t-animate[data-animate-style-res-640='fadeinup'],.t396 .t-animate[data-animate-style-res-640='fadeindown'],.t396 .t-animate[data-animate-style-res-640='fadeinleft'],.t396 .t-animate[data-animate-style-res-640='fadeinright'],.t396 .t-animate[data-animate-style-res-640='zoomin'],.t396 .t-animate[data-animate-style-res-640='zoomout'],.t396 .t-animate[data-animate-style-res-480='fadein'],.t396 .t-animate[data-animate-style-res-480='fadeinup'],.t396 .t-animate[data-animate-style-res-480='fadeindown'],.t396 .t-animate[data-animate-style-res-480='fadeinleft'],.t396 .t-animate[data-animate-style-res-480='fadeinright'],.t396 .t-animate[data-animate-style-res-480='zoomin'],.t396 .t-animate[data-animate-style-res-480='zoomout'],.t396 .t-animate[data-animate-style-res-320='fadein'],.t396 .t-animate[data-animate-style-res-320='fadeinup'],.t396 .t-animate[data-animate-style-res-320='fadeindown'],.t396 .t-animate[data-animate-style-res-320='fadeinleft'],.t396 .t-animate[data-animate-style-res-320='fadeinright'],.t396 .t-animate[data-animate-style-res-320='zoomin'],.t396 .t-animate[data-animate-style-res-320='zoomout']{opacity:0;-webkit-transition-property:opacity,transform;transition-property:opacity,transform;-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-timing-function:cubic-bezier(.19,1,.22,1);transition-timing-function:cubic-bezier(.19,1,.22,1);-webkit-backface-visibility:hidden}.t396 .t-title.t-animate{-webkit-transition-duration:1.2s;transition-duration:1.2s}.t396 .t-descr.t-animate,.t396 .t-uptitle.t-animate,.t396 .t-subtitle.t-animate,.t396 .t-text.t-animate{-webkit-transition-duration:0.7s;transition-duration:0.7s}.t396 .t-item.t-animate{-webkit-transition-duration:0.5s;transition-duration:0.5s}.t396 .t-animate_started[data-animate-style='fadein'],.t396 .t-animate_started[data-animate-style-res-960='fadein'],.t396 .t-animate_started[data-animate-style-res-640='fadein'],.t396 .t-animate_started[data-animate-style-res-480='fadein'],.t396 .t-animate_started[data-animate-style-res-320='fadein']{opacity:1}.t396 .t-animate[data-animate-style='fadeinup'],.t396 .t-animate[data-animate-style-res-960='fadeinup'],.t396 .t-animate[data-animate-style-res-640='fadeinup'],.t396 .t-animate[data-animate-style-res-480='fadeinup'],.t396 .t-animate[data-animate-style-res-320='fadeinup']{-webkit-transform:translate(0,100px);transform:translate(0,100px)}.t396 .t-animate_started[data-animate-style='fadeinup'],.t396 .t-animate_started[data-animate-style-res-960='fadeinup'],.t396 .t-animate_started[data-animate-style-res-640='fadeinup'],.t396 .t-animate_started[data-animate-style-res-480='fadeinup'],.t396 .t-animate_started[data-animate-style-res-320='fadeinup']{opacity:1;-webkit-transform:none;transform:none}.t396 .t-animate[data-animate-style='fadeindown'],.t396 .t-animate[data-animate-style-res-960='fadeindown'],.t396 .t-animate[data-animate-style-res-640='fadeindown'],.t396 .t-animate[data-animate-style-res-480='fadeindown'],.t396 .t-animate[data-animate-style-res-320='fadeindown']{-webkit-transform:translate(0,-100px);transform:translate(0,-100px)}.t396 .t-animate_started[data-animate-style='fadeindown'],.t396 .t-animate_started[data-animate-style-res-960='fadeindown'],.t396 .t-animate_started[data-animate-style-res-640='fadeindown'],.t396 .t-animate_started[data-animate-style-res-480='fadeindown'],.t396 .t-animate_started[data-animate-style-res-320='fadeindown']{opacity:1;-webkit-transform:none;transform:none}.t396 .t-animate[data-animate-style='fadeinleft'],.t396 .t-animate[data-animate-style-res-960='fadeinleft'],.t396 .t-animate[data-animate-style-res-640='fadeinleft'],.t396 .t-animate[data-animate-style-res-480='fadeinleft'],.t396 .t-animate[data-animate-style-res-320='fadeinleft']{-webkit-transform:translate(100px,0);transform:translate(100px,0)}.t396 .t-animate_started[data-animate-style='fadeinleft'],.t396 .t-animate_started[data-animate-style-res-960='fadeinleft'],.t396 .t-animate_started[data-animate-style-res-640='fadeinleft'],.t396 .t-animate_started[data-animate-style-res-480='fadeinleft'],.t396 .t-animate_started[data-animate-style-res-320='fadeinleft']{opacity:1;-webkit-transform:none;transform:none}.t396 .t-animate[data-animate-style='fadeinright'],.t396 .t-animate[data-animate-style-res-960='fadeinright'],.t396 .t-animate[data-animate-style-res-640='fadeinright'],.t396 .t-animate[data-animate-style-res-480='fadeinright'],.t396 .t-animate[data-animate-style-res-320='fadeinright']{-webkit-transform:translate(-100px,0);transform:translate(-100px,0)}.t396 .t-animate_started[data-animate-style='fadeinright'],.t396 .t-animate_started[data-animate-style-res-960='fadeinright'],.t396 .t-animate_started[data-animate-style-res-640='fadeinright'],.t396 .t-animate_started[data-animate-style-res-480='fadeinright'],.t396 .t-animate_started[data-animate-style-res-320='fadeinright']{opacity:1;-webkit-transform:none;transform:none}.t396 .t-animate[data-animate-style='zoomin'],.t396 .t-animate[data-animate-style-res-960='zoomin'],.t396 .t-animate[data-animate-style-res-640='zoomin'],.t396 .t-animate[data-animate-style-res-480='zoomin'],.t396 .t-animate[data-animate-style-res-320='zoomin']{-webkit-transform:scale(.9);transform:scale(.9)}.t396 .t-animate_started[data-animate-style='zoomin'],.t396 .t-animate_started[data-animate-style-res-960='zoomin'],.t396 .t-animate_started[data-animate-style-res-640='zoomin'],.t396 .t-animate_started[data-animate-style-res-480='zoomin'],.t396 .t-animate_started[data-animate-style-res-320='zoomin']{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.t396 .t-animate[data-animate-style='zoomout'],.t396 .t-animate[data-animate-style-res-960='zoomout'],.t396 .t-animate[data-animate-style-res-640='zoomout'],.t396 .t-animate[data-animate-style-res-480='zoomout'],.t396 .t-animate[data-animate-style-res-320='zoomout']{-webkit-transform:scale(1.2);transform:scale(1.2)}.t396 .t-animate_started[data-animate-style='zoomout'],.t396 .t-animate_started[data-animate-style-res-960='zoomout'],.t396 .t-animate_started[data-animate-style-res-640='zoomout'],.t396 .t-animate_started[data-animate-style-res-480='zoomout'],.t396 .t-animate_started[data-animate-style-res-320='zoomout']{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.t396 .t-animate_started[data-animate-distance],.t396 .t-animate_started[data-animate-distance-res-960],.t396 .t-animate_started[data-animate-distance-res-640],.t396 .t-animate_started[data-animate-distance-res-480],.t396 .t-animate_started[data-animate-distance-res-320],.t396 .t-animate_started[data-animate-scale],.t396 .t-animate_started[data-animate-scale-res-960],.t396 .t-animate_started[data-animate-scale-res-640],.t396 .t-animate_started[data-animate-scale-res-480],.t396 .t-animate_started[data-animate-scale-res-320]{-webkit-transform:none!important;transform:none!important}
.dropbtn {
    
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 5px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #3e8e41;}
.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;
    }
   
    .callback-bt {
        background:#38a3fd;
        border:2px solid #38a3fd;
        border-radius:50%;
        box-shadow:0 8px 10px rgba(56,163,253,0.3);
        cursor:pointer;
        height:68px;
        text-align:center;
        width:68px;
        position: fixed;
        right: 8%;
        bottom: 3%;
        z-index:999;
        transition:.3s;
        -webkit-animation:hoverWave linear 1s infinite;
        animation:hoverWave linear 1s infinite;
}

.callback-bt .text-call{
        height:68px;
        width:68px;        
        border-radius:50%;
        position:relative;
        overflow:hidden;
}

.callback-bt .text-call span {
    text-align: center;
    color:#38a3fd;
    opacity: 0;
    font-size: 0;
        position:absolute;
        right: 4px;
        top: 22px;
    line-height: 14px;
        font-weight: 600;
    text-transform: uppercase;
    transition: opacity .3s linear;
    font-family: 'montserrat', Arial, Helvetica, sans-serif;
}

.callback-bt .text-call:hover span {
    opacity: 1;
        font-size: 11px;
        position: relative;
    left: 0px;
}
.callback-bt:hover i {
    display:none;
}

.callback-bt:hover {
        z-index:1;
        background:#fff;
        color:transparent;
        transition:.3s;
}
.callback-bt:hover i {
        color:#38a3fd;
        font-size:40px;
        transition:.3s;
}
.callback-bt i {
        color:#fff;
        font-size:34px;
        transition:.3s;
        line-height: 66px;transition: .5s ease-in-out;
}

.callback-bt i  {
    animation: 1200ms ease 0s normal none 1 running shake;
        animation-iteration-count: infinite;
        -webkit-animation: 1200ms ease 0s normal none 1 running shake;
        -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes hoverWave {
        0% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 0 rgba(56,163,253,0.2),0 0 0 0 rgba(56,163,253,0.2)
}
40% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 15px rgba(56,163,253,0.2),0 0 0 0 rgba(56,163,253,0.2)
}
80% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 30px rgba(56,163,253,0),0 0 0 26.7px rgba(56,163,253,0.067)
}
100% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 30px rgba(56,163,253,0),0 0 0 40px rgba(56,163,253,0.0)
}
}@keyframes hoverWave {
        0% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 0 rgba(56,163,253,0.2),0 0 0 0 rgba(56,163,253,0.2)
}
40% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 15px rgba(56,163,253,0.2),0 0 0 0 rgba(56,163,253,0.2)
}
80% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 30px rgba(56,163,253,0),0 0 0 26.7px rgba(56,163,253,0.067)
}
100% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 30px rgba(56,163,253,0),0 0 0 40px rgba(56,163,253,0.0)
}
}

/* animations icon */

@keyframes shake {
0% {
    transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
}
10% {
    transform: rotateZ(-30deg);
        -ms-transform: rotateZ(-30deg);
        -webkit-transform: rotateZ(-30deg);
}
20% {
    transform: rotateZ(15deg);
        -ms-transform: rotateZ(15deg);
        -webkit-transform: rotateZ(15deg);
}
30% {
    transform: rotateZ(-10deg);
        -ms-transform: rotateZ(-10deg);
        -webkit-transform: rotateZ(-10deg);
}
40% {
    transform: rotateZ(7.5deg);
        -ms-transform: rotateZ(7.5deg);
        -webkit-transform: rotateZ(7.5deg);
}
50% {
    transform: rotateZ(-6deg);
        -ms-transform: rotateZ(-6deg);
        -webkit-transform: rotateZ(-6deg);
}
60% {
    transform: rotateZ(5deg);
        -ms-transform: rotateZ(5deg);
        -webkit-transform: rotateZ(5deg);
}
70% {
    transform: rotateZ(-4.28571deg);
        -ms-transform: rotateZ(-4.28571deg);
        -webkit-transform: rotateZ(-4.28571deg);
}
80% {
    transform: rotateZ(3.75deg);
        -ms-transform: rotateZ(3.75deg);
        -webkit-transform: rotateZ(3.75deg);
}
90% {
    transform: rotateZ(-3.33333deg);
        -ms-transform: rotateZ(-3.33333deg);
        -webkit-transform: rotateZ(-3.33333deg);
}
100% {
    transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
}
}

@-webkit-keyframes shake {
0% {
    transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
}
10% {
    transform: rotateZ(-30deg);
        -ms-transform: rotateZ(-30deg);
        -webkit-transform: rotateZ(-30deg);
}
20% {
    transform: rotateZ(15deg);
        -ms-transform: rotateZ(15deg);
        -webkit-transform: rotateZ(15deg);
}
30% {
    transform: rotateZ(-10deg);
        -ms-transform: rotateZ(-10deg);
        -webkit-transform: rotateZ(-10deg);
}
40% {
    transform: rotateZ(7.5deg);
        -ms-transform: rotateZ(7.5deg);
        -webkit-transform: rotateZ(7.5deg);
}
50% {
    transform: rotateZ(-6deg);
        -ms-transform: rotateZ(-6deg);
        -webkit-transform: rotateZ(-6deg);
}
60% {
    transform: rotateZ(5deg);
        -ms-transform: rotateZ(5deg);
        -webkit-transform: rotateZ(5deg);
}
70% {
    transform: rotateZ(-4.28571deg);
        -ms-transform: rotateZ(-4.28571deg);
        -webkit-transform: rotateZ(-4.28571deg);
}
80% {
    transform: rotateZ(3.75deg);
        -ms-transform: rotateZ(3.75deg);
        -webkit-transform: rotateZ(3.75deg);
}
90% {
    transform: rotateZ(-3.33333deg);
        -ms-transform: rotateZ(-3.33333deg);
        -webkit-transform: rotateZ(-3.33333deg);
}
100% {
    transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
}
}
/*//---------------------------------------------------------------------*/

.email-bt {
        background: #1aa932;
    border: 2px solid #1f952d;
    border-radius: 50%;
    box-shadow: 0 8px 10px rgb(32 171 34 / 30%);
        cursor:pointer;
        height:68px;
        text-align:center;
        width:68px;
        position: fixed;
        right: 8%;
        bottom: 15%;
        z-index:999;
        transition:.3s;
        -webkit-animation:email-an linear 1s infinite;
        animation:email-an linear 1s infinite;
}

.email-bt .text-call{
        height:70px;
        width:70px;        
        border-radius:50%;
        position:relative;
        overflow:hidden;
       
    right: 2px;
}

.email-bt .text-call span {
    text-align: center;
    color:#F95C18;
    opacity: 0;
    font-size: 0;
        position:absolute;
        right: 8px;
        top: 28px;
    line-height: 14px;
        font-weight: 600;
    text-transform: uppercase;
    transition: opacity .3s linear;
    font-family: 'montserrat', Arial, Helvetica, sans-serif;
}

.email-bt .text-call:hover span {
    opacity: 1;
        font-size: 11px;
}
.email-bt:hover i {
    display:none;
}

.email-bt:hover {
        z-index:1;
        background:#fff;
        transition:.3s;
}
.email-bt:hover i {
        color:#38a3fd;
        font-size:40px;
        transition:.3s;
}
.email-bt i {
        color:#fff;
        font-size:43px;
        transition:.3s;
        line-height: 66px;
}

.email-bt i  {
        -webkit-animation: opsimple 3s infinite;
        animation: opsimple 3s infinite;
}


@-webkit-keyframes email-an {
        0% {
        box-shadow:0 8px 10px rgba(97,233,68,0.3),0 0 0 0 rgba(97,233,68,0.2),0 0 0 0 rgba(97,233,68,0.2)
}
40% {
        box-shadow:0 8px 10px rgba(97,233,68,0.3),0 0 0 15px rgba(97,233,68,0.2),0 0 0 0 rgba(97,233,68,0.2)
}
80% {
        box-shadow:0 8px 10px rgba(97,233,68,0.3),0 0 0 30px rgba(97,233,68,0),0 0 0 26.7px rgba(97,233,68,0.067)
}
100% {
        box-shadow:0 8px 10px rgba(97,233,68,0.3),0 0 0 30px rgba(97,233,68,0),0 0 0 40px rgba(97,233,68,0.0)
}
}@keyframes email-an {
        0% {
        box-shadow:0 8px 10px rgba(97,233,68,0.3),0 0 0 0 rgba(97,233,68,0.2),0 0 0 0 rgba(97,233,68,0.2)
}
40% {
        box-shadow:0 8px 10px rgba(97,233,68,0.3),0 0 0 15px rgba(97,233,68,0.2),0 0 0 0 rgba(97,233,68,0.2)
}
80% {
        box-shadow:0 8px 10px rgba(97,233,68,0.3),0 0 0 30px rgba(97,233,68,0),0 0 0 26.7px rgba(97,233,68,0.067)
}
100% {
        box-shadow:0 8px 10px rgba(97,233,68,0.3),0 0 0 30px rgba(97,233,68,0),0 0 0 40px rgba(97,233,68,0.0)
}
}
@keyframes opsimple {
0% {
    opacity: 0;
}
40% {
    opacity: 1;
}

80% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}

@-webkit-keyframes opsimple {
0% {
    opacity: 0;
}
40% {
    opacity: 1;
}
80% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}
/* конец кнопки звязи */

.list {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    width: 70%;
    margin: 0 auto;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.list ul {
    border-radius: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    background: rgba(255,255,255,0.5);
    padding: 20px 45px;
    list-style: none;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.list ul li {
        font-family: 'OpinionPro',Arial,sans-serif;
    font-size: 15px;
   font-weight: 700;
    color: #000;
    -ms-flex-preferred-size: 45%;
        flex-basis: 45%;
    
    position: relative;
}

.list ul li:before {
    font-family: FontAwesome;
    content: "\f00c";
    height: 100%;
    position: absolute;
    left: -25px;
    top: 4px;
    color: #23af12;
}

@media only screen and (max-width: 768px){
    
    .list {
        width: 80%;
    }
    
    .list ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

}

.foto {
  display: flex;
  flex-wrap: wrap;
}

.link {
  display: inline-block;
  margin-bottom: 8px;
  width: calc(50% - 4px);
  margin-right: 8px;
  text-decoration: none;
  color: black;
}

.link:nth-of-type(2n) {
  margin-right: 0;
}

@media screen and (min-width: 100em) {
  .link {
    width: calc(25% - 6px);
  }
  
  .link:nth-of-type(2n) {
    margin-right: 8px;
  }
  
  .link:nth-of-type(4n) {
    margin-right: 0;
  }
}

a:hover img {
  transform: scale(1.15);
}

.img-foto {
  margin: 0;
  overflow: hidden;
}

.text_dec {
  margin-top: 15px;
}

.image-style {
  border: none;
  max-width: 100%;
  height: auto;
  display: block;
  background: #ccc;
  transition: transform .2s ease-in-out;
}

.p .link {
  display: inline;
  font-size: 13px;
  margin: 0;
  text-decoration: underline;
  color: blue;
}

.p {
  text-align: center;
  font-size: 13px;
  padding-top: 100px;
}
dialog {
            margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 300px;
    right: 0;
    background: #e5e5e5;
    border-width: 2px;
    border-color: #231f1c;
        }
.clos{
    font-size: 20px;
    font-weight: 600;
    font-family: 'OpinionPro',Arial,sans-serif;
    position: relative;
    top: -36px;
    left: 284px;
    border-radius: 50%;
    background-color: #e91919;
    color:#fff;
}
.clos:hover{
    background-color: #a51616;
}
.input_zakaz{
    height: 47px;
    width: 290px;
    border-radius: 6px;
    font-size: 15px;
    padding: 0px 0px 0px 10px;
    border-width: 1px;
}