/* PARENT LEVEL */
html{}
body{
	margin: 0;
	padding: 0;
	color: #333;
	background-color: #fff;
	font-family: 'Lato', sans-serif;
	font-size: 12pt;
}
html.homePage, html.homePage body{
  height: 100%;
}
/* >> HEADER << */
#hdr{
  width: 80%;
	width:calc(100% - 200px);
	top: 0;
	left: 0;
	right: 0;
	height: 120px;
	padding: 0 100px;
	display: table;
	z-index: 10;
}
  /* >> LOGO << */
	#logo{
		display: table-cell;
		vertical-align: top;
	}
	#logo a{
    display: block;
    overflow: hidden;
    border: 3px solid #fff;
    width: 150px;
    height: 120px;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
    border-top: none;
  }
	#logo a img{height: 100%;}
  /* >> MAIN MENU << */
  	#main-menu{
  		display: table-cell;
  		vertical-align: middle;
  	}
    #main-menu .moduletable{float: right;overflow: visible;}
  	#main-menu ul{list-style: none;}
  	#main-menu ul li{}
  	#main-menu ul li a{}
  	#main-menu > div > ul{overflow: visible;padding: 0;margin: 0;}
    #main-menu > div > ul > li{float: left;position: relative;}
  	#main-menu > div > ul > li > a, #main-menu > div > ul > li > span.nav-header{
  		display: block;
  		padding: 10px 15px;
  		font-size: 13pt;
  		font-weight: bold;
  	}
    #main-menu > div > ul > li.deeper.parent:hover > ul{display: block;}
  	#main-menu > div > ul > li > ul{
      margin: 0;
      padding: 0;
      background: #eee;
      position: absolute;
      top: 100%;
      left: 0;
      width: 200px;
      display: none;
      border: 1px solid #eee;
      z-index: 3;
    }
    #main-menu > div > ul > li > ul > li a:hover,
    #main-menu > div > ul > li > ul > li span.nav-header{background-color: #eee;}
  	#main-menu > div > ul > li > ul > li{}
  	#main-menu > div > ul > li > ul > li > a,
    #main-menu > div > ul > li > ul > li > span.nav-header{
      padding: 14px 12px;
      display: block;
      font-size: 11pt;
      line-height: 10pt;
      background-color: #fff;
      border-bottom: 1px solid #eee;
      font-weight: bold;
      color: #666;
    }
    #main-menu > div > ul > li > ul > li:last-child > a{border: none;}
  	#main-menu > div > ul > li > ul > li > ul{
      padding: 0;
      margin: 0;
    }
  	#main-menu > div > ul > li > ul > li > ul > li{}
  	#main-menu > div > ul > li > ul > li > ul > li > a{
      background: #fefefe;
      padding: 10px 12px 10px 12px;
      display: block;
      font-size: 10pt;
      color: #333;
      border-bottom: 1px dotted #eee;
    }
    #main-menu > div > ul > li > ul > li > ul > li > a::before{content:"- ";}
  	#main-menu .logout{
  		float: right;
  		display: block;
  		padding: 5px 20px;
  		font-weight: 900;
  		border: 4px solid !important;
  		margin-left: 5px;
  		color: #000;
  		vertical-align: middle;
  	}
    #main-menu span.nav-header{cursor: default;}

    #cartLink{position: relative;}
    #cartLink .vmCartModule.menuitem{
      position: absolute;
      width: 20px;
      height: 20px;
      top: -6px;
      right: -3px;
      display: block;
      border-radius: 100%;
      text-align: center;
      padding: 4px;
    }
    #main-menu .basketMob{display: none;}

  /* >> MENU TOGGLE << */
  #menuToggle{
    height: 50px;
    background-color: #eee;
    padding: 10px;
    color: #5766af;
    cursor: pointer;
    transition:all 0.4s ease-in-out;
    display: none;
  }
  #menuToggle:hover{background-color: #fff;transition: all 0.4s ease-in-out;}
  #menuToggle #togText{
    display: block;
    float: left;
    font-weight: bold;
    margin: 13px 10px auto 10px;
    font-size: 16pt;
    line-height: 16pt;
    margin-top: 13px;
  }
  #menuToggle #togText #togClose{display: none;}
  #menuToggle #togText.open #togClose{display: inline;}
  #menuToggle #togText.open #togOpen{display: none;}
  #menuToggle #togWrap{
    display: block;
    float: right;
    width: 50px;
    height: 50px;
    margin: 0 10px;
  }
  #menuToggle #togWrap .togLine{
    display: block;
    background: #5766af;
    width: 50px;
    margin: 8px auto;
    height: 6px;
  }


  /* >> USER MENU << */
  	#userMenu{
  		overflow: hidden;
  		padding: 20px 100px;
  		background-color: #eee;
  		color: #333;
  	}
  	#userMenu #userDetails{float: left;overflow: hidden;padding: 5px 0;}
  	#userMenu #userDetails a, #userMenu .logout{font-weight: 900;}
    #umToggle{
      display: none;
      float: right;
      font-size: 21pt;
      word-spacing: 10px;
      border: 4px solid;
      padding: 5px 20px;
      cursor: pointer;
    }
  	#userMenu .moduletable{float: right;overflow: hidden;}
  	#userMenu .moduletable ul{padding: 0;margin: 0;overflow: hidden;list-style: none;}
    #userMenu .moduletable ul li{float: left;}
  	#userMenu .moduletable ul li.current.active a{border-bottom: 3px solid;padding-bottom: 2px;}
  	#userMenu .moduletable ul li a{display: block;padding: 5px;margin: 0 10px;}

