body { min-width: 320px; height: 100%; font-size: 16px; line-height: 22px; font-family: 'PT Sans', Verdana, Arial, sans-serif; color: #333; background-color: #fff; } a { color: #2376a2; text-decoration: none; cursor: pointer; } a:hover { text-decoration: underline } #logo a, #header a, #sidebar a, .entry a, .col a, .menu a, .mobile-menu, .mobile-menu:hover, .breadcrumb a, .footer a, .content-button, .home-box-item, .home-box-item img, .home-box-item:hover img, .home-box-item:hover h4.entry a img, .super-sale img, .super-sale img:hover, .entry a img, .entry a img:hover, .ocarousel span a { -webkit-transition: all ease-out 0.4s; -o-transition: all ease-out 0.4s; transition: all ease-out 0.4s } a img { border: 0 } input, textarea, select { font-size: 12px; font-family: Arial, Helvetica, sans-serif } textarea { overflow: auto } .notext { font-size: 0; line-height: 0; text-indent: -4000px; } .table-container { width: 100%; overflow: auto; -webkit-overflow-scrolling: touch } .under { text-decoration: underline } .red-color { color: red; } a.under:hover { text-decoration: none } .vertical-align { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; } .vertical-bottom { display: inline-block; vertical-align: bottom; float: none; } .right-text { text-align: right; } .center-text { text-align: center; } .left-block { float: left; } .no-padding { padding: 0; } .ho-margin { margin: 0; } .d-block { display:block; } h1 { font-size: 32px; line-height: 26px } h2 { font-size: 26px; line-height: 34px } h3 { font-size: 18px; line-height: 22px } h4 { font-size: 16px; line-height: 18px } .shell h1, .shell h2, .shell h3, .shell h4 { margin: 0; padding: 0; padding-bottom: 15px; font-weight: bold; text-transform: none; color: #2376a2; text-align: left } .entry { margin-bottom: 0px; text-align: justify } .entry img { padding: 5px } .entry table img { } .entry a img:hover { opacity: 0.7 } .entry img.left { padding-right: 8px } .entry img.right { padding-left: 8px } .entry h1, .entry h2, .entry h3 { padding: 0; padding-bottom:8px; margin: 18px 0; color: #2879a5; border-bottom: #ecebeb 1px solid; line-height: 30px; text-align: left; text-indent: 20px; /* -webkit-box-shadow: 0 1px 0 0 #fff, -2px 14px 12px -13px #b4b3b3; box-shadow: 0 1px 0 0 #fff, -2px 14px 12px -13px #b4b3b3 */ } .entry h3 { -webkit-box-shadow: none; box-shadow: none; border-bottom:none; margin-bottom:10px; } .entry p { margin: 0; padding-bottom: 12px; text-indent: 20px } .entry ol { margin-top: 0; list-style-position: inside } .entry ul { margin: 6px; padding: 0; list-style-type: none; overflow: hidden } .entry ol ul, .entry ul ul { margin-bottom: 0 } .entry ul li { position: relative; padding-left: 20px; padding-bottom: 10px; line-height: 18px; list-style-type: none; text-align: initial; } .entry ul ul li:last-of-type { padding-bottom:0; } #content a { word-break: break-all; } #content ul li::before { position: absolute; content: ""; background: url(assets/templates/kombat/img/icons.png) no-repeat; width: 18px; height: 18px; background-position: -25px -22px; top: 1px; left:0; } #content ul ul li { padding-left: 40px; } #content ul ul li::before { background: none; } .entry table { width: 100%; border-collapse: collapse; margin-bottom: 20px; word-wrap: break-word; border: 2px solid #2376a2 } .entry img { max-width: 100%; height: auto } .entry th { border: solid 1px #fff; background: #2376a2; color: #fff; padding: 3px 10px; text-align: center } .entry td { border: solid 1px #2376a2; padding: 0px 5px; background: #f0f3ff; color: #2d2b2b } .entry td a:hover { text-decoration: none } .entry .video-beta td { background:none; } .entry ul li a { text-decoration: underline; color: #333 } .entry ul li a:hover { text-decoration: none } .shell, .shell-shadow { position: relative; width: 1200px; margin: 0 auto } /* .shell-shadow { background-color: #fff; -webkit-box-shadow: 0 10px 15px 0 rgba(0, 1, 1, .15); box-shadow: 0 10px 15px 0 rgba(0, 1, 1, .15); } */ #header .content-button.orange, #header .modal-request, #header .header-tel, #header .search { margin: 20px 0; } #header { position: relative; } .header-home .header-tel { margin-bottom: 20px; } #logo { margin-top: 6px } #logo a { display: block; margin: 0 auto; width: 125px; height: 84px; background: url(assets/templates/kombat/img/logo.jpg) no-repeat 0 0; } #logo a:hover { opacity: 0.9 } .search { display: inline-block; } .search form { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; } .search input { display: inline-block; margin-right: 5px; border: 2px solid #2376a2; background: #e0e6fd; color: #777;; border-radius: 16px; font-size: 14px; position: relative; width: 160px; height: 44px; padding-left: 15px; -webkit-transition: .3s linear; -o-transition: .3s linear; transition: .3s linear; } .search input:focus { width: 190px; } .search button { display: inline-block; position: relative; border: none; width: 36px; height: 44px; background: none; cursor: pointer; padding: 0; } .search button::after { position: absolute; content: ""; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 24px; height: 24px; background: url(assets/templates/kombat/img/icons.png) no-repeat; background-position: -24px 0px; } /* search results */ .sisea-result-pages{ font-size: 17px; margin-right: 5px; } .sisea-page{ display: inline-block; font-size: 17px; color: #000; border: 1px solid lightgray; padding: 3px 10px; } .sisea-page:hover{ background: #4fa6ff; } .sisea-page:hover a{ color: #fff; } .sisea-current-page{ background: rgb(249, 124, 14); color: #fff; } .sisea-page a { color: #000; text-decoration: none; display: block; } .sisea-result h3 { font-size: 17px; } .simplesearch-result:not(:last-of-type) { border-bottom: #e2e2e2 solid 1px; } .sisea-highlight {font-weight:bold;} .sisea-paging {margin-bottom:20px;} .header-tel { position: relative; font-weight: bold; color: #333; width: 204px; text-align: right; } .header-tel::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: 24px; height: 24px; background: url(assets/templates/kombat/img/icons.png) no-repeat; background-position: 0px -24px; } .header-tel:hover, .header-tel:focus { color: #333; } .first-tel, .second-tel { display: inline-block; padding: 0 8px; margin-right: auto; margin-left: auto; font-size: 20px; line-height: 26px; } .header-email { position: relative; margin-left: 28px; display: inline-block; text-align: right; text-decoration: none; color: #000; } .header-email:hover { cursor: pointer; } .header-email:before { content: ""; position: absolute; left: -28px; width: 24px; height: 24px; background: url(assets/templates/kombat/img/icons.png) no-repeat; background-position: 0px 0px; } .sticky-element { position: relative; z-index: 99; background-color: #2376a2; color:#fff; } .sticky-anchor { display: none } .breadcrumb { background: none; display: block; width: 96.5%; margin: 15px 0; margin-left: auto; margin-right: auto; padding: 5px 15px; list-style: none; border-radius: 16px; } .breadcrumb a { color: #3688b4; text-decoration: underline; } .breadcrumb a:hover { text-decoration: none; } .breadcrumb>.active { color: #4e4a43; text-decoration: none; } .index-discription { position: relative; color: #333; } .index-discription h2 { display: inline-block; width: 100%; background: url(assets/templates/kombat/img/background2.jpg) 45% center repeat; margin: 0 auto; margin-top: 20px; padding: 30px; border: none; font-weight: normal; -webkit-box-shadow: none; box-shadow: none; color: #fff; text-align: center; text-indent: 0; text-shadow: 1px 1px #555; font-size: 28px } .content-index { padding-left: 22px; padding-right: 22px; } .content-index a { text-decoration:underline; } .content-index a:hover { text-decoration:none; } .content-index ul li { position:relative; padding-left:22px; margin-left:20px; } .content-index ul li::before { content: ""; position: absolute; background: url(assets/templates/kombat/img/icons.png) no-repeat; background-position: -33px -37px; width: 16px; height: 14px; top:2px; left: 0; } .columns-block { display: flex; flex-wrap: wrap; } .columns-block__item { flex-shrink: initial; } .comuns-block__icon { display:flex; align-items: center; } .super-sale { position: relative; /* -webkit-box-shadow: 0 0 12px #777; box-shadow: 0 0 12px #777; */ background: #416bfb; background: -webkit-linear-gradient(90deg, #416bfb, #7391f9); background: -o-linear-gradient(90deg, #416bfb, #7391f9); background: -ms-linear-gradient(90deg, #416bfb, #7391f9); background: url(assets/templates/kombat/img/background2-white.jpg) 45% center repeat; padding: 40px 0; color: #333; } .super-sale h3 { width: auto; padding-bottom: 40px; text-align: center; font-size: 30px; color: #f3790e; } .super-sale img { width: 172px; height: 121px; background: #5593b4; border:2px solid #feb532; border-radius:8px; } .super-sale img:hover { opacity:0.7 } .super-sale .super-sale-block { min-height: 200px; margin: 0; } .sale-icon { color: #f47d12; padding: 5px 10px 3px 10px; text-transform: uppercase; } .sale-title { text-transform: uppercase; padding: 8px 0 5px; display: block; font-weight: bold; } .sale-announce { line-height: 15px; color: #444; font-size: 14px; } .super-sale-price { font-size: 24px; line-height: 28px } .super-sale .button-all {margin-top: 20px} .partner { background: #fff; color: #ff4d00; width: auto; padding-bottom: 20px; padding-top: 20px; text-align: center; } .partner h3 { width: auto; padding-bottom: 20px; text-align: center; font-size: 30px; color: #2274a3; } #content, #sidebar { padding-left:22px; padding-right:22px; } #content { margin-bottom:20px; } #content ol { margin: 10px 0 } #content .article-date { display:block; margin-top: 14px; font-weight:bold } #content .gallery-device { text-align: center; margin: 0; padding: 0; line-height: 0; font-size: 0 } #content .gallery-device img { max-width: 48%; height: auto; padding: 0; margin: 0; margin-bottom: 5px; padding-right: 5px } #sidebar { text-align: left; margin-bottom: 20px; } #sidebar h3 { text-indent: 0 } #sidebar { text-decoration: none } .entry .contact-info li { background: none; padding: 0; line-height: 20px; margin-bottom: 5px } .entry .contact-info li a { text-decoration: none } .entry .contact-info li a span { color: #187d1d } .sidebar-menu { margin-bottom: 30px; text-align: left } .sidebar-menu ul { margin: 0 } .sidebar-menu ul li { padding: 0; margin: 0; background: none; font-size: 16px; } .sidebar-menu ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #000; width: 100%; padding: 0; border-bottom: 1px solid #e2e2e2; -webkit-transition: color ease 0.2s; -o-transition: color ease 0.2s; transition: color ease 0.2s; text-align: left; text-decoration: none; font-weight: bold; } .sidebar-menu ul li a:hover, .sidebar-menu ul li.active-this a.active-this:hover { background: #135881 url(assets/templates/kombat/img/background2-blue.jpg); background-size: cover; color: #fff; } .sidebar-menu ul li a:hover img { opacity: 0.7; -webkit-box-shadow: 0 0 7px 1px #222; box-shadow: 0 0 7px 1px #222; } .sidebar-menu .sidebar-img { display: inline-block; margin: 5px; min-width: 50px; height: 50px; line-height: 50px; font-size: 0; vertical-align: middle; } .sidebar-menu .sidebar-img img { display: inline-block; width: 100%; max-height: 100%; padding: 0 } .sidebar-menu ul li ul { color: #555; } .sidebar-menu ul li ul li { font-weight: normal; font-size: 13px } .sidebar-menu ul li.active-this a.active-this { background: #e0e6fd; border: 2px solid #3c89b1; } .sidebar-menu ul li ul li a { padding-left: 20px; font-weight: normal; color: #2577a3; } .sidebar-action .shell { padding: 0 10px; } .sidebar-action:not(:last-of-type) { text-align: center; } #sidebar .sidebar-action:not(:last-of-type) { border-bottom: 1px solid #e2e2e2; } .sidebar-action h3 { color: #fba014; text-align: center; } .sidebar-action p { display: block; text-indent: 0; } .sidebar-action span { font-weight: bold; } .sidebar-email { display: inline-block; width: 100%; text-align: center; font-weight:bold; } .sidebar-telephone { font-weight:bold; } .home-box { position: relative; padding: 22px; padding-bottom: 0; } .home-box a { position:relative; text-decoration: none } .content-inner li { padding-bottom: 10px; color: #2879a5; } .content-inner ol p { display: inline; padding-left: 10px; color: #333; } .content-inner .home-box { padding-top:0; } .home-box-item { position: relative; display: block; background: #fff; border-radius: 4px; color: #2b7ca7; min-height: 250px; padding: 6px; margin-bottom: 20px; text-align: center; border: 1px solid #2b7ca7; word-wrap: break-word } .home-box-item:hover { text-decoration: none; /* -webkit-box-shadow: 0 0 11px 3px #2172a1; box-shadow: 0 0 11px 3px #2172a1; */ } /* .home-box-item:active { -webkit-box-shadow: 0 0 2px 1px #07a0e8; box-shadow: 0 0 2px 1px #07a0e8 } */ .home-box-item:hover { border-color: #004c74; } .home-box-item:hover h4 { color: #004c74; } .home-box-item--special::before { content: "Специальное предложение"; position: absolute; bottom: 60px; right: 10px; width: 116px; color: #fff; font-size: 14px; z-index: 1; line-height: 16px; word-break: break-word; border-radius: 4px; background-color: rgba(255, 0, 0, 0.7); } .home-box-item h4 { min-height: 48px; line-height: 20px; font-size: 18px; color: #2172a1; font-weight: bold; text-transform: none; padding: 5px; word-break:break-word; text-align: center } .home-box-item .box-image { position: relative; } .home-box-item img { display: block; margin: 0 auto; max-height: 160px; bottom: 0; } .home-box-item:hover img { opacity: 0.7 } .home-box-item:active img { opacity: 1 } .home-box-item span { font-weight: bold } .home-box-item h4 span { display: block } .home-box .article { border: 1px solid #2376a2; display: block; padding: 7px; border-radius: 8px; margin-bottom: 10px; } .home-box .article:hover { -webkit-box-shadow: 0 0 11px 3px #2172a1; box-shadow: 0 0 11px 3px #2172a1 } .article .date { font-weight:bold; font-style:italic; } .index-specialist { position: relative; z-index: 1; background: -webkit-linear-gradient(90deg, #416bfb, #7391f9); background: -o-linear-gradient(90deg, #416bfb, #7391f9); background: -ms-linear-gradient(90deg, #416bfb, #7391f9); background: #135881 url(assets/templates/kombat/img/background2-blue.jpg) top repeat-x; -webkit-box-shadow: 0 0px 3px 3px rgba(0, 1, 1, .15); box-shadow: 0 0px 3px 3px rgba(0, 1, 1, .15); line-height: 0; } .index-specialist .girl-operator { display: inline-block; width: 229px; height: 394px; background: url(assets/templates/kombat/img/product/girl-operator.png) bottom no-repeat; } .index-specialist .text { text-align: center; display: inline-block; margin:0; margin-top: 20px; text-shadow: 1px 1px 1px #555; } .vertival-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end; } .index-specialist span { display: block; font-weight: bold; font-size: 22px; line-height: 24px; vertical-align: baseline; color: #fff; } .index-specialist h3, .index-specialist .master-tel { display: block; text-align: center; font-size: 30px; line-height: 38px; color: #fff; } .index-specialist .master-tel { padding-bottom: 15px; font-weight: bold; text-decoration: underline; } .index-specialist .master-tel:hover { text-decoration: none; } .index-specialist form { margin-top: 20px; text-align: left; } .ajax_form .control-group { display: flex; align-items:center; margin-bottom: 20px; width: 100%; } .ajax_form input[type="text"] { margin-bottom: 0; line-height: 32px; font-size: 20px; padding: 12px; } .calc-form .control-label { display: inline-block; min-width: 15%; text-align: left; line-height: 28px; margin-right: 20px; } .ajax_form .error { color:#f54646; line-height: 14px; font-size: 14px; text-align: left; } .ajax_form .error_g-recaptcha-response { line-height: 38px; display: inline-block; padding: 10px 0; text-align: center; } .ajax_form .g-recaptcha {display: inline-block;} .calc-1s { padding: 40px 0; background-image:url(assets/images/sklad-1s/background.jpg) ; background-color: #d1c2ad; background-size: cover; font-weight:bold; color: #fff; text-shadow: #000 0px 0px 3px; } .calc-1s .calc-1s__title { font-size: 32px; line-height: 36px; text-shadow: #000 0px 0px 3px; color:#3797ca; } .calc-1s-text { display:block; margin-bottom:22px; font-size: 20px; line-height: 24px; } .calc-1s .control-group { margin-bottom:6px; } .calc-1s input[type="text"] { font-size:14px; } .index-specialist.product { background: #ffae2e url(assets/templates/kombat/img/background2.jpg) top repeat; position: relative; -webkit-box-shadow: 0 0 12px #777; box-shadow: 0 0 12px #777; z-index: 10; color: #fff; } /* .ajax_form.specialist-form input[type="text"] { margin-bottom: 20px } */ .specialist-form .orange { display: block; margin: 0 auto; } .specialist-form .control-label { color: #fff; } ul.customBullet { list-style: none outside none } ul.customBullet li { padding-left: 26px } ul.customBullet li::before { background: url(assets/templates/kombat/img/icons.png) no-repeat; background-position: -4px -56px; width: 19px; height: 16px } ul.customBullet li a { color: #5ab13e; text-decoration: underline } ul.customBullet li a:hover { text-decoration: none } .spoiler_main { background: #b7f698; text-align: center; border-radius: 4px; padding: 5px; margin-bottom: 15px } .content-button, .ajax_form .button { display: inline-block; text-shadow: 1px 1px #555; color: #fff; min-width: 154px; cursor: pointer; position: relative; padding: 10px 14px; border-radius: 16px; font-size: 16px; line-height: 22px; text-indent: 0; border: none; background: #3797ca; } .content-button:hover { background: #105a82; text-decoration: none; color: #fff; } .content-button:focus { color: #fff; text-decoration: none; } .content-button:active { color: #999 } .content-button.spoiler_links { padding-left: 45px; margin-bottom: 30px; margin-top: 10px } .content-button.spoiler_links::before { content: "+"; position: absolute; left: 10px; font-size: 18px; padding-left: 20px } .content-button.closed.spoiler_links::before { content: "-"; top: 5px } .content-button.spoiler_links::after { font-size: 10px; position: absolute; content: "(свернуть/развернуть форму)"; width: 100%; min-width: 144px; font-weight: normal; background: none; color: #666; bottom: -28px; left: 0; text-align: center } .content-button.orange { background: #fba014 } .content-button.orange:hover { background: #f3790e } #main { background-color: #fff; color: #333; } .credo { position: relative; -webkit-box-shadow: 0 0 12px #777; box-shadow: 0 0 12px #777; z-index: 10; background-color: #f3790e; color: #fff; font-size: 18px; text-align: center; line-height: 20px; padding: 20px 0; text-shadow: #555 1px 1px; } #footer { position: relative; line-height: 24px; background-color: #135881; background-image: url(assets/templates/kombat/img/background2-blue.jpg); background-repeat: repeat-x; background-size: auto 100%; -webkit-box-shadow: 0 0 12px #777; box-shadow: 0 0 12px #777; color: #fff; } .footer-cols { padding-top: 20px; padding-bottom: 38px; text-align: center; } .footer-cols .col { padding: 20px } .footer-mail a, .footer-tel a, .footer-adres span { display: block; margin-bottom:20px; color: #fff; font-weight: bold; } .footer-mail a { font-size: 20px; text-decoration: underline; } .footer-mail a:hover { text-decoration: none; } .footer-tel a { font-size: 26px; } .footer-cols .col h3, .footer-cols .col h3 a { display: inline-block; text-align: center; position: relative; width: 100%; font-size: 22px; color: #fff; margin-bottom: 1px; text-transform: none; font-weight: bold; } .footer-cols .col h3 a:hover { color: #f47d12; text-decoration: none; } .footer-cols .menu-footer { list-style: none; text-align: center; font-size: 18px; padding: 0; } .footer-cols .menu-footer li:last-child { border-bottom: none; } .footer-cols .menu-footer a { display: inline-block; margin-top: 10px; margin-bottom: 10px; color: #fff; } .footer-cols .menu-footer a:hover { text-decoration: none; color: #f47d12 } .footer-cols .col p { color: #fff } .footer-cols .article { padding-bottom: 20px; } .footer-cols .article .article-image { display: inline-block; width: 200px; height: 160px; margin-bottom: 10px; text-align: center; } .footer-cols .article img { display: inline-block; background: #000; width: 100%; height: 100%; } .footer-cols .article .article-title { font-size:16px; display: inline-block; color: #fff; margin-bottom:10px; padding-bottom:0; } .footer-cols .article .article-text { text-align:justify; margin-bottom:10px; text-indent:10px; } .footer-cols .article .date { display:block; margin-bottom:10px; text-align:left; text-indent:10px; } .footer-links { background: rgba(0, 0, 0, 0.31); text-transform: uppercase; margin-top: -38px; font-size: 10px; } .footer-final { -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 5px 0; padding-bottom: 15px; margin: 0; color: #fff; font-size: 12px; line-height: 20px; font-weight: bold; } .footer-final .footer-all-rights { display: block; margin: 0; } .footer-final .count img {border-radius:6px;} .footer-final .weblite { color: #fba014; text-transform: none; text-decoration: underline; } .footer-final .weblite:hover { text-decoration: none; } .footer-final .year { display: block; margin: 0; } .sitemap ul { padding: 10px; list-style-type: none; margin: 10px 20px } .sitemap li::before { display: none } .sitemap ul li, .sitemap li ul li { background: none } .sitemap ul ul, .sitemap ul ul, .sitemap ul ul ul, .sitemap ul ul ul ul { padding: 10px; list-style-type: none; margin: 10px 20px; border-left: 3px solid #ccc } .sitemap ul li { padding: 2px } .sitemap a { color: #666 } .sitemap a:hover { color: #187D1D } .scrollup { z-index: 20; width: 44px; height: 42px; position: fixed; bottom: 3%; left: 3%; font-size: 0; text-align: center; text-shadow: 1px 1px #F3E7CF, -1px -1px #56433D; color: #f3790e; display: none; background: url(assets/templates/kombat/img/icons.png) no-repeat -0px -50px; opacity: 0.4 } .scrollup:hover { opacity: 1; text-decoration: none; } .desSlideshow { background-image: url(assets/media/slider-index/loading.gif); background-position: center center; background-repeat: no-repeat; max-width: 584px } .desSlideshow .switchBigPic, .desSlideshow .nav { display: none } .desSlideshow li::before { display: none } .price-block { margin: 20px 0; } .price-name { color: #418db4; font-size: 20px; font-weight:bold; } .price-number, .price-number-special { font-weight: bold; color: #f0a130; margin-left: 6px; font-size: 22px; } .price-number.old-price { color:#999; text-decoration:line-through; font-size: 16px; } .home-box .price-number.old-price { display:inline-block; } .device-price { margin-bottom: 20px; font-weight: bold; font-size: 16px } .device-price a { text-decoration: none } .device-price h3 { margin-top: 0 } .device-price .tel:hover { color: #f3790e; text-decoration: underline; } .device-price .modal-request { margin-bottom:12px; } .product-block .modal-request { padding:10px 30px; margin-bottom:20px; font-size:18px; } .anim-body { -webkit-animation: bounce 0.4s; animation: bounce 0.4s } @-webkit-keyframes bounce { 0% { -webkit-transform: translateY(500px); transform: translateY(500px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounce { 0% { -webkit-transform: translateY(500px); transform: translateY(500px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .close-body { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0 } .spoiler_body p { padding-top: 11px } .page-contact { font-size: 16px } .page-contact p { display: block; margin-bottom: 12px; font-weight: bold } .page-contact span { font-weight: normal } .page-contact .btn { margin-bottom:20px; } a.no-link-decor { color: #555 } .menu { display: inline-block; margin: 0; padding: 0; width: 100%; text-align: center; list-style-type: none; text-transform: uppercase; } .menu li { display: inline-block; position:relative; margin: 0 14px; vertical-align: middle } .menu li a { display: block; text-decoration: none; color: #fff; text-shadow: #555 1px 1px; padding: 12px 14px; text-align: center } .menu li:first-child + li ul {} .menu li:first-child + li > ul ul { left: 0px; width: 100% } .menu li:hover > a { background: #f3790e } .menu li li:hover > a { background: none } .menu li li:hover > a:hover { background: #2274a3; color: #fff } .menu ul { display: none; width: fit-content; min-width:240px; margin: 0; padding: 0; position: absolute; top: 46px; left: 0; right: 0; background: #fff; border: 5px solid #438eb5; border-top: none; -webkit-box-shadow: 0 0 6px 0 #999; box-shadow: 0 0 6px 0 #999; z-index: 200 } .menu ul li { display: inline-block; width: 95%; margin: 4px; padding: 0; border-bottom: 1px solid #d1cece; position: relative; vertical-align: top; line-height: 18px; } .menu ul li:last-child { border-bottom:none; } .menu .l1+.l1+.l1+.l1 li { width: 96% } .menu ul li a { display: block; padding: 8px 6px; font-size: 13px; font-weight: normal; color: #2274a3; font-weight: bold; text-align: left; text-shadow: none; } .menu ul li a:hover { background: #2274a3 } .menu li:hover > ul { display: inline-block } .menu ul ul { display: inline-block; top: 0px; width: 100%; -webkit-box-shadow: none; box-shadow: none; border: none; z-index: 100; text-transform: none; left: 0; padding: 0 0px; position: inherit; font-size: 12px } .menu ul li li { display: block; width: 100%; -webkit-box-shadow: none; box-shadow: none; border:none; margin: 0 } .menu ul li li a { background: none; padding-left:25px; color: #000; line-height: 16px; } .mobile-menu { display: none; padding: 10px 0; color: #fff; background: #2376a2; text-decoration: none !important; font-size: 16px; text-transform: uppercase; font-weight: 700; z-index: 9999 } .mobile-menu::before { position: absolute; content: ""; width: 38px; height: 0px; padding: 2px 0; -webkit-box-shadow: 0px 10px 0px 0 #fff, 0px -10px 0px 0 #fff; box-shadow: 0px 10px 0px 0 #fff, 0px -10px 0px 0 #fff; background: #fff; top: 20px; right: 17px } .mobile-menu:hover { text-decoration: none; background: #ffbf47; color: #fff; text-shadow: 1px 1px #555; } .mobile-menu:focus { color: #fff; } .my-gallery { width: 100%; margin-bottom: 14px; height: auto; float: left } .my-gallery.one-image { float: none } .my-gallery.one-image a { float: none; width: auto; max-height: inherit; margin-right: 0 } .my-gallery.one-image img { width: auto } .my-gallery.image-float-left { float: left; width: auto } .my-gallery.image-float-left a { width: auto; margin-right: 5px } .my-gallery.image-float-right { float: right; width: auto } .my-gallery.image-float-right a { width: auto; margin-left: 5px } .my-gallery a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; display: block; float: left; margin: 0 4px 4px 0; width: 32%; max-height: 177px; line-height: 0 } .my-gallery a:hover { opacity: 0.7 } .my-gallery img { width: 100%; padding: 0 } .my-gallery figure { display: none } .my-gallery__title { line-height: 14px; font-size: 14px; opacity: 0.8; margin-top: 5px; width: 100%; float: left } .share-buttons h2 { text-align: center; border: 0 } .share-buttons { text-align: center; position: relative; margin: 0 0 24px } .share-buttons a { border-radius: 2px; display: inline-block; padding: 10px 20px; margin: 10px; color: #FFF; text-decoration: none; background: #5AAF63; font-size: 16px; line-height: 22px; cursor: pointer } .share-buttons a:hover { opacity: 0.7 } #tweet { background: #0096c4 } #like { background: #3b5998 } #gplus { background: #d34836 } .content-inner { border-bottom: #ecebeb 1px solid; /* -webkit-box-shadow: 0 1px 0 0 #fff, 0 14px 12px -13px #b4b3b3; box-shadow: 0 1px 0 0 #fff, 0 14px 12px -13px #b4b3b3; */ } a.return-back { display: inline-block; margin: 4px; margin-top: 22px; padding: 6px 14px; position: relative; line-height: 20px; font-weight: bold; font-size: 14px; border: solid #2678a4 1px; border-radius: 16px; text-decoration: none; } a.return-back:hover { color: #fff; background: #408cb3; -webkit-box-shadow: 0 0 2px 1px #000; box-shadow: 0 0 2px 1px #000; } .modal { margin-bottom: 20px } #modal_form, #modal_form-request { border: 5px solid #2578a3; background-color: #FFF; background: #fff; position: fixed; bottom: 0; left: 0; top: 0; right: 0; overflow: auto; width: 600px; margin: 20px auto; padding: 20px; max-height: 490px; text-align: center; display: none; opacity: 0; z-index: 99999999999 } #modal_form h3, #modal_form-request h3 { font-weight: bold; font-size: 22px; color: #2578a3; } #overlay { z-index: 999999; position: fixed; background-color: #000; opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; display: none } .ajax_form .phone-group, .ajax_form .phone-group select, .ajax_form input[type="text"], .ajax_form input[type="email"], .ajax_form .message-request { min-width:40%; background-color: #fff; border: 1px solid #DFDFDF; border-radius: 6px; color: #555; display: block; line-height:18px; margin-bottom: 10px; } .ajax_form .phone-group select { width: 35%; margin: 0; height: 47px; margin-left: -6px } .ajax_form .phone-group { border: none; margin: 0; padding-left: 0 } .ajax_form input[type="text"].phone-zv { margin-right: -6px } .ajax_form input[type="text"].error { border: 1px solid red } .ajax_form .comment { color: #272727; padding-bottom: 5px; font-size: 14px; text-align: center; padding-top: 10px } .ajax_form .exit { background: #408cb3; display: block !important; right: 0; top: 0; position: absolute; opacity: 1; width: 33px; height: 33px; line-height: 30px; font-size: 36px; -webkit-transition: background 0.2s linear; -o-transition: background 0.2s linear; transition: background 0.2s linear; text-decoration: none } .ajax_form .exit:after { display: block; font-size: 23px; content: "x"; line-height: 24px; cursor: pointer; text-decoration: none; font-weight: bold; color: #fff; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear } .ajax_form .exit:hover { background: #f0ad4e; text-decoration: none } .ajax_form input[type="text"].field { display: none } .makesite { text-decoration: underline } .rc-free.rc-expanded #rc-copyright, #rh-copy { display: none !important } .content_top { padding: 2em 0; background: #FFF; } .content_top h3 { font-size: 25px; color: #e44f2b; padding-bottom: 15px; } .line { display: block; background: #EEE; height: 1px; } .ocarousel_window { width: 100%; } .ocarousel { display: none; position: relative; } .ocarousel span { position: absolute; right: 0; top: -78px; width: 70px; } .ocarousel span a.prev, .ocarousel span a.next { width: 30px; height: 30px; text-align: center; background: #f47d12 url("assets/templates/kombat/img/arrows.png") no-repeat; border-radius: 2em; -webkit-border-radius: 2em; -moz-border-radius: 2em; -o-border-radius: 2em; } .ocarousel span a.prev { background-position: 0px 2px; } .ocarousel span a.next { background-position: -40px 2px; } .ocarousel span a.prev:hover, .ocarousel span a.next:hover { background-color: #2274a3; } .ocarousel_window { overflow: hidden; white-space: nowrap; /* default size */ width: 100%; } .ocarousel_window_slides { position: relative; margin: 0 auto; overflow: hidden; width: 50000px; white-space: nowrap; } .ocarousel_window_slides * { float: left; white-space: normal; } .ocarousel_window_slides a { border-left: 1px solid #F2F2F2; padding: 0 35px; } .ocarousel_window_slides a p { display: block; font-size: 14px; color: #f47d12; float: none; text-align: center; } .ocarousel_window_slides a:hover p { color: #e44f2b; text-decoration: underline; } .ocarousel_indicators { width: 100%; } @media screen and (max-width: 320px) {} @media screen and (max-width: 1244px) { .menu li:first-child + li ul ul { top: 0 } .menu li:first-child + li ul li a { line-height: 14px } } @media (min-width: 768px) and (max-width: 991px) { .menu ul { display: none; top: 38px; } .menu li { margin: 0 10px; } .menu li a { -webkit-text-size-adjust: none; border: none; padding: 8px 8px; } } @media (max-width: 767px) { .sticky-anchor { display: block } ajax_form .phone-group { width: 90%; } #sticky { z-index: 99; margin-left: auto; margin-right: auto } .sticky-element { -webkit-box-shadow: none; box-shadow: none; background: none } .menu-static-1.fixed { text-decoration: none; position: fixed; top: 0; margin: auto; left: 0; right: 0; border-radius: 16px; width: 97%; -webkit-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000 } .menu-static-2.fixed { position: fixed; top: 40px; left: 0; right: 0; z-index: 99 } .menu { display: none; background: #f4fbff; margin-top: -5px; padding-top: 10px; border: 5px solid #438eb5; border-top: none; border-radius: 10px; -webkit-box-shadow: 0 0px 3px 3px rgba(0, 1, 1, .15); box-shadow: 0 0px 3px 3px rgba(0, 1, 1, .15); } .mobile-menu { position: relative; -webkit-box-shadow: 0 0px 3px 3px rgba(0, 1, 1, .15); box-shadow: 0 0px 3px 3px rgba(0, 1, 1, .15); display: block; text-align: center; } .menu ul { padding: 0; display: none; position: relative; top: 0; width: 100%; -webkit-box-shadow: none; box-shadow: none; text-align: center } .menu li { display: block; background: #ffffff; margin: 0; background: none; width: 100%; line-height: 26px } .menu li:first-child { margin: 0 } .menu li:nth-child(2) ul { left: 0 } .menu li a { font-size: 14px; color: #2274a3; -webkit-text-size-adjust: none; text-shadow: none; font-weight: bold; } .menu li:hover > ul { display: none } .menu li:hover a { background: #46a7da; color: #fff; text-shadow: 1px 1px #555; } .menu li li:hover > a { color: #339900 } .menu li li:hover > a:hover { background: none; color: #2274a3 } .menu li:active > a:active, .menu li li:active > a:active { background: #2274a3; color: #fff } .menu ul li li { border: none } .menu ul li { position: relative; width: 100%; background: none; -webkit-box-shadow: none; box-shadow: none; margin: 0 } .menu ul li a { font-weight: normal; padding-left: 20px } .menu ul li li a { font-weight: normal; padding: 6px } .menu ul ul li { display: none } .row--nav { font-size: 18px; line-height: 26px } .my-gallery.one-image, .my-gallery.image-float-left, .my-gallery.image-float-right { width: 100% } .my-gallery { width: 100%; margin: 0 auto; float: none } .my-gallery a { margin: 0 4px 4px 0 } .section--head p { font-size: 18px; line-height: 24px } .calc-1s input[type="text"]{ width: 80%; } } @media (max-width: 480px) { #sticky { position: fixed; top: 0; left: 0; right: 0 } .mobile-menu { width: 97%; margin-left: auto; margin-right: auto; margin-bottom: 0; border-radius: 16px; -webkit-box-shadow: 0 6px 6px 0 rgba(0, 1, 1, .15); box-shadow: 0 6px 6px 0 rgba(0, 1, 1, .15); } .menu a { font-size: 120%; padding: 10px 8px; -webkit-text-size-adjust: none } .my-gallery a { margin: 0 2px 2px 0; width: 32.5% } .my-gallery a:first-child { width: 98.9%; max-height: inherit } .partner h3 { text-align: left; padding-left: 28px; } .index-discription h2 { margin-top: 0; } } @media screen and (max-width: 350px) { .my-gallery a { margin: 0 1px 1px 0 } } @media screen and (max-width: 1200px) { .shell { width: 98% } .content-button, .ajax_form .button { min-width:auto; padding: 7px 10px; font-size:15px; } } @media screen and (max-width: 991px) { #header .content-button.orange, #header .modal-request{ margin: 8px 0; } #header .search { margin: 8px 0; margin-bottom: 28px; } #header .header-tel { margin: 8px auto; } .search input { width: 190px; } .search input:focus { width: 240px; } .sidebar-widget { padding: 8% 7%; margin-bottom: 10px } #logo { padding-top: 10px } #logo a { margin: 0 auto } img { max-width: 100% } .entry h1.title, .entry h2.title { margin-top: 0 } } @media screen and (max-width: 653px) { .entry h1, .entry h2, .entry h3 { text-align:center; } #header { height: auto } #logo, .menu { position: static } #logo { width: 100%; } .entry p img { display: block } .entry .columns-block p img { width:auto; margin:0; } .header-email { margin: 0; width: 40% } .device-price { margin-bottom: 0 } .device-price td:nth-child(3n) { display: none } .entry p img { margin: 0 auto; width: 100%; padding-left: 0; padding-right: 0 } .desSlideshow2 { width: 100% } #modal_form, #modal_form-request { width: 95%; left: 10px; margin: 0; padding: 4px 20px } } @media screen and (max-width: 480px) { #logo { margin-top: 50px; } #content ol { padding-left:0; } a.header-email { font-size: 17px } .first-tel::before { top: 12px; left: 14px; } .sidebar-menu ul li { margin-bottom: 15px } .breadcrumb { background: #e0e6fd; border: 1px solid #2376a2; margin-top: 5px; } .index-specialist .text { margin-top:40px; } }