/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; /*overflow:hidden;*/}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%; overflow: hidden; }
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; }
/*#cboxLoadedContent{overflow:hidden !important; -webkit-overflow-scrolling: touch;}*/
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff; opacity: 0.8!important}
#colorbox{outline:0;}
    #cboxContent{margin-top:32px; background:#fff;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadingGraphic{}
        #cboxLoadingOverlay{background:#e6e6e6;}
        #cboxTitle{position:absolute; top:5px; left:10px; color:#333; font-size: 13px; font-family: 'Open Sans', Arial, sans-serif; }
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}


        #cboxPrevious{ width:30px; height:60px; left:0; top:50%; opacity:0.7; margin: -30px 0px 0px 0px; outline: none; }
        #cboxPrevious:hover{ opacity:1; }

        #cboxNext{ width:30px; height: 60px; right:0; top:50%; opacity:0.7; margin: -30px 0px 0px 0px; outline: none; }
        #cboxNext:hover{ opacity:1; }


        #cboxClose{ width:35px;height: 35px; top: -12px; right: -12px; background: url(../../images/cboxClose.png) 0 0 no-repeat; }
        #cboxClose:hover{ opacity:0.7; }
        #cboxClose:focus { outline: 0; }
        #cboxClose:hover {
            -webkit-transform: rotate(90deg);
               -moz-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                 -o-transform: rotate(90deg);
                    transform: rotate(90deg);
        }

        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}

/* =========================================================================
    #Reset
========================================================================= */
* { margin: 0; padding: 0; outline: 0; }

/* =========================================================================
    #Base
========================================================================= */
html,
body { height: 100%; }

