/*
Theme Name: Wow
Theme URI: https://tchdigital.com/
Author: the TCHDigital team
Author URI: https://tchdigital.com/
Description: 
Version: 1.0
*/

/* raleway-300 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/raleway-v28-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/raleway-v28-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/raleway-v28-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/raleway-v28-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/raleway-v28-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/raleway-v28-latin-300.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/raleway-v28-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/raleway-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/raleway-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/raleway-v28-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/raleway-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/raleway-v28-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-500 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/raleway-v28-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/raleway-v28-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/raleway-v28-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/raleway-v28-latin-500.woff') format('woff'), /* Modern Browsers */
       url('fonts/raleway-v28-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/raleway-v28-latin-500.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-600 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/raleway-v28-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/raleway-v28-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/raleway-v28-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/raleway-v28-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/raleway-v28-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/raleway-v28-latin-600.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-700 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/raleway-v28-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/raleway-v28-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/raleway-v28-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/raleway-v28-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/raleway-v28-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/raleway-v28-latin-700.svg#Raleway') format('svg'); /* Legacy iOS */
}

body {
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	line-height: 1.87;
	color: #3D4350;
	font-weight: normal;
}
h1 {
	font-family: 'RubikBold';
	font-size: 40px;
	line-height: 1.25;
	color: #3D4350;
	font-weight: normal;
	margin: 0 0 30px;
}
h2 {
	font-family: 'RubikBold';
	font-size: 32px;
	line-height: 1.25;
	color: #3D4350;
	font-weight: normal;
	margin: 0 0 30px;
}
h3 {
	font-family: 'RubikBold';
	font-size: 32px;
	line-height: 1.2;
	color: #3D4350;
	font-weight: normal;
	margin: 0 0 20px;
}
h4 {
	font-family: 'RubikRegular';
	font-size: 14px;
	line-height: 20px;
	color: #3D4350;
	font-weight: normal;
	letter-spacing: 4px;
	margin: 0 0 10px;
}
p {
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	line-height: 30px;
	color: #3D4350;
	font-weight: normal;
}
p:empty {
	display: none;
}
img {
	max-width: 100%;
}
a {
	color: #3D83F0;
	text-decoration: none;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
a:hover, a:focus, a:active {
	color: #2774EB;
	text-decoration: none;
}
section {
	padding: 50px 0;
	background: #fff;
	position: relative;
}
.heading {
	position: relative;
	padding: 60px 0;
	text-align: center;
}
.heading h1, .heading h2 {
	text-transform: uppercase;
}
.form-control::-webkit-input-placeholder {
color:#919191;
opacity:1
}
.form-control:-ms-input-placeholder {
color:#919191;
opacity:1
}
.form-control::placeholder {
color:#919191;
opacity:1
}
.form-control, .form-control:focus, .form-control:active {
	color: #3D4350;
	border: none;
	background: #fff;
	resize: none;
	-webkit-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
}
.btn,.cookie-bar-bar button#catapultCookie {
	height: 60px;
	/*line-height: 60px;*/
	line-height: 1.4;
	padding: 20px 52px;
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.btn-primary,.cookie-bar-bar button#catapultCookie {
	background: #3D83F0;
	border: none;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active,.cookie-bar-bar button#catapultCookie:hover,.cookie-bar-bar button#catapultCookie:focus {
	background: #2774EB;
	color: #fff;
}
.cookie-bar-bar button#catapultCookie{
padding:10px 15px;
height:auto;
}
.navbar-brand {
	text-indent: -999px;
	overflow: hidden;
	width: 142px;
	height: 19px;
	margin: 30px 25px 25px;
	background: url(img/logo-green.png) no-repeat 0 0;
	background-size: contain;
	-webkit-background-size: contain;
}
.page-template-homepage .navbar-brand {
	background: url(img/logo.png) no-repeat 0 0;
	background-size: contain;
	-webkit-background-size: contain;
}
.scrolling .navbar-brand {
	background: url(img/logo-green.png) no-repeat 0 0;
	background-size: contain;
	-webkit-background-size: contain;
}
.navbar-brand img {
	width: 142px;
	height: 19px;
}
.navbar {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.scrolling.navbar {
	box-shadow: 0 0 20px 0 rgba(115,153,230,0.14);
}
.navbar-dark .navbar-nav li {
	vertical-align: middle;
}
.navbar .navbar-nav .nav-link {
	font-family: 'RubikRegular';
	font-size: 14px;
	line-height: 20px;
	color: #3D4350;
	text-transform: uppercase;
}
.page-template-homepage .navbar .navbar-nav .nav-link {
	color: #fff;
}
.scrolling .navbar .navbar-nav .nav-link {
	color: #3D4350;
}
.navbar .custom-select {
	font-family: 'RubikRegular';
	/*padding: 0.1rem 1.3rem 0.1rem 0.2rem;*/
	padding: 4px 5px;
	height: calc(1.7rem + 2px);
	border-radius: 3px;
	font-size: 12px;
	margin-bottom: 0!important;
	border-color: #919191;
	color: #3D4350;
	vertical-align: top;
	background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 4 5\'%3E%3Cpath fill=\'%23333\' d=\'M2 0L0 2h4zm0 5L0 3h4z\'/%3E%3C/svg%3E") no-repeat scroll right 0.75rem center / 8px 10px;
	width: 52px;
	text-align: left;
	text-indent: 0;
}
/*.navbar-light .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}*/
.page-template-homepage .navbar .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.page-template-homepage .navbar .custom-select {
	color: #fff;
	border-color: #fff;
	background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 4 5\'%3E%3Cpath fill=\'%23fff\' d=\'M2 0L0 2h4zm0 5L0 3h4z\'/%3E%3C/svg%3E") no-repeat scroll right 0.75rem center / 8px 10px;
}
.page-template-homepage .scrolling .navbar .custom-select {
	background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 4 5\'%3E%3Cpath fill=\'%23333\' d=\'M2 0L0 2h4zm0 5L0 3h4z\'/%3E%3C/svg%3E") no-repeat scroll right 0.75rem center / 8px 10px;
}
.scrolling .navbar .navbar-toggler-icon, .navbar .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
 @media screen and (-webkit-min-device-pixel-ratio:0) {
.navbar .custom-select {
	text-indent: 7px;
	padding-left: 0;
}
}
.navbar .custom-select option {
	color: #000;
	padding: 6px;
	box-shadow: none;
}
.scrolling .navbar {
	/*background: rgba(0,0,0,.2);*/
	background: #fff;
}
.scrolling .custom-select, .page-template-homepage .scrolling .custom-select {
	border-color: #919191;
	color: #3D4350;
}
.scrolling .custom-select option {
	color: #3D4350;
}
 @media(min-width:767px) {
.navbar-wrap {
	display: block;
	/*float:right;*/
	padding-top: 30px;
	padding-right: 0;
	position: absolute;
	right: 15px;
	top: 0;
}
.navbar-wrap .navbar-nav {
	display: block;
}
.navbar-wrap ul li {
	display: inline-block;
}
.navbar-wrap .navbar-nav .nav-link {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}
}
@media(max-width:767px) {
.navbar-light .navbar-toggler {
	border: none;
	cursor: pointer;
}
.navbar-wrap .navbar-nav .nav-link {
	padding-left: 0;
	padding-right: 0;
}
.navbar .custom-select {
	margin-left: 0!important;
	margin-top: 10px;
	margin-bottom: 10px!important;
}
}
.hero {
	width: 100%;
	max-width: 100%;
	height: 150vh;
	position: relative;
	background-image: linear-gradient(#FF7075, #3EC294);
	/*overflow: auto;*/
	z-index: -1;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}
.svg-bg {
	width: 100%;
	height: 150vh;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;/*background-image:linear-gradient(to left bottom, #FAA891 0%, #FF7075 100%); *//*background:linear-gradient(to left bottom, #FAA891 0%, #FF7075 100%),linear-gradient(to left bottom, #CEE6A8 0%, #3EC294 100%);*//*background: linear-gradient(217deg, rgba(250,168,145,.8), rgba(62,194,148,1) 70.71%),
      linear-gradient(127deg, rgba(0,0,0,.8), rgba(0,0,0,1) 70.71%),
      linear-gradient(336deg, rgba(0,0,0,1), rgba(0,0,255,1) 70.71%);*//*background-image: radial-gradient(100% 100%, #FAA891 0%, #FF7075 100%);*/
}
/*.svg-bg.red{
	background-image: radial-gradient(100% 100%, #FAA891 0%, #FF7075 100%);
}*/
.svg-bg.green {
/*content:'';
	position:absolute;
	width:100%;
	height:100vh;
	opacity:1;
	-webkit-transition: background-image .9s ease-in-out;
-moz-transition: background-image .9s ease-in-out;
-ms-transition: background-image .9s ease-in-out;
-o-transition: background-image .9s ease-in-out;
transition: background-image .9s ease-in-out;*/
	
/*background-image: radial-gradient(100% 100%, #CEE6A8 0%, #3EC294 100%);*/
/*background-image:linear-gradient(to left bottom, #CEE6A8 0%, #3EC294 100%);*/
}
.svg-bg.green:after {
/*opacity:1;*/
}
.hero-title {
	display: block;
	height: 100vh;
	width: 100%;
	position: fixed;
	/*-webkit-transition-property: none;
-moz-transition-property: none;
-o-transition-property: none;
transition-property: none;*/
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}
.hero-title span.layer {
	position: absolute;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}
.hero-title span.letter-wrap {
	position: relative;
	overflow: visible;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;/*z-index:9;*/
}
.hero-title span.letter {
	position: relative;
	/*position:absolute;*/
	/*opacity:0;*/
	display: inline-block;
}
.hero h1 {
	display: block;
	white-space: nowrap;
	font-size: 200px;
	font-weight: normal;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 9;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	/*text-shadow: 1px 1px 1px rgba(0,0,0,.6);*/
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
}
.hero img {
	max-width: none;
}
.hero-title {
	/*box-shadow: 0 3px 47px rgba(0, 0, 0, 0.2);*/

	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: perspective(500);
	transform: perspective(500);
}
.hero .layer {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateX(0) translateY(0) translateZ(20px);
	transform: translateX(0) translateY(0) translateZ(20px);
}
.hero .layer-1 {
	/*left: 42%;
	position: absolute;
	top: -245%;*/
	z-index: -1;
	left: -15%;
	top: -70%;/*transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);*/
}
.hero .layer-2 {
	/*left: 13%;
	position: absolute;
	top: -70%;*/
	z-index: -1;
	left: -25%;
	top: -5%;
}
.hero .layer-3 {
	left: -35%;
	position: absolute;
	top: -5%;
	z-index: -1;
}
.hero .layer-4 {
	position: absolute;
	/*left: -8%;	
	top: -105%;*/
	z-index: -1;
}
.hero .layer-5 {
	left: 66%;
	position: absolute;
	top: 60%;
	z-index: -2;
}
#woow .layer-4 {
/*width:95px;*/
}
#woow .layer-4 img {
/*width:280px;*/
}
#woow .layer-5 img {
/*width:36px;*/
}
#woow .layer-6 {
	left: -40%;
	/*top:-145%;*/
	/*top:-18vmin;*/
	top: -6vmin;
	z-index: -2;/*transform:translateX(-50%) translateY(-70%);
	-webkit-transform:translateX(-50%) translateY(-70%);*/
}
.hero .layer-7 {
	left: 45%;
	position: absolute;
	top: -106%;
	z-index: -1;
}
#woow .layer-7 img {
/*width:112px;*/
}
@media(max-width:1920px) {
.hero h1 {
	font-size: 30vmin;/*line-height: 12vmin;*/
}
.hero .layer-1 img, .hero .layer-6 img {
	width: 40vmin;
}
.hero .layer-2 img, .hero .layer-4 img {
	width: 15vmin;
}
.hero .layer-5 img {
	width: 10vmin;
}
.hero .layer-3 img, .hero .layer-7, .hero .layer-7 img {
	width: 20vmin;
}
}
@media(max-width:1200px) {
.hero h1 {
	font-size: 20vmin;
}
.hero .layer-1 img, .hero .layer-6 img {
	width: 30vmin;
}
.hero .layer-2 img, .hero .layer-4 img {
	width: 10vmin;
}
.hero .layer-3 img, .hero .layer-7, .hero .layer-7 img {
	width: 15vmin;
}
}
@media(max-width:991px) {
.hero h1 {
	font-size: 18vmin;
}
.hero .layer-1 img, .hero .layer-6 img {
	width: 30vmin;
}
.hero .layer-2 img, .hero .layer-5 img, .hero .layer-7, .hero .layer-7 img {
	width: 14vmin;
}
.hero .layer-3 img {
	width: 12vmin;
}
.hero .layer-4 img {
	width: 10vmin;
}
}
 @media(min-width:681px) {
.navbar-nav li i {
	display: none;
}
}
@media(max-width:767px) {
#mainmenu {
	padding-left: 25px;
	padding-right: 25px;
}
.navbar-nav li a {
	border: none;
	border-bottom: 1px solid #fff;
	border-radius: 0;
	padding-top: 7px;
	padding-bottom: 7px;
}
.scrolling .navbar-nav li a, .page-template-innerpage .navbar-nav li a {
	border-color: #919191;
}
h1 {
	font-size: 8.3vmin;
}
}
@media(max-width:360px) {
#mainmenu {
	padding-left: 0;
	padding-right: 0;
}
}
@media(max-width:680px) {
h3 {
	font-size: 6vmin;
}
.navbar-nav li i {
	display: inline-block;
	line-height: 1.5;
}
.navbar-nav li a {
/*border: 1px solid #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	height: calc(1.7rem + 2px);
	padding: 0.1rem 1.3rem 0.1rem 0.2rem;*/
}
.scrolling .navbar-nav li a {
/*border-color: #919191;*/
}
.navbar-nav li .text {
/*display: none;*/
}
}
@media(max-width:360px) {
.navbar-brand {
	margin-left: 0;
	margin-right: 0;
}
.navbar-wrap {
	margin-right: 0;
	padding-right: 0;
}
}
#skrollr-body {
	max-width: 100%;
	overflow: hidden;
}
#main {
	background: #fff;/*position:relative;
	z-index:9;*/
}
#banner-top {
	margin: 0;
	padding: 0;
	/*height:1px;*/
	/*position:relative;
	z-index:9;*/
	/*position:absolute;
	left:0;*/
	width: 100%;/*transform:translateX(-50%);*/
}
#banner-top.stick {
	position: fixed;
	width: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	top: 100%;
	margin: 0;
	z-index: 99;
	max-width: 100%;/*height:0px;*/
}
#banner-top.stick .top-text {
/*margin-top:0;
	margin-bottom:0;*/
	
	
}
.top-text {
	/*position:relative;*/
	background: #fff;
	max-width: 640px;
	/*margin-top: -140px;
	margin-bottom: 140px;*/
	margin-left: auto;
	margin-right: auto;
	padding: 50px;
	z-index: 999;
	border-radius: 4px;
	-webkit-border-radius: 4px;
}
.top-text h1 {
	margin: 0 0 30px;
}
@media(max-width:767px) {
.top-text {
	padding: 40px;
}
#banner-top.stick .top-text, #banner-top.normal .top-text {
	top: 0!important;
}
}
.section {
	overflow: hidden;
}
.section-motto {
	padding: 0 15px;
}
.section-motto blockquote {
	max-width: 220px;
	padding: 15px 20px;
	border: 1px solid #CBE1EB;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	position: absolute;
	top: -130px;
	left: -5%;
	background: #fff;
}
.section-motto blockquote:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: auto;
	right: 30px;
	bottom: -22px;
	border: 11px solid;
	border-color: #CBE1EB #CBE1EB transparent transparent;
}
.section-motto blockquote:after {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: auto;
	right: 31px;
	bottom: -20px;
	border: 10px solid;
	border-color: #fff #fff transparent transparent;
}
.section-motto blockquote p {
	font-size: 14px;
	line-height: 1.8;
	margin: 0;
}
.message {
	position: absolute;
	left: 0;
	bottom: 0;
}
 @media(max-width:1200px) {
.section-motto div[class*="col-"] {
	text-align: center;
	margin-bottom: 50px!important;
}
}
@media(max-width:767px) {
.section-motto div[class*="col-"] {
}
.section-motto blockquote {
	left: 5%;
	top: 0!important;
	position: relative!important;
}
}
.section-passion {
	padding: 90px 0;
	position: relative;
}
.section-passion .col-img {
	text-align: center;
	margin-top: 30px;
}
@media(min-width:767px) {
.section-passion .col-text {
	text-align: left;
}
.section-passion .col-img {
	text-align: right;
	margin-top: 5px;
}
}
/* Timeline */

