html {
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    height: 100%;
    font: normal 14px Verdana;
    word-wrap: break-word;
}

a {
    color: orange;
    text-decoration: none;
}

a:hover,
li.active a {
    text-decoration: none;
    color: #fec912;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

i {
    display: inline-block;
    background: url(../images/sprite_bg.png) no-repeat left top;
}

.sprite-1 {
    background-position: 0 0;
    width: 19px;
    height: 20px;
}

.sprite-10 {
    background-position: 0 -70px;
    width: 23px;
    height: 24px;
}

.sprite-2 {
    background-position: 0 -144px;
    width: 19px;
    height: 20px;
}

.sprite-3 {
    background-position: 0 -214px;
    width: 25px;
    height: 25px;
}

.sprite-4 {
    background-position: 0 -289px;
    width: 25px;
    height: 25px;
}

.sprite-5 {
    background-position: 0 -364px;
    width: 19px;
    height: 25px;
}

.sprite-6 {
    background-position: 0 -439px;
    width: 19px;
    height: 25px;
}

.sprite-7 {
    background-position: 0 -514px;
    width: 23px;
    height: 23px;
}

.sprite-8 {
    background-position: 0 -587px;
    width: 23px;
    height: 23px;
}

.sprite-9 {
    background-position: 0 -660px;
    width: 23px;
    height: 24px;
}

#login-page {

    position: relative;
    height: 100%;
    min-height: 480px;
    background: url(../images/elephant.jpg) no-repeat;
    background-size: 100% 100%;
}

#login-page .left {
    padding: 1px;
    position: relative;
    width: 36%;
    box-sizing: border-box;
    min-width: 530px;
    height: 100%;
    background: url(../images/zadnik.png) no-repeat;
    background-size: 100%;
}

#login-page .left form {
    margin: 20% auto;
    width: 350px;
    min-height: 320px;
    padding: 0 0 20px 0;
    border-radius: 7%;
    box-shadow: 0 0px 25px 10px rgba(77, 68, 68, 0.55);
    background: #ffffff;
}

#login-page .left form .form-logo {
    width: 220px;
    height: 70px;
    margin: 15px auto;
    background: url(../images/seotagcrm_logo.png) no-repeat;
    background-size: contain;
}

#login-page h4 {
    margin: 0 0 12px 0;
    font-size: 17px;
    font-weight: normal;
    text-align: center;
    color: #ea8600;
}

#login-page .items input[type=text],
#login-page .items input[type=password] {
    display: block;
    width: 240px;
    margin: 0 auto 15px;
}

#login-page .items input[type=password] {
    margin: 0 auto 5px;
}

#login-page .items.error input[type=text],
#login-page .items.error input[type=password] {
    display: block;
    width: 240px;
    margin: 0 auto 0px;
}

#login-page .errorMessage {
    padding: 10px;
    margin: 0 auto;
    text-align: center;
    color: red;
    font-size: 12px;
}

#login-page .items input[type=text]:focus,
#login-page .items input[type=password]:focus {
    border-color: rgba(254, 201, 0, 0.8) !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(254, 201, 0, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(254, 201, 0, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(254, 201, 0, 0.6);
}

#login-page .items input:focus:invalid, textarea:focus:invalid, select:focus:invalid {
    border-color: #e9322d !important;
    -webkit-box-shadow: 0 0 6px #f8b9b7 !important;
    -moz-box-shadow: 0 0 6px #f8b9b7 !important;
    box-shadow: 0 0 6px #f8b9b7 !important;
}

#login-page .item2 {
    width: 250px;
    margin: 10px auto 15px;
}

#login-page .item2 input {
    float: left;
    margin-top: 5px;
    margin-right: 10px;
}

#login-page .item2 label {
    font-size: 15px;
    line-height: 23px;
}

#login-page .log-btn {
    display: block;
    width: 250px;
    height: 35px;
    margin: 0 auto;
    background: #ffbf11;
    border: none;
    border-radius: 10px;
    color: #ffffff;
    font-size: 15px;
}

.head {
    position: fixed;
    width: 100%;
    height: 61px;
    background: #1b1b1b;
    z-index: 2;
}

.head .toogle-size-btn {
    display: none;
    float: left;
}

.head ul li {
    display: inline-block;
}

.head ul li.all-reports {
    margin: 0 7% 0 0;
}

.head ul li.all-reports a {
    margin: 17px 0 0 0;
    padding: 0 0 0 30px;
    background: url(../images/ico1.png) no-repeat;
    line-height: 22px;
}

