article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block
}

audio,
canvas,
video {
	display: inline-block;
	display: inline;
	zoom: 1;
}

[hidden] {
	display: none
}

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}

html,
button,
input,
select,
textarea {
	font-family: sans-serif;
	color: #222
}

body {
	margin: 0;
	font-size: .7em;
	line-height: 1.4
}

@media (max-width: 567px) {
    body {
        font-size: 12px;
    }
}

::-moz-selection {
	background: #f1f1f1
}

::selection {
	background: #f1f1f1
}

img::-moz-selection {
	background: transparent
}

img::selection {
	background: transparent
}

a {
	color: #6b6b69
}

a:visited {
	color: #6b6b69
}

a:hover {
	color: #6b6b69;
	text-decoration: none
}

a:focus {
	outline: 0
}

a:hover,
a:active {
	outline: 0
}

abbr[title] {
	border-bottom: 1px dotted
}

b,
strong {
	font-weight: 700
}

blockquote {
	margin: 1em 40px
}

dfn {
	font-style: italic
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0
}

ins {
	background: #ff9;
	color: #000;
	text-decoration: none
}

mark {
	background: #ff0;
	color: #000;
	font-style: italic;
	font-weight: 700
}

pre,
code,
kbd,
samp {
	font-family: monospace, serif;
	_font-family: 'courier new', monospace;
	font-size: 1em
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word
}

q {
	quotes: none
}

q:before,
q:after {
	content: "";
	content: none
}

small {
	font-size: 85%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle
}

svg:not(:root) {
	overflow: hidden
}

.chromeframe {
	margin: .2em 0;
	background: #ccc;
	color: #000;
	padding: .2em 0
}

* {
	margin: 0;
	padding: 0
}

body {
	background: #f1f1f1;
	letter-spacing: .12em
}

body.ie {
	letter-spacing: .08em
}

html[lang=ar] h1,
html[lang=ar] h2,
html[lang=ar] h3,
html[lang=ar] h4,
html[lang=ar] h5,
html[lang=ar] h6,
html[lang=ar] p,
html[lang=ar] li,
html[lang=ar] a,
html[lang=ar] span {
	direction: rtl
}

html[lang=ar] body {
	font-size: .8em
}

html[lang=ar] body.ch {
	font-size: .85em
}

ul,
li {
	list-style: none;
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	padding: 0
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
	font-weight: 400
}

a {
	text-decoration: none
}

div.clear {
	clear: both
}

.button {
	float: left;
	padding: 3px 5px 1px;
	background: #748e75;
	font: 400 .82em 'Proxima N W01 Smbd';
	letter-spacing: .12em;
	color: #fff !important;
	cursor: pointer;
	text-transform: uppercase
}

.button:active,
.button:visited {
	background: #748e75
}

.button:hover {
	background: #b6c2b4
}

.ch .button {
	background: #9b202d
}

div.bkg {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0
}

div.bkg img {
	position: absolute;
	top: 0;
	left: 0;
	image-rendering: optimizeQuality;
	z-index: 0
}

.ch div#bkgsItems {
	background: #dbdae0
}

.ch div#bkgsItems.white {
	background: #fff
}

.ch div#bkgsAssociates {
	background: #dbdae0
}

.ch.eyewear div#bkgsItems {
	background: #dbdae0
}

.border {
	border-left: solid thin #DEDEDE;
}

.mb-3 {
	margin-bottom: 1rem;
}

.btn-back {
	color: #a4e1e7;
}

#mainBeHappy {
	display: none;
}

.mobile-view {
	display: block;
}

.mobile-view .title {
	text-align: center;
	margin-top: 16px;
	margin-bottom: 16px;
}

.mobile-view .title .main-title {
	font-size: 30px;
}

.mobile-view .title .sub-title {
	color: #62AAB1;
	font-size: 24px;
	font-weight: 600;
}

.img-fluid {
	max-width: 100%;
    object-fit: cover;
    object-position: top;
}

.img-fluid:before {
    content: '';
    float: left;
    padding-top: calc(2 / 3 * 100%);
}

.img-fluid:after {
    content: '';
    display: block;
    clear: both;
}

.image-with-quote {
	position: relative;
}

.image-with-quote:before {
	display: block;
    content: "";
    width: 100%;
    padding-top: 66%;
}

