@media only screen and (max-width: 600px) {
  #slideshow1 {
   margin-top:19%;	  
  
   
    
  }
}
@media only screen and (max-width: 600px) {
  .know-img {
    margin-top: -100px;
}
}
@media only screen and (max-width: 600px) {
  .carousel {
    position: relative;
    margin-top: 0px;
}
}

.sad-icon { width:56px; height:56px; display:block; margin:10px auto; background:url(images/sad-icon.png) no-repeat 0 0;}
.btn-img,
.footer-title,
.hp-nav-tabs .nav-link,
.panel-video h4,
.pro-sizes ul li,
.title-style, .hp-banner-caption h2, .video-nav-tab .nav-link { text-transform:uppercase }
.milestone li:nth-child(2n) .mileyear, .mileyear, .title-style strong, .hp-banner-caption h2 { -webkit-text-fill-color:transparent }
body,
html { height:100%; position: relative; }
body { color:#100e0f;font-weight:400; background:#f6f6f6 }
img { max-width:100%; height:auto }
strong { font-weight:700 }
.form-control,
label { font-weight:400 }
a,
button,
input[type=submit] { -webkit-transition:all ease .3s; -moz-transition:all ease .3s; -o-transition:all ease .3s; -ms-transition:all ease .3s; transition:all ease .3s }
.btn-link,
a { color:#e82fa1 }
a:focus,
a:hover { color:#333 }
.btn,
.btn:focus,
a:focus,
a:hover,
button { text-decoration:none; outline:0!important; outline-offset:0!important }
.data-table { display:table; table-layout:fixed; width:100%; float:none; height:100% }
.data-cell { display:table-cell; vertical-align:middle; min-width:1%; float:none }
.data-table.vtop .data-cell { vertical-align:top }
iframe { width:100%!important }
sub,
sup { font-size:50%; top:-.6em }
.panel { box-shadow:none; border:none; border-radius:0 }
.form-control { box-shadow:none!important; border-color:#c7c5c6; color:#333 }
.form-control:focus { border-color:#333 }
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 { font-weight:700 }
h1 { font-size:46px }
h2 { font-size:32px;font-weight: 700; }
h3 { font-size:26px }
h4 { font-size:22px }
h5 { font-size:1.2rem }
.btn-checkbox input[type=checkbox]+label,
.btn-radio input[type=radio]+label { position:relative; padding:0 0 0 24px; cursor:pointer; display:inline-block; margin:0 20px 8px 0; font-size:14px; line-height:1.2 }
.btn-checkbox input[type=checkbox],
.btn-radio input[type=radio] { display:none }
.btn-checkbox input[type=checkbox]+label:before { border:2px solid #b4b4be; content:""; display:inline-block; width:18px; height:16px; left:0; position:absolute; top:0; background:#fff }
.btn-checkbox input[type=checkbox]:checked+label:before { background:#fff; border-color:#5acddc }
.btn-checkbox input[type=checkbox]+label:after { content:''; position:absolute; top:3px; left:4px; width:10px; height:6px; border:solid transparent; border-width:0 0 2px 2px; line-height:0; -webkit-transition-duration:.2s; transition-duration:.2s; -ms-transform:rotate(-45deg) scale(2); -webkit-transform:rotate(-45deg) scale(2); transform:rotate(-70deg) scale(2) }
.btn-checkbox input[type=checkbox]:checked+label:after { -ms-transform:rotate(-45deg) scale(1); -webkit-transform:rotate(-45deg) scale(1); transform:rotate(-45deg) scale(1); border-color:#5acddc }
.btn-radio input[type=radio]+label:before { border:2px solid #b4b4be; content:""; display:inline-block; width:16px; height:16px; left:0; position:absolute; top:0; border-radius:50%; background:#fff }
.btn-radio input[type=radio]:checked+label:before { border-color:#5acddc }
.btn-radio input[type=radio]+label:after { width:8px; height:8px; display:inline-block; position:absolute; top:4px; left:4px; line-height:0; background:#5acddc; content:''; border-radius:50%; -ms-transition-duration:.2s; -webkit-transition-duration:.2s; transition-duration:.2s; -ms-transform:scale(0); -webkit-transform:scale(0); transform:scale(0) }
.btn-radio input[type=radio]:checked+label:after { -ms-transform:scale(1); -webkit-transform:scale(1); transform:scale(1) }
.btn-checkbox input[type=checkbox]:disabled+label,
.btn-radio input[type=radio]:disabled+label { opacity:.5 }
.label-block { display:block; margin:0 0 10px }
.swiper-arrow div,
.swiper-pagination-bullet { display:inline-block; opacity:1; text-align:center }
@-webkit-keyframes autofill { to {
background:0 0
}
}
input:-webkit-autofill {
-webkit-animation-name:autofill;
-webkit-animation-fill-mode:both
}

.btn { border-radius:0 }
.btn-outline-secondary { border-color:#fef0f5; color:#e938a3; font-weight:500 }
.btn-outline-secondary:focus,
.btn-outline-secondary:hover { border-color:#e938a3; background-color:#e938a3; color:#fff }
.swiper-pagination-bullet { width:30px; height:30px; background:0 0; border-radius:0; -webkit-transition-duration:.7s; transition-duration:.7s; position:relative; margin:0 }
.swiper-pagination-bullet:before { content:''; width:100%; height:6px; border-radius:10px; position:absolute; top:10px; left:0; background:#fff }
.swiper-pagination-bullet.swiper-pagination-bullet-active { width:50px }
.swiper-pagination-bullet.swiper-pagination-bullet-active:before { background-color:#e938a3 }
.swiper-arrow div { width:32px; height:32px; line-height:30px; background:#f690c8; border-radius:100%; position:relative; font-size:0; margin:0 2px; -webkit-transition-duration:.4s; transition-duration:.4s; left:0; cursor:pointer; }
#header .navbar,
.blog-navbar,
.search-input { -webkit-transition-duration:.4s; transition-duration:.4s }
.swiper-arrow div:before { content:''; font-family:FontAwesome; font-size:24px; color:#fff; display:block }
.swiper-arrow div:first-child:before { content:'\f104' }
.swiper-arrow div:last-child:before { content:'\f105' }
.swiper-arrow div:hover { background:#e82fa1 }
.swiper-arrow div.swiper-button-disabled { cursor:not-allowed }
.section { padding:100px 0 }
#header { position:absolute; top:0; left:0; width:100%; z-index:20 }
.header-top { background:#fff; padding:10px 20px; color:#666; font-size:.9rem
}
#header .navbar.fixed, .blog-header.fixed .blog-navbar { position:fixed; top:-50px; left:0; width:100%; background:#fff; -webkit-transform:translate(0, 50px); transform:translate(0, 50px); box-shadow:0 1px 6px 0 rgba(0,0,0,.2) }
#header .navbar.fixed .navbar-brand img { height:60px }
.search-input { background:url(images/search.svg) center no-repeat #e938a3; height:38px; width:38px; border-radius:100%; position:relative; top:0; right:0; z-index:10; cursor:pointer; overflow:hidden; background-size:16px }
.search-input.open { width:260px; border-radius:30px; background:#e938a3 }
.btn-input-search, .btn-toggle-search { background:url(images/search.svg) center no-repeat #e938a3; width:38px; height:38px; border-radius:100%; position:absolute; top:0; left:50px; z-index:10; border:none; opacity:0; visibility:hidden; -webkit-transition-duration:.4s; transition-duration:.4s; background-size:16px }
.search-input.open .btn-input-search { opacity:1; visibility:visible; left:0 }
.search-input .form-control { border:none; background:0 0; color:#fff; padding-left:40px; box-shadow:none; cursor:pointer; font-size: 0.9rem; }
.search-input .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff !important; }
.search-input .form-control::-moz-placeholder { /* Firefox 19+ */ color: #fff !important; }
.search-input .form-control:-ms-input-placeholder { /* IE 10+ */ color: #fff !important; }
.search-input .form-control:-moz-placeholder { /* Firefox 18- */ color: #fff !important; }

.hp-hero-banner { background:#eceaf5; position:relative; width:100%; height:100% }
.video-banner:before, .hp-hero-banner:before,
.inner-banner:before { content:''; width:100%; height:11px; background:url(images/flower-strip.png) repeat-x; position:absolute; bottom:0; left:0; z-index:2 }
.hp-banner-caption { max-width:550px; margin:70px 0 0 100px; font-size:1rem; color:#666 }
.text-white .hp-banner-caption { color:#fff }
.hp-banner-carousel,
.hp-banner-carousel .owl-item,
.hp-banner-carousel .owl-stage,
.hp-banner-carousel .owl-stage-outer { width:100%; height:100%; position:relative }
.hp-banner-carousel .item { height:100%; background-color:#999; display:table; width:100% }
.hp-banner-slide { background-position:top center; background-size:cover; background-repeat:no-repeat; display:table; width:100% }
.manstrualCycle { position:absolute; bottom:0; right:0; font-weight:700; color:#333; padding:20px; font-size:14px; font-style:italic; z-index:1; display:none }
.btn-img,
.title-style, .hp-banner-caption h2 { position:relative }
.manstrualCycle img { margin:0 auto; display:block }
.title-style, .hp-banner-caption h2 { font-size:2.5rem; font-weight:900; line-height:1; color:#e830a2; z-index:1 }
.title-style strong, .hp-banner-caption strong { font-size:5rem; font-weight:900; display:block; background:-webkit-linear-gradient(0deg, #e82fa1, #fec8de 90%); -webkit-background-clip:text }
.title-style em, .title-style i, .title-style span, .hp-banner-caption em, .hp-banner-caption i { background:-webkit-linear-gradient(0deg, #e82fa1, #67caf2 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; font-style:normal; display:inline-block }
.hp-banner-caption h4 {background:-webkit-linear-gradient(-50deg, #2e3192, #df1f8b 50%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; font-family: 'Lobster', cursive; display: inline-block; font-weight: normal; font-size: 2.2rem; margin: 15px 0 0;}
.btn-img { border:none; cursor:pointer; background:url(images/button.png) no-repeat; width:143px; height:52px; line-height:52px; text-align:center; color:#fff; display:inline-block; font-size:.8rem;
font-weight:700 }
.btn-img:before { content:'+'; font-weight:900; width:26px; height:26px; background:#fcfcfc; color:#fbb3cf; font-size:1rem; line-height:26px; border-radius:100%; position:absolute; top:12px; right:-13px; transition-duration:.4s }
.arrow-triangle:after,
.arrow-triangle:before,
.card-topic:before,
.connect-social a:before,
.corner-triangle:after,
.corner-triangle:before,
.hp-video-panel:before,
.milecover:before,
.navbar-toggler span:after,
.navbar-toggler span:before,
.video-listing:before,
.video-thumb:before { content:'' }
.btn-img:hover, .btn-img:focus { color:#fff }
.btn-img:hover:before { -webkit-transform:rotate(360deg); transform:rotate(360deg); background:#0e59a8; color:#fff }

#header .navbar-nav li { margin:0 10px }
#header .navbar-nav .nav-link { font-weight:700; color:#333; padding:8px 15px; font-size:.8rem; text-transform:uppercase; border-radius:30px; letter-spacing:1px }
.btn-global,
.subs-form .form-control { border:1px solid rgba(240,90,144,.2) }
#header .navbar-nav .nav-link:hover, #header .navbar-nav .nav-item:hover .nav-link { background:#e82fa1; color:#fff; padding:8px 25px }

.footer-container { max-width:900px; margin:0 auto }
.footer-title { margin:0 0 20px; color:#e938a3; font-weight:700; font-size:1rem }
.footer-nav li a { color:#999; font-size:.9rem;
font-weight:500; display:block; padding:0 0 4px }
.footer-nav li a:hover { color:#333 }
.btn-global { background:url(images/icon-globe.png) 14px center no-repeat rgba(255,255,255,.5); padding:.6rem 1.4rem .6rem 3.2rem
}
.btn-global:focus,
.btn-global:hover { background-color:#fff; color:#e938a3 }
.subs-form { position:relative }
.subs-form .form-control { padding:0 50px 0 20px; background:rgba(255,255,255,.6); height:50px; border-radius:0!important }
.subs-form .form-control:focus { border-color:#e82fa1 }
.subs-form .btn { font-weight:900; position:absolute; top:0; right:0; width:50px; height:50px; line-height:50px; text-align:center; padding:0; background:0 0; color:#de5c9d }
.subs-form .btn:hover { color:#0e59a8 }
.connect-social h5 { color:#999; font-weight:500; margin:0 0 .8rem;
font-size:1rem }
.connect-social-icons { margin-left:18px }
.connect-social a { position:relative; display:inline-block; width:50px; height:40px; text-align:center; line-height:30px; margin-left:-18px }
.connect-social a:before { position:absolute; top:0; left:0; width:0; height:0; border-style:solid; border-width:0 25px 40px; border-color:transparent transparent #e82fa1; z-index:1; -webkit-transition-duration:.4s; transition-duration:.4s }
.connect-social a i,
.footer-bottom .copyright,
.footer-bottom .logo-unichamp,
.full-width.text-wrapper { z-index:2; position:relative }
.connect-social a i { color:#fff; top:10px }
.connect-social a:nth-child(odd):before { -webkit-transform:rotate(180deg); transform:rotate(180deg) }
.connect-social a:nth-child(odd) i { top:0 }
.connect-social a:hover:before { border-color:transparent transparent #0e59a8 }
.footer-bottom { background:#fdfbfb; padding:20px; margin-top:3rem; font-size:.8rem;
color:#666 }
.logo-unichamp { background:url(images/logo_unicharm.svg) no-repeat; background-size:100%; width:86px; height:25px }
.text-wrapper { max-width:500px; position:relative; margin:0 auto }
.full-width.text-wrapper { width:auto; max-width:950px }
.sec-hp-product { position:relative; padding:36px 0 0; overflow:hidden;background-color: #ffffff;z-index: 999;margin-top: -8px; }
.sec-hp-product .containerInner { position:relative; max-width:1300px; margin:0 auto }
.sec-hp-product .trianlge-pink { bottom:0; left:0; position:absolute; -webkit-transform:translate3d(39rem, -24rem, 0) rotate(90deg); transform:translate3d(39rem, -24rem, 0) rotate(90deg) }
.sec-hp-product .trianlge-blue { bottom:0; left:0; position:absolute; -webkit-transform:translate3d(27rem, -24rem, 0) rotate(-90deg); transform:translate3d(27rem, -24rem, 0) rotate(-90deg) }
.hp-product { background:url(images/dotted-bg.png) center bottom no-repeat; position:relative; z-index:10; overflow:hidden }
.trianlge-pink .arrow-triangle { background-color:#f9cfe6 }
.trianlge-blue .arrow-triangle { background-color:#e4e9fb }
.arrow-triangle { background-color:#f9cfe6; position:absolute; -webkit-transform:rotate(-30deg) skewX(-30deg) scale(1, .866); transform:rotate(-30deg) skewX(-30deg) scale(1, .866) }
.arrow-triangle:after,
.arrow-triangle:before { position:absolute; background-color:inherit }
.arrow-triangle,
.arrow-triangle:after,
.arrow-triangle:before { width:22rem; height:22rem; border-top-right-radius:20% }
.arrow-triangle:before { -webkit-transform:rotate(-135deg) skewX(-45deg) scale(1.414, .707) translate(0, -50%); transform:rotate(-135deg) skewX(-45deg) scale(1.414, .707) translate(0, -50%) }
.arrow-triangle:after { -webkit-transform:rotate(135deg) skewY(-45deg) scale(.707, 1.414) translate(50%); transform:rotate(135deg) skewY(-45deg) scale(.707, 1.414) translate(50%) }
.hp-nav-tabs { text-align:center; margin:0 0 50px; display:block }
.hp-nav-tabs .nav-item { display:inline-block }
.hp-nav-tabs .nav-link { font-size:1rem; color:#333; width:217px; height:63px; background:url(images/tab-button.png) center no-repeat; line-height:63px; padding:0; text-align:center; font-weight:500; opacity:.4 }
.hp-nav-tabs .nav-link.active { opacity:1 }
.hp-about-row,
.hp-product-tab { margin:0 auto; max-width:950px }
.prod-tab-cotnent .tab-pane,
.social-tab-content .tab-pane { height:0; display:block; opacity:0; overflow:hidden }
.prod-tab-cotnent .tab-pane.active,
.social-tab-content .tab-pane.active { height:400px; overflow:hidden; opacity:1 }
.hp-prod-carousel .product-item { -webkit-transition-duration:.4s; transition-duration:.4s }
.product-item {  padding:0 0 20px; position:relative }
.product-item h4 { margin:-20px 0 0; font-size:1.5rem; font-weight:700; color:#e82fa1; opacity:0; visibility:hidden; -webkit-transition-duration:.4s; transition-duration:.4s }
.product-item figure { -webkit-transform:scale(.4); transform:scale(.4); -webkit-transition-duration:.4s; transition-duration:.4s; width: 120%;margin-left: -44px;margin-top: -65px; }


 @media only screen and (max-width: 600px) {
  .product-item figure {
    
    -webkit-transform: scale(.4);
    transform: scale(.4);
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    width: 120%;
    margin-left: -14px;
    margin-top: -65px;
    
   
  }
}
.hp-prod-carousel .swiper-slide-active .product-item h4 { opacity:1; visibility:visible;background-color:#a20078;color: #fff;
    padding: 10px;width: 200px;text-align: inherit;border-radius: 69px;margin-left:47px; }
.hp-prod-carousel .swiper-slide-active .product-item figure { transform:scale(1) }
.click-overlay { position:absolute; top:0; left:0; width:100%; height:100%; z-index:10; opacity:0; visibility:hidden }
.hp-prod-carousel .swiper-slide-active .click-overlay { opacity:1; visibility:visible }
.product-carousel .owl-item.center .product-item h4 { font-size:1rem; font-weight:700 }
.swiper-arrow { position:relative; z-index:10 }
.hp-about-row { margin:0 auto; position:relative; z-index:1 }
.hp-about-row .text-wrapper { padding-left:100px }
.global-link img { -webkit-transition-duration:.4s; transition-duration:.4s }
.global-link:hover img { opacity:.7 }
.sec-video { position:relative; overflow:hidden }
.sec-video .trianlge-pink { bottom:0; left:0; position:absolute; -webkit-transform:translate3d(26rem, -16rem, 0) rotate(-90deg); transform:translate3d(26rem, -16rem, 0) rotate(-90deg) }
.sec-video .trianlge-blue { bottom:0; left:0; position:absolute; -webkit-transform:translate3d(36rem, -20rem, 0) rotate(90deg); transform:translate3d(36rem, -20rem, 0) rotate(90deg) }
.hp-video-panel { position:relative; padding:35px 40px 35px 80px; background-image:url(images/video-dotted-art.png), url(images/video-dotted-art.png); background-position:left top, right bottom; background-repeat:no-repeat, no-repeat }
.hp-video-panel:before { width:calc(100% - 120px); height:calc(100% - 70px); position:absolute; top:15px; right:20px; border:1px solid #e82ea0; border-radius:10px }
.video-thumb { height:100px; padding-bottom:105%; display:block; background-color:#969696; background-size:cover; background-position:center; background-repeat:no-repeat; position:relative; z-index:2; border-radius: 8px }
.hp-video { border-radius:10px }
.video-thumb:before { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.2); border-radius:10px }
.btn-play { width:60px; height:60px; position:absolute; top:50%; left:50%; background:url(images/play-icon.png) center no-repeat #2358a4; margin:-30px 0 0 -30px; -webkit-transition-duration:.6s; transition-duration:.6s; border-radius:100%; background-size:60% }
.video-thumb:hover .btn-play { box-shadow:0 0 0 10px rgba(255,255,255,.5); background-color:#e82ea0 }
.video-modal .modal-content { background:#000; border:none; border-radius:10px }
.video-modal .modal-dialog { margin:4rem auto 1rem }
.video-modal .modal-body { position:relative; padding:0; border:4px solid #e82ea0; border-radius:10px; overflow:hidden }
.video-modal .close { position:absolute; top:-20px; right:-20px; text-align:center; width:40px; height:40px; border-radius:100%; z-index:999; font-size:40px; font-weight:400; color:#fff; opacity:1; text-shadow:none; background:#e82ea0 }
.video-modal .close:not(:disabled):not(.disabled):focus,
.video-modal .close:not(:disabled):not(.disabled):hover { opacity:1; background:#0e59a8; color:#fff }
.sec-video .text-wrapper { margin:-100px 0 0 100px; position:relative; z-index:11; max-width:inherit; display:inline-block }
.sec-bottom { position:relative; overflow:hidden }
.sec-bottom .trianlge-pink { top:0; right:0; position:absolute; -webkit-transform:translate3d(-40rem, 40rem, 0) rotate(-90deg); transform:translate3d(-40rem, 40rem, 0) rotate(-90deg) }
.sec-bottom .arrow-triangle,
.sec-bottom .arrow-triangle::after,
.sec-bottom .arrow-triangle::before { width:30rem; height:30rem }
.sec-hp-blog,
.sec-search,
.sec-social { position:relative; z-index:1 }
.sec-hp-blog { overflow:hidden }
.blog-carousel .owl-stage { margin-left:100px }
.blog-carousel .owl-nav { text-align:right }
.row-info .data-cell,
.row-social .data-cell { vertical-align:bottom; position:relative }
.row-info .cell-right,
.row-social .cell-right { width:550px; padding:0 60px 0 20px }
.row-info .cell-right { vertical-align:middle }
.card-info { background:#cef3f9; border:none; border-radius:4px; font-size:.8rem; margin:0 2px; display:block; color:#000;}
.card-info .card-img-top { height:100px; background-size:cover; padding-bottom:65%; background-position:top center; background-repeat:no-repeat; background-color:#fff; border-radius:4px }
.card-info .card-title {font-size:.888rem; margin:10px 0; min-height:50px }
.card-info .card-text, .card-info .card-title { opacity:.8; -webkit-transition-duration:.4s; transition-duration:.4s }
.post-meta {color:#e938a3;}
.card-info:hover .card-text,
.card-info:hover .card-title { opacity:1 }
.btn-rounded { background:#f6f6f6; width:30px; height:30px; display:inline-block; border-radius:100%; text-align:center; line-height:30px; font-weight:900; color:#fbb3cf; box-shadow:-2px 2px 0 0 #ccc0d9; font-size:14px; transition-duration:.4s }
.card-info:hover .btn-rounded { background:#e82ea0; color:#fff }
.blog-carousel .owl-item:nth-child(2) .card-info { background:#f9d1e7 }
.blog-carousel .owl-item:nth-child(3) .card-info { background:#e4e9fb }
.blog-carousel .owl-item:nth-child(4) .card-info { background:#fddec2 }
.blog-carousel .owl-item:nth-child(5) .card-info { background:#d5e9ea }
.blog-carousel .owl-item:nth-child(6) .card-info { background:#ddead5 }
.checkbox-group .btn-checkbox { display:inline-block; margin:0 5px 5px 0 }
.checkbox-group .btn-checkbox input[type=checkbox]+label { width:57px; height:57px; border:2px solid rgba(233,56,163,.5); border-radius:4px; padding:0; margin:0; -webkit-transition-duration:.4s; transition-duration:.4s }
.checkbox-group .btn-checkbox input[type=checkbox]:checked+label { background-color:#e938a3 }
.checkbox-group .btn-checkbox input[type=checkbox]+label:hover { border-color:#e938a3 }
.checkbox-group .btn-checkbox input[type=checkbox]+label:after { display:none }
.checkbox-group .btn-checkbox input[type=checkbox]+label:before { border:none; width:100%; height:100%; top:0; left:0; background:url(images/filter-icons.png) center no-repeat; -webkit-transition-duration:.4s; transition-duration:.4s }
.checkbox-group .btn-checkbox input[type=checkbox]:checked+label:before { background-color:#e938a3; width:100%; height:100%; top:0; left:0 }
.checkbox-group .btn-checkbox input[type=checkbox]+label.SearchCheckOne:before { background-position:0 0 }
.checkbox-group .btn-checkbox input[type=checkbox]:checked+label.SearchCheckOne:before { background-position:-55px 0 }
.checkbox-group .btn-checkbox input[type=checkbox]+label.SearchCheckTwo:before { background-position:0 -55px }
.checkbox-group .btn-checkbox input[type=checkbox]:checked+label.SearchCheckTwo:before { background-position:-55px -55px }
.checkbox-group .btn-checkbox input[type=checkbox]+label.SearchCheckThree:before { background-position:0 -110px }
.checkbox-group .btn-checkbox input[type=checkbox]:checked+label.SearchCheckThree:before { background-position:-55px -110px }
.checkbox-group .btn-checkbox input[type=checkbox]+label.SearchCheckFour:before { background-position:0 -165px }
.checkbox-group .btn-checkbox input[type=checkbox]:checked+label.SearchCheckFour:before { background-position:-55px -165px }
.checkbox-group .btn-checkbox input[type=checkbox]+label.SearchCheckFive:before { background-position:0 -220px }
.checkbox-group .btn-checkbox input[type=checkbox]:checked+label.SearchCheckFive:before { background-position:-55px -220px }
.checkbox-group .btn-checkbox input[type=checkbox]+label.SearchCheckSix:before { background-position:0 -275px }
.checkbox-group .btn-checkbox input[type=checkbox]:checked+label.SearchCheckSix:before { background-position:-55px -275px }
.sec-social { padding-bottom:0 }
.post-panel { background:#000 }
.social-post { display:block; height:100px; padding-bottom:100%; background-position:center; background-size:cover }
.social-post:hover { opacity:.8 }
.row-post { margin:0 -3px }
.row-post>div { padding:0 3px }
.row-social .data-cell { position:relative }
.social-tab { background:#e938a3; width:50px; height:100%; border-radius:0; position:absolute; top:0; left:0; z-index:4 }
.flr12,
.flr15,
.flr16,
.flr17,
.flr20 { z-index:1 }
.social-tab .nav { display:table-cell; vertical-align:bottom; padding:0 }
.social-tab .nav li { -webkit-transition-duration:.4s; transition-duration:.4s }
.social-tab .nav li a { color:#fff; opacity:.6; padding:8px 0; display:block; text-align:center; font-size:1.1rem }
.social-tab .nav li a:hover { opacity:1 }
.social-tab .nav li a.active { position:absolute; top:15px; left:0; width:100%; opacity:1; -webkit-transform:scale(1.4); transform:scale(1.4) }
.flr12,
.flr13,
.flr15,
.flr16 { opacity:.6 }
.sec-social .swiper-arrow { position:absolute; left:0; bottom:0; width:100% }
.flower { width:118px; height:118px; position:absolute; background:url(img/icon-bo2.png) center no-repeat; background-size:100% }
.inner-banner,
.mask,
.sofy-csr { position:relative }
.flr1 { top:20px; left:70px; }
.flr2 { top:120px; left:30px; width:40px; height:40px }
.flr3 { top:220px; left:100px; width:30px; height:30px }
.flr4 { top:180px; left:200px }
.flr5 { top:80px; right:150px; width:60px; height:60px }
.flr6 { top:230px; right:80px; width:50px; height:50px }
.flr7 { top:80px; right:-70px }
.flr8 { top:80px; left:50px; width:70px; height:70px }
.flr9 { top:90px; left:150px; width:16px; height:16px }
.flr10 { top:150px; left:200px; width:40px; height:40px }
.flr11 { top:200px; left:160px; width:30px; height:30px }
.flr12 { top:250px; left:200px; width:80px; height:80px }
.flr13 { top:20px; left:260px; width:50px; height:50px }
.flr14 { top:250px; left:100px; width:25px; height:25px }
.flr15,
.flr16,
.flr17 { left:300px }
.flr15 { top:310px; width:40px; height:40px }
.flr16 { top:200px; width:20px; height:20px }
.flr17 { top:250px; width:15px; height:15px }
.flr18,
.flr19 { top:380px; opacity:.5; z-index:1 }
.flr18 { left:380px; width:30px; height:30px }
.flr19 { left:220px; width:40px; height:40px }
.flr20 { top:60px; left:20px; width:20px; height:20px }
.flr21 { top:100px; left:70px; width:40px; height:40px; z-index:11; opacity:.4 }
.flr22 { top:100px; right:70px; width:60px; height:60px }
.flr23 { top:80px; right:20px; width:30px; height:30px }
.flr24 { top:180px; right:150px; width:20px; height:20px }
.flr25 { top:60px; right:250px; width:70px; height:70px; opacity:.8 }
.flr26 { top:180px; right:80px; width:50px; height:50px; opacity:.8 }
.flr27 { top:40px; right:180px; width:30px; height:30px }
.flr28 { top:30px; left:40px; width:70px; height:70px }
.flr29 { top:10px; left:180px; width:30px; height:30px }
.flr30 { top:80px; left:250px; width:20px; height:20px }
.flr31 { top:0; left:180px; width:10px; height:10px }
.flr32 { top:190px; left:250px; width:25px; height:25px }
.flr33 { top:0; left:320px; width:45px; height:45px }
.flr34 { top:80px; left:160px; width:35px; height:35px }
.flr35 { top:40px; right:10px; width:15px; height:15px; opacity:.4 }
.flr36 { top:40px; right:80px; width:70px; height:70px; opacity:.6 }
.flr37 { top:0; right:140px; width:40px; height:40px; opacity:.2 }
.flr38 { top:140px; right:40px; width:50px; height:50px; opacity:.4 }
.flr39 { top:140px; right:140px; width:30px; height:30px; opacity:.2 }
.flr40,
.flr41,
.flr42 { opacity:.7 }
.flr40 { top:200px; right:100px; width:16px; height:16px }
.flr41 { top:0; left:30px; width:20px; height:20px }
.flr42 { top:-50px; left:-50px; width:40px; height:40px }
.flr43 { top:-40px; left:80px; width:50px; height:50px; opacity:.4 }
.flr44 { top:40px; left:80px; width:30px; height:30px; opacity:.6 }
.flr45 { top:80px; left:40px; width:16px; height:16px; opacity:.6 }
.flr46 { top:80px; left:60px; width:55px; height:55px; opacity:.4 }
.flr47 { top:80px; left:160px; width:35px; height:35px; opacity:.8 }
.flr48 { top:70px; left:200px; width:15px; height:15px; opacity:.6 }
.flr49 { top:40px; left:220px; width:35px; height:35px; opacity:.5 }
.rotate { -webkit-animation:spin 5s linear infinite; animation:spin 5s linear infinite }
@keyframes spin { from {
transform:rotate(0)
}
to { transform:rotate(360deg) }
}
@-webkit-keyframes spin { from {
transform:rotate(0)
}


to { transform:rotate(360deg) }
}
.mask { width:100%; -webkit-mask:url(images/triangle.svg) center center/cover; -webkit-mask-size:100% 100%; -webkit-mask-repeat:no-repeat }
.inner-banner { height:auto; display:table; width:100%; background:#333 }
.inner-banner .hp-banner-slide { height:40vw; width:100% }
.sofy-csr { margin-top:10rem }
.row-csr { margin:0 -1.5px }
.row-csr [class*=col-] { background-color:#f9d1e7; border-radius:4px; margin:0 5px 5px 0; max-width:calc(33.333333% - 5px); padding:0 }
.row-csr .card-info { margin:0; background:0 0; min-height:inherit }
.row-csr [class*=col-]:nth-child(2n) { background-color:#cef3f9 }
.row-csr [class*=col-]:nth-child(3n) { background-color:#e4e9fb }
.row-csr [class*=col-]:nth-child(4n) { background-color:#d1dafa }
.row-csr [class*=col-]:nth-child(5n) { background-color:#faeaf3 }
.row-csr [class*=col-]:nth-child(6n) { background-color:#b0eef8 }
.row-csr .card-info .card-img-top { background-repeat:no-repeat; background-size:cover; background-color:#fff; height:100px; padding-bottom:50% }
.sofy-history { overflow:hidden }
.sofy-history .trianlge-pink { opacity:.5; top:0; left:0; position:absolute; transform:translate3d(-32rem, 62rem, 0) rotate(-90deg) }
.flrR4,
.flrR7,
.flrR8 { opacity:.6 }
.sofy-history .arrow-triangle,
.sofy-history .arrow-triangle::after,
.sofy-history .arrow-triangle::before { width:65rem; height:65rem }
.sec-whoWeare { position:relative; overflow:hidden }
.sec-whoWeare .text-wrapper,
.sofy-history .text-wrapper { position:relative; z-index:1 }
.flrL1 { width:30px; height:30px; top:40px; left:80px }
.flrL2 { width:50px; height:50px; top:100px; left:-20px }
.flrL3 { width:20px; height:20px; top:120px; left:130px }
.flrL4 { width:70px; height:70px; top:180px; left:80px }
.flrL5 { width:45px; height:45px; top:300px; left:30px }
.flrL6 { width:100px; height:100px; top:350px; left:160px }
.flrL7,
.flrR1 { width:20px; height:20px }
.flrL7 { top:400px; left:20px }
.flrR1 { top:70px; right:20px }
.flrR2 { width:60px; height:60px; top:70px; right:120px }
.flrR3 { width:50px; height:50px; top:60px; right:250px }
.flrR5,
.flrR6 { width:80px; height:80px; opacity:.6 }
.flrR4 { top:160px; right:0 }
.flrR5 { top:200px; right:200px }
.flrR6 { top:350px; right:100px }
.flrR7 { width:30px; height:30px; top:450px; right:10px }
.flrR8 { top:350px; right:330px }
.cfrL1,
.cfrL10,
.cfrL11,
.cfrL14,
.cfrL2,
.cfrL3,
.cfrL4,
.cfrL5,
.cfrL6,
.cfrL7,
.cfrL8,
.cfrL9 { opacity:.4 }
.cfrL1 { width:25px; height:25px; top:-250px; left:10px }
.cfrL2 { width:35px; height:35px; top:-250px; left:100px }
.cfrL3 { width:50px; height:50px; top:-300px; left:180px }
.cfrL4 { width:40px; height:40px; top:-200px; left:250px }
.cfrL5 { width:50px; height:50px; top:-300px; left:350px }
.cfrL6,
.cfrL7 { width:35px; height:35px }
.cfrL6 { top:-150px; left:380px }
.cfrL7 { top:-50px; left:-15px }
.cfrL8 { width:60px; height:60px; top:10px; left:40px }
.cfrL9 { width:30px; height:30px; top:80px; left:20px }
.cfrL10 { width:45px; height:45px; top:-20px; left:280px }
.cfrL11 { width:15px; height:15px; top:200px; left:20px }
.cfrL12,
.cfrL13 { top:80px; opacity:.4 }
.cfrL12 { width:25px; height:25px; left:250px }
.cfrL13 { width:15px; height:15px; left:200px }
.cfrL14,
.cfrR1 { width:40px; height:40px }
.cfrL14 { top:160px; left:40px }
.cfrR1 { top:80px; right:10px }
.cfrR2 { width:20px; height:20px; top:70px; right:150px }
.cfrR3 { width:50px; height:50px; top:80px; right:200px }
.cfrR4,
.cfrR5 { width:30px; height:30px }
.cfrR4 { top:250px; right:20px }
.cfrR5 { top:100px; right:120px }
.cfrR6 { width:15px; height:15px; top:180px; right:100px }
.cfrR7 { width:22px; height:22px; top:210px; right:60px }
.sofyHistImg { position:relative; background:url(images/video-dotted-art.png) center top no-repeat; padding-top:2rem }
.sofyHistImg .mask { max-width:90%; margin:0 auto }
.secVdo { padding-bottom:0; overflow:hidden; position:relative }
.video-nav-tab { text-align:center; margin:0 0 50px; display:block }
.video-nav-tab .nav-item { display:inline-block }
.video-nav-tab .nav-link img,
.video-nav-tab .nav-link strong { display:block; margin:0 auto; position:relative; z-index:2; font-weight:700; color:#222; max-width:180px;}
.video-nav-tab .nav-link strong {max-width:150px; margin-top:10px;}
.video-nav-tab .nav-link { font-size:1rem; color:#333; width:250px; padding:0; text-align:center; font-weight:700; line-height:1.2; position:relative }
.hover-arrow { transform:translate3d(2rem, 12rem, 0) rotate(-90deg); position:absolute; top:0; left:0; z-index:0; opacity:0; visibility:hidden; -webkit-transition-duration:.6s; transition-duration:.6s }
.hover-arrow .arrow-triangle,
.hover-arrow .arrow-triangle::after,
.hover-arrow .arrow-triangle::before { width:8rem; height:8rem; text-align:left }
.pagination li a,
.panel-video,
.pro-feature .feature-img,
.pro-sizes ul li,
.prod-item { text-align:center }
.video-nav-tab .nav-link.active .hover-arrow { visibility:visible; opacity:1; transform:translate3d(2rem, 15rem, 0) rotate(-90deg) }
.video-listing { position:relative; margin-top:12rem }
.video-listing:before { background:url(images/video-dotted-art.png) center no-repeat; width:132px; height:132px; position:absolute; right:30%; top:-4rem }
.hidden-wrapper,
.sec-moreprod { position:relative }
.video-row, .row-gap { margin:0 -3px }
.video-row [class*=col-], .row-gap [class*=col-] { padding:0 3px }
.panel-video { background:#e4e9fb; border-radius:8px; padding:15px 15px 25px; margin-bottom:20px; -webkit-transition-duration:.4s; transition-duration:.4s }
.panel-video h4 { margin:25px 0 0; font-size:.9rem;
white-space:nowrap; text-overflow:ellipsis; overflow:hidden }
.panel-video .btn-play { width:50px; height:50px; background-size:75%; margin:-25px 0 0 -25px }
.panel-video .video-thumb { padding-bottom:100%; background-size:180% }
.panel-video:hover { background-color:#bfcaf3 }
.pagination li { margin:0 5px 5px 0 }
.pagination li a { color:#222; display:block; font-size:14px; font-weight:700; width:36px; height:36px; line-height:36px; border-radius:100%; padding:0;}
.pagination li a.active, .pagination .page-item.active a { background:#e82fa1; color:#fff }
.pagination .page-item:last-child .page-link { border-radius:100%;}
.pagination .page-item .page-link { background:none; border:none;}


.secVdo .flower { z-index:1 }
.flrvdo1 { width:40px; height:40px; top:70px; right:300px }
.flrvdo2 { width:30px; height:30px; top:190px; right:300px }
.flrvdo3 { width:18px; height:18px; top:160px; right:390px }
.flrvdo4 { width:45px; height:45px; top:120px; right:250px }
.flrvdo5 { width:20px; height:20px; top:210px; right:220px }
.flrvdo6 { width:90px; height:90px; top:80px; right:600px; z-index:3; opacity:.6 }
.flrvdo7 { width:30px; height:30px; bottom:190px; left:80px; opacity:.6 }
.flrvdo8 { width:60px; height:60px; bottom:90px; left:160px; opacity:.6 }
.flrvdo9 { width:16px; height:16px; bottom:120px; left:140px; opacity:.6 }
.flrvdo10 { width:90px; height:90px; bottom:0; left:20px; opacity:.6 }
.sec-moreprod .hidden-wrapper { min-height:670px }
.hidden-wrapper { overflow:hidden }
.sec-moreprod .data-cell.right { width:35%; padding-left:20px }
.prod-item { background:#f9d1e7; padding:50px 10px; border-radius:4px; display:block }
.product-img img { max-width:200px; display:block; margin:0 auto 30px }
.pantyliner .corner-triangle::after,
.pantyliner-daily .corner-triangle::after,
.prod-carousel .swiper-arrow div:before { display:none }
.prod-item h4 { font-size:1rem; color:#222; font-weight:400; min-height:60px }
.prod-item h4 strong { font-weight:700 }
.video-tab-content { position:relative; overflow:hidden; padding-bottom:8rem }
.video-tab-content .trianlge-pink { opacity:.8; top:0; left:0; position:absolute; transform:translate3d(-24rem, 50rem, 0) rotate(-90deg) }
.video-tab-content .arrow-triangle,
.video-tab-content .arrow-triangle::after,
.video-tab-content .arrow-triangle::before { width:45rem; height:45rem }
.video-tab-content .tab-content { position:relative; z-index:1 }
.sec-curious { padding:90px 0 0; position:relative; z-index:2 }
.corner-triangle { position:absolute; bottom:0; right:0; z-index:0; width:400px; height:800px }
.corner-triangle:before { width:0; height:0; border-style:solid; border-width:0 0 800px 400px; border-color:transparent transparent #fc7ac3; position:absolute; right:0; bottom:0 }
.corner-triangle:after { width:155px; height:330px; position:absolute; bottom:-20px; right:60px; background:url(images/sofy-girl.png) center no-repeat }
.sec-moreprod .flower { opacity:.7; z-index:1 }
.pro-feature .data-cell,
.sec-moreprod .data-table { position:relative; z-index:2 }
.cflr1 { width:20px; height:20px; top:150px; right:20px }
.cflr2 { width:60px; height:60px; top:180px; right:-30px }
.cflr3 { width:40px; height:40px; top:210px; right:30px }
.cflr4 { width:25px; height:25px; top:160px; right:100px }
.cflr5 { width:16px; height:16px; top:150px; right:80px }
.cflr6 { width:24px; height:24px; top:280px; right:60px }
.cflr7 { width:36px; height:36px; top:300px; right:150px }
.cflr8 { width:25px; height:25px; top:380px; right:60px }
.cflr9 { width:16px; height:16px; top:320px; right:50px }
.cflr10 { width:18px; height:18px; top:260px; right:100px }
.cflr11 { width:30px; height:30px; top:400px; right:190px }
.cflr12 { width:15px; height:15px; top:420px; right:270px }
.cflr13 { width:60px; height:60px; top:330px; right:110px }
.cflr14 { width:20px; height:20px; top:430px; right:90px }
.cflr15 { width:12px; height:12px; top:360px; right:100px }
.sec-product { padding:10rem 0 0; background:url(images/curve-bg.png) 0 45px no-repeat; background-size:60%; position:relative }
.tampons .sec-product { background-image:url(images/tampons-super-curve-bg.png) }
.tampons .corner-triangle::after,
.tampons .corner-triangle::before { border-color:transparent transparent #aed9c0 }
.tampons-blue .sec-product { background-image:url(images/tampons-curve-bg.png) }
.tampons-blue .corner-triangle::after,
.tampons-blue .corner-triangle::before { border-color:transparent transparent #7ad8ef }
.bodyfit .corner-triangle::after,
.bodyfit .corner-triangle::before,
.bodyfit-overnight .corner-triangle::after,
.bodyfit-overnight .corner-triangle::before { border-color:transparent transparent #c84d9c }
.tampons .corner-triangle::after,
.tampons-blue .corner-triangle::after { background-image:url(images/tampons-girl.png) }
.bodyfit-overnight .sec-product { background-image:url(images/bodyfit-overnight-curve-bg.png) }
.bodyfit-overnight .corner-triangle::after { background-image:url(images/Bodyfit-overnight-sleep-girl.png) }
.bodyfit .sec-product { background-image:url(images/bodyfit-curve-bg.png) }
.bodyfit .corner-triangle::after { background-image:url(images/bodyfit-girl.png) }
.pantyliner .sec-product { background-image:url(images/lightblue-curve-bg.png) }
.pantyliner .corner-triangle::after,
.pantyliner .corner-triangle::before { border-color:transparent transparent #a6d8ef }
.pantyliner-daily .sec-product { background-image:url(images/purple-curve-bg.png) }
.pantyliner-daily .corner-triangle::after,
.pantyliner-daily .corner-triangle::before { border-color:transparent transparent #b3c0ec }
.overnight .sec-product { background-image:url(images/overnight-curve-bg.png) }
.overnight .corner-triangle::after,
.overnight .corner-triangle::before { border-color:transparent transparent #6c609e }
.overnight .corner-triangle::after { background-image:url(images/overnight-girl.png) }

.sofycool .sec-product { background-image:url(images/cool-curve-bg.png) }
.sofycool .corner-triangle::before { border-color:transparent transparent #55c9e9 }
.sofycool .corner-triangle::after { background-image:url(images/cool-girl.png) }
.sofycool .flower { background-image: url(images/snow.png);}

.prod-carousel .swiper-arrow div { width:40px; height:40px; border-radius:0 }
.prod-carousel .swiper-arrow div.swiper-prod-prev { background:url(images/icon-prev.png) center no-repeat }
.prod-carousel .swiper-arrow div.swiper-prod-next { background:url(images/icon-next.png) center no-repeat }
.prod-carousel .swiper-arrow div:hover { opacity:.6 }
.pro-desc .pro-title { margin:1rem 0 }
.pro-sizes h4 {
margin:0 0 .8rem; font-weight:500; font-size:1.2rem }
.pro-sizes ul { list-style:none; margin:0 0 1rem; padding:0 }
.pro-sizes ul li { display:inline-block; width:70px; height:65px; font-size:.66rem;
color:#000; -webkit-transition-duration:.4s; transition-duration:.4s }
.pro-sizes ul li a { color:#000; border:1px solid #e82fa1; padding:.75rem .5rem;
display:block; border-radius:4px }
.pro-sizes ul li strong { display:block; font-weight:700; font-size:1.3rem; line-height:1; margin-bottom:5px }
.pro-sizes ul li a:hover,
.pro-sizes ul li.active a { color:#fff; background:#e82fa1 }
.sec-article .flower,
.sec-product .flower { opacity:.5 }
.flrpro12,
.flrpro13,
.flrpro14 { opacity:1!important }
.flrpro1 { width:40px; height:40px; top:55vw; left:3vw }
.flrpro2 { width:20px; height:20px; top:50vw; left:18vw }
.flrpro3 { width:16px; height:16px; top:58vw; left:8vw }
.flrpro4 { width:35px; height:35px; top:50vw; left:14vw }
.flrpro5 { width:12px; height:12px; top:60vw; left:6vw }
.flrpro6 { width:24px; height:24px; top:52vw; left:7vw }
.flrpro7 { width:16px; height:16px; top:56vw; left:8vw }
.flrpro8 { width:26px; height:26px; top:61vw; left:16vw }
.flrpro9 { width:45px; height:45px; top:58vw; left:12vw }
.flrpro10 { width:18px; height:18px; top:55vw; left:15vw }
.flrpro11 { width:22px; height:22px; top:65vw; left:11vw }
.flrpro12 { width:70px; height:70px; top:88vw; left:4vw }
.flrpro13 { width:30px; height:30px; top:87vw; left:2.5vw }
.flrpro14 { width:14px; height:14px; top:86vw; left:2vw }
.prod-feature-group { margin-top:100px }
.pro-feature { margin:100px auto 0; padding:4rem 0; position:relative; overflow:hidden; min-height:725px; background:url(images/video-dotted-art.png) 150px center no-repeat }
.pro-feature .data-table { width:70%; margin:5% 0 0 30% }
.pro-feature .data-cell { padding:0 }
.feature-text { width:340px }
.feature-text h2 { color:#2e3192; font-size:2rem; line-height:1; margin:0 0 1.5rem; font-weight:900 }
.feature-text h2 small { font-weight:900; font-size:75% }
.feature-text h3 { font-size:1.6rem }
.pro-feature .arrow-triangle { background:#e4e9fb }
.pro-feature .arrow-triangle,
.pro-feature .arrow-triangle:after,
.pro-feature .arrow-triangle:before { width:26rem; height:26rem }
.pro-feature .trianlge-bg { bottom:0; left:0; position:absolute; transform:translate3d(53rem, -27rem, 0) rotate(90deg) }
.pro-feature .mask { -webkit-mask:url(images/triangle-vertical.svg) center center/cover }
.trainle-img { max-width:480px; position:absolute; top:0; left:0 }
.pro-feature.first { max-width:1000px; background-position:calc(100% - 50px) bottom }
.pro-feature.first .data-table { width:100%; margin:0 }
.pro-feature.first .feature-img { text-align:right; padding-right:20px }
.pro-feature.first .feature-text { width:350px }
.pro-feature.first .trianlge-bg { transform:translate3d(50rem, -27rem, 0) rotate(90deg) }
.rtl .data-table { direction:rtl }
.rtl .data-table .data-cell { direction:ltr }
.rtl .data-table .data-cell.feature-img { text-align:-webkit-right }
.rtl.pro-feature { background-position:center bottom }
.rtl.pro-feature .data-table { margin:0 }
.rtl.pro-feature .arrow-triangle { background-color:#f9cfe6 }
.rtl.pro-feature .trianlge-bg { transform:translate3d(15rem, -21rem, 0) rotate(-90deg) }
.rtl.pro-feature .trainle-img { bottom:0; right:40px; top:inherit; left:inherit }
.rtl.pro-feature .mask { -webkit-mask:url(images/triangle.svg) center center/cover }
.rtl.pro-feature .feature-text { text-align:right }
.pro-feature .flower { opacity:1; z-index:1 }
.flrftr1 { width:25px; height:25px; bottom:250px; left:180px }
.flrftr2 { width:50px; height:50px; bottom:120px; left:80px }
.flrftr3 { width:80px; height:80px; bottom:160px; left:200px }
.flrftr4 { width:18px; height:18px; bottom:120px; left:160px }
.flrftr5 { width:30px; height:30px; bottom:210px; left:80px }
.flrftr6 { width:40px; height:40px; bottom:300px; left:220px }
.flrftr7 { width:22px; height:22px; bottom:280px; left:280px }
.flrftr8 { width:15px; height:15px; bottom:90px; left:280px }
.flrftr9 { width:36px; height:36px; bottom:160px; left:300px }
.pro-feature.first .trainle-img { display:none }
.pro-feature.first .flower { left:inherit }
.pro-feature.first .flrftr1 { bottom:70px; right:180px }
.pro-feature.first .flrftr2 { bottom:40px; right:260px }
.pro-feature.first .flrftr3 { bottom:10px; right:50px }
.pro-feature.first .flrftr4 { bottom:160px; right:180px }
.pro-feature.first .flrftr5 { bottom:160px; right:60px }
.pro-feature.first .flrftr6 { bottom:10px; right:180px }
.pro-feature.first .flrftr7 { bottom:110px; right:230px }
.pro-feature.first .flrftr8 { bottom:90px; right:100px }
.pro-feature.first .flrftr9 { bottom:60px; right:140px }
.sec-listing .title-head .title-style span { text-transform:none; font-size:2rem }
.prodlist, .video-search { padding:0 60px; position:relative }
.prod-list-feature { color:#444 }
.prod-list-feature h3 { text-transform:uppercase; font-weight:900; margin:0; font-size:1.46rem }
.prod-list-feature p { font-style:italic }
.prod-list-feature ul { list-style:none; margin:20px 0 0; padding:0 }
.prod-list-feature ul li { margin-bottom:5px }
.prod-carousel .swiper-pagination,
.prodlist .swiper-pagination { position:static; margin-top:15px; display:none }
.prod-carousel .swiper-pagination-bullet,
.prodlist .swiper-pagination-bullet { width:20px; height:20px }
.prod-carousel .swiper-pagination-bullet::before,
.prodlist .swiper-pagination-bullet::before { background:#aaa }
.prod-carousel .swiper-pagination-bullet.swiper-pagination-bullet-active,
.prodlist .swiper-pagination-bullet.swiper-pagination-bullet-active { width:30px }
.prod-carousel .swiper-pagination-bullet.swiper-pagination-bullet-active::before,
.prodlist .swiper-pagination-bullet.swiper-pagination-bullet-active::before { background-color:#e938a3 }
.prod-list-item { display:block; color:#444 }
.prod-list-item img { max-width:80% }
.prod-list-item h4 { font-weight:400; font-size:1rem; margin:1rem 0 0 }
.prod-size { display:block; font-weight:700 }
.ctrl-nav div { width:40px; height:40px; position:absolute; top:50%; margin:-20px 0 0; cursor:pointer; outline:0 }
.nav-prev { background:url(images/pink-arrow-prev.png) center no-repeat; left:0 }
.nav-next { background:url(images/pink-arrow-next.png) center no-repeat; right:0 }
.ctrl-nav div.swiper-button-disabled { cursor:not-allowed; opacity:0 }
.listing-row+.listing-row { margin-top:70px }
.topic-row { margin-top:60px }
.card-topic { color:#333; line-height:1.4; font-size:.9rem;
position:relative; margin:2rem 0 0 }
.card-topic:before { width:55px; height:55px; background:url(images/filter-icons.png) no-repeat; display:block; margin:0 0 10px }
.card-topic.night:before { background-position:0 -55px }
.card-topic.day:before { background-position:0 -110px }
.card-topic h4 { font-weight:500; text-transform:uppercase; font-size:1.2rem; margin:0 0 1rem }
.day-nav-tab { position:absolute; bottom:0; left:0; padding-left:100px; width:100%; -webkit-transition-duration:.7s; transition-duration:.7s }
.day-nav-tab a { display:inline-block; vertical-align:bottom; opacity:.8 }
.day-nav-tab a img { max-width:100px; -webkit-transition-duration:.4s; transition-duration:.4s }
.day-nav-tab a.active { opacity:1; margin:0 0 0 -15px }
.day-nav-tab a.active img { max-width:inherit }
.day-nav-tab a span { display:none }
.day-nav-tab .trianlge-pink { transform:translate3d(-20rem, -7rem, 0) rotate(-45deg); position:absolute; z-index:3; opacity:0; -webkit-transition-duration:.7s; transition-duration:.7s; top:0; left:-100px; visibility:hidden }
.day-nav-tab.fixed { position:fixed; top:100px; left:0; bottom:inherit; height:auto; z-index:2; width:350px; padding:10px 20px }
.day-nav-tab.fixed a { vertical-align:middle; position:relative; z-index:4 }
.day-nav-tab.fixed a.active img { max-width:150px }
.day-nav-tab.fixed .trianlge-pink { opacity:1; left:0; visibility:visible }
blockquote { background:#fff; border:2px dotted #383838; padding:25px; border-radius:15px; margin-bottom:2rem }
.terms { margin-bottom:3rem }
.terms .term_img { width:115px; vertical-align:top }
.terms .term_img img { max-width:85px }
.address_ions p { position:relative; padding-left:30px }
.address_ions p .fa { position:absolute; left:0; top:5px; color:#c5c5c5; font-size:18px }
.sofy_address { margin-bottom:5rem }
.sofy-contact { overflow:hidden }
.sec-contactus { padding:100px 0 20px }
.sofy-contact .trianlge-pink { opacity:.5; top:0; left:0; position:absolute; transform:translate3d(-20rem, 28rem, 0) rotate(-90deg) }
.blog_articles,
.milecover,
.milestone { position:relative }
.sofy-contact .arrow-triangle,
.sofy-contact .arrow-triangle::after,
.sofy-contact .arrow-triangle::before { width:30rem; height:30rem }
.contact_form .form-control { border-color:#fff; border-radius:20px; padding:10px 12px; height:auto; font-size:14px }
.contact_form .form-control:focus { border-color:#e938a3 }
.contact_form .btn-img { border:none; cursor:pointer }
.worldmap { background:url(images/world-map.png) center 50px no-repeat }

.attachment img,
img.size-auto,
img.size-full,
img.size-large,
img.size-medium { max-width:100%; height:auto }
.alignleft,
img.alignleft { display:inline; float:left; margin-right:2% }
.alignright,
img.alignright { display:inline; float:right; margin-left:2% }
.aligncenter,
img.aligncenter { clear:both; display:block; margin-left:auto; margin-right:auto }
img.aligncenter,
img.alignleft,
img.alignright { margin-bottom:18px }
select.form-control,
select[multiple].form-control { -moz-appearance:none; padding-right:25px; height:auto; font-size:14px }
.contact_form select.form-control,
select.form-control { -webkit-appearance:none; appearance:none; background-image:url(images/select-icon.png); background-repeat:no-repeat; background-position:calc(100% - 7px) center; padding:10px 20px 10px 12px }
select[multiple].form-control { -webkit-appearance:none; appearance:none; background:0 0 }
select::-ms-expand {
display:none
}
.error { color:red; font-size:12px }
.blog_articles { z-index:9; max-width:900px; margin:0 auto 60px }
.blog_articles figure,
.blog_articles ul { margin-bottom:3rem }
.blog_articles h1,
.blog_articles h2,
.blog_articles h3,
.blog_articles h4,
.blog_articles h5,
.blog_articles h6 { color:#eb41a8; margin:15px 0 }
.milestone { margin-top:80px }
.milestone ul { margin:0; padding:0; list-style:none }
.milecover:before { position:absolute; top:0; right:2px; background:#b4e1f8; width:10px; height:100% }
.mileyear { position:absolute; top:0; right:30px; text-align:left; width:auto; font-size:3.5rem; font-weight:900; background:-webkit-linear-gradient(0deg, #69cbf2, #cbeefc 100%); -webkit-background-clip:text }
.mile-cont { padding-right:30px }
.mile-cont .data-table { padding:15px; direction:rtl; border-radius:10px; margin-bottom:30px; -webkit-box-shadow:-6px 6px 3px 2px #d5eaf3; box-shadow:-6px 6px 3px 2px #d5eaf3 }
.mile-cont .data-table:first-child { margin-top:80px }
.milestone li { float:left; width:100% }
.milestone li .milecover { float:left; width:50%; text-align:right; position:relative; margin:0 }
.milestone .title { color:#eb41a8; font-size:1.3rem; line-height:normal }
.milestone p { font-size:1.2rem }
.milestone li:nth-child(2n) .milecover { float:right; margin:0; text-align:left }
.milestone li:nth-child(2n) .mile-cont { margin-right:0; margin-left:30px; padding-right:0 }
.milestone li:nth-child(2n) .mile-cont .data-table { direction:ltr; -webkit-box-shadow:6px 6px 3px 2px #f3d4e5; box-shadow:6px 6px 3px 2px #f3d4e5 }
.milestone li:nth-child(2n) .mile-cont p:after { right:inherit; top:1px; left:-5px }
.milestone li:nth-child(2n) .mileyear { text-align:right; right:inherit; left:30px; background:-webkit-linear-gradient(0deg, #e831a2, #fec8de 100%); -webkit-background-clip:text }
.milestone li .data-cell:first-child { width:150px; text-align:center; vertical-align:top }
.milestone .loader .fa,
.nav-links,
.nav-links .page-numbers,
.pagination .screen-reader-text { display:inline-block; vertical-align:middle }
.milestone li:nth-child(2n) .milecover:before { background:#fcb7d7; right:inherit; left:2px }
.milestone .loader { font-size:2rem; font-weight:900; cursor:pointer }
.sec-search { margin-top:40px; position:relative; z-index:2 }
.sec-search .title-style { font-size:2rem; margin:0 0 20px }
.post-article { background:#fff; padding:30px 30px 50px; border-radius:20px; position:relative; border:solid #e82fa1; border-width:0 2px }
.post-article+.post-article { margin-top:50px }
.post-article-title,
.post-article-title a { color:#333 }
.post-article-title a:hover { color:#e82fa1 }
.entry-date { color:#666; font-size:13px; margin:0 0 20px }
.post-article .btn-img { position:absolute; bottom:-25px; right:40px }
.navigation.pagination { margin-top:40px }
.pagination .screen-reader-text { font-size:18px; margin:0 20px 0 0; line-height:1.6 }
.nav-links .page-numbers { background:#fff; padding:4px 20px; border-radius:30px; font-size:.9rem
}
.nav-links .page-numbers.current { background:#e82fa1; color:#fff }
.nav-links .page-numbers.dots { background:0 0; padding:0 20px }
.sec-article { padding:10rem 0 0; position:relative; overflow:hidden }
.sec-article .trianlge-blue { top:0; left:0; position:absolute; transform:translate3d(-38rem, 40rem, 0) rotate(-90deg) }
.sec-article .arrow-triangle,
.sec-article .arrow-triangle::after,
.sec-article .arrow-triangle::before { width:50rem; height:50rem }
.sec-article .lady-icon { width:155px; height:330px; background:url(images/sofy-girl.png) center no-repeat; position:absolute; bottom:10px; left:0; transform:scaleX(-1); z-index:1 }
.spacer { height:80px }
.spacer-blog {height:125px;}
.navbar-toggler { position:relative; right:0; width:30px; height:30px; padding:0; border-radius:0 }
.navbar-toggler span,
.navbar-toggler span:after,
.navbar-toggler span:before { position:absolute; width:100%; left:0; top:5px; background:#fff; height:2px }
.navbar-toggler span:before { top:8px }
.navbar-toggler span:after { top:16px }
.social-tab-content .social-feed-container-471 .social-feed-element,
.social-tab-content .social-feed-container-581 .social-feed-element { width:100%!important; margin:0!important; display:block!important }
.social-tab-content .social-feed-container-471 .grid-item,
.social-tab-content .social-feed-container-581 .grid-item { width:33.333333%!important; vertical-align:top }
.social-tab-content .social-feed-element .attachment { display:block!important }
.row-social .cell-left { padding-left:50px }
.social-tab-content .row { margin:0 -5px }
.social-tab-content .row [class*=col-] { padding:0 5px }
.sec-user-guide { margin-top:50px }
.sec-user-guide h4 { font-weight:900; text-transform:uppercase; margin:0 0 10px }
.use-guide-row .data-cell { vertical-align:top }
.guide-icon { width:250px }
.use-guide-desc ol { list-style:none; counter-reset:my-awesome-counter; margin:0; padding:0 }
.use-guide-desc ol li { counter-increment:my-awesome-counter; position:relative; min-height:49px; background:#fecae7; border:1px dashed #333; border-radius:8px; padding:20px 30px 20px 40px; color:#000; margin-bottom:20px }
.use-guide-desc ol li:before { content:counter(my-awesome-counter) ""; padding-top:10px; font-size:18px; font-weight:700; background:url(images/list-bg.png) center no-repeat; width:54px; height:49px; position:absolute; top:15px; left:-28px; text-align:center; color:#fff }
.sec-infographics { margin-top:50px }
.sec-sigle-page { padding:200px 0 150px }
.policy .full-width { position:relative; z-index:2; max-width:950px; margin:0 auto }
.policy li+li { margin-top:15px }


.placeholder {display:none; height:190px;}
.cat-tab {margin-bottom:0;}
.sec-cat .title-head .title-style {font-size:3rem;}
.cat-tab-listing {background-repeat:no-repeat; background-position:0 0; background-size:500px; padding:60px 0 0; margin-top:80px; position:relative; z-index:2;}
.cat-tab-listing .data-table {height:500px; position:relative; margin:0 auto; z-index:2; padding-left:150px;}
.cat-tab-listing .data-cell {vertical-align:bottom; padding-bottom:60px;}
.cat-tab-listing .cell-left { padding-right:50px; min-width:40%;}
.cat-tab-listing .title-style { font-size:1.9rem;}
.cat-tab-listing .cell-right h4 {font-size:1.2rem;}

.cat-products { position:relative;}

.cat-products .icon-flower { position:absolute; width:250px; height:200px;}
.cat-products .icon-flower.left {top:30%; left:0;}
.cat-products .icon-flower.right {bottom:0; right:0; -webkit-transform: scaleX(-1); transform: scaleX(-1);}  

.cat-tab-listing .ctrl-nav {position:absolute; bottom:0; left:38%; z-index:3;}
.cat-tab-listing .ctrl-nav div {position:static; display:inline-block;}
.cat-tab-listing .ctrl-nav div.swiper-button-disabled {opacity:0.4;}


.flower-pink { width:118px; height:118px; position:absolute; background:url(images/flower-pink.png) center no-repeat; background-size:100%;}
.flrcat1 { width:20px; height:20px; left:0; top:180px;}
.flrcat2 { width:35px; height:35px; left:50px; top:160px;}
.flrcat3 { width:16px; height:16px; left:40px; top:160px;}

.flrcat4 { width:24px; height:24px; left:20px; top:100px;}
.flrcat5 { width:40px; height:40px; left:100px; top:80px;}
.flrcat6 { width:32px; height:32px; left:60px; top:100px;}
.flrcat7 { width:24px; height:24px; left:90px; top:40px;}
.flrcat8 { width:40px; height:40px; left:120px; top:120px;}
.flrcat9 { width:15px; height:15px; left:0px; top:140px;}
.flrcat10 { width:18px; height:18px; left:40px; top:140px;}
.cat-tab .nav-link.active .hover-arrow {opacity:0;}
#StickyNav {-webkit-transition-duration:0.4s; transition-duration:0.4s;}
#StickyNav.fixed {position:fixed; top:0; left:0; width:100%; background:#f2f2f2; z-index:10; transform: translate(0, 86px); padding:10px 0; box-shadow:0 1px 6px 0 rgba(0,0,0,.2);}
#StickyNav.fixed .cat-tab {margin:0;}
#StickyNav.fixed .cat-tab .nav-item {vertical-align:top;}
#StickyNav.fixed .cat-tab .nav-link img {max-width:80px;}
#StickyNav.fixed .cat-tab .nav-link strong { font-size:0.7rem; letter-spacing:1px; max-width: 110px;}
#StickyNav.fixed .hover-arrow .arrow-triangle, #StickyNav.fixed .hover-arrow .arrow-triangle::after, #StickyNav.fixed .hover-arrow .arrow-triangle::before {width:2rem; height:2rem;}
#StickyNav.fixed .hover-arrow {transform: translate3d(0rem, 7rem, 0) rotate(-90deg); left:50%; margin-left:-25px;}
#StickyNav.fixed .cat-tab .nav-link.active .hover-arrow {transform: translate3d(0rem, 6rem, 0) rotate(-90deg); opacity:1;}
.search-tag { color:#555; font-size:1.2rem;}
.sitemap h4 {margin:20px 0 10px; font-size:13px; text-transform:uppercase; color:#222; letter-spacing:2px; text-decoration:underline;}
.sitemap ul {list-style:none; margin:0 0 20px; padding:0;}
.sitemap ul > li {position:relative; padding-left:15px; margin:0 0 15px;}
.sitemap ul > li a { color:#444; font-weight:400;}
.sitemap ul > li a:hover {color:#e82fa1;}
.sitemap ul > li:before { content:''; width:6px; height:6px; border-radius:100%; background:#e82fa1; position:absolute; top:9px; left:0;}
.sitemap ul li ul {margin:0}
.sitemap ul li ul li { display:inline-block; margin:0 5px 8px 0; padding:0;}
.sitemap ul li ul li:before {display:none;}
.sitemap ul li ul li a {background:#e82fa1; color:#fff; display:block; padding:6px 20px; border-radius:30px; font-size:14px;}
.sitemap ul li ul li a:hover {background:#ee6fbd; color:#fff;}


/** Blog **/
.sec-rec-post { background:#f6f6f6; padding:180px 0 50px;}
.sec-rec-post .cell-left {width:180px; padding-right:2rem;}
.sec-rec-post .cell-left a {display:block;}
.sec-rec-post .cell-left h4 {text-transform:uppercase; margin:10px 0 0; font-size:1.1rem;}

.rec-blog-post {display:block;}
.rec-blog-img { background-color:#e82fa1; height:100px; padding-bottom:60%; border-radius:10px; border:solid 2px #fff; background-size:cover; background-repeat:no-repeat; background-position:top right; box-shadow:-1px 1px 0 1px #c186a8;}
.rec-blog-title { font-size:0.9rem; color:#333; font-weight:400; position:relative; padding:10px 0 0; margin:10px 0 0;}
.rec-blog-title:before { content:''; width:30px; height:3px; position:absolute; top:0; left:0; background:#e82fa1; border-radius:5px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s;} 
.rec-blog-post:hover .rec-blog-title:before {width:60px;}
.rec-blog-post .row {margin:0 -5px;}
.rec-blog-post .row [class*=col-] { padding:0 5px;}

.sec-carousel-post {position:relative;}
.carousel-post-item { height:500px; background-color:#cdd9e6; background-size:cover; background-repeat:no-repeat; background-position:top right;}
.carousel-post-item .data-table {height:500px}
.carousel-post-item .data-cell {vertical-align:bottom;}
.carousel-post-text { max-width:45%; padding:30px; background-color:#eceff4}
.sf-blog-carousel .swiper-pagination-bullet::before {background-color:#999;}
.sf-blog-carousel .swiper-pagination-bullet.swiper-pagination-bullet-active::before {background-color: #e938a3;}


.post-tag { background:#0b9444; color:#fff !important; text-transform:uppercase; font-size:0.6rem; display:inline-block; padding:4px 10px; border-radius:30px; margin:0 3px 3px 0;}
.post-tag:hover {background-color:#1a7841; color:#fff;}
.carousel-post-title, .carousel-post-title a, .sf-post-title, .sf-post-title a { font-size:1.2rem; color:#222;}
.carousel-post-title a:hover, .sf-post-title a:hover { color:#e82fa1;}
.post-meta, .post-meta a {color:#666; font-size:0.8rem;}
.post-meta span { display:inline-block; vertical-align:middle; line-height:1;}
.post-author { width:40px; height:40px; background-color:#fff; border:solid 1px #ddd; background-size:cover; background-repeat:no-repeat; background-position:center; border-radius:100%; margin-right:5px;}
.post-author img {border-radius:100%;}
.post-author-name { border-right:solid 1px #666; padding:0 5px 0 0; margin:0 5px 0 0;}

.title-header {margin-bottom:3rem;}
.title-header .title-style { font-size:1.4rem; display:inline-block; background:#f6f6f6; padding:15px 50px; margin:0; border-radius:40px; box-shadow:0 3px 0 4px #eddde7; position:relative;}
.title-header .title-style:before, .title-header .title-style:after  { content:''; width:80px; position:absolute; top:50%; height:4px; border-top:double 7px #eddde7; margin-top:-2px;}
.title-header .title-style:before { right:100%;}
.title-header .title-style:after { left:100%;}


.sf-post { background:#f5e2ed; padding:30px; border-radius:8px;}
.sf-post-img {position:relative;}
.sf-post-img .cat-post-tag, .sf-feature-img .cat-post-tag { position:absolute; bottom:15px; left:15px;} 
.sf-post-img figure {background-color:#e82fa1; height:100px; padding-bottom:50%; border-radius:10px; border:solid 2px #fff; background-size:cover; background-repeat:no-repeat; background-position:top right; box-shadow:-1px 1px 0 1px #c186a8; margin:0 0 15px;}

.sf-post-desc {height:120px; overflow: hidden; margin-bottom: 20px;}

.post-status, .post-status a {color:#161313; font-size:0.8rem; text-transform:uppercase; margin-bottom:15px;}
.post-status a:hover { color:#e82fa1;}
.post-status span {display:inline-block; vertical-align:middle; margin-right:30px;}
.post-status span:last-child {margin-right:0;}
.post-status .post-date:before { content:'\f073'; font-family:FontAwesome; color:#8a7e84; margin-right:5px;}
.post-status .post-views:before { content:'\f06e'; font-family:FontAwesome; color:#8a7e84; margin-right:5px;}
.post-status .post-comt:before { content:'\f27a'; font-family:FontAwesome; color:#8a7e84; margin-right:5px;}



.sf-sidebar-post+.sf-sidebar-post {margin-top:30px;}
.sf-sidebar-post .sf-post-img{ margin:0 15px;}
.sf-sidebar-post .sf-post-desc { border:solid 6px #f5e2ed; border-radius:10px; padding:90px 20px 20px; margin:-100px 0 0}
.sf-sidebar-post .sf-post-title, .sf-sidebar-post .sf-post-title a { font-size:1rem; font-weight:600; margin:10px 0;}
.sf-sidebar-post .sf-post-desc {height:auto; overflow:inherit;}
.sf-sidebar-post .sf-post-img figure { padding-bottom:55%;}

.sec-period-guide .trianlge-blue { top:0; left:0; position:absolute; transform: translate3d(-22rem, 45rem, 0) rotate(-90deg);}
.sec-period-guide .arrow-triangle, .sec-period-guide .arrow-triangle::after, .sec-period-guide .arrow-triangle::before { width:30rem; height:30rem;}
.prdflr1 { width:20px; height:20px; right:50px; top:15px;}
.prdflr2 { width:40px; height:40px; right:90px; top:50px;}
.prdflr3 { width:32px; height:32px; right:20px; top:70px;}
.prdflr4 { width:50px; height:50px; right:60px; top:180px;}
.prdflr5 { width:26px; height:26px; right:10px; top:250px;}


.rlt-products { margin-top:90px; position:relative; z-index:1;}
.rlt-products-title {font-size:1.3rem; text-transform:uppercase; margin:0 0 15px;}
.sf-rltd-carousel .swiper-slide a img {max-width:60%; -webkit-transform:translateY(10px); transform:translateY(10px); -webkit-transition-duration:0.6s; transition-duration:0.6s;}
.sf-rltd-carousel .swiper-slide figure {margin:0;}
.sf-rltd-carousel .swiper-slide figure figcaption {color:#333; font-size:0.9rem; margin:0; opacity:0; visibility:hidden; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transform:translateY(10px); transform:translateY(10px); -webkit-transition-duration:0.4s; transition-duration:0.4s;}
.pagin-static {position:static; margin-top:30px;}
.pagin-static .swiper-pagination-bullet::before {background:#ddd;}
.pagin-static .swiper-pagination-bullet.swiper-pagination-bullet-active::before {background-color: #e938a3;}

.sf-rltd-carousel .swiper-slide a { display:block; position:relative; overflow:hidden; padding:20px 10px; border:solid 1px #ddd; border-radius:8px; background-color:#fcfbfb; text-align:center; margin:20px 0 0;}
.sec-tips {background:#f5e2ed; padding:0; margin-bottom:70px; position:relative;}
.sec-tips .title-header { position:relative; top:100px;}
.sec-tips .title-header .title-style {box-shadow: 0 3px 0 4px #eccbde;}
.sec-tips .title-header .title-style:before, .sec-tips .title-header .title-style:after { border-color:#fff;}

.tipsflr1 { width:20px; height:20px; top:160px; left:150px;}
.tipsflr2 { width:30px; height:30px; top:180px; left:65px;}
.tipsflr3 { width:50px; height:50px; top:250px; left:120px;}
.tipsflr4 { width:35px; height:35px; top:300px; left:30px;}
.tipsflr5 { width:15px; height:15px; top:310px; left:110px;}
.tipsflr6 { width:24px; height:24px; top:30px; right:50px;}
.tipsflr7 { width:12px; height:12px; top:60px; right:80px;}
.tipsflr8 { width:36px; height:36px; top:64px; right:20px;}
.tipsflr9 { width:45px; height:45px; top:155px; right:80px;}
.tipsflr10 { width:15px; height:15px; top:160px; right:20px;}



.tips-tricks {position:relative; top:100px;}
.tips-tricks .swiper-pagination .swiper-pagination-bullet {margin:0 2px;}
.tips-tricks .cell-left { width:300px; text-align:center;}
.tips-post { background:#f6f6f6; padding:30px; border:solid 7px #f5e2ed; border-radius:20px; position: relative; margin-bottom:50px; min-height:500px;}
.tips-post .sf-post-img figure {background-color:#eceff4;}
.tips-post .sf-post-img .post-tag { background:#e82fa1;}
.tips-post .sf-post-title, .tips-post .sf-post-title a { font-size:1rem; text-transform:none;}
.tips-post .sf-post-desc { font-size:0.9rem; height:125px;}
.tips-post:after, .tips-post:before {top: 100%; right: 25px; border: solid transparent;	content: " ";	height: 0; width: 0;	position: absolute;	pointer-events: none;}
.tips-post:after {border-color: rgba(136, 183, 213, 0);	border-top-color: #f6f6f6;	border-width: 36px 14px 0 28px;	margin-right: 8px;}
.tips-post:before {border-color: rgba(194, 225, 245, 0); border-top-color: #f5e2ed; border-width: 50px 20px 0 40px;}
.sec-tips .pagin-static .swiper-pagination-bullet::before {background:#aaa;}
.sec-tips .pagin-static .swiper-pagination-bullet.swiper-pagination-bullet-active::before {background-color: #e938a3;}


.card-topics { border-radius:8px; background:#fafafa;}
.card-topics .card-body-title { font-size:1.5rem; margin:0 0 15px;}
.topics-list {margin:0;}
.topics-list li a {display:block; padding:10px 0; color:#333;}
.topics-list li a:hover, .card-topics .view-all:hover {color:#e82fa1;}
.topics-list li+li {border-top:solid 1px #f2f1f1;}
.topics-list h4 { font-size:1rem; margin:0 0 5px;}
.topics-list .post-date {text-transform:uppercase; font-size:0.75rem; color:#666;}

.card-topics .view-all {text-decoration:underline; color:#333; font-weight:600; margin-top:30px; display:inline-block;}
.sec-nutrition { background:#fff;}
.sf-food-post { background:none; padding:0;}
.sf-food-post .sf-post-img figure { padding-bottom:70%;}
.sf-food-post .sf-post-img .post-tag, .sf-post-tips .sf-post-img .post-tag { background:#67caf2;}
.sf-food-post .sf-post-title {text-transform:none;}


.sec-sf-videos {}
.post-video { background:#f5e2ed; padding:10px; border-radius:10px;}
.sf-post-tips {background:#f6f6f6;}
.sf-post-tips .video-thumb { padding-bottom:45%; border-radius:10px; border:solid 5px #ddd; margin-bottom:20px;}
.sf-post-tips .video-thumb:last-child {margin-bottom:0;}
.single-video-left .video-thumb {padding-bottom:69%; border-radius:10px; border:solid 5px #fff; }
.sf-post-tips .sf-post-desc {height:inherit; overflow:none; font-size:0.9rem;}

.sf-post-tips .sf-post-desc h4 {font-size:1rem;}
.post-video-frame { height:100%; padding:20px 0 20px 20px;}
.post-video-frame .embed-responsive {height:100%; border:solid 4px #fff; border-radius:10px;}

.sec-ntrvdo .trianlge-pink { top:0; right:0; position:absolute; transform: translate3d(-22rem, 45rem, 0) rotate(-90deg);}
.sec-ntrvdo .arrow-triangle, .sec-ntrvdo .arrow-triangle::after, .sec-ntrvdo .arrow-triangle::before { width:30rem; height:30rem;}
.sec-ntrvdo .flower {opacity:0.6;}
.sec-ntrvdo .nvflr1 {width:40px; height:40px; right:0; top:20rem;}
.sec-ntrvdo .nvflr2 {width:60px; height:60px; right:60px; top:34rem;}
.sec-ntrvdo .nvflr3 {width:40px; height:40px; right:0; top:54rem;}
.sec-ntrvdo .nvflr4 {width:20px; height:20px; right:-10px; top:32rem;}
.sec-ntrvdo .nvflr5 {width:16px; height:16px; right:0; top:30rem;}
.sec-ntrvdo .nvflr6 {width:32px; height:32px; right:80px; top:30rem;}
.sec-ntrvdo .nvflr7 {width:24px; height:24px; right:40px; top:60rem;}
.sec-ntrvdo .nvflr8 {width:46px; height:46px; right:20px; top:64rem; opacity:1;}

.nav-secondary {box-shadow:0 4px 5px 0 rgba(0,0,0,0.1); position:relative; z-index:2;}
.nav-secondary .nav {padding:0;}
.nav-secondary .dropdown-menu { top:95%;}
.nav-secondary .nav > li { padding:.7rem 0; position:relative;}
.nav-secondary .nav > li > a {color:#333; padding:6px 25px; display:block; border-radius:30px; font-weight:700; font-size:0.9rem; text-transform:uppercase;}
.nav-secondary .nav > li > a:hover, .nav-secondary .nav > li:hover > a {background:#67caf2; color:#000;}

/** Blog Inner **/
.sec-blog-detail {padding:160px 0 100px;}

.sf-single-post {border-radius:10px; padding:15px; background:#fff;}
.sf-feature-img {position:relative; margin-bottom:30px;}
.sf-feature-img figure img {border-radius:10px;}
.sf-single-post-title { margin:0 0 20px; font-size:1.4rem;}

.sf-single-post-meta { border:solid #ddd; border-width:1px 0; padding:5px 0; margin:20px 0;}
.sf-single-post-meta .social-share, .sf-post-meta-bottom .social-share  {width:215px;}
.sf-single-post-overview img { margin:20px 0; border-radius:10px;}
.sf-single-post-overview ul, .sf-single-post-overview ol {padding:0 0 0 22px; margin:20px 0;}
.sf-single-post-overview li+li { margin-top:10px;}
.sf-single-post-overview li {padding-left:10px;}
.sf-single-post-overview h2 { font-size:1.8rem; font-weight:700;}
.sf-single-post-overview h3 { font-size:1.4rem; font-weight:700;}
.sf-single-post-overview h4 { font-size:1.2rem; font-weight:700;}
.sf-single-post-overview h5 { font-size:1rem; font-weight:700;}

.sf-post-meta-bottom { margin-top:50px;}
.sf-post-meta-bottom .post-status {margin-top:5px;}

.sf-post-nav { border:solid #c7c3c3; border-width:1px 0; margin:30px 0;}
.sf-post-nav a { display:block; padding:20px 40px; color:#111; position:relative;}
.sf-post-nav strong { display:block; font-weight:700;}


.sf-post-nav a:before{ content:''; font-family:FontAwesome; font-size:24px; color:#fff; text-align:center; width:32px; height:32px; line-height:30px; position:absolute; top:50%; margin-top:-15px; background:#f690c8; border-radius:100%; -webkit-transition-duration:.4s; transition-duration:.4s; cursor:pointer;}

.sf-post-nav .sf-post-nav-left a:before { content:'\f104'; left:0; }
.sf-post-nav .sf-post-nav-right a:before { content:'\f105'; right:0;}
.sf-post-nav a:hover:before {background:#e82fa1;}
.sf-post-nav a:hover { color:#e82fa1;}


.sidebar-widget-title { font-size:1.3rem; text-transform:uppercase; margin:0 0 15px;}
.sidebar-widget .topics-list li+li { border-color:#f690c8;}
.sidebar-widget .tips-post {min-height:inherit; margin:100px 0 80px;}
.sidebar-widget .sf-post-desc { height:inherit; overflow:inherit; margin:0;}
.sidebar-widget .head-img { max-width:100px; display:block; margin:-80px auto 20px;}

.sidebar-widget ul {padding-left: 0; list-style: none;}
.sidebar-widget .cat-item a:hover, .sidebar-widget .cat-item {color:#e82fa1;}
.sidebar-widget .cat-item { position:relative; padding:0 0 0 20px;}
.sidebar-widget .cat-item a { display:inline-block; padding:4px 4px 0 0; color:#000;}
.sidebar-widget .cat-item a:before { content:''; background:#e82fa1; width:6px; height:6px; border-radius:100%; position:absolute; top:14px; left:0;}

.sidebar-rltd-carousel img {max-width:50%;}
.sidebar-rltd-carousel h4 {font-size:0.9rem; text-transform:uppercase;}

.comments-area { background:#f5e2ed; -webkit-border-radius:10px; border-radius:10px; padding:30px; margin-bottom:30px; }
.comments-area p input[type=text], .comments-area p input[type=email], .comments-area p input[type=url], .comments-area p input[type=tel], .comments-area p textarea, #aiowps-captcha-answer { border:solid 1px #ecb5d5; padding:8px 20px; width:100%; border-radius:10px; box-shadow:0 4px 4px 0 rgba(0,0,0,0.1); outline:0;}
.aiowps-captcha-equation { text-transform:uppercase; }
#aiowps-captcha-answer { width:36.5%; }
.comments-area p textarea { max-height:100px; }
.comments-area p label { width:100%; vertical-align:top; font-weight:700; }
.comments-area #form-allowed-tags { display:none; }
.comments-area .submit { background:#e82fa1; color:#fff; padding:8px 25px; border:none; border-radius:10px; font-weight:700; -webkit-transition-duration:0.4s; transition-duration:0.4s; cursor:pointer; }
.comments-area .submit:hover { background:#cc278d; color:#fff; }
.comments-title, #reply-title { font-size:20px; margin:10px 0 }
.comment-list { margin-bottom: 0; }
.commentlist {margin-bottom:30px; list-style:none; padding:0;}
.comment-list, .children { list-style-type: none; padding-left: 0; }
.comment-list li { border-bottom:solid 1px #ddd; padding:15px 0 15px 90px; position:relative; }
.comment-author-sofyadmin {padding-left:50px; position:relative;}
.comment-author.vcard { color:#000; font-weight:700; font-style:normal; }
.comment-author.vcard img { position:absolute; top:0; left:0; border-radius:100%; }
.comment-meta.commentmetadata { padding:5px 0; }
.comment-meta.commentmetadata a { color:#e82fa1; font-size:12px; }
.comment-meta.commentmetadata a.comment-edit-link { text-decoration:underline; color:#000; font-weight:700; }
.comment-author.vcard.clearfix { float: left; margin: 0 15px 15px 0; }
.comments-area .children { margin-top:15px; border:solid #fff; padding:15px 0; border-width:1px 0; }
.comment-content { border-bottom: 1px dotted #e5e5e5; color: #717273; font-size: 14px; margin-bottom: 30px; padding: 0 0 15px 65px; position: relative; }
.comment-reply-link { display:inline-block; padding:3px 10px; border-radius:4px; color:#fff; background:#666; font-size:13px; }
.comment-reply-link:hover { background:#000; color:#fff; }
h3#comments { font-size:20px;}
.comments-area .children li {margin-bottom: 15px;}
.comments-area .children .children {border-top: none; padding: 15px 15px 0; background: rgba(255,255,255,0.6); border-radius: 10px;}

.cat-post-list .sf-post {box-shadow:0 4px 4px 0 rgba(0,0,0,0.2);}
.cat-post-list .sf-post+.sf-post {margin-top:50px;} 
.cat-post-list .sf-post .sf-post-desc {height:auto; overflow:inherit;}
.cat-post-list .sf-post:nth-child(even) {background:#e4e9fb;}
.breadcrumb { background:none; border-radius:0; padding:0; margin-bottom:20px; font-size:13px;}

.blog-header .navbar-brand {width:100px; padding:0; float:left; margin:0;}
.blog-header .navbar-brand img { height:auto}
#header.blog-header .navbar-nav .nav-item {margin:0 2px;}
#header.blog-header .navbar-nav .nav-link, #header.blog-header .navbar-nav .nav-link:hover, #header.blog-header .navbar-nav .nav-item:hover .nav-link {padding:6px 15px;}

.blog-navbar {text-align:right; padding:10px 20px; position:relative; background:#e8e8e8; width:100%;}
.blog-navbar #navbar, .blog-navbar .navbar-nav, .blog-navbar .search-input, .blog-navbar .navbar-nav .nav-item, .mtrigger { display:inline-block; vertical-align:middle; margin-top:5px;}
.blog-navbar .navbar-nav li { position:relative;}
#header .blog-navbar .navbar-nav .dropdown-menu li {margin:0;}
.blog-navbar .navbar-nav .dropdown-menu, .mtrigger .dropdown-menu { position:absolute; margin:0; width:200px;}
.blog-navbar .navbar-nav .dropdown-item, .mtrigger .dropdown-item { font-size:0.9rem; white-space:inherit;}

.mtrigger { position:relative;}
.mtrigger-btn {background:#e938a3; height: 38px; width: 38px; border-radius: 100%; position: relative; display:block;}
.mtrigger-btn span {width:20px; position:absolute; top:18px; left:9px; height:2px; background:#fff;}
.mtrigger-btn:before, .mtrigger-btn:after {content:''; height:2px; width:20px; position:absolute; top:50%; left:9px; background:#fff;}
.mtrigger-btn:before { margin-top:-7px;}
.mtrigger-btn:after { margin-top:5px;}


.toggle-btn {position: absolute; top:0; right:10px; z-index: 999999; cursor: pointer; width:47px; height:47px; -webkit-transition-duration:0.4s; transition-duration:0.4s; display:none}
.toggle-btn:focus {outline: none;}
.toggle-btn span, .toggle-btn span:before, .toggle-btn span:after { left:0; content: ''; position: absolute; display: block; width:30px; height:2px; background: #fff; cursor: pointer;}
.toggle-btn span {top:23px; left:9px;}
.toggle-btn span:before {top:-8px;}
.toggle-btn span:after {bottom: -8px}
.toggle-btn span, .toggle-btn span:before, .toggle-btn span:after {-webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.toggle-btn.active {right: 240px;}
.toggle-btn.active span {background-color: transparent}
.toggle-btn.active span:before, .toggle-btn.active span:after {top: 0; background:#fff;}
.toggle-btn.active span:before {-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.toggle-btn.active span:after {top: 10px; -webkit-transform: translateY(-10px) rotate(-45deg); -ms-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg);}
.no-scroll {overflow:hidden;}
.bg-overlay {background:rgba(0,0,0,0.6); width:100%; height:100%; position:fixed; top:0; left:0; display:none; z-index:3;}
.bg-overlay.active {display:block;}

.btn-toggle-search {opacity:1; visibility:visible; cursor:pointer; top:24px; right:15px; left:initial; display:none;}
.btn-toggle-search.active {background-image:url(images/close.svg);}
.title-soon {margin:100px 0;}
/** Blog **/

/** Period **/
.period-html {margin-top:0 !important; font-size:100%;}
.period-html .mb-3, .period-html .my-3 {margin-bottom: 1rem !important;}
#searchsubmit {height: 0; padding: 0; border: none;}
.period-html #header .navbar.fixed .navbar-nav,  .period-html #header .navbar.fixed .search-input {margin-top:20px;}
/** Period **/

/** Faqs **/
.sec-faqs { padding:200px 0 100px;}
.sec-faqs .container {position:relative; z-index:2;}
.sec-faqs .trianlge-pink {opacity:.5; top: 0; left: 0; position: absolute; transform: translate3d(-18rem, 20rem, 0) rotate(-90deg);}
.sec-faqs .flowers-grp-left {position:absolute; top:18rem; left:0;}
.sec-faqs .flowers-grp-right {position:absolute; top:18rem; right:0;}
.faq-accordion {margin-top:120px;}
.faq-accordion .card { background:none; border:solid #ddd; border-width:0 0 1px;}
.collapse-trigger {color:#222; font-size:1rem; position:relative; margin:0; padding:15px 30px; cursor:pointer;}
.collapse-trigger:before {content:'Q.'; position:absolute; top:15px; left:0; color:#e82fa1;}
.collapse-trigger:after { content:''; width: 0; height: 0; border-style: solid; border-width: 7px 5px 0 5px; border-color: #e82fa1 transparent transparent transparent; position:absolute; top:20px; right:10px; -webkit-transform:rotate(180deg); transform:rotate(180deg); -webkit-transition-duration:0.4s; transition-duration:0.4s;}
.collapse-trigger.collapsed:after {-webkit-transform:rotate(0); transform:rotate(0);}
.faq-accordion .collapse-body {position:relative; padding:0 30px; font-size:0.9rem;}
.faq-accordion .collapse-body:before { content:'A.'; position:absolute; top:0; left:0; font-weight:700; color:#222; font-size:1rem;}
/** Faqs **/

/** Sample Form **/
.sec-test-form { background:url(images/test-form-bg.jpg) no-repeat center 45px; position: relative; padding:80px 0 0;}
.sec-test-form:before { content:''; background: url(images/wave.png) no-repeat bottom center; width: 100%; height: 128px; position:absolute; bottom: 0; z-index: 10;}
.test-form-text {margin-top:50px;}
.test-form-text strong, .test-form-text h4 {font-size:30px;} 
.test-form-text h4 { color:#e82fa1;}
.test-form {padding:70px 130px 135px 110px; position:relative; background: url(images/form-bg.png) no-repeat top center; width: 605px; min-height: 803px; float: right;}
.test-form p {margin:20px 5px; font-weight:500; font-size:15px; color: #2e3192;}
.test-form p strong {color:#fff; font-size:24px; line-height:1;}
/*.test-form:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:30px; background:#fff; box-shadow:5px 5px 0 5px rgba(201,237,249,0.8); z-index:1; -webkit-transform:skew(0, -5deg); transform:skew(0, -5deg); -webkit-box-shadow: inset 0px 0px 10px 1px rgba(0,0,0,0.31); box-shadow: inset 0px 0px 10px 1px rgba(0,0,0,0.31);}
.test-form:after { content:''; width:190px; height:180px; background:url(images/cool-pad.png) no-repeat center; background-size:100%; position:absolute; top:-50px; right:-30px; z-index:1;}*/
.test-form .form-group {margin-bottom:5px;}
.test-form .form-control { border-radius:30px; height:45px; padding:10px 20px; background:rgba(235,235,235,0.3); border-color: #a3dcf2; color: #fff;}
.test-form .has-error .form-control { border-color: #ff0000; }
.test-form .form-control option {color: #333;}
.test-form .custom-select { background-position:calc(100% - 15px) center; font-size: 1rem;}
.test-form .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff !important; }
.test-form .form-control::-moz-placeholder { /* Firefox 19+ */ color: #fff !important; }
.test-form .form-control:-ms-input-placeholder { /* IE 10+ */ color: #fff !important; }
.test-form .form-control:-moz-placeholder { /* Firefox 18- */ color: #fff !important; }

/** Sample Form **/

/** Collapse Banner **/
.collapseb {overflow:hidden;}
.close-collapse-banner {background:#e82fa1; border-radius:30px; position:absolute; top:20px; right:20px; text-align:center; z-index:2; color:#fff; font-size:13px; font-weight:500; cursor:pointer; transition-duration:0.4s; border:none; padding:8px 20px 8px 35px; letter-spacing:1px;}
.close-collapse-banner span {font-size:22px; position:absolute; top:0; left:15px;}
.close-collapse-banner:hover {padding:8px 20px 8px 40px;}
.collapse-banner {position:fixed; width:100%; height:100%; z-index:999; top:-100%; left:0; background:#f00; transition-duration:0.4s;}
.collapseb .collapse-banner { top:0;}
.collapse-banner .banner {position:absolute; width:100%; height:100%; background:url(images/new-cool-pad-banner.jpg) no-repeat center #e82fa1; top:0; left:0; background-size:cover;}
/** Collapse Banner **/

.video-banner { background: #ddd; height: 100%; width: 100%; overflow: hidden; position: relative;}
.video-banner video { width: 100%; display: block;}
.video-cover {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(images/video-cover.jpg) no-repeat center #000; background-size: cover;}

.video-modal .modal-body.otp_modal { padding:20px; }
.video-modal .modal-body.otp_modal .modal-title { color:#fff; padding: 15px; }
.content-modal { color:#fff; }
.content-modal .modal-title { margin:20px 15px; }
.content-modal ul { margin-bottom:25px; }
.content-modal ul > li { margin-bottom:8px; }
small.text-danger { display: block; }

.sample-left { width:160px; text-align: center; margin: 0 auto; font-weight: 700; color: #393a3d; position: absolute; top: 55px; right: 70px;}
.sample-left img {display: block; margin: 0 auto;}
.sample-left strong { font-weight:900; color: #e82fa1; font-size:2.8rem; line-height: 0.9; padding: 0 0 15px; display: block; background: url(images/heart-line.png) no-repeat center bottom;}
.sample-left i {display: block; font-style: normal; font-size: 13px; letter-spacing: 1px; text-transform: uppercase;}

.test-thanks-msg {padding:30px 15px; color: #fff; font-size: 18px;}
.test-thanks-msg strong {color: #e938a3;}


.feedback-sec { background:url(images/feedback-bg.jpg) no-repeat center bottom #bbe8f9; position: relative; padding-bottom: 300px; }
.loader { background: url(images/loader.svg) no-repeat center rgba(255,255,255,0.9); background-size:60px; position: fixed; top: 0; left: 0; width:100%; height: 100%; z-index:99999;}
.feedback-sec:before { position:absolute; content: ''; z-index: 1; left: 0; bottom: 0; width: 166px; height: 300px; background:url(images/sofy-cool-girl.png) no-repeat center; background-size: 100%;}
.feedback-sec:after { position:absolute; content: ''; z-index: 1; right: 0; bottom: 0; width: 531px; height: 280px; background:url(images/sofy-cool-product.png) no-repeat center; background-size:100%;}

.feedback-sec .alert-success {color: #fff; background-color: #155724; border-color: transparent; font-size: 14px; display: inline-block; position: relative; padding: 10px 50px 10px 20px;}
.feedback-sec .alert-success .close {font-size: 16px; position: absolute; top: 0; right: 0; color: #fff; opacity: 1; font-weight: 700; text-shadow: none; width: 40px; height: 40px;}
.feedback-sec .alert-success .close:hover, .feedback-sec .alert-success .close:focus {color: #fff;}
.feedback-sec .text-danger {display: block; font-size: 14px; margin:5px 0; color: #f00 !important;}


.feedback-cont { margin-bottom:100px; font-size:1.1rem; }
.feedback-cont .feedbach-title { margin-bottom: 4rem; }
.feedback-cont .feedbach-title .big-head {text-transform:uppercase; display: block; color: #e92ea1; font-size: 1.8rem; font-weight: 900; }
.feedback-cont-first .feedbach-title .big-head {text-transform: none;}
.feedback-cont .feedbach-title p { margin:0; }
.feedback-cont .btn-img { font-size: 1rem; }
.feedback-cont .btn-img:before { display:none; }

.feedback-cont .enter-number { max-width:700px; margin: auto; }
.feedback-cont .enter-number .input-phone { height: 75px; border-radius: 5px; padding: 0 15px 0 75px; font-size: 1.1rem; text-transform: uppercase; background:url(images/phone-icon.png) no-repeat 25px center #fff;}


.feedback-cont .form-control { border:2px solid #fff; }
.feedback-cont .form-control:focus { border-color: #e92ea1; }
.feedback-cont .form-group { position: relative; margin-bottom: 25px; }
.phone-ico { position: absolute; left:30px; top:50%; margin-top: -16px; width:19px; height: 32px;  background-size: cover; }
.opt_f { width: 60px; height: 70px; text-align: center; font-size: 1.1rem; border-radius: 0; border: solid #000; background-color:transparent; border-top: none; border-left: none; border-right: none; }
.resend-otp { text-transform:uppercase; }
.opt_f::-webkit-input-placeholder { opacity: 1; font-size: 2rem; }
.opt_f::-moz-placeholder { opacity: 1; font-size: 2rem; }
.opt_f:-ms-input-placeholder { opacity: 1; font-size: 2rem; }
.opt_f:-moz-placeholder { opacity: 1; font-size: 2rem; }

.form-control.input-otp {max-width: 280px; margin: 0 auto; letter-spacing: 3rem; height: 60px; padding: 0 20px; background: none; border: solid 2px; border-width: 0 0 2px; border-radius: 0; color: #000;}

.feedback-questions .que {  color: #e92ea1; }
.feedback-questions .btn-radio { display:block; vertical-align: top; }
.feedback-questions .btn-radio + .btn-radio { margin:0 0 15px 15px; }
.feedback-questions .btn-radio input[type="radio"] + label { border: 2px solid #fff; text-align: center; padding:10px; width: 100%; background-color: transparent; margin: 0; font-size: 1rem; line-height: 1.4; border-radius: 5px; font-weight: bold; display:block; }
.feedback-questions .btn-radio input[type="radio"]:checked + label { background-color:#2e3192; color: #fff; }
.feedback-questions .btn-radio input[type="radio"] + label:before, .feedback-questions .btn-radio input[type="radio"] + label:after { display:none; }
.feedback-questions textarea { border-radius:5px; height: 150px;}

.feedback-colum { border-radius:5px; padding: 15px 25px; box-shadow: 0 0 2px 1px rgba(0,0,0,0.1); border: 1px solid #fff;}
.feedback-colum p strong { display: inline-block; min-height: 50px;}
.feedback-questions .feedback-colum .btn-radio input[type="radio"] + label { background-color:rgba(255,255,255,0.3); width: 100%; }
.feedback-questions .feedback-colum .btn-radio input[type="radio"]:checked + label { background-color:#2e3192; color: #fff; }
.feedback-questions .feedback-colum .btn-radio { display:block; margin: 0; }
.feedback-questions .feedback-colum .btn-radio + .btn-radio { margin: 15px 0 0 0; }
.feedback-questions .feedback-colum .form-group { margin:0; }

.sec-offer { background: url(images/offer-bg.jpg) no-repeat top left #f5e8f2; background-size:cover; min-height: 700px; padding: 100px 0 50px;}
.offer-form {background: rgba(255,255,255,0.9); border-radius: 30px; padding: 30px;}
.offer-form-title {font-size: 15px; margin: 0 0 30px; font-weight: 400; color: #333;}
.offer-form-title strong {display:block; font-weight: 700; color: #e82fa1; font-size: 20px;}
.offer-form .form-control { border-radius:30px; background-color: #fff; height: 45px; color: #333; padding:10px 25px; font-size: 16px;}
.offer-form .custom-select { background-position:calc(100% - 15px) center; font-size: 1rem; color: #333; background-size: inherit;}

.offer-form .er {display: block; color:#f00 !important; font-size: 12px; padding: 5px 20px 0;}
.thanks-msg {text-align: center;}
.thanks-msg h2 {font-size: 1.2rem; margin: 0 0 20px; font-weight: 500;}
.thanks-msg h2 strong {display:block; font-weight: 700; color: #e82fa1; font-size:2.5rem; line-height: 1;}

.sec-offer.cool-offer { background: url(images/offer-bg-curve.jpg) no-repeat top left #b1e5f6; background-size:cover; min-height: 550px; padding: 100px 0 0 0;}
.offer-footer img { width:100%; }
.sec-offer.cool-offer .offer-form { background: none; border-radius: 0; padding: 0; }
.sec-offer.cool-offer .offer-form-title strong { display: block; font-weight: 700; color: #e82fa1; font-size: 28px; text-shadow: 1px 5px 2px #fff, 0 -4px 2px #fff, -5px 0 2px #fff, 5px 0 2px #fff; }
.sec-offer.cool-offer .offer-form-title { font-size: 20px; line-height: 1.6; margin: 0 0 30px; font-weight: 400; color: #333; text-shadow: 1px 5px 2px #fff, 0 -4px 2px #fff, -5px 0 2px #fff, 5px 0 2px #fff; }

.offer-content ul { margin:0 0 20px 0; padding: 0; list-style: none; }
.offer-content li { font-size:26px; color: #2e3192; font-family: 'Lobster', cursive; margin: 0 0 5px 0; padding: 0 0 0 35px; position: relative; }
.offer-content li:before { position:absolute; content: ''; width: 25px; height: 19px; background: url(images/tick.png) no-repeat top left; left: 0; top: 13px; }


/*Responsive*/
@media screen and (min-width: 768px) {
	.period-html .navbar-brand {height:auto; padding:8px 15px;}
	.period-html .search-input .form-control {height:38px;}
	.period-html #header .navbar-nav { margin:35px 0 0;}
}
@media screen and (min-width: 1200px) {
.navbar-nav > li:hover > .dropdown-menu { display:block; }
.period-html .search-input { margin:35px 15px 0 0;}
}
@media only screen and (max-width:1199px) {
.container { max-width:100%; }
.feedback-sec {padding-bottom:250px; }
.feedback-sec:before {width:100px; height:200px;}
.feedback-sec:after {width: 380px; height: 200px;}
.feedback-cont .feedbach-title p {margin:0 0 1rem;}
.sample-left{top: 45px; right: 50px;}
.video-banner {height: auto;}
.hp-banner-caption h4 {font-size: 1.5rem;}
.period-html #header .navbar.fixed .navbar-nav {margin-top: 24px;}
.period-html #header .navbar.fixed .search-input { margin-top:0;}
.period-html #header .navbar-nav {margin: 25px 40px 0 0;}
.period-html #header .navbar-nav .nav-link {font-size: .7rem;}
.period-html #header .navbar-nav li { margin:0;}
.title-style, .hp-banner-caption h2 { font-size: 1.5rem; }
.title-style strong, .hp-banner-caption strong { font-size: 3rem;} 
.sidebar-widget .cat-item a {font-size:0.9rem;}
.sec-article .flower,
.sec-product .flower { opacity:.3 }
.pro-feature.first .data-table { height:600px }
.prod-feature-group { margin:40px auto 0; max-width:760px }
.pro-feature { background-position:50px center; background-size:100px; min-height:600px; margin:30px auto 0 }
.pro-feature .data-table { width:80%; margin:5% 0 0 20% }
.feature-text,
.pro-feature.first .feature-text { width:40% }
.pro-feature.first { background-position:right bottom; margin:0; padding:0 }
.trainle-img { max-width:310px; top:40px }
.pro-feature .trianlge-bg,
.pro-feature.first .trianlge-bg { transform:translate3d(37rem, -20.5rem, 0) rotate(90deg) }
.pro-feature .arrow-triangle,
.pro-feature .arrow-triangle::after,
.pro-feature .arrow-triangle::before { width:20rem; height:20rem }
.rtl.pro-feature .trianlge-bg { transform:translate3d(8rem, -18rem, 0) rotate(-90deg) }
.rtl.pro-feature .trainle-img { bottom:0; right:70px }
.rtl.pro-feature { background-position:center bottom }
.sec-social { padding:50px 0 0 }
.hp-hero-banner { height:450px }
.navbar-brand img { height:60px }
.navbar-expand-md .navbar-nav { margin-right:40px }
.search-input { position:absolute; top:24px; right:60px; visibility:hidden; opacity:0; }
.search-input.open {visibility:visible; opacity:1;}
.hp-banner-caption { max-width:300px; margin:100px 0 0 70px; font-size:.8rem}
.sec-listing .title-head .title-style span,
.title-style { font-size:1.6rem }
.title-style strong { font-size:3.5rem }
.sec-hp-product .trianlge-pink { transform:translate3d(30rem, -18rem, 0) rotate(90deg) }
.sec-hp-product .trianlge-blue { transform:translate3d(22rem, -15rem, 0) rotate(-90deg) }
.arrow-triangle,
.arrow-triangle::after,
.arrow-triangle::before { width:18rem; height:18rem; border-top-right-radius:20% }
.product-item h4 { margin:-10px 0 0; font-size:1.2rem }
.sec-video .trianlge-pink { transform:translate3d(22.5rem, -16rem, 0) rotate(-90deg) }
.sec-video .trianlge-blue { transform:translate3d(31rem, -18rem, 0) rotate(90deg) }
.row-info .cell-right,
.row-social .cell-right { width:40%; padding:0 20px }
.prod-list-feature { font-size:.8rem}
.day-nav-tab .trianlge-pink { transform:translate3d(-14rem, -5rem, 0) rotate(-45deg) }
.video-tab-content { background:#f8d7e9; padding:0 0 60px }
.video-listing { margin-top:80px }
.video-tab-content .trianlge-pink { display:none }
.video-nav-tab { display:table; width:100%; margin:0 0 80px }
.video-nav-tab .nav-item { display:table-cell; min-width:1% }
.video-nav-tab .nav-link { padding:0; width:auto; display:block; font-size:.9rem}
.video-nav-tab .nav-link img { max-width:70% }
.hover-arrow .arrow-triangle,
.hover-arrow .arrow-triangle::after,
.hover-arrow .arrow-triangle::before { width:3rem; height:3rem }
.hover-arrow,
.video-nav-tab .nav-link.active .hover-arrow { transform:translate3d(0, 0, 0) rotate(-90deg); top:100%; left:50%; margin-left:-35px }
.video-nav-tab .nav-link.active .hover-arrow { top:110% }
.sec-article .lady-icon { display:none }
#StickyNav.fixed .hover-arrow {transform: translate3d(0rem, 1rem, 0) rotate(-90deg);}
#StickyNav.fixed .cat-tab .nav-link.active .hover-arrow {transform: translate3d(0rem, 0rem, 0) rotate(-90deg);}
.blog-navbar { padding:10px 100px 10px 20px}
#header.blog-header .navbar-nav .nav-link, #header.blog-header .navbar-nav .nav-link:hover, #header.blog-header .navbar-nav .nav-item:hover .nav-link {padding:8px 10px; font-size:.7rem;}
#header.blog-header .navbar-nav .nav-item {margin: 0;}
.mtrigger { position:absolute; bottom:22px; right:15px;}
.btn-toggle-search {display:block;}
.blog-header .search-input {bottom:22px; top:initial; right:105px; -webkit-transition-duration:0.4s; transition-duration:0.4s;}
.carousel-post-title, .carousel-post-title a, .sf-post-title, .sf-post-title a {font-size:1rem;}
.carousel-post-text, .sf-post-desc {font-size:0.9rem;}
.sf-post-desc {height:auto; overflow:inherit;}
.title-header .title-style {font-size: 1.2rem; padding:15px 25px}
.title-header .title-style::before, .title-header .title-style::after {width: 40px;}
.post-status span {margin-right:10px;}
.blog-header .btn-toggle-search { top:18px; right:60px;}
.blog-navbar, .blog-header.fixed .blog-navbar {height: 47px; background: #e938a3; padding:0; }
.blog-header .btn-toggle-search {top: 5px;}
.no-scroll .blog-header .blog-navbar, .no-scroll .blog-header.fixed .blog-navbar { z-index:4; background:none; box-shadow:none; height: 100%;}
#header.blog-header .navbar-nav .nav-link {font-size: .8rem;}
.blog-header .navbar-brand {width: 90px; padding:3px 10px;}
.no-scroll .blog-header .navbar-brand {opacity:0;}
.toggle-btn {display:block;}
#navbar {position:fixed; top:0; right:-230px; width:230px; height:100%; background:#e82fa1; -webkit-transition-duration:0.4s; transition-duration:0.4s; overflow:auto; z-index:99999; padding:0; box-shadow:inset 10px 1px 6px -6px rgba(0,0,0,0.1); margin:0; }
#navbar.open {right:0;}
.blog-navbar #navbar, .blog-navbar .navbar-nav, .blog-navbar .navbar-nav .nav-item { display:block;}
#header.blog-header .navbar-nav .nav-link, #header.blog-header .navbar-nav .nav-link:hover { background:none; text-align:left; border-radius:0; padding: 14px 20px; margin: 0;}
#header .navbar-nav li {margin: 0;}
#header .navbar-nav .nav-link, #header .navbar-nav .nav-link:hover, #header .navbar-nav .nav-item:hover .nav-link, #header.blog-header .navbar-nav li.show .nav-link{ font-size:.7rem; padding: 8px 15px;}
#header .navbar-nav .nav-link:hover, #header .navbar-nav .nav-item:hover .nav-link, #header.blog-header .navbar-nav li.show .nav-link {padding:8px 15px; background:#1b1440; color:#fff;}
#header.blog-header .navbar-nav .nav-link, #header.blog-header .navbar-nav .nav-link:hover, #header.blog-header .navbar-nav .nav-item:hover .nav-link, #header.blog-header .navbar-nav li.show .nav-link {padding: 14px 20px; font-size:0.8rem; color: #fff;}
.blog-navbar .navbar-nav .dropdown-menu, .mtrigger .dropdown-menu {position: static !important; width: 100%; transform: none !important; border-radius: 0; border: none;}
.blog-navbar .navbar-nav .dropdown-item, .mtrigger .dropdown-item {font-size: 0.8rem; padding: .45rem 1.5rem;}
.blog-navbar #navbar, .blog-navbar .navbar-nav, .blog-navbar .search-input, .blog-navbar .navbar-nav .nav-item, .mtrigger {margin:0;}
.m-menu-secondary {list-style: none; padding: 20px 0 0; margin: 20px 0 0; border-top: solid 2px rgba(255,255,255,0.5);}
.m-menu-secondary a {display: block; color: #fff; text-align: left; font-size: 0.8rem; text-transform: uppercase; font-weight: 700; padding: 10px 20px;}
.mtrigger {display: none;}
.sec-rec-post {padding: 120px 0 50px;}
.blog-header .search-input {opacity:0; visibility:hidden;}
.blog-header .search-input.open, #header.blog-header .search-input {width:100%; border-radius:0; background:#67caf2; top:100%; right:0; }
.blog-header .search-input.open {opacity:1; visibility:visible;}
.blog-header .search-input.open .btn-input-search, #header.blog-header .search-input .btn-input-search {background-color:transparent;}
.blog-header .btn-toggle-search {top:5px; right: 60px; margin:0;}
.blog-header .search-input {bottom:initial; top:100%; right:0; margin:0;}
.test-form { width: 100%; background-size: contain; padding: 50px 110px 30px 70px; }
.test-form p { margin: 20px 0 20px; }
.test-form p strong { font-size: 18px; }
.offer-content li { font-size: 18px; }
.offer-content li::before { top: 6px; background-size: cover; width: 20px; height: 15px; }
.sec-offer.cool-offer .offer-form-title { font-size: 14px; }
.sec-offer.cool-offer .offer-form-title strong { font-size: 18px; }
}
@media only screen and (max-width:992px) {
.col-topics, .sf-sidebar-post, .card-topics {margin-top:30px;}
.post-tag {font-size: 0.6rem; padding: 4px 15px;}
.hp-banner-caption { margin:100px 0 0 20px }
.sec-video .text-wrapper { margin:0 0 0 100px }
.sec-hp-product .containerInner { padding:0 15px }
.hp-video-panel,
.row-social .cell-right .title-style { z-index:2; position:relative }
.sofy-csr { margin-top:3rem }
.milestone p { font-size:1rem }
.milestone .title { font-size:1.1rem }
.milestone li .data-cell:first-child { padding:0 0 0 10px; width:80px }
.milestone li:nth-child(2n) .data-cell:first-child { padding:0 10px 0 0 }
.sec-search .title-style { font-size:1.5rem }
.rtl.pro-feature .trainle-img { right:0 }
.cat-tab-listing .data-cell {display:block; padding:0 0 30px;}
.cat-tab-listing .data-table {height:auto; padding:0;}
.cat-tab-listing {margin-top:0; background-size: 70%; background-position:center 0;}
.cat-tab-listing .cell-left img {max-width: 60%; display: block; margin: 0 auto;}
.test-form { padding: 50px 150px 30px 90px; margin-top: 50px; text-align: center; }
.test-form .form-group.mt-3.text-right { text-align: center !important; }
.sample-left {right:95px;}
.sec-offer {min-height: inherit; background:url(images/offer-mob-bg.jpg) bottom center #f5e8f2 no-repeat; padding:100px 0 75%; background-size:100%; }
}
@media only screen and (min-width:768px) {
.sf-rltd-carousel .swiper-slide a {-webkit-transition: all .6s cubic-bezier(0.165, .84, .44, 1), box-shadow .8s cubic-bezier(0.165, .84, .44, 1); transition: all .6s cubic-bezier(0.165, .84, .44, 1), box-shadow .8s cubic-bezier(0.165, .84, .44, 1); }
.sf-rltd-carousel .swiper-slide a:hover { box-shadow:0 20px 35px -20px #000; -webkit-transform:translateY(-8px); transform:translateY(-8px); }
.sf-rltd-carousel .swiper-slide a:hover figure figcaption {opacity:1; visibility:visible; -webkit-transform:translateY(0); transform:translateY(0)}
.sf-rltd-carousel .swiper-slide a:hover figure img {-webkit-transform:translateY(0); transform:translateY(0)}
}
@media only screen and (max-width:767px) {
.feedback-cont .feedbach-title {line-height: 1.2; margin-bottom:2rem;}
.feedback-cont .enter-number .form-control {height:60px; font-size:0.9rem;}
.feedback-cont .feedbach-title .big-head {font-size:1.4rem; margin:10px 0;}
.feedback-cont, .feedback-questions .btn-radio input[type="radio"] + label {font-size: 0.85rem;}
.feedback-questions .form-group {margin-bottom:10px;}
.opt_f {width: 50px;}
.section.feedback-sec {padding:30px 0 130px; background-size:contain;}
.feedback-sec:before {width: 60px; height: 115px; left: 10px;}
.feedback-sec:after {width: 180px; height: 120px;}
.feedbach-title img {max-width: 200px;}
.sample-left {position:static;}
.faq-accordion {margin-top: 20px;}
.period-html .navbar-toggle { display:block; margin-right:0;}
.period-html .navbar-collapse.collapse { display:none !important}
.period-html .navbar-collapse.in { display:block !important;}
.period-html #header .navbar { border-radius:0; padding:0 10px; border:none;}
.period-html #header .navbar-nav, .period-html .navbar-collapse { width:100%; text-align:center; margin:0; padding:0;}
.period-html #header .navbar-nav li {float:none;}
.period-html .navbar-brand {padding:4px 0;}
/* body { padding-top:75px } */
.container { max-width:inherit }
.hp-video-panel::before { width:calc(100% - 40px); height:calc(100% - 40px); top:0; right:0 }
.hp-about-row .text-wrapper { padding:0 }
.header-top { padding:6px 10px; font-size:.7rem}
.logo-unichamp { width:60px; height:17px }
#header .navbar.fixed,
.navbar { background:#e938a3; padding:.2rem 1rem}
.navbar-brand { padding:0; margin:0 }
#header .navbar.fixed .navbar-brand img,
.navbar-brand img { height:40px }
.navbar-expand-md .navbar-nav { margin:0; padding:20px 0 }
#header .navbar-nav .nav-link { margin-bottom:5px }
#header .navbar-nav .nav-link,
#header .navbar-nav .nav-link:hover { background:#e82fa1; color:#fff; padding:8px 25px; text-align:center }
.hp-nav-tabs .nav-link { width:140px; line-height:50px; height:50px; background-size:100%; font-size:.7rem}
.section { padding:30px 0 }
.blog-carousel .swiper-arrow,
.corner-triangle,
.day-nav-tab .trianlge-pink,
.flrpro12,
.flrpro13,
.flrpro14,
.hp-banner-caption .btn-img,
.hp-banner-caption p,
.hp-prod-carousel .swiper-arrow,
.prod-carousel .swiper-arrow,
.prod-list-feature ul,
.prodlist .ctrl-nav,
.sec-article .trianlge-blue,
.sec-moreprod .swiper-arrow,
.sofy-contact .trianlge-pink,
.spacer,
.trianlge-bg { display:none }
.hp-hero-banner,
.inner-banner .hp-banner-slide { height:80vw }
.title-style strong, .hp-banner-caption h2 strong{ font-size:2rem }
.product-item { padding:0 }
.product-item h4 { font-size:1rem }
.prod-list-item .prod-size { font-size:.8rem}
.hp-about-row .text-wrapper,
.row-hp-blog .text-wrapper { margin-bottom:30px }
.hp-about-row .text-right { text-align:center!important }
.day-nav-tab,
.prod-list-feature { text-align:center }
.row-info .data-cell,
.row-social .data-cell,
.sec-moreprod .data-cell { display:block; width:100%!important }
.hp-video-panel { padding:20px }
.btn-play { background-size:40px; width:60px; height:60px }
.sec-video .text-wrapper { margin:30px 0 }
.blog-carousel .swiper-slide,
.social-tab-content .swiper-slide { width:300px }
.social-tab { position:static; width:auto; display:block; padding:0 20px; border-radius:8px; margin:15px }
.social-tab .nav { display:table; width:100% }
.social-tab .nav li { display:table-cell }
.social-tab .nav li a { display:block; text-align:center; font-size:1.2rem; padding:8px }
.social-tab .nav li a.active { position:static; -webkit-transform:scale(1); transform:scale(1) }
#footer { padding:30px 0 0 }
.footer-container { padding:0 15px }
#footer nav .footer-title { position:relative; background:#f2f2f2; padding:10px 15px; border-radius:4px; margin:0 0 5px }
#footer nav .footer-title:after,
#footer nav .footer-title:before { content:''; width:12px; height:2px; background:#e938a3; position:absolute; top:18px; right:15px; -webkit-transition-duration:.4s; transition-duration:.4s }
#footer nav .footer-title:after { transform:rotate(90deg) }
#footer nav .footer-title.active:after { transform:rotate(-90deg); opacity:0 }
#footer nav .footer-nav { display:none; padding:10px 0 0 20px }
.nwsltr { margin-top:30px }
.footer-nav li a { color:#333 }
.footer-bottom { font-size:.7rem}
.footer-title { margin:0 0 10px; font-size:.8rem}
.sec-bottom .trianlge-pink { -webkit-transform:translate3d(-40rem, 37rem, 0) rotate(-90deg); transform:translate3d(-40rem, 37rem, 0) rotate(-90deg) }
.sec-hp-product { padding:0 0 30px }
.hp-product { background-position:center; padding:30px 0 0 }
.hp-nav-tabs,
.prod-list-feature { margin:0 0 30px }
.prodlist { padding:0 }
.prod-list-item h4 { font-size:.9rem}
.day-nav-tab { background:#f9cfe6; padding:0; bottom:-55px }
.day-nav-tab img { display:none }
.day-nav-tab a { padding:0 0 0 47px; font-size:.8rem;
font-weight:700; position:relative; line-height:55px; opacity:.5 }
.day-nav-tab a.active { margin:0 }
.day-nav-tab a:first-child { margin:0 10px 0 -10px }
.day-nav-tab a span { display:block }
.day-nav-tab a.link-day:before,
.day-nav-tab a.link-night:before { content:''; background:url(images/filter-icons.png) 0 -110px no-repeat; width:55px; height:55px; display:inline-block; position:absolute; top:0; left:0; transform:scale(.8) }
.day-nav-tab a.link-night:before { background:url(images/filter-icons.png) 0 -55px no-repeat }
.day-nav-tab.fixed { width:100%; padding:0; top:0; bottom:inherit; transform:translate(0, 45px) }
.section.sec-listing { padding:85px 0 0 }
.row-social .cell-left { padding-left:0 }
.responsive-scroll { min-height:.01%; overflow-x:auto; overflow-y:none }
.social-tab-content .row,
.social-tab-content .social-feed-container-471,
.social-tab-content .social-feed-container-581 { display:table; table-layout:fixed; width:100% }
.social-tab-content .row [class*=col-],
.social-tab-content .social-feed-container-471 .grid-item,
.social-tab-content .social-feed-container-581 .grid-item { width:200px!important; display:table-cell!important; float:none }
#youtube .row { display:table; table-layout:fixed; width:100% }
#youtube .row>div { float:none; display:table-cell; width:200px }
.prod-carousel .swiper-pagination,
.prodlist .swiper-pagination { display:block }
.product-list { margin:0 -15px }
.listing-row+.listing-row,
.sofy_address { margin:0 }
.listing-row { padding:20px 15px }
.listing-row:nth-child(2n) { background:#faeaf3 }
.terms .term_img img { max-width:50px }
.terms .term_img { width:65px }
.terms { margin-bottom:1.5rem }
.footer-bottom { margin-top:1.5rem }
.row-csr [class*=col-] { max-width:calc(50% - 5px) }
.row-csr .col-4 { flex:50% }
.blog_articles h2 { font-size:24px }
.blog_articles { margin:0 }
.sofy-history .trianlge-pink { transform:translate3d(-32rem, 60rem, 0) rotate(-90deg) }
.milestone li,
.milestone li .milecover { text-align:left; width:100% }
.milestone li:nth-child(2n) .mileyear,
.mileyear { position:static; text-align:left; font-size:3rem }
.mile-cont .data-table { direction:inherit; box-shadow:6px 6px 3px 2px #d5eaf3 }
.mile-cont .data-table:first-child { margin-top:20px }
.milecover::before { right:inherit; left:0; width:5px }
.milestone li:nth-child(2n) .milecover::before { left:0 }
.milecover { padding-left:20px }
.milestone li .data-cell:first-child,
.milestone li:nth-child(2n) .data-cell:first-child { padding:0 10px 0 0 }
.mile-cont,
.milestone li:nth-child(2n) .mile-cont { padding:0; margin:0 }
.milestone .title { font-size:1rem }
.milestone p { font-size:.8rem}
.milestone li:last-child .data-cell:first-child { display:none }
.post-article-title,
.post-article-title a { font-size:1.2rem }
.post-article { font-size:.9rem}
.sec-whoWeare.mt-5 { margin:0!important }
.video-nav-tab { margin:0 0 50px }
.video-nav-tab .nav-item { display:table-cell; min-width:120px }
.video-nav-tab .nav-link {
font-size:.8rem; text-transform:inherit }
.product-img img { max-width:80%; margin:0 auto }
.rel-prod .prod-item { background:0 0; padding:0 }
.sec-moreprod { padding:30px 0 0 }
.sec-moreprod .hidden-wrapper { min-height:inherit; padding:0 0 30px }
.prod-item h4 { font-size:.8rem}
.related-carousel { margin-top:30px }
.pro-sizes ul li { width:65px; height:55px }
.pro-sizes ul li a { padding:.4rem 0;font-size:.66rem}
.pro-sizes ul li strong { font-size:1.2rem; line-height:.9 }
.prod-feature-group { margin:0 -15px }
.pro-feature,
.pro-feature.first { margin:0; padding:20px }
.pro-feature.first .data-table { height:auto }
.pro-feature,
.rtl.pro-feature .feature-text { min-height:inherit; text-align:center }
.pro-feature .data-cell,
.pro-feature .data-table { display:block; width:100%!important }
.pro-feature .data-table { margin:0 }
.pro-feature .trainle-img { position:relative; margin:0 auto; right:0; left:0; top:0; bottom:0; z-index:3 }
.pro-feature:nth-child(odd) { background:#e4e9fb }
.pro-feature:nth-child(even) { background:#f9cfe6 }
.sec-product { background-size:75%; background-position:left -10px }
.prod-carousel { margin-bottom:50px }
.use-guide-row .data-cell { display:block; width:100%; padding:0 20px }
.btn-global,
.connect-social { display:inline-block }
.video-modal .modal-dialog { margin:4rem 1rem 1rem }
.video-modal .close { top:-15px; right:-8px }
.sec-sigle-page { padding:50px 0 20px }
.connect-social h5 { margin:0 0 .2rem; font-size:.7rem}
.btn-global {padding:.6rem 1rem .6rem 3.2rem; font-size:.8rem; margin:24px 10px 0 0 }
.sec-cat .title-head .title-style, .title-style {font-size: 1.6rem;}
#StickyNav.fixed {transform: translate(0, 46px);}
.video-nav-tab .nav-link strong { margin-top:5px;}
#StickyNav.fixed .cat-tab .nav-link strong { font-size:0.6rem; letter-spacing:0.2; font-weight:400;}
#StickyNav.fixed .cat-tab .nav-link img {max-width: 50px;}
.cat-tab .nav-item {min-width: 100px;}
.cat-tab-listing .cell-left img {max-width:80%;}
.cat-tab-listing .data-cell {font-size: 0.8rem;}
.cat-tab-listing .cell-right h4 {font-size: 1rem;}
.cat-tab-listing .title-style {font-size: 1.4rem;}
.tips-post::after, .tips-post::before, .sec-ntrvdo .trianlge-pink, .tipsflr3, .sec-period-guide .trianlge-blue, .spacer-blog { display:none;}
.sec-rec-post {padding:30px 0 0;}
.sec-rec-post .data-cell, .tips-tricks .data-cell { width:100% !important; padding:0 0 10px; display:block;}
.rec-blog-post {margin-bottom:50px;}
.sec-rec-post .cell-left a {padding:10px;}
.sec-rec-post .cell-left a img, .sec-rec-post .cell-left h4 {display:inline-block; vertical-align:middle; margin:2px 0;}
.sec-rec-post .cell-left h4, .topics-list h4, .card-topics .view-all {font-size:0.9rem;}
.carousel-post-item {padding:40% 0 40px; background-size:100%; background-position:center top; height:auto;}
.carousel-post-item .data-table {height: auto; display: block;}
.carousel-post-text {max-width: 100%; padding: 20px; background-color: #fff;}
.sec-carousel-post .swiper-pagination {bottom:0;}
.rlt-products {margin-top: 40px;}
.sf-rltd-carousel .swiper-slide a {padding:15px 10px;}
.sf-rltd-carousel .swiper-slide a img {max-width: 80%; -webkit-transform:none; transform:none;}
.sf-rltd-carousel .swiper-slide figure figcaption {font-size: 0.7rem; opacity:1; visibility:visible; -webkit-transform:none; transform:none;}
.tips-post {margin:0; min-height:inherit; padding:20px; border:none;}
.sec-tips .title-header, .tips-tricks {top:0;}
.tips-tricks {position:inherit;}
.sec-tips {margin:0;}
.sec-tips .pagin-static {position:absolute; bottom:0; left:0; margin:0; width:100%;}
.tips-post .sf-post-desc {height:auto; margin:0;}
.tips-tricks .data-cell img {max-width:200px;}
.sf-post, .post-video {padding:20px;}
.sf-food-post {margin-bottom:30px;}
.sf-post-tips, .sf-food-post {background:none; padding:0;}
.single-video-left .video-thumb {margin-bottom:20px;}
.single-video-left .video-thumb, .sf-post-tips .video-thumb { padding-bottom:55%; border-color:#fff;}
.sf-food-post .sf-post-img figure {padding-bottom:50%;}
.title-header .title-style {font-size: 1.1rem; padding: 10px 20px;}
.cat-post-list .sf-post + .sf-post, .cat-post-list .sf-post {margin:0 0 30px;}
.sidebar-widget .tips-post { border:solid 5px #f5e2ed; margin:80px 0 30px;}
.sidebar-widget .cat-item {font-size: 0.8rem;}
.sidebar-widget-title { font-size:1.2rem;}
.post-status, .post-status a { font-size:0.7rem;}
.sf-single-post-meta .social-share, .sf-post-meta-bottom .social-share {width:100%;}
.hp-banner-slide .data-cell {vertical-align: top;}
.hp-banner-caption h2 {margin: 0; font-size: 1.3rem; display: inline-block;}
.hp-banner-caption h2 strong, .hp-banner-caption h2 em, .hp-banner-caption h2 i {font-size: 1.3rem; display: inline-block; vertical-align: top; background: -webkit-linear-gradient(0deg, #e82fa1, #67caf2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-style: normal;}
.hp-banner-caption h4 {font-size: 0.8rem; margin: 0;}
.hp-banner-caption h4 br, .video-banner video {display: none;}
.hp-banner-caption {margin: 0 auto; text-align: center; width: 100%; padding: 10px;}
.video-cover {display:block !important; position: static; height: 60vw;}
.search-input {opacity:0; visibility:hidden; border-radius: 0;}
.search-input.open, #header.blog-header .search-input {width:100%; border-radius:0; background:#67caf2; top:100%; right:0; }
.search-input.open {opacity:1; visibility:visible;}
.search-input.open .btn-input-search, #header.blog-header .search-input .btn-input-search {background-color:transparent;}
.btn-toggle-search {top:5px; right: 60px; margin:0;}
.search-input {bottom:initial; top:100%; right:0; margin:0;}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: -10px;}
.test-form-text { margin-top: 0; background-position: top center;}
.test-form-text img { max-width: 250px; }
.sec-test-form { overflow:hidden;}
.test-form.success-msg { min-height:inherit; padding: 30px 20px 80px;}
.test-form img { max-width:200px; position: relative; margin-top: -50px; }
.sec-test-form .col-lg-7 { padding:0; }
.test-form { padding: 20px; background: #4db1d8; text-align: center; }
.sample-left {margin: 60px auto 0;}
.test-form .btn-img {display: block; margin: 0 auto;}
.section.sec-offer {padding:50px 0 75%;}
.offer-form-title strong {font-size: 12px;}
.offer-form-title strong {font-size: 18px;}
.offer-content li { font-size: 16px; }
.sec-offer.cool-offer { min-height:inherit; padding: 50px 0 0 0; }
}
@media only screen and (max-width:480px) {
.row-csr [class*=col-] { max-width:calc(100% - 5px) }
.row-csr .col-4 { flex:100% }
.post-tag {font-size: 0.5rem; bottom: 5px; left: 5px;}

}

.main-nav nav .navbar-nav .nav-item a {
    text-transform: unset;
    position: relative;
    /* font-weight: 600; */
    color: #fff;
}

@keyframes fade{
  from{
    opacity:0.4;
  }
  to{
    opacity:1;
  }
}



#slider{
  margin:0 auto;
  width:100%;
  overflow:hidden;
}

.slides{
  overflow:hidden;
  animation-name:fade;
  animation-duration:1s;
  display:none;
}

img{

}

#dot{
  margin:0 auto;
  text-align:center;
  display: none;
}
.dot{
  display:inline-block;
  border-radius:50%;
  background:#d3d3d3;
  padding:8px;
  margin:10px 5px;
}

.active{
 
}

@media (max-width:567px){
  #slider{
    width:100%;

  }
}

#heading{
  display:block;
  text-align:center;
  font-size:2em;
  margin:10px 0px;

}

#slideshow1 { 
     
    position: relative; 
    width: 100%; 
    height: 650px; 
	z-index: -999;
  
   
}


@media only screen and (max-width: 600px) {
  #slideshow1 {
    position: relative; 
    width: 100%; 
    height: 622px; 
	z-index: -999;
  }
}

#slideshow1 > div { 
    position: fixed;
   
   
 }
 
 
 .girl-3{
  position: absolute;
  margin-left: 412px;
  margin-top: -28px;
  width: 41%;
}

@media only screen and (max-width: 600px) {
  .girl-3 {
     position: absolute;
    margin-left: 0px;
    margin-top: 0px;
   width: 60%;
   margin-left: 75px;
  }
}

.girl-1{
  position: absolute;
  margin-top: 145px;
}
@media only screen and (max-width: 600px) {
  .girl-1 {
     position: absolute;
    margin-top: 19px;
    margin-left: -32px;
    width: 49%;
  }
}


@media only screen and (max-width: 600px) {
  .girl-2 {
     position: absolute;
     width: 49%;
	 margin-left: 210px;
     margin-top: -133px;
  }
}

.hp-product{
    margin-top: -40%;
	    margin-left: 20px;
	
}

@media only screen and (max-width: 600px) {
.hp-product {
    
   margin-top: -60%;
   margin-left: 18px;
    
   
  }
}

.flowers{
    position: absolute;
    width: 70px;
	
	
}


 .video-play-button {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  box-sizing: content-box;
  display: block;
  width: 32px;
  height: 44px;
  /* background: #fa183d; */
  border-radius: 50%;
  padding: 18px 20px 18px 28px;
}

.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #ba1f24;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #fa183d;
  border-radius: 50%;
  transition: all 200ms;
}

.video-play-button:hover:after {
  background-color: darken(#fa183d, 10%);
}

.video-play-button img {
  position: relative;
  z-index: 3;
  max-width: 50%;
  width: auto;
  height: auto;
}

.video-play-button span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 32px solid #fff;
	border-top: 22px solid transparent;
	border-bottom: 22px solid transparent;
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}



.video-overlay {
  position: fixed;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,0.80);
  opacity: 0;
  transition: all ease 500ms;
}

.video-overlay.open {
  position: fixed;
  z-index: 1000;
  opacity: 1;
}

.video-overlay-close {
  position: absolute;
  z-index: 1000;
  top: 15px;
  right: 20px;
  font-size: 36px;
  line-height: 1;
  font-weight: 400;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  transition: all 200ms;
}

.video-overlay-close:hover {
  color: #fa183d;
}

.video-overlay iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  /* width: 90%; */
  /* height: auto; */
  box-shadow: 0 0 15px rgba(0,0,0,0.75);
}

.blog1{
 box-shadow: 
    0 2px 2px rgba(0,0,0,0.1),
    0 4px 4px rgba(0,0,0,0.1),
    0 6px 6px rgba(0,0,0,0.1),
    0 8px 8px rgba(0,0,0,0.1);
  background: #fff;
  border-radius: 10px;
width: 89%;
padding: 10px; 
margin-top: 10px;
  height: 96%;

	
}

@media only screen and (max-width: 600px) {
  .blog1 {
  box-shadow: 
    0 2px 2px rgba(0,0,0,0.1),
    0 4px 4px rgba(0,0,0,0.1),
    0 6px 6px rgba(0,0,0,0.1),
    0 8px 8px rgba(0,0,0,0.1);
  background: #fff;
  border-radius: 10px;
 width: 100%;
 padding: 10px; 
 margin-top: 10px;
  height: 96%;
   
  }
}
@media only screen and (max-width: 600px) {
  .blog1 {
  box-shadow: 
    0 2px 2px rgba(0,0,0,0.1),
    0 4px 4px rgba(0,0,0,0.1),
    0 6px 6px rgba(0,0,0,0.1),
    0 8px 8px rgba(0,0,0,0.1);
  background: #fff;
  border-radius: 10px;

padding: 10px; 
margin-top: 10px;
  height: 96%;
   
  }
}

.blog{
background-color: #ffffff;
padding: 44px;
color:#000;	

	
}

@media only screen and (max-width: 600px) {
  .blog {
   padding: 0px;
   margin-top: 0px;
   
  }
}

a {
    color: #fff;
    text-decoration: none;
    background-color: transparent;
}

.lists{
 text-align: center;
 list-style: none;	
 color:#fff;
 line-height: 40px;
 margin-top: 122px;
	
}
@media only screen and (max-width: 600px) {
.lists {
   text-align: center;
   list-style: none;	
   color:#fff;
  line-height: 40px;
   margin-top: 44px;
    
   
  }
}
.footer-area.three {
	/* padding-top: 165px */
	    background-color: #ffffff;
		margin-top:-48px;
}



@media only screen and (max-width: 600px) {
  .hp-prod-carousel .swiper-slide-active .product-item h4 {
    opacity: 1;
    visibility: visible;
    background-color: #a20078;
    color: #fff;
    padding: 10px;
    width: 200px;
    text-align: inherit;
    border-radius: 69px;
    margin-left: -46px;
    
   
  }
}
@media only screen and (max-width: 600px) {
  .swiper-arrow div {
    margin-top: -199px;
   
  }
}