@import url('https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
@import url('https://fonts.googleapis.com/css?family=Titillium+Web:200,200i,300,300i,400,400i,600,600i,700,700i,900|Fredoka+One');
body {font-family: "Open Sans", sans-serif !important}
.header-link .logo img {max-height: 65px;width: auto}
a:focus {outline: none !important}
/* slider product */
.kimit-planner-step-step2 .panel-product-grid iframe {width: 100%;border: 0 none;height: 160px;overflow: hidden}
.kimit-planner-step-step2 .panel-product-grid iframe.load {background: url(../images/ajax-loader.gif) no-repeat center}
.kimit-planner-step-step2 .panel-product-grid>.tab-content {padding: 50px 0 0 0}
.kimit-planner-step-step2 .panel-product-grid>.tab-content>.tip {margin: 0 6px 10px 15px; position: relative;text-align: right;top: 42px}
.kimit-planner-step-step2 .panel-product-grid .nav-tabs {position: relative}
.kimit-planner-step-step2 .panel-product-grid .nav-tabs .active>a {cursor: pointer}
.kimit-planner-step-step2 .panel-product-grid .nav-tabs>li {position: static}
.kimit-planner-step-step2 .panel-product-grid .nav-tabs>li.active .sub {display: block}
.kimit-planner-step-step2 .panel-product-grid .nav-tabs .sub {display: none;position: absolute;left: 0;width: 100%;height: 32px}
.kimit-planner-step-step2 .panel-product-grid .nav-tabs .sub.nav>li>a:hover,
.kimit-planner-step-step2 .panel-product-grid .nav-tabs .sub.nav>li>a:active,
.kimit-planner-step-step2 .panel-product-grid .nav-tabs .sub.nav>li>a:focus,
.kimit-planner-step-step2 .panel-product-grid .nav-tabs .sub.nav>li.active>a {background: transparent;text-decoration: underline}
.kimit-planner-step-step2 .panel-product-grid>.tab-content {border: 1px solid #ddd;border-width: 0 1px 1px 1px;min-height: 160px}
.swiper-slide {float: left;width: 135px}
.swiper-slide .box {border: 1px solid #DDDDDD;margin: 10px;display: block;color: #333333;text-align: center}
.swiper-slide .box .name {border-top: 1px solid #DDDDDD;text-align: center;display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;padding: 0 2px}
.swiper-container {margin: 0 auto;width: 92.9%}
.swiper .nav {bottom: 0;display: block;height: 16px;margin: auto;position: absolute;top: 0;width: 14px}
.swiper {overflow: hidden;position: relative}
.swiper .nav.prev {left: 15px}
.swiper .nav.next {right: 15px}

/* design */

.cabinets {padding: 100px 0 0 0}
.mcabinet.modal.process .modal-content {height: 100px;overflow: hidden;background: url(../images/ajax-loader.gif) no-repeat center #fff}
.mcabinet.modal.process .modal-content>* {visibility: hidden}
.mcabinet.modal .modal-footer .btn .text.edit,
.mcabinet.modal.edit .modal-footer .btn .text.add,
.mcabinet.modal .modal-footer .btn.process .text.add,
.mcabinet.modal.edit .modal-footer .btn.process .text.edit {display: none}
.mcabinet.modal .modal-footer .btn .text.add,
.mcabinet.modal.edit .modal-footer .btn .text.edit {display: inline}
.mcabinet.modal .media#carcass-a-b,
.mcabinet.modal .media#carcass-a-b>.media-body {overflow: visible}
.cabinets .heading h3 {margin: 0 100px 0 0}
.cabinets .heading .button-group {margin: 6px 0 9px;display: inline-block}
.cabinets .heading .button-group .btn {background: transparent;color: #333;border: 0 none;box-shadow: none;padding: 0 0 0 20px;position: relative;font-weight: bold;text-shadow: none}
.cabinets .heading .button-group .btn+.btn {margin: 0 0 0 20px}
.cabinets .heading .button-group .btn input {clip: initial;left: 0}
.cabinets .heading .button-group~.btn {margin: 0 0 0 20px}
.cabinets .adv h4 {margin: 0}
.cabinets .cart span.process {display: none}
.cabinets .cart.process {position: relative}
.cabinets .cart.process span.process {
    webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .9) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .9) 50%, rgba(255, 255, 255, .9) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .9) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .9) 50%, rgba(255, 255, 255, .9) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .9) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .9) 50%, rgba(255, 255, 255, .9) 75%, transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
    background-color: #eee;pointer-events: none;-webkit-pointer-events: none;-o-pointer-events: none;-moz-pointer-events: none;-ms-pointer-events: none;cursor: not-allowed;display: block;position: absolute;z-index: 999;width: 100%;height: 100%;opacity: 0.7}
.cabinets .cart .items.table thead th {border-top: 2px solid #ddd;border-bottom: 2px solid #ddd;border-right-color: transparent}
.cabinets .cart .items.table thead th:first-child,
.cabinets .cart .items.table tbody td:first-child {border-left: 2px solid #ddd}
.cabinets .cart .items.table thead th:last-child,
.cabinets .cart .items.table tbody td:last-child {border-right: 2px solid #ddd}
.cabinets .cart .items.table tbody tr:last-child td {border-bottom: 2px solid #ddd}
.cabinets .cart .tab-content .tab-pane#details>.form-group {border-bottom: 2px solid #aaa}
.cabinets .cart .tab-content .tab-pane#details>.form-group.last {border-bottom: 0 none}
.cabinets .cart .tab-content .tab-pane#details [class*="col-"] {padding: 0}
.cabinets .cart .tab-content .tab-pane#details [class*="col-"]:last-child {padding-right: 15px}
.cabinets .cart .tab-content .tab-pane#details .table {font-size: 12px;height: 201px}
.cabinets .cart .tab-content .tab-pane#details .table>tbody>tr.total>td {border: 0 none}
.cabinets .cart .tab-content .tab-pane#details .table>thead>tr>th,
.cabinets .cart .tab-content .tab-pane#details .table>tbody>tr>td {padding: 0 5px}
.cabinets .cart .tab-content .tab-pane#details .table>tbody>tr>td.active {border: 0 none}
.cabinets .cart .tab-content .tab-pane#details .table>tbody>tr.last>td {background-color: #ddd;border: 0 none !important}
.cabinets .cart .tab-content .tab-pane#details .table>thead>tr:first-child>th {background: #eee}
.cabinets .cart .tab-content .tab-pane#details .action {border: 1px solid #ddd;margin: 0 0 0 15px;padding: 15px;text-align: center;height: 201px}
.cabinets .cart .tab-content .tab-pane#details .action .img-thumbnail {max-height: 110px}
.cabinets .cart .tab-content .tab-pane#details .action .form-group {margin: 0 0 9px}
.cabinets .adv .box {border: 2px solid #ddd;padding: 5px 20px}
.cabinets .adv .box .summary tbody tr td {border-color: transparent}
.cabinets .adv .box .summary tbody tr td:first-child {padding: 2px 2px 2px 0}
.cabinets .adv .box .summary tbody tr td:last-child {padding: 2px 0 2px 2px}
.cabinets .adv .box .details {border-top: 2px solid #ddd;margin: 0}
.cabinets .adv .box .details.table>thead>tr>th {border-color: transparent}
.cabinets .adv .box .details.table>tbody>tr>td:not([colspan="5"]) {border-top: 0;border-bottom: 2px solid #ddd}
.cabinets .adv .box .details.table>tbody>tr:last-child>td:not([colspan="5"]) {border-bottom: 0 none}
.cabinets .adv .box .details.table>thead>tr>th[colspan="5"],
.cabinets .adv .box .details.table>tbody>tr>td[colspan="5"] {padding: 8px 8px 8px 0}
.cabinets .adv .box .details.table>thead>tr>th:last-child:not([colspan="5"]),
.cabinets .adv .box .details.table>tbody>tr>td:last-child:not([colspan="5"]) {padding: 8px 0 8px 8px}
.cabinets #planner .inner {background-repeat: no-repeat;background-size: cover}
.cabinets #planner .inner img {visibility: hidden}

/* modal */

.mcabinet .modal-header {border: 0 none}
.mcabinet .modal-body>.tab-content {margin: 20px 0 0}

/* modal help */

.help.modal {background: none repeat scroll 0 0 #FFFFFF;height: 100%;left: auto;right: 0}
.help.modal .modal-dialog {margin: 0}
.help.modal .modal-content {border: 0 none;border-radius: 0;box-shadow: none;height: 100%}
.modal.help .modal-header .close {margin: -2px 10px 0 0}
.kimit-planner-step-step2 a {color: #3b3b3b}
.kimit-planner-step-step2 .mcabinet .close {opacity: 1}
.kimit-planner-step-step2 .mcabinet .close [data-dismiss="modal"] {opacity: 1}
.kimit-planner-step-step2 .mcabinet .modal-header {padding: 15px 15px 0}
.kimit-planner-step-step2 .mcabinet .modal-content {border: 2px solid #999}
.kimit-planner-step-step2 .mcabinet .modal-footer {background: #fff}
.kimit-planner-step-step2 .mcabinet .help,
.kimit-planner-step-step2 .mcabinet .help+small {color: #404040;font-family: "Open Sans", sans-serif;font-size: 13px;font-weight: 600;opacity: 1}
.kimit-planner-step-step2 .mcabinet .modal-body {border: 2px solid #ddd;border-top: 0 none;padding: 0;margin: 15px}
.kimit-planner-step-step2 .mcabinet .modal-body .pinfo [disabled],
.kimit-planner-step-step2 .mcabinet .modal-body .pinfo [readonly] {background: #fff}
.kimit-planner-step-step2 .mcabinet .modal-body>.tab-content>.tab-pane {background: #eee;border-top: 2px solid #ddd}
.kimit-planner-step-step2 .mcabinet .modal-body .tip {font-size: 13px;color: #737384;margin: 15px 0 0 0;color: #990000;font-size: 13px;font-weight: 600}
.kimit-planner-step-step2 .mcabinet .modal-body .tip.text-danger {color: #a94442}
.kimit-planner-step-step2 .mcabinet .modal-body .tip.space {border-top: 1px solid #ddd;padding: 15px 0 0 0}
.kimit-planner-step-step2 .mcabinet textarea {resize: vertical}
.kimit-planner-step-step2 .mcabinet .control-label {font-weight: bold;text-align: left;font-size: 13px;padding: 0 5px}
.kimit-planner-step-step2 .mcabinet .control-label.text-left .inner {left: 15px;right: auto}
.kimit-planner-step-step2 .mcabinet .control-label.tip {margin: 0}
.kimit-planner-step-step2 .mcabinet .controls {padding: 0}
.kimit-planner-step-step2 .mcabinet .control-label.unhighlight {opacity: 0.7}
.kimit-planner-step-step2 .mcabinet fieldset {margin: 10px 0 0 0}
.kimit-planner-step-step2 .mcabinet [data-tag="related"]>fieldset {margin: 0}
.kimit-planner-step-step2 .mcabinet fieldset:first-child>.media>.media-left>h4 {margin: 0 0 10px}
.kimit-planner-step-step2 .mcabinet fieldset.drawer-options {margin: 10px 0 20px 0}
.kimit-planner-step-step2 .mcabinet fieldset.face-style,
.kimit-planner-step-step2 .mcabinet fieldset.cabinet-supply {border-top: 0 none}
.kimit-planner-step-step2 .mcabinet #finishes>.container-fluid>[data-container="tab"] {min-height: 288px}
.kimit-planner-step-step2 .mcabinet fieldset legend {width: auto;border: 0 none;padding: 0 10px 0 0;margin: 0}
.kimit-planner-step-step2 .mcabinet fieldset.face-style .form-group.first .row .tip {margin: -40px 0 0 0}
.kimit-planner-step-step2 .mcabinet .nav-tabs {text-align: center;border-bottom: 1px solid #d5d5d5;position: relative}
.kimit-planner-step-step2 .mcabinet .nav-tabs:before {background: transparent;width: 101%;content: "";top: -2px;position: absolute;height: 64px;left: -2px;margin: auto}
.kimit-planner-step-step2 .mcabinet .nav-tabs>li {display: inline-block;float: left;margin: 0}
.kimit-planner-step-step2 .mcabinet .modal-body .nav-tabs>li:not(.active)>a {background: #eee}
.kimit-planner-step-step2 .mcabinet .modal-body .nav-tabs>li>a {border-radius: 0;border-right: 1px solid #ccc;font-size: 13px;font-weight: normal}
.kimit-planner-step-step2 .mcabinet .modal-body .form-control,
.kimit-planner-step-step2 .mcabinet .modal-body [type="text"] {border: 1px solid #ccc}
.kimit-planner-step-step2 .mcabinet .modal-body #comments .checkbox label {padding: 0}
.kimit-planner-step-step2 .mcabinet .modal-body #comments .checkbox label span {padding: 0 0 0 20px}
.kimit-planner-step-step2 .mcabinet .modal-body #comments .checkbox label [type="checkbox"] {top: 0;bottom: 0;margin: auto;left: 0}
.kimit-planner-step-step2 .mcabinet .modal-body #options .row.uniform [class*="col-"] {padding: 0 0 0 15px}
.kimit-planner-step-step2 .mcabinet .modal-body #options .row.uniform [class*="col-"]:nth-child(2n) {padding: 0 0 0 5px}
.kimit-planner-step-step2 .mcabinet .modal-body #options .row.uniform .radio {margin: 5px 0 0 0}
.kimit-planner-step-step2 .mcabinet .modal-body #options .row.uniform .radio {position: relative}
.kimit-planner-step-step2 .mcabinet .modal-body #options .row.uniform .radio label span {position: absolute;width: 100%;right: 0;left: 20px;margin: auto}
.kimit-planner-step-step2 .mcabinet .modal-body #options .row.qty [class*="col-"] {padding: 0 0 0 15px}
.kimit-planner-step-step2 .mcabinet .modal-body #options .row.qty [class*="col-"]:nth-child(2) {padding: 0;width: 21%}

/*.kimit-planner-step-step2 .mcabinet .modal-body [data-fill="true"]{pointer-events:none;-moz-pointer-events:none;-webkit-pointer-events:none;-o-pointer-events:none;-ms-pointer-events:none;cursor:not-allowed;background:#eee}*/
.kimit-planner-step-step2 .mcabinet .modal-body hr {border-top: 2px solid #ddd}
@media (min-width:768px) {
.kimit-planner-step-step2 .mcabinet .modal-dialog {width: auto !important}
}

.checkout-onepage-index #checkoutSteps>.list-group-item.active {background: transparent;color: #333;text-shadow: none;border: 1px solid #ddd}
.cart table {table-layout: fixed}

input,
button,
select,
textarea {
    max-width: 100%
}

.form-group .radio-inline {
    display: inline;
    color: #000;
    font-weight: 600
}

.header-link .logo img {
    max-width: 280px
}

body {
    font-family: "Open Sans", sans-serif !important
}

.header-container {
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.6) inset, 0 0 0 rgba(0, 0, 0, 0.6) inset, 0 0 5px rgba(0, 0, 0, 0.6);
    float: left;
    width: 100%;
    margin-bottom: 0;
    z-index: 999;
    position: relative
}

.nav-container {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    margin-bottom: 0 !important
}

.nav-container {
    border: 0 none !important;
    margin-top: 6px
}

.carousel {
    display: none
}

.carousel.slide {
    display: block
}

.header .links li a {
    color: #555 !important;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 600
}

.header-container,
.nav-container,
.main-container,
.footer-container {
    float: left;
    width: 100%
}

/*#nav a:hover, #nav > li:hover > a, #nav li.active > a, .custom_menu:hover a, .cms-home .home_link a, div.menu a:hover, div.act .parentMenu > a, div.active .parentMenu > a{background:#8b0000 none repeat scroll 0 0 !important}*/

.cms-index-index .main .bottom_subbanner ul li h2 {
font-size: 24px !important;font-weight: normal !important;text-transform: uppercase;text-align: left}
.footer-container {
background-color: #c4c4c4 !important}
.block.block-slideshow {
background: url("../images/slider-bg.png") no-repeat scroll 0 0;
width: 765px;height: 453px;margin: 0 auto}
.block.block-slideshow .block-slideshow-container {
margin: 0 auto;max-width: 524px;top: 27px}
.cms-index-index .block-slideshow-container .block-slideshow-intro {
width: 100% !important}

.cms-index-index .block-slideshow-container {
    box-shadow: 0 0 0 0 !important;
    position: relative
}

.cms-index-index .block-slideshow-container .block-slideshow-intro h4 {
    font-size: 17px !important
}

.cms-index-index .block-slideshow-container {
    box-shadow: 0 0 0 0 !important;
    position: relative
}

.flexslider .slides img {
    /*height: 437px !important; */
}

.cms-index-index .block-slideshow-container .block-slideshow-quicklink {
    border-bottom-color: rgba(255, 255, 255, 0.5);
    border-left-color: rgba(255, 255, 255, 0.5);
    border-right-color: rgba(255, 255, 255, 0.5);
    border-top: 0 none !important;
    top: 0
}

.cms-index-index .block-slideshow-container .block-slideshow-intro h4 {
    text-shadow: 1px 1px #000 !important
}

.cms-index-index .main .bottom_subbanner ul li .content {
    font-size: 16px !important;
    text-align: left
}

/*.bottom_subbanner{max-width:1080px !important}*/

.bottom_subbanner {
    max-width: 1526px !important
}

.cms-index-index .main .bottom_subbanner ul li h2 span {
    margin: 0 auto;
    padding-left: 45px;
    position: relative;
    width: auto
}

.cms-index-index .block-contact .block-header::before,
.block-contact .block-header-inner {
    display: none !important
}

.bottom_subbanner .slides li .details h2 span::before {
    background: rgba(0, 0, 0, 0) url("../images/detail.png") no-repeat scroll 0 0;
    content: ".";
    font-size: 0.001px;
    height: 45px;
    left: -10px;
    position: absolute;
    top: -10px;
    width: 45px
}

.bottom_subbanner .slides li.order h2 span::before {
    background: rgba(0, 0, 0, 0) url("../images/order.png") no-repeat scroll 0 0;
    content: ".";
    font-size: 0.001px;
    height: 45px;
    left: -10px;
    position: absolute;
    top: -10px;
    width: 45px
}

.bottom_subbanner .slides li.sync h2 span::before {
    background: rgba(0, 0, 0, 0) url("../images/sync.png") no-repeat scroll 0 0;
    content: ".";
    font-size: 0.001px;
    height: 45px;
    left: -10px;
    position: absolute;
    top: -10px;
    width: 45px
}

.homevideoblock {
    float: left;
    width: 100%;
    text-align: center
}

.homevideoblock>h2,
.bottom_subbanner h2.headings {
    color: #8b0000;
    font-size: 24px;
    margin-bottom: 24px;
    margin-top: 6px;
    text-align: center;
    background-color: transparent
}

.homevideoblock>ul {
    display: inline-block;
    float: none;
    list-style: outside none none;
    padding: 0 1%;
    text-align: center;
    width: 30%
}

.homevideoblock>ul li.heading {
    background-color: #e9e9e9;
    border: 1px solid #d9d9d9;
    float: left;
    font-weight: bold;
    padding: 6px 0;
    width: 100%
}

.homevideoblock>ul li.videoth {
    float: left;
    margin-top: 12px;
    width: 100%
}

.homevideoblock>ul li.videoth .caption {
    float: left;
    margin-bottom: 12px;
    width: 100%
}

.container-fluid {
    margin-top: 15px !important
}

.evenother {
    background-color: #f3f3f3
}

.evenother,
.oddother {
    border-right: 1px solid #8a6b71 !important
}

.topborder {
    border-top: 1px solid #8a6b71 !important
}

.bottomborder {
    border-bottom: 1px solid #8a6b71 !important
}

.headingsection {
    background-color: #c0c0c0 !important
}

.col-h input.col-xs-4 {
    min-width: 140px
}

#previous {
    margin-right: 6px
}

.step-1-info,
.step-2-info,
.step-3-info {
    padding: 15px !important
}

.sub.nav.navbar-nav a {
    padding: 4px !important
}

.page-title.category-title {
    padding: 6px 15px;
    text-align: center
}

.footer .copyrightsection {
    float: left;
    width: 25%
}

.footer .footer-area.social_block {
    float: left !important;
    margin: 0 2.5% !important;
    width: 30% !important
}

.footer .footer-area.contactform {
    float: right !important;
    width: 40% !important
}

.newtable table {
    border-spacing: 1px !important;
    border-collapse: inherit !important
}

.newtable table td {
    padding: 6px;
    min-width: auto !important;
    font-size: 13px
}

.newtable table td.no {
    text-align: center !important
}

.newtable table tr:nth-child(2):not(:first-child) td:nth-child(2),
.newtable table tr td:last-child,
.newtable table tr:last-child td:not(:first-child):not(:nth-child(2)),
.newtable tr:not(:first-child):not(:nth-child(2)) td:nth-child(2),
.newtable tr:first-child td:nth-child(2) {
    border: 0 !important
}

.newtable li {
    float: left;
    width: 100%;
    background-color: #fff;
    padding: 1px
}

.newtable li.middleblock {
    margin: 12px 0;
    padding: 9px 0;
    border-top: 0;
    border-bottom: 0
}

.newtable input {
    width: 90px;
    border: 1px solid #ccc;
    padding: 2px;
    text-align: center
}

.newtable input.calculated {
    width: 50px
}

.kimit-planner-step-step1 tr:first-child td:nth-child(2),
.kimit-planner-step-step1 tr:first-child td:nth-child(3) {
    min-width: auto
}

.newtable {
    width: 100%;
    float: left;
    margin-left: 0;
    padding-left: 9px;
    background-color: #f2f0f0;
    padding: 21px;
    border-radius: 4px;
    border: 1px solid #c1c1c1
}

.newtable li.plannedimensionbox {
    width: 100%;
    float: left;
    padding-bottom: 15px;
    font-size: 16px;
    background-color: transparent;
    color: #000
}

.newtable li span {
    float: left;
    padding: 9px;
    min-height: 44px
}

.newtable li span.plannedimensionboxmarking {
    width: 10%;
    background-color: #990000;
    text-align: center;
    color: #fff
}

.newtable li span.plannedimensionboxattr {
    width: 38%
}

.newtable li span.plannedimensionboxvalue {
    width: 13%
}

.newtable li span.plannedimensionboxinfo {
    width: auto;
    color: #888 !important
}

.newtable li span.plannedimensionboxinfo b {
    color: #000 !important
}

.newtable ul ul {
    border: 1px solid #ccc;
    border-radius: 0;
    width: 100%;
    float: left
}

.optionlabel {
    float: left;
    padding: 0 1% inherit
}

.optionlabel .optionlabelimg {
    width: 100%;
    float: left;
    min-height: 182px;
    padding: 1px;
    max-height: 182px;
    overflow: hidden
}

.optionlabel .optionlabelimg img {
    height: auto !important;
    max-height: 180px !important
}

.optionlabel .per-door span,
.optionlabel .per-door label {
    float: right;
    line-height: 18px !important;
    padding: 5px 0 0;
    text-align: center;
    width: auto
}

.optionlabel .per-door label {
    padding-top: 6px;
    line-height: 19px
}

.base-parameters {
    width: 100%;
    float: left;
    margin-top: 15px
}

.base-parameters .parametersheading {
    width: 100%;
    float: left;
    text-align: left;
    font-weight: bold;
    color: #179cc7;
    padding-bottom: 6px
}

.base-parameters ul,
.base-parameters ul li {
    float: left;
    list-style: none;
    margin-bottom: 0
}

.base-parameters ul li {
    border: 1px solid #ccc;
    margin: 0.5%;
    padding: 2px;
    width: 19%;
    min-width: 123px
}

.base-parameters img {
    height: auto;
    width: auto;
    max-height: 150px
}

.base-parameters ul li:first-child {
    margin-left: 0
}

.cabinetspecrightblock .col-md-2 {
    margin: 0 0.5%;
    width: 19% !important
}

.popup_product_custom_options .left_column {
    width: 50%;
    text-align: left;
    float: left
}

.popup_product_custom_options .right_column {
    width: 48%;
    text-align: left;
    float: right
}

#clayer .modal-dialog {
    margin: 30px auto;
    width: 100% !important
}

#clayer .modal-content {
    max-height: 400px;
    overflow: auto
}

/*Step 1*/

.kimit-planner-step-step1 .form-horizontal {
    border: 0 none !important;
    padding: 0;
    position: relative;
    float: left;
    width: 100%
}

.form-horizontal.size {
    background-color: #e4e4e4 !important
}

.form-horizontal .container-fluid {
    background-color: #fff;
    /* margin-top: 65px !important; */
    margin-top: 0 !important;/* step 1 > step-3 */
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf
}

.form-horizontal .container-fluid .item.last {
    padding: 15px
}

.form-horizontal.purple h4 {
    margin-top: 0
}

.form-horizontal .container-fluid.no-space {
    margin-top: 0 !important
}

.form-horizontal .row legend {
    border-radius: 0;
    font-size: 16px !important;
    font-weight: bold;
    left: 0;
    margin: 0 !important;
    padding: 14px 14px 0 14px !important;
    position: absolute;
    top: 0;
    width: 100% !important
}

.form-horizontal.yellow>legend {
background-color: #808386;color: #fff
}

.form-horizontal.purple .row legend {
background-color: #e3daff;border-radius: 0;padding: 0 14px 14px !important;color: #fff;float: left;position: inherit}

.form-horizontal.red>legend {
background-color: #ffbc78;color: #fff;border-radius: 4px 4px 0 0}

.form-horizontal.green>legend {
    background-color: #8fee8f;
    color: #fff;
    border-radius: 4px 4px 0 0
}

.form-horizontal.size>legend {
    background-color: #a4a4a4;
    color: #fff
}

.form-horizontal.yellow .item>h4 {
    display: none
}

.form-horizontal.yellow .item .row {
    margin-top: 15px
}

.form-horizontal .control-label .inner {
    display: block;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    text-transform: uppercase;
    width: 100%
}

.kimit-planner-step-step1 fieldset h4 {
    background-color: #2c3136;
    color: #fff;
    font-size: 14px;
    padding: 9px 15px
}

.kimit-planner-step-step1 fieldset .radioblock {
    color: #000;
    font-size: 14px;
    padding: 0;
    float: left;
    width: auto
}

.kimit-planner-step-step1 fieldset {
    font-family: "Open Sans", sans-serif !important
}

.form-horizontal.col-md-12 .inner {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase
}

.form-horizontal.yellow .col-md-12 .inner {
    color: #2c3136
}

.form-horizontal.purple .col-md-12 .inner {
    color: #6633cc
}

.form-horizontal.red .col-md-12 .inner {
    color: #000
}

.form-horizontal.green .col-md-12 .inner {
    color: #0f6e0f
}

.kimit-planner-step-step1 fieldset .form-group .control-label {}

.kimit-planner-step-step1 fieldset .form-group .help-block.help.text-right {
    display: none
}

.kimit-planner-step-step1 fieldset {
    margin: 0 0 30px !important
}

.form-horizontal.yellow .container-fluid {
    border-bottom: 4px solid #303030;
    border-radius: 6px 6px 0 0
}

.form-horizontal.purple .container-fluid {
    border-bottom: 4px solid #9f85ed;
    color: #4d2bb3;
    background-color: #e3daff;
    border-radius: 0
}

.form-horizontal.red .container-fluid {
    border-bottom: 4px solid #983d00;
    background-color: #ffecd8;
    border-radius: 0
}

.form-horizontal.green .container-fluid {
    border-bottom: 4px solid #73c173;
    background-color: #e9ffe9;
    border-radius: 0
}

.form-horizontal.size .container-fluid {
    border-bottom: 4px solid #2c3136
}

.col-md-8.cabinetspecrightblock {
    padding: 15px 15px 0 0
}

.form-horizontal .container-fluid.sub-top {
    border-bottom: 0 none;
    padding-bottom: 0
}

.kimit-planner-step-step1 fieldset .form-group {
    margin: 3px 0
}

.col-md-4 .col-md-12 {
    padding-right: 0
}

.col-md-2.control-label.optionlabel,
.col-md-3.control-label.optionlabel,
.col-md-3.optionlabel {
    border: 1px solid #e4e5e7;
    padding: 0
}

.form-horizontal .text-center {
    margin-bottom: 0 !important
}

.form-horizontal.yellow .cabinetspecrightblock P.text-center {background-color: #303030;color: #fff;font-size: 13px;padding: 6px;text-transform: capitalize
}

.form-horizontal.purple .text-center {color: #6633cc;float: right;font-size: 15px;font-weight: 600;padding-top: 0;text-align: left;text-transform: capitalize}

.form-horizontal.red .text-center {color: #f1ab64;float: right;font-size: 15px;font-weight: 600;padding-top: 0;text-align: left;text-transform: capitalize}

.form-horizontal.green .text-center {color: #054a05;float: right;font-size: 15px;font-weight: 600;padding-top: 0;text-align: left;text-transform: capitalize}

.form-horizontal.purple .productsheading {background-color: #fff;padding: 0 15px;line-height: 27px}
.form-horizontal.red .productsheading {background-color: #fff;line-height: 27px}
.form-horizontal.green .productsheading {background-color: #fff;line-height: 27px}
.per-door span {border: 0 none !important;color: #fff !important;margin-top: 0 !important;padding: 5px 0 !important}

.per-door label {border: 0 none !important;color: #fff !important;display: inline-block;float: right;font-size: 13px;margin-bottom: 0 !important;margin-top: 0 !important;min-height: 27px;padding: 5px 6px !important
}

.form-horizontal .base-parameters .parametersheading {font-size: 16px}
.form-horizontal.yellow .base-parameters .parametersheading {color: #303030 !important}
.form-horizontal.purple .base-parameters .parametersheading {color: #6633cc !important}
.form-horizontal.red .base-parameters .parametersheading {color: #ffbc78 !important}
.form-horizontal.green .base-parameters .parametersheading {color: #8fee8f !important}
.kimit-planner-step-step1 fieldset .col-md-5 .form-group .control-label {padding-bottom: 9px;padding-top: 9px !important}
.kimit-planner-step-step1 span.nextbtn {background-color: #ff4e50;background-image: none !important;border: 0 none;border-radius: 3px;color: #fff;float: right;font-family: "Open Sans", sans-serif;font-size: 17px;font-weight: bold;margin: 0;padding: 9px 50px 9px 30px;text-transform: uppercase;width: auto}

.step2block.step2BackButton {float:initial!important;}
.kimit-planner-step-step1 span.clearallbtn {background-color: #ff4e50;background-image: none !important;border: 0 none;border-radius: 3px;color: #fff;float: left;font-family: "Open Sans", sans-serif;font-size: 17px;font-weight: bold;padding: 9px 30px 9px 60px;text-transform: uppercase;width: auto; margin-right: 15px; margin-bottom: 10px;}

.kimit-planner-step-step1 span.prevbtn {background-color: #404040;background-image: none !important;border: 0 none;border-radius: 3px;color: #fff;float: left;font-family: "Open Sans", sans-serif;font-size: 17px;font-weight: bold;margin: 0 6px;padding: 9px 30px 9px 50px;text-transform: uppercase;width: auto}

.kimit-planner-step-step1 span.prevbtn a::before {
background: rgba(0, 0, 0, 0) url("../images/prev-icon.png") no-repeat scroll center center;content: "";float: left;height: 20px;left: -33px;position: absolute;top: 4px;width: 20px}

.kimit-planner-step-step1 span.nextbtn a,
.kimit-planner-step-step1 span.clearallbtn button {
background-color: transparent;background-image: none !important;border: 0 none;border-radius: 0;box-shadow: 0 0 0 rgba(255, 255, 255, 0.15) inset, 0 0 0 rgba(0, 0, 0, 0.075) !important;color: #fff !important;float: right;font-family: "Open Sans", sans-serif;font-size: 17px;font-weight: bold;line-height: 27px;padding: 0;position: relative;text-shadow: 0 0 0 #fff;text-transform: uppercase;width: auto;top: 0}

.kimit-planner-step-step1 span.nextbtn a::after {
background: rgba(0, 0, 0, 0) url("../images/next-icon.png") no-repeat scroll center center;
content: "";float: right;height: 20px;position: absolute;right: -30px;top: 3px;width: 20px
}

.kimit-planner-step-step1 span.clearallbtn button::before {
background: rgba(0, 0, 0, 0) url("../images/clearall-icon.png") no-repeat scroll center center;content: "";float: left;height: 20px;left: -33px;position: absolute;top: 2px;width: 20px}
.form-horizontal.size .form-group {padding-top: 24px}
.control-label .btn-sm {
background-image: none;border: 1px solid #acacac;border-radius: 4px;box-shadow: 0 0 0;color: #000 !important;float: right;font-size: 12px !important;font-weight: normal !important;text-align: center !important;padding: 5px !important;min-width: 94px;text-shadow: 0 0 0;width: auto !important;
background: white;
/* For browsers that do not support gradients */
background: -webkit-linear-gradient(#fff, #dbdbdb);
/* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#fff, #dbdbdb);
/* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#fff, #dbdbdb);
/* For Firefox 3.6 to 15 */
background: linear-gradient(#fff, #dbdbdb);
/* Standard syntax */}

.control-label .btn-sm:hover {
background: white;
/* For browsers that do not support gradients */
background: -webkit-linear-gradient(#fff, #d1d1d1) !important;
/* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#fff, #d1d1d1) !important;
/* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#fff, #d1d1d1) !important;
/* For Firefox 3.6 to 15 */
background: linear-gradient(#fff, #d1d1d1) !important;
/* Standard syntax */}

.kimit-planner-step-step1 .op-heading {float: left;line-height: 27px;width: auto !important;min-width: 94px;border: 1px solid #acacac;padding: 5px !important}
.radio-inline {padding-bottom: 3px;padding-top: 0 !important}
.optionlabel .optionlabelimg {line-height: 182px;min-height: 182px;vertical-align: middle;max-height: 182px;overflow: hidden}

.styled-select {
background: rgba(0, 0, 0, 0) url("../images/drop.png") no-repeat scroll 97% center;border: 1px solid #ccc;height: 34px;overflow: hidden;max-width: 100%;background-color: #ffffdc !important}
.styled-select select {background: transparent none repeat scroll 0 0;border: 0 none;border-radius: 0;font-size: 13px;height: 34px;line-height: 2;padding: 5px;
-webkit-appearance: none;
-moz-appearance: none;
box-shadow: 0 0 0}
.styled-select select option {font-size: 13px;padding-right: 10px}

.topblock tr:nth-child(2n) td,
.middleblock tr:nth-child(2n) td,
.bottomblock tr:nth-child(2n) td {
background-color: #f6f6f6}

.heightbg,
.depthbg {color: #fff;text-transform: uppercase}
.heightbg {background-color: #990000 !important}
.depthbg {background-color: #2c3136 !important}
.nopad {padding: 0 !important}
.nopad .nopadtxt {float: left;padding-right: 3px}
.browntxt {color: #990000 !important}
.headinggrad {
color: #000;
font-weight: bold;
font-size: 14px !important;
background: white;
/* For browsers that do not support gradients */
background: -webkit-linear-gradient(#fff, #edecec);
/* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#fff, #edecec);
/* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#fff, #edecec);
/* For Firefox 3.6 to 15 */
background: linear-gradient(#fff, #edecec);
/* Standard syntax */}

.step-1-info {
    color: #89153d;
    font-size: 14px !important;
    border-radius: 4px 4px 0 0;
    border: 1px solid #c2c2c2;
    padding: 0 !important;
    font-weight: bold;
    background: white;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#fff, #ccc);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff, #ccc);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff, #ccc);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff, #ccc);
    /* Standard syntax */
}

.step-1-info>span {
    float: left;
    padding: 15px;
    width: 100%;
    position: relative
}

.step-1-info-desc {
    background-color: #fff;
    border-top: 1px solid #c2c2c2;
    color: #515456;
    float: left;
    font-size: 13px;
    padding: 12px 15px;
    width: 100%;
    font-weight: normal
}

.step-1-info .show_hide {
    background: rgba(0, 0, 0, 0) url("../images/steps-arrow.png") no-repeat scroll 99% center;
    display: block;
    float: right;
    height: 50px;
    position: absolute;
    right: 0;
    text-indent: -10000em;
    top: 0;
    width: 100%
}

.form-horizontal.size .col-md-4 {
    padding-right: 0
}

.form-horizontal.purple .col-md-5,
.form-horizontal.red .col-md-5,
.form-horizontal.green .col-md-5 {
    padding-right: 0;
    width: 36% !important
}

.form-horizontal.purple .col-md-7,
.form-horizontal.red .col-md-7,
.form-horizontal.green .col-md-7 {
    padding-right: 0;
    width: 64% !important
}

.form-horizontal.purple .col-md-7 .col-md-3,
.form-horizontal.red .col-md-7 .col-md-3,
.form-horizontal.green .col-md-7 .col-md-3 {
    margin: 0 0.5%;
    width: 24% !important
}

.form-horizontal.purple .col-md-7 .col-md-3:first-child,
.form-horizontal.red .col-md-7 .col-md-3:first-child,
.form-horizontal.green .col-md-7 .col-md-3:first-child {
    margin-left: 0 !important
}

.form-horizontal.purple .col-md-7 .col-md-3:last-child,
.form-horizontal.red .col-md-7 .col-md-3:last-child,
.form-horizontal.green .col-md-7 .col-md-3:last-child {
    margin-right: 0 !important
}

.form-horizontal.yellow .col-md-4 {
    padding-right: 0
}

.step2tabs {
    background-color: #f1f1f1;
    float: left;
    margin: 9px 0 !important;
    padding: 30px !important;
    width: 100%
}

.step2tabs .tab-content {
    background-color: #fff;
    border-bottom: 4px solid #2c3136 !important;
    margin-bottom: 30px;
    padding-bottom: 15px !important;
    padding-top: 15px !important
}

.step2tabs .nav-tabs {
    color: #000;
    font-weight: bold;
    font-size: 14px !important;
    background: white;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#fff, #edecec);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff, #edecec);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff, #edecec);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff, #edecec);
    /* Standard syntax */
    border: 1px solid #d5d5d5 !important;
    border-radius: 4px 4px 0 0
}

.tip.text-danger {
    color: #ff4e50;
    font-size: 13px;
    padding-right: 15px;
    text-align: left
}

.step2tabs .nav-tabs .active>a {
    background-color: #8d8d8d !important;
    border: 0 none !important;
    border-radius: 0 !important;
    color: #fff !important;
    padding-bottom: 11px !important
}

.step2tabs .nav-tabs li a {
    white-space: nowrap
}

.step2tabs .nav-tabs li:first-child a {
    border-radius: 4px 0 0 !important
}

.step2tabs .nav-tabs>li>a {
    border-left: 1px solid #d5d5d5 !important;
    border-right: 1px solid #fff !important;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 600 !important;
    padding-bottom: 9px !important;
    margin-right: 0;
    border-radius: 0px !important
}

.step2tabs .nav-tabs>li:first-child>a {
    border-left: 0px !important
}

.step2tabs .nav-tabs li.basecabinets.active ul.sub.nav.navbar-nav a,
.step2tabs .nav-tabs li.wallcabinets.active ul.sub.nav.navbar-nav a,
.step2tabs .nav-tabs li.tallcabinets.active ul.sub.nav.navbar-nav a,
.step2tabs .nav-tabs li.appliancecabinets.active ul.sub.nav.navbar-nav a,
.step2tabs .nav-tabs li.stackcabinetsseperate.active ul.sub.nav.navbar-nav a,
.step2tabs .nav-tabs li.panelsbulheadskicks.active ul.sub.nav.navbar-nav a {
    background-color: transparent !important;
    color: #000 !important
}

/*.step2tabs .nav-tabs li.active .sub, .step2tabs .nav-tabs li.active .sub a{background-color:#8d8d8d}*/

.step2tabs .nav-tabs li.basecabinets.active .sub a {
    background-color: transparent !important;
    text-align: center;
    color: #000 !important
}

.step2tabs .nav-tabs li.basecabinets.active .sub .active a,
.step2tabs .nav-tabs li.basecabinets.active .sub li:hover a {
    background-color: #9f85ed !important;
    text-align: center;
    color: #fff !important
}

.step2tabs .nav-tabs li.basecabinets.active .sub {
    background: white;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#fff, #edecec);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff, #edecec);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff, #edecec);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff, #edecec);
    /* Standard syntax */
    border-bottom: 1px solid #d5d5d5 !important
}

.step2tabs .nav-tabs li.active:hover,
.step2tabs .nav-tabs li.active .sub.nav.navbar-nav:hover,
.step2tabs .nav-tabs li.active a:hover,
.step2tabs .nav-tabs li.active .sub.nav.navbar-nav a:hover {
    border-radius: 0px !important;
    text-decoration: none !important
}

.step2tabs .nav-tabs li.active .sub.nav.navbar-nav a,
.step2tabs .nav-tabs li.active .sub.nav.navbar-nav li:hover a {
    color: #000;
    font-size: 13px;
    font-weight: normal;
    padding-left: 10px !important;
    padding-right: 10px !important;
    position: relative;
    text-decoration: none;
    border-radius: 0px !important;
    padding-bottom: 7px !important
}

.step2tabs .nav-tabs li.active .sub.nav.navbar-nav li:first-child a {
    padding-left: 0 !important
}

.step2tabs .nav-tabs li.active .sub.nav.navbar-nav li::before {
    content: "";
    border-left: 1px solid #ccc;
    position: absolute;
    left: -1px;
    top: 0;
    height: 31px
}

.step2tabs .nav-tabs li.active .sub.nav.navbar-nav li:last-child::after {
    content: "";
    border-left: 1px solid #ccc;
    position: absolute;
    right: 0;
    top: 0;
    height: 31px
}

.step2tabs .nav-tabs li.active .sub.nav.navbar-nav li:first-child::before {
    content: "";
    border-left: 0px
}

.step2tabs .nav-tabs li.active .sub.nav.navbar-nav li:first-child a::before {
    content: "" !important;
    padding-left: 6px !important
}

.step2tabs .nav-tabs li.tallsingleunitcabinets.active .sub a::before {
    color: #000 !important
}

.kimit-planner-catalog-category .category-description {
    background-color: #f1f3f6;
    border: 1px solid #d5d5d5;
    border-radius: 6px;
    color: #66696b;
    font-size: 13px;
    line-height: 18px;
    margin: 15px;
    padding: 15px
}

.kimit-planner-catalog-category .swiper-slide .box .name {
    background-color: #8d8d8d;
    border-bottom: 1px solid #ccc;
    color: #000;
    display: block;
    overflow: hidden;
    padding: 6px 1px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: "Open Sans", sans-serif;
    font-weight: normal;
    border-top: 0
}

.kimit-planner-catalog-category .swiper-slide {
    display: inline-block;
    float: none !important;
    width: 185px !important
}

.kimit-planner-catalog-category .page-title.category-title {
    padding: 15px 15px 6px;
    text-align: center
}

.container-fluid .cabinets {
    padding: 0 !important
}

.kimit-planner-catalog-category .swiper-slide .box {
    border: 1px solid #dddddd;
    color: #333333;
    display: block;
    margin: 10px;
    max-height: 263px;
    text-align: center;
    min-height: 263px
}

span.listplanner_short_desc {
    width: 100%;
    float: left;
    border-top: 1px solid #dddddd;
    font-size: 12px;
    padding: 6px 1px;
    text-align: center;
    line-height: 18px;
    min-height: 49px
}

.kimit-planner-catalog-category .swiper-slide .box img {
    min-height: auto
}

.cabinets .heading h3 {
    font-family: "Open Sans", sans-serif !important;
    font-size: 19px !important;
    font-weight: bold;
    margin: 0
}

.cabinets .adv h4 {
    color: #ff4e50;
    font-family: "Open Sans", sans-serif !important;
    font-size: 18px !important;
    font-weight: bold;
    margin: 0
}

.kimit-planner-step-step1 .modal-dialog {
    width: auto !important
}

.kimit-planner-step-step2 .panel-product-grid .nav-tabs>li:last-child {
    border-right: 1px solid #d5d5d5
}

.modal.fade .modal-header>h4 {
    font-family: "Open Sans", sans-serif !important;
    font-size: 18px;
    font-weight: bold
}

.modal.fade.green .modal-header>h4 {
    color: #8fee8f !important
}

.modal.fade.red .modal-header>h4 {
    color: #ffbc78 !important
}

.modal.fade.purple .modal-header>h4 {
    color: #6633cc !important
}

.optionlabel .optionlabelimg {
    padding: 0 !important
}

.active.in .category-title h1 {
    color: #2c3136 !important
}

.active.in.basecabinets .category-title h1 {
    color: #6633cc !important
}

.active.in.wallcabinets .category-title h1 {
    color: #ffbc78 !important
}

.active.in.tallsingleunitcabinets .wallcabinets h1 {
    color: #8fee8f !important
}

.image-price-css {
    font-size: 13px;
    padding: 15px 0 0 15px;
    width: calc(100% - 15px)
}

.container-fluid button.btn-checkout {
    background-color: #ff4e50;
    background-image: none !important;
    border: 0 none;
    border-radius: 3px;
    color: #fff;
    float: right;
    font-family: "Open Sans", sans-serif;
    font-size: 17px;
    font-weight: bold;
    margin: 15px 0;
    padding: 9px 50px 9px 30px;
    text-transform: uppercase;
    width: auto
}

.container-fluid button.btn-checkout span {
    background-color: transparent;
    padding: 4px 4px 4px 0
}

.kimit-planner-catalog-category .swiper-slide .box .span_image {
    display: block;
    height: 180px;
    line-height: 180px;
    min-height: 180px;
    vertical-align: middle;
    float: left;
    text-align: center;
    width: 100%
}

.category-title h1 {
color: #2c3136 !important}
.basecabinets .category-title h1 {
color: #6633cc !important}
.wallcabinets .category-title h1 {
color: #f1ab64 !important}
.tallsingleunitcabinets .category-title h1 {
color: #0f6e0f !important}

.kimit-planner-step-step2 .modal-body .nav-tabs,
.kimit-planner-step-step2 .mcabinet .modal-body .nav-tabs>li:not(.active)>a {
color: #000;font-weight: bold;font-size: 14px !important;
background: white;
/* For browsers that do not support gradients */
background: -webkit-linear-gradient(#fff, #edecec);
/* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#fff, #edecec);
/* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#fff, #edecec);
/* For Firefox 3.6 to 15 */
background: linear-gradient(#fff, #edecec);
/* Standard syntax */
}

.kimit-planner-step-step2 .modal-body .media.pinfo {
    background-color: #fff;
    margin: 0;
    padding: 15px 15px 0 15px
}

.kimit-planner-step-step2 .modal-body .container-fluid {
    margin: 0 !important;
    padding: 15px !important
}

.modal-content {
    width: 900px !important
}

.kimit-planner-step-step2 .mcabinet fieldset {
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    background-color: #f1f3f6
}

.kimit-planner-step-step2 .mcabinet fieldset legend,
.kimit-planner-step-step2 .mcabinet fieldset h4 {
    border-radius: 4px 4px 0 0;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 18px;
    padding: 9px 12px 12px;
    width: 100%
}

.kimit-planner-step-step2 .mcabinet fieldset .form-group {
    padding: 0 15px
}

.kimit-planner-step-step2 .modal-body {
    background-color: #f3f1f1;
    padding: 7px !important;
    border: 0 !important
}

.basecabinets .modal-body {
background-color: #9f85ed !important}
.tallsingleunitcabinets .modal-body {
background-color: #8fee8f !important}
.step2tabs .nav-tabs li.basecabinets.active a,
.step2tabs .nav-tabs li.basecabinets a:hover,
.step2tabs .nav-tabs li.basecabinets.active ul.sub.nav.navbar-nav a:hover,
.step2tabs .nav-tabs li.basecabinets.active ul.sub.nav.navbar-nav li.active a {
background-color: #9f85ed !important;text-align: center;color: #fff !important}

.step2tabs .nav-tabs li.wallcabinets.active a,
.step2tabs .nav-tabs li.wallcabinets a:hover,
.step2tabs .nav-tabs li.wallcabinets.active ul.sub.nav.navbar-nav a:hover,
.step2tabs .nav-tabs li.wallcabinets.active ul.sub.nav.navbar-nav li.active a {
background-color: #ffbc78 !important;text-align: center;color: #000 !important}

.step2tabs .nav-tabs li.tallcabinets.active a,
.step2tabs .nav-tabs li.tallcabinets a:hover,
.step2tabs .nav-tabs li.tallcabinets.active ul.sub.nav.navbar-nav a:hover,
.step2tabs .nav-tabs li.tallcabinets.active ul.sub.nav.navbar-nav li.active a {
background-color: #73c173 !important;text-align: center;color: #fff !important}

.step2tabs .nav-tabs li.appliancecabinets.active a,
.step2tabs .nav-tabs li.appliancecabinets a:hover,
.step2tabs .nav-tabs li.appliancecabinets.active ul.sub.nav.navbar-nav a:hover,
.step2tabs .nav-tabs li.appliancecabinets.active ul.sub.nav.navbar-nav li.active a {
background-color: #800040 !important;text-align: center;color: #fff !important}

.step2tabs .nav-tabs li.stackcabinetsseperate.active a,
.step2tabs .nav-tabs li.stackcabinetsseperate a:hover,
.step2tabs .nav-tabs li.stackcabinetsseperate.active ul.sub.nav.navbar-nav a:hover,
.step2tabs .nav-tabs li.stackcabinetsseperate.active ul.sub.nav.navbar-nav li.active a {
background-color: #808080 !important;text-align: center;color: #fff !important}

.step2tabs .nav-tabs li.panelsbulheadskicks.active a,
.step2tabs .nav-tabs li.panelsbulheadskicks a:hover,
.step2tabs .nav-tabs li.panelsbulheadskicks.active ul.sub.nav.navbar-nav a:hover,
.step2tabs .nav-tabs li.panelsbulheadskicks.active ul.sub.nav.navbar-nav li.active a {
    background-color: #ffff00 !important;
    text-align: center;
    color: #000 !important
}

.tallcabinets .modal-body,
.kimit-planner-step-step2 .tallcabinets .modal-body .topsku,
.kimit-planner-step-step2 .tallcabinets .modal-body legend,
.kimit-planner-step-step2 .tallcabinets .modal-body h4,
.kimit-planner-step-step2 .tallcabinets .modal-body legend label.radio-inline,
.kimit-planner-step-step2 .tallcabinets .modal-body h4 label.radio-inline,
.kimit-planner-step-step2 .tallcabinets .mcabinetsRadioGroup .text-danger .radio-inline,
.kimit-planner-step-step2 .tallcabinets .modal-body fieldset.advanceduseronly .advanceusercheck label[for=comment-adv] span,
.tallcabinets .bundleheading span.text-danger {
    background-color: #71d371 !important;
    color: #000 !important
}

.wallcabinets .modal-body,
.kimit-planner-step-step2 .wallcabinets .modal-body .topsku,
.kimit-planner-step-step2 .wallcabinets .modal-body legend,
.kimit-planner-step-step2 .wallcabinets .modal-body h4,
.kimit-planner-step-step2 .wallcabinets .modal-body legend label.radio-inline,
.kimit-planner-step-step2 .wallcabinets .modal-body h4 label.radio-inline,
.kimit-planner-step-step2 .wallcabinets .mcabinetsRadioGroup .text-danger .radio-inline,
.kimit-planner-step-step2 .wallcabinets .modal-body fieldset.advanceduseronly .advanceusercheck label[for=comment-adv] span,
.wallcabinets .bundleheading span.text-danger {
background-color: #ffbc78 !important;
color: #000 !important
}

.appliancecabinets .modal-body,
.kimit-planner-step-step2 .appliancecabinets .modal-body .topsku,
.kimit-planner-step-step2 .appliancecabinets .modal-body legend,
.kimit-planner-step-step2 .appliancecabinets .modal-body h4,
.kimit-planner-step-step2 .appliancecabinets .modal-body legend label.radio-inline,
.kimit-planner-step-step2 .appliancecabinets .modal-body h4 label.radio-inline,
.kimit-planner-step-step2 .appliancecabinets .mcabinetsRadioGroup .text-danger .radio-inline,
.kimit-planner-step-step2 .appliancecabinets .modal-body fieldset.advanceduseronly .advanceusercheck label[for=comment-adv] span,
.appliancecabinets .bundleheading span.text-danger {
    background-color: #800040 !important;
    color: #fff
}

.stackcabinetsseperate .modal-body,
.kimit-planner-step-step2 .stackcabinetsseperate .modal-body .topsku,
.kimit-planner-step-step2 .stackcabinetsseperate .modal-body legend,
.kimit-planner-step-step2 .stackcabinetsseperate .modal-body h4,
.kimit-planner-step-step2 .stackcabinetsseperate .modal-body legend label.radio-inline,
.kimit-planner-step-step2 .stackcabinetsseperate .modal-body h4 label.radio-inline,
.kimit-planner-step-step2 .stackcabinetsseperate .mcabinetsRadioGroup .text-danger .radio-inline,
.kimit-planner-step-step2 .stackcabinetsseperate .modal-body fieldset.advanceduseronly .advanceusercheck label[for=comment-adv] span,
.stackcabinetsseperate .bundleheading span.text-danger {
    background-color: #808080 !important;
    color: #fff
}

.panelsbulheadskicks .modal-body,
.kimit-planner-step-step2 .panelsbulheadskicks .modal-body .topsku,
.kimit-planner-step-step2 .panelsbulheadskicks .modal-body legend,
.kimit-planner-step-step2 .panelsbulheadskicks .modal-body h4,
.kimit-planner-step-step2 .panelsbulheadskicks .modal-body legend label.radio-inline,
.kimit-planner-step-step2 .panelsbulheadskicks .modal-body h4 label.radio-inline,
.kimit-planner-step-step2 .panelsbulheadskicks .mcabinetsRadioGroup .text-danger .radio-inline,
.kimit-planner-step-step2 .panelsbulheadskicks .modal-body fieldset.advanceduseronly .advanceusercheck label[for=comment-adv] span,
.panelsbulheadskicks .bundleheading span.text-danger {
    background-color: #ffff00 !important;
    color: #000
}

.kimit-planner-step-step2 .modal-body .nav-tabs li {
    float: left
}

.kimit-planner-step-step2 .modal-body .nav-tabs a {
    font-size: 13px;
    font-weight: normal;
    padding: 10px;
    margin: 0
}

.kimit-planner-step-step2 .modal-body .modal-outer-div {
    background-color: #fff;
    border-radius: 4px;
    font-family: "Open Sans", sans-serif;
    color: #000
}

.kimit-planner-step-step2 .modal-body .nav-tabs .active>a {
    background-color: #8d8d8d;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 600 !important
}

.kimit-planner-step-step2 .basecabinets .modal-body .nav-tabs .active>a {
    background-color: #9f85ed;
    color: #fff !important
}

.kimit-planner-step-step2 .wallcabinets .modal-body .nav-tabs .active>a {
    background-color: #ffbc78;
    color: #000
}

.kimit-planner-step-step2 .tallsingleunitcabinets .modal-body .nav-tabs .active>a {
    background-color: #8fee8f;
    color: #000
}

.kimit-planner-step-step2 .modal-body legend,
.kimit-planner-step-step2 .modal-body h4 {
    background-color: #8d8d8d;
    margin-top: 0
}

.kimit-planner-step-step2 .basecabinets .modal-body legend,
.kimit-planner-step-step2 .basecabinets .modal-body h4 {
    background-color: #9f85ed;
    margin-bottom: 0
}

.kimit-planner-step-step2 .tallsingleunitcabinets .modal-body legend,
.kimit-planner-step-step2 .tallsingleunitcabinets .modal-body h4 {
    background-color: #8fee8f;
    color: #000
}

.kimit-planner-step-step2 .tallsingleunitcabinets .modal-body legend {
    cursor: pointer
}

.kimit-planner-step-step2 .modal-body .row {
    margin-left: 0;
    margin-right: 0
}

.kimit-planner-step-step2 .productpsecright {
    float: right;
    padding: 0;
    width: calc(100% - 15px);
    color: #000
}

.kimit-planner-step-step2 .productpsecright .form-group.firstblock {
    background-color: #303030;
    color: #fff;
    font-size: 15px
}

.kimit-planner-step-step2 .productpsecright .form-group {
    margin: 0
}

.kimit-planner-step-step2 .modal-body .productpsecright .col-md-4 {
    padding: 10px 15px
}

.kimit-planner-step-step2 .modal-body .productpsecright .col-md-8 {
    line-height: 34px;
    padding: 2px 15px;
    font-size: 13px
}

.kimit-planner-step-step2 .modal-body .productpsecright .col-md-4 .inner {
    float: left;
    font-size: 13px;
    font-weight: 600;
    padding: 0 !important;
    text-align: left !important;
    width: 100% !important
}

.kimit-planner-step-step2 .mcabinet .productpsecright .clearfix:last-child .form-control {
    border-radius: 0;
    box-shadow: 0 0 0
}

.kimit-planner-step-step2 .mcabinet .brownheadling {
    background-color: #990000;
    color: #fff;
    float: left;
    font-size: 13px;
    margin-top: 9px;
    padding: 4px 9px;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

.kimit-planner-step-step2 .mcabinet .form-group ul.sizesblock {
    float: none;
    width: auto;
    display: inline-block;
    min-height: 58px;
    background-color: #990000;
    border-radius: 4px;
    margin-right: 3px;
    margin-bottom: 0
}

.kimit-planner-step-step2 .mcabinet .form-group ul.sizesblock span.sizeblockheading {
    float: left;
    width: 100%;
    text-align: center;
    color: #fff;
    padding: 6px 0;
    display: none
}

.sizeblockadjust {
    width: 100%;
    float: left;
    text-align: center
}

.sizeblockadjust .sizesblock.qtyonly {
    width: 15% !important
}

.sizeblockadjust .sizesblock {
    width: 75% !important
}

.sizeblockadjust .sizesblock.qtyonly li.Qty {
    width: 100% !important
}

.kimit-planner-step-step2 .mcabinet .form-group ul.sizesblock li {
    float: left;
    font-size: 13px;
    padding: 0;
    text-align: center;
    position: relative
}

.kimit-planner-step-step2 .mcabinet .form-group ul.sizesblock.widthheightetc.two li {
    width: 33.33%
}

.kimit-planner-step-step2 .mcabinet .form-group ul.sizesblock.widthheightetc.one li {
    width: 25%
}

.kimit-planner-step-step2 .mcabinet .form-group ul.sizesblock.widthheightetc.zero li {
    width: 20%
}

.sizeblockadjust .sizesblock.widthheightetc.two {
    max-width: 240px
}

.sizeblockadjust .sizesblock.widthheightetc.one {
    max-width: 400px
}

.sizeblockadjust .sizesblock.widthheightetc.zero {
    max-width: 73%
}

.descriptionblock [data-view=description] {
    line-height: 21px;
    font-size: 13px
}

.kimit-planner-step-step2 .mcabinet .form-group ul.sizesblock li .heading {
    float: left;
    font-size: 14px;
    font-weight: 500;
    min-height: 25px;
    text-align: center;
    width: 100%;
    color: #fff;
    text-transform: capitalize !important;
    line-height: 23px;
    margin-bottom: 0
}
.kimit-planner-step-step2 .mcabinet .form-group ul.sizesblock li .heading.optional {
    float: left;
    font-size: 12px;
    font-weight: 500;
    min-height: 22px;
    text-align: center;
    width: 100%;
    color: #ccc;
    text-transform: capitalize !important;
    line-height: 20px;
    margin-bottom: 0
}

.kimit-planner-step-step2 .mcabinet .form-group ul.sizesblock li .value {
    float: left;
    width: 100%
}

.kimit-planner-step-step2 .mcabinet .form-group ul.sizesblock li .value .form-control {
    border-radius: 0;
    box-shadow: 0 0 0;
    text-align: center;
    border: 0 !important;
    background-color: #fff5b4;
    border-radius: 4px;
    max-width: 56px;
    margin: 0 auto;
    height: 27px
}

.kimit-planner-step-step2 .subjectheadings {
    color: #990000;
    float: left;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 9px;
    width: 100%;
    text-align: left
}

.kimit-planner-step-step2 .whiteblock {
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #d5d5d5;
    float: left;
    padding: 6px !important;
    width: 100%;
    margin-bottom: 15px
}

.kimit-planner-step-step2 .whiteblock .inner {
    float: left;
    padding: 6px 0;
    text-align: left;
    width: 100%;
    font-weight: 600
}

.kimit-planner-step-step2 .whiteblock .control-label,
.kimit-planner-step-step2 .whiteblock .controls {
    float: left;
    margin: 3px 0
}

.kimit-planner-step-step2 select,
.kimit-planner-step-step2 input[type="text"],
.kimit-planner-step-step2 textarea,
.kimit-planner-step-step2 .form-control {
    border-radius: 0;
    box-shadow: 0 0 0;
    resize: none !important
}

.kimit-planner-step-step2 .text-danger {
    color: #a94442;
    font-weight: 600;
    font-size: 13px
}

.step2tabs #iFrameResizer0 {
    padding: 15px;
    background-color: #fff;
    min-height: 420px !important;
    overflow: scroll !important
}

.kimit-planner-step-step2 input[type="file"] {
    min-height: 49px
}

.kimit-planner-step-step2 .mcabinet .control-label strong {
    font-weight: 100;
    line-height: 27px
}

.kimit-planner-step-step2 .mcabinet .modal-footer .btn.btn-danger {
    background-color: #ff4e50 !important;
    background-image: none;
    border: 0 none;
    border-radius: 2px !important;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: normal;
    padding: 9px 15px 9px 39px;
    text-shadow: 0 0 0;
    text-transform: uppercase
}

.kimit-planner-step-step2 .mcabinet .modal-footer .btn.btn-default {
    background-color: #404040 !important;
    background-image: none;
    border: 0 none;
    border-radius: 2px !important;
    color: #fff;
    padding: 9px 15px 9px 37px;
    text-transform: uppercase;
    text-shadow: 0 0 0;
    position: relative
}
.kimit-planner-step-step1 .modal .modal-header .btn.btn-default {
    background-color: #404040 !important;
    background-image: none;
    border: 0 none;
    border-radius: 2px !important;
    color: #fff;
    padding: 9px 15px 9px 37px;
    text-transform: uppercase;
    text-shadow: 0 0 0;
    position: relative
}
.kimit-planner-step-step1 .modal .modal-header .btn.btn-danger {
    background-color: #ff4e50 !important;
    background-image: none;
    border: 0 none;
    border-radius: 2px !important;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: normal;
    padding: 9px 15px 9px 39px;
    text-shadow: 0 0 0;
    text-transform: uppercase
}
.kimit-planner-step-step2 .mcabinet .modal-footer .btn.btn-danger i.glyphicon-cog {
    position: relative
}
.kimit-planner-step-step1 .modal .modal-header .btn.btn-danger i.glyphicon-cog {
    position: relative
}
.kimit-planner-step-step2 .mcabinet .modal-footer .btn.btn-danger i.glyphicon-cog::before {
    background: rgba(0, 0, 0, 0) url("../images/add-to-plan-icon.png") no-repeat scroll left center;
    content: "" !important;
    float: left;
    height: 14px;
    left: -24px;
    position: absolute;
    top: -13px;
    width: 18px
}
.kimit-planner-step-step1 .modal .modal-header .btn.btn-danger i.glyphicon-cog::before {
    background: rgba(0, 0, 0, 0) url("../images/add-to-plan-icon.png") no-repeat scroll left center;
    content: "" !important;
    float: left;
    height: 14px;
    left: -24px;
    position: absolute;
    top: -13px;
    width: 18px
}

.kimit-planner-step-step2 .mcabinet .modal-footer .btn.btn-default::before {
    background: rgba(0, 0, 0, 0) url("../images/close-icon.png") no-repeat scroll left center;
    content: "" !important;
    float: left;
    height: 14px;
    left: 12px;
    position: absolute;
    top: 12px;
    width: 18px
}
.kimit-planner-step-step1 .modal .modal-header .btn.btn-default::before {
    background: rgba(0, 0, 0, 0) url("../images/close-icon.png") no-repeat scroll left center;
    content: "" !important;
    float: left;
    height: 14px;
    left: 12px;
    position: absolute;
    top: 12px;
    width: 18px
}
.styled-select select {
    border: 0 none !important
}

.control-label span.inner {
    float: left;
    font-size: 12px;
    padding: 9px 0 0;
    width: 100% !important
}

.kimit-planner-step-step2 a[data-xdismiss="modal"] {
    color: #000
}

.kimit-planner-step-step2 a[data-xdismiss="modal"]:hover {
    color: #ff4e50;
    text-decoration: none !important
}

.kimit-planner-step-step2 .mcabinet .help {
    position: relative;
    top: -3px
}

.kimit-planner-step-step2 .mcabinet .help::before {
    background: rgba(0, 0, 0, 0) url("../images/need-help-icon.png") no-repeat scroll left center;
    content: "" !important;
    float: left;
    height: 24px;
    left: -15px;
    position: absolute;
    top: 2px;
    width: 24px
}

.kimit-planner-step-step2 .form-control {
    font-size: 13px !important;
    padding: 3px !important
}

.kimit-planner-catalog-category .swiper-slide .box:hover,
.kimit-planner-catalog-category .swiper-slide .box span.name:hover {
    text-decoration: none !important
}

/*.checkout-cart-index h1:before{background:rgba(0, 0, 0, 0) url("../images/shopping-cart-icon.png") no-repeat scroll left center;content:"";float:left;height:20px;margin-right:9px;width:20px}*/

/*.checkout-cart-index h1:before{background:rgba(0, 0, 0, 0) url("../images/shopping-cart-icon.png") no-repeat scroll 0 0;content:"";float:left;height:20px;margin-right:9px;width:20px}*/

.checkout-cart-index h1:before {
    background: rgba(0, 0, 0, 0) url("../images/sprite-new.png") no-repeat scroll -49px -4px;
    content: "";
    float: left;
    height: 20px;
    margin-right: 9px;
    width: 20px
}

.checkout-cart-index h1 {
    line-height: 20px
}

.container-fluid button.btn-checkout span span {
    position: relative
}

/*.container-fluid button.btn-checkout span span:after{background:rgba(0, 0, 0, 0) url("../images/proceed-to-checkout-icon.png") no-repeat scroll left center;content:"";float:right;height:20px;margin-left:9px;position:absolute;right:-27px;top:2px;width:20px}*/

.container-fluid button.btn-checkout span span:after {
    background: rgba(0, 0, 0, 0) url("../images/sprite-new.png") no-repeat scroll -73px -4px;
    content: "";
    float: right;
    height: 20px;
    margin-left: 9px;
    position: absolute;
    right: -27px;
    top: 2px;
    width: 19px
}

.container-fluid button.btn-checkout:hover span span,
.container-fluid button.btn-checkout span:hover span,
.container-fluid button.btn-checkout span span:hover {
    background-color: transparent !important;
    border-radius: 0 !important
}

.footer_bottom {
    background-color: #353b46 !important;
    color: #b7babf !important;
    font-family: "Open Sans", sans-serif;
    font-size: 13px
}

.demo-notice {
    background: #292e31 none repeat scroll 0 0 !important
}

.glyphicon-chevron-left::before,
.glyphicon-chevron-right::before {
    color: #cacaca;
    font-size: 24px;
    opacity: 0.6
}

.kimit-planner-step-step2 .wallcabinets .form-group>ul.sizesblock .inactive {
    display: none
}

.col-md-5 .inner.op-heading {
    width: auto !important
}

.kimit-planner-step-step1 .col-md-4.blocks {
    background-color: #fff;
    border: 1px solid #949494;
    border-radius: 0;
    margin: 0 0 0 2%;
    padding: 0;
    width: 32%;
    border-radius: 6px;
    min-height: 480px
}

.kimit-planner-step-step1 .col-md-4.blocks:first-child {
    margin-left: 0
}

.kimit-planner-step-step1 .col-md-4.blocks .optionlabel {
    width: 100%
}

.kimit-planner-step-step1 .col-md-4.blocks .optionlabelimg {
    float: left;
    margin: 15px 0;
    text-align: center
}

.kimit-planner-step-step1 .col-md-6.blocks {
    background-color: #fff;
    border: 1px solid #949494;
    border-radius: 0;
    margin: 5% 0 5% 2%;
    padding: 30px;
    width: 49%;
    border-radius: 6px;
    min-height: 450px
}

.kimit-planner-step-step1 .col-md-6.blocks:first-child {
    margin-left: 0
}

.kimit-planner-step-step1 .col-md-6.blocks .optionlabel {
    width: 100%
}

.kimit-planner-step-step1 .col-md-6.blocks .optionlabelimg {
    float: left;
    margin: 15px 0;
    text-align: center
}

.per-door.productsheading {
    float: left;
    width: 100%;
    padding: 6px 15px
}

.form-group.firstchoice {
    float: left;
    min-width: 360px;
    width: auto;
    max-width: 360px
}

.form-group.firstchoice .col-md-12 {
    padding: 0 !important
}

.form-horizontal .row legend span {
    float: left;
    padding-top: 6px;
    padding-right: 15px;
    line-height: 27px;
    text-transform: capitalize
}

.form-group.firstchoice span.inner {
    padding-right: 0;
    padding-top: 7px;
    text-align: right;
    text-transform: capitalize
}

.form-group.firstchoice .col-md-3 {
    padding-right: 0;
    text-align: right
}

.form-group.firstchoice .styled-select {
    background: #fff url("../images/drop.png") no-repeat scroll 97% center;
    border: 1px solid #ccc !important
}

.newblockbottomfields .form-group {
    margin: 0
}

.kimit-planner-step-step1 fieldset .form-group .control-label {
    padding: 0 !important
}

.kimit-planner-step-step1 fieldset .form-group .control-label .inner {
    font-size: 13px;
    font-weight: bold;
    padding: 0;
    text-transform: capitalize;
    padding-top: 6px;
    line-height: 22px
}

.kimit-planner-step-step1 fieldset .form-group .col-md-9 {
    padding-right: 0
}

.kimit-planner-step-step1 fieldset.red .row {
    margin: 0 !important
}

.kimit-planner-step-step1 fieldset.red .item.last,
.kimit-planner-step-step1 fieldset.red .item.last .col-md-12,
.kimit-planner-step-step1 fieldset.green .item.last,
.kimit-planner-step-step1 fieldset.green .item.last .col-md-12 {
    padding: 0
}

.kimit-planner-step-step1 fieldset.red legend {
    background-color: #ffecd8;
    color: #fff;
    float: left;
    position: inherit;
    width: 100%
}

.col-md-12.newblockscontainer {
    padding: 15px 15px 0 !important
}

#wall-cabinet-disp {
    padding: 0 0 15px
}

.kimit-planner-step-step1 fieldset.red legend .radio-inline {
    color: #000 !important;
    font-size: 13px !important;
    font-weight: 600;
    text-transform: uppercase
}

.kimit-planner-step-step1 fieldset.green legend .radio-inline {
    color: #000 !important;
    font-size: 13px !important;
    font-weight: 600;
    text-transform: uppercase
}

.form-horizontal .productsheading span,
.form-horizontal .productsheading label {
    float: right;
    line-height: 18px
}

.kimit-planner-step-step1 fieldset.green legend {
    background-color: #e9ffe9;
    color: #fff;
    float: left;
    position: inherit;
    width: 100%
}

.kimit-planner-step-step1 fieldset.green .row {
    margin: 0 !important
}

.kimit-planner-step-step1 fieldset.green legend span {
    color: #0f6e0f
}

.form-horizontal.red .productsheading>label,
.form-horizontal.red .productsheading>span {
    color: #0f6e0f !important
}

.form-horizontal.red .productsheading>label,
.form-horizontal.red .productsheading>span,
.kimit-planner-step-step1 fieldset.red legend span,
.form-horizontal.red .radio-inline {
    color: #924a00 !important
}

.form-horizontal.green .productsheading>label,
.form-horizontal.green .productsheading>span,
.kimit-planner-step-step1 fieldset.green legend span,
.form-horizontal.green .radio-inline {
    color: #0f6e0f !important
}

/*Hide all except first fieldset*/

.steps:not(:first-of-type),
.step-1-info-desc,
.step-2-info-desc {
    display: none
}

#color_other,
#color_other_wall,
#color_other_tall {
    display: none
}

.image-price-css {
    font-weight: normal;
    font-size: 12px;
    margin-top: 10px
}

.kimit-planner-step-step1 #layer .modal-body.load>iframe {
    visibility: visible;
    /*height:430px !important;*/
    overflow: scroll !important
}

.kimit-planner-step-step1 #layer .modal-body.load {
    background: none;
    max-height: 700px;
    overflow: auto
}

.per-door {
    text-align: left;
    color: lightblue
}

.per-door span {
    border: 1px solid;
    padding: 5px;
    margin-top: 10px;
    display: inline-block;
    padding-left: 12px;
    padding-right: 12px;
    color: lightblue
}

/*inputs*/

.kimit-planner-step-step1 span.prevbtn .continue2 {
    color: #fff !important;
    float: right;
    padding: 1.5px 0;
    cursor: pointer;
    position: relative
}

.kimit-planner-step-step1 span.prevbtn .continue2:hover {
    text-decoration: none
}

.step1infopic {
    background: rgba(0, 0, 0, 0) url("../images/step1-info-pic.jpg") no-repeat scroll center center;
    display: block;
    float: left;
    height: 471px;
    width: 100%
}

.step1binfopic {
    background: rgba(0, 0, 0, 0) url("../images/step1b-info-pic.jpg") no-repeat scroll center center;
    display: block;
    float: left;
    height: 650px;
    width: 100%
}

/*.kimit-planner-step-step1 fieldset.red .radioblock{background-color:#f2b272;margin-left:16px}.kimit-planner-step-step1 fieldset.green .radioblock{background-color:#75dd75;margin-left:16px}*/

.jsonf.topinfoblock {
    margin-bottom: 0 !important;
    padding-bottom: 10px
}

.kimit-planner-step-step1 fieldset.green label.image-price-css {
    padding-bottom: 15px !important
}

.locked {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    opacity: 0.6;
    position: relative
}

.locked span.false {
    width: 100%;
    height: 100%;
    float: left;
    position: absolute;
    left: 0;
    top: 0;
    cursor: not-allowed;
    z-index: 999;
    display: block !important
}

span.false {
    display: none
}

.kimit-planner-step-step1 fieldset .radioblock label {
    padding: 11px 21px !important;
    float: left
}

.kimit-planner-step-step1 fieldset.red .radioblock label.selected {
background-color: #f1ab64;color: #fff !important}
.kimit-planner-step-step1 fieldset.green .radioblock label.selected {
background-color: #f1ab64;color: #000 !important}
.kimit-planner-step-step1 fieldset.green .radioblock label.selected {
background-color: #73c173 !important;color: #fff !important}
.blockheadings {
float: left;margin-bottom: 6px;width: 100%}
.blockheadings span {
width: 100%;float: left;position: relative;padding-bottom: 6px}
.blockheadings span::before {
background-position: left center !important;background-repeat: no-repeat !important;content: "";float: left;height: 80px;width: 100px;cursor: not-allowed}

.blockheadings span h2 {color: #89153d;float: left;font-family: "Raleway", sans-serif;font-size: 16px;font-weight: 600;margin:45px 0 0!important}

.blockheadings.first span::before{background:url(../images/01.png)}
.blockheadings.two span::before{background:url(../images/02.png)}
.blockheadings.three span::before{background:url(../images/03.png)}
.blockheadings.four span::before{background:url(../images/04.png)}
.blockheadings.five span::before{background:url(../images/05.png)}

.blockheadings span::after {border-bottom: 2px solid #e8e8e8;bottom:8px;content:"";position: absolute;right: 0;width: calc(100% - 100px)}

.container-fluid.sizesections {margin-top: 0 !important}
.sizesblocks legend {
border-radius: 4px 4px 0 0;padding: 7px 15px !important;color: #fff !important;font-size: 16px !important;font-weight: bold !important}

.sizesblocks.baseparam legend {
background-color: #9f85ed !important}

.sizesblocks.wallparam legend {
background-color: #f1ab64 !important;color: #fff !important}

.sizesblocks.tallparam legend {
background-color: #73c173 !important;color: #fff !important}

.sizesblocks.baseparam .container-fluid {
border-bottom: 4px solid #9f85ed !important;border-radius: 4px 4px 0 0;border-top: 1px solid #dfdfdf}

.sizesblocks.wallparam .container-fluid {
border-bottom: 4px solid #b54800 !important;border-radius: 4px 4px 0 0;border-top: 1px solid #dfdfdf}

.sizesblocks.tallparam .container-fluid {
    border-bottom: 4px solid #73c173 !important;
    border-radius: 4px 4px 0 0;
    border-top: 1px solid #dfdfdf
}

.sizesblocks.baseparam fieldset.form-horizontal.size,
.sizesblocks.wallparam fieldset.form-horizontal.size,
.sizesblocks.tallparam fieldset.form-horizontal.size {
    background-color: #fff !important
}

.paramsizeinnerblocks legend {
    text-align: left
}

.sizesblocks.baseparam img {
    padding-top: 72px
}

.sizesblocks.baseparam .paramrightblock .scrolledblock img,
.sizesblocks.tallparam .paramrightblock .scrolledblock img {
    padding: 0
}

.sizesblocks.tallparam img {
    padding-top: 9px
}

.sizesblocks {
    padding: 0 !important
}

.paramoptions {
border: 1px solid #bababa;border-radius: 0 0 4px 4px;padding-top: 12px;padding-bottom: 12px;background-color: #f2f0f0;border-top: 0}

.paramoptions ul,
.paramoptions ul li {
width:100%;float:left;margin:6px 0}

.paramoptions ul li span {
float: left;font-size: 12px;line-height: 14px;}

.paramoptions ul li span.optionsheading {
width: 60%;height: 30px;float: left;text-align: left}

.paramoptions ul li span.optionsinput {
width: calc(40% - 6px);padding: 0 6px;height: 30px;float: right}

.paramoptions ul li span.optionsheading span.optionsrecomendation {
    float: right;
    width: 100%;
    text-align: left
}

.paramoptions ul li span.optionsinput input[type="text"] {
    height: 30px;
    max-width: 69px;
    text-align: center;
    float: right;
    border-radius: 4px
}
.paramoptions ul li span.optionsinput input[type="number"] {
    height: 30px;
    max-width: 69px;
    text-align: center;
    float: right;
    border-radius: 4px;
}
span.optionsrecomendation {
    color: #9e9e9e !important
}

.paramrightblock {
    background-color: #f2f0f0;
    border-radius: 0 0 4px 4px;
    border: 1px solid #cfcfcf;
    padding-top: 12px;
    padding-bottom: 12px;
    border-top: 0
}

.paramrightblock span.paramrightblockheading {
    width: 100%;
    float: left;
    display: block;
    text-align: left;
    font-size: 14px;
    padding-bottom: 6px;
    position: relative
}

.paramrightblock.locked span.paramrightblockheading {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    opacity: 1;
    position: relative;
    z-index: 9999
}

.paramrightblock span.paramrightblockheading input {
    margin: 0;
    position: relative;
    top: -1px
}

.paramrightblock ul {
    float: left;
    width: 100%;
    margin: 0
}

.paramrightblock ul li {
    float: left;
    width: 31.33%;
    text-align: center;
    padding: 0;
    background-color: #fff;
    margin: 1%;
    min-height: 180px
}

.paramrightblock ul li span.paramnameheading {
    width: 100%;
    float: left;
    padding: 3px 0
}

.baseparam .paramrightblock ul li span.paramnameheading {
    background-color: #9f85ed;
    color: #fff
}

.wallparam .paramrightblock ul li span.paramnameheading {
    background-color: #fabc78;
    color: #000
}

.tallparam .paramrightblock ul li span.paramnameheading {
    background-color: #8fee8f;
    color: #000
}

.baseparam .paramrightblock ul li span.parampic {
    float: left;
    width: 100%;
    text-align: center;
    padding: 15px 0
}

.paramoptions textarea {
    width: 100%;
    resize: none;
    border: 1px solid #bababa;
    min-height: 81px;
    border-radius: 4px
}

.paramrightblock .scrolledblock {
    max-height: 339px;
    overflow-y: scroll;
    overflow-x: hidden;
    float: left;
    width: 100%
}

.paramsizeinnerblocks {
    float: left;
    width: 100%;
    padding: 15px 0
}

.plansizespic {
    width: 100%;
    text-align: center;
    float: left
}

.plansizerightblock {
    padding: 20px 0 0 0
}

a#continuetonextblock,
a#endresult {
    background-color: #ff4e50;
    color: #fff !important;
    text-decoration: none;
    padding: 7px 15px;
    margin: 0 auto;
    float: none;
    border-radius: 4px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    font-family: "Open Sans", sans-serif;
    font-size: 15px
}

.sizeblockactions {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0 0 21px;
    text-align: center
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.centerblock {
    width: 100%;
    text-align: center
}

span.step1blocktxt {
    line-height: 41px;
    padding-right: 13px
}

.close small {
    display: none
}

.productimage {
    width: 185px;
    margin: 0 auto;
    border: 1px solid #ddd;
    float: left
}

.productimage img {
    border: 0;
    padding: 0;
    margin: 0 auto !important;
    box-shadow: 0 0 0 !important
}

.productimage .productshortdc {
    padding: 6px;
    border-top: 1px solid #ddd;
    float: left;
    width: 100%;
    text-align: center;
    font-size: 13px;
    min-height: 43px
}

.kimit-planner-step-step2 .modal-body .topsku {
    background-color: #8d8d8d;
    color: #fff;
    text-align: center;
    padding: 6px
}

.kimit-planner-step-step2 .basecabinets .modal-body .topsku {
    background-color: #9f85ed;
    color: #fff;
    text-align: center;
    padding: 6px
}

.kimit-planner-step-step2 .descriptionblock {
    min-height: 115px
}

.kimit-planner-step-step2 .explanationinfo {
    width: 100%;
    float: left;
    margin: 6px 0 0 0;
    padding: 0 !important;
    border: 0
}

.kimit-planner-step-step2 .explanationinfo a {
    background-color: #2196f3;
    color: #fff !important;
    width: 100%;
    display: block;
    border-radius: 4px;
    padding: 9px;
    font-size: 15px !important;
    position: relative;
    text-indent: 18px;
    margin: 0 !important
}

.kimit-planner-step-step2 .explanationinfo a::before {
    background: url(../images/info20-white.png) no-repeat center center;
    width: 21px;
    height: 21px;
    float: left;
    content: "";
    position: absolute;
    left: 21px
}

.kimit-planner-step-step2 .explanationinfo a:hover {
    text-decoration: none;
    background-color: #6f6f6f
}

.kimit-planner-step-step2 .productth {
    width: 100%;
    padding: 0;
    float: left;
    display: block;
    border: 0;
    box-shadow: 0 0 0 !important
}

.kimit-planner-step-step2 .mcabinet .form-group>ul.sizesblock li.inactive {
    display: none
}

.kimit-planner-step-step2 .mcabinetsRadioGroup {
    position: relative
}

.kimit-planner-step-step2 .mcabinetsRadioGroup .text-danger {
    color: #a94442;
    font-weight: 600;
    position: absolute;
    left: 236px;
    top: 7px;
    color: #fff !important;
    padding: 0 !important;
    margin: 0 !important
}

.kimit-planner-step-step2 .basecabinets .mcabinetsRadioGroup .text-danger .radio-inline {
    color: #fff !important
}

.mcabinetsRadioGroup .text-danger .radio-inline {
    font-weight: 500 !important
}
/*
input[data-fill=true] {
    background-color: #eee !important;
    color: #fff !important
}
*/
.sizeblockadjust input[data-fill=true] {
    color: #212121 !important
}

.productpopth {
    float: left;
    width: 100%;
    text-align: center
}

.productpopth img {
    border: 0px !important;
    margin: 0 auto;
    box-shadow: 0 0 0 !important
}

.productpopth div[data-tag=lightbox] {
    background-color: #fff;
    text-align: center;
    border: 1px solid #ddd
}

.kimit-planner-step-step2 .mcabinet fieldset .media-body.col-md-9 {
    float: right
}

div[data-view=params] .col-md-6,
div[data-view=params] .col-md-5 {
    width: 100%;
    padding: 0
}

div[data-view=params] {
    background-color: #fff;
    border: 1px solid #d5d5d5;
    width: 96%;
    margin: 15px auto 0;
    padding: 10px 0 1px;
    border-bottom: 0px
}

.sub-dop.mCabinetFifthTab {
    background-color: #fff;
    border: 1px solid #d5d5d5;
    margin: 0 auto;
    width: 96%;
    border-top: 0px;
    padding: 0 0 10px;
    text-align: center
}

.sub-dop.mCabinetFifthTab img {
    max-width: 30px;
    max-height: 30px;
    margin: 0 auto;
    float: none
}

.sub-dop.mCabinetFifthTab .form-group .form-group {
    padding: 4px 0 0
}

.sub-dop.mCabinetFifthTab .eachparamblock .col-md-6 {
    width: 100%;
    padding: 4px 6px !important;
    font-weight: 600;
    font-size: 13px;
    text-align: left
}

.sub-dop.mCabinetFifthTab .eachparamblock .col-md-5 {
    width: 100%;
    padding: 0 !important;
    text-align: left
}

.sub-dop.mCabinetFifthTab .eachparamblock .col-md-5 .styled-select {
    max-width: 470px
}

.sub-dop.mCabinetFifthTab .eachparamblock .col-md-5 .styled-select select {
    width: 100%
}

div[data-view=params] .col-md-6 {
    padding-bottom: 9px
}

div[data-view=params] .col-md-5 .col-md-4 {
    padding: 0;
    max-width: 90px
}

div[data-view=params] .col-md-6 {
    padding: 4px 6px;
    margin-bottom: 3px;
    font-size: 13px;
    font-weight: 600
}

div[data-view=params] .col-md-5 .styled-select {
    max-width: 470px
}

form#help,
form#explanationDiv {
    width: 100%;
    right: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.7)
}

form#help .modal-dialog.modal-sm,
form#explanationDiv .modal-dialog.modal-sm {
    padding: 5% 10%;
    margin: 0 !important;
    position: relative !important;
    width: 100%
}

form#help .modal-body,
form#explanationDiv .modal-body {
    padding: 15px !important
}

form#help .modal-content,
form#explanationDiv .modal-content {
    left: 50% !important;
    margin-left: -450px !important
}

.kimit-planner-step-step2 .modal-body legend label.radio-inline,
.kimit-planner-step-step2 .modal-body h4 label.radio-inline {
    color: #fff
}

.step2tabs .nav-tabs li.active .sub.nav.navbar-nav li:first-child a {
    padding-right: 16px !important;
    padding-left: 0 !important
}

.step2tabs .nav-tabs li.wallcabinets.active .sub .active a {
    background-color: #ffbc78 !important
}

.step2tabs .nav-tabs li.wallcabinets.active .sub,
.step2tabs .nav-tabs li.wallcabinets.active .sub a,
.step2tabs .nav-tabs li.tallsingleunitcabinets.active .sub,
.step2tabs .nav-tabs li.tallsingleunitcabinets.active .sub a,
a.box .name,
.step2tabs .nav-tabs li.active .sub {
    color: #000;
    font-weight: bold;
    font-size: 14px !important;
    background: white;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#fff, #edecec);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff, #edecec);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff, #edecec);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff, #edecec);
    /* Standard syntax */
}

fieldset.advanceduseronly {
    position: relative
}

fieldset.advanceduseronly .advanceusercheck {
    position: absolute;
    right: 0;
    top: 0
}

fieldset.advanceduseronly .advanceusercheck label[for=comment-adv] span {
    color: #fff
}

span.infoiconinline {
    background: url(../images/info-20.png) no-repeat center;
    width: auto;
    height: 20px;
    padding: 0 10px;
    display: inline-block
}

span.infoicon,
.infoicon {
    background: url(../images/info-20.png) no-repeat left center;
    width: 27px;
    height: 20px;
    padding: 0;
    float: left
}

.eachparamblock {
    border: 1px solid #dedede;
    padding: 6px;
    background-color: #f7f6f6
}

fieldset input[type="text"] {
    background-color: #ffffdc;
    border: 1px solid #ccc;
    height: 30px;
    padding: 6px;
    border-radius: 0;
    box-shadow: 0 0 0 0
}
fieldset input[type="number"] {
    background-color: #ffffdc;
    border: 1px solid #ccc;
    height: 30px;
    padding: 6px;
    border-radius: 0;
    box-shadow: 0 0 0 0
}

.plansizes .container-fluid.sizesections .form-group {
    max-width: 1134px;
    float: none;
    margin: 0 auto 25px
}

.kimit-planner-step-step2 fieldset h5 {
    padding: 11px 15px;
    margin: 0;
    border-bottom: 1px solid #ccc;
    font-weight: 600;
    color: #990000;
    font-size: 16px
}

.kimit-planner-step-step2 fieldset {
    padding-bottom: 15px
}

.kimit-planner-step-step2 .basecabinets fieldset {
    background-color: #f5f2ff !important
}

.kimit-planner-step-step2 .wallcabinets fieldset {
    background-color: #fdf6ed !important
}

.kimit-planner-step-step2 .tallsingleunitcabinets fieldset {
    background-color: #f5fff5 !important
}

.kimit-planner-step-step2 .tallsingleunitcabinets .mcabinetsRadioGroup .text-danger .radio-inline {
    color: #000 !important
}

.nospacebottom {
    margin-bottom: 0 !important
}

.help-block {
    font-size: 12px
}

div[data-view=baseHngqty] input[type="text"] {
    width: 100%;
    height: 27px;
    max-width: 56px;
    text-align: center;
    border-radius: 4px
}

.kimit-planner-step-step2 .form-group {
    margin-bottom: 3px !important
}

.kimit-planner-step-step2 .whiteblock .form-group {
    padding: 0 !important
}

.kimit-planner-step-step2 .form-group.nospacing {
    padding: 0 !important
}

.eachparamblock input[type=text] {
    height: 27px;
    max-width: 56px;
    border-radius: 4px
}

.kimit-planner-step-step2 .basecabinets .advanceduseronly .row .eachparamblock {
    border-radius: 4px
}

.kimit-planner-step-step2 .basecabinets .advanceduseronly .row .eachparamblock {
    background-color: #f5f2ff !important
}

.kimit-planner-step-step2 .wallcabinets .advanceduseronly .row .eachparamblock {
    background-color: #fdf6ed !important
}

.kimit-planner-step-step2 .tallsingleunitcabinets .advanceduseronly .row .eachparamblock {
    background-color: #f5fff5 !important
}

div[data-tag="related"] .col-md-7,
div[data-tag="related"] .col-md-3 {
    padding: 0 6px 0 0
}

div[data-tag="related"] .col-md-5,
div[data-tag="related"] .col-md-8 {
    padding: 0
}

div[data-tag="related"] .col-md-7 input[type=text],
div[data-tag="related"] .col-md-5 input[type=text] {
    background-color: #fff
}

div[data-tag="related"] textarea {
    background-color: #fff !important;
    min-height: 65px
}

div[data-tag="related"] .col-md-3 input[type=text] {
    max-width: 56px;
    border-radius: 4px;
    height: 33px;
    background-color: #fff5b4
}

div[data-tag="related"] .col-md-3.control-label.text-left {
    max-width: 85px
}

div[data-tag="related"] .relatedchooseradioptions .col-md-3:nth-child(2) {
    display: none
}

.kimit-planner-step-step2 .mcabinet .modal-body #options .row.uniform [class*="col-"]:nth-child(2n) {
    padding: 0 0 0 5px
}

.kimit-planner-step-step2 .tab-content .col-md-3 img.media-object.img-thumbnail {
    margin: 0 auto !important;
    padding: 0;
    margin: 0 auto
}

.kimit-planner-step-step2 .mcabinet .modal-body #options .row.uniform .col-md-9 {
    width: 75% !important;
    padding-left: 0 !important
}

.kimit-planner-step-step2 .mcabinet .modal-body #options .row.uniform .col-md-9 .col-md-3 {
    padding: 0 1% 0 0;
    width: 30% !important
}

.kimit-planner-step-step2 .modal-body div[data-tag=related] button[type=button] {
    border-radius: 4px;
    max-width: 90px;
    width: 90px
}

div#hardware {
    margin-top: 0 !important;
    padding: 0 !important
}

.col-md-12.controls.paddleft {
    padding-left: 15px;
    padding-top: 15px
}

.notopspace {
    padding-top: 0 !important
}

.kimit-planner-step-step2 .modal-body .container-fluid.notopspace {
    padding-top: 0px !important
}

.form-group.nospacing.paddleft {
    padding: 15px 0 0 5px !important
}

.blue .subjectheadings {
    color: #2196f3
}

.bundleheading {
    padding: 6px 12px !important;
    line-height: 18px !important
}

.text-danger.equalspacing {
    margin: 0 0 9px !important
}

h4.text-danger.bundleheading {
    float: left
}

.doubleblock .form-group {
    width: 50%;
    float: left
}

.doubleblock .form-group:first-child {
    padding-right: 2% !important
}

.end-result-block {
    width: 100%;
    float: left
}

.end-result-info {
    color: #89153d;
    font-size: 14px !important;
    border-radius: 4px 4px 0 0;
    border: 1px solid #c2c2c2;
    padding: 0 !important;
    font-weight: bold;
    background: white;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#fff, #ccc);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff, #ccc);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff, #ccc);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff, #ccc);
    /* Standard syntax */
}

.end-result-info>span {
    float: left;
    padding: 8px;
    width: 100%;
    position: relative
}

.end-result-info-desc {
    background-color: #fff;
    border-top: 1px solid #c2c2c2;
    color: #515456;
    float: left;
    font-size: 13px;
    padding: 12px 15px;
    width: 100%;
    font-weight: normal
}

/*.end-result-info .show_hide{background:rgba(0, 0, 0, 0) url("../images/steps-arrow.png") no-repeat scroll 99% center;display:block;float:right;height:50px;position:absolute;right:0;text-indent:-10000em;top:0;width:100%}*/

.end-result-info .show_hide {
    background: rgba(0, 0, 0, 0) url("../images/steps-arrow.png") no-repeat scroll 99% center;
    display: block;
    float: right;
    height: 36px;
    position: absolute;
    right: 0px;
    text-indent: -10000em;
    top: 0;
    width: 100%
}

/*.end-result-info span .info{width:20px;position:absolute;left:140px;top:15px;height:20px;text-indent:-10000em;background:rgba(0, 0, 0, 0) url("../images/info-20.png") no-repeat scroll 99% center}*/

.end-result-info span .info {
    width: 20px;
    height: 20px;
    text-indent: -10000em;
    background: rgba(0, 0, 0, 0) url("../images/sprite-new.png") no-repeat scroll -27px -3px;
    float: left
}

.endvaluesection {
    float: right;
    width: 100%
}

.endvaluesection ul,
.endvaluesection ul li {
    float: left;
    list-style: none
}

.endvaluesection .endresultallvaluebottomblock ul li {
    padding-left: 12px
}

.endvaluesection li.endvalueheadings,
.endvaluesection li.endvaluelistings,
.endvaluesection li.endresultallvaluebottomblock {
    width: 100%;
    display: block;
    position: relative
}

li.endresultallvaluebottomblock::before {
    content: "";
    position: absolute;
    left: 0;
    border-left: 1px solid #89153d;
    height: 90%;
    left: 12px
}

.endvaluesection li.endresultallvaluebottomblock li.endvaluelistings {
    width: 100%
}

.endvaluesection li.endvalueheadings span.subjectheading,
.endvaluesection li.endresultallvaluebottomblock li.endvaluelistings span.subjectnames {
    width: 61%;
    float: left
}

.endvaluesection li.endresultallvaluebottomblock li.endvaluelistings span.endresultvalueboxes {
    width: calc(20% - 4px);
    float: left;
    background-color: #f5f4f4;
    padding: 4px 0;
    text-align: center;
    height: 41px;
    margin: 0 2px 2px 0
}

.endvaluesection li.endvalueheadings span.heightheading,
.endvaluesection li.endvalueheadings span.depthheading {
    background-color: #e5e4e4;
    padding: 6px 6px;
    margin: 0 1px !important;
    width: calc(19% - 2px);
    text-align: center;
    float: left;
    text-transform: uppercase;
    color: #000
}

.endvaluesection li.endresultallvaluebottomblock li.endvaluelistings span.subjectnames h5 {
    float: left;
    background-color: #89153d;
    color: #fff;
    margin: 6px 9px 6px 0 !important;
    padding: 6px;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 12px;
    position: relative
}

.endvaluesection li.endresultallvaluebottomblock li.endvaluelistings span.subjectnames::before {
    color: #89153d;
    width: 12px;
    border-top: 1px solid #89153d;
    content: "";
    position: relative;
    top: 17px;
    float: left
}

.endvaluesection li.endresultallvaluebottomblock li.endvaluelistings span.endresultvalueboxes input[type="text"] {
    border: 1px solid #b5b5b5;
    max-width: 51px;
    padding: 6px;
    background-color: #fff;
    text-align: center
}
.endvaluesection li.endresultallvaluebottomblock li.endvaluelistings span.endresultvalueboxes input[type="number"] {
    border: 1px solid #b5b5b5;
    max-width: 51px;
    padding: 6px;
    background-color: #fff;
    text-align: center
}

.endvaluesection li.endvalueheadings span.subjectheading h6 {
    background-color: #89153d;
    width: auto;
    padding: 9px;
    margin: 0;
    color: #fff;
    max-width: 130px;
    text-transform: uppercase;
    text-align: center
}

.endvaluesection li.endresultallvaluebottomblock li.endvaluelistings span.subjectnames {
    width: 60%;
    float: left;
    line-height: 34px;
    color: #000
}

.endvaluesection li.endvalueheadings span.heightheading,
.endvaluesection li.endvalueheadings span.depthheading {
    padding: 5px 0;
    background-color: #e5e4e4;
    margin: 0
}

.endvaluesection.secondblock li.endvalueheadings span.subjectheading h6 {
    max-width: 170px
}

.endvaluesection.secondblock li.endresultallvaluebottomblock::before {
    height: 70%
}

.end-result-block .centerblock {
    position: relative;
    max-width: 751px;
    margin: 0 auto
}

.end-result-block span.kickboard {
    position: absolute;
    left: -33px;
    top: 326px;
    z-index: 9;
    background-color: #89153d;
    padding: 0 6px 0 0;
    color: #fff;
    text-indent: 3px
}

.end-result-block span.basecabinets {
    position: absolute;
    left: -33px;
    top: 259px;
    z-index: 9;
    background-color: #89153d;
    padding: 0 6px 0 0;
    color: #fff;
    display: inline-block;
    text-indent: 3px
}

.end-result-block span.benchtopblock {
    position: absolute;
    left: -33px;
    top: 209px;
    z-index: 9;
    background-color: #89153d;
    padding: 0 6px 0 0;
    color: #fff;
    text-indent: 3px
}

.end-result-block span.splashback {
    position: absolute;
    left: -33px;
    top: 174px;
    z-index: 9;
    background-color: #89153d;
    padding: 0 6px 0 0;
    color: #fff;
    text-indent: 3px
}

.end-result-block span.wallcabinets {
    position: absolute;
    left: -33px;
    top: 98px;
    z-index: 9;
    background-color: #89153d;
    padding: 0 4px 0 0;
    text-indent: 3px;
    color: #fff;
    border-radius: 0 2px 2px 0
}

.end-result-block span.tallcabinet {
    position: absolute;
    right: 40px;
    top: 9px;
    z-index: 9;
    background-color: #89153d;
    padding: 0 6px 0 0;
    text-indent: 3px;
    color: #fff
}

.end-result-block span.basepanels {
    position: absolute;
    right: 398px;
    top: 68px;
    z-index: 9;
    background-color: #89153d;
    padding: 0 6px 0 0;
    text-indent: 3px;
    color: #fff
}

.end-result-block span.tallpanels {
    position: absolute;
    right: 346px;
    top: 264px;
    z-index: 9;
    background-color: #89153d;
    padding: 0 6px 0 0;
    color: #fff;
    text-indent: 3px
}

.end-result-block span::after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    top: 50%;
    margin-top: -6px
}

.end-result-block span.baseheightfinalsizes::after {
    left: 100%;
    border-top: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #ffbc77
}

.end-result-block span.kickboard::after {
    left: 100%;
    border-top: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #89153d
}

.end-result-block span.wallcabinets::after {
    left: 100%;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #89153d
}

.end-result-block span.benchtopblock::after {
    left: 100%;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #89153d
}

.end-result-block span.basecabinets::after {
    left: 100%;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #89153d
}

.end-result-block span.splashback::after {
    left: 100%;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #89153d
}

.end-result-block span.basepanels::after {
    left: 25%;
    width: 0;
    height: 0;
    border-top: 6px solid #89153d;
    border-right: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid transparent;
    top: 128%
}

.end-result-block span.tallcabinet::after {
    left: 22%;
    width: 0;
    height: 0;
    border-top: 6px solid #89153d;
    border-right: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid transparent;
    top: 128%
}

.end-result-block span.tallpanels::after {
    left: 25%;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #89153d;
    border-left: 6px solid transparent;
    top: -4px
}

.end-result-block .centerblock span {
    min-width: 20px;
    padding-left: 3px
}

.end-result-info-desc .finalsizesblock {
    max-width: 1280px;
    margin: 0 auto;
    float: none
}

.paramsizeinnerblocks .col-md-6 {
    text-align: center
}

.kimit-planner-step-step1 fieldset.otherblocks {
    border-color: #fff
}

.kimit-planner-step-step1 fieldset.otherblocks legend {
    background-color: #a4a4a4;
    color: #fff;
    float: left;
    position: inherit;
    width: 100%;
    padding-bottom: 14px !important
}

.form-horizontal.otherblocks .container-fluid {
    border-bottom: 4px solid #2a3137;
    background-color: #fbf9fa;
    border-radius: 6px 6px 0 0
}

.kimit-planner-step-step1 fieldset.otherblocks .row {
    margin: 0 !important
}

.kimit-planner-step-step1 fieldset.otherblocks .item.last,
.kimit-planner-step-step1 fieldset.otherblocks .item.last .col-md-12 {
    padding: 0 !important
}

.sideblocksleft,
.sideblocksright {
    background-color: #e6e4e4;
    margin: 15px;
    padding: 15px;
    border-radius: 4px;
    border: 1px solid #cacaca;
    min-height: 373px !important
}

.sideblocksleft {
    width: calc(58.33% - 30px) !important;
    margin-right: 0
}

.sideblocksright {
    width: calc(41.66% - 15px) !important
}

.sideblocksleft .col-md-10 .styled-select,
.sideblocksright .col-md-9 .styled-select {
    max-width: 270px
}

.sideblocksleft .col-md-12 .tab-content .form-group {
    width: calc(33.333% - 6px);
    float: left;
    padding: 0;
    margin: 14px 3px 0 3px
}

.sideblocksleft .col-md-4,
.sideblocksright .col-md-6 {
    text-align: center
}

.sideblocksleft span.optionlabelimg,
.sideblocksright span.optionlabelimg {
    text-align: center
}

.sideblocksleft .optionlabel,
.sideblocksright .optionlabel {
    width: 100%;
    text-align: center
}

.sideblocksleft .col-md-4 {
    text-align: center !important;
    border: 1px solid #cacaca;
    background-color: #fff;
    margin: 3px;
    width: calc(33.33% - 6px) !important;
    padding: 0 !important
}

.sideblocksright .col-md-6 {
    width: calc(50% - 6px);
    border: 1px solid #cacaca;
    background-color: #fff;
    padding: 0 !important;
    margin: 3px
}

.sideblocksleft .per-door.productsheading,
.sideblocksright .per-door.productsheading {
    background-color: #cacaca
}

.sideblocksleft .per-door.productsheading p.text-center,
.sideblocksright .per-door.productsheading p.text-center {
    width: 70%;
    float: left;
    padding: 4px 9px !important;
    color: #000;
    text-indent: 0 !important;
    margin: 0 !important;
    text-align: left
}

.sideblocksleft .per-door.productsheading span[data-dprice=opening-price],
.sideblocksright .per-door.productsheading span[data-dprice=opening-price] {
    padding: 5px 9px !important;
    width: 30%;
    text-align: right;
    color: #000 !important
}

.sideblocksright .tab-content .tab-pane div[data-container=tab] {
    width: 50%;
    float: left;
    width: calc(50% - 6px);
    margin: 3px;
    padding: 0 !important
}

.newblockbottomfields {
    float: left;
    width: 100%;
    padding: 15px;
    min-height: 150px
}

.sideblocksright .newblockbottomfields {
    padding: 0;
    min-height: auto
}

.kimit-planner-step-step2 .whiteblock input[type=text] {
    border-radius: 4px;
    padding: 3px !important;
    min-height: 27px
}

.kimit-planner-step-step2 .whiteblock input.small {
    max-width: 56px
}

.newtableone {
    max-width: 1280px;
    overflow-x: scroll !important;
    overflow-y: hidden;
    min-height: 430px;
    margin: 0 auto;
    border-right: 1px solid #5a5a5a
}

.newtableone td {
    vertical-align: middle !important;
    text-align: left !important;
    font-weight: normal;
    padding: 2px;
    font-size: 12px;
    border-left: 1px solid #5a5a5a !important;
    border-top: 1px solid #5a5a5a !important;
    white-space: nowrap
}

.newtableone table {
    border-spacing: 0 !important;
    padding: 20px !important;
    float: left;
    margin: 0 0 -20px;
    table-layout: auto
}

.newtableone img {
    border: 0;
    border-radius: 0;
    box-shadow: 0 0 0
}

.newtableone img.img-thumbnail {
    max-width: 90px
}

.newtableone td.ncenter {
    text-align: center !important
}

.newtableone td.nright {
    text-align: right !important
}

.newtableone .ohardware {
    width: 100% !important;
    margin: 0 !important;
    white-space: normal;
    position: relative
}

.newtableone .ohardware table {
    float: left;
    table-layout: fixed;
    margin: 0;
    position: absolute;
    top: 0;
    width: 100%;
    border: 0 !important
}

.newtableone .ohardware table tr:first-child td {
    border-top: 0px !important
}

.newtableone .ohardware table tr td:first-child {
    border-left: 0px !important
}

.newtableone .ohardware table tr:last-child {
    border-bottom: 1px solid #000
}

.newtableone td {
    overflow: hidden
}

.newtableone td.max30 {
    max-width: 30px;
    min-width: 30px;
    width: 30px
}

.newtableone td.max60 {
    max-width: 60px;
    min-width: 60px;
    width: 60px
}

.newtableone td.max50 {
    max-width: 50px;
    min-width: 50px;
    width: 50px
}

.newtableone td.max54 {
    max-width: 54px;
    min-width: 54px;
    width: 54px
}

.newtableone td.max55 {
    max-width: 55px;
    min-width: 55px;
    width: 55px
}

.newtableone td.max66 {
    max-width: 66px;
    min-width: 66px;
    width: 66px
}

.newtableone td.max100 {
    max-width: 100px;
    min-width: 100px;
    width: 100px
}

.newtableone td.max140 {
    max-width: 140px;
    min-width: 140px;
    width: 140px
}

.newtableone td.max146 {
    max-width: 146px;
    min-width: 146px;
    width: 146px
}

.newtableone td.max206 {
    max-width: 206px;
    min-width: 206px;
    width: 206px
}

.newtableone td.max240 {
    max-width: 240px;
    min-width: 240px;
    width: 240px
}

.newtableone td.max346 {
    max-width: 346px;
    min-width: 346px;
    width: 346px !important
}

.brownheading {
    color: #89153d;
    font-weight: bold;
    font-size: 15px
}

.endvaluesection.plannedimensionbox li.endresultallvaluebottomblock li.endvaluelistings span.subjectnames {
    width: 70%
}

.endvaluesection.plannedimensionbox li.endresultallvaluebottomblock li.endvaluelistings span.subjectnames p {
    height: 29px;
    margin: 0;
    padding-bottom: 0;
    float: left;
    width: 80%;
    line-height: 16px;
    font-size: 13px;
    padding: 0;
    position: relative;
    top: -7px;
    color: #a3a3a3
}

.endvaluesection.plannedimensionbox li.endresultallvaluebottomblock li.endvaluelistings span.endresultvaluesize {
    width: 10%;
    float: left;
    line-height: 55px;
    padding: 3px 6px 5px;
    background-color: #f5f4f4
}

.endvaluesection.plannedimensionbox li.endresultallvaluebottomblock li.endvaluelistings span.endresultvalueboxes {
    width: calc(20% - 4px);
    float: left;
    background-color: #f5f4f4;
    padding: 16px 0 !important;
    text-align: center;
    height: 62px;
    margin: 0 2px 2px 0
}

.endvaluesection.plannedimensionbox li.endresultallvaluebottomblock li.endvaluelistings span.endresultvalueboxes input[type="text"] {
    margin: 0 auto;
    float: none;
    width: 100%;
    max-width: 60px
}
.endvaluesection.plannedimensionbox li.endresultallvaluebottomblock li.endvaluelistings span.endresultvalueboxes input[type="number"] {
    margin: 0 auto;
    float: none;
    width: 100%;
    max-width: 60px;
}
.step1block div.info,
.step2block div.info {
    background: url(../images/info-20.png) no-repeat center;
    width: auto;
    height: 20px;
    padding: 0 10px;
    display: inline-block;
    text-indent: -1000em;
    float: left
}

.step1block span.infotext,
.step2block span.infotext,
.end-result-block .infotext {
    font-size: 13px;
    font-weight: 600;
    float: right;
    padding-right: 18px
}

.radio-inline>input {
    opacity: 0;
    z-index: -1
}

.kimit-planner-step-step2 .radio-inline>input {
    opacity: 1;
    z-index: 0;
    top: 0
}

.radio-inline>span {
    background-color: #000;
    border-radius: 50%;
    height: 14px;
    left: 0;
    position: relative;
    top: 2px;
    width: 15px;
    padding: 0 !important;
    margin: 0 6px 0 0 !important
}

.kimit-planner-step-step2 .radio-inline>span {
    background-color: transparent;
    border-radius: 0;
    height: auto;
    left: 0;
    position: relative;
    top: 0;
    width: auto;
    padding: 0 !important;
    margin: 0 !important
}

.radio-inline.selected input~span::before {
    background-color: #fff;
    border-radius: 50%;
    content: "";
    height: 6px;
    left: 4.5px;
    position: absolute;
    top: 4px;
    width: 6px
}

.kimit-planner-step-step1 fieldset:first-child legend span.note {
    font-size: 14px;
    font-weight: 500;
    padding-left: 12px
}

.paramsizeinnerblocks span.browntxt,
.paramsizeinnerblocks span.recommendationtxt {
    text-align: left;
    float: left;
    font-size: 13px;
    width: 100%
}

.productpopth div.whiteblock {
    background-color: #fff;
    border: 1px solid #ccc
}

span.paramrightblockheading {
    font-size: 14px;
    font-weight: 500;
    float: right
}

span.paramrightblockheading input {
    margin: 0;
    position: relative;
    top: -1px;
    left: -2px
}

span.note.browntxt {
    text-align: center;
    margin-top: 15px;
    font-size: 15px
}

.kimit-planner-step-step2 fieldset.handlehide {
    padding-bottom: 0 !important
}

.newblockbottomfields .eachparamblock {
    border: 0;
    background-color: #fff;
    margin-top: 9px
}

.newblockbottomfields .eachparamblock .col-md-6 {
    width: 60%;
    padding: 0 !important;
    font-size: 12px;
    text-align: left
}

.newblockbottomfields .eachparamblock .col-md-5 {
    width: 40% !important;
    margin: 0 !important;
    padding: 0 0 0 15px;
    text-align: left
}

.newblockbottomfields .eachparamblock .col-md-5 .styled-select,
.newblockbottomfields .eachparamblock .col-md-5 .styled-select select,
.newblockbottomfields .eachparamblock .col-md-5 input {
    width: 100%;
    float: right
}

.form-horizontal.purple .newblockbottomfields .eachparamblock .col-md-6 {
    color: #6633cc !important
}

.form-horizontal.red .newblockbottomfields .eachparamblock .col-md-6 {
    color: #000 !important
}

.form-horizontal.green .newblockbottomfields .eachparamblock .col-md-6 {
    color: #0f6e0f !important
}

.newblockbottomfields .sub-dop {
    text-align: center
}

.newblockbottomfields .dop_loader_icon {
    width: 30px;
    height: 30px;
    margin: 15px auto 0;
    float: none
}

.col-md-12.eachparamblock {
    padding-right: 15px
}

.modal-header-primary {
    color: #fff;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #428bca;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.endvaluesection.plannedimensionbox .subjectheading,
.endvaluesection.plannedimensionbox .subjectheading h6 {
    width: 100% !important;
    max-width: 100% !important;
    text-align: left !important
}

.infopop .modal-header.modal-header-primary h1 {
    margin-top: 0;
    margin: 0;
    font-size: 24px;
    background: url(../images/info30-white.png) no-repeat left center;
    padding-left: 40px;
    height: 30px;
    line-height: 30px
}

.endvaluesection.plannedimensionbox li.endresultallvaluebottomblock::before {
    height: 82%
}

.endvaluesection.plannedimensionbox span.infoicon {
    float: none !important
}

.endvaluesection.plannedimensionbox span.infoicon a.btn {
    padding: 0;
    margin: 0;
    width: 20px;
    height: 20px
}

.step2tabs .nav-tabs {
    color: #000;
    font-weight: bold;
    font-size: 14px !important;
    background: white;
    background: -webkit-linear-gradient(#fff, #edecec);
    background: -o-linear-gradient(#fff, #edecec);
    background: -moz-linear-gradient(#fff, #edecec);
    background: linear-gradient(#fff, #edecec);
    border: 1px solid #d5d5d5 !important;
    border-radius: 4px 4px 0 0
}

.order-items ul.subtotal,
.order-items ul.shipping,
.order-items ul.grand_total,
.order-items ul.nerd_gst {
    width: 100%;
    float: left;
    padding: 3px 0
}

.order-items ul.subtotal li:first-child,
.order-items ul.shipping li:first-child,
.order-items ul.grand_total li:first-child {
    float: left;
    width: 60%;
    font-size: 14px;
    text-align: left
}

.order-items ul.subtotal li:last-child,
.order-items ul.shipping li:last-child,
.order-items ul.grand_total li:last-child,
.order-items ul.nerd_gst li span {
    float: right;
    width: 40%;
    font-size: 14px;
    text-align: right;
    color: #000
}

.order-items ul.subtotal li:last-child span,
.order-items ul.shipping li:last-child span,
.order-items ul.grand_total li:last-child span {
    font-size: 14px !important;
    color: #000
}

.order-items ul.nerd_gst {
    width: 100%;
    text-align: left;
    font-size: 14px
}

.order-items ul.grand_total {
    border-top: 1px solid #ccc;
    padding-top: 9px
}

.pull-right .btn-success>input[type="radio"],
.pull-left .btn-success>input[type="radio"] {
    opacity: 1;
    z-index: 0;
    display: none
}

.pull-right .btn-success,
.pull-left .btn-success .btn-success {
    position: relative
}

.pull-right .btn-success>span,
.pull-left .btn-success>span {
    background-color: #ccc;
    border-radius: 50%;
    height: 14px;
    left: 0;
    position: relative;
    top: 2px;
    width: 15px;
    padding: 0 !important;
    margin: 0 6px 0 0 !important;
    float: left
}

.pull-right .btn-success.btn-xs.selected span::before,
.pull-left .btn-success.selected span::before {
    background-color: #000;
    border-radius: 50%;
    content: "";
    height: 6px;
    left: 4.5px;
    position: absolute;
    top: 4px;
    width: 6px
}

.sales-order-print h2,
.order-details h2 {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    border-bottom: 1px solid #ccc;
    padding-bottom: 9px
}

.sales-order-print header.print-head {
    text-align: center;
    width: 100%;
    background-color: #e2e2e2;
    padding: 15px 0
}

.sales-order-print img.logo {
    max-width: 300px;
    text-align: center;
    margin: 0 auto;
    float: none !important
}

.sales-order-print .container-fluid,
.order-details .container-fluid {
    background-color: rgba(226, 226, 226, 0.42);
    border: 1px solid #ccc
}

.buttons-set button.button:hover,
.buttons-set a:hover {
    background-color: #740f32 !important;
    color: #fff !important;
    text-decoration: none
}

.buttons-set button.button,
.buttons-set a,
button.button:hover span {
    color: #fff !important
}

.buttons-set button.button,
.buttons-set a,
button.button:hover {
    background: #89153d !important;
    color: #fff !important
}

.buttons-set button.button span,
.buttons-set button.button:hover span {
    background-color: transparent !important
}

.account-login .content h2,
.fieldset .legend,
.box-account .box-head h2,
.addresses-list h2,
.multiple-checkout h2,
.checkout-onepage-success h2,
.order-info-box h2,
.sales-order-print .col2-set h2 {
    border-bottom-color: #e0e0e0 !important
}

.my-account .box-title h2 {
    color: #e25203;
}

.table-bordered,
#summary-box, #fitted-box, #board-box, #optional-box, #edge-box{
    background-color: #fff;
    margin-bottom: 9px
}

#order-info-tabs a {
    color: #fff !important;
    float: right
}

a {
    color: #89153d !important
}

.block-account .block-content li.current {
    background-color: #e0e0e0
}

.data-table tr.last td.last {
    border: 0 none !important;
    padding: 5px 8px
}

.form-list li.control input#change_password {
    float: left
}

button.button span {
    padding: 7px 18px;
    background-color: #89153d
}

nav.nav-container {
    /*background-color:#ededed;*/
    border-bottom: 1px solid #ccc !important;
    margin-bottom: 15px !important;
    float: left;
    padding-top: 0 !important;
    margin-top: 0
}

div.menu {
    float: none !important;
    display: inline-block
}

#advancedmenu {
    text-align: center
}

div.menu a:hover,
div.megnor-advanced-menu-popup a:hover {
    color: #fff !important
}

h3,
.h3 {
    font-size: 16px !important;
    font-weight: 600 !important
}

.page-title h2 {
    color: #89153d !important;
    font-size: 18px;
    padding-top: 6px
}

.dashboard .page-title {
    padding: 0;
    border-bottom: 0
}

.dashboard .page-title h1 {
    background-color: #89153d !important;
    color: #fff !important;
    border-radius: 4px;
    padding: 9px 12px
}

aside.sidebar .block {
    border-radius: 4px
}

#advancedmenu .level1>a.itemMenuName:hover {
    color: #000 !important
}

div.menu a,
div.megnor-advanced-menu-popup a {
    color: #89153d !important
}

.header .links li a {
    border-left: 1px solid #000;
    padding-left: 15px
}

.header .links li:first-child a {
    border: 0;
    padding: 0
}

div.menu.active a {
    color: #fff !important
}

.addresses-primary h3 {
    padding: 0;
    margin: 0
}

.leftCallOuts {
    display: none
}

div.menu.act a {
    color: #fff !important
}

.products-grid .product-block .actions button.button.btn-cart {
    float: left
}

.products-grid {
    text-align: center
}

.products-grid li.item {
    text-align: center;
    width: 25% !important
}

.products-grid li.item .product-block {
    border: 1px solid #ccc;
    padding: 10px;
    max-height: initial;
    min-height: 320px !important
}

.pager .pages li,
.pager .pages li:hover,
.pager .pages .current {
    padding: 3px 8px !important
}

.pager .pages li:hover a {
    color: #fff !important
}

.registered-users a.f-left {
    padding: 11px 30px;
    border-radius: 4px
}

.category-accordion-left-panel {
    display: none
}

.pull-right {
    float: left !important;
    position: relative;
    top: -7px
}

.table-bordered .qty,
.table-bordered .WD1,
.table-bordered .DP1,
.table-bordered .HGT,
.table-bordered .WD2,
.table-bordered .DP2 {
    width: 60px;
    text-align: center
}

.table-bordered th {
    overflow: hidden
}

.kimit-planner-catalog-category .tanm.slick-initialized .swiper-slide {
    float: left !important
}

.kimit-planner-catalog-category .tanm.slick-initialized button.slick-prev {
    float: left;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    left: 0;
    text-indent: -1000em;
    border: 0;
    background-color: transparent;
    background: url(../images/prev.png) no-repeat center center;
    opacity: 0.3
}

.kimit-planner-catalog-category .tanm.slick-initialized button.slick-next {
    float: right;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    right: 0;
    text-indent: -1000em;
    border: 0;
    background-color: transparent;
    background: url(../images/next.png) no-repeat center center;
    opacity: 0.3
}

.kimit-planner-catalog-category .tanm.slick-initialized button.slick-prev:hover,
.kimit-planner-catalog-category .tanm.slick-initialized button.slick-next:hover {
    opacity: 1
}

.kimit-planner-catalog-category .tanm.slick-initialized .slick-list.draggable {
    width: 90%;
    float: none;
    margin: 0 auto;
    max-height: 320px
}

.kimit-planner-catalog-category .tanm.slick-initialized {
    position: relative
}

span.req {
    color: red;
    padding-left: 6px;
    float: none !important
}

.registered-users a.f-left {
    float: right !important
}

.registered-users button {
    float: left !important
}

.swiper-container .bx-viewport {
    box-shadow: 0 0 0 !important
}

.bx-wrapper .bx-prev {
    left: -30px !important
}

.bx-wrapper .bx-next {
    right: -30px !important
}

.kimit-planner-catalog-category .swiper-slide .box img {
    margin: 0 auto
}

.kimit-planner-step-step2 .mcabinet .close a.close::before {
    background: rgba(0, 0, 0, 0) url(../images/close-icon-new.png) no-repeat scroll left center;
    content: "" !important;
    float: left;
    height: 24px;
    left: -24px;
    position: absolute;
    top: -1px;
    width: 24px
}

.kimit-planner-step-step2 .mcabinet .close a.close {
    font-size: 13px;
    float: right;
    padding-left: 6px;
    position: relative;
    top: 2px;
    line-height: 21px
}

.kimit-planner-step-step2 .mcabinet .help {
    left: -36px
}

.modal.help .modal-header .close {
    opacity: 100 !important;
    font-size: 30px
}

.modal.help .modal-header .close span {
    color: #000;
    font-size: 15px;
    padding-left: 6px;
    float: right;
    line-height: 30px
}

.kimit-planner-step-step1 fieldset .form-group .control-label a {
    float: left;
    text-align: left
}

.measure,
.design,
.order {
    padding-left: 93px;
    position: relative;
    margin-bottom: 66px
}

.measure::before,
.design::before,
.order::before {
background: url(../images/easy-steps.png) no-repeat;content: "";float: left;position: absolute;left: 0;top: 0;width: 77px;height: 77px}
.measure::before {background-position: 0 0}
.design::before {background-position: -82px 0}
.order::before {background-position: -162px 0}
.bottom_subbanner .heading {width: 100%;float: left;text-align: center;margin-top: 60px;margin-bottom: 30px;position: relative;top: -15px}
.bottom_subbanner .heading span {font-family: 'Titillium Web', sans-serif;font-size: 24px;font-weight: 400;position: relative}
/*.bottom_subbanner .heading span::after {content: "";border-bottom: 1px solid #a72350;height: 1px;width: 110px;display: block;position: absolute;left: 50%;float: none;margin-left: -55px;bottom: -12px}*/
.block-contact h2 {color: #fff !important;font-family: 'Titillium Web', sans-serif;font-weight: 300 !important;font-size: 24px !important;position: relative}
.block-contact h2::after {content: "";position: absolute;border-bottom: 1px solid #fff;float: left;width: 60px;left: 0;bottom: -5px}
.right_social_icons_div {float: right}
.right_social_icons_div ul {float: right;width: 100%}
.right_social_icons_div li {list-style: none;float: left}
.block-contact .input-box {border: 0 !important}
.block-contact .input-box input,
.block-contact textarea {
padding: 9px !important;
border-radius: 4px !important;
width: calc(100% - 18px) !important}

.block-contact button.button,
.block-contact button.button span {
float: left;
background-color: #fff !important;
color: #89153d !important;
padding: 4px 15px !important}

.block-contact button.button:hover,
.block-contact button.button:hover span {
    background-color: #c32057 !important;
    color: #fff
}

.cms-index-index .block-contact .block-body {
    padding: 27px 0 0
}

.about-us-content::before,
.contact-us-content::before {
    background: url(../images/about-contact-icon.png) no-repeat;
    content: "";
    float: left;
    position: absolute;
    left: -100px;
    top: 0;
    width: 104px;
    height: 82px
}

.about-us-content::before {
    background-position: 0 0
}

.contact-us-content::before {
    background-position: -102px 0
}

.about-us-content,
.contact-us-content {
margin-left: 110px;float: left;font-size: 15px !important;font-weight: 300;width: 75%}
.contact-us-content .input-box {margin-bottom: 0 !important}
.contact-us-content li.xfields .xfield {float: left;width: 50%}
.plannerblock .second-panel.moreThenOne {padding-bottom: 60px}
.notSureWhatsThePurpose {display: none}
.contact-us-content .buttons-set {padding-top: 0;margin-top: 4px;float: left}
.contact-us-content .buttons-set span {font-size: 15px;font-weight: 600;text-transform: uppercase}
.topbannersection {
background: url(../images/topbanner-bg.jpg) no-repeat center center #000;width: 100%;height: 390px;text-align: center;background-size: cover
}
.topbannersection h1 {color: #fff;font-size: 40px;font-family: 'Titillium Web', sans-serif;font-weight: 600;padding-top: 81px;float: left;width: 100%}
.topbannersection h2 {font-size: 27px;color: #0cd1cb;font-family: 'Titillium Web', sans-serif;font-weight: 400;float: left;width: 100%;padding: 12px}
.topbannersection .topbannerbutton {width: 100%;float: left;height: 70px;display: block;position: relative}
.topbannersection span {position: absolute;width: 550px;font-size: 18px;left: 50%;margin-left: -265px}
.topbannersection a {background-color: #d75f07;border-radius: 4px;text-align: center;color: #fff;text-transform: uppercase;font-family: 'Titillium Web', sans-serif;font-weight: 300;margin: 0 5px;font-size: 18px;width: 260px;height: 60px;line-height: 60px;float: left}

.topbannersection button {background-color: #00b9dc;border-radius: 4px;text-align: center;color: #fff;padding: 0;text-transform: uppercase;font-family: 'Titillium Web', sans-serif;font-weight: 300;margin: 0 5px;width: 260px;height: 60px;float: right;line-height: 60px;font-size: 18px}
.block.block-slideshow {
background: url(../images/laptop-slider-bg.png) no-repeat scroll 0 0;width: 1000px;height: 615px;margin: 50px auto 0}
.block.block-slideshow .block-slideshow-container {margin: 0 auto;max-width: 682px;top: 27px;box-shadow: 0 0 0 !important}
.cms-index-index .flexslider {min-height: 250px;top: 9px;position: relative;min-height: 327px}
.cms-index-index .flexslider ul.slides {min-height: 326px}
.flexslider .slides img {width: 100%;display: block;min-height: 334px}
.cms-index-index .block-slideshow-container .block-slideshow-quicklink {border-top: 0;border-color: transparent !important;top: 50% !important;height: 30px;margin-top: -51px}
.cms-index-index ol.flex-control-nav.flex-control-paging {bottom: 9px !important}
.cms-index-index .block-slideshow-container .block-slideshow-quicklink a {
box-shadow: none;
-o-box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
background: rgba(255, 255, 255, 0.5);
font-weight: 500 !important;
color: #000 !important;
text-shadow: 0 0 0 !important;
font-family: 'Titillium Web', sans-serif;
font-size: 21px;
border-radius: 4px
}
.cms-index-index .block-slideshow-container .block-slideshow-quicklink a:hover {
color: #fff !important
}
.header .links li a {
color: #000 !important;
border-left: 1px solid #000;
padding-left: 18px;
line-height: 16px
}
.header .links li a:hover {
color: #0294b5 !important
}
.header .links li:first-child a {
border: 0 !important
}
.cms-index-index .block-contact .xform-list li {
float: left;
width: 100%
}
.bottom_subbanner ul li .content {
font-size: 15px !important;
text-align: left;
padding: 0 !important
}
.cms-index-index .block-contact:after {
background-image: linear-gradient(to right, #5c0925, #a72350);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80)}

.cms-index-index .block-contact:before {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter: alpha(opacity=80);background: #000}
.cms-index-index .block-contact:after,
.cms-index-index .block-contact:before {position: absolute;width: 100%;height: 100%;opacity: .8;z-index: 1;left: 0;top: 0;content: ""}
.cms-index-index .block-contact {position: relative}
.cms-index-index .block-contact div {position: relative;z-index: 2;color: #fff}
.cms-index-index .block-contact .block-panel.block-panel-contact {background: transparent !important}
.block.block-contact .block-body,
.bottom_subbanner .slides {
/*max-width:1280px;*/margin: 0 auto;background: transparent !important;max-width: 100%}
.cms-home .bottom_subbanner ul li {width: 30.8671%;background: transparent !important;color: #000 !important}
.cms-home .block-slideshow {display: none}
.cms-home .block-slideshow.cms {display: block !important}

.header_top,
.header-bottom,
.nav-inner,
.footer,
.header {
width: 100%;margin: 0 auto;padding: 0px;/*max-width:1280px;;*/max-width: 1526px;}

.flex-carousel.carousel.brand {display: block}
.launch_planner_btn {
/*position:absolute;top:156px;left:50%;*/
width: 200px;text-align: center;position: relative;left: 50%;bottom: 20px;margin-left: -100px;margin-bottom: 70px;}
.flex-carousel.carousel.brand {padding: 40px 0 12px;background-color: #fff}
.loginmodal,
.launch_modal .modal-content {width: 100% !important}
.login_modal {top: 50% !important}
.launch_modal {top: 20% !important}
.launch_modal .modal-dialog {width: 1170px}
.btn-info,
.btn-info:hover {border: 0 !important}

.login_modal .btn-default,
.launch_modal .btn-default,
.login_modal .modal-footer a,
.launchmodal li a,
.launch_planner_btn .btn-info {
outline:none;
text-shadow: 0 0 0 #fff;
background-image: -webkit-linear-gradient(top, #5c0925 0, #a72350 100%);
background-image: -o-linear-gradient(top, #5c0925 0, #a72350 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#5c0925), to(#a72350));
background-image: linear-gradient(to bottom, #5c0925 0, #a72350 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5c0925', endColorstr='#a72350', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
background-repeat: repeat-x;
border: 1px solid #5c0925 !important;
color: #fff !important;
padding: 10px 15px !important;
border-radius: 3px;
margin-right: 2px
}

.login_modal .btn-default:hover,
.launch_modal .btn-default:hover,
.login_modal .modal-footer a:hover,
.launchmodal li a:hover,
.launch_planner_btn .btn-info:hover {
text-shadow: 0 0 0 #fff;
background-image: -webkit-linear-gradient(top, #a72350 0, #5c0925 100%) !important;
background-image: -o-linear-gradient(top, #a72350 0, #5c0925 100%) !important;
background-image: -webkit-gradient(linear, left top, left bottom, from(#a72350), to(#5c0925)) !important;
background-image: linear-gradient(to bottom, #a72350 0, #a72350 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a72350', endColorstr='#5c0925', GradientType=0) !important;
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
background-repeat: repeat-x;
border-color: #a72350 !important;
color: #fff;
text-decoration: none
}

.login_modal .btn-default:hover,
.login_modal .btn-default:active,
.launch_modal .btn-default:hover,
.launch_modal .btn-default:active,
.login_modal .modal-footer a:active,
.launchmodal li a:active,
.launch_planner_btn .btn-info:active {
background-color: #5c0925;
background-position: 0 0
}

.login_modal .modal-footer a,
.login_modal .modal-footer a {
float: right;
margin: 0 2px
}

.login_modal .modal-footer .exit {float: right}

.login_modal .modal-header,
.launch_modal .modal-header {border-bottom: 1px solid #5c0925;background-color: #a72350;color: #fff}

.login_modal .close,
.launch_modal .close {
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=100);
    opacity: 100
}

.login_modal strong,
.launch_modal strong {
    color: #5c0925
}

.login_modal .btn-default a,
.login_modal .btn-default a:hover,
.launch_modal .btn-default a,
.launch_modal .btn-default a:hover {
    color: #fff !important;
    text-decoration: none;
    box-shadow: 0 0 0 0 !important
}

.launch_modal ul {
    float: left;
    list-style: none
}

.launch_modal ul li {
    width: 48% !important;
    padding: 0 1%;
    float: left
}

.launch_modal ul li .modal_info_pic,
.launch_modal ul li .info,
.launch_modal ul li .modal_btn_section {
    color: #a72350;
    text-align: center
}

.launch_modal .modal-footer {
    border: 0
}

.launch_modal ul li .info {
    min-height: 60px
}

.launchmodal li a {
    width: 200px !important;
    height: 50px;
    line-height: 26px;
    display: inline-block
}

.launch_modal ul li .modal_heading_text {
    min-height: 60px;
    text-align: left
}

.launch_modal ul li .modal_btn_section button {
    min-width: 240px;
    min-height: 60px;
    font-size: 16px;
    text-transform: uppercase
}

.launch_planner_btn .btn-info {
    width: 270px !important;
    height: 55px;
    line-height: 25px
}

.demo-notice {
    display: none
}

.main .block-contact .inner-block {
    max-width: 1526px;
    margin: 0 auto
}

form#explanationDiv .modal-body {
    text-align: center
}

form#explanationDiv .modal-body span.explain_content {
    text-align: center;
    width: 100%;
    display: block;
    margin: 30px 0 15px
}

form#explanationDiv .modal-body img.explain_img {
    border: 1px solid #ccc !important;
    padding: 3px
}

.bottomline {
    margin: 0 0 6px;
    border-bottom: 1px solid #ccc;
    padding: 3px 0 6px 0
}

.flex-carousel.carousel.brand,
ul.slides,
.cms-index-index .block-contact {
    float: left;
    width: 100%
}

.flex-carousel.carousel.brand {
    float: left;
    width: 100%;
    margin-top: 15px
}

.about-us-content p {
    float: left;
    margin-top: 15px
}

.about-us-content p:first-child {
    margin-top: 0 !important
}

.block-panel-body.about-us-content {
    margin-bottom: 27px
}

.cms-index-index .flex-control-paging li a.flex-active {
    background: none repeat scroll 0 0 #89153d !important
}

.cms-index-index .flex-control-paging li a {
    background: #ccc !important
}

/*New Cart Table Based On Div Structure - 24.08.2017*/

.kitcart {
    width: 100%;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px
}

.kitcart ul {
    padding: 0;
    margin: 0
}

.kitcart ul li {
    list-style: none;
    float: left;
    text-align: center;
    padding: 6px;
    width: 100%;
    border-left: 1px solid #ddd
}

.kitcart ul li.item-count {
    border-left: 0
}

.kitcart .cart-headings {
    width: 100%;
    float: left;
    border: 1px solid #ddd;
    background-color: #f5f5f5
}

.kitcart .cart-footer {
    width: 100%;
    float: left;
    text-align: right
}

.kitcart .cart-footer li {
    border-left: 0
}

.kitcart .cart-footer button.btn {
    float: right;
    position: relative;
    right: -6px
}

.kitcart .cart-contents li {
    /*min-height: 132px */
}

.kitcart .cart-contents {
    width: 100%;
    float: left;
    border: 1px solid #ddd;
    border-top: 0;
    border-bottom: 0
}

.kitcart .item-count { width: 4%;}
.kitcart .item-edit { width: 4%;}
.kitcart .item-qty { width: 3%;}

.kitcart .item-select {/* max-width: 51px */width: 4%;}
.kitcart .item-image {/* max-width: 51px */width: 7%;}
.kitcart .item-customerid {/* max-width: 100px */width: 9%;}
.kitcart .item-sku {width:12%;}
.kitcart .item-code {/* max-width: 140px */
width: 20%; text-align: left;}

.kitcart .item-description {/* max-width: 240px; */
width: 12%;text-align: left;overflow-x: auto} /* max-height: 81px; */
.kitcart .item-description input {border: 0;}
.kitcart .item-wd1,
.kitcart .item-wd2,
.kitcart .item-dp1,
.kitcart .item-dp2,
.kitcart .item-hgt {/* max-width: 51px */width: 4%;}
.kitcart .item-note {/* max-width: 190px */width: 35%;text-align: left;}
.kitcart .item-material {/* max-width: 190px */width: 23%;text-align: left;}
.kitcart .item-door-details {/* max-width: 190px */width: 42%;text-align: left;}
.kitcart .item-note-addnl {/* max-width: 190px */width: 19%;text-align: left;}
.kitcart .item-note-addnl textarea {width: 100%;min-height: 61px; max-height: 81px;}
.kitcart .item-sku input,
.kitcart .item-code input {border: 0;/*text-align: center;*/}
.kitcart ul ul {display:flex;float: left;width: 100%;padding: 0;border-left: 0;border-bottom: 1px solid #ddd}
.kitcart ul ul:first-child {border-top: 0 !important}
.kitcart .cart-contents li.summary-list-first {padding: 0 !important;border: 0 !important}
.infoheading {float: left;width: auto;padding-right: 6px}
.newinfo {width: auto;float: left;padding-left: 6px;font-weight: normal}
.step1block div.info {float: left}

.product-shop p.availability.in-stock,
.product-shop .product-options,
.product-shop .product-options-bottom,
li#product_tabs_review_tabbed,
li#product_tabs_tags_tabbed,
.product-block .actions ul.add-to-links {
    display: none !important
}

.products-grid .product-block .actions button.button.btn-cart {
    float: none !important;
    display: inline-block
}

.product-view .product-img-box .product-image {
    text-align: center
}

span.sku_on_listing-page {
    text-align: center;
    width: 100%;
    float: left;
    color: #aaa
}

.products-list li .list-left {
    width: 20%;
    text-align: center
}

.products-list li .list-center {
    width: 70% !important
}

.products-list .product-image {
    float: none !important
}

.products-list li .list-right {
    width: 70% !important;
    padding: 0;
    margin: 0;
    float: left;
    display: none
}

.block-contact a {
    color: #fff !important;
    font-weight: bold
}

.block-contact input,
.block-contact textarea {
    color: #000 !important
}

span.sku_on_listing-page strong {
    color: #000;
    font-weight: normal !important
}

.product-block .actions,
.product-shop .email-addto-box {
    display: none
}

.product-view .tabs li:hover,
.product-view .tabs li a:hover {
    background-color: #353b46 !important;
    color: #fff !important
}

.product-name h1 {
    float: left;
    width: 100%;
    margin: 12px 0 !important
}

.product-name h1 {
    font-size: 24px
}

.start-here {
    background-color: #9f85ed;
    float: left;
    width: 100%;
    padding: 9px 15px;
    margin-bottom: 0;
    border-radius: 4px 4px 0 0;
    color: #fff;
    font-weight: 600;
    font-size: 16px
}

.start-here span.start {
    float: left;
    position: relative;
    text-transform: uppercase;
    padding-right: 9px;
    width: 378px
}

.start-here span.start-info {
    float: left;
    width: auto;
    padding-left: 12px;
    font-size: 14px;
    font-weight: 400;
    padding-top: 2px
}

.start-here span.start:after {
    background: url(../images/start-here-after.png) no-repeat center;
    content: "";
    width: 271px;
    height: 21px;
    position: absolute;
    right: 0;
    display: block;
    top: 6px;
    display: none
}

.popup_product_custom_options .right_column input[type="text"] {
    max-width: 60px
}
.popup_product_custom_options .right_column input[type="number"] {
    max-width: 60px
}

.popup_product_custom_options .left_column,
.popup_product_custom_options .right_column {
    width: 100% !important;
    min-height: auto !important
}

.nextbtnnew {
    background-color: #ff4e50;
    background-image: none;
    border: 0 none;
    border-radius: 3px;
    color: #fff;
    float: right;
    font-family: "Open Sans", sans-serif;
    font-size: 17px;
    font-weight: bold;
    margin: 0;
    padding: 9px 30px 9px 30px;
    text-transform: uppercase;
    width: auto;
    height: 45px
}

.newNextLink {background-color: transparent;background-image: none;border: 0 none;border-radius: 0;box-shadow: 0 0 0 rgba(255, 255, 255, 0.15) inset, 0 0 0 rgba(0, 0, 0, 0.075);color: #fff !important;float: right;font-family: "Open Sans", sans-serif;font-size: 17px;font-weight: bold;line-height: 27px;padding: 0;position: relative;text-shadow: 0 0 0 #fff;text-transform: uppercase;top: 0;width: auto
}
input[data-zfield=bundle] {max-width: 60px}
.special-block {float: left;width: 100%}
.special-block .form-group.small {width: 50%}
.kimit-planner-step-step2 .mcabinet fieldset .form-group .col-xs-4 {padding-right: 0}
.menu .megnor-advanced-menu-popup {display: none !important}
.menu a {cursor: pointer}
.cms-home .page-title {display: none}
.row.bottomline {float: left;width: 100%}
.form-horizontal .row legend>span:after {
content: "";
    background: url(../images/right-instruction-arrow.png) no-repeat center center;
    width: 22px;
    height: 22px;
    float: right;
    display: block;
    margin-right: 6px;
    position: relative;
    left: 12px
}

.recommendedArea .col-xs-8 span.inner {
    /* color: #ff0000; */
    padding-left: 19px
}

span.red_numbering {
    display: none;
    float: left !important;
    text-transform: lowercase;
    padding-right: 6px !important;
    color: #ff0000 !important
}
#add-cabinet .door_colour_and_finish select,
#add-cabinet select[name='door_range'] {
/*pointer-events:none;-moz-pointer-events:none;-webkit-pointer-events:none;-o-pointer-events:none;-ms-pointer-events:none;cursor:not-allowed;background:#eee*/
}
[data-view='baseHngqty'] input.HINGEQUANTITY {background-color: #fff5b4 !important;color: #555 !important;}
.pricehide {display: none !important}
span.newPriceArea {color: #848484;font-weight: 600;font-size: 14px;float: right}
.firstchoice select#door_range {border: 1px solid #ccc !important}
.legend-inner {float: left;width: 100%;border-radius: 6px;background-color: #fff;padding: 6px 15px;border: 1px solid #ccc}
.form-horizontal.purple .legend-inner span {color: #6633cc}
.start-here.tall {background-color: #73c173 !important}
.start-here.wall {background-color: #f1ab64 !important;color: #fff}
#wall-cabinet-disp .wall-row span {color: #f1ab64 !important}
#tall-cabinet-disp .tall-row span {color: #73c173 !important}
.box-not-selected {background-color: #c7c6c6 !important}
.baseparam .paramsizeinnerblocks {background-color: #e3daff}
.wallparam .paramsizeinnerblocks {background-color: #ffecd8}
.tallparam .paramsizeinnerblocks {background-color: #e9ffe9}
.form-horizontal .legend-inner span.group-header-title:after {
    background: url("../images/right-instruction-arrow.png") no-repeat center center;
    width: 22px;
    height: 22px;
    content: "";
    float: right;
    padding-right: 27px;
    position: relative;
    left: 3px;
    top: 3px
}

.form-horizontal.purple .per-door .text-center:after,
.form-horizontal.red .per-door .text-center:after,
.form-horizontal.green .per-door .text-center:after {
    background: url("../images/bottom-instruction-arrow.png") no-repeat right center;
    width: 22px;
    height: 22px;
    content: "";
    float: right;
    padding-left: 27px;
    position: relative;
    top: 3px;
    display: block !important
}

.form-horizontal .newblockscontainer .per-door .text-center:after {
    display: none
}

.arrow_down {
    background: url("../images/bottom-instruction-arrow.png") no-repeat center center;
    width: 22px;
    height: 22px;
    position: absolute;
    right: 0;
    bottom: 6px
}

.kimit-planner-step-step1 fieldset .form-group .control-label {
    position: relative
}

.newblockscontainer .inner {
    line-height: 33px !important;
    padding-top: 0 !important
}

.newblockscontainer .arrow_right {
    background: url(../images/right-instruction-arrow.png) no-repeat center center;
    width: 22px;
    height: 22px;
    float: right;
    position: absolute;
    right: -18px;
    top: 6px
}

.newblockscontainer .col-md-9 .styled-select,
.newblockscontainer .col-md-10 .styled-select {
    margin-left: 15px
}

input#other_wall,
input#other_tall {
    width: 100%;
    float: right;
    max-width: 298px
}

.optionsinput:before {
    background: url(../images/right-instruction-arrow.png) no-repeat center center;
    width: 22px;
    height: 22px;
    float: left;
    content: "";
    position: relative;
    top: 2px
}

/* Landscape */
@media only screen and (min-width:320px) and (max-width:1600px) and (orientation: landscape) {
.header,
.main {width: calc(100% - 120px);}
.main .inner-block {margin: 0 auto;max-width: calc(100% - 120px) !important;}
.bottom_subbanner .slides {width: calc(100% - 120px);max-width: calc(100% - 120px);margin: 0 auto !important;float: none;}
.step1infopic {background-size: contain;}
}

.my-slide-item .close_tutorial_button {text-decoration: none;position: absolute;top: 40px;right: 40px;color: #adadad  !important;font-size: 12px;}
.my-slide-item .close_tutorial_button:hover {text-decoration: none;}
a.close_tutorial_button:before {    content: "x";color: #89153d;font-size: 25px;width: 35px;height: 35px;border-radius: 50%;background: #d2d2d2;padding: 3px 11px 4px 11px;position: absolute;line-height: 25px;font-family: 'Fredoka One', cursive;right: -38px;top: -21px;}
.all_products_load_div span a{font-weight: 700;font-size: 16px;text-decoration: none;}

/* nav */
.owl-nav {position: initial;}
.owl-nav button.owl-prev,
.owl-nav button.owl-next {background: #adadad !important;border-radius: 50%;width: 40px;height: 40px;position: absolute;top: 50%;}
.owl-nav button:hover.owl-prev,
.owl-nav button:hover.owl-next{ opacity:1;}
.owl-nav button.owl-prev {left:-7px;}
.owl-nav button.owl-next {right:-7px;}
.owl-nav button.owl-prev .nav-btn.prev-slide:before,
.owl-nav button.owl-next .nav-btn.next-slide:before {position: absolute;width: 20px;height: 20px;}
.owl-nav button.owl-prev .nav-btn.prev-slide:before {
content: "";
background: url(../images/left-arrow.png) no-repeat;
background-size: 15px;}
.owl-prev.disabled,.owl-next.disabled{display: none;}
.nav-btn.prev-slide{position: absolute;padding: 0;margin: -6px 12px;}
.nav-btn.next-slide{position: absolute;padding: 0;margin: -7px 13px; }
.owl-nav button.owl-next .nav-btn.next-slide:before {content: "";background: url(../images/right-arrow.png) no-repeat;background-size: 15px;}
.owl-carousel .owl-item img {width: 100%;height: 100%;object-fit: cover;margin-top: 40px;max-width: initial;border: 4px solid #efefef;}
.owl-carousel.owl-theme button.button:hover span {background: #89153d;}
.owl-carousel.owl-theme button.button span.prev,
.owl-carousel.owl-theme button.button span.next {
position: absolute;bottom: 14px;font-size: 16px;
background-image: linear-gradient(to bottom, #5c0925 0, #a72350 100%);}
.owl-carousel.owl-theme button.button span.next{right: 26px;float: right;padding: 12px 55px 12px 20px;}
.owl-carousel.owl-theme button.button span.prev {left: 26px;float: left;padding:12px 25px 12px 45px;}
.owl-carousel.owl-theme button.button span.next:after,
.owl-carousel.owl-theme button.button span.prev:before{content: "";float: right;height: 20px;margin-left: 9px;position: absolute;top: 10px;width: 22px;}
.owl-carousel.owl-theme button.button span.next:after {right: 16px;background: rgba(0, 0, 0, 0) url(../images/sprite-new.png) no-repeat scroll -73px -4px;}
.owl-carousel.owl-theme button.button span.prev:before {left: 0px; background: rgba(0, 0, 0, 0) url(../images/sprite-new.png) no-repeat scroll -73px -4px;
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";}

/* ---tutorial-------- */
.tutorial_banner_image
{width:100%;}
.tutorial_page
{position: relative;}
.start_tutorial_btn{right: 35px;padding: 10px 20px;z-index: 9999;border: none;background: #89153d;box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.7);border-radius: 3px;position: absolute;bottom: 29px;color: white !important;font-size: 17px;}
.close_tutorial_button{float:right;margin-top:10px;}
.owl-item .my-slide-item{width: 98%;margin: 0 auto;}
.construction_pdf_drawing {float: right;margin-top: 20px;}

.blockheadings.rightViewStep2Block h2{
    color: #89153d;
    float: right;
    font-family: "Raleway", sans-serif;
    font-size: 16px;
    font-weight: 600;
    margin: 15px 0!important;
}

/*
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
    .kimit-planner-step-step2 .panel-product-grid>.tab-content {
        padding: 60px 0 0 0;
        margin-top: 60px;
    }
    .kimit-planner-step-step2 .panel-product-grid .nav-tabs .sub {
        display: none;
        position: absolute;
        left: 0;
        width: 100%;
        height: 32px;
        margin-top: 41px;
    }
}
*/

@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {

  .kimit-planner-step-step2 .panel-product-grid>.tab-content {
      padding: 60px 0 0 0;
      margin-top: 60px;
  }
  .kimit-planner-step-step2 .panel-product-grid .nav-tabs .sub {
      display: none;
      position: absolute;
      left: 0;
      width: 100%;
      height: 32px;
      margin-top: 41px;
  }
  .block.block-slideshow {
   /*width:auto !important;*/
   width: calc(100% - 120px);
   background-size: 100% auto;
   height:650px;
  }
  .block.block-slideshow .block-slideshow-container {
  max-width:calc(100% - 275px);
  }
  .flexslider .slides img {
  height: auto !important;
  min-height: fit-content;
  }
}

/*
/* Portrait and Landscape */
/*
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px)  {
    .kimit-planner-step-step2 .panel-product-grid>.tab-content {
        padding: 60px 0 0 0;
        margin-top: 60px;
    }
    .kimit-planner-step-step2 .panel-product-grid .nav-tabs .sub {
        display: none;
        position: absolute;
        left: 0;
        width: 100%;
        height: 32px;
        margin-top: 41px;
    }
}
/*
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px) {

}
/* Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1) {
    .kimit-planner-step-step2 .panel-product-grid>.tab-content {
        padding: 60px 0 0 0;
        margin-top: 60px;
    }
    .kimit-planner-step-step2 .panel-product-grid .nav-tabs .sub {
        display: none;
        position: absolute;
        left: 0;
        width: 100%;
        height: 32px;
        margin-top: 41px;
    }
}

/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
    .kimit-planner-step-step2 .panel-product-grid>.tab-content {
        padding: 60px 0 0 0;
        margin-top: 60px;
    }
    .kimit-planner-step-step2 .panel-product-grid .nav-tabs .sub {
        display: none;
        position: absolute;
        left: 0;
        width: 100%;
        height: 32px;
        margin-top: 41px;
    }
    .block.block-slideshow {
     /*width:auto !important;*/
     width: calc(100% - 120px);
     background-size: 100% auto;
     height:460px;
    }
    .block.block-slideshow .block-slideshow-container {
    max-width:calc(100% - 210px);
    }
    .flexslider .slides img {
    height: auto !important;
    min-height: fit-content;
    }
}
/* Storage CSS added 27th August 2020 */
.oldSettingsRow.border
{
	border-bottom: 0.5px solid #ccc;
}
.oldSettingsRow
{
    padding: 5px 0px;
}
.oldSettingsRow span.headingCol
{
	display: inline-block;
	width: 100%;
	font-weight:bold;
	text-align: center;
	background:#c3cdea;
	padding:5px;
}
.oldSettingsRow span.firstCol
{
	display: inline-block;
	width: 55%;
	font-weight:bold;
}
.oldSettingsRow span.secondCol
{
	display: inline-block;
	width:45%;
}
.oldSettingsRow span.thirdCol
{
	display: inline-block;
	width: 78%;
	font-weight:bold;
}
.oldSettingsRow span.fourthCol
{
	display: inline-block;
	width:22%;
}
.oldSettingsRow span.fullColumn
{
	display: inline-block;
	width:100%;
	text-align:center;
}
.oldSettingsClose
{
	margin-top: 10px;
	color: white !important;
	margin-right: 10px;
	opacity: 1;
	text-shadow : none;
}
#newStartQuote {
    color: white !important;
    text-decoration: none;
}