/* >> CONTENT << */
#content{
  padding: 50px 100px;
  background-color: #fff;
  overflow: hidden;
}
#contentWrap{overflow: hidden;}
#contentWrap.shared{
  width: 70%;
  width: calc(100% - 280px);
  float: right;
}
#homeContent{padding:100px;background-color: #fff;overflow: hidden;text-align: center;}

/* >> SIDEBAR << */
#sidebar{
  width: 250px;
  float: left;
  overflow: hidden;
}
#sidebar .moduletable{
  border: 1px solid #eee;
  margin-bottom: 30px;
  padding: 10px 20px;
}
#sidebar .moduletable h3{
  font-size: 16pt;
  line-height: 16pt;
  border-bottom: 1px dotted #ddd;
  padding: 0 0 15px 0;
  margin:15px auto 10px auto;
}

/* >> ORDERING NOTES << */
.moduletable.orderingNotes p{margin: 0 auto;}
.moduletable.orderingNotes p a{text-align: center; background-color: #3baf2a; color: #fff;}
.moduletable.orderingNotes p a:hover{background-color: #259016;}

/* >> SIDEBAR SLOGIN MODULE << */
.moduletable.loginForm fieldset{border: none; padding: 10px 0 0 0; }
.moduletable.loginForm .ul-jlslogin{padding: 25px 0 0 0; }
.moduletable.loginForm #slogin-buttons a {width: 32px;height: 32px;}
.moduletable.loginForm #slogin-buttons a span{width: 32px;height: 32px;font-size: 16pt;}
.moduletable.loginForm input[type="submit"]{background-color: #eee;color: #333;}
.moduletable.loginForm input[type="submit"]:hover{background-color: #ddd;color: #333;}

/* >> COVER << */
#cover{
	background-color: #eee;
	background-image: url(../images/bg.jpg);
	background-size: cover;
	background-position: right top;
  height: 70%;
	height: calc(100% - 200px);
	width: 70%;
  width:calc(100% - 200px);
	padding: 170px 100px 30px 100px;
	min-height: 440px;
	overflow: hidden;
	position: relative;
}
#cover #coverContainer{
  position: relative;
  transform: translate3d(0, -50%, 0);
  -webkit-transform: translate3d(0, -50%, 0);
  top: 50%;
}
#cover #coverContainer #coverText{overflow: hidden;width: 90%;color:#5766af;}
#cover #coverContainer #coverText h2{font-weight: 400;font-size: 35pt; margin: 0 auto 15px auto;}
#cover #coverContainer #coverText ul{overflow: hidden;list-style: none;padding-left: 0px;}
#cover #coverContainer #coverText li{font-style: italic;font-weight:bold;font-size: 15pt; margin: 10px auto;}
#cover #coverContainer #coverText li::before{font-family: 'FontAwesome';content:"\f06c";margin-right: 15px;}
#cover #coverContainer #coverCta{overflow: hidden;margin-top: 0px;}
#cover #coverContainer #coverCta div{overflow: hidden;}
#cover #coverContainer #coverCta a{
	display:block;
	float: left;
	background-color: #fff;
	padding:15px 25px;
	text-align: center;
	margin: 5px;
	box-shadow: 0 0 4px rgba(0,0,0,0.2);
	min-width: 150px;
	font-weight: 700;
	border-radius: 2px;
}
#cover #coverContainer #coverCta strong a{
	background-color:#5766af;
	color: #fff;
	font-weight: 700;
}

