@CHARSET "UTF-8";
.name_help {
    cursor:pointer;
}

.reference_help {
    cursor:pointer;
}

body.in_choose_category {
    overflow-y:scroll;
}

.page_wrap {
    position:relative;
}

@media print {

    .page_wrap.in_order_panel {
        visibility:hidden;
    }

}

body.in_choose_category	.page_wrap {
    min-height:1200px;
}

section.project_brief {
    position: absolute;
    right: 20px;
    top: 20px;
}

section.project_brief ul {
    margin-bottom:6px;
}

section.project_brief ul li {
    float:right;
    margin-left:15px;
}

section.project_brief ul li a:hover {
    text-decoration:none;
}

@media(max-width:767px) {

    section.project_brief {
        position:relative;
        top:0;
        right:0;
        padding-top:10px;
    }

}

section.grey_form_panel {
    padding:60px;
}

section.grey_form_panel .panelbody {
    border-radius: 0px;
    padding: 40px 40px;
    width: 650px;
    margin: 30px auto;
}

section.grey_form_panel .panelbody.panel_simplified{
    margin:20px 0;
    padding:0;
}

section.grey_form_panel	.panelbody h1 {
    text-align: center;
    margin-bottom: 20px;
}

section.grey_form_panel	.panelbody h3 {
    margin-bottom: 20px;
    margin-top:30px;
    font-size:16px;
}

section.grey_form_panel	.panelbody .form-group {
    margin-bottom:8px;
}

section.grey_form_panel	.panelbody .form-group label {
    margin-bottom:2px;
}

section.grey_form_panel	.panelbody .form-group .for_email {
    width:99.5%;
}

section.grey_form_panel	.panelbody .captcha_wrap .bottom_p {
    margin-top:6px;
}

section.grey_form_panel .panelbody #shipping_wrap {
    display:none;
}

section.grey_form_panel	.panelbody .submit_button_wrap {
    margin-top: 22px;
    margin-bottom: 22px;
    margin: 22px auto;
    text-align: center;
}

section.grey_form_panel	.panelbody .submit_button_wrap.left-aligned {
    text-align: left;
}

section.grey_form_panel	.panelbody .explanation {
    text-align:center;
}

section.grey_form_panel	.panelbody .below_title {
    text-align:center;
    margin-bottom:20px;
}

section.grey_form_panel	.panelbody #step1 {
    margin-bottom:20px;
}

section.grey_form_panel	.panelbody #step1 .map {
    font-size:12px;
    margin-left:20px;
}

section.grey_form_panel	.panelbody #step2 {
    display:none;
}

section.grey_form_panel	.panelbody .form_list_2 li {
    width:49.5%;
    float:left;
    margin-right:0.5%;
}

section.grey_form_panel	.panelbody .form_list_3 li {
    width:33%;
    float:left;
    margin-right:0.5%;
}

section.grey_form_panel	.panelbody .form_list_3 li.last {
    margin-right:0;
}

section.grey_form_panel	.panelbody .form_list_street li {
    float:left;
}

section.grey_form_panel	.panelbody .form_list_street li.first {
    width:25%;
    margin-right:0.5%;
}

section.grey_form_panel	.panelbody .form_list_street li.second {
    width:50%;
    margin-right:0.5%;
}

section.grey_form_panel	.panelbody .form_list_street li.third {
    width:24%;
}

section.grey_form_panel	.panelbody .postal_code li {
    float:left;
    width:80px;
}
section.grey_form_panel	.panelbody .postal_code li:first-of-type{
    width:82px;
}

section.grey_form_panel	.panelbody .postal_code li input {
    display:inline-block;
    width:70px;
}

section.grey_form_panel .coupon_display {
    margin: 20px 0;
    max-width: 600px;
    padding: 20px;
    border: 3px dashed black;
    text-align:center;
}

@media (min-width:768px) and (max-width:991px) {

    section.grey_form_panel {
        padding: 60px 30px;
    }

    section.grey_form_panel .panelbody {
        width:auto;
        padding: 20px 20px;
    }

}

@media (max-width:767px) {

    section.grey_form_panel {
        padding: 60px 0px;
    }

    section.grey_form_panel .panelbody {
        width:auto;
        padding: 20px 10px;
    }

    section.grey_form_panel	.panelbody .submit_button_wrap {
        width:auto;
    }

    section.grey_form_panel	.panelbody .form_list_2>li {
        width:100%;
        margin-right:0;
    }

    section.grey_form_panel	.panelbody .form_list_3>li {
        width:100%;
        margin-right:0;
    }

}

@media (max-width:575px){
    section.grey_form_panel .coupon_display .coupon_title,
    section.grey_form_panel .coupon_display .coupon_code {
        font-size:1.25rem;
    }
}

section.project_notification_bar {
    background:var(--color-orange);
    text-align:center;
    padding:8px 0;
}

section.project_notification_bar a{
    color:var(--color-darkblue);
}

section.project_page_header {
    padding-top:60px;
    padding-bottom:30px;
}

section.project_page_header .project_checkout_timer_alert {
    color:red;
    font-weight:600;
    padding-top:20px;
}

section.project_page_header.in_choose {
    padding-bottom:10px;
}

section.project_page_header.in_itemlist {
    margin-top:10px;
}

section.project_page_header.in_itemlist .red_bold {
    font-size:16px;
    color:red;
    margin-bottom:10px;
}

section.project_page_header.in_itemlist .project_delivery_time {
    margin-top:30px;
}

section.project_page_header.in_itemlist .project_delivery_time .time_selection {
    font-weight:bold;
}

section.project_page_header.in_itemlist .explain3 {
    margin-top:10px;
}

section.project_page_header.in_order_panel {
    padding-top:20px;
    padding-bottom:10px;
}

section.project_page_header h1 {
    margin-bottom:10px;
}

section.project_page_header.in_order_panel h1 {
    margin-bottom:2px;
    font-size: 30px;
}

section.project_page_header .button_ul {
    float:right;
    margin-top:-20px;
}

section.project_page_header .button_ul li {
    float: left;
    margin-right: 10px;
    margin-bottom:10px;
}

section.project_page_header .button_ul li:last-child {
    margin-right:0;
}

section.project_page_header .button_ul li .timer_label {
    font-size: 17px;
    text-align: center;
    color: red;
}

section.project_page_header .button_ul li .timer_label.no_show {
    opacity:0;
}

section.project_page_header .button_ul li.do_not_show {
    display:none !important;
}

section.project_page_header .order_summary {
    margin-top:20px;
}
section.project_page_header .order_summary tr td {
    vertical-align:top;
}
section.project_page_header .order_summary tr td.head {
    padding-right:20px;
}

section.project_page_header .category_selection_ul {
    margin-top:10px;
}

section.project_page_header .category_selection_ul li {
    float:left;
    margin-right:5px;
}

section.project_page_header.in_order_panel ul.breadcrumb_sec {
    margin-bottom:20px;
}

section.project_page_header.in_order_panel ul.breadcrumb_sec li {
    float:left;
    margin-right:3px;
}

section.project_page_header .pickup_alert {
    margin:20px 0;
}

section.project_page_header .pickup_alert .bottom {
    margin:10px 0;
    font-size:18px;
    font-weight:bold;
}

section.summary_table {
    padding-bottom:80px;
}

section.summary_table.in_current_project.mobile_explanation{
    display:none;
    margin-bottom:10px;
}
section.summary_table.in_current_project .project_table{
    min-width:719px;
}
section.summary_table.in_current_project .project_table tr th.th1{
    width:40px;
}

@media (min-width:767px) and (max-width:991px) {
    section.summary_table {
        padding-bottom:280px;
    }
    section.project_page_header .button_ul{
        float:none;
        margin-top:10px;
    }
}
@media (min-width:576px) and (max-width:767px) {
    section.summary_table {
        padding-bottom:280px;
    }
    section.summary_table.in_current_project{
        overflow-x:auto;
    }
    section.summary_table.in_current_project.mobile_explanation{
        display:block;
    }
    section.project_page_header.in_itemlist {
        margin-top:0px;
        padding-top:20px;
    }
    section.project_page_header .button_ul{
        float:none;
        margin-top:10px;
    }
}
@media (max-width:575px) {
    section.summary_table {
        padding-bottom:40px;
    }
    section.summary_table.in_current_project{
        overflow-x:auto;
    }
    section.summary_table.in_current_project.mobile_explanation{
        display:block;
    }
    section.project_page_header.in_itemlist {
        margin-top:0px;
        padding-top:20px;
    }
    section.project_page_header.in_order_panel {
        padding-bottom:0;
    }
    section.project_page_header .button_ul{
        float:none;
        margin-top:10px;
    }
}

@media print {

    section.summary_table .table {
        page-break-inside:auto;
    }

    section.summary_table .table tr {
        page-break-inside:avoid;
    }

    section.summary_table .table tr.not_expanded {
        page-break-after:avoid;
    }

}

section.summary_table.in_itemlist {
    margin-top:20px;
}

section.summary_table .item_list_explanation {
    margin-bottom:7px;
}

section.summary_table .item_list_explanation .orange {
    color:orange;
}

section.summary_table .table{
    table-layout: fixed;
}

section.summary_table .table tr.heading {
    background:black;
    color:white;
}

section.summary_table .table>tbody>tr>th {
    font-size:0.875rem;
    padding:16px 8px;
    background: black;
    color: white;
}

section.summary_table .table>tbody>tr>th a {
    color:white;
}

section.summary_table .table>tbody>tr>th a.order_down, section.summary_table .table>tbody>tr>th a.order_up {
    color:orange;
    text-decoration:underline;
}

section.summary_table .table>tbody>tr>th .fa-sort-asc {
    position:relative;
    top:4px;
}
section.summary_table .table tr td {
    font-size:0.875rem;
}
section.summary_table .table tr.first_color td {
    background:#ECECEC;
}

section.summary_table .table tr.second_color td {
    background:#DDDDDD;
}

section.summary_table .table tr td.first_td {
    width:80px;
}

section.summary_table .table tr td.first_td ul.dropdown-menu {
    top:auto;
}

section.summary_table .table tr td.first_td ul.dropdown-menu li {
    line-height:1.4285;
}
section.summary_table .table>tbody>tr>th.for_dropdown{
    width:100px;
}
section.summary_table .table>tbody>tr>th.item_description{
    width:250px;
}

section.summary_table .table tr td .warning {
    font-size: 12px;
    color: red;
}

section.summary_table .table tr td.dropdown .dropdown-menu>li.delete>a {
    color:red;
}

section.summary_table .table tr td a.caret_wrap {
    padding:10px;
    color:black;
    font-size:16px;
    display:block;
}

section.summary_table .table tr td a.caret_wrap:hover span {
    color:grey;
}

section.summary_table .table tr.expanded {
    display:none;
}

section.summary_table .table tr.expanded .category_list {
    margin-bottom:15px;
}

section.summary_table .table tr.expanded td ul.left {
    width:auto;
}

section.summary_table .table tr.expanded td ul.left li {
    float:left;
    list-style:none;
}

section.summary_table .table tr.expanded td ul.left2 {
    float:left;
    width:100px;
    margin-right:10px;
}

section.summary_table .table tr.expanded td ul.left3 {
    float:left;
    width:200px;
    margin-right:10px;
}

