body{font-family:Open Sans;}.muted-text{color:#BFBFBF;font-weight:500;}#linkToTest{color:#0000FF;cursor:pointer;}#linkToTest:hover{color:#0000FF;text-decoration:underline;}#header{background-color:#009C57;color:#fff;padding:20px 0;margin-bottom:20px;}#page{position:relative;z-index:5;}.bg-row-li{margin-top:15px;margin-bottom:5%;margin-left:5%;}.bg-row-li p{font-size:1.3em;margin-top:25px;}.bg-row-li li{margin-bottom:10px;font-size:1.2em;padding-left:25px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAATCAMAAACeNWzcAAAANlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC3dmhyAAAAEXRSTlMAOt/l19JFP/LMrkkVp4QbGuPAyscAAABLSURBVAjXZc5ZDgAhCANQ3Gdxlt7/spqIKVG+XggpFTvVTf3pmL6AoHbB2ANeXbqjOncn9R2BMw+/AB6z5S0TmMtva4ePzaQW2aYBMlYC7oZsbD0AAAAASUVORK5CYII=);background-repeat:no-repeat;background-position:2px 7px;}.bg-red{background-color:#F4D4D4;padding:25px 35px;font-size:1.2em;font-weight:600;}#header div:first-child a{font-size:2.5em;font-weight:600;font-family:sans-serif;color:#fff;text-decoration:none;margin-left:20px;}#header div:first-child a:hover{text-decoration:none;}#header div:first-child span:last-child{font-size:1.4em;margin-left:20px;}#header div:last-child{padding-top:10px;}#header div:last-child a:last-child{font-size:1.4em;color:#fff;padding:7px 20px;text-decoration:none;border:1px solid #fff;margin-left:40px;}#sidebar{margin-top:272px;}#sidebar img{z-index:9;}#green-row{background-color:#96D8BE;padding-top:5px;padding-bottom:5px;margin:25px 0;}#green-row div:last-child{padding:5px 0;}#green-row p{font-size:1.1em;font-weight:600;}#green-row img{margin-left:-25px;}#main-row1{margin-bottom:20px;}#main-row1 h3{font-weight:600;}.post-date{border-bottom:1px solid #B3B3B3;margin-bottom:20px;padding:9px 0;}.post-date span{color:#B3B3B3;font-size:1.3em;padding-left:30px;}.post-date span:first-child{margin-left:10px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAMAAADH72RtAAAAPFBMVEX///+7v7/f4eH5+vrFycny8/PLzs6/w8Pc3t7n6enX2trU1tbDxsbIy8vQ0tLj5OTt7u7s7e319vbz9PRoMI0DAAAAc0lEQVQY042MWw7CMAwEncQv6jht4f53ZXGF+ELqaCVvRrEJnJknxs4qdKGAaPDKqPfhHMHubj2049fLWotoHzoGDxIY1TIrv+bHZeaDeqexEW1of0z4Wu6KoJXZxV2OEAm0u3cslVl1Img3t57TilaxHG/4OAV8zfQG4AAAAABJRU5ErkJggg==);background-repeat:no-repeat;background-position:0 3px;}.post-date span:last-child{margin-left:40px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAALCAMAAABFyS02AAAAP1BMVEX///+7v7++wsLc3t7n6en19vbGycn3+Pjy8/P7+/vO0dHIy8vV19fS1dXBxMTN0NDw8fHr7Ozf4eHKzc3DxsbGjRD4AAAAdElEQVQI103OWQ7DMAhF0Vcwg+3YzrT/tRaURur9PAIEfom74C8b9Ilo2CtnwJCeeD6yEevgHFOmLYWp+GRNml6IAbkZMhOCBHwLqq6K9lADmlagxL5pilrcLUDaZZV752orJds7teJeGvUdb8eieOo6kH0BKPcDPFIIe6YAAAAASUVORK5CYII=);background-repeat:no-repeat;background-position:0 5px;}#main-row2 div:last-child span:first-child{color:red;font-size:1.4em;font-weight:600;margin-left:-15px;}.comnt-doc{border-left:1px solid #B3B3B3;border-right:1px solid #B3B3B3;border-bottom:1px solid #B3B3B3;border-top:2px solid red;font-size:1.4em;padding:0 10px;font-weight:600;background-size:120px;}.comnt-doc div:last-child,.comnt-doc div:first-child{padding-top:10px;}#main-row3{padding-top:20px;}#main-row3 p{font-size:1.2em;}#main-row3 .hot_call{text-align:center;}#txt-botton-form{}#main-row3 .hot_call p{font-size:2.7em;color:#2F98B4;line-height:.8em;}#main-row3 .hot_call p span{font-size:.5em;}#main-row3 img{margin-bottom:40px;}#main-row3 em{font-size:1.3em;margin-bottom:20px;}#main-row4{}#main-row4 h3:first-child{font-size:1.5em;color:#478F8E;font-weight:600;padding:10px 0 10px 5px;margin-bottom:20px;border-bottom:3px solid #478F8E;}.row4-box{position:relative;padding-left:120px;margin-top:30px;}.row4-box img{position:absolute;top:-20px;left:1px;border-radius:60px;width:100px;}.box-text{color:#BFBFBF;font-size:1.2em;margin-top:20px;}.row4-box p:first-child{font-size:1.2em;font-weight:600;}.row4-box p:last-child{font-size:1.2em;}#main-row5{}#main-row6{margin-bottom:30px;}.comnt-label{color:#009C57;font-size:1.5em;font-weight:600;border-top:3px solid #009C57;padding-top:15px;margin-bottom:10px;}.dialog{margin-bottom:40px;}.dialog h4{color:red;font-size:1.65em;font-weight:600;}.dialog ul{font-size:1.2em;margin-top:10px;}.dialog b{font-size:1.3em;}.dialog p span{font-size:1.2em;color:#BFBFBF;font-weight:600;}.dialog_p1{font-size:1.2em;font-weight:600;}.dialog_p2{font-size:1.2em;}.text-red{font-size:1.4em;color:#FF0000;font-weight:600;}.opros{font-size:1.4em;}.bg-grey{background-color:#DCD9D9;padding:10px 15px;}.bg-grey-video{background-color:#DCD9D9;padding:15px 15px;}.hideForm{display:none;}#form{/* background-color:#2989D7; *//* text-align:center; *//* color:#fff; */padding:15px 15px;text-align: left;width: 100%;max-width: 280px;margin: 0 auto;}.block-form{margin-left:20px;}.inner-form{border:3px dashed #fff;padding:3% 5%;}.sbm-btn{font-weight:600;}.form-bottom{text-align:center;}.form-bottom p{margin-top:10px;font-size:1.2em;padding-bottom:10px;color:#BFBFBF;}.form-bottom a span{padding:3px 18px;border-radius:10px;}#footer{margin-top:30px;background-color:#E5E5E5;padding:20px 0;}.foot-box1{padding-top:15px;}.error{color:red;}.landingForm input{color:black;width:100%;height:40px;border-radius:0;outline:none;padding-left:10px;margin-bottom:15px;}.landingForm input.valid{border:3px solid green;background-repeat:no-repeat;background-position:97% 2px;}.landingForm input.error{border:2px solid red;}.landingForm button{background-color:#00C048;padding:10px 20px;font-size:25px;margin-top:10px;}.sbmt-btn{text-align:center;}#web-push{position:fixed;top:-500px;left:30px;width:450px;height:170px;padding-left:110px;padding-right:10px;padding-top:10px;background-image:url(https://ztuufz.site/osteofast-medportal/css/mv_logo.png);background-repeat:no-repeat;background-position:15px 17px;background-color:#EDEBE9;z-index:999;box-shadow:0 0 10px rgba(0,0,0,0.5);}#web-push h4{font-weight:600;font-size:.9em;}#web-push span{padding:6px 15px;font-size:1em;background-color:#F9F9F9;margin-right:5px;cursor:pointer;}#web-push span:hover{background-color:#B1A5A5;}#web-push span:last-child{background-color:#00C048;color:#fff;}#web-push span:last-child:hover{background-color:#088035;}#web-push-inner p:last-child{text-align:right;margin-top:20px;}@media( max-width:480px ) {
 body {
    font-size: 1.2em;
}
#main-row1 h3 {
    font-size: 1.8em;
}
#message-window {
    display: none;
}
#web-push {
  display: none;
}
#web-push {
  display: none;
}
}


