.button:focus, input:focus, textarea:focus {
    outline: 0
}

.box, .webform-wrapper {
    position: relative
}

.button, .list-item label:hover, .select .block *, [data-close] > div {
    cursor: pointer
}

.field .block, .list-item span, .phone .item-label {
    white-space: nowrap
}

.box, .label, .list, .list-item label, .list-item span, form {
    width: 100%
}

.field .list, .label {
    text-align: left
}

.field .border, form {
    background-origin: border-box
}



.webform-wrapper, body, html {
    height: 100%
}

.on-customer-page [data-editable] {
    padding: 0 !important
}

body #webform_preview [data-editable^=container] {
    overflow: hidden !important
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}



ol, ul {
    list-style: none
}



form {
    height: 100%
}

.editor-loaded[data-editable] {
    padding: 0
}

.download, .submit {
    box-sizing: content-box
}

.list-item label, .phone .item-label {
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box
}

[hidden] {
    display: none !important
}

.button, .container, .container input, .field .block {
}

.container textarea {
    resize: none;
    overflow: auto
}

[data-editable=custom] {
    padding: 5px 0;
    position: relative;
    display: inline-block;
    vertical-align: top
}

.editor-loaded [data-editable=custom] {
    position: absolute;
    padding: 0
}

.field .block, .list-item {
    position: relative
}

.list-item label {
    box-sizing: border-box
}

