@font-face {
    font-family: 'gothic';
    src: url('../fonts/CenturyGothic.eot');
    src: url('../fonts/CenturyGothic.eot') format('embedded-opentype'),
         url('../fonts/CenturyGothic.woff2') format('woff2'),
         url('../fonts/CenturyGothic.woff') format('woff'),
         url('../fonts/CenturyGothic.ttf') format('truetype'),
         url('../fonts/CenturyGothic.svg#CenturyGothic') format('svg');
}

.formContainer button#submit {
  font-family: agenor;
  text-transform: uppercase;
  padding: 7px 40px;
  background: #74CFC7;
  border: 1px solid #74CFC7;
  font-size: 20px;
}
.innerHead
{
	background:url("/images/main/inheadbg.webp") no-repeat 50% 0;
	height:273px;
	border-bottom: 34px solid #f6f9f9;
}
.inner-top-wee-light-gray {
  height: 11vw;
  overflow: hidden;
  text-align: right;
  padding-right: 100px;
  box-sizing: border-box;
  position: relative;
}
.inner-top-wee-light-gray img {
  width: 28vw;
  transform: translate(0,calc(-2vw - 12px));
  height: initial;
}
.packpage #yoo-zoo .items .pos-media img:nth-child(3) {
  display: none;
}
.price_bottom.container.text-center.align-items-center .col a.agefont {
  cursor: pointer;
}
.characterpage #yoo-zoo .items div.pos-description .element-image {
  display: none !important;
}
.pagetitle {
  position: absolute;
  top: 0;
  left: 0;
  height: 3vw;
  margin-top: 3vw;
}
.pagetitle p:first-child{
	background:url("/images/main/dots2.svg") no-repeat 0 0;
	padding-left: 9vw;
	height: 1.2vw;
}
.pagetitle p
{
	font-family: agenor;
	text-transform: uppercase;
	font-size: 1.2vw;
	line-height: 1.2vw;
	color: #59595b;
	text-align: left;
	margin-bottom: 0.2vw;
}
.brand-identity-samples .element.element-itemname
{
    width:60vw;
    margin-left: auto !important;
    margin-right: auto !important;
}
.brand-identity-samples #yoo-zoo .item .element-textarea p ,
.brand-identity-samples #yoo-zoo .item .element-textarea ul
{
  margin-top: 10px;
  margin-bottom: 15px;
}
.cattitle {
  float: right;
  margin-top: 136px;
  width: 27vw;
  height: 3vw;
}
.cattitle .mod-custom
{
	/*background:url("/images/main/cattitlebg.webp") no-repeat 100% 100%;*/
	height: 2.2vw;
	border-bottom: 1px solid #75cfc7;
}

.cattitle p{
  font-family: agenor;
  text-transform: uppercase;
  font-size: 2vw;
  line-height: 2vw;
  color: #74cfc7;

  text-align: left;
}
.cattitle h1 {
  font-family: agenor;
  text-transform: uppercase;
  font-size: 2vw;
  line-height: 2vw;
  color: #74cfc7;
  margin: 0.2vw;
  text-align: left;
}

.pagetitle p:last-child {
  padding-left: 10.5vw;
}

#yoo-zoo .items .row {
  padding: 0 !important;
  border:none !important;
  margin-bottom: 6vw;
}

#yoo-zoo .items .row .teaser-item {
  padding: 0;
  position: relative;
}

#yoo-zoo .items .row .teaser-item .pos-media {
  margin: 0;
}

#yoo-zoo .items div.pos-description .element.element-select {
  display: none;
}


.launchpage #yoo-zoo .item {
	background: none;
}

#yoo-zoo .item div.box-1 {
  background: none;
  border: none;
  padding: 0;
}


#yoo-zoo .item {
  position: relative;
  z-index: 1;
  background: url('/images/main/backtexture.webp') no-repeat 0 -0.8vw;	
}

#yoo-zoo .item div.media-right {
  margin: 0;
}
#yoo-zoo .item div.pos-description {
  display: inline-block;
  margin-top: 6vw;
  width: 100%;
  margin-bottom: 6vw;
}
#yoo-zoo .item div.pos-description .element.element-image.first .titledivv
{
	background: url("/images/main/dots.svg") repeat-x 0 50%;
	width: 25vw;
	
} 
#yoo-zoo .item div.pos-description .element.element-image.last .titledivv
{
	background: url("/images/main/dots.svg") repeat-x 0 50%;
	width: 28vw;
	float: right;
  height: 0.9vw;
  margin-bottom: 1vw;

	
} 
#yoo-zoo .item div.pos-description .element.element-image.first .titledivv h3
{
	font-family:agenor;
	color:#59595b;
	background: url("/images/main/arrow.svg") no-repeat 100% 40% #fff;
	background-size: 0.7vw;
	margin-bottom: 1vw;
	margin-left: 15vw;
	padding: 0 0 0 1vw;
	text-transform: uppercase;
	font-size: 0.95vw;
	line-height: 1vw;
	width: 10vw;
}
#yoo-zoo .item div.pos-description .element.element-image.last .titledivv h3
{
	font-family:agenor;
	color:#59595b;
	background: url("/images/main/arrow.svg") no-repeat 0% 40% #fff;
	background-size: 0.7vw;
	margin-bottom: 1vw;
	margin-right: 15vw;
	padding: 0 0 0 2vw;
	text-transform: uppercase;
	font-size: 0.95vw;
	line-height: 1vw;
	width: 10vw;
}
#yoo-zoo .item div.pos-description .element.element-image.first img{
	border: 1px solid #777;
	float:right;
}
#yoo-zoo .item div.pos-description .element.element-image.last img{
	border: 1px solid #777;
	float: left;
	margin-left: calc(-3vw + 3px);
}
#yoo-zoo .item div.pos-description .element.element-image.first {
  width: calc(45vw - 11px);
  float: left;
}
#yoo-zoo .item div.pos-description .element.element-image.last {
  width: calc(45vw - 11px);
  float: right;
  margin-top: 14vw;
}

#yoo-zoo .item div.pos-description2 {
  display: inline-block;
  margin-bottom: 2vw;
  width: 100% !important;
}

#yoo-zoo .item div.pos-description2 .titledivv
{
	background: url("/images/main/dots.svg") repeat-x 0 50%;
	width: 50vw;
	
}
#yoo-zoo .item div.pos-description2 .titledivv h3
{
	font-family:agenor;
	color:#59595b;
	background: url("/images/main/arrow.svg") no-repeat 100% 40% #fff;
	background-size: 0.7vw;
	margin-bottom: 1vw;
	margin-left: 40vw;
	padding: 0 0 0 1vw;
	text-transform: uppercase;
	font-size: 0.95vw;
	line-height: 1vw;
	width: 10vw;
}
#yoo-zoo .item div.pos-description2 .zoo-gallery-wall {
  text-align: center;
  padding-top: 1vw;
  display: inherit !important;
}

#yoo-zoo .item div.pos-description2 .zoo-gallery-wall span {
  float: none;
  display: inline-table;
  width:22px;
  height:3px;
  background:#d6d6d6;
}
#yoo-zoo .item div.pos-description2 .zoo-gallery-wall span.active
{
	background:#00a9b5;
}
#yoo-zoo .item div.pos-description2 .zoo-gallery-wall span img
{
	display:none;
	
}

#yoo-zoo .item .pos-description2 .zoo-gallery, 
#yoo-zoo .item .pos-description2 .zoo-gallery ul, 
#yoo-zoo .item .pos-description2 .zoo-gallery ul li {
  width: 100% !important;
}
#yoo-zoo .item div.pos-description3 .element.element-gallery.first.last {
  width: calc(60vw - 34px);
  margin: auto;
}

#yoo-zoo .item div.pos-specification .zoo-gallery-wall {
  display: none;
}
#yoo-zoo .item div.pos-description3 {
  margin-bottom: 3vw;
}

#yoo-zoo .item div.pos-bottom {
  width: calc(51vw - 32px);
  margin: auto auto 3vw;
}
#yoo-zoo .item div.pos-specification ul, #yoo-zoo .item div.pos-specification ul li {
  height: 31vw !important;
  width: 100% !important;
}

#yoo-zoo .item div.pos-description3 .element.element-gallery.first.last .zoo-gallery-wall a.thumb {
  width: calc(50% - 15px);
}
#yoo-zoo .item div.pos-bottom .zoo-gallery-wall a.thumb {
  width: calc(33.3% - 15px);
}

#yoo-zoo .item .pos-content .element-textarea > p {
  width: 60vw;
  margin: auto;
  font-family: gadugi;
  color: #666;
  font-weight: normal;
  text-align: justify;
}
#yoo-zoo .item .pos-content .element-textarea.first p {
  color: #51b2a9;
}

.aboutus #yoo-zoo .item .pos-content .element-textarea.first p {
  color: #848484;
  font-size: 1vw;
  margin: 0;
    
}
.aboutus-toptop-heading-text {
  text-align: center;
}
#aboutmiddle{
	position:relative;
	width: 100%;
	height: 36vw;
}
#aboutbg1
{
	background:url("/images/main/weemind-logo-stroke.svg") no-repeat 0 0;
	position:absolute;
	
	left: -11.5vw;
	top: 0;
	width: 25vw;
	height: 25vw;
}
#aboutbg2 {
	position: absolute;
	width: 36vw;
	left: 19vw;
    top: 3vw;
}
#aboutbg2 > div .aboutus-toptop-heading-text {
  font-size: 4vw !important;
  width: auto;
  line-height: 4vw !important;
  color: #75CFC7 !important;
  margin-bottom: 20px !important;
}
#aboutbg2 > div .aboutus-toptop-heading-text img {
  width: 24vw;
}


#aboutbg2 > p {
  font-family: agenor !important;
  color: #59595b !important;
  text-transform: uppercase;
  font-size: 2.3vw;
  line-height: 2.3vw;
  position: absolute;
  top: 50%;
  transform: translateY(-80%);
  left: -3vw;
  width: auto !important;
}

#aboutbg3
{
	background:url("/images/main/aboutimg.webp") no-repeat 0 0;
	position: absolute;
	right: 0;
	top: 2vw;
	width: 39vw;
	height: 20vw;
	background-size: cover;
}
.wmteam
{
	width:100%;
	margin:100px auto auto !important;
	height: 5vw;
}
.wmteamIn {
  background: url("/images/main/dots.svg") repeat-x 0% 50%;
  width: 31vw;
  height: 1.5vw;
  float: right;
  margin-top: 2.5vw !important;
}
.wmteamIn2{
	background: url("/images/main/WeeMind-logo-circle.svg") no-repeat 50% 0;
	width: 35vw;
	height: 6.5vw;
	margin: auto !important;
}
.wmteamtext span
{
	color: #51b2a9 !important;
}
.wmteamtext {
  text-align: center;
  font-family: agenor;
  color: #59595b;
  text-transform: uppercase;
  font-size: 1.5vw;
  width: 19vw;
  margin: 3vw auto 3vw !important;
  line-height: 1.5vw;
}
.wmbottomsection{
	width:100%;
	border-bottom: 5px solid #fff;
}
.blogpage #yoo-zoo .item 
{
	background:none !important;
}

