/* Font family: FontAwesome;*/

/* Font content: FontAwesome;*/
.brabus-quote .sppb-blockquote:before { content: "\f10e"; }

/* Font sie: 14px;*/
#offcanvas-toggler,
.article-info > .published,
.brabus-contact label,
.brabus-pfo .sprocket-mosaic-g-readon { font-size: 14px; }

/* Font size: 17px;*/
.sp-page-title .sp-page-title-sub-heading { font-size: 17px; }

/* Font size: 20px;*/
.brabus-quote .sppb-blockquote footer { font-size: 20px; }

/* Font size: 22px;*/
.brabus-clients a { font-size: 22px; }

/* Font size: 40px;*/
.article-list .article .article-header h1, .article-list .article .article-header h2 { font-size: 40px; }

/* Font size: 66px;*/
.article-details .article-header h1, .article-details .article-header h2 { font-size: 66px; }

/* Font size: 90px;*/
.brabus-quote .sppb-blockquote:before { font-size: 90px; }

/* Font size: 2vw;*/
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a { font-size: 2vw; }

/* Font size: 3vw;*/
.offcanvas-menu .offcanvas-inner .sp-module ul.menu > li > a,
.brabus-pfo .sprocket-mosaic-g-tags { font-size: 3vw; }

/* FOnt size: 5vw;*/
.brabus-pfo .sprocket-mosaic-g-text { font-size: 5vw; }

/* Font size: 10vw;*/
.sp-page-title .sp-page-title-heading { font-size: 10vw; }

/* Font weight: 500;*/
.brabus-contact label { font-weight: 500; }

/* Font weight: 600;*/
.brabus-text u,
.pagination > li > a, .pagination > li > span,
.pager > li a,
.brabus-pfo .sprocket-mosaic-g-readon,
.brabus-pfo .sprocket-mosaic-g-header li { font-weight: 600; }

/* Font weight: 800;*/
.offcanvas-menu .offcanvas-inner .sp-module ul > li > a,
.sp-page-title .sp-page-title-heading,
.article-list .article .article-header h1, .article-list .article .article-header h2,
.article-details .article-header h1, .article-details .article-header h2,
.brabus-quote .sppb-blockquote footer,
.brabus-pfo .sprocket-mosaic-g-text,
.brabus-pfo .sprocket-mosaic-g-tags { font-weight: 800; }

/* Line height: 1;*/
.offcanvas-menu .offcanvas-inner .sp-module ul > li > a,
.brabus-pfo .sprocket-mosaic-g-text,
.brabus-pfo .sprocket-mosaic-g-tags { line-height: 1; }

/* Line height: 30px;*/
.article-introtext,
.brabus-quote .sppb-blockquote p { line-height: 30px; }

