/*
 Theme Name:     Florida Child
 Theme URI:      http://webnus.biz/themes/florida-wp/
 Description:    Florida Child Theme
 Author:         Digramm
 Author URI:     http://digramm.com
 Template:       florida-wp-7.2.0
 Version:        0.1
*/

/* =Theme customization starts here
-------------------------------------------------------------- */
/* SVG Images */
div.wpb_single_image.svg figure {
    width: 100%;
    float: left;
    box-sizing: border-box;
    position: relative;
    margin-bottom:30px;
    background: none;
  }

#Referenz  div.wpb_single_image.svg figure {
    width: 100%;
    float: left;
    box-sizing: border-box;
    position: relative;
    margin-bottom:30px;
    background: #f6f7f8;
  }

  div.wpb_single_image.svg figure div {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    padding-bottom: 47%;
    text-align: center;
  }

  div.wpb_single_image.svg figure div img {
    width: 80%;
    max-width: 80%;
    max-height: 80%;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
  }
 
 div.wpb_single_image.svg.svg30 figure div img {
    width: 30%;
    max-width: 30%;
    max-height: 30%;
  }

 div.wpb_single_image.svg.svg40 figure div img {
    width: 39%;
    max-width: 39%;
    max-height: 64%;
  }

 div.wpb_single_image.svg.svg50 figure div img {
    width: 50% !important;
    max-width: 50% !important;
    max-height: 50% !important;
  }

  div.wpb_single_image.svg.svg60 figure div img {
    width: 60%;
    max-width: 60%;
    max-height: 60%;
  }

  div.wpb_single_image.svg.svg70 figure div img {
    width: 70%;
    max-width: 70%;
    max-height: 70%;
  }

  div.wpb_single_image.svg.svg90 figure div img {
    width: 90%;
    max-width: 90%;
    max-height: 90%;
  }

  div.wpb_single_image.svg.svg100 figure div img {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
  }

a.trg-logo {
  position: absolute;
  top: 30px;
  left: 100px;
  width: 250px;
  height: 65px;
  z-index: 999;
  background-image: url('img/logo.png');
  background-size: cover;
}

div.header_tel a {
  color: #FFF !important;
  cursor: default;
}

a[x-apple-data-detectors] {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

section.blox.header {
  background-position: top center !important;
}

div.wpb_text_column a {
  text-decoration: underline;
}

.no-underline div.wpb_text_column a,
.blog-post a.readmore,
.pin-box a.readmore {
  text-decoration: none;
}

/* Suche Seite */
body.search-results .blog-post a {
  border-bottom: 1px #1f2123 solid;
  transition: all 0.18s ease 0s;
}

body.search-results .blog-post a:hover {
  border-color: #f13c43;
}

/* 404 Seite */
body.error404 .blox.dark {
  padding: 0px !important;
}

div.error_page h2.widgettitle {
  border: 0px none !important;
  margin: 0px 0px 20px 0px !important;
  padding: 0px !important;
  color: #38404b !important;
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.3;
  position: relative;
  text-transform: uppercase;
}

/* Popup */
div.popupcont ::-webkit-input-placeholder {
  color: #FFF;
  opacity: 1 !important;
}

div.popupcont :-moz-placeholder {
  color: #FFF;
  opacity: 1 !important;
}

div.popupcont ::-moz-placeholder {
  color: #FFF;
  opacity: 1 !important;
}

div.popupcont :-ms-input-placeholder {
  color: #FFF;
  opacity: 1 !important;
}

div.popupcont .yikes-easy-mc-submit-button {
  border: 1px #FFF solid;
  background-color: transparent;
  border-radius: 18px;
  color: #FFF;
  font-family: "Source Sans Pro",sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  margin: 0px auto;
  padding: 10px 17px;
  text-decoration: none;
  text-shadow: 0px 0px transparent;
  text-transform: uppercase;
}

.footer-in p {
  margin-bottom: 28px;
}

.footer-in a {
  color: #FFF;
}

.footer-in a:hover {
  color: #f13c42;
}

.latestposts-three .latest-b2-metad2 {
  display: none;
}

div.vc_separator.vc_sep_width_10.vc_sep_pos_align_left.vc_separator_no_text {
  margin: 20px 0px !important;
}

section.blox > div.wpb_row {
  position: relative;
  z-index: 12;
}

#wrap > section p {
  color: #38404b;
  font-weight: 400;
}

#wrap > section ul li {
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
}

.lp ul li {
  font-size: 14px;
  line-height: 28px;
  font-weight: 400;
}

#wrap > section ul {
  list-style-position: outside;
  margin-left: 20px;
}

.sub-content {
  border-width: 1px;
}

h6.h-sub-content {
  border-width: 1px;
  margin-bottom: -1px;
}

/* Blog */
.widget h4.subtitle::before {
  border-bottom: 0px none;
}

h4.subtitle::before {
  border-top: 1px solid #F13C42 !important;
}

.blog-single-post a {
  text-decoration: underline;
}

.blog-single-post li {
   line-height: 28px;
   margin-bottom: 4px;
   font-weight: 400;
   font-size: 18px;
}

/* Ansprechpartner */
div.ansprechpartner div.wpb_content_element {
  margin-bottom: 10px;
}

div.ansprechpartner div.wpb_content_element img {
  margin-bottom: 10px;
}

div.ansprechpartner div.wpb_content_element p {
  font-size: 15px !important;
  line-height: 150% !important;
}

