#mlist_modal {
    display:none !important; 
}

body {
    margin:0;
    /* font-family: 'Gotham-Medium', Helvetica, Arial, sans-serif; */
    font-size:16px;
}
h1 {
    margin-top:0;
}




.customOrderApp_wrapper {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.customOrderApp_wrapperInner {
    width: 100%;
    /*max-width: 1100px;*/
    max-width: 1520px;
}
@media (min-width: 768px) {
    .customOrderApp_wrapperInner {
        padding: 0 20px;
    } 
}


.custom_order {
    width:100%;
    padding-top: 20px;
}
.custom_order_form {
    display: flex;
    justify-content: center;
    padding-bottom: 200px;
    position: relative;
}
.colum_left,
.colum_right {
    position:relative;
}
.colum_left {
    width:60%;
}
.colum_right {
    width:40%;
}
.colum_left {
    min-height: 1100px;
    display: flex;
    justify-content: flex-start;
    flex-flow: column;
}




/* -------------------- Custom Order TABS -------------------- */
.cocr_tabsBtn {
    width: 100%;
    display: none;
    align-items: center;
    justify-content:space-between;
}
.hasInfoText .cocr_tabsBtn {
    display:flex;
}
.tabBtn {
    width: 50%;
    height: 42px;
    display:flex;
    align-items: center;
    justify-content:center;
    border-radius: 42px;
    background-color: #f3f3f3;
    border:solid 1px #dedede;
}
.tabBtn.tabBtn_active {
    border:solid 1px #333;
}
.tabBtn_info {
    display:none;
}
.hasInfoText .tabBtn_info {
    display:flex;
}

.cocr_tabs {
    padding-top:40px;
}
.cocr_tab {
    display:none;
    opacity: 0;
    transition:all 250ms;
}
.cocr_tab.currActiveTab {
    display: block;
    opacity: 1;
}
/* -------------------- ----------------- -------------------- */





@media (max-width: 767px) {
    .smallboard_preview .colum_left {
        min-height:280px;
    }
    .smallboard_preview .colum_right {
        top: 25px;
    }
}

.cl_boardWidgetOuter {
    width: 100%;
    display: flex;
    justify-content: center;
    position: relative;
}
.boardWidget_masterWrapper,
.boardImage_masterWrapper {
    width: 100%;
    display: none;
    justify-content: center;
    opacity:0;
    transition: opacity 1s;
}
.customorder_initiated .boardWidget_masterWrapper,
.customorder_initiated .boardImage_masterWrapper {
    opacity:1;
}
.boardOutlineFile .boardWidget_masterWrapper {
    display: flex;
}
.replaceboardoutlinebyimagefile .boardImage_masterWrapper {
    display: flex;
}

.column_left_inner {
    padding-bottom: 40px;
    padding-top: 60px;
}

.bim_wrapperInner {
    width: 100%;
}
.bim_widgetElevator {
    position: relative;
}
.bim_boardImage {
    width: 100%;
}
.bim_boardImage_wrapper_paintPreview {
    display: none;
    position: absolute;
    top:0;
    left: 40px;
    width: 100px;
    background-color: rgba(255,255,255, 1);
    box-shadow: 2px 2px 10px -2px #999;
}
.bim_boardImage_wrapper_paintPreview.bbipp_active {
    display: block;
}
.bim_boardImage_wrapper_paintPreview img {
    width: 100%;
}
.bim_boardImage_wrapper_title {
    font-size: .6em;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
}
.boardWidget_masterWrapper .bim_boardImage_wrapper_paintPreview {
    top:30px;
}



/* ------------------- hasPanel ----------------- */
.cof_overlay {
    z-index: 1000;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0, 0.8);
    display: none;
}
.hasPanel .cof_overlay {
    display: flex;
}
.hasPanel .cl_boardWidgetOuter {
    background-color: #fff;
    padding-top:20px;
}
.hasPanel .board_view_selector {
    top:20px;
}
.hasPanel .cl_boardWidgetOuter,
.hasPanel .bgg_list_wrapper {
    border-radius:10px;
}
.hasPanel .colum_left,
.hasPanel .colum_right {
    z-index: 1001;
}
@media (max-width: 767px) {
    .hasPanel .colum_left,
    .hasPanel .colum_right {
        width: 100%;
    }
    .hasPanel .pl_closepaint {
        right: 5px;
        top: 5px;
    }
}
.hasPanel .cocr_tabsBtn {
    display: none;
}
.hasPanel .cocr_tabs {
    padding-top:0;
}
.bgg_list_contentWrapper {
    width: 100%;
    height: 100%;
    
    
    overflow-x: hidden;
    overflow-y: scroll;
}
/* ------------------- -------- ----------------- */