/* >> SLOGIN << */
.login{overflow: hidden;}
.login .login-fields{overflow: hidden;padding: 10px 0;}
.jlslogin, #slogin-buttons{overflow: hidden;}
#slogin-buttons a{display: block;width: 48px;height: 48px;float: left;}
#slogin-buttons a span{
  position: relative;
  width: 48px;
  height: 48px;
  display: block;
  font-size: 23pt;
}
#slogin-buttons a span::after{
  font-family: 'FontAwesome';
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  -webkit-transform: translate3d(0, -50%, 0);
}

span.facebookslogin::after{content:"\f230";}
span.googleslogin::after{content:"\f1a0";}
span.instagramslogin::after{content:"\f16d";}
span.linkedinslogin::after{content:"\f0e1";}
span.liveslogin::after{content:"\f17a";}
span.odnoklassnikislogin::after{content:"\f263";}
span.twitterslogin::after{content:"\f099";}
span.vkontakteslogin::after{content:"\f189";}
span.wordpressslogin::after{content:"\f19a";}
span.yahooslogin::after{content:"\f19e";}

.ul-jlslogin{margin: 0;padding: 15px 25px;overflow: hidden;list-style: none;}

/* >> AFTER CONTENT WIDE << */
#afcWide{width: 100%;clear: both;overflow: hidden;border-top: 1px solid #eee;}
.moduletable.getInTouch{padding: 50px 100px;text-align: center;}
.moduletable.getInTouch h3{font-size: 25pt;line-height: 25pt;margin-bottom: 10px;}
.moduletable.getInTouch p{font-size: 15pt;}

/* >> FOOTER << */
#ftr{background-color: #fff;overflow: hidden;border-top: 1px solid #eee;padding:0;color: #777;background-color: #f9f9f9;}
#ftr #ftrPosLeft{width: 50%;float: left;text-align: left;overflow: hidden;padding: 30px 0;}
#ftr #ftrPosRight{width: 50%;float: right;text-align: right;overflow: hidden;padding: 30px 0;}
#ftr #ftrPosCenter{text-align: center;overflow: hidden;clear: both;padding: 30px 100px;border-top: 1px solid #eee;}

#ftr #copyRight{text-align: center;padding: 30px 100px;border-top: 1px solid #eee;font-size: 10pt;}

#ftr ul{list-style: none;overflow: hidden;margin: 0;padding: 0;}
#ftr #ftrPosLeft ul{margin-left: 100px;}
#ftr #ftrPosRight ul{float: right;margin-right: 100px;}
#ftr ul li{float: left;}
#ftr #ftrPosLeft ul li{margin-right: 20px;}
#ftr #ftrPosRight ul li{margin-left: 20px;}
#ftr ul li a{font-weight: bold; color: #666;}


