#accordion .panel:before {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    border: 1px dashed #6e8898;
    top: 25px;
    left: 18px;
    position: absolute
}

#accordion .panel:last-child:before {
    display: none
}

#accordion .panel-title a {
    display: block;
    padding: 10px 0 10px 60px;
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px;
    border-radius: 0;
    overflow: hidden;
    position: relative;
    color: #000
}

#accordion .panel-title a.collapsed:before,#accordion .panel-title a:before {
    background: #1d89b4
}

#accordion .panel-title a.collapsed:before,body {
    background: #fff
}

#accordion .panel-body {
    background: #fff;
    font-family: "Poppins",sans-serif;
    font-weight: 300;
    overflow: hidden
}

@media only screen and (max-width:480px) {
    #accordion .panel-body {
        padding: 70px 10px
    }
}

.timeline {
    list-style: none;
    padding: 20px 0;
    position: relative
}

.timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 3px;
    background-color: #eee;
    left: 50%;
    margin-left: -1.5px
}

.timeline>li {
    margin-bottom: 20px;
    position: relative
}

.timeline>li:after,.timeline>li:before {
    content: " ";
    display: table
}

.timeline>li:after {
    clear: both
}

.timeline>li>.timeline-panel {
    width: 46%;
    float: left;
    border: 1px solid #d4d4d4;
    border-radius: 2px;
    padding: 20px;
    position: relative;
    -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.175);
    box-shadow: 0 1px 6px rgba(0,0,0,.175)
}

.timeline>li>.timeline-panel:after,.timeline>li>.timeline-panel:before {
    position: absolute;
    top: 26px;
    right: -15px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-left: 15px solid #ccc;
    border-right: 0 solid #ccc;
    border-bottom: 15px solid transparent;
    content: " "
}

.timeline>li>.timeline-panel:after {
    top: 27px;
    right: -14px;
    border-top: 14px solid transparent;
    border-left: 14px solid #fff;
    border-right: 0 solid #fff;
    border-bottom: 14px solid transparent
}

.timeline>li>.timeline-badge {
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 1.4em;
    text-align: center;
    position: absolute;
    top: 16px;
    left: 50%;
    margin-left: -25px;
    background-color: #999;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%
}

.timeline>li.timeline-inverted>.timeline-panel {
    float: right
}

.timeline>li.timeline-inverted>.timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto
}

.timeline>li.timeline-inverted>.timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto
}

.timeline-badge.primary {
    background-color: #2e6da4!important
}

.timeline-badge.success {
    background-color: #3f903f!important
}

.timeline-badge.warning {
    background-color: #f0ad4e!important
}

.timeline-badge.danger {
    background-color: #d9534f!important
}

.timeline-badge.info {
    background-color: #5bc0de!important
}

.timeline-title {
    margin-top: 0;
    color: inherit
}

.timeline-body>p,.timeline-body>ul {
    margin-bottom: 0
}

.timeline-body>p+p {
    margin-top: 5px
}

@media (max-width:767px) {
    ul.timeline:before {
        left: 40px
    }

    ul.timeline>li>.timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px)
    }

    ul.timeline>li>.timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 16px
    }

    ul.timeline>li>.timeline-panel {
        float: right
    }

    ul.timeline>li>.timeline-panel:before {
        border-left-width: 0;
        border-right-width: 15px;
        left: -15px;
        right: auto
    }

    ul.timeline>li>.timeline-panel:after {
        border-left-width: 0;
        border-right-width: 14px;
        left: -14px;
        right: auto
    }
}

.card {
    margin: 0 auto
}

.card .carousel-item {
    height: 200px
}

.card .carousel-caption {
    padding: 0;
    right: 0;
    left: 0;
    color: #3d3d3d
}

.card .carousel-caption h3 {
    color: #3d3d3d
}

.card .carousel-caption p {
    line-height: 30px
}

.card .carousel-caption .col-sm-3 {
    display: flex;
    align-items: center
}

.card .carousel-caption .col-sm-9 {
    text-align: left
}

.navi a {
    text-decoration: none
}

a>.ico {
    background-color: gray;
    padding: 10px
}

a:hover>.ico {
    background-color: #666
}

.serviceBox {
    text-align: center;
    padding: 20px 0 40px;
    position: relative
}

.serviceBox:hover {
    background: #98d7ce
}

