body {font-family: 'Poppins', sans-serif; background-color: #006738}


.color1 {color: #000000}
.color1-bgrd {background-color: #67002F}
.color2 {color: #2B3C68}
.color2-bgrd {background-color: #006738}

.whitetxt {color: #FFFFFF !important}

.white-bgrd {background-color: #FFFFFF}
.headcontact {color: #FFF; font-size: 24px; font-weight: bold}
.headcontact.email {font-size: 17px}

.facebook {margin-right: 3px}
.facebook:hover {color: #5161A8}
.instagram	{margin-right: 3px}
.instagram:hover {color: #DC307C}
.twitter {margin-right: 3px}
.twitter:hover {color: #1CA1F2}
.youtube {margin-right: 3px}
.youtube:hover {color: #F71F11}
.linkedin {margin-right: 3px}
.linkedin:hover {color: #2E6DB1}
.pintrest {}
.pintrest:hover {color: #CD2029}
.googleplus { margin-right:3px; }
.googleplus:hover {color: #DD5348}


.unavailsignup {background-color: #f4f4f4;height: 200px;border-radius: 10px;border: 1px solid #d4d4d4;}
.unavailsignup p { line-height: 200px;text-align: center;font-weight: 600;font-size: 20px;}
#pagecontent a {color: #2B3C68; font-weight: bold}
 

.paid {font-size: 50px !important; color: #2abe08 !important;    font-weight: 600 !important;}
.btn {font-size: 19px; border-radius: 4px !important}
.totalboxtext {font-family: 'Montserrat',sans-serif;font-weight: 600;}
.totalbox {padding-top: 8px;padding-bottom: 8px;}
.totalboxvalue {background-color: #f6f6f6;}
.details {padding: 1px 0px}
.info .row p {display: inline-block; margin: 0}
.errorbox { display: inline-block;padding: 16px;background-color: #f0f0f0;width: 50%;font-size: 20px; border: 1px solid #EEEEEE}
.noinvoice {text-align: center}
.header img {width: 50%}
.onlinepayments .header { padding: 25px 0;}
.info {font-weight: 600}
.totals p {margin: 4px 0; display: inline-block;}
.totals { text-align: right}
.total {width: 20%}
.notes {padding: 0}
.notes p {font-weight: 600; margin: 0}
.notes span {color: #8A8A8A}


.clear {clear: both}
.padleft0 {	padding-left:0}
.padright0 {padding-right:0}
.padright15 {padding-right: 15px}
.nopad {padding:0} 
.padbot5 {padding-bottom: 5px}
.padbot10 {padding-bottom: 10px}
.padtop5 {padding-top: 5px}
.padtop10 {padding-top: 10px}
.padtop15 {padding-top: 15px}
.padtop20 {padding-top: 20px}
.padright0 {padding-right: 0}
.mar0 {margin: 0}
.martop55 {margin-top: 55px}
.marbot15 {margin-bottom: 15px}
.marbot20 {margin-bottom: 20px}
.marright5 {margin-right: 5px}
.marleft25 { margin-left:25px; }
.spacer0 {clear:both; height: 0px }
.spacer20 {clear:both; height: 20px }
.spacer50 {clear: both; height: 50px }
.spacer75 {clear: both; height: 75px }
.mobheadericon {background-color: #FAFAFA !important; padding: 7px !important; float: right}
.font15 {font-size: 15px}
.font30 {font-size: 30px}

#cookieholder { width:100% !important; position:fixed; background:rgba(0,0,0,0.5); background:rgb(0,0,0,0.5); bottom:0px; z-index:999999 }
#cookiefoot { margin:0 auto; padding:10px;}
#cookiefoot p { color:#FFFFFF; text-align:left;}
#cookiefoot a { color:#FFFFFF; text-decoration:underline; text-align:left; }
#cookiefoot p.accept { color:#FFFFFF; text-decoration:none; cursor:pointer; }
#cookieOK { text-align:right !important; float:right !important; font-weight:700 !important; font-size:13px !important  }

.galtitle { position:absolute; top:0; left:0; padding-left:10px; width:100%; background:rgba(0,0,0,0.8); z-index:99999; text-align:center }
.galtitle h2 { color:#FFF !important; font-size:16px !important; cursor:pointer; font-weight:700; margin-top:10px }
.galholder { width:100%; height:220px; overflow:hidden }
.galholder2 { width:100%; height:200px; overflow:hidden }
.galleryintro:hover {  -webkit-transform: scale(1.1,1.1); 
    transform: scale(1.1,1.1);
    -webkit-transition: all 0.3s ease-in-out; }
.gallerythumb { height:200px }
.galleryimage { height:200px; position: relative; text-align: center; cursor: pointer; background-position: center;background-size: cover;overflow: hidden;  -webkit-transition: all 0.3s ease-in-out; }

.tpnconnectimg { position: absolute; margin: auto; top: -50px; left: 0; right: 0; bottom: 0; }

.spotlightline1 {font-size: 35px}
.carousel-title-v3 .spotlightline2 {font-size: 18px; line-height: 20px !important; }
.spotlightline3 {font-size: 10px}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 0px solid #ddd !important;
}

#navbar ul li {    }
.navbar-nav>li>.dropdown-menu {
	  max-height: 200px;
	  width: 100%;
	  text-align: center;
}
	


.eventbox {padding-left: 0; padding-right: 25px}
.events h2 {font-size: 40px}
.eventitem {  }
.eventwidgetbtns .btn {font-size: 12px !important;}
.eventwidgetbtns { padding: 0px;}
.evcalholder { border:1px solid #ccc; border-radius:6px; width: 50px}
.eventmonth { display:block; border-top-right-radius:6px; border-top-left-radius:6px;  background-color: #DB0000; text-align:center; font-size:14px; line-height:17px; font-weight: bold; margin:0;  color:#fff; padding:2px 0 }
.eventday { display:block; text-align:center; font-size: 17px; line-height:20px; font-weight:bold; margin:0; padding:0; padding-top:3px; padding-bottom: 3px }
.eventwidgettitle { color: #000000; font-size: 14px; margin-top: 0; font-weight: bold; margin-bottom: 5px}
.eventwidgettitle a {color: #000000; text-decoration: none; font-size: 14px}
.eventwidgettitle a:hover {color: #A1A1A1}
.eventwidgetlocation { font-size: 11px; font-style: italic;}
.eventwidgetlocation:hover {color: #000000; cursor: pointer}
.ticketqty {border-radius: 0}
/** news **/
.newswidgetitle {color: #000000; font-size: 14px; margin-top: 0; font-weight: bold; margin-bottom: 5px }
.newswidgetitle a {color: #000000; text-decoration: none; font-size: 12px}
.newswidgetitle a:hover {color: #A1A1A1 }
.newswidgetdate {    font-size: 11px; font-style: italic; margin-bottom: 5px;}
.newswidgetimg {  }
.newswidettxtblock {padding-left: 0}
.newsitem {min-height: 84px}
#vmrm-join-step-1 .newsletter {color: #000}
h3.newstitle {font-size: 14px; font-weight: 600; margin-top: 10px}
.newstitle a {font-size: 17px; font-weight: 600; text-decoration: none; color: #2B3C68}
h3.widget {font-size: 28px}
h3.widget:after {content: "";display: block;background: #006738;height: 4px;width: 78px;margin: 0 auto;margin-top: 6px !important;}
.featureboxes-news {min-height: auto;background-color: #FFFFFF; padding: 20px 0 0px 0 !important;}
.newsholders {    overflow: hidden;height: 190px;}
.newsitem p {font-size: 13px}
/** member benefits **/
ul.memberbenefits {padding-left: 15px; list-style: none;margin-bottom: 0}
ul.memberbenefits li {padding-left: 1.3em; padding: 10px 0; font-size: 16px}
ul.memberbenefits li:before { content: "\f00c"; /* FontAwesome Unicode */font-family: FontAwesome; margin-left: -1.3em; width: 1.3em; display: inline-block}

/** become a member
.become-member {  }
.memberbox {position: relative; background: url("../images/become-a-member-new.jpg"); background-position: center; background-repeat: no-repeat;}
.become-member {position: absolute; bottom: 0; width: 100%; background: rgba(239,239,239, 0.8); padding: 15px; text-align: center}
.become-member a {color: #ffffff !important; font-weight: bold; font-size: 17px}
 **/
/** sponsor logos **/
.splogoholder { padding-left: 1px; border: 1px solid #FFFFFF; }
.sponsorlogo {  }

/*header*/
#header {
	padding-top: 15px; 
	position: relative;
	clear:both;
	background: url("../images/train-header.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-blend-mode: overlay;
}
#header .navbar .container {
	background-color: #333;
	padding: 5px 0;
	border-top-left-radius: 14px;
    border-top-right-radius: 14px;
}



.logo {margin-bottom: 20px; margin-left: 0}
.strapline {color: #FFFFFF; font-size: 21px; padding-top: 10px; display: inline-block}
.add-on {display:none; padding: 8px; background-color: #EEEEEE}
.login-strip {
	    padding: 6px 15px;
}
.login-strip a {
	color: #FFFFFF;
	font-weight: 600;
	text-decoration: none
}
/* Carousel&Navbar */
#Carousel{
	padding: 20px;
	background-color: #ffffff;
}

.carousel-inner .item{min-height:400px !important;}
.carousel-inner .carousel-position-four {background: rgba(0,0,0,0.5) !important; padding:20px; width:50%; color:#FFF; left:25%}
.carousel-inner .carousel-position-four h2 { font-family:'Open Sans', sans-serif !important; font-weight:normal !important; font-size:40px !important;  color:#FFF; }
.carousel-inner .carousel-subtitle-v2 { font-family:'Open Sans', sans-serif !important;  font-size:18px !important; }
.carousel-inner .carousel-position-four{position:absolute;}

.carousel-control.left,.carousel-control.right { background:none !important; }
.topnav a { color:black}
.navbar {margin: 0; }

.navbar-collapse {
    padding-right: 0px; 
    padding-left: 0px; 
	overflow: hidden;	
}

.icon-bar {
	background-color: #062a3e 
}

.navbar-toggle {		
	background-color: #001349		
}
.navbar-toggle:hover {		
	background-color: #001349		
}

.nav>li>a {
    font-weight: bold;
	color: #FFFFFF;
	font-size: 15px;
	padding: 10px 45px;
	border: 1px solid none;
	
}

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #006738;
	color: #FFFFFF;
	border-radius: 16px;
	border: 1px solid #FFFFFF;
	padding: 9px 44px;
	line-height: 20px;
}
.payform {width: 50%; margin: auto}
.register .short{
font-weight:600;
color:#FF0000;
font-size:larger;
width: 25%;
border-top: 4px solid #FF0000;
}
.register .weak{
font-weight:600;
color:orange;
font-size:larger;
width: 50%;
border-top: 4px solid orange;
}
.register .good{
font-weight:600;
color:#2D98F3;
font-size:larger;
width: 75%;
border-top: 4px solid #2D98F3;
}
.register .strong{
font-weight:600;
color: limegreen;
font-size:larger;
width: 100%;
border-top: 4px solid limegreen;
}
.dropdown-menu a:hover {background-color: #ddd; color: #2B3C68 !important}
.dropdown-meunu {background-color: #062a3e !important}

/* Page Layout*/
.greystrip {background-color: #EFEFEF; padding:30px 0 50px 0}
.whitestrip {background-color: #FFFFFF; padding: 30px 0}
.welcome {background-color: #FFFFFF; padding-top: 10px; padding-right: 17px}
 .form-horizontal.eventsettings .radio {
    min-height: 27px !important;
    display: inline-block !important;
}
.eventradio {display: inline}
.events h2 {font-size: 17px}
.eventblock {border: 1px solid #EEEEEE; margin-top: 20px; padding: 15px}
.eventblock h2 {font-size: 26px; margin-top: 0;}
.eventblock h2 a { color: #062a3e }
.eventblock h2 a:hover{text-decoration: none; color: #555555 }
.eventblock h3 {margin-top: 0; font-size: 15px; margin-bottom: 5px}
.eventblock h4 {font-size: 15px; margin-top: 0 }

.eventcolumn {border: 1px solid #EEEEEE; margin-top: 8px; padding:  15px;background-color: #FAFAFA; min-height: 380px}
.eventcolumn h2 { margin-top: 15px !important; margin-bottom: 0 !important; line-height: 23px}
.eventcolumn h2 a {color: #062a3e; font-size: 21px; }
.eventcolumn h2 a:hover{text-decoration: none; color: #555555 }
.eventcolumn h3 {font-size: 15px; margin-top: 8px; margin-bottom: 5px}

.eventdetails {padding: 15px 0; margin-bottom: 20px }
.eventdetails h1 a {color: #062a3e }
.eventdetails h3 {font-size: 16px; margin-top: 8px; margin-bottom: 5px}
.eventdetails h4 { font-size: 15px}


.demo{ background: black; width: 85px; height: 85px; border-radius: 64px; position: fixed}
.demo div { position:relative; left: -3px; top: 25px; width: 90px; height: 90px; color: white; text-align:center; }
.eventqty {width: 50px; text-align: center; font-size: 17px;}
.eventbook .buyticket {   background-color: #f0ad4e !important;border-color: #eea236 !important;margin-top: 10px;font-size: 18px !important;color: #ffffff !important;}
.eventbook .buyticket:hover {   background-color: #f0ad4e !important;border-color: #eea236 !important;margin-top: 10px;font-size: 18px !important;color: #ffffff !important;}
.eventbook .fa { 
    line-height: 26px !important;
	margin-left: 30px;
}

.signup {  float: right;width: 200px;padding: 6px 12px;border-radius: 10px;color: #000000;font-size: 18px;font-weight: bold; background-color: #FFFFFF; text-align: center}
.signin { text-align: center; float: right;width: 200px;padding: 6px 12px;border-radius: 10px;color: #000000;font-size: 18px;font-weight: bold;margin-right: 20px; background-color: #FFFFFF}
.signup a {text-decoration: none; color: #000000}
.signin a {text-decoration: none; color: #000000}
.eventbook select {border-radius: 0px}

.eventbook th {width: 33%}
.eventbook table tbody tr { border-top: 1px solid #000; border-bottom: 1px solid #000 !important; background-color: rgb(212, 212, 212, 0.2 );}
.eventbook table tbody tr td {border-top: 0px; vertical-align: text-bottom !important;    padding: 15px 8px;}
.eventbook span {font-weight: 600}

.detailsbookbtn {margin-top: 18px}

.embed-responsive-16by9 { padding-bottom: 38% }

#individualevent .embed-responsive-16by9 { padding-bottom: 70% }

.scheduletable td, .scheduletable th {padding: 5px !important;}

.multidivide { clear: both}
/* buttons for the header */
.btn-header, .btn-header:active, .btn-header:active:focus, .btn-header:focus{
	color: #fff;
	background-color: #7A2049;
	border: 1px solid #ffffff;
	border-radius: 25px !important;
}
.btn-header:hover{
	color: #fff;
    background-color: #7D5C6B;
  	border: 1px solid #ffffff;
}

/* rest of buttons */
.btn-action,  .btn-action:active, .btn-action:active:focus, .btn-action:focus {
    color: #fff;
    background-color: #7A2049;
    border: 1px solid #7A2049;
	font-size: 14px;
}

.btn-action:hover {

  	opacity: 0.9;
	color: #ffffff;

}

.btn-more, .btn-more:active, .btn-more:active:focus, .btn-more:focus {
	color: #FFFFFF; 
	background-color: #636700;
	border: 1px solid #636700;
	font-size: 14px;
}

.btn-more:hover {
	opacity: 0.9;
	color: #ffffff;

}

.Checkout.is-desktop .Header-logoImage {
    width: 64px;
    height: 64px;
    margin: 3px;
    border-radius: 100%;
    background: #fff;
    background-position: 50% 50%;
    background-size: 100%;
    display: inline-block;
    background-repeat: no-repeat;
}
.eventmore {font-size: 12px !important}
/*Member Benefits*/
.subscriptions {padding: 15px; }
.subscriptions a:hover {text-decoration: none}
.subscriptions .btn, .subscriptions .btn:hover  { font-size: 12px }
.packages {color: #FFFFFF; text-align: center;padding: 20px; border-radius: 10px; font-weight: 600}
.package {font-size: 30px;}
.packages .btn {padding: 6px; border-radius: 5px}
.packageprice {font-size: 18px; font-weight: bold}
.packagejoinnow {font-size: 20px}
.demo { background-color: #FAFAFA; position: fixed; color: #000000; z-index: 9999;left: 2%; bottom: 2%; border: 1px solid #000}
.demo p {font-size: 20px !important; text-align: center; font-weight: 600; color: #000000!important }

	.dropdown-menu>li>a {
    display: block;
    padding-left: 15px;
	font-size: 14px;
    clear: both;
    font-weight: 700;
    line-height: 2.3;
    color: #fff;
    white-space: nowrap;
}

 .dropdown-menu li {border-bottom: 1px solid #999999}
	.dropdown-menu>li>a:hover {
    display: block;
    padding-left: 15px;
	font-size: 14px;
    clear: both;
    font-weight: 700;
    line-height: 2.3;
    color: #2B3C68;
    white-space: nowrap;
}
.dropdown-menu li:last-child {border-bottom: none}


/*Event Details Page*/
#exTab1 .tab-content {
  color : #FFFFFF;
  background-color: #062a3e;
  padding : 5px 15px;
}

#exTab2 h3 {
  color : #000000;
  background-color: #062a3e;
  padding : 5px 15px;
}

/* remove border radius for the tab */

#exTab1 .nav-pills > li > a {
  border-radius: 0;
}

/* change border radius for the tab , apply corners on top*/
/* Change Tab Properties*/
#exTab3 .nav-pills > li > a {
  border-radius: 4px ;
	color: #7A7A7A ;
	border: 1px solid #FFFFFF;
  background-color: #edeff1;
}

ul.nav-pills li {margin-left: 0 !important}

.tab-pane {margin: 30px 0}

#exTab3 .nav-pills > li.active > a {
		background-color: #062a3e;
		color: #FFFFFF
}
#exTab3 .nav-pills > li > a:hover {
	background-color: #062a3e;
	border: 1px solid #DDDDDD;
	color: #FFFFFF;
	
}

#exTab3 .tab-content {
    color : #000000;
    background-color: #FFFFFF;
	padding: 20px 15px;
    border: 1px solid #ddd;
    border-radius: 8px !important;
    border-top-left-radius: 0px !important;
}

.joinevent .form-group {margin-bottom: 10px}

/*Members Page*/
 .tab-content {
  color : #FFFFFF;
  background-color: #062a3e;
  padding : 5px 15px;
}


/* remove border radius for the tab */

.nav-pills > li > a {
  border-radius: 0;
}

/* change border radius for the tab , apply corners on top*/
/* Change Tab Properties*/
.nav-pills > li > a {
  border-radius: 4px ;
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
  background-color: #062a3e;
}



#individualevent .tab-pane {margin: 15px 0}

.nav-pills > li.active > a {
		background-color: #4CA0E8;
}
.nav-pills > li > a:hover {
	background-color: #EFEFEF;
	border: 1px solid #DDDDDD;
	color: #062a3e;
	
}
.tab-content {
  color : #000000;
  background-color: #FFFFFF;

}
.allevents {clear: both; margin-top: 30px}
.nextevent {padding: 20px; background-color: #FAFAFA; border:  1px solid #EEEEEE}



.maindate {display: inline-block; position: absolute; bottom: 0;  background: rgba(255,255,255,0.9);left: 0; font-weight: 600; border-top-right-radius: 10px; padding: 5px 5px 0 0}
.maindatenumber { margin: 0; text-align: center; font-size: 26px; color: #000000; padding-left: 5px}
.date {display: inline-block; position: absolute; bottom: 0;  background: rgba(255,255,255,0.9);left: 0; width: 16%; font-weight: 600;padding: 4px;    border-top-right-radius: 10px;width: 55px}
.datenumber { margin: 0; text-align: center; font-size: 14px; color: #000}
.smallevents {width: 48%; height: 49%; display: inline-block; position: relative; margin: 2px}
.smallevents h3 {position: relative;color: #FFFFFF;width: 100%;text-align: center;top: 25%;text-shadow: 1px 2px #000;font-weight: 600; font-size: 20px}
.mainevent { height: 49%; display: inline-block; position: relative}
.mainevent h3 {    position: relative;color: #FFFFFF;width: 100%;text-align: center; font-size: 40px ; top: 36%;text-shadow: 1px 2px #000;font-weight: 600}
.eventimgholder {background-size: cover; background-position: center; height: 100%;transition: all 0.5s ease; overflow: hidden}
.eventimgholder:hover {background-size: cover; background-position: center; height: 100%;}
.eventimgholder::before { 
  content:"";
  position:absolute; top:0;right:0;bottom:0;left:0;
  background:inherit;
  transition:inherit;
}
.eventimgholder:hover::before { 
  transform: scale(1.2);
}
.smalleventimgholder {background-size: cover; background-position: center; height: 49%;transition: all 0.5s ease;background-repeat: no-repeat; overflow: hidden}
.smalleventimgholder:hover {background-size: cover; background-position: center;  text-decoration: none}
.smalleventimgholder::before { 
  content:"";
  position:absolute; top:0;right:0;bottom:0;left:0;
  background:inherit;
  transition:inherit;
}
.smalleventimgholder:hover::before { 
  transform: scale(1.2);
}
.eventstrip {height: 300px}
.eventstrip a:hover {text-decoration: none }
.eventkeyinfo {padding-left: 0; margin-bottom: 10px}
.eventkeyinfo h1 { font-size:  25px}
.eventkeyinfo h3 {font-size: 16px; line-height: 1.4;color: #FE4F66;margin-top: 10px }
.eventkeyinfo h4 {font-size: 16px;line-height: 1.4}
.eventkeyinfo p  {font-size: 14px}
.eventkeyinfo button {margin-top: 10px; font-size: 16px}
.eventkeyinfo button:hover {background-color: #3376B3;  border: 1px solid #3376B3 }
.eventitem {min-height: 89px}

.eventrow {padding-left: 0}
.eventrow .eventtxt h2  {font-size: 20px; color: #444444; text-decoration: none; margin-bottom: 0;  margin-top: 3px}
.eventrow .eventtxt h2  a {color: #444444; text-decoration: none}
.eventrow .eventtxt h3 {font-size: 13px; margin-bottom: 0;  margin-top: 10px; color: #FE4F66}
.eventrow .eventtxt h4 {font-size: 13px;  margin-bottom: 0; margin-top: 6px}
.eventrow .eventtxt p {font-size: 13px;  margin-bottom: 0; margin-top: 10px}
.eventbuttons {margin-top: 15px}
.eventbooknow {font-size: 12px !important}

.eventsq {}
.eventsq .imgholder, .eventsq .eventtxt {padding: 0;margin-bottom: 0px;padding-left: 0;max-height: 200px;overflow: hidden;padding-right: 0;}
.eventsq h2 a {font-size: 15px; font-weight: bold; color: #444444}
.eventsq h3 {font-size: 13px;margin-top: 6px; margin-bottom: 0; color: #FE4F66}
.eventsq h3  span {font-weight: bold}
.eventsq p  span {font-weight: bold}
.eventsq p {font-size: 13px; margin-top: 3px}

.newssq {}
.newssq .imgholder, .eventsq .eventtxt {padding: 0;margin-bottom: 0px;padding-left: 0;max-height: 200px;overflow: hidden;padding-right: 0;}
.newssq h2 a {font-size: 15px; font-weight: bold; color: #444444}
.newssq h3 {font-size: 13px;margin-top: 6px; margin-bottom: 0}
.newssq h3  span {font-weight: bold}
.newssq p {font-size: 13px; margin-top: 3px; font-weight: 600}
.newsbuttons {margin-top: 15px; position: absolute; bottom: 30px}

.newscolumn {border: 1px solid #EEEEEE; margin-top: 8px; padding:  15px;background-color: #FAFAFA; min-height: 450px; position: relative}
.newscolumn h2 { margin-top: 15px !important; margin-bottom: 0 !important; line-height: 16px}
.newscolumn h2 a {color: #062a3e; font-size: 16px; }
.newscolumn h2 a:hover{text-decoration: none; color: #555555 }
.newscolumn h3 {font-size: 15px; margin-top: 8px; margin-bottom: 5px}


.become-member h3 a {text-decoration: none}


.btn-mem {
	
	color: #FFFFFF;
	background-color: #565656;

}

.center{
width: 150px;
  margin: 40px auto;
  
}

.quan {
	width: 22%;
	
}


.characterLeft {
	
	margin: 0
}

.help-block {
	margin: 0
}

.memberstrip h2 {    margin: 0 0 20px;color: #1f4c6b;font-size: 35px;}
.memberstrip p {font-size: 16px; padding: 0 30px}
.memberstrip a {font-size: 20px;}
.memberstrip .membercontainer {box-sizing: border-box;    margin: 40px 0 20px 0;;    padding: 20px;  text-align: center;}
.unslider { margin-bottom:20px; }
.unslider-nav li { width:20px !important; height:20px !important; border-radius:19px !important; }
.unslider-nav ol li.unslider-active { background-color:#2B3C68 !important; }

.greybg { background-color:#efefef !important; }
.customer-review { padding:60px 0 !important; }
.quotation-left { font-size:22px; color:#b9b9b9 !important; float:left; padding-right:40px; margin-top:-10px; }
.quotation-right { font-size:22px; color:#b9b9b9 !important; float:right; padding-top:10px }
.testimonial { font-size:16px; font-style:italic; }

/*---------------------------------------------*/
/*Latest News------------------------------------- */

.articlepreview { padding-left:0;  padding: 15px; height: 450px; border: 1px solid #EEEEEE;background-color: #FAFAFA; margin: 15px; overflow: hidden }
.articlepreview h2 {font-weight: bold}
.articlepreview .textholder h2 a {font-size: 20px; color: #062A3E !important; text-decoration: none !important; font-weight: bold;}
.articlepreview .textholder h2 {margin-top: 0}                                      
.articlepreview .textholder h2 a:hover {color: #555555 !important}
.articlepreview .textholder p {font-size: 13px}
.articlepreview .btnmore {float: right}
.articlepreview .imgholder {margin-bottom: 0px; padding-left:0; max-height: 200px; overflow: hidden; padding-right: 0}
/*---------------------------------------------------*/

.contactform {padding-bottom: 10px}

.contactdetails {margin-top: 80px; margin-left: 50px}

h1 {color: #002715; font-size: 31px; margin-top: 0; margin-bottom: 15px}
h2 {color: #2B3C68; font-size: 28px}
.multi h2 {font-size: 16px}
h3 {color: #002715; font-size: 25px}
h4 {color: #2B3C68; font-size: 23px}
h5 {color: #2B3C68; font-size: 20px}
h6 {color: #2B3C68; font-size: 18px}
.navbar-form {padding-left:0; padding-right:0}
#header p {color: #FFFFFF; font-size: 12px}


h2.boxtitle { font-size: 18px; padding: 10px 18px; margin-bottom:0; color: #FFFFFF; text-decoration: none}
h2.boxtitle a { color: #FFFFFF; text-decoration: none}
h3.boxtitle { margin:0 !important; }
h3.boxtitle a {color: #000000; font-size:16px !important; margin:0 !important}
h4.boxtitle1 {background-color: #FFF; font-size: 22px; margin-bottom: 0px; margin-top: 0px; padding: 5px 10px; color: #FFFFFF}
h6.boxtitle2 { font-size: 14px; font-weight: bold; margin-bottom: 15px; margin-top: 0px; padding-top: 15px ; color: #FFFFFF}
.footerboxes a { color: #FFFFFF; font-size:  14px; text-decoration: none}
.footerboxes ul  { margin: 0; padding: 0;}
.footerboxes li { margin-left: 0px; padding: 0; list-style: none}
.footerboxes img { width: 80%}
.footerboxes span { color: #FFFFFF}
.contactfooter .email {font-size: 14px}
.contactfooter .phone {font-size: 14px}
.newsletterp {color: #FFFFFF; font-size: 20px;padding-top: 30px }
.newsletter {color: #FFFFFF;}
.newsletter #newsletteradd {margin: 0 auto; width: 100%} 
.newsletter input {background-color: #313131;
    padding: 5px 0;
    border: 1px solid #6c6c6c !important;
	border-radius: 0;
    color: #FFFFFF !important;
    font-size: 20px !important;
    padding-left: 10px;
	margin-bottom: 5px;
	} 
.newsletterbox {margin: auto}
#newsresponse_success {
display: none;
    background-color: #2E2E2E;
    padding: 7px;
    border: 1px solid #6c6c6c !important;
    border-radius: 0;
    color: #FFFFFF !important;
    font-size: 18px !important;
    margin-bottom: 5px;
	    margin-top: 30px;
	}
#newsresponse_error {font-size: 14px; margin-bottom: 3px}	
#newsresponse_error {font-size: 14px; margin-bottom: 3px}	
h8.copy a {color: white}

.signup h3 {margin: 0; font-size:17px }

.tweet h3 {margin: 0; font-size:17px }

.accredlogo h4 {font-size:17px }
.accredlogo {margin: 0}

/* content boxes */
.featureboxes {padding: 15px; border: 1px solid #ccc; min-height: 340px; background-color: #FFFFFF; max-height: 340px; overflow-y: auto }
.featureboxes3 {padding: 15px; border: 1px solid #062a3e; min-height: 250px; background-color: #FFFFFF }
.columnwidget {overflow: hidden}
.tpnconnectbox {
	background: url(../images/tpn-connect-background.png); background-position:top center; background-repeat:no-repeat; overflow: hidden; position: relative;
	
}

.tpnconnectbox:hover {
-webkit-transition: opacity 1s linear;
-o-transition: opacity 1s linear;
-moz-transition: opacity 1s linear;
transition: opacity 1s linear;

}


/* footer*/
.footerboxes {border: 1px; min-height: 80px; padding-top: 20px}
.footerboxes p {color: #FFFFFF; font-size: 12px}
.footerboxes ul {padding-top: 0px}
#ft { background-color:#67002F !important; }
#ft .icon-grey a {color: #CCCCCC !important}
#ft .icon-grey a:hover {color: #999 !important}
.copy {margin-bottom: 20px;}
.copya a { font-size:11px; color: #CCCCCC}
.copya a:hover { text-decoration: none; color: #FFFFFF}
.copya { font-size:11px; color: #CCCCCC}

.contact {border: 1px solid #EEEEEE; background-color: #ededed; padding: 20px}

#pagecontent ul li { line-height:30px; }
iframe { border:1px solid #eee !important; }
.newsitem p.briefdesc { font-size:11px; }
.newsitem .news {min-height: 50px}



.goods-data table, .checkout-page table { width: 100%; }
.goods-data th, .checkout-page th { text-transform: uppercase; border-bottom: solid 1px #ecebeb; padding-bottom: 8px;}
.goods-page-image, .checkout-image { width: 105px;}
.goods-data td, .checkout-page td { vertical-align: top; padding: 20px 20px 20px 0; border-bottom: solid 1px #ecebeb;}
.goods-page-image img, .checkout-image img { width: 75px;}
.goods-data h3, .checkout-page .checkout-description h3, h3.basketprodtitle { text-transform: inherit;  padding: 0;  margin: 0 0 5px; font-size: 13px; font-weight: 700;}
.goods-data a, .checkout-page .checkout-description a { color: #222222;}
.goods-data p, .checkout-description p, .goods-page-description p { margin-bottom: 2px;}
td.goods-page-price, td.goods-page-total { font-size: 15px !important; font-weight: 600;}

.product-quantity,
.product-quantity .input-group{width:70px;float:left;margin-right:20px;position:relative;}
table .product-quantity,
table .product-quantity .input-group{margin-right:0;}
.product-quantity input.form-control{border:none;background:#edeff1 !important;font:300 23px 'Open Sans', sans-serif;color:#647484;height:38px;width:50px;text-align:center;padding:5px;}
.product-quantity input.form-control:focus{border:none;}
.product-quantity .input-group-btn{position:static;}
.product-quantity .btn{text-align:center;height:18px !important;width:18px;padding:0 2px 0 1px !important;background:#edeff1;border-radius:0 !important;font-size:18px !important;line-height:1 !important;color:#616b76;margin:0 !important;position:absolute;right:0;}
.product-quantity .quantity-up{top:0;}
.product-quantity .quantity-down{bottom:0;}
.product-quantity .btn i{position:relative;top:-2px;left:1px;}


.promo-codes{color:#000 !important;font-weight:700;width:100%}
.promo-codes em{}
.promo-codes button{margin-right:0px !important;margin-left: 10px; margin-top: 2px}
h2.havepromo{font-size:17px; font-family: 'Montserrat', sans-serif; font-weight: 600}
h2.baskettotals{font-size:19px; font-family: 'Montserrat', sans-serif; font-weight: 600}

.totalbox { padding-top: 8px; padding-bottom: 8px;}
.totalboxtext { font-family: 'Montserrat',sans-serif; font-weight: 600}
.totalboxvalue { background-color: #f6f6f6}
.totalboxdiscount { color: #900;}
.totalboxtotal { font-size: 18px;}


@media only screen and (max-width: 1024px) {
	
	.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {position: absolute;top: 43%;z-index: 5;display: inline-block;   margin-top: -10px;}
	
	
.navbar { font-size: 10px !important}
	.nav>li>a {font-weight: bold;color: #FFFFFF;font-size: 15px;padding: 15px 31px;}
	#navbar ul li {/* margin-right: 40px; */}
	.carousel-inner .carousel-position-four {background: rgba(0,0,0,0.5) !important;padding: 20px;width: 65%;   top: 10% !important;color: #FFF;	position: absolute;left: 19%;}
	.twitter-timeline { width: auto !important;	}
	.brandedlogos {width: 85% !important} 
	.customer-review { padding:30px 0 !important; }
	/*.owl-stage-outer {width: 83%; left: 10%}*/
	.spacer75 {height: 30px}
	#ft .icon-grey {display: inline-flex; padding-left: 0}
}
@media only screen and (max-width: 1200px) {
	.navbar-nav>li>a{padding: 10px 31px;}
	.navbar-nav>li>a:hover{	padding: 9px 30px;}
}

@media only screen and (max-width: 992px) {
	.eventimgholder {height: 250px;}
	.otherevents {height: 235px !important;padding-top: 10px !important; padding-left: 0}
	.eventstrip {height: auto !important;}
	.smallevents{width: 49%; margin: 3px;}
	.mainevent:hover{height: 250px;}
	.mainevent h3{top: 10%}
}

@media only screen and (max-width: 675px) {
	.eventimgholder {height: 250px;}
	.otherevents {height: 235px !important;padding-top: 10px !important; padding-left: 0}
	.eventstrip {height: auto !important;}
	.smallevents{width: 48%; margin: 3px;}
	.mainevent:hover{height: 250px;}
}

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

	.review-slider {width: 90%}
	/*.fa-search {font-size: 15px; color: #062a3e }*/
	.whitestrip {padding: 30px 0}
	.whitestrip h1	{font-size: 26px}
	.twitter-timeline {width: auto !important;}
	.brandedlogos {width: 95% !important;}
	
	/*Header*/
	
	/*Navigation*/
	
	.fa-bars{font-size: 35px !important; margin-right: 5px;margin-top: 15px}
	.fa-times{font-size: 35px !important; margin-right: 5px;margin-top: 15px}
	
	.collapsed:hover .dropdown-menu {display: block;background-color: #062a3e;z-index: 999999999;}
	.collapsed a:hover {display: block}
	.collapsed:hover .dropdown-menu li {width: 100%}
	
	.drawer-nav li {margin-bottom: 0px !important;}
	
	.drawer-nav li a {width: 100%;display: block; font-weight: 500;font-size: 20px !important}
	.drawer-nav li a:hover {width: 100%; background-color: #fff; color: #000000;font-weight: 600}
	
	.drawer-account-box {border-bottom: 1px solid #9C9C9C;padding-bottom: 10px;}
	.drawer-contents .logobox {height: auto !important;}
	.drawer-contents .logobox .logo {width: 80% !important}
	
	.navplus {display: none}
	
	.nav>li>a {font-weight: bold;color: #FFFFFF;font-size: 15px;}
	#fullnavbar {display: none}
	#navbar ul li {margin-right: 8px;}	
	
	.navbar-toggle { margin: 0 !important; border-radius: 0px; padding-top: 8px !important}
	.navbar-toggle .icon-bar+.icon-bar {margin-top: 3px}
	.navbar-toggle .icon-bar {height: 2px !important}
	.navbar {border-top: 0;border: 0; min-height: 0 !important;text-align: center;}
	
	/*Carousel*/
	.carousel-inner .carousel-position-four {background: rgba(0,0,0,0.5) !important;padding: 0px;width: 65%;top: 10% !important;color: #FFF;position: absolute;left: 19%;}
	.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {position: absolute;	top: 45%;z-index: 5;display: inline-block;margin-top: -10px;}
	
	.carousel-inner .carousel-position-four .btn-action {margin-bottom: 15px!important;}
	
	.owl-prev {left: -15px !important; top: 35px !important}
	.owl-next {right: -15px !important; top: 35px !important}
	
	/*Page*/
	
	/*Footer*/
	.footerboxes {text-align: center}
	.footerboxes img { width: 60%}
	#ft li a{font-size: 14px !important;}
	.boxtitle2{font-size: 18px !important;}
	
	/*News*/
	.newsitem p.briefdesc { display:none;}
	.newswidgetitle { margin-top:10px; }
	.article {width: 50%}
	
	/*Events*/
	.eventblock h2 {font-size: 20px; margin-top: 15px; }
	.eventblock p {display: none;}
	.eventblock .eventimg {padding-right: 0}
	.eventblock .eventtxt {padding-left: 0}
	.smallevents h3 {font-size: 16px}
}

@media only screen and (max-width: 480px) {
	
	h1 {font-size: 20px;  margin-top: 10px; margin-bottom: 10px}
	#pagecontent p {clear: both}
	.imgspace {margin: 0 0 20px 0}
	.demo p {font-size: 13px;text-align: center;font-weight: 600;}
	.demo {width: 72px; background-color: #FAFAFA; position: absolute;top: 0;color: #000000; z-index: 9999;border-bottom-right-radius: 15px;border-bottom-left-radius: 5px;left: 50%;margin-left: -35px;}
	.subscriptions tr td { width: 100%}
	.twitter-timeline { width: auto !important;	}
	.customer-review { padding:20px !important; }
	.spacer75 {height: 15px}

	/*Header*/
	.tpmconnectbtn {font-weight: bold; color: #2B3C68; font-size: 10px; float: right}
	.tpmconnectbtn:hover, .tpmconnectbtn:active {color: #FFFFFF}

	/*Navigation*/
	.drawer-account-box {border-bottom: 1px solid #9C9C9C;padding-bottom: 10px}
	.drawer-contents .logo {width: 80% !important;margin-bottom: 10px !important}
	.drawer-contents .logobox { height: auto !important}
	.drawer-nav li {margin-bottom: 0 !important}
	.drawer-nav li a {width: 100%;display: block; font-weight: 500;font-size: 13px !important}
	.drawer-nav li a:hover {width: 100%; background-color: #fff; color: #000000;font-weight: 600}
	.navplus {	font-size: 12px;float: right;margin-right: 5px;margin-top: 5px;}
	.navbar-collapse {padding-right: 0px;  }
	.navbar { border-top: 0;float: left; border: 0; min-height: 0 !important}
	.navbar-nav {margin: 0 !important;  }
	.fa-bars{font-size: 25px !important; margin-right: 0px;margin-top: 12px}
	.fa-times{font-size: 25px !important; margin-right: 0px; margin-top: 12px}
	.nav>li>a {font-weight: bold;color: #FFFFFF;font-size: 15px;}
	.navbar {    border-top: 0;float: left;width: 100%;border: 0;min-height: 0 !important; }
	.dropdown-menu>li>a {display: block;padding-left: 15px;clear: both;font-weight: 400;line-height: 1.42857143;color: #fff;white-space: nowrap;}
	/*.rotate{ -moz-transition: all 0.5s linear;   -webkit-transition: all 0.5s linear; transition: all 0.5s linear;}
	.rotate.down{ -moz-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); transform:rotate(-90deg);}*/
	
	/*Carousel*/
	.owl-prev {   left: -15px !important;top: 73px !important;}
	.unslider-nav {display: none;}
	.owl-next {right: -15px !important;top: 73px !important;}
	.carousel-inner .item {min-height: 550px !important;}
	.carousel-inner {position: relative;width: 100%;overflow: hidden;height: 200px;}
	.carousel-indicators {   display: none}
	.carousel-inner .carousel-position-four {position: absolute;left: auto;	width: 80%;	margin: 0;padding: 0}
	.spotlightline1 {font-size: 16px;line-height: 12px}
	.carousel-title-v3 .spotlightline2 {font-size: 12px !important;line-height: 1px !important}
	.carousel-inner .carousel-position-four .btn { margin-bottom: 10px; font-size: 10px !important }
	#Carousel {padding: 0;background-color: #ffffff;}
	.carousel-inner .carousel-position-four {	left: 50% !important;    background: rgba(0,0,0,0.5) !important;top: 15% !important;color: #FFF;width: 80%;	padding: 10px;	position: fixed;transform: translate(-50%, -50%);}
	.carousel-inner .carousel-position-four h2 {    margin-top: 0;margin-bottom: 0;}
	.carousel-title-v3 {    line-height: 16px;padding:  0 0 15px 0 ;} 
	
	/*News*/
	.multi h2 {font-size: 16px !important}
	.article {width: 100%;}
	.articlepreview .imgholder a img {width: 100%}
	.articlepreview .imgholder {margin-bottom: 0px;padding-left: 0;max-height: 200px;overflow: hidden;padding-right: 0}
	.articlepreview {padding-left: 0;padding: 8px;height: 380px;   border: 1px solid #EEEEEE;background-color: #FAFAFA;overflow: hidden;text-overflow: ellipsis;margin: 0}
	
	#navbar ul li {margin-right: auto}
	.newswidgetitle {color: #000000;font-size: 14px;margin-top: 15px;font-weight: bold;margin-bottom: 5px;}
	.maindatenumber {font-size: 16px;}
	.newsitem p.briefdesc { display:none; }

	/*Events*/
	.eventimgholder {height: 300px;}
	.otherevents {height: 235px !important;padding-top: 10px !important; padding-left: 0}
	.eventstrip {height: auto !important;}
	.mainevent h3 {top: 25%;}
	.smallevents h3 {font-size: 13px}
	
	/*Footer*/
	.footerboxes {text-align: center}
	#ft .icon-grey {display: inline-flex; padding-left: 0}
	#ft .followus{margin-top: 140px !important;}
	
}

@media only screen and (max-width: 800px) {
	
	/* Force table to not be like tables anymore */
	.subscriptions table, 
	.subscriptions thead, 
	.subscriptions tbody, 
	.subscriptions th, 
	.subscriptions td, 
	.subscriptions tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	.subscriptions thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	.subscriptions tr { border: 1px solid #ccc; }
 
	.subscriptions td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:right;
	}
 
	.subscriptions td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	.subscriptions td:before { content: attr(data-title); }
}

/* Portrait  iphone 6,7,8*/
/*@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
	  
	  .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    position: absolute;
    top: 40%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
}
	  
	
.carousel-inner .carousel-position-four {
    left: 18% !important;
    background: rgba(0,0,0,0.5) !important;
    top: 4% !important;
    color: #FFF;
    width: auto;
}
	  
	  .carousel-indicators {
    position: absolute;
    bottom: 0px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}
	  
	  .carousel-control {
  
    top: 7px;
  
}

}
*/
/* Portrait iphone 5 */
/* @media only screen 
  and (max-width: 330px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
	  
	  .navbar {
    border-top: 0;
    float: left;
    width: 100%;
    border: 0;
    min-height: 0 !important; 
}
	  .carousel-title-v3 {
    line-height: 16px;
    padding: 10px;
}
	  

	  
	  
	  .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 125px;

}
	  
	  .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    position: absolute;
    top: 40%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
}
	  
	  .article {
    width: 100%;
}
	  
	  h1 {font-size: 20px; font-weight: bold}
	  
	  .whitestrip h1 {
    font-size: 20px;
}
	  
	  .carousel-indicators {
		  display: none;}
	  
	  
.greybg { background-color:#efefef !important; padding: 20px;}


	  .carousel-inner .carousel-position-four {
    left: 12% !important;
    background: rgba(0,0,0,0.5) !important;
    top: 2% ;
    color: #FFF;
    width: auto;
}
}
*/