* {
   margin: 0;
   padding: 0;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

#calc_teeth {
   padding-top: 40px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   justify-content: center;
   margin-bottom: 70px;
}

#calc_teeth h2 {
   text-align: center;
   font-size: 4em;
   color: #48b4e2;
   font-weight: 800;
   margin: 0 auto 50px !important;
}

#calc_teeth .calc_teeth_row {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   margin: 0 300px;
}

#calc_teeth .calc_teeth_row > div {
   width: 50%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   align-items: center;
   justify-content: center;
}

#calc_teeth .calc_teeth_row > div:first-child {}

#calc_teeth .calc_teeth_row > div:last-child {
   position: relative;
   flex-direction: column;
}

#calc_teeth .calc_teeth_mess {
   font-size: 20px;
   height: 40px;
   line-height: 40px;
   color: red;
}

.image_teeth {
   width: 308px;
   height: 418px;
   background-image: url(image/teeth.png);
   position: relative;
}

.teeth_11 {
   width: 40px;
   height: 44px;
   left: 113px;
   top: 12px;
}

.img_teeth_11 {
   width: 40px;
   height: 44px;
}

.teeth_47 {
   width: 50px;
   height: 46px;
   left: 30px;
   top: 217px;
}

.img_teeth_47 {
   width: 50px;
   height: 46px;
}

.teeth_34 {
   width: 36px;
   height: 32px;
   left: 208px;
   top: 331px;
}

.img_teeth_34 {
   width: 36px;
   height: 32px;
}

.teeth_35 {
   width: 39px;
   height: 32px;
   left: 216px;
   top: 302px;
}

.img_teeth_35 {
   width: 39px;
   height: 32px;
}

.teeth_36 {
   width: 51px;
   height: 49px;
   left: 218px;
   top: 256px;
}

.img_teeth_36 {
   width: 51px;
   height: 49px;
}

.teeth_27 {
   width: 51px;
   height: 45px;
   left: 229px;
   top: 155px;
}

.img_teeth_27 {
   width: 51px;
   height: 45px;
}

.teeth_31 {
   width: 23px;
   height: 24px;
   left: 156px;
   top: 375px;
}

.img_teeth_31 {
   width: 23px;
   height: 24px;
}

.teeth_32 {
   width: 26px;
   height: 28px;
   left: 177px;
   top: 368px;
}

.img_teeth_32 {
   width: 26px;
   height: 28px;
}

.teeth_33 {
   width: 29px;
   height: 31px;
   left: 196px;
   top: 356px;
}

.img_teeth_33 {
   width: 29px;
   height: 31px;
}

.teeth_24 {
   width: 42px;
   height: 31px;
   left: 208px;
   top: 63px;
}

.img_teeth_24 {
   width: 42px;
   height: 31px;
}

.teeth_25 {
   width: 43px;
   height: 32px;
   left: 218px;
   top: 89px;
}

.img_teeth_25 {
   width: 43px;
   height: 32px;
}

.teeth_26 {
   width: 48px;
   height: 48px;
   left: 223px;
   top: 115px;
}

.img_teeth_26 {
   width: 48px;
   height: 48px;
}

.teeth_17 {
   width: 52px;
   height: 42px;
   left: 24px;
   top: 159px;
}

.img_teeth_17 {
   width: 52px;
   height: 42px;
}

.teeth_21 {
   width: 37px;
   height: 41px;
   left: 150px;
   top: 14px;
}

.img_teeth_21 {
   width: 37px;
   height: 41px;
}

.teeth_22 {
   width: 30px;
   height: 33px;
   left: 183px;
   top: 24px;
}

.img_teeth_22 {
   width: 30px;
   height: 33px;
}

.teeth_23 {
   width: 35px;
   height: 39px;
   left: 199px;
   top: 37px;
}

.img_teeth_23 {
   width: 35px;
   height: 39px;
}

.teeth_37 {
   width: 49px;
   height: 45px;
   left: 228px;
   top: 215px;
}