div.ansprechpartner > div.wpb_wrapper > a {
  margin: 0px 10px 10px 0px;
  float: left;
  text-decoration: none;
}

div.center.wpb_column.vc_column_container {
  text-align: center;
}

/* Menu auf performace Marketing */
div.wpb_content_element.performance-marketing {
  max-width: 60%;
  margin: 80px auto 30px auto;
}

#menu-item-298 > a, #menu-item-1052 > a, #menu-item-1264 > a, #menu-item-1281 > a, #menu-item-1264 > a, #menu-item-825 > a {
    font-weight: 600;
}

#menu-item-395 > a, #menu-item-1057 > a, #menu-item-1270 > a, #menu-item-1287 > a, #menu-item-1292 > a, #menu-item-831 > a {
    font-weight: 600;
}

#menu-item-392 > a, #menu-item-1059 > a, #menu-item-1272 > a, #menu-item-1289 > a, #menu-item-1272 > a, #menu-item-833 > a {
    font-weight: 600;
}

#menu-item-190 > a, #menu-item-1062 > a, #menu-item-1275 > a, #menu-item-1306 > a, #menu-item-1309 > a, #menu-item-836 > a {
    font-weight: 600;
}

div.wpb_content_element.performance-marketing h2 {
  border: 0px none;
  margin: 0px 0px 40px 0px;
  padding: 0px;
  font-weight: 400;
  color: #FFF;
  text-align: center;
  font-size: 32px !important;
  line-height: 45px;
  letter-spacing: 0px;
}

div.wpb_content_element.performance-marketing ul,
div.wpb_content_element.performance-marketing ul li {
  list-style: none outside none;
  margin: 0px;
  padding: 0px;
  float: left;
}

div.wpb_content_element.performance-marketing ul {
  margin-bottom: 40px;
}

div.wpb_content_element.performance-marketing ul li a {
  color: #FFF;
  margin: 8px;
  border: 1px solid #FFF;
  border-radius: 1.5em;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  padding: 4px 17px 3px 17px;
  text-decoration: none;
  text-transform: uppercase;
}

/* Slideshow */
.ls-fullwidthdark {
  z-index: 10;
}

.ls-fullwidthdark .ls-nav-prev,
.ls-fullwidthdark .ls-nav-next {
  background-image: url('img/slider-skin.png') !important;
}

.ls-fullwidthdark .ls-nav-prev {
  left: 50px !important;
}

.ls-fullwidthdark .ls-nav-next {
  right: 50px !important;
}

/* Language Sidebar */
div.digramm_lang {
  position: absolute;
  right: 35px;
  top: 30px;
  z-index: 10000;
}

div.digramm_lang div.lang_sel_click {
  float: right;
  position: relative;
}

div.digramm_lang div.lang_sel_click ul {
  list-style: none outside none;
  margin: 0px;
  border-radius: 5px;
  -o-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

div.digramm_lang div.lang_sel_click > ul {
  padding: 7px;
  width: 80px;
}

div.digramm_lang div.lang_sel_click ul li {
  list-style: none outside none;
  margin: 0px;
}

div.digramm_lang div.lang_sel_click > ul > li {
  padding-right: 15px;
  position: relative;
}

div.digramm_lang div.lang_sel_click > ul > li:after {
  content: " ";
  display: block;
  width: 1px;
  height: 1px;
  line-height: 10px;
  border: 5px transparent solid;
  border-top: 5px #FFF solid;
  position: absolute;
  top: 8px;
  right: 0px;
}

div.digramm_lang div.lang_sel_click ul li a {
  color: #FFF;
  font-weight: 600;
}

div.digramm_lang div.lang_sel_click > ul > li > ul {
  display: none;
}

div.digramm_lang div.lang_sel_click ul:hover,
div.digramm_lang div.lang_sel_click ul:hover > li > ul {
  display: block;
  background-color: #505c6c;
}


/* Spezial Parallax */
#wrap > section.container {
  background-color: #FFF;
}

#main-content {
  background-color: transparent !important;
}

section.parallax > div.wpb_row {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: none;
  overflow: hidden;
}

section.parallax.visible > div.wpb_row {
  display: block !important;
}


/* Custom COL-5 */
div.col-5 div,
section.col-5 {
  margin-bottom: 0px;
}

div.col-5 div.vc_col-sm-1,
section.col-5 div.vc_col-sm-1 {
  display: none;
  visibility: hidden;
}

div.col-5 div.vc_col-sm-2,
section.col-5 div.vc_col-sm-2 {
  width: 20%;
}

div.col-5 div.vc_col-sm-2 div.wpb_single_image,
section.col-5 div.vc_col-sm-2 div.wpb_single_image {
  margin-bottom: 30px;
}

div.col-5 div.vc_col-sm-2 img {
  max-width: 70% !important;
}

div.col-5.fullwidthimg div.vc_col-sm-2 img {
  max-width: 100% !important;
}

section.no-margin,
section.no-margin div.wpb_content_element {
  margin-bottom: 0px;
}


/* Ueberschriften */
.max-title2 {
  position: relative;
}

.max-title2:after,
.max-title4:after {
  left: calc(50% - 25px);
  position: absolute;
  top: -40px;
  width: 50px;
  border-color: #dcdee2 !important;
}

div.max-title2 h2 {
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 0px;
  color: #38404b !important;
}

h2 > a,
h2 > a:focus,
h2 > a:hover {
  color: #424242 !important;
}

