/************************
OVERLAY MENU
*************************/
.sm-overlay-106 > div.sm-overlay-win {
    background-image: linear-gradient(135deg, #000000 0px, #040007 7%, #180d1f 40%, #24132f 53%, #361648 67%, #3c174f 75%, #48195d 86%, #53206f 98%, #53206f 100%);
}
.sm-overlay-106  a {
  font-size:40px!important;
 	font-weight:300!important;
}
.sm-overlay-106 dl.level1.ps-container:hover * {
 	background:none;
}

.sm-overlay-106 {
	position: absolute;
	display: none;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 99;
}

#off-menu_106 > div.sm-logo > img {
  max-width:400px;
  margin-left:-20px;
}

@media all and (max-width:700px)  {
 #off-menu_106 > div.sm-logo > img { max-width:80%; }
  .sm-overlay-106  a { font-size:3rem!important; }
}
@media all and (max-width:415px)  {
  .sm-overlay-106  a { font-size:2rem!important; }
}




/************************
TESTIMONIAL
*************************/
#testimonialContainer {
  text-align:center;
  max-width:900px;
  margin:0 auto;
  padding:160px 0px;
}
#testimonialContainer h3 {
  margin:0px;
  min-height:70px;
  line-height:1.8em;
}
#testimonialContainer h4 {
  margin-top:20px;
  color:#fff;
}
#testimonialContainer span {
  font-size:30px;
  font-weight:300;
  color:#fff;
}