.webpage #yoo-zoo .items .row:nth-child(2n+1) div.media-left {
  float: none !important;
  margin: 0 !important;
  text-align: right;
}
.webpage #yoo-zoo .items .row:nth-child(2n) div.media-left {
  float: none !important;
  margin: 0 !important;
  text-align: left;
}
.webpage #yoo-zoo .items .row .teaser-item .teaserdesc
{
	width:auto !important;
	position:static;
	transform:none;
}

.webpage #yoo-zoo .items h2.pos-title a::before {
	content:"";
}


.webpage #yoo-zoo .items .row .teaser-item,
.webpage #yoo-zoo .row,
.webpage #yoo-zoo div.box-1
{
	overflow:visible;
}

.webpage #yoo-zoo .items h2.pos-title {
  background: none;
  position: absolute;
  top: -1.4vw;
  left: 6.2vw;
  text-transform: uppercase;
}
.webpage #yoo-zoo .items h2.pos-title a {
  font-size: 2.5vw;
  text-transform: uppercase;
  font-family: agenor;
  
}
.webpage #yoo-zoo .items .row .pos-media span {
  display: none;
}

.webpage #yoo-zoo .items div.pos-description {
  width: 50vw;
  margin: auto;
}

.webpage #yoo-zoo .items div.pos-description .element.element-textarea p {
  min-height: 4.2vw;
  overflow: hidden;
  text-align: center;
  font-size: .8vw;
  line-height: 1.2vw;
  color: #888;
} 
.webpage #yoo-zoo .items p.pos-links
{
	margin-top: 1vw;
	width: 21vw;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	transition : 			all 0.3s ease-in-out 0s;
	-o-transition : 		all 0.3s ease-in-out 0s;
	-moz-transition : 		all 0.3s ease-in-out 0s;
	-webkit-transition : 	all 0.3s ease-in-out 0s;
}
.webpage #yoo-zoo .items p.pos-links a::after {
	content:none;
}
.webpage #yoo-zoo .items p.pos-links a {
  font-family: gadugi;
  text-transform: uppercase;
  font-size: 0.8vw;
  background: #f26622;
  border: 1px solid #f26622;
  color: #fff;
  padding: .3vw;
  text-decoration:none;
  transition : 			all 0.3s ease-in-out 0s;
  -o-transition : 		all 0.3s ease-in-out 0s;
  -moz-transition : 	all 0.3s ease-in-out 0s;
  -webkit-transition : 	all 0.3s ease-in-out 0s;
}
.webpage #yoo-zoo .items .width100:hover p.pos-links{
	transform: 			translate(0.5vw,0);
	-o-transform: 		translate(0.5vw,0);
	-moz-transform: 	translate(0.5vw,0);
	-webkit-transform: 	translate(0.5vw,0);
}
.webpage #yoo-zoo .items .width100:hover p.pos-links a
{
	background:#59595b;
	border:1px solid #59595b;
	transform: 			translate(1vw,0);
	-o-transform: 		translate(1vw,0);
	-moz-transform: 	translate(1vw,0);
	-webkit-transform: 	translate(1vw,0);
}

.webpage #yoo-zoo .item{
	background:none !important;
}

.webpage #yoo-zoo .item .titleDiv{
	height: 2vw;
	width: calc(100% - 13vw);
	border-bottom: 1px solid #000;
	float: right;
	text-align: left;
	margin-bottom: 1vw;
}
.webpage #yoo-zoo .item h1.pos-title {
	font-family: agenor;
	text-transform: uppercase;
	font-size: 2vw;
	height: 2vw;
	line-height: 2.8vw;
	color: #000;
	
	width: fit-content;
	background: #fff;
}
.webpage .backfull
{
	background: url("/images/main/weemind-logo-stroke.svg") no-repeat 0 0;
	position: absolute;
	top: 50%;
	width: 25vw;
	height: 25vw;
	transform: 			translateY(-160%);
	-o-transform: 		translateY(-160%);
	-moz-transform: 	translateY(-160%);
	-webkit-transform: 	translateY(-160%);
	z-index: 0;
	left: -11.5vw;
}

.webpage #yoo-zoo .floatbox {
  position: relative;
  z-index: 1;
}

.webpage #yoo-zoo .item div.pos-description .element.element-image.first .imgMask {
  float: none;
  background: url("/images/main/desktopbg.webp") no-repeat 0 0;
    background-size: auto;
  width: 80vw;
  height: 52.14vw;
  text-align: center;
  background-size: contain;
  position: absolute;
  left: 50%;
  transform: translateX(-45%);
  -o-transform: translateX(-45%);
  -moz-transform: translateX(-45%);
  -webkit-transform: translateX(-45%);
  z-index: 2;
  top: 2.75vw;
}

.webpage #yoo-zoo .item div.pos-description2 .element-textarea * {
  color: #000;
  font-size: 0.85vw;
  line-height: 1.3vw;
}

.webpage #yoo-zoo .item div.pos-description .element.element-image.first img {
	/*
	float: none !important;
	position: absolute;
	left: 50%;
	transform: 			translateX(-42.5%);
	-o-transform: 		translateX(-42.5%);
	-moz-transform: 	translateX(-42.5%);
	-webkit-transform: 	translateX(-42.5%);
	top: 1vw;
	z-index: 1;
	width: 61vw;
	*/
}

.webpage #yoo-zoo .item div.pos-description{
	position: relative;
	height: 64vw;
}
.webpage #yoo-zoo .item div.pos-description .element.element-image.first
{
	float:none;
	width:auto;
	background:url("/images/main/mobArrow.webp") no-repeat 80% 0;
	padding-top: 2vw;
}
.webpage #yoo-zoo .item div.pos-description .element.element-image.last
{
	width: calc(42vw - 438px);
	float: left;
	background:url("/images/main/mobArrow.webp") no-repeat 9% 0;
	padding-top: 2.2vw;
	margin-top: -26vw;
	margin-left: 9vw;
}

.webpage #yoo-zoo .item div.pos-description .element.element-image.last .imgMask
{
	float:none;
	background:url("/images/main/mobilebg.webp") no-repeat 0 0;
	width: 24vw;
	height: 41.7vw;
	text-align: center;
	background-size: cover;
	position: absolute;
	left: 7vw;
	z-index: 4;
	top: 23.2vw;
}
.webpage #yoo-zoo .item div.pos-description .element.element-image.last img {
	/*
	float: none !important;
	position: absolute;
	top: 0;
	z-index: 3;
	width: 19vw;
	border-radius: 1vw;
	margin-left: 0;
	left: 0.3vw;
	*/
}

.webpage #yoo-zoo .item div.pos-description2 .element-text
{
	background:url("/images/main/webtitlebg.webp") no-repeat 50% 0;
	font-family: agenor;
	text-transform: uppercase;
	color: #000;
	padding-top: 5vw;
	font-size: 1.5vw;
	text-align: center;
}
.webpage #yoo-zoo .item div.pos-description2 .element-textarea {
	width: 50vw;
	margin: auto;
}
.webpage #yoo-zoo .item div.pos-description2 .element-textarea p
{
	color:#000;
	text-align: justify;
	font-size: 0.85vw;
	line-height: 1.3vw;
}
#contactmiddle {
  position: relative;
  width: 100%;
  height: 33vw;
  margin-bottom: 4vw !important;
  background: url("/images/main/contactb2.webp") no-repeat 108% 100%;
}

#cbg1 {
  background: url("/images/main/weemind-logo-stroke.svg") no-repeat 0 0;
  /*position: absolute;
  left: -11.5vw;
  top: 0;*/
  width: 25vw;
  height: 25vw;
  z-index: 1;
  margin-left: -7.5vw;
  float: left;
}


#cbg2 
{
  /*position: absolute;
  width: 36vw;
  left: 15vw;
  top: 9.5vw;
  z-index: 1;*/
  width:calc(100% - 23vw);
  float: right;
  background:url("/images/main/contactbg2.webp") no-repeat 5% 0;
  
}
#cbg2 > h3 {
  font-family: agenor !important;
  text-transform: uppercase;
  font-size: 3vw !important;
  line-height: 3vw;
  margin-top: 200px !important;
  color: #74cfc7 !important;
}
#cbg2 > h5 {
  font-family: agenor;
  color: #59595b;
  text-transform: uppercase;
  font-size: 1.3vw;
}
#cbg2In {
  width: 50vw;
  margin-top: 30px !important;
  height: 90px;
}
#cbgLeft {
  width: 46%;
  float: left;
  border-right: 2px solid #74cfc7;
  margin-right: 20px;
}
#cbgLeft a {
  font-family: agenor;
  font-size: 2.5vw;
  color: #59595b;
  line-height: 2.5vw;
  text-decoration: none;
}
#cbgLeft p {
  margin: 0;
    margin-bottom: 0px;
  font-family: agenor;
  text-transform: capitalize;
  color: #59595b !important;
  font-size: 1.8vw;
  line-height: 1.8vw;
}
#cbgRight {
  width: calc(53% - 20px);
  float: right;
  background: url("/images/main/contactWhatsapp.svg") no-repeat 0 50%;
  height: 80px;
  background-size: 10%;
  padding-left: 57px;
}
#cbgRight p {
  font-family: agenor;
  color: #59595b !important;
  font-size: 1vw;
}
#cbg2bottom {
  width: 29%;
  font-family: agenor;
  font-size: 0.8vw;
  color: #59595b !important;
}
#cbg2bottom strong {
  font-weight: normal;
  color: #74cfc7;
}
#cbg3
{
	background:url("/images/main/contact.webp") no-repeat 0 0;
	position:absolute;
	right:0;
	top:0;
	width: 73vw;
	height: 50vw;
	z-index: 0;
}

.formsection {
  width: 59vw;
  float: right;
}
.formsection > div:first-child {
  float: left;
  width: 27vw;
}

.formsection > div:first-child p {
  color: #000 !important;
  width: auto !important;
  font-size: 0.8vw;
  line-height: 1vw;
}
.formsection .coporate {
  width: calc(100% - 27vw);
  float: right;
  height: 3vw;
  background:url("/images/main/arrow.svg") no-repeat 0% 85%;
  background-size: 2%;
}
.formsection .coporate .c1 {
  margin-left: 1vw;
  background: #74cfc7;
  line-height: 2vw;
}
.formsection .coporate .c1 p {
  font-family: agenor !important;
  color: #fff !important;
  padding-left: 10px;
  text-transform: uppercase;
  font-size: 1.4vw;
}
.formsection .c2 {
  margin-top: 3vw !important;
  background: url("/images/main/dots5.svg") no-repeat 100% 40%;
  padding-right: 5vw;
  background-size: 6%;
  margin-bottom: 3vw !important;
}
.formsection .c2 p {
  font-family: agenor !important;
  color: #eee !important;
  text-transform: uppercase;
  font-size: 2.5vw;
  text-align: right !important;
  width: 100% !important;
  padding-right: 4vw;
}

#cbg2 > div.socials {
  background: none;
  position: absolute;
  top: 0;
  left: 0;
}

#cbg2 > div.socials a {
  margin: 0 0.2vw;
}
/*.contact #yoo-zoo .item div.pos-content .element-textarea.first {
  height: 44vw;
}*/
.contact #yoo-zoo .item div.pos-content .element-textarea.last .socials {
	text-align: center;
	width: 100%;
	margin: auto;
	position: relative;
	z-index: 1;
	display: inline-block;
}
.contact #yoo-zoo .item div.pos-content .element-textarea.last .socials a {
  margin: 0 0.2vw;
  display: inline-table;
}

