@charset "utf-8";
/* CSS Document */

#adgenifique  { font:22px/26px KittithadaLight45,Tahoma,sans-serif; -webkit-font-smoothing: antialiased; position:relative; overflow-x: hidden; } 
#adgenifique .en { font:18px/25px 'EB Garamond',serif; }
#adgenifique .en.bold { font-weight:bold; }
#adgenifique .sect-innerwrap { max-width: 1280px; width: 100%; margin: 0 auto; position: relative; z-index: 5; }
#adgenifique .mbtn { font-family:'EB Garamond',serif; padding:5px 20px 5px 35px; }
#adgenifique .mbtn:after { content: ""; display:inline-block; width: 0; height: 0; border: 6px solid transparent; border-left-color: #FFF; border-left-width: 9px; border-right-width: 9px; margin-left:10px; }
#adgenifique .mbtn:hover { background:#1a3455; }
#adgenifique .thaibold { font-family:"KittithadaBold75"; }
#adgenifique .sect { padding:90px 0 0; text-align:center; }
#adgenifique .sect .titlebox h2 { font-size:50px; line-height:1; font-family:"KittithadaBold75"; }
#adgenifique .slick-list { overflow:hidden; }
#adgenifique .num { font-family:"Times New Roman", Times, serif !important; }

#adgenifique .adnav { font:18px/25px 'EB Garamond',serif; text-transform:uppercase; min-height:46px; overflow:hidden;  }

#adgenifique .adnav .adnav-innerwrap { width:100%; border-bottom: 1px solid #c4c4c4; background:#f1eff0; text-align:center; position:relative; top:0; left:0; transition: top 0.2s ease-in-out; }
#adgenifique .adnav .navbar-wrapper {  }
#adgenifique .adnav ul { display:inline-block; margin:5px 0; font-weight:bold; }
#adgenifique .adnav li { display:inline-block; margin:0 25px; }
#adgenifique .adnav a { color:#4f659f; transition:all 0.25s linear 0s; -moz-transition:all 0.25s linear 0s; -webkit-transition:all 0.25s linear 0s; -ms-transition:all 0.25s linear 0s; display:block; padding:5px; position:relative }
#adgenifique .adnav .active a { color:#000; } 
#adgenifique .adnav a:hover { color:#000;  }
#adgenifique .adnav .active a:hover { color:#000; }
#adgenifique .adnav .hidden { visibility:hidden; }

#adgenifique .adnav a:after {
	content: '';
  position: absolute;
  left: 0;
  display: inline-block;
  height: 1em;
  width: 100%;
  border-bottom: 1px solid;
  margin-top: 10px;
  opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

#adgenifique .adnav a:hover:after {
  opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}


#adgenifique .headersec { background:url(../images/headerbg-p3.jpg) center top no-repeat; height:940px; overflow:hidden; padding-top:0 !important; position:relative; }
#adgenifique .headersec:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background-color:#8e9cbd; -webkit-animation: 5s ease 0s normal forwards 1 animatedBackground; animation: 5s ease 0s normal forwards 1 animatedBackground; } 
#adgenifique .headersec img { max-width:100%; }
#adgenifique .headersec .prodslist { text-align:center; padding-top:7%; position: relative; z-index: 2; }
#adgenifique .headersec .prodslist li { display:inline-block; margin:0 20px; position:relative; }
#adgenifique .headersec .prodsname { text-align:center;position:absolute; min-width:250px; -webkit-animation: 2s ease 3s normal forwards 1 fadeIn; animation: 2s ease 3s normal forwards 1 fadeIn; }
#adgenifique .headersec .prodslist li .prodsimg { opacity: 0; }
#adgenifique .headersec .titlebox h2 { font-family: 'EB Garamond',serif !important; font-size: 38px; line-height: 1.2;     padding: 50px 0 0; text-transform: uppercase; position:relative; z-index:20; }
#adgenifique .headersec .prodslist li:first-child .prodsimg { -webkit-animation: -webkit-animation: 2s ease 2s normal forwards 1 slideInDown2; animation: 2s ease 2s normal forwards 1 slideInDown2; }
#adgenifique .headersec .prodslist li:nth-child(2) .prodsimg { -webkit-animation: 3s ease .5s normal forwards 1 slideInDown; animation: 3s ease .5s normal forwards 1 slideInDown; }
#adgenifique .headersec .prodslist li:nth-child(3) .prodsimg { -webkit-animation: 3s ease .5s normal forwards 1 slideInDown; animation: 3s ease .5s normal forwards 1 slideInDown; }
#adgenifique .headersec .prodslist li:nth-child(4) .prodsimg { -webkit-animation: 3s ease 0s normal forwards 1 slideInDown; animation: 3s ease 0s normal forwards 1 slideInDown; }
#adgenifique .headersec .prodslist li:last-child .prodsimg { -webkit-animation: 2s ease 2s normal forwards 1 slideInDown2; animation: 2s ease 2s normal forwards 1 slideInDown2; }
#adgenifique .headersec .prodslist li:nth-child(4) .prodsname b { display:block; }
#adgenifique .headersec .prodslist li .prodsname { opacity: 0; }
#adgenifique .headersec .prodslist li:first-child .prodsname { right:-60%; top:-5%; } 
#adgenifique .headersec .prodslist li:nth-child(2) .prodsname { top:-10%; left:-45%; } 
#adgenifique .headersec .prodslist li:nth-child(3) .prodsname { top:-10%; left:-5%; } 
#adgenifique .headersec .prodslist li:nth-child(4) .prodsname { top: -10%; left:-48%; } 
#adgenifique .headersec .prodslist li:last-child .prodsname { left:-20%; top:25%; } 
#adgenifique .headersec .prodsname em { display:block; font-size:1.2em; line-height:1; }
#adgenifique .headersec .prodsname span { display:block; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:0.65em; line-height:1.3; }
#adgenifique .headersec .btmtext { opacity: 0; -webkit-animation: 2s ease 4s normal forwards 1 fadeIn; animation: 2s ease 4s normal forwards 1 fadeIn; }
#adgenifique .headersec .btmtext h1 { text-align:center;/* margin:0 10px;*/ font-size:2.1em; line-height:1;text-shadow: 0 1px 2px #dee5f6; }
#adgenifique .headersec .btmtext h1 .en { font-size:0.7em; text-transform:uppercase; } 
#adgenifique .headersec .btmtext h1 .subline { display:block; font-size:0.7em; line-height:1; margin-top:10px; font-weight:normal; }
#adgenifique .headersec .btmtext .actions { text-align:center; margin:20px 0 0; }
#adgenifique .headersec .btmtext .actions a { margin:0 5px; }
#adgenifique .headersec .btmtext .actions a:hover {  -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,.6) 20%, #000 40%, rgba(0,0,0,.6) 60%);
  -webkit-mask-size: 200%;
  animation: shine 2s infinite; }
