*{ margin: 0; padding: 0;} body { font-family: 'Roboto'; font-weight: normal; font-size: 14px; color: #414143; background: url("../images/bg_body.jpg") repeat; line-height: 1.42857143; } .off-scroll { overflow-y: hidden; height: 100%; position: fixed; } img { border: none; } input, textarea, button { outline: none!important; } [class*="section-box"]{width:100%;float:left;position:relative;} .style {width: 100%;float: left;} /***fix-buttons***/ .question-form { height: 40px; padding: 0 23px; line-height: 40px; text-decoration: none; color: #fff; font-size: 13px; text-transform: uppercase; background: #939598; border-top-left-radius: 4px; border-top-right-radius: 4px; z-index: 999; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); position: fixed; top:325px; right: -68px; } .question-form span { position: absolute; min-width: 22px; height: 22px; padding: 0 4px; line-height: 22px; color: #fff; background: #ed1c24; font-size: 13px; top: -10px; right: -10px; transform: rotate(90deg); -webkit-transform: rotate(90deg); border-radius: 22px; text-align: center; } .calc-menu .question-form span { transform: rotate(0deg); -webkit-transform: rotate(0deg); right: -26px; top: -16px; } /***header***/ .section-box-header { background: #fff; margin-bottom: 2px; } .logo_ { height: 112px; width: 100%; position: relative; display: table-cell; vertical-align: middle; } .logo_ img {width: 100%;vertical-align: middle} .menu-wrapper { height: 40px; position: relative; } .menu-wrapper:before { background: #414143; height: 40px; width: 100%; position: absolute; content: ''; } .phones-head {padding-top: 31px;} .phones-head table { border: 0; collapse: 0; margin: 0 auto; } .phones-head table tr td{position: relative;} .phones-head p { font-size: 18px; color: #414143; } .phones-head p span{font-weight: 700; color: inherit; font-size: 18px;right: auto;top: auto; position: relative} .phones-head span{ font-weight: 300; font-size: 13px; color: #939598; position: absolute; right: 0; top: 23px; width: 199px; text-align: right; line-height: 14px; } .search-ico, .close-search { height: 112px; position: relative; } .search-ico img, .close-search img, .search-btn-mob img { position: absolute; top: 50%; right: 15px; margin-top: -9px; cursor: pointer; } .close-search img { margin-top: -8px; } .menu-wr { position: relative; z-index: 3; height: 42px; padding: 0 15px; } .home_ico { display: block; width: 40px; height: 100%; background: #939598 url("../images/ico/ico-1.png") 50% 50% no-repeat; position: absolute; left: 15px; top: 0; } ul.main-menu { height: 100%; width: 100%; float: left; padding-left: 40px; border-bottom: 2px solid #939598; } ul.main-menu li { float: left; list-style: none; position: relative; } ul.main-menu li:first-child::before {display: none;} ul.main-menu li a { color: #fff; text-decoration: none; font-size: 13px; text-transform: uppercase; padding: 0 28px 0 29px; line-height: 40px; position: relative; height: 100%; display: block; } ul.main-menu li a:before { position: absolute; left: 0px; top: 50%; margin-top: -10px; width: 1px; height: 20px; background: #5a5a5d; content: ''; } ul.main-menu li:first-child a { padding-left: 26px; padding-right: 45px; z-index: 2; } ul.main-menu li:first-child a:before { left: auto; right: 20px; background: url("../images/ico/ico-3-1.png") no-repeat; width: 8px; height: 5px; margin-top: -3px; } ul.main-menu li:first-child:hover a:before {background: url("../images/ico/ico-4.png") no-repeat;} ul.main-menu li:hover::before { background: #5a5a5d; position: absolute; width: 100%; height: 100%; content: ''; top: 0; left: -1px; padding: 0 1px; box-sizing: content-box; } ul.main-menu li:last-child:hover::before {padding: 0 0 0 2px;} ul.main-menu li:first-child {padding-left: 0;} ul.main-menu li:first-child:hover {background: #fff} ul.main-menu li:first-child:hover a { color: #414143; } ul.main-menu li ul { display: none; position: absolute; width: 100%; top:0; left: 0; padding-top: 41px; background: #fff; box-shadow: 0px 0px 8px 0px rgba(149, 149, 149, 0.8); } ul.main-menu li:hover ul { display: block; } ul.main-menu li:hover ul li { width: 100%; height: 44px; background: #fff; border-top: 1px solid #dedfe0; } ul.main-menu li:hover ul li::before, ul.main-menu li:hover ul li:first-child::before { background: #8b8d90; display: block; } ul.main-menu li ul li:hover a { color: #fff !important; } ul.main-menu li:first-child ul li a:before {display: none;} .lang-wr { position: absolute; height: 43px; top: 32px; left: 0; } .lang-wr-mob {left: 50%} .lang-wr a { position: absolute; bottom: 0; left: 0; text-decoration: none; color: #414143; font-size: 13px; font-weight: 300; line-height: 14px; } .lang-wr a.active { text-decoration: underline; } .lang-wr a:first-child { bottom: auto; top: 4px; left: 0; } .hidden-search { position: absolute; top: 0; right: 0; margin-right: -100%; width: 100%; height: 100%; background: #fff; /*transition: 0.2s;*/ } .hidden-search.vis { margin-right: 0; transition: 0.5s; } .search-title { height: 112px; } .search-title p { line-height: 112px; font-size: 18px; font-weight: 700; color: #414143; } .search-form-wr-padding {padding: 0 83px !important;} .search-form-wr { width: 100%; height: 35px; position: relative; margin-top: 41px; } .search-form-wr input { width: 100%; border-top: 0; border-left: 0; border-right: 0; outline: none !important; border-bottom: 1px solid #dedfe0; padding: 0 52px 0 15px; height: 34px; line-height: 34px; font-size: 13px; color: #414143; text-transform: uppercase; } .search-form-wr button { width: 48px; height: 33px; position: absolute; right: 0; top: 0; border: 0 !important; outline: none !important; cursor: pointer; background: #fff url("../images/ico/ico-2.png") 50% 0 no-repeat; } .head-container { height: 112px; overflow-x: hidden; position: relative; background: #fff; } .phones-head-table-mob { text-align: right; } .phones-table-wr { position: absolute; padding-right: 22px; top: 38px; right: 15px; background: #fff; } .phones-table-wr:before { position: absolute; top: 8px; right: 0; content: ''; background: url("../images/ico/ico-6.png") no-repeat; cursor: pointer; width: 10px; height: 6px; z-index: 2; transition: 0.3s; } .phones-table-wr p, .phones-table-wr ul { position: relative; z-index: 3; } .phones-table-wr:after { width: 100%; height: 100%; content: ''; box-shadow: 0px 0px 8px 0px rgba(149, 149, 149, 0.8); position: absolute; top: -18px; left: -10px; box-sizing: content-box; padding: 18px 10px 28px 10px; background: #fff; z-index: 2; display: none; } .phones-table-wr p { font-size: 18px; color: #414143; cursor: pointer; } .phones-table-wr p .vis-phone {font-weight: 700; font-size: 18px; color: inherit;} .phones-table-wr ul { list-style: none; display: none; } .phones-table-wr ul li {margin-top: 26px;} .phones-table-wr ul li span { font-weight: 300; font-size: 13px; color: #939598; line-height: 14px; } .phones-table-wr ul li p {cursor: default} .phones-table-wr.vis-phone ul { display: block; } .phones-table-wr.vis-phone:before { transform: rotate(180deg); -webkit-transform: rotate(180deg); } .phones-table-wr.vis-phone:after { opacity: 1; display: block; } .mobile-menu { height: 42px; background: #414143; border-bottom: 2px solid #939598; } .menu_mob { position: relative; cursor: pointer; width: 14px; float: left; height: 40px; margin-left: 15px; } .menu_mob div { position: absolute; width: 14px; height: 2px; background: #fff; top: 0; margin-top: 25px; left: 0; } .menu_mob div:first-child { margin-top: 13px; } .menu_mob div:first-child:before { width: 100%; height: 100%; position: absolute; background: #fff; top: 0; left: 0; margin-top: 6px; content: ''; } .calc-menu {} .calc-menu .question-form { line-height: 42px; position: relative; background: none; padding: 0 !important; border-top-left-radius: 0; border-top-right-radius: 0; z-index: 1; transform: none; top: auto; right: auto; height: auto; } .calc-menu .question-form:before { content: ''; position: absolute; width: 12px; height: 18px; left: -20px; top: 50%; margin-top: -9px; background: url("../images/ico/ico-7.png") no-repeat; } .calc-menu .question-form:hover {text-decoration: underline} .search-btn-mob { height: 40px; } .search-btn-mob img { right: 30px; } .mob-overlay { display: none; position: fixed; width: 100%; height: 100%; z-index: 999; background: #000; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; top: 0; left: 0; cursor: default; } .section-box-content {margin-top: -2px;} .section-box-content .container.shadow {padding-bottom: 30px;} .shadow { background: #fff; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2); position: relative; } .prefooter .shadow:before { position: absolute; width: 100%; height: 13px; background: #fff; content: ''; top: -11px; left: 0; } /***mob-menu***/ .close-menu-mob { position: relative; width: 100%; height: 52px; background: #fff; text-transform: uppercase; color: #414143; font-size: 18px; font-weight: 700; text-transform: uppercase; padding-top: 17px; padding-left: 10px; cursor: default; } .close-menu-mob:before { width: 16px; height: 16px; content: ''; position: absolute; right: 0; top: 20px; background: url("../images/ico/ico-5.png") no-repeat; cursor: pointer; } .xs-sm-menu { display: none; width: 300px; position: fixed; z-index: 9999; top: 0; left: 0; margin-left: -300px; height: 100%; overflow-y: scroll; background: #4c4c50; transition: 0.2s; padding: 0 10px; } .xs-sm-menu.open.visible { margin-left: 0; } .xs-sm-menu.open { display: block; background: #fff; } .xs-sm-menu .main-menu { width: 100%; float: left; padding-left: 0; padding-bottom: 60px; height: auto; border-bottom: 0; } /*.xs-sm-menu ul.main-menu li:hover::before {display: none;}*/ .xs-sm-menu .main-menu li { width: 100%; float: left; height: 36px; border-bottom: 1px solid #dedfe0; } .xs-sm-menu ul.main-menu li:first-child:hover {background: none;} .xs-sm-menu .main-menu li:hover ul { display: none !important; } .xs-sm-menu .main-menu li a { color: #414143; padding: 0 0 0 10px !important; } .xs-sm-menu ul.main-menu li a:before {display: none;} .xs-sm-menu ul.main-menu li:first-child a:before {display: block; background: url("../images/ico/ico-4.png") no-repeat; transition: 0.3s; -webkit-transition: 0.3s; transform: rotate(-180deg); -webkit-transform: rotate(-180deg); } .xs-sm-menu ul.main-menu li:first-child:hover a:before { background: url("../images/ico/ico-4.png") no-repeat;} .xs-sm-menu ul.main-menu li:hover::before {display: none;} .xs-sm-menu ul.main-menu li ul { position: relative; top: auto; left: auto; padding-top: 0; padding-left: 0; float: left; background: none; box-shadow: none; } .xs-sm-menu ul.main-menu li ul li { background: #8b8d90; height: 36px; border-bottom: 1px solid #fff; padding-left: 20px; } .xs-sm-menu ul.main-menu li:hover ul li {border-top: 0} .xs-sm-menu ul.main-menu li ul li a, .xs-sm-menu ul.main-menu li ul li:hover a { color: #fff !important; } .xs-sm-menu ul.main-menu li ul li a {padding-left: 0 !important;} .xs-sm-menu ul.main-menu li ul li a:before {display: none !important;} .xs-sm-menu ul.main-menu li ul li:last-child {border-bottom: 0} .xs-sm-menu ul.main-menu li.show-sub-menu ul {display: block !important;} .xs-sm-menu ul.main-menu li.show-sub-menu {height: auto; border-bottom: 0; } .xs-sm-menu li.show-sub-menu ul li:first-child::before { left: 0 !important; padding: 0 !important; } .xs-sm-menu ul.main-menu li.show-sub-menu:first-child a:before { transform: rotate(0); -webkit-transform: rotate(0); } /****carousel****/ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } /* * Core Owl Carousel CSS File */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel .owl-refresh .owl-item { display: none; } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; } .owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } .owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-item img { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; } /****carousel****/ /****footer****/ .copyright { height: 25px; } .copyright p { width: 100%; float: left; font-size: 11px; color: #939598; font-weight: 300; } .artweb-wr { height: 25px; float: right; } .artweb-wr a { height: 25px; padding-right: 33px; position: relative; line-height: 25px; color: #939598; font-size: 11px; display: block; } .artweb-wr a:hover { text-decoration: none; } .artweb-wr a:before { position: absolute; width: 24px; height: 23px; top: 0; right: 0; background: url("../images/footer/artweb-logo.png") 0 50% no-repeat; content: ''; } .f-img {width: 100%;display: table-cell; height: 106px; vertical-align: middle;} .f-img img {max-width: 100%;vertical-align: middle;} .border-footer { position: absolute; padding: 0 15px; top: 0; left: 0; width: 100%; } .border-footer div{ width: 100%; height: 1px; background: #dedfe0; } .studio_footer {margin-top: 13px;} .mb-im-f-1 {text-align: center;display: table;} .mb-im-f-2 {} .mb-im-f-3 {} .mb-im-f-4 {} .mb-im-f-5 {text-align: right; display: table;} .certificate_f { text-decoration: none; font-size: 13px; color: #939598; font-weight: 300; padding-left: 25px; position: relative; } .certificate_f:before { content: ''; position: absolute; width: 20px; height: 26px; left: 0; top: 50%; margin-top: -13px; background: url("../images/ico/ico-12.png") no-repeat; } /*****forms*****/ #overlay { display: none; /*display: block!important;*/ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999; background: #000; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } .modal-form, #success-form { width: 810px; background: #fff; position: absolute; left: 50%; margin-left: -405px; top: 20px; opacity: 0; /*opacity: 1;*/ z-index: 999991; display: none; /*display: block!important;*/ } #success-form { height: 216px; background: #fff; } #success-form .txt-success { width: 810px; height: 216px; display: table-cell; vertical-align: middle; text-align: center; } .form-wr { width: 100%; float: left; background: #fff; position: relative; } #close-form { width: 34px; height: 34px; background: url("../images/ico/ico-13.png") no-repeat; position: absolute; top: -57px; right: -61px; cursor: pointer; z-index: 999; } .form-title { font-size: 24px; font-weight: 700; width: 100%; float: left; text-align: center; margin-top: 34px; } .modal-form form { width: 100%; float: left; padding: 0 150px; margin-bottom: 40px; } .input-wr { width: 100%; float: left; position: relative; margin-top: 21px; } .modal-form form label { font-size: 14px; font-weight: 700; text-transform: uppercase; width: 150px; text-align: right; display: block; line-height: 32px; height: 30px; float: left; padding-right: 30px; position: relative; } .modal-form form .required label:before { content: '*'; position: absolute; top: 0; right: 23px; line-height: 30px; color: #ed1c24; font-size: 14px; } .modal-form form input, .modal-form form textarea { width: 360px; max-width: 360px; float: right; height: 30px; padding-left: 10px; } .modal-form form input { outline: none!important; font-size: 18px; border-top: 0; border-left: 0; border-right: 0; border-bottom: 1px solid #dedfe0; } .modal-form form textarea { max-height: 30px; border-top: 0; border-left: 0; border-right: 0; border-bottom: 1px solid #dedfe0; resize: none; } .modal-form form input:focus, .modal-form form textarea:focus {border-bottom: 1px solid #a7a7a7;transition: 0.2s;-webkit-transition: 0.2s;} .modal-form form .has-error input, .modal-form form .has-error textarea { border-bottom: 1px solid #ed1c24; } .modal-form form .help-block { display: none; position: absolute; right: 0; bottom: 1px; width: 95px; background: #fff; height: 100%; } .modal-form form .has-error .help-block {display: block;} .modal-form form .has-error .help-block:before { position: absolute; content: 'ошибка ввода'; font-size: 13px; line-height: 30px; color: #ed1c24; top: 0; right: 0; display: block !important; width: 100%; text-align: right; } .button-wr {width: 360px;float: right; margin-top: 40px;} .modal-form form button[type="submit"] { display: block; margin: 0 auto; width: 174px; height: 40px; line-height: 40px; outline: none !important; text-align: center; text-transform: uppercase; border: 1px solid #939598; color: inherit; font-size: 11px; font-weight: 700; cursor: pointer; background: #fff; } .modal-form form button[type="submit"]:hover { background: #939598; color: #fff; } .modal-form form button[type="submit"]:hover:active { background: #68696b; } .form-product-wr { width: 100%; height: 241px; overflow: hidden; float: left; margin-top: 40px; } .scrollbar_ {height: 241px; overflow-y: hidden;} .form-product-wr table { padding: 0; border: 0; collapse: 0; } .form-product-wr table tr { width: 100%; float: left; margin-top: 9px; position: relative; } .form-product-wr table tr:first-child {margin-top: 0;} .form-product-wr table tr td { min-height: 67px; width: 360px; position: relative; padding-right: 50px; } .form-product-wr table tr td:first-child { width: 150px; text-align: right; padding-right: 30px; } .form-product-wr table tr td.remove_ { content: ''; position: absolute; right: 0; top: 50%; margin-top: -8px; width: 16px !important; height: 16px; background: url("../images/ico/ico-14.png") no-repeat; cursor: pointer; } .form-product-wr table tr td.remove_:hover { background: url("../images/ico/ico-15.png") no-repeat; } .form-product-wr table tr td:first-child:before {display: none;} .form-product-wr table tr td:first-child img {vertical-align: middle} .form-product-wr table tr td a { text-decoration: none; font-size: 13px; color: inherit; } .form-product-wr table tr td a span { font-weight: 700; } .form-product-wr table tr td a span:first-child { font-weight: 400; text-transform: uppercase; } ._more_ { position: absolute; left: 0; bottom: 9px; text-decoration: none; font-size: 13px; color: #939598; } ._more_:hover {text-decoration: underline;} /**********/ /*****home*****/ .margin-top {margin-top: 30px;} .box-mosaic a { position: relative; display: block; height: 100%; } .box-mosaic a:hover { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } .box-mosaic a div { height: 100%;width: 100%;position: absolute;top: 0;left: 0;overflow: hidden; } .box-mosaic a p { width: 100%; height: 75px; position: absolute; bottom: 0; left: 0; color: #fff; text-decoration: none; font-size: 14px; z-index: 2; line-height: 14px; padding-left: 20px; background: url("../images/shadow-home.png") repeat-x; padding-right: 16px; padding-top: 39px; } .box-mosaic a p:before { width: 7px; height: 12px; background: url("../images/ico/ico-3.png") no-repeat; position: absolute; bottom: 24px; right: 16px; content: ''; } .box-mosaic img {width: 100%;position: absolute;top: 0;left: 0} [class*="moz-"] { height: 75px; } .moz-5 a {height: 152px;} .moz-1 {height: 152px; padding-right: 2px !important;} .moz-2 {padding-left: 0 !important; padding-right: 2px !important;} .moz-3 {padding-left: 0 !important;} .moz-4 {padding-left: 0 !important;margin-top: 2px; padding-right: 2px !important;} .moz-5 {padding-left: 0!important;margin-top: 2px;} .moz-6 {padding-right: 2px !important;margin-top: 2px;} .moz-7 {padding-left: 0!important; padding-right: 2px !important;margin-top: 2px;} .box-slider { position: relative; height: 460px; overflow: hidden; } .slider-menu { height: 100%; position: absolute; z-index: 2; top:0; left: 0; } .slider-menu ul { position: relative; height: 100%; } .slider-menu ul:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../images/shadow-slider-1.png") 0 50% no-repeat; content: ''; } .slider-menu ul li { list-style: none; position: relative; width: 34px; height: 100%; float: left; } .slider-menu ul li a { text-decoration: none; color: #fff; font-size: 14px; width: 460px; height: 34px; line-height: 34px; display: block; text-align: center; z-index: 2; position: absolute; top: 213px; left: -213px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); } .slider-menu ul li a:hover { text-decoration: underline; } .slider-menu ul li:before { position: absolute; top: 0; left: 0; height: 100%; width: 34px; content: ''; background: #000; opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; z-index: 1; } .slider-menu ul li:nth-child(2):before { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } .slider-menu ul li:nth-child(3):before { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } .slider-menu ul li:nth-child(4):before { opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; } .slider-menu ul li:nth-child(5):before { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; } .slider-menu ul li:nth-child(6):before { opacity: 0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; } .slider-menu ul li:nth-child(7):before { opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; } .slider-menu ul li:nth-child(8):before { opacity: 0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; } .slider-menu ul li:nth-child(n+9):before { opacity: 0.15; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)"; } .slider-img a { position: relative; width: 100%; height:100%; display: none; } .slider-img a.active-slide {display: block;} .slider-img a img { position: absolute; width: 1140px; height: 460px; top: 50%; left: 50%; margin-top: -230px; margin-left: -570px; } .slider-img a div{ position: absolute; width: 50%; bottom: 36px; right: 0; z-index: 3; padding-right: 97px; } .slider-img a p, .slider-img a span { color: #fff; text-decoration: none; } .slider-img a p { font-size: 36px; font-weight: 700; text-transform: uppercase; position: relative; line-height: 42px; padding-bottom: 8px; } .slider-img a p:before { width: 100%; height: 2px; background: #fff; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; position: absolute; bottom: 0; left: 0; content: ''; } .slider-img a span { font-size: 13px; font-weight: 300; display: block; line-height: 16px; padding-top: 12px; } .slider-img{ position: relative; height:100%; overflow: hidden; z-index: 1; } .box-banners a img {max-width: 100%} .box-banners a:hover { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } /***breadcrumb***/ ul.breadcrumb { width: 100%; float: left; margin-top: 28px; margin-bottom: 16px; } ul.breadcrumb li { float: left; list-style: none; font-size: 13px; color: #939598; font-weight: 300; position: relative; padding-left: 18px; } ul.breadcrumb li:first-child {padding-left: 0;} ul.breadcrumb li:before { content: ''; position: absolute; width: 3px; height: 5px; top: 50%; margin-top: -2px; left: 8px; background: url("../images/ico/ico-8.png") no-repeat; } ul.breadcrumb li:first-child:before {display: none;} ul.breadcrumb li a { text-decoration: underline; color: inherit; } /***titles***/ .box-title-1 { font-size: 24px; color:#414143; font-weight: 700; } /***cat***/ .box-category {margin-top: -19px;} .margin_bottom_30 {margin-bottom: 30px;} .link-cat { position: relative; width: 100%; display: block; float: left; } .link-cat:before { height: 75px; background: url("../images/shadow-cat.png") repeat-x; position: absolute; bottom: 0; left: 0; content: ''; width: 100%; } .link-cat p { position: absolute; color: #fff; left: 0; bottom: 19px; width: 100%; padding-left: 20px; padding-right: 20px; } .link-cat p:before { position: absolute; width: 7px; height: 12px; content: ''; background: url("../images/ico/ico-3.png") no-repeat; right: 11px; bottom: 6px; } .link-cat img { width: 100%; height: auto !important;float: left; } .cat-list-wr {margin-top: 30px;} .cat-list, .cat-list-brands { width: 100%; float: left; } .cat-list-brands-wr { width: 100%; float: left; position: relative; height: 133px; } .cat-list-brands { border-left: 1px solid #dedfe0; border-right: 1px solid #dedfe0; border-bottom: 1px solid #dedfe0; padding-top: 9px; padding-bottom: 13px; height: 133px; overflow: hidden; background: #fff; z-index: 2; } .cat-list-brands ul { list-style: none; width: 100%; float: left; padding: 0 10px 0 20px; } .cat-list-brands ul li { width: 100%; float: left; height: 24px; } .cat-list-brands ul li a { color: #414143; text-decoration: none; font-size: 13px; display: block; width: 100%; height: 100%; line-height: 24px; overflow: hidden; white-space: nowrap; position: relative; } .cat-list-brands ul li a:before { content: ''; height: 24px; width: 22px; opacity: 1; position: absolute; top: 0; right: 0; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1); } .cat-list-brands ul li a:hover {text-decoration: underline;} .hover .link-cat, .hover .cat-list-brands {box-shadow: 0px 0px 8px 0px rgba(149, 149, 149, 0.8); transition: 0.2s; -webkit-transition: 0.2s} .hover .cat-list-brands { position: absolute; top: 0; left: 0; height: auto; min-height: 133px; } .expand_brands { display: none; padding: 0 0 0 20px; float: left; } .expand_brands p { float: left; color: #939598; border-bottom: 1px dashed #939598; font-size: 13px; cursor: pointer; } /****************/ /***brand***/ .box-brand { margin-top: 11px; } .article-img img { width: 100%; max-width: 100%; float: left; } .content-txt { margin-top: 28px; } .brand-main-txt {margin-top: -2px; padding-bottom: 53px;} .content-txt p, .brand-main-txt p, .brand-list-desc-txt p, .products-txt p, .service-txt p, .artile-view-txt p, .tabs-content p { font-size: 13px; width: 100%; float: left; line-height: 16px; margin-top: 15px; } .products-txt p, .brand-list-desc-txt p, .tabs-content p {float: none;} .content-txt p:first-child, .brand-main-txt p:first-child, .brand-list-desc-txt p:first-child, .artile-view-txt p:first-of-type {margin-top: 0} .brand-link a { display: block; width: 100%; float: left; border: 1px solid #dedfe0; padding: 13px 5px; margin-top: 12px; text-align: center; } .brand-link a:first-child {margin-top: 0;} .brand-link a:hover { box-shadow: 0px 0px 8px 0px rgba(149, 149, 149, 0.8); transition: 0.2s; -webkit-transition: 0.2s; } .brand-link a img { max-width: 100%; vertical-align:middle; } .uppercase {text-transform: uppercase;} .brand-txt-img {z-index1;position: absolute;height: 100%; width: 50%;right: 0;} .brand-txt-img div {width: 100%;height: 50px;padding-left: 15px;display: table-cell;vertical-align: bottom} .brand-txt-img img { float: left; max-height: 50px; max-width: 100%; vertical-align: bottom; position: absolute;z-index: 3; bottom: 0;left: 15px; } .brand-list-desc-txt { margin-top: -3px; } .brand-list-desc-txt p a { color: #939598; font-size: 13px; position: relative; text-decoration: none; } .brand-list-desc-txt p a:hover {text-decoration: underline;} .brand-list-desc-txt p a:before { position: absolute; width: 6px; height: 5px; background: url("../images/ico/ico-9.png") no-repeat; top: 50%; margin-top: -2px; right: -10px; content: ''; } .brand-list-desc .box-title-1 {padding: 0 15px;margin-bottom: 15px} .brands-list-wr { margin-top: 51px; overflow: hidden; } .brand-list-desc img {max-width: 100%;float: left;} .brands-list, .collection-list ul { padding-left: 15px; margin-top: 4px; padding-right: 15px; box-sizing: content-box; overflow: hidden; } .collection-list ul { margin-top: -26px; padding: 0; margin-left: -30px; } .brands-list li, .collection-list ul li { float: left; width: 116px; list-style: none; margin-right: 30px; margin-top: 26px; } .collection-list ul li { margin-right: 0; margin-left: 30px; } .brands-list li:last-child, .collection-list ul li:last-child {margin-right: 0;} .brands-list li a, .collection-list ul li a { text-decoration: none; color: inherit; } .brands-list li a p, .collection-list ul li a p { font-size: 13px; color: inherit; width: 100%; text-transform: uppercase; text-align: center; line-height: 16px; height: 32px; overflow: hidden; margin-top: 9px; } .brands-list li a div, .collection-list ul li a div { width: 116px; height: 116px; position: relative; } .brands-list li a div:before, .collection-list ul li a div:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 5px solid #fff; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .brands-list li a div img, .collection-list ul li a div img {max-width: 100%;} .brands-list li a:hover, .collection-list ul li a:hover {text-decoration: underline;} .brands-list li a:hover div:before, .collection-list ul li.active a div:before { transition: 0.3s; -webkit-transition: 0.3s; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; } .collection-list ul li a:hover div {opacity: 0.9;transition: 0.2s;-webkit-transition: 0.2s;} .brands-list_ { width: 100%; float: left; margin-top: 48px; } /**********/ /***products***/ .products-title { font-size: 24px; font-weight: 700; margin-top: -8px; } .products-link {margin-top: 30px;} .products-link a { position: relative; width: 100%; display: block; float: left; } .products-link a img { width: 100%; max-width: 100%; float: left; } .products-link a:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 5px solid #fff; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .products-link a:hover:after { transition: 0.3s; -webkit-transition: 0.3s; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; } .products-link a:before { position: absolute; width: 7px; height: 12px; background: url("../images/ico/ico-3.png") no-repeat; content: ''; bottom: 20px; right: 15px; } .products-list-wr {margin-top: 60px} .products-list-wr:first-child {margin-top: 0} /**************/ /***about,contacts,company,service***/ .pic-width img, .service-txt img {width: 100%;max-width: 100%;float: left;} .service-adress {margin-top: 15px;} .service-adress ul { list-style: none; position: relative; } .service-adress ul li { font-size: 13px; padding-left: 15px; } .service-adress ul:before { content: ''; position: absolute; left: 0; top: 0; width: 3px; height: 100%; background: #939598; } .title-contacts { font-size: 24px; font-weight: 700; margin-top: 32px; } .title-contacts:first-child { margin-top: 0; } /**************/ /***articles***/ .articles-date, .articles-title {float: left;} .articles-date span { line-height: 17px; padding: 0 7px; color: #fff; font-size: 11px; font-weight: 300; background: #939598; display: block; margin-top: 8px; margin-right: 16px; float: left; } .articles-title a, .articles-title { font-weight: 700; font-size: 24px; text-decoration: none; color: inherit; } .articles-title a:hover { text-decoration: underline; } .articles_data-title {margin-top: 32px;margin-bottom: 15px;} .new_articles_data-title {margin-top: 51px;margin-bottom: 15px;} .articles-wr {margin-top: -20px;} .new_articles-wr {margin-top: -38px;} .article-img:hover {opacity: 0.9;transition: 0.2s;-webkit-transition: 0.2s;} .articles-view-wr .articles-date span {margin-top: 0;margin-right: 0;} .float-left {float: left;} .float-right {float: right;} .artile-view-txt {margin-top: 25px;} .artile-view-txt img {max-width: 100%;} .artile-view-txt p {padding: 0 15px;float: none;} .artile-view-txt img {margin-bottom: 10px;} /**************/ /***gallery page***/ .galery-obj-img {} .galery-obj-img a {text-decoration: none; float: left;width: 100%;overflow: hidden;} .galery-obj-img img {max-height: 100px;min-height: 100px;float: left; margin-right: 30px;margin-top: 20px;} /******gallery********/ .lg-outer .lg-thumb-item:hover {border: 0!important;} .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item.active:hover {border:2px solid #939598!important;} .lg-outer .lg-thumb-item { border: 0 !important; border-radius: 0!important; } /***project***/ .marginbottom-15 {margin-bottom: -15px;} .galery-obj-img ul li { list-style: none; float: left; } .project-brands_ { overflow-x: hidden; } /**************/ /***collection***/ .collection-img {text-align: center} .collection-img img { width: 100%; max-width: 360px !important; vertical-align: bottom; } .colect-title { text-align: center; font-size: 18px; font-weight: 700; margin-top: 37px; } .collection-description table { width: 100%; float: left; padding: 0 !important; border: 0 !important; border-spacing: 0!important; margin-top: 3px; } .collection-description table tr { width: 100%; height: 31px; } .collection-description table tr td { width: 50%; font-weight: 700; font-size: 13px; text-align: left; padding-left: 10px; } .collection-description table tr td:first-child { font-weight: 400; text-align: right; padding-left: 0; padding-right: 10px; } .load_collection { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 99999; } .load_collection:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #fff; opacity: 0.8; z-index: 1; } .load_collection div { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; background: url("../images/25.gif") 50% 50% no-repeat; } .to_order { display: block; margin: 0 auto; margin-top: 10px; width: 174px; height: 40px; text-decoration: none; line-height: 40px; border: 1px solid #939598; color: #414143; font-size: 11px; font-weight: 700; text-transform: uppercase; text-align: center; } .to_order:hover { background: #939598; color: #fff; transition: 0.2s; -webkit-transition: 0.2s; } .collect-tabs {margin-top: 60px;} .list-tabs { padding-left: 55px; width: 100%; float: left; position: relative; } .list-tabs:before { position: absolute; content: ''; bottom: 0; left: 0; width: 100%; height: 1px; background: #dedfe0; } .list-tabs li, .list-tabs li span { width: 174px; height: 39px; } .list-tabs li { position: relative; z-index: 2; list-style: none; float: left; text-decoration: none; color: inherit; font-size: 11px; text-transform: uppercase; cursor: pointer; border-left: 1px solid #dedfe0; border-right: 1px solid #dedfe0; border-top: 1px solid #dedfe0; margin-right: 2px; background: #dedfe0; } .list-tabs li span { text-align: center; display: table-cell; vertical-align: middle; } .list-tabs li.active-tab { background: #fff; } .tabs-content a { text-decoration: underline; color: inherit; } .tabs-content a:hover { text-decoration: none; } .t_content_wr { margin-top: 13px; } .tabs-content { display: none; } .tabs-content .certificate { width: 100% !important; height: 500px !important; margin-top: 25px; } .certificate-page .certificate { width: 450px !important; height: 500px !important; margin-top: 15px; } .tabs-content .gall-1 { width: 100%; float: left; } .tabs-content .gall-1 li { list-style: none; margin-top: 25px; } .tabs-content .gall-1 li a {float: left;} .tabs-content .gall-1 li a img { } /**************/ /***all***/ .new_article-img { width: 50%; float: left; margin-right: 15px; padding-right: 15px; margin-bottom: 10px; } .new_article-img img { max-width: 100%; width: 100%; float: left; } /**************/ /***pagination***/ .navi_ {position: relative;margin-top: 30px;padding: 0 63px;} .pagination { margin: 0 auto; display: table; } .pagination li { float: left; list-style: none; min-width: 24px; height: 24px; text-align: center; background: #f2f2f3; border-radius: 4px; margin: 10px 3px 0 3px; } .pagination li.active { background: #939598; } .pagination li a { font-size: 15px; color: inherit; text-decoration: none; line-height: 24px; width: 100%; display: block; padding: 0 3px; position: relative; } .pagination li.active a {color: #fff} .pagination li.prev, .pagination li.next { position: absolute; top: 0; background: none; width: 24px; height: 24px; } .pagination li.prev.disabled, .pagination li.next.disabled {opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";} .pagination li.prev span, .pagination li.next span {display: block;position: relative;width: 100%;height: 100%;} .pagination li.prev { left: 33px; } .pagination li.next { right: 33px; } .pagination li.prev span:before, .pagination li.next span:before, .pagination li.prev a:before, .pagination li.next a:before { width: 100%; height: 100%; background: red; content: ''; position: absolute; top: 0; left: 0; } .pagination li.prev span:before, .pagination li.prev a:before { background: #fff url("../images/ico/ico-10.png") 50% 50% no-repeat; } .pagination li.next span:before, .pagination li.next a:before { background: #fff url("../images/ico/ico-11.png") 50% 50% no-repeat; } /**************/ .certificate-page {margin-top: -30px;} .title-certificate-pg { font-weight: 700; font-size: 18px; margin-top: 20px; } /***scrollbar***/ .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 3px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 9px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 1!important;} .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #f2f2f3; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background: #dedfe0; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ } /*.mCSB_scrollTools .mCSB_buttonUp,*/ /*.mCSB_scrollTools .mCSB_buttonDown,*/ /*.mCSB_scrollTools .mCSB_buttonLeft,*/ /*.mCSB_scrollTools .mCSB_buttonRight{*/ /*background-image: url(mCSB_buttons.png); !* css sprites *!*/ /*background-repeat: no-repeat;*/ /*opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)";*/ /*}*/ .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } /***************/ /********animations********/ /**************************/ /***bootstrap grid***/ .container { min-width:320px; } @media (max-width: 1200px) { /*[class*="moz-"] {*/ /*height: 62px;*/ /*}*/ /*.moz-1 {height: 124px;}*/ ul.main-menu li a { padding: 0 11px 0 12px; } ul.main-menu li:first-child a { padding-left: 30px; } .brands-list li {margin-right: 21px;} } @media (max-width: 992px) { [class*="moz-"] { height: 75px; } .moz-1 { height: 152px } .hidden-search { position: fixed; height: 112px; margin-top: -112px; z-index: 99999999; right: auto; left: 0; margin-right: 0; } .hidden-search.vis { transition: 0.5s; margin-top: 0; } .head-container { overflow: visible; } .mob-overlay {display: block;} .tablet-artweb { height: 40px; background: #dedfe0; padding-top: 8px; margin-top: 20px; } .shadow {box-shadow: none;} .prefooter .shadow:before {display: none;} .slider-img a div {padding-right: 30px;} .margin-top {margin-top: 20px;} .section-box-content .container.shadow { padding-bottom: 20px; } .cat-list-brands, .cat-list-brands-wr { height: 155px; } .hover .cat-list-brands { min-height: 155px; } .cat-list-brands ul { height: 119px; overflow: hidden; } .expand_brands { display: block; height: 10px; } .expand .cat-list-brands, .expand .cat-list-brands ul { height: auto; } .expand .cat-list-brands { position: absolute; top: 0; left: 0; } .brands-list li {margin-right: 19px;} .new_article-img {margin-bottom: 20px} } @media (max-width: 991px) { } @media (max-width: 950px) { .modal-form, #success-form { width: 610px; margin-left: -305px; } .modal-form form {padding: 0 30px;} } @media (max-width: 940px) { } @media (max-width: 896px) { } @media (max-width: 835px) {} @media (max-width: 810px) { .list-tabs {padding-left: 30px;} .list-tabs li, .list-tabs li span {width: 160px;} } @media (max-width: 767px) { /*.close-search {*/ /*position: absolute !important;*/ /*top: 0;*/ /*right: 0;*/ /*}*/ .search-form-wr-padding {padding: 0 15px !important;} /*.close-search img {margin-top: 0;top: 20px;}*/ /*.search-title {*/ /*height: 36px;*/ /*}*/ /*.search-title p {line-height: 53px;}*/ .hidden-search.vis { transition: 0.5s; margin-top: 0; } .logo_ { height: auto; padding-top: 20px; display: block; width: 165px; margin: 0 auto; } .lang-mob { position: absolute !important; right: 0; } .lang-wr-mob { top: 12px; left: 0; width: 100%; } .lang-wr a { right: 15px; left: auto; } .phones-table-wr { top: 8px; right: auto; width: 220px; left: 50%; margin-left: -110px; background: none; } .phones-table-wr:after { left: 10px; padding: 18px 5px 28px 5px; } .calc-menu {text-align: center;} .calc-menu .question-form {font-size: 11px} .f-img { display: block; height: auto; } .mb-im-f-4, .mb-im-f-5, .mb-im-f-5_1 {margin-top: 31px;height: 34px;} .mb-im-f-3 {margin-top: 15px;} .prefooter .shadow .row {padding-top: 15px; padding-bottom: 15px;} [class*="moz-"], [class*="moz-"] a { height: 75px; } .moz-5 a {height: 75px;} .moz-3, .moz-5 {padding-right: 2px !important;} .moz-3 {margin-top: 2px;} .moz-3, .moz-5, .moz-7 { padding-left: 15px !important; } .moz-4, .moz-2, .moz-6 { padding-right: 15px !important; } .moz-6 {padding-left: 0 !important;} .slider-img a span, .slider-img a p:before {display: none;} .box-slider { height: auto; } .slider-img {height: 180px;} .slider-img a div { width: 100%; padding-right: 0; text-align: center; padding: 0 20px; bottom: 16px; } .slider-img a p {font-size: 28px;line-height: 34px;} .slider-menu { position: relative; top: auto; left: auto; height: auto; float: left; width: 100%; transform: rotate(-180deg); -webkit-transform: rotate(-180deg); } .slider-menu ul { width: 100%; height: auto; float: left; } .slider-menu ul:before {display: none} .slider-menu ul li { width: 100%; height: 34px; } .slider-menu ul li:before { width: 100%; } .slider-menu ul li a { position: relative; top: auto; left: auto; transform: rotate(-180deg); -webkit-transform: rotate(-180deg); width: 100%; } .margin-top {margin-top: 15px;} .section-box-content .container.shadow { padding-bottom: 15px; } .brand-link { padding-top: 20px; } .brand-list-desc-txt, { margin-top: 10px; } .brand-list-desc-txt p {margin-top: 4px;} .brand-main-txt {margin-top: 20px;} .brand-txt-img {width: 100%;} /*.products-title {margin-top: 10px}*/ .new_article-img { width: 100%; margin-bottom: 10px; } .brands-list_ .brand-list-desc img {margin-bottom: 10px;} .collection-list ul {margin-top: 10px;} .tabs-content .gall-1 li a {width: 100%;} .tabs-content .gall-1 li a img {margin: 0 auto;} .certificate_f span {display: none;} .certificate_f {padding-left: 0;width: 20px;height: 26px;display: block;float: left;} .certificate_f:before { top: 0; margin-top: 6px; } .list-tabs li {margin-top: 2px} .modal-form, #success-form { width: 300px; margin-left: -150px; } .modal-form form {padding: 0 15px;} .modal-form form label { text-align: left; width: auto; padding-right: 0; font-size: 11px; line-height: 20px; height: 20px; } .modal-form form input, .modal-form form textarea { width: 100%; border: 1px solid #dedfe0; } .modal-form form .required label:before { right: -7px; line-height: 20px; height: 20px; } .modal-form form .has-error .help-block {display: none;} .modal-form form .has-error input, .modal-form form .has-error textarea {border: 1px solid #ed1c24;} .modal-form form input:focus, .modal-form form textarea:focus { border: 1px solid #a7a7a7; } .modal-form form textarea { height: 50px; max-height: 50px; padding-top: 5px; } .button-wr { margin-top: 0; width: 100%; } ._more_ { width: 100%; height: 18px; bottom: -28px; text-align: center; } .form-product-wr table tr td {padding-right: 33px;} .form-product-wr table tr td:first-child { padding-right: 5px; text-align: left; } } @media (max-width: 668px) { } @media (max-width: 560px) { } @media (max-width: 525px) { .box-mosaic a p { padding-top: 30px; } .box-mosaic a p:before {bottom: 32px;right: 9px;} .certificate-page .certificate {width: 100% !important;} } @media (max-width: 480px) { } @media (max-width: 460px) { } @media (max-width: 450px) { #close-form { top: -58px; right: 0;} } @media (max-width: 400px) { .box-mosaic a p { padding-right: 23px; padding-top: 16px; } .box-mosaic a p:before {bottom: 46px;} .tabs-content .certificate {height: 300px !important;} } @media (max-width: 350px) { .box-mosaic a p { padding-right: 23px; padding-top: 16px; } .box-mosaic a p:before {bottom: 46px;right: 16px;} } @media (max-width: 330px) { .box-mosaic a p { padding-right: 22px; } .box-mosaic a p:before {right: 9px} } * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } :before,:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .img-responsive { display:block; max-width:100%; height:auto } .img-rounded { border-radius:6px } .img-thumbnail { padding:4px; line-height:1.42857143; background-color:#fff; border:1px solid #ddd; border-radius:4px; -webkit-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; transition:all .2s ease-in-out; display:inline-block; max-width:100%; height:auto } .img-circle { border-radius:50% } .container { margin-right:auto; margin-left:auto; padding-left:15px; padding-right:15px; } @media (min-width: 768px) { .container { width:100% } } @media (min-width: 992px) { .container { width:970px } } @media (min-width: 1200px) { .container { width:1170px } } .container-fluid { margin-right:auto; margin-left:auto; padding-left:15px; padding-right:15px } .row { margin-left:-15px; margin-right:-15px } .col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12 { position:relative; min-height:1px; padding-left:15px; padding-right:15px } .col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 { float:left } .col-xs-12 { width:100% } .col-xs-11 { width:91.66666667% } .col-xs-10 { width:83.33333333% } .col-xs-9 { width:75% } .col-xs-8 { width:66.66666667% } .col-xs-7 { width:58.33333333% } .col-xs-6 { width:50% } .col-xs-5 { width:41.66666667% } .col-xs-4 { width:33.33333333% } .col-xs-3 { width:25% } .col-xs-2 { width:16.66666667% } .col-xs-1 { width:8.33333333% } .col-xs-pull-12 { right:100% } .col-xs-pull-11 { right:91.66666667% } .col-xs-pull-10 { right:83.33333333% } .col-xs-pull-9 { right:75% } .col-xs-pull-8 { right:66.66666667% } .col-xs-pull-7 { right:58.33333333% } .col-xs-pull-6 { right:50% } .col-xs-pull-5 { right:41.66666667% } .col-xs-pull-4 { right:33.33333333% } .col-xs-pull-3 { right:25% } .col-xs-pull-2 { right:16.66666667% } .col-xs-pull-1 { right:8.33333333% } .col-xs-pull-0 { right:auto } .col-xs-push-12 { left:100% } .col-xs-push-11 { left:91.66666667% } .col-xs-push-10 { left:83.33333333% } .col-xs-push-9 { left:75% } .col-xs-push-8 { left:66.66666667% } .col-xs-push-7 { left:58.33333333% } .col-xs-push-6 { left:50% } .col-xs-push-5 { left:41.66666667% } .col-xs-push-4 { left:33.33333333% } .col-xs-push-3 { left:25% } .col-xs-push-2 { left:16.66666667% } .col-xs-push-1 { left:8.33333333% } .col-xs-push-0 { left:auto } .col-xs-offset-12 { margin-left:100% } .col-xs-offset-11 { margin-left:91.66666667% } .col-xs-offset-10 { margin-left:83.33333333% } .col-xs-offset-9 { margin-left:75% } .col-xs-offset-8 { margin-left:66.66666667% } .col-xs-offset-7 { margin-left:58.33333333% } .col-xs-offset-6 { margin-left:50% } .col-xs-offset-5 { margin-left:41.66666667% } .col-xs-offset-4 { margin-left:33.33333333% } .col-xs-offset-3 { margin-left:25% } .col-xs-offset-2 { margin-left:16.66666667% } .col-xs-offset-1 { margin-left:8.33333333% } .col-xs-offset-0 { margin-left:0 } @media (min-width: 768px) { .col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12 { float:left } .col-sm-12 { width:100% } .col-sm-11 { width:91.66666667% } .col-sm-10 { width:83.33333333% } .col-sm-9 { width:75% } .col-sm-8 { width:66.66666667% } .col-sm-7 { width:58.33333333% } .col-sm-6 { width:50% } .col-sm-5 { width:41.66666667% } .col-sm-4 { width:33.33333333% } .col-sm-3 { width:25% } .col-sm-2 { width:16.66666667% } .col-sm-1 { width:8.33333333% } .col-sm-pull-12 { right:100% } .col-sm-pull-11 { right:91.66666667% } .col-sm-pull-10 { right:83.33333333% } .col-sm-pull-9 { right:75% } .col-sm-pull-8 { right:66.66666667% } .col-sm-pull-7 { right:58.33333333% } .col-sm-pull-6 { right:50% } .col-sm-pull-5 { right:41.66666667% } .col-sm-pull-4 { right:33.33333333% } .col-sm-pull-3 { right:25% } .col-sm-pull-2 { right:16.66666667% } .col-sm-pull-1 { right:8.33333333% } .col-sm-pull-0 { right:auto } .col-sm-push-12 { left:100% } .col-sm-push-11 { left:91.66666667% } .col-sm-push-10 { left:83.33333333% } .col-sm-push-9 { left:75% } .col-sm-push-8 { left:66.66666667% } .col-sm-push-7 { left:58.33333333% } .col-sm-push-6 { left:50% } .col-sm-push-5 { left:41.66666667% } .col-sm-push-4 { left:33.33333333% } .col-sm-push-3 { left:25% } .col-sm-push-2 { left:16.66666667% } .col-sm-push-1 { left:8.33333333% } .col-sm-push-0 { left:auto } .col-sm-offset-12 { margin-left:100% } .col-sm-offset-11 { margin-left:91.66666667% } .col-sm-offset-10 { margin-left:83.33333333% } .col-sm-offset-9 { margin-left:75% } .col-sm-offset-8 { margin-left:66.66666667% } .col-sm-offset-7 { margin-left:58.33333333% } .col-sm-offset-6 { margin-left:50% } .col-sm-offset-5 { margin-left:41.66666667% } .col-sm-offset-4 { margin-left:33.33333333% } .col-sm-offset-3 { margin-left:25% } .col-sm-offset-2 { margin-left:16.66666667% } .col-sm-offset-1 { margin-left:8.33333333% } .col-sm-offset-0 { margin-left:0 } } @media (min-width: 992px) { .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12 { float:left } .col-md-12 { width:100% } .col-md-11 { width:91.66666667% } .col-md-10 { width:83.33333333% } .col-md-9 { width:75% } .col-md-8 { width:66.66666667% } .col-md-7 { width:58.33333333% } .col-md-6 { width:50% } .col-md-5 { width:41.66666667% } .col-md-4 { width:33.33333333% } .col-md-3 { width:25% } .col-md-2 { width:16.66666667% } .col-md-1 { width:8.33333333% } .col-md-pull-12 { right:100% } .col-md-pull-11 { right:91.66666667% } .col-md-pull-10 { right:83.33333333% } .col-md-pull-9 { right:75% } .col-md-pull-8 { right:66.66666667% } .col-md-pull-7 { right:58.33333333% } .col-md-pull-6 { right:50% } .col-md-pull-5 { right:41.66666667% } .col-md-pull-4 { right:33.33333333% } .col-md-pull-3 { right:25% } .col-md-pull-2 { right:16.66666667% } .col-md-pull-1 { right:8.33333333% } .col-md-pull-0 { right:auto } .col-md-push-12 { left:100% } .col-md-push-11 { left:91.66666667% } .col-md-push-10 { left:83.33333333% } .col-md-push-9 { left:75% } .col-md-push-8 { left:66.66666667% } .col-md-push-7 { left:58.33333333% } .col-md-push-6 { left:50% } .col-md-push-5 { left:41.66666667% } .col-md-push-4 { left:33.33333333% } .col-md-push-3 { left:25% } .col-md-push-2 { left:16.66666667% } .col-md-push-1 { left:8.33333333% } .col-md-push-0 { left:auto } .col-md-offset-12 { margin-left:100% } .col-md-offset-11 { margin-left:91.66666667% } .col-md-offset-10 { margin-left:83.33333333% } .col-md-offset-9 { margin-left:75% } .col-md-offset-8 { margin-left:66.66666667% } .col-md-offset-7 { margin-left:58.33333333% } .col-md-offset-6 { margin-left:50% } .col-md-offset-5 { margin-left:41.66666667% } .col-md-offset-4 { margin-left:33.33333333% } .col-md-offset-3 { margin-left:25% } .col-md-offset-2 { margin-left:16.66666667% } .col-md-offset-1 { margin-left:8.33333333% } .col-md-offset-0 { margin-left:0 } } @media (min-width: 1200px) { .col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12 { float:left } .col-lg-12 { width:100% } .col-lg-11 { width:91.66666667% } .col-lg-10 { width:83.33333333% } .col-lg-9 { width:75% } .col-lg-8 { width:66.66666667% } .col-lg-7 { width:58.33333333% } .col-lg-6 { width:50% } .col-lg-5 { width:41.66666667% } .col-lg-4 { width:33.33333333% } .col-lg-3 { width:25% } .col-lg-2 { width:16.66666667% } .col-lg-1 { width:8.33333333% } .col-lg-pull-12 { right:100% } .col-lg-pull-11 { right:91.66666667% } .col-lg-pull-10 { right:83.33333333% } .col-lg-pull-9 { right:75% } .col-lg-pull-8 { right:66.66666667% } .col-lg-pull-7 { right:58.33333333% } .col-lg-pull-6 { right:50% } .col-lg-pull-5 { right:41.66666667% } .col-lg-pull-4 { right:33.33333333% } .col-lg-pull-3 { right:25% } .col-lg-pull-2 { right:16.66666667% } .col-lg-pull-1 { right:8.33333333% } .col-lg-pull-0 { right:auto } .col-lg-push-12 { left:100% } .col-lg-push-11 { left:91.66666667% } .col-lg-push-10 { left:83.33333333% } .col-lg-push-9 { left:75% } .col-lg-push-8 { left:66.66666667% } .col-lg-push-7 { left:58.33333333% } .col-lg-push-6 { left:50% } .col-lg-push-5 { left:41.66666667% } .col-lg-push-4 { left:33.33333333% } .col-lg-push-3 { left:25% } .col-lg-push-2 { left:16.66666667% } .col-lg-push-1 { left:8.33333333% } .col-lg-push-0 { left:auto } .col-lg-offset-12 { margin-left:100% } .col-lg-offset-11 { margin-left:91.66666667% } .col-lg-offset-10 { margin-left:83.33333333% } .col-lg-offset-9 { margin-left:75% } .col-lg-offset-8 { margin-left:66.66666667% } .col-lg-offset-7 { margin-left:58.33333333% } .col-lg-offset-6 { margin-left:50% } .col-lg-offset-5 { margin-left:41.66666667% } .col-lg-offset-4 { margin-left:33.33333333% } .col-lg-offset-3 { margin-left:25% } .col-lg-offset-2 { margin-left:16.66666667% } .col-lg-offset-1 { margin-left:8.33333333% } .col-lg-offset-0 { margin-left:0 } } .clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after { content:" "; display:table } .clearfix:after,.container:after,.container-fluid:after,.row:after { clear:both } .center-block { display:block; margin-left:auto; margin-right:auto } .pull-right { float:right!important } .pull-left { float:left!important } .hide { display:none!important } .show { display:block!important } .invisible { visibility:hidden } .text-hide { font:0/0 a; color:transparent; text-shadow:none; background-color:transparent; border:0 } .hidden { display:none!important } .affix { position:fixed } .visible-xs,.visible-sm,.visible-md,.visible-lg { display:none!important } .visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block { display:none!important } @media (max-width: 767px) { .visible-xs { display:block!important } table.visible-xs { display:table!important } tr.visible-xs { display:table-row!important } th.visible-xs,td.visible-xs { display:table-cell!important } .visible-xs-block { display:block!important } .visible-xs-inline { display:inline!important } .visible-xs-inline-block { display:inline-block!important } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm, .visible_all { display:block!important } table.visible-sm { display:table!important } tr.visible-sm { display:table-row!important } th.visible-sm,td.visible-sm { display:table-cell!important } .visible-sm-block { display:block!important } .visible-sm-inline { display:inline!important } .visible-sm-inline-block { display:inline-block!important } } @media (min-width: 940px) { .visible_940 { display:block!important } } @media (max-width: 939px) { .visible-mobile, .mob-overlay { display:block!important } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md, .visible_all { display:block!important } table.visible-md { display:table!important } tr.visible-md { display:table-row!important } th.visible-md,td.visible-md { display:table-cell!important } .visible-md-block { display:block!important } .visible-md-inline { display:inline!important } .visible-md-inline-block { display:inline-block!important } } @media (min-width: 1200px) { .visible-lg, .visible_all { display:block!important } table.visible-lg { display:table!important } tr.visible-lg { display:table-row!important } th.visible-lg,td.visible-lg { display:table-cell!important } } @media (min-width: 1200px) { .visible-lg-block { display:block!important } } @media (min-width: 1200px) { .visible-lg-inline { display:inline!important } } @media (min-width: 1200px) { .visible-lg-inline-block { display:inline-block!important } } @media (max-width: 767px) { .hidden-xs { display:none!important } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display:none!important } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display:none!important } } @media (min-width: 1200px) { .hidden-lg { display:none!important } } .visible-print { display:none!important } @media print { .visible-print { display:block!important } table.visible-print { display:table!important } tr.visible-print { display:table-row!important } th.visible-print,td.visible-print { display:table-cell!important } } .visible-print-block { display:none!important } @media print { .visible-print-block { display:block!important } } .visible-print-inline { display:none!important } @media print { .visible-print-inline { display:inline!important } } .visible-print-inline-block { display:none!important } @media print { .visible-print-inline-block { display:inline-block!important } } @media print { .hidden-print { display:none!important } } @media (max-width: 1199px) { } @media (max-width: 991px) { } .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; width: 20%; }