#contactbottom {
  border-bottom: 4px solid #fff;
  height: 48vw;
  margin-bottom: 10px !important;
}

#yoo-zoo .item .element-textarea .rsform {
  width: 54vw;
  margin: auto auto 5vw;
}

.blogpage.contact #yoo-zoo .element-textarea > p {
  margin: 0 !important;
  padding: 0 !important;
}
.contact .formBody {
  margin-bottom: 10px !important;
  margin-top: 0 !important;
}
.contact #rsform_3_page_0 {
  width: 80%;
}
#yoo-zoo .item .element-textarea .rsform input {
	width: 100%;
    border: 1px solid #74cfc7;
    box-shadow: none !important;
    font-family: agenor;
    text-transform: capitalize;
    font-size: 0.74vw;
    font-weight: normal !important;
    color: #888 !important;
    padding: 10px;
    border-radius: 0 !important;
    outline: 0 !important;
}
#yoo-zoo .item .element-textarea .rsform textarea {
	width: 100% !important;
	border: 1px solid #74cfc7;
	box-shadow: none;
	font-family: agenor;
	text-transform: capitalize;
	font-size: 0.74vw;
	font-weight: normal !important;
	color: #666;
	padding: 10px;
	height: 5vw !important;
	overflow: hidden;
	border-radius: 0 !important;
    outline: 0 !important;
}

.contact .form-control::placeholder {
  color: #969697;
  font-weight: normal !important;
}

#yoo-zoo .item .element-textarea .rsform button {
	width: 6vw;
	height: 2vw !important;
	border-radius: 0;
	background: #f26622;
	border: 1px solid #f26622;
	font-family: agenor;
	text-transform: uppercase;
	font-size: 0.9vw;
	text-shadow: none;
	transform:			all 0.5s ease-in-out 0s;
	-o-transform:		all 0.5s ease-in-out 0s;
	-moz-transform:		all 0.5s ease-in-out 0s;
	-webkit-transform:	all 0.5s ease-in-out 0s;
	padding: 0;
}


#yoo-zoo .item .element-textarea .rsform button:hover {
	background: #59595b;
	border: 1px solid #59595b;
}

#yoo-zoo .item .element-textarea .rsform .formRed {
  font-weight: bold !important;
  color: #f00 !important;
  margin-bottom: 15px !important;
}

#yoo-zoo .item .element-textarea .rsform .formError {
  font-family: gadugi !important;
  margin-bottom: 8px !important; 
}
#contactText {
  width: 71vw;
  border-top: 2px solid #74cfc7;
  display: inline-block;
}
#contactText p {
  width: 68%;
  font-family: agenor;
  color: #75cfc7;

  float: right;
  font-size: 0.8vw;
  line-height: 1.2vw;
}
#contactLeft
{
    background:url("/images/main/contactleft2.webp") no-repeat 0 0;
    width: 50%;
    float: left;
    height: 100%;
    background-size: cover;
}
#contactLeft p {
  width: 40%;
  float: right;
  font-family: agenor;
  font-size: 1.5vw;
  line-height: 1.7vw;
  margin-top: 48px;
  margin-right: 2.5vw;
}

#contactRight
{
    background:url("/images/main/contactright2.webp") no-repeat 0 0;
    width: 50%;
    float: right;
    height: 100%;
    background-size: cover;
}
.characterpage .teaserdesc {
  position: absolute;
}


.characterpage #yoo-zoo .items .row:first-child .teaserdesc { 
	width: 23vw;
	right: 18.5vw;
	top: 6.7vw;	
}
.characterpage #yoo-zoo .items .row:nth-child(2) .teaserdesc { 
	top: 50%;
    width: 24vw;
    left: 14vw;
    transform: translateY(-60%);
}
.characterpage #yoo-zoo .items .row:nth-child(3) .teaserdesc {
	top: 50%;
    width: 22vw;
    right: 19vw;
    transform: translateY(-41%);
}

.characterpage #yoo-zoo .items .row:nth-child(4) .teaserdesc {
	top: 50%;
    left: 15vw;
    width: 22vw;
    transform: translateY(-48%);
}
.characterpage #yoo-zoo .items .row:nth-child(5) .teaserdesc {
	top: 50%;
    right: 20.5vw;
    width: 19vw;
    transform: translateY(-37%);
}
.characterpage #yoo-zoo .items .row:nth-child(6) .teaserdesc {
	top: 50%;
    left: 13.5vw;
    width: 25vw;
    transform: translateY(-37%);
}

.characterpage #yoo-zoo .items .row:nth-child(7) .teaserdesc {
  top: 50%;
  right: 18vw;
  width: 24vw;
  transform: translateY(-40%);
}


.characterpage #yoo-zoo .items .row:nth-child(8) .teaserdesc {
	top: 50%;
    left: 13.5vw;
    width: 25vw;
     transform: translateY(-25%);
}

.characterpage #yoo-zoo .items .row:nth-child(9) .teaserdesc {
  top: 7vw;
  right: 18vw;
  width: 24vw;
}
.characterpage #yoo-zoo .items .row:nth-child(10) .teaserdesc {
	top: 50%;
    left: 13.5vw;
    width: 25vw;
    transform: translateY(-45%);
}
.characterpage #yoo-zoo .items .row:nth-child(11) .teaserdesc {
  top: 50%;
  right: 14.5vw;
  width: 31vw;
  transform: translateY(-40%);
}

.characterpage #yoo-zoo .items .row:nth-child(12) .teaserdesc {
	top: 50%;
  left: 14.5vw;
  width: 23vw;
  transform: translateY(-47%);
}
  
 
.characterpage #yoo-zoo .items .row:nth-child(13) .teaserdesc {
	top: 50%;
  right: 16vw;
  width: 28vw;
  transform: translateY(-34%);
}


.characterpage #yoo-zoo .items .row:nth-child(14) .teaserdesc {
	top: 50%;
  left: 14vw;
  width: 24vw;
  transform: translateY(-40%);
}
.characterpage #yoo-zoo .items .row:nth-child(15) .teaserdesc {
	top: 50%;
  right: 16vw;
  width: 28vw;
  transform: translateY(-52%);
}
.characterpage #yoo-zoo .items .row:nth-child(16) .teaserdesc {
	top: 50%;
  left: 19.5vw;
  width: 29vw;
  transform: translateY(-38%);
}


.characterpage #yoo-zoo .items .row:nth-child(17) .teaserdesc {
	top: 15.5vw;
	right: 16vw;
	width: 27vw;
}
.characterpage #yoo-zoo .items .row:nth-child(18) .teaserdesc {
	top: 50%;
  left: 13vw;
  width: 26vw;
  transform: translateY(-42%);
}
.characterpage #yoo-zoo .items .row:nth-child(19) .teaserdesc {
	top: 50%;
  right: 16vw;
  width: 27vw;
  transform: translateY(-53%);
}

.characterpage #yoo-zoo .items .row:nth-child(20) .teaserdesc {
	top: 17vw;
	left: 7.5vw;
	width: 36vw;
}

.characterpage #yoo-zoo .items .row:nth-child(21) .teaserdesc {
	top: 16vw;
	right: 19vw;
	width: 22vw;
}


.characterpage #yoo-zoo .items .row:nth-child(22) .teaserdesc {
	top: 16vw;
	left: 17vw;
	width: 19vw;
}
.characterpage #yoo-zoo .items .row:nth-child(23) .teaserdesc {
	top: 10vw;
	right: 14vw;
	width: 31vw;
}
.characterpage #yoo-zoo .items .row:nth-child(24) .teaserdesc {
	top: 16vw;
	left: 14.5vw;
	width: 23vw;
}


.characterpage .teaserdesc .pos-description .element-textarea p {
  font-family: gadugi;
  font-size: .7vw;
  color: #fff;
  margin: 0 !important;
  text-align: justify;
  line-height: 1vw;
}

.characterpage .cattitle .mod-custom {
  height: 5vw;
}

.webpage #yoo-zoo .item div.pos-description .element.element-image.first .webimgDiv img{
	/*
	animation-name: webmovement;
	animation-duration: 20s;
	animation-delay: 2s;
	animation-iteration-count: infinite;
	*/
}
.webpage #yoo-zoo .item div.pos-description .element.element-image.last .webimgDiv img{
	/*animation-name: mobmovement;
	animation-duration: 20s;
	animation-delay: 2s;
	animation-iteration-count: infinite;
	*/
}
.webpage #yoo-zoo .item div.pos-description .element.element-image.first .webimgDiv 
{
  height: 42vw;
  margin-top: 2vw;

}
.webpage #yoo-zoo .item div.pos-description .element.element-image.last .webimgDiv 
{
  height: 40vw;
  margin-top: 1vw;
}
.webpage #yoo-zoo .item div.pos-description .element.element-image.first .webimgDiv .webimgDivIn ,
.webpage #yoo-zoo .item div.pos-description .element.element-image.last .webimgDiv .webimgDivIn 
{
	/*
  height: 100%;
  overflow: hidden;
  position: relative;
  top: 0;
  */
}

@keyframes webmovement {
  0 {top: 1vw;}
  50% {top: -84vw;}
  60% {top: -34vw;}
  0 {top: 1vw;}  
}
@keyframes mobmovement {
  0 {top: 0;}
  50% {top: -15vw;}
  60% {top: -29vw;}
  0 {top: 0;}  
}


.catalogpage #yoo-zoo .items .row:nth-child(2n+1) .teaserdesc {
  position: absolute;
  width: 38vw;
  right: 3vw;
  top: 0;
}

.catalogpage #yoo-zoo .items .row:nth-child(2n) .teaserdesc {
  position: absolute;
  width: 32vw;
  left: 6vw;
  top: 0;
}

.catalogpage .teaserdesc *
{
	color:#59595b;
}

.catalogpage .teaserdesc h2.pos-title {
  font-family: agenor !important;
  font-size: 2vw !important;
  text-transform: uppercase;
  line-height: 2vw !important;
}

.catalogpage .teaserdesc div.pos-description {
  height: 6.8vw;
  overflow: hidden;
}
.catalogpage .teaserdesc div.pos-description .element-textarea{
	margin:0;
}
.catalogpage .teaserdesc div.pos-description p {
  font-family: gadugi;
  margin: 0;
  font-size: 0.8vw;
  text-align: justify;
  line-height: 1.1vw;
}


.packpage #yoo-zoo .items  .pos-media {
  float: none;
  margin: 0;
}



.packpage #yoo-zoo .items .teaserdesc
{
	position:absolute;
	top:50%;
	transform:			translateY(-50%);
	-o-transform:		translateY(-50%);
	-moz-transform:		translateY(-50%);
	-webkit-transform:	translateY(-50%);
	width:16vw;
}
.packpage #yoo-zoo .items .row:nth-child(2n+1) .teaserdesc{ right: 5vw; }
.packpage #yoo-zoo .items .row:nth-child(2n) .teaserdesc{ left: 5vw; }

.packpage #yoo-zoo .items .teaserdesc h2.pos-title {
  font-family: agenor;
  text-transform: uppercase;
  color: #000;
  font-size: 2vw;
  text-align: center;
  line-height: 2vw;
  margin-bottom: 0.5vw;
}

