/* cyrillic-ext */
@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 400;
    src: local('PT Sans'), local('PTSans-Regular'), url('/css/fonts/pt-sans/JX7MlXqjSJNjQvI4heMMGvY6323mHUZFJMgTvxaG2iE.woff2') format('woff2');
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 400;
    src: local('PT Sans'), local('PTSans-Regular'), url('/css/fonts/pt-sans/vtwNVMP8y9C17vLvIBNZI_Y6323mHUZFJMgTvxaG2iE.woff2') format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 400;
    src: local('PT Sans'), local('PTSans-Regular'), url('/css/fonts/pt-sans/9kaD4V2pNPMMeUVBHayd7vY6323mHUZFJMgTvxaG2iE.woff2') format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 400;
    src: local('PT Sans'), local('PTSans-Regular'), url('/css/fonts/pt-sans/ATKpv8nLYAKUYexo8iqqrg.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 700;
    src: local('PT Sans Bold'), local('PTSans-Bold'), url('/css/fonts/pt-sans/kTYfCWJhlldPf5LnG4ZnHCEAvth_LlrfE80CYdSH47w.woff2') format('woff2');
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 700;
    src: local('PT Sans Bold'), local('PTSans-Bold'), url('/css/fonts/pt-sans/g46X4VH_KHOWAAa-HpnGPiEAvth_LlrfE80CYdSH47w.woff2') format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 700;
    src: local('PT Sans Bold'), local('PTSans-Bold'), url('/css/fonts/pt-sans/hpORcvLZtemlH8gI-1S-7iEAvth_LlrfE80CYdSH47w.woff2') format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 700;
    src: local('PT Sans Bold'), local('PTSans-Bold'), url('/css/fonts/pt-sans/0XxGQsSc1g4rdRdjJKZrNPk_vArhqVIZ0nv9q090hN8.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}
input {-webkit-appearance: none; -moz-appearance: none;}
.float-wrap {overflow:hidden}
.abs-wrap { position:relative;}
.hidden { display:none; }

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

a {text-decoration: none; color: #000; -webkit-tap-highlight-color: rgba(0,0,0,0);}
a:hover {text-decoration: none; color: #000; -webkit-tap-highlight-color: rgba(0,0,0,0);}
a:active {text-decoration: none; color: #000; -webkit-tap-highlight-color: rgba(0,0,0,0);}


html {width:100%; min-height: 100%}
body {min-height:100%; color:#010101; font-family: 'PT Sans', Arial, Tahoma, sans-serif;; overflow-y:hidden; padding-top: 43px;}
body.blue-bg {background-size: cover; color: #fff;}
.site-wrap {width: 90%; margin: 0 auto;}
#debug {position: fixed; top: 20px; right: 20px; z-index: 1000; padding: 20px; background: #fff; font-size: 12px; line-height: 16px; color: #222; max-height: 400px; overflow-y: auto;}

.white-button {display: block; font-size: 14px; font-weight: 800; line-height: 1; letter-spacing: 1px; text-transform: uppercase; text-align: center; padding: 11px 0; color: #00b7f7; background: #fff; border-radius: 4px;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -ms-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;}
.white-button:hover {color: #00b7f7; background: #f7f7f7;}

.login-screen-wrap {margin-top: 60px;}
.login-screen-logo-wrap {width: 120px;  height: 70px; margin: 0 auto;}
.login-screen-logo {display: block; width: 120px; height: 70px;}

.login-form-wrap {width: 210px; margin: 75px auto 0;}
.login-form-line {margin-bottom: 13px;}
.login-form-input {display: block; width: 90%; padding: 11px 5%; background: #fff; border: none; border-radius: 4px; font-size: 14px; line-height: 1;}
.login-form-line-tip {margin-top: 21px; text-align: center;}
.remind-password { color: #034253; font-size: 11px; letter-spacing: 1px; text-decoration: underline; font-weight: 300;}

.blue-modal-window-wrap {position: fixed; z-index: 10000; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(1, 0, 0, 0.5);}
.blue-modal-window {position: fixed; left: 50%; top: 50%; z-index: 1000; margin-top: -100px; width: 360px; border-radius: 3px; background: #00b7f7;}
.blue-modal-window.authorize-window {margin: -180px 0 0 -180px;}
.blue-modal-window-shade {position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 900;}
.blue-modal-window-inner {padding: 0 10px 15px; font-size: 13px; line-height: 20px; color: #fff;}
.blue-modal-window-close {position: absolute; top: 10px; right: 10px; cursor: pointer;}
.blue-modal-window-text {padding-top: 10px; text-align: center;}
.blue-modal-window-button {display: inline-block; width: 100%; padding: 5px 0; font-size: 13px; text-align: center; background: #fff; color: #00b7f7; border-radius: 3px;}
.blue-modal-window-button:hover {color: #00b7f7;}
.blue-modal-window-input {display: inline-block; width: 100%; padding: 5px 0; font-size: 13px; text-align: center; background: #fff; color: #000; border-radius: 3px;  border: none;}
.blue-modal-window-white-link {color: #fff;}
.blue-modal-window-white-link:hover {color: #fff;}
.blue-modal-window-white-link.yes-no {display: inline-block; width: 80px; margin: 0 10px; padding-bottom: 2px; font-size: 16px; border-bottom: 1px solid transparent;}
.blue-modal-window-white-link.yes-no:hover {border-bottom: 1px solid #fff;}





.new-modal-window {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 1000;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    width: 500px;
    height: auto;
    margin: -250px 0 0 -250px;
}
.new-modal-window-head {
    height: 35px;
    max-height: 35px;
    min-height: 35px;
    background: #2659a5;
    color: #fff;
}

.error-window .new-modal-window-head {
    background: #ff2851;
}

.confirm-window .new-modal-window-head {
    height: 55px;
    max-height: 55px;
    min-height: 55px;
}

.new-modal-window-title {
    font-size: 14px;
    line-height: 35px;
    letter-spacing: 0.3px;
    text-align: center;
    padding-left: 10px;
}

.confirm-window .new-modal-window-title {
    line-height: 85px;
}

.new-modal-window-actions {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 0;
}


.new-modal-window-actions-icon {
    display: inline-block;
    width: 35px;
    height: 35px;
    fill: #fff;
    background: #3ba4dc;
}

a:hover .new-modal-window-actions-icon {
    background: #41b4f1;
}

.new-modal-window-buttons {
    position: absolute;
    right: 50px;
    top: 0;
    font-size: 0;
}

.new-modal-window-buttons-icon {
    display: inline-block;
    width: 50px;
    height: 50px;
    fill: #fff;
}
a:hover .new-modal-window-buttons-icon {
    background: #41b4f1;
}
.new-modal-window-buttons-icon.save {
    /*background: #93c01f;*/
}
a:hover .new-modal-window-buttons-icon.save {
    /*background: #9dce21;*/
}


.new-modal-window-buttons-icon.info {
    /*background: #93c01f;*/
}
a:hover .new-modal-window-buttons-icon.info {
    /*background: #9dce21;*/
}


.confirm-window .new-modal-window-actions-icon {
background: none;
}

.new-modal-window-content {
background: #fff;
font-size: 12px;
line-height: 13px;
}

.new-modal-window-content-inner-wrap {
padding: 20px 35px 10px;
}

.ki-modal-window-tempate-wrap {

}
.flex-modal-content {
padding: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
min-height: 0;
}

.flex-modal-content .new-modal-window-content,
.flex-modal-content .new-modal-window-content-inner-wrap,
.flex-modal-content .ki-modal-window-tempate-wrap {
padding: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
min-width: 0;
min-height: 0;
}

.new-modal-window-item-line {
height: 31px;
}

.new-modal-window-item-line.confirm-text {
height: auto;
line-height: 18px;
padding: 8px 0;
}

.new-modal-window-item-line.error-text {
height: auto;
font-size: 14px;
line-height: 21px;
padding-bottom: 5px;
}

.new-modal-window-item-line a {
color: #000;
}

.new-modal-window-item-line a:hover {
color: #007acc;
}

.new-modal-window-item-title {
float: left;
width: 50px;
color: #8a939a;
}
.new-modal-window-item-value {
margin-left: 60px;
}
.new-modal-window-item-value-span {
display: block;
}
.new-modal-window-item-value-edit {
margin-top: -2px;
}
.new-modal-window-save-wrap {
margin-top: 14px;
height: 12px;
border-top: 1px solid #d4d3d3;
text-align: center;
padding: 10px 0 0 0;
}

.new-modal-window-save {
color: #007acc;
}

.new-modal-window-big-link {
font-size: 18px;
color: #007acc !important;
}

.new-modal-window-confirm-vars {
margin: 15px 0 23px;
text-align: center;
}

.new-modal-window-confirm-link {
display: inline-block;
vertical-align: top;
margin: 0 13px;
padding: 0 8px;
font-size: 18px;
line-height: 24px;
color: #616161;
border-bottom: 2px solid transparent;
}

.new-modal-window-confirm-link:hover {
color: #007acc;
border-bottom: 2px solid #007acc;
}


.ki-modal-window-form-wrap {
width: 350px;
max-width: 350px;
min-width: 350px;
margin: auto;
}

.ki-modal-window-form-inner-wrap {
margin: auto 50px auto 100px;
}

.ki-modal-window-form-line {
height: 14px;
padding: 13px 0;
}

.ki-modal-window-form-line-label {
float: left;
width: 120px;
font-size: 14px;
font-weight: 700;
color: #585756;
}

.ki-modal-window-form-line-value-wrap {
float: left;
width: 220px;
font-size: 14px;
font-weight: 700;
color: #858586;
}

.ki-modal-window-form-line-value-wrap md-input-container {
margin-top: -5px;
}
.ki-modal-window-form-line-value-wrap .md-select-value {
font-size: 14px;
}

.ki-modal-window-form-line-input {
display: inline-block;
width: 100%;
font-size: 14px;
font-weight: 700;
color: #858586;
border: none;
margin-top: -4px;
border-bottom: 1px solid #D9D9D9;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.ki-modal-window-buttons-wrap {
    height: 35px;
    min-height: 35px;
    max-height: 35px;
}
.ki-modal-window-button {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 35px;
    color: #fff;
    background: #93C022;
    text-align: center;
}
.ki-modal-window-button:hover {
    color: #fff;
    background: #82b81f;
}

.ki-modal-window-button.green {
    color: #fff;
    background: #93C022;
}
.ki-modal-window-button.green:hover {
    color: #fff;
    background: #82b81f;
}

.ki-modal-window-button.blue {
    color: #fff;
    background: #3ba4dc;
}
.ki-modal-window-button.blue:hover {
    color: #fff;
    background: #3993d9;
}

.ki-modal-window-button.two-line-text {
    line-height: 13px;
    padding-top: 5px;
}

.ki-modal-window-button.red {
    color: #fff;
    background: #e63557;
}
.ki-modal-window-button.red:hover {
    color: #fff;
    background: #d82c4a;
}


.inline-input-border-bottom {
border: none;
width: 100%;
background: transparent;
font-size: 12px;
border-bottom: 1px dotted #616161;
text-indent: 10px;
}

.text-center {text-align: center}

.flex-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-width: 0;
min-height: 0;
}

.flex-block {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}

.flex-vertical {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}


.bg-video {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}