/* -----------------------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Hanlding Updates
------------------------------------------------------------------------------*/
/******************************************************************************/
/* Global styles affect all devices - Desktop-First */
/******************************************************************************/

/******************************************************************************/
/******************************************************************************/
/******************************************************************************/
/******************************************************************************/
.bootstrap-select>button.btn.btn-default {
    background-color: #fbfbfb;
}
.bootstrap-select>button.btn.btn-default:hover{
	background-color: #fbfbfb;
}
/******************************************************************************/
.form-group{
	margin-right: 15px !important;
	margin-left:15px !important;
}

/******************************************************************************/

.parallax-container {
  min-height: 50vh;
  background: transparent;
}

.back-to-top {

	margin: 0;
	position: fixed;
	bottom: 0px;
	right: 0;
	width: 70px;
	height: 70px;
	z-index: 100;
	display: none;
	text-decoration: none;

}
.back-to-top i {
  font-size: 60px;
}
/******************************************************************************/
.border {
	border: 1px solid #868695;
}
.logo-default img{

	margin-top:25px;
	max-height: 70px;

}
.logo-affix img{
	max-height: 30px;
	margin-top:5px;
}
.qsearch-position{
	margin-right: 15px;
    /* margin-bottom: 0px; */
    margin-top: 50px;

}
.navbar {
	margin-bottom: 0px;
}
.navbar-nav{
	margin: 9px;
}
.navbar-nav>li>a {
	line-height:20px;

}

.navbar-form .input-group>.form-control {
    width: 300px;
}

button.btn.btn-default{
	background-color: #FF6600;
	color: #eee;
}
button.btn.btn-default:hover{
	background-color: #FF6600;
	text-decoration:underline;
}
.main-gutter{
	margin-top:30px;
}
.divider{
	height: 1px;
	width:100%;
	display:block; /* for use on default inline elements like span */
	margin: 9px 0;
	overflow: hidden;
	background-color: #e5e5e5;
 }
.article-content> p,
.cms-article p{
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 1.4em;
    letter-spacing: 1px;
 }
 .article-content>section>ul>li,
 .cms-article li{
    margin-bottom: 20px;
    letter-spacing: 1px;

 }
.resource-title{
	font-size: 1.5em;
	font-weight: 600;
	margin-left: 15px;
}
/******************************************************************************/
/****** Some key colors ************/
.eventsCalendar-currentTitle {
    line-height: 25px;
    background-color: #f7633a;
    outline: 1px solid #d66510;
}
.eventsCalendar-daysList li.dayWithEvents a {
    background: #f19c5d;
}
.sidebar-nav h1,
.sidebar-nav h3 {
    background-color: #f7633a;
}
/******************************************************************************/
.titles-list h3{
	background-color: #f7633a;
	color: #FFFFFF;
    border-radius: 6px 6px 0 0;
    font-size: 1em;
    line-height: 20px;
    padding: 9px 15px;
    margin: 0;
}
.titles-list ul, 
.titles-list li{
	list-style: none;
    border: #ececfb 1px solid;
    padding: 0;
}
.titles-list  li{
	
    padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.titles-list  li:hover{
	background-color:#eeeeee;
	
}
/******************************************************************************/
/******************************************************************************/
/* Make the RTEgister modal scroll if too much terms text */

.modal-dialog{
    overflow-y: initial !important
}
.modal-body{
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}

/*********************************************/
.spinner{
  display: none; /*This hides the mask*/
}

.loading{
  display: block;
  width: 105px;
  height: 105px;
  position: relative; /*required for z-index*/
  z-index: 1000; /*puts on top of everything*/
  background: url('../images/icons/eclipse.gif') ;
  left: 40%;
 
}

.border {
	border-color: #C1E0FF;
    border-width:1px;
    border-style:solid;
}

/******************************************************************************/
/******************************************************************************/
/* SnipCart-Overwrite: This should then be installed into custom.css */

.snip-layout .snip-header__title {
	/* gets rid of My Cart */
	display: none;
}

#snipcart-header {
	background-image:url('../images../-logo.png');
	background-position:20px;
	background-size:220px;
	background-repeat:no-repeat;
	background-color: #ff9500;

}

