@charset "UTF-8";
html {
overflow-y:scroll;
}
body {
overflow-x:hidden;
margin:0;
padding:0;
font-family: 'Open Sans', sans-serif;
color:#444;
}
a {
text-decoration:none;
color:#028541;
-webkit-transition:250ms ease-out 0s;
-moz-transition:250ms ease-out 0s;
-o-transition:250ms ease-out 0s;
transition:250ms ease-out 0s;
}
a:hover {
color:#000;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Open Sans', sans-serif;
font-weight:500;
line-height:120%;
}
h1 {
font-size:40px;
}
h2 {
font-size:30px;
}
h3 {
font-size:24px;
}
h4, h5, h6 {
font-size:18px;
}
p {
font-family: 'Open Sans', sans-serif;
font-size:16px;
line-height:130%;
font-weight:300;
}
img {
border:0;
}
.home, .page, .single {
background: #00863c url(../images/bg-home.png);
background-position:center -200px;
background-repeat:no-repeat;
/* background-attachment: fixed; */
background-size:100%;
}
.page-kids {
background: #00863c !important;
}
/* .page-protection, .parent-pageid-143 {
background:#fff !important;
} */
.protection-content {
background:#fff;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
padding-top:40px;
margin-top:40px !important;
}
.page-products {
background-position:center -250px !important;
}
.wrapper {
overflow-x:hidden;
overflow-y:hidden;
}
.clearfix {
clear:both;
display:block;
height:0 !important;
line-height:0;
}
/* div {
border:1px solid #999;
} */
.content-wrapper {
margin:100px auto 0 auto;
}
.header-logo {
/* display:inline-block;
vertical-align:top; */
float:left;
width:30%;
max-width:221px;
text-align:left;
}
.header-primary-nav {
/* float:left; */
display:inline-block;
width:60%;
max-width:1000px;
padding:23px 0 0 0;
text-align:center;
font-size:18px;
margin:0 1%;
text-transform:uppercase;
}
.header-primary-nav ul {
margin:0;
padding:0;
}
.header-primary-nav ul li {
/* list-style:none;
display:inline-block;
padding:0 10px; */
list-style:none;
display:inline-block;
border-right:1px solid #cce7d9;
height:50px;
vertical-align:middle;
line-height:100%;
}
.header-primary-nav ul li:last-of-type {
border-right:0px solid #cce7d9;
}
.header-primary-nav ul li a {
color: #028541 !important;
}
.header-primary-nav ul li a:hover {
color: #000 !important;
}
.one-line-nav {
padding:18px 20px 17px 20px;
}
.two-lines-nav {
margin-top:-6px !important;
padding:15px 20px 20px 20px;
}
.header-primary-nav ul li a:hover {
color:#003648;
}
/* SET UP SPECIFIC ON STATES FOR NAV IN ACF LOOP */
.page-products .primary-nav a, .page-protection .primary-nav1 a, .page-prevention .primary-nav2 a, .page-how-it-works .primary-nav2 a, .page-reviews .primary-nav3 a {
font-weight:bold !important;
color:#333 !important;
}
.parent-pageid-141 .primary-nav a, .parent-pageid-143 .primary-nav1 a {
font-weight:bold !important;
color:#333 !important;
}
.mobile-nav {
text-transform:uppercase;
}
.page-home .mobile-nav- a, .page-products .mobile-nav-1 a, .page-protection .mobile-nav-2 a, .page-how-it-works .mobile-nav-3 a, .page-reviews .mobile-nav-4 a, .page-kids .mobile-nav-5 a {
color:#000 !important;
}
.protection-text-panel {
margin:0;
padding:30px 0 20px 0;
border-top:1px solid #ccc;
}
.tabbed-content h3 {
font-size:20px !important;
}
.protection-text-panel h4 {
text-transform:uppercase !important;
color: #028541;
font-size:20px;
margin:0;
padding:0;
}
.tabbed-content .protection-text-panel:last-of-type {
/* margin:30px 0 0 0; */
}
/* SET UP SPECIFIC ON STATES FOR NAV IN ACF LOOP */
.page-home .review-panel {
background-position: center 25% !important;
background-size:contain;
}
.header-logo h2 img {
width:100%;
max-width:211px;
min-width:211px;
height:auto;
}
.kids-nav {
/* display:inline-block;
vertical-align:top; */
float:right;
width:auto;
max-width:1000px;
text-align:center;
padding:0;
text-align:right;
/* margin-top:-90px; */
min-width:250px;
/* min-height:250px; */
position:absolute;
top:-90px;
right:0px;
}
.kids-nav img {
width:100%;
max-width:240px;
min-width:240px;
height:auto;
}
.header-nav-burger {
width:10%;
vertical-align:middle;
text-align:right;
position: absolute;
top:-5px;
right:0px;
}
.show-mobile-nav {
display:none !important;
}
#nav {
width:100%;
height:auto;
text-align:center;
background:#fff;
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
z-index:11;
position:fixed !important;
top:70px;
left:0;
}
nav.opened {
max-height:9999px
}
.js nav {
display:none;
}
nav ul {
padding:40px 0 60px 0;
display:block;
list-style:none;
width:100%
}
nav ul li {
width:100%;
text-align:center !important;
line-height:120% !important;
border-bottom:1px solid #ccc;
padding:8px 0;
font-size:20px;
}
nav ul li:last-of-type {
border-bottom:0px !important;
font-size:25px;
}
/* .mobile-nav-kids {
font-family: 'Baloo Chettan', cursive;
font-size:20px;
} */
nav ul li ul {
margin:0;
padding:0;
text-transform:uppercase !important;
}
nav ul li a {
display:block;
color:#028541;
}
nav ul li a:hover {
display:block;
color:#000 !important;
}
#nav-toggle {
-webkit-tap-highlight-color:transparent;
-webkit-touch-callout:none;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
/* user-select:none; */
position:relative;
background:transparent;
margin:0;
width:70px;
padding:24px 10px 14px 10px;
z-index:300;
float:right;
height:100px;
}
#nav-toggle div {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
-webkit-transition:all .4s ease;
transition:all .4s ease;
border-radius:1px;
margin-left:0px;
margin-bottom:8px;
background:#fff;
height:4px;
width:40px
}
.menu-header {
text-align:center;
font-size:11px;
text-transform:uppercase;
color:#028541;
margin:0 -50px 0 0;
width:40px;
padding:0;
display:inline-block;
}
#nav-toggle div {
background:#028541;
}
#nav-toggle.active {
margin-top:0px;
}
#nav-toggle.active div:nth-child(1) {
-webkit-transform:rotate(45deg) translate3d(6px, 10px, 0);
transform:rotate(45deg) translate3d(6px, 10px, 0);
width:46px;
}
#nav-toggle.active div:nth-child(2) {
opacity:0;
width:46px;
}
#nav-toggle.active div:nth-child(3) {
-webkit-transform:rotate(-45deg) translate3d(6px, -12px, 0);
transform:rotate(-45deg) translate3d(6px, -12px, 0);
width:46px;
}
.mobile-nav {
display:none;
}
/* SKROLLR STUFF */
.skrollr-desktop body {
height:100% !important;
}
#skrollr-body {
height:100%;
overflow:visible;
position:relative;
}
.gap-50 {
height:50%;
}
.gap-100 {
height:100%;
}
.skrollr-header {
padding:0;
}
#fixed-header {
position:fixed;
left:0;
top:0;
background:#fff;
height:100px;
width:100%;
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
z-index:12;
}
.fixed-header-inner {
width:100%;
max-width:1240px;
margin:0 auto;
position:relative;
}
.fixed-header-inner h2 {
margin:0;
}
/* SKROLLR STUFF */
.hide {
display:none
}
/* CTAs */
.column-50 .green-bg-cta {
margin-top:40px !important;
margin-bottom:40px !important;
}
.green-bg-cta a {
background:#028541;
color:#fff;
text-transform:uppercase;
font-size:12px;
padding:5px 30px;
}
.green-bg-cta a:hover {
background:#003648;
color:#fff;
}
.column-50 .red-bg-cta {
margin-top:40px !important;
}
.red-bg-cta a {
background:#ef271e;
color:#fff;
text-transform:uppercase;
font-size:12px;
padding:5px 30px;
}
.red-bg-cta a:hover {
background:#028541;
color:#fff;
}
.home-kids-panel .red-bg-cta a {
font-size:20px !important;
padding:3px 40px;
border-radius:6px;
}
.products-panel .green-bg-cta {
/* margin-top:0px !important;
margin-bottom:60px !important; */
background:#028541;
color:#fff;
text-transform:uppercase;
font-size:12px;
padding:5px 30px;
}
.products-panel .green-bg-cta:hover {
background:#003648;
color:#fff;
}
.column-50 .product-green-bg-cta {
margin-top:40px !important;
margin-bottom:10px !important;
}
.column-50 .product-green-bg-cta {
min-width:130px;
}
.product-green-bg-cta {
margin-top:40px !important;
margin-bottom:20px !important;
}
.product-green-bg-cta a {
background:#028541;
color:#fff;
text-transform:uppercase;
font-size:12px;
padding:5px 30px;
display:inline-block;
min-width:130px;
}
.product-green-bg-cta a:hover {
background:#003648;
color:#fff;
}
.product-blue-bg-cta {
margin-top:0px !important;
margin-bottom:20px !important;
}
.product-blue-bg-cta a {
background:#003648;
color:#fff;
text-transform:uppercase;
font-size:12px;
padding:5px 30px;
display:inline-block;
min-width:130px;
}
.product-blue-bg-cta a:hover {
background:#028541;
color:#fff;
}
.column-50 .home-reviews-cta {
margin-top:20px !important;
}
/* CTAs */
/* FOOTER */
footer {
width:100%;
background:#013648;
text-align:center;
color:#fff;
padding:30px 0;
position:relative;
margin-top:120px;
}
/* .home footer {
margin-top:0px;
} */
.footer-text {
width:90%;
max-width:1240px;
margin:0 auto;
text-align:center;
position:relative;
font-size:14px;
}
.footer-text p {
margin:0 0 5px 0;
font-size:80%;
line-height:150%;
}
.footer-text a {
color:#fff;
}
.footer-text p a:hover {
color:#fff;
opacity:0.5;
}
.footer-pipe {
opacity:0.4;
}
.footer-text .footer-pipe:last-of-type {
display:none;
}
.footer-advice {
margin-top:10px !important;
text-transform:uppercase;
}
.footer-advice p {
font-size:14px !important;
}
.footer-award {
text-align:center;
}
.footer-award img {
width:100%;
max-width:80px;
height:auto;
margin:-90px 0 20px 0;
}
.footer-social {
position:absolute;
right:0px;
top:40px;
}
.fa {
font-size:24px;
}
.fa-stack {
position: relative;
display: inline-block;
width:40px;
height:40px;
line-height:40px;
vertical-align: middle;
margin:0 5px;
}
.fa-facebook, .fa-twitter {
color:#003648;
background:#fff;
border-radius:0px;
cursor:pointer;
display:inline-block;
opacity:0.5;
-webkit-transition:250ms ease-out 0s;
-moz-transition:250ms ease-out 0s;
-o-transition:250ms ease-out 0s;
transition:250ms ease-out 0s;
}
.fa-facebook:hover, .fa-twitter:hover {
opacity:1;
}
/* .back-top-button {
position:absolute;
right:20px;
top:30px;
z-index: 10;
} */
.back-top-button {
position: relative;
display: inline-block;
width: 40px;
height: 40px;
vertical-align: middle;
margin:0 5px;
}
.back-top-button img {
width:100%;
height:auto;
max-width:50px;
opacity:0.5;
}
.back-top-button img:hover {
opacity:1;
}
/* FOOTER */
/* TABBED CONTENT */
.tabbed-content-wrapper {
max-width:1240px;
padding:0;
margin: 0 auto;
margin-top:150px;
text-align:center;
}
.tabbed-content-wrapper h1 {
font-size:40px !important;
color:#028541;
margin:20px 0 30px 0;
padding:0;
text-transform:uppercase;
line-height:110%;
}
.tabbed-content {
display:none;
padding:10px 50px 60px 50px;
background:#fff;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
}
.tabbed-content-sub {
padding:10px 20px 0 20px;
}
.tabbed-content-wrapper input {
display: none;
}
.tabbed-content-wrapper label {
display: inline-block;
margin: 0 -3px;
padding:10px 2% 20px 2%;
text-align: center;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
width:16%;
}
.tabbed-content-wrapper label:hover {
color: #fff;
cursor: pointer;
}
.tabbed-content-wrapper input + label {
color:#fff;
background-color:#4caa76;
background-image: url(../images/tab-off-bg.png);
background-repeat:repeat-x;
background-size:150px;
background-position:bottom center;
text-transform:uppercase;
}
.tabbed-content-wrapper input + label:hover {
color:#fff;
background-color:#339e63;
background-image: url(../images/tab-hover-bg.png);
background-repeat:repeat-x;
background-size:150px;
background-position:bottom center;
text-transform:uppercase;
}
.tabbed-content-wrapper input:checked + label {
color:#fff;
background-color:#00863c;
text-transform:uppercase;
background-image: url(../images/tab-on-bg.png);
background-repeat:repeat-x;
background-size:150px;
background-position:bottom center;
}
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5,
#tab6:checked ~ #content6 {
display: block;
}
.tabbed-content h2, .tabbed-content-sub h2 {
color:#028541;
text-transform:uppercase;
font-weight:500;
margin:30px 0 20px 0;
/* font-size:48px; */
}
.full-width-image img {
width:100%;
max-width:100%;
height:auto;
}
.partner-logo {
width:100%;
max-width:70px !important;
height:auto;
}
.map-wrapper {
position:relative;
margin-top:30px;
}
.key {
display:block;
position:absolute;
left:0;
bottom:30px;
margin:0 auto;
width:100%;
}
.key-box-text-inner {
margin:0 auto;
text-align:center;
background:#fff;
display:inline-block;
padding:20px 30px;
}
.key-box {
background:#f8971b;
width:30px;
height:30px;
display:inline-block;
vertical-align:middle;
}
.key-text {
width:auto;
display:inline-block;
vertical-align:middle;
font-size:18px;
text-align:left;
padding-left:10px;
font-weight:300;
color:#028541;
}
/* TABBED CONTENT */
/* FAQs */
.faqs {
width:100%;
text-align:center;
margin:150px auto 0 auto;
}
.faqs h1 {
font-size:40px !important;
color:#028541;
margin:20px 0 30px 0;
padding:0;
text-transform:uppercase;
line-height:110%;
}
.faqs li h2 {
font-size:24px !important;
color:#028541;
margin:20px 20px 5px 0;
padding:0;
}
.faqs li p {
font-size:18px !important;
margin-right:20px;
position: relative;
overflow: hidden;
max-height: 800px;
opacity: 1;
transform: translate(0, 0);
margin-top: 14px;
z-index: 2;
padding-bottom:5px;
line-height:140% !important;
}
.faqs-inner {
width:100%;
max-width:1240px;
text-align:left;
margin:40px auto 0 auto;
padding:15px 30px 50px 30px;
background:#fff;
}
.faqs-inner .main-header {
text-align:center;
font-size:40px;
border-bottom: 1px solid rgba(2, 133, 65, 0.25);
padding-bottom:20px;
margin-top: 10px;
color: #028541;
}
.faq-chart {
text-align:center;
}
.faq-chart img {
margin: 50px auto 0 auto;
width:100%;
max-width:805px;
height:auto;
}
.faqs .transition, .faqs p, .faqs ul li i:before, .faqs ul li i:after {
transition: all 0.25s ease-in-out;
}
/* .faqs .flipIn, .faqs h1, .faqs ul li {
animation: flipdown 0.5s ease both;
} */
.faqs .flipIn, .faqs ul li {
animation: flipdown 0.5s ease both;
}
.faqs .no-select, h2 {
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.faqs ul {
list-style: none;
perspective: 900;
padding: 0;
margin: 0;
}
.faqs ul li {
position: relative;
padding: 0;
margin: 0;
/* padding-bottom: 4px; */
padding-bottom:0;
/* padding-top: 18px; */
padding-top:0;
/* border-top: 1px dotted #dce7eb; */
border-bottom:1px solid rgba(2, 133, 65, 0.25);
}
.faqs ul li:first-of-type {
border-top: 0 !important;
}
.faqs ul li:last-of-type {
border-bottom: 0 !important;
}
.faqs ul li:nth-of-type(1) {
animation-delay: 0.1s;
}
.faqs ul li:nth-of-type(2) {
animation-delay: 0.2s;
}
.faqs ul li:nth-of-type(3) {
animation-delay: 0.3s;
}
.faqs ul li:nth-of-type(4) {
animation-delay: 0.4s;
}
.faqs ul li:nth-of-type(5) {
animation-delay: 0.5s;
}
.faqs ul li:nth-of-type(6) {
animation-delay: 0.6s;
}
.faqs ul li:nth-of-type(7) {
animation-delay: 0.7s;
}
.faqs ul li:nth-of-type(8) {
animation-delay: 0.8s;
}
.faqs ul li:nth-of-type(9) {
animation-delay: 0.9s;
}
.faqs ul li:nth-of-type(10) {
animation-delay: 1s;
}
.faqs ul li:nth-of-type(11) {
animation-delay: 1.1s;
}
.faqs ul li:nth-of-type(12) {
animation-delay: 1.2s;
}
.faqs ul li:nth-of-type(13) {
animation-delay: 1.3s;
}
.faqs ul li:nth-of-type(14) {
animation-delay: 1.4s;
}
.faqs ul li:nth-of-type(15) {
animation-delay: 1.5s;
}
.faqs ul li:nth-of-type(16) {
animation-delay: 1.6s;
}
.faqs ul li:nth-of-type(17) {
animation-delay: 1.7s;
}
.faqs ul li:nth-of-type(18) {
animation-delay: 1.8s;
}
.faqs ul li:nth-of-type(19) {
animation-delay: 1.9s;
}
.faqs ul li:nth-of-type(20) {
animation-delay: 2s;
}
.faqs ul li:nth-of-type(21) {
animation-delay: 2.1s;
}
.faqs ul li:nth-of-type(22) {
animation-delay: 2.2s;
}
.faqs ul li:nth-of-type(23) {
animation-delay: 2.3s;
}
.faqs ul li:nth-of-type(24) {
animation-delay: 2.4s;
}
.faqs ul li:nth-of-type(25) {
animation-delay: 2.5s;
}
.faqs ul li:nth-of-type(26) {
animation-delay: 2.6s;
}
.faqs ul li:nth-of-type(27) {
animation-delay: 2.7s;
}
.faqs ul li:nth-of-type(28) {
animation-delay: 2.8s;
}
.faqs ul li:nth-of-type(29) {
animation-delay: 2.9s;
}
.faqs ul li:nth-of-type(30) {
animation-delay: 3s;
}
.faqs ul li i {
position: absolute;
transform: translate(-6px, 0);
margin-top: 16px;
right: 0;
}
.faqs ul li i:before, ul li i:after {
content: "";
position: absolute;
background-color: #028541;
width: 3px;
height: 9px;
top: -5px;
}
.faqs ul li i:before {
transform: translate(-2px, 0) rotate(45deg);
}
.faqs ul li i:after {
transform: translate(2px, 0) rotate(-45deg);
}
.faqs ul li input[type=checkbox] {
position: absolute;
cursor: pointer;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
}
.faqs ul li input[type=checkbox]:checked ~ p {
margin-top: 0;
max-height: 0;
opacity: 0;
transform: translate(0, 50%);
}
.faqs ul li input[type=checkbox]:checked ~ i:before {
transform: translate(2px, 0) rotate(45deg);
}
.faqs ul li input[type=checkbox]:checked ~ i:after {
transform: translate(-2px, 0) rotate(-45deg);
}
@keyframes flipdown {
0% {
opacity: 0;
transform-origin: top center;
transform: rotateX(-90deg);
}
5% {
opacity: 1;
}
80% {
transform: rotateX(8deg);
}
83% {
transform: rotateX(6deg);
}
92% {
transform: rotateX(-3deg);
}
100% {
transform-origin: top center;
transform: rotateX(0deg);
}
}
/* REVIEWS */
.reviews-inner {
width:100%;
max-width:1240px;
text-align:left;
margin:40px auto 40px auto;
padding:30px;
background:#fff;
}
.reviews-image, .reviews-text {
display:inline-block;
vertical-align:top;
}
.reviews-image {
width:30%;
margin:0 2% 0 0;
text-align:left;
max-width:390px;
overflow:hidden;
border-radius:10px;
padding:0;
}
.reviews-image-rollover img {
max-width:390px;
width:100%;
height:auto;
transition: all .2s ease-in-out;
margin:0 0 -10px 0;
}
.reviews-image img:hover {
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1);
overflow:hidden;
}
.reviews-text {
width:68%;
text-align:left;
}
.reviews-text h2 {
font-size:36px !important;
color:#028541;
margin:0;
padding:0;
text-transform:uppercase;
}
.reviewer-details {
font-size:12px !important;
margin:0;
}
.reviewer-intro {
margin:-10px 0 0 0 !important;
}
.reviewer-intro p {
font-size:20px !important;
}
.reviewer-text p {
line-height:150%;
}
.reviews-inner .green-bg-cta {
margin-top:20px;
}
.footer-panels .green-bg-cta {
margin-top:20px !important;
margin-bottom:20px !important;
}
.page-template-default .advice-centre .green-bg-cta, .page-template-default .protection .green-bg-cta {
margin-top:40px !important;
margin-bottom:0px !important;
}
.page-template-default .home-reviews-cta {
margin-top:20px !important;
margin-bottom: 0px !important;
}
/* REVIEWS */
.review-panel .green-bg-cta {
margin-top: 20px !important;
}
/* LITE PAGES */
.page-cookie-privacy-policy ul li, .page-legal-notice ul li {
font-size: 14px;
}
/* WHERE TO BUY */
/* .where-to-buy {
width:100%;
text-align:center;
margin:150px auto 0 auto;
}
.where-to-buy h1 {
font-size:40px !important;
color:#028541;
margin:20px 0 30px 0;
padding:0;
text-transform:uppercase;
line-height:110%;
}
.where-to-buy h2 {
font-size:24px !important;
color:#028541;
margin:20px 20px 30px 20px;
padding:0;
text-transform:uppercase;
}
.where-to-buy li p {
font-size:18px !important;
margin-right:20px;
position: relative;
overflow: hidden;
max-height: 800px;
opacity: 1;
transform: translate(0, 0);
margin-top: 14px;
z-index: 2;
padding-bottom:5px;
}
.where-to-buy-inner {
width:100%;
max-width:1240px;
text-align:center !important;
margin:0 auto;
margin:0 auto;
margin-top:0px;
padding:40px 30px 10px 30px;
background:#fff;
}
.where-to-buy-inner img {
width:auto;
max-height:120px;
height:auto;
display:inline-block;
margin:0 -2px 10px -2px;
-webkit-transition:250ms ease-out 0s;
-moz-transition:250ms ease-out 0s;
-o-transition:250ms ease-out 0s;
transition:250ms ease-out 0s;
}
.where-to-buy-inner img:hover {
filter:none !important;
opacity:0.6;
} */
/* KIDS */
.baloo, .Baloo {
font-family: 'Baloo Chettan', cursive;
}
.kids-hero-panel {
width:100%;
width:100%;
text-align:center;
padding:50px 20px 0 20px;
}
.kids-hero-panel-inner {
width:90%;
max-width:800px;
margin:0 auto;
}
.packshot img {
width:100%;
max-width:300px;
height:auto;
}
.kids-hero-panel h1 {
color:#ed2e24;
font-size:70px;
text-transform:uppercase;
line-height:100%;
margin:20px 0 20px 0;
}
.kids-hero-panel p {
font-size:18px;
line-height:120%;
}
/* .kids-hero-panel .hero-cta-wrapper {
padding-bottom:40px;
background-image: url(../images/kids-hero-panel-arrow.gif);
background-size:50px;
background-position:bottom center;
background-repeat: no-repeat;
} */
.kids-hero-panel .hero-cta-wrapper {
margin-top:40px;
padding-bottom:20px;
}
.kids-hero-panel .hero-cta a {
background:#046734;
color:#fff;
font-size:30px;
line-height:120%;
text-transform:uppercase;
display:inline-block;
border-radius:10px;
padding:6px 60px;
margin:20px 0 0 0;
}
.kids-hero-panel .hero-cta a:hover {
color:#ee0;
}
.animated-arrow img {
width:100%;
height:auto;
max-width:150px;
}
.kids-panel-1-wrapper {
position:relative;
width:100%;
background-size:100%;
width:100%;
text-align:center;
}
.kids-panel-1-inner {
position:relative;
background-image:url(../images/kids-panel-edging-yellow-orange.png);
background-repeat:repeat-x;
background-position:top center;
background-size:500px;
padding:350px 20px 50px 20px;
}
.Yellow-cta a, .Red-cta a, .Green-cta a {
font-size:30px;
line-height:120%;
text-transform:uppercase;
display:inline-block;
border-radius:10px;
padding:6px 90px;
margin:20px 0 0 0;
}
.Yellow-cta a {
background:#ee0;
color:#002a31;
}
.Yellow-cta a:hover {
background:#fff;
color:#002a31;
}
.Red-cta a {
background:#c00;
color:#fff;
}
.Red-cta a:hover {
background:#000;
color:#fff;
}
.Green-cta a {
background:#00863c;
color:#fff;
}
.Green-cta a:hover {
background:#003648;
color:#fff;
}
.kids-panel-1 {
width:90%;
max-width:800px;
margin:0 auto;
color:#fff;
}
.kids-panel-1 .icon img {
width:100%;
max-width:115px;
height:auto;
}
.kids-panel-1 h2 {
font-size:60px;
text-transform:uppercase;
line-height:100%;
margin:20px 0 20px 0;
}
.kids-panel-1 h3 {
font-size:24px;
line-height:110%;
margin:20px 0 20px 0;
font-weight:400;
}
.kids-panel-1 p {
font-size:18px;
line-height:120%;
}
.kids-panel-2-wrapper {
position:relative;
width:100%;
background-color:#fff;
background-image:url(../images/kids-panel-bg-2.png);
background-position:top center;
background-size:40px;
width:100%;
text-align:center;
}
.kids-panel-2-inner {
position:relative;
background-image:url(../images/kids-panel-edging-dark-green.png);
background-repeat:repeat-x;
background-position:top center;
background-size:500px;
padding:150px 20px 170px 20px;
}
.kids-panel-2 {
width:90%;
max-width:800px;
margin:0 auto;
color:#000;
}
.kids-panel-2 .icon img {
width:100%;
max-width:200px;
height:auto;
}
.kids-panel-2 h2 {
font-size:60px;
text-transform:uppercase;
line-height:100%;
margin:20px 0 20px 0;
}
.kids-panel-2 h3 {
font-size:24px;
line-height:110%;
margin:20px 0 20px 0;
font-weight:400;
}
.kids-panel-2 p {
font-size:18px;
line-height:120%;
}
.kids-panel-2-gradient {
width:100%;
position:absolute;
left:0;
/* bottom:20px; */
bottom:0px;
z-index:1;
background-image:url(../images/kids-panel-bg-2-gradient.png);
background-repeat:repeat-x;
background-position:bottom center;
background-size:100px;
height:100px;
opacity:0.2;
}
/* .kids-panel-2-footer {
width:100%;
position:absolute;
left:0;
bottom:0;
z-index:2;
background-image:url(../images/kids-panel-bg-2-skirting-board.png);
background-repeat:repeat-x;
background-position:bottom center;
background-size:60px;
height:60px;
} */
.kids-panel-2-footer {
width:100%;
position:absolute;
left:0;
bottom:0;
z-index:2;
background-image:url(../images/kids-panel-edging-dark-blue.png);
background-repeat:repeat-x;
background-position:bottom center;
background-size:500px;
height:115px;
}
.kids-panel-3-wrapper {
position:relative;
width:100%;
background-color:#051948;
background-image:url(../images/kids-panel-bg-3.png);
background-position:top center;
background-size:50%;
width:100%;
text-align:center;
}
.kids-panel-3-inner {
position:relative;
background-size:100%;
padding:50px 20px 50px 20px;
}
.kids-panel-3 {
width:90%;
max-width:800px;
margin:0 auto;
color:#fff;
}
.kids-panel-3 .icon img {
width:100%;
max-width:115px;
height:auto;
}
.kids-panel-3 h2 {
font-size:60px;
text-transform:uppercase;
line-height:100%;
margin:20px 0 20px 0;
color:#ee0;
}
.kids-panel-3 h3 {
font-size:24px;
line-height:110%;
margin:20px 0 20px 0;
font-weight:400;
}
.kids-panel-3 p {
font-size:18px;
line-height:120%;
}
.kids-panel-3-gradient {
width:100%;
position:absolute;
left:0;
bottom:0px;
z-index:1;
background-image:url(../images/kids-panel-bg-3-gradient.png);
background-repeat:repeat-x;
background-position:bottom center;
background-size:70px;
height:70px;
}
.kids-panel-4-wrapper {
position:relative;
width:100%;
background-color:#002a31;
background-image:url(../images/kids-panel-bg-4.png);
background-repeat:no-repeat;
/* background-position:top center; */
background-position: center -520px;
background-size:100%;
width:100%;
text-align:center;
}
.kids-panel-4-inner {
position:relative;
background-image:url(../images/kids-panel-edging-blue.png);
background-repeat:repeat-x;
background-position:top center;
background-size:500px;
padding:150px 20px 50px 20px;
}
.kids-panel-4 {
width:90%;
max-width:800px;
margin:0 auto;
color:#fff;
}
.kids-panel-4 .icon img {
width:100%;
max-width:70px;
height:auto;
}
.kids-panel-4 h2 {
font-size:60px;
text-transform:uppercase;
line-height:120%;
margin:20px 0 20px 0;
}
.kids-panel-4 h3 {
font-size:24px;
line-height:110%;
margin:20px 0 20px 0;
font-weight:400;
}
.kids-panel-4 p {
font-size:18px;
line-height:120%;
}
.kids-panel-5-wrapper, .kids-panel-5-imagery {
min-height:800px;
}
.kids-panel-5-wrapper {
position:relative;
width:100%;
background-color:#898e3e;
background-image:url(../images/kids-panel-bg-5.png);
background-position:center top;
background-size:60px;
text-align:center;
}
.kids-panel-5-edging {
position:absolute;
left:0;
top:0;
z-index:3;
background-image:url(../images/kids-panel-edging-dark-green.png);
background-repeat:repeat-x;
background-position:top center;
background-size:500px;
padding:200px 20px 0px 20px;
width:100%;
}
.kids-panel-5-imagery {
position:absolute;
left:0;
top:0;
width:100%;
background-image:url(../images/kids-panel-imagery-5.png);
background-repeat:no-repeat;
background-position:top center;
background-size:100%;
padding:0;
z-index:2;
}
.kids-panel-5 {
position:absolute;
left:0;
top:0;
z-index:5;
width:100%;
padding:200px 20px 100px 20px;
text-align:center;
}
.kids-panel-5-content {
position:relative;
width:90%;
max-width:800px;
margin:0 auto;
color:#000;
}
.kids-panel-5 h2 img {
width:100%;
max-width:450px;
height:auto;
}
.kids-panel-5 h2 {
font-size:60px;
text-transform:uppercase;
line-height:120%;
margin:20px 0 20px 0;
}
.kids-panel-5 h3 {
font-size:24px;
line-height:110%;
margin:20px 0 20px 0;
font-weight:bolder;
}
.kids-panel-5 p {
font-size:18px;
line-height:120%;
font-weight:bolder;
}
.kids-panel-5-gradient {
width:100%;
position:absolute;
left:0;
top:0;
z-index:1;
background-image:url(../images/kids-panel-panel-5-gradient-white.png);
background-repeat:repeat-x;
background-position:top center;
background-size:20px;
height:600px;
opacity:0.6;
}
.kids-panel-5-footer {
width:100%;
position:absolute;
left:0;
bottom:0;
z-index:1;
background-image:url(../images/kids-panel-panel-5-gradient-black.png);
background-repeat:repeat-x;
background-position:bottom center;
background-size:30px;
height:400px;
opacity:0.5;
}
.kids-panel-6-wrapper {
position:relative;
background:transparent;
width:100%;
text-align:center;
min-height:750px;
overflow:hidden;
margin-top:-150px;
}
.kids-panel-6-inner {
position:absolute;
left:0;
top:0;
z-index:5;
background-size:100%;
background-image:url(../images/kids-panel-bg-6.png);
background-position:top center;
background-size:500px;
background-repeat:repeat-x;
width:100%;
padding:200px 20px 0px 20px;
}
.kids-panel-6 {
width:90%;
max-width:800px;
margin:0 auto;
color:#003648;
}
.kids-panel-6 .icon img {
width:100%;
max-width:95px;
height:auto;
}
.kids-panel-6 h2 {
font-size:60px;
text-transform:uppercase;
line-height:100%;
margin:20px 0 20px 0;
}
.kids-panel-6 h3 {
font-size:24px;
line-height:110%;
margin:20px 0 20px 0;
font-weight:400;
}
.kids-panel-6 p {
font-size:18px;
line-height:120%;
}
.kids-panel-6 .stamp1 {
position:absolute;
left:-100px;
top:150px;
}
.kids-panel-6 .stamp2 {
position:absolute;
right:40px;
top:160px;
}
.kids-panel-6 .stamp1 img {
width:180%;
max-width:500px;
height:auto;
opacity:0.4;
}
.kids-panel-6 .stamp2 img {
width:180%;
max-width:530px;
height:auto;
opacity:0.4;
}
.kids-panel-6 .stamp3 img {
width:180%;
max-width:250px;
height:auto;
opacity:0.4;
margin:30px 0 0 0;
}
.kids-panel-6 .seam {
position:absolute;
right:18%;
top:160px;
}
.kids-panel-6 .seam img {
width:180%;
max-width:250px;
height:auto;
opacity:0.5;
}
/* KIDS */
/* GRID LAYOUTS */
.home .columns-wrapper {
margin-top:0px;
}
.columns-wrapper {
width:100%;
text-align:center;
}
.columns-inner {
max-width:1240px;
margin:0 auto;
overflow: hidden;
}
.column-50 {
display:inline-block;
vertical-align:top;
width:45%;
background-color:#fff;
color:#333;
margin:40px 10px 0 20px;
padding:40px 20px;
margin-bottom:-999px;
padding-bottom:999px;
position:relative;
}
.clickable-div {
cursor:pointer;
}
.column-50 img, .column-50 img {
width:100%;
height:auto;
max-width:600px;
margin:0;
padding:0;
}
.column-50 h2, .column-100 h2 {
font-size:36px !important;
color:#028541;
text-transform:uppercase;
margin:0 0 20px 0;
}
.home .column-50 h2, .column-100 h2 {
margin:0 0 10px 0 !important;
}
.column-50 h3, .column-100 h3 {
font-size:18px !important;
margin:0 0 20px 0;
}
.quotes-column img, .home-kids-panel img {
margin: 0 0 -10px 0;
}
.quotes-column {
}
.quotes-inner {
width:100%;
max-width:1240px;
text-align:center !important;
margin:0 auto;
margin:0 auto;
margin-top:0px;
padding:30px 30px 0px 30px;
background:#fff;
}
.home-products-panel img {
width:100%;
max-width:250px;
height:auto;
margin:40px 0 10px 0;
}
.home-kids-panel {
/* background-color:#ff0; */
/* background-color:#fed83f; */
color:#333;
background-size:contain;
background-repeat: no-repeat;
background-position:center 230px;
}
.column-50 h2, .column-50 p, .column-50 p, .column-50 h3, .column-100 h3 {
padding:0 40px;
}
.home .column-50 h2, .home .column-50 p, .home .column-50 p, .home .column-50 h3, .home .column-100 h3 {
padding:0;
}
.slick-slide p {
padding:0 20px !important;
}
.home-kids-panel h2 span {
display:block;
font-size:108px;
padding:15px 0 30px 0;
}
.home-kids-panel-photo {
/* margin:0 -20px 0 -20px; */
margin:0;
position: absolute;
left: 0;
top:18%;
width:100%;
}
.home-kids-panel-photo img {
width:100%;
max-width:800px;
height:auto;
}
.kids-panel-splat-1 {
position:absolute;
left:-50px;
top:-30px;
width:200px;
height:200px;
}
.kids-panel-splat-2 {
position:absolute;
right:-80px;
top:-40px;
width:180px;
height:180px;
}
.kids-panel-mosquito {
position: absolute;
left: 110px;
top: 340px;
width: 440px;
height: 240px;
transition:all 1s linear;
left: 0;
animation:fly 5s;
-moz-animation:fly 5s; /* Firefox */
-webkit-animation:fly 5s; /* Safari and Chrome */
-webkit-animation-fill-mode: forwards;
}
@keyframes fly{
from {left:0px;}
to{left:110px;}
}
@-moz-keyframes fly {
from {left:0px;}
to{left:110px;}
}
@-webkit-keyframes fly {
from {left:0px;}
to{left:110px;}
}
.advice-inner {
width:100%;
max-width:1240px;
text-align:center !important;
margin:0 auto;
margin:0 auto;
margin-top:0px;
padding:0px 30px 60px 30px;
background:#fff;
}
.advice-icon, protection-icon {
margin-bottom:20px;
}
.advice-icon img, protection-icon img {
width: 100%;
max-width: 110px;
height: auto;
}
.column-100 .where-to-buy {
margin:40px auto 0 auto;
}
.column-100 {
width:100%;
text-align:center;
background:#fff;
}
.column-100 .where-to-buy-inner img {
width: auto;
max-height:70px;
height: auto;
display: inline-block;
margin: 0 -2px 10px -2px;
-webkit-transition: 250ms ease-out 0s;
-moz-transition: 250ms ease-out 0s;
-o-transition: 250ms ease-out 0s;
transition: 250ms ease-out 0s;
}
/* PRODUCTS READ MORE ACCORDION */
/* .read-more-state {
display: none;
}
.read-more-target {
opacity: 0;
max-height: 0;
font-size: 0;
-webkit-transition: 250ms ease-out 0s;
-moz-transition: 250ms ease-out 0s;
-o-transition: 250ms ease-out 0s;
transition: 250ms ease-out 0s;
}
.read-more-state:checked ~ .read-more-wrap .read-more-target {
opacity: 1;
font-size: inherit;
max-height: 999em;
padding-bottom:0;
padding-top:0;
display:block;
line-height:140%;
}
.read-more-state ~ .read-more-trigger {
text-transform:uppercase;
background:#028541;
color:#fff;
text-transform:uppercase;
font-size:12px;
padding:5px 30px;
} */
/* .read-more-state ~ .read-more-trigger:before {
content: 'Read more';
}
.read-more-state:checked ~ .read-more-trigger:before {
content: 'Read less';
} */
/* .read-more-trigger {
cursor: pointer;
display: inline-block;
} */
.products-columns-top-left, .products-columns-top-middle, .products-columns-top-right {
display:inline-block;
vertical-align:middle;
height:20px;
}
.products-columns-top-left, .products-columns-top-right {
width:40%;
background:#fff;
}
.products-columns-top-middle {
width:20%;
background-image: url(../images/products-panel-top-bg.png);
background-size:cover;
background-position:center top;
background-repeat: no-repeat;
}
.products-buy-panel {
width:100%;
text-align:center;
background-image: url(../images/products-panel-horizontal-divider.png);
background-size:contain;
background-position:center top;
background-repeat: no-repeat;
margin:40px 0 0 0;
padding:40px 0 0 0;
}
.products-buy-panel h3 {
color:#028541 !important;
font-size:150% !important;
/* margin: 0 0 20px 0 !important; */
}
/* .products-panel {
padding-bottom:20px;
}
.products-panel img {
width:100%;
max-width:320px;
height:auto;
margin:20px 0 0 0;
} */
.products-columns-wrapper {
background:#fff;
margin:0 0 40px 0;
}
.products-columns-inner {
padding:40px 0;
}
.products-panel-image, .products-panel-text {
display:inline-block;
vertical-align:top;
}
.products-panel-image {
width:30%;
}
.products-panel-image img {
max-height:420px;
width:auto;
}
.products-panel-text {
width:65%;
text-align:left;
margin:0 0 0 5%;
}
.products-panel-text h3 {
padding: 0 !important;
font-size:140% !important;
font-weight:400;
}
.products-panel-smallprint {
font-size:80% !important;
position: relative;
display:block !important;
line-height:120%;
padding:10px 0 0 0;
}
.products-panel-text ul {
padding:0;
}
.products-panel-text ul {
margin:20px 0 20px 0;
}
.products-panel-text ul li {
margin:0;
}
.products-panel-text li {
list-style:none;
background-image:url(../images/bullet-tick.png);
background-size:22px;
background-repeat: no-repeat;
background-position:left top;
padding:0 0 5px 30px;
font-size:14px;
line-height:180%;
}
.products-buy-panel img {
width: auto;
max-height:70px;
height: auto;
display: inline-block;
margin:0 -2px 0 -2px;
-webkit-transition: 250ms ease-out 0s;
-moz-transition: 250ms ease-out 0s;
-o-transition: 250ms ease-out 0s;
transition: 250ms ease-out 0s;
}
.products-buy-panel img:hover {
filter:none !important;
opacity:0.6;
}
.nobr {
white-space:nowrap;
}
.products-column-50 {
/* THIS STYLING PREVENTS DIVS BEING THE SAME HEIGHT */
margin-bottom:0 !important;
padding-bottom:0 !important;
/* min-height: 610px; */
}
.products-column-50 h2, .products-column-100 h2 {
display:block;
font-size:20px !important;
}
.products-column-50 h2 span, .products-column-100 h2 span {
display:block;
font-size:40px;
line-height:100%;
}
/* .products-column-100 h3 {
padding:0;
font-size:130% !important;
} */
.product-anchor {
margin-top:-40px;
padding-top:40px;
}
.countries-list-header {
/* border-top:1px solid #eee; */
padding-top:20px;
}
.countries-list {
font-size:80% !important;
position: relative;
top:5px;
display:block !important;
}
.product-header {
font-size:120%;
margin-bottom:10px !important;
padding-bottom:10px !important;
}
.intro-text {
padding:0 80px 0 80px;
max-width:1040px;
margin:0 auto;
}
.intro-text h2 {
font-size:24px;
}
.intro-text p {
font-size:24px;
}
.generic {
width:100%;
text-align:center;
margin:150px auto 0 auto;
}
.default-inner {
width:100%;
max-width:1240px;
text-align:left;
margin:0 auto;
margin:0 auto;
margin-top:0px;
padding:15px 30px 50px 30px;
background:#fff;
}
.default-intro {
font-size:24px;
margin-bottom:0;
}
.default-text-block-header {
margin:30px 0 10px 0 !important;
}
.error404 .default-inner {
text-align:center !important;
min-height: 400px;
}
.error404 h1, .generic h1 {
font-size: 40px !important;
color: #028541;
margin: 20px 0 30px 0;
padding: 0;
text-transform: uppercase;
line-height: 110%;
}
.footer-panels .where-to-buy {
margin:40px auto 0 auto;
padding:10px 30px 0px 30px !important;
}
.footer-panels .quotes-inner {
margin:40px auto 0 auto;
padding: 40px 30px 30px 30px !important;
}
.home .advice-centre, .home .protection {
margin-top: 40px;
margin-bottom: -999px;
padding-bottom: 1049px;
}
.home .advice-centre, .home .protection, .home .products-column {
background: url(../images/widget-bg.png);
background-position: top center;
background-repeat:repeat-y;
background-size: 100%;
background-color: #fff;
}
.footer-panels .advice-inner {
margin:40px auto 0 auto;
padding: 40px 30px 60px 30px !important;
}
.footer-panels .advice-icon img, .footer-panels .protection-icon img {
max-width:60px !important;
}
.ctcc-more-info-link:hover {
color:#fff !important;
}
.faqs-inner, .default-inner, .reviews-inner, .where-to-buy-inner {
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
}
.page-site-map .default-inner, .page-contact-us .default-inner {
text-align:center !important;
min-height: 400px;
}
.page-site-map .default-inner ul, .page-site-map .default-inner ul li {
list-style:none;
margin:0;
padding:0;
text-transform:uppercase;
font-size:120%;
font-weight:300;
}
.page-site-map .default-inner ul li ul {
margin-top:40px;
padding:0;
}
.page-site-map .default-inner ul li ul li {
border-bottom:0px;
padding:15px 15% 0 15%;
}
.page-site-map .default-inner ul li ul li:last-of-type {
border-bottom:0;
}
.page-site-map .default-inner ul li ul, .page-site-map .default-inner ul li li ul {
list-style:none;
margin:0;
padding:0;
text-transform:uppercase;
font-size:70%;
font-weight:300;
}
.page-site-map .default-inner ul {
margin-top:40px;
padding:0;
}
.page-site-map .default-inner ul li {
border-bottom:1px solid #eee;
padding:15px 15%;
}
.page-site-map .default-inner ul li:last-of-type {
border-bottom:0;
}
.page-contact-us form {
padding:10px 20px 0 20px;
margin:0
}
.page-contact-us .default-inner p {
width:100%;
max-width:600px;
margin:20px auto;
font-family: 'Open Sans', sans-serif;
font-weight:300;
line-height:120%;
text-align:left;
}
.page-contact-us input {
width:100%;
max-width:600px;
font-size:130%;
/* border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px; */
border:1px solid #ccc;
font-family: 'Open Sans', sans-serif;
font-weight:300;
line-height:120%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding:10px 0;
text-indent: 10px;
-webkit-appearance: none;
-moz-appearance: none;
}
.page-contact-us .form-label {
margin-bottom:3px;
font-size:130%;
}
div.wpcf7 .ajax-loader {
display: block !important;
margin:15px auto !important;
}
.page-contact-us textarea {
width:100%;
max-width:600px;
font-size:130%;
/* border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px; */
border:1px solid #ccc;
font-family: 'Open Sans', sans-serif;
font-weight:300;
line-height:120%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding:10px 0;
text-indent: 10px;
height:150px;
-webkit-appearance: none;
-moz-appearance: none;
}
.page-contact-us .wpcf7-submit {
border-radius:0 !important;
-webkit-border-radius:0 !important;
-moz-border-radius:0 !important;
background:#028541 !important;
color:#fff !important;
text-transform:uppercase !important;
padding:15px 50px !important;
border:0;
display:inline-block !important;
font-size:250% !important;
cursor:pointer !important;
-webkit-appearance: none;
-moz-appearance: none;
}
.page-contact-us .wpcf7-submit:hover {
background:#003648 !important;
color:#fff !important;
}
.form-smallprint {
font-size:60%;
}
.contact-us-smallprint {
font-size:60%;
text-align:center !important;
width:80%;
margin:0 auto;
}
.contact-us-smallprint p {
text-align:center !important;
}
.wpcf7-validation-errors, .wpcf7-mail-sent-ok {
border:0 !important;
color:#f00;
text-transform:uppercase !important;
font-size:130%;
}
.wpcf7-mail-sent-ok {
color:#028541 !important;
}
div.wpcf7-response-output {
margin: -40px 0 20px 0 !important;
padding:0 !important;
text-align:center;
}
span.wpcf7-not-valid-tip {
color: #f00;
font-size: 120%;
display: block;
text-align: center;
text-transform: uppercase;
padding-top: 10px;
}
.mobile-nav {
-moz-animation: showMobileNav 0s ease-in 5s forwards;
/* Firefox */
-webkit-animation: showMobileNav 0s ease-in 5s forwards;
/* Safari and Chrome */
-o-animation: showMobileNav 0s ease-in 5s forwards;
/* Opera */
animation: showMobileNav 0s ease-in 5s forwards;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@keyframes showMobileNav {
to {
display:none !important;
}
}
@-webkit-keyframes showMobileNav {
to {
display:none !important;
}
}
.expcoll a {
text-decoration:none !important;
color:#028541 !important;
-webkit-transition:250ms ease-out 0s;
-moz-transition:250ms ease-out 0s;
-o-transition:250ms ease-out 0s;
transition:250ms ease-out 0s;
}
.expcoll a:hover {
color:#000 !important;
}
/* HOME PAGE ADDITIONAL PADDING / MARGINS */
.home .extra-margin-50px-top, .home .column-50 h2.extra-margin-50px-top {
margin-top:50px !important;
}
.home .green-bg-cta.extra-margin-50px-bottom, .home .red-bg-cta.extra-margin-50px-bottom {
margin-bottom:50px !important;
}
.home .extra-margin-100px-top, .home .column-50 h2.extra-margin-100px-top {
margin-top:100px !important;
}
.home .green-bg-cta.extra-margin-100px-bottom, .home .red-bg-cta.extra-margin-100px-bottom {
margin-bottom:100px !important;
}
.home .extra-margin-150px-top, .home .column-50 h2.extra-margin-150px-top {
margin-top:150px !important;
}
.home .green-bg-cta.extra-margin-150px-bottom, .home .red-bg-cta.extra-margin-150px-bottom {
margin-bottom:150px !important;
}
.home .extra-margin-200px-top, .home .column-50 h2.extra-margin-200px-top {
margin-top:200px !important;
}
.home .green-bg-cta.extra-margin-200px-bottom, .home .red-bg-cta.extra-margin-200px-bottom {
margin-bottom:200px !important;
}
.home-kids-panel-photo-50px {
top: 29% !important;
}
.home-kids-panel-photo-100px {
top: 29% !important;
}
.home-kids-panel-photo-150px {
top: 29% !important;
}
.home-kids-panel-photo-200px {
top: 29% !important;
}
/* HOME PAGE ADDITIONAL PADDING / MARGINS */
.parent-pageid-141 .products-column-100 .product-green-bg-cta {
display:none;
}
.tabbed-content .green-bg-cta, .parent-pageid-143 .green-bg-cta {
display:inline-block;
margin: 30px 40px; !important;
}
.parent-pageid-143 .green-bg-cta:last-of-type {
margin-bottom:0px !important;
}
.tabbed-content .green-bg-cta a, .parent-pageid-143 .green-bg-cta a {
padding: 15px 40px;
font-size: 14px;
}