.packpage #yoo-zoo .items div.pos-description p {
  font-family: gadugi;
  color: #555;
  font-size: .9vw;
  text-align: justify;
  line-height: 1.3vw;
  height: auto;
  overflow: hidden;
}
.billboardpage #yoo-zoo .items .row .teaser-item .teaserdesc {
  position: absolute;
  bottom: 0vw;
  width: 18vw;
}
.billboardpage #yoo-zoo .items .row:nth-child(2n+1) .teaser-item .teaserdesc { right: 5.25vw; }
.billboardpage #yoo-zoo .items .row:nth-child(2n) .teaser-item .teaserdesc { left: 5.25vw; }

.billboardpage #yoo-zoo .items .row .teaser-item .teaserdesc h2.pos-title {
  color: #000;
  font-family: agenor;
  text-transform: uppercase;
  font-size: 2vw;
  line-height: 2vw;
  margin: 0;
  text-align: center;
}

.billboardpage #yoo-zoo .items .row .teaser-item .teaserdesc p {
  font-family: gadugi;
  color: #555;
  text-align: justify;
  font-size: 0.8vw;
  line-height: 1vw;
  height: auto;
  overflow: hidden;
}

.billboardpage .pos-media a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.launchpage .textSection
{
	background:url("/images/launch/textbg.jpg") repeat-x 0 7px;
}
.launchpage .textSection * {
  background: #fff;
  width: 20vw;
  margin: auto;
}
.launchpage .textSection h3
{
	font-family: agenor !important;
	color: #bababa !important;
	text-align: center;
	text-transform: uppercase;
	font-size: 1.2vw !important;
}
.launchpage .textSection h4 {
  font-family: agenor;
  color: #74cfc7;
  text-align: center;
  font-size: 0.75vw;
  margin-top: 9px;
  line-height: 1vw;
  font-weight: normal !important;
}
.launchpage #yoo-zoo .item div.pos-content .element.last {
  margin-top: 3vw;
}
#launchSecondStep
{
	
	display: flex;
	flex-direction: row-reverse;
	margin-bottom: 50px !important;
} 
#launchFirstStep,
#launchThirdStep
{
	
	display: flex;	
	margin-bottom: 50px !important;
}
#launchFirstStep .rect {
  width: 120px;
  height: 100%;
  display: inline-flex;
}
#launchSecondStep .rect ,
#launchThirdStep .rect 
{
  width: 120px;
  height: 100%;
  display: inline-flex;
}

#launchSecondStep .steppNo 
#launchThirdStep .steppNo 
{
	width:140px;
	display: inline-flex;
}
#launchFirstStep .steppNo {
	display: inline-flex;
}
#launchFirstStep .steppMain,
#launchSecondStep .steppMain ,
#launchThirdStep .steppMain 
{
  width: calc(100% - 240px);
}

#launchFirstStep .steppNo > div {
  background: #f16724;
  width: 140px;
  height: 140px;
  border-radius: 20px;
  text-align:center;
  border-bottom-right-radius: 0 !important;
  position: relative; 
}
#launchThirdStep .steppNo > div {
  background: #242424;
  width: 140px;
  height: 140px;
  border-radius: 20px;
  text-align:center;
  border-bottom-right-radius: 0 !important;
  position: relative; 
}
#launchSecondStep .steppNo > div {
  background: #74ccc3;
  width: 140px;
  height: 140px;
  border-radius: 20px;
  text-align:center;
  border-bottom-left-radius: 0 !important;
  position: relative; 
}
#launchFirstStep .steppNo > div img ,
#launchSecondStep .steppNo > div img ,
#launchThirdStep .steppNo > div img 
{
  width: 95px;
  height: 95px;
  object-fit: contain;
  margin-top: 22px;
}
#launchFirstStep .steppMainIn {
  background: #f16724;
  width: 100%;
  border-bottom-left-radius: 80px !important;
  height: auto;
  padding: 50px;
}
#launchSecondStep .steppMainIn {
  background: #74ccc3;
  width: 100%;
  border-bottom-right-radius: 80px !important;
  height: auto;
  padding: 50px;  padding-left: 16vw;
}
#launchThirdStep .steppMainIn {
  background: #242424;
  width: 100%;
  border-bottom-left-radius: 80px !important;
  height: auto;
  padding: 50px;
}
#launchFirstStep .steppTitle p {
  font-family: agenor !important;
  text-transform: uppercase;
  font-size: 40px;
  width: auto !important;
  margin-left: 30px !important;
  padding-top: 30px !important;
  height: 140px;
  color: #f16623 !important;
  line-height: 40px;  margin-top: 0;
}
#launchThirdStep .steppTitle p {
  font-family: agenor !important;
  text-transform: uppercase;
  font-size: 40px;
  width: auto !important;
  margin-left: 30px !important;
  padding-top: 30px !important;
  height: 140px;
  color: #242424 !important;
  line-height: 40px;  margin-top: 0;
}
#launchSecondStep .steppTitle p {
  font-family: agenor !important;
  text-transform: uppercase;
  font-size: 40px;
  width: auto !important;
  margin-right: 30px !important;
  padding-top: 30px !important;
  height: 140px;
  color: #74ccc3 !important;
  line-height: 40px;
  margin-left: 0 !important;
  text-align:right !important;  margin-top: 0;
}
#launchFirstStep .stepp ,
#launchSecondStep .stepp ,
#launchThirdStep .stepp 
{
	margin: 30px 0 !important;
	height:85px;
}
#launchSecondStep .steppNo > div::after {
  content: "";
  height: 34px;
  background: #fff;
  position: absolute;
  bottom: -34px;
  left: 0;
  transform: translateX(0%);
  width: 100px;
  border-radius: 20px 0 0 0;
  box-shadow: -20px 0px 0px #74ccc3;
}
#launchFirstStep .steppNo > div::after {
  content: "";
  height: 34px;
  background: #fff;
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translateX(100%);
  width: 100px;
  border-radius: 0 0 0 20px;
  box-shadow: -20px 0px 0px #f16724;
}
#launchThirdStep .steppNo > div::after {
  content: "";
  height: 34px;
  background: #fff;
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translateX(100%);
  width: 100px;
  border-radius: 0 0 0 20px;
  box-shadow: -20px 0px 0px #242424;
}
#launchSecondStep .steppMain {
  position: relative;
}

#launchSecondStep .steppNo > div::before {
  content: "";
  height: 100px;
  background: #fff;
  position: absolute;
  bottom: 0;
  left: -100px;
  width: 100px;
  border-radius: 0 0 20px 0;
  box-shadow: 0px 20px 0px #74ccc3;
  right: auto;
} 

#launchThirdStep .steppNo > div::before {
  content: "";
  height: 100px;
  background: #fff;
  position: absolute;
  bottom: -100px;
  right: 0;
  
  width: 100px;
  border-radius: 0 20px 0 0;
  box-shadow: 0px -20px 0px #242424;
}
#launchFirstStep .steppNo > div::before {
  content: "";
  height: 100px;
  background: #fff;
  position: absolute;
  bottom: -100px;
  right: 0;
  
  width: 100px;
  border-radius: 0 20px 0 0;
  box-shadow: 0px -20px 0px #f16724;
}
#launchSecondStep .stepp .leftS   
{
	float: left;
	width: 369px !important;  
}
#launchFirstStep .stepp .leftS  , 
#launchThirdStep .stepp .leftS   
{
	float: left;
	width: 369px !important;  
}
#launchFirstStep .stepp .leftS img ,
#launchThirdStep .stepp .leftS img 
{
  width: 60px;
  float: left;
  height: 60px;
  object-fit: contain;
}
#launchSecondStep .stepp .leftS img 
{
  width: 60px;
  float: left;
  height: 60px;
  object-fit: contain;
}
#launchFirstStep .stepp .leftS p {
  width: auto !important;
  font-family: agenor !important;
  text-transform: uppercase;
  color: #242424 !important;
  float: left;
  margin-left: 1.5vw !important;
  font-size: 23px;
  font-style: italic;
  line-height: 28px;
}
#launchThirdStep .stepp .leftS p {
  width: auto !important;
  font-family: agenor !important;
  text-transform: uppercase;
  color: #74cfc7 !important;
  float: left;
  margin-left: 1.5vw !important;
  font-size: 23px;
  font-style: italic;
  line-height: 28px;
}
#launchSecondStep  .stepp .leftS p {
  width: auto !important;
  font-family: agenor !important;
  text-transform: uppercase;
  color: #fff !important;
  float: left;
  margin-left: 1.5vw !important;
  font-size: 23px;
  font-style: italic;
  line-height: 28px;
}
#launchFirstStep .stepp .rightS ,
#launchThirdStep .stepp .rightS 
{
  border-left: 1px solid #fff;
  min-height: 60px;
  float: left;
  padding-left: 1vw;
  width: calc(100% - 369px);
}
#launchSecondStep .stepp .rightS 
{
  border-left: 1px solid #fff;
  width: calc(100% - 369px);
  min-height: 60px;
  float: left;
  padding-left: 1vw;
}

#launchFirstStep .stepp .rightS p ,
#launchSecondStep .stepp .rightS p 
{
  font-family: gothic !important;
  color: #000 !important;
  font-size: 15px;
  width: auto !important;
}
#launchThirdStep .stepp .rightS p 
{
  font-family: gothic !important;
  color: #dbdddc !important;
  font-size: 15px;
  width: auto !important;
}
#processDiv {
  
  display: inline-block;
  margin-bottom: 8vw !important;
}
#processDiv > div {
  display: inline-table;
}
.process1 {
  margin-left: 3vw !important;
  width: 25%;
}
.process2 {
  width: 49.3%;
}
.process3 {
  width: 22%;
}
.afterStepDiv p {
  text-align: center !important;
  font-family: agenor !important;
  text-transform: uppercase;
  color: #4a4b4d;
  font-size: 17px;
}
.afterStepDiv p img {
  height: 23px;
  margin-top: -7px;
}
.afterStepDiv {
  position: relative;
  z-index: 1;
}
.starttoday
{
	background:url("/images/launch/startbg.jpg") no-repeat 0 0;
	height:522px;
	width:100%;
	position: relative;
	top: -90px;
}
#launchBottom {
  width: 80vw;
  margin: auto auto 100px !important;
  height: 430px;
}
.launchpage .readyToKickOffProject {
  margin: 0 !important;
  width: 50%;
  float: left;
}
.launchpage .readyToKickOffProject span {
  font-size: 13px !important;
  line-height: 19px !important;
  font-family: gothic;
  text-transform: none;
  display: block;
}
.additionalDiv {
  float: left;
  width: 45%;
  height: 100%;
}
.additionalDiv h6 
{
	font-family: gadugi;
	font-size: 23px;
	color: #6dc7bd;
	line-height: 31px;
	margin: 0;
}
.additionalDiv h5 
{
  font-family: gadugi;
  color: #6dc7bd;
  text-transform: uppercase;
  font-size: 19px;
}
.additionalDiv ul li {
  font-family: gadugi;
  color: #000;
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 30px;
}
.additionalDiv p {
  font-family: gadugi !important;
  font-size: 17px;
  color: #000 !important;
}

