/* Theme Name: Aventurion Digital Solutions Author: Aventurion Author URI: aventurion.biz Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: aventurion_solutions */ /* --- Fonts --- */ @font-face { font-family: 'Euclid Circular A'; src: url('fonts/EuclidCircularA-Regular.eot'); src: local('Euclid Circular A Regular'), local('EuclidCircularA-Regular'), url('fonts/EuclidCircularA-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/EuclidCircularA-Regular.woff2') format('woff2'), url('fonts/EuclidCircularA-Regular.woff') format('woff'), url('fonts/EuclidCircularA-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Euclid Circular A'; src: url('fonts/EuclidCircularA-Italic.eot'); src: local('Euclid Circular A Italic'), local('EuclidCircularA-Italic'), url('fonts/EuclidCircularA-Italic.eot?#iefix') format('embedded-opentype'), url('fonts/EuclidCircularA-Italic.woff2') format('woff2'), url('fonts/EuclidCircularA-Italic.woff') format('woff'), url('fonts/EuclidCircularA-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Euclid Circular A'; src: url('fonts/EuclidCircularA-Bold.eot'); src: local('Euclid Circular A Bold'), local('EuclidCircularA-Bold'), url('fonts/EuclidCircularA-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/EuclidCircularA-Bold.woff2') format('woff2'), url('fonts/EuclidCircularA-Bold.woff') format('woff'), url('fonts/EuclidCircularA-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Euclid Circular A'; src: url('fonts/EuclidCircularA-BoldItalic.eot'); src: local('Euclid Circular A Bold Italic'), local('EuclidCircularA-BoldItalic'), url('fonts/EuclidCircularA-BoldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/EuclidCircularA-BoldItalic.woff2') format('woff2'), url('fonts/EuclidCircularA-BoldItalic.woff') format('woff'), url('fonts/EuclidCircularA-BoldItalic.ttf') format('truetype'); font-weight: 700; font-style: italic; } /*@font-face { font-family: 'Euclid Circular A'; src: url('fonts/EuclidCircularA-Light.eot'); src: local('Euclid Circular A Light'), local('EuclidCircularA-Light'), url('fonts/EuclidCircularA-Light.eot?#iefix') format('embedded-opentype'), url('fonts/EuclidCircularA-Light.woff2') format('woff2'), url('fonts/EuclidCircularA-Light.woff') format('woff'), url('fonts/EuclidCircularA-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; }*/ /*@font-face { font-family: 'Euclid Circular A'; src: url('fonts/EuclidCircularA-LightItalic.eot'); src: local('Euclid Circular A Light Italic'), local('EuclidCircularA-LightItalic'), url('fonts/EuclidCircularA-LightItalic.eot?#iefix') format('embedded-opentype'), url('fonts/EuclidCircularA-LightItalic.woff2') format('woff2'), url('fonts/EuclidCircularA-LightItalic.woff') format('woff'), url('fonts/EuclidCircularA-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; }*/ @font-face { font-family: 'Euclid Circular A'; src: url('fonts/EuclidCircularA-Medium.eot'); src: local('Euclid Circular A Medium'), local('EuclidCircularA-Medium'), url('fonts/EuclidCircularA-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/EuclidCircularA-Medium.woff2') format('woff2'), url('fonts/EuclidCircularA-Medium.woff') format('woff'), url('fonts/EuclidCircularA-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } /*@font-face { font-family: 'Euclid Circular A'; src: url('fonts/EuclidCircularA-MediumItalic.eot'); src: local('Euclid Circular A Medium Italic'), local('EuclidCircularA-MediumItalic'), url('fonts/EuclidCircularA-MediumItalic.eot?#iefix') format('embedded-opentype'), url('fonts/EuclidCircularA-MediumItalic.woff2') format('woff2'), url('fonts/EuclidCircularA-MediumItalic.woff') format('woff'), url('fonts/EuclidCircularA-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; }*/ /*@font-face { font-family: 'Euclid Circular A'; src: url('fonts/EuclidCircularA-SemiBold.eot'); src: local('Euclid Circular A SemiBold'), local('EuclidCircularA-SemiBold'), url('fonts/EuclidCircularA-SemiBold.eot?#iefix') format('embedded-opentype'), url('fonts/EuclidCircularA-SemiBold.woff2') format('woff2'), url('fonts/EuclidCircularA-SemiBold.woff') format('woff'), url('fonts/EuclidCircularA-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; }*/ /*@font-face { font-family: 'Euclid Circular A'; src: url('fonts/EuclidCircularA-SemiBoldItalic.eot'); src: local('Euclid Circular A SemiBold Italic'), local('EuclidCircularA-SemiBoldItalic'), url('fonts/EuclidCircularA-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/EuclidCircularA-SemiBoldItalic.woff2') format('woff2'), url('fonts/EuclidCircularA-SemiBoldItalic.woff') format('woff'), url('fonts/EuclidCircularA-SemiBoldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic; }*/ /* --- Normalize --- */ html {line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;} body {margin: 0;} article, aside, footer, header, nav, section {display: block;} figcaption, figure, main{display: block;} figure {margin: 1em 40px;} hr {box-sizing: content-box; height: 0; overflow: visible;} pre {font-family: monospace, monospace; font-size: 1em;} a {background-color: transparent; -webkit-text-decoration-skip: objects;} abbr[title] {border-bottom: none; text-decoration: underline; text-decoration: underline dotted;} b, strong {font-weight: 700;} code, kbd, sam p{font-family: monospace, monospace; font-size: 1em;} dfn {font-style: italic;} mark {background-color: #ff0; color: #000;} small {font-size: 80%;} sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;} sub {bottom: -.25em;} sup {top: -.5em;} audio, video {display:inline-block;} audio:not([controls]) {display: none; height: 0;} img {border-style: none; height: auto;} svg:not(:root) {overflow: hidden;} button, input, optgroup, select, textarea {font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0;} button, input {overflow: visible;} button, select {text-transform: none;} [type=reset], [type=submit], button, html [type=button] {-webkit-appearance: button;} [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {border-style: none; padding: 0;} [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {outline: 1px dotted ButtonText;} fieldset {padding: .35em .75em .625em;} legend {box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal;} progress {display: inline-block; vertical-align: baseline;} textarea {overflow: auto;} [type=checkbox], [type=radio] {box-sizing: border-box; padding: 0;} [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {height: auto;} [type=search] {-webkit-appearance: textfield; outline-offset: -2px;} [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {-webkit-appearance: none;} ::-webkit-file-upload-button{-webkit-appearance: button; font: inherit;} details, menu {display: block;} summary {display: list-item;} canvas {display: inline-block;} template {display: none;} [hidden] {display: none;} /* --- Reset --- */ html, body {box-sizing: border-box;} *, *:before, *:after {box-sizing: inherit;} span, h1, h2, h3, h4, h5, h6, p, a, label {vertical-align: baseline;} img, object, embed {max-width: 100%;} /* --- Fonts --- */ html, body, input, textarea, select, button {font: 400 14px/1.4 'Euclid Circular A', serif;} h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {margin: .6em 0; font-weight: 500;} h1, .h1 {font-size: 36px;} h2, .h2 {font-size: 24px; margin: 1em 0;} h3, .h3 {font-size: 20px;} h4, .h4 {font-size: 20px;} h5, .h5 {font-size: 20px;} h6, .h6 {font-size: 20px;} @media (max-width: 767px) { h1, .h1 {font-size: 30px;} h2, .h2 {font-size: 22px; margin: .6em 0;} h3, .h3 {font-size: 20px;} h4, .h4 {font-size: 20px;} h5, .h5 {font-size: 20px;} h6, .h6 {font-size: 20px;} } /* --- Global --- */ body {height: 100%; position: relative; -ms-overflow-style: scrollbar; background: #fff; color: #1D1D1D; min-width: 300px;} input[type="text"], input[type="tel"], input[type="email"], input[type="tel"], textarea {height: 64px; border: none; border-bottom: 2px solid #000; padding: 0; box-sizing: border-box; width: 100%; color: #212121; -webkit-appearance: none; appearance: none; border-radius: 0; outline: none; font-size: 16px; -webkit-transition: border-color 0.3s; transition: border-color 0.3s;} textarea {display: block; height: auto; padding: 20px 25px; resize: vertical; border: 2px solid #000;} select {height: 64px; font-size: 16px; border: 2px solid #000; padding: 0 15px; box-sizing: border-box; width: 100%; color: #212121; border-radius: 0; outline: none;} input[type="text"]:focus, input[type="tel"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus, select:focus {border-color: #372FFF;} input.error, textarea.error, select.error {border-color: #FA4B6A !important;} em, i {font-style: italic;} blockquote {background: #212121; border: none; margin: 70px 0 30px; padding: 40px 50px 30px; quotes: none; clear: both; color: #fff; position: relative;} blockquote:before {content: ''; width: 92px; height: 64px; display: block; background-image: url(img/svg-quotes.svg); background-repeat: no-repeat; background-position: center center; background-size: contain; position: absolute; left: 50px; top: -40px;} blockquote p {margin: 15px 0; display: block;} table {width: 100%; border-collapse: collapse;} table td {padding: 3px 15px; border: 1px solid #ddd;} label {display: block;} a {color: #372FFF; outline: none; text-decoration: none;} a:hover {color: #2019c3;} ul {margin: 0; padding: 0 0 0 30px;} @media (max-width: 767px) { blockquote {padding: 40px 30px 30px;} input[type="text"], input[type="tel"], input[type="email"], input[type="tel"] {height: 48px; font-size: 14px;} textarea {font-size: 14px; padding: 15px;} select {height: 48px; font-size: 14px;} } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .preloader {display: none !important;} } /* --- WP --- */ .alignnone {margin: 5px 20px 3px 0;} .aligncenter, div.aligncenter {display: block; margin: 5px auto;} .alignright {float: right; margin: 5px 0 3px 20px;} .alignleft {float: left; margin: 0 23px 10px 0;} a img.alignright {float: right; margin: 5px 0 3px 20px; height: auto;} a img.alignnone {margin: 5px 20px 3px 0; height: auto;} a img.alignleft {float: left; margin: 5px 20px 3px 0; height: auto;} a img.aligncenter {display: block; margin-left: auto; margin-right: auto; height: auto;} @media (max-width: 500px) { .alignright, .alignleft, a img.alignright, a img.alignleft {margin: 5px 0; width: 100%; height: auto; float: none; clear: both;} } .gallery {margin: 0 -8px; clear: both; padding: 20px 0;} .gallery:after {content: ''; display: table; clear: both;} .gallery .gallery-item {float: left; margin: 0; text-align: center; width: 100%; max-width: 100%; padding: 8px;} .gallery-columns-2 .gallery-item {width: 50%;} .gallery-columns-3 .gallery-item {width: 33.33%;} .gallery-columns-4 .gallery-item {width: 25%;} .gallery-columns-5 .gallery-item {width: 20%;} .gallery-columns-6 .gallery-item {width: 16.66%;} .gallery-columns-7 .gallery-item {width: 14.28%;} .gallery-columns-8 .gallery-item {width: 12.5%;} .gallery-columns-9 .gallery-item {width: 11.11%;} .gallery-caption {display: block;} .gallery .gallery-icon {display: block; padding-bottom: 100%; position: relative; overflow: hidden; background: #fff; -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.3); -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.3); box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.3); -webkit-transition: all 0.2s; transition: all 0.2s; margin: 0;} .gallery .gallery-icon:hover {opacity: 0.8;} .gallery-columns-2 .attachment-medium {max-width: 100%; height: auto;} .gallery-columns-4 .attachment-thumbnail {max-width: 100%; height: auto;} .gallery .gallery-caption {color: #888;font-size: 12px;margin: 0 0 12px;} .gallery dl, .gallery dt {margin: 0;} .gallery br + br {display: none;} .gallery-icon img {position: absolute; left: 0; top: 0; border: none !important; box-shadow: none !important; margin: 0 !important; border-radius: 0 !important;} .gallery-icon.landscape img {width: auto; height: 100%; max-width: 200%;} .gallery-icon.portrait img {height: auto; width: 100%; max-height: 200%;} .wp-caption {background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center;} .wp-caption.alignnone {margin: 5px 20px 20px 0;} .wp-caption.alignleft {margin: 5px 20px 20px 0;} .wp-caption.alignright {margin: 5px 0 20px 20px;} .wp-caption img {border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto;} .wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px;} #wp-admin-bar-vc_inline-admin-bar-link, #wp-admin-bar-customize, #wp-admin-bar-comments, #wp-admin-bar-all-in-one-seo-pack, #wp-admin-bar-search, #wp-admin-bar-aioseo-main {display: none !important;} #wpadminbar {z-index: 9999;} @media print {#wpadminbar {display:none;}} @media (max-width: 900px) { #wp-admin-bar-root-default #wp-admin-bar-autoptimize {display: none;} #wp-admin-bar-root-default #wp-admin-bar-all-in-one-seo-pack {display: none;} } @media screen and (max-width: 600px) { #wpadminbar {position: fixed !important;} } @media (max-width: 767px) { .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item, .gallery-columns-5 .gallery-item, .gallery-columns-6 .gallery-item, .gallery-columns-7 .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item {width: 50%;} } @media (max-width: 600px) { #wpadminbar {top: 0; position: fixed;} } @media (max-width: 500px) { .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item, .gallery-columns-5 .gallery-item, .gallery-columns-6 .gallery-item, .gallery-columns-7 .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item {width: 100%;} .gallery .gallery-icon {padding-bottom: 0;} .gallery-icon img, .gallery-icon.landscape img {position: relative; display: block; max-width: 100%; height: auto; width: 100%;} } /* --- Fancybox --- */ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* --- Owl Carousel v2.3.4 --- */ .owl-carousel, .owl-carousel .owl-item {-webkit-tap-highlight-color: transparent; position: relative;} .owl-carousel {display: none; width: 100%; z-index: 1;} .owl-carousel .owl-stage {position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden;} .owl-carousel .owl-stage:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} .owl-carousel .owl-stage-outer {position: relative; overflow: hidden; -webkit-transform: translate3d(0,0,0);} .owl-carousel .owl-item, .owl-carousel .owl-wrapper {-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0);} .owl-carousel .owl-item {min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none;} .owl-carousel .owl-item img {display: block; width: 100%;} .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {display: none;} .no-js .owl-carousel, .owl-carousel.owl-loaded {display: block;} .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {background: 0 0; color: inherit; border: none; padding: 0!important; font: inherit;} .owl-carousel.owl-loading {opacity: 0; display: block;} .owl-carousel.owl-hidden {opacity: 0;} .owl-carousel.owl-refresh .owl-item {visibility: hidden;} .owl-carousel.owl-drag .owl-item {-ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .owl-carousel.owl-grab {cursor: move; cursor: grab;} .owl-carousel.owl-rtl {direction: rtl;} .owl-carousel.owl-rtl .owl-item {float: right;} .owl-carousel .animated {animation-duration: 1s; animation-fill-mode: both;} .owl-carousel .owl-animated-in {z-index: 0;} .owl-carousel .owl-animated-out {z-index: 1;} .owl-carousel .fadeOut {animation-name: fadeOut;} @keyframes fadeOut {0% {opacity: 1;} 100% {opacity: 0;}} .owl-height {transition: height .5s ease-in-out;} .owl-carousel .owl-item .owl-lazy {opacity: 0; transition: opacity .4s ease;} .owl-carousel .owl-item .owl-lazy: not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {max-height: 0;} .owl-carousel .owl-item img.owl-lazy {transform-style: preserve-3d;} .owl-carousel .owl-video-wrapper {position: relative; height: 100%; background: #000;} .owl-carousel .owl-video-play-icon {position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: #fff; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease;} .owl-carousel .owl-video-play-icon:hover {-ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3);} .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {display: none;} .owl-carousel .owl-video-tn {opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease;} .owl-carousel .owl-video-frame {position: relative; z-index: 1; height: 100%; width: 100%;} /* --- Owl Carousel v2.3.4 Theme Default --- */ .owl-theme .owl-dots, .owl-theme .owl-nav {text-align: center; -webkit-tap-highlight-color: transparent;} .owl-theme .owl-nav {margin-top: 10px;} .owl-theme .owl-nav [class*=owl-] {color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px;} .owl-theme .owl-nav [class*=owl-]:hover {background: #fff; color: #FFF; text-decoration: none;} .owl-theme .owl-nav .disabled {opacity: 0.5; cursor: default;} .owl-theme .owl-nav.disabled + .owl-dots {margin-top: 10px;} .owl-theme .owl-dots .owl-dot {display: inline-block; zoom: 1;} .owl-theme .owl-dots .owl-dot span {width: 10px; height: 10px; margin: 5px 7px; background: #fff; display: block; -webkit-backface-visibility: visible; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; border-radius: 30px;} .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #fff;} /* --- Theme --- */ .site-wrapper {overflow: hidden; padding-top: 80px;} .admin-bar .site-wrapper {padding-top: 112px;} .wrapper {max-width: 1500px; padding: 0 30px; margin: 0 auto;} .button {-moz-appearance: none; -webkit-appearance: none; appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; line-height: 1.2; display: inline-block; cursor: pointer; outline: none; position: relative; text-decoration: none; -webkit-transition: all 0.3s; transition: all 0.3s; text-align: center; font-weight: 500; font-size: 14px; border-radius: 0; overflow: hidden; text-overflow: ellipsis; max-width: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 17px 17px 14px; font-style: normal; color: #fff; background: #372FFF; border: none; min-width: 200px;} .button:hover {background: #5b54ff; color: #fff; text-decoration: none;} .button:active {background: #0b01ff; text-decoration: none; -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.35); -moz-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.35); box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.35); -webkit-transition: all 0s; transition: all 0s;} .button.arrow {text-align: left; padding-right: 40px;} .button.arrow:after {border-bottom: 2px solid #fff; border-right: 2px solid #fff; content: ''; display: inline-block; height: 7px; width: 7px; margin-left: 10px; pointer-events: none; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; vertical-align: baseline; position: absolute; right: 18px; top: 50%; margin-top: -4px;} .button.empty {color: #372FFF; background: #fff; border-bottom: 2px solid #372FFF; padding: 13px 0 8px;} .button.empty:hover {color: #fff; background: #372FFF; padding: 13px 17px 8px;} .button.empty.arrow {padding-right: 30px;} .button.empty.arrow:after {border-bottom-color: #372FFF; border-right-color: #372FFF; right: 5px; margin-top: -2px;} .button.empty.arrow:hover {padding-right: 35px;} .button.empty.arrow:hover:after {border-bottom-color: #fff; border-right-color: #fff; right: 15px;} .button.empty-white {color: #fff; background: none; border-bottom: 2px solid #372FFF; padding: 13px 0 8px;} .button.empty-white:hover {color: #fff; background: #372FFF; padding: 13px 17px 8px;} .button.empty-white.arrow {padding-right: 30px;} .button.empty-white.arrow:after {border-bottom-color: #fff; border-right-color: #fff; right: 5px; margin-top: -2px;} .button.empty-white.arrow:hover {padding-right: 35px;} .button.empty-white.arrow:hover:after {border-bottom-color: #fff; border-right-color: #fff; right: 15px;} .button.empty-black {color: #000; background: none; border-bottom: 2px solid #372FFF; padding: 13px 0 8px;} .button.empty-black:hover {color: #fff; background: #372FFF; padding: 13px 17px 8px;} .button.empty-black.arrow {padding-right: 30px;} .button.empty-black.arrow:after {border-bottom-color: #000; border-right-color: #000; right: 5px; margin-top: -4px;} .button.empty-black.arrow:hover {padding-right: 35px;} .button.empty-black.arrow:hover:after {border-bottom-color: #fff; border-right-color: #fff; right: 15px;} .button.return {text-align: right; color: #000; background: #fff; border-bottom: 2px solid #372FFF; padding: 17px 0 12px 17px;} .button.return:hover {color: #fff; background: #372FFF;} .button.return.arrow {padding-left: 30px;} .button.return.arrow:after {border-bottom-color: #000; border-right-color: #000; right: auto; left: 1px; margin-top: -2px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); margin-left: 0; margin-right: 10px;} .button.return.arrow:hover {padding-right: 15px;} .button.return.arrow:hover:after {border-bottom-color: #fff; border-right-color: #fff; left: 15px;} .button.forward {text-align: left; color: #000; background: #fff; border-bottom: 2px solid #372FFF; padding: 17px 17px 12px 0;} .button.forward:hover {color: #fff; background: #372FFF;} .button.forward.arrow {padding-right: 30px;} .button.forward.arrow:after {border-bottom-color: #000; border-right-color: #000; left: auto; right: 1px; margin-top: -2px; margin-right: 0; margin-left: 10px;} .button.forward.arrow:hover {padding-left: 15px;} .button.forward.arrow:hover:after {border-bottom-color: #fff; border-right-color: #fff; right: 15px;} .button.small {min-width: 10px;} .wysiwyg-content > *:first-child {margin-top: 0;} .wysiwyg-content a:not(.button):hover {text-decoration: underline;} .not-found {padding: 150px 0 100px; font-size: 18px;} .color-grey {color: #bdbdbd;} .section {padding: 110px 0;} .section-title {font-size: 48px; font-weight: 500; margin: 0; padding: 0; color: #000;} .section-subtitle {font-size: 20px; margin: 10px 0 0; padding: 0; color: #727272;} .section-subtitle p {margin: 0; padding: 0;} .form-radio {display: inline-block; line-height: 1.3; vertical-align: top; margin: 0; width: 15px; height: 15px; position: absolute; opacity: 0;} .form-radio + label {display: inline-block; vertical-align: top; cursor: pointer; position: relative; padding: 1px 0 3px 50px; margin: 0; color: #000; font-weight: 400; font-size: 16px;} .form-radio + label:before {content: ''; position: absolute; top: 0; left: 0; width: 24px; height: 24px; border-radius: 50%; background: #fff; border: 2px solid #000;} .form-radio + label:after {content: ''; position: absolute; top: 4px; left: 4px; width: 16px; height: 16px; border-radius: 50%; background: #fff; -webkit-transition: all 0.2s; transition: all 0.2s;} .form-radio:checked + label:after {background: #000;} .form-radio[type="checkbox"] + label:before {border-radius: 0;} .form-radio[type="checkbox"] + label:after {border-radius: 0;} .form-radio.error + label:before {border-color: #FA4B6A;} .text-uppercase {text-transform: uppercase;} form .form-item {padding-bottom: 35px; position: relative;} form label.error {color: #FA4B6A; font-size: 14px; text-align: left; position: absolute; bottom: 12px; left: 0; right: 0;} form input.error + label.error:before, form textarea.error + label.error:before {content: '!'; color: #fff; text-align: center; line-height: 24px; display: block; position: absolute; top: -47px; right: 0; width: 24px; height: 24px; border-radius: 50%; background: #FA4B6A;} form textarea.error + label.error {position: static} form textarea.error + label.error:before {top: 22px; right: 20px;} form input[type="checkbox"].error ~ label.error {padding-left: 50px;} .empty-space-5 {height: 5px;} .empty-space-10 {height: 10px;} .empty-space-15 {height: 15px;} .empty-space-20 {height: 20px;} .page-sections {min-height: 100px;} .text-center {text-align: center;} @media (max-width: 1360px) { .section {padding: 80px 0;} .section-title {font-size: 40px;} .section-subtitle {font-size: 18px;} } @media screen and (max-width: 782px) { .admin-bar .site-wrapper {padding-top: 126px;} } @media (max-width: 767px) { .wrapper {padding: 0 20px;} .not-found {padding: 100px 0 0;} .section {padding: 30px 0;} .section-title {font-size: 32px;} .section-subtitle {font-size: 16px;} .form-radio + label {padding: 3px 0 3px 45px; font-size: 14px;} } /* --- Header --- */ .site-header {background: #fff; position: fixed; top: 0; left: 0; right: 0; z-index: 98; -webkit-transition: background 0.3s, -webkit-box-shadow 0.3s; transition: background 0.3s, box-shadow 0.3s; min-width: 300px; line-height: 1.5;} .compensate-for-scrollbar .site-header {right: 17px;} .page-scrolled .site-header {background: #fff; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);} .admin-bar .site-header {top: 32px;} .site-header .inner {position: relative; padding: 17px 220px 17px 200px; min-height: 80px;} .site-header .logo {display: inline-block; vertical-align: middle; text-decoration: none; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; font-size: 1px; width: 170px; position: absolute; z-index: 101; top: 50%; left: 0; margin-top: -20px;} .site-header .logo img {display: block; width: 100%; height: auto;} .site-header .button.empty {vertical-align: middle; min-width: 200px; position: absolute; top: 50%; right: 0; margin-top: -22px; z-index: 2;} .site-header .button.empty.arrow:after {margin-top: -4px;} .site-navigation {position: relative; z-index: 102; display: block; text-align: center;} .site-navigation > ul {margin: 0; padding: 0; white-space: nowrap;} .site-navigation > ul ul {display: none; text-align: left;} .site-navigation > ul li {list-style: none; display: inline-block; vertical-align: top; position: relative; padding: 0 20px;} .site-navigation > ul li a {text-decoration: none; color: #1a1a1a; display: block; position: relative; font-weight: 400; font-size: 16px; padding: 10px 0;} .site-navigation > ul > li > a {border-bottom: 2px solid transparent; font-weight: 500; -webkit-transition: all 0.3s; transition: all 0.3s;} .site-navigation > ul li a:hover {color: #1a1a1a;} .site-navigation > ul li.menu-item-has-children > a:after {border-bottom: 2px solid #1a1a1a; border-right: 2px solid #1a1a1a; content: ''; display: inline-block; height: 7px; width: 7px; margin-left: 10px; pointer-events: none; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); -ms-transform:rotate(45deg); transform: rotate(45deg); -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; vertical-align: baseline; position: relative; top: -2px;} .site-navigation > ul li.menu-item-has-children:hover > a:after {-webkit-transform: rotate(225deg); -ms-transform:rotate(225deg); transform: rotate(225deg);} .site-navigation > ul li.current-menu-item > a {pointer-events: none; color: #372FFF;} .site-navigation > ul li > ul {margin: 0; padding: 0; display: none; background: #fff; position: absolute; top: 99%; -webkit-box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.16); box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.16); right: 20px; min-width: calc(100% - 40px); z-index: 2;} .site-navigation > ul ul > li {display: block; padding: 0;} .site-navigation > ul ul > li > a {font-size: 18px; padding: 18px 24px 18px; -webkit-transition: all 0.3s; transition: all 0.3s;} .site-navigation .button {display: none;} .header-burger {position: absolute; display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 22px; height: 20px; top: 50%; margin-top: -11px; right: 0; z-index: 101;} .header-burger span {display: block; height: 2px; width: 100%; background: #14142B; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s} .mnav-opened .header-burger span:nth-child(1) {-webkit-transform: translate(0,9px) rotate(-45deg); -ms-transform: translate(0,9px) rotate(-45deg); transform: translate(0,9px) rotate(-45deg);} .mnav-opened .header-burger span:nth-child(2) {opacity: 0;} .mnav-opened .header-burger span:nth-child(3) {-webkit-transform: translate(0,-9px) rotate(45deg); -ms-transform: translate(0,-9px) rotate(45deg); transform: translate(0,-9px) rotate(45deg);} @media (min-width: 1361px) { .site-navigation > ul li > ul {margin-top: 17px; padding: 20px;} .site-navigation > ul li > ul:before {content: ''; position: absolute; top: -20px; height: 25px; left: 0; right: 0; display:block;} .site-navigation > ul > li > a:hover {border-bottom-color: #372FFF;} .site-navigation > ul li:hover > ul {display: block;} .site-navigation > ul ul > li > a:hover {background: #372FFF; color: #fff;} .site-navigation > ul > li.faded > a {color: #737373;} .site-navigation > ul > li.faded > a:after {border-bottom-color: #737373; border-right-color: #737373;} .site-navigation > ul li.large {position: static;} .site-navigation > ul li.large > ul {min-width: 10px; flex-wrap: wrap;} .site-navigation > ul li.large:hover > ul {display: flex;} .site-navigation > ul li.large > ul li {flex: 0 0 32%; margin-right: 2%;} .site-navigation > ul li.large > ul li:nth-of-type(3n) {margin-right: 0;} .site-navigation > ul li.large:hover > ul {left: -200px; right: -220px;} .site-navigation > ul li.current-menu-item > a {border-bottom-color: #372FFF;} } @media (max-width: 1360px) { .site-header .inner {padding: 20px 0;} .site-header .logo {display: inline-block; position: relative; top: auto; left: auto; margin-top: 0;} .header-burger {display: flex;} .site-header .button.empty {right: 50px; margin-top: -21px;} .site-navigation {position: fixed; right: -9999px; left: 9999px; opacity: 0; height: calc(100% - 80px); z-index: 100; top: 80px; transform: translateY(-50px); -webkit-transition: all 0.3s, right 0s linear 0.3s, left 0s linear 0.3s; transition: all 0.3s, right 0s linear 0.3s, left 0s linear 0.3s;} .admin-bar .site-navigation {top: 112px;} .mnav-opened .site-navigation {position: fixed; right: 0; left: 0; opacity: 1; background: #fff; bottom: 0; transform: translateY(0); -webkit-transition: all 0.3s, right 0s, left 0s; transition: all 0.3s, right 0s, left 0s;} body:not(.mnav-opened) .site-navigation {pointer-events: none;} .site-navigation > ul {overflow: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0;} .site-navigation > ul li {display: block; text-align: left; border-bottom: none; padding: 0; position: static;} .site-navigation ul li a {font-size: 18px; padding: 14px 20px; background: #fff;} .site-navigation > ul li.menu-item-has-children > a:after {height: 9px; width: 9px; position: absolute; right: 20px; top: 50%; margin-top: -6px;} .site-navigation > ul li.menu-item-has-children > a:after, .site-navigation > ul li.menu-item-has-children:hover > a:after {-webkit-transform: rotate(-45deg); -ms-transform:rotate(-45deg); transform: rotate(-45deg);} .site-navigation > ul > li > a:active {background: #372FFF; color: #fff;} .site-navigation > ul > li > a:active:after {border-bottom-color: #fff; border-right-color: #fff;} .site-navigation > ul ul > li > a {font-size: 18px; padding: 14px 20px;} .site-navigation > ul ul > li > a:before {content: '- '; margin-right: 10px;} .site-navigation > ul li.submenu-opened > a {top: 0; position: absolute; left: 0; right: 0; height: 57px; background: #eee; overflow: hidden; text-overflow: ellipsis; padding-left: 50px; z-index: 2;} .site-navigation > ul > li.submenu-opened > a:active {background: #eee; color: #1a1a1a;} .site-navigation > ul > li.submenu-opened > a:active:after {border-bottom-color: #1a1a1a; border-right-color: #1a1a1a;} .site-navigation > ul li.submenu-opened > ul {display: block; left: 0; right: 0; top: 57px; bottom: 0; box-shadow: none;} .site-navigation > ul li.menu-item-has-children.submenu-opened > a:after {-webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); right: auto; left: 10px;} .site-navigation.level > ul {overflow: hidden;} .site-navigation.level > ul > li:not(.submenu-opened) > a {opacity: 0; pointer-events: none;} .site-navigation.level > ul li.submenu-opened > ul {overflow: auto;} } @media screen and (max-width: 782px) { .admin-bar .site-header {top: 46px;} .admin-bar .site-navigation {top: 126px;} } @media (max-width: 600px) { .site-header .button.empty {display: none;} .site-navigation .button {display: block; position: absolute; bottom: 20px; left: 20px; right: 20px;} .site-navigation > ul {bottom: 90px;} } /* --- Start --- */ .section-start {padding: 50px 0 120px;} .section-start .left {display: inline-block; vertical-align: middle; width: 50%;} .section-start .right {display: inline-block; vertical-align: middle; width: 50%; text-align: right; font-size: 1px;} .section-start .section-title {margin-bottom: 30px;} .section-start .section-title span {color: #372FFF;} .section-start .description {font-size: 24px; max-width: 600px; margin-bottom: 45px;} .section-start .description p {margin: 0;} .section-start .button {min-width: 240px;} .section-start .img {max-width: 720px; display: inline-block; position: relative;} .section-start .img:before {content: ''; display: block; top: 0; left: 0; position: absolute; width: 100%; height: 100%; background-image: url(img/start-svg.svg); background-repeat: no-repeat; background-position: center center; background-size: contain;} .section-start .img img {position: relative; display: block;} .section-start .right .button {display: none;} @media (max-width: 1360px) { .section-start .section-title {margin-bottom: 20px;} .section-start .description {font-size: 20px; max-width: 500px; margin-bottom: 35px;} } @media (max-width: 991px) { .section-start .left {padding-right: 15px;} } @media (max-width: 767px) { .section-start {padding: 30px 0 35px;} .section-start .section-title {margin-bottom: 15px; font-size: 36px;} .section-start .description {font-size: 16px; max-width: 1000px; margin-bottom: 35px;} .section-start .left {display: block; width: auto; padding-right: 0;} .section-start .left .button {display: none;} .section-start .right {display: block; width: auto;} .section-start .right .button {display: block; margin-top: 35px;} } /* --- Areas --- */ .section-areas {background: #000;} .section-areas .wrapper {position: relative;} .section-areas .heading {padding-right: 250px;} .section-areas .section-title {color: #fff;} .section-areas .section-subtitle {color: rgba(255, 255, 255, 0.75);} .section-areas .bottom {position: absolute; top: 13px; right: 30px;} .section-areas .bottom .button {min-width: 200px;} .areas {margin-top: 60px; position: relative;} .areas .area {display: inline-block; vertical-align: top; width: 23.725%; overflow: hidden; border: 2px solid #fff; margin-right: 1.7%; margin-bottom: 25px; -webkit-transition: all 0.3s; transition: all 0.3s;} .areas .area:nth-of-type(4n) {margin-right: 0;} .areas .area .icon {width: 48px; height: 48px; display: block; margin-bottom: 20px; position: relative;} .areas .area .icon img {display: block; width: 100%; height: 100%;} .areas .area .icon .hover {opacity: 0; position: absolute; top: 0; left: 0;} .areas .area .area-title {color: #fff; font-size: 20px; font-weight: 400; margin: 0; padding: 0;} .areas .area .popup {display: block; position: absolute; top: 0; left: 0; width: 74.575%; background: #fff; height: 505px; overflow: hidden; opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s; display: flex; flex-direction: column; justify-content: space-between;} .areas .area .popup .area-title {color: #000;} .areas .area .popup .photo {background-repeat: no-repeat; background-position: center center; background-size: cover; width: 68.2%; position: absolute; top: 0; right: 0; bottom: 0;} .areas .area .popup .text {width: 100%;} .areas .area .popup .text-inner {display: inline-block; width: 31.8%; text-align: left; padding: 32px; min-height: 240px;} .areas .area .popup .menu {margin: 0; padding: 0; font-size: 16px; width: 31.8%; text-align: left;} .areas .area .popup .menu li {list-style: none; display: block;} .areas .area .popup .menu li a {display: block; text-decoration: none; color: #000; -webkit-transition: all 0.3s; transition: all 0.3s; padding: 20px 32px;} .areas .area .popup .menu li a:hover {background: #372FFF; color: #fff;} .areas .area .popup .menu li.more a {color: #372FFF; position: relative;} .areas .area .popup .menu li.more a:hover {color: #fff;} .areas .area .popup .menu li.more > a:after {border-bottom: 2px solid #372FFF; border-right: 2px solid #372FFF; content: ''; display: inline-block; height: 7px; width: 7px; margin-left: 10px; pointer-events: none; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(315deg); -ms-transform:rotate(315deg); transform: rotate(315deg); -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; vertical-align: baseline; position: absolute; top: 50%; right: 30px; margin-top: -2px;} .areas .area .popup .menu li.more > a:hover:after {border-bottom-color: #fff; border-right-color: #fff;} .areas .area .inner {position: relative; height: 236px; padding: 30px;} .areas .area .inner .open-area {position: absolute; top: 0; left: 0; bottom: 0; right: 0;} .areas .area .popup .close-area {display: none;} .areas .area:not(.opened) .popup {pointer-events: none;} .areas .area.opened .popup {opacity: 1; z-index: 2;} .areas .area:hover .icon .hover {opacity: 1;} .areas .area:hover {background: #fff;} .areas .area:hover .area-title {color: #000;} .areas .area:nth-of-type(4n+2) .popup {left: 25.425%;} .areas .area:nth-of-type(4n+3) .popup {left: auto; right: 25.425%; text-align: right; align-items: flex-end;} .areas .area:nth-of-type(4n+4) .popup {left: auto; right: 0; text-align: right; align-items: flex-end;} .areas .area:nth-of-type(4n+3) .popup .photo, .areas .area:nth-of-type(4n+4) .popup .photo {left: 0; right: auto;} .areas .area:nth-of-type(n+5) .popup {flex-direction: column-reverse;} @media (max-width: 1200px) { .areas .area:nth-of-type(n) {width: 32%; margin-right: 2%; margin-bottom: 22px;} .areas .area:nth-of-type(3n) {margin-right: 0;} .areas .area:nth-of-type(n) .popup {left: 0; width: 66%; height: 502px; flex-direction: column; text-align: left; align-items: flex-start;} .areas .area:nth-of-type(3n+2) .popup {left: 34%;} .areas .area:nth-of-type(3n+3) .popup {left: auto; right: 0; text-align: right; align-items: flex-end;} .areas .area:nth-of-type(n) .popup .photo {left: auto; right: 0;} .areas .area:nth-of-type(3n+3) .popup .photo {left: 0; right: auto;} .areas .area:nth-of-type(n+4) .popup {flex-direction: column-reverse;} .areas .area:nth-of-type(n+7) .popup {top: 262px;} .areas .area .popup .photo {width: 51.5%;} .areas .area .popup .text-inner, .areas .area .popup .menu {width: 48.5%;} .areas .area .area-title {font-size: 18px;} } @media (max-width: 767px) { .section-areas .heading {padding-right: 0;} .section-areas .bottom {position: relative; top: auto; right: auto; padding-top: 18px;} .section-areas .bottom .button {min-width: 10px; display: block;} .areas {margin-top: 30px;} .areas .area:nth-of-type(n) {width: 48%; margin-right: 4%; margin-bottom: 13px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);} .areas .area:nth-of-type(2n) {margin-right: 0;} .areas .area .inner {height: 168px; padding: 20px;} .areas .area:nth-of-type(n) .popup {position: fixed; left: 0; top: 80px; width: 100%; height: calc(100% - 80px); flex-direction: column; text-align: left; align-items: flex-start; justify-content: flex-start;} .areas .area:nth-of-type(n) .popup .photo {left: auto; right: 0; width: 100%; height: 340px; bottom: 0; top: auto;} .areas .area .popup .text-inner {width: 100%; padding: 20px; min-height: 10px;} .areas .area .popup .menu {width: 100%; padding-bottom: 340px; overflow: auto;} .areas .area .area-title {font-size: 16px; line-height: 1.3;} .areas .area .popup .menu li a {padding: 15px 20px;} .areas .area .popup .close-area {display: flex; position: absolute; top: 20px; right: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 22px; height: 20px; z-index: 101;} .areas .area .popup .close-area span {display: block; height: 2px; width: 100%; background: #14142B; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s} .areas .area .popup .close-area span:nth-child(1) {-webkit-transform: translate(0,9px) rotate(-45deg); -ms-transform: translate(0,9px) rotate(-45deg); transform: translate(0,9px) rotate(-45deg);} .areas .area .popup .close-area span:nth-child(2) {-webkit-transform: translate(0,-9px) rotate(45deg); -ms-transform: translate(0,-9px) rotate(45deg); transform: translate(0,-9px) rotate(45deg);} } @media (max-width: 340px) { .areas .area:nth-of-type(n) .popup .photo {display: none;} .areas .area .popup .menu {padding-bottom: 0;} } @media (max-width: 767px) and (max-height: 700px) { .areas .area:nth-of-type(n) .popup .photo {display: none;} .areas .area .popup .menu {padding-bottom: 0;} } /* --- Agency --- */ .section-agency .left {display: inline-block; vertical-align: middle; width: 50%; padding-right: 50px; position: relative; left: -50%;} .section-agency .left .text {max-width: 550px; font-size: 16px; color: #747474;} .section-agency .left .text h2, .section-agency .left .text h3 {font-weight: 500; max-width: 550px; line-height: 1.3; color: #000; margin-bottom: 0.8em;} .section-agency .left .button {min-width: 240px; margin-top: 45px;} .section-agency .right {display: inline-block; vertical-align: middle; width: 50%; position: relative; right: -50%;} .section-agency .right img {display: block; width: 100%; max-width: 720px;} @media (max-width: 767px) { .section-agency .left {display: block; width: auto; padding-right: 0; padding-top: 20px; left: auto;} .section-agency .right {display: block; width: auto; right: auto;} .section-agency .left .text h2 {font-size: 24px; margin-bottom: 1em;} .section-agency .left .text h3 {font-size: 20px; margin-bottom: 1em;} .section-agency .left .button {width: 100%; margin-top: 15px;} } /* --- Experience --- */ .section-experience {background: #fafafa;} .exp-items {margin: 0 -20px; display: flex; flex-wrap: wrap;} .exp-item {width: 25%; padding: 0 20px; border-right: 2px solid #f4f4f4; text-align: center; position: relative;} .exp-item:nth-of-type(4n) {border-right: none;} .exp-item:nth-of-type(4n+1) {text-align: left;} .exp-item .inner {max-width: 270px; text-align: left; display: inline-block; padding: 30px 0;} .exp-item i {display: block; font-style: normal; font-weight: 500; font-size: 128px; line-height: 1; color: #372FFF;} .exp-item span {display: block; font-size: 24px; color: #000;} .exp-item p {font-size: 16px; color: #737373;} @media (max-width: 1200px) { .exp-item i {font-size: 90px;} .exp-item span {font-size: 20px;} .exp-item p {font-size: 15px;} } @media (max-width: 767px) { .section-experience {padding: 20px 0;} .exp-items {margin: 0; display: block;} .exp-item:nth-of-type(n) {width: auto; padding: 0; border-right: none; text-align: left;} .exp-item .inner {max-width: 1000px; padding: 2px 0;} .exp-item i {font-size: 96px; line-height: 1.1;} .exp-item p {font-size: 16px;} } /* --- Experience (alt) --- */ .section-experience.alt {background: #372FFF;} .alt .exp-item {border-right-color:rgba(255, 255, 255, 0.1);} .alt .exp-item .inner {padding: 10px 0;} .alt .exp-item i {color: #fff; font-size: 96px; margin-bottom: 8px;} .alt .exp-item span {color: #fff;} .alt .exp-item p {display: none;} @media (max-width: 1200px) { .alt .exp-item i {font-size: 86px;} .alt .exp-item span {font-size: 20px;} } @media (max-width: 767px) { .alt .exp-item {margin-bottom: 20px;} .alt .exp-item .inner {padding: 2px 0;} .alt .exp-item i {font-size: 96px; margin-bottom: 0;} } /* --- Industries --- */ .industries {margin-top: 60px; padding-left: 50%; position: relative;} .industries .large-image {position: absolute; top: 0; left: 0; bottom: 0; width: 50%; background-repeat: no-repeat; background-position: center center; background-size: cover;} .industries-items {font-size: 16px;} .industries-items .item {border: 2px solid #000; padding: 30px 35px 20px; position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between;} .industries-items .item:nth-of-type(n+2) {margin-top: -2px;} .industries-items .item.loaded {-webkit-transition: all 0.3s; transition: all 0.3s;} .industries-items .item .inner {-webkit-transition: all 0.3s; transition: all 0.3s;} .industries-items .item .item-image {display: none;} .industries-items .item .item-title {margin: 0; padding: 0; font-size: 36px; font-weight: 500; color: #372FFF; -webkit-transition: all 0.3s; transition: all 0.3s; opacity: 0;} .industries-items .item .item-title-small {margin: 0; padding: 0; font-size: 16px; font-weight: 500; color: #000; text-transform: uppercase; position: absolute; top: 20px; left: 20px; right: 20px; opacity: 1; -webkit-transition: all 0.3s; transition: all 0.3s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .industries-items .item .item-text {padding-top: 13px; -webkit-transition: all 0.3s; transition: all 0.3s; opacity: 0;} .industries-items .item .item-text p {margin: 0;} .industries-items .item .button {border-bottom-color: #fff; margin-top: 30px;} .industries-items .item .button:after {margin-top: -3px;} .industries-items .item .button:hover {border-bottom-color: #372FFF;} .industries-items .item .link {position: absolute; top: 0; left: 0; right: 0; bottom: 0;} .industries-items .item.loaded:not(.active) {height: 64px !important;} .industries-items .item.active .link {display: none;} .industries-items .item.active .item-title-small {opacity: 0;} .industries-items .item.active .item-title {opacity: 1;} .industries-items .item.active .item-text {opacity: 1;} .industries-items .item:not(.active):hover .item-title-small {color: #372FFF;} .industries-items .item.active, .industries-items .item:not(.active):hover {border-color: #372FFF;} .industries-items .item:not(.active):hover + .item, .industries-items .item.active + .item {border-top-color: #372FFF;} @media (max-width: 767px) { .industries {margin-top: 30px; padding-left: 0;} .industries .large-image {display: none;} .industries-items {font-size: 14px;} .industries-items .item {padding: 20px 20px 5px;} .industries-items .item .item-image {display: block; padding-bottom: 50%; background-repeat: no-repeat; background-position: center center; background-size: cover; margin: -20px -20px 20px; -webkit-transition: all 0.3s; transition: all 0.3s; opacity: 0;} .industries-items .item .item-title {font-size: 24px;} .industries-items .item .item-text {line-height: 1.6;} .industries-items .item.active .item-image {opacity: 1;} } /* --- Ui --- */ .section-ui .left {display: inline-block; vertical-align: middle; width: 50%;} .section-ui .left img {display: block; width: 100%; max-width: 720px;} .section-ui .right {display: inline-block; vertical-align: middle; width: 50%; padding-left: 50px; text-align: right;} .section-ui .right .text {max-width: 590px; font-size: 16px; color: #747474; display: inline-block; text-align: left;} .section-ui .right .text h2, .section-ui .right .text h3 {font-weight: 500; max-width: 550px; line-height: 1.3; color: #000; margin-bottom: 0.8em;} .section-ui .right .button {min-width: 240px; margin-top: 45px;} @media (max-width: 767px) { .section-ui .left {display: block; width: auto; padding-top: 10px;} .section-ui .right {display: block; width: auto; padding-left: 0; padding-top: 20px;} .section-ui .right .text h2 {font-size: 24px; margin-bottom: 1em;} .section-ui .right .text h3 {font-size: 20px; margin-bottom: 1em;} .section-ui .right .button {width: 100%; margin-top: 15px;} } /* --- Selected Works --- */ .section-selected-works {color: #fff; background: #000;} .section-selected-works .heading {height: 0;} .section-selected-works .section-title {color: #fff;} .selected-works-container {margin: 0 -30px;} .selected-works .owl-nav {width: 470px; position: absolute; left: 25px; bottom: 28px; -webkit-tap-highlight-color: transparent; height: 0;} .selected-works .owl-nav [class*=owl-] {color: #fff; font-size: 14px; margin: 5px; padding: 4px 7px; background: none; display: inline-block; cursor: pointer; border-radius: 3px; outline: none; position: absolute; top: 0;} .selected-works .owl-nav button.owl-prev {left: 0;} .selected-works .owl-nav button.owl-next {right: 0;} .selected-works .owl-nav button.owl-prev i, .selected-works .owl-nav button.owl-next i {border-bottom: 2px solid #404040; border-right: 2px solid #404040; content: ''; display: inline-block; height: 20px; width: 20px; pointer-events: none; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(135deg); -ms-transform:rotate(135deg); transform: rotate(135deg); -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; vertical-align: baseline; position: relative;} .selected-works .owl-nav button.owl-next i {-webkit-transform: rotate(-45deg); -ms-transform:rotate(-45deg); transform: rotate(-45deg);} .selected-works .owl-nav [class*=owl-]:hover {background: none; color: #fff; text-decoration: none;} .selected-works .owl-nav button.owl-prev:hover i, .selected-works .owl-nav button.owl-next:hover i {border-bottom-color: #fff; border-right-color: #fff;} .selected-works .owl-nav .disabled {opacity: 0.5; cursor: default; pointer-events: none;} .selected-works .owl-dots {text-align: center; width: 470px; position: absolute; left: 25px; bottom: 10px; -webkit-tap-highlight-color: transparent; height: 0; display: flex; justify-content: center; align-content: center; align-items: center; padding: 0 50px;} .selected-works .owl-dots .owl-dot {display: inline-block; zoom: 1; outline: none; flex: 1 1 auto;} .selected-works .owl-dots .owl-dot span {height: 2px; margin: 5px 8px; background: #404040; display: block; -webkit-backface-visibility: visible; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease;} .selected-works .owl-dots .owl-dot.active span {background: #fff; height: 4px;} .selected-works-item {position: relative; padding: 0 30px;} .selected-works-item .inner {width: 50%; max-width: 530px; padding: 180px 50px 170px 0;} .selected-works-item .name {margin: 0; padding: 0; font-weight: 500; font-size: 36px; color: #fff;} .selected-works-item .country {margin: 5px 0 0; font-size: 16px; color: #A5A5A5;} .selected-works-item .description {margin: 33px 0 0; font-size: 20px; color: #fff;} .selected-works-item .description p {margin: 0;} .selected-works-item .tags {margin: 33px 0 0; font-size: 16px; color: #727272;} .selected-works-item .button {margin-top: 60px; min-width: 240px;} .selected-works-item .image {position: absolute; top: 0; right: 30px; bottom: 0; width: calc(50% - 30px); background-repeat: no-repeat; background-position: center center; background-size: cover;} @media (max-width: 1200px) { .section-selected-works .heading {height: auto; margin-bottom: 30px;} .selected-works .owl-nav {width: 270px;} .selected-works .owl-dots {width: 270px; padding: 0 30px;} .selected-works-item .inner {padding: 20px 30px 70px 0;} .selected-works-item .name {font-size: 32px;} } @media (min-width: 768px) { .selected-works .owl-dots .owl-dot:hover span {background: #fff; height: 4px;} } @media (max-width: 767px) { .section-selected-works {padding-bottom: 50px;} .selected-works .owl-nav {display: none;} .selected-works .owl-dots {width: auto; position: relative; left: auto; bottom: auto; height: auto; display: flex; justify-content: center; align-content: center; align-items: center; padding: 20px 30px 0;} .selected-works .owl-dots .owl-dot span {margin: 0;} .selected-works-item .image {position: relative; width: auto; display: block; padding-bottom: 90%; right: auto;} .selected-works-item .inner {width: auto; max-width: 1000px; padding: 20px 0 20px;} .selected-works-item .name {margin-top: 8px; font-size: 24px;} .selected-works-item .country {margin-top: 15px; font-size: 14px;} .selected-works-item .description {font-size: 14px; display: none;} .selected-works-item .description p {margin: 0;} .selected-works-item .tags {margin-top: 20px; font-size: 14px; display: none;} .selected-works-item .button {margin-top: 30px; min-width: 10px; display: block;} } /*--- Technologies --- */ .section-technologies {padding-bottom: 70px;} .section-technologies .section-subtitle {margin-top: 15px;} .technologies-container .owl-carousel .owl-stage-outer {overflow: visible;} .technologies-items {display: flex; flex-wrap: wrap; margin: 20px -30px 0;} .technologies-item {display: flex; flex-direction: column; width: 33.33%; padding: 30px;} .technologies-item .inner {flex: 1 0 auto; flex-direction: column; border: 2px solid #372FFF; padding: 30px; color: #000;} .technologies-item svg {display: block; width: 128px; height: 128px; margin-bottom: 35px;} .technologies-item svg rect, .technologies-item svg path, .technologies-item svg ellipse {-webkit-transition: fill 0.3s; transition: fill 0.3s;} .technologies-item .tech-title {margin: 0; padding: 0 0 10px; font-weight: 500; font-size: 36px; color: #000; -webkit-transition: color 0.3s; transition: color 0.3s;} .technologies-item .tech-ul {margin: 0; padding: 0;} .technologies-item .tech-ul li {list-style: none; display: block; font-size: 18px; padding: 6px 0 6px 20px; position: relative;} .technologies-item .tech-ul li:before {content: ''; display: block; width: 6px; height: 6px; background: #372FFF; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); -ms-transform:rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; left: 2px; margin-top: -3px; -webkit-transition: background 0.3s; transition: background 0.3s;} .technologies-item .tech-ul li p {margin: 0;} .technologies-item .inner:hover {color: #fff; background: #372FFF; -webkit-transition: all 0.3s; transition: all 0.3s;} .technologies-item .inner:hover .tech-title {color: #fff;} .technologies-item .inner:hover svg rect, .technologies-item .inner:hover svg path, .technologies-item .inner:hover svg ellipse {fill: #fff;} .technologies-item .inner:hover .tech-ul li:before {background: #fff;} @media (max-width: 1200px) { .technologies-items {margin: 20px -15px 0;} .technologies-item {padding: 30px 15px;} .technologies-item .inner {padding: 20px;} } @media (max-width: 991px) { .technologies-container {margin: 0 -10px;} .technologies-items {margin: 35px 0 0;} .technologies-item {padding: 0 10px;} .technologies-item svg {width: 80px; height: 80px; margin-bottom: 15px;} .technologies-item .tech-title {font-size: 24px; padding-bottom: 8px;} .technologies-item .tech-ul li {font-size: 16px; padding-top: 5px; padding-bottom: 5px;} } @media (max-width: 767px) { .section-technologies {padding-bottom: 30px;} .technologies-container {width: 90%;} .technologies-items {display: block;} .technologies-item {display: block; width: auto;} .technologies-items .owl-item {opacity: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s;} .technologies-items .owl-item.active {opacity: 1;} .technologies-items .owl-item.active + .owl-item {opacity: 1;} } /* --- Blog list item --- */ .blog-list-item {padding: 20px;} .blog-list-item .inner {position: relative;} .blog-list-item .img span {display: block; padding-bottom: 62%; position: relative; overflow: hidden;} .blog-list-item .img span i {display: block; background-repeat: no-repeat; background-position: center center; background-size: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: all 0.3s; transition: all 0.3s;} .blog-list-item .text {border: 2px solid #000; padding: 20px; -webkit-transition: all 0.3s; transition: all 0.3s; font-size: 16px; color: rgba(0, 0, 0, 0.46); background: #fff;} .blog-list-item .text p {margin: 0;} .blog-list-item .text .title {margin: 0; padding: 0 40px 0 0; font-weight: 400; font-size: 24px; color: #000; display: inline-block; vertical-align: top; width: 70%;} .blog-list-item .text .date {margin: 0; display: inline-block; vertical-align: top; width: 30%; text-align: right; padding-top: 7px;} .blog-list-item .text .excerpt {margin: 15px 0 0;} .blog-list-item .text .button {display: none;} .blog-list-item .more {display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; user-select: none; opacity: 0; text-indent: -9999px;} .blog-list-item .tags {position: absolute; top: 30px; left: 30px; right: 30px;} .blog-list-item .tags .tag {margin: 0; background: #372FFF; padding: 10px 17px; margin: 0 10px 10px 0; display: inline-block; vertical-align: top; color: #fff; text-transform: lowercase;} .blog-list-item .inner:hover .text {background: #000; color: rgba(255, 255, 255, 0.65);} .blog-list-item .inner:hover .img span i {top: -20px; left: -20px; right: -20px; bottom: -20px;} .blog-list-item .inner:hover .text .title {color: #fff;} @media (max-width: 991px) { .blog-list-item {padding: 10px;} .blog-list-item .text .title {padding: 0; font-size: 20px; display: block; width: auto;} .blog-list-item .text .date {margin-top: 10px; display: block; width: auto; text-align: left;} .blog-list-item .text .excerpt {margin-top: 10px;} } @media (max-width: 767px) { .blog-list-item {padding: 10px 0;} .blog-list-item .text {font-size: 14px; padding: 15px;} .blog-list-item .text .title {font-size: 18px;} .blog-list-item .text .date {font-size: 12px;} .blog-list-item .tags {top: 15px; left: 15px; right: 15px;} .blog-list-item .tags .tag {padding: 6px 12px; font-size: 12px;} } /* --- Blog latest --- */ .section-blog-latest {background: #FAFAFA;} .section-blog-latest .wrapper {position: relative;} .section-blog-latest .heading {padding-right: 250px;} .section-blog-latest .section-subtitle {margin-top: 15px;} .section-blog-latest .bottom {position: absolute; top: 13px; right: 30px;} .section-blog-latest .bottom .button {min-width: 200px;} .section-blog-latest .blog-list-items {margin: 25px -20px 0;} .section-blog-latest .blog-list-item {display: inline-block; vertical-align: top; width: 50%;} @media (max-width: 991px) { .section-blog-latest .blog-list-items {margin: 25px -10px 0;} } @media (max-width: 767px) { .section-blog-latest .heading {padding-right: 0;} .section-blog-latest .bottom {position: relative; top: auto; right: auto; padding-top: 18px;} .section-blog-latest .bottom .button {min-width: 10px; display: block;} .section-blog-latest .blog-list-items {margin: 20px 0 0;} .section-blog-latest .blog-list-item {display: block; width: auto;} } /* --- Blog related --- */ .section-blog-related {background: #FAFAFA; padding: 90px 0;} .section-blog-related .wrapper {position: relative;} .section-blog-related .section-title {font-size: 36px;} .section-blog-related .blog-list-items {margin: 25px -20px 0;} .section-blog-related .blog-list-item {display: inline-block; vertical-align: top; width: 50%;} @media (max-width: 1200px) { .section-blog-related {padding-top: 70px;} } @media (max-width: 991px) { .section-blog-related .blog-list-items {margin: 25px -10px 0;} } @media (max-width: 767px) { .section-blog-related {padding: 30px 0 40px;} .section-blog-related .blog-list-items {margin: 20px 0 0;} .section-blog-related .blog-list-item {display: block; width: auto;} .section-blog-related .section-title {font-size: 24px;} } /* --- Blog --- */ .section-blog {padding-top: 0; margin-top: -20px;} .section-blog .wrapper {position: relative;} .section-blog .blog-list-items {margin: 0 -20px 0;} .section-blog .blog-list-item {display: inline-block; vertical-align: top; width: 50%;} .blog-pagination ul {margin: 20px 0 0; padding: 0; text-align: justify; font-size: 1px;} .blog-pagination ul:after {content: ''; display: inline-block; width: 100%;} .blog-pagination ul li {list-style: none; display: inline-block; vertical-align: top;} .blog-pagination ul li .page-numbers:not(.next):not(.prev) {display: none;} @media (max-width: 991px) { .section-blog .blog-list-items {margin: 25px -10px 0;} } @media (min-width: 768px) { .section-blog .blog-list-item:first-child {display: block; width: 100%; position: relative;} .section-blog .blog-list-item:first-child .img {width: 60%; position: absolute; top: 0; left: 0; bottom: 0;} .section-blog .blog-list-item:first-child .img span {padding-bottom: 0; position: absolute; top: 0; left: 0; bottom: 0; right: 0;} .section-blog .blog-list-item:first-child .text {padding: 50px 30px 70px calc(60% + 30px);} .section-blog .blog-list-item:first-child .text .title {display: block; padding-right: 0; line-height: 1.2; width: auto; font-weight: 500;} .section-blog .blog-list-item:first-child .text .date {display: block; width: auto; text-align: left; padding-top: 30px; font-size: 16px;} .section-blog .blog-list-item:first-child .text .excerpt {margin-top: 30px;} .section-blog .blog-list-item:first-child .text .button {display: inline-block; border: none; margin-top: 30px;} .section-blog .blog-list-item:first-child .inner:hover .text .button {background: #000; color: #fff; text-decoration: underline;} .section-blog .blog-list-item:first-child .inner:hover .text .button.empty.arrow:after {border-bottom-color: #fff; border-right-color: #fff;} } @media (min-width: 1201px) { .section-blog .blog-list-item:first-child .text {padding: 80px 50px 100px calc(60% + 50px); font-size: 20px;} .section-blog .blog-list-item:first-child .text .title {font-size: 36px;} } @media (max-width: 767px) { .section-blog {margin-bottom: 10px;} .section-blog .blog-list-items {margin: 20px 0 0;} .section-blog .blog-list-item {display: block; width: auto;} .blog-pagination ul li .button {min-width: 10px;} } /* --- Selected Works --- */ .customers-container {margin: 0 -30px;} .customers {margin-top: 40px;} .customers .owl-nav {width: 470px; position: absolute; left: 25px; bottom: 28px; -webkit-tap-highlight-color: transparent; height: 0;} .customers .owl-nav [class*=owl-] {color: #372FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: none; display: inline-block; cursor: pointer; border-radius: 3px; outline: none; position: absolute; top: 0;} .customers .owl-nav button.owl-prev {left: 0;} .customers .owl-nav button.owl-next {right: 0;} .customers .owl-nav button.owl-prev i, .customers .owl-nav button.owl-next i {border-bottom: 2px solid #E7E7E7; border-right: 2px solid #E7E7E7; content: ''; display: inline-block; height: 20px; width: 20px; pointer-events: none; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(135deg); -ms-transform:rotate(135deg); transform: rotate(135deg); -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; vertical-align: baseline; position: relative;} .customers .owl-nav button.owl-next i {-webkit-transform: rotate(-45deg); -ms-transform:rotate(-45deg); transform: rotate(-45deg);} .customers .owl-nav [class*=owl-]:hover {background: none; color: #372FFF; text-decoration: none;} .customers .owl-nav button.owl-prev:hover i, .customers .owl-nav button.owl-next:hover i {border-bottom-color: #372FFF; border-right-color: #372FFF;} .customers .owl-nav .disabled {opacity: 0.5; cursor: default; pointer-events: none;} .customers .owl-dots {text-align: center; width: 470px; position: absolute; left: 25px; bottom: 10px; -webkit-tap-highlight-color: transparent; height: 0; display: flex; justify-content: center; align-content: center; align-items: center; padding: 0 50px;} .customers .owl-dots .owl-dot {display: inline-block; zoom: 1; outline: none; flex: 1 1 auto;} .customers .owl-dots .owl-dot span {height: 2px; margin: 5px 8px; background: #E7E7E7; display: block; -webkit-backface-visibility: visible; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease;} .customers .owl-dots .owl-dot.active span {background: #372FFF; height: 4px;} .customers-item {position: relative; padding: 0 30px 20px;} .customers-item .inner {position: relative; width: 67%; padding: 80px 70px 70px 0; display: inline-block; vertical-align: top; left: -33%;} .customers-item .description {position: relative; max-width: 880px; margin: 33px 0 0; font-size: 24px; color: #000;} .customers-item .description:before {content: ''; position: absolute; top: -45px; left: 0; width: 144px; height: 96px; background-image: url(img/blog-quotes.svg); background-repeat: no-repeat; background-position: center center; background-size: contain;} .customers-item .description p {margin: 0 0 0.7em; position: relative;} .customers-item .name {margin: 33px 0 0; font-size: 16px; color: #727272;} .customers-item .button {margin-top: 60px; min-width: 240px;} .customers-item .image {position: relative; width: 33%; display: inline-block; vertical-align: top; right: -67%;} .customers-item .image span {display: none;} .customers-item .image:before {content: ''; display: block; background: #372FFF; position: absolute; top: 20px; left: -20px; width: 100%; height: 100%;} .customers-item .image img {display: block; width: 100%; height: auto; position: relative;} @media (max-width: 1200px) { .customers .owl-nav {width: 270px;} .customers .owl-dots {width: 270px; padding: 0 30px;} .customers-item .description {font-size: 19px;} } @media (max-width: 991px) { .customers-item .inner {padding-top: 20px;} } @media (min-width: 768px) { .customers .owl-dots .owl-dot:hover span {background: #372FFF; height: 4px;} } @media (max-width: 767px) { .section-customers {padding-bottom: 50px;} .customers {margin-top: 30px;} .customers .owl-nav {display: none;} .customers .owl-dots {width: auto; position: relative; left: auto; bottom: auto; height: auto; display: flex; justify-content: center; align-content: center; align-items: center; padding: 20px 30px 0;} .customers .owl-dots .owl-dot span {margin: 0;} .customers-item .image {position: relative; display: block; right: auto; width: 152px; height: 152px; left: 10px;} .customers-item .image:before {top: 10px; left: -10px;} .customers-item .image img {display: none;} .customers-item .image span {position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; display: block; width: 100%; height: 100%;} .customers-item .inner {display: block; width: auto; max-width: 1000px; padding: 20px 0 5px; left: auto;} .customers-item .description {font-size: 18px; margin-top: 45px;} .customers-item .description:before {top: -25px; width: 96px; height: 64px;} .customers-item .name {margin-top: 20px; font-size: 14px;} .customers-item .button {margin-top: 30px; min-width: 10px; display: block;} } /* --- Heading --- */ .section-heading .section-title {max-width: 830px;} .section-heading .section-subtitle {max-width: 830px; margin-top: 30px;} @media (max-width: 767px) { .section-heading .section-subtitle {margin-top: 10px;} } /* --- Tools --- */ .tools-items {margin: 50px -12px 0;} .tools-item {display: inline-block; vertical-align: top; width: 25%; padding: 12px;} .tools-item .inner {display: block; color: #000; text-align: center; -webkit-transition: all 0.3s; transition: all 0.3s; border: 2px solid #000; padding: 30px;} .tools-item svg {margin-bottom: 25px; position: relative; bottom: -21px; -webkit-transition: bottom 0.3s; transition: bottom 0.3s; height: 96px; width: auto;} .tools-item svg path {fill: currentColor;} .tools-item img {margin-bottom: 25px; position: relative; bottom: -21px; height: 96px; width: auto; fill: currentColor; -webkit-transition: all 0.3s; transition: all 0.3s;} .tools-item .tech-title {font-weight: 400; font-size: 24px; margin: 0 0 25px; padding: 0; position: relative; bottom: -21px; -webkit-transition: bottom 0.3s; transition: bottom 0.3s;} .tools-item .more {font-weight: 500; font-size: 14px; text-transform: uppercase; position: relative; opacity: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s;} .tools-item .more:after {border-bottom: 2px solid #000; border-right: 2px solid #000; content: ''; display: inline-block; height: 7px; width: 7px; margin-left: 15px; pointer-events: none; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(-45deg); -ms-transform:rotate(-45deg); transform: rotate(-45deg); -webkit-transition: all 0.3s; transition: all 0.3s; vertical-align: baseline; position: relative; top: -3px;} .tools-item .inner:hover {color: #fff; background: #000;} .tools-item .inner:hover .more {opacity: 1;} .tools-item .inner:hover svg {bottom: 0;} .tools-item .inner:hover .tech-title {bottom: 0;} .tools-item .inner:hover .more:after {border-bottom-color: #fff; border-right-color: #fff;} .tools-item .inner:hover img {bottom: 0; -webkit-filter: invert(1); filter: invert(1);} .section-tools.inverse {background: #000;} .section-tools.inverse .section-title {color: #fff;} .section-tools.inverse .tools-item .inner {color: #fff; border: 2px solid #fff; background: #000;} .section-tools.inverse .tools-item .more:after {border-bottom-color: #000; border-right-color: #000;} .section-tools.inverse .tools-item .inner:hover {color: #000; background: #fff;} .section-tools.inverse .tools-item .inner:hover .more {color: #372FFF;} .section-tools.inverse .tools-item .inner:hover .more:after {border-bottom-color: #372FFF; border-right-color: #372FFF;} @media (max-width: 1200px) { .tools-item {width: 50%;} } @media (max-width: 767px) { .tools-items {margin: 22px -7px 0;} .tools-item {padding: 7px;} .tools-item svg {height: 70px; margin-bottom: 15px; bottom: -15px;} .tools-item img {height: 70px; margin-bottom: 15px; bottom: -15px;} .tools-item .inner {padding: 15px;} .tools-item .tech-title {font-size: 17px; margin-bottom: 15px; bottom: -15px;} .tools-item .more {font-size: 12px;} .tools-item .inner:hover svg {bottom: 0;} .tools-item .inner:hover .tech-title {bottom: 0;} .tools-item .inner:hover img {bottom: 0;} } /* --- Leadership --- */ .section-leadership .section-subtitle {margin-top: 15px;} .team-items {margin: 40px -25px -25px;} .team-item {display: inline-block; vertical-align: top; width: 25%; padding: 25px;} .team-item .photo {margin-bottom: 27px; position: relative;} .team-item .photo:before {content: ''; display: block; background: #372FFF; top: 8px; right: 8px; width: 100%; height: 100%; position: absolute;} .team-item .photo span {display: block; padding-bottom: 134%; position: relative; overflow: hidden;} .team-item .photo span i {display: block; background-repeat: no-repeat; background-position: center center; background-size: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: all 0.3s; transition: all 0.3s;} .team-item .photo:hover span i {top: 0; left: -20px; right: -20px; bottom: -50px;} .team-item .name {font-size: 20px; margin: 0 0 7px; padding: 0; font-weight: 400;} .team-item .position {margin: 0; padding: 0; font-size: 16px; color: #747474;} @media (max-width: 991px) { .team-item {width: 50%;} } @media (max-width: 570px) { .team-items {margin: 15px 0 -25px;} .team-item {display: block; width: auto; padding: 25px 0;} } /* --- Carousel (Agency) --- */ .agency-carousel {margin-top: 55px;} .agency-carousel .owl-stage-outer {overflow: visible;} .agency-carousel-item .image {padding-bottom: 66%; background-repeat: no-repeat; background-position: center center; background-size: cover;} .agency-carousel .owl-nav {width: 670px; position: relative; -webkit-tap-highlight-color: transparent; height: 0; margin: 0 auto; bottom: -52px;} .agency-carousel .owl-nav [class*=owl-] {color: #372FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: none; display: inline-block; cursor: pointer; border-radius: 3px; outline: none; position: absolute; top: 0;} .agency-carousel .owl-nav button.owl-prev {left: 0;} .agency-carousel .owl-nav button.owl-next {right: 0;} .agency-carousel .owl-nav button.owl-prev i, .agency-carousel .owl-nav button.owl-next i {border-bottom: 2px solid #E7E7E7; border-right: 2px solid #E7E7E7; content: ''; display: inline-block; height: 20px; width: 20px; pointer-events: none; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(135deg); -ms-transform:rotate(135deg); transform: rotate(135deg); -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; vertical-align: baseline; position: relative;} .agency-carousel .owl-nav button.owl-next i {-webkit-transform: rotate(-45deg); -ms-transform:rotate(-45deg); transform: rotate(-45deg);} .agency-carousel .owl-nav [class*=owl-]:hover {background: none; color: #372FFF; text-decoration: none;} .agency-carousel .owl-nav button.owl-prev:hover i, .agency-carousel .owl-nav button.owl-next:hover i {border-bottom-color: #372FFF; border-right-color: #372FFF;} .agency-carousel .owl-nav .disabled {opacity: 0.5; cursor: default; pointer-events: none;} .agency-carousel .owl-dots {text-align: center; margin: 70px auto 0; width: 670px; position: relative; -webkit-tap-highlight-color: transparent; height: 0; display: flex; justify-content: center; align-content: center; align-items: center; padding: 0 50px;} .agency-carousel .owl-dots .owl-dot {display: inline-block; zoom: 1; outline: none; flex: 1 1 auto;} .agency-carousel .owl-dots .owl-dot span {height: 2px; margin: 5px 8px; background: #E7E7E7; display: block; -webkit-backface-visibility: visible; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease;} .agency-carousel .owl-dots .owl-dot.active span {background: #372FFF; height: 4px;} @media (max-width: 767px) { .agency-carousel {margin-top: 30px;} .agency-carousel .owl-nav {display: none;} .agency-carousel .owl-dots {width: auto; margin: 20px auto 10px; position: relative; left: auto; bottom: auto; height: auto; display: flex; justify-content: center; align-content: center; align-items: center; padding: 20px 0 0;} .agency-carousel .owl-dots .owl-dot span {margin: 0;} } /* --- Locations --- */ .section-locations .section-subtitle {margin-top: 30px;} .locations-items {margin: 40px -15px 0;} .locations-item {display: inline-block; vertical-align: top; width: 50%; padding: 15px;} .locations-item .photo {position: relative;} .locations-item .photo:before {content: ''; display: block; background: #000; top: 0; right: 0; width: 100%; height: 100%; position: absolute; -webkit-transition: all 0.3s; transition: all 0.3s;} .locations-item .photo span {display: block; padding-bottom: 66%; position: relative; overflow: hidden;} .locations-item .photo i {display: block; background-repeat: no-repeat; background-position: center center; background-size: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: all 0.3s; transition: all 0.3s;} .locations-item .photo .name {font-weight: 500; font-size: 48px; color: #fff; position: absolute; bottom: 40px; left: 50px; right: 50px; overflow: hidden; margin: 0; padding: 0; -webkit-transition: all 0.3s; transition: all 0.3s;} .locations-item .photo:hover span i {top: -20px; left: -20px; right: -20px; bottom: -20px;} .locations-item .photo:hover .name {left: 60px; right: 60px;} .locations-item .photo:hover:before {top: 8px; right: 8px;} @media (max-width: 991px) { .locations-item .photo .name {font-size: 36px; bottom: 30px; left: 40px; right: 40px;} .locations-item .photo:hover span i {top: -10px; left: -10px; right: -10px; bottom: -10px;} .locations-item .photo:hover .name {left: 50px; right: 50px;} } @media (max-width: 767px) { .section-locations .section-subtitle {margin-top: 15px;} .locations-items {margin: 30px 0 0;} .locations-item {display: block; width: auto; padding: 0 0 20px;} .locations-item .photo .name {font-size: 32px; bottom: 20px; left: 20px; right: 20px;} .locations-item .photo:hover span i {top: -10px; left: -10px; right: -10px; bottom: -10px;} .locations-item .photo:hover .name {left: 30px; right: 30px;} } /* --- Clients Logos --- */ .clients-logos-items {margin: 60px 0 20px; position: relative;} .clients-logos-items:after {content: ''; display: block; position: absolute; right: 0; left: 0; border-right: 2px solid #fff; border-bottom: 2px solid #fff; top: 0; bottom: 0; pointer-events: none;} .clients-logos-item {display: inline-block; vertical-align: top; width: 33.33%; border-right: 2px solid #F4F4F4; border-bottom: 2px solid #F4F4F4;} .clients-logos-item .photo {position: relative; -webkit-transition: background 0.3s; transition: background 0.3s;} .clients-logos-item .photo span {display: block; padding-bottom: 35%; position: relative; overflow: hidden;} .clients-logos-item .photo i {display: block; background-repeat: no-repeat; background-position: center center; background-size: contain; position: absolute; top: 50%; left: 0; right: 0; bottom: 0; width: calc(100% - 100px); max-width: 400px; height: 96px; margin: -48px auto 0;} .clients-logos-item:hover .photo {background: #F4F4F4;} @media (max-width: 991px) { .clients-logos-item {width: 50%;} } @media (max-width: 767px) { .clients-logos-items {margin-top: 30px;} .clients-logos-items:after {border-right-width: 1px; border-bottom-width: 1px;} .clients-logos-item {border-right-width: 1px; border-bottom-width: 1px;} .clients-logos-item .photo span {padding-bottom: 60%;} .clients-logos-item .photo i {width: calc(100% - 30px); max-width: 300px; height: auto; margin: 0 auto; top: 15px; bottom: 15px;} } /* --- Contact modal --- */ .contact-modal-base .fancybox-slide--html {padding: 0;} .contact-modal-base .fancybox-slide--html .fancybox-close-small {padding: 0px; right: 20px; top: 20px; color: #000;} .contact-modal {display: none; width: 100%; padding: 0; min-height: 100%; position: relative;} .contact-modal:before {background: #000; content: ''; display: block; top: 0; left: 0; bottom: 0; position: absolute; width: 50%;} .contact-modal .left {background: #000; display: inline-block; vertical-align: top; width: 50%; position: relative; color: #fff; text-align: center; padding: 90px 120px; border-top: 8px solid #372FFF;} .contact-modal .right {display: inline-block; vertical-align: top; width: 50%; position: relative; padding: 50px; padding: 90px 120px; border-top: 8px solid #fff; overflow: hidden;} .contact-modal .modal-title {margin: 0; font-weight: 500; font-size: 36px; line-height: 1.3;} .contact-modal .modal-subtitle {margin: 30px 0 0; font-size: 20px; color: #747474;} .contact-modal .ceo {max-width: 465px; text-align: left;} .contact-modal .ceo .photo {margin: 95px 0 62px; position: relative; max-width: 280px;} .contact-modal .ceo .photo:before {content: ''; display: block; background: #372FFF; top: 8px; right: 8px; width: 100%; height: 100%; position: absolute;} .contact-modal .ceo .photo span {display: block; padding-bottom: 134%; position: relative; overflow: hidden;} .contact-modal .ceo .photo span i {display: block; background-repeat: no-repeat; background-position: center center; background-size: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: all 0.3s; transition: all 0.3s;} .contact-modal .ceo .name {margin: 0 0 13px; padding: 0; font-weight: 500; font-size: 36px;} .contact-modal .ceo .position {margin: 0; padding: 0; font-size: 18px; color: rgba(255, 255, 255, 0.45);} .modal-site-options {margin: 60px -12px 0; position: relative; max-width: 560px;} .modal-site-option {display: inline-block; vertical-align: top; width: 50%; padding: 12px; position: relative;} .modal-site-option input[type="radio"] {display: inline-block; margin: 0; position: absolute; opacity: 0; top: 30px; left: 30px;} .modal-site-option .input-label {display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; cursor: pointer; margin: 13px;} .modal-site-option .inner {position: relative; border: 2px solid #372FFF; min-height: 240px; padding: 30px; -webkit-transition: all 0.3s; transition: all 0.3s; overflow: hidden;} .modal-site-option .icon {width: 48px; height: 48px; display: block; margin-bottom: 20px; position: relative;} .modal-site-option .icon img {display: block; width: 100%; height: 100%;} .modal-site-option .icon .hover {opacity: 0; position: absolute; top: 0; left: 0;} .modal-site-option .s-title {color: #000; font-size: 20px; font-weight: 400; margin: 0; padding: 0;} .modal-site-option .input-label:hover ~ .inner .icon .hover {opacity: 1;} .modal-site-option .input-label:hover ~ .inner {background: #372FFF;} .modal-site-option .input-label:hover ~ .inner .s-title {color: #fff;} .modal-site-option input[type="radio"]:checked ~ .inner .icon .hover {opacity: 1;} .modal-site-option input[type="radio"]:checked ~ .inner {background: #372FFF;} .modal-site-option input[type="radio"]:checked ~ .inner .s-title {color: #fff;} .contact-modal .step-1 {position: relative; opacity: 1; left: 0; -webkit-transition: all 0.3s; transition: all 0.3s; display: block;} .contact-modal .step-2 {position: relative; opacity: 0; right: -100px; -webkit-transition: all 0.3s; transition: all 0.3s; display: none;} .contact-modal.loading .step-1 {opacity: 0.4; pointer-events: none;} .contact-modal.loading .step-2 {opacity: 0; pointer-events: none;} .contact-modal.hide-step-1 .step-1 {pointer-events: none;} .contact-modal:not(.show-step-2) .step-2 {pointer-events: none;} .contact-modal.hide-step-1 .step-1 {opacity: 0; left: -150px;} .contact-modal.show-step-2 .step-1 {display: none;} .contact-modal.show-step-2 .step-2 {display: block;} .contact-modal.display-step-2 .step-2 {opacity: 1; right: 0;} .contact-modal .loading-spinner, .contacts-form .loading-spinner {opacity: 0; position: fixed; top: 0; left: 50%; right: 0; height: 100%; z-index: 2; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; pointer-events: none;} .contact-modal .loading-spinner svg, .contacts-form .loading-spinner svg {display: block; fill: #372FFF; width: 80px; height: 80px; position: absolute; top: 50%; left: 50%; margin: -40px 0 0 -40px; -webkit-animation: rotation 2s infinite linear; animation: rotation 2s infinite linear;} .contact-modal.loading .loading-spinner, .contacts-form .loading + .loading-spinner {opacity: 1;} @-moz-keyframes rotation {from {-moz-transform: rotate(0deg);} to {-moz-transform: rotate(359deg);}} @-webkit-keyframes rotation {from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(359deg);}} @keyframes rotation {from {transform: rotate(0deg);} to {transform: rotate(359deg);}} .modal-site-form {margin: 30px 0 60px;} .modal-site-form .form-bottom {padding-top: 50px;} .modal-site-form .form-bottom .back {display: inline-block; vertical-align: top; width: 50%; padding-right: 20px;} .modal-site-form .form-bottom .back .button {min-width: auto; display: block; width: 100%; max-width: 200px;} .modal-site-form .form-bottom .submit {display: inline-block; vertical-align: top; width: 50%; padding-left: 20px; text-align: right;} .modal-site-form .form-bottom .submit .button {min-width: auto; display: block; width: 100%; max-width: 240px; margin: 0 0 0 auto;} @media (max-width: 1500px) { .contact-modal .left, .contact-modal .right {padding-left: 50px; padding-right: 50px;} } @media (max-width: 1200px) { .modal-site-option .s-title {font-size: 18px;} .modal-site-form .form-bottom .back .button {max-width: 150px;} .modal-site-form .form-bottom .submit .button {max-width: 170px;} } @media (max-width: 991px) { .contact-modal .left, .contact-modal .right {padding-left: 30px; padding-right: 30px;} .contact-modal .modal-title {font-size: 25px;} .contact-modal .ceo .photo {max-width: 220px;} .contact-modal .ceo .name {font-size: 27px; margin-bottom: 5px;} .contact-modal .ceo .position {font-size: 16px;} .contact-modal .modal-subtitle {margin-top: 20px; font-size: 16px;} .modal-site-options {margin-left: -10px; margin-right: -10px;} .modal-site-option {padding: 10px;} .modal-site-option .inner {padding: 20px;} .modal-site-option .s-title {font-size: 16px;} } @media (max-height: 950px) { .contact-modal .left, .contact-modal .right {padding-top: 50px; padding-bottom: 50px;} .modal-site-form {margin-bottom: 10px;} .modal-site-form .form-bottom {padding-top: 0;} } @media (max-height: 850px) { .contact-modal .left, .contact-modal .right {padding-top: 30px; padding-bottom: 30px;} .contact-modal .ceo .photo {margin: 45px 0 32px;} .contact-modal .modal-subtitle {margin-top: 15px;} .contact-modal .right .modal-title {padding-right: 40px;} .modal-site-options {margin-top: 30px;} } @media (max-height: 750px) { .modal-site-option .inner {min-height: 190px;} } @media (max-width: 991px) { .modal-site-option .inner {min-height: 170px;} } @media (max-width: 767px) { .contact-modal-base .fancybox-slide--html .fancybox-close-small {right: 8px; top: 14px; padding: 4px;} .contact-modal:before {content: none;} .contact-modal .left {display: none;} .contact-modal .loading-spinner {left: 0;} .contact-modal .right {display: block; width: auto; padding: 20px; padding: 20px 20px; border-top: none;} .contact-modal .right .modal-title {padding-right: 40px; max-width: 300px;} .contact-modal .modal-title {font-size: 24px;} .contact-modal .modal-subtitle {margin-top: 13px;} .modal-site-options {margin: 30px 0 0;} .modal-site-option {display: block; width: auto; padding: 0 0 7px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);} .modal-site-option .inner {padding: 20px; min-height: 10px;} .modal-site-option .icon {margin-bottom: 25px;} .modal-site-option .s-title {font-size: 18px; line-height: 1.3;} .modal-site-form .form-bottom .back .button, .modal-site-form .form-bottom .submit .button {max-width: 140px;} } /* --- Article --- */ .article-fullwidth-image i {display: block; background-repeat: no-repeat; background-position: center center; background-size: cover; height: 600px;} .article-content {background: #fff; margin-top: -60px; padding: 120px 30px;} .article-content-inner {max-width: 960px; margin: 0 auto; font-size: 18px; line-height: 1.67; color: #5A5A5A;} .article-content-inner .article-title {margin: 0; padding: 0; font-weight: 500; font-size: 48px; line-height: 1.25; color: #000;} .article-content-inner .date {font-size: 16px; margin: 0; padding: 30px 0 20px;} .article-content-inner h1, .article-content-inner h2, .article-content-inner h3, .article-content-inner h4, .article-content-inner h5, .article-content-inner h6 {color: #000;} .article-content-inner ul li {margin: 10px 0;} .article-content-inner .tags {margin-top: 60px;} .article-content-inner .tags .tag {font-size: 14px; margin: 0; background: #fff; padding: 6px 17px; margin: 0 10px 10px 0; display: inline-block; vertical-align: top; color: #000; text-transform: lowercase; border: 2px solid #372FFF; -webkit-transition: all 0.3s; transition: all 0.3s;} .article-content-inner .tags .tag:hover {background: #372FFF; color: #fff;} @media (max-width: 1200px) { .article-content {margin-top: -30px; padding: 40px 30px 80px;} .article-fullwidth-image i {height: auto; padding-bottom: 30%;} .article-content-inner .article-title {font-size: 32px;} } @media (max-width: 767px) { .article-content {margin-top: 0; padding: 25px 0 40px;} .article-content-inner {font-size: 16px; line-height: inherit;} .article-content-inner .article-title {font-size: 24px;} .article-content-inner .date {font-size: 14px; padding: 20px 0 10px;} .article-content-inner .tags {margin-top: 30px;} .article-content-inner .tags .tag {padding: 6px 12px; font-size: 12px;} .article-content-inner ul li {margin: 5px 0;} } /* --- Contacts --- */ .section-contacts .left {display: inline-block; vertical-align: top; width: 45%; padding-right: 40px;} .section-contacts .right {display: inline-block; vertical-align: top; width: 55%;} .contacts-map {position: relative; display: block; background: #333; padding-bottom: 80%;} .contacts-map .map-model {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .contacts-map .map-model img {max-width: none !important;} .contacts-map .map-locations {display: none;} .contacts-office {font-weight: 400; font-size: 24px; padding: 120px 0 40px;} .contacts-office p {margin: 0;} .contacts-office .office-title {margin: 0 0 30px; padding: 0; font-weight: 500; font-size: 36px; color: #1D1D1D;} .contacts-office .contacts-telephones {padding-top: 60px;} .contacts-office .contacts-telephones p {margin-bottom: 10px;} @media (max-width: 1200px) { .contacts-office {font-size: 20px; padding-top: 60px;} .contacts-office .office-title {font-size: 30px;} } @media (max-width: 991px) { .section-contacts .left {display: block; width: auto; padding-right: 0;} .section-contacts .right {display: block; width: auto;} .contacts-office .contacts-telephones {padding-top: 20px;} .contacts-map {padding-bottom: 40%;} } @media (max-width: 767px) { .section-contacts .section-title {font-size: 26px;} .contacts-office {font-size: 16px; padding: 15px 0 25px;} .contacts-office .office-title {font-size: 20px; margin-bottom: 15px;} .contacts-map {padding-bottom: 120%;} .contacts-office .contacts-telephones p {margin-bottom: 5px;} } /* --- Contacts form --- */ .contacts-form {position: relative; padding-top: 60px;} .contacts-form .left {display: inline-block; vertical-align: top; width: 42%; padding-right: 140px;} .contacts-form .right {display: inline-block; vertical-align: top; width: 58%;} .contacts-form .right textarea {height: 262px; resize: none;} .contacts-form .form-bottom {margin-top: -10px;} .contacts-form .form-bottom .terms {display: inline-block; vertical-align: middle; width: 50%; padding-right: 40px; padding-top: 35px;} .contacts-form .form-bottom .submit {display: inline-block; vertical-align: middle; width: 50%; text-align: right;} .contacts-form .form-bottom .submit .button {min-width: 240px;} @media (max-width: 1200px) { .contacts-form .left {padding-right: 60px;} } @media (max-width: 767px) { .contacts-form {padding-top: 30px;} .contacts-form .left {display: block; width: auto; padding-right: 0;} .contacts-form .right {display: block; width: auto;} .contacts-form .right textarea {height: auto;} .contacts-form .form-bottom {margin-top: 0;} .contacts-form .form-bottom .terms {display: block; width: auto; padding-right: 0; padding-top: 0;} .contacts-form .form-bottom .submit {display: block; width: auto; padding-top: 5px;} .contacts-form .form-bottom .submit .button {min-width: 10px; width: 100%;} } /* --- Footer --- */ .site-footer {background: #000; color: #fff; padding: 80px 0; font-size: 16px; overflow: hidden; line-height: 1.5;} .site-footer p {margin: 0;} .site-footer a {color: #fff;} .site-footer a:hover {text-decoration: underline;} .site-footer .inner {display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: stretch; align-items: flex-start;} .site-footer .about {max-width: 380px; padding: 50px 0 40px;} .site-footer .about p {margin: 0;} .site-footer .soc {margin: 0 -10px; padding: 0;} .site-footer .soc li {list-style: none; display: inline-block; vertical-align: top; padding: 0 10px;} .site-footer .soc li a {text-decoration: none; color: #fff; -webkit-transition: all 0.3s; transition: all 0.3s;} .site-footer .soc li a svg {width: 24px; height: 24px;} .site-footer .soc li a path {fill: currentColor;} .site-footer .soc li a:hover {color: #372FFF;} .site-footer .inner .col {order: 0; flex: 0 1 auto; align-self: auto; min-width: 0; padding: 0 25px;} .site-footer .inner .col:first-child {flex: 1 1 auto; padding-left: 0;} .site-footer .inner .col:last-child {padding-right: 0;} .site-footer .logo {display: inline-block; vertical-align: middle; text-decoration: none; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; font-size: 1px; width: 170px;} .site-footer .logo img {display: block; width: 100%; height: auto;} .site-footer .footer-title {margin: 0 0 17px; font-size: 20px;} .site-footer .footer-title a {display: none;} .footer-navigation {margin: 0; padding: 0;} .footer-navigation ul {display: none;} .footer-navigation li {list-style: none; display: block; position: relative; margin-bottom: 7px;} .footer-navigation li a {text-decoration: none; color: #666; display: inline-block;} .footer-navigation li > a:hover, .footer-navigation li.current-menu-item > a {color: #fff; text-decoration: none;} @media (max-width: 1200px) { .site-footer .inner {flex-wrap: wrap;} .site-footer .inner .col:nth-of-type(n) {flex: 0 0 25%;} .site-footer .inner .col:first-child {flex: 0 0 100%; padding-bottom: 60px;} .site-footer .inner .col:nth-of-type(2) {padding-left: 0;} } @media (max-width: 767px) { .site-footer {padding: 30px 0; font-size: 14px;} .site-footer .inner {display: block;} .site-footer .inner .col:nth-of-type(n) {flex: none; padding: 10px 10px 0;} .site-footer .inner .col:first-child {margin-bottom: 20px;} .site-footer .logo {display: block;} .site-footer .about {max-width: none; padding: 30px 0 20px;} .site-footer .footer-title {font-size: 16px; padding: 10px 0; position: relative; margin-bottom: 12px;} .site-footer .fnav .footer-title {border-bottom: 2px solid #fff;} .site-footer .fnav .footer-title a {display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0;} .site-footer .fnav .footer-title a:before {content: ''; display: block; position: absolute; top: 50%; right: 4px; width: 2px; height: 10px; background: #fff; margin-top: -4px; -webkit-transition: all 0.3s; transition: all 0.3s;} .site-footer .fnav .footer-title a:after {content: ''; display: block; position: absolute; top: 50%; right: 0; width: 10px; height: 2px; background: #fff;} .site-footer .fnav.opened .footer-title a:before {height: 0; margin-top: 0;} .site-footer .footer-navigation {display: none;} .footer-navigation li {padding: 7px 0; margin-bottom: 0;} .footer-navigation li a {color: #888;} } /* --- Projects list item --- */ .projects-list-item {position: relative; padding-right: 58%;} .projects-list-item .img {width: 58%; position: absolute; top: 0; right: 0; bottom: 0;} .projects-list-item .img span {display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden;} .projects-list-item .img span i {display: block; background-repeat: no-repeat; background-position: center center; background-size: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: all 0.3s; transition: all 0.3s;} .projects-list-item .text {border: 2px solid #000; padding: 45px 45px 40px 45px; font-size: 18px; -webkit-transition: all 0.3s; transition: all 0.3s; background: #fff;} .projects-list-item .text p {margin: 0;} .projects-list-item .text .about {margin: 0 0 45px; padding: 0; font-size: 16px; line-height: 1.13; color: #727272;} .projects-list-item .text .title {margin: 0; padding: 0; font-size: 36px; color: #000; display: block; line-height: 1.2; font-weight: 500;} .projects-list-item .text .excerpt {margin: 25px 0 0; line-height: 1.67;} .projects-list-item .text .bottom {margin: 50px 0 0; font-weight: 500; font-size: 14px; line-height: 1.7; text-transform: uppercase; color: #727272;} .projects-list-item .text .button {margin-top: 70px; min-width: 240px; position: relative; z-index: 2;} .projects-list-item .more {display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; user-select: none; opacity: 0; text-indent: -9999px;} .projects-list-item .tags {position: absolute; top: 30px; left: 30px; right: 30px;} .projects-list-item .tags .tag {margin: 0; background: #372FFF; padding: 10px 17px; margin: 0 10px 10px 0; display: inline-block; vertical-align: top; color: #fff; text-transform: lowercase;} .projects-list-item:hover .text {background: #000; color: rgba(255, 255, 255, 0.65);} .projects-list-item:hover .img span i {top: -20px; left: -20px; right: -20px; bottom: -20px;} .projects-list-item:hover .text .title {color: #fff;} @media (max-width: 1200px) { .projects-list-item .text {font-size: 16px;} .projects-list-item .text .title {font-size: 24px;} } @media (max-width: 991px) { .projects-list-item .img {width: 40%;} .projects-list-item {padding-right: 40%;} .projects-list-item .text {padding: 35px 35px 20px 35px;} .projects-list-item .text .title {padding: 0; font-size: 20px; display: block; width: auto;} .projects-list-item .text .excerpt {margin-top: 10px;} } @media (max-width: 767px) { .projects-list-item {padding: 0;} .projects-list-item .img {width: auto; position: relative;} .projects-list-item .img span {position: relative; padding-bottom: 62%;} .projects-list-item .text {font-size: 14px; padding: 15px;} .projects-list-item .text .about {font-size: 12px; margin-bottom: 20px;} .projects-list-item .text .title {font-size: 18px; margin-bottom: 15px;} .projects-list-item .text .bottom {margin-top: 20px; font-size: 12px; font-weight: 400;} .projects-list-item .text .button {margin-top: 20px; min-width: 160px; display: block;} .projects-list-item .tags {top: 15px; left: 15px; right: 15px;} .projects-list-item .tags .tag {padding: 6px 12px; font-size: 12px;} } /* --- Projects --- */ .section-projects {padding-top: 0; margin-top: -10px;} .section-projects .wrapper {position: relative;} .section-projects .projects-list-item {margin-top: 50px;} .section-projects .projects-list-item {position: relative;} .section-projects .projects-list-filters {font-weight: 500; font-size: 14px;} .section-projects .projects-list-filters p {display: inline-block; vertical-align: middle; margin: 0 60px 0 0; padding: 5px 0; line-height: 1.15; text-transform: uppercase; color: #000;} .section-projects .projects-list-filters p a {color: #000;} .section-projects .projects-list-filters p.active a {color: #372FFF;} .section-projects .projects-list-filters p:first-child {padding-left: 0;} .section-projects .projects-list-filters p:last-child {padding-right: 0;} .section-projects .projects-list-filters .title {color: #727272;} .section-projects .projects-list-item:nth-child(odd) {padding-right: 0; padding-left: 58%;} .section-projects .projects-list-item:nth-child(odd) .img {left: 0; right: auto;} @media (max-width: 1200px) { .section-projects .projects-list-filters p {margin-right: 30px;} } @media (max-width: 991px) { .section-projects .projects-list-items {margin-top: 25px;} .section-projects .projects-list-item:nth-child(odd) {padding-left: 40%;} } @media (max-width: 767px) { .section-projects {margin: 0 0 15px;} .section-projects .projects-list-filters {font-size: 13px;} .section-projects .projects-list-filters p {margin-right: 20px;} .section-projects .projects-list-items {margin-top: 20px;} .section-projects .projects-list-item {margin-top: 20px;} .section-projects .projects-list-item:nth-child(odd) {padding: 0;} .section-projects .projects-list-item:nth-child(odd) .text {font-size: 14px;} } /* --- Single project heading, main image --- */ .single-project-heading {background: #000; color: #fff; padding: 120px 0; font-size: 18px; line-height: 1.33;} .single-project-heading .title {margin: 0; padding: 0; font-weight: 500; font-size: 48px; line-height: 1.25;} .single-project-heading .info-items {padding-top: 20px;} .single-project-heading .info-item {display: inline-block; vertical-align: top; margin-top: 30px;} .single-project-heading .info-item:not(:last-child) {margin-right: 160px;} .single-project-heading .info-item span {display: block; margin-bottom: 10px;} .single-project-heading .info-item i {font-style: normal; color: #727272;} .single-project-main-image {min-height: 190px; position: relative; margin-bottom: 65px;} .single-project-main-image .wrapper {max-width: 1640px;} .single-project-main-image:before {content: ''; height: 190px; left: 0; top: -1px; right: 0; background: #000; position: absolute;} .single-project-main-image .img {position: relative; background: #000; border: 2px solid #fff; border-radius: 40px; padding: 46px;} .single-project-main-image img {display: block; width: 100%; height: auto;} @media (max-width: 991px) { .single-project-heading .info-item:not(:last-child) {margin-right: 80px;} .single-project-main-image .img {border-radius: 30px; padding: 30px;} } @media (max-width: 767px) { .single-project-heading {padding: 50px 0 60px; font-size: 16px;} .single-project-heading .info-item {display: block; margin-top: 10px;} .single-project-heading .info-item:not(:last-child) {margin-right: 0;} .single-project-heading .info-item span {display: inline-block; vertical-align: top; margin: 0 20px 0 0;} .single-project-heading .info-item i {display: inline-block; vertical-align: top;} .single-project-heading .title {font-size: 30px;} .single-project-main-image {min-height: 70px; margin-bottom: 35px;} .single-project-main-image:before {height: 70px;} .single-project-main-image .img {border-radius: 20px; padding: 16px;} } /* --- Single project heading, main image (alt) --- */ .single-project-heading.alt {background: #F4F4F4; color: #000;} .single-project-main-image.alt:before {background: #F4F4F4;} .single-project-main-image.alt .img {background: #fff; border: 2px solid #000;} .single-project-main-image.alt img {border: 2px solid #000;} /* --- Single project main image (alt2) --- */ .single-project-main-image.alt2 {padding: 100px 0;} .single-project-main-image.alt2:before {content: none;} .single-project-main-image.alt2 .img {background: #fff; border: 2px solid #000;} .single-project-main-image.alt2 img {border: 2px solid #000;} @media (max-width: 991px) { .single-project-main-image.alt2 {padding: 50px 0;} } @media (max-width: 767px) { .single-project-main-image.alt2 {padding: 30px 0;} } /* --- Single project details --- */ .single-project-details {padding: 120px 0 75px;} .single-project-details .left {display: inline-block; vertical-align: top; width: 50%; padding-right: 15px;} .single-project-details .right {display: inline-block; vertical-align: top; width: 50%; padding-left: 15px;} .single-project-details .bottom {padding: 130px 0 0;} .single-project-details img {display: block; width: 100%; height: auto;} .single-project-details .details-item {font-size: 18px; line-height: 1.67; color: #737373; max-width: 90%; padding-bottom: 30px;} .single-project-details .details-item .title {margin: 0; padding-bottom: 10px; font-weight: 500; font-size: 36px; line-height: 1.2; color: #000;} .single-project-details .details-item p {margin: 1.3em 0;} .single-project-details .details-item .online {color: #000; display: flex; justify-content: space-between; margin: 0 -10px; padding-top: 15px;} .single-project-details .details-item .online p {margin: 0; padding: 0 10px;} .single-project-details .details-item .online a {color: #372FFF; text-decoration: underline;} .single-project-details .details-item ul {margin: 0; padding: 0;} .single-project-details .details-item ul li {list-style: none; display: block; vertical-align: top; color: #000; position: relative; padding-left: 20px; margin: 1.3em 0;} .single-project-details .details-item ul li:before {content: ''; display: block; width: 6px; height: 6px; background: #372FFF; position: absolute; top: 50%; left: 0; margin-top: -3px; transform: rotate(45deg);} .single-project-details .details-item ul li p {margin: 0;} .single-project-details .details-item.scope {max-width: 75%; margin: 0 0 0 auto;} .single-project-details .details-item.ux {max-width: 100%; display: flex; justify-content: space-between;} .single-project-details .details-item.ux .title {flex: 0 1 40%; padding-right: 50px;} .single-project-details .details-item.ux .text {flex: 0 1 60%;} .single-project-details .details-item.ux .text p:first-child {margin-top: 0;} .single-project-details .details-item.alt {max-width: 100%; display: flex; justify-content: space-between;} .single-project-details .details-item.alt .title-flex {flex: 0 1 40%; padding-right: 50px; display: flex; flex-direction: column;} .single-project-details .details-item.alt .title-flex .title {flex: 1 0 auto; flex-direction: column;} .single-project-details .details-item.alt .text {flex: 0 1 60%;} .single-project-details .details-item.alt .text p:first-child {margin-top: 0;} .single-project-details .details-item.alt .text p:last-child {margin-bottom: 0;} .single-project-details .details-item.alt .online {display: block; margin: 0; padding-top: 15px;} .single-project-details .details-item.alt .online p {padding: 0;} .single-project-details .details-item.alt .online a {text-decoration: none;} .single-project-details .details-item.alt .online a:hover {text-decoration: underline;} @media (max-width: 991px) { .single-project-details {padding: 0 0 10px;} .single-project-details .left {display: block; width: auto; padding: 0;} .single-project-details .right {display: block; width: auto; padding: 0;} .single-project-details .bottom {padding: 0;} .single-project-details .details-item {max-width: 100%; padding-top: 20px;} .single-project-details .details-item.scope {max-width: 100%;} .single-project-details .details-item.ux {max-width: 100%; display: block;} .single-project-details .details-item.ux .title {flex: none; padding-right: 0;} .single-project-details .details-item.ux .text {flex: none;} .single-project-details .details-item.ux .text p:first-child {margin-top: 1.3em;} .single-project-details .details-item .online {justify-content: flex-start;} } @media (max-width: 767px) { .single-project-details .details-item {font-size: 16px;} .single-project-details .details-item .title {font-size: 24px;} .single-project-details .details-item .online {padding-top: 5px;} .single-project-details .details-item.alt {display: block; padding-bottom: 0;} .single-project-details .details-item.alt .title-flex {flex: none; padding-right: 0;} .single-project-details .details-item.alt .title-flex .title {flex: none;} .single-project-details .details-item.alt .text {flex: none;} .single-project-details .details-item.alt .online {padding: 5px 0 25px;} .single-project-details .details-item.alt .online p {display: inline-block; margin-right: 20px;} } /* --- Single project single image --- */ .single-project-single-image img {display: block; width: 100%; height: auto;} @media (max-width: 767px) { .single-project-single-image {margin: 0 -20px;} } /* --- Single project colors --- */ .single-project-colors {padding: 120px 0 80px;} .single-project-colors .title {margin: 0; padding-bottom: 10px; font-weight: 500; font-size: 36px; line-height: 1.2; color: #000;} .single-project-colors .colors-items {margin: 60px -4px 75px; display: flex;} .single-project-colors .colors-item {padding: 4px; flex: 1 1 auto;} .single-project-colors .colors-item .inner {min-height: 230px; position: relative;} .single-project-colors .colors-item span {position: absolute; top: 20px; left: 20px; background: #fff; display: inline-block; font-size: 20px; line-height: 1.4; padding: 0 10px; text-transform: uppercase; color: #000; -webkit-transform: translateX(-100%) rotate(-90deg); transform: translateX(-100%) rotate(-90deg); -webkit-transform-origin: 100% 0; transform-origin: 100% 0;} .single-project-colors .images-items {margin: 0 -35px 0;} .single-project-colors .images-item {padding: 35px; display: inline-block; vertical-align: top; width: 50%;} .single-project-colors .images-item .inner {position: relative;} .single-project-colors .images-item span {display: block; padding-bottom: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;} @media (max-width: 991px) { .single-project-colors {padding: 80px 0 40px;} .single-project-colors .colors-items {margin: 30px -4px 45px;} .single-project-colors .colors-item span {top: 15px; left: 15px; font-size: 16px;} .single-project-colors .images-items {margin: 0 -15px;} .single-project-colors .images-item {padding: 15px;} } @media (max-width: 767px) { .single-project-colors {padding: 30px 0 0;} .single-project-colors .title {font-size: 24px;} .single-project-colors .colors-items {margin: 30px -20px 40px;} .single-project-colors .colors-item {padding: 0;} .single-project-colors .colors-item span {top: 7px; left: 7px; font-size: 14px;} .single-project-colors .images-items {margin: 0 -20px;} .single-project-colors .images-item {padding: 0;} } /* --- Single project long image --- */ .single-project-long-image {padding: 120px 0; background: #000;} .single-project-long-image img {display: block; width: 100%; height: auto;} @media (max-width: 991px) { .single-project-long-image {padding: 60px 0;} } @media (max-width: 767px) { .single-project-long-image {padding: 0;} .single-project-long-image .wrapper {padding: 0;} } /* --- Single project mobile images --- */ .single-project-mobile-images {margin: 0 -35px; padding: 85px 0;} .single-project-mobile-images .mobile-item {padding: 35px; display: inline-block; vertical-align: top; width: 33.33%;} .single-project-mobile-images .mobile-item img {display: block; border: 8px solid #000000; width: 100%; height: auto;} @media (max-width: 991px) { .single-project-mobile-images {padding: 40px 0; margin: 0 -15px;} .single-project-mobile-images .mobile-item {padding: 15px;} } @media (max-width: 767px) { .single-project-mobile-images .mobile-item {padding: 5px;} .single-project-mobile-images .mobile-item img {border-width: 3px;} } /* --- Single project mobile alt --- */ .single-project-mobile-alt {padding: 120px 0;} .single-project-mobile-alt .mobile-item {padding: 20px; display: inline-block; vertical-align: top; width: 50%;} .single-project-mobile-alt .mobile-item .img {border-radius: 40px; border: 2px solid #000000; padding: 48px 12px; margin: 0 auto; max-width: 412px;} .single-project-mobile-alt .mobile-item img {display: block; border: 2px solid #000000; width: 100%; height: auto;} .single-project-mobile-alt .mobile-item:nth-child(even) .img {margin-top: 80px;} @media (max-width: 991px) { .single-project-mobile-alt {padding: 40px 0; margin: 0 -15px;} .single-project-mobile-alt .mobile-item {padding: 15px;} } @media (max-width: 767px) { .single-project-mobile-alt {padding: 20px 0;} .single-project-mobile-alt .mobile-item {padding: 5px;} .single-project-mobile-alt .mobile-item .img {border-radius: 20px; border: 2px solid #000000; padding: 24px 6px; margin: 0 auto; max-width: 212px;} .single-project-mobile-alt .mobile-item:nth-child(even) .img {margin-top: 50px;} } /* --- Single project grid images --- */ .single-project-grid-images {margin: 0 -1px;} .single-project-grid-images .images-item {padding: 1px; display: inline-block; vertical-align: top; width: 50%;} .single-project-grid-images .images-item .inner {position: relative;} .single-project-grid-images .images-item span {display: block; padding-bottom: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;} .single-project-grid-images .images-item:last-child:nth-child(odd) {width: 100%;} .single-project-grid-images .images-item:last-child:nth-child(odd) span {padding-bottom: 50%;} /* --- Single project window preview --- */ .single-project-window-preview {padding: 100px 0;} .single-project-window-preview .wrapper {max-width: 1640px;} .single-project-window-preview .preview-item {border: 2px solid #000000;} .single-project-window-preview .preview-item:before {content: ''; border-bottom: 2px solid #000000; height: 50px; display: block; background-image: url(img/window-buttons.svg); background-repeat: no-repeat; background-position: right 10px center; background-size: 120px 24px;} .single-project-window-preview .preview-item img {display: block; width: 100%; height: auto;} @media (max-width: 767px) { .single-project-window-preview {padding: 40px 0 20px;} .single-project-window-preview .preview-item:before {height: 30px; background-position: right 5px center; background-size: 90px 18px;} } /* --- Single project we done -- */ .single-project-we-done {padding: 100px 0;} .single-project-we-done .left {display: inline-block; vertical-align: middle; width: 50%; padding-right: 15px;} .single-project-we-done .right {display: inline-block; vertical-align: middle; width: 50%; padding-left: 15px; text-align: center;} .single-project-we-done .details-item {font-size: 18px; line-height: 1.67; color: #737373; max-width: 90%; padding-bottom: 30px;} .single-project-we-done .details-item .title {margin: 0; padding-bottom: 10px; font-weight: 500; font-size: 36px; line-height: 1.2; color: #000;} .single-project-we-done .details-item p {margin: 1.3em 0;} .single-project-we-done .details-item ul {margin: 0; padding: 0;} .single-project-we-done .details-item ul li {list-style: none; display: block; vertical-align: top; color: #000; position: relative; padding-left: 20px; margin: 1.3em 0;} .single-project-we-done .details-item ul li:before {content: ''; display: block; width: 6px; height: 6px; background: #372FFF; position: absolute; top: 50%; left: 0; margin-top: -3px; transform: rotate(45deg);} .single-project-we-done .details-item ul li p {margin: 0;} .single-project-we-done .details-item.scope {max-width: 75%; margin: 0 0 0 auto;} .single-project-we-done .mobile-item {display: inline-block;} .single-project-we-done .mobile-item .img {border-radius: 40px; border: 2px solid #000000; padding: 48px 12px; margin: 0 auto; max-width: 436px;} .single-project-we-done .mobile-item img {display: block; border: 2px solid #000000; width: 100%; height: auto;} .single-project-we-done .mobile-item:nth-child(even) .img {margin-top: 80px;} @media (max-width: 991px) { .single-project-we-done {padding: 50px 0;} .single-project-we-done .details-item {max-width: 100%; padding-top: 20px;} .single-project-we-done .details-item.scope {max-width: 100%;} .single-project-we-done .mobile-item {padding: 15px;} } @media (max-width: 767px) { .single-project-we-done {padding: 20px 0;} .single-project-we-done .left {display: block; width: auto; padding-right: 0;} .single-project-we-done .right {display: block; width: auto; padding-left: 0; margin-top: 20px;} .single-project-we-done .details-item {font-size: 16px;} .single-project-we-done .details-item .title {font-size: 24px;} .single-project-we-done .mobile-item {padding: 5px;} .single-project-we-done .mobile-item img {border-width: 3px;} } /* --- Single project other case --- */ .single-other-case {padding: 0 0 120px;} .single-other-case .title {margin: 0 0 50px; font-weight: 500; font-size: 36px; color: #000;} @media (max-width: 991px) { .single-other-case .title {margin-bottom: 30px; font-size: 32px;} } @media (max-width: 767px) { .single-other-case {padding-bottom: 40px;} .single-other-case .title {margin-bottom: 20px; font-size: 24px;} }