@font-face {
	font-family: "Open Sans";
	font-weight: 300;
	font-style: normal;
	src: url("../g-font/open_sans/Light/OpenSans-Light.eot");
	src: url("../g-font/open_sans/Light/OpenSans-Light.eot?#iefix") format("embedded-opentype"), url("../g-font/open_sans/Light/OpenSans-Light.woff2") format("woff2"), url("../g-font/open_sans/Light/OpenSans-Light.woff") format("woff"), url("../g-font/open_sans/Light/OpenSans-Light.ttf") format("truetype"), url("../g-font/open_sans/Light/OpenSans-Light.svg#OpenSansLight") format("svg");
	font-display: swap; }
@font-face {
	font-family: "Open Sans";
	font-weight: 400;
	font-style: normal;
	src: url("../g-font/open_sans/Regular/OpenSans-Regular.eot");
	src: url("../g-font/open_sans/Regular/OpenSans-Regular.eot?#iefix") format("embedded-opentype"), url("../g-font/open_sans/Regular/OpenSans-Regular.woff2") format("woff2"), url("../g-font/open_sans/Regular/OpenSans-Regular.woff") format("woff"), url("../g-font/open_sans/Regular/OpenSans-Regular.ttf") format("truetype"), url("../g-font/open_sans/Regular/OpenSans-Regular.svg#OpenSansRegular") format("svg");
	font-display: swap; }
@font-face {
	font-family: "Open Sans";
	font-weight: 600;
	font-style: normal;
	src: url("../g-font/open_sans/Semibold/OpenSans-Semibold.eot");
	src: url("../g-font/open_sans/Semibold/OpenSans-Semibold.eot?#iefix") format("embedded-opentype"), url("../g-font/open_sans/Semibold/OpenSans-Semibold.woff2") format("woff2"), url("../g-font/open_sans/Semibold/OpenSans-Semibold.woff") format("woff"), url("../g-font/open_sans/Semibold/OpenSans-Semibold.ttf") format("truetype"), url("../g-font/open_sans/Semibold/OpenSans-Semibold.svg#OpenSansSemibold") format("svg");
	font-display: swap; }
@font-face {
	font-family: "Open Sans";
	font-weight: 700;
	font-style: normal;
	src: url("../g-font/open_sans/Bold/OpenSans-Bold.eot");
	src: url("../g-font/open_sans/Bold/OpenSans-Bold.eot?#iefix") format("embedded-opentype"), url("../g-font/open_sans/Bold/OpenSans-Bold.woff2") format("woff2"), url("../g-font/open_sans/Bold/OpenSans-Bold.woff") format("woff"), url("../g-font/open_sans/Bold/OpenSans-Bold.ttf") format("truetype"), url("../g-font/open_sans/Bold/OpenSans-Bold.svg#OpenSansBold") format("svg");
	font-display: swap; }
/*!
 *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:"FontAwesome";src:url("../font/fontawesome-webfont.eot");src:url("../font/fontawesome-webfont.eot") format("embedded-opentype"),url("../font/fontawesome-webfont.woff2") format("woff2"),url("../font/fontawesome-webfont.woff") format("woff"),url("../font/fontawesome-webfont.ttf") format("truetype"),url("../font/fontawesome-webfont.svg") format("svg");font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0)}.fa-3-4x{font-size:3.4em;font-weight:100;}.fa-angle-up::before{content:"\f106"}.fa-angle-down::before{content:"\f107"}.icon-heart:before{content:"\f004";}#hearticon{display:inline-block;transform-origin:50% 50%;color:#ebedf0;}.fa-heart{font-size:.85em;font-weight:100;}
html {
	overflow-y: scroll; }

body {
	margin: 0px;
	font-size: 14px;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-weight: 400;
	width: 100%;
	min-width: auto;
	background-color: #f9fafc;
	-webkit-tap-highlight-color: transparent;
	overflow-x: hidden;
	transition: background-color .8s ease; }

::-webkit-selection {
	color: rgb(253, 253, 253);
	background: #00726d; }

::-moz-selection {
	/* Code for Firefox */
	color: rgb(253, 253, 253);
	background: #00726d; }

::selection {
	color: rgb(253, 253, 253);
	background: #00726d; }

a,
a:active,
a:focus,
a:visited {
	outline: none; }

/* === design awards === */
.opl {
	display: inline-block;
	position: fixed;
	left: 0;
	top: 100px;
	z-index: 998;
	-webkit-transition: all .35s ease;
	-moz-transition: all .35s ease;
	-ms-transition: all .35s ease;
	-o-transition: all .35s ease;
	transition: all .35s ease; }

.opl a {
	width: 73px;
	height: 50px;
	text-indent: -9999px;
	display: block;
	outline: none;
	background-size: 73px auto !important;
	background: url(https://s3.amazonaws.com/onepagelove/one-page-love-award-left.png) no-repeat;
	background: url(../images/awards/one-page-love-award-ribbon.svg) no-repeat,
		linear-gradient(transparent, transparent); }

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.opl a {
	width: 73px;
	height: 50px;
	text-indent: -9999px;
	display: block;
	background: url(../images/awards/one-page-love-award-retina-left.png) no-repeat;
	background-size: 73px auto !important; }
}

#loading {
	position: fixed;
	width: 100%;
	height: 100vh;
	background: #969fae;
	z-index: 99999999999; }

/*==== menu ====*/
#header.active {
	background-color: rgb(235, 237, 240);
	z-index: 999; }
#header {
	background-color: transparent;
	height: 65px;
	z-index: 999;
	width: 100% !important;
	position: fixed;
	top: 0px;
	/*overflow-x: hidden;
    overflow-y: scroll;*/
	-webkit-overflow-scrolling: touch; }
#header.active,
#header {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	transition-property: initial;
	transition-duration: 0.5s;
	transition-timing-function: initial;
	transition-delay: initial; }

#parent_1.active {
	margin-top: 0px; }
#parent_1 {
	font-weight: 400;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	width: 88.5%;
	max-width: 1650px;
	position: relative;
	margin: 0 auto;
	height: 65px;
	overflow: hidden; }
#parent_1 {
	-webkit-transition: all .35s;
	-moz-transition: all .35s;
	-ms-transition: all .35s;
	-o-transition: all .35s;
	transition: all .35s;
	transition-property: initial;
	transition-duration: 0.35s;
	transition-timing-function: initial;
	transition-delay: initial; }
.child_2 {
	width: auto;
	height: 100%;
	letter-spacing: normal;
	white-space: normal;
	text-align: center;
	vertical-align: middle;
	overflow: hidden; }

