@import url(https://fonts.googleapis.com/css?family=Slabo+27px);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);
@import url(https://fonts.googleapis.com/css?family=Roboto);

/* --------------------------------------------------------------------------
   Base styles: defaults
   -------------------------------------------------------------------------- */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: .95em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

.wrapper--dark hr {
    border-top: 1px solid #fff;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/*
 * A better box model!
 */

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

/*
 * Dynamic images
 */

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

/* --------------------------------------------------------------------------
   Browse Happy prompt
   -------------------------------------------------------------------------- */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* --------------------------------------------------------------------------
   Layout
   -------------------------------------------------------------------------- */
.section-wrapper {
    width: 100%;
    display: table;
    background-color: #FFF;
}
.main-content {
    padding: 2em 0;
}

.section-wrapper >* {
    max-width: 1024px;
    margin: auto;
}

.content {
    width: 100%;
    float: right;
    clear: none;
}   
 
footer {
    clear: both;
    width: 100%;
}

/*
 * Grids - 8 column grid for layout
 */


/* clear .grid to stop collapse to zero height */
.row:after,
.grid:after  {
    content: "";
    display: table;
    clear: both;
} 

/* row column gutters */
[class*='col--'] {
    margin-right: 2%;
    float: left;
}
[class*='col--']:last-of-type,
[class*='col--'].fl-right {
    margin-right: 0;
}

/* row column widths - */
.col--2-3 {
    width: 64%;
}
.col--1-3 {
    width: 32%;
}
.col--1-2 {
    width: 49%;
}
.col--1-4 {
    width: 23.5%;
}
.col--1-5 {
    width: 18.4%;
}
.col--3-4 {
    width: 74.5%;
}
.col--1-8 {
    width: 10.75%;
}

/*
 * multiple rows grid 
 * ( mainly for lists of products and categories).
 */
.grid--1 > .grid__item {
    width: 100%;
    padding-right: 0;
}

.grid--2 > .grid__item {
    width: 49%;
}
 
.grid--3 > .grid__item {
    width: 32%;
}

.grid--4 > .grid__item {
    width: 23.5%;
}

[class*='grid--'] {
    width: 100%;
    display: table;
}

[class*='grid--'] > .grid__item {
    margin-right: 2%;
    margin-bottom: 2%;
    float: left;
}

.grid--2 > .grid__item:nth-of-type(even),
.grid--3 > .grid__item:nth-of-type(3n+3),
.grid--4 > .grid__item:nth-of-type(4n+4) {
    margin-right: 0;
}

 /*
  * Grid switch classes
  */
 .grid__item.list {
    width: 100% !important;
    position: relative;
}

.grid__item.list > .image-container {
    width: 40%;
    float: left;
}

.grid__item.list > :not(.image-container):not(.basket__count) {
    width: 60%;
    float: right;
    clear: right;
}

.grid__item.list .button {
    display: inline-block;
    width: auto;
}

.grid__item.list h3 {
    margin: .5em 0;
}

/* 
 *  Grid media queries 
 */
 
/*base tablet to small desktop styles*/
@media (min-width: 800px) and (max-width: 849px) {
    
    [class*='col--'] {
        width: 100%;
        padding-right: 0;
    }
    
    [class*='col--']:nth-of-type(even) {
        padding-right: 0;
    }
    
    .listing-controls__pagination {
        width: 25%;
    }

    .listing-controls > div {
        width: 75%;
    }

}
 
 
/*base tablet styles*/
@media (max-width: 800px) {
    .col--1-8 {
        width: 50%;
    }
 
    .col--1-4,
    .col--1-2,
    .col--1-3,
    .col--2-3,
    .col--1-5,
    .col--3-4 {
        width: 100%;
        padding-right: 0;
    }

    [class*='col--']:nth-of-type(even) {
        padding-right: 0;
    }
    
}
 
 
/*base mobile styles - everything 100%*/
@media (max-width: 480px) {
    .col--2-3,
    .col--1-3 ,
    .col--1-2, 
    .col--1-4, 
    .col--3-4,
    .col--1-8 {
        width: 100%;
        padding-right: 0;
    }
 
} 


@media (max-width: 800px) {
    /*
     * Separate grid for the items that wrap across multiple rows and are 
     * all the same size(namely lists of products and categories).
     */

    .grid--2 > .grid__item {
        width: 100%;
    }
     
    .grid--3:not(.one-row) > .grid__item {
        width: 49%;
    }

    .grid--4:not(.one-row) > .grid__item {
        width: 32%;
    }

    .grid--2 > .grid__item:nth-of-type(even),
    .grid--3:not(.one-row) > .grid__item:nth-of-type(3n+3),
    .grid--4:not(.one-row) > .grid__item:nth-of-type(4n+4) {
        margin-right: 2%;
    }
    .grid--3:not(.one-row) > .grid__item:nth-of-type(even),
    .grid--4:not(.one-row) > .grid__item:nth-of-type(3n+3) {
        margin-right: 0;
    }
}

@media (max-width: 749px) {
    
    .grid--4:not(.one-row)  > .grid__item {
        width: 49%;
    }
    .grid--4.one-row > .grid__item:nth-of-type(even),
    .grid--4:not(.one-row) > .grid__item:nth-of-type(even) {
        margin-right: 0 !important;
    }
    
    .grid--4:not(.one-row) > .grid__item:nth-of-type(odd) {
        margin-right: 2%;
    }
    .grid--3.one-row > .grid__item {
        width: 100%;
        margin-right: 0 !important;
    }

}


@media (max-width: 468px) {

    .grid--3:not(.one-row) > .grid__item,
    .grid--4:not(.one-row) > .grid__item,
    .grid--4.one-row > .grid__item {
        width: 100%;
    }

    .grid--2 > .grid__item:nth-of-type(even),
    .grid--3 > .grid__item:nth-of-type(3n+3),
    .grid--4 > .grid__item:nth-of-type(4n+4),
    .one-row > .grid__item {
        margin-right: 0;
    }
    .grid--3 > .grid__item:nth-of-type(even),
    .grid--4 > .grid__item:nth-of-type(3n+3) {
        margin-right: 0;
    }


}

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

.wrapper--dark {
    background-color: #CCC;
}

.wrapper--black {
    background-color: #000;
    color: #FFF;
}

.wrapper--black a {
    color: #FFF;
}

/* standard list with tick bullets */
.tick-list {
    list-style: none;
    padding-left: 1em;
}

.tick-list li {
    padding-left: 0;
}

.tick-list li:before {
    font-family: sfs;
    font-size: .8em;
    content: "\e809 ";
    padding-right: .5em;
}

/* list with meaningful bullet icons */

.icon-list {
    list-style: none;
    font-size: 1.25em;
    text-transform: uppercase;
    margin: 2em 0;
    padding: 0 .5em;
}

.icon-list a {
    color: #000;
    text-decoration: none;
    display: inline-block;
    vertical-align: top;
    padding: 1em 0;
}

/* horizontal list */
.horz-list {
    display: table;
    width: 100%;
    padding: 0;
    margin: 0;
}
.horz-list li {
    display: table-cell;
}
.horz-list li >* {
    display: block;
    text-align: center;
}

.horz-list.even {
    table-layout: fixed;
}

/* Breadcrumb Trail */

.bct {
    font-size: .8em;
    padding: .75em 0;
    line-height: 1;
}

.bct a:after {
    font-family: sfs;
    content: "\e82c";
    padding-left: .5em;
    line-height: 0;    
}

/* accordion */
.accordion-section {
    margin-bottom: .5em;
}

.accordion-section-title {
    background-color: rgba(0, 0, 0, 0.2);
    display: block;
    padding: .5em 1.5em .5em .5em;
    border-radius: 2px;
    position: relative;
    cursor: pointer;

}

.accordion-section-title:after {
    font-family: sfs;
    content: "\e82e";
    display: block;
    position: absolute;
    right: .5em;
    top: .5em;
}
.accordion-section-title.active:after {
    content: "\e82d";
}

.accordion-section div {
    background-color: rgba(0, 0, 0, 0.07);
    padding: .5em;
    /*display: none;*/
}

/* overlay */

.overlay {
    position: fixed;
    top: 0;
    max-width: 800px;
    display: block;
    margin: 10% auto !important;
    left: 0;
    right: 0;
    z-index: 999999999;
}

/* tab-list */

.tab-menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
}

.tab-menu-list li {
    background-color: #A2A2A2;
    padding: .5em;
    flex: 1;
    margin-right: .5em;
    border-radius: 3px 3px 0 0;
    text-align: center;
    cursor: pointer;
}

.tab-menu-list li.active {
    background-color: #BDBDBD;
}

.tab-menu-list li:last-child {
    margin-right: 0;
}

.tab-box {
    background-color: #BDBDBD;
    padding: .5em;
}

/* tag-cloud */

.tag-cloud {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tag-cloud li {
    background-color: #A2A2A2;
    padding: .5em;
    display: inline-block;
    margin: 0 .5em .5em 0;
    border-radius: 3px;
    text-align: center;
    font-size: .95em;
}

/* wells are boxes for containing any content */
.well {
    background-color: #E8E8E8;
    padding: .5em;
    box-shadow: 0;
    width: 100%;
    border: 1px solid #DDD;
    border-radius: 5px;
    margin: 0 0 1em 0;
}

.well > :first-child {
    margin-top: 0;
}

.well:hover {
    box-shadow: 0 0 6px rgba(15, 14, 14, 0.5);
}

/* Chris - hack for buttons to display inline with Lees headers */
.well > h1 form {display:inline;}
.well > h1 > form > button {font-size:.7em;}

/* "section-image"s are the exception to the rule - the only direct descendent of a section-wrapper 
   to occupy full with */
.section-wrapper.image-wrapper {
    max-width: 100%;
    overflow: hidden;
    position: relative;
    background-color: rgba(0, 0, 0, 0);
}
.image-wrapper .section-image {
    width: 100% !important;
    max-width: inherit;
    position: absolute;
    z-index: -1;
    padding: 0 !important;
}

.image-wrapper .section-image img {
    width: 100% !important;
}

@media only screen and (max-width:999px) {
    .section-image +* * {
        font-size: 11px;
        font-size: 1.5vw;
        text-shadow: 0 0 6px #000;
    }
}

/* pricing box */

.pricing-box ul {
    list-style: none;
    padding: 1em .5em;
    font-size: .9em;
    margin: 0;
    background-color: #FFF;
}

.pricing-box ul li {
    padding: .25em 0;
}

.pricing-box ul li span:first-child {
    font-weight: bold;
}

.pricing-box h3 {
    text-align: center;
    background-color: #A8A5A5;
    margin: 0;
    padding: 1em 0;
}

.pricing-box > span {
    text-align: center;
    display: block;
    padding: .25em 0;
    font-size: 1.75em;
    background-color: #DDD;
}

#entered-people {
    margin-bottom: 1.5em;
}

#entered-people li {
    padding-top: 5px;
    line-height: 2;
    border-top: 1px solid #DDD;
    margin-top: 5px;
    font-size: .9em;
}

#entered-people li:last-child {
    border-bottom: 1px solid #DDD;
    padding-bottom: 5px;
}