/* --- .boardWidget_wrapper --- */
.boardWidget_wrapper {
    transform-origin: top;
    position: relative;
    top:0;
    transition:all 600ms;
}
@media (max-height: 951px) and (min-width: 768px) {
    .boardWidget_wrapper {
        transform: scale(.9);
    }
}
@media (max-height: 850px) and (min-width: 768px) {
    .boardWidget_wrapper {
        transform: scale(.8);
    }
}
@media (max-height: 788px) and (min-width: 768px) {
    .boardWidget_wrapper {
        transform: scale(.7);
    }
}
/* --- -------------------- --- */


/* --- .board_widget --- */
.board_widget {
    width: 480px;
    height: 700px;
    margin-top: 60px;
    margin-left: 5%;
    transform:  scale(.5) 
                translateY(0)
                translateX(24px);
    transform-origin: top center;
}

@media (min-width: 200px) {
    .board_widget {
        transform:  scale(.5);
        margin-left: 0%;
    }
}
@media (min-width: 390px) {
    .board_widget {
        transform:  scale(.7);
    }
}
@media (min-width: 500px) {
    .board_widget {
        transform:  scale(.7);
    }
    .board_view_selector {
        width: 88% !important;
    }
}
@media (min-width: 768px) {
    .board_widget {
        transform:  scale(.6);
    }
}
@media (min-width: 980px) {
    .board_widget {
        transform:  scale(.7);
    }
}
@media (min-width: 1080px) {
    .board_widget {
        transform:  scale(.9);
    }
}
@media (min-width: 1520px) {
    .board_widget {
        transform:  scale(1);
    }
}
/* --- ------------- --- */

/* --- .board_ruller --- */
.board_ruller {
    height: 100%;
    position:absolute;
    top:0;
    left:-11%;
    transform: scaleY(1);
    z-index:1;
}
@media (min-width: 200px) {
    .board_ruller {
        left:-7% !important;
    } 
}
@media (min-width: 390px) {
}
@media (min-width: 500px) {
}
@media (min-width: 768px) {
}
@media (min-width: 980px) {
}
@media (min-width: 1080px) {
}
@media (min-width: 1520px) {
}
/* --- ------------- --- */












@media (max-width: 767px){
    .customOrderWrapper {
        padding:0;
    }
}

@media (max-width: 767px) {
    .custom_order_form {
        flex-direction: column;
    }
    
    .colum_left, .colum_right {
        width: 90%;
        margin: 0 auto;
    }
    .colum_left {
        padding-top:0;
        min-height: 0;
    }
    .column_left_inner {
        padding-top:0;
        padding-bottom:0;
        height: 670px;
    }

    .otherproduct_list {
        padding: 10px !important;
    }
    .ig_btn {
        font-size: .4em;
    }
    .ccl_optionswrapper {
    }



    
    .smallboard_preview .customorder_initiated .colum_left {
        width: 100%;
        height: 322px;
        background-color:#fff;
        box-shadow: 0px 0px 20px;
        position:fixed;
        top:0;
        left:0;
        z-index:9999999999999999999999999;
    }
    .smallboard_preview .customorder_initiated .colum_left .board_view_selector {
        z-index: 99999;
        width: 100%;
    }
    .smallboard_preview .customorder_initiated .colum_left > * {
        transform: scale(0.4);
        transform-origin: top center;
    }
    .smallboard_preview .customorder_initiated .custom_order_form {
        padding-top:775px;
    }

    .smallboard_preview .board_widget {
        transform:  scale(.7);
    }
}











.bw_zoom {
    width: 100%;
    height: 100%;
    position: relative;
}
.zoom_select {
    width:12%;
    margin-right:30px;
    display: none;
}