#contactOffcanvas .stepnumber_holder {
  width: 23vw;
  float: left;
    min-height: calc(100vh - 64px);
  background:url("/images/main/stepsbg.webp") no-repeat 0 100%;
  border-right: 1px solid #ccc;
  position:relative;
  margin-right: 1.5vw;
  padding-top: 1.5vw;
}
#contactOffcanvas .offcanvas-body {
  padding-left: 0;
  padding-bottom: 0;
}
#contactOffcanvas
{
	min-height: 37vw;
}

.stepno {
  font-family: agenor;
  font-size: 12vw;
  text-align: center;
  color: #ccc;
  line-height: 10vw; 
}

.steptitle {
  font-family: agenor;
  font-size: 4vw;
  text-transform: lowercase;
  color: #75cfc7;
  position: absolute;
  top: 2.5vw;
  left: 50%;
  transform: translateX(-50%);
}
.stepof {
  text-align: center;
  font-family: agenor;
  color: #7f7f7f;
  font-size: 1vw;
}
#firstStep .step01 {
  width: calc(100% - 25vw);
  float: right;
}

.step h2 {
  font-family: agenor;
  color: #000;
  font-size: 1.5vw;
  line-height: 1.8vw;
}
.webpage #yoo-zoo .item .element.element-image img
{
	width:100%;
}

.webpage #yoo-zoo .item .pos-media {
  float: none;
}

#firstStep .step01 label {
  font-family: gadugi;
  text-transform: capitalize;
  font-size: 0.8vw;
  color: #757575;
  cursor:pointer;
}
a.nextbtn,
a.nextbtn2
{
	color: #80d8cf;
	padding-left: 3vw;
	box-sizing: border-box;
	text-decoration: none;
    display: block;
	transition: all ease .25s;
	  background: #fff;
	position: absolute;
	right: 7vw;
	top: 0vw;
	font-family: agenor;
	font-size: 2.5vw !important;
	text-transform: uppercase;
	cursor:pointer;
}

.backbtn2, .backbtn3 {
  color: #ccc;
  padding-left: 3vw;
  box-sizing: border-box;
  text-decoration: none;
  display: block;
  transition: all ease .25s;
  position: absolute;
  right: 20vw;
    background: #fff;
  top: 1.1vw;
  font-family: agenor;
  font-size: 1vw !important;
  text-transform: uppercase;
  cursor: pointer;
}
.submitBtn {
  color: #80d8cf !important;
  padding-left: 3vw !important;
  box-sizing: border-box;
  text-decoration: none;
  display: block;
  transition: all ease .25s;
  position: absolute;
  right: 5vw;
  top: 0;
    
  font-family: agenor !important;
  font-size: 2.5vw !important;
  text-transform: uppercase;
  cursor: pointer !important;
  border: none !important;
  background: #fff;
}

a.nextbtn::before ,
a.nextbtn2::before 
{
  content: "\2192";
  margin-right: 10px;
  font-weight: bold;
  font-size: 1.5vw;
  display: inline-block;
  padding: 0 .5vw .2vw;
  line-height: 1.5vw;
  border-radius: .3vw;
  
  transition: all ease .25s;
  
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.submitBtn::before 
{
  content: "\2192";
  margin-right: 10px;
  font-weight: bold;
  font-size: 1.5vw;
  display: inline-block;
  padding: 0 .5vw .2vw;
  line-height: 1.5vw;
  border-radius: .3vw;
  
  transition: all ease .25s;
  
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.backbtn2::after ,
.backbtn3::after 
{
  content: "←";
  margin-right: 10px;
  font-weight: bold;
  font-size: 1.5vw;
  display: inline-block;
  padding: 0 .5vw .2vw;
  line-height: 1.5vw;
  border-radius: .3vw;
  
  transition: all ease .25s;
  
  position: absolute;
  right: -3vw;
  top: 50%;
  transform: translateY(-50%);
}
a.nextbtn:hover::before ,
a.nextbtn2:hover::before,
.submitBtn:hover::before
{
	left:10px;
}
a.nextbtn:hover::after ,
a.nextbtn2:hover::after ,
.submitBtn:hover::after 
{
	right:-65px;
}

.backbtn2:hover::after ,
.backbtn3:hover::after 
{
	right:-50px;
}
/*
a.nextbtn::after ,
a.nextbtn2::after ,
.submitBtn::after 
{
  content: "\2192";
  margin-right: 10px;
  font-weight: bold;
  font-size: 1.5vw;
  display: inline-block;
  padding: 0 .2vw .2vw 0;
  line-height: 1.5vw;
  
  border-radius: .3vw;
  background: #80d8cf;
  transition: all ease .25s;
  color:#fff;
  
  position: absolute;
  right: -3vw;
  top: 50%;
  transform: translateY(-50%);
}


.backbtn2::before ,
.backbtn3::before 
{
  content: "←";
  margin-right: 10px;
  font-weight: bold;
  font-size: 1.5vw;
  display: inline-block;
  padding: 0 .2vw .2vw 0;
  line-height: 1.5vw;
  
  border-radius: .3vw;
  background: #ccc;
  transition: all ease .25s;
  color:#fff;
  
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}
*/

#secondStep,
#thirdStep
{
	display:none;
}
#contactOffcanvas .moduletable {
  position: relative;
}

.step02 h3 ,
.step03 h3 
{
  font-family: agenor;
  text-transform: uppercase;
  color: #75cfc7;
  font-size: 1.5vw;
  margin: 0;
}
.step02 h4 ,
.step03 h4 
{
  font-family: agenor;
  text-transform: uppercase;
  color: #96969b !important;
  font-size: 1.2vw;
  margin: 0 0 1.5vw;
}

.step02 p ,
.step03 p 
{
  font-family: agenor;
  margin: 0;
  line-height: 1.4vw;
  color: #000;
}

.step02 p span ,
.step03 p span 
{
  color: #75cfc7;
}
.step02 > span ,
.step03 > span 
{
  font-family: agenor;
  color: #aaa;
  font-size: 0.75vw;
  margin: 1vw 0;
  display: block;
}
.step03 > span {
  margin: 0.2vw 0;
}
.step03 form label {
  font-family: agenor;
  font-size: 0.8vw;
  text-transform: uppercase;
  color: #75cfc7;
}
.step03 form {
  margin: 1.5vw 0;
}
.step03 form input {
  width: 23vw;
  border: 1px solid #c9c9c9;
  padding: 0.3vw;
  border-radius: 5px;
  margin-bottom: 0.5vw;
  font-family: agenor;
  color: #79797b;
  font-size: 0.9vw;
  font-weight: normal;
}


.webBtn {
  position: absolute;
  bottom: 4vw;
  left: 50%;
  transform: translateX(-50%);
}

.webBtn a {
  text-decoration: none;
  text-transform: uppercase;
  font-family: agenor;

  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.link {
  height: 35px;
  align-items: center;
  color: #000;
  text-decoration: none;
  display: flex;
}

/* Hide extra text */
.mask {
  position: relative;
  padding: 0;
  height: 20px;

  /*  Remove overflow to see how it works　:) */
  overflow: hidden;
}

.link-container {
  transition: transform 0.4s ease;
}

.title {
  display: block;

  /*  Set same font-size and line height  */
  font-size: 20px;
  line-height: 20px;

  transition: transform 0.4s ease;
}

.link-title1 {
  transform-origin: right center;
}

.link-title2 {
  transform-origin: left center;
  transform: rotate(20deg);
}

.link-icon {
  position: relative;
  width: 35px;
  height: 35px;
  background: #f8f8ff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 10px;

  /*  Remove overflow to see how it works　:) */
  overflow: hidden;
}

.icon {
  display: block;
  position: absolute;
  transition: transform 0.4s ease;
}

.icon:nth-child(2) {
  transform: translate(-40px);
}

/* Hover Action*/

/* Move up two texts (20px = font-size) */
.link:hover .link-container {
  transform: translateY(-20px);
}

/* Rotate texts a little bit */
.link:hover .link-title1 {
  transform: rotate(20deg);
}

.link:hover .link-title2 {
  transform: rotate(0);
}

/* Move arrows to right */
.link:hover .icon:first-child {
  transform: translate(40px);
}

.link:hover .icon:nth-child(2) {
  transform: translate(0px);
}

.launchpage .pos-content .element-textarea.last #launchfirstStep::after {
  content: "01";
  color: #fff2;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 38vw;
  width: 100vw;
  text-align: right;
  letter-spacing: -5vw;
  line-height: 23vw;
}
.launchpage .pos-content .element-textarea.last #launchsecondStep::after {
  content: "02";
  color: #fff1;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 40vw;
  width: 100vw;
  text-align: right;
  letter-spacing: -5vw;
  line-height: 23vw;
    padding-right: 3vw;
	box-sizing:border-box;
}

.launchpage .pos-content .element-textarea.last #launchthirdStep::after {
  content: "03";
  color: #fff2;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 36vw;
  width: 100vw;
  text-align: right;
  letter-spacing: -5vw;
  line-height: 20vw;
    padding-right: 3vw;
	box-sizing:border-box;
}
.blogpage #yoo-zoo .element-textarea > h3 {
  width: 60vw;
  margin: auto;
  font-family: gadugi;
  color: #666;
  font-weight: bold;
  text-align: justify;
  font-size: 1.2vw;
  line-height: 2.2vw;
}
.blogpage #yoo-zoo .element-textarea > ul {
  width: 60vw;
  margin: auto;
  color: #000;
}
.blogpage #yoo-zoo .element-textarea > ul li {
  font-family: gadugi;
  color: #000;
  font-size: 1vw;
  line-height: 1.7vw;
}
.blogpage2  #yoo-zoo .element-textarea > p
{
	margin-bottom:0 !important;
}
 .blogpage2 #yoo-zoo .item div.pos-content {
  margin-bottom: 100px;
}
.blogpage2 #yoo-zoo .element-textarea table {
  width: 60vw !important;
  margin: auto;
}
.blogpage2 #yoo-zoo .element-textarea table tr:first-child td {
  background: #eeecec;
  font-weight: bold;
}
.blogpage2 #yoo-zoo .element-textarea table td {
  border: 1px solid #959191;
  font-family: gadugi;
  font-size: 16px;
  color: #000;
  padding: 0 8px; 
}
.footer_holder
{
	position:relative;
	height: 600px;
}
.footerlogo
{
	text-align: left;
	
}
#footerbg
{
	background:url("/images/main/footerbg.webp") no-repeat 0 0;
	position: absolute;
	width: 335px;
	height: 274px;
	opacity: 0.5;
	left: 0;
	top: 0; 
}
.footerIn {
  width: 35vw;
  float: left;
  height: 100%;
   
}  
.footer-container
{
	width:calc(100% - 14vw);
	margin:auto;
}
.footer_holder .footer01 .mod-custom
{
	width:100%;
}
.footer_holder .mod-custom
{
	text-align:left;
}
.footer02 ul
{
	width:auto;
	text-align:left;
}
.footer03 p {
  width: 430px;
  margin: 50px 0;
  color: #4a4a4a;
  text-transform: uppercase;
  text-align: left;
} 
.footer03 ul li{
	display: inline-block;
	width: 100%;
	margin-bottom: 7px;
}
.footer03 ul {
  text-align: left;

}
.footer03 {
  margin-top: 20px;
}
.briefmenu {
  float: right;
  width: 220px;
   
}
.briefmenu ul 
{
	border-left: 1px solid #fff;
	padding-left: 15px;
}
.briefmenu ul li 
{
  width: 100%;
  text-align: left;
  margin-bottom: 7px;
}
.briefmenu ul li a  ,
.footer03 ul li a ,
.portfoliomenu ul li a 
{
  font-family: gothic;
  font-size: 15px;
  
  text-decoration: none !important;
  color: #000;
} 
.briefmenu .fTitle {
  font-family: agenor;
  text-transform: uppercase;
  text-align: left;
  font-size: 24px;
  margin-bottom: 25px;
  padding-left: 15px;
} 
 
