/*reset---*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/*---------end reset-------*/
body,header {
    background-color: #fff;
    
}
body {
    background:url(/images/ltgray-diagonal-stripe.gif) repeat center;
    
}
body,td,th {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    line-height:22px;
    color: #575757;
}
.wrapper{
    width:100%;
    overflow-x:hidden;
    max-width:1600px;
    box-shadow:0 0 50px #ccc;
    
}
.home .wrapper{
    max-width:1440px;
    margin:0 auto;
}
a {
    transition: all .5s ease;
    text-decoration:none;
}
a:hover, a:focus {
    text-decoration: none;
}



strong{
    font-weight:700}
em{
    font-style:italic;
}




/*=======  Headings  ==========*/

h1,h2,h3,h4,h5,h6{
    margin:0;
    padding:0;
    font-weight:normal;
    font-family:'Lato', sans-serif;
}
h1{
    font-size:3em;
    line-height:1.15em;
    font-weight:100;
}
h2{
    font-size:3em;
    line-height:1.25em;
    font-weight:100;
}
h3{
    font-size:3em;
    line-height:1.25em;
    font-family:'Lato', sans-serif;
    font-weight:100;
    text-transform:uppercase;
}
.home h3{
    font-size:1.2em;
    line-height:0.5em;
    font-family:'Lato', sans-serif;
    font-weight:300;
    text-transform:uppercase;
    text-align:center;
    letter-spacing:2px;
    font-style:italic;
    color:#111;
    margin:30px 0}

.home h3 span {
    display: inline-block;
    position: relative;
    
}
.home h3 span:before,
.home h3 span:after {
    content: "";
    position: absolute;
    height: 5px;
    border-bottom: 1px solid #ccc;
    top: 0;
    width: 250px;
}
.col-md-8 h3 span:before, .col-md-8 h3 span:after {
    width:250px;
}
.col-md-4 h3 span:before, .col-md-4 h3 span:after {
    width:80px;
}

.home h3 span:before {
    right: 100%;
    margin-right: 15px;
}
.home h3 span:after {
    left: 100%;
    margin-left: 15px;
}

.store-template h1.rowhead {
    font-size:1.4em;
    line-height:0.5em;
    font-family:'Lato', sans-serif;
    font-weight:300;
    text-transform:uppercase;
    text-align:left;
    letter-spacing:2px;
    color:#111;
    margin:30px 0}

.store-template h1.rowhead span {
    display: inline-block;
    position: relative;
    
}

.store-template h1.rowhead span:after {
    content: "";
    position: absolute;
    height: 5px;
    border-bottom: 1px solid #ccc;
    top: 0;
    width: 800px;
}

.store-template h1.rowhead span:after {
    left: 100%;
    margin-left: 15px;
}

/*=======  Header   ==========*/

/*-- logo box --*/
.logobox{
    background:#cef3ed url(/images/diagonal-stripe6.gif) repeat;
    width:16.666666667%;
    height:auto;
    z-index:1000;
    position:absolute;
    border:1px solid #d7e4e2;
    border-left:0;
    text-align:center;
    padding-bottom:1em;
}
.logobox .phone{
    display:block;
    background:#daf0ee;
    padding:10px;
    color:#08796C;
}
.logobox .phone span.large{
    font-size:1.25em;
    font-weight:700;
}
.logobox img{
    width:100%;
    height:auto;
}