.board_ruller svg {
    transform: scaleY(1.05);
    position: relative;
    top:10px;
}
.boardwidget_box {
    width:100%;
    height: 100%;
    transform: scale(1);
}
.boardwidget_box_inner {
    width:100%;
    height: 100%;
    display: flex;
}
.board_widget_outer {
    width: 240px;
    height: 700px;
}

.b_deck,
.b_bottom {
    position: relative;
}
.b_deck {
    left:-20px;
}
.b_bottom {
    right:-20px;
}

.board_widget_inner {
    width: 100%;
    height: 100%;
}
.board_widget_inner.zoomed {
    transform: scale(0.6);
}
.board_wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    transform-origin: center;
    transform: scale(1);
    transition: transform 150ms;
}
.board_inner,
.board_outer {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;

    clip-path: url(#outline_svg);
    -webkit-clip-path: url(#outline_svg);
    -webkit-mask-repeat: no-repeat !important;
    -webkit-mask-size: 100% 100% !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
}

.board_inner {
    transform: scale(1, 1);
}







.board_inner *,
.board_outer * {
    position: absolute;
}

.board_outer_elements {
    display: none;
}
.board_outer_elements .boardelements_wrapper {
    display:block;
    position:relative;
    top:0px;
    transform:scaleX(1);
}

.be_boardsurface > img {
    width:220px;
}
.boardshadows {
    width: 201px;
}










.b_bottom .be_boardsurface > img {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
.boardelements_wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    transform-origin: center;
}




.nonscalable {
    transition: transform 150ms;
    transform-origin: center center;
}

.be_paint img {
    bottom: 12px;
    transform-origin: bottom center;
}
.be_tailpatch img {
    bottom: 26px;
    transform-origin: bottom center;
}
.be_extrapatch img {
    bottom: 26px;
    transform-origin: bottom center;
}
.be_modellogo {
    /*bottom:20px;*/
}
.be_brandlogo {
    justify-content: center;
    align-items: center;
}
.be_tailpad img {
    bottom: 5px;
    width: 195px;
    transform-origin: center center;
}
.be_stringer img {
    height: 100%;
}
.be_leashplug img {
    width: 14px;
    bottom: 35px;
}
.be_brandlabel img {
    width: 39px;
    left: 100px;
    bottom: 23px;
    transform: rotate(0deg);
}
.fins {
    bottom:10px;
    transform-origin: bottom center;
}

.paintpos_top {
    transform-origin: top center !important;
}
.paintpos_center {
    transform-origin: center center !important;
}
.paintpos_bottom {
    transform-origin: bottom center !important;
}




.onesideconfig.board_widget {
    width: 240px;
}
.onesideconfig .boardwidget_box_inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transform-style: preserve-3d;
}
.board_widget.osc_bottom .boardwidget_box_inner {
    transform: rotateY(180deg);
}
.board_widget.osc_bottom .b_bottom {
    z-index: 2;
}

.onesideconfig .b_deck, 
.onesideconfig .b_bottom {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0;
}
.onesideconfig .b_deck {
    z-index: 2;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
.onesideconfig .b_bottom {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}


.outline_svgwrapper,
#htmlnode_clones {
    width:0;
    height:0;
    overflow:hidden;
    opacity:0;
    position: relative;
}

html,
body {
    width:100%;
    height:100%;
}
.re_render {
    transform: translateZ(0);
    
}

.addedAccessoriesDisplay_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: -70px;
    right: 0;
}
.tailpad_preview,
.fins_preview,
.leash_preview {
    width: 70px;
    height: 70px;
}
.tailpad_preview img,
.leash_preview img,
.fins_preview img  {
    width: 100%;
}

.boardFooterContent {
    width: 100%;
    margin-top:40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.boardFooterContent img {
    width: 110px;
}


.download_boardimage {
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: -20px;
    left:30px;
    display:block;
}
.download_boardimage img {
    width:100%;
}
.pageloading {
    width:100vw;
    height:100vh;
    background: rgba(255, 255, 255, 0.6);
    top:0;
    left:0;
    z-index:9999999999999999999999999;
    display:flex;
    justify-content: center;
    align-items: center;
}
.pageloading .ajaxloading_gif {
    width:100px;
}
body.pageisloading .pageloading {
    position:fixed;
}
body.pageisloading #pageloading_html .pageloading {
    position:relative;
}



.otherproduct_item .opl_selected {
    border: solid 1px #1a94e2;
}