.footermenu {
	width: 200px;
	float: right;
	margin-right: 30px;
	margin-top: 53px;
}
.footermenu ul li {
  display: inline-block;
  width: 100%;
  margin-bottom: 7px;
  
}
.footermenu ul {
  text-align: left;
  border-left: 1px solid #fff;
	padding-left: 15px;
}
.briefmenu ul li a:hover ,
.footer03 ul li a:hover,
.portfoliomenu ul li a:hover
{
  color: #fff ;  
}

.portfoliomenu {
  float: right;
  width: 220px;
  margin-right: 30px;
   
}
.portfoliomenu ul 
{
	border-left: 1px solid #fff;
	padding-left: 15px;
}
.portfoliomenu ul li 
{
  width: 100%;
  text-align: left;
  margin-bottom: 7px;
}

.portfoliomenu .pTitle {
  font-family: agenor;
  text-transform: uppercase;
  text-align: left;
  font-size: 24px;
  margin-bottom: 25px;
  padding-left: 15px;
} 
.portfoliomenu ul li a
{
	transform: none !important;
	-o-transform: none !important;
	-moz-transform: none !important;
	-webkit-transform: none !important;
}



#servicTop 
{
	background:url("/images/main/servicetopbg.webp") no-repeat 50% 100%;
	padding-bottom:85px;
	margin-bottom:30px !important;
}
#servicTop p 
{
  font-family: agenor;
  text-align: center;
  margin: 0;
  font-size: 60px;
  line-height: 54px;
  letter-spacing: -1px;
  color: #74cfc7 !important;
} 
.serviceMenu {
  margin-bottom: 100px !important;
} 
.serviceMenu ul {
  margin: 0;
  padding: 0;
  text-align: center;
}

.serviceMenu ul li {
  display: inline-table;
  margin: 0 25px;
  cursor:pointer;
}
.serviceMenu ul li span {
  margin: 0;
    margin-top: 0px;
    margin-bottom: 0px;
  font-family: agenor;
  color: #74cfc7 !important;
  text-transform: uppercase;
  font-size: 14px;
  margin-top: 10px;
  font-weight: normal !important;
  display: block;
  
  transition: 			all 0.5s ease-in-out 0s;
  -o-transition: 		all 0.5s ease-in-out 0s;
  -moz-transition: 		all 0.5s ease-in-out 0s;
  -webkit-transition: 	all 0.5s ease-in-out 0s;
}
.serviceMenu ul li a {
  text-decoration: none !important;
}
.serviceMenu ul li img,
.footer03 ul li a,
.briefmenu ul li a,
.portfoliomenu ul li a

{
	transition: 			all 0.5s ease-in-out 0s;
	-o-transition: 		all 0.5s ease-in-out 0s;
	-moz-transition: 		all 0.5s ease-in-out 0s;
	-webkit-transition: 	all 0.5s ease-in-out 0s;
}
.serviceMenu ul li:hover img
{
	filter: brightness(0) saturate(100%) invert(45%) sepia(71%) saturate(1542%) hue-rotate(347deg) brightness(97%) contrast(96%);
}
.serviceMenu ul li:hover span
{
	color:#f26622 !important;
}
#serviceContent {
  background: #fff;
}
#serviceContent #sbrandInn
{
	background: url("/images/main/branddivbg2.webp") no-repeat 0 0;
	height:50vw;
	background-size: 100%;
}
#serviceContent #charInn
{
	background: url("/images/main/chardivbg.webp") no-repeat 0 0;
	height:50vw;
	background-size: 100%;
}
#serviceContent #catalogInn
{
	background: url("/images/main/catalogdivbg.webp") no-repeat 0 0;
	height:51vw;
	background-size: 100%; 
}
#serviceContent #packInn
{
	background: url("/images/main/packdivbg.webp") no-repeat 0 0;
	height:52.5vw;
	background-size: 100%; 
}
#serviceContent #billboardInn
{
	background: url("/images/main/billboarddivbg.webp") no-repeat 0 0;
	height:54vw;
	background-size: 100%;  
}
#serviceContent #webInn
{
	background: url("/images/main/webdivbg.webp") no-repeat 0 0;
	height:51vw;
	background-size: 100%;  
}
#serviceContent #discountInn
{
	background: url("/images/main/discountdivbg2.webp") no-repeat 0 0;

	background-size: 100%;  
}
#serviceContent .serviceIn h2
{
	font-family: agenor;
	color: #888888;
	text-transform: uppercase;
	font-size: 4vw;
	line-height: 4vw;
	margin-top: 5vw ; 
	display: inline-block;
	width: 48vw;
	height: 10vw;
	padding-left: 7vw;
} 
#discountInn h5 {
  font-family: agenor;
  color: #f26622;
  text-align: center;
  font-size: 20px;
  line-height: 20px;
}
#discountInn {
  width: 100%;
  margin: auto;
  padding-top: 3vw;
  text-align: center;
  height: 48vw;
  margin-bottom: 20px;
}
#charInn h2 {
  padding-left: 37vw !important;
  width: 78vw !important;
  margin-top: 10vw !important;
} 
#webInn h2 {
  width: 57vw !important;
  margin-top: 3vw !important;
  padding-left: 9vw !important;
} 
#webInn h2 strong {
  margin: 0 !important;
}
#billboardInn h2 {
  padding-left: 37vw !important;
  width: 78vw !important;
  margin-top: 9vw !important;
} 
#packInn h2 {
  padding-left: 70vw !important;
  width: 70vw !important;
  margin-top: 6vw !important;
}

#discountInn h2 {
  font-family: agenor;
  text-align: center;
  text-transform: uppercase;
  font-size: 60px;
  line-height: 60px;
  color: #000;
  width: 37vw;
  margin:auto;
}
#discountInn p {
  width: 37vw !important;
  margin: 20px auto 50px;
  font-family: agenor;
  color: #000 !important;
  text-align: center;
  line-height: 23px;
}

#catalogInn p {
  color: #888 !important;
}
#catalogInn h2 {
  width: 54vw !important;
  margin-top: 9vw !important;
  color: #74cfc7 !important;
}
#webInn p {
  margin-left: 9.75vw !important;
  color: #888 !important;
  width: 41vw !important;
  margin-top: 52px !important;
}
#charInn p {
  margin-left: 42vw !important;
  color: #888 !important;
  margin-bottom: 10px !important;
  width: 40vw !important;
  padding-bottom: 10px;
}
#billboardInn p {
  margin-left: 40vw !important;
  color: #888 !important;
  margin-bottom: 10px !important;
  width: 39vw !important;
  height: 113px;
  margin-top:30px !important;
}
#packInn h4 {
	width: 42vw !important;
	margin-top: 30px;
	padding-left: 9vw !important;
	background: url("/images/main/paragraphbg.webp") no-repeat 0 50%;
	font-family: agenor;
	color: #f26622;
	font-size: 31px;
	line-height: 113px;
	margin-left: 46vw;
	background-size: auto;
	text-transform: uppercase;
}
#packInn ul {
  margin-left: 55vw;
  width: 40vw !important;
  padding-left: 0;
  margin-top: -18px;
}
#packInn ul li {
  text-transform: capitalize;
  color: #888;
  font-family: agenor;
  font-size: 15px;
  list-style: none;
  margin-bottom: 6px;
  cursor: pointer;
}
#packInn ul li img {
  margin-right: 6px;
  width: 20px;
  margin-top: -3px;
}
#packInn > strong 
{
  margin-left: 42vw !important;
  color: #888 !important;
  margin-bottom: 0 !important;
  width: 44vw !important;
  padding-bottom: 10px;
  display: block;
  margin-top: 2vw;
  font-weight: normal;
  font-family: agenor;
  font-size: 15px;
}
#serviceContent .serviceIn h2 strong {
  font-weight: normal;
  margin-left: 77px;
}
#serviceContent .serviceIn p {
  width: 43vw;
  margin-top: 40px;
  padding-left: 9.5vw;
  background:url("/images/main/paragraphbg.webp") no-repeat 0 50%;
  font-family: agenor;
  color: #888;
  font-size: 15px;
  line-height: 23px;
  margin-left: 100px;
  font-weight: normal !important;
  text-align: justify;
  padding-top: 8px;
  background-size: auto;
}




#serviceContent .serviceIn p:not(:nth-child(2)) {
  background: none;
  margin-top: 0;
}
#serviceContent #sbrandInn2 ,
#serviceContent #catalogInn2 
{
  background: #74cfc7;
  height: 197px;
  margin-bottom: 30px !important;
  text-align: center;
  padding: 25px 0;
}
#discountInn2
{
  background: #74cfc7;
  height: 160px;
  margin-bottom: 30px !important;
  text-align: center;
  padding: 2.3vw 0;
}
#serviceContent .serviceIn a {
  background: #F26622;
  font-family: agenor;
  text-transform: uppercase;
  color: #fff;
  padding: 10px;
  text-decoration: none;
  transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
}
#serviceContent .serviceIn a:hover
{
    background:#75cfc7;
}
#serviceContent #sbrandInn a {
  margin-left: 14.5vw;
  margin-top: 20px !important;
  display: inline-block;
}
#charInn a {
  margin-left: 51.5vw;
  margin-top: 20px;
  display: inline-block;
}

#catalogInn a {
  margin-left: 14.5vw;
  display: inline-block;
  margin-top: 10px;
}

#serviceContent #packInn a {
  margin-left: 55vw;
  display: inline-block;
  margin-top: 20px;
}
#serviceContent #billboardInn a {
  margin-left: 49.5vw;
  margin-top: 10px;
  display: inline-block;
}
#webInn a {
  margin-left: 19vw;
  margin-top: 20px;
  display: inline-block;
}
#serviceContent #billboardInn2 {
  height: 230px;
  background: #74cfc7;
  margin-bottom: 30px !important;
  text-align: center;
  padding: 25px 0;
}
#serviceContent #charInn2 ,
#serviceContent #packInn2 
{
  background: #f26622;
  height: 197px;
  margin-bottom: 30px !important;
  text-align: center;
  padding: 25px 0;
}
#serviceContent #webInn2 
{
    background: #f26622;
  height: 197px;
  margin-bottom: 0 !important;
  text-align: center;
  padding: 25px 0;
}
.serviceIn2 img 
{
  filter: brightness(0) saturate(100%) invert(100%) sepia(7%) saturate(0%) hue-rotate(59deg) brightness(108%) contrast(101%);
}
#serviceContent .serviceIn2 p {
  font-family: agenor;
  color: #fff !important;
  font-size: 17px;
  line-height: 25px;
  font-weight: normal;
  text-align: center;
  width: 15vw;
  margin: auto;
}
#charInn2 p {
  width: 17vw !important;
}
#catalogInn2 p {
  width: 16.5vw !important;
}
#packInn2 p {
  width: 21vw !important;
}
#billboardInn2 p {
  width: 23vw !important;
}
#discountInn2 p {
  width: 27vw !important;
}
#bundleInn2 p {
  width: 39vw !important;
  margin: auto;
}
#descountTop {
  height: 287px;
  background: #75cfc6;
  padding: 40px;
  text-align: center;
  position:relative;
  z-index:0;
}
#descountTop h2 {
  font-family: agenor;
  text-transform: uppercase;
  font-size: 2.5vw;
  color: #454546;
}
#descountTop h4 {
  font-family: agenor;
  text-transform: uppercase;
  color: #fff;
  font-size: 2vw;
  margin-top: 25px;
}
#descountTop img {
  width: 350px;
  margin-top: 12px;
  filter: brightness(10);
}
#descountTop::after {
  content: "\2193";
  font-size: 25px;
  color: #454546;
  position: absolute;
  bottom: 21px;
  left: 50%;
  transform: translateX(-50%);
}

