.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}@import url("https://fonts.googleapis.com/css?family=Poppins:200,200i,300,300i,400,400i,600,600i");   .no-js .preloader,
.no-js .preloader-portfolio { 
display: none;
}
.preloader,
.preloader-portfolio {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: #fff;
}
.preloader-animation {
width: 200px;
height: 200px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: auto;
filter: url(#goo);
animation: rotate-move 2s ease-in-out infinite;
}
.dot { 
width: 70px;
height: 70px;
border-radius: 50%;
background-color: #000;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.dot-3 {
background-color: #f9966f;
animation: dot-3-move 2s ease infinite, index 6s ease infinite;
}
.dot-2 {
background-color: #f74d75;
animation: dot-2-move 2s ease infinite, index 6s -4s ease infinite;
}
.dot-1 {
background-color: #ffe386;
animation: dot-1-move 2s ease infinite, index 6s -2s ease infinite;
}
@keyframes dot-3-move {
20% {transform: scale(1)}
45% {transform: translateY(-18px) scale(.45)}
60% {transform: translateY(-90px) scale(.45)}
80% {transform: translateY(-90px) scale(.45)}
100% {transform: translateY(0px) scale(1)}
}
@keyframes dot-2-move {
20% {transform: scale(1)}
45% {transform: translate(-16px, 12px) scale(.45)}
60% {transform: translate(-80px, 60px) scale(.45)}
80% {transform: translate(-80px, 60px) scale(.45)}
100% {transform: translateY(0px) scale(1)}
}
@keyframes dot-1-move {
20% {transform: scale(1)}
45% {transform: translate(16px, 12px) scale(.45)}
60% {transform: translate(80px, 60px) scale(.45)}
80% {transform: translate(80px, 60px) scale(.45)}
100% {transform: translateY(0px) scale(1)}
}
@keyframes rotate-move {
55% {transform: translate(-50%, -50%) rotate(0deg)}
80% {transform: translate(-50%, -50%) rotate(360deg)}
100% {transform: translate(-50%, -50%) rotate(360deg)}
}
@keyframes index {
0%, 100% {z-index: 3}
33.3% {z-index: 2}
66.6% {z-index: 1}
} html {
margin: 0;
width: 100%;
height: 100%;
min-height: 100%;
overflow: hidden;
}
body {
background-color: #f2f7f9;
margin: 0;
width: 100%;
height: 100%;
min-height: 100%;
font-size: 15px;
font-family: 'Poppins', Helvetica, sans-serif;
line-height: 1.65em;
overflow: hidden;
color: #555;
background-repeat: no-repeat;
background-position: center;
background-position: 50% 50%;
background-size: cover;
}
h1, h2, h3, h4, h5, h6 {
color: #111;
font-family: 'Poppins', Helvetica, sans-serif;
font-weight: 600;
}
h1 {
font-size: 32px;
}
h2 {
font-size: 27px;
}
h3 {
font-size: 21px;
}
h4 {
font-size: 18px;
}
h5 {
font-size: 16px;
}
h6 {
font-size: 14px;
}
a {
color: #0099cc;
text-decoration: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
p {
margin-bottom: 10px;
}
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.page {
display: block;
width: 100%;
height: 100%;
min-height: 100%;
padding: 0 125px 0 55px;
overflow: hidden;
}
.page-content {
position: relative;
width: 100%;
max-width: 1460px;
min-height: 86vh;
margin: 7vh auto;
padding: 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
} .btn-primary,
.btn-secondary,
button,
input[type="button"],
input[type="submit"],
.wp-block-button .wp-block-button__link {
display: inline-block;
position: relative;
padding: .8em 2.1em;
margin-bottom: .75em;
margin-right: .25em;
font-size: 1em;
line-height: 1.2;
border: 0;
outline: 0;
border: 2px solid #f9966f;
color: #fff;
text-shadow: none;
background-color: #f9966f;
border-radius: 6px;
cursor: pointer;
font-family: 'Poppins', Helvetica, sans-serif;
box-shadow: 0px 10px 10px -8px rgba(80,90,96,0.33);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.btn-primary:last-child,
.btn-secondary:last-child,
button:last-child,
input[type="button"]:last-child,
input[type="submit"]:last-child,
.wp-block-button .wp-block-button__link:last-child {
margin-right: 0;
}
.btn-primary:hover,
.btn-primary:focus,
button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
background-color: #fff;
color: #111;
border: 2px solid #f9966f;
}
.btn-secondary {
border-color: #9baab3;
background-color: #fff;
box-shadow: 0px 10px 10px -8px rgba(80,90,96,0.33);
color: #666;
}
.btn-secondary:hover,
.btn-secondary:focus {
color: #fff;
border-color: #9baab3;
background-color: #9baab3;
}
button.mfp-close:hover,
button.mfp-close:visited,
button.mfp-close:focus,
button.mfp-arrow:hover,
button.mfp-arrow:visited,
button.mfp-arrow:focus {
border: 0;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.half-bg {
position: absolute;
top: 0;
bottom: 0;
left: calc(383px + 10%);
right: 0;
background: linear-gradient(#faf0ec, #f9e7e0);
opacity: 0.7;
}
@media only screen and (max-width: 1640px) {
.half-bg {
left: calc(380px + 55px);
}
}
@media only screen and (min-width: 1025px) {
body::-webkit-scrollbar,
.animated-section::-webkit-scrollbar,
.single-page-content::-webkit-scrollbar,
.header::-webkit-scrollbar,
.portfolio-page-content::-webkit-scrollbar {
position: absolute;
width: 5px;
margin-left: -5px;
}
body::-webkit-scrollbar-track,
.animated-section::-webkit-scrollbar-track,
.single-page-content::-webkit-scrollbar-track,
.header::-webkit-scrollbar-track,
.portfolio-page-content::-webkit-scrollbar-track {
background-color: #fcfcfc;
}
body::-webkit-scrollbar-thumb,
.animated-section::-webkit-scrollbar-thumb,
.single-page-content::-webkit-scrollbar-thumb,
.header::-webkit-scrollbar-thumb,
.portfolio-page-content::-webkit-scrollbar-thumb {
background-color: #ddd;
outline: 0;
}
}
.lm-animated-bg {
position: absolute;
width: auto;
height: auto;
top: -28px;
left: -28px;
right: -28px;
bottom: -28px;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
z-index: -1;
}
.vcentered {
vertical-align: middle;
width: 100%;
align-items: center;
display: flex;
display: -ms-flexbox;
-ms-flex-pack: center;
justify-content: center;
flex-direction: column;
height: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: horizontal;
-moz-box-orient: horizontal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.vcentered .row {
width: 100%;
}
.title-block {
position: relative;
text-align: center;
}
.title-block h2 {
font-size: 60px;
line-height: 74px;
margin: 0;
text-align: center;
}
.title-block .sp-subtitle {
color: #9baab3;
font-size: 21px;
font-weight: 300;
margin: 5px 0;
text-align: center;
}
.text-rotation {
display: block;
width: 100%;
position: relative;
} .alert {
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 30px;
border: 1px solid transparent;
border-radius: .25rem;
}
.alert-success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
}
.alert-danger {
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb;
}
.alert button.close {
padding: 0;
background-color: transparent;
border: 0;
-webkit-appearance: none;
}
.alert .close {
float: right;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .5;
}
.alert .close:focus,
.alert .close:hover {
color: #000;
text-decoration: none;
opacity: .75;
}  @media only screen and (min-width: 1025px) {
.header {
display: inline-block;
float: left;
width: 100%;
max-width: 380px;
height: 100%;
max-height: 80vh;
min-height: inherit;
text-align: center;
padding: 70px 30px 45px;
overflow: auto;
background-color: rgba(251,232,225,0.06);
-webkit-box-shadow: 0 0 20px -5px rgb(0 0 0 / 15%);
-moz-box-shadow: 0 0 20px -5px rgb(0 0 0 / 15%);
box-shadow: 0 0 20px -5px rgb(0 0 0 / 15%);
} ul.main-menu {
position: absolute;
padding: 15px 0 115px;
width: 70px;
right: -72px;
background-color: #fff;
z-index: 999;
list-style: none;
top: 0;
bottom: 0;
-webkit-box-shadow: 0 0 20px -5px rgb(0 0 0 / 15%);
-moz-box-shadow: 0 0 20px -5px rgb(0 0 0 / 15%);
box-shadow: 0 0 20px -5px rgb(0 0 0 / 15%);
}
ul.main-menu a {
display: block;
position: relative;
color: #9baab3;
padding: 10px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
ul.main-menu a.active,
ul.main-menu a:focus,
ul.main-menu a:hover {
color: #f9966f;
}
ul.main-menu .menu-icon {
display: block;
font-size: 27px;
}
ul.main-menu .link-text {
position: absolute;
width: auto;
visibility: hidden;
opacity: 0;
color: #9baab3;
padding: 2px 10px;
background-color: #fff;
white-space: nowrap;
border: 2px solid #fff;
right: 0;
top: calc(-50% - 2px);
border-bottom-left-radius: 5px;
border-right: 0;
border-top-left-radius: 5px;
margin-top: 50%;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
z-index: 0;
box-shadow: 0px 10px 10px -8px rgb(0 0 0 / 22%);
}
ul.main-menu a:hover .link-text {
right: 100%;
visibility: visible;
opacity: 1;
border-color: #9baab3;
} } .header-lng {
display: inline-block;
margin-bottom: 5px;
margin-top: -8px;
text-align: right;
float: right;
}
.header-lng ul {
display: inline-block;
padding: 2px 4px;
list-style: none;
text-align: right;
background-color: rgba(255,255,255,0.2);
border-radius: 5px;
}
.header-lng ul li {
display: inline-block;
margin: 0;
padding: 0;
}
.header-lng ul li a {
font-size: 12px;
line-height: 1;
padding: 1px 7px;
border-radius: 3px;
color: #fff;
}
.header-lng ul li a.active {
background-color: #fff;
color: #666;
}
.header-lng ul li a:hover,
.header-lng ul li a:focus {
background-color: #fff;
color: #666;
}  .social-links {
margin-bottom: 25px;
margin-top: 25px;
}
.social-links ul {
list-style: none;
display: inline-block;
background-color: rgba(255,255,255,0.1);
padding: 3px 15px;
border-radius: 25px;
}
.social-links ul li {
display: inline-block;
margin: 0 0 5px;
}
.social-links ul li a {
color: #fff;
border-radius: 20px;
font-size: 15px;
padding: 0;
height: 25px;
width: 25px;
display: block;
line-height: 30px;
text-align: center;
opacity: 1;
}
.social-links ul li a:hover {
opacity: 1;
color: #111;
}  .lmpixels-arrows-nav {
position: absolute;
padding: 10px 0;
width: 70px;
right: -72px;
list-style: none;
bottom: 0;
z-index: 999;
}
.lmpixels-arrows-nav div {
display: block;
position: relative;
text-align: center;
color: #9baab3;
padding: 10px;
font-size: 24px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.lmpixels-arrows-nav div:hover {
color: #f9966f;
cursor: pointer;
} .header-photo {
position: relative;
width: 130px;
margin: 0 auto 25px;
z-index: 1;
}
.header-photo img {
max-width: 100%;
background-color: #fff;
border: 3px solid #fff;
border-radius: 300px;
}
.header-photo:after {
position: absolute;
opacity: 0.3;
top: 3%;
left: 3%;
border-radius: 300px;
content: '';
height: calc(100% + 0px);
width: calc(100% + 0px);
background-color: #fff;
z-index: -1;
}
.header-titles h2 {
font-size: 30px;
font-weight: 600;
color: #fff;
margin: 5px 0 7px;
line-height: 1.2em;
} 
.header-titles h4 {
font-size: 16px;
font-weight: 300;
color: #fff;
margin: 5px 0;
line-height: 1.2em;
}
.header-buttons {
margin-top: 50px;
}
.header-buttons .btn-primary {
background-color: rgba(0,0,0,0.12);
border-color: #fff;
}
.header-buttons .btn-primary:hover,
.header-buttons .btn-primary:focus,
.header-buttons .btn-primary:active {
background-color: rgba(255,255,255,0.88);
}
.header .copyrights {
color: #fff;
width: 380px;
position: absolute;
bottom: 0;
left: 0;
padding: 5px 10px 15px;
line-height: 14px;
font-size: 12px;
text-align: center;
opacity: .5;
}
.header .info-list {
color: #fff;
font-weight: 300;
} .content-area {
position: absolute;
right: 0;
background-color: transparent;
height: 100%;
width: 100%;
max-width: calc(100% - 380px);
}
.animated-sections {
position: relative;
height: 100%;
-webkit-perspective: 1500px;
-moz-perspective: 1500px;
perspective: 1500px;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.animated-section {
position: absolute;
background-color: transparent;
height: 100%;
width: 100%;
padding: 0;
opacity: 0;
overflow-x: hidden;
overflow-y: auto;
visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
background-repeat: no-repeat;
background-position: center;
background-position: 50% 50%;
background-size: cover;
-webkit-box-shadow: 0 0 20px -5px rgb(0 0 0 / 15%);
-moz-box-shadow: 0 0 20px -5px rgb(0 0 0 / 15%);
box-shadow: 0 0 20px -5px rgb(0 0 0 / 15%);
}
.section-content {
background-color: #fff;
padding: 60px;
position: relative;
height: auto;
width: 100%;
min-width: 100%;
min-height: 100%;
-webkit-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-ms-transform: none;
}
.single-page-content {
position: absolute;
background-color: #fff;
height: 100%;
width: 100%;
padding: 60px;
overflow: auto;
}
.section-active,
.no-js .animated-section {
opacity: 1;
visibility: visible;
z-index: 99;
} .ps>.ps__scrollbar-y-rail {
margin-right: 10px;
margin-top: 30px;
margin-bottom: 30px;
border-radius: 20px;
}
.ps>.ps__scrollbar-y-rail>.ps__scrollbar-y {
background-color: #b5b6b7;
}
.ps:hover>.ps__scrollbar-y-rail:hover>.ps__scrollbar-y {
background-color: #f9966f;
}
.ps>.ps__scrollbar-y-rail {
width: 12px;
}
.ps>.ps__scrollbar-y-rail:hover>.ps__scrollbar-y, .ps>.ps__scrollbar-y-rail:active>.ps__scrollbar-y,
.ps:hover.ps--in-scrolling.ps--y>.ps__scrollbar-y-rail>.ps__scrollbar-y,
.ps.ps--in-scrolling.ps--y>.ps__scrollbar-y-rail>.ps__scrollbar-y {
width: 8px;
} .page-title {
display: inline-block;
position: relative;
padding-right: 25px;
padding-bottom: 15px;
margin-bottom: 30px;
}
.page-title h2 {
position: relative;
font-size: 36px;
z-index: 1;
}
.page-title h4 {
margin-top: 15px;
color: #9baab3;
font-weight: 300;
font-size: 16px;
} .form-group {
position: relative;
margin: 0 0 21.5px;
}
.form-control,
.form-control:focus {
height: 42px;
}
.form-control,
.form-control:focus,
.has-error .form-control,
.has-error .form-control:focus,
input[type="search"],
input[type="password"],
input[type="text"] {
position: relative;
border: 2px solid #d5d6d7;
border-radius: 5px;
display: block;
font-size: 1em;
line-height: 1.4;
margin: 0;
padding: 10px 25px 10px 12px;
width: 100%;
background: 0 0;
background-color: transparent;
text-align: left;
color: inherit;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
outline: none;
font-family: 'Poppins', Helvetica, sans-serif;
box-shadow: 0px 10px 10px -8px rgba(0,0,0,.1);
}
textarea.form-control, textarea.form-control:focus {
height: auto;
}
.form-control ~ .form-control-border {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 100%;
bottom: 0;
border-radius: 5px;
top: 0;
opacity: 0;
background: transparent;
border: 2px solid #f9966f;
border-right-width: 0;
height: 100%;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.form-control:focus ~ .form-control-border {
left: 0;
right: 0;
height: 100%;
z-index: 1;
opacity: 1;
border-right-width: 2px;
}
.has-error .form-control ~ .form-control-border {
border-color: #ff4c4c;
} .form-control::-moz-placeholder {
color: #adadac;
}
.form-control:-ms-input-placeholder {
color: #adadac;
}
.form-control::-webkit-input-placeholder {
color: #adadac;
} .form-group .help-block {
position: absolute;
display: inline-block;
padding: 0px 5px;
font-size: 0.93em;
line-height: 1.75em;
margin: -2px 0 0 10px;
color: #fff;
background: #ff4e4e;
}
.form-group .help-block:after {
content: " ";
position: absolute;
left: 5px;
bottom: 100%;
width: 0;
height: 0;
border-bottom: 10px solid #ff4e4e;
border-right: 10px solid transparent;
}
.form-group .help-block:empty {
display: none;
}
.form-group-with-icon i {
position: absolute;
font-size: 16px;
top: 13px;
right: 13px;
color: #d3d3d3;
}
.form-group-with-icon.form-group-focus i {
color: #f9966f;
}
.form-group.form-group-w-checkbox {
padding-top: 0;
padding-bottom: 8px;
margin-bottom: 17px;
}
.form-group-with-icon.form-group-w-checkbox {
padding-top: 8px;
padding-left: 52px;
margin-bottom: 25px;
}
.form-group .form-control-checkbox + label,
.form-group.form-group-focus .form-control-checkbox + label {
position: relative;
display: inline;
left: 0;
top: 0;
font-size: 1em;
opacity: 1;
}
.form-group .form-control-checkbox,
.form-group.form-group-focus .form-control-checkbox {
display: inline-block;
width: auto;
height: auto;
top: 2px;
}
.form-group.form-group-w-checkbox .help-block {
top: 100%;
left: 0;
margin-left: 0;
}
.form-group.form-group-with-icon.form-group-w-checkbox .help-block {
left: 52px;
}
.form-group label {
position: absolute;
top: 10px;
left: 15px;
z-index: -1;
color: #a5a6a7;
transition: 0.3s;
}
.form-group .form-control:focus ~ label,
.form-group.form-group-focus .form-control ~ label {
color: #f9966f;
top: -20px;
left: 0;
z-index: 1;
font-size: 13px;
}
.form-control, .form-control:focus, .has-error .form-control, .has-error .form-control:focus, input[type="search"], input[type="password"], input[type="text"], .header-search input.form-control {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
transform: translateZ(0);
}  .vcentered .row {
width: 100%;
}
.flex-v-align {
vertical-align: middle;
width: 100%;
min-height: 100%;
align-items: center;
display: flex;
display: -ms-flexbox;
-ms-flex-pack: center;
justify-content: center;
flex-direction: column;
height: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: horizontal;
-moz-box-orient: horizontal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
margin: 0;
}
.home-photo {
display: block;
position: relative;
width: calc(100% + 150px);
padding-bottom: calc(100% + 150px);
margin-top: -100px;
background-color: #fff;
border-radius: 1000px;
border-top-right-radius: 0;
overflow: hidden;
}
.home-photo .hp-inner {
background-image: url(//irenevanputten.nl/wp-content/themes/images/main_photo_1.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: auto;
display: block;
position: absolute;
top: 0;
bottom: 0;
width: auto;
left: 0;
right: 0;
}
.home-text {
text-align: left;
padding-right: 20px;
padding-left: 10px;
}
.home-text h1 {
font-size: 46px;
line-height: 54px;
margin-top: 0;
margin-bottom: 20px;
}
.home-text h4 {
font-size: 16px;
color: #9baab3;
font-weight: 300;
margin-bottom: 5px;
}
.home-buttons {
margin-top: 27px;
}
.block-title {
display: inline-block;
position: relative;
padding-right: 12px;
margin-bottom: 25px;
}
.block-title h3 {
position: relative;
font-size: 21px;
z-index: 1;
}
.block-title h3 span {
color: #f9966f;
}
.block-title:after {
position: absolute;
opacity: 1;
top: 0;
right: -1px;
content: '';
height: 100%;
width: 50px;
max-width: 50%;
border-radius: 30px;
background: linear-gradient(90deg, transparent, rgba(251,232,225,1) 100%);
z-index: 0;
} .white-space-10 {
padding-bottom: 10px; 
}
.white-space-20 {
padding-bottom: 20px; 
}
.white-space-30 {
padding-bottom: 30px; 
}
.white-space-40 {
padding-bottom: 40px; 
}
.white-space-50 {
padding-bottom: 50px; 
}
.white-space-60 {
padding-bottom: 60px; 
}
.white-space-70 {
padding-bottom: 70px; 
}
.white-space-80 {
padding-bottom: 80px; 
}
.white-space-90 {
padding-bottom: 90px; 
}
.white-space-100 {
padding-bottom: 100px; 
}  .info-list ul {
list-style: none;
padding: 0;
margin: 0;
}
.info-list ul li {
margin-bottom: 10px;
}
.info-list ul li:last-child {
margin-bottom: 0;
}
.info-list .title {
color: #f9966f;
margin-right: 5px;
font-weight: 600;
}  .info-block-w-icon {
margin-bottom: 25px;
}
.info-block-w-icon .ci-text h4 {
margin: 5px 0;
}
.info-block-w-icon .ci-text p {
font-size: .95em;
}
.info-block-w-icon .ci-icon {
display: table-cell;
width: 54px;
padding-right: 25px;
}
.info-block-w-icon i {
position: relative;
font-size: 42px;
color: #f9966f;
opacity: .7;
}  .lm-info-block {
position: relative;
text-align: center;
width: 100%;
display: block;
margin: 0 0 15px 0;
background-color: #fff;
padding: 20px 10px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
overflow: hidden;
border-radius: 10px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-box-shadow: 0px 1px 5px rgb(0 0 0 / 15%);
-moz-box-shadow: 0px 1px 5px rgb(0 0 0 / 15%);
-o-box-shadow: 0px 1px 5px rgb(0 0 0 / 15%);
box-shadow: 0px 1px 5px rgb(0 0 0 / 15%);
}
.lm-info-block i {
position: relative;
font-size: 33px;
color: #f9966f;
z-index: 1;
}
.lm-info-block h4 {
font-size: 15px;
margin-top: 8px;
}
.lm-info-block .lm-info-block-value {
font-size: 30px;
line-height: 30px;
font-weight: 400;
display: block;
margin: 10px 0;
color: #f9966f;
}
.lm-info-block .lm-info-block-value:empty {
margin: 0;
}  .testimonial {
text-align: center;
background-color: #f7f8f9;
border: 2px solid #f7f8f9;
border-radius: 16px;
margin: 45px 2px 10px;
padding: 0 25px 15px 25px;
}
.testimonial img {
max-width: 90px;
max-height: 90px;
margin: -45px auto 20px;
border-radius: 90px;
box-shadow: 0px 10px 10px -8px rgba(0,0,0,.22);
}
.testimonial .text {
text-align: left;
font-style: italic;
}
.testimonial .author-info {
position: relative;
text-align: right;
margin-top: 20px;
}
.testimonial .author-info .icon {
content: '';
position: absolute;
font-size: 28px;
left: 0;
top: 8px;
color: #9baab3;
opacity: .5;
}
.testimonial .author-info .author {
margin: 0;
font-size: 15px;
}
.testimonial .author-info .company {
color: #9baab3;
font-size: 13px;
font-weight: 300;
margin: 0;
}  .clients.owl-carousel .client-block {
padding: 15px;
margin-bottom: 15px;
}
.client-block {
text-align: center;
padding: 5px 0;
margin-bottom: 30px;
opacity: .7;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}  .testimonials.owl-carousel .owl-nav,
.clients.owl-carousel .owl-nav {
position: absolute;
text-align: right;
right: 0;
top: -52px;
}
.testimonials.owl-carousel .owl-nav .owl-prev,
.testimonials.owl-carousel .owl-nav .owl-next,
.clients.owl-carousel .owl-nav .owl-prev,
.clients.owl-carousel .owl-nav .owl-next {
position: relative;
display: inline-block;
background-color: #f1f1f1;
border-radius: 5px;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
font-family: "Font Awesome 5 Free";
font-size: 11px;
font-weight: 900;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
color: #666;
}
.testimonials.owl-carousel .owl-nav .owl-prev,
.clients.owl-carousel .owl-nav .owl-prev {
margin-right: 3px;
}
.testimonials.owl-carousel .owl-nav .owl-prev:before,
.testimonials.owl-carousel .owl-nav .owl-next:before,
.clients.owl-carousel .owl-nav .owl-prev:before,
.clients.owl-carousel .owl-nav .owl-next:before {
position: relative;
margin: 2px;
width: 22px;
height: 22px;
line-height: 22px;
text-align: center;
display: block;
cursor: pointer;
color: inherit;
z-index: 1;
}
.testimonials.owl-carousel .owl-nav .owl-prev:before,
.clients.owl-carousel .owl-nav .owl-prev:before {
content: "\f053";
}
.testimonials.owl-carousel .owl-nav .owl-next:before,
.clients.owl-carousel .owl-nav .owl-next:before {
content: "\f054";
}
.testimonials.owl-carousel .owl-nav .owl-prev:hover,
.testimonials.owl-carousel .owl-nav .owl-next:hover,
.clients.owl-carousel .owl-nav .owl-prev:hover,
.clients.owl-carousel .owl-nav .owl-next:hover {
background-color: #f9966f;
border-color: #f9966f;
color: #fff;
}  .timeline-second-style .timeline-item {
position: relative;
display: table;
table-layout: fixed;
width: 100%;
padding-bottom: 15px;
}
.timeline-second-style .timeline-item:last-child {
padding-bottom: 0;
}
.timeline-second-style .left-part {
width: 30%;
display: table-cell;
padding-right: 25px;
min-height: 100%;
text-align: right;
vertical-align: top;
}
.timeline-second-style .left-part li {
list-style-position: inside;
margin-left: 10px;
font-size: 0.92em;
}
.timeline-second-style .right-part {
width: 70%;
display: table-cell;
padding-left: 25px;
padding-right: 15px;
vertical-align: top;
}
.timeline-second-style .right-part p,
.timeline-second-style .right-part p > * {
font-size: 0.92em;
}
.timeline-second-style .divider {
position: absolute;
top: 0;
left: 30%;
bottom: 0;
width: 1px;
background-color: #eee;
}
.timeline-second-style .divider:before {
content: '';
display: block;
position: absolute;
margin-top: 2px;
width: 21px;
height: 21px;
position: absolute;
margin-left: -10px;
border-radius: 12px;
background-color: #f9966f;
opacity: .25;
z-index: 0;
}
.timeline-second-style .divider:after {
content: '';
display: block;
position: absolute;
margin-top: 6px;
width: 13px;
height: 13px;
margin-left: -6px;
background-color: #fff;
border-radius: 10px;
border: 2px solid #f9966f;
z-index: 1;
}
.timeline-second-style .item-title {
font-size: 16px;
margin-bottom: 3px;
}
.timeline-second-style .item-period {
margin: 3px 0;
font-size: 14px;
line-height: 1.4em;
}
.timeline-second-style .item-company {
display: block;
margin: 0 0 4px;
font-size: 13px;
font-weight: 300;
line-height: 1.45em;
color: #9baab3;
}
.timeline-second-style .timeline-item:last-child .right-part {
padding-bottom: 0;
}
.timeline-second-style .item-logo {
display: block;
margin-bottom: 10px;
}
.timeline-second-style .item-logo img {
max-height: 40px;
}   .skills-info.skills-second-style {
margin-bottom: 30px;
}
.skills-info.skills-second-style h4 { 
font-size: 13px;
line-height: 1.1em;
position: relative; 
float: left;
margin: 0 0 4px;
}
.skills-second-style .skill-container {
position: relative;
display: inline-block;
background-color: #ebeef2;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 6px;
margin-bottom: 8px;
width: 100%;
}
.skills-second-style .skill-container:before {
content: '';
position: absolute;
background-color: #f9966f;
}
.skills-second-style .skill-value {
font-size: 11px;
line-height: 1.1em;
position: relative;
float: right;
margin: 0 0 4px;
color: #9baab3;
}
.skills-second-style .skill-percentage {
background-color: #f9966f;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
height: 6px;
padding: 0;
} .skills-second-style .skill-container.skill-1 .skill-percentage {
width: 95%;
}
.skills-second-style .skill-container.skill-2 .skill-percentage {
width: 65%;
}
.skills-second-style .skill-container.skill-3 .skill-percentage {
width: 80%;
}
.skills-second-style .skill-container.skill-4 .skill-percentage {
width: 90%;
}
.skills-second-style .skill-container.skill-5 .skill-percentage {
width: 95%;
}
.skills-second-style .skill-container.skill-6 .skill-percentage {
width: 85%;
}
.skills-second-style .skill-container.skill-7 .skill-percentage {
width: 100%;
}
.skills-second-style .skill-container.skill-8 .skill-percentage {
width: 75%;
}
.skills-second-style .skill-container.skill-9 .skill-percentage {
width: 90%;
}  .pt-page .skills-second-style .skill-percentage,
.pt-page .skills-second-style .skill-value {
-webkit-transition: all 2s ease-in-out;
-moz-transition: all 2s ease-in-out;
-o-transition: all 2s ease-in-out;
-ms-transition: all 2s ease-in-out;
transition: all 2s ease-in-out;
}
.js .subpages:not(.one-page-layout) .pt-page:not(.pt-page-current) .skills-second-style .skill-percentage {
width: 0 !important;
}
.js .subpages:not(.one-page-layout) .pt-page:not(.pt-page-current) .skills-second-style .skill-value {
left: 26px !important;
}   .knowledges {
list-style: none;
}
.knowledges li {;
display: inline-block;
background-color: #f9966f;
border-radius: 25px;
color: #fff;
padding: 1px 12px;
margin: 3px 0px;
font-size: 13px;
}  .certificate-item {
position: relative;
display: table;
table-layout: fixed;
width: 100%;
border-radius: 8px;
margin-bottom: 20px;
-webkit-transition: all 2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-box-shadow: 0px 1px 5px rgb(0 0 0 / 20%);
-moz-box-shadow: 0px 1px 5px rgb(0 0 0 / 20%);
-o-box-shadow: 0px 1px 5px rgb(0 0 0 / 20%);
box-shadow: 0px 1px 5px rgb(0 0 0 / 20%);
}
.certi-logo {
display: table-cell;
width: 120px;
height: 100%;
background-color: #f5f5f5;
padding: 25px;
vertical-align: middle;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.certi-logo img {
display: block;
max-width: 100%;
}
.certi-content {
display: table-cell;
width: 100%;
padding: 20px 25px;
vertical-align: middle;
}
.certi-title h4 {
font-size: 16px;
margin: 0 0 5px;
}
.certi-id {
font-size: .9em;
color: #777;
}
.certi-date {
font-size: .7em;
color: #777;
opacity: .7;
}  .fun-fact {
position: relative;
text-align: right;
width: 100%;
display: block;
margin: 0 0 15px;
background: #fff;
padding: 20px;
border-radius: 10px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
overflow: hidden;
-webkit-box-shadow: 0px 1px 5px rgb(0 0 0 / 15%);
-moz-box-shadow: 0px 1px 5px rgb(0 0 0 / 15%);
-o-box-shadow: 0px 1px 5px rgb(0 0 0 / 15%);
box-shadow: 0px 1px 5px rgb(0 0 0 / 15%);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.fun-fact:hover {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
-o-transform: translateY(-5px);
transform: translateY(-5px);
-webkit-box-shadow: 0 12px 17px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 12px 17px rgba(0, 0, 0, 0.12);
-o-box-shadow: 0 12px 17px rgba(0, 0, 0, 0.12);
box-shadow: 0 12px 17px rgba(0, 0, 0, 0.12);
}
.fun-fact.gray-bg {
background-color: #fcfcfc;
}
.fun-fact h4 {
font-size: 16px;
margin: 5px 0 0;
}
.fun-fact i {
position: absolute;
font-size: 78px;
color: #f9966f;
margin-bottom: 0;
width: 78px;
height: 78px;
left: -27px;
bottom: auto;
top: auto;
opacity: 0.2;
}
.fun-fact .lm-info-block {
font-size: 24px;
font-weight: 400;
display: block;
margin: 10px 0;
color: #f9966f;
}
.fun-fact-block-value {
color: #9baab3;
font-size: 36px;
line-height: 50px;
display: block;
margin: 0;
}
.fun-fact-block-text {
display: block;
}  .controls.two-columns .left-column {
width: 47%;
float: left;
margin-right: 3%;
}
.controls.two-columns .right-column {
width: 50%;
float: right;
}
.g-recaptcha {
margin-bottom: 20px;
}  .grid-filters {
margin-bottom: 30px;
}
.grid-filters li {
display: inline-block;
margin-right: 15px;
font-size: 13px;
opacity: 0.7;
}
.grid-filters li.active {
opacity: 1;
}
.grid-filters li a {
color: #666;
cursor: pointer;
}
.portfolio-grid {
margin-left: -7px;
margin-right: -7px;
}
.portfolio-grid figure {
width: 33.33333%;
float: left;
padding: 7px;
position: relative;
overflow: hidden;
}
.portfolio-grid.one-column figure {
width: 100%;
}
.portfolio-grid.two-columns figure {
width: 50%;
}
.portfolio-grid.three-columns figure {
width: 33.33333%;
}
.portfolio-grid.four-columns figure {
width: 25%;
}
.portfolio-grid.five-columns figure {
width: 20%;
}
.portfolio-grid img {
position: relative;
display: block;
width: 100%;
max-height:75%;
}
.portfolio-grid figure a,
.portfolio-rid figure img {
display: block;
position: relative;
}
.portfolio-grid figure img {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.portfolio-grid figure:hover img {
transform: scale(1.1);
}
.portfolio-grid figure a {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
z-index: 3;
}
.portfolio-item-img {
position: relative;
overflow: hidden;
}
.portfolio-grid figure .portfolio-item-img:after {
content: '';
position: absolute;
background-color: rgba(0,0,0,.75);
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.portfolio-grid figure:hover .portfolio-item-img:after {
opacity: 1;
}
.portfolio-item-desc {
margin-top: 12px;
}
.portfolio-item-desc h4 {
margin-bottom: 0;
}
.portfolio-item-desc small {
color: #9baab3;
}
.portfolio-grid figure i {
display: none;
position: absolute;
top: 15px;
right: 15px;
font-size: 16px;
opacity: 0;
width: 30px;
height: 30px;
background-color: #fff;
color: #f9966f;
text-align: center;
line-height: 30px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.portfolio-grid figure .name {
display: block;
padding: 2px 7px;
font-size: 1.2em;
font-weight: 300;
color: #fff;
position: absolute;
bottom: 20px;
left: 20px;
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transform: translate3d(50%, 0%, 0);
transform: translate3d(50%, 0%, 0);
}
.portfolio-grid figure .name span {
font-weight: 600;
}
.portfolio-grid figure .category {
display: inline-block;
padding: 2px 7px;
color: #fff;
font-size: 11px;
line-height: 1.2em;
top: 20px;
right: 20px;
position: absolute;
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transform: translate3d(-50%, 0%, 0);
transform: translate3d(-50%, 0%, 0);
}
.portfolio-grid figure:hover i,
.portfolio-grid figure:hover .name,
.portfolio-grid figure:hover .category {
opacity: 1;
}
.portfolio-grid figure:hover .name {
-webkit-transform: translate3d(0%, 0%, 0);
transform: translate3d(0%, 0%, 0);
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.portfolio-grid figure:hover .category {
-webkit-transform: translate3d(0%, 0%, 0);
transform: translate3d(0%, 0%, 0);
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}  .blog-masonry {
margin: 0 -1em 1.8em;
}
.blog-masonry.one-column .item {
width: 100%;
padding: 0 1em 2em;
}
.blog-masonry.two-columns .item {
width: 50%;
float: left;
padding: 0 1em 2em;
}
.blog-masonry.three-columns .item {
width: 33.333333%;
float: left;
padding: 0 1em 2em;
}
.blog-card {
display: block;
position: relative;
padding: 0;
background: #fff;
box-shadow: 0px 1px 5px rgb(0 0 0 / 15%);
}
.blog-card .post-image {
width: 100%;
margin: 0;
}
.blog-card .media-block {
overflow: hidden;
}
.blog-card .media-block img {
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.blog-card .media-block:hover img {
transform: scale(1.1);
}
.blog-card .post-without-f-image {
padding-bottom: 46.875%;
width: 100%;
background-color: #f5f5f5;
}
.blog-card .post-info {
padding: 1em 1.4em 1.4em;
border-top: 0;
}
.blog-card .blog-item-title {
margin: 5px 0 0 0;
}
.blog-card .post-meta {
padding: 1em;
margin: 0;
}
.blog-card .category a {
position: absolute;
top: 10px;
left: 10px;
background: #fff;
padding: 2px 7px;
line-height: 1.2em;
font-size: 11px;
color: #111;
z-index: 3;
}
.blog-card .post-date {
display: inline-block;
color: #9baab3;
font-size: 11px;
line-height: 1.1em;
font-weight: 300;
}
.blog-card .media-block {
position: relative;
}
.sticky-badge {
position: absolute;
background-color: #fff;
right: 10px;
top: 10px;
font-size: 12px;
padding: 0;
width: 18px;
height: 18px;
text-align: center;
line-height: 18px;
color: #9baab3;
z-index: 3;
}
.blog-card .media-block a .mask {
position: absolute;
background: #4f565e;
background: rgba(0,0,0,.12);
display: inline-block;
font-family: 'Linearicons-Free';
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 100%;
left: 0;
bottom: 0;
top: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.blog-card .media-block a .mask:after {
position: absolute;
left: 50%;
top: 50%;
margin: -22px 0 0 -22px;
width: 44px;
line-height: 44px;
font-size: 44px;
text-align: center;
content: "\e828";
color: #fff;
}
.blog-card .media-block:hover a .mask {
visibility: visible;
opacity: 1;
}
.blog-card ul.category li a {
color: #9baab3;
font-size: 12px;
font-weight: 300;
}
.blog-card .post-meta .item, .post-meta .item a {
color: #a6a6a6;
}  .page-ajax-loaded {
position: fixed;
background-color: #fff;
padding: 0;
top: 0;
bottom: 0;
right: 0;
left: 0;
z-index: 9999;
overflow: hidden;
}
.page-ajax-loaded:empty {
display: none !important;
}
.ajax-page-content {
height: 100%;
overflow: auto;
background-color: #fff;
}
.ajax-page-wrapper {
max-width: 1170px;
margin: 0 auto;
padding: 20px 60px 50px;
}
.ajax-page-nav {
text-align: right;
}
.ajax-page-nav > div.nav-item {
position: relative;
display: inline-block;
margin: 0 3px;
}
.ajax-page-nav > div.nav-item a {
display: inline-block;
height: 40px;
width: 40px;
text-align: center;
color: #9baab3;
background-color: #eee;
}
.ajax-page-nav > div.nav-item a:hover {
background-color: #f9966f;
color: #fff;
}
.ajax-page-nav > div.nav-item a i {
line-height: 40px;
font-size: 22px;
}
.ajax-page-title {
padding-top: 20px;
padding-bottom: 30px;
text-align: left;
}
.ajax-page-title h1 {
display: inline-block;
margin: 0;
}
.portfolio-block {
padding-top: 30px;
}
.ajax-page-page-content img {
max-width: 100%;
}
.portfolio-page-video,
.portfolio-page-carousel,
.portfolio-page-image {
position: relative;
width: 100%;
margin-bottom: 20px;
}
.project-description {
display: block;
position: relative;
padding: 20px 25px 25px;
background-color: #fff;
border-left: 2px solid #eee;
}
.project-description .block-title {
margin-bottom: 15px;
}
.ajax-page-wrapper .block-title h3 {
font-size: 18px;
}
.project-general-info {
list-style: none;
padding: 0;
margin: 0 0 15px;
}
.project-general-info li {
margin : 0 0 10px;
}
.project-general-info .fa {
color: #f9966f;
margin-right: 5px;
}
.project-general-info p {
margin: 0;
}
.share-buttons {
display: block;
margin: 25px 0 0;
}
.share-buttons a {
display: inline-block;
margin: 0 3px 0 0;
padding: 0;
width: 28px;
height: 28px;
color: #9baab3;
background-color: #fff;
text-align: center;
border-radius: 0;
}
.portfolio-page-content .share-buttons a {
margin: 0 7px 0 0;
}
.share-buttons a:hover {
color: #fff;
background-color: #f9966f;
}
.share-buttons a:last-child {
margin-right: 0;
border-radius: 0;
}
.share-buttons a i {
font-size: 14px;
line-height: 26px;
} .tags-block {
margin: 25px 0 0;
}
.tags {
list-style: none;
margin: 0;
padding: 0;
}
.tags > li {
display: inline-block;
}
.tags a {
display: inline-block;
font-size: 12px;
line-height: 1.5em;
color: #fff;
padding: 2px 7px;
background-color: #9baab3;
border-radius: 3px;
margin: 3px 2px 2px;
}
.tags a:first-child {
margin-left: 0;
} .embed-responsive {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden;
}
.embed-responsive-16by9:before {
padding-top: 56.25%;
}
.embed-responsive-21by9:before{
padding-top: 42.857143%;
}
.embed-responsive-4by3:before{
padding-top: 75%;
}
.embed-responsive-1by1:before{
padding-top:100%;
}
.embed-responsive::before {
display: block;
content: "";
}
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
} .portfolio-page-carousel {
overflow: hidden;
}
.portfolio-page-carousel .owl-nav {
position: absolute;
top: 50%;
width: 100%;
margin-top: -20px;
text-align: center;
-webkit-tap-highlight-color: transparent;
}
.portfolio-page-carousel .owl-nav [class*='owl-'] {
color: #9e9e9e;
margin: 0;
padding: 4px 7px;
background: #fff;
display: inline-block;
cursor: pointer;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
font-family: "Font Awesome 5 Free";
font-size: 24px;
font-weight: 900;
line-height: 30px;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.portfolio-page-carousel .owl-nav [class*='owl-']:before {
display: block;
}
.portfolio-page-carousel .owl-nav .owl-prev {
position: absolute;
margin-left: -50px;
left: 0;
}
.portfolio-page-carousel:hover .owl-nav .owl-prev {
margin-left: 0;
}
.portfolio-page-carousel .owl-nav .owl-next {
position: absolute;
margin-right: -50px;
right: 0;
}
.portfolio-page-carousel:hover .owl-nav .owl-next {
margin-right: 0;
}
.portfolio-page-carousel .owl-nav .owl-prev:before {
content: "\f053";
}
.portfolio-page-carousel .owl-nav .owl-next:before {
content: "\f054";
}
.portfolio-page-carousel .owl-dots {
display: inline-block;
position: absolute;
bottom: 0;
right: 0;
margin: 0 10px 5px;
text-align: center;
-webkit-tap-highlight-color: transparent;
}
.portfolio-page-carousel .owl-dots .owl-dot {
display: inline-block;
}
.portfolio-page-carousel .owl-dots .owl-dot.active span, .portfolio-page-carousel .owl-dots .owl-dot:hover span {
background: #9e9e9e;
}
.portfolio-page-carousel .owl-dots .owl-dot span {
width: 12px;
height: 12px;
margin: 5px;
background: #f5f5f5;
border: 1px solid #9e9e9e;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 200ms ease;
border-radius: 30px;
}  .lmpixels-map {
width: 100%;
margin: 0;
}
.lmpixels-map iframe {
height: 120px;
max-width: 100%;
width: 100%;
margin: 0;
line-height: 1;
border: none;
}  .post-thumbnail {
background: #b2b2b2;
display: block;
position: relative;
width: 100%;
z-index: 0;
}
.single-page-content .post-content {
position: relative;
margin-top: -70px;
margin-left: 40px;
margin-right: 40px;
padding-left: 30px;
padding-right: 30px;
background-color: #fff;
z-index: 1;
}
.entry-header {
position: relative;
z-index: 1;
padding: 5px 0 0;
}
.entry-header .entry-meta {
color: #9e9e9e;
margin: 15px 0;
font-size: 13px;
}
.entry-meta a {
color: #9baab3;
}
.entry-title {
font-size: 32px;
line-height: 1.3;
margin: 15px 0 15px 0;
}
.entry-meta.entry-meta-bottom {
display: inline-block;
width: 100%;
padding: 0 10px;
margin: 30px 0 0;
}
.entry-meta.entry-meta-bottom .date-author {
display: inline-block;
font-size: 0.9em;
line-height: 28px;
margin: 5px 0;
}
.entry-meta.entry-meta-bottom .share-buttons {
display: inline-block;
margin: 5px 0;
}
.entry-meta.entry-meta-bottom .share-buttons {
display: inline-block;
margin: 5px 0;
}
.entry-meta-bottom .entry-share {
float: right;
}
.entry-meta.entry-meta-bottom .date-author > span:after {
content: '';
height: 14px;
line-height: 1em;
display: inline-block;
margin: 0 6px 0 9px;
background-color: #e5e5e5;
width: 1px;
top: 2px;
position: relative;
}
.entry-meta.entry-meta-bottom .date-author > span:last-child:after,
.entry-meta.entry-meta-bottom .date-author > span:first-child:last-child:after {
display: none;
}
.post-tags {
margin: 30px 0;
text-align: left;
}
blockquote {
padding: 15px 20px;
margin: 20px 0;
font-size: 1em;
border-left: 2px solid #d8d8d8;
font-style: italic;
} @media only screen and (max-width: 1280px) {
.page {
padding-left: 30px;
}
.header {
max-width: 330px;
}
.content-area {
max-width: calc(100% - 330px);
}
}
@media only screen and (min-width: 1025px) {
.menu-toggle {
display: none;
}
}
@media only screen and (max-width: 1024px) {
.half-bg {
display: none;
}
.lm-animated-bg {
background-position: center center !important;
top: 0;
bottom: 0;
right: 0;
left: 0;
}
.header {
position: absolute;
width: 100%;
max-width: 330px;
top: 0;
right: 0;
bottom: 0;
background-color: #fff;
z-index: 99;
padding: 30px 30px 10px 30px;
text-align: center;
opacity: 1;
visibility: visible;
overflow: auto;
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
-ms-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
-webkit-box-shadow: 0px 1px 8px rgb(0 0 0 / 15%);
-moz-box-shadow: 0px 1px 8px rgb(0 0 0 / 15%);
-o-box-shadow: 0px 1px 8px rgb(0 0 0 / 15%);
box-shadow: 0px 1px 8px rgb(0 0 0 / 15%);
}
.header .copyrights {
right: 0;
width: 100%;
position: relative;
margin-top: 30px;
}
.header .info-list,
.header-buttons {
display: none;
}
.header-lng {
float: left;
}
.header-lng ul {
background-color: #f2f3f4;
}
.header-lng ul li a {
color: #666;
}
.social-links ul {
background-color: #f2f3f4;
}
.social-links ul li a {
color: #9baab3;
}
.page {
padding: 0;
}
.page-content {
padding: 0;
margin: 0;
border-radius: 0;
min-height: 100%;
}
.content-area {
max-width: 100%;
}
.animated-section,
.single-page-content {
border-radius: 0;
overflow: auto !important;
}
.header-titles h2 {
font-size: 30px;
margin-bottom: 10px;
color: #111;
}
.header-titles h4 {
font-size: 17px;
color: #9baab3;
}
.header-photo {
max-width: 130px;
margin-bottom: 25px;
}
.mobile-menu-hide {
width: 0;
right: 0;
margin-right: -100%;
overflow: hidden;
opacity: 0;
visibility: hidden;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
ul.main-menu {
margin: 30px 0;
}
ul.main-menu a {
display: block;
color: #676869;
padding: 12px 0;
line-height: 21px;
opacity: .7;
}
ul.main-menu a.active {
opacity: 1;
}
ul.main-menu .menu-icon {
display: none;
}
ul.main-menu .link-text {
font-size: 16px;
line-height: 21px;
}
.menu-toggle {
position: absolute;
display: block;
width: 48px;
height: 48px;
line-height: 46px;
text-align: center;
background-color: #f9966f;
right: 10px;
font-size: 19px;
top: 10px;
border-radius: 6px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
z-index: 900;
}
.menu-toggle span {
display: block;
position: absolute;
height: 2px;
width: 50%;
background: #fff;
border-radius: 5px;
opacity: 1;
left: 25%;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
.menu-toggle span:nth-child(1) {
top: 17px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
.menu-toggle span:nth-child(2) {
top: 23px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
.menu-toggle span:nth-child(3) {
top: 29px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
.menu-toggle.open {
background-color: transparent;
}
.menu-toggle.open span {
background-color: #9baab3;
}
.menu-toggle.open span:nth-child(1) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
top: 14px;
left: 15px;
}
.menu-toggle.open span:nth-child(2) {
width: 0%;
opacity: 0;
}
.menu-toggle.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 31px;
left: 15px;
}
.lmpixels-arrows-nav {
background-color: rgba(255,255,255,.6);
width: 48px;
right: 10px;
bottom: 10px;
padding: 5px 0;
border: 2px solid #f9966f;
border-radius: 6px;
}
.lmpixels-arrows-nav div {
font-size: 24px;
}
.single-page-content .post-content {
position: relative;
margin-left: 20px;
margin-right: 20px;
}
.home-photo {
width: 100%;
padding-bottom: 100%;
margin-top: 30px;
}
.home-text h1 {
font-size: 36px;
line-height: 44px;
}
.title-block h2 {
font-size: 48px;
line-height: 56px;
margin: 0 0 10px;
text-align: center;
}
.title-block .sp-subtitle {
font-size: 18px;
}
}
@media only screen and (max-width: 768px) {
.portfolio-grid figure {
width: 50%;
}
.section-content {
padding-left: 40px;
padding-right: 40px;
}
.info-list {
margin-top: 20px;
}
.blog-post-content {
padding: 0;
margin: 30px 0 0;
}
.blog-masonry.two-columns .item,
.blog-masonry.three-columns .item {
width: 100%;
}
.portfolio-grid figure,
.portfolio-grid.three-columns figure {
width: 50%;
}
.portfolio-grid.four-columns figure,
.portfolio-grid.five-columns figure {
width: 33.3333333%;
}
.page-portfolio-loaded .portfolio-page-wrapper {
padding-left: 30px;
padding-right: 30px;
}
.portfolio-page-carousel .owl-nav .owl-prev {
margin-left: 0;
}
.portfolio-page-carousel .owl-nav .owl-next {
margin-right: 0;
}
.portfolio-page-carousel .owl-nav .owl-prev,
.portfolio-page-carousel .owl-nav .owl-next {
background-color: rgba(255,255,255,.55);
}
.single-page-content .portfolio-page-content {
padding-left: 30px;
padding-right: 30px;
}
}
@media only screen and (max-width: 480px) {
.section-title-block.first-style .section-description {
margin: 7px 0 0;
width: 100%;
}
.portfolio-grid figure {
width: 100%;
}
.portfolio-grid.three-columns figure,
.portfolio-grid.two-columns figure {
width: 100%;
}
.portfolio-grid figure,
.portfolio-grid.two-columns figure,
.portfolio-grid.three-columns figure,
.portfolio-grid.four-columns figure,
.portfolio-grid.five-columns figure {
width: 100%;
}
.timeline-second-style .timeline-item {
position: relative;
display: block;
}
.timeline-second-style .left-part {
width: 100%;
display: block;
padding-left: 25px;
min-height: 100%;
text-align: left;
}
.timeline-second-style .divider {
left: 0;
}
.timeline-second-style .right-part {
width: 100%;
display: block;
padding-left: 25px;
padding-right: 0;
}
.single-page-content .post-content {
position: relative;
margin-left: 0;
margin-right: 0;
margin-top: 0;
padding-left: 0;
padding-right: 0;
}
.controls.two-columns .right-column,
.controls.two-columns .left-column {
float: none;
margin: 0;
width: 100%;
}
}  .fw-pricing .fw-package {
background-color: #fff;
border-radius: 10px;
padding: 30px 30px;
margin-bottom: 10px;
text-align: left;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-box-shadow: 0px 1px 5px rgb(0 0 0 / 15%);
-moz-box-shadow: 0px 1px 5px rgb(0 0 0 / 15%);
-o-box-shadow: 0px 1px 5px rgb(0 0 0 / 15%);
box-shadow: 0px 1px 5px rgb(0 0 0 / 15%);
}
.fw-pricing .fw-package-wrap.highlight-col .fw-package {
color: #fff;
background-color: #f9966f;
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
-o-transform: translateY(-5px);
transform: translateY(-5px);
-webkit-box-shadow: 0 7px 12px rgba(0, 0, 0, .12);
-moz-box-shadow: 0 7px 12px rgba(0, 0, 0, .12);
-o-box-shadow: 0 7px 12px rgba(0, 0, 0, .12);
box-shadow: 0 7px 12px rgba(0, 0, 0, .12);
}
.fw-pricing .fw-package:hover,
.fw-pricing .fw-package-wrap.highlight-col .fw-package:hover {
-webkit-transform: translateY(-9px);
-ms-transform: translateY(-9px);
-o-transform: translateY(-9px);
transform: translateY(-9px);
-webkit-box-shadow: 0 18px 24px rgba(0, 0, 0, .15);
-moz-box-shadow: 0 18px 24px rgba(0, 0, 0, .15);
-o-box-shadow: 0 18px 24px rgba(0, 0, 0, .15);
box-shadow: 0 18px 24px rgba(0, 0, 0, .15);
}
.fw-pricing .fw-package-wrap.highlight-col .fw-heading-row span {
position: relative;
display: inline-block;
}
.fw-pricing .fw-package-wrap.highlight-col .fw-package .btn-primary {
border-color: #fff;
background-color: #f9966f;
color: #fff;
}
.fw-pricing .fw-package-wrap.highlight-col .fw-package .btn-primary:hover {
color: #111;
background-color: #fff;
}
.fw-pricing .fw-package-wrap.highlight-col .fw-package .fw-pricing-row span {
color: #fff;
}
.fw-pricing .fw-package-wrap.highlight-col .fw-package .fw-pricing-row small {
color:  #eee;
}
.fw-pricing .fw-pricing-row {
padding: 20px 0 10px;
}
.fw-pricing .fw-pricing-row span {
display: block;
line-height: 1;
color: #333;
font-size: 36px;
font-weight: 600;
}
.fw-pricing .fw-pricing-row small {
color: #9baab3;
display: block;
}
.fw-pricing .fw-default-row {
padding: 5px 0;
font-size: 14px;
}
.fw-pricing .fw-button-row {
padding: 10px 0 20px;
}
.fw-pricing .fw-price-icon-no:before {
content: "\f068";
color: #e87878;
}
.fw-pricing .fw-price-icon-yes:before {
content: "\f058";
color: #ade878;
} .fw-table table {
width: 100%;
border: 1px solid #eee;
font-size: .875em;
}
.fw-table table tr,
.fw-table table tr.heading-row {
border-bottom: 1px solid #eee;
}
.fw-table table tr:not(.heading-row):last-child {
border-bottom: 0;
}
.fw-table table th {
padding: 7px 12px;
border-right: 1px solid #eee;
}
.fw-table table td {
padding: 7px 12px;
border-right: 1px solid #eee;
}
.fw-table table td:last-child {
border-right: 0;
}   @media only screen and (min-width: 1641px) {
.half-bg {
left: calc((60% + 380px) - 765px);
}
}