section.summary_table .table tr.expanded td ul.left4 {
    float:left;
    width: calc(100% - 455px);
    margin-right:10px;
}

section.summary_table .table tr.expanded td ul.left5 {
    float:right;
    width: 125px;
    padding-bottom:20px;
}

section.summary_table .table tr.expanded td ul.left5 img {
    max-width:100%;
}

section.summary_table .table tr.expanded td .admin_note textarea {
    display:none;
    max-width:100%;
    width:100%;
    margin-bottom:5px;
    height:60px;
}

section.summary_table .table tr.expanded td .admin_note .btn_black_small {
    padding:4px;
    font-size:14px;
    width:120px;
}

section.summary_table .table tr.expanded td .admin_note .btn_red_small {
    padding:4px;
    font-size:14px;
    width:120px;
}

section.summary_table .table tr.expanded td .admin_note_view {
    margin-bottom:10px;
}

section.summary_table .table tr.expanded td .admin_note .print_view_notes {
    display:block;
}

section.summary_table .warning_message {
    padding:20px;
    margin-bottom:20px;
}

section.summary_table .cancel_wrap .btn {
    width:120px;
}

section.summary_table.in_past_itemlist {
    margin-top:20px;
}
section.summary_table.in_past_itemlist .mobile_explanation{
    display:none;
    margin-bottom:10px;
}
section.summary_table.in_past_itemlist .table.item_list{
    min-width:719px;
}

@media (min-width:992px) and (max-width:1199px){
    section.summary_table .table tr.expanded td ul.left4{
        width: calc(100% - 260px);
    }
}

@media (min-width:768px) and (max-width:991px) {

    section.summary_table .table tr.expanded td ul.left2 {
        float:none;
        width:auto;
        margin-right:0;
    }

    section.summary_table .table tr.expanded td ul.left3 {
        float:none;
        width:auto;
        margin-right:0;
    }

    section.summary_table .table tr.expanded td ul.left4 {
        float:none;
        width:auto;
        margin-top:10px;
    }

    section.summary_table .table tr.expanded td ul.left5 {
        float:none;
        margin-top:10px;
    }

}

@media (max-width:767px) {

    section.summary_table.in_past_itemlist .mobile_explanation{
        display:block;
    }

    section.summary_table.in_past_itemlist {
        overflow-x:auto;
    }

    section.summary_table .table>tbody>tr>th {
        padding:8px 4px;
    }

    section.summary_table .table tr.expanded td ul.left2 {
        float:none;
        width:auto;
        margin-right:0;
    }

    section.summary_table .table tr.expanded td ul.left3 {
        float:none;
        width:auto;
        margin-right:0;
    }

    section.summary_table .table tr.expanded td ul.left4 {
        float:none;
        width:auto;
        margin-top:10px;
    }

    section.summary_table .table tr.expanded td ul.left5 {
        float:none;
        margin-top:10px;
    }

}

@media (min-width:576px) and (max-width:767px){
    section.summary_table .table>tbody>tr>th.for_dropdown{
        width:40px;
    }
    section.summary_table .table>tbody>tr>th.item_description {
        width:120px;
    }
}
@media (max-width:575px){
    section.summary_table .table>tbody>tr>th.for_dropdown{
        width:30px;
    }
    section.summary_table .table tr td a.caret_wrap {
        padding:10px 5px;
    }
    section.summary_table .table>tbody>tr>th.item_description {
        width:100px;
    }
}

@media print {

    section.summary_table.in_itemlist.do_not_print {
        display:none !important;
    }

    section.summary_table .table tr.expanded {
        display:table-row;
    }

    section.summary_table .table tr.expanded td ul.left2 {
        float:left;
        width:20%;
        margin-right:0;
    }

    section.summary_table .table tr.expanded td ul.left3 {
        float:left;
        width:20%;
        margin-right:0px;
    }

    section.summary_table .table tr.expanded td ul.left4 {
        float:left;
        width:45%;
        margin-right:0px;
    }

    section.summary_table .table tr.expanded td ul.left5 {
        float:right;
        width:15%;
        padding-bottom:0;
    }

    section.summary_table .table tr.expanded td .admin_note .print_view_notes {
        display:block;
    }

    section.summary_table .table tr.expanded td .admin_note textarea {
        display:none !important;
    }

    section.summary_table .table tr.expanded td .admin_note .btn_black_small {
        display:none;
    }

    section.summary_table .table tr.expanded td .admin_note .btn_red_small {
        display:none;
    }

}

section.choose_wrap {
    padding-bottom:80px;
}

section.choose_wrap h1 {
    font-size:28px;
    margin-bottom:20px;
}

section.choose_wrap ul li {
    float:left;
    width:250px;
    height:250px;
    margin-right:20px;
    margin-bottom:20px;
    border:1px solid lightgrey;
    padding:20px 10px;
    cursor:pointer;
    -webkit-transition: all ease-in-out .35s;
    -o-transition: all ease-in-out .35s;
    transition: all ease-in-out .35s;
    display:table;
}

section.choose_wrap ul li:hover {
    color:white;
    background:black;
}

section.choose_wrap ul li h2 {
    display:table-cell;
    vertical-align:middle;
    font-size:28px;
    text-align:center;
}

section.choose_wrap ul li p {
    text-align: justify;
}

section.choose_wrap ul li a {
    color:#333;
}

section.choose_wrap ul li a:hover {
    color:white;
    text-decoration:none;
}

section.choose_wrap .product_wrap ul li {
    display:list-item;
    cursor:initial;
    cursor:auto;
}

section.choose_wrap .product_wrap ul li h2 {
    font-size:16px;
    height: 34px;
    overflow-y: hidden;
    display:block;
    -webkit-transition: all ease-in-out .35s;
    -o-transition: all ease-in-out .35s;
    transition: all ease-in-out .35s;
}

section.choose_wrap .product_wrap ul li:hover {
    color:black;
    background:white;
}

section.choose_wrap .product_wrap ul li img {
    display:block;
    margin:20px auto;
    max-width:92%;
    max-height:150px;
}

section.choose_wrap .product_wrap ul li a:hover {
    color:black;
    text-decoration:underline;
}

.order_grid_wrapping {
    display:grid;
    grid-template-columns: 500px 500px auto;
    gap:10px;
    align-items:start;
    padding-top: 20px;
}

section.left_panel {
    width: 100%;
    padding: 10px;
    background:white;
    position: sticky;
    top: 20px;
    margin-bottom: 10px;
}

section.left_panel .product_title{
    padding-top:10px;
    text-align:center;
    padding-bottom: 10px;
}

section.left_panel .areas h1 {
    font-weight:300;
    font-size:32px;
}

section.left_panel .grey_areas {
    padding: 20px 30px;
    background: #efefef;
    -moz-box-shadow: inset 0 0 10px #000000;
    -webkit-box-shadow: inset 0 0 10px #000000;
    box-shadow: inset 0 0 10px #b1b1b1;
}

section.left_panel .grey_areas h1 {
    font-weight:300;
    font-size:32px;
}

section.left_panel .pictures_wrap>li {
    float:left;
}

section.left_panel .pictures_wrap>li.left_side {
    width:120px;
}

section.left_panel .pictures_wrap>li.right_side {
    width:calc(100% - 130px);
    margin-left:10px;
}

section.left_panel .pictures_wrap>li.right_side.wide {
    width:100%;
    margin-left:0;
}

.magnific_print {
    color:white;
    font-size:18px;
}

.magnific_print:hover {
    color:whitesmoke;
    text-decoration:underline;
}

section.left_panel .thumbnail_list {
    width:100%;
    padding-top:10px;
    overflow-x:auto;
    display: block;
}
section.left_panel .thumbnail_list .inner{
    width:max-content;
    white-space: nowrap;
}
section.left_panel .thumbnail_list .each_thumbnail {
    display:block;
    float:left;
    width:80px;
    height:80px;
    margin-right:10px;
}
section.left_panel .thumbnail_list .each_thumbnail img {
    max-width:100%;
    max-height:100%;
}

section.left_panel .main_picture_area {
    width:100%;
    height:auto;
    position:relative;
    padding-bottom:30px;
}

section.left_panel .main_picture_area .image {
    display:block;
    width:100%;
    height:calc(100% - 30px);
    padding-bottom:20px;
}

section.left_panel .main_picture_area img {
    max-width:70%;
    max-height:70%;
    display:block;
    margin:0 auto;
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

section.left_panel .main_picture_area img.no_image {
    margin-top:70px;
}

section.left_panel .main_picture_area .magnifying_glass {
    position:absolute;
    bottom:5px;
    right:5px;
    cursor:pointer;
    color:grey;
}

section.left_panel .main_picture_area .magnifying_glass:hover {
    color:black;
}

section.left_panel .main_picture_area .magnifying_glass i {
    font-size:20px;
}

section.left_panel .main_picture_area .notes {
    position: absolute;
    bottom: 5px;
    left: 5px;
}

section.price_area_wrapping {
    display:grid;
    justify-content:right;
    position: sticky;
    top: 20px;
    z-index: 100;
}
section.price_area_wrapping .price_area {
    max-width:260px;
    background: var(--color-black);
    color:var(--color-white);
    padding:20px;
}

section.price_area_wrapping .price_area .title{
    text-align:center;
}

section.price_area_wrapping .price_area .notes {
    float:right;
    font-size:16px;
}

section.price_area_wrapping .price_area .price_tag {
    text-align: center;
    font-size: 36px;
}

section.price_area_wrapping .price_area .price_tag span {
    font-size:12px;
    display:block;
}

section.price_area_wrapping .price_area .hst_tag {
    text-align: center;
}

section.price_area_wrapping .price_area .group_quantity {
    margin-top:30px;
    margin-bottom:30px;
}

section.price_area_wrapping .price_area .group_quantity label {
    float: left;
    height: 34px;
    line-height: 34px;
    margin-right: 10px;
}

section.price_area_wrapping .price_area .admin_adjustment_group {
    margin-bottom:10px;
}

section.price_area_wrapping .price_area .admin_adjustment_group .adjustment_label {
    margin-left:0px;
    margin-right: 0;
    font-size:14px;
}

section.price_area_wrapping .price_area .admin_adjustment_group input {
    width:100%;
}

section.price_area_wrapping .price_area .admin_note_group {
    margin-bottom:10px;
}

section.price_area_wrapping .price_area .admin_note_group label {
    font-size:14px;
}

section.price_area_wrapping .price_area .group_quantity input {
    float:left;
    width:80px;
    height: 32px;
}

section.price_area_wrapping .price_area .btn {
    width: 100%;
    margin-bottom: 15px;
}

section.price_area_wrapping .price_area .button_wrap a{
    color:white;
}

section.price_area_wrapping .price_area .error_questions {
    color:red;
    font-size:16px;
    width:100%;
    margin-top:10px;
}

section.left_panel .hints_area h1 {
    margin-bottom:10px;
}

section.left_panel .hints_area ul.hints li {
    margin-bottom:10px;
}

section.right_panel {
    width: 100%;
    padding: 0 0 200px 20px;
    min-height: 850px;
}

section.right_panel .previous_selection {
    width: 80%;
    margin: 0 auto 10px;
}

section.right_panel .previous_selection h1 {
    color: white;
    background: black;
    font-size: 20px;
    text-align: center;
    padding: 8px;
    font-weight: 300;
    position:relative;
}

section.right_panel .previous_selection h1 #previous_question_help {
    cursor:pointer;
}

