@font-face { font-family: Actor; src: url(../../assets/fonts/Actor-5831248588843b876ec16b53aabc7e23.woff2) format("woff2"); font-weight: 400; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } :root, [data-bs-theme="light"] { --bs-primary: #2d3846; --bs-primary-rgb: 45, 56, 70; --bs-primary-text-emphasis: #12161c; --bs-primary-bg-subtle: #d5d7da; --bs-primary-border-subtle: #abafb5; --bs-secondary: #2d3846; --bs-secondary-rgb: 45, 56, 70; --bs-secondary-text-emphasis: #12161c; --bs-secondary-bg-subtle: #d5d7da; --bs-secondary-border-subtle: #abafb5; --bs-body-color: #ebeded; --bs-body-color-rgb: 235, 237, 237; --bs-secondary-color: rgba(235, 237, 237, 0.75); --bs-secondary-color-rgb: 235, 237, 237, 0.75; --bs-tertiary-color: rgba(235, 237, 237, 0.5); --bs-tertiary-color-rgb: 235, 237, 237, 0.5; --bs-body-bg: #181c21; --bs-body-bg-rgb: 24, 28, 33; --bs-body-font-family: Actor, sans-serif; } .btn-primary, .btn-secondary { --bs-btn-color: #fff; --bs-btn-bg: #2d3846; --bs-btn-border-color: #2d3846; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #26303c; --bs-btn-hover-border-color: #242d38; --bs-btn-focus-shadow-rgb: 224, 225, 227; --bs-btn-active-color: #fff; --bs-btn-active-bg: #242d38; --bs-btn-active-border-color: #222a35; --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #2d3846; --bs-btn-disabled-border-color: #2d3846; } .btn-outline-primary, .btn-outline-secondary { --bs-btn-color: #2d3846; --bs-btn-border-color: #2d3846; --bs-btn-focus-shadow-rgb: 45, 56, 70; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #2d3846; --bs-btn-hover-border-color: #2d3846; --bs-btn-active-color: #fff; --bs-btn-active-bg: #2d3846; --bs-btn-active-border-color: #2d3846; --bs-btn-disabled-color: #2d3846; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #2d3846; } *, :after, :before { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;  cursor: default; } @media all and (max-width: 500px) { } .slick-slide { margin: 0 20px; } .slick-slide img { width: 100%; display: block; } .slick-slider { position: relative; display: block; box-sizing: border-box;  -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: 0; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-list, .slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:after, .slick-track:before { display: table; content: ""; } .slick-track:after { clear: both; } .slick-loading .slick-slide, .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir="rtl"] .slick-slide { float: right; } .slick-arrow.slick-hidden, .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: 0; padding-left: 0; margin-right: auto; margin-left: auto; margin-bottom: 2rem; } .fit-cover { object-fit: cover; } .bs-icon { --bs-icon-size: 0.75rem; display: flex; flex-shrink: 0; justify-content: center; align-items: center; font-size: var(--bs-icon-size); width: calc(var(--bs-icon-size) * 2); height: calc(var(--bs-icon-size) * 2); color: var(--bs-primary); } .bs-icon-xs { --bs-icon-size: 1rem; width: calc(var(--bs-icon-size) * 1.5); height: calc(var(--bs-icon-size) * 1.5); } .bs-icon-sm { --bs-icon-size: 1rem; } .bs-icon-md { --bs-icon-size: 1.5rem; } .bs-icon-lg { --bs-icon-size: 2rem; } .bs-icon-xl { --bs-icon-size: 2.5rem; } .bs-icon.bs-icon-primary { color: var(--bs-white); background: var(--bs-primary); } .bs-icon.bs-icon-primary-light { color: var(--bs-primary); background: rgba(var(--bs-primary-rgb), 0.2); } .bs-icon.bs-icon-semi-white { color: var(--bs-primary); background: rgba(255, 255, 255, 0.5); } .bs-icon.bs-icon-rounded { border-radius: 0.5rem; } .bs-icon.bs-icon-circle { border-radius: 50%; } footer { background-color: #292c2f; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12); box-sizing: border-box; width: 100%; text-align: left; font: bold 16px sans-serif; padding: 55px 50px; margin-top: 80px; bottom: 0; color: #fff; } .footer-navigation h3 { margin: 0 0 20px; font: 36px Cookie, cursive; color: #fff; } .normalLink{ text-decoration: none; color: #fff; } .footer-navigation h3 a { text-decoration: none; color: #fff; } .footer-navigation h3 span { color: #5383d3; } .footer-navigation p.links a { color: #fff; text-decoration: none; } .footer-navigation p.company-name { color: #8f9296; font-size: 14px; font-weight: 400; margin-top: 20px; } .footer-contacts p { display: inline-block; color: #fff; vertical-align: middle; } .footer-contacts p a { color: #5383d3; text-decoration: none; } .fa.footer-contacts-icon { background-color: #33383b; color: #fff; font-size: 18px; width: 38px; height: 38px; border-radius: 50%; text-align: center; line-height: 38px; margin: 10px 15px 10px 0; } span.new-line-span { display: block; font-weight: 400; font-size: 14px; line-height: 2; } .footer-about h4 { display: block; color: #fff; font-size: 14px; font-weight: 700; margin-bottom: 20px; } .footer-about p { line-height: 20px; color: #92999f; font-size: 13px; font-weight: 400; margin: 0; } div.social-links { margin-top: 20px; color: #fff; } .social-links a { display: inline-block; width: 35px; height: 35px; cursor: pointer; background-color: #33383b; border-radius: 2px; font-size: 20px; color: #fff; text-align: center; line-height: 35px; margin-right: 5px; margin-bottom: 5px; } .client-section { padding: 10px; background-color: #000; border-bottom: 1px solid #282828; } .client-heading { color: #fff; font-size: 15px; padding-top: 20px; font-family: Lato, sans-serif; font-weight: 300; text-transform: uppercase; } .no-pad { padding-top: 20px; padding-bottom: 10px; } .client-row { max-width: 1200px; margin-left: auto; margin-right: auto; padding-top: 10px; } .client-container { max-width: 100%; } .client-image { display: block; margin-left: auto; margin-right: auto; filter: grayscale(0%); } .client-image:hover { display: block; margin-left: auto; margin-right: auto; filter: grayscale(100%) invert(100%) sepia(0%); } .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: 0; margin-left: 0; padding-left: 0; height: auto; } .container { max-width: 1200px !important; padding-left: 0; padding-right: 0; } .ps_ease .carousel-item { -webkit-transition-timing-function: ease; transition-timing-function: ease; } .ps_easeInOut .carousel-item { -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } .ps_speedy .carousel-item { -webkit-transition-timing-function: cubic-bezier(0, 1, 0, 1); transition-timing-function: cubic-bezier(0, 1, 0, 1); } .ps_slowSpeedy .carousel-item { -webkit-transition-timing-function: cubic-bezier(0.3, 1, 0, 1); transition-timing-function: cubic-bezier(0.3, 1, 0, 1); } .ps_easeOutInCubic .carousel-item { -webkit-transition-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); transition-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); } .ps_swing .carousel-item { -webkit-transition-timing-function: cubic-bezier(0.02, 0.01, 0.47, 1); transition-timing-function: cubic-bezier(0.02, 0.01, 0.47, 1); } .ps_easeOutCubic .carousel-item { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .ps_easeInOutCubic .carousel-item { -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } .ps_easeOutCirc .carousel-item { -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); } .ps_easeOutExpo .carousel-item { -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .ps_easeInQuad .carousel-item { -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } .ps_easeOutQuad .carousel-item { -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } .ps_easeInOutQuad .carousel-item { -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } .ps_easeOutQuart .carousel-item { -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); } .ps_easeInOutQuart .carousel-item { -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); } .ps_easeOutQuint .carousel-item { -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .ps_easeInSine .carousel-item { -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } .ps_easeOutSine .carousel-item { -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); } .ps_easeInOutSine .carousel-item { -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); } .testimonial_095_slide > h5 > a:hover { border: 1px solid #aa914f; } #carousel-t { background-color: #d7d7d7; } #carousel-t .testimonial-content { margin-top: 15px; } #carousel-t .carousel-control-next, .carousel-control-prev { width: 13%; } #carousel-t .carousel-control-prev { background: -webkit-linear-gradient(left, #d7d7d7 70%, rgba(215, 215, 215, 0) 100%); background: linear-gradient(to right, #d7d7d7 70%, rgba(215, 215, 215, 0) 100%); opacity: 1; } #carousel-t .carousel-control-next { background: -webkit-linear-gradient(right, rgba(215, 215, 215) 70%, rgba(215, 215, 215, 0) 100%); background: linear-gradient(to left, #d7d7d7 70%, rgba(215, 215, 215, 0) 100%); opacity: 1; } #carousel-t .carousel-indicators li { box-sizing: content-box; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 10px; height: 10px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #140000; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: 0.2; transition: opacity 0.6s; border-radius: 50%; } #carousel-t .carousel-indicators .active { opacity: 0.5; } #carousel-t .carousel-indicators { position: relative; padding-bottom: 10px; } #carousel-t .signature { font-size: 24px; font-style: normal; font-family: "Roboto Condensed", Arial, Sans; font-weight: 700; margin: 0; } #carousel-t .date { font-size: 14px; font-style: italic; margin-bottom: 10px; } #carousel-t p { font-size: 18px; font-family: "Roboto Condensed", Arial, Sans; } #carousel-t .rating { background-color: #2d80ff; width: 56px; display: block; margin: 15px auto; color: #fff; border-radius: 25px; } html, body { height: 100%; width: 100%; } #cover { background: linear-gradient(to top, rgba(255, 255, 255, 0.034), rgba(0, 0, 0, 0.73)), url('../../assets/img/projects.jpg') center center no-repeat; background-size: cover; color: white; height: 100%; text-align: center; display: flex; align-items: center; } #cover h1 { font-size: 78px;text-shadow: 0px 0px 11px var(--bs-primary-border-subtle); } #cover-caption { width: 100%; } #contact_cover{ background: linear-gradient(to top, rgba(255, 255, 255, 0.034), rgba(0, 0, 0, 0.73)), url('../../assets/img/contact.jpg') center center no-repeat; background-size: cover; color: white; height: 70%; text-align: center; display: flex; align-items: center; } #contact_cover h1{ font-size: 78px;text-shadow: 0px 0px 11px var(--bs-primary-border-subtle); } #services_cover { background: linear-gradient(to top, rgba(255, 255, 255, 0.034), rgba(0, 0, 0, 0.73)), url('../../assets/img/services.png') center center no-repeat; background-size: cover; color: white; height: 80%; text-align: center; display: flex; align-items: center; } #services_cover h1{ font-size: 78px;text-shadow: 0px 0px 11px var(--bs-primary-border-subtle); } #services_cover #cover-caption { width: 100%; } @media (max-width: 767px) { .footer-contacts { margin: 30px 0; } footer { margin-top: 20px; } #services_cover { background: #222 url('../../assets/img/services.png') center center no-repeat; background-size: cover; color: white; height: 70%; text-align: center; display: flex; align-items: center; } #services_cover h1{ font-size: 40px;text-shadow: 0px 0px 11px var(--bs-primary-border-subtle); } #contact_cover { background-image:linear-gradient(to top, rgba(255, 255, 255, 0.034), rgba(0, 0, 0, 0.73)), url('../../assets/img/contact.jpg') ; background-size: cover; color: white; height: 40%; text-align: center; display: flex; align-items: center; } #contact_cover h1{ font-size: 40px;text-shadow: 0px 0px 11px var(--bs-primary-border-subtle); margin-top: 100px; } }