.my-a, .my-a:hover{
    color: inherit!important;
    text-decoration: inherit!important;
}


.my-input{
    width: 80%;
    height: 40px;
    box-shadow: 0 0 2px #505050;
    padding: 0 0 0 7px;
    margin: 5px 0px 10px 0;
    border: 2px solid rgb(59, 159, 241);
    border-radius: 3px;
    color: #000;
}

.my-input:focus {
    border: 2px solid #807f7f;
    border-radius: 3px;
}

.my-a-button{
    background: rgb(241, 78, 78);
    padding: 3% 15% 3% 15%;
    color: #fff;
    border-radius: 3px;
    width: 80%;
    margin: 0 auto;
    margin-top: 5px!important;
    max-width: 80%;
    text-align: center;
    font-size: 120%;
    margin-top: 9px;
    display: block;
    text-transform: uppercase;
    transition: 0.2s;
}

.my-a-button:hover{
    color:inherit!important;
    text-decoration: inherit!important;
    background: rgb(230, 40, 40);
    transition:0.2s;
}
.my-a-button:focus{
    color:inherit!important;
    text-decoration: inherit!important;
}

.my-a-button:active{

    background: rgb(241, 78, 78);
}





#created-button-1, #created-button-2 {line-height: 30px!important;}
.pl_spacer_geo_detect{

    font-size:inherit!important;
    color:inherit!important;
    font-weight:inherit!important;
}