.image-with-quote img {
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.image-with-quote > a {
	position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    left: 0;
    top: 0;
    display: flex;
    background: rgba(12, 12, 12, 0.40);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-align: center;
}

.testimonial-mobile {
	display: none;
}

@media (max-width: 1180px) {
	body {
		overflow: auto;
		min-height: unset;
		min-width: unset;
	}
	.mobile-view {
		padding-top: 0;
		padding-left: 295px;
	}
	div#main {
		padding-left: 295px;
		padding-top: 16px;
	}
	.behappy img {
		width: 100%;
        max-width: 540px;
        float: left;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        margin-right: 16px;
	}
	.testimonial-block {
		display: none;
	}
	.testimonial-mobile {
		display: block;
		background: #5FB2BD;
		padding: 16px 54px;
		margin-left: 16px;
		margin-right: 16px;
		border-radius: 4px;
		color: #fff;
		font-size: 16px;
		font-family: Averia Serif Libre;
		font-style: italic;
	}
	.testimonial-mobile .slick-testimonial-author {
		text-align: right;
		font-weight: 600;
	}
	.wuscontent.wrapLook h1 {
		margin-left: 0;
	}
	.wuscontent.wrapLook ul {
		margin-left: 0;
	}
	.wuscontent.wrapLook {
		margin: 0;
		padding: 16px;
	}
}

@media (max-width: 820px) {
    .mobile-view {
		padding-top: 70px;
		padding-left: 0;
	}
	div#main {
		padding-left: 0 !important;
		padding-top: 70px;
	}
}

@media (min-width: 1181px) {
	.d-md-none {
		display: none;
	}
	#mainBeHappy {
		display: block;
	}
	.mobile-view {
		display: none;
	}
}

ul.social li a {
	display: inline;
	z-index: 1;
}

@media (max-width: 991.8px) {
	.bio img {
		width: 100%;
	}
	.wrapBio .d-flex {
		flex-direction: column;
	}
	.wrapBio .separate {
		display: none;
	}
}

ul.social li.facebook a {}

ul.social li.facebook a:hover {}

ul.social li.youtube a {}

ul.social li.youtube a:hover {}

ul.social li.twitter a {}

ul.social li.twitter a:hover {}

ul.social li.pinterest a {}

ul.social li.pinterest a:hover {}

ul.social li.instagram a {}

ul.social li.instagram a:hover {}

div#smenu {
	position: absolute;
	z-index: 9;
	top: 0;
	left: 150px;
	width: 190px;
	height: 100%;
	background: #393939;
	text-transform: uppercase;
	text-align: center
}

div#smenu nav {
	display: none;
	position: relative;
	top: 20%;
	left: 0
}

div#smenu nav>ul {
	margin-top: 5px;
	background: url(../img/line-grey-dark.png) center top no-repeat
}

div#smenu nav>ul.first {
	margin-top: 0;
	background: 0
}

div#smenu nav>ul.events {
	background: 0;
	margin-top: 30px
}

div#smenu nav>ul.events li a {
	color: #fff
}

div#smenu nav>ul.events li a:hover {
	opacity: .7
}

div#smenu nav ul li {
	color: #fff;
	font: 400 1em 'Proxima N W01 Smbd'
}

div#smenu nav ul li:first-child {
	min-height: 20px;
	line-height: 20px
}

div#smenu nav ul li a {
	font: 400 .8em 'Proxima N W01 Reg';
	color: #959595;
	height: 17px;
	line-height: 17px
}

div#smenu nav ul li a:hover {
	color: #fff
}

.ch div#smenu {
	background: #fff
}

.ch div#smenu nav h3 {
	font: 400 1.4em 'Proxima N W01 Reg';
	color: #231f20
}

.ch div#smenu nav>ul {
	background-image: url(../img/line-grey.png)
}

.ch div#smenu nav>ul.first {
	background: 0
}

.ch div#smenu nav ul li {
	color: #231f20
}

.ch div#smenu nav ul li a {
	color: #6b6b6a
}

.ch div#smenu nav ul li a:hover,
.ch div#smenu nav ul li a.on {
	color: #231f20
}

.ch div#smenu nav ul li ul.ssnav {
	display: none
}

div#main {
	padding-left: 295px;
	background-color: #fff;
	min-height: 100vh;
}