#adgenifique .headersec .deco-element > div { position:absolute; }
#adgenifique .headersec .deco-element #sec1-deco1 { top: 5%; left: 16%; -webkit-animation: 4s ease 0s normal forwards infinite float2; animation: 4s ease 0s normal forwards infinite float2; }
#adgenifique .headersec .deco-element #sec1-deco2 { left: 0; top: 68%; -webkit-animation: 3s ease 2s normal forwards infinite  float; animation: 3s ease 0s normal forwards infinite float; }
#adgenifique .headersec .deco-element #sec1-deco3 { top: -5%; right: 10%; -webkit-animation: 4s ease 1s normal forwards infinite float; animation: 4s ease 0s normal forwards infinite float; }
#adgenifique .headersec .deco-element #sec1-deco4 { top: 25%; right: 0; -webkit-animation: 3s ease 2s normal forwards infinite float2; animation: 3s ease 0s normal forwards infinite float2; }



#adgenifique .radiantskin-pairsec .titlebox h2 em { display:block; }
#adgenifique .radiantskin-pairsec .titlebox h2 span { font-size: 0.8em; line-height: 1.5; display: block; margin-top: -5px; }
#adgenifique .radiantskin-pairsec .titlebox h2 i { font-size: 2em; line-height: 1; font-style: italic; vertical-align: top; padding: 0 15px 0 0; }

#adgenifique .radiantskin-pairsec .titlebox { font-size:1.3em; margin-bottom:30px; }
/*#adgenifique .radiantskin-pairsec .titlebox h2 { font-family:'EB Garamond',serif !important; font-size:38px; line-height:1.4; } */
#adgenifique .radiantskin-pairsec .paircols { display:block; width:100%; max-width:1280px; position:relative; overflow:hidden; margin-bottom: 30px; }
#adgenifique .radiantskin-pairsec .paircols .paircol { width:50%; height:500px; float:left; background-size:cover; -webkit-background-size:cover; position:relative; }
#adgenifique .radiantskin-pairsec .paircols .pleft { background:url(../images/bg-colleft.jpg) 0 0 no-repeat; }
#adgenifique .radiantskin-pairsec .paircols .pright { background:url(../images/bg-colright.jpg) 0 0 no-repeat; color:#FFF; text-shadow: 2px 2px 2px #103f6e;  }
#adgenifique .radiantskin-pairsec .paircols .pprod { position: absolute; bottom: -9%; z-index:3; width: 100%; height: 100%; }
#adgenifique .radiantskin-pairsec .paircols .pprod img { transition:all 1s linear 0s; -moz-transition:all 1s linear 0s; -webkit-transition:all 1s linear 0s; -ms-transition:all 1s linear 0s; position: absolute; bottom: 0; }
#adgenifique .radiantskin-pairsec .pleft .pprod img { left: 50%; margin-left: -90px; }
#adgenifique .radiantskin-pairsec .pright .pprod img { right: 50%; margin-right: -90px; }

#adgenifique .radiantskin-pairsec .paircols .pprod h3, #adgenifique .radiantskin-pairsec .paircols .txtoverlay h3 { font-size:35px; line-height:0.8; margin-bottom: 30px; }
#adgenifique .radiantskin-pairsec .paircols .pprod h3 {  transition:all 0.5s linear 0s; -moz-transition:all 0.5s linear 0s; -webkit-transition:all 0.5s linear 0s; -ms-transition:all 0.5s linear 0s; opacity:1; }
#adgenifique .radiantskin-pairsec .paircols .pprod h3 span, #adgenifique .radiantskin-pairsec .paircols .txtoverlay h3 span { display:block; font-size:1.5em; }
#adgenifique .radiantskin-pairsec .paircols .opennav { width:72px; height:69px; position:absolute; bottom: 40%; cursor:pointer; z-index: 5; transition:all 1s linear 0s; -moz-transition:all 1s linear 0s; -webkit-transition:all 1s linear 0s; -ms-transition:all 1s linear 0s; opacity:1; }
#adgenifique .radiantskin-pairsec .paircols .pleft .opennav { background:url(../images/icon-plus1.png) 0 0 no-repeat;left: 56%; }
#adgenifique .radiantskin-pairsec .paircols .pright .opennav { background:url(../images/icon-plus2.png) 0 0 no-repeat; right: 56%; }
#adgenifique .radiantskin-pairsec .pleft .deco-element > div { position:absolute; z-index:2; }
#adgenifique .radiantskin-pairsec .pleft .deco-element #pleftcol-deco1 { left: -7%; top: 15%; -webkit-animation: 4s ease 0s normal forwards infinite cloud; animation: 4s ease 0s normal forwards infinite cloud; }
#adgenifique .radiantskin-pairsec .pleft .deco-element #pleftcol-deco2 { left:12%; top:5%; -webkit-animation:40s linear 0s normal forwards infinite sunRotateIn; animation:40s linear 0s normal forwards infinite sunRotateIn; }
#adgenifique .radiantskin-pairsec .pleft .deco-element #pleftcol-deco3 { left:26%; top:28%; -webkit-animation: 3s ease 1s normal forwards infinite cloud; animation: 3s ease 1s normal forwards infinite cloud; }