.sb_tabheader {
    display: flex;
    justify-content: left;
    align-items: center;
}
.sb_tabheader .sbth_item {
    background-color:#fff;
    position: relative;
    top: 1px;
    border-bottom: solid 1px #ccc;
}
.sb_tabheader .sbth_item a {
    font-size:.8em;
    text-transform:uppercase;
    text-decoration:none;
    color:#999;
}



.sb_tabheader .sbth_item.active {
    border: solid 1px #ccc;
    border-bottom:transparent;
}
.sb_tabheader .sbth_item a {
    display:block;
    padding:10px;
}
.sb_tabheader {
    border-bottom: solid 1px #ccc;
}
.otherproduct_list {
    border: solid 1px #ccc;
    border-top:none;
    box-sizing: border-box;
    padding: 10px;
    padding-bottom:40px;
    padding-left: 50px;
    padding-right: 50px;
}


































.boardcontrols_wrapper {
    position: relative;
}
.bgg_list_wrapper {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    box-shadow: 0px 0px 9px;
    width: 106%;
    height: 100%;
    left: -6%;
    padding-left: 20px;
    padding-right:20px;
    padding-top: 20px;
    padding-bottom:40px;
    box-sizing: border-box;
    z-index: 9;
}
.paintfileslist_outer {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
}
.paintfileslist_wrapper {
    padding-bottom:40px;
}
.paintfile_item {
}
.paintfile_item a {
    width:100%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    flex-flow: column;

    text-transform: uppercase;
    text-decoration: none;
    font-size: 10px;
    color:#666;
}
.paintfile_item .pfi_img {
    border: solid 1px #ccc;
    padding: 5px;
    position: relative;
}
.paintfile_item.pfi_selected .pfi_img,
.paintfile_item.selectnone.pfi_selected {
    background-color: #f3f3f3;
    border: solid 1px #333;
}
.paintfile_item.pfi_selected a .pfi_info {
    transform: scale(1.1);
}
.paintfile_item .pfi_img .pfii_selectedOverlay {
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    align-items: flex-start;
    justify-content: flex-end;
    display: none;
}
.paintfile_item.pfi_selected .pfi_img .pfii_selectedOverlay {
    display: flex;
}
.paintfile_item .pfi_img .pfii_selectedOverlay .pfiiso_imgWrapper {
    width: 25%;
    opacity: 0.9;
}
.paintfile_item .pfi_img .pfii_selectedOverlay .pfiiso_imgWrapper img {
    width: 100%;
}
.paintfile_item .pfi_img img {
    width: 100%;
    display:inline-block;
    margin:2px;
}
.paintfile_item .pfi_info {
    padding-top: 4px;
}
.paintfile_item .pfi_name,
.paintfile_item .pfi_price {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;

    text-transform: uppercase;
    text-decoration: none;
    font-size: 10px;
    color:#666;
}
.paintfile_item .pfi_name {
    
}
.paintfile_item.selectnone .pfi_none {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform:uppercase;
    color:#999;
}



.board_general_graphic .custom_panel {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    flex-wrap: wrap;
    gap: 10px;
}
.otherproduct_list .opl_items {
    display:none !important;
    flex-direction:row;
    flex-wrap:wrap;
}
.otherproduct_list .opl_items.opl_show {
    display:block !important;
}
.otherproduct_item {
}
.otherproduct_item a {
    width: 90%;
    height: 100px;
    display:flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom:10px;
    overflow: hidden;
}
.otherproduct_item img {
    width: 100%;
    display:inline-block;
    margin:2px;
}
.otherproduct_item .opi_variant {
    width:90%;
}
.opi_infos {
    font-size: .9em;
    text-align:center;
    color:#777;
}
.opi_name {
    height:72px;
}


.owl-carousel .owl-stage-outer {
    z-index: 2;
}
.owl-nav {
    position: absolute;
    top: 96px;
    height: 53px;
    width: calc(100% + 70px);
    left: -33px;
    z-index: 1;
}
.owl-prev {
}
.owl-next {
    float:right;
    position: relative;
    left: -15px;
}
.owl-prev span,
.owl-next span {
    font-size: 45px;
    position: relative;
    top: 0;
}
.owl-dots {
    display: none;
}
.owl-carousel .owl-item img {
    display:inline-block !important;
    width:90% !important;
    max-height: 240px;
}
.owl-carousel .owl-nav button.owl-next, 
.owl-carousel .owl-nav button.owl-prev, 
.owl-carousel button.owl-dot {
    outline: none;
}