body { min-width: 980px; background: #fff; font-family: Arial, sans-serif; font-size: 12px; line-height: 1; color: #444; }

a { color: #bf0000; text-decoration: none; cursor: pointer; }
.noTouch a:hover { text-decoration: underline; }
.noTouch a:focus { outline: 0; }

img { border: 0; vertical-align: middle; }

ol,
ul { list-style-position: inside; }

[class^="btn"],
label:hover,
input[type="radio"]:hover,
input[type="checkbox"]:hover { cursor: pointer; }
textarea { overflow: auto; resize: none; }

/*table { border-collapse: collapse; border-spacing: 0; }*/

nav a {
    -webkit-transition: all 0.2s;
       -moz-transition: all 0.2s;
        -ms-transition: all 0.2s;
         -o-transition: all 0.2s;
            transition: all 0.2s;
}

/* =========================================================================
    #Helpers
========================================================================= */
.left { float: left; }
.right { float: right; }
.clear { clear: both; }

.clearfix:before,
.clearfix:after { display: table; content: " "; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.show { display: block; }
.hide { display: none; }

/* ==========================================================================
    #Default input styles
========================================================================== */
input[type="text"],
input[type="email"],
input[type="date"],
input[type="search"],
input[type="password"],
textarea { display: block; width: 100%; height: 28px; border: 1px solid #dedede; border-radius: 3px; padding: 4px 13px; background: #fff; font-family: Arial, sans-serif; font-size: 12px; line-height: 18px; color: #444; }
textarea { height: 50px; }

input,
select,
textarea {
    -webkit-transition: all 0.2s;
       -moz-transition: all 0.2s;
        -ms-transition: all 0.2s;
         -o-transition: all 0.2s;
            transition: all 0.2s;
}

select,
input[type="text"],
input[type="date"],
input[type="email"],
input[type="search"],
input[type="password"],
textarea {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.touch input[type="text"],
.touch input[type="date"],
.touch input[type="email"],
.touch input[type="search"],
.touch input[type="password"],
.touch textarea {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.field { position: relative; }
.fieldError input,
.fieldError textarea { border-color: #bf0000; }

input[type="text"]:hover,
input[type="email"]:hover,
input[type="date"]:hover,
input[type="search"]:hover,
input[type="password"]:hover,
textarea:hover { border-color: #bcb8b8; }

input[type="text"]:focus,
input[type="email"]:focus,
input[type="date"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
textarea:focus { border-color: #444; }

input[disabled] { border-color: #e5e5e5; background: #f6f6f6; }

label { display: block; font-size: 12px; line-height: 18px; color: #444; }

.icheckbox { display: inline-block; width: 14px; height: 14px; background: url(../../images/checkbox.png) 0 0 no-repeat; }
.icheckbox:hover { background-image: url(../../images/checkboxH.png); cursor: pointer; }
.icheckbox.checked { background-image: url(../../images/checkboxChecked.png); }
.icheckbox.disabled { background-image: url(../../images/checkboxDisabled.png); }
.icheckbox.checked.disabled { background-image: url(../../images/checkboxDisabledH.png); }


/* ==========================================================================
    #General
========================================================================== */
.notification { display: inline-block; height: 43px; padding: 0 22px; background: #fff; font-size: 12px; line-height: 42px; color: #666; }
.notification i { margin-right: 10px; vertical-align: middle; }

.message { font-size: 16px; line-height: 18px; color: #666; font-style: italic; }

.pager { font-size: 25px; line-height: 25px; color: #d2232a; letter-spacing: 2px; }

/* popups */
.popup { display: none; }
#cboxLoadedContent .popup { display: block; }

#popupPassword { width: 500px; height: 200px; padding: 20px; background: #ededed; }

/* ==========================================================================
    #Animations
========================================================================== */
@-webkit-keyframes shake {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-3px, 0, 0);
        transform: translate3d(-3px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(3px, 0, 0);
        transform: translate3d(3px, 0, 0);
    }
}

@keyframes shake {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-3px, 0, 0);
        transform: translate3d(-3px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(3px, 0, 0);
        transform: translate3d(3px, 0, 0);
    }
}

/* ==========================================================================
    #Icons
========================================================================== */
[class^="icon"] { display: inline-block; vertical-align: top; }

.iconPhone { width: 24px; height: 24px; background: url(../../images/iconPhone.png) 0 0 no-repeat; }
.iconArrowRight { border-width: 3px; border-style: solid; border-color: transparent transparent transparent #444; }
.iconClock { width: 14px; height: 14px; background: url(../../images/iconClock.png) 0 0 no-repeat; }
.iconExit { width: 12px; height: 14px; background: url(../../images/iconExit.png) 0 0 no-repeat; }
.iconArrow { width: 15px; height: 9px; background: url(../../images/iconArrow.png) 0 0 no-repeat; }
.iconDownload { width: 20px; height: 17px; background: url(../../images/iconDownload.png) 0 0 no-repeat; }
.iconFile { width: 18px; height: 22px; background: url(../../images/iconFile.png) 0 0 no-repeat; }

/* ==========================================================================
    #Btns
========================================================================== */
[class^="btn"] { display: inline-block; vertical-align: top; border: none; background: none; }
[class^="btn"] {
    -webkit-transition: all 0.2s;
       -moz-transition: all 0.2s;
        -ms-transition: all 0.2s;
         -o-transition: all 0.2s;
            transition: all 0.2s;
}
button { cursor: pointer; box-sizing: content-box; }
.btns { display: block; cursor: default; }

.btnReload { width: 20px; height: 18px; background: url(../../images/btnReload.png) 0 0 no-repeat; }
.btnReload {
    -webkit-transition-duration: 0.4s;
       -moz-transition-duration: 0.4s;
        -ms-transition-duration: 0.4s;
         -o-transition-duration: 0.4s;
            transition-duration: 0.4s;
}
.noTouch .btnReload:hover {
    -webkit-transform: rotate(360deg);
       -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
         -o-transform: rotate(360deg);
            transform: rotate(360deg);
}

.btnNoStyle { font-size: 12px; line-height: 16px; color: #444; }
.btnNoStyle i { margin: -2px 0 0 2px; vertical-align: middle; }
.noTouch .btnNoStyle:hover { color: #d2232a; text-decoration: none; }
.noTouch .btnNoStyle:hover i { border-left-color: #d2232a; }

.btnRed { overflow: hidden; width: 162px; height: 32px; border-radius: 3px; padding: 0 10px; background: #bf0000 url(../../images/btnRed.png) right 0 no-repeat; font-size: 12px; line-height: 32px; color: #fff; font-weight: bold; text-align: center; }
.noTouch .btnRed:hover { background-image: none; text-decoration: none; }

.btnRedBig { overflow: hidden; width: 212px; height: 42px; border-radius: 3px; padding: 0 10px; background: #bf0000 url(../../images/btnRedBig.png) 0 0 no-repeat; font-size: 12px; line-height: 42px; color: #fff; font-weight: bold; text-align: center; }
.btnRedBig i { vertical-align: middle; margin-left: 12px; }
.noTouch .btnRedBig:hover { background-image: none; text-decoration: none; }

.btnRedAlt { min-width: 152px; height: 32px; border-radius: 3px; padding: 0 10px; background: #d00f0f; font-size: 12px; line-height: 32px; color: #fff; font-weight: bold; text-align: center; }

.noTouch .btnRedAlt:hover { background: #f00; text-decoration: none; }

.btnRedAltBig { min-width: 212px; height: 42px; border-radius: 3px; padding: 0 10px; background: #d00f0f; font-size: 12px; line-height: 42px; color: #fff; font-weight: bold; text-align: center; }
.noTouch .btnRedAltBig:hover { background: #f00; text-decoration: none; }

.btnExit { height: 42px; padding: 0 25px; font-size: 15px; line-height: 42px; color: #fff; }
.btnExit i { margin-right: 8px; vertical-align: middle; }
.noTouch .btnExit:hover { background: #f00; text-decoration: none; }

.btnDownload { padding-left: 3px; font-size: 13px; line-height: 18px; color: #c91d24; text-decoration: underline; }
.btnDownload i { margin-right: 12px; }
.noTouch .btnDownload:hover { text-decoration: none; }
.noTouch .btnDownload:hover i { animation: shake 1s; }

.btnRemove { width: 22px; height: 22px; background: url(../../images/btnRemove.png) 0 0 no-repeat; }
.noTouch .btnRemove:hover { background-image: url(../../images/btnRemoveH.png); }

/* =========================================================================
    #Containers
========================================================================= */
.container { position: relative; min-height: 100%; }
.wrapper { width: 980px; margin: 0 auto; }

/* ==========================================================================
    #article
========================================================================== */
.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 { padding-bottom: 20px; color: #c91e24; }

.article h1 { font-size: 25px; line-height: 25px; }
.article h2 { font-size: 22px; line-height: 22px; }
.article h3 { font-size: 19px; line-height: 19px; }
.article h4 { font-size: 16px; line-height: 16px; }
.article h5 { font-size: 15px; line-height: 15px; }
.article h6 { font-size: 13px; line-height: 13px; }

.article { overflow: hidden; font-size: 12px; line-height: 18px; color: #444; }
.article * { max-width: 100%; }
.article hr { display: inline-block; border: none; width: 63px; height: 1px; margin: 10px 0; background: #003975; }
.article a { color: #bf0000; text-decoration: underline; }
.noTouch .article a:hover { text-decoration: none; }
.article p { padding-bottom: 10px; }
.article p img + a { margin-left: 10px; }
.article table { max-width: 100%; margin-bottom: 10px; }

.tableGrid { width: 100%; }
.tableGrid td { vertical-align: top; }

.tableMain td { vertical-align: top; }

/* ==========================================================================
    #forms
========================================================================== */
.msg { border: 1px solid #dedede; border-radius: 3px; padding: 5px 10px; margin: 5px 0; background: #fff; font-family: Arial, sans-serif; font-size: 12px; line-height: 18px; color: #444; font-weight: bold; }
.msgSuccess { padding-left: 35px; color: #1fb25a; background-image: url(../../images/iconSuccess.png); background-repeat: no-repeat; background-position: 10px 5px; }
.msgError { padding-left: 35px; color: #bf0000; background-image: url(../../images/iconError.png); background-repeat: no-repeat; background-position: 10px 5px; }
.txtError { width: 75px; padding-left: 23px; min-height: 22px; background: url(../../images/fieldError.png) 9px 2px no-repeat; font-size: 10px; line-height: 11px; color: #bf0000; }

/* form */
.form .formHead { padding-bottom: 20px; font-size: 12px; line-height: 18px; }
.form .formHead h2 { margin-bottom: 28px; font-family: 'Ubuntu', sans-serif; font-size: 25px; line-height: 25px; color: #d2232a; font-weight: normal; }
.form .formHead p { padding-bottom: 5px; }

.form .formRow { position: relative; padding-bottom: 12px; }
.form label { display: inline-block; vertical-align: top; }
.form .field { position: relative; display: inline-block; vertical-align: top; width: 220px; }
.form .textarea { width: 100%; }
.form .field .txtError { position: absolute; top: 4px; left: 100%; }

/* formLogin */
#formLogin { width: 554px; padding: 40px 45px 50px; margin: 155px auto; border-top: 3px solid #c82730; background: rgba(255,255,255,0.6); box-sizing: border-box; text-align: center; }
#formLogin h2 { font-size: 24px; text-transform: uppercase; }
#formLogin p { font-size: 13px; color: #000; }
#formLogin .formRow { overflow: hidden; font-size: 0; line-height: 0; }
#formLogin label { width: 70px; height: 32px; line-height: 32px; font-size: 16px; text-align: right; margin-right: 12px; color: #000; }
#formLogin label .required { color: #c82730; }
#formLogin input { border-radius: 0; height: 32px; }
#formLogin .forgotPassword a { font-size: 13px; text-decoration: underline; }
#formLogin .btns { padding: 30px 0; }
#formLogin .btnRed { width: 220px; height: 45px; line-height: 45px; font-size: 16px; text-transform: uppercase; background-size: cover; }

/* formRegister */
#formRegister label { width: 130px; height: 28px; line-height: 28px; }
#formRegister .captcha { padding-bottom: 10px; font-size: 0; line-height: 0; }
#formRegister .captcha label { width: 130px; margin-right: 3px; }
#formRegister .captcha .field { width: 100px; }
#formRegister .captcha .btnReload { margin: 0 10px; vertical-align: middle; }

/* formTest */
#formTest { padding-top: 10px; }
#formTest h3 { font-size: 19px; line-height: 23px; color: #000; font-style: italic; }
#formTest .formRow { overflow: hidden; padding-bottom: 4px; }
#formTest label { display: block; font-size: 13px; }
#formTest .icheckbox { float: left; margin: 2px 15px 0 0; }
#formTest .btns { padding-top: 20px; }

/* formInfo */
#formInfo .formHead { padding-bottom: 22px; }
#formInfo .formHead h2 { margin-bottom: 0; font-size: 19px; line-height: 19px; color: #c91e24; font-style: italic; font-weight: bold; }
#formInfo .formRow { line-height: 28px; }
#formInfo .formRow label { vertical-align: middle; }
#formInfo .cols { font-size: 0; line-height: 0; }
#formInfo .col { display: inline-block; vertical-align: top; width: 50%; }
#formInfo .colLeft { width: 300px; }
#formInfo .colLeft label { width: 77px; }
#formInfo .colLeft .field { width: 223px; }
#formInfo .colRight { width: 347px; margin-left: 50px; }
#formInfo .colRight label { width: 120px; }
#formInfo .colRight .field { width: 153px; }
#formInfo .btns { padding-top: 17px; }
#formInfo .txtError { width: 50px; padding-left: 20px; }

/* formUpload */
#formUpload .formHead h4 { padding-bottom: 0; }
#formUpload .formRow { font-size: 0; line-height: 0; }
#formUpload label { width: 170px; font-size: 13px; line-height: 29px; color: #444; }
#formUpload .browseText { overflow: hidden; display: inline-block; vertical-align: top; width: 203px; height: 28px; border: 1px solid #dedede; border-radius: 3px; padding: 4px 13px; margin-right: 10px; background: #fff; font-family: Arial, sans-serif; font-size: 12px; line-height: 18px; color: #444; }
#formUpload .browseText {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
#formUpload .btnRed { min-width: auto; width: 92px; height: 28px; line-height: 28px; }

.browse { position: relative; overflow: hidden; display: inline-block; width: 142px; height: 28px; margin-right: 10px; }
.browse .btnBrowse { position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0; visibility: hidden; }
.browse #btnBrowseFake { min-width: auto; width: 122px; height: 28px; line-height: 28px; }

/* formFogotPwd */
#formFogotPwd h3 { margin-bottom: 15px; font-size: 20px; line-height: 25px; font-weight: normal; text-align: center; }
#formFogotPwd label { line-height: 28px; padding-right: 10px; }
#formFogotPwd .field { width: 290px; }
#formFogotPwd .btns { text-align: center; }
#formFogotPwd .msg { margin-top: 10px; }

/* formRecover */
#formRecover label { width: 150px; line-height: 28px; }
#formRecover .btns { margin-left: 150px; }
#formRecover .field { width: 250px; }

/* ==========================================================================
    #navigations
========================================================================== */
nav ul { list-style: none; }

/* navMain */
.navMain { float: left; }
.navMain ul { font-size: 0; line-height: 0; }
.navMain ul li { display: inline-block; vertical-align: top; border-right: 1px solid #b01218; }
.navMain ul li a { display: block; height: 42px; padding: 0 15px; font-size: 15px; line-height: 42px; color: #fff; }
.navMain ul li a {
    -webkit-transition: background 0s;
       -moz-transition: background 0s;
        -ms-transition: background 0s;
         -o-transition: background 0s;
            transition: background 0s;
}
.navMain ul .selected a,
.noTouch .navMain ul li a:hover { background-image: url(../../images/navItem.png); background-repeat: no-repeat; background-position: right 0; text-decoration: none; }

/* navFooter */
.navFooter ul { font-size: 0; line-height: 0; text-align: center; }
.navFooter ul li { display: inline-block; vertical-align: top; }
.navFooter ul li + li:before { content: '|'; padding: 0 10px; font-size: 11px; line-height: 16px; color: #d9d9d9; }
.navFooter ul li a { display: inline-block; font-size: 11px; line-height: 16px; color: #c5232a; text-decoration: underline; }
.noTouch .navFooter ul li a:hover { color: #666; text-decoration: none; }

/* navAside */
.navAside { padding: 10px 0 17px; }
.navAside ul li a { display: block; padding: 5px 30px; background: url(../../images/arrow.png) 14px 10px no-repeat; font-size: 12px; line-height: 18px; color: #6d6e71; }
.navAside ul .selected a,
.noTouch .navAside ul li a:hover { background-image: url(../../images/arrowH.png); color: #c81d23; text-decoration: none; }
.navAside ul .selected a { font-weight: bold; }

/* =========================================================================
    #header
========================================================================= */
header { overflow: hidden; margin-bottom: 20px; background: #fff; }
.headerTop { padding: 7px 0 8px; background: #efefef; }
.headerTop .wrapper { overflow: hidden; }
.headerTop .phone { float: left; margin-left: 426px; font-size: 17px; line-height: 24px; color: #d2232a; font-weight: bold; }
.headerTop .phone i { margin-right: 7px; }
.headerTop .btns { float: right; padding-top: 7px; }
.headerBottom { background: #000; }
.headerBottom .slogan { float: right; width: 250px; padding-top: 24px; font-family: 'Ubuntu', sans-serif; font-size: 20px; line-height: 24px; color: #fff; font-weight: 300; text-align: right; }

.logo { float: left; width: 145px; margin: -15px 0 15px; }
.logo img { width: 100%; height: auto; }

/* ==========================================================================
    #Main
========================================================================== */
#main { overflow: hidden; }

.mainTitle { margin-bottom: 13px; font-size: 25px; line-height: 25px; color: #d2232a; font-weight: normal; }
.mainSubTitle { margin-bottom: 17px; font-size: 19px; line-height: 19px; color: #d2232a; font-style: italic; }

.documentView { padding: 0 64px; }
.documentPreview { margin: 23px 0 36px; text-align: center; }
.documentView .toolbarTop { overflow: hidden; }
.documentView .toolbarTop .btnRedAlt { float: left; }
.documentView .toolbarTop .pager { float: right; }
.documentView .toolbarBottom .btnRedBig { float: right; }

/* boxes */
.box { padding: 30px; background: #ededed; }
.boxHalf { float: right; min-height: 417px; width: 420px; border-bottom: 3px solid #c7c7c7; }
.boxHalf:first-child { float: left; }
.boxTest { padding-top: 5px; }

.testView { position: relative; top: -5px; float: left; width: 600px; padding: 30px; background: #ededed; }
.testView {
    -webkit-box-shadow: 1px 1px 0 0 #d4d4d4, 2px 2px 0 0 #d4d4d4, 3px 3px 0 0 #d4d4d4, 4px 4px 0 0 #d4d4d4, 5px 5px 0 0 #d4d4d4;
       -moz-box-shadow: 1px 1px 0 0 #d4d4d4, 2px 2px 0 0 #d4d4d4, 3px 3px 0 0 #d4d4d4, 4px 4px 0 0 #d4d4d4, 5px 5px 0 0 #d4d4d4;
            box-shadow: 1px 1px 0 0 #d4d4d4, 2px 2px 0 0 #d4d4d4, 3px 3px 0 0 #d4d4d4, 4px 4px 0 0 #d4d4d4, 5px 5px 0 0 #d4d4d4;
}
.testAside { float: right; width: 281px; padding: 0 17px; background: #e4e4e4; text-align: center; }
.testStart,
.testTimer,
.testProgress { border-bottom: 1px solid #c4c4c4; }
.testStart { padding: 24px 0 28px; }
.testTimer { padding: 30px 0 5px; }
.testProgress { padding: 20px 0 70px; }
.testProgress .pager { margin: 7px 0 12px; }
.progressBar { position: relative; width: 226px; display: inline-block; height: 8px; border-radius: 4px; background: #fff; }
.progressBar {
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .15);
            box-shadow: inset 0 0 2px rgba(0, 0, 0, .15);
}
.progressBar .progress { position: absolute; top: 0; left: 0; bottom: 0; max-width: 100%; border-radius: 4px; background: #cd2027; }
.progressBar .amount { position: absolute; top: 16px; right: 2px; display: block; width: 39px; height: 38px; background: url(../../images/progressAmount.png) 0 0 no-repeat; font-size: 15px; line-height: 38px; color: #d2232a; text-align: center; }

#countdown { margin: 20px 0; }
#countdown div { display: inline-block; width: 50px; height: 50px; margin: 0 8px; background: url(../../images/timer.png) 0 0 no-repeat; font-family: 'Roboto', sans-serif; font-size: 23px; line-height: 50px; color: #cd2027; font-weight: 300; }
#countdown .clearDiv,
#countdown .separator { width: auto; height: auto; margin: 0; background: none; }

.testMessages { padding: 0 40px; }
.testMessages .msg { min-height: 27px; border: none; padding: 0 0 0 37px; background: none; margin: 30px 0; font-size: 13px; line-height: 27px; text-align: left; }
.testMessages .msg span { display: inline-block; vertical-align: middle; line-height: 16px; }
.testMessages .msgError { background: url(../../images/iconError2.png) 0 0 no-repeat; }
.testMessages .msgSuccess { background: url(../../images/iconSuccess2.png) 0 0 no-repeat; color: #49a942; }

.toolbarMenu { padding-bottom: 20px; }
.toolbarMenu .wrapper { overflow: hidden; background: #c00101; }
.toolbarMenu .btns { float: right; }

.toolbarBtns { overflow: hidden; padding-top: 30px; }

.adminAside { position: relative; float: left; width: 195px; margin: 0 28px 19px 0; background: #fff; }
.adminAside:after { content: ''; position: absolute; left: 0; bottom: -26px; width: 100%; height: 26px; background: url(../../images/adminAside.png) 0 bottom no-repeat; }
.adminContent { overflow: hidden; }

/* download list */
.downloadList { padding-right: 85px; }
.downloadList .downloadItem { font-size: 13px; line-height: 18px; color: #444; }
.downloadList .downloadItem + .downloadItem { border-top: 1px solid #fff; padding-top: 17px; }
.downloadList .downloadItem p { padding-bottom: 5px; }
.downloadList .downloadItem .btns { padding: 10px 0 23px; }

/* areas */
.areas { padding-right: 50px; }
.area h4 { padding-bottom: 23px; font-size: 16px; line-height: 18px; color: #c91e24; font-style: italic; }

.areaInfo { float: left; width: 290px; padding: 10px 0; margin-bottom: 32px; font-size: 13px; line-height: 18px; }
.areaInfo p { padding-bottom: 5px; }

.areaFiles { float: right; width: 300px; padding: 10px 20px; margin-bottom: 32px; background: #fff; }
.areaFiles .filesList { padding: 0; }

.areaUpload { border-top: 1px solid #a7a9ac; padding-top: 28px; clear: both; }

.filesList { padding: 7px 0 30px; }
.filesItem { margin-bottom: 12px; font-size: 13px; line-height: 22px; color: #c91d24; }
.filesItem .title { display: inline-block; padding: 0 12px; text-decoration: underline; }
.filesItem .title:hover { text-decoration: none; }

/* ==========================================================================
    #footer
========================================================================== */
footer { padding: 26px 0 17px; font-size: 11px; line-height: 16px; color: #666; }
footer .wrapper { overflow: hidden; }

.copy { float: left; }

.stenik { float: right; }
.stenik img { display: inline-block; vertical-align: middle; }
.stenik p { display: inline-block; }
.stenik p a { display: inline-block; margin-left: 3px; color: #666; text-decoration: underline; }
.noTouch .stenik p a:hover { color: #808080; text-decoration: none; }

.homepage-page { margin-top: -20px; background: url(../../images/homepage-bckg.jpg) no-repeat center center; background-size: cover; }