/* Start:/local/templates/main/themes/Avada/new-css/jquery.bxslider.css?14931990093913*/ /** * BxSlider v4.1.2 - Fully loaded, responsive content slider * http://bxslider.com * * Written by: Steven Wanderski, 2014 * http://stevenwanderski.com * (while drinking Belgian ales and listening to jazz) * * CEO and founder of bxCreative, LTD * http://bxcreative.com */ /** RESET AND LAYOUT ===================================*/ .bx-wrapper { position: relative; /*margin: 0 auto 60px;*/ margin: 0 auto; padding: 0; *zoom: 1; } .bx-wrapper img { max-width: 100%; display: block; } /** THEME ===================================*/ .bx-wrapper .bx-viewport { /*-moz-box-shadow: 0 0 5px #ccc;*/ /*-webkit-box-shadow: 0 0 5px #ccc;*/ /*box-shadow: 0 0 5px #ccc;*/ /*border: 5px solid #fff;*/ border: 0px solid #fff; /*left: -5px;*/ left: 0; background: #fff; /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; } /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; background: url(/local/templates/main/themes/Avada/new-css/images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { left: 10px; background: url(/local/templates/main/themes/Avada/new-css/images/controls.png) no-repeat 0 -32px; } .bx-wrapper .bx-next { right: 10px; background: url(/local/templates/main/themes/Avada/new-css/images/controls.png) no-repeat -43px -32px; } .bx-wrapper .bx-prev:hover { background-position: 0 0; } .bx-wrapper .bx-next:hover { background-position: -43px 0; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(/local/templates/main/themes/Avada/new-css/images/controls.png) -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(/local/templates/main/themes/Avada/new-css/images/controls.png) -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } /* End */ /* Start:/local/templates/main/themes/Avada/new-css/new-styles.css?176474872372700*/ .inline-flex { display: -webkit-inline-box; display: -moz-inline-box; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex } @font-face { font-family: RalewayRegular; src: url(/local/templates/main/themes/Avada/new-css/../fonts/RalewayRegular/RalewayRegular.eot); src: url(/local/templates/main/themes/Avada/new-css/../fonts/RalewayRegular/RalewayRegular.eot) format('embedded-opentype'), url(/local/templates/main/themes/Avada/new-css/../fonts/RalewayRegular/RalewayRegular.woff2) format('woff2'), url(/local/templates/main/themes/Avada/new-css/../fonts/RalewayRegular/RalewayRegular.woff) format('woff'), url(/local/templates/main/themes/Avada/new-css/../fonts/RalewayRegular/RalewayRegular.ttf) format('truetype'), url(/local/templates/main/themes/Avada/new-css/../fonts/RalewayRegular/RalewayRegular.svg#RalewayRegular) format('svg'); font-style: normal; font-weight: 400 } @font-face { font-family: RalewayThin; src: url(/local/templates/main/themes/Avada/new-css/../fonts/RalewayThin/RalewayThin.eot); src: url(/local/templates/main/themes/Avada/new-css/../fonts/RalewayThin/RalewayThin.eot) format('embedded-opentype'), url(/local/templates/main/themes/Avada/new-css/../fonts/RalewayThin/RalewayThin.woff2) format('woff2'), url(/local/templates/main/themes/Avada/new-css/../fonts/RalewayThin/RalewayThin.woff) format('woff'), url(/local/templates/main/themes/Avada/new-css/../fonts/RalewayThin/RalewayThin.ttf) format('truetype'), url(/local/templates/main/themes/Avada/new-css/../fonts/RalewayThin/RalewayThin.svg#RalewayThin) format('svg'); font-style: normal; font-weight: 400 } @font-face { font-family: RalewayExtraLight; src: url(/local/templates/main/themes/Avada/new-css/../fonts/RalewayExtraLight/RalewayExtraLight.eot); src: url(/local/templates/main/themes/Avada/new-css/../fonts/RalewayExtraLight/RalewayExtraLight.eot) format('embedded-opentype'), url(/local/templates/main/themes/Avada/new-css/../fonts/RalewayExtraLight/RalewayExtraLight.woff2) format('woff2'), url(/local/templates/main/themes/Avada/new-css/../fonts/RalewayExtraLight/RalewayExtraLight.woff) format('woff'), url(/local/templates/main/themes/Avada/new-css/../fonts/RalewayExtraLight/RalewayExtraLight.ttf) format('truetype'), url(/local/templates/main/themes/Avada/new-css/../fonts/RalewayExtraLight/RalewayExtraLight.svg#RalewayExtraLight) format('svg'); font-style: normal; font-weight: 400 } @font-face { font-family: RalewayLight; src: url(/local/templates/main/themes/Avada/new-css/../fonts/RalewayLight/RalewayLight.eot); src: url(/local/templates/main/themes/Avada/new-css/../fonts/RalewayLight/RalewayLight.eot) format('embedded-opentype'), url(/local/templates/main/themes/Avada/new-css/../fonts/RalewayLight/RalewayLight.woff2) format('woff2'), url(/local/templates/main/themes/Avada/new-css/../fonts/RalewayLight/RalewayLight.woff) format('woff'), url(/local/templates/main/themes/Avada/new-css/../fonts/RalewayLight/RalewayLight.ttf) format('truetype'), url(/local/templates/main/themes/Avada/new-css/../fonts/RalewayLight/RalewayLight.svg#RalewayLight) format('svg'); font-style: normal; font-weight: 400 } @font-face { font-family: RalewayMedium; src: url(/local/templates/main/themes/Avada/new-css/../fonts/RalewayMedium/RalewayMedium.eot); src: url(/local/templates/main/themes/Avada/new-css/../fonts/RalewayMedium/RalewayMedium.eot) format('embedded-opentype'), url(/local/templates/main/themes/Avada/new-css/../fonts/RalewayMedium/RalewayMedium.woff2) format('woff2'), url(/local/templates/main/themes/Avada/new-css/../fonts/RalewayMedium/RalewayMedium.woff) format('woff'), url(/local/templates/main/themes/Avada/new-css/../fonts/RalewayMedium/RalewayMedium.ttf) format('truetype'), url(/local/templates/main/themes/Avada/new-css/../fonts/RalewayMedium/RalewayMedium.svg#RalewayMedium) format('svg'); font-style: normal; font-weight: 400 } @font-face { font-family: RalewaySemiBold; src: url(/local/templates/main/themes/Avada/new-css/../fonts/RalewaySemiBold/RalewaySemiBold.eot); src: url(/local/templates/main/themes/Avada/new-css/../fonts/RalewaySemiBold/RalewaySemiBold.eot) format('embedded-opentype'), url(/local/templates/main/themes/Avada/new-css/../fonts/RalewaySemiBold/RalewaySemiBold.woff2) format('woff2'), url(/local/templates/main/themes/Avada/new-css/../fonts/RalewaySemiBold/RalewaySemiBold.woff) format('woff'), url(/local/templates/main/themes/Avada/new-css/../fonts/RalewaySemiBold/RalewaySemiBold.ttf) format('truetype'), url(/local/templates/main/themes/Avada/new-css/../fonts/RalewaySemiBold/RalewaySemiBold.svg#RalewaySemiBold) format('svg'); font-style: normal; font-weight: 400 } @font-face { font-family: RalewayBold; src: url(/local/templates/main/themes/Avada/new-css/../fonts/RalewayBold/RalewayBold.eot); src: url(/local/templates/main/themes/Avada/new-css/../fonts/RalewayBold/RalewayBold.eot) format('embedded-opentype'), url(/local/templates/main/themes/Avada/new-css/../fonts/RalewayBold/RalewayBold.woff2) format('woff2'), url(/local/templates/main/themes/Avada/new-css/../fonts/RalewayBold/RalewayBold.woff) format('woff'), url(/local/templates/main/themes/Avada/new-css/../fonts/RalewayBold/RalewayBold.ttf) format('truetype'), url(/local/templates/main/themes/Avada/new-css/../fonts/RalewayBold/RalewayBold.svg#RalewayBold) format('svg'); font-style: normal; font-weight: 400 } @font-face { font-family: RalewayExtraBold; src: url(/local/templates/main/themes/Avada/new-css/../fonts/RalewayExtraBold/RalewayExtraBold.eot); src: url(/local/templates/main/themes/Avada/new-css/../fonts/RalewayExtraBold/RalewayExtraBold.eot) format('embedded-opentype'), url(/local/templates/main/themes/Avada/new-css/../fonts/RalewayExtraBold/RalewayExtraBold.woff2) format('woff2'), url(/local/templates/main/themes/Avada/new-css/../fonts/RalewayExtraBold/RalewayExtraBold.woff) format('woff'), url(/local/templates/main/themes/Avada/new-css/../fonts/RalewayExtraBold/RalewayExtraBold.ttf) format('truetype'), url(/local/templates/main/themes/Avada/new-css/../fonts/RalewayExtraBold/RalewayExtraBold.svg#RalewayExtraBold) format('svg'); font-style: normal; font-weight: 400 } @font-face { font-family: RalewayBlack; src: url(/local/templates/main/themes/Avada/new-css/../fonts/RalewayBlack/RalewayBlack.eot); src: url(/local/templates/main/themes/Avada/new-css/../fonts/RalewayBlack/RalewayBlack.eot) format('embedded-opentype'), url(/local/templates/main/themes/Avada/new-css/../fonts/RalewayBlack/RalewayBlack.woff2) format('woff2'), url(/local/templates/main/themes/Avada/new-css/../fonts/RalewayBlack/RalewayBlack.woff) format('woff'), url(/local/templates/main/themes/Avada/new-css/../fonts/RalewayBlack/RalewayBlack.ttf) format('truetype'), url(/local/templates/main/themes/Avada/new-css/../fonts/RalewayBlack/RalewayBlack.svg#RalewayBlack) format('svg'); font-style: normal; font-weight: 400 } #main { padding-top: 0 !important } body { position: relative } .sl-content { width: 429px; position: absolute; bottom: 120px; right: 176px } .sl-content .sl-content-body { width: 100%; padding: 25px; background-color: #fff; margin-bottom: 10px } .sl-content .sl-content-body .art { font-size: 12px; text-transform: uppercase; color: #333; font-family: Arial; font-weight: 400; margin-bottom: 10px } .sl-content .sl-content-body .sl-head { font-size: 34px; font-family: RalewayLight; margin-bottom: 20px; color: #333; line-height: 35px } .sl-content .sl-content-body .sl-content-text { line-height: 24px; font-family: Arial; font-weight: 400; font-size: 14px } .sl-content .order { width: 100%; background-color: #3A70DC; padding: 17px; box-sizing: border-box; text-align: center } .sl-content .order a { text-transform: uppercase; color: #fff; font-size: 18px; font-family: RalewayBlack } .top-widget-post { width: 100%; min-height: 100px } .top-widget-post .bxslider { margin: 0 } .top-widget-post .bxslider li { height: 600px; width: 100%; position: relative } @media only screen and (max-width: 1024px) { .top-widget-post .bxslider li { height: 360px } .top-widget-post .bxslider li .sl-content { display: none !important } } @media only screen and (max-width: 650px) { .top-widget-post .bxslider li { height: 400px } .top-widget-post .bxslider li .sl-content { display: none !important } } .top-widget-post .bx-controls.bx-has-pager { position: absolute; right: 15px; top: 0; height: 100%; width: 25px } .top-widget-post .bx-wrapper .bx-controls-auto, .top-widget-post .bx-wrapper .bx-pager { position: absolute; bottom: auto; top: 50%; width: 100% } @media only screen and (max-width: 1024px) { .top-widget-post .bx-wrapper .bx-controls-auto, .top-widget-post .bx-wrapper .bx-pager { top: 35% } } @media only screen and (max-width: 650px) { .top-widget-post .bx-wrapper .bx-controls-auto, .top-widget-post .bx-wrapper .bx-pager { top: 35% } } .top-widget-post .bx-wrapper .bx-pager a.bx-pager-link { width: 4px; height: 4px; background: 0 0; border-radius: 100%; border: 3px solid #fff } @media only screen and (max-width: 650px) { .top-widget-post .bx-wrapper .bx-pager a.bx-pager-link { width: 12px; height: 12px; background: 0 0; border: 6px solid #fff } } .top-widget-post .bx-wrapper .bx-pager a.bx-pager-link.active { width: 8px; height: 8px; border: 2px solid #fff } @media only screen and (max-width: 650px) { .top-widget-post .bx-wrapper .bx-pager a.bx-pager-link.active { width: 16px; height: 16px; background: 0 0; border: 4px solid #fff } } .mobile-slider { margin-bottom: 30px } @media only screen and (min-width: 1024px) { .mobile-slider { display: none } } @media only screen and (max-width: 480px) { .mobile-slider { margin-bottom: 12.5vw !important } } .mobile-slider .bx-controls { display: none } .mobile-slider li { min-height: 150px } @media only screen and (max-width: 650px) { .mobile-slider li { padding: 0 20px; min-height: 450px } } @media only screen and (max-width: 480px) { .mobile-slider li { padding: 0 20px; min-height: initial !important } } .mobile-slider .sl-content { width: 100%; position: static } .mobile-slider .sl-content .sl-content-body { width: 100%; padding: 0; background-color: #fff; margin-bottom: 5px } .mobile-slider .sl-content .sl-content-body .art { font-size: 12px; text-transform: uppercase; color: #333; font-family: Arial; font-weight: 400; margin-bottom: 10px } @media only screen and (max-width: 650px) { .mobile-slider .sl-content .sl-content-body .art { font-size: 3.5vw; line-height: 6vw; margin-bottom: 18px } } .mobile-slider .sl-content .sl-content-body .sl-head { font-size: 34px; font-family: RalewayLight; margin-bottom: 20px; color: #333 } @media only screen and (max-width: 650px) { .mobile-slider .sl-content .sl-content-body .sl-head { font-size: 11vw; line-height: 6vw; margin-bottom: 60px } } @media only screen and (max-width: 480px) { .mobile-slider .sl-content .sl-content-body .sl-head { font-size: 9vw !important; line-height: 11vw !important; margin-bottom: 30px !important } } .mobile-slider .sl-content .sl-content-body .sl-content-text { line-height: 24px; font-family: Arial; font-weight: 400; font-size: 14px } @media only screen and (max-width: 650px) { .mobile-slider .sl-content .sl-content-body .sl-content-text { font-size: 4.5vw; line-height: 7vw } .mobile-slider .sl-content .sl-content-body .sl-content-text p { margin-bottom: 50px } } @media only screen and (max-width: 480px) { .mobile-slider .sl-content .sl-content-body .sl-content-text { font-size: 4vw !important; line-height: 6vw !important } .mobile-slider .sl-content .sl-content-body .sl-content-text p { margin-bottom: 25px } } .mobile-slider .sl-content .order { width: 50%; background-color: #069; padding: 17px; box-sizing: border-box; text-align: center } @media only screen and (max-width: 650px) { .mobile-slider .sl-content .order { width: 100%; padding: 0 } } .mobile-slider .sl-content .order a { position: relative; top: -5px; text-transform: uppercase; color: #fff; font-size: 18px; font-family: RalewayBlack } @media only screen and (max-width: 650px) { .mobile-slider .sl-content .order a { font-size: 5.5vw; letter-spacing: .25vw; top: 0; display: inline-block; margin: 42px 0 } } @media only screen and (max-width: 480px) { .mobile-slider .sl-content .order a { font-size: 5.5vw; letter-spacing: .25vw; top: 0; display: inline-block; margin: 5.5vw 0 } } .w80 { width: 85%; margin: 0 auto } @media only screen and (max-width: 1024px) { .w80 { width: 95% } } .w90 { width: 90%; margin: 0 auto } @media only screen and (max-width: 1024px) { .w90 { width: 95% } } .breadcrumbs { width: 85%; margin: 0 auto; padding-top: 60px; padding-bottom: 30px } @media only screen and (max-width: 1024px) { .breadcrumbs { width: 95% } } .breadcrumbs ul { padding: 0; margin: 0; list-style: none; font-size: 0; text-align: left } .breadcrumbs ul li { display: inline-block; vertical-align: top; padding-right: 30px; color: #999797; font-size: 11px; font-family: RalewaySemiBold; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; background: transparent url(/img/new-html-img/arr-left.png) 84% 43% no-repeat; opacity: .5; -webkit-transition: all .2s ease-in-out .2s; -moz-transition: all .2s ease-in-out .2s; -ms-transition: all .2s ease-in-out .2s; -o-transition: all .2s ease-in-out .2s; transition: all .2s ease-in-out .2s } @media only screen and (max-width: 1024px) { .breadcrumbs ul li { line-height: 28px; background: transparent url(/img/new-html-img/arr-left.png) 84% 43% no-repeat } } .breadcrumbs ul li:hover { opacity: 1 } .breadcrumbs ul li:last-child { padding-right: 0; background: 0 0 } .breadcrumbs ul li a { /*color:#999797;*/ color: #1E73BE; } .breadcrumbs.product { width: 90%; margin: 0 auto } @media only screen and (max-width: 1024px) { .breadcrumbs.product { width: 95% } } .filter-box { width: 85%; margin: 0 auto; font-size: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between } @media only screen and (max-width: 1024px) { .filter-box { width: 95% } } .head { color: #aaa; font-family: Arial; font-weight: 700; font-size: 11px; text-transform: uppercase; padding-bottom: 15px; letter-spacing: 2px } .filter-item { width: 45%; margin-bottom: 25px } @media only screen and (max-width: 480px) { .filter-item .head { font-size: 4.5vw !important; line-height: 5vw !important; margin-bottom: 4vw !important; padding-bottom: 2vw !important } } .filter-item .filter-item-body { border: 1px solid #ddd; position: relative; cursor: pointer } .filter-item .filter-item-body .arr-nav { position: absolute; top: 0; right: 0; height: 100%; width: 42px; border-left: 1px solid #ddd; background-color: #fff } .filter-item .filter-item-body .arr-nav svg { position: absolute; width: 8px; height: 4px; left: 0; top: 0; right: 0; bottom: 0; margin: auto; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); -webkit-transition: all .2s ease-in-out .2s; -moz-transition: all .2s ease-in-out .2s; -ms-transition: all .2s ease-in-out .2s; -o-transition: all .2s ease-in-out .2s; transition: all .2s ease-in-out .2s } .filter-item .filter-item-body span { padding: 11px 10px 9px 10px; color: #333; font-family: Arial; font-weight: 700; font-size: 13px; letter-spacing: 2px; text-transform: uppercase; white-space: nowrap; display: block; width: 85%; overflow: hidden } @media only screen and (max-width: 480px) { .filter-item .filter-item-body span { padding: 4vw !important; font-size: 4vw !important; font-weight: 200; line-height: 5vw !important } } .filter-item .filter-item-body ul { list-style: none; padding: 0; margin: 0; position: absolute; top: 100%; left: -1px; border: 1px solid #ddd; width: 100.2%; display: none; background-color: #fff } .filter-item .filter-item-body ul li { padding: 10px; border-top: 1px solid #ddd; position: relative; color: #747474; font-size: 11px; -webkit-transition: all .2s ease-in-out .2s; -moz-transition: all .2s ease-in-out .2s; -ms-transition: all .2s ease-in-out .2s; -o-transition: all .2s ease-in-out .2s; transition: all .2s ease-in-out .2s } .filter-item .filter-item-body ul li:first-child { border-top: 0 } .filter-item .filter-item-body ul li:before { content: ''; width: 0; height: 100%; background-color: #ddd; position: absolute; left: 0; top: 0; bottom: 0; opacity: 0; margin: auto; border-radius: 100%; -webkit-transition: all .2s ease-in-out .2s; -moz-transition: all .2s ease-in-out .2s; -ms-transition: all .2s ease-in-out .2s; -o-transition: all .2s ease-in-out .2s; transition: all .2s ease-in-out .2s } .filter-item .filter-item-body ul li:hover { color: #333 } .filter-item .filter-item-body ul li:hover:before { width: 100%; opacity: .3; border-radius: 0 } .filter-item .filter-item-body.open { position: relative; z-index: 9999999999 } .filter-item .filter-item-body.open .arr-nav svg { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg) } .filter-item .filter-item-body.open ul { z-index: 100; display: block } .float-part { width: 45%; display: inline-block; vertical-align: top } .float-part-50 { width: 45%; display: inline-block; vertical-align: top } .float-part-50 .head { padding-bottom: 25px } .radio-box { font-size: 0 } .radio-box .radio-item { position: relative; display: inline-block; vertical-align: top; font-size: 12px; font-family: Arial; color: #333; text-transform: uppercase } .radio-box .radio-item:first-child label { margin-left: 0 } .radio-box .radio-item label { cursor: pointer; margin-left: 15px; padding-left: 35px; position: relative } .radio-box .radio-item label:before { content: ''; position: absolute; width: 21px; height: 21px; border-radius: 100%; left: 0; top: 0; bottom: 0; margin: auto; background-color: #eee } .radio-box .radio-item label:after { content: ''; position: absolute; width: 5px; height: 5px; border-radius: 100%; left: 8px; top: 5px; background-color: #222; display: none } .radio-box .radio-item input { position: absolute; height: 0; width: 0; left: 0; top: 0; display: none } .radio-box .radio-item input:checked + label:after { display: block } @-moz-document url-prefix() { .radio-box .radio-item label { padding-top: 3px } .radio-box .radio-item label::after { top: 6px } } #wrapper .product-box { width: 90%; margin: 0 auto } @media only screen and (max-width: 1024px) { #wrapper .product-box { width: 95% } } #wrapper .product-box .breadcrumbs { width: 100%; padding: 30px 0 } #wrapper .product-box .product-content h2 { font-family: RalewayRegular; font-size: 24px !important; color: #333 !important; opacity: .8 } #wrapper .product-box .product-content p { line-height: 24px; font-size: 14px; font-family: Arial; font-weight: 400 } #wrapper .product-box .product-content .more { font-family: Arial; text-transform: uppercase; font-size: 12px; text-decoration: underline; cursor: pointer } .prod-char { font-size: 0; position: relative } .prod-char .prod-links { width: 35px; position: absolute; top: 20px; right: 0 } .prod-char .prod-links a { display: inline-block } .prod-char .prod-links a:nth-child(2) { margin-bottom: -5px } .prod-char > div { display: inline-block; vertical-align: top; width: 40%; margin: 30px 0 30px 50px } .prod-char > div:first-child { margin-left: 0 } .prod-char .prod-char-list { width: 100% } .prod-char .prod-char-list tr { border-top: 1px solid #eee } .prod-char .prod-char-list tr:first-child { border-top: 0 } .prod-char .prod-char-list tr td { font-size: 12px; font-family: Arial; line-height: 17px; color: #333; padding: 20px; vertical-align: top } @media only screen and (max-width: 1024px) { .prod-char .prod-char-list tr td { padding: 20px 0 20px 10px } } .prod-char .prod-char-list tr td:nth-child(1) { padding: 20px 0 } @media only screen and (max-width: 1024px) { .prod-char .prod-char-list tr td:nth-child(1) { width: 16px } } .prod-char .prod-char-list tr td:nth-child(2) { color: #999; padding-right: 0 } .prod-stuff { margin-bottom: 50px } .prod-stuff table { width: 100%; font-family: Arial; color: #333 } .prod-stuff table caption { font-family: RalewayRegular; font-size: 24px; padding: 15px 0; text-align: left } .prod-stuff table tr th { background-color: #f2f2f2; border-left: 1px solid #fff; font-size: 11px; padding: 10px 15px } .prod-stuff table tr th:first-child { border-left: 0; width: 20px } .prod-stuff table tr th:nth-child(2) { width: 50% } .prod-stuff table tr td { padding: 10px 15px } .prod-stuff table tr:nth-child(2) td { padding: 15px } .full-width-box { width: 100%; height: 300px } .full-width-box .parallax-window { position: absolute; left: 0; top: 0; width: 100%; min-height: 400px; background: 0 0 } #wrapper .prod-full-width-content { padding: 32px 0 32px 91px } #wrapper .prod-full-width-content h3 { font-family: RalewayRegular; font-weight: 400; font-size: 24px; color: #333 } #wrapper .circle-charts { margin-top: 50px } #wrapper .circle-charts .fusion-one-fourth { margin-bottom: 0 } #wrapper .circle-charts .fusion-one-fourth .fusion-counter-circle .prod-count-content { padding-top: 40%; font-size: 12px; height: 211px; line-height: 25px } #wrapper .circle-charts .fusion-one-fourth .fusion-counter-circle .prod-count-content > div { display: inline-block; vertical-align: middle } #wrapper .circle-charts .fusion-one-fourth .fusion-counter-circle .prod-count-content .prod-display-counter { font-size: 36px; color: #333; margin-bottom: 5px } #wrapper .circle-charts .fusion-one-fourth .fusion-counter-circle .prod-count-content .price-format { font-weight: 700; position: relative; padding-right: 5px; opacity: .8 } #wrapper .circle-charts .fusion-one-fourth .fusion-counter-circle .prod-count-content .price-format:after { content: attr(data-price-format); position: absolute; top: -6px; right: -1px; font-size: 11px } @media only screen and (max-width: 1024px) { .breadcrumbs { padding-top: 40px; padding-bottom: 20px } .breadcrumbs ul li { padding-right: 34px } .filter-item { margin-bottom: 40px } .filter-item .head { padding-bottom: 25px } .filter-item .filter-item-body span { font-size: 12px } .float-part-50 { padding-top: 5px } .float-part-50 .head { padding-bottom: 30px } .radio-box .radio-item label { margin-left: 10px; padding-left: 30px; font-size: 11px } .radio-box .radio-item label:after { top: 4px } .fusion-portfolio-three .fusion-portfolio-post { width: 50% } .prod-stuff table tr th:nth-child(2) { width: 35% } } @media only screen and (min-width: 750px) and (max-width: 1100px) { #wrapper .circle-charts { font-size: 0; text-align: center; margin-top: 70px; margin-bottom: 10px } #wrapper .circle-charts .fusion-one-fourth { width: 45% !important; display: inline-block; vertical-align: top; float: none; margin-bottom: 70px } #wrapper .circle-charts .fusion-one-fourth h3 { font-size: 13px } #wrapper .circle-charts .fusion-one-fourth .fusion-column-wrapper { width: 185px; margin: 0 auto } #wrapper .circle-charts .fusion-one-fourth .prod-count-content { width: 185px; padding-top: 34% !important } #wrapper .circle-charts .fusion-one-fourth canvas { width: 185px !important; height: 185px !important } } @media only screen and (max-width: 650px) { .nicescroll-rails { height: 2px !important; overflow: hidden } .nicescroll-rails > div { background-color: #1e73be; top: -1px !important } #wrapper .breadcrumbs { margin-bottom: 0; padding: 30px 0 0 !important } #wrapper .breadcrumbs li { font-size: 3.5vw; line-height: 4vw; /*padding-right:55px!important;*/ background: transparent url(/img/new-html-img/arr-left-mob.png) 84% 43% no-repeat !important; margin-bottom: 10px } #wrapper .breadcrumbs li:last-child { padding-right: 0; background: 0 0 !important } #wrapper .prod-stuff { overflow-x: scroll; padding-bottom: 75px; margin-bottom: 95px } #wrapper .prod-stuff table { width: 1280px } #wrapper .prod-stuff table caption { font-size: 8vw; line-height: 6vw; padding: 25px 0 } #wrapper .prod-stuff table tr th:nth-child(2) { width: 45% } .filter-box { padding-top: 60px; width: 93% } .filter-box .float-part, .filter-box .float-part-50 { width: 100%; display: inline-block; vertical-align: top } .filter-box .float-part-50 { margin-top: 25px; margin-bottom: 40px } .filter-box .float-part-50:last-child { margin-bottom: 0 } .filter-box .float-part-50 .head { font-size: 22px; margin-bottom: 20px } .filter-box .float-part-50 .radio-box label { font-size: 24px; margin-left: 35px; padding-left: 55px } .filter-box .float-part-50 .radio-box label:before { width: 42px; height: 42px } .filter-box .float-part-50 .radio-box label:after { width: 10px; height: 10px; top: 9px; left: 16px } .filter-box .float-part-50 .radio-box .radio-item:first-child label { margin-left: 0 } .filter-box .filter-item { width: 100%; margin-bottom: 50px } .filter-box .filter-item .head { font-size: 22px; margin-bottom: 15px } .filter-box .filter-item .filter-item-body { border-width: 2px } .filter-box .filter-item .filter-item-body:before { border-width: 2px } .filter-box .filter-item .filter-item-body .arr-nav { border-width: 2px; width: 84px } .filter-box .filter-item .filter-item-body .arr-nav svg { width: 16px; height: 8px } .filter-box .filter-item .filter-item-body span { padding: 31px; font-size: 26px; font-weight: 200; line-height: 24px } .filter-box .filter-item .filter-item-body ul { left: -2px; border: 2px solid #ddd; width: 100.7% } .filter-box .filter-item .filter-item-body ul li { font-size: 22px } .mobile-slider { margin-top: 25px; margin-bottom: 85px } .mobile-slider li { padding: 0 } #wrapper .product-box { padding-top: 25px } #wrapper .product-box .product-content { padding: 0 } #wrapper .product-box .product-content h2 { font-size: 8vw !important; margin-bottom: 35px } #wrapper .product-box .product-content .more { font-size: 3.5vw !important; line-height: 6vw } #wrapper .prod-char { padding: 0 10px; margin-bottom: 22px } #wrapper .prod-char > div { width: 100%; margin: 0 } #wrapper .prod-char > div .prod-char-list tr td { font-size: 4vw !important; line-height: 6vw; width: 45%; padding: 25px 0 25px 10px } #wrapper .prod-char > div .prod-char-list tr td:nth-child(1) { width: 10% !important; vertical-align: middle } #wrapper .prod-char > div .prod-char-list tr td:nth-child(1) img { max-width: 100% } #wrapper .prod-char > div .prod-char-list tr td:nth-child(2) { padding-right: 20px } #wrapper .prod-char > div:nth-child(2) .prod-char-list tr:first-child { border-top: 1px solid #eee } #wrapper .prod-char .prod-links { position: static; width: 100%; margin-bottom: 30px; margin-top: 5px } #wrapper .prod-char .prod-links a { display: inline-block; vertical-align: top } #wrapper .prod-char .prod-links a i { width: 75px; height: 75px } #wrapper .prod-char .prod-links a i:before { font-size: 44.52px; line-height: 73.14px; width: 100%; text-align: center } #wrapper .prod-char .prod-links a:nth-child(2) i:before { position: relative; left: 4px } #wrapper .prod-full-width-content { padding-left: 16px !important } #wrapper .prod-full-width-content h3 { font-size: 7.5vw; line-height: 8vw } #wrapper .circle-charts { display: none; font-size: 0; text-align: center; margin-top: 70px; margin-bottom: 10px } #wrapper .circle-charts .fusion-one-fourth { width: 49% !important; display: inline-block; vertical-align: top; float: none; margin-bottom: 70px } #wrapper .circle-charts .fusion-one-fourth h3 { font-size: 13px } #wrapper .circle-charts .fusion-one-fourth .counter-circle-wrapper { width: 100% !important } #wrapper .circle-charts .fusion-one-fourth .fusion-column-wrapper { width: 185px; margin: 0 auto } #wrapper .circle-charts .fusion-one-fourth .prod-count-content { width: 185px; padding-top: 34% !important } #wrapper .circle-charts .fusion-one-fourth .fusion-counter-circle { width: 100% !important } #wrapper .circle-charts .fusion-one-fourth canvas { width: 185px !important; height: 185px !important } #wrapper .prod-stuff table caption { padding: 25px 0 40px 0 } #wrapper .prod-stuff table tr th { font-size: 3.5vw !important; line-height: 4vw; padding: 11px 45px } #wrapper .prod-stuff table tr th:first-child { padding: 0 35px !important } #wrapper .prod-stuff table tr td { font-size: 4vw !important; line-height: 4vw; padding: 41px 45px 0 } #wrapper .prod-stuff table tr td:first-child { padding: 41px 0 0; text-align: center !important } #wrapper .prod-stuff table tr:nth-child(3) td { padding: 20px 45px 0 } #wrapper .prod-stuff table tr:nth-child(3) td:first-child { padding: 20px 0 0; text-align: center } #wrapper .prod-stuff table tr:nth-child(4) td { padding: 10px 45px 0 } #wrapper .prod-stuff table tr:nth-child(4) td:first-child { padding: 10px 0 0; text-align: center } } @media only screen and (max-width: 650px) { #wrapper .width-100#main { padding-left: 0 !important; padding-right: 0 !important } } @media only screen and (max-width: 1100px) { .fusion-layout-column.fusion-spacing-yes { width: 45% !important; vertical-align: top; float: none; display: inline-block } } @media only screen and (max-width: 400px) { #wrapper .prod-char .prod-links a i { width: 12vw; height: 12vw } #wrapper .prod-char .prod-links a i:before { font-size: 26px; line-height: 45.14px } #wrapper .circle-charts { font-size: 0; text-align: center } #wrapper .circle-charts .fusion-one-fourth { width: 49% !important; display: inline-block; vertical-align: top; float: none } #wrapper .circle-charts .fusion-one-fourth .fusion-column-wrapper { width: 135px; margin: 0 auto } #wrapper .circle-charts .fusion-one-fourth .prod-count-content { width: 135px; padding-top: 33% !important } #wrapper .circle-charts .fusion-one-fourth canvas { width: 135px !important; height: 135px !important } } .info-icon { cursor: pointer; width: 20px; height: 20px; display: inline-block; vertical-align: middle; position: relative } .info-icon svg { width: 100%; height: 100%; cursor: pointer; display: block } .fusion-column-wrapper .info-icon { top: -1px } @media only screen and (max-width: 650px) { .fusion-column-wrapper .info-icon { top: -1px } } .prod-char-list .info-icon { top: -2px } @media only screen and (max-width: 650px) { .prod-char-list .info-icon { top: -5px } } #popup-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000; background-color: rgba(0, 0, 0, .85) } #popup-overlay .popup-item { position: absolute; width: 550px; height: 25%; left: 0; top: 0; right: 0; bottom: 0; margin: auto } .popup-item { background-color: rgba(255, 255, 255, .8); padding: 25px } .popup-item .p-head { font-size: 34px; font-family: RalewayLight; margin-bottom: 20px; color: #333 } .popup-item .p-close { position: absolute; top: 5px; right: 5px; height: 25px; width: 25px; cursor: pointer } .popup-item .p-close:after, .popup-item .p-close:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 100%; height: 2px; background-color: #333 } .popup-item .p-close:after { transform: rotate(45deg) } .popup-item .p-close:before { transform: rotate(-45deg) } .popup-item .p-body { line-height: 24px; font-family: Arial; font-weight: 400; font-size: 14px } a.filter-delete { font-size: 12px; color: #333; text-decoration: none; font-family: RalewayLight; display: inline-block; margin-left: 10px; position: absolute } a.filter-delete:after { position: absolute; font-family: icomoon; content: '\f105'; font-size: 14px; padding-left: 5px } a.filter-delete:hover:after { color: #67b7e1 } @media only screen and (max-width: 650px) { a.filter-delete { font-size: 27px; color: #333; text-decoration: none; font-family: RalewayLight; display: block; margin-left: 0; position: relative; top: 43px } a.filter-delete:after { font-size: 20px } } .content-head { width: 85%; margin: 0 auto 35px; font-family: RalewayLight; font-size: 34px; color: #333 } @media only screen and (max-width: 480px) { .content-head { width: 96%; margin: 15px auto 19px; line-height: 32px; } } .content-wrapper { width: 85%; margin: 0 auto } @media only screen and (max-width: 480px) { .content-wrapper { width: 100% } } .master-item { width: 100% } .master-item table { width: 100% } .master-item table tr td { width: 40%; font-family: RalewayRegular; color: #333; vertical-align: middle; padding: 40px 0; border-bottom: 1px solid #e6e6e6 } .master-item table tr td:first-child { width: 60% } @media only screen and (max-width: 1170px) { .master-item table tr td { display: block; width: 100% !important; border-bottom: 0 } .master-item table tr td:nth-child(1) { padding: 30px 0 15px } .master-item table tr td:nth-child(2) { padding: 15px 0 30px } } @media only screen and (max-width: 650px) { .master-item table tr td { display: block; width: 100%; border-bottom: 0 } .master-item table tr td:nth-child(1) { padding: 30px 0 15px } .master-item table tr td:nth-child(2) { padding: 15px 0 30px } } @media only screen and (max-width: 1170px) { .master-item table tr { border-bottom: 1px solid #e6e6e6 } } .master-slider { width: 100%; margin: 0 auto; border: 1px solid #ddd; padding: 5px 25px; position: relative } @media only screen and (max-width: 400px) { .master-slider { height: 200px !important } } .master-slider .owl-carousel { max-width: 21.5rem !important } .master-slider .next, .master-slider .prev { position: absolute; top: 0; bottom: 0; margin: auto; width: 25px; height: 25px; cursor: pointer } .master-slider .next svg, .master-slider .prev svg { width: 100%; height: 100%; cursor: pointer } .master-slider .prev { left: 0 } .master-slider .next { right: 0 } .master-slider .owl-carousel .owl-controls { display: none } .master-slider .owl-carousel .item { height: 100px !important } @media only screen and (max-width: 400px) { .master-slider .owl-carousel .item { height: 200px !important } } .master-slider ul { margin: 0 } .master-slider li { width: 115px !important } @media only screen and (max-width: 400px) { .master-slider li { width: 200px !important } } .master-slider .bx-controls-direction a { background: 0 0; width: 25px !important; height: 25px !important } @media only screen and (max-width: 650px) { .master-slider .bx-controls-direction a { width: 40px !important; height: 40px !important } } .master-slider .bx-controls-direction svg { display: block; margin: 0 auto; width: 100%; height: 100% } .master-slider .bx-controls-direction .bx-prev { left: -26px !important } @media only screen and (max-width: 1024px) { .master-slider .bx-controls-direction .bx-prev { left: -24px !important } } @media only screen and (max-width: 650px) { .master-slider .bx-controls-direction .bx-prev { left: -42px !important } } .master-slider .bx-controls-direction .bx-next { right: -26px !important } @media only screen and (max-width: 1024px) { .master-slider .bx-controls-direction .bx-next { right: -28px !important } } @media only screen and (max-width: 650px) { .master-slider .bx-controls-direction .bx-next { right: -42px !important } } .master-foto { float: left; width: 90px; margin-right: 20px } .master-foto img { display: block; max-width: 100%; margin: 0 auto } @media only screen and (max-width: 480px) { .master-foto { float: none; width: 100%; margin-bottom: 20px } .master-foto img { display: block; width: 100%; margin: 0 auto } } @media only screen and (max-width: 480px) { .master-mobile-padd { padding: 0 20px; width: 100% } } .master-box { font-size: 0 } .master-head { font-size: 20px; margin-bottom: 3px; font-family: RalewayRegular !important } @media only screen and (max-width: 480px) { .master-head { padding: 0 20px; width: 100% } } @media only screen and (min-width: 1000px) { .master-about { display: none } } .master-about h2 { margin-bottom: 0 } .master-about .master-about-txt { padding-bottom: 25px; font-family: RalewayRegular !important } @media only screen and (max-width: 480px) { .master-about { padding: 0 20px; width: 100% } } .master-stuff { font-size: 14px; margin-bottom: 3px; font-family: RalewayRegular !important } @media only screen and (max-width: 480px) { .master-stuff { padding: 0 20px; width: 100% } } .master-geo { font-size: 14px; margin-bottom: 3px; font-family: RalewayRegular !important } @media only screen and (max-width: 480px) { .master-geo { padding: 0 20px; width: 100% } } #wrapper .master-links > * { display: inline-block; vertical-align: middle; margin-right: 15px } #wrapper .master-links > * span { color: #333; text-decoration: underline } #wrapper .master-links > * span:first-child { text-decoration: none; color: #1e73be; font-weight: 700 } #wrapper .master-links .master-call { font-family: RalewayBlack; font-size: 12px; text-transform: uppercase; color: #fff; background-color: #1e73be; text-align: center; min-width: 110px; padding: 3px 10px } #wrapper .master-links .master-rate { font-family: RalewayRegular !important } #wrapper .master-links .master-rate span { text-decoration: none } #wrapper .master-links .master-recal { font-family: RalewayRegular !important } @media only screen and (max-width: 480px) { #wrapper .master-links { padding: 0 20px; width: 100% } } .master-detail-padd-right { padding-right: 50px } @media only screen and (max-width: 480px) { .master-detail-padd-right { padding-right: 20px } } .stars { width: 105px; font-size: 0; display: inline-block; vertical-align: middle; text-align: left } .stars input.star { display: none } .stars label.star { float: right; padding: 2px; font-size: 18px; color: #1e73be; transition: all .2s } .stars input.star:checked ~ label.star:before { content: '\f005'; color: #1e73be; transition: all .25s } .stars input.star-5:checked ~ label.star:before { color: #fe7 } .stars input.star-1:checked ~ label.star:before { color: #f62 } .stars label.star:before { content: '\f006'; font-family: FontAwesome } .pager { width: 85%; margin: 40px auto 0 } @media only screen and (max-width: 480px) { .pager { width: 90% } } .pager ul { list-style: none; font-size: 0; padding: 0 } .pager ul li { display: inline-block; vertical-align: top; border: 1px solid #ededed; background-color: #fff; width: 55px; padding: 15px 0; text-align: center; margin-right: 20px; -webkit-transition: all .3s ease-in-out .3s; -moz-transition: all .3s ease-in-out .3s; -ms-transition: all .3s ease-in-out .3s; -o-transition: all .3s ease-in-out .3s; transition: all .3s ease-in-out .3s } .pager ul li a { display: block; color: #a0a0a0; text-decoration: none; font-size: 16px; -webkit-transition: all .3s ease-in-out .3s; -moz-transition: all .3s ease-in-out .3s; -ms-transition: all .3s ease-in-out .3s; -o-transition: all .3s ease-in-out .3s; transition: all .3s ease-in-out .3s } .pager ul li.active, .pager ul li:hover { border: 1px solid #1e73be; background-color: #1e73be } .pager ul li.active a, .pager ul li:hover a { color: #fff } .pager ul li.dots { border: 0 !important; background: 0 0 !important; color: #a0a0a0; font-size: 16px; width: 20px } @media only screen and (max-width: 480px) { .pager ul { text-align: center } .pager ul li { display: inline-block; vertical-align: top; border: 1px solid #ededed; background-color: #fff; width: 40px; padding: 9px 0; text-align: center; margin-right: 10px; -webkit-transition: all .3s ease-in-out .3s; -moz-transition: all .3s ease-in-out .3s; -ms-transition: all .3s ease-in-out .3s; -o-transition: all .3s ease-in-out .3s; transition: all .3s ease-in-out .3s } .pager ul li a { display: block; color: #a0a0a0; text-decoration: none; font-size: 16px; -webkit-transition: all .3s ease-in-out .3s; -moz-transition: all .3s ease-in-out .3s; -ms-transition: all .3s ease-in-out .3s; -o-transition: all .3s ease-in-out .3s; transition: all .3s ease-in-out .3s } .pager ul li.active, .pager ul li:hover { border: 1px solid #1e73be; background-color: #1e73be } .pager ul li.active a, .pager ul li:hover a { color: #fff } .pager ul li.dots { border: 0 !important; background: 0 0 !important; color: #a0a0a0; font-size: 16px; width: 20px } } .loade-more { text-transform: uppercase; text-align: center; font-family: RalewayBold; font-size: 14px; font-weight: 700; width: 100%; padding: 15px 0; background-color: #ebeaea; color: #333; cursor: pointer } #wrapper .master-box .master-info { padding-right: 50px } @media only screen and (min-width: 1170px) { #wrapper .master-box .master-info { position: relative } #wrapper .master-box .master-info:after { content: ''; position: absolute; top: 0; right: 50px; width: 1px; height: 100%; border-right: 1px solid #e6e6e6 } } @media only screen and (max-width: 480px) { #wrapper .master-box .master-info { padding-right: 20px } } #wrapper .master-box .master-info .master-head { margin-top: 40px } #wrapper .master-box .master-info .master-foto { width: 140px } #wrapper .master-box .master-info .master-foto img { width: 100% } #wrapper .master-box .master-contacts { width: 30%; display: inline-block; vertical-align: top } #wrapper .master-box .master-contacts .master-rate { font-size: 16px; margin-bottom: 15px } #wrapper .master-box .master-contacts .master-recal { font-size: 16px; display: block; margin-bottom: 15px } #wrapper .master-box .master-contacts .master-recal span:first-child { font-size: 20px } #wrapper .master-box .master-contacts .master-call { font-size: 18px; min-width: 198px; padding: 13px 10px } @media only screen and (max-width: 1170px) { #wrapper .master-box .master-contacts { padding-top: 15px; width: 100%; font-size: 14px } #wrapper .master-box .master-contacts .master-links .master-call { clear: both } } @media only screen and (max-width: 650px) { #wrapper .master-box .master-info { width: 100%; padding: 0 } #wrapper .master-box .master-info .master-foto { width: 100%; padding: 0; margin-bottom: 25px } #wrapper .master-box .master-info .master-foto img { width: 100% } #wrapper .master-box .master-info .master-head { font-size: 6vw; margin-bottom: 15px } #wrapper .master-box .master-info .master-stuff { margin-bottom: 15px; font-size: 4vw } #wrapper .master-box .master-info .master-geo { margin-bottom: 15px; font-size: 4vw } #wrapper .master-box .master-contacts .master-links span { font-size: 5vw } #wrapper .master-box .master-contacts .master-links span:first-child { font-size: 6vw } #wrapper .master-box .master-contacts .master-links .master-rate { margin-bottom: 25px } #wrapper .master-box .master-contacts .master-links .master-rate .stars { width: 185px } #wrapper .master-box .master-contacts .master-links .master-rate .stars .star { font-size: 35px } #wrapper .master-box .master-contacts .master-links .master-recal { margin-bottom: 25px } #wrapper .master-box .master-contacts .master-links .master-call { top: 200%; font-size: 6vw; padding: 36px 10px; min-width: 172px; width: 65% } } #wrapper .master-box .master-about { display: block; padding-right: 50px } @media only screen and (max-width: 480px) { #wrapper .master-box .master-about { padding-right: 20px } } #wrapper .master-box .master-about .master-about-txt { font-size: 14px; line-height: 25px; text-align: justify } @media only screen and (max-width: 1170px) { #wrapper .master-box .master-about { width: 100% !important } } @media only screen and (max-width: 650px) { #wrapper .master-box .master-about { padding-right: 0; padding-left: 0 } #wrapper .master-box .master-about h2, #wrapper .master-box .master-about .h2 { font-size: 6vw } #wrapper .master-box .master-about .master-about-txt { font-size: 4vw; line-height: 6vw } } @media only screen and (max-width: 650px) { #wrapper .master-box .master-about .master-slider { padding: 5px 40px; border-width: 2px; border-left: 0; border-right: 0 } #wrapper .master-box .master-about .master-slider li { width: 253px !important; overflow: hidden } #wrapper .master-box .master-about .master-slider li img { width: 100%; display: block } } #wrapper .master-box .master-about, #wrapper .master-box .master-conacts, #wrapper .master-box .master-info, #wrapper .master-box .masters-else { display: inline-block; vertical-align: top } #wrapper .master-box .masters-else { width: 30% } @media only screen and (max-width: 1170px) { #wrapper .master-box .masters-else { width: 100% !important } } #wrapper .master-box .masters-else .master-geo, #wrapper .master-box .masters-else .master-stuff { font-size: 12px } #wrapper .master-box .masters-else .master-head { font-family: RalewayRegular !important; margin-top: 5px } #wrapper .master-box .masters-else .master-head a { font-size: 18px } #wrapper .master-box .master-about { width: 70%; margin-top: 25px } #wrapper .master-box .master-about h2, #wrapper .master-box .master-about .h2 { font-family: RalewayRegular; margin-bottom: 15px } #wrapper .master-box .master-recal-list { font-size: 14px; margin-top: 45px; position: relative } #wrapper .master-box .master-recal-list .add-recal { position: absolute; right: 0; top: -8px } @media only screen and (max-width: 650px) { #main.master-page .m-650-padd { padding-left: 5%; padding-right: 5% } #main.master-page .hundred-percent-fullwidth { margin-left: 0 !important; margin-right: 0 !important } #main.master-page .content-wrapper { width: 100% } #main.master-page .content-head { width: 95%; margin: 35px auto; font-size: 8vw } #main.master-page .master-head { padding-left: 5%; padding-right: 5% } #main.master-page .master-stuff { padding-left: 5%; padding-right: 5% } #main.master-page .master-geo { padding-left: 5%; padding-right: 5% } #main.master-page .master-links { padding-left: 5%; padding-right: 5% } #main.master-page .master-about .master-about-txt, #main.master-page .master-about h2 { padding-left: 5%; padding-right: 5% } #main.master-page .master-recal-list { padding-left: 5%; padding-right: 5% } #main.master-page .master-recal-list h2 { padding-left: 0; padding-right: 0 } #main.master-page .master-recal-list .add-recal { font-size: 4.5vw; padding: 25px 10px; top: -22px; width: 60% } } .add-recal { font-family: RalewayBlack; font-size: 14px; text-transform: uppercase; color: #fff; background-color: #1e73be; text-align: center; min-width: 181px; padding: 12px 10px; display: inline-block } .recal-item { font-size: 0; font-family: RalewayRegular; padding: 15px 0; color: #333 } .recal-item > * { display: inline-block; vertical-align: top } @media only screen and (max-width: 480px) { .recal-item > * { display: block; width: 100% !important } } .recal-item .customer { width: 20% } @media only screen and (max-width: 650px) { .recal-item .customer { font-size: 4vw; line-height: 6vw; width: 100% } } .recal-item .customer .name { font-size: 13px } .recal-item .customer .date { font-size: 12px } @media only screen and (max-width: 650px) { .recal-item .customer .date, .recal-item .customer .name { font-size: 3.5vw; line-height: 5vw; width: 100% } } .recal-item .recal-text { width: 80%; font-size: 15px; line-height: 26px; text-align: justify; font-family: RalewayRegular } @media only screen and (max-width: 650px) { .recal-item .recal-text { font-size: 4vw; line-height: 6vw; width: 100% } } @media only screen and (max-width: 1170px) { #wrapper .masters-else { padding-top: 20px } } #wrapper .masters-else h2 { font-size: 20px; font-family: RalewayRegular; color: #333 } @media only screen and (max-width: 650px) { #wrapper .masters-else h2 { padding: 20px 20px 0; font-size: 6.4vw !important; margin-bottom: 20px } } #wrapper .masters-else .masters-else-item { margin-bottom: 25px; overflow: hidden; display: block; float: none; clear: both } @media only screen and (max-width: 1170px) { #wrapper .masters-else .masters-else-item { width: 50% !important; float: left; clear: none; padding-right: 15px } } @media only screen and (max-width: 650px) { #wrapper .masters-else .masters-else-item { width: 100% !important; float: none; clear: both; margin-bottom: 0; padding: 20px 20px } #wrapper .masters-else .masters-else-item .master-foto { width: 180px; float: left } #wrapper .masters-else .masters-else-item .master-foto img { width: 100% } #wrapper .masters-else .masters-else-item .master-head { margin-top: 15px } #wrapper .masters-else .masters-else-item .master-head a { font-size: 6vw; line-height: 7vw } #wrapper .masters-else .masters-else-item .master-stuff { font-size: 3.7vw; line-height: 4vw } #wrapper .masters-else .masters-else-item .master-geo { font-size: 3.7vw; line-height: 4vw } } .master-info { width: 70% } .master-conacts { width: 30%; font-size: 14px } @media only screen and (max-width: 480px) { #main .page-master .fullwidth-box, #main .page-master .fusion-section-separator, #main .page-masters .fullwidth-box, #main .page-masters .fusion-section-separator { padding-left: 0 !important; padding-right: 0 !important; margin: 0 auto !important } #main .page-master { margin-top: 50px } } @media screen and (min-width: 1600px) { img.attachment-full.wp-post-image { height: 364px } } @media screen and (min-width: 1400px) and (max-width: 1599px) { img.attachment-full.wp-post-image { height: 215px } } @media screen and (min-width: 1200px) and (max-width: 1399px) { img.attachment-full.wp-post-image { height: 215px } } @media screen and (min-width: 1000px) and (max-width: 1199px) { img.attachment-full.wp-post-image { height: 257px } } @media screen and (min-width: 800px) and (max-width: 999px) { img.attachment-full.wp-post-image { height: 385px } } @media screen and (min-width: 640px) and (max-width: 799px) { img.attachment-full.wp-post-image { height: 300px } } @media screen and (max-width: 1023px) { #main.masters-page .breadcrumbs { width: 90% } #main.masters-page .content-wrapper { width: 90% } #main.masters-page .filter-box { width: 90% } #main.masters-page .content-head { width: 90% } #main.masters-page .content-head .filter-box { width: 95% } #main.masters-page .content-head .filter-box .fullwidth-box { margin-left: 0 !important; margin-right: 0 !important } #main.masters-page .masters-items .master-item .master-foto { margin-bottom: 25px } #main.masters-page .masters-items .master-item .master-links { margin-bottom: 50px; display: block; clear: both; position: relative } #main.masters-page .masters-items .master-item .master-links .master-call { position: absolute; top: 150%; font-size: 18px; padding: 13px 10px; min-width: 172px } #main.masters-page .masters-items .master-item .master-links span { font-size: 16px } #main.masters-page .masters-items .master-item .master-links span:first-child { font-size: 20px } } @media screen and (max-width: 650px) { #main.masters-page .padd-650 { padding-left: 5%; padding-right: 5% } #main.masters-page .content-wrapper { width: 100% } #main.masters-page .filter-box { width: 90% } #main.masters-page .content-head { width: 90% } #main.masters-page .content-head .filter-box { width: 95% } #main.masters-page .content-head .filter-box .fullwidth-box { margin-left: 0 !important; margin-right: 0 !important } #main.masters-page .masters-items .master-item .master-slider { padding: 5px 40px; border-width: 2px; border-left: 0; border-right: 0 } #main.masters-page .masters-items .master-item .master-slider li { width: 253px !important; overflow: hidden } #main.masters-page .masters-items .master-item .master-slider li img { width: 100%; display: block } #main.masters-page .masters-items .master-item td:first-child { padding-left: 5%; padding-right: 5% } #main.masters-page .masters-items .master-item .master-foto { width: 180px; margin-bottom: 35px } #main.masters-page .masters-items .master-item .master-foto img { width: 100% } #main.masters-page .masters-items .master-item .master-head { font-size: 6vw; line-height: 6vw; margin-bottom: 15px } #main.masters-page .masters-items .master-item .master-stuff { font-size: 4vw; margin-bottom: 15px } #main.masters-page .masters-items .master-item .master-geo { font-size: 4vw; margin-bottom: 15px } #main.masters-page .masters-items .master-item .master-links { margin-bottom: 130px; display: block; clear: both; position: relative } #main.masters-page .masters-items .master-item .master-links > * { vertical-align: top } #main.masters-page .masters-items .master-item .master-links .master-call { position: absolute; top: 200%; font-size: 6vw; padding: 36px 10px; min-width: 172px; width: 65% } #main.masters-page .masters-items .master-item .master-links span { font-size: 5vw } #main.masters-page .masters-items .master-item .master-links span:first-child { font-size: 6vw } } @media screen and (max-width: 480px) { #main.masters-page .padd-480 { padding: 0 } #main.masters-page .masters-items .master-item .master-slider li { width: 200px !important } #main.masters-page .masters-items .master-item .master-foto { margin-bottom: 25px } #main.masters-page .masters-items .master-item .master-foto img { width: 100% } #main.masters-page .masters-items .master-item .master-head { font-size: 6vw; line-height: 6vw; margin-bottom: 15px; padding: 0 } #main.masters-page .masters-items .master-item .master-stuff { padding: 0; font-size: 4vw; margin-bottom: 15px } #main.masters-page .masters-items .master-item .master-geo { font-size: 4vw; margin-bottom: 15px; padding: 0 } #main.masters-page .masters-items .master-item .master-links { padding: 0 } } .popups { position: fixed; z-index: 999999999999999; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5) } .popups .popup-win { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 80%; height: 80%; background-color: #fff; padding: 0 0 50px } @media screen and (min-width: 1171px) { .popups .popup-win { width: 540px; height: 740px } } @media screen and (max-width: 650px) { .popups .popup-win { padding: 0 0 40px; width: 100%; height: 100% } } .popups .popup-win .close { cursor: pointer; position: absolute; top: 0; right: 0; background-color: #1e73be; width: 40px; height: 40px; opacity: 1; padding: 11px 12px } .popups .popup-win .close svg { cursor: pointer; width: 100%; height: 100%; stroke-width: 1px; fill: #fff } .popup-form { overflow-x: hidden; overflow-y: auto; height: 100%; padding: 50px 50px 0 } @media screen and (max-width: 650px) { .popup-form { padding: 40px 40px 0 } } .popup-form input, .popup-form textarea { border: 0; background: 0 0; width: 100%; outline: 0; color: #333; font-size: 13px } .popup-form label { text-transform: uppercase; font-family: Arial; font-weight: 700; color: #aaa; margin-bottom: 10px; display: block; font-size: 11px; letter-spacing: 1px } @media screen and (max-width: 650px) { .popup-form label { margin-bottom: 5px } } .popup-form .input-info { color: #aaa; font-family: Arial; font-size: 12px; line-height: 15px; margin-top: 3px } .popup-form .input { width: 100%; margin-bottom: 27px } @media screen and (max-width: 650px) { .popup-form .input { margin-bottom: 15px } } .popup-form .input input { border: 1px solid #ddd; padding: 13px 10px; text-transform: uppercase } .popup-form .input.error input { border: 1px solid #ff4646 } .popup-form .textarea textarea { border: 1px solid #ddd; padding: 13px 10px; resize: none; height: 82px } .popup-form .textarea.error textarea { border: 1px solid #ff4646 } .popup-form .btn { margin-top: 25px; display: block; background-color: #1e73be; padding: 13px 0; width: 100%; text-align: center; font-size: 18px; font-family: RalewayBlack; max-width: 270px; color: #fff; text-transform: uppercase } @media screen and (max-width: 1170px) { #main.master-page .content-head { width: 92%; margin: 0 auto 35px; font-family: RalewayLight; font-size: 34px; color: #333 } #main.master-page .breadcrumbs { width: 92%; margin: 0 auto; padding-top: 60px; padding-bottom: 30px } } @media only screen and (max-width: 480px) { #wrapper #main #content .filter-box .float-part-50 { margin-top: 3vw; margin-bottom: 3vw } #wrapper #main #content .filter-box .float-part-50 .radio-box label { font-size: 3.5vw } #wrapper #main #content .filter-box .float-part-50 .radio-box label:before { width: 7vw; height: 7vw } #wrapper #main #content a.filter-delete { font-size: 4vw !important } } .filter-item .filter-item-body ul { overflow-y: auto; max-height: 200px; } .filter-item .filter-item-body { background-color: #fff; } .fusion-recent-works-1 .fusion-portfolio-wrapper .fusion-col-spacing { padding: 0px; } .advantages-icons { display: flex; flex-direction: row; } .mob-dis { display: none; } @media (max-width: 900px) { .fusion-modal .modal-dialog { width: 100% !important; margin: 30px auto !important; } } @media (max-width: 639px) { .product-list-text .img-wrapper { width: 150px !important; } .top_img_desc a { display: none !important; } .mob-dis { display: flex; flex-direction: column; align-items: center; width: 100%; } .mob-dis a { display: block; background-color: #4F68DC; color: white; text-align: center; margin-top: -30px; margin-bottom: 10px; padding: 10px 0 9px; font-size: 19px; width: 260px; } .advantages-icons { justify-content: center; } .advantages-icons .content-container { flex-direction: column; width: 31.33% !important; height: 100% !important; margin: 10px !important; } .advantages-icons .content-container .first_cell { width: 100%; } .advantages-icons .content-container .second_cell { width: 100%; text-align: center; } .post-content .fusion-recent-works-1 .fusion-portfolio-wrapper.product__list--functions .fusion-col-spacing { padding: 0px; position: relative !important; width: 100%; height: unset !important; left: unset !important; top: unset !important; } .fusion-recent-works-1 .fusion-portfolio-wrapper .fusion-col-spacing { padding: 0px; position: relative !important; width: 100%; height: 100%; left: unset !important; top: unset !important; } .fusion-portfolio-wrapper a { position: unset !important; left: unset !important; top: unset !important; } } .fusion-portfolio-wrapper a { max-height: 200px; } .fusion-portfolio-wrapper { min-height: 400px !important; } .ilightbox-holder { left: 50% !important; top: 50% !important; } .ilightbox-social { display: none !important; } .ilightbox-toolbar { display: none !important; } .ilightbox-thumbnails.ilightbox-vertical .ilightbox-thumbnails-grid { top: 0 !important; } .ilightbox-thumbnails.ilightbox-vertical { height: 100% !important; } .gallery-popup { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.95); z-index: 1000; justify-content: center; align-items: center; flex-direction: column; } .gallery-popup.active { display: flex; } .gallery-main-image-container { flex: 1; display: flex; justify-content: center; align-items: center; width: 100%; padding: 20px; max-height: calc(100vh - 160px); } .gallery-main-image { max-width: 100%; max-height: 100%; object-fit: contain; } .gallery-thumbnails-container { width: 100%; height: 140px; background: rgba(0, 0, 0, 0.7); border-top: 1px solid rgba(255, 255, 255, 0.2); display: flex; justify-content: center; align-items: center; padding: 10px 0; } .gallery-thumbnails { display: flex; overflow-x: auto; overflow-y: hidden; padding: 10px; height: 100%; max-width: 100%; scrollbar-width: thin; scrollbar-color: #666 transparent; } .gallery-thumbnails::-webkit-scrollbar { height: 6px; } .gallery-thumbnails::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.1); border-radius: 3px; } .gallery-thumbnails::-webkit-scrollbar-thumb { background: #666; border-radius: 3px; } .gallery-thumbnails::-webkit-scrollbar-thumb:hover { background: #888; } .gallery-thumbnail { width: 100px; height: 100px; margin-right: 10px; cursor: pointer; object-fit: cover; border: 2px solid transparent; border-radius: 4px; transition: all 0.3s ease; opacity: 0.6; flex-shrink: 0; } .gallery-thumbnail:hover { opacity: 0.9; transform: scale(1.05); } .gallery-thumbnail.active { border-color: #fff; opacity: 1; transform: scale(1.05); } .gallery-close { position: absolute; top: 20px; right: 30px; color: white; font-size: 40px; font-weight: bold; cursor: pointer; transition: color 0.3s; z-index: 1001; background: rgba(0, 0, 0, 0.5); width: 50px; height: 50px; border-radius: 50%; display: flex; justify-content: center; align-items: center; line-height: 1; } .gallery-close:hover { color: #ff6b6b; background: rgba(0, 0, 0, 0.7); } .gallery-nav { position: absolute; top: 50%; transform: translateY(-50%); color: white; font-size: 50px; cursor: pointer; user-select: none; padding: 20px; z-index: 1001; transition: all 0.3s; background: rgba(0, 0, 0, 0.3); border-radius: 50%; width: 60px; height: 60px; display: flex; justify-content: center; align-items: center; line-height: 1; } .gallery-prev { left: 20px; } .gallery-next { right: 20px; } .gallery-nav:hover { color: #ff6b6b; background: rgba(0, 0, 0, 0.6); } .gallery-counter { position: absolute; top: 30px; left: 50%; transform: translateX(-50%); color: white; font-size: 18px; background: rgba(0, 0, 0, 0.5); padding: 8px 20px; border-radius: 20px; backdrop-filter: blur(5px); } /* Для оригинальных изображений на странице */ .img-responsive { cursor: pointer; transition: transform 0.3s; max-width: 100%; height: auto; } .img-responsive:hover { transform: scale(1.02); } /* Адаптивность для очень маленьких экранов */ @media (max-width: 480px) { .gallery-main-image-container { padding: 10px; max-height: calc(100vh - 130px); } .gallery-thumbnails-container { height: 110px; } .gallery-thumbnail { width: 80px; height: 80px; margin-right: 8px; } .gallery-nav { width: 50px; height: 50px; font-size: 30px; padding: 15px; } .gallery-prev { left: 10px; } .gallery-next { right: 10px; } .gallery-close { top: 15px; right: 15px; width: 40px; height: 40px; font-size: 30px; } .gallery-counter { top: 25px; font-size: 16px; padding: 6px 15px; } } .fusion-portfolio-post .fusion-portfolio-content-wrapper .fusion-image-wrapper { padding-bottom: 0 !important; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; } img.attachment-full.wp-post-image { width: 100%; } .fusion-portfolio-content-wrapper { height: 100%; } .post-content .fusion-recent-works-1 .fusion-portfolio-wrapper .fusion-image-wrapper img { border-top: 1px solid; border-right: 1px solid; border-left: 1px solid; } .fusion-recent-works-1 .fusion-portfolio-wrapper .fusion-image-wrapper img { height: 100% !important; object-fit: cover; object-position: center center; width: 100%; min-height: 0px; } .post-content .fusion-recent-works-1 .fusion-portfolio-wrapper .fusion-image-wrapper img { height: 100% !important; } @media screen and (max-width: 639px) { .fusion-recent-works-1 .fusion-portfolio-wrapper .fusion-image-wrapper img { position: relative; left: unset; top: unset; } .fusion-portfolio-post .fusion-portfolio-content-wrapper .fusion-image-wrapper { border-bottom: 1px solid; } } @media (max-width: 639px) { .fusion-recent-works-1 .fusion-portfolio-wrapper .fusion-image-wrapper img { position: relative; left: unset; top: unset; } .fusion-portfolio-post .fusion-portfolio-content-wrapper .fusion-image-wrapper { border-bottom: 1px solid; } .fusion-portfolio-wrapper { height: unset !important; } .fusion-portfolio-wrapper a { max-height: unset !important; } .fusion-recent-works-1 .fusion-portfolio-wrapper .fusion-image-wrapper img { height: 100% !important; } } .fusion-image-wrapper:hover .fusion-rollover { display: none !important; } /* End */ /* Start:/local/templates/main/components/bitrix/catalog/catalog/bitrix/news.detail/products/style.css?176465986951848*/ /* item_detail_v2 */ .bx_item_detail .bx_item_title { padding-bottom: 14px; /* border-bottom:1px solid #e5e5e5; */ margin-bottom: 16px; min-height: 24px } .bx_item_detail .bx_item_title h1 { font-size: 41px; line-height: 31px; border-bottom: 0 none transparent; margin-bottom: 0; padding-bottom: 0; } .bx_item_detail h1 span { color: #000 } .bx_item_detail .bx_item_container { z-index: 10; position: relative; } .bx_item_detail .bx_item_container .bx_lt { float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: 2%; width: 38%; } .bx_item_detail .bx_item_container .bx_rt { float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: 2%; width: 58%; padding-top: 40px; } .bx_item_detail .bx_item_container .bx_md { clear: both } .bx_item_detail .bx_item_container .bx_lb { float: left; margin-right: 2%; width: 48%; } .bx_item_detail .bx_item_container .bx_rb { float: right; margin-left: 2%; width: 48%; } .bx_item_detail .bx_optionblock { float: right; margin-left: 10px; width: 120px; } /* Item info */ .bx_item_detail .item_price { margin-bottom: 20px } .bx_item_detail .item_name { margin: 0; padding: 0; } .bx_item_detail .item_name a { color: #000; text-decoration: none; font-size: 23px; } .bx_item_detail .item_old_price { padding: 0 10px; color: #b8b8b8; text-decoration: line-through; font-weight: bold; font-size: 15px; } .bx_item_detail .item_current_price { display: inline-block; margin-top: 2px; padding: 0 10px; border-bottom: 1px solid #e6e6e6; background: #f8f5ab; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjVhYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYmY5Y2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f5ab), color-stop(100%, #fbf9cb)); background: -webkit-linear-gradient(top, #f8f5ab 0%, #fbf9cb 100%); background: -moz-linear-gradient(top, #f8f5ab 0%, #fbf9cb 100%); background: -ms-linear-gradient(top, #f8f5ab 0%, #fbf9cb 100%); background: -o-linear-gradient(top, #f8f5ab 0%, #fbf9cb 100%); background: linear-gradient(to bottom, #f8f5ab 0%, #fbf9cb 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f5ab', endColorstr='#fbf9cb', GradientType=0); color: #cf1515; font-weight: bold; font-size: 21px; line-height: 33px; } .bx_item_detail .item_economy_price { display: inline-block; padding: 0 0 0 10px; color: #b8b8b8; font-weight: bold; font-size: 14px; line-height: 33px; } .bx_item_detail .item_info_section { margin: 0 0 20px 0; /* padding:0 0 0 10px; */ font-size: 13px; line-height: 19px; } .bx_item_detail .item_section_name_gray { color: #9e9e9e; font-size: 13px; } .bx_item_detail .item_info_section dl { margin-bottom: 20px; overflow: hidden; padding: 0; } .bx_item_detail .item_info_section dl dt { clear: both; float: left; font-weight: bold; } .bx_item_detail .item_info_section dl dd { float: left; margin: 0 5px; } .bx_item_detail .item_buttons_counter_block { display: inline-block; margin-right: 10px; vertical-align: baseline; color: #3f3f3f; font-size: 13px; text-align: left; } .bx_item_detail .item_buttons_counter_block a { vertical-align: baseline; } .bx_item_detail .bx_cnt_desc { vertical-align: baseline; } /* Item SET */ .bx_item_detail .transparent_input { border: none; background: none; color: #000; font-weight: bold; font-size: 14px; display: inline-block; width: 60px; text-align: center; } /*tab-section-container*/ .bx_item_detail .tab-section-container { position: relative; } .bx_item_detail .tab-list { padding: 0; border-bottom: 1px solid #d9e1e3; vertical-align: bottom; text-align: left; } .bx_item_detail .tab-list li { display: inline-block; border: 1px solid #d9e1e3; border-bottom: none; border-radius: 3px 3px 0 0; background: #f7f7f7; box-shadow: inset 0 -10px 5px -10px rgba(0, 0, 0, .12); vertical-align: bottom; } .bx_item_detail .tab-list li a { display: block; padding: 0 10px; height: 30px; box-shadow: none; color: #999; text-decoration: none; font-size: 13px; line-height: 30px; } .bx_item_detail .tab-list li:hover, .bx_item_detail .tab-list li.active { background: #fff; } /*.tab-list li:hover a,*/ .bx_item_detail .tab-list li.active a { position: relative; bottom: -2px; height: 35px; background: #fff; color: #3f3f3f; line-height: 35px; } .bx_item_detail .tab-boby-container .container > div.tab-off { display: none; } .bx_item_detail .tab-boby-container .container > div { } .bx_item_detail .item_comments { display: block; padding-left: 10px; } .bx_item_detail .item_comments li { display: block; padding-bottom: 10px; } .bx_item_detail .item_comments_username { display: inline-block; color: #5d90bd; font-size: 14px; } .bx_item_detail .item_comments_date { display: inline-block; margin-left: 10px; color: #b8b8b8; font-size: 14px; } .bx_item_detail .item_comments_container p { margin-top: 5px; color: #3f3f3f; font-size: 14px; } .bx_item_detail .bx_notavailable { text-align: left; font-size: 12px; font-weight: bold; display: inline-block; border: 1px solid #E4E4E4; background: #F3F3F3; white-space: normal; line-height: normal; padding: 5px 15px; margin-bottom: 10px; } .bx_item_detail .bx_bt_button, .bx_item_detail .bx_bt_button_type_2 { display: inline-block; border-radius: 3px; text-align: center; text-decoration: none; font-size: 14px; cursor: pointer; } .bx_item_detail .bx_shadow.bx_bt_button, .bx_item_detail .bx_shadow.bx_bt_button_type_2 { box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2) } .bx_item_detail .bx_shadow.bx_bt_button:active, .bx_item_detail .bx_shadow.bx_bt_button_type_2:active { box-shadow: none } .bx_item_detail .bx_bt_button { background: #00a2df; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYTJkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDZmY2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00a2df), color-stop(100%, #006fcb)); background: -webkit-linear-gradient(top, #00a2df 0%, #006fcb 100%); background: -moz-linear-gradient(top, #00a2df 0%, #006fcb 100%); background: -ms-linear-gradient(top, #00a2df 0%, #006fcb 100%); background: -o-linear-gradient(top, #00a2df 0%, #006fcb 100%); background: linear-gradient(to bottom, #00a2df 0%, #006fcb 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a2df', endColorstr='#006fcb', GradientType=0); color: #fff; text-shadow: 0 1px 0 #006cae; } .bx_item_detail .bx_bt_button:hover { background: #21afe4; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIxYWZlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDZmY2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #21afe4), color-stop(100%, #006fcb)); background: -webkit-linear-gradient(top, #21afe4 0%, #006fcb 100%); background: -moz-linear-gradient(top, #21afe4 0%, #006fcb 100%); background: -ms-linear-gradient(top, #21afe4 0%, #006fcb 100%); background: -o-linear-gradient(top, #21afe4 0%, #006fcb 100%); background: linear-gradient(to bottom, #21afe4 0%, #006fcb 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#21afe4', endColorstr='#006fcb', GradientType=0); } .bx_item_detail .bx_bt_button:active { background: #006fcb; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNmZjYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGEyZGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #006fcb), color-stop(100%, #00a2df)); background: -webkit-linear-gradient(top, #006fcb 0%, #00a2df 100%); background: -moz-linear-gradient(top, #006fcb 0%, #00a2df 100%); background: -ms-linear-gradient(top, #006fcb 0%, #00a2df 100%); background: -o-linear-gradient(top, #006fcb 0%, #00a2df 100%); background: linear-gradient(to bottom, #006fcb 0%, #00a2df 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006fcb', endColorstr='#00a2df', GradientType=0); box-shadow: inset 0 3px 5px 0 rgba(0, 0, 0, .21); } .bx_item_detail .bx_bt_button_type_2 { border: 1px solid #e9e9e9; background: #fcfcfc; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #f1f1f1)); background: -webkit-linear-gradient(top, #fcfcfc 0%, #f1f1f1 100%); background: -moz-linear-gradient(top, #fcfcfc 0%, #f1f1f1 100%); background: -ms-linear-gradient(top, #fcfcfc 0%, #f1f1f1 100%); background: -o-linear-gradient(top, #fcfcfc 0%, #f1f1f1 100%); background: linear-gradient(to bottom, #fcfcfc 0%, #f1f1f1 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f1f1f1', GradientType=0); color: #656565; text-shadow: 0 1px 0 #fff; } .bx_item_detail .bx_bt_button_type_2:hover { background: #fff; } .bx_item_detail .bx_bt_button_type_2:active { background: #f1f1f1; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f1f1), color-stop(100%, #fcfcfc)); background: -webkit-linear-gradient(top, #f1f1f1 0%, #fcfcfc 100%); background: -moz-linear-gradient(top, #f1f1f1 0%, #fcfcfc 100%); background: -ms-linear-gradient(top, #f1f1f1 0%, #fcfcfc 100%); background: -o-linear-gradient(top, #f1f1f1 0%, #fcfcfc 100%); background: linear-gradient(to bottom, #f1f1f1 0%, #fcfcfc 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#fcfcfc', GradientType=0); box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, .05); } .bx_item_detail .bx_small.bx_bt_button, .bx_item_detail .bx_small.bx_bt_button_type_2 { display: inline-block; min-width: 20px; line-height: 20px; } .bx_item_detail .bx_small.bx_bt_button { } .bx_item_detail .bx_small.bx_bt_button:hover { } .bx_item_detail .bx_small.bx_bt_button:active { } .bx_item_detail .bx_small.bx_bt_button_type_2 { } .bx_item_detail .bx_small.bx_bt_button_type_2:hover { } .bx_item_detail .bx_small.bx_bt_button_type_2:active { } .bx_item_detail .bx_medium.bx_bt_button, .bx_item_detail .bx_medium.bx_bt_button_type_2 { padding: 0 13px; height: 25px; font-weight: bold; line-height: 25px; } .bx_item_detail .bx_medium.bx_bt_button { height: 27px; line-height: 27px; } .bx_item_detail .bx_medium.bx_bt_button:hover { } .bx_item_detail .bx_medium.bx_bt_button:active { } .bx_item_detail .bx_medium.bx_bt_button_type_2 { font-weight: bold } .bx_item_detail .bx_medium.bx_bt_button_type_2:hover { } .bx_item_detail .bx_medium.bx_bt_button_type_2:active { } .bx_item_detail .bx_big.bx_bt_button, .bx_item_detail .bx_big.bx_bt_button_type_2 { padding: 0 13px; height: 34px; font-weight: bold; line-height: 34px; } .bx_item_detail .bx_big.bx_bt_button { height: 36px; line-height: 36px; } .bx_item_detail .bx_big.bx_bt_button:hover { } .bx_item_detail .bx_big.bx_bt_button:active { } .bx_item_detail .bx_big.bx_bt_button_type_2 { } .bx_item_detail .bx_big.bx_bt_button_type_2:hover { } .bx_item_detail .bx_big.bx_bt_button_type_2:active { } .bx_item_detail .bx_big.bx_bt_button.bx_cart span { position: relative; bottom: -7px; display: inline-block; margin: 0 10px 0 0; width: 26px; height: 23px; background: url(/local/templates/main/components/bitrix/catalog/catalog/bitrix/news.detail/products/images/bt_cart.png) no-repeat center; } .bx_item_detail .bx_fwb { font-weight: bold } /* item_detail_slider */ .bx_item_detail .bx_item_slider { position: relative; margin-bottom: 10px; } .bx_item_detail .bx_item_slider .bx_bigimages { position: relative; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; padding: 0; box-shadow: 0px 0px 69px -31px #000000; max-width: 440px; /* border: 1px solid #cfcfcf; */ /* border-radius: 2px; */ background: #fff; text-align: center; height: 0; width: 100%; padding-top: 100%; } .bx_item_detail .bx_item_slider .bx_bigimages .bx_bigimages_imgcontainer { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .bx_item_detail .bx_item_slider .bx_bigimages .bx_bigimages_imgcontainer .bx_bigimages_aligner { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; } .bx_item_detail .bx_item_slider .bx_bigimages .bx_bigimages_imgcontainer img { display: inline-block; max-width: 100% !important; max-height: 100% !important; vertical-align: middle; text-align: center; } /*----*/ .bx_item_detail .bx_item_slider .bx_slider_conteiner { position: relative; padding-top: 20px; margin-bottom: 10px; max-width: 100%; width: 100%; } .bx-no-touch .bx_item_detail .bx_item_slider .bx_slider_conteiner.full { position: relative; margin-left: -5%; padding: 20px 5% 0 } /*----*/ .bx_item_detail .bx_item_slider .bx_slider_scroller_container { position: relative } .bx_item_detail .bx_item_slider .bx_slide { position: relative; overflow: hidden; margin: 0; width: 100%; } .bx-touch .bx_item_detail .bx_item_slider .bx_slide { overflow-x: auto } .bx_item_detail .bx_item_slider .bx_slide ul { position: relative; display: block; margin: 0; padding: 0; width: 100%; white-space: nowrap } .bx-touch .bx_item_detail .bx_item_slider .bx_slide ul { margin-left: 0 !important } .bx_item_detail .bx_item_slider .bx_slide ul li { position: relative; display: block; float: left; height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } .bx_item_detail .bx_item_slider .bx_slide ul li .cnt { position: absolute; top: 0; right: 2px; bottom: 4px; left: 2px; display: block; overflow: hidden; border: 1px solid #c0cfda; background: #fff; } .bx-retina .bx_item_detail .bx_item_slider .bx_slide ul li .cnt { border: none; border-style: solid; border-width: 1px; -webkit-border-image: url(/local/templates/main/components/bitrix/catalog/catalog/bitrix/news.detail/products/images/x2border.png) 2 stretch; -moz-border-image: url(/local/templates/main/components/bitrix/catalog/catalog/bitrix/news.detail/products/images/x2border.png) 2 stretch; -o-border-image: url(/local/templates/main/components/bitrix/catalog/catalog/bitrix/news.detail/products/images/x2border.png) 2 stretch; border-image: url(/local/templates/main/components/bitrix/catalog/catalog/bitrix/news.detail/products/images/x2border.png) 2 fill stretch; } .bx_item_detail .bx_item_slider .bx_slide ul li:hover .cnt { border: 1px solid #006cc0 } .bx_item_detail .bx_item_slider .bx_slide ul li:active .cnt, .bx_item_detail .bx_item_slider .bx_slide ul li.bx_active .cnt { padding: 3px; border: 2px solid #006cc0; } .bx-retina .bx_item_detail .bx_item_slider .bx_slide ul li.bx_active .cnt { border: none; border-style: solid; border-width: 1px; -webkit-border-image: url(/local/templates/main/components/bitrix/catalog/catalog/bitrix/news.detail/products/images/x2border_active.png) 2 stretch; -moz-border-image: url(/local/templates/main/components/bitrix/catalog/catalog/bitrix/news.detail/products/images/x2border_active.png) 2 stretch; -o-border-image: url(/local/templates/main/components/bitrix/catalog/catalog/bitrix/news.detail/products/images/x2border_active.png) 2 stretch; border-image: url(/local/templates/main/components/bitrix/catalog/catalog/bitrix/news.detail/products/images/x2border_active.png) 2 fill stretch; } .bx_item_detail .bx_item_slider .bx_slide ul li .cnt .cnt_item { position: absolute; top: 6%; right: 6%; bottom: 6%; left: 6%; background-size: 100% auto; background-repeat: no-repeat; } .bx_item_detail .bx_item_slider .bx_slide ul li .cnt .cnt_item img { width: auto; height: 25px; } /*----*/ .bx-no-touch .bx_item_detail .bx_item_slider .bx_slide_left, .bx-no-touch .bx_item_detail .bx_item_slider .bx_slide_right { opacity: 0.8 } .bx-no-touch .bx_item_detail .bx_item_slider .bx_slide_left:hover, .bx-no-touch .bx_item_detail .bx_item_slider .bx_slide_right:hover { opacity: 1.0 } .bx_item_detail .bx_item_slider .bx_slider_conteiner.full .bx_slide_left, .bx_item_detail .bx_item_slider .bx_slider_conteiner.full .bx_slide_right { position: absolute; top: 0; bottom: 4px; width: 5%; max-width: 11px; cursor: pointer; } .bx-no-touch .bx_item_detail .bx_item_slider .bx_slide_left { left: -5%; background: url(/local/templates/main/components/bitrix/catalog/catalog/bitrix/news.detail/products/images/arr_left.png) no-repeat left center; background-size: 100% auto } .bx-no-touch .bx_item_detail .bx_item_slider .bx_slide_right { right: -5%; background: url(/local/templates/main/components/bitrix/catalog/catalog/bitrix/news.detail/products/images/arr_right.png) no-repeat right center; background-size: 100% auto } .bx-touch .bx_item_detail .bx_item_slider .bx_slide_left { left: 0; background: url(/local/templates/main/components/bitrix/catalog/catalog/bitrix/news.detail/products/images/fade_left.png) repeat-y left center; background-size: 100% auto } .bx-touch .bx_item_detail .bx_item_slider .bx_slide_right { right: 0; background: url(/local/templates/main/components/bitrix/catalog/catalog/bitrix/news.detail/products/images/fade_right.png) repeat-y right center; background-size: 100% auto } .bx_item_detail .bx_item_slider_lupe_small { position: absolute; background: rgba(0, 0, 0, 0.18); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid rgba(255, 255, 255, .5); cursor: pointer; } .bx_item_detail .bx_item_slider_lupe { position: absolute; border: 1px solid #b2b2b2; left: 105%; top: 0; bottom: 4px; margin: 0; background: #fff url(/local/templates/main/components/bitrix/catalog/catalog/bitrix/news.detail/products/images/wait.gif) no-repeat scroll center center; z-index: 120; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .bx_item_detail .bx_item_slider_lupe img { max-width: 99999px !important; max-height: 99999px !important; } /* Stickers */ .bx_item_detail .bx_bigimages .bx_stick { position: absolute; width: 123px; height: 35px; background: url(/local/templates/main/components/bitrix/catalog/catalog/bitrix/news.detail/products/images/stick.png) left center no-repeat; color: #fff; text-align: center; text-shadow: 0 1px 0 #ba3434; line-height: 35px; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .bx_item_detail .bx_bigimages .bx_stick.short { font-weight: bold; font-size: 18px } .bx_item_detail .bx_bigimages .bx_stick.average { font-weight: bold; font-size: 13px } .bx_item_detail .bx_bigimages .bx_stick.long { font-weight: normal; font-size: 11px } .bx_item_detail .bx_bigimages .bx_stick_disc { position: absolute; width: 72px; height: 74px; background: url(/local/templates/main/components/bitrix/catalog/catalog/bitrix/news.detail/products/images/stick_disc.png) no-repeat center; color: #fff; text-align: center; text-shadow: 0 1px 0 #ba3434; font-weight: bold; font-size: 23px; line-height: 74px; } .bx_item_detail .bx_bigimages .bx_stick.left, .bx_item_detail .bx_bigimages .bx_stick_disc.left { left: -2px; } .bx_item_detail .bx_bigimages .bx_stick.right, .bx_item_detail .bx_bigimages .bx_stick_disc.right { right: 0; } .bx_item_detail .bx_bigimages .bx_stick.top, .bx_item_detail .bx_bigimages .bx_stick_disc.top { top: 15px; } .bx_item_detail .bx_bigimages .bx_stick.bottom, .bx_item_detail .bx_bigimages .bx_stick_disc.bottom { bottom: 5px; } .bx_item_detail .bx_bigimages .bx_stick.middle, .bx_item_detail .bx_bigimages .bx_stick_disc.middle { top: 49%; } @media (min-width: 641px) and (max-width: 960px) { .bx_item_detail .bx_bigimages .bx_stick { width: 90px; height: 30px; background-size: 100%; line-height: 30px; } .bx_item_detail .bx_bigimages .bx_stick.short { font-weight: normal; font-size: 14px } .bx_item_detail .bx_bigimages .bx_stick.average { font-weight: normal; font-size: 11px } .bx_item_detail .bx_bigimages .bx_stick.long { font-weight: normal; font-size: 11px } .bx_item_detail .bx_bigimages .bx_stick_disc { width: 64px; height: 65px; background-size: 100%; font-size: 20px; line-height: 65px; } } @media (max-width: 640px) { .bx-touch .bx_item_detail .bx_bigimages .bx_stick { width: 70px; height: 30px; background-size: 100%; font-size: 11px; line-height: 30px; } .bx-touch .bx_item_detail .bx_bigimages .bx_stick_disc { width: 48px; height: 49px; background-size: 100%; font-size: 16px; line-height: 49px; } } @media (max-width: 479px) { .bx-touch .bx_item_detail .bx_bigimages .bx_stick { width: 70px; height: 30px; background-size: 100%; font-size: 11px; line-height: 30px; } .bx-touch .bx_item_detail .bx_bigimages .bx_stick_disc { width: 37px; height: 38px; background-size: 100%; font-size: 13px; line-height: 38px; } } /* scu_detail_size */ .bx_item_detail .bx_item_detail_size { position: relative; margin-bottom: 10px; padding: 0; max-width: 100%; width: 100%; } .bx-no-touch .bx_item_detail .bx_item_detail_size.full { position: relative; margin-left: -5%; padding: 0 5%; } /*----*/ .bx_item_detail .bx_item_detail_size .bx_item_section_name_gray { color: #9e9e9e; vertical-align: middle; font-size: 11px; line-height: 11px; } /*----*/ .bx_item_detail .bx_item_detail_size .bx_size_scroller_container { position: relative } .bx_item_detail .bx_item_detail_size .bx_size { position: relative; overflow: hidden; margin: 0; width: 100%; } .bx_item_detail .bx_item_detail_size ul { position: relative; display: block; margin: 0; padding: 0; width: 100%; white-space: nowrap; } .bx-touch .bx_item_detail .bx_item_detail_size .bx_size { overflow-x: auto; } .bx_item_detail .bx_item_detail_size ul { position: relative; display: block; margin: 0; padding: 0; width: 100%; white-space: nowrap; } .bx-touch .bx_item_detail .bx_item_detail_size .bx_size ul { margin-left: 0 !important; } .bx_item_detail .bx_item_detail_size ul li { position: relative; display: block; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 25px; } .bx_item_detail .bx_item_detail_size ul li .cnt { cursor: pointer; position: absolute; top: 0; right: 2px; bottom: 2px; left: 2px; display: block; overflow: hidden; border: 1px solid #c0cfda; background: #fff; color: #3f3f3f; text-align: center; text-decoration: none; font-weight: normal; font-size: 10px; line-height: 22px; } .bx-retina .bx_item_detail .bx_item_detail_size ul li .cnt { border: none; border-style: solid; border-width: 1px; -webkit-border-image: url(/local/templates/main/components/bitrix/catalog/catalog/bitrix/news.detail/products/images/x2border.png) 2 stretch; -moz-border-image: url(/local/templates/main/components/bitrix/catalog/catalog/bitrix/news.detail/products/images/x2border.png) 2 stretch; -o-border-image: url(/local/templates/main/components/bitrix/catalog/catalog/bitrix/news.detail/products/images/x2border.png) 2 stretch; border-image: url(/local/templates/main/components/bitrix/catalog/catalog/bitrix/news.detail/products/images/x2border.png) 2 fill stretch; } .bx_item_detail .bx_item_detail_size ul li:hover .cnt { border: 1px solid #006cc0 } .bx_item_detail .bx_item_detail_size ul li:active .cnt, .bx_item_detail .bx_item_detail_size ul li.bx_active .cnt { border: 2px solid #006cc0; } .bx-retina .bx_item_detail .bx_item_detail_size ul li.bx_active .cnt { border: none; border-style: solid; border-width: 1px; -webkit-border-image: url(/local/templates/main/components/bitrix/catalog/catalog/bitrix/news.detail/products/images/x2border_active.png) 2 stretch; -moz-border-image: url(/local/templates/main/components/bitrix/catalog/catalog/bitrix/news.detail/products/images/x2border_active.png) 2 stretch; -o-border-image: url(/local/templates/main/components/bitrix/catalog/catalog/bitrix/news.detail/products/images/x2border_active.png) 2 stretch; border-image: url(/local/templates/main/components/bitrix/catalog/catalog/bitrix/news.detail/products/images/x2border_active.png) 2 fill stretch; } .bx_item_detail .bx_item_detail_size .bx_size ul li.bx_missing .cnt { border: 1px solid #c0cfda !important } .bx_item_detail .bx_item_detail_size .bx_size ul li.bx_missing > i { cursor: not-allowed; position: absolute; display: block; top: 0; right: 2px; bottom: 2px; left: 2px; z-index: 11; background: rgba(255, 255, 255, .79) url(/local/templates/main/components/bitrix/catalog/catalog/bitrix/news.detail/products/images/missing.png) no-repeat center; } /*----*/ .bx-no-touch .bx_item_detail .bx_item_detail_size .bx_slide_left, .bx-no-touch .bx_item_detail .bx_item_detail_size .bx_slide_right { opacity: 0.8 } .bx-no-touch .bx_item_detail .bx_item_detail_size .bx_slide_left:hover, .bx-no-touch .bx_item_detail .bx_item_detail_size .bx_slide_right:hover { opacity: 1.0 } .bx_item_detail .bx_item_detail_size.full .bx_slide_left, .bx_item_detail .bx_item_detail_size.full .bx_slide_right { position: absolute; top: 0; bottom: 4px; width: 5%; max-width: 11px; cursor: pointer; } .bx-no-touch .bx_item_detail .bx_item_detail_size .bx_slide_left { left: -5%; background: url(/local/templates/main/components/bitrix/catalog/catalog/bitrix/news.detail/products/images/arr_left.png) no-repeat left center; background-size: 100% auto } .bx-no-touch .bx_item_detail .bx_item_detail_size .bx_slide_right { right: -5%; background: url(/local/templates/main/components/bitrix/catalog/catalog/bitrix/news.detail/products/images/arr_right.png) no-repeat right center; background-size: 100% auto } .bx-touch .bx_item_detail .bx_item_detail_size .bx_slide_left { left: 0; background: url(/local/templates/main/components/bitrix/catalog/catalog/bitrix/news.detail/products/images/fade_left.png) repeat-y left center; background-size: 100% auto } .bx-touch .bx_item_detail .bx_item_detail_size .bx_slide_right { right: 0; background: url(/local/templates/main/components/bitrix/catalog/catalog/bitrix/news.detail/products/images/fade_right.png) repeat-y right center; background-size: 100% auto } /* scu_detail_scu */ .bx_item_detail .bx_item_detail_scu { position: relative; margin-bottom: 10px; padding: 0; max-width: 100%; width: 100%; } .bx-no-touch .bx_item_detail .bx_item_detail_scu.full { position: relative; margin-left: -5%; padding: 0 5% } /*----*/ .bx_item_detail .bx_item_detail_scu .bx_item_section_name_gray { color: #9e9e9e; vertical-align: middle; font-size: 11px; line-height: 11px; } /*----*/ .bx_item_detail .bx_item_detail_scu .bx_scu_scroller_container { position: relative } .bx_item_detail .bx_item_detail_scu .bx_scu { position: relative; overflow: hidden; margin: 0; width: 100%; } .bx-touch .bx_item_detail .bx_item_detail_scu .bx_scu { overflow-x: auto } .bx_item_detail .bx_item_detail_scu .bx_scu ul { position: relative; display: block; margin: 0; padding: 0; width: 100%; white-space: nowrap } .bx-touch .bx_item_detail .bx_item_detail_scu .bx_scu ul { margin-left: 0 !important } .bx_item_detail .bx_item_detail_scu .bx_scu ul li { position: relative; display: block; float: left; height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bx_item_detail .bx_item_detail_scu .bx_scu ul li .cnt { cursor: pointer; position: absolute; top: 0; right: 2px; bottom: 4px; left: 2px; display: block; overflow: hidden; border: 1px solid #c0cfda; background: #fff; z-index: 10; } .bx-retina .bx_item_detail .bx_item_detail_scu .bx_scu ul li .cnt { border: none; border-style: solid; border-width: 1px; -webkit-border-image: url(/local/templates/main/components/bitrix/catalog/catalog/bitrix/news.detail/products/images/x2border.png) 2 stretch; -moz-border-image: url(/local/templates/main/components/bitrix/catalog/catalog/bitrix/news.detail/products/images/x2border.png) 2 stretch; -o-border-image: url(/local/templates/main/components/bitrix/catalog/catalog/bitrix/news.detail/products/images/x2border.png) 2 stretch; border-image: url(/local/templates/main/components/bitrix/catalog/catalog/bitrix/news.detail/products/images/x2border.png) 2 fill stretch; } .bx_item_detail .bx_item_detail_scu .bx_scu ul li:hover .cnt { border: 1px solid #006cc0 } .bx_item_detail .bx_item_detail_scu .bx_scu ul li:active .cnt, .bx_item_detail .bx_item_detail_scu .bx_scu ul li.bx_active .cnt { padding: 3px; border: 2px solid #006cc0; } .bx_item_detail .bx_item_detail_scu .bx_scu ul li.bx_missing .cnt { border: 1px solid #c0cfda !important } .bx_item_detail .bx_item_detail_scu .bx_scu ul li.bx_missing > i { cursor: not-allowed; position: absolute; display: block; top: 0; right: 2px; bottom: 4px; left: 2px; z-index: 11; background: rgba(255, 255, 255, .79) url(/local/templates/main/components/bitrix/catalog/catalog/bitrix/news.detail/products/images/missing.png) no-repeat center; } .bx-retina .bx_item_detail .bx_item_detail_scu .bx_scu ul li.bx_active .cnt { border: none; border-style: solid; border-width: 1px; -webkit-border-image: url(/local/templates/main/components/bitrix/catalog/catalog/bitrix/news.detail/products/images/x2border_active.png) 2 stretch; -moz-border-image: url(/local/templates/main/components/bitrix/catalog/catalog/bitrix/news.detail/products/images/x2border_active.png) 2 stretch; -o-border-image: url(/local/templates/main/components/bitrix/catalog/catalog/bitrix/news.detail/products/images/x2border_active.png) 2 stretch; border-image: url(/local/templates/main/components/bitrix/catalog/catalog/bitrix/news.detail/products/images/x2border_active.png) 2 fill stretch; } .bx_item_detail .bx_item_detail_scu .bx_scu ul li .cnt .cnt_item { position: absolute; top: 6%; right: 6%; bottom: 6%; left: 6%; background-size: contain; background-repeat: no-repeat; } .bx_item_detail .bx_item_detail_scu .bx_scu ul li .cnt .cnt_item img { width: auto; height: 25px; } /*----*/ .bx-no-touch .bx_item_detail .bx_item_detail_scu .bx_slide_left, .bx-no-touch .bx_item_detail .bx_item_detail_scu .bx_slide_right { opacity: 0.8 } .bx-no-touch .bx_item_detail .bx_item_detail_scu .bx_slide_left:hover, .bx-no-touch .bx_item_detail .bx_item_detail_scu .bx_slide_right:hover { opacity: 1.0 } .bx_item_detail .bx_item_detail_scu.full .bx_slide_left, .bx_item_detail .bx_item_detail_scu.full .bx_slide_right { position: absolute; top: 0; bottom: 4px; width: 5%; max-width: 11px; cursor: pointer; } .bx-no-touch .bx_item_detail .bx_item_detail_scu .bx_slide_left { left: -5%; background: url(/local/templates/main/components/bitrix/catalog/catalog/bitrix/news.detail/products/images/arr_left.png) no-repeat left center; background-size: 100% auto } .bx-no-touch .bx_item_detail .bx_item_detail_scu .bx_slide_right { right: -5%; background: url(/local/templates/main/components/bitrix/catalog/catalog/bitrix/news.detail/products/images/arr_right.png) no-repeat right center; background-size: 100% auto } .bx-touch .bx_item_detail .bx_item_detail_scu .bx_slide_left { left: 0; background: url(/local/templates/main/components/bitrix/catalog/catalog/bitrix/news.detail/products/images/fade_left.png) repeat-y left center; background-size: 100% auto } .bx-touch .bx_item_detail .bx_item_detail_scu .bx_slide_right { right: 0; background: url(/local/templates/main/components/bitrix/catalog/catalog/bitrix/news.detail/products/images/fade_right.png) repeat-y right center; background-size: 100% auto } /* item_detail_description */ .bx_item_detail .bx_item_description p { font-size: 17px; line-height: 23px; padding-right: 25px; } .bx_item_detail .bx_item_description .bx_item_section_name_gray { color: #9e9e9e; font-size: 13px; } .bx_item_detail .bx_item_description .bx_specifications_table { margin-top: 10px; width: 100%; border-collapse: collapse; } .bx_item_detail .bx_item_description .bx_specifications_table tr:nth-child(odd) { background: #f2f2f2; } .bx_item_detail .bx_item_description .bx_specifications_table tr:nth-child(even) { } .bx_item_detail .bx_item_description .bx_specifications_table tr td { padding: 3px 10px; font-size: 12px; } .bx_item_detail .bx_item_description .bx_specifications_table tr td:first-child { font-weight: bold; } .breadcrumbs { font-weight: bold; font: 11px 'PTSansRegular', Arial, Helvetica, sans-serif; color: #E4E4E4; margin-bottom: 30px; } .breadcrumbs span { margin-right: 20px; } .breadcrumbs span:nth-child(3) { color: #666; } .bx_item_detail { padding: 30px; } .first-line { font-size: 14px; height: 30px; } .texture { float: left; background-color: #3a72e1; border-radius: 40px; color: #fff; padding: 4px 20px; & > a { color: inherit; } } .wtb { float: right; } .wtb a { color: #3a72e1 } .wtb span { border-radius: 40px; border: 2px solid #3a72e1; padding: 4px 20px; } .tech p { margin: 0; font-weight: bold; color: #000; } .tech i { color: #3a72e1; font-size: 18px; } .tech span { border-bottom: 1px solid; } .tech_table .ttl h3 { text-shadow: 1px 0 0 rgba(255, 255, 255, .9), -1px 0 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(255, 255, 255, .9), 0 1px 0 rgba(255, 255, 255, .9); } .tech_table { position: relative; margin-top: -80px; z-index: 1; color: #000; } .tech_table:before { position: absolute; /*top: -90%;*/ top: 70px; left: 0; content: ''; width: 50%; /* padding-top: 4%; */ background: #fff; -ms-transform: skew(0, -3deg); -webkit-transform: skew(0, -3deg); -moz-transform: skew(0, -3deg); -o-transform: skew(0, -3deg); transform: skew(0, -3deg); background-color: #fff; /* background-color: #eee; */ /* transform: rotate(-30deg); */ content: ""; width: 100%; height: 100%; } .tech_table:after { position: absolute; bottom: -90%; left: 0; content: ''; width: 50%; /* padding-top: 4%; */ background: #fff; -ms-transform: skew(0, -3deg); -webkit-transform: skew(0, -3deg); -moz-transform: skew(0, -3deg); -o-transform: skew(0, -3deg); transform: skew(0, -3deg); background-color: #fff; /* transform: rotate(-30deg); */ content: ""; width: 100%; height: 100%; } /* DivTable.com */ .divTable { z-index: 10; position: relative; display: table; width: 100%; font: 11px 'PTSansRegular', Arial, Helvetica, sans-serif; line-height: 18px; padding: 25px; } .divTableRow { display: table-row; } .divTableRow:nth-last-child(1) .divTableCell:nth-last-child(1) { border-bottom-right-radius: 25px; } .first .divTableCell:nth-last-child(1) { border-top-right-radius: 25px; } .divTableRow:nth-last-child(1) .divTableCell:first-child { border-bottom-left-radius: 25px; } .first .divTableCell:first-child { border-top-left-radius: 25px; } .divTableRow .divTableCell:nth-last-child(1), .divTableRow .divTableCell:nth-last-child(2), .divTableRow .divTableCell:nth-last-child(3), .divTableRow .divTableCell:nth-last-child(7) { font-weight: 800; } .divTableCell:nth-last-child(5) { word-spacing: 60px; width: 150px; } .divTableRow .divTableCell { background-color: #fff; } .divTableCell:nth-last-child(7) { width: 220px; } .divTableCell span { font-weight: normal; } .divTableCell { display: table-cell; padding: 20px; vertical-align: middle; } .divTableBody { display: table-row-group; } .divTableHead { display: table-row; font-weight: bold; font-size: 13px; text-shadow: 1px 0 0 rgba(255, 255, 255, .9), -1px 0 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(255, 255, 255, .9), 0 1px 0 rgba(255, 255, 255, .9); } @media screen and (max-width: 830px) { .tech_table .divTableBody, .tech_table .divTable, .tech_table .divTableHead, .tech_table .divTableRow, .tech_table .divTableCell { display: block; } .divTableRow .divTableCell, .tech_table .divTableBody { width: 100%; color: #fff; background-color: #3a72e1; } .tech_table .divTableHead { display: none; } .tech_table .divTableRow { display: block; } .divTableCell:nth-last-child(7), .divTableCell:nth-last-child(5) { width: auto; } .divTableCell:nth-of-type(1)::before, .divTableCell:nth-of-type(2)::before, .divTableCell:nth-of-type(3)::before, .divTableCell:nth-of-type(4)::before, .divTableCell:nth-of-type(5)::before, .divTableCell:nth-of-type(6)::before, .divTableCell:nth-of-type(7)::before { display: inline; } .divTableCell:nth-of-type(1)::before { content: 'Артикул: '; } .divTableCell:nth-of-type(2)::before { content: 'База: '; } .divTableCell:nth-of-type(3)::before { content: 'Зернистость: '; } .divTableCell:nth-of-type(4)::before { content: 'Блестки: '; } .divTableCell:nth-of-type(5)::before { content: 'Фасовка: '; } .divTableCell:nth-of-type(6)::before { content: 'Расход: '; } .divTableCell:nth-of-type(7)::before { content: 'Цена: '; } } .even .divTableCell { background-color: #3a72e1; color: #fff; } h3 { text-align: center; font-size: 25px; line-height: 30px; margin: 0 !important; color: #000; } .w100 { font-weight: 100; } .h3_link { color: #3a72e1; } .ttl { padding-top: 90px; position: relative; z-index: 100; } .effcts { color: #000; z-index: 10; position: relative; } .prgrm { text-align: center; color: #a9a8a8; font-size: 15px; margin-top: 20px; margin-bottom: 30px; } .bx_item_detail .bx_item_slider .bx_bigimages .bx_bigimages_imgcontainer { position: relative; top: 0; right: 0; bottom: 0; left: 0; } .bx_item_detail .bx_item_slider .bx_bigimages .bx_bigimages_imgcontainer .bx_bigimages_aligner { display: block; position: relative; top: 0; left: 0; width: 100%; height: 100%; text-align: center; } .bx_item_detail .bx_item_slider .bx_bigimages { position: relative; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; padding: 0; box-shadow: 0px 0px 69px -31px #000000; max-width: 440px; /* border: 1px solid #cfcfcf; */ /* border-radius: 2px; */ background: #fff; text-align: center; height: 100%; width: 100%; padding-top: 0; } @media (max-width: 769px) { .bx_item_detail .bx_item_title.m_show { font-size: 41px; line-height: 30px; text-align: left; margin: 0px; padding: 0px; font-weight: 400; color: #333333; margin-bottom: 15px; } } @media (min-width: 981px) { } @media (max-width: 740px) { .bx_item_detail .bx_optionblock { display: none } .bx_item_detail .item_buttons_counter_block { margin-bottom: 10px } .bx_item_detail .bx_item_container .bx_lb, .bx_item_detail .bx_item_container .bx_rb { width: 48% } } @media (min-width: 640px) and (max-width: 980px) { } @media (min-width: 480px) and (max-width: 639px) { } @media (max-width: 480px) { .bx_item_detail { padding: 10px; } .bx-touch .bx_item_detail .bx_item_container .bx_lt, .bx-touch .bx_item_detail .bx_item_container .bx_rt, .bx-touch .bx_item_detail .bx_item_container .bx_md, .bx-touch .bx_item_detail .bx_item_container .bx_lb, .bx-touch .bx_item_detail .bx_item_container .bx_rb { float: none; margin: 0; padding: 0; width: 100%; } .bx-touch .bx_item_detail .item_info_section { padding-left: 0 } .bx_item_detail .bx_item_title.m_show { font-size: 28px; text-align: center; } .bx_item_detail .bx_item_title { padding-bottom: 0px; margin-bottom: 16px; min-height: 24px; } .divTableRow .divTableCell { padding: 6px 10px; } .divTable { line-height: 15px; padding: 5px; } .effcts { margin-top: 0px; } } @media (max-width: 319px) { } .product__container { display: grid; grid-template-columns: 2fr 3fr; gap: 20px; @media (max-width: 639px) { grid-template-columns: 1fr; } } .product__left, .product__right { max-width: 100%; } .product__swiper { padding: 69px !important; max-width: 578px; @media (max-width: 1279px) { max-width: 368px; } } .product__img .bx_bigimages_aligner { width: 440px !important; height: 500px !important; @media (max-width: 1279px) { width: 230px !important; height: 250px !important; } } .product__img { box-shadow: unset !important; &.swiper-slide-active { box-shadow: 0px 0px 69px -31px #000000 !important; } & img { width: 100%; height: 100%; object-fit: contain; } } .table-and-effects-container { margin-top: 50px; display: grid; grid-template-columns: 1fr; gap: 20px; @media (max-width: 1023px) { grid-template-columns: 1fr; } } .effects__title { text-align: center; } .prod-char { z-index: 1; } .prod-char .prod-char-list tr td:nth-child(1) { width: 3%; text-align: right; } .prod-char .prod-char-list tr td:nth-child(2) { width: 50%; } .prod-char .prod-system-list { width: 100%; display: table; & tr { border-bottom: 1px solid #eee; &:first-child td { background: #F2F2F2; text-align: center; } & td { font-size: 12px; font-family: Arial; line-height: 17px; color: #333; padding: 20px; vertical-align: top; &:not(:nth-child(2)) { text-align: center; } } } } .prod-char .prod-system-list :is(tbody, tr) { width: 100%; } .prod-char .prod-links { position: inherit !important; width: 100% !important; margin: 0 0 20px 0; } .bottom-text-block { position: relative; z-index: 1; } .example_title { margin-block: 30px 10px; text-align: center; font-family: RalewayRegular; font-size: 24px !important; color: #333 !important; opacity: .8; } .catalog-portfolio__related { padding: 77px 0px 0px 25px; } .product__detail--item { position: relative; } .favourite__block { position: absolute; top: 0px; right: 27px; z-index: 2; cursor: pointer; } .favourite__block--icon { fill: none; stroke: #3A70DC; stroke-width: 2; width: 27px; height: 27px; } .favourite__block:hover .favourite__block--icon { fill: #3A70DC; } .favourite__block.favourite__block--remove .favourite__block--icon { fill: #3A70DC; } .favourite__block--alert { position: absolute; top: 12px; right: 24px; z-index: 3; background: rgba(238, 238, 238, 0.9); padding: 4px 10px; white-space: nowrap; color: #000 !important; display: none; } .favourite__block--alert span { color: #3A70DC !important } .catalog-portfolio__related { position: relative !important; } .catalog-portfolio__related h2 { position: relative !important; z-index: 999; margin-bottom: 27px; } .fusion-portfolio-content-wrapper__related { display: flex; align-items: flex-start; justify-content: left; flex-wrap: wrap; width: 100% !important; } .fusion-image-wrapper__related { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 0 !important; } .fusion-portfolio-content__related { display: flex; align-items: center; justify-content: center; height: 100%; width: 100%; flex-wrap: wrap; } .portfolio-post__related--image { position: relative !important; } .fusion-portfolio-post__related { position: relative !important; top: 0 !important; left: 0 !important; transition: none !important; transform: none !important } .fusion-portfolio-post__related .fusion-rollover-title a { line-height: 120%; display: flex; width: 100%; align-items: center; justify-content: center; } .fusion-portfolio-wrapper__related { height: auto !important } .related__link--block { display: block; text-align: center; width: 100%; line-height: 130%; padding-bottom: 27px; } @media (max-width: 1200px) { .portfolio-post__related--image { height: 120px !important; width: auto !important; } } @media (max-width: 991px) { .portfolio-post__related--image { height: 120px !important; } .fusion-portfolio-post__related { width: 25% !important; max-width: 25% !important } .fusion-portfolio-post__related .fusion-rollover-title a { font-size: 13px; } } @media (max-width: 769px) { .portfolio-post__related--image { height: 220px !important; max-height: 220px !important; } .fusion-portfolio-post__related { width: 50% !important; max-width: 50% !important; margin-bottom: 27px; } } @media (max-width: 648px) { .portfolio-post__related--image { height: auto !important; width: auto !important; max-width: 100% !important; max-height: 170px !important; margin: auto !important } .fusion-portfolio-post__related { height: 220px !important; max-height: 220px !important; padding: 0 !important; margin-bottom: 27px; } } @media (max-width: 481px) { .portfolio-post__related--image { max-height: 140px !important; } .fusion-portfolio-post__related { height: 190px !important; max-height: 190px !important; margin-bottom: 27px; } .fusion-portfolio-post__related .fusion-rollover-title a { font-size: 12px; } } @media (max-width: 421px) { .portfolio-post__related--image { max-height: 240px !important; } .fusion-portfolio-post__related { height: 270 !important; min-height: 270px; max-height: 270 !important; min-width: 100%; width: 100% !important; max-width: 100% !important; margin-bottom: 57px; } .catalog-portfolio__related { padding: 77px 0px 0px 10px; } } @media (min-width: 1200px) { .portfolio-post__related--image { height: 100% !important; width: auto; max-height: 170px; } .fusion-portfolio-post__related { max-width: 25%; } .catalog-portfolio__related { padding: 77px 0px 0px 35px;; } } @media (min-width: 1440px) { .portfolio-post__related--image { height: 100% !important; width: auto; max-height: 220px; } .fusion-portfolio-post__related { max-width: 25%; } .catalog-portfolio__related { padding: 77px 0px 0px 35px;; } } .fusion-portfolio-wrapper a { width: 100%; @media screen and (min-width: 800px) { width: 50%; } @media screen and (min-width: 1200px) { width: 33%; } @media screen and (min-width: 1440px) { width: 25%; } } .fusion-portfolio-wrapper a img { height: 100% !important; width: 100%; } .fusion-portfolio-post { width: 100%; } @media (max-width: 1199px) { .fusion-portfolio-wrapper { justify-content: center; } } @media screen and (max-width: 639px) { .fusion-portfolio-post { padding: unset !important; position: relative; } } .reviews-slider-wrapper { position: relative; margin: 20px 0; padding: 0 40px; } .reviews-slider { overflow: hidden; } .reviews-pagination { position: relative; margin-top: 20px; text-align: center; } .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: -6px !important; } .swiper-pointer-events { overflow: unset !important; } .reviews-button-prev, .reviews-button-next { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; color: white; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 10; } .reviews-button-prev { left: 0; } .reviews-button-next { right: 0; } .reviews-button-prev::after, .reviews-button-next::after { font-size: 18px; font-weight: bold; } .swiper-button-prev { left: -20px !important; } .swiper-button-next { right: -40px !important; } /* Адаптивность */ @media (max-width: 768px) { .reviews-slider-wrapper { padding: 0 30px; } .review-item { margin: 5px; padding: 15px; } .review-header { flex-direction: column; align-items: flex-start; gap: 10px; } } @media (max-width: 480px) { .reviews-slider-wrapper { padding: 0 20px; } .reviews-button-prev, .reviews-button-next { width: 30px; height: 30px; } } /* End */ /* Start:/bitrix/components/slam/easyform/lib/css/bootstrap.min.css?176476342222741*/ .slam-easyform{font:normal 16px/1.4 "Arial", sans-serif}.slam-easyform .hidden{display:none!important;visibility:hidden!important}.slam-easyform .form-group{margin-bottom:15px}.slam-easyform .control-label{display:inline-block;margin-bottom:5px;font-weight:700}.slam-easyform .form-control{display:block;width:100%;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);-webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;box-sizing:border-box}.slam-easyform .form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)}.slam-easyform [class*="col-xs"]{float:left;position:relative;min-height:1px;padding-left:15px;padding-right:15px;box-sizing:border-box}.slam-easyform .row{margin-left:-15px;margin-right:-15px}.slam-easyform .row:before{content:" ";display:table;clear:both}.slam-easyform .col-xs-12{width:100%}.slam-easyform .col-xs-9{width:75%}.slam-easyform .col-xs-3{width:25%}.slam-easyform .radio-inline, .slam-easyform .checkbox-inline{display:inline-block;position:relative;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:400;cursor:pointer}.slam-easyform .help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}.slam-easyform .btn:active, .slam-easyform .btn.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125)}.slam-easyform .btn:hover, .slam-easyform .btn:focus{color:#333;text-decoration:none}.slam-easyform .btn-primary:active, .slam-easyform .btn-primary.active, .slam-easyform .open>.dropdown-toggle.btn-primary{background-image:none}.slam-easyform .btn:active,.btn.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125)}.slam-easyform .pull-right{float:right}.slam-easyform .pull-right{float:right!important}.slam-easyform .btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}.slam-easyform .btn-primary:active:hover, .slam-easyform .btn-primary.active:hover, .slam-easyform .open>.dropdown-toggle.btn-primary:hover, .slam-easyform .btn-primary:active:focus, .slam-easyform .btn-primary.active:focus, .slam-easyform .open>.dropdown-toggle.btn-primary:focus, .slam-easyform .btn-primary:active.focus, .slam-easyform .btn-primary.active.focus, .slam-easyform .open>.dropdown-toggle.btn-primary.focus{color:#fff;background-color:#204d74;border-color:#122b40}.slam-easyform .btn-primary:active, .slam-easyform .btn-primary.active, .slam-easyform .open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}.slam-easyform .btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.slam-easyform .btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.slam-easyform .btn-primary:active, .slam-easyform .btn-primary.active, .slam-easyform .open .dropdown-toggle.btn-primary{background-image:none}.slam-easyform .btn-primary:hover, .slam-easyform .btn-primary:focus, .slam-easyform .btn-primary:active, .slam-easyform .btn-primary.active, .slam-easyform .open .dropdown-toggle.btn-primary{color:#fff;background-color:#3276b1;border-color:#285e8e}.slam-easyform .btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.slam-easyform .pull-right{float:right !important}.slam-easyform input, .slam-easyform button, .slam-easyform select, .slam-easyform textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}.slam-easyform button, .slam-easyform input[type=button], .slam-easyform input[type=reset], .slam-easyform input[type=submit]{-webkit-appearance:button;cursor:pointer}.slam-easyform button, .slam-easyform select{text-transform:none}.slam-easyform button{overflow:visible}.slam-easyform button, .slam-easyform input[type="button"], .slam-easyform input[type="reset"], .slam-easyform input[type="submit"]{-webkit-appearance:button;cursor:pointer}.slam-easyform .close:not([disabled]):not(.disabled){cursor:pointer}.slam-easyform .modal-header .close{margin-top:-2px}.slam-easyform .modal-header .close{margin-top:-2px}.slam-easyform button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.slam-easyform .close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity: .2;filter:alpha(opacity=20)}.slam-easyform .modal:before{display:inline-block;vertical-align:middle;content:" ";height:100%}.slam-easyform .close:hover, .slam-easyform .close:focus{color:#000;text-decoration:none;cursor:pointer;opacity: .5;filter:alpha(opacity=50)}.slam-easyform .fade.in{opacity:1;background:rgba(0, 0, 0, .5)}.slam-easyform .modal{text-align:center}.modal-open .slam-easyform .modal{overflow-x:hidden}.slam-easyform .modal{display:none;overflow:auto;overflow-y:scroll;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}.slam-easyform .fade{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear;background:none}.slam-easyform .modal.fade .modal-dialog{-webkit-transform:translate(0, -25%);-ms-transform:translate(0, -25%);transform:translate(0, -25%);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.slam-easyform .modal.in .modal-dialog{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}.slam-easyform .modal-dialog{display:inline-block;text-align:left;vertical-align:middle}.slam-easyform .modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0, 0, 0, .2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0, 0, 0, .5);box-shadow:0 3px 9px rgba(0, 0, 0, .5);background-clip:padding-box;outline:0}.slam-easyform .modal-content{-webkit-box-shadow:0 5px 15px rgba(0, 0, 0, .5);box-shadow:0 5px 15px rgba(0, 0, 0, .5)}.slam-easyform .modal-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.42857143px}.slam-easyform .modal-body{position:relative;padding:20px}.slam-easyform .alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d}.slam-easyform .alert-danger{background-color:#f2dede;border-color:#ebccd1;color:#a94442}.slam-easyform .alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.slam-easyform .modal .modal-header .title{margin:0;font-size:22px;display:inline-block}.slam-easyform .has-success .help-block, .slam-easyform .has-success .control-label, .slam-easyform .has-success .radio, .slam-easyform .has-success .checkbox, .slam-easyform .has-success .radio-inline, .slam-easyform .has-success .checkbox-inline{color:#3c763d}.slam-easyform .clearfix:before, .slam-easyform .clearfix:after, .slam-easyform .container:before, .slam-easyform .container:after, .slam-easyform .container-fluid:before, .slam-easyform .container-fluid:after, .slam-easyform .row:before, .slam-easyform .row:after, .slam-easyform .form-horizontal .form-group:before, .slam-easyform .form-horizontal .form-group:after, .slam-easyform .btn-toolbar:before, .slam-easyform .btn-toolbar:after, .slam-easyform .btn-group-vertical>.btn-group:before, .slam-easyform .btn-group-vertical>.btn-group:after, .slam-easyform .nav:before, .slam-easyform .nav:after, .slam-easyform .navbar:before, .slam-easyform .navbar:after, .slam-easyform .navbar-header:before, .slam-easyform .navbar-header:after, .slam-easyform .navbar-collapse:before, .slam-easyform .navbar-collapse:after, .slam-easyform .pager:before, .slam-easyform .pager:after, .slam-easyform .panel-body:before, .slam-easyform .panel-body:after, .slam-easyform .modal-footer:before, .slam-easyform .modal-footer:after{content:" ";display:table;clear:both}@media (min-width:768px){.slam-easyform .modal-dialog{position:relative;width:auto;margin:10px}.slam-easyform .modal-dialog{width:600px;margin:30px auto}.slam-easyform .container{width:750px}.slam-easyform .container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}}@media (min-width:992px){.slam-easyform .container{width:970px}}@media (min-width:1200px){.slam-easyform .container{width:1170px}}.modal-open{overflow:hidden}.slam-easyform *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.slam-easyform .has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)}.slam-easyform .has-error .help-block, .slam-easyform .has-error .control-label, .slam-easyform .has-error .radio, .slam-easyform .has-error .checkbox, .slam-easyform .has-error .radio-inline, .slam-easyform .has-error .checkbox-inline{color:#a94442}.slam-easyform .has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)}.slam-easyform .radio input[type=radio], .slam-easyform .radio-inline input[type=radio], .slam-easyform .checkbox input[type=checkbox], .slam-easyform .checkbox-inline input[type=checkbox]{float:left;margin-left:-20px}.slam-easyform input[type=radio], .slam-easyform input[type=checkbox]{margin:4px 0 0;margin-top:1px 9;line-height:normal}.slam-easyform input[type=checkbox], .slam-easyform input[type=radio]{box-sizing:border-box;padding:0}.slam-easyform .has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168}.slam-easyform .has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483}.slam-easyform .container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.slam-easyform .col-xs-1, .slam-easyform .col-sm-1, .slam-easyform .col-md-1, .slam-easyform .col-lg-1, .slam-easyform .col-xs-2, .slam-easyform .col-sm-2, .slam-easyform .col-md-2, .slam-easyform .col-lg-2, .slam-easyform .col-xs-3, .slam-easyform .col-sm-3, .slam-easyform .col-md-3, .slam-easyform .col-lg-3, .slam-easyform .col-xs-4, .slam-easyform .col-sm-4, .slam-easyform .col-md-4, .slam-easyform .col-lg-4, .slam-easyform .col-xs-5, .slam-easyform .col-sm-5, .slam-easyform .col-md-5, .slam-easyform .col-lg-5, .slam-easyform .col-xs-6, .slam-easyform .col-sm-6, .slam-easyform .col-md-6, .slam-easyform .col-lg-6, .slam-easyform .col-xs-7, .slam-easyform .col-sm-7, .slam-easyform .col-md-7, .slam-easyform .col-lg-7, .slam-easyform .col-xs-8, .slam-easyform .col-sm-8, .slam-easyform .col-md-8, .slam-easyform .col-lg-8, .slam-easyform .col-xs-9, .slam-easyform .col-sm-9, .slam-easyform .col-md-9, .slam-easyform .col-lg-9, .slam-easyform .col-xs-10, .slam-easyform .col-sm-10, .slam-easyform .col-md-10, .slam-easyform .col-lg-10, .slam-easyform .col-xs-11, .slam-easyform .col-sm-11, .slam-easyform .col-md-11, .slam-easyform .col-lg-11, .slam-easyform .col-xs-12, .slam-easyform .col-sm-12, .slam-easyform .col-md-12, .slam-easyform .col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.slam-easyform .col-xs-1, .slam-easyform .col-xs-2, .slam-easyform .col-xs-3, .slam-easyform .col-xs-4, .slam-easyform .col-xs-5, .slam-easyform .col-xs-6, .slam-easyform .col-xs-7, .slam-easyform .col-xs-8, .slam-easyform .col-xs-9, .slam-easyform .col-xs-10, .slam-easyform .col-xs-11, .slam-easyform .col-xs-12{float:left}.slam-easyform .col-xs-12{width:100%}.slam-easyform .col-xs-11{width:91.66666667%}.slam-easyform .col-xs-10{width:83.33333333%}.slam-easyform .col-xs-9{width:75%}.slam-easyform .col-xs-8{width:66.66666667%}.slam-easyform .col-xs-7{width:58.33333333%}.slam-easyform .col-xs-6{width:50%}.slam-easyform .col-xs-5{width:41.66666667%}.slam-easyform .col-xs-4{width:33.33333333%}.slam-easyform .col-xs-3{width:25%}.slam-easyform .col-xs-2{width:16.66666667%}.slam-easyform .col-xs-1{width:8.33333333%}.slam-easyform .col-xs-pull-12{right:100%}.slam-easyform .col-xs-pull-11{right:91.66666667%}.slam-easyform .col-xs-pull-10{right:83.33333333%}.slam-easyform .col-xs-pull-9{right:75%}.slam-easyform .col-xs-pull-8{right:66.66666667%}.slam-easyform .col-xs-pull-7{right:58.33333333%}.slam-easyform .col-xs-pull-6{right:50%}.slam-easyform .col-xs-pull-5{right:41.66666667%}.slam-easyform .col-xs-pull-4{right:33.33333333%}.slam-easyform .col-xs-pull-3{right:25%}.slam-easyform .col-xs-pull-2{right:16.66666667%}.slam-easyform .col-xs-pull-1{right:8.33333333%}.slam-easyform .col-xs-pull-0{right:0}.slam-easyform .col-xs-push-12{left:100%}.slam-easyform .col-xs-push-11{left:91.66666667%}.slam-easyform .col-xs-push-10{left:83.33333333%}.slam-easyform .col-xs-push-9{left:75%}.slam-easyform .col-xs-push-8{left:66.66666667%}.slam-easyform .col-xs-push-7{left:58.33333333%}.slam-easyform .col-xs-push-6{left:50%}.slam-easyform .col-xs-push-5{left:41.66666667%}.slam-easyform .col-xs-push-4{left:33.33333333%}.slam-easyform .col-xs-push-3{left:25%}.slam-easyform .col-xs-push-2{left:16.66666667%}.slam-easyform .col-xs-push-1{left:8.33333333%}.slam-easyform .col-xs-push-0{left:0}.slam-easyform .col-xs-offset-12{margin-left:100%}.slam-easyform .col-xs-offset-11{margin-left:91.66666667%}.slam-easyform .col-xs-offset-10{margin-left:83.33333333%}.slam-easyform .col-xs-offset-9{margin-left:75%}.slam-easyform .col-xs-offset-8{margin-left:66.66666667%}.slam-easyform .col-xs-offset-7{margin-left:58.33333333%}.slam-easyform .col-xs-offset-6{margin-left:50%}.slam-easyform .col-xs-offset-5{margin-left:41.66666667%}.slam-easyform .col-xs-offset-4{margin-left:33.33333333%}.slam-easyform .col-xs-offset-3{margin-left:25%}.slam-easyform .col-xs-offset-2{margin-left:16.66666667%}.slam-easyform .col-xs-offset-1{margin-left:8.33333333%}.slam-easyform .col-xs-offset-0{margin-left:0}@media (min-width:768px){.slam-easyform .col-sm-1, .slam-easyform .col-sm-2, .slam-easyform .col-sm-3, .slam-easyform .col-sm-4, .slam-easyform .col-sm-5, .slam-easyform .col-sm-6, .slam-easyform .col-sm-7, .slam-easyform .col-sm-8, .slam-easyform .col-sm-9, .slam-easyform .col-sm-10, .slam-easyform .col-sm-11, .slam-easyform .col-sm-12{float:left}.slam-easyform .col-sm-12{width:100%}.slam-easyform .col-sm-11{width:91.66666667%}.slam-easyform .col-sm-10{width:83.33333333%}.slam-easyform .col-sm-9{width:75%}.slam-easyform .col-sm-8{width:66.66666667%}.slam-easyform .col-sm-7{width:58.33333333%}.slam-easyform .col-sm-6{width:50%}.slam-easyform .col-sm-5{width:41.66666667%}.slam-easyform .col-sm-4{width:33.33333333%}.slam-easyform .col-sm-3{width:25%}.slam-easyform .col-sm-2{width:16.66666667%}.slam-easyform .col-sm-1{width:8.33333333%}.slam-easyform .col-sm-pull-12{right:100%}.slam-easyform .col-sm-pull-11{right:91.66666667%}.slam-easyform .col-sm-pull-10{right:83.33333333%}.slam-easyform .col-sm-pull-9{right:75%}.slam-easyform .col-sm-pull-8{right:66.66666667%}.slam-easyform .col-sm-pull-7{right:58.33333333%}.slam-easyform .col-sm-pull-6{right:50%}.slam-easyform .col-sm-pull-5{right:41.66666667%}.slam-easyform .col-sm-pull-4{right:33.33333333%}.slam-easyform .col-sm-pull-3{right:25%}.slam-easyform .col-sm-pull-2{right:16.66666667%}.slam-easyform .col-sm-pull-1{right:8.33333333%}.slam-easyform .col-sm-pull-0{right:0}.slam-easyform .col-sm-push-12{left:100%}.slam-easyform .col-sm-push-11{left:91.66666667%}.slam-easyform .col-sm-push-10{left:83.33333333%}.slam-easyform .col-sm-push-9{left:75%}.slam-easyform .col-sm-push-8{left:66.66666667%}.slam-easyform .col-sm-push-7{left:58.33333333%}.slam-easyform .col-sm-push-6{left:50%}.slam-easyform .col-sm-push-5{left:41.66666667%}.slam-easyform .col-sm-push-4{left:33.33333333%}.slam-easyform .col-sm-push-3{left:25%}.slam-easyform .col-sm-push-2{left:16.66666667%}.slam-easyform .col-sm-push-1{left:8.33333333%}.slam-easyform .col-sm-push-0{left:0}.slam-easyform .col-sm-offset-12{margin-left:100%}.slam-easyform .col-sm-offset-11{margin-left:91.66666667%}.slam-easyform .col-sm-offset-10{margin-left:83.33333333%}.slam-easyform .col-sm-offset-9{margin-left:75%}.slam-easyform .col-sm-offset-8{margin-left:66.66666667%}.slam-easyform .col-sm-offset-7{margin-left:58.33333333%}.slam-easyform .col-sm-offset-6{margin-left:50%}.slam-easyform .col-sm-offset-5{margin-left:41.66666667%}.slam-easyform .col-sm-offset-4{margin-left:33.33333333%}.slam-easyform .col-sm-offset-3{margin-left:25%}.slam-easyform .col-sm-offset-2{margin-left:16.66666667%}.slam-easyform .col-sm-offset-1{margin-left:8.33333333%}.slam-easyform .col-sm-offset-0{margin-left:0}}@media (min-width:992px){.slam-easyform .col-md-1, .slam-easyform .col-md-2, .slam-easyform .col-md-3, .slam-easyform .col-md-4, .slam-easyform .col-md-5, .slam-easyform .col-md-6, .slam-easyform .col-md-7, .slam-easyform .col-md-8, .slam-easyform .col-md-9, .slam-easyform .col-md-10, .slam-easyform .col-md-11, .slam-easyform .col-md-12{float:left}.slam-easyform .col-md-12{width:100%}.slam-easyform .col-md-11{width:91.66666667%}.slam-easyform .col-md-10{width:83.33333333%}.slam-easyform .col-md-9{width:75%}.slam-easyform .col-md-8{width:66.66666667%}.slam-easyform .col-md-7{width:58.33333333%}.slam-easyform .col-md-6{width:50%}.slam-easyform .col-md-5{width:41.66666667%}.slam-easyform .col-md-4{width:33.33333333%}.slam-easyform .col-md-3{width:25%}.slam-easyform .col-md-2{width:16.66666667%}.slam-easyform .col-md-1{width:8.33333333%}.slam-easyform .col-md-pull-12{right:100%}.slam-easyform .col-md-pull-11{right:91.66666667%}.slam-easyform .col-md-pull-10{right:83.33333333%}.slam-easyform .col-md-pull-9{right:75%}.slam-easyform .col-md-pull-8{right:66.66666667%}.slam-easyform .col-md-pull-7{right:58.33333333%}.slam-easyform .col-md-pull-6{right:50%}.slam-easyform .col-md-pull-5{right:41.66666667%}.slam-easyform .col-md-pull-4{right:33.33333333%}.slam-easyform .col-md-pull-3{right:25%}.slam-easyform .col-md-pull-2{right:16.66666667%}.slam-easyform .col-md-pull-1{right:8.33333333%}.slam-easyform .col-md-pull-0{right:0}.slam-easyform .col-md-push-12{left:100%}.slam-easyform .col-md-push-11{left:91.66666667%}.slam-easyform .col-md-push-10{left:83.33333333%}.slam-easyform .col-md-push-9{left:75%}.slam-easyform .col-md-push-8{left:66.66666667%}.slam-easyform .col-md-push-7{left:58.33333333%}.slam-easyform .col-md-push-6{left:50%}.slam-easyform .col-md-push-5{left:41.66666667%}.slam-easyform .col-md-push-4{left:33.33333333%}.slam-easyform .col-md-push-3{left:25%}.slam-easyform .col-md-push-2{left:16.66666667%}.slam-easyform .col-md-push-1{left:8.33333333%}.slam-easyform .col-md-push-0{left:0}.slam-easyform .col-md-offset-12{margin-left:100%}.slam-easyform .col-md-offset-11{margin-left:91.66666667%}.slam-easyform .col-md-offset-10{margin-left:83.33333333%}.slam-easyform .col-md-offset-9{margin-left:75%}.slam-easyform .col-md-offset-8{margin-left:66.66666667%}.slam-easyform .col-md-offset-7{margin-left:58.33333333%}.slam-easyform .col-md-offset-6{margin-left:50%}.slam-easyform .col-md-offset-5{margin-left:41.66666667%}.slam-easyform .col-md-offset-4{margin-left:33.33333333%}.slam-easyform .col-md-offset-3{margin-left:25%}.slam-easyform .col-md-offset-2{margin-left:16.66666667%}.slam-easyform .col-md-offset-1{margin-left:8.33333333%}.slam-easyform .col-md-offset-0{margin-left:0}}@media (min-width:1200px){.slam-easyform .col-lg-1, .slam-easyform .col-lg-2, .slam-easyform .col-lg-3, .slam-easyform .col-lg-4, .slam-easyform .col-lg-5, .slam-easyform .col-lg-6, .slam-easyform .col-lg-7, .slam-easyform .col-lg-8, .slam-easyform .col-lg-9, .slam-easyform .col-lg-10, .slam-easyform .col-lg-11, .slam-easyform .col-lg-12{float:left}.slam-easyform .col-lg-12{width:100%}.slam-easyform .col-lg-11{width:91.66666667%}.slam-easyform .col-lg-10{width:83.33333333%}.slam-easyform .col-lg-9{width:75%}.slam-easyform .col-lg-8{width:66.66666667%}.slam-easyform .col-lg-7{width:58.33333333%}.slam-easyform .col-lg-6{width:50%}.slam-easyform .col-lg-5{width:41.66666667%}.slam-easyform .col-lg-4{width:33.33333333%}.slam-easyform .col-lg-3{width:25%}.slam-easyform .col-lg-2{width:16.66666667%}.slam-easyform .col-lg-1{width:8.33333333%}.slam-easyform .col-lg-pull-12{right:100%}.slam-easyform .col-lg-pull-11{right:91.66666667%}.slam-easyform .col-lg-pull-10{right:83.33333333%}.slam-easyform .col-lg-pull-9{right:75%}.slam-easyform .col-lg-pull-8{right:66.66666667%}.slam-easyform .col-lg-pull-7{right:58.33333333%}.slam-easyform .col-lg-pull-6{right:50%}.slam-easyform .col-lg-pull-5{right:41.66666667%}.slam-easyform .col-lg-pull-4{right:33.33333333%}.slam-easyform .col-lg-pull-3{right:25%}.slam-easyform .col-lg-pull-2{right:16.66666667%}.slam-easyform .col-lg-pull-1{right:8.33333333%}.slam-easyform .col-lg-pull-0{right:0}.slam-easyform .col-lg-push-12{left:100%}.slam-easyform .col-lg-push-11{left:91.66666667%}.slam-easyform .col-lg-push-10{left:83.33333333%}.slam-easyform .col-lg-push-9{left:75%}.slam-easyform .col-lg-push-8{left:66.66666667%}.slam-easyform .col-lg-push-7{left:58.33333333%}.slam-easyform .col-lg-push-6{left:50%}.slam-easyform .col-lg-push-5{left:41.66666667%}.slam-easyform .col-lg-push-4{left:33.33333333%}.slam-easyform .col-lg-push-3{left:25%}.slam-easyform .col-lg-push-2{left:16.66666667%}.slam-easyform .col-lg-push-1{left:8.33333333%}.slam-easyform .col-lg-push-0{left:0}.slam-easyform .col-lg-offset-12{margin-left:100%}.slam-easyform .col-lg-offset-11{margin-left:91.66666667%}.slam-easyform .col-lg-offset-10{margin-left:83.33333333%}.slam-easyform .col-lg-offset-9{margin-left:75%}.slam-easyform .col-lg-offset-8{margin-left:66.66666667%}.slam-easyform .col-lg-offset-7{margin-left:58.33333333%}.slam-easyform .col-lg-offset-6{margin-left:50%}.slam-easyform .col-lg-offset-5{margin-left:41.66666667%}.slam-easyform .col-lg-offset-4{margin-left:33.33333333%}.slam-easyform .col-lg-offset-3{margin-left:25%}.slam-easyform .col-lg-offset-2{margin-left:16.66666667%}.slam-easyform .col-lg-offset-1{margin-left:8.33333333%}.slam-easyform .col-lg-offset-0{margin-left:0}} /* End */ /* Start:/bitrix/components/slam/easyform/lib/css/bootstrapValidator.min.css?1764763422565*/ /*! * BootstrapValidator (http://bootstrapvalidator.com) * The best jQuery plugin to validate form fields. Designed to use with Bootstrap 3 * * @version v0.5.2, built on 2014-09-25 4:01:07 PM * @author https://twitter.com/nghuuphuoc * @copyright (c) 2013 - 2014 Nguyen Huu Phuoc * @license MIT */ .bv-form .help-block{margin-bottom:0}.bv-form .tooltip-inner{text-align:left}.nav-tabs li.bv-tab-success>a{color:#3c763d}.nav-tabs li.bv-tab-error>a{color:#a94442}.bv-form .bv-icon-no-label{top:0}.bv-form .bv-icon-input-group{top:0;z-index:100} /* End */ /* Start:/local/templates/main/components/slam/easyform/modal/style.min.css?1764765585805*/ .slam-easyform .modal{text-align:center}@media screen and (min-width:768px){.slam-easyform .modal:before{display:inline-block;vertical-align:middle;content:" ";height:100%}}.slam-easyform .modal-dialog{display:inline-block;text-align:left;vertical-align:middle}.slam-easyform .modal .modal-header .title{margin:0;font-size:22px;display:inline-block}.hide-formvalidation small.help-block{display:none!important}@keyframes spinner{to{transform:rotate(360deg)}}.slam-easyform .spinner,.slam-easyform .spinner:hover{position:relative;color:transparent}.slam-easyform .spinner:before{content:'';box-sizing:border-box;position:absolute;top:50%;left:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;border-radius:50%;border:2px solid #ccc;border-top-color:#333;animation:spinner .6s linear infinite} /* End */ /* Start:/local/components/mst/form.result.new/templates/detail/style.css?1533623202178*/ .fusion-spacing-yes{ margin-bottom: 5px !important; } .modal-dialog { width:600px !important; } #wait_comp_17c7268126188324d48b825adc3362e8{ display:none !important; } /* End */ /* /local/templates/main/themes/Avada/new-css/jquery.bxslider.css?14931990093913 */ /* /local/templates/main/themes/Avada/new-css/new-styles.css?176474872372700 */ /* /local/templates/main/components/bitrix/catalog/catalog/bitrix/news.detail/products/style.css?176465986951848 */ /* /bitrix/components/slam/easyform/lib/css/bootstrap.min.css?176476342222741 */ /* /bitrix/components/slam/easyform/lib/css/bootstrapValidator.min.css?1764763422565 */ /* /local/templates/main/components/slam/easyform/modal/style.min.css?1764765585805 */ /* /local/components/mst/form.result.new/templates/detail/style.css?1533623202178 */