@charset "UTF-8"; /* ======================================================= * * Based on https://themes.gohugo.io/hugo-elate-theme/ * * ======================================================= */ /********************************* * * Publicly-usable classes * *********************************/ .navbar-landing-page { position: absolute; top: 0; left: 0; width: 100%; z-index: 99; background: white; } .navbar-landing-page .navbar-brand { color: #46aecf; } .navbar-landing-page .navbar-nav .nav-link { color: #555; } .navbar-landing-page .navbar-nav .nav-link:hover, .navbar-landing-page .navbar-nav .nav-link:focus { color: #29839f; } .navbar-landing-page .navbar-nav .nav-link.disabled { color: #6c757d; } .navbar-landing-page .navbar-nav .show > .nav-link, .navbar-landing-page .navbar-nav .active > .nav-link, .navbar-landing-page .navbar-nav .nav-link.show, .navbar-landing-page .navbar-nav .nav-link.active { color: #29839f; } .navbar-landing-page .navbar-toggler { border-color: #46aecf; color: #46aecf; } .navbar-landing-page .navbar-toggler:hover, .navbar-landing-page .navbar-toggler:focus { border-color: #29839f; color: #29839f; } .navbar-landing-page .navbar-toggler-icon { color: #46aecf; background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='%2346aecf' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-landing-page .navbar-toggler-icon:hover, .navbar-landing-page .navbar-toggler-icon:focus { color: #29839f; background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='%2329839f' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-landing-page .navbar-collapse { border-top: solid 1px #ced4da; margin-top: 0.5rem; } @media (min-width: 992px) { .navbar-landing-page { margin-top: 2rem; background: transparent; } .navbar-landing-page .navbar-brand { color: white; } .navbar-landing-page .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.9); } .navbar-landing-page .navbar-nav .nav-link:hover, .navbar-landing-page .navbar-nav .nav-link:focus { color: white; } .navbar-landing-page .navbar-nav .show > .nav-link, .navbar-landing-page .navbar-nav .active > .nav-link, .navbar-landing-page .navbar-nav .nav-link.show, .navbar-landing-page .navbar-nav .nav-link.active { color: white; } .navbar-landing-page .navbar-toggler { border-color: rgba(255, 255, 255, 0.9); color: rgba(255, 255, 255, 0.9); } .navbar-landing-page .navbar-toggler:hover, .navbar-landing-page .navbar-toggler:focus { border-color: white; color: white; } .navbar-landing-page .navbar-toggler-icon { color: rgba(255, 255, 255, 0.9); background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-landing-page .navbar-toggler-icon:hover, .navbar-landing-page .navbar-toggler-icon:focus { color: white; background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='white' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-landing-page .navbar-collapse { border-top: 0; margin-top: 0; } .navbar-landing-page .dropdown-menu { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175); } } .navbar-small-items .navbar-nav .nav-link, .navbar-small-items .navbar-text, .navbar-small-items .navbar-nav .dropdown-menu { font-size: 1.035rem; } .navbar-small-items .navbar-nav .dropdown-menu { font-size: 0.98438rem; } .navbar-small-items .navbar-toggler { padding: 0.25rem 0.6rem; } .navbar-small-items .navbar-toggler-icon { width: 1.1em; height: 1.1em; } /********************************* * * Bootstrap styling overrides * *********************************/ .navbar-nav .nav-link > span { position: relative; display: inline-block; padding-top: 0.11em; padding-bottom: 0.11em; } .navbar-nav .nav-link > span:before { content: ""; position: absolute; width: 100%; height: 2px; bottom: 0; left: 0; background-color: #46aecf; visibility: hidden; transform: scaleX(0); transition: all 0.3s ease-in-out 0s; } .navbar-nav .nav-link:hover > span:before, .navbar-nav .nav-link:focus > span:before { visibility: visible; transform: scaleX(1); } .navbar-landing-page .navbar-nav .nav-link > span:before { background-color: rgba(255, 255, 255, 0.5); } /********************************* * * Bootstrap styling overrides * *********************************/ a { transition: all .3s ease-in-out; } /********************************* * * Publicly-usable classes * *********************************/ .btn-uppercase { font-size: 90%; text-transform: uppercase; letter-spacing: 2px; } .btn-lg-padding { padding: 0.625rem 1.25rem; } /********************************* * * Bootstrap styling overrides * *********************************/ .btn { transition: 0.5s; } .btn-primary:hover { background-color: #56c4ea; border-color: #56c4ea; } .edge--bottom { position: relative; z-index: 1; } .edge--bottom:after { background: inherit; content: ''; display: block; height: 50%; left: 0; position: absolute; right: 0; z-index: -1; -webkit-backface-visibility: hidden; } .edge--bottom:after { bottom: 0; transform: skewY(-1.5deg); transform-origin: 100%; } .edge--bottom--reverse { position: relative; z-index: 1; } .edge--bottom--reverse:after { background: inherit; content: ''; display: block; height: 50%; left: 0; position: absolute; right: 0; z-index: -1; -webkit-backface-visibility: hidden; } .edge--bottom--reverse:after { bottom: 0; transform: skewY(1.5deg); transform-origin: 0 100%; } .edge--top { position: relative; z-index: 1; } .edge--top:before { background: inherit; content: ''; display: block; height: 50%; left: 0; position: absolute; right: 0; z-index: -1; -webkit-backface-visibility: hidden; } .edge--top:before { top: 0; transform: skewY(1.5deg); transform-origin: 100% 0; } .edge--top--reverse { position: relative; z-index: 1; } .edge--top--reverse:before { background: inherit; content: ''; display: block; height: 50%; left: 0; position: absolute; right: 0; z-index: -1; -webkit-backface-visibility: hidden; } .edge--top--reverse:before { top: 0; transform: skewY(-1.5deg); transform-origin: 0 0; } .edge--both { position: relative; z-index: 1; } .edge--both:before, .edge--both:after { background: inherit; content: ''; display: block; height: 50%; left: 0; position: absolute; right: 0; z-index: -1; -webkit-backface-visibility: hidden; } .edge--both:before { top: 0; transform: skewY(1.5deg); transform-origin: 100% 0; } .edge--both:after { bottom: 0; transform: skewY(-1.5deg); transform-origin: 100%; } .edge--both--reverse { position: relative; z-index: 1; } .edge--both--reverse:before, .edge--both--reverse:after { background: inherit; content: ''; display: block; height: 50%; left: 0; position: absolute; right: 0; z-index: -1; -webkit-backface-visibility: hidden; } .edge--both--reverse:before { top: 0; transform: skewY(-1.5deg); transform-origin: 0 0; } .edge--both--reverse:after { bottom: 0; transform: skewY(1.5deg); transform-origin: 0 0; } #fh5co-home { background-color: transparent; background-size: cover; background-attachment: fixed; position: relative; width: 100%; background-color: #46aecf; color: #fff; overflow: hidden; padding-top: calc( 2 * 0.5rem + 2.10938rem + 1.5rem); } @media (min-width: 576px) { #fh5co-home { padding-top: calc( 2 * 0.5rem + 2.10938rem + 3rem); } } @media (min-width: 992px) { #fh5co-home { padding-top: calc( 2rem + 2 * 0.5rem + 2.10938rem + 3rem); } } #fh5co-home .gradient { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2; opacity: .9; -webkit-backface-visibility: hidden; background-color: #52d3aa; /* IE9, iOS 3.2+ */ background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjEwMCUiPjxzdG9wIHN0b3AtY29sb3I9IiMzZjk1ZWEiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzUyZDNhYSIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+); background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0, #3f95ea), color-stop(1, #52d3aa)); /* Android 2.3 */ background-image: -webkit-repeating-linear-gradient(top left, #3f95ea 0%, #52d3aa 100%); /* IE10+ */ background-image: repeating-linear-gradient(to bottom right, #3f95ea 0%, #52d3aa 100%); background-image: -ms-repeating-linear-gradient(top left, #3f95ea 0%, #52d3aa 100%); } #fh5co-home .text-wrap { display: table; width: 100%; position: relative; z-index: 4; margin-bottom: calc(82.25px - -10rem); } #fh5co-home .text-inner { display: table-cell; vertical-align: middle; text-align: center; } #fh5co-home .text-inner a { color: white; border-bottom: 1px dashed rgba(255, 255, 255, 0.5); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } #fh5co-home .text-inner a:hover, #fh5co-home .text-inner a:active, #fh5co-home .text-inner a:focus { text-decoration: none; color: white; border-bottom: 1px dashed white; } #fh5co-home .text-inner h1 { font-size: 50px; color: white; margin: 0 0 20px 0; } #fh5co-home .text-inner h2 { font-size: 28px; line-height: 38px; font-weight: 300; color: rgba(255, 255, 255, 0.8); margin: 0; } .slant { position: absolute; transform: rotate(-1.7deg); -ms-transform: rotate(-1.7deg); -webkit-transform: rotate(-1.7deg); -o-transform: rotate(-1.7deg); -moz-transform: rotate(-1.7deg); background-color: #fff; content: ""; z-index: 3; display: inline-block; height: 70px; bottom: 0; margin-bottom: -35px; padding: 0; width: 101%; } #fh5co-intro { position: relative; bottom: 0; padding-bottom: 4em; margin-top: -10rem; margin-bottom: -100px; z-index: 10; } #fh5co-intro > div { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; } #fh5co-intro .fh5co-block { width: 30%; margin-right: 5%; float: left; text-align: center; font-size: 16px; min-height: 300px; vertical-align: middle; padding: 40px; background: #fff; z-index: 7; flex-grow: 1; background-size: cover; position: relative; backgroun-repeat: no-repeat; } @media screen and (min-width: 768px) { #fh5co-intro .fh5co-block { box-shadow: 7px 14px 42px 3px rgba(163, 174, 184, 0.4); } } #fh5co-intro .fh5co-block:last-child { margin-right: 0; } @media screen and (max-width: 768px) { #fh5co-intro .fh5co-block { width: 100%; margin-right: 0; } } #fh5co-intro .fh5co-block > .fh5co-text { position: relative; z-index: 10; } #fh5co-intro .fh5co-block > .fh5co-text .fh5co-intro-icon { font-size: 50px; color: #46aecf; margin-bottom: 30px; display: block; } #fh5co-intro .fh5co-block h2 { font-size: 24px; font-weight: 400; } .watch-video { text-align: center; width: 100%; display: block; float: left; } .watch-video span { display: block; margin-bottom: 20px; letter-spacing: 2px; text-transform: uppercase; font-weight: bold; } .watch-video .btn-video { display: block; font-size: 60px; height: 120px; width: 120px; margin: 0 auto; border: 2px solid #46aecf; line-height: 0px; display: table; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .watch-video .btn-video:hover, .watch-video .btn-video:focus, .watch-video .btn-video:active { text-decoration: none; } .watch-video .btn-video i { position: relative; display: table-cell; vertical-align: middle; margin: 0; padding: 0; right: -9px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .watch-video .btn-video:hover i, .watch-video .btn-video:focus i { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } #fh5co-services, #fh5co-counters, #fh5co-work, #fh5co-contact, #fh5co-about { padding: 4em 0; } @media screen and (max-width: 768px) { #fh5co-services, #fh5co-testimonials, #fh5co-counters, #fh5co-work, #fh5co-contact, #fh5co-about { padding: 2em 0; } } #fh5co-services, #fh5co-work, #fh5co-counters { padding: 7em 0; } @media screen and (max-width: 768px) { #fh5co-services, #fh5co-work, #fh5co-counters { padding: 4em 0; } } #fh5co-services { background-color: #52d3aa; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zd…AiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+); background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0, #3f95ea), color-stop(1, #52d3aa)); background-image: -webkit-repeating-linear-gradient(top left, #3f95ea 0%, #52d3aa 100%); background-image: repeating-linear-gradient(to bottom right, #3f95ea 0%, #52d3aa 100%); background-image: -ms-repeating-linear-gradient(top left, #3f95ea 0%, #52d3aa 100%); overflow: hidden; position: relative; } #fh5co-services:before, #fh5co-services:after { position: absolute; transform: rotate(-1.7deg); -ms-transform: rotate(-1.7deg); -webkit-transform: rotate(-1.7deg); -o-transform: rotate(-1.7deg); -moz-transform: rotate(-1.7deg); background-color: #fff; content: ""; z-index: 3; display: inline-block; height: 70px; padding: 0; width: 101%; } #fh5co-services:before { top: 0; margin-top: -35px; } #fh5co-services:after { bottom: 0; margin-bottom: -35px; } #fh5co-services .fh5co-service { padding-right: 30px; } #fh5co-services .section-heading h2:after { background: rgba(255, 255, 255, 0.3); } #fh5co-services h3 { font-size: 24px; } #fh5co-services .icon { font-size: 70px; margin-bottom: 30px; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; } #fh5co-services .icon:before { color: #fff; } #fh5co-services .section-heading h2 { color: #fff; } #fh5co-services .section-heading h2.left-border:after { background: rgba(255, 255, 255, 0.3); } #fh5co-counters { background: #46aecf; overflow: hidden; background-color: transparent; background-size: cover; background-attachment: fixed; position: relative; width: 100%; padding: 9em 0 10em 0; } @media screen and (max-width: 768px) { #fh5co-counters { padding: 4em 0; } } #fh5co-counters .fh5co-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background: rgba(0, 0, 0, 0.7); } #fh5co-counters:before, #fh5co-counters:after { position: absolute; transform: rotate(-1.7deg); -ms-transform: rotate(-1.7deg); -webkit-transform: rotate(-1.7deg); -o-transform: rotate(-1.7deg); -moz-transform: rotate(-1.7deg); background-color: #fff; content: ""; z-index: 3; display: inline-block; height: 70px; padding: 0; width: 101%; } #fh5co-counters:before { top: 0; margin-top: -35px; } #fh5co-counters:after { bottom: 0; margin-bottom: -35px; } #fh5co-counters .section-heading { position: relative; z-index: 3; margin-bottom: 0; } #fh5co-counters .section-heading h2 { color: #fff; } #fh5co-counters .section-heading h2:after { background: rgba(255, 255, 255, 0.3) !important; } #fh5co-counters .section-heading .subtext h3 { color: rgba(255, 255, 255, 0.7) !important; } #fh5co-counters .fh5co-counter { position: relative; z-index: 3; text-align: center; } @media screen and (max-width: 992px) { #fh5co-counters .fh5co-counter { margin-bottom: 50px; float: left; width: 100%; } } #fh5co-counters .fh5co-counter .fh5co-counter-icon, #fh5co-counters .fh5co-counter .fh5co-counter-number, #fh5co-counters .fh5co-counter .fh5co-counter-label { display: block; } #fh5co-counters .fh5co-counter .fh5co-counter-icon { font-size: 40px; color: #46aecf; } #fh5co-counters .fh5co-counter .fh5co-counter-number { font-size: 70px; color: #fff; font-weight: 300; } #fh5co-counters .fh5co-counter .fh5co-counter-label { color: rgba(255, 255, 255, 0.5); font-size: 18px; font-weight: 400; } #fh5co-testimonials .box-testimony { margin-bottom: 2em; float: left; } #fh5co-testimonials .box-testimony a { color: rgba(255, 255, 255, 0.5); } #fh5co-testimonials .box-testimony a:hover, #fh5co-testimonials .box-testimony a:focus, #fh5co-testimonials .box-testimony a:active { color: white; text-decoration: none; } #fh5co-testimonials .box-testimony blockquote { padding-left: 0; border-left: none; padding: 30px; background: #fff; background: #46aecf; font-size: 20px; font-weight: 300; position: relative; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; border-radius: 7px; } #fh5co-testimonials .box-testimony blockquote:after { content: ""; position: absolute; top: 100%; left: 40px; border-top: 10px solid black; border-top-color: #fff; border-top-color: #46aecf; border-left: 10px solid transparent; border-right: 10px solid transparent; } #fh5co-testimonials .box-testimony blockquote p { font-style: italic; color: #fff; } #fh5co-testimonials .box-testimony .author { line-height: 20px; color: black; font-size: 16px; margin-left: 20px; font-weight: 400; } #fh5co-testimonials .box-testimony .author a { color: #46aecf; } #fh5co-testimonials .box-testimony .author a:hover { text-decoration: underline; } #fh5co-testimonials .box-testimony .author > figure { float: left; margin-right: 10px; } #fh5co-testimonials .box-testimony .author > figure img { width: 60px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } #fh5co-testimonials .box-testimony .author p { float: left; margin-top: 10px; } #fh5co-testimonials .box-testimony .author .subtext { display: block; color: rgba(0, 0, 0, 0.5); font-size: 16px; font-weight: 400 !important; } #fh5co-work { overflow: hidden; position: relative; color: rgba(255, 255, 255, 0.8); background-color: #46aecf; /* IE9, iOS 3.2+ */ background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjEwMCUiPjxzdG9wIHN0b3AtY29sb3I9IiMzZjk1ZWEiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzUyZDNhYSIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+); background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0, #3f95ea), color-stop(1, #46aecf)); /* Android 2.3 */ background-image: -webkit-repeating-linear-gradient(top left, #3f95ea 0%, #46aecf 100%); /* IE10+ */ background-image: repeating-linear-gradient(to bottom right, #3f95ea 0%, #46aecf 100%); background-image: -ms-repeating-linear-gradient(top left, #3f95ea 0%, #46aecf 100%); } #fh5co-work a { color: rgba(255, 255, 255, 0.5); text-decoration: underline; } #fh5co-work a:hover { color: white; } #fh5co-work:before, #fh5co-work:after { position: absolute; transform: rotate(-1.7deg); -ms-transform: rotate(-1.7deg); -webkit-transform: rotate(-1.7deg); -o-transform: rotate(-1.7deg); -moz-transform: rotate(-1.7deg); background-color: #fff; content: ""; z-index: 3; display: inline-block; height: 70px; padding: 0; width: 101%; } #fh5co-work:before { top: 0; margin-top: -35px; } #fh5co-work:after { bottom: 0; margin-bottom: -35px; } #fh5co-work .section-heading h2 { color: #fff; } #fh5co-work .section-heading h2:after { background: rgba(255, 255, 255, 0.3); } #fh5co-work .section-heading h3 { color: rgba(255, 255, 255, 0.8); } #fh5co-work .fh5co-project-item { display: block; width: 100%; position: relative; top: 0; background: #fff; overflow: hidden; z-index: 9; margin-bottom: 30px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; border-radius: 7px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } #fh5co-work .fh5co-project-item img { z-index: 8; opacity: 1; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } #fh5co-work .fh5co-project-item .fh5co-text { padding: 10px 20px; } #fh5co-work .fh5co-project-item .fh5co-text h2, #fh5co-work .fh5co-project-item .fh5co-text span { text-decoration: none !important; } #fh5co-work .fh5co-project-item .fh5co-text h2 { font-size: 18px; font-weight: bold; margin: 0; } #fh5co-work .fh5co-project-item .fh5co-text span { color: #b3b3b3; font-size: 16px; font-weight: 400; } #fh5co-work .fh5co-project-item:hover, #fh5co-work .fh5co-project-item:focus { -webkit-box-shadow: 7px 14px 42px 3px rgba(0, 0, 0, 0.4); -moz-box-shadow: 7px 14px 42px 3px rgba(0, 0, 0, 0.4); -ms-box-shadow: 7px 14px 42px 3px rgba(0, 0, 0, 0.4); -o-box-shadow: 7px 14px 42px 3px rgba(0, 0, 0, 0.4); box-shadow: 7px 14px 42px 3px rgba(0, 0, 0, 0.4); text-decoration: none; top: -15px; } #fh5co-work .fh5co-project-item:hover img, #fh5co-work .fh5co-project-item:focus img { opacity: .7; } #fh5co-work .fh5co-project-item:hover h2, #fh5co-work .fh5co-project-item:hover span, #fh5co-work .fh5co-project-item:focus h2, #fh5co-work .fh5co-project-item:focus span { text-decoration: none !important; } .fh5co-person { background: white; padding: 80px 30px 30px 30px; float: left; width: 100%; position: relative; } @media screen and (max-width: 992px) { .fh5co-person { margin-bottom: 3.5em; } } .fh5co-person figure { position: absolute; width: 100%; margin-top: -100px; top: 0; left: 0; display: block; margin-bottom: 50px; } .fh5co-person h3 { margin-bottom: 0px; } .fh5co-person h3 a { color: inherit; } .fh5co-person .fh5co-position { color: #6c757d; display: block; margin-bottom: 20px; } .form-control { box-shadow: none; background: transparent; border: 2px solid rgba(0, 0, 0, 0.1); height: 54px; font-size: 18px; font-weight: 400; } .form-control:active, .form-control:focus { outline: none; box-shadow: none; border-color: #46aecf; } .btn { -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .btn:hover, .btn:active, .btn:focus { outline: none; } #fh5co-contact { padding-bottom: 0; } #fh5co-contact .fh5co-contact-info { padding: 0; margin: 0 0 1.5em 0; } #fh5co-contact .fh5co-contact-info li { position: relative; padding: 0; margin: 0 0 1.5em 0; padding-left: 50px; list-style: none; } #fh5co-contact .fh5co-contact-info li i { position: absolute; top: .2em; left: 0; } .section-heading { float: left; width: 100%; padding-bottom: 50px; margin-bottom: 50px; clear: both; } .section-heading h2 { margin: 0 0 30px 0; font-size: 50px; font-weight: 300; color: #444; text-transform: uppercase; position: relative; display: block; padding-bottom: 20px; line-height: 1.5; } .section-heading h2.left-border:after { content: ""; position: absolute; display: block; width: 80px; height: 2px; background: #46aecf; left: 0%; margin-left: 0px; bottom: 0; } .section-heading h2:after { content: ""; position: absolute; display: block; width: 80px; height: 2px; background: #46aecf; left: 50%; margin-left: -40px; bottom: 0; } @media screen and (max-width: 768px) { .section-heading h2 { font-size: 30px; } } .section-heading h3 { font-weight: 300; line-height: 1.5; color: #929292; } @media screen and (max-width: 768px) { .section-heading h3 { font-size: 24px !important; line-height: 34px; } } #footer { padding: 50px 0; color: #7f7f7f; position: relative; } #footer .gotop { position: absolute; top: -20px; left: 50%; margin-left: -40px; background: #fff; z-index: 8; width: 80px; height: 80px; font-size: 30px; padding-top: 5px; text-align: center; vertical-align: middle; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } #footer .gotop:hover, #footer .gotop:focus { top: -25px; text-decoration: none !important; } #footer .copyright { font-size: 16px; margin-bottom: 0px; padding-bottom: 0; } .social { padding: 0; margin: 0; display: inline-block; position: relative; width: 100%; } .social li { list-style: none; padding: 0; margin: 0; display: inline-block; } .social li a { font-size: 16px; display: table; width: 40px; height: 40px; margin: 0 4px; } .social li a i { display: table-cell; vertical-align: middle; } .social li a:hover, .social li a:active, .social li a:focus { text-decoration: none; border-bottom: none; } .social li a.social-box { background: #46aecf; color: #fff; } .social li a.social-circle { background: #46aecf; color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .social li a:hover { background: #393e46 !important; } .social.social-box a { background: #46aecf; color: #fff; } .social.social-circle a { background: #46aecf; color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; /* ideally, transition speed should match zoom duration */ -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .mfp-with-zoom.mfp-ready .mfp-container { opacity: 1; } .mfp-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg { opacity: 0; } @media screen and (max-width: 480px) { .col-xxs-12 { float: none; width: 100%; } } .row-bottom-padded-lg { padding-bottom: 7em; } @media screen and (max-width: 768px) { .row-bottom-padded-lg { padding-bottom: 2em; } } .row-bottom-padded-md { padding-bottom: 4em; } @media screen and (max-width: 768px) { .row-bottom-padded-md { padding-bottom: 2em; } } .row-bottom-padded-sm { padding-bottom: 2em; } @media screen and (max-width: 768px) { .row-bottom-padded-sm { padding-bottom: 2em; } } .fh5co-animated { -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }