/* Font family: "Fjalla One"*/
.jcod-animated-number .odometer,
.jcod-works .sprocket-mosaic-g-title,
.sp-page-title h2,
.jcod-mworks .sprocket-mosaic-title,
.video-mask-text .sppb-section-bacground-video svg mask .title { font-family: "Fjalla One"; }

/* Font smoonth;*/
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; }

/* Font size: 0;*/
.sp-module .search > form .button { font-size: 0; }

/* Font size: 2em;*/
.video-mask-text .sppb-section-bacground-video svg mask .title { font-size: 2em; }

/* Font size: 4em;*/
.sp-page-title h2 { font-size: 4em; }

/* Font size: 5px;*/
.video-mask-text .sppb-section-bacground-video svg mask .description { font-size: 5px; }

/* Font size: 10px;*/
.article-info { font-size: 10px; }

/* Font size: 11px;*/
.jcod-works .sprocket-mosaic-g-text,
.jcod-mworks .sprocket-mosaic-item .sprocket-mosaic-text,
.sp-module .tagspopular ul >li >a { font-size: 11px; }

/* Font size: 12px;*/
article.item .readmore .btn { font-size: 12px; }

/* Font size: 13px;*/
.jcod-works .sprocket-mosaic-g-header li,
.jcod-mworks .sprocket-mosaic .sprocket-mosaic-header { font-size: 13px; }

/* Font size: 16px;*/
.sp-page-title h3 { font-size: 16px; }

/* Font size: 17px;*/
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li a { font-size: 17px; }

/* Font size: 36px;*/
.jcod-works .sprocket-mosaic-g-title,
.jcod-mworks .sprocket-mosaic-title { font-size: 36px; }

/* Font size: 40px;*/
.jcod-animated-number .odometer { font-size: 40px; }

/* Font weight: 400;*/
.sp-module ul.categories-module >li >a>span+span { font-weight: 400; }

/* Font weight: 500;*/
.sp-page-title h3 { font-weight: 500; }

/* Font weight: 600;*/
.jcod-works .sprocket-mosaic-g-header li,
.jcod-mworks .sprocket-mosaic .sprocket-mosaic-header,
.sp-module ul.categories-module,
.sp-module .tagspopular ul >li >a,
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li a { font-weight: 600; }

/* Font weight: 700;*/
html .sp-page-title h2,
.entry-header h2,
article.item .readmore .btn { font-weight: 700; }

/* Line height: 1;*/
.jcod-works .sprocket-mosaic-g-title,
.jcod-mworks .sprocket-mosaic-title { line-height: 1; }

/* Line height: 1.2;*/
.sp-page-title h3 { line-height: 1.2; }

/* Line height: 1.5;*/
.article-info,
article.item .readmore .btn,
.sp-module ul.categories-module >li >a,
.video-mask-text .sppb-section-bacground-video svg mask .title,
.video-mask-text .sppb-section-bacground-video svg mask .description { line-height: 1.5; }

/* Line height: 23px;*/
.sp-module .tagspopular ul >li >a { line-height: 23px; }

/* Line height: 26px;*/
body { line-height: 26px; }

/* Line height: 28px;*/
.entry-header h2,
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li a { line-height: 28px; }

/* Line height: 36px;*/
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a { line-height: 36px; }

/* Line height: 60px;*/
.jcod-animated-number .odometer { line-height: 60px; }

/* Border color: #929191;*/
#sp-header:before { border-color: #929191; }