.img_teeth_37 {
   width: 49px;
   height: 45px;
}

.teeth_12 {
   width: 29px;
   height: 33px;
   left: 88px;
   top: 25px;
}

.img_teeth_12 {
   width: 29px;
   height: 33px;
}

.teeth_13 {
   width: 35px;
   height: 39px;
   left: 68px;
   top: 38px;
}

.img_teeth_13 {
   width: 35px;
   height: 39px;
}

.teeth_14 {
   width: 40px;
   height: 33px;
   left: 53px;
   top: 64px;
}

.img_teeth_14 {
   width: 40px;
   height: 33px;
}

.teeth_15 {
   width: 45px;
   height: 32px;
   left: 40px;
   top: 91px;
}

.img_teeth_15 {
   width: 45px;
   height: 32px;
}

.teeth_16 {
   width: 50px;
   height: 47px;
   left: 30px;
   top: 118px;
}

.img_teeth_16 {
   width: 50px;
   height: 47px;
}

.teeth_41 {
   width: 22px;
   height: 26px;
   left: 133px;
   top: 375px;
}

.img_teeth_41 {
   width: 22px;
   height: 26px;
}

.teeth_42 {
   width: 25px;
   height: 30px;
   left: 109px;
   top: 368px;
}

.img_teeth_42 {
   width: 25px;
   height: 30px;
}

.teeth_43 {
   width: 28px;
   height: 31px;
   left: 87px;
   top: 357px;
}

.img_teeth_43 {
   width: 28px;
   height: 31px;
}

.teeth_44 {
   width: 37px;
   height: 33px;
   left: 67px;
   top: 332px;
}

.img_teeth_44 {
   width: 37px;
   height: 33px;
}

.teeth_45 {
   width: 40px;
   height: 32px;
   left: 54px;
   top: 304px;
}

.img_teeth_45 {
   width: 40px;
   height: 32px;
}

.teeth_46 {
   width: 53px;
   height: 48px;
   left: 39px;
   top: 259px;
}

.img_teeth_46 {
   width: 53px;
   height: 48px;
}








.teeth_47,
.teeth_11,
.teeth_34,
.teeth_35,
.teeth_36,
.teeth_27,
.teeth_31,
.teeth_32,
.teeth_33,
.teeth_24,
.teeth_25,
.teeth_26,
.teeth_17,
.teeth_21,
.teeth_22,
.teeth_23,
.teeth_37,
.teeth_12,
.teeth_13,
.teeth_14,
.teeth_15,
.teeth_16,
.teeth_41,
.teeth_42,
.teeth_43,
.teeth_44,
.teeth_45,
.teeth_46 {
   position: absolute;
}




.img_teeth_47,
.img_teeth_11,
.img_teeth_34,
.img_teeth_35,
.img_teeth_36,
.img_teeth_27,
.img_teeth_31,
.img_teeth_32,
.img_teeth_33,
.img_teeth_24,
.img_teeth_25,
.img_teeth_26,
.img_teeth_17,
.img_teeth_21,
.img_teeth_22,
.img_teeth_23,
.img_teeth_37,
.img_teeth_12,
.img_teeth_13,
.img_teeth_14,
.img_teeth_15,
.img_teeth_16,
.img_teeth_41,
.img_teeth_42,
.img_teeth_43,
.img_teeth_44,
.img_teeth_45,
.img_teeth_46 {
   opacity: 0;
   -webkit-transition: 0.2s;
   transition: 0.2s;
   cursor: pointer;
}