div#mainBeHappy {
	position: absolute;
	left: 295px;
	top: 0;
	background-color: #fff;
}

div#mainLive {
	position: absolute;
	left: 295px;
	top: 0;
	height: 100%;
	overflow-y: scroll !important;
	background-color: #fff;
}

div#main.fullscreen {
	left: 90px
}

div#main div.share {
	float: left
}

div#main a.arrow {
	display: block;
	width: 30px;
	height: 25px;
	background: url(../img/arrows.png) 10px 10px no-repeat
}

div#main a.arrow.bottom {
	background-position: 10px -25px
}

div#main a.arrow:hover,
div#main a.arrow.off {
	opacity: .5
}

div#main a.arrow.white {
	background-position: -61px 10px
}

div#main a.arrow.white.bottom {
	background-position: -61px -25px
}

div#bkgsVideo div.socialvideo {
	display: none;
	position: absolute;
	z-index: 20;
	right: 0;
	bottom: 30px;
	width: 55px
}

div#bkgsVideo div.socialvideo a {
	display: block;
	width: 35px;
	height: 24px;
	padding: 6px 0 0 20px;
	background: #fff;
	border-bottom: 1px solid #ccc
}

div#bkgsVideo div.socialvideo a:hover {
	background: #ccc
}

div#bkgsVideo div.socialvideo span.icon {
	display: block;
	width: 17px;
	height: 17px;
	background: url(../img/share-pictos.png) 0 0 no-repeat
}

div#bkgsVideo div.socialvideo span.icon.twitter {
	background-position: -27px 0
}

div#bkgsVideo div.socialvideo span.icon.google {
	background-position: -54px 0
}

div#bkgsVideo div.socialvideo span.icon.pinterest {
	background-position: -81px 0
}

div.zoom {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -10px 0 0 -18px;
	z-index: 9;
	overflow: hidden;
	width: 36px;
	height: 36px;
	cursor: url(../img/cursorLess-green.png) 0 0, url(../img/cursorLess-green.cur), pointer
}

div.zoom img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	image-rendering: optimizeQuality;
	-ms-interpolation-mode: bicubic;
	-webkit-transform-style: preserve-3d;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-ms-transition-property: -ms-transform;
	-o-transition-property: -o-transform;
	transition-property: transform
}

.ch div.zoom {
	cursor: url(../img/cursorLess-red.png) 0 0, url(../img/cursorLess-red.cur), pointer
}

.home div.bkg {
	height: 50%;
	background: #fff;
	overflow: hidden
}

.home video {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%
}

.home object {
	position: relative
}

.home div.bkg div.timer {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -105px 0 0 -170px;
	width: 295px;
	height: 210px;
	color: #fff;
	text-transform: uppercase;
	text-align: center
}

.home div.bkg div.timer h4 {
	font: 400 1.6em 'Proxima N W01 Reg';
	color: #fff
}

.home div.bkg div.timer ul {
	width: 295px;
	height: 50px;
	margin: 40px 0
}

.home div.bkg div.timer ul li {
	display: inline;
	float: left;
	width: 80px;
	height: 50px;
}

.home div.bkg div.timer ul li:last-child {
	border: 0
}

.home div.bkg div.timer ul li span.time {
	font: 400 2.8em 'Proxima N W01 Reg'
}

.home div.bkg div.timer ul li span {
	display: block;
	font: 400 .8em 'Proxima N W01 Reg'
}

.home div.bkg div.timer h5 {
	font: 400 1em 'Proxima N W01 Reg'
}

.home div.bkg div.timer h5.big {
	font-size: 1.6em;
	opacity: .6;
	margin-top: 5px
}

.home div.bkg div.timer h6 {
	font: 400 1.6em 'Proxima N W01 Reg';
	margin-top: 10px
}

.home div.bkg div.timer a.watch {
	display: inline-block;
	margin-top: 25px;
	background: #fff;
	color: #4c4c44;
	padding: 6px 30px 4px;
	font: 400 .9em 'Proxima N W01 Reg';
	line-height: 18px
}

.home div.bkg div.timer a.watch:hover {
	background: #4c4c44;
	color: #fff
}

.home div.bkg div.timer a.download {
	display: block;
	margin-top: 20px;
	font: 400 .9em 'Proxima N W01 Reg';
	color: #fff;
	text-decoration: underline;
	opacity: .7
}