#bundleDiv {
  text-align: center;
}

#bundleDiv h2 {
  font-family: agenor;
  font-size: 50px;
  text-transform: uppercase;
  line-height: 50px;
  color: #000;
  margin-bottom: 30px;
}
#bundleDiv #bundleInn > p {
  width: 50vw;
  margin: auto auto 24px;
  font-family: agenor;
  font-size: 15px;
  color: #000 !important;
}
.bundleee
{
	background:url("/images/main/bundlebg.webp") no-repeat 50% 50%;
	margin-bottom: 15px !important;
}
.bundleee.bundleee1 {
	margin-top:50px !important;
}
.bundleee.bundleee1 ,
.bundleee.bundleee1 .bundleTitle
{
  height: 258px;
}
.bundleee.bundleee2 {
  height: 325px;
}
.bundleee.bundleee3 {
  height: 331px;
}
.bundleee.bundleee4 {
  height: 520px;
  margin-bottom: 50px !important;
}
.bundleee.bundleee4 ul, .bundleee.bundleee4 h3
{
	color:#f26622 !important;
}
#bundleInn2 {
  background: #f26622;
  padding: 2.5vw 0 !important;
  height: 150px;
  margin-bottom: 30px !important;
}
.bundleee .bundleTitle
{
	float: left;
	width: 50%;
	padding-top: 100px !important;
}
.bundleee h3 
{
	color: #74cfc7 !important;
	font-family: agenor !important;
	font-size: 40px !important;
	line-height: 40px;
	text-transform: uppercase;
	padding-right: 80px;
	float: right;
}

.bundleee.bundleee1 div.bundleContent
{
	height:270px;
}
.bundleee div.bundleContent
{
  background: #f9f9f9;
  width: calc(50% - 60px);
  float: right;
  margin-left: 60px !important;
  padding: 15px !important;
  text-align: left;

  margin-top: -10px !important;
}
.bundleee div.bundleContent div p {
  font-family: agenor !important;
  color: #888 !important;
  font-size: 17px !important;
  line-height: 24px;
}
.bundleee div.bundleContent div ul {
  color: #74cfc7;
  font-family: agenor;
  font-size: 17px;
  text-transform: capitalize;
}
#fixedbar {
  text-align: center;
  position: fixed;
  top: 50px;
  left: 0;
  width: 100%;
  background: #fff;
  padding: 5px 0;
  border-bottom: 1px solid #74cfc7;
  z-index: 2;
}
#fixedbar > div {
  display: inline-table;
  margin: 0 20px;
  cursor:pointer;
}
#fixedbar > div img {
  width: 67px;
}
.launchpage #launchImg {
  float: right;
  width: 50%;
}
#contactbottom img {
  width: 100%;
}

.pricelist_holder
{
    background: url("/images/main/pricelistdiv.webp") no-repeat 100% 0;
    height: 38vw;
  background-size: contain;
  padding-bottom: 0 !important;
  margin-bottom: 120px;
}
#leftPrice {
  width: 36%;
  height: 39vw;
  float: left;
}
#leftPrice img {
  margin-left: -14vw;
  margin-top: -46px;
  height: 42vw;
  object-fit: cover !important;
}
#rightPrice {
  width: 64%;
  float: left;
  margin-left: 0vw;
}
#rightPrice h4 {
  font-family: agenor;
  color: #000;
  text-transform: uppercase;
  font-size: 2.5vw;
  margin-top: 2vw;
  margin-bottom: 0;
}
#rightPrice h2 {
  font-family: agenor;
  font-size: 3vw;
  color: #74cfc7;
  text-transform: uppercase;
  line-height: 3vw;
  margin-bottom: 0;
}
#rightPrice p {
  width: 50%;
  font-family: gadugi;
  color: #000;
  font-size: 13px;
}
#rightPrice h5 {
  font-family: agenor;
  color: #000;
  text-transform: uppercase;
  font-size: 1.7vw;
  margin: 3vw 0 4vw;
  line-height: 1.7vw;
}
#rightPrice h5 img {
  width: 45px;
  margin-top: -5px;
}
#rightIn {
  background: #74cfc7;
  padding: 15px;
  height: 122px;
  position: relative;
  margin-top: 9vw;
}
#rightIn::before {
  content: "+";
  position: absolute;
  color: #74cfc7;
  left: -90px;
  font-family: agenor;
  font-size: 7vw;
  top: 50%;
  transform: translateY(-50%);
}
#rightIn h6 {
  float: left;
  font-family: agenor;
  text-transform: uppercase;
  font-size: 2vw;
  margin-right: 35px;
  margin-bottom: 0;
}
#rightIn p {
  width: 35vw !important;
  
  font-family: gadugi;
  color: #000;
  margin: 0;
  font-size: 0.7vw;
}
.servicepage #yoo-zoo .item {
  position: static;
}
#labelPlan .modal-dialog, 
#existPlan .modal-dialog, 
#exclusivePlan .modal-dialog 
{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 30px;
}

#labelPlan .modal-content, 
#existPlan .modal-content, 
#exclusivePlan .modal-content 
{
	padding:20px;
}
.modal-header h5 {
  font-family: agenor;
  color: #888;
  font-size: 29px;
  text-transform: uppercase;
}
.modal-header h5 span {
  display: block;
  font-size: 15px;
  margin-top: 9px;
}
.modal-body p, 
.modal-body li
{
  font-family: agenor;
  font-size: 13px;
  font-weight: normal !important;
  color: #888 !important;
  line-height: 20px;
}
.modal-body h4 {
  font-family: agenor;
  color: #f26622;
  text-transform: uppercase;
}
.modal-footer {
  margin-top: 14px !important;
}
.modal-footer button {
  padding: 3px 10px 7px;
  background: #888;
  border: 1px solid #888;
}

#collFirstDiv {
	padding: 0 85px;
	height: 585px;
	width: 100%;
	background:url("/images/main/bottomarrow.webp") no-repeat 47% 100%;
	margin-bottom: 70px !important;
}
.collFleft {
	float: left;
	width: 50%;
	/*background:url("/images/main/comma2.webp") no-repeat 83% 50%;*/
	height: 420px;
}  
.collFleft h2 {
	color: #888;
	font-family: agenor;
	text-transform: uppercase;
	font-size: 80px;
	line-height: 85px;
}
.collFleft h2 {
	color: #888;
	font-family: agenor;
	text-transform: uppercase;
	font-size: 4vw;
	line-height: 4.5vw;
	margin-top: 0;
}
.collFleft p::after {
  content: "\2192";
  font-size: 48px;
  line-height: 26px;
  color: #c9c9c9;
  float: right;
  margin-right: 9vw !important;
}
.collFleft p strong {
	font-family: agenor;
	color: #888;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 22px;
}
.collFright {
	width: 44%;
	position: absolute;
	right: 11vw;
	top: 0;
	/*background:url("/images/main/comma.webp") no-repeat 0 0;*/
	padding-top: 100px !important;
	padding-bottom: 100px !important;
	height: 489px;
}
.collFright p {
	font-family: agenor;
	font-size: 21px;
	color: #888 !important;
}
#collSecondDiv {
	padding: 0 0 0 85px;
	height:380px;
	background:url("/images/main/bottomarrow.webp") no-repeat 50% 100%;
	margin-bottom: 70px !important;
	width:100%;
}
#collSecondDiv h3 {
  font-family: agenor !important;
  color: #888 !important;
  font-size: 40px !important;
  text-transform: uppercase;
  margin-bottom: 30px;
}
#collSecondDiv h3 span {
  font-size: 155px;
  text-transform: uppercase;
}
#collSecondDiv h3 strong {
  font-weight: normal;
  color: #74cfc7;
}

#collSecondIn
{
	background: url("/images/main/comma3.webp") no-repeat 14% 0;
	
	padding-left: 382px;
}
#collSecondIn div {
  border-bottom: 10px solid #74cfc7;
  padding-bottom: 20px;
}
#collSecondIn div p {
  margin-right: 135px;
  font-family: agenor;
  color: #888 !important;
  font-size: 22px;
}

#benefitIn h3 {
  text-align: center;
  font-family: agenor !important;
  color: #888 !important;
  text-transform: uppercase;
  font-size: 36px !important;
  line-height: 23px;
}

#benefitIn h3 span {
  font-size: 67px;
  margin-bottom: 0;
  display: block;
}
#benefitContent {
  padding: 0 2vw;
  text-align: center;
  margin-top: 100px;
  height:240px;
  background:url("/images/main/bottomarrow.webp") no-repeat 50% 100%;
}
#benefitContent > div img {
  width: 6.7vw;
  float:left;
  margin-right: 15px;
}
#benefitContent > div {
  display: inline-table;
  width: 24%;
}
#benefitContent > div:nth-child(3) img {
  width: 85px;
}
#benefitContent > div h4 {
  font-family: agenor;
  color: #74cfc7;
  text-align: left;
  text-transform: uppercase;
  font-size: 18px;
}
#benefitContent > div P {
  font-family: agenor;
  text-align: left;
  color: #888 !important;
  font-size: 16px;
}
#benefitContent2 {
  width: 950px;
  margin: 60px auto auto;
  text-align: center;
}
#benefitContent2 > div img {
  width: 120px;
}

#benefitContent2 > div h4 {
  font-family: agenor !important;
  color: #74cfc7;
  text-transform: uppercase;
  font-size: 18px;
}

#benefitContent2 > div p {
  font-family: agenor;
  color: #888 !important;
  text-align: justify;
  font-size: 16px;
}
#benefitDiv {
  margin-bottom: 150px !important;
}  
#planMobile
{
	display:none;
}

#planPC h3 {
  text-align: center;
  font-family: agenor !important;
  color: #888 !important;
  text-transform: uppercase;
  font-size: 25px !important;
  line-height: 37px;
  background:url("/images/main/bottomarrow.webp") no-repeat 50% 100%; 
  padding-bottom: 50px;
  margin-bottom: 30px;
}
#planPC h3 strong {
  font-weight: normal;
  font-size: 50px;
} 

#projPlan {
  float: left;
  width: 50%;
  padding: 3vw;
  background: #74cfc7;
  position: relative;
  height: 300px;
}
#projPlan::after {
  content: "";
  width: 30px;
  height: 30px;
  background: #74cfc7;
  position: absolute;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  bottom: -15px;
}
#subsPlan::after {
  content: "";
  width: 30px;
  height: 30px;
  background: #f26622;
  position: absolute;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  bottom: -15px;
}
#subsPlan {
  float: right;
  width: 50%;
  padding: 3vw;
  background: #f26622;
  position: relative;
  height: 300px;
}