/* Border color: #eee;*/
.sp-module .search > form,
.sp-module .tagspopular ul >li >a,
.jcod-contact .sppb-form-control { border-color: #eee; }

/* Border radius: 50px;*/
.sp-module .search > form,
.sp-module .search > form .button,
.sp-module .tagspopular ul >li >a { border-radius: 50px; }

/* Background color: #fff;*/
.jcod-titles2:before { background: #fff; }

/* Background: #929191;*/
.full-screen-ftop .offcanvas-menu { background: #929191; }

/* Background image: #fed20f;*/
.jcod-titles .sppb-addon-title,
.entry-header h2 { 
	background: #fed20f;
    background: -moz-linear-gradient(-45deg, #fed20f 0%, #ed9923 100%);
    background: -webkit-linear-gradient(-45deg, #fed20f 0%, #ed9923 100%);
    background: linear-gradient(135deg, #fed20f 0%, #ed9923 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fed20f', endColorstr='#ed9923',GradientType=1 );
}

/* Background text;*/
.jcod-titles .sppb-addon-title,
.jcod-titles2 .sppb-addon-title,
.entry-header h2 { -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

/* Box shadow: 5px 20px 50px 5px;*/
.jcod-logos .sppb-row > *:hover { box-shadow: 5px 20px 50px 5px; }

/* Box shadow: 5px 20px 50px 5px rgba(0,0,0,.1);*/
article.item { box-shadow: 5px 20px 50px 5px rgba(0,0,0,.1); }

/* Box shadow: 5px 20px 50px 5px rgba(0,0,0,.3);*/
.jcod-works .sprocket-mosaic-g-item:hover,
.jcod-mworks .sprocket-mosaic-item:hover { box-shadow: 5px 20px 50px 5px rgba(0,0,0,.3); }

/* Color: ;*/
article.item { color: #212529; }

/* Color: #929191;*/
#sp-header.menu-fixed #offcanvas-toggler,
.sp-megamenu-parent >li:not(.active) >a { color: #929191; }

/* Color: #929191;*/
#offcanvas-toggler,
.jcod-mworks .sprocket-mosaic-content { color: #fff; }

/* Color: #fed20f;*/
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a:hover,
.jcod-works .sprocket-mosaic-g-header li.active,
.jcod-mworks .sprocket-mosaic .sprocket-mosaic-header li.active,
article.item .readmore .btn { color: #fed20f; }

/* Fill: #fff;*/
.video-mask-text .sppb-section-bacground-video svg mask rect { fill: #fff; }

/* Fill: #929191;*/
.video-mask-text .sppb-section-bacground-video svg > rect { fill: #929191; }

/* Text align: center;*/
.sp-megamenu-parent,
.sp-page-title { text-align: center; }

/* Text align: right;*/
.full-screen-ftop .offcanvas-menu .offcanvas-inner { text-align: right; }

/* Text transform: uppercase;*/
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a,
.jcod-works .sprocket-mosaic-g-header li,
.sp-page-title h2,
article.item .readmore .btn { text-transform: uppercase; }

/* Transition: all .4s;*/
a,
#sp-header,
#sp-header:before,
#sp-logo .logo img,
#offcanvas-toggler:before,
#offcanvas-toggler:after,
#offcanvas-toggler >i,
[class*="jcod-ghost-btn"] svg rect,
#sp-header:not(.menu-fixed) .sp-megamenu-parent >li >a:before,
#sp-header:not(.menu-fixed) .sp-megamenu-parent >li >a:after,
.jcod-feature:before,
.jcod-logos .sppb-row > *,
.jcod-team:after,
.jcod-team .sppb-media-content,
.jcod-mworks .sprocket-mosaic-image { transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; -ms-transition: all .4s; }

/* Transition: opacity .4s;*/
.jcod-mworks .sprocket-mosaic-content { transition: opacity .4s; -webkit-transition: opacity .4s; -moz-transition: opacity .4s; -o-transition: opacity .4s; -ms-transition: opacity .4s; }

/* Transition: box-shadow .4s;*/
.jcod-mworks .sprocket-mosaic-item { transition: box-shadow .4s; -webkit-transition: box-shadow .4s; -moz-transition: box-shadow .4s; -o-transition: box-shadow .4s; -ms-transition: box-shadow .4s; }

/* Transition: width 0s ease;*/
.jcod-readon:before,
#sp-header:not(.menu-fixed) .sp-megamenu-parent >li >a:before,
article.item .readmore .btn:before { transition: width 0s ease; -webkit-transition: width 0s ease; -moz-transition: width 0s ease; -o-transition: width 0s ease; -ms-transition: width 0s ease; }

/* Transition: width .25s ease;*/
.jcod-readon:hover:before,
.jcod-readon:after,
#sp-header:not(.menu-fixed) .sp-megamenu-parent >li:hover >a:before,
#sp-header:not(.menu-fixed) .sp-megamenu-parent >li >a:after,
article.item .readmore .btn:after,
article.item .readmore .btn:hover:before { transition: width .25s ease; -webkit-transition: width .25s ease; -moz-transition: width .25s ease; -o-transition: width .25s ease; -ms-transition: width .25s ease; }

/* Transition: all 0s ease;*/
.jcod-readon:hover:after,
#sp-header:not(.menu-fixed) .sp-megamenu-parent >li:hover >a:after,
article.item .readmore .btn:hover:after { transition: all 0s ease; -webkit-transition: all 0s ease; -moz-transition: all 0s ease; -o-transition: all 0s ease; -ms-transition: all 0s ease; }

/* TranslateY: -50%;*/
.jcod-team .sppb-media-content { transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); }

/* Animation: jcod-show-img-1;*/
@-webkit-keyframes jcod-show-img-1 { 0%,66.6% { visibility: hidden; }
  100%,66.7% { visibility: visible; } }
@keyframes jcod-show-img-1 { 0%,66.6% { visibility: hidden; }
  100%,66.7% { visibility: visible; } }

/* Animation: jcod-slide-bg-2;*/
@-webkit-keyframes jcod-slide-bg-2 {
	33.3% { -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(0.05, 1); transform: scale(0.05, 1); }
  	66.6% { -webkit-transform-origin: left center; transform-origin: left center; -webkit-transform: scale(1, 1); transform: scale(1, 1); }
  	66.7% { -webkit-transform-origin: right center; transform-origin: right center; -webkit-transform: scale(1, 1); transform: scale(1, 1); }
  	100% { -webkit-transform-origin: right center; transform-origin: right center; -webkit-transform: scale(0, 1); transform: scale(0, 1); }
}
@keyframes jcod-slide-bg-2 {
	33.3% { -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(0.05, 1); transform: scale(0.05, 1); }
  	66.6% { -webkit-transform-origin: left center; transform-origin: left center; -webkit-transform: scale(1, 1); transform: scale(1, 1); }
  	66.7% { -webkit-transform-origin: right center; transform-origin: right center; -webkit-transform: scale(1, 1); transform: scale(1, 1); }
  	100% { -webkit-transform-origin: right center; transform-origin: right center; -webkit-transform: scale(0, 1); transform: scale(0, 1); }
}

/* Animation: timing;*/
.jcod-aos-slide .sppb-addon-single-image-container:after,
.jcod-aos-slide .sppb-addon-single-image-container img,
.jcod-works .sprocket-mosaic-g-image-container:after,
.jcod-works .sprocket-mosaic-g-image-container img,
.jcod-mworks .sprocket-mosaic-image-container:after,
.jcod-mworks .sprocket-mosaic-image-container img { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); }

/* Common styles;*/
.sprocket-mosaic-g-overlay .css-loader-wrapper,
.sprocket-mosaic-overlay .css-loader-wrapper { padding: 8px; }

/* Addon: sp-header;*/
#sp-header:not(.menu-fixed) { background-color: inherit; box-shadow: inherit; }
#sp-header:before { content: ""; position: fixed; top: 5px; right: 0; left: 0; border-width: 6px 0 0; border-style: solid; }
#sp-header.menu-fixed:before { border-color: initial; }
#sp-header:not(.menu-fixed):after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 1px; border-top: 1px solid; opacity: 0.2; width: 70%; margin: 0 auto; }

/* Addon: sp-megamenu;*/
.sp-megamenu-parent { float: none; margin: 0 223px 0 0; }
.sp-megamenu-parent>li { display: inline-block; float: none; margin: 0 5px; }
.sp-megamenu-parent>li>* { text-align: initial; }
.sp-megamenu-parent >li >a { letter-spacing: inherit; font-size: inherit; }
.sp-megamenu-parent >li.sp-has-child>a:after,
.sp-megamenu-parent >li.sp-has-child>span:after { display: none; }
#sp-header:not(.menu-fixed) .sp-megamenu-parent >li:not(.active) >a { color: inherit; }
#sp-header:not(.menu-fixed) .sp-megamenu-parent >li >a { position: relative; }
#sp-header:not(.menu-fixed) .sp-megamenu-parent >li >a:before,
#sp-header:not(.menu-fixed) .sp-megamenu-parent >li >a:after { content: ''; position: absolute; bottom: 0; height: 1px; width: 0; border-top: 1px solid; }
#sp-header:not(.menu-fixed) .sp-megamenu-parent >li >a:before { left: 0; }
#sp-header:not(.menu-fixed) .sp-megamenu-parent >li >a:after { right: 0; }
#sp-header:not(.menu-fixed) .sp-megamenu-parent >li >a:after,
#sp-header:not(.menu-fixed) .sp-megamenu-parent >li:hover >a:before { border-color: inherit; }
#sp-header:not(.menu-fixed) .sp-megamenu-parent >li:hover >a:before,
#sp-header:not(.menu-fixed) .sp-megamenu-parent >li:hover >a:after { width: 100%; }
#sp-header:not(.menu-fixed) .sp-megamenu-parent >li:hover >a:after { border-color: transparent; }

/* Addon: sp-megamenu - dropdown;*/
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner { padding: 10px 0; }
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a { padding: 0 15px; }
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a:hover { background: inherit; }

/* Addon: sp-logo;*/
#sp-logo .logo img { max-width: 165px;
max-height: 61px; }
/*#sp-header:not(.menu-fixed) #sp-logo .logo img { filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); -o-filter: brightness(0) invert(1); -moz-filter: brightness(0) invert(1); -ms-filter: brightness(0) invert(1); }
*/
/* Addon: sp-menu;*/
#sp-menu > .sp-column > .sp-module { float: right; }
#sp-header.menu-fixed #sp-menu > .sp-column > .sp-module { visibility: hidden; }

/* Addon: offcanvas-toggler;*/
#offcanvas-toggler { position: fixed; z-index: 9999; top: 39px; right: 5%; width: 22px; }
#offcanvas-toggler:before,
#offcanvas-toggler:after,
#offcanvas-toggler >i { height: 2px; border-style: solid; border-width: 2px 0 0; display: block; }
#offcanvas-toggler:before,
#offcanvas-toggler:after { content: ""; width: 100%; margin: 0 auto; }
#offcanvas-toggler:not(:hover):not(:focus):not(:active):before,
#offcanvas-toggler:not(:hover):not(:focus):not(:active):after { width: 12px; }
#offcanvas-toggler >i,
#offcanvas-toggler >i:hover { color: inherit; }
#offcanvas-toggler >i { display: block; margin: 5px 0; }
#offcanvas-toggler >i:before { display: none; }

/* Addon: jcod-h100vh;*/
.jcod-h100vh { height: 100vh; display: table; width: 100%; }
.jcod-h100vh > .sppb-container-inner { display: table-cell; vertical-align: middle; }

/* Addon: [class*="jcod-ghost-btn"];*/
[class*="jcod-ghost-btn"] { position: relative; }
[class*="jcod-ghost-btn"] svg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-height: 100%; }
[class*="jcod-ghost-btn"] svg rect { stroke-width: 2; stroke-dasharray: 353, 0; stroke-dashoffset: 0; }
[class*="jcod-ghost-btn"]:hover svg rect { stroke-dasharray: 156, 505; stroke-dashoffset: 427; }

/* Addon: jcod-ghost-btn2;*/
.jcod-ghost-btn2 { -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

/* Addon: jcod-aos-slide;*/
.jcod-aos-slide .sppb-addon-single-image-container,
.jcod-aos-slide .sppb-addon-single-image-container img { position: relative; }
.jcod-aos-slide .sppb-addon-single-image-container { overflow: hidden; }
.jcod-aos-slide .sppb-addon-single-image-container:after { content: ''; border: 300px solid; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(0.05, 0); transform: scale(0.05, 0);  }
.sppb-animated > .jcod-aos-slide .sppb-addon-single-image-container:after { -webkit-animation-name: jcod-slide-bg-2; animation-name: jcod-slide-bg-2; }
.sppb-animated > .jcod-aos-slide .sppb-addon-single-image-container img { -webkit-animation-name: jcod-show-img-1; animation-name: jcod-show-img-1; }

/* Addon: jcod-titles;*/
.jcod-titles,
.jcod-titles > * { position: relative; }
.jcod-titles,
.jcod-titles:before { background-color: inherit; }
.jcod-titles,
.jcod-titles:after { background-image: inherit; }
.jcod-titles:before,
.jcod-titles:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.jcod-titles:after { background-size: 160px 134px; background-repeat: no-repeat; }
.jcod-titles > * { z-index: 2; }

/* Addon: jcod-animated-number;*/
.jcod-animated-number .sppb-animated-number { height: 0; visibility: hidden; }
.jcod-animated-number .odometer { background: inherit; color: inherit; padding: 0; }

/* Addon: jcod-feature;*/
.jcod-feature { height: auto; }
.jcod-feature:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-shadow: 5px 20px 50px 5px; opacity: .3; }
.jcod-feature:not(:hover):not(:focus):not(:active):before { opacity: 0.1; }

/* Addon: jcod-feature - btn;*/
.jcod-feature .sppb-btn { position: relative; border-width: 0; cursor: pointer; }
.jcod-feature .sppb-btn:before { content: ""; position: absolute; right: 0; bottom: 0; z-index: -1; border-style: solid; border-width: 0 0 37px 37px; border-color: inherit; border-left-color: transparent; }

/* Addon: jcod-feature - links;*/
.jcod-feature .sppb-link-list-wrap { margin: 20px 0 0; display: none; }
.jcod-feature .sppb-link-list-wrap a { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQg%0D%0AU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3Zn%0D%0AMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiBoZWlnaHQ9IjMy%0D%0AcHgiIGlkPSLQodC70L7QuV8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lk%0D%0AdGg9IjMycHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8y%0D%0AMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnIGlk%0D%0APSJDaGVja19DaXJjbGUiPjxwYXRoIGQ9Ik0xNiwwQzcuMTYzLDAsMCw3LjE2MywwLDE2YzAsOC44%0D%0AMzcsNy4xNjMsMTYsMTYsMTZjOC44MzYsMCwxNi03LjE2NCwxNi0xNkMzMiw3LjE2MywyNC44MzYs%0D%0AMCwxNiwweiBNMTYsMzAgICBDOC4yNjgsMzAsMiwyMy43MzIsMiwxNkMyLDguMjY4LDguMjY4LDIs%0D%0AMTYsMnMxNCw2LjI2OCwxNCwxNEMzMCwyMy43MzIsMjMuNzMyLDMwLDE2LDMweiIgZmlsbD0iI2Zm%0D%0AZmZmZiIvPjxwYXRoIGQ9Ik0yMy4zLDEwLjM5M0wxMy4wMTIsMjAuNTg5bC00LjI4MS00LjE5NmMt%0D%0AMC4zOTQtMC4zOTEtMS4wMzQtMC4zOTEtMS40MjgsMCAgIGMtMC4zOTUsMC4zOTEtMC4zOTUsMS4w%0D%0AMjQsMCwxLjQxNGw0Ljk5OSw0Ljg5OWMwLjQxLDAuMzYxLDEuMDIzLDAuNDAxLDEuNDI4LDBsMTAu%0D%0AOTk5LTEwLjg5OWMwLjM5NC0wLjM5LDAuMzk0LTEuMDI0LDAtMS40MTQgICBDMjQuMzM0LDEwLjAw%0D%0AMywyMy42OTUsMTAuMDAzLDIzLjMsMTAuMzkzeiIgZmlsbD0iI2ZmZmZmZiIvPjwvZz48Zy8+PGcv%0D%0APjxnLz48Zy8+PGcvPjxnLz48L3N2Zz4=); }
.jcod-feature .sppb-link-list-wrap a { background-repeat: no-repeat; background-size: auto 12px; background-position: left center; }

/* Addon: jcod-works - header;*/
.jcod-works .sprocket-mosaic-g-header > * { float: none; }
.jcod-works .sprocket-mosaic-g-header li { background: inherit; color: inherit; padding: 0 10px; margin: 0 0 12px; }

/* Addon: jcod-works - box;*/
.jcod-works .sprocket-mosaic-g-effect { width: 100%; height: 100%; }
.jcod-works .sprocket-mosaic-g-container > li { perspective: 1000px; }
.jcod-works .sprocket-mosaic-g-container > li:hover { z-index: 2; }
.jcod-works .sprocket-mosaic-g-item:hover .sprocket-mosaic-g-effect { opacity: 0.8; }
.jcod-works .sprocket-mosaic-g-content { top: 50%; bottom: auto; height: auto!important; margin: -12.5% 0 0; }

/* Addon: jcod-works - content;*/
.jcod-works .sprocket-mosaic-g-content > * { transition: inherit; -webkit-transition: inherit; -moz-transition: inherit; -o-transition: inherit; -ms-transition: inherit; }
.jcod-works .sprocket-mosaic-g-title { font-weight: inherit; margin: 0; }
.jcod-works .sprocket-mosaic-g-text { margin: 1em 0 0; }
.jcod-works .sprocket-mosaic-g-tags { display: none; }

/* Addon: jcod-works - image;*/
.jcod-works .sprocket-mosaic-g-image-container,
.jcod-works .sprocket-mosaic-g-image-container img { position: relative; }
.jcod-works .sprocket-mosaic-g-image-container { overflow: hidden; }
.jcod-works .sprocket-mosaic-g-image-container:after { content: ''; border: 300px solid; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(0.05, 0); transform: scale(0.05, 0);  }
.sppb-animated > .jcod-works .sprocket-mosaic-g-image-container:after { -webkit-animation-name: jcod-slide-bg-2; animation-name: jcod-slide-bg-2; }
.sppb-animated > .jcod-works .sprocket-mosaic-g-image-container img { -webkit-animation-name: jcod-show-img-1; animation-name: jcod-show-img-1; }

/* Addon: jcod-logos;*/
.jcod-logos,
.jcod-logos .sppb-addon-content,
.jcod-logos .sppb-row,
.jcod-logos .sppb-row > * { border-color: inherit; }
.jcod-logos .sppb-row > * { border-width: 1px 0 1px 1px; border-style: solid; padding: 20px; }
.jcod-logos .sppb-row > *:last-child { border-width: 1px; }
.jcod-logos .sppb-row > *:hover { z-index: 2; }

/* Addon: jcod-titles;*/
.jcod-titles2,
.jcod-titles2 .sppb-addon-title { background-image: inherit; position: relative; }
.jcod-titles2:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

/* Addon: jcod-readon;*/
.jcod-readon { position: relative; border-width: 0; }
.jcod-readon:before,
.jcod-readon:after { content: ''; position: absolute; bottom: 0; height: 2px; width: 0; border-top: 2px solid; }
.jcod-readon:after { right: 0; }
.jcod-readon:after,
.jcod-readon:hover:before { border-color: inherit; }
.jcod-readon:hover:before,
.jcod-readon:hover:after { width: 100%; }
.jcod-readon:hover:after { border-color: transparent; }

/* Addon: jcod-sintro;*/
.jcod-sintro:not(.active) { visibility: hidden; }

/* Addon: jcod-team - border;*/
.jcod-team,
.jcod-team:after { border-color: inherit; }
.jcod-team:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-style: solid; border-width: 500px; }

/* Addon: jcod-team - box;*/
.jcod-team { position: relative; overflow: hidden; }
.jcod-team:not(:hover):not(:focus):not(:active):after,
.jcod-team:not(:hover):not(:focus):not(:active) .sppb-media-content { opacity: 0; }
.jcod-team .sppb-media-content { position: absolute; top: 50%; right: 0; left: 0; z-index: 2; }

/* Addon: sp-page-title;*/
.sp-page-title h2 { margin: 40px 0 8px; }
.sp-page-title h3 { margin: 0 0 58px; }

/* Addon: jcod-mworks - header;*/
.jcod-mworks .sprocket-mosaic .sprocket-mosaic-header > * { float: none; }
.jcod-mworks .sprocket-mosaic .sprocket-mosaic-header li { border-radius: inherit; border-width: 0; background: inherit; padding: 0 8px 27px; }

/* Addon: jcod-mworks - box;*/
.jcod-mworks .sprocket-mosaic .sprocket-mosaic-container { margin: -15px; }
.jcod-mworks .sprocket-mosaic .sprocket-mosaic-container > li { perspective: 1000px; }
.jcod-mworks .sprocket-mosaic .sprocket-mosaic-container > li:hover { z-index: 2; }
.jcod-mworks .sprocket-mosaic .sprocket-mosaic-container .sprocket-mosaic-item { margin: 15px; border-width: 0; border-radius: inherit; }
.jcod-mworks .sprocket-mosaic-item .sprocket-padding { padding: 0; position: relative; }
.jcod-mworks .sprocket-mosaic-content { position: absolute; top: 50%; right: 0; left: 0; margin: -12.5% 0 0; }
.jcod-mworks .sprocket-mosaic-item:not(:hover):not(:focus):not(:active) .sprocket-mosaic-content { opacity: 0; }

/* Addon: jcod-mworks - content;*/
.jcod-mworks .sprocket-mosaic-image { filter: brightness(.5); -ms-filter: brightness(.5); }
.jcod-mworks .sprocket-mosaic-item:not(:hover):not(:focus):not(:active) .sprocket-mosaic-image { filter: brightness(1); -ms-filter: brightness(1); }
.jcod-mworks .sprocket-mosaic-title { margin: 0; font-weight: inherit; }
.jcod-mworks .sprocket-mosaic-item .sprocket-mosaic-text { margin: 1em 0 0; }
.jcod-mworks .sprocket-mosaic .sprocket-mosaic-tags { display: none; }

/* Addon: jcod-mworks - readmore;*/
.jcod-mworks .sprocket-mosaic-loadmore { margin: 50px auto 0; border-width: 0; background: inherit; }

/* Addon: jcod-mworks - image;*/
.jcod-mworks .sprocket-mosaic-image-container,
.jcod-mworks .sprocket-mosaic-image-container img { position: relative; }
.jcod-mworks .sprocket-mosaic-image-container { overflow: hidden; }
.jcod-mworks .sprocket-mosaic-image-container:after { content: ''; border: 500px solid; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(0.05, 0); transform: scale(0.05, 0);  }
.sppb-animated > .jcod-mworks .sprocket-mosaic-image-container:after { -webkit-animation-name: jcod-slide-bg-2; animation-name: jcod-slide-bg-2; }
.sppb-animated > .jcod-mworks .sprocket-mosaic-image-container img { -webkit-animation-name: jcod-show-img-1; animation-name: jcod-show-img-1; }

/* Addon: jcod-quote;*/
.jcod-quote,
.jcod-quote .sppb-addon-title { border-color: inherit; }
.jcod-quote .sppb-addon-title { border-style: solid; border-width: 0 0 0 5px; }

/* Addon: blog-content;*/
#sp-component.col-sm-9 > .sp-column { margin: 0 60px 0 0; }

/* Addon: article.item;*/
article.item { padding: 0 30px 30px; }
article.item > [class*="entry-"]:not(.entry-header) { margin-right: -30px; margin-left: -30px; }
article.item p:not(.readmore) { margin: 0 0 16px; opacity: 0.8; }
article.item .readmore { margin: 0; }
article.item .readmore .btn { position: relative; border-width: 0; border-color: initial; padding: 0 0 6px; border-radius: inherit; background: inherit; }
article.item .readmore .btn:before,
article.item .readmore .btn:after { content: ''; position: absolute; bottom: 0; height: 2px; width: 0; border-top: 2px solid; }
article.item .readmore .btn:after { right: 0; }
article.item .readmore .btn:after,
article.item .readmore .btn:hover:before { border-color: inherit; }
article.item .readmore .btn:hover:before,
article.item .readmore .btn:hover:after { width: 100%; }
article.item .readmore .btn:hover:after { border-color: transparent; }

/* Addon: article-info;*/
.article-info { opacity: 0.5; margin: 0 0 10px; }
.article-info >dd { color: inherit; text-transform: inherit; margin: 0; }
.article-info >dd + dd:before { content: "|"; }
.article-info >dd .fa { display: none; }

/* Addon: entry-header;*/
.entry-header { margin: 0; }
.entry-header h2 { margin: 0 0 20px; }

/* Addon: categories-module;*/
.sp-module ul.categories-module >li { border-width: 0; }
.sp-module ul.categories-module >li >a { overflow: hidden; padding: 5px 0; }
.sp-module ul.categories-module >li >a:before { display: none; }
.sp-module ul.categories-module >li >a>span+span { float: right; }

/* Addon: search;*/
.sp-module .search > form { border-style: solid; border-width: 1px; padding: 4px; overflow: hidden; }
.sp-module .search > form .inputbox,
.sp-module .search > form .button { height: 40px; float: left; }
.sp-module .search > form input { border-width: 0; box-shadow: inherit; border-radius: inherit; width: calc(100% - 60px); }
.sp-module .search > form .button { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQg%0D%0AU1ZHIDEuMSBUaW55Ly9FTicgICdodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RU%0D%0ARC9zdmcxMS10aW55LmR0ZCc+PHN2ZyBiYXNlUHJvZmlsZT0idGlueSIgaGVpZ2h0PSIzMnB4IiB2%0D%0AZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMycHgiIHhtbDpzcGFjZT0i%0D%0AcHJlc2VydmUiIGZpbGw9IiNmZmZmZmYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2%0D%0AZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnIGlkPSJHdWlk%0D%0AZXNfX3gyNl9fRm9ybXMiLz48ZyBpZD0iSWNvbnMiPjxwYXRoIGQ9Ik0yNCwyMy41NDNsLTQuMzU2%0D%0ALTQuMzU2YzAuODc1LTEuMTY4LDEuMzk5LTIuNjE0LDEuMzk5LTQuMTg2YzAtMy44NjYtMy4xMzQt%0D%0ANy03LTdzLTcsMy4xMzQtNyw3czMuMTM0LDcsNyw3ICAgYzEuNTcyLDAsMy4wMTgtMC41MjUsNC4x%0D%0AODYtMS4zOTlsNC4zNTYsNC4zNTZMMjQsMjMuNTQzeiBNOS4wNDMsMTVjMC0yLjc1NywyLjI0My01%0D%0ALDUtNWMyLjc1NywwLDUsMi4yNDMsNSw1YzAsMi43NTctMi4yNDMsNS01LDUgICBDMTEuMjg2LDIw%0D%0ALDkuMDQzLDE3Ljc1Nyw5LjA0MywxNXoiLz48L2c+PC9zdmc+); }
.sp-module .search > form .button { width: 60px; padding: 0; border-width: 0; background-repeat: no-repeat; background-position: center; }
.sp-module .search > form .button:focus { outline: none; }

/* Addon: tagspopular-module;*/
.sp-module .tagspopular ul { overflow: hidden; }
.sp-module .tagspopular ul >li { border-width: 0; float: left; margin: 0 6px 6px 0; }
.sp-module .tagspopular ul >li >a { padding: 0 10px; border-width: 1px; border-style: solid; }
.sp-module .tagspopular ul >li >a:before { display: none; }

/* Addon: placeholder;*/
.sppb-form-control::-webkit-input-placeholder { color: inherit; opacity: 1; }
.sppb-form-control:-ms-input-placeholder { color: inherit; opacity: 1; }
.sppb-form-control::placeholder { color: inherit; opacity: 1; }

/* Addon: jcod-contact;*/
.jcod-contact .sppb-form-control,
.jcod-contact [type="submit"] { height: 52px; }
.jcod-contact .sppb-form-control { border-radius: inherit; padding: 0 20px; font-size: inherit; }
.jcod-contact textarea.sppb-form-control { height: 152px; padding: 20px; }

/* Addon: particles-bg;*/
.particles-bg > canvas { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

/* Addon: video-mask-text;*/
.video-mask-text .sppb-section-bacground-video svg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; }
.video-mask-text .sppb-section-bacground-video svg > rect { -webkit-mask: url(#mask); mask: url(#mask); }
.video-mask-text .sppb-section-title { display: none; }

/* Addon: offcanvas-menu;*/
.offcanvas-menu .offcanvas-inner .sp-module ul > li { border-width: 0; }
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li a { padding: 8px 0; }
.offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler { display: none; }


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

  /* Font size: 1em;*/
  .video-mask-text .sppb-section-bacground-video svg mask .title { font-size: 1em; }
  .video-mask-text .sppb-section-bacground-video svg mask .description { font-size: 4px; }

  /* Addon: sp-menu;*/
  #sp-menu > .sp-column > .sp-module { display: none; }

  /* Addon: sp-megamenu;*/
  .sp-megamenu-parent { margin: 0; }
  .sp-megamenu-parent >li >a { padding: 0 5px; }

  /* Addon: jcod-about;*/
  .jcod-about { padding-right: 0!important; padding-left: 0!important; }
}

/* Reponsive: 991px;*/
@media(max-width: 991px) {
  /* Font size: 3px;*/
  .video-mask-text .sppb-section-bacground-video svg mask .description { font-size: 3px; }
  /* Addon: jcod-about;*/
  .jcod-about { padding-right: 30px!important; padding-left: 30px!important; }

  /* Addon: jcod-logos;*/
  .jcod-logos .sppb-row > * { max-width: calc(100% / 3); flex: 0 0 calc(100% / 3); }
  .jcod-logos .sppb-row > *:nth-child(3n) { border-width: 1px; }

  /* Addon: blog-content;*/
  #sp-component { width: 100%; }
  #sp-component.col-sm-9 > .sp-column { margin: 0; }
  #sp-right { display: none; }
}

/* Reponsive: 767px;*/
@media(max-width: 767px) {
  /* Font size: inherit;*/
  .jcod-works .sprocket-mosaic-g-title, .jcod-mworks .sprocket-mosaic-title { font-size: inherit; }

  /* Font size: 1.25em;*/
  .video-mask-text .sppb-section-bacground-video svg mask .title { font-size: 0.5em; }

  /* Font size: 3em;*/
  .sp-page-title h2 { font-size: 3em; }

  /* Addon: sp-header;*/
  #sp-header:before { top: 6px; }

  /* Addon: jcod-works;*/
  .jcod-works .sprocket-mosaic-g-header { display: none; }

  /* Addon: jcod-logos;*/
  .jcod-logos .sppb-row > * { max-width: 50%; flex: 0 0 50%; }
  .jcod-logos .sppb-row > *:nth-child(2n) { border-width: 1px; }

  /* Addon: jcod-mworks;*/
  .jcod-mworks .sprocket-mosaic .sprocket-mosaic-header { display: none; }

  /* Addon: video-mask-text;*/
  .video-mask-text .sppb-section-bacground-video svg mask .description { display: none; }
}