/* ********************выберите цвет**************** */

#ipad {
    background: url(/img/wall.png) repeat;
    padding: 30px 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
}

#ceil-calc input[type='text'] {
    display: inline-block;
    border: 1px solid #ff55bf;
    padding: 7px 10px;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.25);
    width: 50px;
    float: left;
    margin: 0 10px 10px 0;
}

.inp-field {
    margin: 15px auto;
    color: #3b5c6d;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.inp-field img,
.inp-field span {
    vertical-align: top;
}

.inp-field img {
    margin-right: 5px;
}

.inp-field::after {
    content: '';
    display: block;
    clear: both;
}

.factura-block,
.color-ceiling {
    text-align: center;
}

.factura-block h3,
.color-ceiling h3 {
    color: #3b5c6d;
    text-transform: uppercase;
    font-weight: bold;
    margin: 15px;
    display: block;
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0;
    margin-inline-end: 0;
}

.factura-block input,
.color-ceiling input {
    display: none;
}

.factura-block input:checked + label,
.color-ceiling input:checked + label {
    background: #ff282f;
}

.factura-block label,
.color-ceiling label {
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 3px;
    background: #fff;
    border: 1px solid #959595;
    cursor: pointer;
    position: relative;
    margin-right: 5px;
    vertical-align: middle;
}

.factura-block label::after,
.color-ceiling label::after {
    content: '✔';
    display: block;
    position: absolute;
    left: 5px;
    color: #fff;
}

.factura-block li,
.color-ceiling li {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid #aaa;
    display: inline-block;
    cursor: pointer;
    margin: 0 3px;
}

.factura-block li:hover,
.color-ceiling li:hover {
    -webkit-box-shadow: 0 0 0 2px #d6d6d6, 0 0 0 3px #3b5c6d;
    box-shadow: 0 0 0 2px #d6d6d6, 0 0 0 3px #3b5c6d;
}

.color1 {
    background-color: #fff;
}

.color2 {
    background-color: #c2c0b6;
}

.color3 {
    background-color: #fdd1b0;
}

.color4 {
    background-color: #f59795;
}

.color5 {
    background-color: #fcded7;
}

.color6 {
    background-color: #f15a38;
}

.color7 {
    background-color: #d7182a;
}

.color8 {
    background-color: #f499b9;
}

.color9 {
    background-color: #f36f21;
}

.color10 {
    background-color: #ffde00;
}

.color11 {
    background-color: #e28f38;
}

.color12 {
    background-color: #955436;
}

.color13 {
    background-color: #4e2e25;
}

.color14 {
    background-color: #032659;
}

.color15 {
    background-color: #0c4da2;
}

.color16 {
    background-color: #25a8de;
}

.color17 {
    background-color: #750c6b;
}

.ipad-layer {
    position: relative;
}

.ipad-layer img {
    position: absolute;
}

.ipad-layer .ipad-main {
    position: relative;
}

.l-1 {
    left: 64px;
    top: 27px;
}

.arrow-price {
    margin: 10px auto;
}

.arrow-price h4 {
    position: relative;
    color: #fff;
    text-align: center;
    padding: 10px 5px;
    background: #ff282f;
    display: inline-block;
    text-transform: uppercase;
    font-size: 1.3em;
    cursor: pointer;
}

.arrow-price h4::after {
    content: '';
    display: block;
    border-left: 20px solid #ff282f;
    border-top: 23px solid transparent;
    border-bottom: 23px solid transparent;
    position: absolute;
    right: -20px;
    top: 0;
}

.arrow-price p {
    display: inline-block;
    margin-left: 25px;
    color: #222f55;
    font-size: 1.3em;
}

.arrow-price p span {
    font-weight: bold;
    font-size: 1.5em;
}


























article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

/*[hidden], template {*/
/*    display: none*/
/*}*/

/*abbr[title] {*/
/*    border-bottom: 1px dotted*/
/*}*/

/*b, strong {*/
/*    font-weight: bold*/
/*}*/

/*dfn {*/
/*    font-style: italic*/
/*}*/

/*h1 {*/
/*    font-size: 2em;*/
/*    margin: 0.67em 0*/
/*}*/

/*mark {*/
/*    background: #ff0;*/
/*    color: #000*/
/*}*/

/*small {*/
/*    font-size: 80%*/
/*}*/

/*sub, sup {*/
/*    font-size: 75%;*/
/*    line-height: 0;*/
/*    position: relative;*/
/*    vertical-align: baseline*/
/*}*/

/*sup {*/
/*    top: -0.5em*/
/*}*/

/*sub {*/
/*    bottom: -0.25em*/
/*}*/

/*img {*/
/*    border: 0*/
/*}*/

/*svg:not(:root) {*/
/*    overflow: hidden*/
/*}*/

/*figure {*/
/*    margin: 1em 40px*/
/*}*/

/*hr {*/
/*    -moz-box-sizing: content-box;*/
/*    -webkit-box-sizing: content-box;*/
/*    box-sizing: content-box;*/
/*    height: 0*/
/*}*/

/*pre {*/
/*    overflow: auto*/
/*}*/

/*code, kbd, pre, samp {*/
/*    font-family: monospace, monospace;*/
/*    font-size: 1em*/
/*}*/

/*button, input, optgroup, select, textarea {*/
/*    color: inherit;*/
/*    font: inherit;*/
/*    margin: 0;*/
/*}*/

/*button {*/
/*    overflow: visible*/
/*}*/

/*button, select {*/
/*    text-transform: none*/
/*}*/

/*button, html input[type="button"], input[type="reset"], input[type="submit"] {*/
/*    -webkit-appearance: button;*/
/*    cursor: pointer*/
/*}*/

/*button[disabled], html input[disabled] {*/
/*    cursor: default*/
/*}*/

/*button::-moz-focus-inner, input::-moz-focus-inner {*/
/*    border: 0;*/
/*    padding: 0*/
/*}*/

input {
    line-height: normal
}

/*input[type="checkbox"], input[type="radio"] {*/
/*    -webkit-box-sizing: border-box;*/
/*    -moz-box-sizing: border-box;*/
/*    box-sizing: border-box;*/
/*    padding: 0*/
/*}*/

/*input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {*/
/*    height: auto*/
/*}*/

/*input[type="search"] {*/
/*    -webkit-appearance: textfield;*/
/*    -moz-box-sizing: content-box;*/
/*    -webkit-box-sizing: content-box;*/
/*    box-sizing: content-box*/
/*}*/

/*input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {*/
/*    -webkit-appearance: none*/
/*}*/

/*fieldset {*/
/*    border: 1px solid #c0c0c0;*/
/*    margin: 0 2px;*/
/*    padding: 0.35em 0.625em 0.75em*/
/*}*/

/*legend {*/
/*    border: 0;*/
/*    padding: 0*/
/*}*/

/*textarea {*/
/*    overflow: auto*/
/*}*/

/*optgroup {*/
/*    font-weight: bold*/
/*}*/

/*table {*/
/*    border-collapse: collapse;*/
/*    border-spacing: 0*/
/*}*/

/*td, th {*/
/*    padding: 0*/
/*}*/

/*input, button, select, textarea {*/
/*    font-family: inherit;*/
/*    font-size: inherit;*/
/*    line-height: inherit*/
/*}*/

/*a {*/
/*    color: #337ab7;*/
/*    text-decoration: none*/
/*}*/

/*a:focus {*/
/*    outline: thin dotted;*/
/*    outline: 5px auto -webkit-focus-ring-color;*/
/*    outline-offset: -2px*/
/*}*/

/*figure {*/
/*    margin: 0*/
/*}*/

img {
    vertical-align: middle
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}



#ipad * { /* -webkit-box-sizing:border-box; */
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#ipad *:before, #ipad *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.calc-container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 768px) {
    .calc-container {
        width: 750px
    }
}

