/* 0 0 1 16 2 32 3 48 4 64 5 80 6 96 7 112 8 128 9 144 A 160 B 176 C 192 D 208 E 224 F 255 */ @font-face {font-family: oSans; src: url(fonts/opensans.woff);} @font-face {font-family: cGothic; src: url(fonts/centurygothic.ttf);} @font-face {font-family: Impact; src: url(fonts/impact.ttf);} .thin {font-family: oSans, sans-serif !important;} .fat {font-family: Impact, sans-serif !important;} .gothic {font-family: cGothic, sans-serif !important;} .xdebug-var-dump {width: 1000px; margin: 0 0 8px 8px; padding: 4px 8px; background-color: #EEE; z-index: 1000;} .t05_ * {-webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;} .t025_ * {-webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s;} .t05, .t05 a, .t05 li, .t05 div {-webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;} .t025, .t025 a, .t025 li, .t025 div {-webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s;} .ggbb-user-select {-moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none;} body {height: 100%; margin: 0; padding: 0; font-family: Helvetica, Arial, sans-serif; overflow-x: hidden; background-repeat: no-repeat; background-position: top center;} a {cursor: pointer;} h1 {line-height: 40px; margin-bottom: 8px; font-size: 32px;} h2 {line-height: 32px; margin-bottom: 8px; font-size: 24px;} h3 {line-height: 26px; margin-bottom: 8px; font-size: 16px;} li a {color: #000; display: block;} textarea {min-height: 34px; resize: vertical;} kbd {font-weight: bold; font-family: Arial, Helvetica, sans-serif;} .page-header {border: none; font-family: oSans, 'Open Sans', sans-serif;} .inner-container {padding: 0;} .navbar-toggle {margin-top: 20px;} .navbar-header {height: 85px; padding: 0;} .navbar-default {margin-bottom: 15px; border: 0;} .navbar-default .navbar-nav {margin: 0 -15px; padding-left: 15px;} .navbar-default .navbar-nav > li > a {line-height: 85px; padding: 0 15px; color: #000; text-align: center; font-size: 1.5em;} .navbar-default .navbar-nav > li > a:hover {color: #BAC;} .navbar-default .navbar-brand {height: 85px; margin-right: 15px; padding: 0; font-size: 3em; float: left; color: #444;} .navbar-default .navbar-brand:hover {color: #BAC;} .navbar-default .navbar-brand img {height: 100%; padding: 8px 15px; display: inline-block;} .navbar-default .navbar-brand .navbar-brand-title {line-height: 85px; float: right;} .navbar-default .navbar-collapse.in {margin-bottom: 100px; overflow: inherit;} .navbar-default .navbar-toggle {width: 85px; height: 85px; margin: 0; padding: 0; border: 0; border-radius: 0; background-image: url(/theme/img/nav-icon.png); background-position: 50% 50%; background-size: 32px; background-repeat: no-repeat; cursor: pointer;} .navbar-default .navbar-toggle:hover {width: 85px; height: 85px; background-color: rgba(255, 255, 255, 0.25);} .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {color: #FFF; background-color: #BAC;} .navbar-default .navbar-text {height: inherit; line-height: 85px; margin: 0; padding: 0 15px; font-size: 32px; font-weight: bold; border-left: 1px solid rgba(255, 255, 255, 0.5); list-style: none;} .navbar-default .navbar-text > li {color: #555;} .navbar-default .navbar-phone {line-height: 85px; color: #555; font-size: 85px; } .navbar-default .navbar-phone-out {width: 100%; height: 32px; font-size: 32px; display: none;} .navbar-default .navbar-phone-out > .navbar-text {width: inherit; padding: 0; border: 0;} .navbar-default .navbar-phone-out > .navbar-text > li {width: 50%; line-height: 32px; float: left; text-align: center; color: #FFF;} /*.dropdown-menu {width: 100%; padding: 0; border: 0; background-color: rgba(0, 0, 0, 0.75);}*/ /*.dropdown-menu > li > a {line-height: 40px; color: #CCC;}*/ /*.dropdown-menu > li > a:hover {color: #444; background-color: rgba(255, 255, 255, 0.75);}*/ .popover-content {padding: 8px; overflow: hidden;} .popover-hidden {display: none;} .pagination > li > a {width: 36px; color: #BAC;} /*.pagination > .pagination-dir > a {border: 0;}*/ .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {background-color: #BAC; border-color: #BAC;} .block-head {height: 46px; margin: 15px 0;} .block-head .btn {margin-left: 8px;} .title-badge {color: #CCC;} .form-control {margin-bottom: 8px; background-color: rgba(255, 255, 255, 0.9);} .form-control:focus {border-color: #08F; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);} .form-control[type='range'] {padding: 0; padding-right: 8px; border: 0 none; box-shadow: none;} .bootstrap-switch.bootstrap-switch-focused {border-color: #08F; box-shadow: none;} .input-group {width: 100%; margin-bottom: 8px;} .input-group .input-group-addon {min-width: 110px;} .input-group .phone-prefix {min-width: 56px; width: 56px; border-right: 0;} .input-group-vertical .form-control {margin-bottom: 0; border-radius: 0;} .input-group-vertical .form-control:first-child {border-radius: 4px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .input-group-vertical .form-control:last-child {border-radius: 4px; border-top-left-radius: 0; border-top-right-radius: 0; } .table > thead {font-weight: bold;} .btn {outline: none; font-size: 17px; transition: all 0.25s; } .btn:focus {outline: none;} .btn i {font-size: 23px;} .btn-ww {color: #000; background-color: #EEE; transition: all 0.25s; } .btn-ww:hover {color: #FFF; background-color: #BAC; } .btn-group-addon {padding: 6px 12px; font-size: 14px; font-weight: normal; line-height: 1; color: #555; text-align: center; border: 1px solid #ccc; border-radius: 4px; background-color: #EEE;} .btn-group {display: table;} .btn-group-lg > .btn-group-addon {padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; display: table-cell; white-space: nowrap; vertical-align: middle;} .btn-group-lg > .btn-group-addon:first-child {border-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0;} .btn-tranparent-w {color: #FFF; background-color: transparent;} .btn-tranparent-b {color: #000; background-color: transparent;} .btn-black {color: #FFF; background-color: #000;} .btn-black:hover {color: #FFF;} .btn-wh {color: #000; background-color: #FFF; border: solid 1px #CCC;} .btn-wh:hover {background-color: #EEE;} .btn-gray {color: #000; background-color: #888;} .btn-l-gray {color: #555; background-color: #EEE; border: solid 1px #CCC;} .btn-l-gray:hover {background-color: #CCC;} .btn-green {color: #000; background-color: #8C8;} .btn-green:hover {color: #FFF; background-color: #6A6;} .btn-yellow {color: #000; background-color: #FD6;} .btn-yellow:hover {background-color: #DB4;} .btn-red {color: #FFF; background-color: #E44;} .btn-red:hover {color: #FFF; background-color: #C22;} .btn-tranparent-w:hover {color: #000;} .btn-tranparent-b:hover {color: #FFF;} .btn.active {background-color: #A9B; color: #EEE;} .m-add-btn {} .dropdown-menu > li > a {padding: 4px 10px;} .dropdown-menu > li > a > i {width: 32px; margin-right: 10px; font-size: 18px; text-align: center;} .action-btn-group {text-align: center; font-size: 12px; position: absolute; top: -32px; right: 0; background-color: rgba(0,0,0,0.5);} .action-btn-group > a {width: 32px; line-height: 32px; color: #FFF; display: inline-block;} .action-btn-group > a > i {width: 32px; line-height: 32px; text-align: center; color: #FFF; display: inline-block;} .form-checklist {} .form-checklist .checklist-item {width: 100%; margin: 0; padding: 12px 15px; border: solid 1px #CCC; border-bottom: 0;} .form-checklist .checklist-input {margin-right: 15px;} .form-checklist .checklist-checked {background-color: #A0C5E8;} .form-checklist .checklist-item:first-child {border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 0; border-bottom-right-radius: 0;} .form-checklist .checklist-item:last-child {border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom: solid 1px #CCC;} #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url('fancybox/fancybox_mikhnevich_sprite.png') !important;} .fancybox-close {width: 32px !important; height: 32px !important; top: 8px !important; right: 8px !important;} .fancybox-nav span {width: 32px !important; height: 32px !important;} .fancybox-next span {background-position: 0 -64px !important;} .fancybox-prev span {background-position: 0 -32px !important;} .search-line input {height: 74px; font-size: 28px;} .search-line .btn-lg {padding: 23px 56px 24px;} .data-empty {padding: 15px 0; font-size: 2em; color: #CCC;} .m-top {background-color: rgba(0, 0, 0, 0.5);} .extra_info {width: 500px; font-size: 1.2em; text-align: right; float: right; } .m-container {min-height: 740px;} .m-pagination {text-align: center;} .bc_wrapper {height: 44px;} .bc_wrapper ul {margin: 0; padding: 0;} /*.bc_wrapper ul a {color: #888;}*/ /*.bc_wrapper ul a:hover {color: #000;}*/ .bc_wrapper ul li {line-height: 40px; margin-right: 8px; padding-right: 32px; list-style-type: none; display: inline-block; background: no-repeat right url(/theme/img/bc_separator.png); background-size: 22px auto;} .control_button {width: 26px; line-height: 26px; text-align: center; overflow: hidden; float: right; color: #CCC; font-size: 12px; position: relative; } .control_button:hover {color: #FFF;} .control_button {width: 100%; height: 150%; margin: 0; padding: 0; position: absolute; top: -16px; left: 0; opacity: 0; cursor: pointer;} .range-input {width: 75%} .range-val {width: 25%;} .range-axis {width: 10%;} .contacts-block {padding: 35px 15px; font-size: 2em; color: #FFF; background-color: #BAC;} .contacts-block div {padding: 0;} .module-serach {margin-right: 8px;} .module-serach .input-group {width: 200px;} .module-serach input {width: 150px; height: 46px;} .module-serach input:focus {width: 250px;} .module-serach button {height: 46px;} .module-serach button > i{font-size: 16px;} /*box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);*/ #m-notification-wrapper {width: 400px; position: fixed; bottom: 15px; right: 15px; z-index: 1550;} #m-notification-wrapper > .n-message {width: 100%; margin-bottom: 15px; margin-left: 415px; padding-left: 80px; color: #FFF; border-radius: 4px; overflow: hidden; background-position: 20px 50%; background-size: 40px; background-repeat: no-repeat; background-color: rgba(32, 32, 32, .75); box-shadow: 0 4px 8px rgba(0, 0, 0, .25); } #m-notification-wrapper > .n-message:last-child {margin-bottom: 0;} #m-notification-wrapper > .n-message > .m-notification-msg {width: 80%; height: 100%; padding: 30px 20px; float: left; text-align: left; border-left: dashed 1px rgba(255, 255, 255, .5);} #m-notification-wrapper > .n-message.n-info {background-color: rgba(44, 130, 201, .75); background-image: url(/theme/img/icon-info.png); } /*#6AF*/ #m-notification-wrapper > .n-message.n-success {background-color: rgba(65, 168, 95, .75); background-image: url(/theme/img/icon-check.png); } /*#6C4*/ #m-notification-wrapper > .n-message.n-warning {background-color: rgba(251, 160, 38, .75); background-image: url(/theme/img/icon-warning.png); } /*#FA4*/ #m-notification-wrapper > .n-message.n-error {background-color: rgba(255, 64, 64, .75); background-image: url(/theme/img/icon-ban.png);} /*#F44*/ .m-user-info {line-height: 24px; padding: 30px; padding-left: 120px; text-align: justify; color: #888; font-size: 1.25em; border: solid 5px #FC8; background-color: #EEE; background: no-repeat 20px 50% url(/theme/img/info-icon.png); background-size: 80px;} .m-page-wrapper {height: 400px; overflow: hidden; padding: 8px; border: 1px solid #CCC;} .m-page-wrapper > .m-page {float: left;} .m-modal-wrapper {width: 100%; height: 100%; top: 0; left: 0; position: fixed; display: none; background-image: url(/theme/img/modal_bg.png); background-size: 100% 100%; z-index: 1500;} .m-modal-wrapper .window {max-height: 93%; padding: 8px 8px 62px; position: relative; overflow: hidden; display: none; background-color: #FFF; z-index: 1001; resize: vertical;} .window-large {width: 75%; margin: 30px auto; } .window-medium {width: 50%; margin: 100px auto; } .window-tiny {width: 25%; min-width: 416px; margin: 60px auto; } .m-modal-wrapper .button-panel {width: 100%; padding: 8px; position: absolute; bottom: 0; right: 0;} .m-modal-wrapper .close {width: 42px; line-height: 42px; color: #888; text-align: center; font-size: 32px; position: absolute; top: 2px; right: 2px; opacity: 1; cursor: pointer; transition: all 0.25s; background-color: #FFF;} .m-modal-wrapper .close:hover {color: #000;} .m-modal-wrapper .block-head {width: 95%; margin: 0; font-size: 28px;} /*.m-popup*/ #m-ajax-console {width: 700px; height: 200px; padding: 8px; color: #FFF; position: fixed; left: 8px; bottom: 8px; overflow-y: scroll; background-color: rgba(0, 0, 0, 0.66); z-index: 2000;} .m-ajax-btn-panel {position: fixed; left: 8px; bottom: 208px; background-color: rgba(0, 0, 0, 0.33); z-index: 2000;} footer {width: 100%; margin-top: 50px; border-top: 1px solid #BAC; overflow: hidden; background-color: #FFF; font-size: 1.2em;} footer .footer-bottom {min-height: 60px; padding: 15px 0; color: #555; background-color: #FFF;} footer .footer-bottom * {color: #888;} .m-footer {padding-top: 20px; color: #BAC;} .m-footer-content {padding-bottom: 15px; background-color: #E1E1E1;} .m-footer-links {margin: 30px 0;} #scroll-top {height: 64px; width: 64px; text-align: center; font-size: 64px; color: #BAC; display: none; cursor: pointer; z-index: 1000; position: fixed; bottom: 20px; right: 20px; text-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);} #scroll-top:hover {opacity: 1;} .m-footer-bottom {line-height: 64px; color: #888; border-top: 1px solid #BAC; text-align: center; } .m-footer-bottom a {color: #314;} .center-block{margin: 0 0 15px;} /*.modal-head {width: 93%;*/ /*#modalCart {background-size: 1450%;}*/ @media screen and (max-width: 1620px) { .navbar-default .navbar-brand {font-size: 2.5em;} .navbar-default .navbar-nav > li > a {width: 100%; font-size: 1.25em;} } @media screen and (max-width: 1450px) { .navbar-default .navbar-nav > li > a {padding: 0 10px; font-size: 1em;} .window-tiny {width: 50%; margin-top: 15px;} .window-medium {width: 75%; margin-top: 15px;} } @media screen and (max-width: 1365px) { .navbar-default .navbar-text {font-size: 20px;} .navbar-default .navbar-phone {font-size: 64px; padding: 0 10px;} } @media screen and (max-width: 1279px) { .navbar-default .navbar-text {font-size: 20px;} .navbar-default .navbar-phone {display: none;} .window-tiny {width: 50%; margin-top: 15px;} .window-medium {width: 75%; margin-top: 15px;} } @media screen and (max-width: 1220px) { .navbar-default .navbar-nav > li > a {font-size: 1.25em;} .navbar-default .navbar-brand {margin-right: 0;} .navbar-default .navbar-brand .navbar-brand-title {display: none;} .m-footer-col {text-align: center; border: 0;} .m-footer-col ul {margin: 0 auto; padding-left: 0;} .m-footer-bottom {font-size: 0.75em;} } @media screen and (max-width: 991px) { .window-tiny, .window-medium, .window-large {width: 100%; margin-top: 0;} .m-modal-wrapper .window {height: 100%; overflow-y: auto;} .m-modal-wrapper .window .button-panel {} #m-notification-wrapper {width: 100%; position: fixed; bottom: 0; right: 0; z-index: 1550;} #m-notification-wrapper > .n-message {margin: 0; border-radius: 0; background-color: #555;} #m-notification-wrapper > .n-message.n-info {background-color: #6AF; background-image: url(/theme/img/icon-info.png); } /*#6AF*/ #m-notification-wrapper > .n-message.n-success {background-color: #6C4; background-image: url(/theme/img/icon-check.png); } /*#6C4*/ #m-notification-wrapper > .n-message.n-warning {background-color: #FA4; background-image: url(/theme/img/icon-warning.png); } /*#FA4*/ #m-notification-wrapper > .n-message.n-error {background-color: #F44; background-image: url(/theme/img/icon-ban.png);} /*#F44*/ } @media screen and (max-width: 767px) { .navbar-default .navbar-nav {padding: 0;} .navbar-default .navbar-text, .navbar-default .navbar-phone {display: none;} .navbar-default .navbar-phone-out, .navbar-default .navbar-phone-out .navbar-text {display: block;} .m-user-info {padding: 30px; padding-top: 120px; background-position: 50% 20px;} } @media screen and (max-width: 510px) { .m-footer-bottom {font-size: 0.5em;} } @media screen and (max-width: 400px) { .navbar-default .navbar-phone-out > .navbar-text > li {width: 100%; line-height: 40px; font-size: 36px;} } @media screen and (max-width: 360px) { .navbar-default .navbar-phone-out > .navbar-text > li {width: 100%; line-height: 40px; font-size: 30px;} } /*.skype {color: #19B6F0; !important;}*/