

/* Start:/local/templates/cesolutions/components/bitrix/catalog.section/ces-services-list/style.css?151384851711080*/
#services-section-wrap .services-section-names, #services-section-wrap .services-section-desc {
    vertical-align: middle;
}

#services-section-wrap .services-section-names .services-section-names-item {
	font-family: 'OpenSansBold';
    text-transform: uppercase;
    margin-bottom: 40px;
    cursor: pointer;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

#services-section-wrap .services-section-names .services-section-names-item:hover, #services-section-wrap .services-section-names .services-section-names-item.active {
	color: #af1c1a;
}

@media screen and (min-width: 769px){
    #page-wrap #logo-wrap {
        width: 14.8%;
    }

    #page-wrap #top-menu-wrap {
        width: 72.3%;
    }

    #services-section-wrap .container {
        position: relative;
        z-index: 2;
    }

    #services-section-wrap {
        margin-bottom: 50px;
    }

    #services-section-wrap .services-section-names {
        opacity: 0;
        -webkit-transition-duration: 0.6s;
        -o-transition-duration: 0.6s;
        transition-duration: 0.6s;
        -webkit-transform: translateX(-20%);
        -ms-transform: translateX(-20%);
        -o-transform: translateX(-20%);
        transform: translateX(-20%);
    }

    .opened #services-section-wrap .services-section-names {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }

    #services-section-wrap .services-section-desc-body {
        -webkit-transition-duration: 0.6s;
        -o-transition-duration: 0.6s;
        transition-duration: 0.6s;
        height: 610px;
        position: relative;
        padding: 2px;
    }

    #services-section-wrap .services-section-desc-body-border-lt {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }

    #services-section-wrap .services-section-desc-body-border-lt:before, #services-section-wrap .services-section-desc-body-border-lt:after {
        content: " ";
        background: #ae1c19;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-transition-duration: 0.6s;
        -o-transition-duration: 0.6s;
        transition-duration: 0.6s;
    }

    #services-section-wrap .services-section-desc-body-border-lt:before {
        width: 2px;
        height: 0%;
    }

    .opened #services-section-wrap .services-section-desc-body-border-lt:before {
        height: 100%;
    }

    #services-section-wrap .services-section-desc-body-border-lt:after {
        width: 0%;
        height: 2px;
    }

    .opened #services-section-wrap .services-section-desc-body-border-lt:after {
        width: 100%;
    }

    #services-section-wrap .services-section-desc-body-border-rb:before, #services-section-wrap .services-section-desc-body-border-rb:after {
        content: " ";
        background: #ae1c19;
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
        -webkit-transition-duration: 0.6s;
        -o-transition-duration: 0.6s;
        transition-duration: 0.6s;
    }

    #services-section-wrap .services-section-desc-body-border-rb:before {
        width: 2px;
        height: 0%;
    }

    .opened #services-section-wrap .services-section-desc-body-border-rb:before {
        height: 100%;
    }

    #services-section-wrap .services-section-desc-body-border-rb:after {
        width: 0%;
        height: 2px;
    }

    .opened #services-section-wrap .services-section-desc-body-border-rb:after {
        width: 100%;
    }

    #services-section-wrap .services-section-desc .services-section-desc-item {
        padding: 0px 0px 180px;
        position: absolute;
        opacity: 0;
        -webkit-transition: all 0.6s 0.6s;
        -o-transition: all 0.6s 0.6s;
        transition: all 0.6s 0.6s;
        -webkit-transform: translateY(-5%);
        -ms-transform: translateY(-5%);
        -o-transform: translateY(-5%);
        transform: translateY(-5%);
    }

    .opened #services-section-wrap .services-section-desc .services-section-desc-item {
        opacity: 1;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
    }

    #services-section-wrap .services-section-desc .services-section-desc-item.active {
        z-index: 2;
    }

    #services-section-wrap .services-section-desc .services-section-desc-item-body {
        height: 610px;
        padding: 60px 35px 35px 70px;
        font-family: 'OpenSansLight';
        position: relative;
    }

    #services-section-wrap .services-section-desc-item .services-section-desc-item-num {
        font-size: 49px;
        color: #af1c1a;
        font-family: 'OpenSansBold';
        margin-bottom: 35px;
        visibility: hidden;
        -webkit-transition: all 0.6s;
        -o-transition: all 0.6s;
        transition: all 0.6s;
    }

    #services-section-wrap .services-section-desc-item.active .services-section-desc-item-num {
        visibility: visible;
        -webkit-transition: all 0.6s 0.6s;
        -o-transition: all 0.6s 0.6s;
        transition: all 0.6s 0.6s;
    }

    #services-section-wrap .services-section-desc-item .services-section-desc-item-name {
        font-size: 20px;
        font-family: 'OpenSansBold';
        max-width: 56%;
        margin-bottom: 10px;
        opacity: 0;
        -webkit-transition: all 0.6s;
        -o-transition: all 0.6s;
        transition: all 0.6s;
    }

    #services-section-wrap .services-section-desc-item.active .services-section-desc-item-name {
        opacity: 1;
        -webkit-transition: all 0.6s 0.6s;
        -o-transition: all 0.6s 0.6s;
        transition: all 0.6s 0.6s;
    }

    #services-section-wrap .services-section-desc-item .services-section-desc-item-text {
        max-width: 56%;
        margin-bottom: 65px;
        opacity: 0;
        -webkit-transition: all 0.6s;
        -o-transition: all 0.6s;
        transition: all 0.6s;
    }

    #services-section-wrap .services-section-desc-item.active .services-section-desc-item-text {
        opacity: 1;
        -webkit-transition: all 0.6s 0.6s;
        -o-transition: all 0.6s 0.6s;
        transition: all 0.6s 0.6s;
    }

    #services-section-wrap .services-section-desc-item .services-section-desc-item-href {
        display: inline-block;
        opacity: 0;
        -webkit-transition: all 0.6s;
        -o-transition: all 0.6s;
        transition: all 0.6s;
    }

    #services-section-wrap .services-section-desc-item .services-section-desc-item-href a {
        width: 180px;
        display: block;
    }

    #services-section-wrap .services-section-desc-item.active .services-section-desc-item-href {
        opacity: 1;
        -webkit-transition: all 0.6s 0.6s;
        -o-transition: all 0.6s 0.6s;
        transition: all 0.6s 0.6s;
    }

    #services-section-wrap .services-section-desc-item .services-section-desc-item-img {
        position: absolute;
        bottom: 40px;
        right: 35px;
        opacity: 0;
        -webkit-transition: all 0.6s;
        -o-transition: all 0.6s;
        transition: all 0.6s;
    }

    #services-section-wrap .services-section-desc-item.active .services-section-desc-item-img {
        opacity: 1;
        -webkit-transition: all 0.6s 0.6s;
        -o-transition: all 0.6s 0.6s;
        transition: all 0.6s 0.6s;
    }

    #services-section-wrap:after {
        content: " ";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        opacity: 0;
        background: url("/local/templates/cesolutions/components/bitrix/catalog.section/ces-services-list/images/det-img.jpg");
        -webkit-transition: all 0.6s;
        -o-transition: all 0.6s;
        transition: all 0.6s;
    }

    #services-section-wrap:after {
        opacity: 1;
    }

