/*
Theme Name: Pufies Wordpress Theme
Author: MALVI
Description: Pufies Wordpress Theme, made by MALVI with <3 and care
Version: 1.0
Tags:
*/

/* ######################### */
/* General Rules and Styling */
/* ######################### */
.color-white { color: #FFF; }
.color-yellow { color: #F4C53D; }
.color-purple { color: #440088; }
.color-purple-fade { color: #8763C8; }
.color-gray { color: #686868; }
.floated { float: left; width: 100%; }
.no-padding-container { padding-left: 0; padding-right: 0; }
html, body { overflow-x: hidden; }
b, strong { font-weight: bold; }

.container-fluid { float: left; }

/* ############# */
/* Font settings */
/* ############# */
* { font-family: chevin-pro, sans-serif; }
.chevin { font-family: chevin-pro, sans-serif; }
.cortado { font-family: cortado, sans-serif; }

/* #### */
/* Menu */
/* #### */
.menu-wrapper { width: 100%; float: left; background: #FCC127; position: absolute; left: 0; top: 0; z-index: 1000; display: none; height: 100vh; background: #440088; }
.menu-wrapper .menu-bg-wrapper { float: left; width: 100%; height: 100vh; background: #440088; padding: 15% 12%; border-bottom-right-radius: 150px; overflow-y: scroll; }
.page-template-page-sensitive .menu-wrapper .menu-bg-wrapper { background: #b8d4e6; } /* b8d4e6 */
.page-template-page-sensitive .menu-wrapper ul li a { color: #FFFFFF; }
.menu-wrapper.opened { display: block; }

.menu-wrapper ul { margin: 0; padding: 0; list-style: none; }
.menu-wrapper ul li { font-size: 36px; font-weight: bold; line-height: 46px; margin-bottom: 15px; }

.menu-item.babyart {
    background-image: url('/wp-content/uploads/2019/03/Pufies_BAD_White_NoShadow-rez.png'); margin: 25px 0;
    background-repeat: no-repeat; background-size: contain; height: 75px; text-indent: -9999px;
}
.menu-item.babysensitive {
    background-image: url('/wp-content/uploads/2019/02/Pufies_Sensitive_White_noShadow-rez.png'); margin: 25px 0;
    background-repeat: no-repeat; background-size: contain; height: 75px; text-indent: -9999px;
}

.menu-item.babysensitivepants {
    background-image: url('wp-content/uploads/2019/11/pants-logo300.png'); margin: 25px 0;
    background-repeat: no-repeat; background-size: contain; height: 75px; text-indent: -9999px;
}

.page-template-page-sensitive .menu-item.babyart { background-image: url('/wp-content/uploads/2019/02/Pufies_BAD_Purple-rez.png'); }
.page-template-page-sensitive .menu-item.babysensitive { background-image: url('/wp-content/uploads/2019/02/Pufies_Sensitive_Purple-rez.png'); }

.menu-item.babyart a,
.menu-item.babysensitive a,
.menu-item.babysensitivepants a { display: block; height: 100%; }

.menu-wrapper ul li a { color: #FCC127; text-decoration: none; transition: color 0.3s ease; }
.menu-wrapper ul li a:hover { color: #FFF; transition: color 0.3s ease; }

.burger div { height: 4px; width: 30px;	border-radius: 2px;	background-color: #440088; margin-bottom: 5px; }
.main-header { width: 100%; float: left; }
.header-part  { height: 60px; float: left; position: relative; transition: height 0.3s ease; }
.header-left  { width: 15%; }
.header-left .burger {
    position: absolute; left: 50%; top: 50%; cursor: pointer; margin-top: 2px;
    -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
}
.header-mid { width: 70%; }
.header-mid a img {
    position: absolute; left: 50%; top: 50%; width: 120px;
    -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
}

.main-header.scrolled .header-mid a img { width: 65px; }
.header-right { width: 15%; z-index: 11; }

.menu-regional-sites-menu-container {
    line-height: 32px; text-align: center; width: 32px; height: 32px; background: #440088; border-radius: 50%; position: absolute;
    top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
}
.main-header .header-right span {
    font-size: 16px; font-weight: bold; line-height: 32px; text-align: center; width: 32px; height: 32px; background: #440088; color: white;
    display: inline-block; border-radius: 50%; position: absolute; top: 50%; left: 50%; z-index: 999; cursor: pointer;
    -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
}
.main-header .header-right span:after {
    content: ""; position: absolute; background: #F4C53D; width: 10px; height: 2px; left: -5px; top: 18px;
    -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);
}
.main-header .header-right span:before {
    content: ""; position: absolute; background: #F4C53D; width: 10px; height: 2px; left: -5px; top: 11px;
    -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);
}
.menu-regional-sites-menu-container ul {
    margin: 0; padding: 0; list-style: none; background: #440088; width: 32px; border-radius: 40px; height: 32px; overflow: hidden; transition: all 0.3s ease;
}
.menu-regional-sites-menu-container ul.open { overflow: visible; height: auto; transition: all 0.3s ease; background: #60A4D2; transition: all 0.3s ease; }
.menu-regional-sites-menu-container ul li a { color: white; }

.container.closer-container { height: 60px; background: #440088; }
.closer { position: relative; cursor: pointer; width: 30px; height: 30px; margin: 0 auto;  }
.closer::after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.closer::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.closer::after,
.closer::before { content: ""; position: absolute; height: 5px; background: #fff; left: -10px; top: 30px; width: 30px; }


/* ############################# */
/* Menu - alternatives and fixed */
/* ############################# */
.main-header .top-shape { display: none; }

/* .main-header, */
.page-template-page-babydryart .main-header,
.page-template-page-sensitive .main-header {
    position: fixed; top: 0; z-index: 100; transition: all 0.3s ease; left: 50%;
    -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);
}

.page-template-page-babydryart .main-header .top-shape,
.page-template-page-sensitive .main-header .top-shape {
    position: absolute; top: -200px; width: 130%; background: #440088; height: 300px; display: block;
    border-bottom-left-radius: 75%; border-bottom-right-radius: 75%; left: 50%; z-index: 1; transition: all 0.3s ease;
    -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);
}
.page-template-page-sensitive .main-header .top-shape { background: #8DC3E7; }

.page-template-page-babydryart .main-header .header-part,
.page-template-page-sensitive .main-header .header-part { z-index: 100; }

.page-template-page-babydryart .main-header .header-right span,
.page-template-page-babydryart .menu-regional-sites-menu-container ul { background: #8763C8; }
.page-template-page-sensitive .main-header .header-right span,
.page-template-page-sensitive .menu-regional-sites-menu-container ul { background: #60A4D2; }
.page-template-page-babydryart .burger div,
.page-template-page-sensitive .burger div { background: #F4C53D; }
.page-template-page-babydryart .main-header .header-mid a img,
.page-template-page-sensitive .main-header .header-mid a img { top: 75%; transition: all 0.3s ease; width: 130px; }

.main-header.scrolled { border-bottom: 1px solid #8763C8; border-top: 1px solid #8763C8; position: fixed; top: 0; z-index: 1001; background: #fff; }
.page-template-page-babydryart .main-header.scrolled { background: #440088; }

.page-template-page-sensitive .main-header.scrolled { border-top: 1px solid #60A4D2; border-bottom: 1px solid #60A4D2; }
.page-template-page-babydryart .main-header.scrolled .top-shape,
.page-template-page-sensitive .main-header.scrolled .top-shape {
    border-bottom-left-radius: 0; border-bottom-right-radius: 0; background: #ffffff; height: 0; transition: all 0.3s ease; }
.page-template-page-babydryart .main-header.scrolled .header-mid a img,
.page-template-page-sensitive .main-header.scrolled .header-mid a img { top: 50%; width: 85px; transition: all 0.3s ease; }


.page-template-page-sensitive .menu-wrapper ,
.page-template-page-sensitive .container.closer-container { background: #b8d4e6; }

/* ############# */
/* Homepage Hero */
/* ############# */
.hero-section { background-repeat: no-repeat; background-position: center center; background-size: cover; min-height: 90vh; width: 100%; position: relative; }
.hero-section .hero-content { position: absolute; right: 0; bottom: 10%; }
.hero-section .hero-content h1,
.hero-section .hero-content span { width: 75%; float: right; text-align: right; }
.hero-section .hero-content h1 { color: #440088; font-size: 30px; font-weight: 300; line-height: 28px; }
.hero-section .hero-content span { color: #F4C53D; font-size: 18px; font-weight: bold; line-height: 20px; }

/* ##################### */
/* Default Page Template */
/* ##################### */
.centered-heading-row, .fluid-content-slider { margin: 60px 0px; }
.centered-heading-row h2 {
    width: 280px; color: #8763C8; font-size: 24px; font-weight: bold;
    line-height: 20px; text-align: center; display: block; margin: 0 auto;
}

/* ############# */
/* Category Menu */
/* ############# */
.category-menu { float: left; width: 100%; background: #FCC127; }
.category-menu .catnav .star:nth-child(1) { position: absolute; left: 20%; top: 0; }
.category-menu .catnav .star:nth-child(2) { position: absolute; left: 10%; top: -20px; }
.category-menu .catnav .star:first-of-type svg { width: 23px; height: 23px; }
.category-menu .catnav .star:last-of-type svg { width: 30px; height: 30px; }

.category-menu.scrolled { border-bottom: 1px solid #8763C8; position: fixed; top: 62px; z-index: 1000; transition: all 0.3s ease; }
.category-menu.scrolled .cathead { height: 25px; }
/* .category-menu.scrolled .cathead .closer-cat { top: 3px; } */

.category-menu .cathead { height: 60px; background: #FCC127; position: relative; }
.category-menu .cathead span {
    font-size: 18px; font-weight: bold; line-height: 20px; text-align: center; color: white; position: relative; left: 50%; top: 50%;
    display: inline-block; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
    cursor: pointer;
}
.category-menu .cathead .closer-cat {
    height: 20px; width: 20px; left: 50%; top: 50%; position: absolute; cursor: pointer;
    -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
}
.category-menu .cathead .closer-cat::after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.category-menu .cathead .closer-cat::before { left: 7px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.category-menu .cathead .closer-cat::after,
.category-menu .cathead .closer-cat::before { content: ""; position: absolute;  width: 12px; height: 2px; background: #fff; top: 10px; }
.category-menu .cathead .closer-cat.open::after,
.category-menu .cathead .closer-cat.open::before { background: #440088; top: 8px; width: 20px; }
.category-menu .cathead .closer-cat.open::before { left: initial; }
.category-menu .catnav { display: none; position: relative; }
.category-menu .catnav.opened { display: block; background: #440088;  }
.category-menu nav ul { margin: 0; padding: 0; list-style: none; }
.category-menu nav span { padding: 0 12%; color: #FFFFFF; font-size: 36px; font-weight: bold; line-height: 31px; display: inline-block; margin: 0 0 30px 0; padding-top: 30px; }
.category-menu nav ul li { padding: 0 12%; font-size: 36px; font-weight: 300; line-height: 48px; margin-bottom: 5px; }
.category-menu nav ul li:last-child {
    /*
    text-transform: uppercase; background: #FCC127; padding: 30px 12%; margin-top: 30px;
    color: #FFFFFF; font-size: 36px; font-weight: bold; line-height: 33px; margin-bottom: 0;
    */ padding-bottom: 20px;
}
.category-menu nav ul li a { color: #fff; text-decoration: none; }

/* ################# */
/* Product Page Hero */
/* ################# */
.product-hero { width: 100%; float: left; height: 125vh; position: relative; }
.product-hero .product-hero-bg {
    background-repeat: no-repeat; background-size: cover; position: relative;
    background-position: center center; width: 100%; height: 95%;
 }
.product-hero .product-header {
    text-align: center; position: absolute; bottom: 0; width: 100%; left: 50%; padding: 0;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(35%, rgba(255,255,255,1)),to(rgba(255,255,255,0.0)));
    background: -webkit-linear-gradient(bottom, rgba(255,255,255,1) 35%,rgba(255,255,255,0.0) 100%);
    background: -o-linear-gradient(bottom, rgba(255,255,255,1) 35%,rgba(255,255,255,0.0) 100%);
    background: linear-gradient(to top, rgba(255,255,255,1) 35%,rgba(255,255,255,0.0) 100%);
    -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);
}
.product-hero .product-header .bottom { float: left; width: 100%; background: #440088; }
.sensitive .product-hero .product-header .bottom { background: #8DC3E7; }


.product-hero .product-header .bottom .shape {
    width: 120%; top: 115px; height: 185px; border-bottom: 0; position: absolute; background: #440088;
    border-top-left-radius: 50%; border-top-right-radius: 50%; left: 50%; z-index: 2;
    -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);
}
.sensitive .product-hero .product-header .bottom .shape { background: #8DC3E7; }
.sensitive .product-hero .product-header h1 { color: #ffffff; text-shadow: 3px 3px 8px #114b72; }

.product-hero .product-header .bottom .shape2 {
    width: 110%; background: #F4C53D; position: absolute; z-index: 1; top: 100px; left: 1%; height: 150px;
    border-top-right-radius: 50%;  border-top-left-radius: 50%;
    -webkit-transform: rotate(-2deg); -ms-transform: rotate(-2deg); transform: rotate(-2deg);
}
.product-hero .product-header h1 { max-width: 300px; margin: 0 auto 30px auto; color: #FFFFFF; font-size: 30px;	font-weight: bold; line-height: 28px; position: relative; text-shadow: 2px 2px #440088; }
.product-hero .product-header h2 { max-width: 300px; margin: 0 auto 5px auto;  color: #FFFFFF; font-size: 24px;	font-weight: bold; line-height: 23px; position: relative; z-index: 10; }
.product-hero .product-header h2 span { font-weight: 300; }
.product-hero .product-header p { max-width: 75%; margin: 0 auto; color: #FFFFFF; font-size: 18px; font-weight: 300; line-height: 20px;	position: relative; z-index: 10; }
.product-hero .product-header img { margin: 20px auto; width: 110px; display: block; position: relative; z-index: 10; }
.product-hero .product-header .scroller-wrapper { position: relative; z-index: 10; }

/* #################### */
/* Front Product header */
/* #################### */
/* .products-section { margin: 0px 0 30px 0; } */
.other-front-products { margin-bottom: 0; margin-top: 60px; }

.flower { width: 20px; height: 20px; background-color: #F4C53D; margin: 20px auto; }
.front-products-header { position: relative; background-color: #440088; }
.front-products-header::after {
    content: ""; position: absolute; top: -55px; left: 50%; background-color: #440088; width: 125%;
    height: 130px; border-radius: 50% / 100%; border-bottom-left-radius: 0; border-bottom-right-radius: 0;
    -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);
}
.front-products-header h2,
.front-products-header p,
.front-products-header .flower { position: relative; z-index: 10; }
.front-products-header h2 { font-size: 24px; font-weight: 300; line-height: 23px; max-width: 270px; text-align: center; margin: 0 auto; }
.front-products-header p { font-size: 18px; color: #F4C53D; font-style: italic; line-height: 18px; max-width: 270px; text-align: center; margin: 0 auto 30px auto; }

/* ############## */
/* Front Products */
/* ############## */
.front-products { width: 100%; float: left; position: relative; z-index: 10; padding: 0px 0 100px 0; background: #440088; top: -1px; }
.front-products .product { width: 50%; float: left; position: relative; z-index: 10; }
.front-products.singular .product { width: 100%; }
.front-products .product img { margin: 0 auto; display: block; }
.front-products .product .package-img { width: 100%; max-width: 250px; }
.front-products .product .package-logo { width: 100%; }

.products-section .shapes { position: absolute; top: -115px; height: 106%; width: 1px; }

.products-section .shapes-left { left: -15px; }
.products-section .shapes-left:after {
    content: ""; position: absolute; height: 120%; width: 200px; background: #8DC3E7; z-index: 2;
    border-top-right-radius: 75%; border-bottom-right-radius: 75%; left: -125px; top: -40px;
}
.products-section .shapes-left:before {
    content: ""; position: absolute; height: 130%; width: 200px; background: #F4C53D; left: -130px;
    border-top-right-radius: 75%; border-bottom-right-radius: 75%; top: -45px; z-index: 1;
    -webkit-transform: rotate(-1deg); -ms-transform: rotate(-1deg);transform: rotate(-1deg);
}

.products-section .shapes-right { right: -15px; }
.products-section .shapes-right:after {
    content: ""; position: absolute; height: 120%; width: 200px; background: #F4C53D; z-index: 2;
    border-top-left-radius: 75%; border-bottom-left-radius: 75%; right: -125px; top: -40px;
}
.products-section .shapes-right:before {
    content: ""; position: absolute; height: 130%; width: 200px; background: #8763C8; right: -130px;
    border-top-left-radius: 75%; border-bottom-left-radius: 75%; top: -45px; z-index: 1;
    -webkit-transform: rotate(-1deg); -ms-transform: rotate(-1deg); transform: rotate(1deg);
}

.front-products .product::after {
    bottom: -32px; left: 50%;
    -webkit-transform: translateX(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) rotate(-45deg);
    transform: translateX(-50%) rotate(-45deg);
}
.front-products .product::before {
    bottom: -20px;; left: 50%;
    -webkit-transform: translateX(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
}
.front-products .product::after,
.front-products .product::before { content: ""; position: absolute; height: 3px; background: #F4C53D; width: 18px; border-radius: 5px; }

/* ##### */
/* Stars */
/* ##### */
.star svg { position: relative; z-index: 1; }
.star.star-white svg g         { fill: #FFFFFF; }
.star.star-yellow svg g        { fill: #F4C53D; }
.star.star-blue svg g          { fill: #8DC3E7; }
.star.star-gray svg g          { fill: #CBCBCB; }
.star.star-purple svg g        { fill: #440088; }
.star.star-lightpurple svg g   { fill: #8763C8; }

.front-products-header .star svg { display: block; margin: 15px auto; width: 15px; height: 15px; }
.quality-section .star svg { position: absolute; top: 50%; left: 35px; -webkit-transform: translate(-10%, -50%); -ms-transform: translate(-10%, -50%); transform: translate(-10%, -50%); }
.page-header .page-header-info svg { position: absolute; left: 35%; top: -15px; width: 35px; height: 35px; }

.see-designs .star { position: absolute; left: 30%; top: -60%; z-index: 100; }
.see-designs .star svg { width: 35px; height: 35px; }

.vicon-wrapper .star:first-of-type { position: absolute; right: 50px; top: 35%; }
.vicon-wrapper .star:last-of-type { position: absolute; left: 50px; top: 65%; }
.vicon-wrapper .star:first-of-type svg { width: 35px; height: 35px; }
.vicon-wrapper .star:last-of-type svg { width: 25px; height: 25px; }

.blog-stories .star,
.blog-tips .star,
.page-template-page-blog .star,
.category .star,
.single-post .star,
.page-template-page-about .star,
.page-template-page-locator .star,
.page-template-page-contact .star { position: relative; height: 20px; width: 100%; top: -15px; z-index: 10; }

.blog-stories .star svg,
.blog-tips .star svg,
.page-template-page-blog .star svg,
.category .star svg,
.single-post .star svg,
.page-template-page-about .star svg,
.page-template-page-locator .star svg,
.page-template-page-contact .star svg { position: absolute; right: 13%; width: 20px; height: 20px; }

.hashtag .star.star-purple,
.hashtag .star.star-purple svg { width: 10px; height: 10px; top: 0; }
.hashtag .star.star-purple:nth-of-type(1) { position: absolute; display: inline; left: 8px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.hashtag .star.star-purple:nth-of-type(2) { position: absolute; display: inline; right: 5px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.product-header .star { position: absolute; left: 75%; top: -35px; }
.product-header .star svg { width: 35px; height: 35px; }

.dont-forget-content .star { position: absolute; top: -5px; left: -25px; }
.dont-forget-content .star svg { width: 18px; height: 18px; }

/* ##### */
/* About */
/* ##### */
.page-template-page-about .video-section { margin-bottom: 60px; }
.page-template-page-about .about-top-section h2 { font-weight: bold; }

/* ################## */
/* Single Post header */
/* ################## */
.single-post-header,
.single-post-content { padding: 0 12%; }
.single-post-header .in-category { color: #8763C8; font-size: 14px; font-weight: 300; line-height: 18px; display: block; margin-top: 30px; }
.single-post-header .post-title { color: #440088; font-size: 36px; font-weight: bold; line-height: 33px; }
.single-post-header .post-date { color: #F4C53D; font-size: 14px; font-weight: 300; line-height: 18px; }
.single-post-header .author { color: #440088; font-size: 24px; font-weight: 300; line-height: 33px; display: block; margin: 30px 0; }
.single-post-content { color: #686868; font-size: 14px; font-weight: 300; line-height: 18px; margin: 60px 0; }

/* ###### */
/* Single */
/* ###### */
.single-featured-image img { width: 100%; height: auto; }
.single-post-header .post-title.mrg { margin-bottom: 60px; }
.rich-text-row { margin: 60px 0; padding: 0 12%; }
.rich-text-row h1, .rich-text-row h2,
.rich-text-row h3, .rich-text-row h4,
.rich-text-row h5, .rich-text-row h6 { color: #8763C8; font-size: 24px;	font-weight: bold; line-height: 20px; margin-bottom: 30px; }
.single .blog-tips-section { margin-bottom: 30px; }
.single .blog-stories-section { position: relative; margin-top: 150px; }
.single .blog-stories-section .half-oval {
    width: 115%; left: 50%; background: #440088; border-bottom: 4px solid #F4C53D; position: absolute; top: -103px; height: 103px;
    -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); border-top-left-radius: 50%; border-top-right-radius: 50%;
}
.share-on.share-on-stories { border-bottom: none; }

/* ######## */
/* Share On */
/* ######## */
.share-on { text-align: center; padding: 60px 0 0 0; border-bottom: 4px solid #F4C53D; border-top: 4px solid #F4C53D; }
.share-on p { color: #F4C53D; font-size: 24px; font-weight: bold; line-height: 18px; text-align: center; }
.share-on ul { margin: 0 0 30px 0; padding: 0; list-style: none; }
.share-on ul li { display: inline-block; padding: 15px; }
.share-on ul li a {  }

/* ############## */
/* Safety Section */
/* ############## */
.safety-section { position: relative; margin-bottom: 60px; }
.sensitive .safety-section { margin-bottom: 0; }
.safety-section::before {
    content: ""; position: absolute; width: 352px; left: -275px; top: 20%; height: 80%;
    background: #440088; border-top-right-radius: 100%; border-bottom-right-radius: 100%;
}
.safety-section::after {
    content: ""; position: absolute; width: 352px; left: -275px; top: 20%; height: 80%;
    background: #F4C53D; border-top-right-radius: 100%; border-bottom-right-radius: 100%; z-index: -1;
    -webkit-transform: rotate(4deg); -ms-transform: rotate(4deg); transform: rotate(4deg);
 }
.sensitive .safety-section::before { background: #8DC3E7; top: 32%; height: 35%; }
.sensitive .safety-section::after { top: 32%; height: 35%; }
.performance-section .the-description,
.safety-section-content .the-description{ position: relative; margin: 60px auto; min-height: 100px; height: auto; }
.performance-section .the-description img,
.safety-section-content .the-description img { position: absolute; left: 0; width: 38%; z-index: 1; }
.performance-section .the-description p,
.safety-section-content .the-description p {
    position: absolute; right: 0; margin: 0; padding: 5px; width: 70%;font-size: 14px; font-weight: 300; line-height: 18px;
    color: #8763C8; border: 2px solid #8763C8; padding-left: 30px; top: 12px; border-radius: 10px;
}
.sensitive .performance-section .the-description p,
.sensitive .safety-section-content .the-description p { color: #8DC3E7; border-color: #8DC3E7; }
.safety-section-content .the-description p { color: #8763C8; }
.sensitive .safety-section-content .the-description p,
.safety-section-content .the-description p {
    right: -25px;  margin: 0;  width: 85%;  padding: 10px 0 10px 45px;  top: 50%;  border-radius: 10px;
    font-size: 14px;  font-weight: bold;  line-height: 18px;  display: flex;  align-items: center;  height: auto; position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.sensitive .in-between { float: left; width: 100%; }
.safety-section-content .accordion { width: 73%; }
.safety-section-content .accordion::after { display: none; }
.safety-section-content .accordion .a-quality-fact,
.safety-section-content .accordion .a-quality-fact .fact-content { min-height: initial; margin: 0 0 10px 0; }
.safety-section-content .a-quality-fact label {min-height: 40px; }
.safety-section-content .a-quality-fact label,
.safety-section-content .accordion input ~ .accordion-text { padding-left: 30%; }
.safety-section-content .a-quality-fact label::after {
    background-image: url('/wp-content/uploads/2018/10/accordion-safety-icons.png'); width: 40px; height: 40px;
    background-repeat: no-repeat; background-size: cover; background-color: #fff; border: none;
}
.sensitive .safety-section-content .a-quality-fact label::after {
    background-image: url('/wp-content/uploads/2018/10/accordion-safety-icons-blu.png');
    background-color: #66c6e4;
}
.sensitive .safety-section-content .accordion input:checked ~ label::after { background-color: #66c6e4; }
.safety-section-content .a-quality-fact label::before {
    content: ""; position: absolute; left: 0px; top: 10px; width: 10px; height: 20px; background-image: url('/wp-content/uploads/2018/10/arrow-left-pur.png');
    background-size: contain; background-repeat: no-repeat; opacity: 0; transition: opacity 0.3s ease; border: none;
}
.sensitive .safety-section-content .a-quality-fact label::before { background-image: url('/wp-content/uploads/2018/10/arrow-left-blu.png'); }
.safety-section-content .accordion input:checked ~ label::after { background-color: #fff; border: none; }
.safety-section-content .accordion input:checked ~ label::before { opacity: 1; transition: opacity 0.3s ease; border: none; }

.safety-section-content .a-quality-fact:nth-of-type(1) label::after,
.safety-section-content .a-quality-fact:nth-of-type(1) input:checked label::after { background-position: 1px -10px !important;  }

.safety-section-content .a-quality-fact:nth-of-type(2) label::after,
.safety-section-content .a-quality-fact:nth-of-type(2) input:checked label::after { background-position: 1px -64px !important;  }

.safety-section-content .a-quality-fact:nth-of-type(3) label::after,
.safety-section-content .a-quality-fact:nth-of-type(3) input:checked label::after { background-position: 1px -120px !important; }

.safety-section-content .a-quality-fact:nth-of-type(4) label::after,
.safety-section-content .a-quality-fact:nth-of-type(4) input:checked label::after { background-position: -1px -174px !important; }

.safety-section-content .a-quality-fact:nth-of-type(5) label::after,
.safety-section-content .a-quality-fact:nth-of-type(6) input:checked label::after { background-position: 1px -229px !important; }

.safety-section-content .a-quality-fact:nth-of-type(6) label::after,
.safety-section-content .a-quality-fact:nth-of-type(6) input:checked label::after { background-position: 1px -284px !important; }

.sensitive .safety-section-content .a-quality-fact:nth-of-type(1) label::after,
.sensitive .safety-section-content .a-quality-fact:nth-of-type(1) input:checked label::after { background-position: 1px 1px !important; }

.sensitive .safety-section-content .a-quality-fact:nth-of-type(2) label::after,
.sensitive .safety-section-content .a-quality-fact:nth-of-type(2) input:checked label::after { background-position: 1px -50px !important;  }

.sensitive .safety-section-content .a-quality-fact:nth-of-type(3) label::after,
.sensitive .safety-section-content .a-quality-fact:nth-of-type(3) input:checked label::after { background-position: 1px -157px !important; }

.sensitive .safety-section-content .a-quality-fact:nth-of-type(4) label::after,
.sensitive .safety-section-content .a-quality-fact:nth-of-type(4) input:checked label::after { background-position: -1px -210px !important; }

.sensitive .safety-section-content .a-quality-fact:nth-of-type(5) label::after,
.sensitive .safety-section-content .a-quality-fact:nth-of-type(5) input:checked label::after { background-position: 1px -263px !important; }

.sensitive .safety-section-content .a-quality-fact.secondary:nth-of-type(1) label::after,
.sensitive .safety-section-content .a-quality-fact.secondary:nth-of-type(1) input:checked label::after { background-position: 1px -315px !important;  }

.sensitive .safety-section-content .a-quality-fact.secondary:nth-of-type(2) label::after,
.sensitive .safety-section-content .a-quality-fact.secondary:nth-of-type(2) input:checked label::after { background-position: 1px -361px !important;  }

.sensitive .safety-section-content .a-quality-fact.secondary:nth-of-type(3) label::after,
.sensitive .safety-section-content .a-quality-fact.secondary:nth-of-type(3) input:checked label::after { background-position: 1px -407px !important; }


/* ################## */
/* Performance Thingy */
/* ################## */
.performance-widget { margin: 40px 0; }
.performance .the-hashtag { font-size: 36px; }
.tap-performance { width: 260px; margin: 0 auto; color: #8763C8; font-size: 18px; font-weight: 300; line-height: 17px; text-align: center; display: block; }
.sensitive .tap-performance { color: #8DC3E7; }

.diaper {
  position: relative; width: 100%; min-height: 300px; margin: 0 auto; height: 100%; background-repeat: no-repeat;
  background-position: center center; background-size: contain; width: calc(100vmin - 45px); height: 70vmin;
}
/* .sensitive .diaper  { background-image: url('/wp-content/uploads/2019/01/sensitive_3D_diaper_indicator.png'); }
.babydryart .diaper { background-image: url('/wp-content/uploads/2019/01/baby-art-dry-3d-diaper_indicator.png'); } */

.sensitive .diaper  { background-image: url('/wp-content/uploads/2020/08/diaper_visual_v2_b_300-full-1.png'); }
.babydryart .diaper { background-image: url('/wp-content/uploads/2020/08/diaper_visual_v2_b_300-full-1.png'); }

.diaper div.pp-1 {
    left: 50%; top: 45%; background-image: url('/wp-content/uploads/2019/01/Superabsorbent_Logo-inverse.png');
    -webkit-transform: translate(-50%, -45%) rotate(180deg); -ms-transform: translate(-50%, -45%) rotate(180deg); transform: translate(-50%, -45%) rotate(180deg);
}
.diaper div.pp-2 {
    left: 59%; top: 66%; background-image: url('/wp-content/uploads/2019/01/Anatomical_Shape_Icon-inverse.png');
    -webkit-transform: translate(-59%, -66%) rotate(180deg); -ms-transform: translate(-59%, -66%) rotate(180deg); transform: translate(-55%, -66%) rotate(180deg);
}
.diaper div.pp-3 {
    left: 23%; top: 75%; background-image: url('/wp-content/uploads/2019/01/Indicator_Logo-inverse.png');
    -webkit-transform: translate(-23%, -75%) rotate(180deg); -ms-transform: translate(-23%, -75%) rotate(180deg); transform: translate(-23%, -75%) rotate(180deg);
}
.diaper div.pp-4 {
    left: 80%; top: 30%;background-image: url('/wp-content/uploads/2019/01/Flexi_sides_Logo-inverse.png');
    -webkit-transform: translate(-80%, -30%) rotate(180deg); -ms-transform: translate(-80%, -30%) rotate(180deg); transform: translate(-80%, -30%) rotate(180deg);
}
.diaper div.pp-5 {
    left: 12%; top: 48%; background-image: url('/wp-content/uploads/2019/01/Breathable_Surface_Icon-inverse.png');
    -webkit-transform: translate(-12%, -48%) rotate(180deg); -ms-transform: translate(-12%, -48%) rotate(180deg); transform: translate(-12%, -48%) rotate(180deg);
}
.diaper div .the-svg {
  position: absolute; transition: all 0.3s ease; opacity: 0;  height: 1px; width: 0px; left: 15px; top: -19px;
  -webkit-transform-origin: left; -moz-transform-origin: left; -ms-transform-origin: left; -o-transform-origin: left; transform-origin: left;
}
.diaper div.active .the-svg { transition: all 0.1s ease; opacity: 1; width: 100%; height: 60px; }
.diaper div { position: absolute; width: 30px; height: 30px; border-radius: 50%; background-repeat: no-repeat; background-size: contain; cursor: pointer; }
.diaper div.active { background: none; background-color: #440088; width: 15px; height: 15px; }
.sensitive .diaper div.active { background-color: #60A4D2; }
.diaper div.active::after {
    content: ""; width: 30px; height: 30px; border: 2px dashed #8763C8; top: -7px; border-radius: 50%; position: absolute; z-index: 1; left: -7px;
    -webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    -o-animation: spin 4s linear infinite;
    animation: spin 4s linear infinite;
}
.sensitive .diaper div.active::after { border: 2px dashed #60A4D2; }
.pp-contents { position: relative; width: 80%; color: #8763C8; font-size: 16px; font-weight: 300; line-height: 18px; margin: 0 auto; }
.sensitive .pp-contents { color: #8DC3E7; }

.pp-contents img { width: 60px; float: left; position: relative; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.pp-contents span { width: calc(100% - 80px); float: right; display: flex; align-items: center; min-height: 60px; }
.pp-stuff .central-point { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.pp-contents div { background: none; display: none; }
.pp-contents div.active { display: block; height: 60px; float: left; width: 100%; }
.pp-contents div.active .pp-stuff { height: 60px; width: 60px; float: left; position: relative; margin-right: 20px; margin-bottom: 40px; }
.pp-contents div.active .pp-stuff .central-point {
    position: absolute; left: 50%; top: 50%; width: 3px; height: 3px; background: rgba(0,0,0,0); display: block;
    -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
}

.diaper div .arrow {
  top: 15px; left: 15px; position: relative; width: 40px; height: 3px; border-radius: 0;
  -webkit-transform-origin: left; -moz-transform-origin: left; -ms-transform-origin: left; -o-transform-origin: left; transform-origin: left;
}
.diaper div .arrow::after { content: "→"; position: absolute; right: -8px; top: -35px; font-size: 42px; font-weight: bold; }

@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } }
@-moz-keyframes spin { 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } }
@-o-keyframes spin { 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform:rotate(360deg); } }

@-webkit-keyframes spinn { 100% { -webkit-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); } }
@-moz-keyframes spinn { 100% { -webkit-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); } }
@-o-keyframes spinn { 100% { -webkit-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); } }
@keyframes spinn { 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform:rotate(-360deg); } }


/* ###################################### */
/* Top Category & Page Header & Half Oval */
/* ###################################### */
.page-header { position: relative; padding: 0; }
.page-header.no-bgimg { height: 200px; }
.page-header.with-bgimg { height: 360px; background-repeat: no-repeat; background-size: cover; background-position: center top; background-attachment: initial; }

.page-header .page-header-info {
    text-align: center; float: left; width: 100%; padding: 0; left: 50%; border-bottom: 4px solid #F4C53D; position: absolute;
    -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; z-index: 10;
    background: #440088; border-top-left-radius: 50%; border-top-right-radius: 50%; padding-top: 35px;
}
.page-header .page-header-info.simple { border-top-left-radius: 0; border-top-right-radius: 0%; }
.page-header .page-header-info .page-name { position: relative; font-size: 24px; font-weight: 300; line-height: 24px; margin-bottom: 15px; display: inline-block; text-transform: uppercase; }
.page-template-page-contact .half-oval { background: #440088; height: 85px; border-top-left-radius: 50%; border-top-right-radius: 50%; }
.half-oval .page-name {
    position: absolute; font-size: 24px; font-weight: 300; line-height: 24px; margin-bottom: 15px; display: inline-block; text-transform: uppercase; left: 50%; top: 50%;
    -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
}
.half-oval .page-name::after,
.half-oval .page-name::before { content: ""; right: -25px; height: 3px; background: #F4C53D; width: 18px; border-radius: 5px; position: absolute; }
.half-oval .page-name::after { top: 4px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.half-oval .page-name::before { bottom: 5px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.page-header .page-header-info .page-name::after,
.page-header .page-header-info .page-name::before { content: ""; right: -25px; height: 3px; background: #F4C53D; width: 18px; border-radius: 5px; position: absolute; }
.page-header .page-header-info .page-name::after { top: 4px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.page-header .page-header-info .page-name::before { bottom: 5px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.page-header .page-header-info .descr {
    display: block; max-width: 260px; margin: 0 auto; font-size: 18px; font-style: italic; text-align: center; font-weight: 300; line-height: 18px;
}

/* ############### */
/* Category Header */
/* ############### */
.cat-header {
    text-align: center; position: relative; padding: 0 0 0 0; height: 300px;
    background-image: url('/wp-content/uploads/2018/10/mom-and-baby.jpg');
    background-repeat: no-repeat; background-position: center center; background-size: cover;
}
.cat-header .cat-info {
    background: #440088; padding-bottom: 10px; border-bottom: 4px solid #F4C53D;
    position: absolute; bottom: 0; left: 0; width: 100%;
}
.cat-header .cat-info::after {
    position: absolute; content: ''; top: -45px; left: 50%; width: 125%; height: 130px; background-color: #440088;
    border-radius: 50% / 100%; border-bottom-left-radius: 0; border-bottom-right-radius: 0;
    -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);
}
.cat-header .cat-name,
.cat-header .cat-desc { position: relative; z-index: 10; }
.cat-header .cat-name { font-size: 24px; font-weight: 300; line-height: 24px; margin-bottom: 15px; display: inline-block; }
.cat-header .cat-name::before,
.cat-header .cat-name::after { content: ""; right: -25px; height: 3px; background: #F4C53D; width: 18px; border-radius: 5px; position: absolute; }
.cat-header .cat-name::before { top: 6px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.cat-header .cat-name::after { bottom: 3px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.cat-header .cat-desc { font-size: 18px; font-style: italic; line-height: 18px; display: block; max-width: 400px; text-align: center; margin: 0 auto; }

/* Category Pages */
.category .a-tip:last-of-type,
.category .a-post:last-of-type { padding-top: 30px; }
.category-pufies-stories .a-story { padding: 15px 30px 0px 30px; }

/* ##################### */
/* Blog stories category */
/* ##################### */
.blog-stories-post {}

/* ################### */
/* Blog stories slider */
/* ################### */
.blog-stories-slider-wrapper { overflow: hidden; z-index: 100; }
/* .blog-stories-slider-wrapper .bx-wrapper .bx-viewport { height: calc(100% + 200px) !important; } */
.blog-stories-slider-wrapper .bx-wrapper .bx-controls .bx-prev::before,
.blog-stories-slider-wrapper .bx-wrapper .bx-controls .bx-prev::after,
.blog-stories-slider-wrapper .bx-wrapper .bx-controls .bx-next::before,
.blog-stories-slider-wrapper .bx-wrapper .bx-controls .bx-next::after { background: #8763C8; }
.a-story { margin-top: 30px; padding: 60px 70px; }
.a-story .a-story-content { padding: 0 5% 5% 5%; border: 3px solid #F4C53D; text-align: center; }
.a-story .featured-image { width: 100%; background-position: center; background-size: cover; position: relative; top: -50px; z-index: 100; background-repeat: no-repeat }
.a-story .featured-image.missing-featured { background-size: contain; background-repeat: no-repeat; }
.a-story .featured-image::after { content: ""; display: block; padding-bottom: 100%; }
.a-story .story-post-date { color: #686868; display: block; font-size: 14px; font-weight: 300; line-height: 15px; position: relative; top: -40px; }
.a-story .story-by { display: block; font-size: 24px; font-weight: bold; line-height: 30px; color: #440088; position: relative; top: -10px; }
.a-story .story-heading { text-decoration: none; }
.a-story .story-heading  h3 { color: #686868; font-size: 18px; font-style: italic; font-weight: 300; }

/* ####### */
/* Buttons */
/* ####### */
a.view-more,
button.load-more-posts,
button.loadmore {
    font-size: 18px; font-weight: 300; line-height: 25px; color: #440088; border: 3px solid #440088; text-align: center;
    margin: 30px auto; display: block; min-width: 180px; outline: none; text-decoration: none; padding: 10px 15px;
    transition: 0.35s all ease; min-height: 50px; height: auto; cursor: pointer; background: #fff; max-width: 265px;
}
a.view-more:hover,
button.load-more-posts:hover,
button.loadmore:hover,
.main-footer .footer-top a:hover { transition: 0.35s all ease; background: #440088; color: white; }

.scroller-wrapper { float: left; width: 100%; }
a.scroller-bottom { width: 30px; height: 30px; display: block; text-align: center; margin: 15px auto; position: relative; text-indent: -9999px; }
a.scroller-bottom::after { left: 0; top: 10px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
a.scroller-bottom::before { right: 0; top: 10px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
a.scroller-bottom::after,
a.scroller-bottom::before { content: ""; position: absolute; height: 3px; width: 18px; border-radius: 5px; }
a.scroller-bottom.color-purple::before,
a.scroller-bottom.color-purple::after { background: #440088; }
a.scroller-bottom.color-yellow::before,
a.scroller-bottom.color-yellow::after { background: #F4C53D; }
a.scroller-bottom.color-white::before,
a.scroller-bottom.color-white::after { background: #FFFFFF; }
a.scroller-bottom.color-blue::before,
a.scroller-bottom.color-blue::after { background: #8DC3E7; }

/* ############### */
/* Quality Section */
/* ############### */
.quality-container { background-image: url('/wp-content/uploads/2018/10/stars_bg.png'); background-repeat: repeat; }
.quality-section { width: calc(100% - 10%); margin-left: 10%; padding-top: 50px; padding-bottom: 30px; }
.single .quality-section { padding-top: 20px; }
.quality-section .quality-section-heading,
.quality-section .quality-section-facts { padding-right: 0px; }
.quality-section .quality-section-heading { background: #440088; color: white; }
.sensitive .quality-section .quality-section-heading { background: #8DC3E7; }
.quality-section .quality-section-heading h2 { font-size: 18px;	font-weight: 300;	line-height: 18px; margin-bottom: 0; padding: 15px 0; }
.quality-section-heading-wrapper { width: 50%; margin: 0 auto; padding: 7px; }

/* ################### */
/* Accordion mechanism */
/* ################### */
.accordion { width: 100%; float: right; position: relative; }
.accordion::after {
    content: ""; position: absolute; width: 3px; height: 96%; float: left; top: 0; left: 46px; z-index: -1;
    background-image:
        repeating-linear-gradient(to right, #440088 0%, #440088 50%, transparent 50%, transparent 100%),
        repeating-linear-gradient(to right, #440088 0%, #440088 50%, transparent 50%, transparent 100%),
        repeating-linear-gradient(to bottom, #440088 0%, #440088 50%, transparent 50%, transparent 100%),
        repeating-linear-gradient(to bottom, #440088 0%, #440088 80%, transparent 50%, transparent 100%);
    background-position: left top, left bottom, left top, right top;
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-size: 20px 5px, 20px 5px, 20px 15px, 20px 15px;
}

.sensitive .accordion::after {
    content: ""; position: absolute; width: 3px; height: 96%; float: left; top: 0; left: 46px; z-index: -1;
    background-image:
        repeating-linear-gradient(to right, #8DC3E7 0%, #8DC3E7 50%, transparent 50%, transparent 100%),
        repeating-linear-gradient(to right, #8DC3E7 0%, #8DC3E7 50%, transparent 50%, transparent 100%),
        repeating-linear-gradient(to bottom, #8DC3E7 0%, #8DC3E7 50%, transparent 50%, transparent 100%),
        repeating-linear-gradient(to bottom, #8DC3E7 0%, #8DC3E7 80%, transparent 50%, transparent 100%);
    background-position: left top, left bottom, left top, right top;
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-size: 20px 5px, 20px 5px, 20px 15px, 20px 15px;
}
.accordion input { display: none; }
.accordion input:checked ~ .accordion-text { max-height: 400px; opacity: 1; margin-top: 14px; transition: all 0.3s linear; }
.accordion input ~ .accordion-text {
    margin-top: 0; max-height: 0; opacity: 0; position: relative;  transition: all 0.3s linear;
    font-size: 14px; font-weight: 300; line-height: 16px; color: #686868; padding-left: 30%; padding-right: 30px;
}

/* ################# */
/* Accordion styling */
/* ################# */
.quality-section-facts { padding: 0; }
.a-quality-fact,
.a-quality-fact .fact-content { width: 100%; float: left; position: relative; margin: 15px 0; min-height: 55px; }
.a-quality-fact label {
    font-size: 18px; font-weight: bold; line-height: 18px; position: relative; margin-bottom: 0;
    width: 100%; padding-left: 30%; cursor: pointer; padding-right: 20px; align-items: center;
    color: #8763C8; display: flex; min-height: 55px;
}
.a-quality-fact label::after {
    content: ""; width: 55px; height: 55px; border-radius: 55px; background-color: #440088;
    position: absolute; left: 20px; top: 0; transition: all 0.3s ease; border: 2px solid #cbcbcb; background-size: 475px;
    background-image: url('/wp-content/uploads/2018/10/quality-icons.png');
}

.a-quality-fact label::before {
    content: ""; position: absolute; left: 2px; top: 20px; width: 10px; height: 20px; border: none;
    background-image: url('/wp-content/uploads/2018/10/arrow-left-pur.png'); background-size: contain;
    background-repeat: no-repeat; transition: opacity 0.3s ease; opacity: 0;
}
.accordion input:checked ~ label { color: #440088; }
.accordion input:checked ~ label::after { background-color: #440088; transition: all 0.3s ease; border: 2px dashed #440088; }
.accordion input:checked ~ label::before { opacity: 1; transition: opacity 0.3s ease; }

.a-quality-fact:first-child label::after  { background-position: -28px -3px;  }
.a-quality-fact:nth-child(2) label::after { background-position: -152px -3px; }
.a-quality-fact:nth-child(3) label::after { background-position: -419px -4px; }
.a-quality-fact:nth-child(4) label::after { background-position: -91px -4px;  }
.a-quality-fact:nth-child(5) label::after { background-position: -218px -3px; }
.a-quality-fact:nth-child(6) label::after { background-position: -350px -2px; }
.a-quality-fact:last-child label::after   { background-position: -285px -3px; }

.a-quality-fact:first-child input:checked ~ label::after  { background-position: -28px -68px;  }
.a-quality-fact:nth-child(2) input:checked ~ label::after { background-position: -152px -67px; }
.a-quality-fact:nth-child(3) input:checked ~ label::after { background-position: -419px -68px; }
.a-quality-fact:nth-child(4) input:checked ~ label::after { background-position: -91px -68px;  }
.a-quality-fact:nth-child(5) input:checked ~ label::after { background-position: -218px -68px; }
.a-quality-fact:nth-child(6) input:checked ~ label::after { background-position: -350px -68px; }
.a-quality-fact:last-child input:checked ~ label::after   { background-position: -285px -68px; }

.sensitive .a-quality-fact label::after { background-image: url('/wp-content/uploads/2018/10/bl-quality-icons.png'); }
.sensitive .a-quality-fact label::before { background-image: url('/wp-content/uploads/2018/10/arrow-left-blu.png'); }
.sensitive .a-quality-fact label { color: #8DC3E7; }
.sensitive .a-quality-fact label::after { background-color: #8DC3E7; }
.sensitive .accordion input:checked ~ label::after { background-color: #60A4D2; }
.sensitive .accordion input:checked ~ label { color: #60A4D2; }

/* ############################################## */
/* Blog Post Tips and general Category Post Style */
/* ############################################## */
.a-tip,
.a-post { padding: 30px 0; border-bottom: 3px solid #F4C53D; float: left; width: 100%; }

.a-tip:last-of-type,
.a-post:last-of-type { border-bottom: 0;}

.latest-post { width: 100%; }

.latest-post .a-tip:last-of-type { border-bottom: 3px solid #F4C53D; padding-top: 10px; }
.loaded-posts-container .a-post:first-of-type { border-top: 3px solid #F4C53D; }

.a-tip .tip-left, .a-tip .tip-right,
.a-post .tip-left, .a-post .tip-right { width: 50%; float: left; }

.a-tip .tip-left,
.a-post .tip-left { padding-right: 10px; }

.a-tip .tip-right,
.a-post .tip-right { padding-left: 10px; position: relative; max-height: 350px; padding-right: 30px; }

.a-tip .tip-left .featured,
.a-post .tip-left .featured { width: 100%; max-width: 350px; max-height: 350px; background-size: cover; position: relative; background-position: center; }

.a-tip .tip-left .featured.missing-featured,
.a-post .tip-left .featured.missing-featured { background-size: contain; background-repeat: no-repeat; }

.a-tip .tip-left .featured::after,
.a-post .tip-left .featured::after { content: ""; display: block; padding-bottom: 100%; }

.a-tip .tip-right .excerpt,
.a-post .tip-right .excerpt { font-size: 12px; font-weight: 300; line-height: 16px; color: #686868; margin-bottom: 20px; }

.a-tip .tip-right .title,
.a-post .tip-right .title { text-decoration: none; }

.a-tip .tip-right .title h3,
.a-post .tip-right .title h3 { font-size: 18px; font-weight: bold; line-height: 20px; color: #440088; }

.a-tip .tip-right .more,
.a-post .tip-right .more { color: #686868; font-size: 14px; font-weight: bold; line-height: 20px; text-decoration: none; position: absolute; bottom: -15px; }


/* ####################### */
/* Slider General Settings */
/* ####################### */
.slider-wrapper { padding: 0 0 0 0; }
.slider-wrapper .bx-wrapper { margin: 0; padding: 0; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.slider-wrapper .bx-wrapper .bx-controls .bx-prev,
.slider-wrapper .bx-wrapper .bx-controls .bx-next { background: none; z-index: 10; }
.slider-wrapper .bx-wrapper .bx-controls .bx-prev::before,
.slider-wrapper .bx-wrapper .bx-controls .bx-prev::after,
.slider-wrapper .bx-wrapper .bx-controls .bx-next::before,
.slider-wrapper .bx-wrapper .bx-controls .bx-next::after { content: ""; position: absolute; left: 0; height: 3px; width: 18px; border-radius: 5px; }

.slider-wrapper .bx-wrapper .bx-controls .bx-prev::before {
    left: 15px; bottom: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);
}
.slider-wrapper .bx-wrapper .bx-controls .bx-prev::after {
    left: 15px; top: 17px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);
}
.slider-wrapper .bx-wrapper .bx-controls .bx-next::before {
    right: 15px; bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);
}
.slider-wrapper .bx-wrapper .bx-controls .bx-next::after {
    right: 15px; top: 17px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);
}

/* ########################### */
/* Design Section Baby Dry Art */
/* ########################### */
.design-section { width: 100%; margin: 30px 0; float: left; position: relative; }
.design-section .graphics { background-repeat: no-repeat; background-size: contain; position: absolute; }
.bear { background-image: url('/wp-content/uploads/2018/11/illustrationBAD_01.png'); width: 100px; height: 160px; top: 25%; left: 0; }
.lion { background-image: url('/wp-content/uploads/2018/10/illustrationBAD_02.png'); width: 100px; height: 100px; bottom: 0; right: 0; }
.owl { background-image: url('/wp-content/uploads/2018/11/illustrationBAD.png'); width: 100px; height: 100px; bottom: 0; right: 0; }
.starz { background-image: url('/wp-content/uploads/2018/10/illustrationBAD_03.png'); width: 150px; height: 150px; bottom: 0; left: 0; }
.bear2 {
    background-image: url(/wp-content/uploads/2018/10/sensitive_illustration_01.png);
    background-repeat: no-repeat; background-position-y: 20px; background-position-x: 100%; top: 0;
    position: absolute; width: 200px; height: 200px; background-size: contain; right: 0; display: none;
}


.design-section-content { position: relative; padding: 0; }
.the-hashtag {
    width: 260px; height: auto; min-height: 75px; background: #440088; font-size: 44px; line-height: 51px; text-indent: -20px; left: 15px;
    text-align: center; color: white; padding: 10px 0; margin: 50px auto; border-radius: 20px; position: relative;
}
.the-hashtag::before {
    content: ""; background: #8763C8; width: 40px; height: 75px; top: 0; position: absolute; left: -25px;
    border-top-left-radius: 20px; border-bottom-left-radius: 20px; z-index: -1;
}
.sensitive .the-hashtag { background: #60A4D2; }
.sensitive .the-hashtag::before { background: #8DC3E7; }
.sensitive .the-title { color: #8DC3E7; }

.the-title {
    max-width: 225px; font-size: 24px; font-weight: bold; line-height: 20px;
    text-align: center; color: #8763C8; margin: 0 auto 25px auto;
}
.the-subtitle {
    max-width: 225px; font-size: 18px; font-weight: 300; line-height: 17px;
    text-align: center; color: #8763C8; margin: 0 auto 25px auto; display: block;
}
.design-logo { margin: 0 auto 50px auto; display: block; width: 150px; }
.the-description { width: 260px; color: #686868; font-size: 16px; font-weight: 300; line-height: 18px; margin: 0 auto 150px auto; }

.design-slider-wrapper .bx-wrapper .bx-controls .bx-prev::before,
.design-slider-wrapper .bx-wrapper .bx-controls .bx-prev::after,
.design-slider-wrapper .bx-wrapper .bx-controls .bx-next::before,
.design-slider-wrapper .bx-wrapper .bx-controls .bx-next::after { background: #F4C53D; }

.page-template-page-babydryart .design-slider-wrapper .bx-wrapper .bx-controls .bx-prev::before,
.page-template-page-babydryart .design-slider-wrapper .bx-wrapper .bx-controls .bx-prev::after,
.page-template-page-babydryart .design-slider-wrapper .bx-wrapper .bx-controls .bx-next::before,
.page-template-page-babydryart .design-slider-wrapper .bx-wrapper .bx-controls .bx-next::after { background: #440088; }

.page-template-page-sensitive .design-slider-wrapper .bx-wrapper .bx-controls .bx-prev::before,
.page-template-page-sensitive .design-slider-wrapper .bx-wrapper .bx-controls .bx-prev::after,
.page-template-page-sensitive .design-slider-wrapper .bx-wrapper .bx-controls .bx-next::before,
.page-template-page-sensitive .design-slider-wrapper .bx-wrapper .bx-controls .bx-next::after { background: #8DC3E7; }

.sensitive .design-slider-wrapper .bx-wrapper .bx-controls .bx-prev::before,
.sensitive .design-slider-wrapper .bx-wrapper .bx-controls .bx-prev::after,
.sensitive .design-slider-wrapper .bx-wrapper .bx-controls .bx-next::before,
.sensitive .design-slider-wrapper .bx-wrapper .bx-controls .bx-next::after { background: #8DC3E7; }

.sensitive .page-header .page-header-info { background: #8DC3E7; }

.sensitive .a-tip .tip-right .title h3,
.sensitive .a-post .tip-right .title h3 { color: #8DC3E7; }

.sensitive .design-section { margin-top: 0; }

/* #################### */
/* Learn more Sensitive */
/* #################### */
.learn-more .accordion::after { display: none; }
.learn-more .accordion .a-quality-fact {
    min-height: 150px; background-image: url('/wp-content/uploads/2018/10/sensitive_illustration_01.png');
    background-repeat: no-repeat; background-position-y: 20px; background-position-x: 100%; background-size: 90px;
}
.learn-more.learn-more-performance .accordion .a-quality-fact { min-height: initial; margin: 0; background-image: none; }
.learn-more .accordion .a-quality-fact label { padding: 0; text-align: center; width: 200px; margin: 0 auto; display: block; }
.learn-more .accordion .a-quality-fact label::after {
    content: "+"; background: none; color: #FCC127; font-size: 36px; line-height: 18px; font-weight: 300;
    width: auto; height: auto; top: -2px; border: none; position: absolute; left: -15px;
}
.learn-more .accordion .a-quality-fact label::before { display:none; }
.learn-more .accordion .a-quality-fact input:checked ~ label::after { content: "-"; background: none; border: none; }
.learn-more .accordion .a-quality-fact .accordion-text { float: left; width: 100%; padding-left: 15%; display: block; }
.learn-more .accordion .a-quality-fact input:checked ~ .accordion-text { max-height: initial; }

/* ############################# */
/* Design Choose and See Section */
/* ############################# */
.see-designs-header {
    -webkit-box-shadow: 0px 25px 40px -5px #000; -moz-box-shadow: 0px 25px 40px -5px #000; box-shadow: 0px 25px 40px -5px #000;
    z-index: 11; background: #440088; position: relative;
}
.see-designs { position: relative; }
.see-designs .shapes-top { position: absolute; width: 100%; height: 1px; left: 0; }

.see-designs .shapes-top::after {
    content: ""; position: absolute; width: 125%; height: 145px; top: -55px; left: 57%;
    border-top-left-radius: 50%; border-top-right-radius: 50%; background: #F4C53D; z-index: 1;
    -webkit-transform: rotate(-1deg) translateX(-50%); -ms-transform: rotate(-1deg) translateX(-50%); transform: rotate(-1deg) translateX(-50%);
}
.see-designs .shapes-top::before {
    content: ""; position: absolute; width: 150%; height: 200px; top: -45px; left: 50%;
    border-top-left-radius: 50%; border-top-right-radius: 50%; background: #440088; z-index: 2;
    -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);
}

.see-designs-header .title {
    width: 100%; position: relative; display: inline-block; text-align: center; float: left; margin: 0 0 30px 0;
    font-size: 24px; font-weight: 300; line-height: 23px; text-align: center; color: #fff;
}
.see-designs-header .title strong { font-weight: bold; }
.see-designs-header .title span {
    color: #440088; font-size: 24px; font-weight: 300; line-height: 20px; text-align: left; width: 200px; display: block; margin: 0 auto;
}
.see-designs-header .title span:first-child { font-weight: bold; }

/* ############ */
/* Contact Page */
/* ############ */
.country-selector { float: left; width: 100%; }
.country-selector .cntry-select {
    margin: 20px auto 60px auto; display: block; font-size: 18px; font-weight: bold; cursor: pointer;
    line-height: 22px; color: #8763C8; border: 3px solid; padding: 10px 15px; text-transform: uppercase;
}
.country-selector .cntry-select .cat-info { text-align: center; overflow: hidden; }
.country-selector .country-contact-info .a-country .contact-city,
.country-selector .country-contact-info .a-country .contact-country {
    color: #440088; font-size: 36px; font-weight: bold; line-height: 33px; text-align: center;
}
.country-selector .country-contact-info .a-country .contact-city { margin: 30px 0 5px 0; }
.country-selector .country-contact-info .a-country .contact-country { margin: 5px 0 30px 0; }
.country-selector .country-contact-info .a-country .contact-address,
.country-selector .country-contact-info .a-country .contact-phone { margin: 55px 0; }
.country-selector .country-contact-info .a-country .contact-address span,
.country-selector .country-contact-info .a-country .contact-phone span {
    color: #F4C53D; font-weight: bold; font-size: 18px; margin: 0 auto 10px auto;
    text-align: center; display: block; width: 260px;
}
.country-selector .country-contact-info .a-country .contact-address address {
    color: #686868; font-size: 24px; font-weight: 300; line-height: 26px;
    width: 300px; margin: 0 auto; text-align: center;
}
.country-selector .country-contact-info .a-country .contact-phone a {
    color: #686868; font-size: 24px; font-weight: 300; line-height: 26px;
    width: 300px; margin: 0 auto; text-align: center; display: block;
}

/* ############ */
/* CF7 Elements */
/* ############ */
.contact-form { width: 75%; margin: 0 auto;  }
.wpcf7-text,
.wpcf7-textarea { overflow: visible; border: 3px solid #440088; padding:10px 15px; margin-bottom: 20px; width: 100%; }
.wpcf7-submit {
    overflow: visible; border: 3px solid #440088; padding: 10px 15px; cursor: pointer;
    background: white; margin: 20px auto; display: block; margin-bottom: 20px;
}
.wpcf7-submit:hover { background: #440088; color: #fff; }

.the-checkbox span.wpcf7-list-item { margin: 0; }
.the-checkbox input[type=checkbox] {
    position: absolute; z-index: -1000; left: -1000px; overflow: hidden; clip: rect(0 0 0 0);
    height: 1px; width: 1px; margin: -1px; padding: 0; border: 0;
}
.the-checkbox input[type=checkbox] ~ .wpcf7-list-item-label {
    color: #686868; font-size: 15px; font-weight: 300; line-height: 15px; display: block; padding: 0 60px 15px 60px; cursor: pointer;
    background-repeat: no-repeat; background-position: 0 0; background-image: url('/wp-content/uploads/2018/10/checkbox-unchecked.png'); text-align: left;
}
.the-checkbox input[type=checkbox]:checked ~ .wpcf7-list-item-label { background-image: url('/wp-content/uploads/2018/10/checkbox-checked.png'); }

/* ################################ */
/* Got Questions and Messenger help */
/* ################################ */
.got-questions { position: relative; top: -85px; }
.got-questions-header { position: relative; padding: 0; }
.got-questions-header .bottom-background { height: 255px; top: -95px; min-height: initial; padding: 0; }
.got-questions-header .bottom-background .cat-info { position: relative; top: 5px; }
.messenger-help { position: relative; z-index: 10; background: white; overflow: hidden; margin-bottom: 30px; top: 50px; }
.messenger-help p,
.messenger-help span { width: 300px; color: #7363A1; font-size: 18px; font-weight: 300; line-height: 18px; text-align: center; margin: 30px auto; display: block; }
.messenger-help a {
    display: inline-block; margin: 0 auto; text-align: center; padding: 5px 10px; background: #139cfc;
    color: white; border-radius: 4px; line-height: 25px; max-width: 300px; width: auto; text-decoration: none;
}
.messenger-help a::before {
    content: ""; background-image: url('/wp-content/uploads/2018/10/messetzer.png');
    background-position: center center; background-repeat: no-repeat; background-size: contain;
    width: 15px; height: 25px; float: left; margin-right: 10px;
}

/* ############### */
/* #Safety Section */
/* ############### */
.safety-section-content { margin-bottom: 30px; }
.safety-section-content .floated { margin: 30px 0; }
.safety-section-content .floated .aligner { width: 50%; float: left; }
.safety-section-content .floated .design-logo { margin: 0 auto; display: block; width: 130px; }
.safety-section-content .floated .the-description { width: 50%; float: left; margin: 0; padding-left: 12%; padding-top: 15px; }

.safety-intro h3 {
    width: 265px; color: #F4C53D; font-size: 24px; font-weight: bold;
    text-align: center; margin: 0 auto; padding: 30px 0 15px 0;
}
.safety-intro span {
    width: 200px; color: #FFFFFF; font-size: 18px; font-weight: 300; margin: 0 auto;
    line-height: 17px; text-align: center; display: block; padding: 15px 0 30px 0;
}
.pillar-widget { padding-bottom: 50px; }
.pillar-widget, .safety-pillars { background: #8763C8; }
.safety-pillars ul { width:300px; margin: 0 auto; padding: 0; list-style: none; position: relative; text-align: center; }
.safety-pillars ul li {
    display: inline-block; width: 55px; height: 55px; background-color: #F4C53D; position: relative;
    border-radius: 50%; text-align: center; margin: 10px 20px; cursor: pointer; transition: background-color 0.3s ease;
}
.safety-pillars ul li.active { background-color: white; transition: background-color 0.3s ease; }
.safety-pillars ul li::after { content: ""; position: absolute; left: -7px; top: -7px; transition: all 0.3s ease; }
.safety-pillars ul li.active::after {
    width: calc(100% + 15px); height: calc(100% + 15px); border: 10px solid;
    transition: border 0.3s ease; border-radius: 50%;
}
.pillar-content { width: 300px; margin: 30px auto 0 auto; }
.pillar-content div { display: none; opacity: 0; transition: opacity 0.3s ease; }
.pillar-content div.active { display: block; opacity: 1; transition: opacity 0.3s ease; }
.pillar-content span { color: #F4C53D; font-size: 16px; font-weight: bold; line-height: 18px; margin-bottom: 20px; display: block; }
.pillar-content p { color: #FFF; font-size: 16px; font-weight: 300; line-height: 18px; }

/* ################### */
/* Dont Forget Section */
/* ################### */
.dont-forget { margin: 30px 0 0 0; }
.dont-forget-content {  }
.dont-forget-content h2 { color: #440088; font-size: 36px; font-weight: 300; line-height: 33px; text-align: center; margin-bottom: 30px; }
.sensitive .dont-forget-content h2 { color: #8DC3E7; }
.dont-forget-content img { display: block; margin: 0 auto; width: 100%; max-width: 300px; }
.dont-forget-content p { width: 206px; color: #686868; font-size: 16px; font-weight: 300; line-height: 17px; margin: 30px auto 0 auto; }
.dont-forget-content:nth-of-type(1) p { margin-top: 15px; }
.dont-forget-content span { color: #F4C53D; font-size: 18px; font-weight: bold;	line-height: 20px; text-align: center; display: block; margin-top: 20px; }
.sensitive .dont-forget-content span { color: #8DC3E7;  }

/* ################### */
/* Thin Puffies Header */
/* ################### */
.thin-pufies .thin-pufies-header { background: #440088; position: relative; height: 90px; }
.sensitive .thin-pufies .thin-pufies-header { background: #8DC3E7; }
.thin-pufies .thin-pufies-header a { height: 45px; width: 30%; display: inline-block; position: absolute; left: 15px; top: 25px; z-index: 10; }
.thin-pufies .thin-pufies-header a .thin-pufies-logo {
    width: 100%; height: 80px; top: -20px; position: relative; z-index: 10; background-image: url('/wp-content/uploads/sites/2/2019/02/Pufies_Purple-rez.png');
    background-repeat: no-repeat; background-position: center center; background-size: contain;
}
.thin-pufies .thin-pufies-header .thin-text {
    width: 200px; position: absolute; top: 50%; right: 10%; color: #FFFFFF; font-size: 18px; font-weight: bold; line-height: 20px;
    -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
}
.thin-pufies .thin-pufies-header .thin-text span { font-weight: 300; }

/* ################# */
/* On the web header */
/* ################# */
.on-web { display: block; }
.on-web.hidden { display: none; }
.on-web .page-header.no-bgimg { height: auto; }
.on-web .page-header .page-header-info { border-bottom: initial; border-top: 4px solid white; position: relative; }
.on-web .page-header .page-header-info::after,
.on-web .page-header .page-header-info::before { display: none; }
.on-web .page-header .page-header-info .hashtag {
    color: #F4C53D;	font-size: 24px; font-weight: bold;	line-height: 20px; display: inline-block; margin: 15px 0 30px 0; text-align: center;
}
.on-web .tab-menu { margin:0 auto; padding:0; list-style: none; width: 100%; height: 55px; }
.on-web .tab-menu li { display: inline-block; width: 33.33333333%; float: left; height: 100%; background: #8763C8; transition: background 0.3s ease; }
.on-web .tab-menu li.active-tab-li { background: #F4C53D; transition: background 0.3s ease; }
.on-web .tab-menu li a { background-repeat: no-repeat; background-position: center center; text-indent: -9999px; display: inline-block; width: 100%; height: 100%; }

.on-web .tab-menu li.no-fb-posts,
.on-web .tab-menu li.no-insta-posts,
.on-web .tab-menu li.no-yt-posts { display: none; }

.on-web .tab-menu.missing-three li { }
.on-web .tab-menu.missing-two li { width: 100%; }
.on-web .tab-menu.missing-one li { width: 50%; }

.on-web .slider-wrapper .fader { position: relative; z-index: 10; min-height: 100px; }

li a.tab-link-fb { background-image: url('/wp-content/uploads/2018/10/facebook_footer_logo.png'); }
li a.tab-link-insta { background-image: url('/wp-content/uploads/2018/10/instagram_UGC.png'); }
li a.tab-link-yt { background-image: url('/wp-content/uploads/2018/10/youtube_UGC.png'); }
.tabs section { padding: 25px; display: none; }
.tabs section.active-tab { display: block; }

.tabs .slider-wrapper { width: 85%; margin: 0 auto; position: relative; }
.tab-link-fb .slider-wrapper .fb-post,
.tab-link-fb .slider-wrapper .fb-post span,
.tab-link-fb .slider-wrapper .fb-post iframe,
.tab-link-yt .slider-wrapper-yt .yt-post iframe { margin: 0 auto; display: block; }
.instagram-media.instagram-media-rendered { 
    margin: 0 auto !important; max-width: initial !important; 
    min-width: initial !important; width: 100% !important; min-height: 600px;
}

/* New controls */
.slarrows { position: absolute; width: 100%; height: 100%; }
.slarrows .prev,
.slarrows .next {
    position: absolute; top: 50%; cursor: pointer; width: 20px; height: 30px;
    -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
}
.slarrows .prev { left: -35px; }
.slarrows .next { right: -35px; }
.slarrows .prev::after, .slarrows .prev::before,
.slarrows .next::after, .slarrows .next::before { content: ""; position: absolute; height: 3px; width: 18px; border-radius: 5px; background: #8763C8; }

.slarrows .prev::after { transform: rotate(45deg); left: 0; top: 12px; }
.slarrows .prev::before { transform: rotate(-45deg); left: 0; }
.slarrows .next::after { transform: rotate(-45deg); right: 0; top: 12px; }
.slarrows .next::before { transform: rotate(45deg); right: 0; }

.fader {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
}
@-webkit-keyframes fade { from {opacity: .4} to {opacity: 1} }
@-moz-keyframes fade { from {opacity: .4} to {opacity: 1} }
@-o-keyframes fade { from {opacity: .4} to {opacity: 1} }
@keyframes fade { from {opacity: .4} to {opacity: 1} }

/* .fb-wrap { display: none; } */
/*
.the-controls-wrapper { text-align: center; }
.the-controls { margin: 0 auto; display: inline-block; }
.on-web .the-controls .prev { width: auto; float: left; color: #440088; margin: 30px 0; text-align: left; font-size: 18px;font-weight: bold; line-height: 20px; cursor: pointer; }
.on-web .the-controls .next { width: auto; float: left; color: #440088; margin: 30px 0; text-align: right; font-size: 18px;	font-weight: bold; line-height: 20px; cursor: pointer; }
.dots { width: auto; float: left; margin: 30px auto; padding: 0 30px; }
.dot.active { background: #F4C53D; }
.dot.activer { background: #F4C53D; }
.dot.activex { background: #F4C53D; }
.dot  {
    cursor: pointer; height: 10px; width: 10px; margin: 6px; background-color: #bbb; border-radius: 50%; display: block; float: left;
    transition: background-color 0.6s ease; background: #440088;
}
*/

/* Privacy */
.privacy-policy-section { max-width: 970px; margin: 0 auto; }
.privacy-policy-section .row { margin: 45px 0; }
.privacc {
  background-color: #8763C8; font-size: 24px;  line-height: 24px; color: #FFFFFF; cursor: pointer;
  width: 100%; text-align: left;  border: none;  outline: none; transition: 0.4s; padding: 20px;
}
.active, .privacc:hover { background-color: #440088; }
.privacc.active + .panel { padding: 20px; }

.panel { padding: 0 20px; background-color: white; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; }
.privacy-policy-section .privacc:after { content: '+'; color: #FFFFFF; font-weight: bold; float: right; margin-left: 5px; }
.privacy-policy-section .privacc.active:after { content: "-"; }
.cookie-notice-container { background: #440088; border-top: 2px solid #F4C53D; }
.cookie-notice-container a { color: #F4C53D; }
.cookie-notice-container #cookie-notice .cn-button { margin-left: 10px; border-radius: 0; text-shadow: none; background-image: none; background: #ffc731; color: #440088; }

/* ################### */
/* Design Display Menu */
/* ################### */
.chooser-nav { width: 100%; float: left; padding-bottom: 100px; height: 150px; background: #440088; }
.chooser-nav ul { list-style: none; padding: 0 0 0 0; margin: 0; float: left; width: 100%;}
.chooser-nav ul li {
    display: inline-block; cursor: pointer; width: calc(20% - 2%);
    float: left; margin: 0 1%; height: 60px; overflow: hidden; transition: all 0.2s ease;
    border-bottom: 2px solid white; border-left: 2px solid white; border-right: 2px solid white;
    border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; position: relative;
}
.chooser-nav ul li:nth-of-type(1), .portfolio-nav ul li:nth-of-type(1) { background-color: #fdd69f; }
.chooser-nav ul li:nth-of-type(2), .portfolio-nav ul li:nth-of-type(2) { background-color: #94d9f7; }
.chooser-nav ul li:nth-of-type(3), .portfolio-nav ul li:nth-of-type(3) { background-color: #ffe300; }
.chooser-nav ul li:nth-of-type(4), .portfolio-nav ul li:nth-of-type(4) { background-color: #d1d800; }
.chooser-nav ul li:nth-of-type(5), .portfolio-nav ul li:nth-of-type(5) { background-color: #54c7d1; }
.chooser-nav ul li:nth-of-type(6), .portfolio-nav ul li:nth-of-type(6) { background-color: #f7ad9e; }
.chooser-nav ul li:nth-of-type(7), .portfolio-nav ul li:nth-of-type(7) { background-color: #94d9f7; }
.chooser-nav ul li .size {
    display: block; height: 60px; font-size: 50px; font-weight: bold; top: 0; transition: all 0.2s ease;
    color: #440088; line-height: 60px; text-align: center; position: absolute; width: 100%;
}

.chooser-nav ul li .size.plusfour,
.portfolio-nav ul li .size.plusfour { position: relative; } { position: relative; }
.chooser-nav ul li .size.plusfour::after { content: "+"; position: relative; font-size: 30px; top: -22px; }
.portfolio-nav ul li .size.plusfour::after { content: "+"; position: absolute; font-size: 30px; left: 30px; top: -15px; }

.chooser-nav ul li .inner {
    position: absolute; top: -60px; height: 60px; width: 100%; text-align: center; padding-top: 11px;
    border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background: #440088; transition: all 0.2s ease;
}
.chooser-nav ul li:nth-of-type(1) .inner span, .portfolio-nav ul li:nth-of-type(1) .inner span { color: #fdd69f; }
.chooser-nav ul li:nth-of-type(2) .inner span, .portfolio-nav ul li:nth-of-type(2) .inner span { color: #94d9f7; }
.chooser-nav ul li:nth-of-type(3) .inner span, .portfolio-nav ul li:nth-of-type(3) .inner span { color: #ffe300; }
.chooser-nav ul li:nth-of-type(4) .inner span, .portfolio-nav ul li:nth-of-type(4) .inner span { color: #d1d800; }
.chooser-nav ul li:nth-of-type(5) .inner span, .portfolio-nav ul li:nth-of-type(5) .inner span { color: #54c7d1; }
.chooser-nav ul li:nth-of-type(6) .inner span, .portfolio-nav ul li:nth-of-type(6) .inner span { color: #f7ad9e; }
.chooser-nav ul li:nth-of-type(7) .inner span, .portfolio-nav ul li:nth-of-type(7) .inner span { color: #94d9f7; }
.chooser-nav ul li .inner .kilo-number{ font-weight: bold; font-size: 16px; }

.chooser-nav ul li .inner .kg { font-size: 11px; }
.portfolio-nav ul li .inner .kg { font-size: 11px; text-transform: uppercase; }

.chooser-nav ul li .inner .type { font-size: 11px; display: block; }
.portfolio-nav ul li .inner .type { font-size: 11px; display: block; }

.chooser-nav ul li.active { height: 120px; }
.chooser-nav ul li.active .size { top: 60px; }
.chooser-nav ul li.active .inner { top: 0; }

.design-chooser-section { background: #440088; padding: 0; position: relative; z-index: 10; }
.design-chooser-section .bottom-shape {
    width: 150%; height: 300px; background: #440088; left: 50%; position: absolute; bottom: -50px; z-index: 1;
    -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);
    border-bottom-left-radius: 50%; border-bottom-right-radius: 50%;
}
.chooser-cat { transition: all 0.7s ease; padding: 0; opacity: 0; height: 100px; float: left; width: 100%; padding: 0; background: #440088; display: none; top: -1px; }
.chooser-cat.active { transition: all 0.7s ease; width: 100%; height: auto; background: #440088; opacity: 1; display: block; z-index: 10; }

/* ######### */
/* Portfolio */
/* ######### */
.bottom-oval-shape {
    position: absolute; bottom: 0px; width: 125%; background: #440088;
    left: 50%; text-align: center; height: 260px; border-radius: 50%; z-index: 1;
    -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);
}
.sensitive .bottom-oval-shape { background: #8DC3E7; }
.bottom-oval-shape span {
    color: #FFFFFF; font-size: 18px; font-weight: bold; line-height: 33px;
    position: absolute; bottom: 16px; left: 50%; text-align: center;
    -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);
}

.yellow-bottom-oval-shape {
    position: absolute; bottom: -1%; height: 170px; width: 100%; background: #F4C53D;
    border-bottom-right-radius: 50%; border-bottom-left-radius: 70%; z-index: -1; left: 9%;
    -webkit-transform: rotate(-1deg); -ms-transform: rotate(-1deg); transform: rotate(-1deg);
}

.art-and-dry-portfolio .art-and-dry-header { position: relative; }
.art-and-dry-portfolio .art-and-dry-header .oval-shape {
    position: absolute; height: 240px; background: #440088; width: 125%; left: 50%; bottom: -90px; border-radius: 50%;
    -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);
}
.art-and-dry-portfolio .art-and-dry-header img { margin: 30px auto; display: block; position: relative; z-index: 10; width: 85%; }
.art-and-dry-portfolio .art-and-dry-header h2 { color: #440088;	font-size: 36px; font-weight: 300; line-height: 33px; text-align: center; margin: 30px auto; }

.sensitive .art-and-dry-portfolio .art-and-dry-header h2 { color: #8DC3E7; }
.sensitive .art-and-dry-portfolio .art-and-dry-header .oval-shape,
.sensitive .portfolio-display-section { background: #8DC3E7; }

.portfolio-display-section { z-index: 11; width: 100%; float: left; background: #440088; padding: 0; position: relative; }
.babydryart .portfolio-display-section { margin-bottom: 100px; }

.portfolio-display { float: left; width: 70%; position: relative; height: 100%; margin-top: 30px; }
.portfolio-display-section .tap {
  width: 260px; margin: 0 auto; text-align: center; display: block; padding: 15px 0;
  font-size: 24px; font-weight: 300; line-height: 20px; color: white; line-height: 30px;
}
.portfolio-display .tap strong { font-weight: bold; }
.portfolio-cat { transition: all 0.7s ease; padding: 0; opacity: 0; height: 100px; float: left; width: 100%; padding: 0; background: none; display: none; }
.sensitive .portfolio-cat { background: none; }

.portfolio-cat img { height: 270px; width: auto; margin: 0 auto; display: block; position: relative; top: 10%; }
.page-template-page-babydryart .portfolio-cat-1 img { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }
.page-template-page-babydryart .portfolio-cat-2 img { -webkit-transform: scale(0.85); -ms-transform: scale(0.85); transform: scale(0.85); }
.page-template-page-babydryart .portfolio-cat-3 img { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); }
.page-template-page-babydryart .portfolio-cat-4 img { -webkit-transform: scale(1.10); -ms-transform: scale(1.10); transform: scale(1.10); }
.page-template-page-babydryart .portfolio-cat-5 img { -webkit-transform: scale(1.10); -ms-transform: scale(1.10); transform: scale(1.10); }
.page-template-page-babydryart .portfolio-cat-6 img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }

.page-template-page-sensitive .portfolio-cat-1 img { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }
.page-template-page-sensitive .portfolio-cat-2 img { -webkit-transform: scale(0.85); -ms-transform: scale(0.85); transform: scale(0.85); }
.page-template-page-sensitive .portfolio-cat-3 img { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); }
.page-template-page-sensitive .portfolio-cat-4 img { -webkit-transform: scale(1.10); -ms-transform: scale(1.10); transform: scale(1.10); }
.page-template-page-sensitive .portfolio-cat-5 img { -webkit-transform: scale(1.10); -ms-transform: scale(1.10); transform: scale(1.10); }
.page-template-page-sensitive .portfolio-cat-6 img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }


.portfolio-cat.active { transition: all 0.7s ease; height: 70%; opacity: 1; display: block; }
.portfolio-nav { width: 10%; float: right; }
.portfolio-nav ul { margin: 0; padding: 0; list-style: none; }
.portfolio-nav ul li {
    width: 50px; height: 60px; border-left: 2px solid white; float: right; transition: all 0.2s ease;
    border-top: 2px solid white; border-bottom: 2px solid white; border-top-left-radius: 15px; border-bottom-left-radius: 15px;
    display: block; margin: 5px 0px 5px 20px; position: relative; cursor: pointer;
}
.portfolio-nav ul li .size {
    display: block; height: 60px; font-size: 50px; font-weight: bold; transition: all 0.2s ease;
    color: #440088; text-align: center; position: absolute; width: 50px; top: -2px; left: 0px; line-height: 60px;
}
.portfolio-nav ul li .inner {
    position: absolute; right: 0; height: 100%; width: 75px; text-align: center; right: -75px; transition: all 0.2s ease;
    background: #440088; padding-top: 5px; border-top-left-radius: 20px; border-bottom-left-radius: 20px;
}
.portfolio-nav ul li .inner .kilo-number { font-weight: bold; font-size: 20px; }
.portfolio-nav ul li.active { width: 130px; transition: all 0.2s ease; }
.portfolio-nav ul li.active .inner { right: 0; transition: all 0.2s ease; }

/* ####################### */
/* Back and Front flippers */
/* ####################### */
.series-identifiers { margin: 20px 0px 10px 0; text-align: center; float: left; width: 100%; position: relative; }
.series-identifiers span { z-index: 10; position: relative; font-size: 24px; font-weight: bold; line-height: 24px; color: #F4C53D; }

.page-template-page-sensitive .series-identifiers span { text-shadow: 0 0 5px #440088, 0 0 10px #440088 }

/*
.chooser-cat .a-diaper-series:nth-child(odd) .series-identifiers img { left: 15%; }
.chooser-cat .a-diaper-series:nth-child(even) .series-identifiers img { right: 15%; }
.series-identifiers img {
    position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); max-width: 65px; max-height: 65px;
}
*/
.series-identifiers img { display: block; margin: 20px auto 0 auto; max-width: 80px; max-height: 80px; }

.a-diaper-series { margin-bottom: 30px; }

.chooser-cat .a-diaper-series:first-child .series-designs .back-front-couples:nth-child(2) .face .kouloupou::after {
    content: ""; background-image: url('/wp-content/uploads/2018/10/diaper_back_view.png');
    width: 110px; height: 110px; background-size: contain; position: absolute; background-repeat: no-repeat; bottom: -5px; left: 25px;
}
.chooser-cat .a-diaper-series:first-child .series-designs .back-front-couples:nth-child(2) .face .kouloupou::before {
    content: ""; background-image: url('/wp-content/uploads/2018/10/arrow.png');
    width: 50px; height: 80px; background-size: 35px; position: absolute; background-repeat: no-repeat; bottom: -50px; left: -20px;
}

.sensitive .portfolio-cat .a-diaper-series:first-child .series-designs .back-front-couples:nth-child(2) .face .kouloupou::after {
    content: ""; background-image: url('/wp-content/uploads/2018/10/diaper_back_view-1.png');
    width: 120px; height: 120px; background-size: contain; position: absolute; background-repeat: no-repeat; bottom: -10px; left: 35px;
}
.sensitive .portfolio-cat .a-diaper-series:first-child .series-designs .back-front-couples:nth-child(2) .face .kouloupou::before {
    content: ""; background-image: url('/wp-content/uploads/2018/10/arrow-purple.png');
    width: 50px; height: 80px; background-size: 35px; position: absolute; background-repeat: no-repeat; bottom: -50px; left: -20px;
}
.sensitive .portfolio-cat .a-diaper-series:first-child .series-designs .back-front-couples:nth-child(2) .front-face span { display: block; }
.sensitive-diaper-designs { float: left; width: 100%; background: #8DC3E7; margin-bottom: 100px; position: relative; z-index: 10; top: -1px; }
.sensitive-diaper-designs .tap { font-size: 24px; font-weight: 300; line-height: 20px; position: relative; width: 200px; margin: 0 auto; text-align: center; }
.sensitive .faces .front-face span,
.sensitive .faces .back-face span { color: #440088; display: none; }


.faces .face .kouloupou { width: 135px; height: 135px; position: absolute; top: 0; left: 0; }

.faces .front-face span,
.faces .back-face span {
    color: #F4C53D;	font-size: 18px; font-weight: 300; line-height: 20px;
    text-align: center; width: 150px; bottom: -55px; position: absolute; left: -15px;
}
.faces .face span strong { font-weight: bold; }

.chooser-cat .a-diaper-series .series-designs .face .kouloupou { display: none; }
.chooser-cat .a-diaper-series:first-child .series-designs .back-front-couples:nth-child(2) .face .kouloupou { display: block; }
.a-diaper-series, .series-designs { float: left; width: 100%; }
.back-front-couples { -webkit-perspective: 1000px; perspective: 1000px; width: 50%; height: auto; float: left; margin-bottom: 30px; }
.back-front-couples.hover .faces {
    -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); width: 135px; height: 135px; margin: 30px auto;
}
.back-front-couples .faces {
    width: 135px; height: 135px; margin: 30px auto; -webkit-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s;
    -webkit-transform-style: preserve-3d; transform-style: preserve-3d; position: relative; cursor: pointer;
}
.back-front-couples .faces .face {
    -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute;
    width: 135px; height: 135px; top: 0; left: 0;
}
.back-front-couples .faces .face img {
    width: 100%; position: relative; z-index: 10; height: auto; left: 50%; top: 50%;
    -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
}
.back-front-couples .faces .front-face { z-index: 2; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); }
.back-front-couples .faces .back-face { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }


/* ############# */
/* Video Section */
/* ############# */
.sensi-vid-container {
    padding-bottom: 60px;
    background-image: url(/wp-content/uploads/2018/10/stars_bg.png);
    background-repeat: repeat;
}



.video-section .video-shader { height: 100%; width: 100%; background-color: rgba(0,0,0,0.3); position: absolute; z-index: 1; }
.video-section .video-wrapper { position: relative; padding-bottom: 56.25%; }
.video-section .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.video-section h3 { color: #8763C8;	font-size: 24px; font-weight: bold; line-height: 20px; text-align: center; }
h3.allison-heading { margin: 30px 0; }
.video-section .thumbnail_container {
    float: left; width: 100%;  background-repeat: no-repeat; padding-bottom: 56.25%;
    background-size: cover; background-position: center center;
}
.video-section .start-video {
    position: absolute; top: 50%; left: 50%; cursor: pointer; text-align: center; z-index: 2;
    -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);
}
.video-section .start-video .start-video-play-button{
    background-repeat: no-repeat; background-size: contain; background-position: center center;
    width: 65px; height: 65px; margin: 0 auto; background-image: url('/wp-content/uploads/2018/10/play_button_purple.png');
}
.page-template-homepage .video-section .start-video .start-video-play-button,
.page-template-page-sensitive .video-section .start-video .start-video-play-button { background-image: url('/wp-content/uploads/2018/10/play_button_blue.png'); }

.single .video-section .start-video .start-video-play-button,
.page-template-page-about .video-section .start-video .start-video-play-button { background-image: url('/wp-content/uploads/2018/10/play_button_yellow.png'); }
.video-section .start-video span {
    color: #FFFFFF; font-size: 14px; font-weight: bold; line-height: 16px;
    text-align: center; display: inline-block; text-transform: uppercase; margin-top: 10px;
}

/* ############ */
/* Text Section */
/* ############ */
.text-sectio.about-top-section h2 { margin: 10px auto 40px auto; }
.text-section { padding: 0 15%; }
.text-section h2 { margin: 40px auto; color: #440088; font-size: 30px; font-weight: 300; line-height: 28px; position: relative; }
.text-section h2 .star { position: absolute; top: -25px; left: -25px; }
.text-section .text-wrapper { margin-bottom: 60px; }
.text-section p { color: #686868; font-size: 16px; font-weight: 300; line-height: 18px; }

.about-bottom-section span,
.about-bottom-section span.yellow { color: #FCC127; font-weight: bold; font-size: 20px; }

/* ################ */
/* Parallax Section */
/* ################ */
.parallax-section { background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: initial; }
.about-parallax { position: relative; }
.about-parallax .hashtag {
    display: none;
    position: absolute; bottom: -15px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); line-height: 20px;
    background: #FCC127; padding: 5px 20px; border-radius: 20px; color: #440088; text-transform: uppercase; font-weight: bold; font-size: 18px; letter-spacing: -0.1em;
}

/* ################################### */
/* Vertical icons section / Statistics */
/* ################################### */
.vertical-icon-section-row { margin: 60px 0; }
.vertical-icon-section { position: relative; margin: 60px 0; background: #440088; text-align: center; }
.vertical-icon-section .vicon-top-filler {
    position: absolute; top: -60px; height: 30vh; width: 125vw; background: #440088; left: 50%;
    z-index: -1; border-top-left-radius: 50%; border-top-right-radius: 50%;
    -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%);
}
.vertical-icon-section::before {
    content: ""; position: absolute; bottom: -60px; height: 200px; width: 125%; background: #440088;
    border-bottom-left-radius: 50%; border-bottom-right-radius: 55%; z-index: -1; left: 50%;
    -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%);
}
.vertical-icon-section::after {
    content: ""; position: absolute; bottom: -66px; height: 100px; width: 85%; background: #F4C53D;
    border-bottom-right-radius: 250%; border-bottom-left-radius: 170%; z-index: -2; left: 23%;
}
.vertical-icon-section .icon-text-wrapper { margin: 60px 0; }
.vertical-icon-section .icon-text-wrapper img { width: 100%; max-width: 150px; }
.vertical-icon-section .icon-text-wrapper h3 { font-size: 24px; font-weight: bold; line-height: 20px; text-align: center; color: white; margin-top: 30px; }

/* ############# */
/* Store Locator */
/* ############# */
.country-wrapper .store-list { width: 320px; margin: 0 auto; }
.country-wrapper .store-list .stores-header {  }
.country-wrapper .store-list .physical-stores,
.country-wrapper .store-list .online-stores { margin-bottom: 60px; }
.country-wrapper .store-list .stores-header h4 { color: #440088; font-size: 36px; font-weight: bold; line-height: 33px; text-align: center; margin-bottom: 60px; }
.country-wrapper .store-list .stores-header p { color: #F4C53D;	font-size: 18px; font-weight: bold;	line-height: 18px; text-align: center; margin-bottom: 40px; }
.country-wrapper .store-list ul { margin: 0; padding: 0; list-style: none; width: 100%; float: left; }
.country-wrapper .store-list ul li {
    display: inline-block; width: 95px; height: 95px; padding: 8px; position: relative;
    border: 2px solid #440088; border-radius: 50%; margin: 10px 4px; overflow: hidden;
}
.country-wrapper .store-list ul li a img {
    width: 80%; position: absolute; left: 50%; top: 50%;
    -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
}

.blog-page .cat-name { text-transform: uppercase; }

/* ###### */
/* Footer */
/* ###### */
.main-footer { width: 100%; float: left; background: #F4C53D; position: relative; overflow: hidden; }
.main-footer .footer-top { float: left; width: 100%; }
.page-template-page-babydryart .main-footer .footer-top p,
.page-template-page-sensitive .main-footer .footer-top p {
    margin: 55px 0; color: #FFFFFF; font-size: 18px;	font-style: italic;
    font-weight: 300;	line-height: 18px; text-align: center;
}
.main-footer .footer-top span {
    font-size: 18px; font-style: italic; font-weight: 300; display: block;
    line-height: 18px;	text-align: center; color: #FFFFFF; margin-top: 40px;
}
.main-footer .footer-top a { background: #fff; margin: 55px auto 120px auto; }
.main-footer .footer-shape { height: 100%; background-repeat: no-repeat; position: absolute; width: 100%; background-size: cover; }
.main-footer .footer-shape.shape-1 {
    background-image: url('/wp-content/uploads/2018/10/footer_shape_01.png');
    background-position: center 100px; top: 20px; z-index: 4;
}
.page-template-page-babydryart .main-footer .footer-shape.shape-1,
.page-template-page-sensitive .main-footer .footer-shape.shape-1 { background-position: center 275px; z-index: 5; }

.page-template-page-babydryart .blog-tips-section a.view-more,
.page-template-page-sensitive .blog-tips-section a.view-more { margin-bottom: 0; }
.main-footer .footer-shape.shape-3 {
    background-image: url('/wp-content/uploads/2018/10/footer_shape_02.png');
    background-position: right 100px; top: 50px; z-index: 3;
}
.main-footer .footer-shape.shape-2 {
    /* background-image: url('/wp-content/uploads/2018/10/footer_shape_01_yellow.png'); */
    background-image: url('/wp-content/uploads/2018/10/footer_shape_01_blue.png');
    background-position: center 350px; top: 20px; z-index: 4;
}
.main-footer .footer-shape.shape-4 {
    background-image: url('/wp-content/uploads/2018/10/footer_shape_01_purple.png');
    background-position: center top; top: 50px; z-index: 3; background-size: contain;
}
.main-footer .footer-shape.shape-5 {
    background-image: url('/wp-content/uploads/2018/10/footer_shape_02_blue.png');
    background-position: center top; top: 50px; z-index: 3; background-size: contain;
}

.main-footer .footer-top,
.main-footer .footer-nav,
.main-footer .footer-social,
.main-footer .footer-copy { position: relative; z-index: 10; }
.main-footer .footer-nav { margin: 100px auto 50px auto; float: left; padding: 0 12%; }
.main-footer .footer-nav ul { margin: 0; padding: 0; list-style: none; float: left; }
.main-footer .footer-nav ul li { margin-bottom: 5px; }
.main-footer .footer-nav ul li a { color: #FFFFFF; font-size: 36px; font-weight: bold; line-height: 46px; }
.main-footer .footer-social { margin: 0 0 35px 0; float: left; padding: 0 12%; }
.main-footer .footer-social ul { margin: 0; padding: 0; list-style: none; padding: 0px; float: left; }
.main-footer .footer-social ul li { float: left; margin-right: 35px; }
.main-footer .footer-social ul li a {
    background-image: url('/wp-content/uploads/2018/10/social-media.png');
    background-repeat: no-repeat; background-position-y: center; background-size: cover;
    text-indent: -9999px; display: inline-block; height: 40px;
}
.main-footer .footer-social ul li.social-facebook a { width: 30px; background-position-x: -102px; }
.main-footer .footer-social ul li.social-instagram a { width: 45px; background-position-x: 0px; }
.main-footer .footer-social ul li.social-youtube a { width: 55px; background-position-x: -48px; }
.main-footer .footer-copy { float: left; padding: 35px 12%; font-size: 12px; font-weight: bold; }
.main-footer .footer-copy a { margin-right: 10px; color: white; text-decoration: underline; }

/* ###### */
/* Ribbon */
/* ###### */
.ribbon {
  width: 100%; float: left; background: #440088; height: 95px; padding: 10px 0 0 0;  overflow: hidden; position: fixed; top: 0px; z-index: 10000;
  -webkit-box-shadow: 0px 5px 20px -6px black; -moz-box-shadow: 0px 5px 20px -6px black; box-shadow: 0px 5px 20px -6px black;
}
.ribbon .ribbon-wrapper { background: #F4C53D; position: relative; height: 100%; top: 0; border-top-left-radius: 100px; }
.ribbon .ribbon-wrapper .ribbon-content { display: block; margin: 0 auto; height: 100%; width: 300px; padding: 15px 0; }


.ribbon .ribbon-wrapper img { height: 100%; margin-right: 10px; float: left; }
.ribbon .ribbon-wrapper p { margin-right: 10px; float: left; margin-top: 0; color: #440088; line-height: 18px; margin-bottom: 0; }
.ribbon .ribbon-wrapper span { color: #440088; font-size: 18px;	font-weight: bold; line-height: 19px; display: block; }
.ribbon .ribbon-wrapper span:nth-of-type(2) { font-weight: 300; }
.ribbon .ribbon-wrapper a {
    background: white; width: 125px; font-size: 14px; font-weight: 300; line-height: 25px;
    text-align: center; padding: 5px 10px; float: left; margin: 10px; height: 40px;
}
.ribbon .ribbon-wrapper a:hover { color: #440088; }
.closer-ribbon::after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.closer-ribbon::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.closer-ribbon::after,
.closer-ribbon::before { content: ""; position: absolute; width: 20px; height: 2px; background: #440088; }
.closer-ribbon { position: absolute; right: 5px; top: 15px; cursor: pointer; width: 20px; height: 20px; }

/* More Wipes Descriptions */
.more-wipe-descriptions { margin: 0 0 60px 0; display: none; }
.more-wipe-descriptions.open { display: block; }
.another-description { position: relative; width: 260px; margin: 0 auto; height: auto; }
.another-description .star { position: absolute; left: 0px; top: -5px; }
.wipe-desc { position: relative; width: 206px; margin: 0 auto; }

.loadmorecont { margin: 0 auto; }

.single .rich-text-row strong { color: #440088; }

.mobile { display: block; }
.no-mobile { display: none; }

.all-packages.mobile { display: block; }
.all-packages.no-mobile { display: none; }

@media screen and (max-width: 1024px) and (orientation:landscape) {
  .product-hero { height: 200vh; }
}

@media (min-width: 320px) and (max-width: 359px) {
  .product-hero { height: 150vh; }
}


@media (min-width: 768px) and (max-width: 1024px) {

    .instagram-media.instagram-media-rendered { min-height: 900px; }

    /* Social media instagram posts */
    .instagram-media.instagram-media-rendered { margin: 0 auto !important; max-width: 560px !important;  min-width: initial !important;  width: 100% !important; }

    .closer::after, .closer::before { left: -30px; }

    .diaper { width: calc(70vmin - 45px); height: 50vmin; }
    .diaper div { width: 40px; height: 40px; }
    .pp-contents { width: 60%; }
    .diaper div.pp-1 { left: 50%; top: 38%; -webkit-transform: translate(-50%, -38%) rotate(180deg); -ms-transform: translate(-50%, -38%) rotate(180deg); transform: translate(-50%, -38%) rotate(180deg); }
    .diaper div.pp-2 { left: 59%; top: 66%; -webkit-transform: translate(-59%, -66%) rotate(180deg); -ms-transform: translate(-59%, -66%) rotate(180deg); transform: translate(-55%, -66%) rotate(180deg); }
    .diaper div.pp-3 { left: 27%; top: 72%; -webkit-transform: translate(-27%, -72%) rotate(180deg); -ms-transform: translate(-27%, -72%) rotate(180deg); transform: translate(-27%, -72%) rotate(180deg); }
    .diaper div.pp-4 { left: 75%; top: 28%; -webkit-transform: translate(-75%, -28%) rotate(180deg); -ms-transform: translate(-75%, -28%) rotate(180deg); transform: translate(-75%, -28%) rotate(180deg); }
    .diaper div.pp-5 { left: 10%; top: 48%; -webkit-transform: translate(-10%, -48%) rotate(180deg); -ms-transform: translate(-10%, -48%) rotate(180deg); transform: translate(-10%, -48%) rotate(180deg); }
    .art-and-dry-portfolio .art-and-dry-header img { width: 50%; }

    .back-front-couples .faces .face img { height: auto; }
    .page-template-page-babydryart .main-footer .footer-shape.shape-1,
    .page-template-page-sensitive .main-footer .footer-shape.shape-1 { background-position: left 170px; }
    .main-footer .footer-shape.shape-4 { background-size: cover; }

    .accordion::after { left: 96px; }
    .a-quality-fact label::after { left: 70px; }
    .a-quality-fact label::before { left: 5%; }
    .quality-section .star svg { left: 85px; }

    .a-quality-fact label,
    .accordion input ~ .accordion-text { padding-left: 27%; }

    .portfolio-display .tap { left: 110%; top: -40%; }
    .main-footer .footer-copy { background: none; }

    .chooser-cat .a-diaper-series:nth-child(odd) .series-identifiers img { left: 30%; }
    .chooser-cat .a-diaper-series:nth-child(even) .series-identifiers img { right: 30%; }
    .babydryart .portfolio-display-section { padding: 100px 0; }
    .single .blog-stories-section .half-oval { position: relative; top: initial; }
    .latest-post { margin: 0 auto; }

    .hero-section .hero-content h1 { font-size: 46px; line-height: 46px; }
    .a-tip .tip-right .excerpt,
    .a-post .tip-right .excerpt,
    .single-post-content,
    .rich-text-row,
    .accordion input ~ .accordion-text { font-size: 18px; line-height: 24px; }
    .sensitive .accordion::after { left: 95px; }

    .products-section .shapes { height: 95%; }

}

@media (min-width: 1281px) {
  .country-selector { width: 1170px; max-width: 1170px; }
  .blog-stories-slider .a-story { width: 585px !important; }
}

@media (min-width: 1025px) and (max-width: 1280px) {

    .blog-stories-slider .a-story { width: 485px !important; }
    .design-chooser-section { width: 700px !important; }

    .back-front-couples .faces,
    .back-front-couples .faces .face,
    .faces .face .kouloupou,
    .chooser-cat .a-diaper-series:first-child .series-designs .back-front-couples:nth-child(2) .face .kouloupou::after { width: 160px; height: 160px; }
    .faces .front-face span, .faces .back-face span { left: 0; }

    .vicon-wrapper,
    .video-section,
    .country-selector,
    .page-template-page-blog .latest-post,
    .blog-stories-slider-wrapper .bx-wrapper,
    .loaded-posts-container,
    .articles-blog-page,
    .blog-stories-section,
    .blog-tips-section,
    .design-section .design-section-content,
    .safety-section-content,
    .performance-section-content,
    .page-template-page-babydryart .blog-stories-slider-wrapper,
    .page-template-page-babydryart .blog-tips-articles,
    .thin-pufies .thin-pufies-header,
    .on-web-section,
    .hero-section .hero-content,
    .quality-section,
    .page-template-homepage .blog-tips-articles,
    .contains-posts  { width: 970px !important; max-width: 970px !important; }

    /* .quality-section { width: 700px !important; max-width: 700px !important; } */
    .single .blog-stories-section.asdf { width: 100% !important; max-width: 100% !important; }

    .design-chooser-section.design-chooser-menu { width: 500px !important; }
    .safety-section-content .accordion { width: 82% !important; }
    .on-web-section .page-header { padding: 0px 15px; }



}

@media (min-width: 1025px) and (max-width: 1160px ) {
  .main-header,
  .category-menu .cathead,
  .main-header-element-wrapper { width: 100% !important; margin: 0 auto !important; }
}

@media (min-width: 1025px) {

    .instagram-media.instagram-media-rendered { min-height: 900px; }

    .mobile { display: none; }
    .no-mobile { display: block; }

    /* Footer */
    .main-footer .footer-top span { font-size: 28px; }

    /* Social media instagram posts */
    .instagram-media.instagram-media-rendered { margin: 0 auto !important; max-width: 560px !important;  min-width: initial !important;  width: 100% !important; }

    /* Header + Menus */
    .main-header { width: 1140px; float: left; margin: 0 auto; }
    .category-menu .cathead { width: 1140px; margin: 0 auto; }
    .cathead .header-part { height: 60px; }
    .header-part { height: 100px; }
    .menu-wrapper ul { text-align: center; width: 750px; display: block; margin: 0 auto; }
    .menu-wrapper ul li { float: left; width: 100%; margin: 0 auto 30px auto; font-size: 50px; line-height: 50px; transition: transform 0.1s ease-in; }
    .menu-wrapper ul li:hover { -webkit-transform: scale(1.25); -ms-transform: scale(1.25); transform: scale(1.25); transition: transform 0.1s ease-out; }

    .menu-item.babyart, 
    .menu-item.babysensitive,
    .menu-item.babysensitivepants { float: left; width: 50%; background-position: center center; height: 145px; }

    .main-header.scrolled .header-part { height: 60px; }
    .main-header-element-wrapper { width: 1140px; margin: 0 auto; display: block; }
    .closer::after, .closer::before { content: ""; left: -15px; top: 45px; }
    .main-header .header-mid a img { width: 150px; }
    .main-header.scrolled { width: 100%; }
    .main-header.scrolled .header-mid a img {width: 100px;}
    .page-template-page-babydryart .main-header .top-shape,
    .page-template-page-sensitive .main-header .top-shape { height: 350px; }

    .latest-post .featured { float: right; }
    .page-template-page-babydryart .main-header .header-mid a img,
    .page-template-page-sensitive .main-header .header-mid a img { width: 200px; }

    /* Contact */
    .a-country .country-details,
    .a-country .contact-map { width: 50%; float: left; }
    .a-country .contact-map #contact-map-1, 
    .a-country .contact-map #contact-map-2,
    .a-country .contact-map #contact-map-3,
    .a-country .contact-map #contact-map-4 { height: 400px !important; }
    .got-questions, .messenger-help { top: 0; width: 100%; float: left; }
    .got-questions .half-oval { border-bottom: 4px solid #F4C53D; }
    .contact-form { width: 700px; text-align: center; }

    /* Page Headers */
    .half-oval .page-name,
    .page-header .page-header-info .page-name { font-size: 36px; line-height: 36px; }
    .page-header .page-header-info .descr { font-size: 20px; line-height: 20px; }
    .page-header .page-header-info .page-name::before { bottom: 10px; }
    .page-header .page-header-info .page-name::after { top: 10px; }
    .half-oval .page-name::after { top: 12px; }
    .half-oval .page-name::before { top: 24px; }
    .page-header .page-header-info,
    .page-template-page-contact .half-oval,
    .single .blog-stories-section .half-oval { border-top-left-radius: 0; border-top-right-radius: 0; }
    .page-header .page-header-info .descr { max-width: 500px; }
    .page-header.with-bgimg { height: 500px; background-attachment: fixed; }
    .parallax-section { background-attachment: fixed; }

    /* About */
    .text-section { padding: 0; width: 700px; flex: 0 0 100%; max-width: 700px; margin: 0 auto; }
    .text-section h2 { font-size: 36px; line-height: 32px; }
    .text-section p { font-size: 18px; line-height: 20px; }
    .vicon-wrapper { width: 1140px; margin: 0 auto; }
    .vicon-wrapper .star:first-of-type { position: absolute; right: 35%; top: 0; }
    .vicon-wrapper .star:last-of-type { position: absolute; left: 35%; top: 85%; }
    .vertical-icon-section .icon-text-wrapper { width: 33.33333%; float: left; }
    .vertical-icon-section .icon-text-wrapper img { width: auto; max-width: initial; max-height: 100px; }
    .about-bottom-section span,
    .about-bottom-section span.yellow { color: #FCC127; font-weight: bold; font-size: 20px; }

    /* Hero home */
    .hero-section .hero-content {
        width: 1170px; max-width: 1170px;  left: 50%;
        -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);
    }
    .hero-section .hero-content h1 { font-size: 56px; line-height: 56px; }

    /* Video Section */
    .video-section { width: 1170px; flex: 0 0 100%; max-width: 1170px; margin: 0 auto; padding: 0; margin-bottom: 45px; }
    .sensi-vid { float: left; width: 100%; margin: 60px 0; }

    /* Front Products */
    .front-products-container { background: #440088; height: 100%; margin-bottom: 45px; }
    .front-products .product .package-img { max-width: 350px; }
    .front-products-header p { font-size: 24px; line-height: 24px; }
    .front-products-header h2 { font-size: 36px; line-height: 36px; }
    .products-section .shapes-left:before,
    .products-section .shapes-right:before { height: 110%; }
    .products-section .shapes-left:after,
    .products-section .shapes-right:after { height: 100%; }
    .front-products .product-sensitive .product-image { float: right; position: relative; }
    .front-products .product-art-dry .product-image { float: left; position: relative; }
    .front-products .product .package-logo { width: 200px; }

    .front-products .product::after,
    .front-products .product::before { display: none; }
    .front-products .product-image a { float: }
    .front-products .product-image::after,
    .front-products .product-image::before { content: ""; position: absolute; height: 3px; background: #F4C53D; width: 18px; border-radius: 5px; }
    .front-products .product-image::after {
        bottom: -32px; left: 50%;
        -webkit-transform: translateX(-50%) rotate(-45deg); -ms-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg);
    }
    .front-products .product-image::before {
        bottom: -20px; left: 50%;
        -webkit-transform: translateX(-50%) rotate(45deg); -ms-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg);
    }

    /* Stars */
    .blog-stories .star svg,
    .blog-tips .star svg,
    .page-template-page-blog .star svg,
    .category .star svg,
    .single-post .star svg,
    .page-template-page-about .star svg,
    .page-template-page-locator .star svg,
    .page-template-page-contact .star svg { position: absolute; right: 23%; width: 35px; height: 35px; top: -20px; }
    .page-header .page-header-info svg { width: 50px; height: 50px; right: 0; top: -45px; }

    /* Slider Arrows */
    .design-slider-wrapper .bx-wrapper a.bx-prev { left: 10px; }
    .design-slider-wrapper .bx-wrapper a.bx-next { right: 10px; }
    .bx-wrapper a.bx-prev { left: 0; }
    .bx-wrapper a.bx-next { right: 0; }

    /* WTB */
    .country-selector { width: 1140px; margin: 0 auto; }

    /* Category Menu */
    .menu-categories-menu-container { text-align: center; }
    .category-menu nav span { display: block; text-align: center; }

    /* Posts & Blogs & Stuff */
    .page-template-page-blog .latest-post,
    .articles-blog-page,
    .blog-tips-section { width: 1170px; max-width: 1170px; margin: 0 auto; }
    .blog-stories-section { width: 1170px; max-width: 1170px; margin: 0 auto 45px auto; }
    /* .blog-stories-slider-wrapper .bx-wrapper .bx-viewport { width: 50% !important; margin: 0 auto; } */
    .blog-stories-slider-wrapper .bx-wrapper { max-width: 1170px !important; margin: 0 auto; }
    .loaded-posts-container { width: 1170px; flex: 0 0 100%; max-width: 1170px; margin: 0 auto; }
    .loadmorecont { width: 100%; float: left; }
    .a-tip, .a-post { width: 50%; border-top: 3px solid #F4C53D; border-bottom: none; min-height: 350px; }
    .a-tip:nth-child(1), .a-post:nth-child(1),
    .a-tip:nth-child(2), .a-post:nth-child(2) { margin-top: 30px; }
    .a-tip:last-of-type,
    .a-post:last-of-type { border-bottom: 0; }

    .a-tip .tip-right .excerpt,
    .a-post .tip-right .excerpt,
    .single-post-content,
    .rich-text-row,
    .accordion input ~ .accordion-text { font-size: 18px; line-height: 24px; }

    .single-post-content, .rich-text-row { width: 700px; margin: 60px auto; flex: 0 0 100%; max-width: 700px; padding: 0; }
    .category-pufies-stories article.a-post { border-top: 0; }
    .page-template-page-blog .latest-post .a-tip { width: 100%; padding-top: 30px; margin-top: 10px; }
    .single-post-header .post-title { font-size: 50px; line-height: 50px; }
    .single-post-header .post-date { font-size: 20px; line-height: 20px; }

    .page-template-page-babydryart .blog-stories-section,
    .page-template-page-babydryart .blog-tips-section,
    .page-template-page-sensitive .blog-stories-section,
    .page-template-page-sensitive .blog-tips-section,
    .page-template-homepage .blog-stories-section,
    .page-template-homepage .blog-tips-section { width: 100% !important; max-width: 100% !important; }

    .page-template-page-babydryart .blog-stories-slider-wrapper,
    .page-template-page-babydryart .blog-tips-articles,
    .page-template-page-sensitive .blog-stories-slider-wrapper,
    .page-template-page-sensitive .blog-tips-articles,
    .page-template-homepage .blog-stories-slider-wrapper,
    .page-template-homepage .blog-tips-articles,
    .page-template-page-babydryart .slider-wrapper,
    .page-template-page-sensitive .slider-wrapper,
    .contains-posts { width: 1170px; max-width: 1170px; margin: 0 auto; }

    .hero-section .hero-content h1 { font-size: 50px; line-height: 50px; }
    .hero-section .hero-content span { font-size: 36px; line-height: 36px; }

    .single .blog-stories-section.asdf { width: 100%; max-width: 100%; }

    .a-tip .tip-right .title h3, .a-post .tip-right .title h3 { font-size: 22px; }

    /* Products */
    .product-hero .product-hero-bg { height: 100%; }
    .product-hero .product-header { bottom: -25px; }
    .product-hero .product-header h1 { max-width: 450px; font-size: 50px; line-height: 50px; position: relative; top: -20px; }
    .product-hero .product-header h2 { max-width: 450px; font-size: 36px; line-height: 36px; }
    .product-hero .product-header p { font-size: 24px; line-height: 24px; }
    .product-hero .product-header img { top: -20px; }
    .product-hero .product-header .bottom .shape { top: 180px; }
    .product-hero .product-header .bottom .shape2 { top: 165px; }
    .see-designs-container { background: #440088; }
    .design-chooser-section.design-chooser-menu { width: 500px; }

    .design-chooser-section { width: 700px; margin: 0 auto; }
    /* .design-chooser-section { width: 1170px; margin: 0 auto; } */

    .design-section .design-section-content,
    .thin-pufies .thin-pufies-header { width: 1170px; max-width: 1170px; margin: 0 auto; }
    .the-title, h3.allison-heading { font-size: 36px; line-height: 36px; }
    .the-title { max-width: 400px; }
    .the-description { font-size: 24px; line-height: 24px; width: 700px; }
    .performance-section .the-description,
    .safety-section-content .the-description { width: 400px; }

    .chooser-nav ul li .inner .kilo-number{ font-weight: bold; font-size: 20px; }
    .chooser-nav ul li .inner .kg { font-size: 12px; }
    .portfolio-nav ul li .inner .kg { font-size: 12px; text-transform: uppercase; }
    .chooser-nav ul li .inner .type { font-size: 12px; display: block; }
    .portfolio-nav ul li .inner .type { font-size: 12px; display: block; }

    .safety-section-content .the-description p,
    .performance-section .the-description p,
    .sensitive .safety-section-content .the-description p { font-size: 18px; line-height: 20px; width: 95%; padding: 10px 0 10px 105px; height: auto; min-height: 80px; }

    .performance-section .the-description p,
    .safety-section-content .the-description p { right: 40px; width: 85%; }
    .bottom-oval-shape span { font-size: 30px; }

    .chooser-nav ul li .inner { padding-top: 8px; }

    .performance-section .the-description img, .safety-section-content .the-description img { width: 101px; }
    .bear { width: 300px; height: 360px; top: 10%; left: -25px; }
    .lion { width: 200px; height: 200px; }
    .owl { width: 200px; height: 200px; }
    .starz { width: 150px; height: 150px; }
    .bear2 { display: block; }

    .learn-more .accordion .a-quality-fact { background-image: none; }

    .design-logo { width: 300px; }
    .faces .face .kouloupou, .back-front-couples .faces, .back-front-couples .faces .face, .back-front-couples.hover .faces { width: 240px; height: 240px; }
    .faces .front-face span, .faces .back-face span { width: 240px; }
    .faces .front-face span, .faces .back-face span { left: 0; }
    .chooser-cat .a-diaper-series:nth-child(odd) .series-identifiers img { left: 25%; }
    .chooser-cat .a-diaper-series:nth-child(even) .series-identifiers img { right: 25%; }
    .design-chooser-section .bottom-shape { bottom: -75px; }
    .safety-section::after,
    .safety-section::before { top: 0; }
    .safety-section-content,
    .performance-section-content { width: 1170px; flex: 0 0 100%; max-width: 1170px; margin: 0 auto; }
    .safety-section-content .accordion { width: 78%; }
    .safety-section-content .a-quality-fact label::before { left: 15%; }
    .tap-performance { font-size: 22px; line-height: 24px; }
    .performance-section,
    .performance-widget { width: 50%; float: left; margin-top: 100px; }
    .diaper { width: calc(50vmin - 45px); height: 45vmin; }
    .learn-more-performance, .learn-more { width: 100%; float: left; margin-bottom: 75px;  margin-top: 75px; position: relative; }
    .learn-more .accordion .a-quality-fact label,
    .learn-more .accordion .a-quality-fact input:checked ~ .accordion-text { width: 700px; }

    .all-packages.mobile { display: none !important; }
    .all-packages.no-mobile { display: block !important; float: left; padding: 0 45px; width: 40%; }
    .portfolio-cat { height: auto; }
    .portfolio-display { width: 47%; height: 80%; margin-top: 0; }
    .portfolio-display-section .tap { width: 100%; text-align: right; padding-right: 30px; }
    .portfolio-cat img { height: 100%; width: auto; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
    .portfolio-nav { width: 125px; }

    .pp-contents { width: 70%; font-size: 22px; line-height: 24px; }
    .learn-more .accordion .a-quality-fact label { padding-left: 15%; width: 50%; padding: 0 50px; margin: 0 auto 30px auto; display: block; text-align: center;  }
    .learn-more .accordion .a-quality-fact input:checked ~ .accordion-text { max-height: initial; width: 50%; padding: 0 50px; margin: 0 auto; float: none; }
    .art-and-dry-portfolio .art-and-dry-header img { width: 40%; }

    .back-front-couples .faces .face img { width: 80%; height: auto; }

    .dont-forget-content p { font-size: 24px; line-height: 24px; width: 700px; text-align: left; padding-left: 20px; }
    .another-description { position: relative; width: 700px; margin: 0 auto; height: auto; }
    .another-description p, .wipe-desc { width: 700px; }
    .another-description .star { position: absolute; left: -25px; top: 3px; }
    .sensitive-diaper-designs .portfolio-cat.active { width: 900px; flex: 0 0 100%; max-width: 700px; margin: 0 auto; float: none; height: 100%; }

    /* Dashed diaper */
    .chooser-cat .a-diaper-series:first-child .series-designs .back-front-couples:nth-child(2) .face .kouloupou::before,
    .sensitive .portfolio-cat .a-diaper-series:first-child .series-designs .back-front-couples:nth-child(2) .face .kouloupou::before {
        bottom: -30px; left: 0px; background-size: contain; width: 80px; height: 80px;
    }
    .chooser-cat .a-diaper-series:first-child .series-designs .back-front-couples:nth-child(2) .face .kouloupou::after { width: 180px; height: 180px; bottom: 15px; left: 60px; }
    .sensitive .portfolio-cat .a-diaper-series:first-child .series-designs .back-front-couples:nth-child(2) .face .kouloupou::after { width: 180px; height: 180px; bottom: -5px; left: 90px; }

    /* Quality Widget */
    .quality-section,
    .on-web-section { width: 1170px; margin: 0 auto; }
    .a-quality-fact label::after { left: 150px; }
    .a-quality-fact label::before { left: 130px; }
    .accordion::after,
    .sensitive .accordion::after { left: 175px; }
    .quality-section .star svg { left: 165px; }
    .a-quality-fact label,
    .accordion input ~ .accordion-text { padding-left: 26%;  width: 80%; }
    .accordion .a-quality-fact label { font-size: 24px; line-height: 24px; }
    .learn-more .accordion .a-quality-fact label::after { left: 50%; top: 55px; }

    .country-selector,
    .country-wrapper .store-list { width: 100%; float: left; }
    .country-wrapper .store-list .physical-stores, .country-wrapper .store-list .online-stores { width: 50%; padding: 30px; }
    .country-wrapper .store-list ul { text-align: center; }

    .menu-wrapper .menu-bg-wrapper { padding: 5% 5%; }
    .single-post-header .in-category { font-size: 24px; margin-bottom: 20px; line-height: 24px; }

    .art-and-dry-portfolio .art-and-dry-header h2,
    .sensitive .art-and-dry-portfolio .art-and-dry-header h2 { position: relative; z-index: 1; font-weight: bold; color: #FFFFFF; }

}

/* FOOTER ANIMATION */
.main-footer svg { transition: transform 0.5s ease; }
.main-footer svg.anim { transition: transform 0.5s ease; }

.main-footer { background: #ffbe00; }
.main-footer.anim { background: #F4C53D; transition: background 1s linear; }

.page-template-page-babydryart .main-footer,
.page-template-page-sensitive .main-footer { margin-top: 55px; padding-top: 55px; }
.page-template-page-babydryart .main-footer.anim,
.page-template-page-sensitive .main-footer.anim { background-color: #ffffff; }


.footer-svg-1 {
    z-index: 3; position: absolute; width: 2000px; height: 2000px;
    -webkit-transform: translateX(-115%) translateY(-75%) rotateZ(0deg) rotateX(-180deg);
    -ms-transform: translateX(-115%) translateY(-75%) rotateZ(0deg) rotateX(-180deg);
    transform: translateX(-115%) translateY(-75%) rotateZ(0deg) rotateX(-180deg);
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    -ms-transform-origin: bottom;
    -o-transform-origin: bottom;
    transform-origin: bottom;
}

.footer-svg-1.anim  {
    -webkit-transform: translateX(-115%) translateY(-75%) rotateZ(-90deg) rotateX(-180deg);
    -ms-transform: translateX(-115%) translateY(-75%) rotateZ(-90deg) rotateX(-180deg);
    transform: translateX(-115%) translateY(-75%) rotateZ(-90deg) rotateX(-180deg);
}

.footer-svg-4 {
    z-index: 2; position: absolute;
}

.footer-svg-2,
.footer-svg-3 {
    z-index: 3; position: absolute; width: 2000px; height: 2000px;
    -webkit-transform: translateX(-20%) translateY(35%) rotateZ(-20deg);
    -ms-transform: translateX(-20%) translateY(35%) rotateZ(-20deg);
    transform: translateX(-20%) translateY(35%) rotateZ(-20deg);
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -ms-transform-origin: right;
    -o-transform-origin: right;
    transform-origin: right;
}
.footer-svg-2.anim,
.footer-svg-3.anim {
    -webkit-transform: translateX(-20%) translateY(35%) rotateZ(45deg);
    -ms-transform: translateX(-20%) translateY(35%) rotateZ(45deg);
    transform: translateX(-20%) translateY(35%) rotateZ(45deg);
}

.page-template-page-babydryart .footer-svg-1,
.page-template-page-sensitive .footer-svg-1 {
    -webkit-transform: translateX(-115%) translateY(-68%) rotateZ(0deg) rotateX(-180deg);
    -ms-transform: translateX(-115%) translateY(-68%) rotateZ(0deg) rotateX(-180deg);
    transform: translateX(-115%) translateY(-68%) rotateZ(0deg) rotateX(-180deg);
}
.page-template-page-babydryart .footer-svg-3,
.page-template-page-sensitive .footer-svg-3 {
    -webkit-transform: translateX(-20%) translateY(42%) rotateZ(-20deg);
    -ms-transform: translateX(-20%) translateY(42%) rotateZ(-20deg);
    transform: translateX(-20%) translateY(42%) rotateZ(-20deg);
}

.page-template-page-babydryart .footer-svg-1.anim,
.page-template-page-sensitive .footer-svg-1.anim {
    -webkit-transform: translateX(-115%) translateY(-68%) rotateZ(-90deg) rotateX(-180deg);
    -ms-transform: translateX(-115%) translateY(-68%) rotateZ(-90deg) rotateX(-180deg);
    transform: translateX(-115%) translateY(-68%) rotateZ(-90deg) rotateX(-180deg);
}
.page-template-page-babydryart .footer-svg-3.anim,
.page-template-page-sensitive .footer-svg-3.anim {
    -webkit-transform: translateX(-20%) translateY(42%) rotateZ(45deg);
    -ms-transform: translateX(-20%) translateY(42%) rotateZ(45deg);
    transform: translateX(-20%) translateY(42%) rotateZ(45deg);
}

.footer-svg-4 {
    -webkit-transform: translateY(200%);
    -ms-transform: translateY(200%);
    transform: translateY(200%);
}
.footer-svg-4.anim {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
}


@media (min-width: 768px) and (max-width: 1024px) {
    .footer-svg-1 {
        -webkit-transform: translateX(-100%) translateY(-73%) rotateZ(0deg) rotateX(-180deg);
        -ms-transform: translateX(-100%) translateY(-73%) rotateZ(0deg) rotateX(-180deg);
        transform: translateX(-100%) translateY(-73%) rotateZ(0deg) rotateX(-180deg);
    }
    .footer-svg-1.anim {
        -webkit-transform: translateX(-100%) translateY(-73%) rotateZ(-90deg) rotateX(-180deg);
        -ms-transform: translateX(-100%) translateY(-73%) rotateZ(-90deg) rotateX(-180deg);
        transform: translateX(-100%) translateY(-73%) rotateZ(-90deg) rotateX(-180deg);
    }
    .footer-svg-2,
    .footer-svg-3 {
        -webkit-transform: translateX(-20%) translateY(43%) rotateZ(-20deg);
        -ms-transform: translateX(-20%) translateY(43%) rotateZ(-20deg);
        transform: translateX(-20%) translateY(43%) rotateZ(-20deg);
    }
    .footer-svg-2.anim,
    .footer-svg-3.anim {
        -webkit-transform: translateX(-20%) translateY(43%) rotateZ(45deg);
        -ms-transform: translateX(-20%) translateY(43%) rotateZ(45deg);
        transform: translateX(-20%) translateY(43%) rotateZ(45deg);
    }

    .page-template-page-babydryart .footer-svg-1.anim,
    .page-template-page-sensitive .footer-svg-1.anim {
        -webkit-transform: translateX(-105%) translateY(-68%) rotateZ(-90deg) rotateX(-180deg);
        -ms-transform: translateX(-105%) translateY(-68%) rotateZ(-90deg) rotateX(-180deg);
        transform: translateX(-105%) translateY(-68%) rotateZ(-90deg) rotateX(-180deg);
    }
    .page-template-page-babydryart .footer-svg-3.anim,
    .page-template-page-sensitive .footer-svg-3.anim {
        -webkit-transform: translateX(-15%) translateY(42%) rotateZ(45deg);
        -ms-transform: translateX(-15%) translateY(42%) rotateZ(45deg);
        transform: translateX(-15%) translateY(42%) rotateZ(45deg);
    }

    .footer-svg-4 {
        width: 1000px;  height: 1000px;
        -webkit-transform: translateY(200%);
        -ms-transform: translateY(200%);
        transform: translateY(200%);
    }
    .footer-svg-4.anim {
        -webkit-transform: translateX(7%) translateY(0%);
        -ms-transform: translateX(7%) translateY(0%);
        transform: translateX(7%) translateY(0%);
    }
}

@media (min-width: 1025px) and (max-width: 1680px) {
    .footer-svg-1 {
        -webkit-transform: translateX(-85%) translateY(-70%) rotateZ(0deg) rotateX(-180deg);
        -ms-transform: translateX(-85%) translateY(-70%) rotateZ(0deg) rotateX(-180deg);
        transform: translateX(-85%) translateY(-70%) rotateZ(0deg) rotateX(-180deg);
    }
    .footer-svg-1.anim {
        -webkit-transform: translateX(-85%) translateY(-70%) rotateZ(-90deg) rotateX(-180deg);
        -ms-transform: translateX(-85%) translateY(-70%) rotateZ(-90deg) rotateX(-180deg);
        transform: translateX(-85%) translateY(-70%) rotateZ(-90deg) rotateX(-180deg);
    }
    .footer-svg-2,
    .footer-svg-3 {
        -webkit-transform: translateX(-10%) translateY(45%) rotateZ( -20deg);
        -ms-transform: translateX(-10%) translateY(45%) rotateZ( -20deg);
        transform: translateX(-10%) translateY(45%) rotateZ( -20deg);
    }
    .footer-svg-2.anim,
    .footer-svg-3.anim {
        -webkit-transform: translateX(-10%) translateY(45%) rotateZ(45deg);
        -ms-transform: translateX(-10%) translateY(45%) rotateZ(45deg);
        transform: translateX(-10%) translateY(45%) rotateZ(45deg);
    }

    .page-template-page-babydryart .footer-svg-1.anim,
    .page-template-page-sensitive .footer-svg-1.anim {
        -webkit-transform: translateX(-95%) translateY(-68%) rotateZ(-90deg) rotateX(-180deg);
        -ms-transform: translateX(-95%) translateY(-68%) rotateZ(-90deg) rotateX(-180deg);
        transform: translateX(-95%) translateY(-68%) rotateZ(-90deg) rotateX(-180deg);
    }
    .page-template-page-babydryart .footer-svg-3.anim,
    .page-template-page-sensitive .footer-svg-3.anim {
        -webkit-transform: translateX(-10%) translateY(45%) rotateZ(45deg);
        -ms-transform: translateX(-10%) translateY(45%) rotateZ(45deg);
        transform: translateX(-10%) translateY(45%) rotateZ(45deg);
    }

    .footer-svg-4 {
        width: 1000px; height: 1000px;
        -webkit-transform: translateY(200%);
        -ms-transform: translateY(200%);
        transform: translateY(200%);
    }
    .footer-svg-4.anim {
        -webkit-transform: translateX(20%) translateY(0%);
        -ms-transform: translateX(20%) translateY(0%);
        transform: translateX(20%) translateY(0%);
    }
    .page-template-page-products .front-products-container { height: 100%; }
}

@media (min-width: 1281px) and (max-width: 1440px) {
    .footer-svg-4.anim {
        -webkit-transform: translateX(30%) translateY(0%);
        -ms-transform: translateX(30%) translateY(0%);
        transform: translateX(30%) translateY(0%);
    }
}

@media (min-width: 1441px) and (max-width: 1680px) {
    .footer-svg-4 {  width: 1300px; height: 1300px; }
}

@media (min-width: 1681px) and (max-width: 1920px) {
    .footer-svg-1 {
        height: 4000px;
        -webkit-transform: translateX(-140%) translateY(-74%) rotateZ(0deg) rotateX(-180deg);
        -ms-transform: translateX(-140%) translateY(-74%) rotateZ(0deg) rotateX(-180deg);
        transform: translateX(-140%) translateY(-74%) rotateZ(0deg) rotateX(-180deg);
    }

    .footer-svg-1.anim {
        -webkit-transform: translateX(-140%) translateY(-74%) rotateZ(-90deg) rotateX(-180deg);
        -ms-transform: translateX(-140%) translateY(-74%) rotateZ(-90deg) rotateX(-180deg);
        transform: translateX(-140%) translateY(-74%) rotateZ(-90deg) rotateX(-180deg);
    }
    .footer-svg-2,
    .footer-svg-3 {
        width: 4000px;
        -webkit-transform: translateX(-30%) translateY(80%) rotateZ( -20deg);
        -ms-transform: translateX(-30%) translateY(80%) rotateZ( -20deg);
        transform: translateX(-30%) translateY(80%) rotateZ( -20deg);
    }
    .footer-svg-2.anim,
    .footer-svg-3.anim {
        -webkit-transform: translateX(-30%) translateY(80%) rotateZ(45deg);
        -ms-transform: translateX(-30%) translateY(80%) rotateZ(45deg);
        transform: translateX(-30%) translateY(80%) rotateZ(45deg);
    }

    .page-template-page-babydryart .footer-svg-1.anim,
    .page-template-page-sensitive .footer-svg-1.anim {
        width: 4000px;
        -webkit-transform: translateX(-95%) translateY(-70%) rotateZ(-90deg) rotateX(-180deg);
        -ms-transform: translateX(-95%) translateY(-70%) rotateZ(-90deg) rotateX(-180deg);
        transform: translateX(-95%) translateY(-70%) rotateZ(-90deg) rotateX(-180deg);
    }
    .page-template-page-babydryart .footer-svg-3.anim,
    .page-template-page-sensitive .footer-svg-3.anim {
        width: 4000px;
        -webkit-transform: translateX(-30%) translateY(80%) rotateZ(45deg);
        -ms-transform: translateX(-30%) translateY(80%) rotateZ(45deg);
        transform: translateX(-30%) translateY(80%) rotateZ(45deg);
    }

    .footer-svg-4 {
        width: 1000px; height: 1000px;
        -webkit-transform: translateY(200%);
        -ms-transform: translateY(200%);
        transform: translateY(200%);
    }

    .footer-svg-4.anim {
        -webkit-transform: translateX(-50%) translateY(0%);
        -ms-transform: translateX(-50%) translateY(0%);
        transform: translateX(-50%) translateY(0%);
        width: 1500px; left: 50%;
        height: 1500px;
    }

    .page-template-page-products .front-products-container { height: 100%; }
}

@media (min-width: 1921px) {
    .footer-svg-1 {
        height: 2000px;
        -webkit-transform: translateX(-80%) translateY(-74%) rotateZ(0deg) rotateX(-180deg);
        -ms-transform: translateX(-80%) translateY(-74%) rotateZ(0deg) rotateX(-180deg);
        transform: translateX(-80%) translateY(-74%) rotateZ(0deg) rotateX(-180deg);
    }
    .footer-svg-1.anim {
        -webkit-transform: translateX(-80%) translateY(-74%) rotateZ(-90deg) rotateX(-180deg);
        -moz-transform: translateX(-180%) translateY(-74%) rotateZ(-90deg) rotateX(-180deg);
        -ms-transform: translateX(-80%) translateY(-74%) rotateZ(-90deg) rotateX(-180deg);
        transform: translateX(-80%) translateY(-74%) rotateZ(-90deg) rotateX(-180deg);
    }
    .footer-svg-2,
    .footer-svg-3 {
        width: 4000px;
        -webkit-transform: translateX(-20%) translateY(80%) rotateZ( -20deg);
        -ms-transform: translateX(-20%) translateY(80%) rotateZ( -20deg);
        transform: translateX(-20%) translateY(80%) rotateZ( -20deg);
    }
    .footer-svg-2.anim,
    .footer-svg-3.anim {
        -webkit-transform: translateX(-20%) translateY(80%) rotateZ(45deg);
        -ms-transform: translateX(-20%) translateY(80%) rotateZ(45deg);
        transform: translateX(-20%) translateY(80%) rotateZ(45deg);
    }

    .page-template-page-babydryart .footer-svg-1.anim,
    .page-template-page-sensitive .footer-svg-1.anim {
        height: 2000px;
        -webkit-transform: translateX(-75%) translateY(-74%) rotateZ(-90deg) rotateX(-180deg);
        -ms-transform: translateX(-75%) translateY(-74%) rotateZ(-90deg) rotateX(-180deg);
        transform: translateX(-75%) translateY(-74%) rotateZ(-90deg) rotateX(-180deg);
    }
    .page-template-page-babydryart .footer-svg-3.anim,
    .page-template-page-sensitive .footer-svg-3.anim {
        width: 4000px;
        -webkit-transform: translateX(-15%) translateY(80%) rotateZ(45deg);
        -ms-transform: translateX(-15%) translateY(80%) rotateZ(45deg);
        transform: translateX(-15%) translateY(80%) rotateZ(45deg);
    }
    .footer-svg-4 {
        width: 1000px; height: 1000px;
        -webkit-transform: translateY(200%);
        -ms-transform: translateY(200%);
        transform: translateY(200%);
    }
    .footer-svg-4.anim {
        -webkit-transform: translateX(-42%) translateY(0%);
        -ms-transform: translateX(-42%) translateY(0%);
        transform: translateX(-42%) translateY(0%);
        width: 1500px; left: 50%;
        height: 1500px;
    }
    .page-template-page-products .front-products-container { height: 100%; }
}