section.right_panel .previous_selection .open_close {
    position:absolute;
    right:7px;
    top:14px;
    width: 0;
    height: 0;
    cursor:pointer;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}

section.right_panel .previous_selection .open_close.down {
    border-top: 8px solid white;
}

section.right_panel .previous_selection .open_close.up {
    border-bottom: 8px solid white;
}

section.right_panel .previous_selection .table {
    margin-bottom:10px;
}

section.right_panel .previous_selection .table tr.first_color td {
    background:#ECECEC;
}

section.right_panel .previous_selection .table tr.second_color td {
    background:#DDDDDD;
}

section.right_panel .previous_selection .table>tbody>tr>td {
    border-top:0;
    padding:2px 8px;
}

section.right_panel .previous_selection .table>tbody>tr>td .btn {
    padding:2px 8px;
    font-size:14px;
    width:97px;
}

section.right_panel .previous_selection .table>tbody>tr.last_row>td {
    padding:15px 12px;
}

section.right_panel .previous_selection .table>tbody>tr.last_row>td .btn {
    width:200px;
    display:block;
    margin:0 auto;
    font-size:16px;
}

section.right_panel .closet_picture_wrap {
    margin-bottom:10px;
}

section.right_panel .closet_picture_wrap .closet_picture {
    width: 550px;
    height: 550px;
    background-size: cover !important;
}

section.right_panel .closet_picture_wrap .closet_picture.section_1 {
    width:141.625px;
}

section.right_panel .closet_picture_wrap .closet_picture.section_2 {
    width:277.75px;
}

section.right_panel .closet_picture_wrap .closet_picture.section_3 {
    width:413.875px;
}

section.right_panel .closet_picture_wrap .closet_picture.section_4 {
    width:550px;
}

section.right_panel .closet_picture_wrap .closet_picture .each_column {
    width:100%;
}

section.right_panel .closet_picture_wrap .closet_picture .each_column>li {
    float:left;
    width:23.75%;
    height:98%;
    margin-left:1%;
    margin-top:1%;
}

section.right_panel .closet_picture_wrap .closet_picture.section_1 .each_column>li {
    width:92.233%;
    margin-left:3.8835%;
    margin-top:4%;
}
/*One strip = 3.8835%*/
section.right_panel .closet_picture_wrap .closet_picture.section_2 .each_column>li {
    width:47.0297%;
    margin-left:1.9802%;
    margin-top:2%;
}
/*One strip = 1.9802%*/
section.right_panel .closet_picture_wrap .closet_picture.section_3 .each_column>li {
    width:31.5615%;
    margin-left:1.3289%;
    margin-top:1.5%;
}
/*One strip = 1.3289*/
section.right_panel .closet_picture_wrap .closet_picture.section_4 .each_column>li {
    width:23.75%;
    margin-left:1%;
    margin-top:1%;
}
/*One strip = 1%*/
section.right_panel .closet_picture_wrap .closet_picture .each_column>li img {
    display:block;
    width:100%;
    height:100%;
}

section.right_panel .closet_picture_wrap .closet_picture .each_column>li ol>li {
    text-align:center;
    height:50px;
    border-bottom:1px solid lightgrey;
}

section.right_panel .areas {
    padding: 20px 30px;
    background: white;
}

section.right_panel .areas h1 {
    font-weight:300;
    font-size:32px;
    margin-bottom:10px;
}

section.right_panel .choose_dimension {
    margin-bottom:10px;
}

section.right_panel .choose_dimension h2 {
    margin-bottom:15px;
}

section.right_panel .choose_dimension .dimensions_list li {
    float:left;
}

section.right_panel .choose_dimension .dimensions_list>li:nth-child(even) {
    margin-left:30px;
}

section.right_panel .choose_dimension .dimensions_list .each_dimension  li {
    margin-right:5px;
    margin-bottom:3px;
}

section.right_panel .choose_dimension .dimensions_list .each_dimension  li.first {
    width:34px;
    line-height:34px;
    margin-right:4px;
    font-size:18px;
}

section.right_panel .choose_dimension .dimensions_list .each_dimension  li select {
    float:left;
    width:66px;
    padding:6px 4px;
    margin-right:4px;
}

section.right_panel .choose_dimension .dimensions_list .each_dimension  li select.calculation_only {
    background: whitesmoke;
    cursor: not-allowed;
}

section.right_panel .answer_questions .main_question_wrap {
    border-bottom:1px solid lightgrey;
}

section.right_panel .answer_questions .each_question {
    padding-bottom:30px;
}

section.right_panel .answer_questions .each_question.for_independent {
    border-bottom:1px solid lightgrey;
}

section.right_panel .answer_questions .each_question.last {
    border-bottom:0;
}

section.right_panel .answer_questions .each_question .top_row {
    margin-top:15px;
    margin-bottom:10px;
}


section.right_panel .answer_questions .each_question .top_row li.left {
    line-height:34px;
    font-weight: 500;
}

section.right_panel .answer_questions .each_question .top_row li.right {
    padding-right:8px;
}

section.right_panel .answer_questions .each_question .top_row li.right select {
    width:100%;
}

section.right_panel .answer_questions .each_question .bottom_row li {
    float:left;
    margin-right:5px;
    margin-bottom:5px;
    border:1px solid grey;
    position:relative;
}

section.right_panel .answer_questions .each_question .bottom_row li .thumb_pic {
    width:74px;
    height:74px;
    background-size:contain;
    position:relative;
    cursor:pointer;
}

section.right_panel .answer_questions .each_question .bottom_row li .thumb_pic.closet {
    height:183px;
    width:44px;
}

section.right_panel .answer_questions .each_question .bottom_row li .thumb_pic .thumb_cover {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    display:none;
}
/*background:rgba(0,0,0,0.3);
*/
section.right_panel .answer_questions .each_question .bottom_row li .thumb_pic.dark .thumb_cover {
    display:block;
}

section.right_panel .answer_questions .each_question .bottom_row li .thumb_pic .thumb_check {
    display:none;
    width: 26px;
    position: relative;
    top: 24px;
    left: 24px;
}

section.right_panel .answer_questions .each_question .bottom_row li .thumb_pic.closet .thumb_check {
    top: 80px;
    left: 10px;
}

section.right_panel .answer_questions .each_question .bottom_row li .thumb_pic.checked .thumb_check {
    display:block;
}

section.right_panel .answer_questions .each_question .bottom_row li .magnifying_glass {
    position:absolute;
    bottom:4px;
    right:4px;
    color:grey;
    z-index: 2;
    text-shadow: 1px 1px gainsboro;
}

section.right_panel .answer_questions .each_question .bottom_row li .magnifying_glass:hover {
    color:black;
}

section.right_panel .answer_questions .each_question .bottom_row li .magnifying_info {
    position:absolute;
    bottom:4px;
    left:4px;
    color:grey;
    z-index: 2;
    text-shadow: 1px 1px gainsboro;
}

section.right_panel .answer_questions .each_question .bottom_row li .magnifying_info:hover {
    color:black;
}

section.right_panel .answer_questions .each_question .bottom_row li .magnifying_info i.fa-info-circle {
    color:orangered;
}

section.right_panel .answer_questions .advanced_options {
    margin-top:20px;
    font-size:16px;
    cursor:pointer;
}

section.right_panel .answer_questions .advanced_options_wrap {
    display:none;
}

.mobile_copy_button {
    display:none;
}

#finish_add_item_copy {
    margin-bottom:60px;
}

@media (min-width:1200px) and (max-width:1399px) {
    .order_grid_wrapping {
        grid-template-columns: 400px 500px auto;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .order_grid_wrapping {
        grid-template-columns: 300px 400px auto;
    }
    section.right_panel {
        padding-left:0;
    }
    section.right_panel .choose_dimension .dimensions_list>li:nth-child(even) {
        margin-left:0;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .order_grid_wrapping {
        grid-template-columns: 300px auto;
    }
    section.right_panel {
        padding-left:0;
    }
    section.right_panel .choose_dimension .dimensions_list>li:nth-child(even) {
        margin-left:0;
    }
    section.price_area_wrapping {
        position:fixed;
        bottom:0;
        top:auto;
        top:initial;
        left:0;
        width:100vw;
        justify-content: unset;
    }
    section.price_area_wrapping .price_area {
        max-width:100%;
        width:100%;
        display:grid;
        grid-template-columns: 130px auto 250px;
        gap:10px;
        padding: 5px 30px 5px 10px;
        align-items: center;
    }
}

@media (min-width:576px) and (max-width:767px) {
    .order_grid_wrapping {
        grid-template-columns: 220px auto;
    }
    section.left_panel .main_picture_area .magnifying_glass {
        bottom:35px;
    }
    section.right_panel {
        padding-left:0;
    }
    section.right_panel .choose_dimension .dimensions_list>li:nth-child(even) {
        margin-left:0;
    }
    section.price_area_wrapping {
        position:fixed;
        bottom:0;
        top:auto;
        top:initial;
        left:0;
        width:100vw;
        justify-content: unset;
    }
    section.price_area_wrapping .price_area {
        max-width:100%;
        width:100%;
        display:grid;
        grid-template-columns: 130px auto 250px;
        gap:10px;
        padding: 5px 30px 5px 10px;
        align-items: center;
    }
    section.right_panel .previous_selection {
        width: 100%;
    }
}

@media (max-width:575px) {
    .order_grid_wrapping {
        display:block;
        padding-top:0;
    }
    section.left_panel{
        position: relative;
        top: 0;
    }
    .in_order_panel section.left_panel{
        padding-top:0;
    }
    section.left_panel.background_white_floating {
        box-shadow:none;
    }
    section.left_panel .product_title {
        padding-bottom:5px;
        font-size: 20px;
    }
    section.left_panel .main_picture_area .magnifying_glass {
        bottom:5px;
    }
    section.left_panel .main_picture_area .image{
        height:195px;
        padding-top:5px;
        padding-bottom:0px;
    }
    section.left_panel .main_picture_area img {
        max-width:100%;
        max-height:100%;;
    }
    section.right_panel {
        padding-left:0;
    }
    section.right_panel .choose_dimension .dimensions_list>li:nth-child(even) {
        margin-left:0;
    }
    section.price_area_wrapping {
        position:fixed;
        bottom:0;
        top:auto;
        top:initial;
        left:0;
        width:100vw;
        justify-content: unset;
    }
    section.price_area_wrapping .price_area {
        max-width:100%;
        width:100%;
        display:grid;
        grid-template-columns: 115px auto 125px;
        gap:10px;
        padding: 0px 30px 0px 10px;
        align-items: center;
    }
    section.price_area_wrapping .price_area .price_tag {
        font-size:24px;
    }
    section.price_area_wrapping .price_area .btn_white_v2.btn_small {
        font-size:0.875rem;
        margin-bottom:5px;
    }
    section.right_panel .previous_selection {
        width: 100%;
    }
}

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

    section.left_panel {
        float:none;
        position:auto;
        position:initial;
        max-width:570px;
        width:auto;
        margin-bottom:20px;
    }

    section.right_panel {
        float:none;
        width:auto;
        padding:0 0 20px 0;
    }

    section.right_panel .choose_dimension .dimensions_list>li:nth-child(even) {
        margin-left:0;
    }

    .mobile_copy_button {
        display:block;
    }

}

@media (max-width:767px) {

    section.left_panel .price_area .btn {
        width:100%;
        margin-right:0;
    }

    section.right_panel .choose_dimension .dimensions_list>li:nth-child(even) {
        margin-left:0;
    }

}
*/
.white-popup {
    width:500px;
    background:white;
    padding:20px;
    margin:0 auto;
}

.white-popup h1 {
    font-size:22px;
    text-align: center;
    padding: 10px;
    font-weight: bold;
}

.white-popup .form-group {
    margin-bottom:10px;
}

#__calendarPanel {
    z-index:10000 !important;
}