.home div.bkg div.timer a.download:hover {
	text-decoration: none;
	opacity: 1
}

.home div.bkg section {
	position: absolute;
	z-index: 51;
	background: #fff;
	width: 100%;
	height: 100%
}

.home div.bkg section article {
	position: absolute;
	text-transform: uppercase;
	text-align: center
}

.home div.bkg section article h3 {
	margin-bottom: 25px;
	font: 400 1em 'Proxima N W01 Reg';
	color: #6b6b6b
}

.home div.bkg section article a {
	display: block;
	color: #6b6b6b;
	margin: 0 10px
}

.home div.bkg section article a.top {
	margin-top: 30px
}

.home div.bkg section article a:hover {
	opacity: .5
}

.home div.bkg section article a span {
	display: block;
	text-align: center
}

.home div.bkg section article a span.line1 {
	font: 400 2em arial;
	padding-bottom: 7px;
	color: #4A4A4A
}

.home div.bkg section article a span.line1.small {
	font: 400 1.5em Arial;
	color: #4A4A4A
}

.home div.bkg section article a span.line2 {
	font: 400 1.2em 'st ryde';
	border-top: 1px solid rgba(210, 210, 210, .8);
	padding: 10px 5px 0;
	color: #7F7F7F;
	text-transform: lowercase
}

.home div.bkg section article a span.line2:first-letter {
	text-transform: uppercase
}

.home div.bkg section article a span.line2.small {
	font: 400 1.2em 'st ryde';
	font-size: 15px;
	color: #3F3F3F;
	text-transform: lowercase
}

.home div.bkg section article a span.line2.small:first-letter {
	text-transform: uppercase
}

.home div.bkg section article a span.line3 {
	font: 400 .8em 'st ryde';
	padding: 10px 5px 0;
	color: #555;
	padding-left: 50%
}

.home div.bkg section article a span.line3.small {
	font: 400 .7em 'st ryde';
	color: #d3d3d3;
	padding-left: 10%
}

.home div.bkg section article a span.play {
	height: 25px;
	margin-top: 8px;
	background: url(../img/play-mini.png) center top no-repeat
}

.home div.bkg section a.download {
	position: absolute;
	top: 65%;
	width: 100%;
	text-align: center;
	display: block;
	font: 400 .9em 'Proxima N W01 Reg';
	color: #b6b6b6;
	text-decoration: underline;
	text-transform: uppercase
}

.home div.bkg section a.download:hover {
	text-decoration: none
}

div.bkg.main {
	cursor: url(../img/cursor-green.png) 0 0, url(../img/cursor-green.cur), pointer
}

.lt-ie9 div.bkg.main,
.ie9 div.bkg.main {
	cursor: url(../img/cursor-green.cur), pointer
}

div.bkg.detail1 {
	width: 40%;
	height: 100%;
	overflow: hidden
}

div.bkg.detail2 {
	top: 50%;
	width: 40%;
	height: 50%;
	overflow: hidden
}

#sl-submenu {
	width: 295px;
	height: 100%;
	position: absolute;
	z-index: 5;
	left: 0;
	top: 0;
	background-color: #fff
}

#sl-submenu h1 {
	font: 400 1.455em 'Proxima N W01 Reg';
	text-align: center;
	color: #393939;
	text-transform: uppercase;
	margin-bottom: 15px
}

#sl-submenu ul.filters {
	text-align: center;
	margin-bottom: 25px
}

#sl-submenu ul.filters li {
	display: inline;
	text-transform: uppercase;
	color: #fff;
	cursor: pointer
}

html[lang=ar] #sl-submenu ul.filters li {
	float: left;
	margin-left: 45px
}

#sl-submenu ul.filters li:first-child {
	margin-right: 20px
}

#sl-submenu ul.filters li span {
	position: relative;
	top: 2px;
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url(../img/checkbox.png) 0 0 no-repeat;
	margin-right: 5px
}

html[lang=ar] #sl-submenu ul.filters li span {
	left: 10px
}

#sl-submenu ul.filters li.on span {
	background-position: 0 -12px
}

#sl-submenu div.countries {
	background: url(../img/sl-separator.png) top center no-repeat;
	padding-top: 25px
}

html[lang=ar] #sl-submenu div.countries {
	background: 0
}