/* Border color: #e8293b;*/
.brabus-text u { border-color: #e8293b; }

/* Background: #fff;*/
.brabus-clients a img { background: #fff; }

/* Background: share;*/
.article-social-share .social-share-icon ul li a.facebook { background: #475993; }
.article-social-share .social-share-icon ul li a.twitter { background: #76a9ea; }
.article-social-share .social-share-icon ul li a.gplus { background: #f34a38; }
.article-social-share .social-share-icon ul li a.linkedin { background: #0077b7; }

/* Border radius: 50%;*/
.brabus-step .sppb-addon-title,
.article-info > .createdby:before { border-radius: 50%; }

/* Color: #fff;*/
#offcanvas-toggler,
.offcanvas-menu,
.brabus-slider .ares .tp-bullet-title,
.article-social-share .social-share-icon ul li a { color: #fff; }

/* Transition: all .4s;*/
a,
#offcanvas-toggler:after,
#offcanvas-toggler i:before,
#offcanvas-toggler i:after,
.offcanvas-overlay:before,
.offcanvas-overlay:after,
.offcanvas-menu:before,
.offcanvas-menu:after,
.offcanvas-menu .offcanvas-inner:before,
.offcanvas-menu .offcanvas-inner:after,
.offcanvas-inner > *,
.offcanvas-menu .offcanvas-inner .sp-module ul.menu > li > a:after,
.sp-preloader:before,
.sp-preloader:after,
.sp-preloader > *:before,
.sp-preloader > *:after,
html .sp-preloader:before,
html .sp-preloader:after,
html .sp-preloader > *:before,
html .sp-preloader > *:after,
.brabus-btn .fa,
.brabus-btn .fa:before,
.brabus-btn .fa:after,
.brabus-clients a > *,
.brabus-sbtn [class*="fa-icon"],
.brabus-sbtn [class*="fa-icon"]:before,
.brabus-sbtn [class*="fa-icon"]:after,
.brabus-slider .ares .tp-bullet:after { transition: all .4s ease; -webkit-transition: all .4s ease; }

/* Text transform: uppercase;*/
#offcanvas-toggler,
.offcanvas-menu .offcanvas-inner .sp-module ul.menu > li > a,
.brabus-clients a,
.pagination > li > a, .pagination > li > span,
.pager > li a,
.sp-page-title .sp-page-title-heading,
.brabus-pfo .sprocket-mosaic-g-readon,
.brabus-pfo .sprocket-mosaic-g-header li { text-transform: uppercase; }

/* Text align: center;*/
.offcanvas-menu,
.pager { text-align: center; }

/* Text align: right;*/
.brabus-pfo .sprocket-mosaic-g-container > li:nth-child(even) { text-align: right; }

/* Y: -50%;*/
.brabus-clients a span { transform: translateY(-50%); -webkit-transform: translateY(-50%); }

/* Addon: sp-header;*/
#sp-header,
#sp-header.header-sticky { z-index: 99999; }
#sp-header:not(.header-sticky) { background: inherit; box-shadow: none; }

/* Addon: sp-logo;*/
#sp-logo > .sp-column > .sp-module { float: left; }
#sp-logo > .sp-column .logo { float: right; margin: 0 30px 0 0; }

/* Addon: sp-footer;*/
#sp-footer { font-size: inherit; }

/* Addon: jb-section;*/
#sp-page-builder .jb-section .sppb-section-title { position: absolute; }

/* Addon: sp-megamenu;*/
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span { padding: 0 7.5px; position: relative; }
.sp-megamenu-parent > li > a:before { content: ""; border-top: 2px solid; position: absolute; top: 0; right: 7.5px; bottom: -20px; left: 7.5px; height: 2px; margin: auto 0; transition: inherit; -webkit-transition: inherit; }
.sp-megamenu-parent > li > a:not(:hover):not(:focus):not(:active):before { bottom: -26px; opacity: 0; }

/* Addon: offcanvas-toggler;*/
body.ltr #offcanvas-toggler.offcanvas-toggler-right { margin: 0 0 0 52.5px; }
#offcanvas-toggler { position: relative; }
#offcanvas-toggler:before { content: attr(aria-label); padding: 0 41px 0 0; }
#offcanvas-toggler:after,
#offcanvas-toggler i,
#offcanvas-toggler i:before,
#offcanvas-toggler i:after { width: 26px; position: absolute; right: 0; }
#offcanvas-toggler:after,
#offcanvas-toggler i:before,
#offcanvas-toggler i:after { content: ""; border-style: solid; border-width: 1px 0 0; border-style: solid; height: 1px; }
body:not(.offcanvas-active) #offcanvas-toggler i:before,
body:not(.offcanvas-active) #offcanvas-toggler i:after { width: 13px; }
body:not(.offcanvas-active) #offcanvas-toggler i:before { right: 13px; }
#offcanvas-toggler:after,
#offcanvas-toggler i { top: 0; bottom: 0; margin: auto 0; }
#offcanvas-toggler i { height: 18px; color: inherit!important; }
body.offcanvas-active #offcanvas-toggler i:after,
#offcanvas-toggler i:before { top: 0; }
body.offcanvas-active #offcanvas-toggler i:before,
#offcanvas-toggler i:after { bottom: 0; }
body.offcanvas-active #offcanvas-toggler i:before,
body.offcanvas-active #offcanvas-toggler i:after { margin: auto 0; }
body.offcanvas-active #offcanvas-toggler:after { opacity: 0; }
body.offcanvas-active #offcanvas-toggler i:before { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
body.offcanvas-active #offcanvas-toggler i:after { transform: rotate(45deg); -webkit-transform: rotate(45deg); }

/* Addon: body-wrapper;*/
.offcanvas-init.offcanvas-active { overflow: hidden; }
body.ltr.offcanvs-position-right.offcanvas-active .body-wrapper { right: 0; }

/* Addon: offcanvas-menu - overlay;*/
.offcanvas-overlay:before,
.offcanvas-overlay:after,
.offcanvas-menu:before,
.offcanvas-menu:after,
.offcanvas-menu .offcanvas-inner:before,
.offcanvas-menu .offcanvas-inner:after { content: ""; position: fixed; top: 0; bottom: 0; width: calc(25% + 1px); transform: skewX(45deg); -webkit-transform: skewX(45deg); transition-delay: 0.3s; -webkit-transition-delay: 0.3s; }
body:not(.offcanvas-active) .offcanvas-overlay:before,
body:not(.offcanvas-active) .offcanvas-overlay:after,
body:not(.offcanvas-active) .offcanvas-menu:before,
body:not(.offcanvas-active) .offcanvas-menu:after,
body:not(.offcanvas-active) .offcanvas-menu .offcanvas-inner:before,
body:not(.offcanvas-active) .offcanvas-menu .offcanvas-inner:after { transform: skewX(0deg); -webkit-transform: skewX(0deg); visibility: hidden; opacity: 0; width: 0; transition-delay: 0s; -webkit-transition-delay: 0s; }
.offcanvas-overlay { background: transparent; position: fixed; opacity: 1; visibility: visible; }
body:not(.offcanvas-active) .offcanvas-overlay { z-index: -1; }
.offcanvas-overlay:before { left: -25%; }
.offcanvas-overlay:after { left: 0%; }
.offcanvas-menu:before { left: 25%; }
.offcanvas-menu:after { left: 50%; }
.offcanvas-menu .offcanvas-inner:before { left: 75%; }
.offcanvas-menu .offcanvas-inner:after { left: 100%; }

/* Addon: offcanvas-menu - box;*/
body:not(.offcanvas-active) .offcanvas-inner > *,
body:not(.offcanvas-active) .close-offcanvas { visibility: hidden; opacity: 0; }
.offcanvas-inner > * { position: relative; z-index: 1; top: 0px; transition-delay: 0.4s; -webkit-transition-delay: 0.4s; }
.offcanvas-inner > ._menu { min-height: 130px; padding: 0 0 50px; }
body:not(.offcanvas-active) .offcanvas-inner > * { top: 30px; transition-delay: 0s; -webkit-transition-delay: 0s; }
body:not(.offcanvas-active) .offcanvas-inner > ._menu { top: -30px; }
body.ltr .close-offcanvas { right: 40px; }
body.ltr.offcanvs-position-right .offcanvas-menu { right: 0; }
.close-offcanvas { width: 26px; height: 18px; top: 38px; position: fixed; z-index: 99999; opacity: 0; }
.offcanvas-menu { width: auto; top: 0; right: 0; bottom: 0; left: 0; background: transparent; visibility: visible; display: flex; align-items: center; }
body:not(.offcanvas-active) .offcanvas-menu { z-index: -1; }
.offcanvas-menu .offcanvas-inner { width: 100%; padding-top: 96px; }

/* Addon: offcanvas-menu - menu;*/
.offcanvas-menu .offcanvas-inner .sp-module ul.menu { display: block; position: relative; }
.offcanvas-menu .offcanvas-inner .sp-module ul.menu li { display: inline-block; padding: 0 30px; position: static; overflow: visible; 
padding-bottom: 20px}
.offcanvas-menu .offcanvas-inner .sp-module ul.menu li > ul { position: absolute; right: 0; left: 0; }
.offcanvas-menu .offcanvas-inner .sp-module ul.menu li li { padding: 0 15px; }
.offcanvas-menu .offcanvas-inner .sp-module ul > li a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li span,
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler, 
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler { color: inherit; }
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler, 
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler { color: inherit; position: static; display: inline-block; padding: 0 0 0 10px; }
.offcanvas-menu .offcanvas-inner .sp-module ul.menu > li > a { padding: 0 0 8px; position: relative; }
.offcanvas-menu .offcanvas-inner .sp-module ul.menu > li > a:after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; border-width: 5px 0 0; border-style: solid; }
.offcanvas-menu .offcanvas-inner .sp-module ul.menu > li:not(:hover):not(:focus):not(:active):not(.active) > a:after { opacity: 0; bottom: -5px; }

/* Addon: sp-reloader;*/
html .sp-preloader:before,
html .sp-preloader:after,
html .sp-preloader > *:before,
html .sp-preloader > *:after { content: ""; position: absolute; z-index: 1; top: 100%; bottom:0; width: 25%; height: 100%; border-radius: 0; margin: 0; }
html body:not(.page-loaded) .sp-preloader:before,
html body:not(.page-loaded) .sp-preloader:after,
html body:not(.page-loaded) .sp-preloader > *:before,
html body:not(.page-loaded) .sp-preloader > *:after { top: 0; }
html .sp-preloader:before { left: 0; transition-delay: 0.15s; -webkit-transition-delay: 0.15s; }
html .sp-preloader:after { left: 25%; transition-delay: 0.2s; -webkit-transition-delay: 0.2s; }
html .sp-preloader > *:before { left: 50%; transition-delay: 0.25s; -webkit-transition-delay: 0.25s; }
html .sp-preloader > *:after { left: 75%; transition-delay: 0.3s; -webkit-transition-delay: 0.3s; }
html .sp-preloader { display: block!important; opacity: 1!important; }
html body.page-loaded .sp-preloader { visibility: hidden; }
html .sp-preloader > div { width: auto; height: auto; top: 0; right: 0; bottom: 0; left: 0; margin: 0; animation: none; -webkit-animation: none; border-radius: 0; }

/* Addon: brabus-preloader;*/
.brabus-preloader { position: fixed!important; z-index: 99999!important; top: 0; right: 0; bottom: 0; left: 0; }
.page-loaded .brabus-preloader { display: none; }

/* Addon: brabus-text;*/
.brabus-text u { border-width: 0 0 3px; border-style: dotted; text-decoration: none; }

/* Addon: brabus-btn;*/
.brabus-sbtn [class*="fa-icon"] { margin: 0 20px; }
.brabus-btn .fa,
.brabus-sbtn [class*="fa-icon"] { position: relative; height: 1px; width: 62px; vertical-align: middle; }
.brabus-btn:not(:hover):not(:focus):not(:active) .fa,
.brabus-sbtn:not(:hover):not(:focus):not(:active) [class*="fa-icon"] { width: 42px; margin-left: 0!important; }
.brabus-btn .fa:before,
.brabus-btn .fa:after,
.brabus-sbtn [class*="fa-icon"]:before,
.brabus-sbtn [class*="fa-icon"]:after { content: ""; position: absolute; top: 0; bottom: 0; border-top: 1px solid; }
.brabus-btn .fa:before,
.brabus-sbtn [class*="fa-icon"]:before { right: 0; }
.brabus-btn .fa:after,
.brabus-sbtn [class*="fa-icon"]:after { left: 0; }
.brabus-btn .fa:before,
.brabus-btn:not(:hover):not(:focus):not(:active) .fa:after,
.brabus-sbtn [class*="fa-icon"]:before,
.brabus-sbtn:not(:hover):not(:focus):not(:active) [class*="fa-icon"]:after { width: 0; }
.brabus-btn .fa:after,
.brabus-btn:not(:hover):not(:focus):not(:active) .fa:before,
.brabus-sbtn [class*="fa-icon"]:after,
.brabus-sbtn:not(:hover):not(:focus):not(:active) [class*="fa-icon"]:before { width: 100%; }
.brabus-btn .fa:after,
.brabus-sbtn [class*="fa-icon"]:after { transition-delay: 0.2s; -webkit-transition-delay: 0.2s; }
.brabus-btn:not(:hover):not(:focus):not(:active) .fa:after,
.brabus-sbtn:not(:hover):not(:focus):not(:active) [class*="fa-icon"]:after { transition-delay: 0s; -webkit-transition-delay: 0s; }

/* Addon: brabus-orderbtn;*/
.brabus-orderbtn .sppb-btn:first-child:after { content: ""; border-top: 1px solid; width: 50px; height: 1px; vertical-align: middle; margin: 0 15px; display: inline-block; }

/* Addon: zindex11;*/
.brabus-zindex2 { z-index: 2; }

/* Addon: brabus-clients;*/
.brabus-clients a { display: block; position: relative; margin: 0 0 30px; overflow: hidden; }
.brabus-clients a img { padding: 15px; border: 1px solid; opacity: 0.05; transform: scale(1.2); -webit-transform: scale(1.2); }
.brabus-clients a:not(:hover):not(:focus):not(:active) img { opacity: 1; transform: none; -webkit-transform: none; }
.brabus-clients a span { position: absolute; top: 50%; right: 0; left: 0; color: initial; }
.brabus-clients a:not(:hover):not(:focus):not(:active) span { top: 100%; opacity: 0; }

/* Addon: brabus-socials;*/
.brabus-socials { display: none; }
.brabus-socials + .sp-module-content { position: absolute; top: 0; left: 0; z-index: 1; width: 100px; }
.brabus-social { transform: rotate(-90deg)!important; -webkit-transform: rotate(-90deg)!important; }

/* Addon: brabus-scroll;*/
.brabus-scroll:before { content: ""; height: 1px; width: 50px; border-top: 1px solid; display: inline-block; vertical-align: middle; margin: -1px 20px 0 0; }

/* Addon: brabus-slider - dots;*/
.brabus-slider .ares .tp-bullet { max-height: 20px; }
.brabus-slider .ares .tp-bullet:after { content: ""; display: inline-block; border-width: 1px 0 0; border-style: solid; vertical-align: middle; height: 1px; width: 67px; }
.brabus-slider .ares .tp-bullet:not(.selected):after { width: 33px; margin: 0 33px 0 0; opacity: 0.2; }
.brabus-slider .ares.tp-bullets:hover .tp-bullet-title,
.brabus-slider .ares .tp-bullet.selected .tp-bullet-title { visibility: visible; }
.brabus-slider .ares .tp-bullet .tp-bullet-title { top: 0; right: 100%; padding: 0 15px 0 0; font-weight: inherit; transform: none; -webkit-transform: none; }

/* Addon: sp-page-title;*/
.sp-page-title { height: 100vh; margin: -96px 0 0; display: flex; align-items: center; position: relative; }
.sp-page-title > .container { padding: 0 10%; }
.sp-page-title .sp-page-title-heading,
.sp-page-title .sp-page-title-sub-heading { position: relative; z-index: 2; }
.sp-page-title .sp-page-title-heading { font-family: inherit; }
.sp-page-title .brabus-bg-title { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.sp-page-title .brabus-bg-title .sppb-section-bacground-video { opacity: 0.2; }

/* Addon: brabus-step;*/
.brabus-step .sppb-addon-title { display: inline-block; width: 62px; height: 62px; position: relative; }
.brabus-step .sppb-addon-title:before { content: ""; position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; border-radius: inherit; background: inherit; margin: -10px; opacity: 0.1; }
.brabus-step img { max-height: 90px; }

/* Addon: brabus-jcc;*/
.brabus-jcc > .sppb-row-container > .sppb-row { justify-content: center; }

/* Addon: article-list - box;*/
.article-list .article,
.article-list .article .float-left,
.article-list .article .float-left img { border-radius: 0; border-width: 0; }
.article-list .article { padding: 0; overflow: hidden; margin: 50px 0; }
.article-list .article .float-left { width: 50%; padding: 0 50px 0 0; margin: 0; }
.article-list [class*="col-"]:nth-child(2n) .article .float-left { float: right!important; padding: 0 0 0 50px; }
.article-body { position: relative; overflow: hidden; }

/* Addon: article-list - header;*/
.article-list .article .article-header h1, .article-list .article .article-header h2 { margin: 42px 0 30px; font-family: inherit; }

/* Addon: article-info;*/
.article-info { margin-bottom: 30px; }
.article-info > .createdby { font-size: inherit; }
.article-info > .createdby:before { content: ""; border: 25px solid; width: 50px; height: 50px; margin: 0 10px 0 0; display: inline-block; vertical-align: middle; opacity: 0.1; }
.article-info > .published { opacity: 0.5; position: absolute; top: 0; left: 0; }
.article-info > .published:before { display: none; }

/* Addon: pagination;*/
.page-item:first-child .page-link,
.page-item:last-child .page-link,
.pagination > li > a, .pagination > li > span { border-radius: 0; }
.pagination > li > a, .pagination > li > span { border-width: 0; margin: 0 20px 0 0; border-width: 0 0 2px; border-style: solid; border-color: inherit; font-size: inherit; padding: 0 0 2px; }
.page-item.active .page-link,
.page-item.active .page-link:hover,
.pagination > li > a:hover { background: inherit; color: inherit; }

/* Addon: article-detail - box;*/
.article-details .article-body { padding: 0 50px; }

/* Addon: article-detail - thumb;*/
.article-details .float-left,
.article-details .float-left img { border-radius: 0; border-width: 0; min-width: 100%; }
.article-details .article-body { clear: both; padding-top: 20px; }

/* Addon: article-detail - info;*/
.article-details .article-info .published { left: 50px; }

/* Addon: brabus-quote;*/
.brabus-quote .sppb-blockquote { font-style: inherit; }
.brabus-quote .sppb-blockquote:before { color: inherit; opacity: 0.1; margin: 0; position: absolute; top: 13px; }
.brabus-quote .sppb-blockquote footer { color: inherit; }
.brabus-quote .sppb-blockquote footer:before { display: none; }

/* Addon: share;*/
.article-social-share .social-share-icon ul li:not(:last-child) { margin: 0; }
.article-social-share .social-share-icon ul li a { height: 44px; width: 44px; padding: 5px; border-radius: 0; border-width: 0; }

/* Addon: pager;*/
.pager > li { margin: 0 10px; }
.pager > li.previous,
.pager > li.next { float: none; }
.pager > li a { font-size: inherit; border-width: 0 0 2px; border-color: inherit; padding: 0 0 2px; line-height: inherit; border-radius: 0; }

/* Addon: brabus-link;*/
.brabus-link { position: relative; }
.brabus-link:after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; border-top: 2px solid; transition: inherit; -webkit-transition: inherit; }
.brabus-link:not(:hover):not(:focus):not(:active):after { bottom: -6px; opacity: 0; }

/* Addon: brabus-pfo - header;*/
.brabus-pfo .sprocket-mosaic-g-header { margin: 0 0 30px; }
.brabus-pfo .sprocket-mosaic-g-header li { background: inherit; }
.brabus-pfo .sprocket-mosaic-g-header li:not(.active) { opacity: 0.5; }

/* Addon: brabus-pfo - box;*/
.sprocket-mosaic-g-overlay .css-loader-wrapper { padding: 8px; }
.brabus-pfo .sprocket-mosaic-g-container > li { min-width: 100%; clear: both; }
.brabus-pfo .sprocket-mosaic-g-item { float: left; margin: 0 0 150px; }
.brabus-pfo .sprocket-mosaic-g-item > * { float: left; width: 50%; }
.brabus-pfo .sprocket-mosaic-g-container > li:nth-child(even) .sprocket-mosaic-g-image-container { float: right; }
.brabus-pfo .sprocket-mosaic-g-content.overlay-mode { position: static; visibility: visible; opacity: 1; overflow: visible; color: inherit; padding: 0 0 0 5%; height: auto!important; }
.brabus-pfo .sprocket-mosaic-g-container > li:nth-child(even) .sprocket-mosaic-g-content.overlay-mode { padding: 0 5% 0 0; }
.brabus-pfo .sprocket-mosaic-g-content > * { opacity: 1; margin: 0; }

/* Addon: brabus-pfo - content;*/
.brabus-pfo .sprocket-mosaic-g-title { opacity: 0.5; font-size: inherit; position: static; }
.brabus-pfo .sprocket-mosaic-g-text { position: relative; left: -7vw; }
.brabus-pfo .sprocket-mosaic-g-container > li:nth-child(even) .sprocket-mosaic-g-text { left: 7vw; }
.brabus-pfo .sprocket-mosaic-g-tags { position: static; background: inherit; padding: 0; overflow: hidden; }
.brabus-pfo .sprocket-mosaic-g-tags li { padding: 0; display: inline-block; float: none; }

/* Addon: brabus-pfo - readon;*/
.brabus-pfo .sprocket-mosaic-g-readon { position: absolute; right: 0; bottom: 0; width: 45%; }
.brabus-pfo .sprocket-mosaic-g-container > li:nth-child(even) .sprocket-mosaic-g-readon { right: 55%; }
.brabus-pfo .sprocket-mosaic-g-readon:before { content: ""; display: inline-block; height: 1px; width: 42px; border-top: 1px solid; vertical-align: middle; margin: 0 20px 0 0; }

/* Responsive: 1024px*/
@media(max-width: 1024px) {

	/* font size: 100px;*/
	.brabus-textblock .sppb-addon-content { font-size: 100px; }

	/* Addon: article-list;*/
	.article-list .article-introtext { display: none; }

	/* Addon: brabus-pfo;*/
	.brabus-pfo .sprocket-mosaic-g-item { margin: 0 0 50px; }
	.brabus-pfo .sprocket-mosaic-g-content.overlay-mode,
	.brabus-pfo .sprocket-mosaic-g-container > li:nth-child(even) .sprocket-mosaic-g-content.overlay-mode { padding-top: 7%; }
}

/* Responsive: 991px;*/
@media(max-width: 991px) {

	/* Font size: 14px;*/
	.brabus-pfo .sprocket-mosaic-g-title { font-size: 14px; }

	/* Addon: sp-logo;*/
	#sp-logo > .sp-column .logo { float: none; margin: 0; }

	/* Addon: brabus-textblock*/
	.brabus-textblock .sppb-addon-content { margin: 0!important; }

	/* Addon: offcanvas;*/
	.offcanvas-overlay:before { width: 50%; left: -50%; }
	.offcanvas-menu .offcanvas-inner:after { width: 100%; }
}

/* Responsive: 767px;*/
@media(max-width: 767px) {

	/* FOnt size: 13px;*/
	.brabus-pfo .sprocket-mosaic-g-title { font-size: 13px; }

	/* Line height: inherit;*/
	.sp-page-title .sp-page-title-sub-heading { line-height: inherit; }

	/* Addon: offcavans-overlay;*/
	.offcanvas-overlay:before, .offcanvas-overlay:after, .offcanvas-menu:before, .offcanvas-menu:after, .offcanvas-menu .offcanvas-inner:before, .offcanvas-menu .offcanvas-inner:after { transform: none; -webkit-transform: none; }

	/* Addon: offcanvas-menu;*/
	.offcanvas-menu .offcanvas-inner .sp-module ul.menu li { display: block; }
	.offcanvas-menu .offcanvas-inner .sp-module ul.menu > li > a,
	.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a { font-size: inherit; display: inline-block; padding: 0 0 30px; }
	.offcanvas-menu .offcanvas-inner .sp-module ul.menu > li > a:after { display: none; }
	.offcanvas-menu .offcanvas-inner .sp-module ul.menu li > ul { position: static; }

	/* Addon: offcanvas-toggler;*/
	#offcanvas-toggler:before { display: none; }

	/* Addon: brabus-textblock*/
	.brabus-textblock .sppb-addon-content { display: none; }

	/* Addon: article-list;*/
	.article-list .article .float-left,
	.article-list [class*="col-"]:nth-child(2n) .article .float-left { width: 100%; padding: 0 0 30px; float: none!important; }

	/* Addon: article-details;*/
	.article-details .article-body { padding: 30px 0 0; }
	.article-details .article-header h1, .article-details .article-header h2 { font-size: inherit; margin: 0 0 30px; }
	.article-details .article-info .published { left: 0; }

	/* Addon: article-social-share;*/
	.article-social-share { display: none; }

	/* Addon: ;*/
	.brabus-pfo .sprocket-mosaic-g-content { text-align: inherit; }
	.brabus-pfo .sprocket-mosaic-g-readon:before { width: 20px; }
}






h3.sp-simpleportfolio-title a {
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 25%;
  right: 0;
}

h3.sp-simpleportfolio-title {
  bottom: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
}