@media screen and (max-width: 480px) {
    .my-a-button{
        font-size: 120%;
        padding: 2% 10% 2% 10%;
        width:100%!important;
    }
    .inner-form b{
        font-size:70%!important;
    }
    .inner-form {
        border: 3px dashed #fff;
        padding: 5px 2px;
    }
    .btn, .btn-lg, .btn-primary
    {width: 100%;
        font-size: 90%;
        padding: 8px 10px;}
    }

    @media screen and (max-width: 400px) {
        .my-a-button{font-size: 120%;padding: 2% 5% 2% 5%;width: 100%!important;}
        .test li {width: 100%!important;text-align: left;padding: 0 25% 0 25%;}
        .test-item{min-width:100%!important;max-width:100%!important;}
        .answer {
            background-image: none!important;
            background-color: initial!important;
            padding-left: 0!important;}

        }

        @media screen and (max-width: 315px) {
            .comment-footer span{background-image:none!important;    display: inline-flex;}
            .comment-footer span:last-child{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAOVBMVEUAAABYkP9YkP9YkP9YkP9YkP9YkP9YkP/////1+P9qnP/T4v9flf+Ptf+CrP/r8v/o8P+1zv+Xuv8FYJuXAAAAB3RSTlMAmNcwCsOf4l+qEAAAAHZJREFUGNN1kIsOwyAIRSc+LqjtHv//sWOCdWnTkxj05EoCjztiIIBCPEQKcEJyk+1d9WRzntll5EYfGG/uUOIKbdwwY6S1dzyZRT4AqYIiUvnHpveT2k3RUlLtY1jq5e2j1tYwGUMV/FHWQE6eQ5Yjk67LueELBmIGCFNPVmAAAAAASUVORK5CYII=)!important;
            }.my-logo-img{    width: auto;
                display: inline-table;
                max-width: 90%;}
                .test li{display: table!important;
                    text-align: left;
                    padding: 0 25% 0 25%;}

                }

                @media screen and (max-width: 323px){

                 .post-date span:last-child { width: 100%;
                    display: inline-block;
                    margin-left: 10px;}

                }


                @media screen and (max-width: 1240px){
                    .row.comment.well .col-md-2 {    width: 100%!important;}



                }
                #form label {

                    display: inline !important;

                }

                #form h4 {

                    text-align: center !important;
                    color: rgb(0, 95, 158) !important;
                    font-family: roboto condensed;
                    text-transform: uppercase;
                    font-size: 33px!important;
                    font-weight: 500!important;
                    text-shadow: 0 0 0px rgb(0, 95, 158) !important;
                    line-height: 40px;

                }



                #form input[type="submit"] {
                    margin: 0 auto !important;
                    display: block !important;
                    color: rgb(255, 255, 255) !important;
                    cursor: pointer !important;
                    font-weight: bold !important;
                    text-transform: uppercase !important;
                    background: rgb(255, 0, 0) !important;
                    border: none !important;
                    border-radius: 8px !important;
                    padding: 16px 38px !important;
                    font-size: 26px !important;
                    text-align: center !important;
                    display: block !important;
                    text-decoration: none !important;
                    font-family: roboto condensed!important;

                }



                #form input[type="submit"]:hover {

                    background-color: rgb(193, 31, 31) !important;

                    transition: all .2s !important;

                }



                #form input[type="text"],

                #form input[type="tel"] {height: 37px !important;width: 100% !important;/* max-width: 250px; */box-sizing: border-box !important;margin-top: 13px;padding: 10px !important;display: block;font-size: 16px;}



                #form span i {

                    font-size: 13px !important;

                    color: rgba(0, 0, 0, 0.35) !important;

                }



                /* for here */

                #form form {

                    width: 50%;

                    margin: 0 auto 10px;

                }



                @media screen and (max-width:1009px) {

                    #form form {

                        width: 55%;



                    }

                }



                @media screen and (max-width: 568px) {

                    #form form {

                        width: 80%;



                    }





                }
                #form button:hover {
                    background-color: rgb(193, 31, 31) !important;
                }
                #form button {
                    width:100%;
                    font-size: 12px !important;
                    padding: 15px 16px !important;
                    transition: all .2s !important;
                    -webkit-transition: all .2s !important;
                    -moz-transition: all .2s !important;
                    -ms-transition: all .2s !important;
                    -o-transition: all .2s !important;
                    background: rgb(255, 0, 0) !important;
                    color: rgb(255, 255, 255) !important;
                    border-radius: 8px !important;
                    -webkit-border-radius: 8px !important;
                    -moz-border-radius: 8px !important;
                    -ms-border-radius: 8px !important;
                    -o-border-radius: 8px !important;
                    border: 0;
                    cursor: pointer;
                }
                .price-bl {
                    text-align: center;
                    font-size: 20px;
                    padding: 0 15px;
                }
                .price-bl b {
                    color: red;
                }

                .door__container {
                    display: flex;
                    justify-content: space-around;
                }

                .box {
                    perspective: 500px;
                    position: relative;
                }

                .box,
                .door {
                    width: 190px;
                    height: 400px;
                    box-shadow: inset -1px -1px 0px 1px #191919, inset 1px 1px 0px 1px #191919;
                }
                .door,
                .hi {
                    position: absolute;
                    top: 0;
                    left: 0;
                }
                .hi {
                    position: relative;
                    width: 100%;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }
                .box {
                    display: flex;
                }
                .door {
                    background-image: url(https://ztuufz.site/osteofast-medportal/img/door.png);
                    background-repeat: no-repeat;
                    transform: rotateY(0deg);
                    display: inline-block;
                    transition: all 0.75s ease;
                    transform-origin: 0% 0%;
                    cursor: pointer;
                }

                #door__2 {
                    background-image: url(https://ztuufz.site/osteofast-medportal/img/door2.png);
                }

                #door__3 {
                    background-image: url(https://ztuufz.site/osteofast-medportal/img/door3.png);
                }

                .door:hover {
                    transform: rotateY(-30deg);
                }

                .door.open {
                    transform: rotateY(-85deg);
                }

                .door__sales {
                    position: relative;
                    font-size: 46px !important;
                    font-weight: 700 !important;
                    color: red !important;
                    border-radius: 30px !important;
                    padding: 30px 5px !important;
                    box-shadow: 0px 1px 2px 2px #7F7878;
                }


                .door__title {
                    color: #fff;
                    font-weight: 700;
                    text-transform: uppercase;
                    text-align: center;
                    font-size: 22px !important;
                    margin-bottom: 25px;
                    background-color: #3A4752;
                    padding: 10px 0;
                    border-radius: 0.5em;
                }

                .order_block {
                  display: none;
                  text-align: center !important;
              }

              .order_block img {
                  width: 20%;
              }

              .order_block h3 {
                  font: bold 18px Arial !important;
                  background: transparent;
              }

              .input-roulette::placeholder {
                  font-size: 0.9em;
              }

              .input-roulette {
                  padding-left: 5px;
                  height: 42px;
                  margin-bottom: 10px;
                  max-width: 350px!important;
                  width: 100%!important;
                  box-sizing: border-box;
              }

              .submit-roulette:active {
                  transform: translateY(2px);
                  box-shadow: none;
              }

              input[value="Получить бесплатно"], .submit-roulette {
                  text-transform: uppercase;
                  padding: 10px 15px;
                  margin: 15px 0;
                  outline: none;
                  border: none;
                  margin-top: 5px;
                  border-radius: 5px;
                  box-shadow: 0px 4px 3px #242120;
                  background: red;
                  color: #fff;
                  font-weight: bold;
                  cursor: pointer;
                  transition: background 0.3s;
              }
              .block_gr {
                background: #8bc34a;
                border: solid 2px red;
                padding: 10px;
            }
            .body_bg_p {
                background: #fff176;
                padding: 10px;
                border: solid 2px grey;
                margin-top: 20px;
            }
              .block_gr * {
                color: #000 !important;
              }
            @media screen and(max-width: 550px){
              .input-roulette {
                width: 95%!important;
            } 
        }
        @media (max-width: 840px) {
            .door__sales {
                font-size: 20px !important;
                font-weight: 700 !important;
                color: red !important;
                border-radius: 30px !important;
            }

            .box,
            .door {
                width: 95px;
                height: 200px;
            }

            .door {
                background-image: url(https://ztuufz.site/osteofast-medportal/img/media_door.png);
            }

            #door__2 {
                background-image: url(https://ztuufz.site/osteofast-medportal/img/media_door2.png);
            }

            #door__3 {
                background-image: url(https://ztuufz.site/osteofast-medportal/img/media_door3.png);
            }
        }

        @media(max-width:360px) {
            .box+.box {
                margin-left: 15px;
            }

            .door__sales {
                font-size: 25px !important;
                font-weight: 700 !important;
                color: red !important;
                border-radius: 30px !important;
            }

        }