@font-face {
    font-family: "CenturyGothicRegular";
    font-weight: normal;
    src: url("../fonts/gothic.eot?#iefix") format("embedded-opentype"), url("../fonts/gothic.woff") format("woff"), url("../fonts/gothic.ttf") format("truetype"), url("../fonts/gothic.svg") format("svg");
}

@font-face {
    font-family: "CenturyGothicBold";
    font-weight: bold;
    src: url("../fonts/gothicb.eot?#iefix") format("embedded-opentype"), url("../fonts/gothicb.woff") format("woff"), url("../fonts/gothicb.ttf") format("truetype"), url("../fonts/gothicb.svg") format("svg");
}

html, body {
    margin: 0;
    padding: 0;
    border: 0;
    color: #000;
    font-family: CenturyGothicrRegular, Arial, sans-serif;
    font-size: 16px;
    height: 100%;
}

h1, h2, h3, h4, h5, p {
    margin: 0;
}

.bgWrapper {
    width: 100%;
    height: 100vh;
    background: url(../../images/HomeMasterPage/sitePublicBackgroundBlur.png) no-repeat center center;
    background-size: cover;
}

    .bgWrapper .header {
        height: 100px;
        /*width: 1000px;*/
    width: 810px;
    margin: 0 auto;
    padding-top: 20px;
}

@supports ((-webkit-backdrop-filter: blur(7px)) or (backdrop-filter: blur(7px))) {
    .bgWrapper .blur {
        background: rgba(255, 255, 255, 0.1);
        -webkit-backdrop-filter: blur(7px);
        backdrop-filter: blur(7px);
        height: 100vh;
        width: 100%;
    }
}

.header h1.logo {
    display: inline-block;
}

    .header h1.logo a {
        display: block;
        width: 143px;
        height: 63px;
        margin: 15px 0;
        background: url("../../images/HomeMasterPage/logo.png") no-repeat 0 bottom;
        background-size: contain;
    }

.header .loggedIn {
    display: inline-block;
    float: right;
    /*margin-right: 100px;*/
}

    .header .loggedIn span.language {
        display: block;
    }

        .header .loggedIn span.language a {
            color: #000;
            display: block;
            float: left;
            padding: 0 5px;
            font-size: 10px;
            line-height: 13px;
            background: url("../../images/HomeMasterPage/labelBorderDark.png") no-repeat right center;
            text-decoration: none;
        }

            .header .loggedIn span.language a.activeLg {
                font-weight: bold;
                cursor: text;
            }

                .header .loggedIn span.language a.activeLg:hover {
                    text-decoration: none;
                }

            .header .loggedIn span.language a.end {
                background: none;
            }

.content-holder {
    /*width: 1000px;*/
    /*margin: 100px auto 0;*/
    margin: 10px auto 0;
    position: relative;
    width: 810px;
    height: 400px;
    background-color: #6c95bb;
    opacity: 0.8;
}

.officeBlock .back-btn {
    /*height: 150px;
    width: 188px;
    background-color: #000;*/
    display: inline-block;
    color: #fefefe;
    font-family: CenturyGothicBold;
    /*font-size: 42px;*/
    font-size: 14px;
    text-decoration: none;
    text-align: center;
    /*padding-top: 25px;*/
    /*margin-left: 270px;*/
    text-transform: uppercase;
    margin-left: 10px;
    margin-top: 60px;
}

.content.office .officeBlock .logIn,
.content.office .officeBlock .account,
.content.office .logIn {
    display: inline-block;
    float: right;
    width: 410px;
    color: #fff;
    margin-top: 60px;
    /*width: 315px;
    margin-right: 190px;*/
}

    .officeBlock h4,
    .content.office .logIn h4 {
        padding-bottom: 19px;
        font-size: 14px;
    }

    .officeBlock input,
    .content.office .logIn input {
        width: 305px;
        height: 18px;
        line-height: 18px;
        /*background-color: #000;*/
        /*color: #fff;*/
        padding-left: 5px;
        padding-right: 5px;
        /*margin: 5px 0;*/
        margin: 0 0 10px;
        border: none;
        font-size: 11px;
        font-family: Arial,Helvetica,sans-serif;
        color: #6c95bb;
    }

