body.bd-support{background:#f4f4f4}
body.bd-enterprise{background-color: #e3c0fe;background: linear-gradient(225deg,#e3c0fe,#06d0c5)}
body.bd_demo{background:#f4f4f4}
.enterprise__header{display: inline-block;color: #fff;margin-top: 2rem;margin-left: 0;transition: all 1s ease}
#step10 .enterprise_h2{color: #fff}
body.bd-enterprise #header,body.bd_demo #header{box-shadow:none}
.scr10 #footer-dark{padding-top: 0}
.supportWrap{max-width: 1136px !important}
#step10 input:focus,#step10 textarea:focus{outline:none}
#step10 input:-webkit-autofill{color:#333 !important;background-color:#f4f4f4 !important;-webkit-box-shadow:0 0 0 50px #f4f4f4 inset;transition: background-color 5000s ease-in-out 0s,color 5000s ease-in-out 0s}
#step10{padding:0 40px;position:relative;min-height: calc(100vh - 175px);overflow:hidden}
#step10 .head{margin:0 -40px;padding: 16px 40px 30px 40px;height: 202px;background-size: 100% auto;background-attachment: fixed;overflow:hidden;background: #fff;background: -moz-linear-gradient(top,#fff 0%,#F4F4F4 100%);background: -webkit-linear-gradient(top,#fff 0%,#F4F4F4 100%);background: linear-gradient(to bottom,#fff 0%,#F4F4F4 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff',endColorstr=' #F4F4F4',GradientType=0);text-align: center}
body.bd-enterprise #step10 .head{height:auto;background:none}
#step10 .data{margin-top:-90px;overflow:visible;padding-top:20px}
body.bd-enterprise #step10 .data{margin-top:0}
#step10 h2{font: 100 4.5rem/5rem var(--FONT1);color:#333;transition:all 1s ease 0.3s;letter-spacing: 0.5vw;padding-bottom: 1rem}
.bd-support #step10 h2{white-space: nowrap}
.head_send .support_h2,.head_send .enterprise__header{margin-left: -200vw !important}
#step10 .alt{position:absolute;left: 0;top:-200px;width: 100%;transition:all 0.5s ease;text-align: center}
#step10 .head_send .alt{top:0;transition:all 0.5s ease 0.8s;-webkit-transition:all 0.5s ease 0.8s}
#step10 .alt h3{font: 100 4.5rem/4.5rem var(--FONT1)}
#step10 .enterprise__alt{color:#fff;padding-top:30px}
#step10 .head p{color: #333;font: italic 0.875rem/2rem Georgia;letter-spacing: 0.125vw;transition: all 1s ease 0.3s}
#step10 .enterprise__alt p{color:#fff}
#step10 .head_send p{margin-right: -250vw}
#step10 .head a{color:#0099ff;background:rgba(0, 153, 255, 0.1);padding:4px;border-radius:4px;white-space: nowrap}
#step10 .head a:hover,#step10 .head a:focus{color:#0077DD;background:rgba(0, 119, 221, 0.1);text-decoration: underline;text-decoration-style:dotted}
#step10 i.err{color: var(--MAGENTA);height: 20px;position: absolute;left: 0;bottom: 0}
#step10 .question{background:#fff;position:relative;width: 65%;padding: 40px 48px 48px 48px;border-radius: 20px;box-shadow: rgba(20,30,40,0.10) 0px 16px 64px;transition:all 1s ease;z-index:11;box-sizing: border-box;margin-bottom: 70px}
#step10 .enterpriseQuestion{max-width:600px;margin: 0 auto 70px auto;padding: 40px 0}
#step10 .enterpriseQuestion .iti{display: block;.iti__selected-country{margin-top: -1px}
.iti__selected-dial-code{font-size: 16px}
}
#step10 .question p{padding: 0 0 24px 0;position:relative}
#step10 .user{position:absolute;right:0;top:0;width: 31%;max-width: 352px;padding: 80px 0 30px 0;border-radius:0 0 20px 0;transition:all 1s ease;z-index:10}
#step10 .data_send .question{left:-100%;opacity:0;visibility: hidden;position:absolute}
#step10 .data_send .user{right:-100%;opacity:0}
#step10 .question .input{width:100%;font: 600 20px/40px var(--FONT1);padding: 7px 10px;background:#F4F4F4;border: 1px solid #ddd;box-sizing: border-box}
#step10 .question .textareaWrapper{position: relative}
#step10 .question .textarea{background:#F4F4F4;border: 1px solid #ddd;border-radius: 4px;position: relative}
#step10 .question .textarea .midico_l{margin:0 16px 0 24px}
#step10 .question textarea{width:100%;font: 400 18px/24px var(--FONT1);padding: 13px 10px;resize:none;box-sizing: border-box;border:none;background:transparent;letter-spacing: 0.05rem;overflow: hidden}
#step10 h3{font: 300 18px/20px var(--FONT1);padding: 0 0 0.75rem;letter-spacing: 0.05rem}
.support_label{font: 300 18px/20px var(--FONT1);padding: 0 0 0.75rem;letter-spacing: 0.05rem;display: block}
.support_label.fill{color:#aaa}
#step10 .frm_sm .button .ico_r{margin:2px 0 -2px 10px}
#step10 .frm_sm .button:hover{border-bottom-width:1px}
#step10 .frm_sm .input{width:100%;font: 16px/40px var(--FONT1);padding: 4px 10px;background: transparent;border: none;border-bottom: 2px solid #ddd;box-sizing: border-box}
#step10 .frm_sm .input::-moz-placeholder{color: #999;opacity:1;font:inherit}
#step10 .frm_sm .input::-webkit-input-placeholder{color: #999;opacity:1;font:inherit}
#step10 .frm_sm .input:focus::-moz-placeholder{opacity:0.4}
#step10 .frm_sm .input:focus::-webkit-input-placeholder{opacity:0.4}
#step10 .frm_sm textarea{width: 100%;font:16px/20px var(--FONT1);padding:14px 10px;border:1px solid #eee;background: #f4f4f4;border-radius: 8px;margin: 10px 0;box-sizing: border-box}
#step10 .frm_sm textarea::-moz-placeholder{color: #999;opacity:1;font:inherit}
#step10 .frm_sm textarea::-webkit-input-placeholder{color: #999;opacity:1;font:inherit}
#step10 .frm_sm textarea:focus::-moz-placeholder{opacity:0.4}
#step10 .frm_sm textarea:focus::-webkit-input-placeholder{opacity:0.4}
#step10 .frm_sm p{padding:0 0 20px 0;position:relative}
#step10 div.drop{padding: 0 0 24px 0;position:relative}
#step10 div.drop ul{left: 5px;right: 5px;width:auto;border-radius:4px;z-index:1;top: 48px}
#step10 div.drop ul{padding: 16px 24px 16px;position: absolute;background: #fff;box-shadow: 0 2px 6px rgba(0,0,0,0.1)}
#step10 div.drop ul li{display: block;float: none;font: 1rem/2.125rem var(--FONT1);padding: 2px 0}
#step10 div.drop ul li a{color: #333;display: block}
#step10 div.drop ul li a span{padding: 7px 10px 8px;margin: -8px -10px;border-radius: 20px;transition:background 0.3s}
#step10 div.drop ul li a:hover span{background:var(--CAT_OPAC1)}
#step10 a.drop_{background: #fff;display:block;font:18px/20px var(--FONT1);padding: 17px 15px;border: 1px solid var(--BLUE);box-shadow: 0 0 0px 3px rgba(0, 153, 255, 0.4);border-radius: 4px;position: relative;z-index: 2}
#step10 a.drop_a{background:#eec;box-shadow:none}
#step10 a.drop_ i{font:italic 16px/20px var(--FONT1);color:#555}
#step10 a.drop_ b{color:#000;font-weight:normal}
.supportType{position:relative;margin-bottom: 24px}
.supportType:hover .supportType__icon{fill: var(--BLUE)}
.supportType__icon{position: absolute;transform: rotate(-90deg);right: 13px;width: 22px;height: 22px;top:6px;bottom:0;margin: auto;fill: #555;pointer-events: none}
.supportType__select{border:0;-moz-appearance: none;-webkit-appearance: none;appearance: none;background-color: #ffffff;padding: 0 15px;border: 1px solid var(--BLUE);border-radius: 4px;width:100%;font: italic 16px/20px var(--FONT1);color: #555;height: 56px}
.supportType__select:focus,.bd-support .question .input:focus,.bd-support .question .textarea:focus-within{border: 1px solid var(--BLUE) !important;box-shadow: 0 0 0 3px rgba(0, 153, 255, 0.4)}
.supportType__select--active{font: 600 20px var(--FONT1);color: var(--BLUE);background-color: rgba(0,153,255,0.1)}
.supportType__item{color: #333;background-color: #ffffff;font: 600 20px var(--FONT1)}
#step10 .user p.buts{padding:20px 0 10px 0}
#step10 .drop-zone{margin:0 0 0 60px;padding:10px 0;color:#999}
#step10 #all_attach{margin:10px 0 0 18px}
#step10 .drop-zone a.inline{color:#999;border-bottom:1px dashed #999}
#step10 .drop-zone a.inline:hover{color:#39c;border-bottom:1px dashed #39c}
#step10 .corner{position:absolute;top:-20px;left:0;float:left;border:10px solid #fff;border-color:transparent transparent #fff #fff}
.ico_need{position:absolute;right: 9px;top: 15px;width: 26px;height: 26px;margin: 0;fill: var(--MAGENTA)}
.frm_sm .ico_need{top: 12px;right:5px}
.ico_need_ok{display:none}
#step10 .answer{left:50%;opacity:0;visibility: hidden;clear:both;position:absolute;width:500px;padding:30px 0 40px 0px;top:-200px;border-radius: 20px;margin-left:-265px;transition:all 0.5s ease;text-align:center}
#step10 .head_send .alt p{margin-right: 0}
#step10 .data_send .answer{position:relative;opacity:1;visibility: visible;top:0;transition:all 0.5s ease 0.5s}
#step10 .answer_buttons{display: flex;flex-wrap: nowrap;justify-content: center}
#step10 .button_support{background-color: transparent;font-family: inherit;font-style: normal;font-weight: bold;font-size: 1rem;padding: 0.9rem 5rem;border: 2px solid var(--BLUE);border-radius: 30px;color: #333;margin-bottom: 80px}
#step10 .button_support:hover,#step10 .button_support:focus{background-color:#fff;border-color:var(--BLUE)}
#step10 .button_faq,#step10 .button_login{border-radius: 3rem;color: #fff;font: 500 14px/28px var(--FONT1);display: inline-flex;align-items: center;justify-content: space-between;flex-wrap: nowrap;min-width:42%;box-sizing: border-box;transition: all .5s}
#step10 .button_faq{padding: 0.3rem 1.25rem 0.3rem .5rem;background: var(--BLUE);border: 2px solid var(--BLUE);margin-right: 0.5rem}
#step10 .button_faq:hover,#step10 .button_faq:focus{background:#18c;border-color:#18c}
#step10 .button_login{padding: 0.3rem .5rem 0.3rem 1.25rem;background: var(--MAGENTA);border: 2px solid var(--MAGENTA);margin-left: 0.5rem}
#step10 .button_login:hover,#step10 .button_login:focus{background: var(--CAT_COLOR3);border-color: var(--CAT_COLOR3)}
#step10 .button_login:focus,#step10 .button_faq:focus{transition: box-shadow 0.3s;box-shadow:0 0 0 12px transparent}
#step10 .button_login:active{box-shadow:0 0 0 6px var(--MAGENTA_OPAC2)}
#step10 .button_faq:active{box-shadow:0 0 0 6px rgba(0, 152, 255, 0.2)}
#step10 .answer_buttons svg{fill: #fff;width: 28px;height: 28px;transition:all 0.5s ease}
#step10 .button_login svg{transform: rotate(180deg)}
#step10 .answer_buttons a:hover svg,#step10 .answer_buttons a:focus svg{width:0;height:0}
#step10 .answer_buttons a:hover,#step10 .answer_buttons a:focus{padding-left: 1.25rem;padding-right: 1.25rem}
#step10 .answer_buttons a span{min-width: 0;transition: all 0.5s ease}
#step10 .answer_buttons a:hover span,#step10 .answer_buttons a:focus span{display: block;min-width: 100%;text-align: center}
#step10 .answer .corner{position:absolute;top:-20px;right:0;left:auto;float:left;border:10px solid #fff;border-color:transparent #fff #fff transparent}
#step10 .answer p{font:italic 19px/26px Georgia;color:#666;padding:0 0 30px 0}
button.button_grad{border-radius: 30px;transition: box-shadow 0.3s;box-shadow:0 0 0 12px transparent;font: bold 16px/20px Arial;padding: 18px 24px;height: 20px;background: linear-gradient(to right,#4B9,#09f);background-size: 250% 250%;-webkit-animation: 5s infinite toast-app-has-been-upgraded;animation: 5s infinite toast-app-has-been-upgraded;color: #FFFFFF}
@-webkit-keyframes toast-app-has-been-upgraded{0%,100%{background-position: 10% 0}
50%{background-position: 91% 100%}
}
@keyframes toast-app-has-been-upgraded{0%,100%{background-position: 10% 0}
50%{background-position: 91% 100%}
}
button.button_grad:hover{background: #079}
button.button_grad:active,button.button_grad:focus{transition:none;box-shadow:0 0 0 6px #d6eefe;outline: none}
#step10 .buts{text-align:center}
#step10 button.button_grad{width: 100%;min-width: 220px;height: auto;box-sizing: border-box;text-align:center;margin: 1rem auto}
#step10 button.button_grad svg{fill:#fff;float:right;width:30px;height:30px;margin:-5px 0}
#step10 .frm_sm p.norm{margin:20px 0;font:15px/20px Arial}
#step10 .frm_sm p.norm a{color:#555;border-bottom:1px dashed}
#step10 .frm_sm p.norm a:hover,#step10 .frm_sm p.norm a:focus{color:#09F}
.attachWrapper{position:absolute;bottom:0;width:100%}
#step10 svg.clip{float:left;width: 40px;height: 40px;fill:#09f;margin: 0 5px 0 15px}
.attachWrapper a:focus{border-bottom: 3px solid rgba(0, 153, 255, 0.4)}
#step10 .itm{position:relative;margin:0 0 24px}
#step10 .itm .input ~ label{position: absolute;top: -5px;left: 5px;transition: all 0.1s;opacity: 1;padding: 0 5px;font: 12px/16px Arial;color: #999;cursor:text}
#step10 .itm .input:placeholder-shown ~ label{opacity: 1;top: 14px;font: 16px/20px var(--FONT1)}
#step10 .itm .input:focus ~ label{opacity:1;top:-5px;color: var(--BLUE);font: 12px/16px Arial}
#step10 .itm input.input::-webkit-input-placeholder{opacity:0}
#step10 .itm input.input::-moz-placeholder{opacity:0}
#step10 .itm input.input:focus::-webkit-input-placeholder{opacity:0}
#step10 .itm input.input:focus::-moz-placeholder{opacity:0}
#step10 .itm i{position:absolute;left:0;bottom:0;height:2px;right:0;background: #e5e5e5;-webkit-transition:right 0.3s ease;z-index:1}
#step10 .itm .input:placeholder-shown ~ i{right:100%}
#step10 .itm .input:not(:placeholder-shown) ~ i{background:#333}
#step10 .itm .input:focus ~ i{background: var(--BLUE);right: 0}
#step10 .req_error i{right:0 !important;background:#c33 !important}
#step10 .slider{border-top:3px solid transparent;position:relative;height:60px;padding-top:10px;width:288px;margin:20px auto 20px;cursor:move;-webkit-user-select: none;user-select: none}
#step10 .slider__line{position: absolute;top:0;left:0;width:100%;height:3px;background: linear-gradient(225deg,#e3c0fe,#06d0c5)}
#step10 .slider .ticks{height:20px;margin:10px 0 0 -36px}
#step10 .slider .ticks div{float:left;border-right: 1px solid #ccc;height:20px;width:35px}
#step10 .slider .ticks div.t1{height:10px;margin-top:10px}
#step10 .slider .values{margin:5px 0 0 -36px}
#step10 .slider .values div{float:left;height:20px;width:72px;text-align:center;font:100 16px/22px var(--FONT1);color:#333}
#step10 .slider .pos{position:absolute;left:-10px;top:-12px;width:20px;height:20px}
#step10 .slider .pos .a1{width:18px;height:18px;border:1px solid var(--GROUP_COLOR4);border-bottom:none;border-radius:4px 4px 0 0;background:#fff}
#step10 .slider .pos .a2{position:absolute;top:23px;left:-2px;width:14px;border-top:1px solid var(--GROUP_COLOR4);transform:rotate(45deg)}
#step10 .slider .pos .a3{position:absolute;top:23px;right:-2px;width:14px;border-top:1px solid var(--GROUP_COLOR4);transform:rotate(-45deg)}
#step10 .slider .over{height:50px;position:absolute;left:-18px;top:0;bottom:0;right:-25px}
#step10 .slider .over .item{position:relative;cursor:pointer;float:left;height:20px;width:36px;text-align:center;font: 400 20px/20px var(--FONT2);color:#000;padding-top:20px;margin-top:-10px}
#step10 .slider .over .item .pos{left:8px;top:-2px;display:none;cursor:move;position: absolute;width: 20px;height: 20px}
#step10 .slider .over .item_act .pos{display:block}
#step10 .slider .over .item .tick{border-left: 1px solid #ccc;height:20px;width:35px;margin:0 0 0 17px}
#step10 .slider .over .item:hover .tick{border-color: var(--GROUP_COLOR4)}
#step10 .slider .over .item1 .tick,#step10 .slider .over .item_act .tick{height:10px;margin-top:10px}
#step10 .slider .over .item .value{margin:0 -10px}
#step10 .slider .over .item1 .value{display:none}
#step10 .slider .over .item1.item_act .value{display:block;color:#999;font:100 14px/22px var(--FONT1)}
#step10 .slider .over .item_act .value{color:var(--GROUP_COLOR4)}
body.bd_enterprise_new #step10 .data h3,body.bd_demo #step10 .data h3{font:bold 16px/20px var(--FONT1);text-align:center}
body.bd_enterprise_new #step10 .frm_sm,body.bd_demo #step10 .frm_sm{width:320px;margin:0 auto}
body.bd_enterprise_new #step10 p.buts,body.bd_demo #step10 p.buts{height:50px;padding-right:0}
body.bd_enterprise_new #step10 p.buts button.button{margin:0 auto;display:block;float:none;width:150px}
body.bd_demo #step10 .ws-checkboxer{margin-top: 20px;font-size: 13px;font-weight: 300;color: #555;text-wrap: balance}
body.bd_demo #step10 .ws-checkboxer a{text-decoration: underline;text-underline-offset: 4px}
body.bd_demo #step10 .ws-checkboxer a:not(:hover,:focus){color: #555}
#step10 p.pl{float:left;width:140px}
#step10 p.pr{margin-left:170px}
#step10 .alt h3{white-space: nowrap}
#step10 p.norm a{color:#09f}
#step10 p.norm{padding-right:0}
.wowLiner{position:relative}
.wowLiner__left,.wowLiner__right{top:0;bottom:0;margin:auto;position:absolute;width: 26px;height: 60%;display: flex;flex-direction: column;justify-content: space-between}
.wowLiner__left{left:-50px;align-items: flex-end}
.wowLiner__right{right:-50px}
.wowLiner__topRight,.wowLiner__bottomRight,.wowLiner__center,.wowLiner__topLeft,.wowLiner__bottomLeft{display: block;width: 100%;border-radius: 3px;max-width: 72%}
.wowLiner__center{max-width: 100%}
.wowLiner__topRight{transform: rotate(-26deg)}
.wowLiner__bottomRight{transform: rotate(26deg)}
.wowLiner__topLeft{transform: rotate(26deg)}
.wowLiner__bottomLeft{transform: rotate(-26deg)}
.wowLiner__line{opacity: 0;background-color: #fff;width: 0;height: 2px;border-radius: 5px;will-change: width}
.wowLiner__animation1,.wowLiner__animation2,.wowLiner__animation3,.wowLiner__animation4{animation: wowLine-animation 0.3s linear infinite;animation-direction: normal;opacity: 1;float: left}
.wowLiner__animation2,.wowLiner__animation4{animation: wowLine-animation-rigth 0.3s linear infinite}
.wowLiner__animation2,.wowLiner__animation3{float: right}
.wowLiner_lastEffect{transition: 1000ms opacity;width: 100%;opacity: 1}
@keyframes wowLine-animation{0%{width: 0}
100%{width: 100%}
}
@keyframes wowLine-animation-rigth{0%{width: 100%}
100%{width: 0}
}
@media(min-width: 768px){.load3s #step10 .r{opacity:0}
.load1s #step10 .user{margin-right:37%}
}
@media(max-width: 992px){#step10{height:auto}
.head.head_send p{padding: 0}
#step10{padding:0;min-height:0}
#step10 .alt{display:none}
#step10 .r{float:none;width:auto;margin:20px 0 0 0;font:italic 14px/18px Georgia;transition:none;-webkit-transition:none}
#step10 h2{font: 100 3.5rem/4rem var(--FONT1);margin-top: 10px}
#step10 .enterprise_h2{margin:0;line-height:1}
#step10 .question{width:auto;transition:none;-webkit-transition:none;box-shadow:none;padding: 26px 4% 4% 4%;margin-bottom: 20px}
#step10 .user{position:static;width:auto;max-width:none;margin:0;padding: 20px 4%;box-shadow:0 2px 2px #c5c5c5;transition:none;-webkit-transition:none;border-radius:0 0 20px 20px;box-shadow:none}
#step10 h3{font:300 14px var(--FONT2)}
#step10 .data{height:auto;margin-top:-85px}
#step10 .drop-zone .droplink{display:none}
#step10 .drop-zone{font:13px/20px var(--FONT1)}
#step10 a.drop_{font:14px/20px var(--FONT1);white-space:nowrap}
#step10 .answer{display:none;width:auto;max-width: 500px;margin: 0 auto}
#step10 .r a{font-size:15px}
#step10 .data_send .user,#step10 .data_send .question{display:none}
#step10 .data_send .answer{display:block;position:static}
#step10 .answer p{font:italic 15px/18px Georgia}
#step10 .answer .button{float:none;display:block;width:200px;margin:0 0 8px 0}
#step10 .answer .button:hover{border-bottom-width:2px}
#step10 .head_send h2,#step10 .head_send .r{display:none}
#step10 .head_send .alt{display:block;position:static;margin:15px 0 0 0;width:auto}
#step10 .alt h3{font:100 2rem/3rem var(--FONT1);width:auto;padding:5px 0 0 0}
div.attach input,div.attachmulty input{max-width:200px}
#plans3 .enterprise{display:none}
#step10 .slider{width:210px}
#step10 .slider .ticks{margin:10px 0 0 -26px}
#step10 .slider .ticks div{width:25px}
#step10 .slider .values{margin:5px 0 0 -26px}
#step10 .slider .values div{width:52px}
#step10 .slider .over{left:-13px;right:-25px}
#step10 .slider .over .item{width:26px;font:400 18px/24px var(--FONT1)}
#step10 .slider .over .item .pos{left:3px}
#step10 .slider .over .item .tick{margin-left:12px}
#step10 .slider .over .item_act .value{background:rgba(255,255,255,0.8);margin:0 -25px}
body.bd_enterprise #step10 .wrap{overflow: hidden;width:auto}
}
@media(max-width: 768px){.support_label{font-size: 1rem}
.bd-support #step10 h2{font: 100 2rem/3rem var(--FONT1)}
#step10 .button_faq{margin-right: 0.2rem}
#step10 .button_login{margin-left: 0.2rem}
#step10 .alt h3{font:100 1.6rem/3rem var(--FONT1);width:auto;padding:5px 0 0 0}
}