h4.subtitle {
  font-size: 28px;
  font-weight: 300;
  line-height: 34px;
  margin: 30px 0px 20px 0px;
  border-bottom: 0px none;
  padding: 0px;
  position: relative;
}

h4.subtitle:before {
  display: block;
  content: " ";
  width: 25px;
  height: 1px;
  position: absolute;
  left: 0px;
  top: -15px;
  border-top: 1px #505c6c solid;
}


/* Footer */
#footer {
  z-index: 10;
  position: relative;
  padding-top: 140px;
  border-top: 0px none;
}

.footer-in .widget {
  margin: 30px 0px;
  float: left;
}

.footer-in h5.subtitle {
  font-size: 24px;
  font-weight: 200;
  line-height: 31px;
  color: #FFF;
  margin: 0px 0px 12px 0px;
  padding: 0px;
  border-bottom: 0px none;
  box-shadow: 0px 0px 0px transparent;
}

.footer-in p {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  color: #FFF;
}

.footer-in div.max-title2 > h2 {
  color: #FFF !important;
  margin: 10px 0px 30px 0px;
}

.footer-navi {
  padding: 20px 0px;
}

.footer-navi a {
  font-size: 14px;
  margin: 0px 5px;
  text-transform: uppercase;
  white-space: nowrap;
  color: #FFF;
  font-family: "Source Sans Pro", sans-serif;
}

.footer-navi a:hover {
  text-decoration: none;
  color: #f13c42;
}

#footer .footbot .socialfollow {
  float: left;
  margin: 18px 0px;
}

#footer .footbot .socialfollow a {
  margin-right: 10px;
}

#footer .footbot .socialfollow i {
  font-size: 26px;
}


/* Contact Form 7 anpassungen */
.wpcf7 .wpcf7-form p {
  color: #38404b;
  float: left;
  width: 100%;
  font-weight: normal;
}

.wpcf7 .wpcf7-form input[type="text"],
.wpcf7 .wpcf7-form input[type="password"],
.wpcf7 .wpcf7-form input[type="number"],
.wpcf7 .wpcf7-form input[type="email"],
.wpcf7 .wpcf7-form textarea,
.wpcf7 .wpcf7-form select,
.wpcf7 .wpcf7-form option {
  background: #f6f7f8 none repeat scroll 0 0;
  border: 1px #f6f7f8 solid;
  box-shadow: none;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 16px;
  line-height: 20px;
  padding: 19px 29px;
}

.wpcf7 .wpcf7-form .wpcf7-not-valid {
  border: 1px #EF0000 solid !important;
}

.wpcf7 .wpcf7-form textarea {
  max-height: 100px;
}

.wpcf7 .wpcf7-form span.wpcf7-checkbox {
  margin: 20px 0px 10px 0px;
  float: left;
  width: 100%;
}

.wpcf7 .wpcf7-form span.wpcf7-list-item {
  float: left;
  width: 50%;
  margin: 0px;
}

.wpcf7 .wpcf7-form span.wpcf7-list-item .wpcf7-list-item-label {
  font-size: 16px;
}

a.button.red.rounded,
.wpcf7 .wpcf7-form input[type="submit"],
.wpcf7 .wpcf7-form input[type="reset"],
.wpcf7 .wpcf7-form input[type="button"] {
  font-family: "Source Sans Pro", sans-serif;
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #f13c42;
  border-radius: 18px;
  color: #f13c42 !important;
  display: inline-block;
  font-size: 14px;
  line-height: 14px;
  font-weight: 400;
  padding: 10px 17px;
  margin: 0px auto;
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: 0px 0px transparent;
  float: none;
}

a.button.red.rounded:hover,
.wpcf7 .wpcf7-form input[type="submit"]:hover,
.wpcf7 .wpcf7-form input[type="reset"]:hover,
.wpcf7 .wpcf7-form input[type="button"]:hover {
  box-shadow: 0px 0px 0px transparent;
  background-color: transparent;
}

.wpcf7 .wpcf7-form div.wpcf7-response-output {
  float: left;
  width: 100%;
  margin: 10px 0px;
}


/* Schraege Seperator */
section.line_start,
section.line_ende {
  position: relative;
  height: 75px;
  background-color: #FFF;
  z-index: 13;
}

section.line_start.grau,
section.line_ende.grau {
  background-color: #f6f7f8;
}

section.container {
  position: relative;
  z-index: 14;
}

section.blox > div.wpb_row > div.container {
  z-index: 14;
}

section.line_start:before {
  background: #FFF none repeat scroll 0 0;
  content: " ";
  height: 120px;
  left: 0;
  position: absolute;
  top: -70%;
  transform: skew(0deg, 2.2deg);
  -o-transform: skew(0deg, 2.2deg);
  -moz-transform: skew(0deg, 2.2deg);
  -webkit-transform: skew(0deg, 2.2deg);
  width: 100%;
  z-index: 13;
}

section.line_ende:before {
  background: #FFF none repeat scroll 0 0;
  content: " ";
  height: 100px;
  left: 0;
  position: absolute;
  top: 30%;
  transform: skew(0deg, -2.2deg);
  -o-transform: skew(0deg, -2.2deg);
  -moz-transform: skew(0deg, -2.2deg);
  -webkit-transform: skew(0deg, -2.2deg);
  width: 100%;
  z-index: 13;
}

section.line_start.grau:before,
section.line_ende.grau:before {
  background-color: #F6F7F8 !important;
}