#sl-submenu.hide div.countries {
	display: none
}

.chny #sl-submenu {
	background-color: #393939
}

.chny #sl-submenu h1 {
	color: #fff
}

.chny #sl-submenu div.countries {
	background-image: url(../img/sl-separator-chny.png)
}

#sl-submenu div.countries h3 {
	text-align: center;
	font-size: 1.455em;
	text-transform: uppercase;
	color: #393939;
	padding-bottom: 25px
}

#sl-submenu div.countries ul {
	float: left;
	width: 140px
}

#sl-submenu div.countries h3+ul {
	margin-left: 30px
}

#sl-submenu div.countries ul li {
	text-align: center;
	margin-bottom: 10px
}

#sl-submenu div.countries ul li a {
	text-transform: uppercase;
	font-size: .818em;
	color: #b6b6b6
}

#sl-submenu div.countries ul li.off a,
#sl-submenu div.countries ul li.off.active a,
#sl-submenu div.countries ul li.off a:hover,
#sl-submenu div.countries ul li.off.active a:hover {
	color: #e2e1e1;
	cursor: default
}

#sl-submenu div.countries ul li a:hover,
#sl-submenu div.countries ul li.active a {
	color: #393939
}

.chny #sl-submenu div.countries h3 {
	color: #fff
}

.chny #sl-submenu div.countries ul li.off a,
.chny #sl-submenu div.countries ul li.off.active a,
.chny #sl-submenu div.countries ul li.off a:hover,
.chny #sl-submenu div.countries ul li.off.active a:hover {
	color: #434343;
	cursor: default
}

.chny #sl-submenu div.countries ul li a {
	color: #646464
}

.chny #sl-submenu div.countries ul li a:hover,
.chny #sl-submenu div.countries ul li.active a {
	color: #fff
}

#sl-submenu.hide {
	left: -290px
}

#sl-submenu.hide span.open {
	display: block
}

#sl-submenu span.close {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 20px;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Proxima N W01 Reg';
	font-size: .818em;
	color: #b6b6b6
}

#sl-submenu span.close:hover {
	color: #393939
}

.chny #sl-submenu span.close {
	color: #646464
}

.chny #sl-submenu span.close:hover {
	color: #fff
}

#slideshow {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 4;
	top: 0;
	right: 0;
	background-color: #fff
}

#slideshow img {
	display: none;
	position: absolute;
	top: 0;
	left: 0
}

div.loader {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 50;
	width: 34px;
	height: 34px;
	margin: -17px 0 0 -17px;
	background: url(../img/loader.png) no-repeat 0 0
}

div.error {
	position: absolute;
	left: 0;
	top: 0;
	width: inherit;
	height: 100%;
	background: #fbf9f8;
	text-transform: uppercase;
	color: #333;
	text-align: center
}

div.error div.content {
	position: relative;
	top: 40%
}

div.error div.content h2 {
	font: 400 1em 'Proxima N W01 Reg'
}

div.error div.content h3 {
	position: relative;
	top: 45%;
	font: 400 2em 'Proxima N W01 Reg'
}

div.error div.content a {
	text-decoration: none;
	line-height: 50px
}

div.error div.content a:hover {
	text-decoration: underline
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 21),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
	ul.social li a {
		background-size: 217px 51px;
		background-image: url(../img/footer-picto@2x.png)
	}

	div#main div.share div.social a.icon {
		background-size: 98px 17px;
		background-image: url(../img/share-pictos@2x.png)
	}
}

@media only screen and (max-width: 1150px) {
	.ch div#main {
		left: 280px
	}

	.ch div#smenu {
		left: 90px
	}

	.chny div#main,
	div#mainBeHappy {
		left: 295px
	}

	.chny div#smenu {
		left: 90px
	}

	.ch div.bkg.fragrance article.intro {
		width: 250px
	}

	.ch div.bkg.fragrance article.intro ul li h3 {
		background-position-x: 235px
	}

	div.calendar {
		padding: 50px 50px 95px
	}

	div#main.fullscreen {
		left: 90px
	}

	div#grid ul li div.grid-roll p {
		font-size: 1.2em
	}

	div#grid ul li div.grid-roll span {
		font-size: 3em
	}

}

.ir {
	display: block;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	direction: ltr;
	line-height: 0
}