/*-- top nav --*/
.topnav{
}
.topnav ul{
    margin:0;
    padding:0;
    list-style:none;
    background:#fff;
}
.topnav ul li{
    text-align:center;
    display:inline-block;
    width:12.1%;
    text-transform:uppercase;
    padding-top:10px;
}
.topnav ul li a{
    border-bottom:3px solid;
    color:#6e6e6e;
    text-decoration:none;
    display:block;
}
.topnav ul li a.women{
    border-color:#eed271;
}
.topnav ul li a.women:hover{
    color:#cba728;
    border-color:#cba728}
.topnav ul li a.teens{
    border-color:#770b68;
}
.topnav ul li a.teens:hover{
    color:#520047;
    border-color:#520047;
}
.topnav ul li a.naturals{
    border-color:#859e48;
}
.topnav ul li a.naturals:hover{
    color:#5b7320;
    border-color:#5b7320;
}
.topnav ul li a.hispanic{
    border-color:#7ec2d7;
}
.topnav ul li a.hispanic:hover{
    color:#56aeca;
    border-color:#56aeca;
}
.topnav ul li a.men{
    border-color:#635939;
}
.topnav ul li a.men:hover{
    color:#473e20;
    border-color:#473e20;
}
.topnav ul li a.children{
    border-color:#e394d0;
}
.topnav ul li a.children:hover{
    color:#cf64b5;
    border-color:#cf64b5;
}
.topnav ul li a.college{
    border-color:#217591;
}
.topnav ul li a.college:hover{
    color:#095973;
    border-color:#095973;
}
.topnav ul li a.pros{
    border-color:#7e7e7e;
}
.topnav ul li a.pros:hover{
    color:#4f4c4c;
    border-color:#4f4c4c;
}



/*-- header bar --*/
header{
    position:relative;
}
.headerbar{
    background:white;
    min-height:76px;
    box-shadow:0 10px 20px #ededed;
    padding:18px 10px;
}
.headerbar-left{
    text-align:center;
}
.headerbar-left .search-box{
    border:1px solid #e8e8e8;
    border-radius:6px;
    box-shadow:inset 0 5px 10px #ccc;
    height:100%;
    overflow:hidden;
}

.headerbar-left .search-box input[type="text"] {
    margin: 0;
    border: 0;
    padding: 3px 10px;
    color: #ccc;
    font-size: .9em;
    background:transparent;
    font-style: italic;
    position:relative;
    float:left;
    width:85%;
    background:transparent;
    transition:all .25s;
    
}

.headerbar-left .search-box input[type="text"]:focus {
    outline:none;
    color:teal;
    background:rgb(237, 247, 246);
}

.search-box{
    position:relative;
}

.search-box input[type="submit"] {
    font-family: FontAwesome;
    clip: inherit;
    background: transparent;
    border:0;
    color: #b3b3b3;
    top: 4px;
    position:relative;
    float:right;
    width:14%;
}

.search-box input[type="submit"]:hover {
    color: teal;
}

.headerbar-mid{
    text-align:right;
}
p.tagline{
    font-family: 'Allura', cursive;
    font-size:1.7em;
    line-height:1.1em;
    color:#555;
    text-transform:none;
    padding-right:15px;
    margin-top:5px}

.headerbar-right{
    text-align:right;
    border-left:1px solid #555;
}
a.accountlink {
    color:#000;
    text-transform:uppercase;
    border-right:0px solid #000;
    font-weight:700;
    font-size:.85em;
}
a.accountlink:hover {
    color:#777;
    background:none;
}
.fa-shopping-cart {
    color:#333;
    padding-right:7px;
}

/*=======  page head  ==========*/

.pagehead{
    padding:0 1em 0 3em;
    position:relative;
    min-height:68px;
    margin-left:-40%;
    padding-left:45%;
}
.pagehead h1{
    color:#fff;
    text-transform:uppercase;
    font-family:'Lato';
    font-weight:100;
    font-size:2.4em;
    letter-spacing:1px;
    line-height:1.3em;
    margin-bottom:0;
    padding-bottom:0;
    position:absolute;
    bottom:-10px;
}
.tealhead{
    background:#00ad93 url(/images/teal-diagonal-stripe3.gif) repeat;
    color:#fff;
    box-shadow:inset 0 10px 15px #077968;
}
.women-head{
    background:#eed271 url(/images/gold-diagonal-stripe3.gif) repeat;
    color:#fff;
    box-shadow:inset 0 10px 15px #D7AD54;
}
.teens-head{
    background:#770b68 url(/images/purple-diagonal-stripe.gif) repeat;
    color:#fff;
    box-shadow:inset 0 10px 15px #5E0967;
}
.naturals-head{
    background:#859e48 url(/images/green-diagonal-stripe.gif) repeat;
    color:#fff;
    box-shadow:inset 0 10px 15px #7A894E;
}
.hispanic-head{
    background:#7ec2d7 url(/images/lightblue-diagonal-stripe.gif) repeat;
    color:#fff;
    box-shadow:inset 0 10px 15px #55A5B8;
}
.men-head{
    background:#635939 url(/images/brown-diagonal-stripe.gif) repeat;
    color:#fff;
    box-shadow:inset 0 10px 15px #4A3E19;
}
.children-head{
    background:#e394d0 url(/images/pink-diagonal-stripe.gif) repeat;
    color:#fff;
    box-shadow:inset 0 10px 15px #B56FAC;
}
.college-head{
    background:#217591 url(/images/darkblue-diagonal-stripe.gif) repeat;
    color:#fff;
    box-shadow:inset 0 10px 15px #155474;
}
.pros-head{
    background:#7e7e7e url(/images/gray-diagonal-stripe.gif) repeat;
    color:#fff;
    box-shadow:inset 0 10px 15px #666666;
}
.pagemeta{
    padding:.5em 1em 0}
.breadcrumbs a{
    color:#b6b6b6;
    font-size:.85em;
    text-transform:uppercase;
    letter-spacing:1px;
}
.sharing{
    color:#b6b6b6;
    font-size:.85em;
    text-align:right;
    padding-top:6px;
}
.twitter-share-button{
    position:relative;
    top:1}

.verticals-template .top-banner,
.blog .top-banner{
    float:right;
    position:relative;
    margin-top:-83px;
    margin-right:-15px;
    min-height:150px;
    height:250px;
    border-bottom:2px solid #e6e6e6;
}
.blog .top-banner{
    border-bottom:0}
.verticals-template .subpages{
    min-height:20px;
    padding:5px 3px;
    text-transform:none;
    font-weight:400;
    margin-left:-40%;
    padding-left:45%;
    margin-right:-15px;
    font-size:.9em;
    width:auto;
    float:none;
    padding-right:30%;
}

.women-page .top-banner {
    border-bottom: 2px solid rgb(231, 203, 108);
    background:url(/images/women-banner-image2.png) no-repeat left top;
}

.teens-page .top-banner {
    margin-top:-115px;
    border-bottom: 2px solid rgb(138, 45, 125);
    background:url(/images/teens-banner-image2.png) no-repeat 5px top;
}
.teens-page .subpages {
    background:#F0E7EF;
    color:#B20FA0}
.teens-page .subpages a{
    color:#B20FA0}

.naturals-page .top-banner {
    margin-top:-115px;
    border-bottom: 2px solid rgb(157, 177, 109);
    background:url(/images/natural-banner-image1.png) no-repeat 20px top;
}
.naturals-page .subpages {
    background:#f7faee;
    color:rgb(150, 170, 102)}
.naturals-page .subpages a{
    color:rgb(150, 170, 102)}

.hispanic-page .top-banner {
    border-bottom: 2px solid rgb(124, 202, 226);
    background:url(/images/hispanic-banner-image2.png) no-repeat left top;
}

.men-page .top-banner {
    border-bottom:2px solid rgb(157, 150, 129);
    background:url(/images/men-banner-image1.png) no-repeat 10px top;
}

.children-page .top-banner {
    border-bottom: 2px solid #F4C4E8;
    background:url(/images/children-banner-image2.png) no-repeat 10px top;
}

.college-page .top-banner {
    margin-top:-115px;
    border-bottom:2px solid #AACDDA;
    background:url(/images/college-banner-image1.png) no-repeat 10px top;
}
.college-page .subpages {
    background:#E8F2F7;
    color:#0C88B6}
.college-page .subpages a{
    color:#0C88B6}

.pros-page .top-banner {
    border-bottom: 2px solid #D8D8D8;
    background:url(/images/pros-banner-image3.png) no-repeat 10px top;
}

.store-template .top-banner{
}


/*=======Left Sidebar==========*/

.sidebarleft{
    background:#F6FBFB url(/images/diagonal-stripe6.gif) repeat;
    margin-top:120px;
    border:1px solid #d7e4e2;
    border-left:0;
    padding-top:15px;
    padding-bottom:1em;
}
.home .sidebarleft{
    margin-top:-80px;
}

/*--social links--*/
.sociallinks{
    text-align:center;
}
.sociallinks a{
    display:inline-block;
    margin:1px;
    width:24px;
}
.sociallinks span.fa{
    color:#79c1b3;
    font-size:1.5em;
    padding:1px;
}
.sociallinks span.fa:hover{
    color:#00AD93;
}
.sociallinks .fa-microphone{
    background:#79c1b3;
    color:#fff !important;
    font-size:1.1em !important;
    padding:3px 5px 0px 5px !important;
    border-radius:3px;
    position:relative;
    top:-1px;
}
.sociallinks .fa-microphone:hover{
    background:#00AD93;
    color:#fff;
}

/*--navigation--*/
.sidebarleft nav #accordion {
    margin:1em 0 3em 0;
    padding:0;
}
.sidebarleft nav > ul > li{
    font-size:.85em;
    font-weight:bold;
    text-transform:uppercase;
    border-top:1px solid #ace1d8;
    padding:.5em;
}
.sidebarleft nav ul li a {
    color:#5AA696;
    display:block;
}
/*.sidebarleft nav ul li a {
color:#02665A;
display:block;
}5AA696*/
.sidebarleft nav ul li ul.subnav {
    margin-left:10px;
}
.sidebarleft nav ul li ul.subnav li{
    font-weight:normal;
    text-transform:none;
    font-size:1em;
    padding:.25em;
    border-bottom:1px dotted #ccc;
}
.sidebarleft nav ul li ul.subnav li:last-child{
    border-bottom:0}

.sidebarleft nav ul li:hover {
    background:rgba(255,255,255,.5);
}
.sidebarleft nav ul li a:hover {
    color:#000;
    background:none;
}

.sidebarleft nav ul li a.active {
    color:#02665A;
    background:none;
}
/*.sidebarleft nav ul li a.active {
color:#65B5A4;
background:none;
}
.women-page .sidebarleft nav ul li a.active {
color:#D3B102;
background:none;
}
.naturals-page .sidebarleft nav ul li a.active {
color:#95A865;
background:none;
}*/


.sidebarleft nav > ul > li > a:before {
    content: '\F13A';
    padding-right:10px;
    font:normal normal normal 14px/1 FontAwesome;
    display:inline-block;
    font-size:inherit;
    text-rendering:auto;
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
    text-decoration: none;
    color: #fff;
    background: #333;
    text-align: center;
    padding: 7px 0;
    display: none;
    text-transform:uppercase;
}
.justfor {
    color:teal;
    border-bottom:1px solid #d7e4e2;
    border-left:1px solid #d7e4e2;
    margin-top:-10px;
    width:35%;
    float:right;
    font-size:.9em;
    margin-right:-10px;
    padding:2px 10px;
    background:#fff;
    text-align:left;
    border-radius:5px;
    
}
.mainmenu{
    margin-top:1em;
    border-radius:20px;
}

.show-menu span.fa{
    margin-right:5px;
}

/*Hide checkbox*/
.sidebarleft nav input[type=checkbox],
nav.topnav input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/


nav.topnav input[type=checkbox]:checked + #menu1{
    display: block;
    width:100%;
    clear:both;
}

.sidebarleft nav input[type=checkbox]:checked + #accordion{
    display: block;
}




/*--mailing list--*/
.mailinglistbox{
    background:#daf0ee url(/images/logo-a-bbddda.png) no-repeat center top;
    padding:50px 10px 10px 10px;
    text-align:center;
    color:#000;
}
span.firstline{
    display:block;
    text-transform:uppercase;
    font-size:1.1em;
    letter-spacing:2px;
}
span.secondline{
    display:block;
    font:2em/1em "Allura", cursive;
    text-transform:capitalize;
    margin-bottom:10px;
}
.mailinglistbox input{
    margin:.3em 0;
}
.mailinglistbox input[type=text]{
    border: 1px solid #19c5b3;
    text-align: center;
    font-style: italic;
    color: #555555;
    padding: 3px;
    width: 100%;
}
.mailinglistbox input[type="submit"]{
    margin-top:0;
}
.mailinglistbox p{
    margin-bottom:.5em;
}
.mailinglistbox .hid label{
    display:none;
}
.mailinglistbox .item{
    padding:0 !important}


/*=======  Page Content  ==========*/
.maincontent{
    padding:80px 1em 5em 50px;
}
.maincontent h1{
    color:#00ad93;
    font-size:2.3em;
    font-weight:500;
    margin-bottom:0;
}
.maincontent h1.alternate{
    font-family:"Allura", cursive;
    font-size:3.5em;
}
.maincontent h1.stylized{
    margin-left:1em;
    margin-right:1em;   
}
.maincontent h2{
    color:#4A5250;
    font-size:2em;
    font-weight:100;
    margin-bottom:.5em;
    line-height:1.3em;
}
.maincontent h2.alternate{
    font-family:"Allura", cursive;
    font-size:3em;
    text-align:center;
}
.maincontent h3{
    color:#4A5250;
    font-size:1.6em;
    font-weight:700;
    margin-bottom:.5em;
    line-height:1.5em;
    text-transform:none;
}
.maincontent h4{
    color:#00ad93;
    font-size:1.3em;
    font-weight:700;
    margin-bottom:.5em;
    line-height:1.5em;
    text-transform:uppercase;
    letter-spacing:1px;
}
.maincontent h1+p{
    margin-top:1.5em;
}
.maincontent h1+h2{
    margin-top:0;
    margin-bottom:1em;
}
.maincontent p, .maincontent ul, .maincontent ol, .maincontent blockquote{
    font-size:1.1em;
    line-height:1.5em;
    margin-bottom:1em;
}
.maincontent .introp{
    font-weight:300;
    font-size:1.2em;
    line-height:1.8em}
.maincontent ul,.maincontent ol{
    margin-left:40px;
}
.maincontent ul{
    list-style:disc;
}
.maincontent ol{
    list-style:decimal;
}
.maincontent li{
    margin-bottom:.5em}
.maincontent blockquote{
    border-left:5px solid #F0E3B1;
    padding:20px 30px;
    background:rgb(253, 249, 234)}
.maincontent blockquote cite{
    font-size:.9em;
    text-transform:uppercase;
    letter-spacing:1px;
    color:rgb(17, 157, 130);
}
.maincontent a, .homecontent a {
    color: #00AD93;
    transition: all .5s ease;
}
.maincontent a:hover,.maincontent a:focus,
.homecontent a:hover,.homecontent a:focus {
    color: #009382;
    text-decoration: none;
    background: #EDFCF9;
}

.maincontent .form-standard fieldset{
    border:1px solid #cecece;
    padding:1em;
    border-radius:10px;
    margin-top:40px;
}
.maincontent .form-standard legend{
    color:rgb(28, 177, 145);
    padding:0 20px;
    text-transform:uppercase;
    width:auto;
    font-size:1.4em;
}
.maincontent .form-standard input[type="text"],.maincontent .form-standard textarea{
    border:1px solid #ccc;
    padding:8px;
    border-radius:4px;
    width:100%;
    font-size:1.2em;
}
.maincontent .form-standard input[type="text"]:focus,.maincontent .form-standard textarea:focus{
    border:1px solid rgb(28, 177, 145);
    box-shadow:inset 0 0 11px rgb(218, 240, 238);
    outline: none;
}
.maincontent .form-standard select{
    padding:8px;
    width:100%;
    font-size:1.2em;
}
.maincontent .form-standard label{
    font-size:.8em;
    text-transform:uppercase;
    letter-spacing:1px;
    color:#555;
}
.maincontent .form-standard input[type="submit"]{
    padding:.5em;
    font-size:1.5em;
}

.maincontent figure{
    border:1px solid #e6e6e6;
    padding:10px;
    margin:0 20px 10px;
    border-radius:4px;
}
.maincontent figure figcaption{
    font-size:.9em;
    text-align:center;
    margin-top:10px;
    background:#eee;
}

.maincontent img{
    max-width:100%;
    height:auto;
}
.maincontent video {
    width: 100%    !important;
    height: auto   !important;
}

.maincontent img.stylized{border:10px solid white;box-shadow:0 0 30px rgba(0,0,0,.30);border-radius:10px;}
ul.numbered {
    list-style:none;
    text-indent:-20px;
}
ol.numbered {
    list-style:none;
}
.numbered span{
    font-family: Allura;
    font-size: 2em;
    display: inline-block;
    margin-right: 20px;
    color: rgb(0, 173, 147);
    text-align:right;
    position:relative;
    top:4px;
}
.numbered li{
    padding-bottom:1em;
    border-bottom:1px dotted teal;
    margin-bottom:1em;
    clear:both;
}

ul.fancy-list {
    margin-bottom: 1em;
}
.two-column {
    -webkit-columns: 200px 2;
    -moz-columns: 200px 2;
    columns: 200px 2;
}
.fancy-list li {
    border-bottom: 1px dotted #00AD93;
    margin:0 1em .5em 1em;
    padding-bottom: .5em;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}
/*--verticals--*/
.verticals-template .maincontent, .blog .maincontent {
    padding: 0px 30px 150px 80px;
    margin-top:-40px;
}
.blog .maincontent {
    padding-right:80px}
.verticals-template .maincontent h1, .blog .maincontent h1{
    color:#000;
    font-size:4.3em;
    font-weight:100;
    margin-bottom:.2em;
    letter-spacing:-2px;
}

.verticals-template .list, .blog .list{
    border-top:1px solid #ccc;
    padding-top:1em;
    margin-top:1em;
    clear:both;
}
.verticals-template h2.post-title, .blog h2.post-title{
    font-size:1.5em !important;
    font-weight:400;
    border-bottom:0 !important;
    margin-bottom:1em !important;
}
.verticals-template .post-body img.thumb{
    display:block;
    background:#ccc;
    float:left;
    margin:0 30px 10px 0;
    width:150px;
    height:150px;
}

/*--FAQ--*/
.faq-list{
    border-bottom:1px dotted #D3C66D;
    margin-bottom:1em;
}
.faq-question{
    font-size:1.2em}
.faq-details{
    background:#F7F5E8;
    padding:1px 40px;
}

/*--retail locations--*/
.retailers-list{
    border-bottom:1px dotted #D3C66D;
    margin-bottom:1em;
}
.faq-question{
    font-size:1.2em}
.faq-details{
    background:#F7F5E8;
    padding:1px 40px;
}

/*--store--*/

.store-home .maincontent {
    padding-top:20px;
}
.store-home .maincontent ul{
    list-style:none;
    margin:0;
}

.store-template .categories ul {
    background:#fff;
    box-shadow:0 0 30px #ccc;
    padding:1em;
    border-radius:10px;
}
.store-template .categories ul li{
    font-size:.9em;
    border-bottom:1px dotted #ccc;
    padding:.2em;
}
.store-template .categories ul li:hover{
    background:#F8FAFA;
}
.store-template .categories ul li a{
    color:#555;
    display:block;
    padding:.3em;
    width:90%;
    position:relative;
}
.store-template .categories ul li a:hover{
    color:teal;
    background:transparent;
}

.store-template .categories ul li a:after{
    content:'\f138';
    padding-right:10px;
    color:#999;
    font-family:FontAwesome;
    position:absolute;
    right:-15%;
    margin:auto;
    font-size:inherit;
    text-rendering:auto;
}

.store-template .categories ul li a:hover:after{
    color:teal;
}

.productLarge .description{
    padding:10px 30px;
}
.shop-product-large{
    border-radius:8px;
}

/*--blog--*/
.blog .question-form{
    border:3px solid #333;
    padding:20px;
    margin-top:40px;
}
.single .blogtitle, .single .blogdescription, .single .postnav{
    display:none;
}
.postnav{
    text-transform:uppercase;
    text-align:center;
    background:#DAF0EE;
    padding:10px;
    border-radius:6px;
}
.pagination{
    margin:0}

/*--virtual salon--*/
#virtualsalon{
    text-align:center;
    padding-bottom:67%;
    background:#000;
    box-shadow:0 0 60px 10px #000;
    border:10px solid #EAEFED}


/*=======  CTA row  ==========*/

.ctarow{
    background:#00ad93 url(/images/teal-diagonal-stripe3.gif) repeat;
    color:#fff;
    padding:1em 0;
    box-shadow:0 0 100px #6DC0B3;
    text-align:center;
}
.ctarow h3{
    font-size:1.4em;
    letter-spacing:2px;
    font-weight:500;
    font-style:italic;
    color:#fff;
    margin-bottom:.5em;
}
.ctarow h4{
    font-family:"Allura", cursive;
    font-size:2.2em;
    line-height:1em;
    margin:10px 0;
}
.ctarow p{
    font-size:1em;
    line-height:1.6em;
    margin-bottom:20px;
    text-align:center}
.ctarow >div {
    border-right:1px solid #54CBBA}
.ctarow >div:last-child{
    border-right:0}
.ctarow .cta p{
    font-size:1.3em;
    text-transform:uppercase;
    font-style:italic;
    margin:20px 0 0;
    letter-spacing:1px;
}

.women-page .ctarow{
    background:#eed271 url(/images/gold-diagonal-stripe3.gif) repeat;
    color:#000;
    box-shadow:0 0 100px #DFC691;
}
.teens-page .ctarow{
    background:#770b68 url(/images/purple-diagonal-stripe.gif) repeat;
    box-shadow:0 0 100px #BE9FC2;
}
.naturals-page .ctarow{
    background:#859e48 url(/images/green-diagonal-stripe.gif) repeat;
    box-shadow:0 0 100px #ABB884;
}
.hispanic-page .ctarow{
    background:#7ec2d7 url(/images/lightblue-diagonal-stripe.gif) repeat;
    box-shadow:0 0 100px #AADCE8;
}
.men-page .ctarow{
    background:#635939 url(/images/brown-diagonal-stripe.gif) repeat;
    box-shadow:0 0 100px #A6A293;
}
.children-page .ctarow{
    background:#e394d0 url(/images/pink-diagonal-stripe.gif) repeat;
    box-shadow:0 0 100px #E7B6E1}
.college-page .ctarow{
    background:#217591 url(/images/darkblue-diagonal-stripe.gif) repeat;
    color:#fff;
    box-shadow:0 0 100px #7FA9BE;
}
.pros-page .ctarow{
    background:#7e7e7e url(/images/gray-diagonal-stripe.gif) repeat;
    box-shadow:0 0 100px #B2B2B2;
}

.women-page .ctarow >div {
    border-color:#CDAC3C}
.teens-page .ctarow >div {
    border-color:#AB61A1}
.naturals-page .ctarow >div {
    border-color:#BBCD8F}
.hispanic-page .ctarow >div {
    border-color:#93E3FC}
.men-page .ctarow >div {
    border-color:#918769}
.children-page .ctarow >div {
    border-color:#F0AAE0}
.college-page .ctarow >div {
    border-color:#4495B3}
.pros-page .ctarow >div {
    border-color:#9B9B9B}


/*=======Right Sidebar==========*/

.verticals-template .sidebarright,
.blog .sidebarright{
    top:1px;
    min-height:100px;
    font-size:.88em;
    padding:0 2em 1em 1em;
}

.verticals-template .sidebarright h3, .blog .sidebarright h3
{
    font-size: 1.2em;
    font-weight: 400;
    color: black;
    line-height: 1.2em;
}
.verticals-template .sidebarright h4, .blog .sidebarright h4{
    text-transform:uppercase;
    letter-spacing:1px;
    font-style:italic;
    text-align:center;
    margin:1em 0;
}

.store-template .sidebarright{
    padding:3em 2em 0 0;
}
.store-template .sidebarright h3{
    font-size: 1.2em;
    font-weight:400;
    color: black;
    line-height: 1.2em;
    text-align:center;
    border-top:1px solid teal;
    border-bottom:1px solid teal;
    padding:.2em 0;
}

.blog .sidebarright{
    background:#F7F7F7;
}
.blog .sidebarright li{
    border-bottom:1px dotted #d5d5d5;
    padding:.5em;
}
.blog .sidebarright a{
    color:#444;
    display:block;
}
.blog .sidebarright a:hover{
    color:#000;
    background:#fff;
}
.blog .sidebarright .BlogTagCloud {
    text-align:center;
}
.blog .sidebarright .BlogTagCloud a{
    display:inline-block;
    padding:5px;
    background:#fff;
    margin:2px;
}
.blog .sidebarright .BlogTagCloud a:hover{
    background:#555;
    color:#fff}

.naturals-page .sidebarright{
    background:#f7faee;
}
.naturals-page .sidebarright li{
    border-bottom:1px dotted #58701d;
    padding:.5em;
}
.naturals-page .sidebarright a{
    color:#58701d;
    display:block;
}
.naturals-page .sidebarright a:hover{
    color:#485d14;
    background:#fff;
}

.women-page .sidebarright{
    background:#fdf9ea;
}
.women-page .sidebarright li{
    border-bottom:1px dotted rgb(231, 203, 108);
    padding:.5em;
}
.women-page .sidebarright a{
    color:#b99101;
    display:block;
}
.women-page .sidebarright a:hover{
    color:#ac8600;
    background:#fff;
}

.teens-page .sidebarright{
    background:#F0E7EF;
}
.teens-page .sidebarright li{
    border-bottom:1px dotted #B20FA0;
    padding:.5em;
}
.teens-page .sidebarright a{
    color:#B20FA0;
    display:block;
}
.teens-page .sidebarright a:hover{
    color:#930283;
    background:#FAF1F9;
}

.hispanic-page .sidebarright{
    background:rgb(230, 244, 249);
    padding-top:1em;
}
.hispanic-page .sidebarright li{
    border-bottom:1px dotted #66BAE5;
    padding:.5em;
}
.hispanic-page .sidebarright a{
    color:#38A4DB;
    display:block;
}
.hispanic-page .sidebarright a:hover{
    color:#38A4DB;
    background:#FAF1F9;
}

.men-page .sidebarright{
    background:rgb(234, 234, 224);
    padding-top:1em;
}
.men-page .sidebarright li{
    border-bottom:1px dotted #969180;
    padding:.5em;
}
.men-page .sidebarright a{
    color:#685F41;
    display:block;
}
.men-page .sidebarright a:hover{
    color:#3D3310;
    background:#F9F9EE;
}

.children-page .sidebarright{
    background:#FDF1FC;
    padding-top:1em;
}
.children-page .sidebarright li{
    border-bottom:1px dotted #E7A9D8;
    padding:.5em;
}
.children-page .sidebarright a{
    color:#DF70C4;
    display:block;
}
.children-page .sidebarright a:hover{
    color:#CB46AB;
    background:#fff;
}

.college-page .sidebarright{
    background:#E8F2F7;
    padding-top:1em;
}
.college-page .sidebarright li{
    border-bottom:1px dotted #ABB8D3;
    padding:.5em;
}
.college-page .sidebarright a{
    color:#0C88B6;
    display:block;
}
.college-page .sidebarright a:hover{
    color:#06698E;
    background:#fff;
}

.pros-page .sidebarright{
    background:#f7f7f7;
    padding-top:1em;
}
.pros-page .sidebarright li{
    border-bottom:1px dotted #D8D8D8;
    padding:.5em;
}
.pros-page .sidebarright a{
    color:#555;
    display:block;
}
.pros-page .sidebarright a:hover{
    color:#333;
    background:#fff;
}

.BlogRecentPost li a{
    font-weight:700}
.BlogTagCloud-XX-Large {
    font-size: 24px;
    text-transform: lowercase;
}
.BlogTagCloud-X-Large {
    font-size: 22px;
    text-transform: lowercase;
}
.BlogTagCloud-Large {
    font-size: 20px;
    text-transform: lowercase;
}
.BlogTagCloud-Medium {
    font-size: 18px;
    text-transform: lowercase;
}
.BlogTagCloud-Small {
    font-size: 16px;
    text-transform: lowercase;
}
.BlogTagCloud-X-Small {
    font-size: 14px;
    text-transform: lowercase;
}
.BlogTagCloud-XX-Small {
    font-size: 12px;
    text-transform: lowercase;
}
/*=======  GTL page  ==========*/

#countdown{text-align:center;margin-bottom:2em;border-bottom:1px solid #ccc;padding-bottom:1em;border-top:1px solid #ccc;padding-top:6em;background:#eee url(/images/gtl-banner-2019.jpg)no-repeat center top;background-size:contain;}
#countdown h1{color:#000;font-size:3.5em;margin-bottom:1em;}
#clockdiv{
    color: #fff;
    display: inline-block;
    text-align: center;
    font-size: 2em;
}

#clockdiv > div{
    padding: 10px;
    border-radius: 3px;
    background: #00BF96;
    display: inline-block;
    margin-top:5px;
}

#clockdiv div > span{
    padding: 10px;
    border-radius: 3px;
    background: #00816A;
    display: inline-block;
}

.smalltext{
    padding-top: 5px;
    font-size: 16px;
    text-transform:uppercase;
}

/*=======Home Slider==========*/

.homeslidecontainer{
    height:auto;
    color:#fff;
    text-align:center}
.flexslider .slides li {
    height:410px;
}
.flexslider .slides img {
    position:absolute;
    z-index:-1;
}
.text-box-left{
    float:left;
    width:55%;
    margin-left:10%}
.text-box-right{
    float:right;
    width:55%;
}
.text-box-center{
    margin:0 auto;
    width:70%}
h1 span.firstline{
    display:inline-block;
    font-size:1.3em;
}
h1 span.secondline{
    display:inline-block;
    font:1.5em/1em 'Allura', cursive;
}
.flexslider h1{
    margin-top:8%;
}
.flexslider p{
    margin:0 auto;
    width:70%;
    font-size:1.3em;
    line-height:1.4em;
}
.flexslider .text-box-right img, .flexslider .text-box-left img, .flexslider .text-box-center img{
    position:relative !important;
    width:auto !important}
.slide0-radioshow .firstline{
    background:rgba(0,0,0,.8)}

/*=======  Row 1  ==========*/
.home article{
    position:relative;
    z-index:999;
}
.homerow1{
    background:#fff;
    text-align:center;
    box-shadow:30px 0px 40px rgba(0,0,0,.2);
    padding-top:50px;
    padding-bottom:50px;
}
/*.home .homerow1 h3{
line-height:1.1em;
font-size:1em;
background:#fff;
display:inline-block;
margin:0 auto;
padding:0 10px;
margin-top:-10px;
}
.homerow1 .feature{
border:1px solid #ccc;
margin:10px;
border-radius:2px;
}
.homerow1 .feature img{
width:100%;
height:auto;
}*/
.homerow1 .col-md-3 {
    margin:0 1%;
    width:30%;
}
.homerow1 .col-md-3:first-child {
    margin-left:3%}
.homerow1 .col-md-3:last-child {
    margin-right:0%}
.homerow1 a{
    display:block;
}
.homerow1 a[class*="feature2"]{
    background:url(/images/gray-diagonal-stripe.gif) repeat;
    height:100%;
    overflow:hidden;
    min-height:130px;
    position:relative;
    border:1px solid #666;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.homerow1 a.feature2-1{
    background:url(/images/teal-diagonal-stripe3.gif) repeat;
    border:1px solid teal;
}
.homerow1 a.feature2-3{
    background:url(/images/green-diagonal-stripe.gif) repeat;
    border:1px solid rgb(136, 160, 80);
}
.homerow1 a div{
    background:rgba(0,0,0,.25);
    height:100%;
    margin:10px 0;
    transition:all .25s}
.homerow1 a div:hover{
    background:rgba(0,0,0,.35) url(/images/akbari-a.png) no-repeat right center;
}
.homerow1 h3{
    font-weight:bold;
    color:#fff;
    font-style:normal;
    line-height:1em;
    background:transparent;
    font-size:2.1em;
    text-align:left;
    letter-spacing:-1px;
    margin:5px 10px;
    padding-bottom:0;
}
.homerow1 p{
    color:#fff;
    font-style:italic;
    line-height:1em;
    margin:10px;
    font-size:1.3em;
    text-align:left;
    text-transform:lowercase;
}



/*=======  Row 2  ==========*/

.homerow2{
    padding: 40px 0 100px 10px}

ul#videolist{
    margin-top:30px;
}
ul#videolist li{
    padding:5px;
    border-bottom:1px dotted teal;
    margin-left:40px;
    text-indent:-38px;
    font-size:1.2em;
}
ul#videolist li a{
    padding:3px;
    display:block;
}
ul#videolist li a:hover{
    font-weight:700;
}

ul#videolist li a:before{
    content:'\f03d';
    font-family:FontAwesome;
    border-right:1px solid teal;
    margin-right:10px;
    padding-right:10px;
}

ul#videolist li a:hover:before{
    content:'\f144';
    color:rgb(0, 100, 100);
}
.homevideos,.homenews{
    padding-right:40px;
    padding-left:40px;
}
.homenews {
    border-left:1px solid #ccc;
}
.homenews h3{
    margin-top:0;
}
.homenews img{
    display:block;
    width:100%;
    height:auto;
    margin-bottom:15px;
}
.homenews .announcement-list {
    font-size: 1em;
    padding-bottom:20px;
}
.announcement-list h2 {
    font-size: 1.1em;
    line-height:1.2em;
    font-weight:700;
}

/*=======  Row 3  ==========*/

.homerow3{
    background:#00ad93 url(/images/teal-diagonal-stripe3.gif) repeat;
    ;color:#fff;
    padding:1em 0;
    box-shadow:0 0 50px #adadad;
}
.homerow3 h3{
    font-weight:500;
    color:#fff;
    margin:10px 0 30px 0;
}
.homerow3 h3 span:before,
.homerow3 h3 span:after {
    border-bottom: 1px solid #fff;
}
.homerow3 p{
    font-size:1.3em;
    line-height:1.8em;
    margin-bottom:20px;
    text-align:center}
.box1{
    border:1px solid #30e5ca;
    height:100%;
    overflow:hidden;
    padding:20px;
    text-align:center;
    background:rgba(0,65,56,.3);
    margin:40px 0 30px;
}
.box1 >div:first-child{
    border-right:1px solid #19B69F}
.box1 p{
    text-transform:uppercase;
    font-style:italic;
    margin:20px 0 0;
    letter-spacing:1px;
}
.box1 h4{
    font-size:2em;
    margin:10px 0;
}

/*=======  Row 4  ==========*/

.homerow4{
    background:#fff;
    padding-bottom:40px;
}

blockquote.featured-quote {
    font-size:1.1em;
    line-height:2em;
    padding: 0.5em 10px;
    quotes: "\201C""\201D""\2018""\2019";
}
blockquote.featured-quote:before {
    color: #000;
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
    font-family:Georgia;
    
}
blockquote.featured-quote:after {
    color: #000;
    content: close-quote;
    font-size: 4em;
    line-height: 0.1em;
    vertical-align: -0.4em;
    font-family:Georgia;
    
}
blockquote.featured-quote p {
    display: inline;
}
.thumbs img{
    width:100%;
    height:auto;
}

/*=======  Footer  ==========*/

footer{
    min-height:150px;
    background:#cef3ed url(/images/diagonal-stripe5.gif) repeat;
}
footer .row{
    padding-top:70px;
}
.footer-left{
    text-align:center;
}
.footer-right{
    text-align:right;
}

/*--navigation--*/
ul#footernav{
    margin:0;
    padding:0;
    list-style:none;
    text-align:center;
}
ul#footernav li {
    color:#000;
    display:inline-block;
    margin:0 10px;
    text-transform:uppercase;
    font-size:.7em;
    letter-spacing:1px;
}
ul#footernav li a{
    color:#444;
    text-decoration:none;
}
ul#footernav li a:hover{
    color:#000;
}
ul#footernav li a.highlight{
    color:#00ad93;
}
ul#footernav li a.highlight:hover{
    color:#008E79}

