*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}

[tabindex="-1"]:focus {
  outline: 0 !important;
}

figure{
    margin: 0;
}

.wrapper{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 45px solid #C56C35;
}


.wrapper__slider,
.wrapper__content{
    position: relative;
    display: flex;
    -webkit-box-flex: 0;
}

.wrapper__slider{
    -webkit-flex: 0 0 55%;
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
    max-width: 55%;
    order: 1;
}

.wrapper__content{
    -webkit-flex: 0 0 45%;
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    max-width: 45%;
    text-align: center;
    border-bottom: 28px solid #868686;
    align-items: center;
    justify-content: center;
    order: 2;
}

.wrapper__content{
    padding: 60px 15px;
}

.logo{
    display: block;
    width: 260px;
    margin: 0 auto 50px;
}

.social-media{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.social-media li{
    padding: 10px;
}

.social-media li.break{
    width: 100%;
    padding: 0;
}

.social-media li a{
    display: block;
    position: relative;
    width: 80px;
    height: 80px;
    background-color: #868686;
    border-radius: 50rem;
    text-align: center;
    padding: 5px;
    transition: .4s;
}

.social-media li a:hover{
    background-color: #575252;;
}

.social-media li a img,
.social-media li a svg{
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 48px;
}

.webdoor{
    position: relative;
    width: 100%;
    height: calc(100vh - 45px);
}

.webdoor img{
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.swiper {
    width: 100%;
    height: 100%;
}

@media (max-width: 992px){
    .wrapper__slider,
    .wrapper__content{
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        order: 0;
    }

    .webdoor{
        height: auto;
    }

    .webdoor img{
        position: relative;
        height: auto;
    }

    .wrapper{
        border-top: 30px solid #C56C35;
        border-bottom: 0;
    }

    .wrapper__content{
        border-bottom-width: 15px;
    }

    .social-media li a{
        width: 70px;
        height: 70px;
    }
}