.serviceBox .service-icon {
    width: 100px;
    height: 100px;
    line-height: 95px;
    border-radius: 50%;
    border: 3px solid #b3b3b3;
    font-size: 50px;
    color: #b3b3b3;
    margin: 0 auto;
    transition: all .5s ease-in-out
}

.serviceBox:hover .service-icon {
    transform: rotateY(360deg);
    color: #fff;
    border-color: #fff;
    background: #4acab4
}

.serviceBox .service-content h3 a {
    font-size: 22px;
    color: #333
}

.serviceBox .service-content p {
    font-size: 14px;
    padding: 0 20px;
    margin: 15px 0 30px;
    color: #333
}

.serviceBox:hover h3 a,.serviceBox:hover p {
    color: #fff
}

.serviceBox .btn {
    background: #4acab4;
    color: #fff;
    padding: 10px 35px;
    transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out
}

.serviceBox:hover .btn {
    background: #333;
    color: #fff
}

@media screen and (max-width:990px) {
    .serviceBox {
        margin-bottom: 20px;
        padding: 20px 0
    }
}

.hr-dashed-gradient {
    margin: 20px 0;
    padding: 0;
    height: 2px;
    border: 0;
    background: linear-gradient(to right,transparent 50%,#fff 50%),linear-gradient(to right,#3232c1,#10cd52);
    background-size: 16px 2px,100% 2px
}

.dropdown-menu li a:hover {
    color: #39ec9b!important
}

.dropdown-menu li a {
    color: #fff!important
}

.dropdown:hover>.dropdown-menu {
    display: block
}

@media (max-width:767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none
    }

    .navbar-nav .open .dropdown-menu>li>a {
        padding: 10px 15px;
        color: #fff!important
    }

    #blue_menu .dropdown-menu>li>a {
        padding-left: 20px
    }

    .desktop-dropdown:hover .dropdown-menu {
        display: none
    }

    .desktop-dropdown.open .dropdown-menu {
        display: block
    }
}

a:focus,a:hover {
    text-decoration: none;
    outline: 0
}

#accordion .panel {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 15px;
    position: relative
}

#accordion .panel-heading {
    padding: 0;
    border: 0;
    border-radius: 0;
    position: relative
}

#accordion .panel-title a.collapsed:before,#accordion .panel-title a:before {
    content: "";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    width: 40px;
    height: 100%;
    line-height: 40px;
    font-size: 17px;
    text-align: center;
    border-radius: 3px;
    border: 1px solid #df8d12;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .3s ease 0s;
    background-color: #1782d7;
    color: #fff
}

#accordion .panel-title a.collapsed:before {
    content: "";
    background-color: #fff;
    color: #000
}

#accordion .panel-body {
    padding: 20px;
    margin: 10px;
    border-top: none;
    font-size: 15px;
    line-height: 1.5;
    letter-spacing: 0;
    background: 0 0
}

#accordion .panel-body ul {
    margin-left: 20px
}

#accordion .panel-body li {
    margin-bottom: 5px
}

@media only screen and (max-width:480px) {
    #accordion .panel-body {
        padding: 10px 20px
    }
}

#accordion .panel-collapse {
    transition: height .3s ease;
    overflow: hidden;
    height: 0
}

#accordion .panel-collapse.in {
    height: auto
}

.max-left {
    padding: 0;
    margin: -15px
}

a:hover,a:focus{
text-decoration: none;
outline: none;
}

.tab .nav-tabs{
border-bottom: 0 none;
background: transparent;
}
.tab .nav-tabs li a{
font-size: 16px;
color: #333;
background: transparent;
border: none;
padding: 12px 22px;
border-radius: 30px;
position: relative;
}
.tab .nav-tabs li.active a{
border: 0 none;
background: #157fda;
color: #fff;
}
.tab .nav-tabs li.active a:after{
content: "";
position: absolute;
left: 45%;
bottom: -14px;
border: 7px solid transparent;
border-top: 7px solid #157fda;
}
.tab .tab-content{
padding: 12px;
font-size: 14px;
line-height: 24px;
margin-top: 20px;
}
@media only screen and (max-width: 480px) {
    .tab .nav-tabs li{
    width: 100%;
    margin-bottom: 10px;
    }
    .tab .nav-tabs li a{
    border: 1px solid #d3d3d3;
    }
    .tab .nav-tabs li.active a:after{
    border:none;
    }
   }
   