.footer-right{
    font-size:.75em;
}

div.AuthorizeNetSeal{
    margin-top:-40px !important;
}
footer .sociallinks{
    display:none;
}


/*misc*/
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    background: #fefefe;
    border: 10px solid #EAEFED;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*Button styling*/
.btn {
    display: inline-block;
    zoom: 1;
    /* zoom and *display = ie7 hack for display:inline-block */
    *display: inline;
    vertical-align: baseline;
    margin: 20px 0;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 700 1.2em/100% 'Gudea', sans-serif;
    padding: .5em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em;
    
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 0px 4px rgba(0,0,0,.4);
    -moz-box-shadow: 0 0px 4px rgba(0,0,0,.4);
    box-shadow: 0 0px 4px rgba(0,0,0,.4);
    text-decoration:none;
    color:#fff;
    
    text-transform:none;
}

.btn:hover {
    text-decoration:none;
    color:#f5f4ee;
    
}

.btn:active {
    position: relative;
    top: 1px;
}
.btn-lg{
    font-size: 1.5em;
    padding: 1em 1.4em;
}
.btn-sm {
    font: 1em/100% 'Gudea', sans-serif;
    padding: .5em 1em;
    text-shadow: 0 1px 1px rgba(0,0,0,.5);
    -webkit-border-radius: .5em;
    
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow:none;
    letter-spacing:1px;
}
.btn span.fa{
    margin-right:8px}