.ajaxloading {
    position:absolute;
    top:-20%;
    left:0;
    width:100%;
    height:140%;
    background-color:rgba(255,255, 255, 0.6);
    display:flex;
    justify-content:center;
    align-items:center;
}
.ajaxloading .ajaxloading_gif {
    height: 80px;
}
.board_item {
    display:none;
    margin-bottom: 10px;
}

.ig_btn {
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    width: 100%;
    height: 34px;
    border-radius:5px;
    background: #dfdfdf;
    color:#666;
    text-decoration:none;
    text-transform:uppercase;
    font-size: .7em;
    font-weight:600;
}





.controls_wrapper {
    width:100%;
}







.custom_order form {
    width:100%;
}
label {
    display: inline-block;
    max-width: 100%;
    font-size: .63em;
    font-weight: 700;
    color: #999;
    text-transform: uppercase;
    padding-left: 0;
    margin-bottom: 5px;    
}
select {
    -moz-appearance: none;
    -webkit-appearance: none;
    width: 100%;
    height: 34px;
    padding-left: 10px;
    padding-right: 24px;
    background-image: url(../images/select_arrow.png);
    background-repeat: no-repeat;
    background-position: right center;
    color: #333;
    border-color: #d6d8d8;
    background-color: #FFF;
    border-radius: 0;
    font-size:.95em;
    font-weight: 600;
}
input {
    box-sizing: border-box;
    width: 100%;
    height: 32px !important;
    padding-left: 10px;
    border: solid 1px #ccc;
    background-color: #FFF !important;
}
input[type=radio] {
    -moz-appearance: radio;
    -webkit-appearance: radio;
}
textarea {
    display: block;
    width: 99%;
    min-height: 100px;
    margin-bottom: 8px;
    border: solid 1px #ccc;
}


.customOrder_groupTitle {
    text-transform:uppercase;
    font-size:16px;
}

.measures_wrapper {
    position:relative;
}
.measures_connection {
    width: 108%;
    height: 70px;
    border: 1px solid #ccc;
    position: absolute;
    top: -27px;
    left: -4%;
    z-index: -9999;
    display: none;
    box-sizing: border-box;
}




.volume {
    height:32px !important;
    background-color: #eee !important;
    border:none;
    box-sizing: border-box !important;
    padding-left: 20px !important;
}



.board_item {
}
.measures_wrapper .board_element input {
    display: block;
}

.boardcontrols_wrapper {
    display: flex;
    justify-content: left;
    align-items: center;

    flex-direction: row;
    flex-wrap: wrap;
}

.item_group {
    display: flex;
    justify-content: space-between;
    flex-basis: 100%;
}

.ig_0 {
    display: none;
}
.item_group.ig_1 .board_item {
    width:100%
}
.item_group.ig_2 .board_item {
    width:49%
}
.item_group.ig_3 .board_item {
    width:32.33%
}
.item_group.ig_4 .board_item {
    width:24%;
}
.addaccessories > .item_group {
    margin-bottom:28px;
    display: block;
}

.item_group, 
.addaccessories {
    margin-bottom: 5px;
}


.be_labelWrapper {
    display: flex;
    width: 100%;
    align-items: flex-start;
    justify-content: flex-start;
}
.be_labelWrapper label {
    margin-right: 5px;
}

.board_avatar {
    display: flex;
    justify-content: center;
    align-items: flex-start;

    width: 100%;
    height:100%;
    padding-top: 0;
    background-color:transparent;
    position: absolute;
    text-align: center;
    
    z-index: 9;
}



.board_avatar img {
    height: unset;
    width: 100%;
}

@media (max-width: 767px) {
    .board_avatar {
        align-items: center;
    }
}





.orderform_submitbtns {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}
.orderform_submitbtns input {
    flex-grow: 1;
    display: none;
    cursor: pointer;
    color: #000;
}
.dp_differentshippingaddress {
    padding-left: 0;
}









.deliveryinfo_wrapper {
    display: none;
    width: 106%;
    height: 100%;
    position: absolute;
    top: 0;
    left: -6%;
    padding-left: 6%;
    z-index: 9;
    background-color: #fff;
}

