/* Start:/local/components/swebs/add.order/templates/new_updt/style.css?17544193819790*/
#orderForm h5 {
  margin-bottom: 10px;
  margin-top: 20px;
}

#orderForm {
  max-width: 800px;
}

.order-create-success {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 14px 20px;
    background: #1b252f;
    border: 1px solid #3c4853;
    color: #fff;
    font-weight: bold;
    margin-bottom: 68px!important;
}

.order-create-fail {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 14px 20px;
    background: #e52421;
    border: 1px solid #e52421;
    color: #fff;
    font-weight: bold;
    margin-bottom: 15px;
}
.nfp-file-title-mobile{
  display:none;
}

.hsubtitle {
  margin-bottom: 15px;
}

.w-40 {
  -ms-flex:0 0 calc(100% / 2.5);
  flex:0 0 calc(100% / 2.5);
  flex-grow: inherit!important;
}

.w-50 {
  -ms-flex:0 0 calc(100% / 2);
  flex:0 0 calc(100% / 2);
  flex-grow: inherit!important;
}

.w-75 {
  -ms-flex:0 0 calc(100% * 0.75);
  flex:0 0 calc(100% * 0.75);
  flex-grow: inherit!important;
}

.enter-password {
  margin-bottom: 0;
  color: red;
  font-size: 14px;
  line-height: 16px;
}

.enter-password-wrapper {
  display: none;
}

/* NEW DESIGN */

.order-top-banner{
 width:100%;
 background:#F5F7F9;
 padding:32px 0 32px 0;
 display:flex;
 flex-wrap:wrap;
 flex-direction:row;
 justify-content:center;
 align-items:center;
}
.order-top-banner-item{
 width:332px;
 margin:0 65px;
 display:flex;
 flex-wrap:nowrap;
 flex-direction:row;
 justify-content:center;
 align-items:flex-start;
}
.order-top-banner-item:first-child{
  margin-left:0px;
}
.order-top-banner-item:last-child{
  margin-right:0px;
}
.otb-count{
 width:50px;
 height:42px;
 font-style: normal;
 font-weight: 600;
 font-size: 42px;
 line-height: 42px;
 color: #24303C;
}
.otb-meta{
 margin-left:16px;
 width:266px;
}
.otb-title{
 font-style: normal;
 font-weight: 500;
 font-size: 16px;
 line-height: 22px;
 margin-bottom:4px;
 color: #24303C;
}
.otb-desc{
 font-style: normal;
 font-weight: 400;
 font-size: 16px;
 line-height: 22px;
 color: #828297;
}
.order-new-wrap{
  width:816px;
  margin:56px auto 72px;
  padding:0;
}
.order-new-wrap h1{
 font-style: normal;
 font-weight: 500;
 font-size: 30px;
 line-height: 32px;
 color: #24303C;
}
.order-new-wrap h1::after{
 margin-left:12px!important;
}
.order-new-back{
 font-style: normal;
 font-weight: 700;
 font-size: 14px;
 line-height: 20px;
 letter-spacing: 0.04em;
 color: #999999;
 padding:10px 16px;
 border:1px solid #EAEAEB;
}
.order-new-back svg{
 margin-right:8px;
}
.order-new-back:hover{
 text-decoration:none;
 color:#999999;
}
.new-form-group{
 width:816px;
 padding:32px 24px 40px;
 border:1px solid #EAEAEB;
 border-width:0 1px 1px 1px;
 background:#fff;
}
.new-form-group:first-child{
 border-width:1px 1px 1px 1px;
}
.new-form-group .nfg-title{
 font-style: normal;
 font-weight: 500;
 font-size: 22px;
 line-height: 30px;
 color:#24303C;
 margin:0 0 22px 0!important;
}
.hfg-meta{
 display:flex;
 flex-wrap:wrap;
 flex-direction:row;
 justify-content:space-between;
 align-items:center;
}
.hfg-left{
 max-width:561px;
 margin:0 0 26px 0;
}
.hfg-meta-title{
 font-style: normal;
 font-weight: 400;
 font-size: 16px;
 line-height: 20px;
 color: #24303C;
 margin:0 0 8px;
}
.hfg-meta-desc{
 font-style: normal;
 font-weight: 400;
 font-size: 13px;
 line-height: 18px;
 color:#999999;
}
.hfg-right{
 width:156px;
}
.hfg-meta-socials{
 overflow:hidden;
}
.hfg-meta-socials .socials a{
 width:36px;
 height:36px;
 margin-right:4px;
}
.order-new-wrap .page-title{
 margin:0 0 20px 0!important;
}
.hfg-right .hfg-meta-desc{
 font-style: normal;
 font-weight: 400;
 font-size: 13px;
 line-height: 20px;
 margin-bottom:4px;
}
.order-new-wrap .required span::after{
 color:#E52421;
}
.order-new-acc{
 font-style: normal;
 font-weight: 700;
 font-size: 14px;
 line-height: 20px;
 color: #999999;
 cursor:pointer;
 margin:9px 0 0;
}
.order-new-acc svg{
 margin-left:9px;
}
.order-new-acc-expand .form-group:last-child{
 margin-bottom:0!important;
}
.order-new-acc-expand{
  height:0;
  overflow:hidden;
  margin-top:16px;
  display:none;
}
.mcp-picker-wrap{
 display:flex;
 flex-wrap:wrap;
 flex-direction:row;
 justify-content:flex-start;
 align-items:flex-start;
}
.mcp-picker-item{
 border:1px solid #EAEAEB;
 background:#FAFAFA;
 color:#24303C;
 font-style: normal;
 font-weight: 500;
 font-size: 13px;
 line-height: 14px;
 margin:0 9px 9px 0;
 padding:8px 23px 8px 8px;
 position:relative;
 cursor:pointer;
}
.mcp-picker-item::after{
 content:'';
 width:10px;
 height:10px;
 position:absolute;
 background:url('/local/templates/main/img/form/plus.svg') center center;
 right:8px;
 top:10px;
}
.mcp-picker-item.active{
 color: #FFFFFF;
 background:#E52421;
}
.mcp-picker-item.active::after{
  background:url('/local/templates/main/img/form/ex.svg') center center;

}