@media (min-width: 992px) {
    .calc-container {
        width: 970px
    }
}

@media (min-width: 1200px) {
    .calc-container {
        width: 1170px
    }
}

#ipad .container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

#ipad .row {
    margin-left: -15px;
    margin-right: -15px
}

.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-6 {
    float: left
}

.col-xs-6 {
    width: 50%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-offset-6 {
    margin-left: 50%
}

@media (min-width: 768px) {
   .col-sm-6 {
        float: left
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }
}

@media (min-width: 992px) {
    .col-md-6 {
        float: left
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }
}

@media (min-width: 1200px) {
    .col-lg-6 {
        float: left
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }
}

.clearfix:before, .clearfix:after, .calc-container:before, .calc-container:after, .container-fluid:before, .container-fluid:after, #ipad .row:before, #ipad .row:after {
    content: " ";
    display: table
}

.clearfix:after, .container:after, .container-fluid:after, .row:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important;
    visibility: hidden !important
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

.visible-xs, .visible-sm, .visible-md, .visible-lg {
    display: none !important
}

.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {
    display: none !important
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table
    }

    tr.visible-xs {
        display: table-row !important
    }

    th.visible-xs, td.visible-xs {
        display: table-cell !important
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important
    }

    table.visible-sm {
        display: table
    }

    tr.visible-sm {
        display: table-row !important
    }

    th.visible-sm, td.visible-sm {
        display: table-cell !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important
    }

    table.visible-md {
        display: table
    }

    tr.visible-md {
        display: table-row !important
    }

    th.visible-md, td.visible-md {
        display: table-cell !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important
    }

    table.visible-lg {
        display: table
    }

    tr.visible-lg {
        display: table-row !important
    }

    th.visible-lg, td.visible-lg {
        display: table-cell !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-block {
        display: block !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    table.visible-print {
        display: table
    }

    tr.visible-print {
        display: table-row !important
    }

    th.visible-print, td.visible-print {
        display: table-cell !important
    }
}

.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }
}

@media print {
    .hidden-print {
        display: none !important
    }
}