.white-popup#popup_cancel_order #cancel_order.disabled {
    pointer-events: none;
    opacity: 0.5;
}

#popup_branch_addresses.white-popup	.top {
    margin-bottom:30px;
}

#popup_branch_addresses.white-popup .list {
    list-style:disc;
    list-style-position:inside;
}

#popup_branch_addresses.white-popup .list li {
    margin-bottom:15px;
}

#popup_checkout.white-popup {
    width:600px;
}

#popup_checkout.white-popup h1 {
    margin-bottom:10px;
}

#popup_checkout.white-popup p {
    margin:10px 0;
}

#popup_checkout.white-popup .delivery_message {
    color:red;
    font-weight:bold;
}

#popup_checkout.white-popup table.order_summary2 {
    margin:10px 0;
}

#popup_checkout.white-popup table.order_summary2 #discount_row.hidden {
    display:none;
}

#popup_checkout.white-popup table.order_summary2 tr td.head {
    width:300px;
    font-weight:bold;
    vertical-align:top;
}

#popup_checkout.white-popup table.order_summary2 tr.new_amount_tr td {
    padding-top:15px;
}

#popup_checkout.white-popup #coupon_application_area {
    display:none;
}

#popup_checkout.white-popup #coupon_application_area.shown {
    display:block;
}

#popup_checkout.white-popup .button_wrap {
    margin:20px 0 10px;
    text-align:center;
}

#popup_checkout.white-popup .button_wrap a {
    display:inline-block;
}

#popup_checkout.white-popup .button_wrap a.disabled {
    pointer-events: none;
    opacity: 0.5;
}

#popup_checkout.white-popup .credit_card_image {
    text-align:center;
}

#popup_checkout.white-popup .centerit {
    text-align:center;
}

#popup_checkout.white-popup .order_notes {
    margin-bottom:10px;
}

#popup_checkout.white-popup .order_notes li {
    list-style:disc;
    margin-left:30px;
}

#popup_checkout.white-popup h3.subtitle {
    font-size:14px;
    font-weight:bold;
    margin-bottom:5px;
    padding-top:10px;
}

#popup_checkout.white-popup .credit_ul li {
    float:left;
}

#popup_checkout.white-popup .credit_ul li.first {
    width:34%;
    margin-right:0.3%;
}

#popup_checkout.white-popup .credit_ul li.second {
    width:22%;
    margin-right:0.3%;
}

#popup_checkout.white-popup .credit_ul li.third {
    width:22%;
    margin-right:0.3%;
}

#popup_checkout.white-popup .credit_ul li.fourth {
    width:21.1%;
}

#popup_checkout.white-popup .billing_address h3 {
    font-size:14px;
    font-weight:bold;
    margin-bottom:5px;
}

#popup_checkout.white-popup .billing_address .form_list_street li {
    float:left;
}

#popup_checkout.white-popup .billing_address .form_list_street li.first {
    width:25%;
    margin-right:0.5%;
}

#popup_checkout.white-popup .billing_address .form_list_street li.second {
    width:50%;
    margin-right:0.5%;
}

#popup_checkout.white-popup .billing_address .form_list_street li.third {
    width:24%;
}

#popup_checkout.white-popup .billing_address .form_list_3 li {
    width:33%;
    float:left;
    margin-right:0.5%;
}

#popup_checkout.white-popup .billing_address .form_list_3 li.last {
    margin-right:0;
}

#popup_checkout.white-popup .coupon_application h3 {
    font-size:14px;
    font-weight:bold;
    margin-bottom:5px;
}

#popup_checkout.white-popup .coupon_application .grid {
    display:grid;
    grid-template-columns:1fr 100px;
    gap:10px;
}

#popup_checkout.white-popup .coupon_application .grid .btn_black_small {
    padding:5px;
    font-size:14px;
}

#popup_cancel_delivery_time p {
    margin-bottom:20px;
}

#popup_hints.white-popup {
    width:600px;
}

#popup_hints.white-popup h1 {
    margin-bottom:10px;
    font-weight:300;
    font-size:32px;
}

#popup_hints.white-popup ul {
    padding-left:20px;
}

#popup_hints.white-popup ul.hints li {
    margin-bottom:10px;
    list-style:disc;
}

#popup_question_info.white-popup .info_wrapping {
    margin-bottom:20px;
}

#page_cover {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:none;
    background:rgba(255,255,255,0.3);
    z-index: 10000;
}

#page_cover img {
    display:block;
    position:absolute;
    top:49%;
    left:49%;
}

@media (max-width:767px) {

    .white-popup {
        max-width:100%;
    }

    #popup_checkout.white-popup {
        max-width:100%;
    }

    #popup_checkout.white-popup table.order_summary2 tr td.head {
        width:auto;
    }

    #popup_checkout.white-popup .billing_address .form_list_3 li {
        width:100%;
        margin-right:0;
    }

    #popup_checkout.white-popup .credit_ul li.first {
        width:100%;
        margin-right:0;
    }

    #popup_checkout.white-popup .credit_ul li.second {
        width:100%;
        margin-right:0;
    }

    #popup_checkout.white-popup .credit_ul li.third {
        width:100%;
        margin-right:0;
    }

    #popup_checkout.white-popup .credit_ul li.fourth {
        width:100%;
        margin-right:0;
    }


    #popup_hints.white-popup {
        max-width:100%;
    }

}

/**
* Front
*/
.front_wrap {
    padding-top:30px;
}

.front_wrap .page_title {
    margin-bottom:30px;
}

.front_wrap .contact .page_title {
    margin-bottom:60px;
}

section.contact {
    padding:80px 0;
}
section.contact h2 {
    margin-bottom:15px;
}

section.contact p {
    margin-bottom: 30px;
    padding-left: 40px;
}

section.contact p.description {
    margin-bottom:5px;
}

section.contact p.email {
    margin-bottom:30px;
}

section.contact .form_wrap {
    max-width:600px;
}

section.contact .form_wrap textarea {
    height:200px;
}

section.contact .form_wrap #loader,
section.contact .form_wrap .alert {
    display:none;
}

section.contact .form_wrap .form-group{
    margin-bottom:15px;
}

section.contact .contact_help {
    padding-left:40px;
    margin-bottom:30px;
}

section.contact .contact_help li {
    margin-bottom:30px;
}

section.contact .social_media_help {
    width: 420px;
    margin:120px auto 60px;
}

section.contact .social_media_help li {
    float:left;
    margin-right:30px;
}

section.contact .social_media_help li img {
    height:40px;
}

section.terms {
    padding:80px 0;
}

section.terms.in_policies {
    padding-top:60px;
}

section.terms h2 {
    font-size:20px;
    text-decoration:underline;
    margin-bottom:15px;
}

section.terms h3 {
    font-size:16px;
    font-weight:bold;
    margin-bottom:15px;
}

section.terms p {
    margin-bottom:10px;
}

section.terms ul li {
    list-style-type:disc;
    list-style-position:outside;
    margin-left:32px;
    margin-bottom:10px;
}

section.terms ul li ol.inner {
    padding-left:30px;
    margin-top:20px;
}

section.terms ul li ol.inner li {
    list-style:none;
}

section.terms .question {
    font-size:18px;
    font-weight:bold;
}

section.terms .answer {
    margin-bottom: 40px;
}

section.terms .map_drawing img {
    max-width:860px;
    margin-bottom:10px;
}

@media (max-width:991px) {

    section.terms .map_drawing img {
        max-width:100%;
    }

}

@media (max-width:767px) {

    section.contact .social_media_help {
        width:240px;
    }

    section.contact .social_media_help li {
        margin-bottom:10px;
    }

}

.testimonial_section {
    padding:80px 0;
}
.testimonial_section .title {
    text-align:center;
    margin-bottom:20px;
}
.testimonial_section .intro {
    margin-bottom:40px;
    text-align:center;
}

.testimonial_section .list_reviews li {
    margin-bottom:40px;
    padding: 60px 0;
}

.testimonial_section .list_reviews .stars {
    margin-bottom:10px;
    text-align:center;
}

.testimonial_section .list_reviews .stars img {
    width:40px;
}

.testimonial_section .list_reviews .testimonial {
    padding:0 10%;
}

.testimonial_section .list_reviews .testimonial span {
    font-weight:bold;
    font-size:32px;
}

.testimonial_section .list_reviews .author {
    margin-top:20px;
    text-align:center;
}



section.design_help {
    padding-bottom:100px;
    padding-left: 6px;
}

section.design_help	h2 {
    font-size:20px;
    margin-bottom:20px;
}

section.design_help p {
    font-size:16px;
}

section.design_help .help_text {
    margin-left:40px;
    margin-bottom:30px;
}

section.design_help .help_text li {
    margin-bottom:10px;
    font-size:16px;
    list-style-position:inside;
    list-style-type:disc;
}

section.design_help .form_wrap {
    margin-top:20px;
    max-width:650px;
}

section.design_help .form_wrap .login_warning a {
    color:red;
    font-weight:bold;
    text-decoration:underline;
}

section.design_help .form_wrap .login_warning a:hover {
    color:black;
}

section.design_help .form_wrap p {
    margin-bottom:15px;
}

section.design_help .form_wrap .browse_button {
    width:200px;
    font-size:16px;
}

section.design_help .form_wrap .browse_button.disabled {
    cursor:not-allowed;
}

section.design_help .form_wrap textarea {
    height:150px;
}

section.design_help .form_wrap .file_name {
    margin-right:10px;
}

section.design_help .form_wrap #uploaded_files {
    margin-bottom:25px;
}

section.design_help .form_wrap #browse_loader {
    display:none;
}

section.design_help .form_wrap .submit_button {
    width:200px;
}

section.design_help .form_wrap .submit_button.disabled {
    cursor:not-allowed;
}

section.design_help .form_wrap #submit_loader {
    display:none;
}

section.products_finishes {
    padding:80px 0;
}

section.products_finishes .title_label {
    margin-bottom:15px;
    margin-top:15px;
}

section.products_finishes a.caret_wrap {
    color: black;
    font-size: 18px;
}

section.products_finishes a.caret_wrap:hover {
    color:grey;
}

section.products_finishes .wrap_label {
    cursor:pointer;
    font-size:18px;
}

section.products_finishes .level1_wrap {
    padding-left:30px;
}

section.products_finishes .level_wrap {
    padding-left:30px;
    display:none;
}