.gray{
    color:#000;
    background: rgb(247,247,247);
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;
            base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNmQ2ZDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(247,247,247,1) 0%, rgba(214,214,214,1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(100%,rgba(214,214,214,1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(214,214,214,1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(214,214,214,1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(214,214,214,1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom,  rgba(247,247,247,1) 0%,rgba(214,214,214,1) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#d6d6d6',GradientType=0 );
    /* IE6-8 */
}

.gray:hover{
    color:#fff;
    background: rgb(155,155,155);
    /* Old browsers */
    
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    
    background: url(data:image/svg+xml;
            base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzliOWI5YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2YjZiNmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    
    background: -moz-linear-gradient(top,  rgba(155,155,155,1) 0%, rgba(107,107,107,1) 100%);
    /* FF3.6+ */
    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(155,155,155,1)), color-stop(100%,rgba(107,107,107,1)));
    /* Chrome,Safari4+ */
    
    background: -webkit-linear-gradient(top,  rgba(155,155,155,1) 0%,rgba(107,107,107,1) 100%);
    /* Chrome10+,Safari5.1+ */
    
    background: -o-linear-gradient(top,  rgba(155,155,155,1) 0%,rgba(107,107,107,1) 100%);
    /* Opera 11.10+ */
    
    background: -ms-linear-gradient(top,  rgba(155,155,155,1) 0%,rgba(107,107,107,1) 100%);
    /* IE10+ */
    
    background: linear-gradient(to bottom,  rgba(155,155,155,1) 0%,rgba(107,107,107,1) 100%);
    /* W3C */
    
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b9b9b', endColorstr='#6b6b6b',GradientType=0 );
    /* IE6-8 */
    
    
    
    
}
a.teal, input.teal{
    border:1px solid rgb(70, 187, 169);
    color:#fff;
    background: rgb(39,196,159);
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;
            base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI3YzQ5ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYTkxN2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(39,196,159,1) 0%, rgba(10,145,122,1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(39,196,159,1)), color-stop(100%,rgba(10,145,122,1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(39,196,159,1) 0%,rgba(10,145,122,1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(39,196,159,1) 0%,rgba(10,145,122,1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(39,196,159,1) 0%,rgba(10,145,122,1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom,  rgba(39,196,159,1) 0%,rgba(10,145,122,1) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27c49f', endColorstr='#0a917a',GradientType=0 );
    /* IE6-8 */
    
}
a.teal:hover, input.teal:hover{
    border:1px solid rgb(70, 187, 169);
    color:#D4FFF5;
    background: rgb(24,180,149);
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;
            base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE4YjQ5NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNTc3NmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(24,180,149,1) 0%, rgba(5,119,106,1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(24,180,149,1)), color-stop(100%,rgba(5,119,106,1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(24,180,149,1) 0%,rgba(5,119,106,1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(24,180,149,1) 0%,rgba(5,119,106,1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(24,180,149,1) 0%,rgba(5,119,106,1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom,  rgba(24,180,149,1) 0%,rgba(5,119,106,1) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#18b495', endColorstr='#05776a',GradientType=0 );
    /* IE6-8 */
    
}
.dkgray{
    background: rgb(85,85,85);
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;
            base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMjIyMjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(85,85,85,1) 0%, rgba(34,34,34,1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(85,85,85,1)), color-stop(100%,rgba(34,34,34,1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(85,85,85,1) 0%,rgba(34,34,34,1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(85,85,85,1) 0%,rgba(34,34,34,1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(85,85,85,1) 0%,rgba(34,34,34,1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom,  rgba(85,85,85,1) 0%,rgba(34,34,34,1) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#222222',GradientType=0 );
    /* IE6-8 */
    
}
a.green{
    color:#fff;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bcdb6d+0,859e48+100 */
background: #bcdb6d; /* Old browsers */
background: -moz-linear-gradient(top,  #bcdb6d 0%, #859e48 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #bcdb6d 0%,#859e48 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #bcdb6d 0%,#859e48 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcdb6d', endColorstr='#859e48',GradientType=0 ); /* IE6-9 */
}
a.green:hover{
        color:#fff;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9fca32+0,677a38+100 */
background: #9fca32; /* Old browsers */
background: -moz-linear-gradient(top,  #9fca32 0%, #677a38 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #9fca32 0%,#677a38 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #9fca32 0%,#677a38 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9fca32', endColorstr='#677a38',GradientType=0 ); /* IE6-9 */
}

/*=======  Popup  ==========*/
#popup{background:#25262a url(/images/askhairdr-popupBG.jpg) no-repeat;background-size:420px auto;padding:0 0 5px 0;border-radius:10px;}
.home #popup h1{color:#fff;background:#e04545;padding:10px 0;font-size:2em;}
.home #popup h1.alt{color:#e04545; font-family:'Allura', cursive;font-size:6em;background:none}

.home #popup h2{color:#43e4cc;font-size:1.5em;margin-top:.8em;}
.home #popup h3{color:#fff;}
#popup .details{padding:9em 0 .5em;text-align:center;}
#popup #countdown-2{padding:1em 0;text-align:center;}
.home #popup .popup-content h3{color:#e04545; font-style:normal; letter-spacing:normal; text-transform:none; font-family:'Allura', cursive;font-size:3em;line-height:.5em;margin-top:20px;margin-bottom:0}
.home #popup .popup-content p{color:#000; font-weight:bold;font-size:1.2em;padding-top:1em;margin-bottom:0.5em;padding-bottom:0}
#popup .popup-content{background:#fff;border:5px #ccc solid;padding:5px 20px;margin:1em; color:#00AD93;text-align:center;border-radius:10px;}

/* #Media Queries
================================================== */

/* Top menu */


/* Wide screens above 1280px */
@media only screen and (min-width: 1281px) {
    p.tagline{
        font-size:2.2em;
    }
    .homerow1 h3{
        font-size:2.5em;
    }

}



/* Smaller than standard 960 (devices and browsers)  [originally 959, now 991] */
@media only screen and (max-width: 991px) {
    
    /*=======Home Slider==========*/
    
    
    .text-box-left{
        float:left;
        width:65%;
        margin-left:1%}
    h1 span.firstline{
        font-size:1em;
    }
    h1 span.secondline{
        font:1.1em/1em 'Allura', cursive;
    }
    .flexslider h1{
        margin-top:15%;
    }
    .flexslider p{
        font-size:1.1em;
        line-height:1.3em;
    }
    
    
    .homerow1 h3{
        font-size:1.5em;
    }
    .homenews  {
        border-left:0}
    .homenews h3 {
        margin-top:30px}
    .homerow1 .col-md-3{
        width:33.33333333%;
        margin:0 !important}
    
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (min-width: 768px) {
        /*=======  GTL page  ==========*/

#countdown{text-align:center;margin-bottom:2em;border-bottom:1px solid #ccc;padding-bottom:1em;border-top:1px solid #ccc;padding-top:4em;background:url(/images/GTLcountdownBG.jpg)no-repeat center top;background-size:contain;}
#clockdiv{
    color: #fff;
    display: inline-block;
    text-align: center;
    font-size: 3em;
}
#clockdiv div > span{
    padding: 5px;
    border-radius: 3px;
    background: #00816A;
    display: inline-block;
}
    
    
.home #clockdiv{
    color: #fff;
    display: inline-block;
    text-align: center;
    font-size: 3em;
}
.home #clockdiv div > span{
    padding: 25px;
    border-radius: 3px;
    background: #00816A;
    display: inline-block;
}
/*=======  Popup  ==========*/
#popup{background:#25262a url(/images/askhairdr-popupBG.jpg) no-repeat;background-size:contain;padding:0 30px 30px 30px;border-radius:10px;}
.home #popup h1{color:#fff;background:none;}
.home #popup h1.alt{color:#e04545; font-family:'Allura', cursive;font-size:6em;}

.home #popup h2{color:#43e4cc;font-size:1.5em;margin-top:.8em;}
.home #popup h3{color:#fff;}
#popup .details{padding:1em 0 1em 40%;text-align:center;}
#popup #countdown-2{padding:.8em 0;text-align:center;}
.home #popup .popup-content h3{color:#e04545; font-family:'Allura', cursive;width:100%;font-size:3em;margin-bottom:0}
.home #popup .popup-content p{color:#000; font-weight:bold;font-size:1.2em}
#popup .popup-content{width:100%;background:#fff;border:5px #ccc solid;padding:5px 20px;margin:1em 0; color:#00AD93;text-align:center;border-radius:10px;}


}
@media only screen and (min-width: 1038px) {
        /*=======  GTL page  ==========*/
 
    #countdown {padding-top:11em;background:url(/images/gtl-banner-2019.jpg)no-repeat center top;background-size:cover;}
 #clockdiv, .home #clockdiv{
    
    font-size: 5em;
}
#clockdiv div > span{
    padding: 25px;
}
/*=======  Popup  ==========*/
#popup{background:#25262a url(/images/askhairdr-popupBG.jpg) no-repeat;background-size:contain;padding:0 30px 30px 30px;border-radius:10px;}
.home #popup h1{color:#fff;}
.home #popup h1.alt{color:#e04545; font-family:'Allura', cursive;font-size:6em;}

.home #popup h2{color:#43e4cc;font-size:1.5em;margin-top:.8em;}
.home #popup h3{color:#fff;}
#popup .details{padding:1em 0 1em 40%;text-align:center;}
#popup #countdown-2{padding:.8em 0;text-align:center;}
.home #popup .popup-content h3{color:#e04545; font-family:'Allura', cursive;width:100%;font-size:3em;margin-bottom:0}
.home #popup .popup-content p{color:#000; font-weight:bold;font-size:1.2em}
#popup .popup-content{width:100%;background:#fff;border:5px #ccc solid;padding:5px 20px;margin:1em 0; color:#00AD93;text-align:center;border-radius:10px;}

}

/* Tablet Portrait size to standard 960 (devices and browsers) [originally 959, now 991] */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    
    /*=======  Header   ==========*/
    
    /*-- logo box --*/
    .logobox{
        width:25%;
    }
    
    /*-- top nav --*/
    .topnav{
    }
    .topnav ul{
        margin:0;
        padding:0;
        list-style:none;
        background:#fff;
    }
    .topnav ul li{
        width:12%;
        padding-left:0;
        padding-right:0;
        font-size:.85em;
    }
    .topnav ul li a{
        padding:0;
    }
    
    
    /*-- header bar --*/
    .headerbar{
        background:transparent;
        height:100%;
        overflow:hidden;
    }
    .headerbar-left{
        text-align:center;
        margin-bottom:1em}
    p.tagline{
        font-size:1.6em;
        text-align:center}
    
    .verticals-page .top-banner {
        background-position:left top;
        
    }
    
    
    
}

/* All Mobile Sizes (devices and browser) ("sm" in bootstrap)*/
@media only screen and (max-width: 767px) {
    /*home*/
    /*-- header bar --*/
    .headerbar{
        height:100%;
        overflow:hidden;
    }
    
    
    
    /*=======  CTA row  ==========*/
    
    .ctarow h3{
        font-size:1.4em;
        letter-spacing:2px;
        font-weight:500;
        font-style:italic;
        color:#fff;
        margin-bottom:.5em;
    }
    .ctarow h4{
        font-size:2.2em;
        margin:10px 0;
    }
    .ctarow p{
        font-size:1em;
        line-height:1.6em;
        margin-bottom:20px;
        text-align:center}
    .ctarow >div {
        border-right:0px solid #54CBBA;
    }
    .ctarow >div h4{
        border-top:1px solid #54CBBA;
        padding-top:1em;
    }
    .ctarow >div:last-child{
        border-bottom:0}
    .ctarow .cta p{
        margin:0;
    }
    
    /*=======Left Sidebar==========*/
    
    .sidebarleft{
        margin-top:0;
        border:1px solid #d7e4e2;
        border-left:0;
        padding-top:0;
        padding-bottom:1em;
    }
    .home .sidebarleft{
        margin-top:0px;
    }
    
    .sidebarleft .sociallinks{
        display:none;
    }
    
    /*--mailing list--*/
    .mailinglistbox{
        display:none;
    }
    span.firstline{
        font-size:1.5em;
    }
    span.secondline{
        font:2.4em/1em "Allura", cursive;
    }
    
    /*=======  Page Content  ==========*/
    .maincontent{
        padding:1em 1em 2em 1em}
    .maincontent h2{
        font-size:1.7em;
    }
    .maincontent h3{
        font-size:1.5em;
    }
    .verticals-template .subpages {
        margin-left: 0;
        padding: 10px;
        margin-right: 0;
    }
    .verticals-template .top-banner{
        display:none;
    }
    .verticals-template .maincontent{
        margin-top:0}
    
    /*=======  Footer  ==========*/
    
    footer .row{
        padding-top:20px;
    }
    .footer-right{
        text-align:center;
    }
    
    /*--navigation--*/
    ul#footernav{
        text-align:right;
    }
    ul#footernav li {
        display:block}
    
    .footer-right{
        font-size:.75em;
        margin-top:1em;
        padding-bottom:1em;
    }
    
    div.AuthorizeNetSeal{
        margin-top:0px !important;
    }
    footer .sociallinks{
        display:block;
        margin-bottom:1em;
        padding-bottom:.5em;
    }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) [normally min width 480px]*/
@media only screen and (min-width: 531px) and (max-width: 767px) {
    
    /*home*/
    /*=======Home Slider==========*/
    
    h1 span.firstline{
        font-size:.9em;
        line-height:1em;
    }
    .text-box-right{
        float:right;
        width:65%;
    }
    .flexslider .text-box-right img, .flexslider .text-box-left img, .flexslider .text-box-center img{
        width:100% !important}
    
    /*=======  Header   ==========*/
    
    /*-- logo box --*/
    .logobox{
        width:50%;
        height:auto;
        border:1px solid #d7e4e2;
        border-top:0;
    }
    .logobox img{
        width:60%;
        height:auto;
        margin:0 auto;
    }
    
    /*-- top nav --*/
    .topnav{
        z-index:1;
        padding-right:15px !important}
    .topnav ul{
        width:50%;
        float:right;
        text-align:right;
    }
    .topnav ul li{
        display:inline-block;
        width:46%;
        padding-top:0;
    }
    .topnav ul li a{
        padding:4px 0;
    }
    
    /*-- header bar --*/
    
    .headerbar{
        width:100%;
    }
    .headerbar-left{
        width:50%;
        float:right;
    }
    .headerbar-mid{
        clear:both;
        margin-top:1em;
        text-align:center;
    }
    .headerbar-right{
        border-left:0px;
        margin-top:1em;
        float:right;
        width:50%}
    
    
    /*Make dropdown links appear inline*/
    #accordion	{
        position: static;
        display: none;
    }
    /*Create vertical spacing*/
    #accordion li{
        margin-bottom: 1px;
    }
    /*Make all menu links full width*/
    #accordion li, #accordion li a{
        width: 100%;
    }
    /*Display 'show menu' link*/
    .mainmenu {
        display:block;
        cursor:pointer;
    }
    
    .verticals-template .maincontent {
        padding:30px}
    
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) [normally max width 479px] */
@media only screen and (max-width: 530px) {
    /*home*/
    
    /*=======Home Slider==========*/
    
    
    .text-box-left{
        float:left;
        width:75%;
        margin-left:0%}
    .text-box-right{
        float:right;
        width:75%;
    }
    h1 span.firstline{
        font-size:.9em;
        line-height:1em;
    }
    h1 span.secondline{
        font:1em/.9em 'Allura', cursive;
    }
    .flexslider p{
        font-size:1em;
    }
    .flexslider .text-box-right img, .flexslider .text-box-left img, .flexslider .text-box-center img{
        width:100% !important}
    .flex-direction-nav a{
        top:90% !important;
    }
    
    .homerow1 .col-md-3 {
        margin:10px 0 !important;
        ;width:100%;
    }
    .homerow1 h3{
        font-size:2.1em;
    }
    .homevideos, .homenews{
        padding-left:0;
        padding-right:0}
    
    /*=======  Header   ==========*/
    
    
    /*-- logo box --*/
    .logobox{
        width:100%;
        height:auto;
        position:relative;
        border:1px solid #d7e4e2;
        border-top:0;
        padding-bottom:0}
    .logobox img{
        width:85%;
        height:auto;
        margin:0 auto;
    }
    .logobox h1{
        width:50%;
        float:left;
        text-align:left}
    .logobox .phone{
        width:50%;
        float:right;
        margin-top:0;
    }
    
    /*-- top nav --*/
    .topnav{
        z-index:1001;
    }
    .topnav ul{
        margin-bottom:1em;
    }
    .topnav ul li{
        display:block;
        width:50%;
        float:left;
        padding-top:0;
    }
    .topnav ul li a{
        border-bottom:3px solid;
        text-decoration:none;
        display:block;
        padding:.4em 0;
    }
    .topnav ul li a.women:hover{
        background:#eed271;
        color:#fff;
    }
    .topnav ul li a.teens:hover{
        background:#770b68;
        color:#fff;
    }
    .topnav ul li a.naturals:hover{
        background:#859e48;
        color:#fff;
    }
    .topnav ul li a.hispanic:hover{
        background:#7ec2d7;
        color:#fff;
    }
    .topnav ul li a.men:hover{
        background:#635939;
        color:#fff;
    }
    .topnav ul li a.children:hover{
        background:#e394d0;
        color:#fff;
    }
    .topnav ul li a.college:hover{
        background:#217591;
        color:#fff;
    }
    .topnav ul li a.pros:hover{
        background:#7e7e7e;
        color:#fff;
    }
    
    /*-- header bar --*/
    .headerbar-left .search-box {
        padding:6px 2px}
    .headerbar-left .search-box input[type="text"]{
        width:70%;
    }
    .headerbar-mid{
        display:none;
    }
    p.tagline{
        font-family: 'Allura', cursive;
        font-size:1.3em;
        line-height:1.1em;
        color:#555;
        padding-right:0;
        margin-top:5px}
    .headerbar-right{
        border-left:0px;
        margin-top:.5em;
        text-align:center}
    .headerbar-right table.cartSummaryTable{
        margin:0 auto;
        float:none;
        display:inline-block;
    }
    .headerbar-right span.fa{
        display:none;
    }
    
    /*=======  page head  ==========*/
    
    .pagehead{
        padding:0 1em 0 3em;
        position:relative;
        min-height:68px;
        margin-left:-10%;
    }
    .pagehead h1{
        color:#fff;
        text-transform:uppercase;
        font-family:'Lato';
        font-weight:100;
        font-size:2em;
        letter-spacing:1px;
        line-height:1em;
        margin-bottom:0;
        padding-bottom:0;
        position:absolute;
        bottom:-3px;
    }
    .tealhead{
        background:#00ad93 url(/images/teal-diagonal-stripe3.gif) repeat;
        ;color:#fff;
        box-shadow:inset 0 10px 15px #077968;
        margin-left:-15px;
    }
    .pagemeta{
        padding:.5em 0}
    .breadcrumbs a{
        color:#b6b6b6;
        font-size:.85em;
        text-transform:uppercase;
        letter-spacing:1px;
    }
    .sharing{
        color:#b6b6b6;
        font-size:.85em;
        text-align:right;
    }
    
    
    /*=======Left Sidebar==========*/
    
    
    /*--social links--*/
    .sociallinks{
        text-align:center;
    }
    .sociallinks a{
        width:42px;
    }
    .sociallinks span.fa{
        font-size:2em}
    .sociallinks .fa-microphone{
        font-size:1.55em !important;
        border-radius:5px;
    }
    
    
    
    /*Make dropdown links appear inline*/
    #accordion, #menu1	{
        position: static;
        display: none;
    }
    /*Create vertical spacing*/
    #accordion li{
        margin-bottom: 1px;
    }
    /*Make all menu links full width*/
    #accordion li, #accordion li a{
        width: 100%;
    }
    /*Display 'show menu' link*/
    .show-menu {
        display:block;
        cursor:pointer;
    }
    
    /*--mailing list--*/
    span.firstline{
        font-size:1.5em;
    }
    span.secondline{
        font:2.4em/1em "Allura", cursive;
    }
    
    
    
    /*=======  Page Content  ==========*/
    
    .verticals-template .maincontent {
        padding: 30px;
    }
    .maincontent img{
        width:100%;
        height:auto;
    }
    
}

/*=======  Testimonials   ==========*/

/*--labels and images--*/
[class*="label-"] {
    display: inline-block;
    position: relative;
    top: -20px;
    left: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding:0.2em 0.5em;
    color: #ffffff;
    font-size: 0.8em;
    margin-bottom: 1em;
    background: none 0% 0% repeat scroll;
}

.label-before {
    
    background-color: #333333;
    
}

.label-during {
    
    background-color: #e6c75f;
    
}

.label-after {
    
    background-color: #00ad93;
    
}

#BandA img {
    border-radius: 8px;
    border: 2px solid #d4d4d4;
    margin-top: 2px;
}

#BandA span {
    display: inline-block;
    position: relative;
    font-weight: bold;
    font-size: 0.85em;
    left: 10px;
    margin-bottom: 1.5em;
}
/*=======  Natural Product Page   ==========*/
ul.features {
    margin-left:0;
    list-style:none;
    text-align:center;
    -webkit-columns: 200px 3;
    -moz-columns: 150px 3;
    columns: 200px 3;
    -webkit-column-rule: 1px solid #ccc;
     -moz-column-rule: 1px solid #ccc;
          column-rule: 1px solid #ccc;
      -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
}
ul.features li{
-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
}
ul.features i{
    font-size:4em;
    margin:.5em auto .3em;
    color:#7a9930;
}
/*=======  Spa Treatment Page   ==========*/
#spa-add-ons{padding:1em;box-shadow:0px 0px 30px rgb(157, 213, 222);margin-top:2em;border-radius:10px;}
#spa-add-ons ul.features {
    margin-left:0;
    list-style:none;
    text-align:center;
    -webkit-columns: 200px 4;
    -moz-columns: 150px 4;
    columns: 200px 4;
    -webkit-column-rule: 1px dotted #7ec2d7;
     -moz-column-rule: 1px dotted #7ec2d7;
          column-rule: 1px dotted #7ec2d7;
      -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
}

#spa-add-ons ul.features i{

    color:#7ec2d7;
    font-size:2em
}
#spa-add-ons ul.features li p{
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
font-size:.9em
}