/*! lightslider - v1.1.3 - 2015-04-14
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */
.lSSlideWrapper,
.lSSlideWrapper .lSFade {
    position: relative
}

.lSSlideWrapper .lSSlide,
.lSSlideWrapper.usingCss .lSFade>* {
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important
}

.lSSlideOuter,
.lSSlideOuter .lSPager.lSGallery {
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none
}

.lSSlideOuter .lSPager.lSGallery:after,
.lSSlideWrapper>.lightSlider:after {
    clear: both
}

.lSSlideOuter {
    overflow: hidden;
    user-select: none
}

.lightSlider:after,
.lightSlider:before {
    content: " ";
    display: table
}

.lightSlider {
    overflow: hidden;
    margin: 0
}

.lSSlideWrapper {
    max-width: 100%;
    overflow: hidden;
    width: calc(100% - 350px);
}

.lSSlideWrapper .lSSlide {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: all 1s;
    -webkit-transition-property: -webkit-transform, height;
    -moz-transition-property: -moz-transform, height;
    transition-property: transform, height
}

.lSSlideWrapper .lSFade>* {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 9;
    margin-right: 0;
    width: 100%
}

.lSSlideWrapper.usingCss .lSFade>* {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.lSSlideWrapper .lSFade>.active {
    z-index: 10
}

.lSSlideWrapper.usingCss .lSFade>.active {
    opacity: 1
}

.lSSlideOuter .lSPager.lSpg {
    margin: 10px 0 0;
    padding: 0;
    text-align: center
}

.lSSlideOuter .lSPager.lSpg>li {
    cursor: pointer;
    display: inline-block;
    padding: 0 5px
}

.lSSlideOuter .lSPager.lSpg>li a {
    background-color: #222;
    border-radius: 30px;
    display: inline-block;
    height: 8px;
    overflow: hidden;
    text-indent: -999em;
    width: 8px;
    position: relative;
    z-index: 99;
    -webkit-transition: all .5s linear 0s;
    transition: all .5s linear 0s
}

.lSSlideOuter .lSPager.lSpg>li.active a,
.lSSlideOuter .lSPager.lSpg>li:hover a {
    background-color: #428bca
}

.lSSlideOuter .media {
    opacity: .8
}

.lSSlideOuter .media.active {
    opacity: 1
}

.lSSlideOuter .lSPager.lSGallery {
    list-style: none;
    padding-left: 0;
    margin: 0;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    user-select: none;
    width:100% !important;
}

.lSSlideOuter .lSPager.lSGallery li {
    overflow: hidden;
    -webkit-transition: border-radius .12s linear 0s .35s linear 0s;
    transition: border-radius .12s linear 0s .35s linear 0s;
    border: 2px solid #004464;
    width:160px !important;
}
.lSSlideOuter .lSPager.lSGallery li {
    border: 2px solid #fff;
}

.lSSlideOuter .lSPager.lSGallery li.active,
.lSSlideOuter .lSPager.lSGallery li:hover {
    border-radius: 3px;
    border: 2px solid #c30b54;
}

.lSSlideOuter .lSPager.lSGallery img {
    display: block;
    height: auto;
    max-width: 100%;
    margin-bottom:0;
}

.lSSlideOuter .lSPager.lSGallery:after,
.lSSlideOuter .lSPager.lSGallery:before {
    content: " ";
    display: table
}

.lSAction>a {
    width: 32px;
    display: block;
    top: 50%;
    height: 32px;
    background-image: url(../img/controls.png);
    cursor: pointer;
    position: absolute;
    z-index: 99;
    margin-top: -16px;
    opacity: .5;
    -webkit-transition: opacity .35s linear 0s;
    transition: opacity .35s linear 0s
}

.lSAction>a:hover {
    opacity: 1
}

.lSAction>.lSPrev {
    background-position: 0 0;
    left: 10px
}

.lSAction>.lSNext {
    background-position: -32px 0;
    right: 10px
}

.lSAction>a.disabled {
    pointer-events: none
}

.cS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden
}

.lSSlideOuter.vertical {
    position: relative
}

.lSSlideOuter.vertical.noPager {
    padding-right: 0 !important
}

.lSSlideOuter.vertical .lSGallery {
    position: absolute !important;
    right: 0;
    top: 0
}

.lSSlideOuter.vertical .lightSlider>* {
    width: 100% !important;
    max-width: none !important
}

.lSSlideOuter.vertical .lSAction>a {
    left: 50%;
    margin-left: -14px;
    margin-top: 0
}

.lSSlideOuter.vertical .lSAction>.lSNext {
    background-position: 31px -31px;
    bottom: 10px;
    top: auto
}

.lSSlideOuter.vertical .lSAction>.lSPrev {
    background-position: 0 -31px;
    bottom: auto;
    top: 10px
}

.lSSlideOuter.lSrtl {
    direction: rtl
}

.lSSlideOuter .lSPager,
.lSSlideOuter .lightSlider {
    padding-left: 0;
    list-style: none
}

.lSSlideOuter.lSrtl .lSPager,
.lSSlideOuter.lSrtl .lightSlider {
    padding-right: 0
}