#adgenifique .radiantskin-pairsec .pright .deco-element > div { position:absolute; z-index:2; }
#adgenifique .radiantskin-pairsec .pright .deco-element #prightcol-deco1 { right:10%; top: 15%;  }
#adgenifique .radiantskin-pairsec .pright .deco-element #prightcol-deco2 { right:10%; top:5%; -webkit-animation:8s linear 0s normal forwards infinite fadeInStar; animation:8s linear 0s normal forwards infinite fadeInStar; }
#adgenifique .radiantskin-pairsec .pright .deco-element #prightcol-deco3 { right:5%; top:16%; -webkit-animation:6s linear 2s normal forwards infinite fadeInStar; animation:6s linear 2s normal forwards infinite fadeInStar; }
#adgenifique .radiantskin-pairsec .pright .deco-element #prightcol-deco4 { right:24%; top:8%; -webkit-animation:4s linear 6s normal forwards infinite fadeInStar; animation:4s linear 6s normal forwards infinite fadeInStar; }


#adgenifique .radiantskin-pairsec .boxouter { position:relative; }
#adgenifique .radiantskin-pairsec .boxinner { max-width:980px; margin:0 auto; border:1px solid #d5dae4; display:table; }
#adgenifique .radiantskin-pairsec .boxouter .imgcol { width:50%; display:table-cell; position:relative; }
#adgenifique .radiantskin-pairsec .boxouter .imgcol:before { content:""; width:100%; height:1px; background:#6b7997; position: absolute; bottom: -1px; left: 0; }
#adgenifique .radiantskin-pairsec .boxouter .imgcol img { display:block; max-width:100%; }
#adgenifique .radiantskin-pairsec .boxouter .txtcol { width:50%; display:table-cell; background:url(../images/sidebg.jpg) right top no-repeat #FFF; vertical-align:top; font-size:1.3em; line-height:1.2; padding-top:8%; }
#adgenifique .radiantskin-pairsec .txtcol { margin-top:15px; }
#adgenifique .radiantskin-pairsec .txtcol li { padding-top:30px; position:relative; background:url(../images/arrow-white.png) center 8px no-repeat; }
#adgenifique .radiantskin-pairsec .txtcol li:first-child { padding:0; background:none; }
#adgenifique .radiantskin-pairsec .sideimgdeco { position:absolute; right:2%; bottom:-10%; opacity:0; }
#adgenifique .radiantskin-pairsec .points { max-width:1280px; margin:0 auto; overflow:hidden; }
#adgenifique .radiantskin-pairsec .points > div { width:50%; float:left; }
#adgenifique .radiantskin-pairsec .points .pointright { text-align:center; }
#adgenifique .radiantskin-pairsec .points .pointleft li { width:33%; float:left; }
#adgenifique .radiantskin-pairsec .points .sidethumb { display:inline-block; padding-top:5px; margin-right:5px; opacity:0; }
#adgenifique .radiantskin-pairsec .points .sidethumb img { margin-top:5px; }
#adgenifique .radiantskin-pairsec .points .txtlabel { display:inline-block; line-height:1; position: relative; top: -10px; }
#adgenifique .radiantskin-pairsec .points .txtlabel em { font-size:2.2em; line-height:1; font-style:italic; display:block; }
#adgenifique .radiantskin-pairsec  .innercontwrap.animate .sideimgdeco { -webkit-animation: 4s ease 0s normal forwards 1 slideInDown; animation: 4s ease 0s normal forwards 1 slideInDown; }
#adgenifique .radiantskin-pairsec .innercontwrap.animate .points li:first-child .sidethumb { -webkit-animation: 4s ease 0s normal forwards 1 rotateIn; animation: 4s ease 0s normal forwards 1 rotateIn; }
#adgenifique .radiantskin-pairsec .innercontwrap.animate .points li:nth-child(2) .sidethumb { -webkit-animation: 4s ease 1s normal forwards 1 rotateIn; animation: 4s ease 1s normal forwards 1 rotateIn; }
#adgenifique .radiantskin-pairsec .innercontwrap.animate .points li:last-child .sidethumb { -webkit-animation: 4s ease 2s normal forwards 1 rotateIn; animation: 4s ease 2s normal forwards 1 rotateIn; }


#adgenifique .radiantskin-pairsec .txtoverlay { display:none; position: relative; z-index: 10; font-size: 25px; }
#adgenifique .radiantskin-pairsec .txtoverlay .actions { margin-top:15px; }
#adgenifique .radiantskin-pairsec .txtoverlay .actions a { font-size:15px; padding:5px 10px 5px 25px }
#adgenifique .radiantskin-pairsec .txtoverlay p { margin-top:15px; }

#adgenifique .radiantskin-pairsec .selected h3 span { display:inline !important; }
#adgenifique .radiantskin-pairsec .selected .pprod h3 { opacity:0; }
#adgenifique .radiantskin-pairsec .selected .txtoverlay h3 { margin-bottom:10px; }
#adgenifique .radiantskin-pairsec .pleft.selected .pprod img {  left: 5%; margin-left: 0; }