.modal-box .show-modal {
color: #157fda;
background-color: #fff;
font-size: 18px;
font-weight: 600;
text-transform: capitalize;
padding: 10px 15px;
margin: 80px auto 0;
border: none;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
display: block;
}

.modal-box .show-modal:hover,
.modal-box .show-modal:focus {
color: #157fda;
border: none;
outline: none;
}

.modal-backdrop.in {
opacity: 0;
}

.modal-box .modal-dialog {
width: 550px;
margin: 70px auto 0;
}

.modal.fade .modal-dialog {
transform: translateX(100px);
transition: all 400ms cubic-bezier(.47, 1.64, .41, .8);
}

.modal.in .modal-dialog {
transform: translateX(0);
}

.modal-box .modal-dialog .modal-content {
background: #fff;
text-align: center;
border: none;
border-radius: 20px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

.modal-box .modal-dialog .modal-content .close {
color: #157fda;
font-size: 30px;
line-height: 15px;
opacity: 1;
position: absolute;
left: auto;
top: 20px;
right: 15px;
z-index: 1;
transition: all 0.3s;
}

.modal-box .modal-dialog .modal-content .close span {
margin: -2px 0 0 0;
display: block;
}

.modal-content .close:hover {
color: #157fda;
}

.modal-box .modal-dialog .modal-content .modal-body {
    padding: 0 45px 45px !important;
}

.modal-box .modal-dialog .modal-content .modal-body .modal-icon {
    color: #fff;
    background: #157fda;
    font-size: 70px;
    line-height: 125px;
    width: 125px;
    height: 125px;
    margin: -63px auto 15px;
    border-radius: 50%;
    display: inline-block;
}

.modal-box .modal-dialog .modal-content .modal-body .title {
    color: #157fda;
    font-size: 40px;
    font-weight: 300;
    line-height: 50px;
    margin: 0 0 15px;
}

.modal-box .modal-dialog .modal-content .modal-body .description {
    color: #767676;
    font-size: 23px;
    font-weight: 400;
    margin: 0 0 15px;
}

.modal-box .modal-dialog .modal-content .modal-body .input-group {
    background-color: #eff7ff;
    padding: 2px 1px;
    margin: 0 auto;
    border: 1px solid #c5cfdb;
    border-radius: 25px;
}

.modal-box .modal-dialog .modal-content .modal-body input {
    background-color: transparent;
    font-size: 18px;
    width: calc(100% - 45px);
    height: 40px;
    border-radius: 25px;
    border: none;
    box-shadow: none;
}

.modal-box .modal-dialog .modal-content .modal-body input:focus {
    box-shadow: none;
}

.modal-box .modal-dialog .modal-content .modal-body .btn {
    color: #fff;
    background-color: #157fda;
    font-size: 20px;
    line-height: 35px;
    height: 40px;
    width: 40px;
    padding: 0;
    border-radius: 50%;
    border: none;
    transition: all 0.4s ease 0s;
}

.modal-box .modal-dialog .modal-content .modal-body .btn:hover {
color: #fff;
text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6);
}
    
@media only screen and (max-width: 767px) {
    .modal-box .modal-dialog {
            width: 95% !important;
    }

    .modal-box .modal-dialog .modal-content .modal-body {
            padding: 0 25px 45px !important;
    }

    .modal-box .modal-dialog .modal-content .modal-body .title {
            font-size: 33px;
    }
}

td.message-box.lead {
    background-color: whitesmoke;
    padding: 30px;
}

@media only screen and (max-width: 767px){
    td.message-box.lead {
        padding: 10px;
        line-height: 22px;
        background-color: whitesmoke;
    }
}

.carousel-control.left,
.carousel-control.right {
   background-image: none;
}

.footer_in {
    background-color: #293133;
    padding: 30px;
}

.container.myInfoFirst {
    padding-top: 100px;
    }

.container.myInfoLast {
    padding: 100px 30px 100px;
    }

@media only screen and (max-width: 767px){
    .container.myInfoFirst {
        padding-top: 0;
        padding-bottom: 0;
        }
}

.container.content {
    padding-top: 70px;
}

.container.content .message-box {
    padding-bottom: 20px;
}

.macroblock {
    padding-bottom: 50px;
    margin: 0;
}

/* 3D-штуки дрюки */

