/* Start:/local/templates/lider/vendors/kcgallery/css/KCGallery.min.css?17271366189897*/ .kc-gallery{display:block;position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,.7);top:0;left:0;opacity:0;transition:.4s;z-index:9999999999}.kc-gallery.kc-show{opacity:1}.kc-gallery>.kc-head{position:relative;transform:translateY(-42px);transition:.3s;z-index:2}.kc-gallery.kc-panel>.kc-head{transform:translateY(0)}.kc-gallery>.kc-head>.kc-instruments>.kc-zoom>div:nth-child(1){display:inline-block;position:relative;vertical-align:top}.kc-gallery>.kc-head>.kc-instruments>.kc-zoom>div:nth-child(2),.kc-gallery>.kc-head>.kc-instruments>div{display:inline-block;position:relative;vertical-align:top;line-height:40px}.kc-gallery>.kc-head>.kc-instruments>.kc-rotate>div:nth-child(1),.kc-gallery>.kc-head>.kc-instruments>.kc-rotate>div:nth-child(2),.kc-gallery>.kc-head>.kc-instruments>.kc-zoom>div:nth-child(3){display:inline-block;position:relative;vertical-align:top}.kc-gallery>.kc-head>.kc-instruments>.kc-count{color:#ccc;padding:0 15px;font-size:16px}.kc-gallery>.kc-head>.kc-close,.kc-gallery>.kc-head>.kc-instruments{display:block;position:absolute;top:0;background-color:rgba(0,0,0,.4)}.kc-gallery>.kc-head>.kc-instruments>div:after{display:block;position:absolute;background-color:rgba(0,0,0,.4)}.kc-gallery>.kc-head>.kc-instruments{overflow:hidden}.kc-gallery>.kc-head>.kc-close{right:0;width:40px;height:40px;cursor:pointer;border-radius:0 0 0 15px;background-position:center;background-size:70%;background-repeat:no-repeat;background-image:url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F>');transition:.3s}.kc-gallery>.kc-head>.kc-instruments>div>div{transition:.3s}.kc-gallery>.kc-head>.kc-close:hover,.kc-gallery>.kc-head>.kc-instruments>div>div:hover{background-color:rgba(0,0,0,.6)}.kc-gallery>.kc-head>.kc-instruments>.kc-zoom>div:nth-child(2):hover{background-color:unset;background-color:rgba(0,0,0,.6);cursor:pointer}.kc-gallery>.kc-head>.kc-instruments{left:50%;transform:translateX(-50%);border-radius:0 0 15px 15px;white-space:nowrap;user-select:none}.kc-gallery>.kc-head>.kc-instruments>div{padding-right:0}.kc-gallery>.kc-head>.kc-instruments>div:after{content:"";height:60%;width:1px;top:50%;transform:translateY(-50%);right:-2px;background-color:#5e5e5e}.kc-gallery>.kc-head>.kc-instruments>div:last-child{padding-right:0}.kc-gallery>.kc-head>.kc-instruments>div:last-child:after{display:none}.kc-gallery>.kc-head>.kc-instruments>.kc-zoom{padding-left:32px;background-size:auto 50%;background-position:10px center;background-repeat:no-repeat;background-image:url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F>')}.kc-gallery>.kc-head>.kc-instruments>.kc-rotate>div:nth-child(1),.kc-gallery>.kc-head>.kc-instruments>.kc-zoom>div:nth-child(1){background-position:55%center}.kc-gallery>.kc-head>.kc-instruments>.kc-rotate>div:nth-child(1),.kc-gallery>.kc-head>.kc-instruments>.kc-rotate>div:nth-child(2),.kc-gallery>.kc-head>.kc-instruments>.kc-zoom>div:nth-child(1),.kc-gallery>.kc-head>.kc-instruments>.kc-zoom>div:nth-child(3){width:40px;height:40px;line-height:40px;font-size:18px;color:#ccc;text-align:center;cursor:pointer;transition:.3s;background-repeat:no-repeat;background-size:50%}.kc-gallery>.kc-head>.kc-instruments>.kc-zoom>div:nth-child(3){background-position:55%center}.kc-gallery>.kc-head>.kc-instruments>.kc-rotate>div:nth-child(1){background-image:url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F>')}.kc-gallery>.kc-head>.kc-instruments>.kc-rotate>div:nth-child(2){background-position:28%center;background-image:url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F>')}.kc-gallery>.kc-head>.kc-instruments>.kc-zoom>div:nth-child(2)>label:after{content:"%";display:inline-block;position:absolute;right:0;top:0;line-height:40px;color:#ccc}.kc-gallery.kc-move>*{pointer-events:none!important}.kc-gallery>.kc-head>.kc-instruments>.kc-zoom>div:nth-child(2)>label{pointer-events:none}.kc-gallery>.kc-head>.kc-instruments>.kc-zoom>div:nth-child(2)>label>input{line-height:40px;background-color:transparent;outline:0;border:0;width:37px;padding-right:15px;text-align:center;font-size:18px;color:#ccc}.kc-gallery>.kc-head>.kc-instruments>.kc-zoom>div:nth-child(2)>label>input::-webkit-inner-spin-button,.kc-gallery>.kc-head>.kc-instruments>.kc-zoom>div:nth-child(2)>label>input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.kc-gallery>.kc-body,.kc-gallery>.kc-description{display:block;position:absolute;width:100%}.kc-gallery>.kc-nav,.kc-gallery>.kc-nav>div{display:block;position:absolute;width:100%;left:0}.kc-gallery>.kc-body{height:100%;top:100%;left:0;z-index:1;transition:.5s}.kc-gallery.kc-move{cursor:move}.kc-gallery.kc-move>.kc-body{transition:none}.kc-gallery.kc-show>.kc-body{top:0}.kc-gallery>.kc-nav{top:50%;z-index:2}.kc-gallery>.kc-nav>div{width:90px;height:90px;border-radius:50%;background-color:rgba(0,0,0,.62);transform:translate(-100%,-50%);cursor:pointer;transition:.3s;opacity:.2;background-repeat:no-repeat;background-position:38px center;background-size:50%;background-image:url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F>')}.kc-gallery>.kc-description{left:50%;bottom:0;color:#ccc;width:calc(100% - 30px);max-width:1024px;padding:0 15px;transform:translate(-50%,100%);background-color:rgba(0,0,0,.62);opacity:.4;z-index:2;transition:.4s;border-radius:15px 15px 0 0}.kc-gallery.kc-panel>.kc-description{transform:translate(-50%,0)}.kc-gallery>.kc-description.kc-panel{transform:translate(-50%,100%)!important}.kc-gallery>.kc-description:hover,.kc-gallery>.kc-nav>div:hover{opacity:1}.kc-gallery>.kc-nav>div:nth-child(2){transform:translate(100%,-50%);left:unset;right:0;background-position:5px center;background-image:url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F>')}.kc-gallery.kc-panel>.kc-nav>div:nth-child(1){transform:translate(-50%,-50%)}.kc-gallery>.kc-nav>div.kc-panel:nth-child(1){transform:translate(-100%,-50%)}.kc-gallery.kc-panel>.kc-nav>div:nth-child(2){transform:translate(50%,-50%)}.kc-gallery>.kc-nav>div.kc-panel:nth-child(2){transform:translate(100%,-50%)}.kc-gallery>.kc-body>.kc-viewport{display:block;position:relative;top:50%;left:50%;transform-origin:center;transform:translate(-50%,-50%);width:100%;height:100%;max-width:50%;max-height:50%;background-color:#6c6c6c;background-size:30px;background-repeat:no-repeat;background-position:center;transition:.3s}.kc-gallery>.kc-body>.kc-viewport.kc-end{background-image:url('data:image/svg+xml,')}.kc-gallery>.kc-body>.kc-viewport.kc-load{background-color:transparent}.kc-gallery>.kc-body>.kc-viewport>img{display:block;position:absolute;width:100%;height:100%;top:0;left:0;object-fit:contain;object-position:center;transition:.3s}.kc-gallery>.kc-body>.kc-viewport>img.kc-end{opacity:0}.kc-gallery .kc-hide{display:none!important} /* End */ /* Start:/local/templates/lider/resourse/style.css?172804519346717*/ @import url(/local/templates/lider/resourse/library/css/default.css); @import url(http://fonts.googleapis.com/css?family=Francois+One); @import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300); /****************************************************************** GENERAL LAYOUT STYLES ******************************************************************/ body { background-color:#001627 !important; font-family:Arial, Helvetica, sans-serif !important; } address{font-style:normal;} #container, .wrap { width: 100%; margin: 30px auto; padding: 0; max-width: 1060px; /* remove or edit to adjust width */ min-width: 1060px; /* remove or edit to adjust width */ background:#043156; background-image:url(/local/templates/lider/resourse/library/images/bg-page.jpg); background-repeat:no-repeat; background-position:center top; border-radius: 10px; } /* layout options ( all have margins right & left of 1%) */ .col60 { width: 6.333%; } /* width 60px / grid_1 */ .col140 { width: 14.667%; } /* width 140px / grid_2 */ .col220 { width: 23.0%; } /* width 220px / grid_3 */ .col300 { width: 31.333%; } /* width 300px / grid_4 */ .col380 { width: 39.667%; } /* width 380px / grid_5 */ .col480 { width: 48.0%; } /* width 480px / grid_6 */ .col540 { width: 56.333%; } /* width 540px / grid_7 */ .col620 { width: 64.667%; } /* width 620px / grid_8 */ .col700 { width: 73.0%; } /* width 700px / grid_9 */ .col780 { width: 81.333%; } /* width 780px / grid_10 */ .col860 { width: 89.667%; } /* width 860px / grid_11 */ .col940 { width: 98.0%; } /* width 940px / grid_12 */ /* layout & column defaults */ .col60, .col140, .col220, .col300, .col380, .col480, .col540, .col620, .col700, .col780, .col860, .col940 { display: inline; float: left; margin-left: 1%; margin-right: 1%; position: relative; } /* default styles & fixes */ #main { margin-left: 0; } /* fixes alignment (defaulted at col620) */ #sidebar1 { margin-right: 0; } /* fixes alignment (defaulted at col300) */ /****************************************************************** LINK STYLES ******************************************************************/ a, a:visited { color:inherit; text-decoration:none;} a:hover, a:link {} a:active {} /* on click */ a:link { -webkit-tap-highlight-color : rgba(0,0,0,0); /* this highlights links on Iphones / iPads */ } /****************************************************************** TEXT SELECTION STYLES ******************************************************************/ /* Safari, Chrome, iPhones, iPads */ ::-webkit-selection { background: #6fc2f6; color:#fff; text-shadow : none; } /* Firefox */ ::-moz-selection { background: #6fc2f6; color:#fff; text-shadow : none; } /* The Rest of em */ ::selection { background: #6fc2f6; color:#fff; text-shadow : none; } /****************************************************************** WORDPRESS BODY CLASSES want to style a page via body class? go ahead ******************************************************************/ body.rtl {} body.home {} /* home page */ body.blog {} body.archive {} /* archive page */ body.date {} /* date archive page */ body.date-paged-1 {} /* replace the number to the corresponding page number */ body.search {} /* search page */ body.search-results {} /* search result page */ body.search-no-results {} /* no results search page */ body.search-paged-1 {} /* individual paged search (i.e. body.search-paged-3) */ body.error404 {} /* 404 page */ body.single {} /* single post page */ body.postid-1 {} /* individual post page by id (i.e. body.postid-73) */ body.single-paged-1 {} /* individual paged single (i.e. body.single-paged-3) */ body.attachment {} /* attatchment page */ body.attachmentid-1 {} /* individual attatchment page (i.e. body.attachmentid-763) */ body.attachment-mime-type {} /* style mime type pages body.author {} /* author page */ body.author-nicename {} /* user nicename (i.e. body.author-samueladams) */ body.author-paged-1 {} /* paged author archives (i.e. body.author-paged-4) for page 4 */ body.category {} /* category page */ body.category-1 {} /* individual category page (i.e. body.category-6) */ body.category-paged-1 {} /* replace the number to the corresponding page number */ body.tag {} /* tag page */ body.tag-slug {} /* individual tag page (i.e. body.tag-news) */ body.tag-paged-1 {} /* replace the number to the corresponding page number */ body.page-template {} /* custom page template page */ body.page-template-page-php {} /* individual page template (i.e. body.page-template-contact-php */ body.page-paged-1 {} /* replace the number to the corresponding page number */ body.page-parent {} body.page-child {} body.parent-pageid-1 {} /* replace the number to the corresponding page number */ body.logged-in {} /* if user is logged in */ body.paged {} /* paged items like search results or archives */ body.paged-1 {} /* individual paged (i.e. body.paged-3) */ /* new browser classes */ body.browser-lynx {} /* lynx browsers */ body.browser-gecko {} /* firefox browsers */ body.browser-opera {} /* opera browsers */ body.browser-ns4 {} /* ns4 browsers */ body.browser-safari {} /* safari browsers */ body.browser-chrome {} /* chrome browsers */ body.browser-ie {} /* ie browsers ( aka dinosaurs) */ body.browser-iphone {} /* iphones (expirimental, best to use Media Queries) */ /****************************************************************** HEADLINES & TITLES ******************************************************************/ h1, .h1 { font-family: 'Open Sans Condensed', sans-serif; } h2, .h2 { font-family: 'Open Sans Condensed', sans-serif; } h3, .h3 {} h4, .h4 { font-family: 'Open Sans Condensed', sans-serif; } h5, .h5 { font-family: 'Open Sans Condensed', sans-serif; } h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a { font-family: 'Open Sans Condensed', sans-serif; } .format-heading { text-transform:uppercase; font-weight:normal; } /****************************************************************** HEADER SYTLES ******************************************************************/ header[role=banner] { } #inner-header { position:relative; padding:0; } #top-header { background-image:url(/local/templates/lider/resourse/library/images/bg-header.png); padding:5px 4%; border-radius: 10px 10px 0 0; } #site-title { color:#fff; font-family: 'Francois One', sans-serif; text-shadow: 2px 2px 5px #000; margin:0; margin-right:250px; } #site-title a { color:#fff; font-family: 'Francois One', sans-serif; text-decoration: none; } h2#site-description { text-transform:uppercase; font-family: 'Open Sans Condensed', sans-serif; font-size:15px; color:#ffd21f; text-shadow: 1px 1px 2px #000; margin-bottom:10px; } #inner-header #searchform { position:absolute; top:25px; right:4%; } #inner-header #searchform label { display:none; } #inner-header #searchform #s { float:left; background:#dedede; width: 170px; padding:7px; padding-bottom:6px; padding-left:10px; border:1px solid #fff; border-radius:3px; border-top-right-radius:0; border-bottom-right-radius:0; box-shadow:0 0 3px #aaa inset; } #inner-header #searchform #s:focus { background:#f9f9f9; } #inner-header #searchform #searchsubmit { display:block; float:left; background:#ffd21f url(/local/templates/lider/resourse/library/images/magnify.png) no-repeat center center; height:32px; width:40px; border:0; text-indent:-9999px; outline:0; cursor:pointer; border-top:1px solid #fff; border-bottom:1px solid #d09907; border-right:1px solid #9c7914; border-top-right-radius:3px; border-bottom-right-radius:3px; } #headerimg { margin:0 4%; padding:2em 0 1.5em 0; } #headerimg img { border-radius: 10px; } /****************************************************************** NAVIGATION STYLES (Main Navigation) ******************************************************************/ nav[role=navigation] {} .menu { margin:0; } div.menu { margin:0 4%; } .navbreak { height:2px; overflow:hidden; clear:both; } nav[role=navigation] .menu ul { background:none; padding:0; } nav[role=navigation] .menu ul li {} nav[role=navigation] .menu ul li a { color:#fff; text-transform:uppercase; font-family: 'Francois One', sans-serif; font-size:16px; font-weight:normal; line-height:50px; padding: 0 0.8em; text-shadow: 1px 1px 2px #043156; letter-spacing:-1px; } nav[role=navigation] .menu ul li a:hover { background:none; color:#ffd21f; } nav[role=navigation] .menu ul li:first-child a {} nav[role=navigation] .menu ul li.current-menu-item a, .nav ul li.current_page_item a { background:none; color:#ffd21f; } nav[role=navigation] .menu ul li ul.sub-menu, nav[role=navigation] .menu ul li ul.children { background:#266190; box-shadow:2px 2px 2px #000; } nav[role=navigation] .menu ul li ul li a {} nav[role=navigation] .menu ul li ul li a:hover {} nav[role=navigation] .menu ul li ul li:last-child a {} nav[role=navigation] .menu ul li:hover ul { } nav[role=navigation] .menu ul li ul li ul.sub-menu, nav[role=navigation] .menu ul li ul li ul.children { margin-top:-50px; } nav[role=navigation] .menu ul li ul li:hover ul.sub-menu, nav[role=navigation] .menu ul li ul li:hover ul.children { } /****************************************************************** POSTS & CONTENT STYLES ******************************************************************/ #content { margin:0 4% 2em 4%; background:url(/local/templates/lider/resourse/library/images/separator.png) repeat-x; padding-top:2em;} #content .page-header { background:url(/local/templates/lider/resourse/library/images/separator.png) repeat-x left bottom; padding-bottom:1.2em; margin-top:15px; margin-bottom:20px; width:100%; line-height:normal; } #content header h1 { font-family: 'Open Sans Condensed', sans-serif; /*color:#ffd21f;*/ color:#fff; text-shadow: 1px 1px 2px #000; } #main { } article[id*=post-] { background:url(/local/templates/lider/resourse/library/images/separator.png) repeat-x left bottom transparent; color:#fff; } body.home article[id*=post-] h1, body.archive article[id*=post-] h1, body.search article[id*=post-] h1 { text-transform:uppercase; } /* want to style individual post classes? Booya! */ .post-id {} /* post by id (i.e. post-3) */ .post {} /* general post style */ .page {} /* general article on a page style */ .attachment {} /* general style on an attatchment */ .sticky {} /* sticky post style */ .hentry {} /* hentry class */ .category-slug {} /* style by category (i.e. category-videos) */ .tag-slug {} /* style by tag (i.e. tag-news) */ /* post meta */ .meta {margin:0 0 1.5em 0} .page-header .meta { margin-bottom:0 } .meta time {} /* post content */ .post_content { overflow:hidden } .post_content p {margin:0 0 1.5em 0} .post_content p:last-child { margin-bottom:0 } .post_content h1, .post_content h2, .post_content h3, .post_content h4 {margin:0 0 1.5em 0} .post_content ul, .post_content ol, .post_content table, .post_content dl {} .post_content ul, .post_content ol {} .post_content li {} .post_content ul li {} .post_content ol li {} .post_content blockquote {} .post_content blockquote:before {} /* this adds the quote before the blockquote */ .post_content dl {} .post_content dt {} .post_content dd {} .post_content img {} .post_content video {} .post_content object {} .wp-caption {} .wp-caption img {} .wp-caption p.wp-caption-text {} /* image gallery styles */ .gallery dl {} .gallery dt {} .gallery dd {} .gallery dl a {} .gallery dl img {} .gallery-caption {} .size-full {} .size-large {} .size-medium {} .size-thumbnail {} article[id*=post-] footer { padding-bottom:1em } /****************************************************************** POST FORMAT STYLES ******************************************************************/ /* Aside Posts */ .format-aside .entry-header { display: none; } .single .format-aside .entry-header { display: block; } .format-aside .entry-content, .format-aside .entry-summary { padding-top: 1em; } .single .format-aside .entry-content, .single .format-aside .entry-summary { padding-top: 0; } /* Image Posts */ .format-image .entry-header { display: none; } .single .format-image .entry-header { display: block; } .format-image .entry-content, .format-image .entry-summary { padding-top: 1em; } .single .format-image .entry-content, .single .format-image .entry-summary { padding-top: 0; } /****************************************************************** PAGE NAVI STYLES (Special Feature) ******************************************************************/ /* page navigation */ .page-navigation {} .onlinemarketer_page_navi {} .onlinemarketer_page_navi li.bpn-prev-link {} /* previous link */ .onlinemarketer_page_navi li.bpn-prev-link a {} .onlinemarketer_page_navi li.bpn-prev-link a:hover {} .onlinemarketer_page_navi li {} /* regular links */ .onlinemarketer_page_navi li a {} .onlinemarketer_page_navi li a:hover {} .onlinemarketer_page_navi li.bpn-current {} /* current page link */ .onlinemarketer_page_navi li.bpn-current:hover {} .onlinemarketer_page_navi li.bpn-next-link {} /* next page link */ .onlinemarketer_page_navi li.bpn-next-link a {} .onlinemarketer_page_navi li.bpn-next-link a:hover {} .onlinemarketer_page_navi li.bpn-last-page-link {} /* last page link */ .onlinemarketer_page_navi li.bpn-last-page-link a {} .onlinemarketer_page_navi li.bpn-last-page-link a:hover {} .onlinemarketer_page_navi li.bpn-first-page-link {} /* first page link */ .onlinemarketer_page_navi li.bpn-first-page-link a {} .onlinemarketer_page_navi li.bpn-first-page-link a:hover {} /* fallback previous & next links */ .wp-prev-next {} .wp-prev-next ul {} .wp-prev-next .prev-link {} .wp-prev-next .next-link {} /****************************************************************** PAGE LINK STYLES ******************************************************************/ .page-link { clear: both; display: block; margin: 0 0 1.625em; } .page-link a { margin: 0; padding: 2px 3px; } .page-link a:hover { font-weight: bold; } .page-link span { margin-right: 6px; } .wp-prev-next .prev-link, .nav-previous, .previous-image { float: left; margin:10px 0; font-family: 'Open Sans Condensed', sans-serif; font-size:16px; } .wp-prev-next .next-link, .nav-next, .next-image { float: right; margin:10px 0; font-family: 'Open Sans Condensed', sans-serif; font-size:16px; } #image-navigation, #comment-nav-below, #comment-nav-above, #nav-above, #nav-below { display:block; overflow:hidden } #comment-nav-above a, #comment-nav-below a { color:#075493; } /****************************************************************** COMMENT STYLES ******************************************************************/ #comments { margin:40px 0; } #comments-title { padding:0; padding-top:10px; padding-bottom:20px; font-family: 'Open Sans Condensed', sans-serif; font-size:18px; text-transform:uppercase; line-height:normal; color:#264F6F; margin:0; }/* h3 comment title */ #comments span {} /* number of comments span */ .comment-nav {} .comment-nav ul {} .comment-nav ul li {} .commentlist { margin:0; } .commentlist li.comment { background:#fafafa; border:1px solid #cfd3d6; border-radius:7px; box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 0px; } .commentlist li.pingback { margin:10px 0 20px 0; } .commentlist li[class*=depth-] { } .commentlist li.depth-1 {} .commentlist li.depth-2 {} .commentlist li.depth-3 {} .commentlist li.depth-4 {} .commentlist li.depth-5 {} .commentlist li ul.children li {} .commentlist li ul.children li.alt {} .commentlist li ul.children li.byuser {} .commentlist li ul.children li.comment {} .commentlist li ul.children li.depth-1 {} /* change number for different depth */ .commentlist li ul.children li.bypostauthor {} .commentlist li ul.children li.comment-author-admin {} .commentlist li ul.children .alt {} .commentlist li ul.children .odd {} .commentlist li ul.children .even {} .commentlist .alt {} .commentlist .odd {} .commentlist .even {} .commentlist .parent {} .commentlist .comment {} .commentlist .children {} .commentlist .pingback {} .commentlist .bypostauthor {} .commentlist .comment-author {} .commentlist .comment-author-admin {} .commentlist .thread-alt {} .commentlist .thread-odd {} .commentlist .thread-even {} .commentlist .vcard {} .commentlist .vcard cite.fn {} .commentlist .vcard time {} .commentlist .vcard time a {} .commentlist .vcard time a:hover {} .commentlist .vcard img.photo {} .commentlist .vcard img.avatar {} .commentlist .vcard cite.fn a.url {} .commentlist .comment-meta {} .commentlist .comment-meta a {} .commentlist .commentmetadata {} .commentlist .commentmetadata a {} .commentlist li .comment_content {} .commentlist li .comment_content p {} .commentlist li ul {} .commentlist a { color:#075493; } .commentlist a.comment-reply-link { background: none repeat scroll 0 0 #29506f; border-radius: 5px 0px 5px 0px; color:#ffd21f; opacity:1; } .commentlist a.comment-reply-link:hover { color:#fff; } /****************************************************************** COMMENT FORM STYLES ******************************************************************/ div#respond { background:#dce4ea; margin:60px auto 0 auto; border:1px solid #cfd3d6; border-radius:7px; z-index:999999; padding:15px; } #comment-form-title { display:none; } #cancel-comment-reply { float:right; } #cancel-comment-reply a {} #commentform {} #commentform p { border-bottom:1px solid #cad7e2; padding:0; padding-bottom:0.5em; padding-top:0.5em; margin:0; margin-bottom:0; } #commentform p.form-submit { border-bottom:0; text-align:center; } #commentform label { background-color:transparent; box-shadow:none; color: #555555; display:block; font-size: 13px; left: 4px; min-width: 80px; padding: 4px 10px; position: relative; top: 0; z-index: 1; float:left; font-family: 'Open Sans Condensed', sans-serif; font-size:20px; color:#2b689a; text-transform:uppercase; } #commentform a { color:#2B7CC2; } .required { color: #BD3500; font-size: 22px; font-weight: bold; margin-left:-13px; padding-right:5px; } .required:first-child { margin:0; } h3#reply-title { width:130px; margin-top:-51px; margin-bottom:0; margin-left:20px; background:#29506f; font-family: 'Francois One', sans-serif; font-size:20px; font-weight:normal; line-height:35px; color:#ffd21f; padding-left:15px; border-top-left-radius:7px; border-top-right-radius:7px; box-shadow:0 5px 5px #a4afb8 inset; } .commentlist li h3#reply-title { width:200px; } h3#reply-title a { color:#ffd21f; } #cancel-comment-reply-link { font-size:11px; } .comments-logged-in-as {} #comment-form-elements {} #comment-form-elements li {} #comment-form-elements label { } #author, #email, #url, #comment { background: none repeat scroll 0 0 #b9cbda; border: 1px solid #9db6cb; border-radius: 5px 5px 5px 5px; box-shadow: 0 1px 3px #9db6cb inset; padding: 2px 5px; position: relative; text-indent:0; margin:10px 0; } #author:focus, #email:focus, #url:focus, #comment:focus {} #author, #email, #url {} #allowed_tags {} #comment {} #submit { background:transparent url(/local/templates/lider/resourse/library/images/submit.png) repeat-x; border:1px solid #da910d; border-radius: 5px; box-shadow:none; color: #4e4e4e; cursor: pointer; padding: 3px 15px; position: relative; text-shadow:none; } /****************************************************************** SIDEBARS & ASIDES ******************************************************************/ #secondary {} .widget { background:url(/local/templates/lider/resourse/library/images/bg-widget.png); clear: both; margin: 0 0 2.2em 0; padding:1em; border-radius:7px; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 0px; -moz-box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 0px; box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 0px; color:#fff; } .widget li { font-size: 13px; border-bottom:1px dotted #748da1; padding:5px 10px 5px 25px; background:url(/local/templates/lider/resourse/library/images/bullet.png) no-repeat 5px center; margin-bottom:0; } .widget li.page-item-6 { background: url("/local/templates/lider/resourse/library/images/bullet.png") no-repeat scroll 5px 8px transparent; } .widget ul li:first-child { border-top:1px dotted #748da1; } .widget li a { color:#fff; text-decoration:none; } .widget li a:hover { text-decoration:underline; } .widget-title { border:0; color:#ffd21f; font-family: 'Francois One', sans-serif; font-size:20px; font-weight:normal; line-height:normal; text-transform:capitalize; letter-spacing:normal; margin-bottom:10px; } /* links widget */ .widget_links {} .widget_links ul {} .widget_links ul li {} .widget_links ul li a {} /* meta widget */ .widget_meta {} .widget_meta ul {} .widget_meta ul li {} .widget_meta ul li a {} /* pages widget */ .widget_pages {} .widget_pages ul {} .widget_pages ul li {} .widget_pages ul li a {} /* recent-posts widget */ .widget_recent_entries {} .widget_recent_entries ul {} .widget_recent_entries ul li {} .widget_recent_entries ul li a {} /* archives widget */ .widget_archive {} .widget_archive ul {} .widget_archive ul li {} .widget_archive ul li a {} .widget_archive select {} .widget_archive option {} /* tag-cloud widget */ .widget_links {} .widget_links li:after {} .widget_links li:before {} .widget_tag_cloud {} .widget_tag_cloud a {} .widget_tag_cloud a:after {} .widget_tag_cloud a:before {} /* calendar widget */ .widget_calendar { } #calendar_wrap {} #calendar_wrap th { background: none; border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; font-weight: bold; color:#FFD21F; } #calendar_wrap td {} #wp-calendar { color: #777; text-align: center; width: 95%; margin:auto; } #wp-calendar tr td {} #wp-calendar caption { font-size: 16px; font-weight: 700; padding: 5px 0 3px; text-transform: uppercase; color:#fff; } #wp-calendar a {} #wp-calendar #today {} #wp-calendar #prev {} #wp-calendar #next {} #wp-calendar #next a {} #wp-calendar #prev a {} /* category widget */ .widget_categories {} .widget_categories ul {} .widget_categories ul li {} .widget_categories ul ul.children {} .widget_categories a {} .widget_categories select{} .widget_categories select#cat {} .widget_categories select.postform {} .widget_categories option {} .widget_categories .level-0 {} .widget_categories .level-1 {} .widget_categories .level-2 {} .widget_categories .level-3 {} /* recent-comments widget */ .recentcomments {} #recentcomments {} #recentcomments li {} #recentcomments li a {} .widget_recent_comments {} /* search widget */ #searchform {} .widget_search {} .screen-reader-text {} /* text widget */ .textwidget {} .widget_text {} .textwidget p {} /****************************************************************** IMAGE STYLES ******************************************************************/ .post_content img { margin-top:.75em } .left img, img.left, img.alignleft { margin-right:1.5em; margin-bottom:1em; } .right img, img.right, img.alignright { margin-left:1.5em; margin-bottom:1em; } img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img, .widget-area img, .wp-caption { max-width: 100%; /* When images are too wide for containing element, force them to fit. */ height: auto; /* Override height to match resized width for correct aspect ratio. */ } /* Notices */ .post .notice, { background: #eee; display: block; padding: 1em; } /* Image Attachments */ .entry-attachment { display: block; margin: 0 auto; text-align: center; } .imgthumb img { float:left; margin-right:20px; border:1px solid #999; } /****************************************************************** FOOTER STYLES ******************************************************************/ footer[role=contentinfo] { background:none; background:url(/local/templates/lider/resourse/library/images/bg-header.png) repeat-x; line-height: 2em; padding: 1.6em 0.5em; border:0; color:#aaa; } /* footer menu */ .footer-links {} .footer-links ul {} .footer-links ul li {} .footer-links ul li a {} .footer-links ul li:last-child a {} .footer-links ul li a:hover, .nav ul li.current-menu-item a, .nav ul li.current_page_item a {} .footer-links ul li ul.sub-menu {} /* you shouldn't have that many links in the footer anyway so it's set to display none ;P */ .attribution {} #site-generator { text-align: center; font-family: 'Open Sans Condensed', sans-serif; } /* Text meant only for screen readers */ .screen-reader-text, .assistive-text { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } .nomob{text-decoration:none;color:#fff;} /****************************************************************** MEDIA QUERIES & DEVICE STYLES Developed by: Andy Clarke & the 320 & Up Extension URL: http://stuffandnonsense.co.uk/projects/320andup/ ******************************************************************/ @media only screen and (min-width: 480px) { /* insert styles here */ } @media only screen and (min-width: 768px) { .nomob{pointer-events:none;} .onlymob{display:none;} } @media only screen and (min-width: 992px) { /* insert styles here */ } @media only screen and (min-width: 1382px) { /* insert styles here */ } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { /* insert styles here */ } /****************************************************************** PRINT STYLES (Handled by default, but if you want to edit it, feel free) ******************************************************************/ @media print { } /****************************************************************** IE SPECIFIC FIXES ******************************************************************/ /* Thanks to the HTML5 Boilerplate there's an easier way to target IE specific bugs. Simply use the html class to target the specific version of IE. To target the .post_content area in IE6, use: html.ie6 .post_content { ... } To target the .post_content area in IE7, use: html.ie7 .post_content { ... } To target the .post_content area in IE8, use: html.ie8 .post_content { ... } Much easier right? This way, you don't have to call any more stylesheets, you can leave it at the bottom and it will overwrite depending on the html class. */ #contacts { float: right; font-size: 14px; } #contacts a{ color: #fff; } #site-title img { padding-right: 20px; } .powered { float: right; position: absolute; right: 20px; top: 0px; font-size: 12px; line-height: 15px; text-transform: none; } #site-generator { position: relative; } iframe { margin-top: 30px; } .toff{ display: flex; flex-wrap: wrap; justify-content: space-between; } .desc-text{} .desc-text h4{font-size: 20px;} .toff a{flex:0 0 48%;display:flex;flex-direction:column;} .toff a img{width:100%} .toff a span{margin:10px 0 25px} .img-holder_color:before{content:"Цвет:";display:block;position:absolute;color:#fff;font-size:20px;font-weight:500;top:-40px;} .img-holder_color{display:flex;margin-top:75px;position:relative;} .img-holder_color div { display: block; width: 100px; height: 100px; margin-right: 15px; } .img-holder_poverhnost:before{content:"Цвет:";display:block;position:absolute;color:#fff;font-size:20px;font-weight:500;top:-40px;} .img-holder_poverhnost{display:flex;margin-top:75px;position:relative;} .img-holder_poverhnost div { display: block; width: 100px; height: 100px; margin-right: 15px; } .bzz{display: flex; justify-content: space-between; align-items: center; flex-direction: column-reverse;} .back{ color: #ffd21f !important; background: none !important; padding: 5px 0px; border-radius: 5px; left: 0; top: -20px;} .sinn{} .sinn li{} .sinn li a{} .sinn li a:hover{} /*mob*/ @media screen and (max-width: 767px) { #content header h1 { margin-top: 5px; } .tab-content img { width: 95%!important;} .reference-table .thead td,.reference-table .items-holder td{width:25%!important;flex:25%; display: flex; flex-wrap:wrap;align-items: center; line-height: 110%; justify-content: center;} sup{display:inline;} .tabs label { width: 46%!important; padding: 15px 5px!important; font-size: 16px!important;} .tab-content{width:100%!important;} .thead-mobile,.items-holder-mobile{display:flex!important;} .thead-desktop,.items-holder-desktop{display:none!important;} .uhh ul{ margin: 0 20px 0 0;} .uhh ul li{ font-size: 14px;} .bio{ text-align: center; margin-bottom: 30px;} .bing{opacity:0;} .powered br{display:none;} #menu-bokovoe-menyu li{padding: 5px 20px 5px 20px;} .onlymob{ display: flex; background: url(/local/templates/lider/resourse/library/images/bg-widget.png); clear: both; margin: 5px 15px; padding: 1em; border-radius: 7px; -webkit-box-shadow: rgb(0 0 0 / 50%) 1px 1px 0px; -moz-box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 0px; box-shadow: rgb(0 0 0 / 50%) 1px 1px 0px; color: #fff; justify-content: space-evenly;} .onlymob a{color: #fff;} address{font-style:normal;font-size:120%;} body{width:100%} #container, .wrap { width: 100%; margin: 0px auto; padding: 0; max-width: 100%; min-width: 100%; } #top-header { padding: 15px 4%; } #site-title{margin-right:0} #site-title img { padding-right: 0; display: block; margin: 0 auto; width: 130px; } .nomob{color: #fff;} #contacts { float: none; text-align: center; } #headerimg { margin: 0 4%; padding: 1em 0 1.5em 0; } #headerimg img { border-radius: 10px; width: 100%; } .mapp,.textwidget iframe{width:100% !important;} #content { display: flex; flex-direction: column; } .powered { float: none; position: relative; right: auto; top: 0px; font-size: 12px; line-height: 15px; text-transform: none; } #main { width: 100%; } #content .page-header { text-align: center; } .wp-table-reloaded th { background-color: #E6EEEE; border: 1px solid #FFFFFF; padding: 3px; color: #3D3D3D!important; font-size:10px; } #nav_menu-2 {text-align:center;} #site-generator { position: relative; display: flex; align-items: center; justify-content: space-around; } #secondary { float: none; width: 100%; margin-top: 25px; } } .tabs { float: none; list-style: none; padding: 0; margin: 0px auto; width: 100%; } .tabs:after { content: ''; display: table; clear: both; } .tabs input[type=radio] { display:none; } .tabs label p { padding: 5px; margin-right: 0; } .tabs label { display: block; float: left; width: auto; padding: 15px 38px; color: #000; font-size: 17px; font-family: 'Open Sans Condensed'; text-decoration: none; text-align: center; line-height: 100%; cursor: pointer; border-bottom: 0px solid #ffd21f; border-left:1px solid #ffd21f; border-right:1px solid #ffd21f; -webkit-transition: all 0.5s; /* Safari 3.1 to 6.0 */ transition: all 0.5s; font-weight: 600; background: #fff; border-top: 1px solid #ffd21f; border-bottom: 1px solid #ffd21f; } .tabs label span { display: none; } .tabs label a{text-decoration:none;color:#000;} .tabs label a:hover{text-decoration:none;color:#000;} .tabs label:hover a{color:#000;} .tabs label:hover { background: #ffd21f; color: #000; } .tab-content { display: none; width: 99.5%; float: left; padding: 25px 0; box-sizing: border-box; /*background: #fff;*/ } .tabs [id^="tab"]:checked + label { background: #ffd21f; color: #000; } .breadcrumbs{display: flex; color: #fff; justify-content: flex-start; text-align: left; flex-wrap: wrap;} .breadcrumbs li{margin:0 3px;font-size:12px; line-height: 150%;} .breadcrumbs li a{font-size:12px;} #tab-1:checked ~ #tab-content-1, #tab-2:checked ~ #tab-content-2, #tab-3:checked ~ #tab-content-3, #tab-4:checked ~ #tab-content-4 { display: block; } .thead-mobile,.items-holder-mobile{display:none;} .tab-content .title{ line-height: 120%; color: #fff; margin-bottom:30px; padding: 0 25px; font-family: 'Open Sans Condensed'; font-size: 18px; } .tab-content .title h3{ line-height: 120%; margin: 0 0 15px; text-transform: uppercase; font-family: 'Open Sans Condensed'; font-size: 24px; } .tab-content img{width:75%;margin:25px auto;display:block;} .tab-content table{} .tab-content table .thead{ } .tab-content table .thead td{color:#fff;border: 1px solid #d0d0d0;text-align: center;font-size: 16px;font-family: 'Open Sans Condensed';vertical-align: middle;/* font-weight: 600; */} .tab-content table .items-holder{} .tab-content table .items-holder td{color:#fff;border: 1px solid #d0d0d0;text-align: center;font-size: 14px;font-family: 'Open Sans Condensed';vertical-align: middle;} .gc-soc { display: block; position: absolute; right: 10px; top: 25px; white-space: nowrap; } .gc-soc>* { display: inline-block !important; vertical-align: middle; } @media (max-width: 767px){ .gc-soc>a{ margin-top: -7px; } } .gc-header #top-header { display: flex; align-items: center; justify-content: space-between; } .gc-soc__item img { max-width: 100%; max-height: 100%; width: auto; height: auto; } .gc-soc__item { display: block; width: 40px; margin: 0 0 0 12px; transition: 0.2s; } .gc-soc__item:hover { opacity: 0.7; } .input-bl { margin-bottom: 20px; } .input-bl input[type="text"], .input-bl input[type="tel"], .input-bl input[type="number"], .input-bl textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; border: 1px solid #C1E1F9; border-radius: 5px; font-size: 16px; font-family: inherit; padding: 10px 20px; height: 48px; outline-color: #59AB69; line-height: 100%; box-shadow: none; } .btn { -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; font-weight: 600; font-size: 16px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border: none; background: #005294; color: #ffffff; text-decoration: none; padding: 6px 38px; border-radius: 4px; height: 42px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .btn:hover { background: #04B500; } .pop-body .btn { width: 100%; } .fb-privacy a { color: inherit; text-decoration: underline; } .fb-privacy { font-size: 11px; line-height: 120%; margin-top: 20px; opacity: 0.7; } .form-head { margin-bottom: 20px; } .pop { position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; height: 100vh; display: none; } .pop.active { display: block; } .close_pop { cursor: pointer; } .pop-bg { position: fixed; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: #000000; opacity: 0.3; } .pop-content { position: relative; background: #ffffff; z-index: 5; width: 100%; max-width: 400px; border-radius: 10px; height: auto; margin: 50px auto; padding-bottom: 40px; } .pop-content.pop-content_map { max-width: 600px; } .pop-map iframe { max-width: 100%; height: 400px; border-radius: 5px; } .pop-container { position: relative; z-index: 5; overflow: auto; height: 100vh; } .pop-top-img { width: 100%; height: 265px; } .pop-top-img .img { border-radius: 10px 10px 0 0; } .pop-text { padding: 40px 50px 0; } .pop-footer { padding: 40px 50px 0; } .param a { color: #59AB69; } .pop-text b { color: #000000; } .close-pop { position: absolute; top: -40px; right: -40px; width: 30px; height: 30px; background: url(/local/templates/lider/img/close.svg) center no-repeat; background-size: contain; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .close-pop:hover { opacity: 0.7; } .pop-content { padding: 40px; text-align: center; } .pop .form-content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .pop .form-content .input-bl { width: 100%; margin-right: 0; margin-bottom: 16px; } .pop .form-head h2 { font-size: 32px; } .pop-content.pop-content_big { max-width: 820px; text-align: left; } .pop-service h2 { font-size: 24px; } .fmess p { margin: 20px 0 0 0; color: #0bbd5a; font-size: 16px; line-height: 120%; font-weight: 600; } .fixed_req { position: fixed; width: 50px; height: 50px; bottom: 30px; right: 30px; z-index: 999; background: #fb1c1c url(/local/templates/lider/img/telephonew.svg) center no-repeat; background-size: 30px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; opacity: 0.9; border-radius: 50%; cursor: pointer; -webkit-filter: drop-shadow(0 0px 1px #dddddd); filter: drop-shadow(0 0px 1px #dddddd); -webkit-animation-name: ball; animation-name: ball; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .fixed_req:hover { opacity: 1; } @-webkit-keyframes ball{ 0%{ transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-box-shadow: 0 0 0px 2px rgba(251, 28, 28, 0.15); box-shadow: 0 0 0px 2px rgba(251, 28, 28, 0.15); } 50%{ transform: rotate(10deg); -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -o-transform: rotate(10deg); -ms-transform: rotate(10deg); -webkit-box-shadow: 0 0 18px 7px rgba(251, 28, 28, 0.15); box-shadow: 0 0 18px 7px rgba(251, 28, 28, 0.15); } 100%{ transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-box-shadow: 0 0 0px 2px rgba(251, 28, 28, 0.15); box-shadow: 0 0 0px 2px rgba(251, 28, 28, 0.15); } } @keyframes ball{ 0%{ transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-box-shadow: 0 0 0px 2px rgba(251, 28, 28, 0.15); box-shadow: 0 0 0px 2px rgba(251, 28, 28, 0.15); } 50%{ transform: rotate(10deg); -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -o-transform: rotate(10deg); -ms-transform: rotate(10deg); -webkit-box-shadow: 0 0 18px 7px rgba(251, 28, 28, 0.15); box-shadow: 0 0 18px 7px rgba(251, 28, 28, 0.15); } 100%{ transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-box-shadow: 0 0 0px 2px rgba(251, 28, 28, 0.15); box-shadow: 0 0 0px 2px rgba(251, 28, 28, 0.15); } } .gc-top-menu ul { display: flex; flex-wrap: wrap; } .gc-top-menu ul li { margin: 12px; } .gc-top-menu ul li a:hover { opacity: 0.8; } /*********preloader**********/ .preloader_f { position: fixed; top: 0; left: 0; text-align: center; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; background: rgba(0, 0, 0, 0.09); opacity: 0; z-index: -1; visibility: hidden; } .preloader_f.active { opacity: 1; z-index: 9999999999; visibility: visible; } .sk-fading-circle { width: 4em; height: 4em; position: relative; margin: auto; } .sk-fading-circle .sk-circle { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .sk-fading-circle .sk-circle:before { content: ''; display: block; margin: 0 auto; width: 15%; height: 15%; background-color: #59AB69; -webkit-box-shadow: 0 0 3px rgba(255, 255, 255, 0.66); box-shadow: 0 0 3px rgba(255, 255, 255, 0.66); border-radius: 100%; -webkit-animation: sk-fading-circle-delay 1.2s infinite ease-in-out both; animation: sk-fading-circle-delay 1.2s infinite ease-in-out both; } .sk-fading-circle .sk-circle-2 { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } .sk-fading-circle .sk-circle-3 { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); } .sk-fading-circle .sk-circle-4 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .sk-fading-circle .sk-circle-5 { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); } .sk-fading-circle .sk-circle-6 { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg); } .sk-fading-circle .sk-circle-7 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .sk-fading-circle .sk-circle-8 { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg); } .sk-fading-circle .sk-circle-9 { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg); } .sk-fading-circle .sk-circle-10 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .sk-fading-circle .sk-circle-11 { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); } .sk-fading-circle .sk-circle-12 { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); } .sk-fading-circle .sk-circle-2:before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .sk-fading-circle .sk-circle-3:before { -webkit-animation-delay: -1s; animation-delay: -1s; } .sk-fading-circle .sk-circle-4:before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .sk-fading-circle .sk-circle-5:before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .sk-fading-circle .sk-circle-6:before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .sk-fading-circle .sk-circle-7:before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .sk-fading-circle .sk-circle-8:before { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .sk-fading-circle .sk-circle-9:before { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .sk-fading-circle .sk-circle-10:before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .sk-fading-circle .sk-circle-11:before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .sk-fading-circle .sk-circle-12:before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } @-webkit-keyframes sk-fading-circle-delay { 0%, 39%, 100% { opacity: 0; } 40% { opacity: 1; } } @keyframes sk-fading-circle-delay { 0%, 39%, 100% { opacity: 0; } 40% { opacity: 1; } } /*********end_preloader**********/ .gc-header { padding-top: 84px; } div#inner-header { top: 0; left: calc(50% - 530px); z-index: 50; width: 1060px; border-radius: 10px 10px 0 0; background: #043156; background-image: url(/local/templates/lider/resourse/library/images/bg-page.jpg); position: absolute; } div#inner-header.fixed { position: fixed; top: 0; } @media(max-width: 1059px) { div#inner-header { width: 100%; left: 0; top: 0; } .gc-header { position: relative; } } @media(max-width: 767px) { .close-pop { right: 0; } .gc-top-menu { display: none; } div#inner-header { border-radius: 0; } .gc-header #top-header { border-radius: 0; } .gc-header #top-header { border-radius: 0; padding: 13px 4%; } } /* End */ /* Start:/local/templates/lider/resourse/jquery-colorbox/themes/theme3/colorbox.css?17213601582507*/ /* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:99999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; padding:0;} .cboxIframe{width:100%; height:100%; display:block; border:0;} /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#000;} #colorbox{font: 12px Tahoma, Arial,sans-serif;} #cboxContent{margin-top:20px;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{border:5px solid #000; background:#fff;} #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;} #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;} #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;} #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(/local/templates/lider/resourse/jquery-colorbox/themes/theme3/images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;} #cboxPrevious:hover{background-position:bottom left;} #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(/local/templates/lider/resourse/jquery-colorbox/themes/theme3/images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;} #cboxNext:hover{background-position:bottom right;} #cboxLoadingOverlay{background:#000;} #cboxLoadingGraphic{background:url(/local/templates/lider/resourse/jquery-colorbox/themes/theme3/images/loading.gif) no-repeat center center;} #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(/local/templates/lider/resourse/jquery-colorbox/themes/theme3/images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;} #cboxClose:hover{background-position:bottom center;} /* End */ /* Start:/local/templates/lider/components/bitrix/breadcrumb/bc/style.css?1721368587345*/ .kc-breadcrumb-item{ display: inline-block; vertical-align: top; font-family: 'Qanelas', sans-serif; font-style: normal; font-weight: 300; font-size: 14px; line-height: 17px; color: #000000; } .kc-breadcrumb-item span{ color: #0177bd; text-decoration: underline; } .kc-breadcrumb-item a span{ color: #000000; text-decoration: none; } /* End */ /* Start:/local/templates/lider/template_styles.css?172804472264441*/ header{ display: block; position: relative; padding: 16px 0; } .header_mobile{ display: none !important; } .city-block{ display: inline-block; position: relative; color: #737373; font-size: 11px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.393px; text-align: center; vertical-align: top; } .city-block span{ display: inline-block; position: relative; white-space: nowrap; } .city-block span a{ display: inline-block; position: relative; color: #0177bd; padding-right: 14px; background-image: url(/local/templates/lider/img/arrow.svg); background-position: right center; background-repeat: no-repeat; background-size: 9px; } .phone{ display: inline-block; position: relative; padding-left: 45px; background-image: url(/local/templates/lider/img/phone.svg); background-size: 40px; background-repeat: no-repeat; background-position: left center; line-height: 40px; color: #fff; font-size: 21px; font-style: normal; font-weight: 700; white-space: nowrap; vertical-align: top; } .phone:hover{ color: #fff; text-decoration: none; } .phone span{ color: #0177bd; font-size: 17px; font-style: normal; font-weight: 500; } .calc_btn{ display: inline-block; position: relative; line-height: 40px; text-align: center; font-size: 13px; font-style: normal; font-weight: 400; padding: 0 7px 0 32px; white-space: nowrap; border-radius: 3px; color: #fff; border: 1px solid #0177bd; vertical-align: top; margin-left: 14px; } .calc_btn:hover{ color: #0177bd; } .calc_btn:before{ content: ''; display: block; position: absolute; width: 45px; height: 45px; background-image: url(/local/templates/lider/img/calc.svg); background-size: contain; background-repeat: no-repeat; background-position: center; left: -15px; top: -3px; } .callback_btn{ display: inline-block; position: relative; line-height: 40px; text-align: center; font-size: 13px; font-style: normal; font-weight: 400; padding: 0 7px 0 32px; white-space: nowrap; border-radius: 3px; color: #fff; background-color: #0177bd; border: 1px solid #0177bd; vertical-align: top; margin-left: 30px; } .callback_btn:hover{ color: #fff; } .callback_btn:before{ content: ''; display: block; position: absolute; width: 45px; height: 45px; background-image: url(/local/templates/lider/img/phone.png); background-size: contain; background-repeat: no-repeat; background-position: center; left: -15px; top: -3px; } .soc_block{ display: inline-block; position: relative; white-space: nowrap; vertical-align: top; font-size: 0; text-align: center; } .icon_btn{ display: inline-block; position: relative; width: 40px; height: 40px; font-size: 0; cursor: pointer; background-repeat: no-repeat; background-size: contain; background-position: center; vertical-align: top; margin-right: 5px; background-color: #fff; border-radius: 5px; } .icon_btn>span{ display: block; position: absolute; border-radius: 50%; width: 15px; height: 15px; line-height: 13px; font-size: 10px; color: #0177bd; border: 1px solid #0177bd; text-align: center; background-color: #fff; right: 0; top: -3px; } .icon_btn>span:empty{ display: none; } .icon_btn:last-child{ margin-right: 0; } .telegramm{ background-image: url(/local/templates/lider/img/tg.svg); } .whatsapp{ background-image: url(/local/templates/lider/img/wa.svg); } .compare{ background-image: url(/local/templates/lider/img/compare.svg); } .menu_icon{ background-image: url(/local/templates/lider/img/menu.svg); } .compare:hover, .compare.active{ background-image: url(/local/templates/lider/img/compare_active.svg); } .favorite{ background-image: url(/local/templates/lider/img/favorite.svg); } .favorite:hover, .favorite.active{ background-image: url(/local/templates/lider/img/favorite_active.svg); } .basket{ background-image: url(/local/templates/lider/img/basket.svg); } .basket:hover, .basket.active{ background-image: url(/local/templates/lider/img/basket_active.svg); } .active_block{ margin-left: 10px; display: inline-block; position: relative; white-space: nowrap; vertical-align: top; font-size: 0; text-align: right; } .top_row, .header_row{ display: block; position: relative; width: 100%; white-space: nowrap; font-size: 0; } .top_row>*:nth-child(1){ width: 15%; } .top_row>*:nth-child(2){ width: 22%; } .top_row>*:nth-child(3){ width: 20%; } .top_row>*:nth-child(4){ width: 15%; } .top_row>*:nth-child(5){ width: 10%; } .top_row>*:nth-child(6){ width: 14%; } .header_row{ margin-top: 5px; } .logo{ display: inline-block; position: relative; height: 63px; margin-right: 5px; } .logo>img{ display: block; position: absolute; width: 100%; bottom: 0; } .header_row>*:nth-child(1){ width: 166px; } .header_row>*:nth-child(2){ width: calc(80% - 171px); } .header_row>*:nth-child(3){ width: 20%; } .menu, .search{ display: inline-block; position: relative; padding: 10px; font-size: 0; vertical-align: bottom; } .search{ font-size: 14px; } .inp_block{ display: block; position: relative; } .search .inp_block>input[type="submit"]{ display: block; position: absolute; font-size: 0; right: 10px; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; background-color: transparent; border: none; outline: none; cursor: pointer; background-image: url(/local/templates/lider/img/menu/search.svg); background-repeat: no-repeat; background-position: center; background-size: contain; } .search .inp_block>input[type="text"]{ display: block; position: relative; width: 100%; line-height: 32px; outline: none; border-radius: 5px; border: 1px solid #B7B7B7; background: #FFF; padding: 0 30px 0 20px; font-size: 14px; font-style: normal; font-weight: 300; margin-top: -2px; } .menu_item{ display: inline-block; position: relative; vertical-align: top; border-radius: 5px; line-height: 30px; font-size: 16px; font-style: normal; font-weight: 400; text-transform: uppercase; color: #fff; margin-right: 7px; padding: 0 5px; } .menu_item:before{ content: ''; display: block; position: absolute; width: 2px; height: 18px; background-color: #7d7d7d; right: -4px; bottom: 5px; } .menu_item:last-child{ margin-right: 0; } .menu_item.active{ color: #fff; background-color: #0177bd; } .menu_item:hover{ background-color: #0177bd; text-decoration: none; color: #fff; } .menu_item.icon_home:before, .menu_item:last-child:before{ display: none; } .icon_home{ width: 30px; height: 30px; background-image: url(/local/templates/lider/img/menu/home.svg); background-position: center; background-repeat: no-repeat; background-size: contain; font-size: 0 !important; } .icon_home:hover{ background-image: url(/local/templates/lider/img/menu/home_hover.svg); } .icon_home.active{ background-image: url(/local/templates/lider/img/menu/home_active.svg); } @media (max-width: 1199px) { .city-block{ font-size: 12px; } .city-block span a{ padding-right: 12px; background-size: 9px; } .phone{ padding-left: 30px; background-size: 25px; font-size: 16px; line-height: 30px; background-position: 2px center; } .phone span{ font-size: 14px; } .calc_btn{ font-size: 11px; padding: 0 7px 0 21px; line-height: 30px; } .calc_btn:before{ width: 35px; height: 35px; } .callback_btn{ line-height: 30px; font-size: 11px; padding: 0 7px 0 21px; } .callback_btn:before{ width: 35px; height: 35px; } .icon_btn{ width: 30px; height: 30px; } .menu_item{ font-size: 12px; padding: 0 3px; } .search .inp_block>input[type="text"]{ padding: 0 30px 0 12px; font-size: 12px; } } @media (max-width: 991px){ .header_mobile{ display: block !important; } .header_pc{ display: none; } .top_row>*:nth-child(1){ width: calc(100% - 30px); text-align: right !important; padding-right: 10px; } .top_row>*:nth-child(2){ width: 30px; } .header_mobile .logo{ width: 166px; height: 43px; margin-right: 5px; } .header_mobile.header_row>*:nth-child(2){ width: calc(100% - 171px); text-align: right; } .header_mobile.header_row .soc_block{ margin-top: 10px; } .header_mobile.header_row .soc_block .icon_btn{ width: 35px; height: 35px; } .row_two{ margin-top: 10px; } .row_two>*:nth-child(1), .row_two>*:nth-child(2){ width: 45%; } .row_two .phone{ text-align: left !important; } .row_two .callback_btn, .row_two .calc_btn{ margin-left: 15px; width: calc(55% - 15px); text-align: center !important; } .search_m.top_row>*:nth-child(1){ width: 100%; background-color: transparent; } } @media (max-width: 447px){ .top_row.header_mobile.row_two .phone{ display: block; margin: auto; width: 188px; } .top_row.header_mobile.row_two .calc_btn{ display: block; width: calc(100% - 15px); margin-left: 15px; margin-top: 10px; } } .mobile_menu_body{ display: block; position: fixed; width: 100%; height: 100%; transform: translateX(100%); top: 0; left: 0; background-color: #0177bd; overflow-x: hidden; overflow-y: auto; padding: 15px; z-index: 10; pointer-events: none; opacity: 0; transition: 0.3s; } .mobile_menu_body.show{ pointer-events: auto; opacity: 1; transform: translateX(0); } .mobile_menu_body>.close{ display: block; position: relative; width: 30px; height: 30px; right: 5px; top: 0; cursor: pointer; background-image: url(/local/templates/lider/img/close.svg); background-repeat: no-repeat; background-size: contain; background-position: center; opacity: 1; } .mobile_menu_body>.menu{ background-color: transparent; width: 100%; } .mobile_menu_body>.menu>.icon_home{ font-size: 14px !important; background-image: none; } .mobile_menu_body>.menu>.menu_item{ display: block; width: 100%; font-size: 20px !important; line-height: 30px; text-align: right; } .mobile_menu_body>.menu>.menu_item:before{ display: none; } .kc-modal{ display: block; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.6); cursor: pointer; z-index: 99999; opacity: 0; pointer-events: none; transition: 0.3s; } .kc-modal.show{ opacity: 1; pointer-events: auto; } .kc-modal>.body{ display: block; position: relative; width: 100%; max-width: 407px; max-height: 100%; transform: translate(-50%, -50%); top: 50%; left: 50%; border-radius: 5px; background-color: #DEDEDE; cursor: default; padding: 30px; text-align: center; overflow-y: auto; } .kc-modal>.body p{ line-height: 18px; margin-bottom: 18px; } .kc-modal>.body>.close{ display: block; position: absolute; width: 30px; height: 30px; right: 10px; top: 10px; cursor: pointer; background-image: url(/local/templates/lider/img/close.svg); background-repeat: no-repeat; background-size: contain; background-position: center; opacity: 1; } .modal-logo{ display: block; position: relative; width: 207px; margin: auto; } .modal-icon{ display: block; position: relative; width: 84px; margin: auto; } h3{ display: block; position: relative; font-size: 18px !important; font-style: normal; font-weight: 700!important; line-height: 24px!important; text-transform: uppercase!important; margin-top: 30px!important; } select{ display: block; position: relative; width: 100%; outline: none; background: #F8F8F8; border: 1px solid #E2E2E2; border-radius: 5px; font-family: 'Qanelas', sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 19px; color: #000000; padding: 16px 20px; } .inp{ display: block; position: relative; margin-bottom: 15px; text-align: left; } .inp input{ display: block; position: relative; width: 100%; color: #000; font-size: 16px; font-style: normal; font-weight: 300; line-height: 16px; padding: 13px 13px 13px 56px; background-position: 10px center; background-repeat: no-repeat; background-size: auto 70%; outline: none; border-radius: 5px; background-color: #FFF; border: 1px solid #dddddd; } .inp input[type="checkbox"]{ display: inline-block; position: relative; width: 20px; height: 20px; visibility: hidden; vertical-align: middle; } .inp input[type="checkbox"]:before{ content: ''; display: block; position: absolute; width: 20px; height: 20px; visibility: visible; border-radius: 5px; border: 1px solid #848688; } .inp input[type="checkbox"]:after{ content: ''; display: block; position: absolute; width: 20px; height: 20px; visibility: visible; left: 5px; top: -3px; opacity: 0; background-image: url(/local/templates/lider/img/check.svg); background-size: contain; background-position: center; background-repeat: no-repeat; } .inp input[type="checkbox"]:checked:after{ opacity: 1; } .inp>span{ display: inline-block; color: #fff; font-size: 13px; font-style: normal; font-weight: 300; line-height: 28px; vertical-align: middle; margin-left: 5px; } .human{ background-image: url(/local/templates/lider/img/human.svg); } .mobile_phone{ background-image: url(/local/templates/lider/img/mobile_phone.svg); } .submit{ display: block; position: relative; width: 100%; color: #fff; text-align: center; font-size: 18px; font-style: normal; font-weight: 500; line-height: 18px; /* 100% */ text-transform: uppercase; padding: 17px; border: none; outline: none; border-radius: 5px; background: #0177bd; } .banner, .utp, .info{ display: block; position: relative; } .banner img, .utp img{ display: block; position: relative; width: 100%; margin: auto; } .utp img{ max-width: 1000px; } h2{ display: block; position: relative; color: #fff; font-size: 28px; font-style: normal; font-weight: 600; line-height: 17px; text-transform: uppercase; text-align: center; margin-top: 80px; margin-bottom: 50px; } h2>span{ display: inline-block; position: relative; } h2>span:before{ content: ''; display: block; position: absolute; top: 50%; transform: translateY(-50%) translateX(-100%); height: 3px; background-image: url(/local/templates/lider/img/home/line.svg); background-repeat: no-repeat; width: 71px; left: -10px; } .breadcrumbs a{ color: #fff!important; } .price .active_block{ margin-left: 0; } p{ color: #fff; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; margin-bottom: 40px; } ul{ display: block; position: relative; list-style: none; margin-left: 0; padding-left: 0; color: #fff; font-style: normal; font-weight: 400; } ul li{ display: block; position: relative; margin-bottom: 30px; } ul li:last-child{ margin-bottom: 0; } .info_u{ display: block; position: relative; width: 100%; margin-top: -80px; } .right_text{ display: block; position: relative; text-align: right; color: #fff; font-size: 14px; font-style: italic; font-weight: 500; line-height: 24px; } .adaptive>img:nth-child(1){ display: block; } .adaptive>img:nth-child(2){ display: none; } @media (max-width: 767px) { body{ overflow-x: hidden; } .adaptive>img:nth-child(1){ display: none !important; } .adaptive>img:nth-child(2){ display: block !important; margin-bottom: 30px; } ul{ padding-left: 20px; } h2{ font-size: 18px; } .info_u{ margin-top: 0px; } h2>span { font-size: 1.5rem; width: 80%; } } .slider_sale h2{ margin-top: 50px; margin-bottom: 30px; } .slider_sale .item{ display: block; position: relative; border-radius: 60px 0 0 0; background: #DDD; min-height: 200px; margin-bottom: 30px; padding: 15px 15px 15px 133px; } .slider_sale .item:hover{ background: #0177bd; } h4{ display: block; position: relative; color: #fff; font-size: 16px !important; font-style: normal; font-weight: 500 !important; line-height: 120% !important; padding-bottom: 10px; border-bottom: 1px dashed #000; } .slider_sale .item p{ margin-top: 10px; margin-bottom: 10px; padding-bottom: 0; font-size: 14px; } .slider_sale .item span{ display: block; position: absolute; color: #fff; text-align: center; font-size: 14px; font-style: italic; font-weight: 400; line-height: normal; top: 134px; left: 31px; } .slider_sale .item:hover span{ color: #fff; } .slider_sale .item img{ display: block; position: absolute; left: 18px; top: 27px; width: 107px !important; } .slider_sale .item:before{ content: ''; display: block; position: absolute; width: 105px; height: 105px; border: 1px solid #000; border-radius: 50%; left: 15px; top: 22px; z-index: 1; } .slider_sale .next{ display: block; position: absolute; right: 15px; bottom: 0; transform: translateY(50%); text-align: center; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; padding: 10px 20px; color: #fff; border-radius: 23px; background: #0177bd; } .slider_sale .item:hover .next{ color: #fff; background-color: #fff; } .owl-nav{ display: block; position: absolute; top: 35%; width: 100%; } .owl-nav button{ display: block; position: absolute; transform: translateY(-50%); width: 40px; height: 40px; font-size: 0; background-image: url(/local/templates/lider/img/arrow_left.svg) !important; background-repeat: no-repeat !important; background-position: center !important; background-size: contain !important; transform-origin: center; } .owl-nav button:hover{ background-image: url(/local/templates/lider/img/arrow_right.svg) !important; transform: translateX(-115%) rotate(180deg) !important; } .owl-nav button span{ display: none; } .owl-nav button.owl-prev{ left: 0; transform: translateX(-115%); } .owl-nav button.owl-next{ right: 0; transform: translateX(115%) rotate(180deg); } .owl-nav button.owl-next:hover{ transform: translateX(115%) rotate(0deg) !important; } .owl-dots{ display: block; position: relative; text-align: center; } .owl-dots button{ display: inline-block; position: relative; width: 10px; height: 10px; background-color: #000 !important; margin: 3px; vertical-align: top; border-radius: 50%; } .owl-dots button.active{ background-color: #0177bd !important; } .link{ display: block; position: relative; text-align: center; margin-bottom: 30px; } .link a{ display: inline-block; position: relative; color: #fff; text-align: right; font-size: 14px; font-style: normal; font-weight: 400; line-height: 28px; text-decoration-line: underline; padding-right: 20px; background-image: url(/local/templates/lider/img/arrow_line.svg); background-position: right center; background-size: 10px; background-repeat: no-repeat; } @media (max-width: 1199px){ .owl-nav button{ width: 30px; height: 30px; } .slider_sale .item{ min-height: 150px; padding: 15px 15px 15px 109px; } .slider_sale .item p{ font-size: 12px; line-height: 19px; } .slider_sale .item img{ width: 83px !important; } .slider_sale .item:before{ width: 80px; height: 80px; } .slider_sale .item span{ font-size: 12px; top: 118px; left: 21px; } .slider_sale, .slider_service, .slider_prod{ padding-left: 30px; padding-right: 17px; } } @media (max-width: 991px){ .slider_sale, .slider_service, .slider_prod{ padding-left: 25px; padding-right: 25px; } .owl-nav button.owl-next{ transform: translateX(116%) rotate(180deg); } } .tab_cat{ display: block; position: relative; padding: 4px; border-radius: 5px; border: 1px solid #0177bd; } .tab_cat a{ display: block; position: relative; padding: 15px 3px; border-radius: 5px; color: #fff; text-align: center; font-size: 11px; font-style: normal; font-weight: 500; line-height: 14px; text-transform: uppercase; } .tab_cat a.active{ background-color: #0177bd; } .tab_cat .row{ margin-left: -2px !important; margin-right: -2px !important; } .tab_cat .row>*{ padding-right: 2px !important; padding-left: 2px !important; } .slider_service h2{ margin-top: 50px; margin-bottom: 30px; } .slider_service .item{ display: block; position: relative; margin-bottom: 30px; } .slider_service .item p{ margin-top: 10px; margin-bottom: 0; padding-bottom: 0; font-size: 14px; } .slider_service .item img{ border-radius: 12px; } .slider_service .item h4{ border-bottom: none; } @media (max-width: 991px){ .tab_cat{ border: none; padding: 0; } .tab_cat a{ padding: 10px 3px; border: 1px solid #0177bd; margin-bottom: 5px; } } h4 span{ display: block; position: relative; font-size: 14px; } .item-prod{ display: block; position: relative; border-radius: 5px 5px 20px 20px; background: #DEDEDE; padding-bottom: 12px; border-left: 1px solid #DEDEDE; border-right: 1px solid #DEDEDE; transition: 0.3s; } .item-prod:hover{ background: #0177bd; border-left: 1px solid #0177bd; border-right: 1px solid #0177bd; } .item-prod h4{ display: block; position: relative; padding: 9px 17px; color: #000; font-size: 16px !important; font-style: normal !important; font-weight: 500 !important; line-height: 21px !important; border-bottom: none; } .item-prod .img_block{ display: block; position: relative; background-color: #fff; padding: 9px 35px 14px 35px; overflow: hidden; } .item-prod .img_block .poster, .item-prod .img_block .poster img{ display: block; position: relative; width: 100%; height: 200px; object-fit: contain; } .item-prod .img_block .sale_info{ display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); z-index: 1; } .item-prod .img_block .color{ display: block; position: absolute; top: 50%; right: 35px; transform: translateY(-50%); padding: 7px 3px; background-color: #fff; border: 1px solid #e1e1e1; border-radius: 15px; z-index: 1; } .item-prod .img_block .color>img{ display: block; position: relative; width: 20px; height: 20px; object-fit: cover; object-position: center; margin-top: 8px; border-radius: 50%; z-index: 1; } .item-prod .img_block .color>img:nth-child(1){ margin-top: 0; } .item-prod .img_block .sale_info>img{ display: block; position: relative; margin-bottom: 7px; } .item-prod a, .item-prod a:hover{ text-decoration: none; } .item-prod .cat{ display: block; position: relative; background-color: #fff; color: #3d3d3d; text-align: left; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; padding: 4px 10px; } .item-prod .price{ display: block; position: relative; padding: 0 10px; background-color: #fff; color: #0177bd; font-size: 21px; font-style: normal; font-weight: 600; line-height: 22px; min-height: 36px; white-space: nowrap; } .item-prod .price.big{ font-size: 24px; line-height: 30px; } .item-prod .price span{ display: inline-block; position: relative; width: calc(100% - 85px); vertical-align: top; } .item-prod .price span:nth-child(2){ display: block; position: absolute; width: calc(100% - 85px); vertical-align: top; color: #848484; font-weight: 300; font-size: 13px; line-height: 20px; bottom: -3px; left: 10px; } .item-prod .price .active_block{ display: inline-block; position: relative; width: 85px; vertical-align: top; } .item-prod .info_prod{ background-color: #fff; padding-top: 4px; } .item-prod .prod_callback{ display: block; position: relative; font-size: 0; width: 40px; height: 40px; margin: auto; border-radius: 50%; border: 2px solid #00a2df; box-shadow:0px 1px 0px #00a2df,0px -1px 0px #00a2df,1px 0px 0px #00a2df,-1px 0px 0px #00a2df; background-image: url(/local/templates/lider/img/phone.png); background-size: calc(100% + 4px); background-repeat: no-repeat; background-position: center; } .item-prod .action_prod{ display: block; position: relative; background-color: #fff; padding: 10px 10px 0 10px; border-radius: 0 0 20px 20px; } .item-prod .action_prod>*{ transform: translateY(6px); } .item-prod p{ display: block; position: relative; margin: 0 10px; padding-left: 10px; border-left: 1px solid #0177bd; color: #000; font-size: 13px; font-style: normal; font-weight: 300; border-top: 1px solid rgba(183, 183, 183, 0.63); line-height: 18px; } .prod_cart{ display: block; position: relative; padding: 10px 5px 10px 40px; background-color: #DEDEDE; color: #000; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; border-radius: 5px; background-image: url(/local/templates/lider/img/home/cart.svg); background-repeat: no-repeat; background-size: 30px; background-position: 5px center; } .prod_cart:hover{ background-color: #0177bd; color: #fff; } .item-prod .row{ margin-left: 0 !important; margin-right: 0 !important; } .item-prod .row>*{ padding-left: 0 !important; padding-right: 0 !important; } .item-prod { margin-bottom: 30px; } .slider_prod .owl-dots{ display: none !important; } .info_block_item{ display: block; position: relative; background-color: #fff; padding: 20px; } .info_block_item h4{ color: #fff; font-size: 16px; font-style: normal; font-weight: 500; line-height: 120%; text-transform: uppercase; border-color: #0177bd; } .info_block_item p{ font-weight: 300; font-size: 14px; line-height: 24px; margin-top: 20px; } .slider_infograph .row>.col-12:nth-child(even)>.info_block_item{ background-color: #F5F5F5; } .slider_infograph .row{ margin-left: 0 !important; margin-right: 0 !important; } .slider_infograph .row>.col-12{ padding-left: 0 !important; padding-right: 0 !important; } .slider_infograph .row>.col-12{ margin-bottom: 10px; } .step_block_item{ margin-bottom: 30px; } .step_block_item h4{ border-bottom: none; text-align: center; color: #fff; font-size: 18px; font-style: normal; font-weight: 500; line-height: 22px; text-transform: uppercase; } .step_block_item>img{ display: block; position: relative; width: 100%; max-width: 200px; margin: auto; } .step_block_item>p{ display: block; position: relative; color: #fff; text-align: center; font-size: 16px; font-style: normal; font-weight: 300; line-height: 20px; margin-top: 20px; margin-bottom: 30px; } .step_block_item>a{ display: inline-block; position: relative; color: #fff; text-align: center; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; padding: 11px; border-radius: 22px; background: #0177bd; } .slider_step{ background-image: url(/local/templates/lider/include/steps/step_bg.svg); background-position: center; background-size: contain; background-repeat: no-repeat; text-align: center; } .slider_step .callback_btn{ position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); } .kc_gray_info{ display: block; position: relative; width: 100%; border-radius: 10px; background: #DEDEDE; color: #fff; text-align: right; font-size: 14px; font-style: italic; font-weight: 400; line-height: 21px; padding: 25px 25px 25px 100px; background-image: url(/local/templates/lider/include/steps/doc.svg); background-size: auto 75%; background-position: 20px center; background-repeat: no-repeat; margin-top: 30px; } .step_image{ display: block; position: absolute; width: 100%; } .kc-callback_home{ display: block; position: relative; margin-top: 90px; padding: 50px 65px 40px 65px; background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url(/local/templates/lider/img/home/bg_callback.jpg); } .kc-callback_home h5, .kc-callback_home p{ display: block; position: relative; width: 100%; max-width: 487px; font-family: 'Qanelas', sans-serif; font-style: normal; text-transform: uppercase; color: #FFFFFF; } .kc-callback_home h5{ font-weight: 700; font-size: 51px; line-height: 64px; margin-bottom: 21px; } .kc-callback_home p{ font-weight: 400; font-size: 38px; line-height: 47px; margin-bottom: 0; } .kc-callback_home:before{ content: ''; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 195px; height: 100%; max-height: 351px; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url(/local/templates/lider/img/home/question.svg); } .kc-callback_home form{ display: block; position: relative; padding: 24px; background: #0177bd; border-radius: 9px; } .kc-callback_home form input[type="text"], .kc-callback_home form input[type="tel"], .kc-callback_home form input[type="email"], .kc-callback_home form textarea, .kc-callback_home form select { display: block; position: relative; width: 100%; background-color: #FFFFFF; border-radius: 9px; padding: 11px 11px 11px 47px; color: #fff; border: none; outline: none; } .kc-callback_home form label.kc-inp_text:after, .kc-callback_home form label.kc-inp_tel:after, .kc-callback_home form label.kc-inp_email:after { content: ''; display: block; position: absolute; left: 26px; top: 11px; width: 25px; height: 25px; background-repeat: no-repeat; background-position: center; background-size: contain; } .kc-callback_home form label.kc-inp_text:after{ background-image: url(/local/templates/lider/img/home/contacts.svg); } .kc-callback_home form label.kc-inp_tel:after{ background-image: url(/local/templates/lider/img/home/phone.svg); } .kc-callback_home form label.kc-inp_email:after{ background-image: url(/local/templates/lider/img/home/email.svg); } .kc-callback_home form textarea{ height: 77px; max-height: 77px; min-height: 77px; padding-left: 11px; } .kc-callback_home form label span { display: block; position: absolute; top: 14px; left: 63px; font-family: 'Qanelas', sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 18px; color: #000000; transition: 0.3s; } .kc-callback_home form textarea~span{ left: 26px; } .kc-callback_home form label span i{ color: red; } .kc-callback_home form label { display: block; margin-bottom: 25px; } .kc-callback_home form input[type="text"]:focus~span, .kc-callback_home form input[type="tel"]:focus~span, .kc-callback_home form input[type="email"]:focus~span, .kc-callback_home form textarea:focus~span, .kc-callback_home form input[type="text"]:active~span, .kc-callback_home form input[type="tel"]:active~span, .kc-callback_home form input[type="email"]:active~span, .kc-callback_home form textarea:active~span, .kc-callback_home form input[type="text"].kc-dont_empty~span, .kc-callback_home form input[type="tel"].kc-dont_empty~span, .kc-callback_home form input[type="email"].kc-dont_empty~span, .kc-callback_home form textarea.kc-dont_empty~span{ top: -11px !important; left: 26px !important; font-size: 12px; padding: 0 6px; border: 1px solid #ccc; border-radius: 5px; background-color: #fff; } .kc-btn_form_black{ display: block; position: relative; background: #000000; border-radius: 8px; color: #fff; padding: 13px 18px; font-family: 'Qanelas', sans-serif; font-style: normal; font-weight: 500; font-size: 18px; line-height: 22px; text-align: center; border: none; outline: none; width: 100%; margin-bottom: 0; } .kc-callback_home .inp{ margin-bottom: 0; } .kc-callback_home .inp input[type=checkbox]~span{ display: inline-block; position: relative; width: calc(100% - 19px); top: unset; left: 25px; vertical-align: top; font-family: 'Qanelas', sans-serif; font-style: normal; font-weight: 300; font-size: 12px; line-height: 16px; font-feature-settings: 'pnum' on, 'lnum' on; color: #FFFFFF; } .kc-callback_home .inp input[type=checkbox]{ position: absolute; } .kc-callback_home .inp input[type=checkbox]:after{ background-image: url(/local/templates/lider/img/home/checked_black.svg); } .kc-callback_home .kc-body{ display: block; position: relative; top: 50%; transform: translateY(-50%); } @media (max-width:1199px){ .kc-callback_home h5{ font-size: 32px; line-height: 36px; } .kc-callback_home p { font-size: 22px; line-height: 29px; } .kc-callback_home form label span{ font-size: 12px; } .kc-callback_home form label input{ font-size: 16px; } } @media (max-width:991px){ .kc-callback_home p{ margin-bottom: 36px; } .kc-callback_home .inp{ margin-bottom: 30px; } } @media (max-width:767px){ .kc-callback_home{ padding: 15px; } .kc-callback_home form label{ margin-bottom: 15px; } } .kc-item_review{ display: block; position: relative; background: #FFFFFF; border: 1px solid #626262; border-radius: 5px; padding: 15px 17px; height: 231px; } .slider_reviews .owl-dots{ margin-top: 30px; } @media(max-width: 767px){ .slider_reviews .owl-carousel{ width: calc(100% - 60px); margin-left: 30px; } } .kc-item_review h5{ display: block; position: relative; font-family: 'Qanelas', sans-serif; font-style: normal; font-weight: 600; font-size: 16px; line-height: 21px; color: #0177bd; margin-bottom: 5px; } .kc-item_review span{ display: block; position: relative; font-family: 'Qanelas', sans-serif; font-style: normal; font-weight: 400; font-size: 12px; color: #000000; margin-bottom: 10px; } .kc-item_review p{ display: block; position: relative; font-family: 'Qanelas', sans-serif; font-style: normal; font-weight: 400; font-size: 12px; line-height: 16px; color: #4A4A4A; } .kc-item_review img{ display: block; position: absolute; left: unset; right: 17px; top: 15px; width: 46px !important; height: 46px; border-radius: 50%; object-position: center; object-fit: cover; } .kc-item_review a{ display: block; position: absolute; bottom: 15px; left: 17px; font-family: 'Qanelas', sans-serif; font-style: normal; font-weight: 500; font-size: 14px; line-height: 21px; color: #0177bd; border-bottom: 1px dashed #000; } .kc-item_client{ display: block; position: relative; width: 100%; height: 94px; border: 1px solid #D9D9D9; border-radius: 5px; top: 0; background-color: #fff; } .kc-item_client img{ display: block; position: absolute; width: calc(100% - 30px); height: calc(100% - 30px); top: 15px; left: 0; object-fit: contain; object-position: center; } .slider_clients .owl-dots{ display: none!important; } .kc-title_block, .kc-title_block h1{ display: block; position: relative; } .kc-title_block h1{ padding-right: 80px; } .kc-title_block h1, .kc-title_block .h1 { font-family: 'Qanelas', sans-serif; font-style: normal; font-weight: 500; font-size: 28px; line-height: 25px; text-transform: uppercase; color: #000000; margin-top: 39px; margin-bottom: 48px; } .kc-title_block h1>span, .kc-title_block .h1>span { display: inline-block; position: relative; } .kc-title_block h1>span:after, .kc-title_block .h1>span:after { content: ''; display: block; position: absolute; top: 50%; transform: translateY(-50%) translateX(100%); height: 3px; background-image: url(/local/templates/lider/img/home/line.svg); background-position: center; background-repeat: no-repeat; width: 71px; right: -10px; } @media (max-width: 767px){ .kc-title_block h1, .kc-title_block .h1 { font-size: 20px; line-height: 20px; margin-top: 19px; margin-bottom: 24px; } } .kc-contacts_group, .kc-contacts_group .kc-item, .kc-contacts_group .kc-item h6, .kc-contacts_group .kc-item a{ display: block; position: relative; } .kc-contacts_group .kc-item{ margin: 0 0 30px 92px; padding: 15px 10px 15px 34px; background: #F5F5F5; border-radius: 5px; } .kc-contacts_group .row .col-12:last-child .kc-item{ margin: 0 0 30px 92px; } .kc-contacts_group .kc-item h6{ font-family: 'Qanelas', sans-serif; font-style: normal; font-weight: 600; font-size: 18px; line-height: 20px; color: #000000; } .kc-contacts_group .kc-item a{ padding-left: 28px; margin-bottom: 14px; color: #575757; font-family: 'Qanelas', sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 19px; } .kc-contacts_group .kc-item a[href="javascript:void(0)"]{ cursor: default; } .kc-contacts_group .kc-item a:hover{ text-decoration: none; } .kc-contacts_group .kc-item img{ display: block; position: absolute; left: -87px; top: 50%; transform: translateY(-50%); width: 109px; } .kc-contacts_group .kc-item a:last-child{ margin-bottom: 0; } .kc-contacts_group .kc-item a:before{ content:''; position: absolute; width: 16px; height: 27px; left: 0; top: 50%; transform: translateY(-50%); background-repeat: no-repeat; background-position: center; background-size: contain; } .kc-contacts_group .kc-item a.kc-icon_address:before{ background-image: url(/local/templates/lider/img/contacts/address.svg); } .kc-contacts_group .kc-item a.kc-icon_tel:before{ background-image: url(/local/templates/lider/img/contacts/tel.svg); } .kc-contacts_group .kc-item a.kc-icon_time:before{ width: 19px; background-image: url(/local/templates/lider/img/contacts/time.svg); } .kc-contacts_group .kc-item a.kc-icon_email:before{ width: 22px; background-image: url(/local/templates/lider/img/contacts/email.svg); } @media (max-width: 767px){ .kc-contacts_group .kc-item img{ width: 90px; left: -73px; } .kc-contacts_group .row .col-12 .kc-item { margin: 0 0 30px 70px; } .kc-contacts_group .row .col-12:last-child .kc-item { margin: 0 0 30px 70px; } } .kc-callback_contact, .kc-callback_contact h2, .kc-callback_contact p { display: block; position: relative; font-family: 'Qanelas', sans-serif; font-style: normal; } .kc-callback_contact{ margin-top: 9px; margin-bottom: 40px; } .kc-callback_contact h2{ font-weight: 500; font-size: 22px; line-height: 20px; text-align: center; text-transform: uppercase; font-feature-settings: 'pnum' on, 'lnum' on; color: #0177bd; padding-bottom: 10px; margin-bottom: 0; } .kc-callback_contact p{ font-weight: 300; font-size: 16px; line-height: 32px; text-align: center !important; color: #575756; padding-bottom: 27px; margin-bottom: 0; } .inp textarea{ display: block; position: relative; width: 100%; color: #fff; font-size: 16px; font-style: normal; font-weight: 300; line-height: 16px; padding: 13px; background-position: 10px center; background-repeat: no-repeat; background-size: auto 70%; outline: none; border-radius: 5px; background-color: #FFF; border: 1px solid #dddddd; } .kc-callback_contact .inp textarea, .kc-callback_contact .kc-textarea{ height: calc(100% - 7px); max-height: calc(100% - 7px); min-height: 42px; } .kc-callback_contact .inp>span{ line-height: 16px; } .kc-callback_contact .submit{ color: #fff; } .kc-callback_contact .inp input[type="checkbox"]{ position: absolute; left: 0; top: 0; } .kc-callback_contact .inp input[type="checkbox"]~span{ padding-left: 30px; } @media (max-width: 767px){ .kc-callback_contact h2{ font-size: 18.5701px; line-height: 15px; text-transform: uppercase; font-feature-settings: 'pnum' on, 'lnum' on; color: #000000; } .kc-callback_contact p{ line-height: 20px; } } .kc-map_yandex{ margin-bottom: 40px; } .kc-sections_blog{ display: block; position: relative; } .kc-sections_blog a{ display: inline-block; position: relative; background-color: #DEDEDE; border-radius: 5px; font-family: 'Qanelas', sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 22px; text-align: center; text-transform: uppercase; color: #000000; padding: 14px; min-width: 193px; vertical-align: top; margin-bottom: 21px; margin-right: 21px; } .kc-sections_blog a.active{ background-color: #0177bd; } @media (max-width: 767px){ .kc-sections_blog a{ font-size: 10px; line-height: 16px; padding: 6px; min-width: 91px; margin-bottom: 9px; margin-right: 9px; } } .kc-modal_rew{ display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.49); opacity: 0; pointer-events: none; transition: 0.3s; z-index: 999; } .kc-modal_rew.show{ opacity: 1; pointer-events: auto; } .kc-modal_rew .kc-item_review{ top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 700px; } .kc-modal_rew .kc-item_review .close{ display: block; position: absolute; font-size: 12px; right: 15px; bottom: 5px; cursor: pointer; } footer{ display: block; position: relative; padding: 30px 0; background-color: #E6E6E6; } footer .phone{ padding-left: 30px; background-size: 27px; line-height: 30px; font-size: 14px; } footer .phone span{ font-size: 12px; } footer .icon_btn { width: 27px; height: 27px; } footer .menu .menu_item:first-child{ display: none !important; } footer .menu { background-color: transparent; padding: 0; height: unset; text-align: right; width: 100%; } footer .callback_btn { margin-left: -8px; margin-top: -8px; } footer .soc_block { margin-left: 16px; } .logo_footer, .logo_footer img{ display: block; position: relative; width: 100%; } .kc-company_date, .kc-polit_doc{ font-family: 'Qanelas', sans-serif; font-style: normal; font-weight: 400; font-size: 12px; line-height: 16px; color: #000000; } .kc-sitemap{ font-family: 'Qanelas', sans-serif; font-style: normal; font-weight: 400; font-size: 12px; line-height: 14px; text-decoration-line: underline; color: #000000; } @media (max-width:1199px){ .kc-company_date, .kc-polit_doc{ font-size: 10px; line-height: 16px; } footer .menu{ width: calc(100% + 7px); } footer .soc_block { margin-left: 0; } } @media (max-width:991px){ footer .callback_btn{ margin-top: 10px; } .logo_footer, .logo_footer img{ max-width: 150px; } } .kc-subsection_menu{ margin-top: 50px; } .kc-subsection_menu h6{ display: block; position: relative; font-family: 'Qanelas', sans-serif; font-style: normal; font-weight: 500; font-size: 18px; line-height: 22px; text-transform: uppercase; color: #0177bd; border-bottom: 1px dashed #000000; padding-bottom: 8px; max-width: 80%; } .kc-subsection_menu ul{ display: block; position: relative; margin-left: 0; padding-left: 0; } .kc-subsection_menu ul li{ display: block; position: relative; list-style-type: none; padding-left: 17px; margin-bottom: 0; } .kc-subsection_menu ul li:before { content: ''; display: block; position: absolute; width: 5px; height: 5px; left: 5px; top: 6px; background-color: #fff; border-radius: 50%; } .kc-subsection_menu ul li a{ display: block; position: relative; font-family: 'Qanelas', sans-serif; font-style: normal; font-weight: 300; font-size: 14px; line-height: 15px; margin-bottom: 15px; color: #000000; } .kc-variable{ margin-top: 15px; } .kc-variable, .kc-variable>.kc-body{ display: block; position: relative; } .kc-variable>.kc-body{ margin-top: 8px; } .kc-variable>span{ display: block; position: relative; font-family: 'Qanelas', sans-serif; font-style: normal; font-weight: 500; font-size: 18px; line-height: 28px; text-align: left; color: #000000; } .kc-variable>.kc-body>span{ display: inline-block; position: relative; padding-left: 26px; font-family: 'Qanelas', sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 28px; text-align: left; color: #000000; cursor: pointer; margin-right: 10px; min-width: 85px; } .kc-variable>.kc-body>span:before{ content: ''; display: block; position: absolute; width: 21px; height: 21px; border: 1px solid #848688; border-radius: 5px; left: 0; top: 2px; } .kc-variable>.kc-body>span:after { content: ''; display: block; position: absolute; width: 20px; height: 20px; visibility: visible; left: 3px; top: -1px; opacity: 0; background-image: url(/local/templates/lider/img/check.svg); background-size: contain; background-position: center; background-repeat: no-repeat; } .kc-variable>.kc-body>span.checked:after{ opacity: 1; } .kc-counter{ display: block; position: relative; margin-top: 20px; width: 100%; user-select: none; } .kc-counter>span{ display: inline-block; position: relative; width: 30px; height: 30px; line-height: 28px; border: 1px solid #0177bd; border-radius: 50%; font-family: 'Qanelas', sans-serif; font-style: normal; font-weight: 300; font-size: 25px; color: #000000; transition: 0.3s; cursor: pointer; vertical-align: top; text-align: center; } .kc-counter>span:nth-child(3){ line-height: 25px; } .kc-counter>span:hover{ background-color: #0177bd; } .kc-counter>input{ display: inline-block; position: relative; outline: none; border: none; background-color: transparent; text-align: center; font-family: 'Qanelas', sans-serif; font-style: normal; font-weight: 300; font-size: 22px; line-height: 28px; color: #000000; vertical-align: top; width: 28px; } .kc-counter>input::-webkit-outer-spin-button, .kc-counter>input::-webkit-inner-spin-button { /* display: none; <- Crashes Chrome on hover */ -webkit-appearance: none; margin: 0; /* <-- Apparently some margin are still there even though it's hidden */ } .prod_cart:hover{ text-decoration: none; } .prod_cart.click{ background-image: url(/local/templates/lider/img/by.svg); } .kc-bg_prod .prod_cart{ display: inline-block; margin-top: 16px; padding: 15px 20px 15px 47px; background-position: 10px center; background-color: #0177bd; color: #fff; } .kc-bg_prod .prod_cart.click{ padding: 5px 20px 5px 47px; background-color: #e6191f; } .prod_cart.order{ display: inline-block; background-color: #e6191f; padding-right: 20px; color:#fff; } .kc-price_block{ display: block; position: absolute; text-align: right; right: 15px; bottom: 0; } .kc-price_block>span{ display: block; position: relative; font-family: 'Qanelas', sans-serif; font-style: normal; font-weight: 300; font-size: 16px; line-height: 22px; color: #848688; } .kc-price_block>span:nth-child(1){ color: #0177bd; font-family: 'Qanelas', sans-serif; font-style: normal; font-weight: 500; font-size: 28px; line-height: 39px; } .kc-color_selector{ margin-top: 18px; } .kc-color_selector, .kc-color_selector>div{ display: block; position: relative; text-align: left; font-size: 12px; } .kc-color_selector>span{ display: block; position: relative; font-family: 'Qanelas', sans-serif; font-style: normal; font-weight: 500; font-size: 18px; line-height: 28px; color: #000000; margin-bottom: 0; } .kc-color_selector>div img{ display: inline-block; position: relative; vertical-align: top; width: 30px; height: 30px; object-fit: cover; object-position: center; margin-right: 12px; cursor: pointer; border-radius: 50%; border: 3px solid transparent; } .kc-color_selector>div>*{ display: inline-block; position: relative; padding: 0 5px; line-height: 30px; border-radius: 5px; border: 3px solid transparent; cursor: pointer; } .kc-color_selector>div>*.checked{ border: 3px solid #0177bd; } .kc-color_selector>div>*:last-child{ margin-right: 0; } .kc-modal_prod_body{ display: block; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.67); z-index: 999; } .kc-body_prod{ display: block; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 456px; max-height: 100%; overflow-x: hidden; overflow-y: auto; background-color: #0177bd; border-radius: 10px 10px 25px 25px; padding: 4px 1px 14px 1px; } .kc-modal_prod_body>.kc-body_prod{ position: absolute; } .kc-body_prod>.kc-bg_prod{ display: block; position: relative; background-color: #fff; border-radius: 10px; padding: 26px; } .kc-body_prod>.kc-bg_prod .close{ display: block; position: absolute; width: 30px; height: 30px; right: 5px; top: 5px; cursor: pointer; background-image: url(/local/templates/lider/img/close.svg); background-repeat: no-repeat; background-size: contain; background-position: center; opacity: 1; } .kc-body_prod>.kc-bg_prod .img_block{ display: block; position: relative; background-color: #fff; padding: 0 0 17px 0; overflow: hidden; } .kc-body_prod>.kc-bg_prod .img_block .poster, .kc-body_prod>.kc-bg_prod .img_block .poster img{ display: block; position: relative; width: 100%; height: 200px; object-fit: contain; } @media (max-width: 455px){ .kc-bg_prod .prod_cart{ font-size: 12px; padding: 12px 10px 12px 45px; } .kc-price_block>span{ font-size: 12px; line-height: 15px; } } @media (max-width: 401px){ .kc-bg_prod .prod_cart{ font-size: 11px; padding: 12px 8px 12px 30px; background-size: 20px; background-position: 5px center; } .kc-price_block>span{ font-size: 12px; line-height: 15px; } .kc-variable>.kc-body>span{ padding-right: 25px; font-size: 14px; margin-right: 8px; } .kc-body_prod>.kc-bg_prod{ padding: 20px 9px; } } @media (max-width: 340px) { .kc-price_block>span { font-size: 10px; } } .kc-loader{ display: block; position: fixed; width: 100%; height: 100%; left: 0; top: 0; pointer-events: none; background-color: rgba(255, 255, 255, 0.7); z-index: 999999; opacity: 0; transition: 0.3s; } .kc-loader.show{ opacity: 1; } .spinner { -webkit-animation: rotate 2s linear infinite; animation: rotate 2s linear infinite; z-index: 2; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; width: 50px; height: 50px; } .spinner .path { stroke: #fabe95; stroke-linecap: round; -webkit-animation: dash 1.5s ease-in-out infinite; animation: dash 1.5s ease-in-out infinite; } @-webkit-keyframes rotate { 100% { transform: rotate(360deg); } } @keyframes rotate { 100% { transform: rotate(360deg); } } @-webkit-keyframes dash { 0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0; } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35; } 100% { stroke-dasharray: 90, 150; stroke-dashoffset: -124; } } @keyframes dash { 0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0; } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35; } 100% { stroke-dasharray: 90, 150; stroke-dashoffset: -124; } } .kc-nav{ display: block; position: relative; text-align: center; } .kc-nav>font:nth-child(1){ display: none; } .kc-nav>font:nth-child(2){ display: block; } .kc-nav>font:nth-child(2)>b, .kc-nav>font:nth-child(2)>a, .kc-nav>font:nth-child(2)>span { display: inline-block; position: relative; width: 43px; text-align: center; height: 43px; line-height: 43px; background: #0177bd; color: #000; border-radius: 50%; font-family: 'Qanelas', sans-serif; font-style: normal; font-weight: 300; font-size: 22px; border: 1px solid #0177bd; margin: 0 4px; vertical-align: top; transition: 0.3s; } .kc-nav>font:nth-child(2)>a{ background: #fff; } .kc-nav>font:nth-child(2)>a:hover{ background: #0177bd; text-decoration: none; } .kc-nav>font:nth-child(2)>a.prev, .kc-nav>font:nth-child(2)>a.next, .kc-nav>font:nth-child(2)>span.prev, .kc-nav>font:nth-child(2)>span.next, .kc-nav>font:nth-child(2)>a.prev:before, .kc-nav>font:nth-child(2)>a.next:before, .kc-nav>font:nth-child(2)>span.prev:before, .kc-nav>font:nth-child(2)>span.next:before { width: 27px; height: 27px; margin-top: 8px; border: 1px solid #000; } .kc-nav>font:nth-child(2)>a.next, .kc-nav>font:nth-child(2)>span.next { transform-origin: center; transform: rotate(180deg); } .kc-nav>font:nth-child(2)>a.prev:before, .kc-nav>font:nth-child(2)>a.next:before, .kc-nav>font:nth-child(2)>span.next:before, .kc-nav>font:nth-child(2)>span.prev:before { display: block; position: absolute; content: ''; transition: 0.3s; filter: invert(100%); background-image: url(/local/templates/lider/components/bitrix/catalog/main/bitrix/catalog.section/.default/images/arrow_left.svg); background-position: center; background-repeat: no-repeat; background-size: 51%; top: -1px; left: -1px; margin-top: 0; border: none; border-radius: 50%; } .kc-nav>font:nth-child(2)>span.prev, .kc-nav>font:nth-child(2)>span.next { background: #000; border: 1px solid #0177bd; } .kc-nav>font:nth-child(2)>span.prev:before, .kc-nav>font:nth-child(2)>span.next:before { filter: invert(0); } .kc-nav>font:nth-child(2)>a.prev:hover:before, .kc-nav>font:nth-child(2)>a.next:hover:before { filter: invert(0); } .kc-variable_.selected>*{ opacity: 0.3; } .kc-variable_.selected>.checked{ opacity: 1; } .kc-variable_.selected>.on{ opacity: 1; } .prod_cart[data-type="cart"].active{ background-color: #0177bd; background-image: url(/local/templates/lider/img/home/cart_w.svg); } @media (max-width:767px){ .kc-nav>font:nth-child(2)>b, .kc-nav>font:nth-child(2)>a, .kc-nav>font:nth-child(2)>span{ width: 30px; height: 30px; line-height: 30px; margin: 0 2px; font-size: 15px; } .kc-nav>font:nth-child(2)>a.prev, .kc-nav>font:nth-child(2)>a.next, .kc-nav>font:nth-child(2)>span.prev, .kc-nav>font:nth-child(2)>span.next, .kc-nav>font:nth-child(2)>a.prev:before, .kc-nav>font:nth-child(2)>a.next:before, .kc-nav>font:nth-child(2)>span.prev:before, .kc-nav>font:nth-child(2)>span.next:before{ width: 20px; height: 20px; margin-top: 5px; } .kc-nav>font:nth-child(2)>a.prev:before, .kc-nav>font:nth-child(2)>a.next:before, .kc-nav>font:nth-child(2)>span.next:before, .kc-nav>font:nth-child(2)>span.prev:before{ margin-top: 0; } .kc-subsection_menu ul li:before{ width: 3px; height: 3px; left: 3px; top: 6px; } .kc-subsection_menu ul li{ padding-left: 10px; } .kc-subsection_menu ul li a{ font-size: 10px; margin-bottom: 8px; } } .kc-detail h3{ display: block; position: relative; width: 100%; margin-top: 0 !important; margin-bottom: 20px; font-family: 'Qanelas', sans-serif; font-style: normal; font-weight: 400 !important; font-size: 22px !important; line-height: 28px !important; text-align: left; text-transform: unset !important; color: #fff; } .kc-detail .detail-text{ display: block; position: relative; font-family: 'Qanelas', sans-serif; font-style: normal; font-weight: 300; font-size: 16px; line-height: 24px; color: #000000; } .kc-detail .detail-text>*{ font-weight: 300; } .kc-detail .detail-text>ul{ padding-left: 40px; } .kc-detail .detail-text>ul li{ margin-bottom: 6px; font-size: 16px; } .kc-detail .kc-body_prod{ margin-bottom: 30px; top: unset; left: unset; transform: unset; } .row.kc-char-content{ margin-left: 0; margin-right: 0; border: 1px solid #ccc; border-right: none; border-bottom: none; font-family: 'Qanelas', sans-serif; font-style: normal; font-weight: 300; font-size: 16px; line-height: 20px; color: #fff; margin-bottom: 30px; } .row.kc-char-content>*>b{ font-weight: 500; } .row.kc-char-content>*{ padding-left: 22px; padding-right: 22px; padding-top: 10px; padding-bottom: 10px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } .kc-tabs_info, .kc-tabs_info .kc-tabs-title{ display: block; position: relative; white-space: nowrap; padding-bottom: 15px; padding-top: 15px; } .kc-tabs_info .kc-tabs-title .tab-item{ display: inline-block; position: relative; background-color: #DEDEDE; border-radius: 5px; padding: 14px 38px; font-family: 'Qanelas', sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 22px; text-align: center; text-transform: uppercase; color: #000000; vertical-align: top; margin-right: 20px; cursor: pointer; transition: 0.3s; } .kc-tabs_info .kc-tabs-title .tab-item:hover, .kc-tabs_info .kc-tabs-title .tab-item.active{ background-color: #0177bd; } .kc-tabs_info .kc-tabs-body{ margin-top: 30px; } .kc-tabs_info .kc-tabs-body .tab-body{ display: none; } .kc-tabs_info>.kc-tabs-body .tab-body.active{ display: block; position: relative; white-space: normal; } .doc-item{ display: block; position: relative; padding: 18px 3px 18px 20px; background: #FFFFFF; border: 1px solid #919191; backdrop-filter: blur(22px); border-radius: 10px; font-size: 0; } .doc-item>img{ display: inline-block; position: relative; width: 45%; height: 150px; border: 1px solid #919191; backdrop-filter: blur(22px); border-radius: 10px; object-fit: cover; object-position: center; vertical-align: top; } .doc-item>a{ display: inline-block; position: relative; width: 55%; height: 150px; background-image: url(/local/templates/lider/img/pdf.svg); background-size: 54px; background-position: center 25px; background-repeat: no-repeat; padding-top: 100px; vertical-align: top; text-align: center; } .doc-item>a>span{ display: inline-block; position: relative; font-family: 'Qanelas', sans-serif; font-style: normal; font-weight: 500; font-size: 14px; line-height: 17px; text-align: center; color: #000000; padding: 5px 15px; background: #DEDEDE; border-radius: 15px; transition: 0.3s; } .doc-item>a:hover>span{ background: #0177bd; } .doc-item>span{ display: block; position: relative; margin-top: 13px; font-family: 'Qanelas', sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 22px; color: #000000; padding-right: 12px; white-space: normal; } .kc-detail_prod_callback .kc-callback_home{ margin-top: 40px; background-image: url(/local/templates/lider/img/callback22.jpg); margin-bottom: 40px; } .kc-detail_prod_callback .slider_prod h2{ margin-bottom: 30px; } .kc-bg_prod .prod_cart.cart_next{ display: none; padding: 8px 8px 8px 8px; background-image: none; } .kc-bg_prod .prod_cart.cart_next.show{ display: inline-block; } .detail-text p{ margin-bottom: 5px; } .poster .owl-nav button{ outline: none; } .poster .owl-nav button.owl-prev{ transform: translateX(0) rotate(0) !important; } .poster .owl-nav button.owl-prev:hover{ transform: translateX(0) rotate(180deg) !important; } .poster .owl-nav button.owl-next{ transform: translateX(0) rotate(180deg) !important; } .poster .owl-nav button.owl-next:hover{ transform: translateX(0) rotate(0) !important; } .item-prod .owl-nav{ display: block; position: absolute; left: 50%; transform: translateX(-50%); top: 46%; width: 74%; } .item-prod .owl-nav button{ width: 24px; height: 24px; background-color: #fff !important; border-radius: 50%; } .kc-sovet .item>div { color: #fff !important; } /* End */ /* /local/templates/lider/vendors/kcgallery/css/KCGallery.min.css?17271366189897 */ /* /local/templates/lider/resourse/style.css?172804519346717 */ /* /local/templates/lider/resourse/jquery-colorbox/themes/theme3/colorbox.css?17213601582507 */ /* /local/templates/lider/components/bitrix/breadcrumb/bc/style.css?1721368587345 */ /* /local/templates/lider/template_styles.css?172804472264441 */