/* Menu anpassungen */
#vertical-header-wrapper {
  z-index: 10001;
}

.vertical-toggle-header-enabled #vertical-header-wrapper {
  background-color: #505c6c !important;
  border-right: 0px none;
}

#nav ul {
  border: 0px none;
  background-color: #505c6c !important;
}
.color {
color:#ee3e47;
}

/* Icons */
#toggle-icon,
#toggle-icon.active {
  right: -59px;
  background: #505c6c;
}

#toggle-icon span {
  background-color: #FFF !important;
}

#toggle-icon.active span {
  background-color: #f13c42 !important;
}

/* Menupunkte */
#nav li.current > a {
  color: #f13c42 !important;
}

.vertical-toggle-header-enabled #header.vertical-w #nav li {
  border-bottom: 0px none;
  position: relative;
}

.vertical-toggle-header-enabled #header.vertical-w #nav li > a {
  padding: 9px 30px;
  text-align: left;
  font-size: 16px;
  line-height: 20px;
  color: #FFF;
  text-transform: uppercase;
  margin: 0px;
}

.vertical-toggle-header-enabled #header.vertical-w #nav li:hover,
.vertical-toggle-header-enabled #header.vertical-w #nav li:hover a,
.vertical-toggle-header-enabled #header.vertical-w #nav li a:hover {
  background-color: #616C7A !important;
  color: #FFF;
}

.vertical-toggle-header-enabled #header.vertical-w #nav > li li a:hover {
  background-color: #737D89 !important;
}

/* Icon bei Submenu */
#header.vertical-w .nav-wrap3 #nav > li.menu-item-has-children:after {
  display: block;
  position: absolute;
  right: 9px;
  top: 9px;
  width: 20px;
  height: 20px;
  content: " ";
  background-image: url('img/arrow-right.png');
  background-size: 100% auto;
  background-color: transparent !important
}

/* neuer Header -> css class header */
section.blox.header {
  min-height: 460px;
}

section.blox.header h1 {
  margin-top: 175px;
  font-size: 52px;
  line-height: 56px;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
}


/* Kommentare */
.wpb_text_column.wpb_content_element.comment {
  margin-bottom: 0px;
}

.comment p {
  font-size: 24px !important;
  line-height: 30px !important;
  font-weight: 200 !important;
}

.comment div.wpb_wrapper {
  position: relative;
}

.comment div.wpb_wrapper:before {
  display: block;
  content: " ";
  width: 68px;
  height: 63px;
  position: absolute;
  left: -100px;
  top: -35px;
}

.comment div.wpb_wrapper:after {
  display: block;
  content: " ";
  width: 68px;
  height: 63px;
  position: absolute;
  right: -100px;
  bottom: -35px;
  background-image: url('img/66.png');
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.comment.dark p {
  color: #38404b !important;
  border-left: 2px solid #ee3e47;
  padding-left: 20px;
  margin-left: 35px;
}

.comment.dark div.wpb_wrapper:before {
  width: 40px;
  height: 40px;
  top: 0px;
  left: -60px;
}

.comment.dark div.wpb_wrapper:after {
  background-image: none;
}

.comment.vc_sep_color_grey .vc_sep_holder_l {
  max-width: 40px;
  min-width: 10px;
}

.comment.vc_sep_color_grey .vc_sep_holder_l .vc_sep_line {
  border-color: #dcdee2;
}

.comment.vc_sep_color_grey h4 {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  color: #38404b;
}

/* Dropcap */
span.dropcap1 {
  color: #f13c42;
  display: inline-block;
  float: left;
  font-size: 2em;
  font-weight: 400;
  margin: 10px 15px 5px 0;
  outline: 1px solid #f13c42;
  padding: 28px 20px 32px;
  font-family: "Source Sans Pro",sans-serif,'Arial','Verdana';
}

.margin-right {
  margin-right: 10px;
}

.small p {
  font-size: 16px !important;
  line-height: 140% !important;
}

/* Responsive Menu */
#header.sm-rgt-mn #nav {
  background-color: #505c6c;
  border: 0px none;
  padding: 0px;
}

#header.sm-rgt-mn #nav > li {
  margin: 0px;
}

#nav > li > a {
  padding: 9px 15px !important;
}

#nav > li > ul.sub-menu {
  background-color: #616C7A;
  padding: 0px;
  width: 100%;
}

#nav > li > ul.sub-menu > li > a {
  width: 100%;
  padding: 9px 15px !important;
}


/* Newsletter Form */
div.digramm_lang > div {
  float: left;
  min-width: 34px;
  height: 34px;
  float: left;
  margin:  0px 0px 0px 15px;
}

div.digramm_lang div.widget_search,
div.digramm_lang div.widget_yikes_easy_mc_widget {
  background-color: #505C6C;
  border-radius: 50%;
  -o-border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  cursor: pointer;
  background-image: url('img/icon-mail.png');
  background-position: center center;
  background-size: 70% auto;
  background-repeat: no-repeat;
}

div.digramm_lang div.widget_search {
  background-image: url('img/icon-search.png');
}

div.digramm_lang div.widget_search > div,
div.digramm_lang div.widget_yikes_easy_mc_widget > div {
  display: none;
}

div.digramm ul li:before {
  color: #3eb3c2;
  content: "\2022";
  font-size: 30px;
  left: 15px;
  position: absolute;
  top: 0px;
}