.field .select-backdrop {
    display: none;
    position: fixed;
    z-index: 9998;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.field.open .select-backdrop {
    display: block
}

.field .list {
    display: none;
    position: absolute;
    z-index: 9999;
    background-color: transparent
}

.field.open .list {
    display: block
}

.field.open .list.border {
    border-top-width: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    max-height: 250px;
    overflow: auto;
    overflow-x: hidden
}

.label label {
    display: inline-block
}

.label-position-left .label, .label-position-right .label {
    width: 30%;
    float: left
}

.label-position-left .label {
    padding-right: 10px
}

.label-position-right .label {
    padding-left: 10px
}

.label-position-left .box, .label-position-right .box {
    width: 70%;
    float: left
}

.force-label.label-position-inside .label.position-right, .label-position-inside .label, .label-position-right .label, .label.position-right {
    display: none
}

.force-label.label-position-inside .label, .label-position-right .label.position-right {
    display: block
}

.force-label.label-position-left .label, .force-label.label-position-right .label {
    padding-top: 0
}

.field .border {
    border-color: #000
}

.field input[type=radio] {
    position: absolute;
    left: -9999em
}

.field input[type=text], .field input[type=text]:focus, .field textarea {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    color: inherit;
    line-height: inherit;
    text-shadow: inherit;
    text-align: inherit;
    border: 0;
    background: 0 0;
    width: 100%;
    height: 100%;
    margin: 0
}

.choose .list, .field .block {
    text-align: left
}

.field .padding {
    margin: 0;
    padding: 0
}

.field .block {
    line-height: 1.1;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    margin: 0
}

.field .block[data-placeholder]:before {
    content: '';
    height: 100%;
    display: inline-block;
    vertical-align: middle
}

.field textarea.block {
    white-space: normal;
    overflow: auto
}

.field.phone.open .block.border, .field.select.open .block.border {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.field.select.open .block::after, .phone.open .block [data-flag]::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.field .placeholder.like-placeholder {
    text-align: left;
    line-height: normal
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    text-align: left;
    line-height: normal
}

input:-moz-placeholder, textarea:-moz-placeholder {
    text-align: left;
    line-height: 1
}

input::-moz-placeholder, textarea::-moz-placeholder {
    text-align: left;
    line-height: 1
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    text-align: left;
    line-height: normal
}

.choose li {
    list-style-type: none
}

.choose .list input[type=radio], .choose .list input[type=checkbox] {
    margin-right: 5px
}

.choose .list-item label {
    padding: 0
}

.field-icon input[type=text] {
    display: table-cell
}

.field-icon .ico-placement {
    display: table;
    width: 100%
}

.field-icon .field-icon-sign {
    display: table-cell;
    vertical-align: middle
}

.field-icon .field-icon-sign::after {
    line-height: 1.3;
    color: inherit;
    display: inline-block;
    padding-right: 9px
}

.field-icon.date .field-icon-sign::after {
    content: "\e600";
    font-family: wfico !important;
    font-size: 140%
}

.field-icon.select .field-icon-sign::after {
    content: '\25BE';
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px
}

.field-icon.select.open .field-icon-sign::after {
    padding-left: 9px;
    padding-right: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.button {
    text-align: center;
    width: 100%;
    border: 0;
    padding: 0 !important;
    display: inline-block;
    background-origin: border-box
}

.button span {
    outline: 0;
    display: inline-block;
    vertical-align: middle
}

.button span::after, .button span::before {
    content: '\00a0';
    display: inline-block;
    vertical-align: middle
}

a.button span, a.button span::after, a.button span::before {
    height: 100%
}

.info {
    text-align: left
}

.box .info-error {
    display: block;
    width: 100%;
    min-width: 250px;
    text-align: left;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2
}

.box .info-error p:before {
    content: '';
    display: block;
    border-style: solid;
    border-color: transparent transparent #ff4343;
    border-width: 0 6px 6px;
    position: absolute;
    left: 12px;
    top: -5px
}

.box .info-error.tooltip-right p:before {
    border-color: transparent #ff4343 transparent transparent;
    border-width: 6px 6px 6px 0;
    left: -5px;
    top: 9px
}

.box .info-error p {
    font-family: Roboto, Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 14px;
    text-align: center;
    color: #fff;
    word-break: normal;
    display: inline-block;
    background: #ff4343;
    border-radius: 3px;
    z-index: 2;
    margin: 0;
    padding: 5px 10px 6px;
    line-height: 19px
}

[data-close="x"] {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 12px;
    height: 12px;
    padding: 0;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    opacity: 1;
    z-index: 999999
}

[data-close="x"]:hover {
    opacity: .7
}

[data-close] [contenteditable=true] {
    cursor: text
}

.phone .block input[type=text] {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    border: 0;
    width: 100%;
    padding: 0
}

.phone .block > div {
    display: table-cell;
    vertical-align: middle;
    width: 100%
}

.phone .block > div:nth-child(1) {
    width: auto;
    height: 0
}

.phone .block [data-flag] {
    padding: 0 8px 0 46px;
    margin: 0;
    position: relative;
    float: left
}

.phone .block [data-flag]::before {
    margin-left: 0;
    left: 0
}

.phone .block [data-flag]::after {
    content: '\25BE';
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    width: inherit;
    position: absolute;
    top: calc(50% - 7px);
    left: 30px
}

.phone .list [data-flag]::before, .phone.open .block [data-flag]::after, [data-flag]::before {
    top: calc(50% - 8px)
}

.phone .item-label {
    overflow: hidden;
    display: inline-block;
    padding: 0 20px;
    box-sizing: border-box
}

.phone.open .block [data-flag]::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

[data-flag]::before {
    content: '';
    background: url(/images/core/tools/form/phone.png) no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: -20px;
    position: absolute
}

.field .list .list-item .item-label[data-flag]::before {
    position: relative;
    top: 3px;
    margin-right: 6px
}

[data-flag=sh]::before, [data-flag=ac]::before {
    background-position: -18px -1692px
}

[data-flag=af]::before {
    background-position: 0 -18px
}

[data-flag=al]::before {
    background-position: 0 -72px
}

[data-flag=dz]::before {
    background-position: 0 -90px
}

[data-flag=as]::before {
    background-position: 0 -108px
}

[data-flag=ad]::before {
    background-position: 0 -126px
}

[data-flag=ao]::before {
    background-position: 0 -144px
}

[data-flag=ai]::before {
    background-position: 0 -162px
}

[data-flag=aq]::before {
    background-position: 0 -180px
}

[data-flag=ag]::before {
    background-position: 0 -198px
}

[data-flag=ar]::before {
    background-position: 0 -234px
}

[data-flag=am]::before {
    background-position: 0 -252px
}

[data-flag=aw]::before {
    background-position: 0 -270px
}

[data-flag=au]::before {
    background-position: 0 -288px
}

[data-flag=at]::before {
    background-position: 0 -306px
}

[data-flag=az]::before {
    background-position: 0 -324px
}

[data-flag=bs]::before {
    background-position: 0 -342px
}

[data-flag=bh]::before {
    background-position: 0 -360px
}

[data-flag=bd]::before {
    background-position: 0 -378px
}

[data-flag=bb]::before {
    background-position: 0 -396px
}

[data-flag=by]::before {
    background-position: 0 -432px
}

[data-flag=be]::before {
    background-position: 0 -450px
}

[data-flag=bz]::before {
    background-position: 0 -468px
}

[data-flag=bj]::before {
    background-position: 0 -486px
}

[data-flag=bm]::before {
    background-position: 0 -504px
}

[data-flag=bt]::before {
    background-position: 0 -522px
}

[data-flag=bo]::before {
    background-position: 0 -540px
}

[data-flag=ba]::before {
    background-position: 0 -558px
}

[data-flag=bw]::before {
    background-position: 0 -576px
}

[data-flag=br]::before {
    background-position: 0 -612px
}

[data-flag=vg]::before {
    background-position: -36px -828px
}

[data-flag=bn]::before {
    background-position: 0 -648px
}

[data-flag=bg]::before {
    background-position: 0 -666px
}

[data-flag=bf]::before {
    background-position: 0 -684px
}

[data-flag=bi]::before {
    background-position: 0 -702px
}

[data-flag=kh]::before {
    background-position: 0 -756px
}

[data-flag=cm]::before {
    background-position: 0 -774px
}

[data-flag=ca]::before {
    background-position: 0 -792px
}

[data-flag=cv]::before {
    background-position: 0 -810px
}

[data-flag=ky]::before {
    background-position: 0 -846px
}

[data-flag=cf]::before {
    background-position: 0 -864px
}

[data-flag=td]::before {
    background-position: 0 -882px
}

[data-flag=cl]::before {
    background-position: 0 -900px
}

[data-flag=cn]::before {
    background-position: 0 -918px
}

[data-flag=co]::before {
    background-position: 0 -972px
}

[data-flag=km]::before {
    background-position: 0 -1008px
}

[data-flag=ck]::before {
    background-position: 0 -1062px
}

[data-flag=cr]::before {
    background-position: 0 -1080px
}

[data-flag=ci]::before {
    background-position: 0 -1098px
}

[data-flag=hr]::before {
    background-position: 0 -1116px
}

[data-flag=cy]::before {
    background-position: 0 -1152px
}

[data-flag=cz]::before {
    background-position: 0 -1170px
}

[data-flag=dk]::before {
    background-position: 0 -1188px
}

[data-flag=dj]::before {
    background-position: 0 -1206px
}

[data-flag=dm]::before {
    background-position: 0 -1224px
}

[data-flag=do]::before {
    background-position: 0 -1242px
}

[data-flag=tl]::before {
    background-position: -36px -378px
}

[data-flag=ec]::before {
    background-position: 0 -1260px
}

[data-flag=eg]::before {
    background-position: 0 -1278px
}

[data-flag=sv]::before {
    background-position: 0 -1296px
}

[data-flag=gq]::before {
    background-position: 0 -1332px
}

[data-flag=er]::before {
    background-position: 0 -1350px
}

[data-flag=ee]::before {
    background-position: 0 -1368px
}

[data-flag=et]::before {
    background-position: 0 -1386px
}

[data-flag=fk]::before {
    background-position: 0 -1440px
}

[data-flag=fo]::before {
    background-position: 0 -1458px
}

[data-flag=fj]::before {
    background-position: 0 -1476px
}

[data-flag=fi]::before {
    background-position: 0 -1494px
}

[data-flag=fr]::before, [data-flag=yy]::before {
    background-position: 0 -1512px
}

[data-flag=gu]::before {
    background-position: 0 -1782px
}

[data-flag=gf]::before {
    background-position: 0 -1530px
}

[data-flag=ga]::before {
    background-position: 0 -1566px
}

[data-flag=gm]::before {
    background-position: 0 -1602px
}

[data-flag=ge]::before {
    background-position: 0 -1620px
}

[data-flag=de]::before {
    background-position: 0 -1638px
}

[data-flag=gh]::before {
    background-position: 0 -1656px
}

[data-flag=gi]::before {
    background-position: 0 -1674px
}

[data-flag=gr]::before {
    background-position: 0 -1692px
}

[data-flag=gl]::before {
    background-position: 0 -1710px
}

[data-flag=gd]::before {
    background-position: 0 -1728px
}

[data-flag=gp]::before {
    background-position: 0 -1746px
}

[data-flag=gt]::before {
    background-position: 0 -1764px
}

[data-flag=gn]::before {
    background-position: 0 -1836px
}

[data-flag=gw]::before {
    background-position: 0 -1818px
}

[data-flag=gy]::before {
    background-position: 0 -1854px
}

[data-flag=ht]::before {
    background-position: 0 -1872px
}

[data-flag=hn]::before {
    background-position: 0 -1908px
}

[data-flag=hk]::before {
    background-position: 0 -1926px
}

[data-flag=hu]::before {
    background-position: 0 -1944px
}

[data-flag=is]::before {
    background-position: -18px 0
}

[data-flag=in]::before {
    background-position: -18px -18px
}

[data-flag=id]::before {
    background-position: -18px -36px
}

[data-flag=ir]::before {
    background-position: -18px -54px
}

[data-flag=iq]::before {
    background-position: -18px -72px
}

[data-flag=ie]::before {
    background-position: -18px -90px
}

[data-flag=il]::before {
    background-position: -18px -144px
}

[data-flag=it]::before {
    background-position: -18px -162px
}

[data-flag=jm]::before {
    background-position: -18px -180px
}

[data-flag=jp]::before {
    background-position: -18px -198px
}

[data-flag=jo]::before {
    background-position: -18px -234px
}

[data-flag=kz]:before {
    background-position: -18px -252px
}

[data-flag=ke]::before {
    background-position: -18px -270px
}

[data-flag=ki]::before {
    background-position: -18px -288px
}

[data-flag=kw]::before {
    background-position: -18px -324px
}

[data-flag=kg]::before {
    background-position: -18px -342px
}

[data-flag=la]::before {
    background-position: -18px -360px
}

[data-flag=lv]::before {
    background-position: -18px -378px
}

[data-flag=lb]::before {
    background-position: -18px -396px
}

[data-flag=ls]::before {
    background-position: -18px -414px
}

[data-flag=lr]::before {
    background-position: -18px -432px
}

[data-flag=li]::before {
    background-position: -18px -468px
}

[data-flag=lt]::before {
    background-position: -18px -486px
}

[data-flag=lu]::before {
    background-position: -18px -504px
}

[data-flag=mo]::before {
    background-position: -18px -522px
}

[data-flag=mk]::before {
    background-position: -18px -540px
}

[data-flag=mg]::before {
    background-position: -18px -558px
}

[data-flag=mw]::before {
    background-position: -18px -576px
}

[data-flag=my]::before {
    background-position: -18px -594px
}

[data-flag=mv]::before {
    background-position: -18px -612px
}

[data-flag=ml]::before {
    background-position: -18px -630px
}

[data-flag=dg]::before, [data-flag=io]::before {
    background-position: 0 -630px
}

[data-flag=mt]::before {
    background-position: -18px -648px
}

[data-flag=mh]::before {
    background-position: -18px -666px
}

[data-flag=mq]::before {
    background-position: -18px -684px
}

[data-flag=mr]::before {
    background-position: -18px -702px
}

[data-flag=mu]::before {
    background-position: -18px -720px
}

[data-flag=mx]::before {
    background-position: -18px -756px
}

[data-flag=fm]::before {
    background-position: -18px -774px
}

[data-flag=md]::before {
    background-position: -18px -792px
}

[data-flag=mc]::before {
    background-position: -18px -810px
}

[data-flag=mn]::before {
    background-position: -18px -828px
}

[data-flag=me]::before {
    background-position: -18px -848px
}

[data-flag=ms]::before {
    background-position: -18px -864px
}

[data-flag=ma]::before {
    background-position: -18px -882px
}

[data-flag=mz]::before {
    background-position: -18px -900px
}

[data-flag=na]::before {
    background-position: -18px -954px
}

[data-flag=nr]::before {
    background-position: -18px -972px
}

[data-flag=np]::before {
    background-position: -18px -990px
}

[data-flag=nl]::before {
    background-position: -18px -1026px
}

[data-flag=an]::before {
    background-position: -18px -1008px
}

[data-flag=nc]::before {
    background-position: -18px -1044px
}

[data-flag=nz]::before {
    background-position: -18px -1062px
}

[data-flag=ni]::before {
    background-position: -18px -1080px
}

[data-flag=ne]::before {
    background-position: -18px -1098px
}

[data-flag=ng]::before {
    background-position: -18px -1116px
}

[data-flag=nu]::before {
    background-position: -18px -1134px
}

[data-flag=mp]::before {
    background-position: -18px -1224px
}

[data-flag=no]::before {
    background-position: -18px -1242px
}

[data-flag=om]::before {
    background-position: -18px -1332px
}

[data-flag=pk]::before {
    background-position: -18px -1350px
}

[data-flag=pw]::before {
    background-position: -18px -1368px
}

[data-flag=pa]::before {
    background-position: -18px -1404px
}

[data-flag=pg]::before {
    background-position: -18px -1422px
}

[data-flag=py]::before {
    background-position: -18px -1440px
}

[data-flag=pe]::before {
    background-position: -18px -1458px
}

[data-flag=ph]::before {
    background-position: -18px -1476px
}

[data-flag=pl]::before {
    background-position: -18px -1512px
}

[data-flag=pt]::before {
    background-position: -18px -1530px
}

[data-flag=pr]::before {
    background-position: -18px -1548px
}

[data-flag=qa]::before {
    background-position: -18px -1566px
}

[data-flag=re]::before {
    background-position: -18px -1602px
}

[data-flag=ro]::before {
    background-position: -18px -1620px
}

[data-flag=ru]::before {
    background-position: -18px -1638px
}

[data-flag=rw]::before {
    background-position: -18px -1656px
}

[data-flag=lc]::before {
    background-position: -18px -1710px
}

[data-flag=pm]::before {
    background-position: -18px -1746px
}

[data-flag=ws]::before {
    background-position: -18px -1764px
}

[data-flag=sm]::before {
    background-position: -18px -1782px
}

[data-flag=st]::before {
    background-position: -18px -1800px
}

[data-flag=sa]::before {
    background-position: -18px -1818px
}

[data-flag=sn]::before {
    background-position: -18px -1854px
}

[data-flag=rs]::before {
    background-position: -18px -1872px
}

[data-flag=sc]::before {
    background-position: -18px -1890px
}

[data-flag=sl]::before {
    background-position: -18px -1908px
}

[data-flag=sg]::before {
    background-position: -18px -1926px
}

[data-flag=sk]::before {
    background-position: -18px -1944px
}

[data-flag=si]::before {
    background-position: -18px -1962px
}

[data-flag=sb]::before {
    background-position: -18px -1980px
}

[data-flag=za]::before {
    background-position: -36px -36px
}

[data-flag=kr]::before {
    background-position: -36px -72px
}

[data-flag=es]::before {
    background-position: -36px -90px
}

[data-flag=vc]::before {
    background-position: -36px -144px
}

[data-flag=lk]::before {
    background-position: -36px -108px
}

[data-flag=sr]::before {
    background-position: -36px -180px
}

[data-flag=sz]::before {
    background-position: -36px -216px
}

[data-flag=se]::before {
    background-position: -36px -234px
}

[data-flag=ch]::before {
    background-position: -36px -252px
}

[data-flag=kn]::before {
    background-position: -36px -128px
}

[data-flag=pf]::before {
    background-position: -36px -288px
}

[data-flag=tw]::before {
    background-position: -36px -306px
}

[data-flag=tj]::before {
    background-position: -36px -324px
}

[data-flag=tz]::before {
    background-position: -36px -342px
}

[data-flag=th]::before {
    background-position: -36px -360px
}

[data-flag=tg]::before {
    background-position: -36px -396px
}

[data-flag=gb]::before, [data-flag=uk]::before {
    background-position: -36px -648px
}

[data-flag=va]::before {
    background-position: -36px -774px
}

[data-flag=tk]::before {
    background-position: -36px -414px
}

[data-flag=to]::before {
    background-position: -36px -432px
}

[data-flag=tt]::before {
    background-position: -36px -450px
}

[data-flag=tn]::before {
    background-position: -36px -468px
}

[data-flag=tr]::before {
    background-position: -36px -486px
}

[data-flag=tm]::before {
    background-position: -36px -504px
}

[data-flag=tc]::before {
    background-position: -36px -522px
}

[data-flag=tv]::before {
    background-position: -36px -540px
}

[data-flag=ug]::before {
    background-position: -36px -594px
}

[data-flag=ua]::before {
    background-position: -36px -612px
}

[data-flag=ae]::before {
    background-position: -36px -630px
}

[data-flag=us]::before {
    background-position: -36px -702px
}

[data-flag=uy]::before {
    background-position: -36px -720px
}

[data-flag=vi]::before {
    background-position: -36px -846px
}

[data-flag=uz]::before {
    background-position: -36px -738px
}

[data-flag=vu]::before {
    background-position: -36px -756px
}

[data-flag=ve]::before {
    background-position: -36px -792px
}

[data-flag=vn]::before {
    background-position: -36px -810px
}

[data-flag=wf]::before {
    background-position: -36px -918px
}

[data-flag=ye]::before {
    background-position: -36px -954px
}

[data-flag=zm]::before {
    background-position: -36px -972px
}

[data-flag=zw]::before {
    background-position: -36px -990px
}

[data-flag=cu]::before {
    background-position: -36px -1026px
}

[data-flag=ly]::before {
    background-position: -36px -1008px
}

[data-editable^=static-] {
    position: absolute
}

[data-editable=static-image] {
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center
}

[data-editable=static-image] img {
    position: absolute;
    top: 0;
    left: 0
}

[data-editable=static-line] {
    display: inline-block
}

[data-editable=static-line].vertical div {
    width: 0;
    height: 100%
}

[data-editable=static-line] div {
    border-top-width: 5px;
    border-top-style: solid;
    border-top-color: #000;
    border-left-width: 5px;
    border-left-style: solid;
    border-left-color: #000
}

[data-editable=static-text] {
    overflow: hidden
}

[data-editable=static-text] > div * {
    vertical-align: baseline
}

[data-editable=static-text] div.text-content {
    line-height: 1;
    width: 100%;
    height: 100%;
    z-index: 10
}

[data-editable=static-box] {
    overflow: hidden
}

[data-editable=static-box] > div {
    position: relative;
    width: 100%;
    height: 100%;
    opacity: .2
}

[data-editable=static-counter] div {
    font-family: Helvetica, Arial;
    font-size: 18px;
    color: #373737;
    line-height: 22px;
    letter-spacing: 6px;
    text-indent: 2px;
    text-align: right;
    width: 111px;
    height: 22px;
    display: inline-block
}

[data-editable=static-counter][data-style=style-001] div {
    background-image: url(/images/common/templates/webform/asset/img/counter.png)
}

[data-editable=static-counter][data-style=style-002] div {
    color: #bcbcbc;
    height: 21px;
    background-image: url(/images/common/templates/webform/asset/img/counter_black.png)
}

[data-editable=static-privacybadger] div, [data-editable=static-trustseal] div {
    text-indent: -999em;
    display: inline-block
}

[data-editable=static-privacybadger][data-style=style-001] div {
    width: 155px;
    height: 24px;
    background-image: url(/images/common/templates/webform/asset/img/privacy_badger.png)
}

[data-editable=static-privacybadger][data-style=style-002] div {
    width: 100px;
    height: 24px;
    background-image: url(/images/common/templates/webform/asset/img/privacy_badger_blue.png)
}

[data-editable=static-trustseal][data-style=style-001] div {
    width: 115px;
    height: 24px;
    background-image: url(/images/common/templates/webform/asset/img/trust_seal.png)
}

[data-editable=static-trustseal][data-style=style-002] div {
    width: 98px;
    height: 37px;
    background-image: url(/images/common/templates/webform/asset/img/trust_seal_secure.png)
}

.display-position-left-top [data-editable^=container], .display-position-right-top [data-editable^=container], .display-position-top [data-editable^=container], .display-position-top-left [data-editable^=container], .display-position-top-right [data-editable^=container] {
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important
}

.display-position-bottom [data-editable^=container], .display-position-bottom-left [data-editable^=container], .display-position-bottom-right [data-editable^=container], .display-position-left-bottom [data-editable^=container], .display-position-right-bottom [data-editable^=container] {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.display-position-right [data-editable^=container] {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.display-position-left [data-editable^=container] {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.display-position-left-top #webform_preview, .display-position-top-left #webform_preview {
    top: 0 !important;
    right: auto !important;
    bottom: auto !important;
    left: 0 !important
}

.display-position-right-top #webform_preview, .display-position-top-right #webform_preview {
    top: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    left: auto !important
}

.display-position-right #webform_preview {
    right: 0 !important;
    left: auto !important
}

.display-position-left #webform_preview {
    left: 0 !important;
    right: auto !important
}

.display-position-bottom-left #webform_preview, .display-position-left-bottom #webform_preview {
    top: auto !important;
    left: 0 !important;
    bottom: 0 !important
}

.display-position-bottom-right #webform_preview, .display-position-right-bottom #webform_preview {
    top: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important
}

.display-position-top #webform_preview {
    top: -1px !important;
    bottom: auto !important
}

.display-position-bottom #webform_preview {
    bottom: 0 !important
}