#entered-people li button {
    float: right;
}

/* text links */

.content a,
.main-content p a {
    color: #AB163A;
}

a {
    color: #000;
    text-decoration:none;
}

a:hover {
    font-weight: bold;
}

[role="main"] p a {
    color: #AB163A;
    font-weight: 600;
}

[role="main"] p a:hover:not(.button) {
    text-decoration: underline;
}

.main-content {
    /*min-height: 26em;*/
}

.series-link a:after {
    content: "\e84f";
    font-family: sfs;
    padding-left: .25em;
}

/* the page listings container is used to wrap search results, blog posts etc.. */


.search-results-links {
	text-align:center;		
}

.search-results-links li a {
	display:inline-block;
	padding:.5em 2em;	
}


.page-listings >* {
    border-bottom: 1px solid #CCC;
    padding-bottom: 1.5em;
}

/* --------------------------------------------------------------------------
   Tables
   -------------------------------------------------------------------------- */

/* pricing table */


.pricing tr:not(:first-child) {
    border-bottom: 1px solid #000;
}

.pricing tr:not(:first-child):hover td {
    background-color: #DDD;
}

.pricing tr:nth-child(2) {
    padding-top: 3em;
}

.pricing tr:nth-child(2) td {
    border-top: 1px solid #000;
}

.pricing tr th span {
    display: block;
    width: 100%;
    padding: 1em;
}

.pricing tr th span:first-of-type {
    display: inline-blo ck;
}

.pricing tr th span:last-of-type {
    margin-bottom: 1em;
}