#plansRow {
  margin-bottom: 100px !important;
  display: inline-block;
}

#projPlan h4 ,
#subsPlan h4 
{
  font-family: agenor !important;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 26px;
}
#projPlan h4 span ,
#subsPlan h4 span 
{
  font-size: 40px;
}

#projPlan p ,
#subsPlan p 
{
  font-family: agenor;
  color: #505050 !important;
  font-size: 16px !important;
  line-height: 20px;
  text-align: justify;
}

#pricingDiv h4 ,
.featureTitle h4
{
  font-family: agenor;
  text-align: center;
  color: #404040;
  text-transform: uppercase;
  font-size: 28px;
  line-height: 28px;
  display: inline-block;
  margin: 0;
  padding: 0 20px;
  background: #fff;
}
  


#priceIn {
  padding: 50px;
  height: 500px;
  margin-bottom: 50px !important;
}

.priceTitle,
.featureTitle
{
	background: url("/images/main/pricetitle.webp") no-repeat  0 50%;
	height:30px;
	text-align: center;
} 

#priceLeft {
  float: left;
  padding: 25px;
  background: #74cfc7;
  height: 398px;
  width: calc(50% - 150px);
  border-radius: 			20px;
  -o-border-radius: 		20px;
  -mob-border-radius: 		20px;
  -webkit-border-radius: 	20px;
}
#priceLeft h5 {
  font-family: agenor;
  font-size: 2.5vw;
  line-height: 2.5vw;
  text-transform: capitalize;
  margin-bottom: 170px; 
}
#priceRight > div .pTop {
  background: #f26622;
  padding: 10px;
  border-radius: 15px;
  position: relative;
  height: 200px;
  z-index: 1;
}

#priceLeft p {
  font-family: agenor;
  color: #000 !important;
  font-size: 15px;
}

#priceLeft p a {
  color: #fff;
}

#priceLeft {
  float: left;
  padding: 25px;
  background: #74cfc7;
  height: 398px;
  width: calc(50% - 80px);
  position: relative;
  border-radius: 20px;
}

#priceRight {
	float: right;
	width: calc(50% - 2vw);
	height: 390px;
}

#priceRight > div {
  width: calc(25% - 0.6vw);
  display: inline-table;
  margin: 0 0.17vw;
}
#priceRight > div .pTop::after {
  width: 15px;
  height: 15px;
  content: "";
  background: #f26622;
  position: absolute;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  bottom: -7px;
}
#priceRight > div .pmiddle .pricee {
  font-family: agenor;
  font-size: 24px;
  color: #fff !important;
  margin-bottom: 0;
  line-height: 24px;
}
#priceRight > div .pmiddle .cur {
  margin: 0;
    margin-bottom: 0px;
  color: #fff !important;
  font-family: agenor;
  font-size: 14px;
}

#priceRight > div .pTop .pNo {
  font-family: agenor;
  text-align: center;
  color: #fff !important;
  font-size: 50px;
  line-height: 42px;
  margin-bottom: 0px;
  margin-top: 18px !important;
}

#priceRight > div .pTop .month {
  font-family: agenor;
  text-align: center;
  text-transform: capitalize;
  color: #fff !important;
  margin: 0;
  font-size: 18px;
}
#priceRight > div .pTop .subs {
  text-align: center;
  margin-top: 68px;
  text-transform: uppercase;
  color: #fff !important;
  font-size: 15px;
  font-family: agenor;
}
#priceRight > div .pmiddle {
  background: #404040;
  padding: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
  text-align: center;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  margin-top: -11px;
  padding-top: 29px;
  padding-bottom: 20px;
  position: relative;
}

#priceRight > div .pmiddle .pricee {
  font-family: agenor;
  font-size: 24px;
  color: #fff !important;
  margin-bottom: 0;
  line-height: 24px;
}

#priceRight > div .pmiddle .cur {
  margin: 0;
    margin-bottom: 0px;
  color: #fff !important;
  font-family: agenor;
  font-size: 14px;
}

#priceRight > div .pbottom {
  background: #888;
  padding: 16px 10px 10px;
  margin-top: -15px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}
#priceRight > div .pbottom .bpricee {
  text-align: center;
  font-family: agenor;
  color: #fff !important;
  margin-bottom: 0;
  font-size: 17px;
  line-height: 17px;
  margin-top: 0;
}

#priceRight > div .pbottom .bcur {
  margin: 0;
  text-align: center;
  font-size: 15px !important;
  color: #fff !important;
  font-family: agenor;
}

#priceRight > div .pbottom .bpermonth {
  font-family: agenor;
  text-align: center;
  color: #fff !important;
  font-size: 14px !important;
  text-transform: uppercase;
}
#priceRight > div .pbottom .bdiscount {
  font-family: agenor;
  text-align: center;
  color: #c9c9c9 !important;
  margin: 0;
  text-decoration-line: line-through;
  font-size: 17px;
}

#priceRight > div:first-child .pbottom {
  padding-top: 40px;
} 

.featureTitle {
  margin-bottom: 70px !important;
}
#featureIn {
  padding: 0 80px;
}

#featureLeft h3 {
  font-family: agenor !important;
  text-transform: uppercase;
  font-size: 19px !important;
  color: #74cfc7 !important;
}

#featureLeft p, 
#featureRight p 
{
  font-family: agenor;
  color: #888 !important;
  margin-bottom: 40px !important;
  font-size: 16px !important;
}

#featureLeft {
  width: 50%;
  float: left;
  height:100%;
}
#featureRight {
  float: right;
  width: 50%;
}
#featureRight h3 {
  font-family: agenor !important;
  color: #f26622 !important;
  text-transform: uppercase;
  font-size: 19px !important;
}

#featureDiv {
  height: 740px;
  margin-bottom: 70px !important;
} 
#collabForm {
  height: 558px;
  background: #74cfc7;
  padding: 50px 100px;
  margin-bottom: 0 !important;
}
#collabLeft {
  width: 50%;
  float: left;
  height: 100%;
}
#collabRight {
  width: 50%;
  float: right;
}
.collabTitle {
  font-family: agenor !important;
  text-transform: uppercase;
  color: #3c3c3c !important;
  font-size: 3vw;
  line-height: 3vw;
  margin-top: 50px !important;
}
.collabText::after {
  content: "\2192";
  width: 40px;
  display: inline-block;
  margin-left: 12px;
}

#linksRow {
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
  height: 61px;
  border-bottom: 5px solid #75cfc7;
  margin-bottom: 60px !important;
}
#linksRow a {
  font-family: gadugi;
  font-size: 15px;
  text-transform: uppercase;
  color: #74cfc7;
  text-decoration: none;
}
#linksRow a:not(:last-child)::after {
  content: "|";
  margin: 0 10px;
}
.collabText 
{
  color: #fff !important;
  font-family: agenor;
  text-transform: uppercase;
  
}

#collabRight .rsform {
  padding-top: 0 !important;
  margin-bottom: 0 !important;
}

#collabRight .rsform input {
  width: calc(100% - 20px) !important;
  border: 1px solid #d7d7d7 !important;
  height: 33px;
  font-family: agenor !important;
  text-transform: uppercase !important;
  font-size: 15px !important;
  color:#888 !important;
  margin: 0 !important;
}
#collabRight .rsform select {
  width: calc(100% - 20px);
  height: 33px;
  border: 1px solid #d7d7d7;
  padding: 10px;
  font-family: agenor !important;
  text-transform: uppercase;
  color: #888 !important;
  font-size: 15px;
  margin: 0 !important;
}
#collabRight .rsform button#submit {
  padding: 10px !important;
  width: calc(100% - 0px) !important;
  height: 55px !important;
  font-family: agenor !important;
  color: #fff !important;
  background: #f26622 !important;
  font-size: 18px !important;
}

.formError {
  font-family: agenor;
  font-size: 15px;
  color: #f00;
  margin: 0 5px; 
}
@media (orientation: landscape) {
    
.aboutus-toptop-heading-text {
    
  font-size: 6.5vw;
  text-align: left;
  line-height: 5.5vw;
  padding-top: 10px;
  width: 60vw;
  margin: auto;
  letter-spacing: -1px;
}

	.webpage .items .pos-media a img[width="1200"], 
	.webpage .item .pos-media img[width="1200"]  ,
	.catalogpage .items .pos-media  img[width="740"], 
	.catalogpage .item .pos-media img[width="740"]  ,
	.billboardpage .items .pos-media img[width="1200"] ,
	.billboardpage .items .pos-media img[width="188"] ,
	.billboardpage .items .pos-media img[width="259"] ,
	.billboardpage .items .pos-media img[width="335"] 
	{
		display: none;
	}
	.webpage .items .pos-media a img[width="1920"], 
	.webpage .item .pos-media img[width="1920"] ,
	.catalogpage  .items .pos-media img[width="1917"], 
	.catalogpage  .item .pos-media img[width="1917"] ,
	.catalogpage  .items .pos-media img[width="1920"], 
	.catalogpage  .item .pos-media img[width="1920"] ,
	.billboardpage .items .pos-media img[width="1920"] ,
	.billboardpage .items .pos-media img[width="1918"]
	{
		display: initial;   
	}

}   
@media (orientation: portrait) {
.aboutus-toptop-heading-text {
    
  font-size: 6.5vw;
  text-align: left;
  line-height: 5.5vw;
  padding-top: 10px !important;
  width: 60vw;
  margin: auto !important;
  letter-spacing: -1px;
}

.aboutus-toptop-heading-text2 {
    font-size: 1.2rem; text-align: left; line-height: 1.5rem; padding-top: 0; color: #777; width: 60vw !important; margin: auto !important; margin-top: 1vw !important;
}
.aboutus-toptop-heading-text3 {
    font-size: 1.0rem; text-align: left; line-height: 1.3rem; padding-top: 0; color: #888; width: 60vw !important; margin: auto !important; margin-top: 1vw !important;
}
	.webpage .items .pos-media a img[width="1200"], 
	.webpage .item .pos-media img[width="1200"],   
	.catalogpage  .items .pos-media  img[width="740"], 
	.catalogpage  .item .pos-media img[width="740"]   ,
	.billboardpage .items .pos-media img[width="1200"] ,
	.billboardpage .items .pos-media img[width="188"] ,
	.billboardpage .items .pos-media img[width="259"] ,
	.billboardpage .items .pos-media img[width="335"] 
	{
		display: initial; 
	}
	.webpage .items .pos-media a img[width="1920"], 
	.webpage .item .pos-media img[width="1920"] ,
	.catalogpage  .items .pos-media img[width="1917"], 
	.catalogpage  .item .pos-media img[width="1917"] ,
	.catalogpage  .items .pos-media img[width="1920"], 
	.catalogpage  .item .pos-media img[width="1920"] ,
	.billboardpage .items .pos-media img[width="1920"] ,
	.billboardpage .items .pos-media img[width="1918"]
	{
		display: none;
	} 
}

@media screen and (max-width: 1600px) {
  #cbg2In {
    width: 50vw;
    margin-top: 30px !important;
    min-height: 50px;
  }
  #contactmiddle
  {
      height: 40vw;
  }
}