/*/*/@font-face {
font-family: "Futura";
src: url(//www.a-project.be/wp-content/themes/finesse-start/assets/fonts/FuturaStd-Medium.otf);
}
@keyframes firstSpan {
from {
transform: rotate(0deg) translateY(-50%);
}
to {
transform: rotate(45deg) translateY(-50%);
}
}
@keyframes secondSpan {
from {
transform: rotate(0deg) translateY(-50%);
}
to {
transform: rotate(-45deg) translateY(-50%);
}
}
html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*, *:before, *:after {
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
transition: all .25s ease;
}
body{
font-family: 'Open Sans', sans-serif;
}
.wrapping-content{
position: relative;
width: 100%;
max-width:1200px;
padding: 0 30px;
margin: 0 auto;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}
.inner-content{
padding:0;
}
h1, h2, h3, h4, h5, h6{
text-transform:uppercase;
font-family: 'Futura', sans-serif;
text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.20);
color: #d9272d;
letter-spacing:  0.25rem;
}
h1{
font-size: 3rem;
line-height:4.5rem;
margin-bottom:1.5rem;
}
h2{
font-size: 2.5rem;
line-height:3.75rem;
margin-bottom:1.25rem;
}
h3{
font-size: 2rem;
line-height:3rem;
margin-bottom:1rem;
}
h4{
font-size: 1.7rem;
line-height:2.55rem;
margin-bottom:0.85rem;
}
h5{
font-size: 1.5rem;
line-height:2.25rem;
margin-bottom:0.75rem;
}
h6{
font-size: 1.2rem;
line-height:1.8rem;
margin-bottom:0.6rem;
}
p{
color:#313131;
font-family: 'Open Sans', sans-serif;
font-size:16px;
line-height:24px;
margin-bottom:0.8rem;
}
b, strong{
font-weight:700;
}
a{
color:inherit;
text-decoration: none;
}
#back-to-top {
position: fixed;
bottom: 0;
right: 40px;
z-index: 9999;
width: 52px;
height: 52px;
text-align: center;
line-height: 30px;
background: #3498db;
color: #FFF;
cursor: pointer;
border: 0;
border-radius: 2px;
text-decoration: none;
transition: initial;
opacity: 0;
display: flex;
align-items: center;
justify-content: center;
}
#back-to-top:hover {
background: #2980b9;
}
#back-to-top.show {
opacity: 1;
}
#popup{
position: fixed;
bottom: 0;
right: 0;
left: 0;
top: 0;
background-color: rgba(0, 0, 0, 0.5);
width: 100%;
max-width: 100%;
z-index: 9999;
-webkit-box-shadow: 0px 9px 5px 0 rgba(0,0,0,0.15);
-moz-box-shadow: 0px 9px 5px 0 rgba(0,0,0,0.15);
box-shadow: 0px 9px 5px 0 rgba(0,0,0,0.15);
}
#popup.active{
display: inline-block!important;
}
#popup .inner-content{
padding: 1.5rem;
max-width:  480px;
width: 100%;
margin: 0 auto;
height: 100vh;
display: flex;
align-items:  center;
justify-content:  center;
}
#popup .inner-content img{
width:100%;
height:initial;
display:  block;
}
#popup .inner-content + .close{
position:  absolute;
top: 1rem;
right: 1rem;
cursor: pointer;
color: white;
font-size:  48px;
}
#popup .inner-content h2{}
#popup .inner-content p{
margin-bottom: 0;
}/*/*/#preloader {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999999999;
height: 100%;
background-color: #fff;
}
#loader {
display: block;
position: relative;
left: 50%;
top: 50%;
width: 150px;
height: 150px;
margin: -75px 0 0 -75px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #3498db;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
}
#loader:before {
content: "";
position: absolute;
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #2980b9;
-webkit-animation: spin 3s linear infinite;
animation: spin 3s linear infinite;
}
#loader:after {
content: "";
position: absolute;
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #274e67;
-webkit-animation: spin 1.5s linear infinite;
animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
0%   {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
0%   {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}/*/*/.btn{
padding: 6px 13px;
border-radius: 10px;
border: 2px solid;
text-decoration: none;
text-transform: uppercase;
letter-spacing: .4px;
font-weight: 500;
margin-right: 10px;
-webkit-box-shadow: 0px 9px 5px 0 rgba(0,0,0,0.15);
-moz-box-shadow: 0px 9px 5px 0 rgba(0,0,0,0.15);
box-shadow: 0px 9px 5px 0 rgba(0,0,0,0.15);
}
.btn:hover {
-webkit-box-shadow: 0 0px 7px 2px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 0px 7px 2px rgba(0, 0, 0, 0.25);
box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.25);
}
.btn.btn-primary{
background-color: #d9272d;
color: white;
border-color: #d9272d;
}
.btn.btn-primary:hover{
background-color: #ca2b31;
border-color: #ca2b31;
}
.btn.btn-secondary{
background-color: white;
border-color:white;
color: #d9272d;
}
.btn.btn-secondary:hover{
background-color: whitesmoke;
border-color:whitesmoke;
color: #ca2b31;
}/*/*/.fd-column{
flex-direction: column;
}
.fd-column-r{
flex-direction: column-reverse;
}
.fd-row{
flex-direction: row;
}
.fd-row-r{
flex-direction: row-reverse;
}/*/*/.fb-25{
flex-basis:25%;
}
.fb-33{
flex-basis:33.333333%;
}
.fb-50{
flex-basis:50%;
}
.fb-100{
flex-basis:100%;
}
.justify{
justify-content: center;
}
@keyframes slideIn {
from {
opacity: 0;
transform: translate3d(0, -30px, 0);
}
to {
opacity: 1;
transform: none;
}
}
@keyframes slideOut {
from {
opacity: 1;
transform: none;
}
to {
opacity: 0;
transform: translate3d(0, -30px, 0);
display: none;
}
}/*/*/header{
padding: 0.5rem 0;
height: 170px;
display: flex;
z-index: 999;
position: fixed;
width:  100%;/**/}
header.mini{
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
background-color: #FFF;
height: 80px;
}
header .wrapping-content{
padding: 0 30px;
justify-content: space-between;
align-items: center;
}
header .wrapping-content > .logo{display: flex;align-items: center;transition: initial;width: 205px;}
header .wrapping-content > .logo.smart,
header.mini .wrapping-content > .logo.smart{display: none;}
header .wrapping-content > .logo > a{display: flex;align-items: center;justify-content: center;transition: initial;width: 205px;}
header .wrapping-content > .logo > a > img{
max-width: 205px; float:  left;
-webkit-filter: brightness(100000);
}
header .wrapping-content > .navigation{
}
header .wrapping-content > .navigation > ul{
}
header .wrapping-content > .navigation > ul > li{
display: inline-block;
margin: 0 10px;
opacity: 1;
transition: initial;
}
header .wrapping-content > .navigation > ul > li.wpml-ls-current-language > a, header.mini .wrapping-content > .navigation > ul > li.wpml-ls-current-language > a{
color:#d9272d;
font-weight: 700;
}
header .wrapping-content > .navigation > ul > li > a{
color: #FFF;
}
header .wrapping-content > .navigation > ul > li.current-menu-item a, header .wrapping-content > .navigation > ul > li.current_page_item a {
color: #FFF;
}
header.mini .wrapping-content > .navigation > ul > li > a{
color: #333;
}
header.mini .wrapping-content > .navigation > ul > li.current-menu-item a, header .wrapping-content > .navigation > ul > li.current_page_item a, .current-page-ancestor a {
color: #d9272d;
font-weight: 700;
}
header .wrapping-content > .navigation > ul > li:hover a{
color: #d9272d;
}
header.mini .wrapping-content {}
header.mini .wrapping-content > .logo {
max-height: 80px;
overflow:  hidden;
display:  block;
}
header.mini .wrapping-content > .logo > a {}
header.mini .wrapping-content > .logo > a > img{
transform: translateY(20px);
-webkit-filter: brightness(1);
}
.mobile-menu {
display: none;
}
.mobile-menu > div {
float: left;
width: 100%;
transition: initial;
}
.mobile-menu > div ul {
padding: 1rem 10px;
transition: initial;
}
.mobile-menu > div ul li {
text-align: right;
padding: 0.5rem 10px; margin-bottom: 0.5rem;
font-weight: 400;
padding-right: 25px;
opacity: 0;
}
.mobile-menu > div ul li.is-open {
padding-right: 10px;
opacity: 1;
}
.mobile-menu > div ul li:hover {
padding-right: 20px;
}
.mobile-menu > div ul li:last-of-type {
margin-bottom: 0;
padding-bottom: 0.5rem;
border-bottom: 0;
}
.mobile-menu > div ul li a {}
.mobile-menu .current_page_item,
.mobile-menu .current-menu-item{
font-weight:700;
}
.mobile-menu .wpml-ls-current-language{
color:#d9272d;
font-weight:700;
}/*/*/#nav-icon {
width: 30px;
height: 20px;
position: relative;
-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;
display: none;
z-index: 10;
}
#nav-icon.open + .txt-menu {
opacity: 0;
right: 0;
}
#nav-icon span {
display: block;
position: absolute;
height: 2px;
width: 100%;
background: #d9272d;
border-radius: 9px;
opacity: 1;
left: 0;
-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;
box-shadow: 0px 2px 3px #00000030;
}
#nav-icon.open span {
height: 3px;
}
.invert #nav-icon span {
background-color: #333;
}
#nav-icon span:nth-child(1) {
top: 0px;
}
#nav-icon span:nth-child(2),
#nav-icon span:nth-child(3) {
top: 50%;
transform: rotate(0deg) translateY(-50%);
}
#nav-icon span:nth-child(4) {
bottom: 0;
}
#nav-icon.open span:nth-child(1) {
top: 0;
width: 0%;
left: 50%;
}
#nav-icon.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#nav-icon.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#nav-icon.open span:nth-child(4) {
bottom: 0;
width: 0%;
left: 50%;
}/*/*/#banner{
padding: 12rem 0 5rem;
background-position: center;
background-size: cover;
-webkit-box-shadow: inset 0px 0px 25px 0px rgba(0,0,0,0.45);
-moz-box-shadow: inset 0px 0px 25px 0px rgba(0,0,0,0.45);
box-shadow: inset 0px 0px 25px 0px rgba(0,0,0,0.45);
position:relative;
}
#banner::after{
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
background-color:#333;
opacity: 0.5;
content:'';
}
#banner.home{
padding:20rem 0;
}
#banner.home .buttons{
display: flex;
flex-direction: row;
flex-wrap:  wrap;
}
#banner.home .buttons a{}
#banner .wrapping-content{
position:relative;
z-index:10;
}
#banner .wrapping-content h1{
margin-bottom: 0;
color: #FFF;
text-align: center;
}
#banner .wrapping-content h3{
margin-bottom: 2rem;
text-align: center;
}/*/*/#content > .wrapping-content{
flex-direction: column;
}
.box{
flex: 1;
min-height: 250px;
width: 100%;
background-color: #f1f1f1;
margin: 1rem 0;
display: flex;
align-items: center;
justify-content: center;
-webkit-box-shadow: 0px 0px 25px -4px rgba(0,0,0,0.48);
-moz-box-shadow: 0px 0px 25px -4px rgba(0,0,0,0.48);
box-shadow: 0px 0px 25px -4px rgba(0,0,0,0.48);
border-radius:5px;
}
.box:nth-child(even){
background-color:#3498db;
}
.box:nth-child(even) h3{
color:white;
}
.box.hideme{
opacity: 0;
}
.box h3{
text-align: center;
font-family: 'Open Sans', sans-serif;
color: #333;
font-size: 16px;
}
.fios{
opacity: 0;
transform: translate3d(0, 30px, 0);
transition: all 1s ease;
}
.fios.fadeIn{
opacity: 1;
transform: none;
}/*/*/#content.with-side .rows{
width: 70%;
border-right:  1px solid #EEE;
z-index: 9;
}
#content.with-side .rows.force{
width: 100%;
}
.rows{width: 100%;}
.rows .row{
display:  flex;
flex-direction: row;
width: 100%;
flex-wrap: wrap;
position:relative;
}
.rows .row.bg{
background-position:  center;
background-size: cover;
}
.rows .row.center .content{
text-align:center!important;
width:70%!important;
margin:0 15%!important;
}
.rows .row.left .content{
width:50%!important;
margin-right:50%!important;
text-align:left!important;
}
.rows .row.right .content{
margin-left: 50%!important;
width: 50%!important;
text-align: right!important;
}
.rows .row.light::after{
content:'';
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
background-color:#FFF;
opacity:0.5;
z-index: 5;
}
.rows .row.dark::after{
content:'';
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
background-color:#000;
opacity:0.5;
z-index: 5;
}
.rows .row:nth-child(odd){
flex-direction:  row-reverse;
}
.rows .row:nth-child(odd) .content{text-align: left;}
.rows .row:nth-child(odd) .image{}
.rows .row .content{
width: 50%;
padding: 3rem 0;
}
.rows .row.half-half .content{
padding: 5rem 2rem;
}
.content ul{
padding-left: 20px;
margin-bottom: 1rem;
}
.content ul li{
font-size: 16px;
line-height: 24px;
list-style:  disc;
color: #CCC;
}
.content ul li span{
color: #333;
}
.about .rows .row .content{
padding:7rem 2rem;
}
.rows .row .content h1{
font-size: 2.4rem;
line-height: 2.7rem;
margin-bottom: 1rem;
}
.rows .row .content h3{}
.rows .row .content p{}
.rows .row .content p > a{
text-decoration: underline;
}
.rows .row .content p:last-of-type{margin-bottom:0;}
.rows .row .content p.link{margin-top:1rem;}
.rows .row .content .btn{
float:  left;
}
.rows .row.center .content .btn{
float:none;
}
.rows .row.right .content .btn{
float:right;
}
.rows .row.left .content .btn{
float:left;
}
.rows .row .image{
width: 50%;
background-position:  center;
background-size: cover;
}
.rows .row.full-full .content, 
.rows .row.full-full .image{
width:100%;
z-index: 10;
}
.rows .row.full-full .content{
position: relative;
width: 100%;
max-width: 1200px;
margin: 0 auto;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
flex-direction:  column;
padding: 3rem 30px;
}
.rows .row.full-full .content .inner-content{/**/}
.rows .row.full-full .image{
min-height:35rem; }/*/*/.slider{
height: 20rem;
padding: 10px;
width: 100%;/**/}
.slider .owl-stage-outer{
height: 100%;
}
.slider .owl-stage-outer .owl-stage{
height: 100%;
}
.slider .owl-stage-outer .owl-stage > .owl-item{
height: 100%;
}
.slider .owl-stage-outer .owl-stage > .owl-item > .owl-item{
height: 100%;
width: 100%;
background-position:  center;
background-size: cover;
position:relative;
}
.slider .owl-stage-outer .owl-stage > .owl-item > .owl-item::after{
content:'';
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
background: #C9FFBF; background: -webkit-linear-gradient(to right, #FFAFBD, #C9FFBF); background: linear-gradient(to right, #FFAFBD, #C9FFBF); opacity: 0.12;
}/*/*/#content.with-side{
display: flex;
width: 100%;
overflow:  hidden;
}
#content.with-side .sidebar{
width:30%;
z-index: 10;
position:  relative;
height: 100%;
}
#content.with-side .sidebar.force{
width:30%;
transform: translateX(100%);
height: 40px;
}
#content.with-side .sidebar .close-side{
position:  absolute;
width: 40px;
height: 40px;
display:  flex;
align-items:  center;
justify-content:  center;
border: 1px solid #EEE;
box-sizing:  border-box;
cursor: pointer;
transform: translateX(-100%);
}
#content.with-side .sidebar .close-side + span{
position: absolute;/**/padding: 0 10px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer; }
#content.with-side .sidebar .close-side i{}
#content.with-side .sidebar .close-side.active{}
#content.with-side .sidebar .close-side.active i{
transform: rotate(180deg);
}
#content.with-side .sidebar .side-blok{
padding: 2rem;
border-bottom:1px solid #EEE;
float:  left;
width: 100%;
}
#content.with-side .sidebar .side-blok:last-of-type{
border-bottom:0;
}
#content.with-side .sidebar .side-blok .inner-content{}
#content.with-side .sidebar .side-blok .inner-content h1{
font-size: 2.4rem;
line-height: 2.7rem;
margin-bottom: 1rem;
}
#content.with-side .sidebar .side-blok .inner-content h3{
font-size: 1.8rem;
line-height: 2.7rem;
margin-bottom: 0.5rem;
float:  left;
clear: both;
}
#content.with-side .sidebar .side-blok .inner-content p {
float:  left;
clear:  both;
}
#content.with-side .sidebar .side-blok .inner-content p a{
float:  left;
}
.breadcrumb{
width: 100%;
padding: 0.5rem 0;
background-color: #333;
}
.breadcrumb .wrapping-content{}
.breadcrumb .wrapping-content .inner-content{}
.breadcrumb .wrapping-content .inner-content p{
margin-bottom: 0;
color: white;
font-weight: 600;
}
.breadcrumb .wrapping-content .inner-content p a{
font-weight: 400;
}/*/*/.pages-info{
width: 100%;
display:block;
padding: 2rem 0;
}
.pages-info .wrapping-content{
max-width: 100%;
display:block;
}
.pages-container{
width: 100%;
display: flex;
flex-direction:  row;
flex-wrap: wrap;
}
.pages-container > a.child-page{
display: inline-block;
width:  50%;
}
.pages-container > a.child-page:nth-child(odd){
border-right:1px solid #656565;
}
.pages-container > a.child-page:nth-child(odd):last-of-type{
width:  100%;
border-right:0;
}
.pages-container a.child-page .content{
padding: 2rem 0;
}
.pages-container a.child-page .image-thumbnail{
min-height: calc(15rem + 15vw);
background-size: cover;
background-position: center;
position:relative;
}
.pages-container a.child-page .bg-thumbnail{
min-height: 15rem;
display:  flex;
align-items:  center;
justify-content:  center;
position:relative;
background-size: cover;
background-position:  center;
}
.pages-container a.child-page .bg-thumbnail::after,
.pages-container a.child-page .image-thumbnail::after{
content:'';
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
background-color:#000;
opacity: 0;
z-index:0;
}
.pages-container a.child-page .bg-thumbnail:hover::after,
.pages-container a.child-page:hover .image-thumbnail::after{
opacity: 0.25;/**/background: rgb(217,39,45);     }
.pages-container a.child-page .bg-thumbnail h1{text-align: center;margin-bottom: 0;line-height: initial;color: white;z-index: 1;font-size: 2.4rem;}
.pages-container > a.child-page .content .wrapping-content{
max-width:100%;
}
.pages-container > a.child-page .content .wrapping-content .inner-content{ width: 100%;
}
.pages-container > a.child-page .content h4{
line-height:  initial;
margin-bottom: 0;
}
.pages-container > a.child-page .content .this{
position:absolute;
font-size: 2rem;
line-height:  initial;
margin-bottom: 0;
top: 50%;
right: 0;
opacity:  0;
transform: translateY(-50%);
color: #d9272d;
}
.pages-container > a.child-page:hover .content .this{
right: 30px;
opacity: 1;
}
#content .cta_stroke{
padding: 10rem 0;
background-position:  center;
background-size:  cover;
background-attachment: fixed;
position:relative;
overflow:hidden;
-webkit-box-shadow: inset 0px 0px 50px -4px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 50px -4px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 50px -4px rgba(0,0,0,0.75);
}
#content .cta_stroke::after{
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
opacity:0.5;
background-color: #333;
transform:scale(2);     }
#content .cta_stroke .wrapping-content{
position:relative;
z-index:10;
}
#content .cta_stroke .wrapping-content .inner-content{
width: 100%;
text-align: center;
}
#content .cta_stroke .wrapping-content .inner-content h3{
color: white;
margin-bottom: 2rem;
}
#content .cta_stroke .wrapping-content .inner-content p{}
#content .cta_stroke .wrapping-content .inner-content a.btn{
margin: 1rem 0 0 0;
}/*/*/.contact-page{
padding: 4rem 0;
}
.contact-page .rows .row .content{
padding: 0 30px 2rem 30px;
position: relative;
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
#content.contact-page .wrapping-content{
flex-direction:  row;
}
#content.contact-page .wrapping-content .inner-content{
position: relative;
width: 100%;
max-width: 1200px;
margin: 0 auto;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
flex-direction:  row;
}
#content.contact-page .wrapping-content iframe{
margin-top:1rem;
border-radius: 4px;
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.20);
}
.contact-page .wrapping-content .info{
width: 50%;
padding-right: 2rem;
}
.contact-page .wrapping-content .form{
width: 50%;
padding-right: 2rem;
}
.contact-page .wrapping-content .form .gform_wrapper{
margin-top: 0;
}
.contact-page .wrapping-content .form .gform_wrapper form{}
.contact-page .wrapping-content .form .gform_wrapper form > div{
width: 100%;
float:  left;
}
.contact-page .wrapping-content .form .gform_wrapper form > div input[type=submit]{/**/border: 1px solid #CCC;
border-radius: 10px;
color: white;
cursor:  pointer;
padding: 6px 13px;
text-transform: uppercase;
font-weight:300;
background-color: #d9272d;
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.20);
}
.contact-page .wrapping-content .form .gform_wrapper form > div ul{
float:  left;
width: 100%;
}
.contact-page .wrapping-content .form .gform_wrapper form > div ul li{
margin-top: 0;
margin-bottom: 16px;
padding-right:  0;
}
.contact-page .wrapping-content .form .gform_wrapper form > div ul li label{}
.contact-page .wrapping-content .form .gform_wrapper form > div ul li div{}
.contact-page .wrapping-content .form .gform_wrapper form > div ul li div input,
.contact-page .wrapping-content .form .gform_wrapper form > div ul li div textarea
{
width: 100%;
border: 1px solid #CCC;
border-radius:  3px;
box-shadow:  0px 2px 3px rgba(0, 0, 0, 0.20);
}/*/*/footer{
width: 100%;
background-color: #d9272d;
padding: 2.5rem 0;
}
footer .wrapping-content{
flex-direction: row;
}
footer .wrapping-content .inner-content{
flex-direction: row;
display:flex;
width:100%;
}
footer .wrapping-content .footer-item{
flex-basis: 25%;
padding-right: 2rem;
}
footer .wrapping-content .footer-item > h4{
color: white;
}
footer .wrapping-content .footer-item > ul{}
footer .wrapping-content .footer-item > ul li{
color: white;
font-size: 14px;
font-weight: 300;
margin-bottom: 7px;
}
footer .wrapping-content .footer-item > ul li a{
color: rgba(255,255,255,0.75);
}
footer .wrapping-content .footer-item > ul li:hover > a{
color: rgba(255,255,255,1);
text-decoration: underline;
}
footer .wrapping-content .footer-item > ul li a > i{
margin-right: 5px;
}
.developer-notice{
padding: 0.5rem 0;
}
.developer-notice .wrapping-content{
display: block;
text-align: center;
}
.developer-notice .wrapping-content p {
color: #333;
margin-bottom: 0;
width: 100%;
}
.developer-notice .wrapping-content p a{
color:#d9272d;
}/*/*/#grid {
width: calc(100% - 20px);
height: auto;
margin: 10px;
}/**/#grid:after {
content: '';
display: block;
clear: both;
} .grid-sizer,
.grid-item {
width: calc(33.333% - 20px);
float: left;
margin: 10px;
}
.grid-item {
float: left;
}
.grid-item img {
display: block;
max-width: 100%;
border-radius: 4px;
box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.25);
}
@media (max-width: 1200px){
}
@media (max-width: 1024px){
}
@media (max-width: 960px){
h1{
font-size: 2.4rem;
line-height:3.6rem;
margin-bottom:1.2rem;
}
h2{
font-size: 2.1rem;
line-height:3.05rem;
margin-bottom:1.05rem;
}
h3{
font-size: 1.8rem;
line-height:2.7rem;
margin-bottom:0.9rem;
}
h4{
font-size: 1.5rem;
line-height:2.25rem;
margin-bottom:0.75rem;
}
h5{
font-size: 1.2rem;
line-height:1.8rem;
margin-bottom:0.6rem;
}
h6{
font-size: 1rem;
line-height:1.5rem;
margin-bottom:0.5rem;
}
#banner .wrapping-content h1{
font-size: 1.8rem;
line-height: 2.7rem;
}
.rows .row .content h1{
font-size: 1.8rem;
line-height: 2.7rem;
margin-bottom: 1rem;
}
.rows .row .content h3{
font-size: 1.6rem;
line-height: 2.4rem;
margin-bottom: 0.6rem;
}
.wrapping-content{
padding:0;
}
.inner-content{
width:100%;
padding:0 30px;
}
footer .wrapping-content .footer-item{
flex-basis:50%;
margin-bottom:2rem;
}
.rows .row:nth-child(odd), 
.rows .row{
flex-direction:column;
}
.rows .row:nth-child(odd) div.content, .rows .row div.content, .rows .row:nth-child(even) div.content, .rows .row div.content, .rows .row.half-half .content{
padding:2rem 0;
}
.about .rows .row .content,
.about .rows .row:nth-child(odd) .content{
padding:4rem 0rem;
}
.rows .row:nth-child(odd) div.content, 
.rows .row div.content,
.rows .row:nth-child(odd) div.image, 
.rows .row div.image{
width:100%;
}
.rows .row.right .content,
.rows .row.left .content{
width:100%!important;
margin:0!important;
}
.rows .row.center .content{
width: 100%!important;
margin: 0!important;
}
.rows .row div.image{
min-height:25rem;
}
.contact-page .wrapping-content .info,
.contact-page .wrapping-content .form{
width: 100%;
padding-right: 0;
}
#banner.home, 
#banner{
padding: 15rem 0;
}
#banner.home .buttons{
flex-direction:column;
}
#banner.home .buttons a{
margin-bottom:0.5rem;
}
#banner.home .buttons a:last-of-type{
margin-bottom:0;
}
.pages-container a.child-page .image-thumbnail{
min-height: calc(12rem + 8vw);
}
.pages-container > a.child-page .content h4{
font-size: 1.2rem;
}
.pages-container a.child-page .content{
padding:0.75rem 0;
}
#content .cta_stroke{
padding:4rem 0;
}
#content .cta_stroke .wrapping-content .inner-content h3{
font-size:1.3rem;
line-height: 1.9rem;
}
}
@media (max-width: 768px){
header{
height: 50px;
background-color: #FFF;
box-shadow: 0 2px 4px 0 rgba(50, 50, 93, .1);
}	
header.no-box-shadow{
box-shadow: none;
border: none;
}	
header .wrapping-content > .logo.smart{display: flex;align-items: center;transition: initial;width: 40px;}
header .wrapping-content > .logo.smart a{
width: 40px;
}
header .wrapping-content > .logo.smart a img{
width: 30px;
transition: all 300ms ease-out;
transition-delay: 0s;
-webkit-filter: brightness(1);
}
header .wrapping-content > .logo.smart.rot a img{transform: scale(4) translateX(10px) translateY(35px);opacity:  0.5;transition-delay: 250ms;}
header .wrapping-content > .logo.desk{display: none;}
header .wrapping-content > .navigation{
display: none;
}	
header .wrapping-content > .navigation.open{
opacity: 1;
animation-name: slideIn;
animation-duration: 0.5s;
animation-fill-mode: both;
display: block;
}
header .wrapping-content > .navigation > ul{
display: block;
width: 100%;
float: left;
transition: initial;
}
header .wrapping-content > .navigation > ul > li{
width: calc(100% - 20px);
padding: 1rem 0;
text-align: center;
border-bottom: 1px solid #EEE;
transition: initial;
}
header .wrapping-content > .navigation > ul > li > a{
}
#nav-icon{
display: block;
position: absolute;
right:30px;
}
.mobile-menu {
display: none;
position: fixed;
top: inherit;
left: 0;
width: 100%;
padding-top: 50px;
background-color: white;
transition: initial;
z-index: 99;
box-shadow: 0 2px 4px 0 rgba(50, 50, 93, .1);
}
.grid-sizer,
.grid-item {
width: calc(50% - 20px);
float: left;
margin: 10px;
}
#banner.home, 
#banner{
padding: calc(4rem + 50px) 0 4rem 0;
}
.contact-page{padding:2rem 0;}
#content.with-side{
display:block;
}
#content.with-side > div{
width:100%!important;
}
#content.with-side .sidebar .side-blok,
#content.with-side .sidebar .side-blok .inner-content p a{
float:initial;
}
#content.with-side .sidebar .side-blok{
padding:2rem 0;
float:  left;
}
.pages-container > a.child-page:nth-child(odd){
border:none;
}
.pages-container > a.child-page{
width:100%;
float:  none;
}
.pages-container > a.child-page .content .this {
right: 30px;
opacity: 1;
font-size: 1.2rem;
}
footer .wrapping-content .inner-content{
flex-direction:column;
}
}
@media (max-width: 480px){
footer .wrapping-content .inner-content .footer-item{
flex-basis:100%;
margin-bottom:2rem;
}
.grid-sizer,
.grid-item {
width: calc(100% - 20px);
float: left;
margin: 10px;
}
}