.loadingScreen {
background: #fff;
width: 100%;
height: 100%;
z-index: 999999;
top: 0;
left: 0;
position: fixed;
}
.lds-grid {
display: inline-block;
position: relative;
width: 64px;
height: 64px;
top: 50%;
left: 50%;
margin-top: -32px;
margin-left: -32px;
}
.lds-grid div {
position: absolute;
width: 13px;
height: 13px;
background: #1c3f77;
animation: lds-grid 1.2s linear infinite;
}
.lds-grid div:nth-child(1) {
top: 6px;
left: 6px;
animation-delay: 0s;
}
.lds-grid div:nth-child(2) {
top: 6px;
left: 26px;
animation-delay: -0.4s;
}
.lds-grid div:nth-child(3) {
top: 6px;
left: 45px;
animation-delay: -0.8s;
}
.lds-grid div:nth-child(4) {
top: 26px;
left: 6px;
animation-delay: -0.4s;
}
.lds-grid div:nth-child(5) {
top: 26px;
left: 26px;
animation-delay: -0.8s;
}
.lds-grid div:nth-child(6) {
top: 26px;
left: 45px;
animation-delay: -1.2s;
}
.lds-grid div:nth-child(7) {
top: 45px;
left: 6px;
animation-delay: -0.8s;
}
.lds-grid div:nth-child(8) {
top: 45px;
left: 26px;
animation-delay: -1.2s;
}
.lds-grid div:nth-child(9) {
top: 45px;
left: 45px;
animation-delay: -1.6s;
}
@keyframes lds-grid {
0%,
100% {
opacity: 1;
}
50% {
opacity: 0.5;
}
} body {
font-family: "Roboto", Helvetica, Arial, sans-serif;
color: #000000;
font-size: 16px;
line-height: 1.3em;
font-weight: 400;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media only screen and (max-width: 767px) {
body {
font-size: 14px;
line-height: 1.3em;
}
}
.modulBox h1 {
font-family: "Roboto", Helvetica, Arial, sans-serif;
font-weight: 700;
color: #333333;
font-size: 1.88em;
line-height: 1.3em;
margin-bottom: 20px;
}
.modulBox h1:not(:first-of-type) {
margin-top: 50px;
}
@media only screen and (max-width: 767px) {
.modulBox h1 {
letter-spacing: 0;
font-size: 2em;
line-height: 1.3em;
}
}
.modulBox h2 {
font-family: "Roboto", Helvetica, Arial, sans-serif;
font-weight: 500;
color: #333333;
font-size: 1.56em;
line-height: 1.3em;
margin-bottom: 20px;
}
.modulBox h2:not(:first-of-type) {
margin-top: 50px;
}
@media only screen and (max-width: 767px) {
.modulBox h2 {
letter-spacing: 0;
font-size: 1.6em;
line-height: 1.3em;
}
}
.modulBox h2 a {
color: #333333;
font-weight: 700;
}
.modulBox h2 a:hover,
.modulBox h2 a:focus {
color: #595959;
}
.modulBox h3 {
font-family: "Roboto", Helvetica, Arial, sans-serif;
font-weight: 500;
color: #333333;
font-size: 1.35em;
line-height: 1.3em;
margin-bottom: 10px;
}
.modulBox h3:not(:first-child) {
margin-top: 30px;
}
@media only screen and (max-width: 767px) {
.modulBox h3 {
letter-spacing: 0;
font-size: 1.2em;
line-height: 1.3em;
}
}
.modulBox h3 a {
color: #333333;
font-weight: 700;
}
.modulBox h3 a:hover {
color: #595959;
}
.modulBox h4 {
font-family: "Roboto", Helvetica, Arial, sans-serif;
font-weight: 500;
color: #333333;
letter-spacing: 1px;
font-size: 1.15em;
line-height: 1.3em;
margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
.modulBox h4 {
letter-spacing: 0;
font-size: 1.1em;
line-height: 1.3em;
}
}
.modulBox h4:not(:first-child) {
margin-top: 30px;
}
.modulBox h5 {
font-family: "Roboto", Helvetica, Arial, sans-serif;
font-weight: 500;
color: #333333;
letter-spacing: 1px;
font-size: 1.15em;
line-height: 1.3em;
margin-bottom: 10px;
}
.modulBox h5:not(:first-child) {
margin-top: 30px;
}
@media only screen and (max-width: 767px) {
.modulBox h5 {
letter-spacing: 0;
font-size: 1.1em;
line-height: 1.3em;
}
}
.modulBox h6 {
font-family: "Roboto", Helvetica, Arial, sans-serif;
font-weight: 500;
color: #333333;
letter-spacing: 1px;
font-size: 1.15em;
line-height: 1.3em;
margin-bottom: 10px;
}
.modulBox h6:not(:first-child) {
margin-top: 30px;
}
@media only screen and (max-width: 767px) {
.modulBox h6 {
letter-spacing: 0;
font-size: 1.1em;
line-height: 1.3em;
}
}
.modulBox p {
font-family: "Roboto", Helvetica, Arial, sans-serif;
color: #000000;
margin-bottom: 20px;
font-size: 1em;
line-height: 1.8em;
font-weight: 300;
text-align: justify;
}
@media only screen and (min-width: 992px) {
.modulBox p:last-child {
margin-bottom: 0 !important;
}
}
.modulBox td {
font-family: "Roboto", Helvetica, Arial, sans-serif;
color: #000000;
font-size: 1em;
line-height: 1.8em;
font-weight: 300;
text-align: justify;
}
.modulBox strong,
.modulBox b {
font-weight: 500;
}
.modulBox ul {
padding: 0;
margin: 0 0 0 15px;
font-size: 1em;
line-height: 1.8em;
margin-bottom: 20px;
list-style-type: none;
font-weight: 300;
}
.modulBox ul li {
padding-left: 0.5em;
}
.modulBox ul li:before {
content: "\f101";
font-family: "FontAwesome";
float: left;
margin-left: -1.2em;
color: #1c3f77;
}
.modulBox ul.downloadlist {
padding: 0;
margin: 0;
font-size: 1em;
line-height: 1.8em;
margin-bottom: 20px;
list-style-type: none;
font-weight: 300;
}
.modulBox ul.downloadlist li {
padding: 10px 0;
box-sizing: border-box;
border-bottom: 1px solid #d6dbe5;
}
.modulBox ul.downloadlist li:before {
display: none;
margin: 0;
}
.modulBox ul.downloadlist li a {
margin-left: 25px;
display: inline-block;
}
.modulBox ul.downloadlist li a:before {
content: "\f019";
font-family: "FontAwesome";
float: left;
margin-left: -25px;
color: #1c3f77;
}
.modulBox ul.linklist {
padding: 0;
margin: 0;
font-size: 1em;
line-height: 1.8em;
margin-bottom: 20px;
list-style-type: none;
font-weight: 300;
}
.modulBox ul.linklist li {
padding: 10px 0;
box-sizing: border-box;
border-bottom: 1px solid #d6dbe5;
}
.modulBox ul.linklist li:before {
display: none;
margin: 0;
}
.modulBox ul.linklist li a {
margin-left: 25px;
display: inline-block;
}
.modulBox ul.linklist li a:before {
content: "\f0c1";
font-family: "FontAwesome";
float: left;
margin-left: -25px;
color: #1c3f77;
}
.modulBox a {
color: #1c3f77;
font-weight: 500;
}
.modulBox a:hover {
color: #4c7bc6;
}
.modulBox .fa {
color: #333333;
}
.modulBox.light h1,
.modulBox.light h2,
.modulBox.light h3,
.modulBox.light h4,
.modulBox.light h5,
.modulBox.light h6,
.modulBox.light p,
.modulBox.light ul,
.modulBox.light li:before,
.modulBox.light .postMeta,
.modulBox.light div,
.modulBox.light i.fa {
color: #fff;
text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
}
.modulBox.light a {
color: #fff; }
.modulBox.light a:hover {
color: #fff; }
.modulBox dl {
display: flex;
flex-wrap: wrap;
width: 100%;
margin: 0;
padding: 0;
font-weight: 300;
}
.modulBox dt,
.modulBox dd {
flex: 1 1 50%;
margin: 0;
padding: 10px 0;
box-sizing: border-box;
border-bottom: 1px solid #d6dbe5;
}
.modulBox dl dt:last-of-type,
.modulBox dl dd:last-of-type {
border-bottom: none;
}
.modulBox dt {
font-weight: 500;
}
.modulBox dd {
text-align: right;
}
@media (max-width: 768px) {
.modulBox dt,
.modulBox dd {
flex: 1 1 100%;
text-align: left;
border-right: none;
}
.modulBox dt {
border: none;
padding-bottom: 0;
}
}
header {
padding: 0;
margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
header {
margin-bottom: 30px;
}
}
header.nospace {
margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
header.nospace {
margin-bottom: 0;
}
}
header .logoContainerWrap {
background: #f7f6f5;
flex: 0 230px;
}
header .logoContainerWrap .logoContainer {
margin: 0;
background: #ffffff;
width: 230px;
padding: 15px 30px 15px 30px !important;
}
@media only screen and (max-width: 767px) {
header .logoContainerWrap .logoContainer {
margin: 0;
float: none;
width: 100%;
}
}
header .logoContainerWrap .logoContainer a {
display: block;
text-align: center;
}
header .logoContainerWrap .logoContainer a img {
width: 100%;
height: auto;
}
@media only screen and (max-width: 767px) {
header .logoContainerWrap .logoContainer a img {
width: 80%;
height: auto;
}
}
@media only screen and (max-width: 767px) {
header .logoContainerWrap .valign {
display: block;
}
}
header .navLink {
text-align: center;
}
header .navLink a {
display: block;
margin-top: 1px;
background: #1c3f77;
font-size: 20px;
line-height: 1em;
padding: 15px 4px 15px 4px;
text-align: center;
color: #fff;
font-weight: 700;
}
header .navLink a:hover {
background: #173462;
}
header .navLink a .fa {
color: #fff;
}
header .headerHeadline {
color: #000000;
font-weight: 500;
font-size: 1em;
line-height: 1.3em;
}
header .headerHeadline span {
color: #1c3f77;
font-size: 1.8em;
line-height: 1em;
font-weight: 700;
line-height: 1.3em;
}
@media only screen and (max-width: 767px) {
header .headerHeadline span {
display: none;
}
}
@media only screen and (max-width: 767px) {
header .headerHeadline {
text-align: center;
padding: 15px 15px 15px 15px;
display: block;
width: 100%;
}
}
header .bannerLogos {
margin-left: auto;
margin-right: 30px;
text-align: right;
}
header .bannerLogos img {
height: 60px;
width: auto;
margin-left: 20px;
}
@media only screen and (max-width: 1024px) {
header .bannerLogos img {
height: 40px;
width: auto;
}
}
@media only screen and (max-width: 767px) {
header .bannerLogos img {
margin: 0 10px 0 10px;
}
}
@media only screen and (max-width: 880px) {
header .bannerLogos {
width: 200px;
}
}
@media only screen and (max-width: 767px) {
header .bannerLogos {
text-align: center;
display: block;
width: 100%;
margin: 0;
padding-bottom: 15px;
}
}
.topNavi {
padding: 0 30px 0 30px;
background: #1c3f77;
}
@media only screen and (max-width: 767px) {
.topNavi {
display: none;
}
}
.topNavi ul {
list-style-type: none;
margin: 0;
padding: 0;
text-align: right;
padding: 10px 0 10px 0;
}
.topNavi ul li {
display: inline-block;
padding: 0 10px 0 10px;
}
.topNavi ul li:last-child {
padding-right: 0;
}
.topNavi ul li a {
color: #fff;
font-weight: 500;
font-size: 0.87em;
line-height: 1em;
}
.topNavi ul li a:hover,
.topNavi ul li a:focus {
color: #4c7bc6;
}
.topNavi ul li.current-menu-item a {
color: #4c7bc6;
}
header .col1 {
float: left;
width: 230px;
}
@media only screen and (max-width: 767px) {
header .col1 {
float: none;
width: 100%;
}
}
header .col2 {
float: right;
width: calc(100% - 270px);
}
@media only screen and (max-width: 767px) {
header .col2 {
float: none;
width: 100%;
}
}
.mainNaviWrap {
background: #fff;
margin-left: -0.9em;
-webkit-box-shadow: 0px 3px 10px rgba(224, 221, 217, 0.5);
-moz-box-shadow: 0px 3px 10px rgba(224, 221, 217, 0.5);
box-shadow: 0px 3px 10px rgba(224, 221, 217, 0.5);
}
@media only screen and (max-width: 1151px) {
.mainNaviWrap {
margin-left: 0;
}
.mainNaviWrap .col1 {
display: none;
}
.mainNaviWrap .col2 {
width: 100%;
}
} .sf-menu > li { }
.sf-menu ul li:first-child { }
.sf-menu ul li:last-child { } .sf-menu,
.sf-menu * {
margin: 0;
padding: 0;
list-style: none;
}
.sf-menu li {
position: relative;
}
.sf-menu ul {
position: absolute;
display: none;
top: 100%;
left: 0;
z-index: 99;
}
.sf-menu > li {
float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
display: block;
}
.sf-menu a {
display: block;
position: relative;
}
.sf-menu ul ul {
top: 0;
left: 100%;
} .sf-menu {
float: left;
}
.sf-menu ul {
min-width: 12em;
*width: 12em;
}
.sf-menu ul {
-webkit-box-shadow: 0px 11px 16px 0px rgba(0, 0, 0, 0.08);
-moz-box-shadow: 0px 11px 16px 0px rgba(0, 0, 0, 0.08);
box-shadow: 0px 11px 16px 0px rgba(0, 0, 0, 0.08);
}
.sf-menu a {
padding: 1.3em 0.8em;
text-decoration: none;
zoom: 1;
color: #000000;
font-weight: 400;
}
.sf-menu ul a {
padding: 0.7em 0.9em;
text-transform: none;
font-weight: 400;
font-size: 0.9em;
}
.sf-menu li {
white-space: nowrap;
*white-space: normal;
-webkit-transition: background 0.2s;
transition: background 0.2s;
}
.sf-menu ul li {
background: #fff; text-align: left;
}
.sf-menu ul ul li {
background: #fff; }
.sf-menu li:hover,
.sf-menu li.sfHover {
background: #f7f6f5;
-webkit-transition: none;
transition: none;
}
.sf-menu > li:hover,
.sf-menu > li.sfHover {
background: none;
}
.sf-menu > li:hover > a,
.sf-menu > li.sfHover > a {
color: #1c3f77;
}
.sf-arrows ul .sf-with-ul {
padding-right: 2.5em;
*padding-right: 1em;
}
.sf-arrows ul .sf-with-ul:after {
content: "";
position: absolute;
top: 50%;
right: 1em;
margin-top: -3px;
height: 0;
width: 0;
border: 5px solid transparent;
border-top-color: #000000;
border-top-color: rgba(255, 255, 255, 0.5);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
border-top-color: #000000;
}
.sf-arrows ul .sf-with-ul:after {
margin-top: -5px;
margin-right: -3px;
border-color: transparent;
border-left-color: #000000;
border-left-color: rgba(255, 255, 255, 0.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
border-left-color: #000000;
}
.sf-menu li.current-menu-item > a,
.sf-menu li.current_page_parent > a,
.sf-menu li.current-page-ancestor > a,
.sf-menu li.current-page-ancestor li.current_page_item > a,
.sf-menu li.current-page-ancestor li.current-page-ancestor > a {
color: #1c3f77;
}
#sb-site {
background: none;
}
.sb-slidebar {
background: #1c3f77;
width: 80%;
}
.sb-slidebar h2 {
padding: 15px 20px;
background: #ffffff;
font-weight: 700;
color: #000;
}
.sb-slidebar h2.abstandoben {
margin-top: 30px;
}
.mobileNavi,
.mobileNavi ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.mobileNavi a {
color: #ffffff;
padding: 10px 20px 10px 20px;
font-size: 1.1em;
line-height: 1.3em;
display: block;
font-weight: 400;
}
.mobileNavi ul a {
text-transform: none;
padding: 10px 20px 10px 30px;
font-weight: 400;
font-size: 1.1em;
line-height: 1.3em;
}
.mobileNavi ul ul a {
text-transform: none;
padding: 5px 20px 5px 50px;
font-size: 1em;
line-height: 1.3em;
font-weight: 400;
}
.mobileNavi a:hover,
.mobileNavi a:focus,
.mobileNavi ul a:hover,
.mobileNavi ul a:focus {
text-decoration: none;
background: rgba(255, 255, 255, 0.2);
color: #fff;
}
.mobileNavi li.current_page_item a {
background: rgba(255, 255, 255, 0.2);
}
.mobileNavi li.current_page_item li a {
text-decoration: none;
background: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
padding: 0;
margin: 0;
font-weight: 400;
line-height: 1em;
font-size: 16px;
}
a,
.wpcf7-submit,
a img,
a#back-to-top,
i.fa,
input,
textarea,
select {
text-decoration: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
a:hover,
a:focus {
text-decoration: none;
outline: none;
}
a:hover img {
-webkit-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
}
.modulBox img {
max-width: 100%;
height: auto;
}
.modulBox img.alignright {
float: right;
margin: 0 0 3em 3em;
}
.modulBox img.alignleft {
float: left;
margin: 0 3em 3em 0;
}
.modulBox img.aligncenter {
display: block;
margin-top: 0;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
}
.modulBox a img.alignright {
float: right;
margin: 0 0 3em 3em;
}
.modulBox a img.alignleft {
float: left;
margin: 0 0 3em 0;
}
.modulBox a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
} .video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.valign {
display: flex;
align-items: center;
}
.valignCol {
display: flex;
align-items: center;
}
@media only screen and (max-width: 767px) {
.valignCol {
display: block;
}
}
.clear {
clear: both;
}
#lightcase-overlay {
background: #000;
}
.container {
max-width: 1400px;
margin: 0 auto;
width: auto;
}
@media (min-width: 700px) {
.container {
padding: 0 50px 0 50px;
}
}
@media only screen and (max-width: 767px) {
.container {
padding: 0 50px / 2 0 50px / 2;
}
}
.container-fluid {
padding: 0 50px 0 50px;
}
@media only screen and (max-width: 767px) {
.container-fluid {
padding: 0 50px / 2 0 50px / 2;
}
} .modulBox {
margin: 0 0 50px 0;
}
@media only screen and (max-width: 767px) {
.modulBox {
margin: 0 0 30px 0;
}
}
.modulBox .headerText {
margin: 0 0 50px 0;
}
@media only screen and (max-width: 767px) {
.modulBox .headerText {
margin: 0 0 30px 0;
}
}
.modulBox.abstandklein {
margin: 0;
}
.modulBox.abstandobenKlein {
margin-top: -50px;
}
@media only screen and (max-width: 767px) {
.modulBox.abstandobenKlein {
margin-top: -30px;
}
}
.modulBox.modulBoxBG {
padding: 50px 0 50px 0;
}
@media only screen and (max-width: 767px) {
.modulBox.modulBoxBG {
padding: 30px 0 30px 0;
}
}
.modulBox.modulBoxBG.bgImage {
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.modulBox .abstandUnten {
margin-bottom: 30px;
} .row {
margin: 0 -30px;
}
[class*="col-"] {
padding: 0 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gap-sm {
margin-bottom: 50px;
}
.gap-sm:last-child {
margin-bottom: 0;
}
}
@media only screen and (max-width: 767px) {
.gap-xs {
margin-bottom: 30px;
}
.gap-xs:last-child {
margin-bottom: 0;
}
}
.teamContainer {
font-weight: 300;
margin: 0 -30px 0 -30px;
}
.teamContainer .teamBox {
padding: 0 30px 0 30px;
}
.teamContainer .teamBox .teamImg {
margin-bottom: 15px;
}
.teamContainer .teamBox .teamName {
font-weight: 700;
}
.teamContainer .teamBox .teamFunktion {
margin-bottom: 15px;
}
.teamContainer .teamBox .teamMail {
padding-top: 3px;
}
.teamContainer .teamBox .fa {
display: inline-block;
width: 20px;
}
.logosBoxWrap .logosBox {
margin-bottom: 60px;
text-align: center;
}
.logosBoxWrap .logosBox .logosLogo {
width: 100%;
height: 150px;
margin-bottom: 15px;
align-items: center;
justify-content: center;
display: flex;
background: #f7f6f5;
padding: 20px;
}
.logosBoxWrap .logosBox .logosLogo img {
max-height: 100px;
max-width: 80%;
margin: 0 auto;
display: block;
}
.logosBoxWrap .logosBox .logosName {
font-weight: 700;
margin-bottom: 15px;
}
.logosBoxWrap .logosBox .logosAdresse {
margin-bottom: 15px;
}
.logosBoxWrap .logosBox .logosWeb {
margin-top: 15px;
}
.logosBoxWrap .logosBox .fa {
display: inline-block;
width: 20px;
}
.galleryWrap {
margin: 0 -30px/2 0 -30px/2;
}
.galleryWrap .galleryBox {
width: calc(25% - 30px);
display: block;
margin-top: 0;
margin-bottom: 30px;
margin-left: 30px/2;
margin-right: 30px/2;
box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.galleryWrap .galleryBox {
width: calc(33.33% - 30px);
}
}
@media only screen and (max-width: 767px) {
.galleryWrap .galleryBox {
width: calc(50% - 30px);
margin-left: 30px/2;
margin-right: 30px/2;
margin-top: 0;
margin-bottom: 30px;
}
}
.ctaModul {
text-align: center;
}
.ctaModul.modulBoxBG {
margin-top: -50px;
}
.ctaModul.modulBoxBG.whiteBG {
background-color: #fff;
}
.produktContainer .videoWrap .row {
margin: 0 -10px;
}
.produktContainer .videoWrap [class*="col-"] {
padding: 0 10px;
}
.produktContainer .videoWrap .videoBox {
margin-top: 20px;
}
.produktContainerV2 .modulBox .buttonBox {
padding: 20px;
margin-top: 40px;
background: #f5f6f9;
display: flex;
justify-content: space-between;
flex-wrap: wrap; }
.produktContainerV2 .modulBox .buttonBox .h4 {
color: #1c3f77;
font-weight: 700;
font-size: 1.3em !important;
}
.produktContainerV2 .modulBox .buttonBox .buttonBoxButtons {
text-align: right;
}
@media (max-width: 1190px) {
.produktContainerV2 .modulBox .buttonBox {
flex-direction: column;
}
.produktContainerV2 .modulBox .buttonBox .h4,
.produktContainerV2 .modulBox .buttonBox .buttonBoxButtons {
width: 100%;
text-align: left;
margin-bottom: 10px;
text-align: center;
}
.produktContainerV2 .modulBox .buttonBox .h4 .btn,
.produktContainerV2 .modulBox .buttonBox .buttonBoxButtons .btn {
margin-left: 5px;
margin-right: 5px;
}
}
.produktContainerV2 .modulBox .contactBox {
background: #f5f6f9;
padding: 0 20px 20px 20px;
}
.produktContainerV2 .modulBox .contactBox .borderline {
height: 1px;
background: #e5e8ef;
margin-bottom: 20px;
}
.produktContainerV2 .modulBox .contactBox div.col2 {
margin-left: 40px;
}
.produktContainerV2 .modulBox .contactBox h2,
.produktContainerV2 .modulBox .contactBox h3,
.produktContainerV2 .modulBox .contactBox h4,
.produktContainerV2 .modulBox .contactBox h5,
.produktContainerV2 .modulBox .contactBox h6 {
color: #1c3f77;
font-weight: 700;
font-size: 1.3em !important;
}
.produktContainerV2 .modulBox .contactBox h2:last-child,
.produktContainerV2 .modulBox .contactBox h3:last-child,
.produktContainerV2 .modulBox .contactBox h4:last-child,
.produktContainerV2 .modulBox .contactBox h5:last-child,
.produktContainerV2 .modulBox .contactBox h6:last-child {
margin-bottom: 0;
}
.produktContainerV2 .modulBox .contactBox .contactBoxInner {
display: flex;
justify-content: space-between;
align-items: center; }
@media (max-width: 1190px) {
.produktContainerV2 .modulBox .contactBox .contactBoxInner {
flex-direction: column;
text-align: center;
}
.produktContainerV2 .modulBox .contactBox .contactBoxInner div {
width: 100%;
text-align: left;
margin-bottom: 10px;
text-align: center;
}
.produktContainerV2 .modulBox .contactBox .contactBoxInner div .btn {
margin-left: 5px;
margin-right: 5px;
}
.produktContainerV2 .modulBox .contactBox .contactBoxInner div.col2 {
margin-left: 0;
}
.produktContainerV2 .modulBox .contactBox .contactBoxInner h1,
.produktContainerV2 .modulBox .contactBox .contactBoxInner h2,
.produktContainerV2 .modulBox .contactBox .contactBoxInner h3,
.produktContainerV2 .modulBox .contactBox .contactBoxInner h4,
.produktContainerV2 .modulBox .contactBox .contactBoxInner h5,
.produktContainerV2 .modulBox .contactBox .contactBoxInner h6,
.produktContainerV2 .modulBox .contactBox .contactBoxInner p {
text-align: center !important;
}
}
.produktContainerV2 .modulBox .contactBox.contactBoxBottom h1,
.produktContainerV2 .modulBox .contactBox.contactBoxBottom h2,
.produktContainerV2 .modulBox .contactBox.contactBoxBottom h3,
.produktContainerV2 .modulBox .contactBox.contactBoxBottom h4,
.produktContainerV2 .modulBox .contactBox.contactBoxBottom h5,
.produktContainerV2 .modulBox .contactBox.contactBoxBottom h6,
.produktContainerV2 .modulBox .contactBox.contactBoxBottom p {
text-align: center !important;
}
.produktContainerV2 .modulBox .buttonBoxBottom {
padding: 20px;
margin-top: 40px;
background: #f5f6f9;
display: block;
text-align: center;
}
.produktContainerV2 .modulBox .buttonBoxBottom .h4 {
color: #1c3f77;
font-weight: 700;
font-size: 1.3em !important;
}
.produktContainerV2 .modulBox .buttonBoxBottom .h4,
.produktContainerV2 .modulBox .buttonBoxBottom .buttonBoxButtons {
width: 100%;
text-align: left;
margin-bottom: 10px;
text-align: center;
}
.produktContainerV2 .modulBox .buttonBoxBottom .h4 .btn,
.produktContainerV2 .modulBox .buttonBoxBottom .buttonBoxButtons .btn {
margin-left: 5px;
margin-right: 5px;
}
.produktContainerV2 .modulBox .card .card-header {
background: #1c3f77;
padding: 10px 20px;
}
.produktContainerV2 .modulBox .card .card-header h2 {
color: #fff;
margin: 0;
font-size: 1.3em !important;
}
.produktContainerV2 .modulBox .card .card-body {
background: #f5f6f9;
padding: 30px;
}
.btn.btn-red {
background: #e67326 !important;
color: #fff !important;
border-color: #e67326 !important;
font-size: 1.05em !important;
}
.btn.btn-red:hover {
background: #c35b16 !important;
border-color: #c35b16 !important;
}
.btn.btn-blue {
background: #1c3f77 !important;
color: #fff !important;
border-color: #1c3f77 !important;
font-size: 1.05em !important;
}
.btn.btn-blue:hover {
background: #12294e !important;
border-color: #12294e !important;
}
.btn.btn-gray {
background: #d6dbe5 !important;
color: #1c3f77 !important;
border-color: #d6dbe5 !important;
font-size: 1.05em !important;
margin: 0 4px 4px 0;
}
.btn.btn-gray:hover {
background: #b7c0d1 !important;
border-color: #b7c0d1 !important;
}
.downloadgroup,
.linklistgroup {
margin-bottom: 35px;
}
.downloadgroup:last-child,
.linklistgroup:last-child {
margin-bottom: 0;
}
.downloadgroup .downloadGroupHeadline,
.linklistgroup .downloadGroupHeadline {
font-size: 1.05em;
margin-bottom: 5px;
}
.colgrid {
display: flex;
margin-bottom: 60px;
gap: 40px;
align-items: center;
}
.colgrid-item {
flex: 2;
}
.colgrid-item:first-child {
flex: 3;
}
@media (max-width: 991px) {
.colgrid {
flex-direction: column;
}
.colgrid-item {
width: 100%; }
.colgrid-item:last-child img {
margin: 0 auto;
}
} .masonry-grid {
display: flex;
flex-wrap: wrap;
margin-left: -40px; width: calc(100% + 40px); } .masonry-grid-item {
margin-bottom: 40px;
padding-left: 40px; box-sizing: border-box;
width: 50%; } @media (max-width: 768px) {
.masonry-grid-item {
width: 100%; }
}
.productGallery {
display: flex;
flex-wrap: wrap;
gap: 20px; }
.productGalleryCol {
flex: 1 1 calc(50% - 20px); box-sizing: border-box;
}
.productGalleryItem {
display: block;
width: 100%;
aspect-ratio: 4 / 3;
background: #fff;
}
.productGalleryItem img {
object-fit: contain;
width: 100%;
height: 100%;
}
.katBoxWrap .row {
margin: 0 -10px;
}
.katBoxWrap [class*="col-"] {
padding: 0 10px;
}
.katBoxWrap .katBox {
background: #fff;
border: 1px solid #1c3f77;
margin-bottom: 20px;
display: block;
}
.katBoxWrap .katBox .katImg {
display: block;
}
.katBoxWrap .katBox .katTitle {
background: #1c3f77;
color: #fff;
display: block;
padding: 8px 10px 8px 10px;
text-align: center;
}
.kompBoxWrap .row {
margin: 0 -10px;
}
.kompBoxWrap [class*="col-"] {
padding: 0 10px;
}
.kompBoxWrap .kompBox {
background: #fff;
position: relative;
border: 1px solid #1c3f77;
margin-bottom: 20px;
display: block;
}
.kompBoxWrap .kompBox .kompImg {
display: block;
}
.kompBoxWrap .kompBox .kompTitle {
background: #1c3f77;
color: #fff;
display: block;
padding: 8px 10px 8px 10px;
text-align: center;
}
.kompBoxWrap .kompBox .kompOverlay {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
background: #fff;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
padding: 20px;
}
.kompBoxWrap .kompBox .kompOverlay .overlayTextBox {
width: 100%;
}
.kompBoxWrap .kompBox .kompOverlay p {
text-align: center;
font-size: 1em;
line-height: 1.5em;
font-weight: 300;
}
.kompBoxWrap .kompBox .kompOverlay p strong {
font-size: 1.1em;
}
@media only screen and (max-width: 767px) {
.kompBoxWrap .kompBox .kompOverlay p {
font-size: 1.2em;
line-height: 1.5em;
}
}
.kompBoxWrap .kompBox .kompOverlay a {
color: #000000;
font-weight: 300;
}
.kompBoxWrap .kompBox .kompOverlay a:hover,
.kompBoxWrap .kompBox .kompOverlay a:focus {
color: #1c3f77;
}
.kompBoxWrap .kompBox:hover .kompOverlay {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.historyWrap h1,
.historyWrap h2,
.historyWrap h3,
.historyWrap h4,
.historyWrap h5,
.historyWrap h6 {
margin-bottom: 50px;
}
.historyWrap .historyBox {
margin-bottom: 50px/3;
margin-top: 50px/3;
text-align: center;
border: 1px solid #1c3f77;
padding: 20px;
background: #fff;
max-width: 600px;
margin-left: auto;
margin-right: auto;
-webkit-box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.23);
-moz-box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.23);
box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.23);
}
@media only screen and (max-width: 767px) {
.historyWrap .historyBox {
margin-bottom: 30px;
}
}
.historyWrap .historyBox .hbYear {
font-weight: 700;
font-size: 1.3em;
line-height: 1.8em;
margin-bottom: 5px;
color: #1c3f77;
}
.historyWrap .historyBox .hbDesc {
max-width: 400px;
margin: 0 auto;
text-align: center;
}
.historyWrap .historyBox .hbDesc p {
text-align: center;
}
.historyWrap .hDivider {
text-align: center;
}
.historyWrap .hDivider:last-child {
display: none;
}
.headlineBanner .headline {
font-size: 2em;
line-height: 1.8em;
font-weight: 700;
}
.headlineBanner .slick-track {
display: block;
}
.headlineBanner .slick-track .slick-slide {
display: block;
height: auto;
align-items: baseline;
justify-content: none;
padding: 0 30px 0 30px;
outline: none !important;
}
.headlineBanner .slick-track .slick-slide img { max-height: none;
width: 100%;
}
.headlineBanner .slick-dots {
margin: 0;
bottom: 15px;
}
.headlineBanner .slick-dots li:before {
content: "";
}
.headlineBanner .slick-dots li button::before {
font-family: "slick";
font-size: 18px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: "•";
text-align: center;
-webkit-opacity: 0.7;
-moz-opacity: 0.7;
opacity: 0.7;
color: #fff;
}
.headlineBanner .slick-dots li.slick-active button::before {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.slick-slider {
margin: 0 -30px 0 -30px;
}
.slick-list {
overflow: hidden !important;
padding: 0 !important;
}
.slick-track {
display: flex;
}
.slick-track .slick-slide {
display: flex;
height: auto;
align-items: center;
justify-content: center;
padding: 0 30px 0 30px;
outline: none !important;
}
.slick-track .slick-slide img { max-height: 70px;
width: auto;
}
.slick-arrow {
display: none !important;
} #closeBtn {
display: none;
} #searchform {
position: relative;
}
#searchform .searchfield {
width: 100%;
border: none;
padding: 0 15px 0 15px;
height: 40px;
line-height: 1em !important;
color: #000000;
font-family: "Roboto", Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 1em;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
outline: none !important;
border: 1px solid #e0ddd9;
}
#searchform .searchfield:focus {
background: #fff;
border-color: #1c3f77;
}
#searchform .searchfield::-webkit-input-placeholder {
line-height: normal !important;
}
#searchform #searchsubmit {
position: absolute;
width: 16px;
height: 16px;
right: 15px;
top: 0px;
bottom: 0;
margin: auto 0 auto 0;
padding: 0;
border: 0;
background: url(//www.euroflow.de/wp-content/themes/mutotheme/img/lupe.svg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
} .searchBox {
margin-bottom: 50px;
}
.searchpageFormWrap {
margin-bottom: 50px;
}
.searchpageFormWrap #searchform .searchfield {
width: 100%;
} .searchContainerWrap {
background: #fff;
padding: 13px 27px 15px 15px;
text-align: center;
display: none;
position: absolute;
right: 0px;
left: 0;
z-index: 999;
}
.searchContainerWrap #searchform .searchfield {
border: none !important;
}
.searchContainerWrap #searchform #closeBtn {
display: block;
position: absolute;
z-index: 9999;
width: 16px;
height: 16px;
right: 15px;
top: 0px;
bottom: 0;
margin: auto 0 auto 0;
padding: 0;
border: 0;
background: #fff url(//www.euroflow.de/wp-content/themes/mutotheme/img/close.svg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
} .searchformWrapMobile {
padding: 15px;
}
.searchformWrapMobile #searchform .searchfield {
border: none;
line-height: 1em;
}
.contactForm fieldset {
margin-bottom: 20px;
}
.contactForm p {
margin: 0;
padding: 0;
}
.contactForm .required {
color: #1c3f77;
}
.contactForm .ajax-loader {
display: none !important;
}
.contactForm .wpcf7-not-valid-tip {
font-size: 0.8em;
}
.contactForm small {
padding-top: 10px;
display: block;
}
.contactForm label {
font-weight: 500;
}
.contactForm .wpcf7-submit {
border: none;
background: #1c3f77;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-topleft: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
padding: 7px 25px 7px 25px;
color: #fff;
font-weight: 700;
}
.contactForm .wpcf7-submit:disabled {
color: #fff !important;
}
.contactForm .wpcf7-submit:hover {
background-color: #4c7bc6;
color: #fff;
}
.contactForm .wpcf7-text {
width: 100%;
border: 1px solid #e0ddd9;
padding: 0 15px 0 15px;
height: 40px;
line-height: 1em;
color: #000000;
font-family: "Roboto", Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 16px;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.contactForm .wpcf7-text.wpcf7-not-valid {
border-color: #1c3f77;
}
.contactForm .wpcf7-textarea {
width: 100%;
border: none;
padding: 13px 15px 13px 15px !important;
height: 127px;
color: #000000;
border: 1px solid #e0ddd9;
font-family: "Roboto", Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 16px;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.contactForm .wpcf7-textarea.wpcf7-not-valid {
border-color: #1c3f77;
}
.contactForm .wpcf7-list-item {
margin-left: 0;
}
.contactForm .wpcf7-list-item label {
font-weight: 500;
} .contactForm .select-wrapper {
position: relative;
display: block;
width: 100%;
height: 40px;
line-height: 40px;
background: #ffffff;
overflow: hidden;
outline: none !important;
}
.contactForm .select-wrapper::-webkit-input-placeholder {
line-height: normal !important;
}
.contactForm select {
width: 100%;
height: 100%;
margin: 0;
padding: 0 0 0 15px;
color: #000000;
cursor: pointer;
font-family: "Roboto", Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 16px;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
outline: none !important;
box-shadow: none;
border: 1px solid #e0ddd9;
background: #ffffff;
background-image: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.contactForm select::-ms-expand {
display: none;
}
.contactForm .select-wrapper::after {
content: "\f0ab";
font-family: FontAwesome;
position: absolute;
top: 0;
right: 0;
bottom: 0;
padding: 0 1em;
background: #ffffff;
color: #1c3f77;
pointer-events: none;
outline: none !important;
border: 1px solid #e0ddd9;
}
.contactForm .select-wrapper:hover::after {
color: #173462;
}
.contactForm .select-wrapper::after {
-webkit-transition: 0.25s all ease;
-o-transition: 0.25s all ease;
transition: 0.25s all ease;
}
.light .required {
color: #fff;
}
.light .contactForm .select-wrapper::after {
text-shadow: none;
}
a.moreLink {
text-decoration: none !important;
color: #1c3f77;
position: relative;
}
a.moreLink:after {
content: "\f105";
font-family: "FontAwesome";
position: absolute;
line-height: 1.8em;
right: -10px;
top: -2px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
a.moreLink:hover:after {
right: -15px;
}
a.cBtn {
display: inline-block;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-topleft: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
border: 2px solid #fff;
padding: 7px 25px 7px 25px;
margin-top: 10px;
color: #fff;
font-weight: 700;
text-decoration: none !important;
text-shadow: none !important;
line-height: 1.8em;
position: relative;
text-align: center;
margin-right: 15px; }
a.cBtn i.fa {
color: #fff;
padding-right: 5px;
}
a.cBtn.cBtn-primary {
background: #1c3f77;
border-color: #1c3f77;
}
a.cBtn.cBtn-primary:hover {
background: #4c7bc6;
border-color: #4c7bc6;
color: #fff;
}
a.cBtn.cBtn-secondary {
background: #333333;
border-color: #333333;
}
a.cBtn.cBtn-secondary:hover {
background: #595959;
border-color: #595959;
color: #fff;
}
a.cBtn.cBtn-white {
color: #333333;
background: #fff;
border-color: #fff;
}
a.cBtn.cBtn-white:hover {
background: none;
color: #fff;
}
a.cBtn.cBtn-download {
background: #1c3f77;
border-color: #1c3f77;
}
a.cBtn.cBtn-download:before {
content: "\f019";
font-family: "FontAwesome";
display: inline-block;
padding-right: 10px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
a.cBtn.cBtn-download:hover {
background: #4c7bc6;
border-color: #4c7bc6;
color: #fff;
}
a.cBtn.cBtn-whiteLine {
color: #fff;
background: none;
border-color: #fff;
}
a.cBtn.cBtn-whiteLine:hover {
background: #fff;
color: #333333;
}
a.sideBtn {
display: block;
position: fixed;
right: 0;
top: 50%;
z-index: 99999;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-topleft: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
border: 2px solid #e67326;
padding: 7px 25px 20px 25px;
margin-right: -40px;
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
color: #fff;
font-weight: 700;
text-decoration: none !important;
text-shadow: none !important;
line-height: 1.8em;
text-align: center;
background: #e67326;
border-color: #e67326;
}
@media only screen and (max-width: 767px) {
a.sideBtn {
display: none;
}
}
a.sideBtn:hover {
background: #c35b16;
border-color: #c35b16;
color: #fff;
}
.controls {
margin-bottom: 30px;
}  .mix,
.gap {
display: inline-block;
vertical-align: top;
}
.mix {
margin-bottom: 30px;
position: relative;
}
.mix:before {
content: "";
display: inline-block;
} .mix,
.gap {
width: 100%;
} @media only screen and (min-width: 768px) and (max-width: 991px) {
.mix,
.gap {
width: calc(100% / 3 - (((3 - 1) * 1rem) / 3));
} }
@media only screen and (min-width: 992px) {
.mix,
.gap {
width: calc(100% / 3 - (((3 - 1) * 1rem) / 3));
}
}
.controls select {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
outline: none !important;
box-shadow: none;
border: 0 !important;
background: #333333;
background-image: none;
} .controls .select-wrapper {
position: relative;
display: block;
width: 100%;
max-width: 300px;
height: 3em;
line-height: 3em;
background: #333333;
overflow: hidden;
border-radius: 0.25em;
outline: none !important;
}
.controls select {
width: 100%;
max-width: 300px;
height: 100%;
margin: 0;
padding: 0 0 0 0.5em;
color: #fff;
cursor: pointer;
font-weight: 700;
}
.controls select::-ms-expand {
display: none;
} .controls .select-wrapper::after {
content: "\f0ab";
font-family: FontAwesome;
position: absolute;
top: 0;
right: 0;
bottom: 0;
padding: 0 1em;
background: #333333;
color: #fff;
pointer-events: none;
outline: none !important;
} .controls .select-wrapper:hover::after {
color: #333333;
}
.controls .select-wrapper::after {
-webkit-transition: 0.25s all ease;
-o-transition: 0.25s all ease;
transition: 0.25s all ease;
}
.blogBox .postMeta {
font-weight: 700;
text-transform: uppercase;
margin-bottom: -25px;
}
.single .postMeta {
font-weight: 700;
text-transform: uppercase;
margin-bottom: -50px;
} .blogHeaderText {
margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
.blogHeaderText {
margin-bottom: 30px;
}
}
.blogWrap {
margin: 0 -30px 0 -30px;
}
@media only screen and (max-width: 767px) {
.blogWrap {
margin: 0;
}
}
.blogWrap .blogBox {
width: calc(33.33% - 30px * 2);
display: block;
margin-top: 30px;
margin-bottom: 30px;
margin-left: 30px;
margin-right: 30px;
box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blogWrap .blogBox {
width: calc(50% - 30px * 2);
}
}
@media only screen and (max-width: 767px) {
.blogWrap .blogBox {
width: 100%;
margin-left: 0;
margin-right: 0;
margin-top: 30px;
margin-bottom: 0;
}
}
.blogWrap .blogBox h3 {
margin-bottom: 10px;
} .blogImg {
display: block;
margin-bottom: 15px;
}
.blogImg img {
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 20%;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 20%;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 20%;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 20%;
border-top-right-radius: 0;
border-bottom-right-radius: 20%;
border-bottom-left-radius: 0;
border-top-left-radius: 20%;
} .blogSingleImage {
margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
.blogSingleImage {
margin-bottom: 30px;
}
}
.paginationWrap .pCol2 {
text-align: center;
}
.paginationWrap .pCol3 {
text-align: right;
}
.paginationWrap a {
text-decoration: none !important;
color: #1c3f77;
position: relative;
}
.paginationWrap a[rel="next"] {
margin-right: 10px;
}
.paginationWrap a[rel="next"]:after {
content: "\f105";
font-family: "FontAwesome";
position: absolute;
line-height: 1.8em;
right: -10px;
top: -2px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.paginationWrap a[rel="next"]:hover:after {
right: -15px;
}
.paginationWrap a[rel="prev"] {
margin-left: 10px;
}
.paginationWrap a[rel="prev"]:after {
content: "\f104";
font-family: "FontAwesome";
position: absolute;
line-height: 1.8em;
left: -10px;
top: -2px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.paginationWrap a[rel="prev"]:hover:after {
left: -15px;
}
.paginationWrap a.overviewLink {
font-size: 1.5em;
line-height: 1em;
}
.paginationWrap a.overviewLink .fa {
color: #1c3f77;
}
.paginationWrap a.overviewLink:hover .fa {
color: #4c7bc6;
}
footer {
background: #1c3f77;
padding: 50px 0 0 0;
margin-top: -21px;
font-size: 16px;
line-height: 1.8em;
}
@media only screen and (max-width: 767px) {
footer {
font-size: 14px;
line-height: 1.3em;
}
}
@media only screen and (max-width: 767px) {
footer {
padding-bottom: 45px;
}
}
footer h3 {
font-family: "Roboto", Helvetica, Arial, sans-serif;
font-weight: 700;
color: #fff;
letter-spacing: 1px;
font-size: 1.4em;
line-height: 1.3em;
margin-bottom: 25px;
}
@media only screen and (max-width: 767px) {
footer h3 {
letter-spacing: 0;
font-size: 1.4em;
line-height: 1.3em;
}
}
footer ul {
margin: 0;
padding: 0;
list-style-type: none;
font-weight: 400;
font-size: 1em;
line-height: 1.8em;
}
footer p {
font-family: "Roboto", Helvetica, Arial, sans-serif;
color: #fff;
margin-bottom: 20px;
font-size: 1em;
line-height: 1.8em;
font-weight: 400;
}
footer p:last-child {
margin-bottom: 0 !important;
}
footer a {
color: #fff;
}
footer a:hover,
footer a:focus {
color: #fff;
}
footer .current-menu-item a {
color: #4c7bc6;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
footer .footerBox {
margin-bottom: 30px;
}
}
@media only screen and (max-width: 767px) {
footer .footerBox {
text-align: center;
margin-bottom: 50px;
}
footer .footerBox.fCol4 {
margin-bottom: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
footer .footerBox.fCol3,
footer .footerBox.fCol4 {
margin-bottom: 0;
margin-top: 30px;
}
}
footer .footerBox ul {
border-top: 1px solid #25539c;
}
footer .footerBox ul li {
border-bottom: 1px solid #25539c;
}
footer .footerBox ul li a {
display: block;
padding: 5px 0 5px 0;
}
footer .footerBox ul li a:hover {
padding-left: 5px;
}
footer .copyright {
background: #173462;
padding: 15px 0 15px 0;
margin-top: 50px;
font-size: 0.9em;
}
@media only screen and (max-width: 767px) {
footer .copyright {
text-align: center;
}
}
footer .copyright .copyrightNaviWrap {
text-align: right;
}
@media only screen and (max-width: 767px) {
footer .copyright .copyrightNaviWrap {
text-align: center;
}
}
footer .copyright .copyrightNaviWrap ul li {
display: inline-block;
}
footer .copyright .copyrightNaviWrap ul li:after {
content: "|";
color: #fff;
display: inline-block;
padding: 0 3px 0 5px;
}
footer .copyright .copyrightNaviWrap ul li:last-child:after {
content: "";
}
#back-to-top {
position: fixed;
bottom: 50px;
right: -50px;
z-index: 9999;
width: 50px;
padding: 7px 0 10px 0;
text-align: center;
line-height: 1em;
font-size: 25px;
background: #000;
color: #fff;
cursor: pointer;
border: 0;
text-decoration: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
}
@media only screen and (max-width: 767px) {
#back-to-top {
bottom: -50px;
right: 0px;
font-size: 25px;
width: 100%;
}
}
#back-to-top:hover {
background: #000;
-webkit-opacity: 0.1;
-moz-opacity: 0.1;
opacity: 0.1;
}
#back-to-top.show {
right: 0;
}
@media only screen and (max-width: 767px) {
#back-to-top.show {
bottom: 0px;
}
}
.error404Wrap img {
width: 80%;
max-width: 200px;
height: auto;
}
.error404Wrap .searchpageFormWrap {
margin-bottom: 0;
}