#ftr #twLink{
  font-size: 19pt;
  border: 2px solid #4099ff;
  display: inline-block;
  padding: 15px;
  border-radius: 100%;
  width: 28px;
  height: 28px;
  color: #4099ff;
  margin: 0 15px;
  vertical-align: middle;
}
#ftr #twLink:hover{background-color: #4099ff;color: #fff;}
#ftr .twText{
  display: inline-block;
  padding: 10px 0;
  vertical-align: middle;
  font-weight: bold;
  color: #4099ff;
}
/* >> TWITTER << */
.moduletable.tweets{}
.moduletable.tweets .obtweets_list{margin:0;padding:0;}
.moduletable.tweets .obtweets_list .twHeader{
  overflow: hidden;
  border-bottom: 10px solid #eee;
  margin-bottom: 20px;
}
.moduletable.tweets .obtweets_list .twHeader h5{
  margin: 14px auto;
  margin-top: 0;
  font-weight: 900;
  font-size: 27pt;
  float: left;
  line-height: 36pt;
}
.moduletable.tweets .obtweets_list .twHeader a.twFollow{
  float: right;
  vertical-align: middle;
  font-weight: bold;
  font-size: 11pt;
  line-height: 18pt;
  color: #4099cc;
  padding: 10px 20px;
  border: 3px solid #4099cc;
  height: 21px;
}
.moduletable.tweets .obtweets_list .twHeader a.twFollow i{
  font-size: 16pt;
  margin-right: 10px;
  display: block;
  float: left;
}
.moduletable.tweets .obtweets_list li{text-align: center;border-bottom: 1px dotted #ddd; padding: 35px;}
.moduletable.tweets .obtweets_list li:first-child{}
.moduletable.tweets .obtweets_list li + li{
  display: table-cell;
  vertical-align: middle;
  border-left: 1px dotted #eee;
  border-right: 1px dotted #eee;
}
.moduletable.tweets .obtweets_list li a.twProfile{
  display: block;
  width: 100px;
  height: 100px;
  background: #3baf2a;
  overflow: hidden;
  border: 8px solid #f9f9f9;
  margin: 0 auto;
}
.moduletable.tweets .obtweets_list li a.twProfile img{width: 100px; vertical-align: middle; margin-top: 8px;}
.moduletable.tweets .obtweets_list li .usrContent{overflow: hidden;}
.moduletable.tweets .obtweets_list li .usrContent .twUserName{display: block; margin: 10px auto; font-size: 16pt;}
.moduletable.tweets .obtweets_list li .usrContent .twHandle{color: #999;}
.moduletable.tweets .obtweets_list li .usrContent .twHandle a{color: #999;}
.moduletable.tweets .obtweets_list li .usrContent .twDate{color: #999;}
.moduletable.tweets .obtweets_list li .twContent{padding: 15px;}
.moduletable.tweets .obtweets_list li .twContent a.user_mention s{text-decoration: none;}

/*
#twitterBox{overflow: hidden;text-align: center;}
#twitterBox .tweet{overflow: hidden;}
#twitterBox .tweet ul{margin:0;padding:0 100px;overflow: hidden;text-align: center;}
#twitterBox .tweet ul li{
  overflow: hidden;
  display: inline-block;
  max-width: 700px;
  margin: 0 auto;
  float: none;
}
#twitterBox .tweet .twContent{overflow: hidden;position: relative;}
#twitterBox .tweet .twContent .twcInner{
  border: 10px solid #eee;
  padding: 49px;
  border-radius: 70px;
  position: relative;
}
#twitterBox .tweet .twContent .twLink{
  width: 50px;
  height: 23px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  background: #5766af;
  color: #fff;
  font-size: 10pt;
  font-weight: bold;
  line-height: 9pt;
  padding: 10px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  padding-top: 15px;
}
#twitterBox .tweet .twContent .twDate{}*/

/* >> FONT SIZE << */
#fontSize{
  position: fixed;
  right: 0;
  transform: translate3d(0, -50%, 0);
  -webkit-transform: translate3d(0, -50%, 0);
  top: 50%;
}
#fontSize span{
  display: block;
  font-size: 16pt;
  width: 28px;
  height: 28px;
  text-align: center;
  padding: 10px;
  background: #eee;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
#fontSize #fontUp{}
#fontSize #fontIcon{background-color: #e6e6e6;}
#fontSize #fontDown{}
#fontSize span:hover{transition: all 0.3s ease-in-out;background-color: #ddd;}

.fsXSmall{font-size: 10pt;}
.fsSmall{font-size: 11pt;}
.fsBig{font-size: 13pt;}
.fsXBig{font-size: 14pt;}

.fsXSmall .item-page .articleBody p{font-size: 11pt;}
.fsSmall .item-page .articleBody p{font-size: 12pt;}
.fsBig .item-page .articleBody p{font-size: 14pt;}
.fsXBig .item-page .articleBody p{font-size: 15pt;}

.fsXSmall #main-menu > div > ul > li > a, .fsXSmall #main-menu > div > ul > li > span.nav-header{font-size: 11pt;}
.fsSmall #main-menu > div > ul > li > a, .fsSmall #main-menu > div > ul > li > span.nav-header{font-size: 12pt;}
.fsBig #main-menu > div > ul > li > a, .fsBig #main-menu > div > ul > li > span.nav-header{font-size: 14pt;}
.fsXBig #main-menu > div > ul > li > a, .fsXBig #main-menu > div > ul > li > span.nav-header{font-size: 15pt;}

.fsXSmall #main-menu > div > ul > li > ul > li > ul > li > a {font-size: 10pt;}
.fsSmall #main-menu > div > ul > li > ul > li > ul > li > a{font-size: 10pt;}
.fsBig #main-menu > div > ul > li > ul > li > ul > li > a{font-size: 11pt;}
.fsXBig #main-menu > div > ul > li > ul > li > ul > li > a{font-size: 12pt;}

.fsXSmall #main-menu > div > ul > li > ul > li > a, .fsXSmall #main-menu > div > ul > li > ul > li > span.nav-header{font-size: 9pt;}
.fsSmall #main-menu > div > ul > li > ul > li > a, .fsSmall #main-menu > div > ul > li > ul > li > span.nav-header{font-size: 10pt;}
.fsBig #main-menu > div > ul > li > ul > li > a, .fsBig #main-menu > div > ul > li > ul > li > span.nav-header{font-size: 12pt;}
.fsXBig #main-menu > div > ul > li > ul > li > a, .fsXBig #main-menu > div > ul > li > ul > li > span.nav-header{font-size: 13pt;}

@media(max-width: 800px){
  #fontSize{display: none;}
}

/* >> FORMS << */
form{}
fieldset{border: 1px solid #eee; padding: 15px 25px;margin: 0 auto;}
fieldset > legend{
  font-size: 13pt;
  padding: 15px;
  font-weight: bold;
}
form .control-group{overflow: hidden;padding: 10px 0;}
label{display: block;}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
textarea, 
select{
  display: block!important;
  box-sizing: content-box!important;
  border: 1px solid #eee!important;
  float: none!important;
  padding: 10px!important;
  font-family: inherit!important;
  color: #666!important;
  font-weight: normal!important;
  font-size: 12pt!important;
  width: 80%!important;
  width: calc(100% - 22px)!important;
  cursor: pointer!important;
}
select{padding: 0 10px!important;}
select option{padding: 10px;}
textarea{height: 150px;resize: vertical;}
.sidebarButton, button, input[type="reset"], input[type="button"], input[type="submit"]{
  background-color: #eee;
  border: none;
  font-family: inherit;
  font-size: 12pt;
  padding: 10px 25px;
  cursor: pointer;
  display: block;
  color: #333;
  font-weight: 400;
  -webkit-padding-after: 12px;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition:all 0.3s linear;
  -o-transition:all 0.3s linear;
}
.quantity-controls input[type="button"]{width: 56px; height: 41px;}
.sidebarButton{float: left;}
.sidebarButton, input[type="submit"]{background-color: #5766af;color:#fff;}
button:hover, input[type="reset"]:hover, input[type="button"]:hover, input[type="submit"]:hover{
  background-color: #ddd;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition:all 0.3s linear;
  -o-transition:all 0.3s linear;
}
.sidebarButton:hover, input[type="submit"]:hover{background-color: #4051a1;color:#fff;}

.nav.nav-tabs.nav-stacked{margin: 0;padding: 15px 25px;list-style: none;} /* FORGOT PASSWORD, FORGOT USERNAME ETC LIST */


/* >> HEADINGS << */
h1{
  font-size: 30pt;
  font-weight: 400;
  line-height: 30pt;
}
h2{
  font-size: 24pt;
  font-weight: 400;
  line-height: 35pt;
}
h3{
  font-size: 20pt;
  font-weight: 400;
  line-height: 31pt;
}
h4{
  font-size: 18pt;
  font-weight: 400;
  line-height: 25pt;
}
h5{
  font-size: 16pt;
  font-weight: 400;
  line-height: 20pt;
}
h6{
  font-size: 14pt;
  font-weight: 400;
  line-height: 18pt;
}

/* >> BASIC ELEMENTS << */
a, a img{
	color:#5766af;
	text-decoration: none;
	border: none;
	outline: none;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
}
a:hover{
	color:#000;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
}
strong{font-weight: 900;}
span.star{color:#b31616;font-weight: 900;}
.floatright{float:right;}
.floatleft{float: left;}
.width50{width: 50%;}
.width30{width: 32.33333%;}
.clr, .clear{clear: both;}
hr{
  border: none;
  border-top: 1px dotted #ddd;
  height: 0;
  background:none;
  padding:0;
  margin: 30px auto;
}
.fixed{position: fixed;}
/* >> RESPONSIVE << */
@media (min-width: 1400px){

	body{font-size: 15pt;}
	#main-menu > div > ul > li > a, #main-menu > div > ul > li > span.nav-header{font-size: 16pt;}
	#main-menu > div > ul > li > ul{width: 250px;}
	#main-menu > div > ul > li > ul > li > a, #main-menu > div > ul > li > ul > li > span.nav-header{font-size: 14pt;}
	#main-menu > div > ul > li > ul > li > ul > li > a{font-size: 14pt;}
	#cover #coverContainer #coverText h2{font-size: 45pt;}
	#cover #coverContainer #coverText li{font-size: 20pt;}
	#ftr #copyRight{font-size: 13pt;}
	h1 {font-size: 30pt; font-weight: 400; line-height: 30pt; }
	h4 {font-size: 18pt; font-weight: 400; line-height: 25pt; }
	h6 {font-size: 14pt; font-weight: 400; line-height: 18pt; }
	#sidebar .moduletable h3{font-size: 19pt;line-height: 19pt;}
	.sidebarButton, button, input[type="reset"], input[type="button"], input[type="submit"]{font-size: 15pt;}
	input[type="text"], input[type="email"], input[type="password"], input[type="tel"], textarea, select{font-size: 15pt!important;}
	#contentWrap.shared {width: calc(100% - 450px);}
	#sidebar{width: 400px;}
	fieldset > legend{font-size: 16pt;}

	.fsXSmall{font-size: 13pt;}
	.fsSmall{font-size: 14pt;}
	.fsBig{font-size: 16pt;}
	.fsXBig{font-size: 17pt;}

	.fsXSmall .item-page .articleBody p{font-size: 14pt;}
	.fsSmall .item-page .articleBody p{font-size: 15pt;}
	.fsBig .item-page .articleBody p{font-size: 17pt;}
	.fsXBig .item-page .articleBody p{font-size: 18pt;}

	.fsXSmall #main-menu > div > ul > li > a, .fsXSmall #main-menu > div > ul > li > span.nav-header{font-size: 14pt;}
	.fsSmall #main-menu > div > ul > li > a, .fsSmall #main-menu > div > ul > li > span.nav-header{font-size: 15pt;}
	.fsBig #main-menu > div > ul > li > a, .fsBig #main-menu > div > ul > li > span.nav-header{font-size: 17pt;}
	.fsXBig #main-menu > div > ul > li > a, .fsXBig #main-menu > div > ul > li > span.nav-header{font-size: 18pt;}

	.fsXSmall #main-menu > div > ul > li > ul > li > ul > li > a {font-size: 13pt;}
	.fsSmall #main-menu > div > ul > li > ul > li > ul > li > a{font-size: 13pt;}
	.fsBig #main-menu > div > ul > li > ul > li > ul > li > a{font-size: 14pt;}
	.fsXBig #main-menu > div > ul > li > ul > li > ul > li > a{font-size: 15pt;}

	.fsXSmall #main-menu > div > ul > li > ul > li > a, .fsXSmall #main-menu > div > ul > li > ul > li > span.nav-header{font-size: 12pt;}
	.fsSmall #main-menu > div > ul > li > ul > li > a, .fsSmall #main-menu > div > ul > li > ul > li > span.nav-header{font-size: 13pt;}
	.fsBig #main-menu > div > ul > li > ul > li > a, .fsBig #main-menu > div > ul > li > ul > li > span.nav-header{font-size: 15pt;}
	.fsXBig #main-menu > div > ul > li > ul > li > a, .fsXBig #main-menu > div > ul > li > ul > li > span.nav-header{font-size: 16pt;}


}
@media (min-width: 1900px){
	#cover{background-image: url(../images/sn2-4k.jpg);min-height: 580px;}

	body{font-size: 18pt;}
	#main-menu > div > ul > li > a, #main-menu > div > ul > li > span.nav-header{font-size: 19pt;}
	#main-menu > div > ul > li > ul{width: 330px;}
	#main-menu > div > ul > li > ul > li > a, #main-menu > div > ul > li > ul > li > span.nav-header{font-size: 17pt;}
	#main-menu > div > ul > li > ul > li > ul > li > a{font-size: 17pt;}
	#cover #coverContainer #coverText h2{font-size: 60pt;}
	#cover #coverContainer #coverText li{font-size: 23pt;}
	#ftr #copyRight{font-size: 16pt;}
	h1 {font-size: 30pt; font-weight: 400; line-height: 30pt; }
	h4 {font-size: 18pt; font-weight: 400; line-height: 25pt; }
	h6 {font-size: 14pt; font-weight: 400; line-height: 18pt; }
	#sidebar .moduletable h3{font-size: 22pt;line-height: 23pt;}
	.sidebarButton, button, input[type="reset"], input[type="button"], input[type="submit"]{font-size: 18pt;}
	input[type="text"], input[type="email"], input[type="password"], input[type="tel"], textarea, select{font-size: 18pt!important;}
	#contentWrap.shared {width: calc(100% - 550px);}
	#sidebar{width: 500px;}
	fieldset > legend{font-size: 19pt;}

	.fsXSmall{font-size: 16pt;}
	.fsSmall{font-size: 17pt;}
	.fsBig{font-size: 19pt;}
	.fsXBig{font-size: 20pt;}

	.fsXSmall .item-page .articleBody p{font-size: 17pt;}
	.fsSmall .item-page .articleBody p{font-size: 18pt;}
	.fsBig .item-page .articleBody p{font-size: 20pt;}
	.fsXBig .item-page .articleBody p{font-size: 21pt;}

	.fsXSmall #main-menu > div > ul > li > a, .fsXSmall #main-menu > div > ul > li > span.nav-header{font-size: 17pt;}
	.fsSmall #main-menu > div > ul > li > a, .fsSmall #main-menu > div > ul > li > span.nav-header{font-size: 18pt;}
	.fsBig #main-menu > div > ul > li > a, .fsBig #main-menu > div > ul > li > span.nav-header{font-size: 20pt;}
	.fsXBig #main-menu > div > ul > li > a, .fsXBig #main-menu > div > ul > li > span.nav-header{font-size: 21pt;}

	.fsXSmall #main-menu > div > ul > li > ul > li > ul > li > a {font-size: 16pt;}
	.fsSmall #main-menu > div > ul > li > ul > li > ul > li > a{font-size: 16pt;}
	.fsBig #main-menu > div > ul > li > ul > li > ul > li > a{font-size: 17pt;}
	.fsXBig #main-menu > div > ul > li > ul > li > ul > li > a{font-size: 18pt;}

	.fsXSmall #main-menu > div > ul > li > ul > li > a, .fsXSmall #main-menu > div > ul > li > ul > li > span.nav-header{font-size: 15pt;}
	.fsSmall #main-menu > div > ul > li > ul > li > a, .fsSmall #main-menu > div > ul > li > ul > li > span.nav-header{font-size: 16pt;}
	.fsBig #main-menu > div > ul > li > ul > li > a, .fsBig #main-menu > div > ul > li > ul > li > span.nav-header{font-size: 18pt;}
	.fsXBig #main-menu > div > ul > li > ul > li > a, .fsXBig #main-menu > div > ul > li > ul > li > span.nav-header{font-size: 19pt;}


}
@media (max-width: 1200px){
  #hdr{height: 85px;}
  #logo a{width: 100px; height: 80px;}
  #main-menu > div > ul > li > a{padding: 10px;}
  #cover{padding: 130px 100px 30px 100px;}
}
@media (min-width: 1001px){
  #main-menu .moduletable.primaryMenu{display: block!important;}
}
@media (max-width: 1000px){
  #hdr{width:80%;width: calc(100% - 70px);display: block;padding: 0 35px;}
  #logo{float: left;}
  #menuToggle{display: block;}
  #main-menu{
    float: right;
    right: 35px;
    top: 0;
    z-index: 5;
  }
  #main-menu .moduletable{float: left;}
  #main-menu #menuToggle{float: left;position: relative;z-index: 15;}
  #main-menu .moduletable.basket{float: left;position: relative;z-index: 15;}
  #main-menu .moduletable.basket a{
    font-size: 20pt;
    background: #f9f9f9;
    height: 34px;
    padding: 12px;
    width: 34px;
    margin-top: 0;
  }
  #main-menu .basketMob{display: block;}
  #cartLink .vmCartModule.menuitem {
      text-align: center;
      font-size: 14pt;
      font-weight: 900;
      color: #333;
  }
  #main-menu .moduletable.primaryMenu{
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #fff;
    background: rgba(255, 255, 255, 0.9);
    overflow: auto;
  }
  #main-menu > div:not(.basket) > ul{overflow: hidden; padding: 100px 35px 35px 35px;}
  #main-menu > div > ul > li{width: 100%;float: none;}
  #main-menu > div > ul > li > a{
    border: 6px solid #eee;
    margin: 5px auto;
    background: #fff;
  }
  #main-menu > div > ul > li > ul{
    position: relative;
    display: block;
    width: auto;
    background: #fff;
    margin-top: -5px;
    border-left: 6px solid #eee;
    border-bottom: 6px solid #eee;
    border-right: 6px solid #eee;
    border-top: none;
  }
  #main-menu > div > ul > li > ul > li > a{
    background: none;
    border-bottom: 2px solid #ccc;
    background: #f9f9f9;
    padding: 15px 15px 15px 30px;
  }
  #main-menu > div > ul > li > ul > li.parent > a{border-bottom: none;}
  #main-menu > div > ul > li > ul > li > ul > li > a{
    padding: 15px 15px 15px 45px;
    font-weight: bold;
    font-size: 11pt;
    background: #f6f6f6;
  }
  #userMenu{padding: 20px 35px;}
  #cover {
    padding: 130px 35px 30px 35px;
    width:80%;
    width: calc(100% - 70px);
  }
  #content{padding: 25px 35px;width:80%width: calc(100% - 70px);}
  #contentWrap.shared, #sidebar{float: none;width: 100%;}
  #sidebar{margin-top: 50px;}
  .moduletable.getInTouch{padding: 35px;}
}
@media (max-width: 800px){
  #cover{background-position: left center;}
  #cover #coverContainer #coverText ul{margin: 0 auto;}
  #cover #coverContainer #coverText h2{font-size: 24pt;}
  #cover #coverContainer #coverText {
    width: auto;
    text-align: center;
    padding: 25px;
    border: 10px solid #5766af;
  }
  #cover #coverContainer #coverText li{
    color: #333;
    border-bottom: 2px dotted RGBA(51, 51, 51, 0.17);
    margin: 0px auto;
    padding: 5px 0;
    font-size: 11pt;
  }
  #cover #coverContainer #coverText li:last-child{border-bottom: none;}
  #cover #coverContainer #coverText li::before{display: none;}
  #cover #coverContainer #coverCta a{
    padding: 10px;
    box-shadow: none;
    border-radius: 0px;
    margin: 10px auto;
    font-size: 10pt;
    min-width: 115px;
  }
  #homeContent{padding: 75px 35px;}
  #ftr #ftrPosLeft ul{margin-left: 35px;}
  #ftr #ftrPosRight ul{margin-right: 35px;}
  #ftr #ftrPosCenter{padding: 30px 35px;}
}
@media (max-width: 600px){
  html.homePage, html.homePage body, #cover{height: auto;}
  #menuToggle #togText {
    display: block;
    float: left;
    font-weight: bold;
    margin: 8px 0 !important;
    font-size: 13pt;
    line-height: 13pt;
    width: 80px;
    text-align: right;
  }
  #main-menu .moduletable.basket{display: none;}
  #umToggle{display: block;}
  #userMenu .moduletable{width: 100%;float: none;display: none;}
  #userMenu #userDetails {padding: 15px 0;
  }
  #userMenu .moduletable ul li{float: none;}
  #cover #coverContainer{transform: none;top:auto;}
  .moduletable.loginForm #slogin-buttons a{width: 50px; height: 50px;}
  .moduletable.loginForm #slogin-buttons a span{width: 40px; height: 40px; font-size: 30pt;}
  #ftr #ftrPosRight{border-top: 1px solid #eee;}  
  #ftr #ftrPosLeft, #ftr #ftrPosRight{width: 100%;float: none;padding: 35px 0;}  
  #ftr #ftrPosLeft ul, #ftr #ftrPosRight ul{text-align: center;margin: 0 35px;padding: 0;float: none;}  
  #ftr #ftrPosLeft ul li, #ftr #ftrPosRight ul li{display: inline-block;float: none;margin: 0 10px;}

  fieldset{margin:15px auto;}

  /* >> HEADINGS << */
  h1{
    font-size: 22pt;
    font-weight: bold;
    line-height: 25pt;
  }
  h2{
    font-size: 17pt;
    font-weight: bold;
    line-height: 19pt;
  }
  h3{
    font-size: 14pt;
    font-weight: bold;
    line-height: 16pt;
  }
  h4{
    font-size: 13pt;
    font-weight: bold;
    line-height: 15pt;
  }
  h5{
    font-size: 12pt;
    font-weight: 900;
    line-height: 14pt;
  }
  h6{
    font-size: 12pt;
    font-weight: bold;
    line-height: 14pt;
  }

}
@media (max-width: 400px){
  #main-menu .moduletable.basket{float: right;}
  #main-menu #menuToggle {
    height: 30px;
    clear: both;
    float: right;
  }
  #menuToggle #togText{font-size: 10pt; line-height: 10pt; margin: 2px !important;}
  #menuToggle #togWrap{overflow: hidden; width: 30px; height: 30px;}
  #menuToggle #togWrap .togLine{width: 30px; height: 5px; margin: 4px auto;}

  #cover #coverContainer #coverText h2{font-size: 18pt;}
  #cover #coverContainer #coverCta a{
    padding: 10px 5px;
    box-shadow: none;
    border-radius: 0px;
    margin: 10px auto;
    font-size: 10pt;
    min-width: 40%;
    min-width: calc(50% - 10px);
  }
  .moduletable.tweets .obtweets_list li + li{display: block;}
  .moduletable.getInTouch h3{font-size: 20pt; line-height: 21pt;}
  .moduletable.getInTouch p{font-size: 13pt;}
}
@media (max-width: 330px){
	#logo a {width: 80px; height: 65px;}
	#menuToggle #togText{display: none;}
	#content{clear: both;}
	#ftr .twText, #ftr #ftrPosLeft ul li, #ftr #ftrPosRight ul li{display: block;}
	#ftr #copyRight{padding: 30px 20px;}
}