.img_teeth_47:hover,
.img_teeth_11:hover,
.img_teeth_34:hover,
.img_teeth_35:hover,
.img_teeth_36:hover,
.img_teeth_27:hover,
.img_teeth_31:hover,
.img_teeth_32:hover,
.img_teeth_33:hover,
.img_teeth_24:hover,
.img_teeth_25:hover,
.img_teeth_26:hover,
.img_teeth_17:hover,
.img_teeth_21:hover,
.img_teeth_22:hover,
.img_teeth_23:hover,
.img_teeth_37:hover,
.img_teeth_12:hover,
.img_teeth_13:hover,
.img_teeth_14:hover,
.img_teeth_15:hover,
.img_teeth_16:hover,
.img_teeth_41:hover,
.img_teeth_42:hover,
.img_teeth_43:hover,
.img_teeth_44:hover,
.img_teeth_45:hover,
.img_teeth_46:hover {
   opacity: 1;
   -webkit-transition: 0.2s;
   transition: 0.2s;
}

.calc_teeth_itog_table {
   width: 900px;
   margin: 0 auto;
}

#calc_teeth .alt_text {
   position: absolute;
   display: block;
   background: #fff;
   width: 250px;
   padding: 7px;
   border: 3px solid #48b4e2;
   border-radius: 5px;
   top: 50px;
   left: -95px;
   z-index: 5;
}

#calc_teeth .calc_teeth_btn {
   border-radius: 35px;
   background-color: #48b4e2;
   border: 3px solid #48b4e2;
   color: #fff;
   font-family: "Roboto", sans-serif;
   font-size: 22px;
   font-weight: 600;
   padding: 15px 25px;
   text-transform: uppercase;
   outline: none;
}

#calc_teeth .calc_teeth_btn:hover {
   background-color: #fff;
   color: #48b4e2;
}

#calc_teeth .table_teeth_rasch td {
   padding: 5px 20px;
   border: 2px solid #fff;
}

#calc_teeth .table_teeth_rasch th {
   padding: 7px 20px;
   border: 2px solid #fff;
}

#calc_teeth .table_teeth_rasch tr {
   background-color: #e0eff5;
}

#calc_teeth .table_teeth_rasch tr:first-child {
   background-color: #48b4e2;
   color: #fff;
   font-size: 20px;
   font-weight: bold;
}

.desc_row_display_none {
   display: none;
}

#calc_teeth .calc_teeth_itog_table .mobail_title {
   background: #48b4e2;
}



#form_calc_teeth{
   width: 500px;
   margin: 0 auto;
}

#form_calc_teeth input{
   width: 100%;
}

#form_calc_teeth>div{
   display: flex;
   flex-direction: column;
}

#form_calc_teeth #calc_button_send{
   border-radius: 35px;
   background-color: #48b4e2;
   border: 3px solid #48b4e2;
   color: #fff;
   font-family: "Roboto", sans-serif;
   font-size: 20px;
   font-weight: 600;
   padding: 9px 15px;
   text-transform: uppercase;
   outline: none;
}

#form_calc_teeth #calc_button_send:hover {
   background-color: #fff;
   color: #48b4e2;
}

@media (max-width:1400px) {
   #calc_teeth .calc_teeth_row {
       margin: 0 200px;
   }
}

@media (max-width:1200px) {
   #calc_teeth .calc_teeth_row {
       margin: 0 100px;
   }
}

@media (max-width:960px) {
   #calc_teeth .calc_teeth_row {
       margin: 0;
       flex-direction: column;
   }

   #calc_teeth .calc_teeth_row > div {
       width: 100%;
   }

   #calc_teeth h2 {
       text-align: center;
       font-size: 2.8em;
       color: #48b4e2;
       font-weight: 800;
       margin: 0 auto 50px !important;
   }

   #calc_teeth .calc_teeth_btn {
       font-size: 20px;
       padding: 15px 20px;
   }

   .calc_teeth_itog_table {
       width: 100%;
       padding: 0px 10px;
   }

   .mob_display_none {
       display: none;
   }

   .desc_row_display_none {
       display: table-row;
   }

   #calc_teeth .table_teeth_rasch td {
       padding: 5px 10px;
       text-align: center;
   }
   
   #form_calc_teeth{
   width: 320px;
   margin: 0 auto;
}
}