/* lato-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/lato-v24-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v24-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lato-v24-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* html, body */
html,
body
				{
				margin:0;
				padding:0;
				background: #232426;
				}

/* default */
*
				{
				padding:0px;
				margin:0px;
				text-align:left;
				font-family: 'Lato', sans-serif, Tahoma, Arial, Verdana;
				font-size:100%;
				font-weight: 300;
				color:#232426;
				background-repeat: no-repeat!important;
				outline: none;
				text-decoration:none;
				}

img
				{
				display: block;
				max-width: 100%;
				height: auto;
				}

a
				{
				text-decoration:none;
				transition: all 500ms;
				}

b,
strong
				{
				font-weight: 700;
				}

i,
italic
				{
				font-weight: italic;
				}

img
				{
				max-width: 100%;
				height: auto;
				border:0px;
				}
			
p,
ul li
				{
				font-size: 1rem;
				line-height: 1.6em;
				}
			
p
				{
				margin-bottom: 30px;
				}

p a
				{
				font-weight: 700;
				text-decoration: underline;
				}

p a:Hover
				{
				color: #ff2954;
				}

p.big
				{
				font-size: 1.8rem;
				line-height: 1.6em;
				}
							
h1
				{
				display: inline-block;
				font-size: 4rem;
				line-height: .9em;
				font-weight: 700;
				margin-bottom: 20px;
				}

h2
				{
				font-size: 4rem;
				line-height: 1.1em;
				text-transform: uppercase;
				margin-bottom: 60px;
				}

h2.big
				{
				font-size: 8rem;
				font-weight: 700;
				}
			
h3
				{
				font-size: 2.4rem;
				line-height: 1.2em;
				text-transform: uppercase;
				margin-bottom:10px;
				}
			
h4
				{
				display: block;
				font-size: 1.4rem;
				line-height: 1.2em;
				margin-bottom:20px;
				}
				
h5
				{
				font-size: 1.2rem;
				line-height: 1.2em;
				font-weight: 700;
				}
				
h6
				{
				font-size: 1.2rem;
				margin-bottom:10px;
				}

ul
				{
				margin: 0 0 20px 20px;
				}

ul li
				{
				margin-bottom: 5px;
				}

sup
				{
				font-size: .9rem;
				}

h2 sup
				{
				font-size: 2rem;
				}

.align-right,
.align-right *
				{
				text-align: right;
				}

.centered,
.centered *
				{
				text-align: center;
				}

.flex-section
				{
				border-top: 1px solid #fef9f1;
				padding: 40px 0 20px 0;
				margin-bottom: 30px;
				}

.flex-section img
				{
				width: 140px;
				max-width: 100%;
				}

.icon-wrapper
				{
				display: flex;
				align-items: flex-start;
				}

.icon-wrapper img
				{
				max-width:50px;
				margin-right: 30px;
				}

.icon-wrapper p
				{
				padding-top: 6px;
				}

/* ------------------------------------------------------------------------------------------------------------ */

.fancybox-button.fancybox-close-small
				{
				position: absolute;
				border: none!important;
				}

/*.fancybox-button.fancybox-close-small,*/
.fancybox-navigation,
.fancybox-button.fancybox-button--close svg,
.fancybox-button.fancybox-button--close:after,
.fancybox-button.fancybox-button--close:before,
.fancybox-button.fancybox-close-small svg,
.fancybox-button.fancybox-close-small:after,
.fancybox-button.fancybox-close-small:before
				{
				display: none;
				}

.fancybox-button.fancybox-close-small,
.fancybox-button.fancybox-button--close
				{
				position: absolute;
				top:-20px;
				right: -20px;
				width: 40px;
				height: 40px;
				background: none!important;
				background-image: url('../images/icons/close.svg')!important;
				background-size: cover;
				background-position: center center;
				}

.fancybox-slide--video .fancybox-content
				{
				background: #000;
				padding: 0;
				margin: 0;
				-webkit-border-radius: 20px;
				-moz-border-radius: 20px;
				border-radius: 20px;
				}

.fancybox-slide--video .fancybox-content video
				{
				max-width: 100%;
				}

/* ------------------------------------------------------------------------------------------------------------ */