section.products_finishes .level2_wrap {
    padding-left:30px;
    display:none;
}

section.products_finishes .level3_wrap {
    padding-left:30px;
    display:none;
}

section.products_finishes .level4_wrap {
    padding-left:30px;
    display:none;
}

section.products_finishes .level_wrap_show {
    padding-left:30px;
}

section.products_finishes ul li {
    margin:5px 0;
    font-size:18px;
}

section.products_finishes li.final_product {
    font-size:18px;
}

section.products_finishes li.final_product>a {
    position:relative;
    font-size:18px;
}

section.products_finishes li.final_product>a>span {
    color:#333;
    text-decoration:none;
    border-bottom:1px dashed #333;
}

section.products_finishes li.final_product>a:hover {
    text-decoration:none;
}

section.products_finishes li.final_product>a>span:hover {
    color:grey;
    border-bottom:1px dashed grey;
}

section.products_finishes li.final_product>a>img.camera {
    height:20px;
    margin-left:4px;
    cursor:pointer;
}

section.products_finishes li.final_product>a .hover_image {
    display:none;
    position:absolute;
    top:-160px;
    right:0;
    z-index:99;
    width:150px;
    height:150px;
    border:3px solid lightgrey;
    text-align: center;
    background: white;
}

section.products_finishes li.final_product>a:hover .hover_image {
    display:block;
}

section.products_finishes li.final_product>a .hover_image img {
    max-width:100%;
    max-height:100%;
}

section.products_finishes li.final_product>a .hover_image .arrow-down {
    position:absolute;
    right:54px;
    bottom:-14px;
    width: 0;
    height: 0;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top: 14px solid lightgrey;
}

section.products_finishes .finishes_wrap .level_wrap_show.in_melamines {
    display:none;
}

section.products_finishes .finishes_wrap .level_wrap_show li {
    width: 113px;
    height:90px;
    float:left;
    margin-right:10px;
    margin-bottom:30px;
}

section.products_finishes .finishes_wrap .level_wrap_show li p {
    min-height:34px;
    font-size:14px;
    overflow:hidden;
    line-height:1.1em;
}

section.products_finishes .finishes_wrap .level_wrap_show li img {
    max-height:50px;
}

.video_and_descriptions_list {
    padding:60px 0;
}

.video_and_descriptions_list h1 {
    margin-bottom:30px;
}

.video_and_descriptions_list .intro {
    font-size:18px;
    margin-bottom:30px;
}

.video_and_descriptions_list .video_container {
    margin-bottom:60px;
}

.video_and_descriptions_list .video_container .inside {
    padding:60px 0 0;
}

.video_and_descriptions_list .video_container .inside h2 {
    margin-bottom:30px;
}

.video_and_descriptions_list .video_container .inside p {
    font-size:18px;
}

.video_and_descriptions_list .video_container .youtube-container {
    position:relative;
}

.video_and_descriptions_list .video_container .youtube-thumb {
    width:100%;
    position: relative;
}

.video_and_descriptions_list .video_container button {
    position: absolute;
    top: calc(50% - 90px / 2);
    left: calc(50% - 90px / 2);
    background: transparent;
    border: 0;
    background: white;
    border-radius: 10px;
    color: red;
}

.video_and_descriptions_list .video_container button svg {
    width:90px;
    height:90px;
}

.video_and_descriptions_list .video_container iframe {
    display:block;
    border:0;
    width:90%;
    height:314px;
    margin:60px auto;
}

.video_and_descriptions_list .additional_item {
    padding-top:40px;
    text-align:center;
}

.video_and_descriptions_list .additional_item h3 {
    margin-bottom:30px;
}

.video_and_descriptions_list .additional_item p {
    margin-bottom:30px;
    min-height:60px;
}

@media (min-width:992px) and (max-width:1199px) {

    .video_and_descriptions_list iframe {
        height:475.875px;
    }

}

@media (min-width:768px) and (max-width:991px) {

    .video_and_descriptions_listion .video_container iframe {
        height:364.5px;
    }

}

@media (max-width:767px) {

    .video_and_descriptions_list .video_container iframe {
        height:364.5px;
    }

}

#page_cover_initial {
    background:white;
    position:fixed;
    width:100%;
    height:100%;
    z-index:1000;
}

#cover_logo {
    position:absolute;
    top:calc(50% - 40px - 40px);
    left:calc(50% - 145px);
    height:85px;
    filter: invert(100%);
}

section.home_section {
    position:relative;
    width:100%;
    min-height:1000px;
    padding-bottom:60px;
}

section.home_section .left {
    padding-top:80px;
}

section.home_section .left h1 {
    font-size:32px;
    margin-bottom:30px;
}

section.home_section .left ul {
    padding-left: 20px;
}

section.home_section .left ul li {
    font-size:18px;
    margin-bottom:20px;
    padding-left:15px;
    list-style: disc;
}

section.home_section .left ul li span {
    color:red;
}

section.home_section .right .index_carousel {
    width:450px;
    margin: 100px auto 20px;
}

section.home_section .right .index_carousel.owl-theme .owl-dots .owl-dot.active span,
section.home_section .right .index_carousel.owl-theme .owl-dots .owl-dot:hover span {
    background:black;
}

section.home_section .top_row {
    margin-bottom:40px;
}

section.home_section .top_row .top {
    text-align:center;
    margin-bottom:40px;
    font-size:42px;
}

section.home_section .top_row .first input {
    width: 400px;
    margin: 0 auto 10px;
    height: 42px;
    font-size: 16px;
}

section.home_section .top_row .second .btn {
    width:400px;
    display:block;
    margin:0 auto;
}

section.home_section .top_row .last {
    margin-top:5px;
    text-align:center;
}

section.home_section #page_cover_initial.hide {
    opacity:0;
}

section.home_section #cover_logo {
    visibility:hidden;
    height:60px;
    position:absolute;
    z-index:101;
    top:calc(50% - 30px - 40px);
    left:calc(50% - 135px);
    filter: invert(100%);
}

section.home_section #cover_logo.upperleft {
    top: -70px;
    left: calc((100% - 1170px)/2 + 15px);
    filter: invert(0%);
}

section.home_section h2 {
    margin-bottom:20px;
}

section.home_section .index_bottom_row {
    margin-top:40px;
}

section.home_section .index_bottom_row h2 {
    margin-bottom:40px;
}

section.home_section .index_bottom_row p {
    margin-bottom:30px;
}

section.home_section .index_bottom_row .btn {
    width:330px;
    margin-top:30px;
}

section.home_section .video_container {
    padding:60px 0;
}

section.home_section .video_container h2 {
    text-align:center;
}

section.home_section .video_container .youtube-container {
    position:relative;
}

section.home_section .video_container .youtube-thumb {
    width:100%;
    position: relative;
    right: 40px;
}

section.home_section .video_container button {
    position: absolute;
    top: calc(50% - 90px / 2);
    left: calc(50% - 90px / 2);
    background: transparent;
    border: 0;
    background: white;
    border-radius: 10px;
    color: red;
}

section.home_section .video_container button svg {
    width:90px;
    height:90px;
}

section.home_section .video_container iframe {
    display:block;
    border:0;
    width:90%;
    height:577.125px;
    margin:60px auto;
}

@media (min-width:992px) and (max-width:1199px) {

    section.home_section iframe {
        height:475.875px;
    }

}

@media (min-width:768px) and (max-width:991px) {

    section.home_section {
        height:auto;
    }

    section.home_section .left {
        padding-top:60px;
    }

    section.home_section .left ul {
        height:auto;
    }

    section.home_section .left ul li {
        padding-left:0;
    }

    section.home_section .button_row {
        margin-top:15px;
    }

    section.home_section .button_row a {
        margin-left:0;
    }

    section.home_section .right .index_carousel {
        margin-top:15px;
        width:400px;
    }


    section.home_section .video_container iframe {
        height:364.5px;
    }

}

@media (max-width:767px) {

    section.home_section {
        height:auto;
    }

    section.home_section .left {
        padding-top:60px;
    }

    section.home_section .left ul {
        height:auto;
    }

    section.home_section .left ul li {
        padding-left:0;
    }

    section.home_section .button_row {
        margin-top:15px;
    }

    section.home_section .button_row a {
        margin-left:0;
    }

    section.home_section .right .index_carousel {
        margin-top:15px;
        width:300px;
    }

    section.home_section .top_row .first input {
        width:100%;
    }

    section.home_section .top_row .second .btn {
        width:100%;
    }

    section.home_section .index_bottom_row .btn {
        width:100%;
    }

    section.home_section .video_container iframe {
        height:364.5px;
    }

}

/*Home redesign*/
.home_top_section {
    background:url("../images/BG.jpg") no-repeat center center;
    background-size:cover;
    position:relative;
    padding:100px 60px 80px;
}

.home_top_section .cover {
    background:rgba(255,255,255,0.85);
    position:absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
}

.home_top_section .centered {
    padding:40px 80px;
}

.home_top_section .centered h1 {
    text-shadow: 2px 2px 3px rgba(0,0,0,0.8);
    font-weight:bold;
    font-size:46px;
    color: #333333;
    text-align:center;
    line-height:1.3em;
}

.home_top_section .centered ul {
    width: 438px;
    margin: 20px auto;
}

.home_top_section .centered ul li {
    float:left;
}

.home_top_section .centered ul li.left input {
    padding: 20px;
    background: #000000bd;
    color: #fff;
    width: 300px;
    height: 60px;
}

.home_top_section .centered ul li.right a {
    line-height: 20px;
    background: #000;
    padding: 19px;
    color: white;
    border-radius:0;
}

.home_top_section .centered .last {
    margin-top:60px;
    font-size:22px;
    color:black;
    text-align:center;
}

.home_top_section .centered .last a {
    color:black;
    text-decoration:underline;
}

.home_top_section .centered .last a:hover {
    text-decoration:none;
}

.steps_section {
    padding:60px 0;
}

.steps_section ul {
    margin:0 auto;
    width:945px;
}

.steps_section ul li {
    float:left;
}

.steps_section ul li.picture {
    width:175px;
    text-align:center;
}

.steps_section ul li.picture img {
    width:125px;
}

.steps_section ul li.picture h4 {
    color:rgb(57, 117, 141);
    font-size:20px;
    font-weight:bold;
    text-align:center;
    margin-bottom:10px;
}

.steps_section ul li.picture p {
    color:rgb(57, 117, 141);
    text-align:center;
}

.steps_section ul li.arrow {
    width:80px;
    padding-top:100px;
}

.left_picture_right_description {
    padding:60px 0;
}

.left_picture_right_description img {
    max-width:100%;
}

.left_picture_right_description .inside p {
    margin-bottom:20px;
    font-size:18px;
}

.gallery_grid {
    padding:60px 10px;
}

.gallery_grid h2 {
    margin-bottom:30px;
    font-weight:bold;
    text-align:center;
    margin-top:0;
}

.gallery_grid .intro {
    text-align:center;
    margin-bottom:30px;
    font-size:18px;
}

.gallery_grid .gallery>li {
    float:left;
    width:25%;
    padding:0 5px;
    margin-bottom:10px;
}

.gallery_grid .gallery>li .each {
    position:relative;
    overflow:hidden;
}

