@import url('https://fonts.googleapis.com/css?family=Roboto:300,500,900');
@media screen {
    html, body, div, object, h1, h2, h3, p, a, font, img, li, ul, form, table, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        text-align: left;
        font-weight: normal;
    }

    body {
        font: normal 9pt 'Roboto', Arial, Helvetica, sans-serif;
        color: #000000;
        background: #ffffff;
        text-align: center;
    }

    a {
        color: #0086D3;
        text-decoration: underline;
    }

    div.frame {
        text-align: left;
        margin: 0 auto;
        max-width: 1100px;
        box-sizing: border-box;
    }

    div.Header {
        position:relative;
        margin-top: 70px;
        margin-bottom: 10px;
    }

    div.Header h1 {
        position: relative;
        max-width: 218px;
    }
    div.Header h1 img {
        max-width: 100%;
    }

    div.Header h1 span {
        position: absolute;
        left: -1000px;
        top: -1000px;
    }

    div.decoration {
        height: 24px;
        font-size: 1px;
        overflow: hidden;
        position: relative;
        display: none;
    }

    div.decoration div {
        height: 12px;
        font-size: 1px;
        overflow: hidden;
    }

    div.decoration div.special {
        position: absolute;
        height: 12px;
        width: 118px;
        font-size: 1px;
        overflow: hidden;
        top: 5px;
        right: 0;
    }

    div.Header div.decoration {
        background: #d8effd;
    }

    div.Header div.decoration div {
        background: #69b2df;
    }

    div.Body {
        overflow: hidden;
    }
    body.ContactsFormPage div.Body div.Content {
        margin: 0 0 25px 0;
        display: flex;
    }
    body.ContactsFormPage  div.Body div.Content div.welcome {width:auto; margin: 0 4% 0 0; background: url(images/bgr_img.jpg) 0 100% no-repeat; background-size: cover; padding: 35px 60px 35px 35px;}
    body.ContactsFormPage  div.Body div.Content div.welcome p {
        font-size: 17px;
        letter-spacing: 0.5px;
        line-height: 1.5;
        color: #616363;
        font-weight: 400;
    }
    body.ContactsFormPage  div.Body div.Content div.welcome h2 {font-size: 24px; letter-spacing: 0.5px; margin-bottom: 20px; font-weight: bold; color:#ff6000;}
    body.ContactsFormPage  div.Body div.Content div.support {width: 302px; padding: 35px 0 0;}
    body.ContactsFormPage  div.Body div.Content div.support h2 {font-size: 24px; letter-spacing: 0.5px; color: #ff6000; font-weight:bold; margin-bottom: 0}

    body.ContactsFormPage  div.Body div.Content div.support form dl {margin:0 0 10px;}
    body.ContactsFormPage  div.Body div.Content div.support form dt {color: #545657; padding-top: 10px; font-size: 15px; font-weight: 300;}
    body.ContactsFormPage  div.Body div.Content div.support form div.form-column {width: 47%; float: left}
    body.ContactsFormPage  div.Body div.Content div.support form div.form-column:first-child {margin-right: 2%}
    body.ContactsFormPage  div.Body div.Content div.support form div.form-column input {width: 100%; padding:0 5px; height:30px; box-sizing: border-box; color: #555555; font-size:13px;}
    body.ContactsFormPage  div.Body div.Content div.support form select  {width: 100%; padding:0 5px; height:30px; box-sizing: border-box; color: #555555; font-size:13px;}
    body.ContactsFormPage  div.Body div.Content div.support form textarea {width: 100%; box-sizing: border-box; padding: 5px; color: #555555; font-size:13px;}
    body.ContactsFormPage  div.Body div.Content div.support form textarea,  div.Body div.Content div.support form select,  div.Body div.Content div.support form input {background-color: #fff; border-color:#a5a6a7; border-radius:4px;}
    body.ContactsFormPage  div.Body div.Content div.support form input#securityCode {width: 120px; height: 33px; font-size:20px}
    body.ContactsFormPage  div.Body div.Content div.support form img#captcha {border: 1px solid #F4D3D1}
    body.ContactsFormPage  div.Body div.Content div.support form p.buttons button {cursor: pointer; background-color: #ff6000; border:none; border-radius: 2px; font-size: 22px; font-weight: bold; text-transform: uppercase; padding: 10px 20px; width:100%;}
    body.ContactsFormPage  div.Body div.Content div.support form dl dd.error {margin-left: 0}

    div.Footer {
        position: relative;
        clear: both;
        text-align: center;
        overflow: hidden;
    }

    div.Footer div.decoration {
        background: #69b2df;
    }

    div.Footer div.decoration div {
        background: #d8effd;
    }

    div.Footer div.decoration div.special {
        background: #9bc200;
    }

    div.Footer div.SupportText {float:left; margin:22px 33px 0 55px; font-size:130%; color:#9a9a9a;}
    div.Footer div.SupportEmail {float:left; margin-top:20px; background:url(images/ico-email.gif) 0 center no-repeat; padding-left:45px; border-right:1px dashed #b8b8b8; padding-right:20px;}
    div.Footer div.SupportPhone {float:left; margin-top:20px; padding-left:20px; border-right:1px dashed #b8b8b8; padding-right:20px;}
    div.Footer div.SupportSkype {float:left; margin-top:20px; background:url(images/ico-skype.gif) 0 center no-repeat; padding-left:40px; margin-left:18px;}

    div.Footer div.Support a {
        font-weight: bold;
    }

    div.Footer div.Copyright {
        position: absolute;
        top: 38px;
        right: 0;
        color: #9C9C9C;
        font-size: 95%;
    }

    div.Footer div.Copyright a {
        text-decoration: none;
    }

    div.Footer div.Address {text-align: left; margin:12px 0 10px; font-size:12px; color:#4d4f50; width: 50%; display: inline-block; float: left; font-weight: 300;}
    div.Footer div.Cookie {text-align: right; margin:12px 0 10px; font-size:12px; color:#4d4f50; width: 50%; display: inline-block; float: right; font-weight: 300;}

    div.Footer div.Cookie a {
        text-decoration: none;
        color: #2594d1;
        font-weight: 300;
    }

    div.Body div.Content h2 {
        font-size: 190%;
        margin-bottom: 12px;
        position: relative;
    }

    div.Body div.Content h3 {
        font-size: 150%;
        margin-bottom: 12px;
    }

    div.Body div.Content p {
        margin-bottom: 12px;
    }

    div.Body div.Content h2 a {
        font-size: 55%;
        position: absolute;
        top: 3px;
        right: 0px;
        text-decoration: none;
        border-bottom: 1px solid #0086D3;
    }

    form dl {
        margin-right: 15px;
        overflow:hidden;
    }
    form dl dt {
        clear: both;
        margin: 3px 0;
    }
    form dl dd {
        margin: 3px 0;
        padding: 0;
    }
    .columns {
        display: flex;
        justify-content: space-between;
    }
    form dl dd.error {
        color:#ff0000;
        margin:0 0 0 205px; padding:0;
    }

    input, select {
        width: 220px;
        background: #eaf1f5;
        border-width: 1px;
        border-style: solid;
        border-color: #b6bbbe #eaf1f5 #eaf1f5 #b6bbbe;
    }

    select#purchaseYear {
        width: 60px;
    }

    select#purchaseMonth {
        width: 100px;
    }

    input#purchaseYear {
        width: 60px;
    }

    input#purchaseMonth {
        width: 100px;
    }

    input#securityCode {
        width: 85px;
    }

    div.Sticker {
        width: 189px;
        background: #f9fadc;
        border-bottom: 1px solid #e3e3e3;
        float: right;
    }

    div.Sticker p {
        margin: 25px 20px !important;
    }

    p.buttons {clear: both;}

    button {
        padding: 2px 20px;
        background: #9bc200;
        border-width: 1px;
        border-style: solid;
        border-color: #9bc200 #789102 #789102 #9bc200;
        color: #ffffff;
        font-size: 115%;
        font-weight: bold;
    }

    table {
        width: 100%;
        table-layout: fixed;
        border-collapse: collapse;
        margin: 12px 0;
    }

    th {
        padding: 10px 0;
        text-align: center;
        font-weight: bold;
        color: #ffffff;
        background: #a6b3be;
    }

    td {
        padding: 12px;
        text-align: center;
        border: 1px solid #dde7ee;
    }

    td.first {
        border-left: none;
    }

    td.last {
        border-right: none;
    }

    td a {
        font-weight: bold;
        text-decoration: none;
    }

    td.description {
        text-align: left;
        border: none;
        font-size: 95%;
    }

    td.description a {
        font-weight: normal;
        text-decoration: underline;
    }

    td strong.active {
        color: #009701;
    }

    td strong.cancelled {
        color: #b7b6b6;
    }

    th.siteUrl {
        width: 228px;
    }

    th.subscription {
        width: 122px;
    }

    th.date {
        width: 160px;
    }

    th.status {
        width: 90px;
    }

    .Static p {
        text-align: justify;
    }

    .Static h2 {
        margin-bottom: 20px;
    }

    div.SwitchLocale {font-size:90%; position:absolute; bottom:13px; right:0; z-index:255}
    div.SwitchLocale div {float:left; margin-top:3px;}
    div.SwitchLocale div span.label {display:block; float:left; height:17px; line-height:17px; padding:0 9px; font-size: 13px; color: #222222;}
    div.SwitchLocale div#switchLocalesTrigger {width:18px; height:18px; background:url(/theme/images/selector_arrow_bottom.gif) center center no-repeat; cursor:pointer;  }
    div.SwitchLocale div#switchLocalesTrigger a {display:block; height:18px; width:18px; overflow:hidden; text-decoration:none; outline:none;}

    div.SwitchLocale div.highlighted {position:absolute; z-index:255; margin:0; display:none; top:27px; right:0; max-height:202px; overflow:auto; overflow-x:hidden; width:210px; border: 1px solid #a5a6a7; background-color: #f2f2f2; padding:0 !important; border-radius: 3px; box-shadow: 2px 2px 5px rgba(0,0,0,0.15);}
    div.SwitchLocale div.highlighted div.topline {display:none; background:#ff9c62; height:3px; font-size:1px; overflow:hidden; width:100%; margin:0; padding:0;}
    div.SwitchLocale div.highlighted ul {padding:0; margin:0; list-style:none;}
    div.SwitchLocale div.highlighted ul li {margin:0; padding:0; border-bottom: 1px solid #a5a6a7;}
    div.SwitchLocale div.highlighted ul li.last {border-bottom-style:none;}
    div.SwitchLocale div.highlighted ul li a {display:block; padding:0 15px; height:28px; line-height:28px; text-decoration:none; font-size: 13px; font-weight: 400; color: #606363;}
    div.SwitchLocale div.highlighted ul li a:hover {background:#ffffff; text-decoration:none; color: #606363;}
    div.SwitchLocale div.highlighted ul li span {display:block; padding:0 15px; height:28px; line-height:28px; background-color: #ffffff; color: #606363; font-size: 13px;}
}

@media screen and (max-width:1100px) {
    div.frame {margin-left: 30px; margin-right: 30px;}
    div.Footer div.Address {width: 40%;}
    div.Footer div.Cookie {width: 40%;}
}
@media screen and (max-width:990px) {
    body.ContactsFormPage div.Body div.Content div.welcome {padding: 35px;}
    div.Footer div.Address {width: 100%; float:none; text-align: center;}
    div.Footer div.Cookie {width: 100%; float:none; text-align: center;}
}
@media screen and (max-width:768px) {
    body.ContactsFormPage div.Body div.Content div.welcome p {font-size: 15px;}
}
@media screen and (max-width:680px) {
    body.ContactsFormPage div.Body div.Content div.welcome {margin: 0;}
    body.ContactsFormPage div.Body div.Content {flex-direction: column;}
    body.ContactsFormPage div.Body div.Content div.support {width: 100%; box-sizing: border-box; padding: 35px;}
    body.ContactsFormPage div.Body div.Content div.support form p.buttons {margin-top: 15px;}
}
@media screen and (max-width:480px) {
    div.Header h1 {max-width:170px;}
    div.SwitchLocale {bottom: 10px;}
    body.ContactsFormPage div.Body div.Content div.support {padding: 35px 0;}
    body.ContactsFormPage div.Body div.Content div.welcome {background-position: 30% 100%;}
    div.Footer div.Address img {max-width: 100%;}
}