footer{margin-top: auto;}
body{display: flex;height: 90vh;flex-direction: column;}
.m_crt-table { margin-right: 45px; }
.m_crt-table .el:last-child { margin-bottom: 0px; }
.crt_ .in > .fld > textarea{height:80px;}
.m_crt-table .dsc .in { margin-top: 25px;}
.m_crt-table .el {margin-bottom: 60px;}
.m_crt-table .fld > textarea,.f_cnt input ,.m_crt-table .el .media ,.chck ,.drp .box ,.drp > a, .drp > button{border: 2px solid #030C7B;}
.m_crt-table .fld > textarea {width:100%; resize:none; padding:15px;color:#030C7B;outline:none; }
.f_cnt { position:relative; max-width:100px; }
.f_cnt .m-btn,.f_cnt .p-btn{min-height:40px;width: 34px;border-radius: 12px; position: absolute;padding-bottom: 2px; font-size: 24px; line-height: 28px; color: #fff; }
.f_cnt .m-btn { left: -12px;} .f_cnt .p-btn { right: -12px;}
.f_cnt .m-btn img { max-width: 20px; }
.f_cnt .m-btn.disabled,.f_cnt .p-btn.disabled { background-color: #8B8C96; pointer-events: none; }
.f_cnt input { text-align: center; height: 40px; outline: none; font-size: 28px; line-height: 34px; }
.m_crt-table .tp > p { width: 240px; margin: 0px; }
.m_crt-table .f_cnt { margin: 0px 45px; }
.m_crt-table .el .media { min-width:120px; max-width:120px; min-height:120px; max-height:120px; position: relative; }
.m_crt-table .el .media img { position: absolute; left:5px; top:5px; width:calc(100% - 10px); height: calc(100% - 10px); object-fit:contain; }
.crt_ { padding: 10px 0px 90px; }
.crt_ .rg { min-width: 440px; max-width: 440px; }
.crt_ .mcrt-box { position: sticky; top: 145px; padding: 30px 15px; }
.crt_ .btns > a { border: 0px; width: 100%; min-height: 58px; border-radius: 12px; padding-left: 15px; margin-top: 20px; padding-right: 15px; }
.crt_ .btns > a span img { max-width: 45px; }
.crt_ .btns > button { min-height: 58px; border-radius: 12px; cursor: pointer; border: 0px; outline: none; }
.crt_ .btns > button span img { max-width: 50px; }
.crt_ .el .media { margin-right: 15px; }
.prd__table .price > span, .prd__table .total > span { white-space: nowrap; margin-left: 15px; }
.ch { display: flex; align-items: center; cursor: pointer; justify-content: flex-start; }
.ch p { margin: 0px; font-size: 18px; line-height: 23px; color: #030C7B; font-weight: 300; }
.ch input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.chck { position: relative; display:inline-flex; width:30px; height:30px; margin-right:12px; }
.chck:after { content: ""; position: absolute; display: none; }
.ch input:checked ~ .chck:after { display: block; }
.ch .chck:after { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: url("../images/chicon.svg") center center /24px no-repeat;}
.drp ul > li { border-bottom: 2px solid #030C7B; }
.drp ul > li:last-child { margin-bottom: 0px; }
.drp ul > li > a { padding: 15px 20px; font-size: 17px; line-height: 21px; }
.drp ul > li > a:hover,.drp ul > li > a.current { background-color: #CC7B1D; color: #fff!important; }
.drp { position: relative; }
.drp .box { left: 50%; transform: translateX(-50%); max-width:640px; background-color:#fff; top: 61px; max-height: 240px; overflow-y:auto;z-index: 3; }
.drp > a, .drp > button { cursor: pointer; width: 100%; background-color: #fff; min-height: 60px; }
.drp > a.opened > img, .drp > button.opened > img { transform: rotate(180deg); }
.drp > a > span, .drp > button > span { padding-left: 15px; padding-right: 35px; font-size:17px; line-height:22px; }
.drp > a > img, .drp > button > img { max-width: 26px; right: 12px; }
.drp.disabled, .f_cnt.disabled { opacity: .5; pointer-events: none; }
.f_cnt > a ,.drp ul li a,.drp > a { cursor: pointer; }
.m-btn, .p-btn {border: 0px; outline: none; padding-bottom: 7px !important; }
@media (max-width: 1200px) {
  .crt_ .dbl { flex-direction: column; }
  .m_crt-table { margin-right: 0px; }
  .crt_ .rg { max-width: 100%;min-width:0px; margin-top: 25px; }
}
@media (max-width: 991px) { 
  .drp > a, .drp > button { min-height: 50px; }
  .drp > a > span, .drp > button > span ,.crt_ .dsc .in > .fld > textarea  { font-size:18px; line-height: 22px; }
  .crt_ {padding-bottom: 55px; }
  .crt_ .tp > p ,.crt_ .tp > span{ font-size: 20px; line-height: 24px; }
  .crt_ .dsc .in > .fld > p { font-size: 19px; line-height: 23px; margin-bottom: 12px; }
  .crt_ .dsc .in > .fld > textarea { padding-top: 11px; }
  .crt_ .f_cnt { margin: 0px 25px; }
}
@media (max-width: 767px) { 
  .drp > a > span, .drp > button > span { padding:12px 55px 12px 10px;}
  .crt_ .tp > span { margin-left: 0px; margin-bottom: 10px; }
  .m_crt-table .el { flex-direction: column; }
  .m_crt-table .el .media { margin-left: auto; margin-right: auto; max-width:180px;min-width: 180px;  margin-bottom: 15px; min-width:180px;min-height: 180px; }
  .crt_ .out .mcrt-box .btns > button, .crt_ .out .mcrt-box .btns > a > p{font-size: 19px; line-height: 22px;}
  .crt_ .out .mcrt-box .btns > button ,.crt_ .out .mcrt-box .btns > a{  min-height: 60px; }
  .crt_ .tp { flex-direction: column; text-align: center; }
  .crt_ .f_cnt { margin: 25px 0px; }
}