.timeline-posts .phase {
	/*overflow: hidden;*/
	padding: 50px 0;
	position: relative!important;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;/*-webkit-transition: all 2s ease-in;
	-moz-transition: all 2s ease-in;
	-ms-transition: all 2s ease-in;
	-o-transition: all 2s ease-in;
	transition: all 2s ease-in;*//*transform:translateY(5%);
	-webkit-transform:translateY(5%);*/
}
.timeline-posts .phase.fade-in {
/*transform:translateY(0%);
	-webkit-transform:translateY(0%);*/
}
.timeline-posts .phase:before {
	content: " ";
	position: absolute;
	height: 100%;
	width: 1px;
	background-color: #f2f2f2;
	left: 50%;
}
/*.timeline-posts .phase > div:nth-child(2n+1) {
	margin-right: 20%;
	float: left;
}*/
.timeline-posts .phase:nth-child(even) .text, .timeline-posts .phase:nth-child(odd) .box {
	margin-right: 20%;
	float: left;
}
.timeline-posts .phase div.text:before {
	content: " ";
	position: absolute;
	top: calc(50% - 8px);
	/*left: calc(50% - 3px);*/
	left: calc(76% - 100% - 7px);
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background-color: #FF7175;
}
.timeline-posts .phase:nth-child(2n) div.text::before {
	left: calc(125% - 3px);
}
.timeline-posts .phase .text {
	float: right;
	width: 40%;
}
.timeline-posts .phase .box {
	float: left;
	/*background-image: radial-gradient(100% 100%, #FAA891 100%, #FF7075 0%);*/
	background-image: linear-gradient(to top right, #FF7075, #FAA891);
	/*background: -moz-radial-gradient(circle, #1a82f7, #2F2727);*/
	border-radius: 5px;
	width: 40%;
	height: auto;
	position: relative;
}
.timeline-posts .phase .box:after {
	content: "";
	display: block;
	padding-bottom: 100%;
}
.timeline-posts .phase .text h3 {
	color: #f1696d;
}
.timeline-posts .phase:nth-child(2) .box {
	background-image: linear-gradient(to top right, #9277D1, #FAA7E3);
}
.timeline-posts .phase:nth-child(2) .text h3 {
	color: #a366cc;
}
.timeline-posts .phase:nth-child(2) div.text:before {
	background-color: #9679D2;
}
.timeline-posts .phase:nth-child(3) .box {
	background-image: linear-gradient(to top right, #3EC294, #CEE6A8);
}
.timeline-posts .phase:nth-child(3) div.text:before {
	background-color: #46C495;
}
.timeline-posts .phase:nth-child(3) .text h3 {
	color: #50bc91;
}
.timeline-posts .phase:nth-child(4) .box {
	background-image: linear-gradient(to top right, #328CE6, #73D9D4);
}
.timeline-posts .phase:nth-child(4) div.text:before {
	background-color: #348EE5;
}
.timeline-posts .phase:nth-child(4) .text h3 {
	color: #4791d6;
}
.timeline-posts .phase:nth-child(5) .box {
	background-image: linear-gradient(to top right, #FFB433, #FFEA73);
}
.timeline-posts .phase:nth-child(5) div.text:before {
	background-color: #FFB635;
}
.timeline-posts .phase:nth-child(5) .text h3 {
	color: #ffaf3d;
}
.timeline-posts .phase:nth-child(1):before {
	height: 50%;
	bottom: 0;
}
.timeline-posts .phase:nth-child(5):before {
	height: 50%;
	top: 0;
}
.timeline-posts .phase .box img {
	max-width: 50%;
	position: absolute;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
}
.timeline-posts .phase .box span {
	display: block;
	font-family: 'Raleway';
	font-size: 18px;
	color: #fff;
	text-align: center;
	padding: 0;
	position: absolute;
	left: 50%;
	top: 40px;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.timeline-posts .phase .box-mobile {
	display: none;
}
@media(max-width:767px) {
.timeline-posts {
	padding-left: 30px;
}
.timeline-posts .phase {
	display: block;
	padding: 0;
}
.timeline-posts .phase .box, .timeline-posts .phase .text, .timeline-posts .phase .box-mobile {
	display: block;
	float: none!important;
	width: 90%;
	margin: 0 0 50px 10%!important;
}
.timeline-posts .phase > div:nth-child(2n+1) {
	float: none!important;
}
.timeline-posts .phase::before {
	left: 3px;
}
.timeline-posts .phase div.text::before {
	/*left: 0;*//*top:50px;
	height:calc(100%-50%);*/
	left: calc(40% - 50% - 5px)!important;
}
.timeline-posts .phase .box span, .timeline-posts .phase .box-mobile span {
	top: 20px;
}
.timeline-posts .phase .text + .box {
	display: none!important;
}
.timeline-posts .phase .box-mobile {
	display: block!important;
}
}
@media(max-width:767px) {
.section-texts h1 {
	font-size: 10vmin;
}
}
/*.wrapper {
  width: 100%;
  min-height: 100vh;
  height: 100%;
  font: normal 16px/26px Open Sans Condensed, sans-serif;
  color: #fff;
  padding: 100px 20px 200px;
  box-sizing: border-box;
}

.block {
  z-index: 1;
  position: relative;  }
.block:before {
    content: "";
    position: absolute;
    height: calc(100% - 40px);
    width: 1px;
    background-color: #f2f2f2;
    left: 50%;
    margin-top: 90px;

}

.title {
  font: bold 42px/52px Open Sans Condensed, sans-serif;
  text-align: center;
  padding: 20px;
  transition: all 0.8s ease-in-out;
}

.each-event {
  background-color: #f4f4f4;
  color: #777;
  padding: 15px;
  margin: 60px 20px;
  width: 300px;
  position: relative;
  border-radius: 4px;
  box-sizing: border-box;
  transition: all 0.3s ease-in-out; }
 .each-event:before {
    content: "";
    position: absolute;
    top: calc(50% - 8px);
    left: -27px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 4px 20px -4px rgba(64, 64, 64, 0.8);
  }
  .each-event:nth-child(odd) {
    margin-left: calc(50% + 20px);
  }
  .each-event:nth-child(even) {
    margin-left: calc(50% - 321px);
  }
    .each-event:nth-child(even):before {
      left: calc(100% + 14px);
   
  }


.title.non-focus {
  font-size: 24px;
  line-height: 34px;
  transition: all 0.8s ease-in-out;
}

.each-event.non-focus {
  color: #d2d2d2;
  background: #e6e6e6;
  margin-top: 90px;
  transform: rotateZ(45deg);
  transition: all 0.8s ease-in-out;
  &:before {
    opacity: 0;
    background-color: #aaa;
  }
}*/
.section-portfolio {
	padding-bottom: 0;
}
.section-portfolio .carousel {
	position: relative;
}
.section-portfolio .carousel-item {
	padding-bottom: 120px;
}
.section-portfolio .carousel-item .slide {
	padding: 60px;
	position: relative;
	background-image: linear-gradient(-45deg, #ECFADC 0%, #9AEDCF 100%);
	/*background-image: radial-gradient(99% 100%, #8FD3F4 0%, #E0FDF5 100%);*/
	border-radius: 3px;
	-webkit-border-radius: 3px;
}
.slide-info {
	max-width: 340px;
	padding: 30px 40px;
	background: #FFFFFF;
	box-shadow: 0 40px 70px 0 rgba(115,153,230,0.14);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	position: absolute;
	right: 55px;
	top: 55px;
	z-index: 9;
	display: none;
}
.slide-info .close {
	font-size: 14px;
	color: #3D83F0;
	text-decoration: none;
	position: absolute;
	top: 16px;
	right: 15px;
}
.slide-info p {
	font-size: 13px;
	color: #3D4350;
	line-height: 20px;
	margin: 0;
}
.section-portfolio .carousel-item:nth-child(2) .slide {
	background-image: linear-gradient(-45deg, #F9EFAD 0%, #FCC799 100%);
}
.section-portfolio .carousel-item:nth-child(3) .slide {
	background-image: linear-gradient(-45deg, #FCE7FC 0%, #DFCBF9 100%);
}
.section-portfolio .carousel-item:nth-child(4) .slide {
	background-image: linear-gradient(-45deg, #FBE9D5 0%, #FFBBC7 100%);
}
.section-portfolio .carousel-item:nth-child(5) .slide {
	background-image: linear-gradient(-45deg, #8FD3F4 0%, #E0FDF5 100%);
}
.section-portfolio .serial {
	float: left;
	text-align: center;
	position: relative;
	padding: 25px 0;
}
.section-portfolio .number {
	font-size: 100px;
	line-height: 1;
	font-family: 'RubikBold';
	font-weight: normal;
	color: #fff;
	position: absolute;
	left: 0;
	top: -9px;
	width: 100%;
	z-index: 0;
}
.section-portfolio .serial .text {
	font-family: 'RubikRegular';
	text-transform: uppercase;
	font-size: 14px;
	color: #3D4350;
	letter-spacing: 4px;
	line-height: 1;
	position: relative;
}
.section-portfolio .carousel-item ul {
	list-style: none;
	margin: 0;
	padding: 15px 0;
}
.section-portfolio .carousel-item ul li strong {
	font-size: 14px;
	line-height: 20px;
	font-family: 'RubikMedium';
	font-weight: normal;
	text-transform: uppercase;
	display: inline-block;
	min-width: 150px;
}
.section-portfolio .carousel-item ul li {
	font-size: 16px;
	line-height: 20px;
	font-family: 'Raleway';
	padding: 5px 0;
}
.section-portfolio .carousel-item-detail {
	clear: both;
	padding: 40px 0 80px;
}
.section-portfolio .carousel-item-detail h3 a, .section-portfolio .carousel-item-detail h3 a:hover {
	color: #3D4350;
	text-decoration: none;
}
.section-portfolio .carousel .visit {
	bottom: 80px;
}
.section-portfolio .carousel-item .visit, .section-portfolio .visit {
	width: 120px;
	height: 120px;
	background: #fff;
	box-shadow: 0 40px 70px 0 rgba(115,153,230,0.14);
	font-family: 'RubikBold';
	font-size: 14px;
	color: #3D83F0;
	letter-spacing: 5px;
	line-height: 1.4;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	position: absolute;
	padding: 30px 0 0 30px;
	left: 5%;
	bottom: -40px;
	text-align: left;
}
.section-portfolio .carousel-item .visit:hover, .section-portfolio .visit:hover {
	transform: scale(1.16);
	-webkit-transform: scale(1.16);
}
.section-portfolio .carousel-item .visit i, .section-portfolio .visit i {
	margin-top: 13px;
	display: block;
}
.carousel .more-info {
	position: absolute;
	right: 60px;
	top: 60px;
	height: 30px;
	width: 30px;
	line-height: 26px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	color: #fff;
	z-index: 9;
	border: 2px solid #fff;
	border-radius: 50%;
	-webkit-border-radius: 50%;
}
.section-portfolio .carousel .carousel-item-img {
	position: absolute;
	right: 80px;
	bottom: -35px;
	max-width: 45%;
}
.section-portfolio .carousel-indicators {
	bottom: auto;
	left: auto;
	width: 10px!important;
	height: auto;
	margin: -60px 0 0;
	display: block;
	position: absolute;
	top: 50%;
	right: 70px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.section-portfolio .carousel-indicators li {
	display: block;
	float: none;
	flex: none;
	margin: 0 0 20px!important;
	clear: both;
	position: relative;
	width: 10px;
	height: 10px;
	left: 0;
	cursor: pointer;
	top: 0;
	border: 1px solid #fff;
	background: transparent;
	border-radius: 50%;
	-webkit-border-radius: 50%;
}
.section-portfolio .carousel-indicators li.active {
	background: #fff;
}
.section-portfolio .carousel-control-prev, .section-portfolio .carousel-control-next {
	position: absolute;
	bottom: auto;
	right: 58px;
	width: 24px;
	height: 24px;
	left: auto;
	top: 75%;
	opacity: 1;/*border:1px solid #fff;
	border-radius:50%;
	-webkit-border-radius:50%;*/
}
.section-portfolio .carousel-control-prev i, .section-portfolio .carousel-control-next i {
	font-size: 30px;
}
.section-portfolio .carousel-control-prev {
	right: 77px;
}
@media(max-width:991px) {
.section-portfolio .carousel-item .slide {
	padding: 30px;
}
.section-portfolio .carousel-item-detail {
	float: none;
	width: 100%;
}
.section-portfolio .carousel-indicators {
	right: 35px;
}
.section-portfolio .carousel-item .more-info {
	right: 30px;
}
.slide-info {
	right: 23px;
}
.section-portfolio .carousel-item .carousel-item-img {
	position: relative;
	width: 100%;
	max-width: 80%;
	right: auto;
	bottom: auto;
	margin-bottom: -60px;
	text-align: right;
}
.section-portfolio .carousel-item-detail {
	padding-bottom: 30px;
}
.section-portfolio .carousel-item .carousel-item-img img {
	max-width: 60%;
}
.section-portfolio .carousel-item .visit {
	font-size: 12px;
	width: 80px;
	height: 80px;
	padding: 12px 0 0 15px;
}
.section-portfolio .carousel-control-prev, .section-portfolio .carousel-control-next {
/*top: 80%;*/
}
.section-portfolio .carousel-control-next {
	right: 24px;
}
.section-portfolio .carousel-control-prev {
	right: 40px;
}
}
@media(max-width:767px) {
.slide-info {
	max-width: 75%;
}
}
/*font-family: 'FontAwesome';
font-size: 14px;
color: #3D83F0;
line-height: 20px;*/
#passion {
	min-height: 100vh;
}
.chat-list {
	padding: 30px 0;
}
.chat-list ul {
	width: 100%;
	max-width: 360px;
	min-height: 75vh;
	/*max-height:300px;
	overflow:auto;*/
	margin: 0 auto 10px;
	padding: 0;
	list-style: none;
}
.chat-list ul li {
	float: left;
	width: 100%;
	margin: 0 0 20px;
	/*display:none;*/
	opacity: 0;
	text-align: left;
}
.chat-list li>span {
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
	max-width: 315px;
	padding: 20px 30px;
	color: #fff;
	text-align: left;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	background: #3D83F0;
}
.chat-list li:nth-child(even) {
	text-align: right;
}
.chat-list li:nth-child(even)>span {
	/*float: right;*/
	background: #f5f7f7;
	color: #3D4350;
}
.chat-list li .text {
	opacity: 0;
	display: none;
}
.chat-list li .spinner {
	/*padding:25px 15px;*/
	padding: 20px 15px;
}
.chat-list li:nth-child(even) .spinner > span {
	background: #3D4350;
}
.section-newsletter {
	background: #F2F6FA;
	text-align: center;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}
.section-newsletter .content {
	padding: 50px 100px;
}
.section-newsletter .content p {
	margin: 0 0 30px;
}
 @media(max-width:767px) {
.section-newsletter .content {
	padding: 25px 50px;
}
.section-newsletter .btn {
	/*padding: 9px 10px;
	max-width: 100%;
	height: 64px;*/
	height: auto;
	white-space: normal;/*line-height: 1.6;*/
}
}
.feedback, .feedback-mobile {
	padding: 100px 0 0;
	position: relative;
}
.feedback h4, .feedback-mobile h4 {
	margin: 0 0 20px;
	text-transform: uppercase;
}
.feedback .step-count {
	line-height: 20px;
	position: absolute;
	right: 0;
}
.feedback label {
	visibility: hidden;
	position: absolute;
}
.feedback .form-control {
	font-family: 'Raleway', sans-serif;
	font-size: 20px;
	font-weight: normal;
	height: 100px;
	line-height: 30px;
	padding: 33px 42px 30px;
	resize: none;
}
.feedback .btn {
	font-size: 18px;
	text-align: center;
	width: 100px;
	height: 100px;
	color: #fff;
	text-decoration: none;
	background: #3D83F0;
	border: none;
	padding: 40px;
	-webkit-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
}
.feedback .btn:hover, .feedback .btn:focus, .feedback .btn:active {
	background: #2774EB;
}
.feedback ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
.feedback ul li {
	display: none;
	width: 100%;
}
.feedback ul li.active {
	display: block;
}
.feedback .form-control {
	width: 100%;
}
.feedback .invalid-feedback {
	/*position: absolute;
	left: 0;
	bottom: -40px;*/
	margin-top:15px;
	margin-bottom:10px;
	text-align:left!important;
}
.feedback{
display:none;
}
.feedback-mobile {
	/*display: none;*/
}
.feedback-mobile h2 {
	font-size: 7vmin;
}
.feedback .form-submit {
	position: absolute;
	visibility: hidden;
	opacity: 0;
}
div.wpcf7-mail-sent-ok {
	border-color: #50bc91!important;
	color: #50bc91!important;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}
div.wpcf7-validation-errors {
	color: #ffaf3d!important;
	border-color: #ffaf3d!important;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}
div.feedback .invalid-feedback, span.wpcf7-not-valid-tip {
	color: #f1696d;
!important;
	border-color: #f1696d;
!important;
}
span.wpcf7-not-valid-tip {
	display: block;
	text-align: left;
 margin-top: .25rem;
 font-size: .875rem;
}
@media(max-width:767px) {
.feedback .step-count {
	position: relative;
	padding-bottom: 40px;
}
}
@media(max-width:640px) {
.feedback {
	display: none;
}
.feedback-mobile {
	display: block;
}
}
footer {
	width: 100%;
	padding: 55px 0;
	background: #fff;
}
.in-view footer {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: -1;
}
.social-icons {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0 20px;
}
.social-icons li {
	float: left;
}
.social-icons li a {
	display: block;
	padding: 0 11px;
}
.social-icons .fa {
	font-size: 16px;
	color: #3D83F0;
}
.social-icons .fa:hover {
	color: #2774EB;
}
.footer-links {
	float: right;
	list-style: none;
	margin: 0;
	padding: 0 20px;
}
.footer-links li {
	float: left;
}
.footer-links li a {
	font-size: 14px;
	color: #3D4350;
	display: block;
	padding: 0 11px;
}
.footer-links li a:hover {
	text-decoration: underline;
}
@media(max-width:767px) {
footer .social-icons {
	padding-left: 0;
}
footer .footer-links {
	padding-right: 0;
}
}
/*background-image: radial-gradient(100% 100%, #FAA891 0%, #FF7075 100%);
background-image: radial-gradient(100% 100%, #CEE6A8 0%, #3EC294 100%);*/
@font-face {
	font-family: 'RubikRegular';
	src: url('fonts/RubikRegular.eot');
	src: url('fonts/RubikRegular.eot') format('embedded-opentype'), url('fonts/RubikRegular.woff2') format('woff2'), url('fonts/RubikRegular.woff') format('woff'), url('fonts/RubikRegular.ttf') format('truetype'), url('fonts/RubikRegular.svg#RubikRegular') format('svg');
}
@font-face {
	font-family: 'RubikBold';
	src: url('fonts/RubikBold.eot');
	src: url('fonts/RubikBold.eot') format('embedded-opentype'), url('fonts/RubikBold.woff2') format('woff2'), url('fonts/RubikBold.woff') format('woff'), url('fonts/RubikBold.ttf') format('truetype'), url('fonts/RubikBold.svg#RubikBold') format('svg');
}
@font-face {
	font-family: 'RubikMedium';
	src: url('fonts/RubikMedium.eot');
	src: url('fonts/RubikMedium.eot') format('embedded-opentype'), url('fonts/RubikMedium.woff2') format('woff2'), url('fonts/RubikMedium.woff') format('woff'), url('fonts/RubikMedium.ttf') format('truetype'), url('fonts/RubikMedium.svg#RubikMedium') format('svg');
}
@font-face {
	font-family: 'RubikLight';
	src: url('fonts/RubikLight.eot');
	src: url('fonts/RubikLight.eot') format('embedded-opentype'), url('fonts/RubikLight.woff2') format('woff2'), url('fonts/RubikLight.woff') format('woff'), url('fonts/RubikLight.ttf') format('truetype'), url('fonts/RubikLight.svg#RubikLight') format('svg');
}
.spinner {
	display: block;
	margin: 0;
	/*width: 30px;*/
	text-align: center;
}
.spinner > span {
	width: 10px;
	height: 10px;
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	background: #fff;
}
.spinner .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}
.spinner .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}
 @-webkit-keyframes sk-bouncedelay {
 0%, 80%, 100% {
 -webkit-transform: scale(0)
}
 40% {
 -webkit-transform: scale(1.0)
}
}
 @keyframes sk-bouncedelay {
 0%, 80%, 100% {
 -webkit-transform: scale(0);
 transform: scale(0);
}
 40% {
 -webkit-transform: scale(1.0);
 transform: scale(1.0);
}
}
.oval-thought-border {
	position: absolute;
	left: 0;
	top: -70%;
	padding: 40px 30px;
	margin: 1em auto 0;
	border: 4px solid #FC837E;
	text-align: center;
	color: #333;
	background: #fff;
	/* css3 */
  /*
  NOTES:
  -webkit-border-radius:240px 140px; // produces oval in safari 4 and chrome 4
  -webkit-border-radius:240px / 140px; // produces oval in chrome 4 (again!) but not supported in safari 4
  Not correct application of the current spec, therefore, using longhand to avoid future problems with webkit corrects this
  */
	-webkit-border-top-left-radius: 50%;
	-webkit-border-top-right-radius: 50%;
	-webkit-border-bottom-right-radius: 50%;
	-webkit-border-bottom-left-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
/* creates the larger circle */
.oval-thought-border:before {
	content: "";
	position: absolute;
	z-index: 10;
	bottom: -30px;
	right: 100px;
	width: 40px;
	height: 40px;
	border: 4px solid #FC837E;
	background: #fff;
	/* css3 */
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	/* reduce the damage in FF3.0 */
	display: block;
}
/* creates the smaller circle */
.oval-thought-border:after {
	content: "";
	position: absolute;
	z-index: 10;
	bottom: -60px;
	right: 150px;
	width: 20px;
	height: 20px;
	border: 4px solid #FC837E;
	background: #fff;
	/* css3 */
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	/* reduce the damage in FF3.0 */
	display: block;
}
.modal-backdrop {
	background: rgba(206,230,168,.3);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.modal-open #main, .modal-open .navbar {
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	filter: blur(3px);
}
.modal {
	text-align: center;
	padding: 0!important;
}
.modal:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -4px;
}
.modal-dialog {
	width: 100%;
	max-width: 60%;
	height: 80%;
	/*padding:40px;*/
	/*overflow:auto;*/
	display: inline-block;
	text-align: left;
	vertical-align: middle;
	-webkit-transform: translateY(-5%);
	-moz-transform: translateY(-5%);
	-ms-transform: translateY(-5%);
	transform: translateY(-5%);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}
.modal.show .modal-dialog {
/*position:absolute;
  left:50% !important;
  top:50% !important;
  transform: translate(0, -50%) !important;
  -ms-transform: translate(0, -50%) !important;
  -webkit-transform: translate(0, -50%) !important;
  margin:auto 5%;
  width:90%;
  height:80%;*/

	
}
.modal.show .modal-dialog {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}
.modal-header {
	padding: 0;
}
.modal-header h1 {
	font-family: 'RubikMedium';
	margin: 0 0 10px;
	font-size: 30px;
}
.modal .close {
	position: absolute;
	right: 30px;
	top: 25px;
}
.modal .close .fa {
	color: #3d83f0;
	font-size: 20px;
	text-decoration: none;
}
.modal-content {
	color: #fff;
	background: #3ec294;
	border: none;
	padding: 20px 30px 40px;
	/*overflow:auto;*/
	border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 40px 70px 0 rgba(115, 153, 230, 0.14);
	min-height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.modal-body {
	position: absolute;
	top: 100px;
	bottom: 40px;
	left: 30px;
	right: 30px;
	overflow-y: auto;
	padding: 20px 0;
}
.modal-body h1 {
	font-family: 'RubikMedium';
	font-size: 30px;
	line-height: 1.3;
	margin: 0 0 15px;
}
.modal-body h2 {
	font-family: 'RubikMedium';
	font-size: 20px;
	line-height: 1.3;
	margin: 0 0 10px;
}
/*.modal-body{
scrollbar-arrow-color: #00FF00;
	scrollbar-track-color: #0000FF;
	scrollbar-face-color: #0000FF;
	scrollbar-highlight-color: #00FF00;
	scrollbar-shadow-color: #00FF00;
	scrollbar-3dlight-color: #0000FF;
	scrollbar-darkshadow-color: #0000FF;
	filter: chroma (color=#0000FF);
	}*/
.modal-content * {
	color: #fff!important;
}
.modal-content a {
	color: #3D83F0!important;
}
.modal-content a:hover {
	color: #2774EB!important;
	text-decoration: none;
}
div[class*="hidden-"] {
	display: block;
}
div[class*="visible-"] {
	display: none;
}
 @media(max-width:767px) {
div[class*="visible-sm"] {
	display: block!important;
}
div[class*="hidden-sm"] {
	display: none!important;
}
.modal-dialog {
	max-width: 90%;
}
}
.skrollr-mobile .skrollable {
	/*
		May cause issues on Android default browser (see #331 on GitHub).
	*/
	position: absolute;
}
.skrollable .skrollable {
	/*
	 * Second-level skrollables are positioned relative their parent skrollable
	 */
	position: absolute;
}
.skrollable .skrollable .skrollable {
	/*
	 * Third-level (and below) skrollables are positioned static
	 */
	position: static;
}
#banner-top a.scroll-down {
	padding-top: 70px;
	position: absolute;
	left: 50%;
	top: -25%;
	transform: translateX(-50%);
}
#banner-top a.scroll-down > strong {
	position: absolute;
	top: 0;
	left: 50%;
	width: 24px;
	height: 24px;
	margin-left: -12px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-animation: sdb05 1.5s infinite;
	animation: sdb05 1.5s infinite;
	box-sizing: border-box;
	text-indent: -999px;
	overflow: hidden;
}
@-webkit-keyframes sdb05 {
 0% {
 -webkit-transform: rotate(-45deg) translate(0, 0);
 opacity: 0;
}
 50% {
 opacity: 1;
}
 100% {
 -webkit-transform: rotate(-45deg) translate(-20px, 20px);
 opacity: 0;
}
}
@keyframes sdb05 {
 0% {
 transform: rotate(-45deg) translate(0, 0);
 opacity: 0;
}
 50% {
 opacity: 1;
}
 100% {
 transform: rotate(-45deg) translate(-20px, 20px);
 opacity: 0;
}
}
.morectnt a.showmoretxt {
	display: block;
	position: relative;
}
.morectnt a.showmoretxt:before {
	content: ' ';
	width: 140px;
	border-bottom: 1px solid #f2f2f2;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: -1;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.morectnt a.showmoretxt, .morectnt a.showmoretxt i, .morectnt a.showmoretxt:hover, .morectnt a.showmoretxt:hover i {
	color: #3D4350;
	text-decoration: none;
	border: 5px solid #fff;
	font-size: 20px;
}
.morectnt > span {
	display: none;
}
.max-80 {
	max-width: 80%;
}
.theme_1.wpcf7-form input.error, .theme_1.wpcf7-form select.error, .theme_1.wpcf7-form textarea.error {
	border: none!important;
}
.mission {
	background-image: linear-gradient(-45deg, #CEE6A8 0%, #3EC294 100%);
	padding: 5% 10%;
	text-align: center;
	text-transform: uppercase;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}
.mission h1 {
	font-size: 40px;
	line-height: 1.2;
	margin: 0;
	color: #fff;
}
.mission h3 {
	font-family: 'Raleway';
	font-size: 18px;
	font-weight: normal;
	color: #fff;
}
@media(max-width:767px) {
.mission {
	padding: 10%;
}
.mission h1 {
	font-size: 8vmin;
}
}
#about {
	padding: 0!important;
}
.text-banner {
	padding-top: 60px;
	padding-bottom: 60px;
}
#about .row-item {
/*margin: 0 0 50px;*/
}
.our-unique {
	text-align: center;
}
.salient-features .text {
	font-family: 'RubikBold';
	text-align: center;
	font-size: 24px;
	line-height: 1.1;
	font-weight: normal;
	margin: 0 0 50px;
}
@media(max-width:767px) {
.text-banner {
	padding-top: 30px;
	padding-bottom: 30px;
}
}
.delay-250 {
	-webkit-animation-delay: 0.25s;
	-moz-animation-delay: 0.25s;
	-o-animation-delay: 0.25s;
	animation-delay: 0.25s;
}
.delay-300 {
	-webkit-animation-delay: 0.3s;
	-moz-animation-delay: 0.3s;
	-o-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
.delay-350 {
	-webkit-animation-delay: 0.35s;
	-moz-animation-delay: 0.35s;
	-o-animation-delay: 0.35s;
	animation-delay: 0.35s;
}
.delay-400 {
	-webkit-animation-delay: 0.40s;
	-moz-animation-delay: 0.40s;
	-o-animation-delay: 0.40s;
	animation-delay: 0.40s;
}
.delay-450 {
	-webkit-animation-delay: 0.45s;
	-moz-animation-delay: 0.45s;
	-o-animation-delay: 0.45s;
	animation-delay: 0.45s;
}
.delay-500 {
	-webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
	-o-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
.delay-550 {
	-webkit-animation-delay: 0.55s;
	-moz-animation-delay: 0.55s;
	-o-animation-delay: 0.55s;
	animation-delay: 0.55s;
}
.delay-650 {
	-webkit-animation-delay: 0.65s;
	-moz-animation-delay: 0.65s;
	-o-animation-delay: 0.65s;
	animation-delay: 0.65s;
}
.delay-750 {
	-webkit-animation-delay: 0.75s;
	-moz-animation-delay: 0.75s;
	-o-animation-delay: 0.75s;
	animation-delay: 0.75s;
}
.animate {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.fadeInUp {
	opacity: 0;
	-webkit-transform: translateY(400px);
	transform: translateY(400px);
}
.features-visible .fadeInUp, .animate-it .fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	opacity: 1;
}
@-webkit-keyframes fadeIn {
 0% {
opacity: 0;
}
 100% {
opacity: 1;
 display:block;
}
}
@keyframes fadeIn {
 0% {
opacity: 0;
}
 100% {
opacity: 1;
 display:block;
}
}
.fadeIn {
	opacity: 0;
}
.fadeIn.animate {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
 0% {
 opacity: 0;
 -webkit-transform: translateY(100px);
}
 50% {
 opacity: 0.3;
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
}
}
@keyframes fadeInUp {
 0% {
 opacity: 0;
 transform: translateY(100px);
}
 50% {
 opacity: 0.3;
}
 100% {
 opacity: 1;
 transform: translateY(0);
}
}
.our-features, .our-unique h3 {
	font-size: 24px;
	text-align: center;
	font-family: 'Kaushan Script', cursive;
}
.our-features .text {
	max-width: 80%;
	margin: 0 auto;
	padding: 50px 0;
	position: relative;
	z-index: 1;/*background-image: linear-gradient(-45deg, #9277D1 0%, #FAA7E3 100%);*//*background: -webkit-linear-gradient(#9277D1, #FAA7E3);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;*/
}
body {
	padding-top: 100px;
}
body.page-template-homepage {
	padding-top: 0;
}
.navbar, .scrolling .navbar, .page-template-homepage .scrolling .navbar {
	background: #FFF;
	box-shadow: 0 0 20px 0 rgba(115,153,230,0.14);
}
.page-template-homepage .navbar {
	background: transparent;
	box-shadow: none;
}
.page-template-innerpage .navbar .navbar-nav .nav-link, .page-template-contact .navbar .navbar-nav .nav-link {
	color: #3D4350;
}
@media(max-width:767px) {
body {
	padding-top: 30px;
}
body.page-template-homepage {
	padding-top: 0;
}
}
.salient-features .row .row div[class*="col-"] {
	padding-top: 50px;
	padding-bottom: 50px;
}
@media(max-width:767px) {
.salient-features {
	text-align: center!important;
}
.salient-features .row .row div[class*="col-"] {
	padding-top: 25px;
	padding-bottom: 25px;
}
.salient-features img {
	max-width: 50%;
}
}
.section-best {
/*display:none;*/
}
#client-list {
	margin: 0 0 50px;
}
#client-list ul {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-align:center;
}
#client-list ul li {
	/*float: left;*/
	border-right: 1px solid #D1E5EE;
	border-left: 1px solid #D1E5EE;
	width: 20%;
	text-align: center;
	position: relative;
	height: 100px;
	margin: 0 0 50px -1px;
	display:inline-block;
}
#client-list ul li img {
	max-width: 80%;
	transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
}

#client-list ul li:hover img {
	opacity: 0.8;
	transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
}
#client-list ul li:first-child {
	border-left: none;
}
#client-list ul li:nth-child(5n) {
	border-right: none;
}
#client-list ul li::before {
	content: " ";
	display: inline-block;
	height: 100%;
	width: 1%;
	vertical-align: middle;
}

#client-list ul li
@media(max-width:991px) {
#client-list ul li {
/*width:33.33%;*/
}
}
@media(max-width:767px) {
#client-list ul li {
	width: 50%;
	border-left:none;
	margin-bottom:30px;
}
#client-list ul li:last-child,#client-list ul li:nth-child(5n) {
	border-right: 1px solid #D1E5EE;
}
#client-list ul li:nth-child(2n) {
	border-right: none!important;
}
}
@media(max-width:480px) {
#client-list ul li {
	width: 80%;
	border-right: none!important;
	border-bottom: 1px solid #D1E5EE;
	margin: 0 auto;
	display: block;
	float: none;
	height: 150px;
}
#client-list ul li:last-child {
	border-bottom: none;
	border-right: none!important;
}
}
#a-3 {
	padding-top: 50px;
}
.wtii-clock-container {
	padding: 70px 0 0;
}
.contact-details {
	display: table-cell;
	vertical-align: middle;
}
.contact-info {
	padding: 0 0 20px;
	text-align: center;
	display: table;
	width: 100%;/*height:100vh;*/
}
.contact-details .clock {
	margin-bottom: 30px;
}
.contact-details a {
	font-size: 16px;
	line-height: 1.6;
	font-weight: 700;
	color: #50bc91!important;
}
#main {
	min-height: 100vh;
	position: relative;
}
#footer {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 9;
	width: 100%;
}
@media(max-width:767px) {
.contact-info {
	padding: 0 0 20px;
}
.wtii-clock-container {
	padding: 100px 0 0;
}
}
/* Loading Screen */
@-webkit-keyframes up {
 0%, 100% {
 transform: rotate(0);
}
 50% {
 transform: rotate(-30deg);
}
}
@-moz-keyframes up {
 0%, 100% {
 transform: rotate(0);
}
 50% {
 transform: rotate(-30deg);
}
}
@-o-keyframes up {
 0%, 100% {
 transform: rotate(0);
}
 50% {
 transform: rotate(-30deg);
}
}
@keyframes up {
 0%, 100% {
 transform: rotate(0);
}
 50% {
 transform: rotate(-30deg);
}
}
@-webkit-keyframes down {
 0%, 100% {
 transform: rotate(0);
}
 50% {
 transform: rotate(30deg);
}
}
@-moz-keyframes down {
 0%, 100% {
 transform: rotate(0);
}
 50% {
 transform: rotate(30deg);
}
}
@-o-keyframes down {
 0%, 100% {
 transform: rotate(0);
}
 50% {
 transform: rotate(30deg);
}
}
@keyframes down {
 0%, 100% {
 transform: rotate(0);
}
 50% {
 transform: rotate(30deg);
}
}
@-webkit-keyframes r-to-l {
 100% {
 margin-left: -1px;
}
}
@-moz-keyframes r-to-l {
 100% {
 margin-left: -1px;
}
}
@-o-keyframes r-to-l {
 100% {
 margin-left: -1px;
}
}
@keyframes r-to-l {
 100% {
 margin-left: -1px;
}
}
.loading-overlay {
	/*background: #f5f5f5;*/
	background-image: radial-gradient(100% 100%, #FAA891 0%, #FF7075 100%);
	overflow: hidden;
	margin: 0;
	position: fixed;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 9999;
}
body .pacman:before, body .pacman:after {
	content: '';
	position: absolute;
	/*background: #ffaf3d;*/
	background: #fff;
	width: 100px;
	height: 50px;
	left: 50%;
	top: 50%;
	margin-left: -50px;
	margin-top: -50px;
	border-radius: 50px 50px 0 0;
	-webkit-animation: up 0.4s infinite;
	-moz-animation: up 0.4s infinite;
	-o-animation: up 0.4s infinite;
	animation: up 0.4s infinite;
}
body .pacman:after {
	margin-top: -1px;
	border-radius: 0 0 50px 50px;
	-webkit-animation: down 0.4s infinite;
	-moz-animation: down 0.4s infinite;
	-o-animation: down 0.4s infinite;
	animation: down 0.4s infinite;
}
body .dot {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	margin-left: 30px;
	border-radius: 50%;
	/*background: #ccc;*/
	background: #fff;
	z-index: -1;
	box-shadow: 30px 0 0 #fff, 60px 0 0 #fff, 90px 0 0 #fff, 120px 0 0 #fff, 150px 0 0 #fff;
	-webkit-animation: r-to-l 0.4s infinite;
	-moz-animation: r-to-l 0.4s infinite;
	-o-animation: r-to-l 0.4s infinite;
	animation: r-to-l 0.4s infinite;
}
.wtii-clock-circle {
	border-color: #4791d6!important;
}
.wtii-clock-container.what_time_is_it-2 .wtii-clock-face::after {
	background: #f1696d!important;
}
.wtii-clock-second {
	background: rgb(241, 105, 109)!important;
}
.career-template-default {
	padding-top: 58px;
}
.jumbotron-single > div {
	min-height: 50vmin;
	/*min-height: 150px;*/
	text-align: center;
	padding-top: 40px;
	padding-bottom: 40px;
}
.jumbotron-single .title {
	font-size: 40px;
	color: #FFFFFF;
	letter-spacing: 0;
	text-align: center;
	line-height: 1.2;
	text-transform: uppercase;
}
.jumbotron-single p {
	font-size: 18px;
	color: #FFF;
	text-align: center;
	line-height: 30px;
	margin-bottom: 40px;
}
.jumbotron-single .go-back {
	/* Back to Careers: */
	font-family: 'RubikRegular';
	font-size: 14px;
	color: #FFF;
	letter-spacing: 2px;
	line-height: 20px;
	text-transform: uppercase;
}
@media(max-width:767px) {
.jumbotron-single .title {
	font-size: 7.5vmin;
}
.jumbotron-single > div {
	padding: 63px 0;
}
}
.career-detail p, .career-detail ul, .career-detail ol {
	font-family: 'Raleway';
	font-size: 18px;
	color: #3D4350;
	line-height: 30px;
}
.career-detail h3 {
	font-family: 'RubikBold';
	font-size: 18px;
	color: #3D4350;
	margin: 0 0 30px;
}
.career-detail p +h3 {
	margin-top: 40px;
}
.career-detail {
	padding: 50px 0;
}
.career-detail ul {
	list-style: none;
	margin: 0 0 20px;
	padding: 0;
}
.career-detail ul li {
	background: url(img/dot.png) no-repeat 0 10px;
	margin: 0;
	padding: 0 0 25px 50px;
}
.career-timeline ul {
	list-style: none;
	margin: 0;
	padding: 20px 0 70px;
}
.career-timeline ul li {
	padding: 0 0 30px 40px;
	position: relative;
	color: rgba(0, 0, 0, 0.7);
	border-left: 1px solid #E8E8E8;
}
.career-timeline ul li::before {
	content: ' ';
	background: #3D83F0;
	width: 14px;
	height: 14px;
	display: block;
	top: 0;
	position: absolute;
	left: -7px;
	border-radius: 50%;
}
.career-timeline ul li::after {
	width: 28px;
	height: 28px;
	display: block;
	top: -7px;
	position: absolute;
	left: -14px;
	border-radius: 50%;
	content: '';
	border: 7px solid rgba(61, 131, 240, 0.3);
}
.career-timeline ul li:last-child {
	border: none;
}
.career-timeline h3 {
	font-family: 'RubikRegular';
	font-size: 14px;
	color: #3D83F0;
	letter-spacing: 4px;
	line-height: 18px;
	margin: 0 0 20px;
	text-transform: uppercase;
}
.career-timeline p {
	font-family: 'Raleway';
	font-size: 16px;
	color: #3D4350;
	line-height: 30px;
	margin: 0 0 20px;
}
@media(max-width:767px) {
.career-timeline {
	padding-left: 15px;
	padding-right: 15px;
}
}
.codes {
	padding: 45px;
	margin: 0 0 50px;
	background: #F2F6FA;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}
.codes h3 {
	font-family: 'RubikBold';
	font-size: 20px;
	color: #3D83F0;
	letter-spacing: 0;
	line-height: 20px;
}
.codes ol, .codes ul {
	font-family: 'RubikBold';
	font-size: 14px;
	color: #3D83F0;
	line-height: 48px;
	margin: 0 0 0 25px;
	padding: 12px 0 0;
}
.codes ol {
	list-style-type: decimal-leading-zero;
}
.codes li {
	/*font-family: 'Raleway';
	font-size: 16px;
	color: #3D4350;
	line-height: 48px;*/
	padding-top: 0;
	padding-bottom: 25px;
	padding-left: 15px;
	line-height: 1.5;
}
.codes li span {
	font-family: 'Raleway';
	font-size: 16px;
	color: #3D4350;
}
@media(max-width:767px) {
.codes {
	padding: 35px;
	margin: 0 0 30px;
}
}
.purple-banner, .purple-page .jumbotron-single, .jumbotron-single {
	background-image: linear-gradient(to right, #9277D1, #FAA7E3);
}
.red-banner, .red-page .jumbotron-single {
	background-image: linear-gradient(to right, #FF7075, #FAA891);
}
.blue-banner, .blue-page .jumbotron-single {
	background-image: linear-gradient(to right, #328CE6, #73D9D4);
}
.green-banner, .green-page .jumbotron-single {
	background-image: linear-gradient(to right, #3EC294, #CEE6A8);
}
.yellow-banner, .yellow-page .jumbotron-single {
	background-image: linear-gradient(to right, #FFB433, #FFEA73);
}
.purple-page .navbar-brand {
	background: url(img/logo-purple.png) no-repeat 0 0;
	background-size: contain;
	-webkit-background-size: contain;
}
.red-page .navbar-brand {
	background: url(img/logo-red.png) no-repeat 0 0;
	background-size: contain;
	-webkit-background-size: contain;
}
.blue-page .navbar-brand {
	background: url(img/logo-blue.png) no-repeat 0 0;
	background-size: contain;
	-webkit-background-size: contain;
}
.green-page .navbar-brand {
	background: url(img/logo-green.png) no-repeat 0 0;
	background-size: contain;
	-webkit-background-size: contain;
}
.yellow-page .navbar-brand {
	background: url(img/logo-yellow.png) no-repeat 0 0;
	background-size: contain;
	-webkit-background-size: contain;
}
.openings {
	margin: 0 0 120px;
}
.job-post {
	position: relative;
	padding: 45px;
	margin: 0 0 75px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}
.job-post h3 {
	font-family: 'RubikBold';
	font-size: 32px;
	color: #FFFFFF;
}
.job-post p {
	font-family: 'Raleway';
	font-size: 16px;
	color: #FFFFFF;
	line-height: 30px;
	margin: 0;
}
.job-post .view {
	text-align: left;
	padding: 30px 30px;
	position: absolute;
	right: 30px;
	bottom: -40px;
	width: 120px;
	height: 120px;
	font-family: 'RubikBold';
	font-size: 14px;
	color: #3D83F0;
	letter-spacing: 5px;
	line-height: 20px;
	background: #FFFFFF;
	box-shadow: 0 40px 70px 0 rgba(115,153,230,0.14);
}
.job-post .view i {
	margin-top: 10px;
}
.job-post .view:hover {
	transform: scale(1.16);
	-webkit-transform: scale(1.16);
}
@media(max-width:767px) {
.openings {
	margin: 0 0 80px;
}
.job-post {
	padding-bottom: 150px;
}
}
#technology {
	padding-top: 0;
	padding-bottom: 0;
	overflow: hidden;
}
#technology ul {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-align: center;
}
#technology ul li::before {
	content: " ";
	display: inline-block;
	/*height: 100%;*/
	width: 1%;
	vertical-align: middle;
	padding-bottom: 100%;
}
#technology ul li {
	/*float: left;*/
	width: 6%;
	text-align: center;
	position: relative;
	/*height: 100px;*/
	margin: 0 8% 5% 0;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	text-indent: -999px;
	overflow: hidden;
	display: inline-block;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
#technology ul li:last-child {
	margin-right: 0;
}
#technology .html5 {
	background-image: url(https://wowholic.com/wp-content/uploads/2018/05/html5-logo.svg);
	background-size: contain;
}
#technology .css3 {
	background-image: url(https://wowholic.com/wp-content/uploads/2018/05/css3-logo.svg);
	background-size: contain;
}
#technology .js {
	background-image: url(https://wowholic.com/wp-content/uploads/2023/07/js-logo.png);
	background-size: contain;
}
#technology .wordpress {
	background-image: url(https://wowholic.com/wp-content/uploads/2018/05/wordpress-logo.svg);
	background-size: contain;
}
#technology .woocommerce {
	background-image: url(https://wowholic.com/wp-content/uploads/2023/07/woocommerce-original-wordmark.svg);
	background-size: contain;
}
#technology .sass {
	background-image: url(https://wowholic.com/wp-content/uploads/2018/05/sass-logo.svg);
	background-size: contain;
}
#technology .bootstrap {
	background-image: url(https://wowholic.com/wp-content/uploads/2023/07/shopify-logo.svg);
	background-size: contain;
	margin-right: 0;
}
#technology .foundation {
	background-image: url(https://wowholic.com/wp-content/uploads/2023/07/Tailwind_CSS_Logo.svg);
	background-size: contain;
}
#technology .laravel {
	background-image: url(https://wowholic.com/wp-content/uploads/2018/05/laravel-logo.svg);
	background-size: contain;
}
#technology .symfony {
	background-image: url(https://wowholic.com/wp-content/uploads/2018/05/symfony-logo.svg);
	background-size: contain;
}
#technology .mongodb {
	background-image: url(https://wowholic.com/wp-content/uploads/2018/05/mongodb-logo.svg);
	background-size: contain;
}
#technology .mysql {
	background-image: url(https://wowholic.com/wp-content/uploads/2018/05/mysql-logo.svg);
	background-size: contain;
}
#technology .jquery {
	background-image: url(https://wowholic.com/wp-content/uploads/2023/07/gsap-logo.svg);
	background-size: contain;
}
#technology .github {
	background-image: url(https://wowholic.com/wp-content/uploads/2018/05/github-logo.svg);
	background-size: contain;
}
/* Buzz */
@-webkit-keyframes buzz {
 50% {
 -webkit-transform: translateX(3px) rotate(2deg);
 transform: translateX(3px) rotate(2deg);
}
 100% {
 -webkit-transform: translateX(-3px) rotate(-2deg);
 transform: translateX(-3px) rotate(-2deg);
}
}
@keyframes buzz {
 50% {
 -webkit-transform: translateX(3px) rotate(2deg);
 transform: translateX(3px) rotate(2deg);
}
 100% {
 -webkit-transform: translateX(-3px) rotate(-2deg);
 transform: translateX(-3px) rotate(-2deg);
}
}
.buzz {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.buzz:hover, .buzz:focus, .buzz:active {
	-webkit-animation-name: buzz;
	animation-name: buzz;
	-webkit-animation-duration: 0.15s;
	animation-duration: 0.15s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
/*@media(max-width:991px){
#technology ul li {
    width: 10%;
    margin: 0 10% 5% 0;
}
}*/
@media(max-width:767px) {
#technology ul li {
	width: 22%;
	margin: 0 20% 10% 0;
}
#technology ul li:nth-child(odd) {
	margin-right: 20%!important;
}
#technology ul li:nth-child(even) {
	margin-right: 0!important;
}
}
#team .member h2 {
	font-family: 'RubikBold';
	font-size: 32px;
	color: #3D4350;
	line-height: 1.2;
	margin: 0 auto;
	font-weight: normal;
	display: inline-block;	
}
#team {
	overflow: hidden;
	padding-bottom: 0;
}
#team .member {
	float: left;
	width: 25%;
	padding: 0 15px;
}
#team .member .profile {
	margin: 0 0 30px;
	background: #ededed;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