.ir br {
	display: none
}

.hidden {
	display: none !important;
	visibility: hidden
}

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto
}

.invisible {
	visibility: hidden
}

.nav-menu-Be, .nav-menu-Look, .nav-menu-Live, .nav-menu-Get {
	display: none
}

.nav-menu-Be.active, .nav-menu-Look.active, .nav-menu-Live.active, .nav-menu-Get.active {
	display: block;
}

.clearfix:before,
.clearfix:after {
	content: "";
	display: table
}

.clearfix:after {
	clear: both
}

.clearfix {
	zoom: 1
}

@media print {
	* {
		background: transparent !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important;
		filter: none !important;
		-ms-filter: none !important
	}

	a,
	a:visited {
		text-decoration: underline
	}

	a[href]:after {
		content: " (" attr(href) ")"
	}

	abbr[title]:after {
		content: " (" attr(title) ")"
	}

	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: ""
	}

	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid
	}

	thead {
		display: table-header-group
	}

	tr,
	img {
		page-break-inside: avoid
	}

	img {
		max-width: 100% !important
	}

	@page {
		margin: .5cm
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3
	}

	h2,
	h3 {
		page-break-after: avoid
	}
}

#google_hidden {
	display: none
}

#popins {
	width: 0;
	height: 0
}

#popins .popin-inside {
	display: none;
	position: relative;
	z-index: 30000
}

.popin {
	position: fixed;
	left: 50%;
	top: 50%;
	background-color: #fff;
	font-size: .909em;
	z-index: 10000
}

.popin .close {
	position: absolute;
	top: 10px;
	right: 7px
}

.popin .close a {
	width: 28px;
	height: 28px;
	display: block;
	background: #d9d9d9 url(../img/popin-close.png) center center no-repeat;
	border: 1px solid #d9d9d9
}

.popin .close a:hover,
.popin .close a:active {
	background-color: #fff
}

.popin p {
	color: #4c4c4c;
	font-family: 'Proxima N W01 Reg';
	display: block;
	margin-bottom: .3em
}

.cache {
	position: fixed;
	top: 0;
	left: 0;
	background-color: #000;
	width: 100%;
	height: 100%;
	z-index: 9999;
	-ms-filter: alpha(opacity="90");
	filter: alpha(opacity="90");
	-moz-opacity: .9;
	-khtml-opacity: .9;
	-webkit-opacity: .9;
	opacity: .9;
	zoom: 1
}

#cacheWebsite {
	z-index: 10000;
	display: none
}

.nav-menu-Be,
.nav-menu-Look,
.nav-menu-Live,
.nav-menu-Get {
	margin-bottom: 20px;
}

.menu-toggle:hover {
	cursor: pointer
}

.wrap {
	background-color: #fff;
	margin: 0 auto;
	height: 930px;
}

.wrapBio {
	background-color: #fff;
	max-width: 838px;
	padding-left: 16px;
	padding-right: 16px;
}

.wrapBeing {
	background-color: #fff;
	padding-left: 16px;
	padding-right: 16px;
}

.wrapLook {
	background-color: #fff;
	margin: 0 auto;
}

.behappy h3 {
	font-family: 'st ryde', Georgia, "Times New Roman", Times, serif;
	color: #5F6062;
	font-size: 17px;
	margin-bottom: 40px;
}

.behappy h2 {
	font-family: 'st ryde', Georgia, "Times New Roman", Times, serif;
	color: #7e8083;
	font-size: 14px;
	margin-left: 50px
}

.behappy .quote {
	font-family: 'st ryde', Georgia, "Times New Roman", Times, serif;
	color: #7e8083;
	font-size: 15px;
	margin-top: 70px;
	margin-left: 40px
}

.experience p {
	margin-top: 40px;
	font-family: 'st ryde', Georgia, "Times New Roman", Times, serif;
	color: #5F6062;
	font-size: 17px;
	margin-bottom: 60px;
}

.main h2 {
	margin-top: -38px;
	margin-left: 522px
}

.behappy img {
	margin-right: 25px;
	margin-bottom: 8px;
}

.testimonials {
    display: flex;
    gap: 10px;
}

.testimonial-quote {
	flex: 1;
    background: #5fb2bd;
    padding: 20px;
    border-radius: 10px;
}

