/* Theme Name: the-box-child Theme URI: Description: the-box-child Theme Author: Author URI: Template: the-box Version: License: License URI: Tags: Text Domain: the-box-child */ /** * Swiper 6.3.5 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2020 Vladimir Kharlampidi * * Released under the MIT License * * Released on: October 30, 2020 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /* 02: Layout */ body { background: #f0f3f5; } #page { margin: auto; padding: 0 20px; max-width: 1440px; } /* .content-area { width: 65.3062%; float: left; } */ .content-area { float: left; padding: 0 340px 0 0; width: 100%; box-sizing: border-box; } /* .widget-area { width: 30.6123%; float: right; } */ .widget-area { float: left; max-width: 300px; margin: 0 0 0 -300px; } @media screen and (max-width: 480px) { .widget-area { float: none; max-width: 100%; margin: auto; } ul, ol { margin: 0 0 1.5em 0; } } .sidebar-content .content-area { float: right; } .sidebar-content .widget-area { float: left; } /* Clearing floats */ .clearfix:after, .entry-header:after, .entry-content:after, .entry-summary:after, .widget:after, .main-navigation > div > ul:after, .page-numbers:after { clear: both; } .clearfix:before, .clearfix:after, .entry-header:before, .entry-header:after, .entry-content:before, .entry-content:after, .entry-summary:before, .entry-summary:after, .widget:before, .widget:after, .main-navigation > div > ul:before, .main-navigation > div > ul:after, .page-numbers:before, .page-numbers:after { display: table; content: ""; } /* Text meant only for screen readers */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; margin: 0; line-height: 1; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #10c0cc; display: block; font-size: 14px; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar */ } /* 03: Headings */ h1,h2,h3,h4,h5,h6 { clear: both; } h1 { font-size: 1.714em; /* 24px */ line-height: 1.4; margin: 1.5em 0 0.7em; } h2 { font-size: 1.571em; /* 22px */ line-height: 1.4; font-weight: 700; margin: 1.5em 0 0.7em; } h3 { font-size: 1.286em; font-weight: 700; margin: 0 0 0.7em; } h4 { font-size: 1.143em; /* 16px */ font-weight: 700; margin: 0 0 0.7em; } h5 { font-size: 1em; text-transform: uppercase; font-weight: 400; margin: 0 0 0.5em; } @media screen and (max-width: 768px) { h1 { font-size: 1.5em; margin: 1.5em 0 0.7em; } h2 { font-size: 1.4em; margin: 1.5em 0 0.7em; } .entry-title { font-size: 1.5em; } h3 { font-size: 1.2em; font-weight: 700; margin: 0 0 0.7em; } h4 { font-size: 1.12em; } h5 { font-size: 1em; } } @media screen and (max-width: 768px) { h1 { font-size: 1.35em; margin: 1.5em 0 0.7em; } h2 { font-size: 1.25em; margin: 1em 0 0.5em; } .entry-title { font-size: 1.35em; } h3 { font-size: 1.0em; margin: 0 0 0.7em; } h4 { font-size: 0.9em; } h5 { font-size: 0.85em; } } .site-header h1.menu-toggle { font-size: 1em; } .entry-title { float: left; max-width: 90%; width: 90%; margin: 0.25em 0 0; clear: none; font-weight: 400; color: #252525; font-size: 1.714em; /* 24px */ } /* 04: Text elements */ body, button, input, select, textarea { font-family: 'Oxygen', sans-serif; font-size: 16px; line-height: 1.65; color: #454545; } .main-navigation, .site-footer, .widget-area, .entry-footer, .entry-meta { font-size: 0.929em /* 13px */ } .widget-area, .entry-meta { font-size: 0.98em; } .entry-meta time { display: block; overflow: hidden; margin: 0 0 5px; } hr { background-color: #eee; border: 0; height: 1px; margin: 1em 0; } p { margin: 0 0 1.5em 0 } ul, ol { margin: 0 0 1.5em 3em; } ul { list-style: square; } ol { list-style: decimal; } ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } b, strong { font-weight: 700; } dfn, cite, em, i { font-style: italic; } blockquote { font-style: italic; margin: 1.5em 0 2em; padding: 0.5em 1em; border-left: 4px solid #ddd; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; line-height: 1.6; margin-bottom: 1.5em; padding: 1.5em; overflow: auto; max-width: 100%; } code, kbd, tt, var { font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } small { font-size: 75%; } big { font-size: 125%; } figure { margin: 0; } table { margin: 1.5em 0; width: 100%; border-top: 1px solid #eee; border-left: 1px solid #eee; } th { font-weight: 700; } thead th { background: #0fa5d9; color: #fff; font-size: 0.9em; } th, td { border-bottom: 1px solid #eee; border-right: 1px solid #eee; padding: 0.5em; } button, input, select, textarea { font-size: 100%; /* Corrects font size not being inherited in all browsers */ margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ vertical-align: baseline; /* Improves appearance and consistency in all browsers */ *vertical-align: middle; /* Improves appearance and consistency in all browsers */ } button, input { line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */ *overflow: visible; /* Corrects inner spacing displayed oddly in IE6/7 */ } button, html input[type="button"], input[type="reset"], input[type="submit"] { background-color: #0fa5d9; color: #fff; cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */ -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */ line-height: 1; padding: 0.75em 1.5em; border: none; } button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { color: #fff !important; } button:focus, html input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, html input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */ padding: 0; /* Addresses excess padding in IE8/9 */ } input[type="search"] { -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */ box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ border: 0; padding: 0; } input[type=text], input[type=email], input[type=password], input[type=url], input[type=tel], textarea { color: #454545; border: 1px solid rgba(0,0,0,0.07); margin: 0.5em 0; display: block; } input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input[type=url]:focus, input[type=tel]:focus, textarea:focus { color: #252525; border-color: rgba(0,0,0,0.2); } input[type=text], input[type=email], input[type=password], input[type=url], input[type=tel] { padding: 0.5em 1em; } textarea { overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ padding: 0.5em; vertical-align: top; /* Improves readability and alignment in all browsers */ width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input#submit { background: #0fa5d9; border: none; color: #fff; font-weight: 700; font-size: 0.923em; text-transform: uppercase; line-height: 1.4; } input#submit:hover { background-color: #0fa5d9; } #content input#submit:hover { color: #fff !important; } #searchform input { display: inline-block; } .icon-font { display: inline-block; vertical-align: -10%; } .icon-font:before { font-size: 14px; } /* 05: Links */ a { text-decoration: none; color: #0fa5d9; } h1 a { color: #252525; } h2 a, h3 a { color: #252525; } a:hover, a:focus, a:active { text-decoration: underline; outline: 0; } a:hover { color: #0fa5d9; } .entry-title a:hover, .entry-title a:focus, .entry-title a:active { text-decoration: none; } .more-link { display: inline-block; padding: 3px 12px; border: 1px solid #0fa5d9; border-radius: 7px; margin: 10px 0 0; position: relative; } .more-link:after { content: "Подробнее"; position: absolute; left: 0; top: 0; bottom: 0; /* right: 0; */ z-index: 2; background: #fff; border-radius: 5px; padding: 0 0 0 7px; line-height: 1.9; } #content .more-link:hover { text-decoration: none; color: #757575; } /* Edit link */ .edit-link a { display: inline-block; padding: 0.25em 1em; margin-left: 0.5em; font-weight: 700; border: 1px solid #0fa5d9; background-color: #fff; color: #0fa5d9; text-decoration: none; font-size: 0.923em; line-height: 1; } #content .edit-link a:hover { border-color: #252525; color: #252525; } /* 06: Alignment */ .alignleft, .wp-caption.alignleft { display: inline; float: left; margin-right: 1em; } .alignright, .wp-caption.alignright { display: inline; float: right; margin-left: 1em; } .aligncenter { clear: both; display: block; margin: 0.5em auto !important; } /* Text meant only for screen readers */ .assistive-text { clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } /* 07: Header */ .site-header { position: relative; } .site-brand { max-width: 1440px; margin: 1.2em auto; FONT-WEIGHT: 100; padding: 0 20px; } .site-header--col { float: left; } .site-header--link { display: block; } .site-description strong.ttl { color: #959595; color: rgba(0,0,0,0.5); margin: 0; font-size: 1em; font-weight: 400; line-height: 1.4; } .hgroup p { } .hgroup h1 a { text-decoration: none; outline: none; margin: auto } nav .phone-fixed { display: none; } .site-description { color: rgba(0,0,0,0.5); margin: 0; font-size: 1em; font-weight: 400; } .assistive-text { display: none; } .header-image { display: block; text-decoration: none; margin-bottom: 3.125%; } .header-image img { display: block; max-width: 100%; height: auto; } /* 07: Header > Menu */ .site-header.fixed{ position: fixed; top: 0; width: 100%; z-index: 20; left: 0; background-color: #0fa5d9; } @media screen and (max-width: 1050px) { .site-header.fixed { position: relative; } } .site-header.fixed .site-brand { display: none; } .site-title { font-family: 'Source Sans Pro', sans-serif; font-size: 2em; font-weight: 700; line-height: 1.2; vertical-align: top; margin: 0 30px 0 0; display: table-cell; } @media screen and (max-width: 720px) { .site-title { float: none; margin: 0 auto 15px; display: block; width: 160px; } .site-title img { width: 100%; } .site-description { font-size: 0.8em; width: 100%; padding: 0; display: block; text-align: center; } } .site-title a { float: left; color: #252525; } .site-title a:hover { text-decoration: none; color: #0fa5d9; } .site-title { } .site-title img { width: 170px; height: auto; display: block; } .site-title a:active, .site-title a:focus { outline: 0; text-decoration: none; } .main-navigation.fixed .menu-glavnoe-menyu-container{ width: 980px; margin: 0 auto; } .main-navigation { background-color: #0fa5d9; } .main-navigation ul { list-style: none; margin: 0; padding-left: 0; background-color: #0fa5d9; } .main-navigation li { float: left; position: relative; padding: 0; margin: 0; } .main-navigation li:first-child { margin-left: 0; } .main-navigation a { color: #fff; text-decoration: none; display: inline-block; height: 48px; line-height: 48px; padding: 0 1em; } .main-navigation > .menu > ul > li > a:hover, .main-navigation > div > ul > li > a:hover { color: #fff; } .main-navigation > .menu > ul > li.page_item_has_children > a, .main-navigation > div > ul > li.menu-item-has-children > a { padding-right: 18px; } .main-navigation > .menu > ul > li.page_item_has_children > a:before, .main-navigation > div > ul > li.menu-item-has-children > a:before { font-family: "icons-font" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; right: 2px; top: 18px; content: "i"; font-size: 14px; width: 14px; text-align: left; display: inline-block; } .main-navigation li:hover a, .main-navigation li:focus a { background-color: rgba(255,255,255,0.2); } .main-navigation > div > ul > li:hover > ul, .main-navigation > .menu > ul > li:hover > ul { visibility: visible; opacity: 1; } .main-navigation ul ul { visibility: hidden; opacity: 0; width: 220px; position: absolute; top: 48px; left: 0; z-index: 99999; background-color: #fff; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1); box-shadow: 0 1px 2px rgba(0,0,0,0.1); -webkit-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; } .main-navigation ul ul:after { border-bottom: 6px solid #fff; border-left: 6px solid rgba(0, 0, 0, 0); border-right: 6px solid rgba(0, 0, 0, 0); content: ""; height: 0; margin: 0 auto 0 -4px; position: absolute; text-align: center; width: 0; left: 1em; top: -6px; } .main-navigation ul ul li { float: none; margin: 0; border-top: 1px dashed rgba(0,0,0,0.1); } .main-navigation ul ul li:first-child { border: 0; } .main-navigation ul ul a { color: #656565; display: block; height: auto; line-height: 1.5; padding: 0.75em 1em; background: #fff; } .main-navigation .current-menu-item a, .main-navigation .current-menu-item a:hover, .main-navigation .current-menu-item a:focus{ background: #0fa5d9 !important; color: #fff !important; } .main-navigation ul li:hover ul a, .main-navigation ul li:focus ul a { background: #fff; } .main-navigation ul ul a:hover, .main-navigation ul ul a:focus { color: #0fa5d9; } .main-navigation ul ul ul { display: none; visibility: visible; opacity: 1; left: 100%; top: 0; } .main-navigation ul ul ul:after { content: none; } .main-navigation div ul ul li:hover > ul { display: block; } .main-navigation div ul ul ul li:hover > ul { display: block; } /* 07: Header > Small menu */ .menu-toggle { cursor: pointer; display: none; text-align: center; } button.menu-toggle { cursor: pointer; margin: auto; padding: 0; width: 41px; height: 40px; border: 0; background: transparent; text-align: center; -webkit-border-radius: 0; border-radius: 0; background: #fff; padding: 5px; border: 2px solid #0fa5d9; } button.menu-toggle .icon-font { color: #0fa5d9; } button.menu-toggle .icon-font:before { vertical-align: inherit; font-size: 28px; } .main-navigation .add-nav { display: none; } @media screen and (max-width: 768px) { .add-nav { display: none; } } @media screen and (max-width: 768px) { .menu-toggle, .main-navigation.toggled .nav-menu { display: block; float: none; } .menu-toggle { position: absolute; top: 35px; right: 20px; } .main-navigation.toggled .nav-menu { margin: 0; padding: 0; position: relative; z-index: 999; background-color: #252525; } .main-navigation.toggled > div { margin: 0; } .main-navigation.toggled ul { text-align: left; } .main-navigation.toggled > ul > .menu-item { padding: 0; margin: 0; } .main-navigation.toggled > .menu-glavnoe-menyu-container > ul > .menu-item a, .main-navigation.toggled > ul > .menu-item a { display: block; padding-left: 25px; } .main-navigation.toggled ul ul { visibility: visible; opacity: 1; position: static; display: block; left: auto; top: auto; border: none; -webkit-box-shadow: none; box-shadow: none; background: transparent; width: 100%; } .main-navigation.toggled ul ul:after, .main-navigation.toggled a:before { content: none !important; } .main-navigation.toggled ul a, .main-navigation.toggled ul ul a { display: block; width: auto; height: auto; padding: 0.7em; line-height: 1.5; color: #ddd; border-bottom: 1px solid #353535; background: transparent; } .main-navigation.toggled a:hover, .main-navigation.toggled ul ul a:hover, .main-navigation.toggled a:active, .main-navigation.toggled ul ul a:active, .main-navigation.toggled li:hover a, .main-navigation.toggled li:focus a { background-color: #252525; } .site-header .main-navigation.toggled ul ul a:hover { color: #fff; } .main-navigation.toggled li { float: none; } .main-navigation ul { display: none; } .main-navigation.toggled .add-nav { display: block; background-color: #252525; } .nav-menu > li > .sub-menu, .nav-menu > li > .sub-menu > li > .sub-menu { visibility: visible; opacity: 1; } } .breadcrumbs { /*position: relative; top: -15px;*/ } .add-col { float: right; } /* Social media link */ .social-links { margin: 2.0409% 0 0; text-align: right; } .social-links a { width: 24px; height: 24px; display: inline-block; -webkit-border-radius: 14px; border-radius: 14px; background: #353535; text-align: center; text-decoration: none; margin: 0 0 0 0.5em; } .social-links a:first-child { margin-left: 0; } .social-links [class^="icon-"]:before, .social-links [class*=" icon-"]:before { display: inline-block; color: #fff; font-size: 14px; line-height: 24px; } .social-links a:hover { background: #252525; } .social-links .rss:hover { background: #F28A29; } .social-links .twitter:hover { background: #1db0ed; } .social-links .facebook:hover { background: #3B5998; } .social-links .googleplus:hover { background: #dd4b39; } .social-links .linkedin:hover { background: #007bb6; } .social-links .instagram:hover { background: #517fa4; } .social-links .youtube:hover { background: #bb0000; } .social-links .pinterest:hover { background: #cb2027; } .social-links .stumbleupon:hover { background: #ea4b24; } .social-links .flickr:hover { background: #ff0084; } .social-links .tumblr:hover { background: #32506d; } .social-links .medium:hover { background: #000; } /* 08: Content */ .site-main { margin: 2.0409% 0; /*margin-top: 380px;*/ } .hentry { margin: 0 0 3.125% 0; padding: 0; background-color: #fff; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.06); box-shadow: 0 1px 1px rgba(0,0,0,0.06); } .entry-header { margin-bottom: 2.34375%; position: relative; padding: 2.34375% 3.125%; border-bottom: 1px solid rgba(0, 0, 0, 0.07); } .entry-content, .entry-summary { margin: 0 0 2.34375% 0; padding: 0 3.125% 20px; } .entry-content p:last-child, .entry-summary p:last-child { margin-bottom: 20px; } .entry-footer { padding: 2.34375% 3.125%; border-top: 1px solid rgba(0, 0, 0, 0.07); color: #959595; } .entry-footer p { margin: 0; } .entry-footer .icon-font { color: #0fa5d9; } .entry-meta { float: left; color: #959595; } .entry-time { position: relative; float: right; background-color: rgba(15,165,217,0.7); -webkit-border-radius: 24px; border-radius: 24px; color: #FFFFFF; font-size: 12px; font-weight: 700; height: 48px; letter-spacing: 1px; text-align: center; text-transform: uppercase; width: 48px; } .entry-time-day { display: block; line-height: 1; padding: 8px 0 3px; } .entry-time-month { border-top: 1px solid rgba(255, 255, 255, 0.2); display: inline-block; line-height: 1; padding: 3px 0 0; } .hentry img { max-width: 100%; height: auto; } .post-thumbnail { /*margin: 0 0 1em 0; max-width: 100%;*/ margin: 0 0 1em 0; max-width: 40%; float: left; margin-right: 15px; } .post-thumbnail img { display: block; margin: auto; } .byline { display: none; } .single .byline, .group-blog .byline { display: inline; } .page-links { clear: both; margin: 0 0 1.5em; } .sep { display: inline-block; padding: 0 0.5em; color: #b5b5b5; } .page-header { background-color: #FFFFFF; margin: 0 0 3.125% 0; /*padding: 2.34375% 3.125%;*/ padding: 1.34375% 3.125%; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06); } .page-header h1 { /* font-size: 0.857em;*/ /*12px*/ /* text-transform: uppercase; margin: 0; padding: 0; */ } .page-header .taxonomy-description p { margin: 1em 0; } .single .entry-title { margin: 0; } .single .entry-header .entry-meta { float: left; width: 90%; max-width: 90%; } /* 08: Content > Archive */ .page-title { color: #959595; } .page-title span { color: #0fa5d9; } /* 08: Content > Author bio */ .author-info { background-color: #fff; margin: 0 0 3.125%; padding: 2.34375% 3.125%; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06); font-size: 0.929em; } .author-avatar { float: left; max-width: 80px; margin-right: 1em; } .author-avatar img { -webkit-border-radius: 50%; border-radius: 50%; } h3.author-title { clear: none; margin: 0; font-size: 1.077em; font-weight: 700; } .author-description p:last-child { margin-bottom: 0; } /* 09: Custom Formats */ .entry-format-icon { display: none; line-height: 48px; } .entry-format-icon:before { font-family: "icons-font" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 48px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-size: 21px; text-align: center; color: #fff; } .sticky .entry-time { background-color: #353535 !important; } .sticky .entry-time:before { content: none; } .sticky .entry-time-day, .sticky .entry-time-month, .format-image .entry-time-day, .format-image .entry-time-month, .format-gallery .entry-time-day, .format-gallery .entry-time-month, .format-link .entry-time-day, .format-link .entry-time-month, .format-quote .entry-time-day, .format-quote .entry-time-month, .format-video .entry-time-day, .format-video .entry-time-month { display: none; } .sticky .entry-format-icon, .format-image .entry-format-icon, .format-gallery .entry-format-icon, .format-link .entry-format-icon, .format-quote .entry-format-icon, .format-video .entry-format-icon { display: block; } .sticky .entry-format-icon:before { content: "s"; } .format-image .entry-format-icon:before { content: "t"; } .format-gallery .entry-format-icon:before { content: "U"; } .format-video .entry-format-icon:before { content: "u"; } .format-link .entry-format-icon:before { content: "Q"; } .format-quote .entry-format-icon:before { content: "a"; } .format-aside .entry-header { display: none; } .format-quote .entry-summary, .format-aside .entry-summary { padding: 3.125%; } .format-quote .entry-summary blockquote { margin: 0; } .format-image .entry-summary img { margin: 0 } /* 10: Media */ .entry-content img, .comment-content img, .widget img { max-width: 100%; /* Fluid images for posts, comments, and widgets */ } .entry-content img, .comment-content img[height], img[class*="align"], img[class*="wp-image-"] { height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ } .entry-content img, img.size-full, .wp-caption img[class*="wp-image-"] { max-width: 750px !important; width: 100%; border-radius: 3px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); margin: 20px auto 25px !important; height: auto; } .entry-content img.wp-smiley, .comment-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } .wp-caption { border: 0; margin: 0 auto; max-width: 100% !important; width: auto !important; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0 auto 1em; max-width: 100%; } .wp-caption-text { color: #757575; font-size: 0.929em; text-align: center; padding-bottom: 10px; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } #content .entry-content .gallery { margin-bottom: 1.5em; } #content .entry-content .gallery:last-child { margin-bottom: 0; } #content .gallery dl { margin: 1em 0 0; } #content .gallery .gallery-caption { margin: 0; } #content .gallery .gallery-item a img { border: 0; height: auto; max-width: 90%; } .site-content .gallery-columns-4 .gallery-item { } .site-content .gallery-columns-4 .gallery-item img { } /* Make sure embeds and iframes fit their containers */ embed, iframe, object { display: block; max-width: 100%; margin: 0 auto 30px; } /* 11: Navigation */ .site-navigation { margin: 0 0 3.125%; overflow: hidden; padding: 2.34375% 3.125%; background-color: #fff; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.06); box-shadow: 0 1px 1px rgba(0,0,0,0.06); } .image-attachment .site-navigation { -webkit-box-shadow: none; box-shadow: none; padding: 0; } .post-navigation .nav-previous { float: left; width: 50%; } .post-navigation .nav-next { float: right; text-align: right; width: 50%; } /* Pagination */ ul.page-numbers, .pagination { clear: both; list-style-type: none; margin: 0 0 3.125% 0; overflow: hidden; padding: 0; } ul.page-numbers li { display: block; float: left; margin: 0 5px 5px 0; text-align: center; font-size: 12px; margin-right: 5px; background-color: #fff; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06); } ul.page-numbers a, ul.page-numbers span, .pagination a, .pagination span { display: block; height: 30px; line-height: 30px; color: #656565; float: left; background: #fff; background-color: rgb(255, 255, 255); margin: 0 5px 5px 0; width: 30px; text-align: center; } .page-numbers.current, .page-numbers.current:hover, .page-numbers a:hover, .pagination a:hover, .pagination span.current{ text-decoration: none; color: #FFF; background-color: #0fa5d9; } /* Infinite Scroll */ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll #nav-above, /* Older / Newer Posts Navigation (always hidden) */ .infinite-scroll #nav-below, .infinite-scroll.neverending #colophon { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */ .infinity-end.neverending #colophon { display: block; } /* 12: Widget */ .widget { margin: 0 0 6.66667%; /*padding: 6.666667%;*/ padding: 15px; color: #757575; background-color: #fff; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.06); box-shadow: 0 1px 1px rgba(0,0,0,0.06); } .widget-title { font-size: 1.154em; display: block; margin: -15px -15px 10px; background: #0fa5d9; padding: 5px 15px; color: #fff; position: relative; } .widget ul { margin: 0; padding: 0; } .widget li { margin: 0; padding: 0.5em 0; list-style-type: none; } .widget .children { padding-left: 10px; } .widget_archive li a:before, .widget_links li a:before, .widget_categories li a:before, .widget_meta li a:before, .widget_recent_entries li a:before, .widget_recent_comments li .comment-author-link:before { font-family: "icons-font" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; width: 14px; text-align: left; display: inline-block; vertical-align: -15%; } .widget_archive li a:before, .widget_links li a:before, .widget_categories li a:before, .widget_meta li a:before, .widget_recent_entries li a:before { content: "f"; } .widget_recent_comments li .comment-author-link:before { content: "J"; padding-right: 0.25em; } .widget select { max-width: 100%; } /* 12: Widget > Calendar widget */ .widget_calendar table { margin: 0; } .widget_calendar caption { color: #353535; font-size: 1.154em; margin-bottom: 1em; font-weight: 700; } /* 12: Widget > Search widget */ .widget_search { padding: 0; border: none; } .widget_search h3 { padding: 1.333em 1.333em 0; } .widget_search #searchsubmit { padding: 10px 6px; } .widget_search input#s { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 78%; margin: 0; padding: 0.75em 1.5em; border: 0; } /* 12: Widget > Comment widget */ .widget_recent_comments a { color: #999; } .widget_recent_comments a.url { color: #0FA5D9; } .widget_recent_comments li a.url:before { content: "J"; padding-right: 0.25em; } /* 12: Widget > Video widget */ .thebox-video-embed { margin-bottom: 0.5em; } /* 13: Footer */ .site-footer { clear: both; color: #ccc; padding: 2.04082%; background: #353535; } .site-footer a { color: #fff; } .credits, .footer-navigation { width: 45%; margin: 1.0639% 0; } .credits { float: left; } .footer-navigation { float: right; text-align: right; } .footer-navigation .menu li, .footer-navigation .menu li a { display: inline-block; } .footer-navigation .menu { margin: 0; padding: 0; } .footer-navigation .menu li { margin: 0 0 0 0.5em; } .footer-navigation .menu li:first-child { margin-left: 0; } /* 13: Footer > #tertiary */ #tertiary { border-bottom: 1px solid rgba(255,255,255,0.05); margin: 0 0 2.1277% 0; } #tertiary .widget { width: 47.5%; padding: 0; margin-bottom: 2.1277%; float: left; border: none; background: transparent; color: #ccc; -webkit-box-shadow: none; box-shadow: none; } #tertiary .widget-title { font-size: 0.923em; text-transform: uppercase; color: #fff; margin-bottom: 0.5em; } #tertiary .widget_nav_menu ul { margin: 0; padding: 0; } #tertiary .widget_nav_menu ul ul { display: none; } #tertiary .widget_nav_menu ul li { list-style-type: none; display: inline-block; padding: 0 2px; } #tertiary .widget:nth-child(2n) { margin-right: 0; } #tertiary .widget:nth-child(2n+1) { margin-right: 5%; } #tertiary .widget_search input#s { width: 50%; } #tertiary table, #tertiary th, #tertiary td { border-color: #555; } #tertiary caption { margin: 0 0 0.5em 0; color: #fff; } #tertiary thead th { background: #252525; } #tertiary td a { color: #0FA5D9 } /* 14: Comments */ .comment-content a { word-wrap: break-word; } .bypostauthor {} input[type="text"], textarea { border-radius: 0; -webkit-border-radius: 0; box-shadow: none; -webkit-box-shadow: none; display: block } .comments-area { margin: 3.125% 0; font-size: 0.929em; padding: 3.125%; background-color: #fff; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.06); box-shadow: 0 1px 1px rgba(0,0,0,0.06); } .comments-area:after { content: ""; display: block; clear: both; } .comments-area .h2, .comments-area .h3 { font-size: 1.286em; font-weight: 700; margin: 0 0 0.5em; font-size: 1.385em; /* 18px */ color: #353535; display: block; } .comments-area .h3.comments-title { margin-bottom: 1.5em; } .comments-area label { display: inline-block; font-weight: 700; } .form-allowed-tags { display: none; } .commentlist { margin: 1em 0 } .commentlist li { list-style-type: none; margin: 0 0 1.5em 0; } .comment .avatar { float: left; margin-right: 1em; -webkit-border-radius: 20px; border-radius: 20px; } .comment-content { clear: both; padding: 0.5em 0 } .comment-content p:last-child { margin: 0; } /* 15: Additional Styles */ /* No Sidebar Template */ .page-template-no-sidebar-php .content-area { width: 100%; float: none; } .page-template-no-sidebar-php .page { margin-bottom: 2.0409%; } .page-template-no-sidebar-php .entry-header { padding: 1.5307% 2.0409%; margin-bottom: 1.5307%; } .page-template-no-sidebar-php .entry-content { padding: 0 2.0409%; margin-bottom: 1.5307%; } .page-template-no-sidebar-php .entry-footer { padding: 1.5307% 2.0409%; } .page-template-no-sidebar-php .comments-area { padding: 2.0409%; margin: 2.0409% 0; } /* 16: Media Queries */ @media screen and (min-width: 769px) and (max-width: 1023px) { #page { } .hgroup { width: 80%; } .content-area, .widget-area { float: none; width: 100%; margin: auto; padding: 0; } .widget { -webkit-box-shadow: none; box-shadow: none; margin-bottom: 0; padding: 3.125%; border-bottom: 1px solid rgba(0,0,0,0.07); } } @media screen and (max-width: 768px) { body { font-size: 16px; } /* .main-navigation, .site-footer, .widget-area, .entry-footer, .entry-meta, .entry-time, .author-info { font-size: 0.875em; }*/ #page { max-width: 100%; width: 100%; padding: 0; margin: 0 auto; padding: 0 20px; box-sizing: border-box; } /* Header */ header.fixed nav .phone-fixed { display: block; } .hgroup, .social-links, .add-col { width: 100%; float: none; text-align: left; } .add-col { width: auto; padding: 0 60px 0 0 ; } .hgroup { min-height: 60px; margin-top: 0; width: 100%; margin: 0 0 20px; } .hgroup h1 { margin-bottom: 3%; display: inline-block; } .hgroup h1 a { margin: auto; } .social-links { float: none; margin: 2% 0 0; } .site-brand { float: none; } .main-navigation { float: none; margin: 0; } .main-navigation ul { float: none; } .header-image { margin: 0 0 5% 0; } /* Layout */ .site-main { margin: 0; } .content-area, .widget-area { float: none; width: 100%; margin: auto; padding: 0; } .site-footer { padding: 3%; margin-top: 5%; } #tertiary, .credits, .footer-navigation { margin: 0 0 2.5% 0; } .credits, .footer-navigation { width: 100%; float: none; text-align: left; } /* Hentry */ .entry-title { width: 100%; max-width: 100%; float: none; clear: left; line-height: 1.3; margin: 0; font-size: 1.35em; } .hentry, #content .flexslider { margin-bottom: 5%; } .entry-header, .entry-footer, .page-template-no-sidebar-php .entry-header, .page-template-no-sidebar-php .entry-footer { padding: 3%; } .entry-content, .entry-summary, .page-template-no-sidebar-php .entry-content { padding: 0 20px; } .entry-header, .entry-content, .entry-summary, .page-template-no-sidebar-php .entry-header, .page-template-no-sidebar-php .entry-content { margin-bottom: 3%; } .comments-area, .page-template-no-sidebar-php .comments-area { margin: 5% 0; padding: 3%; } .author-info, .page-header { padding: 3%; margin-bottom: 5%; } /* Images */ .post-thumbnail img { float: none; margin: auto; max-width: 100%; width: 100%; height: auto; } /* Meta */ .entry-time { display: none; text-transform: none; color: #959595 !important; } .entry-time:before { content: none; } .single .entry-header .entry-meta { width: 100%; max-width: 100%; float: none; } .sticky .entry-time, .entry-time { float: none; height: auto; width: auto; background: transparent !important; color: #727272; font-weight: 400; letter-spacing: normal; text-align: left; -webkit-border-radius: 0; border-radius: 0; } .entry-time-day, .entry-time-month { display: inline; padding: 0; } .sticky .entry-time-day, .sticky .entry-time-month, .format-image .entry-time-day, .format-image .entry-time-month, .format-link .entry-time-day, .format-link .entry-time-month, .format-quote .entry-time-day, .format-quote .entry-time-month, .format-video .entry-time-day, .format-video .entry-time-month { display: inline; } .entry-format-icon:before { content: none !important; } /* Widget */ .widget { padding: 3%; -webkit-box-shadow: none; box-shadow: none; border-bottom: 1px solid rgba(0,0,0,0.07); } /* Tertiary */ #tertiary .widget_nav_menu { float: none; max-width: 100%; width: 100%; text-align: left; padding: 0.25em 0 } #tertiary .widget_nav_menu ul li:first-child { padding-left: 0; } #tertiary .widget { width: 100%; float: none; } /* Site Navigation */ .site-navigation { margin-bottom: 5%; padding: 3%; } ul.page-numbers { margin-bottom: 5%; } } @media screen and (max-width: 480px) { .entry-title { } .social-links { display: none; } .dashicons { right: 5px !important; bottom: 100px !important; } /* Header */ button.menu-toggle { } .header-image { display: none; } .social-links { margin-top: 3%; } .social-links a { margin-left: 0.25em; } .site-brand { margin-bottom: 10%; } .site-title a img { width: 100%; } .page-header { padding: 5%; } /* Layout */ .site-footer { padding: 5%; margin-top: 5%; } /* Hentry */ .entry-header, .entry-footer, .page-template-no-sidebar-php .entry-header, .page-template-no-sidebar-php .entry-footer { padding: 5%; } .entry-content, .page-template-no-sidebar-php .entry-content, .entry-summary { padding: 0 20px 20px; } .entry-header, .entry-content, .page-template-no-sidebar-php .entry-header, .page-template-no-sidebar-php .entry-content, .entry-summary { margin-bottom: 5%; } .author-info { padding: 5%; } .comments-area, .page-template-no-sidebar-php .comments-area { padding: 5%; } /* Widget */ .widget { padding: 5%; } /* Tertiary */ #tertiary .widget_search input#s { width: 80%; } /* Site Navigation */ .site-navigation { padding: 5%; } /* Images */ .hentry img { float: none; margin: 0 auto 1.5em; text-align: center; display: block; } .post-thumbnail { float: none; max-width: 100%; margin: 0 auto 5%; } .post-thumbnail img { margin: auto; } /* Flexslider */ .flex-caption { left: 0 !important; bottom: 0 !important; width: 90% !important; padding: 2% 5% !important; } .flexslider .slides h2 { margin: 0 !important; } .flexslider .slides .flex-excerpt { display: none; } .flexslider .flex-direction-nav { top: 10px !important; right: 10px !important; } .box-promo .col-img { display: none; } } /** Box promo **/ .box-promo { line-height: 1.5; margin: 30px 0 30px; overflow: hidden; padding: 15px 18px 20px 65px; } .box-promo .ttl { display: block; font: 32px/1.1 ProximaNovaExCn-Black,Arial,Helvetica,sans-serif; margin: 0 -38px 19px; padding: 0 0 11px; text-align: center; text-transform: uppercase; } .box-promo img { border-radius: 3px; display: block; } .box-promo p { margin: 0 0 28px; } .box-promo .text { overflow: hidden; } .box-promo .row { overflow: hidden; position: relative; /*background: url("images/bg-promo-separator.png") repeat-x 0 3px;*/ } .box-promo .row span { float: right; padding: 0 0 0 30px; } .box-promo .row::after { bottom: 0; content: ""; left: 0; position: absolute; top: 0; width: 17%; } .box-promo .more { border: medium none; border-radius: 3px; float: right; font: 18px/36px ProximaNovaExCn-Semibold,Arial,Helvetica,sans-serif; padding: 0 25px; width: auto; color: #fff; position: relative; text-transform: uppercase; } .box-promo .col-img { float: left; margin: 0 15px 0 0; min-width: 100px; } .box-promo .col-img img{ box-shadow: none; margin: 0 auto; } .box-promo.box-promo-color1 { background: #ffd5c4; color: #6c3c29; } .box-promo { position: relative; font-size: 15px; line-height: 1.45; } .box-promo::after { content: ""; position: absolute; left: 10px; right: 10px; height: 48px; width: 48px; top: 10px; } .box-promo.box-promo-color1:after { background: url("images/icon.png") no-repeat; background-size: contain; } .box-promo.box-promo-color2:after { background: url("images/icon.png") no-repeat;background-size: contain; } .box-promo.box-promo-color3:after { background: url("images/icon.png") no-repeat;background-size: contain; } .box-promo.box-promo-color1 .ttl { color: #994c2d; border-bottom: 1px solid #cc9078; } .box-promo.box-promo-color1 .more { background: #994c2d; } .box-promo.box-promo-color1 .row::after, .box-promo.box-promo-color1 .row span { background: #ffd5c4; } .box-promo.box-promo-color1 .more:hover, .box-promo.box-promo-color1 .more:active { background: #803e23; } .box-promo.box-promo-color2 { background: #bde8d6; color: #1a4f3a; } .box-promo.box-promo-color2 .ttl { color: #398265; border-bottom: 1px solid #77b29a; } .box-promo.box-promo-color2 .row { background-position: 0 -46px; } .box-promo.box-promo-color2 .more { background: #398265; } .box-promo.box-promo-color2 .row::after, .box-promo.box-promo-color2 .row span { background: #bde8d6; } .box-promo.box-promo-color2 .more:hover, .box-promo.box-promo-color2 .more:active { background: #296e53; } .box-promo.box-promo-color3 { background: #ffe8c0; color: #4c3712; } .box-promo.box-promo-color3 .ttl { color: #a58243; border-bottom: 1px solid #c8aa74; } .box-promo.box-promo-color3 .row { background-position: 0 -92px; } .box-promo.box-promo-color3 .more { background: #a58243; } .box-promo.box-promo-color3 .row::after, .box-promo.box-promo-color3 .row span { background: #ffe8c0; } .box-promo.box-promo-color3 .more:hover, .box-promo.box-promo-color3 .more:active { background: #906f34; } .box-promo.box-promo-text { } .box-promo.box-promo-text .ttl { border: medium none; margin: 0; padding: 0; text-align: left; } .box-promo.box-promo-text p { margin: 0 0 13px; } .box-promo.box-promo-text .row::after { display: none; } ol.contents { margin-left: 1em; } ol.contents { font-style:italic; font-family:Georgia, Times, serif; font-size:24px; color:#0fa5d9; } ol.contents li { } ol.contents li p { padding:8px; font-style:normal; font-family:Arial; font-size:13px; color:#eee; border-left: 1px solid #999; } ol.contents li p em { display:block; } @media screen and (max-width: 720px) { ol.contents { margin-left: 0; } .box-promo { padding: 55px 20px 20px 20px; } .box-promo.box-promo-color2:after { left: 50%; margin: 0 0 0 -24px; } } .entry-content p:empty { display: none; } .entry-content > ol, .entry-content > ul { list-style: none; margin: 0 0 30px; padding: 0; } .entry-content ul ul { } .entry-content > ul > li, .entry-content > ol > li { counter-increment: item; list-style: outside none none; margin: 0 0 12px; padding: 0 0 0 45px; position: relative; } .entry-content > ul > li ul li { } .entry-content > ol li::before { content: counters(item, ".", decimal) " "; counter-increment: li; margin-right: 5px; background-color: #0fa5d9; color: white; font-weight: bold; left: 9px; position: absolute; top: 3px; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 0.9em; } .entry-content > ul li::before { content: ""; left: 20px; position: absolute; top: 10px; line-height: 20px; background: #0fa5d9; width: 8px; height: 8px; } @media screen and (max-width: 768px) { .entry-content > ul > li, .entry-content > ol > li { /*padding: 0 0 0 30px*/ } .entry-content > ul li::before { /*left: 10px;*/ } } .social-list { float: right; margin: 0; list-style: none; } .social-list li { float: left; margin: 0 0 0 9px; padding: 0; } @media screen and (max-width: 768px) { .social-list { padding: 20px 15px 0 0; } } .social-list li:before { display: none; } .social-list a, .social-list a:hover{ background: rgba(0, 0, 0, 0) url("images/icon-social-list.png") no-repeat scroll 0 0 !important; float: left; height: 32px; overflow: hidden; text-indent: -999px; width: 31px; border-radius: 0; } .social-list .twitter, .social-list .twitter:hover{ background: rgba(0, 0, 0, 0) url("images/icon-social-list.png") no-repeat scroll -32px 0 !important; } .social-list .vk, .social-list .vk:hover { background: rgba(0, 0, 0, 0) url("images/icon-social-list.png") no-repeat scroll -65px 0 !important; } .social-list .telegram, .social-list .telegram:hover{ background: rgba(0, 0, 0, 0) url("images/telegram.svg") no-repeat scroll 0 0 !important; background-size: auto auto; background-size: contain !important; } .social-list .ok, .social-list .ok:hover { background: rgba(0, 0, 0, 0) url("images/icon-social-list.png") no-repeat scroll -97px 0 !important; } .social-list .icon, .social-list .icon:hover { background: rgba(0, 0, 0, 0) url("images/icon-social-list.png") no-repeat scroll -130px 0 !important; } .social-list .googleplus, .social-list .googleplus:hover{ background: rgba(0, 0, 0, 0) url("images/icon-social-list.png") no-repeat scroll -162px 0 !important; } .col-md-6 { display: inline-block; } body.single-post #lb_button-wrapper .lb-widget-panel { bottom: 300px !important; } .comments-area .h3 { display: block; font-size: 1.17em; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; font-weight: bold; font-size: 1.286em; font-weight: 700; margin: 0 0 0.5em; } @media screen and (max-width: 1750px) { #upprev_box { width: 315px !important; } #upprev_box .h5 { font-size: 0.9em !important; } } @media screen and (max-width: 1700px) { #upprev_box { width: 280px !important; } #upprev_box .h5 { font-size: 0.85em !important; } } @media screen and (max-width: 1620px) { #upprev_box { width: 255px !important; } #upprev_box .h5 { font-size: 0.8em !important; } } @media screen and (max-width: 1550px) { #upprev_box { width: 245px !important; } #upprev_box .h5 { font-size: 0.77em !important; } } @media screen and (max-width: 1500px) { #upprev_box { display: none !important; } } .row-soglashenie { font-size: 14px; } #video-advertise.left { position: fixed; top: 0; left: auto !important; right: 0 !important; } .block1-button { margin: 0 0 20px !important; } .teezform-box { max-width: 810px !important; margin: 0 auto 30px !important; padding: 30px !important; } #upprev_box .upprev_excerpt p { display: none; } #upprev_box .h5 { font-size: 0.7em !important; font-weight: 700 !important; } #upprev_box div, #upprev_box div.upprev_thumbnail br { clear: both; overflow: hidden; margin: 0 0 13px; } .breadcrumbs { overflow: hidden; width: 100%; padding: 0 0 0 1em; list-style: none; margin: 0 0 25px; line-height: 40px; } .breadcrumbs > span { float: left; margin: 0 1.2em 10px 0; } .breadcrumbs a { background: #0fa5d9; padding: 0 1em; float: left; text-decoration: none; color: #fff; position: relative; transition: 0s ease-in-out; -webkit-transition: 0s ease-in-out; } .breadcrumbs a:hover{ background: #00c6ee; } .breadcrumbs a::before { content: ""; position: absolute; top: 50%; margin-top: -20px; border-width: 20px 0 20px 1em; border-style: solid; border-color: #0fa5d9 #0fa5d9 #0fa5d9 transparent; left: -1em; } .breadcrumbs a:hover::before{ border-color: #00c6ee #00c6ee #00c6ee transparent; } .breadcrumbs a::after{ content: ""; position: absolute; top: 50%; margin-top: -20px; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 1em solid #0fa5d9; right: -1em; } .breadcrumbs a:hover::after{ border-left-color: #00c6ee; } .breadcrumbs .current, .breadcrumbs .current:hover{ font-weight: bold; background: none; } .breadcrumbs .current::after, .breadcrumbs .current::before{ content: normal; } @media screen and (max-width: 800px) { .breadcrumbs { line-height: 30px; } .breadcrumbs a { padding: 0 0.7em; } .breadcrumbs a::before { margin-top: -15px; border-width: 15px 0 15px 1em; } .breadcrumbs a::after { margin-top: -15px; border-width: 15px 0 15px 1em; } .single .breadcrumbs > span:first-child { display: none; } } @media screen and (max-width: 720px) { } time.icon-date::before { float: left; margin: 5px 10px 0 0; } .row-post-categories { overflow: hidden; display: block; } .row-post-categories.icon-category::before { float: left; margin: 5px 10px 0 0; } .post-categories { margin: 0; padding: 0; list-style: none; } .post-categories li { padding: 0 10px 0 0; float: left; } .post-categories a:hover { text-decoration: underline; } .widget_mycategoryorder ul { } .widget_mycategoryorder ul li { padding: 0 0 5px; } .widget_mycategoryorder ul a { display: block; background: #e1f7ff; padding: 0.25em 15px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .widget_mycategoryorder ul .current-cat a, .widget_mycategoryorder ul a:hover { background: #56c8f0; color: #fff; } .newadlib_teaser img { width: auto; } .hidden { visibility: hidden; display: none; } .post-meta { margin: 15px 0; padding: 20px 20px 25px 20px; color: #666666; font-size: 14px; overflow: hidden; } .post-rating { float: left; margin-top: 5px; } .post-share { float: right; text-align: center; } .post-rating__title, .post-share__title { margin-bottom: 4px; } .post-ratings { width: 100%; opacity: 1; background-color: #ffffff; } .widget_ratings-widget ul a { display: inline-block; } .post-ratings img, .post-ratings-loading img, .post-ratings-image img { border: 0; padding: 0; margin: 0; float: left !important; margin: 0 7px 0 0 !important; } .post-navigation [class*="nav-"] { display: block; float: none; overflow: hidden; width: 100%; line-height: 1.5; margin: 0 0 18px; } .widget_recent_entries li a { padding-top: 15px; } .widget_recent_entries li a { display: block; padding: 0 0 0 17px; position: relative; } .widget_recent_entries li a:hover { } .widget_recent_entries li a::before { content: ""; display: none; } .widget_recent_entries li a:after { content: ""; left: 0; position: absolute; top: 0.5em; line-height: 20px; background: #0fa5d9; width: 8px; height: 8px; } .new_post { overflow: hidden; } .new_post_title { font-size: 1.571em; line-height: 1.4; font-weight: 700; margin: 0 0 0.7em; } .owl-carousel { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; margin-bottom: 40px; } .new_post .box { padding: 0 15px 35px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; box-sizing: border-box; } .new_post .box img { width: 100%; display: block; height: auto; } .new_post .box a { position: relative; display: block; overflow: hidden; } .new_post .post-thumbnail { float: none; overflow: hidden; display: block; width: 100%; max-width: 100%; margin: 0; position: relative; z-index: 1; } .new_post .caption { position: absolute; bottom: 0; left: 0; right: 0; padding: 9px 10px; z-index: 3; line-height: 1.3; font-size: 15px; color: #fff; background: #0fa5d9b3; text-align: center; } .new_post .box a:after { border: 2px solid #0fa5d9b3; content: ""; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; opacity: 0; position: absolute; left: 0; bottom: 0; right: 0; z-index: 5; top: 0; } .new_post .box a:hover:after { opacity: 1; } @media screen and (max-width: 800px) { .new_post .caption { font-size: 12px; } } @media screen and (max-width: 720px) { .new_post .box { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media screen and (max-width: 414px) { .new_post .box { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .new_post .box:nth-child(4), .new_post .box:nth-child(5), .new_post .box:nth-child(6){ display: none; } } .add-nav { margin: 0 0 12px; padding: 0; list-style: none; overflow: hidden; } .add-nav li { float: right; margin: 0 0 0 20px; } .add-nav .current_page_item a { font-weight: 700; } .post-thumbnail .post-rating { overflow: hidden; display: block; text-align: center; padding: 10px 0 0; width: 100%; margin: 0; } @media screen and (max-width: 480px) { .post-rating { position: relative; padding: 10px 0 20px; } .post-rating:after { left: 50%; bottom: 10px; content: ""; position: absolute; margin: 0 0 0 -15px; width: 30px; height: 2px; background: #00c6ee; } } #to_top_scrollup { bottom: 150px !important; } /* карусель */ .r_slide { overflow: hidden; width: 100%; height: 100%; background: #5fbb57; display: flex; } .slide_text { text-align: left; color: #fff; align-content: center; align-items: center; width: 40%; display: flex; font-size: 14px; padding: 20px 40px; box-sizing: border-box; } @media screen and (max-width: 768px) { .slide_text { padding: 15px 30px; } } @media screen and (max-width: 480px) { .slide_text { padding: 10px 20px; } } .slide_text strong { font-size: 36px; line-height: 1; color: #fff; display: block; margin: 0 0 10px; font-weight: 400 } @media screen and (max-width: 768px) { .slide_text strong { font-size: 24px; } } @media screen and (max-width: 480px) { .slide_text strong { font-size: 17px; } } .slide_text_h strong:hover { text-decoration: none } .slide_text_h strong a { font-size: 36px; line-height: 40px; color: #fff; font-weight: 400 } .slide_image { float: right; width: 60%; height: 100%; overflow: hidden } .slide_image img { width: 100%; height: 100%; } .arrow667 { width: 17px; height: 29px; margin-top: 157px; z-index: 9999; background: url(/blog/wp-content/themes/wix/images/arrow_667.png) no-repeat; position: absolute } .s_button { margin-left: 20px; margin-top: 15%; background: #fff; -webkit-border-radius: 6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -moz-border-radius: 6px; border-radius: 6px; font-weight: 300; font-size: 16px; text-align: center; padding-top: 11px; padding-bottom: 11px; width: 125px; display: block; z-index: 99 } .s_button:hover { border: 1px solid #fff; padding-top: 10px; padding-bottom: 10px } .s_button a:hover { color: #fff !important; font-weight: 400; font-size: 16px; text-align: center; display: block; z-index: 99 } .slider_readmore a { text-align: center; float: left; width: 128px; height: 41px; color: #fff !important; font-size: 16px; z-index: 99; text-indent: 0 } .slider_readmore a:hover { text-align: center; float: left; width: 128px; height: 41px; color: #fff !important; font-size: 16px; z-index: 99; text-indent: 0 } .s_readmore667 { color: #67c25d } .s_readmore667:hover { background: #67c25d; color: #fff !important } .s_readmore667 a { color: #67c25d } .main_slider {/* width: 980px; height: 344px;*/ } .menu-glavnoe-menyu-container { max-width: 1440px; margin: 0 auto; } .arrow { margin: 0; position: absolute; top: 230px; cursor: pointer; z-index: 18; width: 52px; height: 53px; opacity: .7 !important; } @media screen and (min-width: 769px) and (max-width: 1023px) { .main_slider { /*width: 740px;*/ /*height: 260px;*/ } .menu-glavnoe-menyu-container{ margin: 0 auto; } .arrow { top: 250px; } } @media screen and (max-width: 768px) {/* .main_slider { width: 513px; height: 180px; }*/ .menu-glavnoe-menyu-container { width: 513px; margin: 0 auto; } .arrow { top: 70px; } #carousel_container { display: none; } } @media screen and (max-width: 480px) { #carousel_container { display: none; } } #carousel_container { position: relative; width: 100%; padding: 0; overflow: visible; left: 0; } #carousel_inner { width: 100%; height: 344px; overflow: hidden; background: #F0F0F0 } #carousel_ul { position: relative; list-style-type: none; margin: 0; padding: 0; width: 9999px; padding-bottom: 10px } #carousel_ul li { float: left; padding: 0; opacity: .3 } #carousel_ul li img { cursor: hand; border: 0 } #carousel_container:hover .arrow:hover { opacity: 1 !important } #carousel_container .arrow#prev { background-image: url(/wp-content/themes/the-box/images/left_arrow_new.png) } #carousel_container .arrow#next { background-image: url(/wp-content/themes/the-box/images/right_arrow_new.png) } /* */ .comment-form-url { display: none; } .kc_title { display: block; overflow: hidden; margin: 0 0 15px; font-weight: 700; } .contents li.sub.sub_1 { margin-left: 27px !important; } .video-item { overflow: hidden; background: #f3f1ed none repeat scroll 0 0; padding: 20px 30px; margin: 0 0 25px; } .video-item-title { overflow: hidden; font-weight: 700; text-align: center; text-transform: uppercase; } .video-item-title p { font-weight: 700; margin: 0; } .video-item .fluid-width-video-wrapper { height: auto; margin: 0 auto; } .says { display: none; } .commentlist { margin: 0; padding: 25px 0 0; } .commentlist .comment .comment { padding: 0 0 24px; } .prev-posts-content { background: #fff; margin: 0 0 30px; padding: 3.125%; } .prev-posts { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; margin-bottom: 20px; width: auto; } .prev-posts .item { -ms-flex: 0 0 33.33333%; -webkit-box-flex: 0; flex: 0 0 33.33333%; max-width: 33.33333%; padding: 0 15px 25px; box-sizing: border-box; } .prev-posts .item-inner { overflow: hidden; display: block; } .prev-posts .img-holder { overflow: hidden; display: block; padding: 0 0 5px; } .prev-posts .item img { width: 100%; display: block; height: auto; } .prev-posts .ttl { display: block; font-size: 17px; line-height: 1.3; text-align: center; } @media screen and (max-width: 768px) { .prev-posts .item { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media screen and (max-width: 480px) { .prev-posts .item { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .prev-posts .item:nth-child(4), .prev-posts .item:nth-child(5), .prev-posts .item:nth-child(6){ display: none; } .entry-content p { text-align: justify; } ul, ol { margin: 0 0 1.5em 0.3em; } } /* add */ .doctor { } .doctor:after { clear: both; content: ""; display: block; } .doctor-top { margin: 0 0 30px; } .doctor-top:after { clear: both; content: ""; display: block; } .doctor-img { margin: 0 25px 0 0; float: left; } @media (max-width: 680px) { .doctor-img { margin: 0 0 25px; float: none; } } .doctor-img img { margin: 0 !important; max-width: 300px; box-shadow: none !important; } @media (max-width: 680px) { .doctor-img img { margin: 0 auto !important; } } .doctor-info { padding: 0 0 15px 10px; overflow: hidden; } .doctor-pagetitle { margin: 0 0 25px; } .doctor-info-row { padding: 0 0 10px; float: left; width: 100%; } .doctor-info-row .col-7 { width: 60%; float: left; box-sizing: border-box; padding: 0 20px 0 0; } @media (max-width: 680px) { .doctor-info-row .col-7 { width: 100%; padding: 0; } } .doctor-info-row .col-5 { width: 40%; float: left; } @media (max-width: 680px) { .doctor-info-row .col-5 { width: 100%; padding: 0; } } .doctor-specialization .doctor-info__title { font-size: 18px; text-transform: uppercase; font-weight: bold; letter-spacing: 0.05em; line-height: 1.3; color: rgb(123, 144, 161); } .doctor-specialization .doctor-info__text { font-size: 18px; font-weight: bold; line-height: 1.3; padding-top: 5px; } .doctor-specialization .doctor-info__title, .doctor-experience .doctor-info__title { display: block; } .doctor-experience .doctor-info__text { font-weight: bold; line-height: 1; font-size: 32px; color: rgb(123, 144, 161); } .doctor-reception { font-weight: bold; } .doctor-header__quote { position: relative; background: #f8fbfc; box-shadow: 0 3px 35px 0 rgba(166, 191, 207, 0.7); border-radius: 20px; padding: 15px 20px; margin: 0 auto 30px; max-width: 800px; } .doctor-header__quote-text { font-size: 18px; font-style: italic; } .doctor-header__quote-info { position: relative; padding-top: 15px; margin-top: 15px; } .doctor-header__quote-info::before { content: ""; width: 50px; height: 5px; background: #d5f4f4; position: absolute; top: 0; left: 0; } .lead { font-size: 16px; text-transform: uppercase; font-weight: bold; letter-spacing: 0.05em; line-height: 1.3; } .doctor-header__quote-info small { font-size: 14px; color: #7b90a1; } .doctor-header__quote::after { content: ""; width: 65px; height: 51px; background: url("images/header-quote.png") center center no-repeat; background-size: auto; background-size: contain; position: absolute; right: 20px; bottom: 20px; } .doctor-charachters { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 25px 1fr 25px 1fr; grid-template-columns: 1fr 1fr 1fr; grid-gap: 25px; } @media screen and (max-width: 768px) { .doctor-charachters { -ms-grid-columns: 1fr 10px 1fr; grid-template-columns: 1fr 1fr; grid-gap: 10px; } } @media screen and (max-width: 480px) { .doctor-charachters { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } } .bordered-block { position: relative; background: #f8fbfc; box-shadow: 0 3px 35px 0 rgba(166, 191, 207, 0.7); border-radius: 20px; padding: 30px 25px; color: #000000; } .bordered-block::before { content: ""; position: absolute; left: 10px; top: 10px; bottom: 10px; right: 10px; border: 1px solid #97BCC1; border-radius: 15px; z-index: 1; transition: all 0.2s ease; pointer-events: none; } .bordered-block--small::before { left: 6px; top: 6px; bottom: 6px; right: 6px; } .doctor-charachter__title { position: relative; text-align: center; color: #97BCC1; margin-bottom: 10px; padding: 0 13px; font-weight: 700; font-size: 20px; line-height: 1.2; } .doctor-charachter__title::before { display: block; content: ""; position: absolute; top: 0.5em; left: 0; width: 8px; height: 8px; background:#97BCC1; border-radius: 2px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .doctor-charachter__title::after { content: ""; position: absolute; top: 0.5em; right: 0; width: 8px; height: 8px; background: #97BCC1; border-radius: 2px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } /* мнение эксперта */ /* expert-box */ .expert-box { background: #f3f3f3; font: italic 16px/1.45 Georgia,serif; overflow: hidden; padding: 15px 20px 10px; border-radius: 1px; max-width: 90%; margin: 0 auto 30px; } @media all and (max-width: 1200px) { .expert-box { padding: 15px; } } @media (max-width: 1030px) { .expert-box { max-width: 100%; } } @media all and (max-width: 720px) { .expert-box { max-width: 100%; } } @media all and (max-width: 440px) { .expert-box { max-width: inherit; margin: 0 -15px 25px; width: auto; padding: 20px 15px; } } .expert-box .box-content-info strong { font-weight: 700; color: #353535; } .expert-box .expert-content { overflow: hidden; margin: 0 0 5px; } @media all and (max-width: 950px) { .expert-box .expert-content { margin: 0 0 25px; } } .expert-box .expert-content a { text-decoration: none !important; color: #353535 !important; font-weight: normal; } .expert-box .ttl { left: -43px; overflow: hidden; position: relative; z-index: 2; margin-top: 35px; margin-bottom: 8px; } @media all and (max-width: 1200px) { .expert-box .ttl { left: 0; } } @media all and (max-width: 950px) { .expert-box .ttl { margin: 16px 0; overflow: hidden; } } .expert-box .ttl strong { background: #0fa5d9; color: #fff; float: left; font: bold 18px Play,Arial; padding: 5px 15px 5px 43px; text-transform: uppercase; } .expert-box .expert-images { float: left; margin: 0 30px 10px 0; position: relative; z-index: 1; } @media all and (max-width: 1280px) { .expert-box .expert-images { margin: 0 20px 10px 0; } } @media all and (max-width: 640px) { .expert-box .expert-images { float: none; margin: 0 0 10px; display: block; overflow: hidden; } } .expert-box .btn { margin-left: 0; color: #fff !important; } @media all and (max-width: 720px) { .expert-box .btn { margin: 0 auto 25px; clear: both; } } .expert-one-img { left: 0; padding: 19px 8px 8px; top: 9px; z-index: 1; width: 255px; background: none; -webkit-transition: right 0.4s ease 0s, left 0.4s ease 0s, top 0.4s ease 0s; transition: right 0.4s ease 0s, left 0.4s ease 0s, top 0.4s ease 0s; } @media all and (max-width: 1280px) { .expert-one-img { width: 230px; } } @media all and (max-width: 640px) { .expert-one-img { width: auto; max-width: 380px; margin: 0 auto; } } .expert-one-img span { position: absolute; top: 0; left: 0; right: 0; text-align: center; font: 12px/19px Play,Arial,Helvetica,sans-serif; color: #818181; text-transform: uppercase; } .expert-one-img img { display: block; width: 100%; height: auto; margin: 0 !important; box-shadow: none; } @media all and (max-width: 640px) { .expert-box .expert-text { clear: both; } } .expert-box .expert-text .ttl { margin-top: 35px; margin-bottom: 8px; } @media all and (max-width: 1200px) { .expert-box .expert-text .ttl { padding: 0; left: -43px; } } @media all and (max-width: 640px) { .expert-box .expert-text .ttl { position: static; margin: 10px 0 15px; text-align: center; } } .expert-box .expert-text .ttl strong { background: #0fa5d9; color: #fff; float: left; font: bold 24px Play,Arial; padding: 10px 15px 10px 23px; text-transform: uppercase; } @media all and (max-width: 1280px) { .expert-box .expert-text .ttl strong { font: bold 20px Play,Arial; padding: 5px 15px 5px 24px; } } @media all and (max-width: 950px) { .expert-box .expert-text .ttl strong { padding: 5px 15px; } } @media all and (max-width: 480px) { .expert-box .expert-text .ttl strong { float: none; display: inline-block; text-align: center; } } @media all and (max-width: 440px) { .expert-box .expert-text .ttl strong { font-size: 15px; } } .expert-box .expert-text .box-content-ttl { color: #0fa5d9; font-size: 24px; display: block; text-align: left; padding-bottom: 12px; } @media all and (max-width: 1280px) { .expert-box .expert-text .box-content-ttl { font-size: 19px; margin-bottom: 15px; } } @media all and (max-width: 440px) { .expert-box .expert-text .box-content-ttl { font-size: 19px; display: block; clear: left; } } .expert-box .expert-text .box-content-info { margin-bottom: 20px; display: block; overflow: hidden; } @media all and (max-width: 1280px) { .expert-box .expert-text .box-content-info { margin-bottom: 15px; font-size: 18px; } } @media all and (max-width: 720px) { .expert-box .expert-text .box-content-info { font-size: 15px; } } /* // expert-box */ .term-box { padding: 22px 48px 22px 22px; border-left: 2px solid #0fa5d9; margin-right: 24px; margin-top: 20px; margin-bottom: 20px; } .term-box p:last-child { margin-bottom: 0 !important; } /* автор статьи */ .wrap-authors_webnavoz { background: #fff; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; background: #fff; margin: 0 0 30px; padding: 3.125%; } .wrap-authors_col { width: 100%; } .wrap-authors_webnavoz img { max-width: 80px !important; box-shadow: none; margin: 0 auto !important; display: block; border-radius: 50%; } .information-authors_webnavoz { width: 60%; padding: 0 15px 0 0; box-sizing: border-box; float: left; } @media all and (max-width: 720px) { .information-authors_webnavoz { margin: 0 auto; width: 100%; } } .posts-authors-datetime { font-size: 12px; } .wrap-authors-doc { } .posts-authors_webnavoz { float: left; width: 35%; padding-left: 5%; position: relative; box-sizing: initial; padding-top: 15px; } @media all and (max-width: 720px) { .posts-authors_webnavoz { float: none; width: 100%; overflow: hidden; text-align: center; padding: 10px; } .posts-authors_webnavoz::after { display: none; } } .wrap-authors_webnavoz::after { content: ""; display: block; clear: both; } .posts-authors_webnavoz::after { content: ""; position: absolute; right: auto; left: 0; top: 17px; bottom: 13px; width: 1px; background: #e8e8ed; } .label-posts-authors_webnavoz { color: #8a8a8a; font-size: 12px; line-height: 14px; margin-bottom: 8px; } .value-posts-authors_webnavoz { font-size: 24px; line-height: 26px; color: #586b95; font-weight: 600; padding-left: 30px; background: url(images/count-posts-min.png) no-repeat left 1px; } .wnauthorimageurl { width: 80px; height: 80px; display: block; background-size: cover; position: absolute; left: 0; top: 0; display: block; -webkit-border-radius: 59px !important; -moz-border-radius: 59px !important; border-radius: 59px !important; max-width: 80px !important; max-height: 80px; overflow: hidden; margin-top: -3px; } .body-info-authors_webnavoz { overflow: hidden; } .information-authors_webnavoz .imginr { float: left; margin: 0 20px 0 0; } @media all and (max-width: 640px) { .information-authors_webnavoz .imginr { margin: 0 auto 15px !important; float: none; overflow: hidden; } .body-info-authors_webnavoz { text-align: center; } } .label-info-authors_webnavoz { font-size: 12px; line-height: 14px; color: #0fa5d9; margin-bottom: 5px; } .header-info-authors_webnavoz { margin-bottom: 5px; } .name-authors_webnavoz { font-size: 18px; line-height: 20px; color: #586b95; font-weight: 500; display: inline-block; vertical-align: middle; margin-right: 7px; } .name-authors_webnavoz a { color: #586b95; } .socials-info-authors_webnavoz { display: inline-block; vertical-align: middle; } .desc-info-authors_webnavoz { color: #8a8a8a; font-size: 14px; font-weight: 300; } /* .swiper-slider__wrapper { position: relative; } .swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-flex; display: -ms-flexbox; display: flex; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; box-sizing: content-box; } .swiper-slide { -ms-flex-negative: 0; -webkit-flex-shrink: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; padding: 10px; width: auto; }*/ .serts-slider__item { display: block; border-radius: 10px; border: 4px solid #FFF; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2); transition: all 0.3s ease; min-width: 170px; width: auto; } .serts-slider__item img { display: block; height: 250px; width: auto !important; border-radius: 8px; } .serts-slider__item br { display: none !important; } .doctor-education { } .row { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } .row [class*=grid] { padding-left: 15px; padding-right: 15px; } .grid-6 { width: 50%; } @media (max-width: 680px) { .grid-12_s { width: 100%; } } .doctor-history__dop { margin-bottom: 30px; } .doctor-history__dop strong { display: block; font-size: 24px; font-weight: bold; color: #97BCC1; text-transform: uppercase; } .single-doctors .doctor h2, .single-doctors .doctor .h2 { margin: 0 0 0.6em; } .single-doctors .doctor p { margin: 0 0 15px; } .b-button { display: inline-block; vertical-align: middle; position: relative; padding: 13px 22px; font-family: "Noto Sans", "Segoe UI", "Helvetica Neue", Arial, sans-serif; line-height: 1.3; text-decoration: none; text-align: center; white-space: nowrap; cursor: pointer; transition: all 0.2s ease; -webkit-user-select: none; -ms-user-select: none; user-select: none; background: linear-gradient( 180deg , #0fa5d9 0%, rgb(10 152 202) 100%), #8aa9ad; border: none; box-shadow: 0 2px 0 0 #0a789e, 3px 6px 13px 0 rgb(88 212 255); color: #FFF; font-size: 14px; font-weight: bold; text-transform: uppercase; letter-spacing: 0; text-shadow: 0 1px 1px #095975; border-radius: 30px; -webkit-tap-highlight-color: transparent; overflow: hidden; } @media (max-width: 1024px) { .b-button { padding: 12px 18px; } } .b-button:before { content: ""; width: 90%; min-width: 173px; height: 173px; background: rgba(252, 252, 252, 0.2); position: absolute; right: 45%; top: -8px; border-radius: 50%; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .b-button:focus { outline: none; } .b-button:focus:before { -webkit-transform: scale3d(2.3, 2.3, 1); transform: scale3d(2.3, 2.3, 1); } .b-button:hover { color: #fff; } .b-button:hover:before { -webkit-transform: scale3d(2.3, 2.3, 1); transform: scale3d(2.3, 2.3, 1); } .b-button:active:before { -webkit-transform: scale3d(2.3, 2.3, 1); transform: scale3d(2.3, 2.3, 1); } .certificates-wrapper { margin: 0; } .certificates-wrapper .owl-item { width: auto !important; } .certificates__link { display: block; border-radius: 10px; border: 4px solid #FFF; box-shadow: 0 2px 8px 0 rgb(0 0 0 / 20%); transition: all 0.3s ease; min-width: 170px; width: auto; } .certificates-wrapper .owl-item img { display: block; height: 250px; width: auto !important; border-radius: 8px; } .owl-carousel { margin: 0; } html .owl-carousel .owl-nav button.owl-prev, html .owl-carousel .owl-nav button.owl-next { position: absolute; left: 0; top: 50%; width: 18px; height: 18px; z-index: 5; margin: -12px 0 0; background: none; overflow: hidden; text-indent: -999px; border-top: 3px solid #749599; border-right: 3px solid #749599; -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); } html .owl-carousel .owl-nav button.owl-next { left: auto; right: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .owl-carousel .owl-item .item { flex: 0 0 100%; max-width: 100%; padding: 0 !important; } .text-important-information{ color: #454545; line-height: 1.2; } .gallery-doctors { } .gallery-doctors .box-dr { } .gallery-doctors .item-content { } .gallery-doctors .item-content:hover { text-decoration: none; } .gallery-doctors .box-dr span { padding: 0; text-transform: none; letter-spacing: 0; } .gallery-doctors .dr-items-text { } .gallery-doctors .ttl { font: 700 15px "Open Sans", Arial, Helvetica, sans-serif; display: block; padding: 0 0 5px; } .gallery-doctors .item-content:hover .ttl { text-decoration: underline; } .gallery-doctors .d { color: #666666; display: block; font-size: 14px; } .gallery-doctors .d > span { color: #252525; } .gallery-doctors .row { overflow: hidden; display: block; margin: 0; padding: 10px 0 0; text-align: center; } .gallery-doctors .more { display: block; color: #5c5c5c; width: 118px; box-shadow: none; line-height: 30px; font-size: 13px; padding: 0; margin: 0 auto 10px; text-align: center; background: #dedede; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RlZGVkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMmIyYjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dedede), color-stop(100%, #b2b2b2)); background: -webkit-linear-gradient(top, #dedede 0%, #b2b2b2 100%); background: -o-linear-gradient(top, #dedede 0%, #b2b2b2 100%); background: -webkit-gradient(linear, left top, left bottom, from(#dedede), to(#b2b2b2)); background: linear-gradient(to bottom, #dedede 0%, #b2b2b2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#b2b2b2', GradientType=0); } .gallery-doctors .more:hover, .gallery-doctors .more:focus{ background: #0da5d9; color: #fff; } .gallery-doctors .infom { color: #a1a1a1; font: italic bold 14px/1.6 "Open Sans", Arial, Helvetica, sans-serif; display: block; width: 100%; } .swiper-slide.main_slider.swiper-slide-prev, .swiper-slide.main_slider.swiper-slide-next { opacity: 0.5; } .swiper-slide.main_slider img { display: block; } .swiper-slide.main_slider a:hover { text-decoration: none; } .gallery-slider-main .gallery-slider-main--prev { right: 100%; top: 0; width: 300px; height: 100%; position: absolute; z-index: 10; opacity: 0; cursor: pointer; } .gallery-slider-main .gallery-slider-main--next { left: 100%; top: 0; width: 300px; height: 100%; position: absolute; z-index: 10; opacity: 0; cursor: pointer; } .gallery-slider-main .swiper-pagination { display: flex; width: 100%; justify-content: center; padding: 15px 0; } .gallery-slider-main .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 3px; } .gallery-slider-main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #0fa5d9; } .posts-loop .row { margin: 0; } @media (max-width: 768px) { .swiper-slide.main_slider img { display: block; margin: 0 -15%; width: 130%; } } .adfox img { max-width: 100% !important; }