div.search_popup,
div.mailchimp_popup {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  display: none;
  z-index: 99999;
}

div.search_popup div.bg,
div.mailchimp_popup div.bg {
  width: 100%;
  position: absolute;
  height: 100%;
  background-color: #FD221E;
  opacity: 0.9;
  -o-opacity: 0.9;
  -moz-opacity: 0.9;
  -webkit-opacity: 0.9;
}

div.search_popup div.cont,
div.mailchimp_popup div.cont {
  position: relative;
  color: #FFF;
  width: 50%;
  max-width: 500px;
  min-width: 300px;
  height: 100%;
  display: table;
  vertical-align: middle;
  margin: 0px auto;
}

div.search_popup div.cont div.popupcont,
div.mailchimp_popup div.cont div.popupcont {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  padding: 10px;
}

div.search_popup div.cont div.pcont,
div.mailchimp_popup div.cont div.pcont {
  position: relative;
}

div.search_popup div.cont div.popupcont div.pclose,
div.mailchimp_popup div.cont div.popupcont div.pclose {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 18px;
  height: 30px;
  background-image: url('img/icon-close.png');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
}

div.search_popup div.cont div.popupcont h2.widgettitle,
div.mailchimp_popup div.cont div.popupcont h2.widgettitle {
  border-bottom: 0px none;
  letter-spacing: 1px;
  color: #FFF;
  font-size: 22px;
  line-height: 30px;
}

div.mailchimp_popup div.cont div.popupcont label span {
  color: #FFF;
}

div.search_popup div.cont div.popupcont input.search-side,
div.mailchimp_popup div.cont div.popupcont input {
  background-color: #FA4442;
  line-height: 26px;
  border: 0px none;
  border-bottom: 2px #FFF solid;
  color: #FFF;
  width: 100%;
  padding: 5px;
}

div.mailchimp_popup div.cont div.popupcont input:focus {
  outline: 0px solid rgba(0,0,0,0)
}

div.digramm_lang div.header_tel {
  line-height: 34px;
  color: #FFF;
  font-weight: 600;
}

#scroll-top a:hover {
  background-color: #f13c42;
}


/* Header XS */
section.header.showxs {
  display: none;
  z-index: 9;
  position: relative;
}

section.header.showxs:after {
  background: #fff none repeat scroll 0 0;
  content: " ";
  height: 100px;
  left: 0;
  position: absolute;
  bottom: -50px;
  transform: skew(0deg, 2.2deg);
  width: 100%;
  z-index: 13;
}

section.header.showxs h1 {
  font-size: 38px;
  line-height: 40px;
}

section.header.showxs h3 {
  font-size: 28px;
  line-height: 30px;
}

/* Resposnive Design */
@media only screen and (min-width: 961px) {

  #footer section.footbot div.col-md-6 {
    width: 30%;
  }

  #footer section.footbot div.col-md-6:last-child {
    width: 70%;
  }

}

@media only screen and (max-width: 991px) {
  section.header.showxs {
    display: block;
  }
}

@media only screen and (max-width: 960px) {

  div.digramm_lang {
    right: 25px;
    top: 100px;
  }

  #footer .footbot .socialfollow {
    text-align: center;
    width: 100%;
  }

  #footer .footbot .socialfollow a {
    display: inline-block;
    margin-right: 0px;
    float: none;
  }

  .footer-navi.floatright {
    width: 100%;
    text-align: center;
  }

  div.ls-container > a {
    display: none;
  }

  a.trg-logo {
    display: none;
  }

  section.line_start:before {
    top: -30px;

  }
  section.line_ende:before {
    top: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
  #footer div.col-md-4 {
    width: 50%;
    float: left;
  }
}

@media only screen and (max-width: 767px) {

  div.wpb_content_element.performance-marketing {
    max-width: 100%;
  }

  div.wpb_content_element.performance-marketing ul {
    margin-left: 0px !important;    
  }

  #header.sm-rgt-mn .logo-wrap {
    max-width: 220px;
    overflow: hidden;
    z-index: 99;
  }
  section.blox.header h1 {
    font-size: 30px;
    line-height: 36px;
  }

  section.blox.header h2 {
    font-size: 27px;
    line-height: 120%;
  }

  section.header.showxs h1 {
    margin-top: 100px;
  }
  
  .wpb_single_image.vc_align_right {
    text-align: center !important;
  }

  div.col-5 div.vc_col-sm-2,
  section.col-5 div.vc_col-sm-2 {
    width: 97%;
    float: right;
  }
  div.col-5 div.vc_col-sm-2 div.wpb_single_image,
  section.col-5 div.vc_col-sm-2 div.wpb_single_image {
    width: 50%;
    float: left;
  }

  div.col-5 div.vc_col-sm-2 div.wpb_single_image:nth-child(3n),
  section.col-5 div.vc_col-sm-2 div.wpb_single_image:nth-child(3n) {
    margin-right: 0px;
  }

  section.footbot > div.container > div.col-md-6 {
    width: 100%;
    float: left;
  }
  div.wpb_single_image.svg figure {
    width: 90%;
    margin-bottom: 0px;
  }
}

