@font-face { font-family: 'Book Antiqua'; src: url(../fonts/book-antiqua.ttf) format('truetype'); } @font-face { font-family: 'Exo 2'; src: url(../fonts/exo2.ttf) format('truetype'); font-display: swap; } h1 { font-size: 32px; } h2 { font-size: 28px; } h3 { font-size: 23px; } h4 { font-size: 19px; } h5 { font-size: 19px; } h6 { font-size: 19px; } h1, h2, h3, h4, h5, h6 { margin: 10px 0; } q:before, q:after { content: ''; } blockquote, q { quotes: none; } blockquote>ul { margin-left: 15px; } dfn, cite, em, i { font-style: italic; } table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin: 0 0 25px; table-layout: fixed; width: 100%; } table, th, td { border: 1px solid #cccccc; } th, td { padding: 7px; } th { border-width: 0 1px 1px 0; font-weight: 700; } caption, th, td { font-weight: normal; text-align: left; } td { border-width: 0 1px 1px 0; } dl { margin: 0 0 25px; } dt { font-weight: 700; color: #111111; } dd { margin: 0 0 20px; } ul { list-style: disc; } ul, ol { margin: 10px 0; padding: 0; } li>ul, li>ol { margin-left: 15px; margin-bottom: 0; } ol { list-style: decimal; } address { font-style: italic; margin: 0 0 25px; } abbr[title] { border-bottom: 1px dotted; } abbr, acronym { border-bottom: 1px dotted #111111; cursor: help; } b, strong { font-weight: 700; } big { font-size: 125%; } del { opacity: 0.8; } mark, ins { background: #007acc; color: #ffffff; padding: 2px 4px; text-decoration: none; } sub { bottom: -3px; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -6px; } .aligncenter { clear: both; display: block; margin: 0 auto 25px; } .alignleft { float: left; margin: 6px 25px 25px 0; } .alignright { float: right; margin: 6px 0 25px 25px; } img { height: auto; max-width: 100%; vertical-align: middle; } img { border: 0; } .page-links { clear: both; font-family: Montserrat, "Helvetica Neue", sans-serif; margin: 0 0 25px; } .page-links a, .page-links>span { border: 1px solid #d1d1d1; border-radius: 2px; display: inline-block; font-size: 13px; height: 22px; line-height: 22px; margin-right: 4px; text-align: center; width: 24px; } .page-links>.page-links-title { border: 0; color: #1a1a1a; height: auto; margin: 0; padding-right: 8px; width: auto; } .page-links a { background-color: #1a1a1a; border-color: #1a1a1a; color: #fff; } .says, .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute!important; width: 1px; word-wrap: normal!important; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea { background: rgba(255, 255, 255, 0.32); border: 1px solid rgba(0, 0, 0, 0.32); color: rgba(17, 17, 17, 0.8); padding: 16px 25px; width: 100%; margin-bottom: 20px; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea::placeholder { background: rgba(255, 255, 255, 0.32); border: 1px solid rgba(0, 0, 0, 0.32); color: rgba(17, 17, 17, 0.8); padding: 16px 25px; width: 100%; margin-bottom: 20px; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus, textarea:focus { outline: none; } textarea { overflow: auto; vertical-align: top; resize: none; } button, button[disabled]:hover, button[disabled]:focus, input[type="button"], input[type="button"][disabled]:hover, input[type="button"][disabled]:focus, input[type="reset"], input[type="reset"][disabled]:hover, input[type="reset"][disabled]:focus, input[type="submit"], input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus { background: #1a1a1a; border: 0; border-radius: 2px; color: #fff; font-family: Montserrat, "Helvetica Neue", sans-serif; font-weight: 700; line-height: 1; padding: 13.5px 14px 12.5px; text-transform: uppercase; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } .post-password-form { margin-bottom: 25px; } .post-password-form label { color: #686868; display: block; font-family: Montserrat, "Helvetica Neue", sans-serif; font-size: 13px; letter-spacing: 1px; line-height: 21px; margin-bottom: 22px; text-transform: uppercase; } .post-password-form button, input, select, textarea { max-width: 100%; margin: 0; } .post-password-form input[type="password"] { background: #f7f7f7; border: 1px solid #d1d1d1; border-radius: 2px; color: #686868; padding: 10px 7px; width: 100%; margin-top: 7px; } .post-password-form input[type="submit"] { background: #1a1a1a; border: 0; border-radius: 2px; color: #fff; font-family: Montserrat, "Helvetica Neue", sans-serif; font-weight: 700; letter-spacing: .75px; line-height: 1; padding: 13.5px 14px 12.5px; text-transform: uppercase; } .comment-list { list-style: none; margin: 0; } .gallery-item { display: inline-block; max-width: 33.33%; padding: 0 7px 14px; text-align: center; vertical-align: top; width: 100%; } figure { margin: 0; } .gallery-icon img { margin: 0 auto; } .gallery-caption { color: #7e7d7d; display: block; font-size: 13px; font-style: italic; line-height: 21px; padding-top: 7px; } .gallery-columns-1 .gallery-item { max-width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.111111%; } embed, iframe, object, video { max-width: 100%; vertical-align: middle; } .mejs-container span { font-size: inherit; line-height: inherit; } .entry-content blockquote:not(.alignleft):not(.alignright), .entry-summary blockquote, .comment-content blockquote { margin-left: -25px; } .entry-content>:last-child, .entry-summary>:last-child, body:not(.search-results) .entry-summary>:last-child, .page-content>:last-child, .comment-content>:last-child, .textwidget>:last-child { margin-bottom: 0; } .widget li>ul, .widget li>ol { margin-bottom: 0; margin-left: 20px; } .tagcloud a { border: 1px solid #d1d1d1; border-radius: 2px; display: inline-block; font-family: Montserrat, "Helvetica Neue", sans-serif; line-height: 1; margin: 0 3px 7px 0; padding: 7px 6px 6px; } .bypostauthor { font-family: inherit; } .sticky .spr-blog-grid-wrapper { background-color: #f2f2f2; } .sticky .blog-grid-post-title:before { content: '\f249'; display: inline-block; font-family: 'FontAwesome'; margin-right: 8px; } * { font-family: "Exo 2"; } html, body { font-size: 16px; overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; font-optical-sizing: auto; } body { position: relative; margin: 0; padding: 0; font-family: "Exo 2"; font-size: 16px; line-height: 32px; font-weight: 400; color: #111111; background-color: #e6e6e6; } h1, h2, h3 { font-family: "Exo 2"; } h4, h5, h6 { font-family: "Exo 2"; } h1 { text-shadow: 2px 2px 2px rgba(17, 17, 17, 0.11); font-size: 54px; line-height: 56px; } h2 { text-shadow: 2px 2px 2px rgba(17, 17, 17, 0.11); font-size: 40px; line-height: 44px; } h3 { text-shadow: 2px 2px 2px rgba(17, 17, 17, 0.11); font-size: 33px; line-height: 33px; } h4 { text-shadow: 2px 2px 2px rgba(17, 17, 17, 0.11); font-size: 20px; line-height: 32px; } h5 { text-shadow: 2px 2px 2px rgba(17, 17, 17, 0.11); font-size: 18px; line-height: 24px; } h6 { text-shadow: 2px 2px 2px rgba(17, 17, 17, 0.11); font-size: 14px; line-height: 18px; } p { font-family: "Exo 2"; font-size: 16px; line-height: 32px; font-weight: 400; color: #7e7d7d; } ul, ol, li { font-size: 16px; line-height: 32px; font-weight: 400; } a { color: inherit; text-decoration: none; } a:hover, a:focus { text-decoration: none; } @media only screen and (max-width: 991px) { h1 { font-size: 34px; line-height: 38px; } h2 { font-size: 30px; line-height: 34px; } h3 { font-size: 26px; line-height: 30px; } } .s-back-switch { background-position: center; background-size: cover; background-repeat: no-repeat; } .s-back-sibling-switch { position: relative; } .s-back-sibling-switch .s-sibling-switch { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-position: center; background-size: cover; background-repeat: no-repeat; } .enable_overlay, .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.3); } .a-btn-line, .a-btn-line-2 { box-shadow: 2px 2px 5px rgba(17, 17, 17, 0.43); } .a-btn-2 { font-family: "Exo 2"; font-size: 11px; line-height: 18px; letter-spacing: 2px; font-weight: 500; display: inline-block; text-decoration: none; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 15px 46px; background-color: transparent; border: none; color: #111111; -webkit-transition: color 0.3s ease-in, background-color 0.3s ease-in; -o-transition: color 0.3s ease-in, background-color 0.3s ease-in; transition: color 0.3s ease-in, background-color 0.3s ease-in; } .a-btn-2:after, .a-btn-2:before { content: ''; display: block; position: absolute; -webkit-box-sizing: border-box; box-sizing: border-box; } .a-btn-2:after { top: 0; left: 0; } .a-btn-2:before { bottom: 0; right: 0; } .a-btn-2 .a-btn-line { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 20; } .a-btn-2 .a-btn-line:after, .a-btn-2 .a-btn-line:before { content: ''; display: block; position: absolute; -webkit-box-sizing: border-box; box-sizing: border-box; top: 50%; height: 1px; background-color: #111111; } .a-btn-2 .a-btn-line:before { left: -11px; } .a-btn-2 .a-btn-line:after { right: -11px; } .a-btn-2.creative:after, .a-btn-2.creative:before { border: 1px solid transparent; width: 0; height: 0; } .a-btn-2.creative:after { -webkit-transition: border-color 0s ease-in 1.5s, width 0.3s ease-in 1.2s, height 0.3s ease-in 0.9s; -o-transition: border-color 0s ease-in 1.5s, width 0.3s ease-in 1.2s, height 0.3s ease-in 0.9s; transition: border-color 0s ease-in 1.5s, width 0.3s ease-in 1.2s, height 0.3s ease-in 0.9s; } .a-btn-2.creative:before { -webkit-transition: border-color 0s ease-in 0.9s, width 0.3s ease-in 0.6s, height 0.3s ease-in 0.3s; -o-transition: border-color 0s ease-in 0.9s, width 0.3s ease-in 0.6s, height 0.3s ease-in 0.3s; transition: border-color 0s ease-in 0.9s, width 0.3s ease-in 0.6s, height 0.3s ease-in 0.3s; } .a-btn-2.creative .a-btn-line:after, .a-btn-2.creative .a-btn-line:before { width: 0; -webkit-transition: width 0.3s ease-in 0s, background-color 0.3s ease-in; -o-transition: width 0.3s ease-in 0s, background-color 0.3s ease-in; transition: width 0.3s ease-in 0s, background-color 0.3s ease-in; } .a-btn-2.creative.anima:after, .a-btn-2.creative.anima:before { width: 100%; height: 100%; } .a-btn-2.creative.anima:after { border-top-color: #111111; border-right-color: #111111; -webkit-transition: width 0.3s ease-out, height 0.3s ease-out 0.3s; -o-transition: width 0.3s ease-out, height 0.3s ease-out 0.3s; transition: width 0.3s ease-out, height 0.3s ease-out 0.3s; } .a-btn-2.creative.anima:before { border-bottom-color: #111111; border-left-color: #111111; -webkit-transition: border-color 0s ease-out 0.4s, width 0.3s ease-out 0.6s, height 0.3s ease-out 0.9s; -o-transition: border-color 0s ease-out 0.4s, width 0.3s ease-out 0.6s, height 0.3s ease-out 0.9s; transition: border-color 0s ease-out 0.4s, width 0.3s ease-out 0.6s, height 0.3s ease-out 0.9s; } .a-btn-2.creative.anima .a-btn-line:after, .a-btn-2.creative.anima .a-btn-line:before { width: 22px; -webkit-transition: width 0.3s ease-out 1.2s, background-color 0.3s ease-in; -o-transition: width 0.3s ease-out 1.2s, background-color 0.3s ease-in; transition: width 0.3s ease-out 1.2s, background-color 0.3s ease-in; } .a-btn-2:hover, .a-btn-2:focus { color: white; background-color: #111111; text-decoration: none; outline-color: transparent; } .a-btn-2:hover .a-btn-line:after, .a-btn-2:hover .a-btn-line:before, .a-btn-2:focus .a-btn-line:after, .a-btn-2:focus .a-btn-line:before { background-color: white; } .a-btn-arrow-2 { position: relative; display: inline-block; font-family: "Exo 2"; font-size: 11px; line-height: 30px; letter-spacing: 2px; font-weight: 500; text-decoration: none; padding-right: 50px; color: #111111; } .a-btn-arrow-2 .arrow-right { background-color: #111111; } .a-btn-arrow-2 .arrow-right:before, .a-btn-arrow-2 .arrow-right:after { background-color: #111111; } .a-btn-arrow-2:hover, .a-btn-arrow-2:focus { text-decoration: none; outline-color: transparent; color: #111111; } .a-btn-arrow-2:hover .arrow-right, .a-btn-arrow-2:focus .arrow-right { right: 0; } .arrow-right { display: inline-block; position: absolute; top: 50%; margin-top: -1px; right: 10px; width: 31px; height: 1px; -webkit-transition: right 0.3s ease-in; -o-transition: right 0.3s ease-in; transition: right 0.3s ease-in; } .arrow-right:before, .arrow-right:after { position: absolute; display: block; right: 0; width: 6px; height: 1px; content: ''; } .arrow-right:before { bottom: 1px; -webkit-transform: translateX(0px) translateY(3px) rotate(-45deg); -ms-transform: translateX(0px) translateY(3px) rotate(-45deg); transform: translateX(0px) translateY(3px) rotate(-45deg); } .arrow-right:after { top: 1px; -webkit-transform: translateX(0px) translateY(-3px) rotate(45deg); -ms-transform: translateX(0px) translateY(-3px) rotate(45deg); transform: translateX(0px) translateY(-3px) rotate(45deg); } .padd-only-xs { padding-right: 0; padding-left: 0; } @media screen and (max-width: 767px) { .padd-right-only-lg { padding-right: 15px; padding-left: 15px; } .padd-only-xs { padding-right: 15px; padding-left: 15px; } .no-padd-small { padding-left: 0px; padding-right: 0px; } .no-padd-md { padding: 0; } } .margin-lg-20t { margin-top: 20px; } .margin-lg-20b { margin-bottom: 20px; } @media screen and (max-width: 991px) { .margin-sm-30t { margin-top: 30px; } } .spr-loader { text-align: center; font-size: 0; white-space: nowrap; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 3000; -webkit-transition: all 0.45s ease; -o-transition: all 0.45s ease; transition: all 0.45s ease; } .spr-loader .spr-loader-wrapper { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; background: rgba(17, 17, 17, 0.3); backdrop-filter: blur(16px) saturate(180%); -webkit-backdrop-filter: blur(16px) saturate(180%); opacity: 1; -webkit-transition: all 0.45s ease; -o-transition: all 0.45s ease; transition: all 0.45s ease; } .spr-loader .spr-loader-bar { display: inline-block; position: relative; top: 50%; overflow: hidden; vertical-align: middle; width: 40%; font-size: 5em; line-height: 2em; font-weight: 700; -webkit-transition: -webkit-transform 0s linear; transition: -webkit-transform 0s linear; -o-transition: transform 0s linear; transition: transform 0s linear; transition: transform 0s linear, -webkit-transform 0s linear; -webkit-transform: scaleX(1) translateY(-50%); -ms-transform: scaleX(1) translateY(-50%); transform: scaleX(1) translateY(-50%); -webkit-transform-origin: center right; -ms-transform-origin: center right; transform-origin: center right; z-index: 2; } .spr-loader .spr-loader-bar:after { content: ''; position: absolute; top: 75%; right: 0; bottom: 0; left: 0; z-index: -1; background: #ddd; border-radius: 2px; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: center left; -ms-transform-origin: center left; transform-origin: center left; -webkit-animation: loading 2s linear infinite forwards; animation: loading 2s linear infinite forwards; height: 1px; } .spr-loader.is-loaded .spr-loader-wrapper { opacity: 0; } @media only screen and (max-width: 991px) { .spr-loader .spr-loader-bar { width: 70%; } } @media only screen and (max-width: 767px) { .spr-loader .spr-loader-bar { font-size: 2em; } } .is-loaded { z-index: -999; } .spr-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 0; left: 0; width: 100%; padding: 16px 30px; z-index: 300; background-color: transparent; -webkit-transition: background-color 0.3s ease-in, top 0.6s linear; -o-transition: background-color 0.3s ease-in, top 0.6s linear; transition: background-color 0.3s ease-in, top 0.6s linear; } .spr-header.open-filter, .spr-header.open-menu { background-color: white; } .spr-header .spr-logo { position: relative; transition: opacity 0.6s ease; -webkit-transition: opacity 0.6s ease; opacity: 0; pointer-events: none; } .spr-header .spr-logo.shown { opacity: 1; transition: opacity 0.6s ease; -webkit-transition: opacity 0.6s ease; pointer-events: auto; } .spr-header .spr-logo a { display: inline-block; vertical-align: middle; font-size: 20px; line-height: 32px; font-weight: 500; text-transform: uppercase; -webkit-transition: color 0.3s ease-in; -o-transition: color 0.3s ease-in; transition: color 0.3s ease-in; color: #111111; } .spr-header .spr-header-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .spr-header .spr-navigation { position: relative; vertical-align: middle; text-align: right; padding-right: 10px; } .spr-header .spr-nav-menu-icon { position: relative; width: 34px; margin-left: 15px; z-index: 400; } .spr-header .spr-nav-menu-icon a { position: relative; display: inline-block; vertical-align: middle; width: 34px; height: 34px; cursor: pointer; text-decoration: none; text-align: center; font-size: 16px; line-height: 32px; background-color: transparent; -webkit-transition: border 0.3s ease-in, background-color 0.3s ease-in; -o-transition: border 0.3s ease-in, background-color 0.3s ease-in; transition: border 0.3s ease-in, background-color 0.3s ease-in; border: 1px solid rgba(17, 17, 17, 0.4); } .spr-header .spr-nav-menu-icon a i { width: 16px; height: 1px; display: inline-block; position: relative; top: -4px; -webkit-transition: background-color 0.3s ease-in; -o-transition: background-color 0.3s ease-in; transition: background-color 0.3s ease-in; background-color: #111111; } .spr-header .spr-nav-menu-icon a i:after, .spr-header .spr-nav-menu-icon a i:before { content: ""; width: 16px; height: 1px; position: absolute; left: 0; -webkit-transition: background-color 0.3s ease-in, -webkit-transform 0.2s ease-in; transition: background-color 0.3s ease-in, -webkit-transform 0.2s ease-in; -o-transition: background-color 0.3s ease-in, transform 0.2s ease-in; transition: background-color 0.3s ease-in, transform 0.2s ease-in; transition: background-color 0.3s ease-in, transform 0.2s ease-in, -webkit-transform 0.2s ease-in; background-color: #111111; } .spr-header .spr-nav-menu-icon a i:before { top: -4px; } .spr-header .spr-nav-menu-icon a i:after { top: 4px; } .spr-header .spr-nav-menu-icon a:hover { border: 1px solid #111111; background-color: #111111; } .spr-header .spr-nav-menu-icon a:hover i { background-color: white; } .spr-header .spr-nav-menu-icon a:hover i:after, .spr-header .spr-nav-menu-icon a:hover i:before { background-color: white; } .spr-header .spr-nav-menu-icon.active a i { background-color: transparent; } .spr-header .spr-nav-menu-icon.active a i:before { top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .spr-header .spr-nav-menu-icon.active a i:after { top: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .spr-header .spr-social-nav { position: relative; display: block; width: 34px; margin-left: 15px; } .spr-header .spr-social-nav a { position: relative; display: inline-block; vertical-align: middle; width: 34px; height: 34px; cursor: pointer; text-decoration: none; text-align: center; font-size: 16px; line-height: 32px; background-color: transparent; -webkit-transition: border 0.3s ease-in, background-color 0.3s ease-in, color 0.3s ease-in; -o-transition: border 0.3s ease-in, background-color 0.3s ease-in, color 0.3s ease-in; transition: border 0.3s ease-in, background-color 0.3s ease-in, color 0.3s ease-in; border: 1px solid rgba(17, 17, 17, 0.4); color: #111111; } .spr-header .spr-social-nav a:hover { border: 1px solid #111111; background-color: #111111; color: white; } .spr-header .spr-social-nav a i { font-size: 12px; line-height: 32px; font-weight: 400; } .spr-header .spr-social-nav .social-content { position: absolute; top: 135%; right: -25%; list-style: none; display: none; } @media (min-width:768px) { .spr-header .spr-social-nav .social-content { right: -12px; } } .spr-header .spr-social-nav .social-content li { padding-left: 12px; padding-right: 12px; margin-bottom: 5px; } .spr-header .spr-social-nav .social-content a { width: 30px; height: 30px; line-height: 28px; background-color: rgba(0, 0, 0, 0.64); z-index: 8888888888888888; } .spr-header .spr-social-nav .social-content a i { line-height: 28px; } .spr-header.light.open-filter, .spr-header.light.open-menu { background-color: rgba(0, 0, 0, 0.64); border-bottom: 1px solid rgba(55, 55, 55, 0.32); } .filtered-blur::before { content: ''; position: absolute; inset: 0; background-color: transparent; -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); z-index: 0; pointer-events: none; border-radius: inherit; } .filtered-blur { position: relative; z-index: 500; } @media (max-width: 1200px) { .mobile-filtered-blur::before { content: ''; position: absolute; inset: 0; background-color: transparent; -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); z-index: 0; pointer-events: none; border-radius: inherit; } .mobile-filtered-blur { position: relative; z-index: 500; } } .spr-header.light .spr-logo a { color: white; } .spr-header.light .spr-nav-menu-icon a { border: 1px solid rgba(242, 242, 242, 0.4); border-radius: 50%; } .spr-header.light .spr-nav-menu-icon a i { background-color: white; } .spr-header.light .spr-nav-menu-icon a i:after, .spr-header.light .spr-nav-menu-icon a i:before { background-color: white; } .spr-header.light .spr-nav-menu-icon a:hover { border: 1px solid white; background-color: white; } .spr-header.light .spr-nav-menu-icon a:hover i { background-color: #111111; } .spr-header.light .spr-nav-menu-icon a:hover i:after, .spr-header.light .spr-nav-menu-icon a:hover i:before { background-color: #111111; } .spr-header.light .spr-nav-menu-icon.active a i { background-color: transparent; } .spr-header.light .spr-social-nav a { border: 1px solid rgba(242, 242, 242, 0.4); border-radius: 50%; color: white; } .spr-header.light .spr-social-nav a:hover { border: 1px solid white; background-color: white; color: #111111; } .spr-header.light .main-menu li a { color: white; } .spr-header.sticky-mobile-menu { position: fixed; } .spr-header.simple.sticky-menu.light.scroll { background-color: rgba(0, 0, 0, 0.64); border-bottom: 1px solid rgba(55, 55, 55, 0.32); } .main-menu { padding: 0; margin: 0; list-style: none; } .main-menu li.current-menu-item>a, .main-menu li.current-menu-parent>a, .main-menu li.current-menu-ancestor>a { opacity: 1; } .main-menu li.current-menu-item>a::after, .main-menu li.current-menu-parent>a::after, .main-menu li.current-menu-ancestor>a::after { transform: scaleX(1); } .main-menu>li { position: relative; display: inline-block; margin-left: 8px; } .main-menu li { position: relative; font-size: initial; line-height: normal; } .main-menu li a { font-weight: bold; display: inline-block; font-size: 12px; line-height: 18px; font-weight: 300; letter-spacing: 2px; padding: 5px 15px; opacity: 0.7; text-transform: uppercase; transition: opacity 0.3s ease-in; position: relative; color: white; text-decoration: none; } .main-menu li a::after { content: ""; position: absolute; bottom: 0; left: 15px; right: 15px; height: 1px; background-color: #fff; transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease-in; } .main-menu>li:hover>a { opacity: 1; } .main-menu>li:hover>a::after { transform: scaleX(1); } .main-menu .sub-menu li:hover>a { opacity: 1; } .main-menu .sub-menu li:hover>a::after { transform: scaleX(1); } .main-menu .sub-menu { display: block; visibility: hidden; opacity: 0; margin: 0; padding: 7px 0; position: absolute; top: calc(100% + 14px); left: 13px; min-width: 343px; text-align: left; overflow-wrap: break-word; transition: visibility 0s 0.3s, opacity 0.3s ease-in; background-color: rgba(0, 0, 0, 0.64); z-index: 1000; } @media (min-width: 1200px) { .main-menu .sub-menu { backdrop-filter: blur(5px); max-height: 50vh; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #5a5a5a transparent; } } .main-menu>li:hover>.sub-menu, .main-menu>li:focus-within>.sub-menu { visibility: visible; opacity: 1; transition: visibility 0s 0s, opacity 0.3s ease-in; } .main-menu .sub-menu li a { font-size: 11px; line-height: 25px; padding: 5px 15px; } @media only screen and (min-width: 1199px) { .spr-header.simple.sticky-menu { position: fixed; } @media only screen and (min-width: 1200px) { .spr-header .spr-nav-menu-icon { display: none; } .spr-header .spr-navigation { display: block; } .spr-header .main-menu li:hover>.sub-menu { visibility: visible; opacity: 1; } .spr-header .main-menu .sub-menu li { display: block; } } } @media screen and (max-width: 1199px) { .spr-header .spr-nav-menu-icon { display: block; } .spr-header .spr-navigation { display: none; position: absolute; top: 100%; left: 0; width: 100%; flex-direction: column; justify-content: space-between; overflow-y: auto; text-align: left; background-color: #111111; max-height: 40vh; } .spr-header .spr-navigation { scrollbar-width: thin; scrollbar-color: #4F4F4F #111111; } .main-menu .sub-menu { max-height: 0; overflow: hidden; transition: max-height 0.4s ease-out; padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; } .main-menu .menu-item.is-open .sub-menu { max-height: 9600px; padding-top: 5px; } .spr-header.light .spr-navigation { background-color: rgba(0, 0, 0, 0.52); border-bottom: 1px solid rgba(55, 55, 55, 0.32); } .spr-header.light .main-menu li a { color: white; } .spr-header.light .main-menu .sub-menu { background-color: transparent; } .main-menu>li { display: block; padding-top: 5px; padding-bottom: 5px; border-top: 1px solid rgba(242, 242, 242, 0.15); } .main-menu li { display: block; } .main-menu li a { color: white; } .main-menu .sub-menu { position: static; display: block; visibility: visible; opacity: 1; background-color: #111111; } .main-menu .sub-menu li { border-top: 1px dashed rgba(242, 242, 242, 0.1); } .main-menu .sub-menu li a { color: white; } } @media screen and (max-width: 991px) { .spr-header { padding: 15px 30px; } } @media only screen and (max-width: 767px) { .spr-header { padding: 5px 15px; } .spr-header .spr-navigation { padding: 20px 15px; } } .spr-footer-info-block { position: relative; } .spr-footer-info-block .footer-info-block-title { font-weight: 300; font-style: normal; letter-spacing: 4.5px; color: white; margin-top: 0; margin-bottom: 37px; } .spr-footer-info-block .footer-info-block-content { font-size: 13px; line-height: 26px; font-weight: 400; color: white; } .spr-footer-info-block .footer-info-block-content p { font-size: inherit; line-height: inherit; font-weight: inherit; color: inherit; margin-bottom: 0; } .spr-footer-info-block .footer-info-block-content a { font-family: "Exo 2"; font-size: inherit; line-height: inherit; font-weight: inherit; color: inherit; opacity: 1; -webkit-transition: opacity 0.3s ease-in; -o-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in; } .spr-footer { position: relative; background-color: black; } .spr-footer:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: black; opacity: 0.8; z-index: 90; } .spr-footer .footer-content-outer { position: relative; max-width: 95vw; margin-left: auto; margin-right: auto; padding: 15px 0 0; z-index: 100; } .spr-footer .footer-top-content { position: relative; border-bottom: 1px solid rgba(255, 255, 255, 0.2); display: flex; } .spr-footer .footer-top-content .spr-footer-main-block { width: 50%; display: flex; flex-direction: column; justify-content: space-between; } .spr-footer .footer-top-content .spr-footer-main-block .spr-logo { position: relative; } .spr-footer .footer-top-content .spr-footer-main-block .spr-logo a { display: inline-block; vertical-align: middle; font-size: 20px; line-height: 32px; font-weight: 500; color: white; -webkit-transition: color 0.3s ease-in; -o-transition: color 0.3s ease-in; transition: color 0.3s ease-in; } .spr-footer .footer-top-content .spr-footer-main-block .footer-main-content { max-width: 470px; font-size: 13px; line-height: 26px; font-weight: 400; color: rgba(255, 255, 255, 1); } .spr-footer .footer-top-content .spr-footer-main-block .footer-main-content p { font-size: inherit; line-height: inherit; font-weight: inherit; color: inherit; } .spr-footer .footer-top-content .spr-footer-info-block { width: 50%; text-align: right; display: flex; flex-direction: column; justify-content: space-between; } .spr-footer .footer-bottom-content { position: relative; } .spr-footer .footer-bottom-content:after { content: ''; display: table; clear: both; } .spr-footer .footer-bottom-content .footer-copyright { float: left; width: 50%; font-size: 10px; line-height: 18px; letter-spacing: 2px; font-weight: 700; color: white; } .spr-footer .footer-bottom-content .spr-social-nav { float: right; margin-top: 0; margin-left: 0; width: 50%; text-align: right; } .spr-footer .footer-bottom-content .spr-social-nav .social-content { position: static; display: block; margin-bottom: 0; } .spr-footer .footer-bottom-content .spr-social-nav .social-content li { margin-bottom: 0; margin-right: 0; margin-left: 11px; display: inline-block; } .spr-footer .footer-bottom-content .spr-social-nav .social-content li a { position: relative; display: inline-block; vertical-align: middle; cursor: pointer; text-decoration: none; text-align: center; width: 30px; height: 30px; font-size: 12px; line-height: 28px; border: 1px solid rgba(242, 242, 242, 0.4); color: white; -webkit-transition: border 0.3s ease-in, background-color 0.3s ease-in, color 0.3s ease-in; -o-transition: border 0.3s ease-in, background-color 0.3s ease-in, color 0.3s ease-in; transition: border 0.3s ease-in, background-color 0.3s ease-in, color 0.3s ease-in; border-radius: 50%; } .spr-footer .footer-bottom-content .spr-social-nav .social-content li a:hover { border: 1px solid white; background-color: white; color: #111111; } .spr-footer .footer-bottom-content .spr-social-nav .social-content li a i { line-height: 28px; } @media only screen and (max-width: 1199px) { .spr-footer .footer-content-outer { max-width: 970px; } } @media only screen and (max-width: 991px) { .spr-footer .footer-content-outer { max-width: 750px; } } @media only screen and (max-width: 767px) { .spr-footer .footer-content-outer { padding: 10px 15px 10px; max-width: none; } .spr-footer .footer-top-content { flex-direction: column; align-items: center; margin-bottom: 10px; } .spr-footer .footer-top-content .spr-footer-main-block { width: 100%; text-align: center; float: none; margin-bottom: 15px; } .spr-footer .footer-top-content .spr-footer-main-block .footer-main-content { margin-left: auto; margin-right: auto; margin-top: 15px; } .spr-footer .footer-top-content .spr-footer-info-block { width: 100%; text-align: center; float: none; } .spr-footer .footer-top-content .spr-footer-info-block .footer-info-block-title { margin-bottom: 15px; } .spr-footer .footer-bottom-content { text-align: center; padding-top: 12px; } .spr-footer .footer-bottom-content .footer-copyright { width: 100%; float: none; } .spr-footer .footer-bottom-content .spr-social-nav { width: 100%; float: none; text-align: center; padding-top: 0; } } .top-banner { min-height: 100vh; position: relative; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #111; } .vindow-height { margin-top: 0px !important; min-height: 30vh !important; margin-bottom: 0px !important; } .top-banner .overlay { z-index: 210; opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s ease-in, visibility 0.3s ease-in; -o-transition: opacity 0.3s ease-in, visibility 0.3s ease-in; transition: opacity 0.3s ease-in, visibility 0.3s ease-in; } .top-banner .content { max-width: 1170px; position: relative; text-align: center; width: 100%; z-index: 220; } .top-banner .content .subtitle { font-family: "Exo 2"; font-size: 18px; line-height: 18px; letter-spacing: 4.5px; font-weight: 300; } .top-banner .content .title { margin-top: 24px; margin-bottom: 0; } .top-banner .content .spr-svg-animation-text { position: absolute; top: -96px; left: 0; right: 0; bottom: -27px; z-index: -1; } .top-banner .top-banner-cursor { width: 100%; position: absolute; left: 0; bottom: 0; } .top-banner.big .content { margin-top: 277px; margin-bottom: 277px; } .top-banner.big .top-banner-cursor { height: 277px; } .top-banner.simple .content { margin-top: 202px; margin-bottom: 135px; } .top-banner.simple .top-banner-cursor { height: 135px; } .top-banner.fullheight .content { margin-top: 0; margin-bottom: 140px; } .top-banner.fullheight .top-banner-cursor { height: 33.333333%; } .top-banner.light .top-banner-cursor { cursor: url(../images/ui/cursor.png), auto; } .top-banner.light .content .subtitle, .top-banner.light .content .title, .top-banner.light .content .description { color: white; } @media only screen and (max-width: 1199px) { .top-banner .content { max-width: 970px; } } @media only screen and (max-width: 991px) { .top-banner .content { max-width: 750px; } .top-banner .content .spr-svg-animation-text { top: -55px; bottom: -10px; } .top-banner.big .content { margin-bottom: 140px; } .top-banner.big .top-banner-cursor { height: 140px; } .top-banner.simple .content { margin-top: 140px; margin-bottom: 90px; } .top-banner.simple .top-banner-cursor { height: 90px; } } @media only screen and (max-width: 767px) { .top-banner .content { max-width: none; padding: 0 15px; } .top-banner .content .spr-svg-animation-text { top: -30px; bottom: 5px; left: 15px; right: 15px; } .top-banner.big .content, .top-banner.fullheight .content { margin-bottom: 120px; } .top-banner.big .top-banner-cursor, .top-banner.fullheight .top-banner-cursor { height: 120px; } .top-banner.simple .content { margin-top: 120px; margin-bottom: 90px; } .top-banner.simple .top-banner-cursor { height: 90px; } } .heading { padding: 10px 0 30px 0; text-align: left; } .heading .subtitle { font-family: "Exo 2"; font-size: 14px; line-height: 18px; letter-spacing: 4.5px; font-weight: 300; } .heading .title { margin-top: 18px; margin-bottom: 0; letter-spacing: 0.9px; } .heading .content { margin-top: 15px; } .heading .content p { margin-bottom: 0; } .heading.dark { color: #111111; } .heading.dark .subtitle { color: #111111; } .heading.dark .content { color: #7e7d7d; } .heading.dark .content p { color: inherit; } @media only screen and (max-width: 991px) { .heading { padding: 30px 0; } } @media only screen and (max-width: 768px) { .heading { text-align: center; } } .team-wrapper { position: relative; padding-top: 50px; padding-left: 50px; margin-bottom: 64px; } .team-wrapper.no-figure { padding-left: 0; } .team-wrapper .trans_figures { position: absolute; top: 0; left: 0; height: 100%; } .team-wrapper .team-outer { position: relative; width: 100%; height: 380px; background-position: top center; } .team-wrapper .name { text-align: right; margin-top: 30px; } .team-wrapper .name h3 { margin-top: 0; margin-bottom: 0; } .team-wrapper .position { position: absolute; opacity: 0; visibility: hidden; top: 0; right: 0; font-family: "Exo 2"; font-size: 24px; line-height: 26px; font-weight: 300; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); color: #111111; -webkit-transition: opacity 0.3s ease-in, visibility 0.3s ease-in, -webkit-transform 0.3s ease-in; transition: opacity 0.3s ease-in, visibility 0.3s ease-in, -webkit-transform 0.3s ease-in; -o-transition: transform 0.3s ease-in, opacity 0.3s ease-in, visibility 0.3s ease-in; transition: transform 0.3s ease-in, opacity 0.3s ease-in, visibility 0.3s ease-in; transition: transform 0.3s ease-in, opacity 0.3s ease-in, visibility 0.3s ease-in, -webkit-transform 0.3s ease-in; } .team-wrapper .position:after { content: ''; position: absolute; top: 100%; left: 50%; width: 1px; height: 0; background-color: #111111; -webkit-transition: height 0.5s ease; -o-transition: height 0.5s ease; transition: height 0.5s ease; } .team-wrapper:hover .position { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; } .team-wrapper:hover .position:after { height: 85px; } @media only screen and (max-width: 991px) { .team-wrapper { margin-bottom: 30px; cursor: pointer; } } @media only screen and (max-width: 767px) { .team-wrapper { max-width: 370px; margin-left: auto; margin-right: auto; } .team-wrapper .team-outer { height: 380px !important; } } @media only screen and (max-width: 400px) { .team-wrapper { max-width: 290px; } } .spr-formidable .frm_forms.with_frm_style input[type=text], .spr-formidable .frm_forms.with_frm_style input[type=password], .spr-formidable .frm_forms.with_frm_style input[type=email], .spr-formidable .frm_forms.with_frm_style input[type=number], .spr-formidable .frm_forms.with_frm_style input[type=url], .spr-formidable .frm_forms.with_frm_style input[type=tel], .spr-formidable .frm_forms.with_frm_style input[type=phone], .spr-formidable .frm_forms.with_frm_style input[type=search], .spr-formidable .frm_forms.with_frm_style select, .spr-formidable .frm_forms.with_frm_style textarea, .spr-formidable .frm_form_fields_style, .spr-formidable .frm_forms.with_frm_style .frm_scroll_box .frm_opt_container, .spr-formidable .frm_form_fields_active_style, .spr-formidable .frm_form_fields_error_style, .spr-formidable .frm_forms.with_frm_style .chosen-container-multi .chosen-choices, .spr-formidable .frm_forms.with_frm_style .chosen-container-single .chosen-single { font-family: "Exo 2"; line-height: 26px; font-weight: 300; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; border: none; border-bottom-style: solid; border-bottom-width: 3px; border-bottom-color: transparent; padding: 16px 25px; height: 57px; background-color: #f2f2f2; color: rgba(17, 17, 17, 0.5); -webkit-transition: border-bottom-color 0.3s ease-in, color 0.3s ease-in; -o-transition: border-bottom-color 0.3s ease-in, color 0.3s ease-in; transition: border-bottom-color 0.3s ease-in, color 0.3s ease-in; } .spr-formidable .frm_forms.with_frm_style textarea { height: 123px; margin: 0; padding: 16px 25px; border: none; overflow: hidden; } .spr-formidable .frm_forms.with_frm_style textarea::placeholder { border: none !important; margin: 0; padding: 0; } .spr-formidable .frm_forms.with_frm_style .form-field input:not([type=file]):focus, .spr-formidable .frm_forms.with_frm_style select:focus, .spr-formidable .frm_forms.with_frm_style textarea:focus, .spr-formidable .frm_forms.with_frm_style .frm_focus_field input[type=text], .spr-formidable .frm_forms.with_frm_style .frm_focus_field input[type=password], .spr-formidable .frm_forms.with_frm_style .frm_focus_field input[type=email], .spr-formidable .frm_forms.with_frm_style .frm_focus_field input[type=number], .spr-formidable .frm_forms.with_frm_style .frm_focus_field input[type=url], .spr-formidable .frm_forms.with_frm_style .frm_focus_field input[type=tel], .spr-formidable .frm_forms.with_frm_style .frm_focus_field input[type=search], .spr-formidable .frm_form_fields_active_style, .spr-formidable .frm_forms.with_frm_style .chosen-container-active .chosen-choices { background-color: #f2f2f2; border: none; border-bottom-style: solid; border-bottom-width: 3px; border-bottom-color: #111111; color: #111111; -webkit-box-shadow: none; box-shadow: none; } .spr-formidable .with_frm_style .frm_submit { margin-top: 0.5rem; text-align: center; position: relative; } .spr-formidable .contact-us-form { max-width: 500px; margin-left: auto; } @media only screen and (max-width: 991px) { .spr-formidable .contact-us-form { max-width: none; } } .spr_gap_col10 { margin-left: -10px; margin-right: -10px; } .spr_masonry .portfolio-item { margin-bottom: 30px !important; } .spr-shortcode-parent { position: relative; min-height: 468px; padding-top: 63px; } .spr-shortcode-parent .spr-shortcode-parent-img { position: absolute; top: 0; left: 0; width: 100%; height: 468px; z-index: 20; } .spr-shortcode-parent .spr-shortcode-parent-img::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 20%, #e6e6e6 100%); pointer-events: none; z-index: 21; } .spr-shortcode-parent .spr-shortcode-content-wrapp { position: relative; z-index: 30; max-width: 1170px; margin-left: auto; margin-right: auto; } .spr-shortcode-parent .spr-shortcode-heading { padding: 65px 0 30px 0; text-align: left; } .spr-shortcode-parent .spr-shortcode-heading .parent-subtitle { font-family: "Exo 2"; font-size: 14px; line-height: 18px; letter-spacing: 4.5px; font-weight: 300; } .spr-shortcode-parent .spr-shortcode-heading .parent-title { margin-top: 18px; margin-bottom: 0; letter-spacing: 0.9px; } .spr-shortcode-parent .spr-shortcode-heading.light { color: white; } .spr-shortcode-parent .spr-shortcode-heading.light .parent-subtitle { color: white; } .spr-shortcode-parent .spr-shortcode-heading.light .parent-title { color: white; } .vc_column-inner { padding: 0 15px; } @media only screen and (max-width: 1199px) { .spr-shortcode-parent .spr-shortcode-content-wrapp { max-width: 970px; } } @media only screen and (max-width: 991px) { .spr-shortcode-parent .spr-shortcode-content-wrapp { max-width: 750px; } .spr-shortcode-parent .spr-shortcode-heading { padding: 30px 0; } } @media only screen and (max-width: 768px) { .spr-shortcode-parent .spr-shortcode-heading { text-align: center; } } @media only screen and (max-width: 767px) { .spr-shortcode-parent .spr-shortcode-content-wrapp { max-width: calc(100% - 30px); } } .project-masonry-wrapper { font-family: "Exo 2"; width: 100%; position: relative; overflow: hidden; box-shadow: 2px 5px 15px 5px rgba(0, 0, 0, 0.1); } .project-masonry-wrapper .project-masonry-item-img-link { display: block; position: relative; overflow: hidden; cursor: pointer; } .project-masonry-wrapper .project-masonry-item-img-link:hover .project-masonry-item-img { -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px); transform: translateY(-40px); } .project-masonry-wrapper .project-masonry-item-img-link:hover .project-masonry-item-img:after { opacity: 0.3; } .project-masonry-wrapper .project-masonry-item-img-link:hover .project-masonry-item-content { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s; border-top-right-radius: 1.5rem; } .project-masonry-wrapper .project-masonry-item-img { width: 100%; height: calc(100% + 40px); -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); -o-transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); } .project-masonry-wrapper .project-masonry-item-img:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: black; opacity: 0; -webkit-transition: opacity 0.45s linear; -o-transition: opacity 0.45s linear; transition: opacity 0.45s linear; } .project-masonry-wrapper .project-masonry-item-content { position: absolute; left: 0; bottom: -10px; max-width: 80%; background-color: rgba(255, 255, 255, 0.8); padding-top: 15px; padding-bottom: 10px; padding-right: 30px; padding-left: 10px; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 0.5s linear; transition: -webkit-transform 0.5s linear; -o-transition: transform 0.5s linear; transition: transform 0.5s linear; transition: transform 0.5s linear, -webkit-transform 0.5s linear; -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.4, 0, 0.2, 1); transition: -webkit-transform 0.45s cubic-bezier(0.4, 0, 0.2, 1); -o-transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.45s cubic-bezier(0.4, 0, 0.2, 1); border-top-right-radius: 1.5rem; box-shadow: 0 2px 5px 5px rgba(0, 0, 0, 0.15) } .project-masonry-wrapper .project-masonry-item-title { text-transform: none; margin-top: 0; margin-bottom: 0; font-weight: 500; line-height: 26px; } .project-masonry-wrapper .project-masonry-item-category { font-size: 12px; line-height: 26px; font-weight: 300; color: #111111; } @media only screen and (max-width: 991px) { .project-masonry-wrapper .project-masonry-item-content { padding-top: 15px; padding-right: 20px; background-clip: padding-box !important; } } @media only screen and (max-width: 767px) { .project-masonry-wrapper { max-width: 370px; margin-left: auto; margin-right: auto; } } @media only screen and (max-width: 400px) { .project-masonry-wrapper { max-width: 290px; margin-left: auto; margin-right: auto; } } .spr_list { margin-left: 0; margin-right: 0; } .spr_list.no-figure .project-list-item:nth-child(odd) .project-list-outer { padding: 0 0 70px 0; } .spr_list.no-figure .project-list-item:nth-child(even) .project-list-outer { padding: 0 0 70px 0; } .spr_list .project-list-item:nth-child(odd) .project-list-outer { padding: 50px 0 70px 50px; } .spr_list .project-list-item:nth-child(odd) .project-list-outer .project-list-wrapper .project-list-img { left: 0; } .spr_list .project-list-item:nth-child(odd) .project-list-outer .project-list-wrapper .project-list-content { margin-left: auto; text-align: left; } .spr_list .project-list-item:nth-child(odd) .project-list-outer .project-list-wrapper .project-list-category:after { right: 100%; margin-right: 15px; } .spr_list .project-list-item:nth-child(even) .project-list-outer { padding: 50px 50px 70px 0; } .spr_list .project-list-item:nth-child(even) .project-list-outer .project-list-wrapper .project-list-img { right: 0; } .spr_list .project-list-item:nth-child(even) .project-list-outer .project-list-wrapper .project-list-content { text-align: right; } .spr_list .project-list-item:nth-child(even) .project-list-outer .project-list-wrapper .project-list-category:after { margin-left: 15px; } .spr_list .project-list-item .project-list-outer { position: relative; width: 100%; } .spr_list .project-list-item .project-list-outer .project-list-wrapper { position: relative; width: 100%; min-height: 420px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; } .spr_list .project-list-item .project-list-outer .project-list-wrapper .project-list-img { position: absolute; top: 0; bottom: 0; width: 58%; -webkit-box-sizing: content-box; box-sizing: content-box; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); } .spr_list .project-list-item .project-list-outer .project-list-wrapper .project-list-content { width: 36%; } .spr_list .project-list-item .project-list-outer .project-list-wrapper .project-list-category { position: relative; font-size: 12px; line-height: 26px; font-weight: 300; margin-bottom: 20px; color: #111111; } .spr_list .project-list-item .project-list-outer .project-list-wrapper .project-list-category:after { content: ''; display: inline-block; position: absolute; top: 50%; height: 1px; width: 85px; background-color: #111111; } .spr_list .project-list-item .project-list-outer .project-list-wrapper .project-list-title { margin-top: 0; margin-bottom: 0; line-height: 32px; color: #111111; -webkit-transition: opacity 0.3s ease-in; -o-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in; } .spr_list .project-list-item .project-list-outer .project-list-wrapper .project-list-title a { font-size: inherit; line-height: inherit; font-weight: inherit; } .spr_list .project-list-item .project-list-outer .project-list-wrapper .project-list-title a:hover { color: inherit; } .spr_list .project-list-item .project-list-outer .project-list-wrapper .project-list-title:hover { opacity: 0.7; } .spr_list .project-list-item .project-list-outer .project-list-wrapper .project-list-excerpt { margin-top: 22px; color: #7e7d7d; } .spr_list .project-list-item .project-list-outer .project-list-wrapper .project-list-excerpt p { margin-bottom: 0; color: inherit; } .spr_list .project-list-item .project-list-outer .project-list-wrapper .project-list-link { margin-top: 19px; } @media only screen and (max-width: 991px) { .spr_list.no-figure .project-list-item:nth-child(odd) .project-list-outer { padding: 0 0 50px 0; } .spr_list.no-figure .project-list-item:nth-child(even) .project-list-outer { padding: 0 0 50px 0; } .spr_list .project-list-item:nth-child(odd) .project-list-outer { padding: 50px 0 50px 50px; } .spr_list .project-list-item:nth-child(even) .project-list-outer { padding: 50px 50px 50px 0; } } @media only screen and (max-width: 767px) { .spr_list.no-figure .project-list-item:nth-child(odd) .project-list-outer .project-list-wrapper .project-list-content { margin-left: 0; } .spr_list.no-figure .project-list-item:nth-child(even) .project-list-outer .project-list-wrapper .project-list-content { margin-right: 0; } .spr_list .project-list-item:nth-child(odd) .project-list-outer .project-list-wrapper .project-list-content { margin-left: -50px; } .spr_list .project-list-item:nth-child(odd) .project-list-outer .project-list-wrapper .project-list-category { padding-left: 100px; } .spr_list .project-list-item:nth-child(odd) .project-list-outer .project-list-wrapper .project-list-category:after { right: auto; left: 0; margin-right: 15px; } .spr_list .project-list-item:nth-child(even) .project-list-outer .project-list-wrapper .project-list-content { margin-right: -50px; margin-left: auto; } .spr_list .project-list-item:nth-child(even) .project-list-outer .project-list-wrapper .project-list-category { padding-right: 100px; } .spr_list .project-list-item:nth-child(even) .project-list-outer .project-list-wrapper .project-list-category:after { margin-left: 15px; } .spr_list .project-list-item .project-list-outer .project-list-wrapper { min-height: auto; overflow: visible; padding-top: 300px; } .spr_list .project-list-item .project-list-outer .project-list-wrapper .project-list-img { width: 100%; height: 300px; } .spr_list .project-list-item .project-list-outer .project-list-wrapper .project-list-content { width: 100%; padding-top: 20px; } } .project-detail-block-outer { margin-left: -15px; margin-right: -15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .project-detail-block-outer .project-detail-block-wrapper { display: inline-block; width: 25%; float: left; padding: 15px; } .project-detail-block-outer .project-detail-block-wrapper .project-detail-block-item { height: 100%; background-color: rgba(255, 255, 255, 0.32); padding: 48px 15px 38px 50px; border: 1px solid rgba(17, 17, 17, 0.32); box-shadow: 2px 2px 5px rgba(17, 17, 17, 0.32); } .project-detail-block-outer .project-detail-block-wrapper .project-detail-block-title { position: relative; font-size: 11px; line-height: 18px; font-weight: 500; letter-spacing: 1.6px; font-style: normal; margin-top: 0; margin-bottom: 16px; color: #111111; } .project-detail-block-outer .project-detail-block-wrapper .project-detail-block-title:before { content: ''; position: absolute; top: 50%; right: calc(100% + 15px); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 50px; height: 1px; background-color: #111111; } .project-detail-block-outer .project-detail-block-wrapper .project-detail-block-descr { color: #7e7d7d; } .project-detail-block-outer .project-detail-block-wrapper .project-detail-block-descr p { margin-bottom: 0; } @media only screen and (max-width: 991px) { .project-detail-block-outer .project-detail-block-wrapper { width: 50%; } } @media only screen and (max-width: 767px) { .project-detail-block-outer .project-detail-block-wrapper { width: 100%; } .project-detail-block-outer .project-detail-block-wrapper .project-detail-block-item { max-width: 370px; margin-left: auto; margin-right: auto; padding: 30px 15px 30px 50px; } } @media only screen and (max-width: 400px) { .project-detail-block-outer .project-detail-block-wrapper .project-detail-block-item { max-width: 290px; } } div#gallery img { box-shadow: 2px 2px 5px rgba(17, 17, 17, 0.32); } .project-detail-splitted-info .project-detail-block-outer { margin-top: 43px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .project-detail-splitted-info .project-detail-block-outer .project-detail-block-wrapper { width: auto; min-width: 300px; } @media only screen and (max-width: 991px) { .project-detail-splitted-info { padding-right: 30px; } .project-detail-splitted-info .project-detail-block-outer { margin-top: 30px; } } @media only screen and (max-width: 767px) { .project-detail-splitted-info { padding-right: 0; } } @media (max-width: 320px) { .vindow-height { margin-top: 0px !important; margin-bottom: -20px !important; } } body>header.contrast-header:not(.open-menu):not(.scroll)>div.spr-header-wrapper>div.spr-navigation.m-0.p-0.filtered-blur>div>div>nav>ul>li>a { color: #333; transition: all 0.3s ease; border-color: rgba(0, 0, 0, 0.45); } body>header.contrast-header:not(.open-menu):not(.scroll)>div.spr-header-wrapper>div.spr-navigation.m-0.p-0.filtered-blur>div>div>nav>ul>li.menu-item.m-0.current-menu-ancestor>a::after { background-color: rgba(0, 0, 0, 0.45); transition: all 0.3s ease; } body>header.contrast-header:not(.open-menu):not(.scroll)>div.spr-header-wrapper>div.spr-social-nav>a, body>header.contrast-header:not(.open-menu):not(.scroll)>div.spr-header-wrapper>div.spr-nav-menu-icon>a { color: #333; border-color: rgba(0, 0, 0, 0.45); transition: all 0.3s ease; } body>header.contrast-header:not(.open-menu):not(.scroll)>div.spr-header-wrapper>div.spr-nav-menu-icon>a>i, body>header.contrast-header:not(.open-menu):not(.scroll)>div.spr-header-wrapper>div.spr-nav-menu-icon>a>i::before, body>header.contrast-header:not(.open-menu):not(.scroll)>div.spr-header-wrapper>div.spr-nav-menu-icon>a>i::after { background-color: #333; transition: all 0.3s ease; } .extend-line { display: flex; align-items: center; text-align: center; position: relative; } .extend-line::before, .extend-line::after { content: ""; flex: 1; border-top: 1px solid rgba(255, 255, 255, 0.46); margin: 0 1rem; } .extend-line-dark { display: flex; align-items: center; text-align: center; position: relative; } .extend-line-dark::before, .extend-line-dark::after { content: ""; flex: 1; border-top: 1px solid rgba(0, 0, 0, 0.46); margin: 0 1rem; } textarea.form-control { box-sizing: border-box; margin: 0; padding: 0; } pre:not(footer pre) { font-family: "Exo 2"; white-space: pre-wrap; margin: 0 !important; font-size: 1rem; overflow-x: hidden; color: #111111; } pre { font-family: "Exo 2"; font-weight: 300; } .wrapper p { color: #111111 !important; } .heading p { color: #111111 !important; } .container p { color: #111111 !important; } .project-list-outer p { color: #111111 !important; } .text-shadow { text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.32); } .spr-map { height: 500px; position: relative; } .spr-map-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-left: 10px; padding-right: 10px; } .spr-map-container iframe { width: 100%; height: 100%; border: 0; } .cp-main-content { padding: 2rem; } .cp-content-section { display: none; animation: fadeIn 0.5s; } .cp-content-section.active { display: block; min-height: 70vh; } .cp-item-card { transition: box-shadow 0.3s ease-in-out; } .cp-item-card:hover { box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important; } .cp-item-card-img { width: 100%; height: 150px; object-fit: cover; } .cp-gallery-thumbnail { position: relative; cursor: pointer; } .cp-gallery-thumbnail img { width: 100px; height: 100px; object-fit: cover; border-radius: 0.25rem; border: 3px solid transparent; transition: border-color 0.3s; } .cp-gallery-thumbnail.is-main img { border-color: gold; } .cp-gallery-thumbnail .main-image-star { display: none; position: absolute; top: -5px; left: -5px; color: gold; font-size: 24px; text-shadow: 0 0 3px #000; } .cp-gallery-thumbnail.is-main .main-image-star { display: block; } .delete-gallery-img, .delete-block-btn { position: absolute; top: -10px; right: -10px; width: 24px; height: 24px; background-color: red; color: white; border-radius: 50%; border: none; display: flex; align-items: center; justify-content: center; font-size: 14px; line-height: 1; cursor: pointer; z-index: 10; } .delete-block-btn { top: 10px; right: 10px; } .form-section-title { font-weight: bold; margin-top: 1.5rem; margin-bottom: 1rem; border-bottom: 1px solid rgba(0, 0, 0, 0.32); padding-bottom: 0.5rem; } .btn, .edit-btn, .delete-btn, .modal-content { border-radius: 0; } .cp-top-banner { min-height: 40vh; } .modal-header, .modal-footer { background: transparent; border-color: rgba(0, 0, 0, 0.32); } .modal-content, .modal-content>input { background-color: rgba(255, 255, 255, 0.64); backdrop-filter: blur(10px); } .modal-content, input:placeholder { background: transparent; padding: 0.5rem !important; border-color: rgba(0, 0, 0, 0.16); } .cp-form-control, .cp-form-control:focus { background-color: rgba(255, 255, 255, 0.32); padding: 0.5rem !important; border-color: rgba(0, 0, 0, 0.16); } .quick-link-card { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 1.5rem; background-color: rgba(255, 255, 255, 0.32); border: 1px solid rgba(0, 0, 0, 0.16); text-decoration: none; color: #212529; text-align: center; transition: all 0.2s ease-in-out; } .quick-link-card:hover { transform: translateY(-5px); box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15); color: #0d6efd; } .quick-link-card i { font-size: 2.5rem; margin-bottom: 0.75rem; } .quick-link-card span { font-weight: 500; } .cp-content-block { border: 1px dashed #ccc; padding: 1rem; margin-bottom: 1rem; position: relative; padding-top: 40px; } .animated-logo-lines { position: relative; overflow: visible; display: inline-flex; justify-content: center; align-items: center; } .animated-logo-lines::before, .animated-logo-lines::after { content: ''; position: absolute; top: calc(62.3%); height: 1px; background-color: #fff; width: 0; z-index: -1; transition: width 0.8s cubic-bezier(0.22, 1, 0.36, 1); transition-delay: 0.6s; } .animated-logo-lines::before { left: 85%; } .animated-logo-lines::after { right: 85%; } .animated-logo-lines.aos-animate::before, .animated-logo-lines.aos-animate::after { width: 30vw; } .animated-logo-lines img { position: relative; z-index: 1; } .separator { display: inline-block; width: 70px; height: 1px; background-color: #111; margin: 0; -webkit-transition: background-color .3s ease-in; transition: background-color .3s ease-in } .separator-wide { display: inline-block; width: 100%; height: 1px; background-color: #111; margin: 0; -webkit-transition: background-color .3s ease-in; transition: background-color .3s ease-in } .contact-separators p { margin: 0; padding: 0; } .text-reveal-wrapper { display: flex; align-items: center; width: 100%; } .line-reveal-text { flex-shrink: 0; padding: 0 15px; color: #fff; white-space: nowrap; opacity: 0; animation: fadeInText 1s ease-out 0.5s forwards; } .line-reveal-line { flex-grow: 1; height: 2px; background-image: url('../images/logo/line.webp'); background-size: cover; background-repeat: no-repeat; transform: scaleX(0); animation: textExpandHorizontally 1.2s cubic-bezier(0.25, 1, 0.5, 1) forwards; animation-delay: 1.5s; } .text-line-left { transform-origin: right; background-position: center right; } .text-line-right { transform-origin: left; background-position: center left; } @keyframes fadeInText { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } } @keyframes textExpandHorizontally { from { transform: scaleX(0); } to { transform: scaleX(1); } } .top-banner .content { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; position: relative; z-index: 211; } .logo-reveal-wrapper { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; max-width: 360px; } .logo-container { width: 100%; position: relative; z-index: 2; } .main-logo { width: 100%; height: auto; opacity: 0; animation: fadeInLogo 1s ease-out 0.5s forwards; display: block; } .animated-line { position: absolute; z-index: 1; top: 77.3%; height: 2px; width: calc(50vw - 190px); background-image: url('../images/logo/line.webp'); background-size: cover; background-repeat: no-repeat; transform: scaleX(0); animation: expandHorizontally 1.2s cubic-bezier(0.25, 1, 0.5, 1) forwards; animation-delay: 1.5s; } .line-left { right: 95%; transform-origin: right; background-position: center right; margin-right: 10px; } .line-right { left: 95%; transform-origin: left; background-position: center left; margin-left: 10px; } @keyframes fadeInLogo { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } } @keyframes expandHorizontally { from { transform: scaleX(0); } to { transform: scaleX(1); } } @media (max-width: 767px) { .animated-line { width: 30vw; } } .fba { font-family:Book Antiqua; } .title.fba { color: #fff; z-index: 999999; } .spr-lang-switch { display: inline-flex; align-items: center; margin-left: 15px; z-index: 400; font-family: "Exo 2"; font-size: 12px; letter-spacing: 1.5px; font-weight: 500; } .spr-lang-switch .lang-btn { display: inline-block; padding: 3px 6px; color: rgba(255, 255, 255, 0.65); text-decoration: none; transition: color 0.3s ease, border-color 0.3s ease; } .spr-lang-switch .lang-btn:hover { color: #ffffff; } .spr-lang-switch .lang-btn.active { color: #ffffff; font-weight: 700; border-bottom: 2px solid #ffffff; } .spr-lang-switch .lang-divider { color: rgba(255, 255, 255, 0.4); font-size: 11px; } .spr-header:not(.light) .spr-lang-switch .lang-btn { color: rgba(17, 17, 17, 0.65); } .spr-header:not(.light) .spr-lang-switch .lang-btn:hover { color: #111111; } .spr-header:not(.light) .spr-lang-switch .lang-btn.active { color: #111111; border-bottom-color: #111111; } .spr-header:not(.light) .spr-lang-switch .lang-divider { color: rgba(17, 17, 17, 0.4); } @media screen and (max-width: 1199px) { .spr-header .spr-navigation .spr-lang-switch-mobile { display: flex; padding: 15px; border-top: 1px solid rgba(242, 242, 242, 0.15); } }