._more_, .artweb-wr a:hover, .certificate_f, .lang-wr a, .nav > li > form > button:hover, .question-form, ul.main-menu li a { text-decoration: none } .head-container, .project-brands_ { overflow-x: hidden } .clearfix:after, .container-fluid:after, .container:after, .group:after, .row:after { clear: both } .owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent } #overlay, .mob-overlay { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)" } .brand-link a img, .f-img, .f-img img, .form-product-wr table tr td:first-child img, .logo_, .logo_ img { vertical-align: middle } body, html { height: 100% } .wrap { min-height: 100%; height: auto; margin: 0 auto -60px; padding: 0 0 60px } .wrap > .container { padding: 70px 15px 20px } .footer { height: 60px; background-color: #f5f5f5; border-top: 1px solid #ddd; padding-top: 20px } .jumbotron { text-align: center; background-color: transparent } .jumbotron .btn { font-size: 21px; padding: 14px 24px } .not-set { color: #c55; font-style: italic } a.asc:after, a.desc:after { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; padding-left: 5px } a.asc:after { content: "\e151" } a.desc:after { content: "\e152" } .sort-numerical a.asc:after { content: "\e153" } .sort-numerical a.desc:after { content: "\e154" } .sort-ordinal a.asc:after { content: "\e155" } .sort-ordinal a.desc:after { content: "\e156" } .calc-menu .question-form:before, .close-menu-mob:before, .menu-wrapper:before, .menu_mob div:first-child:before, .phones-table-wr:after, .phones-table-wr:before, .prefooter .shadow:before, ul.main-menu li a:before, ul.main-menu li:hover::before { content: '' } .grid-view td { white-space: nowrap } .grid-view .filters input, .grid-view .filters select { min-width: 50px } .hint-block { display: block; margin-top: 5px; color: #999 } .error-summary { color: #a94442; background: #fdf7f7; border-left: 3px solid #eed3d7; padding: 10px 20px; margin: 0 0 15px } .nav > li > form { padding: 8px } @media (max-width: 768px) { .nav li > form { padding: 3px } } * { margin: 0; padding: 0 } body { font-family: Roboto; font-weight: 400; font-size: 14px; color: #414143; background: url(../images/bg_body.jpg); line-height: 1.42857143 } .off-scroll { overflow-y: hidden; height: 100%; position: fixed } img { border: none } button, input, textarea { outline: 0 !important } [class*=section-box] { width: 100%; float: left; position: relative } .style { width: 100%; float: left } .question-form { height: 40px; padding: 0 23px; line-height: 40px; 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(0); -webkit-transform: rotate(0); right: -26px; top: -16px } .section-box-header { background: #fff; margin-bottom: 2px } .logo_ { height: 112px; width: 100%; position: relative; display: table-cell } .logo_ img { width: 100% } .menu-wrapper { height: 40px; position: relative } .menu-wrapper:before { background: #414143; height: 40px; width: 100%; position: absolute } .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 } .lang-wr a, .phones-head span { font-weight: 300; font-size: 13px } .phones-head span { color: #939598; position: absolute; right: 0; top: 23px; width: 199px; text-align: right; line-height: 14px } .close-search, .search-ico { height: 112px; position: relative } .close-search img, .search-btn-mob img, .search-ico 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: url(../images/ico/ico-1.png) 50% 50% no-repeat #939598; 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; font-size: 13px; text-transform: uppercase; padding: 0 28px 0 29px; line-height: 40px; position: relative; height: 100%; display: block; white-space: nowrap; } ul.main-menu li a:before { position: absolute; left: 0; top: 50%; margin-top: -10px; width: 1px; height: 20px; background: #5a5a5d } 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%; 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: 0 0 8px 0 rgba(149, 149, 149, .8) } ul.main-menu li:hover ul { display: block } ul.main-menu li:hover ul li { width: 100%; overflow: hidden; height: auto; 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 } ul.main-menu li ul li a { line-height: 19px; padding: 15px 5px 14px 24px !important; white-space: normal; } .lang-wr { position: absolute; height: 43px; top: 32px; left: 0 } .lang-wr-mob { left: 50% } .lang-wr a { position: absolute; bottom: 0; left: 0; color: #414143; line-height: 14px } .calc-menu .question-form:hover, .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 } .hidden-search.vis { margin-right: 0; transition: .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: 0 !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: 0 !important; cursor: pointer; background: url(../images/ico/ico-2.png) 50% 0 no-repeat #fff } .head-container { height: 112px; 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; background: url(../images/ico/ico-6.png) no-repeat; cursor: pointer; width: 10px; height: 6px; z-index: 2; transition: .3s } .phones-table-wr p, .phones-table-wr ul { position: relative; z-index: 3 } .phones-table-wr:after { width: 100%; height: 100%; box-shadow: 0 0 8px 0 rgba(149, 149, 149, .8); position: absolute; top: -18px; left: -10px; box-sizing: content-box; padding: 18px 10px 28px; 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, .menu_mob div:first-child:before { position: absolute; background: #fff; top: 0; left: 0 } .menu_mob div { width: 14px; height: 2px; margin-top: 25px } .menu_mob div:first-child { margin-top: 13px } .menu_mob div:first-child:before { width: 100%; height: 100%; margin-top: 6px } .calc-menu .question-form { line-height: 42px; position: relative; background: 0 0; 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 { position: absolute; width: 12px; height: 18px; left: -20px; top: 50%; margin-top: -9px; background: url(../images/ico/ico-7.png) no-repeat } .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: .8; 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: 0 0 20px 0 rgba(0, 0, 0, .2); position: relative } .prefooter .shadow:before { position: absolute; width: 100%; height: 13px; background: #fff; top: -11px; left: 0 } .close-menu-mob { position: relative; width: 100%; height: 52px; background: #fff; 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; 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: .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 .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: 0 0 } .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: .3s; -webkit-transition: .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: 0 0; box-shadow: none } .xs-sm-menu ul.main-menu li ul li { background: #8b8d90; height: auto; border-bottom: 1px solid #fff; padding:8px 0 8px 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 } .modal-form form input, .modal-form form textarea { border-left: 0; border-right: 0; border-bottom: 1px solid #dedfe0 } .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) } .owl-carousel .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -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-height { -webkit-transition: height .5s ease-in-out; -moz-transition: height .5s ease-in-out; -ms-transition: height .5s ease-in-out; -o-transition: height .5s ease-in-out; transition: height .5s ease-in-out } .owl-carousel { display: none; width: 100%; 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; -webkit-transform: translate3d(0, 0, 0) } .owl-carousel .owl-controls .owl-dot, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-nav .owl-prev { 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-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; 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 .owl-carousel { display: block } .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity .4s ease; -moz-transition: opacity .4s ease; -ms-transition: opacity .4s ease; -o-transition: opacity .4s ease; transition: opacity .4s ease } .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 .1s ease; -moz-transition: scale .1s ease; -ms-transition: scale .1s ease; -o-transition: scale .1s ease; transition: scale .1s 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-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { 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 .4s ease; -moz-transition: opacity .4s ease; -ms-transition: opacity .4s ease; -o-transition: opacity .4s ease; transition: opacity .4s ease } .artweb-wr, .copyright { height: 25px } .owl-carousel .owl-video-frame { position: relative; z-index: 1 } .copyright p { width: 100%; float: left; font-size: 11px; color: #939598; font-weight: 300 } .artweb-wr { 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: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 } .f-img img { max-width: 100% } .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-5 { text-align: right; display: table } .certificate_f { 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 } #overlay { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999; background: #000; opacity: .8 } #success-form, .modal-form { width: 810px; background: #fff; position: fixed; left: 50%; margin-left: -405px; top: 20px; opacity: 0; z-index: 999991; display: none } .box-mosaic a:hover, .slider-menu ul li:before { opacity: .9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)" } #success-form { height: 216px; background: #fff } #modal_form-2 .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, .input-wr, .modal-form form { width: 100%; float: left } .form-title { font-size: 24px; font-weight: 700; text-align: center; margin-top: 34px } .modal-form form { padding: 0 150px; margin-bottom: 40px } .input-wr { 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: 0 !important; font-size: 18px; border-top: 0 } .modal-form form textarea { max-height: 30px; border-top: 0; resize: none } .modal-form form input:focus, .modal-form form textarea:focus { border-bottom: 1px solid #a7a7a7; transition: .2s; -webkit-transition: .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 } .box-mosaic a p:before, .form-product-wr table tr td.remove_, .slider-menu ul li:before, .slider-menu ul:before { content: '' } .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: 0 !important; text-align: center; text-transform: uppercase; border: 1px solid #939598; color: inherit; font-size: 11px; font-weight: 700; cursor: pointer; background: #fff } .form-product-wr table tr td:first-child:before, .form-product-wr.product_0 { display: none } .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 } .form-product-wr.product_1 { height: 75px } .form-product-wr.product_2 { height: 155px } .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 } .brand-link a, .colect-title, .collection-img, .slider-menu ul li a { text-align: center } .form-product-wr table tr td.remove_ { 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 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; font-size: 13px; color: #939598 } ._more_:hover { text-decoration: underline } .box-mosaic a p, .slider-menu ul li a { text-decoration: none; font-size: 14px; z-index: 2; color: #fff } .margin-top { margin-top: 30px } .moz-4, .moz-5, .moz-6, .moz-7 { margin-top: 2px } .box-mosaic a { position: relative; display: block; height: 100% } .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; line-height: 14px; padding-left: 20px; background: url(../images/shadow-home.png) repeat-x; padding-right: 16px; padding-top: 39px } .moz-2, .moz-3, .moz-4, .moz-5, .moz-7 { padding-left: 0 !important } .moz-1, .moz-2, .moz-4, .moz-6, .moz-7 { padding-right: 2px !important } .box-mosaic a p:before { width: 7px; height: 12px; background: url(../images/ico/ico-3.png) no-repeat; position: absolute; bottom: 24px; right: 16px } .box-mosaic img { width: 100%; position: absolute; top: 0; left: 0 } [class*=moz-] { height: 75px } .moz-1, .moz-5 a { height: 152px } .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 } .slider-menu ul li { list-style: none; position: relative; width: 34px; height: 100%; float: left } .slider-menu ul li a { width: 460px; height: 34px; line-height: 34px; display: block; 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; background: #000; z-index: 1 } .slider-menu ul li:nth-child(2):before { opacity: .8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)" } .slider-menu ul li:nth-child(3):before { opacity: .7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)" } .slider-menu ul li:nth-child(4):before { opacity: .6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)" } .slider-menu ul li:nth-child(5):before { opacity: .5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)" } .slider-menu ul li:nth-child(6):before { opacity: .4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)" } .slider-menu ul li:nth-child(7):before { opacity: .3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)" } .slider-menu ul li:nth-child(8):before { opacity: .2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)" } .slider-menu ul li:nth-child(n+9):before { opacity: .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 } .link-cat:before, .slider-img a p:before { bottom: 0; content: '' } .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: .5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; position: absolute; left: 0 } .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: .9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)" } #contact-map { float: left; margin-top: 15px; } ul.breadcrumb { width: 100%; float: left; margin-top: 28px; margin-bottom: 16px; position: relative; z-index: 2; } 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 } .link-cat p, .link-cat:before { width: 100%; left: 0; position: absolute } ul.breadcrumb li:first-child:before { display: none } ul.breadcrumb li a { text-decoration: underline; color: inherit } .box-title-1 { font-size: 24px; color: #414143; font-weight: 700 } .box-category { margin-top: -19px } .margin_bottom_30 { margin-bottom: 30px } .link-cat { position: relative; width: 100%; display: block; float: left; height: 144px; background-repeat: no-repeat !important; background-size: cover !important } .link-cat:before { height: 75px; background: #000; opacity: 0.5; } .link-cat p { color: #fff; bottom: 19px; padding-left: 20px; padding-right: 20px; font-size: 15px; } .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 .cat-list-brands, .hover .link-cat { box-shadow: 0 0 8px 0 rgba(149, 149, 149, .8); transition: .2s; -webkit-transition: .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 } .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 } .artile-view-txt p, .brand-list-desc-txt p, .brand-main-txt p, .content-txt p, .products-txt p, .service-txt p, .tabs-content p { font-size: 13px; width: 100%; float: left; line-height: 16px; margin-top: 15px } .brand-list-desc-txt p, .products-txt p, .tabs-content p { float: none } .artile-view-txt p:first-of-type, .brand-list-desc-txt p:first-child, .brand-main-txt p:first-child, .content-txt p:first-child { margin-top: 0 } .brand-link a { display: block; width: 100%; float: left; border: 1px solid #dedfe0; padding: 13px 5px; margin-top: 12px } .brand-link a:first-child { margin-top: 0 } .brand-link a:hover { box-shadow: 0 0 8px 0 rgba(149, 149, 149, .8); transition: .2s; -webkit-transition: .2s } .brand-link a img { max-width: 100% } .uppercase { text-transform: uppercase } .brand-txt-img { 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: .3s; -webkit-transition: .3s; opacity: .5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)" } .collection-list ul li a:hover div { opacity: .9; transition: .2s; -webkit-transition: .2s } .brands-list_ { width: 100%; float: left; margin-top: 48px } .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:after, .products-link a:before { position: absolute; content: '' } .products-link a img { width: 100%; max-width: 100%; float: left } .products-link a:after { 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: .3s; -webkit-transition: .3s; opacity: .5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)" } .products-link a:before { width: 7px; height: 12px; background: url(../images/ico/ico-3.png) no-repeat; bottom: 20px; right: 15px } .products-list-wr { margin-top: 60px } .products-list-wr:first-child { margin-top: 0 } .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-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, .articles-title a { 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: .9; transition: .2s; -webkit-transition: .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%; margin-bottom: 10px } .artile-view-txt p { padding: 0 15px; float: none } .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 } .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 } .marginbottom-15 { margin-bottom: -15px } .galery-obj-img ul li { list-style: none; float: left } .collection-img img { width: 100%; max-width: 360px !important; vertical-align: bottom } #lg-counter, .lg-outer .lg-video-cont { vertical-align: middle; display: inline-block } .colect-title { 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 } .list-tabs li, .to_order { text-decoration: none; font-size: 11px; text-transform: uppercase } .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 div, .load_collection:before { width: 100%; height: 100%; position: absolute; left: 0; top: 0 } .load_collection:before { content: ''; background: #fff; opacity: .8; z-index: 1 } .load_collection div { z-index: 2; background: url(../images/25.gif) 50% 50% no-repeat } .to_order { display: block; margin: 10px auto 0; width: 174px; height: 40px; line-height: 40px; border: 1px solid #939598; color: #414143; font-weight: 700; text-align: center } .to_order:hover { background: #939598; color: #fff; transition: .2s; -webkit-transition: .2s } .list-tabs li, .pagination li a { color: inherit; position: relative } .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 { z-index: 2; list-style: none; float: left; 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 } .pagination li a, .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 } .new_article-img { width: 35%; float: left; padding-right: 15px; margin-bottom: 10px } .new_article-img img { max-width: 100%; width: 100%; float: left } .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 } .pagination li.active { background: #939598 } .pagination li a { font-size: 15px; line-height: 24px; width: 100%; display: block; padding: 0 3px } .pagination li.active a { color: #fff } .pagination li.next, .pagination li.prev { position: absolute; top: 0; background: 0 0; width: 24px; height: 24px } .pagination li.next.disabled, .pagination li.prev.disabled { opacity: .5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)" } .pagination li.next span, .pagination li.prev span { display: block; position: relative; width: 100%; height: 100% } .pagination li.prev { left: 33px } .pagination li.next { right: 33px } .pagination li.next a:before, .pagination li.next span:before, .pagination li.prev a:before, .pagination li.prev span:before { width: 100%; height: 100%; content: ''; position: absolute; top: 0; left: 0 } .pagination li.prev a:before, .pagination li.prev span:before { background: url(../images/ico/ico-10.png) 50% 50% no-repeat #fff } .pagination li.next a:before, .pagination li.next span:before { background: url(../images/ico/ico-11.png) 50% 50% no-repeat #fff } .certificate-page { margin-top: -30px } .title-certificate-pg { font-weight: 700; font-size: 18px; margin-top: 20px } .mCustomScrollbar { -ms-touch-action: pinch-zoom; touch-action: pinch-zoom } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action { -ms-touch-action: auto; touch-action: auto } .mCustomScrollBox { position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: 0; direction: ltr } .mCSB_container { overflow: hidden; width: auto; height: auto } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0 } .mCS-dir-rtl > .mCSB_inside > .mCSB_container { margin-right: 0; margin-left: 30px } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0 } .mCSB_scrollTools { position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; opacity: 1 !important } .mCSB_outside + .mCSB_scrollTools { right: -26px } .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { right: auto; left: 0 } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { left: -26px } .mCSB_scrollTools .mCSB_draggerContainer { 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; background-color: #f2f2f3 } .mCSB_scrollTools .mCSB_dragger { cursor: pointer; width: 100%; height: 30px; z-index: 1 } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { position: relative; width: 9px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; background: #dedfe0 } .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 } .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 } .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp { display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer } .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 5 . TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ * / .mCSB_scrollTools { -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_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar { -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 } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)" } .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag { opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)" } .mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0 } .mCSB_scrollTools .mCSB_buttonDown { bottom: 0; background-position: 0 -20px } .mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px } .mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px } .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover { opacity: .75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)" } .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active, .mCSB_scrollTools .mCSB_buttonUp:active { opacity: .9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)" } .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, .1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, .75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px } .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail { 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, .85) } .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, .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 } .moz-2-2 { padding-right: 0 !important; } .moz-1-2 { padding-left: 2px !important; } @media (max-width: 1200px) { 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: .5s; margin-top: 0 } .margin-top, .tablet-artweb { margin-top: 20px } .head-container { overflow: visible } .mob-overlay { display: block } .tablet-artweb { height: 40px; background: #dedfe0; padding-top: 8px } .shadow { box-shadow: none } .prefooter .shadow:before { display: none } .slider-img a div { padding-right: 30px } .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) { .link-cat { height: 162px } .box-mosaic a p { padding-left: 10px; padding-top: 10px; } .box-mosaic a p:before { right: 5px; bottom: 52px; } } @media (max-width: 950px) { .link-cat { height: 155px } #success-form, .modal-form { width: 610px; margin-left: -305px } .modal-form form { padding: 0 30px } } @media (max-width: 900px) { .link-cat { height: 145px } } @media (max-width: 880px) { .link-cat:before { height: 100%; } } @media (max-width: 850px) { .link-cat { height: 136px } } @media (max-width: 810px) { .list-tabs { padding-left: 30px } .list-tabs li, .list-tabs li span { width: 160px } } @media (max-width: 800px) { .link-cat { height: 127px } } @media (max-width: 768px) { .link-cat { height: 121px } } @media (max-width: 767px) { .calc-menu, .slider-img a div { text-align: center } .link-cat { height: 396px } .f-img, .logo_ { display: block; height: auto } .search-form-wr-padding { padding: 0 15px !important } .hidden-search.vis { transition: .5s; margin-top: 0 } .logo_ { padding-top: 20px; width: 165px; margin: 0 auto } .brands-list_ .brand-list-desc img, .new_article-img { margin-bottom: 10px } .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: 0 0 } .phones-table-wr:after { left: 10px; padding: 18px 5px 28px } .slider-menu, .slider-menu ul li a { position: relative; top: auto; left: auto } .calc-menu .question-form { font-size: 11px } .certificate_f span, .slider-img a p:before, .slider-img a span, .slider-menu ul:before { display: none } .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 } .moz-5 a, [class*=moz-], [class*=moz-] 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-2, .moz-4, .moz-6 { padding-right: 15px !important } .moz-6 { padding-left: 0 !important } .box-slider { height: auto } .slider-img { height: 180px } .slider-menu, .slider-menu ul { height: auto; width: 100%; float: left } .slider-img a div { width: 100%; padding: 0 20px; bottom: 16px } .slider-img a p { font-size: 28px; line-height: 34px } .slider-menu { transform: rotate(-180deg); -webkit-transform: rotate(-180deg) } .slider-menu ul li { width: 100%; height: 34px } .slider-menu ul li:before { width: 100% } .slider-menu ul li a { 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, .new_article-img { width: 100% } .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 { 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 } #success-form, .modal-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 } .moz-2.moz-2-1{ padding-left: 15px !important; padding-right: 0 !important; } .moz-2.moz-2-2{ padding-left: 2px !important; padding-right: 15px !important; } .moz-1-1 { padding-right: 15px !important; margin-bottom: 2px; } .moz-1-2 { padding-left: 15px !important; padding-top: 2px; } } .container, .container-fluid { margin-right: auto; margin-left: auto } @media (max-width: 700px) { .link-cat { height: 360px } } @media (max-width: 650px) { .link-cat { height: 332px } } @media (max-width: 600px) { .link-cat { height: 304px } } @media (max-width: 550px) { .link-cat { height: 277px } } @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: 500px) { .link-cat { height: 249px } } @media (max-width: 480px) { .link-cat { height: 238px } } @media (max-width: 450px) { .link-cat { height: 222px } #close-form { top: -58px; right: 0 } } @media (max-width: 400px) { .link-cat { height: 194px } .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) { .link-cat { height: 166px } .box-mosaic a p { padding-right: 23px; padding-top: 16px } .box-mosaic a p:before { bottom: 46px; right: 16px } } @media (max-width: 336px) { .link-cat { height: 160px } } @media (max-width: 330px) { .box-mosaic a p { padding-right: 22px } .box-mosaic a p:before { right: 9px } } *, :after, :before { -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 } .container, .container-fluid { padding-left: 15px; padding-right: 15px } .img-circle { border-radius: 50% } .container { min-width: 320px } @media (min-width: 768px) { .container { width: 100% } } @media (min-width: 992px) { .container { width: 970px } } @media (min-width: 1200px) { .container { width: 1170px } } .row { margin-left: -15px; margin-right: -15px } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .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-md-1, .col-md-10, .col-md-11, .col-md-12, .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-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .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-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px } .affix, .lg-sub-html { position: fixed } .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { 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-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { 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-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { 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-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 { 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:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .row:after, .row:before { content: " "; display: table } .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 } .hidden, .visible-lg, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block { display: none !important } .invisible { visibility: hidden } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0 } .lg-sub-html, .lg-toolbar { background-color: rgba(0, 0, 0, .45) } @media (max-width: 767px) { .visible-xs { display: block !important } table.visible-xs { display: table !important } tr.visible-xs { display: table-row !important } td.visible-xs, th.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 } td.visible-sm, th.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) { .mob-overlay, .visible-mobile { 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 } td.visible-md, th.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 } td.visible-lg, th.visible-lg { display: table-cell !important } .visible-lg-block { display: block !important } .visible-lg-inline { display: inline !important } .visible-lg-inline-block { display: inline-block !important } .hidden-lg { display: none !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 } } .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 } td.visible-print, th.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 } .hidden-print { display: none !important } } .col-lg-15, .col-md-15, .col-sm-15, .col-xs-15 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; width: 20% } @font-face { font-family: lg; src: url(../fonts/lg.eot?n1z373); src: url(../fonts/lg.eot?#iefixn1z373) format("embedded-opentype"), url(../fonts/lg.woff?n1z373) format("woff"), url(../fonts/lg.ttf?n1z373) format("truetype"), url(../fonts/lg.svg?n1z373#lg) format("svg"); font-weight: 400; font-style: normal } .lg-icon { font-family: lg; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .lg-actions .lg-next, .lg-actions .lg-prev { background-color: rgba(0, 0, 0, .45); border-radius: 2px; color: #999; cursor: pointer; display: block; font-size: 22px; margin-top: -10px; padding: 8px 10px 9px; position: absolute; top: 50%; z-index: 1080 } .lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled { pointer-events: none; opacity: .5 } .lg-actions .lg-next:hover, .lg-actions .lg-prev:hover { color: #fff } .lg-actions .lg-next { right: 20px } .lg-actions .lg-next:before { content: "\e095" } .lg-actions .lg-prev { left: 20px } .lg-actions .lg-prev:after { content: "\e094" } @-webkit-keyframes lg-right-end { 0%, 100% { left: 0 } 50% { left: -30px } } @-moz-keyframes lg-right-end { 0%, 100% { left: 0 } 50% { left: -30px } } @-ms-keyframes lg-right-end { 0%, 100% { left: 0 } 50% { left: -30px } } @keyframes lg-right-end { 0%, 100% { left: 0 } 50% { left: -30px } } @-webkit-keyframes lg-left-end { 0%, 100% { left: 0 } 50% { left: 30px } } @-moz-keyframes lg-left-end { 0%, 100% { left: 0 } 50% { left: 30px } } @-ms-keyframes lg-left-end { 0%, 100% { left: 0 } 50% { left: 30px } } @keyframes lg-left-end { 0%, 100% { left: 0 } 50% { left: 30px } } .lg-outer.lg-right-end .lg-object { -webkit-animation: lg-right-end .3s; -o-animation: lg-right-end .3s; animation: lg-right-end .3s; position: relative } .lg-outer.lg-left-end .lg-object { -webkit-animation: lg-left-end .3s; -o-animation: lg-left-end .3s; animation: lg-left-end .3s; position: relative } .lg-toolbar { z-index: 1082; left: 0; position: absolute; top: 0; width: 100% } .lg-toolbar .lg-icon { color: #999; cursor: pointer; float: right; font-size: 24px; height: 47px; line-height: 27px; padding: 10px 0; text-align: center; width: 50px; text-decoration: none !important; outline: 0; -webkit-transition: color .2s linear; -o-transition: color .2s linear; transition: color .2s linear } .lg-toolbar .lg-icon:hover { color: #fff } .lg-toolbar .lg-close:after { content: "\e070" } .lg-toolbar .lg-download:after { content: "\e0f2" } .lg-sub-html { bottom: 0; color: #eee; font-size: 16px; left: 0; padding: 10px 40px; right: 0; text-align: center; z-index: 1080 } .lg-sub-html h4 { margin: 0; font-size: 13px; font-weight: 700 } .lg-sub-html p { font-size: 12px; margin: 5px 0 0 } #lg-counter { color: #999; font-size: 16px; padding-left: 20px; padding-top: 12px } .lg-next, .lg-prev, .lg-toolbar { opacity: 1; -webkit-transition: -webkit-transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear; -moz-transition: -moz-transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear; -o-transition: -o-transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear; transition: transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear } .lg-hide-items .lg-prev { opacity: 0; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } .lg-hide-items .lg-next { opacity: 0; -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } .lg-hide-items .lg-toolbar { opacity: 0; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object { -webkit-transform: scale3d(.5, .5, .5); transform: scale3d(.5, .5, .5); opacity: 0; -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important; -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important; -o-transition: -o-transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important; transition: transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50% } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1 } .lg-outer .lg-thumb-outer { background-color: #0d0a0a; bottom: 0; position: absolute; width: 100%; z-index: 1080; max-height: 350px; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1) 0s; -moz-transition: -moz-transform .25s cubic-bezier(0, 0, .25, 1) 0s; -o-transition: -o-transform .25s cubic-bezier(0, 0, .25, 1) 0s; transition: transform .25s cubic-bezier(0, 0, .25, 1) 0s } .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab } .lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing } .lg-outer .lg-thumb-outer.lg-dragging .lg-thumb { -webkit-transition-duration: 0s !important; transition-duration: 0s !important } .lg-outer.lg-thumb-open .lg-thumb-outer { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .lg-outer .lg-thumb { padding: 10px 0; height: 100%; margin-bottom: -5px } .lg-outer .lg-thumb-item { cursor: pointer; float: left; overflow: hidden; height: 100%; margin-bottom: 5px } @media (min-width: 1025px) { .lg-outer .lg-thumb-item { -webkit-transition: border-color .25s ease; -o-transition: border-color .25s ease; transition: border-color .25s ease } } .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: #a90707 } .lg-outer .lg-thumb-item img { width: 100%; height: 100%; object-fit: cover } .lg-outer.lg-has-thumb .lg-item { padding-bottom: 120px } .lg-outer.lg-can-toggle .lg-item { padding-bottom: 0 } .lg-outer.lg-pull-caption-up .lg-sub-html { -webkit-transition: bottom .25s ease; -o-transition: bottom .25s ease; transition: bottom .25s ease } .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html { bottom: 100px } .lg-outer .lg-toogle-thumb { background-color: #0d0a0a; border-radius: 2px 2px 0 0; color: #999; cursor: pointer; font-size: 24px; height: 39px; line-height: 27px; padding: 5px 0; position: absolute; right: 20px; text-align: center; top: -39px; width: 50px } .lg-outer .lg-toogle-thumb:after { content: "\e1ff" } .lg-outer .lg-toogle-thumb:hover { color: #fff } .lg-outer .lg-video-cont { max-width: 1140px; max-height: 100%; width: 100%; padding: 0 5px } .lg-outer .lg-video { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative } .lg-outer .lg-video .lg-object { display: inline-block; position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important } .lg-outer .lg-video .lg-video-play { width: 84px; height: 59px; position: absolute; left: 50%; top: 50%; margin-left: -42px; margin-top: -30px; z-index: 1080; cursor: pointer } .lg-outer .lg-has-vimeo .lg-video-play { background: url(../img/vimeo-play.png) no-repeat } .lg-outer .lg-has-vimeo:hover .lg-video-play { background: url(../img/vimeo-play.png) 0 -58px no-repeat } .lg-outer .lg-has-html5 .lg-video-play { background: url(../img/video-play.png) no-repeat; height: 64px; margin-left: -32px; margin-top: -32px; width: 64px; opacity: .8 } .lg-outer .lg-has-html5:hover .lg-video-play { opacity: 1 } .lg-outer .lg-has-youtube .lg-video-play { background: url(../img/youtube-play.png) no-repeat } .lg-outer .lg-has-youtube:hover .lg-video-play { background: url(../img/youtube-play.png) 0 -60px no-repeat } .lg-outer .lg-video-object { width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0 } .lg-outer .lg-has-video .lg-video-object { visibility: hidden } .lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play { display: none } .lg-outer .lg-has-video.lg-video-playing .lg-video-object { visibility: visible } .lg-progress-bar { background-color: #333; height: 5px; left: 0; position: absolute; top: 0; width: 100%; z-index: 1083; opacity: 0; -webkit-transition: opacity 80ms ease 0s; -moz-transition: opacity 80ms ease 0s; -o-transition: opacity 80ms ease 0s; transition: opacity 80ms ease 0s } .lg-progress-bar .lg-progress { background-color: #a90707; height: 5px; width: 0 } .lg-progress-bar.lg-start .lg-progress { width: 100% } .lg-show-autoplay .lg-progress-bar { opacity: 1 } .lg-autoplay-button:after { content: "\e01d" } .lg-show-autoplay .lg-autoplay-button:after { content: "\e01a" } .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transition-duration: 0s; transition-duration: 0s } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s; -moz-transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s; -o-transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s; transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: -webkit-transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important; -moz-transition: -moz-transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important; -o-transition: -o-transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important; transition: transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden } #lg-zoom-in:after { content: "\e311" } #lg-actual-size { font-size: 20px } #lg-actual-size:after { content: "\e033" } #lg-zoom-out { opacity: .5; pointer-events: none } #lg-zoom-out:after { content: "\e312" } .lg-zoomed #lg-zoom-out { opacity: 1; pointer-events: auto } .lg-outer .lg-pager-outer { bottom: 60px; left: 0; position: absolute; right: 0; text-align: center; z-index: 1080; height: 10px } .lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont { overflow: visible } .lg-outer .lg-pager-cont { cursor: pointer; display: inline-block; overflow: hidden; position: relative; vertical-align: top; margin: 0 5px } .lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .lg-outer .lg-pager-cont.lg-pager-active .lg-pager { box-shadow: 0 0 0 2px #fff inset } .lg-outer .lg-pager-thumb-cont { background-color: #fff; color: #fff; bottom: 100%; height: 83px; left: 0; margin-bottom: 20px; margin-left: -60px; opacity: 0; padding: 5px; position: absolute; width: 120px; border-radius: 3px; -webkit-transition: opacity .15s ease 0s, -webkit-transform .15s ease 0s; -moz-transition: opacity .15s ease 0s, -moz-transform .15s ease 0s; -o-transition: opacity .15s ease 0s, -o-transform .15s ease 0s; transition: opacity .15s ease 0s, transform .15s ease 0s; -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0) } .lg-outer .lg-pager-thumb-cont img { width: 100%; height: 100% } .lg-outer .lg-pager { background-color: rgba(255, 255, 255, .5); border-radius: 50%; box-shadow: 0 0 0 8px rgba(255, 255, 255, .7) inset; display: block; height: 12px; -webkit-transition: box-shadow .3s ease 0s; -o-transition: box-shadow .3s ease 0s; transition: box-shadow .3s ease 0s; width: 12px } .lg-outer .lg-pager:focus, .lg-outer .lg-pager:hover { box-shadow: 0 0 0 8px #fff inset } .lg-outer .lg-caret { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px dashed; bottom: -10px; display: inline-block; height: 0; left: 50%; margin-left: -5px; position: absolute; vertical-align: middle; width: 0 } .lg-outer, .lg-outer .lg, .lg-outer .lg-inner { width: 100%; height: 100% } .lg-fullscreen:after { content: "\e20c" } .lg-fullscreen-on .lg-fullscreen:after { content: "\e20d" } .group:after, .group:before { display: table; content: ""; line-height: 0 } .lg-outer { position: fixed; top: 0; left: 0; z-index: 1050; opacity: 0; -webkit-transition: opacity .15s ease 0s; -o-transition: opacity .15s ease 0s; transition: opacity .15s ease 0s } .lg-outer * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .lg-outer.lg-visible { opacity: 1 } .lg-outer.lg-css3 .lg-item.lg-current, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-prev-slide { -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important } .lg-outer.lg-css3.lg-dragging .lg-item.lg-current, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; opacity: 1 } .lg-outer.lg-grab img.lg-object { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab } .lg-outer.lg-grabbing img.lg-object { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing } .lg-outer .lg { position: relative; overflow: hidden; margin-left: auto; margin-right: auto; max-width: 100%; max-height: 100% } .lg-outer .lg-inner { position: absolute; left: 0; top: 0; white-space: nowrap } .lg-outer .lg-item { background: url(../images/loading.gif) center center no-repeat; display: none !important } .lg-outer.lg-css .lg-current, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide, .lg-outer.lg-css3 .lg-prev-slide { display: inline-block !important } .lg-outer .lg-img-wrap, .lg-outer .lg-item { display: inline-block; text-align: center; position: absolute; width: 100%; height: 100% } .lg-outer .lg-img-wrap:before, .lg-outer .lg-item:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px } .lg-outer .lg-img-wrap { position: absolute; padding: 0 5px; left: 0; right: 0; top: 0; bottom: 0 } .lg-outer .lg-item.lg-complete { background-image: none } .lg-outer .lg-item.lg-current { z-index: 1060 } .lg-outer .lg-image { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto !important; height: auto !important } .lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play { opacity: 0; -webkit-transition: opacity .15s ease 0s; -o-transition: opacity .15s ease 0s; transition: opacity .15s ease 0s } .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play { opacity: 1 } .lg-outer .lg-empty-html, .lg-outer.lg-hide-download #lg-download { display: none } .lg-backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1040; background-color: #000; opacity: 0; -webkit-transition: opacity .15s ease 0s; -o-transition: opacity .15s ease 0s; transition: opacity .15s ease 0s } .lg-backdrop.in { opacity: 1 } .lg-css3.lg-no-trans .lg-current, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-prev-slide { -webkit-transition: none 0s ease 0s !important; -moz-transition: none 0s ease 0s !important; -o-transition: none 0s ease 0s !important; transition: none 0s ease 0s !important } .lg-css3.lg-use-css3 .lg-item, .lg-css3.lg-use-left .lg-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden } .lg-css3.lg-fade .lg-item { opacity: 0 } .lg-css3.lg-fade .lg-item.lg-current { opacity: 1 } .lg-css3.lg-fade .lg-item.lg-current, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-prev-slide { -webkit-transition: opacity .1s ease 0s; -moz-transition: opacity .1s ease 0s; -o-transition: opacity .1s ease 0s; transition: opacity .1s ease 0s } .lg-css3.lg-slide.lg-use-css3 .lg-item { opacity: 0 } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s; transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s } .lg-css3.lg-slide.lg-use-left .lg-item { opacity: 0; position: absolute; left: 0 } .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide { left: -100% } .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide { left: 100% } .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { left: 0; opacity: 1 } .lg-css3.lg-slide.lg-use-left .lg-item.lg-current, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide { -webkit-transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s; -moz-transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s; -o-transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s; transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s } .new_articles_data-title {margin-top:23px;} .new_articles-wr .row:first-child .new_articles_data-title {margin-top:51px;}