/*
Theme name: Balboa Baby
Description: Custom Theme
*/

/******* /Balboa Baby WordPress CSS *******/

/* ------------------------------------------------------------ *\
	Generic
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */

* { padding: 0; margin: 0; outline: 0; box-sizing: border-box; }

*:before, 
*:after { box-sizing: border-box; }

article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section { display: block; }

html,
body { height: 100%; }

html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; }

body { font-smoothing: antialiased; }

img { border: 0; vertical-align: middle; }
strong { font-weight: bold; }
small { font-size: 80%; }

button,
input,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; font-smoothing: antialiased; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] { cursor: pointer; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

button { overflow: visible; }
textarea { overflow: auto; resize: none; }

table { border-collapse: collapse; border-spacing: 0; }
th,
td { padding: 0; }

/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */

body { min-width: 320px; background: #fff; font-family: 'Open Sans', sans-serif; font-size: 18px; line-height: 1.22; color: #636b74; }

a { color: #636b74; text-decoration: none; }

h1 { font-size: 64px;  }
h2 { font-size: 53px;}
h3 { font-size: 45px; }
h4 { font-size: 35px; }
h5 { font-size: 25px; }
h6 { font-size: 15px; }

mark { background: transparent;}

h1,
h2,
h3,
h4,
h5,
h6 {  font-family:'ChaparralPro-Regular', sans-serif; font-weight: 400; }

img { max-width: 100%; height: auto; }

.wp-caption-text { padding: 5px 10px; text-align: center; font-size: 16px; font-style: italic; }


/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */

/* Clear */

.clear:after { content: ''; line-height: 0; display: table; clear: both; }


/* Notext */

.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

/* Alignment */

/*.alignnone { margin: 10px; }*/
.alignleft { float: left; margin: 10px; }
.alignright { float: right; margin: 10px; }
.aligncenter { display: block; margin: 10px auto; }
/* ------------------------------------------------------------ *\
	Regions
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */

.wrapper {}

/* ------------------------------------------------------------ *\
	Container
\* ------------------------------------------------------------ */

.container {}

/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */

.shell { max-width: 1140px; margin: auto; }

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

.header { position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; }

.header .logo { float: left; }

.header .header-bar { background: #599cd4; overflow: hidden; }
.header .header-bar .shell:after { content: ''; display: table; clear: both; }

.header .header-bar-aside { float: right; font-size: 0; }
.header .header-bar-aside ul { list-style: none; }
.header .header-bar-aside li { display: inline-block; vertical-align: middle; 
	-webkit-transition: opacity .3s;
	     -o-transition: opacity .3s;
	        transition: opacity .3s; }
.header .header-bar-aside li:hover  { opacity: .7; }

.header .header-bar-aside a { font-size: 16px; color: #fff; font-weight: 500; display: block; padding: 9px 16px; position: relative; }
.header .header-bar-aside a:after { content: ''; width: 1px; height: 1210%; position: absolute; right: 0; background: #8bbae1; top: -10px; }
.header .header-bar-aside li:first-child a:before {content: ''; width: 1px; height: 210%; position: absolute; left: 0; background: #8bbae1; top: -10px; }
.header .header-bar-aside span { font-size: 18px; color: #a65ba4; display: inline-block; background: #fff; border-radius: 3px; padding: 0 5px; margin-left: 5px; position: relative; top: 2px; }
.header .header-bar-aside strong { font-weight: 400; display: inline-block; margin-right: 6px; }

.header .header-socials { font-size: 13px; float: left; }

.header .header-socials ul { list-style: none; font-size: 0; }
.header .header-socials li { display: inline-block; vertical-align: middle; 
	-webkit-transition: opacity .3s;
	     -o-transition: opacity .3s;
	        transition: opacity .3s; }
.header .header-socials li:hover  { opacity: .7; }

.header .header-socials li:first-child a:before {content: ''; width: 1px; height: 210%; position: absolute; left: 0; background: #8bbae1; top: -10px; }
.header .header-socials span { font-size: 13px; position: relative; top: 5px; left: 6px; }

.header .header-socials a { color: #fff; font-weight: 500; display: block; padding: 10px 16px; position: relative; }
.header .header-socials a:after { content: ''; width: 1px; height: 1210%; position: absolute; right: 0; background: #8bbae1; top: -10px; }

.header .header-content  { padding: 15px 0 9px; background: rgba(255,255,255,.9); 
	-webkit-transition:  all .3s; 
	     -o-transition:  all .3s; 
	        transition:  all .3s; }
.header.fixed .header-content  { padding: 5px 0 5px; }
.header .header-content .shell:after { content: ''; display: table; clear: both; }

/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */

.main {padding: 75px 0; }

.main .shell:after { content: ''; display: table; clear: both; } 

.main-alt { padding-top: 142px; }

/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */

.footer h4 { font-family:'ChaparralPro-Regular'; font-size: 34px; color: #ce6a8e; font-weight: 400; padding-bottom: 17px; }

.footer .footer-socials { background: #599cd4; padding: 37px 0 37px; position: relative;}

.footer .footer-socials:after { content: ' '; background: url(images/dashed-white.png) repeat-x 0 0; width: 100%; height: 2px; display: inline-block; position: absolute; top: 13px; left: 0; }
.footer .footer-socials:before  { content: ' '; background: url(images/dashed-white.png) repeat-x 0 0; width: 100%; height: 2px; display: inline-block; position: absolute; bottom: 13px; left: 0; }

.footer .footer-socials ul { list-style: none; text-align: center; }
.footer .footer-socials li { display: inline-block; padding: 0 4px; 
	-webkit-transition:  opacity .4s;
	     -o-transition:  opacity .4s;
	        transition:  opacity .4s; }

.footer .footer-socials li:hover  {  opacity: .5; }
.footer .footer-socials img { width: 64px; height: 64px;  }

.footer .footer-cols { background: url(images/footer-bg.png) repeat 0 0;  } 

.footer .footer-cols .shell { background: url(images/flower.png) no-repeat right bottom; padding: 30px 0 100px; } 
.footer .footer-cols .shell:after { content: ''; display: table; clear: both; }  

.footer .footer-cols ul { font-size: 18px; list-style: none; }
.footer .footer-cols li { padding-bottom: 14px; }
.footer .footer-cols a { color: #636b74; }

.footer .footer-cols .footer-col { float: left; width: 33.3%; padding: 0 60px; border-right: 1px dashed #b8bbbe; padding-bottom: 100px; }
.footer .footer-cols .footer-col:last-child  { border: none; }

.footer .footer-bar { font-size: 15px; color: #636b74; text-align: center; padding: 25px 0 20px; }

 /* ------------------------------------------------------------ *\
	List Links
\* ------------------------------------------------------------ */

.list-links a { 
	 -webkit-transition: color .4s;
	      -o-transition: color .4s;
	         transition: color .4s; }
.list-links a:hover { color: #599cd4; }

/* ------------------------------------------------------------ *\
	Content
\* ------------------------------------------------------------ */

.content { float: right; width: 84%; padding-left: 35px; }

/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */

.sidebar { float: left; width: 16%; }

/* ------------------------------------------------------------ *\
	Widgets
\* ------------------------------------------------------------ */

.search-form { position: relative; overflow: hidden; }

.search-form .search-field { display: block; width: 100%; padding: 10px; border: 1px solid #ccc; background: #f7f7f7; }
.search-form .search-field:focus { background-color: #fff; }
.search-form .search-field::-webkit-input-placeholder { color: #777; }
.search-form .search-field::-moz-placeholder { color: #777; }
.search-form .search-field:-ms-input-placeholder { color: #777; }
.search-form .search-field::placeholder { color: #777; }
.search-form .screen-reader-text { position: absolute; top: 0; left: 0; width: 0; height: 0; opacity: 0; }

.widgets { list-style: none outside none; }

.widget { padding: 0px 15px 10px 0; margin-bottom: 15px; }
.widget ul { list-style: none outside none; margin: 0; }
.widget li { padding: 0 0 5px 0; }
.widget a { 
	 -webkit-transition: color .3s;
	      -o-transition: color .3s;
	         transition: color .3s; }
.widget a:hover  { color: #ce6a8e;  }

.widget-title { font-size: 25px; font-weight: 400; color: #ce6a8e; padding-bottom: 9px; }

.widget_categories .screen-reader-text { display: none; }
.widget_categories .post-form { width: 100%; padding: 5px; }

.widget_calendar table { font-size: 16px; width: 100%; border-spacing: 0;  text-align: center; }
.widget_calendar td,
.widget_calendar th { padding: 3px; }
.widget_calendar caption { padding: 12px; font-weight: bold; }
.widget_calendar tfoot { font-weight: bold; }

.widget_rss .rsswidget { vertical-align: middle; }

.carbon_customlogos li { padding-bottom: 30px; }

.widget_tag_cloud .tagcloud a { background: #ce6a8e; color: #fff; display: inline-block; padding: 5px; margin-bottom: 5px;  }
.widget_tag_cloud .tagcloud a:hover  { background: #fff; color: #ce6a8e; }

/* ------------------------------------------------------------ *\
	Article
\* ------------------------------------------------------------ */

.articles  { list-style: none; }
.article { padding-bottom: 75px;  }
.article:after { content: ''; display: table; clear: both; }

.article .article-image { width: 24%; float: left; }
.article .article-content  { width: 76%; float: left; padding-left: 44px; }
.article-body p { padding-bottom: 29px; }

.article-body ul,
.article-body ol { padding-bottom: 18px; margin-left: 25px; }
.article-body ul ul,
.article-body ol ol { padding-bottom: 0; }

.article-body blockquote { padding-left: 18px; border-left: 3px solid #000; margin-bottom: 18px; }
.article-body blockquote p:last-child { padding-bottom: 0; }

.article-body hr { border: 1px solid #787878; margin-bottom: 18px; }

.article-title { font-size: 30px; font-weight: 400; color: #636b74; padding-bottom: 19px; }
.article-title a:hover { color: #87bd6d; }
 
.article-meta { padding-bottom: 6px; border-bottom: 1px solid #000; margin-bottom: 15px; }
.article-meta p { padding-bottom: 5px; }
.article-meta a {  color: #ce6a8e; }

/* ------------------------------------------------------------ *\
	Gallery
\* ------------------------------------------------------------ */

.gallery { position: relative; overflow: hidden; padding-bottom: 20px; }
.gallery .wp-caption-text { right: 10px; bottom: 10px; left: 10px; }
.gallery-item { float: left; position: relative; padding: 10px; }
.gallery-item img { width: 100%; }

.gallery-columns-1 .gallery-item { width: 100%; }
.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-3 .gallery-item { width: 33.33%; }
.gallery-columns-4 .gallery-item { width: 25%; }
.gallery-columns-5 .gallery-item { width: 20%; }
.gallery-columns-6 .gallery-item { width: 16.67%; }
.gallery-columns-7 .gallery-item { width: 14.29%; }
.gallery-columns-8 .gallery-item { width: 12.5%; }
.gallery-columns-9 .gallery-item { width: 11.11%; }

.gallery-columns-7 .wp-caption,
.gallery-columns-8 .wp-caption,
.gallery-columns-9 .wp-caption { display: none; }

/* ------------------------------------------------------------ *\
	Pagination
\* ------------------------------------------------------------ */

.paging { padding: 20px 0 0 0; text-align: center; }
.paging ul { list-style: none outside none; }
.paging ul,
.paging li { display: inline-block; vertical-align: top; }
.paging li { padding: 0 2px; }
.paging a { display: inline-block; padding: 4px 5px;  }

.paging .current a,
.paging a:hover { text-decoration: none; background: #87bd6d; color: #fff; }

.paging-label { padding-right: 10px; }

.paging-first:before { content: '<<'; }
.paging-prev:before { content: '<'; }

.paging-next:before { content: '>'; }
.paging-last:before { content: '>>'; }

/* ------------------------------------------------------------ *\
	Comments
\* ------------------------------------------------------------ */

.section-comments { padding-top: 15px; }
.section-comments p { padding-bottom: 18px; }
.section-comments ol,
.section-comments ul { padding: 0; margin: 0; list-style: none outside none; }
.section-comments h3 { position: relative; padding: 0 0 10px; }
.section-comments h3 small { position: absolute; top: 0; right: 0; }

.comments,
.comments .children { position: relative; } 

.comments .children:before,
.comments .children:after { content: ''; position: absolute; display: block; } 

.comments .children:before { top: 33px; left: 23px; width: 32px; height: 27px; border-left: 8px solid #c3c3c3; border-bottom: 8px solid #c3c3c3; border-radius: 0 0 0 8px; }
.comments .children:after { top: -5px; left: 8px; border: 20px solid transparent; border-width: 20px 19px; border-bottom-color: #c3c3c3; } 

.comments .comment { position: relative; border-top: 1px dashed #87bd6d; }
.comments .children { padding-left: 70px; } 
.comments .avatar { position: absolute; top: 28px; left: 0; width: 48px; height: 48px; border-radius: 50%; border: 1px solid #ccc; } 
.comments .says { padding-left: 5px; } 
.comments .moderation-notice { display: inline-block; margin: 3px 0 8px; color: #999; } 

.comments .comment-entry { position: relative; padding: 30px 0 30px 65px; } 

.comments .comment-text p:last-child { padding-bottom: 0; margin-bottom: 0; }

.comments .comment-meta { padding-bottom: 12px; } 
.comments .comment-meta a { color: #87bd6d; }

.comments .comment-reply { padding-top: 10px; text-align: right; } 
.comments .comment-reply a { display: inline-block; padding: 5px 10px; background: #87bd6d; color: #fff; border-radius: 6px; } 
.comments .comment-reply a:hover { text-decoration: none; opacity: .8; } 

.comment-respond { width: 100%; padding-top: 30px; border-top: 1px solid #87bd6d; }
.comment-respond h3 { position: relative; }
.comment-respond small { position: absolute; top: 0; right: 0; }
.comment-respond .required { color: #e40000; }
.comment-respond label { display: block; padding-bottom: 4px; }
.comment-respond input[type="text"],
.comment-respond textarea { display: block; width: 80%; padding: 10px; border: 1px solid #ccc; background: #f7f7f7; }
.comment-respond textarea { width: 100%; height: 100px; }
.comment-respond input[type="text"]:focus { background-color: #fff; }
.comment-respond input[type="text"]::-webkit-input-placeholder { color: #777; }
.comment-respond input[type="text"]::-moz-placeholder { color: #777; }
.comment-respond input[type="text"]:-ms-input-placeholder { color: #777; }
.comment-respond input[type="text"]::placeholder { color: #777; }

.comment-respond textarea { width: 100%; }
.comment-respond .comment-notes { padding-top: 15px; }
.comment-respond .form-submit input { display: block; width: 160px; height: 40px; border: 0; font-size: 14px; font-weight: bold; color: #fff; background: #87bd6d; cursor: pointer; border-radius: 4px; }

.nocomments { padding-top: 12px; font-weight: bold; font-size: 18px; }

/* ------------------------------------------------------------ *\
	Modules
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */

.logo { background: url(images/logo.png) no-repeat 0 0; display: inline-block; width: 315px; height: 76px; -webkit-background-size: contain; background-size: contain; text-indent: -1000%; font-size: 0; overflow: hidden; }

/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */

.btn { display: inline-block; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transition: all.2s; -o-transition: all.2s; transition: all.2s; }

.btn-green { font-size: 18px; text-transform: uppercase; color: #fff; line-height: 1; background: #87bd6d; padding: 12px 18px; border-radius: 3px; border: 1px solid transparent; }
.btn-green:hover  { background: #fff; color: #87bd6d; border-color: #87bd6d; }

.btn-menu { display: none; height: 9px; padding-top: 9px; position: absolute; bottom: 38px; right: 15px; }
.btn-menu span { position: relative; display: block; width: 25px; height: 15px; border-top: 3px solid #c0b800; }

.btn-menu span:before,
.btn-menu span:after { position: absolute; width: 100%; height: 3px; background: #c0b800; content: ''; }

.btn-menu span:before { top: -9px; }
.btn-menu span:after { top: 3px; }

.btn-menu span:before,
.btn-menu span:after,
.btn-menu span { -webkit-transition: all .3s linear; transition: all .3s linear; }

.btn-menu.active span { border-color: transparent; }
.btn-menu.active span:before,
.btn-menu.active span:after { background: #a25ba4; }

.btn-menu.active span:before { -webkit-transform: rotate(45deg) translate(2.5px, 6px);transform: rotate(45deg) translate(2.5px, 6px); }
.btn-menu.active span:after { -webkit-transform: rotate(-45deg) translate(2.5px, -6px); transform: rotate(-45deg) translate(2.5px, -6px); }

.btn-menu-primary { position: static; margin-bottom: 15px; }

 /* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */

.nav { font-size: 18px; float: right; padding-top: 25px; }

.nav .menu { list-style: none; }
.nav > .menu > li { font-weight: 600; float: left; padding-left: 33px; position: relative; }
.nav > .menu > li > a { padding-bottom: 20px; 
  	 -webkit-transition:  .4s;
	      -o-transition:  .4s;
	         transition:  .4s; }

.nav .menu li.purple a { color: #a25ba4; }
.nav .menu li.orange a { color: #f5b13c; }
.nav .menu li.blue a {color: #4096de; }
.nav .menu li.green a { color: #72aa57; }
.nav .menu li.dark-red a { color: #b3597a; }

.nav .menu li:hover > a  { color: #636b74; }

.nav .sub-menu { font-size: 16px; list-style: none; position: absolute; top: 140%; left: 33px; background: rgba(255,255,255,1); padding: 10px; height: 0; visibility: hidden; overflow: hidden; opacity: 0; 
	-webkit-transition: all .1s; 
	     -o-transition: all .1s; 
	        transition: all .1s; }

.nav .sub-menu a { white-space: nowrap; display: block; padding: 5px; }

.nav > .menu > li:last-child .sub-menu { right: 0; left: auto; }

.nav > .menu > li:hover .sub-menu { height: auto; visibility: visible; overflow: visible; opacity: 1;  }

 /* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */

.slider { margin-bottom: 45px; }
.slider .slide { position: relative; }
.slider h1 { font-family:'ChaparralPro-Regular', sans-serif;  font-weight: 400; font-size: 64px; color: #636b74; padding: 10px  0;  }

.slider .slide-bg { display: none; }

.slider .slide-image { min-height: 560px; background-position: center center; -webkit-background-size: cover; background-size: cover;  }

.slider .slide-content { position: absolute; bottom: 20%; left: 0; background: rgba(255,255,255,.7); padding: 0 60px; }

.slider .slide-content:after  { content: '';  width: 98%; height: 2px; background: url(images/dashed.png) repeat-x 0 0; position: absolute; top: 11px; left: 0; }
.slider .slide-content:before { content: '';  width: 98%; height: 2px; background: url(images/dashed.png) repeat-x 0 0; position: absolute; bottom: 11px; left: 0; }

 /* ------------------------------------------------------------ *\
	Intro
\* ------------------------------------------------------------ */

.intro { min-height: 560px; -webkit-background-size: cover; background-size: cover; background-position: center; position: relative; }

.intro .intro-content .shell { position: relative; }
.intro .intro-content { position: absolute; top: 50%; left: 0; width: 100%;  }
.intro .intro-content h1 { font-family:'ChaparralPro-Regular', sans-serif;  font-weight: 400; font-size: 64px; color: #636b74; position: relative; z-index: 10;  display: inline-block; background: rgba(255,255,255,.75);  padding: 15px 55px 15px 0; }
.intro .intro-content h1:after  { content: '';  width: 3000%; height: 2px; background: url(images/dashed.png) repeat-x 0 0; position: absolute; top: 11px; right: 0; }

.intro .intro-content h1:before  { content: '';  width: 3000%; height: 2px; background: url(images/dashed.png) repeat-x 0 0; position: absolute; bottom: 11px; right: 0; }
.intro .intro-content .shell:after  {content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: -100%; background: rgba(255,255,255,.75); }

 /* ------------------------------------------------------------ *\
	Section Primary
\* ------------------------------------------------------------ */

.section-primary { padding: 70px 0 5px; }

.section-primary h3 { color: #599cd4; font-weight: 400; margin-bottom: 13px; }
.section-primary p { font-size: 22px; line-height: 1.64; margin-bottom: 35px; }
.section-primary p em { font-family:'ChaparralPro-Regular', sans-serif; font-weight: 700;  }

.section-primary .shell { padding: 0 115px 0 80px; }
.section-primary .section-head { padding-bottom: 15px; }

 /* ------------------------------------------------------------ *\
	Section Dr
\* ------------------------------------------------------------ */

.section-dr h3 { margin-bottom: 4px; line-height: 1; }
.section-dr h3 + p { margin-bottom: 25px; }
.section-dr p  { margin-bottom: 10px;  }
.section-dr .section-head  { padding-bottom: 25px; }
.section-dr .section-head p { line-height: 1; }
.section-dr .shell { padding-right: 0; }

 /* ------------------------------------------------------------ *\
	Section Promo Code
\* ------------------------------------------------------------ */

.section-promo-code { font-family:'ChaparralPro-Regular', sans-serif; font-size: 25px; background: #599cd4; padding-top: 145px; }

.wpbar .section-promo-code { padding-top: 110px; }

.section-promo-code .shell { position: relative; padding: 14px 0; }

.section-promo-code h4 { font-size: 25px; color: #fff; font-weight: 400; line-height: 1; }

/*.section-promo-code h4:before  { content: ''; background: url(images/code.png) no-repeat 0 0; width: 55px; height: 56px; -webkit-background-size: 55px 56px; background-size: 55px 56px; position: absolute; top: 50%; left: 0; margin-top: -28px; }*/

.section-promo-code h4 a { color: #fff; font-size: 20px; line-height: 1;  display: inline-block;  border: 1px solid #fff; border-radius: 3px; padding: 5px 10px 0; margin-left: 3px; }

 /* ------------------------------------------------------------ *\
	Section Categories
\* ------------------------------------------------------------ */

.section-categories  { overflow: hidden;  }

.section-categories h3 { font-family:'ChaparralPro-Regular', sans-serif; font-size: 45px; font-weight: 400; }
.section-categories .section-head {  padding: 25px 0; }

.section-categories ul { list-style: none; margin: 0 -3px; }
.section-categories ul:after { content: ''; display: table; clear: both; }

.section-categories li { width: 25%; float: left;  overflow: hidden; padding: 0 3px; margin-bottom: 6px;  }
.section-categories li:hover img { -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
     -o-transform: scale(1.2);
        transform: scale(1.2); }

.section-categories a { display: block; position: relative; }
.section-categories img { width: 100%; height: auto;  
	-webkit-backface-visibility: hidden;
	-webkit-transition: all .3s;
	     -o-transition: all .3s;
	        transition: all .3s;}
.section-categories span { font-family:'ChaparralPro-Regular', sans-serif; font-size: 28px; display: inline-block; padding: 11px 33px; background: url(images/category-bg.png) no-repeat 0 0; color: #636b74; position: absolute; bottom: -10px; right: 10px;  -webkit-background-size: cover; background-size: cover; }


.section-categories .category-sale span { background: #f66; color: #fff; top: 20px; right: -40px; bottom: auto; padding: 4px 65px 4px 105px;
	-webkit-transform: rotate(27deg);
	    -ms-transform: rotate(27deg);
	     -o-transform: rotate(27deg);
	        transform: rotate(27deg); }
 /* ------------------------------------------------------------ *\
	Section Join
\* ------------------------------------------------------------ */

.section-join img { border-radius: 50%; margin-right: 35px; }

.section-join .shell { padding: 65px 200px 80px;  }
.section-join .shell:after { content: ''; display: table; clear: both; }

	/* Graviry Form */

.section-join .gform_wrapper .gform_heading { padding-top: 17px;  }
.section-join .gform_wrapper .gform_heading .gform_title { font-family:'ChaparralPro-Regular', sans-serif; font-size: 53px; color: #636b74; font-weight: 400; }

.section-join .gform_wrapper .gform_body { margin: 0 8px 0 3px; }
.section-join .gform_wrapper .gform_body .gform_fields { list-style: none; }
.section-join .gform_wrapper .gform_body .gform_fields .gfield input { color: #999; border: 2px solid #999; border-radius: 3px; padding: 9px 10px 8px; width: 100%; min-width: 310px;  }  
.section-join .gform_wrapper .gform_body .gform_fields .gfield input:focus { border-color: #87bd6d; }  

.section-join .gform_wrapper .gform_body .gform_fields .gfield input::-webkit-input-placeholder { color: #999; }
.section-join .gform_wrapper .gform_body .gform_fields .gfield input::-moz-placeholder { color: #999; }
.section-join .gform_wrapper .gform_body .gform_fields .gfield input:-ms-input-placeholder { color: #999; }
.section-join .gform_wrapper .gform_body .gform_fields .gfield input::placeholder { color: #999; }
.section-join .gform_wrapper .gform_body,
.section-join .gform_wrapper .gform_footer  { display: inline-block; vertical-align: top;  }

.section-join .gform_wrapper .gform_footer .gform_button  { font-size: 18px; text-transform: uppercase; border: none; color: #fff; background: #87bd6d; padding: 10px 27px; border-radius: 3px; display: inline-block; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transition: all.2s; -o-transition: all.2s; transition: all.2s; }
.section-join .gform_wrapper .gform_footer .gform_button:hover  { background: #599cd4; }

.gform_wrapper .validation_error,
.gform_wrapper .gform_ajax_spinner,
.gform_wrapper .validation_message { display: none; }
.gform_wrapper .gfield_error input,
.gform_wrapper .gfield_error textarea { border: 2px solid red !important; }

 /* ------------------------------------------------------------ *\
	Section Blue
\* ------------------------------------------------------------ */

.section-blue { background: #ebf3fa; padding: 50px 0; margin-top: 35px; }
.section-blue h2 { margin-bottom: 22px;  }
.section-blue .shell:after { content: ''; display: table; clear: both; } 

.section-blue p { font-size: 18px; line-height: 2.11; margin-bottom: 25px; }

.section-blue .section-aside  { width: 34%; float: left;  }
.section-blue .section-aside img { border-radius: 50%;  }

.section-blue .section-content { width: 66%; float: left; padding-right: 50px;  }
.section-blue-bg { background: #ebf3fa; }
.section-white-bg { background: #fff !important; }

 /* ------------------------------------------------------------ *\
	Section Blue Primary
\* ------------------------------------------------------------ */

.section-blue-primary {  background: #ebf3fa; padding: 83px 0 34px; }
.section-blue-primary h2 { margin-bottom: 29px; }
.section-blue-primary .shell { padding-left: 60px;  }

.section-blue-primary .shell:after { content: ''; display: table; clear: both; } 

.section-blue-primary p { padding-left: 40px; line-height: 1.4; }
.section-blue-primary p a { text-decoration: underline; }

.section-blue-primary .section-content { width: 57%; }
.section-blue-primary .section-aside { position: relative; top: -25px;  }
.section-blue-primary .section-aside img { border-radius: 0; }
.section-blue-primary.section-error { margin-top: 0; }
.section-blue-primary.section-error .section-content { width: 100%; }

 /* ------------------------------------------------------------ *\
	Section Logos
\* ------------------------------------------------------------ */

.section-logos { margin: 80px 0;  }

.section-logos ul { list-style: none; margin: 0 -45px; padding: 45px 0 6px 0; }
.section-logos ul li { display: inline-block; vertical-align: middle; padding: 25px 45px; }


 /* ------------------------------------------------------------ *\
	Section Contacts
\* ------------------------------------------------------------ */

#googlemap { height: 560px; }

.section-contact-us { padding: 80px 0;  } 
.section-contact-us .shell:after { content: ''; display: table; clear: both; } 

.section-contact-us .section-aside { width: 30%; float: left;}
.section-contact-us .section-aside ul { list-style: none; }
.section-contact-us .section-aside ul li { padding-bottom: 30px;  }
.section-contact-us .section-aside h5  { font-family:'ChaparralPro-Regular', sans-serif; font-size: 25px; color: #ce6a8e; font-weight: 400; padding-bottom: 10px; }
.section-contact-us .section-aside p { margin-bottom: 5px; }

.section-contact-us .section-form { width: 68%; float: left; margin-top: -5px; }
.section-contact-us .section-form h3 { font-weight: 400; color: #599cd4; margin-bottom: 28px; }

	/* Gravity form */

.section-contact-us .gform_wrapper .gform_heading,
.section-contact-us .gform_wrapper .gform_body .gfield-name .name_first label,
.section-contact-us .gform_wrapper .gform_body .gfield-name .name_last label { display: none; }

.section-contact-us .gform_wrapper .gform_body .gform_fields  { list-style: none; }
.section-contact-us .gform_wrapper .gform_body .gform_fields label  { margin-bottom: 13px; display: inline-block; }

.section-contact-us .gform_wrapper .gform_body .gfield { margin-bottom: 20px; }

.section-contact-us .gform_wrapper .gform_body .gfield textarea,
.section-contact-us .gform_wrapper .gform_body .gfield input { width: 100%; border: 1px solid #c9cacc; padding: 5px; }

.section-contact-us .gform_wrapper .gform_body .gfield textarea:focus,
.section-contact-us .gform_wrapper .gform_body .gfield input:focus { border-color: #599cd4; }
.section-contact-us .gform_wrapper .gform_body .gfield textarea { height: 133px; }

.section-contact-us .gform_wrapper .gform_footer .gform_button  { font-size: 18px; text-transform: uppercase; border: none; color: #fff; background: #636b74; padding: 10px 27px; border-radius: 3px; display: inline-block; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transition: all.2s; -o-transition: all.2s; transition: all.2s; }

.section-contact-us .gform_wrapper .gform_footer .gform_button:hover { background: #599cd4; }


 /* ------------------------------------------------------------ *\
	Section Collections
\* ------------------------------------------------------------ */

.section-collections { overflow: hidden;  padding: 55px 0;  }

.section-collections ul { list-style: none; margin: 0 -10px; }
.section-collections ul:after { content: ''; display: table; clear: both; }
.section-collections ul li { width: 50%; float: left; text-align: center; padding: 0 10px; margin-bottom: 25px;  }
.section-collections ul a { display: block;overflow: hidden; 
	-webkit-transition:  all .3s;
     	 -o-transition:  all .3s;
      	    transition:  all .3s; }

.section-collections ul strong { font-family:'ChaparralPro-Regular', sans-serif; font-size: 28px; color: #636b74; display: block; margin-top: 10px;
 -webkit-transition:  all .3s;
      -o-transition:  all .3s;
         transition:  all .3s; }
.section-collections ul a:hover strong  { color: #4096de; }

.section-collections ul img { width: 100%; height: auto;  }
.section-collections ul a:hover { opacity: .7; }


 /* ------------------------------------------------------------ *\
	Section Bedding 
\* ------------------------------------------------------------ */


.section-bedding { background: #ebf3fa; padding: 45px 0; }
.section-bedding ul { list-style: none; margin: 25px 0 0 40px; }
.section-bedding li  { margin-bottom: 17px;  }
.section-bedding em { font-family:'ChaparralPro-Regular', sans-serif; font-weight: 700; }

.section-bedding .shell:after { content: ''; display: table; clear: both; }

.section-bedding .section-content { width: 35%; float: left; }
.section-bedding .section-image { width: 65%; float: left; position: relative; right: 25px; top: 35px;  }


 /* ------------------------------------------------------------ *\
	Section Resources
\* ------------------------------------------------------------ */

.section-resources h2 { font-size: 50px; }

.section-resources { padding-top: 150px; }

.section-resources > .section-head { border-top: 1px solid #cfd0d2; border-bottom: 1px solid #cfd0d2; padding: 25px 0; }
.section-resources > .section-head ul {  list-style: none; display: inline-block; vertical-align: top; padding-right: 100px; }
.section-resources > .section-head li  { padding: 0 0 5px 0;  }
.section-resources > .section-head li a:hover { color: #599cd4; }

 /* ------------------------------------------------------------ *\
	Section Category Video
\* ------------------------------------------------------------ */

.section-category-features + .section-tab,
.section-category-video + .section-tab { background: #f4f4f4; }

 /* ------------------------------------------------------------ *\
	Section Tab
\* ------------------------------------------------------------ */

.section-tab { padding: 70px 0 80px; }
.section-tab .section-head { padding: 0 0 32px 0;  }

 /* ------------------------------------------------------------ *\
	Section Gray
\* ------------------------------------------------------------ */

.section-gray { background: #f4f4f4; }


 /* ------------------------------------------------------------ *\
	Form Gift
\* ------------------------------------------------------------ */

.form-gift .form-label { color: #999999; display: inline-block; vertical-align: middle; padding-top: 10px; padding-right: 10px; }

.form-gift .form-body,
.form-gift .form-controls,
.form-gift .form-actions { display: inline-block; vertical-align: top; }

.form-gift .form-body input { width: 160px; padding: 8px 10px 9px; border: 2px solid #999999; border-radius: 3px; }
.form-gift .form-body input:focus  { border-color: #87bd6d; }
.form-gift .form-controls { padding-right: 10px; }

.form-gift .form-actions .form-btn { font-size: 18px; text-transform: uppercase; border: none; color: #fff; background: #87bd6d; padding: 10px 27px; border-radius: 3px; display: inline-block; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transition: all.2s; -o-transition: all.2s; transition: all.2s; }
.form-gift .form-actions .form-btn:hover  { background: #599cd4; }


.form-gift br,
.form-gift .entry-title,
.form-gift .quantity,
.form-gift .product-share { display: none; }

.form-gift #call_for_credit { position: relative; display: inline-block; vertical-align: top; }
.form-gift #call_for_credit p { color: #999999; display: inline-block; vertical-align: middle; padding-right: 10px; }
.form-gift #call_for_credit input { width: 160px; padding: 8px 10px 9px; border: 2px solid #999999; border-radius: 3px;  }
.form-gift #call_for_credit input:focus { border-color: #87bd6d; }

.form-gift #call_for_credit input[type=number]::-webkit-inner-spin-button, 
.form-gift #call_for_credit input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
.form-gift #error_message { position: absolute; top: -30px; right: 5px;}
.form-gift .cart { display: inline-block; vertical-align: top; padding-left: 8px; }
.form-gift .cart .button { font-size: 18px; text-transform: uppercase; border: none; color: #fff; background: #87bd6d; padding: 10px 27px; border-radius: 3px; display: inline-block; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transition: all.2s; -o-transition: all.2s; transition: all.2s; }
.form-gift .cart .button:hover { background: #599cd4; }


 /* ------------------------------------------------------------ *\
	Tabs
\* ------------------------------------------------------------ */

.tabs h4 { font-family: 'Open Sans', sans-serif ; font-size: 31px; color: #666666;  font-weight: 400; padding-bottom: 40px; }

.tabs:after { content: ''; display: table; clear: both; }

.tabs .tab { opacity: 0;  visibility: hidden; padding: 0; overflow: hidden; height: 0;  }
.tabs ul { list-style: none; }

.tabs .tab.current { opacity: 1; visibility: visible; overflow: visible; height: auto; background: #fff; border: 1px solid #cccccc; padding: 22px 35px 25px 35px; }

.tabs .tabs-nav { font-size: 19px; list-style: none; border: 1px solid #cccccc; border-right: 0;  padding: 1px; width: 21%; float: left; position: relative; }
.tabs .tabs-nav:before  {content: ''; width: 100%; height: 100%; display: inline-block; position: absolute; top: 0; right: -1px; background: #fff;  }

.tabs .tabs-nav strong { font-size: 14px; display: block; font-weight: 600;  }
.tabs .tabs-nav li:first-child  { padding: 0; }
.tabs .tabs-nav li { padding: 1px 0 0 0; min-height: 60px; }

.tabs .tabs-nav a { display: block; background: #ebebeb; border-left: 11px solid #ebebeb; padding: 18px 8px; position: relative;  
	-webkit-transition: all .2s;
	     -o-transition: all .2s;
	        transition: all .2s; }

.tabs .tabs-nav li a:hover,
.tabs .tabs-nav li.current a  {  background: #fff;  border-color: #a25ba4; }

.tabs .tabs-nav-primary li { min-height: 56px; }
.tabs .tabs-nav-primary a  { padding: 8px; }

.tabs .tabs-content { width: 79%; float: left; }

/* Tab Inner Content  */

.tab-sub-nav { font-size: 14px; font-weight: 500;margin-top: -15px; padding: 10px 0 20px; }

.tab-sub-nav ul:after { content: ''; display: table; clear: both; } 
.tab-sub-nav li { float: left; margin-right: 15px; margin-bottom: 4px; }
.tab-sub-nav a  { color: #a25ba4; }
.tab-sub-nav li.current a  { text-decoration: underline; text-shadow: 0 1px #a25ba4; }

.tab-inner-inner-content { display: none; }
.tab-inner-inner-content.current  { display: block; }

.tab-inner-content .threading { margin-top: 25px; }
.tabs .threading li:after { content: ''; display: table; clear: both; }
.tab-inner-content .threading li { display: inline-block; width: 48%; vertical-align: top; margin-bottom: 15px; }
.tab-inner-content .threading li p { padding: 0 10px 0 155px; }

.tab-inner-content .threading  img { margin: 0 15px 0 0; }
.tab-inner-content h4 + img { margin-bottom: 25px;  }

/* Tab Safity */

.tab-safity:after { content: ''; display: table; clear: both; }

.tab-safity h5 {font-size: 22px; color: #599cd4; }
.tab-safity h5 ~ h5 { margin-top: 20px; }
.tab-safity h6  { font-family: 'Open Sans', sans-serif; color: #666; font-weight: 700; margin-top: 15px; margin-bottom: 5px;  }

.tab-safity .tab-safity-content { font-size: 14px; width: 62%; float: left;  }
.tab-safity .tab-safity-content.section-full  { width: auto; float: none;  }
.tab-safity .tab-safity-inner  { margin-bottom: 20px;  }
.tab-safity .tab-safity-inner  h6:first-child  { margin-top: 0; }
.tab-safity .tab-safity-content ul { list-style-type: disc;  list-style-position: inside; }
.tab-safity .tab-safity-image {  width: 38%; float: right; }

/* Tab Primary */

.tab-primary:after { content: ''; display: table; clear: both; } 

.tab-primary h2 {font-family:'Open Sans', sans-serif; font-size: 31px;  margin-bottom: 35px; }
.tab-primary h5 { font-size: 22px; color: #599cd4; margin-bottom: 5px; } 
.tab-primary h5 ~ h5 { margin-top: 20px; } 
.tab-primary h6 { font-family:'Open Sans', sans-serif; font-weight: 600; margin: 10px 0 0 0;  } 
.tab-primary ol, 
.tab-primary p { font-size: 18px; line-height: 1.33; } 
.tab-primary p  { padding-bottom: 10px; } 


.tab-primary img { display: inline-block; margin: 35px 0; }
.tab-primary img.alignleft { margin: 0 29px 0 0;  } 

.tab-primary ol { padding: 25px 0; list-style-position: inside;  } 
.tab-primary ol li { padding-bottom: 25px;  } 

.tab-primary ul {  font-size: 14px;   } 
.tab-primary ul li {  position: relative; padding-left: 10px; } 
.tab-primary ul li:after  { content: '';  width: 4px; height: 4px; border-radius: 50%; background: #666; position: absolute; top: 50%; left: 0; margin-top: -2px; } 

.tab-primary .tab-primary-inner { padding-bottom: 19px; }

.tabs .tab.tab-primary.current { padding: 22px 35px 30px 50px; }

/* Tab Images */

.tab-images h2 + p img { margin-top: 0; }
.tab-images ol li { padding-bottom: 5px;  }

/* Tab Care */

.tab-care h2 { margin-bottom: 20px; }

/* Tab Cart */

.tab-cart h2 { margin-bottom: 20px; }

/* Tab Videos */

.tabs .tab-videos h2 { margin-bottom: 12px;  }
.tabs .tab-videos p  { margin-bottom: 40px;  }
.tabs .tab-videos .main-video { width: 69%; float: left; }
.tabs .tab-videos .videos  { width: 29%;float: left;  padding-left: 38px; margin-top: 5px;  }
.tabs .tab-videos .video-link { position: static; }
.tabs .video-link a { margin-bottom: 41px;  position: relative; padding-left: 44px; display: inline-block; }
.tabs .video-link a:before  { content: ''; background: url(images/ico-video.png) no-repeat 0 0; width: 34px; height: 24px; position: absolute; top: -2px; left: 0; }
.tabs .tab-videos a { font-size: 14px; color: #636b74; }
.tabs .tab-videos .videos p { display: none; }

/* Tab Colums */

.tabs .tab-colums h2 { margin-bottom: 12px;  }

.tabs .tab-colums .video-link { padding-top: 10px; padding-left: 7px; position: static;  }
.tabs .tab-colums .video-link a { font-size: 14px; }
.tabs .tab-colums .cols p { text-align: center; }
.tabs .tab-colums .cols { padding: 20px 0 0 0; }
.tabs .tab-colums  img { border: 1px solid #000; }

.tab { position: relative; }
.tabs .threading  { font-size: 0; }
.tabs .threading li { width: 50%; display: inline-block; vertical-align: top; font-size: 18px; line-height: 1.33; }
.tabs .threading img { margin-top: 0; }
.tabs .video-link { position: absolute;  top: 20px; right: 30px; font-size: 14px;  }

 /* ------------------------------------------------------------ *\
	Cols
\* ------------------------------------------------------------ */

.cols:after { content: ''; display: table; clear: both; }

.col { float: left;}
.col.col-size1  { width: 25%;  }
.col.col-size2  { width: 50%; }
.col.col-size3  { width: 25%;  }
.col.col-1of4  { width: 25%; padding: 0 5px; }



 /* ------------------------------------------------------------ *\
	Section Reginstration
\* ------------------------------------------------------------ */

.section-registration { padding: 100px 0; }

.section-registration .section-head { padding-bottom: 25px;  }
.section-registration .section-head h2 { margin-bottom: 7px; }
.section-registration .section-head .shell { padding-right: 222px;  }

 /* ------------------------------------------------------------ *\
	Form Registration
\* ------------------------------------------------------------ */

.form-registration  { max-width: 770px;  }

.form-registration .field { }


.form-registration .form-label {}
.form-registration .form-btn {  }
.form-registration .form-btn:hover  {  }

.form-registration .form-col { float: left; padding: 8px; }
.form-registration .form-col:first-child  {  padding-left: 0; }
.form-registration .form-col:last-child  {  padding-right: 0; }

.form-registration .form-row {  }
.form-registration .form-row:after { content: ''; display: table; clear: both; }

.form-registration .form-col-1of2  { width: 50%; }
.form-registration .form-col-1of3  { width: 33.3%; }
.form-registration .form-col-1of4  { width: 25%; }

.form-registration .form-row-upc { padding-bottom: 20px;  } 
.form-registration .form-row-upc:after { content: ''; display: table; clear: both; } 
.form-registration .form-row-upc p { float: left; width: 39%; padding-top: 45px; }
.form-registration .form-row-upc img { float: left;  display: inline-block; margin-top: 10px; margin-left: 35px; }

.form-registration .form-row-code img {  display: inline-block; margin: 25px 0;  }
.form-registration .form-actions { padding-top: 25px; }


 /* ------------------------------------------------------------ *\
	Gravity
\* ------------------------------------------------------------ */

.section-registration .gform_wrapper .gfield_required { display: none; }
.section-registration .gform_wrapper .gform_fields { list-style: none; margin: 0 -8px; }
.section-registration .gform_wrapper .gform_fields:after { content: ''; display: table; clear: both; } 

.section-registration .gform_wrapper .gform_fields .gfield_label {  display: inline-block; margin-bottom: 11px;   }
.section-registration .gform_wrapper .gform_fields .gfield  { margin-bottom: 15px; padding: 8px;  }

.section-registration .gform_wrapper .gform_fields input { width: 100%; border: 1px solid #c9cacc; padding: 5px 10px; }
.section-registration .gform_wrapper .gform_fields input:focus  { border-color: #000; }
.section-registration .gform_wrapper .gfield_html { clear: both; } 

.section-registration .gform_wrapper .gfield_html p { float: left; width: 39%; padding-top: 45px; }
.section-registration .gform_wrapper .gfield_html img { float: left;  display: inline-block;  margin-left: 35px;margin-bottom: 15px;  }

.section-registration .gform_wrapper .gform_footer  { padding-top: 25px;  }
.section-registration .gform_wrapper .gform_footer .gform_button  {  font-size: 18px; text-transform: uppercase; border: none; color: #fff; background: #636b74; padding: 10px 27px; border-radius: 3px; display: inline-block; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transition: all.2s; -o-transition: all.2s; transition: all.2s;  }
.section-registration .gform_wrapper .gform_footer .gform_button:hover { background: #000; }


 /* ------------------------------------------------------------ *\
	Section Faq
\* ------------------------------------------------------------ */

.section-faq { padding: 80px 0; }
.section-faq .section-head { padding-bottom: 44px;  }
.section-faq .section-body .shell { padding-left: 22px;  }

 /* ------------------------------------------------------------ *\
	Accordion
\* ------------------------------------------------------------ */

.accordion  { color: #333; }

.accordion h5 { font-family: 'Open Sans', sans-serif; color: #333333; font-size: 18px; }
.accordion strong { font-weight: 600; color: #333333;}
.accordion p { margin-bottom: 5px; }

.accordion .accordion-body { overflow: hidden; visibility: hidden; opacity: 0; height: 0; padding-left: 55px; 
	 -webkit-transition: all .4s;
	      -o-transition: all .4s;
	         transition: all .4s; }

.accordion .accordion-head { cursor: pointer;  padding-bottom: 35px; padding-left: 56px; position: relative;  }
.accordion .accordion-head:before  { content: '';  background: url(images/ico-plus.png) no-repeat 0 0; width: 16px; height: 16px; -webkit-background-size: 16px; background-size: 16px; position: absolute; top: 3px; left: 0; }


.accordion .accordion-expanded .accordion-body { overflow: visible; visibility: visible; opacity: 1; height: auto;  padding: 15px 0 50px 55px;}

.accordion .accordion-expanded .accordion-head  { padding-bottom: 0; }
.accordion .accordion-expanded .accordion-head h5 { font-weight: 600; color: #599cd4;}
.accordion .accordion-expanded .accordion-head:before {  content: '';  background: url(images/ico-minus.png) no-repeat 0 0; width: 16px; height: 16px; -webkit-background-size: 16px; background-size: 16px; position: absolute; top: 3px; left: 0; }

 /* ------------------------------------------------------------ *\
	Breadcrumbs
\* ------------------------------------------------------------ */

.breadcrumbs { padding: 15px 0; background: #f5f5f5; color: #599cd4; }
.breadcrumbs span { color: #636b74; }

/* ------------------------------------------------------------ *\
	Single Product
\* ------------------------------------------------------------ */

.single-product.woocommerce div.product div.images .woocommerce-main-image img { width: 100%; }

 /* ------------------------------------------------------------ *\
	MEDIA
\* ------------------------------------------------------------ */

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

	 /* ------------------------------------------------------------ *\
		Shell
	\* ------------------------------------------------------------ */

	.shell { padding: 0 20px; }

	 /* ------------------------------------------------------------ *\
		Section Logos
	\* ------------------------------------------------------------ */

	.section-logos .shell { padding: 0 20px;  }

	.section-logos ul { margin: 0; }

	.section-logos ul li { width: 24%; padding: 15px;  }

	 /* ------------------------------------------------------------ *\
		Section Code
	\* ------------------------------------------------------------ */

	.section-promo-code .shell { padding: 22px 20px; }

	.section-promo-code h4:before { left: 22px; }

	.section-promo-code h4 { font-size: 24px; text-align: center; }

	 /* ------------------------------------------------------------ *\
		Intro
	\* ------------------------------------------------------------ */

	#googlemap,
	.intro { min-height: 400px; }
	.intro .intro-content .shell { padding: 0; }

	.intro .intro-content h1 { font-size: 55px; padding: 10px 20px 10px 10px; }

	 /* ------------------------------------------------------------ *\
		Slider
	\* ------------------------------------------------------------ */

	.slider .slide-image { min-height: 400px; }

	 /* ------------------------------------------------------------ *\
		Section Join
	\* ------------------------------------------------------------ */

	.section-join .shell { padding: 65px 150px 80px; }

	 /* ------------------------------------------------------------ *\
		Tabs
	\* ------------------------------------------------------------ */

	.tabs iframe { width: 100% !important; }
}

@media only screen and (max-width: 1023px){
	 /* ------------------------------------------------------------ *\
		Header
	\* ----------------------------------------------------------- */

	.header.fixed .header-content,
	.header .header-content { padding: 10px 0 0 0; }

	.header .header-content .shell { padding: 0 10px; }
	
	 /* ------------------------------------------------------------ *\
		Logo
	\* ------------------------------------------------------------ */

	.logo { width: 32%; }

	 /* ------------------------------------------------------------ *\
		Nav
	\* ------------------------------------------------------------ */

	.nav  { padding-top: 20px; }

	.nav > .menu > li { padding-left: 21px; }

	 /* ------------------------------------------------------------ *\
		Slider
	\* ------------------------------------------------------------ */

	.slider h1 { font-size: 56px; line-height: 1.3; }

	 /* ------------------------------------------------------------ *\
		Section Primary
	\* ------------------------------------------------------------ */

	.section-primary { padding-top: 35px; }

	.section-primary .shell { padding: 0 20px ; }

	.section-primary .section-head { padding: 0; }

	.section-primary p { margin-bottom: 15px; }

	 /* ------------------------------------------------------------ *\
		Section Promo Code
	\* ------------------------------------------------------------ */

	.section-promo-code h4 { font-size: 17px; ; }
	.section-promo-code .shell { padding: 22px 20px 14px; }

	 /* ------------------------------------------------------------ *\
		Section Blue
	\* ------------------------------------------------------------ */

	.section-blue h2  { font-size: 38px; line-height: 1;  }

	.section-blue-primary  { padding: 25px 0;  }
	.section-blue-primary p { padding: 0; }
	.section-blue-primary h2  { margin-bottom: 15px; }

	.section-blue-primary .section-aside { top: 15px; }

	 /* ------------------------------------------------------------ *\
		Section Logos
	\* ------------------------------------------------------------ */

	.section-logos { padding: 25px 0; }

	 /* ------------------------------------------------------------ *\
		Section Bedding
	\* ------------------------------------------------------------ */

	.section-bedding .section-image,
	.section-bedding .section-content { width: 100%; float: none; }

	.section-bedding .section-image { text-align: center; top: 0; right: 0; }
	.section-bedding .section-image img { max-width: 550px; }

	 /* ------------------------------------------------------------ *\
		Section Join
	\* ------------------------------------------------------------ */

	.section-join .shell { padding: 50px 0; }

	 /* ------------------------------------------------------------ *\
		Section Promo Code
	\* ------------------------------------------------------------ */
	.section-promo-code { padding-top: 115px; margin: 0; }

	 /* ------------------------------------------------------------ *\
		Section Contact Us
	\* ------------------------------------------------------------ */

	.section-contact-us .section-form { padding-left: 15px; }

	 /* ------------------------------------------------------------ *\
		Section Collection
	\* ------------------------------------------------------------ */

	.section-categories li { width: 50%; }

	 /* ------------------------------------------------------------ *\
		Section Gategory
	\* ------------------------------------------------------------ */

	.section-category-features-blue p,
	.section-category-features-blue h2 { text-align: center; }

	 /* ------------------------------------------------------------ *\
		Tabs
	\* ------------------------------------------------------------ */

	.tabs iframe { height: 286px !important; }
	.tabs h4 { padding-bottom: 10px; font-size: 25px; }

	.tabs .tabs-nav strong { font-size: 12px; }
	
	.tabs .tab.current { padding: 15px 15px 10px 15px; }

	.tab-inner-content .threading li { width: 100%; height: auto; display: block; }
	
	.tabs .video-link a { margin-bottom: 20px; }
	.tabs .tab-videos .videos { padding-left: 0; padding-top: 15px; }

	.tabs .tab-videos .videos,
	.tabs .tab-videos .main-video { width: 100%; float: none; }

	 /* ------------------------------------------------------------ *\
		Form Gift
	\* ------------------------------------------------------------ */

	.form-gift .form-body input { width: 100%; }
	
	.form-gift #call_for_credit { display: block; }
	.form-gift #call_for_credit input { width: 100%;  }

	.form-gift .cart { display: block; padding-left: 0; padding-top: 35px; }

	.form-gift #error_message { margin-bottom: 0; position: absolute; top: auto; bottom: -40px; right: -7px;}
	 /* ------------------------------------------------------------ *\
		Footer
	\* ------------------------------------------------------------ */

	.footer .footer-cols .footer-col { padding: 0 20px; }

	.footer .footer-cols .shell { background-size: 10%; }
}

@media only screen and (max-width: 767px){
	 
	 /* ------------------------------------------------------------ *\
		Base
	\* ------------------------------------------------------------ */
	
	h2  { font-size: 42px; line-height: 1; }
	h3 { font-size: 36px; line-height: 1; }

	 /* ------------------------------------------------------------ *\
		Header
	\* ------------------------------------------------------------ */

	.header .logo { width: 240px; height: 59px; float: none; }

	.header .header-socials { display: none; }

	.header .header-bar-aside li:first-child a { border-left: none; }
	.header .header-bar .shell { padding: 0; }

	 /* ------------------------------------------------------------ *\
		Nav
	\* ------------------------------------------------------------ */

	.nav  { float: none; padding: 0; position: absolute; top: 100%; left: 0; width: 100%; background: rgba(255,255,255,.9); height: 0; visibility: hidden; overflow: hidden; opacity: 0; 
		-webkit-transition: .3s;
		     -o-transition: .3s;
		        transition: .3s; }
		        
	.nav.visible  {  height: auto; visibility: visible; overflow: visible; opacity: 1; padding: 10px 0; }

	.nav > .menu > li { display: block; float: none; padding-left: 0; }
	.nav > .menu > li > a  {  display: block; padding: 5px 10px; }

	.nav > .menu > li > .sub-menu  { position: static; width: 100%;  padding: 0; background: rgba(255,255,255,.3); }
	.nav > .menu > li > .sub-menu a { padding: 3px 30px; }

	.nav > .menu > li:hover .sub-menu { height: 0; visibility: hidden; overflow: hidden; opacity: 0; }
	
	.nav > .menu > li .sub-menu.expanded  { height: auto; visibility: visible; overflow: visible; opacity: 1; padding: 0 0 10px; }

	 /* ------------------------------------------------------------ *\
		Comment
	\* ------------------------------------------------------------ */

	.section-comments h3 small { position: relative; font-size: 15px; }

	 /* ------------------------------------------------------------ *\
		Intro
	\* ------------------------------------------------------------ */

	.intro .intro-content h1 { font-size: 45px; }

	 /* ------------------------------------------------------------ *\
		Slider
	\* ------------------------------------------------------------ */

	.slider .slide-image { min-height: 400px; padding: 0; }
	.slider .slide-content { padding: 0 20px; }

	.slider h1 { font-size: 45px; line-height: 1; }

	 /* ------------------------------------------------------------ *\
		Widgets
	\* ------------------------------------------------------------ */

	.widget_product_categories { height: 0; visibility: hidden; overflow: hidden; opacity: 0; padding: 0; margin: 0 0 10px 0; 
		-webkit-transition: .2s; 
		     -o-transition: .2s; 
		        transition: .2s; }
	.widget_product_categories.visible-products  {  height: auto; visibility: visible; overflow: visible; opacity: 1; padding: 10px 0; }

	 /* ------------------------------------------------------------ *\
		Section Primary
	\* ------------------------------------------------------------ */

	.section-primary p { font-size: 16px; }

	 /* ------------------------------------------------------------ *\
		Section Blue
	\* ------------------------------------------------------------ */

	.section-blue { padding: 15px 0; }

	.section-blue h2 { margin-bottom: 10px; }
	.section-blue p { line-height: 1.5; }

	.section-blue .section-aside,
	.section-blue .section-content { width: 100%; float: none; padding: 15px 0; }

	.section-blue-primary { padding: 0 0 25px 0; }
	
	.section-blue-primary .section-aside,
	.section-blue-primary .section-content { width: 100%; float: none; padding-right: 0; }
	.section-blue-primary .shell { padding: 20px; }

	.section-blue p { margin-bottom: 10px; }

	 /* ------------------------------------------------------------ *\
		Section Logos
	\* ------------------------------------------------------------ */

	.section-logos ul  { text-align: center; }

	.section-logos ul li { display: block; width: 100%; }
	.section-logos ul img { width: auto; height: auto;  }

	 /* ------------------------------------------------------------ *\
		Section Contact Us
	\* ------------------------------------------------------------ */

	.section-contact-us .section-form { padding-left: 0; } 

	 /* ------------------------------------------------------------ *\
		Section Collection
	\* ------------------------------------------------------------ */

	.section-collections { padding: 25px 0; }

	.section-collections ul li { width: 100%; display: block; margin-bottom: 15px; }
	.section-collections ul strong { font-size: 24px; }

	 /* ------------------------------------------------------------ *\
		Section Collection
	\* ------------------------------------------------------------ */

	.section-categories h3 { font-size: 40px; }
	.section-categories ul { margin: 0; }
	
	.section-categories span { font-size: 16px; }
	
	.section-categories .section-head { padding: 15px 0;  }

	 /* ------------------------------------------------------------ *\
		Section Code
	\* ------------------------------------------------------------ */

	.section-promo-code { margin: 0; }

	.section-promo-code h4 { font-size: 20px; }

	 /* ------------------------------------------------------------ *\
		Section Bedding
	\* ------------------------------------------------------------ */

	.section-bedding { padding: 25px 0; }

	.section-bedding ul { margin: 10px 0 0 0; }
	.section-bedding ul li  { margin-bottom: 10px; font-size: 15px; }

	.section-bedding .section-image img { width: 100%; height: auto; }

	 /* ------------------------------------------------------------ *\
		Section Contact Us
	\* ------------------------------------------------------------ */

	.section-contact-us { padding: 35px 0 0 0; }

	.section-contact-us .section-form,
	.section-contact-us .section-aside { width: 100%; float: none; padding-bottom: 15px; }

	.section-contact-us .section-aside h5 { padding-bottom: 3px; }

	.section-contact-us .section-aside ul li { padding-bottom: 15px; }

	.section-contact-us .section-form h3 { margin-bottom: 15px; }

	.section-contact-us .gform_wrapper .gform_body .gfield  { margin-bottom: 10px; }
	.section-contact-us .gform_wrapper .gform_body .gform_fields label { margin-bottom: 5px; }

	 /* ------------------------------------------------------------ *\
		Section Join
	\* ------------------------------------------------------------ */

	.section-join  { text-align: center; }
	.section-join img { float: none; margin: 0; }

	.section-join .gform_wrapper { padding: 0 20px;  }
	.section-join .gform_wrapper .gform_heading .gform_title { font-size: 30px; margin-bottom: 5px; }

	.section-join .gform_wrapper .gform_body { margin: 0; padding-top: 0; }

	.section-join .gform_wrapper .gform_body .gform_fields .gfield { margin-bottom: 8px;  }
	.section-join .gform_wrapper .gform_body .gform_fields .gfield input { min-width: 100%; }

	 /* ------------------------------------------------------------ *\
		Section Registration
	\* ------------------------------------------------------------ */

	.section-registration { padding: 25px 0;  }
	.section-registration .section-head .shell { padding: 0 15px; }

	.form-registration .form-col-1of2,
	.form-registration .form-col-1of3,
	.form-registration .form-col-1of4 { width: 100%; float: none; padding: 0 0 10px 0; }

	 /* ------------------------------------------------------------ *\
		Gravity
	\* ------------------------------------------------------------ */
	
	.section-registration .gform_wrapper .gfield_html img { margin-left: 0; width: auto; }
	.section-registration .gform_wrapper .gfield_html p  {width: 100%;  }

	.section-registration .gform_wrapper .gfield_html img,
	.section-registration .gform_wrapper .gfield_html p {  float: none; }

	.section-registration .gform_wrapper .gform_fields .gfield { margin-bottom: 5px; }

	 /* ------------------------------------------------------------ *\
		Section tab
	\* ------------------------------------------------------------ */

	.section-tab { padding: 25px 0; }

	 /* ------------------------------------------------------------ *\
		Section Tabs
	\* ------------------------------------------------------------ */

	.section-resources > .section-head {  padding: 25px 0; }
	.section-resources > .section-head h1 { font-size: 35px; padding-bottom: 15px; }
	
	.section-resources > .section-head ul { padding-right: 0; display: block; }
	.section-resources > .section-head li { margin-bottom: 5px; }

	 /* ------------------------------------------------------------ *\
		Form Gift
	\* ------------------------------------------------------------ */

	.form-registration .form-row-upc p { width: 100%; float: none; padding: 10px 0 15px 0; }

	.form-registration .form-row-upc img { margin: 0; }

	.form-registration .form-actions { padding: 0; }

	 /* ------------------------------------------------------------ *\
		Section Faq
	\* ------------------------------------------------------------ */

	.section-faq { padding: 15px 0 25px; }

	.section-faq .section-head { padding-bottom: 15px; }

	.accordion .accordion-head { padding: 0 0 0 36px; margin-top: 15px; }
	.accordion .accordion-expanded .accordion-body { padding: 15px 0 0 36px; }

	 /* ------------------------------------------------------------ *\
		Main
	\* ------------------------------------------------------------ */

	.main { padding: 25px 0; }

	 /* ------------------------------------------------------------ *\
		Sidebar
	\* ------------------------------------------------------------ */

	.sidebar {width: 100%; float: none; }

	 /* ------------------------------------------------------------ *\
		Content
	\* ------------------------------------------------------------ */

	.content { width: 100%; float: none;  padding: 0; }

	 /* ------------------------------------------------------------ *\
		Buttons
	\* ------------------------------------------------------------ */

	.btn-green { font-size: 15px; }

	.btn-menu { display: inline-block; }

	 /* ------------------------------------------------------------ *\
		Article
	\* ------------------------------------------------------------ */
	
	.article { padding-bottom: 30px; }

	.article .article-image { float: none; width: 50%; }
	.article .article-content { padding: 15px 0 0 0; float: none; width: 100%; }

	.article .article-title { font-size: 27px; padding-bottom: 5px; }
	.article .article-body p { font-size: 16px; padding-bottom: 10px;  }

	 /* ------------------------------------------------------------ *\
		Paging
	\* ------------------------------------------------------------ */
	
	.paging { padding: 0; }

	 /* ------------------------------------------------------------ *\
		Tabs
	\* ------------------------------------------------------------ */

	.tabs h4 { font-size: 19px; }
	.tabs p { font-size: 16px; }
	
	.tabs .tabs-content,
	.tabs .tabs-nav { width: 100%; float: none; border-right: 1px solid #ccc; border-bottom: 0; font-size: 0; background: #ebebeb; }

	.tabs .tab.tab-primary.current { padding: 15px; }

	.tabs .tabs-nav li { display: block; width: 100%; }
	.tabs .tabs-nav a { font-size: 16px; padding: 10px 4px; border-width: 6px; border-bottom: 1px solid transparent; }
	.tabs .tabs-nav strong { font-size: 12px; }
	.tabs .tabs-nav a:after  { display: none; }
	.tabs .tabs-nav:after { content: ''; display: table; clear: both; } 
	
	.tab-safity .tab-safity-image { text-align: center; }
	.tab-safity .tab-safity-image,
	.tab-safity .tab-safity-content { width: 100%; float: none; }

	.tabs .tabs-nav:before { display: none; }

	.tabs .tabs-nav li { min-height: 100%; }

	.tab-inner-content .threading img { float: none; width: 50%;  }
	.tab-inner-content .threading li p { padding: 15px 0; }

	.tabs .threading li { width: 100%; float: none; }

	.tabs .tab-colums img { width: 100%; height: auto; }

	 /* ------------------------------------------------------------ *\
		Cols
	\* ------------------------------------------------------------ */

	.col.col { float: none; }
	.col.col-size1,
	.col.col-size2,
	.col.col-size3 { width: 100%; }

	.col.col-1of4  { width: 100%; float: none; } 

	 /* ------------------------------------------------------------ *\
		Footer
	\* ------------------------------------------------------------ */

	.footer h4 { padding-bottom: 10px; }

	.footer .footer-cols .shell { padding: 30px 0 0 0; background-size: 17%; }

	.footer .footer-cols .footer-col { width: 100%; float: none; border: 0; }
	.footer .footer-cols li { padding-bottom: 8px; }

	.footer .footer-bar { padding: 10px; }
	.footer .footer-socials li  {padding-bottom: 5px; }
	.footer .footer-socials img { width: 32px; height: 32px; }
	.footer .footer-socials .shell { padding: 0;  }
}

input[name="remove_autofocus_field"] { visibility: hidden;  opacity: 0; position: absolute;  }