/*! Fonts generated by Font Squirrel (https://www.fontsquirrel.com) */

@font-face {
font-family:'ralewaylight';src:url('fonts/raleway-light-webfont.woff2') format('woff2'),url('fonts/raleway-light-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family:'ralewayregular';src:url('fonts/raleway-regular-webfont.woff2') format('woff2'),url('fonts/raleway-regular-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family:'ralewaythin';src:url('fonts/raleway-thin-webfont.woff2') format('woff2'),url('fonts/raleway-thin-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
    font-family: 'eb_garamond12_regular';
    src: url('fonts/ebgaramond12-regular-webfont.woff2') format('woff2'),
         url('fonts/ebgaramond12-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'josefin_sanslight';
    src: url('fonts/josefinsans-light-webfont.woff2') format('woff2'),
         url('fonts/josefinsans-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'arconregular';
    src: url('fonts/arcon-regular-webfont.woff2') format('woff2'),
         url('fonts/arcon-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* p tops, Summary*/
@font-face {
    font-family: 'josefin_slabsemibold';
    src: url('fonts/josefinslab-semibold-webfont.woff2') format('woff2'),
         url('fonts/josefinslab-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


body {margin:98px 0px 0px 0px;padding:0px;vertical-align:baseline;background-color:#f1eeee;-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;font:inherit;font-size:100%;font-style:normal;font-family:arconregular,ralewayregular,Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:normal;line-height:normal;letter-spacing:normal;word-spacing:normal;}

div,table,a,img,ul,h1,h2,h3,p {margin:0px;padding:0px;background-color: transparent;}
div,table,ul {margin-left:auto;margin-right:auto;/* center for msie >>> */text-align:center;background-color:transparent;}
h1,h2,h3,p{font-size:100%;line-height:normal;}
table {width: 100%;}

/*FIXED TOP BOX*/
#titlebox,div.titleboxtext,#noborder {position:fixed;overflow:hidden;top:0px;left:0px;padding:0px;margin:0px;}
#titlebox, #noborder{height:98px;}
#titlebox, div.titleboxtext {width:100%;}
#titlebox {z-index:1;background-color:#cfcec9;border-bottom:4px solid #f1eeee;}

#subtitlebox {position:relative;z-index:0;overflow:hidden;top:0px;left:0px;width:100%;background-color:#f1eeee;padding-top:0px;padding-bottom:0px;margin:0px;}

#title{font-family:josefin_sanslight,ralewaythin,Raleway;font-weight:100;text-align:center;color:#fff;font-size:378%;letter-spacing:4px;padding-top:4px;padding-right:0%;margin:0px;}

#subtitle{font-family:ralewayregular,Raleway;font-weight:400;text-align:center;color:#4c4c4b;font-size:92%;letter-spacing:2px;word-spacing:1px;padding:4px;padding-top:6px;}




h1,h2,h3{text-align:left;font-family:arconregular,ralewayregular,"Helvetica Neue",Helvetica,Arial,sans-serif;color:#826e5d;font-weight:500;letter-spacing:1px;}
#h1center, h2.center,h3.center{text-align:center;}
h1{margin-top:0.8em;margin-bottom:0.4em;}
h2{margin-bottom:0.5em;}
h3{margin-bottom:0.5em;color:#4c4c4b;}

h1{font-size:2.2em;}
h2{font-size:1.75em;}
h3{font-size:1.55em;}

h2.faq{text-align:left;font-size:1.3em;font-weight:600;}

#quote{/*used as h3*/text-align:center;font-family:"josefin_slabsemibold";font-style:oblique;font-size:1.3em;color:#073f80;letter-spacing:0.3px;word-spacing:0.1px;;margin-bottom:1em;}

p{text-align:left;color:#4c4c4b;margin-top:0.4em;margin-bottom:1em;word-spacing:0.5px;font-size:1.16em;line-height:1.6em;}
p.med, p.medlong/*set down*/{margin-top:1.75%;}
p.center{text-align: center;}
p.customersname{color:#181818;font-size:1.2em;margin:3% 1.5% 1% 1.5%;}
p.customers{font-family:"josefin_slabsemibold";color:#073f80;font-size:1.18em;font-style:oblique;margin:0 1.5% 6% 3.5%;}

p.label{text-align:center;color: #51473f;font-size:1em;padding-bottom:4%;}
p.top{color:#000;font-family:josefin_slabsemibold;font-size:1.3em;margin-top:0;}
p.listtop{text-align:left;color:#000;font-size:1.1em;margin-top:0;margin-bottom:0.3em;}
p.policy{font-size:98%;}

div.whitebox{max-width:1280px;background-color:#fff;margin-bottom:63px;border-radius:22px;}

div.samplebox,div.sampleboxnextto {overflow: hidden;max-width: 850px;padding:1% 2% 4% 2%;}
div.sampleboxsmall,div.sampleboxsmallnextto {overflow: hidden;max-width:740px;padding: 1% 2% 4% 2%;}
div.sampleboxnextto,div.sampleboxsmallnextto {padding-bottom:0%;}


div.samplebox700, 
div.samplebox700w, 
div.samplebox700main{overflow:hidden;padding:2% 4%;width:80%;max-width:700px;background:#f0f1f5;/*palest mercury*/border:1px solid #e6e6e5;/*mercury*/border-radius:4px;margin:0 auto 4em auto;}
div.samplebox700w{background:transparent;border:0;}

div.samplebox700 p, div.samplebox700 ul li{color:#181818;
line-height:1.85em;
letter-spacing:0.02em;
margin:1.5%;
padding-bottom:2%;}
div.samplebox700 ul li{
line-height:1.55em;}

/*BOXES FOR TASSELPIX*/
div.box350,div.box400{margin:auto;padding:22px 0 10px 0;}
div.box350 {max-width:350px;}
div.box400 {max-width:400px;}
/*MINI COLOURED TEXT BOXES*/
div.boxtext {margin-top:5%;padding:3% 5%;background-color:#f1eeee; border:0px solid #8d908f; border-radius:6px;}


div.text{padding:1%;padding-top:2%;}

div.right{float:right;padding:1% 0% 1.5% 3%;}
div.left{float:left;padding:1% 3% 1.5% 0%;}
div.third,div.barrierflow{width:33%;float:left;}
div.half,div.pricehalf{width:50%; float:left;}

img.stonkimage{margin:15px;}
img.label{padding-top:1%;padding-bottom:3%;}
img.centerlabel{padding-top:1%;padding-bottom:1%;}
img.border{border:3px solid #cfcec9;}

a, visited, active 
{
color:#000;
font-weight:500;
text-decoration:none;
display:inline-block;
line-height:1.1em;
}

a:hover {
color:#000;
background:#a4c0fc;
text-decoration:none;
transition: 0.4s;
}

a.image {display:inline;border:0;}
a.image:hover {background:none;}
a.anchor{position:relative;top:-111px;display: block;border:0px;visibility: hidden;}
a.h2 {color:#826e5d;border:0;}




/* -------NEWLINKS--------- */
a, visited, active 
{
color:#0f7ffe;
text-decoration:none;
border:none;
display:inline-block;
line-height:100%;}


a:hover {
color:#0f7ffe;
background:#cfcec9;
text-decoration:none;
transition: 0.4s; /* Transition effects on hover (color) */}

a.image, a.stonkimg {border:0;display:inline-block;} 

a.image {display:inline;}
a.image:hover {background: none;}

p.more {margin-top:auto; /* Margin-top:auto is IMPORTANT!! to get this more link to sit nicely at bottom */}
a.more {
  border:1px solid #e6e6e5;/*mercury*/
  border-radius:4px;
  padding:0.5em;
  background:#48403e;/*new choc*/
  font-family:arconregular;
  font-size:95%;
  color:#fff;}

a.more:hover {
color:#000;
background:#f0f1f5;/*palest mercury*/;}
/* -------NEWLINKS END--------- */

#stonkfootlinksbox {width: 100%;padding-bottom:2%;border: 0px solid #cfcec9;}
#stonkfootlinksbox ul {list-style: none;margin-top: 11px;padding: 0px;}
#stonkfootlinksbox ul li {display: inline;padding: 2%;}

#stonkfootlinksbox a, visited, active {display:inline;border:0;}

#stonkfootlinksbox a:hover {background:none;}





/* IeMac */
* html>body ul>li, * html>body ul>li a{display:inline-block;}
* html>body ul>li a{width:1px;white-space:nowrap}


#footlinksbox{position:fixed;bottom:0px;height:63px;width: 100%;background-color: #cfcec9;border-top: 4px solid #f1eeee;}
#footlinksbox ul {list-style: none;margin-top: 4px;padding-left: 0px;padding-top: 3px;}
#footlinksbox ul li {display: inline;padding:0.6%;}
#footlinksbox ul a, visited {color:#4c4c4b;text-decoration:none;font-size:1em;letter-spacing:0px;display:inline;border:0px;}
#footlinksbox a:hover{color: #fff;background: #917d68;}


#knotlinksboxbot, #titleovertextbot{position:fixed;left:0px;width:100%;height:63px;overflow:hidden;} 
#knotlinksboxbot {z-index:1;bottom:0px;background-color:#cfcec9;border-top:4px solid #f1eeee;text-align: center;}
#titleovertextbot{bottom: 3px;}

div.knotlink, div.knottextlink{width:8.33%;float:left;}
div.knotlink img{display: inline;margin:0px;}
div.knottextlink a {color:#4c4c4b;text-decoration:none;font-size:1em;font-weight:normal;line-height:109px;padding-top:45px;display:inline;border:0px;}
div.knottextlink a:hover {text-decoration:underline;background:none;}
div.knotlink a {display:inline;border:0;}

/* old MsIe */
* html body div.titlebox, #noborder, div.titletext, div.titleovertext, div.knotlinksboxbot, div.titleovertextbot{position:absolute;}
/* old ie mac */
* html>body div.titlebox, #noborder, div.titletext, div.titleovertext, div.knotlinksboxbot, div.titleovertextbot{position:fixed;}

ul.knotlist, #faqlist {list-style:none;}

ul.knotlist {font-family:arconregular;color:#4c4c4b;font-size:1.05em;margin-left:4%;margin-bottom:4%;line-height: 153%;}
ul.knotlist li{margin:1%; padding: 9px 0 0 35px;background-image: url(images/list.gif);background-repeat: no-repeat;background-position: 3px 9px;text-align: left;}
#faqlist li{padding:5px 0px 5px 35px;background-image: url(images/list.gif);background-repeat: no-repeat;background-position:1px 5px;text-align:left;}
#faqlist li a, active, visited {font-size:1.1em;color:#323232;font-weight: 400;text-decoration: none; display:inline;border:0px;}
#faqlist a:hover {color:#0f7ffe;
background:none;
text-decoration:none;
transition: 0.4s;}

#pricingtable,#pricelisttable{border: 1px dotted #cfcec9;text-align: left;empty-cells: show;margin-bottom:1%;}
#pricingtable td,#pricelisttable td {background-color:#f1eeee;border: 1px dotted #cfcec9;padding:1.5% 0% 1.5% 2.5%;font-size:1.05em;}

#pricelisttable td.titles{column-span:all;border:0px;background-color:transparent;padding-top:3%;}
#pricelisttable td.notes{column-span:all;border:0px;background-color:transparent;color:#000;font-size:0.95em;font-weight:300;word-spacing:1px;line-height:1.5em;padding:1.5% 3% 3% 3%;}
hr{max-width: 930px;background-color:#cfcec9; height:2px;border-width:0;margin:5px auto;}

/* Screen from 1280 to 1025*/
@media screen and (max-width:1280px)
{
div.whitebox{border-radius:0;}
}

/* Screen from 1024 to 911*/
@media screen and (max-width:1024px)
{
#titlebox{position:relative;}
div.titleboxtext,#noborder{position:absolute;}
body{margin-top:0px;}
#title{font-size:348%;}
#subtitle{padding-top:4px;}


img, img.border {max-width:100%;height:auto;}
a.anchor{top:0px;}
}


/* Screen from 910 to 821 */
@media screen and (max-width:910px)
{
div.samplebox,div.sampleboxnextto {max-width:740px;}

#title{text-align:right;font-size: 333%;padding-right:8%;padding-top:8px;}
#subtitle{font-size:86%;}
h1{letter-spacing:1px;margin-top:0.6em;}
h2{margin-top:0.7em;}
h1,h2{text-align:center;}
h1,h2,h3,p{padding-left:3%;padding-right:3%;}
div.right,div.left{float:none;width:100%;display:block;padding:0%;margin:0%;}

div.whitebox {padding-left:7%;padding-right:7%;}
}


/* -----------WIDTH WIDTH WIDTH------------- */
/* -------Screen <=820 ------------*/
@media screen and (max-width:820px)
{
div.barrierflow{width:50%;}
.barrierflow p{text-align:center;font-size:0.85em;margin-top:0.3em;padding-bottom:1.6em;letter-spacing:0.04em;}

}


/* Screen from 740 to 623 */
@media screen and (max-width:740px)
{
div.whitebox {margin-bottom: 0px;}
#title{font-size: 300%;padding-top:2%;padding-right:5%;letter-spacing:3px;}
#subtitle{font-size:83%;}
#knotlinksboxbot, #titleovertextbot{min-width:100%;height:100%;}
#knotlinksboxbot{position:relative;margin-bottom:10px;}
#titleovertextbot{position: absolute;}
div.knotlink, div.knottextlink{width:16.66%; height:50%;}
div.knotlink img{border:0px solid black; margin:7px 0px 11px 0px;} 
div.knottextlink a {line-height: 124px;padding:0px;}
div.third,div.half,div.pricehalf{float:none;width:100%;display:block;} 
#pricingtable td,#pricelisttable td, #pricelisttable td.titles {padding-left:1%;}
}



/* Screen from 622 to 563 */
@media screen and (max-width:622px)
{
#noborder{margin-left: -46px;}
#title{padding-right:2%;padding-top:2%;letter-spacing:1px;}
#subtitle{font-size:80%;}
div.whitebox {padding-left:4%;padding-right:4%;}

#pricingtable td,#pricelisttable td, #pricelisttable td.titles {padding-left:0%;}
}




/* -----------WIDTH WIDTH WIDTH------------- */
/* Screen from <=562  */
@media screen and (max-width:562px)
{
div.barrierflow{float:none;width:100%;display:block;}

}






/* Screen from 480-321 */
@media screen and (max-width:480px)
{ 
#titlebox, #noborder{height:80px;}
#noborder{margin-left: -56px;} 
#title{font-size:275%;letter-spacing:0px;padding-top:1%;}
#subtitle{font-size:70%;letter-spacing:1px;padding-top:0%;word-spacing:0px;}
p{font-size:1.15em;;}
div.knotlink, div.knottextlink{width: 25%; height: 33%;}
#footlinksbox {height:53px;} 
#footlinksbox ul{margin-top:1px;}
/* @480w Headers*/
h1{font-size:2em;}
h2{font-size:1.6em;}
h3{font-size:1.4em;}
p{line-height:1.55em;}
p.top{line-height:1.4em;}
p.top{text-align:center;}
}
/* Screen from  320-289 */
@media screen and (max-width:320px)
{
#titlebox, #noborder{height:80px;}
h1{line-height:1.2em;}
div.knottextlink a {font-size: 70%;}
#footlinksbox ul{margin-top:0px;}

}

/* Screen from  288 */
@media screen and (max-width:288px)
{
#footlinksbox{overflow:auto;}
#footlinksbox ul a, visited{font-size:1em;}
#footlinksbox ul li{padding:0.25%;}
}