@charset "UTF-8";
.page-content [data-id]:not([data-overlap]) {
overflow:hidden;
max-width: 100%;
}
.page-content [data-id] > div:not(.gridContainer) > div {
margin-left: auto !important;
margin-right: auto !important;
}
.white-text p,
.white-text h1,
.white-text h2,
.white-text h3,
.white-text h4,
.white-text h5,
.white-text h6 {
color: #ffffff;
}
.white-text-section .dynamic-color p,
.white-text-section .dynamic-color h1,
.white-text-section .dynamic-color h2,
.white-text-section .dynamic-color h3,
.white-text-section .dynamic-color h4,
.white-text-section .dynamic-color h5,
.white-text-section .dynamic-color h6 {
color: #ffffff;
}
.homepage-template.home .page-content {
padding: 0px;
}
.flexbox-list {
display: -webkit-box;
display: -webkit-flex;
display: -webkit-flexbox;
display: -moz-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
}
.flexbox-list:before,
.flexbox-listw:after,
.flexbox-list *:before,
.flexbox-listw *:after {
content: normal;
}
.custom-image {
margin-bottom: 18px;
}
.gridContainer {
margin-right: auto !important;
margin-left: auto !important;
}
.cp12cols .bg-alt-color,
.cp6cols:nth-of-type(2n+1) .bg-alt-color,
.cp4cols:nth-of-type(3n+1) .bg-alt-color,
.cp3cols:nth-of-type(4n+1) .bg-alt-color,
.cp2cols:nth-of-type(6n+1) .bg-alt-color {
background-color: rgb(3, 169, 244);
color: #ffffff;
}
.cp6cols:nth-of-type(2n+2) .bg-alt-color,
.cp4cols:nth-of-type(3n+2) .bg-alt-color,
.cp3cols:nth-of-type(4n+2) .bg-alt-color,
.cp2cols:nth-of-type(6n+2) .bg-alt-color {
background-color: #4caf50;
color: #ffffff;
}
.cp4cols:nth-of-type(3n+3) .bg-alt-color,
.cp3cols:nth-of-type(4n+3) .bg-alt-color,
.cp2cols:nth-of-type(6n+3) .bg-alt-color {
background-color: #fbc02d;
color: #ffffff;
}
.cp3cols:nth-of-type(4n+4) .bg-alt-color,
.cp2cols:nth-of-type(6n+4) .bg-alt-color {
background-color: #9c27b0;
color: #ffffff;
}
.cp2cols:nth-of-type(6n+5) .bg-alt-color {
background-color: #4caf50;
color: #ffffff;
}
.cp2cols:nth-of-type(6n+6) .bg-alt-color {
background-color: #9c27b0;
color: #ffffff;
}
.cp12cols.border-bottom-alt-color,
.cp6cols:nth-of-type(2n+1).border-bottom-alt-color,
.cp4cols:nth-of-type(3n+1).border-bottom-alt-color,
.cp3cols:nth-of-type(4n+1).border-bottom-alt-color,
.cp2cols:nth-of-type(6n+1).border-bottom-alt-color {
border-bottom-color: rgb(3, 169, 244);
}
.cp6cols:nth-of-type(2n+2).border-bottom-alt-color,
.cp4cols:nth-of-type(3n+2).border-bottom-alt-color,
.cp3cols:nth-of-type(4n+2).border-bottom-alt-color,
.cp2cols:nth-of-type(6n+2).border-bottom-alt-color {
border-bottom-color: #4caf50;
}
.cp4cols:nth-of-type(3n+3).border-bottom-alt-color,
.cp3cols:nth-of-type(4n+3).border-bottom-alt-color,
.cp2cols:nth-of-type(6n+3).border-bottom-alt-color {
border-bottom-color: #fbc02d;
}
.cp3cols:nth-of-type(4n+4).border-bottom-alt-color,
.cp2cols:nth-of-type(6n+4).border-bottom-alt-color {
border-bottom-color: #9c27b0;
}
.cp2cols:nth-of-type(6n+5).border-bottom-alt-color {
border-bottom-color: #4caf50;
}
.cp2cols:nth-of-type(6n+6).border-bottom-alt-color {
border-bottom-color: #9c27b0;
}
[data-reiki-hidden] {
display: none !important;
}
a.blue_border_button:hover {
background-color: transparent;
color: #2186C4;
font-size: 16px;
font-weight: 600;
text-decoration: none;
}
a.blue_border_button.white {
background-color: #ffffff;
}
a.primary_button {
padding: 10px 28px;
display: inline-block;
border: 2px solid #ffffff;
border-radius: 10px;
font-style: normal;
font-variant: normal;
font-weight: 600;
font-stretch: normal;
font-size: 16px;
line-height: 157%;
color: #ffffff;
text-transform: uppercase;
text-decoration: none;
background-color: rgba(255, 255, 255, 0.3);
transition: all 0.4s linear 0s;
outline: none;
margin-bottom: 10px;
max-width: 80%;
letter-spacing: 2px;
margin: 10px;
}
a.primary_button:hover,
a.primary_button:visited {
color: #ffffff;
}
a.primary_button:hover {
background-color: rgba(255, 255, 255, 0.5);
text-decoration: none;
}
a.secondary_button {
padding: 10px 20px;
display: inline-block;
border: 2px solid #ffffff;
border-radius: 10px;
font-style: normal;
font-variant: normal;
font-weight: 600;
font-stretch: normal;
font-size: 16px;
line-height: 157%;
color: #ffffff;
text-transform: uppercase;
text-decoration: none;
background-color: rgba(255, 255, 255, 0.1);
transition: all 0.4s linear 0s;
outline: none;
margin-bottom: 10px;
max-width: 80%;
letter-spacing: 2px;
margin: 10px;
}
a.secondary_button:hover,
a.secondary_button:visited {
color: #ffffff;
text-decoration: none;
}
a.secondary_button:hover {
background-color: rgba(255, 255, 255, 0.2);
}
a.white_button {
border: 0px solid;
border-color: #FFFFFF;
border-radius: 10px;
color: rgb(255, 255, 255);
cursor: pointer;
display: inline-block;
margin: 0 15px 27px 15px;
padding: 10px 20px;
text-align: center;
text-decoration: none;
font: normal normal 400 12px/130% Source Sans Pro, sans-serif;
text-transform: uppercase;
transition: all 0.4s linear 0s;
border-width: 2px;
letter-spacing: 1px;
}
a.white_button:hover {
background-color: rgba(255, 255, 255, 0.3);
color: rgb(255, 255, 255);
font-size: 16px;
font-weight: 600;
font: normal normal 400 12px/130% Source Sans Pro, sans-serif;
}
a.white_button:active {
-moz-box-shadow: rgba(0, 0, 0, 0.129412) 0px 3px 2px 0px inset;
-webkit-box-shadow: rgba(0, 0, 0, 0.129412) 0px 3px 2px 0px inset;
background-color: rgba(255, 255, 255, 0.3);
box-shadow: rgba(0, 0, 0, 0.129412) 0px 3px 2px 0px inset;
color: rgb(255, 255, 255);
font-size: 16px;
font-weight: 600;
}
.header-homepage {
background-color: #ffffff;
}
.header_description {
padding-top: 5%;
padding-bottom: 5%;
min-height: auto;
}
div#fancybox-overlay {
display: none;
}
.spacer {
text-align: center;
display: block;
font-size: 20px;
line-height: 0px;
letter-spacing: 0px;
word-spacing: 0px;
padding: 0px 5%;
white-space: nowrap;
}
.spacer span {
display: inline-block;
border-radius: 100%;
vertical-align: middle;
box-sizing: border-box;
font-size: inherit;
text-align: center;
width: auto;
max-width: 20%;
overflow: hidden;
white-space: nowrap;
}
.spacer span:before {
content: "-----";
line-height: 100%;
letter-spacing: -0.2em;
vertical-align: middle;
text-align: center;
font-family: Courier New, Courier, monospace;
display: inline-block;
width: 100%;
margin-left: -0.2em;
white-space: initial;
overflow: hidden;
max-height: 1em;
max-width: 100%;
}
.spacer span.before {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
margin-right: -0.2em;
}
.spacer span.after {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
margin-left: -0.2em;
}
.spacer i.fa {
margin-left: 0.5em;
margin-right: 0.5em;
display: inline-block;
box-sizing: border-box;
vertical-align: middle;
}
.spacer i.fa:before {
vertical-align: middle;
}
.cp-icon {
display: block;
margin-bottom: 14px;
}
.cp-icon.fa6 {
font-size: 1rem !important;
}
.cp-icon.fa5 {
font-size: 2rem !important;
}
.cp-icon.fa4 {
font-size: 3rem !important;
}
.cp-icon.fa3 {
font-size: 4rem !important;
}
.cp-icon.fa2 {
font-size: 5rem !important;
}
.cp-icon.fa1 {
font-size: 6rem !important;
}
@media only screen and (min-width: 768px) {
.header_description {
padding-top: 5%;
padding-bottom: 5%;
min-height: auto;
width: 60%;
}
a.blue_border_button {
margin-left: 0px;
}
a.primary_button {
margin: 0px 10px 10px 0px;
}
a.secondary_button {
margin: 0px 10px 10px 0px;
}
.spacer span:before {
content: "---------";
}
[data-overlap=true] {
padding-top: 0px !important;
padding-bottom: 75px;
}
}
@media only screen and (max-width: 767px) {
.cp2cols-mobile {
width: 16.66666% !important;
max-width: 16.66666% !important;
flex-basis: 16.66666% !important;
float: left !important;
}
.cp3cols-mobile {
width: 25% !important;
max-width: 25% !important;
flex-basis: 25% !important;
float: left !important;
}
.cp4cols-mobile {
width: 33.33333% !important;
max-width: 33.33333% !important;
flex-basis: 33.33333% !important;
float: left !important;
}
.cp6cols-mobile {
width: 50% !important;
max-width: 50% !important;
flex-basis: 50% !important;
float: left !important;
}
.cp12cols-mobile {
width: 100% !important;
max-width: 100% !important;
flex-basis: 100% !important;
float: none !important;
}
div .cp1cols-mobile:nth-of-type(12n+1) {
clear: left;
}
div .cp2cols-mobile:nth-of-type(6n+1) {
clear: left;
}
div .cp3cols-mobile:nth-of-type(4n+1) {
clear: left;
}
div .cp4cols-mobile:nth-of-type(3n+1) {
clear: left;
}
div .cp6cols-mobile:nth-of-type(2n+1) {
clear: left;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.cp1cols-tablet {
width: 8.33333% !important;
max-width: 8.33333% !important;
flex-basis: 8.33333% !important;
float: left;
}
.cp2cols-tablet {
width: 16.66666% !important;
max-width: 16.66666% !important;
flex-basis: 16.66666% !important;
float: left !important;
}
.cp3cols-tablet {
width: 25% !important;
max-width: 25% !important;
flex-basis: 25% !important;
float: left !important;
}
.cp4cols-tablet {
width: 33.33333% !important;
max-width: 33.33333% !important;
flex-basis: 33.33333% !important;
float: left !important;
}
.cp6cols-tablet {
width: 50% !important;
max-width: 50% !important;
flex-basis: 50% !important;
float: left !important;
}
.cp12cols-tablet {
width: 100% !important;
max-width: 100% !important;
flex-basis: 100% !important;
float: none;
}
ul .cp1cols-tablet:nth-of-type(12n+1),
div .cp1cols-tablet:nth-of-type(12n+1) {
clear: left;
}
ul .cp2cols-tablet:nth-of-type(6n+1),
div .cp2cols-tablet:nth-of-type(6n+1) {
clear: left;
}
ul .cp3cols-tablet:nth-of-type(4n+1),
div .cp3cols-tablet:nth-of-type(4n+1) {
clear: left;
}
ul .cp4cols-tablet:nth-of-type(3n+1),
div .cp4cols-tablet:nth-of-type(3n+1) {
clear: left;
}
ul .cp6cols-tablet:nth-of-type(2n+1),
div .cp6cols-tablet:nth-of-type(2n+1) {
clear: left;
}
}
@media only screen and (min-width: 1024px) {
.header-homepage {
min-height: auto;
}
.header_description {
padding-top: 5%;
padding-bottom: 5%;
width: 50%;
}
a.blue_border_button {
margin-left: 0px;
}
.cp1cols {
max-width: 8.33333% !important;
width: 8.33333% !important;
flex-basis: 8.33333% !important;
float: left !important;
}
.cp2cols {
max-width: 16.66666% !important;
width: 16.66666% !important;
flex-basis: 16.66666% !important;
float: left !important;
}
.cp3cols {
max-width: 25% !important;
width: 25% !important;
flex-basis: 25% !important;
float: left !important;
}
.cp4cols {
width: 33.33333% !important;
max-width: 33.33333% !important;
flex-basis: 33.33333% !important;
float: left !important;
}
.cp6cols {
width: 50% !important;
max-width: 50% !important;
flex-basis: 50% !important;
float: left !important;
}
.cp12cols {
width: 100% !important;
max-width: 100% !important;
flex-basis: 100% !important;
float: none !important;
}
ul .cp1cols:nth-of-type(12n+1) ,
div .cp1cols:nth-of-type(12n+1) {
clear: left;
}
ul .cp2cols:nth-of-type(6n+1) ,
div .cp2cols:nth-of-type(6n+1) {
clear: left;
}
ul .cp3cols:nth-of-type(4n+1) ,
div .cp3cols:nth-of-type(4n+1) {
clear: left;
}
ul .cp4cols:nth-of-type(3n+1) ,
div .cp4cols:nth-of-type(3n+1) {
clear: left;
}
ul .cp6cols:nth-of-type(2n+1) ,
div .cp6cols:nth-of-type(2n+1) {
clear: left;
}
.spacer span:before {
content: "--------------";
}
}
p {
margin: 00px 0px 20px 0px;
}body div#page {
background-color: transparent;
}
.content {
background-color: transparent;
padding-bottom: 0px!important;
padding-top: 0px!important;
}
.header-section-content {
text-align: left;
}
.page-content {
padding-bottom: 0px!important;
padding-top: 0px!important;
}
.homepage-template .svg-white-bg {
fill: #FFFFFF;
}
.about-big-images-section {
padding-bottom: 75px;
padding-top: 75px;
}
.about-big-images-gridcol {
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
.about-big-images-textrow,.about-images-right-innerrow,.about-text-grid-innerrow,.about-text-icons-innerrow,.blog-postsrow,.content-right-image-gridcol,.features-image-cards-innerrow,.features-square-image-innerrow,.numbers-innerrow,.team-colors-membersrow,.team-small-memberrow,.testimonials-boxed-itemsrow {
clear: both;
margin-left: -15px;
margin-right: -15px;
width: auto;
}
.about-big-images-textcol {
float: none;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
text-align: center;
width: 100%;
}
span.span25 {
font-family: Playfair Display, sans-serif;
font-style: italic;
font-weight: 400;
}
.about-big-images-bottomrow {
clear: both;
float: left;
margin-top: 50px;
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
.about-big-images-leftimgcol,.about-big-images-centerimgcol,.about-big-images-rightimgcol {
float: none;
width: auto;
}
img.about-big-images-leftimg {
-moz-box-shadow: rgba(0, 0, 0, .247059) 0 15px 80px -5px;
-webkit-box-shadow: rgba(0, 0, 0, .247059) 0 15px 80px -5px;
box-shadow: rgba(0, 0, 0, .247059) 0 15px 80px -5px;
display: inline-block;
height: auto;
margin-left: -65%;
margin-top: 10%;
max-width: 100%;
position: relative;
width: 30%;
z-index: 11;
}
img.about-big-images-centerimg {
-moz-box-shadow: rgba(0, 0, 0, .247059) 0 15px 80px -5px;
-webkit-box-shadow: rgba(0, 0, 0, .247059) 0 15px 80px -5px;
display: inline-block;
margin-left: 15%;
margin-top: -50%;
max-width: 100%;
width: 70%;
}
img.about-big-images-rightimg {
-moz-box-shadow: rgba(0, 0, 0, .247059) 0 15px 80px -5px;
-webkit-box-shadow: rgba(0, 0, 0, .247059) 0 15px 80px -5px;
box-shadow: rgba(0, 0, 0, .247059) 0 15px 80px -5px;
display: inline-block;
height: auto;
margin-left: 60%;
margin-top: -30%;
max-width: 100%;
width: 40%;
}
.about-bigtitle-section,.about-four-boxes-section,.about-images-right-section,.about-text-grid-section,.about-text-icons-section,.blog-section,.clients-grid-section,.content-full-left-image-section,.content-full-right-image-section,.content-left-image-section,.content-right-image-section,.features-coloured-icon-boxes-section,.features-image-cards-section,.features-small-icon-cards-section,.features-square-image-section,.portfolio-cards-section,.stripped-about-four-boxes-section,.team-colors-section,.team-large-section,.team-large-square-section,.team-small-section,.testimonials-boxed-section {
clear: both;
padding-bottom: 75px;
padding-top: 75px;
}
.about-bigtitle-titlecol {
float: none;
padding-left: 15px;
padding-right: 15px;
padding-top: 27px;
width: 100%;
}
h2.about-bigtitle-title {
color: #FF7F66;
font-size: 3.88em;
text-align: center;
}
.about-bigtitle-textcol {
background-color: #2186C4;
float: none;
padding-left: 15px;
padding-right: 15px;
padding-top: 27px;
width: 100%;
}
.about-bigtitle-textcol p {
color: #FFFFFF;
font-size: 1.22em;
line-height: 150%;
margin-bottom: 27px;
}
.about-bigtitle-numberscol {
margin-top: 27px;
text-align: center;
}
.about-bigtitle-numberdiv {
float: left;
min-height: 139px;
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
h2.about-bigtitle-number {
color: #FF7F66;
font-weight: 400;
margin-bottom: 10px;
}
.about-four-boxes-innerrow,.about-text-grid-rightgridrow {
-moz-box-shadow: 0 15px 80px -5px rgba(0, 0, 0, .25);
-webkit-box-shadow: 0 15px 80px -5px rgba(0, 0, 0, .25);
box-shadow: 0 15px 80px -5px rgba(0, 0, 0, .25);
clear: both;
margin-left: -15px;
margin-right: -15px;
width: auto;
}
.about-four-boxes-imgcol {
background: url(https://parkhotel-sassendorf.de/wp-content/plugins/one-page-express-companion/theme-data/one-page-express/sections/images/project2.jpg) center top / cover;
float: none;
min-height: 300px;
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
.about-four-boxes-textcol {
background-color: #FFFFFF;
float: none;
padding-left: 15px;
padding-right: 15px;
padding-top: 40px;
text-align: center;
width: 100%;
}
.about-four-boxes-imgcol2 {
background: url(https://parkhotel-sassendorf.de/wp-content/plugins/one-page-express-companion/theme-data/one-page-express/sections/images/project1.jpg) center top / cover;
float: none;
min-height: 300px;
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
.about-images-right-textcol {
float: none;
padding-left: 15px;
padding-right: 15px;
padding-top: 70px;
text-align: center;
width: 100%;
}
h2.about-images-right-bigtitle {
font-weight: 600;
margin-bottom: 20px;
}
span.span24 {
font-family: Playfair Display, sans-serif;
font-style: italic;
font-weight: 400;
}
.about-images-right-imgcol,.about-text-grid-rightgridcol,.blog-postcol,.content-full-left-image-featurescol,.content-full-right-image-featurescol,.portfolio-cards-projnamecol {
float: none;
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
img.about-images-right-topimg {
-moz-box-shadow: 0 15px 80px -5px rgba(0, 0, 0, .25);
-webkit-box-shadow: 0 15px 80px -5px rgba(0, 0, 0, .25);
box-shadow: 0 15px 80px -5px rgba(0, 0, 0, .25);
display: inline-block;
margin-left: 10%;
max-width: 100%;
position: relative;
width: 80%;
z-index: 10;
}
img.about-images-right-rightimg {
-moz-box-shadow: 0 15px 80px -5px rgba(0, 0, 0, .25);
-webkit-box-shadow: 0 15px 80px -5px rgba(0, 0, 0, .25);
box-shadow: 0 15px 80px -5px rgba(0, 0, 0, .25);
display: inline-block;
float: right;
height: auto;
margin-right: -15px;
margin-top: -25%;
max-width: 100%;
width: 80%;
}
img.about-images-right-leftimg {
-moz-box-shadow: 0 15px 80px -5px rgba(0, 0, 0, .25);
-webkit-box-shadow: 0 15px 80px -5px rgba(0, 0, 0, .25);
box-shadow: 0 15px 80px -5px rgba(0, 0, 0, .25);
display: inline-block;
margin-left: -15px;
margin-top: -50%;
max-width: 100%;
position: relative;
width: 60%;
z-index: 11;
}
.about-text-grid-textcol {
float: none;
padding-bottom: 30px;
padding-left: 15px;
padding-right: 15px;
padding-top: 30px;
text-align: center;
width: 100%;
}
.about-text-grid-imgcol {
background: url(https://parkhotel-sassendorf.de/wp-content/plugins/one-page-express-companion/theme-data/one-page-express/sections/images/project2.jpg) left top / cover;
float: none;
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
.about-text-grid-rightgridtextcol {
background-color: #fff;
float: none;
margin-left: -15px;
margin-right: -15px;
padding-left: 15px;
padding-right: 15px;
padding-top: 30px;
text-align: center;
width: 100%;
}
.about-text-grid-imgcol2 {
background: url(https://parkhotel-sassendorf.de/wp-content/plugins/one-page-express-companion/theme-data/one-page-express/sections/images/project1.jpg) left top / cover;
float: none;
min-height: 300px;
width: 100%;
}
.about-text-icons-textcol {
float: none;
padding-left: 15px;
padding-right: 15px;
padding-top: 45px;
text-align: center;
}
.about-text-icons-cols {
float: none;
padding-left: 15px;
padding-right: 15px;
}
.about-text-icons-iconcol {
float: none;
margin-bottom: 15px;
margin-top: 15px;
padding-left: 15px;
padding-right: 15px;
text-align: center;
width: 100%;
}
.fa.font-icon-21 {
color: #5CBFED;
display: inline-block;
font-size: 3.33em;
margin-bottom: 20px;
}
.fa.font-icon-20 {
font-size: 1em;
}
.blog-textrow {
margin-left: -15px;
margin-right: -15px;
text-align: center;
}
.blog-textcol,.contact-textcol,.cta-large-blue-centercol,.cta-large-red-centercol {
float: none;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
text-align: center;
width: 100%;
}
img.blog-postimg,.wpcf7-form {
width: 100%;
}
.blog-postbg {
background-color: #FFF6E5;
clear: both;
padding-bottom: 27px;
padding-top: 27px;
}
.blog-postsrow .blog-postcol {
margin-bottom: 15px;
margin-top: 15px;
}
.clients-grid-textrow {
margin-bottom: 20px;
text-align: center;
}
.clients-grid-textcol,.content-left-image-imgcol {
float: none;
padding-left: 15px;
padding-right: 15px;
text-align: center;
width: 100%;
}
.clients-grid-itemcol {
float: left;
height: 100px;
margin-bottom: 15px;
margin-top: 15px;
padding-left: 15px;
padding-right: 15px;
text-align: center;
width: 50%;
}
.middle_align5,.middle_align1 {
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
position: relative;
top: 50%;
transform: translateY(-50%);
}
.middle_align5 a,.middle_align1 a {
display: block;
}
img.clients-grid-itemimg:hover {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
opacity: 1;
}
img.clients-grid-itemimg {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
height: auto;
max-width: 100%;
opacity: .5;
transition: all 0.2s linear 0s;
width: auto;
}
.white-text img.clients-grid-itemimg,.white-text img.clients-strip-itemimg {
opacity: .9;
}
.clients-strip-section {
border-bottom-color: #E0E0E0;
border-style: solid;
border-top-color: #E0E0E0;
border-width: 1px 0;
margin-left: auto;
margin-right: auto;
padding: 20px 15px;
width: 100%;
}
.row_187 {
clear: both;
margin-left: -15px;
margin-right: -15px;
text-align: center;
width: auto;
}
.clients-strip-itemcol {
float: left;
height: 100px;
margin-bottom: 15px;
margin-top: 15px;
padding: 0 15px;
width: 50%;
}
img.clients-strip-itemimg:hover {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
opacity: 1;
}
img.clients-strip-itemimg {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
height: auto;
max-width: 100%;
opacity: .5;
transition: all 0.2s linear 0s;
width: auto;
}
.contact-section-formsection {
padding-bottom: 75px;
padding-top: 75px;
position: relative;
}
.contact-section-formsection:before {
background-color: rgba(26, 26, 26, .48);
content: ' ';
display: inline-block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.contact-formcol {
-moz-box-shadow: 0 15px 80px -5px rgba(0, 0, 0, .25);
-webkit-box-shadow: 0 15px 80px -5px rgba(0, 0, 0, .25);
background-color: #FFFFFF;
border-radius: 0;
box-shadow: 0 15px 80px -5px rgba(0, 0, 0, .25);
float: none;
margin-left: auto;
margin-right: auto;
padding: 5% 15px;
text-align: center;
width: 90%;
}
.wpcf7-form .form-group {
margin-bottom: 20px;
}
.wpcf7-form .form-group label {
color: #777777;
text-transform: uppercase;
}
.wpcf7-form input:focus {
border-color: #66afe9;
outline: none;
}
.wpcf7-form label {
border-radius: 2px;
color: #777777;
font-size: .83em;
text-transform: uppercase;
}
div.wpcf7-validation-errors,.wpcf7-response-output[role="alert"] {
background-color: #ff8066;
border: none;
color: #ffffff;
font-size: .77em;
margin-top: 0;
padding: 5px 10px;
}
.wpcf7-mail-sent-ok[role="alert"] {
background-color: #3F464C;
}
div.wpcf7 .ajax-loader {
background-color: rgba(255, 255, 255, .86);
background-position: center;
background-repeat: no-repeat;
border-radius: 100%;
display: block;
height: 32px;
margin-left: 13px;
margin-top: -38px;
opacity: 0;
pointer-events: none;
position: absolute;
transition: all .4s;
width: 32px;
}
div.wpcf7 .ajax-loader.is-active {
display: block;
opacity: 1;
}
span.wpcf7-not-valid-tip {
font-size: .66em;
letter-spacing: 1px;
margin-top: 4px;
}
.wpcf7-form input[type=text] {
-webkit-appearance: none;
background: #fafafa;
border: 1px solid #DDDDDD;
border-radius: 0;
box-shadow: none;
color: #555555;
height: 45px;
line-height: 1.428571429;
margin-top: 10px;
outline: none;
padding: 11px 12px;
transition: all ease-in-out .15s;
vertical-align: middle;
width: 100%;
}
.wpcf7-form textarea {
background: #fafafa;
border: 1px solid #DDDDDD;
box-shadow: none;
height: 150px;
margin-top: 10px;
max-width: 100%;
outline: none;
padding: 11px 12px;
transition: all ease-in-out .15s;
width: 100%;
}
.wpcf7-form textarea:focus,.wpcf7-form textarea:hover,.wpcf7-form textarea:active {
border-color: #56C2FC;
}
.wpcf7-form [type="submit"] {
background-color: #03a9f4;
border: none;
color: #ffffff;
display: inline-block;
height: auto;
margin-top: 0;
min-width: 120px;
padding: 14px 30px;
padding-bottom: 10px;
padding-top: 10px;
text-align: center;
text-transform: uppercase;
transition: all 0.2s linear 0s;
width: auto;
}
.wpcf7-form [type="submit"]:hover,.wpcf7-form [type="submit"]:active,.wpcf7-form [type="submit"]:focus {
background-color: #56C2FC;
height: auto;
}
.content-full-left-image-innerrow,.content-full-right-image-innerrow {
clear: both;
display: table-row;
width: 100%;
}
.content-full-left-image-textcol,.content-full-right-image-textcol {
padding-bottom: 75px;
padding-left: 15px;
padding-right: 15px;
padding-top: 75px;
width: 100%;
}
.content-full-left-image-featuresrow,.content-full-right-image-featuresrow,.features-coloured-icon-boxes-innerrow {
clear: both;
width: auto;
}
.content-full-left-image-imgcol,.content-full-right-image-imgcol {
-moz-box-shadow: 0 15px 80px -5px rgba(0, 0, 0, .25);
-webkit-box-shadow: 0 15px 80px -5px rgba(0, 0, 0, .25);
background: url(https://parkhotel-sassendorf.de/wp-content/plugins/one-page-express-companion/theme-data/one-page-express/sections/images/full-height-column.jpg) center center / cover scroll transparent;
box-shadow: 0 15px 80px -5px rgba(0, 0, 0, .25);
min-height: 300px;
width: auto;
}
.content-left-image-imgcol img,.content-right-image-imgcol img {
-moz-box-shadow: 0 15px 80px -5px rgba(0, 0, 0, .25);
-webkit-box-shadow: 0 15px 80px -5px rgba(0, 0, 0, .25);
box-shadow: 0 15px 80px -5px rgba(0, 0, 0, .25);
}
.content-left-image-textcol {
float: none;
margin-left: 0;
margin-top: 50px;
padding-left: 15px;
padding-right: 15px;
text-align: center;
width: 100%;
}
.content-right-image-textcol {
float: none;
padding-left: 15px;
padding-right: 15px;
text-align: center;
width: 100%;
}
.content-right-image-imgcol {
float: left;
min-height: 340px;
padding-left: 15px;
padding-right: 15px;
text-align: center;
width: 100%;
}
.cta-blue-section {
background-color: #2186C4;
clear: both;
line-height: 1%;
padding-bottom: 40px;
padding-top: 40px;
}
.cta-blue-textcol {
float: none;
min-height: 51px;
padding: 15px 15px 10px 15px;
}
h2.cta-blue-text,h2.cta-large-blue-heading {
color: rgb(255, 255, 255);
font-size: 2.22em;
}
b.element2,b.cta-large-blue-boldtext,b.cta-large-red-boldtext {
font-weight: 600;
}
.cta-blue-btncol {
padding-left: 15px;
padding-right: 15px;
text-align: center;
}
.flexbox-list-align-center {
align-items: center;
}
.cta-gray-section {
background-color: #3F464C;
clear: both;
}
.cta-gray-textcol {
float: left;
min-height: 104px;
padding-left: 15px;
padding-right: 15px;
padding-top: 25px;
width: 100%;
}
h2.cta-gray-text,h2.cta-red-text {
font-size: 2.22em;
}
.cta-gray-btncol,.cta-red-btncol {
float: left;
min-height: 76px;
padding-left: 15px;
padding-right: 15px;
padding-top: 0;
text-align: center;
width: 100%;
}
.cta-large-blue-section {
background-color: #2186C4;
clear: both;
}
.cta-large-blue-innerrow,.cta-large-red-innerrow {
padding-top: 27px;
}
.cta-large-red-section {
background-color: #FF7F66;
clear: both;
}
h2.cta-large-red-heading {
color: #FFFFFF;
font-size: 2.22em;
}
.cta-red-section {
background-color: rgb(255, 127, 102);
clear: both;
}
.cta-red-textcol {
float: left;
margin-top: px;
min-height: 104px;
padding-left: 15px;
padding-right: 15px;
padding-top: 25px;
width: 100%;
}
.features-coloured-icon-boxes-textrow {
margin-bottom: 30px;
margin-left: 0;
margin-right: 0;
}
.features-coloured-icon-boxes-textcol {
float: none;
margin: auto;
padding-left: 15px;
padding-right: 15px;
text-align: center;
width: 83.3333%;
}
.features-coloured-icon-boxes-featurecol {
-moz-box-shadow: rgba(0, 0, 0, .137255) 0 1px 2px 0, rgba(0, 0, 0, .2) 0 3px 1px -2px, rgba(0, 0, 0, .117647) 0 1px 5px 0;
-webkit-box-shadow: rgba(0, 0, 0, .137255) 0 1px 2px 0, rgba(0, 0, 0, .2) 0 3px 1px -2px, rgba(0, 0, 0, .117647) 0 1px 5px 0;
background-color: rgb(255, 255, 255);
border-radius: 2px;
box-shadow: rgba(0, 0, 0, .137255) 0 1px 2px 0, rgba(0, 0, 0, .2) 0 3px 1px -2px, rgba(0, 0, 0, .117647) 0 1px 5px 0;
float: none;
margin-bottom: 30px;
padding: 30px;
text-align: center;
width: 100%;
}
.features-coloured-icon-boxes-iconcontainer {
-moz-box-shadow: rgba(0, 0, 0, .560784) 0 7px 20px -12px, rgba(0, 0, 0, .117647) 0 4px 25px 0, rgba(0, 0, 0, .2) 0 8px 10px -5px;
-webkit-box-shadow: rgba(0, 0, 0, .560784) 0 7px 20px -12px, rgba(0, 0, 0, .117647) 0 4px 25px 0, rgba(0, 0, 0, .2) 0 8px 10px -5px;
border-radius: 100%;
box-shadow: rgba(0, 0, 0, .560784) 0 7px 20px -12px, rgba(0, 0, 0, .117647) 0 4px 25px 0, rgba(0, 0, 0, .2) 0 8px 10px -5px;
height: 100px;
margin: 0 auto 27px;
min-height: 0;
padding-bottom: 25px;
padding-top: 25px;
transition: all 0.2s linear 0s;
width: 100px;
}
.features-coloured-icon-boxes-featurecol:nth-of-type(4n+1) a.features-coloured-button,.features-coloured-icon-boxes-featurecol:nth-of-type(4n+1) .features-coloured-icon-boxes-iconcontainer {
background-color: rgb(3, 169, 244);
}
.features-coloured-icon-boxes-featurecol:nth-of-type(4n+2) a.features-coloured-button,.features-coloured-icon-boxes-featurecol:nth-of-type(4n+2) .features-coloured-icon-boxes-iconcontainer {
background-color: #4caf50;
}
.features-coloured-icon-boxes-featurecol:nth-of-type(4n+3) a.features-coloured-button,.features-coloured-icon-boxes-featurecol:nth-of-type(4n+3) .features-coloured-icon-boxes-iconcontainer,.team-colors-membercol:nth-of-type(4n+3) .team-colors-background {
background-color: #fbc02d;
}
.features-coloured-icon-boxes-featurecol:nth-of-type(4n+4) a.features-coloured-button,.features-coloured-icon-boxes-featurecol:nth-of-type(4n+4) .features-coloured-icon-boxes-iconcontainer,.team-colors-membercol:nth-of-type(4n+4) .team-colors-background {
background-color: #9c27b0;
}
.features-coloured-icon-boxes-featurecol:nth-of-type(4n+1) a.features-coloured-button:hover,.features-coloured-icon-boxes-featurecol:nth-of-type(4n+1) a.features-coloured-button:active {
background-color: #0299de;
}
.features-coloured-icon-boxes-featurecol:nth-of-type(4n+2) a.features-coloured-button:hover,.features-coloured-icon-boxes-featurecol:nth-of-type(4n+2) a.features-coloured-button:active {
background-color: #449C47;
}
.features-coloured-icon-boxes-featurecol:nth-of-type(4n+3) a.features-coloured-button:hover,.features-coloured-icon-boxes-featurecol:nth-of-type(4n+3) a.features-coloured-button:active {
background-color: #faba19;
}
.features-coloured-icon-boxes-featurecol:nth-of-type(4n+4) a.features-coloured-button:hover,.features-coloured-icon-boxes-featurecol:nth-of-type(4n+4) a.features-coloured-button:active {
background-color: #8c239f;
}
.features-coloured-icon-boxes-featurecol .features-coloured-icon-boxes-iconcontainer:hover {
background-color: rgb(26, 26, 26);
height: 110px;
margin: -5px auto 22px auto;
min-height: 0;
padding: 30px 0;
transition: all 0.2s linear 0s;
width: 110px;
}
a.features-coloured-button {
-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
border-radius: 2px;
border-style: solid;
border-width: 0;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
color: rgb(255, 255, 255);
cursor: pointer;
display: inline-block;
font-size: .66em;
font-stretch: normal;
font-weight: 400;
letter-spacing: 1px;
line-height: 130%;
margin: 10px 10px 5px 10px;
padding: 7px 20px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: all 0.2s linear 0s;
}
a.features-coloured-button:hover {
-moz-box-shadow: rgba(0, 0, 0, .419608) 0 14px 26px -12px, rgba(0, 0, 0, .117647) 0 4px 23px 0, rgba(0, 0, 0, .2) 0 8px 10px -5px;
-webkit-box-shadow: rgba(0, 0, 0, .419608) 0 14px 26px -12px, rgba(0, 0, 0, .117647) 0 4px 23px 0, rgba(0, 0, 0, .2) 0 8px 10px -5px;
box-shadow: rgba(0, 0, 0, .419608) 0 14px 26px -12px, rgba(0, 0, 0, .117647) 0 4px 23px 0, rgba(0, 0, 0, .2) 0 8px 10px -5px;
color: rgb(255, 255, 255);
}
a.features-coloured-button:active {
-moz-box-shadow: rgba(0, 0, 0, .129412) 0 3px 2px 0 inset;
-webkit-box-shadow: rgba(0, 0, 0, .129412) 0 3px 2px 0 inset;
box-shadow: rgba(0, 0, 0, .129412) 0 3px 2px 0 inset;
color: rgb(255, 255, 255);
}
.fa.features-coloured-icon,.fa.font-icon-features-icon-container {
background-color: transparent;
border-radius: 100%;
color: #FFFFFF;
display: inline-block;
font-size: 50px;
padding: 0;
}
h4.heading103 {
color: #333333;
font-size: 1.11em;
font-weight: 600;
letter-spacing: 0;
}
.features-image-cards-textrow,.features-large-icons-textrow,.features-overlapped-icons-textrow,.features-small-icon-cards-textrow,.features-square-image-textrow {
margin-bottom: 15px;
margin-left: -15px;
margin-right: -15px;
text-align: center;
}
.features-image-cards-textcol,.features-square-image-textcol {
float: none;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
width: 83.3333%;
}
.features-image-cards-cardcol {
float: none;
margin-bottom: 30px;
margin-top: 30px;
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
.flexbox-list .features-image-cards-cardrow,.flexbox-list .features-overlapped-icons-featinnerrow {
height: 100%;
}
.features-image-cards-cardrow {
-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
background-color: #ffffff;
border-radius: 3px;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
clear: both;
float: left;
margin-bottom: 0;
margin-top: 0;
padding-left: 0;
padding-right: 0;
width: 100%;
}
img.features-image-cards-featimg {
border-color: rgb(199, 199, 199);
border-radius: 0%;
border-style: solid;
border-width: 0;
display: inline-block;
height: auto;
margin-bottom: 27px;
max-width: 100%;
width: 100%;
}
.features-image-cards-cardtextrow {
clear: both;
float: left;
padding-bottom: 15px;
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
.features-image-cards-separator {
background-color: #C2C2C2;
margin-bottom: 15px;
}
.fa.font-icon-22 {
color: #009cdf;
font-size: .88em;
}
.features-large-icons-section {
clear: both;
padding-bottom: 75px;
padding-top: 75px;
width: auto;
}
.features-large-icons-textcol {
margin-left: 8.3333%;
padding-left: 15px;
padding-right: 15px;
width: 83.3333%;
}
.features-large-icons-featcol {
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
-webkit-transform: none;
float: none;
margin-bottom: 15px;
margin-top: 15px;
padding: 0 15px;
text-align: center;
transform: none;
width: auto;
}
.features-icon-container-nomargin:hover {
background-color: rgb(26, 26, 26);
height: 110px;
margin: -5px auto 22px auto;
min-height: 0;
padding: 30px 0;
transition: all 0.2s linear 0s;
width: 110px;
}
.features-icon-container-nomargin {
-moz-box-shadow: rgba(0, 0, 0, .560784) 0 7px 20px -12px, rgba(0, 0, 0, .117647) 0 4px 25px 0, rgba(0, 0, 0, .2) 0 8px 10px -5px;
-webkit-box-shadow: rgba(0, 0, 0, .560784) 0 7px 20px -12px, rgba(0, 0, 0, .117647) 0 4px 25px 0, rgba(0, 0, 0, .2) 0 8px 10px -5px;
background-color: #03a9f4;
border-radius: 100%;
box-shadow: rgba(0, 0, 0, .560784) 0 7px 20px -12px, rgba(0, 0, 0, .117647) 0 4px 25px 0, rgba(0, 0, 0, .2) 0 8px 10px -5px;
height: 100px;
margin: 0 auto 27px;
min-height: 0;
padding-bottom: 25px;
padding-top: 25px;
transition: all 0.2s linear 0s;
width: 100px;
}
.features-overlapped-icons-section {
border-radius: 3px;
clear: both;
padding-bottom: 75px;
padding-top: 75px;
}
.features-overlapped-icons-textcol {
float: none;
left: auto;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
right: auto;
width: 83.3333%;
}
.features-overlapped-icons-featuresrow {
align-items: flex-start;
clear: both;
margin-left: -15px;
margin-right: -15px;
width: auto;
}
.features-overlapped-icons-featcol,.features-square-image-featcol {
float: left;
margin-bottom: 15px;
margin-top: 15px;
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
.features-overlapped-icons-featinnerrow {
-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
-moz-text-shadow: none;
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
-webkit-text-shadow: none;
background-color: #FFFFFF;
border-radius: 3px;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
clear: both;
color: #666666;
margin-top: 50px;
padding: 0 27px 9px 27px;
text-align: center;
text-shadow: none;
}
.features-icon-container:hover {
background-color: #1A1A1A;
height: 110px;
margin: -55px auto 22px auto;
min-height: 0;
padding: 30px 0;
transition: all 0.2s linear 0s;
width: 110px;
}
.features-icon-container {
-moz-box-shadow: 0 7px 20px -12px rgba(0, 0, 0, .56), 0 4px 25px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 7px 20px -12px rgba(0, 0, 0, .56), 0 4px 25px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2);
background-color: #03a9f4;
border-radius: 100%;
box-shadow: 0 7px 20px -12px rgba(0, 0, 0, .56), 0 4px 25px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2);
display: inline-block;
height: 100px;
margin: -50px auto 27px auto;
min-height: 0;
padding-bottom: 25px;
padding-top: 25px;
transition: all 0.2s linear 0s;
width: 100px;
}
.features-small-icon-cards-textcol {
float: none;
left: auto;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
right: auto;
width: 83.3333%;
}
.features-small-icon-cards-featuresrow {
clear: both;
float: left;
margin-left: -15px;
margin-right: -15px;
padding-left: 15px;
padding-right: 15px;
width: auto;
}
.features-small-icon-cards-featcol {
float: none;
margin-bottom: 15px;
margin-left: -15px;
margin-right: -15px;
margin-top: 15px;
padding-left: 15px;
padding-right: 15px;
width: auto;
}
.features-small-icon-cards-featinnerrow {
-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
background-color: #ffffff;
border-radius: 3px;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
}
.features-small-icon-cards-iconcol {
float: left;
padding: 30px 15px;
text-align: center;
width: 100%;
}
.fa.font-icon-23 {
color: #03a9f4;
font-size: 3.33em;
}
.features-small-icon-cards-feattextcol {
float: left;
margin-left: 0;
padding: 15px 15px 0 15px;
text-align: center;
width: 100%;
}
.features-small-image-cards-section {
padding-bottom: 75px;
padding-top: 75px;
text-align: center;
}
.features-small-image-cards-textrow {
margin-bottom: 15px;
margin-left: -15px;
margin-right: -15px;
}
.features-small-image-cards-textcol {
float: none;
margin-left: 8.3333%;
padding-left: 15px;
padding-right: 15px;
text-align: center;
width: 83.3333%;
}
.features-small-image-cards-featrow {
clear: both;
margin-left: -15px;
margin-right: -15px;
padding-left: 15px;
padding-right: 15px;
width: auto;
}
.features-small-image-cards-featcol {
float: left;
margin-bottom: 15px;
margin-top: 15px;
width: 100%;
}
.features-small-image-cards-featinnerrow {
-moz-box-shadow: rgba(0, 0, 0, .137255) 0 1px 2px 0, rgba(0, 0, 0, .2) 0 3px 1px -2px, rgba(0, 0, 0, .117647) 0 1px 5px 0;
-webkit-box-shadow: rgba(0, 0, 0, .137255) 0 1px 2px 0, rgba(0, 0, 0, .2) 0 3px 1px -2px, rgba(0, 0, 0, .117647) 0 1px 5px 0;
background-color: rgb(255, 255, 255);
border-radius: 3px;
box-shadow: rgba(0, 0, 0, .137255) 0 1px 2px 0, rgba(0, 0, 0, .2) 0 3px 1px -2px, rgba(0, 0, 0, .117647) 0 1px 5px 0;
clear: both;
margin-left: 0;
margin-right: 0;
width: auto;
}
.features-small-image-cards-imgcol {
background: url(https://parkhotel-sassendorf.de/wp-content/plugins/one-page-express-companion/theme-data/one-page-express/sections/images/rodion-kutsaev-184298-1920x1280.jpg) left top / cover;
float: left;
min-height: 180px;
padding-left: 15px;
padding-right: 15px;
padding-top: 0;
text-align: right;
width: 100%;
}
.features-small-image-cards-featcol-feattextcol {
float: left;
min-height: 0;
padding: 15px;
text-align: left;
width: 100%;
}
.features-small-image-cards-separator {
background-color: rgb(194, 194, 194);
margin-bottom: 15px;
}
img.features-square-image-featimg {
border-color: rgb(199, 199, 199);
border-radius: 0%;
border-style: solid;
border-width: 0;
display: inline-block;
height: auto;
margin-bottom: 27px;
max-width: 100%;
width: auto;
}
.numbers-section {
clear: both;
padding-bottom: 30px;
padding-top: 30px;
position: relative;
text-align: center;
z-index: 1;
}
.numbers-section:before {
background-color: rgba(26, 26, 26, .58);
content: ' ';
display: inline-block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.numbers-itemcol {
border-bottom: 0 solid rgb(255, 255, 255);
border-right-color: #FFFFFF;
float: none;
margin-bottom: 18px;
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
h2.numbers-numbertext {
color: #FFFFFF;
font-weight: 600;
margin-bottom: 10px;
}
h3.numbers-titletext {
color: #FFFFFF;
margin-bottom: 5px;
}
.numbers-itemcol-last {
border-right-color: rgb(255, 255, 255);
border-right-style: solid;
border-right-width: 0;
float: left;
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
.portfolio-cards-textcol {
float: none;
margin-bottom: 15px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
text-align: center;
width: 100%;
}
.portfolio-cards-projectsrow {
clear: both;
float: left;
margin-left: -15px;
margin-right: -15px;
padding-left: 15px;
padding-right: 15px;
width: auto;
}
.portfolio-cards-projectcol {
float: none;
padding: 15px;
width: 100%;
}
.portfolio-cards-projectcard {
-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
background-color: #ffffff;
border-radius: 3px;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
clear: both;
float: left;
padding-left: 0;
padding-right: 0;
width: 100%;
}
#ContentSwap104 {
margin: 0;
min-height: 0;
padding: 0;
width: 100%;
}
#ContentSwap104 .ContentSwap104_content {
background: none center center / cover scroll transparent;
height: auto;
min-height: 0;
width: 100%;
}
img.portfolio-cards-projectimg,img.portfolio-full-projectimg {
max-width: 100%;
width: auto;
}
#ContentSwap104 .swap-inner {
background-color: rgba(0, 0, 0, .75);
color: #FFFFFF;
cursor: auto;
height: 100%;
margin: 0;
overflow: hidden;
padding: 40px;
text-align: center;
transform-style: preserve-3d;
width: 100%;
}
.ContentSwap104-center {
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
min-height: 69px;
padding-top: 0;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.fa.portfolio-card-icon {
color: #ffffff;
font-size: 2.22em;
}
.portfolio-cards-projectinfo {
clear: both;
float: left;
padding-left: 15px;
padding-right: 15px;
padding-top: 15px;
width: 100%;
}
a.portfolio-cards-projlink {
display: block;
margin-left: auto;
margin-right: auto;
}
h4.portfolio-cards-projtitle {
font-weight: 300;
margin-bottom: 15px;
text-align: center;
text-transform: none;
}
h4.portfolio-cards-projtitle:hover {
color: #03A9F4;
text-decoration: none;
}
.portfolio-full-section {
-moz-box-shadow: 0 15px 80px -5px rgba(0, 0, 0, .25);
-webkit-box-shadow: 0 15px 80px -5px rgba(0, 0, 0, .25);
box-shadow: 0 15px 80px -5px rgba(0, 0, 0, .25);
margin-left: auto;
margin-right: auto;
width: 100%;
}
.portfolio-full-projectcol {
float: left;
margin-bottom: 15px;
width: 100%;
}
#ContentSwap103 {
margin: 0;
padding: 0;
width: 100%;
}
#ContentSwap103 .ContentSwap103_content,#ContentSwap102 .ContentSwap102_content {
background: none center center / cover scroll transparent;
height: auto;
width: 100%;
}
#ContentSwap103 .swap-inner,#ContentSwap102 .swap-inner {
background-color: rgba(3, 169, 244, .75);
color: #FFFFFF;
cursor: auto;
height: 100%;
margin: 0;
overflow: hidden;
padding: 0 40px;
text-align: center;
transform-style: preserve-3d;
width: 100%;
}
.ContentSwap103-center {
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
min-height: 46px;
position: relative;
top: 50%;
transform: translateY(-50%);
}
h4.protfolio-full-itemtitle,.contentswap-effect .swap-inner h4 {
color: #FFFFFF;
}
.contentswap-effect .swap-inner h4.protfolio-full-itemtitle {
font-size: 1.44em;
font-weight: 400;
letter-spacing: 1px;
}
.team-colors-textcol,.team-large-square-textcol {
float: none;
margin-bottom: 15px;
margin-left: auto;
margin-right: auto;
min-height: 163px;
padding-left: 15px;
padding-right: 15px;
text-align: center;
width: 83.3333%;
}
.team-colors-membercol {
float: none;
margin-bottom: 30px;
margin-top: 15px;
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
.team-colors-membercard {
-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
background-color: #FFFFFF;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
clear: both;
}
.team-colors-background {
margin-left: 0;
margin-right: 0;
min-height: 100px;
}
.team-colors-membercol:nth-of-type(4n+1) .team-colors-background {
background-color: #03a9f4;
}
.team-colors-membercol:nth-of-type(4n+2) .team-colors-background {
background-color: #4CAF4F;
}
.team-colors-membercol:nth-of-type(4n+1) .team-colors-icon:hover {
color: #03a9f4;
}
.team-colors-membercol:nth-of-type(4n+2) .team-colors-icon:hover {
color: #4CAF4F;
}
.team-colors-membercol:nth-of-type(4n+3) .team-colors-icon:hover {
color: #fbc02d;
}
.team-colors-membercol:nth-of-type(4n+4) .team-colors-icon:hover {
color: #9c27b0;
}
.team-colors-memberinfo {
background-color: #FFFFFF;
padding-left: 20px;
padding-right: 20px;
text-align: center;
}
img.team-colors-memberimg {
border-color: rgb(255, 255, 255);
border-radius: 100%;
border-style: solid;
border-width: 5px;
display: inline-block;
margin-bottom: 27px;
margin-top: -60px;
max-width: 150px;
padding-left: 0;
padding-right: 0;
width: 120px;
}
h4.team-colors-membername,h5.testimonials-boxed-itemname,h5.testimonials-full-nametext {
margin-bottom: 0;
}
p.team-colors-memberposition {
font-size: 1em;
font-style: italic;
font-weight: 400;
}
.team-colors-separator {
background-color: #D6D6D6;
}
.team-colors-membericons {
background-color: #FFFFFF;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-bottom: 18px;
padding-top: 18px;
text-align: center;
}
.fa.team-colors-icon {
color: #666666;
display: inline-block;
font-size: 1.38em;
margin-left: 10%;
margin-right: 10%;
}
.team-large-gridcol a:hover {
text-decoration: none;
}
.team-large-textcol {
float: none;
margin-left: 16.6667%;
min-height: 200px;
padding-left: 15px;
padding-right: 15px;
text-align: center;
width: 66.6667%;
}
.team-large-memberrow {
margin-left: 0;
margin-right: 0;
}
.team-large-membercol {
float: none;
margin-top: 30px;
padding-left: 15px;
padding-right: 15px;
text-align: center;
width: 100%;
}
img.team-large-memberimg {
border-color: rgb(255, 128, 102);
border-radius: 100%;
border-style: solid;
border-width: 5px;
display: inline-block;
height: auto;
margin-bottom: 27px;
max-width: 250px;
padding-left: 0;
padding-right: 0;
width: 75%;
}
.team-large-square-innerrow {
border-radius: 0;
clear: both;
margin-left: -15px;
margin-right: -15px;
width: auto;
}
.team-large-square-membercol {
float: left;
margin-bottom: 15px;
margin-left: 0%;
margin-top: 15px;
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
.team-large-square-membercard {
-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
background-color: #FFFFFF;
border-color: rgb(119, 119, 119) rgb(119, 119, 119) #03A8F4 rgb(119, 119, 119);
border-radius: 3px;
border-style: solid;
border-width: 0 0 5px 0;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
}
#ContentSwap102 {
margin: 0;
padding: 0;
width: 100%;
}
img.image13 {
width: auto;
}
.ContentSwap102-center {
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
min-height: 40px;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.fa.team-large-square-membericon {
color: #ffffff;
display: inline-block;
font-size: 2.22em;
margin-left: 10px;
margin-right: 10px;
}
.team-large-square-memberinfo {
background-color: rgba(255, 255, 255, .75);
clear: both;
float: left;
padding: 20px 15px 10px 15px;
text-align: center;
width: 100%;
}
h3.team-large-square-membername {
color: #03a9f4;
margin-bottom: 5px;
}
h4.team-large-square-memberposition {
font-size: 1em;
font-style: italic;
font-weight: 400;
letter-spacing: 0;
margin-bottom: 14px;
}
.team-small-textcol {
float: none;
margin-bottom: 15px;
margin-left: auto;
margin-right: auto;
min-height: 160px;
padding-left: 15px;
padding-right: 15px;
text-align: center;
width: 83.3333%;
}
.team-small-membercol {
float: left;
margin-bottom: 15px;
margin-top: 15px;
padding-left: 15px;
padding-right: 15px;
text-align: center;
width: 50%;
}
img.team-small-memberimg-normal {
border-color: #03A8F4;
border-radius: 100%;
border-style: solid;
border-width: 5px;
display: inline-block;
margin-bottom: 27px;
margin-top: 0;
max-width: 150px;
padding-left: 0;
padding-right: 0;
width: 120px;
}
.team-small-iconsrow {
background-color: transparent;
margin-bottom: 18px;
margin-left: -15px;
margin-right: -15px;
}
.fa.team-icon:hover {
color: #666666;
text-rendering: auto;
}
.fa.team-icon {
color: #666666;
display: inline-block;
font-size: 1.38em;
margin-left: 10px;
margin-right: 10px;
}
.white-text i.team-icon {
color: #ffffff;
}
.testimonials-boxed-textcol {
float: none;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
min-height: 163px;
padding-left: 15px;
padding-right: 15px;
text-align: center;
width: 80%;
}
.testimonials-boxed-itemcol {
float: none;
margin-bottom: 30px;
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
.testimonials-boxed-itemcard {
-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
background-color: #FFFFFF;
border-radius: 3px;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
clear: both;
padding: 30px;
text-align: center;
}
h4.testimonials-boxed-itemtext {
color: #666666;
font-size: 1.11em;
font-style: italic;
font-weight: 300;
}
img.testimonials-boxed-itemimg {
border-radius: 100%;
display: inline-block;
margin-bottom: 10px;
margin-top: 10px;
max-width: 100%;
width: 100px;
}
h6.testimonials-boxed-itempos,h6.testimonials-full-postext {
font-size: .88em;
letter-spacing: 2px;
margin-top: 0;
}
.testimonials-full-section {
margin-left: auto;
margin-right: auto;
padding: 50px 15px;
}
.testimonials-full-textcol {
float: none;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
min-height: 163px;
padding-left: 15px;
padding-right: 15px;
text-align: center;
width: 80%;
}
.testimonials-full-itemsrow {
clear: both;
padding-left: 5%;
padding-right: 3%;
}
.testimonials-full-itemcol {
float: none;
margin-bottom: 15px;
margin-top: 15px;
width: auto;
}
.testimonials-full-imgcol {
float: none;
margin: auto;
margin-bottom: 15px;
padding-left: 10%;
padding-right: 10%;
padding-top: 10px;
width: 80%;
}
img.testimonials-full-itemimg {
border-radius: 100%;
display: inline-block;
margin: auto;
max-width: 100%;
width: 150px;
}
.testimonials-full-itemtextcol {
float: none;
padding-left: 30px;
padding-right: 30px;
text-align: center;
width: auto;
}
@media only screen and (min-width: 768px){ 
.about-big-images-gridcol {
margin-left: auto;
margin-right: auto;
min-height: 308px;
padding-left: 15px;
padding-right: 15px;
width: 90%;
}
img.about-big-images-leftimg {
display: inline-block;
margin-left: 40%;
margin-top: 10%;
width: 100%;
}
img.about-big-images-rightimg {
display: inline-block;
margin-left: -50%;
margin-top: 60%;
width: auto;
}
img.about-big-images-centerimg {
margin-left: 0;
margin-top: 0;
width: 100%;
}
.about-big-images-textrow,.about-four-boxes-innerrow,.about-text-grid-rightgridrow,.features-coloured-icon-boxes-innerrow,.features-small-image-cards-featrow,.numbers-innerrow,.team-large-square-innerrow,.testimonials-boxed-itemsrow {
clear: both;
margin-left: -15px;
margin-right: -15px;
width: auto;
}
.about-big-images-textcol {
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
width: 66.6667%;
}
.about-big-images-bottomrow {
clear: both;
float: left;
margin-top: 0;
padding-left: 0;
padding-right: 0;
width: 100%;
}
.about-big-images-leftimgcol,.about-big-images-rightimgcol {
float: left;
width: 25%;
}
.about-big-images-centerimgcol {
float: left;
width: 50%;
}
.about-bigtitle-titlecol,.about-bigtitle-textcol,.content-full-left-image-featurescol,.content-full-right-image-featurescol {
float: left;
padding-left: 15px;
padding-right: 15px;
width: 50%;
}
h2.about-bigtitle-title {
text-align: right;
}
.about-bigtitle-numberscol,.portfolio-cards-projnamecol {
float: left;
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
.about-bigtitle-numberdiv {
float: left;
min-height: 118px;
padding-left: 15px;
padding-right: 15px;
width: 33.3333%;
}
.about-four-boxes-imgcol,.about-four-boxes-imgcol2 {
float: left;
min-height: 300px;
padding-left: 15px;
padding-right: 15px;
width: 50%;
}
.about-four-boxes-textcol {
float: left;
min-height: 300px;
padding: 40px;
width: 50%;
}
.about-images-right-innerrow,.about-text-grid-innerrow,.about-text-icons-innerrow,.blog-postsrow,.features-image-cards-innerrow,.features-overlapped-icons-featuresrow,.team-colors-membersrow {
clear: both;
margin-left: -15px;
margin-right: -15px;
padding-left: 15px;
padding-right: 15px;
width: auto;
}
.about-images-right-textcol {
float: none;
margin-bottom: 20px;
padding-left: 15px;
padding-right: 15px;
text-align: center;
width: 100%;
}
.about-images-right-imgcol {
float: none;
margin: auto;
padding-left: 75px;
padding-right: 15px;
width: 90%;
}
img.about-images-right-topimg {
display: inline-block;
width: 80%;
}
img.about-images-right-rightimg,.testimonials-boxed-textcol {
width: 80%;
}
img.about-images-right-leftimg {
width: 60%;
}
.about-text-grid-textcol {
float: left;
margin-bottom: 20px;
padding-left: 15px;
padding-right: 15px;
text-align: center;
width: 100%;
}
.about-text-grid-rightgridcol {
float: left;
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
.about-text-grid-imgcol {
float: left;
min-height: 250px;
padding-left: 15px;
padding-right: 15px;
width: 50%;
}
.about-text-grid-rightgridtextcol {
float: left;
margin-left: 0;
margin-right: 0;
min-height: 250px;
padding: 30px;
width: 50%;
}
.about-text-grid-imgcol2 {
min-height: 250px;
width: 50%;
}
.about-text-icons-textcol {
float: left;
padding-left: 15px;
padding-right: 25px;
text-align: left;
width: 33.3333%;
}
.about-text-icons-cols {
float: left;
padding-left: 15px;
padding-right: 15px;
width: 66.6666%;
}
.about-text-icons-iconcol {
float: left;
padding-left: 15px;
padding-right: 15px;
text-align: left;
width: 33.333%;
}
.about-text-icons-cols .about-text-icons-iconcol {
width: 50%;
}
.blog-textrow,.features-coloured-icon-boxes-textrow,.features-large-icons-textrow,.features-small-image-cards-textrow,.team-small-iconsrow {
margin-left: -15px;
margin-right: -15px;
}
.blog-textcol {
margin-left: auto;
margin-right: auto;
width: 75%;
}
.blog-postcol {
float: left;
margin-bottom: 30px;
padding-left: 15px;
padding-right: 15px;
width: 50%;
}
.blog-postbg {
clear: both;
min-height: 200px;
padding-left: 27px;
padding-right: 27px;
}
img.clients-grid-itemimg,img.clients-strip-itemimg {
max-height: 100px;
}
.clients-grid-itemcol {
border-style: solid;
border-width: 0;
float: left;
min-height: 0;
padding-left: 15px;
padding-right: 15px;
width: 33.3333%;
}
.clients-grid-textcol {
margin-left: 16.6667%;
min-height: 200px;
padding-left: 15px;
padding-right: 15px;
width: 66.6667%;
}
.clients-strip-section,.portfolio-full-section {
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
width: 100%;
}
.row_187 {
clear: both;
margin-left: 5%;
margin-right: 0;
width: auto;
}
.clients-strip-itemcol {
float: left;
margin-bottom: 15px;
margin-top: 15px;
min-height: 0;
padding: 0 15px;
width: 33.33%;
}
.contact-formcol {
margin-left: auto;
margin-right: auto;
padding-left: 5%;
padding-right: 5%;
width: 80%;
}
.contact-textcol {
float: none;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
width: 80%;
}
.content-full-left-image-textcol,.content-full-right-image-textcol {
display: table-cell;
min-height: 387px;
padding-left: 15px;
padding-right: 15px;
width: 60%;
}
.content-full-left-image-featuresrow,.content-full-right-image-featuresrow {
clear: both;
margin-left: -15px;
margin-right: -15px;
min-height: 100px;
width: auto;
}
.content-full-left-image-imgcol,.content-full-right-image-imgcol {
display: table-cell;
margin-left: 0;
min-height: 514px;
width: 40%;
}
.content-left-image-imgcol {
float: left;
margin-bottom: 20px;
margin-left: 20%;
margin-right: 20%;
min-height: 340px;
padding-left: 15px;
padding-right: 15px;
width: 60%;
}
.content-left-image-textcol {
float: left;
margin-bottom: 20px;
margin-left: 10%;
margin-right: 10%;
margin-top: 0;
min-height: 340px;
padding-left: 15px;
padding-right: 15px;
text-align: center;
width: 80%;
}
.content-right-image-imgcol {
float: left;
margin-left: 20%;
margin-right: 20%;
min-height: 340px;
padding-left: 15px;
padding-right: 15px;
width: 60%;
}
.content-right-image-textcol {
float: left;
margin-bottom: 20px;
margin-left: 10%;
margin-right: 10%;
min-height: 340px;
padding-left: 15px;
padding-right: 15px;
text-align: center;
width: 80%;
}
.cta-blue-textcol {
float: left;
min-height: 65px;
width: 50%;
}
.cta-blue-text {
margin-bottom: 0;
}
.cta-blue-btncol {
float: left;
padding-left: 15px;
padding-right: 15px;
text-align: right;
width: 50%;
}
.cta-gray-textcol,.cta-red-textcol {
padding-left: 15px;
padding-right: 15px;
width: 66.6667%;
}
.cta-gray-btncol,.cta-red-btncol {
min-height: 104px;
padding-left: 15px;
padding-right: 15px;
padding-top: 27px;
text-align: right;
width: 33.3333%;
}
.cta-large-blue-centercol,.cta-large-red-centercol {
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
width: 75%;
}
.features-coloured-icon-boxes-textcol {
margin: auto;
width: 83.3333%;
}
.fa.features-coloured-icon,.fa.font-icon-features-icon-container {
min-height: 0;
padding: 0;
width: auto;
}
.features-coloured-icon-boxes-featurecol {
float: left;
width: 50%;
}
.features-image-cards-textcol,.features-overlapped-icons-textcol,.features-square-image-textcol {
padding-left: 15px;
padding-right: 15px;
width: 83.3333%;
}
.features-image-cards-cardcol,.team-colors-membercol {
float: left;
margin-bottom: 15px;
margin-top: 15px;
padding-left: 15px;
padding-right: 15px;
width: 50%;
}
.features-image-cards-cardrow {
clear: both;
float: left;
margin-bottom: 0;
margin-top: 0;
padding-left: 0;
padding-right: 0;
width: 100%;
}
.features-image-cards-cardtextrow,.portfolio-cards-projectinfo {
clear: both;
float: left;
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
.features-large-icons-textcol {
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
width: 83.3333%;
}
.features-large-icons-featcol {
float: left;
padding: 15px;
width: 50%;
}
.features-overlapped-icons-featcol,.features-small-image-cards-featcol,.features-square-image-featcol {
padding-left: 15px;
padding-right: 15px;
width: 50%;
}
.features-overlapped-icons-featinnerrow {
clear: both;
min-height: 200px;
padding: 0 27px 9px 27px;
}
.features-icon-container:hover {
height: 110px;
margin-left: auto;
margin-right: auto;
min-height: 0;
transition: all 0.2s linear 0s;
width: 110px;
}
.features-icon-container {
height: 100px;
min-height: 0;
width: 100px;
}
.features-small-icon-cards-textcol {
padding-left: 15px;
padding-right: 15px;
width: 83.3333%;
}
.features-small-icon-cards-featuresrow,.portfolio-cards-projectcard {
clear: both;
float: left;
padding-left: 0;
padding-right: 0;
width: 100%;
}
.features-small-icon-cards-featcol {
float: left;
margin-left: 0;
margin-right: 0;
padding-left: 15px;
padding-right: 15px;
width: 50%;
}
.features-small-icon-cards-featinnerrow {
margin-left: 0;
margin-right: 0;
min-height: 117px;
}
.features-small-icon-cards-iconcol {
float: left;
width: 20%;
}
.features-small-icon-cards-iconcol i.fa {
font-size: 2.22em;
}
.features-small-icon-cards-feattextcol {
float: left;
margin-left: 0;
padding-left: 15px;
padding-right: 15px;
text-align: left;
width: 80%;
}
.features-small-image-cards-textcol {
margin-left: auto;
margin-right: auto;
min-height: 154px;
padding-left: 15px;
padding-right: 15px;
width: 83.3333%;
}
.features-small-image-cards-featinnerrow,img.features-square-image-featimg {
width: auto;
}
.numbers-itemcol {
border-bottom: 0 none;
border-right-style: solid;
border-right-width: 1px;
float: left;
margin-bottom: 0;
padding-left: 15px;
padding-right: 15px;
width: 33.3333%;
}
.numbers-itemcol-last,.team-small-membercol {
padding-left: 15px;
padding-right: 15px;
width: 33.3333%;
}
.portfolio-cards-textcol {
margin-left: auto;
margin-right: auto;
min-height: 156px;
padding-left: 15px;
padding-right: 15px;
width: 66.6667%;
}
.portfolio-cards-projectsrow {
clear: both;
float: left;
padding-left: 0;
padding-right: 0;
}
.portfolio-cards-projectcol,.team-large-membercol,.testimonials-boxed-itemcol {
float: left;
padding-left: 15px;
padding-right: 15px;
width: 33.3333%;
}
.ContentSwap104-center {
min-height: 40px;
}
.portfolio-full-projectcol {
float: left;
margin-bottom: 0;
width: 33.3333%;
}
.team-colors-textcol,.team-large-square-textcol {
margin-right: auto;
min-height: 154px;
padding-left: 15px;
padding-right: 15px;
width: 66.6667%;
}
.team-colors-membercard {
clear: both;
min-height: 200px;
}
.team-colors-background {
min-height: 140px;
}
.team-colors-memberinfo {
margin-left: 0;
margin-right: 0;
min-height: 200px;
padding-left: 20px;
padding-right: 20px;
}
img.team-colors-memberimg {
display: inline-block;
width: 120px;
}
.fa.team-colors-icon {
display: inline-block;
margin-left: 10%;
margin-right: 10%;
}
.team-large-memberrow,.team-large-square-membercard {
margin-left: 0;
margin-right: 0;
}
img.team-large-memberimg {
max-width: 100%;
}
.team-large-square-membercol {
margin-bottom: 15px;
margin-left: 0;
padding-left: 15px;
padding-right: 15px;
width: 33.3333%;
}
#ContentSwap102 {
min-height: 0;
padding-left: 0;
padding-right: 0;
width: 100%;
}
img.image13,#ContentSwap102 .swap-inner {
width: 100%;
}
.fa.team-large-square-membericon {
margin-left: 10px;
margin-right: 0;
}
.team-large-square-memberinfo {
clear: both;
float: left;
padding-left: 20px;
padding-right: 20px;
width: 100%;
}
.team-small-textcol {
margin-left: auto;
margin-right: auto;
min-height: 156px;
padding-left: 15px;
padding-right: 15px;
width: 66.6667%;
}
.fa.team-icon {
margin-left: 10px;
}
.testimonials-boxed-itemcard {
clear: both;
min-height: 200px;
padding: 30px;
}
.testimonials-full-section {
margin-left: auto;
margin-right: auto;
min-height: 356px;
padding-left: 0;
padding-right: 0;
}
.testimonials-full-textrow {
clear: both;
min-height: 193px;
}
.testimonials-full-textcol {
margin-left: auto;
margin-right: auto;
width: 66.6667%;
}
.testimonials-full-itemsrow {
clear: both;
padding-left: 5%;
}
.testimonials-full-itemcol {
float: left;
width: 33.3333%;
}
.testimonials-full-imgcol {
float: left;
padding-left: 0%;
padding-right: 0%;
width: 20%;
}
.testimonials-full-itemtextcol {
float: left;
padding-left: 30px;
padding-right: 30px;
text-align: left;
width: 80%;
}
}
@media only screen and (min-width: 1024px){ 
.header-description img.about-images-right-leftimg {
margin-left: 0;
}
.header-description img.about-images-right-rightimg {
margin-right: 0;
}
.about-big-images-gridcol {
float: none;
margin-left: auto;
margin-right: auto;
max-width: 1232px;
padding-left: 15px;
padding-right: 15px;
width: 80%;
}
.about-big-images-textrow,.about-four-boxes-innerrow,.about-text-grid-rightgridrow,.features-coloured-icon-boxes-innerrow,.features-small-image-cards-featrow,.numbers-innerrow,.team-large-square-innerrow,.testimonials-boxed-itemsrow {
clear: both;
margin-left: -15px;
margin-right: -15px;
width: auto;
}
.about-big-images-textcol {
float: none;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
.about-big-images-bottomrow,.features-small-icon-cards-featuresrow,.portfolio-cards-projectcard {
clear: both;
float: left;
padding-left: 0;
padding-right: 0;
width: 100%;
}
.about-big-images-leftimgcol,.about-big-images-centerimgcol,.about-big-images-rightimgcol,.portfolio-full-projectcol,.testimonials-full-itemcol {
float: left;
}
.about-bigtitle-titlecol {
float: left;
padding-left: 27px;
padding-right: 27px;
width: 41.6667%;
}
h2.about-bigtitle-title {
text-align: right;
}
.about-bigtitle-textcol {
float: left;
padding: 27px 27px 0 27px;
width: 41.6667%;
}
.about-bigtitle-numberscol {
float: left;
padding-left: 15px;
padding-right: 15px;
width: 16.6667%;
}
.about-bigtitle-numberdiv {
float: none;
min-height: 118px;
padding-left: 0;
padding-right: 0;
width: auto;
}
.about-four-boxes-textcol {
float: left;
padding: 40px;
}
.about-images-right-innerrow,.about-text-grid-innerrow,.about-text-icons-innerrow,.blog-postsrow,.features-image-cards-innerrow,.features-overlapped-icons-featuresrow,.team-colors-membersrow {
clear: both;
margin-left: -15px;
margin-right: -15px;
padding-left: 15px;
padding-right: 15px;
width: auto;
}
.about-images-right-textcol {
float: left;
padding-left: 15px;
padding-right: 15px;
text-align: left;
width: 40%;
}
.about-images-right-imgcol {
float: left;
padding-left: 80px;
padding-right: 15px;
width: 60%;
}
img.about-images-right-rightimg {
display: inline-block;
margin-left: 30%;
width: 80%;
}
img.about-images-right-leftimg {
display: inline-block;
margin-left: -10%;
width: 60%;
}
.about-text-grid-textcol {
float: left;
padding-left: 15px;
padding-right: 30px;
width: 40%;
}
.about-text-grid-rightgridcol {
float: left;
padding-left: 15px;
padding-right: 15px;
width: 60%;
}
.about-text-grid-imgcol,.about-text-icons-cols,.about-text-icons-iconcol,.blog-postcol,.content-full-left-image-featurescol,.content-full-right-image-featurescol,.cta-blue-textcol,.features-small-icon-cards-featcol,.portfolio-cards-projectcol,.testimonials-boxed-itemcol {
float: left;
padding-left: 15px;
padding-right: 15px;
}
.about-text-grid-rightgridtextcol {
float: left;
margin-left: 0;
margin-right: 0;
padding: 40px 30px 30px 30px;
}
.about-text-grid-imgcol2 {
min-height: 250px;
}
.about-text-icons-textcol {
float: left;
padding-left: 15px;
padding-right: 25px;
}
.blog-textrow,.features-coloured-icon-boxes-textrow {
margin-left: -15px;
margin-right: -15px;
}
.blog-textcol {
float: none;
margin-left: auto;
margin-right: auto;
width: 75%;
}
.blog-postbg {
padding-left: 27px;
padding-right: 27px;
}
.clients-grid-itemcol {
border-style: solid;
border-width: 0;
float: left;
padding-left: 30px;
padding-right: 30px;
width: 25%;
}
.clients-strip-section,.portfolio-full-section {
float: none;
margin-left: auto;
margin-right: auto;
max-width: none;
padding-left: 0;
padding-right: 0;
width: auto;
}
.row_187 {
clear: both;
margin-left: 5%;
margin-right: 5%;
width: auto;
}
.clients-strip-itemcol {
float: left;
margin-bottom: 15px;
margin-top: 15px;
padding: 0 15px;
width: 16.66%;
}
.contact-formcol {
float: none;
margin-left: auto;
margin-right: auto;
padding: 30px 30px 15px 30px;
width: 50%;
}
.contact-textcol {
float: none;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
width: 50%;
}
.content-full-left-image-innerrow,.content-full-right-image-innerrow {
clear: both;
margin-left: 0;
margin-right: 0;
width: auto;
}
.content-full-left-image-textcol,.content-full-right-image-textcol {
clear: none;
margin-right: 0%;
padding-left: 10%;
padding-right: 10%;
width: 60%;
}
.content-full-left-image-featuresrow,.content-full-right-image-featuresrow {
clear: both;
margin-left: -15px;
margin-right: -15px;
min-height: 100px;
width: auto;
}
.content-full-left-image-imgcol,.content-full-right-image-imgcol {
margin-right: 0;
min-height: 514px;
width: 40%;
}
.content-left-image-imgcol,.content-right-image-imgcol {
float: left;
margin: 0;
padding-left: 15px;
padding-right: 15px;
width: 50%;
}
.content-left-image-textcol {
clear: none;
margin: 0;
padding-left: 30px;
padding-right: 15px;
text-align: left;
width: 50%;
}
.content-right-image-textcol {
clear: none;
float: left;
margin: 0;
padding-left: 15px;
padding-right: 30px;
text-align: left;
width: 50%;
}
.cta-blue-btncol {
float: left;
padding-left: 15px;
padding-right: 15px;
text-align: right;
}
.cta-gray-textcol,.cta-red-textcol,.features-image-cards-textcol,.features-overlapped-icons-textcol,.features-square-image-textcol {
padding-left: 15px;
padding-right: 15px;
width: 66.6667%;
}
.cta-gray-btncol,.cta-red-btncol {
min-height: 104px;
padding-left: 15px;
padding-right: 15px;
padding-top: 27px;
text-align: right;
width: 33.3333%;
}
.cta-large-blue-centercol {
float: none;
margin-left: auto;
margin-right: auto;
min-height: 100px;
padding-left: 15px;
padding-right: 15px;
}
.cta-large-red-centercol {
float: none;
}
.fa.features-coloured-icon,.fa.font-icon-features-icon-container {
display: inline-block;
min-height: 0;
padding: 0;
width: auto;
}
.features-image-cards-textrow,.features-large-icons-textrow,.features-overlapped-icons-textrow,.features-small-icon-cards-textrow,.features-small-image-cards-textrow,.features-square-image-textrow,.team-large-memberrow,.team-small-iconsrow {
margin-left: 0;
margin-right: 0;
}
.features-image-cards-cardcol {
float: left;
margin-bottom: 15px;
margin-top: 15px;
padding-left: 15px;
padding-right: 15px;
width: 33.3333%;
}
.features-image-cards-cardrow {
clear: both;
float: left;
margin-bottom: 0;
margin-top: 0;
padding-left: 0;
padding-right: 0;
width: 100%;
}
.features-image-cards-cardtextrow {
clear: both;
float: left;
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
.features-large-icons-section {
clear: both;
width: auto;
}
.features-large-icons-textcol {
float: none;
left: auto;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
right: auto;
width: 66.6667%;
}
.features-large-icons-featrow {
clear: both;
min-height: 50px;
}
.features-large-icons-featcol {
float: left;
padding: 0 15px;
width: 25%;
}
.features-overlapped-icons-featcol {
padding-left: 15px;
padding-right: 15px;
width: 25%;
}
.features-overlapped-icons-featinnerrow {
padding: 0 27px 27px 27px;
}
.features-icon-container:hover {
height: 110px;
margin-left: auto;
margin-right: auto;
min-height: 0;
transition: all 0.2s linear 0s;
width: 110px;
}
.features-icon-container {
height: 100px;
min-height: 0;
width: 100px;
}
.features-small-icon-cards-textcol {
padding-left: 15px;
padding-right: 15px;
width: 66.6667%;
}
.features-small-icon-cards-featinnerrow {
margin-left: 0;
margin-right: 0;
min-height: 117px;
}
.features-small-icon-cards-iconcol {
float: left;
width: 20%;
}
.features-small-icon-cards-iconcol i.fa {
font-size: 3.33em;
}
.features-small-icon-cards-feattextcol {
float: left;
padding-left: 15px;
padding-right: 15px;
width: 80%;
}
.features-small-image-cards-textcol {
float: none;
left: auto;
margin-left: 16.6667%;
margin-right: 0;
min-height: 154px;
padding-left: 15px;
padding-right: 15px;
right: auto;
width: 66.6667%;
}
.features-small-image-cards-featcol-feattextcol {
width: 70%;
}
.features-small-image-cards-imgcol {
width: 30%;
}
.features-small-image-cards-featcol {
padding-left: 15px;
padding-right: 15px;
width: 50%;
}
.features-small-image-cards-featinnerrow,img.features-square-image-featimg {
width: auto;
}
.features-square-image-featcol {
padding-left: 15px;
padding-right: 15px;
width: 33.3333%;
}
.numbers-itemcol {
border-bottom: 0 none;
border-right-style: solid;
border-right-width: 1px;
float: left;
margin-bottom: 0;
padding-left: 15px;
padding-right: 15px;
}
.numbers-itemcol-last {
border-right-width: 0;
padding-left: 15px;
padding-right: 15px;
width: 33.3333%;
}
.portfolio-cards-textcol {
float: none;
margin-left: auto;
margin-right: auto;
min-height: 156px;
padding-left: 15px;
padding-right: 15px;
width: 66.6667%;
}
.portfolio-cards-projectsrow {
clear: both;
float: left;
margin-left: -15px;
margin-right: -15px;
padding-left: 0;
padding-right: 0;
}
.ContentSwap104-center {
min-height: 40px;
}
.portfolio-cards-projectinfo {
clear: both;
float: left;
min-height: 65px;
padding-left: 0;
padding-right: 0;
width: 100%;
}
.portfolio-cards-projnamecol {
float: left;
min-height: 51px;
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
h4.portfolio-cards-projtitle {
font-size: 1.33em;
}
.team-colors-textcol,.team-large-square-textcol {
left: auto;
margin-right: auto;
min-height: 154px;
padding-left: 15px;
padding-right: 15px;
right: auto;
width: 66.6667%;
}
.team-colors-membercol {
float: left;
margin-bottom: 15px;
margin-top: 15px;
padding-left: 15px;
padding-right: 15px;
width: 25%;
}
.team-colors-background {
min-height: 140px;
}
.team-colors-memberinfo {
margin-left: 0;
margin-right: 0;
min-height: 200px;
padding-left: 20px;
padding-right: 20px;
}
img.team-colors-memberimg {
display: inline-block;
width: 120px;
}
.fa.team-colors-icon {
display: inline-block;
margin-left: 10%;
margin-right: 10%;
}
.team-large-membercol {
float: left;
padding-left: 15px;
padding-right: 15px;
width: 33.3333%;
}
img.team-large-memberimg {
max-width: 100%;
}
.team-large-square-membercol {
margin-bottom: 15px;
margin-left: 0;
padding-left: 15px;
padding-right: 15px;
width: 33.3333%;
}
.team-large-square-membercard {
margin: 0 0 27px 0;
}
#ContentSwap102 {
min-height: 0;
padding-left: 0;
padding-right: 0;
width: 100%;
}
img.image13 {
display: inline-block;
width: 100%;
}
#ContentSwap102 .swap-inner {
width: 100%;
}
.fa.team-large-square-membericon,.fa.team-icon {
display: inline-block;
margin-left: 10px;
margin-right: 10px;
}
.team-large-square-memberinfo {
clear: both;
float: none;
padding-left: 20px;
padding-right: 20px;
width: 100%;
}
h3.team-large-square-membername {
font-size: 1.55em;
}
.team-small-textcol {
margin-left: auto;
margin-right: auto;
max-width: 1232px;
min-height: 156px;
padding-left: 15px;
padding-right: 15px;
width: 66.6667%;
}
.team-small-membercol {
padding-left: 15px;
padding-right: 15px;
width: 16.6667%;
}
.testimonials-boxed-textcol {
margin-left: auto;
margin-right: auto;
width: 50%;
}
.testimonials-boxed-itemcard {
padding: 30px;
}
.testimonials-full-section {
float: none;
margin-left: auto;
margin-right: auto;
max-width: none;
padding-left: 0;
padding-right: 0;
}
.testimonials-full-textcol {
margin-left: auto;
width: 50%;
}
.testimonials-full-itemsrow {
clear: both;
padding-left: 3%;
}
.testimonials-full-imgcol {
float: left;
padding-left: 30px;
}
.testimonials-full-itemtextcol {
float: left;
padding-left: 30px;
padding-right: 30px;
}
}.contentswap-effect{
display: inline-block;
position: relative;
overflow: hidden;
zoom:1;
padding-top:1px;                                                   
padding-bottom:1px;     
*display:inline;
cursor: pointer;
vertical-align: top;
}
.contentswap-effect .initial-image{
display: block;
}
.contentswap-effect .overlay{
position: absolute;
width: 100%;
height: 100%;
top:0;
left:0;
opacity: 0;
display:none;
margin-top:1px;
}
.contentswap-effect.hover .overlay,
.contentswap-effect.caption.hover .overlay,
.contentswap-effect:hover .overlay,
.contentswap-effect.caption:hover .overlay{
opacity: 1;
}
.contentswap-effect.caption .overlay{
position: relative;
width: 100%;
height: auto;
opacity: 1;
}
.contentswap-effect.caption:hover .overlay:after{
content:"";
}
.contentswap-effect.caption.hover .initial-image,
.contentswap-effect.caption:hover .initial-image{
opacity: 1;
display: block;
}
.contentswap-effect .swap-inner, .contentswap-effect .swap-inner-caption{
display: none;
padding-top:1px;                                                   
padding-bottom:1px;                                                   
}
.contentswap-effect .swap-title,
.contentswap-effect .swap-subtitle,
.contentswap-effect .swap-button{
margin: 20px;
text-align: center;
}
.contentswap-effect.caption .swap-inner{
position:relative;
}
.contentswap-effect.contentswap-overlay .overlay:after, .contentswap-effect.caption:hover .swap-inner:after {
content:"";
}
.contentswap-effect .swap-title{
margin: 20px 0 20px 0; text-align: center;
}
.contentswap-effect .swap-button button{
cursor: pointer;
background: #605ca8;
text-transform: uppercase;
padding: 10px 20px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-decoration: none !important;
}
.contentswap-effect .swap-button button:hover{
background: #403c78;
}
.contentswap-effect .swap-button button.button-2{
background: #327BEF;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-transition: border-color .218s 0;
-moz-transition: border-color .218s 0;
-o-transition: border-color .218s 0;
transition: border-color .218s 0;
text-shadow: 1px 0px 0px #1a378e;
border-color: #0066cc;
border-width: 1px;
border-style: solid;
}
.contentswap-effect .swap-button button.button-2:hover{
background: #2D71EE;
-webkit-box-shadow: 1px 1px rgba(255, 255, 255, 0.3);
-moz-box-shadow: 1px 1px rgba(255, 255, 255, 0.3);
box-shadow: 1px 1px rgba(255, 255, 255, 0.3);
text-shadow: 1px 1px 0px #001AA6;
border-color: #291f93;
}
.contentswap-effect .swap-button button.button-4{
background: rgb(182,214,68);
-webkit-border-radius: 22px;
-moz-border-radius: 22px;
border-radius: 18px;
border-color: rgb(182,214,68);
border-bottom-style: solid;
border-right-style: solid;
}
.contentswap-effect .swap-button button.button-4:hover{
background: rgb(108,162,60); 
border-color: #000000;
border-width: 0px;
border-style: solid;
}
.contentswap-effect .swap-button button.button-6{
background: rgb(159,220,34); 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-shadow: 0px -1px 0px #709A16;
padding: 10px 20px;
border-color: #7BA819;
border-width: 1px;
border-style: solid;
}
.contentswap-effect .swap-button button.button-6:hover{
background: rgb(147, 204, 30); 
-webkit-box-shadow: 0px 1px 0px 0px #A0CA4E inset;
-moz-box-shadow: 0px 1px 0px 0px #A0CA4E inset;
box-shadow: 0px 1px 0px 0px #A0CA4E inset;
text-shadow: 0px -1px 0px #628813;
}
.contentswap-effect .swap-button button.button-9{
border: 2px solid rgba(255, 255, 255, 0.80);
background: transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.contentswap-effect .swap-button button.button-9:hover{
border-bottom: 10px solid rgba(255, 255, 255, 0.80);
}
.contentswap-effect .swap-button button.button-10{
color: #666666;
background: rgb(255,255,255);
}
.contentswap-effect .swap-button button.button-10:hover{
color: #ffffff;
background: rgb(69,72,77);
}
.contentswap-effect .swap-icons {
margin: 0 auto;
}
.contentswap-effect .swap-icons img{
text-align: center;
}
.contentswap-effect .swap-inner{
position: absolute;
top:0;
left:0;
background: transparent;
}
.clearfix{
clear: both;
}
.contentswap-effect .swap-inner{
opacity: 0;
}
.caption.contentswap-effect .swap-inner{
opacity:1;
} .contentswap-overlay.effect-1 .swap-inner{
-webkit-transform: perspective(500px) rotateX(70deg) rotateY(0deg) rotateZ(0deg) translate3d(0px, 200px, 0px);
-moz-transform: perspective(500px) rotateX(70deg) rotateY(0deg) rotateZ(0deg) translate3d(0px, 200px, 0px);
-o-transform: perspective(500px) rotateX(70deg) rotateY(0deg) rotateZ(0deg) translate3d(0px, 200px, 0px);
-ms-transform: perspective(500px) rotateX(70deg) rotateY(0deg) rotateZ(0deg) translate3d(0px, 200px, 0px);
transform: perspective(500px) rotateX(70deg) rotateY(0deg) rotateZ(0deg) translate3d(0px, 200px, 0px);
}
.contentswap-overlay.effect-2 .swap-inner{
-webkit-transform: translate(-50%, 0px);
-moz-transform: translate(-50%, 0px);
-o-transform: translate(-50%, 0px);
-ms-transform: translate(-50%, 0px);
transform: translate(-50%, 0px);
}
.contentswap-overlay.effect-3 .swap-inner{
-webkit-transform: translate(0px, -50%);
-moz-transform: translate(0px, -50%);
-o-transform: translate(0px, -50%);
-ms-transform: translate(0px, -50%);
transform: translate(0px, -50%);
}
.contentswap-overlay.effect-4 .swap-inner{
-webkit-transform: translate(0px, 50%);
-moz-transform: translate(0px, 50%);
-o-transform: translate(0px, 50%);
-ms-transform: translate(0px, 50%);
transform: translate(0px, 50%);
}
.contentswap-overlay.effect-5 .swap-inner{
-webkit-transform: translate(50%, 0px);
-moz-transform: translate(50%, 0px);
-o-transform: translate(50%, 0px);
-ms-transform: translate(50%, 0px);
transform: translate(50%, 0px);
}
.contentswap-overlay.effect-6 .swap-inner{
-webkit-transform: scale(0.3);
-moz-transform: scale(0.3);
-o-transform: scale(0.3);
-ms-transform: scale(0.3);
transform: scale(0.3);
}
.contentswap-overlay.effect-7 .swap-inner{
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
}
.contentswap-overlay.effect-8 .swap-inner{
-webkit-perspective: 1300px;
-moz-perspective: 1300px;
perspective: 1300px;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: rotateX(-70deg);
-moz-transform: rotateX(-70deg);
-ms-transform: rotateX(-70deg);
transform: rotateX(-70deg);
}
.contentswap-overlay.effect-9 .swap-inner{
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: rotateX(-60deg);
-moz-transform: rotateX(-60deg);
-ms-transform: rotateX(-60deg);
transform: rotateX(-60deg);
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
transform-origin: 50% 0;
}
.contentswap-overlay.effect-10 .swap-inner{
-webkit-transform: perspective(500px) rotateX(0deg) rotateY(140deg) rotateZ(0deg) translate3d(0px, 50%, 0px);
-moz-transform: perspective(500px) rotateX(0deg) rotateY(140deg) rotateZ(0deg) translate3d(0px, 50%, 0px);
-o-transform: perspective(500px) rotateX(0deg) rotateY(140deg) rotateZ(0deg) translate3d(0px, 50%, 0px);
-ms-transform: perspective(500px) rotateX(0deg) rotateY(140deg) rotateZ(0deg) translate3d(0px, 50%, 0px);
transform: perspective(500px) rotateX(0deg) rotateY(140deg) rotateZ(0deg) translate3d(0px, 50%, 0px);
}
.contentswap-overlay.effect-11 .swap-inner{
-webkit-transform: scale(0.1);
-moz-transform: scale(0.1);
-o-transform: scale(0.1);
-ms-transform: scale(0.1);
transform: scale(0.1);
}
.contentswap-overlay.effect-12 .swap-inner{
-webkit-transform: perspective(500px) rotateX(100deg) rotateY(100deg) rotateZ(0deg) translate3d(50%, 0px, 0px) scale(.6);
-moz-transform: perspective(500px) rotateX(100deg) rotateY(100deg) rotateZ(0deg) translate3d(50%, 0px, 0px) scale(.6);
-o-transform: perspective(500px) rotateX(100deg) rotateY(100deg) rotateZ(0deg) translate3d(50%, 0px, 0px) scale(.6);
-ms-transform: perspective(500px) rotateX(100deg) rotateY(100deg) rotateZ(0deg) translate3d(50%, 0px, 0px) scale(.6);
transform: perspective(500px) rotateX(100deg) rotateY(100deg) rotateZ(0deg) translate3d(50%, 0px, 0px) scale(.6);
}
.contentswap-overlay.effect-13 .swap-inner{
-webkit-transform: rotateX(0deg) rotateY(170deg) rotateZ(0deg) translate3d(0%, -80%, 0px);
-moz-transform: rotateX(0deg) rotateY(170deg) rotateZ(0deg) translate3d(0%, -80%, 0px);
-o-transform: rotateX(0deg) rotateY(170deg) rotateZ(0deg) translate3d(0%, -80%, 0px);
-ms-transform: rotateX(0deg) rotateY(170deg) rotateZ(0deg) translate3d(0%, -80%, 0px);
transform: rotateX(0deg) rotateY(170deg) rotateZ(0deg) translate3d(0%, -80%, 0px);
}
.contentswap-overlay.effect-14 .swap-inner{
-webkit-transform: perspective(500px) rotateX(0deg) rotateY(100deg) rotateZ(-60deg) translate3d(50%, 50%, 0px) scale(1.9);
-moz-transform: perspective(500px) rotateX(0deg) rotateY(100deg) rotateZ(-60deg) translate3d(50%, 50%, 0px) scale(1.9);
-o-transform: perspective(500px) rotateX(0deg) rotateY(100deg) rotateZ(-60deg) translate3d(50%, 50%, 0px) scale(1.9);
-ms-transform: perspective(500px) rotateX(0deg) rotateY(100deg) rotateZ(-60deg) translate3d(50%, 50%, 0px) scale(1.9);
transform: perspective(500px) rotateX(0deg) rotateY(100deg) rotateZ(-60deg) translate3d(50%, 50%, 0px) scale(1.9);
}
.contentswap-overlay.effect-15 .swap-inner{
-webkit-transform: perspective(500px) rotateX(20deg) rotateY(20deg) rotateZ(-60deg) translate3d(-50%, 50%, 0px) scale(1.1);
-moz-transform: perspective(500px) rotateX(20deg) rotateY(20deg) rotateZ(-60deg) translate3d(-50%, 50%, 0px) scale(1.1);
-o-transform: perspective(500px) rotateX(20deg) rotateY(20deg) rotateZ(-60deg) translate3d(-50%, 50%, 0px) scale(1.1);
-ms-transform: perspective(500px) rotateX(20deg) rotateY(20deg) rotateZ(-60deg) translate3d(-50%, 50%, 0px) scale(1.1);
transform: perspective(500px) rotateX(20deg) rotateY(20deg) rotateZ(-60deg) translate3d(-50%, 50%, 0px) scale(1.1);
}
.contentswap-overlay.effect-16 .swap-inner{
-webkit-transform: perspective(500px) rotateX(-20deg) rotateY(20deg) rotateZ(60deg) translate3d(-20%, 50%, 0px) scale(.1);
-moz-transform: perspective(500px) rotateX(-20deg) rotateY(20deg) rotateZ(60deg) translate3d(-20%, 50%, 0px) scale(.1);
-o-transform: perspective(500px) rotateX(-20deg) rotateY(20deg) rotateZ(60deg) translate3d(-20%, 50%, 0px) scale(.1);
-ms-transform: perspective(500px) rotateX(-20deg) rotateY(20deg) rotateZ(60deg) translate3d(-20%, 50%, 0px) scale(.1);
transform: perspective(500px) rotateX(-20deg) rotateY(20deg) rotateZ(60deg) translate3d(-20%, 50%, 0px) scale(.1);
}
.contentswap-overlay.effect-17 .swap-inner{
-webkit-transform: perspective(500px) rotateX(-60deg) rotateY(20deg) rotateZ(10deg) translate3d(20%, 50%, 70px) scale(.7);
-moz-transform: perspective(500px) rotateX(-60deg) rotateY(20deg) rotateZ(10deg) translate3d(20%, 50%, 70px) scale(.7);
-o-transform: perspective(500px) rotateX(-60deg) rotateY(20deg) rotateZ(10deg) translate3d(20%, 50%, 70px) scale(.7);
-ms-transform: perspective(500px) rotateX(-60deg) rotateY(20deg) rotateZ(10deg) translate3d(20%, 50%, 70px) scale(.7);
transform: perspective(500px) rotateX(-60deg) rotateY(20deg) rotateZ(10deg) translate3d(20%, 50%, 70px) scale(.7);
}
.contentswap-overlay.effect-18 .swap-inner{
-webkit-transform: rotateX(50deg) rotateY(20deg) rotateZ(170deg) ;
-moz-transform: rotateX(50deg) rotateY(20deg) rotateZ(170deg) ;
-o-transform: rotateX(50deg) rotateY(20deg) rotateZ(170deg) ;
-ms-transform: rotateX(50deg) rotateY(20deg) rotateZ(170deg) ;
transform: rotateX(50deg) rotateY(20deg) rotateZ(170deg) ;
}
.contentswap-overlay.effect-19 .swap-inner{
-webkit-transform: perspective(500px) rotateX(0deg) rotateY(-10deg) rotateZ(0deg) translate3d(50%, 50%, 0px) scale(.7);
-moz-transform: perspective(500px) rotateX(0deg) rotateY(-10deg) rotateZ(0deg) translate3d(50%, 50%, 0px) scale(.7);
-o-transform: perspective(500px) rotateX(0deg) rotateY(-10deg) rotateZ(0deg) translate3d(50%, 50%, 0px) scale(.7);
-ms-transform: perspective(500px) rotateX(0deg) rotateY(-10deg) rotateZ(0deg) translate3d(50%, 50%, 0px) scale(.7);
transform: perspective(500px) rotateX(0deg) rotateY(-10deg) rotateZ(0deg) translate3d(50%, 50%, 0px) scale(.7);
}
.contentswap-overlay.effect-20 .swap-inner{
-webkit-transform: perspective(500px) scale(1.6) skew(80deg, 0deg);
-moz-transform: perspective(500px) scale(1.6) skew(80deg, 0deg);
-o-transform: perspective(500px) scale(1.6) skew(80deg, 0deg);
-ms-transform: perspective(500px) scale(1.6) skew(80deg, 0deg);
transform: perspective(500px) scale(1.6) skew(80deg, 0deg);
}
.contentswap-overlay.effect-21 .swap-inner{
-webkit-transform: perspective(500px)  skew(0deg, 80deg);
-moz-transform: perspective(500px)  skew(0deg, 80deg);
-o-transform: perspective(500px) skew(0deg, 80deg);
-ms-transform: perspective(500px)  skew(0deg, 80deg);
transform: perspective(500px) skew(0deg, 80deg);
}
.contentswap-overlay.effect-22 .swap-inner{
-webkit-transform: perspective(500px) rotateX(0deg) rotateY(70deg) rotateZ(0deg) translate3d(-200px, 0px, 0px) scale(2);
-moz-transform: perspective(500px) rotateX(0deg) rotateY(70deg) rotateZ(0deg) translate3d(-200px, 0px, 0px) scale(2);
-o-transform: perspective(500px) rotateX(0deg) rotateY(70deg) rotateZ(0deg) translate3d(-200px, 0px, 0px) scale(2);
-ms-transform: perspective(500px) rotateX(0deg) rotateY(70deg) rotateZ(0deg) translate3d(-200px, 0px, 0px) scale(2);
transform: perspective(500px) rotateX(0deg) rotateY(70deg) rotateZ(0deg) translate3d(-200px, 0px, 0px) scale(2);
}
.contentswap-overlay.effect-23 .swap-inner{
-webkit-transform: perspective(300px) rotateX(150deg) rotateY(0deg) rotateZ(0deg) scale(2);
-moz-transform: perspective(300px) rotateX(150deg) rotateY(0deg) rotateZ(0deg) scale(2);
-o-transform: perspective(300px) rotateX(150deg) rotateY(0deg) rotateZ(0deg) scale(2);
-ms-transform: perspective(300px) rotateX(150deg) rotateY(0deg) rotateZ(0deg) scale(2);
transform: perspective(300px) rotateX(150deg) rotateY(0deg) rotateZ(0deg) scale(2);
}
.contentswap-effect.hover .swap-inner, .contentswap-effect:hover .swap-inner {
opacity: 1;
} .contentswap-overlay.contentswap-effect.hover .swap-inner,
.contentswap-overlay.contentswap-effect:hover .swap-inner{
-webkit-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate3d(0px, 0px, 0px) scale(1) skew(0deg);
-moz-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate3d(0px, 0px, 0px) scale(1) skew(0deg);
-o-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate3d(0px, 0px, 0px) scale(1) skew(0deg);
-ms-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate3d(0px, 0px, 0px) scale(1) skew(0deg);
transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate3d(0px, 0px, 0px) scale(1) skew(0deg);
}[data-ovid] {
position: relative;
z-index: 1;
}
[data-ovid]:before {
width: 100%;
height: 100%;
top: 0px;
left: 0px;
position: absolute;
z-index: -1;
display: inline-block;
}
.fancybox-buttons:before,
.fancybox-buttons:after {
display: none;
}
[data-parallax-depth] {
background-attachment: fixed;
}
.no-parallax [data-parallax-depth] {
background-attachment: scroll;
}
.header-top.fixto-fixed #drop_mainmenu > li.current_page_item > a {
border-bottom: none;
}
.header-top.small {
position: static;
}
.header-top.small {
box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.33);
-moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.33);
-webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.33);
}
.fancybox-container {
z-index: 100000 !important;
}
.bordered.fixto-fixed {
border-bottom: none;
}
.container-align-center {
margin-left: auto;
margin-right: auto;
}
.container-align-right {
margin-left: auto;
}
.container-align-left {
margin-right: auto;
}
span.button-icon {
vertical-align: middle;
margin-bottom: 0;
display: inline-block;
width: 1.6em;
position: relative;
height: 1em;
margin-right: 0.3em;
margin-left: 0.3em;
}
span.button-icon:before {
position: absolute;
top: 50%;
left: 0;
margin-top: -0.8em;
font-size: 1.6em;
line-height: 1.6em;
}
.small span.button-icon {
width: 1.2em;
}
.button.dark-text {
color: #000000 !important;
}
.button.white-text {
color: #ffffff;
}
.small span.button-icon:before {
margin-top: -0.6em;
font-size: 1.2em;
line-height: 1.2em;
}
.button.transparent {
background-color: transparent;
border: none;
color: #ffffff;
box-shadow: none;
}
.button.transparent.dark-text {
border-bottom-color: #666666;
}
.button.transparent:hover {
text-decoration: underline;
}
.button.force-shadow {
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.button.force-shadow:hover {
box-shadow: rgba(0, 0, 0, 0.419608) 0px 14px 26px -12px, rgba(0, 0, 0, 0.117647) 0px 4px 23px 0px, rgba(0, 0, 0, 0.2) 0px 8px 10px -5px;
-moz-box-shadow: rgba(0, 0, 0, 0.419608) 0px 14px 26px -12px, rgba(0, 0, 0, 0.117647) 0px 4px 23px 0px, rgba(0, 0, 0, 0.2) 0px 8px 10px -5px;
-webkit-box-shadow: rgba(0, 0, 0, 0.419608) 0px 14px 26px -12px, rgba(0, 0, 0, 0.117647) 0px 4px 23px 0px, rgba(0, 0, 0, 0.2) 0px 8px 10px -5px;
}
.no-shadow,
.no-shadow:hover {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
.dark-text-section .dynamic-color,
.dark-text-section .dynamic-color h1,
.dark-text-section .dynamic-color h2,
.dark-text-section .dynamic-color h3,
.dark-text-section .dynamic-color h4,
.dark-text-section .dynamic-color h5,
.dark-text-section .dynamic-color h6,
.dark-text-section .dynamic-color p {
color: #666666 !important;
}
.ope-google-maps {
min-height: 200px;
height: calc(100% - 0px);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ope-google-maps * {
max-width: none !important;
box-sizing: content-box;
vertical-align: inherit;
font-size: initial;
margin: auto;
border: inherit;
line-height: initial;
}
.section-title-col {
text-align: center;
margin-bottom: 30px;
padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto;
}
iframe.ope-header-video {
width: 100%;
height: 300px;
display: block;
}
html.fancybox-enabled body {
width: 100%;
}
.header-description-row img.homepage-header-image,
.header-description-row .video-popup-button img,
.header-description-row iframe.ope-header-video {
-moz-box-shadow: 0px 15px 80px -5px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 0px 15px 80px -5px rgba(0, 0, 0, 0.25);
box-shadow: 0px 15px 80px -5px rgba(0, 0, 0, 0.25);
}
img.homepage-header-image.round {
border-radius: 100%;
border: 5px solid;
text-align: center;
}
code {
padding: 0.05rem 0.25rem;
background-color: #eaeaea;
font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
font-size: 0.9rem;
display: inline-block;
}
.header-media-container {
display: block;
margin: auto;
text-align: center;
}
.video-popup-button {
position: relative;
z-index: 1;
text-align: center;
}
.video-popup-button.with-image:before {
width: 100%;
height: 100%;
top: 0px;
left: 0px;
position: absolute;
z-index: -1;
background-color: rgba(0, 0, 0, 0.5);
display: inline-block;
content: ' ';
}
.video-popup-button img.poster {
position: relative;
width: 100%;
display: block;
z-index: -2;
}
a.video-popup-button-link {
color: #ffffff;
font-size: 100px;
width: 100px;
height: 100px;
}
a.video-popup-button-link:hover {
color: #7AA7F5;
}
.video-popup-button img.poster + a.video-popup-button-link {
position: absolute;
top: 50%;
left: 50%;
margin-left: -50px;
margin-top: -50px;
}
a.badge-button {
width: 200px;
display: inline-block;
font-size: 0px;
vertical-align: top;
line-height: 0px;
border-radius: 8px;
padding: 0px;
background: transparent;
}
a.badge-button svg {
width: 100%;
height: auto;
}
a.button.orange {
background-color: #FF8C00;
}
a.button.orange:hover {
background-color: #d67600;
}
body.pro-inner-page #page {
background-color: transparent;
}
.header-top.fixto-fixed {
background-color: #FFFFFF;
box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.33);
-moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.33);
-webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.33);
} body#tinymce .content,
body#tinymce.content {
background: #ffffff;
margin: 15px;
}
.header-homepage-arrow {
display: inline-block;
line-height: 0px;
cursor: pointer;
background-color: #ffffff;
border-radius: 500px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
bottom: 60px;
color: #000000;
position: relative;
font-size: 20px;
}
.header-homepage-arrow-c {
position: absolute;
text-align: center;
bottom: 0px;
left: 0px;
right: 0px;
}
.mc4wp-alert {
border: none;
color: #ffffff;
font-size: 14px;
margin-top: 0px;
padding: 5px 10px;
margin: 2em 0.5em 1em;
}
.mc4wp-success {
background-color: #3F464C;
}
.mc4wp-error {
background-color: #ff8066;
}
.mc4wp-alert p {
margin: 0px;
}
.header, .header-homepage {
padding-bottom: 0px;
}
a#fm2_drop_mainmenu_mobile_button span.caption {
min-height: 20px;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: 30px !important;
line-height: 1em !important;
text-rendering: auto;
letter-spacing: 0px !important;
-webkit-font-smoothing: antialiased;
text-align: center;
-moz-osx-font-smoothing: grayscale;
background: none;
color: inherit;
text-shadow: none;
border: none;
padding: 5px 0px 0px 0px !important;
}
a#fm2_drop_mainmenu_mobile_button span.caption:before {
content: "\f0c9";
height: 30px;
display: inline-block;
vertical-align: text-bottom;
font-family: FontAwesome;
text-shadow: none;
text-align: center;
}
@-moz-keyframes move-down-bounce {
0%, 20%, 50%, 80%, 100% {
-moz-transform: translateY(0);
transform: translateY(0);
}
40% {
-moz-transform: translateY(-20px);
transform: translateY(-20px);
}
60% {
-moz-transform: translateY(-10px);
transform: translateY(-10px);
}
}
@-webkit-keyframes move-down-bounce {
0%, 20%, 50%, 80%, 100% {
-moz-transform: translateY(0);
transform: translateY(0);
}
40% {
-moz-transform: translateY(-20px);
transform: translateY(-20px);
}
60% {
-moz-transform: translateY(-10px);
transform: translateY(-10px);
}
}
@keyframes move-down-bounce {
0%, 20%, 50%, 80%, 100% {
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
60% {
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
}
.move-down-bounce {
-moz-animation: move-down-bounce 2s infinite;
-webkit-animation: move-down-bounce 2s infinite;
animation: move-down-bounce 2s infinite;
}
.content-wrapper { }
.page-template-landing-page #page {
min-height: 100vh;
background: #ffffff;
}
.page-content.landing {
min-height: 100vh;
}
.page-content.landing > div {
width: 100%;
} ul.ope-language-switcher {
display: inline-block;
list-style: none;
margin-left: 0px;
padding: 0px;
-moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
}
div.ope-language-switcher li {
display: none;
}
ul.ope-language-switcher img {
width: 18px;
}
.ope-language-switcher {
display: none;
}
li.ellipsis:not(.pll-mobile-menu-item) + li.ellipsis.pll-mobile-menu-item {
margin-top: 20px;
}
li.ellipsis.pll-mobile-menu-item .leaf {
vertical-align: middle;
display: inline-block;
}
div#fm2_drop_mainmenu_jq_menu_back div.menu-container ul li.ellipsis a img,
li.ellipsis.pll-mobile-menu-item img {
vertical-align: baseline;
display: inline-block;
margin-right: 10px;
}
div.section-separator-top,
div.section-separator-bottom {
width: 100%;
max-width: 100%;
overflow-x: hidden;
position: absolute;
z-index: 0;
height: 10%;
display: flex;
}
.content-relative {
position: relative;
}
.content-relative > * {
position: relative;
z-index: 1;
}
svg.section-separator-top,
svg.section-separator-bottom {
display: block;
margin-left: -1%;
max-height: 100%;
width: 102%;
}
svg.section-separator-top[data-separator-name*=-negative] {
-webkit-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
transform: rotateX(180deg);
}
div.section-separator-bottom {
bottom: 0px;
}
div.section-separator-top {
top: 0px;
}
.custom-section {
padding: 75px 0px;
background-color: #ffffff;
}
.custom-row {
text-align: center;
}
.custom-row.row > * {
padding: 0px 15px;
margin-top: 15px;
margin-bottom: 15px;
}
.custom-row.row.no-gutter > * {
padding: 0px;
margin-bottom: 0px;
margin-top: 0px;
} @media only screen and (min-width: 768px) {
.header-wrapper {
overflow: hidden;
}
.gridContainer .gridContainer {
width: auto;
max-width: 100%;
}
.page-row {
padding-top: 50px;
}
.page-row .page-content {
width: 75%;
float: left;
padding-top: 0px;
}
iframe.ope-header-video {
width: 100%;
left: 0px;
top: 0px;
height: 100%;
position: relative;
min-height: 100px;
display: block;
}
.section-title-col {
width: 66.6667%;
}
.content-video-container.iframe-holder {
position: relative;
padding-bottom: 56.25%; padding-top: 25px;
height: 0;
width: 100%;
}
.content-video-container iframe.ope-header-video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.header-homepage.v-align-top {
display: flex;
flex-direction: column;
}
.header-homepage.v-align-middle {
display: flex;
align-items: center;
justify-content: center;
}
.header-homepage.v-align-bottom {
display: flex;
flex-direction: column-reverse;
}
.header, .header-homepage {
padding-top: 100px;
padding-bottom: 0px;
}
.ope-language-switcher.after-menu {
background-color: #ffffff;
border-radius: 4px 0px 0px 4px;
right: 0px;
position: fixed;
top: 80px;
display: inline-block;
z-index: 10000;
}
.ope-language-switcher.after-menu select {
display: block;
margin: 10px 10px;
}
ul.ope-language-switcher.after-menu > li {
display: none;
float: left;
padding: 14px 8px;
font-size: 0px;
line-height: 0px;
}
ul.ope-language-switcher.after-menu > li.current-lang {
display: block;
}
ul.ope-language-switcher.after-menu.hover > li,
ul.ope-language-switcher.after-menu:hover > li {
display: block;
}
ul.ope-language-switcher.after-menu span {
display: none;
}
}
@media only screen and (max-width: 767px) {
.header-description-row > div:last-of-type {
margin-bottom: 0px !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.media-on-left .header-description-row > div,
.media-on-right .header-description-row > div {
width: 100% !important;
float: none;
}
.media-on-left .header-description-row > div .header-content .align-holder,
.media-on-right .header-description-row > div .header-content .align-holder {
text-align: center !important;
}
.media-on-left .header-description-row > div .header-content,
.media-on-right .header-description-row > div .header-content {
width: 100% !important;
}
}
@media only screen and (min-width: 1024px) {
.gridContainer .gridContainer {
width: auto;
max-width: 100%;
}
}body div#page {
background-color: transparent;
}
.content {
background-color: transparent;
padding-bottom: 0px!important;
padding-top: 0px!important;
}
.header-section-content {
text-align: left;
}
.page-content {
padding-bottom: 0px!important;
padding-top: 0px!important;
}
.homepage-template .svg-white-bg {
fill: #FFFFFF;
}
.about-image-section-pro {
padding-bottom: 50px;
padding-top: 50px;
}
.about-image-gridcol-pro {
margin-bottom: 20px;
text-align: center;
}
.about-image-textcol-pro {
float: none;
min-height: auto;
padding-bottom: 1em;
padding-left: 15px;
padding-right: 15px;
padding-top: 2em;
text-align: center;
width: 100%;
}
.contact-2columns-section,.woocommerce-section {
clear: both;
padding-bottom: 75px;
padding-top: 75px;
}
.contact-2columns-textrow {
clear: both;
margin-bottom: 30px;
}
.contact-2columns-textcol,.woocommerce-textcol {
float: none;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
text-align: center;
width: 100%;
}
.contact-2columns-contentrow,.content-left-video-innerrow,.cta-centered-bg-section-row,.row_290,.woocommerce-products-row {
clear: both;
margin-left: -15px;
margin-right: -15px;
width: auto;
}
.contact-2columns-formrow,.woocommerce-product-col {
float: none;
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
.contact-2columns-formcol {
-moz-box-shadow: 0 15px 80px -5px rgba(0, 0, 0, .25);
-webkit-box-shadow: 0 15px 80px -5px rgba(0, 0, 0, .25);
background-color: #FFFFFF;
box-shadow: 0 15px 80px -5px rgba(0, 0, 0, .25);
clear: both;
float: left;
margin-bottom: 30px;
padding-left: 15px;
padding-right: 15px;
padding-top: 30px;
text-align: center;
width: 100%;
}
.contact-2columns-formcol .wpcf7-form input,.contact-2columns-formcol .wpcf7-form textarea {
border-radius: 2px;
}
.contact-2columns-contactcol {
float: none;
padding-left: 15px;
padding-right: 15px;
padding-top: 20px;
width: 100%;
}
.contact-2columns-itemrow {
clear: both;
float: left;
margin-bottom: 5px;
width: 100%;
}
.contact-2columns-iconcol,.contact-3-section-iconcol,.contact-map-section-iconcol {
float: left;
}
.fa.font-icon-contact-form,.fa.contact-3-font-icon-1,.fa.contact-map-section-font-icon-1 {
background-color: #B0B0B0;
border-radius: 100%;
color: #FFFFFF;
display: inline-block;
font-size: .77em;
height: 30px;
line-height: 26px;
padding-top: 0;
text-align: center;
width: 30px;
}
.column_284 {
float: left;
padding-left: 15px;
}
p.contact-2columns-itemtextcol,p.contact-3-section-itemtextcol,p.contact-map-section-itemtextcol {
font-style: italic;
}
.contact-3-section {
clear: both;
min-height: 100px;
padding-bottom: 75px;
padding-top: 50px;
}
.contact-3-section-textrow {
clear: both;
margin-bottom: 30px;
min-height: 100px;
}
.contact-3-section-textcol,.column_266,.column_269 {
float: none;
margin-left: auto;
margin-right: auto;
min-height: 100px;
padding-left: 15px;
padding-right: 15px;
text-align: center;
width: 100%;
}
.contact-3-section-formrow,.pricing-black-white-itemcol {
float: none;
min-height: 100px;
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
.contact-3-section-formcol {
-moz-box-shadow: rgba(0, 0, 0, .25) 0 15px 80px -5px;
-webkit-box-shadow: rgba(0, 0, 0, .25) 0 15px 80px -5px;
background-color: rgb(255, 255, 255);
box-shadow: rgba(0, 0, 0, .25) 0 15px 80px -5px;
clear: both;
float: left;
min-height: 100px;
padding-left: 15px;
padding-right: 15px;
padding-top: 30px;
text-align: center;
width: 100%;
}
.contact-3-section-contactcol {
float: none;
min-height: 100px;
padding-left: 15px;
padding-right: 15px;
padding-top: 10px;
}
.contact-map-contactcol,.contact-map-contact-row {
min-height: 100px;
padding: 0;
}
.contact-3-section-itemrow,.contact-map-itemrow {
clear: both;
margin-bottom: 5px;
}
.contact-3-section-info-text,.contact-map-section-info-text {
float: left;
padding-left: 15px;
padding-right: 15px;
}
.contact-3-section-map-container {
clear: both;
height: 250px;
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
.contact-map-section {
margin-left: auto;
margin-right: auto;
min-height: 100px;
padding-bottom: 75px;
padding-left: 15px;
padding-right: 15px;
padding-top: 50px;
width: 100%;
}
.contact-map-section-row {
clear: both;
margin-left: 0;
margin-right: 0;
width: auto;
}
.contact-map-section-left {
float: none;
min-height: 100px;
padding-left: 15px;
padding-right: 15px;
padding-top: 30px;
width: 100%;
}
.contact-2columns-formcol1 {
-moz-box-shadow: 0 15px 80px -5px rgba(0, 0, 0, .25);
-webkit-box-shadow: 0 15px 80px -5px rgba(0, 0, 0, .25);
background-color: #FFFFFF;
box-shadow: 0 15px 80px -5px rgba(0, 0, 0, .25);
clear: both;
float: left;
min-height: 100px;
padding-left: 15px;
padding-right: 15px;
padding-top: 30px;
text-align: center;
width: 100%;
}
.contact-map-section-right {
float: none;
margin-top: 50px;
}
.contact-map-section-right .ope-google-maps {
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
user-select: none;
}
.content-left-video-section,.content-right-video-section,.row_298,.row_292 {
clear: both;
min-height: 100px;
padding-bottom: 75px;
padding-top: 75px;
}
.content-left-video-imgcol::before,.content-center-video-imgcol::before {
background-color: rgba(0, 0, 0, .498039);
display: inline-block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.content-left-video-imgcol {
-moz-box-shadow: 0 15px 80px -5px rgba(0, 0, 0, .25);
-webkit-box-shadow: 0 15px 80px -5px rgba(0, 0, 0, .25);
background: url(https://parkhotel-sassendorf.de/wp-content/themes/one-page-express-pro/sections/images/project2.jpg) center center / cover;
box-shadow: 0 15px 80px -5px rgba(0, 0, 0, .25);
float: none;
min-height: 400px;
padding-left: 15px;
padding-right: 15px;
padding-top: 160px;
position: relative;
text-align: center;
width: 100%;
z-index: 1;
}
.content-left-video-imgcol>a,.column_266>a,.content-center-video-imgcol a {
display: inline-block;
width: 100%;
}
.fa.font-video-icon {
color: #FFFFFF;
font-size: 4.44em;
padding: 0 10px;
width: auto;
}
.fa.font-video-icon:hover,.fa.font-icon-video-on-bottom:hover {
color: #03a9f4;
text-rendering: auto;
}
.content-left-video-textcol {
float: none;
margin-left: 0;
min-height: 100px;
padding-left: 15px;
padding-right: 15px;
padding-top: 30px;
text-align: center;
width: 100%;
}
.content-right-video-textcol {
float: none;
margin-left: 0;
min-height: 100px;
padding-bottom: 30px;
padding-left: 15px;
padding-right: 15px;
text-align: center;
width: 100%;
}
.cta-centered-bg-section {
background: url(https://parkhotel-sassendorf.de/wp-content/themes/one-page-express-pro/sections/images/julian-o-hayon-143085.jpg) center center / cover no-repeat fixed transparent;
clear: both;
min-height: 100px;
padding-bottom: 40px;
padding-top: 40px;
position: relative;
z-index: 1;
}
.cta-centered-bg-section:before {
background-color: rgba(156, 39, 176, .5);
content: ' ';
display: inline-block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.cta-centered-bg-section-col,.cta-centered-section-col,.subscribe-centered-section-wrap {
float: none;
margin-left: auto;
margin-right: auto;
min-height: 100px;
padding-left: 15px;
padding-right: 15px;
padding-top: 10px;
text-align: center;
width: 100%;
}
h3.cta-centered-bg-section-title,h3.cta-centered-section-tite,h3.subscribe-centered-section-title {
color: rgb(255, 255, 255);
font-weight: 300;
line-height: 100%;
margin-bottom: 15px;
}
span.cta-centered-bg-section-title-bold,span.span28 {
font-weight: 600;
}
.cta-centered-section {
background-color: #2186C4;
clear: both;
min-height: 100px;
padding-bottom: 40px;
padding-top: 40px;
}
.cta-centered-section-grid {
min-height: 100px;
}
p.cta-centered-section-text,p.subscribe-centered-section-text {
color: rgb(255, 255, 255);
}
.row_297 .gallery-wrapper,.row_299 .gallery-wrapper {
display: block;
height: auto;
width: 100%;
}
.row_297 .gallery-wrapper>.gallery-items-wrapper {
overflow: hidden;
}
.row_297 .gallery-wrapper dl,.row_299 .gallery-wrapper dl {
padding: 4px;
}
.row_297 .gallery-wrapper .gallery-item {
display: inline-block;
font-size: 0em;
margin: auto;
overflow: hidden;
padding: 0;
text-align: center;
vertical-align: top;
width: 33.333333333333336%;
}
.row_297 .gallery-wrapper .gallery-icon {
font-size: 0em;
}
.row_297 .gallery-wrapper a,.row_299 .gallery-wrapper a {
display: block;
font-size: 0em;
margin: 0;
padding: 0;
}
.row_297 .gallery-wrapper img,.row_299 .gallery-wrapper img {
height: auto;
transition: all 0.4s linear 0s;
width: 100%;
}
.row_297 .gallery-wrapper img:hover {
-moz-transform: scale(1.2, 1.2) translate(0, 0) skew(0deg, 0deg) rotate(0deg);
-moz-transform-origin: center center;
-ms-transform: scale(1.2, 1.2) translate(0, 0) skew(0deg, 0deg) rotate(0deg);
-ms-transform-origin: center center;
-o-transform: scale(1.2, 1.2) translate(0, 0) skew(0deg, 0deg) rotate(0deg);
-o-transform-origin: center center;
-webkit-transform: scale(1.2, 1.2) translate(0, 0) skew(0deg, 0deg) rotate(0deg);
-webkit-transform-origin: center center;
transform: scale(1.2, 1.2) translate(0, 0) skew(0deg, 0deg) rotate(0deg);
transform-origin: center center;
}
.fancybox-button--close {
background-color: #03a9f4;
}
.fancybox-button--close:hover {
background-color: #0299de;
}
.row_289 {
background: url(https://parkhotel-sassendorf.de/wp-content/themes/one-page-express-pro/sections/images/julian-o-hayon-143085.jpg) center center / cover no-repeat fixed transparent;
clear: both;
min-height: 100px;
padding-bottom: 50px;
padding-top: 75px;
position: relative;
z-index: 1;
}
.row_289:before {
background-color: rgba(0, 0, 0, .52);
content: ' ';
display: inline-block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
h2.heading104 {
color: #FFFFFF;
margin-top: 20px;
}
.clients-grid-textcol {
float: none;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
min-height: 158px;
padding-left: 15px;
padding-right: 15px;
text-align: center;
width: 83.3333%;
}
.row_299 {
clear: both;
float: left;
min-height: 100px;
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
.row_299 .gallery-wrapper>div {
margin: auto;
}
.row_299 .gallery-wrapper .gallery-item {
display: inline-block;
float: none;
font-size: 0em;
margin: auto;
max-width: 50%;
min-width: 50%;
text-align: center;
vertical-align: top;
width: 50%;
}
.row_299 .gallery-wrapper .gallery-icon {
font-size: 0em;
overflow: hidden;
}
.row_299 .gallery-wrapper img:hover {
-moz-transform: scale(1.2, 1.2) translate(0, 0) skew(0deg, 0deg) rotate(5deg);
-moz-transform-origin: center center;
-ms-transform: scale(1.2, 1.2) translate(0, 0) skew(0deg, 0deg) rotate(5deg);
-ms-transform-origin: center center;
-o-transform: scale(1.2, 1.2) translate(0, 0) skew(0deg, 0deg) rotate(5deg);
-o-transform-origin: center center;
-webkit-transform: scale(1.2, 1.2) translate(0, 0) skew(0deg, 0deg) rotate(5deg);
-webkit-transform-origin: center center;
transform: scale(1.2, 1.2) translate(0, 0) skew(0deg, 0deg) rotate(5deg);
transform-origin: center center;
}
.google-maps-section {
height: 400px;
}
.pricing-black-white-section,.pricing-colors-section,.pricing-double-colors-section,.pricing-simple-section {
clear: both;
min-height: 100px;
padding-bottom: 45px;
padding-top: 75px;
}
.pricing-black-white-itemcard {
-moz-box-shadow: rgba(0, 0, 0, .137255) 0 1px 2px 0, rgba(0, 0, 0, .2) 0 3px 1px -2px, rgba(0, 0, 0, .117647) 0 1px 5px 0;
-webkit-box-shadow: rgba(0, 0, 0, .137255) 0 1px 2px 0, rgba(0, 0, 0, .2) 0 3px 1px -2px, rgba(0, 0, 0, .117647) 0 1px 5px 0;
background-color: #FFFFFF;
border-radius: 3px;
box-shadow: rgba(0, 0, 0, .137255) 0 1px 2px 0, rgba(0, 0, 0, .2) 0 3px 1px -2px, rgba(0, 0, 0, .117647) 0 1px 5px 0;
clear: both;
margin-bottom: 30px;
min-height: 100px;
padding: 40px 30px 30px 30px;
text-align: center;
}
p.pricing-black-white-pricetext {
color: rgb(51, 51, 51);
font-size: 2.22em;
font-weight: 600;
line-height: 150%;
margin-top: 14px;
}
span.pricing-black-white-price-currency {
font-size: .6em;
line-height: 230%;
vertical-align: top;
}
span.pricing-black-white-price-period {
font-size: .5em;
font-style: normal;
}
.pricing-featured.pricing-black-white-itemcol .pricing-black-white-title,.pricing-featured.pricing-black-white-itemcol .pricing-black-white-pricetext {
color: #ffffff;
}
.pricing-featured .pricing-black-white-description {
color: #c2c2c2;
}
.pricing-black-white-features-list,.pricing-colors-features-list {
color: rgb(102, 102, 102);
font-size: 1em;
font-stretch: normal;
font-style: normal;
font-variant: normal;
font-weight: 300;
line-height: 150%;
list-style-type: none;
margin-bottom: 20px;
margin-top: 10px;
padding-left: 0;
text-align: center;
}
li.pricing-black-white-features-item,li.pricing-colors-features-item {
border-bottom: 1px solid rgb(230, 230, 230);
color: rgb(156, 156, 156);
font-weight: 300;
margin-bottom: 5px;
padding-bottom: 5px;
}
.pricing-featured .pricing-black-white-itemcard {
-moz-box-shadow: rgba(0, 0, 0, .137255) 0 1px 2px 0, rgba(0, 0, 0, .2) 0 3px 1px -2px, rgba(0, 0, 0, .117647) 0 1px 5px 0;
-webkit-box-shadow: rgba(0, 0, 0, .137255) 0 1px 2px 0, rgba(0, 0, 0, .2) 0 3px 1px -2px, rgba(0, 0, 0, .117647) 0 1px 5px 0;
background-color: #1F1F1F;
border-radius: 3px;
box-shadow: rgba(0, 0, 0, .137255) 0 1px 2px 0, rgba(0, 0, 0, .2) 0 3px 1px -2px, rgba(0, 0, 0, .117647) 0 1px 5px 0;
clear: both;
margin-bottom: 30px;
min-height: 100px;
padding: 0 30px 30px 30px;
text-align: center;
}
.pricing-featured .pricing-featured-tag,.pricing-colors-itemcol.pricing-featured .pricing-colors-populartext {
display: block;
}
.pricing-featured-tag {
clear: both;
display: none;
margin-left: -30px;
min-height: 49px;
padding-left: 0;
padding-right: 0;
text-align: left;
width: 100%;
}
a.pricing-black-white-popular-tag:hover {
-moz-box-shadow: rgba(0, 0, 0, .419608) 0 14px 26px -12px, rgba(0, 0, 0, .117647) 0 4px 23px 0, rgba(0, 0, 0, .2) 0 8px 10px -5px;
-webkit-box-shadow: rgba(0, 0, 0, .419608) 0 14px 26px -12px, rgba(0, 0, 0, .117647) 0 4px 23px 0, rgba(0, 0, 0, .2) 0 8px 10px -5px;
background-color: rgb(156, 39, 176);
box-shadow: rgba(0, 0, 0, .419608) 0 14px 26px -12px, rgba(0, 0, 0, .117647) 0 4px 23px 0, rgba(0, 0, 0, .2) 0 8px 10px -5px;
color: rgb(255, 255, 255);
font-size: .66em;
font-weight: 400;
}
a.pricing-black-white-popular-tag:active {
-moz-box-shadow: rgba(0, 0, 0, .129412) 0 3px 2px 0 inset;
-webkit-box-shadow: rgba(0, 0, 0, .129412) 0 3px 2px 0 inset;
background-color: rgb(156, 39, 176);
box-shadow: rgba(0, 0, 0, .129412) 0 3px 2px 0 inset;
color: rgb(255, 255, 255);
font-size: .66em;
font-weight: 400;
}
a.pricing-black-white-popular-tag {
-moz-box-shadow: rgba(0, 0, 0, .137255) 0 1px 2px 0, rgba(0, 0, 0, .2) 0 3px 1px -2px, rgba(0, 0, 0, .117647) 0 1px 5px 0;
-webkit-box-shadow: rgba(0, 0, 0, .137255) 0 1px 2px 0, rgba(0, 0, 0, .2) 0 3px 1px -2px, rgba(0, 0, 0, .117647) 0 1px 5px 0;
background-color: rgb(156, 39, 176);
border-radius: 2px;
border-style: solid;
border-width: 0;
box-shadow: rgba(0, 0, 0, .137255) 0 1px 2px 0, rgba(0, 0, 0, .2) 0 3px 1px -2px, rgba(0, 0, 0, .117647) 0 1px 5px 0;
color: rgb(255, 255, 255);
cursor: pointer;
display: inline-block;
font-size: .66em;
font-stretch: normal;
font-style: normal;
font-variant-caps: normal;
font-variant-ligatures: normal;
font-weight: 400;
letter-spacing: 1px;
line-height: 130%;
margin: 10px;
padding: 7px 20px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: all 0.4s linear 0s;
}
p.pricing-black-white-pricetext-popular {
color: rgb(255, 255, 255);
font-size: 2.22em;
font-weight: 600;
line-height: 150%;
}
.pricing-featured .pricing-black-white-features-list {
color: rgb(102, 102, 102);
}
.pricing-featured li.pricing-black-white-features-item {
border-bottom: 1px solid #333333;
color: #C2C2C2;
}
.pricing-featured.pricing-black-white-itemcol,.pricing-featured.pricing-black-white-itemcol p,.pricing-featured.pricing-black-white-itemcol h1,.pricing-featured.pricing-black-white-itemcol h2,.pricing-featured.pricing-black-white-itemcol h3,.pricing-featured.pricing-black-white-itemcol h4,.pricing-featured.pricing-black-white-itemcol h5,.pricing-featured.pricing-black-white-itemcol h6 {
color: #C2C2C2;
}
.pricing-black-white-row,.pricing-colors-innerrow,.pricing-double-colors-row {
padding-top: 30px;
}
.pricing-colors-innerrow:last-child,.pricing-colors-itemcol .pricing-colors-titlerow h4,.pricing-colors-itemcol .pricing-colors-titlerow p,.pricing-double-colors-pricecol.pricing-featured p.pricing-double-colors-price-text {
margin-bottom: 0;
}
.pricing-colors-populartext {
display: none;
}
.pricing-featured.pricing-colors-itemcol .pricing-colors-titlerow h4 {
margin-top: 0;
}
.pricing-colors-titlerow {
clear: both;
color: #FFFFFF;
float: left;
min-height: 70px;
padding: 20px;
width: 100%;
}
.pricing-colors-contentrow {
clear: both;
min-height: 100px;
padding: 30px;
}
p.pricing-colors-pricetext {
color: rgb(51, 51, 51);
font-size: 2.77em;
font-weight: 600;
line-height: 120%;
margin-top: 14px;
}
span.pricing-colors-price-currency,span.pricing-simple-price-currency {
font-size: .5em;
line-height: 200%;
vertical-align: top;
}
span.pricing-colors-price-period,span.pricing-simple-price-period {
font-size: .4em;
font-style: normal;
}
.pricing-colors-itemcol {
-moz-box-shadow: rgba(0, 0, 0, .137255) 0 1px 2px 0, rgba(0, 0, 0, .2) 0 3px 1px -2px, rgba(0, 0, 0, .117647) 0 1px 5px 0;
-webkit-box-shadow: rgba(0, 0, 0, .137255) 0 1px 2px 0, rgba(0, 0, 0, .2) 0 3px 1px -2px, rgba(0, 0, 0, .117647) 0 1px 5px 0;
background-color: #FFFFFF;
border-radius: 2px;
box-shadow: rgba(0, 0, 0, .137255) 0 1px 2px 0, rgba(0, 0, 0, .2) 0 3px 1px -2px, rgba(0, 0, 0, .117647) 0 1px 5px 0;
float: none;
margin-bottom: 30px;
min-height: 100px;
padding: 0 15px;
text-align: center;
width: 100%;
}
.pricing-colors-itemcol.pricing-featured .pricing-colors-features-list {
margin-bottom: 30px;
margin-top: 30px;
}
.pricing-double-colors-pricecol {
-moz-box-shadow: rgba(0, 0, 0, .137255) 0 1px 2px 0, rgba(0, 0, 0, .2) 0 3px 1px -2px, rgba(0, 0, 0, .117647) 0 1px 5px 0;
-webkit-box-shadow: rgba(0, 0, 0, .137255) 0 1px 2px 0, rgba(0, 0, 0, .2) 0 3px 1px -2px, rgba(0, 0, 0, .117647) 0 1px 5px 0;
border-bottom: 5px solid #FF9500;
border-radius: 2px;
box-shadow: rgba(0, 0, 0, .137255) 0 1px 2px 0, rgba(0, 0, 0, .2) 0 3px 1px -2px, rgba(0, 0, 0, .117647) 0 1px 5px 0;
float: none;
margin-bottom: 30px;
margin-left: 15px;
margin-right: 15px;
min-height: 100px;
}
.pricing-double-colors-titlerow {
clear: both;
min-height: 58px;
padding-top: 14px;
position: relative;
text-align: center;
z-index: 0;
}
h4.pricing-double-colors-title {
color: #FFFFFF;
font-weight: 400;
}
.pricing-double-colors-pricerow {
clear: both;
float: left;
min-height: 87px;
padding-left: 15px;
padding-right: 15px;
text-align: center;
width: 100%;
}
.pricing-double-colors-titlerow:before {
background-color: rgba(0, 0, 0, .2);
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: -1;
}
p.pricing-double-colors-price-text {
color: #FFFFFF;
font-size: 2.22em;
font-weight: 600;
line-height: 120%;
margin-bottom: 14px;
margin-top: 14px;
}
span.pricing-double-colors-price-currency {
font-size: .7em;
line-height: 200%;
vertical-align: top;
}
span.pricing-double-colors-pricecol-price-period {
font-size: .6em;
font-style: normal;
}
.pricing-double-colors-featuresrow {
background-color: #fff;
clear: both;
min-height: 100px;
padding: 20px;
text-align: center;
}
.pricing-double-colors-features-list {
color: #666666;
font: 300 18px/150% Source Sans Pro, sans-serif;
list-style-type: none;
margin-bottom: 20px;
margin-top: 10px;
padding-left: 0;
text-align: left;
}
.pricing-double-colors-pricecol.pricing-featured .pricing-double-colors-features-list {
color: rgb(102, 102, 102);
margin-bottom: 30px;
margin-top: 30px;
}
li.pricing-double-colors-feature-item {
border-bottom: 1px solid #E6E6E6;
color: rgb(156, 156, 156);
font-weight: 300;
margin-bottom: 5px;
padding-bottom: 5px;
padding-left: 10px;
}
.pricing-double-colors-featured-text {
color: #FFFFFF;
display: none;
}
.pricing-double-colors-pricecol.pricing-featured .pricing-double-colors-featured-text {
display: block;
margin-bottom: 14px;
}
.pricing-simple-itemcol {
color: rgb(51, 51, 51);
float: none;
min-height: 100px;
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
.pricing-simple-itemcard {
-moz-box-shadow: rgba(0, 0, 0, .137255) 0 1px 2px 0, rgba(0, 0, 0, .2) 0 3px 1px -2px, rgba(0, 0, 0, .117647) 0 1px 5px 0;
-webkit-box-shadow: rgba(0, 0, 0, .137255) 0 1px 2px 0, rgba(0, 0, 0, .2) 0 3px 1px -2px, rgba(0, 0, 0, .117647) 0 1px 5px 0;
background-color: #FFFFFF;
border-radius: 3px;
box-shadow: rgba(0, 0, 0, .137255) 0 1px 2px 0, rgba(0, 0, 0, .2) 0 3px 1px -2px, rgba(0, 0, 0, .117647) 0 1px 5px 0;
clear: both;
margin-bottom: 30px;
min-height: 100px;
padding: 30px;
}
.pricing-simple-itemcard p {
margin-bottom: 14px;
margin-top: 14px;
}
.pricing-simple-separator {
background-color: #C2C2C2;
margin-bottom: 0;
}
p.pricing-simple-pricetext {
color: rgb(51, 51, 51);
font-size: 2.77em;
font-weight: 600;
line-height: 120%;
margin-bottom: 14px;
margin-top: 14px;
}
.pricing-simple-features-list {
color: rgb(102, 102, 102);
font-size: 1em;
font-stretch: normal;
font-style: normal;
font-variant: normal;
font-weight: 300;
line-height: 150%;
list-style-type: none;
margin-bottom: 20px;
margin-top: 10px;
padding-left: 0;
}
li.pricing-simple-features-item {
border-bottom: 0 solid rgb(230, 230, 230);
color: #9C9C9C;
font-weight: 300;
margin-bottom: 5px;
padding-bottom: 5px;
}
.subscribe-2cols-section {
background-color: #9c27b0;
clear: both;
min-height: 100px;
padding-bottom: 40px;
padding-top: 40px;
}
.subscribe-2cols-section-left {
float: none;
padding: 0 15px;
text-align: center;
width: 100%;
}
h3.subscribe-2cols-section-left-text {
color: rgb(255, 255, 255);
font-weight: 300;
line-height: 100%;
margin: 0;
}
.subscribe-form>* {
margin: 0;
}
span.subscribe-2cols-section-span,span.subscribe-centered-section-span {
color: #FFFFFF;
font-weight: 600;
}
.subscribe-2cols-section-right {
float: none;
margin-top: 25px;
min-height: 67px;
padding-left: 15px;
padding-right: 15px;
text-align: center;
width: 100%;
}
.subscribe-2cols-section .subscribe-form input[type="email"],.subscribe-centered-section .subscribe-form input[type="email"] {
background-color: rgba(250, 250, 250, .3);
border-color: rgba(221, 221, 221, .498039);
border-style: solid;
border-width: 1px;
display: inline-block;
margin-right: 10px;
min-height: 40px;
padding-left: 10px;
padding-right: 10px;
width: 100%;
}
.subscribe-2cols-section .subscribe-form input[type="email"]::placeholder,.subscribe-centered-section input[type="email"]::placeholder {
color: white;
}
.subscribe-2cols-section .subscribe-form input[type="submit"] {
-moz-box-shadow: rgba(0, 0, 0, .137255) 0 1px 2px 0, rgba(0, 0, 0, .2) 0 3px 1px -2px, rgba(0, 0, 0, .117647) 0 1px 5px 0;
-webkit-box-shadow: rgba(0, 0, 0, .137255) 0 1px 2px 0, rgba(0, 0, 0, .2) 0 3px 1px -2px, rgba(0, 0, 0, .117647) 0 1px 5px 0;
background-color: rgb(251, 192, 45);
border-radius: 4px;
border-style: solid;
border-width: 0;
box-shadow: rgba(0, 0, 0, .137255) 0 1px 2px 0, rgba(0, 0, 0, .2) 0 3px 1px -2px, rgba(0, 0, 0, .117647) 0 1px 5px 0;
color: #000000;
cursor: pointer;
display: inline-block;
font-size: .66em;
font-stretch: normal;
font-style: normal;
font-variant-caps: normal;
font-variant-ligatures: normal;
font-weight: 600;
letter-spacing: 1px;
line-height: 130%;
margin: 10px 18px 18px 0;
padding: 12px 30px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: all 0.4s linear 0s;
}
.subscribe-centered-section {
background-color: rgb(33, 134, 196);
clear: both;
min-height: 100px;
padding-bottom: 40px;
padding-top: 40px;
}
.subscribe-centered-section .subscribe-form input[type="submit"] {
-moz-box-shadow: rgba(0, 0, 0, .137255) 0 1px 2px 0, rgba(0, 0, 0, .2) 0 3px 1px -2px, rgba(0, 0, 0, .117647) 0 1px 5px 0;
-webkit-box-shadow: rgba(0, 0, 0, .137255) 0 1px 2px 0, rgba(0, 0, 0, .2) 0 3px 1px -2px, rgba(0, 0, 0, .117647) 0 1px 5px 0;
background-color: rgb(251, 192, 45);
border-radius: 4px;
border-style: solid;
border-width: 0;
box-shadow: rgba(0, 0, 0, .137255) 0 1px 2px 0, rgba(0, 0, 0, .2) 0 3px 1px -2px, rgba(0, 0, 0, .117647) 0 1px 5px 0;
color: #000000;
cursor: pointer;
display: inline-block;
font-size: .66em;
font-stretch: normal;
font-style: normal;
font-variant-caps: normal;
font-variant-ligatures: normal;
font-weight: 600;
letter-spacing: 1px;
line-height: 130%;
margin: 10px 18px 18px 0;
padding: 10px 20px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: all 0.4s linear 0s;
}
.subscribe-centered-section .subscribe-form input[type="submit"]:hover {
-moz-box-shadow: rgba(0, 0, 0, .419608) 0 14px 26px -12px, rgba(0, 0, 0, .117647) 0 4px 23px 0, rgba(0, 0, 0, .2) 0 8px 10px -5px;
-webkit-box-shadow: rgba(0, 0, 0, .419608) 0 14px 26px -12px, rgba(0, 0, 0, .117647) 0 4px 23px 0, rgba(0, 0, 0, .2) 0 8px 10px -5px;
background-color: rgb(251, 192, 45);
box-shadow: rgba(0, 0, 0, .419608) 0 14px 26px -12px, rgba(0, 0, 0, .117647) 0 4px 23px 0, rgba(0, 0, 0, .2) 0 8px 10px -5px;
color: #000000;
font-size: .66em;
font-weight: 600;
}
.subscribe-centered-section .subscribe-form input[type="submit"]:active {
-moz-box-shadow: rgba(0, 0, 0, .129412) 0 3px 2px 0 inset;
-webkit-box-shadow: rgba(0, 0, 0, .129412) 0 3px 2px 0 inset;
background-color: rgb(251, 192, 45);
box-shadow: rgba(0, 0, 0, .129412) 0 3px 2px 0 inset;
color: rgb(255, 255, 255);
font-size: .66em;
font-weight: 400;
}
.subscribe-social-section {
background-color: #FFFFFF;
clear: both;
min-height: 100px;
padding-bottom: 50px;
padding-top: 50px;
}
.subscribe-social-section-form,.subscribe-social-section-social {
float: none;
min-height: 100px;
padding-left: 15px;
padding-right: 15px;
text-align: center;
width: 100%;
}
.subscribe-social-section-form-row {
clear: both;
float: left;
margin-bottom: 20px;
min-height: 67px;
padding-left: 15px;
padding-right: 15px;
text-align: center;
width: 100%;
}
.subscribe-social-section .subscribe-form input[type="email"] {
background-color: #FAFAFA;
border-color: #DDDDDD;
border-style: solid;
border-width: 1px;
display: inline-block;
margin-right: 10px;
min-height: 40px;
padding-left: 10px;
padding-right: 10px;
width: 250px;
}
.subscribe-social-section input[type="email"]::placeholder {
color: #000;
}
.subscribe-social-section .subscribe-form input[type="submit"] {
-moz-box-shadow: rgba(0, 0, 0, .137255) 0 1px 2px 0, rgba(0, 0, 0, .2) 0 3px 1px -2px, rgba(0, 0, 0, .117647) 0 1px 5px 0;
-webkit-box-shadow: rgba(0, 0, 0, .137255) 0 1px 2px 0, rgba(0, 0, 0, .2) 0 3px 1px -2px, rgba(0, 0, 0, .117647) 0 1px 5px 0;
background-color: #9c27b0;
border-radius: 4px;
border-style: solid;
border-width: 0;
box-shadow: rgba(0, 0, 0, .137255) 0 1px 2px 0, rgba(0, 0, 0, .2) 0 3px 1px -2px, rgba(0, 0, 0, .117647) 0 1px 5px 0;
color: rgb(255, 255, 255);
cursor: pointer;
display: inline-block;
font-size: .66em;
font-stretch: normal;
font-style: normal;
font-variant: normal;
font-weight: 400;
letter-spacing: 1px;
line-height: 130%;
margin: 10px 18px 18px 0;
padding: 10px 20px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: all 0.4s linear 0s;
}
.subscribe-social-section .subscribe-form input[type="submit"]:hover {
-moz-box-shadow: rgba(0, 0, 0, .419608) 0 14px 26px -12px, rgba(0, 0, 0, .117647) 0 4px 23px 0, rgba(0, 0, 0, .2) 0 8px 10px -5px;
-webkit-box-shadow: rgba(0, 0, 0, .419608) 0 14px 26px -12px, rgba(0, 0, 0, .117647) 0 4px 23px 0, rgba(0, 0, 0, .2) 0 8px 10px -5px;
background-color: #9c27b0;
box-shadow: rgba(0, 0, 0, .419608) 0 14px 26px -12px, rgba(0, 0, 0, .117647) 0 4px 23px 0, rgba(0, 0, 0, .2) 0 8px 10px -5px;
color: rgb(255, 255, 255);
font-size: .66em;
font-weight: 400;
}
.subscribe-social-section .subscribe-form input[type="submit"]:active {
-moz-box-shadow: rgba(0, 0, 0, .129412) 0 3px 2px 0 inset;
-webkit-box-shadow: rgba(0, 0, 0, .129412) 0 3px 2px 0 inset;
background-color: #9c27b0;
box-shadow: rgba(0, 0, 0, .129412) 0 3px 2px 0 inset;
color: rgb(255, 255, 255);
font-size: .66em;
font-weight: 400;
}
.subscribe-social-section-social-row {
clear: both;
float: left;
margin-bottom: 10px;
margin-top: 15px;
min-height: 32px;
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
.fa.font-icon-24:hover {
color: #9c27b0;
text-rendering: auto;
}
.fa.font-icon-24 {
color: #333333;
display: inline-block;
font-size: 1.66em;
margin-left: 10px;
margin-right: 10px;
}
.content-center-video-imgcol {
-moz-box-shadow: rgba(0, 0, 0, .247059) 0 15px 80px -5px;
-webkit-box-shadow: rgba(0, 0, 0, .247059) 0 15px 80px -5px;
background: url(https://parkhotel-sassendorf.de/wp-content/themes/one-page-express-pro/sections/images/project2.jpg) center center / cover;
box-shadow: rgba(0, 0, 0, .247059) 0 15px 80px -5px;
float: none;
margin-top: 20px;
min-height: 400px;
padding-left: 15px;
padding-right: 15px;
padding-top: 160px;
position: relative;
text-align: center;
width: 100%;
z-index: 1;
}
.fa.font-icon-video-on-bottom {
color: #FFFFFF;
font-size: 4.44em;
}
.woocommerce-textrow {
margin-left: -15px;
margin-right: -15px;
text-align: center;
}
img.woocommerce-postimg {
width: 100%;
}
.woocommerce-postbg {
background-color: #FFF6E5;
clear: both;
padding-bottom: 27px;
padding-top: 27px;
}
.woocommerce-section .woocommerce ul.products li.first {
clear: none;
}
.woocommerce-products-row .woocommerce-product-col {
margin-bottom: 15px;
margin-top: 15px;
}
@media only screen and (min-width: 768px){ 
.about-image-textcol-pro {
float: none;
margin-left: 16.6667%;
min-height: auto;
padding-bottom: 1em;
padding-left: 15px;
padding-right: 15px;
padding-top: 2em;
text-align: center;
width: 66.6667%;
}
img.about-image-img-pro {
width: 83.3333%;
}
.contact-2columns-textrow,.contact-3-section-textrow {
clear: both;
min-height: 156px;
}
.contact-2columns-textcol,.contact-3-section-textcol {
margin-left: auto;
margin-right: auto;
min-height: 156px;
padding-left: 15px;
padding-right: 15px;
width: 66.6667%;
}
.contact-2columns-contentrow,.content-left-video-innerrow,.cta-centered-bg-section-row,.row_290,.woocommerce-products-row {
clear: both;
margin-left: -15px;
margin-right: -15px;
width: auto;
}
.contact-2columns-formrow {
float: left;
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
.contact-2columns-formcol {
clear: both;
float: left;
padding-left: 15px;
padding-right: 15px;
width: 60%;
}
#contactform2_form .form-group .button.button-default {
margin-left: auto;
margin-right: auto;
right: auto;
}
.contact-2columns-contactcol {
float: left;
padding-left: 15px;
padding-right: 15px;
width: 40%;
}
.contact-2columns-itemrow {
clear: both;
float: left;
min-height: 41px;
width: 100%;
}
.contact-2columns-iconcol {
min-height: 30px;
}
.fa.font-icon-contact-form,.fa.contact-3-font-icon-1,.fa.contact-map-section-font-icon-1 {
height: 26px;
width: 26px;
}
.column_284 {
float: left;
min-height: 41px;
padding-left: 15px;
}
.contact-3-section-formrow,.contact-3-section-contactcol,.subscribe-social-section-form,.subscribe-social-section-social {
float: left;
min-height: 100px;
padding-left: 15px;
padding-right: 15px;
width: 50%;
}
.contact-3-section-formcol,.contact-2columns-formcol1,.row_299 {
clear: both;
float: left;
min-height: 100px;
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
.contact-3-section-info-text,.contact-map-section-info-text {
float: left;
padding-left: 15px;
padding-right: 15px;
}
.contact-3-section-map-container {
clear: both;
min-height: 100px;
padding-left: 0;
padding-right: 0;
width: 100%;
}
.contact-map-section {
min-height: 100px;
padding-left: 0;
padding-right: 0;
}
.contact-map-section-row {
-webkit-align-items: stretch;
align-items: stretch;
clear: both;
display: flex;
margin-left: 0;
margin-right: 0;
width: auto;
}
.contact-map-section-left {
float: left;
min-height: 100px;
width: 50%;
}
.contact-map-section-right {
flex: 1;
float: left;
margin-top: 0;
min-height: 100px;
position: relative;
width: 50%;
}
.contact-map-section-right .ope-google-maps {
bottom: 0;
left: 0;
position: absolute !important;
right: 0;
top: 0;
}
.content-left-video-imgcol {
float: left;
min-height: 400px;
padding-left: 15px;
padding-right: 15px;
width: 50%;
}
.content-left-video-textcol {
float: left;
margin-left: 0;
min-height: 371px;
padding-left: 30px;
padding-right: 15px;
padding-top: 27px;
text-align: left;
width: 50%;
}
.content-right-video-textcol {
float: left;
margin-left: 0;
min-height: 371px;
padding: 27px 15px 0 30px;
text-align: left;
width: 50%;
}
.cta-centered-bg-section-col,.cta-centered-section-col,.column_266,.subscribe-centered-section-wrap,.column_269 {
margin-left: auto;
margin-right: auto;
min-height: 100px;
padding-left: 15px;
padding-right: 15px;
width: 66.6667%;
}
.row_297 .gallery-wrapper .gallery-item {
width: 25%;
}
.row_291,.row_300,.row_296,.woocommerce-textrow {
margin-left: -15px;
margin-right: -15px;
}
.clients-grid-textcol {
left: auto;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
min-height: 141px;
padding-left: 15px;
padding-right: 15px;
right: auto;
width: 83.3333%;
}
.row_299 .gallery-wrapper .gallery-item {
display: inline-block;
float: left;
padding: 3px;
vertical-align: top;
}
.pricing-black-white-section,.pricing-simple-section {
clear: both;
min-height: 100px;
padding-bottom: 45px;
}
.pricing-black-white-itemcol,.pricing-simple-itemcol {
float: left;
min-height: 100px;
padding-left: 15px;
padding-right: 15px;
width: 33.3333%;
}
.pricing-black-white-itemcard {
clear: both;
margin-bottom: 30px;
min-height: 200px;
padding: 40px 30px 30px 30px;
}
p.pricing-black-white-pricetext,p.pricing-black-white-pricetext-popular {
line-height: 150%;
}
.pricing-black-white-features-list,.pricing-black-white-features-list-popular,.pricing-colors-features-list,.pricing-featured .pricing-colors-features-list,.pricing-double-colors-features-list {
padding-left: 0;
}
.pricing-featured .pricing-black-white-itemcard {
clear: both;
margin-bottom: 30px;
min-height: 200px;
padding: 0 30px 30px 30px;
}
.pricing-featured-tag {
clear: both;
margin-left: -30px;
min-height: 49px;
padding-left: 0;
padding-right: 0;
width: 100%;
}
.pricing-colors-section {
clear: both;
min-height: 100px;
padding-top: 75px;
}
.pricing-colors-innerrow:last-child {
margin-bottom: 60px;
}
.pricing-colors-itemcol {
float: left;
margin-bottom: 60px;
min-height: 100px;
padding: 0;
}
.pricing-colors-titlerow {
clear: both;
float: left;
min-height: 70px;
padding: 20px;
width: 100%;
}
.pricing-colors-contentrow {
clear: both;
min-height: 100px;
padding: 30px;
}
.pricing-colors-itemcol.pricing-featured {
margin-top: -30px;
padding: 0;
}
.pricing-double-colors-pricecol.pricing-featured {
margin-top: -30px;
}
.pricing-double-colors-section {
clear: both;
min-height: 100px;
padding-bottom: 75px;
padding-top: 105px;
}
.pricing-double-colors-pricecol {
float: left;
margin-left: 0;
margin-right: 0;
min-height: 235px;
padding-left: 0;
padding-right: 0;
width: 33.3333%;
}
.pricing-double-colors-titlerow-orange,.pricing-double-colors-titlerow {
clear: both;
min-height: 58px;
}
.pricing-double-colors-pricerow {
clear: both;
float: left;
min-height: 87px;
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
.pricing-double-colors-featuresrow {
clear: both;
min-height: 100px;
padding: 20px;
}
li.pricing-double-colors-feature-item {
padding-left: 0;
}
.pricing-simple-itemcard {
clear: both;
margin-bottom: 30px;
min-height: 200px;
padding: 30px;
}
.pricing-simple-features-list {
padding-left: 0;
text-align: left;
}
.subscribe-2cols-section .subscribe-form input[type="submit"] {
display: inline-block;
margin-right: 18px;
margin-top: 10px;
padding: 12px 20px;
transition: all 0.4s linear 0s;
}
.subscribe-2cols-section-left {
float: left;
padding-left: 15px;
padding-right: 15px;
text-align: left;
width: 41.6667%;
}
.subscribe-2cols-section-right {
float: left;
margin-top: 0;
min-height: 59px;
padding-left: 15px;
padding-right: 15px;
text-align: right;
width: 58.3333%;
}
.subscribe-2cols-section .subscribe-form input[type="email"],.subscribe-centered-section .subscribe-form input[type="email"] {
border-bottom: none rgba(221, 221, 221, .498039);
border-left: none rgba(221, 221, 221, .498039);
border-right: none rgba(221, 221, 221, .498039);
border-top: 0 none rgba(221, 221, 221, .498039);
display: inline-block;
margin-right: 10px;
min-height: 40px;
width: 60%;
}
.subscribe-centered-section .subscribe-form input[type="submit"] {
border-style: solid;
border-width: 0;
display: inline-block;
margin-right: 18px;
margin-top: 10px;
padding: 12px 20px;
transition: all 0.4s linear 0s;
}
.subscribe-social-section .subscribe-form input[type="submit"] {
border-style: solid;
border-width: 0;
display: inline-block;
margin-right: 18px;
padding: 12px 20px;
transition: all 0.4s linear 0s;
}
.subscribe-social-section-form-row {
clear: both;
margin-bottom: 0;
min-height: 59px;
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
.subscribe-social-section .subscribe-form input[type="email"] {
border-style: solid;
border-width: 1px;
display: inline-block;
margin-right: 10px;
min-height: 40px;
width: 250px;
}
.subscribe-social-section-social-row {
clear: both;
float: left;
min-height: 40px;
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
.fa.font-icon-24 {
margin-left: 10px;
margin-right: 10px;
}
.content-center-video-imgcol {
float: left;
min-height: 400px;
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
.woocommerce-section {
clear: both;
}
.woocommerce-textcol {
margin-left: auto;
margin-right: auto;
width: 75%;
}
.woocommerce-product-col {
float: left;
margin-bottom: 30px;
padding-left: 15px;
padding-right: 15px;
width: 50%;
}
.woocommerce-product-col:nth-of-type(2n+1) {
clear: left;
}
.woocommerce-postbg {
clear: both;
min-height: 200px;
padding-left: 27px;
padding-right: 27px;
}
}
@media only screen and (min-width: 1024px){ 
.header-description img.about-images-right-leftimg {
margin-left: 0;
}
.header-description img.about-images-right-rightimg {
margin-right: 0;
}
img.about-image-img-pro {
width: 83.3333%;
}
.contact-2columns-textcol,.contact-3-section-textcol {
float: none;
margin-left: auto;
margin-right: auto;
min-height: 156px;
padding-left: 15px;
padding-right: 15px;
}
.contact-2columns-contentrow,.content-left-video-innerrow,.cta-centered-bg-section-row,.row_290,.woocommerce-products-row {
clear: both;
margin-left: -15px;
margin-right: -15px;
width: auto;
}
.contact-2columns-formrow,.contact-3-section-formrow,.contact-3-section-info-text,.pricing-black-white-itemcol,.pricing-simple-itemcol,.subscribe-social-section-form,.subscribe-social-section-social,.woocommerce-product-col {
float: left;
padding-left: 15px;
padding-right: 15px;
}
.contact-2columns-formcol {
clear: both;
float: left;
padding: 30px 30px 15px 30px;
width: 50%;
}
#contactform2_form .form-group .button.button-default {
margin-left: auto;
margin-right: auto;
right: auto;
}
.contact-2columns-contactcol,.contact-3-section-contactcol {
float: left;
padding-left: 30px;
padding-right: 15px;
width: 50%;
}
.contact-2columns-itemrow {
clear: both;
float: left;
min-height: 41px;
width: 100%;
}
.fa.font-icon-contact-form,.fa.contact-3-font-icon-1,.fa.contact-map-section-font-icon-1 {
height: 26px;
width: 26px;
}
.column_284 {
min-height: 41px;
padding-left: 15px;
}
.contact-3-section-formcol {
clear: both;
float: left;
min-height: 100px;
padding: 30px 30px 15px;
width: 100%;
}
.contact-3-section-map-container {
clear: both;
min-height: 100px;
padding-left: 0;
padding-right: 0;
width: 100%;
}
.contact-map-section {
float: none;
margin-left: auto;
margin-right: auto;
max-width: none;
padding-left: 0;
padding-right: 0;
width: auto;
}
.contact-map-section-row {
clear: both;
margin-left: 0;
margin-right: 0;
width: auto;
}
.contact-map-section-left {
float: left;
padding-left: 5%;
padding-right: 5%;
}
.contact-map-section-info-text {
padding-left: 15px;
padding-right: 15px;
}
.contact-2columns-formcol1 {
clear: both;
float: left;
min-height: 100px;
padding: 30px 30px 15px 30px;
width: 100%;
}
.contact-map-section-right {
float: left;
}
.content-left-video-imgcol {
float: left;
min-height: 400px;
padding-left: 15px;
padding-right: 15px;
width: 50%;
}
.content-left-video-textcol {
float: left;
min-height: 371px;
padding-left: 30px;
padding-right: 15px;
padding-top: 27px;
width: 50%;
}
.content-right-video-textcol {
float: left;
min-height: 371px;
padding: 27px 15px 0 30px;
width: 50%;
}
.cta-centered-bg-section-col,.cta-centered-section-col,.column_266,.subscribe-centered-section-wrap,.column_269 {
float: none;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
.row_297 .gallery-wrapper .gallery-item {
padding: 0;
width: 16.666666666666668%;
}
.row_291,.row_296,.woocommerce-textrow {
margin-left: -15px;
margin-right: -15px;
}
.clients-grid-textcol {
margin-bottom: 10px;
margin-right: auto;
min-height: 154px;
padding-left: 15px;
padding-right: 15px;
width: 66.6667%;
}
.row_299 {
clear: both;
float: left;
min-height: 100px;
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
.pricing-black-white-section {
clear: both;
min-height: 100px;
padding-bottom: 75px;
}
.pricing-black-white-itemcard {
margin-bottom: 0;
padding: 30px;
}
p.pricing-black-white-pricetext {
line-height: 150%;
}
.pricing-black-white-features-list,.pricing-black-white-features-list-popular,.pricing-colors-features-list,.pricing-double-colors-features-list {
padding-left: 0;
}
.pricing-featured .pricing-black-white-itemcard {
margin-bottom: 30px;
margin-left: 0;
padding: 0 30px 30px 30px;
}
.pricing-featured-tag {
clear: both;
margin-left: -30px;
min-height: 0;
padding: 0;
width: 100%;
}
p.pricing-black-white-pricetext-popular {
line-height: 130%;
}
.pricing-colors-section {
clear: both;
min-height: 100px;
padding-top: 105px;
}
.pricing-colors-itemcol {
margin-bottom: 30px;
padding: 0;
width: 25%;
}
.pricing-colors-innerrow:last-child {
margin-bottom: 30px;
}
.pricing-colors-titlerow {
clear: both;
float: left;
min-height: 0;
padding: 20px;
width: 100%;
}
.pricing-colors-contentrow {
clear: both;
min-height: 100px;
padding: 30px;
width: 100%;
}
.pricing-double-colors-section {
clear: both;
min-height: 100px;
padding-bottom: 75px;
padding-top: 105px;
}
.pricing-double-colors-pricecol {
float: left;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.pricing-double-colors-titlerow {
min-height: 58px;
}
.pricing-double-colors-pricerow {
clear: both;
float: left;
min-height: 69px;
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
.pricing-double-colors-featuresrow {
clear: both;
min-height: 100px;
padding: 20px;
}
li.pricing-double-colors-feature-item {
padding-left: 10px;
}
.pricing-simple-section {
clear: both;
min-height: 100px;
padding-bottom: 45px;
}
.pricing-simple-itemcard {
margin-bottom: 30px;
padding: 30px;
}
.pricing-simple-features-list {
padding-left: 0;
text-align: left;
}
.subscribe-2cols-section-left {
float: left;
padding-left: 15px;
padding-right: 15px;
width: 50%;
}
.subscribe-2cols-section-right {
float: left;
min-height: 59px;
padding-left: 15px;
padding-right: 15px;
text-align: right;
width: 50%;
}
.subscribe-2cols-section .subscribe-form input[type="email"],.subscribe-centered-section .subscribe-form input[type="email"] {
border-color: rgba(221, 221, 221, .498039);
border-style: solid;
border-width: 1px;
display: inline-block;
margin-right: 10px;
min-height: 40px;
width: 250px;
}
.subscribe-2cols-section .subscribe-form input[type="submit"] {
display: inline-block;
margin: 10px 10px 10px 0;
}
.subscribe-centered-section .subscribe-form input[type="submit"],.subscribe-social-section .subscribe-form input[type="submit"] {
border-style: solid;
border-width: 0;
display: inline-block;
margin: 10px 10px 10px 0;
padding: 12px 30px;
transition: all 0.4s linear 0s;
}
.subscribe-social-section-form-row {
clear: both;
margin-bottom: 0;
min-height: 59px;
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
.subscribe-social-section .subscribe-form input[type="email"] {
border-style: solid;
border-width: 1px;
display: inline-block;
margin-right: 10px;
min-height: 40px;
width: 300px;
}
.subscribe-social-section-social-row {
clear: both;
float: left;
min-height: 40px;
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
.fa.font-icon-24 {
display: inline-block;
margin-left: 10px;
margin-right: 10px;
}
.content-center-video-imgcol {
float: left;
min-height: 400px;
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
.woocommerce-section {
clear: both;
}
.woocommerce-product-col:nth-of-type(2n+1) {
clear: initial;
}
.woocommerce-textcol {
float: none;
margin-left: auto;
margin-right: auto;
width: 75%;
}
.woocommerce-postbg {
padding-left: 27px;
padding-right: 27px;
}
}
.fancybox-enabled{overflow:hidden}.fancybox-enabled body{overflow:visible;height:100%}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-container~.fancybox-container{z-index:99992}.fancybox-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f0f11;opacity:0;transition-timing-function:cubic-bezier(.55,.06,.68,.19);-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-container--ready .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-controls{position:absolute;top:0;left:0;right:0;text-align:center;opacity:0;z-index:99994;transition:opacity .2s;pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;direction:ltr}.fancybox-show-controls .fancybox-controls{opacity:1}.fancybox-infobar{display:none}.fancybox-show-infobar .fancybox-infobar{display:inline-block;pointer-events:all}.fancybox-infobar__body{display:inline-block;width:70px;line-height:44px;font-size:13px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-align:center;color:#ddd;background-color:rgba(30,30,30,.7);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased}.fancybox-buttons{position:absolute;top:0;right:0;display:none;pointer-events:all}.fancybox-show-buttons .fancybox-buttons{display:block}.fancybox-slider-wrap{overflow:hidden;direction:ltr}.fancybox-slider,.fancybox-slider-wrap{position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-tap-highlight-color:transparent}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch}.fancybox-slide:before{content:"";height:100%;width:0}.fancybox-slide:before,.fancybox-slide>*{display:inline-block;vertical-align:middle}.fancybox-slide>*{position:relative;padding:24px;margin:44px 0;border-width:0;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide--image{overflow:hidden}.fancybox-slide--image:before{display:none}.fancybox-content{display:inline-block;position:relative;margin:44px auto;padding:0;border:0;width:80%;height:calc(100% - 88px);vertical-align:middle;line-height:normal;text-align:left;white-space:normal;outline:none;font-size:16px;font-family:Arial,sans-serif;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch}.fancybox-iframe{display:block;margin:0;padding:0;border:0;width:100%;height:100%;background:#fff}.fancybox-slide--video .fancybox-content,.fancybox-slide--video .fancybox-iframe{background:transparent}.fancybox-placeholder{z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-image,.fancybox-placeholder,.fancybox-spaceball{position:absolute;top:0;left:0;margin:0;padding:0;border:0}.fancybox-image,.fancybox-spaceball{width:100%;height:100%;max-width:none;max-height:none;background:transparent;background-size:100% 100%}.fancybox-controls--canzoomOut .fancybox-placeholder{cursor:zoom-out}.fancybox-controls--canzoomIn .fancybox-placeholder{cursor:zoom-in}.fancybox-controls--canGrab .fancybox-placeholder{cursor:-webkit-grab;cursor:grab}.fancybox-controls--isGrabbing .fancybox-placeholder{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-spaceball{z-index:1}.fancybox-tmp{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-error{position:absolute;margin:0;padding:40px;top:50%;left:50%;width:380px;max-width:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font:16px/20px Helvetica Neue,Helvetica,Arial,sans-serif}.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;outline:none;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background:#fff;transition:background .2s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-slide--video .fancybox-close-small{top:-36px;right:-36px;background:transparent}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-caption-wrap{position:absolute;bottom:0;left:0;right:0;padding:60px 30px 0;z-index:99998;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));opacity:0;transition:opacity .2s;pointer-events:none}.fancybox-show-caption .fancybox-caption-wrap{opacity:1}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button{pointer-events:all}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-button{display:inline-block;position:relative;width:44px;height:44px;line-height:44px;margin:0;padding:0;border:0;border-radius:0;cursor:pointer;background:transparent;color:#fff;box-sizing:border-box;vertical-align:top;outline:none}.fancybox-button--disabled{cursor:default;pointer-events:none}.fancybox-button,.fancybox-infobar__body{background:rgba(30,30,30,.6)}.fancybox-button:hover{background:rgba(0,0,0,.8)}.fancybox-button:after,.fancybox-button:before{content:"";pointer-events:none;position:absolute;border-color:#fff;background-color:currentColor;color:currentColor;opacity:.9;box-sizing:border-box;display:inline-block}.fancybox-button--disabled:after,.fancybox-button--disabled:before{opacity:.5}.fancybox-button--left:after{left:20px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.fancybox-button--left:after,.fancybox-button--right:after{top:18px;width:6px;height:6px;background:transparent;border-top:2px solid currentColor;border-right:2px solid currentColor}.fancybox-button--right:after{right:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--left{border-bottom-left-radius:5px}.fancybox-button--right{border-bottom-right-radius:5px}.fancybox-button--close{float:right}.fancybox-button--close:after,.fancybox-button--close:before{content:"";display:inline-block;position:absolute;height:2px;width:16px;top:calc(50% - 1px);left:calc(50% - 8px)}.fancybox-button--close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@media (max-width:800px){.fancybox-controls{text-align:left}.fancybox-button--left,.fancybox-button--right,.fancybox-buttons button:not(.fancybox-button--close){display:none!important}.fancybox-caption{padding:20px 0;margin:0}}.fancybox-button--fullscreen:before{width:15px;height:11px;left:15px;top:16px;border:2px solid;background:none}.fancybox-button--play:before{top:16px;left:18px;width:0;height:0;border-top:6px inset transparent;border-bottom:6px inset transparent;border-left:10px solid;border-radius:1px;background:transparent}.fancybox-button--pause:before{top:16px;left:18px;width:7px;height:11px;border-style:solid;border-width:0 2px;background:transparent}.fancybox-button--thumbs span{font-size:23px}.fancybox-button--thumbs:before{top:20px;left:21px;width:3px;height:3px;box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0}.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:220px}.fancybox-thumbs{position:absolute;top:0;right:0;bottom:0;left:auto;width:220px;margin:0;padding:5px 5px 0 0;background:#fff;z-index:99993;word-break:normal;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;box-sizing:border-box}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0}.fancybox-thumbs>ul>li{float:left;overflow:hidden;max-width:50%;padding:0;margin:0;width:105px;height:75px;position:relative;cursor:pointer;outline:none;border:5px solid #fff;border-top-width:0;border-right-width:0;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;min-width:100%;min-height:100%;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{display:none!important}.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:0}}