#submit-btn{
 width:100%;
}

.nfp-file-wrap{
 width:100%;
 background:#FAFAFA;
 border:1px dashed #EAEAEB;
 height:171px;
 display:flex;
 flex-direction:column;
 align-items:center;
 justify-content:center;
 flex-wrap:nowrap;
 cursor:pointer;
 margin-bottom:24px;
}
.nfp-file-title{
 font-style: normal;
 font-weight: 400;
 font-size: 16px;
 line-height: 20px;
 text-align:center;
 color: #24303C;
 margin-bottom:6px;
 margin-top:24px;
}
.nfp-file-upld{
 display:inline!important;
 color:#E52421;
 text-decoration:underline;
}
.nfp-file-desc{
 font-style: normal;
 font-weight: 400;
 font-size: 12px;
 line-height: 16px;
 color:#999999;
 width:341px;
 text-align:center;
 margin-bottom:30px;
}
.nfp-file-img{
 width:49px;
 height:35px;
 margin-bottom:24px;
}

.file-upload-new label{
 background:#FAFAFA;
 width:68px!important;
 height:68px!important;
 min-width:68px;
 max-height:68px;
 padding:0!important;
 margin:0!important;
 display:flex;
 justify-content:center;
 align-items:center;
 border:1px dashed #EAEAEB;
}
.file-upload-new label:hover{
 background:#FAFAFA;
 cursor:pointer;
}
.file-upload-new label img{
 width:32px;
 height:23px;
}
.file-upload-new input{
 display:none;
}
.input-gallery__item{
 min-width:68px!important;
 height:68px;
}
.remove__files-item{
 top:0!important;
 left:0!important;
 width:24px!important;
 height:24px!important;
 background:#fff;
 border-radius:50%;
 border:1px solid #EAEAEB;
}
.remove__files-item::before, .remove__files-item::after{
  background:#E52421!important;
  width:12px!important;
  height:1px!important;
}
.input-gallery__item::before{
 display:none;
}
.input-gallery{
 margin-top:6px;
}
.customSelectItem{
 border:1px solid #EAEAEB;
 background:#FAFAFA;
 height: 48px;
 width:79px;
 box-sizing:border-box;
 padding:14px 22px 14px 12px;
 position:relative;
 font-style: normal;
 font-weight: 400;
 font-size: 16px;
 line-height: 20px;
 color: #24303C;
 cursor:pointer;
}
.customSelectItem::after{
 position:absolute;
 content:'';
 height:6px;
 width:10px;
 background:url('/local/templates/main/img/form/up.svg') center center;
 top:calc(50% - 3px);
 right:12px;
}
.customSelectItem.open::after{
  background:url('/local/templates/main/img/form/down.svg') center center;
}
.customSelect{
 position:relative;
}
.customSelectList{
 display:none;
 position:absolute;
 z-index:9999;
 bottom:-116px;
 width:79px;
 padding:8px;
 background:#fff;
 border:1px solid #EAEAEB;
 margin:0;
}
.customSelectList li{
 margin:0;
 padding:0;
 list-style-type:none;
 font-style: normal;
 font-weight: 400;
 font-size: 16px;
 line-height: 20px;
 color: #24303C;
 padding:6px 4px;
}
.customSelectList li:hover{
 background: #EAEAEB;
 cursor:pointer;
}
.customSelectList li.selected{
 color:#E52421;
}
.order-new-acc-expand{
 overflow:visible!important;
}
.phone-mask-new{
  width:calc(100% - 83px);
  float:left;
}
.phone-mask-new1{
  width:calc(100% - 83px);
  float:left;
}
.customSelect{
 width:79px;
 float:left;
 margin-right:4px;
}
.w-35{
 width:35%;
}
.w-15{
 width:15%;
}


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

  .order-top-banner{
    flex-direction:column;
  }
  .order-top-banner-item{
    margin:16px 0;
  }

}

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

  .page-title{
    flex-direction:column;
    align-items:flex-start;
  }
  .page-title .line{
    order:2;
    margin-top:12px;
  }
  .page-title .order-new-back{
    order:1;
  }

  .order-new-wrap{
    margin-top:32px;
  }

}

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

  .order-new-wrap{
    width:100%;
    box-sizing:border-box;
  }

  .page-title{
    padding-left:16px;
    padding-right:16px;
  }

  .new-form-group{
    width:100%;
    padding-left:16px!important;
    padding-right:16px!important;
  }
  .hfg-left{
    margin-bottom:8px;
  }
  .hfg-meta{
    margin-bottom:32px;
  }

  .page-title h1::after{
    content: ''!important;
    display: inline-block!important;
    vertical-align: middle!important;
    width: 34px;
    height: 6px;
    min-height:6px;
    max-height:6px;
    background: #E52421;
    position:absolute;
    bottom:24px;
    left:0;
    margin:0!important;
  }
 .page-title h1{
   padding-bottom:38px;
  }

}

