.sliderC3 {
        width: 1160px;
        height: 700px;
        margin: 0 auto;
        text-align: center;
        border: 2px solid #fff;
        border-radius: 5px;
        position: relative;
        text-align: center;
        overflow: hidden;
    }

   .sliderC3 img { width: 1153px }

    .sliderC3 > input {
        display: none;
    }

    .sliderC3 > input + label {
        width: 10px;
        height: 10px;
        border-radius: 8px;
        background: rgba(90, 90, 90, 0.5);
        border: 2px solid rgba(190, 190, 190, 1);

        cursor: pointer;

        z-index: 100;
        position: relative;

        display: inline-block;
        margin-right: 4px;
        top: 95%;

        transition: border 0.8s ease-out 0s;
    }

    .sliderC3 > input + label:after {
        content: ' ';
        display: block;
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        border-radius: 8px;
        border: 2px solid rgba(90, 90, 90, 0.8);
        background: rgba(230, 230, 230, 1);
        opacity: 0;
        transition: opacity 0.8s ease-out 0s;
    }

    .sliderC3 > input + label:hover,
    .sliderC3 > input:checked + label {
        border: 2px solid rgba(230, 230, 230, 1);
    }

    .sliderC3 > input:checked + label:after {
        opacity: 1;
    }

    .sliderC3 > input + label + label,
    .sliderC3 > input + label + label + label {
        display: none;
    }


    .sliderC3 > input:checked + label + label,
    .sliderC3 > input:checked + label + label + label {
        display: block;
        width: 50px;
        height: 50px;

        opacity: 0.4;
        transition: opacity 0.8s ease-out 0s;

        cursor: pointer;

        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 100;
    }

    .sliderC3 > input:checked + label + label:hover,
    .sliderC3 > input:checked + label + label + label:hover {
        opacity: 0.6;
    }

    .sliderC3 > input:checked + label + label {
        left: 0px;
        background: url('../img/prev.png')
    }

    .sliderC3 > input:checked + label + label + label {
        right: 0px;
        background: url('../img/next.png')
    }

    .sliderC3 > div {
        position: absolute;
        top: 0px;
        left: 0px;
        bottom: 0px;
        z-index: 0;
        width: 1000%;
        text-align: left;
        transition: left 800ms cubic-bezier(0.77, 0, 0.175, 1) 0s;
    }

    .sliderC3 > input:nth-of-type(2):checked ~ div { left: -100%; }
    .sliderC3 > input:nth-of-type(3):checked ~ div { left: -200%; }
    .sliderC3 > input:nth-of-type(4):checked ~ div { left: -300%; }
    .sliderC3 > input:nth-of-type(5):checked ~ div { left: -400%; }
    .sliderC3 > input:nth-of-type(6):checked ~ div { left: -500%; }
    .sliderC3 > input:nth-of-type(7):checked ~ div { left: -600%; }
    .sliderC3 > input:nth-of-type(8):checked ~ div { left: -700%; }
    .sliderC3 > input:nth-of-type(9):checked ~ div { left: -800%; }
    .sliderC3 > input:nth-of-type(10):checked ~ div { left: -900%; }

    .sliderC3 > div > div {
        display: inline-block;
        position: relative;
    }

    .sliderC3 > div > div > p {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        text-align: center;
        color: #fff;
        text-shadow: 1px 1px 2px #000;
    }
@media (max-width: 1200px){
  .sliderC3 { width: 950px; height: 573px }
  .sliderC3 img { width: 943px; height: 573px }
}
@media screen and (max-width: 980px) {
  .sliderC3 { width: 940px; height: 567px }
  .sliderC3 img { width: 933px; height: 567px }
}
@media (max-width: 970px){
  .sliderC3 { width: 600px; height: 362px }
  .sliderC3 img { width: 593px; height: 362px }
}
@media (max-width: 620px){
  .sliderC3 { width: 550px; height: 332px }
  .sliderC3 img { width: 543px; height: 332px }
}
@media (max-width: 500px){
  .sliderC3 { width: 460px; height: 302px }
  .sliderC3 img { width: 453px; height: 302px }
}
@media (max-width: 450px){
  .sliderC3 { width: 390px; height: 230px }
  .sliderC3 img { width: 383px; height: 230px }
}
@media (max-width: 365px){
  .sliderC3 { width: 325px; height: 176px }
  .sliderC3 img { width: 320px; height: 176px }
}
@media (max-width: 320px){
  .sliderC3 { width: 290px; height: 185px }
  .sliderC3 img { width: 280px; height: 185px }
}