@media only screen and (max-width: 479px) {

  div.col-5 div.vc_col-sm-2,
  section.col-5 div.vc_col-sm-2 {
    width: 100%;
    float: left;
  }
  div.col-5 div.vc_col-sm-2 div.wpb_single_image,
  section.col-5 div.vc_col-sm-2 div.wpb_single_image {
    width: 100%;
    float: left;
    margin: 0px 0px 10px 0px;
  }
  div.col-5 div.vc_col-sm-2 div.wpb_single_image:nth-child(2n),
  section.col-5 div.vc_col-sm-2 div.wpb_single_image:nth-child(2n) {
    float: right;
  }
  div.col-5 div.vc_col-sm-2 div.wpb_text_column,
  section.col-5 div.vc_col-sm-2 div.wpb_text_column {
    width: 100%;
    float: left;
  }
  .wpcf7 .wpcf7-form span.wpcf7-list-item {
    width: 100%;
  }

  section.parallax > div.wpb_row {
    display: block;
    overflow: inherit;
    position: relative;
  }

  section.blox.header h1 {
    font-size: 27px;
    line-height: 36px;
  }

  section.blox.header h2 {
    font-size: 25px;
    line-height: 120%;
  }

  section.blox.header h3 {
    font-size: 21px;
    line-height: 120%;
  }

  h4.subtitle {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0px;
  }

  .wpcf7 .wpcf7-form span.wpcf7-list-item .wpcf7-list-item-label,
  div.digramm_jobs ul li,
  #wrap p {
    font-size: 14px !important;
    line-height: 20px !important;
  }

  .comment div.wpb_wrapper:before,
  .comment div.wpb_wrapper:after {
    background-size: 50%;
  }

  .comment div.wpb_wrapper:before {
    left: -50px;
  }

  .comment div.wpb_wrapper:after {
    right: -75px; 
  }

  #footer div.widget {
    width: 100%;
    text-align: center;
  }
   
  .single_image {
   height: auto;
   max-width: 75%;
   display: block;
   margin-left: auto;
   margin-right: auto;
   width: 20em; 
  }
  
  #wrap > section ul li {
  font-size: 14px;
  line-height: 28px;
  font-weight: 400;
  }

 .blog-single-post li {
  line-height: 28px;
  margin-bottom: 4px;
  font-weight: 400;
  font-size: 14px;
  }
}

#yikes-mailchimp-container-2 button{
    background: transparent;
    font-family: "Source Sans Pro", sans-serif;
    border: 1px solid #f13c42;
    border-radius: 18px;
    color: #f13c42 !important;
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    margin: 0px auto;
    text-shadow: none;
    box-shadow: none;
    text-decoration: none;
    text-transform: uppercase
 }

#yikes-mailchimp-container-3 button{
    background: transparent;
    font-family: "Source Sans Pro", sans-serif;
    border: 1px solid #f13c42;
    border-radius: 18px;
    color: #f13c42 !important;
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    margin: 0px auto;
    text-shadow: none;
    box-shadow: none;
    text-decoration: none;
    text-transform: uppercase
 }

#yikes-mailchimp-container-2 input{
    background: #f6f7f8 none repeat scroll 0 0;
    border: 1px #f6f7f8 solid;
    box-shadow: none;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 16px;
    line-height: 20px;
    padding: 19px 29px;
}

#yikes-mailchimp-container-3 input{
    background: #f6f7f8 none repeat scroll 0 0;
    border: 1px #f6f7f8 solid;
    box-shadow: none;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 16px;
    line-height: 20px;
    padding: 19px 29px;
}

.ta-center {
    text-align: center;
}

.vc_row.single-affiliate img {
    height: auto;
    max-width: 55%;
}

.wpb_single_image.single-seo img {
    height: auto;
    max-width: 75%;
}

/* SALES LANDINGPAGES FOR SEA - START */
/* HEADER */
.page-template-page-landingpage #contactUs {position:absolute;top:30px;right:15px;font-size:120%}
.page-template-page-landingpage #contactUs a {font-size:120%;margin-left:20px}
.page-template-page-landingpage .lp-trg-logo img {height:46px;width:auto;margin-bottom:30px}
.page-template-page-landingpage a.trg-logo,.page-template-page-landingpage .digramm_lang, .page-template-page-landingpage #vertical-header-wrapper {display:none}
.page-template-page-landingpage #main-content {width:80%}
.transformUppercase {text-transform:uppercase}
#wrap .LP-header-inner > div > .wpb_wrapper .wpb_text_column:first-of-type p {font-size:40pt;line-height:1em;font-weight:300 !important}
.wpb_column.LP-header-text {width:55%}
.wpb_column.LP-header-text .wpb_wrapper p {color:white !important}
.page-template-page-landingpage #lpForm {display:flex;margin:0}
.page-template-page-landingpage #lpForm > div, .page-template-page-landingpage #lpForm > div > div, .page-template-page-landingpage #lpForm > div > div > div,.page-template-page-landingpage #lpForm > div > div > div > div, .page-template-page-landingpage #lpForm > div > div > div > div > div {display:flex;align-items:stretch;width:100%}

.page-template-page-landingpage #lpForm .wpb_column:first-of-type .vc_row {padding-right:0}
.page-template-page-landingpage #lpForm .wpb_column:not(:first-of-type) .vc_row {padding-left:0}

/* BULLETPOINTS */
.page-template-page-landingpage #bulletpoints img {max-width:initial}

/* REFERENCES */
.page-template-page-landingpage #references img {width:200px;height:45px}

.lp-contactperson img {width:110px;height:110px;border-radius:50%;float:left}
.lp-contactperson-detail-right {float:left;margin-left:30px;width:50%}
.lp-contactperson-detail-name {font-size:18pt;font-weight:300}
.lp-contactperson-detail-title {display:inline-block;margin-bottom:15px}
.lp-contactperson-contact-label {width:50px;display:inline-block}

