@import "reset"; @import "mixin"; $bodySizeText:13px; $blue-color: #03a9f4; $blue-color-hover: #0395d7; $blue-color-active: #0284c2; $link-color: $blue-color; $link-active: $blue-color-active; $main-color: #333; $grey-color:#ced0d5; $grey-color-hover: #b8babf; $grey-color-active: #a6a8ad; $Main-bg:#f5f5f5; $Menu-bg: $blue-color; $MenuSepBg: $blue-color-active; $firstMenu-color: #fff; $bgFirstMenu:#555555; $orange-color: #f26522; $colorCheckBorder: #ced0d6; $colorGrey: #ced0d6; $disabledColor: $grey-color; $border-items: #ced0d6; $color-ico-grey:#ced0d6; $statusPercent: red; @mixin Shadow { //box-shadow: 0 0 12px 0 rgba(187, 187, 187, 0.35); box-shadow: 0px 0px 12px 0px rgba(149, 149, 149, 0.75); } @mixin Shadow-big { box-shadow: 0px 4px 57px 0px rgba(225, 225, 225, 1); } @font-face { font-family: 'icomoon'; src: url('../fonts/icomoon.eot?cekg2c'); src: url('../fonts/icomoon.eot?cekg2c#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?cekg2c') format('truetype'), url('../fonts/icomoon.woff?cekg2c') format('woff'), url('../fonts/icomoon.svg?cekg2c#icomoon') format('svg'); font-weight: normal; font-style: normal; } @mixin svgIcon { font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } html { //overflow: hidden; } body { background: #fff; font-family: Arial; font-size: $bodySizeText; color: $main-color; line-height: 16px; &.hidden_scroll-y { overflow-y: hidden; } &.body-fixed { position: fixed; width: 100%; height: 100%; @include Transition(0.3); } &.show-block-filters { transform: translate3d(400px,0,0); @include Transition(0.5); .sidebar-filters { opacity: 1; z-index: 2; } } &.show-block-mobile { transform: translate3d(400px,0,0); @include Transition(0.5); .mobile-menu-hidden { z-index: 3; opacity: 1; } } } a { color: $link-color; outline: none !important; &:hover { text-decoration: underline; } &:active { color: $link-active; } } .style { width: 100%; float: left; } [class*="section-box"], section, footer, header { @extend .style; position:relative; } section, header, nav, article, aside, footer, address { display: block; } .container { //min-width:330px; min-width: 303px; } @import "home-page"; @import "slider-all"; @import "header-style"; @import "footer-style"; @import "footer-btns"; @import "inputs"; @import "forms"; @import "buttons"; @import "menu-mob"; @import "radio-check"; @import "editor"; @import "register"; @import "datepicker"; @import "text-page"; //@import "breadcrumb"; //@import "pagination"; .modal-link { cursor: pointer; } .padding-r-none { padding-right: 0 !important; } .padding-l-none { padding-left: 0 !important; } .empty { color: #707376; font-size: 16px; padding: 0 15px; } .empty-15 { .empty { padding-left: 15px; } } .section-box-content { overflow: hidden; } @media (max-width: 767px) { .container { padding-left: 10px !important; padding-right: 10px !important; } .row { margin-left: -10px !important; margin-right: -10px !important; } [class*="col-xs-"], [class*="col-sm-"], [class*="col-md-"], [class*="col-lg-"] { padding-left: 10px !important; padding-right: 10px !important; &.items_wr_full { padding-left: 0 !important; padding-right: 0 !important; } } body { &.hidden_scroll-y {} &.body-fixed { } &.show-block-filters { transform: translate3d(-400px,0,0); } } } @media (max-width: 450px) { body { &.hidden_scroll-y {} &.body-fixed { } &.show-block-filters { transform: translate3d(-310px,0,0); } &.show-block-mobile { transform: translate3d(310px,0,0); } } } @import "grid-b";