.head ul li.message {
    width: 37px;
    height: 28px;
    padding: 10px 0 0 0;
    margin-top: 13px;
    overflow: hidden;
}

.head ul li.message a {
    position: relative;
    display: inline-block;
    height: 18px;
    text-indent: 1000px;
    background: url(../images/mail_bg.png) no-repeat;
}

.head ul li.message a:hover {
    background-position: 0px -18px;
}

.head ul li.message a:hover span,
.head ul li.message.active a span {
    color: #ffffff;
}

.head ul li.message span {
    position: absolute;
    top: -10px;
    left: 16px;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: orange;
    border-radius: 50%;
    text-indent: 0px;
    text-align: center;
    line-height: 19px;
}

.head ul li a {
    display: inline-block;
    color: #ffffff;
    font-size: 15px;
}

.head li.left {
    float: left;
}

.head li.right {
    float: right;
    margin-left: 7%;
}

.head li.user span {
    display: inline-block;
    margin: 20px 0 0 0;
    color: #eeeeee;
    cursor: default;
}

.head li.all-reports a:hover,
.head li.all-reports.active a {
    background-position: 0 -22px;
}

.head li a:hover, .head li.active a {
    color: #fec912;
    text-decoration: none;
}

.head li.exit a {
    margin: 11px 0 0 0;
    padding: 20px 0 0 0;
    background: url(../images/turnoff1_bg.png) no-repeat top center;
    color: #eeeeee;
}

.head li.exit a:hover {
    background: url(../images/turnoff2_bg.png) no-repeat top center;
    color: #fec912;
}

.col {
}

.col.left {
    float: left;
    width: 190px;
    margin: 0 2.5% 0 0;
}

.col.right {
    position: relative;
    margin-left: 190px;
    padding: 0 2.91%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 100%;

}

.col.right.full-size {
    margin-left: 0px;
}

.content.two-column .col.right {
    position: relative;
    padding: 0 2.91% 61px;
    background: #eeeeee;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
}

.brand {
    float: left;
    margin: 5px 0 0 6%;
}

.brand img {
    width: 160px;
}

.content {
    position: relative;
    padding: 61px 0 0 0;
    background: #40424b;
}

.content.one-column {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 100%;
    background: #eeeeee;
}

.content aside {
    position: fixed;
    min-height: 800px;
    background: #40424b;
}

.fixed {
    width: 190px;
    min-width: 170px;
    min-height: 800px;
    background: #40424b;
    z-index: 3;
}

.anchors-nav ul {
    margin: 0 0 60px 0;
}

.anchors-nav ul li {
    width: 100%;
}

.anchors-nav a {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 51px;
    padding-left: 25.8%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-top: 1px solid #4e515b;
    border-bottom: 1px solid #242730;
    background: #40424b;
    color: #dcdcdc;
    line-height: 53px;
    font-size: 14px;
}

.anchors-nav a:hover,
.anchors-nav li a.active {
    border-top: 1px solid #2f323a;
    border-bottom: 1px solid #242730;
    background: #2f323a;
    color: #fec912;
    text-decoration: none;
}

.anchors-nav a i {
    position: absolute;
    top: 13px;
    left: 5%;
}

.anchors-nav a:hover i.sprite-1,
.anchors-nav a.active i.sprite-1 {
    background-position: 0 -144px;
}

.anchors-nav a:hover i.sprite-3,
.anchors-nav a.active i.sprite-3 {
    background-position: 0 -289px;
}

.anchors-nav a:hover i.sprite-5,
.anchors-nav a.active i.sprite-5 {
    background-position: 0 -439px;
}

.anchors-nav a:hover i.sprite-7,
.anchors-nav a.active i.sprite-7 {
    background-position: 0 -587px;
}

.anchors-nav a:hover i.sprite-9,
.anchors-nav a.active i.sprite-9 {
    background-position: 0 -70px;
}

.all-reports ul {
    height: 170px;
    margin: 0 0 0 11.76%;
    overflow: auto;
    list-style: none;
}

.all-reports ul li {
    margin-bottom: 10px;
}

.add-files {
    width: 80%;
    margin: 20px auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 3%;
    border: 1px dashed #c1c1c1;
    border-radius: 10px;
    list-style: none;
    text-align: center;
}

.add-files ul {
    display: inline;
    text-align: left;
}