#btn_top
				{
				display: inline-block;
				width: 40px;
				height: 40px;
				background-image: url('../images/icons/arrow-top.svg');
				background-size: 20px;
				background-position: center center;
				background-repeat: no-repeat;
				background-color: #fef9f1;
				position: fixed;
				bottom: 30px;
				right: 30px;
				border-radius:50%;
				-moz-border-radius:50%;
				-webkit-border-radius: 50%;
				z-index: 999;
				transition: all 500ms;
				}

#btn_top span
				{
				display: none;
				}

#btn_top:Hover
				{
				background-color: #ff2954;
				}

/* ------------------------------------------------------------------------------------------------------------ */

#id_overlay
				{
				position: absolute;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
				/*background-color: rgba(35,36,38,.98);*/
				background-color: rgba(20,21,23,.95);
				z-index: 10;
				}

#id_video_wrapper
				{
				position: absolute;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
				z-index: 1;
				}

#id_video_wrapper video
				{
				object-fit: cover;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
				}

/* ------------------------------------------------------------------------------------------------------------ */

.gradient-text
				{
				background: linear-gradient(to right, #1178C7 0%, #d70a84 100%);
    			-webkit-background-clip: text;
   			 	-webkit-text-fill-color: transparent;
				} 

#id_bar_wrapper
				{
				position: fixed;
				bottom: 30px;
				left: 0;
				z-index: 99;
				width: 100%;
				}

#id_bar
				{
				width: 100%;
				box-sizing: border-box;
				padding: 15px 22px 15px 32px;
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: center;
				/*background: #232426;*/
				-webkit-border-radius: 120px;
				-moz-border-radius: 120px;
				border-radius: 120px;
				transition: all 500ms;
				background-size: 100% auto;
				background-position: right center;
				background-image: linear-gradient(to right, #51127f 0%,  #d70a84 100%);
				}

#id_bar.alert
				{
				background-position: left center;
				}

#id_bar p
				{
				/*text-shadow: 0 0 0 #fff, 0 0 0 #fff, 0 0 0 #ff2954, 0 0 0 #ff2954, 0 0 0 #ff2954, 0 0 0 #ff2954, 0 0 0 #ff2954;
				transform: scale(1);
				transition: all 500ms;*/
				}

#id_bar.alert p
				{
				/*text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #ff2954, 0 0 40px #ff2954, 0 0 50px #ff2954, 0 0 60px #ff2954, 0 0 70px #ff2954;
				transform: scale(1.2);*/
				}

#id_bar *
				{
				margin-bottom: 0;
				line-height: 1.2em;
				color: #fef9f1;
				}

#id_bar #id_bar_right
				{
				display: flex;
				justify-content: flex-end;
				}

a.btn,
#id_meta a,
form input[type="submit"]
				{
				display: inline-block;
				text-align: center;
				background-image: linear-gradient(to right, #51127f 0%,  #d70a84 100%);
				color: #fef9f1;
				border: 2px solid #16B079;
				-webkit-border-radius: 40px;
				-moz-border-radius: 40px;
				border-radius: 40px;
				padding: 10px 20px;
				box-sizing: border-box;
				}

.btn.btn-highlight
				{
				font-size: .85rem;
				font-weight: 700;
				text-transform: uppercase;
				background: #232426;
				margin-right: 10px;
				border: 2px solid #232426;
				}

.btn.btn-outline
				{
				font-size: .85rem;
				font-weight: 700;
				text-transform: uppercase;
				background: none;
				color: #232426;
				border: 2px solid #232426;
				}

#id_bar #id_bar_right .btn
				{
				padding: 15px 30px;
				background: #fef9f1;
				border: none;
				margin-left: 10px;
				}

#id_bar #id_bar_right .btn span
				{
				padding: 0;
				color: #232426;
				text-transform: none;
				}
			
#id_meta
				{
				display: flex;
				}
			
#id_meta a
				{
				width: auto;
				margin-left: 10px;
				}

#id_meta #id_email a
				{
				background: none;
				border: 2px solid #fef9f1;
				}

a.btn span,
#id_meta a span
				{
				font-size: .95rem;
				font-weight: 700;
				text-transform: none;
				display: inline-block;
				text-align: center;
				color:#fef9f1;
				background-position: left center;
				background-size: auto 100%;
				padding: 4px 0 4px 32px;
				white-space: nowrap;
				}

#id_meta #id_phone a
				{
				background:none;
				border:none;
				}

#id_meta #id_phone a span
				{
				background-image: url('../images/icons/phone.svg');
				}

#id_meta #id_email a span
				{
				background-image: url('../images/icons/mail.svg');
				}

.btn.btn-highlight
				{
				padding: 14px 26px;
				}

#id_meta a:Hover,
.btn.btn-highlight:Hover,
.btn.btn-outline:Hover,
form input[type="submit"]
				{
				color: #fef9f1;
				background-image: linear-gradient(to right, #51127f 0%,  #d70a84 100%);
				border: none;
				}

form input[type="submit"]:Hover
				{
				background-image: linear-gradient(to right, #232426 0%,  #121314 100%);
				}

.btn.btn-highlight.btn-aponow:Hover
				{
				background: #ff0454;
				border: 2px solid #ff0454;
				}

.btn.btn-highlight.btn-nmf:Hover
				{
				background: #9e8236;
				border: 2px solid #9e8236;
				}

#id_meta #id_email a:Hover
				{
				border: 2px solid #232426;
				background-image: linear-gradient(to right, #51127f 0%,  #d70a84 100%);
				}

.indented
				{
				padding-left: 10%;
				}

/* ------------------------------------------------------------------------------------------------------------ */

#id_icons
					{
					width:100%
					}
					
#id_icons .icon
					{
					width:20%;
					float:left;
					text-align:center;
					background-position:center top;
					background-size:40px 40px;
					padding-top:45px;
					transition:all .5s
					}
					
#id_icons .icon span
					{
					font-size:.75rem;
					color:#fff;
					text-transform:uppercase;
					text-align:center;
					width:100%;
					display:block;
					transition:all .5s
					}
					
#id_icons a.icon:Hover img
					{
					fill:#f9b233;
					color:#f9b233
					}
					
#id_icons a.icon:Hover span
					{
					color:#f9b233
					}
					
div.websites
					{
					background-image:url(/images/icons/websites.svg)
					}
					
div.typo3
					{
					background-image:url(/images/icons/typo3.svg)
					}
					
div.shopware
					{
					background-image:url(/images/icons/ecommerce.svg)
					}
					
div.wordpress
					{
					background-image:url(/images/icons/wordpress.svg)
					}
					
div.seo-ads-digitales-marketing
					{
					background-image:url(/images/icons/seo-ads-digitales-marketing.svg)
					}

#id_logos
				{
				width: 100%;
				text-align: center;
				}

#id_logos img
				{
				display: inline;
				max-height: 26px;
				margin: 0 15px;
				}

/*
h2 b,
h3 b,
h4 b
				{
				background: #1178C7;
				background: linear-gradient(to right, #1178C7 0%, #17B3C2 90%);
				-webkit-background-clip: text;
				-webkit-text-fill-color: transparent;
				-webkit-animation: hue 10s infinite linear;
				animation: hue 10s infinite linear;
				}


*/

.five-six
				{
				display: inline-block;
				margin-bottom: 40px;
				-webkit-border-radius: 40px;
				-moz-border-radius: 40px;
				border-radius: 40px;
				padding: 10px 20px;
				background: #232426;
				background: linear-gradient(to right, #ff2954 0%, #232426 90%);
				-webkit-animation: hue 10s infinite linear;
				animation: hue 10s infinite linear;
				}

@-webkit-keyframes hue {
  from {
    -webkit-filter: hue-rotate(0deg);
  }
  to {
    -webkit-filter: hue-rotate(-360deg);
  }
}

.five-six img
				{
				max-width: 250px;
				}
/*
.main-head
				{
				max-width:500px;
				margin-bottom: 40px;
				}
*/

/* ------------------------------------------------------------------------------------------------------------ */

#id_form
				{
				width: 90%;
				max-width: 900px;
				padding: 40px;
				-webkit-border-radius: 15px;
				-moz-border-radius: 15px;
				border-radius: 15px;
				-webkit-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.3); 
				box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.3);
				background: #fef9f1;
				overflow: visible;
				}

.fancybox-is-open .fancybox-bg
				{
				opacity: .9;
				}

.form-wrapper
				{
				width: 100%;
				box-sizing: border-box;
				}

.form-wrapper li
				{
				font-size: 1rem;
				margin-bottom: 5px;
				}

.form-wrapper p
				{
				font-size: 1rem;
				margin-bottom: 10px;
				}

form input[type="text"],
form input[type="email"],
form input[type="tel"],
form textarea
				{
				float: left;
				box-sizing: border-box;
				width: 49%;
				-webkit-border-radius: 15px;
				-moz-border-radius: 15px;
				border-radius: 15px;
				padding: 15px;
				background: #d3cfca;
				border: none;
				color: #232426;
				margin-bottom: 20px;
				}

.form-left
				{
				margin-right: 1%;
				}

.form-right
				{
				margin-left: 1%;
				}

form textarea
				{
				width: 100%;
				height: 200px;
				}

form input[type="submit"]
				{
				-webkit-appearance: none;
				cursor: pointer;
				text-transform: uppercase;
				width: 100%;
				padding: 17px 0;
				font-weight: 700;
				transition: all 500ms;
				border:none;
				}

.radio-checkbox-wrapper
				{
				position: relative;
				margin-bottom: 20px;
				}

.radio-checkbox-wrapper label
				{
				font-size: .85rem;
				display: block;
				padding-left: 30px;
				}

.radio-checkbox-wrapper label a
				{
				text-decoration: underline;
				}
				
.radio-checkbox-wrapper input
				{
				position: absolute;
				opacity: 0;
				cursor: pointer;
				left: 0;
				top:0;
				}
				
.radio-checkbox-wrapper .checkmark
				{
				position: absolute;
				top: 2px;
				left: 0;
				height: 20px;
				width: 20px;
				background-color: #FFF;
				border: 1px solid #232426;
				transition: 500ms all;
				}
		
.radio-checkbox-wrapper .checkmark:after
				{
				content: "";
				position: absolute;
				display: none;
				}
				
.radio-checkbox-wrapper  input:checked ~ .checkmark:after
				{
				display: block;
				}
				
.radio-checkbox-wrapper  .checkmark:after
				{
				top: 4px;
				left: 4px;
				width: 10px;
				height: 10px;
				background: #232426;
				}

.radio-checkbox-wrapper .checkmark.checkmark-checkbox:after
				{
				top: 4px;
				left: 4px;
				width: 12px;
				height: 12px;
				}

::-webkit-input-placeholder,
::-webkit-input-placeholder
				{
				font-size: .85rem;
				text-transform: uppercase;
				color: #232426;
				}

:-ms-input-placeholder,
:-ms-input-placeholder
				{
				font-size: .85rem;
				text-transform: uppercase;
				color: #232426;
				}

::placeholder,
::placeholder
				{
				font-size: .85rem;
				text-transform: uppercase;
				color: #232426;
				}

/* ------------------------------------------------------------------------------------------------------------ */	

.box
				{
				-webkit-border-radius: 15px;
				-moz-border-radius: 15px;
				border-radius: 15px;
				padding: 40px;
				background: #fef9f1;
				margin-bottom: 60px;
				}

#id_footer .box
				{
				margin-bottom: 10px;
				}

.quote
				{
				padding-top: 80px;
				background-position: top right;
				background-size: 80px auto;
				background-image: url('../images/icons/quote-top-right.svg');
				}

.quote-inner
				{
				padding-bottom: 80px;
				background-position: bottom left;
				background-size: 80px auto;
				background-image: url('../images/icons/quote-bottom-left.svg');
				}

.quote *
				{
				text-align: center;
				color: #fef9f1;
				}

.quote h4
				{
				font-size: 2.6rem;
				text-transform: none;
				font-style: italic;
				margin: 0 0 20px 0;
				}

.flex-wrapper.flex-strech
				{
				width: 102%;
				margin-left: -1%;
				align-items : stretch;
				height: 100%;
				}

.three-wrapper
				{
				width: 32.53%;
				margin: 0 .4%;
				}

.three-wrapper .three-box
				{
				height: 50%;
				-webkit-border-radius: 15px;
				-moz-border-radius: 15px;
				border-radius: 15px;
				padding: 40px;
				background: #FFF;
				margin-bottom: 10px;
				box-sizing: border-box;
				display: flex;
				align-items: center;
				}

.three-wrapper .three-box.three-box-last
				{
				margin-bottom: 0;
				}

.three-wrapper.three-box-middle .three-box
				{
				height: calc(100% + 10px);
				}

.three-wrapper .three-box *
				{
				margin: auto;
				text-align: center;
				display: inline-block;
				}

.three-wrapper .three-box p
				{
				font-size: .85rem;
				}

.three-wrapper .three-box img
				{
				display: block;
				max-width: 60px;
				margin-bottom: 15px;
				} 

/* ------------------------------------------------------------------------------------------------------------ */

#id_top
				{
				position: fixed;
				width: 100%;
				left: 0;
				top: 0;
				padding: 30px 0;
				z-index: 99;
				transition: all 500ms;
				}

.reduced #id_top
				{
				background: rgba(0,0,0,0.2);
				padding: 10px 0;
				}

#id_top .inner
				{
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
				align-items: center;
				}

#id_ci
				{
				display: block;
				width: 180px;
				transition: all 500ms;
				}

.reduced #id_ci
				{
				width: 140px;
				}

#id_powered
				{
				position: absolute;
				right: 0;
				top:5px;
				}

#id_powered img
				{
				max-height: 48px;
				transition: all 500ms;
				}

.reduced #id_powered img
				{
				max-height:30px;
				}

.cb-enable
				{
				display: inline-block;
				color: #FFF;
				font-weight: 700;
				border: 1px solid #FFF;
				text-align: center;
				text-transform: uppercase;
				font-size: .9rem;
				padding:10px 30px;
				-webkit-border-radius: 60px;
				-moz-border-radius: 60px;
				border-radius: 60px;
				transition: all 500ms;
				}

.cb-enable
				{
				color: #ff2954!important;
				background: #FFF;
				}

.cb-enable:Hover
				{
				color: #FFF!important;
				background: none;
				}

.left
				{
				position: relative;
				width: 46%;
				margin-right: 4%;
				}

.right
				{
				position: relative;
				width: 46%;
				margin-left: 4%;
				}

.w-40
				{
				width: 36%;
				}

.w-60
				{
				width: 56%;
				}

.w-65
				{
				width: 65%;
				}

/* ------------------------------------------------------------------------------------------------------------ */

#cookie-bar
				{
				width: 100%;
				box-sizing: border-box;
				padding: 20px 100px 20px 20px;
				background: #ff2954;
				position: fixed;
				left: 0;
				bottom: 0;
				z-index: 500;
				}

#cookie-bar *
				{
				color: #FFF;
				}

#cookie-bar .cb-enable
				{
				float: right;
				}

/* ------------------------------------------------------------------------------------------------------------ */

.references .flex-wrapper
				{
				max-width: 1280px;
				-webkit-border-radius: 15px;
				-moz-border-radius: 15px;
				border-radius: 15px;
				overflow: hidden;
				align-items: center;
				margin-right: 30px;
				}

.references .flex-wrapper .left
				{
				width: 70%;
				margin: 0;
				}

.references .flex-wrapper .right
				{
				width: 30%;
				margin: 0;
				box-sizing: border-box;
				padding: 30px 50px;
				}

.references .flex-wrapper .right,
.references .flex-wrapper .right *
				{
				text-align: center;
				margin:auto;
				color: #fef9f1;
				}

.references .flex-wrapper .right img
				{
				margin-bottom: 10px;
				max-width: 200px;
				}

.references .flex-wrapper .right h5
				{
				font-size: 1.4rem;
				}

.references .flex-wrapper .right p
				{
				font-size: .85rem;
				text-transform: uppercase;
				line-height: 1.2em;
				}

.references .flex-wrapper .right a.btn
				{
				padding: 5px 15px;
				width: auto;
				margin-top: 10px;
				background: #fef9f1;
				border-color: #fef9f1;
				}

.references .flex-wrapper .right a.btn:Hover
				{
				background: #232426;
				border-color: #232426;
				}

.slick-list
				{
				overflow: visible;
				}

.slick-prev:before,
.slick-next:before
				{
				}

.slick-slide img
				{
				padding: 2px;
				box-sizing: border-box;
				}

.slick-dots li
				{
				margin: 0 5px;
				}

.slick-next
				{
				top: inherit;
				bottom: -36px;
				right: 0;
				z-index: 10;
				}

.slick-prev
				{
				top: inherit;
				bottom: -36px;
				left: inherit;
				right: 30px;
				z-index: 10;
				}

.slick-dots {
    bottom: -35px;
}

.slick-dots li button:before
				{
				color: #232426!important;
				font-size: 12px;
				}

/* ------------------------------------------------------------------------------------------------------------ */

.laura
				{
				display: inline-block;
				padding-left: 60px;
				background-image: url('../images/support/laura.png');
				background-position: left center;
				background-size: 40px;
				}
							
/* ------------------------------------------------------------------------------------------------------------ */

#id_page
				{
				width:100%;
				margin: auto;
				box-sizing: border-box;
				overflow: hidden;
				}

.module
				{
				position: relative;
				width: 100%;
				}

.module.light
				{
				background: #fef9f1;
				}
				
.inner
				{
				max-width: 1340px;
				width: 100%;
				margin: auto;
				position: relative;
				}
				
.module .inner
				{
				padding: 100px 0;
				}
				
.module.module-first
				{
				width: 100%;
				min-height: 100vh;
				display: flex;
				align-items: center;
				justify-content: center;
				background: linear-gradient(to bottom, #232426 0%, #121314 100%);
				/*
				background: linear-gradient(-45deg, #232426, #51127f, #232426, #d70a84);
				background-size: 400% 400%;
				animation: gradient 15s ease infinite;
				*/
				}
				
.module.module-first .inner
				{
				/*
				position: absolute;
				left: 0;
				top: 0;*/
				width: 100%;
				max-width: none;
				padding: 0;
				z-index: 20;
				display: flex;
				align-items: center;
				justify-content: center;
				}
				
.module.module-first .inner .content
				{
				max-width: 680px;
				padding: 80px 0 120px 0;
				box-sizing: border-box;
				}
				
				
				
				
.module.module-first .inner,
.module.module-first .inner *
				{
				text-align: center!important;
				color: #fef9f1;
				}

.module.dark .inner,
.module.dark .inner *
				{
				color: #fef9f1;
				}
	
.module.module-first p
				{
				font-size: 1.1rem;
				}
		
.module.module-first .slider img
				{
				opacity: .05;
				max-width: 600px;
				margin: auto;
				transition: all 800ms;
				}

.module.module-first .slider .slick-slide.slick-current.slick-active img
				{
				opacity: 1;
				}
			
.module.no-padding-bottom .inner
				{
				padding: 80px 0 0 0;
				}
				
.module.no-padding-top .inner
				{
				padding: 0 0 80px 0;
				}

.flex-wrapper
				{
				display: flex;
				flex-wrap: wrap;
				}

.flex-centered
				{
				align-items: center;
				}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}


/* ------------------------------------------------------------------------------------------------------------ */	

.logos-column
				{
				align-items: center;
				}

.logo-row
				{
				height: 110px;
				display: flex;
				align-items: center;
				justify-items: center;
				border: 1px solid #fef9f1;
				box-sizing: border-box;
				margin: -1px 0 0 -1px;
				text-align: center;
				}

.logo-row img
				{
				width: 90%;
				display: inline-block;
				padding: 0;
				margin: auto;
				max-width: 140px;
				max-height: 80px;
				}

	
.slider .slick-slide img
				{
				max-height: 540px;
				}

.ref-box
				{
				-webkit-border-radius: 15px;
				-moz-border-radius: 15px;
				border-radius: 15px;
				overflow: hidden;
				margin-bottom: 30px;
				}

.ref-box .left
				{
				width: 56%;
				}

.ref-box .right
				{
				width: 36%;
				display: flex;
				align-items: center;
				}

.ref-box .right div
				{
				width: 80%;
				margin: auto;
				}

.ref-box .right .btn
				{
				background: #fef9f1;
				border: 2px solid #fef9f1;
				}

.ref-box .right .btn:Hover
				{
				background: #232426;
				border: 2px solid #232426;
				}

.ref-box *
				{
				color: #fef9f1;
				text-align: center;
				}
				
/* ------------------------------------------------------------------------------------------------------------ */		

.divider
				{
				margin: 0 10px; 
				}

#id_footer
				{
				margin-bottom: 100px;
				}

#id_footer .inner
				{
				padding: 30px 0 60px 0;
				box-sizing: border-box;
				}

#id_footer .footer-row
				{
				width: 30%;
				margin-right: 3.33%;
				}

#id_footer .logo
				{
				max-width: 140px;
				margin-bottom: 30px;
				}

#id_footer *
				{
				font-size: 1rem;
				}

#id_footer a
				{
				text-decoration: none;
				}

#id_footer a:Hover
				{
				}

#id_footer .phone span
				{
				font-size: .9rem;
				font-weight: 700;
				text-transform: uppercase;
				display: inline-block;
				text-align: center;
				background-position: left center;
				background-size: auto 100%;
				padding: 4px 0 4px 32px;
				background-image: url('../images/icons/phone.svg');
				margin-bottom: 20px;
				}

#id_footer .whatsapp span
				{
				font-size: .9rem;
				font-weight: 700;
				text-transform: uppercase;
				display: inline-block;
				text-align: center;
				background-position: left center;
				background-size: auto 100%;
				padding: 4px 0 4px 32px;
				background-image: url('../images/icons/whatsapp.svg');
				}

.trust
				{
				margin-right: 20px;
				}

.trust img
				{
				max-height: 80px;
				}

#id_footer .footer-row .btn
				{
				padding: 5px 10px;
				font-size: .8rem;
				font-weight: 700;
				width: auto;
				background: none;
				border: 1px solid #232426;
				color: #232426;
				}

#id_footer .footer-row .btn:Hover
				{
				border: 1px solid #ff2954;
				color: #ff2954;
				}

ul#id_social_media
				{
				list-style: none;
				margin: 0 0 10px 0;
				}

ul#id_social_media li
				{
				list-style: none;
				display: inline;
				margin-right: 10px;
				}

ul#id_social_media li a
				{
				display: inline-block;
				width:20px;
				height: 20px;
				background-position: center center;
				background-size: cover;
				}

ul#id_social_media li a span
				{
				display: none;
				}

ul#id_social_media li a.instagram
				{
				background-image: url('../images/icons/instagram.svg');
				}

ul#id_social_media li a.linkedin
				{
				background-image: url('../images/icons/linkedin.svg');
				}

ul#id_social_media li a.facebook
				{
				background-image: url('../images/icons/facebook.svg');
				}

#id_footer .centered *
				{
				color: #fef9f1;
				font-size: .8rem;
				}

/* ------------------------------------------------------------------------------------------------------------ */

.only-mobile
				{
				display: none;
				}
				
.not-mobile
				{
				display: inline-block;
				}

/* ------------------------------------------------------------------------------------------------------------ */	

@media screen and (max-width: 1400px) {
	
	.inner
				{
				width: 90%;
				margin: auto;
				}
				
}

@media screen and (max-width: 990px) {
	
	h1,
	h2
				{
				font-size: 2.4rem;
				}
				
	h3
				{
				font-size: 2rem;
				}
	
	#id_meta a
				{
				font-size: .8rem;
				margin: 0 5px;
				padding: 10px;
				}
	
	#id_meta a span
				{
				font-size: .7rem;
				padding-left: 20px;
				background-size: 16px;
				}
				
	.three-wrapper
				{
				width: 100%;
				margin: 0 0 10px 0;
				}
	
	.indented
				{
				padding-left: 0;
				}
			
	.w-65
				{
				width: 100%;
				}
				
}

@media screen and (max-width: 768px) {
	
	#btn_top
				{
				display: none!important;
				}

	
	#id_bar_wrapper
				{
				bottom: 20px;
				}
	
	#id_bar #id_bar_left
				{
				margin: 0 0 10px 0!important;
				}
	
	#id_bar #id_meta
				{
				justify-content: center;
				margin: 0!important;
				}
	
	.module .inner
				{
				padding: 40px 0;
				}
	
	.five-six
				{
				padding: 6px 12px;
				margin-bottom: 10px;
				}
	
	.five-six img
				{
				max-width:180px;
				}
				
	.main-head
				{
				max-width:100%;
				margin-bottom: 20px;
				}
	
	#id_ci
				{
				width: 50%;
				}
	
	#id_powered
				{
				width: 25%;
				}
	
	.reduced #id_ci
				{
				width: 40%;
				}

	.reduced #id_powered
				{
				width: 20%;
				}
	
	p.big
				{
				font-size: 1.4rem;
				line-height: 1.4em;
				}
	
	h1,
	h2
				{
				font-size: 1.8rem;
				margin-bottom: 20px;
				}
	
	h2 sup
				{
				font-size: 1.4rem;
				}
				
	h2.big
				{
				font-size: 6rem;
				}
	
	h3,
	h4
				{
				font-size: 1.6rem;
				margin-bottom: 20px;
				}
	
	.quote h4
				{
				font-size: 1.8rem;
				}
	
	#id_bar
				{
				opacity: 0;
				}
	
	.reduced #id_bar
				{
				opacity: 1;
				}
	
	p,
	ul li
				{
				font-size: 1.1rem;
				line-height: 1.4em;
				}
	
	.indented
				{
				padding-left: 0;
				}
	
	.flex-section
				{
				margin-bottom: 10px;
				}
			
	.references .flex-wrapper .right img
				{
				max-width: 50%;
				}
	
	.module.module-first .inner
				{
				padding: 100px 0 20px 0;
				}
	
	#id_page,
	#id_main,
	#id_header,
	#id_content,
	#id_footer,
	#id_footer .footer-row
				{
				float: none!important;
				width: 100%!important;
				padding: 0!important;
				margin-left: 0!important;
				margin-right: 0!important;
				max-width: 100%!important;
				}
	
	#id_form
				{
				padding: 20px;
				}
	
	.form-left,
	.form-right
				{
				float: none!important;
				width: 100%!important;
				max-width: 100%!important;
				}
	
	.flex-wrapper
				{
				display: block;
				}
	
	.slider .slick-slide img
				{
				max-height: 280px;
				}
		
	.left,
	.right,
	.w-65,
	.three-wrapper
				{
				float: none!important;
				width: 100%!important;
				margin: 0 0 20px 0!important;
				}
			
	.references .flex-wrapper .left,
	.references .flex-wrapper .right
				{
				margin: 0!important;
				}
	
	#cookie-bar
				{
				padding: 20px ;
				}
	
	#cookie-bar p
				{
				font-size: .75rem;
				line-height: 1.4em;
				}
	
	#id_footer,
	#id_footer *
				{
				text-align: center;
				}
	
	.flex-trust
				{
				display: flex;
				justify-content:space-between;
				align-items: center;
				margin: 20px 0;
				}
	
	.flex-trust .trust
				{
				margin: 0;
				max-width: 33.33%;
				}
	
	#id_footer img
				{
				margin: auto;
				}
				
}

@media screen and (max-width: 600px) {
	
	h1,
	h2
				{
				font-size: 1.4rem;
				}
				
	h2 sup
				{
				font-size: 1.2rem;
				}
	
	h5
				{
				font-size: 1.2rem;
				}
	
	.only-mobile
				{
				display: inline-block;
				}
				
	.not-mobile
				{
				display: none;
				}
	
	.fancybox-button.fancybox-button--close
				{
				top:10px;
				right: 10px;
				width: 30px;
				height: 30px;
				}
	
	.fancybox-slide--video .fancybox-content
				{
				-webkit-border-radius: 0;
				-moz-border-radius: 0;
				border-radius: 0;
				}
	
	.references .flex-wrapper .right
				{
				width: 30%;
				margin: 0;
				box-sizing: border-box;
				padding: 0 20px 20px 20px;
				}
				
	.references .flex-wrapper .right img
				{
				max-width: 40%;
				}
		
	.references .flex-wrapper .left img
				{
				width: 70%;
				margin: auto;
				}
				
	.logo-row
				{
				height: 80px;
				}

}

@media screen and (max-width: 400px) {
	
	#id_meta a span
				{
				font-size: .6rem!important;
				}
				
	#id_bar sup
				{
				font-size: .5rem!important;
				}

}