@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap");*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}a{text-decoration:none}ul{list-style-type:none;padding-left:0}body{font-family:"Montserrat";background-color:#fff;font-weight:500;font-style:normal;line-height:normal;color:#162C5D}input:focus::-webkit-input-placeholder{color:transparent}.content{ margin-left:300px; padding:0 0 10px 0;position:relative;z-index:5;-webkit-transition:margin 0.55s cubic-bezier(0.77, 0, 0.175, 1);transition:margin 0.55s cubic-bezier(0.77, 0, 0.175, 1);max-width:100%;overflow-x:hidden;background-color:#fff;min-height:100vh;background:url("../images/Sandwich/cont.png") no-repeat;background-position-y:904px}.content--back{background:url("../images/Sandwich/botpic.png") no-repeat;background-position:bottom}.head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;background:url("../images/Sandwich/bg.png") no-repeat;background-size:cover;position:relative;margin-bottom:94px}.head::after{position:absolute;z-index:0;content:'';left:0;top:0;width:100%;height:100%;background:-webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5)));background:linear-gradient(0deg, rgba(0,0,0,0.5), rgba(0,0,0,0.5));-webkit-transform:matrix(-1, 0, 0, 1, 0, 0);transform:matrix(-1, 0, 0, 1, 0, 0)}.head__cont{margin:auto}.title{font-size:48px;line-height:72px;margin-bottom:45px;font-weight:bold;color:#FFFFFF;position:relative;z-index:1;width:69%}.list{padding-bottom:60px}.list__li{margin-bottom:20px;font-size:18px;line-height:22px;padding-left:16px;color:#FFFFFF;position:relative;z-index:1}.list__li::before{margin-top:9px;content:'';position:absolute;top:0;left:0;width:6px;height:6px;border-radius:50px;background-color:#fff}.list__li--font{font-size:larger}.list__li--font::before{content:none}.list__li:last-child{margin-bottom:0}.link{padding-left:65px;padding-right:65px;padding-top:15px;padding-bottom:15px;color:#123C24;background-color:#fff;border:1px solid #fff;position:relative;z-index:1;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.link:hover{background-color:transparent;color:#fff;border-color:#fff}.item{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:60px}.item:nth-child(2n){-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.item:nth-child(2n) .item__img{margin-right:0}.item:nth-child(2n) .item__img img{bottom:0;left:0;top:auto;right:auto;height:97%;-o-object-fit:cover;object-fit:cover}.item:nth-child(2n) .item__img::after{bottom:auto;left:auto;top:0;right:0}.item__container{width:48%}.item__img{width:48%;margin-right:4%;position:relative}.item__img img{width:97%;position:absolute;top:0;right:0;height:97%;-o-object-fit:cover;object-fit:cover}.item__img::after{content:"";position:absolute;left:0;bottom:0;width:96%;height:96%;border:2px solid #ddd;z-index:-1}.item__title{font-size:18px;line-height:20px;padding-bottom:15px;margin-bottom:30px;font-weight:600;position:relative}.item__title::after{width:100px;content:'';display:block;position:absolute;bottom:0;left:0;height:2px;background-color:#162C5D}.item__text{font-size:14px;line-height:21px;margin-bottom:25px}.board{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;background:#FFFFFF;padding-top:40px;padding-left:30px;padding-right:30px;-webkit-box-shadow:0px 7px 15px rgba(0,0,0,0.15);box-shadow:0px 7px 15px rgba(0,0,0,0.15);margin-bottom:95px}.board__item{width:24%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-right:1%;margin-bottom:40px}.board__item:nth-child(4n){margin-right:0}.board__pic{width:40px;height:40px;font-size:40px;margin-bottom:15px}.board__title{text-align:center}.board::after{content:"";position:absolute;width:100%;height:100%;top:15px;right:15px;border:2px solid #DDDDDD;z-index:-1}.tab{margin-bottom:80px}.tab__block:last-of-type{border-bottom:1px solid #162C5D}.tab__link{cursor:pointer;font-size:16px;line-height:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:15px;padding-bottom:15px;border-top:1px solid #162C5D}.tab__content{display:none;padding-bottom:15px;font-size:14px;line-height:17px;color:#333333}.icon-x{-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;font-size:24px;color:#8B96AE}.open .icon-x{-webkit-transform:rotate(0deg);transform:rotate(0deg);color:#162C5D}.card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:80px}.card__item{width:370px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:30px;background:#FFFFFF;-webkit-box-shadow:0px 7px 15px rgba(0,0,0,0.15);box-shadow:0px 7px 15px rgba(0,0,0,0.15)}.card__item:first-child{width:361px;min-width:250px;position:relative;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.card__item:first-child::after{position:absolute;display:block;content:"";left:15px;top:15px;width:100%;height:100%;border:2px solid #CCCCCC;z-index:-1}.card__item:first-child .card__arrow{position:absolute;right:-100%;bottom:50%}.card__title{font-weight:600;font-size:18px;line-height:27px;padding-bottom:15px;position:relative}.card__title::after{content:"";position:absolute;display:block;bottom:0;left:0;width:100px;height:2px;background-color:#162C5D}.card__text{margin-top:25px;font-size:14px;line-height:21px;color:#333333}.card__arrow{width:auto;margin-left:20px;margin-right:20px;display:-webkit-box;display:-ms-flexbox;display:flex}.card__arrow-img{width:100%;margin-bottom:85px}.card__input{border:1px solid #DDDDDD;padding:15px;margin-bottom:20px;opacity:1}.card__input::-webkit-input-placeholder{color:#999}.card__input:-ms-input-placeholder{color:#999}.card__input::-ms-input-placeholder{color:#999}.card__input::placeholder{color:#999}.card__input:focus{border-color:#999}.card__label{font-size:16px;line-height:21px;color:#333333;margin-bottom:10px}.card__btn{font-size:16px;line-height:20px;color:#162C5D;border:1px solid #162C5D;padding:15px;opacity:.5;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;cursor:pointer;margin-bottom:20px}.card__btn:hover{opacity:1}.card__agree{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}.card__agree-label{position:relative;padding-left:50px;font-size:12px;line-height:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:#333333}.card__agree-label::before{content:"";position:absolute;width:30px;height:30px;border:1px solid #162C5D;top:0;left:0}.card__agree-label a{color:#162C5D}.card__check{position:absolute;z-index:9;opacity:0;width:30px;height:30px;cursor:pointer}.card__check:checked ~ .card__agree-label::before{content: "";background-image:url(../images/Sandwich/icon/check.svg)}.card .active{color:#fff;background-color:#162C5D}@media screen and (min-width: 320px){.head{padding:15px;min-height:100vh}.content{margin-left:0px}.main{margin:auto;padding-right:15px;padding-left:15px}.item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.item__img{width:100%;margin-right:0;margin-bottom:20px}.item__container{width:100%}.title{font-size:37px;line-height:50px;width:100%}.board{padding-top:15px;padding-left:15px;padding-right:15px}.board__item{width:50%;margin-right:0}.board__title{font-size:12px}.card{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.card__item{width:290px;margin-bottom:30px}.card__arrow{display:none}}@media screen and (min-width: 640px){.card{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.card__arrow{display:-webkit-box;display:-ms-flexbox;display:flex}.board__item{width:24%;margin:auto;margin-bottom:40px}}@media screen and (min-width: 768px){.main{margin:auto;width:750px}.item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:60px}.item:nth-child(2n){-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.item:nth-child(2n) .item__img{margin-right:0}.item:nth-child(2n) .item__img img{bottom:0;left:0;top:auto;right:auto;height:97%;-o-object-fit:cover;object-fit:cover}.item:nth-child(2n) .item__img::after{bottom:auto;left:auto;top:0;right:0}.item__container{width:48%}.item__img{width:48%;height:100%;margin-right:4%;position:relative}.item__img img{width:97%;position:absolute;top:0;right:0;height:97%;-o-object-fit:cover;object-fit:cover}.item__img::after{content:"";position:absolute;left:0;bottom:0;width:96%;height:96%;border:2px solid #ddd;z-index:-1}.item__title{font-size:18px;line-height:20px;padding-bottom:15px;margin-bottom:30px;font-weight:600;position:relative}.item__title::after{width:100px;content:'';display:block;position:absolute;bottom:0;left:0;height:2px;background-color:#162C5D}.item__text{font-size:14px;line-height:21px;margin-bottom:25px}}@media screen and (min-width: 1024px){.content{margin-left:90px}.head{padding-left:15px}.title{width:69%}.main{width:auto;margin-left:7%;margin-right:19%}.main--margin{margin-left:4%;margin-right:23%}}@media screen and (min-width: 1260px){.head{min-height:650px;padding:75px;padding-bottom:120px}.content{margin-left:150px}.title{font-size:48px;line-height:72px}} 
@media screen and (min-width: 1020px) {
    .content {
        margin-left: 40px;
    }
}
@media screen and (min-width: 1260px) {
    .content {
        margin-left: 150px;
    }
}
.wrapper__sand {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #d5d5d5;
    display: flex;
    justify-content: center;
    align-items: center;
}

.card__img {
    background-size: cover;
    width: 100%;
    height: 100%;
    position: relative;
    perspective: 1000px;
    border: 1px solid #fff;
}

.card__img-front, .card__img-back {
    background-size:cover;
    position: absolute;
    width: 100%;
    height: 270px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 1s;
    backface-visibility: hidden;
    background-color: #fff;
}

    .card__img-front img {
        width: 100%;
        height: auto;
    }
    .card__img-back img {
        width: 100%;
        height: auto;
    }
.card__img-back {
    transform: rotateY(180deg);
}

.card__img:hover .card__img-front {
    transform: rotateY(180deg);
}

.card__img:hover .card__img-back {
    transform: rotateY(360deg);
}
/*# sourceMappingURL=style.css.map */