.add-files li {
    width: auto;
    position: relative;
    display: inline-block;
    padding: 1% 26px 0% 26px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    vertical-align: middle;
}

.add-files li a {
    position: relative;
    color: #2f323a;
    font-size: 14px;
}

.add-files i {
    position: absolute;
    left: -28px;
    margin-right: 5px;
    display: inline-block;
    width: 24px;
    height: 23px;
    background: url(../images/download_ico.png) no-repeat;
}

.add-files li a:hover {
    color: #df9711;
    text-decoration: none;
}

.add-files li a:hover i {
    background-position: 0 -23px;
}

.add-files li span {
    line-height: 25px;
}

#docs .add-files {
    margin: 0 auto;
    border: none;
}

.two-column #content {
    padding-top: 25px;
    min-height: 1200px;
}

.color-box-row {
    overflow: hidden;
    margin-bottom: 25px;
}

.color-box.first-box {
    margin-left: 0;
}

.color-box {
    float: left;
    min-width: 22.6%;
    margin-left: 3.1%;
}

.color-box.four-box {
    width: 22.6%;
}

.color-box.three-box {
    width: 31.2%;
}

.color-box {
    box-sizing: border-box;
}

.colorbox-wrap {
    padding: 15px 20px;
    border-radius: 10px;
    background: url(../images/green_bg.png) no-repeat;

}

.color-box:nth-child(1) .colorbox-wrap,
.color-box:nth-child(8n) .colorbox-wrap {
    background: url(../images/green_bg.png) no-repeat;
    background-size: 100% 100%;
}

.color-box:nth-child(2) .colorbox-wrap,
.color-box:nth-child(7n) .colorbox-wrap {
    background: url(../images/yellow_bg.png) no-repeat;
    background-size: 100% 100%;
}

.color-box:nth-child(3) .colorbox-wrap,
.color-box:nth-child(6n) .colorbox-wrap {
    background: url(../images/blue_bg.png) no-repeat;
    background-size: 100% 100%;
}

.color-box:nth-child(4) .colorbox-wrap,
.color-box:nth-child(5n) .colorbox-wrap {
    background: url(../images/red_bg.png) no-repeat;
    background-size: 100% 100%;
}

.colorbox-wrap h5 {
    height: 40px;
    margin: 0 0 12px 0;
    color: white;
    font-size: 17px;
    text-align: center;
    font-weight: normal;
}

.colorbox-wrap p {
    font-size: 55px;
    text-align: center;
    color: #ffffff;
    margin: 0;
}

.section-report {
    position: relative;
    border-radius: 5px;
    padding: 0 0 25px 0;
}

.section-report table {
    border-collapse: separate;
    border-spacing: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0;
}

.section-report table tr:first-child {
    border-radius: 5px 5px 0 0;
}

.section-report table tr:first-child td:first-child,
.section-report table tr:first-child td:last-child {
    border-radius: 5px 5px 0 0;
}

.section-report table tr:last-child td:first-child,
.section-report table tr:last-child td:last-child,
.expand-row td {
    border-radius: 0px 0px 5px 5px;
}

.section-report table tr td {
    padding: 8px;
    text-align: center;
    background: #ffffff;
    vertical-align: middle;
    border-left: 1px solid #dddddd;
    border-top: 1px solid #dddddd;

}

.expand-row {

    background: #ffffff;
    text-align: center;
    line-height: 35px;
}

.expand-row span {
    color: #df9711;
    border-bottom: 1px dashed #df9711;
    font-size: 13px;
    cursor: pointer;
}

.h4 h4,
.graf1 h4,
.graf2 h4,
#works h4,
#docs h4 {
    margin: 0;
    background: #ffffff;
    color: #2f323a;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 45px;
    word-wrap: break-word;
}

.section-report h4 i {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: none;
    margin-left: 10px;
}

.section-report h4 i img {
    vertical-align: top;
}

.section-report table td.h4,
.section-report table td.h4:hover {
    height: 43px;
    border-top: 4px solid #fdc800 !important;
    background: #ffffff !important;
    color: #2f323a;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 45px;
}