#team .member:hover .profile {	
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}
#team .member .designation {
	font-family: 'RubikMedium';
	font-size: 12px;
	color: #fff;
	letter-spacing: 3px;
	text-align: center;
	line-height: 20px;
	margin:10px 0 15px;
	padding: 4px 5px;
	display: block;
	white-space: nowrap;
	font-weight: normal;
	text-transform: uppercase;
	opacity: 0;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	border-radius: 4px;
	-webkit-border-radius: 4px;
}
#team .member:hover .designation {
	opacity: 1;
}
#team .member:first-child .designation, #team .member:first-child:hover .profile {
	background-image: linear-gradient(to right, #3EC294, #CEE6A8);
}
#team .member:nth-child(2) .designation, #team .member:nth-child(2):hover .profile {
	background-image: linear-gradient(to right, #328CE6, #73D9D4);
}
#team .member:nth-child(3) .designation, #team .member:nth-child(3):hover .profile {
	background-image: linear-gradient(to right, #FF7075, #FAA891);
}
#team .member:nth-child(4) .designation, #team .member:nth-child(4):hover .profile {
	background-image: linear-gradient(to right, #9277D1, #FAA7E3);
}
#team .member h2 {
	overflow: hidden;
	white-space: nowrap;	
	letter-spacing: .15em;
}
.typewriter{
	width:0;
}
.start-typing .typewriter {
	border-right: none;	
	animation: typing 3.5s steps(30, end), blink-caret .5s step-end infinite;
	width:auto;
}
/* The typing effect */
@keyframes typing {
 from {
width: 0
}
to {
	width: 100%;
}
}