.text3d-wrap-1 {    
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    height: 200px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    perspective: 3000px;    
}    
.text3d-1 {
    align-self: center;
    margin-top: -18px;
    transition: all 0.3s ease;
    transform: rotateX(3deg) rotateZ(3deg);
    font-family: verdana;
    text-transform: uppercase;
    font-size: 70px;
    letter-spacing: 3px;
    color: #f5f5f5;
    text-shadow: white 0.006em 0.006em 0.007em, #9c9c9c 1px 1px 1px, #9c9c9c 1px 2px 1px, #9c9c9c 1px 3px 1px, #9c9c9c 1px 4px 1px, #9c9c9c 1px 5px 1px, #9c9c9c 1px 6px 1px, #9c9c9c 1px 7px 1px, #9c9c9c 1px 8px 1px, #9c9c9c 1px 9px 1px, #9c9c9c 1px 10px 1px, #9c9c9c 1px 11px 1px, #9c9c9c 1px 12px 1px, rgba(16, 16, 16, 0.4) 1px 18px 6px, rgba(16, 16, 16, 0.2) 1px 22px 10px, rgba(16, 16, 16, 0.2) 1px 26px 35px, rgba(16, 16, 16, 0.4) 1px 30px 65px;
}
.text3d-wrap-1:hover .text3d-1{
    margin-top: -26px;
    text-shadow: white 0.006em 0.006em 0.007em, #9c9c9c 1px 1px 1px, #9c9c9c 1px 2px 1px, #9c9c9c 1px 3px 1px, #9c9c9c 1px 4px 1px, #9c9c9c 1px 5px 1px, #9c9c9c 1px 6px 1px, #9c9c9c 1px 7px 1px, #9c9c9c 1px 8px 1px, #9c9c9c 1px 9px 1px, #9c9c9c 1px 10px 1px, #9c9c9c 1px 11px 1px, #9c9c9c 1px 12px 1px, rgba(16, 16, 16, 0.4) 1px 38px 26px, rgba(16, 16, 16, 0.2) 1px 42px 30px, rgba(16, 16, 16, 0.2) 1px 46px 65px, rgba(16, 16, 16, 0.4) 1px 50px 95px;
}
@media (max-width:767px) {
    .text3d-1 {
        font-size: 50px;
    }
}

.text3d-4 {

    top: 50%; 
    right: 50%;
    transform: translate(50%,-50%);
    text-transform: uppercase;
    font-family: verdana;
    font-size: 2.5em;
    font-weight: 600;
    color: #f5f5f5;
    text-shadow: 1px 1px 1px #919191,
        1px 2px 1px #919191,
        1px 3px 1px #919191,
        1px 4px 1px #919191,
        1px 5px 1px #919191,
        1px 6px 1px #919191,
        1px 7px 1px #919191,
        1px 8px 1px #919191,
        1px 9px 1px #919191,
        1px 10px 1px #919191,
    1px 18px 6px rgba(16,16,16,0.4),
    1px 22px 10px rgba(16,16,16,0.2),
    1px 25px 35px rgba(16,16,16,0.2),
    1px 30px 60px rgba(16,16,16,0.4);
}

@media (max-width:767px){
    .text3d-4 {
        font-size: 1.6em;
    }

    .text3d-4.mobile-mini {
        font-size: 1.6em;
    }
}


.text3d-4.dark {

    color: #f5f5f5;
    text-shadow: 1px 1px 1px #919191,
        1px 2px 1px #919191,
        1px 3px 1px #919191,
        1px 4px 1px #919191,
        1px 5px 1px #919191,
        1px 6px 1px #919191,
        1px 7px 1px #919191,
        1px 8px 1px #919191,
        1px 9px 1px #919191,
        1px 10px 1px #919191,
    1px 18px 6px rgba(16,16,16,0.4),
    1px 22px 10px rgba(16,16,16,0.2),
    1px 25px 35px rgba(16,16,16,0.2),
    1px 30px 60px rgba(16,16,16,0.4);
}

/* Конец блока с 3D штуками дрюками */



.panel {
    background: none;
}

.panel-default>.panel-heading {
    background: none;
}

.heading.no-line h2::after {
    background: none;
}


.section .carousel-header {
    color: white;
    font-weight: bold;
    padding: 0;
}

.carousel-control.left,
.carousel-control.right {
background-image: none;
}

@media (max-width:767px){
    p.colleague-info {
        visibility: hidden;
    }
}

@media screen {
    .container.myInfoFirst {
        padding-top: 50px;
    }
}