/* top header bar with user_name */
.snip-layout .snip-header__user {
    background: #000000;
}
.snip-layout .snip-header__user p {
	color:#fff;
}


/* Main header background color - contains the logo and the SUB-TOTAL */
.snip-layout .snip-header {
    background: #ff9500;
}


/* Footer bar background colour + SnipCart advert */
.snip-layout .snip-footer {
    background: #cc7700;
}
.snip-layout .snip-header__title.js-show{
	display: none;
}

.mobileShow {
	display: none;
}

/******************************************************************************/
/******************************************************************************/
/* Large desktops and laptops */
@media (min-width: 1200px) {

}
/******************************************************************************/
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {

}

/******************************************************************************/
/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {

	.navbar-form .input-group>.form-control {
		width: 300px;
	}

	.mobileShow {
		display: block;
	}


	.mobileHide {
		display: none;
	}

}

/******************************************************************************/
/* Landscape phones and portrait tablets N.B. We merging max-width: 480px + (min-width: 481px) and (max-width: 767px)*/
/* Portrait phones and smaller */
@media (max-width: 767px) {

	.mobileShow {
		display: block;
	}


	.mobileHide {
		display: none;
	}

	.navbar-collapse{
		border-top: transparent;
	}
	.navbar-inverse .navbar-toggle:focus, 
	.navbar-inverse .navbar-toggle:hover {
		color: #fff;
	}
	.padding-fix{
		padding-left:0px;
		padding-right:0px;
	}
	.qsearch-position{
		margin-top:0px;
	}
	.navbar-form .input-group>.form-control {
		width: -webkit-fill-available; 
	}
	.logo-default img {
		margin-top: 10px;
		max-height: 40px;
		margin-left: auto;
		margin-right: auto;
	}	
	.menu-dropdown ul.nav.navbar-nav> li{
	
		border-top: 1px solid #aaaaaa;
	
	}
	
	.navbar-default .navbar-nav .open .dropdown-menu>li{
		border-top: 1px solid #dddddd;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li:hover{
		background-color: #ececfb;
	}
	
	
	.snip-layout .snip-header__title {
		/* gets rid of My Cart */
		display: none;
	}
	#snipcart-header {
		background-image:url('../images../-logo.png');
		background-position:20px;
		background-size:100px;
		background-repeat:no-repeat;
		background-color: #ff9500;

	}
	
}
/******************************************************************************/
	.lightslider-50{width:50px;}
	.lightslider-100{width:100px;}
	.lightslider-150{width:150px;}
	.lightslider-200{width:200px;}
	.lightslider-250{width:250px;}
	.lightslider-300{width:300px;}
	.lightslider-350{width:350px;}
	.lightslider-400{width:400px;}
	.lightslider-450{width:450px;}
	.lightslider-500{width:500px;}
	.lightslider-550{width:550px;}
	.lightslider-600{width:600px;}
	.lightslider-650{width:650px;}
	.lightslider-700{width:700px;}
	.lightslider-750{width:750px;}
	.lightslider-800{width:800px;}
/******************************************************************************/
/******************************************************************************/