.pricing tr th:first-child { text-align: left; color: #000; }
.pricing tr th:nth-child(2) { background-color: #bebebe; }
.pricing tr th:nth-child(3) { background-color: #a4a4a4; }
.pricing tr th:nth-child(4) { background-color: #7e7f7f; }
.pricing tr th:nth-child(5) { background-color: #545454; }
.pricing tr th:nth-child(6) { background-color: red; }
.pricing tr th:nth-child(7) { background-color: red; }

.pricing tr th {
    color: #FFF;
    padding: 1.5em .5em;
    vertical-align: bottom;
}
.pricing tr >*:not(:first-child) {
    width: 15%;
}

.pricing td {
    height: 50px;
    padding: .25em 0;
}


/* data table */

.data {
    width: 100%;
}

.data tr td {
    border-bottom: 1px solid #000;
}

.data tr:not(:first-child):hover td {
    background-color: #DDD;
}

.data tr th span {
    display: block;
    width: 100%;
    padding: 1em;
}

.data tr th span:first-of-type {
    display: inline-block;
}

.data tr th span:last-of-type {
    margin-bottom: 1em;
}

.data tr th { text-align: left; color: #000; }


.data td {
    padding: .25em 0;
}

.data .button {
    min-width: 65px;
    display: inline-block;
    font-size: .9em;
}

.msg__focus td {
    border-bottom: 0 !important;
}

/* responsive table */

@media (max-width: 749px) {
    .stacked {
        width: 100%;
        box-sizing: border-box !important;
        padding-top: 1.5em;
    }
    .stacked * {
        box-sizing: border-box !important;
    }
    .stacked caption {
        background-image: none;
    }
    .stacked thead {
        display: none;
    }
    .stacked tbody td {
        display: block;
        padding: .6em;
        width: 100% !important;
    }
    .stacked tbody td:before {
        content: attr(data-th);
        font-weight: 700;
        display: inline-block;
        width: 40%;
    }
    .stacked tbody tr td:not(:last-child) {
        border-bottom: 0;
    }
    .stacked td * {
        display: inline-block;
    }
    table.stacked th {
        display: none;
    }
}



.package--yes:after {
    font-family: sfs;
    content: "\e809";
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #AB163A;
}

.package--no:after {
    font-family: sfs;
    content: "\e80c";
    display: inline-block;
    width: 100%;
    text-align: center;
}

/* emphasised text */

.main-content em {
    color: #AB163A;
    font-size: 1.15em;
    font-style: normal;
}

/* button links */
.button {
    font-family: 'robotoregular', sans-serif;
    background-color: #000;
    color: #FFF;
    padding: .3em .5em;
    display: inline-block;
    text-decoration: none;
    border: 0;
    text-align: center;
    border-radius: 3px;
}

.button:hover {
    background-color: #000;
    box-shadow: 0 0 3px #000;
    font-weight: normal;
}

.button:disabled {
    background-color: #AAA;
    opacity: .7;
    cursor: not-allowed;
}

.button.remove {
    line-height: 1.4;
    border-radius: 30px;
    font-size: .8em;
    padding: 3px 10px;
}


.button.remove:before {
    font-family: sfs;
    content: "\e80c";
    padding-right: .5em;
}

.big {
    font-size: 1.5em;
    padding: .3em 1em;
}

.button--progress:after {
    content: "\e82c";
    font-family: sfs;
    width: 1em;
    display: inline;
    text-align: right;
    line-height: 0;
    padding-left: .5em;
}

.button--regress:before {
    content: "\e82b";
    font-family: sfs;
    width: 1em;
    display: inline;
    line-height: 1;
    padding-right: .5em;
}

.full-width {
    width: 100%;
    clear: both;
}


/* --------------------------------------------------------------------------
   Fonts
   -------------------------------------------------------------------------- */
   
@font-face {
  font-family: 'sfs';
  src: url('../font/sfs.eot?68696875');
  src: url('../font/sfs.eot?68696875#iefix') format('embedded-opentype'),
       url('../font/sfs.woff?68696875') format('woff'),
       url('../font/sfs.ttf?68696875') format('truetype'),
       url('../font/sfs.svg?68696875#sfs') format('svg');
  font-weight: normal;
  font-style: normal;
}

*[class^="icon-"]:before {
    font-family: sfs;
    font-weight: normal;
    padding-right: .25em;
    font-style: normal;
}

.icon--top:before {
    display: block;
    text-align: center;
    font-size: 3em;
    font-weight: normal !important;
    padding-bottom: .25em;
}

.icon--left:before {
    display: inline-block;
    font-size: 2em;
    padding-right: .2em;
}

/* icon font */
.icon-linkedin:before { content: '\e800'; } /* 'î €' */
.icon-star:before { content: '\e801'; } /* 'î ' */
.icon-star-empty:before { content: '\e802'; } /* 'î ‚' */
.icon-mail:before { content: '\e803'; } /* 'î ƒ' */
.icon-mail-alt:before { content: '\e804'; } /* 'î „' */
.icon-user-1:before { content: '\e805'; } /* 'î …' */
.icon-th-large:before { content: '\e806'; } /* 'î †' */
.icon-th:before { content: '\e807'; } /* 'î ‡' */
.icon-th-list:before { content: '\e808'; } /* 'î ˆ' */
.icon-ok:before { content: '\e809'; } /* 'î ‰' */
.icon-user:before { content: '\e80a'; } /* 'î Š' */
.icon-users:before { content: '\e80b'; } /* 'î ‹' */
.icon-cancel:before { content: '\e80c'; } /* 'î Œ' */
.icon-plus-squared-alt:before { content: '\e80d'; } /* 'î ' */
.icon-minus-squared-alt:before { content: '\e80e'; } /* 'î Ž' */
.icon-tags:before { content: '\e80f'; } /* 'î ' */
.icon-basket:before { content: '\e810'; } /* 'î ' */
.icon-star-half-alt:before { content: '\e811'; } /* 'î ‘' */
.icon-star-half:before { content: '\e812'; } /* 'î ’' */
.icon-cog:before { content: '\e813'; } /* 'î “' */
.icon-wrench:before { content: '\e814'; } /* 'î ”' */
.icon-credit-card:before { content: '\e815'; } /* 'î •' */
.icon-cc-visa:before { content: '\e816'; } /* 'î –' */
.icon-cc-mastercard:before { content: '\e817'; } /* 'î —' */
.icon-cc-discover:before { content: '\e818'; } /* 'î ˜' */
.icon-cc-amex:before { content: '\e819'; } /* 'î ™' */
.icon-cc-paypal:before { content: '\e81a'; } /* 'î š' */
.icon-cc-stripe:before { content: '\e81b'; } /* 'î ›' */
.icon-facebook:before { content: '\e81c'; } /* 'î œ' */
.icon-gplus:before { content: '\e81d'; } /* 'î ' */
.icon-twitter:before { content: '\e81e'; } /* 'î ž' */
.icon-youtube:before { content: '\e81f'; } /* 'î Ÿ' */
.icon-tumblr:before { content: '\e820'; } /* 'î  ' */
.icon-pinterest-circled:before { content: '\e821'; } /* 'î ¡' */
.icon-basket-1:before { content: '\e822'; } /* 'î ¢' */
.icon-pinterest:before { content: '\e823'; } /* 'î £' */
.icon-basket-2:before { content: '\e824'; } /* 'î ¤' */
.icon-th-1:before { content: '\e825'; } /* 'î ¥' */
.icon-basket-3:before { content: '\e826'; } /* 'î ¦' */
.icon-basket-alt:before { content: '\e827'; } /* 'î §' */
.icon-thumbs-up:before { content: '\e828'; } /* 'î ¨' */
.icon-phone:before { content: '\e829'; } /* 'î ©' */
.icon-calendar:before { content: '\e82a'; } /* 'î ª' */
.icon-angle-left:before { content: '\e82b'; } /* 'î «' */
.icon-angle-right:before { content: '\e82c'; } /* 'î ¬' */
.icon-angle-up:before { content: '\e82d'; } /* 'î ­' */
.icon-angle-down:before { content: '\e82e'; } /* 'î ®' */
.icon-floppy:before { content: '\e82f'; } /* 'î ¯' */
.icon-euro:before { content: '\e830'; } /* 'î °' */
.icon-pound:before { content: '\e831'; } /* 'î ±' */
.icon-dollar:before { content: '\e832'; } /* 'î ²' */
.icon-truck:before { content: '\e833'; } /* 'î ³' */
.icon-sort-up:before { content: '\e834'; } /* 'î ´' */
.icon-sort-down:before { content: '\e835'; } /* 'î µ' */
.icon-trash:before { content: '\e836'; } /* 'î ¶' */
.icon-cup:before { content: '\e837'; } /* 'î ·' */
.icon-location:before { content: '\e838'; } /* 'î ¸' */
.icon-direction:before { content: '\e839'; } /* 'î ¹' */
.icon-camera:before { content: '\e83a'; } /* 'î º' */
.icon-heart-empty:before { content: '\e83b'; } /* 'î »' */
.icon-heart:before { content: '\e83c'; } /* 'î ¼' */
.icon-logo:before { content: '\e83d'; } /* 'î ½' */
.icon-elogo:before { content: '\e83e'; } /* 'î ¾' */
.icon-check:before { content: '\e83f'; } /* 'î ¿' */
.icon-check-empty:before { content: '\e840'; } /* 'î¡€' */
.icon-toggle-off:before { content: '\e841'; } /* '' */
.icon-toggle-on:before { content: '\e842'; } /* 'î¡‚' */
.icon-lock-7:before { content: '\e843'; } /* '' */
.icon-lock-open-6:before { content: '\e844'; } /* 'î¡„' */
.icon-monitor-1:before { content: '\e845'; } /* 'î¡…' */
.icon-mobile-5:before { content: '\e846'; } /* '' */
.icon-cart:before { content: '\e847'; } /* '' */
.icon-visa:before { content: '\e848'; } /* '' */
.icon-mastercard:before { content: '\e849'; } /* '' */
.icon-amex:before { content: '\e84a'; } /* 'î¡Š' */
.icon-discover:before { content: '\e84b'; } /* 'î¡‹' */
.icon-credit-card-2:before { content: '\e84c'; } /* '' */
.icon-barcode-1:before { content: '\e84d'; } /* '' */
.icon-basket-5:before { content: '\e84e'; } /* 'î¡Ž' */
.icon-edit-3:before { content: '\e84f'; } /* '' */
.icon-thumbs-down-4:before { content: '\e850'; } /* '' */
.icon-bell-5:before { content: '\e851'; } /* 'î¡‘' */
.icon-bell-off-empty:before { content: '\e852'; } /* 'î¡’' */
.icon-attention-5:before { content: '\e853'; } /* 'î¡“' */
.icon-check-3:before { content: '\e854'; } /* 'î¡”' */
.icon-info-3:before { content: '\e855'; } /* 'î¡•' */
.icon-attention-2:before { content: '\e856'; } /* 'î¡–' */
.icon-info:before { content: '\e857'; } /* 'î¡—' */
.icon-question:before { content: '\e858'; } /* '' */
.icon-dollar-1:before { content: '\e859'; } /* 'î¡™' */
.icon-search:before { content: '\e85a'; } /* 'î¡š' */
.icon-search-8:before { content: '\e85b'; } /* 'î¡›' */
.icon-location-7:before { content: '\e85c'; } /* '' */
.icon-tag-3:before { content: '\e85d'; } /* '' */
.icon-basket-4:before { content: '\e85e'; } /* 'î¡ž' */
.icon-basket-circled:before { content: '\e85f'; } /* 'î¡Ÿ' */
.icon-grocery-store:before { content: '\e860'; } /* 'î¡ ' */
.icon-right-dir-1:before { content: '\e861'; } /* 'î¡¡' */
.icon-up-dir:before { content: '\e862'; } /* 'î¡¢' */
.icon-link-ext:before { content: '\e863'; } /* 'î¡£' */
.icon-bag:before { content: '\e864'; } /* '' */
.icon-linkedin-5:before { content: '\e865'; } /* 'î¡¥' */
.icon-tag-6:before { content: '\e866'; } /* '' */
.icon-tag-7:before { content: '\e867'; } /* '' */
.icon-paper-plane-empty:before { content: '\e868'; } /* '' */
.icon-paper-plane-3:before { content: '\e869'; } /* 'î¡©' */
.icon-asterisk-1:before { content: '\e86a'; } /* '' */
.icon-ticket-2:before { content: '\e86b'; } /* 'î¡«' */
.icon-money-2:before { content: '\e86c'; } /* '' */
.icon-filter:before { content: '\e86d'; } /* 'î¡­' */
.icon-filter-1:before { content: '\e86e'; } /* 'î¡®' */
.icon-zoom-in:before { content: '\e86f'; } /* '' */
.icon-zoom-out:before { content: '\e870'; } /* 'î¡°' */
.icon-plus:before { content: '\e871'; } /* '' */
.icon-minus:before { content: '\e872'; } /* '' */
.icon-crown:before { content: '\e873'; } /* '' */
.icon-headset:before { content: '\e874'; } /* 'î¡´' */
.icon-folder:before { content: '\e875'; } /* '' */
.icon-location-1:before { content: '\e876'; } /* '' */

body {
    font-family: 'Roboto', sans-serif;
}
   
/* --------------------------------------------------------------------------
   Header
   -------------------------------------------------------------------------- */
   
.section-wrapper.header-wrapper {
    background-color: #AB163A;
}

header {
    padding-top: .25em;
    display: table;
    width: 100%;
    position: relative;
	text-align:center;
}

.header__logo {
    display: inline-block;
    max-width: 345px;
    float: left;
}

.header__logo img {
	margin-top:28px
}

.header__personal-tools {
    display: inline-block;
    float: right;
}

.personal-tools, .personal-tools ul {
    width: auto;
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
}

.personal-tools ul {
    background-color: #312F30;
    position: absolute;
    width: auto;
    right: 0;
    z-index: 999;
}

.personal-tools > li {
    display: inline-block;
    vertical-align: top;
}

.personal-tools > li.js-opened > a:after {
    /*content: "\e82d";*/
}

.personal-tools > li ul {
    display: none;
}

.personal-tools > li ul li a {
    display: block;
    white-space: nowrap;
    padding: .25em .5em;
}

.personal-tools a {
    color: #CCC;
    text-decoration: none;
    font-family:  'Slabo 27px', serif;
    padding-right: .75em;
}

.header__basket {
    background-color: #000;
    padding: .25em .5em;
    border-radius: 0 0 3px 3px;
}

.header__basket:before {
    content: "\e827";
    font-family: sfs;
    padding-right: .3em;
}

.header__basket:hover {
    color: #AB163A;
    font-weight: 100;
}

.header__search {
	position:relative;
	width:250px;
	margin:10px 0;
	float:right;
	clear:right;

}
.header__search input[type="search"] {
    width: 100%;
    padding: .5em;
    border: 1px solid #AB163A;
    box-sizing: border-box;
}

.header__search input[type="submit"] {
    font-family: sfs;
    color: #AB163A;
    font-size: 1.5em;
    position: absolute;
    top: 5px;
    right: 2px;
    background-color: rgba(0, 0, 0, 0);
    border: 0;
}



.banner__search h2 {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 2em;
    color: #AB163A;
    margin: .25em 0;
}

.banner__search p {
    font-size: .85em;
    margin: .1em 0;
}

.banner__search :last-child,
.my-search {
    position: relative;
}

.banner__search input[type="search"],
.my-search input[type="search"] {
    width: 100%;
    margin-top: 10px;
    font-size: 1.5em;
    padding: .5em .25em;
    border: 1px solid #AB163A;
    box-sizing: border-box;
}

.banner__search.keyword input[type="search"] {
	margin-top:0;
}

.banner__search input[type="submit"],
.my-search input[type="submit"] {
    font-family: sfs;
    color: #AB163A;
    font-size: 2em;
    position: absolute;
    top: 16px;
    right: 5px;
    background-color: rgba(0, 0, 0, 0);
    border: 0;
}

.banner__search.keyword {
	text-align: center;
	max-width: 700px;
	margin: 1.5em auto 0 auto;	
}

.banner__search.keyword input[type="submit"] {
	top:8px;	
}


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

    .banner__search,
    .my-search    {
        margin: 1em 0;
        text-align: center;
    }
   
}



/* --------------------------------------------------------------------------
   Navigation
   -------------------------------------------------------------------------- */
header nav {
    width: auto;
    float: right;
    clear: right;
}
   
.nav--main {
    padding: 0;
    margin: .5em 0;
}

.nav--main li a {
    color: #FFF;
    text-decoration: none;
    margin: 0 .5em;
}

.nav--main li:last-child a {
    margin-right: 0;
}

ul.nav--main > li {
    display: inline-block;
}

/* sub level */

.nav--main > li:first-child ul {
    opacity: 1; /* dev */
    
}

.nav--main > li > a {
    position: relative;
}

.nav--main > li:hover > a {
    padding-bottom: 3em;
    z-index: 10;
    position: relative;
    font-weight: bold;
}

.nav--main > li:hover > a:not(:last-child):after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 20px 15px;
    border-color: transparent transparent rgba(204,204,204,0.95) transparent;
    content: "";
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: auto;
}

.nav--main > li:hover  > ul,
.nav--main > li.active  > ul {
    opacity:1.0;
    visibility: visible;
    filter:alpha(opacity=100);/*position where enlarged image should offset horizontally */
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.nav--main > li > ul {
    background-color: rgba(204, 204, 204, 0.95);
    box-shadow: 0 0 10px #000;
    padding: 1em;
    margin: 1.5em 0 0 0;
    position: absolute;
    width: 100%;
    visibility: hidden;
    opacity: 1;
    left: 0;
    z-index: 5;
    padding-right: 25%;
    padding-top: 0;
    min-height: 270px;
	text-align: left;
}

.nav--main > li > ul > li {
    display: inline-block;
    width: 33%;
    vertical-align: top;
}

.nav--main > li > ul li:not(.series-banner) a {
    color: #000;
    margin: 0;
    font-size: .825em;
    display: block;
    padding-top: .5em;
}

.nav--main > li > ul  a:hover {
    font-weight: normal;
    color: #AB163A !important;
}

.nav--main > li > ul > li > ul {
    list-style: none;
    padding: 0 .75em 0 0;
    margin: 0;
}

.nav--main > li > ul > li > ul h2 {
    margin: 1em 0 .25em 0;
    font-size: 1em;
}
/*
.nav--main > li ul li {
    width: 50%;
    display: inline;
    float: left;
}*/

.nav--main > li ul.sub-nav__four-col {
    padding-right: 0 !important;
}

.nav--main > li ul.sub-nav__four-col li {
    width: 24.5%;
}

.sub-nav__four-col .series-banner {
    display: none;
}
/*


.nav--main > li ul li:first-child { 
    position: absolute;
    width: 69%;
    height: 3em;
    top: 1em;
}

.nav--main > li ul h2 {
    color: #AB163A;
    margin-top: 0;
}

.nav--main > li ul a {
    color: #000;
    font-size: .85em;
    float: left;
    margin-bottom: .5em;
}
*/
/*
 * Account Nav
 */
 
.account-nav {
    list-style: none;
    padding: 0;
    margin: 0;
}

.account-nav li a {
    border-top: 1px solid #CCC;
    display: block;
    padding: .25em 0;
}

.account-nav li a:before {
    font-family: sfs;
    content: "\e82c";
    padding: 0 .5em;
}

.account-nav li:last-child a {
    border-bottom: 1px solid #CCC;
}

.account-nav li a:hover {
    background-color: rgba(0, 0, 0, 0.07)
}



.series-banner {
    display: inline-block;
    width: 25% !important;
    float: right;
    position: absolute;
    top: 0;
    right: 0;
    border-left: 1px solid #AAA;
    background-color: #BBB;
    height: 100%;
    text-align: center;
    font-size: 1.25em;
}

.series-banner:hover {
    background-color: #AAA;
}

/*
.series-banner:after {
  content: "";
  background: url(../images/series-bg.jpg);
  opacity: 0.25;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
} */

.series-banner a {
    display: block;
    padding: 1em .5em;
    margin: 0 !important;
    top: 0;
    bottom: 0;
    position: absolute;
    color: #AB163A !important;
    width: 100%;
}

.series-banner .image-container {
    height: 190px;
    overflow: hidden;
    margin-bottom: 1em;
}

.series-banner img {
    margin-bottom: 1.5em;
    display: block;
}

.series-banner a:after {
    content: "\e84f";
    font-family: sfs;
    padding-left: .5em;
}


/* Blog */

.blog-holder {
    margin: 1.5em auto;
}

.blog-container article .image-container {
    height: 200px;
    overflow: hidden;
}

.blog-header h2{
    height: 3em;
    overflow: hidden;
}

.blog__intro {
    height: 120px;
    overflow: hidden;
    margin-bottom: .75em;
}

.blog-container .button {
    float: right;
}

.post-meta {
    margin: .5em 0;
    font-size: 13px;
    color: #BBB;
}

.post-meta time:before {
    font-family: sfs;
    content: "\e82a";
    padding-right: .5em;
}

/* social share */

.share__button{display:inline-block;width:2em;height:2em;text-align:center;line-height:2;background-color:#000;color:#FFF;cursor:pointer;}
.share__button:hover{color:white;}
.share__button--icon{font-family:sfs;line-height:2em;}
.share__button--text{display:none;}
.share__button--facebook{background-color:#3b5998;}
.share__button--facebook .share__button--icon:before{content:'\e81c'}
.share__button--twitter{background-color:#00aced;}
.share__button--twitter .share__button--icon:before{content:"\e81e"}
.share__button--linkedin{background-color:#007bb6;}
.share__button--linkedin .share__button--icon:before{content:"\e81c"}
.share__button--google-plus{background-color:#dd4b39;}
.share__button--google-plus .share__button--icon:before{content:"\e81d"}
.share__button--pinterest{background-color:#cb2027;}
.share__button--pinterest .share__button--icon:before{content:"\e823"}
.share__button-email{background-color:#999999;}
.share__button-email .share__button--icon:before{content:"\e804"}


/* mobile navigation */

.mobile-navigation,
.slicknav_menu {
    width: 100% !important;
    padding: 0 !important;
}

.mobile-navigation {
    padding: 0 !important;
}

.slicknav_menu {
    display: none;
    background: #AB163A;
}

.mobile-navigation .slicknav_btn {
    width: 100%;
    margin: 0;
    padding: 1em;
}

.slicknav_arrow {
    font-family: sfs;
}

.slicknav_menu * {
    border-radius: 0 !important;
}

.mobile-navigation .slicknav_nav .slicknav_row {
    margin: 0;
    padding: .5em;
}


/* --------------------------------------------------------------------------
   Home Page
   -------------------------------------------------------------------------- */
   
.footer-wrapper {
    background-color: #000;
    font-family:  'Slabo 27px', serif;
}

footer ul {
    list-style: none;
    padding: 0;
}

footer ul li:first-child {
    color: #AB163A;
    font-weight: bold;
}

footer >:first-child ul li a {
    text-decoration: none;
    color: #FFF;
    font-size: .85em;
}

footer ul li a:hover {
    color: #BBB;
}

footer > div:last-of-type {
    border-top: 1px solid #ab163a;
    padding: .75em 0;
    margin-top: 1em;
}

footer > div:last-of-type * {
    display: inline-block;
}

.footer__copyright span {
    color: #FFF;
}

.footer__copyright ul {
    margin: 0 1em;
    
}

.footer__copyright li a {
    color: #FFF;
    text-decoration: none;
    font-weight: normal;
    padding-left: .5em;
}

.footer__copyright li:last-child {
    border-left: 1px solid #FFF;
    margin-left: .5em;
    line-height: 1em;
}

.footer__credit {
    text-align: right;
}

.footer__credit a,
.footer__credit span {
    color: #FFF;
    text-decoration: none;
}

.footer__credit a span {
    display: none;
}

.footer__credit a:after {
    content: "\e83d";
    font-family: sfs;
    padding-left: .25em;
}

address {
    font-style: normal;
}

address span {
    display: block;
}

.contact-wrapper a {
    display: block;
    margin-bottom: .25em;
    color: #FFF;
}

.contact-wrapper {
    padding: 5px;
    font-size: .9em;
    background-color: #000000;
    color: #FFF;
    font-family: 'Slabo 27px', serif;
    margin: 0;
}

.contact-wrapper > div {
    padding: 1em 0;
}
	.contact-wrapper .col--1-3:not(:last-of-type) {
		padding-top:1.75em;
	}

.info-wrapper {
    background-color: #AB163A;
    color: #FFF;
    font-size: 14px;
}

.info-wrapper a {
    color: #FFF;
    text-decoration: underline;
}

footer > .row {
    border-top: 1px solid #AB163A;
    padding-top: 1em;
}

/* --------------------------------------------------------------------------
   Home Page
   -------------------------------------------------------------------------- */

.hero-banner *:focus {
    outline: 0;
}
   
.hero-banner {
    position: relative;
    margin-bottom: 3em;
}

.hero-slides li {
    width: 40%;
}
   
.hero-slides {
    list-style: none;
    padding: 0;
}

.hero-slides li p {
    display: none;
}

.hero-slides__nav {
    width: 58%;
    list-style: none;
    position: absolute;
    right: 0;
    padding-left: 0;
    text-align: center;
}

.hero-slides__nav li {
    margin: .5em 0;
}

.hero-slides__nav li.hero_here a {
    color: #AB163A;
}

.hero-slides__nav a {
    text-decoration: none;
    color: #000;
    font-size: 2.25em;
    font-weight: bold;
}


/* call to action row */

.call-to-action-wrapper {
    background-color: #312f30;
}

.call-to-action h2 {
    margin: 0;
    padding: .5em 0;
    color: #FFF;
    width: auto;
    display: inline-block;
    margin-right: 1em;
}



/* reviews*/
.reviews-wrapper > div {
	max-width:1024px;
	margin:0 auto;

}
.reviews-wrapper h2 {
	color:#AB163A;
}


/* service list */

.service-list {
    text-align: center;
}

.service-list h3 {
    text-transform: uppercase;
}

.service-list h3:before {
    color: #AB163A;
}
    
/* faq list */

.faq__list {
    list-style: none;
    padding: 0;
}

.faq__list li a:before {
    content: "\e858 ";
    font-family: sfs;
    padding-right: .5em;
}

/* --------------------------------------------------------------------------
    Form Elements
   -------------------------------------------------------------------------- */

.form__field {
    margin: .75em 0;
    display: table;
    width: 100%;
}

.form__label {
    margin: .25em 0;
    font-weight: bold;
}

.form__field input, .form__field select {
    padding: .5em;
    width: 40%;
    min-width: 250px;
}

.form__field input:focus {
    outline: 1px solid #AB163A;
    background-color: #EEE;
    outline-offset: -1px;
    border-color: #FFF;
}

button.button + span {padding-left:.5em;}


/* --------------------------------------------------------------------------
   Ecommerce
   -------------------------------------------------------------------------- */

/* products */
.item__title {
    font-size: 1em;
    height: 2.75em;
    overflow: hidden;
    margin-bottom: 5px;
}

.item__description {
    font-size: 13px;
    height: 68px;
    overflow: hidden;
    margin-bottom: 1em;
}

.item__price {
    background-color: #AB163A;
    color: #FFF;
    padding: .25em;
    text-align: center;
    font-weight: 100;
    margin-bottom: .25em;
}

.item__price .small {
    display: block;
    color: #FFF;
}

@media only screen and (max-width:468px) {
    
    .item--product {
        margin-bottom: 0;
        position: relative;
    }
    
    .detail-container {
        padding-left: 100px;
        height: 85px;
    }

    .item--product .image-container {
        position: absolute;
        width: 85px;
    }   

    .item__title {
        margin: 0;
    }

    .item__description {
        display: none;
    }

    .item__price {
        background-color: transparent;
        color: #AB163A;
        text-align: left;   
    }

    .item--product .button {
        background-color: transparent;
        font-size: 0;
        /* border: 1px solid red; */
        position: absolute;
        top: -5px;
        left: 0;
        bottom: 0;
        right: 0;
    }
    
    .item--product .button:hover {
        box-shadow: none;
    }
}

/* product page */

section.product {
    margin-top: 1.5em;
}

.product__image {
    border: 1px solid #CCC;
    padding: 5px;
    margin-bottom: 1.5em;
}

.main-container {
    text-align: center;
    margin: 0 auto 5px auto;
}

.main-image {
    max-width: 490px !important;
}

@media only screen and (max-width: 500px) {
    .main-image {
        max-width: 100% !important;
    }
}

.image__thumbs {
    border-top: 1px solid #CCCCCC;
    text-align: center;
    padding-top: 10px;
}

.image__thumbs > div {
    width: 80px;
    display: inline-block;
    vertical-align: top;
    margin: 5px auto;
    cursor: pointer;
}

.image__thumbs .active img {
    border-bottom: 3px solid #AB163A;
}

.product__title {
    margin-top: 0;
}

.details__price {
    color: #AB163A;
    font-weight: 800;
    font-size: 1.75em;
}

.details__description--short {
    font-size: .9em;
}

/* buy box opts */

.product__mod label{
    font-weight: 600;
}

.product__mod > div {
    padding: 0 0 15px 0;
}

.product__mod ul {
    margin: .5em 0;
}

.swatch li {
    position: relative;
    width: 30px;
    height: 30px;
}
    
.swatch span,
.swatch input {
    width: 30px;
    height: 30px;
    display: block;
}

.swatch span {
    background-color: #CCC;
    border: 1px solid #AAA;
    margin-right: 5px;
}

.swatch input {
    position: absolute;
    z-index: 999;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: 0;
    color: transparent;
    cursor: pointer;
    opacity: 0;
}

.swatch input:hover+span,
.swatch .active span {
    outline: 1px solid #AAA;
}

.product__mod .tool-box {
    font-size: .85em;
    border-radius: 0;
    border: 0;
    min-width: 300px;
    color: #FFF;
}

.product__mod .tool-box .tool-box__close {
    display: none;
}

.product__mod .tool-box:hover .tool-box__close {
    display: block;
}

.product__mod .tool-box.Help {
    background-color: rgba(91, 192, 222, 0.9);
}

.product__mod .tool-box.info {
    background-color: rgba(56, 195, 56, 0.9);
}

input[type=text],
input[type=url],
input[type=tel],
input[type=number],
input[type=color],
input[type=email],
select {
    padding: .75em;
    box-sizing: border-box;
    font-size: .9em;
    border-radius: 2px;
    border: 2px solid #CCC;
    background-color: #EEE;
    width: 100%;
    margin: .5em 0 1em 0;
}

.details__buy input {
    padding: .75em;
    box-sizing: border-box;
    font-size: .9em;
    border-radius: 5px;
    border: 2px solid #CCC;
    background-color: #EEE;
    text-align: center;
    width: 75px;
    margin-left: 1.5em;   
}

.details__buy .button {
    margin: 0 0 15px 0;
}

.details__share {
    margin-bottom: 2em;
}


.grt--help {
    font-style: normal;
    font-size: 1.25em;
    color: #5BC0DE;
    cursor: pointer;
}

.grt--help:before {
    font-family: sfs;
    content:"\e858";
}

.grt--info {
    font-style: normal;
    font-size: 1.25em;
    color: #5cb85c;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0);
}

.grt--info:before {
    font-family: sfs;
    content:"\e857";
}

.product__info  {
    padding: 1em;
}

.js-cktBtn,
.btn--glow {
  animation: glowing 2000ms infinite;
}

@keyframes glowing {
  0% { background-color: #004A7F; box-shadow: 0 0 3px #004A7F; }
  50% { background-color: #0094FF; box-shadow: 0 0 10px #0094FF; }
  100% { background-color: #004A7F; box-shadow: 0 0 3px #004A7F; }
}

/* basket */

.basket__items td:nth-child(1) { 
    width: 60%;
}
.basket__items td:nth-child(2),
.basket__items td:nth-child(3),
.basket__items td:nth-child(4),
.basket__items td:nth-child(5) { 
    width: 10%;
}

@media only screen and (min-width:750px) {
    .basket__items td:last-child,
    .basket__items th:last-child,
    .basket__items td:nth-child(2),
    .basket__items th:nth-child(2){
        text-align: right;
        padding-right: 20px;
    }
    
    .basket__items td:nth-child(3),
    .basket__items th:nth-child(3) {
        text-align: center;
    }
}


.basket__items th {
    padding: .5em;
    background-color: #000;
    border: 1px solid #000;
    color: #FFF;
    margin-bottom: .5em;
    text-align: left;
}
.basket__items td {
    padding: 1.5em .5em;
    vertical-align: top;
}

.basket__items img {
    width: 50px;
    display: inline-block;
    float: left;
    margin: 0 10px;
}

.basket__ttl {
    font-size: 1.25em;
    font-weight: 800;
}

.basket__ttlX,
.basket__desc {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 500px;
}

.basket__desc span {
    font-size: .9em;
    display: block;
    color: #AAA;
}

.basket__desc span strong {
    color: #000;
    font-weight: 100;
}

.basket__remove:before {
    font-family: sfs;
    content: "\e80c";
    background-color: #777;
    color: #FFF;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    font-size: 15px;
    line-height: 30px;
	margin-left:5px;
}

input.basket__qty {
    width: 50px !important;
    text-align: center;
    margin-top: 0;
}

.basket__opt .well {
    padding: 20px;
}

.basket__opt .well>:first-child {
    margin-top: 0;
}

.dct-open {
    margin-bottom: .5em;
    display: inline-block;
    font-size: .9em;
}

.dsct-box {
    position: relative;
    margin: .5em 0;
    padding: 0 !important;
}

.dsct-box input[type="text"] {
    width: 100%;
    margin: 0;
}

.dsct-box .button {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 0 2px 2px 0;
}

@media only screen and (max-width:749px) {
    .basket__items {
        table-layout: fixed;
        width: 100%;
    }
    .basket__items img,
    .basket__items td:first-child:before    {
        display:none;
    }
    .basket__ttl,
    .basket__desc {
        display: block !important;
        max-width: 100%;
    }
    .dsct-box .button {
        width: auto;
        margin: 0;
    }
}

/* --------------------------------------------------------------------------
   Popups
   -------------------------------------------------------------------------- */
.pop-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2147483647;
  background: rgba(0, 0, 0, 0.4);
  box-sizing: border-box;
  overflow-y: scroll;
}

.pop-wrapper .popup {
  width: 100%;
  display: table;
  max-width: 600px;
  margin: 0 auto;
  position: relative;
  top: 100px;
  background-color: #fff;
  padding: 20px;
}

.pop-wrapper .popup .popup__close {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  height: 20px;
  width: 20px;
  text-align: center;
  background-color: #BBB;
  color: #fff;
}

.pop-wrapper .popup .pop__container {
  display: table;
  width: 100% !important;
}

.pop-wrapper .popup .pop__container > * {
  width: 100% !important;
}

@media screen and (max-width: 600px) {
  .pop-wrapper .popup {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
  }
}

/* --------------------------------------------------------------------------
   Lists
   -------------------------------------------------------------------------- */

.horizontal-list, .horizontal-list--even {
  display: table;
  padding: 0;
  margin: .5em 0;
}

.horizontal-list li, .horizontal-list--even li {
  display: table-cell;
}

.horizontal-list li a, .horizontal-list--even li a {
  display: block;
  text-align: center;
  margin: 0 5px;
}

.horizontal-list--even {
  table-layout: fixed;
}

.vertical-list {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}

.vertical-list li {
  display: block;
}

.vertical-list li a {
  display: block;
}

/* --------------------------------------------------------------------------
   Messages & Pills
   -------------------------------------------------------------------------- */

/* item tags */

[class*='tag--'] {
    background-color: #38C338;
    font-size: .75em;
    padding: 0 .5em;
    text-transform: uppercase;
    border-radius: .25em;
    color: #FFF;
    min-width: 1.5em;
    text-align: center;
    display: inline-block;
    line-height: 1.6;
    vertical-align: top;
}

.tag--green { background-color: #38C338;}
.tag--red { background-color: #AF2121;}
.tag--blue { background-color: #53BFD6;}
.tag--yellow { background-color: #EBF737; color: #000;}
.tag--white { background-color: #FFF; color: #000;}
.tag--black { background-color: #000;}
.tag--sfs { background-color: #AB163A;}

   
[class*='msg--'] {
    display: block;
    padding: .5em;
    border-left: 4px solid;
    margin-bottom: 1em;
}

[class*='pill--'] {
    background-color: #57D057;
    padding: .25em;
    font-size: .8em;
    text-transform: uppercase;
    border-radius: .25em;
    border-width: 1px;
    border-style: solid;
    min-width: 5.5em;
    display: inline-block;
    text-align: center;
}

[class*='msg--']:before {
    font-family: sfs;
    padding-right: .5em;
    line-height: 1;
}

[class*="--pos"] { 
    border-color: #38C338;
    background-color: #C4F39A;
}
[class*="--info"] { 
    border-color: #397CF7;
    background-color: #C9DCFF;
}
[class*="--warn"] { 
    border-color: #F7B704;
    background-color: #F7E389;
}
[class*="--err"] { 
    border-color: #D81414;
    background-color: #F7BBBB;
}
[class*="--sub"] { 
    border-color: #FFA500;
    background-color: #FFA500;
} 

.msg--pos:before { content: "\e854"; }
.msg--info:before { content: "\e857"; }
.msg--warn:before { content: "\e856"; }
.msg--err:before { content: "\e856"; }


/* --------------------------------------------------------------------------
   Helper classes
   -------------------------------------------------------------------------- */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

.error {
	color: #FF0000;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

.small {
    font-size: .7em;
}

.big {
    font-size: 1.5em;
    padding: .3em 1em;
}

.txt--l {
    text-align: left;
}

.txt--c {
    text-align: center;
}

.txt--r {
    text-align: right;
}

.lrg-txt {
    font-size: 1.75em
}

.xlrg-txt {
   font-size: 2.5em; 
}

/*
 * Floats 
 */
 
.f-right {
    float: right;
}

.f-left {
    float: left;
}

.clr {
    margin-bottom: 1.5em;
}

/* --------------------------------------------------------------------------
   Media Queries for Responsive Design.
   -------------------------------------------------------------------------- */

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

    .section-wrapper >*, .reviews-wrapper  {
        padding: 0 1em;
    }

}


@media only screen and (max-width: 899px) {
	
	.header__logo img {
	margin-top:0
	}
	
    .hero-slides {
        display: none;
    }
    
    .hero-slides__nav {
        position: static;
        width: 100%;
    }
    .hero-slides__nav a {
        font-size: 1.5em;
    }
    .hero-slides__nav li {
        margin-left: 0 !important;
    }

    nav {
      clear: both;
      width: 100%;
    }
    
    .call-to-action h2 {
        font-size: 1em;
    }
    
    footer {
        text-align: center;
    }
    
    .contact-wrapper {
        text-align: center;
    }


    .contact-wrapper address {
        margin-bottom: 1.25em;

    }
	#badge-140 {
		margin: 1em auto;
	}

    .slicknav_menu {
        display: block;
    }
    
    .mobile-navigation {
        padding-top: .75em !important;
    }
    
    .mobile-navigation ul {
       margin: 0; 
    }
    
    .mobile-navigation .slicknav_nav > li {
        border-bottom: 1px solid #CCC;
    }
    
    .mobile-navigation .slicknav_nav ul li {
        background-color: #777;
        border-top: 1px solid #CCC;
    }
    
    .mobile-navigation .slicknav_nav ul ul li {
        background-color: #222;
        border-top: 1px solid #BBB;
    }
    
    .mobile-navigation ul li a {
        margin: 0;
    }
    
    .mobile-navigation [class*='tag--'] {
        float: right;
        min-width: 15%;
    }
    
    header nav, .header__personal-tools {
        display: none;
    }
    
    .series-banner,.slicknav_menu li ul h2 {
        display: none !important;
    }
    
    .footer__credit {
        text-align: center;
        margin: .5em;
    }
	.header__search {
		float:right;
	}
  
}
@media only screen and (max-width: 800px) {
	
	#badge-140 {
		margin:1em auto;
	}

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

	.header__logo img {
		margin-bottom:12px;
	}
		.header__search {
		float:none;
		width:100%;
		margin:0;
		clear:both;
	}
	
	.search-results-links li a {
		padding: .5em 1em;
		
	}
}

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


    .form__field input {
        padding: .5em;
        width: 100%;
        min-width: 250px;
    }
    
    .button {
      width: 100%;
      text-align: center;
      margin: 5px 0;
    }

}

@media only screen and (max-width: 524px) {
	.search-results-links li {
		display:block;
		
	}
	.search-results-links li a {}
}


@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* --------------------------------------------------------------------------
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   -------------------------------------------------------------------------- */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^-"javascript:"]:after,
    a[href^-"#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/* --------------------------------------------------------------------------
   Editor Styles
   -------------------------------------------------------------------------- */
a.mce__icon-link {
    color: #AB163A;
}

a.mce__icon-link:after {
    content: "\e84f";
    font-family: sfs;
    padding-left: .5em;
    color: #AB163A !important;
}

em.mce__emphasise {
    color: #AB163A;
    font-size: 1.15em;
    font-style: normal;
}

@font-face {
  font-family: 'sfs';
  src: url('../font/sfs.eot?78057759');
  src: url('../font/sfs.eot?78057759#iefix') format('embedded-opentype'),
       url('../font/sfs.woff?78057759') format('woff'),
       url('../font/sfs.ttf?78057759') format('truetype'),
       url('../font/sfs.svg?78057759#sfs') format('svg');
  font-weight: normal;
  font-style: normal;
}

.icon-custom {
  font-family: "sfs";
  font-style: normal;
  font-weight: normal;
}