html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    padding-bottom: 90px;
    font-family: "Inter", sans-serif;
}

.myNavRow {
    background-image: url(/images/menuBackground.png);
    background-repeat: repeat;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 55px;
    z-index: 100;
    background-color: transparent;
}

.logoHeader {
    position: fixed;
    left: 10px;
    top: 5px;
    height: 45px;
}

.mainContainer {
    padding-top: 65px;
}

.productIcon {
    width: 100px;
    margin: 0 auto;
    display: block;
    cursor: pointer;
}

.navbarBasketControl {
    position: fixed;
    right: 0;
    top: 0;
    height: 55px;
    /*max-height: 50px;*/
    background-color: #F1563C;
    color: white;
    font-weight: 600;
    font-size: 18px;
    line-height: 19px;
    width: 200px;
    text-align: left;
    cursor: pointer;
    float: right;
    border-radius: 0 0 0 15px;
    padding: 7px 10px 10px 20px;
    z-index: 250;
}

    .navbarBasketControl div {
        font-size: 24px;
        position: absolute;
        right: 10px;
        top: 17px;
    }

@media screen AND (max-width:767px) {
    .navbarBasketControl {
        height: 40px;
        font-size: 14px;
        line-height: 16px;
        width: 150px;
        border-radius: 0 0 0 10px;
        padding: 5px 5px 5px 10px;
    }

        .navbarBasketControl div {
            font-size: 22px;
            right: 5px;
            top: 12px;
        }
}

.articlePhoto {
    width: 100%;
    height: auto;
    position: relative;
    top: -30px;
}

.articleText {
    width: 100%;
    height: auto;
}

.bgGray1 {
    background-color: #cccccc;
}


.categoryTitle {
    font-size: 32px;
    text-align: center;
    border-bottom: solid 1px #F1563C;
    font-weight: 700;
    color: black;
    position: relative;
}

    .categoryTitle .colSpan {
        color: gray;
    }

    .categoryTitle .safetyClass {
        position: absolute;
        right: 5px;
        top: 15px;
        font-size: 20px;
        font-weight: 400;
        text-transform: uppercase;
    }

.subTitle {
    font-weight: 200;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 20px;
    padding: 5px 0;
}

.productHomepage {
    font-size: 1em;
    text-align: center;
    margin-bottom: 30px;
}

    .productHomepage .catName {
        display: block;
        text-align: center;
        color: #8a8a8a;
        font-size: 14px;
        margin-top: 15px;
        font-weight: 600;
    }

    .productHomepage .modelName {
        font-weight: bold;
        text-transform: uppercase;
        font-size: 22px;
        line-height: 24px;
    }


h2 {
    font-size: 24px;
    text-transform: uppercase;
    color: black;
    font-weight: 700;
}

.productHomepage a {
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
    color: #333;
}

.productHomepage p {
    padding-bottom: 0;
    margin-bottom: 0;
}

.productHomepage input[type=checkbox] {
    outline: 2px solid #F1563C !important;
    accent-color: #F1563C;
    width: 18px;
    height: 18px;
    position: relative;
    top: 1px;
    color: red;
    font-size: 30px;
    cursor: pointer;
    margin: 5px 0;
    border: none !important;
}

.productHomepage .modelPrice {
    color: #8a8a8a;
    font-size: 14px;
    margin-top: 2px;
    font-weight: 600;
}


.hid {
    display: none !important;
}

.vis {
    display: inline;
}

.testDoor {
    height: 200px;
    width: auto;
    background-image: url('/images/products/TestDoor_Closed.png');
    background-repeat: no-repeat;
    background-size: contain;
}

    .testDoor:hover {
        background-image: url('/images/products/TestDoor_Opened.png');
    }

.colIcoRow .col {
    text-align: center;
}

    .colIcoRow .col span {
        display: block;
        text-align: center;
        text-transform: uppercase;
        color: gray;
    }

.detailTopRow {
    position: fixed;
    top: 60px;
    left: 0;
    width: 100%;
    z-index: 101;
    height: 40px;
}



    .detailTopRow .col3 {
        overflow: visible;
    }

    .detailTopRow h1 {
        font-size: 32px;
        color: #F1563C;
        font-weight: 700;
        position: relative;
        top: -48px;
        left: 20%;
        text-align: center;
    }

    .detailTopRow .btn {
        position: relative;
        top: -48px;
        left: -10px;
        background-color: #F1563C;
        border: none;
        font-size: 14px;
        padding: 6px 4px;
    }

        .detailTopRow .btn:hover {
            background-color: red;
        }

    .detailTopRow .btnSend {
        background-color: #3C8FF1 !important;
    }

        .detailTopRow .btnSend:hover {
            background-color: #1760b6 !important;
        }