#adgenifique .radiantskin-pairsec .pleft.selected .txtoverlay { padding: 30px 20px 0 200px; }
#adgenifique .radiantskin-pairsec .pright.selected .txtoverlay { padding: 30px 200px 0 20px; }
#adgenifique .radiantskin-pairsec .pright.selected .pprod img { right: 3%; margin-right: 0; }
#adgenifique .radiantskin-pairsec .pleft.selected .opennav { left:20%; opacity:0; }
#adgenifique .radiantskin-pairsec .pright.selected .opennav { right:20%; opacity:0; }

#adgenifique .radiantskin-pairsec .btmtxt { margin-top: 50px; font-size: 1.7rem; line-height: 1.1; padding: 0 20px; }
#adgenifique .radiantskin-pairsec .btmtxt .terms { font-size:0.75em; margin-top: 20px; }
#adgenifique .radiantskin-pairsec .btmtxt .terms .en { font-size: 0.8em; }


#adgenifique .loveyouragesec .sect-innerwrap { background:url(../images/video-secbg.jpg) center top no-repeat; padding:50px 30px 120px; background-size: 100% 100%; -webkit-background-size: 100% 100%; }
#adgenifique .loveyouragesec .titlebox { font-size:1.3em; margin-bottom:30px; }
#adgenifique .loveyouragesec .titlebox h2 { font-family:'EB Garamond',serif !important; font-size:38px; line-height:1.4; } 
#adgenifique .loveyouragesec .ue-video { position:relative; max-width: 987px; margin: 0 auto; }
#adgenifique .loveyouragesec .ue-video #video-frame { width:100%; height:100%; display:block; }
#adgenifique .loveyouragesec .ue-video .video_container { position:absolute; top:0; left:0; z-index:2; } 
#adgenifique .loveyouragesec .ue-video .video-cover { max-width:100%; }


#adgenifique .gnfmasksec .sect-innerwrap { background:url(../images/video-secbg-p3.jpg) center top no-repeat; padding:50px 30px 120px; background-size: 100% 100%; -webkit-background-size: 100% 100%; }
#adgenifique .gnfmasksec .titlebox { font-size:1.3em; margin-bottom:30px; color:#FFF; }
#adgenifique .gnfmasksec .titlebox h2 { font-family:'EB Garamond',serif !important; font-size:38px; line-height:1.4; } 
#adgenifique .gnfmasksec .ue-video { position:relative;  max-width: 987px; margin: 0 auto; }
#adgenifique .gnfmasksec .ue-video #video-framem { width:100%; height:100%; display:block; }
#adgenifique .gnfmasksec .ue-video .video_container { position:absolute; top:0; left:0; z-index:2; } 
#adgenifique .gnfmasksec .ue-video .video-cover { max-width:100%; }

#adgenifique .gnfmasksec2 .titlebox { font-size: 1.3em; margin-bottom: 30px; }
#adgenifique .gnfmasksec2 .colswrap .leftcol { display:inline-block; width:58%; vertical-align: middle; }
#adgenifique .gnfmasksec2 .colswrap .leftcol img { max-width:100%; }
#adgenifique .gnfmasksec2 .colswrap .rightcol { display:inline-block; width:40%; text-align:center; vertical-align: middle;font-size: 1.7rem; line-height: 1.1; padding: 0 50px; }
#adgenifique .gnfmasksec2 .colswrap .rightcol .mbtn { margin-top:20px; }
#adgenifique .gnfmasksec2 .colswrap .terms { font-size:0.75em; margin-top:40px; }
#adgenifique .gnfmasksec2 .colswrap .terms .en { font-size: 0.8em; }



#adgenifique .bbbadskinsec .sect-innerwrap { background:url(../images/video-secbg2-p3.jpg) center top no-repeat; padding:50px 30px 120px; background-size: 100% 100%; -webkit-background-size: 100% 100%; }
#adgenifique .bbbadskinsec .titlebox { font-size:1.3em; margin-bottom:30px; }
#adgenifique .bbbadskinsec .titlebox h2 { font-family:'EB Garamond',serif !important; font-size:38px; line-height:1.4; } 
#adgenifique .bbbadskinsec .ue-video { position:relative; }
#adgenifique .bbbadskinsec .ue-video #video-frame2 { width:100%; height:100%; display:block; }
#adgenifique .bbbadskinsec .ue-video .video_container2 { position:absolute; top:0; left:0; z-index:2; } 
#adgenifique .bbbadskinsec .ue-video .video-cover2 { max-width:100%; }


#adgenifique .tipstricksec .titlebox h2 { font-family:'EB Garamond',serif !important; font-size:38px; line-height:1.4; }
#adgenifique .tipstricksec .stepswrap li { width:33.33%; float:left; }
#adgenifique .tipstricksec .stepswrap .boxwrap { margin:0 20px; }
#adgenifique .tipstricksec .stepswrap .thumb img { max-width:100%; }
#adgenifique .tipstricksec .stepswrap .txtbox h3 { font-size:1.5em; margin-bottom:10px; }
#adgenifique .tipstricksec .stepswrap .txtbox h3 em { font-size:2em; line-height:1; color:#7481ac; font-style:italic; padding-right:10px; font-family:"Times New Roman", Times, serif; }