.headerLogo {
	display: inline-block;
	float: left;
}
.headerLogo img {
	max-width: 100%;
	max-height: 100%;

	
}

	header .navbar-default {
	background-color: #183852;
	background: -webkit-radial-gradient(50% bottom, #FFFFFF);
	background: radial-gradient(at 50% bottom, #FFFFFF) ;
}

body {	
	background-color: #fff; 
	padding: 0; 
	margin: 0; 
	font: 14px/20px Arial, Helvetica, Verdana, sans-serif;
	font-variant: normal;
	color: #24272D; 
	text-align: normal;
	}

.navbar {
	border: none;
	
}

.navbar-inverse {
	border-radius: 0px !important;
	background-color: black;
}

.navbar-inverse .navbar-nav>li>a {
	color: #9d9d9d;
	font-weight: bold;
	padding: 0px 7px;
	line-height: 20px;
	height: 20px;
	font-size: 14px;
}


.navbar-inverse .navbar-nav>li>a:hover {
	color: #fff;
    text-decoration: none;
    text-shadow: #CED0D2 0 0 20px;
}

.navbar-inverse .first {
	border-left: 1px solid #55646D;
	line-height: 20px;
	height: 20px;
}

.navbar-inverse li {
	border-right: 1px solid #55646D;
}

footer {
	margin-bottom: 0;
    margin-top: 20px;
    padding: 40px 0;
    clear: both;
    position: relative;
    background: #183852;
    color: #fff;
    text-align: left;
}

.footer-main {
    border: none;
}

footer p {
	text-align: left;
	margin: 0 0 22px 0;
}

footer a {
    color: #fff;
}

footer a:hover {
	color: #fff;
}

a:hover, a:focus {
    text-decoration: underline;
}

footer ul li {
    display: inline-block;
    padding: 0 10px;
    border-right: 1px solid #fff;
    margin: 0 0 22px;
}

footer ul li:first-child {
    
  padding-left: 0;
    
}
footer ul li:last-child {
    
	border-right: none;
	  
  }

.digital {
	padding-top: 50px;
}

footer ul {
	padding-left: 0;
	font-size: 14px;
	font-weight: bold;
}

.footer-main .col-md-4 {
    text-align: left;
    padding-left: 20px; 
    padding-right: 10px;
}


.sidebar-nav h1, .sidebar-nav h3 {
		text-align: left;
		background: #1B3B53;
		color: #fff;
		margin: 0;
		padding: 5px 10px;
		line-height: 20px;
		border-radius: 0;
}

.sidebar-nav .subtitle {
	text-align: left;
		margin: 0;
		background: #E3EBF1;
		border-bottom: 1px solid #DCE1E4;
		padding: 5px 10px;
		border-radius: 0;
		
    font-weight: bold;
    color: #1C4360;
}

h1, h2, h3, h4 {
    font-family: Constantia, serif;
    font-weight: bold;
	color: #1C4360;
}



.sidecol-1 {
	text-align: left;
}

.sidecol-1 h3 {
	font-size: 14px;
	height: 50px;
	}
.sidecol-1 h3 a {
	color: #1C4360;
	width: 70%;
	}
.sidecol-1 .btn-e-alert {
	background:url("../images/bg_box_email.png") 95% 100% no-repeat #E3EBF1;
	padding: 5px 100px 5px 10px;
	width: 100%;
	display: block;
	margin-bottom: 10px;
	margin-top: 0;

	}
.sidecol-1 .btn-mail-list {
	background:url("../images/bg_box_newsletter.png") 95% 2px no-repeat #E3EBF1;
	padding: 5px 100px 5px 10px;
	width: 100%;
	display: block;
	margin-bottom: 10px;
	}
.sidecol-1 .btn-social {
	background:url("../images/social-media.png") 95% 8px no-repeat #E3EBF1;
	padding: 5px 100px 5px 10px;
	width: 100%;
	display: block;
	margin-bottom: 10px;
	
	}


	a, a:hover, a:focus {
		color: #FF6600;
		font-weight: bold;
		text-decoration: none;
	}

	

	.box {
		border: 1px solid #DCE1E4;
		padding: 15px;
		margin: 0 20px 20px 0;
		
	}

	a.btn-add, a.mm-add {
		background-color: #D90000;
		color:white;
	}

	

	h1 {
		font-size: 22px;
		line-height: 22px;
		margin-bottom: 18px;
	}

	h3 {
		font-size: 16px;
		line-height: 16px;
		margin-bottom: 6px;
	}

	h2 {
		font-size: 22px;
		line-height: 22px;
		margin-bottom: 10px;
	}

	p, address {
		margin: 0 0 22px 0;
		font-style: normal;
	}

#navbar {
	padding-left: 12px;
}

.navbar-inverse .navbar-nav>li>.dropdown-menu {
	margin-top: 10px;
	background: #183852;
}

header .dropdown-menu>li>a {
    color: #CED0D2;
    
}

header .navbar-inverse .dropdown-menu>li {
	border-top: 1px solid #102B3E;
}

header .navbar-inverse .dropdown-menu>li>a:focus, header .navbar-inverse .dropdown-menu>li>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #183852;
}

header .links {
	margin-left: 15px;
	float: right;
}
header .links a {
	color: #eee;
	display: block;
}

