/* START FOR ABOUT US PAGE */
/*START FOR FONT FACE*/
@font-face {
    font-family: 'BrittanySignature';
    src: url('../fonts/BrittanySignature.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/BrittanySignature.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/BrittanySignature.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/BrittanySignature.woff') format('woff'),
        /* Pretty Modern Browsers */
        url('../fonts/BrittanySignature.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/BrittanySignature.svg#svgFontName') format('svg');
    /* Legacy iOS */
}

/*END FOR FONT FACE*/


/*START FOR BODY*/
body {
    font-family: 'Raleway', sans-serif;
    overflow-x: hidden;
}

/*END FOR BODY*/

.orderplaced_block {

    padding: 150px 0 50px;
}

.orderplaced_block .inner_orderplaced .orderplaced_left .title_block {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0 0 30px;
}

.orderplaced_block .inner_orderplaced .orderplaced_left .title_block .icon {
    margin-right: 20px;
}

.orderplaced_block .inner_orderplaced .orderplaced_left .title_block .caption .txt_order {
    color: #171313;
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 3px;
}

.orderplaced_block .inner_orderplaced .orderplaced_left .title_block .caption .subtitle {
    color: #171313;
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    line-height: 30px;
}

.orderplaced_block .inner_orderplaced .orderplaced_left .map_block {
    border: 1px solid #CCCCCC;
    border-radius: 10px;
    margin: 0 0 20px;
}

.orderplaced_block .inner_orderplaced .orderplaced_left .map_block .map_content {
    padding: 20px;
}

.orderplaced_block .inner_orderplaced .orderplaced_left .map_block .map_content .subtitle {
    font-size: 16px;
    font-weight: 700;
    color: #171313;
    line-height: 19px;
    margin: 0 0 10px;
}

.orderplaced_block .inner_orderplaced .orderplaced_left .map_block .map_content .desc {
    font-size: 14px;
    font-weight: 500;
    color: #171313;
    margin: 0;
    line-height: 16px;
}

.orderplaced_block .inner_orderplaced .orderplaced_left .custom_inform_block {
    margin: 0 0 20px;
    border: 1px solid #CCCCCC;
    border-radius: 10px;
    padding: 30px 20px 20px;
}

.orderplaced_block .inner_orderplaced .orderplaced_left .custom_inform_block .maintitle {
    color: #171313;
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 20px;
    line-height: 24px;
}

.orderplaced_block .inner_orderplaced .orderplaced_left .custom_inform_block .inner_custom_inform .list_inform {
    margin: 0;
}

.orderplaced_block .inner_orderplaced .orderplaced_left .custom_inform_block .inner_custom_inform .list_inform li:not(:last-child) {
    margin: 0 0 15px;
}

.orderplaced_block .inner_orderplaced .orderplaced_left .custom_inform_block .inner_custom_inform .list_inform li .txt_bold {
    font-weight: 700;
    color: #171313;
    font-size: 16px;
    line-height: 19px;
    margin: 0 0 20px;
    display: block;
}

.orderplaced_block .inner_orderplaced .orderplaced_left .custom_inform_block .inner_custom_inform .list_inform li .txt_normal,
.orderplaced_block .inner_orderplaced .orderplaced_left .custom_inform_block .inner_custom_inform .list_inform li .txt_cap {
    font-size: 16px;
    font-weight: 500;
    color: #171313;
    line-height: 19px;
    display: block;
}

.orderplaced_block .inner_orderplaced .orderplaced_left .custom_inform_block .inner_custom_inform .list_inform li .icon_caption {
    display: flex;
    align-items: center;
}

.orderplaced_block .inner_orderplaced .orderplaced_left .custom_inform_block .inner_custom_inform .list_inform li .icon_caption .img_payment {
    margin-right: 5px;
}

.orderplaced_block .inner_orderplaced .orderplaced_left .need_shop_block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.orderplaced_block .inner_orderplaced .orderplaced_left .need_shop_block .desc {
    font-size: 14px;
    color: #171313;
    line-height: 16px;
    margin: 0;
}

.orderplaced_block .inner_orderplaced .orderplaced_left .need_shop_block .desc .link {
    color: #027D3E;
    font-weight: 700;
    text-decoration: none;
}