.section-report.search-words table td.h4 {
    border-top: 4px solid #31cd17 !important;
}
#sort-table > td {
    padding: 0!important;
}
#sort-table > td table {
    width: 100%;
}
.section-report table tr td:first-child {

}
#sortable th {
    background: #f5f5f5;
    text-align: center;
    font-weight: normal;
    border-bottom: 1px solid #ddd;
    cursor: pointer;



}
#sortable .tablesorter-headerUnSorted {
    background: url(../images/bg.gif) no-repeat center right;

}
#sortable .tablesorter-headerAsc {
    background: url(../images/asc.gif) no-repeat center right;
}
#sortable .tablesorter-headerDesc {
    background: url(../images/desc.gif) no-repeat center right;
}
#sortable td:first-child,#sortable th:first-child {
    border-left: none;
    width: 7%;
}
#sortable tr td {
    background: #ffffff!important;
}
#sortable tr:hover td {
    background: #f5f5f5!important;
}
.section-report table tbody > tr:nth-child(odd) > td,
.section-report table tbody > tr:nth-child(odd) > th {
    background: #ffffff;
}

.section-report table tr:hover td {
    background: #f5f5f5 !important;
}

.section-report table tr:nth-child(2) td,
.section-report table tr:nth-child(2) td:hover {
    font-size: 14px;
    background: #f5f5f5 !important;
    color: #333333;
}

.section-report.works,
.section-report.graf,
.section-report.docs {
    border: 1px solid #dddddd;
    border-radius: 5px;
    background: #ffffff;
    overflow: hidden;
    margin-bottom: 25px;
}

.section-report.works h4,
.section-report.graf h4,
.section-report.docs h4 {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 8px;
    border-left: none;
    border-right: none;
}

.section-report.works h4 {
    border-top: 4px solid #3fa1e9;
}

.section-report.docs h4 {
    border-top: 4px solid #3fa1e9;
}

.section-report.graf1 h4 {
    border-top: 4px solid #26d0b8;
}

.section-report.graf2 h4 {
    border-top: 4px solid #ff7b6c;
}

.section-report.attendance table td.h4 {
    border-top: 4px solid #3fa1e9 !important;
}

.works-list {
    padding: 0 2.3%;
}

.content footer {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -28px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.footer {
    clear: both;
    background: #2f323a;
    line-height: 65px;
}

.footer .wrap > span {
    display: inline-block;
    color: #ffffff;
}

.footer .wrap > span:nth-child(1) {
    margin: 0 13.1% 0 2.5%;
}

.footer .wrap > span:nth-child(2) {
    margin: 0 13.1% 0 0%;
}

.one-column h1 {
    font-size: 30px;
    text-align: center;
    margin-bottom: 20px;
}

.hidden-block {
    display: none;
}

#content {
    background: #eeeeee;
    padding: 20px;
    overflow: hidden;
}

.message ul {
    border-radius: 5px;
    overflow: hidden;
}

.message .inline-block {
    display: inline-block;
    vertical-align: top;
}

.avatar {
    width: 16%;
    min-width: 60px;
    margin-right: 2%;
}

.message-tiser .message-header {
    width: 78%;
}

.avatar img {
    width: 55px;
    height: 55px;
    border-radius: 5px;
}

.message-tiser {
    float: left;
    width: 28%;
    margin-right: 2%;
}

.message-tiser .tiser {
    clear: both;
    margin: 13px 0 0 0;
    font-size: 12px;
    color: #acacac;
}

.message-tiser li {
    background: #ffffff;

}

.message-tiser li a {
    padding: 12px 4%;
    display: block;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-top: 1px solid #dddddd;
}

.message-tiser li:first-child a {
    border-top: 1px solid #ffffff;
}

.message-tiser li.no-readed {
    border-right: 4px solid #fdc800;

}

.message-tiser li:hover,
.message-tiser li.active {
    background: #fdc800;
    border-right: 4px solid #fdc800;
    border-top: none;
}
.message-tiser li:hover a,
.message-tiser li.active a {
    border-top: 1px solid #fdc800;
}
.message-tiser li:hover time,
.message-tiser li:hover .tiser,
.message-tiser li.active time,
.message-tiser li.active .tiser {
    color: #ffffff;
}

.message-tiser .from {
    float: left;
    width: 70%;
    color: #2f323a;
}

.message-tiser time {
    float: left;
    font-size: 12px;
    color: #acacac;
}

.full-message {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    float: left;
    padding: 25px 2%;
    width: 70%;
    background: #ffffff;
    border-radius: 5px;
}

.full-message .from {
    float: left;
}

.full-message time {
    float: right;
    font-size: 12px;
    color: #acacac;
}

.full-message .message-header {
    margin: 0 0 17px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
}

#fancybox-content {
    border: none !important;
}

#fancybox-content #idea-form {
    display: block;
}