/*    #services-section-desc-item-img-148 {
        padding: 0px 0px 8px 0px;
    }

    #services-section-desc-item-img-10 {
        padding: 0px 3px 8px 0px;
    }*/

    #services-section-desc-item-img-11 {
        padding: 0px 22px 0px 0px;
    }

    #services-section-desc-item-img-150 {
        padding: 0px 13px 24px 0px;
    }
}

@media screen and (min-width: 1760px){
    #services-section-wrap .container {
        width: 1340px;
    }
}

@media screen and (max-width: 1200px){
    #services-section-wrap .services-section-desc-item .services-section-desc-item-img {
        width: 45%;
    }
}

@media screen and (max-width: 1024px){
    #services-section-wrap .services-section-desc-item .services-section-desc-item-img {
        width: 40%;
    }
}

@media screen and (max-width: 768px){
    #services-section-wrap .services-section-names {
        display: none;
    }

    #services-section-wrap .services-section-desc {
        padding: 5px 15px;
    }

    #services-section-wrap .services-section-desc .services-section-desc-item {
        border: 2px solid #ae1c19;
        padding: 10px 15px;
        margin-bottom: 5px;
        position: relative;
    }

    #services-section-wrap .services-section-desc-item .services-section-desc-item-name {
        width: 80%;
        font-size: 14px;
        font-family: 'OpenSansBold';
        text-transform: uppercase;
    }

    #services-section-wrap .services-section-desc-item .services-section-desc-item-num {
        display: none;
    }

    #services-section-wrap .services-section-desc-item .services-section-desc-item-text {
        font-family: 'OpenSansLight';
        font-size: 12px;
    }

    #services-section-wrap .services-section-desc-item .services-section-desc-item-href a {
        width: 145px;
        display: block;
        margin: 20px 0px 0px 5px;
        padding: 8px 0px 8px 0px;
        text-align: center;
    }

    #services-section-wrap .services-section-desc-item .services-section-desc-item-img {
        display: none;
    }

    .services-section-big-pic {
        display: none;
    }

    #services-section-wrap .accordion-block .accordion-dropdown {
        height: 0px;
        transition: all 0.6s 0s;
        overflow: hidden;
    }

    #services-section-wrap .accordion-block .accordion-dropdown-body {
        padding-top: 15px;
        margin: 0px 0px;
    }

    #services-section-wrap .accordion-block .accordion-btn {
        background: url('/local/templates/cesolutions/images/menu-open-bg.png') 0px 0px no-repeat;
        display: inline-block;
        width: 21px;
        height: 13px;
        position: absolute;
        right: 15px;
        top: 50%;
        margin-top: -6px;
        -webkit-transition: all 0.6s 0s;
        -o-transition: all 0.6s 0s;
        transition: all 0.6s 0s;
    }

    #services-section-wrap .accordion-block.active .accordion-btn {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        top: 100%;
        margin-top: -35px;
    }

}
/* End */


