/* * @copyright ОДО "АйТи Медиа", 2012-2013 */ /* Global resets */ a img {border: 0; outline: none;} form {margin: 0;padding: 0;} h1, h2, h3, h4, h5, h6 {font-weight: normal;margin: 0 0 1em;padding: 0;} input, select, textarea {font-family: inherit;font-size: inherit;} p {margin: 0 0 1em 0;padding: 0;} table {padding: 0; border-spacing: 0;} td,th {vertical-align: top; } /* - Global resets */ /* Fonts */ @font-face {font-family: 'Hagin Medium'; src: url('../i/fonts/hagin-medium.eot');} @font-face {font-family: 'Hagin Medium'; src: url('../i/fonts/hagin-medium.eot?#iefix') format('embedded-opentype');} @font-face {font-family: 'Hagin Medium'; src: url('../i/fonts/hagin-medium.otf') format('opentype');} .font-hagin-medium {font-family: 'Hagin Medium', 'Times New Roman', Times, serif;} .font-mono {font-family: 'PT Mono', sans-serif;} .font-ptserif {font-family: 'PT Serif', serif;} .font-condensed {font-family: 'Open Sans Condensed', sans-serif;} .text-grey {color: #222;} body {font: 11pt Georgia, 'Times New Roman', Times, serif; background: #fff url('../i/body-bg.gif') repeat-x bottom; color: #1f1919; line-height: 1.3; margin: 0; padding: 20px 0;} .page-container {margin: 0 auto; width: 1117px; padding: 0 20px;} .clear-fix, .clear {clear: both; font-size: 0; overflow: hidden;} /*Тройной презик для IE*/ .grid-pd {padding: 0 11px;} /* BASE */ a {text-decoration: underline; color: #0133c4; outline: none;} a:hover {text-decoration: underline; color: #2056f5;} h1, h2, h3, h4, h5, h6 {margin-top: 1.5em; margin-bottom: 1em; font-family: 'Hagin Medium', 'Times New Roman', Times, serif;} h1 {margin-top: 0; font-size: 26pt; font-weight: normal; color: #343434; font-family: 'Hagin Medium', 'Times New Roman', Times, serif; text-transform: uppercase; text-align: center;} h2 {font-size: 21pt; font-weight: normal;} h3 {font-size: 17pt; font-weight: normal;} h4 {font-size: 14pt; font-weight: normal;} h5 {font-size: 12pt; font-weight: bold;} h6 {font-size: 11pt; font-weight: bold;} table {margin-bottom: 20px; width: 100%;} td, th {padding: 7px;} th {text-align: left; font-weight: bold;} ul, ol {} li {margin-bottom: 10px;} blockquote, q {display: block; font-size: 10pt; color: #444; font-style: italic; font-family: Georgia, sans-serif; margin: 0 0 15px; padding: 7px 10px 7px; border-left: 2px solid #ccc;} blockquote p:last-of-type, q p:last-of-type {margin-bottom: 0;} .fr {float: right;} .fl {float: left;} .l {text-align: left;} .r {text-align: right;} .c {text-align: center;} .i {font-style: italic;} .b {font-weight: bold;} .comment {color: #666;} .exmpl {font-size: 8pt; color: #666;} .red {color: #bc0000;} .date {} .text-super-big {font-size: 100pt;} .text-center {text-align: center;} a.sel {text-decoration: line-through;} a.sel:hover {text-decoration: line-through;} ul.centred {text-align: left; margin: 20px 10%; list-style: none;} ul.centred li {background: url('../i/li-bg.gif') no-repeat 0 3px; padding-left: 23px; margin-bottom: 15px;} /* Files */ .file {padding-left: 32px; margin-bottom: 15px; background: url('../i/icons/files/def.gif') no-repeat 0 4px; font-size: 8pt; color: #666;} .file span {} .file a {display: block; font-size: 10pt;} .file.xlsx, .file.xls {background-image: url('../i/icons/files/xls.gif');} .file.docx, .file.doc {background-image: url('../i/icons/files/doc.gif');} .file.gif, .file.jpg, .file.jpeg, .file.png {background-image: url('../i/icons/files/jpg.gif');} .file.pdf {background-image: url('../i/icons/files/pdf.gif');} .file.zip {background-image: url('../i/icons/files/zip.gif');} .file.rar {background-image: url('../i/icons/files/rar.gif');} /* Header */ .panel-header {padding-bottom: 23px;} .panel-header .logo {height: 181px; width: 200px; background:#fff url('../i/logo.jpg') no-repeat 50% 0;} .panel-header .logo.min {height: 50px; width: 200px; background:#fff url('../i/logo-min.jpg') no-repeat 50% 50%; padding: 30px 0; margin-top: 20px;} .panel-header-labels {font-size: 25px; padding-top: 3px; text-transform: uppercase;} .panel-header-labels a {text-decoration: none;} .panel-header-labels a:hover {color: #000; text-decoration: underline;} .panel-header-sub {font-size: 10pt; padding-top: 10px; z-index: 2; position: relative;} .panel-header-menu {font-size: 11pt; margin-top: 1px;} .panel-header-menu .panel-bar .col-left, .panel-header-menu .panel-bar .col-right {padding: 15px 0;} .panel-header p {margin: 0; margin-bottom: 3px;} .block-links-delimeted {} .block-links-delimeted a {padding-right: 25px; background: url('../i/delimiter.gif') no-repeat 100% 50%; margin-left: 13px; text-decoration: none;} .block-links-delimeted a.sel, .block-links-delimeted a.sel:hover {text-decoration: line-through; color: #2d2727} .block-links-delimeted a:hover {text-decoration: underline;} .block-links-delimeted a:first-child {margin-left: 0;} .block-links-delimeted a.end {padding-right: 0; background: none;} .panel-line-about {font-size: 25px; padding-top: 20px;} .panel-line-about .panel-bar .col-center {font-size: 42px; text-transform: uppercase; padding: 3px 0; width: 270px; margin-left: 410px;} .panel-line-about .panel-bar .col-left, .panel-line-about .panel-bar .col-right {padding: 7px 0;} .panel-line-about .block-info {text-align: center;background: url('../i/footer-info-bg.gif') no-repeat 50% 100%; padding: 34px 70px 25px 70px;} .panel-line-about p {font-size: 10pt; margin-bottom: 1.15em;} .panel-line-about p.title {font-size: 13pt;} .panel-subheader {height: 200px; } .panel-subheader .panel-bar {position: absolute; margin-top: -70px; width: 1095px; z-index: 1;} .panel-subheader .panel-bar .col-left, .panel-subheader .panel-bar .col-right {padding-top: 100px;} .panel-subheader .image {width: 600px; text-align: center; height: 250px; margin-left: 247px; position: absolute;} /* Lines */ .line-dotted {height: 1px; font-size: 0; background: url('../i/dotted-bg.gif') repeat-x top;} .line-broken {height: 5px; font-size: 0; background: url('../i/line-broken.gif') repeat-x top; margin: 15px 0;} .line-delimiter {height: 12px; font-size: 0; background: url('../i/dotted-bg.gif') repeat-x 50%; margin-top: 50px; margin-bottom: 30px;} .line-delimiter span {display: block; background:#fff url('../i/delimiters.gif') no-repeat 50% 50%; height: 12px; width: 200px; margin: 0 auto;} /* Panel-Bar */ .panel-bar {text-align: center;} .panel-bar .col-left {width: 445px; float: left; text-align: left; padding: 10px 0;} .panel-bar .col-right {margin-left: 645px; text-align: right; padding: 10px 0;} .panel-bar .col-center {width: 200px; background-color: #fff; position: absolute; margin-left: 445px; margin-top: -10px; text-align: center; display: block;} /* Promo-Block */ .panel-promo {padding-bottom: 26px; min-height: 550px;} .item-promo {display: none;} .item-promo .image {height: 401px; background-position: 0 50%; background-repeat: no-repeat;} .item-promo .data {text-align: center; padding: 39px 0 0 0;} .item-promo .title {font-size: 39pt; color: #2b2b2b; margin: 0; margin-bottom: 4px; padding: 0 5%;} .item-promo p {padding: 0 10%; margin: 0; margin-bottom: 10px;} .promo-nav {background: url('../i/dotted-bg.gif') repeat-x 50%; display: block; width: 1095px; position: absolute; margin-top: 415px; text-align: center; margin-left: 11px;} .links { height: 19px; background: #fff; padding: 0 5px;} .links a {display:inline-block; width: 19px; height: 11px; background: url('../i/pic.gif') no-repeat 50% 50%; margin-right: 3px;} .links a.sel {background-image: url('../i/pic-sel.gif');} /* Footer */ .panel-footer {font-size: 9pt; padding-top: 60px; text-align: center; width: 520px; margin: 0 auto;} .panel-footer-menu {background: url('../i/line-anchors-min.gif') no-repeat 50% 100%; padding-bottom: 20px; margin-bottom: 5px;} .panel-footer-menu a {margin-left: 20px; text-decoration: none;} .panel-footer-menu a:first-child{margin-left: 0;} .panel-footer-menu a:hover {text-decoration: underline;} .panel-footer p {margin: 0; margin-bottom: 5px;} .panel-copy {padding-top: 5px;} .panel-footer-contacts {} .panel-copy .copy {color: #848484;} .tags {font-family: 'PT Mono', sans-serif; text-align: center; color: #949494; font-size: 9pt;} .tags a {color: #949494; text-decoration: none;} .tags a:hover {color:#2056f5; text-decoration: underline;} .tags a.sel {color: #949494; text-decoration: line-through;} .tags a.sel:hover {color:#2056f5; text-decoration: line-through;} .line-anchors {background: url('../i/line-anchors.gif') no-repeat 50% 50%; text-align: center; margin: 10px 0 2px 0;} .line-anchors .link {margin-top: 30px;} .line-anchors img {} /* Content Grid */ .panel-content {padding-top:10px; padding-bottom: 20px;} .panel-page {width: 960px; margin: 0 auto;} .panel-page-centred {text-align: center;} .galcolumn .item-page:last-of-type {background: none; margin-bottom: 0; padding-bottom: 15px;} .item-page {font-size: 10pt; color: #2d2727; padding: 15px 0 25px; width: 230px; background: url('../i/line-broken.gif') repeat-x bottom; margin-bottom: 15px;} .item-page .title {font-family: 'PT Serif', serif; font-size: 16pt; line-height: 1.1; margin: 0; margin-bottom: 15px;} .item-page .title a {color: #1f1f1f;} .item-page .image {margin: 0; margin-bottom: 15px; display: block;} .item-page .image img {width: 100%;} .item-page p {margin: 0; margin-bottom: 5px;} .item-page .info {padding-top: 10px; line-height: 1.1; font-family: 'PT Mono', sans-serif; font-size: 9pt;} .item-page .tags {color: #acacac; text-align: left;} .item-page .tags a {color: #acacac; text-decoration: none;} .item-page .tags a:hover {color: #2056f5; text-decoration: underline;} .item-page .date {} .item-page .line-dotted {margin-top: 20px;} /* .item-page:hover {} .item-page:hover .image img {opacity: 1;} */ .block-tags-portfolio {text-align: center; color: #282828; margin: 0 auto; width: 350px; font-size: 9pt; margin-top: 50px;} .block-tags-portfolio p {margin: 0; padding: 5px 0; display: block;} .block-tags-portfolio a {color: #282828; text-decoration: none;} .block-tags-portfolio a:hover {text-decoration: underline; color: #2056f5;} .block-tags-portfolio .tags {border-bottom: 1px solid #201a2e; margin-bottom: 3px;} .block-archive {width: 189px; height: 72px; padding-top: 4px; font-size: 14pt; display: block; background: url('../i/archive.gif') no-repeat 0 0; color: #fff; text-decoration: none; text-align: center; margin: 0 auto; margin-top: -1px;} .block-archive:hover {color: #fff; text-decoration: none;} /* Pages */ .block-pages {margin-top:20px; margin-bottom: 20px; border-radius: 5px; padding: 15px; background: #f7f7f7; box-shadow:inset #ccc 1px 1px 3px;} .block-pages a {padding:5px 7px 5px 7px; color:#666; text-decoration:none; border-radius:4px; margin-right: 2px;} .block-pages a:hover {text-decoration:none; color:#000; background:#E7EDF2; box-shadow:inset #ccc 1px 1px 3px;} .block-pages a.sel, .block-pages a.sel:hover {background: #437BAF; color: #fff; box-shadow:inset #333 1px 1px 3px;} .block-pages .page_label {margin-right: 10px; color: #666;} /* Nav-path */ .nav-path {font-size: 8pt;} .nav-path a {color: #777; text-decoration: none;} .nav-path a.sel {} .nav-path a:hover, .nav-path a.sel:hover {text-decoration: underline; color: #555;} .block-menu {position: absolute; width: 600px; margin-left: 247px;} .block-menu ul {list-style: none; padding: 30px 0 15px 0; margin: 0; display: block; font-size: 12pt;} .block-menu li {display: inline; margin: 0 10px;} .block-menu a {text-decoration: none;} .block-menu a.sel {text-decoration: line-through; color: #201a2e;} .block-menu .line {height: 1px; border-bottom: 1px solid #000; display: block; margin: 0 170px;} .block-company-short {background: url('../i/logo-big.jpg') no-repeat 50% 0; padding: 400px 100px 10px 100px; font-size: 13pt; line-height: 1.5; margin-bottom: 30px; text-align: center;} .block-company-short h1 {font-size: 36pt; margin-bottom: 0.2em;} .panel-cols-3 {} .panel-cols-3 .col {width: 30%; margin-left: 5%; float: left;} .panel-cols-3 .col:first-child {margin-left: 0;} .block-company-cols {text-align: center; font-size: 10pt;} .block-company-cols .title {font-size: 16pt; margin: 0; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #777;} .block-company-text {text-align: center; padding: 0 15%; margin-bottom: 50px;} .block-company-text h2 {margin: 40px 0 25px;} .block-company-uslugi {text-align: center; background: url('../i/uslugi-bg.jpg') no-repeat 50% 70px; min-height: 440px; margin-bottom: 50px;} .block-company-uslugi h2 {background: url('../i/line-broken.gif') repeat-x 0 23px;} .block-company-uslugi h2 span {background: #fff; padding: 3px 30px} .block-company-uslugi .block-content {width: 300px; padding: 0 40px;} .block-company-uslugi .block-content.left {float: left;} .block-company-uslugi .block-content.right {float: right;} .block-company-uslugi .title {font-family: 'PT Serif', serif;} .block-company-clients {} .block-company-clients .block-title {height: 90px; padding-top: 66px; background: url('../i/illus/clients.jpg') no-repeat 50% 0;} .block-company-clients .block-title .left {} .block-company-clients .block-title .right {float: right;} .block-company-clients .line-dotted {margin-top: 70px; text-align: center;} .block-company-clients .line-dotted span {display: block; background:#fff url('../i/footer-info-bg.gif') no-repeat 50% 0; height: 20px; padding: 0 40px; width: 146px; margin: 0 auto;} .list-clients ul {list-style: none; margin: 0; padding: 0; font-size: 10pt;} .list-clients li {width: 250px; margin: 0; padding: 5px 10px 5px 0;} .block-company-projects {text-align: center; margin-bottom: 50px;} .block-company-projects h2 {font-size: 26pt; margin: 40px 0 25px;} .block-company-projects .text-super-big {margin: 0; margin-bottom: 20px;} .block-company-projects .text-super-big a {color: #1f1919} .block-rotator {text-align: center;} .block-rotator .block-nav {background: url('../i/dotted-bg.gif') repeat-x 50%; margin: 20px 0; display: none;} .block-rotator .item {display: none;} select, textarea, input[type="text"], input[type="email"] {width: 662px;} input[type="checkbox"] {margin-right: 10px;} .control-group-col2 {} .control-group-col2 .col {float: left; width: 45%; margin-right: 5%;} .control-group-col2 .col input[type="text"], .control-group-col2 .col input[type="email"]{width: 99%;} .control-row {padding: 8px 0 10px;} .control-label {margin-bottom: 2px;} .control-row label {font-style: italic; color: #434d54;} .control-description {font-size: 9pt; margin-top: 5px; color: #848484;} .control-widget {} .control-errors {margin: 0; padding: 0; list-style: none; color: #ff5a00} .control-errors li {padding: 3px 0;} .block-feedback {width: 700px; margin: 0 auto;} .block-feedback textarea {width: 94.5%;} form {margin: 0; padding: 0;} input, textarea, select {background: none no-repeat scroll 98% 50% #F5F6F7; padding: 7px; border: 1px solid #DCE4E6; color: #000; border-radius: 3px; font-family: Arial, Helvetica, sans-serif; font-size: 9pt;} input:focus, textarea:focus, select:focus {box-shadow:inset -1px -1px 1px #eee, inset 1px 1px 1px #ddd, 0 0 2px #208EFC;} .button {font-family: 'Hagin Medium', 'Times New Roman', Times, serif; border: 0; background: #333; color: #eee; font-size: 20pt; padding: 7px 20px; border-radius: 4px; box-shadow: 1px 1px 2px #eee;} .button:hover {color: #fff;} .button.click {box-shadow: inset 1px 1px 5px #000;} .button.noactive {} .button.noactive:hover {} .button.noactive.click {} .alert {text-align: center; margin: 10px;} .alert button {display: none;} .alert.alert-success {color: #379a06;} .alert.alert-danger {color: #ff5a00;} .file-input-wrap {min-height: 30px; background: url('../i/icons/attach.gif') no-repeat 0 50%; font-size: 14pt; padding-left: 25px;} .file-input {cursor: pointer; display: inline-block; text-decoration: none; border-bottom: 1px dashed #0052a3; color: #0052a3; } .file-input:hover {text-decoration: none;} .file-input-info {width: 240px; overflow: hidden; display: inline-block; padding-left: 10px; padding-top: 7px;} .header-button {padding: 4px 8px; border-radius: 3px; background: linear-gradient(to bottom, #4aad00 0%, #398600 100%) repeat scroll 0 0 transparent; color: #fff; text-decoration: none;} .header-button:hover {background: linear-gradient(to bottom, #45a200 0%, #347b00 100%) repeat scroll 0 0 transparent; color: #fff; text-decoration: none;}