.orderplaced_block .inner_orderplaced .orderplaced_left .need_shop_block .btn_cs {
    background: transparent linear-gradient(80deg, #027D3E 0%, #029148 100%) 0% 0% no-repeat padding-box;
    max-width: 228px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    border-radius: 25px;
}

.orderplaced_block .inner_orderplaced .orderplaced_right {
    background-color: #EFEFEF;
    border-radius: 20px;
    padding: 50px;
}

.orderplaced_block .inner_orderplaced .orderplaced_right .list_item {
    margin: 0;
}

.orderplaced_block .inner_orderplaced .orderplaced_right .list_item>li:not(:last-child) {
    margin: 0 0 30px;
    padding: 0 0 30px;
    border-bottom: 1px solid rgba(23, 19, 19, .2);
}

.orderplaced_block .inner_orderplaced .orderplaced_right .list_item li .thumb_value_block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.orderplaced_block .inner_orderplaced .orderplaced_right .list_item>li .thumb_value_block .thumb_val_box {
    display: inline-block;
    float: left;
    align-items: center;
    justify-content: center;
}

.orderplaced_block .inner_orderplaced .orderplaced_right .list_item li .thumb_value_block .thumb_val_box .thumb {
    position: relative;
    width: 70px;
    height: 70px;
    margin-right: 20px;
    background-color: #fff;
    border-radius: 6px;
    float: left;
    display: inline-block;
}

.orderplaced_block .inner_orderplaced .orderplaced_right .list_item li .thumb_value_block .thumb_val_box .thumb img_fit {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 1px solid #cfcfcf;
    border-radius: 6px;
}

.orderplaced_block .inner_orderplaced .orderplaced_right .list_item>li .thumb_value_block .thumb_val_box .thumb .txt_num {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #8B8B8B;
    border-radius: 50%;
    font-size: 14px;
    font-weight: 700;
}

.orderplaced_block .inner_orderplaced .orderplaced_right .list_item li .thumb_value_block .thumb_val_box .subtitle {
    font-size: 16px;
    font-weight: 700;
    color: #171313;
    line-height: 19px;
    margin: 0;
    width: calc(100% - 90px);
    display: inline-block;
}

.orderplaced_block .inner_orderplaced .orderplaced_right .list_item li .thumb_value_block .txt_val {
    font-size: 16px;
    font-weight: 700;
    color: #171313;
    line-height: 19px;
    margin: 0;
    display: block;
}

.orderplaced_block .inner_orderplaced .orderplaced_right .list_item li .value_block .list_val {
    margin: 0;
}

.orderplaced_block .inner_orderplaced .orderplaced_right .list_item li .value_block .list_val li {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.orderplaced_block .inner_orderplaced .orderplaced_right .list_item li .value_block .list_val li .txt_word,
.orderplaced_block .inner_orderplaced .orderplaced_right .list_item li .value_block .list_val li .txt_val {
    font-size: 16px;
    font-weight: 500;
    color: #171313;
    display: block;
    line-height: 19px;
}

.orderplaced_block .inner_orderplaced .orderplaced_right .list_item li .value_block .list_val li:not(:last-child) {
    margin: 0 0 20px;
}

.orderplaced_block .inner_orderplaced .orderplaced_right .list_item li .total_block .list_tot {
    margin: 0;
}

.orderplaced_block .inner_orderplaced .orderplaced_right .list_item li .total_block .list_tot li:not(:last-child) {
    margin: 0 0 10px;
}

.orderplaced_block .inner_orderplaced .orderplaced_right .list_item li .total_block .list_tot li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%:
}

.orderplaced_block .inner_orderplaced .orderplaced_right .list_item li .total_block .list_tot li .txt_word {
    font-size: 14px;
    font-weight: 500;
    color: #171313;
}

.orderplaced_block .inner_orderplaced .orderplaced_right .list_item li .total_block .list_tot li .txt_word.txt_big_size {
    font-size: 20px;
}

.orderplaced_block .inner_orderplaced .orderplaced_right .list_item li .total_block .list_tot li .txt_val {
    font-size: 20px;
    font-weight: 700;
    color: #171313;
}

/*MEDIA QUERIES*/
/*991*/
@media (max-width:991px) {
    .orderplaced_block .inner_orderplaced .orderplaced_left .custom_inform_block .inner_custom_inform .list_inform {
        margin: 0 0 20px;
    }

    .orderplaced_block .inner_orderplaced .orderplaced_right {
        padding: 20px;
    }

    .orderplaced_block .inner_orderplaced .orderplaced_left .custom_inform_block .inner_custom_inform .list_inform li .txt_bold,
    .orderplaced_block .inner_orderplaced .orderplaced_left .custom_inform_block .inner_custom_inform .list_inform li .txt_normal,
    .orderplaced_block .inner_orderplaced .orderplaced_left .custom_inform_block .inner_custom_inform .list_inform li .txt_cap,
    .orderplaced_block .inner_orderplaced .orderplaced_right .list_item li .value_block .list_val li .txt_word,
    .orderplaced_block .inner_orderplaced .orderplaced_right .list_item li .value_block .list_val li .txt_val {
        font-size: 14px;
        margin: 0 0 5px;
    }
}

.orderplaced_block .inner_orderplaced .orderplaced_left .custom_inform_block .inner_custom_inform .list_inform li:not(:last-child) {
    margin: 0 0 30px;
}

.orderplaced_block .inner_orderplaced .orderplaced_left .custom_inform_block {
    padding: 20px;
}

.orderplaced_block .inner_orderplaced .orderplaced_right .list_item>li .thumb_value_block .thumb_val_box {
    width: 85%;
}

.orderplaced_block .inner_orderplaced .orderplaced_right .list_item>li:not(:last-child) {
    margin: 0 0 10px;
    padding: 0 0 10px;
}

/*767*/
@media (max-width:767px) {}


.orderplaced_block .inner_orderplaced .orderplaced_left {
    margin: 0 0 30px;
}

@media (max-width:575px) {
    .orderplaced_block .inner_orderplaced .orderplaced_left .need_shop_block {
        flex-direction: column;
    }

    .orderplaced_block .inner_orderplaced .orderplaced_left .need_shop_block .desc {
        margin: 0 0 10px;
    }

    .orderplaced_block .inner_orderplaced .orderplaced_left .need_shop_block .btn_cs {
        height: 40px;
    }
}

/*320 to 500*/
@media (min-width:320px) and (max-width:500px) {}