.passwordNone {
    display: none;
}

.officeBlock .buttonSend,
.content.office .logIn .buttonSend {
    display: inline-block;
}

    .officeBlock .buttonSend input,
    .content.office .logIn .buttonSend input {
        width: 190px;
        height: 22px;
        line-height: 12px;
        /*border: 1px solid #000;
    color: #000;*/
        border: 1px solid #fff;
        color: #fff;
        background: transparent;
        font-size: 11px;
        margin-bottom: 9px;
    }

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 50px #fff inset;
    -webkit-text-fill-color: #6c95bb;
}

    input:-webkit-autofill:focus {
        -webkit-box-shadow:,0 0 0 50px #fff inset;
        -webkit-text-fill-color: #6c95bb;
    }

.officeBlock a.forgottenPassword,
.officeBlock a.registration,
.officeBlock span.registration,
.officeBlock .forgottenPasswordExpl,
.officeBlock .checkTxt,
.officeBlock .checkTxt a {
    /*color: #000;*/
    color: #fff;
    text-decoration: none;
    font-size: 11px;
}

.officeBlock a.forgottenPassword {
    font-weight: bold;
    margin-bottom: 10px;
}

.officeBlock .forgottenPasswordExpl {
    line-height: 20px;
    max-width: 320px;
}

.officeBlock .checkTxt {
    vertical-align: text-top;
}

.officeBlock .errMsg,
.content.office .logIn .errMsg {
    /*top: -77px;
    left: 0;
    position: absolute;
    width: 1000px;
    margin: 0 auto;
    background: #000;
    color: #fff;
    display: block;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 40px;*/
    top: 95px;
    left: 10px;
    position: absolute;
    width: 370px;
    padding: 0 5px;
    background: #FFFFFF;
    text-transform: uppercase;
    color: #AC122C;
    font-family: CenturyGothicBold;
    font-size: 12px;
    line-height: 20px;
    /*max-height: 40px;
    overflow: hidden;*/
}
/*Err prop*/
.accepted, .denied {
    background-image: url("../../images/status.png");
    background-repeat: no-repeat;
}

.accepted {
    background-position: right -43px;
}

.denied {
    background-position: right -64px;
}
/*a.buttonAccepted {
    display: block;
    width: 19px;
    height: 20px;
    background: url("../../images/status.png") no-repeat -1px -1px;
    float: left;
    margin: 0 0 0 10px;
}

a.buttonDenied {
    background: url("../../images/status.png") no-repeat -1px -22px;
}*/
span.accepted, span.denied {
    display: inline-block;
    margin: 0 0 0 5px;
    width: 21px;
    height: 22px;
    vertical-align: middle;
    background: url("../../images/status.png") no-repeat 0 0;
}

span.denied {
    background-position: right -21px;
}

input.accepted, input.denied {
    background-image: url("../../images/status.png");
    background-repeat: no-repeat;
}

input.accepted {
    background-position: right -43px;
}

input.denied {
    background-position: right -64px;
}

a.more {
    display: inline-block;
    background: url("../../images/HomeMasterPage/arrMoreWhite.png") no-repeat right center;
    padding: 0 10px 0 0;
}
/*span.tfCheckboxWrapper {
    display: inline-block;
    float: left;
    vertical-align: baseline;
    position: relative;
    height: 20px;
    width: 20px;
    padding: 0;
    overflow: hidden;
    margin: 0;
}*/
/* IE6, IE7 hack */
.tfCheckboxWrapper {
    zoom: 1;
    *display: inline;
}

    .tfCheckboxWrapper input {
        width: 20px;
        height: 20px;
    }
/*PopUp*/
#popupContainer {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1002;
}

    #popupContainer > form {
        width: 100%;
        height: 100%;
    }