.gallery_grid .gallery>li .each img {
    width:100%;
}

.gallery_grid .gallery>li .each .description {
    position:absolute;
    top:100%;
    height:100%;
    transition:all 0.2s linear;
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
}

.gallery_grid .gallery>li .each:hover .description {
    top:0;
}

.gallery_grid .gallery>li .each .description p {
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    width: 100%;
    font-size: 18px;
    padding: 0 30px;
    color: black;
    text-align:center;
}

.gallery_grid .gallery>li .each .description p .btn {
    border-radius:20px;
    margin:20px auto 0;
    font-size:18px;
}

.black_section {
    background:black;
    padding:60px 0;
}

.black_section h2 {
    margin-bottom: 25px;
    margin-top: 0px;
    color: white;
    font-size: 24px;
    text-align:center;
}

.black_section .star_divider {
    height: 1px;
    border-bottom: 1px solid white;
    position: relative;
    width: 120px;
    margin: 0px auto;
}

.black_section .star_divider .circle {
    background: white;
    width: 36px;
    height: 36px;
    display: block;
    border-radius: 50%;
    text-align: center;
    padding-top: 12px;
    position: absolute;
    top: -18px;
    left: 42px;
}

.black_section .btn_blue_hover {
    width:220px;
    margin:60px auto 0;
}

.left_text_right_picture {
    padding:60px 0;
}

.left_text_right_picture h1 {
    margin-bottom:30px;
}

.left_text_right_picture p {
    margin-bottom:20px;
    font-size:18px;
}

.left_text_right_picture .picture {
    max-width:100%;
    margin-top: 70px;
}

.left_text_right_picture .steps {
    margin-bottom:20px;
}

.left_text_right_picture .steps li {
    font-size:18px;
    margin-bottom:15px;
}

.left_text_right_picture .steps li span {
    display: inline-block;
    margin-right:10px;
    background: black;
    color: white;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
}

.list_of_people {
    padding:60px 0;
}

.list_of_people h2 {
    margin-bottom: 25px;
    margin-top: 0px;
    font-size: 36px;
    text-align:center;
}

.list_of_people .intro {
    text-align:center;
    margin-bottom:30px;
    font-size:18px;
}

.list_of_people .people>li {
    float:left;
    width:33%;
    padding:20px 30px;
    text-align:center;
    margin-bottom:30px;
}

.list_of_people .people>li .image_wrap {
    text-align:center;
    margin-bottom:20px;
}

.list_of_people .people>li .image_wrap img {
    max-width:80%;
    border-radius:50%;
}

.list_of_people .people>li .name {
    font-size:20px;
    margin-bottom:5px;
}

.list_of_people .people>li .title {
    font-size:18px;
    font-style:italic;
    margin-bottom:10px;
}

.list_of_people .people>li .paragraph {
    text-align:justify;
}

.list_of_people .image_photo {
    text-align:center;
}

.list_of_people .image_photo img {
    max-width:600px;
}

.left_right_comparison {
    padding:60px 0;
}

.left_right_comparison h2 {
    margin-bottom: 25px;
    margin-top: 0px;
    font-size: 36px;
    text-align:center;
}

.left_right_comparison .intro {
    text-align:center;
    margin-bottom:30px;
    font-size:18px;
}

.left_right_comparison .left_side,
.left_right_comparison .right_side {
    padding:30px 0;
}

.left_right_comparison .left_side {
    padding-left:140px;
}

.left_right_comparison .right_side {
    padding-right:100px;
    padding-left:40px;
    border-left:1px solid grey;
}

.left_right_comparison .top {
    text-align:center;
    font-size:20px;
    margin-bottom:30px;
}

.left_right_comparison p {
    margin-bottom:20px;
    font-size:18px;
}

.left_right_comparison p svg {
    margin-right:15px;
}

.left_right_comparison .left_side p svg {
    color:grey;
}

.left_right_comparison .right_side p svg {
    color:green;
}

.cta_cover_picture {
    padding:160px 0;
    text-align:center;
}

.cta_cover_picture h2 {
    margin-bottom:30px;
    font-weight: bold;
    color: black;
}

.cta_cover_picture .btn {
    max-width:200px;
}

.product_finish_section {
    padding:100px 0;
}

.product_finish_section h3 {
    font-size:20px;
    text-align:center;
    margin-bottom:30px;
}

.product_finish_section h4 {
    margin:30px 0 20px;
    text-align:center;
}

.product_finish_section .bookmark_divider {
    height: 1px;
    border-bottom: 1px solid lightgrey;
    position: relative;
    width: 120px;
    margin: 0px auto;
}

.product_finish_section .bookmark_divider .circle {
    background: white;
    width: 36px;
    height: 36px;
    display: block;
    border-radius: 50%;
    text-align: center;
    padding-top: 12px;
    position: absolute;
    top: -18px;
    left: 42px;
}

.product_finish_section .bookmark_divider .circle i {
    color:lightgrey;
}

.product_finish_section .top_p {
    margin-top:30px;
}

.product_finish_section .explanation {
    text-align:center;
    margin:30px auto;
    max-width:800px;
}

section.products_finishes .intro {
    font-size:18px;
    margin-bottom:40px;
}

section.products_finishes h4 {
    cursor:pointer;
}

section.products_finishes .tutorial_list {
    display:none;
    padding-left:30px;
}

/* Delivery Time selection*/
.delivery_pickup_selection {
    padding-bottom:120px;
    padding-top:40px;
}

.delivery_pickup_selection h2 {
    margin-bottom:30px;
}

.delivery_pickup_selection label {
    font-size:16px;
}

.delivery_pickup_selection .project_info {
    margin-bottom:40px;
    font-size:16px;
}

.delivery_pickup_selection .last {
    margin-top:30px;
}

.delivery_pickup_selection .last input {
    display:inline-block;
}

.show_down li {
    float:left;
    width:30%;
    margin:20px 1.5%;
}

.show_down .pic_info {
    width: 100%;
    height: 100%;
    position: relative;
    line-height: 0;
    overflow: hidden;
    background: #080808;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.06);
    -webkit-transition: all 0.4s cubic-bezier(.76,.1,.21,.9);
    -moz-transition: all 0.4s cubic-bezier(.76,.1,.21,.9);
    -o-transition: all 0.4s cubic-bezier(.76,.1,.21,.9);
    -ms-transition: all 0.4s cubic-bezier(.76,.1,.21,.9);
    transition: all 0.4s cubic-bezier(.76,.1,.21,.9);
}

.show_down .pic_info .pic {
    position: relative;
    display: block;
    overflow: hidden;
    opacity: 0.999;
}

.show_down .pic_info .pic .plus_overlay {
    z-index: 1;
    transition: all 0.2s cubic-bezier(.63,.08,.35,.92);
    width: 0;
    border-bottom: 50px solid rgba(0, 0, 0, 0.9);
    border-left: 50px solid transparent;
    bottom: 0;
    height: 0;
    position: absolute;
    right: 0;
    text-indent: -9999px;
    -webkit-transition: all 0.2s cubic-bezier(.63,.08,.35,.92);
    -moz-transition: all 0.2s cubic-bezier(.63,.08,.35,.92);
    -o-transition: all 0.2s cubic-bezier(.63,.08,.35,.92);
    -ms-transition: all 0.2s cubic-bezier(.63,.08,.35,.92);
}

.show_down a:hover .pic_info .pic .plus_overlay {
    border-bottom: 860px solid rgba(255, 255, 255, 0.7);
    border-left: 860px solid transparent;
    -webkit-transition: all 0.4s cubic-bezier(.63,.08,.35,.92);
    -moz-transition: all 0.4s cubic-bezier(.63,.08,.35,.92);
    -o-transition: all 0.4s cubic-bezier(.63,.08,.35,.92);
    -ms-transition: all 0.4s cubic-bezier(.63,.08,.35,.92);
    transition: all 0.4s cubic-bezier(.63,.08,.35,.92);
}

.show_down .pic_info.type2 .plus_overlay_icon {
    background: url(../images/icon_plus_white.png) 0 0 no-repeat;
    width: 13px;
    height: 13px;
    bottom: 9px;
    position: absolute;
    right: 9px;
    z-index: 100;
    -webkit-transition: all 0.2s cubic-bezier(.63,.08,.35,.92);
    -moz-transition: all 0.2s cubic-bezier(.63,.08,.35,.92);
    -o-transition: all 0.2s cubic-bezier(.63,.08,.35,.92);
    -ms-transition: all 0.2s cubic-bezier(.63,.08,.35,.92);
    transition: all 0.2s cubic-bezier(.63,.08,.35,.92);
}

.show_down a:hover .pic_info.type2 .plus_overlay_icon {
    opacity: 0;
    -webkit-transition: all 0.3s cubic-bezier(.63,.08,.35,.92);
    -moz-transition: all 0.3s cubic-bezier(.63,.08,.35,.92);
    -o-transition: all 0.3s cubic-bezier(.63,.08,.35,.92);
    -ms-transition: all 0.3s cubic-bezier(.63,.08,.35,.92);
    transition: all 0.3s cubic-bezier(.63,.08,.35,.92);
}

.show_down .pic_info .pic img {
    display: block;
    width: 100%;
    backface-visibility: hidden;
    max-width: 100%;
    height: auto;
    border-radius: 0;
    -webkit-transition: all 0.3s cubic-bezier(.63,.08,.35,.92);
    -moz-transition: all 0.3s cubic-bezier(.63,.08,.35,.92);
    -o-transition: all 0.3s cubic-bezier(.63,.08,.35,.92);
    -ms-transition: all 0.3s cubic-bezier(.63,.08,.35,.92);
    transition: all 0.3s cubic-bezier(.63,.08,.35,.92);
    -webkit-backface-visibility: hidden;
}

.show_down .pic_info.type2 .img_overlay_icon {
    opacity: 1;
    filter: alpha(opacity=100);
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translate3d(0, 0, 0);
}

.show_down a:hover .pic_info.type2 .img_overlay_icon {

    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 1;
}

.show_down .pic_info.type2 .img_overlay_icon .portfolio_icon {
    top: 50%;
    left: 50%;
    opacity: 0;
    position: absolute;
    background-color: rgba(0,0,0,0.7);
    color: #fff;
    width: 38px;
    height: 38px;
    margin: 0 auto;
    margin-left: -19px;
    display: inline-block;
    border-radius: 50%;
    -webkit-transition: all 0.1s cubic-bezier(.63,.08,.35,.92);
    -moz-transition: all 0.1s cubic-bezier(.63,.08,.35,.92);
    -o-transition: all 0.1s cubic-bezier(.63,.08,.35,.92);
    -ms-transition: all 0.1s cubic-bezier(.63,.08,.35,.92);
    transition: all 0.1s cubic-bezier(.63,.08,.35,.92);
}

.show_down a:hover .pic_info.type2 .img_overlay_icon .portfolio_icon {
    margin-top: -20px;
    opacity: 1;
    z-index: 2;
    -webkit-transition: all 0.2s 0.2s cubic-bezier(.63,.08,.35,.92);
    -moz-transition: all 0.2s 0.2s cubic-bezier(.63,.08,.35,.92);
    -o-transition: all 0.2s 0.2s cubic-bezier(.63,.08,.35,.92);
    -ms-transition: all 0.2s 0.2s cubic-bezier(.63,.08,.35,.92);
    transition: all 0.2s 0.2s cubic-bezier(.63,.08,.35,.92);
}

