@charset "UTF-8";
@import url("//fonts.googleapis.com/css?family=Montserrat:100");
@keyframes rotate-forever{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes spinner-loader{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.pum-container,.pum-content,.pum-content+.pum-close,.pum-content+.pum-close:active,.pum-content+.pum-close:focus,.pum-content+.pum-close:hover,.pum-overlay,.pum-title{background:0 0;border:none;bottom:auto;clear:none;cursor:default;float:none;font-family:inherit;font-size:medium;font-style:normal;font-weight:400;height:auto;left:auto;letter-spacing:normal;line-height:normal;max-height:none;max-width:none;min-height:0;min-width:0;overflow:visible;position:static;right:auto;text-align:left;text-decoration:none;text-indent:0;text-transform:none;top:auto;visibility:visible;white-space:normal;width:auto;z-index:auto}.pum-container .pum-content+.pum-close>span,.pum-content,.pum-title{position:relative;z-index:1}.pum-overlay,html.pum-open.pum-open-overlay-disabled.pum-open-fixed .pum-container,html.pum-open.pum-open-overlay.pum-open-fixed .pum-container{position:fixed}.pum-overlay{height:100%;width:100%;top:0;left:0;right:0;bottom:0;z-index:1999999999;overflow:initial;display:none;transition:.15s ease-in-out}.pum-overlay.pum-form-submission-detected,.pum-overlay.pum-preview{display:block}.pum-overlay,.pum-overlay *,.pum-overlay :after,.pum-overlay :before,.pum-overlay:after,.pum-overlay:before{box-sizing:border-box}.pum-container{top:100px;position:absolute;margin-bottom:3em;z-index:1999999999}.pum-container.pum-responsive{left:50%;margin-left:-47.5%;width:95%;height:auto;overflow:visible}.pum-container.pum-responsive img{max-width:100%;height:auto}@media only screen and (min-width:1024px){.pum-container.pum-responsive.pum-responsive-nano{margin-left:-5%;width:10%}.pum-container.pum-responsive.pum-responsive-micro{margin-left:-10%;width:20%}.pum-container.pum-responsive.pum-responsive-tiny{margin-left:-15%;width:30%}.pum-container.pum-responsive.pum-responsive-small{margin-left:-20%;width:40%}.pum-container.pum-responsive.pum-responsive-medium{margin-left:-30%;width:60%}.pum-container.pum-responsive.pum-responsive-normal{margin-left:-30%;width:70%}.pum-container.pum-responsive.pum-responsive-large{margin-left:-35%;width:80%}.pum-container.pum-responsive.pum-responsive-xlarge{margin-left:-47.5%;width:95%}.pum-container.pum-responsive.pum-position-fixed{position:fixed}}@media only screen and (max-width:1024px){.pum-container.pum-responsive.pum-position-fixed{position:absolute}}.pum-container.custom-position{left:auto;top:auto;margin-left:inherit}.pum-container .pum-title{margin-bottom:.5em}.pum-container .pum-content>:last-child,.pum-form__message:last-child{margin-bottom:0}.pum-container .pum-content:focus{outline:0}.pum-container .pum-content>:first-child{margin-top:0}.pum-container .pum-content+.pum-close{text-decoration:none;text-align:center;line-height:1;position:absolute;cursor:pointer;min-width:1em;z-index:2;background-color:transparent}.pum-container.pum-scrollable .pum-content{overflow:auto;overflow-y:scroll;max-height:95%}.pum-overlay.pum-overlay-disabled{visibility:hidden}.pum-overlay.pum-overlay-disabled::-webkit-scrollbar{display:block}.pum-overlay.pum-overlay-disabled .pum-container{visibility:visible}.popmake-close,.pum-overlay.pum-click-to-close{cursor:pointer}html.pum-open.pum-open-overlay,html.pum-open.pum-open-overlay.pum-open-fixed .pum-overlay{overflow:hidden}html.pum-open.pum-open-overlay.pum-open-scrollable body>:not([aria-modal=true]){padding-right:15px}html.pum-open.pum-open-overlay.pum-open-scrollable .pum-overlay.pum-active{overflow-y:scroll;-webkit-overflow-scrolling:touch}html.pum-open.pum-open-overlay-disabled.pum-open-scrollable .pum-overlay.pum-active{position:static;height:auto;width:auto}.pum-form{margin:0 auto 16px}.pum-form__field{margin-bottom:1em}.pum-form__field label{font-weight:700}.pum-form__field input[type=date],.pum-form__field select{margin:0 auto;font-size:18px;line-height:26px;text-align:center;padding:3px;vertical-align:middle}.pum-form__field select{padding:5px 3px}.pum-form__loader{font-size:2em;animation-duration:.75s;animation-iteration-count:infinite;animation-name:rotate-forever;animation-timing-function:linear;height:.75em;width:.75em;border:.25em solid rgba(0,0,0,.5);border-right-color:transparent;border-radius:50%;display:inline-block}.pum-form__submit{position:relative}.pum-form__submit .pum-form__loader{margin-left:.5em;border:.25em solid rgba(255,255,255,.5);border-right-color:transparent}.pum-form__messages{display:none;border:1px solid rgba(0,0,0,.25);margin-bottom:.5em;padding:1em;position:relative}.pum-form__message{margin-bottom:.5em}.pum-form__message--error{color:red!important;border-color:red}.pum-form__message--success{color:green!important;border-color:green}.pum-form--loading,.pum-sub-form .pum-sub-form-loading{opacity:.5}.pum-alignment-left,.pum-form--alignment-left{text-align:left}.pum-alignment-center{text-align:center}.pum-alignment-right{text-align:right}.pum-form--alignment-center{text-align:center}.pum-form--alignment-right{text-align:right}.pum-form--layout-standard .pum-form__field>label{margin-bottom:.25em;display:block}.pum-form--layout-inline .pum-form__field{display:inline-block}.pum-form--layout-block .pum-form__field,.pum-form--layout-block button,.pum-form--layout-block div,.pum-form--layout-block input{display:block;width:100%}.pum-form--style-default label{font-size:14px;font-weight:700}.pum-form--style-default input[type=email],.pum-form--style-default input[type=text]{background-color:#f8f7f7;margin-bottom:5px;font-size:14px;padding:10px 8px}.pum-form--style-default button{font-size:18px;margin:10px 0 0;padding:10px 5px;cursor:pointer}.pum-sub-form p.pum-newsletter-error-msg{margin:0}.pum-sub-form .spinner-loader{right:50%;position:absolute;bottom:40%}.pum-sub-form .spinner-loader:not(:required){animation:1.5s linear infinite spinner-loader;border-radius:.5em;box-shadow:rgba(0,0,51,.3) 1.5em 0 0 0,rgba(0,0,51,.3) 1.1em 1.1em 0 0,rgba(0,0,51,.3) 0 1.5em 0 0,rgba(0,0,51,.3) -1.1em 1.1em 0 0,rgba(0,0,51,.3) -1.5em 0 0 0,rgba(0,0,51,.3) -1.1em -1.1em 0 0,rgba(0,0,51,.3) 0 -1.5em 0 0,rgba(0,0,51,.3) 1.1em -1.1em 0 0;display:inline-block;font-size:10px;width:1em;height:1em;margin:1.5em;overflow:hidden;text-indent:100%}.pum-form__field--consent{text-align:left}.pum-form__field--consent.pum-form__field--checkbox label,.pum-form__field--consent.pum-form__field--radio .pum-form__consent-radios.pum-form__consent-radios--inline label{display:inline-block;vertical-align:middle}.pum-form__field--consent.pum-form__field--checkbox label input{display:inline-block;width:inherit;margin:0;vertical-align:middle}.pum-form__field--consent.pum-form__field--radio .pum-form__consent-radios.pum-form__consent-radios--inline label input{display:inline-block;width:inherit;margin:0;vertical-align:middle}.pum-form__field--consent.pum-form__field--radio .pum-form__consent-radios.pum-form__consent-radios--inline label+label{margin-left:1em}.pum-form__field--consent.pum-form__field--radio .pum-form__consent-radios.pum-form__consent-radios--stacked label{display:block;vertical-align:middle}.pum-form__field--consent.pum-form__field--radio .pum-form__consent-radios.pum-form__consent-radios--stacked label input{display:inline-block;width:inherit;margin:0;vertical-align:middle}.pum-container iframe.formidable{width:100%;overflow:visible}.flatpickr-calendar.open,.pika-single,body div#ui-datepicker-div[style]{z-index:9999999999!important} .pum-theme-618, .pum-theme-theme-par-defaut { background-color: rgba( 255, 255, 255, 1.00 ) } 
.pum-theme-618 .pum-container, .pum-theme-theme-par-defaut .pum-container { padding: 18px; border-radius: 0px; border: 1px none #000000; box-shadow: 1px 1px 3px 0px rgba( 2, 2, 2, 0.23 ); background-color: rgba( 249, 249, 249, 1.00 ) } 
.pum-theme-618 .pum-title, .pum-theme-theme-par-defaut .pum-title { color: #000000; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: inherit; font-weight: 400; font-size: 32px; font-style: normal; line-height: 36px } 
.pum-theme-618 .pum-content, .pum-theme-theme-par-defaut .pum-content { color: #8c8c8c; font-family: inherit; font-weight: 400; font-style: inherit } 
.pum-theme-618 .pum-content + .pum-close, .pum-theme-theme-par-defaut .pum-content + .pum-close { position: absolute; height: auto; width: auto; left: auto; right: 0px; bottom: auto; top: 0px; padding: 8px; color: #ffffff; font-family: inherit; font-weight: 400; font-size: 12px; font-style: inherit; line-height: 36px; border: 1px none #ffffff; border-radius: 0px; box-shadow: 1px 1px 3px 0px rgba( 2, 2, 2, 0.23 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.23 ); background-color: rgba( 0, 183, 205, 1.00 ) } .pum-theme-619, .pum-theme-lightbox { background-color: rgba( 0, 0, 0, 0.60 ) } 
.pum-theme-619 .pum-container, .pum-theme-lightbox .pum-container { padding: 18px; border-radius: 3px; border: 8px solid #000000; box-shadow: 0px 0px 30px 0px rgba( 2, 2, 2, 1.00 ); background-color: rgba( 255, 255, 255, 1.00 ) } 
.pum-theme-619 .pum-title, .pum-theme-lightbox .pum-title { color: #000000; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: inherit; font-weight: 100; font-size: 32px; line-height: 36px } 
.pum-theme-619 .pum-content, .pum-theme-lightbox .pum-content { color: #000000; font-family: inherit; font-weight: 100 } 
.pum-theme-619 .pum-content + .pum-close, .pum-theme-lightbox .pum-content + .pum-close { position: absolute; height: 26px; width: 26px; left: auto; right: -13px; bottom: auto; top: -13px; padding: 0px; color: #ffffff; font-family: Arial; font-weight: 100; font-size: 24px; line-height: 24px; border: 2px solid #ffffff; border-radius: 26px; box-shadow: 0px 0px 15px 1px rgba( 2, 2, 2, 0.75 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.23 ); background-color: rgba( 0, 0, 0, 1.00 ) } .pum-theme-620, .pum-theme-enterprise-blue { background-color: rgba( 0, 0, 0, 0.70 ) } 
.pum-theme-620 .pum-container, .pum-theme-enterprise-blue .pum-container { padding: 28px; border-radius: 5px; border: 1px none #000000; box-shadow: 0px 10px 25px 4px rgba( 2, 2, 2, 0.50 ); background-color: rgba( 255, 255, 255, 1.00 ) } 
.pum-theme-620 .pum-title, .pum-theme-enterprise-blue .pum-title { color: #315b7c; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: inherit; font-weight: 100; font-size: 34px; line-height: 36px } 
.pum-theme-620 .pum-content, .pum-theme-enterprise-blue .pum-content { color: #2d2d2d; font-family: inherit; font-weight: 100 } 
.pum-theme-620 .pum-content + .pum-close, .pum-theme-enterprise-blue .pum-content + .pum-close { position: absolute; height: 28px; width: 28px; left: auto; right: 8px; bottom: auto; top: 8px; padding: 4px; color: #ffffff; font-family: Times New Roman; font-weight: 100; font-size: 20px; line-height: 20px; border: 1px none #ffffff; border-radius: 42px; box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.23 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.23 ); background-color: rgba( 49, 91, 124, 1.00 ) } .pum-theme-621, .pum-theme-hello-box { background-color: rgba( 0, 0, 0, 0.75 ) } 
.pum-theme-621 .pum-container, .pum-theme-hello-box .pum-container { padding: 30px; border-radius: 80px; border: 14px solid #81d742; box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.00 ); background-color: rgba( 255, 255, 255, 1.00 ) } 
.pum-theme-621 .pum-title, .pum-theme-hello-box .pum-title { color: #2d2d2d; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: Montserrat; font-weight: 100; font-size: 32px; line-height: 36px } 
.pum-theme-621 .pum-content, .pum-theme-hello-box .pum-content { color: #2d2d2d; font-family: inherit; font-weight: 100 } 
.pum-theme-621 .pum-content + .pum-close, .pum-theme-hello-box .pum-content + .pum-close { position: absolute; height: auto; width: auto; left: auto; right: -30px; bottom: auto; top: -30px; padding: 0px; color: #2d2d2d; font-family: Times New Roman; font-weight: 100; font-size: 32px; line-height: 28px; border: 1px none #ffffff; border-radius: 28px; box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.23 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.23 ); background-color: rgba( 255, 255, 255, 1.00 ) } .pum-theme-622, .pum-theme-cutting-edge { background-color: rgba( 0, 0, 0, 0.50 ) } 
.pum-theme-622 .pum-container, .pum-theme-cutting-edge .pum-container { padding: 18px; border-radius: 0px; border: 1px none #000000; box-shadow: 0px 10px 25px 0px rgba( 2, 2, 2, 0.50 ); background-color: rgba( 30, 115, 190, 1.00 ) } 
.pum-theme-622 .pum-title, .pum-theme-cutting-edge .pum-title { color: #ffffff; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: Sans-Serif; font-weight: 100; font-size: 26px; line-height: 28px } 
.pum-theme-622 .pum-content, .pum-theme-cutting-edge .pum-content { color: #ffffff; font-family: inherit; font-weight: 100 } 
.pum-theme-622 .pum-content + .pum-close, .pum-theme-cutting-edge .pum-content + .pum-close { position: absolute; height: 24px; width: 24px; left: auto; right: 0px; bottom: auto; top: 0px; padding: 0px; color: #1e73be; font-family: Times New Roman; font-weight: 100; font-size: 32px; line-height: 24px; border: 1px none #ffffff; border-radius: 0px; box-shadow: -1px 1px 1px 0px rgba( 2, 2, 2, 0.10 ); text-shadow: -1px 1px 1px rgba( 0, 0, 0, 0.10 ); background-color: rgba( 238, 238, 34, 1.00 ) } .pum-theme-623, .pum-theme-framed-border { background-color: rgba( 255, 255, 255, 0.50 ) } 
.pum-theme-623 .pum-container, .pum-theme-framed-border .pum-container { padding: 18px; border-radius: 0px; border: 20px outset #dd3333; box-shadow: 1px 1px 3px 0px rgba( 2, 2, 2, 0.97 ) inset; background-color: rgba( 255, 251, 239, 1.00 ) } 
.pum-theme-623 .pum-title, .pum-theme-framed-border .pum-title { color: #000000; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: inherit; font-weight: 100; font-size: 32px; line-height: 36px } 
.pum-theme-623 .pum-content, .pum-theme-framed-border .pum-content { color: #2d2d2d; font-family: inherit; font-weight: 100 } 
.pum-theme-623 .pum-content + .pum-close, .pum-theme-framed-border .pum-content + .pum-close { position: absolute; height: 20px; width: 20px; left: auto; right: -20px; bottom: auto; top: -20px; padding: 0px; color: #ffffff; font-family: Tahoma; font-weight: 700; font-size: 16px; line-height: 18px; border: 1px none #ffffff; border-radius: 0px; box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.23 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.23 ); background-color: rgba( 0, 0, 0, 0.55 ) } .pum-theme-624, .pum-theme-floating-bar { background-color: rgba( 255, 255, 255, 0.00 ) } 
.pum-theme-624 .pum-container, .pum-theme-floating-bar .pum-container { padding: 8px; border-radius: 0px; border: 1px none #000000; box-shadow: 1px 1px 3px 0px rgba( 2, 2, 2, 0.23 ); background-color: rgba( 238, 246, 252, 1.00 ) } 
.pum-theme-624 .pum-title, .pum-theme-floating-bar .pum-title { color: #505050; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: inherit; font-weight: 400; font-size: 32px; line-height: 36px } 
.pum-theme-624 .pum-content, .pum-theme-floating-bar .pum-content { color: #505050; font-family: inherit; font-weight: 400 } 
.pum-theme-624 .pum-content + .pum-close, .pum-theme-floating-bar .pum-content + .pum-close { position: absolute; height: 18px; width: 18px; left: auto; right: 5px; bottom: auto; top: 50%; padding: 0px; color: #505050; font-family: Sans-Serif; font-weight: 700; font-size: 15px; line-height: 18px; border: 1px solid #505050; border-radius: 15px; box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.00 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.00 ); background-color: rgba( 255, 255, 255, 0.00 ); transform: translate(0, -50%) } .pum-theme-625, .pum-theme-content-only { background-color: rgba( 0, 0, 0, 0.70 ) } 
.pum-theme-625 .pum-container, .pum-theme-content-only .pum-container { padding: 0px; border-radius: 0px; border: 1px none #000000; box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.00 ) } 
.pum-theme-625 .pum-title, .pum-theme-content-only .pum-title { color: #000000; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: inherit; font-weight: 400; font-size: 32px; line-height: 36px } 
.pum-theme-625 .pum-content, .pum-theme-content-only .pum-content { color: #8c8c8c; font-family: inherit; font-weight: 400 } 
.pum-theme-625 .pum-content + .pum-close, .pum-theme-content-only .pum-content + .pum-close { position: absolute; height: 18px; width: 18px; left: auto; right: 7px; bottom: auto; top: 7px; padding: 0px; color: #000000; font-family: inherit; font-weight: 700; font-size: 20px; line-height: 20px; border: 1px none #ffffff; border-radius: 15px; box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.00 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.00 ); background-color: rgba( 255, 255, 255, 0.00 ) } 
#pum-627 {z-index: 1999999999}
#pum-626 {z-index: 1999999999}
  html {
font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {
margin: 0; }  article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block; } audio, canvas, progress, video {
display: inline-block; vertical-align: baseline; } audio:not([controls]) {
display: none;
height: 0; } [hidden], template {
display: none; }  a {
background-color: transparent; } a:active, a:hover {
outline: 0; }  abbr[title] {
border-bottom: 1px dotted; } b, strong {
font-weight: bold; } dfn {
font-style: italic; } h1 {
font-size: 2em;
margin: 0.67em 0; } mark {
background: #ff0;
color: #000; } small {
font-size: 80%; } sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
top: -0.5em; }
sub {
bottom: -0.25em; }  img {
border: 0; } svg:not(:root) {
overflow: hidden; }  figure {
margin: 1em 40px; } hr {
box-sizing: content-box;
height: 0; } pre {
overflow: auto; } code, kbd, pre, samp {
font-family: monospace, monospace;
font-size: 1em; }   button, input, optgroup, select, textarea {
color: inherit; font: inherit; margin: 0; } button {
overflow: visible; } button, select {
text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] {
cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0; } input {
line-height: normal; } input[type="checkbox"], input[type="radio"] {
box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto; } input[type="search"] {
-webkit-appearance: textfield;  box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; } fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; } legend {
border: 0; padding: 0; } textarea {
overflow: auto; } optgroup {
font-weight: bold; }  table {
border-collapse: collapse;
border-spacing: 0; }
td, th {
padding: 0; }    html {
box-sizing: border-box;
overflow-y: scroll; }
*, *::before, *::after {
box-sizing: inherit; }
html, body {
font-size: 15px; }
@media only screen and (min-width: 1480px) {
html, body {
font-size: 18px; } }
body {
position: relative;
overflow-x: hidden;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
line-height: 1.2;
background-color: #fff; }
@media only screen and (min-width: 1024px) {
body {
background-color: #eaeaea; } } h1, h2, h3, h4, h5, h6 {
font-family: 'Source Sans Pro', sans-serif; }
.text-center {
text-align: center; }
.text-right {
text-align: right; }
.text-justify {
text-align: justify; }
.text-uppercase {
text-transform: uppercase; }
.text-underline {
text-decoration: underline; }
.text-medium {
font-size: 1.33333rem; }
.text-small {
font-size: 1rem; }
hr {
margin: 1.5em 0 2em; } .site-main {
overflow: hidden; }
@media only screen and (min-width: 768px) {
.site-main {
padding: 11rem 0 0; } }
@media only screen and (min-width: 1024px) {
.site-main {
height: 100vh;
min-height: 650px;
padding: 11rem 0 6.5rem; } }
.site-main__inner {
position: relative;
height: 100%; }
.wrap {
*zoom: 1;
max-width: 1190px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px; }
.wrap:before{
content: '';
display: table; }
.wrap:after{
content: '';
display: table;
clear: both; }
.vc {
height: 100%; }
.vc:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.25em; }
.vc .vc__el {
display: inline-block;
vertical-align: middle; }
.align-mid {
display: inline-block;
vertical-align: middle;
line-height: 0; }
.align-right {
display: inline-block;
text-align: right;
line-height: 0; } a {
text-decoration: none;
color: #2793ac; }
button {
border: none;
box-shadow: none;
outline: none;
padding: 0;
background: none; }
.button {
display: inline-block;
text-transform: uppercase;
border: .15rem solid #2793ac;
padding: 0 .3rem;
color: #2793ac;
letter-spacing: .07em; }
.button:hover, .button:focus {
background-color: #fff;
color: #2793ac; }
.button--big {
margin-top: 2rem;
color: #fff;
font-weight: 400;
padding: .8rem 2.5rem; }
.button--big .icon-arrow {
vertical-align: middle;
font-size: 1.5rem;
margin-top: -.3rem;
margin-right: .8rem;
line-height: 0; }
.back-btn {
display: inline-block;
vertical-align: middle;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 1rem; }
.back-btn .icon-arrow {
vertical-align: middle;
margin-top: -.2rem;
margin-right: .3rem;
color: #000; }
.back-btn .icon-arrow::after {
content: '<'; }
.back-btn:hover .icon-arrow, .back-btn:focus .icon-arrow {
background-color: #2793ac;
color: #fff; }
img {
margin: 0;
max-width: 100%; }
.fit-image > img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
.image-left {
float: left;
margin-right: 20px;
margin-bottom: 15px; }
.image-right {
float: right;
margin-left: 20px;
margin-bottom: 15px; }
ul {
list-style-type: none;
margin: 0;
padding: 0; }
ul ul {
margin-left: 1em; }
ul ul ul {
margin-left: 2em; }
[class^="icon-"], [class*=" icon-"], .icon {
display: inline-block;
width: 1em;
height: 1em;
fill: currentColor; }
.icon-linkedin2 {
width: 0.85714em; }
.icon-filejoin {
width: 0.90527em; }
.icon-arrow {
position: relative;
font-size: 1.2em;
width: 1em;
height: 1em;
border: .1em solid #2793ac;
border-radius: 50%; }
.icon-arrow::after {
content: '>';
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: .8em;
text-align: center;
font-weight: 400;
font-style: normal;
line-height: 1;
color: inherit; } input, textarea {
background: none;
border: .15rem solid #2793ac;
padding: .1rem .2rem; }
input:focus, textarea:focus {
outline: none; } [data-scroller] {
position: relative;
max-height: 100%;
overflow-y: auto; }
.ps-container {
-ms-touch-action: none;
overflow: hidden !important; }
.ps-container.ps-active-x > .ps-scrollbar-x-rail, .ps-container.ps-active-y > .ps-scrollbar-y-rail {
display: block; }
.ps-container.ps-in-scrolling {
pointer-events: none; }
.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
background-color: rgba(255, 255, 255, 0.1);
-webkit-transition: width .2s linear;
transition: width .2s linear; }
.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
background-color: #2793ac; }
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
background-color: rgba(255, 255, 255, 0.1);
-webkit-transition: width .2s linear;
transition: width .2s linear; }
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
background-color: #2793ac; }
.ps-container > .ps-scrollbar-x-rail {
display: none;
position: absolute; -webkit-transition: background-color .2s linear, opacity .2s linear;
transition: background-color .2s linear, opacity .2s linear;
bottom: 3px; height: 8px; }
.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
position: absolute; background-color: #2793ac;
-webkit-transition: width .2s linear;
transition: width .2s linear;
bottom: 0; height: 8px; }
.ps-container > .ps-scrollbar-y-rail {
display: none;
position: absolute; -webkit-transition: background-color .2s linear, opacity .2s linear;
transition: background-color .2s linear, opacity .2s linear;
right: 3px; width: 2px; }
@media only screen and (min-width: 1480px) {
.ps-container > .ps-scrollbar-y-rail {
width: 4px; } }
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
position: absolute; background-color: #2793ac;
-webkit-transition: width .2s linear;
transition: width .2s linear;
right: 0; width: 2px; }
@media only screen and (min-width: 1480px) {
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
width: 4px; } }
.ps-container:hover.ps-in-scrolling {
pointer-events: none; }
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
background-color: rgba(255, 255, 255, 0.1);
-webkit-transition: width .2s linear;
transition: width .2s linear; }
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
background-color: #2793ac; }
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
background-color: rgba(255, 255, 255, 0.1);
-webkit-transition: width .2s linear;
transition: width .2s linear; }
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
background-color: #2793ac; }
.ps-container:hover > .ps-scrollbar-x-rail:hover {
background-color: rgba(255, 255, 255, 0.1);
-webkit-transition: width .2s linear;
transition: width .2s linear; }
.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
background-color: #2793ac; }
.ps-container:hover > .ps-scrollbar-y-rail:hover {
background-color: rgba(255, 255, 255, 0.1);
-webkit-transition: width .2s linear;
transition: width .2s linear;
width: 8px; }
.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
background-color: #2793ac;
width: 8px; } .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent; }
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0; }
.slick-list:focus {
outline: none; }
.slick-list.dragging {
cursor: pointer;
cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.slick-track {
position: relative;
top: 0;
left: 0;
display: block; }
.slick-track:before, .slick-track:after {
display: table;
content: ''; }
.slick-track:after {
clear: both; }
.slick-loading .slick-track {
visibility: hidden; }
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
outline: none; }
[dir='rtl'] .slick-slide {
float: right; }
.slick-slide img {
display: block; }
.slick-slide.slick-loading img {
display: none; }
.slick-slide.dragging img {
pointer-events: none; }
.slick-initialized .slick-slide {
display: block; }
.slick-loading .slick-slide {
visibility: hidden; }
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent; }
.slick-arrow.slick-hidden {
display: none; }
.slick-dots li {
position: relative;
display: inline-block;
padding: 0 .2rem;
cursor: pointer;
line-height: 1; }
.slick-dots li.slick-active button::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
display: block;
width: .3rem;
height: .3rem;
border-radius: 50%;
background-color: #2793ac;
margin-left: -.15rem;
margin-top: -.15rem; }
.slick-dots li:hover button {
border-color: #fff; }
.slick-dots li button {
overflow: hidden;
display: block;
width: .9rem;
height: .9rem;
border: 1px solid #2793ac;
border-radius: 50%;
text-indent: -999rem; }
.pace {
-webkit-pointer-events: none;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.pace-inactive {
display: none; }
.pace .pace-progress {
background: #2793ac;
position: fixed;
z-index: 2000;
top: 0;
right: 100%;
width: 100%;
height: 2px; } .link-blocks {
text-align: center;
height: 100%;
padding: 1.5em; }
.link-blocks__single {
overflow: hidden;
position: relative;
display: inline-block;
margin: 0 .06rem;
height: 100%;
min-height: 300px;
width: 20%;
min-width: 15rem; }
.link-blocks__single::before, .link-blocks__single::after {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: block; }
.link-blocks__single::before {
z-index: 1;
background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.85) 0%, #000000 35%, #000000 100%);
background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, #000000 35%, #000000 100%); }
.link-blocks__single::after {
z-index: 2;
opacity: .4;
background: -webkit-linear-gradient(bottom, #2793ac 0%, #000000 35%, #000000 100%);
background: linear-gradient(to top, #2793ac 0%, #000000 35%, #000000 100%); }
.link-blocks__single:nth-child(2n)::after {
background: -webkit-linear-gradient(bottom, #0cdecd 0%, #000000 35%, #000000 100%);
background: linear-gradient(to top, #0cdecd 0%, #000000 35%, #000000 100%); }
.link-blocks__single:nth-child(2n) .bubble::after {
background-color: #0cdecd; }
.link-blocks__single:nth-child(2n) .bubble-after {
stroke: #0cdecd; }
.link-blocks__single:nth-child(3n)::after {
background: -webkit-linear-gradient(bottom, #aee9f6 0%, #000000 35%, #000000 100%);
background: linear-gradient(to top, #aee9f6 0%, #000000 35%, #000000 100%); }
.link-blocks__single:nth-child(3n) .bubble::after {
background-color: #aee9f6; }
.link-blocks__single:nth-child(3n) .bubble-after {
stroke: #aee9f6; }
@media only screen and (min-width: 1024px) {
.link-blocks__single:hover .bubble::after, .link-blocks__single:focus .bubble::after {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1); } }
.link-blocks .bubble {
position: absolute;
z-index: 10;
top: 50%;
left: 0;
right: 0;
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
left: 50%;
top: 50%;
width: 10rem;
height: 10rem;
padding-top: 2.3em;
margin-top: -6rem;
margin-left: -5rem;
font-size: 1.24rem;
color: #fff;
text-transform: uppercase;
line-height: 1.2;
font-weight: 300; }
.link-blocks .bubble::after {
content: '';
position: absolute;
bottom: -2rem;
left: 50%;
display: block;
width: 1.8rem;
margin-left: -.9rem;
height: .42rem;
background-color: #2793ac; }
@media only screen and (min-width: 1024px) {
.link-blocks .bubble::after {
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transition: -webkit-transform .5s;
transition: transform .5s; } }
.link-blocks .bubble-after {
position: absolute;
z-index: 9;
top: 50%;
left: 50%;
width: 11rem;
height: 11rem;
margin-left: -5.5rem;
margin-top: -6.5rem;
stroke: #2793ac;
stroke-width: 2.5; } .image-slider {
position: relative;
height: 300px; }
@media only screen and (min-width: 768px) {
.image-slider {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: calc(50% - 5px);
height: auto; } }
.image-slider .slick-list, .image-slider .slick-track {
height: 100%; }
.image-slider .slick-slide {
height: 300px; }
@media only screen and (min-width: 768px) {
.image-slider .slick-slide {
height: 100%; } }
.image-slider img {
outline: none;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
.image-slider .image-credit {
z-index: 1;
position: absolute;
bottom: 0;
left: 0;
margin: 0;
padding: .5em;
font-size: .8rem;
color: #fff;
background: rgba(0, 0, 0, 0.3);
opacity: .6; }
.image-slider .prev, .image-slider .next {
z-index: 100;
position: absolute;
bottom: 2rem;
left: 50%;
width: 1.7rem;
height: 1.7rem;
margin-left: -.85rem;
border: 2px solid #2793ac;
border-radius: 50%;
line-height: 1;
color: #fff; }
.image-slider .prev:hover, .image-slider .next:hover {
background-color: #2793ac; }
.image-slider .prev:active, .image-slider .next:active {
background-color: #228197; }
.image-slider .prev {
-webkit-transform: translateX(-10rem);
-ms-transform: translateX(-10rem);
transform: translateX(-10rem); }
.image-slider .next {
-webkit-transform: translateX(10rem);
-ms-transform: translateX(10rem);
transform: translateX(10rem); }
.image-slider .slick-dots {
position: absolute;
bottom: 2rem;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%); } .content {
position: relative;
height: 100%;
padding: 6vh 0;
background-color: #041c21;
background-size: cover;
background-position: center;
color: #fff;
font-weight: 300; }
@media only screen and (min-width: 768px) {
.content {
margin-left: 50%; } }
.content--light {
background-color: #fff;
color: #000; }
.content--light h2 {
color: #2793ac; }
.content--light .content__title {
text-align: left;
color: #2793ac;
margin-bottom: 2rem; }
.content--light .content__title h1 {
margin: 0;
width: auto;
text-transform: uppercase;
font-weight: 300; }
.content--light .content__title h1::after {
content: none; }
.content__inner {
position: relative;
max-width: 30rem;
margin: 0 auto;
padding: 1rem; }
@media only screen and (min-width: 480px) {
.content__inner {
padding: 1.5rem; } }
.content__title {
text-align: center;
margin-bottom: 3rem; }
.content__title h1 {
display: inline-block;
width: 18rem;
max-width: 100%;
margin: 0;
font-size: 1.4rem; }
.content__title h1::after {
content: '';
display: block;
margin: 1.3rem auto 0;
width: 15rem;
max-width: 100%;
height: 1px;
background-color: #2793ac; }
.content__title .category {
margin: 0;
font-size: 1.666rem;
text-transform: uppercase;
font-weight: 700; }
@media only screen and (min-width: 600px) {
.content__left, .content__right {
float: left;
width: 50%; }
.content__left {
padding-right: 2rem; }
.content__right {
padding-left: 2rem; } }
.content h2 {
text-transform: uppercase;
font-size: 1rem;
margin-top: 1.2rem; }
.content ul {
margin-left: 1.5rem; }
.content ul li {
position: relative;
padding-left: .6rem; }
.content ul li::before {
content: '• ';
color: #2793ac;
position: absolute;
left: 0; }
.content .button:hover, .content .button:focus {
background-color: transparent;
color: #fff;
border-color: #fff; } .team {
background-color: #eeeeee; }
.team-tiles {
max-width: 72rem;
margin: 0 auto;
padding: 1rem;
text-align: center; }
.team-tiles .tile {
overflow: hidden;
position: relative;
display: inline-block;
margin: 1em 2em;
width: 13rem;
height: 13rem;
background: #2793ac url(//fakt-avocats.eu/wp-content/themes/fakt/library/images/team1.jpg) center no-repeat;
background-size: cover;
color: #fff;
opacity: 0.5;
-webkit-transition: opacity .3s;
transition: opacity .3s; }
.team-tiles .tile:nth-child(4n-2) {
background-image: url(//fakt-avocats.eu/wp-content/themes/fakt/library/images/team2.jpg); }
.team-tiles .tile:nth-child(4n-1) {
background-image: url(//fakt-avocats.eu/wp-content/themes/fakt/library/images/team3.jpg); }
.team-tiles .tile:nth-child(4n) {
background-image: url(//fakt-avocats.eu/wp-content/themes/fakt/library/images/team4.jpg); }
.team-tiles .tile__inner {
position: absolute;
top: 50%;
left: 0;
right: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.team-tiles .tile:hover, .team-tiles .tile:focus {
opacity: 1; }
.team-tiles .tile:hover .name, .team-tiles .tile:hover .position, .team-tiles .tile:hover .more, .team-tiles .tile:focus .name, .team-tiles .tile:focus .position, .team-tiles .tile:focus .more {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); }
.team-tiles .tile:hover .name, .team-tiles .tile:focus .name {
-webkit-transition: -webkit-transform .2s .13s;
transition: transform .2s .13s; }
.team-tiles .tile:hover .position, .team-tiles .tile:focus .position {
-webkit-transition: -webkit-transform .2s .1s;
transition: transform .2s .1s; }
.team-tiles .tile:hover .more, .team-tiles .tile:focus .more {
-webkit-transition: -webkit-transform .2s;
transition: transform .2s; }
.team-tiles .name {
margin: 0;
font-size: 1.333rem;
text-transform: uppercase;
letter-spacing: 0.1em;
-webkit-transform: translateY(1rem);
-ms-transform: translateY(1rem);
transform: translateY(1rem);
-webkit-transition: -webkit-transform .2s;
transition: transform .2s; }
.team-tiles .position {
margin: 1em 0 1.5em;
font-size: 0.64rem;
text-transform: uppercase;
letter-spacing: 0.2em;
-webkit-transform: translateY(1rem);
-ms-transform: translateY(1rem);
transform: translateY(1rem);
-webkit-transition: -webkit-transform .2s;
transition: transform .2s; }
.team-tiles .more {
font-size: 0.72rem;
text-transform: uppercase;
font-weight: 700;
display: inline-block;
padding: .3em 1.5em;
border: 1px solid #fff;
-webkit-transform: translateY(4.5rem);
-ms-transform: translateY(4.5rem);
transform: translateY(4.5rem);
-webkit-transition: -webkit-transform .2s;
transition: transform .2s; } .profile .content {
background-color: #eeeeee; }
.profile__header {
position: relative;
text-align: left;
padding-right: 3rem;
margin-bottom: 1.5rem;
border-bottom: 2px solid #2793ac; }
.profile__header h1 {
margin-top: 0;
font-size: 1.3rem;
text-transform: uppercase;
color: #2793ac; }
.profile__linkedin {
position: absolute;
right: 0;
bottom: .5rem;
font-size: 1.5em; }
.profile__image {
position: relative;
background-color: #000;
text-transform: uppercase;
color: #fff; }
.profile__image img {
vertical-align: bottom;
-o-object-position: top;
object-position: top; }
@media only screen and (min-width: 768px) {
.profile__image img {
-o-object-fit: contain;
object-fit: contain; } }
@media only screen and (min-width: 1480px) {
.profile__image img {
-o-object-fit: cover;
object-fit: cover; } }
@media only screen and (min-width: 768px) {
.profile__image {
position: absolute; } }
.profile__name {
position: absolute;
left: 100%;
bottom: 2.8rem;
margin: 0;
margin-left: -1.5rem;
font-size: 2rem;
line-height: 1;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transform-origin: bottom left;
-ms-transform-origin: bottom left;
transform-origin: bottom left; }
@media only screen and (min-width: 480px) {
.profile__name {
font-size: 3.573rem;
line-height: 0.86; } }
.profile__position {
position: absolute;
right: 1.5rem;
bottom: 1.5rem;
margin: 0;
font-size: .7rem;
letter-spacing: 0.35em; }
@media only screen and (min-width: 480px) {
.profile__position {
font-size: 1rem; } }
.profile--short .profile__image {
background-color: #2793ac; }
@media only screen and (max-width: 767px) {
.profile--short .profile__image {
padding: 1rem 1.5rem;
text-align: right; } }
@media only screen and (max-width: 767px) {
.profile--short .profile__name {
-webkit-transform: none;
-ms-transform: none;
transform: none;
margin-bottom: .3rem; } }
@media only screen and (max-width: 767px) {
.profile--short .profile__name, .profile--short .profile__position {
position: static; } }
@media only screen and (min-width: 768px) {
.profile--short .image-slider {
right: auto;
width: 14rem; } }
@media only screen and (min-width: 768px) {
.profile--short .content {
margin-left: 14rem; } }
.profile--short .content__inner {
max-width: 61rem; }
@-webkit-keyframes rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
.site-loading {
z-index: 900;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #eaeaea;
-webkit-transition: opacity .8s, visibility .1s .8s;
transition: opacity .8s, visibility .1s .8s; }
.spinner {
z-index: 901;
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transition: -webkit-transform .5s, opacity .5s, visibility .1s .5s;
transition: transform .5s, opacity .5s, visibility .1s .5s; }
.spinner::before, .spinner::after {
content: '';
display: block; }
.spinner::before {
width: 2rem;
height: 2rem;
border: .2rem solid #000;
border-radius: 50%; }
.spinner::after {
position: absolute;
left: 50%;
top: 50%;
width: 1.2rem;
height: .2rem;
margin-left: -.6rem;
margin-top: -.1rem;
background-color: #000;
-webkit-animation: rotate .6s infinite;
animation: rotate .6s infinite; }
.page-loaded .site-loading {
opacity: 0;
visibility: hidden; }
.page-loaded .spinner {
-webkit-transform: translate(-50%, 50%);
-ms-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
opacity: 0;
visibility: hidden; } .site-header {
z-index: 500;
position: relative;
padding: 1em;
background-color: #eaeaea; }
@media only screen and (min-width: 768px) {
.site-header {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 11rem;
padding: 3em 2rem; } }
@media only screen and (min-width: 1100px) {
.site-header {
padding: 3em 1rem; } }
@media only screen and (min-width: 1024px) {
.home .site-header {
background-color: transparent; } }
.site-logo {
z-index: 9000;
position: absolute;
top: 1rem;
left: 1rem;
width: 7rem;
margin: 0; }
@media only screen and (min-width: 480px) {
.site-logo {
top: 0.7rem;
left: 2rem;
width: 8rem; } }
@media only screen and (min-width: 768px) {
.site-logo {
top: 2rem;
width: 10.6rem; } }
@media only screen and (min-width: 1100px) {
.site-logo {
left: 50%;
margin-left: -5.3rem; } }
.site-logo a {
display: block; }
.site-logo .text-blue, .site-logo .text-dark, .site-logo .text {
opacity: 0; }
.site-logo.visible .text-blue, .site-logo.visible .text-dark, .site-logo.visible .text {
opacity: 1; }
.site-search-btn {
height: 1.7em;
border: .15rem solid #2793ac;
color: #2793ac;
padding: 0 .3rem; }
@media only screen and (min-width: 480px) {
.site-search-btn {
display: none; } }
.site-search {
display: none;
z-index: 99;
position: absolute;
top: 100%;
right: 0;
padding: .5rem 2rem 1rem;
background-color: #eaeaea; }
.site-search__inner {
position: relative; }
.site-search.open {
display: block; }
@media only screen and (min-width: 480px) {
.site-search {
position: relative;
top: 0;
padding: 0;
background-color: transparent;
display: inline-block; } }
.site-search input {
padding-right: 2em; }
.site-search button[type="submit"] {
position: absolute;
right: 0;
top: 0;
height: 100%;
border: .15rem solid #2793ac;
color: #2793ac;
padding: 0 .3rem; }
.social {
font-size: 1.7rem; }
.social a {
display: inline-block;
padding: .5rem; }
.social a:hover, .social a:focus {
background-color: #f0f0f0; }
.nav {
text-align: right;
padding: 1em 0; }
.nav .align-mid {
margin-left: .5em; }
@media only screen and (min-width: 480px) {
.nav .align-mid {
margin-left: 1.5em; } }
.nav__toggle {
overflow: hidden;
position: relative;
width: 2.8rem;
height: 2.5rem; }
.nav__toggle:hover {
background-color: #f0f0f0; }
.nav__toggle.open .nav__toggle__burger i {
-webkit-transform: translateX(-150%);
-ms-transform: translateX(-150%);
transform: translateX(-150%); }
.nav__toggle.open .nav__toggle__cross i:nth-child(1) {
-webkit-transform: translateX(0) rotate(45deg);
-ms-transform: translateX(0) rotate(45deg);
transform: translateX(0) rotate(45deg); }
.nav__toggle.open .nav__toggle__cross i:nth-child(2) {
-webkit-transform: translateX(0) rotate(-45deg);
-ms-transform: translateX(0) rotate(-45deg);
transform: translateX(0) rotate(-45deg); }
.nav__toggle__burger {
position: absolute;
top: .5rem;
bottom: .5rem;
left: .5rem;
right: .5rem; }
.nav__toggle__burger i {
position: absolute;
left: 0;
right: 0;
display: block;
height: .3rem;
background-color: #2793ac;
-webkit-transition: -webkit-transform .2s;
transition: transform .2s; }
.nav__toggle__burger i:nth-child(1) {
top: 0; }
.nav__toggle__burger i:nth-child(2) {
top: 50%;
margin-top: -.15rem;
background-color: #000;
-webkit-transition-delay: .05s;
transition-delay: .05s; }
.nav__toggle__burger i:nth-child(3) {
bottom: 0;
-webkit-transition-delay: .1s;
transition-delay: .1s; }
.nav__toggle__cross {
position: absolute;
top: .5rem;
bottom: .5rem;
left: .5rem;
right: .5rem; }
.nav__toggle__cross i {
position: absolute;
top: 50%;
left: 0;
right: 0;
display: block;
height: .4rem;
margin-top: -.2rem;
background-color: #2793ac;
-webkit-transition: -webkit-transform .2s;
transition: transform .2s; }
.nav__toggle__cross i:nth-child(1) {
-webkit-transform: translateX(150%) rotate(45deg);
-ms-transform: translateX(150%) rotate(45deg);
transform: translateX(150%) rotate(45deg); }
.nav__toggle__cross i:nth-child(2) {
-webkit-transform: translateX(150%) rotate(-45deg);
-ms-transform: translateX(150%) rotate(-45deg);
transform: translateX(150%) rotate(-45deg); }
.nav__menu-container {
z-index: 999;
position: absolute;
top: 100%;
right: 0; }
@media only screen and (min-width: 768px) {
.nav__menu-container {
top: auto;
bottom: 1.5rem;
left: 0; } }
.nav__menu {
display: none;
text-align: right;
-webkit-transform: translateZ(0);
transform: translateZ(0);
background-color: #eaeaea; }
@media only screen and (min-width: 768px) {
.nav__menu {
display: block;
background-color: transparent;
text-align: center; } }
.nav__menu.open {
display: block; }
.nav__menu.open li {
visibility: visible; }
.nav__menu li {
border-bottom: 1px solid #8e8e8e; }
.nav__menu li:last-child {
border-bottom: none; }
@media only screen and (min-width: 768px) {
.nav__menu li {
opacity: 0;
visibility: hidden;
display: inline-block;
padding-right: 4px;
border-bottom: none;
border-right: 1px solid #a4a4a4; }
.nav__menu li:last-child {
border-right: none; } }
.nav__menu a {
position: relative;
text-transform: uppercase;
color: #000;
letter-spacing: .05rem;
display: block;
padding: .7rem 1.3rem;
padding-left: 1.7rem;
font-size: 0.866rem; }
@media only screen and (min-width: 768px) {
.nav__menu a {
font-size: 0.733rem;
padding: .3rem .35rem; } }
@media only screen and (min-width: 1100px) {
.nav__menu a {
font-size: 1rem;
padding: .5rem 1rem; } }
.nav__menu a:hover, .nav__menu a:focus {
color: #2793ac; }
.nav__menu .current-menu-item, .nav__menu .current-menu-ancestor a {
font-weight: 700; }
.nav__menu .sub-menu {
margin: 0;
font-size: .9em;
padding-bottom: 1rem; }
.nav__menu .sub-menu li {
opacity: 1;
visibility: visible;
border: none; }
.nav__menu .sub-menu a {
font-size: .75rem;
padding: .3rem 1.3rem;
text-transform: none; }
@media only screen and (min-width: 768px) {
.nav__menu .sub-menu {
display: none;
position: absolute;
top: 100%;
left: 50%;
width: 16rem;
margin-left: -8rem;
padding-top: .7rem;
padding-bottom: 0;
background-color: #eaeaea; }
.nav__menu .sub-menu li {
display: block !important;
padding: 0;
border-right: none;
border-bottom: 1px solid #8e8e8e; }
.nav__menu .sub-menu li:last-child {
border-bottom: none; }
.nav__menu .sub-menu a {
font-weight: 400;
text-transform: uppercase;
padding: .7rem 1.3rem;
font-size: 0.866rem; }
.nav__menu .sub-menu .current-menu-item a {
font-weight: 700; } }
.nav__menu .menu-item-has-children {
position: relative; }
.nav__menu .menu-item-has-children:hover .sub-menu {
display: block; }
.header-triangles {
display: none; }
@media only screen and (min-width: 768px) {
.header-triangles {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: -1; }
.header-triangles path {
opacity: 0; } } .site-footer {
position: relative;
overflow: hidden;
background: #e4e4e4;
padding: 2.4rem 0;
font-size: .8rem;
text-transform: uppercase;
font-weight: 700;
letter-spacing: .07em;
text-align: center; }
@media only screen and (min-width: 768px) {
.site-footer {
height: 6.5rem;
text-align: left; } }
@media only screen and (min-width: 1024px) {
.site-footer {
position: absolute;
bottom: 0;
left: 0;
right: 0; } }
.site-footer p {
margin: .3em 0; }
.site-footer .button {
margin: .5rem 0 .3rem; }
@media only screen and (min-width: 768px) {
.site-footer .button {
margin: 0; } }
@media only screen and (min-width: 768px) {
.site-footer__left {
float: left; }
.site-footer__right {
float: right;
text-align: right; } }
.footer-nav li {
display: inline-block; }
.footer-nav li::after {
content: ' I';
font-weight: 400;
margin: 0 .1em; }
.footer-nav li:last-child::after {
content: none; }
.footer-nav a {
color: #000; }
.footer-nav a:hover, .footer-nav a:focus, .footer-nav a:active {
color: #2793ac; }
.newsletter {
display: inline-block;
margin: 0 0 .5rem; }
@media only screen and (min-width: 480px) {
.newsletter {
margin-left: .5em; } }
@media only screen and (min-width: 768px) {
.newsletter {
margin: 0; } }
.newsletter.open .newsletter__open {
display: none; }
.newsletter.open .newsletter__form {
display: inline-block; }
.newsletter__form {
display: none; }
.newsletter__form input {
width: 13.7rem;
border-top: none;
border-left: none;
border-right: none;
padding-left: 0;
padding-right: 0;
margin-right: .5rem; }
.newsletter__form input.placeholder {
text-transform: uppercase;
color: #2793ac;
letter-spacing: .08em; }
.newsletter__form input:-moz-placeholder {
text-transform: uppercase;
color: #2793ac;
letter-spacing: .08em; }
.newsletter__form input::-moz-placeholder {
text-transform: uppercase;
color: #2793ac;
letter-spacing: .08em; }
.newsletter__form input::-webkit-input-placeholder {
text-transform: uppercase;
color: #2793ac;
letter-spacing: .08em; }
.site-creator a {
color: #000; }
.site-creator a:hover, .site-creator a:focus, .site-creator a:active {
color: #2793ac; } .home-shapes {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.home-shapes .shape {
position: absolute;
display: block;
width: 1px;
height: 1px; }
.home-shapes .shape:nth-child(3) {
left: 0;
top: 200px; }
.home-shapes .shape:nth-child(2) {
top: 50%;
left: 300px; }
.home-shapes .shape:nth-child(1) {
top: 50%;
right: 100px; }
.home-shapes .shape.js-position {
left: auto;
right: auto;
top: auto; }
.home-shapes img {
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
max-width: none; } .competences-left {
height: auto; }
@media only screen and (max-width: 767px) {
.competences-left {
padding: 2rem 0 5rem; }
.competences-left img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover; } }
.competences-title {
z-index: 200;
position: absolute;
top: 100%;
left: 50%;
width: 8rem;
height: 8rem;
margin-left: -4rem;
margin-top: -4rem;
background-color: #000;
border-radius: 50%;
border: 2px solid #2793ac;
font-size: 1.1rem;
font-weight: 400;
text-transform: uppercase;
text-align: center;
color: #fff; }
@media only screen and (min-width: 768px) {
.competences-title {
top: 50%;
left: 100%; } }
.competences-title.bright {
border-color: #0cdecd; }
.competences-title.light {
border-color: #aee9f6; }
.competences-title span {
position: absolute;
top: 50%;
left: 1rem;
right: 1rem;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.competences-nav {
position: relative;
width: 17rem;
max-width: 100%;
margin: 0 auto; }
@media only screen and (min-width: 768px) {
.competences-nav {
position: absolute;
right: 0;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); } }
.competences-nav ul {
margin: 0;
padding: 3rem 0;
background-color: #000;
text-align: center; }
.competences-nav li::after {
content: '-';
color: #2793ac; }
.competences-nav li:last-child::after {
content: none; }
.competences-nav li.current a {
color: #2793ac;
font-weight: 700; }
.competences-nav li .subnav {
display: none;
padding: .5rem 0; }
.competences-nav li .subnav li {
font-size: 0.733rem; }
.competences-nav li .subnav li::after {
content: none; }
.competences-nav li .subnav li a {
font-weight: 300; }
.competences-nav a {
display: block;
color: #fff;
font-weight: 300; }
.competences-nav a:hover, .competences-nav a:focus {
color: #2793ac; }
.competences-nav.bright li::after, .competences-nav.bright li.current a {
color: #0cdecd; }
.competences-nav.bright a:hover, .competences-nav.bright a:focus {
color: #0cdecd; }
.current .competences-nav.bright a {
color: #0cdecd; }
.competences-nav.light li::after, .competences-nav.light li.current a {
color: #aee9f6; }
.competences-nav.light a:hover, .competences-nav.light a:focus {
color: #aee9f6; }
.current .competences-nav.light a {
color: #aee9f6; }
.competences-intro blockquote {
position: relative;
margin: 0;
padding: 3rem 2rem;
max-width: 22rem;
margin: 0 auto;
text-align: left; }
.competences-intro blockquote::before, .competences-intro blockquote::after {
position: absolute;
font-size: 18rem;
line-height: 0;
height: 0;
color: #2793ac;
opacity: 0.2; }
.competences-intro blockquote::before {
content: '“';
left: -1.2rem;
top: 5.5rem; }
.competences-intro blockquote::after {
content: '”';
right: -1rem;
bottom: -2.5rem; }
.competences-section {
display: none; }
.competences-content {
padding-top: 4rem; }
@media only screen and (min-width: 768px) {
.competences-content {
padding-top: 0;
padding-left: 3rem; } }
.competences-nav li .lexicon-nav {
padding: .5rem 1.7rem; }
.competences-nav li .lexicon-nav li {
display: inline-block; }
.competences-nav li .lexicon-nav li.inactive {
padding: .2rem;
color: #555; }
.competences-nav li .lexicon-nav a {
display: block;
padding: .2rem; }
.competences-nav li .lexicon-nav a:hover, .competences-nav li .lexicon-nav a:focus {
color: #fff; }
h2.lexicon-section {
position: relative;
font-size: 1.4rem;
line-height: 1;
margin-top: 4rem;
margin-bottom: 1.5rem; }
h2.lexicon-section::after {
content: '';
display: block;
height: 1px;
width: calc(100% - 1.3em);
position: absolute;
right: 0;
bottom: .2rem;
background-color: #2793ac; } .news {
background-color: #f1f0f0; }
@media only screen and (min-width: 768px) {
.news .site-main__inner {
padding: .5rem 0; } }
@media only screen and (min-width: 1024px) {
.news {
min-height: 52rem; } }
@media only screen and (min-width: 1920px) {
.news {
min-height: 60rem; } }
.news-container {
position: relative;
max-width: 76rem;
margin: 0 auto; }
@media only screen and (min-width: 1024px) {
.news-container {
height: calc(100% - 6.4rem); } }
.news-categories {
position: relative;
background-color: #fff;
padding: 5rem 0 1rem; }
@media only screen and (min-width: 768px) {
.news-categories {
z-index: 100;
position: absolute;
top: 0;
bottom: -.5rem;
left: 0;
width: 16rem;
padding: 0;
background-color: transparent; } }
.news-categories ul {
height: 100%;
margin: 0;
margin-right: .5rem; }
.news-categories li {
height: 20%;
padding-bottom: .5rem; }
.news-categories a {
position: relative;
overflow: hidden;
display: block;
height: 100%;
padding: 1.5rem 0;
background-color: #fff;
text-align: center;
font-size: .933rem;
font-weight: 700;
text-transform: uppercase; }
@media only screen and (min-width: 768px) {
.news-categories a {
padding: 1rem 0; } }
.news-categories a::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: .5rem;
background-color: #2793ac;
-webkit-transform: translateY(120%);
-ms-transform: translateY(120%);
transform: translateY(120%);
-webkit-transition: -webkit-transform .2s;
transition: transform .2s; }
.news-categories a:hover::after, .news-categories a:focus::after {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); }
.news-categories a span {
position: absolute;
top: 50%;
left: 0;
right: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.news-categories .current {
z-index: 10;
position: absolute;
top: 0;
left: 0;
width: 100%; }
.news-categories .current a {
padding: 2rem 0;
font-size: 1.2rem;
color: #fff;
background-color: #2793ac; }
@media only screen and (min-width: 768px) {
.news-categories .current {
position: static; }
.news-categories .current a {
padding: inherit;
font-size: 1rem;
color: #2793ac;
background-color: #fff; }
.news-categories .current a::after {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); } }
.news-slider {
position: relative;
background: #041c21 url(//fakt-avocats.eu/wp-content/themes/fakt/library/images/news-bg.jpg) center no-repeat;
background-size: cover;
color: #fff;
padding-bottom: .5rem;
height: 100%;
font-size: .933rem; }
@media only screen and (min-width: 768px) {
.news-slider {
margin-left: 16rem; } }
.news-slider .slick {
position: relative;
right: 1.2rem;
padding: 2rem 3rem 2rem 2rem; }
@media only screen and (min-width: 480px) {
.news-slider .slick {
padding: 2rem 5rem 2rem 3rem; } }
@media only screen and (min-width: 1024px) {
.news-slider .slick {
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); } }
.news-slider .slick-dots {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.news-slider .slick-dots li {
display: block;
margin: .5rem; }
.news-slider .slick-dots li.slick-active button::before {
background-color: #fff; }
.news-slider .slick-slide > div header {
border-top: 1px solid #fff;
padding-top: 1.5rem; }
.news-slider .slick-slide > div header > a {
display: block;
color: #fff; }
.news-slider .slick-slide > div:first-child header {
border-top: none;
padding-top: 0; }
.news-slider__article {
vertical-align: top; }
.news-slider__article .inner {
position: relative;
max-width: 22rem;
margin: .75rem auto;
padding-left: 5.5rem; }
.news-slider .round-icon {
position: absolute;
top: 50%;
left: 0;
display: block;
width: 3.5rem;
height: 3.5rem;
margin-top: -2.5rem;
padding: .5rem;
border: .35rem solid #fff;
border-radius: 50%;
font-size: 1.35rem;
text-align: center;
line-height: 1.6; }
.news-slider .category, .news-slider .title {
font-size: .933rem;
text-transform: uppercase;
line-height: 1.2;
margin: 0; }
.news-slider .category {
font-weight: 700; }
.news-slider .title {
font-weight: 300; }
.news-slider .excerpt p {
margin-top: .8rem;
margin-bottom: .5rem; }
.news-slider .link {
color: #fff;
font-size: .733rem;
font-weight: 400;
text-transform: uppercase;
margin-right: 1rem; }
.news-slider .link::before {
content: '>';
display: inline-block;
width: 1rem;
height: 1rem;
margin-right: .5rem;
border: 2px solid #fff;
border-radius: 50%;
text-align: center;
line-height: 1; }
.news-slider .link:hover, .news-slider .link:focus {
color: #0cdecd; } .news-under {
position: relative;
overflow: hidden;
max-width: 76rem;
margin: 0 auto;
margin-top: .6rem; }
@media only screen and (min-width: 1024px) {
.news-under {
height: 5.8rem; } }
.news-under__section {
display: block;
min-height: 5.8rem;
margin-bottom: .5rem; }
@media only screen and (min-width: 768px) {
.news-under__section {
float: left;
margin-bottom: 0; } }
@media only screen and (min-width: 1024px) {
.news-under__section {
height: 100%; } }
.selected-news {
padding-top: .8rem;
background: #2f393e url(//fakt-avocats.eu/wp-content/themes/fakt/library/images/selected-news-bg.jpg) center no-repeat;
background-size: cover; }
@media only screen and (min-width: 768px) {
.selected-news {
width: calc(100% - 17em);
margin-bottom: .5rem; } }
@media only screen and (min-width: 1024px) {
.selected-news {
width: 46%;
margin-bottom: 0; } }
.selected-news .info {
padding-left: 4.5rem;
margin: 1rem 0;
color: #fff;
text-transform: uppercase;
font-weight: 700; }
@media only screen and (min-width: 480px) {
.selected-news .info {
position: absolute;
top: 1.6rem;
left: 1.5rem;
width: 13.5rem;
margin: 0;
padding: 0; } }
.selected-news__slider {
padding-left: 1rem;
padding-bottom: 2rem; }
@media only screen and (min-width: 480px) {
.selected-news__slider {
margin-left: 13.5rem;
padding: 0; } }
.selected-news__slider .slider {
padding-right: 3rem; }
.selected-news__slider .slick-dots {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.selected-news__slider .slick-dots li {
display: block;
margin: .5rem; }
.selected-news__slider .slick-dots li.slick-active button::before {
background-color: #fff; }
.selected-news .article {
position: relative;
color: #fff;
height: 4rem; }
.selected-news .round-icon {
position: absolute;
top: 50%;
left: 0;
display: block;
width: 2.2rem;
height: 2.2rem;
margin-top: -1.1rem;
padding: .5rem;
border: .25rem solid #fff;
border-radius: 50%;
font-size: .8rem;
text-align: center; }
.selected-news .title, .selected-news .excerpt {
padding-left: 3.5rem;
margin: 0;
font-size: 1.11rem; }
.selected-news .title {
text-transform: uppercase; }
.selected-news .title a {
color: #fff; }
.selected-news .title a:hover, .selected-news .title a:focus {
color: #0cdecd; }
.selected-news .excerpt p {
margin: 0; }
.documentation-link {
position: relative;
background: #2793ac url(//fakt-avocats.eu/wp-content/themes/fakt/library/images/documentation-bg.jpg) center no-repeat;
background-size: cover;
color: #fff;
text-transform: uppercase;
font-weight: 700; }
@media only screen and (min-width: 768px) {
.documentation-link {
width: 16.4em;
margin: 0 .6em;
margin-right: 0; } }
@media only screen and (min-width: 1024px) {
.documentation-link {
margin-right: .6rem; } }
.documentation-link:hover .icon-arrow, .documentation-link:focus .icon-arrow {
-webkit-transform: translateX(0.3em);
-ms-transform: translateX(0.3em);
transform: translateX(0.3em); }
.documentation-link span {
position: absolute;
top: 50%;
left: 1.5rem;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 1.066rem; }
.documentation-link .icon-arrow {
position: absolute;
right: 2.5rem;
top: 50%;
margin-top: -.6rem;
font-size: 1.2rem;
color: #2793ac;
-webkit-transition: -webkit-transform .2s;
transition: transform .2s; }
.newsletter-alt {
background-color: #fafafa; }
@media only screen and (min-width: 768px) {
.newsletter-alt {
width: calc(100% - 3em); } }
@media only screen and (min-width: 1024px) {
.newsletter-alt {
width: calc(54% - 20.1em); } }
.newsletter-alt .inner {
max-width: 17rem;
margin: 0 auto;
padding: 1rem; }
.newsletter-alt h2 {
margin: 0;
margin-bottom: .8rem;
font-size: .95rem;
font-weight: 300;
text-transform: uppercase; }
.newsletter-alt h2 strong {
color: #2793ac; }
.newsletter-alt input {
line-height: 1;
padding: .2rem .6rem; }
.newsletter-alt input.placeholder {
color: #2793ac; }
.newsletter-alt input:-moz-placeholder {
color: #2793ac; }
.newsletter-alt input::-moz-placeholder {
color: #2793ac; }
.newsletter-alt input::-webkit-input-placeholder {
color: #2793ac; }
.newsletter-alt .icon-arrow {
font-size: 1.4rem;
margin-left: 1rem; }
.social-links {
margin: .3rem 0;
text-align: center; }
@media only screen and (min-width: 768px) {
.social-links {
position: relative;
width: 2.5em;
margin: 0; }
.social-links ul {
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); } }
.social-links li {
display: inline-block;
margin: 0 .3rem; }
@media only screen and (min-width: 768px) {
.social-links li {
display: block;
margin: 0; } }
.social-links a {
display: inline-block;
width: 2rem;
height: 2rem;
margin: .3rem 0;
border: .2rem solid #2793ac;
border-radius: 50%;
text-align: center;
line-height: 1.8; }
.social-links a:hover, .social-links a:focus {
background-color: #2793ac;
color: #fff; } .contact {
margin-left: 0;
padding-top: 1rem;
background: #041c21 url(//fakt-avocats.eu/wp-content/themes/fakt/library/images/contact-bg.jpg) bottom right no-repeat;
color: #fff;
font-size: 1.066rem;
font-weight: 300; }
@media only screen and (min-width: 650px) {
.contact {
height: 100%;
max-width: 50%; } }
@media only screen and (min-width: 1024px) {
.contact {
max-width: 33rem; } }
.contact .content__inner {
max-width: 20rem; }
.contact .content__title {
text-align: left; }
.contact .content__title h1::after {
width: 100%; }
.contact-details {
margin: 0;
list-style: none; }
.contact-details li {
position: relative;
padding-left: 3.5rem; }
.contact-details li::before {
content: none; }
.contact-details .icon {
position: absolute;
left: 0;
top: 0;
font-size: 2rem;
color: #2793ac; }
.contact-details h3 {
font-size: inherit;
text-transform: uppercase;
margin-bottom: 0; }
.contact-details p {
margin-top: .5em;
line-height: 1.5; }
.contact-details a {
color: #fff; }
.contact-details a:hover, .contact-details a:focus {
color: #aee9f6; }
.map {
background-color: #95aeb0;
height: 300px; }
@media only screen and (min-width: 480px) {
.map {
height: 430px; } }
@media only screen and (min-width: 650px) {
.map {
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 50%;
height: auto; } }
@media only screen and (min-width: 1024px) {
.map {
width: calc(100% - 33em); } }
#map {
width: 100%;
height: 100%; } .join-nav {
width: 100%;
padding: 2vh 2vw;
background: #e9e5e5 url(//fakt-avocats.eu/wp-content/themes/fakt/library/images/join-nav-bg.jpg) bottom left no-repeat; }
@media only screen and (min-width: 480px) {
.join-nav {
z-index: 100;
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 10rem;
padding: 4vh 2vw; } }
@media only screen and (min-width: 768px) {
.join-nav {
width: 15.5rem; } }
@media only screen and (min-width: 1400px) {
.join-nav {
padding: 3rem 1.5rem; } }
.join-nav li {
display: inline-block; }
@media only screen and (min-width: 480px) {
.join-nav li {
display: block; } }
.join-nav a {
display: block;
padding: .5rem 1rem;
font-size: 1.2rem;
color: #000; }
@media only screen and (min-width: 480px) {
.join-nav a {
padding: .5rem .8rem; } }
@media only screen and (min-width: 768px) {
.join-nav a {
padding: .5rem 2rem; } }
.join-nav a:hover, .join-nav a:focus {
color: #2793ac; }
.join-nav .current-menu-item a {
font-weight: 700; }
.join-content {
padding: 5vh 4vw;
background: #fff bottom right no-repeat; }
@media only screen and (min-width: 480px) {
.join-content {
margin-left: 10rem;
height: 100%; } }
@media only screen and (min-width: 768px) {
.join-content {
margin-left: 15.5rem; } }
@media only screen and (min-width: 1400px) {
.join-content {
padding: 3.5rem 5rem; } }
.join-content__inner {
min-height: 100%;
max-width: 44rem; }
@media only screen and (min-width: 768px) {
.join-content__inner {
padding-right: 2rem; } }
.join-content .content__title {
text-align: left;
margin-bottom: 2rem; }
.join-content .content__title h1::after {
margin-left: 0;
width: 26rem; }
.join-content h2 {
font-size: 1rem;
text-transform: uppercase; }
.presentation {
background-image: url(//fakt-avocats.eu/wp-content/themes/fakt/library/images/join-content-bg.jpg); } .offers {
background-image: url(//fakt-avocats.eu/wp-content/themes/fakt/library/images/offers-content-bg.jpg); }
.offers .join-content__inner {
max-width: 60rem; }
.offers .content__title {
margin-bottom: 1.5rem; }
.offers .content__title h1::after {
margin-left: 0;
width: 22rem; }
.offers-filter .filter {
position: relative;
display: inline-block;
margin-right: 1rem;
padding-bottom: .5rem;
vertical-align: middle;
text-transform: uppercase;
font-weight: 700; }
.offers-filter .filter .icon-arrow {
vertical-align: middle;
margin-left: .6rem;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg); }
.offers-filter .filter select {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0; }
.offers-list {
overflow: hidden;
margin: 3rem 0; }
.offers-list__single {
display: block;
padding: 1rem;
border: 2px solid transparent;
font-size: 1.2rem;
color: #000; }
@media only screen and (min-width: 480px) {
.offers-list__single {
padding: 1.5rem 2rem; } }
@media only screen and (min-width: 768px) {
.offers-list__single {
padding: 1.5rem 4rem; } }
@media only screen and (min-width: 1024px) {
.offers-list__single {
float: left;
width: 50%; } }
.offers-list__single:hover, .offers-list__single:focus {
border-color: #2793ac; }
.offers-list .title {
margin: 0;
margin-bottom: .5rem;
font-size: 1.2rem;
text-transform: uppercase; } .apply {
color: #fff;
font-weight: 300;
background: #041c21 url(//fakt-avocats.eu/wp-content/themes/fakt/library/images/apply-content-bg.jpg) bottom right no-repeat; }
.apply .join-content__inner {
max-width: 60rem; }
.apply .content__title {
margin-bottom: 1.5rem; }
.apply .content__title h1::after {
margin-left: 0;
width: 38rem; }
.apply .wpcf7-form {
text-align: left; }
.apply .wpcf7-form br {
display: none; }
@media only screen and (min-width: 1160px) {
.apply .left, .apply .right {
float: left;
width: 50%; }
.apply .left {
padding-right: 3rem; }
.apply .right {
padding-left: 2rem; } }
.apply .field {
position: relative;
margin: 1rem 0;
*zoom: 1; }
.apply .field:before{
content: '';
display: table; }
.apply .field:after{
content: '';
display: table;
clear: both; }
.apply .field.no-margin {
margin-bottom: -1rem; }
.apply label {
font-weight: 700;
text-transform: uppercase;
display: block;
margin-bottom: .5rem;
padding-top: .15rem; }
@media only screen and (min-width: 768px) {
.apply label {
float: left;
width: 9rem;
margin-bottom: 0; } }
.apply .wpcf7-form-control-wrap, .apply .files {
display: block;
margin-bottom: .5rem; }
@media only screen and (min-width: 768px) {
.apply .wpcf7-form-control-wrap, .apply .files {
float: left;
width: calc(100% - 9em);
margin-bottom: 1rem; } }
.apply input {
width: 100%; }
.apply input.wpcf7-not-valid {
border-color: #D03D2E; }
.apply input[type="date"], .apply input[type="radio"], .apply input[type="file"] {
width: auto; }
.apply input[type="radio"] {
display: none; }
.apply input[type="radio"] + .wpcf7-list-item-label {
position: relative;
display: inline-block;
padding-left: 20px;
text-transform: none;
font-weight: 400;
cursor: pointer; }
.apply input[type="radio"] + .wpcf7-list-item-label::before, .apply input[type="radio"] + .wpcf7-list-item-label::after {
content: '';
position: absolute;
left: 0;
top: 50%;
display: block;
width: 11px;
height: 11px;
border-radius: 50%;
margin-top: -5px; }
.apply input[type="radio"] + .wpcf7-list-item-label::before {
border: 1px solid #2793ac; }
.apply input[type="radio"] + .wpcf7-list-item-label::after {
display: none;
left: 4px;
width: 3px;
height: 3px;
background-color: #2793ac;
margin-top: -1px; }
.apply input[type="radio"]:checked + .wpcf7-list-item-label::after {
display: block; }
.apply .wpcf7-list-item.first {
display: block;
margin-bottom: .3rem; }
.apply .disponsibility {
margin-bottom: 1rem;
margin-left: -.2rem; }
.apply .disponsibility label {
float: none;
width: auto; }
.apply .disponsibility-date {
position: absolute;
left: 8rem;
top: 1.4rem;
width: auto; }
@media only screen and (min-width: 768px) {
.apply .disponsibility-date {
top: .15rem;
left: 17rem; } }
.apply .disponsibility-date input {
width: 8rem;
min-height: 1.8em; }
.apply .disponsibility-date input[disabled] {
opacity: .5; }
.apply .filefield {
display: inline-block;
margin-right: .8rem; }
.apply .filefield .wpcf7-form-control-wrap {
float: none;
width: auto; }
.apply .filefield .wpcf7-not-valid-tip {
display: block;
color: #D03D2E; }
.apply .filefield label {
float: none;
width: auto;
color: #2793ac;
cursor: pointer; }
.apply .filefield label.selected .attach-icon {
background-color: #fff; }
.apply .filefield .attach-icon {
display: inline-block;
width: 1.5rem;
height: 1.5rem;
margin-left: .2rem;
font-size: .7rem;
border: 2px solid #2793ac;
border-radius: 50%;
text-align: center;
line-height: 2; }
.apply input[type="file"] {
display: none; }
.apply p:empty {
display: none; }
.apply .submit-btn {
padding-left: .2rem;
padding-bottom: .5rem; }
@media only screen and (min-width: 480px) {
.apply .submit-btn {
text-align: right; } }
.apply .submit-btn button {
text-transform: uppercase;
color: #2793ac; }
.apply .submit-btn button .icon-arrow {
color: #fff;
font-size: 1.3rem;
margin-right: 1rem;
vertical-align: middle; }
.apply .submit-btn button:hover .icon-arrow::after, .apply .submit-btn button:focus .icon-arrow::after {
background-color: #fff; }
.apply .wpcf7-not-valid-tip, .apply .screen-reader-response, .apply .wpcf7-validation-errors {
display: none; }
.apply .wpcf7-response-output {
clear: both; } .siteplan {
max-width: none;
padding: 0 1.5rem; }
ul.siteplan-list {
margin: 0;
list-style: none;
text-align: center; }
ul.siteplan-list li {
display: inline-block;
vertical-align: top;
margin: 1.5rem .5rem;
width: 11.5rem;
font-weight: 700;
text-transform: uppercase;
text-align: left; }
ul.siteplan-list li::before {
content: none !important; }
ul.siteplan-list a {
color: #fff; }
ul.siteplan-list a:hover, ul.siteplan-list a:focus {
color: #2793ac; }
ul.siteplan-list .children {
list-style: none;
margin: .5rem 0;
margin-left: 1rem; }
ul.siteplan-list .children li {
margin: .2rem 0;
font-weight: 300;
text-transform: none; }
.cooki {
position: absolute;
top: 0;
width: 100%;
text-align: center;
background: #2493ab;
color: #ffffff;
font-size: 13px;
font-family: 'Source Sans Pro', sans-serif;
text-transform: none;
height: 25px;
line-height: 25px;
font-weight: normal;
}
img.closeit {
float: right;
margin: 7px 15px 0 0;
}
.close-cookies {
cursor: pointer;
display: none;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-ms-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.cooki a {
color: #ffffff;
}
@media (max-width: 768px) {
.cooki {
top: 0;
height: 82px;
line-height: normal;
position: relative;
margin-bottom: 20px;
padding-top: 20px;
}
img.closeit {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 8px auto;
}
}