-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathlanding-page.css.map
More file actions
1 lines (1 loc) · 38 KB
/
landing-page.css.map
File metadata and controls
1 lines (1 loc) · 38 KB
1
{"version":3,"sources":["app/styles/landing-page.css"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"public/landing-page.css","sourcesContent":["/*****************************************/\n/* Start your style declarations here */\n/*****************************************/\n\nhtml,\nbody,\n.body-container-wrapper,\n.body-container {\n height: 100%;\n width: 100%;\n}\n\n.body-container.container-fluid {\n padding-left: 0px;\n padding-right: 0px;\n}\n\n.section-heading {\n margin-top: 0;\n}\n\n.no-margin {\n margin: 0 !important;\n}\n\n.cs-logo {\n max-height: 60px;\n}\n\n/********************************/\n/* Codescrum Hero */\n/********************************/\n#codescrum-hero {\n position: relative;\n color: white;\n width: 100%;\n min-height: auto;\n background-size: cover;\n -o-background-size: cover;\n -moz-background-size: cover;\n -webkit-background-size: cover;\n background-position: center;\n background-image: url('/images/background/2440x1578/hero-main_background.png');\n}\n\n#codescrum-hero .overlay {\n width: 100%;\n min-height: auto;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n#codescrum-hero .overlay .container,\n#codescrum-hero .overlay .container-fluid {\n height: 70%;\n display: flex;\n align-items: center;\n flex-direction: row;\n}\n\n/* Info Layer */\n#codescrum-hero .overlay .cs-info {\n z-index: 1;\n width: 50%;\n}\n\n/* Images Layer Animation */\n/* ---------------------- */\n#codescrum-hero .overlay .cs-layers-img {\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 0;\n}\n#codescrum-hero .overlay .cs-layers-img .layer {\n position: absolute;\n right: 10%;\n max-width: 40vh;\n border-radius: 10px;\n transform: rotate(-30deg) skew(25deg);\n transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);\n}\n#codescrum-hero .overlay .cs-layers-img .layer .layer-content {\n position: relative;\n width: 100%;\n height: 100%;\n opacity: 1;\n filter: grayscale(0%);\n transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);\n}\n#codescrum-hero .overlay .cs-layers-img .layer .layer-content img.layer-bg {\n border-radius: 10px;\n border-left: 5px solid #333;\n border-bottom: 5px solid #333;\n box-shadow: -10px 10px 100px #111, inset 1px 2px 0px rgba(255,255,255,0.4);\n transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);\n}\n#codescrum-hero .overlay .cs-layers-img .layer .layer-content a.btn {\n /* border-radius: 10px; */\n position: absolute;\n top: 50%;\n left: 50%;\n box-shadow: 0px 2px 10px rgba(000,000,000,0.5), inset 1px 2px 0px rgba(255,255,255,0.4);\n transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);\n}\n#codescrum-hero .overlay .cs-layers-img .layer.layer-1 .layer-content a.btn {\n background: #41B5D9;\n}\n#codescrum-hero .overlay .cs-layers-img .layer.layer-2 .layer-content a.btn {\n background: #60BA6F;\n}\n#codescrum-hero .overlay .cs-layers-img .layer.layer-3 .layer-content a.btn {\n background: #CF477D;\n}\n#codescrum-hero .overlay .cs-layers-img .layer.layer-1 .layer-content .layer-wave_chart img.chart-bg {\n position: absolute;\n top: 10%;\n left: 7%;\n width: 50%;\n background: #2e3e57;\n}\n#codescrum-hero .overlay .cs-layers-img .layer.layer-1 .layer-content .layer-wave_chart .layer-wave_moving {\n position: absolute;\n top: 9%;\n left: 10%;\n width: 48%;\n height: 20%;\n overflow: hidden;\n}\n#codescrum-hero .overlay .cs-layers-img .layer.layer-1 .layer-content .layer-wave_chart img.chart-wv-1,\n#codescrum-hero .overlay .cs-layers-img .layer.layer-1 .layer-content .layer-wave_chart img.chart-wv-2 {\n position: absolute;\n top: 0%;\n width: 100%;\n height: auto;\n}\n#codescrum-hero .overlay .cs-layers-img .layer.layer-1 .layer-content .layer-wave_chart img.chart-wv-1 { left: 0%; }\n#codescrum-hero .overlay .cs-layers-img .layer.layer-1 .layer-content .layer-wave_chart img.chart-wv-2 { left: -100%; }\n#codescrum-hero .overlay .cs-layers-img .layer.layer-1 .layer-content.is-animated .layer-wave_chart img.chart-wv-1 { animation: left0to100 2s linear 2 forwards; }\n#codescrum-hero .overlay .cs-layers-img .layer.layer-1 .layer-content.is-animated .layer-wave_chart img.chart-wv-2 { animation: left-100to0 2s linear 2 forwards; }\n\n#codescrum-hero .overlay .cs-layers-img .layer .layer-content .layer-circle {\n width: 35%;\n height: 35%;\n position: absolute;\n top: 35%;\n left: 5%;\n border-radius: 50%;\n background: #3f4d65;\n transform: scale(0.5);\n transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);\n}\n\n#codescrum-hero .overlay .cs-layers-img .layer .layer-content .layer-circle canvas {\n max-width: 100%;\n max-height: 100%;\n vertical-align: top;\n}\n\n#codescrum-hero .overlay .cs-layers-img .layer .layer-content .layer-circle strong {\n position: absolute;\n width: 100%;\n left: 0;\n top: 30px;\n color: #fff;\n font-size: 30px;\n line-height: 40px;\n}\n\n#codescrum-hero .overlay .cs-layers-img .layer .layer-content .layer-circle strong i {\n font-style: normal;\n font-size: 0.6em;\n font-weight: normal;\n}\n\n#codescrum-hero .overlay .cs-layers-img .layer .layer-content .layer-circle span {\n display: block;\n color: #aaa;\n margin-top: 12px;\n}\n#codescrum-hero .overlay .cs-layers-img .layer .layer-content .layer-typewriter {\n width: 90%;\n height: 90%;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%,-50%);\n border-radius: 10px;\n background: #2e3e57;\n transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);\n}\n\n#codescrum-hero .overlay .cs-layers-img .layer .layer-content .layer-typewriter .top-banner {\n position: absolute;\n top: 0;\n z-index: 1;\n height: 5%;\n width: 100%;\n border-radius: 10px;\n background: #272822;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n}\n#codescrum-hero .overlay .cs-layers-img .layer .layer-content .layer-typewriter .top-banner .dash {\n position: absolute;\n left: 50%;\n height: 30%;\n transform: translateX(-50%);\n}\n#codescrum-hero .overlay .cs-layers-img .layer .layer-content .layer-typewriter .top-banner svg {\n height: 70%;\n margin-left: 5px;\n}\n#codescrum-hero .overlay .cs-layers-img .layer .layer-content .layer-typewriter .top-banner svg .circle-close { fill: #EB3B7F; }\n#codescrum-hero .overlay .cs-layers-img .layer .layer-content .layer-typewriter .top-banner svg .circle-restore { fill: #55E16D; }\n#codescrum-hero .overlay .cs-layers-img .layer .layer-content .layer-typewriter .top-banner svg .circle-minimise { fill: #FFD100; }\n\n#codescrum-hero .overlay .cs-layers-img .layer .layer-content .layer-typewriter .left-banner {\n position: absolute;\n top: 0;\n left: 0;\n width: 15%;\n height: 100%;\n z-index: 0;\n padding-top: 10%;\n border-radius: 10px 0px 0px 10px;\n background-color: #333;\n display: flex;\n align-items: center;\n flex-direction: column;\n}\n#codescrum-hero .overlay .cs-layers-img .layer .layer-content .layer-typewriter .left-banner i.fa {\n opacity: 1;\n color: #bfbfbf;\n font-size: 0.8em;\n margin-bottom: 25%;\n text-shadow: -1px 1px 1px #000;\n transition: all 0.2s ease-in;\n}\n#codescrum-hero .overlay .cs-layers-img .layer .layer-content .layer-typewriter.no-width .left-banner i.fa {\n opacity: 0;\n}\n#codescrum-hero .overlay .cs-layers-img .layer .layer-content .layer-typewriter.is-animated .left-banner i.fa:nth-child(1),\n#codescrum-hero .overlay .cs-layers-img .layer .layer-content.is-animated .layer-bar_chart_h .bars .bar:nth-child(1) i.fa { animation: opactity0to1 0.3s linear 0.5s forwards; }\n#codescrum-hero .overlay .cs-layers-img .layer .layer-content .layer-typewriter.is-animated .left-banner i.fa:nth-child(2),\n#codescrum-hero .overlay .cs-layers-img .layer .layer-content.is-animated .layer-bar_chart_h .bars .bar:nth-child(2) i.fa { animation: opactity0to1 0.3s linear 0.8s forwards; }\n#codescrum-hero .overlay .cs-layers-img .layer .layer-content .layer-typewriter.is-animated .left-banner i.fa:nth-child(3),\n#codescrum-hero .overlay .cs-layers-img .layer .layer-content.is-animated .layer-bar_chart_h .bars .bar:nth-child(3) i.fa { animation: opactity0to1 0.3s linear 1.1s forwards; }\n#codescrum-hero .overlay .cs-layers-img .layer .layer-content .layer-typewriter.is-animated .left-banner i.fa:nth-child(4),\n#codescrum-hero .overlay .cs-layers-img .layer .layer-content.is-animated .layer-bar_chart_h .bars .bar:nth-child(4) i.fa { animation: opactity0to1 0.3s linear 1.4s forwards; }\n#codescrum-hero .overlay .cs-layers-img .layer .layer-content .layer-typewriter.is-animated .left-banner i.fa:nth-child(5),\n#codescrum-hero .overlay .cs-layers-img .layer .layer-content.is-animated .layer-bar_chart_h .bars .bar:nth-child(5) i.fa { animation: opactity0to1 0.3s linear 1.7s forwards; }\n\n#codescrum-hero .overlay .cs-layers-img .layer .layer-content .layer-typewriter .middle-banner {\n position: absolute;\n top: 0;\n left: 15%;\n width: 45%;\n height: 100%;\n z-index: 0;\n background: #283448;\n}\n#codescrum-hero .overlay .cs-layers-img .layer .layer-content .layer-typewriter .typewriter-container {\n position: absolute;\n top: 10%;\n left: 15%;\n width: 85%;\n height: 90%;\n z-index: 2;\n overflow: hidden;\n padding-left: 3%;\n}\n\n#codescrum-hero .overlay .cs-layers-img .layer.layer-1 {\n top: 0%;\n z-index: 2;\n}\n#codescrum-hero .overlay .cs-layers-img .layer.layer-2 {\n top: 20%;\n z-index: 1;\n}\n#codescrum-hero .overlay .cs-layers-img .layer.layer-3 {\n top: 40%;\n z-index: 0;\n}\n#codescrum-hero .overlay .cs-layers-img .layer.layer-3:before {\n position: absolute;\n content: \"\";\n top: 20%;\n left: -20%;\n width: 100%;\n height: 100%;\n border-radius: 10px;\n background: rgba(0, 0, 0, 0.3);\n transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);\n}\n#codescrum-hero .overlay .cs-layers-img .layer.layer-1:hover .layer-content {\n transform: translate(50px, -50px);\n}\n#codescrum-hero .overlay .cs-layers-img .layer.layer-1:hover .layer-content a.btn {\n transform: scale(0.7);\n}\n#codescrum-hero .overlay .cs-layers-img .layer.layer-1:hover .layer-content .layer-circle {\n transform: scale(0.8);\n}\n#codescrum-hero .overlay .cs-layers-img .layer.layer-2:hover .layer-content {\n transform: translate(-150px, 0px);\n}\n#codescrum-hero .overlay .cs-layers-img .layer.layer-2:hover .layer-content a.btn {\n transform: scale(0.7);\n}\n#codescrum-hero .overlay .cs-layers-img .layer.layer-3:hover::before {\n background: rgba(0, 0, 0, 0.05);\n}\n#codescrum-hero .overlay .cs-layers-img .layer.layer-3:hover .layer-content {\n transform: translate(0px, 100px);\n}\n#codescrum-hero .overlay .cs-layers-img .layer.layer-3:hover .layer-content a.btn {\n transform: scale(0.7);\n}\n\n@-moz-keyframes floatY-1 {\n 0% { transform: translate(0px, 0px); }\n 50% { transform: translate(50px, -50px); }\n 100% { transform: translate(0px, 0px); }\n}\n\n@-webkit-keyframes floatY-1 {\n 0% { transform: translate(0px, 0px); }\n 50% { transform: translate(50px, -50px); }\n 100% { transform: translate(0px, 0px); }\n}\n\n@keyframes floatY-1 {\n 0% { transform: translate(0px, 0px); }\n 50% { transform: translate(50px, -50px); }\n 100% { transform: translate(0px, 0px); }\n}\n\n.float-Y-1.is-animated {\n -webkit-animation: floatY-1 1 2s cubic-bezier(0.075, 0.82, 0.165, 1);\n -moz-animation: floatY-1 1 2s cubic-bezier(0.075, 0.82, 0.165, 1);\n animation: floatY-1 1 2s cubic-bezier(0.075, 0.82, 0.165, 1);\n animation-fill-mode: forwards;\n}\n@-moz-keyframes floatY-2 {\n 0% { transform: translate(0px, 0px); }\n 50% { transform: translate(-150px, 0px); }\n 100% { transform: translate(0px, 0px); }\n}\n\n@-webkit-keyframes floatY-2 {\n 0% { transform: translate(0px, 0px); }\n 50% { transform: translate(-150px, 0px); }\n 100% { transform: translate(0px, 0px); }\n}\n\n@keyframes floatY-2 {\n 0% { transform: translate(0px, 0px); }\n 50% { transform: translate(-150px, 0px); }\n 100% { transform: translate(0px, 0px); }\n}\n\n.float-Y-2.is-animated {\n -webkit-animation: floatY-2 1 2s cubic-bezier(0.075, 0.82, 0.165, 1);\n -moz-animation: floatY-2 1 2s cubic-bezier(0.075, 0.82, 0.165, 1);\n animation: floatY-2 1 2s cubic-bezier(0.075, 0.82, 0.165, 1);\n animation-fill-mode: forwards;\n}\n@-moz-keyframes floatY-3 {\n 0% { transform: translate(0px, 0px); }\n 50% { transform: translate(0px, 100px); }\n 100% { transform: translate(0px, 0px); }\n}\n\n@-webkit-keyframes floatY-3 {\n 0% { transform: translate(0px, 0px); }\n 50% { transform: translate(0px, 100px); }\n 100% { transform: translate(0px, 0px); }\n}\n\n@keyframes floatY-3 {\n 0% { transform: translate(0px, 0px); }\n 50% { transform: translate(0px, 100px); }\n 100% { transform: translate(0px, 0px); }\n}\n\n.float-Y-3.is-animated {\n -webkit-animation: floatY-3 1 2s cubic-bezier(0.075, 0.82, 0.165, 1);\n -moz-animation: floatY-3 1 2s cubic-bezier(0.075, 0.82, 0.165, 1);\n animation: floatY-3 1 2s cubic-bezier(0.075, 0.82, 0.165, 1);\n animation-fill-mode: forwards;\n}\n/* ---------------------- */\n/* Images Layer Animation */\n\n/* #codescrum-hero .header-content-inner {\n position: relative;\n padding: 100px 15px 100px;\n width: 100%;\n} */\n\n/* #codescrum-hero .header-content-inner img {\n max-height: 70px;\n margin-bottom: 80px;\n} */\n\n#codescrum-hero .header-content-inner h1 {\n text-transform: uppercase;\n margin-top: 0;\n margin-bottom: 15px;\n font-size: 2.2em;\n line-height: 1.4;\n letter-spacing: 0px;\n}\n\n#codescrum-hero .header-content-inner h1 span {\n font-size: 1.2em;\n}\n\n/* #codescrum-hero .header-content-inner hr {\n margin: 30px auto;\n} */\n\n#codescrum-hero .header-content-inner p {\n /* font-weight: 300; */\n color: rgba(255, 255, 255, 0.7);\n font-size: 1.5em;\n margin-bottom: 25px;\n}\n\n#codescrum-hero .header-content-inner p:last-of-type {\n margin-bottom: 50px;\n}\n\n\n@media (min-width: 768px) {\n\n #codescrum-hero,\n #codescrum-hero .overlay {\n height: 100vh;\n min-height: 100vh;\n }\n\n /* #codescrum-hero .header-content-inner {\n padding: 0 50px;\n max-width: 1000px;\n } */\n\n /* #codescrum-hero .header-content-inner img {\n max-height: 120px;\n } */\n\n #codescrum-hero .header-content-inner h1 {\n font-size: 1.9em;\n }\n\n #codescrum-hero .header-content-inner h1 span {\n font-size: 1.2em;\n }\n\n #codescrum-hero .header-content-inner p {\n font-size: 1.5em;\n /* max-width: 80%; */\n /* margin-left: auto; */\n /* margin-right: auto; */\n }\n}\n\n/********************************/\n/* Codescrum Contact Form Modal */\n/********************************/\n\n#modalContactForm .modal-content {\n border: 0;\n padding: 25px 50px;\n background: rgb(45,62,86);\n background-image: url(/images/logos/codescrum-isologo-color_gray@2x.png), linear-gradient(150deg, rgba(45,62,86,1) 50%, rgba(235,59,127,1) 100%);\n background-size: contain;\n background-repeat: no-repeat;\n background-position: 140% 250px;\n}\n\n#modalContactForm .modal-content [class^=\"col-\"] {\n padding: 0px 50px 25px;\n}\n\n/********************************/\n/* Codescrum Case Studies */\n/********************************/\n\n@media screen and (max-width: 768px) {\n\n #codescrum-hero {\n background-image: linear-gradient(150deg, rgba(45,62,86,1) 50%, rgba(235,59,127,1) 100%);\n }\n\n #codescrum-hero .header-content-inner h1 {\n text-align: center;\n margin-top: 100px;\n }\n\n #codescrum-hero .header-content-inner p {\n text-align: center;\n margin-bottom: 0px;\n }\n\n #codescrum-hero .overlay .container,\n #codescrum-hero .overlay .container-fluid {\n flex-direction: column;\n }\n\n #codescrum-hero .overlay .cs-info {\n width: 100%;\n }\n \n #codescrum-hero .overlay .cs-layers-img {\n position: relative;\n height: 50vh;\n }\n #codescrum-hero .overlay .cs-layers-img .layer {\n left: 50%;\n right: auto;\n max-width: 30vh;\n transform: rotate(-30deg) skew(25deg) translateX(-50%);\n }\n #codescrum-hero .overlay .cs-layers-img .layer.layer-1 { top: -5%; }\n #codescrum-hero .overlay .cs-layers-img .layer.layer-2 { top: 10%; }\n #codescrum-hero .overlay .cs-layers-img .layer.layer-3 { top: 25%; }\n \n #codescrum-hero .overlay .cs-layers-img .layer .layer-content .layer-circle strong {\n font-size: 15px;\n line-height: 0px;\n }\n}\n\n/* 3 Case Studies Grid */\n/* \n.portfolio-box {\n position: relative;\n display: block;\n max-width: 650px;\n margin: 0 auto;\n overflow: hidden;\n}\n\n.portfolio-box img {\n transition: all 0.5s ease;\n}\n\n.portfolio-box .portfolio-box-caption {\n color: white;\n display: block;\n background: rgba(240, 95, 64, 0.9);\n position: absolute;\n bottom: 0;\n text-align: center;\n height: 20%;\n width: 70%;\n -webkit-transition: all 0.35s;\n -moz-transition: all 0.35s;\n transition: all 0.35s;\n}\n\n.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {\n width: 100%;\n text-align: center;\n position: absolute;\n top: 40%;\n transform: translateY(-50%);\n}\n\n.portfolio-box .portfolio-box-caption .portfolio-box-caption-content p,\n.portfolio-box .portfolio-box-caption .portfolio-box-caption-content hr,\n.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .btn {\n display: none;\n}\n\n.portfolio-box .portfolio-box-caption .portfolio-box-caption-content hr {\n margin-top: 5px;\n margin-bottom: 5px;\n}\n\n.portfolio-box .portfolio-box-caption .portfolio-box-caption-content p {\n padding: 0 40px;\n}\n\n@media screen and (max-width: 425px) {\n .portfolio-box .portfolio-box-caption .portfolio-box-caption-content p {\n font-size: 12px;\n line-height: 1.4;\n margin-bottom: 10px;\n }\n}\n\n.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {\n font-weight: 600;\n}\n\n@media screen and (max-width: 1350px) {\n .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {\n font-size: 15px;\n }\n}\n\n@media screen and (max-width: 1024px) {\n .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {\n font-size: 12px;\n }\n}\n\n@media screen and (max-width: 768px) {\n .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {\n font-size: 10px;\n }\n}\n\n@media screen and (max-width: 425px) {\n .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {\n font-size: 14px;\n }\n}\n\n.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,\n.portfolio-box .portfolio-box-caption .project-name {\n padding: 0 15px;\n}\n\n.portfolio-box .portfolio-box-caption .project-name {\n font-size: 18px;\n position: absolute;\n bottom: 5px;\n width: 100%;\n opacity: 0;\n transition: all 1s ease;\n}\n\n@media screen and (max-width: 768px) {\n .portfolio-box .portfolio-box-caption .project-name {\n font-size: 12px;\n }\n}\n\n.portfolio-box:hover img {\n transform: scale(1.2) rotate(5deg);\n}\n\n.portfolio-box:hover .portfolio-box-caption .portfolio-box-caption-content p,\n.portfolio-box:hover .portfolio-box-caption .portfolio-box-caption-content hr {\n display: block;\n}\n\n@media screen and (max-width: 768px) {\n .portfolio-box:hover .portfolio-box-caption .portfolio-box-caption-content p {\n padding: 0 20px;\n line-height: 1.4;\n font-size: 10px;\n margin-bottom: 5px;\n }\n}\n\n.portfolio-box:hover .portfolio-box-caption .portfolio-box-caption-content .btn {\n display: inline-block;\n}\n\n@media screen and (max-width: 768px) {\n .portfolio-box:hover .portfolio-box-caption .portfolio-box-caption-content .btn {\n font-size: 8px;\n }\n}\n\n.portfolio-box:hover .portfolio-box-caption {\n width: 100%;\n height: 100%;\n}\n\n.portfolio-box:hover .project-name {\n opacity: 1;\n}\n\n.portfolio-box:focus {\n outline: none;\n}\n\n/* 1 Case Study Grid */\n/* \nfigure.portfolio-item {\n position: relative;\n height: 440px;\n background: #f4f4f4; HAVE TO COMMENT THIS LINE\n overflow: hidden; HAVE TO COMMENT THIS LINE\n margin-bottom: 50px;\n}\n\nfigure.portfolio-item figcaption {\n color: white;\n padding: 20px 100px 20px 50px;\n}\n\n@media screen and (max-width: 425px) {\n figure.portfolio-item {\n height: auto;\n }\n\n figure.portfolio-item figcaption {\n padding: 0 30px;\n }\n}\n\nfigcaption .feature-circle-stripped {\n background-image: url('/images/raster@2x.png'); HAVE TO COMMENT THIS LINE\n display: inline-block;\n width: 80px;\n height: 80px;\n font-size: 45px;\n line-height: 80px;\n border-radius: 50%;\n border: 1px solid rgba(17, 17, 17, 0);\n transition: all 0.3s;\n}\n\nfigcaption .line-icons:hover .feature-circle-stripped {\n transform: rotateY(180deg);\n border: 1px solid #cccccc;\n background: #fff;\n color: #111;\n}\n\n.portfolio-box {\n max-width: none;\n max-height: 440px;\n} */\n\n/********************************/\n/* Codescrum Taglines */\n/********************************/\n\n.call-to-action h2 {\n margin: 0 auto 20px;\n}\n\n/********************************/\n/* Codescrum Services */\n/********************************/\n\n#codescrum-services {\n transition: all 0.5s ease;\n}\n\n#codescrum-services h1.section-heading {\n font-size: 55px;\n}\n\n@media screen and (max-width: 768px) {\n\n #codescrum-services h1.section-heading {\n font-size: 35px;\n }\n}\n\n.affix {\n position: fixed;\n top: 50%;\n transform: translate(0, -50%) translate3d(0px, 0px, 0px) !important;\n}\n\n/**\n@media screen and (max-width: 768px) {\n .affix{\n position: fixed;\n top: 0%;\n transform: none;\n }\n}**/\n\n/**.affix .sidebar{\n display: block;\n}**/\n.affix-top {\n position: static;\n top: 25%;\n}\n\n.affix-bottom {\n position: absolute;\n bottom: auto !important;\n}\n\n/**\n.affix-top .sidebar,\n.affix-bottom .sidebar{\n display: block;\n}**/\n.left-sidebar li a {\n color: black;\n font-weight: 100;\n margin: 10px 0px;\n transition: all 0.5s ease;\n}\n\n.left-sidebar li a:focus,\n.left-sidebar li a:hover {\n color: #f05f40 !important;\n background-color: transparent;\n}\n\n.left-sidebar li.active a {\n color: black;\n font-size: 20px;\n font-weight: bold;\n background-color: transparent;\n}\n\n.left-sidebar li.active a:focus,\n.left-sidebar li.active a:hover {\n color: #f05f40;\n background-color: transparent;\n}\n\n.left-sidebar li a .cursor {\n display: none;\n}\n\n.left-sidebar li.active a .cursor {\n display: inline-block;\n}\n\n.left-sidebar li.active a .cursor .blink {\n -webkit-animation: 0.75s blink step-end infinite;\n -moz-animation: 0.75s blink step-end infinite;\n -ms-animation: 0.75s blink step-end infinite;\n -o-animation: 0.75s blink step-end infinite;\n animation: 0.75s blink step-end infinite;\n}\n\n@keyframes blink {\n\n from,\n to {\n color: transparent;\n text-shadow: none;\n }\n\n 50% {\n color: #ed4f2e;\n text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9);\n }\n}\n\n@-moz-keyframes blink {\n\n from,\n to {\n color: transparent;\n text-shadow: none;\n }\n\n 50% {\n color: #ed4f2e;\n text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9);\n }\n}\n\n@-webkit-keyframes blink {\n\n from,\n to {\n color: transparent;\n text-shadow: none;\n }\n\n 50% {\n color: #ed4f2e;\n text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9);\n }\n}\n\n@-ms-keyframes blink {\n\n from,\n to {\n color: transparent;\n text-shadow: none;\n }\n\n 50% {\n color: #ed4f2e;\n text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9);\n }\n}\n\n@-o-keyframes blink {\n\n from,\n to {\n color: transparent;\n text-shadow: none;\n }\n\n 50% {\n color: #ed4f2e;\n text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9);\n }\n}\n\nspan.cursor {\n color: #ed4f2e;\n margin-right: 5px;\n letter-spacing: -2px;\n text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9);\n}\n\n.left-sidebar .sidebar-content {\n margin-left: 15px;\n}\n\n.middle-sidebar {\n max-width: 33vw;\n transform: translate3d(0px, 0px, 0px);\n}\n\n.middle-sidebar li,\n.mobile-sidebar li {\n /*display: none;*/\n opacity: 0;\n height: 0;\n overflow: hidden;\n transition: opacity 0.5s ease;\n}\n\n.middle-sidebar li.active,\n.mobile-sidebar li.active {\n /*display: block;*/\n opacity: 1;\n height: auto;\n overflow: visible;\n}\n\n.middle-sidebar li.active a,\n.middle-sidebar li.active a:hover,\n.middle-sidebar li.active a:focus,\n.mobile-sidebar li.active a,\n.mobile-sidebar li.active a:hover,\n.mobile-sidebar li.active a:focus {\n /*color: black;*/\n background-color: transparent;\n}\n\n.middle-sidebar li.active h1,\n.mobile-sidebar li.active h1 {\n color: #ed4f2e;\n font-size: 40px;\n line-height: 45px;\n font-weight: 700;\n margin-bottom: .75em;\n text-align: left;\n padding-bottom: 15px;\n border-bottom: 1px solid #ed4f2e;\n}\n\n@media screen and (max-width: 1024px) {\n\n .middle-sidebar li.active h1,\n .mobile-sidebar li.active h1 {\n font-size: 35px;\n margin-bottom: .50em;\n }\n}\n\n@media screen and (max-width: 768px) {\n\n .middle-sidebar li.active h1,\n .mobile-sidebar li.active h1 {\n margin-bottom: .25em;\n }\n}\n\n@media screen and (max-width: 425px) {\n\n .middle-sidebar li.active h1,\n .mobile-sidebar li.active h1 {\n font-size: 30px;\n }\n}\n\n.mobile-sidebar li.active {\n transition: all 0.5s ease;\n}\n\n.middle-sidebar li.active .technologies,\n.mobile-sidebar li.active .technologies {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: center;\n margin-bottom: 20px;\n}\n\n.middle-sidebar .tech-item,\n.mobile-sidebar .tech-item {\n color: white;\n margin: 10px;\n width: 100px;\n min-height: 100px;\n background-size: contain;\n background-position: center;\n background-image: url('/images/bg-hexagon-ora.png');\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n transition: .3s all;\n}\n\n.middle-sidebar .tech-item:hover {\n transform: scale(1.35);\n}\n\n.middle-sidebar .tech-item [class^=\"et-\"],\n.middle-sidebar .tech-item [class*=\" et-\"],\n.mobile-sidebar .tech-item [class^=\"et-\"],\n.mobile-sidebar .tech-item [class*=\" et-\"] {\n font-size: 40px;\n}\n\n@media screen and (max-width: 1024px) {\n\n .middle-sidebar .tech-item,\n .mobile-sidebar .tech-item {\n margin: 0px;\n width: 80px;\n min-height: 80px;\n background-repeat: no-repeat;\n }\n}\n\n@media screen and (max-width: 768px) {\n\n .middle-sidebar .tech-item,\n .mobile-sidebar .tech-item {\n width: 55px;\n min-height: 55px;\n }\n}\n\n.middle-sidebar .tech-item [class*=\" devicon-\"],\n.middle-sidebar .tech-item [class^=devicon-],\n.mobile-sidebar .tech-item [class*=\" devicon-\"],\n.mobile-sidebar .tech-item [class^=devicon-] {\n font-size: 55px;\n}\n\n@media screen and (max-width: 1024px) {\n\n .middle-sidebar .tech-item [class*=\" devicon-\"],\n .middle-sidebar .tech-item [class^=devicon-],\n .mobile-sidebar .tech-item [class*=\" devicon-\"],\n .mobile-sidebar .tech-item [class^=devicon-] {\n font-size: 45px;\n }\n}\n\n@media screen and (max-width: 768px) {\n\n .middle-sidebar .tech-item [class*=\" devicon-\"],\n .middle-sidebar .tech-item [class^=devicon-],\n .mobile-sidebar .tech-item [class*=\" devicon-\"],\n .mobile-sidebar .tech-item [class^=devicon-] {\n font-size: 30px;\n }\n}\n\n.middle-sidebar .tech-item img,\n.mobile-sidebar .tech-item img {\n width: 60px;\n height: 60px;\n}\n\n@media screen and (max-width: 1024px) {\n\n .middle-sidebar .tech-item img,\n .mobile-sidebar .tech-item img {\n width: 40px;\n height: 40px;\n }\n}\n\n@media screen and (max-width: 768px) {\n\n .middle-sidebar .tech-item img,\n .mobile-sidebar .tech-item img {\n width: 28px;\n height: 28px;\n }\n}\n\n.middle-sidebar .description p,\n.mobile-sidebar .description p {\n font-size: 17px;\n line-height: 1.9;\n font-weight: 400;\n}\n\n@media screen and (max-width: 768px) {\n\n .middle-sidebar .description p,\n .mobile-sidebar .description p {\n font-size: 10px;\n padding-bottom: 10px;\n margin-bottom: 10px;\n }\n}\n\n.sidebar-empty-section {\n height: 50vh;\n}\n\n@media screen and (max-width: 768px) {\n .sidebar-empty-section {\n height: 30vh;\n }\n}\n\n@media screen and (max-width: 425px) {\n .sidebar-empty-section {\n height: 10vh;\n }\n}\n\n.sidebar-section {\n margin: 0 100px 0 50px;\n opacity: 0;\n transition: opacity 1s ease;\n}\n\n.sidebar-section.active {\n opacity: 1;\n}\n\n@media screen and (max-width: 768px) {\n .sidebar-section {\n margin: 0 40px 0 40px;\n }\n}\n\n.sidebar-section:last-child {\n margin-bottom: 120px;\n}\n\n.sidebar-section p {\n font-size: 20px;\n font-weight: 100;\n line-height: 2;\n padding: 20px 0;\n}\n\n.sidebar-section ul li p {\n padding: 0;\n margin-bottom: 10px;\n}\n\n@media screen and (max-width: 768px) {\n .sidebar-section p {\n font-size: 16px;\n line-height: 2.2;\n }\n}\n\n.sidebar-section p strong.primary {\n color: #ed4f2e;\n}\n\n.sidebar-section p strong.secundary {\n color: #fdbd12;\n}\n\n.sidebar-section ul.list-circle-check-full {\n list-style: none;\n}\n\n.sidebar-section ul.list-circle-check-full li {\n margin-bottom: 20px;\n margin-left: 10px;\n padding-top: 15px;\n}\n\n.sidebar-section ul.list-circle-check-full li:before {\n font-family: \"fontawesome\";\n content: \"\\f046\";\n position: absolute;\n left: 50px;\n padding-top: 8px;\n display: inline-block;\n width: 50px;\n height: 50px;\n background: transparent;\n font-size: 20px;\n text-align: center;\n}\n\n@media screen and (max-width: 768px) {\n .nav-stacked>li+li {\n margin-top: 0px;\n }\n}\n\n.bg-color-3 .middle-sidebar .tech-item,\n.bg-color-3 .mobile-sidebar .tech-item {\n color: black;\n background-image: url('/images/bg-hexagon-yel.png');\n}\n\n.bg-color-3 .middle-sidebar li.active h1,\n.bg-color-3 .mobile-sidebar li.active h1 {\n color: white;\n border-bottom: 1px solid white;\n}\n\n.bg-color-3 .left-sidebar li a,\n.bg-color-3 .left-sidebar li.active a {\n color: white;\n}\n\n#codescrum-clients .clients-logos-grid {\n border-top: 1px solid #dedede;\n border-left: 1px solid #dedede;\n}\n\n#codescrum-clients .clients-logos-grid .client-logo {\n border-right: 1px solid #dedede;\n border-bottom: 1px solid #dedede;\n}\n\n#codescrum-clients .clients-logos-grid .client-logo p {\n color: #333;\n margin: 0;\n}\n\n#codescrum-clients .clients-logos-grid .client-logo img {\n max-height: 100px;\n}\n\n#main-case-studies.cta-link {\n background: url(/images/background/2440x1578/what_we_have_done-main_background.png);\n background-size: 100% 100%;\n background-position: center;\n background-repeat: no-repeat;\n}\n\n#main-testimonials.cta-link {\n background: url(/images/background/2440x1578/circled-gray_background.png);\n background-size: 100% 100%;\n background-position: center;\n background-repeat: no-repeat;\n overflow: hidden;\n}\n"]}