#adgenifique .ybeyes { padding-bottom:30px; }
#adgenifique .ybeyes .titlebox h2 { font-family:'EB Garamond',serif !important; font-size:38px; line-height:1.4; }
#adgenifique .ybeyes .graywrap { background:url(../images/graybg.jpg) left top no-repeat; margin-top:30px; background-color:#fefefe; background-size:100% 100%; -webkit-background-size: 100% 100%; position:relative; }
#adgenifique .ybeyes .decoimg { position:absolute; top:-15%; left:2%; z-index:3 }
#adgenifique .ybeyes .sect-innerwrap { max-width:100%; font-size:1.1em; }
#adgenifique .ybeyes .topsec { max-width:1280px; margin:0 auto; }
#adgenifique .ybeyes .topsec .imgside { display:inline-block; float:right; }
#adgenifique .ybeyes .topsec .txtwrap { display:inline-block; padding:8% 20px 0; position: relative; z-index: 10; } 
#adgenifique .ybeyes .topsec .toptxt h3 { font-size:1.6em; line-height:1; margin-bottom:10px; }
#adgenifique .ybeyes .topsec .list { text-align:left; max-width:340px; margin:40px auto; }
#adgenifique .ybeyes .topsec .list li { margin-top:20px; position:relative; }
#adgenifique .ybeyes .topsec .list li em { display:inline-block; position:absolute; left:0; top:0; font-size:2.5em; color:#7481ac; font-style:italic; font-family:"Times New Roman", Times, serif; line-height:1; }
#adgenifique .ybeyes .topsec .list li p { display:inline-block; vertical-align:bottom; padding-left:50px; }
#adgenifique .ybeyes .topsec .list .thaibold { font-size:1.1em; }
#adgenifique .ybeyes .btmsec { max-width:1280px; margin:0 auto; clear:both; padding-left: 5%; }
#adgenifique .ybeyes .btmsec .videogif { width:45%; display:inline-block; border:10px solid #ddd; vertical-align:middle; margin-bottom: -30px; }
#adgenifique .ybeyes .btmsec .videogif img { width:100%; max-width:100%; display:block; }
#adgenifique .ybeyes .btmsec .list { width:54%; display:inline-block; padding:0 0 0 5%; text-align:left; vertical-align:middle; } 
#adgenifique .ybeyes .btmsec .mbtn { margin-left:5%; margin-top:20px;  }
#adgenifique .ybeyes .btmsec .list li:first-child { margin-bottom:30px; }
#adgenifique .ybeyes .btmsec .list li .thaibold { font-size:1.2em; }