.homePage .testimonial-wrapper-home { background:#fff;}
.homePage #testimonialWrapper h4 {color:#aaa;}
.homePage #testimonialWrapper span {  color:#000;}

.testimonial-wrapper-home { 	background:#D94F5C }
.testimonial-wrapper-A { background:#BA55D3;}
.testimonial-wrapper-B  { background:#20B2AA;}
.testimonial-wrapper-C { background:#FF69B4;}
.testimonial-wrapper-D { background:#1E90FF;}
.testimonial-wrapper-E { background:#F4A460;}


.typed-cursor{
    margin-left:10px; display:inline;
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}
@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}





/* ######## MISC ########## */

/* ANIMATE DELAY */

.slow {
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-o-animation-duration: 2s;
-webkit-vendor-animation-delay: 2s;
-moz-vendor-animation-delay: 2s;
-o-vendor-animation-delay: 2s;
}
.slow2 {
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-o-animation-duration: 2s;
-webkit-vendor-animation-delay: 3s;
-moz-vendor-animation-delay: 3s;
-o-vendor-animation-delay: 3s;
-webkit-transition-delay: 3s;
  transition-delay: 3s;
}


/*MOBILE MENU */
.slideout-container  {
 	background:#fff;
}
.slideout-menu > div.slideout-menu-container  {
 	position:fixed;
  top:0px;
  min-width:100%!important;
}
.slideout-menu button.dropdown-trigger {
 	min-width:100%!important;
	background-position:right top;
}
.slideout-menu button.dropdown-trigger b {
  top:2px;
  color:#555;
  position:relative;
}
.slideout-menu > div.slideout-menu-container li {
 	padding:4px 0px;
}
.slideout-menu > div.slideout-menu-container li:hover > a {
 	background:none!important;
  text-decoration:underline!important;
}
.slideout-menu li > a > span {
  font-family:'Montserrat',sans-serif;
  color:#1E222B;
}



/* MAIN MENU */
.mod-inner.mainMenu  {
  padding:0px;
  margin:0px;
}
.mod-inner.mainMenu ul.menu {
 	padding:0px;
  margin-top:30px;
}
.mod-inner.mainMenu ul.menu li a {

}
.mod-inner.mainMenu ul.menu li a {
  color:#fff;
  font-weight:900;
  font-size:12px;
  padding:10px 10px;
  margin:0 0 0 2.4em;
  text-transform:uppercase;
}
.mod-inner.mainMenu ul.menu li a {
  text-decoration:none;
}
.mod-inner.mainMenu ul.menu li.item-126 > a {
  background:#000;
  color:#fff!important;
  border-radius:3px;
  margin-left:80px;
}
/* hide services menu from mainmenu*/
ul.menu.menu-horizontal ul.dropdown-1411.collapse.submenu {
 display:none;
}


@media all and (max-width: 1100px)  {
  .mod-inner.mainMenu  {
   	margin-top:10px;
  }
	.mod-inner.mainMenu ul.menu li a {
    font-size:11px;
   	padding:10px 5px;
  }
  .mod-inner.mainMenu ul.menu li.item-126 > a {
   margin-left:40px;
  }
}
@media all and (max-width: 920px)  {
  .mod-inner.mainMenu  {
   	margin-top:10px;
  }
	.mod-inner.mainMenu ul.menu li a {
    font-size:11px;
   	padding:10px 5px;
  }
  .mod-inner.mainMenu ul.menu li.item-126 > a {
   margin-left:20px;
  }
}


/* Trinculo */
.mainMenu ul.menu li a {
	position: relative;
	padding: 1em 0.1em;
	text-align: center;
	color: #b5b5b5;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}

.mainMenu ul.menu li a:hover,
.mainMenu ul.menu li a:focus {
	color: #929292;
}

.mainMenu ul.menu li a::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	opacity: 0;
	background: #fff;
	-webkit-transform: scale3d(0, 1, 1);
	transform: scale3d(0, 1, 1);
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-transition: -webkit-transform 2s 2.2s, opacity 2.2s;
	transition: transform 2s 2.2s, opacity 2.2s;
}

.mainMenu ul.menu li.menu__item--current a::before {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	-webkit-transition: -webkit-transform 1.2s, opacity 1.1s;
	transition: transform 1.2s, opacity 1.1s;
	-webkit-transition-delay: 1.35s;
	transition-delay: 1.35s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.mainMenu ul.menu li.clicked a::before {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	-webkit-transition: -webkit-transform 1.2s, opacity 1.1s;
	transition: transform 1.2s, opacity 1.1s;
	-webkit-transition-delay: 1.35s;
	transition-delay: 1.35s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.mainMenu ul.menu li a span {
	display: block;
	pointer-events: none;
}

.mainMenu ul.menu .menu__item--current a span {
	-webkit-animation: anim-trinculo 2s forwards;
	animation: anim-trinculo 2s forwards;
}

.mainMenu ul.menu .clicked a span {
	-webkit-animation: anim-trinculo-clicked 1ss backwards;
	animation: anim-trinculo-clicked 1s backwards;
}


@-webkit-keyframes anim-trinculo {
	50% {
		opacity: 0;
		color: #929292;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}

	51% {
		opacity: 0;
		color: #d94f5c;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}

	75% {
		opacity: 1;
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0);
	}

	100% {
		opacity: 1;
		color: #d94f5c;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes anim-trinculo {
	50% {
		opacity: 0;
		color: #929292;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}

	51% {
		opacity: 0;
		color: #d94f5c;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}

	75% {
		opacity: 1;
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0);
	}

	100% {
		opacity: 1;
		color: #d94f5c;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}





@-webkit-keyframes anim-trinculo-clicked {
	50% {
		opacity: 0;
		color: #929292;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}

	51% {
		opacity: 0;
		color: #d94f5c;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}

	75% {
		opacity: 1;
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0);
	}

	100% {
		opacity: 1;
		color: #d94f5c;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes anim-trinculo-clicked {
	50% {
		opacity: 0;
		color: #929292;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(0, 0, 0);
	}

}








/* This stylesheet generated by Transfonter (http://transfonter.org) on May 12, 2016 6:30 PM */

@font-face {
	font-family: 'Proxima Nova';
	src: url('fonts/ProximaNova-Light.eot');
	src: url('fonts/ProximaNova-Light.eot?#iefix') format('embedded-opentype'),
		url('fonts/ProximaNova-Light.woff') format('woff'),
		url('fonts/ProximaNova-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova';
	src: url('fonts/ProximaNova-Semibold.eot');
	src: url('fonts/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'),
		url('fonts/ProximaNova-Semibold.woff') format('woff'),
		url('fonts/ProximaNova-Semibold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova';
	src: url('fonts/ProximaNova-Bold.eot');
	src: url('fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/ProximaNova-Bold.woff') format('woff'),
		url('fonts/ProximaNova-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova';
	src: url('fonts/ProximaNova-Regular.eot');
	src: url('fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/ProximaNova-Regular.woff') format('woff'),
		url('fonts/ProximaNova-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}




/**** CLOUDS ****

.sec tion-wrapper.section-wrapper-1  {
  padding: 50px 0px 0px 0px;
  background: #c9dbe9;
  background: -webkit-linear-gradient(top, #ddd 0%, #fff 100%);
  background: -linear-gradient(top, #ddd 0%, #fff 100%);
  background: -moz-linear-gradient(top, #ddd 0%, #fff 100%);
}

.cloud {
  width: 200px;
  height: 60px;
  background: #fff;
  border-radius: 200px;
  -moz-border-radius: 200px;
  -webkit-border-radius: 200px;
  position: absolute;
}

.cloud:before,
.cloud:after {
  content: '';
  position: absolute;
  background: #fff;
  width: 100px;
  height: 80px;
  position: absolute;
  top: -15px;
  left: 10px;
  border-radius: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
  -moz-transform: rotate(30deg);
}

.cloud:after {
  width: 120px;
  height: 120px;
  top: -55px;
  left: auto;
  right: 15px;
}

.x1 {
  -webkit-animation: moveclouds 15s linear infinite;
  -moz-animation: moveclouds 15s linear infinite;
  -o-animation: moveclouds 15s linear infinite;
}

.x2 {
  left: 200px; margin-top:100px;
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  transform: scale(0.6);
  opacity: 0.6;

  -webkit-animation: moveclouds 25s linear infinite;
  -moz-animation: moveclouds 25s linear infinite;
  -o-animation: moveclouds 25s linear infinite;
}

.x3 {
  left: -250px;
  margin-top:250px;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0.8;

  -webkit-animation: moveclouds 20s linear infinite;
  -moz-animation: moveclouds 20s linear infinite;
  -o-animation: moveclouds 20s linear infinite;
}

.x4 {
  left: 570px;
  margin-top:150px;
  -webkit-transform: scale(0.75);
  -moz-transform: scale(0.75);
  transform: scale(0.75);
  opacity: 0.75;

  -webkit-animation: moveclouds 18s linear infinite;
  -moz-animation: moveclouds 18s linear infinite;
  -o-animation: moveclouds 18s linear infinite;
}

.x5 {
  left: -150px;
  margin-top:200px;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0.8;

  -webkit-animation: moveclouds 20s linear infinite;
  -moz-animation: moveclouds 20s linear infinite;
  -o-animation: moveclouds 20s linear infinite;
}

@-webkit-keyframes moveclouds {
  0% {
    margin-left: 1000px;
  }
  100% {
    margin-left: -1000px;
  }
}

@-moz-keyframes moveclouds {
  0% {
    margin-left: 1000px;
  }
  100% {
    margin-left: -1000px;
  }
}

@-o-keyframes moveclouds {
  0% {
    margin-left: 1000px;
  }
  100% {
    margin-left: -1000px;
  }
}



*/





.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #fff;
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 100%;
  width: 100%;
  height: 3px;
}


.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url("../../../images/loader.gif") center no-repeat #fff;
}








 /*************
 SCROLL DOWN - Frontpage introWrapper
 *************/

.arrows {
  width: 60px;
  height: 72px;
  position: absolute;
  left: 50%;
  margin-left: -30px;
  bottom:-150px;
}

.arrows path {
  stroke: #794791;
  fill: transparent;
  stroke-width: 2px;
  animation: arrow 2s infinite;
  -webkit-animation: arrow 2s infinite;
}
@media all and (max-width:740px)  {
 .arrows {
  bottom:-100px;
 }
}


@keyframes arrow {
  0% {
    opacity: 0
  }
  40% {
    opacity: 1
  }
  80% {
    opacity: 0
  }
  100% {
    opacity: 0
  }
}

@-webkit-keyframes arrow
/*Safari and Chrome*/

{
  0% {
    opacity: 0
  }
  40% {
    opacity: 1
  }
  80% {
    opacity: 0
  }
  100% {
    opacity: 0
  }
}

.arrows path.a1 {
  animation-delay: -1s;
  -webkit-animation-delay: -1s;
  /* Safari 和 Chrome */
}

.arrows path.a2 {
  animation-delay: -0.5s;
  -webkit-animation-delay: -0.5s;
  /* Safari 和 Chrome */
}

.arrows path.a3 {
  animation-delay: 0s;
  -webkit-animation-delay: 0s;
  /* Safari 和 Chrome */
}