@font-face {
  font-family:'pp-neue-montreal-medium-v2.6';
  src:url('https://staging.northcentraldoor.com/wp-content/uploads/dynamic_avia/avia_type_fonts/pp-neue-montreal-medium-v2.6/ppneuemontreal-medium.woff2') format('woff2'),
  url('https://staging.northcentraldoor.com/wp-content/uploads/dynamic_avia/avia_type_fonts/pp-neue-montreal-medium-v2.6/ppneuemontreal-medium.woff') format('woff'),
  url('https://staging.northcentraldoor.com/wp-content/uploads/dynamic_avia/avia_type_fonts/pp-neue-montreal-medium-v2.6/ppneuemontreal-medium.ttf') format('truetype');
  font-style:normal;
  font-weight:500;
  font-display:auto
}
:root { --primary-color: #e2001a; --title-font: 'pp-neue-montreal-medium-v2.6', Helvetica, sans-serif; --body-font: "aaux-next", Helvetica, sans-serif; }
body{ font-family: var(--body-font); font-weight: 500; }
h1, h2, h3, h4, h5, .panel-title, .oTitle { font-family: var(--title-font); }
#logo { max-width: 500px; }
#brand{background-color:#f5f4f4;padding:10px;text-align:center;border-top:3px solid #e2001a}
.header_wrap{margin:auto;width:100%;max-width:1000px;}
#brand-title{border-top:1px solid #dddbdb;border-bottom:1px solid #dddbdb;padding:12px}
#brand-title span{color:var(--primary-color);}
.right_panel ul{list-style:none;padding:0px;}
.right_panel ul li { display: inline;padding:0px}
.library_photo{padding:10px;width:264px;cursor:pointer;}
.upload_photos{border-bottom::2px solid #bce8f1}
.holder{padding-bottom:20px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter: alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}
#arc_slider{margin-top:0; display: inline-block; width: 50%; margin-right: 20px;}
.ui-slider-horizontal {height: 4px!important;}
.ui-slider .ui-slider-handle{height:14px!important;width:5px;padding-left:5px;}
.divider{border:1px solid #bce8f1;display:none}
.upload_photos .sample{width:260px;padding:10px;}
.upload_photos .tilde{position:absolute;top:38px;right:1px}
.upload_photos div{display:inline;position:relative}
#user_disp1{display:none}
#user_disp2{display:none}
.oTitle{padding:6px;margin-top:12px;margin-bottom:10px}
.workspace{width:540px;height:380px;margin-top:4px;background-size:100% 100%;position:relative;margin-bottom:25px}
.door{ border-radius:0 0 0 0;-webkit-transition: background-image 0.8s ease;-moz-transition: background-image 0.8s ease;-o-transition: background-image 0.8s ease;transition: background-image 0.8s ease;position:absolute;top:62%;left:39%;width:140px;height:140px;background-position:0 0;background-size:100% 100%;border:none; -webkit-transform-style: preserve-3d; -webkit-transform: translate3d(0,0,0); }
.select{width:186px;margin:4px;padding:2px}
.select_sm{width:130px;margin:4px;padding:2px}
.selected{border-bottom:3px solid var(--primary-color);background-color:#f5f4f4;}
.hardware{-webkit-transition: background-image 0.8s ease;-moz-transition: background-image 0.8s ease;-o-transition: background-image 0.8s ease;transition: background-image 0.8s ease;height:100%;width:100%;position:absolute;top:0px;left:0px;background-size:100% 100%;}
.window       {margin:1px;-webkit-transition: background-image 0.8s ease;-moz-transition: background-image 0.8s ease;-o-transition: background-image 0.8s ease;transition: background-image 0.8s ease;width:100%;height:100%;position:absolute;top:0;left:0;background-repeat:repeat-x;background-size:100% 25%;background-position:0px 0px;border-radius:0 0 0 0}
.hide{display:none;}
.thumbnail img{padding:2px;}
.thumbnail.window_thumb img { height: 28px; width: auto; }
.thumbnail.window_thumb { width: 152px; }
.table{margin-top:16px}
.hand{cursor:pointer;}
#preview_door{position:absolute!important;width:100%!important;height:100%!important;top:0px!important;left:0px!important;border-radius:0 0 0 0!important}
#preview_door .window{border-radius:0 0 0 0!important}
/*.new_door{background-size:100% 100%!important}
.new_door .window{background-size:100% 24%!important} */
.btn_holder{padding-top:12px;padding-bottom::42px;}
.Preview_info{padding:18px 5px 10px 5px}
.btn_holder button{margin-left:16px;width:180px}
.btn_holder button span {color:var(--primary-color);}
#carouselSA{margin-top:10px}
.panel-body {
    background-color: #e9e7e7;
}

.no-gutter [class*="col-"] {
    padding-left: 0;
    padding-right: 0;
}

.row.no-gutter {
    margin: 0;
}

p.slider-desc {
    color: white;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    text-align: center;
    -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=-1, OffY=-1,Color=#000000)progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=-1,Color=#000000)progid:DXImageTransform.Microsoft.dropshadow(OffX=-1, OffY=1,Color=#000000)progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1,Color=#000000)";
}

#slider { margin-bottom: 5px;}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 335px;
}

.tab-content { background-color: #fff; border-left: 1px solid #ddd;, border-right: 1px solid #ddd; padding: 10px; }
.ajax-upload-dragdrop { background-color: #eee; }

.handle {
    background: none;
    height: 0px;
    position: absolute;
    width: 0px;
}
.handle.nw {
    left: 0;
    top: 0;
}
.handle.ne {
    right: 0;
    top: 0;
}
.handle.se {
    right: 0;
    bottom: 0;
}
.handle.sw {
    left: 0;
    bottom: 0;
}
.door_holder.ui-draggable:hover .handle { width: 10px; height: 10px; background: #e2001a; z-index: 1000; }

.window_image { width: 141px; }
.thumbnail.double .window_image { width: 274px; }
.thumbnail.double { padding-left: 20px; padding-right: 20px; }

.affix { position: fixed; top: 10px; width: 539px; }
.affix-bottom { position: relative; width: 539px; }
#tilt_slider { height: 90%; }

.door-fill.forty-five, .hardware-svg.forty-five {
	-webkit-clip-path: polygon(0 100%, 0 13%, 13% 0, 87% 0, 100% 13%, 100% 100%);
    clip-path: url("#clip-shape");
}

.window-fill.forty-five {
	-webkit-clip-path: polygon(0 100%, 0 50%, 13% 0, 87% 0, 100% 50%, 100% 100%);
    clip-path: url("#clip-shape-window");
}

.door-frame { width: 100%; height: 100%; }
.arc_container { margin-bottom: 16px; }

.door { transform-origin: 0 0; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -o-transform-origin: 0 0; } 
/* .door-svg { -webkit-transition: 0.8s ease; -moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease; } */

svg.double image { width: 1054px; }
svg.single image { width: 540px; }
.btn-success { background-color: var(--primary-color); border-color: var(--primary-color); }
.btn-success:hover { background-color: lch(from var(--primary-color) calc(l - 10) c h); border-color: lch(from var(--primary-color) calc(l - 10) c h); }
.btn-success:disabled { background-color: lch(from var(--primary-color) calc(l + 10) c h); border-color: lch(from var(--primary-color) calc(l + 10) c h); }
.panel-title span { color: var(--primary-color); }
.badge { background-color: var(--primary-color); }