.show_down .icon_link {
    background:url(../images/icon_plus.png) center center no-repeat;
}

.show_down .info_overlay {
    padding: 12px 0 26px;
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.02));
    z-index: 2;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.show_down .info_overlay h3 {
    margin: 10px 30px 0 30px;
    font-size: 17px;
    line-height: 24px;
    color: #FFF;
    padding: 6px 0 0 0;
    position: relative;
    text-align: left;
}

.show_down a:hover {
    text-decoration:none;
}

.maintenance_mode .center {
    padding-top:60px;
    text-align:center;
}

.maintenance_mode .center img {
    width:300px;
    margin-bottom:30px;
}

.maintenance_mode .center p {
    font-size:28px;
}

/* =============================================
    V2 Design
============================================= */

/* Section__hero_home */
.section__hero_home {
    padding:20px 0;
}
.section__hero_home .grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-gap:0px;
    align-items:stretch;
}
.section__hero_home .hero_image {
    padding:30px 40px;
    background-color: #dbe5db;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23454545' fill-opacity='0.3'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.section__hero_home .hero_image .title {
    text-align:center;
}
.section__hero_home .hero_image .image_wrap img {
    max-width:60%;
    display:block;
    margin:20px auto;
}
.section__hero_home .hero_image .button_wrap{
    text-align:center;
    margin-top:20px;
}
.section__hero_home .hero_image .button_wrap a {
    display:inline-block;
    margin:0 auto;
}

.section__hero_home .long_panel {
    display:grid;
    grid-template-columns:auto 250px;
    grid-gap:10px;
    align-items:center;
    padding:30px;
    background:greenyellow;
    height:373px;
}
.section__hero_home .long_panel .panel_left .title{
    margin-bottom:20px;
}
.section__hero_home .long_panel .panel_left p {
    margin-bottom:1em;
}
.section__hero_home .long_panel .panel_left .button_wrap {
    margin-top:20px;
}
.section__hero_home .long_panel .panel_right img {
    max-width:100%;
}
.section__hero_home .short_panels{
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-gap:0px;
    align-items:center;
}
.section__hero_home .short_panels.with_long_panel{
    height: calc(100% - 373px);
}
.section__hero_home .short_panels .panel {
    padding: 30px;
    text-align:left;
}
.section__hero_home .short_panels .panel .image_wrap{
    width:100%;
    height:150px;
    display:flex;
    align-items:center;
    justify-content:start;
    object-fit:contain;
}
.section__hero_home .short_panels .panel .title{
    margin-bottom:15px;
    max-width:200px;
}
.section__hero_home .short_panels .panel .title a{
    color:var(--color-black);
    text-decoration:underline;
}
.section__hero_home .short_panels .panel .title a:hover {
    text-decoration:none;
}
.section__hero_home .short_panels .panel .price_text{
    margin-bottom:15px;
}
.section__hero_home .short_panels .panel .price_text b {
    font-size:1.75rem;
}
.section__hero_home .short_panels .panel img {
    height:150px;
}

@media (min-width:768px) and (max-width:991px) {
    .section__hero_home .grid {
        grid-template-columns:1fr;
    }
    .section__hero_home .hero_image .image_wrap img {
        max-width:50%;
    }
    .section__hero_home .short_panels .panel .image_wrap{
        margin-bottom:10px;
    }
}
@media (min-width:576px) and (max-width:767px) {
    .section__hero_home .grid {
        grid-template-columns:1fr;
    }
    .section__hero_home .hero_image .image_wrap img {
        max-width:75%;
    }
    .section__hero_home .short_panels .panel .image_wrap{
        margin-bottom:10px;
    }
}
@media (max-width:575px) {
    .section__hero_home .grid {
        grid-template-columns:1fr;
    }
    .section__hero_home .short_panels .panel .image_wrap{
        justify-content:center;
    }
    .section__hero_home .hero_image .image_wrap img {
        max-width:75%;
    }
    .section__hero_home .short_panels {
        grid-template-columns:1fr;
    }
    .section__hero_home .short_panels .panel {
        padding:20px;
        text-align:center;
        border-bottom:1px solid var(--color-mediumgrey);
    }
    .section__hero_home .short_panels .panel .title {
        max-width:100%;
    }
    .section__hero_home .short_panels .panel .image_wrap{
        margin-bottom:10px;
        height:auto;
    }
    .section__hero_home .short_panels .panel img{
        height:auto;
        max-width:60%;
    }
}

/* section__categories */
.section__categories {
    padding:50px 0;
}
.section__categories .title {
    text-align:center;
    margin-bottom:40px;
}
.section__categories .grid {
    display:grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    align-items:center;
}
.section__categories .grid .category{
    padding:30px;
    text-align:center;
    min-height:380px;
}
.section__categories .grid .category .image {
    display:flex;
    align-items:center;
    justify-content:center;
    height:200px;
    width:100%;
    margin-bottom:15px;
    object-fit:contain;
}
.section__categories .grid .category img {
    max-height:100%;
    max-width:100%;
}
.section__categories .grid .category .category_title {
    color:var(--color-black);
    margin-bottom:15px;
}
.section__categories .grid .category .sub{
    color:var(--color-darkgrey);
}
.section__categories .grid .category:hover .category_title {
    text-decoration:underline;
}
.section__categories .grid .action {
    padding:30px;
    text-align:center;
    display:grid;
    grid-template-columns:1fr;
    align-items:center;
    justify-items:center;
    min-height: 380px;
}
.section__categories .grid .action .action_button svg {
    margin-bottom:20px;
}
.section__categories .grid .action a {
    color:var(--color-darkgrey);
}
.section__categories .grid .action:hover a {
    text-decoration:underline;
}

@media (min-width:992px) and (max-width:1199px) {
    .section__categories .grid {
        gap:20px;
    }
    .section__categories .grid .category {
        padding:20px;
    }
}
@media (min-width:768px) and (max-width:991px) {
    .section__categories .grid {
        grid-template-columns: repeat(2, 1fr);
        gap:20px;
    }
    .section__categories .grid .category {
        padding:20px;
    }
}
@media (min-width:576px) and (max-width:767px) {
    .section__categories .grid {
        grid-template-columns: repeat(2, 1fr);
        gap:20px;
    }
    .section__categories .grid .category {
        padding:20px;
    }
}
@media (max-width:575px) {
    .section__categories .grid {
        grid-template-columns: 1fr;
        gap:20px;
    }
    .section__categories .grid .category {
        padding:20px;
    }
}

/* section__testimonial */
.section__testimonial {
    padding:80px 0;
    position:relative;
}

.section__testimonial .container{
    position:relative;
}

.section__testimonial h2 {
    margin-bottom:30px;
    font-weight:bold;
    text-align:center;
    margin-top:0;
}

.section__testimonial .owl-carousel {
    padding:0 30px;
}

.section__testimonial .item .testimonial_body {
    font-size:22px;
}

.section__testimonial .item .testimonial_author {
    text-align:right;
    font-size:22px;
}

.section__testimonial .item .star_wrap {
    margin-left:-5px;
    margin-bottom:5px;
}

.section__testimonial .item .star_wrap img {
    width:25px;
    display:inline;
    margin-right:5px;
}

.section__testimonial .lnr {
    color: #000;
    font-size: 42px;
    cursor: pointer;
    transition: color .3s linear;
    position:absolute;
    top:50%;
    transform: translateY(-50%);
    z-index:2;
}

.section__testimonial .lnr:hover {
    opacity:0.6;
}

.section__testimonial .lnr#left_arrow {
    left:0px;
}

.section__testimonial .lnr#right_arrow {
    right:0px;
}

.section__testimonial .with_above_margin {
    margin-top:60px;
}

.section__testimonial .action {
    margin-top:60px;
    text-align:center;
}

@media (max-width:767px) {

    .section__testimonial {
        padding:20px 0 80px;
    }

    .section__testimonial .item .testimonial_body {
        font-size:20px;
    }

    .section__testimonial .item .testimonial_author {
        text-align:right;
        font-size:20px;
    }

}

/* .section__grids_with_icons */

.section__grids_with_icons {
    padding:80px 0;
}

.section__grids_with_icons h2 {
    margin-bottom:60px;
    text-align:center;
    margin-top:0;
}
.section__grids_with_icons .grid {
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.section__grids_with_icons .grid .each {
    padding:40px;
    text-align:center;
}

.section__grids_with_icons .grid .each .icon {
    width: 52px;
    height: 52px;
    display: grid;
    align-items: center;
    justify-items: center;
    border-radius: 12px;
    margin: 0 auto 15px;
}

.section__grids_with_icons .grid .each h3 {
    margin-bottom:20px;
}

@media (min-width:768px) and (max-width:991px) {
    .section__grids_with_icons .grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width:576px) and (max-width:767px) {
    .section__grids_with_icons .grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width:575px) {
    .section__grids_with_icons .grid {
        grid-template-columns: 1fr;
    }
}

/* .section__content_area_1 */

.section__content_area_1 {
    padding:80px 0;
}
.section__content_area_1 .grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px;
    align-items:center;
}
.section__content_area_1 .grid .left img {
    max-width:100%;
}
.section__content_area_1 .grid .right .title{
    margin-bottom:20px;
}
.section__content_area_1 .grid .right p {
    margin-bottom:20px;
}

@media (min-width:768px) and (max-width:991px) {
    .section__content_area_1 .grid {
        grid-template-columns:1fr;
    }
}
@media (min-width:576px) and (max-width:767px) {
    .section__content_area_1 .grid {
        grid-template-columns:1fr;
    }
}
@media (max-width:575px) {
    .section__content_area_1 .grid {
        grid-template-columns:1fr;
    }
}

/* .section__content_area_2 */

.section__content_area_2 {
    padding:80px 0;
}
.section__content_area_2 .grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px;
    align-items:center;
}
.section__content_area_2 .grid .right img {
    max-width:100%;
}
.section__content_area_2 .grid .left .title{
    margin-bottom:20px;
}
.section__content_area_2 .grid .left p {
    margin-bottom:20px;
}

@media (min-width:768px) and (max-width:991px) {
    .section__content_area_2 .grid {
        grid-template-columns:1fr;
    }
}
@media (min-width:576px) and (max-width:767px) {
    .section__content_area_2 .grid {
        grid-template-columns:1fr;
    }
}
@media (max-width:575px) {
    .section__content_area_2 .grid {
        grid-template-columns:1fr;
    }
}

/* section__content_area_3 */
.section__content_area_3 {
    padding:80px 0;
}
.section__content_area_3 .title {
    margin-bottom:40px;
}
.section__content_area_3 p {
    margin-bottom:20px;
}