.editPageBlock {
    position: relative !important;
    width: 100%;
    z-index: 1000;
    height: 100%;
}

.bgEditPopup {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
    background: #000000;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.closePopup {
    width: 27px;
    height: 30px;
    background: url("../../images/buttonClose.png") no-repeat 0 0;
    position: absolute;
    bottom: 15px;
    right: 10px;
    cursor: pointer;
}

.prePopup {
    z-index: 1001;
    position: absolute;
    top: 120px;
    width: 1000px;
    height: 460px;
    left: 0;
    right: 0;
    margin: auto;
}

.ffFixer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.prePopup .faqSlide {
    float: none;
    margin: 0 auto;
    height: 100%;
}

.prePopup .closePopup {
    cursor: pointer;
    display: inline-block;
    margin-top: 0;
    margin-left: 0;
}

.aboutTxt {
    background: #FFFFFF;
    color: #4d5a65;
    height: 360px;
    padding: 20px 0 0 20px;
    margin: 0 10px 0 0;
    overflow: hidden;
}

.prePopup.officePopUp {
    position: relative;
}

    .prePopup.officePopUp .fullSizeFixer {
        position: absolute;
        left: 50%;
        margin-left: -405px;
        top: 10px;
    }

.officePopUp .aboutTxt {
    background: none;
    color: #FFFFFF;
}

p.officeAbout {
    font: 15px/25px Conv_GOTHIC,Arial,sans-serif;
    padding-bottom: 20px;
}

    p.officeAbout span {
        font-family: Conv_GOTHICB,Arial,sans-serif;
        font-weight: bold;
    }

    p.officeAbout a {
        font: 15px/25px Conv_GOTHIC,Arial,sans-serif;
        text-decoration: none;
        outline: none;
        color: #FFFFFF;
    }

.fullSizeFixer {
    width: 810px;
    background: #6c95bb;
    margin: 0 auto;
    height: 400px;
    position: relative;
}

.officePopUp .fullSizeFixer {
    background: #6c95bb;
}

a.buttonSend {
    display: block;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    text-align: center;
    text-transform: uppercase;
}
/*disclaimer PopUp*/
.specifyPopUp .scroll-pane {
    height: 320px;
}

.faqSlide {
    background: #847B63;
    padding: 0;
    width: 810px;
    color: #847B63;
    position: relative;
    height: auto;
}

.faqSlideBlock {
    xposition: absolute;
    height: 440px;
    background: #847B63;
    width: 790px;
    padding: 10px;
    top: 0;
}

    .faqSlideBlock h2 {
        background: #FFFFFF;
        padding: 5px 0 0 10px;
        height: 55px;
        text-transform: uppercase;
        font: 38px/49px CenturyGothicBold;
    }

.scroll-pane {
    overflow: auto;
    background: #FFFFFF url("../../images/bgScroll.png") repeat-x 0 0;
    float: left;
    width: 780px;
    height: 380px;
    padding: 20px 0 0 10px;
}

    .scroll-pane p, h3 {
        width: 750px;
    }

    .scroll-pane p {
        margin-bottom: 10px;
        color: #4d5a65;
    }

.disclaimerSlideBlock {
    background: #4D5A65;
    color: #4D5A65;
    height: 100%;
}

    .disclaimerSlideBlock .jspVerticalBar {
        background: #808F9D;
    }

    .disclaimerSlideBlock .jspDrag {
        background: #808F9D;
    }

    .disclaimerSlideBlock .jspTrack {
        background: #CFD5DA;
    }

    .disclaimerSlideBlock h4 {
        font: 14px/20px CenturyGothicBold;
        text-transform: uppercase;
    }

    .disclaimerSlideBlock h3 {
        font-size: 11px;
        text-transform: uppercase;
    }

    .disclaimerSlideBlock p {
        margin-bottom: 10px;
        font-size: 11px;
        line-height: 20px;
    }