#adgenifique .stepseyesec .titlebox h2 .en { font-family:'EB Garamond',serif !important; font-size:38px; line-height:1.4; }
#adgenifique .stepseyesec .titlebox p {  font-size: 1.3em; }
#adgenifique .stepseyesec .stepswrap { margin:5% 0; }
#adgenifique .stepseyesec .stepswrap li { width:33.33%; float:left; }
#adgenifique .stepseyesec .stepswrap .boxwrap { margin:0 20px; }
#adgenifique .stepseyesec .stepswrap .thumb img { max-width:100%; }
#adgenifique .stepseyesec .stepswrap .txtbox em { -webkit-border-radius:33px; -moz-border-radius:33px; border-radius:33px; width:66px; height:66px; background: #97aac4; font-family:"Times New Roman", Times, serif;
    background: -webkit-gradient(linear, left top, left bottom, from(#c0cad9), to(#97aac4));
    background: -moz-linear-gradient(top, #c0cad9, #97aac4);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c0cad9', endColorstr='#97aac4'); display:block; color:#FFF; font-size:2.5em; line-height:1.2; font-style: italic; position:absolute; left:0; top:0; }
#adgenifique .stepseyesec .stepswrap .txtbox { position:relative; min-height:70px; } 
#adgenifique .stepseyesec .stepswrap .txtbox span { display:block; padding-left:80px; text-align:left } 
#adgenifique .stepseyesec .brighterrow { background:url(../images/displaybg.jpg) center top no-repeat; }
#adgenifique .stepseyesec .brighterrow .sect-innerwrap { padding:0 15px; }
#adgenifique .stepseyesec .brighterrow .sideimg { display:inline-block; width:45%; vertical-align: middle; padding-top: 5%;opacity:0; }
#adgenifique .stepseyesec .brighterrow .sideimg img { max-width:100%}
#adgenifique .stepseyesec .brighterrow .sidetxt { display:inline-block; width:53%; font-size:1.2em; vertical-align: middle; } 
#adgenifique .stepseyesec .brighterrow .sidetxt .thaibold { display:block; font-size:1.2em; margin-bottom:10px; }
#adgenifique .stepseyesec .brighterrow .sidetxt p { margin-top: -50px; }
#adgenifique .stepseyesec .brighterrow.animate .sideimg { -webkit-animation: 4s ease 0s normal forwards 1 slideInDown; animation: 4s ease 0s normal forwards 1 slideInDown; }


#adgenifique .musthavesec { margin:0 0 100px; }
#adgenifique .musthavesec .titlebox { margin-bottom:30px; }
#adgenifique .musthavesec .titlebox h2.en { font-family:'EB Garamond',serif !important; font-size:38px; line-height:1.4; }
#adgenifique .musthavesec .list li { width:33.33%; float:left; padding:0 10px; } 
#adgenifique .musthavesec .list li .sidetxt { margin:20px 0; }
#adgenifique .musthavesec .list li .sideimg img { max-width:100%; }
#adgenifique .musthavesec .list li .sidetxt h4 { font-size:1.1em; margin-bottom:10px; }
#adgenifique .musthavesec .list li .mbtn { color:#FFF; }
#adgenifique .musthavesec .list li:first-child .mbtn { background:#79aec8; } 
#adgenifique .musthavesec .list li:nth-child(2) .mbtn { background:#d2b16a; } 
#adgenifique .musthavesec .list li:last-child .mbtn { background:#f1859e; } 

#adgenifique .musthavesec .list li .mbtn:hover {
  -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,.6) 20%, #000 40%, rgba(0,0,0,.6) 60%);
  -webkit-mask-size: 200%;
  animation: shine 2s infinite;
}

@-webkit-keyframes shine {
  from {
    -webkit-mask-position: 150%;
  }
  
  to {
    -webkit-mask-position: -50%;
  }
}


@keyframes rotateIn {
    0% {
        transform-origin: center;
        transform: rotate(-120deg);
        opacity: 0
    }
    to {
        transform-origin: center;
        transform: none;
        opacity: 1
    }
}
@keyframes sunRotateIn {
    0% {
        transform: rotate(0);
		transform-origin:center;
    }
    to {
        transform: rotate(-359deg);
		transform-origin:center;
    }
}

@keyframes animatedBackground {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

@keyframes slideInDown {
    0% {
        transform: translate3d(0, -30%, 0);
        visibility: visible;
		opacity: 0;
    }
    to {
        transform: translateZ(0);
		opacity: 1
    }
}
@keyframes slideInDown2 {
    0% {
        transform: translate3d(0, -10%, 0);
        visibility: visible;
		opacity: 0;
    }
    to {
        transform: translateZ(0);
		opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
@keyframes fadeInStar {
    0% {
        opacity:1;
		transform: translateZ(0);
    }
	50% {
        opacity:0.5;
		transform: scale3d(.6, .6, .6);
    }
    to {
        opacity: 1;
		transform: translateZ(0);
    }
}

@keyframes float {
    from {transform:translate(0, 0px); opacity: 1; }
    65% {transform:translate(0, 8px);opacity: 0.7}
    to {transform: translate(0, -0px);opacity:1}    
}
@keyframes float2 {
    from {transform:translate(0, 0px); opacity: 1; }
	25% {transform:translate(2px, 8px);opacity: 0.5}
    50% {transform:translate(0, 4px);opacity: 1}
	75% {transform:translate(-2px, 2px);opacity: 0.5}
    to {transform: translate(0, 0px);opacity:1}    
}

@keyframes cloud {
    from {transform:translate(0, 0px); opacity: 1; }
    65% {transform:translate(8px, 0);opacity: 0.7}
    to {transform: translate(0, 0);opacity:1}    
}


@media only screen and (min-width:768px) {
#adgenifique .stick { position:fixed !important; top:0 !important; z-index:30; } 	
}

@media only screen and (max-width:1023px) {
	#adgenifique .headersec .btmtext { margin: 40px 0 0; }
	
	
	#adgenifique .radiantskin-pairsec .sideimgdeco { display:none; }
	
	#adgenifique .ybeyes .topsec .imgside { float:none; }
	#adgenifique .ybeyes .graywrap { background-image:none; background-color:#fafafa; margin-left: -10px; margin-right: -10px; }
	#adgenifique .ybeyes .topsec { padding-left:0; }
	#adgenifique .ybeyes .decoimg { display:none; }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	/*#adgenifique .headersec { height:780px; }*/
	#adgenifique .adnav li { margin: 0 10px; }
	#adgenifique .headersec .prodslist { padding-top:10%; }
	#adgenifique .headersec .prodslist li .prodsimg img { max-width: 90%; }
	
	#adgenifique .radiantskin-pairsec .points .txtlabel { display:block; }
	
	/*#adgenifique .radiantskin-pairsec .pprod img { width: 150px; }*/
	#adgenifique .radiantskin-pairsec .pleft.selected .pprod img { left:-5%; }
	#adgenifique .radiantskin-pairsec .pright.selected .pprod img { right:-5%; }
	#adgenifique .radiantskin-pairsec .pleft.selected .txtoverlay { padding-left:120px; padding-top:15px; }
	#adgenifique .radiantskin-pairsec .pright.selected .txtoverlay { padding-right:120px; padding-top:15px; }
	#adgenifique .radiantskin-pairsec .txtoverlay p { margin-top: 10px; }
	
	#adgenifique .headersec .prodslist li { margin:0 0 0 -2%; }
	
}


@media only screen and (max-width: 767px) {
	#adgenifique  { font-size:18px; line-height:23px; padding-top:60px; }
	#adgenifique .en { font-size:15px; line-height:20px }
	#adgenifique .sect { padding-top:40px; }
	#adgenifique .sect-innerwrap { padding:0 10px; }
	#adgenifique .sect .titlebox h2 { font-size:34px; }
	
	#adgenifique .adnav { width: 100%;position:fixed; top:60px; z-index:30; transition: top 1s ease-in-out; -moz-transition: top 1s ease-in-out; -webkit-transition: top 1s ease-in-out; -ms-transition: top 1s ease-in-out; }
	#adgenifique .headersec { margin-top:95px; }
	#adgenifique .adnav li { font-size:0.8em; margin: 0 5px; }
	#adgenifique .adnav a { padding:2px 4px; }
	#adgenifique .adnav.nav-up { top:-100px !important; }
	
	#adgenifique .headersec { background-image:url(../images/headerbg-mob-p3.jpg); background-size: 100% auto;-webkit-background-size: 100% auto; height:600px; }
	#adgenifique .headersec .sect-innerwrap { padding:0; }
	#adgenifique .headersec .prodslist { max-width:320px; margin: 0 auto; padding-top:13%; }
	#adgenifique .headersec .prodslist li { width:20%; margin:0; }
	#adgenifique .headersec .prodslist li .prodsimg { margin:0 7px }
	#adgenifique .headersec .prodsname em { font-size:1.4em; }
    #adgenifique .headersec .prodslist li:last-child .prodsname { right: -40%; top: -10%; }
	#adgenifique .headersec .prodslist li:nth-child(2) .prodsname { left: 10%; top: auto; bottom: -5%; }
	#adgenifique .headersec .prodslist li:nth-child(3) .prodsname { top: -25%; }
	#adgenifique .headersec .prodslist li:nth-child(4) .prodsname { left: 5%; top: auto; bottom: -5%; }
	#adgenifique .headersec .prodslist li:last-child .prodsname { left:-30%; top: 15%; }
	#adgenifique .headersec .btmtext { margin:30px 10px 0; }
	#adgenifique .headersec .btmtext h1 { font-size:1.6em; }
	#adgenifique .headersec .btmtext h1 .en { font-size:0.6em; }
	#adgenifique .headersec .deco-element > div img { width:60%; }
	#adgenifique .headersec .deco-element #sec1-deco1 { top:-7%; left:5%; }
	#adgenifique .headersec .deco-element #sec1-deco2 { left: -5%; top: 20%; }
	#adgenifique .headersec .deco-element #sec1-deco3 { top:25%; right: -20%; }
	#adgenifique .headersec .deco-element #sec1-deco4 { display:none; }
	#adgenifique .headersec .btmtext .actions a { padding:5px 10px 5px 25px; }
	#adgenifique .headersec .prodsname span { letter-spacing:0; }
	
	
	#adgenifique .radiantskin-pairsec .innercontwrap {  margin-top:20px; padding-bottom:10px; background-position: center 35%; margin-left: -10px; margin-right: -10px; }
	#adgenifique .radiantskin-pairsec .boxinner { background:none; border:0; max-width:80%; margin:0 auto; }
	#adgenifique .radiantskin-pairsec .boxouter .imgcol { width:100%; display:block; }
	#adgenifique .radiantskin-pairsec .boxouter .txtcol { width:100%; display:block; background:none; padding:5% 0; }
	#adgenifique .radiantskin-pairsec .boxouter .shadow img { display:block; } 
	#adgenifique .radiantskin-pairsec .points { max-width:90%; }
	#adgenifique .radiantskin-pairsec .points .sidethumb { margin:0; padding-right: 10px; }
	
	#adgenifique .radiantskin-pairsec .paircols { overflow:visible; }
	#adgenifique .radiantskin-pairsec .paircols .pprod img { width:130px; height:auto; }
	#adgenifique .radiantskin-pairsec .pright .pprod img { margin-right: -75px; }
	#adgenifique .radiantskin-pairsec .pleft .pprod img { margin-left: -75px; }
	#adgenifique .radiantskin-pairsec .paircols .paircol { height:400px; }
	#adgenifique .radiantskin-pairsec .paircols .opennav { background-size:100% auto !important; -webkit-background-size:100% auto !important; width:50px; height:48px; }
	#adgenifique .radiantskin-pairsec .pright .deco-element #prightcol-deco1 { top: 2%; right: auto; left:-2%; }
	#adgenifique .radiantskin-pairsec .pright .deco-element #prightcol-deco1 img { max-width:70%; }
	#adgenifique .radiantskin-pairsec .pright .deco-element #prightcol-deco4 { right:28%; }
	#adgenifique .radiantskin-pairsec .pleft .deco-element #pleftcol-deco2 { left: auto; top:0; right:-5%; left: 12%;
    right: auto; }
	#adgenifique .radiantskin-pairsec .pleft .deco-element img { max-width:80%; }
	#adgenifique .radiantskin-pairsec .pleft .deco-element #pleftcol-deco1 { top: 5%; left: -30%; }
	#adgenifique .radiantskin-pairsec .pleft .deco-element #pleftcol-deco3 { top: 20%; left: 0%; }
	
	#adgenifique .radiantskin-pairsec .points .pointleft li { width:100%; text-align:left; }
	#adgenifique .radiantskin-pairsec .points .sidethumb img { width:60px; }
	#adgenifique .radiantskin-pairsec .points .txtlabel { top:0; }
	#adgenifique .radiantskin-pairsec .paircols .txtoverlay h3, #adgenifique .radiantskin-pairsec .paircols .pprod h3 { font-size: 25px; }
	#adgenifique .radiantskin-pairsec .txtoverlay { font-size:20px; line-height:0.9; }
	#adgenifique .radiantskin-pairsec .paircols .pprod h3 { padding-top: 40px; }
	#adgenifique .radiantskin-pairsec .mob-showright .pleft { display:none; }
	#adgenifique .radiantskin-pairsec .mob-showright .pright { width:100%; }
	#adgenifique .radiantskin-pairsec .mob-showleft .pright { display:none; }
	#adgenifique .radiantskin-pairsec .mob-showleft .pleft { width:100%; }
	#adgenifique .radiantskin-pairsec .mob-showright .pointleft { display:none; }
	#adgenifique .radiantskin-pairsec .mob-showleft .pointright { display:none; }
	#adgenifique .radiantskin-pairsec .pright.selected .txtoverlay { padding-right:100px; padding-left:15px; }
	#adgenifique .radiantskin-pairsec .pleft.selected .txtoverlay { padding-left:100px; padding-right:15px;    padding-top: 15px; }
	#adgenifique .radiantskin-pairsec .pright.selected .pprod img { right:-2%; }
	#adgenifique .radiantskin-pairsec .pleft.selected .pprod img { left:-2%; }
	#adgenifique .radiantskin-pairsec .txtoverlay .actions a { padding:5px 2px 5px 15px; font-size:12px; }
	#adgenifique .radiantskin-pairsec .pright.selected .deco-element #prightcol-deco1 { left:auto; right:6%; top:15%; }
	#adgenifique .radiantskin-pairsec .closenav { width: 50px; height: 48px; background-size:100% auto !important; -webkit-background-size:100% auto !important; position: absolute; top: 5%; }
	#adgenifique .radiantskin-pairsec .pleft .closenav { background: url(../images/icon-close1.png) 0 0 no-repeat; left:5%; }
	#adgenifique .radiantskin-pairsec .pright .closenav { background: url(../images/icon-close2.png) 0 0 no-repeat; right:5%; }
	#adgenifique .radiantskin-pairsec .titlebox h2 { font-size:28px; }
	#adgenifique .radiantskin-pairsec .txtoverlay p { margin-top:10px; }
	#adgenifique .radiantskin-pairsec .txtoverlay .actions a { padding: 5px 0 5px 10px; }
	#adgenifique .radiantskin-pairsec .txtoverlay .actions .mbtn:after {}
	
	
	
	#adgenifique .loveyouragesec .sect-innerwrap { padding: 20px 20px 50px; }
	#adgenifique .loveyouragesec .titlebox { margin-bottom:20px; }
	#adgenifique .loveyouragesec .titlebox h2 { font-size:28px; }
	
	#adgenifique .gnfmasksec .sect-innerwrap { padding: 20px 20px 50px; }
	#adgenifique .gnfmasksec .titlebox { margin-bottom:20px; }
	#adgenifique .gnfmasksec .titlebox h2 { font-size:28px; }
	
	
	#adgenifique .bbbadskinsec .sect-innerwrap { padding: 20px 20px 50px; background-size: 130% 100%; -webkit-background-size: 130% 100%; }
	#adgenifique .bbbadskinsec .titlebox { margin-bottom:20px; padding-left: 60px; }
	#adgenifique .bbbadskinsec .titlebox h2 { font-size:28px; }	
	
	
	#adgenifique .tipstricksec .titlebox h2 { font-size:28px; }
	#adgenifique .tipstricksec .stepswrap { padding:20px 0; margin-left: -10px; margin-right: -10px; }
	#adgenifique .tipstricksec .stepswrap .boxwrap { border:3px solid #bcc4d3; margin: 0 10px; padding: 10px 20px 20px; min-height:450px; }
	
	
	#adgenifique .ybeyes .titlebox h2 { font-size:28px; } 
	#adgenifique .ybeyes .btmsec { padding:0 25px; }
	#adgenifique .ybeyes .btmsec .videogif { width:100%; display:block; margin:0; }
	#adgenifique .ybeyes .btmsec .list { padding:20px 0; width:100%; text-align: center;  }
	#adgenifique .ybeyes .btmsec .list li { width:50%; float:left; padding: 0 5px; }
	
	
	#adgenifique .stepseyesec .stepswrap { padding:20px 0; margin-left: -10px; margin-right: -10px; }
	#adgenifique .stepseyesec .stepswrap .boxwrap { border:3px solid #bcc4d3; margin: 0 10px; padding: 10px 20px 20px; min-height:300px; }
	#adgenifique .stepseyesec .stepswrap .txtbox em { -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; width:50px; height:50px; font-size: 2.2em; line-height: 1.2; }
	#adgenifique .stepseyesec .brighterrow { background-size: 1200px auto; -webkit-background-size: 1200px auto; background-position:center 50px; }
	#adgenifique .stepseyesec .brighterrow .sideimg { width:80%; display:block; margin:0 auto; }
	#adgenifique .stepseyesec .brighterrow .sidetxt { width:100%; display:block; margin-top: -20px; }
	#adgenifique .stepseyesec .brighterrow .sidetxt p { margin:0; }
	#adgenifique .stepseyesec .titlebox h2 .en { font-size: 28px; }
	
	
	#adgenifique .musthavesec { padding-top:60px; margin-bottom:0; }
	#adgenifique .musthavesec .titlebox h2 { font-size:28px !important; line-height:1 !important; }  
	#adgenifique .musthavesec .list { margin-left:-10px; margin-right:-10px; }
	#adgenifique .musthavesec .list li { width:100%; display:block; float:none; padding:0; clear:both }
	#adgenifique .musthavesec .list .sideimg { width:50%; float:left; }
	#adgenifique .musthavesec .list .sidetxt { width:50%; float:left; padding:0 15px; }
	#adgenifique .musthavesec .list .sidetxt p { line-height:1; }
	#adgenifique .musthavesec .list li:nth-child(2) .sideimg { float:right; }
	#adgenifique .musthavesec .list li:nth-child(2) .sidetxt {  margin: 12px 0 5px !important; }
	#adgenifique .musthavesec .list li .mbtn { padding:6px 5px 6px 15px; } 
	#adgenifique .musthavesec .list li:last-child .sidetxt { margin-top: 8%; }
	
	
	#adgenifique .gnfmasksec2 .colswrap .leftcol { width:100%; display:block; padding: 0 20px; }
	#adgenifique .gnfmasksec2 .colswrap .rightcol { width:100%; display:block; padding:0 20px; font-size:1.4rem; }
	
	#adgenifique .radiantskin-pairsec .btmtxt { font-size:1.4rem; }
	
	#adgenifique .sect .titlebox h2 { font-size:28px; }
	#adgenifique .headersec .prodslist li { margin: 0 0 0 -3%; }
	#adgenifique .headersec .prodslist li:nth-child(3) .prodsimg { margin-left: -25%; margin-right: -25%; }
	#adgenifique .headersec .prodsname { min-width: auto; } 
	#adgenifique .headersec .btmtext .actions { margin-top:10px; }
	#adgenifique .headersec .titlebox h2 { padding: 30px 20px 0; } 
	
	#adgenifique .ybeyes .btmsec .mbtn { margin-left:0; margin-top:20px;  }
}

@media only screen and (max-width: 400px) {
	#adgenifique .headersec .prodsname em { font-size: 1.1em; letter-spacing:0; }
	#adgenifique .musthavesec .list li:last-child .sidetxt { margin-top:5%; }
}