.testimonial {
	margin: 0;
	position: relative;
	font-family: 'Open Sans', sans-serif;
	color: white;
	position: relative
}

.testimonial p {
	font-size: 15px;
	color: white;
}

.testimonial-block {

}

.blank {
	background: white;
	width: 100%;
	height: 40px;
}

.testimonial-author {
	margin: 0 0 0 16px;
	font-family: 'Open Sans', sans-serif;
	color: white;
	font-weight: bold;
	text-align: left;
	font-size: 15px;
	margin-top: 4px;
}

.testimonial-author span {
	font-size: 11px;
	color: white;
}

.testimonial-block-live {
	background: #5fb2bd;
	width: 100%;
	height: 222px;
	width: 812px;

}

.testimonial-quote-live {
	margin-left: 120px;
	width: 70%;
	padding-top: 30px;
}

.testimonial-live {
	margin: 0;
	padding: 10px 20px;
	position: relative;
	font-family: 'Open Sans', sans-serif;
	color: white;
	margin-left: 6%;
	position: relative;
}

.testimonial-live {
	margin: 0 0 0 25px;
	font-family: 'Open Sans', sans-serif;
	color: white;
	font-weight: bold;
	font-size: 15px;
	margin-left: 3%;
	text-align: center;
}

.testimonial-author-live {
	margin: 0 0 0 25px;
	font-family: 'Open Sans', sans-serif;
	color: white;
	font-weight: bold;
	text-align: center;
	font-size: 15px;
	margin-left: -2%;

}

.projects-testimonials {
	color: #5fb2bd;
	margin-top: 150px;
	margin-right: 0%;
	float: right;
	font-family: 'Open Sans', sans-serif;
}


.projects-testimonials p {
	font-size: 15px !important;
}

.hide {
	display: none
}

.wus {
	background-color: #fff;
}

.wuscontent {
	color: #464444;
	font-size: 13px;
	padding-top: 40px;
}

.wuscontent h1 {
	font-family: 'st ryde', Georgia, "Times New Roman", Times, serif;
	color: #8B8C8D;
	padding-bottom: 20px;
}

.wuscontent ul {
	color: #636161;
	padding-top: 15px;
	padding-bottom: 40px
}

.wuscontent li {
	font-family: 'st ryde', Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	padding-bottom: 5px
}

.services {
	color: #464444;
	font-size: 13px;
	padding-top: 40px;
}

.services h1 {
	margin-left: 25%;
}

.why {
	margin-left: 15%;
	width: 450px;
	padding-bottom: 100px;
}

.why h2 {
	font-family: 'st ryde', Georgia, "Times New Roman", Times, serif;
	text-align: center
}

.humor {
	margin-top: 30px
}

.why p {
	font-family: 'st ryde', Georgia, "Times New Roman", Times, serif;
	color: #7e8083;
	font-size: 16px;
	width: 400px;
	font-weight: 700;
	margin-top: 20px
}

.why h4 {
	color: #5F6062;
	padding-bottom: 18px;
	margin-top: 0;
	font-family: 'st ryde', Georgia, "Times New Roman", Times, serif
}

.bio img {
	padding-bottom: 40px
}

.d-flex {
	display: flex;
	width: 100%;
	justify-content: space-between;
}

.education {
	font-family: 'st ryde', Georgia, "Times New Roman", Times, serif;
	color: #7e8083;
	font-size: 15px;
}

.school {
	padding-bottom: 15px
}

.employment {
	font-family: 'st ryde', Georgia, "Times New Roman", Times, serif;
	color: #7e8083;
	font-size: 15px;
}

.separate {
	border-right: 1px solid #b6b6b6;
	height: 300px;
	margin-top: 50px;
}

.bio h2 {
	margin-left: 271px;
	margin-top: -39px;
	margin-bottom: 10px
}

