*{-webkit-transition: all 0.25s;-moz-transition: all 0.25s;-o-transition: all 0.25s;transition: all 0.25s;}
html {height:100vh;overflow:hidden;min-width:400px}
body {height:100%;background:#f4f6f8;font-family:'Segoe UI',Calibri,Optima,Candara,Arial;min-width:400px;margin:0;overflow:hidden;max-height:100%!Important}
form {height:100%;overflow:hidden}
.footer {width:100%;height:30px;background:#f4f6f8;font-size:12px;color:#818181;z-index:1;border:none}
.footer .right {float:right;padding:5px 0;margin-right:30px}
.footer .right a {color:#818181}
.footer .left {float:left;padding:5px 0;margin-left:30px}
.f-detail {display:none;width:100%;height:100%;font-size:16px;box-shadow:0 1px 0 0 #d7d8db, 0 0 0 1px #e3e4e8}
.f-detail .support {width:400px;padding:30px;border-right:1px solid #e0e0e0}
.f-detail .client {width:400px;padding:30px;border-right:1px solid #e0e0e0}
.f-detail .more {width:400px;padding:40px 30px}
.f-detail h2 {font-size:18px}
.f-detail a {font-family:'Segoe UI',Calibri,Optima,Candara,Arial;color:#ff5722}
.f-detail a:visited {color:#ff5722}
.f-detail .more a {color:#515151;text-decoration:none}
.f-detail a:hover {color:#dd2c00}
.f-detail .p-h {display:inline;color:#818181;margin:0 10px 0 0}
.f-detail .p-h ~ p {display:inline}
.f-detail .p-i {color:#818181;margin:20px 0;display:block!important}
.f-detail .copyright {color:#818181;position:absolute;right:30px;bottom:8px;font-size:12px}
.opt-link{font-family:'Segoe UI',Calibri,Optima,Candara,Arial;color:#ff5722;font-size:14px}
.opt-link:visited {color:#ff5722}
.opt-link:hover {color:#dd2c00}
.page-content {height:auto;display:inline-block;width:100%;min-height:calc(100% - 30px)}
a {font-family:'Segoe UI',Calibri,Optima,Candara,Arial;color:#515151}
a.dxeHyperlink {font-family:'Segoe UI',Calibri,Optima,Candara,Arial;color:#ff5722}
a.dxeHyperlink:visited {color:#ff5722}
a.dxeHyperlink:hover {color:#dd2c00}
.dxeBase {font:14px 'Segoe UI',Calibri,Optima,Candara,Arial;color:#515151}
.headMenu {width:100%;height:50px;background:#f4f6f8;position:fixed;top:0;left:0;box-shadow:0 10px 10px #f4f6f8}
.flex {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}
.logo {width:auto;height:100%;padding:5px 0 5px 15px}
.logo svg {width:40px;height:40px}
.headMenu-content {position:absolute;left:50%;transform:translateX(-50%);top:0;height:100%;width:auto}
.headMenu-content div {height:100%;width:auto;line-height:1.4;cursor:pointer}
.headMenu-content div:hover a {color:#ff5722}
.headMenu-content div a {padding:15px;font-size:14px;display:block;text-decoration:none}
.headMenu-content div a:hover {color:#ff5722}
.v-now a {color:#ff5722}
.headMenu-lang {position:absolute;right:0;top:0;width:auto}
.headMenu-lang .dxeButtonEdit {border:none;margin:9px;border-color:#fafafa;border-spacing:0}
.headMenu-lang .dxeButtonEdit td {background-color:#FFF;border-color:#FFF}
.headMenu-lang input[type="text"].dxeEditAreaSys, .headMenu-lang .dxeButtonEditSys td.dxic {display:none}
.headMenu-lang div {height:100%;width:auto;line-height:1.4;cursor:pointer}
.headMenu-lang div:hover a {color:#ff5722}
.headMenu-lang div a {height:100%;padding:14px;font-size:14px;display:block;text-decoration:none}
.headMenu-lang div a:hover {color:#ff5722}
.content-base {height:100%;width:100%;background:#f4f6f8;overflow:hidden;min-width:400px}
.info {width:calc(50% - 105px);padding:50px}
.content {height:calc(100% - 50px);overflow:auto}
.auth-fields {padding:50px 80px;background:#FFF;margin:30px auto 15px auto;box-shadow:0px 0px 4px rgba(178,193,198,.15);border-radius:8px;width:500px}
#Contact .auth-fields {margin:40px auto}
.dxpc-shadow {box-shadow:0 4px 16px rgba(0, 0, 0, 0.1);}
.form-field .dxeCaptionCell {font-family:'Segoe UI',Calibri,Optima,Candara,Arial;font-size:16px;color:#818181;padding:1px}
.form-field .dxeTextBox {font-family:'Segoe UI',Calibri,Optima,Candara,Arial;font-size:16px;margin:10px 0;padding:0 10px;border-radius:2px;border:1px solid #e0e0e0;height:34px}

.form-field .dxeTextBox:hover, .form-field .dxeFocused {border:1px solid #bdbdbd}
.form-field .dxeMemo {font-family:'Segoe UI',Calibri,Optima,Candara,Arial;font-size:16px;margin:10px 0;padding:0 10px;border-radius:2px;border:1px solid #e0e0e0}
.form-field .dxeMemo:hover, .form-field .dxeFocused {border:1px solid #bdbdbd}
.form-field .dxeNullText .dxeEditArea {color:#9e9e9e}
.form-field .dxeErrorFrameWithoutError {border:none}
.form-field .dxeErrorFrameWithoutError.dxeControlsCell {padding:0px}
.form-field .dxh1 {border:1px solid #f44336!important;background-color:#FFF!important}
.form-field .dxh1:hover {border:1px solid #bdbdbd;}
.form-field .dxh1:focus {border:1px solid #bdbdbd;}
.form-field .dxeMemoEditAreaSys.dxh1 {border:none;background-color:#FFF!important}
.form-field .dxeButtonEditSys {font-family:'Segoe UI',Calibri,Optima,Candara,Arial;font-size:16px;margin:10px 0;padding:0 6px;border-radius:2px;border:1px solid #e0e0e0;height:34px}
.form-field .dxeButtonEditSys:hover, .form-field .dxeFocused {border:1px solid #bdbdbd}
.form-field .dxeButtonEditButton {border:none;background:#FFF}
.client-info {margin:0 0 30px;color:#ff5722;font-size:16px;text-align:center;font-weight:500;cursor:default}
.client-info-img {margin:0 0 15px;color:#ff5722;border:none;border-radius:5px;text-align:center;background:#FFF;cursor:default}
.dxeMemoEditAreaSys, input[type="text"].dxeEditAreaSys, input[type="password"].dxeEditAreaSys {color:#515151}
.opt-calendar {border:1px solid #e0e0e0;color:#515151;font:14px 'Segoe UI',Calibri,Optima,Candara,Arial;width:350px}
.opt-calendar .dxeCalendarHeader {border: 1px solid #fafafa;background-color:#fafafa;border-bottom: 1px solid #e0e0e0}
.opt-calendar .dxeCalendarFooter {border: 1px solid #fafafa;background-color:#fafafa;border-top: 1px solid #e0e0e0}
.dxeCalendarButton {background:#fafafa;border-color:#fafafa;border-radius:2px}
.dxeCalendarButton:hover {background:#f2f2f2;border-color:#f2f2f2}
.dxeCalendarFastNavMonth, .dxeCalendarFastNavYear {color:#515151;font-family:'Segoe UI',Calibri,Optima,Candara,Arial;font-size:14px}
.dxeCalendarFastNavMonthSelected, .dxeCalendarFastNavYearSelected {color:#FFF;font-family:'Segoe UI',Calibri,Optima,Candara,Arial;font-size:14px}
.dxeCalendarFastNav {border: none;color:#515151;font:14px 'Segoe UI',Calibri,Optima,Candara,Arial}
.dxeCalendarFastNavFooter {color:#515151;font:14px 'Segoe UI',Calibri,Optima,Candara,Arial;border: 1px solid #fafafa;background-color:#fafafa;border-top: 1px solid #e0e0e0}
.dxpcDropDown, .dxeDropDownWindow {color:#515151;font:14px 'Segoe UI',Calibri,Optima,Candara,Arial;border:none}
.dxeListBox {border:none}
.dxeListBoxItem {border-bottom:1px solid #fafafa;font:14px 'Segoe UI',Calibri,Optima,Candara,Arial;color:#515151}
.dxeListBoxItemSelected {background-color:#f1f1f1}
.login-btn {height:40px;width:100%!important; background:#fafafa;border:1px solid #e0e0e0;outline:none;color:#515151;font-family:'Segoe UI',Calibri,Optima,Candara,Arial;font-size:16px;border-radius:4px;padding:0}
.login-btn .btn-content{margin:0 auto;}
.login-btn:hover {background:#f4f4f4;outline:none}
.login-btn:active {box-shadow:inset 0 0 1px rgba(0,0,0,.1),inset 0 1px 3px rgba(0,0,0,.1),0 1px rgba(255,255,255,.1);background-color:#f4f4f4;outline:none}
.btn-disable{background:#cfcfcf;border:1px solid #cfcfcf;color:#515151}
.btn-disable:hover{background:#cfcfcf;border:1px solid #cfcfcf}
.btn-disable:active{box-shadow:none;border:1px solid #cfcfcf;background-color:#cfcfcf}
.form-field-recov p {margin:0 10px 0 1px;color:#818181;font-size:14px}
.form-field-recov a {font-size:14px;cursor:pointer;text-decoration:underline}
.login-err {margin:5px 1px 5px 0;border:1px solid #f34334;background-color:rgba(243,67,52,.1);padding:10px;border-radius:4px}
.login-err span {color:#515151;font-size:14px}
td.login-err {padding:10px!important;border-collapse:collapse;border:none}
.login-err.green {border:1px solid #4eae54;background-color:rgba(78,174,84,.1)}
.dxvsValidationSummary td.login-err a.dxvsHL, .dxvsValidationSummary td.login-err a.dxvsHL:visited {color:#515151;font-size:14px}
.dxvsValidationSummary a.dxvsHL {border-bottom:1px dashed #aaaaaa}
.form-field-captcha .dxca-imageDiv {border-radius:2px;margin-left:2px}
.form-field-captcha .dxcaRefreshButton {font-family:'Segoe UI',Calibri,Optima,Candara,Arial;color:#ff5722}
.form-field-captcha .dxcaRefreshButton:visited {color:#ff5722}
.form-field-captcha .dxcaRefreshButton:hover {color:#dd2c00}
.form-field-captcha .dxcaTextBoxCellNoIndent {padding:0!important}
.form-field-captcha .dxeErrorFrameWithoutError.dxeControlsCell {padding:0}
.form-field-captcha .dxeInvalid {border:1px solid #f44336}
.form-field-legal {color:#515151;font-size:14px;margin-left:1px}
.form-field-legal a {color:#ff5722}
.form-field-legal a:visited {color:#ff5722}
.form-field-legal a:hover {color:#dd2c00}
.form-field-legal .input-checkbox-lbl {margin:0; padding:0}
.article {width:calc(90% - 100px);margin:0 auto}
.about-head {margin:40px auto 30px;width:calc(100% - 100px);background:#f5f5f5;padding:50px 50px 30px;border-radius:2px;max-width:1100px}
.h-art-1 {color:#515151;font-size:22px;margin:0 auto;width:700px;text-align:center;font-weight:normal;text-transform:uppercase;font-weight:400;float:none;line-height:1.4;padding:0}
strong {font-weight:400}
.h-art-2 {color:#515151;font-size:18px;margin:25px auto 0;width:700px;text-align:center;font-weight:normal;text-transform:uppercase;float: none;padding:0}
.logo-big {margin:0 auto 15px;width:200px}
.logo-big svg {width:200px;height:50px;fill:#aab3bc}
.telegram {margin:0 auto 20px;width:140px}
.telegram a {display:flex}
.telegram div {color:#aab3bc;padding:6px 10px 6px 0}
.telegram svg {width:32px;height:32px;fill:#aab3bc}
.about-art-0 {width:100%;margin:0;background:#fff;padding:1px 0 0;box-shadow:0px 0px 4px rgba(178,193,198,.15);border-radius:8px;max-width:1200px;margin:0 auto;overflow:hidden}
.about-art-1 {width:100%;margin:0;background:#f5f5f5}
.h-art-3 {color:#ff5722;font-size:22px;margin:60px auto 0;width:700px;text-align:center;text-transform:uppercase;font-weight:400;padding:0}
.h-art-3-1 {color:#515151;font-size:18px;margin:20px auto 30px;width:700px;text-align:center}
.about-art-0 .h-art-3-1 {margin:20px auto 0;}
.about-art-1 div {width:100%;background:#FFF;box-shadow:0px 0px 4px rgba(178,193,198,.15);border-radius:8px;max-width:1200px;margin:0 auto;padding:50px}
.about-art-0 div {width:100%;background:#FFF;padding:50px}
.about-art-1 div img, .about-art-0 div img {width:100%;border:1px solid #f4f6f8;border-radius:4px}
.about-art-1 .no-border img {border:1px solid #FFF}
.about-footer {margin:50px auto 50px;width:100%;background:#f5f5f5;height:200px}
.about-footer .h-art-1 {font-weight:600}
.contact {margin:50px auto;width:calc(100% - 100px);background:#FFF;padding:50px;box-shadow:0px 0px 4px rgba(178,193,198,.15);border-radius:2px;max-width:1100px}
.contact-form {width:50%}
.mess {color:#515151;font-size:18px;padding-bottom:20px;display:block}
.err {color:#f44336}
.dxbButton div.dxb {padding:7px 0}
.margin-bot-15 {margin-bottom:15px}
.text-header {color:#ff5722;font-size:16px;font-weight:600;margin-bottom:15px}

input[type="date"]::-webkit-calendar-picker-indicator {
    color: rgba(0, 0, 0, 0);
    opacity: 1;
    display: block;
    background: url(../../Style/img/IconButtonsDown.png) no-repeat;
    background-size: 8px;
    padding: 0 0;
}

.legalblock {margin:0 auto;padding:20px;width:800px}

/*816px высота - порог для страницы Связаться*/


@media (min-width:768px) and (max-width:1024px){
    .h-art-1, .h-art-2, .h-art-3, .h-art-3-1 {width:600px}
    .about-art-1 div img {margin:0;width:100%;border:0}
    .article {width:90%}
    .footer .right a {display:none}
    .footer:hover {height:400px}
    .footer:hover .f-detail {display:block}
    .f-detail {box-shadow:none}
    .f-detail .more {position:absolute;top:35px;right:10px;width:auto}
    .f-detail .support {width:80%;padding:20px 20px 0 20px;border:none}
    .f-detail .client {width:80%;padding:20px;border:none}
    .f-detail .p-i {font-size:14px;word-break:break-word;max-width:360px}
}

@media (min-height:768px) and (max-height:801px){
    .auth-fields {margin:30px auto 15px}
    .h-art-3 {margin:30px auto 0}
}
@media (min-height:600px) and (max-height:767px){
    .auth-fields {margin:20px auto 15px;padding:25px 80px}
    .form-field .dxeTextBox {margin:5px 0}
    .h-art-3 {margin:30px auto 0}
    .about-head {margin:10px auto;padding:30px}
}

.dxWeb_edtCheckBoxChecked{width:100%;height:100%;min-height:14px;min-width:14px;margin:0;vertical-align:middle;background:url(../../Style/img/IconRadioButtonCheck.png) center center no-repeat;cursor:pointer;border:none;outline:none}
.dxWeb_edtCheckBoxUnchecked{width:100%;height:100%;min-height:14px;min-width:14px;margin:0;vertical-align:middle;background:url(../../Style/img/IconRadioButtonUnCheck.png) center center no-repeat;cursor:pointer;border:none;outline:none}
.dxWeb_edtCheckBoxGrayed{width:100%;height:100%;min-height:14px;min-width:14px;margin:0;vertical-align:middle;background:url(../../Style/img/IconRadioButtonGrayed.png) center center no-repeat;cursor:pointer}
.dxWeb_edtCheckBoxCheckedDisabled{width:100%;height:100%;min-height:14px;min-width:14px;margin:0;vertical-align:middle;background:url(../../Style/img/IconRadioButtonCheckDisable.png) center center no-repeat;cursor:pointer;border:none;outline:none}
.dxWeb_edtCheckBoxUncheckedDisabled{width:100%;height:100%;min-height:14px;min-width:14px;margin:0;vertical-align:middle;background:url(../../Style/img/IconRadioButtonUnCheckDisable.png) center center no-repeat;cursor:pointer;border:none;outline:none}
.dxWeb_edtCheckBoxGrayedDisabled{width:100%;height:100%;min-height:14px;min-width:14px;margin:0;vertical-align:middle;background:url(../../Style/img/IconRadioButtonGrayedDisable.png) center center no-repeat;cursor:pointer}
.dxichTextCellSys {color:#818181}
.dxbDisabled {background:#e3e4e8}

.user-auth {width:100%;cursor:pointer;background:rgba(78,174,84,.1);border-radius:4px;overflow:hidden;position:relative}
.user-auth-info {width:100%;padding:12px 15px;}
.user-auth-info .dxeCaption {font-size:16px;font-weight:bold;display:block}
.user-auth-info .description {display:block;margin-top:5px;font-size:14px}
.user-auth .menu-user-img-small {height:70px;}

.input-text, .input-text:disabled {background:transparent!important}

@media only screen and (min-width:280px) and (max-width:767px){
    html {height: 100%;overflow:unset;width:100%;min-width:unset}
    body {overflow:auto;width:100%}
    form {width:100%;height:auto}
    .headMenu {height:94px;position:relative;top:0;left:0}
    .headMenu-content {top:45px;height:50%}
    .content-base {margin-top:0;height:auto}
    .content {height:auto;position:relative;overflow:hidden}
    .page-content {margin-bottom:25px}
    .footer .right a {display:none}
    .footer:hover {height:400px}
    .footer:hover .f-detail {display:block}
    .f-detail {box-shadow:none}
    .f-detail .more {display:none}
    .f-detail .support {width:100%;padding:20px 20px 0 20px;border:none}
    .f-detail .client {width:100%;padding:20px;border:none}
    .f-detail .p-i {font-size:14px;word-break:break-word;max-width:360px}
    .auth-fields, .about-head {padding:20px 30px;margin:20px auto;width:100%}
    .dxca-imageDiv, .dxcaTextBoxCellNoIndent .dxeIPadSys {width:320px!important}
    .article {width:100%}
    .h-art-1, .h-art-2, .h-art-3, .h-art-3-1 {width:300px;font-size:18px}
    .h-art-3 {margin:30px auto 0}
    .about-art-1 div, .about-art-0 div {padding:0;overflow:hidden}
    .legalblock {margin:0;padding:20px;width:100%}   
    .headMenu-content div a {padding:10px;white-space:nowrap}
}

.form-field .input-text {font-size:16px;height:36px}
.form-field .dxeCaption {font-size:16px;}
.dropdown-block-value span {font-size:16px}
.form-field .dropdown-block {height:36px;padding:7px 8px}
.dropdown-menu-item-input.input-text {height:auto;padding:0;min-height:0px}
.headMenu-lang .dropdown-block-value span {font-size:14px}