/* The typewriter cursor effect */
@keyframes blink-caret {
 from, to {
border-color: transparent
}
 50% {
border-color: white;
}
}

@media(max-width:991px) {
#team .member {
	width: 50%;
	margin-bottom: 25px;
}
}
@media(max-width:767px) {
#team .member .profile {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}
#team .member:first-child .profile {
	background-image: linear-gradient(to right, #3EC294, #CEE6A8);
}
#team .member:nth-child(2) .profile {
	background-image: linear-gradient(to right, #328CE6, #73D9D4);
}
#team .member:nth-child(3) .profile {
	background-image: linear-gradient(to right, #FF7075, #FAA891);
}
#team .member:nth-child(4) .profile {
	background-image: linear-gradient(to right, #9277D1, #FAA7E3);
}
#team .member h2 {
	font-size: 5vmin;
	margin: 10px auto 5px;
}
#team .member .designation {
	opacity: 1;
}
}
@media(max-width:480px) {
#team .member {
	width: 100%;
}
}
.feedback .confirm-policy{
padding:25px 0 0;
}
.confirm-policy .invalid-feedback{
text-align:center!important;
}
.feedback input[type=checkbox]{
margin: -4px 5px 0 0;
vertical-align: middle;
position:relative;
display:inline;
}
.feedback .confirm-policy .form-check-label{
visibility:visible;
position:relative;
text-align:center;
display:inline;
padding:0;
}
.cookies-info{
background:rgba(0,0,0,.6);
position:absolute;
left:0;
bottom:0;
width:100%;
height:auto;
padding: 30px 35px;
}
.cookies-info p{
font-size:12px;
color:#fff;
}
@media(max-width:767px){
.cookies-info{
padding:20px 25px;
}
}
.section-info{
padding:80px 0;
}
.has-cookie-bar #catapult-cookie-bar{
opacity:.9!important;
}
.ctcc-more-info-link{
font-weight:bold;
}
@media(max-width:360px){
.cookie-bar-bar button#catapultCookie {
    padding: 5px 10px;
	letter-spacing:0;
}
.has-cookie-bar #catapult-cookie-bar{
font-size:4vmin;
}
}