/* section__search */
.section__search {
    padding:20px 0 80px;
}
.section__search .search_title {
    margin-bottom:20px;
}
.section__search .grid {
    display:grid;
    grid-template-columns:300px auto;
    gap:60px;
    align-items:start;
}
.section__search .grid .search_criteria {
    margin-bottom:30px;
}
.section__search .grid .search_criteria.open {
    display:block;
}
.section__search .grid .search_criteria .title{
    margin-bottom:15px;
}
.section__search .grid .search_criteria .options{
    margin-bottom:15px;
}
.section__search .grid .search_criteria ul {
    padding-left:20px;
}
.section__search .grid .search_criteria ul.first{
    padding-left:0;
}
.section__search .grid .search_criteria ul li label {
    margin-bottom:10px;
}
.section__search .grid .search_summary{
    background:var(--color-lightgrey);
    padding:20px;
    margin-bottom:30px;
}
.section__search .grid .search_results {
    display:grid;
    grid-template-columns: repeat(4, 1fr);
    gap:0px;
    align-items:start;
}
.section__search .grid .search_results .each_result {
    padding:20px;
    border:1px solid var(--color-lightgrey);
}
.section__search .grid .search_results .each_result .image_wrap{
    text-align:center;
    margin-bottom:15px;
    height:200px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.section__search .grid .search_results .each_result .image_wrap img {
    max-height:80%;
    max-width:80%;
    object-fit: contain;
}
.section__search .grid .search_results .each_result .description{
    min-height:130px;
    margin-bottom:20px;
}
.section__search .grid .search_results .each_result .product_name {
    margin-bottom:10px;
}
.section__search .grid .search_results .each_result .price_text {
    margin-bottom:10px;
}
.section__search .grid .search_more {
    text-align:center;
    margin-top:30px;
}
.section__search .search_criteria_toggle {
    display:none;
    grid-template-columns:auto auto;
    align-items:center;
    gap:30px;
}

@media (min-width:992px) and (max-width:1199px) {
    .section__search .grid .search_results {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (min-width:768px) and (max-width:991px) {
    .section__search .grid{
        grid-template-columns: 225px auto;
        gap: 20px;
    }
    .section__search .grid .search_results {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width:576px) and (max-width:767px) {
    .section__search .grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .section__search .grid .search_results {
        grid-template-columns: repeat(2, 1fr);
    }
    .section__search .grid .search_results .each_result .image_wrap img {
        max-height:100%;
        max-width:100%;
    }
    .section__search .grid .search_criteria {
        display:none;
        margin-bottom:10px;
        padding-top:15px;
    }
    .section__search .search_criteria_toggle {
        display:grid;
    }
}
@media (max-width:575px) {
    .section__search .grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .section__search .grid .search_results {
        grid-template-columns: 1fr;
    }
    .section__search .grid .search_results .each_result .description {
        min-height:auto;
    }
    .section__search .grid .search_results .each_result .image_wrap img {
        max-height:100%;
        max-width:100%;
    }
    .section__search .grid .search_criteria {
        display:none;
        margin-bottom:10px;
        padding-top:15px;
    }
    .section__search .search_criteria_toggle {
        display:grid;
        grid-template-columns: 1fr;
        gap:10px;
    }
}


/* section__signup */
.section__signup {
    padding:80px 0;
}
.section__signup .grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px;
    align-items:center;
}
.section__signup .grid .left {
    padding-right:60px;
    border-right:1px solid var(--color-lightgrey);
}
.section__signup .grid .left .inner .title {
    margin-bottom:20px;
}
.section__signup .grid .left .panelbody {
    max-width:400px;
    margin:0 auto;
}
.section__signup .grid .left .panelbody .form-group{
    margin-bottom:20px;
}
.section__signup .grid .left .panelbody .button_wrap {
    margin-top:20px;
}
.section__signup .grid .right p{
    margin-bottom:20px;
}

@media (min-width:576px) and (max-width:767px){
    .section__signup .grid {
        grid-template-columns:1fr;
    }
    .section__signup .grid .left {
        padding-right:0;
        border-right:0;
    }
}
@media (max-width:575px){
    .section__signup .grid {
        grid-template-columns:1fr;
    }
    .section__signup .grid .left {
        padding-right:0;
        border-right:0;
    }
}

/* section__shopping_list */
.section__shopping_list {
    padding:80px 0;
}
.section__shopping_list .grid {
    display:grid;
    grid-template-columns:3fr 1fr;
    gap:20px;
}

@media (min-width:768px) and (max-width:991px){
    .section__shopping_list {
        padding-top:40px;
        padding-bottom:0;
    }
    .section__shopping_list .grid {
        grid-template-columns:1fr;
    }
}
@media (min-width:576px) and (max-width:767px){
    .section__shopping_list {
        padding-top:40px;
        padding-bottom:0;
    }
    .section__shopping_list .grid {
        grid-template-columns:1fr;
    }
}
@media (max-width:575px){
    .section__shopping_list {
        padding-top:40px;
        padding-bottom:0;
    }
    .section__shopping_list .grid {
        grid-template-columns:1fr;
    }
}

/* section__checkout */
.section__checkout {
    padding:80px 0;
}

.section__checkout .mobile_explanation{
    display:none;
    margin-bottom:20px;
}
.section__checkout .grid {
    display:grid;
    grid-template-columns:2fr 1fr;
    gap:20px;
}
.section__checkout .main_title {
    margin-bottom:10px;
}
.section__checkout .form_step_wrap {
    padding-bottom:20px;
    margin-bottom:20px;
    border-bottom:1px solid var(--color-lightgrey);
}
.section__checkout .form_step_wrap .step_title {
    margin-bottom:10px;
}
.section__checkout .form_step_wrap .explanation {
    margin-bottom:20px;
}
.section__checkout .form_step_wrap .grid_2 {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
}
.section__checkout .form_step_wrap .form-group{
    margin-bottom:15px;
}
.section__checkout .form_step_wrap .choice {
    margin-bottom:10px;
}
.section__checkout .form_step_wrap .postal_code{
    display:grid;
    grid-template-columns:100px 10px 100px;
    gap:5px;
    align-items:center;
}
.section__checkout .form_step_wrap .terms_conditions {
    margin-top:30px;
    margin-bottom:30px;
}
.section__checkout .form_step_wrap .terms_conditions .title{
    margin-bottom:5px;
}
.section__checkout .form_step_wrap .terms_conditions .error{
    display:none;
}
.section__checkout .form_step_wrap .order_notes {
    list-style:disc;
    list-style-position:inside;
    padding-left:20px;
}
.section__checkout .form_step_wrap .order_notes {
    margin-bottom:20px;
}
.section__checkout .form_step_wrap .order_notes li{
    margin-bottom:5px;
}
.section__checkout .form_step_wrap .credit_card_image {
    margin-top:20px;
}

@media (min-width:768px) and (max-width:991px){
    .section__checkout {
        padding-bottom:0;
    }
    .section__checkout .grid {
        grid-template-columns:1fr;
    }
    .section__checkout .mobile_explanation{
        display:block;
    }
}
@media (min-width:576px) and (max-width:767px){
    .section__checkout {
        padding-bottom:0;
    }
    .section__checkout .grid {
        grid-template-columns:1fr;
    }
    .section__checkout .mobile_explanation{
        display:block;
    }
}
@media (max-width:575px){
    .section__checkout {
        padding-bottom:0;
    }
    .section__checkout .grid {
        grid-template-columns:1fr;
    }
    .section__checkout .mobile_explanation{
        display:block;
    }
    .section__checkout .form_step_wrap .grid_2 {
        grid-template-columns:1fr;
        gap:10px;
    }
}

/* cart_summary */

.cart_summary{
    position:sticky;
    background:var(--color-black);
    color:var(--color-white);
    padding: 20px;
    top:20px;
}

.cart_summary .title {
    margin-bottom:20px;
}

.cart_summary .options{
    margin-bottom:20px;
    margin-top:20px;
}
.cart_summary .options a{
    color:var(--color-white);
    text-decoration:underline;
}
.cart_summary .change a{
    color:var(--color-white);
    text-decoration:underline;
}
.cart_summary .link_wrap a{
    color:var(--color-white);
    text-decoration:underline;
}
.cart_summary .options a:hover,
.cart_summary .change a:hover,
.cart_summary .link_wrap a:hover {
    text-decoration:none;
}

.cart_summary .link_wrap {
    margin-top:20px;
}
.cart_summary .button_wrap{
    margin-top:20px;
}
.cart_summary .item_list {
    padding-top:20px;
}
.cart_summary .item_list .each {
    margin-bottom:15px;
    padding-bottom:15px;
    border-bottom:1px solid var(--color-darkgrey);
    display:grid;
    grid-template-columns:80px auto;
    gap:10px;
    align-items:start;
}
.cart_summary .item_list .each .image {
    max-width:100%;
}
.cart_summary .item_list .each .image img{
    width:100%;
}
.cart_summary .item_list .each .details {
    font-size:0.875rem;
}
.cart_summary .item_list .each .details .name {
    margin-bottom:10px;
}
.cart_summary .item_list .each .details .detail_link a{
    color:var(--color-white);
}
.cart_summary .item_list .each .details .product_details {
    display:none;
}
.cart_summary .item_list .each .details .product_details.shown {
    display:block;
}
.cart_summary .order_summary #discount_row.hidden {
    display:none;
}
.cart_summary .order_summary .toggle_wrap a{
    color:var(--color-white);
}
.cart_summary .order_summary #coupon_application_area{
    display:none;
    margin:5px 0;
}
.cart_summary .order_summary #coupon_application_area.shown {
    display:block;
}
.cart_summary .order_summary #coupon_application_area .grid {
    display:grid;
    grid-template-columns:auto 71px;
    gap:10px;
}
.cart_summary .order_summary #coupon_application_area .grid input{
    font-size:0.875rem;
}
.cart_summary .order_summary td.head {
    padding-right:10px;
}
.cart_summary .order_summary .hidden {
    display:none;
}
@media (min-width:767px) and (max-width:991px){
    .cart_summary {
        position:fixed;
        bottom:0;
        width:100vw;
        left:0;
        right:0;
        top: unset;
    }
    .cart_summary .grid2 {
        display:grid;
        grid-template-columns:1fr 1fr 1fr;
        gap:10px;
        align-items:start;
    }
    .cart_summary .button_wrap {
        margin-top:0;
    }

    .section__checkout .cart_summary {
        position:relative;
        width:100%;
    }
}
@media (min-width:576px) and (max-width:767px){
    .cart_summary {
        position:fixed;
        bottom:0;
        width:100vw;
        left:0;
        right:0;
        top: unset;
        padding: 10px;
    }
    .cart_summary .grid2 {
        display:grid;
        grid-template-columns:1fr 1fr 1fr;
        gap:10px;
        align-items:start;
    }
    .cart_summary .title {
        margin-bottom:10px;
    }
    .cart_summary .button_wrap {
        margin-top:0;
    }

    .section__checkout .cart_summary {
        position:relative;
        width:100%;
    }
}
@media (max-width:575px){
    .cart_summary {
        position:relative;
        bottom:0;
        width:100%;
        left:0;
        right:0;
        top: unset;
        padding: 10px;
    }
    .cart_summary .grid2 {
        display:grid;
        grid-template-columns:1fr;
        gap:10px;
        align-items:start;
    }
    .cart_summary .title {
        margin-bottom:10px;
    }
    .cart_summary .button_wrap {
        margin-top:0;
    }

    .section__checkout .cart_summary {
        position:relative;
        width:100%;
    }
}