/* FORM */
#lpForm hr {border-color:#d0d0d0}
#lpForm input[type="text"],#lpForm input[type="email"], #lpForm input[type="tel"], #lpForm textarea {width:100%;font-size:14px;padding:20px;margin-bottom:10px}
#lpForm textarea {height:100px}
#lp-form-upper, #lp-form-main, #lp-form-lower {margin-bottom:30px}
.lp-form-checkbox-container {margin-bottom:10px}
#lp-form-upper input[type="checkbox"] {float:left}
#lp-form-upper .lp-form-checkbox-container label {display:block;float:left;width:215px;margin-top:-4px}
#lpForm div > .lp-form-checkbox-container:last-of-type {margin-bottom:0}
.lp-form-checkbox-container label {display:inline;margin-left:20px;font-weight:400;font-size:16px}
#lpForm #lp-form-upper-left, #lpForm #lp-form-lower-left {width:20%;float:left;font-size:16px}
#lpForm #lp-form-upper-right, #lpForm #lp-form-lower-right {width:70%;float:left;margin-left:10%}

#contact_tel_input, #contact_mail_input {display:none}

#lpForm input[type="submit"] {float:right;background:white;border: 1px solid #f13c42;border-radius: 18px;color: #f13c42 !important;display: inline-block;font-family: "Source Sans Pro",sans-serif;font-size: 14px;font-weight: 400;line-height: 14px;margin: 0px auto;padding: 10px 17px;text-decoration: none;text-shadow: 0px 0px transparent;text-transform:none}

#lpForm ul {margin-bottom:50px}
.lp-circlecheck li {list-style:none}
.lp-circlecheck li {background:url("/wp-content/uploads/2017/11/tick-circle-red.png") no-repeat left center;min-height:36px;padding-left:50px;margin-bottom:20px}