.animatedin1 {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.beforeafter {
	padding-left: 40px
}

.copy {
	margin-top: 15px
}

.copy p {
	float: left !important;
	width: 400px !important;
	font-size: 12px !important;
	margin-top: 0 !important
}

@-webkit-keyframes bounceInRight {

	0%,
	60%,
	75%,
	90%,
	100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(3000px, 0, 0);
		transform: translate3d(3000px, 0, 0)
	}

	90% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	100% {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes bounceInRight {

	0%,
	60%,
	75%,
	90%,
	100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(3000px, 0, 0);
		-ms-transform: translate3d(3000px, 0, 0);
		transform: translate3d(3000px, 0, 0)
	}

	90% {
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	100% {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight
}

@-webkit-keyframes bounceOutLeft {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(20px, 0, 0);
		transform: translate3d(20px, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}
}

@keyframes bounceOutLeft {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(20px, 0, 0);
		-ms-transform: translate3d(20px, 0, 0);
		transform: translate3d(20px, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		-ms-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}
}

.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft
}

@media (min-width:1280px) and (max-width:1366px) {
	.behappy .image {
		width: 500px
	}
}

.d-lg-flex {
    display: flex;
}

@media (max-width: 768px) {
    .d-lg-flex {
        display: block;
    }
}

@media (min-width:1367px) {
	.behappy .image {
		width: unset
	}
}

.projects {
	width: 800px;
	color: #5F6062;
	margin: 0 auto;
}

.projects img {
	margin-bottom: 20px;
	padding-right: 25px
}

.centered {
	float: right;
	padding-top: 20px
}

.projects p {
	width: 400px;
	font-size: 16px;
	margin-left: 5%
}

.projects h1 {
	font-size: 24px;
	font-family: arial, sans-serif;
	width: 400px;
	text-align: left;
	margin-left: 5%;
	padding-top: 50px
}

.projects h2 {
	font-size: 24px;
	font-family: arial, sans-serif;
	width: 400px;
	text-align: left;
	margin-left: 5%
}

.copyprojects {
	float: left;
	padding-bottom: 20px
}

.projects p {
	font-size: 13px
}

.copyvideo {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	padding-top: 30px;
	padding-bottom: 20px;
	margin-left: 10%;
	font-size: 16px;
	color: #8B8C8D
}

.copyvideo-izq {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	margin-left: 129px;
	padding-top: 20px;
	padding-bottom: 25px;
	font-size: 16px;
	color: #8B8C8D
}

.celeste p {
	margin-left: 48%
}

.celeste1 p {
	font-style: normal;
	font-family: arial, sans-serif;
	font-size: 16px;
	color: #8B8C8D;
	margin-left: 48%
}

.super-break {
	clear: both
}

i {
	color: #b6b6b6;
	padding: 5px
}

i:hover {
	color: #000
}



#ytplayer,
#ytplayer iframe {
	z-index: 999999;
	margin-top: 10px;
}

.whyUsScroll {
	overflow: scroll;
}


@media only screen and (max-device-width : 1024px) {

	.testimonial p,
	.testimonial-live p {
		font-weight: 600 !important;
	}



	#mainLive {
		left: 230px;
	}

	.why {
		margin-left: 24%;
	}

	.wrapBeing {
		margin-left: 0px;
		/*		margin-left: 24%;
*/
	}

	.behappy img {
		margin-left: 0;
	}

	.wrapBeing h2 {
		margin-left: 320px !important;

	}

	.testimonial-block {
		background: #5fb2bd;
		width: 684px;
		height: 350px;
	}

	/*	.behappy h3{
		margin-left: 110px;
		width: 84%;
	}*/
	div#mainBeHappy {
		width: 1024px !important;
		left: 296px;

	}

	.employment {
		font-family: 'st ryde', Georgia, "Times New Roman", Times, serif;
		color: #7e8083;
		font-size: 15px;
		float: right;
		margin-right: 12%;
	}

	.education {
		margin-left: 10px !important;
		font-family: 'st ryde', Georgia, "Times New Roman", Times, serif;
		color: #7e8083;
		font-size: 15px;
		margin-right: 0%;
		float: left;
	}

	/*	#scroll{
		height: 1000px;
	}*/


	.separation {
		margin-top: -339px;
		border-right: 1px solid #b6b6b6;
		height: 300px;
		margin-right: 0px;
	}

	div#mainLive {
		left: 250px;
		position: absolute;
		top: 0;
		height: 100%;
		overflow-y: scroll !important;
		background-color: #fff;
		width: 1024px !important;
		overflow-x: hidden;
	}

	.testimonial-quote-live {
		margin-left: 55px;
	}

	.projects {
		margin: 0 5px;
	}


	.projects p {
		margin-left: 0px
	}

	.projects-testimonials {
		margin-right: 0px;
	}

}