/* Start:/local/templates/cesolutions/components/bitrix/catalog.section/ces-services-list/svg-styles.css?14927805901648*/
.services-section-desc-item-img svg {

}

#servisnoe-obsluzhivanie-svg {
    width: 300px;
    height: 267px;
	margin: 0px 13px 22px 0px;
}

.services-section-desc-item-img svg g {
	stroke: #FFFFFF;
}

/*.services-section-desc-item #servisnoe-obsluzhivanie-one {
	opacity: 0;
	transition: all 0.6s 0s;
}

.services-section-desc-item.active #servisnoe-obsluzhivanie-one {
	opacity: 1;
	transition: all 0.6s 2.2s;
}*/

.services-section-desc-item #servisnoe-obsluzhivanie-one path {
    transition: all 0.6s;
    opacity: 0;
}

.services-section-desc-item #servisnoe-obsluzhivanie-one path:nth-child(1){
    transform: translate(-20px, 20px);
}

.services-section-desc-item #servisnoe-obsluzhivanie-one path:nth-child(2){
    transform: translate(20px, 20px);
}

.services-section-desc-item.active #servisnoe-obsluzhivanie-one path {
    transition: all 0.6s 2.2s;
    transform: translate(0px, 0px);
    opacity: 1;
}

.services-section-desc-item.active #servisnoe-obsluzhivanie-second path:nth-child(3) {
    animation: dash 2s forwards 1.2s;
}

.services-section-desc-item.active #servisnoe-obsluzhivanie-second path:nth-child(1) {
    animation: dash 2s forwards 1.8s;
}

.services-section-desc-item.active #servisnoe-obsluzhivanie-second path:nth-child(2) {
    animation: dash 2s forwards 1.8s;
}

.services-section-desc-item.active #servisnoe-obsluzhivanie-second path:nth-child(4) {
    animation: dash 2s forwards 1.8s;
}

		@keyframes dash {
		  80% { 
		    stroke-dashoffset: 0; 
		  }
		  100% { 
		    stroke-dashoffset: 0; 
/*		    fill: rgb(37, 134, 198);*/
		  }
		}
/* End */
/* /local/templates/cesolutions/components/bitrix/catalog.section/ces-services-list/style.css?151384851711080 */
/* /local/templates/cesolutions/components/bitrix/catalog.section/ces-services-list/svg-styles.css?14927805901648 */
