/*! Prefix flex for IE10 in LESS * https://gist.github.com/codler/2148ba4ff096a19f08ea * Copyright (c) 2014 Han Lin Yap http://yap.nu; MIT license */ /* These are the conditional mixins for the different syntax for IE10 Flexbox */ /*! normalize.css by Dream-Theme.com based on http://github.com/necolas/normalize.css */ /* ============================================================================= HTML5 display definitions ========================================================================== */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } .old-ie audio, .old-ie canvas, .old-ie video { display: inline; zoom: 1; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } * { padding: 0; margin: 0; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } a:active, a:focus, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: 700; } dfn { font-style: italic; } code, kbd, pre, samp { font-family: monospace,serif; font-family: 'courier new', monospace; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:after, q:before { content: ''; content: none; } small { font-size: 75%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } dd, dl, menu, ol, ul { list-style: none; list-style-image: none; } img { border: 0; -ms-interpolation-mode: bicubic; } svg:not(:root) { overflow: hidden; } figure, form { margin: 0; } legend { border: 0; padding: 0; white-space: normal; } .old-ie legend { margin-left: -7px; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; } .old-ie button, .old-ie input, .old-ie select, .old-ie textarea { vertical-align: middle; } button, input { line-height: normal; } button, input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button; } .old-ie button, .old-ie input[type=button], .old-ie input[type=reset], .old-ie input[type=submit] { overflow: visible; } button[disabled], input[disabled] { cursor: default; } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; } .old-ie input[type=checkbox], .old-ie input[type=radio] { height: 13px; width: 13px; } input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } table { border-collapse: collapse; border-spacing: 0; } /* HTML5 display definitions:end; */ /***************************************************** !-validationEngine.jquery ******************************************************/ .formError { position: absolute; top: 300px; left: 300px; padding-bottom: 13px; display: block; z-index: 5000; } .ajaxSubmit { padding: 10px; text-align: center; border: 1px solid #999; display: none; } .formError .formErrorContent { background: #8a0b2c; color: #fff; width: 165px; font-family: tahoma; font-size: 11px; border: 0 solid #ddd; text-shadow: #f5f5f5; padding: 4px 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } .greenPopup .formErrorContent { background: #33be40; } .blackPopup .formErrorContent { background: #393939; color: #FFF; } .formError .formErrorArrow { position: absolute; bottom: 0; left: 20px; width: 15px; height: 15px; z-index: 5001; } .formError .formErrorArrowBottom { top: 0; margin: -6px; } .formError .formErrorArrow div { border: none; height: 1px; background: #8a0b2c; margin: 0 auto; line-height: 0; font-size: 0; display: block; } .formError .formErrorArrowBottom div { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .formError .formErrorArrow .line10 { width: 15px; border: none; } .formError .formErrorArrow .line9 { width: 13px; border: none; } .formError .formErrorArrow .line8 { width: 11px; } .formError .formErrorArrow .line7 { width: 9px; } .formError .formErrorArrow .line6 { width: 7px; } .formError .formErrorArrow .line5 { width: 5px; } .formError .formErrorArrow .line4 { width: 3px; } .formError .formErrorArrow .line3 { width: 1px; } .formError .formErrorArrow .line2 { width: 3px; border: none; display: none; } .formError .formErrorArrow .line1 { width: 1px; border: none; display: none; } .formError .formErrorArrow { border: none; } /* validationEngine.jquery:end; */ /* #LayerSlider DT Skin ================================================== */ #page .ls-defaultskin { border: none; padding: 0; text-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #page .ls-defaultskin .ls-playvideo { width: 50px; height: 50px; margin-left: -25px; margin-top: -25px; } #page .ls-defaultskin .ls-playvideo, #page .ls-defaultskin .ls-nav-sides, #page .ls-defaultskin .ls-nav-start, #page .ls-defaultskin .ls-nav-stop, #page .ls-defaultskin .ls-fullscreen { background-image: none; } #page .ls-defaultskin .ls-nav-prev, #page .ls-defaultskin .ls-nav-prev:hover, #page .ls-defaultskin .ls-nav-next, #page .ls-defaultskin .ls-nav-next:hover { background-position: 0px 0px; } #page .ls-defaultskin .ls-bottom-slidebuttons a { background-image: none; -webkit-border-radius: 5px; border-radius: 5px; } #page .ls-defaultskin .ls-bottom-slidebuttons a:after { -webkit-border-radius: 3px; border-radius: 3px; } #page .ls-defaultskin .ls-nav-start, #page .ls-defaultskin .ls-nav-stop { width: 18px; height: 18px; margin: 0 6px; background-color: #fff; background-position: center center; background-repeat: no-repeat; -webkit-border-radius: 10px; border-radius: 10px; } #page .ls-defaultskin .ls-nav-start:hover, #page .ls-defaultskin .ls-nav-stop:hover, #page .ls-defaultskin .ls-nav-stop.ls-nav-stop-active, #page .ls-defaultskin .ls-nav-start.ls-nav-start-active { opacity: 0.65; } #page .ls-defaultskin .ls-nav-stop.ls-nav-stop-active, #page .ls-defaultskin .ls-nav-start.ls-nav-start-active { cursor: default; } #page .ls-defaultskin .ls-nav-stop { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px'%09 width='10px' height='10px' viewBox='0 0 512 512' enable-background='new 0 0 512 512' xml:space='preserve'%3E%3Cpath fill='rgba(0,0,0, 0.8)' d='M217.679,462h-120V50h120V462z M414.321,50h-120v412h120V50z'/%3E%3C/svg%3E"); background-position: 4px center; } #page .ls-defaultskin .ls-nav-start { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='10px' height='10px' viewBox='0 0 512 512' enable-background='new 0 0 512 512' xml:space='preserve'%3E%09%3Cpolygon fill='rgba(0,0,0, 0.8)' points='418.999,256.001 121.001,462 121.001,50 '/%3E%3C/svg%3E"); background-position: 5px center; } #page .ls-defaultskin .ls-nav-prev, #page .ls-defaultskin .ls-nav-next { width: 30px; height: 55px; z-index: 10000; top: 50%; margin-top: -27px; position: absolute; background: none; } #page .ls-defaultskin .ls-nav-prev:before, #page .ls-defaultskin .ls-nav-next:before, #page .ls-defaultskin .ls-nav-prev:after, #page .ls-defaultskin .ls-nav-next:after { position: absolute; left: 0; top: 0; width: 30px; height: 55px; content: ""; background-position: 0 0; background-repeat: no-repeat; z-index: 9; } #page .ls-defaultskin .ls-nav-prev:after, #page .ls-defaultskin .ls-nav-next:after { top: 1px; left: 0; z-index: 8; } #page .ls-defaultskin .ls-nav-prev { left: 10px; } #page .ls-defaultskin .ls-nav-next { right: 10px; } #page .ls-defaultskin .ls-bottom-slidebuttons, #page .ls-defaultskin .ls-nav-sides { height: 20px; } #page .ls-defaultskin .ls-bottom-nav-wrapper { margin-top: 0; } #page .ls-defaultskin .ls-bottom-slidebuttons, #page .ls-defaultskin .ls-bottom-slidebuttons a, #page .ls-defaultskin .ls-nav-start, #page .ls-defaultskin .ls-nav-stop, #page .ls-defaultskin .ls-nav-sides { display: inline-block; } #page .ls-defaultskin .ls-bottom-slidebuttons, #page .ls-defaultskin .ls-nav-start, #page .ls-defaultskin .ls-nav-stop, #page .ls-defaultskin .ls-nav-sides { top: -30px; } #page .ls-defaultskin .ls-bottom-slidebuttons { top: -32px; } .overlap #page .ls-defaultskin .ls-bottom-slidebuttons, .overlap #page .ls-defaultskin .ls-nav-start, .overlap #page .ls-defaultskin .ls-nav-stop, .overlap #page .ls-defaultskin .ls-nav-sides { top: -97px; } .overlap #page .ls-defaultskin .ls-bottom-slidebuttons { top: -99px; } #page .ls-defaultskin .ls-thumbnail-hover { bottom: 29px; margin-left: 4px; } #page .ls-defaultskin .ls-thumbnail-hover-bg { background: #eee; } #page .ls-defaultskin .ls-thumbnail-hover span { border: 5px solid #eee; margin-left: -5px; } #page .ls-defaultskin .ls-thumbnail { top: 10px; } #page .ls-defaultskin .ls-thumbnail-inner { padding: 2px; margin-left: -2px; background: #fff; } #page .ls-defaultskin .ls-thumbnail-slide a { margin-right: 2px; } #page .ls-defaultskin .ls-nothumb { background: #eee; } .ls-container.ls-carousel .ls-nav-prev, .ls-container.ls-carousel .ls-nav-next { width: 30px; height: 60px; } .ls-container.ls-carousel .ls-nav-prev:after, .ls-container.ls-carousel .ls-nav-next:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background-position: center center; background-repeat: no-repeat; } .ls-container.ls-carousel .ls-nav-prev:after, .ls-container.ls-carousel .ls-nav-prev:hover:after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='19px' height='19px' viewBox='0 0 19 19' enable-background='new 0 0 19 19' xml:space='preserve'%3E%3Cpolygon id='arrow-25-icon' fill='rgba(255,255,255,1)' points='6.669,9.406 14.738,17.188 12.988,19 3.262,9.406 13.113,0 14.738,1.688 '/%3E%3C/svg%3E"); } .ls-container.ls-carousel .ls-nav-next:after, .ls-container.ls-carousel .ls-nav-next:hover:after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='19px' height='19px' viewBox='0 0 19 19' enable-background='new 0 0 19 19' xml:space='preserve'%3E%3Cpolygon id='arrow-25-icon' fill='rgba(255,255,255,1)' points='4.262,1.688 5.887,0 15.738,9.406 6.012,19 4.262,17.188 12.332,9.406 '/%3E%3C/svg%3E"); } .ls-container.ls-carousel .ls-nav-prev, .ls-container.ls-carousel .ls-nav-next, .ls-container.ls-carousel .ls-nav-prev:hover, .ls-container.ls-carousel .ls-nav-next:hover, #page .ls-carousel .ls-loading-indicator { background-repeat: no-repeat; background-position: center center; } #page .ls-defaultskin .ls-fullscreen { width: 30px; height: 30px; right: 10px; top: 10px; } #page .ls-carousel .ls-nav-prev, #page .ls-carousel .ls-nav-next { z-index: 90; } .ls-container a { text-decoration: none; } #page .ls-defaultskin .ls-nav-next:before { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='30px' height='55px' viewBox='0 0 30 55' enable-background='new 0 0 30 55' xml:space='preserve'%3E%3Cpolygon fill='white' points='29.75,27.45 2.322,0 0.266,2.054 25.638,27.45 0.25,52.813 2.305,54.869 '/%3E %3C/svg%3E"); } #page .ls-defaultskin .ls-nav-next:after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='30px' height='55px' viewBox='0 0 30 55' enable-background='new 0 0 30 55' xml:space='preserve'%3E%3Cpolygon fill='rgba(0, 0, 0, 0.15)' points='29.75,27.45 2.322,0 0.266,2.054 25.638,27.45 0.25,52.813 2.305,54.869 '/%3E %3C/svg%3E"); } #page .ls-defaultskin .ls-nav-next:hover:before { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='30px' height='55px' viewBox='0 0 30 55' enable-background='new 0 0 30 55' xml:space='preserve'%3E%3Cpolygon fill='rgba(255, 255, 255, 0.7)' points='29.75,27.45 2.322,0 0.266,2.054 25.638,27.45 0.25,52.813 2.305,54.869 '/%3E %3C/svg%3E"); } #page .ls-defaultskin .ls-nav-prev:before { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='30px' height='55px' viewBox='0 0 30 55' enable-background='new 0 0 30 55' xml:space='preserve'%3E%3Cpolygon fill='white' points='0.25,27.419 27.678,54.869 29.734,52.815 4.363,27.419 29.75,2.057 27.695,0 '/%3E %3C/svg%3E"); } #page .ls-defaultskin .ls-nav-prev:after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='30px' height='55px' viewBox='0 0 30 55' enable-background='new 0 0 30 55' xml:space='preserve'%3E%3Cpolygon fill='rgba(0, 0, 0, 0.15)' points='0.25,27.419 27.678,54.869 29.734,52.815 4.363,27.419 29.75,2.057 27.695,0 '/%3E %3C/svg%3E"); } #page .ls-defaultskin .ls-nav-prev:hover:before { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='30px' height='55px' viewBox='0 0 30 55' enable-background='new 0 0 30 55' xml:space='preserve'%3E%3Cpolygon fill='rgba(255, 255, 255, 0.7)' points='0.25,27.419 27.678,54.869 29.734,52.815 4.363,27.419 29.75,2.057 27.695,0 '/%3E %3C/svg%3E"); } #page .ls-defaultskin .ls-nav-start, #page .ls-defaultskin .ls-nav-stop, #page .ls-defaultskin .ls-bottom-slidebuttons a { -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); } .loading-label, #page .ls-defaultskin .ls-loading-container, #page .ls-carousel .ls-loading-container { -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); } /* LayerSlider DT Skin:end */ /* !-Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 9442; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 9443; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #cccccc; } .mfp-preloader a:hover { color: white; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: none !important; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; } button::-moz-focus-inner { padding: 0; border: 0; } button.mfp-close:active { background: none; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: white; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: white; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50% !important; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-arrow:active { margin-top: -54px; background: none; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid white; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3f3f3f; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid white; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3f3f3f; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; background: black; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; padding: 40px 0 90px; margin: 0 auto; } .no-share-buttons img.mfp-img { padding: 40px 0 40px; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 90px; display: block; right: 0; width: auto; height: auto; z-index: -1; background: #444444; } .no-share-buttons .mfp-figure:after { bottom: 40px; } .mfp-figure small, .mfp-iframe-scaler small { color: #bdbdbd; display: block; margin-top: 5px; font-size: 12px; line-height: 14px; } .mfp-bottom-bar { margin-top: -77px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .no-share-buttons .mfp-bottom-bar { margin-top: -36px; } .mfp-iframe-scaler .mfp-bottom-bar { margin-top: 0; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } /*@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {*/ @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } @media screen and (max-width: 760px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-title { padding: 10px 10px 10px; } .mfp-img-mobile .mfp-figure { /* The shadow behind the image */ } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: block; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 10px; top: 13px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } .mfp-container .soc-ico a { visibility: visible; background: rgba(255, 255, 255, 0.12) !important; } .mfp-container .soc-ico a .icon { fill: #fff !important; } /* Magnific Popup CSS:end */ /*Fade effect mfp*/ @-webkit-keyframes mfp_fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes mfp_fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes mfp_fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes mfp_fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .no-touch:not(.old-ie) .mfp-open .mfp-content { -webkit-animation-name: mfp_fadeIn; animation-name: mfp_fadeIn; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; } body.mfp-zoom-out-cur { overflow: hidden; } .no-touch:not(.old-ie) .mfp-img-mobile .mfp-content { perspective: 2000px; } .no-touch:not(.old-ie) .mfp-img-mobile .mfp-figure, .no-touch:not(.old-ie) .mfp-img-mobile .mfp-iframe { opacity: 0; transition: all 0.3s ease-in-out; transform: scale(0.8); } .no-touch:not(.old-ie) .mfp-img-mobile.mfp-bg { opacity: 0; transition: all 0.3s ease-out; } .no-touch .mfp-img-mobile.mfp-ready .mfp-figure, .no-touch .mfp-img-mobile.mfp-ready .mfp-iframe { opacity: 1; transform: scale(1); } .no-touch .mfp-img-mobile.mfp-ready.mfp-bg { opacity: 0.8; } .no-touch:not(.old-ie) .mfp-img-mobile.mfp-removing .mfp-figure, .no-touch:not(.old-ie) .mfp-img-mobile.mfp-removing .mfp-iframe { transform: scale(0.8); opacity: 0; } .no-touch:not(.old-ie) .mfp-img-mobile.mfp-removing.mfp-bg { opacity: 0; } .mfp-title .entry-share { margin: 10px 0 0; } .btn-ios .mfp-container button { position: absolute; -webkit-box-shadow: none; box-shadow: none; } .btn-ios .mfp-container button.mfp-close:after { display: none; } .mfp-container, img.mfp-img, .mfp-img-mobile .mfp-bottom-bar { -webkit-box-sizing: border-box; box-sizing: border-box; } .mfp-iframe-scaler iframe, .mfp-figure:after { -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); } /* Magnific Popup CSS:end */ /* #NextGEN gallery ================================================== */ #page .ngg-gallery-thumbnail img, #page .ngg-thumbnail img, #page .ngg-imagebrowser .ngg-imagebrowser .pic, #page .ngg-imagebrowser-nav .ngg-imagebrowser-nav .back, #page .ngg-imagebrowser-nav .ngg-imagebrowser-nav .next, #page .ngg-navigation a.page-numbers, #page .ngg-navigation a.next, #page .ngg-navigation a.prev, #page .ngg-navigation span.page-numbers, #page .ngg-navigation span.next, #page .ngg-navigation span.prev { border: none; background: none; } .ngg-navigation a.page-numbers:hover, .ngg-navigation a.next:hover, .ngg-navigation a.prev:hover { background: none; } #page .ngg-gallery-thumbnail img, #page .ngg-thumbnail img, #page .ngg-imagebrowser .pic, #page .ngg-imagebrowser-nav .next, #page .ngg-imagebrowser-nav .back, #page .ngg-navigation a.page-numbers, #page .ngg-navigation a.next, #page .ngg-navigation a.prev, #page .ngg-navigation span.page-numbers, #page .ngg-navigation span.next, #page .ngg-navigation span.prev { border: none; background: none; } #page .ngg-navigation a { font-weight: normal; } #page .ngg-navigation a.page-numbers:hover, #page .ngg-navigation a.next:hover, #page .ngg-navigation a.prev:hover { background-color: transparent; } .ngg-imagebrowser a:hover, .ngg-thumbnail a:hover, #page .ngg-galleryoverview .ngg-gallery-thumbnail a:hover img, .ngg-album-link a:hover img { opacity: 0.7 !important; } .ngg-imagebrowser img { -webkit-box-sizing: border-box; box-sizing: border-box; } /*NextGEN gallery:end*/ /* #Revolution slider ================================================== */ .rev_slider_wrapper { z-index: 1; } .tp-scrollbelowslider:hover { cursor: pointer; } #page .tp-rightarrow.custom, #page .tp-leftarrow.custom { background: none !important; } #page .tparrows.custom { /*position: relative;*/ width: 30px; height: 55px; } #page .tparrows.custom:before, #page .tparrows.custom:after { position: absolute; left: 0; top: 0; width: 30px; height: 55px; content: ""; background-position: 0 0; background-repeat: no-repeat; z-index: 9; } #page .tparrows.custom:after { top: 1px; left: 0; z-index: 8; } .old-ie .kenburnimg img, .is-iphone .kenburnimg img { transform: none !important; } /*!Revolution slider arrows*/ #page .tp-rightarrow.custom:before { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='30px' height='55px' viewBox='0 0 30 55' enable-background='new 0 0 30 55' xml:space='preserve'%3E%3Cpolygon fill='white' points='29.75,27.45 2.322,0 0.266,2.054 25.638,27.45 0.25,52.813 2.305,54.869 '/%3E %3C/svg%3E"); } #page .tp-rightarrow.custom:after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='30px' height='55px' viewBox='0 0 30 55' enable-background='new 0 0 30 55' xml:space='preserve'%3E%3Cpolygon fill='rgba(0, 0, 0, 0.15)' points='29.75,27.45 2.322,0 0.266,2.054 25.638,27.45 0.25,52.813 2.305,54.869 '/%3E %3C/svg%3E"); } #page .tp-rightarrow.custom:hover:before { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='30px' height='55px' viewBox='0 0 30 55' enable-background='new 0 0 30 55' xml:space='preserve'%3E%3Cpolygon fill='rgba(255, 255, 255, 0.7)' points='29.75,27.45 2.322,0 0.266,2.054 25.638,27.45 0.25,52.813 2.305,54.869 '/%3E %3C/svg%3E"); } #page .tp-leftarrow.custom:before { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='30px' height='55px' viewBox='0 0 30 55' enable-background='new 0 0 30 55' xml:space='preserve'%3E%3Cpolygon fill='white' points='0.25,27.419 27.678,54.869 29.734,52.815 4.363,27.419 29.75,2.057 27.695,0 '/%3E %3C/svg%3E"); } #page .tp-leftarrow.custom:after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='30px' height='55px' viewBox='0 0 30 55' enable-background='new 0 0 30 55' xml:space='preserve'%3E%3Cpolygon fill='rgba(0, 0, 0, 0.15)' points='0.25,27.419 27.678,54.869 29.734,52.815 4.363,27.419 29.75,2.057 27.695,0 '/%3E %3C/svg%3E"); } #page .tp-leftarrow.custom:hover:before { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='30px' height='55px' viewBox='0 0 30 55' enable-background='new 0 0 30 55' xml:space='preserve'%3E%3Cpolygon fill='rgba(255, 255, 255, 0.7)' points='0.25,27.419 27.678,54.869 29.734,52.815 4.363,27.419 29.75,2.057 27.695,0 '/%3E %3C/svg%3E"); } /* Revolution slider:end */ .tp-bullets.custom .tp-bullet:hover { cursor: pointer; } .tp-bullets.custom .tp-bullet { position: relative; display: inline-block; width: 10px; height: 10px; margin: 0 2px; vertical-align: middle; background: none !important; } .accent-bullets .tp-bullets.custom .tp-bullet { width: 14px; height: 14px; } .tp-bullets.custom { width: auto !important; } .tp-bullets.custom .tp-bullet { left: auto !important; } .tp-bullets.custom .tp-bullet:before { position: absolute; left: 1px; top: 1px; width: 8px; height: 8px; content: ""; border: 2px solid; } .accent-bullets .tp-bullets.custom .tp-bullet:before { -webkit-animation: anim-effect-bullet 0.3s ease-out forwards; animation: anim-effect-bullet 0.3s ease-out forwards; } .outlines-bullets .tp-bullets.custom .tp-bullet:before { border: none; } .tp-bullets.custom .tp-bullet:hover:before, .tp-bullets.custom .tp-bullet.selected:before { width: 10px; height: 10px; margin: -1px 0 0 -1px; } .accent-bullets .tp-bullets.custom .tp-bullet:before, .accent-bullets .tp-bullets.custom .tp-bullet.selected:before { width: 14px; height: 14px; border: none; } .accent-bullets .tp-bullets.custom .tp-bullet.selected:before { -webkit-animation: anim-effect-bullet-act 0.3s ease-out forwards; animation: anim-effect-bullet-act 0.3s ease-out forwards; } /* .tp-bullets.custom .bullet:hover:before { border-color: rgba(255,255,255,1); } .tp-bullets.custom .bullet.selected:before { border-color: rgba(255,255,255,0.5); }*/ #main-slideshow .tp-bullets.custom .tp-bullet:before, #main-slideshow .tp-bullets.custom .tp-bullet.selected:hover:before, #main-slideshow .tp-bullets.custom .tp-bullet:hover:before { border-color: rgba(187, 187, 187, 0.5) !important; } #main-slideshow .tp-bullets.custom .tp-bullet.selected:after { background-color: rgba(187, 187, 187, 0.5) !important; } .tp-bullets.custom .tp-bullet:after { position: absolute; top: 50%; left: 50%; margin: -2px 0 0 -2px; width: 4px; height: 4px; content: ""; } .accent-bullets .tp-bullets.custom .tp-bullet:after { margin: -3px 0 0 -3px; width: 6px; height: 6px; border-radius: 100%; } .tp-bullets.custom .tp-bullet:before, .tp-bullets.custom .tp-bullet:after { -webkit-box-sizing: border-box; box-sizing: border-box; } .tp-bullets.custom .tp-bullet:before, .tp-bullets.custom .tp-bullet:after { -webkit-border-radius: 50%; border-radius: 50%; } /* #WPML ================================================== */ #lang_sel, #lang_sel_click, #lang_sel_list { position: relative; z-index: 99; display: inline-block !important; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; } #lang_sel a, #lang_sel_click a { display: block; text-decoration: none; white-space: nowrap; padding: 5px 15px 5px 10px; min-width: 150px; text-align: left; -webkit-transition: background-color 0.2s, color 0.2s; transition: background-color 0.2s, color 0.2s; box-sizing: border-box; } #lang_sel > ul > li:after, #lang_sel_click > ul > li:after { background-position: right center; background-repeat: no-repeat; content: ""; height: 8px; margin: -4px 10px 0 0; position: absolute; top: 50%; right: 0; width: 8px; } #lang_sel ul, #lang_sel li, #lang_sel_click ul, #lang_sel_click li, #lang_sel_list ul, #lang_sel_click li { padding: 0; margin: 0; list-style-type: none; } #lang_sel li:before, #lang_sel_click li:before { content: ''; } #lang_sel ul > li > ul, #lang_sel_click ul > li > ul { position: absolute; opacity: 0; visibility: hidden; padding: 10px; width: 200px; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); box-sizing: border-box; } .side-header #lang_sel ul > li > ul, .side-header #lang_sel_click ul > li > ul, .dt-mobile-header #lang_sel ul > li > ul, .dt-mobile-header #lang_sel_click ul > li > ul { bottom: 100%; } #lang_sel:hover ul > li > ul, #lang_sel_click:hover ul > li > ul { opacity: 1; visibility: visible; } .iclflag { margin-right: 5px; } /* !-- Language panel */ /* (These styles should be tested extensively with WPML) */ .mini-lang { position: relative; } .mini-lang li { display: inline-block; margin-right: 20px; white-space: nowrap; } .mini-lang li:last-child { margin-right: 0; } .mini-lang img { margin: 0 5px 2px 0; vertical-align: middle; } .sub-downwards .submenu-languages > li > a:hover { background: none; } /*.side-header .main-nav > li.menu-item-language > a:after, .mobile-main-nav > li.menu-item-language > a:after { position: absolute; top: 50%; margin-top: -7px; right: -14px; width: 14px; height: 14px; content: ""; background-repeat: no-repeat; background-position: center center; } .side-header.sub-downwards .main-nav > li.menu-item-language > a:after, .mobile-main-nav > li.menu-item-language > a:after { right: -30px; margin-top: -15px; width: 30px; height: 30px; } .mobile-main-nav > li.menu-item-language > a:after { right: 0px; } .sub-downwards .main-nav > li.menu-item-language.open-sub > a.act:after, .sub-downwards li.open-sub.menu-item-language > .next-level-button, .mobile-main-nav > li.menu-item-language.open-sub > a:after { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }*/ /*submenu languages*/ .submenu-languages { position: absolute; visibility: hidden; z-index: 200; top: 100%; left: 0; padding: 10px; opacity: 0; -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); box-sizing: border-box; } .side-header:not(.sub-downwards) .main-nav > li > .submenu-languages { top: 0 !important; left: 100%; } .side-header:not(.sub-downwards) .main-nav > li > .submenu-languages { left: 100%; } .sub-downwards.side-header .main-nav > li > .submenu-languages, .dt-mobile-header .mobile-main-nav > li > .submenu-languages { position: relative; display: none; top: 0; left: 0; width: 100%; padding: 0; visibility: visible; opacity: 1; z-index: auto; background: none; -webkit-box-shadow: none; box-shadow: none; } .wf-td #lang_sel, .wf-td #lang_sel_click, .wf-td #lang_sel_list { margin: 0 20px 0 0; } .right-block #lang_sel, .right-block #lang_sel_click, .right-block #lang_sel_list { margin: 0 0 0 20px; } #lang_sel_list, #lang_sel_list a, #lang_sel_footer a { text-decoration: none; text-align: left; } #lang_sel_list a:hover, #lang_sel_footer a:hover { opacity: 0.8; } .lang_sel_list_horizontal li, #lang_sel_footer li { display: inline-block; margin-right: 15px; } .lang_sel_list_horizontal li:last-child, #lang_sel_footer li:last-child { margin-right: 0; } #lang_sel_footer { margin: 0; padding: 7px; text-align: center; min-height: 15px; clear: both; background-color: #fff; border: 1px solid #cdcdcd; } #lang_sel_footer ul { list-style: none; margin: 0; padding: 0; } #lang_sel_footer ul li img { position: relative; top: 1px; width: 18px; height: 12px; } #lang_sel_footer ul li { display: inline; margin: 0 1px 0 0; padding: 0; white-space: nowrap; line-height: 25px; } #lang_sel_footer ul li a, #lang_sel_footer ul li a:visited { text-decoration: none; color: #363636; padding: 5px 10px; } #wpml_credit_footer { width: 100%; margin: 10px 0; padding: 0; text-align: center; font-size: 11px; } /* !WPML: end */ /* v1.0.3 */ /* Core RS CSS file. 95% of time you shouldn't change anything here. */ /* #RoyalSlider ================================================== */ .rsVideoContainer.rsIOSVideo iframe, .rsVideoContainer.rsIOSVideo video, .rsVideoContainer.rsIOSVideo embed, .rsHomePorthole .rsCapt, .rsHomePorthole .progress-wrapper, #page .rsBullet:after, .rsHomePorthole .progress-wrapper * { -webkit-box-sizing: border-box; box-sizing: border-box; } .royalSlider { width: 600px; height: 400px; position: relative; direction: ltr; overflow: hidden; } ul.royalSlider, .content ul.royalSlider { padding: 0; margin: 0; } .slider-content > li, .royalSlider > li { display: none; } ul.royalSlider.alignnone { margin: 0px 0 15px 0; } ul.royalSlider.aligncenter { margin: 0px auto 15px auto; } ul.royalSlider.alignleft { margin: 0px 30px 15px 0; } ul.royalSlider.alignright { margin: 0px 0 15px 30px; } .post ul.royalSlider.alignleft { margin-bottom: 25px; } .royalSlider > * { float: left; } .rsWebkit3d .rsSlide, .rsWebkit3d.slider-content .rsContainer, .rsWebkit3d.slider-content .rsOverflow { -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); } .rsFade.rsWebkit3d .rsSlide, .rsFade.rsWebkit3d img, .rsFade.rsWebkit3d .rsContainer { -webkit-transform: none; } .rsOverflow { width: 100%; height: 100%; position: relative; overflow: hidden; float: left; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .rsVisibleNearbyWrap { width: 100%; height: 100%; position: relative; overflow: hidden; left: 0; top: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .rsVisibleNearbyWrap .rsOverflow { position: absolute; left: 0; top: 0; } .rsContainer { position: relative; width: 100%; height: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .rsArrow, .rsThumbsArrow, .rsPlay { cursor: pointer; } .rsThumb { float: left; position: relative; } .rsArrow, .rsNav, .rsThumbsArrow { opacity: 1; -webkit-transition: opacity 0.3s linear; transition: opacity 0.3s linear; } .rsHidden { opacity: 0; visibility: hidden; -webkit-transition: visibility 0s linear 0.3s,opacity 0.3s linear; transition: visibility 0s linear 0.3s,opacity 0.3s linear; } .rsGCaption { width: 100%; float: left; text-align: center; } /* Fullscreen options, very important ^^ */ .royalSlider.rsFullscreen { position: fixed !important; height: auto !important; width: auto !important; margin: 0 !important; padding: 0 !important; z-index: 2147483647 !important; top: 0 !important; left: 0 !important; bottom: 0 !important; right: 0 !important; } .royalSlider .rsSlide.rsFakePreloader { opacity: 1 !important; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; display: none; } .rsSlide { position: absolute; left: 0; top: 0; display: block; overflow: hidden; height: 100%; width: 100%; } .royalSlider.rsAutoHeight, .rsAutoHeight .rsSlide { height: auto; } .rsContent { width: 100%; height: 100%; position: relative; } .rsPreloader { position: absolute; z-index: 0; } .rsNav { -moz-user-select: -moz-none; -webkit-user-select: none; user-select: none; } .rsNavItem { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.25); } .rsThumbs { cursor: pointer; position: relative; overflow: hidden; float: left; z-index: 22; } .rsTabs { float: left; background: none !important; } .rsTabs, .rsThumbs { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .rsVideoContainer { width: auto; height: auto; line-height: 0; position: relative; } .rsVideoFrameHolder { position: absolute; z-index: 100; left: 0; top: 0; background: #141414; opacity: 0; -webkit-transition: .3s; } .rsVideoFrameHolder.rsVideoActive { opacity: 1; } .rsVideoContainer iframe, .rsVideoContainer video, .rsVideoContainer embed, .rsVideoContainer .rsVideoObj { position: absolute; z-index: 50; left: 0; top: 0; width: 100%; height: 100%; } /* ios controls over video bug, shifting video */ .rsVideoContainer.rsIOSVideo iframe, .rsVideoContainer.rsIOSVideo video, .rsVideoContainer.rsIOSVideo embed { padding-right: 44px; } .rsABlock { left: 0; top: 0; position: absolute; z-index: 15; -webkit-backface-visibility: hidden; } .grab-cursor { cursor: url(../images/grab.png) 8 8, move; } .grabbing-cursor { cursor: url(../images/grabbing.png) 8 8, move; } .rsNoDrag { cursor: auto; } .rsLink { left: 0; top: 0; position: absolute; width: 100%; height: 100%; display: block; z-index: 20; background: url(blank.gif); -webkit-backface-visibility: hidden; } /***********************************************************************************************************/ /* #RoyalSlider Porthole Skin ================================================== */ .fixed .rsHomePorthole { background: rgba(34, 34, 34, 0.3); } .rsHomePorthole { background: #262626; } #main-slideshow-content { display: none; } #main-slideshow #main-slideshow-content { display: block; } #main-slideshow { overflow: hidden; } #main-slideshow > ul > li { display: none; } /*************** * * Thumbnails * ****************/ .rsThumbs { z-index: 1 !important; } .rsHomePorthole .rsThumb { float: none; margin: 0 auto; } .rsHomePorthole .rsThumbsHor { width: 100%; height: auto; } .rsHomePorthole .rsThumbsVer { position: absolute; width: 98px; height: 370px; top: 50%; margin-top: -185px; right: 25px; } .rsHomePorthole.rsWithThumbsHor .rsThumbsContainer { position: relative; } .rsHomePorthole.rsWithThumbsVer .rsThumbsContainer { position: relative; width: 100%; padding-top: 120px; } .rsHomePorthole .rsThumb { overflow: hidden; width: 30px; height: 30px; opacity: 0; -webkit-border-radius: 90px; -moz-border-radius: 90px; -ms-border-radius: 90px; -o-border-radius: 90px; border-radius: 90px; -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.05); -ms-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.05); -o-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.05); } .no-touch .rsHomePorthole .rsThumb { -webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .no-touch .rsHomePorthole .rsThumb:first-child { -webkit-transition: all 100ms ease; -moz-transition: all 100ms ease; -ms-transition: all 100ms ease; -o-transition: all 100ms ease; transition: all 100ms ease; } .rsHomePorthole .rsThumb img { width: 100%; height: 100%; -webkit-border-radius: 90px; -moz-border-radius: 90px; -ms-border-radius: 90px; -o-border-radius: 90px; border-radius: 90px; } .rsHomePorthole .rsThumb.rsNavVis { opacity: 0.5; } .rsHomePorthole .rsThumb.rsNavPrev, .rsHomePorthole .rsThumb.rsNavNext { width: 50px; height: 50px; opacity: 0.8; } .rsHomePorthole .rsThumb.rsNavSelected { width: 90px; height: 90px; opacity: 1; } .rsHomePorthole .rsTmb { display: block; } /* Thumbnails with text */ .rsHomePorthole .rsTmb h5 { font-size: 16px; margin: 0; padding: 0; line-height: 20px; color: #FFF; } .rsHomePorthole .rsTmb span { color: #DDD; margin: 0; padding: 0; font-size: 13px; line-height: 18px; } /*************** * * Play/close video button * ****************/ .rsHomePorthole .rsVideoContainer { position: absolute; } .rsHomePorthole .rsPlayBtn { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); width: 80px; height: 80px; margin-left: -45px; margin-top: -45px; cursor: pointer; -webkit-transition: .3s; -moz-transition: .3s; transition: .3s; } .rsHomePorthole .rsPlayBtnIcon { display: block; width: 80px; height: 80px; -webkit-transition: .3s; -moz-transition: .3s; transition: .3s; background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='32px' height='32px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve' fill='white'%3E%3Cpath d='M3.125,4L10.2,8.001L3.125,12V3.8 M1,0v16l13-8L1,0L1,0z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 30px center; } .rsHomePorthole .rsPlayBtn { background-color: #000; background-color: rgba(0, 0, 0, 0.4); -webkit-border-radius: 120px; border-radius: 120px; } .rsHomePorthole .rsPlayBtn:hover { background-color: rgba(0, 0, 0, 0.4); opacity: 0.7; } .royalSlider .rsBtnCenterer, .rsHomePorthole .rsBtnCenterer { position: absolute; left: 50%; top: 50%; } .rsHomePorthole .rsCloseVideoBtn { right: 0; top: 0; width: 44px; height: 44px; z-index: 500; position: absolute; cursor: pointer; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); } .rsHomePorthole .rsCloseVideoBtn.rsiOSBtn { top: -38px; right: -6px; } .rsHomePorthole .rsCloseVideoIcn { margin: 6px; width: 32px; height: 32px; background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px'%09 width='512px' height='512px' viewBox='0 0 512 512' enable-background='new 0 0 512 512' xml:space='preserve'%3E%3Cpolygon fill='white' points='438.393,374.595 319.757,255.977 438.378,137.348 374.595,73.607 255.995,192.225 137.375,73.622 %0973.607,137.352 192.246,255.983 73.622,374.625 137.352,438.393 256.002,319.734 374.652,438.378 '/%3E%3C/svg%3E") no-repeat center center; background-size: 26px 26px; background-color: rgba(0, 0, 0, 0.75); } .rsHomePorthole .rsCloseVideoIcn:hover { background-color: rgba(0, 0, 0, 0.9); opacity: 1; } .hide-thumbnails .rsHomePorthole .rsThumb, .hide-thumbnails .rsHomePorthole .progress-wrapper { display: none !important; } /*************** * * Preloader * ****************/ .rsHomePorthole .rsPreloader { width: 60px; height: 60px; padding: 5px; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px; } .rsPreloader .pace .pace-activity { position: absolute; } /*************** * * Caption * ****************/ .rsHomePorthole .rsCapt { position: absolute; top: auto; bottom: 45px; text-align: center; width: 100%; padding: 0 140px; z-index: auto; } .overlap .rsHomePorthole .rsCapt { bottom: 115px; } .rsHomePorthole .rsTitle { position: relative; display: inline-block; margin-right: 15px; color: #fff; vertical-align: middle; -webkit-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1), 0px 0px 15px rgba(0, 0, 0, 0.5); -moz-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1), 0px 0px 15px rgba(0, 0, 0, 0.5); -ms-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1), 0px 0px 15px rgba(0, 0, 0, 0.5); -o-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1), 0px 0px 15px rgba(0, 0, 0, 0.5); text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1), 0px 0px 15px rgba(0, 0, 0, 0.5); } .rsHomePorthole .rsDesc { display: block; margin: 10px auto 0 auto; color: #fff; vertical-align: middle; -webkit-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1), 0px 0px 15px rgba(0, 0, 0, 0.5); -moz-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1), 0px 0px 15px rgba(0, 0, 0, 0.5); -ms-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1), 0px 0px 15px rgba(0, 0, 0, 0.5); -o-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1), 0px 0px 15px rgba(0, 0, 0, 0.5); text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1), 0px 0px 15px rgba(0, 0, 0, 0.5); } .rsHomePorthole .rsCLink, .royalSlider .rsCLink, .ps-link { position: absolute; left: 50%; top: 50%; margin: -40px 0 0 -40px; width: 80px; height: 80px; background-color: rgba(0, 0, 0, 0.4); background-repeat: no-repeat; background-position: center center; border-radius: 50%; -webkit-transition: .3s; -moz-transition: .3s; transition: .3s; background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='32px' height='32px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' fill='white' xml:space='preserve'%3E%3Cpolygon points='14,14 2,14 2,2 5.011,2 5.011,0 2,0 0.011,0 0,0 0,14 0,16 2,16 16,16 16,15.989 16,14 16,10.989 14,10.989 '/%3E%3Cpolygon points='14,-0.019 14,0 8.993,0 8.993,2 12.637,2 6.5,8.137 7.863,9.5 14,3.364 14,6.981 16,6.981 16,-0.019 '/%3E%3C/svg%3E"); } .royalSlider .rsCLink:hover, .rsHomePorthole .rsCLink:hover { background-color: rgba(0, 0, 0, 0.4); opacity: 0.7; } .royalSlider .rsBtnCenterer.with-link, .rsHomePorthole .rsBtnCenterer.with-link { margin: -40px 0 0 -90px; } .rsHomePorthole .with-link .rsCLink, .royalSlider .with-link .rsCLink, .royalSlider .with-link .rsPlayBtn, .rsHomePorthole .with-link .rsPlayBtn { position: relative; top: 0; left: 0; display: inline-block; margin: 0 5px; } .rsHomePorthole .progress-wrapper { position: absolute; z-index: 999; top: 50%; left: 0; margin-top: -49px; width: 98px; height: 98px; -webkit-transition: opacity 150ms ease; transition: opacity 150ms ease; } .rsHomePorthole .progress-wrapper.blurred { opacity: 0; } .rsHomePorthole .progress-controls { position: absolute; top: 4px; left: 4px; width: 90px; height: 90px; opacity: 0.5; -webkit-border-radius: 90px; border-radius: 90px; background-color: rgba(0, 0, 0, 0.3); background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px'%09 width='30px' height='30px' viewBox='0 0 512 512' enable-background='new 0 0 512 512' xml:space='preserve'%3E%3Cpath fill='white' d='M217.679,462h-120V50h120V462z M414.321,50h-120v412h120V50z'/%3E%3C/svg%3E"); background-size: 30px 30px; background-repeat: no-repeat; background-position: center center; -webkit-transition: opacity 150ms ease; transition: opacity 150ms ease; } .touch .rsHomePorthole .progress-controls { background-color: transparent; } .rsHomePorthole .progress-controls:hover { opacity: 1; } .rsHomePorthole .paused .progress-controls { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='32px' height='32px' viewBox='0 0 512 512' enable-background='new 0 0 512 512' xml:space='preserve'%3E%09%3Cpolygon fill='white' points='418.999,256.001 121.001,462 121.001,50 '/%3E%3C/svg%3E"); background-size: 32px 32px; background-position: 31px center; } .rsHomePorthole .progress-mask { position: relative; float: left; width: 50%; height: 100%; overflow: hidden; } .rsHomePorthole .progress-spinner-left, .rsHomePorthole .progress-spinner-right { width: 100%; height: 100%; border: 4px solid transparent; animation-duration: 5s; animation-timing-function: linear; animation-iteration-count: 1; -webkit-animation-duration: 5s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: 1; } .rsHomePorthole .progress-spinner-left.paused, .rsHomePorthole .progress-spinner-right.paused { animation-play-state: paused; -webkit-animation-play-state: paused; } .rsHomePorthole .progress-spinner-left { -webkit-border-radius: 100% 0 0 2% 0 0 50%; border-radius: 100% 0 0 2% 0 0 50%; border-right: none; transform-origin: 100% 50%; transform: rotate(180deg); animation-name: rota-left; -webkit-transform-origin: 100% 50%; -webkit-transform: rotate(180deg); -webkit-animation-name: rota-left; } .rsHomePorthole .progress-spinner-right { -webkit-border-radius: 0 100% 100% NaN 50% 50% 0; border-radius: 0 100% 100% NaN 50% 50% 0; border-left: none; transform-origin: 0 50%; transform: rotate(-180deg); animation-name: rota-right; -webkit-transform-origin: 0 50%; -webkit-transform: rotate(-180deg); -webkit-animation-name: rota-right; } @keyframes rota-left { 0% { transform: rotate(180deg); } 50% { transform: rotate(180deg); } 100% { transform: rotate(360deg); } } @keyframes rota-right { 0% { transform: rotate(180deg); } 50% { transform: rotate(360deg); } 100% { transform: rotate(360deg); } } @-webkit-keyframes rota-left { 0% { -webkit-transform: rotate(180deg); } 50% { -webkit-transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); } } @-webkit-keyframes rota-right { 0% { -webkit-transform: rotate(180deg); } 50% { -webkit-transform: rotate(360deg); } 100% { -webkit-transform: rotate(360deg); } } /****************************** * * RoyalSlider Default Skin * * 1. Arrows * 2. Bullets * 3. Caption * * Sprite: 'rs-default.png' * Feel free to edit anything * If you don't some part - just delete it * ******************************/ /* Background */ .rsShor, .rsShor .rsOverflow, .rsShor .rsSlide, .rsShor .rsVideoFrameHolder, .rsShor .rsThumbs { background: #262626; } /*************** * * 1. Arrows * ****************/ .rsShor .rsArrow, .rsShor .rsPlay { height: 32px; width: 32px; position: absolute; display: block; cursor: pointer; z-index: 100; background-color: rgba(0, 0, 0, 0.4); border-radius: 50%; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; } .rsShor .rsArrow:hover, .rsShor .rsPlay:hover { background-color: rgba(0, 0, 0, 0.4); opacity: 0.7; } .rsShor.rsVer .rsArrow { width: 100%; height: 44px; } .rsShor.rsVer .rsArrowLeft { top: 0; left: 0; } .rsShor.rsVer .rsArrowRight { bottom: 0; left: 0; } .rsShor.rsHor .rsArrowLeft { right: 58px; bottom: 20px; } .rsShor.rsHor .rsArrowRight { right: 19px; bottom: 20px; } @media screen and (min-width: 740px) { .mobile-false .shortcode-royal-slider.rsHor .rsArrowLeft { right: 98px; bottom: 20px; } .mobile-false .shortcode-royal-slider.rsHor .rsArrowRight { right: 58px; bottom: 20px; } .mobile-false .shortcode-royal-slider .rsPlay { right: 19px; bottom: 20px; } } .rsShor .rsArrowIcn { position: absolute; width: 32px; height: 32px; top: 0; left: 0; cursor: pointer; } .rsShor .rsArrowRight .rsArrowIcn { left: auto; right: 0; } .rsShor .rsArrowIcn:before, .shortcode-royal-slider .rsPlay:before { position: absolute; left: 0; top: 0; width: 32px; height: 32px; content: ""; background-position: center center; background-repeat: no-repeat; z-index: 9; } /*************** * * 2. Bullets * ****************/ /* .rsShor .rsBullets { position: absolute; z-index: 35; left: 17px; bottom: 14px; width: 100%; height: auto; margin: 0; text-align: left; } .rsShor .rsBullet { display: inline-block; *display:inline; *zoom:1; } .rsShor .rsBullet span { display: block; }*/ /*************** * * 8. Global caption * ****************/ .rsShor .slider-post-caption { position: absolute; left: 0; top: auto; bottom: 0; width: 100%; } .rsShor .slider-post-caption p { margin-bottom: 0; } .rsShor .slider-post-inner { position: absolute; bottom: 0; display: inline-block; padding: 5px 90px 15px 20px; margin: 0 0; } .rsShor .slider-post-inner * { color: #fff; } /********************************************************************************************************/ /*************** * * 2. Bullets * ****************/ .rsContW .rsBullets { position: absolute; top: 100%; overflow: hidden; width: 100%; height: auto; text-align: center; } .logo-items .rsOverflow { margin-bottom: 10px; } .rsContW .rsBullet { display: inline-block; margin: 0 1px 0 1px; width: 9px; height: 9px; } .rsBullet:hover { cursor: pointer; } .footer .testimonials.rsContW .rsBullets { bottom: -32px; left: 0; } /********************************************************************************************************/ .rsCont, .rsContW { position: relative; } /*************** * * 2. Bullets * ****************/ .rsCont .rsBullets { position: absolute; top: 100%; margin-top: 35px; width: 100%; text-align: center; } .team-items .rsCont .rsBullets { margin: 0 0 -13px 0; padding-top: 3px; } .rsCont .rsBullet { display: inline-block; margin: 0 1px 0 1px; width: 9px; height: 9px; } .rsCont .rsBullet:hover { cursor: pointer; } /*************** * * Play/close video button * ****************/ .rsSlide .rollover-video i { display: none !important; } /*.rsShor .rsBtnCenterer .rsPlayBtn { position: relative; z-index: 99; -webkit-tap-highlight-color:rgba(0,0,0,0.3); width:80px; height:80px; left:50%; top:50%; margin-left:-40px; margin-top:-40px; cursor: pointer; }*/ .rsShor .rsPlayBtnIcon { display: block; width: 80px; height: 80px; -webkit-transition: .3s; -moz-transition: .3s; transition: .3s; background-color: rgba(0, 0, 0, 0.4); background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='32px' height='32px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve' fill='white'%3E%3Cpath d='M3.125,4L10.2,8.001L3.125,12V3.8 M1,0v16l13-8L1,0L1,0z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 30px center; border-radius: 50%; } .rsShor .rsPlayBtnIcon:hover { background-color: rgba(0, 0, 0, 0.4); opacity: 0.7; } /*.rsShor .rsBtnCenterer { position:absolute; left:0; top:0; width: 100%; height: 100%; }*/ .rsShor .rsCloseVideoBtn { right: 0; top: 0; width: 44px; height: 44px; z-index: 500; position: absolute; cursor: pointer; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); } .rsShor .rsCloseVideoBtn.rsiOSBtn { top: -38px; right: -6px; } .rsShor .rsCloseVideoIcn { margin: 6px; width: 32px; height: 32px; background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px'%09 width='512px' height='512px' viewBox='0 0 512 512' enable-background='new 0 0 512 512' xml:space='preserve'%3E%3Cpolygon fill='white' points='438.393,374.595 319.757,255.977 438.378,137.348 374.595,73.607 255.995,192.225 137.375,73.622 %0973.607,137.352 192.246,255.983 73.622,374.625 137.352,438.393 256.002,319.734 374.652,438.378 '/%3E%3C/svg%3E") no-repeat center center; background-size: 26px 26px; background-color: rgba(0, 0, 0, 0.75); } .rsShor .rsCloseVideoIcn:hover { background-color: rgba(0, 0, 0, 0.9); opacity: 1; } .video-playing .rsShor .rsThumb, .video-playing .rsShor .progress-wrapper { display: none !important; } .rsSlide .rollover-video i:after { background-image: none; } /*************** * * Preloader * ****************/ .rsShor .rsPreloader { width: 30px; height: 30px; padding: 5px; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); } /*!-Royal slider bullets*/ .rsContW .rsBullet, .rsCont .rsBullet { position: relative; display: inline-block; width: 10px; height: 10px; margin: 0 2px; vertical-align: middle; } .accent-bullets .rsContW .rsBullet, .accent-bullets .rsCont .rsBullet { width: 14px; height: 14px; } .rsContW .rsBullet:after, .rsCont .rsBullet:after { position: absolute; left: 1px; top: 1px; width: 8px; height: 8px; content: ""; border: 2px solid; } .outlines-bullets .rsContW .rsBullet:after, .outlines-bullets .rsCont .rsBullet:after { border: none; } .rsContW .rsBullet:hover:after, .rsContW .rsBullet.rsNavSelected:after, .rsCont .rsBullet:hover:after, .rsCont .rsBullet.rsNavSelected:after { width: 10px; height: 10px; margin: -1px 0 0 -1px; } .accent-bullets .rsContW .rsBullet:after, .accent-bullets .rsCont .rsBullet:after { width: 14px; height: 14px; border: none; } .accent-bullets .rsContW .rsBullet:hover:after, .accent-bullets .rsCont .rsBullet:hover:after { -webkit-animation: anim-effect-bullet 0.3s ease-out forwards; animation: anim-effect-bullet 0.3s ease-out forwards; } .accent-bullets .rsContW .rsBullet.rsNavSelected:after, .accent-bullets .rsCont .rsBullet.rsNavSelected:after { -webkit-animation: anim-effect-bullet-act 0.3s ease-out forwards; animation: anim-effect-bullet-act 0.3s ease-out forwards; } @-webkit-keyframes anim-effect-bullet { 0% { -webkit-transform: scale(0.5); transform: scale(0.5); } 25%, 50% { opacity: 1; } to { opacity: 1; -webkit-transform: scale(0.8); transform: scale(0.8); } } @keyframes anim-effect-bullet { 0% { -webkit-transform: scale(0.5); transform: scale(0.5); } 25%, 50% { opacity: 1; } to { opacity: 1; -webkit-transform: scale(0.8); transform: scale(0.8); } } @-webkit-keyframes anim-effect-bullet-act { 0% { -webkit-transform: scale(0.8); transform: scale(0.8); } 25%, 30% { opacity: 1; -webkit-transform: scale(1.5); transform: scale(1.5); } to { -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-transform: scale(1); transform: scale(1); } } @keyframes anim-effect-bullet-act { 0% { -webkit-transform: scale(0.8); transform: scale(0.8); } 25%, 30% { opacity: 1; -webkit-transform: scale(1.5); transform: scale(1.5); } to { -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-transform: scale(1); transform: scale(1); } } .rsContW .rsBullet span, .rsCont .rsBullet span { position: absolute; top: 50%; left: 50%; margin: -2px 0 0 -2px; width: 4px; height: 4px; content: ""; } .accent-bullets .rsContW .rsBullet span, .accent-bullets .rsCont .rsBullet span { margin: -3px 0 0 -3px; width: 6px; height: 6px; border-radius: 100%; } /*Royal slider bullets:end*/ /* !- Shortcode slider */ .rsShor .rsArrowRight .rsArrowIcn:before, .rsShor .rsArrowRight.rsArrowDisabled .rsArrowIcn:hover:before { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'%3E%3Cpolygon fill='white' points='9.349,2.035 8.016,3.363 11.661,7.022 1.031,7.022 1.031,9.016 11.661,9.016 8.016,12.674 9.349,14.002 15.309,8.02 '/%3E%3C/svg%3E"); } .rsShor .rsArrowRight .rsArrowIcn:hover:before { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'%3E%3Cpolygon fill='white' points='9.349,2.035 8.016,3.363 11.661,7.022 1.031,7.022 1.031,9.016 11.661,9.016 8.016,12.674 9.349,14.002 15.309,8.02 '/%3E%3C/svg%3E"); } .rsShor .rsArrowLeft .rsArrowIcn:before, .rsShor .rsArrowLeft.rsArrowDisabled .rsArrowIcn:hover:before { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'%3E%3Cpolygon fill='white' points='0.719,8.02 6.679,14.002 8.012,12.674 4.366,9.016 14.996,9.016 14.996,7.022 4.366,7.022 8.012,3.363 6.679,2.035 '/%3E%3C/svg%3E"); } .rsShor .rsArrowLeft .rsArrowIcn:hover:before { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'%3E%3Cpolygon fill='white' points='0.719,8.02 6.679,14.002 8.012,12.674 4.366,9.016 14.996,9.016 14.996,7.022 4.366,7.022 8.012,3.363 6.679,2.035 '/%3E%3C/svg%3E"); } .shortcode-royal-slider .rsPlay.paused:before { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'%3E%3Cpath fill='white' d='M13.481,7.134L5.371,2.292C5.134,2.164,4.892,1.969,4.65,1.969C4.262,1.969,4,2.359,4,2.83v10.332c0,0.471,0.262,0.86,0.65,0.86c0.242,0,0.484-0.194,0.721-0.322l8.111-4.844C13.677,8.741,14,8.511,14,8C14,7.489,13.677,7.248,13.481,7.134z M5.85,11.381V4.592l5.535,3.395L5.85,11.381z'/%3E%3C/svg%3E"); } .shortcode-royal-slider .rsPlay:before { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' fill='white' xml:space='preserve'%3E%3Crect x='4' y='3' width='2.15' height='10'/%3E%3Crect x='9.85' y='3' width='2.15' height='10'/%3E%3C/svg%3E"); } /* Shortcode slider:end */ #page .rsBullet:after, #page .rsBullet span { -webkit-border-radius: 50%; border-radius: 50%; } .rsHomePorthole .progress-spinner-left { /* -webkit-border-radius: 100% 0 0 100% / 50% 0 0 50%; border-radius: 100% 0 0 100% / 50% 0 0 50%;*/ border-top-left-radius: 100% 50%; border-top-right-radius: 0 0; border-bottom-right-radius: 0 0; border-bottom-left-radius: 100% 50%; } .rsHomePorthole .progress-spinner-right { /* -webkit-border-radius: 0 100% 100% 0 / 0 50% 50% 0; border-radius: 0 100% 100% 0 / 0 50% 50% 0;*/ border-top-left-radius: 0 0; border-top-right-radius: 100% 50%; border-bottom-right-radius: 100% 50%; border-bottom-left-radius: 0 0; } /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar { -ms-touch-action: none; touch-action: none; /* MSPointer events - direct all pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action { -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox { /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container { /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container { margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container { /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools { /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools { right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer { /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer { margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail { width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger { /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown { display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown { bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container { min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal { width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer { margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft { left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper { position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container { padding-right: 30px; padding-bottom: 30px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper { /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container { padding-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container { padding-bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { -webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail { -webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; -moz-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; -o-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { background-image: url(mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active { opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; background-color: #fff; background-color: rgba(255, 255, 255, 0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger { height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp { background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail { width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger { height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { width: 8px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical { right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical { box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal { bottom: 1px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer { background-color: #000; background-color: rgba(0, 0, 0, 0.05); box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools { box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { background-color: #fff; background-color: rgba(0, 0, 0, 0.05); box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical { right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical { left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger { height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { width: 6px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { width: 12px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255, 255, 255, 0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { border-color: #000; border-color: rgba(0, 0, 0, 0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); } /* ---------------------------------------- */ /*! * WireFrame v.1.0.rc2 - teeny-tiny leyout framework by Dream-Theme (http://dream-theme.com, http://themeforest.net/user/Dream-Theme) * Copyright © 2013 Dream-Theme. All rights reserved. */ /* #Grid system ================================================== */ .wf-phone-visible, .wf-mobile-visible { display: none; } .wf-wrap, .wf-cell, .wf-usr-cell, .content, .sidebar, .wpb_row { -webkit-box-sizing: border-box; box-sizing: border-box; } .wf-container { font-size: 0; line-height: 0; word-spacing: -4px; } .wf-cell, .wf-usr-cell, .footer .widget { display: inline-block; vertical-align: top; } .ancient-ie .wf-cell, .ancient-ie .wf-usr-cell, .ancient-ie .footer .widget { display: inline; zoom: 1; } /* !- Cells widths */ .wf-1, .wf-span-12 { width: 100%; } .wf-1-2, .wf-2-4, .wf-span-6 { width: 50%; } .wf-1-3, .wf-span-4 { width: 33.3333%; } .wf-2-3, .wf-span-8 { width: 66.6667%; } .wf-1-4, .wf-span-3, .sidebar { width: 25%; } .content, .wf-3-4, .wf-span-9 { width: 75%; } .wf-1-5 { width: 20%; } .wf-1-6, .wf-span-2 { width: 16.6667%; } .wf-span-1, .wf-span-10 { width: 83.3333%; } .wf-span-7 { width: 58.3333%; } /* Grid system: end */ /* #Layout helpers ================================================== */ .wf-table { display: table; width: 100%; } .wf-tr { display: table-row; } .wf-td { display: table-cell; vertical-align: middle; } .wf-float-left { float: left; } .wf-float-right { float: right; } /* Layout helpers: end */ /* #WireFrame settings ================================================== */ .wf-cell, .wf-usr-cell, .content, .sidebar, .footer .widget { padding: 0 22px; } .wf-container, .wf-container-main { margin: 0 -22px; padding: 0; } .wf-wrap { max-width: 100%; padding: 0 44px; margin: 0 auto; } .vc_row:not(.vc_gitem_row):not(.vc_grid) { margin-left: -22px; margin-right: -22px; } .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-xs-1, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-sm-1, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-md-1, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-lg-1, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-xs-2, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-sm-2, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-md-2, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-lg-2, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-xs-3, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-sm-3, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-md-3, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-lg-3, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-xs-4, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-sm-4, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-md-4, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-lg-4, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-xs-5, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-sm-5, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-md-5, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-lg-5, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-xs-6, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-sm-6, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-md-6, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-lg-6, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-xs-7, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-sm-7, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-md-7, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-lg-7, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-xs-8, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-sm-8, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-md-8, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-lg-8, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-xs-9, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-sm-9, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-md-9, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-lg-9, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-xs-10, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-sm-10, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-md-10, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-lg-10, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-xs-11, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-sm-11, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-md-11, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-lg-11, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-xs-12, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-sm-12, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-md-12, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-lg-12 { padding-left: 22px; padding-right: 22px; } .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_column_container > .vc_column-inner { padding-right: 0; padding-left: 0; } /* WireFrame settings: end */ /* #Animation ================================================== */ /*Old animation library*/ /* Scale Up animation */ @-webkit-keyframes mk_scale { 0% { -webkit-transform: scale(0.3); opacity: 0.1; } 100% { -webkit-transform: scale(1); opacity: 1; } } @keyframes mk_scale { 0% { transform: scale(0.3); opacity: 0.1; } 100% { transform: scale(1); opacity: 1; } } /* Fade In animation */ @-webkit-keyframes mk_fade { 0% { opacity: 0.1; } 100% { opacity: 1; } } @keyframes mk_fade { 0% { opacity: 0.1; } 100% { opacity: 1; } } /* Left to Right animation */ @-webkit-keyframes mk_left_to_right { 0% { -webkit-transform: translate(-20px, 0); opacity: 0; } 100% { -webkit-transform: translate(0, 0); opacity: 1; } } @keyframes mk_left_to_right { 0% { transform: translate(-20px, 0); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; } } /* Right To Left animation */ @-webkit-keyframes mk_right_to_left { 0% { -webkit-transform: translate(20px, 0); opacity: 0; } 100% { -webkit-transform: translate(0, 0); opacity: 1; } } @keyframes mk_right_to_left { 0% { transform: translate(20px, 0); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; } } /* Bottom to Top animation */ @-webkit-keyframes mk_bottom_to_top { 0% { -webkit-transform: translate(0, 20px); opacity: 0; } 100% { -webkit-transform: translate(0, 0); opacity: 1; } } @keyframes mk_bottom_to_top { 0% { transform: translate(0, 20px); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; } } /* Top to Bottom animation */ @-webkit-keyframes mk_top_to_bottom { 0% { -webkit-transform: translate(0, -20px); opacity: 0; } 100% { -webkit-transform: translate(0, 0); opacity: 1; } } @keyframes mk_top_to_bottom { 0% { transform: translate(0, -20px); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; } } .no-touch .animate-element { opacity: 0; -webkit-perspective: 1000; } .ie-mobile .animate-element, .skills.animate-element, .no-cssanimations .animate-element.start-animation, .touch #main .wpb_animate_when_almost_visible { opacity: 1; } .no-touch .animate-element.start-animation.scale-up, .no-touch #page .animate-element.start-animation.scale-up, .no-touch #page .wpb_start_animation.wpb_appear { -webkit-animation: mk_scale 0.5s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95); animation: mk_scale 0.5s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95); opacity: 1; } .no-touch .animate-element.start-animation.fade-in, .no-touch #page .animate-element.start-animation.fade-in { -webkit-animation: mk_fade 0.7s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95); animation: mk_fade 0.7s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95); opacity: 1; } .no-touch .animate-element.start-animation.right-to-left, .no-touch #page .animate-element.start-animation.right-to-left, .no-touch #main .wpb_start_animation.wpb_right-to-left { -webkit-animation: mk_right_to_left 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1); animation: mk_right_to_left 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1); opacity: 1; } .no-touch .animate-element.start-animation.left-to-right, .no-touch #page .animate-element.start-animation.left-to-right, .no-touch #main .wpb_start_animation.wpb_left-to-right { -webkit-animation: mk_left_to_right 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1); animation: mk_left_to_right 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1); opacity: 1; } .no-touch .animate-element.start-animation.top-to-bottom, .no-touch #page .animate-element.start-animation.top-to-bottom, .no-touch #main .wpb_start_animation.wpb_top-to-bottom { -webkit-animation: mk_top_to_bottom 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1); animation: mk_top_to_bottom 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1); opacity: 1; } .no-touch .animate-element.start-animation.bottom-to-top, .no-touch #page .animate-element.start-animation.bottom-to-top, .no-touch #main .wpb_start_animation.wpb_bottom-to-top { -webkit-animation: mk_bottom_to_top 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1); animation: mk_bottom_to_top 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1); opacity: 1; } /*New animation library*/ .no-touch .animate-element.start-animation { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } /* bounce */ @-webkit-keyframes dt_bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes dt_bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); -ms-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); -ms-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); -ms-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .no-touch .animate-element.start-animation.bounce, .no-touch #page .animate-element.start-animation.bounce { -webkit-animation-name: dt_bounce; animation-name: dt_bounce; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; opacity: 1; } /* flash */ @-webkit-keyframes dt_flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes dt_flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .no-touch .animate-element.start-animation.flash { -webkit-animation-name: dt_flash; animation-name: dt_flash; } /* pulse */ @-webkit-keyframes dt_pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes dt_pulse { 0% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); -ms-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .no-touch .animate-element.start-animation.pulse { -webkit-animation-name: dt_pulse; animation-name: dt_pulse; opacity: 1; } /* rubberBand */ @-webkit-keyframes dt_rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes dt_rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); -ms-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); -ms-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); -ms-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); -ms-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); -ms-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .no-touch .animate-element.start-animation.rubberBand { -webkit-animation-name: dt_rubberBand; animation-name: dt_rubberBand; opacity: 1; } /* shake */ @-webkit-keyframes dt_shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes dt_shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); -ms-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); -ms-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .no-touch .animate-element.start-animation.shake { -webkit-animation-name: dt_shake; animation-name: dt_shake; opacity: 1; } /* swing */ @-webkit-keyframes dt_swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes dt_swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); -ms-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); -ms-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); -ms-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); -ms-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); -ms-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .no-touch .animate-element.start-animation.swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: dt_swing; animation-name: dt_swing; opacity: 1; } /* tada */ @-webkit-keyframes dt_tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes dt_tada { 0% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .no-touch .animate-element.start-animation.tada { -webkit-animation-name: dt_tada; animation-name: dt_tada; opacity: 1; } /* wobble */ @-webkit-keyframes dt_wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } @keyframes dt_wobble { 0% { -webkit-transform: none; -ms-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); -ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); -ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); -ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); -ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); -ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; -ms-transform: none; transform: none; } } .no-touch .animate-element.start-animation.wobble { -webkit-animation-name: dt_wobble; animation-name: dt_wobble; opacity: 1; } /* bounceIn */ @-webkit-keyframes dt_bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes dt_bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); -ms-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); -ms-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); -ms-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); -ms-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .no-touch .animate-element.start-animation.bounceIn { -webkit-animation-name: dt_bounceIn; animation-name: dt_bounceIn; -webkit-animation-duration: .75s; animation-duration: .75s; opacity: 1; } /* bounceInDown */ @-webkit-keyframes dt_bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes dt_bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); -ms-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); -ms-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); -ms-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); -ms-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; -ms-transform: none; transform: none; } } .no-touch .animate-element.start-animation.bounceInDown { -webkit-animation-name: dt_bounceInDown; animation-name: dt_bounceInDown; opacity: 1; } /* bounceInLeft */ @-webkit-keyframes dt_bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes dt_bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); -ms-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); -ms-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); -ms-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); -ms-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; -ms-transform: none; transform: none; } } .no-touch .animate-element.start-animation.bounceInLeft { -webkit-animation-name: dt_bounceInLeft; animation-name: dt_bounceInLeft; opacity: 1; } /* bounceInRight */ @-webkit-keyframes dt_bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes dt_bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); -ms-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); -ms-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); -ms-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); -ms-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; -ms-transform: none; transform: none; } } .no-touch .animate-element.start-animation.bounceInRight { -webkit-animation-name: dt_bounceInRight; animation-name: dt_bounceInRight; opacity: 1; } /* bounceInUp */ @-webkit-keyframes dt_bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes dt_bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); -ms-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); -ms-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); -ms-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); -ms-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .no-touch .animate-element.start-animation.bounceInUp { -webkit-animation-name: dt_bounceInUp; animation-name: dt_bounceInUp; opacity: 1; } /* fadeIn */ @-webkit-keyframes dt_fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes dt_fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .no-touch .animate-element.start-animation.fadeIn { -webkit-animation-name: dt_fadeIn; animation-name: dt_fadeIn; } /* fadeInDown */ @-webkit-keyframes dt_fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes dt_fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } .no-touch .animate-element.start-animation.fadeInDown { -webkit-animation-name: dt_fadeInDown; animation-name: dt_fadeInDown; } /* fadeInDownBig */ @-webkit-keyframes dt_fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes dt_fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); -ms-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } .no-touch .animate-element.start-animation.fadeInDownBig { -webkit-animation-name: dt_fadeInDownBig; animation-name: dt_fadeInDownBig; } /* fadeInLeft */ @-webkit-keyframes dt_fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes dt_fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } .no-touch .animate-element.start-animation.fadeInLeft { -webkit-animation-name: dt_fadeInLeft; animation-name: dt_fadeInLeft; } /* fadeInLeftBig */ @-webkit-keyframes dt_fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes dt_fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); -ms-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } .no-touch .animate-element.start-animation.fadeInLeftBig { -webkit-animation-name: dt_fadeInLeftBig; animation-name: dt_fadeInLeftBig; } /* fadeInRight */ @-webkit-keyframes dt_fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes dt_fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } .no-touch .animate-element.start-animation.fadeInRight { -webkit-animation-name: dt_fadeInRight; animation-name: dt_fadeInRight; } /* fadeInRightBig */ @-webkit-keyframes dt_fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes dt_fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); -ms-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } .no-touch .animate-element.start-animation.fadeInRightBig { -webkit-animation-name: dt_fadeInRightBig; animation-name: dt_fadeInRightBig; } /* fadeInUp */ @-webkit-keyframes dt_fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes dt_fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } .no-touch .animate-element.start-animation.fadeInUp { -webkit-animation-name: dt_fadeInUp; animation-name: dt_fadeInUp; } /* fadeInUpBig */ @-webkit-keyframes dt_fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes dt_fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); -ms-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } .no-touch .animate-element.start-animation.fadeInUpBig { -webkit-animation-name: dt_fadeInUpBig; animation-name: dt_fadeInUpBig; } /* flipInX */ @-webkit-keyframes dt_flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes dt_flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); -ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); -ms-transform: perspective(400px); transform: perspective(400px); } } .no-touch .animate-element.start-animation.flipInX { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: dt_flipInX; animation-name: dt_flipInX; opacity: 1; } /* flipInY */ @-webkit-keyframes dt_flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes dt_flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); -ms-transform: perspective(400px); transform: perspective(400px); } } .no-touch .animate-element.start-animation.flipInY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: dt_flipInY; animation-name: dt_flipInY; opacity: 1; } /* rotateIn */ @-webkit-keyframes dt_rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes dt_rotateIn { 0% { -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); -ms-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } } .no-touch .animate-element.start-animation.rotateIn { -webkit-animation-name: dt_rotateIn; animation-name: dt_rotateIn; } /* rotateInDownLeft */ @-webkit-keyframes dt_rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes dt_rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); -ms-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } } .no-touch .animate-element.start-animation.rotateInDownLeft { -webkit-animation-name: dt_rotateInDownLeft; animation-name: dt_rotateInDownLeft; } @-webkit-keyframes dt_rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes dt_rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); -ms-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } } .no-touch .animate-element.start-animation.rotateInDownRight { -webkit-animation-name: dt_rotateInDownRight; animation-name: dt_rotateInDownRight; } /* rightInDownRight */ @-webkit-keyframes dt_rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes dt_rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); -ms-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } } .no-touch .animate-element.start-animation.rotateInUpLeft { -webkit-animation-name: dt_rotateInUpLeft; animation-name: dt_rotateInUpLeft; } /* rotateInUpRight */ @-webkit-keyframes dt_rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes dt_rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); -ms-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } } .no-touch .animate-element.start-animation.rotateInUpRight { -webkit-animation-name: dt_rotateInUpRight; animation-name: dt_rotateInUpRight; } /* rollIn */ @-webkit-keyframes dt_rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes dt_rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); -ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } .no-touch .animate-element.start-animation.rollIn { -webkit-animation-name: dt_rollIn; animation-name: dt_rollIn; } /* rollOut */ @-webkit-keyframes dt_rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes dt_rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); -ms-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .no-touch .animate-element.start-animation.rollOut { -webkit-animation-name: dt_rollOut; animation-name: dt_rollOut; opacity: 1; } /* zoomIn */ @-webkit-keyframes dt_zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes dt_zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .no-touch .animate-element.start-animation.zoomIn { -webkit-animation-name: dt_zoomIn; animation-name: dt_zoomIn; opacity: 1; } /* zoomInDown */ @-webkit-keyframes dt_zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes dt_zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .no-touch .animate-element.start-animation.zoomInDown { -webkit-animation-name: dt_zoomInDown; animation-name: dt_zoomInDown; opacity: 1; } /* zoomInLeft */ @-webkit-keyframes dt_zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes dt_zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .no-touch .animate-element.start-animation.zoomInLeft { -webkit-animation-name: dt_zoomInLeft; animation-name: dt_zoomInLeft; opacity: 1; } /* zommInRight */ @-webkit-keyframes dt_zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes dt_zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .no-touch .animate-element.start-animation.zoomInRight { -webkit-animation-name: dt_zoomInRight; animation-name: dt_zoomInRight; opacity: 1; } /* zoomInUp */ @-webkit-keyframes dt_zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes dt_zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .no-touch .animate-element.start-animation.zoomInUp { -webkit-animation-name: dt_zoomInUp; animation-name: dt_zoomInUp; opacity: 1; } /* lightSpeedIn */ @-webkit-keyframes dt_lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes dt_lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); -ms-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); -ms-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); -ms-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } } .no-touch .animate-element.start-animation.lightspeedIn { -webkit-animation-name: dt_lightSpeedIn; animation-name: dt_lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } .touch #main .wpb_start_animation.wpb_top-to-bottom, .touch #main .wpb_start_animation.wpb_bottom-to-top, .touch #main .wpb_start_animation.wpb_left-to-right, .touch #main .wpb_start_animation.wpb_right-to-left, .touch #main .wpb_start_animation.wpb_appear { -webkit-animation: none; -moz-animation: none; -o-animation: none; animation: none; opacity: 1; } /* #Main slideshow ================================================== */ #main-slideshow { position: relative; z-index: 1; clear: both; } #main-slideshow-content { display: none; } /*FIXED WIDTH SLIDESHOW*/ #main-slideshow.fixed { padding: 44px; margin-top: 0px; } #main-slideshow.layer-fixed { padding: 40px; margin-top: 0px; } #main-slideshow.fix.rv-slider { padding-top: 0; padding-bottom: 0; margin-top: 0px; } #main-slideshow.fixed:after, #main-slideshow.layer-fixed:after, #main-slideshow.fix:after { position: absolute; top: 0; left: 0; width: 100%; height: 1px; content: ""; } #main-slideshow.fixed:after, #main-slideshow.layer-fixed:after, #main-slideshow.fix:after { top: auto; bottom: 0; } #main-slideshow #main-slideshow-content { display: block; } #main-slideshow.fixed > .royalSlider { max-width: 1200px; margin: 0 auto; } #main-slideshow > .royalSlider { width: 100%; height: 600px; overflow: hidden; } #main-slideshow > .royalSlider > li > img { display: none; } .rsDefault .rsFullscreenBtn { top: auto !important; bottom: 18px; } /*WITH OVERLAP HEADER SLIDESHOW*/ .overlap #main-slideshow { margin-top: -70px; margin-bottom: -70px; } .overlap #main-slideshow.fixed { margin-top: 0; margin-bottom: 0; } /* #Page titles ================================================== */ .overlap #fancy-header, .overlap .page-title { margin-top: -70px; margin-bottom: -70px; } .transparent .page-title { visibility: hidden; } .is-webkit.overlap #fancy-header, .is-webkit.overlap .page-title { position: relative; } /* #Fancy Title ================================================== */ /*.fancy-parallax-bg { will-change: transform; }*/ #fancy-header.title-center .wf-wrap, #fancy-header.content-left .wf-wrap, #fancy-header.content-right .wf-wrap { display: table; width: 100%; } #fancy-header .wf-wrap, .page-title .wf-wrap { padding-top: 0; padding-bottom: 0; } .overlap #fancy-header .wf-wrap, .overlap .page-title .wf-wrap { padding-top: 70px; padding-bottom: 70px; } #fancy-header > .wf-wrap { max-width: 100%; } #fancy-header.title-center .wf-table, #fancy-header.content-left .wf-table, #fancy-header.content-right .wf-table { display: table-cell; vertical-align: middle; } .fancy-header .wf-td { width: 50%; vertical-align: middle; } .content-left.fancy-header .wf-td, .content-right.fancy-header .wf-td { display: block; width: 100%; } .content-right.fancy-header .wf-td, .title-left .breadcrumbs, .title-right .hgroup { text-align: right; } .fancy-header.title-center .wf-table, .fancy-header.title-center .wf-td { display: block; width: 100%; text-align: center; } .no-touch #fancy-header .fancy-title, .no-touch #fancy-header .fancy-subtitle, .no-touch #fancy-header .breadcrumbs { opacity: 0; } #fancy-header .fancy-title > span { display: inline-block; } .ie-mobile #fancy-header .fancy-title, .ie-mobile #fancy-header .fancy-subtitle, .ie-mobile #fancy-header .breadcrumbs { opacity: 1; } #fancy-header .fancy-title.start-animation, #fancy-header .fancy-subtitle.start-animation, #fancy-header .breadcrumbs.start-animation { -webkit-animation: mk_fade 0.7s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95); animation: mk_fade 0.7s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95); opacity: 1; } .fancy-header .hgroup, .page-title .hgroup { overflow: hidden; padding: 5px 0; } .title-center.breadcrumbs-off .hgroup, .content-left.breadcrumbs-off .hgroup, .content-right.breadcrumbs-off .hgroup { margin-top: 5px; margin-bottom: 5px; } .title-center .breadcrumbs.breadcrumbs-bg, .content-left .breadcrumbs.breadcrumbs-bg, .content-right .breadcrumbs.breadcrumbs-bg { margin-top: 10px; } #fancy-header.titles-off .breadcrumbs { margin-top: 5px; margin-bottom: 5px; } .title-center .breadcrumbs, .content-left .breadcrumbs, .content-right .breadcrumbs { margin-bottom: 10px; } .disabled-bg.title-center .breadcrumbs, .disabled-bg.content-left .breadcrumbs, .disabled-bg.content-right .breadcrumbs, .disabled-bg.title-center.breadcrumbs-off .hgroup, .disabled-bg.content-left.breadcrumbs-off .hgroup, .disabled-bg.content-right.breadcrumbs-off .hgroup, .disabled-bg.breadcrumbs-off.page-title h1 { margin-bottom: 0; } .title-center .hgroup, .content-left .hgroup, .content-right .hgroup { padding-bottom: 5px; } .title-center.breadcrumbs-off .hgroup, .content-left.breadcrumbs-off .hgroup, .content-right.breadcrumbs-off .hgroup { margin-bottom: 5px; } .fancy-header .fancy-title, .fancy-header .fancy-subtitle { padding: 0; } .fancy-header .fancy-title { margin: 5px 0; padding: 0; } .fancy-header .fancy-subtitle { margin: 0; padding: 5px 0; } .fancy-header .wf-td .breadcrumbs, .page-title .wf-td .breadcrumbs { display: inline-block; } .breadcrumbs.bg-dark, .breadcrumbs.bg-light, .hr-breadcrumbs .breadcrumbs.bg-light, .hr-breadcrumbs .breadcrumbs.bg-dark { padding: 4px 10px; } .breadcrumbs.bg-dark { background-color: rgba(15, 18, 19, 0.1); } .breadcrumbs.bg-light { background-color: rgba(255, 255, 255, 0.12); } .title-left .breadcrumbs { float: right; } .fancy-header .breadcrumbs li { position: relative; background: none; } .fancy-header .breadcrumbs li:first-child:before, .breadcrumbs li:first-child:before { content: ""; } .fancy-header .breadcrumbs li:before, .breadcrumbs li:before { position: absolute; left: 0; top: 0; width: 15px; height: 13px; content: "/"; opacity: 0.5; text-align: left; z-index: 3; } .breadcrumbs li:before { opacity: 1; } /* #Page title ================================================== */ .page-title.title-center .wf-container-title, .page-title.content-left .wf-container-title, .page-title.content-right .wf-container-title { display: table; width: 100%; } .page-title.title-center .wf-table, .page-title.content-left .wf-table, .page-title.content-right .wf-table { display: table-cell; vertical-align: middle; } .page-title.title-center .wf-td, .page-title.content-left .wf-td, .page-title.content-right .wf-td { display: block; text-align: center; } .page-title.content-left .wf-td { text-align: left; } .page-title.content-right .wf-td, .page-title.title-left .hr-breadcrumbs, .page-title.title-right h1 { text-align: right; } .page-title.title-left .hr-breadcrumbs { float: right; } .page-title h1 { margin: 5px 0; } .page-title .hr-breadcrumbs .breadcrumbs:after { display: none; } .page-title .wf-container-title, .page-title.full-width-line, .article-top-bar .wf-container-top { border-bottom: 1px solid; } .page-title.solid-bg .wf-container-title, .page-title.full-width-line .wf-container-title, .page-title.disabled-bg .wf-container-title, .page-title.transparent-bg .wf-container-title { border-bottom: none; } .page-title.disabled-bg .wf-td, .page-title.title-center.disabled-bg .wf-table, .page-title.content-left.disabled-bg .wf-table, .page-title.content-right.disabled-bg .wf-table { /* vertical-align: bottom; padding: 0;*/ } .page-title.title-left.disabled-bg h1, .page-title.title-right.disabled-bg h1 { margin: 0; } /* #Breadcrumbs ================================================== */ .breadcrumbs { list-style: none; } .breadcrumbs li { position: relative; display: inline-block; padding-left: 12px; margin-left: 8px; } .breadcrumbs li:first-child { padding-left: 0; margin-left: 0; background: none !important; } .breadcrumbs li a, .fancy-header .breadcrumbs li a { color: inherit; } .breadcrumbs a { text-decoration: none; } .breadcrumbs a:hover { text-decoration: underline; } /* #Filter ================================================== */ .full-width-wrap .dt-shortcode .filter { max-width: 100%; margin-right: auto; margin-left: auto; padding-right: 22px; padding-left: 22px; box-sizing: border-box; } .filter { position: relative; margin: -6px 0 34px 0; z-index: 10; text-align: left; } .filter-style-ios .filter { margin-top: 0; } .filter-style-ios .filter:not(.extras-off) .filter-categories:not(.new-style) { margin-bottom: 16px; } .filter.extras-off { text-align: center; } .filter-style-ios .filter.extras-off .filter-categories:not(.new-style) { margin-bottom: 8px; } .filter:before { content: ""; display: table; } .filter:after { content: ""; display: table; clear: both; } .filter-categories, .filter-by a, .filter-sorting a { float: left; } .filter-categories, .filter-extras, .filter-by, .filter-sorting, .filter-categories a { -webkit-box-sizing: border-box; box-sizing: border-box; } .extras-off .filter-categories { float: none; text-align: center; } .filter-extras { float: right; } .filter-categories, .filter-extras { margin-bottom: 10px; } .filter-by, .filter-sorting, .filter-categories a { display: inline-block; text-align: center; text-decoration: none; } .filter-by, .filter-sorting { display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flexbox; display: -ms-inline-flex; display: inline-flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; } .filter .filter-categories a, .filter .filter-extras a { position: relative; text-decoration: none; background-position: 0 0; background-repeat: no-repeat; } .filter .filter-extras a { display: inline-block; float: none; } .filter-categories a { white-space: nowrap; } .filter-style-ios.shadow-element-decoration .filter-categories a:after, .filter-style-ios.outline-element-decoration .filter-categories a:after { position: absolute; left: -1px; right: -1px; top: -1px; bottom: -1px; /*height: 100%;*/ content: ""; z-index: -1; opacity: 1; } .filter .filter-categories a:before { position: absolute; left: 0; top: 0; width: 23px; height: 13px; content: ""; text-decoration: none; background-position: 11px center; background-repeat: no-repeat; } .filter-categories a:after { opacity: 0; -webkit-transition: opacity 200ms ease; transition: opacity 200ms ease; } .filter-categories a.act:after { opacity: 1; } .extras-off .filter-categories a { display: inline-block; float: none; } #page .filter .filter-categories a:first-child, #page .filter .filter-extras .filter-by a:first-child { border-color: transparent; } .filter-switch { position: relative; display: inline-block; width: 21px; height: 13px; } .filter-style-minimal .filter-switch { width: 18px; height: 11px; } .filter-switch, .filter-switch:before, .filter-switch-toggle { -webkit-border-radius: 8px; border-radius: 8px; } .filter-switch:before, .filter-switch-toggle { position: absolute; left: 1px; top: 1px; width: 11px; height: 11px; background-color: #fff; content: ""; -webkit-transition: left 300ms ease-out; transition: left 300ms ease-out; } .filter-style-minimal .filter-switch:before, .filter-style-minimal .filter-switch-toggle { top: 2px; left: 2px; width: 7px; height: 7px; } .filter-switch.right-act:before { left: 9px; } .filter-switch.right-act .filter-switch-toggle { left: 9px; } .filter-switch-toggle:after, .filter-extras a:after { position: absolute; top: 50%; left: 50%; margin: -20px 0 0 -20px; width: 40px; height: 40px; border-radius: 50%; content: ''; opacity: 0; pointer-events: none; background: red; } .filter-style-material .filter-switch-toggle:after { margin: -19px 0 0 -16px; } .filter-style-material .filter .filter-sorting a:first-child:after, .filter-style-material .filter .filter-by a:first-child:after { margin-left: -26px; } .filter-style-material .filter .filter-sorting a:last-child:after, .filter-style-material .filter .filter-by a:last-child:after { margin-left: -14px; } .pressed .filter-switch-toggle:after, .filter-extras a.pressed:after { -webkit-animation: anim-effect-boris 0.45s ease-out forwards; animation: anim-effect-boris 0.45s ease-out forwards; } @-webkit-keyframes anim-effect-boris { 0% { -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); } 25%, 50% { opacity: 1; } to { opacity: 0; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @keyframes anim-effect-boris { 0% { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } 25%, 50% { opacity: 1; } to { opacity: 0; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } } /*style ios*/ .filter-style-ios.outline-element-decoration .filter-categories, .filter-style-ios.outline-element-decoration .filter-extras, .filter-style-ios .outline-element-decoration .filter-categories, .filter-style-ios .outline-element-decoration .filter-extras { border: 1px solid transparent; } .filter-style-ios.outline-element-decoration .filter-categories a, .filter-style-ios.outline-element-decoration .filter-sorting, .filter-style-ios .outline-element-decoration .filter-categories a, .filter-style-ios .outline-element-decoration .filter-sorting { border: none; border-left-style: solid; border-left-width: 1px; } .filter-style-ios.outline-element-decoration .filter-categories a.act, .filter-style-ios .outline-element-decoration .filter-categories a.act { border-left: none; } .filter-style-ios .shadow-element-decoration .filter-categories, .filter-style-ios .shadow-element-decoration .filter-extras, .filter-style-ios .shadow-element-decoration .filter-categories a, .filter-style-ios .shadow-element-decoration .filter-sorting { border: none; } .filter-style-ios #page .filter-categories.new-style { border: none; background-color: transparent; box-shadow: none; text-align: left; } .filter-style-ios .extras-off .filter-categories { display: inline-block; } .filter-style-ios .filter-categories a, .filter-style-ios .filter-sorting { -webkit-border-radius: 0; border-radius: 0; } .filter-style-ios #page .filter-categories.new-style a { margin: 0 5px 5px 0; } .filter-style-ios.outline-element-decoration .filter-categories.new-style a:not(.act) { border: 1px solid; } .filter-style-ios.outline-element-decoration .filter-categories.new-style a.act { border: none; } .filter-style-ios #page .filter-categories.new-style a { display: inline-block; float: none; } .filter-style-ios .filter .filter-categories.new-style a:after { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; content: ""; z-index: -1; opacity: 1; } .filter-style-ios .filter-by, .filter-style-ios .filter-sorting, .filter-style-ios .filter-categories a { float: left; } #page .filter-by a:first-child, #page .filter-sorting a:first-child { margin-right: 0; padding-right: 12px; } #page .filter-by a:last-child, #page .filter-sorting a:last-child { margin-left: 0; padding-left: 12px; } /*style material*/ .filter-style-material .filter-categories { margin-bottom: 7px; } .filter-style-material .filter .filter-extras a { width: 20px; text-indent: -9999px; background-position: center center; } .filter-style-material .filter .filter-categories a:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; } .filter-style-material .filter .filter-categories a:after { top: 100%; height: 2px; opacity: 0; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; } .filter-style-material .filter .filter-categories a.act:after { opacity: 1; } .filter-style-material .filter-switch { top: -1px; left: 0; width: 19px; height: 7px; /* margin: 0 10px 0 1px;*/ } .filter-style-material .filter-switch:hover { cursor: pointer; } .filter-style-material .filter-switch-toggle { top: -1px; left: 0; width: 9px; height: 9px; } .filter-style-material .filter-switch:before { display: none; } .filter-style-minimal .filter .filter-categories a:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; z-index: -1; } /* #Paginator ================================================== */ .paginator { position: relative; margin: 50px 0 0 0; text-align: right; z-index: 10; } .dt-shortcode .paginator { text-align: center; } .description-under-image + .paginator { margin-top: 40px; } .description-under-image.bg-under-post + .paginator { margin-top: 50px; } .paginator:before { content: ""; display: table; } .paginator:after { content: ""; display: table; clear: both; } .page-links, .page-nav { margin-bottom: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; } .paginator .page-nav { float: right; } .paginator .page-links { float: left; margin: 0 auto; } .dt-shortcode .page-links { display: inline-block; float: none; } .paginator a.act { border: none; } .paginator a { -webkit-box-sizing: border-box; box-sizing: border-box; } .paginator .disabled:hover { cursor: default; } .page-links a { position: relative; display: inline-block; float: none; /*margin: 0 3px 0 2px;*/ min-width: 20px; text-align: center; text-decoration: none; } .filter-style-ios.shadow-element-decoration .page-links a:before, .filter-style-ios.outline-element-decoration .page-links a:before { position: absolute; left: -1px; right: -1px; top: -1px; bottom: -1px; content: ""; z-index: -1; } #page .paginator a:first-child, #page .page-nav a:first-child { border-color: transparent; } .paginator .nav-prev, .paginator .nav-next { position: relative; display: inline-block; /*margin-left: 5px;*/ text-decoration: none; } .paginator .nav-prev:before, .paginator .nav-next:after { display: block; position: absolute; top: 50%; margin-top: -6.5px; width: 13px; height: 13px; line-height: 13px; content: ""; background-position: 0 center; background-repeat: no-repeat; } /*Load more button*/ .paginator.paginator-more-button { margin-top: 25px; border: none !important; text-align: center; } .layout-list .paginator.paginator-more-button { margin-top: 45px; } .justified-grid .paginator.paginator-more-button { width: 100%; } .paginator .button-load-more, .paginator .loading-ready { position: relative; display: inline-block; float: none; text-decoration: none; } .button-load-more .h5-size { display: block; margin-top: 5px; -webkit-transition: all 200ms ease; transition: all 200ms ease; } .paginator .button-load-more { width: 200px; height: 50px; line-height: 50px; -webkit-border-radius: 50px !important; border-radius: 50px !important; -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); } .paginator .button-load-more .stick { display: none; } .paginator .button-load-more .button-caption { display: block; margin: 0; line-height: 50px; -webkit-transition: opacity 0.01s ease; transition: opacity 0.01s ease; } .paginator .button-load-more.animate-load, .paginator .button-load-more.button-lazy-loading { width: 50px; -webkit-border-radius: 50%; border-radius: 50%; } .paginator .button-load-more.animate-load .button-caption, .paginator .button-load-more.button-lazy-loading .button-caption { opacity: 0; text-indent: -9999px; } .paginator .button-load-more.animate-load .stick, .paginator .button-load-more.button-lazy-loading .stick { display: block; } .pace.iso-preloader .pace-activity:before { border-color: transparent; border-top-color: #fff; border-right-color: #fff !important; } .iso-preloader .pace-activity:after { display: none; } #page .stick:first-child, .iso-preloader .pace-activity:before, .rsPreloader .pace-activity:before { position: absolute; top: 50%; left: 50%; margin: -15px 0 0 -15px; width: 30px; height: 30px; -webkit-border-radius: 40px; border-radius: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: transparent; -webkit-animation: spin 1s infinite linear 0.2s; animation: spin 1s infinite linear 0.2s; } .stick:first-child { border: solid 3px rgba(255, 255, 255, 0); } @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 100% { transform: rotate(360deg); } } /*style ios*/ .filter-style-ios.outline-element-decoration .paginator .page-links, .filter-style-ios.outline-element-decoration .page-nav, .filter-style-ios .outline-element-decoration .paginator .page-links, .filter-style-ios .outline-element-decoration .page-nav { border: 1px solid transparent; } .filter-style-ios .shadow-element-decoration .paginator .page-links, .filter-style-ios .shadow-element-decoration .page-nav, .filter-style-minimal .shadow-element-decoration .paginator .page-links a:after { border: none; } .filter-style-ios .paginator:not(.paginator-more-button) a { float: left; /*margin: 0 0 0 -1px;*/ -webkit-border-radius: 0; border-radius: 0; } .filter-style-ios.outline-element-decoration .paginator:not(.paginator-more-button) a, .filter-style-ios .outline-element-decoration .paginator:not(.paginator-more-button) a { /* margin: -1px 0 -1px -1px;*/ border: none; border-left-style: solid; border-left-width: 1px; } .filter-style-ios .shadow-element-decoration .paginator:not(.paginator-more-button) a { border: none; margin: 0; } /*style material*/ .filter-style-material .paginator .page-nav { margin-right: -8px; } .filter-style-material .paginator .page-links a:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; min-width: 20px; content: ""; } .filter-style-material .paginator .page-links a:after { top: 100%; height: 2px; opacity: 0; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; } .filter-style-material .paginator .page-links a.act:after { opacity: 1; } .filter-style-material .paginator .nav-prev, .filter-style-material .paginator .nav-next { font-size: 0; text-indent: -9999px; } .filter-style-material .paginator .nav-prev:before, .filter-style-material .paginator .nav-next:after { left: 50%; right: auto; margin: -8px 0 0 -8px; width: 16px; height: 16px; line-height: 16px; } /*style minimal*/ .filter-style-minimal .page-links a { z-index: 1; } .filter-style-minimal .paginator .page-links a:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; min-width: 20px; content: ""; z-index: -1; } /* #Blog, Portfolio, Albums ================================================== */ /*Display content area*/ .page-info { padding: 0 0 10px 0; } .post { position: relative; } .post:before, .post:after { content: ""; display: table; clear: both; } .post .entry-title a { display: inline-block; } /*read more button*/ .blog .details.more-link, .dt-blog-shortcode .details.more-link { margin-bottom: 10px; } .more-link.dt-btn { margin-top: 5px; } .post .more-link.dt-btn { margin-right: 10px; } /* #post format ================================================== */ .post.bg-on .block-style-widget, .post.bg-on .format-aside-content, .post.bg-on .format-status-content, .post.bg-on .format-link-content { padding: 0; background: none !important; box-shadow: none !important; -webkit-box-sizing: border-box; box-sizing: border-box; } .format-aside-content, .format-link-content { padding: 25px 30px 15px; margin: 0 0 15px; } .author-quote { border-left: 5px solid; padding-left: 10px; } .format-status-content { padding: 25px 20px 15px; margin: 5px 0 15px; } .format-link .details, .format-aside .details, .format-status .details, .format-quote .details { display: none; } /*resize image to 100% width parent container*/ .images-container img, .albums .post img, .media .post img, .portfolio .post img, .blog .post img, .single .post .rollover img, .dt-blog-shortcode img, .dt-albums-shortcode img, .dt-portfolio-shortcode img, .wf-container.iso-grid img, .wf-container.layout-masonry img { max-width: 100%; width: 100%; height: auto; } .blog.layout-list .post .blog-media img, .old-ie .blog .post .dt-format-gallery img { width: 100%; } /* #Background under projects ================================================== */ .bg-on .blog-content { padding: 15px 25px 10px; } .bg-on .project-list-content { padding: 10px 25px 10px; } .slider-wrapper .bg-on .project-list-content { padding-top: 20px; } .iso-container .bg-on .project-list-content > *, .iso-grid .bg-on .project-list-content > * { padding-top: 10px; padding-bottom: 0; margin-bottom: 0; } .iso-container .bg-on .project-list-content > :last-child, .iso-grid .bg-on .project-list-content > :last-child { margin-bottom: 10px; } .post.bg-on .alignleft, .post.bg-on .alignnone, .bg-on .blog-media > p, .bg-on .project-list-media > p, .post.bg-on ul.royalSlider.alignnone, .description-under-image .post.bg-on ul.royalSlider.alignnone { margin-bottom: 0; } .bg-on .blog-media, .bg-on .project-list-media, .round-images .bg-on .team-media { padding: 25px 25px 0; } .bg-on.fullwidth-img .blog-media, .bg-on.fullwidth-img .project-list-media { padding: 0; } .bg-on .blog-content, .bg-on .blog-media { position: relative; z-index: 9; } .bg-on.post .alignnone { margin-top: 0; } /* #Template: List ================================================== */ .layout-list .post { padding-top: 44px; margin-top: 19px; } .articles-list .post:last-child { margin-bottom: -25px; } .layout-list .post:first-child { border: none; padding-top: 0; margin-top: 0; } .blog .post.bg-on, .portfolio .post.bg-on { border-top: none; } /*.blog.layout-list .post { padding-top: 44px; }*/ .layout-list .blog-content, .layout-list .blog-media, .layout-list .project-list-content, .layout-list .project-list-media { display: block; float: left; width: 100%; } /* #Checkerboard order ================================================== */ .project-even .alignleft, .project-even ul.royalSlider.alignleft { float: right; margin-right: 0; margin-left: 30px; } /* #Background under projects ================================================== */ .layout-list .post.bg-on { padding: 25px 25px 0px; margin: 0 0 20px; } .layout-list .bg-on .blog-media, .layout-list .bg-on .blog-content, .layout-list .bg-on .project-list-media, .layout-list .bg-on .project-list-content { display: block; float: left; width: 100%; padding: 0; } .layout-list .bg-on .blog-content, .layout-list .bg-on .project-list-content { padding-bottom: 10px; } /* #Post slider ================================================== */ .layout-list .post-slider { margin-right: 30px; } .layout-list .project-even .post-slider { margin-right: 0; margin-left: 30px; } .layout-list .media-wide .post-slider, .layout-list .media-wide.project-even .post-slider { margin-right: 0; margin-left: 0; } /* #Post Images ================================================== */ .post .alignleft, .description-under-image .post .alignnone, .description-under-image .post ul.royalSlider.alignnone, .blog.layout-list .post.bg-on ul.royalSlider.alignnone { margin-bottom: 20px; } .description-under-image .post .buttons-on-img ul.royalSlider.alignnone, .description-under-image .bg-on.post .alignnone { margin-bottom: 0; } .project-list-media .alignleft { width: 100%; } .blog-media .alignleft { float: none; } .blog.layout-list .post .alignleft, .blog.layout-list .post .alignnone { margin-bottom: 25px; } .format-quote .block-style-widget { margin: 0 0 15px; padding: 25px 30px 15px; } .format-quote.bg-on .block-style-widget, .bg-on .format-aside-content, .bg-on .format-link-content { margin-bottom: 10px; } /* #Blog ================================================== */ .layout-masonry .blog-content.wf-td, .layout-masonry .blog-media.wf-td, .iso-grid .blog-content.wf-td, .iso-grid .blog-media.wf-td, .media-wide .blog-content.wf-td, .media-wide .blog-media.wf-td, .iso-container .blog-media.wf-td, .iso-container .blog-content.wf-td, .shortcode-blog-posts .wf-td { display: block; } .blog-media { position: relative; overflow: hidden; z-index: 9; } /*Fancy date*/ .fancy-date { vertical-align: top; padding-right: 30px; } .fancy-date.right-aligned { float: right; padding-right: 0; padding-left: 30px; } .fancy-date a { position: absolute; z-index: 102; top: 0; left: 0; width: 44px; /*height: 93px;*/ padding: 0 10px 0; color: #fff !important; text-decoration: none; -webkit-box-sizing: border-box; box-sizing: border-box; } .fancy-date a * { color: #fff !important; } .fancy-date span { position: relative; display: block; padding: 2px 0 0; text-align: center; font-family: Arial, sans-serif; } .fancy-date span.entry-date { padding: 7px 0 5px; font-size: 20px; } .fancy-date .entry-month, .fancy-date .entry-year { font-size: 10px; } .fancy-date span:before { position: absolute; top: 0; left: 50%; margin-left: -5px; width: 10px; height: 1px; background-color: rgba(255, 255, 255, 0.4); content: ""; } .fancy-date span:first-child:before { display: none; } .bg-on .fancy-date a { top: 25px; left: 25px; } .project-even .fancy-date a, .right-aligned.fancy-date a, .layout-list .project-even.bg-on .fancy-date a { right: 0; left: auto; } .small-fancy-datas.layout-list .project-even.bg-on .fancy-date a { right: 10px; left: auto; } .fullwidth-img .fancy-date a, .layout-list .bg-on .fancy-date a { top: 0; left: 0; } .project-even.bg-on .fancy-date a, .bg-on .right-aligned.fancy-date a { right: 30px; left: auto; } /*fancy date for material design*/ .small-fancy-datas .fancy-date a, .small-fancy-datas .fullwidth-img .fancy-date a { top: 10px; left: 10px; width: auto; height: 30px; text-align: center; } .small-fancy-datas .project-even .fancy-date a, .small-fancy-datas .right-aligned.fancy-date a { right: auto; left: 40px; } .small-fancy-datas .bg-on .fancy-date a { top: 35px; left: 35px; } .small-fancy-datas .fullwidth-img .fancy-date a, .small-fancy-datas.layout-list .bg-on .fancy-date a { top: 10px; left: 10px; } .small-fancy-datas .fancy-date span { display: inline-block; vertical-align: middle; padding: 0; } .small-fancy-datas .fancy-date span.entry-date { padding: 0 0 0 5px; font-size: 14px; line-height: 30px; } .small-fancy-datas .fancy-date .entry-month { font-size: 14px; opacity: 0.5; } .small-fancy-datas .fancy-date span:before, .small-fancy-datas .fancy-date .entry-year { display: none; } /* #Portfolio ================================================== */ .post .project-media { margin-bottom: 20px; line-height: 0; } .project-media, .project-content { -webkit-box-sizing: border-box; box-sizing: border-box; } .project-media img { max-width: 100%; } /* #Gallery ================================================== */ .dt-format-gallery a, .dt-format-gallery .rollover-video { -webkit-box-sizing: border-box; box-sizing: border-box; } /* #Loading indicator ================================================== */ .pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; user-select: none; } .pace .pace-activity { position: fixed; display: block; z-index: 2000; top: 50%; left: 50%; margin: -25px 0 0 -25px; width: 50px; height: 50px; border-radius: 100%; } .pace .pace-activity:before { width: 32px; height: 32px; margin: -16px 0 0 -16px; border: 3px solid #fff; border-right-color: rgba(0, 0, 0, 0) !important; border-left-color: rgba(0, 0, 0, 0) !important; -webkit-animation: pace-rotation 1s linear infinite; animation: pace-rotation 1s linear infinite; content: ''; } @-webkit-keyframes pace-rotation { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @keyframes pace-rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } /* #Single ================================================== */ .single-post .breadcrumbs li:last-child, .single-portfolio .breadcrumbs li:last-child { display: none; } /*!-Article top bar*/ .article-top-bar { position: relative; overflow: hidden; margin: -40px 0 44px; z-index: 4; } .article-top-bar > .wf-wrap { padding: 0 22px; } .article-top-bar .wf-container-top { display: table; width: 100%; padding: 0 0 10px; } .article-top-bar.disabled-bg .wf-container-top, .article-top-bar.full-width-line .wf-container-top { border: none; padding-bottom: 0; } .article-top-bar .entry-meta, .article-top-bar .portfolio-categories, .article-top-bar .navigation-inner { display: table-cell; padding: 0; margin-bottom: 0; vertical-align: middle; } .article-top-bar .navigation-inner { overflow: hidden; margin-bottom: 5px; min-width: 88px; } .single-navigation-wrap { float: right; margin-right: -6px; } .post-meta-disabled .single-navigation-wrap { float: none; text-align: center; } .navigation-inner a { float: left; width: 12px; height: 12px; padding: 5px 6px; background-repeat: no-repeat; } .navigation-inner a:hover { text-decoration: underline; } .navigation-inner .prev-post { padding-right: 4px; background-position: center center; } .navigation-inner .next-post { background-position: center center; } .post-meta-disabled .navigation-inner .next-post { float: right; } .back-to-list { background-position: center center; } .post-meta-disabled .back-to-list { display: inline-block; float: none; padding: 0; margin: 0 20px; } .navigation-inner a.disabled, .project-navigation .disabled, .project-navigation .disabled:hover { opacity: 0.4; } .navigation-inner a.disabled:hover, .project-navigation .disabled:hover { cursor: auto; text-decoration: none; } /*!-Meta & tags*/ .entry-meta, .portfolio-categories { display: block; overflow: hidden; } .entry-meta, .portfolio-categories { padding: 0 0 10px 0; } .single .post .entry-meta, .project-post .portfolio-categories { padding: 0px 0 0 0; margin-bottom: 5px; } .single .entry-meta, .project-post .portfolio-categories { float: left; } .single .fs-entry .entry-meta { float: none; } .entry-meta > a, .entry-meta > span, .portfolio-categories > a, .portfolio-categories > span { position: relative; display: inline-block; margin: 0px 1px 0 6px; padding-left: 10px; text-decoration: none; } .entry-meta a, .portfolio-categories a { -webkit-transition: all 0.05s linear 0.05s; transition: all 0.05s linear 0.05s; } .entry-meta span a, .portfolio-categories > span a { text-decoration: none; } .entry-meta a:hover, .portfolio-categories a:hover { text-decoration: underline; } .portfolio-categories > a.data-link:hover { text-decoration: none; cursor: default; } .entry-meta > a:after, .entry-meta > span:after, .portfolio-categories > a:after, .portfolio-categories > span:after { position: absolute; left: 0; top: 0; width: 1px; height: 100%; content: "/"; } .entry-meta > a:first-child:after, .portfolio-categories > a:first-child:after, .entry-meta > span:first-child:after, .portfolio-categories > span:first-child:after, .single .article-top-bar .entry-meta a:after, .single .article-top-bar .portfolio-categories a:after, .single .article-top-bar .entry-meta > span:after, .single .article-top-bar .portfolio-categories > span:after { display: none; } .single .article-top-bar .entry-meta > a, .single .article-top-bar .entry-meta > span, .single .article-top-bar .portfolio-categories > a, .single .article-top-bar .portfolio-categories > span { margin-right: 20px; margin-left: 0; padding-left: 25px; background-position: 0 center; background-repeat: no-repeat; } .single .article-top-bar .entry-meta > a:first-child, .single .article-top-bar .portfolio-categories > a:first-child { padding-left: 25px; } .entry-meta a:first-child, .portfolio-categories a:first-child, .entry-meta span:first-child, .portfolio-categories span:first-child { padding-left: 0; margin-left: 0; } .fullwidth-slider .portfolio-categories > a, .fullwidth-slider .portfolio-categories span { float: none; display: inline-block; } .entry-tags { display: block; overflow: hidden; padding: 20px 0 15px 0; } .entry-tags, .entry-tags a, .entry-tags span { word-wrap: break-word; } .entry-tags span.single-tags { position: relative; float: left; } .single .entry-tags a { position: relative; float: left; margin: 5px 10px 0 13px; padding: 3px 7px 3px 12px; border: none; text-decoration: none; font-family: Arial, sans-serif; font-size: 12px; line-height: 19px; } .single .entry-tags a:before { position: absolute; top: 0; left: -13px; width: 0; height: 0; border-top: 12px solid transparent; border-right: 13px solid red; border-bottom: 13px solid transparent; content: ""; } .single .entry-tags a:after { position: absolute; left: -2px; top: 50%; margin-top: -3px; width: 6px; height: 6px; content: ""; -webkit-border-radius: 50%; border-radius: 50%; } /*Post's fancy title*/ .fancy-author-title, .fancy-posts-title, .fancy-comments-title, .fancy-comments-form, .fancy-projects-title { padding-left: 25px; background-repeat: no-repeat; background-position: 0 center; } .single .fancy-author-title.title-left, .single .fancy-posts-title.title-left, .single .fancy-comments-title.title-left, .single .fancy-comments-form.title-left, .single .fancy-projects-title.title-left { margin-top: 60px; margin-bottom: 34px; } .single .fancy-comments-title.title-left, .single .fancy-comments-form.title-left, .single .fancy-author-title.title-left { margin-top: 50px; } .single-portfolio .fancy-projects-title.title-left, .single-portfolio .fancy-comments-title.title-left, .single-portfolio .fancy-comments-form.title-left, .single-dt_gallery .fancy-comments-title.title-left, .single-dt_gallery .fancy-comments-form.title-left { margin-top: 20px; } .single-portfolio #comments .commentlist, .single-dt_gallery #comments .commentlist { margin-bottom: 0; padding-bottom: 10px; } .single .fancy-posts-title { margin-bottom: 30px; } /* #Single Blog ================================================== */ /*!-Post author*/ .entry-author { overflow: hidden; margin-bottom: 10px; padding: 25px 30px 15px 30px; -webkit-box-sizing: border-box; box-sizing: border-box; } .entry-author-img { width: 115px; } .entry-author-info { vertical-align: top; } .entry-author .text-primary { font-weight: bold; } .entry-author .alignleft { margin-bottom: 10px; } .entry-author .alignleft img, .entry-author img.alignleft { -webkit-border-radius: 50%; border-radius: 50%; } .post .entry-author img { max-width: none; } .blog .post .wp-smiley { width: auto; } /* #Single Portfolio ================================================== */ .project-post { position: relative; } .single .project-content { margin-bottom: 34px; } .floating-content { position: relative; /*-webkit-transition: top 300ms linear; transition: top 300ms linear;*/ } .single-dt_gallery.single .project-content { margin-bottom: 20px; } .single-portfolio .project-post ul.royalSlider, .single-portfolio .images-container { margin-bottom: 34px; } /* List images*/ .images-container { line-height: 0; } .images-list { position: relative; margin-bottom: 20px; line-height: 0; } .images-list:last-child { margin-bottom: 0; } .images-list img { margin-bottom: 0; } .images-list-caption { position: absolute; top: auto; bottom: 0; left: 0; width: 100%; z-index: 99; } .images-list-inner { position: absolute; bottom: 0; display: inline-block; margin: 0 20px; padding: 15px 0 15px; } .images-list-inner h4 { display: inline-block; margin: 5px 0 0; } .images-list-inner, .images-list-inner * { color: #fff; } .navigation-inner a, .project-details, .project-link, .project-zoom, .vc-item .vc_read_more { text-decoration: none; } /*!-Slideshow description*/ .slider-post-inner h4 { display: inline-block; vertical-align: middle; margin: 5px 0 0; } .slider-post-inner, #main .slider-post-inner h4, .images-list-inner, #main .images-list-inner h4 { text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); } .slider-post-inner .album-content-btn, .images-list-inner .album-content-btn { display: block; float: left; width: 100%; margin-bottom: 0; } .images-list-inner p { margin-bottom: 0; } .slider-link { display: block; float: left; width: 32px; height: 32px; background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' fill='white' xml:space='preserve'%3E%3Cpolygon points='14,14 2,14 2,2 5.011,2 5.011,0 2,0 0.011,0 0,0 0,14 0,16 2,16 16,16 16,15.989 16,14 16,10.989 14,10.989 '/%3E%3Cpolygon points='14,-0.019 14,0 8.993,0 8.993,2 12.637,2 6.5,8.137 7.863,9.5 14,3.364 14,6.981 16,6.981 16,-0.019 '/%3E%3C/svg%3E"); background-color: rgba(0, 0, 0, 0.4); border-radius: 50%; background-repeat: no-repeat; -webkit-transition: opacity 200ms ease; transition: opacity 200ms ease; } .slider-link:hover { background-color: rgba(0, 0, 0, 0.4); opacity: 0.7; } .slider-link, .slider-post-inner .share-button.entry-share, .images-list-inner .share-button.entry-share { margin: 0 5px 5px 0; background-position: center center; -webkit-box-sizing: border-box; box-sizing: border-box; } /*Slideshow description:end*/ /* #Comments ================================================== */ .comment-form .form-fields { margin-right: -10px; } #comments { margin-bottom: 20px; } .single #comments, .single .form-submit { margin-bottom: 0; } #comments .commentlist, #comments .children { margin: 0; padding: 0; list-style: none; } #comments .commentlist { margin-bottom: -21px; padding-bottom: 1px; } li.comment, li.pingback { padding-left: 90px; margin-bottom: 30px; } .commentlist .comment > article { position: relative; padding: 25px 30px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; } #comments .children { margin-top: 30px; } .comment-author .avatar, .comment-author .rollover { float: left; margin: -25px 0 15px -120px; } .comment-author .rollover i, .comment-author .rollover, .comment-author .avatar { -webkit-border-radius: 50%; border-radius: 50%; } .comment-author .rollover .avatar { margin: 0; } .comment-content { padding: 10px 0 0; } .pingback-content { padding: 0px 0 24px 0; } .comment-meta, .comment-reply-link { float: right; } .comment-reply-link { margin-left: 10px; } .fn { font-style: normal; } #reply-title small, #cancel-comment-reply-link { float: right; margin-top: 10px; } /* !- Comments form */ .comment #respond { padding-top: 24px; } #respond #submit { display: none; } #commentform textarea, .contact-form textarea { width: 100%; margin: 0 0 10px; } .contact-form-ios #commentform textarea { margin-top: 10px; } .comment-reply-link, .comment-meta a, .fn a, .pingback a, .clear-form { text-decoration: none; } #reply-title small a:hover, .comment-reply-link:hover, .comment-meta a:hover, .pingback a:hover, .clear-form:hover { text-decoration: underline; } /* #Share buttons ================================================== */ .project-share-overlay { position: relative; display: inline-block; padding-top: 5px; padding-bottom: 5px; } .project-share-overlay:not(.allways-visible-icons) { padding-right: 11px; } .entry-share { margin: 14px 0 10px; } .project-content .entry-share { margin: 0; } .project-post .btn-project-link { padding: 5px 10px 5px 25px; margin: 0 28px 0 0; text-decoration: none; } .project-post .btn-project-link:hover { text-decoration: underline; } .project-content-btn { margin-top: 24px; } .project-content-btn .entry-share { margin-top: 0; margin-bottom: 0; } .project-post .project-slider .project-content-btn { margin-top: -5px; margin-bottom: 39px; } .project-share-overlay .share-button.entry-share { /* display: block;*/ text-decoration: none; } #page .project-share-overlay .share-button.entry-share, #page .btn-project-link.btn-link { padding: 0 0 0 23px; } .share-button.entry-share, .btn-project-link { display: inline-block; padding: 0 0 0 23px; background-position: 0 center; background-repeat: no-repeat; } .share-button.entry-share.no-text, .btn-project-link.no-text { width: 36px; height: 36px; padding: 0; text-indent: -9999px; } .share-button.entry-share, .btn-project-link, .share-overlay .soc-ico a { -webkit-transition: all 200ms ease; transition: all 200ms ease; } .photo-scroller .share-button.entry-share, .slider-post-inner .share-button.entry-share, .images-list-inner .share-button.entry-share { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve' fill='white'%3E%3Cpath d='M12.508,10.664c-0.61,0-1.213,0.287-1.663,0.633L6.236,8.531C6.261,8.39,6.289,8.148,6.289,8c0-0.15-0.058-0.39-0.083-0.532l4.64-2.796c0.451,0.347,1.053,0.659,1.663,0.659c1.475,0,2.666-1.194,2.666-2.664C15.174,1.191,13.982,0,12.508,0c-1.472,0-2.665,1.191-2.665,2.667c0,0.149,0.038,0.394,0.064,0.536L5.336,5.945C4.968,5.568,4.257,5.211,3.627,5.203C1.89,5.183,0.826,6.576,0.826,8.049c0,1.472,1.02,2.757,2.759,2.737c0.611-0.01,1.368-0.283,1.797-0.729l4.543,2.726c-0.027,0.141-0.082,0.401-0.082,0.548c0,1.476,1.193,2.669,2.665,2.669c1.475,0,2.666-1.193,2.666-2.669C15.174,11.859,13.982,10.664,12.508,10.664z'/%3E%3C/svg%3E"); } .project-share-overlay:not(.allways-visible-icons) .soc-ico { position: absolute; z-index: 999; left: 50%; bottom: 46px; width: 150px; height: 36px; padding: 0 3px; visibility: hidden; overflow: visible; opacity: 0; background-color: #fff; text-align: center; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2); } .single-post .project-share-overlay:not(.allways-visible-icons) .soc-ico { bottom: 48px; } .project-content-btn .project-share-overlay:not(.allways-visible-icons) .soc-ico { bottom: 38px; } .project-share-overlay:not(.allways-visible-icons) .soc-ico:after, .project-share-overlay:not(.allways-visible-icons) .soc-ico:before { position: absolute; left: 50%; margin-left: -5px; bottom: -5px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid white; content: ""; } .project-share-overlay:not(.allways-visible-icons) .soc-ico:before { margin-left: -6px; bottom: -6px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid rgba(0, 0, 0, 0.1); } .project-share-overlay:not(.allways-visible-icons) .soc-ico a { display: none; float: none; width: 24px; margin: 7px 3px 0 3px; background: none !important; } #page .project-share-overlay:not(.allways-visible-icons) .soc-ico a { box-shadow: none; } .project-share-overlay:not(.allways-visible-icons) .soc-ico a:hover { background: none !important; opacity: 0.6; } .project-share-overlay:not(.allways-visible-icons) .soc-ico a:before, .project-share-overlay:not(.allways-visible-icons) .soc-ico a:after { display: none; } #page .project-share-overlay:not(.allways-visible-icons) .soc-ico a .icon, #page .project-share-overlay:not(.allways-visible-icons) .soc-ico a:hover .icon { fill: #000; } .project-share-overlay.allways-visible-icons .soc-ico { display: inline-block; vertical-align: middle; margin-left: 10px; } /*albums share*/ .slide-caption .share-button.entry-share, .slide-caption .btn-project-link { border-color: rgba(255, 255, 255, 0.35); } .slide-caption .share-button.entry-share:hover, .slide-caption .btn-project-link:hover { background-color: rgba(255, 255, 255, 0.35); border-color: rgba(255, 255, 255, 0.35); } /* #Sidebar ================================================== */ .sidebar { position: relative; z-index: 9; } .sidebar-none .sidebar { display: none; } #main .ui-widget-content, .sidebar-left .wf-wrap:after, .sidebar-right .wf-wrap:after { clear: both; } .sidebar-left .sidebar, .sidebar-right .content { float: left; } .sidebar-right .sidebar, .sidebar-left .content { float: right; } .sidebar-right .content, .sidebar-left .sidebar { padding-right: 44px; } .sidebar-right .sidebar, .sidebar-left .content { padding-left: 44px; } .sidebar-right .sidebar.solid-bg, .sidebar-left .sidebar.solid-bg, .sidebar-right .sidebar.bg-under-widget, .sidebar-left .sidebar.bg-under-widget { border: none; } .sidebar-left .sidebar.solid-bg, .sidebar-left .sidebar.bg-under-widget { padding-right: 0; } .sidebar-right .sidebar.solid-bg, .sidebar-right .sidebar.bg-under-widget { padding-left: 0; } .sidebar-divider-off.sidebar-right .sidebar { padding-left: 6px; } .sidebar-divider-off.sidebar-left .sidebar { padding-right: 6px; } .sidebar-left .wf-wrap:before, .sidebar-left .wf-wrap:after, .sidebar-right .wf-wrap:before, .sidebar-right .wf-wrap:after { content: ""; display: table; } .sidebar-divider-off #sidebar { border: none; } /* !- Full-width page (no sidebar) */ .sidebar-none .content { width: 100%; } /* #Widgets ================================================== */ .sidebar .widget, .sidebar-content .widget { padding: 0; margin-bottom: -10px; } .sidebar.bg-under-widget .widget, .bg-under-widget .sidebar-content .widget, .solid-bg.sidebar-content .widget { margin-bottom: 0; } .sidebar.solid-bg .widget, .solid-bg .sidebar-content .widget, .solid-bg.sidebar-content .widget { padding-left: 25px; padding-right: 25px; } .sidebar.bg-under-widget .widget, .bg-under-widget .sidebar-content .widget, .solid-bg.sidebar-content .widget { padding: 25px 25px 15px; } .sidebar .widget-divider-off .widget, .sidebar-content.widget-divider-off .widget, .solid-bg.sidebar-content .widget { border-top: none; } .sidebar.bg-under-widget .widget:first-child, .bg-under-widget .sidebar-content .widget:first-child, .solid-bg.sidebar-content .widget:first-child { margin-top: 0; } .sidebar:not(.solid-bg):not(.bg-under-widget) .widget:first-child, .content .sidebar-content:not(.solid-bg):not(.bg-under-widget) .widget:first-child { padding-top: 0; } .sidebar .widget:first-child, .sidebar-content .widget:first-child, .old-ie .sidebar .widget:first-child { border-top: none; } .footer .widget { margin-bottom: 30px; } .widget:before, .widget:after { content: ""; display: table; clear: both; } .widget-info { margin-bottom: 10px; } .content .widget ul { list-style: none; } .widget-title { margin-bottom: 15px; clear: both; } /* #Categories ================================================== */ .custom-categories, .widget_categories ul { padding-bottom: 10px; } .custom-categories li, .cat-item { overflow: hidden; margin: 9px 0 0 0; padding: 10px 0 0 0; } .custom-categories li { margin-top: 0; } .custom-categories > li:first-child, .cat-item:first-child { margin-top: 0; padding-top: 0; border-top: none !important; } .custom-categories a, .cat-item a { text-decoration: none; } .custom-categories a { display: block; clear: both; } .custom-categories span.item-name { float: left; } .custom-categories span.item-num { float: right; margin-left: 10px; } .custom-categories ul, .cat-item ul { margin-left: 20px; } /* #Calendar ================================================== */ #wp-calendar { margin: 25px 0 15px 0; border-width: 1px; border-style: solid; } #wp-calendar caption { padding: 5px 0 5px 0; height: auto; border-style: solid; border-width: 1px; border-bottom: none; } #wp-calendar th { height: 25px; font-weight: normal; } .content #wp-calendar th { border: none; } #wp-calendar td { width: 34px; height: 25px; border-style: solid; border-width: 1px; vertical-align: middle; text-align: center; line-height: 20px; cursor: default; } #wp-calendar td.act { color: #fff; } #wp-calendar td a { display: block; width: 100%; text-decoration: none; } #wp-calendar td.pad, .footer #wp-calendar td.pad { background: none !important; border: none; } #wp-calendar tfoot td { width: auto; } #wp-calendar tfoot td#prev { padding-left: 10px; text-align: left; } #wp-calendar tfoot td#next { padding-right: 10px; text-align: right; } #wp-calendar tfoot td a:hover { background: none; text-decoration: none; } /* #Contact info ================================================== */ .shortcode-contacts, .shortcode-contact-info { margin-bottom: 20px; } .contact-info, .content .contact-info { margin: 0; padding-bottom: 10px; } .contact-info li { margin: 10px 0 0 0; list-style: none; } .contact-info li:first-child { margin-top: 0; } .widget .soc-ico { padding: 5px 0 10px 0; } /* #Custom navigation ================================================== */ .custom-nav { margin: 0; } .custom-nav > li:first-child { border-top: none !important; } .custom-nav > li > a { display: block; position: relative; padding: 0 0 10px; text-decoration: none; } .custom-nav > li > a, .custom-nav > li > a:before, .custom-menu a, .widget_tag_cloud a { -webkit-transition: all 0.05s linear; transition: all 0.05s linear; } .custom-nav > li > a:before, .custom-nav > li li a:before { display: block; position: absolute; top: 14px; right: 0; width: 13px; height: 13px; content: ""; background-repeat: no-repeat; background-position: center center; } .custom-nav > li .custom-menu li { border: none !important; } .custom-nav > li li a { padding-left: 12px; background-image: none !important; } .custom-nav > li li a:before { top: 50%; margin-top: -1px; right: auto; left: 0; width: 3px; height: 3px; -webkit-border-radius: 50%; border-radius: 50%; } .custom-nav > li > ul { display: none; margin: 0 0px 0 0px; padding: 0 20px 15px 20px; } .custom-nav > li > ul a span { display: inline-block; } .custom-nav > li li { margin-top: 0; padding-top: 7px; } .custom-nav > li > ul a:hover { text-decoration: none; } .custom-nav > li:last-child > ul { margin-bottom: -5px; } .bg-under-widget .custom-nav > li:last-child > ul, .solid-bg .custom-nav > li:last-child > ul { margin-bottom: -5px; } /* #Menu ================================================== */ .menu, .custom-menu .widget_pages > ul { margin: 0; padding: 0 0 10px 0; } .menu li, .custom-menu li, .widget_pages li, .qts-lang-menu li { display: block; position: relative; margin: 9px 0 0 0; padding: 10px 0 0 0; } .menu > li:first-child, .custom-menu > li:first-child, .widget_pages > ul > li:first-child, .qts-lang-menu li:first-child { border: none !important; margin-top: 0; padding-top: 0; } #page .qtrans_flag { width: auto; height: auto; background-position: 0 center; } .menu a, .custom-menu a, .widget_pages a { text-decoration: none; padding-right: 15px; } .custom-menu a { position: relative; display: block; padding-left: 23px; background-repeat: no-repeat; background-position: 0 5px; } .custom-menu a:before { position: absolute; top: 5px; left: 0; width: 13px; height: 13px; content: ""; } .custom-nav .has-children > a:after { display: block; position: absolute; top: 0; right: 0; margin-top: 5px; width: 8px; height: 8px; content: ""; } .widget_pages a { display: inline-block; } .menu li ul, .custom-menu li ul, .widget_pages li ul, .content .menu li ul, .content .custom-menu li ul, .content .widget_pages li ul { margin-left: 20px; } .custom-nav .custom-menu li ul { padding-top: 10px; } /* #Meta ================================================== */ .tagcloud { padding-bottom: 15px; } .widget_tag_cloud a { display: inline-block; padding: 0 3px; margin-bottom: 2px; text-decoration: none; } /* #Recent posts ================================================== */ .recent-posts { margin: 0; padding: 0 0 5px 0; } .recent-posts li { display: block; overflow: hidden; margin: 9px 0 0 0; padding: 15px 0 0 0; } .widget .recent-posts li { margin-top: 0; } .recent-posts > li:first-child { margin-top: 0; padding-top: 0; border-top: none !important; } .recent-posts a, .items-grid .post-content > a { display: inline-block; text-decoration: none; } .recent-posts .alignleft { margin: 5px 20px 5px 0; font-size: 0; line-height: 0; } /* #Recent tweets ================================================== */ .widget .tp_recent_tweets { margin-bottom: 10px; } .widget .tp_recent_tweets li .twitter_time { position: relative; padding: 0 0 0 20px; } .widget .tp_recent_tweets li { padding: 15px 0 0 0; background-image: none; } .tp_recent_tweets li, .tp_recent_tweets li * { line-height: inherit; } .widget .tp_recent_tweets li:first-child { margin-top: 0; padding-top: 0; border: none !important; } .widget .tp_recent_tweets li .twitter_time:before { position: absolute; display: block; top: 2px; left: 0; width: 15px; height: 15px; content: ""; background-position: 0 0; background-repeat: no-repeat; } .widget .tp_recent_tweets li:first-child:before { top: 5px; } .tp_recent_tweets li a { font-weight: normal; text-decoration: none; } .widget .tp_recent_tweets .twitter_time { font-style: normal; } .widget .tp_recent_tweets .twitter_time:hover { text-decoration: underline; } /* #Search ================================================== */ .widget .searchform, .content .searchform { position: relative; } .widget_search form { margin: 5px 0 15px 0; } .widget_search input[type="text"] { width: 100%; margin: 0; } .widget .searchform input, .content .searchform input { padding-right: 30px; } .widget .searchsubmit, .widget .searchform .submit, .content .searchform .submit { position: absolute; top: 12px; right: 12px; width: 16px; height: 16px; padding: 0; background-position: 0 0; background-repeat: no-repeat; } /* #Skills ================================================== */ .skills { padding-bottom: 5px; } .skills.hide-percent .skill-value > span { display: none !important; } html:not(.mobile-true) .skill-value { -webkit-transition: width 1200ms ease; transition: width 1200ms ease; } .skill-name { margin-bottom: 5px; } .skill-name span { margin-left: 5px; } .skill { margin-bottom: 15px; height: 7px; } .skill-value { position: relative; width: 0%; height: 100%; } .skill-value:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; background-size: 40px 40px; } html:not(.mobile-true) .skill-value { -moz-transition-delay: 300ms; -ms-transition-delay: 300ms; -o-transition-delay: 300ms; -webkit-transition-delay: 300ms; } .skill-value span { position: absolute; top: -26px; right: -16px; margin-right: 4px; padding: 2px 6px 3px; background-color: rgba(0, 0, 0, 0.8); color: #fff; font-size: 10px; font-family: Tahoma, san-serif; line-height: 14px; } .skill-value span:after { position: absolute; left: 50%; bottom: -5px; margin-left: -5px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid rgba(0, 0, 0, 0.8); content: ""; } /* #Testimonials ================================================== */ .testimonials { padding-bottom: 10px; } .widget .rsContW { padding-top: 5px; } .widget .rsContW.testimonials { padding-top: 0; } .sidebar .widget .rsContW, .sidebar-content .widget .rsContW { margin-bottom: 30px; } .footer .widget .rsContW { margin-bottom: 20px; } body.testimonials { padding-bottom: 0px; } .widget .testimonials article { position: relative; padding: 0; } .testimonial-vcard { display: table; margin: 20px 0 0 0; overflow: hidden; } .testimonial-vcard .alignleft { margin: 0 20px 5px 0; font-size: 0; line-height: 0; } .testimonial-vcard .alignleft div { overflow: hidden; } .testimonials.list-view li { position: relative; overflow: hidden; padding: 25px 0 0 0; } .testimonials.list-view li:first-child { margin-top: 0; padding-top: 0; border-top: none !important; } /* #Categories, Meta, Blogroll, Archives, Recent Posts, Recent Comments ========================================================================= */ .widget_categories > ul, .widget_meta > ul, .blogroll > ul, .widget_archive > ul, .widget_recent_entries > ul, .widget_recent_comments > ul, .widget_links > ul, .custom-menu { padding-bottom: 10px; } .widget_categories li, .widget_meta li, .blogroll li, .widget_archive li, .widget_recent_entries li, .widget_recent_comments li, .widget_links li, .custom-menu li { margin: 10px 0 0 0; padding: 0 0 0 0; } .custom-menu li { padding: 9px 0 0 0; } .widget_categories li:first-child, .widget_meta li:first-child, .blogroll li:first-child, .widget_archive > ul > li:first-child, .widget_recent_entries li:first-child, .widget_recent_comments > ul > li:first-child, .custom-menu > li:first-child, .widget_links > ul > li:first-child { margin-top: 0; padding-top: 0; border-top: none !important; } .widget_categories a, .widget_meta a, .blogroll a, .widget_archive a, .widget_recent_entries a, .widget_recent_comments a, .widget_links a { display: inline-block; text-decoration: none; } /* #Accordion ========================================================================= */ .st-accordion { padding-bottom: 10px; } .st-accordion ul { margin: 0; } .st-accordion > ul > li { overflow: hidden; /*height: 20px;*/ margin: 0; padding: 9px 0 0 0; list-style: none; } .st-accordion > ul > li:first-child .st-content { display: block; } .st-accordion > ul > li:first-child { padding-top: 0; margin-top: 0; border: none; } .st-accordion li > a { display: inline-block; position: relative; padding-left: 25px; outline: none; } .st-accordion li > a:before, .st-accordion li > a:after { position: absolute; top: 50%; left: 0; margin-top: -7px; width: 14px; height: 14px; content: ""; } .st-accordion li > a:after { background-position: center center; background-repeat: no-repeat; } .st-content { display: none; padding: 10px 0 5px 0; } .st-content p { margin-bottom: 0; } .st-accordion li > a:hover { text-decoration: none; } /* #Photos ========================================================================= */ .widget .instagram-photos { overflow: hidden; margin-bottom: 15px; padding-top: 5px; } .instagram-photos a { position: relative; float: left; max-width: 115px; border-right: 2px solid transparent; border-bottom: 2px solid transparent; line-height: 0; opacity: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .widget .instagram-photos a { max-width: 77px; } .instagram-photos img { max-width: 100%; width: 100%; height: auto; } .instagram-photos a i { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; } .no-touch .instagram-photos a:hover i { opacity: 1; } /*text widget*/ .textwidget { margin-bottom: 10px; } /* #Beautiful loading ================================================== */ html:not(.mobile-true) #main .benefits-grid-ico.animate-element img, html:not(.mobile-true) #main .animate-element img, html:not(.mobile-true) #main .wpb_revslider_element img, html:not(.mobile-true) .pp_content img, html:not(.mobile-true) #page .widget_shopping_cart_content img, html:not(.mobile-true) #page .grav-grav img, html:not(.mobile-true) #page .comment-gravatar img, html:not(.mobile-true) #shWrap img, html:not(.mobile-true) #page .royalSlider img { opacity: 1; } html:not(.mobile-true) #main .benefits-grid-ico.animate-element img, html:not(.mobile-true) #main .wpb_revslider_element img, html:not(.mobile-true) .pp_content img, html:not(.mobile-true) #page .widget_shopping_cart_content img, html:not(.mobile-true) #page .grav-grav img, html:not(.mobile-true) #page .comment-gravatar img, html:not(.mobile-true) #shWrap img, html:not(.mobile-true) #page .royalSlider img { -webkit-transition: none; transition: none; } /* #Basic typography ================================================== */ body.responsive-off { min-width: 998px; } /* #Headers ================================================== */ h1, h2, h3, h4, h5, h6 { margin-bottom: 10px; clear: both; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; } p { margin-bottom: 10px; } a { text-decoration: underline; } a:hover { text-decoration: none; } /* #Lists ================================================== */ .content ul, .content ol { margin: 0 0 10px 20px; } .fa-ul li { list-style: none; } .content .widget ul, .content .widget ol { margin: 0 0 0px 0px; } .content ul { list-style: disc outside none; } .content ol { list-style-type: decimal; } /* #Tables ================================================== */ .content table { border-bottom: 1px solid transparent; width: 100%; margin: 0 0 10px 0; } .content table caption { margin: 10px 0; } .content td, .content th { border-top: 1px solid transparent; padding: 5px 10px 5px 5px; } .content th { text-align: left; } /* #Images ================================================== */ img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"], .post img, .post .rollover, .post .rollover-video { max-width: 100%; height: auto; } .items-grid .alignleft img, .recent-posts .alignleft img { max-width: inherit; height: inherit; } blockquote { padding: 20px 25px; margin: 0 0 10px 0; } .format-status-content { border: none; } .alignleft { float: left; margin: 0 30px 10px 0; } #footer .alignleft, #sidebar .alignleft { margin-right: 20px; } .alignright { float: right; margin: 0 0 10px 30px; } #footer .alignright, #sidebar .alignright { margin-left: 20px; } .aligncenter { display: block; margin: 0 auto 10px auto; } .alignnone { float: none; margin: 0 auto 10px auto; } .shortcode-single-image-wrap.alignnone, .shortcode-single-image-wrap.aligncenter { margin-left: auto !important; margin-right: auto !important; } /* #Dividers & gap ================================================== */ .hr-thick, .hr-thin, .gap-10, .gap-20, .gap-30, .gap-40, .vc_empty_space, .gap { clear: both; } .hr-thick { height: 1px; line-height: 1px; border-bottom-style: solid; border-bottom-width: 5px; margin-bottom: 1px; margin: 0 auto; } .hr-thin { height: 9px; line-height: 9px; margin: 0 auto; } .divider-heder, .single .divider-heder, .page .divider-heder { margin: 25px 0 36px 0; } .layout-list .divider-heder, .layout-masonry .divider-heder { margin: 25px 0 36px 0; } .divider-comments { margin: 0 0 35px 0; } .divider-post { margin: 10px 0 20px 0; } .text-centered { text-align: center; } /* Basic typography: end */ /* #Helper styles ================================================== */ a.text-secondary { text-decoration: none; } a.text-secondary:hover { text-decoration: underline; } .assistive-text { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); } .assistive-info { text-align: right; color: #fff; } .wf-clearfix:before { content: ""; display: table; } .wf-clearfix:after { content: ""; display: table; clear: both; } .ancient-ie .wf-clearfix { zoom: 1; } .wf-container:before, #main-nav:before, #top-bar:before, .header-bottom-bar:before, .layout-list .post:before { content: ""; display: table; } .wf-container:after, #main-nav:after, #top-bar:after, .header-bottom-bar:after, .layout-list .post:after { content: ""; display: table; clear: both; } .ancient-ie .wf-container, .ancient-ie #main-nav, .ancient-ie #top-bar, .ancient-ie .header-bottom-bar, .ancient-ie .layout-list .post { zoom: 1; } /* Helper styles: end */ /* #Basic blocks layout ================================================== */ #page { position: relative; overflow: hidden; } .footer-overlap #page { background: none; } #page.boxed { max-width: 1320px; margin: 0px auto; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.15); box-shadow: 0 0 12px rgba(0, 0, 0, 0.15); } /* !Main */ .main-gradient { display: none; } #main { padding: 50px 0 50px 0; } /* !-Overlap header */ .not-webkit.overlap #main { position: relative; z-index: 1; } .is-webkit.overlap .main-gradient { display: block; } .is-webkit.overlap #main { -webkit-box-shadow: none; box-shadow: none; } .is-webkit.overlap .main-gradient { position: relative; width: 100%; height: 66px; margin-top: -46px; z-index: 3; } .is-webkit.overlap #main > .wf-wrap { position: relative; top: -16px; } .is-webkit.overlap #main { padding-bottom: 34px; } .is-webkit.overlap #main { -webkit-box-shadow: none; box-shadow: none; } /* Basic blocks layout: end */ /* !Stripes */ .stripe { /*position: relative;*/ width: 100%; padding: 20px 2000px; margin-left: -2000px; overflow: hidden; } .static-height { position: relative; } .stripe-parallax-bg, .fancy-parallax-bg, .page-title-parallax-bg { background-attachment: fixed !important; background-position-x: 50%; } .no-touch .stripe-parallax-bg, .no-touch .fancy-parallax-bg, .no-touch .page-title-parallax-bg { opacity: 0; } /* !- Stripe style 4 */ /* It's important to keep this value in quotes */ /*@strype-4-secondary-color: @accent-bg-color;*/ /* color of arrows and dividers */ /* color of backgrounds for meta information, blockquotes, etc. */ /* variable color and opacity */ /* alternative variable color for ie */ /* Constant */ /* Stripe style 4: end */ /* !- Stripe style 5 */ /* It's important to keep this value in quotes */ /*@strype-5-secondary-color: @accent-bg-color;*/ /* color of arrows and dividers */ /* color of backgrounds for meta information, blockquotes, etc. */ /* variable color and opacity */ /* alternative variable color for ie */ /* Constant */ /* Stripe style 5: end */ .stripe-style-4 { background-color: #2e3031; background-repeat: ; background-attachment: fixed; background-position: center top; background-size: cover; } .stripe-style-4 *, .stripe-style-4 a { color: #ffffff; } .stripe-style-4 .gw-go * { color: inherit; } .stripe-style-5 { background-color: #ffffff; background-repeat: ; background-attachment: fixed; background-position: center top; background-size: cover; } .stripe-style-5 *, .stripe-style-5 a { color: #333333; } /*!-Video background*/ embed, iframe, object, video { max-width: 100%; } .stripe.stripe-video-bg { position: relative; } .stripe.stripe-video-bg .wf-container { position: relative; } .stripe.stripe-video-bg > video { position: absolute; top: 0; left: 0; width: auto; height: auto; min-width: 100%; min-height: 100%; } .no-mobile .stripe.stripe-video-bg > video { display: block; } .stripe.stripe-video-bg > video { display: none; } /*Video background:end*/ /*!-Parallax background for device*/ .mobile-true .stripe, .mobile-true .fancy-parallax-bg, .mobile-true .page-title-parallax-bg { background-attachment: scroll !important; background-size: auto !important; } .mobile-true .stripe-parallax-bg { background-size: auto !important; } /*Stripe background for device:end*/ /*!-Row settings->Full-width content*/ .full-width-wrap { display: block; opacity: 0; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; } .is-iphone .full-width-wrap { opacity: 1; } .full-width-wrap > .wf-cell, .full-width-wrap > .wpb_column, .content .vc_row.full-width-wrap > .wpb_column, .full-width-wrap > .wpb_column > .vc_column-inner { padding-left: 0; padding-right: 0; } /*!-WP Audio*/ .mejs-controls .mejs-play:hover button { background-position: 0 0; } .mejs-controls .mejs-pause button, .mejs-controls .mejs-pause:hover button { background-position: 0 -16px; } .mejs-controls button { -webkit-box-shadow: none; box-shadow: none; } .mejs-controls .mejs-mute button:hover { background-position: -16px -16px; } .mejs-controls .mejs-unmute button:hover { background-position: -16px 0; } /*WP Audio:end*/ /* #Basic forms style ================================================== */ input[type="text"], input[type="tel"], input[type="url"], input[type="email"], input[type="number"], input[type="date"], input[type="range"], input[type="password"], select, textarea { padding: 7px 15px 7px 15px; color: #b8bcbe; border: 1px solid #e0e1e1; background-color: #fbfcfc; -webkit-box-sizing: border-box; box-sizing: border-box; } .contact-form-minimal input[type="text"], .contact-form-minimal input[type="tel"], .contact-form-minimal input[type="url"], .contact-form-minimal input[type="email"], .contact-form-minimal input[type="number"], .contact-form-minimal input[type="date"], .contact-form-minimal input[type="range"], .contact-form-minimal input[type="password"], .contact-form-minimal select, .contact-form-minimal textarea { margin-bottom: 10px; } .stripe input[type="text"], .stripe input[type="tel"], .stripe input[type="url"], .stripe input[type="email"], .stripe input[type="number"], .stripe input[type="date"], .stripe input[type="range"], .stripe input[type="password"], .stripe select, .stripe textarea { color: #b8bcbe; } @media all and (-ms-high-contrast: none) { .dt-form textarea { min-height: 100px; } } .comment-form .form-fields > span { -webkit-box-sizing: border-box; box-sizing: border-box; } .form-fields input, .login-username input, .login-password input { width: 100%; } .form-message { display: block; margin-bottom: 10px; } input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="date"]:focus, input[type="range"]:focus, input[type="password"]:focus, textarea:focus { color: #7b8083 !important; } input[type="text"], input[type="tel"], input[type="url"], input[type="email"], input[type="number"], input[type="date"], input[type="range"], input[type="password"], textarea { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; } input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKit browsers */ color: #b8bcbe; } input[type="text"]:-moz-placeholder, input[type="password"]:-moz-placeholder, textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #b8bcbe; } input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #b8bcbe; } input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, textarea:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #b8bcbe; } input[type="text"]:input-placeholder, input[type="password"]:input-placeholder, textarea:input-placeholder { color: #b8bcbe; } .form-fields > span { position: relative; display: block; } /*WHEN GENERAL->APPEARANCE->IOS 7 STYLE*/ .contact-form-ios .form-fields { margin-bottom: 10px; max-width: 100%; border: 1px solid #eaeaea; clear: both; } .contact-form-ios #comments .form-fields { max-width: 270px; } .contact-form-ios #comments .form-fields input { max-width: 270px; } .contact-form-ios .form-fields input { margin: 0; border: none; border-top: 1px solid #eaeaea; background-color: #fbfcfc; } .contact-form-ios .form-fields span:first-child input { border-top: none; } .contact-form-ios textarea, .contact-form-ios .searchform input[type="text"] { background-color: #fbfcfc; border: 1px solid #eaeaea; } .contact-form-ios .contact-form textarea { margin-top: 10px; } /*WHEN GENERAL->APPEARANCE ->Contact form->Minimal form*/ .contact-form-minimal .comment-form .form-fields > span { float: left; width: 33.333%; padding-right: 10px; } /*WHEN GENERAL->APPEARANCE->Contact form->Material design*/ .contact-form-material .dt-form .form-fields { border-top: 1px solid #e6e6e6; } .contact-form-material .comment-form .form-fields, .contact-form-material .comment-form-author, .contact-form-material .comment-form-email, .contact-form-material .comment-form-author input, .contact-form-material .comment-form-email input { margin: 0; } .contact-form-material input[type="text"], .contact-form-material input[type="tel"], .contact-form-material input[type="url"], .contact-form-material input[type="email"], .contact-form-material input[type="number"], .contact-form-material input[type="date"], .contact-form-material input[type="range"], .contact-form-material input[type="password"], .contact-form-material select, .contact-form-material textarea { background-color: #fff; border-color: #e6e6e6; } .contact-form-material .form-fields > span, .contact-form-material .form-message, .contact-form-material .comment-form-comment, .contact-form-material .comment-form-author, .contact-form-material .comment-form-email { position: relative; display: block; padding-top: 6px; border: 1px solid #e6e6e6; border-top: none; background-color: #fff; -webkit-box-sizing: content-box; box-sizing: content-box; } .contact-form-material .form-fields > span:after, .contact-form-material .form-message:after, .contact-form-material .comment-form-comment:after, .contact-form-material .comment-form-author:after, .contact-form-material .comment-form-email:after { position: absolute; z-index: 9; left: 0; bottom: -1px; width: 100%; height: 2px; content: ""; opacity: 0; -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } .contact-form-material .form-fields > span.active:after, .contact-form-material .form-message.active:after, .contact-form-material .comment-form-comment.active:after, .contact-form-material .comment-form-author.active:after, .contact-form-material .comment-form-email.active:after { opacity: 1; } .contact-form-material .comment-form .form-fields > span, .contact-form-material .comment-form .form-message, .contact-form-material .comment-form .comment-form-comment, .contact-form-material .comment-form .comment-form-author, .contact-form-material .comment-form .comment-form-email { border: 1px solid #e6e6e6; border-bottom: none; } .contact-form-material .comment-form .comment-form-comment { border-bottom: 1px solid #e6e6e6; } .contact-form-material .form-fields > span { height: 39px; } .contact-form-material .form-message, .contact-form-material .comment-form-comment { margin-bottom: 20px; } .contact-form-material .form-fields > span .assistive-text, .contact-form-material .form-message .assistive-text, .contact-form-material .comment-form-comment .assistive-text, .contact-form-material .comment-form-comment label, .contact-form-material .comment-form-author label, .contact-form-material .comment-form-email label { position: absolute; top: 12px; left: 17px; -webkit-transition: 0.2s ease-out; transition: 0.2s ease-out; clip: auto; color: #d0d0d0; } .contact-form-material #page .is-focused .assistive-text, .contact-form-material #page .is-focused label { font-size: 0.7rem; -webkit-transform: translateY(-60%); transform: translateY(-60%); } .contact-form-material .form-fields input, .contact-form-material .dt-form textarea, .contact-form-material .comment-form textarea, .contact-form-material .comment-form-comment textarea, .contact-form-material .comment-form-author input, .contact-form-material .comment-form-email input { position: relative; margin-bottom: 0; padding: 10px 17px 5px; border: none; background-color: transparent; color: #353535; text-indent: -9999px; font-size: 0; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; border-radius: 0; } .contact-form-material .form-fields input:focus, .contact-form-material .dt-form textarea:focus, .contact-form-material .comment-form textarea:focus, .contact-form-material .comment-form-comment textarea:focus, .contact-form-material .comment-form-author input:focus, .contact-form-material .comment-form-email input:focus { color: #353535 !important; } .contact-form-material #page #tab-reviews .comment-form-email { margin-bottom: 10px; border-bottom: 1px solid #e6e6e6; } .contact-form-material .form-message textarea:last-child { margin-bottom: 0 !important; } .contact-form-material .form-fields span.is-focused input, .contact-form-material .is-focused textarea, .contact-form-material .comment-form-author.is-focused input, .contact-form-material .comment-form-email.is-focused input { outline: none; text-indent: inherit; } .contact-form-material .formError.inline { top: -20px !important; } .form-allowed-tags { margin-bottom: 20px; } .clear-form { position: relative; float: right; padding: 0 18px 0 0; } .clear-form:before { display: block; position: absolute; top: 50%; right: 0; margin-top: -6.5px; width: 13px; height: 13px; line-height: 13px; content: ""; -webkit-border-radius: 50%; border-radius: 50%; background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='13px' height='13px' viewBox='0 0 13 13' enable-background='new 0 0 13 13' fill='white' xml:space='preserve'%3E%3Cpolygon points='3.534,8.557 4.429,9.45 9.467,4.412 8.604,3.55 '/%3E%3Cpolygon points='9.467,8.557 8.57,9.45 3.534,4.412 4.396,3.55 '/%3E%3C/svg%3E"); } /*Contact form 7*/ .stripe .wpcf7-form-control-wrap, .stripe .wpcf7-form-control-wrap * { color: #b8bcbe; } .wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form input[type="tel"], .wpcf7-form input[type="url"], .wpcf7-form input[type="number"], .wpcf7-form input[type="range"], .wpcf7-form input[type="date"], .wpcf7-form textarea { width: 100%; } /*Gravity Forms*/ .gform_fields li { list-style: none; } .gform_wrapper .gform_body input[type="text"], .gform_wrapper .gform_body input[type="url"], .gform_wrapper .gform_body input[type="email"], .gform_wrapper .gform_body input[type="tel"], .gform_wrapper .gform_body input[type="number"], .gform_wrapper .gform_body input[type="password"] { padding: 9px 10px 8px; font-size: 100%; } .gform_wrapper .gform_body select, .gform_wrapper.gf_browser_chrome .gform_body .ginput_complex select, .gform_wrapper.gf_browser_chrome .gform_body .ginput_complex .ginput_right select, .mc4wp-form form select { padding: 6px 10px 5px; font-size: 100%; } #main .gform_wrapper .ginput_left input:focus + label, #main .gform_wrapper .ginput_right input:focus + label, #main .gform_wrapper .ginput_full input:focus + label { font-weight: normal; } /* #Buttons ================================================== */ .dt-form button, input[type="button"], input[type="reset"], input[type="submit"], .dt-btn, a.button, button.button, #main-slideshow .tp-button, #main .gform_wrapper .gform_footer input.button, #main .gform_wrapper .gform_footer input[type="submit"], .nsu-submit, form.mc4wp-form input[type="submit"], div.mc4wp-form button[type="submit"] { position: relative; display: inline-block; border: none; text-decoration: none; white-space: nowrap; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .dt-form button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .dt-btn:hover, a.button:hover, button.button:hover, #main-slideshow .tp-button:hover, #main .gform_wrapper .gform_footer input.button:hover, #main .gform_wrapper .gform_footer input[type="submit"]:hover, .nsu-submit:hover, form.mc4wp-form input[type="submit"]:hover, div.mc4wp-form button[type="submit"]:hover { text-decoration: none; } .full-width-btn.dt-btn { display: block; text-align: center; } #page .btn-margin, #page .btn-margin:last-child, #page .contact-form .dt-btn { margin-right: 10px; } #page .btn-margin-left, #page .btn-margin-left:last-child { margin-left: 10px; } #page .dt-btn, #page .dt-btn:last-child, #page .contact-form .dt-btn { margin-bottom: 10px; } input[type="button"], input[type="reset"], input[type="submit"], button.button, input.button { border: none; } #page .btn-link { padding: 0; } .btn-link { display: inline-block; /* margin-right: 10px;*/ text-decoration: none; white-space: nowrap; } /*Font icons for button*/ .dt-btn .fa, .btn-link .fa, .dt-btn .fa *, .btn-link .fa * { color: inherit; } .dt-btn-s .fa, .dt-btn-m .fa { margin-right: 8px; } .dt-btn-l .fa { margin-right: 9px; } .dt-btn-s.ico-right-side .fa, .dt-btn-m.ico-right-side .fa { margin-right: 0px; margin-left: 8px; } .dt-btn-l.ico-right-side .fa { margin-right: 0px; margin-left: 9px; } /* # 3D, IOS, Flat Buttons ================================================== */ .btn-3d .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn), .btn-3d button.button, .btn-3d a.button, .btn-3d .dt-form button, .btn-3d .widget .dt-form .dt-btn, .btn-3d input[type="button"], .btn-3d input[type="reset"], .btn-3d input[type="submit"], .btn-3d .nsu-submit { top: 0; border-bottom: 2px solid; -webkit-transition: none; transition: none; } .btn-3d .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):hover, .btn-3d button.button:hover, .btn-3d a.button:hover, .btn-3d .dt-form button:hover, .btn-3d .widget .dt-form .dt-btn:hover, .btn-3d input[type="button"]:hover, .btn-3d input[type="reset"]:hover, .btn-3d input[type="submit"]:hover, .btn-3d .nsu-submit:hover { top: 1px; border-bottom: 1px solid; } .btn-3d .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):active, .btn-3d button.button:active, .btn-3d a.button:active, .btn-3d .dt-form button:active, .btn-3d .widget .dt-form .dt-btn:active, .btn-3d input[type="button"]:active, .btn-3d input[type="reset"]:active, .btn-3d input[type="submit"]:active, .btn-3d .nsu-submit:active { top: 2px; border-bottom: none; } .btn-ios .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):after, .btn-ios button.button:after, .btn-ios a.button:after, .btn-ios .dt-form button:after, .btn-ios .widget .dt-form .dt-btn:after, .btn-ios input[type="button"]:after, .btn-ios input[type="reset"]:after, .btn-ios input[type="submit"]:after, .btn-ios .nsu-submit:after, .btn-flat .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):after, .btn-flat button.button:after, .btn-flat a.button:after, .btn-flat .dt-form button:after, .btn-flat .widget .dt-form .dt-btn:after, .btn-flat input[type="button"]:after, .btn-flat input[type="reset"]:after, .btn-flat input[type="submit"]:after, .btn-flat .nsu-submit:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; -webkit-border-radius: inherit; border-radius: inherit; } .btn-ios .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn), .btn-ios button.button, .btn-ios a.button, .btn-ios .dt-form button, .btn-ios .widget .dt-form .dt-btn, .btn-ios input[type="button"], .btn-ios input[type="reset"], .btn-ios input[type="submit"], .btn-ios .nsu-submit { -webkit-box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.2); box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.2); } .btn-ios .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):after, .btn-ios button.button:after, .btn-ios a.button:after, .btn-ios .dt-form button:after, .btn-ios .widget .dt-form .dt-btn:after, .btn-ios input[type="button"]:after, .btn-ios input[type="reset"]:after, .btn-ios input[type="submit"]:after, .btn-ios .nsu-submit:after { background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.14) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.1) 100%); /* W3C */ } .btn-ios .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):hover:after, .btn-ios button.button:hover:after, .btn-ios a.button:hover:after, .btn-ios .dt-form button:hover:after, .btn-ios .widget .dt-form .dt-btn:hover:after, .btn-ios input[type="button"]:hover:after, .btn-ios input[type="reset"]:hover:after, .btn-ios input[type="submit"]:hover:after, .btn-ios .nsu-submit:hover:after { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(255, 255, 255, 0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 100%); /* W3C */ } .btn-flat .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):active:after, .btn-flat button.button:active:after, .btn-flat a.button:active:after, .btn-flat .dt-form button:active:after, .btn-flat .widget .dt-form .dt-btn:active:after, .btn-flat input[type="button"]:active:after, .btn-flat input[type="reset"]:active:after, .btn-flat input[type="submit"]:active:after, .btn-flat .nsu-submit:active:after { background-color: rgba(0, 0, 0, 0.2); } /*! rewrite area !!*/ .btn-3d #page .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):hover, .btn-3d #page .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):last-child:hover { margin-bottom: 11px; } .btn-3d a.button:hover, .btn-3d button.button:hover, .btn-3d input[type="button"]:hover, .btn-3d input[type="reset"]:hover, .btn-3d input[type="submit"]:hover { margin-bottom: 1px; } .btn-3d #page .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):active, .btn-3d #page .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):last-child:active { margin-bottom: 12px; } .btn-3d .dt-btn.btn-light:hover, .btn-3d .dt-btn.btn-light:active { top: 0; margin-bottom: 0; } /* # Light Buttons ================================================== */ .btn-light, .light-bg-btn, .btn-link, .outline-btn { webkit-transition: background 0.2s ease-out, color 0.2s ease-out, border-color 0.2s ease-out; transition: background 0.2s ease-out, color 0.2s ease-out, border-color 0.2s ease-out; } .outline-bg-btn { webkit-transition: background 0.2s ease-out, color 0.2s ease-out, border-color 0.2s ease-out; transition: all 0.2s ease-out; } .btn-3d .dt-btn.btn-light:before, .btn-3d .dt-btn.btn-light:after, #page .btn-light:after { display: none; } /* # Material Buttons ================================================== */ .rippleAnimate { background: rgba(255, 255, 255, 0.25); } .btn-light .rippleAnimate, .light-hover-bg.icons-bg .rippleAnimate { background: rgba(0, 0, 0, 0.1); } .ripple > span:first-child { display: block; } /* #Outline & Outline with background on hover ================================================== */ .outline-bg-btn, .outline-btn { border: 2px solid; } /*Custom colors*/ .custom-btn-color > *, .stripe .custom-btn-color > * { color: inherit !important; } .dt-btn.custom-btn-hover-color:hover > span:not(.rippleWrap), .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn).custom-btn-hover-color:hover > span:not(.rippleWrap), .btn-link.custom-btn-hover-color:hover > span:not(.rippleWrap), .dt-btn.custom-btn-hover-color:hover > .text-wrap *, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn).custom-btn-hover-color:hover > .text-wrap *, .btn-link.custom-btn-hover-color:hover > .text-wrap *, .dt-btn.custom-btn-hover-color:hover > .fa, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn).custom-btn-hover-color:hover > .fa, .btn-link.custom-btn-hover-color:hover > .fa { background: none !important; color: inherit !important; -webkit-text-fill-color: inherit !important; } .outline-element-decoration .btn-light:hover { box-shadow: none; } /*Material buttons*/ .btn-material .dt-btn { transform: translateZ(0); } /* #Benefits ================================================== */ #page .benefits-grid { margin-bottom: -40px; } #page .benefits-style-one.benefits-grid, #page .benefits-style-two.benefits-grid { margin-bottom: -30px; } .benefits-grid .wf-cell { margin-bottom: 40px; text-align: center; } .benefits-grid br, .benefits-grid > .wf-cell { display: none; } .benefits-style-one.benefits-grid .wf-cell, .benefits-style-two.benefits-grid .wf-cell { margin-bottom: 30px; text-align: left; } .benefits-style-one.benefits-grid.static-line .wf-cell, .benefits-style-one.benefits-grid.hover-line .wf-cell, .benefits-style-two.benefits-grid.static-line .wf-cell, .benefits-style-two.benefits-grid.hover-line .wf-cell { margin-bottom: 40px; } .benefits-style-one .wf-table, .benefits-style-two .wf-table { width: auto; } .benefits-style-two.benefits-grid .wf-td { vertical-align: top; } .benefits-style-one.benefits-grid .wf-td { padding-bottom: 0px; } .benefits-inner { margin-top: -5px; } .benefit-line-decoration, .benefits-style-one .wf-cell > div, .benefits-style-two .benefits-inner { position: relative; } .hover-line .benefit-line-decoration, .static-line .benefit-line-decoration { padding-bottom: 10px; margin-bottom: 20px; } .hover-line.benefits-style-one .wf-cell > div, .static-line.benefits-style-one .wf-cell > div, .hover-line.benefits-style-two .benefits-inner, .static-line.benefits-style-two .benefits-inner { padding-bottom: 25px; } .hover-line .benefit-line-decoration:after, .static-line .benefit-line-decoration:after, .hover-line.benefits-style-one .wf-cell > div:after, .hover-line.benefits-style-two .benefits-inner:after, .static-line.benefits-style-one .wf-cell > div:after, .static-line.benefits-style-two .benefits-inner:after { position: absolute; left: 50%; bottom: 0; margin-left: -25px; width: 50px; height: 2px; content: ""; } .hover-line.benefits-style-one .wf-cell > div:after, .hover-line.benefits-style-two .benefits-inner:after, .static-line.benefits-style-one .wf-cell > div:after, .static-line.benefits-style-two .benefits-inner:after { left: 0; margin-left: 0; } .benefits-grid p, .benefits-grid ul, .benefits-grid ol { margin-bottom: 0; } .benefit-title a { display: inline-block; } /*benefits icon*/ .benefits-grid-ico { display: block; margin: 0 auto 10px auto; } .icons-bg .benefits-grid-ico { margin: 0 auto 20px auto; } .benefits-style-one.benefits-grid .benefits-grid-ico { margin: 0 12px 10px 0; } .benefits-style-two.benefits-grid .benefits-grid-ico { margin: 5px 22px 0 0; } .benefits-style-one.benefits-grid.icons-bg .benefits-grid-ico, .benefits-style-two.benefits-grid.icons-bg .benefits-grid-ico { text-align: center; } a.benefits-grid-ico { -webkit-transition: background-color 250ms ease; transition: background-color 250ms ease; } a.benefits-grid-ico > .fa, a.benefits-grid-ico > .fa:before { -webkit-transition: color 250ms ease; transition: color 250ms ease; } /*benefits image*/ .content .benefits-grid-ico > img { max-width: 100%; height: auto; vertical-align: middle; line-height: 0; } /* #Banner ========================================================================= */ .shortcode-banner { position: relative; overflow: hidden; background-position: center; line-height: 0; opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-background-size: cover; background-size: cover; } .shortcode-banner-inside, .shortcode-banner { -webkit-box-sizing: border-box; box-sizing: border-box; } .wf-table .shortcode-banner-inside { display: table-cell; vertical-align: middle; } .stripe .shortcode-banner-inside *, .content .shortcode-banner-inside * { color: inherit; } .shortcode-banner-link:hover .shortcode-banner-bg { opacity: 0.9; filter: alpha(opacity=90); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; cursor: pointer; } .shortcode-banner img { width: 100%; height: auto; } .shortcode-banner-bg { height: 100%; background-clip: padding-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .shortcode-banner-inside { overflow: hidden; width: 100%; height: 100%; padding: 15px 20px; background-clip: padding-box; } /* #blockquote ================================================== */ blockquote { -webkit-box-sizing: border-box; box-sizing: border-box; } .shortcode-blockquote { position: relative; overflow: hidden; padding: 20px 25px; font-style: normal; } blockquote.shortcode-blockquote { background-color: transparent; border: 1px solid; } blockquote.shortcode-blockquote.block-style-widget { border: none; } .shortcode-blockquote.block-style-widget:before { position: absolute; right: 0; bottom: 0; width: 117px; height: 81px; background-repeat: no-repeat; background-position: right bottom; background-size: 117px 81px; content: ""; } .block-style-widget { border: none; } .shortcode-blockquote p { margin-bottom: 0; } /* !- pullquote */ .shortcode-pullquote { position: relative; background-color: transparent !important; } .shortcode-pullquote.align-left, #page .shortcode-pullquote.align-left { float: left; margin: 15px 30px 10px 0; padding: 5px 20px 5px 0; } .shortcode-pullquote.align-right, #page .shortcode-pullquote.align-right { float: right; margin: 15px 0 10px 30px; padding: 5px 0 5px 20px; } .shortcode-pullquote:after { position: absolute; top: 0; left: 0; width: 5px; height: 100%; content: ""; } .shortcode-pullquote.align-left:after { left: auto; right: 0; } /* #Call to actions ================================================== */ .shortcode-action-box, .shortcode-action-bg.no-line { word-wrap: break-word; } .plain-bg { border-style: solid; border-width: 1px; } .shortcode-action-bg.no-line:before { display: none; background-color: transparent; } .shortcode-action-box.box-style-table { display: table; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .box-style-table .shortcode-action-container { display: table; } .box-style-table .shortcode-action-container { display: table-cell; vertical-align: middle; } .shortcode-action-bg { position: relative; padding: 20px 25px 10px 30px; } .block-style-widget.shortcode-action-bg { border: none; } .shortcode-action-bg.no-line { padding-left: 25px; } #page .shortcode-action-bg:before { position: absolute; left: 0; top: 0; width: 5px; height: 100%; content: ""; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; } .action-button { margin-bottom: 20px; } .box-style-table .action-button { padding-top: 0; padding-left: 40px; margin-bottom: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .box-style-table .action-button .dt-btn { float: right; margin-right: 0; margin-bottom: 10px; } /* #Fancy media ========================================================================= */ .shortcode-single-image-wrap { margin-bottom: 20px; max-width: 100%; } .shortcode-single-image { position: relative; overflow: hidden; line-height: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .shortcode-single-video .fancy-media-wrap, .shortcode-single-video .shortcode-teaser-video, .post-video, .shortcode-video { position: relative; display: block; overflow: hidden; padding-top: 30px; height: 0; padding-bottom: 56.25%; } .shortcode-single-video iframe, .shortcode-single-video object, .shortcode-single-video embed, .post-video iframe, .post-video object, .post-video embed, .shortcode-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .shortcode-single-image img { width: 100%; height: auto; } .borderframe .shortcode-single-image { border: 1px solid; } .borderframe.br-standard .shortcode-single-image { border: none; } .content .borderframe.caption-on .shortcode-single-image { border-bottom: none; } #main .borderframe.caption-on .shortcode-single-image { padding-bottom: 0 !important; } .shortcode-single-caption { width: 100%; height: auto; padding: 15px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; } .br-standard.borderframe .shortcode-single-caption { border: none; } .shortcode-single-caption { border: 1px solid; border-top: none; } .shortcode-single-caption p { margin-bottom: 0; } /* #List ================================================== */ .standard-arrow, .content .standard-arrow, .content .standard-number-list, .content .image-arrow { margin: 0 0 15px 0; } .content .standard-arrow ul, .content .standard-number-list ul, .content .image-arrow ul { margin: 0; } .standard-arrow li, .standard-number-list li { position: relative; padding-left: 24px; margin-bottom: 10px; list-style: none; } .standard-arrow li:before, .standard-arrow li:after { position: absolute; top: 50%; left: 0; margin-top: -7px; width: 13px; height: 13px; content: ""; background-position: 0 center; background-repeat: no-repeat; background-size: 13px 13px; } .standard-number-list li:before, .standard-number-list.list-divider li:first-child:before, .standard-arrow li:before { -webkit-border-radius: 50%; border-radius: 50%; } .standard-arrow.bullet-top li:after { top: 0; margin-top: 0; height: 13px; } .standard-arrow.bullet-top li:after, .standard-arrow.list-divider.bullet-top li:first-child:after, .standard-arrow.list-divider.bullet-top li:after { background-position: 0 center; } .list-divider li { padding-top: 9px; padding-bottom: 10px; margin-bottom: 0; border-top: 1px solid; background-position: 0 13px; } .image-arrow .fa-ul li { padding-left: 2.14286em; } .image-arrow .fa-ul li .fa-li { left: 0; line-height: inherit; } .list-divider.image-arrow .fa-ul li .fa-li { padding: 9px 0 10px; } .list-divider.image-arrow .fa-ul li:first-child .fa-li { padding-top: 0; } .list-divider li p { margin-bottom: 0; } .list-divider li:first-child { padding-top: 0; margin-bottom: 0; border: none !important; background-position: 0 4px; } .standard-number-list { counter-reset: my-badass-counter; } .standard-number-list li { position: relative; padding-left: 30px; } .standard-number-list.list-divider li:first-child { padding-top: 0; } .standard-number-list.list-divider li { padding-top: 9px; } .standard-number-list li:before { position: absolute; text-align: center; top: 50%; left: 0; width: 20px; height: 20px; margin-top: -10px; color: #fff; background-color: red; content: counter(my-badass-counter, decimal); counter-increment: my-badass-counter; font-family: Arial, Verdana, sans-serif; font-size: 11px; line-height: 20px; } .standard-number-list.list-divider li:first-child { padding-top: 0; } .standard-number-list.list-divider li:first-child:before { top: 10px; } .standard-number-list.bullet-top li:before, .standard-number-list.bullet-top li:first-child:before { top: 0px; margin-top: 0; } .standard-number-list.list-divider.bullet-top li:before, .standard-number-list.list-divider.bullet-top li:first-child:before { top: 10px; margin-top: 0; } .standard-number-list.list-divider.bullet-top li:first-child:before { top: 5px; } .image-arrow li { overflow: hidden; width: 100%; margin-bottom: 10px; list-style: none; } .image-arrow.list-divider li { margin-bottom: 0; } .image-arrow li .wf-table { width: auto; } .image-arrow li .wf-table div { display: table-cell; vertical-align: middle; } .image-arrow li .list-img { margin: 0 10px 0px 0; } .font-arrow ul { list-style: none; } .font-arrow .fa { font-size: 14px; margin-right: 10px; } /* #Team ========================================================================= */ .content .slider-content .team-container { margin-bottom: 0px; } .bg-on.team-container:not(.fullwidth-img) { -webkit-border-radius: 0; border-radius: 0; } .team-items .rsOverflow { padding-bottom: 13px; } .team-container img { width: 100%; height: auto; } .widget .team-container { padding: 0; text-align: center; } .widget .team-media a.rollover { display: inline-block; } .widget .team-container img { max-width: 81px; -webkit-border-radius: 50%; border-radius: 50%; } .team-desc { padding: 20px 0px 0px; text-align: center; } .bg-on .team-desc { padding: 15px 25px 10px; } #sidebar .team-desc, #footer .team-desc { padding: 8px 0 7px; } .team-container .soc-ico { padding-top: 5px; margin-bottom: 18px; font-size: 0; line-height: 0; } .team-container.bg-on .soc-ico { margin-bottom: 13px; } #sidebar .team-container .soc-ico, #footer .team-container .soc-ico, .sidebar-content .team-container .soc-ico { margin-bottom: 0px; } .team-container .soc-ico a { display: inline-block; float: none; } .content .team-items ul { margin: 0; } .round-images .team-container { text-align: center; } .team-author-name { margin-bottom: 5px; } .team-media { line-height: 0; } /* #Teasers ========================================================================= */ .frame-on { padding-top: 25px; border: 1px solid; } .frame-on.img-full { padding-top: 0px; } .content .frame-on.frame-fancy { border: none; } .shortcode-teaser.frame-on.img-full { -webkit-border-radius: 0; border-radius: 0; } .shortcode-teaser-img { line-height: 0; padding-bottom: 20px; } .frame-on .shortcode-teaser-img { padding: 0px 25px 25px; } .img-full .shortcode-teaser-img { padding: 0 0 25px; } .shortcode-teaser-img img { width: 100%; height: auto; } .frame-on .shortcode-teaser-content { padding: 0px 25px 10px; } .shortcode-teaser-content { margin-top: -5px; } .text-centered .shortcode-teaser-content { text-align: center; } /* #Testimonials ================================================== */ .testimonial-item { position: relative; padding: 20px 25px 20px; } .layout-list .testimonial-item, .testimonials-list .testimonial-item { margin-bottom: 20px; } /*testimonial slider*/ #page .testimonial-item.testimonial-item-slider { margin-bottom: 32px; } .rsCont .testimonial-item { margin-bottom: 20px; } .testimonial-item ul { margin: 0; padding: 0; } .rsContainer li { list-style: none; text-align: left; } .testimonial-vcard .no-avatar { width: 60px; height: 60px; } .testimonial-vcard img, .testimonial-vcard .alignleft, .testimonial-vcard .rollover i, .testimonial-vcard .alignleft div { -webkit-border-radius: 50%; border-radius: 50%; } .testimonial-vcard a.text-primary:hover { text-decoration: none; } #page .testimonial-vcard .rollover i:after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='44px' height='44px' viewBox='0 0 44 44' enable-background='new 0 0 44 44' xml:space='preserve'%3E%3Cpolygon fill='white' points='28,28.01 16,28.01 16,16.01 19.011,16.01 19.011,14.01 16,14.01 14.011,14.01 14,14.01 14,28.01 14,30.01 16,30.01 30,30.01 30,29.999 30,28.01 30,24.999 28,24.999 '/%3E%3Cpolygon fill='white' points='28,13.99 28,14.01 22.993,14.01 22.993,16.01 26.637,16.01 20.5,22.146 21.863,23.51 28,17.374 28,20.99 30,20.99 30,13.99 '/%3E%3C/svg%3E"); } /* #Tooltip ================================================== */ .shortcode-tooltip { border-bottom: 1px dashed; } .shortcode-tooltip:hover { border: none; cursor: help; } .tooltip-c { display: none; } .shortcode-tooltip-content { position: absolute; left: -9999px; z-index: 999; display: none; overflow: visible; margin: 5px 0 15px; padding: 13px 20px 17px; min-width: 210px; max-width: 210px; background: rgba(24, 25, 25, 0.95); color: #fff !important; } .tooltip-title.text-big { color: #fff; } .tooltip-title { display: block; margin-bottom: 10px; } /* #Logos ================================================== */ #page .logos-grid { margin-bottom: -40px; } .logos-grid .wf-cell { display: none; margin-bottom: 40px; text-align: center; } .logos-grid .borders { position: relative; font-size: 0; } .logos-grid .borders:before { position: absolute; display: block; bottom: -20px; left: 0; width: 100%; content: ""; } .logos-grid .borders:after { position: absolute; display: block; top: 0; left: -20px; height: 100%; content: ""; } .logos-grid a { display: inline-block; vertical-align: middle; max-width: 100%; line-height: 0; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; } .logos-grid a:hover { opacity: 0.7; } .logos-grid img { max-width: 100%; height: auto; } .logo-items li { text-align: center; } .logo-items .rsOverflow { padding-bottom: 3px; } .logo-items li a { line-height: 0; font-size: 0; opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; } .logo-items img { max-width: 100%; height: auto; } .logo-items li a:hover { opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } /* #highlighted text ================================================== */ .dt-highlight { padding: 1px 4px; color: #fff; } .dt-highlight.highlight-white { background-color: #fff !important; background-image: none !important; color: #2e2e2f; } .dt-highlight.highlight-red { background-color: #d73b37; background-image: none !important; color: #ffffff; } .dt-highlight.highlight-berry { background-color: #e32a5a !important; background-image: none !important; color: #ffffff; } .dt-highlight.highlight-orange { background-color: #f36c0a !important; background-image: none !important; color: #ffffff; } .dt-highlight.highlight-yellow { background-color: #f2a809 !important; background-image: none !important; color: #ffffff; } .dt-highlight.highlight-pink { background-color: #fd8fb6 !important; background-image: none !important; color: #ffffff; } .dt-highlight.highlight-green { background-color: #8cc63a !important; background-image: none !important; color: #ffffff; } .dt-highlight.highlight-dark-green { background-color: #3ab459 !important; background-image: none !important; color: #ffffff; } .dt-highlight.highlight-blue { background-color: #27cff3 !important; background-image: none !important; color: #ffffff; } .dt-highlight.highlight-dark-blue { background-color: #2985c6 !important; background-image: none !important; color: #ffffff; } .dt-highlight.highlight-violet { background-color: #6946b8 !important; background-image: none !important; color: #ffffff; } .dt-highlight.highlight-black { background-color: #3e3f3f !important; background-image: none !important; color: #ffffff; } .dt-highlight.highlight-gray { background-color: #a5a6a7 !important; background-image: none !important; color: #ffffff; } /* #WP gallery ================================================== */ .dt-format-gallery { overflow: hidden; /*margin-bottom: 25px;*/ max-width: 100%; } .dt-format-gallery.shortcode-gallery { margin-bottom: 0; } .dt-format-gallery.shortcode-gallery a { line-height: 0; } .dt-format-gallery a.big-img, .dt-format-gallery .rollover-video.big-img { border-bottom: none; } .gallery-col-1 > a, .gallery-col-1 .rollover-video { width: 100%; } .gallery-col-2 > a, .gallery-col-2 .rollover-video { width: 50%; } .gallery-col-2 > a.big-img, .gallery-col-2 .rollover-video.big-img { width: 100%; } .gallery-col-3 a.big-img, .gallery-col-3 .rollover-video.big-img { width: 66.6667%; } .gallery-col-3 > a, .gallery-col-3 .rollover-video { width: 33.3333%; } .gallery-col-4 a.big-img, .gallery-col-4 .rollover-video.big-img { width: 50%; } .gallery-col-4 > a, .gallery-col-4 .rollover-video { width: 25%; } .gallery-col-5 a.big-img, .gallery-col-5 .rollover-video.big-img { width: 40%; } .gallery-col-5 > a, .gallery-col-5 .rollover-video { width: 20%; } .gallery-col-6 a.big-img, .gallery-col-6 .rollover-video.big-img { width: 33.3333%; } .gallery-col-6 > a, .gallery-col-6 .rollover-video { width: 16.6667%; } .gallery-coll-half { float: left; line-height: 0; } .gallery-coll-fourth { float: left; } .dt-format-gallery a, .dt-format-gallery .rollover-video { max-width: 100%; float: left; border-bottom: 2px solid transparent; border-right: 2px solid transparent; } .dt-format-gallery.gallery-col-1 a.big-img, .dt-format-gallery.gallery-col-1 .rollover-video.big-img, .dt-format-gallery.gallery-col-2 a.big-img, .dt-format-gallery.gallery-col-2 .rollover-video.big-img { border-bottom: 3px solid transparent; } .dt-format-gallery img { width: 100%; height: auto; } #main .gallery img { border: none; } /* #Accordion ================================================== */ .wpb_content_element { margin-bottom: 0 !important; } .wpb_content_element .wpb_accordion_header a:active, .wpb_content_element .wpb_accordion_header a:focus, .wpb_content_element .wpb_accordion_header a, .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header { outline: 0 !important; -webkit-appearance: none; } #main .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon, #main .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon { display: none; } .wpb_content_element.dt-style .wpb_accordion_wrapper .wpb_accordion_header { margin: 10px 0 0; border: none; background: none; } .wpb_content_element.dt-accordion-line-on .wpb_accordion_wrapper .wpb_accordion_header { margin: 10px 0 0; padding: 9px 0 0; border-top: 1px solid; } .wpb_content_element.dt-accordion-line-on .wpb_accordion_wrapper .wpb_accordion_section:first-child .wpb_accordion_header, .wpb_content_element.dt-style .wpb_accordion_wrapper .wpb_accordion_section:first-child .wpb_accordion_header { padding-top: 0; margin-top: 0; border: none; } .wpb_content_element.dt-style .wpb_accordion_header a { position: relative; display: block; padding: 0 25px 0 0; } .wpb_accordion .wpb_accordion_wrapper .ui-state-active > a:hover { text-decoration: none; } .dt-style.dt-accordion-bg-on.wpb_content_element .wpb_accordion_header a { padding: 9px 0 9px 18px; } .wpb_content_element .wpb_accordion_header > a:before, .wpb_content_element .wpb_accordion_header > a:after { position: absolute; top: 50%; right: 0; margin-top: -7px; width: 14px; height: 14px; content: ""; } .dt-accordion-bg-on.wpb_content_element .wpb_accordion_header > a:before, .dt-accordion-bg-on.wpb_content_element .wpb_accordion_header > a:after { right: 13px; } .wpb_content_element .wpb_accordion_header > a:after { background-position: center center; background-repeat: no-repeat; } .dt-style.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content { display: none; padding: 10px 0 5px 0; margin: 0; clear: both; } .dt-accordion-bg-on.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content { padding: 17px 0 13px 0; } .stripe .vc_tta-style-flat .vc_tta-panel .vc_tta-panel-title > a * { color: inherit; } /* #Toggle ================================================== */ #content .dt-style.wpb_toggle { position: relative; float: left; clear: both; background: none; } .dt-style.vc_toggle_default .vc_toggle_icon { width: 14px; height: 14px; } .dt-style.vc_toggle_default .vc_toggle_icon, .dt-style.vc_toggle_default .vc_toggle_icon:before, .dt-style.vc_toggle_default .vc_toggle_icon:after { background: none; border: none; } .dt-style.vc_toggle_default .vc_toggle_icon:before, .dt-style.vc_toggle_default .vc_toggle_icon:after { position: absolute; top: 50%; margin-top: -7px; left: 0; width: 14px; height: 14px; content: ""; } .dt-style.vc_toggle_default .vc_toggle_icon:before, .dt-style.vc_toggle_default .vc_toggle_icon:after { margin-top: 0; } .dt-style.vc_toggle_default.vc_toggle_active .vc_toggle_icon:before, .dt-style.vc_toggle_default.vc_toggle_active .vc_toggle_icon:after { visibility: visible; } .dt-style.vc_toggle_default .vc_toggle_icon:after { background-position: center center; background-repeat: no-repeat; } .wpb_toggle_content { padding: 10px 0 5px 0; margin: 0; clear: both; } /* #Shortcode scroller ================================================== */ .slider-wrapper { position: relative; visibility: hidden; } .shadow-element-decoration .description-under-image .ts-viewport { padding: 5px; } .no-touch .frame ul:hover { cursor: -moz-grab; cursor: -webkit-grab; } .no-touch .frame.dragged ul, .no-touch .frame.dragged ul li *, .no-touch .frame.dragged ul li:hover * { cursor: move; cursor: -moz-grabbing; cursor: -webkit-grabbing; } .fs-entry { opacity: 0; } .fs-entry:first-child { margin-left: 0 !important; } .fs-entry:last-child { margin-right: 0 !important; } .slider-wrapper .blog-media, .slider-wrapper .blog-content, .slider-wrapper .project-list-media, .slider-wrapper .project-list-content { display: block; } /*Scroller navigation*/ .slider-wrapper .prev, .slider-wrapper .next { position: absolute; z-index: 99; left: 10px; top: 50%; margin-top: -20px; width: 40px; height: 40px; opacity: 0; visibility: hidden; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; } .slider-wrapper .next { left: auto; right: 10px; } .slider-wrapper.arrows-accent .prev, .slider-wrapper.arrows-accent .next { width: 30px; height: 60px; margin-top: -30px; } .slider-wrapper.hide-arrows .disabled { display: none; } .slider-wrapper.arrows-dark .prev, .slider-wrapper.arrows-dark .next, .slider-wrapper.arrows-light .prev, .slider-wrapper.arrows-light .next, .slider-wrapper.arrows-accent .prev, .slider-wrapper.arrows-accent .next { visibility: visible; } .slider-wrapper.show-arrows .prev, .slider-wrapper.show-arrows .next { opacity: 1; } .slider-wrapper .prev i:hover, .slider-wrapper .next i:hover { cursor: pointer; } .slider-wrapper .prev.disabled i:hover, .slider-wrapper .next.disabled i:hover { cursor: auto; } .slider-wrapper .prev i, .slider-wrapper .next i { position: absolute; left: 0px; top: 0; width: 40px; height: 40px; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; } .slider-wrapper .prev i:after, .slider-wrapper .next i:after { position: absolute; left: 0; top: 0; height: 40px; width: 40px; background-position: center center; background-repeat: no-repeat; content: ""; } .slider-wrapper .next i:after { width: 45px; } .slider-wrapper .prev.disabled i:after, .slider-wrapper .next.disabled i:after, .slider-wrapper .prev.disabled i:active:after, .slider-wrapper .next.disabled i:active:after { opacity: 0.55; } .slider-wrapper .prev i:active:after, .slider-wrapper .next i:active:after { opacity: 0.8; } .slider-wrapper.arrows-accent .prev i, .slider-wrapper.arrows-accent .next i, .slider-wrapper.arrows-accent .prev i:after, .slider-wrapper.arrows-accent .next i:after { width: 30px; height: 60px; } .arrows-light .prev i, .arrows-light .next i { background-color: #fff; -webkit-box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.1); -webkit-border-radius: 50%; border-radius: 50%; } .arrows-light .prev:not(.disabled):hover i, .arrows-light .next:not(.disabled):hover i { -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } .arrows-light .prev.disabled i, .arrows-light .next.disabled i, .arrows-light .prev.disabled:hover i, .arrows-light .next.disabled:hover i { background-color: rgba(255, 255, 255, 0.5); } .arrows-dark .prev i, .arrows-dark .next i { background-color: rgba(34, 34, 34, 0.6); -webkit-border-radius: 50%; border-radius: 50%; } .arrows-dark .prev.disabled i, .arrows-dark .next.disabled i, .arrows-dark .prev.disabled:hover i, .arrows-dark .next.disabled:hover i { background-color: rgba(34, 34, 34, 0.25); } .arrows-dark .prev:hover i, .arrows-dark .next:hover i { background-color: rgba(34, 34, 34, 0.85); } .arrows-light .prev i:after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='19px' height='19px' viewBox='0 0 19 19' enable-background='new 0 0 19 19' xml:space='preserve'%3E%3Cpolygon id='arrow-25-icon' fill='rgba(34,34,34,0.85)' points='6.669,9.406 14.738,17.188 12.988,19 3.262,9.406 13.113,0 14.738,1.688 '/%3E%3C/svg%3E"); } .arrows-light .next i:after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='19px' height='19px' viewBox='0 0 19 19' enable-background='new 0 0 19 19' xml:space='preserve'%3E%3Cpolygon id='arrow-25-icon' fill='rgba(34,34,34,0.85)' points='4.262,1.688 5.887,0 15.738,9.406 6.012,19 4.262,17.188 12.332,9.406 '/%3E%3C/svg%3E"); } .arrows-dark .prev i:after, .arrows-accent .prev i:after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='19px' height='19px' viewBox='0 0 19 19' enable-background='new 0 0 19 19' xml:space='preserve'%3E%3Cpolygon id='arrow-25-icon' fill='rgba(255,255,255,1)' points='6.669,9.406 14.738,17.188 12.988,19 3.262,9.406 13.113,0 14.738,1.688 '/%3E%3C/svg%3E"); } .arrows-dark .next i:after, .arrows-accent .next i:after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='19px' height='19px' viewBox='0 0 19 19' enable-background='new 0 0 19 19' xml:space='preserve'%3E%3Cpolygon id='arrow-25-icon' fill='rgba(255,255,255,1)' points='4.262,1.688 5.887,0 15.738,9.406 6.012,19 4.262,17.188 12.332,9.406 '/%3E%3C/svg%3E"); } .arrows-dark .prev i:after, .arrows-dark .next i:after { opacity: 0.7; } /* #Progress bar ================================================== */ /*#main */ .vc_progress_bar.dt-style .vc_single_bar { height: 30px; margin-bottom: 10px; -webkit-box-shadow: none; box-shadow: none; } /*#main */ .vc_progress_bar.dt-style .vc_single_bar:last-child { margin-bottom: 0; } /*#main */ .dt-style.vc_progress_bar.pb-style-two .vc_single_bar { height: 13px; } .accent-gradient .vc_progress_bar .vc_single_bar.accent-bg .vc_bar { -webkit-animation: none; animation: none; background-repeat: no-repeat; background-size: 100%; } .accent-gradient .vc_progress_bar .vc_single_bar.accent-bg .vc_bar:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; background-size: 40px 40px; } .vc_progress_bar .vc_single_bar.accent-bg .vc_bar.animated:after { -webkit-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .dt-style.vc_progress_bar.pb-style-three .vc_single_bar { height: 7px; margin-bottom: 15px; } /*#main */ .vc_progress_bar.dt-style .vc_single_bar .vc_label { height: 30px; padding-top: 0; padding-bottom: 0; line-height: 30px; text-shadow: none; } .pb-style-three.dt-style .vc_label, .pb-style-two.dt-style .vc_label { display: block; margin-bottom: 8px; } .vc_progress_bar .vc_label, .pb-style-one.vc_progress_bar .vc_label * { color: #fff; } /* #Tabs ================================================== */ #main .wpb_tour_next_prev_nav { display: none; } .wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a { display: inline-block; width: auto; } #page .tab-style-one .wpb_tabs_nav li.ui-state-active a { color: #fff; -webkit-text-fill-color: #fff; } .wpb_tabs_nav a { -webkit-box-sizing: border-box; box-sizing: border-box; } .wpb_tabs .wpb_tabs_nav li { position: relative; } /* #Tabs style one ================================================== */ .tab-style-one.wpb_tabs .wpb_tabs_nav li { margin: 0 10px 5px 0; /*border: none;*/ } .tab-style-one.wpb_tabs .wpb_tabs_nav a { padding-top: 9px; padding-bottom: 9px; } .tab-style-one.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab { padding: 15px 0 0; background: none; } /* #Tabs style two ================================================== */ .tab-style-two.wpb_tabs .wpb_tabs_nav { overflow: hidden; padding-left: 25px !important; } .tab-style-two.wpb_tabs .wpb_tabs_nav li { margin: 12px 30px 6px 0; background: none; } .tab-style-two.wpb_tabs .wpb_tabs_nav li.ui-tabs-active:before { position: absolute; display: block !important; bottom: -5px; left: 0; width: 100%; height: 2px; content: ""; -webkit-backface-visibility: hidden; } .tab-style-two.wpb_tabs .wpb_tabs_nav li a { padding: 0 0 0.5em; } .tab-style-two.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab { padding: 20px 25px; background: none; } /* #Tabs style three ================================================== */ .tab-style-three.wpb_tabs .wpb_tabs_nav li { margin-right: 30px; border: none; } .tab-style-three.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tabs_nav a { padding: 0; } .tab-style-three.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab { padding: 15px 0 0 0; } .tab-style-three.wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab, .tab-style-three.wpb_content_element .wpb_tabs_nav li { background: none; } /* #Tabs style four ================================================== */ .tab-style-four.wpb_tabs { overflow: hidden; } .tab-style-four.wpb_tabs .wpb_tabs_nav { overflow: hidden; } .tab-style-four.wpb_tabs .wpb_tabs_nav li { margin: 0; background: none; -webkit-transition: background 400ms ease; transition: background 400ms ease; } .tab-style-four.wpb_tabs .wpb_tabs_nav li.ui-tabs-active, .tab-style-four.wpb_tabs .wpb_tabs_nav li:hover { background-color: rgba(255, 255, 255, 0.15); } .tab-style-four.wpb_tabs .wpb_tabs_nav li a, .tab-style-four.wpb_tabs .wpb_tabs_nav li a * { color: #fff; } .tab-style-four.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab { padding: 20px 25px; background: none; } /* #Tour ================================================== */ .wpb_tour.wpb_content_element .wpb_tour_tabs_wrapper { display: table; } .wpb_tour.wpb_content_element .wpb_tabs_nav, .wpb_tour .wpb_tour_tabs_wrapper .wpb_tab { display: table-cell; float: none; vertical-align: top; } .wpb_tour .wpb_tabs_nav { -webkit-box-sizing: border-box; box-sizing: border-box; } .wpb_tour .wpb_tabs_nav li:hover { cursor: pointer; } /* #Tour style one ================================================== */ .wpb_tour.tab-style-one .wpb_tabs_nav li { margin-bottom: 10px; } .wpb_tour.tab-style-one .wpb_tour_tabs_wrapper .wpb_tabs_nav a { padding-top: 8px; padding-bottom: 8px; } .wpb_tour.tab-style-one .wpb_tour_tabs_wrapper .wpb_tab { padding-top: 0; padding-left: 25px; } /* #Tour style two ================================================== */ .wpb_tour.tab-style-two .wpb_tabs_nav { padding-right: 10px; } .wpb_tour.tab-style-two .wpb_tabs_nav li { margin-bottom: 10px; } .wpb_tour.tab-style-three .wpb_tour_tabs_wrapper .wpb_tabs_nav a { padding: 12px 15px 12px 0; } .tab-style-four.wpb_tour .wpb_tour_tabs_wrapper .wpb_tabs_nav li a { padding: 10px 15px 10px 15px; } .wpb_tour.tab-style-two .wpb_tour_tabs_wrapper .wpb_tab { padding: 20px 25px 20px; } /* #Tour style three ================================================== */ .wpb_tour.tab-style-three .wpb_tour_tabs_wrapper .wpb_tab { padding-top: 0; padding-left: 25px; } .wpb_tour.tab-style-three .wpb_tabs_nav { border-right: 1px solid; } .wpb_tour.tab-style-three .wpb_tabs_nav li { border-top: 1px solid; } .tab-style-three.wpb_tour .wpb_tabs_nav li:first-child { border: none; } /* #Tour style four ================================================== */ .tab-style-four.wpb_tour { overflow: hidden; } .tab-style-four.wpb_tour .wpb_tabs_nav { overflow: hidden; } .tab-style-four.wpb_tour .wpb_tabs_nav li { margin: 0; background: none; -webkit-transition: background 400ms ease; transition: background 400ms ease; } .tab-style-four.wpb_tour .wpb_tabs_nav li.ui-tabs-active, .tab-style-four.wpb_tour .wpb_tabs_nav li:hover { background-color: rgba(255, 255, 255, 0.15); } .tab-style-four.wpb_tour .wpb_tabs_nav li a, .tab-style-four.wpb_tour .wpb_tabs_nav li a * { display: block; color: #fff; } .tab-style-four.wpb_tour .wpb_tour_tabs_wrapper .wpb_tab { padding: 20px 25px; background: none; } /* #Pie charts ================================================== */ .transparent-pie .vc_pie_wrapper .vc_pie_chart_back, .stripe .transparent-pie .vc_pie_wrapper .vc_pie_chart_back { border-color: transparent !important; } .transparent-pie .vc_pie_wrapper span { width: 100% !important; height: auto !important; } .transparent-pie .vc_pie_wrapper canvas { height: 70px !important; } .transparent-pie .vc_pie_wrapper canvas { visibility: hidden; } .transparent-pie .vc_pie_chart_value { font-size: 70px !important; line-height: 70px !important; } .vc_pie_chart[data-pie-color="dt-content"] canvas, .transparent-pie[data-pie-color="dt-content"] .vc_pie_wrapper span { opacity: 0.5; } .vc_pie_chart .vc_pie_wrapper { visibility: hidden; } #page .vc_pie_chart_back { opacity: 1; } /* #Social icons ================================================== */ .soc-ico { overflow: hidden; } .soc-ico a { position: relative; visibility: hidden; display: inline-block; vertical-align: middle; /*float: left;*/ margin: 2px; width: 24px; height: 24px; text-align: center; -webkit-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; } .soc-ico a:before, .soc-ico a:after { position: absolute; top: 0; left: 0; width: 24px; height: 24px; content: ""; border-radius: 100%; -webkit-transition: -webkit-transform 0.15s; transition: transform 0.150s; } .soc-ico a:before, .soc-ico a:hover:after { -webkit-transform: scale(1); transform: scale(1); } .soc-ico a:after, .soc-ico a:hover:before { -webkit-transform: scale(0); transform: scale(0); } .soc-ico.text-centered a { float: none; display: inline-block; } #top-bar .right-block .soc-ico a { float: right; margin: 2px; } .soc-ico a, .soc-ico a:hover, #top-bar .soc-ico a:hover, #bottom-bar .soc-ico a:hover { text-decoration: none; } .soc-ico a .icon { position: relative; z-index: 1; width: 24px; height: 24px; } #page .soc-ico a:hover .icon, #page .stripe .sidebar-content.solid-bg .soc-ico a:hover .icon { fill: #fff; } /* #Fancy titles and separators ================================================== */ .dt-fancy-separator { position: relative; overflow: hidden; margin: 0 auto; text-align: center; } .dt-fancy-separator.title-left, .dt-fancy-separator.title-right { margin: 0; } .dt-fancy-separator.title-right { float: right; clear: both; } .dt-fancy-separator.title-left { text-align: left; } .dt-fancy-separator.title-left .dt-fancy-title { padding-left: 0; } .dt-fancy-separator.title-left .dt-fancy-title.bg-on { padding-left: 1em; } .dt-fancy-separator.title-right { text-align: right; } .dt-fancy-separator.title-right .dt-fancy-title { padding-right: 0; } .dt-fancy-separator.title-right .dt-fancy-title.bg-on { padding-right: 1em; } .separator-holder { position: absolute; display: block; top: 49.99%; width: 2000px; border-top: 1px solid red; content: ''; } .style-dashed .separator-holder { border-top-width: 1px; border-top-style: dashed; } .style-dotted .separator-holder { border-top-width: 1px; border-top-style: dotted; } .style-double .separator-holder { border-top-width: 3px; border-top-style: double; } .style-thick .separator-holder { border-top-width: 5px; border-top-style: solid; } .style-disabled .separator-holder { display: none; } .separator-left { right: 100%; margin-right: 1em; } .separator-right { left: 100%; margin-left: 1em; } .dt-fancy-separator.line-below .separator-left { top: auto; right: 0; bottom: -1em; margin-right: 0; } .line-below .separator-holder { top: auto; bottom: -1em; margin-right: 0; margin-left: 0; } .dt-fancy-separator.line-below.title-left .separator-left { left: 0; right: auto; } .dt-fancy-separator.line-below.title-right .separator-left { left: auto; right: 0; } .dt-fancy-separator.line-below.title-right .separator-right, .dt-fancy-separator.line-below.title-left .separator-right { display: none; } .dt-fancy-title { position: relative; display: inline-block; top: 50%; } .dt-fancy-title.bg-on { padding: 0 1em; } .accent-gradient .accent-border-color.hr-thin.style-line { height: 1px; } .accent-gradient .accent-border-color.hr-thick { height: 5px; } /* #Before-After ================================================== */ .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after { content: " "; display: block; background: white; position: absolute; z-index: 30; } .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after { width: 3px; height: 9999px; left: 50%; margin-left: -1.5px; } .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after { width: 9999px; height: 3px; top: 50%; margin-top: -1.5px; } .twentytwenty-before-label, .twentytwenty-after-label { position: absolute; width: 120px; padding: 3px 5px 3px; color: white !important; font-size: 13px; line-height: 16px; vertical-align: middle; text-align: center; z-index: 99; opacity: 0; text-shadow: 0 0 2px rgba(0, 0, 0, 0.5); -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; } .twentytwenty-horizontal .twentytwenty-before-label { bottom: 10px; left: 10px; text-align: left; } .twentytwenty-horizontal .twentytwenty-after-label { bottom: 10px; right: 10px; text-align: right; } .twentytwenty-vertical .twentytwenty-before-label { top: 10px; left: 50%; margin-left: -65px; } .twentytwenty-vertical .twentytwenty-after-label { bottom: 10px; left: 50%; margin-left: -65px; } .twentytwenty-container:hover .twentytwenty-after-label, .twentytwenty-container:hover .twentytwenty-before-label { opacity: 1; } .twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow { width: 0; height: 0; border: 6px inset transparent; position: absolute; } .twentytwenty-left-arrow, .twentytwenty-right-arrow { top: 50%; margin-top: -6px; } .twentytwenty-up-arrow, .twentytwenty-down-arrow { left: 50%; margin-left: -6px; } .twentytwenty-container { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; z-index: 0; overflow: hidden; position: relative; -webkit-user-select: none; -moz-user-select: none; } .twentytwenty-container img { max-width: 100%; width: 100%; height: auto; position: absolute; top: 0; display: block; } .active-click .twentytwenty-handle, .twentytwenty-container.active-click img { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .twentytwenty-container * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .twentytwenty-before { z-index: 20; } .twentytwenty-after { z-index: 10; } .twentytwenty-handle { height: 38px; width: 38px; position: absolute; left: 50%; top: 50%; margin-left: -22px; margin-top: -22px; border: 3px solid white; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px; z-index: 40; cursor: pointer; } .twentytwenty-container[data-navigation="move"] .twentytwenty-handle { border: none; cursor: default; } .twentytwenty-container[data-navigation="move"] .twentytwenty-handle > span { display: none; } .twentytwenty-horizontal .twentytwenty-container[data-navigation="move"] .twentytwenty-handle:before { margin-bottom: 0; margin-left: 0; } .twentytwenty-horizontal .twentytwenty-container[data-navigation="move"] .twentytwenty-handle:after { margin-top: 0; margin-left: 0; } .twentytwenty-vertical .twentytwenty-container[data-navigation="move"] .twentytwenty-handle:before { margin-left: 0; margin-top: 0; } .twentytwenty-vertical .twentytwenty-container[data-navigation="move"] .twentytwenty-handle:after { margin-right: 0; margin-top: 0; } .twentytwenty-horizontal .twentytwenty-handle:before { bottom: 50%; margin-bottom: 22px; } .twentytwenty-horizontal .twentytwenty-handle:after { top: 50%; margin-top: 22px; } .twentytwenty-vertical .twentytwenty-handle:before { left: 50%; margin-left: 22px; } .twentytwenty-vertical .twentytwenty-handle:after { right: 50%; margin-right: 22px; } .twentytwenty-left-arrow { border-right: 6px solid white; left: 50%; margin-left: -17px; } .twentytwenty-right-arrow { border-left: 6px solid white; right: 50%; margin-right: -17px; } .twentytwenty-up-arrow { border-bottom: 6px solid white; top: 50%; margin-top: -17px; } .twentytwenty-down-arrow { border-top: 6px solid white; bottom: 50%; margin-bottom: -17px; } /* #Blog ================================================== */ .shortcode-blog-posts .post { border: none; } .post-content, .items-grid .wf-td, .recent-posts .wf-td { display: table-cell; vertical-align: top; } .post-content a { text-decoration: none; } .shortcode-blog-posts .entry-meta { padding-bottom: 10px; } .single .items-grid { margin-bottom: -15px; } .items-grid { margin-bottom: -20px; } .items-grid .wf-cell { margin-bottom: 20px; } .items-grid .borders:before { display: block; position: absolute; bottom: -15px; left: 0; width: 100%; content: ""; } .items-grid article { overflow: hidden; } .items-grid a { text-decoration: none; } .items-grid .alignleft { margin: 5px 20px 5px 0; font-size: 0; line-height: 0; } /* #Header ================================================== */ .masthead { position: relative; z-index: 101; } .hidden-header:not(.sticky-header):not(.overlay-navigation):not(.sticky-on) .masthead:not(#phantom) { display: none; } .hidden-header.sticky-header:not(.sticky-on) .mixed-header, .hidden-header.overlay-navigation:not(.sticky-on) .mixed-header { display: none; } .hidden-header.header-side-left #page, .hidden-header.overlay-navigation.header-side-line #page:not(.boxed), .hidden-header.header-side-left.header-side-line #page:not(.boxed), .disable-headers.header-side-left #page, .disable-headers.overlay-navigation.header-side-line #page:not(.boxed), .disable-headers.header-side-left.header-side-line #page:not(.boxed) { padding-left: 0; } .hidden-header.header-side-right #page, .hidden-header.header-side-right.header-side-line #page:not(.boxed), .disable-headers.header-side-right #page, .disable-headers.header-side-right.header-side-line #page:not(.boxed) { padding-right: 0; } .floating-navigation-below-slider .masthead:not(.side-header), .floating-navigation-below-slider .header-space { /*position: absolute;*/ visibility: hidden; opacity: 0; } /* #Header layouts ================================================== */ /* #Top bar ================================================== */ /* #Top bar ================================================== */ .top-bar { position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; margin-top: 0; box-sizing: border-box; } .top-bar:before { position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; content: ""; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .boxed .top-bar:before { left: 50%; padding: 0; margin: 0; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } .top-bar.full-width-line:before, .top-bar.solid-bg:before { padding: 0 1000px; margin-left: -1000px; } .boxed .top-bar.full-width-line:before, .boxed .top-bar.solid-bg:before { left: 50%; padding: 0; margin: 0; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } .top-bar.solid-bg:before { height: 100%; } .top-bar > .mini-widgets { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-flex-pack: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: end; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .top-bar .mini-widgets:first-child { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-flex-pack: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: start; } .top-bar * { font-size: inherit; line-height: inherit; } .top-bar.top-bar-empty { position: absolute; visibility: hidden; } .transparent .top-bar { margin-bottom: -1px; } .top-bar .sub-nav { z-index: 1003; } .top-bar a, .top-bar .sub-nav a:hover, .top-bar a:hover { text-decoration: none; } .top-bar a:hover { text-decoration: none; } .top-bar .mini-search .submit:hover, .top-bar .mini-nav > ul > li > a:hover .menu-item-text, .top-bar .mini-login a:hover { text-decoration: none; opacity: 0.7; } /* #Header elements ================================================== */ /* #Branding ================================================== */ .branding { line-height: 0; font-size: 0; } .side-header .branding { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; } .branding > a { display: block; } .branding a img, .branding img { height: auto; } .branding .mobile-logo, .phantom-sticky .side-header .branding .mobile-logo { display: none; } /* #Mini widgets ================================================== */ .masthead.widgets .mini-login, .masthead.widgets .mini-search, .masthead.widgets .shopping-cart, .masthead.widgets .mini-contacts, .masthead.widgets .text-area, .masthead.widgets .mini-nav, .masthead.widgets .soc-ico, .masthead.widgets .mini-wpml { display: inline-block; margin-left: 10px; margin-right: 10px; } .masthead.widgets.side-header .mini-login, .masthead.widgets.side-header .mini-search, .masthead.widgets.side-header .shopping-cart, .masthead.widgets.side-header .mini-contacts, .masthead.widgets.side-header .text-area, .masthead.widgets.side-header .mini-nav, .masthead.widgets.side-header .soc-ico, .masthead.widgets.side-header .mini-wpml, .dt-mobile-header .mini-login, .dt-mobile-header .mini-search, .dt-mobile-header .shopping-cart, .dt-mobile-header .mini-contacts, .dt-mobile-header .text-area, .dt-mobile-header .mini-nav, .dt-mobile-header .soc-ico, .dt-mobile-header .mini-wpml { margin-left: 0; margin-right: 20px; } .masthead.widgets.side-header.h-center .mini-login, .masthead.widgets.side-header.h-center .mini-search, .masthead.widgets.side-header.h-center .shopping-cart, .masthead.widgets.side-header.h-center .mini-contacts, .masthead.widgets.side-header.h-center .text-area, .masthead.widgets.side-header.h-center .mini-nav, .masthead.widgets.side-header.h-center .soc-ico, .masthead.widgets.side-header.h-center .mini-wpml { margin-left: 10px; margin-right: 10px; } .masthead.widgets:not(.side-header) .mini-login:first-child, .masthead.widgets:not(.side-header) .mini-search:first-child, .masthead.widgets:not(.side-header) .shopping-cart:first-child, .masthead.widgets:not(.side-header) .mini-contacts:first-child, .masthead.widgets:not(.side-header) .text-area:first-child, .masthead.widgets:not(.side-header) .mini-nav:first-child, .masthead.widgets:not(.side-header) .soc-ico:first-child, .masthead.widgets:not(.side-header) .mini-wpml:first-child { margin-left: 0; } .masthead.widgets:not(.side-header) .mini-login:last-child, .masthead.widgets:not(.side-header) .mini-search:last-child, .masthead.widgets:not(.side-header) .shopping-cart:last-child, .masthead.widgets:not(.side-header) .mini-contacts:last-child, .masthead.widgets:not(.side-header) .text-area:last-child, .masthead.widgets:not(.side-header) .mini-nav:last-child, .masthead.widgets:not(.side-header) .soc-ico:last-child, .masthead.widgets:not(.side-header) .mini-wpml:last-child { margin-right: 0; } .masthead.side-header.widgets .mini-login, .masthead.side-header.widgets .mini-search, .masthead.side-header.widgets .shopping-cart, .masthead.side-header.widgets .mini-contacts, .masthead.side-header.widgets .text-area, .masthead.side-header.widgets .mini-nav, .masthead.side-header.widgets .soc-ico, .masthead.side-header.widgets .mini-wpml, .dt-mobile-header .mini-login, .dt-mobile-header .mini-search, .dt-mobile-header .shopping-cart, .dt-mobile-header .mini-contacts, .dt-mobile-header .text-area, .dt-mobile-header .mini-nav, .dt-mobile-header .soc-ico, .dt-mobile-header .mini-wpml { margin-top: 5px; margin-bottom: 5px; } .side-header-v-stroke .mini-login, .side-header-v-stroke .mini-search, .side-header-v-stroke .shopping-cart, .side-header-v-stroke .mini-contacts, .side-header-v-stroke .text-area, .side-header-v-stroke .mini-nav, .side-header-v-stroke .soc-ico, .side-header-v-stroke .mini-wpml { margin: 10px 0; } .masthead.widgets .mobile-header-bar .mini-login, .masthead.widgets .mobile-header-bar .mini-search, .masthead.widgets .mobile-header-bar .shopping-cart, .masthead.widgets .mobile-header-bar .mini-contacts, .masthead.widgets .mobile-header-bar .text-area, .masthead.widgets .mobile-header-bar .mini-nav, .masthead.widgets .mobile-header-bar .soc-ico, .masthead.widgets .mobile-header-bar .mini-wpml { margin: 0 10px; } .masthead.widgets .mobile-header-bar .mini-login:first-child, .masthead.widgets .mobile-header-bar .mini-search:first-child, .masthead.widgets .mobile-header-bar .shopping-cart:first-child, .masthead.widgets .mobile-header-bar .mini-contacts:first-child, .masthead.widgets .mobile-header-bar .text-area:first-child, .masthead.widgets .mobile-header-bar .mini-nav:first-child, .masthead.widgets .mobile-header-bar .soc-ico:first-child, .masthead.widgets .mobile-header-bar .mini-wpml:first-child { margin-left: 10px; } .masthead.widgets .mobile-header-bar .mini-login:last-child, .masthead.widgets .mobile-header-bar .mini-search:last-child, .masthead.widgets .mobile-header-bar .shopping-cart:last-child, .masthead.widgets .mobile-header-bar .mini-contacts:last-child, .masthead.widgets .mobile-header-bar .text-area:last-child, .masthead.widgets .mobile-header-bar .mini-nav:last-child, .masthead.widgets .mobile-header-bar .soc-ico:last-child, .masthead.widgets .mobile-header-bar .mini-wpml:last-child { margin-right: 10px; } /* !-- Contacts */ .mini-contacts { position: relative; display: inline-block; vertical-align: middle; padding-left: 18px; margin: 0; background-repeat: no-repeat; background-position: 0 center; /* white-space: nowrap;*/ } .side-header .mini-contacts, .dt-mobile-header .mini-contacts { white-space: normal; } .mini-contacts.email, .mini-contacts.skype, .mini-contacts.clock, .mini-contacts.address { padding-left: 22px; } /* !!!!!!!!!!!! revrite-- Navigation */ .mini-nav { position: relative; display: inline-block; vertical-align: middle; } .mini-nav .customSelect, .menu-select select { border: none; padding: 0; margin-bottom: 0; } .mini-nav .customSelect { position: absolute; visibility: hidden; } .mini-nav .customSelect .customSelectInner { opacity: 0; } .menu-select select, .mini-nav .customSelect1 { position: relative; visibility: visible; opacity: 1; } .select-type-menu .menu-select { position: relative; display: inline-block; visibility: visible; margin: 0 auto; opacity: 1; } .select-type-menu .menu-select:hover { opacity: 0.7; } .menu-select:hover, .menu-select select { cursor: pointer; } .menu-select:hover, .menu a:hover, .custom-menu a:hover { text-decoration: underline; } .masthead .menu-select:hover, .masthead .menu a:hover, .masthead .custom-menu a:hover, .dt-mobile-header .menu-select:hover, .dt-mobile-header .menu a:hover, .dt-mobile-header .custom-menu a:hover { text-decoration: none; } .list-type-menu .menu-select { position: absolute; visibility: hidden; opacity: 0; } .mini-nav .customSelectInner { padding-left: 20px; background: none; } .mini-nav .customSelectInner:hover { text-decoration: none; } .mini-nav .customSelectInner:before { position: absolute; top: 50%; left: 0; width: 16px; height: 16px; margin-top: -8px; content: ""; background-position: 0 center; background-repeat: no-repeat; } .menu-select select { z-index: 9; } .mini-nav .customSelect { padding: 0; } /*.header-side-left .top-bar .mini-nav ul, .header-side-right .top-bar .mini-nav ul,*/ .select-type-menu.mini-nav ul { display: none; } .list-type-menu.mini-nav ul { display: block; line-height: 0; } .mini-nav li { position: relative; display: inline-block; vertical-align: middle; } .mini-nav > ul > li { margin: 0 16px 0 0; } .mini-nav li:last-child { margin-right: 0; } #bottom-bar .mini-nav ul > li.act > a .menu-item-text, #bottom-bar .mini-nav > ul > li > a:hover .menu-item-text { text-decoration: underline; } .list-type-menu.mini-nav ul > li.act > a .menu-item-text, .list-type-menu.mini-nav ul > li > a:hover { opacity: 0.7; } .list-type-menu.mini-nav ul > li > a, #bottom-bar .mini-nav ul > li > a:hover, .list-type-menu.mini-nav ul .sub-nav > li.act > a .menu-item-text, #bottom-bar .mini-nav ul .sub-nav > li.act > a .menu-item-text { text-decoration: none; } .mini-nav li:first-child:before { border-left: none; } .mini-nav select { min-width: 100px; height: 0; opacity: 0; } #page .mini-nav select option, .top-header.light-preset-color:not(.sticky-on) .masthead:not(#phantom) .mini-nav select option, .light-preset-color:not(.sticky-on) .side-header-h-stroke.masthead:not(#phantom) .mini-nav select option { color: #b8bcbe !important; -webkit-text-fill-color: #b8bcbe; } /* !-- Search form */ .masthead .mini-search.act { position: relative; z-index: 1002; } .masthead .mini-search, .dt-mobile-header .mini-search { position: relative; display: inline-block; vertical-align: middle; z-index: 10; } .dt-mobile-header .mini-search, .dt-mobile-header .searchform { position: static; } .searchform { position: relative; z-index: 3; } .masthead .mini-search .field, .dt-mobile-header .mini-search .field { position: absolute; /*right: 6px;*/ top: 38px; width: 290px; height: 50px; background-color: #fff; border: none !important; font-style: italic; visibility: hidden; -webkit-border-radius: 0 !important; border-radius: 0 !important; -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2); } .dt-mobile-header .mini-search .field { left: 0; width: 100%; z-index: 100; } .mini-search .field.right-overflow { right: 0; } .mini-search .field:focus { outline: none; } .searchform .submit, .mini-search .submit { display: block; padding-left: 22px; border: none; background-color: transparent; text-decoration: none; } .dt-mobile-header .searchform .submit, .dt-mobile-header .mini-search .submit { position: relative; } .mini-search .submit:hover { opacity: 0.7; } .mini-search .submit:before { position: absolute; top: 50%; left: 0; height: 16px; width: 16px; margin-top: -8px; background-position: 0 center; background-repeat: no-repeat; content: ""; } .masthead .mini-search .searchsubmit, .dt-mobile-header .mini-search .searchsubmit { display: none; } /* !-- Log in */ .mini-login { display: inline-block; vertical-align: middle; } .mini-login:hover { opacity: 0.7; } .mini-login a { position: relative; padding-left: 22px; text-decoration: none; } .mini-login a:hover { text-decoration: none; } .mini-login a:before { position: absolute; top: 50%; left: 0; margin-top: -8px; height: 16px; width: 16px; background-position: 0 center; background-repeat: no-repeat; content: ""; } /* !-- Social icons */ .masthead .soc-ico a:hover, .accent-gradient .masthead .soc-ico.accent-bg a:hover, .masthead .soc-ico.accent-bg a:hover, .masthead .soc-ico.custom-bg a:hover, .masthead .soc-ico.gradient-bg a:hover, .accent-gradient .masthead .soc-ico.gradient-bg a:hover { background: none; } .masthead .soc-ico.hover-custom-bg a:hover, .masthead .soc-ico.accent-bg.hover-custom-bg a:hover, .masthead .soc-ico.hover-custom-bg a:hover, .accent-gradient .masthead .soc-ico.gradient-bg.hover-custom-bg a:hover, .masthead .soc-ico.hover-accent-bg a:hover, .masthead .soc-ico.hover-disabled-bg a:hover { -webkit-box-shadow: none; box-shadow: none; } /* Mini widgets : end */ #page .icon-off, #page .wc-ico-cart.icon-off:before, #page .mini-login .submit.icon-off:before, #page .icon-off:before { background: none !important; padding-left: 0; } .mini-login, .mini-search, .shopping-cart, .mini-contacts, .text-area, .mini-nav, .mini-wpml { margin-right: 10px; margin-left: 10px; } .masthead .soc-ico { display: inline-block; vertical-align: middle; } .text-area { position: relative; display: inline-block; vertical-align: middle; } .mini-widgets .text-area a { text-decoration: underline; } .text-area a:hover { text-decoration: none; } .text-area > p { margin-bottom: 0; } .top-bar > span { display: none !important; } .searchform .submit.text-disable, .mini-search .submit.text-disable, .wc-ico-cart.text-disable, .mini-login .submit.text-disable { padding-left: 16px; letter-spacing: -4px; } .masthead .soc-ico a { line-height: 22px; } /* #Main menu ================================================== */ /* #Main menu ================================================== */ /* #Main menu ================================================== */ .main-nav > li { position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; } .main-nav > li > a { text-decoration: none; } .main-nav > li > a, .mini-nav li > a { position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; } .not-clickable-item { cursor: default; } .main-nav > li > a .text-wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; border-radius: inherit; } .main-nav > li > a .text-wrap .menu-item-text { position: relative; z-index: 10; } .main-nav.level-arrows-on > li.has-children > a { position: relative; } .main-nav .menu-item a .fa, .mini-nav .menu-item a .fa { padding-right: 6px; } .subtitle-text, .menu-text { display: block; } .top-header .main-nav.level-arrows-on > li.has-children > a .menu-text { position: relative; padding-right: 10px; } .sub-sideways .main-nav.level-arrows-on > li.has-children > a .menu-item-text { position: relative; } .top-header .main-nav .menu-text:after { position: absolute; top: 50%; margin-top: -4px; right: 0; width: 8px; height: 8px; content: ""; } .main-nav .rippleWrap { width: 100%; height: 100%; } .side-header .main-nav.level-arrows-on > li.has-children > a:after { position: absolute; top: 50%; margin-top: -7px; right: -14px; width: 14px; height: 14px; content: ""; background-repeat: no-repeat; background-position: center center; } .side-header.sub-downwards .main-nav.level-arrows-on > li.has-children > a:after { right: -30px; margin-top: -15px; width: 30px; height: 30px; } .sub-downwards .next-level-button, .dt-mobile-header .next-level-button { position: relative; -webkit-align-self: center; -moz-align-self: center; -ms-align-self: center; -ms-flex-item-align: center; align-self: center; width: 30px; height: 30px; background-repeat: no-repeat; background-position: center center; } .sub-downwards.dt-parent-menu-clickable .main-nav.level-arrows-on > li.has-children > a:after, .dt-mobile-header.dt-parent-menu-clickable .mobile-main-nav > li.has-children > a:after { display: none; } .sub-downwards .main-nav.level-arrows-on > li.has-children > a:after, .sub-downwards .side-header .main-nav.level-arrows-on > li.has-children > a:after, .sub-downwards .next-level-button, .dt-mobile-header .next-level-button { -ms-transition: -ms-transform 0.3s ease-out; -webkit-transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .sub-downwards .main-nav.level-arrows-on > li.has-children.open-sub > a.act:after, .sub-downwards li.has-children.open-sub > .next-level-button, .dt-mobile-header li.has-children.open-sub > .next-level-button { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } /* #Left to right decoration style ================================================== */ .l-to-r-line > li > a > span { position: relative; display: block; } .l-to-r-line > li > a i.underline { position: absolute; display: block; left: 1px; bottom: -5px; overflow: hidden; width: 0; height: 2px!important; max-height: 2px!important; pointer-events: none; background-color: transparent; opacity: 0.85; -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); } .top-header .l-to-r-line > li.act > a i.underline, .top-header .l-to-r-line > li > a:hover i.underline, .top-header .l-to-r-line > li.dt-hovered > a i.underline { width: 100%; } /* #From centre decoration style ================================================== */ .from-centre-line > li > a > span { position: relative; display: block; } .from-centre-line > li > a .menu-item-text:before { position: absolute; visibility: hidden; left: 0; bottom: -5px; width: 100%; height: 2px; background-color: #000; content: ""; -ms-transform: scaleX(0); -webkit-transform: scaleX(0); transform: scaleX(0); -ms-transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; opacity: 0.85; } .top-header .from-centre-line > li > a:hover .menu-item-text:before, .top-header .from-centre-line > li.dt-hovered > a .menu-item-text:before, .top-header .from-centre-line > li.act > a .menu-item-text:before { visibility: visible; -ms-transform: scaleX(1); -webkit-transform: scaleX(1); transform: scaleX(1); } /* #Upwards decoration style ================================================== */ .upwards-line > li > a > span { position: relative; display: block; } .upwards-line > li > a .menu-item-text:before { position: absolute; bottom: -5px; left: 0; width: 100%; height: 2px; background: rgba(0, 0, 0, 0.1); content: ''; opacity: 0; -ms-transition: opacity 0.3s, -webkit-transform 0.3s; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; -ms-transform: translateY(10px); -webkit-transform: translateY(10px); transform: translateY(10px); } .top-header .upwards-line > li.dt-hovered > a .menu-item-text:before, .top-header .upwards-line > li > a:hover .menu-item-text:before, .top-header .upwards-line > li.act > a .menu-item-text:before { opacity: 1; -ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); } /* #Downwards decoration style ================================================== */ .downwards-line > li > a > span { position: relative; display: block; } .downwards-line > li > a .menu-item-text:before { position: absolute; bottom: -5px; left: 0; width: 100%; height: 2px; background: #fff; content: ''; opacity: 0; -ms-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s; -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s; transition: height 0.3s, opacity 0.3s, transform 0.3s; -ms-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); } .top-header .downwards-line > li.dt-hovered > a .menu-item-text:before, .top-header .downwards-line > li > a:hover .menu-item-text:before, .top-header .downwards-line > li.act > a .menu-item-text:before { height: 2px; opacity: 1; -ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); } /* #Material underline decoration style ================================================== */ .top-header .hover-line-decoration > li > a, .top-header .active-line-decoration > li > a { overflow: hidden; } .top-header .hover-line-decoration > li > a .decoration-line, .top-header .active-line-decoration > li > a .decoration-line { position: absolute; top: 0; left: 0; width: 100%; height: 2px; content: ""; opacity: 0; -ms-transition: opacity 300ms ease; -webkit-transition: opacity 300ms ease; transition: opacity 300ms ease; } .top-header .active-line-decoration > li.act > a .decoration-line, .top-header .hover-line-decoration > li > a:hover .decoration-line, .top-header .hover-line-decoration > li.dt-hovered > a .decoration-line { opacity: 1; } .top-header .hover-bg-decoration > li:not(.act) > a { -webkit-transition: background 300ms ease; transition: background 300ms ease; } /* #Drop down menu ================================================== */ /* #Menu -> second level ================================================== */ .sub-nav, .dt-mega-menu-wrap { position: absolute; visibility: hidden; z-index: 200; top: 100%; left: 0; width: 240px; opacity: 0; } .sub-nav.right-overflow { left: auto; right: 0; } .sub-nav { padding: 10px; -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); box-sizing: border-box; } .sub-nav li { position: relative; display: block; } .sub-nav li:first-child:before { display: none; } .sub-nav li a, .sub-nav li a .text-wrap { position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-content: center; -moz-align-content: center; -ms-align-content: center; align-content: center; -ms-flex-line-pack: center; text-decoration: none; } .sub-nav li a { box-sizing: border-box; } .sub-nav li a .text-wrap { width: 100%; } .sub-downwards.h-justify.h-center .sub-nav > li > a, .sub-downwards.h-center .sub-nav > li, .sub-downwards.h-center .sub-nav li a .text-wrap { -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; text-align: center; } .sub-nav li.has-children a:after { position: absolute; display: block; right: 0; top: 50%; width: 8px; height: 8px; margin-top: -4px; content: ""; background-position: center center; background-repeat: no-repeat; } .sub-downwards .sub-nav li.has-children a:after { right: -30px; margin-top: -15px; } .sub-downwards .sub-nav .next-level-button, .dt-mobile-header .sub-nav .next-level-button, .sub-downwards .sub-nav li.has-children a:after { -webkit-align-self: center; -moz-align-self: center; -ms-align-self: center; -ms-flex-item-align: center; align-self: center; width: 30px; height: 30px; background-position: center center; background-repeat: no-repeat; } .sub-downwards.dt-parent-menu-clickable .sub-nav li.has-children a:after, .dt-mobile-header.dt-parent-menu-clickable .sub-nav li.has-children a:after { display: none; } .sub-downwards .sub-nav.level-arrows-on li.has-children > a:after, .sub-downwards .sub-nav .next-level-button, .dt-mobile-header .sub-nav .next-level-button { -webkit-transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .sub-downwards .sub-nav.level-arrows-on li.has-children.open-sub > a.act:after, .sub-downwards .sub-nav li.has-children.open-sub > .next-level-button, .dt-mobile-header .sub-nav li.has-children.open-sub > .next-level-button { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .sub-nav .sub-nav { left: 241px; top: -10px; margin-top: 0px; } .sub-nav .sub-nav.right-overflow { left: -241px; } /* #Side header -> second level ================================================== */ .side-header:not(.sub-downwards) .main-nav > li > .sub-nav:not(.bottom-overflow):not(.overflow-scroll), .side-header:not(.sub-downwards) .main-nav > li > .dt-mega-menu-wrap:not(.bottom-overflow):not(.overflow-scroll) { top: 0 !important; left: 100%; } .side-header:not(.sub-downwards) .main-nav > li > .sub-nav, .side-header:not(.sub-downwards) .main-nav > li > .dt-mega-menu-wrap { left: 100%; } .side-header .sub-nav.bottom-overflow, .side-header .dt-mega-menu-wrap.bottom-overflow { top: auto !important; bottom: 0; } .top-header.floating-navigation-below-slider .main-nav > li > .sub-nav.bottom-overflow { top: auto !important; bottom: 100%; } .top-header.floating-navigation-below-slider .sub-nav.bottom-overflow { top: auto !important; bottom: 0; } .header-side-right .sub-sideways .main-nav > li > .sub-nav, .overlay-navigation .content-right.sub-sideways .main-nav > li > .sub-nav, .header-side-right .sub-sideways .main-nav > li > .dt-mega-menu-wrap, .overlay-navigation .content-right.sub-sideways .main-nav > li > .dt-mega-menu-wrap { left: auto !important; right: 100%; } /* #Side header -> Show drop down menu - > Downwards ================================================== */ .sub-downwards .main-nav > li, .mobile-main-nav > li, .sub-downwards .sub-nav > li, .dt-mobile-header .sub-nav > li { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .sub-downwards.side-header .main-nav > li > .sub-nav, .sub-downwards.side-header .main-nav > li > .dt-mega-menu-wrap, .sub-downwards.side-header .main-nav > li > .sub-nav .sub-nav, .sub-downwards.side-header .main-nav > li > .dt-mega-menu-wrap > .sub-nav .sub-nav, .dt-mobile-header .mobile-main-nav > li > .sub-nav, .dt-mobile-header .mobile-main-nav > li > .dt-mega-menu-wrap, .dt-mobile-header .mobile-main-nav > li > .sub-nav .sub-nav, .dt-mobile-header .mobile-main-nav > li > .dt-mega-menu-wrap > .sub-nav .sub-nav { position: relative; display: none; top: 0; left: 0; width: 100%; padding: 0; visibility: visible; opacity: 1; z-index: auto; } .sub-downwards.side-header .main-nav > li .sub-nav .sub-nav { padding: 15px 20px 15px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; } .sub-downwards li:not(.dt-mega-menu) .sub-nav { width: auto; } .sub-downwards .main-nav > li > .sub-nav { padding-bottom: 0; } .sub-downwards .main-nav .sub-nav, .mobile-main-nav .sub-nav { background: none; box-shadow: none; } .sub-downwards .main-nav .sub-nav li, .masthead.sub-downwards .dt-mega-menu.mega-auto-width .sub-nav .dt-mega-parent { padding: 0; width: 100%; } .sub-downwards .main-nav.level-arrows-on > li.has-children:last-child { margin-right: 0; } .sub-downwards #main-nav li a:hover, .next-level-button:hover { cursor: pointer !important; } /* #Mega menu ================================================== */ /* #Mega menu ================================================== */ /*.side-header .main-nav > li.dt-mega-menu { .flex-flow( column wrap); }*/ .main-nav > li.dt-mega-menu > a { position: relative; } .masthead:not(.sub-downwards) .main-nav .sub-nav li.hide-mega-title > a .menu-text, .dt-mega-menu .sub-nav li.has-children:after, .dt-mega-menu .sub-nav .dt-mega-parent:before, .dt-mega-menu .sub-nav .dt-mega-parent:first-child:before, .dt-mega-menu .sub-nav li:before { display: none; } .masthead:not(.sub-downwards) .main-nav .sub-nav li.hide-mega-title:not(.with-subtitle) > a { padding: 0; } .sub-downwards .sub-nav li.hide-mega-title > a { display: block; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; } /*subtitle*/ .menu-subtitle { display: block; text-transform: none; } .menu-subtitle { font-family: Arial, sans-serif; font-style: normal; font-weight: normal; } /*#main-nav > li > a span > span.menu-subtitle,*/ .dt-mega-menu .sub-nav .dt-mega-parent > a span.menu-subtitle { font-size: 12px; line-height: 14px; } .menu-subtitle:after, .mega-icon:after { display: none !important; } /*mega sub menu width*/ .top-header .mega-full-width > .dt-mega-menu-wrap { width: 100%; } .side-header .mega-full-width .dt-mega-menu-wrap, .side-header .mega-auto-width .dt-mega-menu-wrap { top: 0; left: 100%; } .header-side-right .mega-full-width > .dt-mega-menu-wrap, .header-side-right .mega-auto-width > .dt-mega-menu-wrap { top: 0; left: auto; right: 100%; padding-left: 0; } .masthead.side-header:not(.sub-downwards) .mega-full-width > .dt-mega-menu-wrap, .masthead.side-header:not(.sub-downwards) .mega-auto-width > .dt-mega-menu-wrap { width: 890px; max-width: 890px; } .mega-auto-width .dt-mega-menu-wrap { left: 0; width: auto; /*max-width: 100%;*/ } .main-nav .mega-auto-width > .dt-mega-menu-wrap { min-width: 240px; } .mega-auto-width > .dt-mega-menu-wrap.left-overflow, .mega-full-width .dt-mega-menu-wrap.left-overflow { left: 0 !important; right: auto !important; margin-left: 0 !important; } .top-header .main-nav .dt-mega-menu-wrap { position: absolute; top: 100%; visibility: hidden; opacity: 0; padding: 10px; -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); box-sizing: border-box; } .top-header.floating-navigation-below-slider .main-nav > li > .dt-mega-menu-wrap.bottom-overflow { top: auto; bottom: 100%; } .top-header.floating-navigation-below-slider .dt-mega-menu-wrap.bottom-overflow { top: auto; bottom: 0; } .dt-mega-menu-wrap.overflow-scroll { overflow: auto; } .dt-mega-menu-wrap .sub-nav { position: relative; /*visibility: visible;*/ width: auto; padding: 0; /*opacity: 1;*/ background: none; box-shadow: none; } .show-mega-menu .dt-mega-menu-wrap .sub-nav, .sub-downwards .dt-mega-menu-wrap .sub-nav { visibility: visible; opacity: 1; } #page .dt-mobile-header .dt-mega-menu-wrap > .sub-nav { visibility: visible; opacity: 1; width: auto; } .dt-mega-menu-wrap > .sub-nav { display: block !important; } .main-nav .mega-full-width > .dt-mega-menu-wrap .sub-nav .sub-nav, .main-nav .mega-full-width > .dt-mega-menu-wrap .sub-nav .sub-nav ul, .main-nav .mega-auto-width > .dt-mega-menu-wrap .sub-nav .sub-nav, .main-nav .mega-auto-width > .dt-mega-menu-wrap .sub-nav .sub-nav ul { width: auto; } .dt-mega-menu .dt-mega-menu-wrap { padding-top: 0; padding-bottom: 0; font-size: 0; line-height: 0; word-spacing: -4px; text-align: left; } .dt-mega-menu .dt-mega-menu-wrap:before, .dt-mega-menu .dt-mega-menu-wrap:after { content: ""; display: table; clear: both; } .dt-mega-menu > .dt-mega-menu-wrap { padding: 20px 10px 10px; } .dt-mega-menu .dt-mega-menu-wrap li { padding-left: 0; padding-right: 0; word-spacing: normal; } .masthead:not(.sub-downwards) .dt-mega-menu .dt-mega-menu-wrap .dt-mega-parent { position: static; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flexbox; display: -ms-inline-flex; display: inline-flex; -webkit-flex-flow: column wrap; -moz-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap; padding: 0 10px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; } .dt-mega-menu .sub-nav .dt-mega-parent:first-child { border-left: none; } .new-column > a { margin-left: -21px !important; border-radius: none; } .dt-mega-menu .sub-nav .dt-mega-parent:hover > a { -webkit-border-radius: 0; border-radius: 0; } .dt-mega-menu .sub-nav .dt-mega-parent a { width: auto; } .dt-mega-menu .sub-nav .dt-mega-parent.no-link > a:hover, .no-link > a:hover { opacity: 1; } .masthead:not(.sub-downwards) .dt-mega-menu .dt-mega-parent .sub-nav { position: relative; left: auto !important; top: auto; max-width: 100%; padding: 0; background: none; -webkit-box-shadow: none; box-shadow: none; } .dt-mega-menu.dt-hovered .sub-nav .sub-nav, .show-mega-menu.dt-mega-menu .sub-nav .sub-nav { visibility: visible !important; opacity: 1 !important; } .dt-mega-parent .sub-nav > li { margin-bottom: 2px; } .hide-mega-title { margin-top: 5px; } .sub-downwards .hide-mega-title { margin-top: 0; } .side-header .main-nav .new-column { display: none; } /* #Mobile menu ================================================== */ /* #Mobile menu ================================================== */ .mobile-header-space, .mobile-header-bar { display: none; } .menu-open.not-iOS { position: fixed; left: 0; top: 0; bottom: 0; right: 0; overflow: hidden; } /*Blur page*/ .blur-page.show-sticky-mobile-header #main-slideshow, .blur-page.show-sticky-mobile-header .photo-scroller, .blur-page.show-sticky-mobile-header #main, .blur-page.show-sticky-mobile-header .page-title, .blur-page.show-sticky-mobile-header .fancy-header, .blur-page.show-sticky-mobile-header .masthead, .blur-page.show-sticky-mobile-header .footer, .blur-page.show-sticky-mobile-header .floating-logo.side-header-menu-icon .branding { filter: blur(10px); -webkit-filter: blur(10px); } .dt-mobile-header { position: fixed; top: 0; height: 100%; min-height: 100%; width: 500px; max-width: 100%; z-index: 9602; /*overflow-y: auto;*/ padding: 30px 30px 0; box-sizing: border-box; background-color: grey; -ms-transition: -ms-transform 0.5s ease; -webkit-transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease; -ms-transform: translate3d(-100%, 0, 0); -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .show-mobile-header .dt-mobile-header { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .right-mobile-menu .dt-mobile-header { right: 0; -ms-transform: translate3d(100%, 0, 0); -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -ms-transition: right 0.5s ease; -webkit-transition: right 0.5s ease; transition: right 0.5s ease; } .admin-bar .dt-mobile-header { padding-top: 62px; } .is-iOS .dt-mobile-header, .touch .dt-mobile-header { overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; } .mobile-header-scrollbar-wrap:not(.mCustomScrollbar) { position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .mobile-header-scrollbar-wrap.mCustomScrollbar { width: 100%; height: 100%; } .mobile-mini-widgets-in-menu, .show-on-second-switch { display: none !important; } .mobile-mini-widgets-in-menu, .dt-mobile-header .mini-widgets { padding-bottom: 30px; } .mobile-sticky-header-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; -webkit-transition: all 0.4s; transition: all 0.4s; } .floating-mobile-menu-icon .dt-mobile-menu-icon.floating-btn { position: fixed; visibility: hidden; top: 10px; right: 10px; opacity: 0; width: 44px; height: 44px; margin: 0 !important; background-color: rgba(0, 0, 0, 0.2); -webkit-backface-visibility: hidden; } .floating-mobile-menu-icon .dt-mobile-menu-icon.floating-btn:hover { background-color: rgba(0, 0, 0, 0.5); } .floating-mobile-menu-icon .show-floating-icon .dt-mobile-menu-icon.floating-btn { visibility: visible; opacity: 1; } .dt-mobile-menu-icon.floating-btn .lines { /* margin: 0 0 0 11px;*/ -webkit-border-radius: 0; border-radius: 0; } .floating-mobile-menu-icon .dt-mobile-menu-icon.floating-btn .lines, .floating-mobile-menu-icon .dt-mobile-menu-icon.floating-btn .lines:before, .floating-mobile-menu-icon .dt-mobile-menu-icon.floating-btn .lines:after { background-color: #fff; } /*First switch mobile header layout*/ /*Mobile menu*/ .mobile-main-nav { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-flex: 10 1 auto; -moz-flex: 10 1 auto; -ms-flex: 10 1 auto; flex: 10 1 auto; padding-bottom: 30px; } .mobile-main-nav > li { position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; } .mobile-main-nav > li > a { text-decoration: none; } .mobile-main-nav > li:before { content: ""; position: absolute; top: -0.5px; height: 0; border-top: solid 1px yellow; width: 100%; max-width: 100%; /*margin-left: -20px;*/ left: 0; } .mobile-main-nav > li:first-child:before, .dt-mobile-header .mobile-main-nav .new-column { display: none; } .mobile-main-nav > li > a { position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; padding: 10px 30px 10px 0; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; -ms-flex-grow: 1; flex-grow: 1; } .mobile-main-nav .sub-nav li.hide-mega-title > a { display: block; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; } .mobile-main-nav > li.has-children > a:after { position: absolute; top: 50%; right: 0; margin-top: -15px; width: 30px; height: 30px; content: ""; background-repeat: no-repeat; background-position: center center; } .mobile-main-nav > li.has-children > a:after, .mobile-main-nav .next-level-button { -webkit-transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .mobile-main-nav > li.has-children.open-sub > a.act:after, .mobile-main-nav li.has-children.open-sub > .next-level-button { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .mobile-main-nav .menu-item a .fa { padding-right: 6px; } .mobile-main-nav li > a .subtitle-text { font-size: 10px; line-height: 12px; font-family: Arial, sans-serif; } .mobile-main-nav .sub-nav { margin-left: 20px; } .header-side-right .mobile-main-nav .mega-full-width > .sub-nav, .header-side-right .mobile-main-nav .mega-auto-width > .sub-nav { right: 0; } #page .mobile-main-nav .sub-nav li, #page .mobile-main-nav .dt-mega-menu.mega-auto-width .sub-nav .dt-mega-parent { padding: 0; width: 100%; } #page .mobile-main-nav .sub-nav { width: 100%; } .mobile-main-nav .sub-nav .sub-nav { left: 0; } .mobile-main-nav .sub-nav > li > a { padding: 10px 30px 10px 0; margin: 0; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; -ms-flex-grow: 1; flex-grow: 1; } .mobile-main-nav .sub-nav > li > a:hover { background: none !important; } .mobile-main-nav .sub-nav .next-level-button, .mobile-main-nav .sub-nav li.has-children a:after { -webkit-align-self: center; -moz-align-self: center; -ms-align-self: center; -ms-flex-item-align: center; align-self: center; /*right: -30px;*/ /*margin-top: -15px;*/ top: 0; margin: 0; width: 30px; height: 30px; background-position: center center; background-repeat: no-repeat; } .mobile-main-nav.dt-parent-menu-clickable .sub-nav li.has-children a:after { display: none; } .mobile-main-nav .sub-nav li.has-children > a:after, .mobile-main-nav .sub-nav .next-level-button { -webkit-transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .mobile-main-nav .sub-nav li.has-children.open-sub > a.act:after, .mobile-main-nav .sub-nav li.has-children.open-sub > .next-level-button { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } /* ====================== lines button ==================================================*/ .lines-button, .dt-mobile-menu-icon { display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flexbox; display: -ms-inline-flex; display: inline-flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; margin-right: 16px; transition: .3s; cursor: pointer; user-select: none; border-radius: 0.57143rem; } .dt-mobile-menu-icon { width: 22px; height: 22px; margin-right: 0; } .lines-button:active { transition: 0; } .lines { display: inline-block; /*vertical-align: middle;*/ width: 22px; height: 2px; /* margin: -2px 6px 0 0;*/ background: #ecf0f1; /*border-radius: 2px;*/ position: relative; /*.dt-mobile-menu-icon & { margin-top: -6px; }*/ } .dt-close-mobile-menu-icon { position: fixed; top: 0; width: 30px; height: 30px; left: -50px; z-index: 9999; opacity: 0; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } .admin-bar .dt-close-mobile-menu-icon { top: 32px; } .show-mobile-header .dt-close-mobile-menu-icon { opacity: 1; } .dt-close-mobile-menu-icon span { position: relative; display: block; width: 30px; height: 30px; margin: 0; } .dt-close-mobile-menu-icon span:hover { cursor: pointer; } .dt-close-mobile-menu-icon span:before, .dt-close-mobile-menu-icon span:after { background-color: #fff; } .accent-bg .lines, .accent-bg .lines:before, .accent-bg .lines:after { background-color: #fff; } .lines:before, .lines:after, .dt-close-mobile-menu-icon span:before, .dt-close-mobile-menu-icon span:after { display: inline-block; width: 22px; height: 2px; background: #ecf0f1; /* border-radius: 2px;*/ position: absolute; left: 0; content: ''; -webkit-transform-origin: 1.5px center; transform-origin: 1.5px center; -webkit-transition: top 0.3s; transition: top 0.3s; } .lines:before { top: 7px; } .lines:after { top: -7px; } .menu-toggle:not(.active) .lines-button:hover .lines:before, .dt-mobile-menu-icon:hover .lines:before { top: 5px; } .menu-toggle:not(.active) .lines-button:hover .lines:after, .dt-mobile-menu-icon:hover .lines:after { top: -5px; } .menu-toggle.active .lines-button.x .lines, .hide-overlay.active .lines-button.x .lines { background: transparent; } .menu-toggle.active .lines-button.x .lines:before, .menu-toggle.active .lines-button.x .lines:after, .hide-overlay.active .lines-button.x .lines:before, .hide-overlay.active .lines-button.x .lines:after { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; /*width: 22px;*/ -webkit-transition: -webkit-transform 0.1s ease; transition: transform .1s ease; } .dt-close-mobile-menu-icon span:before, .dt-close-mobile-menu-icon span:after { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 50%; left: 50%; margin: -1px 0 0 -11px; width: 22px; -webkit-transition: -webkit-transform 0.1s ease; transition: transform .1s ease; } .menu-toggle.active .lines-button.x .lines:before, .hide-overlay.active .lines-button.x .lines:before { -ms-transform: rotate3d(0, 0, 1, 45deg); -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); } .menu-toggle.active:hover .lines-button.x .lines:before, .hide-overlay.active:hover .lines-button.x .lines:before { -ms-transform: rotate3d(0, 0, 1, 0deg); -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } .menu-toggle.active .lines-button.x .lines:after, .hide-overlay.active .lines-button.x .lines:after { -ms-transform: rotate3d(0, 0, 1, -45deg); -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); } .menu-toggle.active:hover .lines-button.x .lines:after, .hide-overlay.active:hover .lines-button.x .lines:after { -ms-transform: rotate3d(0, 0, 1, 0deg); -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } .dt-close-mobile-menu-icon span:before { -ms-transform: rotate3d(0, 0, 1, 45deg); -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); } .dt-close-mobile-menu-icon:hover span:before { -ms-transform: rotate3d(0, 0, 1, 0deg); -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } .dt-close-mobile-menu-icon span:after { -ms-transform: rotate3d(0, 0, 1, -45deg); -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); } .dt-close-mobile-menu-icon:hover span:after { -ms-transform: rotate3d(0, 0, 1, 0deg); -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } .masthead .mobile-header-bar { position: relative; min-height: 150px; width: 100%; -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-align-content: stretch; -moz-align-content: stretch; -ms-align-content: stretch; align-content: stretch; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-flex-pack: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: justify; } .side-header .mobile-header-bar { padding: 0 44px; } .mobile-header-bar > * { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; } .mobile-header-bar .mobile-branding { line-height: 0; } /* #Floating menu ================================================== */ /*Floating navigation->Style->Sticky*/ /* #Floating menu ================================================== */ #phantom { position: fixed; z-index: 9399; width: 100%; left: 0; top: 0; opacity: 0; box-sizing: border-box; } #phantom.boxed { left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } .dt-style-um #phantom { display: none; } .phantom-fade #phantom { visibility: hidden; } .phantom-slide #phantom { -webkit-transform: translateY(-100%); transform: translateY(-100%); } body.admin-bar.phantom-sticky:not(.floating-navigation-below-slider) .masthead:not(.side-header), body.admin-bar.phantom-sticky.floating-navigation-below-slider.sticky-on .masthead:not(.side-header), body.admin-bar #phantom { top: 32px !important; } .floating-navigation-below-slider .top-bar { display: none; } .floating-navigation-below-slider.phantom-sticky.sticky-on .header-space { display: block; } #phantom.boxed { z-index: 9008; } .ph-wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-flow: row nowrap; -moz-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; margin: 0 auto; } .full-height .ph-wrap { -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .ph-wrap .menu-box { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; } .ph-wrap.with-logo .menu-box, .justify .ph-wrap .menu-box { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; -ms-flex-grow: 1; flex-grow: 1; } .ph-wrap.with-logo .menu-box { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-flex-pack: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: end; } .inline-header.center .ph-wrap.with-logo .menu-box { -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; } #phantom .main-nav, #phantom.inline-header.center .main-nav { -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; } #phantom.classic-header.justify .main-nav, #phantom.inline-header.justify .main-nav, #phantom.split-header.justify .main-nav { -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-flex-pack: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: justify; } #phantom .with-logo .main-nav { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-flex-pack: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: end; } #phantom.inline-header.left .main-nav { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-flex-pack: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: start; } #phantom.split-header.justify .main-nav { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; -ms-flex-grow: 1; flex-grow: 1; } #phantom.split-header .main-nav, #phantom.split-header .mini-widgets { display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flexbox; display: -ms-inline-flex; display: inline-flex; } .widget-box .mini-widgets { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; } #phantom.full-width .ph-wrap { max-width: 100%; } #phantom .ph-wrap.boxed { width: 100%; max-width: 1320px; margin: 0 auto; } .ph-wrap .header-bar { width: 100%; } .ph-wrap .header-bar .mini-widgets { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; } .header-side-left .mixed-header .ph-wrap .header-bar .mini-widgets { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-flex-pack: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: end; } .header-side-left .mixed-header.logo-center .ph-wrap .header-bar .menu-toggle { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-flex-pack: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: start; } .ph-wrap .logo-box { display: none; } .ph-wrap.with-logo .logo-box { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; line-height: 0; } .ph-wrap .widget-box { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; } /*Floating top line logo*/ .phantom-logo-off.phantom-on .branding { display: none; visibility: hidden; } .phantom-off.phantom-custom-logo-on .branding .phantom-top-line-logo, .phantom-on.phantom-custom-logo-on .branding > a:not(.phantom-top-line-logo), .phantom-on.phantom-custom-logo-on .branding > img:not(.phantom-top-line-logo) { opacity: 0; display: none; } .animate-sticky { float: left; width: 1px; height: 100%; } .phantom-sticky.sticky-off.phantom-custom-logo-on .branding .sticky-logo, .phantom-sticky.sticky-on.phantom-custom-logo-on .branding > a:not(.sticky-logo), .phantom-sticky.sticky-on.phantom-custom-logo-on .branding > img:not(.sticky-logo) { display: none; opacity: 0; } .phantom-sticky.sticky-off:not(.phantom-custom-logo-on) .branding .sticky-logo, .phantom-sticky.sticky-on:not(.phantom-custom-logo-on) .branding .sticky-logo, .phantom-main-logo-on.phantom-sticky.sticky-on .branding > a, .phantom-main-logo-on.phantom-sticky.sticky-on .branding > img, .phantom-logo-off.phantom-sticky.sticky-on .branding > a, .phantom-logo-off.phantom-sticky.sticky-on .branding > img { display: none; visibility: hidden; } /*! Horizontal headers */ .masthead:not(.side-header) { max-width: 1200px; margin: 0 auto; } .masthead:not(.side-header) .header-bar { position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-align-content: stretch; -moz-align-content: stretch; -ms-align-content: stretch; align-content: stretch; -ms-flex-line-pack: stretch; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-flex-pack: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: justify; } .masthead:not(.side-header) .main-nav { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; } /*! Full height menu */ .masthead:not(.side-header).full-height .main-nav { -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-align-content: stretch; -moz-align-content: stretch; -ms-align-content: stretch; align-content: stretch; } .masthead:not(.side-header).full-height .header-bar .main-nav > li > a, .masthead:not(.side-header) .header-bar .main-nav > li > a { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-content: center; -moz-align-content: center; -ms-align-content: center; align-content: center; -ms-flex-line-pack: stretch; } /*! Menu dividers enabled */ .masthead:not(.side-header).dividers.justify .main-nav > li { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; -ms-flex-grow: 1; flex-grow: 1; -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; } .masthead:not(.side-header).dividers .main-nav > li:not(.dt-mega-menu) { position: relative; } .masthead:not(.side-header).dividers .main-nav > li:before, .masthead:not(.side-header).dividers.surround .main-nav > li:last-child:after { content: ""; position: absolute; left: -0.5px; width: 0; border-right: solid 1px yellow; height: 100%; max-height: 100%; /*margin-top: -20px;*/ -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); top: 50%; } .masthead:not(.side-header).dividers .main-nav > li:first-child:before { display: none; } .masthead:not(.side-header).dividers.surround .main-nav > li:first-child:before { display: block; } .masthead:not(.side-header).dividers.surround .main-nav > li:last-child:after { left: auto; right: -0.5px; } .masthead:not(.side-header) .main-nav.animate-click-decoration > li > a { overflow: hidden; } .masthead:not(.side-header).full-height .main-nav > li > a { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; -ms-flex-grow: 1; flex-grow: 1; -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; } /*! Inline header */ .masthead.inline-header:not(.widgets) .header-bar .mini-widgets { display: none; } .inline-header .header-bar { -webkit-flex-flow: row nowrap; -moz-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .inline-header .branding, .inline-header .header-bar > .mini-widgets { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; } /*! - left, right & center menu */ .inline-header.left .main-nav, .inline-header.right .main-nav, .inline-header.center .main-nav { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; -ms-flex-grow: 1; flex-grow: 1; } .inline-header.left .main-nav { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-flex-pack: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: start; } .inline-header.right .main-nav { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-flex-pack: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: end; } .inline-header.center .main-nav { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } /*! - justified menu */ .inline-header.justify .main-nav { -webkit-flex-grow: 10; -moz-flex-grow: 10; -ms-flex-positive: 10; -ms-flex-grow: 10; flex-grow: 10; -webkit-justify-content: space-around; -moz-justify-content: space-around; -ms-flex-pack: space-around; -ms-justify-content: space-around; justify-content: space-around; -ms-flex-pack: distribute; } .inline-header.justify .main-nav > li { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; -ms-flex-grow: 1; flex-grow: 1; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-flex-pack: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: end; } .inline-header.justify .main-nav > li > a { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; } /*! -- justified menu, with mini-widgets */ .inline-header.justify.widgets .main-nav > li { -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; } /*! Classic header */ .classic-header .header-bar { -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .masthead.classic-header .header-bar { -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; -ms-flex-align: flex-end; align-items: flex-end; -ms-flex-align: end; } .classic-header .branding, .classic-header .navigation { -webkit-flex: 1 1 100%; -moz-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; -ms-flex-positive: 1; -ms-flex-negative: 1; -ms-flex-preferred-size: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; } .classic-header .navigation { position: relative; } .classic-header .navigation:before { position: absolute; top: 0; left: 0; width: 100%; height: 1px; content: ""; } .boxed .classic-header .navigation:before { left: 50%; padding: 0; margin: 0; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } .classic-header.full-width-line .navigation:before, .classic-header.bg-behind-menu .navigation:before { padding: 0 1000px; margin-left: -1000px; } .boxed .classic-header.full-width-line .navigation:before, .boxed .classic-header.bg-behind-menu .navigation:before { left: 50%; padding: 0; margin: 0; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } .classic-header.bg-behind-menu .navigation:before { height: 100%; } .masthead.classic-header:not(.widgets) .navigation .mini-widgets { display: none; } .classic-header.widgets .branding .mini-widgets { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; } .classic-header .branding .mini-widgets:last-child { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-flex-pack: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: end; } .classic-header .navigation > .mini-widgets { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-flex-pack: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: end; } /*! - branding layouts */ /*! -- logo on the left, widgets on the right */ .classic-header:not(.logo-center) .branding .mini-widgets { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; -ms-flex-grow: 1; flex-grow: 1; } /*! -- logo centered, widgets around */ .classic-header.logo-center .branding .mini-widgets { -webkit-flex: 1 1 0%; -moz-flex: 1 1 0%; -ms-flex: 1 1 0%; flex: 1 1 0%; -ms-flex-positive: 1; -ms-flex-negative: 1; -ms-flex-preferred-size: 0%; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; } .classic-header.logo-center .branding { -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; } .classic-header.logo-center .branding > a { -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1; display: block; } .classic-header.logo-center .branding .mini-widgets:last-child { -webkit-order: 2; -moz-order: 2; -ms-flex-order: 2; order: 2; } /*! -- logo and widgets centered */ .classic-header.logo-widgets-center .branding { -webkit-flex-flow: column wrap; -moz-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap; } .classic-header.logo-widgets-center .branding > * { margin: 0 auto; } /*! - left, right & center menu */ .classic-header.left .main-nav, .classic-header.right .main-nav { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; -ms-flex-grow: 1; flex-grow: 1; } .classic-header.left .main-nav { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-flex-pack: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: start; } .classic-header.right .main-nav { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-flex-pack: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: end; } .classic-header.center .navigation { -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; } /*! - justified menu */ .classic-header.justify .main-nav { -webkit-flex-grow: 10; -moz-flex-grow: 10; -ms-flex-positive: 10; -ms-flex-grow: 10; flex-grow: 10; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-flex-pack: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: justify; } .classic-header.justify .main-nav > li > a { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; } /*! -- justified menu, with mini-widgets */ .classic-header.justify.widgets .main-nav > li { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; -ms-flex-grow: 1; flex-grow: 1; -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; } .classic-header.justify.widgets .main-nav > li { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; -ms-flex-grow: 1; flex-grow: 1; -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; } /*! Split header */ .masthead.split-header .header-bar { -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; } .masthead.split-header.full-height .header-bar { -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .masthead.split-header:not(.widgets) .navigation .mini-widgets { display: none; } .split-header .branding { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-order: 2; -moz-order: 2; -ms-flex-order: 2; order: 2; } .split-header .navigation { -webkit-flex: 1 1 0%; -moz-flex: 1 1 0%; -ms-flex: 1 1 0%; flex: 1 1 0%; -ms-flex-positive: 1; -ms-flex-negative: 1; -ms-flex-preferred-size: 0%; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-flow: row nowrap; -moz-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .split-header .navigation:first-of-type { -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1; } .split-header .navigation:last-of-type { -webkit-order: 3; -moz-order: 3; -ms-flex-order: 3; order: 3; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-flex-pack: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: end; } .split-header .navigation .main-nav { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; -ms-flex-grow: 1; flex-grow: 1; } .split-header .navigation:first-of-type .main-nav { -webkit-order: 2; -moz-order: 2; -ms-flex-order: 2; order: 2; } .split-header .navigation:first-of-type .mini-widgets { -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1; } .split-header .navigation:last-of-type .main-nav { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-flex-pack: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: end; } .split-header .mini-widgets { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } /*! - inside */ .split-header.inside .navigation:first-of-type .main-nav { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-flex-pack: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: end; } .split-header.inside .navigation:last-of-type .main-nav { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-flex-pack: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: start; } /*! - fully inside */ .split-header.fully-inside .navigation .main-nav { -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; -ms-flex-grow: 0; flex-grow: 0; } .split-header.fully-inside .navigation:first-of-type { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-flex-pack: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: end; } .split-header.fully-inside .navigation:last-of-type { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-flex-pack: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: start; } .split-header.fully-inside .navigation:first-of-type .main-nav { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-flex-pack: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: end; } .split-header.fully-inside .navigation:last-of-type .main-nav { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-flex-pack: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: start; } /*! - outside */ .split-header.outside .navigation:first-of-type .main-nav { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-flex-pack: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: start; } .split-header.outside .navigation:last-of-type .main-nav { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-flex-pack: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: end; } /*! - justified */ .split-header.justify .navigation .main-nav { -webkit-flex-grow: 10; -moz-flex-grow: 10; -ms-flex-positive: 10; -ms-flex-grow: 10; flex-grow: 10; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-flex-pack: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: justify; } .split-header.justify .navigation .main-nav > li { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; -ms-flex-grow: 1; flex-grow: 1; } .split-header.justify .navigation:last-of-type .main-nav > li { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-flex-pack: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: end; } /*! -- justified menu, with mini-widgets */ .split-header.justify.widgets .navigation .main-nav > li { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } /*! Vertical headers */ .side-header { position: fixed; /*top: 0;*/ display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; height: 100%; z-index: 101; width: 400px; } .side-header.content-left { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-flex-pack: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: start; } .side-header.content-center { -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; } .side-header.content-right { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-flex-pack: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: end; } .header-side-right .side-header { right: 0; } .is-iOS .side-header:not(.sub-sideways) { overflow-y: auto; -webkit-overflow-scrolling: touch; } .side-header .header-bar { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-sizing: border-box; box-sizing: border-box; } .fully-inside.side-header .header-bar .main-nav { -webkit-flex: 0 1 auto; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } .side-header.v-bottom.fully-inside .header-bar { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-flex-pack: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: end; } .side-header.v-center.fully-inside .header-bar { -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; } .header-scrollbar-wrap { width: 100%; height: 100%; } .header-scrollbar-wrap .mCSB_inside > .mCSB_container, .mobile-header-scrollbar-wrap .mCSB_inside > .mCSB_container { margin: 0; } .fade-header-animation .header-scrollbar-wrap .mCSB_inside > .mCSB_container, .overlay-navigation .header-scrollbar-wrap .mCSB_inside > .mCSB_container { display: none; } .fade-header-animation .show-header .header-scrollbar-wrap .mCSB_inside > .mCSB_container, .overlay-navigation .show-header .header-scrollbar-wrap .mCSB_inside > .mCSB_container { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; } .mCSB_container { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; } .content-left .mCSB_container { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-flex-pack: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: start; } .content-center .mCSB_container { -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; } .content-right .mCSB_container { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-flex-pack: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: end; } .dt-mobile-header .mCSB_container { -webkit-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .side-header .main-nav { -webkit-flex: 10 1 auto; -moz-flex: 10 1 auto; -ms-flex: 10 1 auto; flex: 10 1 auto; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .side-header .mini-widgets { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; } /* - center vertically */ .side-header.v-center .main-nav { -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; } .side-header.v-center .branding, .side-header.v-center .mini-widgets { -webkit-flex: 0 1 auto; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } /* - Menu position bottom */ .side-header.v-bottom .main-nav { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-flex-pack: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: end; } /* - center horisontally */ .side-header.h-center .main-nav > li { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; text-align: center; } /* - justify horisontally */ .side-header.h-justify .main-nav > li > a, .side-header.h-justify.sub-downwards .sub-nav > li > a { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; -ms-flex-grow: 1; flex-grow: 1; } /* -- and also center */ .side-header.h-justify.h-center .main-nav > li > a, .side-header.h-center .branding, .side-header.h-center .mini-widgets { text-align: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; } /*! Menu dividers enabled */ .side-header.dividers .main-nav > li { position: relative; } .side-header.dividers .main-nav > li:before, .side-header.dividers.surround .main-nav > li:last-child:after { content: ""; position: absolute; top: -0.5px; height: 0; border-top: solid 1px yellow; width: 40px; max-width: 100%; /*margin-left: -20px;*/ left: 0; } .side-header.dividers.h-center .main-nav > li:before, .side-header.dividers.surround.h-center .main-nav > li:last-child:after { left: 50%; -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .side-header.dividers .main-nav > li:first-child:before { display: none; } .side-header.dividers.surround .main-nav > li:first-child:before { display: block; } .side-header.dividers.surround .main-nav > li:last-child:after { top: auto; bottom: -0.5px; } /*! Slide out side header */ .side-header.slide-out { position: fixed; top: 0; } .header-side-left .side-header.slide-out { left: 0; } .side-header.slide-out.fade { opacity: 0; visibility: hidden; } /* vertical scrollbar */ .header-scrollbar-wrap .mCustomScrollBox, .header-scrollbar-wrap .mCSB_container, .mobile-header-scrollbar-wrap .mCustomScrollBox, .mobile-header-scrollbar-wrap .mCSB_container { overflow: visible; } .mCSB_container { width: auto; } .mCSB_container.mCS_no_scrollbar { margin-right: 0; } .mCSB_scrollTools { opacity: 0; -webkit-transition: opacity 0.4s; transition: opacity 0.4s; } .masthead:hover .mCSB_scrollTools { opacity: 1; } .mCustomScrollBox > .mCSB_scrollTools { width: 16px; height: 100%; top: 10px; right: 4px; z-index: 10; } .dt-mobile-header .mCustomScrollBox > .mCSB_scrollTools { right: -30px !important; left: auto !important; } .header-side-right .mCustomScrollBox > .mCSB_scrollTools { right: auto; left: 4px; } .mCSB_scrollTools .mCSB_draggerContainer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer { margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail { width: 5px; height: 100%; margin: 0 auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .mCSB_scrollTools .mCSB_dragger { cursor: pointer; width: 100%; height: 30px; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 5px; height: 100%; margin: 0 auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-align: center; } /* default scrollbar colors and backgrounds (default theme) */ .mCSB_scrollTools .mCSB_draggerRail { background: #000; /* rgba fallback */ background: rgba(0, 0, 0, 0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; /* old ie */ } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #fff; /* rgba fallback */ background: rgba(255, 255, 255, 0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; /* old ie */ } .masthead .mCSB_container, .dt-mobile-header .mCSB_container { min-height: 100% !important; position: relative !important; } .masthead .mCSB_scrollTools, .dt-mobile-header .mCSB_scrollTools { top: 0; } .masthead .mCSB_scrollTools .mCSB_draggerContainer, .dt-mobile-header .mCSB_scrollTools .mCSB_draggerContainer { top: 10px; bottom: 10px; } /*! Mixed headers */ .mixed-header .mini-widgets { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; -ms-flex-grow: 1; flex-grow: 1; } /*! - centered logo */ .mixed-header.logo-center .mini-widgets { -webkit-flex: 1 1 0%; -moz-flex: 1 1 0%; -ms-flex: 1 1 0%; flex: 1 1 0%; -ms-flex-positive: 1; -ms-flex-negative: 1; -ms-flex-preferred-size: 0%; -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1; } .header-side-left .mixed-header.logo-center .mini-widgets { -webkit-order: 3; -moz-order: 3; -ms-flex-order: 3; order: 3; text-align: right; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-flex-pack: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: end; } .header-side-right .mixed-header.logo-center .mini-widgets { -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-flex-pack: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: start; } .mixed-header .mini-widgets { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; } .mixed-header.logo-center .branding { -webkit-order: 2; -moz-order: 2; -ms-flex-order: 2; order: 2; } .mixed-header.logo-center .menu-toggle { -webkit-flex: 1 1 0%; -moz-flex: 1 1 0%; -ms-flex: 1 1 0%; flex: 1 1 0%; -ms-flex-positive: 1; -ms-flex-negative: 1; -ms-flex-preferred-size: 0%; -webkit-order: 3; -moz-order: 3; -ms-flex-order: 3; order: 3; } .header-side-left .mixed-header.logo-center .menu-toggle { -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1; } .header-side-right .mixed-header.logo-center .menu-toggle { -webkit-order: 3; -moz-order: 3; -ms-flex-order: 3; order: 3; } .overlay-navigation .mixed-header.logo-center .menu-toggle { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-flex-pack: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: end; } /*side logo*/ .header-side-left .mixed-header.logo-left .mini-widgets { -webkit-order: 2; -moz-order: 2; -ms-flex-order: 2; order: 2; } .header-side-right .mixed-header.logo-left .mini-widgets, .overlay-navigation .mixed-header.logo-left .mini-widgets { -webkit-order: 2; -moz-order: 2; -ms-flex-order: 2; order: 2; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-flex-pack: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: end; } .header-side-left .mixed-header.logo-left.full-width .mini-widgets { text-align: right; } .header-side-right .mixed-header.logo-left:not(.full-width) .mini-widgets { text-align: right; } .mixed-header.logo-left .branding { -webkit-order: 3; -moz-order: 3; -ms-flex-order: 3; order: 3; } .header-side-right .mixed-header.logo-left .branding, .overlay-navigation .mixed-header.logo-left .branding { -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1; } .header-side-left .mixed-header.logo-left .menu-toggle { -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1; } .header-side-right .mixed-header.logo-left .menu-toggle, .overlay-navigation .mixed-header.logo-left .menu-toggle { -webkit-order: 3; -moz-order: 3; -ms-flex-order: 3; order: 3; } .masthead.mixed-header .header-bar { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; } /*if Menu icon*/ .side-header-menu-icon .branding { position: absolute; z-index: 500; } .header-side-left .side-header-menu-icon .branding { right: 0px; } .header-side-right .side-header-menu-icon .branding, .overlay-navigation .side-header-menu-icon .branding { left: 0px; } .floating-logo.side-header-menu-icon .branding { position: fixed; } .mixed-header.floating-logo { position: fixed; width: 100%; } /*if side line*/ .mixed-header.side-header-v-stroke { position: fixed; top: 0; z-index: 500; } .header-under-side-line .mixed-header.side-header-v-stroke { z-index: 9600; } .header-side-left .boxed .mixed-header.side-header-v-stroke, .overlay-navigation .boxed .mixed-header.side-header-v-stroke { left: 0; } .header-side-right .mixed-header.side-header-v-stroke { right: 0; } .admin-bar .mixed-header.side-header-v-stroke { top: 30px; } .header-side-right .boxed .mixed-header.side-header-v-stroke { margin-right: 0; } .mixed-header.side-header-v-stroke .header-bar { -webkit-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-align-content: space-between; -moz-align-content: space-between; -ms-align-content: space-between; align-content: space-between; -ms-flex-pack: justify; min-height: 100vh; } .mixed-header.side-header-v-stroke .mini-widgets { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-flow: column wrap; -moz-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap; -webkit-order: 2; -moz-order: 2; -ms-flex-order: 2; order: 2; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; -ms-flex-grow: 0; flex-grow: 0; } .mixed-header.side-header-v-stroke .branding { -webkit-order: 3; -moz-order: 3; -ms-flex-order: 3; order: 3; -ms-flex-positive: 1; -ms-flex-pack: end; } .mixed-header.side-header-v-stroke .menu-toggle { -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1; } /*Side navigation on click*/ .sticky-header.header-side-left #page { padding-left: 0; } .sticky-header.header-side-right #page { padding-right: 0; } /*Side header*/ .sticky-header.header-side-left .side-header { margin-left: 0; } .sticky-header.slide-header-animation .side-header { z-index: 9402; -webkit-transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease; } .sticky-header.fade-header-animation .side-header { z-index: 9402; } /*Animation: fade*/ .sticky-header.fade-header-animation .closed-header .side-header { -webkit-animation: opacity-lat-rev 0.8s ease 0ms 1 normal both; animation: opacity-lat-rev 0.8s ease 0ms 1 normal both; } .sticky-header.fade-header-animation .show-header .side-header { -webkit-animation: opacity-lat 0.8s ease 0ms 1 normal both; animation: opacity-lat 0.8s ease 0ms 1 normal both; } /*Animation: slide*/ .sticky-header.header-side-left.slide-header-animation .boxed .side-header { left: 0; } .sticky-header.header-side-left.slide-header-animation .side-header { -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translateX(-100%); transform: translate3d(-100%, 0, 0); } .sticky-header.header-side-left.slide-header-animation .show-header .side-header { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translateX(0); transform: translate3d(0, 0, 0); } .sticky-header.header-side-right.slide-header-animation .side-header { right: 0 !important; left: auto; -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translateX(100%); transform: translate3d(100%, 0, 0); } .sticky-header.header-side-right.slide-header-animation .show-header .side-header { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translateX(0); transform: translate3d(0, 0, 0); } /*Animation: move*/ .header-side-left.move-header-animation .side-header-menu-icon .menu-toggle { left: 0; -webkit-transition: left 0.5s; -ms-transition: left 0.5s; transition: left 0.5s; } .header-side-right.move-header-animation .side-header-menu-icon .menu-toggle { -webkit-transition: right 0.5s; -ms-transition: right 0.5s; transition: right 0.5s; } .show-header .side-header-menu-icon .menu-toggle { opacity: 0; } .move-header-animation .side-header { z-index: 9600; } .header-side-left.move-header-animation .side-header { -ms-transform: translateX(-100%); -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .header-side-right.move-header-animation .side-header { -ms-transform: translateX(100%); -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .st-effect-4.st-menu::after { display: none; } /*Background overlay*/ .sticky-header-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; -webkit-transition: all 0.4s; transition: all 0.4s; } .sticky-header-overlay.active { opacity: 1; visibility: visible; z-index: 9401; } /*Blur page*/ .blur-page .show-header #main-slideshow, .blur-page .show-header .photo-scroller, .blur-page .show-header #main, .blur-page .show-header .page-title, .blur-page .show-header .fancy-header, .blur-page .show-header .masthead.mixed-header:not(.side-header-v-stroke):not(.side-header-menu-icon), .blur-page .show-header .show-header .masthead.mixed-header:not(.side-header-v-stroke):not(.side-header-menu-icon), .blur-page .show-header .footer, .blur-page .show-header .floating-logo.side-header-menu-icon .branding, .blur-page .show-header #main-slideshow, .blur-page .show-header .photo-scroller, .blur-page .show-header #main, .blur-page .show-header .page-title, .blur-page .show-header .fancy-header, .blur-page .show-header .masthead.mixed-header:not(.side-header-v-stroke):not(.side-header-menu-icon), .blur-page .show-header .show-header .masthead.mixed-header:not(.side-header-v-stroke):not(.side-header-menu-icon), .blur-page .show-header .footer, .blur-page .show-header .floating-logo.side-header-menu-icon .branding { filter: blur(5px); -webkit-filter: blur(5px); } /*Menu icon*/ .boxed .masthead.side-header-menu-icon:not(.side-header) { max-width: 100%; } .menu-toggle { position: relative; display: block; width: 50px; height: 50px; outline: 0; padding: 0; cursor: pointer; z-index: 500; -webkit-transition: margin 0.5s ease; transition: margin 0.5s ease; } .side-header-menu-icon .menu-toggle { position: fixed; } .header-side-right .side-header-menu-icon .menu-toggle, .overlay-navigation .side-header-menu-icon .menu-toggle { right: 0; } .header-side-right .mixed-header.logo-center .menu-toggle { text-align: right; } .menu-toggle > a { display: none; } .menu-toggle .lines-button, .hide-overlay .lines-button { width: 50px; height: 50px; margin-right: 0; text-align: center; } /* .menu-toggle .lines { margin: 23px 0 0; }*/ /*overlay navigation*/ .side-header { /*.admin-bar.overlay-navigation & { top: 30px; }*/ } .overlay-navigation .side-header { position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; } .fade-header-animation .side-header { opacity: 0; visibility: hidden; } .overlay-navigation .show-header .side-header { z-index: 9402; } .overlay-navigation .hide-overlay { position: absolute; top: -100%; right: 30px; z-index: 605; width: 50px; height: 50px; visibility: hidden; } .overlay-navigation .show-header .hide-overlay { top: 30px; visibility: visible; } .hide-overlay .lines-button { width: 50px; height: 50px; text-align: center; } /*.hide-overlay .lines { margin: 22px 0 0 0; }*/ .overlay-navigation .closed-header .side-header { -webkit-animation: opacity-lat-rev 0.8s ease 0ms 1 normal both; animation: opacity-lat-rev 0.8s ease 0ms 1 normal both; } .overlay-navigation .show-header .side-header { -webkit-animation: opacity-lat 0.8s ease 0ms 1 normal both; animation: opacity-lat 0.8s ease 0ms 1 normal both; } .header-side-left .side-header .menu-toggle, .header-side-right .side-header .menu-toggle { -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } .side-header .menu-toggle { position: absolute; z-index: 9600; opacity: 0; } .header-side-right .side-header .menu-toggle { left: 0; } /*Phantom sticky*/ @-webkit-keyframes opacity-lat-rev { 0% { opacity: 1; visibility: visible; } 30% { opacity: 0; visibility: hidden; } 100% { opacity: 0; visibility: hidden; } } @keyframes opacity-lat-rev { 0% { opacity: 1; visibility: visible; } 30% { opacity: 0; visibility: hidden; } 100% { opacity: 0; visibility: hidden; } } @-webkit-keyframes opacity-lat { 0% { opacity: 0; visibility: hidden; } 70% { opacity: 1; visibility: visible; } 100% { opacity: 1; visibility: visible; } } @keyframes opacity-lat { 0% { opacity: 0; visibility: hidden; } 70% { opacity: 1; visibility: visible; } 100% { opacity: 1; visibility: visible; } } /* #Footer ================================================== */ .footer { padding: 0; margin: 0 auto; } .footer.full-width-line.empty-footer { border: none; } .footer.full-width-line .wf-container-footer, .footer.solid-bg .wf-container-footer, .empty-footer.solid-bg .wf-container-bottom, .empty-footer.solid-bg #bottom-bar.full-width-line, #bottom-bar.full-width-line .wf-container-bottom, #bottom-bar.solid-bg .wf-container-bottom { border-top: none; } .header-side-left.footer-overlap #footer, .header-side-right.footer-overlap #footer, .overlay-navigation.header-side-line.footer-overlap #footer { -webkit-box-sizing: border-box; box-sizing: border-box; } .footer-overlap #page .page-inner { position: relative; z-index: 100; } .engage-opened.footer-overlap .page-inner { z-index: 9400; } .mobile-false .footer-overlap .footer { position: fixed; bottom: 0; width: 100%; z-index: 99; opacity: 0; } .wf-container-footer { padding-top: 50px; } .footer .widget { -webkit-box-sizing: border-box; box-sizing: border-box; } /* Footer: end */ /* #Bottom bar ================================================== */ #bottom-bar { position: relative; z-index: 9; min-height: 30px; margin: 0 auto; } #bottom-bar .wf-table { height: 60px; } #bottom-bar .wf-td p { margin-bottom: 0; } .bottom-text-block { text-align: right; } #branding-bottom { width: 1px; padding: 10px 10px 10px 0; line-height: 0; font-size: 0; } #bottom-bar .wf-float-left { margin-right: 40px; } #bottom-bar .wf-float-left:last-of-type { margin-right: 0; } #bottom-bar .wf-float-right { margin-left: 40px; margin-right: 0; } #bottom-bar .sub-nav { top: auto; bottom: 100%; } #bottom-bar .sub-nav .sub-nav { bottom: 0; } #bottom-bar .sub-nav li:before { width: 200px; margin: 0 15px; } #bottom-bar a, #bottom-bar .sub-nav a:hover { text-decoration: none; } #bottom-bar a:hover { text-decoration: underline; } #bottom-bar .menu-select { position: absolute; visibility: hidden; opacity: 0; } #bottom-bar .menu-select { overflow: hidden; } #bottom-bar .mini-nav ul { display: block; } /* #Images Styling & Hovers ================================================== */ .rollover, .rollover-video, .post-rollover, .rollover-project > a { position: relative; display: block; line-height: 0; text-decoration: none; } .rollover:hover { text-decoration: none; } .rollover img { max-width: 100%; height: auto; } .rsShor .rollover-video { position: static; } .gallery-item .gallery-icon .rollover { display: inline-block; } .format-gallery .rollover { overflow: hidden; } /*rollover background*/ .rollover i, .rollover-video i, .post-rollover i { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; } .testimonial-vcard .rollover i { width: 60px; height: 60px; } .rollover i, .post-rollover i, .rollover-video i:after, .rollover-thumbnails, .rollover-video .video-icon, .rollover-video i, .rollover-content-container, .hover-style-two .links-container, .hover-style-one .links-container, .hover-style-two .rollover-thumbnails, .hover-style-one .rollover-thumbnails, .hover-style-one .rollover-project > a:after, .hover-style-three .rollover-project > a:after { -webkit-transition: all 450ms ease; transition: all 450ms ease; } /*hide default rollover when turn on description on hover*/ .description-on-hover > .wf-cell .rollover i, .description-on-hover > .wf-cell .rollover i:after { visibility: hidden; } .description-on-hover > .wf-cell .forward-post .rollover i:after, .description-on-hover > .wf-cell .forward-post .rollover i, .description-on-hover > .wf-cell .description-off .rollover i, .description-on-hover > .wf-cell .description-off .rollover i:after, .testimonials .description-on-hover > .wf-cell .rollover i, .testimonials .description-on-hover > .wf-cell .rollover i:after { visibility: visible; } /*rollover icon*/ .rollover i:after, .project-list-media .rollover-video i:after { position: absolute; width: 50px; height: 50px; background-position: center center; background-repeat: no-repeat; content: ""; } .small-hover-icons .rollover i:after, .small-hover-icons .project-list-media .rollover-video i:after { top: 3px; right: 3px; } .large-hover-icons .rollover i:after, .large-hover-icons .project-list-media .rollover-video i:after, .small-hover-icons .testimonial-vcard .rollover i:after, .small-hover-icons .testimonial-vcard .project-list-media .rollover-video i:after, .small-hover-icons .comment-author .rollover i:after, .small-hover-icons .comment-author .project-list-media .rollover-video i:after { top: 0; right: 0; width: 100%; height: 100%; } .post-rollover i:after, .vc_box_circle .rollover i:after, .vc_box_circle i:after, .vc_box_outline_circle i:after, .vc_box_border_circle i:after, .vc_box_shadow_circle i:after, .vc_box_shadow_border_circle i:after, .vc_box_shadow_circle i:after, .vc_box_shadow_border_circle i:after, .vc_box_shadow_border_circle i:after, .small-hover-icons .round-images .rollover i:after { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; content: ""; } .disabled-hover-icons .rollover i:after, .disabled-hover-icons .post-rollover i:after { display: none; } #page .rollover-small i:after, .post-rollover i:after, .blog .dt-format-gallery.dt-gallery-container .rollover i:after, .dt-blog-shortcode .dt-format-gallery.dt-gallery-container .rollover i:after { top: 50%; left: 50%; width: 30px; height: 30px; margin: -15px 0 0 -15px; } /*video hover styling*/ .rollover-video .video-icon { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 99; background-position: center center; background-repeat: no-repeat; } .rollover-video .video-icon:before { position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; margin: -40px 0 0 -40px; background-color: rgba(0, 0, 0, 0.4); background-position: 30px center; background-repeat: no-repeat; content: ""; border-radius: 50%; } /*show rollover on hover*/ .no-touch .rollover:hover i, .no-touch .images-list:hover i, .no-touch .post-rollover:hover i, .rollover-video:hover i { display: block; opacity: 1; } .rollover-video:hover .video-icon:before, .images-list:hover .rollover-video .video-icon:before { background-color: rgba(0, 0, 0, 0.4); opacity: 1; } .rollover-video .video-icon:hover { opacity: 1; } /*Details rollover icon*/ .small-hover-icons .rollover i:after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' fill='white' xml:space='preserve'%3E%3Cpolygon points='16,7 9,7 9,0 7,0 7,7 0,7 0,9 7,9 7,16 9,16 9,9 16,9 '/%3E%3C/svg%3E"); } .large-hover-icons .rollover i:after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='32px' height='32px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' fill='white' xml:space='preserve'%3E%3Cpolygon points='16,7 9,7 9,0 7,0 7,7 0,7 0,9 7,9 7,16 9,16 9,9 16,9 '/%3E%3C/svg%3E"); } .portfolio.small-hover-icons .rollover-video i:after, .albums.small-hover-icons .rollover-video i:after, .small-hover-icons .dt-portfolio-shortcode .rollover-video i:after, .small-hover-icons .dt-albums-shortcode .rollover-video i:after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' fill='white' xml:space='preserve'%3E%3Cpolygon points='16,7 9,7 9,0 7,0 7,7 0,7 0,9 7,9 7,16 9,16 9,9 16,9 '/%3E%3C/svg%3E"); } .portfolio.large-hover-icons .rollover-video i:after, .albums.large-hover-icons .rollover-video i:after, .large-hover-icons .dt-portfolio-shortcode .rollover-video i:after, .large-hover-icons .dt-albums-shortcode .rollover-video i:after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='32px' height='32px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' fill='white' xml:space='preserve'%3E%3Cpolygon points='16,7 9,7 9,0 7,0 7,7 0,7 0,9 7,9 7,16 9,16 9,9 16,9 '/%3E%3C/svg%3E"); } .blog.large-hover-icons .dt-format-gallery.dt-gallery-container .rollover i:after, .large-hover-icons .dt-blog-shortcode .dt-format-gallery.dt-gallery-container .rollover i:after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' fill='white' xml:space='preserve'%3E%3Cpolygon points='14,-0.02 14,0 8.993,0 8.993,2 14,2 14,6.98 16,6.98 16,-0.02 '/%3E%3Cpolygon points='2,9 0,9 0,16 2,16 2,15.98 7.007,15.98 7.007,13.98 2,13.98 '/%3E%3C/svg%3E"); } /*Zoom rollover icon*/ .small-hover-icons .rollover-zoom i:after, .small-hover-icons .format-photo .rollover i:after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' fill='white' xml:space='preserve'%3E%3Cpolygon points='14,-0.02 14,0 8.993,0 8.993,2 14,2 14,6.98 16,6.98 16,-0.02 '/%3E%3Cpolygon points='2,9 0,9 0,16 2,16 2,15.98 7.007,15.98 7.007,13.98 2,13.98 '/%3E%3C/svg%3E"); } .large-hover-icons .rollover-zoom i:after, .large-hover-icons .format-photo .rollover i:after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='32px' height='32px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' fill='white' xml:space='preserve'%3E%3Cpolygon points='14,-0.02 14,0 8.993,0 8.993,2 14,2 14,6.98 16,6.98 16,-0.02 '/%3E%3Cpolygon points='2,9 0,9 0,16 2,16 2,15.98 7.007,15.98 7.007,13.98 2,13.98 '/%3E%3C/svg%3E"); } /*rollover icon for small photos*/ .rollover-small i:after, .post-rollover i:after, .comment-author .rollover i:after, .widget .team-media a.rollover i:after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' fill='white' xml:space='preserve'%3E%3Cpolygon points='16,7 9,7 9,0 7,0 7,7 0,7 0,9 7,9 7,16 9,16 9,9 16,9 '/%3E%3C/svg%3E"); } /*Video rollover icon*/ .rollover-video .video-icon:before, .blog .format-video .rollover i:after, .dt-blog-shortcode .format-video .rollover i:after, .rollover-video i:after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='32px' height='32px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve' fill='white'%3E%3Cpath d='M3.125,4L10.2,8.001L3.125,12V3.8 M1,0v16l13-8L1,0L1,0z'/%3E%3C/svg%3E"); } .small-hover-icons .rollover-video i:after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve' fill='white'%3E%3Cpath d='M3.125,4L10.2,8.001L3.125,12V3.8 M1,0v16l13-8L1,0L1,0z'/%3E%3C/svg%3E"); } .large-hover-icons .rollover-video i:after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='32px' height='32px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve' fill='white'%3E%3Cpath d='M3.125,4L10.2,8.001L3.125,12V3.8 M1,0v16l13-8L1,0L1,0z'/%3E%3C/svg%3E"); } .blog.large-hover-icons .dt-format-gallery.dt-gallery-container .rollover-video i:after, .large-hover-icons .dt-blog-shortcode .dt-format-gallery.dt-gallery-container .rollover-video i:after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve' fill='white'%3E%3Cpath d='M3.125,4L10.2,8.001L3.125,12V3.8 M1,0v16l13-8L1,0L1,0z'/%3E%3C/svg%3E"); } .blog.small-hover-icons .format-video .rollover i:after, .small-hover-icons .dt-blog-shortcode .format-video .rollover i:after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve' fill='white'%3E%3Cpath d='M3.125,4L10.2,8.001L3.125,12V3.8 M1,0v16l13-8L1,0L1,0z'/%3E%3C/svg%3E"); } .blog.large-hover-icons .format-video .rollover i:after, .large-hover-icons .dt-blog-shortcode .format-video .rollover i:after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='32px' height='32px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve' fill='white'%3E%3Cpath d='M3.125,4L10.2,8.001L3.125,12V3.8 M1,0v16l13-8L1,0L1,0z'/%3E%3C/svg%3E"); } .instagram-photos.dt-gallery-container .rollover.rollover-small i:after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' fill='white' xml:space='preserve'%3E%3Cpolygon points='14,-0.02 14,0 8.993,0 8.993,2 14,2 14,6.98 16,6.98 16,-0.02 '/%3E%3Cpolygon points='2,9 0,9 0,16 2,16 2,15.98 7.007,15.98 7.007,13.98 2,13.98 '/%3E%3C/svg%3E"); } .instagram-photos.dt-gallery-container .rollover.rollover-small i:after { background-position: center center; background-repeat: no-repeat; } /*Albums -> Show image miniatures (hover styling)*/ .rollover-thumbnails { position: relative; display: -ms-flexbox; } .buttons-on-img .rollover-thumbnails, .description-under-image .rollover-thumbnails { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: 0; z-index: 9; } .album-minuatures-style-1 .rollover-thumbnails { width: 142px; height: 116px; } .album-minuatures-style-2 .rollover-thumbnails { width: 170px; height: 70px; } .content-align-left-bottom.hover-style-two .rollover-thumbnails, .hover-style-one.content-align-left .rollover-thumbnails, .hover-style-three.content-align-left .rollover-thumbnails { position: absolute; display: block; top: 15px; right: 17px; } .content-align-left-top.hover-style-two .rollover-thumbnails { position: absolute; display: block; bottom: 14px; right: 17px; } .rollover-project .rollover-thumbnails { margin-top: 5px; margin-bottom: 5px; /*opacity: 1;*/ } .effect-layla .rollover-project .rollover-thumbnails, .effect-bubba .rollover-project .rollover-thumbnails, .effect-sarah .rollover-project .rollover-thumbnails { display: inline-block; margin-bottom: -5px; margin-top: 15px; } .disabled-hover-icons .blog-media .rollover-thumbnails { display: none; } .no-touch .rollover:hover .rollover-thumbnails, .touch .rollover.is-clicked .rollover-thumbnails { opacity: 1; } .rollover-thumbnails span { position: absolute; top: 0; left: 0; border: 3px solid #fff; -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.15); box-sizing: border-box; } .album-minuatures-style-1 .rollover-thumbnails span { width: 90px; height: 90px !important; } .album-minuatures-style-2 .rollover-thumbnails span { width: 69px; height: 69px !important; } .rollover-thumbnails span, .rollover-thumbnails span img { -webkit-border-radius: 50%; border-radius: 50%; } .rollover-thumbnails .r-thumbn-1 { z-index: 102; } .album-minuatures-style-1 .rollover-thumbnails .r-thumbn-1 { top: 25px; left: 49px; } .rollover-thumbnails .r-thumbn-2 { z-index: 100; } .album-minuatures-style-1 .rollover-thumbnails .r-thumbn-2 { top: 0; left: 42px; width: 50px; height: 50px !important; } .album-minuatures-style-2 .rollover-thumbnails .r-thumbn-2 { left: 49px; } .album-minuatures-style-1 .rollover-thumbnails .r-thumbn-3 { top: 29px; left: 0px; width: 70px; height: 70px !important; z-index: 101; } .album-minuatures-style-2 .rollover-thumbnails .r-thumbn-3 { left: 98px; z-index: 99; } .rollover-thumbnails span i { display: none !important; } .rollover.rollover-thumbnails-on i:after, .albums .rollover.rollover-thumbnails-on i:after, .dt-albums-shortcode .rollover.rollover-thumbnails-on i:after { display: none; } /* #Styling -> Scale ================================================== */ .no-touch .scale-on-hover a.rollover, .no-touch .scale-on-hover a.post-rollover, .no-touch .scale-on-hover div.rollover-video, .no-touch .scale-on-hover .hover-style-one .rollover-project > a, .no-touch .scale-on-hover .buttons-on-img > a, .no-touch .scale-on-hover .hover-fade .rollover-project > a, .no-touch .scale-on-hover .testimonial-vcard a .alignleft div, .no-touch .scale-on-hover .testimonial-vcard a .alignleft { overflow: hidden; } .no-touch .scale-on-hover .testimonial-vcard a .alignleft div, .no-touch .scale-on-hover .testimonial-vcard a .alignleft, .no-touch .scale-on-hover .rollover.vc_box_circle, .no-touch .scale-on-hover .vc_box_circle, .no-touch .scale-on-hover a.post-rollover, .no-touch .scale-on-hover .round-images .rollover { -webkit-backface-visibility: hidden; -webkit-transform: translatez(0); } .no-touch .scale-on-hover a.rollover img, .no-touch .scale-on-hover a.post-rollover img, .no-touch .scale-on-hover div.rollover-video img, .no-touch .scale-on-hover .hover-style-one .rollover-project > a img, .no-touch .scale-on-hover .buttons-on-img > a img, .no-touch .scale-on-hover .hover-fade .rollover-project > a img, .no-touch .scale-on-hover .hover-scale .rollover-project > a img { -webkit-transition: -webkit-transform 0.5s ease; transition: transform .5s ease; } .no-touch .scale-on-hover a.rollover:hover > img, .no-touch .scale-on-hover a.rollover:hover > div > img, .no-touch .scale-on-hover a.post-rollover:hover img, .no-touch .scale-on-hover div.rollover-video:hover img, .no-touch .scale-on-hover .hover-style-one .rollover-project:hover > a img, .no-touch .scale-on-hover .buttons-on-img:hover > a > img, .no-touch .scale-on-hover .hover-fade .rollover-project:hover > a img, .no-touch .scale-on-hover .hover-scale .rollover-project:hover > a img, .no-touch .scale-on-hover .testimonial-vcard a.rollover:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } .no-touch .is-safari.scale-on-hover .round-images a.rollover:hover > img, .no-touch .is-safari.scale-on-hover .round-images a.rollover:hover > div, .no-touch .is-safari.scale-on-hover .round-images a.post-rollover:hover img, .no-touch .is-safari.scale-on-hover .testimonial-vcard a.rollover:hover img, .no-touch .is-safari.scale-on-hover .comment-author a.rollover:hover > img, .no-touch .scale-on-hover a.rollover.vc_single_image-wrapper > img, .no-touch .is-safari.scale-on-hover .rollover.vc_single_image-wrapper:hover > img, .no-touch .scale-on-hover .hover-fade.woo-hover .rollover-project:hover > a img, .no-touch .scale-on-hover .woo-hover .buttons-on-img:hover > a > img { -webkit-transform: scale(1); transform: scale(1); } /* #Styling -> Blur ================================================== */ .blur-this { position: relative; } .no-touch .image-blur .rollover, .no-touch .image-blur .post-rollover, .no-touch .image-blur .rollover-project > a { overflow: hidden; -webkit-transform: translate3d(0, 0, 0); } .no-touch .image-blur .rollover-video img, .no-touch .image-blur .rollover img, .no-touch .image-blur .post-rollover img, .no-touch .image-blur .rollover-project img, .no-touch .image-blur .buttons-on-img a > img { transition: 0.5s; -webkit-perspective: 1000; -webkit-backface-visibility: hidden; } .no-touch .image-blur .rollover-video:hover > img, .no-touch .image-blur .rollover:hover > img, .no-touch .image-blur .rollover:hover > div > img, .no-touch .image-blur .post-rollover:hover img, .no-touch .image-blur .hover-style-one .rollover-project:hover a > img, .no-touch .image-blur .hover-fade .rollover-project:hover a > img, .no-touch .image-blur .hover-scale .rollover-project:hover a > img, .no-touch .image-blur .hover-grid-reverse .rollover-project:hover a > img, .no-touch .image-blur .hover-grid .rollover-project:hover a > img, .no-touch .image-blur .buttons-on-img:hover a > img, .no-touch .image-blur .images-list:hover .blur-this a > img { filter: blur(2.5px); -webkit-filter: blur(2.5px); -moz-filter: blur(2.5px); -o-filter: blur(2.5px); -ms-filter: blur(2.5px); } .images-list .blur-this i { z-index: 10; } .images-list:hover .blur-this i { opacity: 1; } .hover-style-one .rollover:hover i { display: none; } /* #Styling -> Grayscale ================================================== */ .filter-grayscale .royalSlider img, .filter-grayscale .content img, .filter-grayscale .sidebar img, .filter-grayscale .footer img, .filter-grayscale .shortcode-banner, .filter-grayscale .map-container, .filter-grayscale iframe, .filter-grayscale embed, .filter-grayscale object, .filter-grayscale-static .royalSlider img, .filter-grayscale-static .content img, .filter-grayscale-static .sidebar img, .filter-grayscale-static .footer img, .filter-grayscale-static .shortcode-banner, .filter-grayscale-static .map-container, .filter-grayscale-static iframe, .filter-grayscale-static embed, .filter-grayscale-static object { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; /* IE 6-9 */ /* Make sure that it will not flicker in Desktop Safari due to usage of CSS3 animation in RoyalSlider */ } .no-touch .filter-grayscale .royalSlider img, .no-touch .filter-grayscale .content img, .no-touch .filter-grayscale .sidebar img, .no-touch .filter-grayscale .footer img, .no-touch .filter-grayscale .shortcode-banner, .no-touch .filter-grayscale .map-container, .no-touch .filter-grayscale iframe, .no-touch .filter-grayscale embed, .no-touch .filter-grayscale object, .no-touch .filter-grayscale-static .royalSlider img, .no-touch .filter-grayscale-static .content img, .no-touch .filter-grayscale-static .sidebar img, .no-touch .filter-grayscale-static .footer img, .no-touch .filter-grayscale-static .shortcode-banner, .no-touch .filter-grayscale-static .map-container, .no-touch .filter-grayscale-static iframe, .no-touch .filter-grayscale-static embed, .no-touch .filter-grayscale-static object { -webkit-backface-visibility: visible !important; -webkit-transform: inherit !important; } /* .filter-grayscale img:hover, */ .filter-grayscale img.filter-disable, .filter-grayscale .filter-disable img, .filter-grayscale img.dt-hovered, .filter-grayscale .dt-hovered img, .filter-grayscale .rollover:hover img, .filter-grayscale .cs-style-3 .link:hover img, .filter-grayscale .rollover-video:hover img, .filter-grayscale .post-rollover:hover img, .filter-grayscale .fs-entry:hover img, .filter-grayscale .rsThumb:hover img, .filter-grayscale .royalSlider:hover img, .filter-grayscale .content img:hover, .filter-grayscale .sidebar img:hover, .filter-grayscale .footer img:hover, .filter-grayscale .shortcode-banner:hover, .filter-grayscale .content .rev_slider_wrapper:hover img, .filter-grayscale .map-container:hover, .filter-grayscale iframe:hover, .filter-grayscale embed:hover, .filter-grayscale object:hover, .filter-grayscale .rollover-project:hover img, .filter-grayscale .buttons-on-img:hover img, .filter-grayscale .mfp-wrap iframe, .filter-grayscale .mfp-wrap embed, .filter-grayscale .mfp-wrap object, .filter-grayscale #branding-bottom img, .filter-grayscale-static #branding-bottom img { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: none; filter: transparent; } /* #Hover layouts ================================================== */ .content-align-centre, .content-align-bottom { text-align: center; } .rollover-project { position: relative; overflow: hidden; } .post .rollover-project.alignnone { margin-bottom: 0; } .rollover-content { position: absolute; top: 0; left: 0; z-index: 100; display: none; width: 100%; height: 100%; padding: 10px 25px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; } .touch .hover-style-two:not(.effect-layla):not(.effect-bubba):not(.effect-sarah) .rollover-content { display: none; } .rollover-content:hover { cursor: pointer; } .no-touch .rollover-content { display: block; opacity: 0; } .no-touch .rollover-project:hover .rollover-content, .no-touch .buttons-on-img:hover .rollover-content { opacity: 1; } .hover-grid .rollover-content, .no-touch .text-on-img.hover-grid .fs-entry { overflow: hidden; } .touch .rollover-content.hide-content, .touch .fs-entry i { display: none; } .touch .albums .rollover-content, .touch .media .rollover-content, .touch .buttons-on-img .rollover-content { opacity: 0; } .touch .is-clicked .rollover-thumbnails, .touch .is-clicked.rollover-content, .touch .is-clicked .buttons-on-img i { visibility: visible !important; opacity: 1 !important; } /*Always show description*/ .always-show-info .rollover-content, .always-show-info .rollover-content-container { display: block; opacity: 1 !important; } .rollover-content-container { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; } /*Show icons*/ .links-container { position: relative; line-height: 0 !important; font-size: 0 !important; text-align: center; } .small-portfolio-icons .buttons-on-img .links-container, .small-portfolio-icons .wf-container:not(.effect-layla):not(.effect-bubba):not(.effect-sarah) .links-container, .content-align-left-bottom.hover-style-two .links-container, .content-align-left.hover-style-one .links-container, .content-align-left.hover-style-three .links-container { position: absolute; display: block; top: 15px; right: 15px; text-align: right; } .small-portfolio-icons #page .effect-layla .links-container, .small-portfolio-icons #page .effect-bubba .links-container, .small-portfolio-icons #page .effect-sarah .links-container { position: relative; display: block; top: 0; right: auto; width: 100%; text-align: center; } .small-portfolio-icons #page .effect-sarah .links-container { text-align: left; } .small-portfolio-icons .buttons-on-img .links-container, .small-portfolio-icons .wf-container:not(.effect-layla):not(.effect-bubba):not(.effect-sarah) .links-container { right: 10px; } .small-portfolio-icons .content-align-left-top.hover-style-two:not(.effect-layla):not(.effect-bubba):not(.effect-sarah) .links-container { top: auto; bottom: 15px; } .content-align-left-top.hover-style-two .links-container { position: absolute; display: block; bottom: 15px; right: 15px; text-align: right; } .semitransparent-portfolio-icons .buttons-on-img .links-container, .accent-portfolio-icons .buttons-on-img .links-container, .outlined-portfolio-icons .buttons-on-img .links-container { top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .effect-layla .links-container, .effect-bubba .links-container, .effect-sarah .links-container { margin-top: 10px; } .touch .links-container { visibility: hidden; } .touch .is-clicked .links-container, .touch .effect-layla.always-show-info .links-container, .touch .effect-bubba.always-show-info .links-container, .touch .effect-sarah.always-show-info .links-container { visibility: visible; } .touch .hover-style-two:not(.effect-layla):not(.effect-bubba):not(.effect-sarah) .is-clicked .links-container { -webkit-transition-delay: 300ms; transition-delay: 300ms; } .links-container > a { position: relative; display: inline-block; width: 44px; height: 44px; margin: 5px 5px; text-indent: -9999px; line-height: 0; font-size: 0 !important; background-image: none; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: all 200ms ease; transition: all 200ms ease; } .effect-sarah .links-container > a { margin: 5px 10px 5px 0; } .small-portfolio-icons .links-container > a { width: 26px; height: 26px; margin-top: 1px; } .small-portfolio-icons .links-container > a:hover { opacity: 0.8; } .semitransparent-portfolio-icons .links-container > a { background-color: rgba(255, 255, 255, 0.35); } .buttons-on-img .links-container > a, .hover-style-two:not(.hover-color-static) .links-container > a { -webkit-box-sizing: border-box; box-sizing: border-box; } .links-container > a:after, .outlined-portfolio-icons .links-container > a:before { display: block; width: 100%; height: 100%; content: ""; background-position: center center; background-repeat: no-repeat; } .outlined-portfolio-icons .links-container > a:after, .outlined-portfolio-icons .links-container > a:before { position: absolute; top: 0; left: 0; opacity: 1; -webkit-transition: opacity 200ms ease; transition: opacity 200ms ease; } .outlined-portfolio-icons .links-container > a:before, .outlined-portfolio-icons .links-container > a:hover:after { opacity: 0; } .outlined-portfolio-icons .links-container > a:hover:before { opacity: 1; } .outlined-portfolio-icons .links-container .project-details:after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='44px' height='44px' viewBox='0 0 44 44' enable-background='new 0 0 44 44' xml:space='preserve'%3E%3Cpolygon fill='white' points='30,21 23,21 23,14 21,14 21,21 14,21 14,23 21,23 21,30 23,30 23,23 30,23 '/%3E %3Cpath id='flashlight-12' fill='white' d='M22,2c11.027,0,20,8.972,20,20c0,11.027-8.973,20-20,20S2,33.027,2,22C2,10.972,10.973,2,22,2z M22,0C9.851,0,0,9.85,0,22c0,12.149,9.851,22,22,22s22-9.851,22-22C44,9.85,34.149,0,22,0z'/%3E%3C/svg%3E"); } .outlined-portfolio-icons .links-container .project-details:before { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='44px' height='44px' viewBox='0 0 44 44' enable-background='new 0 0 44 44' xml:space='preserve'%3E%3Cpath fill='white' d='M22,0C9.851,0,0,9.85,0,22c0,12.149,9.851,22,22,22s22-9.851,22-22C44,9.85,34.149,0,22,0z M30,23h-7v7h-2v-7h-7v-2h7v-7h2v7h7V23z'/%3E%3C/svg%3E"); } .semitransparent-portfolio-icons .links-container .project-details:after, .accent-portfolio-icons .links-container .project-details:after, .small-portfolio-icons .links-container .project-details:after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='44px' height='44px' viewBox='0 0 44 44' enable-background='new 0 0 44 44' xml:space='preserve'%3E%3Cpolygon fill='white' points='30,21 23,21 23,14 21,14 21,21 14,21 14,23 21,23 21,30 23,30 23,23 30,23 '/%3E%3C/svg%3E"); } .outlined-portfolio-icons .project-zoom:after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='44px' height='44px' viewBox='0 0 44 44' enable-background='new 0 0 44 44' xml:space='preserve'%3E%3Cpath fill='white' d='M22,2c11.027,0,20,8.972,20,20c0,11.027-8.973,20-20,20S2,33.027,2,22C2,10.972,10.973,2,22,2z M22,0C9.851,0,0,9.85,0,22c0,12.149,9.851,22,22,22s22-9.851,22-22C44,9.85,34.149,0,22,0z'/%3E%3Cpolygon fill='white' points='28,13.99 28,14.01 22.993,14.01 22.993,16.01 28,16.01 28,20.99 30,20.99 30,13.99 '/%3E%3Cpolygon fill='white' points='16,23.01 14,23.01 14,30.01 16,30.01 16,29.99 21.07,29.99 21.007,27.99 16,27.99 '/%3E%3C/svg%3E"); } .outlined-portfolio-icons .project-zoom:before { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='44px' height='44px' viewBox='0 0 44 44' enable-background='new 0 0 44 44' xml:space='preserve'%3E%3Cpath fill='white' d='M22,0C9.851,0,0,9.85,0,22c0,12.149,9.851,22,22,22s22-9.851,22-22C44,9.85,34.149,0,22,0z M21.007,29.99H16v0.02h-2v-7h2v4.98h5.007V29.99z M30,20.99h-2v-4.98h-5.007v-2H28v-0.02h2V20.99z'/%3E%3C/svg%3E"); } .semitransparent-portfolio-icons .project-zoom:after, .accent-portfolio-icons .project-zoom:after, .small-portfolio-icons .project-zoom:after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='44px' height='44px' viewBox='0 0 44 44' enable-background='new 0 0 44 44' xml:space='preserve'%3E%3Cpolygon fill='white' points='28,13.99 28,14.01 22.993,14.01 22.993,16.01 28,16.01 28,20.99 30,20.99 30,13.99 '/%3E%3Cpolygon fill='white' points='16,23.01 14,23.01 14,30.01 16,30.01 16,29.99 21.007,29.99 21.007,27.99 16,27.99 '/%3E%3C/svg%3E"); } .outlined-portfolio-icons .project-link:after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='44px' height='44px' viewBox='0 0 44 44' enable-background='new 0 0 44 44' xml:space='preserve'%3E%3Cpath fill='white' d='M22,2c11.027,0,20,8.972,20,20c0,11.027-8.973,20-20,20S2,33.027,2,22C2,10.972,10.973,2,22,2z M22,0C9.851,0,0,9.85,0,22c0,12.149,9.851,22,22,22s22-9.851,22-22C44,9.85,34.149,0,22,0z'/%3E%3Cpolygon fill='white' points='28,28.01 16,28.01 16,16.01 19.011,16.01 19.011,14.01 16,14.01 14.011,14.01 14,14.01 14,28.01 14,30.01 16,30.01 30,30.01 30,29.999 30,28.01 30,24.999 28,24.999 '/%3E%3Cpolygon fill='white' points='28,13.99 28,14.01 22.993,14.01 22.993,16.01 26.637,16.01 20.5,22.146 21.863,23.51 28,17.374 28,20.99 30,20.99 30,13.99 '/%3E%3C/svg%3E"); } .semitransparent-portfolio-icons .project-link:after, .accent-portfolio-icons .project-link:after, .small-portfolio-icons .project-link:after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='44px' height='44px' viewBox='0 0 44 44' enable-background='new 0 0 44 44' xml:space='preserve'%3E%3Cpolygon fill='white' points='28,28.01 16,28.01 16,16.01 19.011,16.01 19.011,14.01 16,14.01 14.011,14.01 14,14.01 14,28.01 14,30.01 16,30.01 30,30.01 30,29.999 30,28.01 30,24.999 28,24.999 '/%3E%3Cpolygon fill='white' points='28,13.99 28,14.01 22.993,14.01 22.993,16.01 26.637,16.01 20.5,22.146 21.863,23.51 28,17.374 28,20.99 30,20.99 30,13.99 '/%3E%3C/svg%3E"); } .outlined-portfolio-icons .project-link:before { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='44px' height='44px' viewBox='0 0 44 44' enable-background='new 0 0 44 44' xml:space='preserve'%3E%3Cpath fill='white' d='M22,0C9.851,0,0,9.85,0,22c0,12.149,9.851,22,22,22s22-9.851,22-22C44,9.85,34.149,0,22,0z M30,28.01v1.989v0.011H16h-2v-2v-14h0.011H16h3.011v2H16v12h12v-3.011h2V28.01z M30,20.99h-2v-3.616l-6.137,6.136L20.5,22.146l6.137-6.137h-3.644v-2H28v-0.02h2V20.99z'/%3E%3C/svg%3E"); } .links-container a > span { display: block; position: absolute; width: 100%; height: 100%; left: -2px; top: -2px; border: 2px solid rgba(255, 255, 255, 0.38); opacity: 1; visibility: hidden; -webkit-border-radius: 50%; border-radius: 50%; } .no-touch .semitransparent-portfolio-icons .links-container > a .icon-hover, .no-touch .accent-portfolio-icons .links-container > a .icon-hover { visibility: visible; opacity: 0; -ms-transform: scale(1.3); -webkit-transform: scale(1.3); transform: scale(1.3); -webkit-transition-duration: .5s; transition-duration: .5s; } .cs-style-3 .rollover-content-wrap:before, .description-under-image .links-container:before, .description-under-image .links-container:after, .links-container:after, .links-container:before { content: ""; display: table; clear: both; } #page .rollover-content .entry-title a { background: none; } .links-hovers-disabled .rollover-content .entry-title a:hover { background: none; -webkit-background-clip: text; -webkit-text-fill-color: #fff; } #page .rollover-content, #page .rollover-content *, #page .rollover-content h3.entry-title, #page .rollover-content h3.entry-title a, #page .post .rollover-content h4.entry-title a:hover, #page .post .rollover-content .entry-title a:hover, #page .rollover-content a:hover, #page .post .rollover-content h3.entry-title a:hover, #page .hover-style-one h2.entry-title, #page .hover-style-two h2.entry-title, #page .stripe .rollover-content, #page .stripe .rollover-content *, #page .stripe .rollover-content h3.entry-title, #page .stripe .rollover-content h3.entry-title a, #page .stripe .post .rollover-content h4.entry-title a:hover, #page .stripe .post .rollover-content .entry-title a:hover, #page .stripe .rollover-content a:hover, #page .stripe .post .rollover-content h3.entry-title a:hover, #page .stripe .hover-style-one h2.entry-title, #page .stripe .hover-style-two h2.entry-title { color: #fff; -webkit-text-fill-color: #fff; } #page .rollover-content h3.entry-title, #page .rollover-content .entry-title a, #page .post .rollover-content .entry-title a:hover, #page .hover-style-one h2.entry-title, #page .hover-style-two h2.entry-title, #page .hover-style-two h4.entry-title, #page .stripe .rollover-content h3.entry-title, #page .stripe .rollover-content .entry-title a, #page .stripe .post .rollover-content .entry-title a:hover, #page .stripe .hover-style-one h2.entry-title, #page .stripe .hover-style-two h2.entry-title, #page .stripe .hover-style-two h4.entry-title { background: none; } .hover-grid .rollover-content { -webkit-transition: none; transition: none; } /* #Under images ================================================== */ .buttons-on-img { position: relative; overflow: hidden; margin: 0 0 20px; text-align: center; } .bg-on .buttons-on-img { margin: 0; } .layout-list .buttons-on-img { margin: 0 30px 25px 0; } .layout-list .project-even .buttons-on-img { margin: 0 0 25px 30px; } .layout-list .media-wide .buttons-on-img { margin-right: 0; margin-left: 0; } .buttons-on-img > p, .post .buttons-on-img .alignnone, .description-under-image .post .buttons-on-img .alignnone { margin-bottom: 0; } .post .buttons-on-img .alignleft { margin: 0; } .buttons-on-img > .rollover-content { padding: 0; } .touch .buttons-on-img > .rollover-content { display: block; } .rollover .rollover-thumbnails { opacity: 0; } .no-touch .rollover:hover .rollover-thumbnails, .touch .rollover.is-clicked .rollover-thumbnails { opacity: 1; } /* # On colored background ================================================== */ .touch .hover-style-two:not(.effect-layla):not(.effect-bubba):not(.effect-sarah) .rollover-content.is-clicked { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .hover-style-two .rollover-content { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .content-align-bottom.hover-style-two .rollover-content { -webkit-align-content: flex-end; -moz-align-content: flex-end; -ms-align-content: flex-end; align-content: flex-end; -ms-flex-line-pack: end; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; -ms-flex-align: flex-end; align-items: flex-end; -ms-flex-align: end; } .content-align-centre.hover-style-two .rollover-content { -webkit-align-content: center; -moz-align-content: center; -ms-align-content: center; align-content: center; -ms-flex-line-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -ms-flex-align: center; } .content-align-left-bottom.hover-style-two .rollover-content { -webkit-align-content: flex-end; -moz-align-content: flex-end; -ms-align-content: flex-end; align-content: flex-end; -ms-flex-line-pack: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; -ms-flex-align: flex-end; align-items: flex-end; -ms-flex-align: end; } .content-align-left-top.hover-style-two .rollover-content { -webkit-align-content: flex-start; -moz-align-content: flex-start; -ms-align-content: flex-start; align-content: flex-start; -ms-flex-line-pack: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; -ms-flex-align: start; } .hover-style-two .rollover-content-container { margin-top: 10px; width: 100%; } /* #Direction aware -------------------------------------------------- */ .touch .hover-grid .rollover-content, .touch .hover-grid-reverse .rollover-content, .touch .hover-scale .rollover-content { /*display: block !important;*/ top: 0 !important; left: 0 !important; opacity: 0; } .touch .hover-grid .is-clicked .rollover-content, .touch .hover-grid-reverse .is-clicked .rollover-content, .touch .hover-scale .is-clicked .rollover-content { opacity: 1; } /* #Scale In -------------------------------------------------- */ .no-touch .hover-scale .rollover-content { background: none; } .hover-scale .rollover-project:after { background-color: inherit; position: absolute; top: 0; left: 0; right: 0; opacity: 0; content: ""; border-radius: 50%; padding-bottom: 100%; -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s; transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s; } .hover-scale .ratio-2.rollover-project:after { top: -50%; } .hover-scale .ratio_3-2.rollover-project:after { top: -25%; } .hover-scale .ratio_4-3.rollover-project:after { top: -16.6666%; } .hover-scale .ratio_2-3.rollover-project:after { top: 16.6666%; } .hover-scale .ratio_3-4.rollover-project:after { top: 14.5%; } .no-touch .hover-scale .rollover-project:hover:after { opacity: 1; -ms-transform: scale(1.42); -webkit-transform: scale(1.42); transform: scale(1.42); } .no-touch .hover-scale .ratio_3-2.rollover-project:hover:after { -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); } .no-touch .hover-scale .ratio_4-3.rollover-project:hover:after { -ms-transform: scale(1.5); -webkit-transform: scale(1.5); transform: scale(1.5); } .no-touch .hover-scale .ratio_3-4.rollover-project:hover:after { -ms-transform: scale(2); -webkit-transform: scale(2); transform: scale(2); } .no-touch .hover-scale .ratio_2-3.rollover-project:hover:after { -ms-transform: scale(2); -webkit-transform: scale(2); transform: scale(2); } .no-touch .hover-scale .rollover-content { background: none !important; background-color: transparent; -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); -ms-transition: -ms-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s; -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s; transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s; } .no-touch .hover-scale .rollover-project:hover .rollover-content { opacity: 1; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } /* #On dark gradient ================================================== */ .hover-style-one .rollover-content, .accent-gradient .hover-style-one .rollover-content { /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.6) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), rgba(0, 0, 0, 0.1) 50%, color-stop(100%, rgba(0, 0, 0, 0.6))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.6) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.6) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.6) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.6) 100%); /* W3C */ background-color: transparent !important; color: #fff; } .hover-style-one .rollover-content { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .content-align-centre.hover-style-one .rollover-content { -webkit-align-content: flex-end; -moz-align-content: flex-end; -ms-align-content: flex-end; align-content: flex-end; -ms-flex-line-pack: end; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; -ms-flex-align: flex-end; align-items: flex-end; -ms-flex-align: end; } .content-align-left.hover-style-one .rollover-content { -webkit-align-content: flex-end; -moz-align-content: flex-end; -ms-align-content: flex-end; align-content: flex-end; -ms-flex-line-pack: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; -ms-flex-align: flex-end; align-items: flex-end; -ms-flex-align: end; } .hover-style-one .rollover-project > a:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background-color: rgba(0, 0, 0, 0.2); opacity: 0; } .no-touch .hover-style-one .rollover-project:hover > a:after { opacity: 1; } .hover-style-one .rollover-content-container { margin-top: 10px; width: 100%; } .hover-style-one.always-show-info .links-container, .hover-style-one.always-show-info .rollover-thumbnails { opacity: 0; } .hover-style-one.always-show-info .rollover-project:hover .links-container, .hover-style-one.always-show-info .rollover-project:hover .rollover-thumbnails { opacity: 1; } /* #In the bottom ================================================== */ .cs-style-3 .rollover-project .rollover-content { opacity: 1; } .cs-style-3 .rollover-content { padding: 0; } .cs-style-3.content-align-centre .rollover-content { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-content: flex-end; -moz-align-content: flex-end; -ms-align-content: flex-end; align-content: flex-end; -ms-flex-line-pack: end; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; -ms-flex-align: flex-end; align-items: flex-end; -ms-flex-align: end; } .cs-style-3 .rollover-project > a { position: relative; display: block; -webkit-transition: -webkit-transform 0.4s; transition: transform 0.4s; } .no-touch .cs-style-3 .rollover-project:hover > a { -ms-transform: translateY(-20px); -webkit-transform: translateY(-20px); transform: translateY(-20px); } .hover-style-three .rollover-project > a:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background-color: rgba(0, 0, 0, 0.2); opacity: 0; } .no-touch .hover-style-three .rollover-project:hover > a:after, .touch .hover-style-three .rollover-project.is-clicked > a:after { opacity: 1; } .no-touch .scale-on-hover .hover-style-three a.rollover:hover > img { -webkit-transform: none; transform: none; } .cs-style-3.content-align-left .rollover-content-container { position: absolute; bottom: 0; } .cs-style-3 .rollover-content-container { width: 100%; padding: 15px 20px 5px; background-color: #1e1e1e; } .no-touch .cs-style-3 .rollover-content-container { -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s; transition: transform 0.4s, opacity 0.1s 0.3s; -ms-transform: translateY(100%); -webkit-transform: translateY(100%); transform: translateY(100%); } .cs-style-3 .rollover-project:hover .rollover-content-container, .no-touch .cs-style-3 .fs-entry:hover .rollover-content-container, .touch .cs-style-3 .is-clicked .rollover-content-container, .touch .cs-style-3 .fs-entry .rollover-content-container { opacity: 1; -ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); -ms-transition: -ms-transform 0.4s, opacity 0.1s; -webkit-transition: -webkit-transform 0.4s, opacity 0.1s; transition: transform 0.4s, opacity 0.1s; } .touch .cs-style-3 .is-clicked .rollover-content { display: block; } .touch .cs-style-3.content-align-centre .rollover-content { display: none; } .cs-style-3.content-align-centre .rollover-content.is-clicked { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; } .cs-style-3 .rollover-thumbnails { opacity: 0; margin-bottom: 20px; } .no-touch .cs-style-3 .links-container { opacity: 0; } .cs-style-3 .links-container { margin-bottom: 15px; } .no-touch .cs-style-3 .rollover-project:hover .links-container, .no-touch .cs-style-3 .rollover-project:hover .rollover-thumbnails, .no-touch .cs-style-3 .fs-entry:hover .links-container { opacity: 1; } .no-touch .cs-style-3 .links-container, .cs-style-3 .rollover-project .rollover-thumbnails { -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; } .touch .cs-style-3 .links-container { -webkit-transition: opacity 0.1s 0.3s; transition: opacity 0.1s 0.3s; } .cs-style-3 .rollover-content * { color: #fff !important; -webkit-text-fill-color: #fff !important; } .accent-gradient .cs-style-3 .rollover-content .entry-title a { -webkit-backface-visibility: hidden; background-image: none; } /* #Background & animated lines ================================================== */ /*---------------*/ /***** Layla *****/ /*---------------*/ .mobile-false .wf-container.effect-layla:not(.jg-container) .rollover-project > a > img { position: absolute; left: 0; top: 50%; width: calc(100% + 40px); max-width: calc(100% + 40px); } .filter-grayscale .wf-container.effect-layla:not(.jg-container) .rollover-project > a > img, .filter-grayscale-static .wf-container.effect-layla:not(.jg-container) .rollover-project > a > img { top: 0; width: 100%; max-width: 100%; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .effect-layla .rollover-content { display: block; padding: 35px 45px; opacity: 1; text-align: center; } .effect-layla .rollover-content:hover { padding: 35px 45px; } .effect-layla .rollover-content:before, .effect-layla .rollover-content:after { position: absolute; content: ''; opacity: 0; } .effect-layla .rollover-content:before { top: 25px; right: 15px; bottom: 25px; left: 15px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; -ms-transform: scale(0, 1); -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: 0 0; transform-origin: 0 0; } .effect-layla .rollover-content:after { top: 15px; right: 25px; bottom: 15px; left: 25px; border-right: 1px solid #fff; border-left: 1px solid #fff; -ms-transform: scale(1, 0); -webkit-transform: scale(1, 0); transform: scale(1, 0); -ms-transform-origin: 100% 0; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } .effect-layla .entry-title, .effect-layla .links-container, .effect-layla .rollover-thumbnails { -ms-transition: -ms-transform 0.35s; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } .effect-layla:not(.always-show-info) .entry-title, .effect-layla:not(.always-show-info) .links-container, .effect-layla:not(.always-show-info) .rollover-thumbnails { opacity: 0; -ms-transition: -ms-transform 0.35s, opacity 0.35s; -webkit-transition: -webkit-transform 0.35s, opacity 0.35s; transition: transform 0.35s, opacity 0.35s; } .effect-layla p, .effect-layla .entry-meta { opacity: 0; -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } .effect-layla .entry-title, .effect-layla .links-container, .effect-layla .rollover-thumbnails { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } .always-show-info.effect-layla .entry-title, .always-show-info.effect-layla .links-container, .always-show-info.effect-layla .rollover-thumbnails { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } .mobile-false .effect-layla:not(.jg-container):not(.slider-wrapper) .rollover-project > a > img { -webkit-transform: translate3d(-20px, -50%, 0); transform: translate3d(-20px, -50%, 0); } .effect-layla .rollover-project > a > img, .effect-layla .rollover-content:before, .effect-layla .rollover-content:after, .effect-layla p, .effect-layla .entry-meta { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } .effect-layla .links-container, .effect-layla .entry-meta { position: relative; z-index: 10; } .no-touch .effect-layla:not(.jg-container):not(.slider-wrapper) .rollover-project:hover > a > img { -webkit-transform: translate3d(-20px, calc(-50% + 10px), 0); transform: translate3d(-20px, calc(-50% + 10px), 0); } .touch .filter-grayscale .effect-layla:not(.jg-container):not(.slider-wrapper) .rollover-project.is-clicked > a > img, .touch .filter-grayscale-static .effect-layla:not(.jg-container):not(.slider-wrapper) .rollover-project.is-clicked > a > img, .touch .effect-layla:not(.jg-container):not(.slider-wrapper) .rollover-project.is-clicked > a > img { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .no-touch .effect-layla.hover-color-static .rollover-project:hover > a > img, .touch .effect-layla.hover-color-static .rollover-project.is-clicked > a > img { opacity: 0.3; } .mobile-false.no-touch .effect-layla .rollover-project:hover figcaption::before, .mobile-false.no-touch .effect-layla .rollover-project:hover figcaption::after, .mobile-true.touch .effect-layla .rollover-project.is-clicked figcaption::before, .mobile-true.touch .effect-layla .rollover-project.is-clicked figcaption::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .mobile-false.no-touch .effect-layla .rollover-project:hover .entry-title, .mobile-false.no-touch .effect-layla .rollover-project:hover p, .mobile-false.no-touch .effect-layla .rollover-project:hover .entry-meta, .mobile-false.no-touch .effect-layla .rollover-project:hover .links-container, .mobile-false.no-touch .effect-layla .rollover-project:hover .rollover-thumbnails, .mobile-true.touch .effect-layla .rollover-project.is-clicked .entry-title, .mobile-true.touch .effect-layla .rollover-project.is-clicked p, .mobile-true.touch .effect-layla .rollover-project.is-clicked .entry-meta, .mobile-true.touch .effect-layla .rollover-project.is-clicked .links-container, .mobile-true.touch .effect-layla .rollover-project.is-clicked .rollover-thumbnails { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mobile-false.no-touch .effect-layla .rollover-project:hover .rollover-content:after, .mobile-false.no-touch .effect-layla .rollover-project:hover .entry-title, .mobile-false.no-touch .effect-layla .rollover-project:hover .links-container, .mobile-false.no-touch .effect-layla .rollover-project:hover .rollover-thumbnails, .mobile-false.no-touch .effect-layla .rollover-project:hover p, .mobile-false.no-touch .effect-layla .rollover-project:hover a > img, .mobile-false.no-touch .effect-layla .rollover-project:hover .entry-meta, .mobile-true.touch .effect-layla .rollover-project.is-clicked .rollover-content:after, .mobile-true.touch .effect-layla .rollover-project.is-clicked .entry-title, .mobile-true.touch .effect-layla .rollover-project.is-clicked .links-container, .mobile-true.touch .effect-layla .rollover-project.is-clicked .rollover-thumbnails, .mobile-true.touch .effect-layla .rollover-project.is-clicked p, .mobile-true.touch .effect-layla .rollover-project.is-clicked a > img, .mobile-true.touch .effect-layla .rollover-project.is-clicked .entry-meta { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } /*---------------*/ /***** Bubba *****/ /*---------------*/ .effect-bubba .rollover-project > a > img { -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } .no-touch .effect-bubba.hover-color-static .rollover-project:hover > a > img, .touch .effect-bubba.hover-color-static .rollover-project.is-clicked > a > img { opacity: 0.3; } .effect-bubba .rollover-content { display: block; padding: 35px 45px; text-align: center; opacity: 1; } .effect-bubba .rollover-content:before, .effect-bubba .rollover-content:after { position: absolute; top: 25px; right: 25px; bottom: 25px; left: 25px; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } .effect-bubba .rollover-content:before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0, 1); transform: scale(0, 1); } .effect-bubba .rollover-content:after { border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1, 0); transform: scale(1, 0); } .effect-bubba:not(.always-show-info) .rollover-content .entry-title, .effect-bubba:not(.always-show-info) .rollover-content .links-container, .effect-bubba:not(.always-show-info) .rollover-content .rollover-thumbnails { opacity: 0; -webkit-transition: -webkit-transform 0.35s, opacity 0.35s; transition: transform 0.35s, opacity 0.35s; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } .effect-bubba .rollover-content p, .effect-bubba .rollover-content .entry-meta { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } .effect-bubba .links-container, .effect-bubba .entry-meta { position: relative; z-index: 10; } .mobile-false.no-touch .effect-bubba .rollover-project:hover .rollover-content:before, .mobile-false.no-touch .effect-bubba .rollover-project:hover .rollover-content:after, .mobile-true.touch .effect-bubba .rollover-project.is-clicked .rollover-content:before, .mobile-true.touch .effect-bubba .rollover-project.is-clicked .rollover-content:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .mobile-false.no-touch .effect-bubba .rollover-project:hover .entry-title, .mobile-false.no-touch .effect-bubba .rollover-project:hover .links-container, .mobile-false.no-touch .effect-bubba .rollover-project:hover .rollover-thumbnails, .mobile-false.no-touch .effect-bubba .rollover-project:hover p, .mobile-false.no-touch .effect-bubba .rollover-project:hover .entry-meta, .mobile-true.touch .effect-bubba .rollover-project.is-clicked .entry-title, .mobile-true.touch .effect-bubba .rollover-project.is-clicked .links-container, .mobile-true.touch .effect-bubba .rollover-project.is-clicked .rollover-thumbnails, .mobile-true.touch .effect-bubba .rollover-project.is-clicked p, .mobile-true.touch .effect-bubba .rollover-project.is-clicked .entry-meta { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /*---------------*/ /***** Sarah *****/ /*---------------*/ .mobile-false .wf-container.effect-sarah:not(.jg-container) .rollover-project > a > img { position: absolute; top: 50%; left: 0; width: calc(100% + 20px); max-width: calc(100% + 20px); } .filter-grayscale .wf-container.effect-sarah:not(.jg-container) .rollover-project > a > img, .filter-grayscale-static .wf-container.effect-sarah:not(.jg-container) .rollover-project > a > img { top: 0; width: 100%; max-width: 100%; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .effect-sarah .rollover-project > a > img { max-width: none; width: -webkit-calc(100% + 20px); width: calc(100% + 20px); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-10px, -50%, 0); transform: translate3d(-10px, -50%, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .jg-container.effect-sarah .rollover-project > a > img, .slider-wrapper.effect-sarah .rollover-project > a > img, .mobile-true .effect-sarah .rollover-project > a > img { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slider-wrapper.effect-sarah .rollover-project > a > img { width: 100%; } .mobile-false.no-touch .effect-sarah.hover-color-static .rollover-project:hover > a > img, .mobile-true.touch .effect-sarah.hover-color-static .rollover-project.is-clicked > a > img { opacity: 0.3; } .mobile-false.no-touch .effect-sarah:not(.jg-container):not(.slider-wrapper) .rollover-project:hover > a > img, .mobile-false.no-touch .effect-sarah:not(.jg-container):not(.slider-wrapper) .rollover-project.is-clicked > a > img { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .effect-sarah .rollover-content { display: block; padding: 25px 40px; text-align: left; opacity: 1; } .effect-sarah .rollover-content .links-container { text-align: left; } .effect-sarah:not(.always-show-info) .rollover-content .entry-title, .effect-sarah:not(.always-show-info) .rollover-content .links-container, .effect-sarah:not(.always-show-info) .rollover-content .rollover-thumbnails { opacity: 0; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } .effect-sarah .rollover-content .entry-title { position: relative; overflow: hidden; padding: 0 0 15px; margin-bottom: 15px; } .effect-sarah .rollover-content .entry-title:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #fff; content: ''; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(-101%, 0, 0); transform: translate3d(-100%, 0, 0); } .mobile-false.no-touch .effect-sarah .rollover-project:hover .entry-title, .mobile-true.touch .effect-sarah .rollover-project .is-clicked .entry-title { opacity: 1; } .mobile-false.no-touch .effect-sarah .rollover-project:hover .entry-title:after, .mobile-true.touch .effect-sarah .rollover-project .is-clicked .entry-title:after { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mobile-false.no-touch .effect-sarah .rollover-project:hover .links-container, .mobile-false.no-touch .effect-sarah .rollover-project:hover .rollover-thumbnails, .mobile-true.touch .effect-sarah .rollover-project .is-clicked .links-container, .mobile-true.touch .effect-sarah .rollover-project .is-clicked .rollover-thumbnails { opacity: 1; } .effect-sarah .rollover-content p, .effect-sarah .rollover-content .entry-meta { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .mobile-false.no-touch .effect-sarah .rollover-project:hover p, .mobile-false.no-touch .effect-sarah .rollover-project:hover .entry-meta, .mobile-true.touch .effect-sarah .rollover-project .is-clicked p, .mobile-true.touch .effect-sarah .rollover-project .is-clicked .entry-meta { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* #Beautiful loading ================================================== */ body #load { display: block; height: 100%; overflow: hidden; position: fixed; width: 100%; z-index: 9901; } /* #Double circles ================================================== */ .load-wrap { width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; text-align: center; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-flow: column wrap; -moz-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; } .load-wrap > svg { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /* #Photo scroller ================================================== */ .photo-scroller { position: relative; visibility: hidden; overflow: hidden; -webkit-transform: translatez(0); transform: translatez(0); } .photo-scroller.full-screen { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; } .photo-scroller:-webkit-full-screen { width: 100%; height: 100%; } .ts-wrap { position: relative; display: block; } .photo-scroller .ts-wrap { overflow: hidden; } /*Overlay*/ .show-overlay .ts-centered:before { position: absolute; top: 0; left: 0; z-index: 99; width: 100%; height: 100%; content: ""; background: url(../images/mask.png) 0 0 repeat; } .show-overlay .ts-centered.hide-slider-overlay:before { display: none; } .ts-viewport { overflow: hidden; height: 0; -webkit-transform: translatez(0); transform: translatez(0); -webkit-transition: height 150ms; transition: height 150ms; } .photo-scroller .ts-viewport { position: absolute; width: 100%; margin: 0 auto; -webkit-transition: height 350ms; transition: height 350ms; -webkit-transform: translatez(0); transform: translatez(0); } .photo-scroller .ts-ready .ts-viewport { position: static; } .photo-scroller .ts-wrap.ts-centered .ts-viewport { width: 0; overflow: visible; } .ts-cont, .content .ts-cont { position: relative; display: block; width: 100%; height: 100%; margin: 0; padding: 0; list-style: none; } .ts-cell { position: absolute; top: 0; display: block; } .photo-scroller .ts-slide, .photo-scroller .ts-cell { position: absolute; display: table-cell; vertical-align: middle; top: 0; overflow: hidden; text-align: center; } .photo-scroller .ts-slide { width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .photo-scroller .ts-autoHeight .ts-slide { height: auto; } .photo-scroller .ts-slide-img { position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; } #page .photo-scroller .ts-slide.act .ts-slide-img, #page .photo-scroller .ts-cell.act .ts-slide-img, #page .photo-scroller .act .video-icon, #page .photo-scroller .act .ps-link { opacity: 1 !important; } .photo-scroller .ts-cell .ts-slide-img { position: relative; -webkit-backface-visibility: hidden; } .photo-scroller .ts-cell .ts-slide-img > img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .ts-slide > img, .ts-cell > img { max-width: 100%; } .photo-scroller .ts-slide img, .photo-scroller .ts-cell img { opacity: 0; -webkit-transition: opacity 1350ms; transition: opacity 1350ms; } .photo-scroller .ts-slide > img, .photo-scroller .ts-cell > img { max-width: 100%; max-height: 100%; height: auto; } .photo-scroller .ts-slide.ts-loaded img, .photo-scroller .ts-cell.ts-loaded img { opacity: 1; } .ts-ls-fit .ts-wide.ts-ls img { width: auto; max-width: none; height: 50%; max-height: 50%; } .ts-ls-fit .ts-narrow.ts-ls img { width: 50%; max-width: 50%; height: auto; max-height: none; } .ts-pt-fit .ts-wide.ts-pt img { width: auto; max-width: none; height: 50%; max-height: 50%; } .ts-pt-fit .ts-narrow.ts-pt img { width: 50%; max-width: 50%; height: auto; max-height: none; } .ts-pt-fill .ts-wide.ts-pt img { width: 50%; max-width: 50%; height: auto; max-height: none; } .ts-pt-fill .ts-narrow.ts-pt img { width: auto; max-width: none; height: 50%; max-height: 50%; } .ts-ls-fill .ts-wide.ts-ls img { width: 50%; max-width: 50%; height: auto; max-height: none; } .ts-ls-fill .ts-narrow.ts-ls img { width: auto; max-width: none; height: 50%; max-height: 50%; } .ts-collapsed.ts-ls-mob-fit .ts-wide.ts-ls img { width: auto; max-width: none; height: 50%; max-height: 50%; } .ts-collapsed.ts-ls-mob-fit .ts-narrow.ts-ls img { width: 50%; max-width: 50%; height: auto; max-height: none; } .ts-collapsed.ts-pt-mob-fit .ts-wide.ts-pt img { width: auto; max-width: none; height: 50%; max-height: 50%; } .ts-collapsed.ts-pt-mob-fit .ts-narrow.ts-pt img { width: 50%; max-width: 50%; height: auto; max-height: none; } .ts-collapsed.ts-pt-mob-fill .ts-wide.ts-pt img { width: 50%; max-width: 50%; height: auto; max-height: none; } .ts-collapsed.ts-pt-mob-fill .ts-narrow.ts-pt img { width: auto; max-width: none; height: 50%; max-height: 50%; } .ts-collapsed.ts-ls-mob-fill .ts-wide.ts-ls img { width: 50%; max-width: 50%; height: auto; max-height: none; } .ts-collapsed.ts-ls-mob-fill .ts-narrow.ts-ls img { width: auto; max-width: none; height: 50%; max-height: 50%; } .photo-scroller .ts-slide figcaption { visibility: hidden; } .photoSlider .video-icon { position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; margin-left: -40px; margin-top: -40px; background-color: #000; background-color: rgba(0, 0, 0, 0.4); background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='32px' height='32px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve' fill='white'%3E%3Cpath d='M3.125,4L10.2,8.001L3.125,12V3.8 M1,0v16l13-8L1,0L1,0z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 30px center; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; } .photo-scroller .ps-link { opacity: 0; background-color: rgba(0, 0, 0, 0.4); -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; } .ps-center-btn { position: absolute; left: 50%; top: 50%; width: 91px; height: 91px; margin: -45px 0 0 -45px; } .ps-center-btn.BtnCenterer { width: 200px; margin: -45px 0 0 -100px; } .photoSlider .ps-center-btn.BtnCenterer .video-icon, .photoSlider .ps-center-btn.BtnCenterer .ps-link { position: relative; top: 0; left: 0; display: inline-block; margin: 0 5px; } #page .photo-scroller .photoSlider .video-icon:hover, #page .photo-scroller .act .ps-link:hover { background-color: rgba(0, 0, 0, 0.4); opacity: 0.7 !important; } /*!Scroller navigation*/ .btn-cntr, .project-navigation, .photo-scroller .slide-caption, .photo-scroller .scroller-thumbnails { position: absolute; z-index: 99; } .btn-cntr, .photo-scroller .slide-caption, .photo-scroller .scroller-thumbnails { -webkit-transition: bottom .5s ease; transition: bottom .5s ease; } .btn-cntr a, .project-navigation, .photo-scroller .scroller-thumbnails, .photo-scroller .album-content-btn > a, #page .photo-scroller .album-content-btn > a:hover { background-color: #000; background-color: rgba(0, 0, 0, 0.4); } .no-touch .project-navigation a:hover, .no-touch .btn-cntr a:hover { opacity: 0.7; } .slider-post-caption .album-content-btn a:hover { opacity: 1; } .btn-cntr { position: absolute; z-index: 100; right: 10px; bottom: 100px; } .photo-scroller.hide-thumbs .btn-cntr, .photo-scroller.disable-thumbs .btn-cntr { bottom: 5px !important; } .btn-cntr a { float: left; width: 36px; height: 36px; margin: 0 0 5px 5px; background-position: center center; background-repeat: no-repeat; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; } /*Thumbnails*/ .scroller-thumbnails { bottom: 0; width: 100%; } .photo-scroller.disable-thumbs .scroller-thumbnails, .photo-scroller.disable-thumbs .hide-thumb-btn { display: none; } .photo-scroller.hide-thumbs .scroller-thumbnails { bottom: -100px; } .photo-scroller .scroller-thumbnails .ts-cell { border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 3px solid transparent; border-right: 2px solid transparent; -webkit-box-sizing: border-box; box-sizing: border-box; } .photo-scroller .scroller-thumbnails .ts-thumb-img { position: absolute; overflow: hidden; width: 100%; height: 100%; } .photo-scroller .scroller-thumbnails .ts-cell:not(.act) .ts-thumb-img:hover { cursor: pointer; } .photo-scroller .scroller-thumbnails .ts-thumb-img:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; opacity: 0; background-color: #000; background-color: rgba(0, 0, 0, 0.5); -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; } .photo-scroller .scroller-thumbnails .ts-thumb-img:hover:after, .photo-scroller .scroller-thumbnails .act .ts-thumb-img:after { opacity: 1; } .photo-scroller .scroller-thumbnails .act .ts-thumb-img:after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='22px' height='22px' viewBox='0 0 22 22' enable-background='new 0 0 22 22' fill='white' xml:space='preserve'%3E%3Cpath d='M11,1C5.477,1,1,5.477,1,11c0,5.522,4.477,10,10,10c5.523,0,10-4.478,10-10C21,5.477,16.523,1,11,1z M9.299,16.387L4.574,11.66l2.012-2.012l2.713,2.714l6.263-6.263l2.013,2.011L9.299,16.387z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center center; } .photo-scroller.proportional-thumbs .scroller-thumbnails .ts-cell .ts-thumb-img > img { width: auto; height: 100%; max-width: 100%; max-height: 100%; } /*navigation between albums*/ .project-navigation { top: 10px; right: 10px; height: 36px; padding: 6px 5px 7px; box-sizing: border-box; } .project-post .project-navigation { overflow: hidden; } .full-screen .project-navigation { display: none; } .project-navigation * { color: #fff; } .project-navigation span { float: left; padding: 0 5px; } .project-navigation a { float: left; width: 12px; height: 12px; padding: 5px; margin: 0; background-position: center center; background-repeat: no-repeat; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; } /*album caption*/ .photo-scroller .slide-caption { z-index: 100; bottom: 130px; left: 10px; width: 100%; max-width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .photo-scroller.disable-thumbs .slide-caption { bottom: 5px !important; } .hide-thumbs.photo-scroller .slide-caption, .photo-scroller.disable-thumbs .slide-caption { bottom: 30px; } .photo-scroller .slide-caption * { color: #fff; } .photo-scroller figcaption { opacity: 0; visibility: hidden; -webkit-transition: opacity .4s; /* For Safari 3.1 to 6.0 */ -moz-transition: opacity .4s; transition: opacity .4s; } .photo-scroller .slide-caption figcaption.actCaption { opacity: 1; visibility: visible; } .photo-scroller .album-content-btn { position: absolute; left: 0; bottom: 0; } .album-content-description { position: absolute; left: 50%; bottom: 0; margin-left: -200px; width: 400px; text-align: center; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); } .photo-scroller .slide-caption h4 { margin-bottom: 0; } /*Share and Link*/ .album-share-overlay { position: relative; } .album-share-overlay, .photo-scroller .btn-project-link, .album-share-overlay .share-button.entry-share { float: left; width: 32px; height: 32px; padding: 0; margin: 0 5px 5px 0; } .photo-scroller .btn-project-link, .album-share-overlay .share-button.entry-share { background-color: rgba(0, 0, 0, 0.4); -webkit-border-radius: 50%; border-radius: 50%; } .photo-scroller .btn-project-link:hover, .album-share-overlay .share-button.entry-share:hover { opacity: 0.7; background-color: rgba(0, 0, 0, 0.4); } .photo-scroller .album-share-overlay .share-button.entry-share { width: 36px; height: 36px; background-color: rgba(0, 0, 0, 0.4); } .photo-scroller .album-share-overlay .share-button.entry-share:hover { opacity: 0.7; background-color: rgba(0, 0, 0, 0.4); } .album-share-overlay .share-button.entry-share { text-indent: -9999px; } .album-share-overlay .share-button.entry-share { margin: 0; background-position: center center; } .album-share-overlay .soc-ico { position: absolute; z-index: 999; visibility: hidden; overflow: visible; opacity: 0; left: 0; bottom: 46px; width: 36px; background-color: #fff; } .album-share-overlay .soc-ico:after { position: absolute; left: 50%; margin-left: -5px; bottom: -5px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid white; content: ""; } .album-share-overlay .soc-ico a { display: none; width: 100%; margin: 5px auto; background: none !important; } #page .album-share-overlay .soc-ico a { box-shadow: none; } .album-share-overlay .soc-ico a:hover { background: none !important; opacity: 0.6; } .album-share-overlay .soc-ico a:before, .album-share-overlay .soc-ico a:after { display: none; } #page .album-share-overlay .soc-ico a .icon, #page .album-share-overlay .soc-ico a:hover .icon { fill: #000; } /*!Navigation svg bg*/ .full-screen-btn { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='22px' height='22px' viewBox='0 0 22 22' enable-background='new 0 0 22 22' fill='white' xml:space='preserve'%3E%3Ccircle cx='11.042' cy='11.042' r='2'/%3E%3Cpolygon points='21,1 19.011,1 14,1 14,3 19.011,3 19.011,8 21.011,8 21.011,1 '/%3E%3Cpolygon points='3,14 1,14 1,19.034 1,21 1,21.034 8,21.034 8,19.034 3,19.034 '/%3E%3C/svg%3E"); } .full-screen-btn.act { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='22px' height='22px' viewBox='0 0 22 22' enable-background='new 0 0 22 22' fill='white' xml:space='preserve'%3E%3Ccircle cx='11.042' cy='11.042' r='2'/%3E%3Cpolygon points='17.011,5 17.011,0 15.011,0 15.011,5 15,5 15,7 15.011,7 17.011,7 22,7 22,5 '/%3E%3Cpolygon points='0,15 0,17 5,17 5,22 7,22 7,17 7,15 5,15 '/%3E%3C/svg%3E"); } .auto-play-btn { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='22px' height='22px' viewBox='0 0 22 22' enable-background='new 0 0 22 22' fill='white' xml:space='preserve'%3E%3Cpath fill='none' d='M11,1.7c-5.128,0-9.3,4.172-9.3,9.3s4.171,9.3,9.3,9.3c5.128,0,9.3-4.172,9.3-9.3S16.128,1.7,11,1.7z M8,15V7l7.938,3.896L8,15z'/%3E%3Cpath d='M11,0C4.926,0,0,4.926,0,11c0,6.077,4.926,11,11,11c6.075,0,11-4.923,11-11C21.999,4.926,17.075,0,11,0z M11,20.3c-5.129,0-9.3-4.172-9.3-9.3S5.872,1.7,11,1.7s9.3,4.172,9.3,9.3S16.128,20.3,11,20.3z'/%3E%3Cpolygon points='8,15 15.938,10.896 8,7 '/%3E%3C/svg%3E"); } .auto-play-btn.paused { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='22px' height='22px' viewBox='0 0 22 22' enable-background='new 0 0 22 22' fill='white' xml:space='preserve'%3E%3Cpath d='M11,0C4.926,0,0,4.926,0,11c0,6.077,4.926,11,11,11c6.075,0,11-4.923,11-11C21.999,4.926,17.075,0,11,0z M11,20.3c-5.129,0-9.3-4.172-9.3-9.3c0-5.127,4.172-9.3,9.3-9.3c5.128,0,9.3,4.173,9.3,9.3C20.3,16.128,16.128,20.3,11,20.3z'/%3E%3Crect x='8' y='7' width='2' height='8'/%3E%3Crect x='12' y='7' width='2' height='8'/%3E%3C/svg%3E"); } .hide-thumb-btn { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='22px' height='22px' viewBox='0 0 22 22' enable-background='new 0 0 22 22' fill='white' xml:space='preserve'%3E%3Ccircle cx='11.042' cy='19' r='2'/%3E%3Ccircle cx='18.041' cy='19' r='2'/%3E%3Ccircle cx='4.041' cy='19' r='2'/%3E%3Cpolygon points='11.004,5.45 7.469,1.913 6.055,3.327 9.59,6.864 9.582,6.873 10.996,8.286 11.398,7.884 12.418,6.865 12.417,6.865 15.945,3.336 14.531,1.922 '/%3E%3C/svg%3E"); } .hide-thumb-btn.act { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='22px' height='22px' viewBox='0 0 22 22' enable-background='new 0 0 22 22' fill='white' xml:space='preserve'%3E%3Ccircle cx='11.042' cy='19' r='2'/%3E%3Ccircle cx='18.041' cy='19' r='2'/%3E%3Ccircle cx='4.041' cy='19' r='2'/%3E%3Cpolygon points='12.418,3.136 11.003,1.723 10.995,1.714 9.581,3.128 9.589,3.136 6.055,6.673 7.47,8.086 11.003,4.551 14.531,8.078 15.945,6.664 12.417,3.136 '/%3E%3C/svg%3E"); } .project-navigation .prev-post { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='12px' height='12px' viewBox='0 0 12 12' enable-background='new 0 0 12 12' xml:space='preserve'%3E%3Cpolygon fill='white' points='8.088,9.529 4.551,5.997 8.078,2.47 6.664,1.055 1.713,6.005 3.128,7.42 3.134,7.414 6.672,10.946 '/%3E%3C/svg%3E"); } .project-navigation .next-post { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='12px' height='12px' viewBox='0 0 12 12' enable-background='new 0 0 12 12' xml:space='preserve'%3E%3Cpolygon fill='white' points='10.286,6.006 10.279,5.999 10.279,5.999 8.865,4.583 8.864,4.584 5.335,1.055 3.921,2.47 7.449,5.998 3.913,9.529 5.326,10.943 8.863,7.412 8.871,7.42 '/%3E%3C/svg%3E"); margin-right: -3px; } .project-navigation .back-to-list, .project-navigation .back-to-list:hover { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='12px' height='12px' viewBox='0 0 12 12' enable-background='new 0 0 12 12' fill='white' xml:space='preserve'%3E%3Cpath d='M3,1C1.896,1,1,1.896,1,3c0,1.105,0.896,2,2,2c1.104,0,2-0.895,2-2C5,1.896,4.104,1,3,1z'/%3E%3Cpath d='M3,8c-1.104,0-2,0.896-2,2c0,1.105,0.896,2,2,2c1.104,0,2-0.895,2-2C5,8.896,4.104,8,3,8z'/%3E%3Cpath d='M10,1C8.896,1,8,1.896,8,3c0,1.105,0.896,2,2,2c1.104,0,2-0.895,2-2C12,1.896,11.104,1,10,1z'/%3E%3Cpath d='M10,8c-1.104,0-2,0.896-2,2c0,1.105,0.896,2,2,2c1.104,0,2-0.895,2-2C12,8.896,11.104,8,10,8z'/%3E%3C/svg%3E"); } .photo-scroller .btn-project-link { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'%3E%3Cpath fill='white' d='M11.797,3.106c0.552,0.553,0.552,1.453,0,2.004l-5.07,5.074c0.945,0.249,1.991,0.016,2.73-0.725l3.344-3.345c1.109-1.108,1.109-2.904,0-4.012L12.049,1.35c-1.109-1.107-2.904-1.107-4.012,0L4.692,4.693C3.952,5.433,3.719,6.479,3.97,7.424l5.071-5.071c0.553-0.553,1.452-0.553,2.005,0L11.797,3.106z M11.307,11.309c0.741-0.742,0.974-1.789,0.724-2.733l-5.069,5.073c-0.554,0.553-1.453,0.553-2.004,0l-0.754-0.753%09c-0.553-0.552-0.553-1.452,0-2.008l5.072-5.069c-0.946-0.25-1.992-0.017-2.731,0.724L3.198,9.884c-1.107,1.109-1.107,2.904,0,4.013l0.752,0.753c1.108,1.108,2.904,1.108,4.012,0L11.307,11.309z'/%3E%3C/svg%3E"); } /*!Prev-Next Navigation*/ .scroller-arrow { position: absolute; z-index: 99; top: 50%; margin-top: -20px; width: 50px; height: 50px; cursor: pointer; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .scroller-arrow.prev { left: 10px; } .scroller-arrow.next { right: 10px; } .scroller-arrow i { position: absolute; top: 40%; left: 0; width: 38px; height: 3px; border-radius: 2.5px; background: #fff; -webkit-transition: all 0.15s ease; transition: all 0.15s ease; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3); } .scroller-arrow.next i { left: auto; right: 0; } .scroller-arrow.prev i { -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } .scroller-arrow.prev i:first-child { -webkit-transform: translate(0, -1px) rotate(43deg); transform: translate(0, -1px) rotate(43deg); } .scroller-arrow.prev i:last-child, .scroller-arrow.next i:first-child { -webkit-transform: translate(0, 1px) rotate(-43deg); transform: translate(0, 1px) rotate(-43deg); } .scroller-arrow.prev:hover i:first-child { -webkit-transform: translate(0, -1px) rotate(33deg); transform: translate(0, -1px) rotate(33deg); } .scroller-arrow.prev:hover i:last-child { -webkit-transform: translate(0, 1px) rotate(-33deg); transform: translate(0, 1px) rotate(-33deg); } .scroller-arrow.prev.disabled i:first-child, .scroller-arrow.prev.disabled i:last-child, .scroller-arrow.prev.disabled:hover i:first-child, .scroller-arrow.prev.disabled:hover i:last-child { -webkit-transform: translate(-5px, 0) rotate(0deg); transform: translate(-5px, 0) rotate(0deg); } .scroller-arrow.next i { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .scroller-arrow.next i:first-child { -webkit-transform: translate(0, 1px) rotate(43deg); transform: translate(0, 1px) rotate(43deg); } .scroller-arrow.next i:last-child { -webkit-transform: translate(0, -1px) rotate(-43deg); transform: translate(0, -1px) rotate(-43deg); } .scroller-arrow.next:hover i:first-child { -webkit-transform: translate(0, 1px) rotate(33deg); transform: translate(0, 1px) rotate(33deg); } .scroller-arrow.next:hover i:last-child { -webkit-transform: translate(0, -1px) rotate(-33deg); transform: translate(0, -1px) rotate(-33deg); } .scroller-arrow.next.disabled i:first-child, .scroller-arrow.next.disabled i:last-child, .scroller-arrow.next.disabled:hover i:first-child, .scroller-arrow.next.disabled:hover i:last-child { -webkit-transform: translate(5px, 0) rotate(0deg); transform: translate(5px, 0) rotate(0deg); } .scroller-arrow.disabled { opacity: 0.3; cursor: default; } /* #Masonry ================================================== */ .iso-item, .iso-grid .wf-cell, .blog.layout-grid .wf-container.description-under-image .wf-cell, .grid-masonry .wf-cell, .shortcode-blog-posts .wf-cell { opacity: 0; } .no-cssanimations .iso-item, .no-cssanimations .iso-grid .wf-cell, .no-cssanimations .blog.layout-grid .wf-container.description-under-image .wf-cell, .no-cssanimations .grid-masonry .wf-cell, .no-cssanimations .shortcode-blog-posts.iso-grid .wf-cell, .no-cssanimations #main .jg-container .wf-cell { opacity: 1; } .mobile-false .iso-grid .wf-cell, .mobile-false .iso-container .wf-cell { float: left; } .iso-item { width: 100%; } .slider-masonry { width: 100% !important; } .dt-isotope .wf-cell.animate-position { -webkit-transition: top 0.65s ease-out, left 0.65s ease-out; transition: top 0.65s ease-out, left 0.65s ease-out; } /* None Effect: opacity */ .loading-effect-none .wf-cell.shown:not(.isotope-hidden), .mobile-true .dt-isotope .wf-cell.shown:not(.isotope-hidden), .mobile-true .wf-cell.shown:not(.isotope-hidden) { -webkit-animation: dt_fadeIn 0.4s ease forwards; animation: dt_fadeIn 0.4s ease forwards; } /* Effect 1: opacity */ .mobile-false .loading-effect-fade-in .wf-cell.start-animation, .mobile-false .loading-effect-fade-in .wf-cell.shown:not(.isotope-hidden) { -webkit-animation: dt_fadeIn 0.7s ease forwards; animation: dt_fadeIn 0.7s ease forwards; } @-webkit-keyframes dt_fadeIn { to { opacity: 1; } } @-moz-keyframes dt_fadeIn { to { opacity: 1; } } @keyframes dt_fadeIn { to { opacity: 1; } } /* Effect 2: Move Up */ .mobile-false .loading-effect-move-up .wf-cell.start-animation, .mobile-false .loading-effect-move-up .wf-cell.shown:not(.isotope-hidden) { -webkit-transform: translateY(200px); transform: translateY(200px); -webkit-animation: dt_moveUp 0.55s ease-in-out forwards; animation: dt_moveUp 0.55s ease-in-out forwards; } @-webkit-keyframes dt_moveUp { to { -webkit-transform: translateY(0); opacity: 1; } } @keyframes dt_moveUp { to { transform: translateY(0); opacity: 1; } } /* Effect 3: Scale up */ .mobile-false .loading-effect-scale-up .wf-cell.start-animation, .mobile-false .loading-effect-scale-up .wf-cell.shown:not(.isotope-hidden) { -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-animation: dt_scaleUp 0.57s ease-in-out forwards; animation: dt_scaleUp 0.57s ease-in-out forwards; } @-webkit-keyframes dt_scaleUp { to { -webkit-transform: scale(1); opacity: 1; } } @keyframes dt_scaleUp { to { transform: scale(1); opacity: 1; } } .mobile-false .loading-effect-fall-perspective, .mobile-false .loading-effect-flip, .mobile-false .loading-effect-helix, .mobile-false .loading-effect-scale { -webkit-perspective: 1300px; perspective: 1300px; } .mobile-false .loading-effect-fall-perspective { -webkit-backface-visibility: hidden; } .mobile-false .loading-effect-fall-perspective .wf-cell.start-animation, .mobile-false .loading-effect-fall-perspective .wf-cell.shown:not(.isotope-hidden) { -webkit-transform-style: preserve-3d; -webkit-transform: translateZ(400px) translateY(300px) rotateX(-65deg); transform: translateZ(400px) translateY(300px) rotateX(-65deg); -webkit-animation: dt_fallPerspective 0.75s ease-in-out forwards; animation: dt_fallPerspective 0.75s ease-in-out forwards; } @-webkit-keyframes dt_fallPerspective { 100% { -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; } } @keyframes dt_fallPerspective { 100% { transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; } } /* Effect 5: fly (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */ .mobile-false .loading-effect-fly .wf-cell.start-animation, .mobile-false .loading-effect-fly .wf-cell.shown:not(.isotope-hidden) { -webkit-transform-style: preserve-3d; -webkit-transform-origin: 50% 50% -300px; transform-origin: 50% 50% -300px; -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); -webkit-animation: dt_fly 0.7s ease-in-out forwards; animation: dt_fly 0.7s ease-in-out forwards; } @-webkit-keyframes dt_fly { 100% { -webkit-transform: rotateX(0deg); opacity: 1; } } @keyframes dt_fly { 100% { transform: rotateX(0deg); opacity: 1; } } /* Effect 6: flip (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */ .mobile-false .loading-effect-flip .wf-cell.start-animation, .mobile-false .loading-effect-flip .wf-cell.shown:not(.isotope-hidden) { -webkit-transform-style: preserve-3d; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: rotateX(-80deg); transform: rotateX(-80deg); -webkit-animation: dt_flip 0.7s ease-in-out forwards; animation: dt_flip 0.7s ease-in-out forwards; } @-webkit-keyframes dt_flip { 100% { -webkit-transform: rotateX(0deg); opacity: 1; } } @keyframes dt_flip { 100% { transform: rotateX(0deg); opacity: 1; } } /* Effect 7: helix (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */ .mobile-false .loading-effect-helix .wf-cell.start-animation, .mobile-false .loading-effect-helix .wf-cell.shown:not(.isotope-hidden) { -webkit-transform-style: preserve-3d; -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-animation: dt_helix 0.7s ease-in-out forwards; animation: dt_helix 0.7s ease-in-out forwards; } @-webkit-keyframes dt_helix { 100% { -webkit-transform: rotateY(0deg); opacity: 1; } } @keyframes dt_helix { 100% { transform: rotateY(0deg); opacity: 1; } } /* Effect 8: Scale */ .mobile-false .loading-effect-scale .wf-cell.start-animation, .mobile-false .loading-effect-scale .wf-cell.shown:not(.isotope-hidden) { -webkit-transform-style: preserve-3d; -webkit-transform: scale(0.4); transform: scale(0.4); -webkit-animation: dt_popUp 0.9s ease-in forwards; animation: dt_popUp 0.9s ease-in forwards; } @-webkit-keyframes dt_popUp { 70% { -webkit-transform: scale(1.05); opacity: .8; -webkit-animation-timing-function: ease-in-out; } 100% { -webkit-transform: scale(1); opacity: 1; } } @keyframes dt_popUp { 70% { transform: scale(1.05); opacity: .8; animation-timing-function: ease-in-out; } 100% { transform: scale(1); opacity: 1; } } .dt-isotope.no-transition, .dt-isotope.no-transition .wf-cell, .dt-isotope .wf-cell.no-transition { -webkit-transition-duration: 0s; transition-duration: 0s; } /* #JGrid ================================================== */ #main .jg-container .wf-cell { float: left; opacity: 0; padding: 0; } .is-webkit #main .jg-container .wf-cell { float: left; } #main .jg-container .wf-cell .post { margin: 0; padding: 0; } .jg-container .post .alignleft, .jg-container .post .alignnone { margin-bottom: 0; } /* #Material design ================================================== */ .ripplelink { position: relative; overflow: hidden; } .ink { display: block; position: absolute; background: rgba(255, 255, 255, 0.38); -webkit-border-radius: 50%; border-radius: 50%; -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); } .rollover .ink { -webkit-border-radius: 50%; border-radius: 50%; } .animate { -webkit-animation: ripple 0.4s ease-out; animation: ripple 0.4s ease-out; } @-webkit-keyframes ripple { 100% { opacity: 0; -webkit-transform: scale(2.5); } } @keyframes ripple { 100% { opacity: 0; transform: scale(2.5); } } /* #Scroll to top button ================================================== */ .scroll-top { position: fixed; right: 10px; bottom: 10px; width: 44px; height: 44px; opacity: 0; z-index: -1; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; } .scroll-top.off { right: -45px; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /*z-index: -1;*/ } .scroll-top.on { right: 10px; opacity: 1; z-index: 109; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .header-side-right .scroll-top.on { right: auto; left: 10px; } .scroll-top { background-color: #000; background-color: rgba(0, 0, 0, 0.2); } .scroll-top:hover { background-color: #000; background-color: rgba(0, 0, 0, 0.5); } .scroll-top:before { display: block; width: 44px; height: 44px; content: ""; background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='44px' height='44px' viewBox='0 0 44 44' enable-background='new 0 0 44 44' xml:space='preserve'%3E%3Cpath fill='white' d='M29.121,19.55l-6.29-6.196c-0.025-0.025-0.053-0.049-0.082-0.071c-0.012-0.011-0.024-0.02-0.038-0.03c-0.016-0.011-0.031-0.024-0.048-0.034c-0.017-0.011-0.032-0.02-0.048-0.03c-0.015-0.009-0.029-0.018-0.044-0.025c-0.017-0.009-0.034-0.017-0.051-0.024c-0.016-0.008-0.031-0.015-0.047-0.022c-0.016-0.006-0.033-0.012-0.049-0.018c-0.018-0.005-0.035-0.014-0.053-0.019c-0.017-0.005-0.034-0.008-0.05-0.013c-0.018-0.005-0.036-0.009-0.054-0.013c-0.02-0.003-0.039-0.006-0.059-0.008c-0.016-0.003-0.032-0.005-0.049-0.007c-0.073-0.007-0.146-0.007-0.218,0c-0.017,0.002-0.033,0.005-0.05,0.008c-0.02,0.002-0.038,0.005-0.058,0.009c-0.019,0.003-0.037,0.009-0.055,0.013c-0.016,0.005-0.033,0.008-0.05,0.013c-0.017,0.005-0.035,0.012-0.052,0.018c-0.017,0.006-0.033,0.012-0.049,0.019c-0.017,0.006-0.032,0.014-0.048,0.021c-0.017,0.008-0.034,0.016-0.051,0.024c-0.015,0.008-0.029,0.018-0.044,0.026c-0.015,0.008-0.031,0.018-0.048,0.029c-0.016,0.01-0.031,0.022-0.047,0.034c-0.014,0.01-0.027,0.019-0.04,0.028c-0.042,0.035-0.08,0.073-0.117,0.113c-0.013,0.011-0.026,0.021-0.037,0.033l-6.313,6.219c-0.433,0.428-0.434,1.12-0.003,1.544c0.432,0.426,1.131,0.424,1.564-0.002l4.495-4.426l-0.023,14.11c-0.001,0.603,0.493,1.092,1.104,1.09s1.107-0.49,1.109-1.095l0.023-14.108l4.403,4.334c0.432,0.426,1.133,0.424,1.565-0.003S29.553,19.975,29.121,19.55'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center center; } /* #If not avatare image ================================================== */ .no-avatar { position: relative; width: 50px; height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; } a.no-avatar { -webkit-transition: all 450ms ease; transition: all 450ms ease; } .no-avatar:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background-repeat: no-repeat; background-position: center; } .comment .no-avatar, .items-grid .no-avatar, .recent-posts .no-avatar { width: 60px; height: 60px; } /* #Material design : click wave effect ================================================== */ .waves-effect .waves-ripple { position: absolute; top: 50% !important; left: 50% !important; border-radius: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; opacity: 0; background: rgba(255, 255, 255, 0.38); -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-transform: scale(0); transform: scale(0); pointer-events: none; } .ripple span { -webkit-box-sizing: border-box; box-sizing: border-box; } /* #Shortcode code ================================================== */ .shortcode-code { padding: 25px 20px 25px 20px; } /* #Edit link ================================================== */ .edit-link { padding: 5px 10px; background-color: #69c354; color: #fff !important; text-decoration: none; font-family: Arial, sans-serif; font-size: 12px; -webkit-border-radius: 3px; border-radius: 3px; } .edit-link:hover { color: #fff; background-color: #4fa53b; } /* #Details link ================================================== */ .details { position: relative; display: inline-block; padding-right: 17px; background-repeat: no-repeat; background-position: right center; text-decoration: none; } .details:after { position: absolute; top: 0; right: 0; width: 11px; height: 100%; content: ""; background-position: 0 center; background-repeat: no-repeat; } .project-details:after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' enable-background='new 0 0 24 24' xml:space='preserve'%3E%3Cpath fill='white' d='M1.114,20.999c-0.092,0-0.187-0.011-0.281-0.037c-0.484-0.129-0.823-0.574-0.824-1.082c-0.001-0.213,0.585-6.442,3.585-9.192c2.471-2.516,5.098-3.415,9.469-3.611l-0.033-4.255c0-0.453,0.415-0.812,0.827-0.985c0.413-0.173,0.892-0.079,1.206,0.243l8.384,8.501c0.375,0.38,0.431,0.973,0.142,1.418c-0.05,0.065-0.099,0.128-0.152,0.179c-0.334,0.342-8.373,8.493-8.373,8.493c-0.316,0.32-0.793,0.416-1.206,0.24c-0.412-0.174-0.827-0.646-0.827-1.102l-0.002-4.268c-0.279-0.012-0.789-0.026-1.156,0.005c-2.515,0.212-7.601,0.984-9.796,4.887C1.874,20.787,1.506,20.999,1.114,20.999z M10.636,13.699c1.364-0.177,1.812-0.214,3.238-0.105c0.721,0.036,1.12,0.771,1.12,1.344l0.049,3.35l6.534-6.912l-6.472-6.717l-0.024,3.155c0,0.62-0.717,1.05-1.326,1.072C5.823,9.16,3.969,12.281,1.901,17.846C4.096,15.024,7.469,14.188,10.636,13.699z'/%3E%3C/svg%3E"); } /* #Round images ================================================== */ .round-images .rollover i, .round-images a.rollover, .round-images img, .round-images .alignleft, .round-images .alignleft img, .round-images .alignleft i { -webkit-border-radius: 50%; border-radius: 50%; } /* #Custom select ================================================== */ #page .customSelect { padding: 6px 10px 5px; -webkit-box-sizing: border-box; box-sizing: border-box; } /* #fixes for plugins ================================================== */ /*unknown #1*/ .stripe .gw-go * { color: inherit; } #content span:last-child[class*="gw-go-btn-icon"][class*="gw-go-btn-icon-large"] { margin-bottom: -6px; } #content span:last-child[class*="gw-go-btn-icon"] { margin-bottom: -5px; } .content .gw-go-col { border-top-width: 1px; border-bottom-width: 1px; border-color: #e2e2e2; } .content .gw-go-col:before { margin-top: 1px; } /*Ultimate Addons*/ .stripe .aio-icon i, .stripe .ubtn *, .stripe .vc_color-alert-success.vc_message_box-solid *, .stripe .info-c-full-wrap, .stripe .info-c-full-wrap *, .stripe .icon_description *, .stripe .info-circle-icons *, .stripe .icon_list_icon *, .stripe .vc_btn3 * { color: inherit; } img.info-circle-img-icon { max-width: 100%; } .smile_icon_list.left li .icon_list_connector { border-width: 0; } /* !-Essential Grid*/ .esgbox-overlay.esgbox-overlay-fixed { z-index: 10000; } .esg-grid a, .benefits-grid a { text-decoration: none; } /*unknown #2*/ #main .wpb_wrapper.ui-widget-content, #main .ui-widget-content, #main .ui-widget { color: inherit; font-size: inherit; font-weight: inherit; font-family: inherit; line-height: inherit; } /*unknown #3*/ #main .wpb_alert { text-shadow: none; } #main .wpb_alert strong { font-style: normal; } .wpb_alert, .wpb_alert *, .stripe .wpb_alert * { color: #c09853; } .wpb_alert-success, .wpb_alert-success *, .stripe .wpb_alert-success * { color: #468847; } .wpb_alert-danger, .wpb_alert-error, .wpb_alert-danger *, .wpb_alert-error *, .stripe .wpb_alert-danger *, .stripe .wpb_alert-error * { color: #b94a48; } .wpb_alert-info, .wpb_alert-info *, .stripe .wpb_alert-info * { color: #3a87ad; } /*unknown #4*/ .offer-tag { display: none; } /*VC separator*/ #main .vc_text_separator div { top: -10px; } /* vc single image shortcode*/ .wpb_single_image .vc_single_image-wrapper { /*display: block;*/ line-height: 0; } .wpb_single_image .vc_figure { max-width: 100%; } /*hover size for */ .rollover.vc_box_outline i, .rollover.vc_box_border i { top: 6px; left: 6px; width: calc(100% - 12px) !important; height: calc(100% - 12px) !important; } .vc_box_circle img, .vc_box_circle i, .vc_box_outline_circle i, .vc_box_border_circle i, .vc_box_shadow_circle i, .vc_box_shadow_border_circle i, .vc_box_shadow_circle i, .vc_box_shadow_border_circle i { -webkit-border-radius: 50%; border-radius: 50%; } .no-touch .scale-on-hover .vc_box_circle a.rollover:hover > img, .no-touch .scale-on-hover .vc_box_outline_circle a.rollover:hover > img, .no-touch .scale-on-hover .vc_box_border_circle a.rollover:hover > img, .no-touch .scale-on-hover .vc_box_shadow_circle a.rollover:hover > img, .no-touch .scale-on-hover .vc_box_shadow_border_circle a.rollover:hover > img, .no-touch .scale-on-hover .vc_box_shadow_circle a.rollover:hover > img, .no-touch .scale-on-hover .vc_box_shadow_border_circle a.rollover:hover > img { -webkit-transform: scale(1); transform: scale(1); } div .vc_box_rounded > img { border-radius: inherit; } /*VC toggle*/ .vc_toggle.dt-style { margin-bottom: 10px; } /*VC Icon shortcode */ .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner .vc_icon_element-icon, .vc_message_box-icon > .fa { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /*unknown #5*/ .boxed-layout #tiptip_holder { top: -20px !important; } /*unknown #6*/ #main .chzn-container-single .chzn-single { background-image: none; } .nsu_widget label { margin-right: 10px; } form.mc4wp-form label { font-weight: normal; } /*Twitter*/ #main #content .rotatingtweet { padding: 25px 20px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; } #content .rotatingtweets { max-width: 100%; } /*VC map*/ #main .wpb_gmaps_widget .wpb_map_wraper { background: none; padding: 0; background-color: transparent; } .wpb_gmaps_widget .wpb_map_wraper { padding: 0; } /*unknown #6*/ .interval { padding-bottom: 10px; } /*Search page*/ .search-no-results .submit:hover { cursor: default; } /*!-VC last-child*/ ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button { margin-bottom: 0 !important; } .useJS .container-1, .useJS .container-2, .useJS .container-3, .useJS .container .photo.show, .useJS .container .l3 { -webkit-transform: none; transform: none; } .lightbox.useJS .close, div.lightbox.useJS .img-caption { -webkit-transition: none; transition: none; } .jp-carousel-comment-form-button, .wpb-js-composer div.pp_default .pp_expand, .wpb-js-composer div.pp_default .pp_contract { -webkit-box-shadow: none; box-shadow: none; } .content .searchform input { width: 100%; }