.orderform_footer .generalPrice_wrapper {
    display: flex;
}




.orderboard_goback {
    display: flex;
    margin-bottom:20px;
    text-decoration: none;
}

.deliverypickupinfo p {
    font-size:.8em;
}
.di_itemsWrapper {
    padding-left:20px;
}
.deliverypickupinfo input[type=radio] {
    width: auto;
    height: auto;
    margin-top: -8px;
    margin-left: -30px;
    opacity: 1;
}

.deliverypickupinfo p {
    padding-left:0;
    margin: 0px;
    color:#666;
}
.dpcontentpage {
    padding-left: 20px;
}

.deliverypickupinfo > label {
    font-size:1.1em;
    margin-bottom: 7px;
    color:#333;

    padding-left:30px;
}






.off_details_wrapper {
    font-size: .9em;
}
.off_details_wrapper .off_item,
.off_details_wrapper_extras .off_item,
.off_details_wrapper_extra_items .off_item,
.off_details_wrapper_total .off_item  {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.off_col_left {
    width: 70%;
}
.off_col_right {
    width: 30%;
}
.off_details_wrapper_extras,
.off_details_wrapper_extra_items {
    padding:10px 0 10px 0;
    font-size: .9em;
    display: none;
}
.off_details_wrapper_extras.hasExtras,
.off_details_wrapper_extra_items.hasExtras {
    display: block;
}
.off_col_right {
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.off_name {
    display: inline-block;
}
.offitem_delete {
    display:inline-block;
    font-size:0;
    width: 10px;
    height: 10px;
    background-image: url(../images/delete_product.png);
    background-size: contain;
    top: -9px;
    position: relative;
}
.pl_closepaint {
    display: block !important;
    font-size:0 !important;
    background-image: url(../images/icon_close.png);
    background-color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-size: contain;
    position: absolute;
    right: -6px;
    top: -10px;
}
.feet-indication {
    display: none;
    font-family: arial;
    font-size: 9px;
}
.svg_board_size {
    display: none;
}


.board_view_selector {
    width: 100%;
    height: 62px;
    position: absolute;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.board_view_selector a.changeBoardView {
    display:block;
    width: 120px;
    height: 100%;
    position: relative;
    text-align:center;
    opacity: 0.3;
}
.board_view_selector a.changeBoardView.active {
    opacity:1;
}
.board_view_selector a.changeBoardView:not(.active):hover {
    opacity:0.8;
}

.bvs_img {
    width: 100%;
    height:100%;
    overflow: hidden;
}
.bvs_img img {
    width: 42%;
    vertical-align: baseline;
}
.bvs_title {
    width:100%;
    height:14px;
    position:absolute;
    bottom:0;
    left:0;

    font-size: .7em;
    font-weight: 100;
    color: #999;
    text-transform: uppercase;
    text-align:center;
}



.order_errors p,
.error {
    color:#a00;
}


.open_controls {
    display: none;
    overflow: hidden;
    width: 60px;
    height:60px;
    background-color:transparent;
    position: fixed;
    right: 0;
    top: 40%;
    z-index: 999;
    font-size:.5em;
    text-align: center;
    font-size:0;
}




.paintsandcolors_wrapper {
    width: 100%;
    display: flex;
    justify-content: space-between;
    overflow:hidden;
}
.bgg_label_hidden {
    opacity:0;
    font-size:0;
    display: none;
}



/* - Choose Colors - */
.pinlinecolor_wrapper {
    transform: scale(0.88, 0.96);
}
/* .insidecolor_wrapper */
.boardcolor_wrapper {
    transform: scale(1, 1);
}
.railtailgradient_wrapper {
    transform: scale(0.97, 0.99);
}
.rail_wrapper {
    transform: scale(0.94, 0.982);
}
.pinlinelarge_wrapper {
    transform: scale(0.88, 0.96);
}

.rail_wrapper {
    top: 2px;
}
.pinlinecolor_wrapper,
.insidecolor_wrapper,
.pinlinelarge_wrapper {
    top: 3px;
}

.pinlinecolor_wrapper > svg,
.rail_wrapper > svg {
    top:0;
    left:0;
}

.b_bottom .boardelements_wrapper.rightcolor_wrapper {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}



.boardelements_wrapper.boardcolor_element {
    display: none;
}
.boardcolor_selected .boardelements_wrapper.boardcolor_wrapper,
.railcolor_selected .boardelements_wrapper.rail_wrapper,
.deckcolor_selected .b_deck .boardelements_wrapper.insidecolor_wrapper,
.bottomcolor_selected .b_bottom .boardelements_wrapper.insidecolor_wrapper,
.pinlinecolor_selected .boardelements_wrapper.pinlinecolor_wrapper,
.pinlinelarge_selected .boardelements_wrapper.pinlinelarge_wrapper,
.railgradient_selected .boardelements_wrapper.railgradient_wrapper,
.railtailgradient_selected .boardelements_wrapper.railtailgradient_wrapper,
.rightcolor_selected .boardelements_wrapper.rightcolor_wrapper,
.tailcolor_selected .boardelements_wrapper.tailcolor_wrapper,
.midcolor_selected .boardelements_wrapper.midcolor_wrapper,
.nosecolor_selected .boardelements_wrapper.nosecolor_wrapper,
.tailgradient_selected .boardelements_wrapper.tailgradient_wrapper {
    display: flex;
}


.board_bevel {
    width: 100%;
    justify-content: left;
    transform-origin: center;
    overflow: hidden;
    opacity: 0.4;
}
.board_bevel_inner {
    width: 100%;
    height: 100%;
    justify-content: left;
    transform-origin: center;
    transform: scaleY(1.05);
    overflow: hidden;
}
.b_deck .board_topshadow {
    display:none;
}
.bb_shadow,
.bb_light {
    width: 50%;
    height: 100%;
    
    overflow: hidden;
}
.bb_shadow svg,
.bb_light svg {
    left:0;
}
.bb_light {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
    right:0;
}
.b_bottom .board_bevel {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}














.choosecolorslist_wrapper {
    height: 94%;
}
.ccl_optionswrapper {
    height: 100%;
    overflow: scroll;
}
.ccl_optionswrapper {
}
.ccl_colorTypeOptions_group {
    border-bottom:solid 1px #cfcfcf;
}
.ccl_colorTypeOptions .ccl_colorTypeOptions_group:last-child{
    border-bottom:none;
}
.ccl_colorTypeOptions {
    margin-top:20px;
}
.ccl_colorTypeOptions h6 {
    font-size:14px;
    text-align: center;
    margin-bottom: 25px;
}
.cclctog_optionsWrapper {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 2%;
}
.cclctog_optionsWrapper .color_type {
    width: 32%;
}
.cclctog_optionsWrapper .cct_img {
    height: 165px;
}
.cclctog_optionsWrapper .cct_img img {
    height: 100%;
}
.cclctog_optionsWrapper .cct_text {
    padding-top:9px;
    font-weight: 100;
}
.color_type .sp-replacer {
    border: none;
    background: transparent;
}
.color_type .sp-preview {
    width: 45px;
    height: 40px;
}
.color_type .sp-dd {
    line-height: 10px;
    font-size: 12px;
    display: none;
}

.color_type {
    position: relative;
    display:flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-flow: column;
    margin-bottom: 10px;
    padding: 4px;
    border-radius:10px;
    background: transparent;
    border: solid 1px transparent;
}
.choosecolorslist_wrapper .choose_color_type,
.choosecolorslist_wrapper .choose_colorband {
    display:flex;
    justify-content: flex-start;
    align-items:center;
    flex-flow: column;
    width:100%;
    color:#666;
    text-align: center;
    text-decoration:none;
    text-transform:uppercase;
    font-size:.8em;
    font-weight: 600;
}
.choosecolorslist_wrapper .choose_color_type:hover,
.choosecolorslist_wrapper .choose_colorband:hover,
.ig_btn:hover {
    text-decoration: none;
    color:#999;
}

.ct_selected.color_type {
    background:none;
    border: solid 1px #ffc809;
}
.ct_selected .choose_color_type {
    cursor: default;
    color:#666;
}

.ct_colorpicker_wrapper {
    width: 100%;
    position: absolute;
    display:none;
    justify-content: space-between;
    align-items: center; 
}
.cct_delete {
    display: inline-block;
    font-size: 0;
    width: 15px;
    height: 15px;
    background-image: url(../images/delete_product.png);
    background-size: contain;
    position: relative;
    left: -10px;
    top: -11px;
}

.ct_selected .ct_colorpicker_wrapper {
    display:flex;
}



.ccl_colorband {
    position: relative;
}
.colorband_options {
    width: 150%;
    height:0px;
    overflow:hidden;
    position: absolute;
    background-color: #fff;
}
.colorband_options_wrapper {
    width:100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: left;
}
.cb_open .colorband_options {
    height:800px;
}
.colorband_options .cbo_item {
    width: 25%;
    padding: 10px;
}
.colorband_options .cbo_item a img {
    width:100%;
}
.colorband_options .cbo_item a p {
    font-size:.5em;
    text-align: center;
}

.orderform_footer_mirror {
    width: 100%;
    padding:20px;
    position: absolute;
    left: 0;
    bottom:0;
    background-color: #fff;
    border-radius: 10px;
}
.orderform_footer_mirror h2 {
    margin-top:0;
}

.option_description {
    display: inline-block;
    width: 13px;
    height:13px;
    border-radius:13px;
    line-height: 14px;
    background-color:#ccc;
    color:#fff;
    font-size:0.6em;
    text-align:center;
    position: relative;
    top: -1px;
    cursor:pointer;
}
.option_description_text {
    color:#333;
    background-color:#fff;
    position: absolute;
    top:16px;
    left:-250px;
    z-index: 999;
    width:500px;
    border-radius:5px;
    border: solid 1px #ccc;
    display: none;
    cursor: auto;
}
.optdesctext_title {
    display: inline-block;
    width: 100%;
    height:30px;
    line-height: 30px;
    background-color:#f7f7f7;
    text-transform:uppercase;
    font-size:1.6em;
}
.optdesctext_text {
    text-align: left;
    width: 100%;
    padding:12px;
    display: inline-block;
    font-size: 1.5em;
}




.custom_select {
    position: relative;
}
.custom_select * {
    font-size: .87em;
    line-height: 34px;
}
.custom_select ul.cs_itemlist {
    display: none;
    width: 100%;
    padding:0;
    position: absolute;
    left:0;
    top:18px;
    z-index: 9;
    background-color:#fafafa;

    border: solid 1px #d6d8d8;
    border-top: none;

    margin-top:14px;
    margin-bottom:0;
}
.custom_select ul.cs_itemlist.open {
    display: block;
}
.custom_select .cs_currentselection {
    display: block;
    cursor: pointer;
    width: 100%;
    height: 34px;
    background-image: url(../images/select_arrow.png);
    background-repeat: no-repeat;
    background-position: right center;
    color: #333;
    border: solid 1px #d6d8d8;
    background-color: #FFF;
    border-radius: 0;
    font-weight: 600;
}
.custom_select li,
.custom_select a {
    display: inline-block;
    width: 100%;
    height: 34px;
    padding:0;
    text-decoration:none;
}
.custom_select .cs_itemlist a:hover {
    background-color:#efefef;
}
.cs_currentselection,
.cs_itemlist li a {
    padding-left: 20px;
}
.cs_currentselection,
.cs_itemlist li a {
    display: flex !important;
    justify-content: flex-start;
    align-items: center;
}
.cs_title {
    padding-left:10px;
}
.cs_currentselection .cs_title {
    font-size: 1.3em;
    text-transform: uppercase;
}
.cs_image {
    font-size: 2em;
}
.cs_icon {
    position: relative;
    top: 2px;
}


.shopify_finalmessage {
    display:none;
    width: 100%;
    height: 300px;

    text-align: center;
}


.cartFixed {
    position:fixed;
    right:0;
    top:0;
}

#custom-order-wrapper {
    position: relative;
    z-index: 1;
}

/* -------------------- */


.errorMessages p {
    color:#a00;
}
.hideOption {
    display: none;
}







@media (max-width: 768px) {
    .bgg_list_wrapper {
        width: 100%;
        left: 0;
    }
}




.descriptions_summary {
    width:100%;
    height: 100%;
    position: absolute;
    top:0;
    left:0;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255,255,255,0.7);
}
.ds_inner {
    width:60%;
    position: relative;
    top:-120px;
    padding:10px;
    color:#666;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}