header .links a:hover {
	color: #eee;
	text-decoration: underline;
	
}

header .input-group-btn .btn-default {
	background-color: #FF6600;
	border-left: 1px solid;
	border-radius:none;
	color: #eee;
	font-weight: bold;
}

.input-group .form-control {
	border-radius: none !important;
}

#affix-logo {
	padding: 0 !important;
	margin: 0 !important;
}

header ul.nav li.blog a {
    background: url(../images/nav_blog.png) 100% 0 no-repeat;
    padding-right: 20px;
    margin-right: 15px;
}

header .navbar-inverse .container-fluid {
    padding-right: 0px;
    padding-left: 0px;
}

.navbar-side > li > a {
    border: none;
    display: block;
	padding: 0 10px;
	color: #1C4360;
	font-weight: normal;
}
.navbar-side > li > a:hover {
    text-decoration: underline;
	color: #1C4360;
	background-color: transparent;
}

.navbar-side {
	border: 1px solid #DCE1E4;
	margin-bottom: 1em;
	border-radius: 0;
}

.pr, .pr-price, .pr-p, .pr-save {
	
    font-weight: bold;
    padding: 0 10px 0 28px;
    background-position: 0 4px;
    background-repeat: no-repeat;
    float: left;
	clear: left;
	margin-bottom: 5px;
}

.uk-price {	
	background-image: url('../resources/images/flag_uk_sm.png');
}

.eu-price {
	background-image: url('../resources/images/flag_eu_sm.png');
}

.us-price {
	background-image: url('../resources/images/flag_us_sm.png');
}

.btn-add {
	margin-bottom: 5px;
	width: 140px;
	height: 30px;
	display: block;
	color: #fff;
	font-size: 12px;
	
	text-align: center;
}

.pr-a2b {
	padding-left: 0px;
}

.list-group-item-heading a {
	
	color: #D90000;

}

.list-group-item-heading a:hover {
	
	color: #D90000;
	text-decoration: underline;

}

.sub-title {
	font-weight: normal;
	margin-top:5px;
}

.btn-add:hover {
	color:#eee;
	text-decoration: underline;
	font-size: 12px !important;
	font-weight: normal;
}

.caro-item-container {
	text-align: left;
}

.caro-item-container .description {
	padding-left: 160px;
}

.caro-item-container .info {
	margin-top: 10px;
	margin-bottom:10px;
}

.caro-item-container { 
	width: 100%;
	margin: 0 15px;
}

#mainNav {
	padding: 0;
	margin: 0
}


.caro-item-container h1 a {
	color: #D90000;
	font-size: 22px;
}
.caro-item-container h1 a:hover {
	color: #D90000;
	text-decoration: underline;
}

.caro-item-container h2 {
	color: #1C4360;
	font-size: 22px;
	font-weight: normal;
}
.subscription {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #BDC8D4;
    margin: 0 10px 15px 0;
    padding: 20px;
	width: 60%;
	display: inline-block;
}

.unsubscription {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #BDC8D4;
    vertical-align: top;
    padding: 20px;
	width: 35%;
	display: inline-block;
}

@media (max-width:767px) {
	.navbar-inverse li {
		border-right: none;
		border-bottom: 1px solid #55646D;
	}
	.navbar-inverse li:first-child {
		border-left: none;
		
	}

	.subscription {
		width: 100%;
		display: block;
	}
	
	.unsubscription {
		width: 100%;
		display: block;
	}

}



.featuredNav {
	margin-bottom: 0px;
	padding-bottom: 0px;
	background-color: #E3EBF1;
}

.flexslider .slides > li {
	background-color: transparent;
}

blockquote {
	/*font-style: italic;*/
	font-size:14px;
	border-left: none;
}

.review p {
	line-height: 20px;
	margin: 0 0 20px 0;
}

.review {
	line-height: 20px;
	padding-bottom: 5px;
}
.source{
	margin-top:2px !important;
}

.smartButtonFont {
	font-family: Constantia, serif;
    font-weight: bold;
    color: #1C4360;
	font-size: 20px;
    line-height: 22px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.HomepageMoreInfo{
	float: right;
}