.child_3 {
	display: none;
	width: 40px;
	height: 40px;
	float: left;
	font-weight: 400;
	letter-spacing: .5px;
	color: #262729;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	cursor: pointer; }

.menu {
	height: 100%;
	overflow: hidden;
	display: inline-block; }

.menu-list li:nth-child(4) {
	padding: 0em 0em; }
.menu-list li:nth-child(4).active {
	padding: 0em 2em; }

.logo_menu {
	background: url(../images/logo_eb.png) no-repeat;
	background: url(../images/logo_eb.svg) no-repeat,
		linear-gradient(transparent, transparent);
	background-size: 90%;
	background-position: center;
	width: 0px;
	height: 50px;
	margin-top: 2px;
	opacity: 0; }

.logo_menu.active {
	width: 50px;
	height: 50px;
	margin: 0px 0px;
	margin-top: 2px;
	opacity: 1; }

.menu-list li:nth-child(4),
.menu-list li:nth-child(4).active,
.logo_menu,
.logo_menu.active {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	transition-property: all;
	transition-duration: 0.5s;
	transition-timing-function: ease;
	transition-delay: initial; }

/* ==menu-hamburger div ====*/
.menu-hamburger,
.menu-hamburger::before,
.menu-hamburger::after {
	height: 3px;
	width: 100%;
	border-radius: 3px;
	display: block; }

.menu-hamburger {
	position: relative;
	top: 12.5px;
	left: 0px;
	background-color: #e6e6e6; }

.menu-hamburger::before {
	content: "";
	position: absolute;
	top: -9px;
	background-color: #e6e6e6; }

.menu-hamburger::after {
	content: "";
	position: absolute;
	bottom: -9px;
	background-color: #e6e6e6; }

.menu-hamburger.active,
.menu-hamburger.active::before,
.menu-hamburger.active::after {
	background-color: #262729; }

.menu-hamburger,
.menu-hamburger::before,
.menu-hamburger::after,
.menu-hamburger.active,
.menu-hamburger.active::before,
.menu-hamburger.active::after,
.menu.active .menu-hamburger {
	-webkit-transition: all .35s ease;
	-moz-transition: all .35s ease;
	-ms-transition: all .35s ease;
	-o-transition: all .35s ease;
	transition: all .35s ease;
	transition-property: all;
	transition-duration: 0.35s;
	transition-timing-function: ease;
	transition-delay: 0s; }

.menu.active .menu-hamburger {
	background: transparent; }

.menu.active .menu-hamburger:before {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 0px;
	background-color: #e6e6e6; }
.menu.active .menu-hamburger::after {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	bottom: 0px;
	background-color: #e6e6e6; }


/* //==menu-hamburger div ====// */

.menu-container {
	width: auto; }
.menu-list {
	width: auto;
	list-style-type: none; }
.menu-item {
	display: inline-block;
	padding: 1em 2em; }
.menu-link {
	text-decoration: none;
	text-transform: capitalize; }
.menu-toggle {
	display: none; }

.menu-toggle {
	width: 40px;
	height: 30px;
	top: 8px;
	right: 0px;
	cursor: pointer;
	position: absolute;
	z-index: 106;
	display: none; }

nav {
	margin: 0;
	z-index: 15; }

nav ul {
	margin: 0;
	overflow: hidden;
	margin-top: 5px;
	padding: 0px; }

nav li {
	float: left;
	list-style: none; }

nav a {
	display: inline-block;
	position: relative;
	padding-bottom: 3px;
	color: rgba(253, 253, 253, .45);
	opacity: .7;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: 400; }

nav a.active {
	opacity: 1;
	color: #262729;
	font-size: 1.3em;
	-webkit-transition: all .35s ease;
	-moz-transition: all .35s ease;
	-ms-transition: all .35s ease;
	-o-transition: all .35s ease;
	transition: all .35s ease;
	transition-property: all;
	transition-duration: 0.35s;
	transition-timing-function: ease;
	transition-delay: initial; }

nav a:link {
	outline: none; }

nav a:hover {
	color: #00726d;
	-webkit-transition: all .35s ease;
	-moz-transition: all .35s ease;
	-ms-transition: all .35s ease;
	-o-transition: all .35s ease;
	transition: all .35s ease;
	transition-property: all;
	transition-duration: 0.35s;
	transition-timing-function: ease;
	transition-delay: initial; }

nav li.menu-item.current a {
	color: #00726d;
	font-weight: 400;
	font-size: 1.3em; }

.mobile-nav-container {
	top: 0px;
	color: #333;
	display: none;
	height: 50px;
	right: 0px;
	position: fixed;
	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	-ms-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
	width: 50px;
	z-index: 10; }

.menu-toggle .nav-open { display: block; }

.menu-toggle .nav-close {	display: none; }

.menu-toggle.active-nav .nav-open {	display: none; }

.menu-toggle.active-nav .nav-close { display: block; }

/* block body Scroll when menu is open */

.fixedPosition {
	position: fixed; }

/* Body */
.module_full_bg {
	width: 100%;
	height: 100%;
	background-image: -webkit-linear-gradient(45deg, rgba(133, 105, 136, 0.7), rgba(29, 119, 123, 0.7)), url(../images/intro.jpg);
	background-image: -moz-linear-gradient(45deg, rgba(133, 105, 136, 0.7), rgba(29, 119, 123, 0.7)), url(../images/intro.jpg);
	background-image: -ms-linear-gradient(45deg, rgba(133, 105, 136, 0.7), rgba(29, 119, 123, 0.7)), url(../images/intro.jpg);
	background-image: -o-linear-gradient(45deg, rgba(133, 105, 136, 0.7), rgba(29, 119, 123, 0.7)), url(../images/intro.jpg);
	background-image: linear-gradient(45deg, rgba(133, 105, 136, 0.7), rgba(29, 119, 123, 1)), url(../images/intro.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
	position: relative; }

.module_full_cont {
	height: 100%;
	width: 100%;
	position: relative; }

.container_intro {
	position: absolute;
	left: 50%;
	top: 45%;
	-webkit-transform: translate(-50%, -45%);
	-moz-transform: translate(-50%, -45%);
	-ms-transform: translate(-50%, -45%);
	-o-transform: translate(-50%, -45%);
	transform: translate(-50%, -45%);
	width: 40%;
	max-width: 550px;
	text-align: center; }

@-webkit-keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-moz-keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-ms-keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-o-keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-ms-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn; }

@-webkit-keyframes fadeOut {
	0% { opacity: 1;}
	100% { opacity: 0;}
}
@-moz-keyframes fadeOut {
	0% { opacity: 1;}
	100% { opacity: 0;}
}
@-ms-keyframes fadeOut {
	0% { opacity: 1;}
	100% { opacity: 0;}
}
@-o-keyframes fadeOut {
	0% { opacity: 1;}
	100% { opacity: 0;}
}
@keyframes fadeOut {
	0% { opacity: 1;}
	100% { opacity: 0;}
}
.fadeOut {
	-webkit-animation-name: fadeOut;
	-moz-animation-name: fadeOut;
	-ms-animation-name: fadeOut;
	-o-animation-name: fadeOut;
	animation-name: fadeOut; }

.container_intro {
	opacity: 0;
	animation: fadeIn 1.5s ease forwards;
	animation-delay: .2s; }

.linea_2 {
	position: absolute;
	width: 150px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto; }

.svg-container {
	padding: 3em;
	max-width: 580px;
	margin: 0 auto; }

.svg-container svg {
	max-width: 250px; }

.eb_logo_cont {
	width: 100%;
	margin: 0 auto; }

.eb_logo_name {
	margin-top: 20px; }

.eb_logo {
	background: url(../images/eb_logo.png) no-repeat;
	background: url(../images/eb_logo.svg) no-repeat, linear-gradient(transparent, transparent);
	width: 100%;
	height: 100%;
	max-height: 275px;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative; }

.eb_logo_1 {
	background: url(../images/eb_name_1aa.png) no-repeat;
	background: url(../images/eb_name_1aa.svg) no-repeat, linear-gradient(transparent, transparent);
	width: 100%;
	height: 100%;
	max-height: 115px;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	margin-top: 3.5%;
	margin-bottom: 0px; }

/* fade to black fx */
.header-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgb(249, 250, 252);
	opacity: 0.2; }

/* /fade to black fx/ */

.box_arrow_down {
	width: 150px;
	height: 75px;
	position: relative;
	text-align: center; }

.scrolldown {
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	right: 0;
	color: rgba(235, 237, 240, 1);
	width: 100%;
	height: 100%; }

.scrolldown:hover {
	color: rgba(235, 237, 240, .8); }

.scrolldown i {
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	margin: 0 auto;
	animation-name: arrow;
	animation-duration: 1.75s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation-name: arrow;
	-webkit-animation-duration: 1.75s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear; }

@-webkit-keyframes arrow {
	0% {opacity:0;bottom:100%}
	50% {opacity:1;bottom:50%}
	100% {opacity:0;bottom:0%}
}
@-moz-keyframes arrow {
	0% {opacity:0;bottom:100%}
	50% {opacity:1;bottom:50%}
	100% {opacity:0;bottom:0%}
}
@-ms-keyframes arrow {
	0% {opacity:0;bottom:100%}
	50% {opacity:1;bottom:50%}
	100% {opacity:0;bottom:0%}
}
@-o-keyframes arrow {
	0% {opacity:0;bottom:100%}
	50% {opacity:1;bottom:50%}
	100% {opacity:0;bottom:0%}
}
@keyframes arrow {
	0% {opacity:0;bottom:100%}
	50% {opacity:1;bottom:50%}
	100% {opacity:0;bottom:0%}
}

.wrap {
	position: relative;
	top: 100vh;
	z-index: 1; }

section {
	/* min-height: 360px;
padding: 50px 0px 100px;*/
	margin-bottom: 100px;
	text-align: center; }

.slide {
	margin-bottom: 150px; }

.spacer {
	width: 100%;
	padding-top: 50px;
	padding-bottom: 50px; }

.color_1 {
  background-color: #f9fafc;
  /* height: 100vh; */ }

.color_2 {
  background-color: #b5bbc6;
  /* height: 100vh; */ }

.color_3 {
  background-color: #f9fafc;
  /* height: 100vh; */ }

.grid {
	/* display: block;*/
	width: 85%;
	height: 100%;
	max-width: 1735px;
	vertical-align: middle;
	margin: 0 auto;
	position: relative;
	display: inline-block; }

.grid-item {
	display: block;
	vertical-align: middle; }

.cont_img {
	width: 80%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	display: inline;
	padding-bottom: 100%;
	min-height: 220px;
	min-width: 220px; }

.grid-item-sm-1-4 {
	width: 25%; }

.grid_item_img {
	width: 49.3%;
	display: inline-block; }
.grid_item_txt {
	width: 49.3%;
	display: inline-block; }

.grid-item-sm-3-4 {
	width: 75%; }

.grid-item-sm-1 {
	width: 100%; }

.cont_1st {
	width: 100%;
	margin: 0 auto;
	max-width: 852px; }

.sec_title {
	width: 100%;
	text-align: center;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 3em;
	text-transform: uppercase;
	letter-spacing: .2em;
	font-weight: 600;
	margin: 0px auto 100px auto; }

.wh { color: #ebedf0; }
.blk { color: #262729; }

.text_block {
	display: inline-block;
	vertical-align: middle;
	font-size: 1.5em;
	color: #262729;
	line-height: 1.4;
	letter-spacing: -0.015em;
	font-weight: 600;
	text-align: left;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	width: 85%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; }

.name_cont {
	position: relative;
	display: table; }
.name_title,
.name_title_1st {
	width: 100%;
	font-size: 4em;
	text-align: center;
	z-index: 1;
	line-height: 1.25;
	padding: 1px;
	font-weight: 800;
	display: inline-block;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; }
.name_title,
.name_title_1st {
	letter-spacing: -0.005em; }

.name_1 {
	background: #856988;
	background: -webkit-linear-gradient(135deg, #856988 35%, #1d777b 90%);
	background: -moz-linear-gradient(135deg, #856988 35%, #1d777b 90%);
	background: -ms-linear-gradient(135deg, #856988 35%, #1d777b 90%);
	background: -o-linear-gradient(135deg, #856988 35%, #1d777b 90%);
	background: linear-gradient(135deg, #856988 35%, #1d777b 90%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#856988", endColorstr="#1d777b", GradientType=1);
	/*background-image: -webkit-linear-gradient(to left bottom, rgb(145,118,146), rgb(29,119,123));
	background-image:    -moz-linear-gradient(to left bottom, rgb(145,118,146), rgb(29,119,123));
	background-image:     -ms-linear-gradient(to left bottom, rgb(145,118,146), rgb(29,119,123));
	background-image:      -o-linear-gradient(to left bottom, rgb(145,118,146), rgb(29,119,123));
	background-image:         linear-gradient(to right bottom, rgb(145,118,146), rgb(29,119,123));*/
	color: transparent !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	-webkit-text-fill-color: transparent !important; }

.name_1a {
	background: #856988;
	background: -webkit-linear-gradient(215deg, #856988 25%, #1d777b 90%);
	background: -moz-linear-gradient(215deg, #856988 25%, #1d777b 90%);
	background: -ms-linear-gradient(215deg, #856988 25%, #1d777b 90%);
	background: -o-linear-gradient(215deg, #856988 25%, #1d777b 90%);
	background: linear-gradient(215deg, #856988 25%, #1d777b 90%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#856988", endColorstr="#1d777b", GradientType=1);
	color: transparent !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	-webkit-text-fill-color: transparent !important; }

.name_1::selection,
.name_1a::selection {
	color: white !important;
	-webkit-text-fill-color: white !important;
	background: #00726d; }

/*.name_1{
background-image: rgba(21, 182, 57,1);
    background-image: -webkit-gradient(left top, right top, color-stop(0%, rgba(21, 182, 57,1)), color-stop(100%, rgba(141, 208, 16,1)));
    background-image: -webkit-linear-gradient(left, rgb(21, 182, 57) 0%, rgba(141, 208, 16,1) 10%);
    background-image: -moz-linear-gradient(left, rgba(21, 182, 57,1) 0%, rgba(21, 182, 57,1) 13%, rgba(141, 208, 16,1) 10%);
    background-image: -ms-linear-gradient(left, rgba(21, 182, 57,1) 0%, rgba(141, 208, 16,1) 10%);
    background-image: -o-linear-gradient(left, rgba(21, 182, 57,1) 0%, rgba(141, 208, 16,1) 10%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8dd010', endColorstr='#15b639', GradientType=1 );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}*/

.name_2 {
	color: #856988; }

.name_cont_child {
	display: inline-block; }

.name_subtitle {
	font-size: 1.5em;
	letter-spacing: -0.015em;
	text-align: left;
	color: #262729;
	margin-bottom: .5em;
	font-weight: 600;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; }
.name_desc {
	line-height: 1.75;
	letter-spacing: -0.015em;
	text-align: left;
	margin: 1.1em -25px 0em auto;
	font-size: 1.5em;
	color: #262729;
	font-weight: 600;
	display: inline-block;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; }

.left_block {
	margin: 1.4em 0em 0em .05em;
	text-align: center;
	max-width: 195px; }
.right_block {
	margin: 1.4em 0em 0em 1.4em;
	text-align: center;
	max-width: 210px; }

.right_block ul li {
	max-width: 238px; }

.name_desc ul {
	counter-reset: my-badass-counter;
	list-style: none outside;
	margin: 0px auto;
	padding: 0px; }
.first ul li::before {
	content: counter(my-badass-counter, lower-latin) "."; }
.second ul li::before {
	content: counter(my-badass-counter, disc); }
.second ul li::after {
	list-style-type: disc; }
.name_desc ul li::before {
	counter-increment: my-badass-counter;
	margin-right: 5px;
	font-weight: bold;
	color: #262729; }
.name_desc ul li {
	margin: 0;
	padding: 0 0 0 1em;
	text-indent: -1em;
	opacity: 1; }

.big_lett {
	width: 100%;
	font-size: 25em;
	line-height: 0;
	color: rgb(235, 237, 240);
	font-weight: 600;
	text-transform: uppercase;
	position: absolute;
	top: .75em;
	z-index: -1; }
.bl_1 {
	text-align: right;
	left: 100px;
	top: 25px; }
.bl_2 {
	text-align: left;
	left: -100px; }
.bl_3 {
	text-align: left;
	left: -60px;
	top: 50px; }
.konz {
	color: #262729;
	position: relative;
	z-index: 1;
	left: 0;
	right: 0; }

.konz_quote_cont {
	width: 85%;
	display: grid;
	vertical-align: bottom;
	/* padding: 25px 0px; */
	position: relative;
	margin: 0 auto;
	height: 100%; }

.konzept_quote {
	font-size: 4em;
	text-align: center;
	z-index: 1;
	letter-spacing: -0.015em;
	line-height: 1.3;
	font-weight: 600;
	display: inline-block;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; }

.konz_quote {
	width: 100%;
	font-size: 25em;
	line-height: 0;
	color: rgb(220, 220, 220);
	font-weight: 600;
	text-transform: uppercase;
	position: absolute;
	top: .35em;
	z-index: -1;
	text-align: left;
	left: -100px; }

.card_knz,
.card {
	width: 85%;
	display: grid;
	align-items: center;
	justify-content: center;
	vertical-align: bottom;
	position: relative;
	margin: 0 auto;
	height: 100%;
	max-height: 46em;
	max-width: 46em; }

/* .card:first-child {
	margin: 0 auto 0 0; }
.card:nth-child(2) {
	margin: 0 0 0 auto; } */

.cont_img::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: inline-block;
	background: -webkit-gradient(linear, right top, left bottom, color-stop(rgba(29, 119, 123, .2)), color-stop(rgba(145, 118, 146, .2)));
	background: -webkit-linear-gradient(right top, rgba(145, 118, 146, .2), rgba(29, 119, 123, .2));
	background: -moz-linear-gradient(right top, rgba(145, 118, 146, .2), rgba(29, 119, 123, .2));
	background: -ms-linear-gradient(right top, rgba(145, 118, 146, .2), rgba(29, 119, 123, .2));
	background: -o-linear-gradient(right top, rgba(145, 118, 146, .2), rgba(29, 119, 123, .2));
	background: linear-gradient(right top, rgba(145, 118, 146, .2), rgba(29, 119, 123, .2));
	border-radius: 999px;
	overflow: hidden; }
.cont_img img {
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: 50%;
	position: relative;
	width: 100%;
	height: auto; }

.rounded {
	border-radius: 99999px;
	overflow: hidden;
	max-width: 550px; }

/*.pres_img_1{
	background: rgb(220,220,220);
	background-image: -webkit-linear-gradient(right bottom, rgba(195,199,203,.5),  rgba(25,119,122,.3)), url(../images/profile_1a.jpg);
	background-image: -moz-linear-gradient(right bottom, rgba(195,199,203,.5),  rgba(25,119,122,.3)), url(../images/profile_1a.jpg);
	background-image: -ms-linear-gradient(right bottom, rgba(195,199,203,.5),  rgba(25,119,122,.3)), url(../images/profile_1a.jpg);
	background-image: -o-linear-gradient(right bottom, rgba(195,199,203,.5),  rgba(25,119,122,.3)), url(../images/profile_1a.jpg);
	background-image: linear-gradient(right bottom, rgba(195,199,203,.5),  rgba(25,119,122,.3)), url(../images/profile_1a.jpg);
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: 50%;
	position: relative;
	width: 100%;
	height: auto; }

.pres_img_2{
	background: rgb(220,220,220);
	background-image: -webkit-linear-gradient(left bottom, rgba(220,220,220,.5),  rgba(145,118,146,.3)), url(../images/profile_2a.jpg);
	background-image: -moz-linear-gradient(left bottom, rgba(220,220,220,.5),  rgba(145,118,146,.3)), url(../images/profile_2a.jpg);
	background-image: -ms-linear-gradient(left bottom, rgba(220,220,220,.5),  rgba(145,118,146,.3)), url(../images/profile_2a.jpg);
	background-image: -o-linear-gradient(left bottom, rgba(220,220,220,.5),  rgba(145,118,146,.3)), url(../images/profile_2a.jpg);
	background-image: linear-gradient(left bottom, rgba(220,220,220,.5),  rgba(145,118,146,.3)), url(../images/profile_2a.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50%;
    position: relative;
    width: 100%;
    height: auto; }*/

/* Hover Caption */

.element_text {
	display: inline-block;
	height: auto;
	width: auto;
	border-image-slice: 1;
	background-image: -webkit-linear-gradient(right top, rgba(133, 105, 136, .7), rgba(29, 119, 123, .7));
	background-image: -moz-linear-gradient(right top, rgba(133, 105, 136, .7), rgba(29, 119, 123, .7));
	background-image: -ms-linear-gradient(right top, rgba(133, 105, 136, .7), rgba(29, 119, 123, .7));
	background-image: -o-linear-gradient(right top, rgba(133, 105, 136, .7), rgba(29, 119, 123, .7));
	background-image: linear-gradient(to left bottom, rgba(133, 105, 136, .7), rgba(29, 119, 123, .7));
	position: absolute;
	bottom: 0;
	left: 0;
	top: 0;
	right: 0;
	text-align: center;
	padding-bottom: 21%;
	padding-top: 19%;
	text-decoration: none;
	letter-spacing: -0.015;
	opacity: 0;
	-webkit-transition: all 0.35s ease-out;
	-moz-transition: all 0.35s ease-out;
	-ms-transition: all 0.35s ease-out;
	-o-transition: all 0.35s ease-out;
	transition: all 0.35s ease-out;
	transition-delay: initial;
	z-index: 2;
	border-radius: 999px;
	overflow: hidden; }

.element_text:hover {
	opacity: 1; }

.element_text.clicked {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -ms-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s; }

.text_hover {
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 8em;
	font-weight: 600;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	color: rgb(235, 237, 240);
	-webkit-transform: -webkit-translate(-50%, -50%);
	-moz-transform: -moz-translate(-50%, -50%);
	-ms-transform: -ms-translate(-50%, -50%);
	-o-transform: -o-translate(-50%, -50%);
	transform: translate(-50%, -50%); }

.openifbtn_cont {
	margin: 0 auto;
	width: 100%;
	margin-top: 2.1em; }

a.open_if_btn,
.contact_btn {
	flex: 1 1 auto;
	border-radius: 999px;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	color: #ebedf0;
	text-align: center;
	outline: none;
	margin: 0 auto;
	cursor: pointer;
	background-size: 200% auto;
	background-image: -webkit-linear-gradient(to right, rgba(145, 118, 146, 1) 0%, rgba(29, 119, 123, 1) 55%, rgba(145, 118, 146, 1) 100%);
	background-image: -moz-linear-gradient(to right, rgba(145, 118, 146, 1) 0%, rgba(29, 119, 123, 1) 55%, rgba(145, 118, 146, 1) 100%);
	background-image: -ms-linear-gradient(to right, rgba(145, 118, 146, 1) 0%, rgba(29, 119, 123, 1) 55%, rgba(145, 118, 146, 1) 100%);
	background-image: -o-linear-gradient(to right, rgba(145, 118, 146, 1) 0%, rgba(29, 119, 123, 1) 55%, rgba(145, 118, 146, 1) 100%);
	background-image: linear-gradient(to right, rgba(145, 118, 146, 1) 0%, rgba(29, 119, 123, 1) 55%, rgba(145, 118, 146, 1) 100%);
	-webkit-transition: all .35s ease;
	-moz-transition: all .35s ease;
	-ms-transition: all .35s ease;
	-o-transition: all .35s ease;
	transition: all .35s ease;
	transition-duration: 0.35s;
	transition-timing-function: ease;
	transition-delay: initial; }

a.open_if_btn:hover,
a.contact_btn:hover {
	background-position: right center; }

.open_if_btn_txt,
.cnt_btn_txt {
	padding: 15px 24px 14px;
	float: left;
	line-height: 1.2;
	font-weight: 600;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	letter-spacing: -0.015em;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
	z-index: 3;
	position: relative; }
.open_if_btn_txt {
	font-size: 1.4em; }
.cnt_btn_txt {
	font-size: 1.3em; }
.cnt_btn_txt_resp {
	display: none; }

a.open_if_btn,
a.open_if_btn:hover {
	-webkit-transition: all .35s ease;
	-moz-transition: all .35s ease;
	-ms-transition: all .35s ease;
	-o-transition: all .35s ease;
	transition: all .35s ease;
	transition-property: all;
	transition-duration: 0.35s;
	transition-timing-function: ease;
	transition-delay: initial; }

a:visited {
	text-decoration: none; }
a:link,
a:hover {
	text-decoration: none;
	cursor: pointer; }

.card.intrinsic {
	height: 0;
	padding-bottom: 100%; }
.card.intrinsic.intrinsic-portrait {
	padding-bottom: 150%; }
.card.intrinsic.intrinsic-landscape {
	padding-bottom: 50%; }
.card img {
	border-radius: 999px;
	overflow: hidden; }

*,
*:before,
*:after {
	box-sizing: border-box; }

/*=====service=====*/

.skills_container {
	position: relative;
	width: 90%;
	max-width: 1650px;
	margin: 0px auto;
	margin-top: 50px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease; }

.border_am {
	border-top: 3px solid #00726d;
	width: 70px;
	margin: 20px auto 0; }

.boxskillsinside {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	vertical-align: middle;
	text-align: left;
	position: relative;
	display: inline-block; }

.skillsimg {
	position: relative;
	padding: 0%;
	width: 32%;
	height: 100%;
	display: inline-block;
	float: left;
	margin: 1% 1% 0% 1%; }
.skillsimg:first-child {
	margin-left: 0%; }
.skillsimg:last-child {
	margin-right: 0%; }
/*.skillsimg:first-child, .skillsimg:nth-child(2){
	margin-top:0%; }*/

.cont_skillsimg {
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	margin-top: -1px;
	width: 100%;
	padding: 0% 0%; }

.cont_skillsimg img {
	width: 75px;
	height: 100%;
	margin: 0px auto 10px auto; }

.cont_skillsimg object {
	width: 100px;
	height: auto;
	margin: 0 auto; }

.cont_skillstext {
	width: 85%;
	height: 100%;
	margin: 0 auto;
	text-align: center; }

.skilldesc {
	margin: 0 auto; }

.proj_title {
	font-size: 1.65em;
	font-weight: 600;
	letter-spacing: -0.015;
	text-transform: capitalize;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	line-height: 1;
	color: #262729;
	margin: 25px auto;
	text-align: center; }

.proj_desc {
	font-size: 1.4em;
	color: #262729;
	line-height: 1.5;
	letter-spacing: -0.015em;
	font-weight: 400;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; }

.care_list {
	display: inline-block;
	width: 100%;
	margin: 0 auto;
	text-align: left; }
.care_list::before {
	content: counter(my-badass-counter, disc) " ";
	counter-increment: my-badass-counter;
	margin-right: 5px;
	font-weight: bold;
	color: #262729; }
.care_list:nth-child(2) {
	margin: 10px auto; }

/* new service section */

.service_cont {
	width: 83%;
	height: 100%;
	max-width: 1735px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative;
	z-index: 1;
	/* border: 1px solid red; */ }

.service_item {
	flex: 1 1 30%;
	position: relative;
	color: #262729;
	background-color: #ebedf0;
	border-radius: 20px;
	font-size: 1.5em;
	font-weight: 600;
	letter-spacing: -0.015em;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	-webkit-appearance: none !important;
	-mox-appearance: none !important;
	-ms-appearance: none !important;
	-o-appearance: none !important;
	appearance: none !important;
	border: 0px;
	padding: 0px; }

/* .service_item::after {
	content: "";
	display: block;
	padding-bottom: 75%; } */

.service_item:hover {
	background-color: rgb(181, 187, 198); }

.service_item,
.service_item:hover {
	-webkit-transition: all .35s ease;
	-moz-transition: all .35s ease;
	-ms-transition: all .35s ease;
	-o-transition: all .35s ease;
	transition: all .35s ease;
	transition-property: all;
	transition-duration: 0.35s;
	transition-timing-function: ease;
	transition-delay: initial; }

.service_item:first-child {
	margin: 0 12px 12px 0; }
.service_item:nth-child(2) {
	margin: 0 12px 12px 12px; }
.service_item:nth-child(3) {
	margin: 0 0 12px 12px; }
.service_item:nth-child(4) {
	margin: 12px 12px 0 0; }
.service_item:nth-child(5) {
	margin: 12px 12px 0 12px; }
.service_item:nth-child(6) {
	margin: 12px 0 0 12px; }

/* .si_margin {
	margin-top: 34px; } */

/* .content {
	position: absolute;
	width: 100%;
	height: 100%; }

.content_inner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%); } */

.content {
	width: 100%;
	height: 100%;
	min-height: 300px;
	display: flex;
	justify-content: center;
	align-items: center; }

.content_inner {
	display: inline-block;
	max-width: 200px; }


/* modal popup style */
.moda_cont {
	/*padding:10px;*/
	text-align: center;
	max-height: 583px !important;
	height: 100vh;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch; }

/*===== Scrollbars Style =======
.moda_cont::-webkit-scrollbar,
.moda_cont::-webkit-scrollbar-track,
.moda_cont::-webkit-scrollbar-thumb{
	background-color: rgba(255,255,255,.0);
	width: .5em;
	-webkit-border-radius:.5em;
	-moz-border-radius: .5em;
	-ms-border-radius: .5em;
	-o-border-radius: .5em;
	border-radius: .5em;
	position: absolute;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=1);
	-webkit-transition: linear 300ms opacity;
	-moz-transition: linear 300ms opacity;
	-o-transition: linear 300ms opacity;
	transition: linear 300ms opacity; }

.moda_cont::-webkit-scrollbar-thumb {
	background-color: gray;
	background-color: rgba(0, 0, 0, 0.5); }

.moda_cont::-webkit-scrollbar-track:hover{
  background-color:rgba(253,253,253,.5); }

.moda_cont::-webkit-scrollbar-thumb:hover {
  background-color:rgba(0,0,0,.5);
  cursor: auto !important; }*/

.moda_cont {
	-ms-overflow-style: -ms-autohiding-scrollbar;
	/* only for Internet Explorer */ }

.modal_title {
	font-size: 2.81em;
	text-align: center;
	font-weight: 600;
	margin-top: 70px;
	color: #ebedf0;
	background-image: none !important;
	line-height: 1.1em;
	font-family: "Open Sans", Arial, Helvetica, sans-serif; }

.modal_txt {
	width: 90% !important;
	margin: 50px auto 50px;
	/* min-height declaration only to let Izimodal works with no Scroll error */
	/* min-height: 350px !important;*/
	/* Careful, this breaks the word wherever it is without a hyphen */
	overflow-wrap: break-word;
	word-wrap: break-word;
	/* Adds a hyphen where the word breaks */
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto; }

/* modal intro img */
.modal_intro_1,
.modal_intro_2,
.modal_intro_3,
.modal_intro_4,
.modal_intro_5,
.modal_intro_6 {
	height: 25%;
	/* height: 18vh; */
	min-height: 185px;
	position: relative !important;
	overflow: hidden; }

.modal_intro_1 {
	background: -webkit-linear-gradient(45deg, rgba(145, 118, 146, 0.85), rgba(29, 119, 123, 0.85)), url(../images/modal/nik-macmillan-280300-unsplash.jpg);
	background: -moz-linear-gradient(45deg, rgba(145, 118, 146, 0.85), rgba(29, 119, 123, 0.85)), url(../images/modal/nik-macmillan-280300-unsplash.jpg);
	background: -ms-linear-gradient(45deg, rgba(145, 118, 146, 0.85), rgba(29, 119, 123, 0.85)), url(../images/modal/nik-macmillan-280300-unsplash.jpg);
	background: -o-linear-gradient(45deg, rgba(145, 118, 146, 0.85), rgba(29, 119, 123, 0.85)), url(../images/modal/nik-macmillan-280300-unsplash.jpg);
	background: linear-gradient(45deg, rgba(145, 118, 146, 0.85), rgba(29, 119, 123, 0.85)), url(../images/modal/nik-macmillan-280300-unsplash.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: 50% 70%; }
.modal_intro_2 {
	background: -webkit-linear-gradient(45deg, rgba(145, 118, 146, 0.85), rgba(29, 119, 123, 0.85)), url(../images/modal/coins-912718_1920.jpg);
	background: -moz-linear-gradient(45deg, rgba(145, 118, 146, 0.85), rgba(29, 119, 123, 0.85)), url(../images/modal/coins-912718_1920.jpg);
	background: -ms-linear-gradient(45deg, rgba(145, 118, 146, 0.85), rgba(29, 119, 123, 0.85)), url(../images/modal/coins-912718_1920.jpg);
	background: -o-linear-gradient(45deg, rgba(145, 118, 146, 0.85), rgba(29, 119, 123, 0.85)), url(../images/modal/coins-912718_1920.jpg);
	background: linear-gradient(45deg, rgba(145, 118, 146, 0.85), rgba(29, 119, 123, 0.85)), url(../images/modal/coins-912718_1920.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	-webkit-background-size: content;
	-moz-background-size: content;
	-ms-background-size: content;
	-o-background-size: content;
	background-size: content;
	background-position: 50% 10%; }
.modal_intro_3 {
	background: -webkit-linear-gradient(45deg, rgba(145, 118, 146, 0.85), rgba(29, 119, 123, 0.85)), url(../images/modal/gabriel-matula-300398-unsplash.jpg);
	background: -moz-linear-gradient(45deg, rgba(145, 118, 146, 0.85), rgba(29, 119, 123, 0.85)), url(../images/modal/gabriel-matula-300398-unsplash.jpg);
	background: -ms-linear-gradient(45deg, rgba(145, 118, 146, 0.85), rgba(29, 119, 123, 0.85)), url(../images/modal/gabriel-matula-300398-unsplash.jpg);
	background: -o-linear-gradient(45deg, rgba(145, 118, 146, 0.85), rgba(29, 119, 123, 0.85)), url(../images/modal/gabriel-matula-300398-unsplash.jpg);
	background: linear-gradient(45deg, rgba(145, 118, 146, 0.85), rgba(29, 119, 123, 0.85)), url(../images/modal/gabriel-matula-300398-unsplash.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: 50% 25%; }
.modal_intro_4 {
	background: -webkit-linear-gradient(45deg, rgba(145, 118, 146, 0.85), rgba(29, 119, 123, 0.85)), url(../images/modal/jordan-mcdonald-767757-unsplash.jpg);
	background: -moz-linear-gradient(45deg, rgba(145, 118, 146, 0.85), rgba(29, 119, 123, 0.85)), url(../images/modal/jordan-mcdonald-767757-unsplash.jpg);
	background: -ms-linear-gradient(45deg, rgba(145, 118, 146, 0.85), rgba(29, 119, 123, 0.85)), url(../images/modal/jordan-mcdonald-767757-unsplash.jpg);
	background: -o-linear-gradient(45deg, rgba(145, 118, 146, 0.85), rgba(29, 119, 123, 0.85)), url(../images/modal/jordan-mcdonald-767757-unsplash.jpg);
	background: linear-gradient(45deg, rgba(145, 118, 146, 0.85), rgba(29, 119, 123, 0.85)), url(../images/modal/jordan-mcdonald-767757-unsplash.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: 50% 50%; }
.modal_intro_5 {
	background: -webkit-linear-gradient(45deg, rgba(145, 118, 146, 0.85), rgba(29, 119, 123, 0.85)), url(../images/modal/question-mark-1872634_1920.jpg);
	background: -moz-linear-gradient(45deg, rgba(145, 118, 146, 0.85), rgba(29, 119, 123, 0.85)), url(../images/modal/question-mark-1872634_1920.jpg);
	background: -ms-linear-gradient(45deg, rgba(145, 118, 146, 0.85), rgba(29, 119, 123, 0.85)), url(../images/modal/question-mark-1872634_1920.jpg);
	background: -o-linear-gradient(45deg, rgba(145, 118, 146, 0.85), rgba(29, 119, 123, 0.85)), url(../images/modal/question-mark-1872634_1920.jpg);
	background: linear-gradient(45deg, rgba(145, 118, 146, 0.85), rgba(29, 119, 123, 0.85)), url(../images/modal/question-mark-1872634_1920.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: 50% 45%; }
.modal_intro_6 {
	background: -webkit-linear-gradient(45deg, rgba(145, 118, 146, 0.85), rgba(29, 119, 123, 0.85)), url(../images/modal/digital-marketing-1527799_1920.jpg);
	background: -moz-linear-gradient(45deg, rgba(145, 118, 146, 0.85), rgba(29, 119, 123, 0.85)), url(../images/modal/digital-marketing-1527799_1920.jpg);
	background: -ms-linear-gradient(45deg, rgba(145, 118, 146, 0.85), rgba(29, 119, 123, 0.85)), url(../images/modal/digital-marketing-1527799_1920.jpg);
	background: -o-linear-gradient(45deg, rgba(145, 118, 146, 0.85), rgba(29, 119, 123, 0.85)), url(../images/modal/digital-marketing-1527799_1920.jpg);
	background: linear-gradient(45deg, rgba(145, 118, 146, 0.85), rgba(29, 119, 123, 0.85)), url(../images/modal/digital-marketing-1527799_1920.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: 50% 50%; }

.bg_local {
	background-attachment: local; }

/* modal footer */
.modal_footer {
	overflow: hidden !important;
	position: relative;
	width: 100%;
	height: 3px;
	/*height:100%;
	z-index:1;*/
	text-align: center;
	/*background-color:rgb(62,61,64);*/
	background-image: -webkit-linear-gradient(to right bottom, rgba(145, 118, 146, 0.75), rgba(29, 119, 123, 0.75));
	background-image: -moz-linear-gradient(to right bottom, rgba(145, 118, 146, 0.75), rgba(29, 119, 123, 0.75));
	background-image: -ms-linear-gradient(to right bottom, rgba(145, 118, 146, 0.75), rgba(29, 119, 123, 0.75));
	background-image: -o-linear-gradient(to right bottom, rgba(145, 118, 146, 0.75), rgba(29, 119, 123, 0.75));
	background-image: linear-gradient(to right bottom, rgba(145, 118, 146, 0.75), rgba(29, 119, 123, 0.75)); }

/*testimonial*/

.testim_cont {
	background-image: -webkit-linear-gradient(to right bottom, rgba(145, 118, 146, 0.85), rgba(29, 119, 123, 0.85)), url(../images/the-stones-263661_1920.jpg);
	background-image: -moz-linear-gradient(to right bottom, rgba(145, 118, 146, 0.85), rgba(29, 119, 123, 0.85)), url(../images/the-stones-263661_1920.jpg);
	background-image: -ms-linear-gradient(to right bottom, rgba(145, 118, 146, 0.85), rgba(29, 119, 123, 0.85)), url(../images/the-stones-263661_1920.jpg);
	background-image: -o-linear-gradient(to right bottom, rgba(145, 118, 146, 0.85), rgba(29, 119, 123, 0.85)), url(../images/the-stones-263661_1920.jpg);
	background-image: linear-gradient(to right bottom, rgba(145, 118, 146, 0.85), rgba(29, 119, 123, 0.85)), url(../images/the-stones-263661_1920.jpg);
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: 50%;
	background-attachment: fixed;
	position: relative;
	width: 100%;
	height: 100%; }

.tsml_txt_cont {
	width: 80%;
	max-width: 800px;
	padding: 50px 0;
	margin: 0 auto; }
.tsml_item {
	margin: 0 auto;
	line-height: 1.5;
	font-size: 1.5em;
	color: #ebedf0;
	font-weight: 600;
	letter-spacing: -0.015em;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	padding: 10px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; }

.tsml_item:hover {
	cursor: pointer; }

.quote_sign_1,
.quote_sign_2 {
	font-size: 4em;
	font-weight: 600;
	display: inline-block;
	line-height: 0;
	color: #1d777b; }
.quote_sign_1 {
	vertical-align: middle; }
.quote_sign_2 {
	vertical-align: sub; }

/*======= Contact_Section =======*/

.cnt_container {
	width: 100%;
	margin: 0 auto;
	max-width: 850px;
	position: relative; }

.iframe_cont {
	width: 100%;
	max-width: 1490px;
	display: inline-block;
	vertical-align: middle; }

.ct_cont {
	width: 100%;
	margin: 0 auto;
	max-width: 850px;
	display: inline-block;
	vertical-align: middle;
	/*margin-top: -75px;*/
	margin-top: 50px; }

.ct_itme_cont {
	width: 49%;
	display: inline-block;
	vertical-align: middle; }

.ct_itme_cont a {
	display: inline-block;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	outline: none;
	text-decoration: underline 2px rgba(80, 80, 80, 0); }

.ct_itme_cont a:hover {
	text-decoration-color: rgba(80, 80, 80, 1);
	-webkit-transition: all 0.35s ease-out;
	-moz-transition: all 0.35s ease-out;
	-ms-transition: all 0.35s ease-out;
	-o-transition: all 0.35s ease-out;
	transition: all 0.35s ease-out; }

.contact_txt {
	font-size: 1.1em;
	font-weight: 600;
	width: auto;
	margin-top: 4%;
	color: #262729;
	letter-spacing: -0.015em;
	display: inline-block;
	vertical-align: middle; }

.contact_txt a {
	color: #262729;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	text-decoration: none;
	outline: none; }
.contact_txt a:hover {
	color: #00716F; }
.ct_icon_email {
	background: url(../images/icons/email_1.png) no-repeat;
	background: url(../images/icons/email_1.svg) no-repeat,
		linear-gradient(transparent, transparent); }
.ct_icon_pin {
	background: url(../images/icons/placeholder_1.png) no-repeat;
	background: url(../images/icons/placeholder_1.svg) no-repeat,
		linear-gradient(transparent, transparent); }
.ct_icon_phone {
	background: url(../images/icons/phone_fax.png) no-repeat;
	background: url(../images/icons/phone_fax.svg) no-repeat,
		linear-gradient(transparent, transparent); }

.ct_icon_email,
.ct_icon_pin,
.ct_icon_phone {
	background-size: 37px 37px;
	background-position: left center;
	text-align: left;
	width: 37px;
	height: 37px;
	display: inline-block;
	vertical-align: middle;
	margin: 30px auto 0px auto; }

.ct_icon_txt {
	font-size: 1.5em;
	font-weight: 400;
	width: 100%;
	margin-top: 20px;
	color: #262729;
	letter-spacing: -0.015em;
	display: block;
	vertical-align: middle;
	max-width: 190px; }

.contact_txt,
.ct_icon_email,
.ct_icon_pin,
.ct_icon_phone {
	vertical-align: middle; }

.writeme {
	width: 100%;
	/*height:100%;*/
	min-height: 415px;
	overflow: hidden;
	display: flex; }

.c_form_title {
	width: 100%;
	max-width: 850px;
	padding: 0px;
	margin: 0 auto;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	-webkit-text-size-adjust: 100%;
	font-size: 1.5em;
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: -0.015em;
	text-align: center;
	color: #262729;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	margin-bottom: 60px;
	margin-top: -8px; }

/* Footer */
.eb_logo_foot {
	background: url(../images/eb_logo_footer.png) no-repeat;
	background: url(../images/eb_logo_footer.svg) no-repeat, linear-gradient(transparent, transparent);
	background-size: 100%;
	width: 150px;
	height: 150px;
	min-height: 150px;
	margin: 25px auto 50px;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative; }

.footer {
	overflow: hidden !important;
	position: relative;
	width: 100%;
	text-align: center;
	background-image: -webkit-linear-gradient(to right bottom, rgba(145, 118, 146, 1), rgba(29, 119, 123, 1));
	background-image: -moz-linear-gradient(to right bottom, rgba(145, 118, 146, 1), rgba(29, 119, 123, 1));
	background-image: -ms-linear-gradient(to right bottom, rgba(145, 118, 146, 1), rgba(29, 119, 123, 1));
	background-image: -o-linear-gradient(to right bottom, rgba(145, 118, 146, 1), rgba(29, 119, 123, 1));
	background-image: linear-gradient(to right bottom, rgba(145, 118, 146, 1), rgba(29, 119, 123, 1));
	background-repeat: no-repeat; }

.scrollup_cont {
	text-align: center;
	display: inline-block;
	margin: 0px auto;
	vertical-align: middle;
	position: relative;
	width: 123px;
	height: 115px;
	cursor: pointer; }

.scrollup {
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	right: 0;
	color: rgba(235, 237, 240, 1);
	width: 100%;
	height: 100%; }
.scrollup:hover {
	color: rgba(235, 237, 240, .8); }
.scrollup i {
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	margin: 0 auto;
	animation-name: arrowup;
	animation-duration: 1.75s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation-name: arrowup;
	-webkit-animation-duration: 1.75s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear; }
@-webkit-keyframes arrowup {
	0% {opacity:0;bottom:0px}
	50% {opacity:1;bottom:30px}
	100% {opacity:0;bottom:60px}
}
@-moz-keyframes arrowup {
	0% {opacity:0;bottom:0px}
	50% {opacity:1;bottom:30px}
	100% {opacity:0;bottom:60px}
}
@-ms-keyframes arrowup {
	0% {opacity:0;bottom:0px}
	50% {opacity:1;bottom:30px}
	100% {opacity:0;bottom:60px}
}
@-o-keyframes arrowup {
	0% {opacity:0;bottom:0px}
	50% {opacity:1;bottom:30px}
	100% {opacity:0;bottom:60px}
}
@keyframes arrowup {
	0% {opacity:0;bottom:0px}
	50% {opacity:1;bottom:30px}
	100% {opacity:0;bottom:60px}
}

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

.text {
	width: 88.5%;
	max-width: 1490px;
	margin: 0 auto 100px;
	text-align: center; }

.footrow_l,
.footrow_c,
.footrow_r {
	/*width:33%;*/
	width: 100%;
	height: auto;
	margin: 5px auto;
	text-align: left;
	font-family: inherit;
	font-size: 1.5em;
	font-weight: 600;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	color: #ebedf0;
	letter-spacing: -0.015em;
	display: inline-block;
	vertical-align: middle; }

.footrow_c {
	text-align: center;
	/* line-height: 1.7em; */ }

.footrow_l {
	/*text-align: left;*/
	text-align: center; }

.footrow_r {
	/*text-align: right;*/
	text-align: center; }

.fg_sign {
	font-weight: 800;
	display: inline-block;
	text-decoration: underline 2px rgba(235, 237, 240, 0); }

.footrow_l a,
.footrow_c a,
.footrow_r a {
	color: #ebedf0;
	text-decoration: underline 2px rgba(235, 237, 240, 0); }

.footrow_l a:hover,
.footrow_c a:hover,
.footrow_r a:hover,
.footrow_c a:hover .fg_sign {
	text-decoration-color: rgba(235, 237, 240, 1); }

.footrow_l a,
.footrow_l a:hover,
.footrow_c a,
.footrow_c a:hover,
.footrow_r a,
.footrow_r a:hover,
.fg_sign,
.footrow_c a:hover .fg_sign {
	-webkit-transition: all .35s ease;
	-moz-transition: all .35s ease;
	-ms-transition: all .35s ease;
	-o-transition: all .35s ease;
	transition: all .35s ease;
	transition-property: all;
	transition-duration: 0.35s;
	transition-timing-function: ease;
	transition-delay: initial; }

.foot_dot {
	display: inline-block; }

#year {
	display: inline-block; }

/* === cookie policy === */
.section_cookiep{
	background-color:rgb(248,248,248);
	width:65% ;
	position:relative;
	margin:100px auto;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; }

.section_cookiep a {
	text-decoration: none;
	cursor: pointer;
	color: #262729; }

.section_cookiep a:hover {
	border-bottom: 1px solid; }

.cp_title{
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 4em;
	font-weight: 600;
	color: #1d777b;
	text-align: center;
	line-height: 1;
	margin: 50px auto 100px;
	display: inline-block;
	width: 100%;
	text-transform: uppercase; }

.cp_middle_title{
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 2.5em;
	font-weight: 600;
	color: #262729;
	text-align: left;
	margin: 50px auto;
	text-transform: uppercase; }

.cp_little_title{
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 2.1em;
	font-weight: 600;
	color: #262729;
	text-align: left;
	margin-bottom: 20px; }

.cp_little_subtitle{
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1.4em;
	color: #262729;
	text-align: left;
	margin-bottom: 20px;
	font-style: italic;
	font-weight: bold; }

.cp_text{
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1.5;
	font-size: 1.4em;
	font-weight: 600;
	margin-bottom: 50px; }
.cp_text b{
	color:#262729; }

.cp_text ul,
.text_block ul{
	counter-reset: my-badass-counter;
	list-style: none outside; }
.first ul li::before {
	content: counter(my-badass-counter, lower-latin) "."; }
.second ul li::before {
	content: counter(my-badass-counter, disc) " "; }
.third ul li::before {
	content: counter(my-badass-counter, decimal) "."; }
.cp_text ul li::before,
.text_block ul li::before {
	counter-increment: my-badass-counter;
	margin-right: 5px;
	font-weight: bold;
	color:#262729; }
.cp_text ul li,
.text_block ul li{
  margin: 15px auto;
  padding: 0 0 0 2em;
  text-indent: -1.2em;
  opacity: 1; }

 .cp_text a,
 .text_block a{
 	text-decoration: none;
	color:#1d777b !important; }
.cp_text a:hover,
.text_block a:hover{
	color:#856988 !important; }

.cp_text a,
.text_block a,
.cp_text a:hover,
.text_block a:hover {
	-webkit-transition: all .35s ease;
	-moz-transition: all .35s ease;
	-ms-transition: all .35s ease;
	-o-transition: all .35s ease;
	transition: all .35s ease;
	transition-property: all;
	transition-duration: 0.35s;
	transition-timing-function: ease;
	transition-delay: initial; }

/*
.lp_style{
	color: #262729; }
.lp_style.active{
	color: #262729; }*/

/* Original
ol {
    counter-reset: my-badass-counter;
}
ol li:before {
    content: counter(my-badass-counter, lower-latin);
    counter-increment: my-badass-counter;
    margin-right: 5px;
    font-weight: bold;
}
}*/

/* Scrollbars FX
html::-webkit-scrollbar {
    -webkit-appearance: none;
}

html::-webkit-scrollbar:vertical {
    width: 11px;
}

html::-webkit-scrollbar:horizontal {
    height: 11px;
}

html::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white;
    background-color: rgba(0, 0, 0, .5);
}html::-webkit-scrollbar-track {
    background-color: transparent;
}
*/

/* CSS Cookie Policy Banner */

#cookie-bar {
	background: rgba(0, 0, 0, .8);
	display: block;
	height: auto;
	padding: 10px 0;
	z-index: 9999; }

#cookie-bar.fixed {
	position: fixed;
	top: 0px;
	left: 0;
	right: 0;
	width: 80%;
	max-width: 1120px;
	border-radius: 20px;
	margin: 0 auto; }

#cookie-bar.fixed.bottom {
	bottom: 0;
	top: auto; }

#cookie-bar p {
	margin: 0 auto;
	padding: 0px 10px; }

#cookie-bar a {
	color: #ebedf0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 25px;
	text-decoration: none;
	padding: 3px 10px;
	margin-left: 20px;
	line-height: 30px;
	display: inline-block; }

#cookie-bar,
.cb-enable,
.cb-policy {
	color: #ebedf0;
	letter-spacing: -0.015;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	font-weight: 400;
	font-size: 1.1em;
	text-align: center; }

#cookie-bar .cb-disable { background: #990000; }
#cookie-bar .cb-disable:hover { background: #bb0000; }

#cookie-bar .cb-enable,
.cb-policy {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 20px;
	padding: 3px 10px;
	width: auto;
	height: auto;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	border: 1px solid #00726d;
	background-color: #00726d;
	text-decoration: none; }

#cookie-bar .cb-enable:hover,
.cb-policy:hover {
	background-color:
		/* #1d977b */
		#00726d;
	border-color: #00726d;
	color: #ebedf0; }

#cookie-bar .cb-enable,
.cb-policy,
#cookie-bar .cb-enable:hover,
.cb-policy:hover {
	-webkit-transition: all .35s ease;
	-moz-transition: all .35s ease;
	-ms-transition: all .35s ease;
	-o-transition: all .35s ease;
	transition: all .35s ease;
	transition-property: all;
	transition-duration: 0.35s;
	transition-timing-function: ease;
	transition-delay: initial; }

.cb-policy {
	background-color: transparent;
	border-color: transparent;
	outline: none; }

/*@media only screen and (max-width: 1248px) {
.writeme{
	min-height: 405px; }
}*/
@media only screen and (max-width: 1300px) {
.content_inner {
	max-width: 200px; }
}
@media only screen and (max-width: 1250px) {
.name_title, .name_title_1st {
	letter-spacing: -0.07em; }
}
@media only screen and (max-width: 1100px) {
body {
	font-size: 13px; }

.opl a {
	width: 55px;
	height: 42px;
	text-indent: -9999px;
	display: block;
	outline: none;
	background-size: 55px 42px !important; }

/* colored txt, konzept, team */
.card_knz {
	width: 92%; }
.name_title,
.name_title_1st {
	margin-top: 0px; }

/* intro */
.container_intro {
	width: 60%;
	max-width: 400px; }
.eb_logo_name {
	margin-top: 20px; }
/* team
.openifbtn_cont {
	margin-top: 4.5em; }*/
.left_block {
	max-width: 180px;	}
.right_block {
	max-width: 195px; }

/* service */
.service_item {
	width: 30%;
	min-height: 100px;
	min-width: 100px;
	margin: 1.5%; }

.content {
	min-height: 230px; }

/* contact */
/*.writeme{
	min-height:380px; }*/

.cnt_container {
	width: 80%; }

.ct_icon_email,
.ct_icon_pin,
.ct_icon_phone {
	height: 35px;
	background-size: 35px 35px; }

.contact_txt {
	margin-top: .25%; }
}
/*@media only screen and (max-width: 1025px) {
.testim_cont{
	background-attachment: local; }
}*/
/* Services Icons Responsive */
@media only screen and (min-width: 900px) and (max-width: 1250px) {
.cont_skillsimg img {
	width: 60px;
	height: 100%; }
}
/* @media only screen and (min-width: 650px) and (max-width: 750px) {
.cont_skillsimg img {
	width: 60px;
	height: 100%; }
} */
@media only screen and (max-width: 380px) {
.cont_skillsimg img {
	width: 60px;
	height: 100%; }
}
/* // Services Icons Responsive // */

@media only screen and (max-width: 1100px) {
.moda_cont {
	max-height: 490px !important; }
}
@media only screen and (max-width: 1000px) {
.service_item {
	width: 31.3%;
	min-height: 100px;
	min-width: 100px;
	margin: 1% 1% 1% 1%; }
}

@media only screen and (max-width: 950px) {
.card_knz {
	width: 97%; }
.bl_3 {
	left: -50px; }
}
@media only screen and (max-width: 900px) {
body {
	font-size: 13px;
	overflow: hidden; }

section {
	margin-bottom: 75px; }

/* arrow down */
.box_arrow_down {
	height: 65px; }

/* menu */
#header {
	height: 55px; }

#header,
#header.active {
	-webkit-transition: all .35s;
	-moz-transition: all .35s;
	-ms-transition: all .35s;
	-o-transition: all .35s;
	transition: all .35s;
	transition-property: initial;
	transition-duration: 0.35s;
	transition-timing-function: initial;
	transition-delay: initial; }

#parent_1 {
	width: 83%; }
.child_3 {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 7px;
	width: 40px;
	height: 40px;
	text-align: center;
	float: left; }

.logo_menu {
	width: 0px;
	height: 40px;
	margin-top: 0px; }
.logo_menu.active {
	width: 40px;
	height: 100%;
	margin: 0px 0px; }

.logo_menu,
.logo_menu.active {
	-webkit-transition: all .35s ease;
	-moz-transition: all .35s ease;
	-ms-transition: all .35s ease;
	-o-transition: all .35s ease;
	transition: all .35s ease;
	transition-property: all;
	transition-duration: 0.35s;
	transition-timing-function: ease;
	transition-delay: initial; }

.logo_menu,
.logo_menu.active {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	-ms-perspective: 1000;
	-o-perspective: 1000;
	perspective: 1000; }

.menu-container {
	border-radius: 50%;
	width: 0%;
	height: 0%;
	top: 0px;
	right: 0px;
	position: fixed;
	opacity: 0.5;
	visibility: hidden;
	z-index: 10;
	background: -webkit-linear-gradient(left top, rgba(133, 105, 136, 1) 45%, rgba(29, 119, 123, 1) 70%);
	background: -moz-linear-gradient(left top, rgba(133, 105, 136, 1) 45%, rgba(29, 119, 123, 1) 70%);
	background: -ms-linear-gradient(left top, rgba(133, 105, 136, 1) 45%, rgba(29, 119, 123, 1) 70%);
	background: -o-linear-gradient(left top, rgba(133, 105, 136, 1) 45%, rgba(29, 119, 123, 1) 70%);
	background: linear-gradient(to right bottom, rgba(133, 105, 136, 1) 45%, rgba(29, 119, 123, 1) 70%);
	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	-ms-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
	transition: all 0.35s ease;
}

.menu-container.active {
	width: 284vmax;
	height: 284vmax;
	top: -142vmax;
	right: -142vmax;
	opacity: 1;
	visibility: visible;
	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	-ms-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
	transition: all 0.35s ease; }

.menu-container.hiding {
	opacity: 0.5;
	visibility: hidden;
	-webkit-transition: all .65s ease;
	-moz-transition: all .65s ease;
	-ms-transition: all .65s ease;
	-o-transition: all .65s ease;
	transition: all .65s ease;
}
/*
.menu-container,
.menu-container.active {
	-webkit-transition: all .35s ease;
	-moz-transition: all .35s ease;
	-ms-transition: all .35s ease;
	-o-transition: all .35s ease;
	transition: all .35s ease;
	transition-property: all;
	transition-duration: 0.35s;
	transition-timing-function: ease;
	transition-delay: initial; } */

.menu-toggle {
	display: block;
	position: absolute;
	height: 25px;
	width: 30px;
	top: 13px;
	right: 0;
	background: transparent;
	cursor: pointer; }

.menu-list {
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	z-index: 10;
	opacity: 0;
	visibility: hidden;
	text-align: center;
	margin: 0 auto;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 2.3em;
	font-weight: 600;
	letter-spacing: 1.5px;
	-webkit-transition: opacity 3.5s ease, visibility 0s linear 3.5s;
	-moz-transition: opacity 3.5s ease, visibility 0s linear 3.5s;
	-ms-transition: opacity 3.5s ease, visibility 0s linear 3.5s;
	-o-transition: opacity 3.5s ease, visibility 0s linear 3.5s;
	transition: opacity 3.5s ease, visibility 0s linear 3.5s;
}

.menu-list.active {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.35s ease, visibility 0s;
	-moz-transition: opacity 0.35s ease, visibility 0s;
	-ms-transition: opacity 0.35s ease, visibility 0s;
	-o-transition: opacity 0.35s ease, visibility 0s;
	transition: opacity 0.35s ease, visibility 0s; }

/* .menu-list.hiding {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.35s ease, visibility 0.35s linear 0.35s;
	-moz-transition: opacity 0.35s ease, visibility 0.35s linear 0.35s;
	-ms-transition: opacity 0.35s ease, visibility 0.35s linear 0.35s;
	-o-transition: opacity 0.35s ease, visibility 0.35s linear 0.35s;
	transition: opacity 0.35s ease, visibility 0.35s linear 0.35s;
} */

/* hided "li" logo menu */
.menu-list li:nth-of-type(4),
.hide_om {
	display: none; }

.menu-item {
	padding: 0.5% 0%; }

ul {
	list-style: none;
	padding: 0;
	margin: 25px auto;
	display: inline-block;
	position: relative; }
ul li {
	opacity: 0;
	width: 100%;
	padding-right: 0px;
	-webkit-transition: all 500ms cubic-bezier(0.235, 0.005, 0.44, 1);
	-moz-transition: all 500ms cubic-bezier(0.235, 0.005, 0.44, 1);
	-ms-transition: all 500ms cubic-bezier(0.235, 0.005, 0.44, 1);
	-o-transition: all 500ms cubic-bezier(0.235, 0.005, 0.44, 1);
	transition: all 500ms cubic-bezier(0.235, 0.005, 0.44, 1); }
nav ul li a {
	cursor: pointer;
	text-transform: uppercase;
	text-decoration: none;
	color: #ebedf0;
	-webkit-transition: all 250ms cubic-bezier(0.235, 0.005, 0.44, 1);
	-moz-transition: all 250ms cubic-bezier(0.235, 0.005, 0.44, 1);
	-ms-transition: all 250ms cubic-bezier(0.235, 0.005, 0.44, 1);
	-o-transition: all 250ms cubic-bezier(0.235, 0.005, 0.44, 1);
	transition: all 250ms cubic-bezier(0.235, 0.005, 0.44, 1); }
ul li a:hover {
	color: #f5f5f5; }
ul li a.active {
	color: #ebedf0; }
/*.menu-list.open {
  visibility: visible; }*/
nav li.menu-item.current a {
	font-weight: 600; }
nav a {
	opacity: 1;
	color: #f8fafc;
	font-size: 1.5em;
	font-weight: 600; }
nav a.active,
nav li.menu-item.current a {
	font-size: 1.5em;
	color: #b5bbc6; }

nav a:hover {
	text-decoration: none;
	-webkit-transition: width .5s ease, color .5s ease;
	-moz-transition: width .5s ease, color .5s ease;
	-ms-transition: width .5s ease, color .5s ease;
	-o-transition: width .5s ease, color .5s ease;
	transition: width .5s ease, color .5s ease; }

nav.active li {
	-webkit-animation: fadeIn .35s ease forwards;
	-moz-animation: fadeIn .35s ease forwards;
	-ms-animation: fadeIn .35s ease forwards;
	-o-animation: fadeIn .35s ease forwards;
	animation: fadeIn .35s ease forwards;
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
	-ms-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s; }
nav.active li:nth-of-type(2) {
	-webkit-animation-delay: .05s;
	-moz-animation-delay: .05s;
	-ms-animation-delay: .05s;
	-o-animation-delay: .05s;
	animation-delay: .05s; }
nav.active li:nth-of-type(3) {
	-webkit-animation-delay: .1s;
	-moz-animation-delay: .1s;
	-ms-animation-delay: .1s;
	-o-animation-delay: .1s;
	animation-delay: .1s; }
nav.active li:nth-of-type(4) {
	-webkit-animation-delay: .0s;
	-moz-animation-delay: .0s;
	-ms-animation-delay: .0s;
	-o-animation-delay: .0s;
	animation-delay: .0s; }
nav.active li:nth-of-type(5) {
	-webkit-animation-delay: .15s;
	-moz-animation-delay: .15s;
	-ms-animation-delay: .15s;
	-o-animation-delay: .15s;
	animation-delay: .15s; }
nav.active li:nth-of-type(6) {
	-webkit-animation-delay: .25s;
	-moz-animation-delay: .25s;
	-ms-animation-delay: .25s;
	-o-animation-delay: .25s;
	animation-delay: .25s; }

.menu-list.closing li {
	-webkit-animation: fadeOut .45s ease forwards;
	-moz-animation: fadeOut .45s ease forwards;
	-ms-animation: fadeOut .45s ease forwards;
	-o-animation: fadeOut .45s ease forwards;
	animation: fadeOut .45s ease forwards;
}

nav.active .menu-link {
	width: 100%;
	color: #ebedf0; }

.middle-align {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center; }

.noscroll {
	/*margin: 0; overflow: hidden;
	margin: 0;*/
	overflow: hidden !important;
	-webkit-overflow-scrolling: touch;
	touch-action: none; }

/* colored txt - konzept, team */
.name_title,
.name_title_1st {
	font-size: 4em; }

.module_full_bg { background-position: 25% center; }

/* name_title and konzept colored text line-height */
.name_title,
.name_title_1st {
	line-height: 1.2em;
	padding-bottom: 3px;
	letter-spacing: -0.05em; }
.name_title:first-line {
	line-height: .9em; }

.bl_1 {
	left: 50px; }
.bl_2 {
	left: -50px; }
.bl_3 {
	left: -50px; }

.card_knz {
	width: 75%; }

.text_block {
	width: 100%; }

/* konzept section - div colored text sx width */
section#wwdo div.grid div.grid-item.grid_item_txt {
	width: 98%; }
section#wwdo div.grid div.grid-item.grid_item_txt.card {
	width: 98%;
	max-width: 50em; }

/* konzept section - div text dx width */
section#wwdo div.grid div.grid-item.grid_item_img {
	width: 98%;
	line-height: 1.35; }

/* team */
.grid {
	display: inline-block; }
.card {
	width: 100% !important;
	max-height: none;
	max-width: 50em; }

.grid_item_img {
	width: 52.3%;
	display: inline-block; }
.cont_img {
	width: 100%; }
.grid_item_txt {
	width: 46.3%;
	display: inline-block; }

.skillsimg {
	width: 100% !important; }
.boxskillsinside div.skillsimg:nth-child(2) {
	margin: 50px auto; }

/* service */
.service_item {
	/* width: 45%; */
	min-height: 100px;
	min-width: 100px;
	margin: 2.5%; }

.service_item {
	flex: 1 1 45%; }
/* Adjust margins for spacing */
.service_item:first-child {
	margin: 0 12px 12px 0; }
.service_item:nth-child(2) {
	margin: 0 0 12px 12px; }
.service_item:nth-child(3) {
	margin: 12px 12px 12px 0; }
.service_item:nth-child(4) {
	margin: 12px 0 12px 12px; }
.service_item:nth-child(5) {
	margin: 12px 12px 0 0; }
.service_item:nth-child(6) {
	margin: 12px 0 0 12px; }

.content {
	min-height: 300px; }

/* contact*/
.cnt_container {
	display: flex !important;
	flex-flow: row wrap !important; }

.iframe_cont {
	order: 2;
	margin-top: 50px; }

.ct_cont {
	order: 1; }

/*.writeme {
	min-height:410px; }*/

.c_form_title {
	margin-bottom: 0px;
	line-height: 1.35; }

.iframe_cont {
	width: 100%;
	height: 100%;
	padding: 0px; }
.ct_cont {
	width: 100%; }

/*Footer*/
.footrow_l,
.footrow_c,
.footrow_r {
	width: 100%;
	text-align: center; }

/* Cookie Page */
.section_cookiep {
	width: 83%;
	margin: 0 auto;
	font-size: 1.35em; }
.cp_title {
	font-size: 3em;
	margin: 100px auto; }
.cp_middle_title {
	font-weight: 400;
	font-size: 1.93em; }
.cp_little_title {
	font-weight: 600;
	font-size: 1.662em;
	line-height: 1.25; }
.cp_text {
	font-size: 1.04em; }

/* Cookie */
#cookie-bar.fixed {
	width: 90%; }
#cookie-bar .cb-enable,
.cb-policy {
	padding: 0px 10px; }
}
@media only screen and (max-width: 873px) {
.writeme {
	min-height: 435px; }
}
@media only screen and (max-width: 800px) {
.writeme {
	min-height: 515px; }
.eb_logo_foot {
	width: 80%;
    height: 80%;
    max-width: 125px;
    min-height: 125px; }
}

@media only screen and (max-width: 650px) {
.menu-item {
	padding: 1% 0%; }
nav a {
	font-size: 1.7em; }
nav a.active,
nav li.menu-item.current a {
	font-size: 1.7em; }
/* arrow down */
.box_arrow_down {
	height: 50px; }

.menu-list {
	font-size: 1.8em; }

/* name_title and konzept colored text line-height */
.name_title,
.name_title_1st {
	line-height: 1.2em;
	padding-bottom: 10px; }

.card {
	width: 100% !important;
	max-width: 450px;
	display: grid; }

.grid_item_img {
	width: 90%;
	margin: 0 auto;
	display: inline-block; }

.right_block {
    margin: 1.4em 0em 0em 1em; }

.cont_img {
	width: 100%; }

.grid_item_txt {
	width: 100%;
	margin: 0 auto;
	display: inline-block; }

/* konzept section - div text dx width */
section#wwdo div.grid div.grid-item.grid_item_img {
	width: 95%;
	line-height: 1.35; }

.boxskillsinside div.skillsimg:nth-child(2) {
	/*border:1px solid red;*/
	margin: 50px auto; }

/* Dayana Bongermino item reverse position on responsive */
.grid_cont div.grid:nth-child(3) {
	display: flex;
	flex-direction: column; }
.grid_cont div.grid:nth-child(3) div {
	flex: 1; }

.grid_cont div.grid:nth-child(3) .grid_item_img {
	-webkit-order: 1;
	order: 1; }
.grid_cont div.grid:nth-child(3) .grid_item_txt {
	-webkit-order: 2;
	order: 2; }

/* service */
.service_item {
	width: 100%;
	/* max-height: 250px; */
	min-height: 100px;
	/* min-width: 100px; */
	margin: 1.5em auto 1.5em; }

/* contact*/
.writeme {
	min-height: 500px; }

/* cookie */
#cookie-bar,
.cb-enable,
.cb-policy {
	font-size: 1.2em; }
}

@media only screen and (max-width: 600px) {
.card_knz {
	width: 93%; }
.bl_3 {
	left: -50px; }
.text_block {
	/* Careful, this breaks the word wherever it is without a hyphen */
	overflow-wrap: break-word;
	word-wrap: break-word;
	/* Adds a hyphen where the word breaks */
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto; }
.writeme {
	min-height: 535px; }
}

@media only screen and (max-width: 550px) {
.writeme {
	min-height: 585px; }
}
@media only screen and (max-width: 538px) {
.writeme {
	min-height: 585px; }
}
@media only screen and (max-width: 480px) {
body {
	font-size: 14px;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-weight: 400; }

.opl {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 75px;
	z-index: 998; }

/*menu*/
#parent_1 {
	width: 80%; }
.menu-list {
	font-size: 1.8em; }

.container_intro {
	width: 70%;
	/*height: 44%;
	height: 44vw;
	min-width: 50px;*/
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	top: 50%; }

.eb_logo_name {
	margin-top: 15px; }

.sec_title {
	font-size-adjust: 2.5em; }

.cont_img {
	min-width: 180px;
	min-height: 180px; }

.name_title,
.name_title_1st {
	font-size: 3.5em;
	line-height: 1.2em;
	padding-bottom: 3px; }

.name_title:first-line {
	line-height: .9em; }

.name_title_1st {
	font-size: 3.2em;
	padding-bottom: 3px;
	letter-spacing: -.012em;
	margin-left: -5px; }

.name_1,
.name_1a {
	font-size: 2.7em;
	font-weight: 800; }

/* konzept section - div text dx width */
section#wwdo div.grid div.grid-item.grid_item_img {
	width: 93%;
	line-height: 1.35; }

.grid_item_img {
	width: 90%; }

.left_block {
	max-width: 193px; }
.right_block {
	max-width: 210px; }

.text_hover {
	font-size: 6em; }

/* service */
.card_knz {
	width: 93%; }
.bl_3 {
	left: -40px; }
.service_cont {
	width: 80%; }

.service_item {
	/* width: 100%; */
	min-height: 100px;
	min-width: 100px;
	float: none;
	/* margin: 1em auto 1em; */ }

.service_item {
	flex: 1 1 100%; }
/* Adjust margins for spacing */
.service_item:first-child {
	margin: 0 0 12px 0; }
.service_item:nth-child(2),
.service_item:nth-child(3),
.service_item:nth-child(4),
.service_item:nth-child(5) {
	margin: 12px auto; }
.service_item:nth-child(6) {
	margin: 12px 0 0 0; }

.moda_cont {
	max-height: 600px !important; }

.content {
	min-height: 275px; }

/* testimonial */
.proj_desc,
.tsml_item,
.text_block {
	font-size: 1.5em;
	letter-spacing: -0.005em;
	line-height: 1.35em; }

/* kontakt*/
.writeme {
	min-height: 605px; }

.ct_cont {
	width: 100%;
	max-width: none; }

.cnt_btn_txt {
	display: none; }
.cnt_btn_txt_resp {
	padding: 10px 20px 9px;
	float: left;
	line-height: 1.2;
	font-size: 1.3em;
	font-weight: 400;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
	z-index: 3;
	position: relative;
	display: inline-block; }

.ct_itme_cont {
	width: 100%;
	margin: 25px auto; }
.ct_icon_email,
.ct_icon_pin,
.ct_icon_phone {
	margin: 0px auto; }

/*footer*/
.eb_logo_foot {
	max-width: 100px;
	max-height: 100px;
	margin: 25px auto 40px; }

.footrow_r,
.footrow_c {
	max-width: 200px;
	line-height: 1.5em;
	margin: 20px auto;
	letter-spacing: 0.5px; }

.footrow_r,
.footrow_c:nth-child(3) {
	max-width: 90%;
	line-height: normal; }

.foot_dot {
	display: block; }

/* Cookie Page */
.section_cookiep {
	margin-top: 25px;
	margin-bottom: 25px; }
.cp_title {
	font-size: 2em;
	margin: 50px auto; }
.cp_text{
font-size:1.061em; }
.cp_little_title {
	font-size: 1.5em; }
/* Cookie */
#cookie-bar.fixed {
	width: 90%; }
#cookie-bar,
.cb-enable,
.cb-policy {
	font-size: 1em; }
#cookie-bar a {
	margin-left: .5em; }
.cb-policy {
	margin-left: 0px !important; }
}

@media only screen and (max-width: 380px) {
.container_intro {
	width: 80%;
	top: 46%; }

.grid {
	width: 88%; }

.grid_item_img {
	width: 90%;
	height: 90%; }

.name_title_1st {
	margin-left: -8px; }

}

@media only screen and (max-width: 350px) {
body {
	font-size: 13px;}

/* colored txt konzept, team */
.name_title_1st {
	/*margin-left: 3px;*/
	/* Careful, this breaks the word wherever it is without a hyphen */
	overflow-wrap: break-word;
	word-wrap: break-word;
	/* Adds a hyphen where the word breaks */
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto; }

.left_block {
	max-width: 185px; }
.right_block {
	margin: 1.4em auto 0em auto;
	max-width: 200px; }

.openifbtn_cont{
	text-align: center; }

.text_block {
	font-size: 1.5em;
	letter-spacing: -0.005em;
	line-height: 1.35em;
	/* Careful, this breaks the word wherever it is without a hyphen */
	overflow-wrap: break-word;
	word-wrap: break-word;
	/* Adds a hyphen where the word breaks */
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto; }

.text_block ul {
	display: block; }

.text_block ul li {
	padding: 0 0 0 1em;}

.care_list {
	letter-spacing: -0.005em; }

.modal_title {
	letter-spacing: 2px;
	/* Careful, this breaks the word wherever it is without a hyphen */
	overflow-wrap: break-word;
	word-wrap: break-word;
	/* Adds a hyphen where the word breaks */
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;}
}

@media only screen and (max-width: 336px) {
.writeme {
	min-height: 580px; }
}
@media only screen and (max-width: 320px) {
.grid {
	width: 87.5%;
	margin: 0 auto; }

.name_title,
.name_title_1st{
	font-size: 2.2em;
	letter-spacing: -0.05em; }

.right-block{
	/* Careful, this breaks the word wherever it is without a hyphen */
	overflow-wrap: break-word;
	word-wrap: break-word;
	/* Adds a hyphen where the word breaks */
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

.name_desc {
	letter-spacing: -0.02em; }

}
@media only screen and (max-width: 350px) {
.writeme {
	min-height: 640px; }
}
@media only screen and (max-width: 250px) {
body {
	font-size: 5.3vw; }
.service_item {
	min-width: unset; }
.sec_title {
	letter-spacing: 0.1em; }
.ct_icon_txt {
	max-width: 150px; }
}
@media only screen and (max-width: 100px) {
.cont_skillsimg img {
	width: 65%; }
}