.page-template-page-landingpage input[type="tel"] {border: 1px solid #e5e5e5;padding: 6px 4px;outline: none;-moz-border-radius: 1px;-webkit-border-radius: 1px;border-radius: 1px;color: #888;margin: 0;width: 210px;max-width: 100%;min-height: 21px;display: block;margin-bottom: 20px;background: #fdfdfd;}

@media only screen and (max-width: 768px) {
	.page-template-page-landingpage #contactUs {position:static}
	.page-template-page-landingpage #contactUs a {display:block;margin:5px auto 15px 0}
    .page-template-page-landingpage #bulletpoints > .wpb_column .wpb_column {float:left;width:80%}
    .page-template-page-landingpage #bulletpoints > .wpb_column .wpb_column:first-of-type {width:35px}
    
    .page-template-page-landingpage #references .wpb_single_image {text-align:center}
    .page-template-page-landingpage #references > .wpb_column .wpb_column {margin:15px auto} 
	
	.page-template-page-landingpage #lpForm {display:block;width:120%;margin-left:-10%}
	.page-template-page-landingpage #lpForm > div, .page-template-page-landingpage #lpForm > div > div, .page-template-page-landingpage #lpForm > div > div > div,.page-template-page-landingpage #lpForm > div > div > div > div, .page-template-page-landingpage #lpForm > div > div > div > div > div {display:block;align-items:initial}
	.page-template-page-landingpage #lpForm > .wpb_column:first-of-type {margin-bottom:20px}
	.page-template-page-landingpage #lpForm > .wpb_column .vc_column-inner:first-of-type {padding:0}
	.page-template-page-landingpage #lpForm > .wpb_column .vc_column-inner .vc_column-inner {border:2px solid #f13c42 !important;margin:0 !important;padding:20px !important;width:auto}
	.page-template-page-landingpage #lpForm .vc_row {margin:0}
	.page-template-page-landingpage #lpForm input[type=submit] {white-space:normal}
	#lpForm #lp-form-upper-left, #lpForm #lp-form-lower-left {width:100%;float:none;margin-bottom:10px}
	#lpForm #lp-form-upper-right, #lpForm #lp-form-lower-right {max-width:100%}
}

@media only screen and (max-width: 473px) {
	#lp-form-upper .lp-form-checkbox-container label {width:75%}
}
/* SALES LANDINGPAGES FOR SEA - END */


/* SALES LANDINGPAGES 2 FOR SEA - START */
/* HEADER */
.page-template-page-landingpage2 #contactUs {position:absolute;top:30px;right:15px;font-size:120%}
.page-template-page-landingpage2 #contactUs a {font-size:120%;margin-left:20px}
.page-template-page-landingpage2 .lp-trg-logo img {height:46px;width:auto;margin-bottom:30px}
.page-template-page-landingpage2 a.trg-logo,.page-template-page-landingpage2 .digramm_lang, .page-template-page-landingpage2 #vertical-header-wrapper {display:none}
.page-template-page-landingpage2 #main-content {width:80%}
.transformUppercase {text-transform:uppercase}
#wrap .LP-header-inner > div > .wpb_wrapper .wpb_text_column:first-of-type p {font-size:40pt;line-height:1em;font-weight:300 !important}
.wpb_column.LP-header-text {width:55%}
.wpb_column.LP-header-text .wpb_wrapper p {color:white !important}
.page-template-page-landingpage2 #lpForm {display:flex;margin:0}
.page-template-page-landingpage2 #lpForm > div, .page-template-page-landingpage2 #lpForm > div > div, .page-template-page-landingpage2 #lpForm > div > div > div,.page-template-page-landingpage2 #lpForm > div > div > div > div, .page-template-page-landingpage2 #lpForm > div > div > div > div > div {display:flex;align-items:stretch;width:100%}

.page-template-page-landingpage2 #lpForm .wpb_column:first-of-type .vc_row {padding-right:0}
.page-template-page-landingpage2 #lpForm .wpb_column:not(:first-of-type) .vc_row {padding-left:0}

/* BULLETPOINTS */
.page-template-page-landingpage2 #bulletpoints img {max-width:initial}

/* REFERENCES */
.page-template-page-landingpage2 #references img {width:200px;height:45px}

.lp-contactperson img {width:110px;height:110px;border-radius:50%;float:left}
.lp-contactperson-detail-right {float:left;margin-left:30px;width:50%}
.lp-contactperson-detail-name {font-size:18pt;font-weight:300}
.lp-contactperson-detail-title {display:inline-block;margin-bottom:15px}
.lp-contactperson-contact-label {width:50px;display:inline-block}

/* FORM */
#lpForm hr {border-color:#d0d0d0}
#lpForm input[type="text"],#lpForm input[type="email"], #lpForm input[type="tel"], #lpForm textarea {width:100%;font-size:14px;padding:20px;margin-bottom:10px}
#lpForm textarea {height:100px}
#lp-form-upper, #lp-form-main, #lp-form-lower {margin-bottom:30px}
.lp-form-checkbox-container {margin-bottom:10px}
#lp-form-upper input[type="checkbox"] {float:left}
#lp-form-upper .lp-form-checkbox-container label {display:block;float:left;width:290px;margin-top:-4px}
#lpForm div > .lp-form-checkbox-container:last-of-type {margin-bottom:0}
.lp-form-checkbox-container label {display:inline;margin-left:20px;font-weight:400;font-size:16px}
#lpForm #lp-form-upper-left, #lpForm #lp-form-lower-left {width:20%;float:left;font-size:16px}
#lpForm #lp-form-upper-right, #lpForm #lp-form-lower-right {width:70%;float:left;margin-left:10%}

#contact_tel_input, #contact_mail_input {display:none}

#lpForm input[type="submit"] {float:right;background:white;border: 1px solid #f13c42;border-radius: 18px;color: #f13c42 !important;display: inline-block;font-family: "Source Sans Pro",sans-serif;font-size: 14px;font-weight: 400;line-height: 14px;margin: 0px auto;padding: 10px 17px;text-decoration: none;text-shadow: 0px 0px transparent;text-transform:none}

#lpForm ul {margin-bottom:50px}
.lp-circlecheck li {list-style:none}
.lp-circlecheck li {background:url("/wp-content/uploads/2017/11/tick-circle-red.png") no-repeat left center;min-height:36px;padding-left:50px;margin-bottom:20px}

.page-template-page-landingpage2 input[type="tel"] {border: 1px solid #e5e5e5;padding: 6px 4px;outline: none;-moz-border-radius: 1px;-webkit-border-radius: 1px;border-radius: 1px;color: #888;margin: 0;width: 210px;max-width: 100%;min-height: 21px;display: block;margin-bottom: 20px;background: #fdfdfd;}

@media only screen and (max-width: 768px) {
	.page-template-page-landingpage2 #contactUs {position:static}
	.page-template-page-landingpage2 #contactUs a {display:block;margin:5px auto 15px 0}
    .page-template-page-landingpage2 #bulletpoints > .wpb_column .wpb_column {float:left;width:80%}
    .page-template-page-landingpage2 #bulletpoints > .wpb_column .wpb_column:first-of-type {width:35px}
    
    .page-template-page-landingpage2 #references .wpb_single_image {text-align:center}
    .page-template-page-landingpage2 #references > .wpb_column .wpb_column {margin:15px auto} 
	
	.page-template-page-landingpage2 #lpForm {display:block;width:120%;margin-left:-10%}
	.page-template-page-landingpage2 #lpForm > div, .page-template-page-landingpage2 #lpForm > div > div, .page-template-page-landingpage2 #lpForm > div > div > div,.page-template-page-landingpage2 #lpForm > div > div > div > div, .page-template-page-landingpage2 #lpForm > div > div > div > div > div {display:block;align-items:initial}
	.page-template-page-landingpage2 #lpForm > .wpb_column:first-of-type {margin-bottom:20px}
	.page-template-page-landingpage2 #lpForm > .wpb_column .vc_column-inner:first-of-type {padding:0}
	.page-template-page-landingpage2 #lpForm > .wpb_column .vc_column-inner .vc_column-inner {border:2px solid #f13c42 !important;margin:0 !important;padding:20px !important;width:auto}
	.page-template-page-landingpage2 #lpForm .vc_row {margin:0}
	.page-template-page-landingpage2 #lpForm input[type=submit] {white-space:normal}
	#lpForm #lp-form-upper-left, #lpForm #lp-form-lower-left {width:100%;float:none;margin-bottom:10px}
	#lpForm #lp-form-upper-right, #lpForm #lp-form-lower-right {max-width:100%}
}

@media only screen and (max-width: 473px) {
	#lp-form-upper .lp-form-checkbox-container label {width:75%}
}
/* SALES LANDINGPAGES 2 FOR SEA - END */