#idea-form {
    width: 462px;
    padding: 10px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #fff;

}

#idea-form h3 {
    margin: 35px 0 25px 0;
    text-align: center;
    color: #2f323a;
    font-size: 20px;
    font-weight: normal;
}

#idea-form .textarea {
    margin: 0 0;
}

#idea-form .textarea {
    width: 405px;
    margin: 0 auto;
    text-align: center;
}

#idea-form .form-desc {
    width: 405px;
    margin: 0 auto 35px;
    text-align: justify;
    font-size: 12px;
    font-style: italic;
    color: #b2b1b1;;
}

#idea-form textarea {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-radius: 15px;
    resize: vertical;
    height: 140px;
}

#idea-form textarea:focus {
    border-color: #ffa200;
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #ffa200;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #ffa200;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #ffa200;
}

#idea-form .send {
    margin: 20px 0 10px 0;
    text-align: center;
}

#idea-form .send input {
    width: 177px;
    height: 28px;
    border: none;
    background: #ffb400 url(../images/comments.png) no-repeat 40px 6px;
    line-height: 28px;
    text-indent: 23px;
    color: #ffffff;
    font: normal 14px Verdana;
    border-radius: 5px;
}

#idea-form .send input:hover {
    background: #ffa200 url(../images/comments.png) no-repeat 40px 6px;
}

/*
 стили для scrollpane.js (Скролл)
*/
.jspContainer {
    overflow: hidden;
    position: relative;
}

.jspPane {
    position: absolute;
}

.jspVerticalBar {
    position: absolute;
    top: 0;
    right: 16px;
    width: 1px;
    height: 100%;
    background: red;
}

.jspHorizontalBar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 16px;
    background: red;
}

.jspVerticalBar *,
.jspHorizontalBar * {
    margin: 0;
    padding: 0;
    background: #dcdcdc;
}

.jspCap {
    display: none;
}

.jspHorizontalBar .jspCap {
    float: left;
}

.jspTrack {
    background: #dde;
    position: relative;
}

.jspDrag {
    background: #bbd;
    position: relative;
    top: 0;
    left: -5px;
    width: 10px;
    background: #fab22d;
    cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
    float: left;
    height: 100%;
}

.jspArrow {
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
}

.jspArrow.jspDisabled {
    cursor: default;
    background: #80808d;
}

.jspVerticalBar .jspArrow {
    height: 16px;
}

.jspHorizontalBar .jspArrow {
    width: 16px;
    float: left;
    height: 100%;
}

.jspVerticalBar .jspArrow:focus {
    outline: none;
}

.jspCorner {
    background: #eeeef4;
    float: left;
    height: 100%;
}

* html .jspCorner {
    margin: 0 -3px 0 0;
}

/*
 конец стиля для scrollpane.js (Скролл)
*/

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 *
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 *
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    cursor: pointer;
    overflow: hidden;
    z-index: 1104;
    display: none;
}

#fancybox-loading div {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 480px;
    background-image: url(../images/fancybox/fancybox.png);
}

#fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1100;
    display: none;
}

#fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    overflow: auto;
    display: none;
}

#fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    z-index: 1101;
    outline: none;
    display: none;
}

#fancybox-outer {
    position: relative;
    width: 100%;
    height: 100%;
}

#fancybox-content {
    width: 0;
    height: 0;
    padding: 0;
    outline: none;
    position: relative;
    overflow: hidden;
    z-index: 1102;
    border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 1101;
}

#fancybox-close {
    position: absolute;
    top: 6px;
    right: 26px;
    width: 29px;
    height: 29px;
    background: transparent url(../images/fancy_closebox.png);
    cursor: pointer;
    z-index: 1103;
    display: none;
}

#fancybox-error {
    color: #444;
    font: normal 12px/20px Arial;
    padding: 14px;
    margin: 0;
}

#fancybox-img {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    line-height: 0;
    vertical-align: top;
}

#fancybox-frame {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}

#fancybox-left, #fancybox-right {
    position: absolute;
    bottom: 0px;
    height: 100%;
    width: 35%;
    cursor: pointer;
    outline: none;
    background: transparent url(../images/fancybox/blank.gif);
    z-index: 1102;
    display: none;
}

#fancybox-left {
    left: 0px;
}

#fancybox-right {
    right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
    position: absolute;
    top: 50%;
    left: -9999px;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    cursor: pointer;
    z-index: 1102;
    display: block;
}

