/* Start:/local/templates/stopran/owl-carousel/owl.carousel.css?16843158712912*/ /** * Owl Carousel v2.2.1 * Copyright 2013-2017 David Deutsch * Licensed under () */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/local/templates/stopran/owl-carousel/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /* End */ /* Start:/local/templates/stopran/owl-carousel/owl.theme.css?1684315871936*/ /** * Owl Carousel v2.2.1 * Copyright 2013-2017 David Deutsch * Licensed under () */ .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} /* End */ /* Start:/local/templates/stopran/css/old_style.css?174903485949281*/ @font-face { font-family: 'GilroyRegular'; src: url('/local/templates/stopran/css/../fonts/GilroyRegular.eot'); src: url('/local/templates/stopran/css/../fonts/GilroyRegular.eot') format('embedded-opentype'), url('/local/templates/stopran/css/../fonts/GilroyRegular.woff2') format('woff2'), url('/local/templates/stopran/css/../fonts/GilroyRegular.woff') format('woff'), url('/local/templates/stopran/css/../fonts/GilroyRegular.ttf') format('truetype'), url('/local/templates/stopran/css/../fonts/GilroyRegular.svg#GilroyRegular') format('svg'); } @font-face { font-family: 'GilroyBold'; src: url('/local/templates/stopran/css/../fonts/GilroyBold.eot'); src: url('/local/templates/stopran/css/../fonts/GilroyBold.eot') format('embedded-opentype'), url('/local/templates/stopran/css/../fonts/GilroyBold.woff2') format('woff2'), url('/local/templates/stopran/css/../fonts/GilroyBold.woff') format('woff'), url('/local/templates/stopran/css/../fonts/GilroyBold.ttf') format('truetype'), url('/local/templates/stopran/css/../fonts/GilroyBold.svg#GilroyBold') format('svg'); } @font-face { font-family: 'BebasNeueBook'; src: url('/local/templates/stopran/css/../fonts/BebasNeueBook.eot'); src: url('/local/templates/stopran/css/../fonts/BebasNeueBook.eot') format('embedded-opentype'), url('/local/templates/stopran/css/../fonts/BebasNeueBook.woff2') format('woff2'), url('/local/templates/stopran/css/../fonts/BebasNeueBook.woff') format('woff'), url('/local/templates/stopran/css/../fonts/BebasNeueBook.ttf') format('truetype'), url('/local/templates/stopran/css/../fonts/BebasNeueBook.svg#BebasNeueBook') format('svg'); } @font-face { font-family: 'GilroyLight'; src: url('/local/templates/stopran/css/../fonts/GilroyLight.eot'); src: url('/local/templates/stopran/css/../fonts/GilroyLight.eot') format('embedded-opentype'), url('/local/templates/stopran/css/../fonts/GilroyLight.woff2') format('woff2'), url('/local/templates/stopran/css/../fonts/GilroyLight.woff') format('woff'), url('/local/templates/stopran/css/../fonts/GilroyLight.ttf') format('truetype'), url('/local/templates/stopran/css/../fonts/GilroyLight.svg#GilroyLight') format('svg'); } /* Eric Meyer's CSS Reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* End of Eric Meyer's CSS Reset */ html { height: 100%; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } body { font-family: 'GilroyRegular'; font-size:14px; height: 100%; } .wrapper { width: 100%; min-width: 300px; min-height: 100%; height: auto !important; height: 100%; } .content-wrapper {max-width:1200px; margin:0 auto;} .clear {clear:both;} /* Header -----------------------------------------------------------------------------*/ .header { height: 87px; background: #fff; border-bottom:1px solid #d9d7d7; } .header-logo {font-family: 'GilroyBold'; margin-top:27px; float:left; text-decoration:none; color:#137ad7; text-transform:uppercase; font-size:30px;} .header-logo .la {color:#e14546;} .header-logo .lb {color:#02c72f;} .header-menu ul li {float:right; padding-bottom:12px; position:relative; margin-left:25px;} .header-menu ul li ul {display:none; position:absolute; z-index:99; width:220px; padding:20px 20px 10px 20px; border-radius:15px; top:20px; left:-20px; background:#fff; -webkit-box-shadow: 9px 9px 30px 0px rgba(50, 50, 50, 0.11); -moz-box-shadow:9px 9px 30px 0px rgba(50, 50, 50, 0.11); box-shadow:9px 9px 30px 0px rgba(50, 50, 50, 0.11);} .header-menu ul li:hover ul {display:block;} .header-menu ul li ul li {float:none; margin:0px; padding:0px; margin-bottom:12px;} .header-menu ul li ul li a {font-family: 'GilroyRegular';} .header-menu ul li ul li a:hover {color:#e14546;} .header-menu ul li a {font-size:15px; color:#171515; text-decoration:none;font-family: 'GilroyBold';} .header-menu {float:right; margin:35px 0px 0px 0px;} .header-btn.main-btn {float:right; margin:20px 0px 0px 25px; width: 160px;height: 45px;} .header-btn.main-btn .btn-txt {top:14px;} /* Middle -----------------------------------------------------------------------------*/ .content {padding: 0 0 390px;} .main-begin {width:100%; height:528px; background:url(/local/templates/stopran/css/../img/main-begin.png) center center no-repeat;} .main-begin.specialists-begin {width:100%; height:528px; background:url(/local/templates/stopran/css/../img/specialistst-bg_2.png) center center no-repeat;} .page-lbl,h2 {text-align:center; margin-bottom:16px; font-size:36px; line-height:43px; color:#1a1031;font-family: 'GilroyBold';} .about-txt {max-width:870px; margin:0 auto; font-size:20px; color:#5d5d5d; text-align:center; line-height:32px;} .about-txt b {font-family: 'GilroyBold';color:#1a1031;} .main-about {padding:40px 0px 0px 0px;} .table {margin-bottom:20px;} .table table {width:100%;} .table table td,.table table th {text-align:left; padding:13px 25px 13px 25px;} .table table th {color:#1a1031; font-size:16px;font-family: 'GilroyBold';} .table table td {font-size:16px; line-height:25px;padding:23px 25px 23px 25px;} .table table tr td {background:#f2f2f2;} .table table tr:nth-child(2n-1) td {background:#fafafa;} h2 {margin-top:34px;} h2 sup,.page-lbl sup {font-size:11px; top:-4px; position:relative; right:-3px;} .spec-left {float:left; padding-top:106px;} .product-lbl {font-size:44px; margin-bottom:13px; text-transform:uppercase;font-family: 'GilroyBold'; color:#137ad7;} .product-lbl .la {color:#e14546;} .product-lbl .lb {color:#02c72f;} .product-slbl {font-size:44px; line-height:46px; color:#1a1031;font-family: 'GilroyLight'; margin-bottom:17px;} .product-txt {font-size:17px; line-height:25px; margin-bottom:35px; color:#484848;} .spec-left {float:left; width:51%;} .spec-left .header-btn.main-btn {float:left; margin:0px 10px 0px 0px;} .spec-right {float:right; width:44%; text-align:center; padding:140px 0px 0px 0px;} .spec-right img {width:96%;} .actions {padding:60px 0px 60px 0px; background: #f5f5f5; } .actions .page-lbl {margin-bottom:25px;} .actions .content-wrapper {position:relative;} .actions .owl-prev {display:block; position:absolute; top:50%; margin-top:21px; left:-40px; width:14px; height:25px; background:url(/local/templates/stopran/css/../img/arrow-left.png) left top no-repeat; background-size:100%;} .actions .owl-next {display:block; position:absolute; top:50%; margin-top:21px; right:-43px; width:14px; height:25px; background:url(/local/templates/stopran/css/../img/arrow-right.png) left top no-repeat; background-size:100%;} .combination {padding:80px 0px 80px 0px;} .combination-item {width:29%; position:relative: margin:0px 2% 0px 2%; display:inline-block; vertical-align:top; text-align:center;} .combination-item:nth-child(3) {} .drop-menu {position:fixed; display:none; z-index:99999; width:100%; height:100%; left:0px; top:0px; background:#fff;} .drop-menu-table {width:100%; height:100%; text-align:center; display:table;} .drop-menu-td {width:100%; height:100%; text-align:center; vertical-align:middle; display:table-cell;} .drop-menu-td li {padding:11px 0px 11px 0px;} .drop-menu-td li a {font-size:26px; line-height:29px; color:#1a1031; text-decoration:none;} .drop-menu .hasChild {padding-bottom:0px !important; padding-top:0px !important;} .drop-menu-td li.hasChild a {display:none;} .drop-menu-td li.hasChild li a {display:inline-block;} .drop-menu-td li.hasChild ul li:first-child {} .close {position:absolute; top:29px; right:29px;} .close img {width:20px;} .action-item {text-align:center; width:100%; min-height:220px; background:#fff; border-radius:12px; -webkit-box-shadow: 5px 5px 10px 0px rgba(50, 50, 50, 0.08); -moz-box-shadow:5px 5px 10px 0px rgba(50, 50, 50, 0.08); box-shadow:5px 5px 10px 0px rgba(50, 50, 50, 0.08); position:relative;} .actions .owl-carousel .owl-stage {padding-top:100px; padding-bottom:12px;} .action-over {width:205px; height:114px; background:url(/local/templates/stopran/css/../img/actions-over.png) left top no-repeat; background-size:100%; position:absolute; left:50%; top:-10px; margin-left:-102px;} .action-img {position:absolute; z-index:99; border-radius:190px; left:50%; top:-92px; left:50%; margin-left:-90px; width:180px; height:180px;} .action-num {display:inline-block; margin-bottom: 11px; width:48px; height:33px; padding-top:16px; font-size:20px; color:#fff; border-radius:90px;/* /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1a7fde+0,0a70ca+100 */ background: #1a7fde; /* Old browsers */ background: -moz-linear-gradient(top, #1a7fde 0%, #0a70ca 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #1a7fde 0%,#0a70ca 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #1a7fde 0%,#0a70ca 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a7fde', endColorstr='#0a70ca',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: 6px 6px 15px 0px rgba(72, 122, 213, 0.16); -moz-box-shadow: 6px 6px 15px 0px rgba(72, 122, 213, 0.16); box-shadow: 6px 6px 15px 0px rgba(72, 122, 213, 0.16);} .action-lbl {font-size:28px; line-height:32px; color:#1a1031;} .action-content {padding-top:129px; padding-bottom:32px;} .no-image .action-content {padding-top:30px;} .no-image .action-lbl {text-align:left !important; padding-left:25px; padding-right:25px;} .no-image .owl-carousel .owl-stage {padding-top:30px;} .factor-coll-item {float:left; width:32%; margin-right:2%;} .article-factors h2 {margin-bottom:25px;} .factor-coll-item:nth-child(3n) {float:right; margin-right:0px;} .combination-item {position:relative;} .combination-item:nth-child(1) .combination-icn { width: 43px; height: 81px; display:inline-block; background: #8734f7; -webkit-transform: skew(16deg); -moz-transform: skew(16deg); -o-transform: skew(16deg); transform: skew(16deg); /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e03541+1,d22735+100 */ background: #e03541; /* Old browsers */ background: -moz-linear-gradient(top, #e03541 1%, #d22735 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #e03541 1%,#d22735 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #e03541 1%,#d22735 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e03541', endColorstr='#d22735',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: 5px 5px 26px 0px rgba(50, 50, 50, 0.18); -moz-box-shadow:5px 5px 26px 0px rgba(50, 50, 50, 0.18); box-shadow:5px 5px 26px 0px rgba(50, 50, 50, 0.18); } .combination-icn {margin-bottom:22px;} .combo-plus {width:30px; height:30px; background:url(/local/templates/stopran/css/../img/plus.png) left top no-repeat; position:absolute; z-index:9; top:25px; right:-31px; background-size:100%; display:block;} .combination-item:nth-child(3) .combo-plus {display:none;} .combination-row {text-align:center;} .combination-item:nth-child(2) {margin-left:30px; margin-right:30px;} .combination-item:nth-child(2) .combination-icn { width: 43px; height: 81px; display:inline-block; background: #8734f7; -webkit-transform: skew(16deg); -moz-transform: skew(16deg); -o-transform: skew(16deg); transform: skew(16deg); /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#01d032+0,0db32c+100 */ background: #01d032; /* Old browsers */ background: -moz-linear-gradient(top, #01d032 0%, #0db32c 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #01d032 0%,#0db32c 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #01d032 0%,#0db32c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01d032', endColorstr='#0db32c',GradientType=0 ); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e03541', endColorstr='#d22735',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: 5px 5px 26px 0px rgba(50, 50, 50, 0.18); -moz-box-shadow:5px 5px 26px 0px rgba(50, 50, 50, 0.18); box-shadow:5px 5px 26px 0px rgba(50, 50, 50, 0.18); } .combination-item:nth-child(3) .combination-icn { width: 40px; height: 78px; display:inline-block; background: #8734f7; -webkit-transform: skew(16deg); -moz-transform: skew(16deg); -o-transform: skew(16deg); transform: skew(16deg); /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#01d032+0,0db32c+100 */ background: #01d032; /* Old browsers */ background: -moz-linear-gradient(top, #01d032 0%, #0db32c 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #01d032 0%,#0db32c 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #01d032 0%,#0db32c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01d032', endColorstr='#0db32c',GradientType=0 ); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e03541', endColorstr='#d22735',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: 5px 5px 26px 0px rgba(50, 50, 50, 0.18); -moz-box-shadow:5px 5px 26px 0px rgba(50, 50, 50, 0.18); box-shadow:5px 5px 26px 0px rgba(50, 50, 50, 0.18); } .combination-item:nth-child(3) .combination-icn { width: 43px; height: 81px; display:inline-block; background: #8734f7; -webkit-transform: skew(16deg); -moz-transform: skew(16deg); -o-transform: skew(16deg); transform: skew(16deg); /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1a7fde+1,0a70ca+100 */ background: #1a7fde; /* Old browsers */ background: -moz-linear-gradient(top, #1a7fde 1%, #0a70ca 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #1a7fde 1%,#0a70ca 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #1a7fde 1%,#0a70ca 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a7fde', endColorstr='#0a70ca',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: 5px 5px 26px 0px rgba(50, 50, 50, 0.18); -moz-box-shadow:5px 5px 26px 0px rgba(50, 50, 50, 0.18); box-shadow:5px 5px 26px 0px rgba(50, 50, 50, 0.18); } .combination-lbl {font-size:28px; margin-bottom:11px;} .combination-txt {font-size:17px; line-height:26px; color:#1b1b1b;} .combination-item:nth-child(1) .combination-lbl {color:#e14546;} .combination-item:nth-child(2) .combination-lbl {color:#02c72f;} .combination-item:nth-child(3) .combination-lbl {color:#137ad7;} .combination .page-lbl {margin-bottom:60px;} .usage {padding:80px 0px 80px 0px; background:#f9f9f9;} .usage-left {float:left; width:48%;} .usage-right {float:right; width:48%; text-align:left;} .usage-right .page-lbl {text-align:left; margin-bottom:22px;} .main-problems {text-align:center; padding:40px 0px 80px 0px;} .main-problem-txt {font-size:20px; margin-bottom:13px; color:#1a1031;font-family: 'GilroyBold';} .main-problem-link a {font-size:15px; color:#e14546; font-family: 'GilroyBold';} .main-problem-icon {margin-bottom:17px;} .main-problem-icon img {height:68px;} .main-problem-i {width:17.6%; margin-left:1.2%; margin-right:1.2%; display:inline-block; vertical-align:top;} .main-problem-i:first-child {margin-left:0px;} .main-problem-i:last-child {margin-right:0px;} .intro-article {margin-bottom:40px; line-height:0px; position:relative;} .intro-article-over {width:100%; height:100%; display:table; z-index:9; position:absolute; top:0px; left:0px; background:rgba(0,0,0,0.36);} .intro-article-over-a {width:100%; height:100%; display:table-cell; text-align:center; vertical-align:middle; } .intro-lbl {color:#fff; font-size:43px; line-height:52px; position:relative; font-family: 'GilroyBold';} .intro-lbl::before {width:230px; height:2px; position:absolute; top:-23px; left:50%; margin-left:-115px; background:#fff; display:block; content:'';} .intro-lbl::after {width:230px; height:2px; position:absolute; bottom:-27px; left:50%; margin-left:-115px; background:#fff; display:block; content:'';} .levels-row {padding-bottom:80px;} .article-inverse {padding:0px 0px 0px 0px; background:#f9f9f9;} .recommendations {padding:80px 0px 10px 0px;} .recommendations .page-lbl {margin-bottom:43px;} .recommendations-left {width:64%; padding-right:35px; float:left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .recommendations-right {width:36%; float:right;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .recommend-good {border-radius:10px; margin-bottom:10px; background:#f6faf4; padding:25px 25px 25px 25px; font-size:16px; line-height:25px; color:#484848;} .recommend-good .recommend-inner {background:url(/local/templates/stopran/css/../img/ok-icn.png) left top no-repeat; min-height:30px; background-size:30px; padding-left:45px;} .recommend-inner b {font-family: 'GilroyBold';} .recommend-bad {border-radius:10px; margin-bottom:10px; background:#fdf5f5; padding:25px 25px 25px 25px; font-size:16px; line-height:25px; color:#484848;} .recommend-bad .recommend-inner {background:url(/local/templates/stopran/css/../img/bad-icn.png) left top no-repeat; min-height:30px; background-size:30px; padding-left:45px;} .recommend-inner b {font-family: 'GilroyBold';} .recommend-lbl {font-size:25px; color:#1a1031;font-family: 'GilroyBold'; margin-bottom:19px;} .content-wrapper-a {max-width:970px; margin:0 auto; padding:60px 0px 60px 0px;} .content-wrapper-a.no-margin {padding-bottom:60px;} .content-wrapper-a.no-padding {padding-bottom:10px;} .article-page h1 {text-align:center; font-size:47px; margin-bottom:30px; color:#1a1031;font-family: 'GilroyBold';} .article-lead {background:#f9f9f9; padding:25px 25px 25px 25px; line-height:32px; margin-bottom:25px; font-size:20px; color:#484848;} .article-page p sup {font-size:11px; line-height:0px;} .article-lead sup {font-size:11px; line-height:0px;} .article-page p {font-size:16px; padding-left: 25px; padding-right:25px; margin-bottom:15px; color:#343434; line-height:26px;} .article-page p b {font-family: 'GilroyBold';} .article-page p a {color:#4a7dd9;} .action-content p {text-align:left;} .article-page .action-lbl {margin-bottom:9px;} .article-page .actions {} .levels-item {width:20.6%; margin-right:1.4%; float:left; border-radius:10px; background:#fcf1f2; padding:20px 20px 20px 20px;} .levels-item:nth-child(4) {float:right; margin-right:0px;} .levels-item p {padding-left:0px; padding-right:0px;} .level-num {font-size:35px; margin-bottom:6px; color:#1a1031; position:relative;} .level-num span {display:block; background:#e14546; position:absolute; top:14px; left:55px; width:58px; height:4px;} .level-lbl {font-size:28px; margin-bottom:10px; color:#1a1031;font-family: 'GilroyBold';} .types-coll-i {text-align:center; min-height:195px; width:48.6%; float:left; margin-bottom:20px; background:#fff; border-radius:12px; -webkit-box-shadow: 5px 5px 10px 0px rgba(50, 50, 50, 0.08); -moz-box-shadow:5px 5px 10px 0px rgba(50, 50, 50, 0.08); box-shadow:5px 5px 10px 0px rgba(50, 50, 50, 0.08); position:relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding:25px 25px 25px 25px; text-align:left;} .types-coll-i-lbl {font-size:28px; margin-bottom:8px; color:#1a1031;} .types-coll-i-txt {font-size:16px; color:#343434; line-height:26px;} .types-coll-i:nth-child(2n) {float:right;} .links-devider {width:100%; height:2px; background:#efefef; margin-bottom:40px;} .articles-links {max-width:970px; margin:0 auto; padding:0px 0px 40px 0px;} .articles-links ul {padding-left:25px;} .articles-links ul li {margin-bottom:12px; line-height:20px; font-size:12px;} .articles-links ul li a {color:#4a7dd9;} .usage-left {padding-top:20px;} .usage-right .main-btn {margin:30px 0px 0px 25px; width:200px;} .usage-img {text-align:center; margin-bottom:35px;} .usage-img img {width:80%;} .product-btns {text-align:center;} .combination-comment {text-align:center; font-size:16px; color:#676767; margin-top:50px;} .notice {padding:80px 0px 80px 0px;} .notice .page-lbl {margin-bottom:51px;} .notice-img {width:160px; margin:0 auto;} .notice-img img {width:100%;} .notice-item {width:24%; float:left; margin-right:1%; text-align:center;} .notice-item:nth-child(4) {float:right;} .notice-txt {font-size:18px; line-height:25px; color:#1b1b1b;} .usage-left .main-btn {float:none; display:inline-block;} .usage-left .main-btn.white {width:210px;} .variant {padding:30px 20px 20px 30px; border-radius:10px; background:#fff;-webkit-box-shadow: 3px 3px 21px 0px rgba(50, 50, 50, 0.1); -moz-box-shadow:3px 3px 21px 0px rgba(50, 50, 50, 0.1); box-shadow:3px 3px 21px 0px rgba(50, 50, 50, 0.1); -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; margin-bottom:20px;} .variant p {position:relative;font-size:17px; margin-bottom:18px; line-height:25px; color:#484848;} .variant ul li {position:relative;font-size:17px; margin-bottom:18px; color:#484848;} .variant ul {padding:0px 0px 0px 32px;} .variant ul li::before {content:''; position:absolute; left:-32px; top:-5px;background: #1a7fde; background: -moz-linear-gradient(top, #1a7fde 0%, #0a70ca 100%); background: -webkit-linear-gradient(top, #1a7fde 0%,#0a70ca 100%); background: linear-gradient(to bottom, #1a7fde 0%,#0a70ca 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a7fde', endColorstr='#0a70ca',GradientType=0 ); -webkit-box-shadow: 6px 6px 15px 0px rgba(72, 122, 213, 0.16); -moz-box-shadow: 6px 6px 15px 0px rgba(72, 122, 213, 0.16); box-shadow: 6px 6px 15px 0px rgba(72, 122, 213, 0.16); display:block; width:24px; height:24px; font-size:13px; padding-top:7px; text-align:center; border-radius:90px; color:#fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .variant-lbl {font-size:23px; margin-bottom:21px; color:#1a1031;font-family: 'GilroyBold';} .variant ul li:nth-child(1)::before {content:'1'} .variant ul li:nth-child(2)::before {content:'2'} .variant ul li:nth-child(3)::before {content:'3'} .indication {padding:90px 0px 0px 0px;} .indication-left {float:left; line-height:0px; padding-top:30px; position:relative; left:-20px;} .indication-lbl {font-size:36px; color:#1a1031; margin-bottom:14px; font-family: 'GilroyBold';} .indication-txt {font-size:17px; margin-bottom:16px; color:#484848; line-height:28px;} .indication-right {float:right; width:43%; } ul.marked{padding-left:24px;} ul.marked li {font-size:16px; line-height:26px; position:relative; margin-bottom:10px; color:#484848;} ul.marked li::before {content:' '; display:block; position:absolute; left:-35px; top:4px; background:url(/local/templates/stopran/css/../img/marked.png) left top no-repeat; width:38px; height:38px; background-size:100%;} ul.marked li sup {line-height:0px;} .article-nav {padding-bottom:25px;} .article-nav ul {padding-left:24px;} .article-nav ul li {font-size:17px; line-height:28px; position:relative; margin-bottom:10px; color:#484848;} .article-nav ul li::before {content:' '; display:block; position:absolute; left:-35px; top:5px; background:url(/local/templates/stopran/css/../img/marked.png) left top no-repeat; width:38px; height:38px; background-size:100%;} .article-nav ul li a {color:#4a7dd9;} .indication-list {position:absolute; top:100px; left:129px; line-height:23px;} .indication-list li {font-size:24px;margin-bottom:24px; text-shadow:1px 1px 0px rgba(0,0,0,0.1); position:relative; color:#fff;} .indication-list li::before {display:block; background:url(/local/templates/stopran/css/../img/li.png) left top no-repeat; content:' '; position:absolute; left:-40px; top:-1px; width:37px; height:37px; background-size:100%;} .indication-list li:nth-child(2) {margin-left:8px;} .indication-list li:nth-child(3) {margin-left:16px;} .indication-right .marked {margin-bottom:28px; } .indication-right .main-btn {width:210px;margin-left:22px;} .indication-right .main-btn span.btn-inner { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1a7fde+0,0a70ca+100 */ background: #1a7fde; /* Old browsers */ background: -moz-linear-gradient(top, #1a7fde 0%, #0a70ca 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #1a7fde 0%,#0a70ca 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #1a7fde 0%,#0a70ca 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a7fde', endColorstr='#0a70ca',GradientType=0 ); /* IE6-9 */ } .important-popup {width:800px; height:600px; display:none; border-radius:20px; background:#fff; overflow-y:scroll; position:fixed; top:50%; left:50%; z-index:99; margin-top:-300px; margin-left:-400px;} .important-popup-a {padding:20px 40px 40px 40px;} .important-popup ul.marked li {margin-bottom:6px; font-size:15px;} .important-popup-a h2 {font-size:30px; margin-top:14px;} .important-popup-a p {font-size:15px; line-height:28px;margin-bottom:6px;} .important-popup-a b {font-family: 'GilroyBold'; display:block;} .inverse-p {max-width:970px; margin:0 auto;} .important {padding:0px 0px 50px 0px; } .important-item {margin-bottom:20px; overflow:hidden; background:#f7f7f7 url(/local/templates/stopran/css/../img/important-bg.png) left top repeat-x;} .important-item-txt {float:left; width:42%; float:left; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding:55px 0px 30px 45px;} .important-lbl {font-size:28px; line-height:37px; margin-bottom:11px; color:#1a1031;font-family: 'GilroyBold';} .important-item-txt p {font-size:15px; margin-bottom:30px; color:#343434; line-height:25px;} .important-item-img {width:54.2%; position:relative; float:right; margin:0px; line-height:0px;} .important-item-img img {width:100%;} .important-over-left {width:159px; position:absolute; left:0px; top:0px;} .important-over-left img {width:100%;} .important-over-right {width:159px; position:absolute; right:-55px; top:0px;} .important-over-right img {width:100%;} .inverse .important-item-txt {float:right; text-align:right; padding-right:45px; padding-left:20px;} .inverse .important-item-img {float:left;} .inverse .important-over-left {width:100px; position:absolute; left:0px; top:0px;} .inverse .important-over-right {width:169px; position:absolute; right:0px; top:0px;} .inverse .main-btn {display:inline-block; margin-right:8px;} .popular {background:#f9f9f9; padding:70px 0px 80px 0px;} .popular .page-lbl {margin-bottom:40px;} .popular-item {width:48%; float:left; min-height:200px; background:#fff; border-radius:15px; -webkit-box-shadow: 9px 9px 30px 0px rgba(50, 50, 50, 0.11); -moz-box-shadow:9px 9px 30px 0px rgba(50, 50, 50, 0.11); box-shadow:9px 9px 30px 0px rgba(50, 50, 50, 0.11);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; position:relative;} .popular-item-bg {width:80%; height:100px; background:#fff; position:absolute; left:50%; margin-left:-40%; bottom:-20px;-webkit-box-shadow: 9px 9px 30px 0px rgba(50, 50, 50, 0.11); -moz-box-shadow:9px 9px 30px 0px rgba(50, 50, 50, 0.11); z-index:-1; border-radius:15px; box-shadow:9px 9px 30px 0px rgba(50, 50, 50, 0.11);} .main-begin-left {float:left; margin-top:130px;} .main-begin-right {float:right; margin:13px 180px 0px 0px;} .main-begin-right img {width:337px;} .main-begin-lbl {font-size:44px;margin-bottom:15px; line-height:51px; color:#1a1031;font-family: 'GilroyBold';} .main-begin-txt {font-size:16px; color:#666666; margin-bottom:42px;} .main-btn {position:relative; display:block; padding-left:8px; width: 190px;height: 47px;} .main-btn span.btn-inner { position:relative; width: 100%; height: 100%; background: #8734f7; -webkit-transform: skew(16deg); -moz-transform: skew(16deg); -o-transform: skew(16deg); transform: skew(16deg); display:block; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e03541+1,d22735+100 */ background: #e03541; /* Old browsers */ background: -moz-linear-gradient(top, #e03541 1%, #d22735 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #e03541 1%,#d22735 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #e03541 1%,#d22735 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e03541', endColorstr='#d22735',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: 8px 8px 26px 0px rgba(50, 50, 50, 0.11); -moz-box-shadow:8px 8px 26px 0px rgba(50, 50, 50, 0.11); box-shadow:8px 8px 26px 0px rgba(50, 50, 50, 0.11); } .btn-txt {color:#fff; font-size:15px; position:absolute; display:block;font-family: 'GilroyBold'; width:100%; text-align:center; top:15px; left:4px;} .important-item-txt .main-btn span.btn-inner { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1a7fde+0,0a70ca+100 */ background: #1a7fde; /* Old browsers */ background: -moz-linear-gradient(top, #1a7fde 0%, #0a70ca 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #1a7fde 0%,#0a70ca 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #1a7fde 0%,#0a70ca 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a7fde', endColorstr='#0a70ca',GradientType=0 ); /* IE6-9 */ } .main-btn.white {width: 186px;height: 42px;} .main-btn.white span.btn-inner { position:relative; width: 100%; height: 100%; background: #fff; -webkit-transform: skew(16deg); -moz-transform: skew(16deg); -o-transform: skew(16deg); transform: skew(16deg); display:inline-block; border:2px solid #e14546; -webkit-box-shadow: 8px 8px 26px 0px rgba(50, 50, 50, 0.11); -moz-box-shadow:8px 8px 26px 0px rgba(50, 50, 50, 0.11); box-shadow:8px 8px 26px 0px rgba(50, 50, 50, 0.11); } .main-btn.white .btn-txt {color:#e14546;} .product-btns a {float:left;} .problems-pop .popular-item {min-height:580px; margin:0px 0px 20px 0px; float:left;} .problems-pop .popular-item:nth-child(2n) {float:right;} .problems-pop .popular-item img {border-radius:15px 15px 0px 0px;} .popular-item:nth-child(2) {float:right;} .popular-img img {width:100%;} .popular-item-content {padding:25px 40px 35px 40px;} .popular-title {margin-bottom:8px;} .popular-title a {text-decoration:none; font-size:28px; line-height:33px; color:#1a1031;} .popular-lead {font-size:15px; margin-bottom:20px; color:#343434; line-height:25px;} .popular-item .main-btn span.btn-inner { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1a7fde+0,0a70ca+100 */ background: #1a7fde; /* Old browsers */ background: -moz-linear-gradient(top, #1a7fde 0%, #0a70ca 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #1a7fde 0%,#0a70ca 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #1a7fde 0%,#0a70ca 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a7fde', endColorstr='#0a70ca',GradientType=0 ); /* IE6-9 */ } .footer-a-left {float:left;} .footer-a-right {float:right;} .footer-btn {float:left; width:170px; margin-top:1px;} .footer-txt {float:left; font-size:15px; margin:0px 0px 0px 25px; color:#161515; line-height:26px; width:450px;} .footer-menu {margin-bottom:10px; margin-top:3px;} .footer-menu ul li {float:right; margin-left:25px;} .footer-menu ul li a {font-size:15px; color:#171515; text-decoration:none;font-family: 'GilroyBold';} .footer-a {padding:36px 0px 36px 0px;} .footer-b {text-align:center; color:#161515; font-family: 'BebasNeueBook'; text-transform:uppercase;border-bottom:1px solid #efefef; border-top:1px solid #efefef; padding:25px 0px 18px 0px; background:#fafafa; font-size:26px;} .footer-c {font-size:13px; line-height:23px; padding-top:30px; color:#5e5e5e;} .footer-copy {font-size:15px;} .overlay {position:fixed; top:0px; left:0px;display:none; width:100%; height:100%; z-index:99; background:rgba(0,0,0,0.6);} .specialist-popup {width:750px; height:384px; display:none; position:fixed; z-index:99; background:#fff; left:50%; top:50%; margin-top:-162px; margin-left:-375px;} .specialist-popup p {margin-bottom:12px;} .specialist-popup p:last-child {margin:0px;} .specialist-popup-i {padding:50px 60px 50px 65px; position:relative;} .specialist-lbl {text-align:left; margin-bottom:11px; font-size:29px; line-height:43px; color:#1a1031;font-family: 'GilroyBold';} .specialist-txt {font-size:16px; margin-bottom:28px; color:#343434; line-height:28px;} .specialist-close {position:absolute; top:25px; right:25px; width:16px;} .specialist-close img {width:100%;} .buy-popup {width:800px; min-height:400px; position:fixed; display:none; z-index:99; background:#fff; left:50%; top:50%; margin-top:-220px; margin-left:-375px;} .buy-popup .specialist-popup-i {padding-left:20px; padding-right:20px;} .spec-popup-left {width:46%; text-align:center; float:left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding:96px 20px 0px 20px;} .spec-popup-right {width:52%; float:right;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding-left:10px; padding-right:20px;} .spec-popup-left img {width:100%;} .order-left {float:left; margin-top:6px;} .order-right {float:right;} .order-right .main-btn {width:130px; height:38px;} .order-right .main-btn .btn-txt {top:10px;} .order-left a {text-decoration:none; color:#5c6063; font-size:30px;} .order-line {margin-bottom:26px;} .menu-btn {width:36px; display:none; margin:26px 0px 0px 20px; float:right;} .menu-btn img {width:100%;} /* Footer -----------------------------------------------------------------------------*/ .footer { margin: -390px auto 0; min-width: 300px; height: 390px; position: relative; } @media screen and (max-width:1400px) { .main-begin {height:459px; background-size:1650px;} .main-begin-left {margin-top:105px;} .main-begin-right img {width:291px;} } @media screen and (max-width:1280px) { .owl-prev,.owl-next {display:none !important;} .content-wrapper {padding:0px 20px 0px 20px;} .main-begin-lbl {font-size:42px; line-height:48px;} .page-lbl {font-size:34px; margin-bottom:8px;} .about-txt {font-size:18px; line-height:30px;} .main-problem-txt {font-size:17px; margin-bottom:10px;} .main-problem-link a {font-size:14px;} .important-lbl {font-size:26px; line-height:34px; margin-bottom:9px;} .important-item-txt {padding-top:30px;} .popular-title a {font-size:26px; line-height:30px;} .popular-title {margin-bottom:4px;} .popular-item-content {padding:15px 30px 30px 30px;} .product-slbl {font-size:38px; line-height:43px;} .product-lbl {font-size:38px;} .indication-lbl {font-size:33px;} .indication-txt {font-size:15px; line-height:24px;} ul.marked li {font-size:15px; margin-bottom:4px;} .indication-left img {width:500px;} .indication-left {left:0px;} .indication-list li {font-size:20px; margin-bottom:17px;} .indication-list {top:74px; left:110px;} .action-lbl {font-size:23px;} .article-page h1 {font-size:42px;} .article-lead {font-size:17px; line-height:26px;} .article-page p {font-size:14px; line-height:24px; margin-bottom:12px;} .page-lbl {font-size:30px;} .level-lbl {font-size:25px;} .level-num {font-size:30px;} .recommend-lbl {font-size:22px;} } @media screen and (max-width:1240px) { .levels-item {width:49%; float:left; margin:0px 0px 20px 0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .levels-item:nth-child(2n) {width:49%; float:right; margin:0px 0px 20px 0px;} } @media screen and (max-width:1100px) { .content-wrapper-a {padding-left:20px; padding-right:20px;} .main-begin {height:400px;} .main-begin-right img {width:253px;} .main-begin-left {margin-top:94px;} .main-problem-icon img {font-size:55px;} .main-problem-txt {font-size:15px;} .important-lbl {font-size:22px; line-height:30px;} .important-item-txt p {font-size:14px; margin-bottom:15px;} .main-begin-lbl {font-size:38px; line-height:40px;} .important-item-txt {width:45%; padding-left:30px;} .inverse .important-item-txt {padding-right:30px;} .popular .page-lbl,.page-lbl {font-size:28px; line-height:36px;} .combination-lbl {font-size:26px; margin-bottom:8px;} .variant ul li {font-size:15px;} .variant p {font-size:15px; line-height:23px; margin-bottom:12px;} .about-txt {font-size:16px; line-height:26px;} .notice-txt {font-size:15px; line-height:23px;} .page-lbl {margin-bottom:8px;} .main-problem-icon img {height:50px;} .important-lbl {margin-bottom:6px;} .popular {padding:40px 0px 40px 0px;} .popular .page-lbl {margin-bottom:20px;} .footer-b {font-size:24px; padding-top:20px; padding-bottom:16px;} .footer-txt {font-size:14px; line-height:22px;} .footer-copy,.footer-menu ul li a {font-size:14px;} .product-slbl {font-size:33px; line-height:43px; margin-bottom:11px; line-height:39px;} .product-lbl {font-size:33px; margin-bottom:7px;} .indication-lbl {font-size:30px;} .indication {padding-top:40px;} .indication-right {width:46%;} .recommend-good,.recommend-bad {font-size:14px; line-height:22px;} } @media screen and (max-width:1000px) { .intro-article img {width:100%;} .indication-left {width:500px; margin:0 auto; float:none;} .indication-right {width:100%; padding-top:40px; padding-bottom:40px; float:none;} .spec-left {float:none; width:100%; text-align:center;} .spec-right {float:none; width:100%; text-align:center;} .footer-a-left {float:none; width:100%; text-align:center;} .footer-a-right {float:none; width:100%; text-align:center;} .footer-menu ul li {float:none; display:inline-block;} .footer-txt {float:none; display:block; width:100%; margin:20px 0px 20px 0px;} .footer-btn {float:none; display:inline-block;} .footer-menu ul li {margin:0px 10px 0px 10px;} .spec-left .header-btn.main-btn {float:none; display:inline-block;} .main-btn.white {float:none; display:inline-block;} .spec-left .header-btn.main-btn {margin:0px;} .product-btns a {margin:0px 6px 0px 6px;} .spec-right img {width:400px;} .spec-right {padding:60px 0px 20px 0px;} .spec-left {padding-top:0px;} .product-lbl {display:none;} .main-btn.white {height:36px;} } @media screen and (max-width:950px) { .usage-left {float:none; width:100%; margin-bottom:50px;} .usage-right {float:none; width:100%;} .usage-img img {width:400px;} .combination-item {float:none; width:100%; margin:0px 0px 40px 0px;} .combo-plus {display:none;} .combination-item:nth-child(2) {margin-left:0px; margin-right:0px;} .main-begin {height:360px;} .main-begin-right img {width:227px;} .main-begin-left {margin-top:70px;} .main-begin {background-size:1400px;} .main-begin-lbl {font-size:35px;} .main-begin-right {margin-right:80px;} .important-over-left,.important-over-right {display:none;} .main-btn {width:170px; height:43px;} .btn-txt {font-size:14px; top:13px;} .header-btn.main-btn {height:43px; width:150px;} .header-menu ul li a {font-size:14px;} .header-logo {font-size:28px;} .header-btn.main-btn {height:38px; width:140px;} .header-btn.main-btn .btn-txt {top:11px;} .header-logo {font-size:26px;} .header {height:77px;} .articles-links {max-width:auto;} } @media screen and (max-width:800px) { .notice-item,.notice-item:nth-child(3n) {width:48%; float:left; text-align:center; padding:0px; margin:0px 0px 20px 0px;} .notice-item:nth-child(2n),.notice-item:nth-child(4n) {float:right;} .notice-item {min-height:302px;} .notice {padding-bottom:20px;} .footer-c {font-size:12px; line-height:20px;} .main-begin-lbl {font-size:32px; line-height:37px;} .main-begin-txt {margin-bottom:30px;} .main-begin-right {display:none;} .main-begin-left {width:100%; margin-top:0px; padding-top:70px; float:none; text-align:center;} .main-btn {display:inline-block;} .main-begin {height:320px; background:url(/local/templates/stopran/css/../img/mobile-bg.png) center center no-repeat; background-size:800px;} .important-item-txt,.inverse .important-item-txt {width:100%; text-align:center; float:none; margin:0px 0px 0px 0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding:30px 20px 30px 20px;} .important-item-img {width:100%; float:none; margin:0px;} .popular-title a {font-size:22px; line-height:26px;} .popular-lead {font-size:14px; line-height:22px;} .popular-item-content {padding:16px 20px 20px 20px;} .footer-b {font-size:20px;} .header-menu {display:none;} .notice {padding-bottom:0px;} .menu-btn {display:block;} } @media screen and (max-width:700px) { .levels-item,.levels-item:nth-child(2n) {width:100%; margin:0px 0px 10px 0px;} .recommendations-left {margin-bottom:32px;} .recommendations-left,.recommendations-right {float:none; width:100%;} .recommendations-left {padding-right:0px;} .main-problems {padding:40px 0px 20px 0px;} .main-problem-i {width:48%; margin:0px 0px 60px 0px;} .popular-item,.popular-item:nth-child(2) {float:none; width:100%; margin:0px 0px 20px 0px;} .main-begin-txt {font-size:14px;} .recommendations {padding-top:40px;} .specialist-popup,.buy-popup,.important-popup {width:100%; height:100%; left:0px; top:0px; margin:0px; border-radius:0px; overflow-y:scroll;} .spec-popup-left {display:none;} .spec-popup-right {width:100%;} .page-lbl, h2 {line-height:36px;} .important-popup-a {padding-left:20px; padding-right:20px;} .types-coll-i,.types-coll-i:nth-child(2n) {width:100%; float:none; margin:0px 0px 20px 0px;} } /* Max width before this PARTICULAR table gets nasty. This query will take effect for any screen smaller than 760px and also iPads specifically. */ @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) { /* Force table to not be like tables anymore */ .priznaki table, .priznaki thead, .priznaki tbody, .priznaki th, .priznaki td, .priznaki tr { display: block; } /* Hide table headers (but not display: none;, for accessibility) */ .priznaki thead tr { position: absolute; top: -9999px; left: -9999px; } .priznaki tr { margin: 0 0 1rem 0; } .priznaki tr:nth-child(odd) { background: #ccc; } .priznaki td:first-child {font-family: 'GilroyBold'; font-size:20px !important;} .priznaki tr:first-child {display:none;} .priznaki td { /* Behave like a "row" */ border: none; position: relative; padding-left: 50%; } .priznaki td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: -3px; left: 25px; font-size:14px; font-family: 'GilroyBold'; width: 45%; padding-right: 10px; white-space: nowrap; } /* Label the data You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow. */ .priznaki td:nth-of-type(1):before { content:''; } .priznaki td:nth-of-type(2):before { content: "Венозные язвы"; } .priznaki td:nth-of-type(3):before { content: "Артериальные язвы"; } .priznaki td:nth-of-type(4):before { content: "Диабетические язвыы"; } /* Force table to not be like tables anymore */ .rany table, .rany thead, .rany tbody, .rany th, .rany td, .rany tr { display: block; } /* Hide table headers (but not display: none;, for accessibility) */ .rany thead tr { position: absolute; top: -9999px; left: -9999px; } .rany tr:first-child {display:none;} .rany tr { margin: 0 0 1rem 0; } .rany tr:nth-child(odd) { background: #ccc; } .rany td:first-child {padding-top:40px;} .rany td { /* Behave like a "row" */ border: none; position: relative; padding-left: 50%; } .rany td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: -3px; left: 25px; font-size:14px; font-family: 'GilroyBold'; width: 45%; padding-right: 10px; white-space: nowrap; } .rany td:first-child:before {top:13px;} /* Label the data You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow. */ .rany td:nth-of-type(1):before { content:'Тип повреждения'; } .rany td:nth-of-type(2):before { content: "Сопутствующие заболевания"; } .rany td:nth-of-type(3):before { content: "Присоединение инфекции"; } } @media screen and (max-width:600px) { .intro-article {height:170px;} .intro-article img {height:170px;} .main-begin-left {padding-top:60px;} .important .content-wrapper {padding-left:0px; padding-right:0px;} .important-item-img {padding:0px 20px 20px 20px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .important-item {margin-bottom:0px;} .content-wrapper {padding-left:15px; padding-right:15px;} .variant {padding-left:20px; padding-right:20px;} .popular .page-lbl, .page-lbl {font-size:24px; line-height:32px;} .indication-left img {width:400px;} .indication-list li {font-size:18px; margin-bottom:11px;} .indication-list {top:64px; left:94px;} .indication-left {width:320px;} .indication-left img,.spec-right img {width:290px;} .indication-list li {font-size:16px; margin-bottom:8px;} .indication-list li::before {width:29px; height:29px; left:-33px; top:0px;} .indication-list {top:57px; left:78px;} .actions {padding-top:40px; padding-bottom:40px;} .combination {padding-top:40px; padding-bottom:40px;} .notice {padding-top:40px; padding-bottom:40px;} .usage {padding-top:40px; padding-bottom:40px;} .footer-b {font-size:17px; line-height:22px;} .usage-img img {width:320px;} .product-slbl br {display:none;} .product-slbl {font-size:28px; line-height:33px;} .product-btns .header-btn.main-btn {width:130px; height:45px;} .product-btns .main-btn.white {width:168px; height:42px;} .product-btns .header-btn.main-btn .btn-txt {top:14px;} .product-btns .main-btn.white .btn-txt {top:15px;} .product-btns a {margin:0px;} .product-txt {margin-bottom:20px;} .spec-right {padding-top:50px;} .main-begin.specialists-begin {height:510px;} .indication {padding-top:20px;} .usage-left .main-btn {width:130px; height:45px;} .usage-left .main-btn .btn-txt {top:14px;} .footer {margin: -450px auto 0;height: 450px;} .header-logo {font-size:21px;margin-top:31px;} .header-btn.main-btn {width:130px;} .main-problem-txt {font-size:16px;} .main-begin-lbl {font-size:28px; line-height:33px;} .main-problem-icon img {height:60px;} .article-page p {padding-left:0px; padding-right:0px;} .article-inverse .content-wrapper-a {padding-top:30px; padding-bottom:30px;} .levels-row {padding-bottom:30px;} .content-wrapper-a.no-margin {padding-bottom:30px;} .content-wrapper-a {padding-top:30px; padding-bottom:30px;} .article-page h1 {font-size:30px; line-height:38px;} .intro-lbl {font-size:30px; line-height:33px;} .action-content p {padding-left:20px !important; padding-right:20px !important;} .factor-coll-item {float:none; width:100%; margin:0px 0px 20px 0px;} .important-popup .close {top:15px; right:15px;} .specialist-lbl {line-height:35px;} .specialist-popup-i {padding-left:20px; padding-right:20px;} .articles-links ul {padding-left:15px; padding-right:15px;} .small-table td,.small-table tr {font-size:13px !important; line-height:18px !important; padding:15 !important;} .intro-lbl {font-size:27px; line-height:30px;} .intro-lbl::before,.intro-lbl::after {display:none;} .page-lbl, h2 {font-size:22px; line-height:30px;} .intro-lbl br {display:none;} .owl-dots {text-align:center;} .owl-dots .owl-dot {display:inline-block; margin:0px 2px 0px 2px; border-radius:90px; width:12px; height:12px; background:#e0e0e0;} .owl-dots .owl-dot.active {background:#1a0f32;} .problems-pop .popular-item {min-height:auto;} .main-begin {background:url(/local/templates/stopran/css/../img/specialistst-bg.png) center top no-repeat;} .header-logo {font-size:19px;} .header-btn.main-btn {width:120px;} } /* End */ /* Start:/local/templates/stopran/css/new_design/style.css?173462395125447*/ @font-face{font-family:"GothamPro";src:url("/local/templates/stopran/css/new_design/../../fonts/GothamPro.woff2") format("woff2");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:"GothamPro";src:url("/local/templates/stopran/css/new_design/../../fonts/GothamPro-Medium.woff2") format("woff2");font-weight:500;font-display:swap;font-style:normal}@font-face{font-family:"GothamPro";src:url("/local/templates/stopran/css/new_design/../../fonts/GothamPro-Bold.woff2") format("woff2");font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:"RobotoCondensed";src:url("/local/templates/stopran/css/new_design/../../fonts/RobotoCondensed.woff2") format("woff2");font-weight:400;font-display:swap;font-style:normal}*{font-family:"GothamPro" !important}main.content{padding:0}main img{width:100%;height:100%;object-fit:contain}.simple-container{max-width:1036px;margin:0 auto;padding:0 20px; margin-top: 30px;}a{text-decoration:none;font-size:18px;line-height:115%}p{font-size:24px;line-height:115%;color:#043365}p.upperline{position:relative;padding-top:23px;font-weight:500}p.upperline:before{position:absolute;top:0;left:0;content:"";display:block;width:110px;height:7.4px;background:#ec6020}p.small{font-size:20px}p.small.bold{font-weight:700}p.red-border{color:#ec6020;padding:25px 35px;border:2px solid #ec6020;border-radius:20px;font-weight:500}.title{text-align:center;margin:0;line-height:115%;font-weight:500}.title--blue{font-size:32px;color:#043365}.title--orange{font-size:64px;color:#ec6020}.product-lbl{font-weight:500}.product-lbl .la{color:#ec6020}.combination-item:nth-child(1) .combination-icn{background:linear-gradient(270deg, #EC6020 2.06%, #F8AC1C 96.18%)}.combination-item:nth-child(2) .combination-icn{background:linear-gradient(90deg, #93C020 0%, #239037 100%)}.combination-item:nth-child(3) .combination-icn{background:linear-gradient(90deg, #1E90CD 0%, #0757A0 100%)}@media(max-width: 1280px){.title--blue{font-size:28px}.title--orange{font-size:60px}p{font-size:22px}p.small{font-size:18px}}@media(max-width: 1024px){.title--blue{font-size:26px}.title--orange{font-size:58px}p{font-size:20px}}@media(max-width: 768px){.title--blue{font-size:22px}.title--orange{font-size:56px}p{font-size:18px}p.small{font-size:16px}}header.header{height:unset;padding:30px 0}header.header .header-btn.main-btn{float:unset;margin:unset}header.header .header-logo{color:#043365;margin-top:0;font-weight:500}header.header .header__menu{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}header.header .header__links{display:-webkit-flex;display:-ms-flexbox;display:flex;font-weight:500;width:30%;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-left:auto;margin-right:55px}header.header .header__link{color:#043365}header.header .btn-gradient{background:linear-gradient(270deg, #EC6020 2.06%, #F8AC1C 96.18%); border:2px solid;padding:13px 27px;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-radius:111px;color:#fff}header.header .btn-gradient:hover{background: rgba(255, 255, 255, 0); border:2px solid; border-color:#EC6020; border-radius:111px; color:#EC6020}[data-el=header-popup]{cursor:pointer}.specialist-txt p{font-size:16px}.specialist-popup{height:324px}@media(max-width: 700px){.specialist-popup{height:100%}}@media(max-width: 800px){header.header .header__links{display:none}header.header .header__menu{-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}header.header .header__menu .menu-btn{margin-top:9px}header.header .header-logo{margin-right:auto}}@media(max-width: 576px){header.header .btn-gradient{width:160px;padding:13px 0;text-align:center}header.header .btn-gradient a{font-size:16px}}@media(max-width: 425px){header.header .btn-gradient{width:100px;margin-right:5px;font-size:12px}header.header .header__menu .menu-btn{margin-left:0}header.header .header__menu .spetsialistam-btn{margin-left:20px}}footer.footer{margin:0;min-width:unset;height:unset;position:unset;padding:60px 0 42px}footer.footer .content-wrapper{max-width:1700px;padding:0 13px}footer.footer p{color:#8a8a8a;font-size:14px;text-align:center}footer.footer p:nth-child(1){font-size:16px;margin-bottom:12px}footer.footer p:nth-child(2){text-transform:uppercase;font-size:32px;margin-bottom:26px;font-family:"RobotoCondensed" !important}footer.footer p:nth-child(3){text-align:justify}@media(max-width: 1280px){footer.footer{padding-top:40px}footer.footer p:nth-child(2){font-size:28px;margin-bottom:12px}}@media(max-width: 1024px){footer.footer{padding:20px 0}footer.footer p:nth-child(2){font-size:26px}}@media(max-width: 768px){footer.footer p:nth-child(2){font-size:24px}}@media(max-width: 576px){footer.footer{padding:10px 0}footer.footer p{font-size:12px}footer.footer p:nth-child(1){font-size:14px;margin-bottom:6px}footer.footer p:nth-child(2){font-size:22px;margin-bottom:6px}}.cards{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:20px}.cards.cards--types .card__header{margin-bottom:32px}.cards.cards--types .card__subheader{margin-bottom:45px}.cards.cards--types .card__subheader .title{text-transform:uppercase;margin-bottom:0}.cards.cards--types .card__footer{padding:50px 40px 46px;text-align:unset}.cards.cards--types .card__footer p.small{line-height:25px;margin-bottom:0}.cards.cards--types_withHeader .card__header{padding:23px 0 10px;font-size:52px;text-transform:uppercase;color:#fff;margin-bottom:38px}.cards.cards--types_withHeader .card__subheader{margin-bottom:30px}.cards.cards--2col{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2, 1fr);row-gap: 130px;column-gap: 24px;}.cards.cards--2col .card{position:relative}.cards.cards--2col .card.active{background:none}.cards.cards--2col .card.active:before{content:"";position:absolute;top:calc(20% - 35px);width:100%;height:calc(80% + 35px);background:linear-gradient(270deg, #EC6020 2.06%, #F8AC1C 96.18%);border-radius:20px;z-index:-1;transition:1s ease-in-out}.cards.cards--2col .card.active .card__svg{fill:#fff}.cards.cards--2col .card.active .card__body p{color:#fff}.cards.cards--2col .card:before{content:"";position:absolute;top:calc(20% - 35px);width:100%;height:0%;background:linear-gradient(270deg, #EC6020 2.06%, #F8AC1C 96.18%);border-radius:20px;z-index:-1;transition:1s ease-in-out}.cards.cards--2col .card.hover:hover{background:none}.cards.cards--2col .card.hover:hover .card__svg{fill:#fff}.cards.cards--2col .card.hover:hover .card__body p{color:#fff}.cards.cards--2col .card.hover:hover:before{height:calc(80% + 35px)}.cards.cards--2col .card__header{font-size:32px;padding:37px 0 14px;z-index:5}.cards.cards--2col .card__body{padding:0px 32px 40px;z-index:5}.cards.cards--2col .card__body p{font-weight:500;text-align:center}.cards.cards--2col .card__svg{margin-bottom:25px;max-width:170px;height:170px}.cards.cards--withIcon .card__body{padding:40px 35px 45px}.cards.cards--withIcon .card__body p{text-align:center}.cards.cards--withIcon .card__svg{margin-bottom:40px}.cards.cards--withBtn .card{padding-bottom:50px}.cards.cards--withBtn .card__btn{bottom:25px}.cards .card{background:#f7f7f7;border-radius:20px;width:100%;position:relative}.cards .card__header{min-height:20px;border-top-left-radius:10px;border-top-right-radius:10px;text-align:center}.cards .card__body{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.cards .card__btn{position:absolute;bottom:0;left:50%;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0);padding:12px 36px;font-weight:400;font-size:18px;line-height:115%;text-align:center;color:#fff;background:linear-gradient(90deg, #1E90CD 0%, #0757A0 100%);border:2px solid;border-radius:111px;}.cards .card__btn:hover{background: rgba(255, 255, 255, 0); color:#0757A0; border:2px solid; border-color:#0757A0; border-radius:111px;}.cards .card__svg{fill:#ec6020;max-width:100%}.cards .card__footer{text-align:center}@media(max-width: 1280px){.cards.cards--2col .card__header{font-size:28px}}@media(max-width: 1024px){.cards{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2, 1fr)}.cards .card__svg{max-width:140px !important;height:140px !important}.cards.cards--types_withHeader .card__header{font-size:48px;padding-top:15px}.cards.cards--2col .card__header{font-size:24px;padding-top:18px}.cards.cards--withIcon .card__body{padding:30px 25px 35px}}@media(max-width: 768px){.cards{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2, 1fr)}.cards.cards--types_withHeader .card__header{font-size:44px;padding-top:15px}.cards.cards--2col .card__header{font-size:20px;padding-top:18px}}@media(max-width: 576px){.cards{-ms-grid-columns:(1fr)[1];grid-template-columns:repeat(1, 1fr)}.cards .card__svg{max-width:120px !important;height:120px !important}.cards.cards--types .card__footer{padding:30px 20px 26px}.cards.cards--types_withHeader .card__header{margin-bottom:19px;font-size:38px}.cards.cards--types_withHeader .card__subheader{margin-bottom:20px}.cards.cards--2col{-ms-grid-columns:(1fr)[1];grid-template-columns:repeat(1, 1fr)}.cards.cards--2col .card__header{font-size:20px;padding-top:18px}.cards.cards--2col .card__body{padding-bottom:15px}.cards.cards--withIcon .card__body{padding:20px 25px 25px}}.section-videos{padding:50px 0 65px;background:#f7f7f7}.section-videos__title{color:#043365;font-weight:500;font-size:24px;margin:0;margin-bottom:44px;line-height:115%}.section-videos__container{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.section-videos__container .video{padding:23px 24px;box-shadow:0px 9px 9px rgba(114,114,114,.25);background:#fff;border-radius:10px;width:70%}.section-videos__container .video__view{width:100%;height:300px;background:dimgray;margin-bottom:25px;position:relative}.section-videos__container .video__view video{display:none}.section-videos__container .video__view:hover{cursor:pointer}.section-videos__container .video__play{width:96.4px;height:96.4px;border-radius:50%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background:#989da0}.section-videos__container .video__play::before{content:"";position:absolute;display:block;top:50%;left:calc(50% + 17px);-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);border:25px solid rgba(0,0,0,0);border-left:44px solid #dedfe0}@media(max-width: 1280px){.section-videos__title{font-size:22px}}@media(max-width: 1024px){.section-videos{padding:30px 0}.section-videos__title{margin-bottom:24px}.section-videos__container{gap:25px}}@media(max-width: 768px){.section-videos__container .video{width:100%}}@media(max-width: 576px){.section-videos__container .video__view{height:200px}}.front-page .section-about__carousel{height:100%;-ms-touch-action:none;touch-action:none;position:relative}.front-page .section-about__slide,.front-page .section-about__slide img{height:660px;width:100%}.front-page .section-about__slide img,.front-page .section-about__slide img img{object-fit:cover;width:100%;height:100%}.front-page .section-about .owl-dots{position:absolute;bottom:32px;left:50%;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0);display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:18px}.front-page .section-about .owl-dots .owl-dot{width:10px;height:10px;border-radius:50%;background:#afafaf}.front-page .section-about .owl-dots .owl-dot.active{background:#fff}@media(max-width: 1280px){.front-page .section-about__slide,.front-page .section-about__slide img{height:560px}}@media(max-width: 1024px){.front-page .section-about__slide,.front-page .section-about__slide img{height:460px}}@media(max-width: 768px){.front-page .section-about__slide,.front-page .section-about__slide img{height:360px}}@media(max-width: 576px){.front-page .section-about__slide,.front-page .section-about__slide img{height:300px}.front-page .section-about .owl-dots{gap:10px;bottom:15px}}@media(max-width: 425px){.front-page .section-about__slide,.front-page .section-about__slide img{height:240px}}@media(max-width: 375px){.front-page .section-about__slide,.front-page .section-about__slide img{height:200px}}.front-page .section-uni-helper{padding:73px 0 27px}.front-page .section-uni-helper .title:not(:last-child){margin-bottom:54px}.front-page .section-uni-helper .cards{margin-bottom:110px}.front-page .section-uni-helper .cards .card:nth-child(1) .card__header{background:linear-gradient(270deg, #EC6020 2.06%, #F8AC1C 96.18%)}.front-page .section-uni-helper .cards .card:nth-child(2) .card__header{background:linear-gradient(90deg, #93C020 0%, #239037 100%)}.front-page .section-uni-helper .cards .card:nth-child(3) .card__header{background:linear-gradient(90deg, #1E90CD 0%, #0757A0 100%)}.front-page .section-uni-helper .cards .card__body p{font-weight:500}@media(max-width: 1024px){.front-page .section-uni-helper{padding-top:63px}.front-page .section-uni-helper .cards{margin-bottom:80px}}@media(max-width: 576px){.front-page .section-uni-helper{padding-top:53px}.front-page .section-uni-helper .cards{margin-bottom:50px}}.front-page .section-healing{padding-bottom:81px}.front-page .section-healing .title{margin-bottom:61px}.front-page .section-healing__container{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-bottom:105px}.front-page .section-healing__container img{max-width:100%;width:unset}.front-page .section-healing .cards .card:nth-child(1) .card__header{background:linear-gradient(270deg, #EC6020 2.06%, #F8AC1C 96.18%)}.front-page .section-healing .cards .card:nth-child(2) .card__header{background:linear-gradient(90deg, #93C020 0%, #239037 100%)}.front-page .section-healing .cards .card:nth-child(3) .card__header{background:linear-gradient(90deg, #1E90CD 0%, #0757A0 100%)}.front-page .section-healing .cards .card__subheader{padding:32px 0;background:#efefef}.front-page .section-healing .cards .card__subheader .title{margin-bottom:0}.front-page .section-healing .cards .card__body{padding:40px 50px;-webkit-align-items:baseline;-ms-flex-align:baseline;-ms-grid-row-align:baseline;align-items:baseline}.front-page .section-healing .cards .card__body p{cursor:pointer}.front-page .section-healing .cards .card__body p:hover{color:#ec6020;font-weight:500}.front-page .section-healing .cards .card__body p:not(:last-child){margin-bottom:5px}.front-page .section-healing .cards .card__body p.active{color:#ec6020;font-weight:500}@media(max-width: 1024px){.front-page .section-healing{padding-bottom:61px}.front-page .section-healing .title{margin-bottom:21px}.front-page .section-healing__container{margin-bottom:65px}.front-page .section-healing .cards .card__subheader{padding:22px 0}.front-page .section-healing .cards .card__body{padding:30px 30px}}@media(max-width: 576px){.front-page .section-healing{padding-bottom:41px}.front-page .section-healing .title{margin-bottom:41px}.front-page .section-healing__container{margin-bottom:75px}.front-page .section-healing .cards .card__subheader{padding:15px 0}.front-page .section-healing .cards .card__body{padding:20px 20px}}.page-wounds .section-about .red-border,.page-body-burns .section-about .red-border,.page-bedsore .section-about .red-border{margin-bottom:46px}.page-wounds .section-about .title,.page-body-burns .section-about .title,.page-bedsore .section-about .title{margin-bottom:33px}@media(max-width: 1024px){.page-wounds .section-about,.page-body-burns .section-about,.page-bedsore .section-about{padding:26px 0 35px}.page-wounds .section-about .red-border,.page-body-burns .section-about .red-border,.page-bedsore .section-about .red-border{margin-bottom:33px}}@media(max-width: 576px){.page-wounds .section-about,.page-body-burns .section-about,.page-bedsore .section-about{padding:15px 0 25px}}.page-wounds .section-types{padding-bottom:66px}.page-wounds .section-types p.upperline{margin-bottom:23px}.page-wounds .section-types p.small{margin-bottom:46px}.page-wounds .section-types .cards{margin-bottom:39px}.page-wounds .section-types .cards .card:nth-child(1) .card__header{background:linear-gradient(270deg, #EC6020 2.06%, #F8AC1C 96.18%)}.page-wounds .section-types .cards .card:nth-child(2) .card__header{background:linear-gradient(270deg, #EC6020 2.06%, #F8AC1C 96.18%)}.page-wounds .section-types .cards .card:nth-child(3) .card__header{background:linear-gradient(270deg, #EC6020 2.06%, #F8AC1C 96.18%)}.page-wounds .section-types .red-border.small{margin-bottom:0}@media(max-width: 1024px){.page-wounds .section-types{padding-bottom:56px}.page-wounds .section-types .cards .card__header{margin-bottom:22px}.page-wounds .section-types .cards .card__subheader{margin-bottom:30px}.page-wounds .section-types .cards .card__footer{padding-top:30px}}@media(max-width: 576px){.page-wounds .section-types{padding-bottom:46px}.page-wounds .section-types .cards .card__header{margin-bottom:12px}.page-wounds .section-types .cards .card__subheader{margin-bottom:20px}.page-wounds .section-types .cards .card__footer{padding-top:20px}}.page-wounds .section-healing{padding-bottom:82px}.page-wounds .section-healing .title{margin-bottom:49px}.page-wounds .section-healing .cards .card:nth-child(1) .card__header{background:linear-gradient(270deg, #EC6020 2.06%, #F8AC1C 96.18%)}.page-wounds .section-healing .cards .card:nth-child(2) .card__header{background:linear-gradient(90deg, #93C020 0%, #239037 100%)}.page-wounds .section-healing .cards .card:nth-child(3) .card__header{background:linear-gradient(90deg, #1E90CD 0%, #0757A0 100%)}@media(max-width: 1024px){.page-wounds .section-healing{padding-bottom:41px}}.page-body-burns .section-factors{padding-bottom:100px}.page-body-burns .section-factors p.upperline{margin-bottom:46px}.page-body-burns .section-factors .cards .card:nth-child(1) .card__header{background:linear-gradient(270deg, #EC6020 2.06%, #F8AC1C 96.18%)}.page-body-burns .section-factors .cards .card:nth-child(2) .card__header{background:linear-gradient(270deg, #EC6020 2.06%, #F8AC1C 96.18%)}.page-body-burns .section-factors .cards .card:nth-child(3) .card__header{background:linear-gradient(270deg, #EC6020 2.06%, #F8AC1C 96.18%)}.page-body-burns .section-factors .cards--types_withHeader .card__header{margin-bottom:50px}.page-body-burns .section-factors .cards--types_withHeader .card__footer{padding-top:60px}.page-body-burns .section-factors .cards--types_withHeader .card__footer p.bold{margin-bottom:5px}@media(max-width: 1024px){.page-body-burns .section-factors{padding-bottom:75px}.page-body-burns .section-factors .cards--types_withHeader .card__header{margin-bottom:40px}.page-body-burns .section-factors .cards--types_withHeader .card__footer{padding-top:40px}}@media(max-width: 576px){.page-body-burns .section-factors{padding-bottom:50px}.page-body-burns .section-factors .cards--types_withHeader .card__header{margin-bottom:30px}.page-body-burns .section-factors .cards--types_withHeader .card__footer{padding-top:30px}}.page-body-burns .section-types{padding-bottom:100px}.page-body-burns .section-types .title{margin-bottom:46px}.page-body-burns .section-types .cards .card__header{background:linear-gradient(270deg, #EC6020 2.06%, #F8AC1C 96.18%)}@media(max-width: 1024px){.page-body-burns .section-types{padding-bottom:75px}.page-body-burns .section-types .title{margin-bottom:40px}}@media(max-width: 576px){.page-body-burns .section-types{padding-bottom:50px}.page-body-burns .section-types .title{margin-bottom:30px}}.page-body-burns .section-healing{padding-bottom:70px}.page-body-burns .section-healing .title{margin-bottom:50px}.page-body-burns .section-healing .cards .card:nth-child(1) .card__header{background:linear-gradient(270deg, #EC6020 2.06%, #F8AC1C 96.18%)}.page-body-burns .section-healing .cards .card:nth-child(2) .card__header{background:linear-gradient(90deg, #93C020 0%, #239037 100%)}.page-body-burns .section-healing .cards .card:nth-child(3) .card__header{background:linear-gradient(90deg, #1E90CD 0%, #0757A0 100%)}.page-body-burns .section-healing .cards .card__header{margin-bottom:0}.page-body-burns .section-healing .cards .card__footer{text-align:center;padding-top:60px}.page-body-burns .section-healing .cards .card .cards__btn{padding:12px 36px;font-weight:400;font-size:18px;line-height:115%;text-align:center;color:#fff;background:linear-gradient(90deg, #1E90CD 0%, #0757A0 100%);border-radius:111px}.cards .card .cards__btn:hover{background: rgba(255, 255, 255, 0) !important; color:#0757A0 !important; border:2px solid; border-color:#0757A0; border-radius:111px;}.page-body-burns .section-healing .cards .card__subheader{padding:38px 34px;margin-bottom:0}.page-body-burns .section-healing .cards .card__subheader p{text-align:center;font-weight:500}@media(max-width: 1024px){.page-body-burns .section-healing{padding-bottom:45px}.page-body-burns .section-healing .title{margin-bottom:40px}}@media(max-width: 576px){.page-body-burns .section-healing{padding-bottom:20px}.page-body-burns .section-healing .title{margin-bottom:30px}}.page-bedsore .section-understanding{padding-bottom:71px}.page-bedsore .section-understanding .upperline{margin-bottom:46px}.page-bedsore .section-understanding .title{margin-bottom:23px}.page-bedsore .section-understanding .title--diff{color:#ec6020;margin-bottom:35px}.page-bedsore .section-understanding img{margin-top:46px}.page-bedsore .section-understanding__container{max-width:70%;margin:65px auto 46px}.page-bedsore .section-understanding__container img{margin:0}@media(max-width: 768px){.page-bedsore .section-understanding__container{max-width:100%}}@media(max-width: 576px){.page-bedsore .section-understanding{padding-bottom:50px}}.page-bedsore .section-problems{padding-bottom:83px}.page-bedsore .section-problems .title{margin-bottom:35px}.page-bedsore .section-problems__descr{margin-bottom:46px}.page-bedsore .section-problems__descr span{font-weight:700}.page-bedsore .section-problems .cards{margin-bottom:71px}.page-bedsore .section-problems .cards .card:nth-child(1) .card__header{background:linear-gradient(270deg, #EC6020 2.06%, #F8AC1C 96.18%)}.page-bedsore .section-problems .cards .card:nth-child(2) .card__header{background:linear-gradient(270deg, #EC6020 2.06%, #F8AC1C 96.18%)}.page-bedsore .section-problems .cards .card:nth-child(3) .card__header{background:linear-gradient(270deg, #EC6020 2.06%, #F8AC1C 96.18%)}.page-bedsore .section-problems__container{margin-bottom:43px;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:54px;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.page-bedsore .section-problems__container .container__photo{min-width:332px;height:332px}.page-bedsore .section-problems__container .container__content p span{font-weight:700;color:#ec6020}.page-bedsore .section-problems .bold{font-weight:700;margin-bottom:45px}.page-bedsore .section-problems .bold span{color:#ec6020}.page-bedsore .section-problems__flex{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.page-bedsore .section-problems__btn{padding:12px 36px;border-radius:111px;background:linear-gradient(90deg, #1E90CD 0%, #0757A0 100%);color:#fff}.page-bedsore .section-problems__btn:hover{background: rgba(255, 255, 255, 0); color:#0757A0; border:2px solid; border-color:#0757A0; border-radius:111px;}@media(max-width: 1024px){.page-bedsore .section-problems__container{gap:40px}}@media(max-width: 768px){.page-bedsore .section-problems .cards{margin-bottom:50px}.page-bedsore .section-problems__container{gap:30px}}@media(max-width: 576px){.page-bedsore .section-problems{padding-bottom:50px}.page-bedsore .section-problems__container{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-bottom:25px}}.video-popup{display:none;width:50vw;position:fixed;z-index:100;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background:#fff}.video-popup__body{position:relative;padding:50px 60px 50px 65px}.video-popup__container{width:100%}.video-popup__container video{width:100%}.video-popup__close{cursor:pointer;position:absolute;top:25px;right:25px;width:16px}.video-popup__close img{width:100%}@media(max-width: 1024px){.video-popup{width:70vw}}@media(max-width: 768px){.video-popup{width:calc(100vw - 40px)}}.button-red{color:#ec6020;padding:25px 35px;border:2px solid #ec6020;border-radius:20px;font-weight:500; text-align: center;width:100%;transition: 0.5s; font-size: 20px;}.button-red:hover{background-color: #ec6020; color: white;}.button-container{display:flex;} /*# sourceMappingURL=../_sourcemaps/style.css.map */ /* End */ /* Start:/local/templates/stopran/css/new_style.css?1713994078374*/ @media (max-width: 576px){ header.header .btn-gradient { width: 180px!important; } } @media (max-width: 425px){ header.header .btn-gradient { width: 140px!important; } } @media (max-width: 800px){ header { overflow: hidden!important; position: fixed!important; top: 0!important; width: 100%!important; z-index:2; } main{ margin-top:100px; } } /* End */ /* /local/templates/stopran/owl-carousel/owl.carousel.css?16843158712912 */ /* /local/templates/stopran/owl-carousel/owl.theme.css?1684315871936 */ /* /local/templates/stopran/css/old_style.css?174903485949281 */ /* /local/templates/stopran/css/new_design/style.css?173462395125447 */ /* /local/templates/stopran/css/new_style.css?1713994078374 */