Current Path : /var/www/html/clients/e-nkama.ru/e-nkama_bitrix/bitrix/templates/nk/css/ |
Current File : /var/www/html/clients/e-nkama.ru/e-nkama_bitrix/bitrix/templates/nk/css/metshin-page.css |
@font-face { font-family: "Segoe UI Semibold"; src: url("/bitrix/templates/nk/fonts/SegoeUISemiBold/SegoeUISemiBold.eot"); src: url("/bitrix/templates/nk/fonts/SegoeUISemiBold/SegoeUISemiBold.eot?#iefix")format("embedded-opentype"), url("/bitrix/templates/nk/fonts/SegoeUISemiBold/SegoeUISemiBold.woff") format("woff"), url("/bitrix/templates/nk/fonts/SegoeUISemiBold/SegoeUISemiBold.otf") format("opentype"), url("/bitrix/templates/nk/fonts/SegoeUISemiBold/SegoeUISemiBold.ttf") format("truetype"); font-style: normal; font-weight: normal; } @font-face { font-family: "Segoe UI Bold"; src: url("/bitrix/templates/nk/fonts/SegoeUIBold/SegoeUIBold.eot"); src: url("/bitrix/templates/nk/fonts/SegoeUIBold/SegoeUIBold.eot?#iefix")format("embedded-opentype"), url("/bitrix/templates/nk/fonts/SegoeUIBold/SegoeUIBold.woff") format("woff"), url("/bitrix/templates/nk/fonts/SegoeUIBold/SegoeUIBold.otf") format("opentype"), url("/bitrix/templates/nk/fonts/SegoeUIBold/SegoeUIBold.ttf") format("truetype"); font-style: normal; font-weight: normal; } body{ margin:0; height: 100%; font-family: 'Segoe UI'; overflow: hidden; } .fixed-wrap{ position: fixed; bottom: 20px; width: 100%; left: 0; z-index: 5; } .bg-wrap{ width: 100%; height: 100%; position: relative; z-index: 0; overflow: hidden; } .bg-img{ width: 100%; height: 100%; background-position: top center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; } .header{ width: 100%; height: 60px; background-color: #661b12; color: #fff; font-size: 18px; position: fixed; top: 0; left: 0; z-index: 15; opacity: 0.85; } .header a{ color: #fff; display: block; float: left; line-height: 60px; } .header .header-logo{ padding: 0 15px 0 55px; background:url('/bitrix/templates/nk/img/header-small-logo.png') 15px center no-repeat; background-color: #580f0b; } .header .header-logo img{ margin: -4px 6px 0; } .header .header-menu{ padding: 0 20px; float: right; font-size: 18px; list-style: none; margin: 0; } .header .header-menu li{ line-height: 60px; float: left; } .header .header-menu li a{ text-decoration: none; padding: 0 16px; } .header .header-menu li a:hover, .header .header-menu li a.active{ color: #d1ab00; } .page-nav{ position: fixed; top: 40%; width: 10px; right: 25px; padding: 0; z-index: 30; } .page-nav li{ float: left; width: 10px; height: 10px; margin: 8px 0; text-align: center; list-style: none; } .page-nav li a{ display: inline-block; background-color: #fff; border-radius: 50%; width: 6px; height: 6px; margin-top: 2px; vertical-align: middle; box-shadow: 0 1px 3px #788190; } .page-nav li a:hover{ width: 7px; height: 7px; margin-top: 1px; } .page-nav li a.active{ width: 10px; height: 10px; margin-top: 0; background-color: #a90b0b; } .container{ position: relative; z-index: 10; } .content{ font-size: 18px; position: relative; } .info-head{ padding: 50px 20px 20px; background:url('/bitrix/templates/nk/img/info-head.png'); display: none; } .info-head.active{ display: block; } .info-head table{ width: 100%; font-weight: bold; font-size: 18px; } .info-head td{ text-align: center; overflow: hidden; height: 50px; vertical-align: top; } .info-head td.first, .info-head td.last{ width: 7%; } .info-head .date-dot{ position: relative; width: 20px; height: 20px; display: inline-block; background:url('/bitrix/templates/nk/img/date-dot.png'); } .info-head .date-dot.active{ background:url('/bitrix/templates/nk/img/date-dot-active.png'); } .info-head .date-dot.disabled{ background:url('/bitrix/templates/nk/img/date-dot-disabled.png'); cursor: default; } .info-head .date-dot:before, .info-head .date-dot:after{ content:''; display: block; position: absolute; width: 250px; height: 1px; top: 9px; background:url('/bitrix/templates/nk/img/date-line.png'); } .info-head .date-dot:before{ left: -250px; } .info-head .date-dot:after{ right: -250px; } .info-head td.first .date-dot:before, .info-head td.last .date-dot:after{ display: none; } .info-head .date-dot span{ position: absolute; color: #fff; position: absolute; left: 50%; width: 50px; margin-left: -25px; bottom: -30px; } .info-head .date-dot.active span{ color: #ecc400; } .info-head .date-dot.disabled span{ color: #818181; } .info-body{ position: relative; } .info-body.clear:before{ display: none; } .info-body .arw{ width: 18px; height: 12px; margin-left: -9px; bottom: -28px; left: 50%; cursor: pointer; position: absolute; background:url('/bitrix/templates/nk/img/white-arw-up.png'); } .info-body .arw.active{ background:url('/bitrix/templates/nk/img/white-arw-down.png'); } .info-body .head{ padding: 25px 25px 25px 90px; border-bottom: 1px solid #bbb; font-size: 24px; font-family: 'Segoe UI Semibold'; background-position: 30px center; background-repeat: no-repeat; } .info-body .head.icon-1{ background-image: url('/bitrix/templates/nk/img/info-head-icon-1.png'); } .info-body .head.icon-2{ background-image: url('/bitrix/templates/nk/img/info-head-icon-2.png'); } .info-body .head.icon-3{ background-image: url('/bitrix/templates/nk/img/info-head-icon-3.png'); } .info-body .head.icon-4{ background-image: url('/bitrix/templates/nk/img/info-head-icon-4.png'); } .info-body .head.icon-5{ background-image: url('/bitrix/templates/nk/img/info-head-icon-5.png'); } .info-body .head.icon-6{ background-image: url('/bitrix/templates/nk/img/info-head-icon-6.png'); } .info-body .head.icon-white-1{ background-image: url('/bitrix/templates/nk/img/info-head-icon-white-1.png'); } .info-body .head a{ color: #524F4B; text-decoration: underline; } .info-body .head a:hover{ text-decoration: none; } .info-body .dark-bg, .info-body .dark-bg a{ color: #fff; } .info-body .big-text{ font-size: 24px; margin: 25px 0; } .info-body .small-text{ font-size: 14px; margin: 10px 0; } .info-body .body, .info-body .d-body{ margin-bottom: 25px; padding: 12px 25px; position: relative; } .info-body .body:before{ content:''; display: block; width: 100%; height: 25px; bottom: -25px; left: 0; position: absolute; background:url('/bitrix/templates/nk/img/info-body-bottom.png') center center no-repeat; } .info-body .info-section{ position: relative; display: none; background:url('/bitrix/templates/nk/img/c-bottom.png'); } .info-body .info-section.active{ display: block; } .info-body .info-section.dark-bg{ background: none; } .info-body .info-section.dark-bg .sect-bg{ background:url('/bitrix/templates/nk/img/info-head.png'); position: relative; } .info-body .info-section.dark-bg .head{ border: 0; margin-bottom: 1px; } .info-body .info-section.dark-bg .body{ margin-bottom: 0; } .info-body .info-section.dark-bg .body:before{ display: none; } .info-body .date-section{ position: relative; display: none; } .info-body .date-section.active{ display: block; } .info-body .body .list-wrap{ padding: 0 3% 0 0; margin: 0; list-style: none; overflow-x: hidden; overflow-y: auto; } .info-body .body .list-wrap li.list{ border-bottom: 1px solid #bbb; padding: 10px 0; overflow: hidden; } .info-body .body .list-wrap .img{ border: 1px solid #bbb; margin: 5px 2% 5px 0; width: 18%; float: left; } .info-body .body .list-wrap .img img{ width: 100%; } .info-body .body .list-wrap .r-part{ width: 80%; float: left; } .info-body .body .list-wrap .r-part.full-w{ width: 100%; } .info-body .body .list-wrap .r-part .line{ margin-bottom: 8px; overflow: hidden; } .info-body .body .list-wrap .r-part .stat{ font-size: 14px; color: #606060; } .info-body .body .list-wrap .r-part .stat .icon{ padding-left: 25px; margin-right: 20px; float: left; height: 20px; background-position: left center; background-repeat: no-repeat; } .info-body .body .list-wrap .r-part .stat .icon.ic-clock{ background-image: url('/bitrix/templates/nk/img/clock-black.png'); } .info-body .body .list-wrap .r-part .stat .icon.ic-vis{ background-image: url('/bitrix/templates/nk/img/vis-black.png'); } .info-body .body .list-wrap .r-part .smi{ font-weight: bold; color: #524f4b; font-size: 18px; } .info-body .body .list-wrap .r-part .smi a{ color: #524f4b; text-decoration: none; } .info-body .body .list-wrap .r-part .title{ color: #621313; font-size: 18px; font-family: 'Segoe UI Semibold', sans-serif; } .info-body .body .list-wrap .r-part .title.bold{ font-weight: bold; } .info-body .body .list-wrap .r-part .title.ic-folder{ padding-left: 25px; background:url('/bitrix/templates/nk/img/icon-doc-2.png') left 4px no-repeat; } .info-body .body .list-wrap .r-part .title a{ color: #621313; text-decoration: underline; } .info-body .body .list-wrap .r-part .title a:hover{ text-decoration: none; } .info-body .body .list-wrap .r-part .d-link{ float: right; width: 12%; min-width: 125px; margin-left: 8%; margin-bottom: 10px; } .info-body .body .list-wrap .r-part .d-link .title{ font-size: 16px; margin-bottom: 15px; } .info-body .body .list-wrap .r-part .d-link img {float:right; width: 100px;} .info-body .body .list-wrap.list-img li{ padding-left: 50px; border-bottom: 1px solid #e1e2e4; background:url('/bitrix/templates/nk/img/list-img.png') 15px 15px no-repeat; } .page-text .main-head{ font-size: 48px; font-family: 'Segoe UI Bold'; line-height: 1.2; margin-bottom: 60px; position: relative; } .page-text .main-head:before{ content:''; display: block; position: absolute; width: 70px; height: 4px; bottom: -30px; background-color: #a90a0a; } .page-text .main-text{ margin-bottom: 100px; line-height: 1.7; font-size: 18px; } .page-text .left-content{ width: 400px; } .quote-slider{ position: relative; } .bx-wrapper { position: relative; } .bx-wrapper .bx-controls{ position: absolute; top: -56px; right: 25px; } .bx-wrapper .bx-controls .bx-prev, .bx-wrapper .bx-controls .bx-next{ width: 16px; height: 28px; float: left; background-position: center center; background-repeat: no-repeat; cursor: pointer; } .bx-wrapper .bx-controls .bx-prev{ margin-right: 70px; background-image: url('/bitrix/templates/nk/img/arrow-left-active.png'); } .bx-wrapper .bx-controls .bx-next{ background-image: url('/bitrix/templates/nk/img/arrow-right-active.png'); } .tal{ text-align: left; } .tar{ text-align: right; } .tac{ text-align: center; } @media (max-width: 1250px){ .header .header-menu{ padding: 0 10px; font-size: 16px; } .header .header-menu li a{ padding: 0 10px; } } @media (max-width: 1050px){ .header .header-logo{ font-size: 15px; } .header .header-menu{ padding: 5px 8px 5px 0; font-size: 15px; text-align: right; width: 57%; } .header .header-menu li{ line-height: 23px; float: none; display: inline-block; } .header .header-menu li a{ padding: 0 10px; line-height: 23px; } } @media (max-width: 700px){ .header .header-logo{ font-size: 13px; } .header .header-menu{ font-size: 14px; } .header .header-menu li a{ padding: 0 5px; } }