@media screen and (max-width: 600px) {
  .nfp-file-title-mobile{
    display:block;
  }
  .nfp-file-title-desc{
    display:none;
  }
}

.phone-valid{
  border-color:#1B252F;
}
input:focus, textarea:focus{
 border-color:#1B252F;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size:15px;
}
input::-moz-placeholder, textarea::-moz-placeholder { /* Firefox 19+ */
  font-size:15px;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* IE 10+ */
  font-size:15px;
}
input:-moz-placeholder, textarea:-moz-placeholder { /* Firefox 18- */
  font-size:15px;
}
.info-label::after{
  display:none;
}

.phone-mask-new{
 width:calc(100% - 104px);
}
.customSelect,.customSelectList{
 width:100px;
}
.customSelectItem{
 width:100%;
}

/* End */


/* Start:/local/templates/main/components/bitrix/socserv.auth.form/socials/style.min.css?17544193812638*/
.bx-authform-social-popup{display:none;background:#fff;width:auto;padding:15px;font-size:14px;white-space:nowrap}.bx-authform-social-popup form{margin-bottom:0}.bx-authform-social-popup input[type="text"]{display:inline-block;max-width:150px;font-size:18px;height:30px;margin:0;padding:0 4px;border:1px solid #ccd5db;border-radius:2px;background:#f8fafc;outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bx-authform-social ul{padding:5px 0 12px;margin:0 0 15px;display:block}.bx-authform-social ul li{position:relative;display:inline-block;width:35px;height:35px;margin-right:5px}.bx-authform-social ul li .bx-authform-social-icon{display:block;width:35px;height:35px;	background-image: url(/local/templates/main/components/bitrix/socserv.auth.form/socials/images/sprite.png); background-repeat:no-repeat;border-bottom:0}.bx-authform-social ul li .bx-authform-social-icon:hover{opacity:.9}.bx-authform-social ul li .bx-authform-social-icon.box{background-position:0 0}.bx-authform-social ul li .bx-authform-social-icon.dropbox{background-position:-44px 0}.bx-authform-social ul li .bx-authform-social-icon.bitrix24{background-position:-88px 0}.bx-authform-social ul li .bx-authform-social-icon.yandex{background-position:-132px 0}.bx-authform-social ul li .bx-authform-social-icon.openid{background-position:-176px 0}.bx-authform-social ul li .bx-authform-social-icon.odnoklassniki{background-position:-220px 0}.bx-authform-social ul li .bx-authform-social-icon.google{background-position:-264px 0}.bx-authform-social ul li .bx-authform-social-icon.mymailru{background-position:-308px 0}.bx-authform-social ul li .bx-authform-social-icon.mailru2{background-position:-440px 0}.bx-authform-social ul li .bx-authform-social-icon.livejournal{background-position:-352px 0}.bx-authform-social ul li .bx-authform-social-icon.openid-mail-ru{background-position:-440px 0}.bx-authform-social ul li .bx-authform-social-icon.liveid{background-position:-484px 0}.bx-authform-social ul li .bx-authform-social-icon.liveinternet{background-position:-528px 0}.bx-authform-social ul li .bx-authform-social-icon.blogger{background-position:-572px 0}.bx-authform-social ul li .bx-authform-social-icon.vkontakte{background-position:-616px 0}.bx-authform-social ul li .bx-authform-social-icon.twitter{background-position:-660px 0}.bx-authform-social ul li .bx-authform-social-icon.facebook{background-position:-704px 0}.bx-authform-social ul li .bx-authform-social-icon.google-plus{background-position:-748px 0}.bx-authform-social ul li .bx-authform-social-icon.office365{background-position:-792px 0}.bx-authform-social ul li .bx-authform-social-icon.zoom{background-position:-836px 0}
/* End */
/* /local/components/swebs/add.order/templates/new_updt/style.css?17544193819790 */
/* /local/templates/main/components/bitrix/socserv.auth.form/socials/style.min.css?17544193812638 */