@media screen AND (max-width:767px) {
    body {
        font-size: 12px;
        line-height: 15px;
    }

    .poptavkaTitle {
        position: fixed;
        top: 50px;
        left: 0;
        text-align: left;
    }

        .poptavkaTitle h1 {
            font-size: 24px;
            position: relative;
            left: 130px;
            top: -30px;
            text-align: left;
        }

    .detailTopRow .btn {
        top: 15px;
        left: 20px;
        font-size: 12px;
        padding: 6px 4px;
        font-weight: 700;
    }

    .detailImg {
        position: relative;
        top: 20px;
    }

    .buttonCol {
        position: fixed;
        top: 2px;
        right: 55px;
    }

    .myNavRow {
        height: 90px;
    }

    .logoHeader {
        max-width: 100px;
        z-index: 150;
    }

    .categoryTitle {
        font-size: 28px;
        line-height: 40px;
    }

    .subTitle {
        position: relative;
        top: 3px;
    }

    .categoryTitle .safetyClass {
        font-size: 15px;
        top: 5px;
    }

    .mainContainer {
        padding-top: 90px;
    }
}

@media screen AND (max-width:610px) {
    .poptavkaTitle {
        left: 0;
        top: 100px;
    }

        .poptavkaTitle h1 {
            font-size: 24px;
            position: relative;
            left: 0;
            top: -45px;
            text-align: left;
        }

    .buttonCol {
        right: 22px;
    }


    .buttonCol {
        top: 0;
    }

    .categoryTitle {
        text-align: left;
    }
}

.detailContainer .productName {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 700;
}

.detSubtit {
    text-align: left;
    margin-top: 35px;
    font-size: 18px;
    line-height: 21px;
    font-weight: 700;
}

.detailImg {
    width: auto;
    max-width: inherit;
    height: auto;
    max-height: 270px;
    position: relative;
    top: 35px;
    margin-bottom: 10px;
}

.productName {
    height: 50px;
}

    .productName span {
        color: gray;
    }

.detailContainer table {
    border-collapse: collapse;
}

    .detailContainer table td {
        border: solid 1px gray;
        padding: 3px !important;
    }

        .detailContainer table td:first-child {
            border-left: none;
        }

        .detailContainer table td:last-child {
            border-right: none;
        }

    .detailContainer table tr:first-child td {
        border: none;
    }

.pricingTable td,.pricingTable th {
    padding:5px !important;
}

.pricingTable td:last-child, .pricingTable th:last-child,
.pricingTable td:nth-child(2n), .pricingTable th:nth-child(2n) {
    text-align: right;
    font-weight: 600;
}

.footer {
    background-color: #F9F9F9;
    height: 100px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index:100;
}

@media screen AND (max-width:767px) {
    .footer {
        position: relative;
        height: 180px;
    }

        .footer table {
            font-size: 10px;
        }

            .footer table td {
                display: table-row;
                width: 33%;
            }
}

.footer table {
    width: 100%;
    margin-top: 10px;
    font-size: 12px;
}

.footer td {
    vertical-align: top;
    width: auto;
    max-width: 20%;
    padding: 5px;
    box-sizing: border-box;
}

    .footer td:first-child {
        width: 120px;
        max-width: 120px;
    }

.logoFooter {
    width: 100px;
    filter: grayscale();
}

.contTd img {
    height: 15px;
}

.privacy {
    text-align: left;
}

@media print {
    .rc-anchor-normal-footer, .grecaptcha-badge, .footer, .detailTopRow, .nav-link, .grecaptcha-logo {
        display: none !important;
        visibility: hidden !important;
    }
}

.surfaceItem p {
    font-size: 12px !important;
    line-height: 14px;
    margin: 10px 0;
}

.changeLink {
    cursor: pointer;
    text-decoration: underline;
    color: dimgray;
}

    .changeLink:hover {
        color: black;
        text-decoration: none;
    }


.classTitle {
    display:flex;
    margin-bottom:10px;
}


.classTitle h2 {
    font-size: 40px !important;
}
.classTitle span {
    margin:7px 0 0 10px;
    font-size:14px;
    line-height:16px;
    color:#1e1e1e
}

.classInfo ul {
    line-height:2em;
}
.surfaceItem {
    cursor:pointer;
}

.floatingWindow {
    position: absolute;
    /*left:70px;
    bottom:150px;*/
    width: 300px;
    height: 200px;
    background-color: gray;
    border-radius:15px;
    z-index:95;

}
@media screen AND (max-width:767px) {
    .floatingWindow {
        position: fixed !important;
        width: 94%;
        height: 150px;
        left: 0 !important;
        bottom: 0 !important;
        margin-left: 3%;
    }
}