/* Start:/local/templates/truby_copy/css/styles.css?17276109898869*/ /* SIMPLE */ .baron._simple .baron__track { opacity: 0; position: absolute; z-index: 3; top: 10px; bottom: 10px; right: 5px; width: 5px; background: #cdcdcd; pointer-events: none; } .baron._simple._scrollbar .baron__track { opacity: 1; } .baron._simple .baron__bar { position: absolute; z-index: 1; width: 5px; background: #0573c2; opacity: 0; -webkit-transition: opacity .2s linear; transition: opacity .2s linear; pointer-events: auto; } .baron._simple .baron__bar:hover { opacity: .8; } .baron._simple.baron .baron__bar { opacity: .6; } /* Mac OS X */ .baron._macosx .baron__track { opacity: 0; position: absolute; z-index: 3; top: 2px; bottom: 2px; right: 2px; width: 0; } .baron._macosx._scrollbar .baron__track { opacity: 1; } .baron._macosx .baron__bar { position: absolute; z-index: 1; width: 6px; border-radius: 3px; background: #333; opacity: 0; transition: .1s opacity .4s linear; pointer-events: auto; } .baron._dragging .baron__bar { /*opacity: 1;*/ } .baron._macosx .baron__bar:hover, .baron._scrolling .baron__bar { transition-duration: 0s; transition-delay: 0s; opacity: .5; } /* Windows XP */ .baron._winxp .baron__scroller { padding-right: 17px; } .baron._winxp .baron__track { opacity: 0; position: absolute; z-index: 3; top: 0; bottom: 0; right: 0; width: 15px; overflow: hidden; background-image: linear-gradient(to right, #f2f1ec, #fdfef9); border: 1px solid #ecede5; } .baron._winxp._scrollbar .baron__track { opacity: 1; } .baron._winxp .baron__control { display: block; } .baron._winxp .baron__control, .baron._winxp .baron__bar { border: 1px solid #f3ffff; box-shadow: 1px 1px 1px #b7caf5 inset, 1px 1px 1px #7b9fd3; border-radius: 3px; background-image: linear-gradient(to right, #c9d7fc, #baccf4); text-align: center; font-size: 8px; line-height: 14px; color: #4e6287; cursor: default; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .baron._winxp .baron__control:hover, .baron._winxp .baron__bar:hover { background-image: linear-gradient(to right, #d9e7ff, #cadcff); } .baron._winxp .baron__up, .baron._winxp .baron__down { position: absolute; z-index: 1; width: 15px; height: 16px; box-sizing: border-box; } .baron._winxp .baron__up { top: 0; } .baron._winxp .baron__down { bottom: 0; } .baron._winxp .baron__free { position: absolute; top: 18px; bottom: 18px; right: 0; width: 0; } .baron._winxp .baron__bar { position: absolute; z-index: 1; width: 15px; box-sizing: border-box; border: 1px solid #f3ffff; box-shadow: 1px 1px 1px #b7caf5 inset, 1px 1px 1px #7b9fd3; border-radius: 3px; background-image: linear-gradient(to right, #c9d7fc, #baccf4); opacity: 1; -webkit-transition: opacity .2s ease-in; transition: opacity .2s ease-in; pointer-events: auto; } .baron._winxp .baron__bar:before { content: ''; position: absolute; top: 45%; left: 3px; width: 6px; height: 7px; z-index: 1; background-image: linear-gradient( to bottom, #f0f4ff 0px, #f0f4ff 1px, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0) 2px, #f0f4ff 2px, #f0f4ff 3px, rgba(255, 255, 255, 0) 3px, rgba(255, 255, 255, 0) 4px, #f0f4ff 4px, #f0f4ff 5px, rgba(255, 255, 255, 0) 5px, rgba(255, 255, 255, 0) 6px, #f0f4ff 6px, #f0f4ff 7px, rgba(255, 255, 255, 0) 7px, rgba(255, 255, 255, 0) 8px ); } .baron._winxp .baron__bar:after { content: ''; position: absolute; top: 47%; left: 4px; width: 6px; height: 7px; background-image: linear-gradient( to bottom, #8aaff6 0px, #8aaff6 1px, rgba(138, 175, 246, 0) 1px, rgba(138, 175, 246, 0) 2px, #8aaff6 2px, #8aaff6 3px, rgba(138, 175, 246, 0) 3px, rgba(138, 175, 246, 0) 4px, #8aaff6 4px, #8aaff6 5px, rgba(138, 175, 246, 0) 5px, rgba(138, 175, 246, 0) 6px, #8aaff6 6px, #8aaff6 7px, rgba(138, 175, 246, 0) 7px, rgba(138, 175, 246, 0) 8px ); } .baron._winxp._dragging .baron__bar, .baron._winxp .baron__bar:hover { background-image: linear-gradient(to right, #d9e7ff, #cadcff); } /* Ubuntu */ .baron._ubuntu12 .baron__scroller { padding-right: 14px; } .baron._ubuntu12 .baron__track { opacity: 0; position: absolute; z-index: 3; top: 0; bottom: 0; right: 0; width: 12px; box-sizing: border-box; background-image: url(/local/templates/truby_copy/css/../images/barontrack.png); background-repeat:repeat-y; background-position:center; text-align:center; } .baron._ubuntu12._scrollbar .baron__track { opacity: 1; } .baron._ubuntu12 .baron__bar { position: absolute; z-index: 1; width: 6px; box-sizing: border-box; background:#007cc3; opacity: 1; pointer-events: auto; } .baron._dragging .baron__bar { /*opacity: 1;*/ } .baron._ubuntu12 .baron__bar:hover, ._scrolling .baron__bar { background: #15a4f4; } .baron__clipper { position: relative; overflow: hidden; } .baron__scroller { overflow-y: scroll; -ms-overflow-style: none; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; border: 0; padding: 0; width: 100%; height: 100%; -webkit-overflow-scrolling: touch; /* remove line to customize scrollbar in iOs */ } .baron__scroller::-webkit-scrollbar { width: 0; height: 0; } .baron__track { display: none; position: absolute; top: 0; right: 0; bottom: 0; } .baron._scrollbar .baron__track { display: block; } .baron__free { position: absolute; top: 0; bottom: 0; right: 0; } .baron__bar { display: none; position: absolute; right: 0; z-index: 1; width: 10px; background: #999; } .baron._scrollbar .baron__bar { display: block; margin-right:3px; } .baron__control { width:24px; height:20px; background-image:url(/local/templates/truby_copy/css/../images/arrowss.png); background-repeat:no-repeat; position:absolute; right:120px; z-index:10; display:none; } .baron__up:hover, .baron__down:hover { background-image:url(/local/templates/truby_copy/css/../images/arrowssa.png); } .baron__up{ background-position:top; top:0px; } .baron__down{ background-position:bottom; bottom:0px; } .baron_items .baron__scroller { padding-right: 0px !important; } .baron_items:hover .baron__control{ display:block; } .content .populyrnye_tovary .baron_items .baron__control{ } .content .product-items-holder .baron__free { bottom:40px; top:40px; } .content .product-items-holder .baron_items .baron__control { background-image: url("/local/templates/truby_copy/css/images/arrowsitems.png"); background-color:#edf1f2; height: 38px; display:block; } .content .product-items-holder .baron_items .baron__control:hover { background-color:#a3a8ac; cursor:pointer; } .content .product-items-holder .baron_items .baron__up { background-position: center 3px; top: 0; width:1000px; left:-980px; } .content .product-items-holder .baron_items .baron__up:hover{ background-position: center -65px; opacity:1.0; } .content .product-items-holder .baron_items .baron__down { background-position: center -32px; bottom: 0; width:1000px; left:-980px; } .content .product-items-holder .baron_items .baron__down:hover { background-position: center -100px; opacity:1.0; } .content .product-items-holder .baron._ubuntu12 .baron__bar { width:14px; } .content .product-items-holder .baron._ubuntu12 .baron__track { width:20px; background-image:url(/local/templates/truby_copy/css/images/baron-track.png); background-color:#fff; } /* End */ /* Start:/local/templates/truby_copy/css/jquery.mCustomScrollbar.css?172761098914660*/ /* basic scrollbar styling */ /* vertical scrollbar */ .mCSB_container{ width:auto; margin-right:30px; overflow:hidden; } .mCSB_container.mCS_no_scrollbar{ margin-right:0; } .mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar, .mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar{ margin-right:30px; } .mCustomScrollBox>.mCSB_scrollTools{ width:16px; height:100%; top:0; right:0; } .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:2px; height:100%; margin:0 auto; /*-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;*/ } .mCSB_scrollTools .mCSB_dragger{ cursor:pointer; width:100%; height:30px; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:4px; height:100%; margin:0 auto; /*-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;*/ text-align:center; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display:block; position:relative; height:20px; overflow:hidden; margin:0 auto; cursor:pointer; } .mCSB_scrollTools .mCSB_buttonDown{ top:100%; margin-top:-40px; } /* horizontal scrollbar */ .mCSB_horizontal>.mCSB_container{ height:auto; margin-right:0; margin-bottom:30px; overflow:hidden; padding: 0 48px; } .recommended-bloc .mCSB_horizontal>.mCSB_container{ padding-left:0px; } .mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{ margin-bottom:0; } .mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar, .mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{ margin-right:0; margin-bottom:30px; } .mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools{ width:100%; height:16px; top:auto; right:auto; bottom:0; left:0; /*overflow:hidden;*/ opacity: 1; } .mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer{ /*margin:0 20px;*/ } .mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{ width:100%; height:1px; margin:7px 0; /*-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;*/ } .mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger{ width:30px; height:100%; } .mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:100%; height:3px; margin:6px auto; /*-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;*/ } .mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft, .mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{ display:block; /*position:relative;*/ position: absolute; top: -70px; width:41px; height:75px; overflow:hidden; margin:0 auto; cursor:pointer; float:left; opacity: 1 !important; /*background: url(/local/templates/truby_copy/css/../images/project-arrow-done-bg.png) no-repeat;*/ background: url(/local/templates/truby_copy/css/../images/project-arrow-bg_new2.png) no-repeat; z-index: 110; } .mCustomScrollBox:after { content:''; position: absolute; display: block; left: 0; top: 0; bottom: 0; width: 41px; background: #fff; } .mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft{left: 0; background-position: 0 0; top:-140px; webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{ /*margin-left:-40px; float:right;*/ right: 0; background-position: 0-75px; top:-140px; webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight:hover{opacity: 1;} .mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft:hover{background-position: 0 -150px;} .mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight:hover{background-position: 0 -225px;} .mCustomScrollBox{ -ms-touch-action:none; /*MSPointer events - direct all pointer events to js*/ overflow: hidden; } /* default scrollbar colors and backgrounds (default theme) */ .mCustomScrollBox>.mCSB_scrollTools{ opacity:0.75; filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */ } .mCustomScrollBox:hover>.mCSB_scrollTools{ opacity:1; filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; /* old ie */ } .mCSB_scrollTools .mCSB_draggerRail{ /*background:#000; /* rgba fallback background:rgba(0,0,0,0.4); filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */ background: #b2b2b2; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /*background:#fff; /* rgba fallback background:rgba(255,255,255,0.75); filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */ background: #007cc3; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ /*background:rgba(255,255,255,0.85); filter:"alpha(opacity=85)"; -ms-filter:"alpha(opacity=85)"; /* old ie */ background: #15a4f4; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ /*background:rgba(255,255,255,0.9); filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */ background: #15a4f4; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image:url(/local/templates/truby_copy/css/../images/mCSB_buttons.png); background-repeat:no-repeat; opacity:0.4; filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */ } .mCSB_scrollTools .mCSB_buttonUp{ background-position:0 0; /* sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark) */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position:0 -20px; /* sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark) */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position:0 -40px; /* sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark) */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position:0 -56px; /* sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark) */ } .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)"; /* old ie */ } .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)"; /* old ie */ } /*scrollbar themes*/ /*dark (dark colored scrollbar)*/ .mCS-dark>.mCSB_scrollTools .mCSB_draggerRail{ background:#000; /* rgba fallback */ background:rgba(0,0,0,0.15); } .mCS-dark>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background:#000; /* rgba fallback */ background:rgba(0,0,0,0.75); } .mCS-dark>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background:rgba(0,0,0,0.85); } .mCS-dark>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background:rgba(0,0,0,0.9); } .mCS-dark>.mCSB_scrollTools .mCSB_buttonUp{ background-position:-80px 0; } .mCS-dark>.mCSB_scrollTools .mCSB_buttonDown{ background-position:-80px -20px; } .mCS-dark>.mCSB_scrollTools .mCSB_buttonLeft{ background-position:-80px -40px; } .mCS-dark>.mCSB_scrollTools .mCSB_buttonRight{ background-position:-80px -56px; } /*light-2*/ .mCS-light-2>.mCSB_scrollTools .mCSB_draggerRail{ width:4px; background:#fff; /* rgba fallback */ background: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{ width:4px; background:#fff; /* rgba fallback */ background:rgba(255,255,255,0.75); -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; } .mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{ width:100%; height:4px; margin:6px 0; } .mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:100%; height:4px; margin:6px auto; } .mCS-light-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background: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: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; } /*dark-2*/ .mCS-dark-2>.mCSB_scrollTools .mCSB_draggerRail{ width:4px; background:#000; /* rgba fallback */ background:rgba(0,0,0,0.1); -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; } .mCS-dark-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:4px; background:#000; /* rgba fallback */ background:rgba(0,0,0,0.75); -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; } .mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{ width:100%; height:4px; margin:6px 0; } .mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:100%; height:4px; margin:6px auto; } .mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background:rgba(0,0,0,0.85); } .mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background:rgba(0,0,0,0.9); } .mCS-dark-2>.mCSB_scrollTools .mCSB_buttonUp{ background-position:-112px 0; } .mCS-dark-2>.mCSB_scrollTools .mCSB_buttonDown{ background-position:-112px -20px; } .mCS-dark-2>.mCSB_scrollTools .mCSB_buttonLeft{ background-position:-120px -40px; } .mCS-dark-2>.mCSB_scrollTools .mCSB_buttonRight{ background-position:-120px -56px; } /*light-thick*/ .mCS-light-thick>.mCSB_scrollTools .mCSB_draggerRail{ width:4px; background:#fff; /* rgba fallback */ background:rgba(255,255,255,0.1); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } .mCS-light-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:6px; background:#fff; /* rgba fallback */ background:rgba(255,255,255,0.75); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } .mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{ width:100%; height:4px; margin:6px 0; } .mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:100%; height:6px; margin:5px auto; } .mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background:rgba(255,255,255,0.85); } .mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background:rgba(255,255,255,0.9); } .mCS-light-thick>.mCSB_scrollTools .mCSB_buttonUp{ background-position:-16px 0; } .mCS-light-thick>.mCSB_scrollTools .mCSB_buttonDown{ background-position:-16px -20px; } .mCS-light-thick>.mCSB_scrollTools .mCSB_buttonLeft{ background-position:-20px -40px; } .mCS-light-thick>.mCSB_scrollTools .mCSB_buttonRight{ background-position:-20px -56px; } /*dark-thick*/ .mCS-dark-thick>.mCSB_scrollTools .mCSB_draggerRail{ width:4px; background:#000; /* rgba fallback */ background:rgba(0,0,0,0.1); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } .mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:6px; background:#000; /* rgba fallback */ background:rgba(0,0,0,0.75); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } .mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{ width:100%; height:4px; margin:6px 0; } .mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:100%; height:6px; margin:5px auto; } .mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background:rgba(0,0,0,0.85); } .mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background:rgba(0,0,0,0.9); } .mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonUp{ background-position:-96px 0; } .mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonDown{ background-position:-96px -20px; } .mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonLeft{ background-position:-100px -40px; } .mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonRight{ background-position:-100px -56px; } /*light-thin*/ .mCS-light-thin>.mCSB_scrollTools .mCSB_draggerRail{ background:#fff; /* rgba fallback */ background:rgba(255,255,255,0.1); } .mCS-light-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:2px; } .mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{ width:100%; } .mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:100%; height:2px; margin:7px auto; } /*dark-thin*/ .mCS-dark-thin>.mCSB_scrollTools .mCSB_draggerRail{ background:#000; /* rgba fallback */ background:rgba(0,0,0,0.15); } .mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:2px; background:#000; /* rgba fallback */ background:rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{ width:100%; } .mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:100%; height:2px; margin:7px auto; } .mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background:rgba(0,0,0,0.85); } .mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background:rgba(0,0,0,0.9); } .mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonUp{ background-position:-80px 0; } .mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonDown{ background-position:-80px -20px; } .mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonLeft{ background-position:-80px -40px; } .mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonRight{ background-position:-80px -56px; } /* End */ /* Start:/local/templates/truby_copy/css/jquery.fancybox.css?17276109894895*/ /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('/local/templates/truby_copy/css/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('/local/templates/truby_copy/css/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('/local/templates/truby_copy/css/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('/local/templates/truby_copy/css/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('/local/templates/truby_copy/css/fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('/local/templates/truby_copy/css/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } /* End */ /* Start:/local/templates/truby_copy/css/ion.tabs.css?17276109891313*/ /* Ion.Tabs // css version 1.0.0 // by Denis Ineshin | ionden.com // ===================================================================================================================*/ /* ===================================================================================================================== // Ion.Tabs: Base */ .ionTabs { position: relative; } .ionTabs__head { position: relative; display: block; list-style-type: none; margin: 0; padding: 0; z-index: 1; } .ionTabs__head:before, .ionTabs__head:after {content: ""; display: table;} .ionTabs__head:after {clear: both;} .ionTabs__head {zoom: 1;} .ionTabs__tab { position: relative; display: block; float: left; list-style-type: none; background: none; margin: 0; padding: 0; cursor: pointer; } .ionTabs__tab.ionTabs__tab_state_active { cursor: default; } .ionTabs__body { position: relative; z-index: 2; } .ionTabs__item { position: relative; display: none; } .ionTabs__item.ionTabs__item_state_active { display: block; } .ionTabs__preloader { position: relative; } /* End */ /* Start:/local/templates/truby_copy/components/bitrix/search.title/visual/style.css?17276109892836*/ .bx_search_container{ height: 50px; line-height: 50px; padding: 0 10px; } .bx_search_container .bx_field{ position: relative; margin-top: 15px; height: 30px; border-top: 1px solid #8ca3ae; border-right: 1px solid #a0b4be; border-bottom: 1px solid #b6c8d1; border-left: 1px solid #a0b4be; border-radius: 3px; background: #fff; box-shadow: inset 0 2px 3px 0 rgba(0,0,0,0.1); line-height: 30px; } .bx_search_container .bx_field .bx_input_text{ position: absolute; right: 34px; left: 5px; height: 30px; outline: none; border: none; background: none; line-height: 30px; } .bx_search_container .bx_field .bx_input_submit{ position: absolute; top: 2px; right: 0; bottom: 0; width: 34px; border: none; background: url('/local/templates/truby_copy/components/bitrix/search.title/visual/images/search_lupe.png') no-repeat left center; cursor: pointer; } div.title-search-result { border:1px solid #c6c6c6; display:none; overflow:hidden; z-index:205; min-width: 370px; width: 100%; margin-left: -45px; margin-top:-2px; background-color: #FFF; } div.title-search-fader { display:none; background-image: url('/local/templates/truby_copy/components/bitrix/search.title/visual/images/fader.png'); background-position: right top; background-repeat: repeat-y; position:absolute; } p.title-search-preview { font-size:12px; } div.title-search-result td.title-search-price span { font-size: 26px; } /*========================*/ .bx_searche{ } .bx_searche .bx_img_element{ background: #fafafa; float: left; width: 45px; padding: 5px 10px; position: absolute; top: 0; bottom: 0; } .bx_searche .bx_item_block{ min-height: 65px; position: relative } .bx_searche .bx_image{ width: 45px; height: 45px; background-size: contain; background-position: center; background-repeat: no-repeat; border: 1px solid #e8e8e8; } .bx_searche .bx_item_element{ /*float: left;*/ padding-left: 10px; margin-left: 70px; } .bx_searche .bx_item_element hr{ margin: 0; border: none; border-bottom: 1px solid #e5e5e5; } .bx_searche .bx_item_element a{ margin-top: 10px; display: inline-block; color: #4788cb; font-size: 14px; text-decoration: none; } .bx_searche .bx_item_element a b{color: #000;font-weight: normal;} .bx_searche .bx_item_element a:hover, .bx_searche .bx_item_element a:hover b{text-decoration: underline;} .bx_searche .bx_price{ font-weight:bold; font-size:14px; } .bx_searche .bx_price .old{ font-weight:normal; text-decoration: line-through; color: #636363 } .bx_item_block.all_result{min-height:0} .bx_item_block.others_result{ min-height: 0; padding: 0 0 12px; line-height: 14px; } .bx_item_block.all_result .all_result_title{ display: block; font-size: 14px; color: #a7a7a7; padding-top: 15px; padding-bottom: 10px; } .bx_item_block.all_result .all_result_title a{color: #a7a7a7} .bx_item_block.all_result .all_result_title a:hover{color: #4788cb} .bx_item_block.all_result a{ margin-top: 0; } /* End */ /* Start:/local/templates/truby_copy/components/bitrix/menu/new_left2/style.min.css?1774509140490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/truby_copy/components/bitrix/menu/new_left2/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* Start:/local/templates/truby_copy/template_styles.css?1727610989101469*/ *{margin: 0; padding: 0;} @font-face { font-family: 'PT Sans Regular'; src: url('/local/templates/truby_copy/fonts/pt_sans_regular-webfont.eot'); src: url('/local/templates/truby_copy/fonts/pt_sans_regular-webfont.eot?#iefix') format('embedded-opentype'), url('/local/templates/truby_copy/fonts/pt_sans_regular-webfont.woff') format('woff'), url('/local/templates/truby_copy/fonts/pt_sans_regular-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PT Sans Bold'; src: url('/local/templates/truby_copy/fonts/pt_sans_bold-webfont.eot'); src: url('/local/templates/truby_copy/fonts/pt_sans_bold-webfont.eot?#iefix') format('embedded-opentype'), url('/local/templates/truby_copy/fonts/pt_sans_bold-webfont.woff') format('woff'), url('/local/templates/truby_copy/fonts/pt_sans_bold-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } html{height: 100%; min-width: 980px;} body{min-width: 980px; font-size: 14px; font-family: 'PT Sans Regular'; color:#808080; height: 100%; background: #F6F6F4; /* background-image:url(/local/templates/truby_copy/images/pattern3.png); */ background-image:url(/local/templates/truby_copy/images/body_bg.png); } .logo a:hover, .catalog-nav a:hover, .top-nav a:hover, .logo-btm a:hover ,.section-subsection-block a:hover{ opacity : 1 !important; } .section-block-pipes:hover a{ opacity : 0.85; color: #007cc3; } .section-block-other:hover a { opacity : 0.85; color: #007cc3 !important; } .section-block-pipes:hover .section-subsection-block a { opacity : 1 !important; } #orderForm input[type="submit"]:hover, #callbackForm input[type="submit"]:hover { opacity : 0.85; } a:hover { opacity : 0.85; } .prodolgit:hover { opacity : 0.85; } textarea { resize: none; } .about-block { text-align: justify; padding: 0px 0px 25px 00px !important; } .about-block { color: #1c2224 !important; } .about-block b, .about-block i { color: #1c2224; } /*url(/local/templates/truby_copy/images/body-bg.jpg) repeat top center*/ img{border: 0;} input, textarea, button, select{outline: none; font-family: 'PT Sans Regular';} h1,h2,h3,h4,h5,h6,strong,b{font-weight: bold; font-family: 'PT Sans Bold'; } h3{ font-size:18px; padding-bottom:10px; } h4{ font-size:15px; padding-bottom:5px; } .about-block h2{ font-family: 'PT Sans'; font-weight: 400; font-size: 30px; line-height: 30px; padding-bottom: 20px; margin:0; } #myoverlay{display: none; width: 100%; height: 100%; position: fixed; z-index: 1100; top: 0; left: 0; right: 0; bottom: 0; cursor: pointer; background-color: rgba(0,0,0,0.5);} .popup{display: none; position: fixed; z-index: 1102; background: #f1f1f1;border:1px solid bababa; border-radius:15px;} .popup .close-popup{display: block; width: 21px; height: 21px; text-indent: -9999px; background: url(/local/templates/truby_copy/images/close-btn-bg.png) no-repeat; position: absolute; top: 15px; right: 15px;} .popup a.close-btn{display: inline-block; height: 40px; padding: 0 25px; color: #fff; font: bold 16px/40px 'PT Sans Bold'; background: #007cc3; margin: 25px auto 0;} .popup a.close-btn:hover{background: #15a4f4;} .popup.success-popup{padding: 40px; text-align: center; font-size: 15px;} .popup.success-popup strong{color: #3f4446; font-size: 17px; display: block; padding: 30px 0 25px 0;} .popup.order-popup, .popup.callback-popup{padding: 15px;} #orderForm, #callbackForm{width: 478px; margin: 0 auto; padding-top: 13px;} #callbackForm{width: 478px;} #addtoForm{ width:566px; margin: 0 auto; padding-top: 13px;} #addtoForm .title{text-align: center; color: #006aba; font: bold 24px/24px 'PT Sans Bold'; text-transform: uppercase; padding-bottom: 45px;} #addtoForm .buttonspopup{ height:65px; width:100%; margin-top:35px; margin-bottom:30px; float:left; } #addtoForm .prodtocart{ border-top:1px dashed #bababa; border-bottom:1px dashed #bababa; float:left; padding:10px; } .section-description img{ margin:9px; } #addtoForm .prodtocart .primage { float:left; padding-top:10px; } #addtoForm .prodtocart .prtitle { float:left; padding-top:24px; padding-left:30px; padding-right:100px; width:135px; background-image:url(/local/templates/truby_copy/images/arr_popup_title.png); background-position:200px 40px; background-repeat:no-repeat; height:82px; color:#1c2224; font: normal 16px 'PT Sans Regular'; } #addtoForm .popup_cart{ float:left; padding-top:24px; } #addtoForm .popup_cart a{ display:block; color:#006aba; text-transform:uppercase; padding-left:30px; background-image:url(/local/templates/truby_copy/images/bg_link_popup_cart.png); background-position:left center; background-repeat:no-repeat; margin-bottom:12px; padding-top:5px; text-decoration:underline; } #addtoForm .popup_cart .count, #addtoForm .popup_cart .itogo { padding-left:10px; font: 16px 'PT Sans Bold'; color: #006aba; padding-bottom:2px; font-weight: bold; } #addtoForm .popup_cart .count{ color: #475058; } #addtoForm .popup_cart .count span{ color: #006aba; } #addtoForm .prodtocart .primage img { width:150px; } #addtoForm .popup_cart .itogo .rub { border-bottom: 2px solid #006aba; display: inline-block; line-height: 6px; width: 0.4em; } #basket_items .totalCnt{ color:#000000; } .MEASURE_TEXT{ float: left; text-align: center; width: 100%; padding-top:10px; } #addtoForm a.oformit{ display:block; width: 250px; height: 38px; font: normal 18px/32px 'PT Sans Regular'; background-image:url(/local/templates/truby_copy/images/bg_popup_button_of.png); background-repeat:no-repeat; text-transform:uppercase; border: 0; cursor: pointer; color: #fff; margin: 0 auto 15px; text-align:center; padding-top:7px; display: block; margin-top:15px; float:right; } #addtoForm span.prodolgit{ display:block; width: 250px; height: 40px; font: normal 18px/32px 'PT Sans Regular'; background-image:url(/local/templates/truby_copy/images/bg_popup_button_next.png); background-repeat:no-repeat; text-transform:uppercase; border: 0; cursor: pointer; color: #1c2224; margin: 0 auto 15px; text-align:center; padding-top:8px; display: block; margin-top:15px; float:left; } #addtoForm span.prodolgit > span{ font-weight:bold; } #addtoForm a.oformit > span{ font-weight:bold; } #orderForm .title, #callbackForm .title{text-align: center; color: #006aba; font: bold 24px/24px 'PT Sans Bold'; text-transform: uppercase; padding-bottom: 45px;} #callbackForm .title span{ color:#000000; } #orderForm label, #callbackForm label{display: block; float:left; margin-left:5px; text-align:right; width:165px; color:#000000; padding-top:6px; padding-bottom:6px; font: normal 18px 'PT Sans Regular'; } #callbackForm .footer_form, #orderForm .footer_form , .forma .footer_form{ float:left; width:100%; height:70px; } #callbackForm .footer_form label, #orderForm .footer_form label, .forma .footer_form label { width:40%; float:left; font-size:12px; text-align:left; margin-left:5px; } #callbackForm .footer_form input[type="checkbox"], #orderForm .footer_form input[type="checkbox"], .forma .footer_form input[type="checkbox"]{ float:left; margin-top:5px; margin-left:20px; } #callbackForm .row.opisanie{ position:relative; height:150px; } #callbackForm .row.opisanie a.attach{ display:block; position:absolute; right: 20px; bottom:10px; width:40px; height:40px; } #callbackForm .row.opisanie label{ position:absolute; color:#000; font-weight:bold; top:0px; left: 20px; } #callbackForm .row.opisanie textarea { float: right; width: 380px; height: 100px; border-radius: 10px; border: 1px solid #C5CECE; padding: 10px 8px; padding-right:40px; padding-left:15px; padding-top:30px; margin: 0 auto 15px; margin-right: 15px; background-repeat: no-repeat; display: block; color: #000000; font: 14px/20px 'PT Sans Regular'; background-image:url(/local/templates/truby_copy/images/attach.png); background-repeat:no-repeat; background-position:388px 97px; } #callbackForm .row{ height: 60px; width:100%; } #callbackForm .type label.radio{ display:inline-block; float:none; height: 30px; width: 135px; margin-left:10px; } #callbackForm .type input[type="radio"] { display: none; } #callbackForm .type input[type="radio"] + label span { cursor: pointer; padding-left: 0; } #callbackForm .type input[type="radio"] + label span{ content: ""; display: block; padding-top:5px; height: 23px; text-align:center; text-transform:uppercase; color:#383838; font:bold 14px 'PT Sans Bold'; background-color:#d4d6d6; border-radius:15px; } #callbackForm .type input[type="radio"]:checked + label span { background-color:#007cc3; color:#fff; } #orderForm input[type="text"], #callbackForm input[type="text"]{ float:right; background-color: #f1f1f1; width: 261px; height: 40px; border:none; padding: 0 8px; margin: 0 auto 15px; margin-right:15px; background-image:url(/local/templates/truby_copy/images/bg_popup_text.png); background-repeat:no-repeat; display:block; color:#000000; font: bold 18px/32px 'PT Sans Bold'; } #orderForm input[type="submit"], #callbackForm input[type="submit"]{ width: 227px; height: 45px; font: bold 18px/32px 'PT Sans Bold'; background-image:url(/local/templates/truby_copy/images/bg_popup_button.png); background-color: #f1f1f1; background-repeat:no-repeat; text-transform:uppercase; border: 0; cursor: pointer; color: #fff; margin: 0 auto 15px; display: block; margin-top:15px; } #callbackForm input[type="submit"] { float:right; } a{color: #007cc3; text-decoration: none;} .container{ margin: 0 auto;} .container.section-subsection-block{ margin-left:30px; } #wrapper{ width:1260px; margin: 0 auto; -moz-box-shadow: 0px 0px 5px 6px #ccc; -webkit-box-shadow: 0px 0px 5px 6px #ccc; box-shadow: 0px 0px 5px 6px #ccc; } #header{height: 202px; background: #fff; background-image:url(/local/templates/truby_copy/images/header_bg.png); background-repeat:no-repeat; background-position:center bottom; position:relative; } .header-center{ margin:0 285px 0 275px; } .logo{ float: left; width:250px; padding-top:35px; text-align: center;} .logo.ng{ } .header-right{ float:right; width: 285px; } #header .head-phone { float:left; width:445px; padding-top:31px; margin-left:0px; position:relative; } #header .work-time { background-image:url(/local/templates/truby_copy/images/xshedule.png); background-position:left 75px; background-repeat:no-repeat; padding-top:24px; width:200px; position:absolute; color:#000; top: 0px; right: -49px; font-size: 18px; } #header .work-time p{ padding-top: 5px; } #header .work-time p.tm { font-size: 14px; } #header .adress { display:block; text-decoration:none; font-family: "PT Sans"; font-size: 12px; color:#000; white-space: nowrap; } #header .head-phone .phone{ height:35px; } #header .head-phone .phone a{ font:bold 30px "Times New Roman"; color:#44494b; opacity:1; } #header .head-phone .phone span{ font:700 30px "Times New Roman"; color:#1C68BE; } .figure-length{ text-align: left; color: #313638; font-size: 15px; margin-top:10px;} .figure-length div{float:left; color: #e1e1e3; font: bold 27px/43px 'PT Sans Bold'; width: 34px; height: 39px; text-align: center; background: url(/local/templates/truby_copy/images/length-bg.png) no-repeat; text-shadow: 0 0 1px #1c1c21; margin-left: -4px;} .figure-length span.ed{text-transform: uppercase; line-height: 41px;float:left;width:20px;font-weight:bold;} .figure-length span{float:left; width:150px;margin-left:4px;} .figure-length p { line-height: 36px; } .head-cart { width: 260px; height: 102px; margin-right: 25px; margin-top: 20px; padding-top: 15px; border: 1px solid #D7E0E2; background: url(/local/templates/truby_copy/images/cart-full.png) 173px 20px no-repeat; position: relative; } .head-cart.noitems{ background: url(/local/templates/truby_copy/images/cart-empty.png) 173px 20px no-repeat; } .head-cart > a > div.count{ position: absolute; right: 79px; top: 9px; left: auto; text-align: center; opacity: 1; font-size: 12px; line-height: 13px; } .head-cart > a > div.count>span { background: #1E68BA; color: #fff; width: 32px; display: block; height: 32px; vertical-align: middle; -webkit-border-radius: 32px; -moz-border-radius: 32px; border-radius: 32x; line-height: 32px; } .head-cart > a > span{display: block;padding-left:25px;font-size: 16px;} .head-cart > a{color: #010210; text-decoration: none;} .head-cart > a > span > span{color: #1C68BE; font-weight:700;} .head-cart span.head-cart-title{ color: #44494b; font-family: 'PT Sans Bold'; text-transform: uppercase; font-size:16px; display:block; font-weight: bold; margin-bottom: 15px; } .head-cart span.go-to-order{ color: #44494b; display:block; position: absolute; right:20px; top:70px; font-family: 'PT Sans Regular'; font-size: 14px; font-weight:normal; text-decoration:underline; } .head-cart span.go-to-order:hover{text-decoration:none;} .head-cont{float: left; text-align: right; padding-top: 4px;margin-right:31px;width:446px;} .head-cont span{clear: both; display: block; margin-bottom: 10px;} .head-cont a.callback-link{ display:block; text-decoration:none; width:203px; height:36px; background: url(/local/templates/truby_copy/images/button_call.png) 0 0 no-repeat; float:left; margin-top: 20px; margin-left: 15px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); } .head-cont a.callback-link:hover{ background: url(/local/templates/truby_copy/images/button_call.png) 0 -36px no-repeat; } .head-cont a.callback-link:active{ background: url(/local/templates/truby_copy/images/button_call.png) 0 -72px no-repeat; } .header-social{ float:right; margin-right:25px; margin-top:15px; } a.social-icon::before{ width: 20px; height: 20px; content: ""; position:relative; float:left; margin-left:25px; } .footer-social a.social-icon::before{ margin:0 25px 0 0; } a.social-icon.facebook::before{ background: url(/local/templates/truby_copy/images/icons.png) -3px -3px no-repeat; } a.social-icon.facebook:hover::before{ background: url(/local/templates/truby_copy/images/icons.png) -27px -3px no-repeat; } a.social-icon.instagram::before{ background: url(/local/templates/truby_copy/images/icons.png) -3px -27px no-repeat; } a.social-icon.instagram:hover::before{ background: url(/local/templates/truby_copy/images/icons.png) -27px -27px no-repeat; } a.social-icon.twitter::before{ background: url(/local/templates/truby_copy/images/icons.png) -3px -75px no-repeat; } a.social-icon.twitter:hover::before{ background: url(/local/templates/truby_copy/images/icons.png) -27px -75px no-repeat; } span.icon{ display:inline-block; width: 20px; height: 20px; } span.icon.email{ background: url(/local/templates/truby_copy/images/icons.png) -3px -46px no-repeat; } .header-right a.email-link{ display:inline-block; text-decoration:underline; margin-top:15px; } .header-right a.email-link::before{ width: 20px; height: 20px; background: url(/local/templates/truby_copy/images/icons.png) -3px -51px no-repeat; content: ""; position: relative; float: left; margin-right:3px; } .header-right a.email-link:hover{ color:#1C2224; text-decoration: none; } .header-right a.email-link:hover:before{ background: url(/local/templates/truby_copy/images/icons.png) -27px -51px no-repeat; } .head-cont a.msg-link{padding-left: 26px; text-decoration: underline; background: url(/local/templates/truby_copy/images/msg-icon.png) no-repeat left;} .head-cont a.msg-link:hover{text-decoration: none;} #top-menu{/*.clear:*/ both; width: 100%; height: 41px; /*background: #1c68be;*/ background: #fff;} #top-menu .container{padding: 0; min-width: 980px; max-width: 1440px;} /*ul.top-nav{float: left; display: table; width: 88%;}*/ ul.top-nav { display: table; } ul.top-nav > li{list-style: none; padding-right:30px; /*float: left;*/ text-transform: uppercase; display: table-cell; text-align: center;position:relative;} ul.top-nav > li:last-child{background: none;} ul.top-nav > li > a{ font-size: 14px; text-transform: uppercase; color: #404040; font-weight: 400; } ul.top-nav > li > a > span{ display:block; height:41px; padding-top: 15px; text-decoration: underline; } ul.top-nav > li:hover >a{color: #1E68BA;} ul.top-nav > li:hover, ul.top-nav > li.active{color: #1E68BA;} ul.top-nav > li:hover > a > span, ul.top-nav > li.active > a > span{ } ul.top-nav > li:hover > a , ul.top-nav > li.active > a {color: #1E68BA;} ul.top-nav > li > ul{ position:absolute; z-index:100; background-color:#475058; list-style:none; top:43px; display:none; } ul.top-nav > li > ul > li{ float:left; height:41px; border-bottom:1px dashed #767f87; } ul.top-nav > li > ul > li:last-child{ border:none; } ul.top-nav > li > ul > li > a{color: #fff; font: bold 16px/41px 'Open Sans'; display: block;letter-spacing:4px;text-transform:none;} ul.top-nav > li > ul > li > a:hover, ul.top-nav > li > ul > li.active > a { color:#cccccc; } ul.top-nav > li > ul > li a > span{ display:block; height:41px; padding-left:10px; padding-right: 28px; white-space:nowrap; } ul.top-social{float: right; padding: 13px 8px 0 0;} ul.top-social li{list-style: none; float: left; margin-right: 18px;} .middle{/*width: 100%;*/ padding: 0 25px 171px 0px; position: relative;background: #fff;} .middle:after{display: table; clear: both; content: '';} .wrapper{min-width: 920px; max-width: 1380px; margin: 0 auto; background: #fff; padding:0;} .wrapper:after, .main-sections:after, .sort-wrap:after{content: ""; display: block; clear: both; visibility: hidden; font-size: 0; height: 0;} .main-container{width: 100%; float: left;} .main-container .content{padding: 0 0 0 280px;} .main-sections{clear: both;} .main-sections div.section-item{width: 24%; height: 201px; background: #edf1f2; position: relative; float: left; margin: 0 1.3333% 1.3333% 0;} .main-sections div.section-item:nth-child(4n+4){margin-right:0px;} .main-sections.scd-sections div.section-item{height: 271px;} .main-sections div.section-item a{display: block; padding: 10px 0 0 0; height: 94.2%;} .main-sections div.section-item:hover a:after{content: ""; width: 100%; height: 100%; background: transparent; border-radius: 5px; border: 4px solid #798992; position: absolute; top: -4px; left: -4px;} .main-sections .section-item span{display: block;} .main-sections .section-item span.section-title{font: bold 16px/16px 'PT Sans Bold'; color: #1c2224; text-transform: uppercase; padding: 0 10px; margin-bottom: 5px; height: 47px; overflow: hidden; text-align: center;} .main-sections .section-item span.section-img{text-align: center;} .main-sections .section-item span.section-img img{max-height: 130px;} .main-sections .section-item span.section-readmore{display: inline-block; color: #fff; font: bold 14px/27px 'PT Sans Bold'; text-transform: lowercase; padding: 0 26px 0 10px; background: #007cc3 url(/local/templates/truby_copy/images/section-readmore-btn-bg.png) no-repeat 90px 8px; position: absolute; bottom: 0; right: 0; z-index: 10;} .main-sections .section-item:hover span.section-readmore{background-color: #798992;} .main-sections .section-item span.section-n-desc{border-top: 1px solid #dbdfe0; color: #333333; font-size: 12px; padding: 10px 13px; height: 55px; overflow: hidden; line-height: 16px;} .main-sections td.section-item{width: 238px; background: #edf1f2; padding: 0 8px 8px 0; vertical-align:top;border: 4px solid #ffffff;} .main-sections td.section-item div.block a{display: block;} .main-sections td.section-item div.block{display: block; padding: 10px 0 0 0; height: 94.2%;} .main-sections td.section-item:hover {border-radius: 5px; border: 4px solid #798992;} .main-sections td.section-item span{display: block;} .main-sections td.section-item span.section-title{font: bold 16px/16px 'PT Sans Bold'; color: #1c2224; text-transform: uppercase; padding: 0 10px; margin-bottom: 5px; height: 47px; overflow: hidden;} .project-completed-wrap{padding-bottom: 20px; position: relative;} .project-completed-wrap .left-arrow, .project-completed-wrap .right-arrow{display: block; width: 48px; height: 209px; position: absolute; top: 50px; background: #fff; z-index: 100;} .project-completed-wrap .left-arrow{left: 0;} .project-completed-wrap .right-arrow{right: 0;} .project-completed-wrap .title{color: #010210; font: 30px/30px 'PT Sans'; padding-bottom: 20px;} .project-completed-wrap .more-link{ text-align:left; position: absolute; right:0; top:5px; } .project-completed-wrap .more-link a{ text-decoration: underline; font-size: 16px; } .project-completed-wrap .more-link a:hover{ text-decoration: none; font-size: 16px; } .project-completed{position: relative; width: 100%; height: 232px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden;} .project-completed .project-container{overflow: hidden;} .project-completed .project-item{width: 209px; height: 209px; position: relative; float: left; margin-right: 7px;} .project-completed .project-item a{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .project-completed .project-item a span.image-mask{position: absolute; top: 0; left: 0; display: none; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5);} .project-completed .project-item a:hover span.image-mask{display: block;} .project-completed .project-item a span.image-mask span.project-title{display: none; position: absolute; top: 0; left: 0; width: 189px; text-align: center; color: #fff; font-style: italic; text-transform: uppercase; font-weight:bold; font-family: 'PT Sans Bold'; padding: 0 10px;} .project-completed .project-item a span.image-mask span.project-title span.ptoject-t-title{font-family: 'PT Sans Bold'; text-transform: uppercase; font-weight: bold;} .project-completed .project-item a span.image-mask span.project-title span{display: block; text-transform: none; font-family: 'PT Sans Regular';} .project-completed .project-item a img{/*filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);*/} .project-completed .project-item:hover a img{/*filter: grayscale(0); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0);*/} .project-completed .project-item a span.image-mask:hover span.project-title{display: block; z-index: 10; top: 20%;} .about-block{color: #5f5f5f; font-size: 15px; padding-bottom: 25px;} .about-block h1{color: #010210; font: bold 22px/22px 'PT Sans Bold'; text-transform: uppercase; padding-bottom: 20px;} .cont-slider{clear: both; position: relative; width: 100%; z-index: 10; padding: 35px 0;} .cont-slider .title{color: #010210; font: 30px/30px 'PT Sans'; padding-bottom: 20px;} #carousel, #carousel-clients{height: 83px;} .cont-slider .jcarousel-container {height: 83px; padding: 0 40px 0 41px;} .cont-slider .jcarousel-container .jcarousel-clip {width: 100%;height: 83px;overflow: hidden;} .cont-slider .jcarousel-container .jcarousel-clip .jcarousel-item{width: 148px; height: 75px; margin: 4px 8px 0 4px; background: #edf1f2; text-align: center; position: relative;} .cont-slider .jcarousel-container .jcarousel-clip .jcarousel-item:hover:after{/*content: ""; width: 148px; height: 75px; position: absolute; top: -4px; left: -4px; border: 4px solid #798992;*/} .cont-slider .jcarousel-container .jcarousel-clip .jcarousel-item a{display: block; width: 100%; height: 100%; position: relative;} .cont-slider .jcarousel-container .jcarousel-clip .jcarousel-item:hover a:after{content: ""; width: 148px; height: 75px; position: absolute; top: -4px; left: -4px; border: 4px solid #798992; border-radius: 3px;} .cont-slider .jcarousel-next, .cont-slider .jcarousel-prev{display: block; border: 0; width: 45px; height: 75px; position: absolute; top: 4px; cursor: pointer; background: url(/local/templates/truby_copy/images/project-arrow-bg.png) no-repeat;} .cont-slider .jcarousel-prev{left: 0; background-position: left 0;} .cont-slider .jcarousel-prev:hover{background-position: left -75px;} .cont-slider .jcarousel-next{right: -5px; background-position: right -150px;} .cont-slider .jcarousel-next:hover{background-position: right -225px;} /*Вторая карусель*/ .cont-slider .left-arrow, .cont-slider .right-arrow{background: #fff; display: block; height: 75px; position: absolute; top: 77px; width: 48px; z-index: 100;} .cont-slider .left-arrow {left: 0;} .cont-slider .right-arrow {right: 0;} .production-wrap{box-sizing: border-box; height: 100px; overflow: hidden; position: relative; width: 100%;} .production-wrap .production-container{overflow: hidden;} .cont-slider .production-item{float: left; margin: 0 8px 0 4px;} .cont-slider .mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonLeft, .cont-slider .mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight{top: -84px;} .photo-container{overflow: hidden;} #carousel-photo .photo-item{float: left; margin: 0 8px 0 4px;} .carousel-photo-wrapp{ float:right; margin-right:0px; } .carousel-photo-wrapp .jcarousel-clip-horizontal { height: 90px; width: 310px; overflow:hidden; margin-left:30px; } #carousel-photo .jcarousel-item{ width:77px; } #carousel-photo .jcarousel-item a{ padding:5px; display:block; } #carousel-photo .jcarousel-item a img{ border: 1px solid #a3a3a3; width: 62px; height: 62px; /* border-radius: 5px; */ padding: 3px; } .carousel-photo-wrapp{ box-sizing: border-box; height: 80px; overflow: hidden; position: relative; width: 377px; margin-top:10px; } .insideGallery_holder{ text-align:center; } .insideGallery-wrapp{ box-sizing: border-box; overflow: hidden; margin:0 auto; } /** * Horizontal Buttons */ .carousel-photo-wrapp .jcarousel-next-horizontal, .insideGallery-wrapp .jcarousel-next-horizontal{ position: absolute; top: 23px; right: 10px; width: 32px; height: 32px; cursor: pointer; background: url(/local/templates/truby_copy/prev-next.png) no-repeat; background-position: 0 -32px; } .insideGallery-wrapp .jcarousel-next-horizontal{ position: absolute; top: 65px; right: 0px; width: 32px; height: 32px; cursor: pointer; background: url(/local/templates/truby_copy/prev-next.png) no-repeat; background-position: 0 -32px; } .carousel-photo-wrapp .jcarousel-next-horizontal:hover, .insideGallery-wrapp .jcarousel-next-horizontal:hover { background-position: 0 0; } .insideGallery li.jcarousel-item { width:180px; padding:15px 0; } .carousel-photo-wrapp .jcarousel-prev-horizontal,.insideGallery-wrapp .jcarousel-prev-horizontal{ position: absolute; top: 23px; left: 5px; width: 32px; height: 32px; cursor: pointer; background: url(/local/templates/truby_copy/prev-next.png) no-repeat; background-position: 0 -96px; } .insideGallery-wrapp .jcarousel-prev-horizontal{ position: absolute; top: 65px; left: 5px; width: 32px; height: 32px; cursor: pointer; background: url(/local/templates/truby_copy/prev-next.png) no-repeat; background-position: 0 -96px; } .carousel-photo-wrapp .jcarousel-prev-horizontal:hover ,.insideGallery-wrapp .jcarousel-prev-horizontal:hover{ background-position: 0 -64px; } .insideGallery-wrapp .jcarousel-clip-horizontal { margin-left: 15px !important; margin-right: 15px !important; width: auto !important; } .site-path{ margin-bottom: 29px; background-color:#ebebeb; color:#5a5a5a; font: 12px 'PT Sans Regular'; text-transform:uppercase; padding-left:10px; } .site-path a{ display: inline-block; background: url(/local/templates/truby_copy/images/site-path-arrow-bg.png) no-repeat right 0; padding:13px 10px; padding-right:20px; text-transform:uppercase; font: 12px 'PT Sans Regular'; text-decoration: underline; } .site-path a:hover{ color: #5a5a5a; text-decoration: none; } .site-path span.bread{ display: inline-block; padding:13px 0; padding-left:10px; } .seo_edit h1 { text-transform: none !important; font-weight: bold; padding-left: 0; } .section-list h1, .catalog-list h1,.content h1, .productdetails-wrap h1{color: #1c2224; font:36px 'PT Sans Regular'; padding-bottom: 10px; padding-left: 0px} .productdetails-wrap h1{ font-weight:bold; font-size:30px; padding-left: 0px; } .section-list .section-item{width: 100%; float: left; position: relative; padding: 20px; margin: 0 20px 20px 0; z-index: 50; margin-top:20px;} .section-list .section-item .section-title{font: bold 16px/16px 'PT Sans Bold'; text-transform: uppercase; margin-bottom: 5px; width:275px;} .section-list .section-item .section-title a{color: #1c2224;} .section-list .section-item .section-img{position:absolute; top:-30px; left:270px; width:200px;/*text-align: center; height: 200px; line-height: 25;padding-bottom:20px; margin-top:-20px;*/} .section-list .section-item .section-img img{max-width: 315px; max-height: 215px; float:right;} .section-list .section-item .subsection-list{/*max-height: 135px; overflow: hidden;*/ line-height: 20px; margin-top:80px;} .section-list .section-item .subsection-list a:hover{color: #15a4f4; text-decoration: underline;} .sort-wrap{padding-bottom: 25px;} .sort-wrap .view-product{float: left; margin-top: 2px;} .view-product span{position: relative; top: 1px;} .view-product .jq-selectbox{width: 57px !important;} .view-product .jq-selectbox__select{height: 22px; border: 1px solid #bfbfbf; border-radius: 2px; box-shadow: none; background: none; padding: 0 26px 0 5px; font: 13px/26px 'PT Sans Regular'; text-shadow: none;} .view-product .jq-selectbox__trigger{width: 21px; border: 0; background: #bfbfbf; border-radius: 0 2px 2px 0;} .view-product .jq-selectbox__trigger-arrow{border: 0; width: 9px; height: 6px; background: url(/local/templates/truby_copy/images/select-arrow-bg.png) no-repeat; top: 10px; right: 6px; opacity: 1;} .view-product .jq-selectbox__dropdown{border-radius: 0; box-shadow: none; font: 13px/21px 'PT Sans Regular';} .view-product .jq-selectbox li{padding: 3px 10px 0;} .sort-wrap .pagination{float: right; padding-right: 20px;} .pagination ul.page-nav li{list-style: none; float: left;margin:2px; } .pagination ul.page-nav li a, .pagination ul.page-nav li span{display: block; line-height: 31px; text-align: center; height: 35px; width: 35px; border:1px solid #c3c9cb;} .pagination ul.page-nav li:last-child {margin-left: 7px;} .pagination ul.page-nav li:last-child a{width: auto; padding: 0 10px;} .pagination ul.page-nav li a:hover{color: #fff; background: #007cc3;} .pagination ul.page-nav li span{color: #fff; background: #c3c9cb;} .catalog-list .product-items{ width:100%; margin-top:20px; } .catalog-list .product-items tr.title th{ background-color:#006aba; height:50px; color:#ffffff; text-align:left; font:14px 'PT Sans Regular'; text-transform:uppercase; padding-left:20px; } .catalog-list .product-items tr.title th:first-child{ border-radius: 10px 0 0; } .catalog-list .product-items tr.title th:last-child{ border-radius: 0 10px 0 0; } .catalog-list .product-items tr td{ padding-left:20px; height:50px; font: normal 16px/16px 'PT Sans Regular'; color:#1c2224; } .catalog-list .product-items tr.light td{ background-color:#e5e5e5; } .catalog-list .product-items tr.dark td{ background-color:#d4d6d6; } .catalog-list .product-item .product-title a{ font: normal 16px/16px 'PT Sans Regular'; display:block; color:#1c2224; margin-bottom: 10px; background-image:url(/local/templates/truby_copy/images/title_td_ico.png); background-repeat:no-repeat; background-position:left; padding-left:22px; width:400px; } .bx_ordercart_order_table_container .counter input[type="text"]{ width:48px; height:24px; border:none; border-radius:10px; padding:5px 10px; float:left; color:#000000; font:bold 18px "PT Sans"; background-color:transparent; background-image:url(/local/templates/truby_copy/images/td_count_input_ico.png); background-repeat:no-repeat; background-position:center; } .catalog-list .product-item .product-count {width:140px;} .catalog-list .product-item .product-count input[type="text"]{ width:57px; height:20px; border:1px solid #bcbcbc; border-radius:10px; padding:5px 10px; float:left; color:#000000; font:16px 'PT Sans Regular'; } .catalog-list .product-item .product-count {width:140px;} .catalog-list .product-item .product-count button.count-minus { width:22px; height:33px; border:none; border-radius:10px; background-color:transparent; background-image:url(/local/templates/truby_copy/images/td_count_minus_ico.png); background-repeat:no-repeat; background-position:center; cursor:pointer; float:left; margin-right:2px; opacity:1; } .catalog-list .product-item .product-count button.count-plus{ width:22px; height:33px; border:none; border-radius:10px; background-color:transparent; background-image:url(/local/templates/truby_copy/images/td_count_plus_ico.png); background-repeat:no-repeat; background-position:center; cursor:pointer; margin-left:2px; float:left; opacity:1; } .bx_ordercart_order_table_container .counter button.count-minus { width:26px; height:34px; border:none; background-color:transparent; background-image:url(/local/templates/truby_copy/images/td_count_minus_ico2.png); background-repeat:no-repeat; background-position:center; cursor:pointer; float:left; margin-right:2px; opacity:1; } .bx_ordercart_order_table_container .counter button.count-plus { width:26px; height:34px; border:none; background-color:transparent; background-image:url(/local/templates/truby_copy/images/td_count_plus_ico2.png); background-repeat:no-repeat; background-position:center; cursor:pointer; margin-left:2px; float:left; opacity:1; } .catalog-list .product-item .product-title a:hover{color: #006aba; text-decoration: underline;} .catalog-list .product-item .product-img{text-align: center; margin-bottom: 5px;} .saw_catalog_list { border-top: none!important;} .saw_catalog_list .product-item .product-img{text-align: center; margin-bottom: 5px; height:125px; width:211px;} .catalog-list .product-item .product-sku{float: left; color: #1c2224;} .catalog-list .product-item .product-price{color: #1c2224; font:bold 16px 'PT Sans Bold';} .catalog-list .product-item .product_itogo{color:#006aba; font:bold 16px 'PT Sans Bold'; width:90px;} .catalog-list .product-item .catalo_product_buy{display:none;} .catalog-list .product-item .product_buy{ width:100px; } .catalog-list .product-item:hover td{ background-color:#bcbcbc !important; } .catalog-list .product-item:hover .catalo_product_buy{display:block;} .catalog-list .product-item .catalo_product_buy .cpb{height:32px; width:54px; display: block; color: #fff; font: bold 14px/32px 'PT Sans Bold'; background: #007cc3; padding: 0 15px; border: 0; cursor: pointer; margin-top:10px;} .catalog-list .product-item .catalo_product_buy .cpb:hover{background: #15a4f4;} .productdetails-wrap .prod-img{ width: 201px; height:201px; float: left; border: 1px solid #bcbcbc; text-align: center; margin: 0 20px 4px 0; display:table; } #detail-info-tab2-content{ padding-top:20px; } #detail-info-tab2-content a{ margin-top:10px; margin-right:10px; width: 106px; height:106px; float: left; padding:1px; border: 1px solid #bcbcbc; text-align: center; display:table; } #detail-info-tab2-content a.last{ margin-right:0; } .productdetails-wrap .prod-img:hover{ border: 1px solid #007cc3; } .productdetails-wrap .prod-img a{ display:table-cell; vertical-align:middle; } .right_top{ float:left; width:715px; border-top:1px dashed #bcbcbc; border-bottom:1px dashed #bcbcbc; margin-left:20px; height:270px; } .right_top .price_wrapp{ padding-left:0px; padding-top:35px; width:240px; float:left; } .right_top .title{ color:#8a8a8a; font: bold 14px 'PT Sans Bold'; text-transform:uppercase; text-align:center; } .right_top .price_wrapp .price{ font: bold 36px 'PT Sans Bold'; color: #1c2224; text-align:center; margin-top:30px; } .price_wrapp .delivery{ color:#1c2224; font: bold 16px 'PT Sans Bold'; text-transform:uppercase; margin-top:30px; text-align:center; } .price_wrapp .sku{ color:#1c2224; font: bold 15px 'PT Sans Bold'; margin-top:20px; margin-left:76px; text-align:left; float:left; } .price_wrapp .sku span{ color:#8a8a8a; } .price_wrapp input[type="checkbox"] { display: none; } .price_wrapp input[type="checkbox"] + label { cursor: pointer; padding-left: 0; } .price_wrapp input[type="checkbox"] + label::before { content: ""; display: inline-block; height: 29px; width: 33px; margin: 0 5px -10px 0; background: url("/local/templates/truby_copy/images/checkboxes.png"); } .price_wrapp input[type="checkbox"]:checked + label::before { background-position: 0 -30px; } .right_top .product-count{ float:left; padding-left:21px; padding-top:35px; width:240px; } .right_top .product-count input[type="text"]{ border:none; color:#a5a5a5; font: normal 26px 'PT Sans Regular'; padding:0 10px; width:107px; height:47px; background-image:url(/local/templates/truby_copy/images/count_textinput_pr.png); background-repeat:no-repeat; background-position:center; float:left; } .right_top .product-count .count-minus{ border:none; background-image:url(/local/templates/truby_copy/images/count_minus_pr.png); background-repeat:no-repeat; background-position:center; width:34px; height:47px; float:left; border-radius: 6px; } .right_top .product-count .count-plus{ border:none; background-image:url(/local/templates/truby_copy/images/count_plus_pr.png); background-repeat:no-repeat; background-position:center; width:34px; height:47px; float:left; border-radius: 6px; } .right_top .product-count .buttonsw{ height:47px; text-align:center; width:200px; margin:25px auto; } .right_top .product-count .label{ font: normal 14px 'PT Sans Regular'; color:#1c2224; text-align:center; width:160px; margin:25px auto; } .right_top .product-count .label span{ font-weight:bold; display:block; } .right_top .product-count .available{ text-transform:uppercase; text-align:center; color:#8a8a8a; font: bold 16px 'PT Sans Bold'; } .right_top .product-count .available span{ color:#29a329; } .right_top .product-form{ float:left; padding-left:21px; padding-top:35px; width:190px; } .right_top .product-form .itogo{ color:#006aba; font: bold 36px 'PT Sans Bold'; text-align:center; margin-top:25px; } .right_top .product-form .itogo span.label{ color:#1c2224; font: normal 14px 'PT Sans Regular'; text-align:center; display:block; } .right_top .product-form .itogo span.label a{ color:#1c2224; text-decoration:underline; } .incart-btn{ text-align:center; margin-top:20px; } .incart-btn input{ border:none; width:180px; height:45px; padding-left:30px; /*padding-top:5px;*/ background-image:url(/local/templates/truby_copy/images/buy_button_pr.png); background-repeat:no-repeat; background-position:center; background-color:transparent; color:#fff; text-transform:uppercase; font: bold 18px 'PT Sans Bold'; } a.oneclick{ margin-top:25px; display:block; text-align:center; color:#006aba; text-decoration:underline; } a.oneclick span{ text-transform:uppercase; font-weight:bold; } .wrapp_middle_produtct{ float: left; margin-top:40px; } .catalog-detail-more-info .tab-content > div:first-child { display: block; } .catalog-detail-more-info .tab-names li.tab-active { background: #006aba; color: #fff; } .ionTabs { margin: 0 0 30px; float:left; width:685px; } .content ul.ionTabs__head { border-bottom:5px solid #006aba; margin-left:0px; } .tab-menu-names a{ color:#fff; display:block; height:25px; outline: none; } .ionTabs__tab { font: 14px 'PT Sans Bold'; line-height: 17px; font-weight: bold; background: #d4d6d6; width: 160px; height:25px; text-align:center; text-transform:uppercase; color:#1c2224; margin-right:3px; padding-top:12px; border-radius:7px 7px 0 0; } .tab-menu-names{ height:44px; position:relative; } .tab-menu-names li a:hover{ opacity:1.0; } .tab-menu-names li{ background-position: 10px 8px; } .tab-menu-names li.tab-active { background: #007cc3; color: #fff; width: 120px; height:44px; border-radius:10px 10px 0 0; background-position: 20px 12px; z-index:100; top:0px; } .tab-menu-names li.tab-active a { padding-top:18px; } .tab-menu-names li a { padding-top:14px; } .ionTabs__tab_menu { font: 15px 'PT Sans Bold'; line-height: 17px; background: #a4a8ac; width: 124px; height:37px; text-align:center; text-transform:uppercase; color:#ddd9d5; float:left; cursor:pointer; position:absolute; top:7px; } #info-tab2{ right:0px; background-image:url('/local/templates/truby_copy/images/cart.png'); background-repeat:no-repeat; } #info-tab2 a{ padding-left:24px; } #info-tab2.tab-active{ background-color:#475058; width:145px; } #info-tab1.tab-active{ width:130px; } #info-tab1{ background-image:url('/local/templates/truby_copy/images/lorry.png'); background-repeat:no-repeat; } #info-tab1 a{ padding-left:10px; } .ionTabs__tab:last-child{ margin-right:0; } .ionTabs__tab:hover { background: #006aba; color:#fff; } .ionTabs__tab.ionTabs__tab_state_active { top: 0; background: #006aba; color:#fff; } .ionTabs__body { background: #fff; color:#1c2224; font:14px 'PT Sans Regular'; } .ionTabs__item { } .char-title{ color:#006aba; font: normal 22px 'PT Sans Regular'; padding-bottom:15px; padding-top:25px; } .char-table p{ color:#1c2224; font: normal 16px 'PT Sans Regular'; padding:10px 15px; margin:0px !important; } .char-table p.dark{ background-color:#d4d6d6; } .char-table p.gray{ background-color:#e5e5e5; } ul.righticons{ float:right; list-style:none; margin-right:0px!important; } ul.righticons li{ width:220px; height:75px; margin-bottom:2px; text-transform:uppercase; font: normal 14px 'PT Sans Regular'; position:relative; } ul.righticons li div{ height:52px; background-repeat:no-repeat; background-position:10px 10px; padding-left:70px; padding-top:23px; } ul.righticons li.ico0 { background-image:url(/local/templates/truby_copy/images/righticons/ico0.png); } ul.righticons li.ico1 { background-image:url(/local/templates/truby_copy/images/righticons/ico1.png); } ul.righticons li.ico2 { background-image:url(/local/templates/truby_copy/images/righticons/ico2.png); font-size:12px; } ul.righticons li.ico3 { background-image:url(/local/templates/truby_copy/images/righticons/ico3.png); } ul.righticons li.ico4 { background-image:url(/local/templates/truby_copy/images/righticons/ico4.png); font-size:12px; } ul.righticons li.ico5{ background-image:url(/local/templates/truby_copy/images/righticons/ico5.png); } ul.righticons li span{ font-weight:bold; } ul.righticons li div.dialog{ position:absolute; left:-395px; top:-3px; width:370px; height:auto; /* background-image:url(/local/templates/truby_copy/images/righticonsdialog.png); */ background-color:#fff; border:1px solid #ccc; border-radius:5px; background-repeat:no-repeat; background-position:center; z-index:100; padding-left:20px; padding-top:20px; padding-bottom:20px; display:none; font:italic 14px 'PT Sans Regular'; text-transform:none; } .productdetails-wrap .prod-img .additional-image{ display:block; float:left; } .productdetails-wrap .additional-image img{ width:59px; margin:1px; border: 1px solid #bcbcbc; padding:1px; } .product-desc-wrap .price-block{padding-bottom: 20px; overflow: hidden; margin-top:50px;} .product-desc-wrap .price-block .product-count{float: left; position: relative; margin: 3px 6.7% 0 0;} .product-count2{float: left; position: relative; margin: 0px 10px 0 0;} .product-count2 span{display:block;} .product-desc-wrap .price-block .product-count span{position: relative; top: 2px;} .product-desc-wrap .price-block .product-count input[type="text"]{width: 24px; height: 22px; border-radius: 2px; border: 1px solid #bfbfbf; font-size: 13px; color: #1c2224; padding: 0 26px 0 5px;} .product-count2 input[type="text"]{width: 24px; height: 22px; border-radius: 2px; border: 1px solid #bfbfbf; font-size: 13px; color: #1c2224; padding: 0 26px 0 5px;} .product-desc-wrap .price-block .product-count input[type="button"]{width: 21px; height: 11px; border: 0; cursor: pointer; text-indent: -9999px; position: absolute; top: 0; right: 0; background: url(/local/templates/truby_copy/images/count-btn-bg.png) no-repeat;} .product-count2 input[type="button"]{width: 21px; height: 11px; border: 0; cursor: pointer; text-indent: -9999px; position: absolute; top: 0; right: 0; background: url(/local/templates/truby_copy/images/count-btn-bg.png) no-repeat;} .product-desc-wrap .price-block .product-count input.count-plus{background-position: 0 0; top: 1px;} .product-desc-wrap .price-block .product-count input.count-minus{background-position: 0 -11px; top: 12px;} .product-count2 input.count-plus{background-position: 0 0; top: 18px;} .product-count2 input.count-minus{background-position: 0 -11px; top: 29px;} .product-desc-wrap .price-block .incart-btn{float: left;} /*.product-desc-wrap .price-block .incart-btn a{display: block; color: #fff; font: normal 14px/32px 'PT Sans Bold'; background: #007cc3; padding: 0 15px;}*/ .product-desc-wrap .price-block .incart-btn input{display: block; color: #fff; font: bold 14px/32px 'PT Sans Bold'; background: #007cc3; padding: 0 15px; border: 0; cursor: pointer; outline: none;} .incart-btn2 input{ display: block; color: #fff; font: bold 12px 'PT Sans Bold'; text-transform:uppercase; background-color:transparent; background-image:url(/local/templates/truby_copy/images/td_buy_button.png); background-repeat:no-repeat; width:90px; height:28px; padding-left:18px; border: 0; cursor: pointer; outline: none;} /*.product-desc-wrap .price-block .incart-btn a:hover{background: #15a4f4;}*/ .product-desc-wrap .price-block .incart-btn input:hover{background: #15a4f4;} .product-desc-wrap .product-char{} .product-desc-wrap .product-char .char-title{color: #3f4446; font: bold 16px/16px 'PT Sans Bold'; padding-bottom: 16px;} .product-desc-wrap .product-char p{padding-bottom: 17px;} .product-desc-wrap .product-char p strong{display: inline-block; min-width: 180px;} .product-desc-wrap .product-desc{clear: both; padding: 10px 0 35px 0; line-height: 22px;} .similar-products .title{color: #010210; font: bold 22px/22px 'PT Sans Bold'; padding-bottom: 20px;} .cont-success{display: none; text-align: center; color: #007cc3; font-size: 15px; padding-bottom: 20px;} .cont-success .suc-title{font: bold 22px/22px 'PT Sans Bold'; padding-bottom: 10px;} .cont-block p{float: left; width: 28%; padding-bottom: 25px; line-height: 21px;} .cont-block p span{display: block;} .cont-block .addr{padding-left: 27px; background: url(/local/templates/truby_copy/images/cont-check-icon.png) no-repeat top left;} .cont-block .phone{padding-left: 30px; background: url(/local/templates/truby_copy/images/cont-phone-icon.png) no-repeat top left;} .cont-block .fax{padding-left: 30px; background: url(/local/templates/truby_copy/images/fax-icon.png) no-repeat top left;} .cont-block a{text-decoration: underline; padding-left: 30px; background: url(/local/templates/truby_copy/images/msg-icon.png) no-repeat left;} #contactForm{padding-top: 50px; max-width: 70%;} #contactForm .row{position: relative; padding-bottom: 20px;} #contactForm .row label{display: block; color: #5f5f5f; padding-bottom: 7px;} #contactForm input[type="text"]{width: 343px; height: 38px; border: 1px solid #a8b7bf; font-size: 15px; color: #5f5f5f; padding: 0 10px;} #contactForm input[type="text"]:focus, #contactForm textarea:focus{border-color: #007cc3;} #contactForm input.required-error, #contactForm input.required-error:focus{border-color: #e60000; color: #e60000;} #contactForm textarea{resize: none; width: 97%; height: 138px; border: 1px solid #a8b7bf; padding: 10px;} #contactForm .form-error{float: left; color: #e60000; line-height: 40px;} #contactForm input[type="button"], #contactForm input[type="submit"]{float: right; border: 0; cursor: pointer; width: 120px; height: 40px; color: #fff; background: #007cc3; font-size: 16px; font-weight: normal; font-family: 'PT Sans Bold';} #contactForm input[type="button"]:hover, #contactForm input[type="submit"]:hover{background: #15a4f4;} .notfound-page{width: 475px; margin: 0 auto; padding: 66px 0;} .notfound-page img{display: block; margin: 0 auto 88px;} .notfound-page .fount-title{font: bold 30px/37px 'PT Sans Bold'; text-align: center; color: #010210; padding-bottom: 30px;} .notfound-page .found-desc{font-size: 15px; line-height: 21px;} #left-column{float: left; width: 250px; margin-left: -100%; position: relative;} #left-column .title{ color: #1c2224; font-family: 'PT Sans Bold'; font-size: 16px; text-transform: uppercase; padding: 10px 0 10px 10px; display: block; background: #EDF1F2; color: #677983; line-height: normal; background-image: url(/images/Vector_chil.png); background-repeat: no-repeat; } .catalog-menu{padding-bottom: 12px;} ul.catalog-nav{} ul.catalog-nav li{list-style: none;} ul.catalog-nav > li{margin-top:1px;} ul.catalog-nav > li:last-child{/*border-top: 1px solid #fff;*/} ul.catalog-nav > li:last-child > a, ul.catalog-nav > li:last-child:hover > a{/*font-size: 16px; font-weight: normal; font-family: 'PT Sans Bold'; color: #3f4446; /*padding: 0 0 0 21px; line-height: 54px; background: #edf1f2 url(/local/templates/truby_copy/images/smile-bg.png) no-repeat 20px 12px*/;} ul.catalog-nav > li > a{display: block; font-family:'PT Sans Bold'; font-size:16px; background-position:10px center; background-repeat:no-repeat; background-color: #1C68BE; text-transform: uppercase; color: #fff; position: relative;} ul.catalog-nav > li > a.item0, ul.catalog-nav > li > a.item4 {background-image:url(/local/templates/truby_copy/images/leftmenu/icons/icon.png);} ul.catalog-nav > li > a.item1,ul.catalog-nav > li > a.item5{background-image:url(/local/templates/truby_copy/images/leftmenu/icons/icon4.png);} ul.catalog-nav > li > a.item2, ul.catalog-nav > li > a.item6{background-image:url(/local/templates/truby_copy/images/leftmenu/icons/icon3.png);} ul.catalog-nav > li > a.item3{background-image:url(/local/templates/truby_copy/images/leftmenu/icons/icon2.png);} ul.catalog-nav > li > a.item-s{background-image:url(/local/templates/truby_copy/images/leftmenu/icons/icon-s.png);} /*ul.catalog-nav > li > a:before{content: ""; width: 230px; height: 1px; background: url(/local/templates/truby_copy/images/left-cat-menu-b-bg.png) no-repeat top left; position: absolute; left: 0; top: 0;} ul.catalog-nav > li > a:after{content: ""; width: 230px; height: 1px; background: url(/local/templates/truby_copy/images/left-cat-menu-a-bg.png) no-repeat bottom left; position: absolute; left: 0; bottom: 0;} */ ul.catalog-nav > li:hover > a, ul.catalog-nav > li.active> a { background-color: #475058; } #info-tab2-menu.catalog-nav > li:hover > a, #info-tab2-menu.catalog-nav > li.active> a { background-color: #007cc3; } #info-tab2-menu.catalog-nav > li > a{ background-color:#475058; } ul.catalog-nav > li > a > span{ display:block; padding: 14px 12px 9px 60px; height: 22px; } ul.catalog-nav > li:hover > a > span, ul.catalog-nav > li.active> a > span{ /* background-image:url(/local/templates/truby_copy/images/leftmenu/hover_top_level.png); */ background-repeat:no-repeat; background-position:right; } ul.catalog-nav > li:last-child > a:after{background: none;} ul.catalog-nav > li.parent:hover > a{background: #007cc3;} ul.catalog-nav > li.parent{position: relative;} ul.catalog-nav > li > ul > li > a{ font-family:'PT Sans Regular'; font-size:18px; color:#000000; display: block; position: relative; font-weight: normal; } ul.catalog-nav hr{ display:none; } ul.catalog-nav > li > ul > li > a > hr{ display:block; background-repeat:no-repeat; background-position:10px 6px; background-color:transparent; border:none; height:14px; opacity:0.4; } ul.catalog-nav > li > ul > li { background-image:url(/local/templates/truby_copy/images/leftmenu/top_level_bg.png); background-position:right; background-repeat:repeat-y; border-top: 1px dotted #c3c9cb; } ul.catalog-nav > li > ul > li > a.item10 hr{ background-image:url(/local/templates/truby_copy/images/leftmenu/icons-tryby/pat0a.png); } ul.catalog-nav > li > ul > li > a.item10:hover > hr, ul.catalog-nav > li > ul > li.active > a.item10 > hr{ opacity:1; } ul.catalog-nav > li > ul > li > a.item15 hr{ background-image:url(/local/templates/truby_copy/images/leftmenu/icons-tryby/pat1a.png); } ul.catalog-nav > li > ul > li > a.item15:hover > hr, ul.catalog-nav > li > ul > li.active > a.item15 > hr{ opacity:1; } ul.catalog-nav > li > ul > li > a.item11 > hr{ background-image:url(/local/templates/truby_copy/images/leftmenu/icons-tryby/pat2a.png); } ul.catalog-nav > li > ul > li > a.item11:hover > hr,ul.catalog-nav > li > ul > li.active > a.item11 > hr{ opacity:1; } ul.catalog-nav > li > ul > li > a.item12 hr{ background-image:url(/local/templates/truby_copy/images/leftmenu/icons-tryby/pat3a.png); } ul.catalog-nav > li > ul > li > a.item12:hover > hr,ul.catalog-nav > li > ul > li.active > a.item12 > hr{ opacity:1; } ul.catalog-nav > li > ul > li > a.item13 hr{ background-image:url(/local/templates/truby_copy/images/leftmenu/icons-tryby/pat4a.png); } ul.catalog-nav > li > ul > li > a.item13:hover > hr, ul.catalog-nav > li > ul > li.active > a.item13 > hr{ opacity:1; } ul.catalog-nav > li > ul > li > a.item14 hr{ background-image:url(/local/templates/truby_copy/images/leftmenu/icons-tryby/pat5a.png); } ul.catalog-nav > li > ul > li > a.item14:hover > hr, ul.catalog-nav > li > ul > li.active > a.item14 > hr{ opacity:1; } ul.catalog-nav > li > ul > li > a span{ background-position:14px 14px; background-repeat:no-repeat; display:block; padding: 5px 12px 10px 35px; } ul.catalog-nav > li > ul > li > a.item10 span{ background-image:url(/local/templates/truby_copy/images/leftmenu/icons-tryby/ico0.png); } ul.catalog-nav > li > ul > li > a.item15 span{ background-image:url(/local/templates/truby_copy/images/leftmenu/icons-tryby/ico1.png); } ul.catalog-nav > li > ul > li > a.item11 span{ background-image:url(/local/templates/truby_copy/images/leftmenu/icons-tryby/ico2.png); } ul.catalog-nav > li > ul > li > a.item12 span{ background-image:url(/local/templates/truby_copy/images/leftmenu/icons-tryby/ico3.png); } ul.catalog-nav > li > ul > li > a.item13 span{ background-image:url(/local/templates/truby_copy/images/leftmenu/icons-tryby/ico4.png); } ul.catalog-nav > li > ul > li > a.item14 span{ background-image:url(/local/templates/truby_copy/images/leftmenu/icons-tryby/ico5.png); } ul.catalog-nav > li > ul > li:hover > a, ul.catalog-nav > li > ul > li.active > a, ul.catalog-nav > li > ul > li > ul > li > ul > li:hover > a, ul.catalog-nav > li > ul > li > ul > li > ul > li.active > a{ /* font-weight:bold; */ font-family:'PT Sans Bold'; } ul.catalog-nav > li > ul > li:last-child > a:after{background: none;} ul.catalog-nav > li > ul > li > ul{ background-image:url(/local/templates/truby_copy/images/leftmenu/top_level_bg.png); } ul.catalog-nav > li > ul > li > ul > li{font-size: 13px;} ul.catalog-nav > li > ul > li > ul > li > a{ padding: 8px 12px 7px 45px; display: block; background-image:url(/local/templates/truby_copy/images/leftmenu/marker.png); background-position:30px 16px; background-repeat:no-repeat; background-color: #fff; font-weight: normal; color: #000000; position: relative;font-family:'PT Sans Regular'; font-size:16px; } ul.catalog-nav > li > ul > li > ul.list10 > li > a{ background-image:url(/local/templates/truby_copy/images/leftmenu/icons-tryby/lico0.png); } ul.catalog-nav > li > ul > li > ul.list15 > li > a{ background-image:url(/local/templates/truby_copy/images/leftmenu/icons-tryby/lico1.png); } ul.catalog-nav > li > ul > li > ul.list11 > li > a{ background-image:url(/local/templates/truby_copy/images/leftmenu/icons-tryby/lico2.png); } ul.catalog-nav > li > ul > li > ul.list12 > li > a{ background-image:url(/local/templates/truby_copy/images/leftmenu/icons-tryby/lico3.png); } ul.catalog-nav > li > ul > li > ul.list13 > li > a{ background-image:url(/local/templates/truby_copy/images/leftmenu/icons-tryby/lico4.png); } ul.catalog-nav > li > ul > li > ul.list14 > li > a{ background-image:url(/local/templates/truby_copy/images/leftmenu/icons-tryby/lico5.png); } ul.catalog-nav > li > ul > li > ul > li:hover > a, ul.catalog-nav > li > ul > li > ul > li.active > a{font-weight:bold;} ul.catalog-nav > li > ul > li > ul > li > ul{} ul.catalog-nav > li > ul > li > ul > li > ul > li{ background-color: #fff; } ul.catalog-nav > li > ul > li > ul > li > ul > li > a{ display: block; padding: 6px 15px 5px 60px; position: relative; color:#000000; font:normal 16px 'PT Sans Regular'; } ul.catalog-nav > li > ul > li > ul > li > ul > li > a > span{ position: relative; } ul.catalog-nav > li > ul > li > ul > li > ul > li > a > span::before{ content: ''; position: absolute; top: 6px; left: -12px; width: 4px; height: 4px; border: 1px solid #1a3fba; border-radius: 50%; } ul.catalog-nav > li > ul > li > ul > li > ul > li > ul > li > a{ display: block; padding: 5px 0 5px 60px; position: relative; color:#000000; font:normal 15px 'PT Sans Regular'; background-position:45px 16px; background-repeat:no-repeat; } ul.catalog-nav > li > ul > li > ul > li > ul > li > ul > li > a > span{ display: block; padding: 4px 5px 2px 10px; } ul.catalog-nav > li > ul > li > ul > li > ul > li > ul > li.active > a > span{ background-color: #edf1f2; border-left: 2px solid #1a3fba; } ul.catalog-nav > li > ul > li > ul > li ul > li:hover > a, ul.catalog-nav > li > ul > li > ul > li > ul li.active > a{font-weight:bold;} .news-in-pictures{padding-bottom: 35px; text-align: center;} .news-in-pictures .title{text-align: left;} .news_clear{margin-top:25px;} /* Новостной блок в левой колонке */ .news-block{ padding-left: 0px; } .news-block .news-item{ padding-bottom: 12px; margin-left: 23px; padding-top: 15px; } .news-block .news-item .news-image{float: left; margin-right: 5px;} .news-block .news-item .news-intro{ float:left; margin-left:5px; font:14px; color:#1c2224; } .news-block .news-item .news-date{ height: 16px; display:block; float:left; font:14px 'PT Sans Regular'; color:#1c2224; padding: 2px 5px 0; margin-bottom: 7px; } .news-block .news-item .news-title { margin-bottom: 5px; float:left; margin-left:5px; color:#000; font:16px 'PT Sans Bold'; text-decoration:underline; } .news-block .news-item .news-title a { color:#000; } .news-block .all-news-link{ text-align:center; padding: 5px 0 5px 0; font-size: 16px; text-decoration-line: underline; } .news-block .all-news-link a{ color:#1C68BE; text-decoration:underline; } /* Кнопки в левой колонке */ .buttons{ padding-left:16px; float:left; padding-bottom:35px; } .buttons a{ display:block; text-decoration:none; width:144px; height:86px; background-color:#edf1f2; border:1px solid #d4d6d6; border-radius:10px; margin-top:10px; background-repeat:no-repeat; background-position:15px 14px; color:#1c2224; text-transform:uppercase; padding-left:90px; padding-top:24px; font-family:'PT Sans Bold'; font-weight:bold; font-size:17px; } .buttons a:hover{ border:1px solid #006aba; } .buttons a span{ display:block; } .buttons a.calc{ background-image:url(/local/templates/truby_copy/images/buttons_ico/ico0.png); } .buttons a.feedback{ background-image:url(/local/templates/truby_copy/images/buttons_ico/ico1.png); cursor:default; } .buttons a.feedback:hover{ border:1px solid #d4d6d6; opacity:1; } .buttons a.feedback span.one{ font-size:24px; } .buttons a.feedback span.two{ font-size:30px; font-weight:normal; line-height:18px; } .buttons a.cert{ background-image:url(/local/templates/truby_copy/images/buttons_ico/ico2.png); } .buttons a.cert span.one{ font-size:18px; } .buttons a.cert span.two{ font-size:16px; } /* Телефоны в левой колонке */ .leftphone_wrap{ padding-left: 16px; float: left; margin-top: 23px; background-image: url(/images/phone-icon.png); background-repeat: no-repeat; background-position-x: 17px;; } .telephone-scroll-fixed{ position: fixed; top: 0; z-index: 52; margin-top:65px; } .basket-scroll-default{ display: none; } .basket-scroll-fixed{ position: fixed; top: 0; z-index: 201; margin-top: 15px; left: 50%; margin-left: 630px; } .fixed-basket-block{ padding: 55px 10px 10px; background: url(/local/templates/truby_copy/images/small-basket-img.png) no-repeat 60% 15%; width: 90px; display: block; opacity: .5; border-radius: 5px; } .fixed-basket-block span.p{ font-size: 14px; color: #475058; display:block; } .fixed-basket-block span{ font-size: 14px; color: #006aba; } .scroll-top-block{ width: 110px; height:90px; background: url(/local/templates/truby_copy/images/scroll-top-img.png) no-repeat 60% 15%; cursor:pointer; opacity: .5; } .scroll-top-block:hover, .fixed-basket-block:hover{ opacity: 1; } .leftphone_wrap .leftphone{ width:234px; height:78px; } #left-column .leftphone_wrap .leftphone .titl{ text-align:left; text-transform:uppercase; color:#1c2224; font-family:'PT Sans Bold'; font-weight:bold; font-size:14px; padding:5px 0; border-bottom:1px solid #d4d6d6; letter-spacing: 5px; background-image:url(/local/templates/truby_copy/images/phone_ico.png); background-repeat:no-repeat; background-position:25px 8px; padding-left:55px; } #left-column .leftphone_wrap .leftphone .phone{ font-family:'PT Sans Bold'; font-weight:bold; font-size:20px; padding-left:50px; color:#006aba; padding-top:3px; display: block; } #left-column .leftphone_wrap .leftphone .phone span{ color:#1c2224; display:inline-block; padding-right:5px; } #footer{margin: -154px auto 0; min-width: 980px; width: 1260px; height: 104px; position: relative; padding-top: 50px;background-color:#edeeef;} .logo-btm{float: right; margin: 7px 4% 20px 0;} .bottom-menu{float: left; padding-top: 0px; padding-left:139px;} ul.bottom-nav li{list-style: none; float: left; margin-right: 20px;} ul.bottom-nav li:last-child{margin-right: 0;} ul.bottom-nav li a{color: #006aba;font:15px 'PT Sans Regular';} ul.bottom-nav li a:hover{ opacity: .6; } .bottom-social{float: left; padding-top: 11px;padding-left:39px;} .bottom-social ul li{list-style: none; float: left; margin-right: 22px;} .bottom-social ul li:last-child{margin-right: 0;} .copy{clear: both; float: left; font-size: 12px; color: #575b62; padding-right: 20px; margin-top:14px;} .bottom-cont{float: left; font-size: 12px; color: #575b62; margin-top:14px;} .bottom-cont b{display: inline-block; font: bold 16px/16px 'PT Sans Bold'; padding: 0 20px; background: url(/local/templates/truby_copy/images/phone-icon-btm.png) no-repeat 0% 50%;} .bottom-cont p{display: inline-block; padding-left: 17px; background: url(/local/templates/truby_copy/images/check-icon.png) no-repeat top left; position: relative; bottom: 1px;} .dev-block{float: right; font-size: 12px; color: #575b62; margin-top: 10px;} .dev-block span{position: relative; bottom: 10px;} /*СТРАНИЦА ОБЪЕКТОВ*/ .objects-list .objects-desc{margin-bottom: 20px;} .objects-list .row{position: relative;} .objects-list ul li{list-style: none;} .objects-list .object-item{width: 80%; float: left; position: relative; background: #edf1f2; padding: 20px; text-align: center; z-index: 10;} .objects-list .object-item:hover:after{content: ""; width: 100%; height: 100%; border: 4px solid #798992; border-radius: 5px; position: absolute; top: -4px; left: -4px; z-index: -1;} .objects-list .object-item .object-img{position: relative; width: 209px; height: 209px; margin: 0 auto 10px auto;} .objects-list .object-item .object-img a{display: block; width: 209px; height: 209px;} .objects-list .object-item .object-img .image-mask{display: none; position: absolute; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7);} .objects-list .object-item .object-img .image-mask .object-short-desc{position: absolute; display: block; color: #fff; height: 91%; padding: 10px;} .objects-list .object-item:hover .image-mask{display: block;} .objects-list .object-item .object-img img{height: auto; max-width: 100%;} .objects-list .object-item .object-title{font: bold 16px/16px 'PT Sans Bold'; text-transform: uppercase; color: #1c2224;} .objects-list .object-item .object-title a{color: #1c2224;} .list-object{overflow: hidden; padding: 5px;} /*ul.list-object li{float: left; margin: 0 20px 20px 0; width: 30%;} ul.list-object li.current{padding-bottom: 230px;} ul.list-object li ul.fast-carousel{clear: both; position: absolute;} ul.list-object li a span{display: block;} ul.list-object li ul{} ul.list-object li ul li{list-style: none; float: left;}*/ .list-object .fast-gallery{width: 100%; height: 209px; overflow: hidden; margin-bottom: 20px;} .list-object .jcarousel-container{height: 209px; padding: 0 50px;} .list-object .jcarousel-container .jcarousel-clip{height: 209px; width: 100%; overflow: hidden;} .list-object .jcarousel-container .jcarousel-clip .jcarousel-item{width: 209px; height: 209px; margin: 0 12px;} .list-object .jcarousel-container .jcarousel-clip .jcarousel-item:last-child{margin-right: 0;} .list-object .jcarousel-prev, .list-object .jcarousel-next{display: block; width: 32px; height: 32px; text-indent: -9999px; position: absolute; z-index: 100; top: 50%; margin-top: -16px; background: url(/local/templates/truby_copy/images/fast-arrow-bg.png) no-repeat; cursor: pointer; border: 0;} .list-object .jcarousel-prev{background-position: 0 0; left: 0;} .list-object .jcarousel-prev:hover{background-position: 0 -64px;} .list-object .jcarousel-next{background-position: 0 -32px; right: 0;} .list-object .jcarousel-next:hover{background-position: 0 -96px;} .list-object li.current .fast-gallery{display: block;} .fast-gall-title{color: #010210; font:bold 18px/22px 'PT Sans Bold'; padding-bottom: 10px; text-transform: uppercase;} .fast-gall-desc{margin-bottom: 10px;} .catalog-section-list{} .catalog-section-image{ /*float: left;*/ padding: 0 0 0 0px; border-bottom:1px solid #c3c9cb; margin-bottom:25px; text-align: justify; } .catalog-section-image img { float:left; } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility: hidden; } .catalog-section-image img + p { float:left; width:730px; color:#1c2224; font-size: 18px; font-family: 'PT Sans Regular'; margin:0; } .catalog-section-image p { padding: 0px !important; } .section-description { padding: 0px 0px 0px 0px !important; } .section-description h3, h2 { padding: 10px 0px; } .catalog-section-list ul{list-style: none; padding: 0; margin: 0;} .catalog-section-list ul li{float: left; margin: 0 5px 5px 0;} .catalog-section-list ul li:last-child span{display: none;} .catalog-section-list ul li a{} .catalog-section-list ul li a:hover{text-decoration: underline;} .sort-wrap{clear: both;} .catalog-section-image img{ /*width:190px;*/ margin: 0 20px 20px 0; } .catalog-section-image .desc_img{max-height:140px;} .section-item p { font-size:14px; color: #1c2224; padding:10px; height: 58px; overflow: hidden; } .catalog-list .product-item .product-price .rub, .product-desc-wrap .price-block .price .rub{ display: inline-block; font-size: 20px; line-height: 2px; border-bottom: 1px solid #000000; width:0.4em; color:#000; } .content{ color: #1c2224; font-size: 14px; font-family: "PT Sans"; } .image_center{ display:block; margin:0 auto; } .content ul{ margin:10px 25px;} .content ol{ margin:10px 25px;} .content p, h2{ margin:0 5px} .content p, .content ul{ font:16px 'PT Sans Regular'; } /*.ks {text-indent:35px;}*/ .custom_t2 .rub{line-height: 2px; border-bottom: 1px solid grey; width: 0.4em; display: inline-block;} #allVATSum_FORMATED .rub{line-height: 2px; border-bottom: 1px solid grey; width: 0.4em; display: inline-block;} #allSum_wVAT_FORMATED .rub{line-height: 2px; border-bottom: 1px solid grey; width: 0.4em; display: inline-block;} .cat_div_indent{margin-bottom:10px;} .head-cart-summ .rub { line-height: 1px; border-bottom: 1px solid #007cc3; width: 0.4em; display: inline-block; } .bx_result_price .rub{ line-height: 1px; border-bottom: 1px solid #007cc3; width: 0.4em; display: inline-block; } .itogo .rub{ display: inline-block; line-height: 12px; border-bottom: 3px solid #006aba; width:0.4em; } .price_wrapp .price .rub{ display: inline-block; line-height: 12px; border-bottom: 3px solid #000000; width:0.4em; } #price_request { display:block; height:17px; border-bottom: 1px dotted; width:210px; float:left; } #price_request_section { display:block; height:16px; text-decoration:underline; width:210px; float:right; font-size:13px; text-align:center; margin-top:19px; } .content .news-detail{ padding:0 20px; font-size:18px; color: #1c2224; } .content .news-detail p{ padding-bottom:20px; } .content .news-detail h3{ padding-bottom:20px; } .brand_preview{ margin-bottom:25px; margin-top:10px; color:black; } .brand_country{ float:left; margin-left:15px; } .clear{ clear:both; } .search_wrapper{ background: #FFFFFF; border: 1px solid #D7E0E2; box-sizing: border-box; width: 100%; height: 45px; background: url(/local/templates/truby_copy/images/search.png) no-repeat 0 -45px; padding-left: 45px; margin-bottom:20px; position: relative; } .search_wrapper.act{ background: url(/local/templates/truby_copy/images/search.png) no-repeat 0 0; } .search_input{ margin-right:130px; position:relative; } input[name="q"]{ border:none; font:normal 16px 'PT Sans Regular'; height:43px; margin:0; padding:0; color:#1C2224; width: 100%; } .search_input .clear{ content: ''; position: absolute; top:14px; right:-19px; width: 15px; height: 15px; background: url(/local/templates/truby_copy/images/close-search.png) no-repeat 0 0; cursor:pointer; display: none; } .search_input .clear:hover{ background: url(/local/templates/truby_copy/images/close-search.png) no-repeat 0 -15px; } .search_button{ float: right; width: 100px; } .search_button input[name="s"] { width: 99px; height: 43px; border:2px solid #fff; outline: none; background: #1E68BA; cursor: pointer; color:#fff; font-size:16px; } .search_button input[name="s"]:disabled{ background-color: #EDF1F2 !important; cursor: default; color:#8E8E8E; } .search_button input[name="s"]:hover{ background-color: #475058; } .search_button input[name="s"]:active{ background-color: #303336; } .for_serch{ height:60px; } ul.page-nav{ margin-left:0px; } .pagination{ height:40px; margin-bottom:20px; padding-bottom:10px; border-bottom:2px solid #ccc; width:100%; } .serachbody .leftcol{ float:left; width:800px; } .serachbody .leftcol a.title{ color:#006aba; font: 18px "PT Sans"; } .serachbody .leftcol p{ margin-top:10px; margin-bottom:10px; font: 14px "PT Sans"; color: #1c2224; margin-left:0px; } .serachbody .leftcol small.modified{ color:#9c9c9c; font: 12px "PT Sans"; } .serachbody .leftcol small.path{ color:#1c2224; font-size:13px; } .serachbody{ width:100%; height:150px; border-bottom:2px dotted #ccc; margin-bottom:20px; padding-bottom:20px; } .searchimage{ float:right; border:1px solid #ccc; margin-right:20px; } /* СУПЕР КОСТЫЛЬ */ #bx_398857043_20 img { margin-top:0px; height:170px; } .po_zaprosu{ position:relative; /*top:17px; left:-133px;*/ display: block; color: #fff; font: bold 14px/27px 'PT Sans Bold' !important; background: #bfbfbf; padding: 0 5px; border: 0; /*cursor: pointer;*/ } .po_zaprosu2{ text-align:center; position:relative; width:78px; display: block; color: #fff; font: bold 14px/27px 'PT Sans Bold'; background: #bfbfbf; padding: 0 5px; border: 0; /*cursor: pointer;*/ } .po_zaprosu3{ text-align:center; position:relative; width:78px; display: block; color: #fff; font: bold 14px/27px 'PT Sans Bold' !important; background: #bfbfbf; padding: 0 5px; border: 0; /*cursor: pointer;*/ } /*.po_zaprosu:hover{ background: #15a4f4; }*/ .pamyatka{ min-width: 250px; } .sale_button{ osition: absolute; width: 196px; height: 36px; margin-left: 12%; margin-top: 120px; background: #CB0007; font: 15px/24px 'PT Sans bold'; color: #fff; text-align: center; } a:hover .sale_button{ background: #475058; } a:active .sale_button{ background: #303336; } .sale_button p{ padding: 8px; } .job_button p{ padding: 8px; } .sale_box{ height: 235px; background-image: url(/images/Vector_kal.png); background-repeat: no-repeat; background-position: center; } .sale_bg_1{ position: relative; background-image: url(/images/Vector_bg.png); width: 100%; height: 47px; } .text_center{ position: absolute; padding-top: 102px; width: 220px; padding-left: 20px; font-size: 14px; color: #000; } .text1{ font-family: 'PT Sans Bold'; font-size: 16px; text-transform: uppercase; color: #fff; padding-top: 13px; padding-left: 16px; position: absolute; z-index: 1; } .text2{ font-family: 'PT Sans Bold'; font-size: 16px; text-transform: uppercase; color: #fff; padding-top: 13px; padding-left: 100px; position: absolute; z-index: 1; } .sale_bg{ position: absolute; background-image: url(/images/Vector.png); width: 90px; height: 80px; background-repeat: no-repeat; left: 5px; } .job_box{ height: 215px; background-image: url(/images/pribor2.png); background-repeat: no-repeat; background-position: top; margin-top: 20px; } .job_box2{ } .job_button{ position: absolute; width: 196px; height: 36px; margin-left: 12%; margin-top: 135px; background: linear-gradient(0deg, #007AEA 0%, #004798 100%); font: 16px 'PT Sans bold'; color: #fff; text-align: center; } .text_center_job{ position: absolute; padding-top: 75px; width: 220px; padding-left: 20px; font-size: 14px; color: #000; } .text_center_otz{ } .sert_box{ height: 175px; margin-top: 10px; } .sert_button p{ padding: 8px; } .sert_button{ position: absolute; width: 196px; height: 36px; margin-left: 12%; margin-top: 95px; background: linear-gradient(0deg, #007AEA 0%, #004798 100%); font: 16px 'PT Sans bold'; color: #fff; text-align: center; } .sert_center_job{ position: absolute; padding-top: 15px; padding-left: 70px; font-size: 14px; color: #000; background-image: url(/images/rst-icon.png); background-repeat: no-repeat; background-position: left; margin-left: 20px; width: 120px; } .pm_all{ width:100%; margin-bottom: 35px; padding-left: 10px; } .wrapp_one{ padding:5px 0; } .wo_left{ float:left; width:32px; text-align:center; margin-top:4px; font: 14px 'PT Sans Regular'; color:#ffffff; } .wo_right{ float:left; height:100%; margin: 0 0 0 15px; font:14px 'PT Sans Regular'; color:#1c2224; width:180px; } .saw_gods_title{ width:100%; border-bottom: 1px solid #bfbfbf; padding-bottom:7px; margin-bottom:15px; font: bold 16px/16px 'PT Sans Bold'; color: #454545; text-transform: uppercase; float:left; } .saw_gods_title2{ width:100%; border-bottom: 1px solid #bfbfbf; padding-bottom:7px; margin-bottom:15px; font: bold 16px/16px 'PT Sans Bold'; color: #454545; margin-top:0px; } .saw_catalog_list{/*height:325px;*/} .podh1 { color:#010210; font-size:22px; font-weight:bold; margin-top:-31px; margin-bottom:10px; } .conttext { font-size:15px; line-height:22px; margin-bottom:17px; padding:0 15px; } .cont_block { height:70px; float:left; width:100%; font-size:15px; line-height:22px; padding:0 15px; } .cont_block .c1 { padding-left:26px; background:url(/local/templates/truby_copy/images/c1.png) 0px 0px no-repeat; float:left; width:29%; } .cont_block .c2 { padding-left:26px; background:url(/local/templates/truby_copy/images/c2.png) 0px 0px no-repeat; float:left; width:29%; } .cont_block .c3 { padding-left:26px; background:url(/local/templates/truby_copy/images/c3.png) 0px 0px no-repeat; float:left; width:29%; } .cont_block .c4 { padding-left:26px; background:url(/local/templates/truby_copy/images/c5.png) 0px 0px no-repeat; float:left; width:29%; } .cont_block .c5 { padding-left:26px; background:url(/local/templates/truby_copy/images/c4.png) 0px 0px no-repeat; float:left; width:29%; } #map { width:96%; height:364px; margin:20px 0 35px; float:left; padding:0 2%; } #backgorim { width:100%; max-width:732px; float:left; font-size:14px; margin-left:15px; } #backgorim label { float:left; width:100%; margin:18px 0 8px; cursor:pointer; } #backgorim input { width: 346px; height: 24px; padding:7px 9px; border:1px solid #a8b7bf; float:left; } #backgorim textarea { padding:7px 9px; border:1px solid #a8b7bf; width:99%; height:160px; resize:none; } #backgorim input:focus, #backgorim textarea:focus { border:1px solid #007cc3; } #backgorim .error input.error, #backgorim .error textarea.error { border:1px solid #e60000; } #backgorim font { display:none; } #backgorim .error font { display:block; } #success { position:fixed; top:0px; left:0px; width:100%; height:100%; display:none; background:url(/local/templates/truby_copy/images/caption.png) repeat; } #backgorim input[type="submit"], #backgorim button { float:right; margin-top:20px; color:#fff; background:#007cc3; width:120px; height:40px; line-height:40px; text-align:center; outline:none; border:none; cursor:pointer; padding:0; } #backgorim input[type="submit"]:hover, #backgorim button:hover { background:#15a4f4; } #success .okno { position:Absolute; top:auto; left:50%; margin:209px 0 0 -242px; width:484px; height:300px; background:#fff; } #success .okno div { width:100%; float:left; text-align:center; } #success .okno > div, #success-cal .okno > div{ margin-top:45px; } #success .okno > div+ div, #success-cal .okno > div+ div { margin-top:28px; color:#3f4446; font-weight:bold; font-size:17px; } #success .okno > div + div + div, #success-cal .okno > div + div + div { margin-top:25px; color:#5f5f5f; font-size:15px; } #success .okno > div + div + div + div, #success-cal .okno > div + div + div + div { margin-top:30px; } #success .okno > div + div + div + div a,#success-cal .okno > div + div + div + div a { color:#fff; background:#007cc3; font-size:16px; text-align:center; line-height:40px; width:109px; height:40px; cursor:pointer; text-decoration:none; display:inline-block; } #success .okno > div + div + div + div a:hover, #success-cal .okno > div + div + div + div a:hover { background:#15a4f4; } .catalog_section_title{ height: 100px; width:100%; float:left; margin-bottom:30px; margin-top:30px; background-color: #EDF1F2; } .catalog_section_title div.title{ font:normal 30px/36px 'PT Sans Regular'; color:#1c2224; background-image:url(/local/templates/truby_copy/images/catalog_title_ico.png); background-repeat:no-repeat; background-position:left; height:36px; padding-left:49px; float:left; margin:33px 0 0 25px; } .catalog_section_title a.link-price{ display:block; width:160px; height:36px; text-align: center; background-color: #1E68BA; background-image:url(/local/templates/truby_copy/images/pdf.png); background-repeat:no-repeat; background-position:left center; float:left; margin-left:57px; margin-top:32px; text-decoration:none; color:#ffffff; font:700 15px/15px 'PT Sans Regular'; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); } .catalog_section_title a.link-price span{ display:block; margin-left:30px; margin-top:12px; } /* new Solution by pbDev */ .clearfix:after{ content:''; display: block; clear:both; } .catalog_d_title{ width:100%; height:40px; } .dcats { width:900px; padding-left:40px; padding-bottom:40px; border-bottom:1px solid #e1e1e1; margin-bottom:40px; } .dcats a{ text-transform:uppercase; font:bold 18px 'PT Sans Regular'; color:#006aba; } .catalog_d_title div.title{ font:bold 24px 'PT Sans Regular'; text-transform:uppercase; color:#1c2224; background-image:url(/local/templates/truby_copy/images/catalog_title_ico.png); background-repeat:no-repeat; background-position:left; height:30px; padding-left:40px; float:left; } .section-block-pipes-c1{ padding:10px; border-radius: 4px; border:1px dotted #d7d7d7; width:445px; height:218px; overflow:hidden; float:left; margin-bottom:15px; margin-right:15px; position:relative; } .section-list-c .section-item{ margin-bottom:20px; padding:0; } .section-block-pipes-c1:nth-child(2n+2){ margin-right:0px; } .section-block-pipes-c1:nth-child(2n+3){ clear:both; } .section-block-pipes-c1 .section-name-block{ margin-bottom:5px; padding-bottom:20px; } .section-block-pipes-c1 .section-name-block a{ color:#006aba; font:bold 18px 'PT Sans Regular'; text-transform:uppercase; } .section-block-pipes-c1 a:hover{ color:#007cc3; } .section-block-pipes-c1 .section-img-block{ float:left; width:200px; text-align:center; } .section-block-pipes-c1 .all{ display:block; float:left; position:absolute; bottom:10px; font-size:18px; color:#b4adad; text-decoration:underline; display:none; } .section-block-pipes-c1.all:hover a{ color:#007dc7; } .section-block-pipes-c1 .baron{ height:130px; padding:30px 0; position:relative; top:-35px; } .section-block-pipes-c1:hover .baron__control{ display:block; } .section-block-pipes-c1 .section-subsection-block a{ color:#1c2224; font-size: 15px; font-family:'PT Sans Regular'; text-decoration: underline; display: block; line-height:22px; margin-bottom:5px; } .section-block-pipes-c1 .section-subsection-block ul, .section-block-pipes-c1 .section-subsection-block li{ margin:0; paddinf:0; } .section-block-pipes-c1 .section-subsection-block li{ list-style-type: square; color:#006aba; } .section-block-pipes-c1 .section-subsection-block a:hover, .section-block-pipes-c1 .section-subsection-block a:visited:hover{ color: #006aba; } .s-item-holder{ width:960px; height:120px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; position:relative; padding:60px 0; margin-bottom:40px; } .section-item .s-item-holder .section-img { width: 200px; float:left; text-align: center; height: 200px; position:static; } .section-item .s-item-holder .section-title { float:left; position:static; width:600px; margin-top:25px; margin-left:20px; } .section-item .s-item-holder .section-title a { font-family:'PT Sans Regular'; font-size:48px; text-transform:none; color:#000; } .section-block-pipes{ padding:10px; border-radius: 4px; border:1px dotted #d7d7d7; width:460px; float:left; margin-bottom:15px; margin-right:15px; } .section-block-pipes:nth-child(2n+2){ margin-right:0px; } .section-block-pipes:nth-child(2n+3){ clear:both; } .section-block-pipes .section-name-block{ margin-bottom:5px; } .section-block-pipes a{ color:#000; font-size: 24px; } .section-block-pipes a:hover{ color:#007cc3; } .section-block-pipes .section-img-block{ float:left; } .section-block-pipes .section-subsection-block{ margin-left:220px; } .section-block-pipes .section-subsection-block a{ color:#006aba; font-size: 16px; text-decoration: underline; display: block; } .section-block-pipes .section-subsection-block a:hover, .section-block-pipes .section-subsection-block a:visited:hover{ color: #000000; } .section-block-pipes .section-subsection-block a:visited{ color: #8e8e8e; } .section-block-other{ width: 207px; float:left; padding:10px; margin-right:15px; margin-bottom:15px; background: #edf1f2; } .section-block-other:hover{ border: 4px solid #798992; padding: 6px; border-radius: 5px; } .section-block-other:nth-child(4n+4){ margin-right:0px; } .section-block-other:nth-child(4n+5){ clear:both; } .section-block-other .section-name-block{ display: table; width: 100%; margin-bottom: 10px; } .section-block-other .section-name-block a{ font: bold 16px/16px 'PT Sans Regular'; color: #1c2224; text-transform: uppercase; margin-bottom: 10px; display: table-cell; height:50px; overflow:hidden; vertical-align: middle; } .section-block-other .section-name-block a:hover, .section-block-other .section-name-block a:visited:hover{ color: #007cc3; } .section-block-other .section-name-block a:visited{ color: #8e8e8e; } .section-block-other .section-img-block{ text-align: center; padding-bottom: 15px; border-bottom:1px solid #dbdfe0; } .section-block-other .section-description-block{ margin-top:10px; height:60px; overflow: hidden; font-size:12px; line-height:14px; } .cnt-btn{ cursor: pointer; opacity: .6; } .cnt-btn:hover{ opacity: 1 ; } .addtocart{ cursor: pointer; } .addtocart:hover, .oneclick:hover{ opacity: .85; } #callbackForm .title.oneClickTitle{ padding-bottom: 15px; } #callbackForm textarea { float: right; width: 261px; height: 80px; border-radius: 10px; border: 1px solid #C5CECE; padding: 0 8px; margin: 0 auto 15px; margin-right: 15px; background-repeat: no-repeat; display: block; color: #000000; font: bold 18px/32px 'PT Sans Regular'; } .valid-error { border-radius: 10px; background: none !important; border: 2px solid red !important; } .oneClickGoodName{ margin-bottom: 30px; text-align : center; } .recommended-block{ margin:30px 0; border-top: 1px solid #bababa; float:left; width:100%; } .recommended-block:after{ display: block; content: ""; clear:both; } .recommended-block-title{ font-size: 20px; color: #00040d; margin: 30px 0; font-family: 'PT Sans Regular', 'Myriad Pro', sans-serif; font-weight: bold; } .rec-product-block{ width: 145px; } .bxSliderRecGoods2, .bxSliderRecGoods3 { padding: 0 30px; } .rec-product-block.recomm-block:hover { opacity: .85; } .rec-product-block.recomm-block a:hover { opacity: 1; } .rec-product-block.recomm-block { width: 210px; margin: 1%; border: 1px solid #f2f2f2; box-sizing: border-box; padding: 15px; } .rec-product-block.recomm-block .rec-product-block-name{ color: #0970b5; font-family: 'PT Sans Regular'; font-size: 14px; font-weight: bold; } .rec-product-block-name{ color: #007cc3; text-transform: uppercase; display: block; margin-bottom:10px; } .rec-product-block-image{ text-align: center; display: block; margin-bottom: 10px; } .rec-product-block-price{ text-align: center; color: #b1adae; } .rec-product-block-price b{ color: #00040d; padding-left:10px; } .section-description{ margin-top:15px; text-align: justify; color: #1c2224; font-size: 14px; } .main-seo-image-block{ margin:20px 0 30px; } .main-seo-image-block img { width: 100%; } .motivation-bg-block{ margin: 40px 4px 50px; width: 948px; background: url('/images/motivation-bg.png') no-repeat left center; border-radius: 15px; padding:25px 0; } .motivation-block{ width:550px; margin:0 auto; text-align:center; } .motivation-block p{ color: #090909 !important; font-size: 18px; line-height: 24px; font-family: 'PT Sans Regular', 'Myriad Pro', sans-serif; } .motivation-phone-block{ color: #353535; font-size: 24px; font-weight: bold; margin:5px 0 10px; background: url(/images/motivation-phone-img.png) no-repeat 28% 45%; display:block; } .motivation-phone-block span{ color: #006aba; } .motivation-btn{ display: inline-block; margin: 0 10px; cursor: pointer; padding: 11px 30px 10px 45px; background: #1E68BA; font-family: 'PT Sans'; font-size: 14px; font-weight: 700; text-transform: uppercase; position: relative; color: #fff; } .motivation-btn span{ } .motivation-btn i{ position: absolute; left: 25px; } .ask-question-form i{ background: url(/images/ask-question-form-img.png) no-repeat; width:24px; height:24px; top: 6px; } .make-order-form{ padding-left:55px; } .make-order-form i{ background: url(/images/make-order-form-img.png) no-repeat; width:24px; height:24px; top: 6px; } .ajax-success-form-block { font-size: 18px; color:#419641; text-align:center; } .objects_and_partners_block { margin-top: 40px; } /* End of new Solution by pbDev */ h1.carttitle{ color:#1c2224; font:bold 36px 'PT Sans Regular'; font-style:italic; padding-bottom:0px; padding-left:0px; } div.cart_header_itogo .header_itogo{ font:bold 18px 'PT Sans Regular'; padding-top:10px; text-transform:uppercase; float:left; padding:30px 0; color:#1c2224; } div.cart_header_itogo .header_itogo span.itogo{ color:#006aba; } div.cart_header_itogo .header_itogo span.links{ text-transform:none; font-weight:normal; } div.cart_header_itogo .header_itogo span.links a{ color:#343434; text-decoration:underline; } div.cart_header_itogo .header_itogo span.itogo .rub { border-bottom: 1px solid #006aba; display: inline-block; line-height: 6px; width: 0.4em; } div.page-documents{ padding-left:20px; } div.cart_header_itogo{ color:#898989; height:60px; padding-left:20px; } table.table-doc td{ padding: 2px 5px; text-transform:uppercase; } /* Вся документация */ .page-documents-index{ padding-left:0px; } .page-documents-index .block{ width:450px; height:176px; float:left; border:1px dotted #d7d7d7; margin-top:10px; border-radius: 5px; padding:5px 10px; } .page-documents-index .block a.cattitle{ color:#000000; font:24px "Open Sans"; text-decoration:none; } .page-documents-index .block ul{ list-style:none; margin:0; margin-top:10px; } .page-documents-index .block ul li{ margin:4px 0; } .page-documents-index .block ul li a{ color:#0042ae; text-decoration:underline; } .page-documents-index .block a.alldocs{ color:#414141; text-decoration:underline; margin-top:2px; } .page-documents-index .block:hover a.alldocs{ color:#c81320; } .page-documents-index .block:hover a.rimglink{ opacity: 0.73; } .page-documents-index .left{ margin-right:10px; } .page-documents-index .block a.rimglink{ display:block; width:107px; height:107px; background-image:center; background-repeat:no-repeat; } .page-documents-index .wrapl{float:left;width:310px;} .page-documents-index .wrapr{float:right;width:120px;padding:10px} .page-documents-index .one a.rimglink{background-image:url(/local/templates/truby_copy/images/docs-image-ico/one.png);} .page-documents-index .two a.rimglink{background-image:url(/local/templates/truby_copy/images/docs-image-ico/two.png);} .page-documents-index .three a.rimglink{background-image:url(/local/templates/truby_copy/images/docs-image-ico/three.png);} .page-documents-index .four a.rimglink{background-image:url(/local/templates/truby_copy/images/docs-image-ico/four.png);} .page-documents-index .five a.rimglink{background-image:url(/local/templates/truby_copy/images/docs-image-ico/five.png);} .page-documents-index .six a.rimglink{background-image:url(/local/templates/truby_copy/images/docs-image-ico/six.png);} .req-table p{ color:#1c2224; font: normal 16px 'PT Sans Regular'; padding:10px 15px; margin:0px !important; background-color:#e5e5e5; } .req-table p span{ font-weight:bold; } .req-table p.dark{ background-color:#d4d6d6; } a#itemsmore{ margin-top:20px; display:inline-block; cursor:pointer; border: none; width: 180px; height: 35px; padding-left: 30px; padding-top: 10px; background-color: #006aba; color: #fff; text-transform: uppercase; font: bold 18px 'PT Sans Regular'; border-radius: 40px; } .tabs-wrapp{ width:945px; height:54px; border-bottom:1px solid #cccccc; position:relative; text-align:center; text-align:center; } .optom{ border-bottom:none; height:45px; } .tabs-wrapp .one{ left:4px; } .tabs-wrapp .notactive{ width:294px; height:38px; position:absolute; top:2px; background-color:#677983; padding-top:3px; } .tabs-wrapp .tab{ position:relative; padding-top:5px; display:inline-block; margin:0px; } .tabs-wrapp .notactive a{ font:25px "PT Sans Regular"; text-transform:uppercase; color:#b4adad; display:block; width:100%; } .tabs-wrapp .active span{ font:25px "PT Sans Regular"; text-transform:uppercase; color:#fff; } .tabs-wrapp .active{ width:298px; height:38px; top:2px; background-color:#007cc3; z-index:100; padding-top:10px; } .subsectiontitle{ background-color:#0069ba; color:#fdfbf9; font:27px "PT Sans Regular"; padding:5px 0; text-align:center; margin-top:5px; border-radius:10px 10px 0 0; } .catalog-list .product-items tr.title-roznica th { background-color: #006aba; color: #ffffff; font: 14px "PT Sans Regular"; height: 50px; padding-left: 20px; text-align: left; text-transform: uppercase; } .subdesc_img{ float:left; margin-top:5px; width:200px; } .subsection-description{ float:left; font-size:16px; padding:15px 10px; width:750px; } #banner_roznica{ width:100%; height: 226px; text-align:left; position:relative; } #banner_roznica .rcatalog{ position:absolute; z-index:10; border: 4px solid #FFF; left:-4px; } #banner_roznica .rcatalog:hover{ opacity:1; border: 4px solid #798992; border-radius:5px; } #banner_roznica .contacty{ position:absolute; z-index:20; top:30px; right:110px; color:#0175c0; font:18px Arial; text-decoration:underline; } #banner_roznica .contacty:hover{ text-decoration:none; color:#0175c0; } #banner_roznica .contacty:hover + a{ border: 4px solid #798992; border-radius:5px; } .content ul.insideGallery{ width:100%; height:140px; display:table; list-style:none; margin:0; } .insideGallery li{ display:table-cell; text-align:center; vertical-align:middle; } /*Флайбар в нейтральных разделах */ .flybar-scroll-default{ display:none; } #flybar{ position:fixed; top: -20px; margin-left:-1px; z-index:900; } #flybar .whiteholder{ height:1px; width:100%; border-bottom:10px solid #fff; opacity:0.75; position:absolute; bottom:-10px; } #flybar ul li{ float: left; left: 0px; margin-left:1px; position:relative; } #flybar ul li a{ color:#fff; } #flybar ul{ list-style:none; } #flybar.flybar ul li{ font: 15px 'PT Sans Bold'; line-height: 17px; background: #a4a8ac; width: 78px; height:24px; padding-top:14px; text-align:center; text-transform:uppercase; color:#ddd9d5; float:left; cursor:pointer; text-align:left; padding-left:50px; } #flybar.flybar ul li:nth-child(1) { background-image:url('/local/templates/truby_copy/images/cart.png'); background-repeat:no-repeat; background-position: 10px 9px; } #flybar.flybar ul li:nth-child(2){ background-image:url('/local/templates/truby_copy/images/lorry.png'); background-repeat:no-repeat; background-position: 10px 9px; } /*Флайбар для Опта */ #flybar.flyopt ul > li > a { background-color: #007cc3; background-position: 10px center; background-repeat: no-repeat; color: #fff; display: block; font-family: "PT Sans Bold"; font-size: 16px; width:250px; position: relative; text-transform: uppercase; } #flybar.flyopt ul > li > a:hover { background-color: #475058; opacity: 1.0; } #flybar.flyopt ul > li > a.opt:hover { background-color: #007cc3; opacity: 1.0; } #flybar.flyopt ul > li > a > span { display: block; height: 22px; padding: 14px 12px 9px 60px; } #flybar.flyopt ul > li > a.roznica { background-color:#a3a8ac; background-image:url('/local/templates/truby_copy/images/cart.png'); background-repeat:no-repeat; background-position: 20px 9px; width:143px; } #flybar.flyopt ul > li > a.roznica:hover { background-color: #475058; opacity: 1.0; } #flybar.flyopt ul > li > a.opt { background-image:url('/local/templates/truby_copy/images/lorry.png'); background-repeat:no-repeat; background-position: 20px 9px; width:112px; } #flybar.flyopt ul > li > a.opt-a:before{ content: ''; position: absolute; width: 0; height: 0; } #flybar.flyopt ul > li > a.opt-a:after { content: ''; position: absolute; width: 0; height: 0; } #flybar.flyopt ul > li > a.opt-a:before { right: 0; top: 0; border-left: 17px solid #007cc3; border-top: 21px solid #FFF; } #flybar.flyopt ul > li > a.opt-a:after { right: 0; bottom:0; border-left: 17px solid #007cc3; border-bottom: 21px solid #FFF; } #flybar.flyopt ul > li > a.roznica-a{ width:154px; background-color: #475058; } #flybar.flyopt ul > li > a.roznica-a:before{ content: ''; position: absolute; width: 0; height: 0; } #flybar.flyopt ul > li > a.roznica.roznica-a:after { content: ''; position: absolute; width: 0; height: 0; } #flybar.flyopt ul > li > a.roznica-a:before { right: 0; top: 0; border-left: 17px solid #475058; border-top: 22px solid #FFF; } #flybar.flyopt ul > li > a.roznica-a:after { right: 0; bottom:0; border-left: 17px solid #475058; border-bottom: 22px solid #FFF; } #flybar.flyopt ul > li > a.item0 {background-image:url(/local/templates/truby_copy/images/leftmenu/icons/icon.png);} #flybar.flyopt ul > li > a.item1{background-image:url(/local/templates/truby_copy/images/leftmenu/icons/icon4.png);} #flybar.flyopt ul > li > a.item2 {background-image:url(/local/templates/truby_copy/images/leftmenu/icons/icon3.png);} #flybar.flyopt ul li > a.item3{background-image:url(/local/templates/truby_copy/images/leftmenu/icons/icon2.png);} #flybar.flyopt ul li > a.item-s{background-image:url(/local/templates/truby_copy/images/leftmenu/icons/icon-s.png);} /*Флайбар для Розницы */ #flybar.flyroznica ul > li > a { background-color: #475058; background-position: 10px center; background-repeat: no-repeat; color: #fff; display: block; font-family: "PT Sans Bold"; font-size: 16px; width:250px; position: relative; text-transform: uppercase; } #flybar.flyroznica ul > li > a > span { display: block; height: 22px; padding: 14px 12px 9px 60px; } #flybar.flyroznica ul > li > a.roznica { background-color:#475058; background-image:url('/local/templates/truby_copy/images/cart.png'); background-repeat:no-repeat; background-position: 20px 9px; width:154px; } #flybar.flyroznica ul > li > a.opt { background-color:#80bee1; color:#e8f3f5; background-image:url('/local/templates/truby_copy/images/lorry.png'); background-repeat:no-repeat; background-position: 20px 9px; width:102px; } #flybar.flyroznica ul > li > a.roznica-a:before{ content: ''; position: absolute; width: 0; height: 0; } #flybar.flyroznica ul > li > a.roznica-a:after { content: ''; position: absolute; width: 0; height: 0; } #flybar.flyroznica ul > li > a.roznica-a:before { right: 0; top: 0; border-left: 17px solid #475058; border-top: 22px solid #FFF; } #flybar.flyroznica ul > li > a.roznica-a:after { right: 0; bottom:0; border-left: 17px solid #475058; border-bottom: 22px solid #FFF; } #flybar.flyroznica ul > li > a.opt-a{ width:112px; background-color:#007cc3; } #flybar.flyroznica ul > li > a.opt-a:before{ content: ''; position: absolute; width: 0; height: 0; } #flybar.flyroznica ul > li > a.opt-a:after { content: ''; position: absolute; width: 0; height: 0; } #flybar.flyroznica ul > li > a.opt-a:before { right: 0; top: 0; border-left: 17px solid #007cc3; border-top: 21px solid #FFF; } #flybar.flyroznica ul > li > a.opt-a:after { right: 0; bottom:0; border-left: 17px solid #007cc3; border-bottom: 21px solid #FFF; } #flybar.flyroznica ul > li > a:hover { background-color: #007cc3; opacity: 1.0; } #flybar.flyroznica ul > li > a.roznica:hover { background-color: #475058; opacity: 1.0; } #flybar.flyroznica ul > li > a.item0 {background-image:url(/local/templates/truby_copy/images/leftmenu/icons/icon.png);} #flybar.flyroznica ul > li > a.item1{background-image:url(/local/templates/truby_copy/images/leftmenu/icons/icon4.png);} #flybar.flyroznica ul > li > a.item2 {background-image:url(/local/templates/truby_copy/images/leftmenu/icons/icon3.png);} #flybar.flyroznica ul li > a.item3{background-image:url(/local/templates/truby_copy/images/leftmenu/icons/icon2.png);} #flybar.flyroznica ul li > a.item-s{background-image:url(/local/templates/truby_copy/images/leftmenu/icons/icon-s.png);} .mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer { margin: 0 48px; } .bx_order_make .bx_logotype span{ background-size: contain; } /* End */ /* /local/templates/truby_copy/css/styles.css?17276109898869 */ /* /local/templates/truby_copy/css/jquery.mCustomScrollbar.css?172761098914660 */ /* /local/templates/truby_copy/css/jquery.fancybox.css?17276109894895 */ /* /local/templates/truby_copy/css/ion.tabs.css?17276109891313 */ /* /local/templates/truby_copy/components/bitrix/search.title/visual/style.css?17276109892836 */ /* /local/templates/truby_copy/components/bitrix/menu/new_left2/style.min.css?1774509140490 */ /* /local/templates/truby_copy/template_styles.css?1727610989101469 */