.lSSlideOuter .lSGallery li,
.lSSlideOuter .lightSlider>* {
    float: left
}

.lSSlideOuter.lSrtl .lSGallery li,
.lSSlideOuter.lSrtl .lightSlider>* {
    float: right !important
}

@-webkit-keyframes rightEnd {

    0%,
    100% {
        left: 0
    }

    50% {
        left: -15px
    }
}

@keyframes rightEnd {

    0%,
    100% {
        left: 0
    }

    50% {
        left: -15px
    }
}

@-webkit-keyframes topEnd {

    0%,
    100% {
        top: 0
    }

    50% {
        top: -15px
    }
}

@keyframes topEnd {

    0%,
    100% {
        top: 0
    }

    50% {
        top: -15px
    }
}

@-webkit-keyframes leftEnd {

    0%,
    100% {
        left: 0
    }

    50% {
        left: 15px
    }
}

@keyframes leftEnd {

    0%,
    100% {
        left: 0
    }

    50% {
        left: 15px
    }
}

@-webkit-keyframes bottomEnd {

    0%,
    100% {
        bottom: 0
    }

    50% {
        bottom: -15px
    }
}

@keyframes bottomEnd {

    0%,
    100% {
        bottom: 0
    }

    50% {
        bottom: -15px
    }
}

.lSSlideOuter .rightEnd {
    -webkit-animation: rightEnd .3s;
    animation: rightEnd .3s;
    position: relative
}

.lSSlideOuter .leftEnd {
    -webkit-animation: leftEnd .3s;
    animation: leftEnd .3s;
    position: relative
}

.lSSlideOuter.vertical .rightEnd {
    -webkit-animation: topEnd .3s;
    animation: topEnd .3s;
    position: relative
}

.lSSlideOuter.vertical .leftEnd {
    -webkit-animation: bottomEnd .3s;
    animation: bottomEnd .3s;
    position: relative
}

.lSSlideOuter.lSrtl .rightEnd {
    -webkit-animation: leftEnd .3s;
    animation: leftEnd .3s;
    position: relative
}

.lSSlideOuter.lSrtl .leftEnd {
    -webkit-animation: rightEnd .3s;
    animation: rightEnd .3s;
    position: relative
}

.lightSlider.lsGrab>* {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.lightSlider.lsGrabbing>* {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}
.rightBlock{
    position:absolute;
    right:0;
    top:20px;
    width:280px;
}
.rightBlock .hc_btn {
    display: inline-block;
    text-decoration: none;
    color: #fff;
    font-size: 17px;
    padding: 15px 20px;
    box-sizing: border-box;
    line-height: 1.4em;
    background: #c30b54;
    text-align: center;
    border-radius: 3px;
    transition: .3s;
    width:100%;
    margin:15px;
}
.rightBlock .hc_actions{
    flex-direction:column;
}
.rightBlock .hc_desc{
    color:#222221;
}
.rightBlock .hc_item{
    margin-right:0;
    margin-bottom:15px;
    margin-left: -5px;

}
.rightBlock .hc_desc span{
    color:#00a900;
}
.rightBlock .hc_icon.icon_ru {
    background: url('../img/icon_ru_new.png') 50% no-repeat;
}
.rightBlock .hc_icon.icon_tl {
    background: url('../img/icon_tl_new.png') 50% no-repeat;
}
.rightBlock .hc_icon.icon_gu {
    background: url('../img/icon_gu_new.png') 50% no-repeat;
}
.hc_btn.hc_btn_hollow {
    background: #ffffff;
    color: #d20f61;
    border: 1px solid rgb(210, 15, 97);
}
@media (max-width: 1024px) {
    .rightBlock .hc_item{
        margin-right:0;
        margin-bottom:5px;
        margin-left: -5px;
    
    }
    .rightBlock .hc_btn {
        margin: 10px;
    }
}
@media (max-width: 920px) {
    .rightBlock {
         position: static;
        right: 0;
        top: 20px;
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        flex-direction: row;
    }
    .lSSlideWrapper {
        max-width: 100%;
        overflow: hidden;
        width: 100%;
    }
    .lSSlideOuter .lSPager.lSGallery li{
        width:100px !important;
    }
    .rightBlock .hc_item{
        width: auto;
    }
    .rightBlock .hc_btn{
        max-width:320px;
    }
}
@media (max-width: 580px) {
    .rightBlock .hc_desc span{
        font-size: 16px;
    }
    .rightBlock {
        /* flex-direction:column; */
    }
    .rightBlock .hc_item {
        /* left: 50%; */
        position: relative;
        /* transform: translateX(-20%); */
    }
}



@media (max-width:800px) {
	
	.head_phone a {
		font-size: 15px;
	}
	.p-sol h1 {text-align: center;font-size: 20px;}

.rightBlock .hc_item {width: 35%;display: inline-block;vertical-align: top;left: auto;right: auto;margin: 0;transform: none;text-align: center;align-items: center;justify-content: center;display: flex;}

.rightBlock .hc_desc {font-size: 12px;}

.rightBlock .hc_item:nth-child(3) {width: 30%;}

.hc_actions {margin: 20px 0;}
}