#fancybox-left-ico {
    background-image: url(../images/fancybox/fancybox.png);
    background-position: -40px -30px;
}

#fancybox-right-ico {
    background-image: url(../images/fancybox/fancybox.png);
    background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
    visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
    left: 20px;
}

#fancybox-right:hover span {
    left: auto;
    right: 20px;
}

.fancybox-bg {
    display: block;
    position: absolute;
    padding: 0;
    margin: 0;
    border: 0;
    width: 20px;
    height: 20px;
    z-index: 1001;
}

#fancybox-bg-n {
    top: -20px;
    left: 0;
    width: 100%;
    background-image: url(../images/fancybox/fancybox-x.png);
}

#fancybox-bg-ne {
    top: -20px;
    right: -20px;
    background-image: url(../images/fancybox/fancybox.png);
    background-position: -40px -162px;
}

#fancybox-bg-e {
    top: 0;
    right: -20px;
    height: 100%;
    background-image: url(../images/fancybox/fancybox-y.png);
    background-position: -20px 0px;
}

#fancybox-bg-se {
    bottom: -20px;
    right: -20px;
    background-image: url(../images/fancybox/fancybox.png);
    background-position: -40px -182px;
}

#fancybox-bg-s {
    bottom: -20px;
    left: 0;
    width: 100%;
    background-image: url(../images/fancybox/fancybox-x.png);
    background-position: 0px -20px;
}

#fancybox-bg-sw {
    bottom: -20px;
    left: -20px;
    background-image: url(../images/fancybox/fancybox.png);
    background-position: -40px -142px;
}

#fancybox-bg-w {
    top: 0;
    left: -20px;
    height: 100%;
    background-image: url(../images/fancybox/fancybox-y.png);
}

#fancybox-bg-nw {
    top: -20px;
    left: -20px;
    background-image: url(../images/fancybox/fancybox.png);
    background-position: -40px -122px;
}

#fancybox-title {
    font-family: Helvetica;
    font-size: 12px;
    z-index: 1102;
}

.fancybox-title-inside {
    padding-bottom: 10px;
    text-align: center;
    color: #333;
    background: #fff;
    position: relative;
}

.fancybox-title-outside {
    padding-top: 10px;
    color: #fff;
}

.fancybox-title-over {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #FFF;
    text-align: left;
}

#fancybox-title-over {
    padding: 10px;
    background-image: url(../images/fancybox/fancy_title_over.png);
    display: block;
}

.fancybox-title-float {
    position: absolute;
    left: 0;
    bottom: -20px;
    height: 32px;
}

#fancybox-title-float-wrap {
    border: none;
    border-collapse: collapse;
    width: auto;
}

#fancybox-title-float-wrap td {
    border: none;
    white-space: nowrap;
}

#fancybox-title-float-left {
    padding: 0 0 0 15px;
    background: url(../images/fancybox/fancybox.png) -40px -90px no-repeat;
}

#fancybox-title-float-main {
    color: #FFF;
    line-height: 29px;
    font-weight: bold;
    padding: 0 0 3px 0;
    background: url(../images/fancybox/fancybox-x.png) 0px -40px;
}

#fancybox-title-float-right {
    padding: 0 0 0 15px;
    background: url(../images/fancybox/fancybox.png) -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_close.png', sizingMethod='scale');
}

.fancybox-ie6 #fancybox-left-ico {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_nav_left.png', sizingMethod='scale');
}

.fancybox-ie6 #fancybox-right-ico {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_nav_right.png', sizingMethod='scale');
}

.fancybox-ie6 #fancybox-title-over {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_title_over.png', sizingMethod='scale');
    zoom: 1;
}

.fancybox-ie6 #fancybox-title-float-left {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_title_left.png', sizingMethod='scale');
}

.fancybox-ie6 #fancybox-title-float-main {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_title_main.png', sizingMethod='scale');
}

.fancybox-ie6 #fancybox-title-float-right {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_title_right.png', sizingMethod='scale');
}

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
    height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
    position: absolute;
    margin-top: 0;
    top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_loading.png', sizingMethod='scale');
}

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg {
    background: transparent !important;
}

.fancybox-ie #fancybox-bg-n {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_n.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-ne {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_ne.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-e {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_e.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-se {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_se.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-s {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_s.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-sw {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_sw.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-w {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_w.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-nw {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_nw.png', sizingMethod='scale');
}

.pdf-button a{
	color:red;
	display:none
}

.work-list__title {
	font-size: 15px;
	line-height: 20px;
}