body {font-family: 'Poppins', sans-serif;}
.color1 {color: #000000}
.color1-bgrd {background-color: #000000}
.color2 {color: #8C0001}
.color2-bgrd {background-color: #8C0001}
.whitetxt {color: #FFFFFF !important}
.white-bgrd {background-color: #FFFFFF}
.headcontact {color: #2B3C68; font-size: 24px; font-weight: bold}
.headcontact.email {font-size: 13px; margin-right: 25px; color: #FFFFFF}
.headcontact.phone {font-size: 13px; color: #FFFFFF}
.facebook {margin-right: 5px}
.facebook:hover {color: #5161A8}
.instagram	{margin-right: 5px}
.instagram:hover {color: #DC307C}
.twitter {margin-right: 5px}
.twitter:hover {color: #1CA1F2}
.youtube {margin-right: 5px}
.youtube:hover {color: #F71F11}
.youtube:hover {color: #F71F11}
.linkedin {margin-right: 5px}
.linkedin:hover {color: #2E6DB1}
.pintrest {}
.pintrest:hover {color: #CD2029}
.googleplus { margin-right:3px; }
.googleplus:hover {color: #DD5348}
.herobar { background-color: #EFEFEF; padding: 25px 0;}
#pagecontent a {color: #2B3C68; font-weight: bold}
.whitestrip .embed-responsive-16by9 { padding-bottom: 25% !important}
.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; }

.subimgholder { height: 100px;
    position: relative;
    text-align: center;
    cursor: pointer;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    margin: 5px;
}
.leadimgholder { height:345px; position: relative; text-align: center; cursor: pointer; background-position: center;background-size: cover;overflow: hidden;  -webkit-transition: all 0.3s ease-in-out;  }

.spotlightline1 {font-size: 35px}
.spotlightline2 {font-size:0 22px}
.spotlightline3 {font-size: 10px}


#navbar ul li {margin-right: 0px}


.eventbox {padding-left: 0; padding-right: 25px}
.events h2 {font-size: 40px}
.eventitem {  }
.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; margin-bottom: 0 }
.eventwidgetlocation:hover {color: #000000; cursor: pointer}

.btn-action,  .btn-action:active, .btn-action:active:focus, .btn-action:focus {
    color: #fff;
    background-color: #B30001;
    border: 1px solid #B30001;
	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: #817f7f;
	border: 1px solid #817f7f;
	font-size: 14px;
}

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

}

/** 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: 15px}
.newswidgetitle a:hover {color: #A1A1A1 }
.newswidgetdate {    font-size: 11px; font-style: italic; margin-bottom: 5px;}
.newswidgetimg {  }

/** 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 { padding: 15px }

/** sponsor logos **/
.splogoholder { padding-left: 1px; border: 1px solid #FFFFFF; }
.sponsorlogo {  }

/*header*/
.navbar-nav {
    float: right;  
}
#header p {
    color: #fff;
    font-size: 20px;
    margin: 7px 0;
    font-weight: bold;
    text-transform: uppercase;
    font-style: italic;
	text-shadow: 1px 1px #666
}
/* login and signup buttons */
#header .portallinks{
	color: #fff;
    font-size: 12px;
    margin: 7px 15px 0 0;
    font-weight: bold;
    text-transform: uppercase;
    font-style: italic;
	text-shadow: 1px 1px #666;
}
#header .portallinks:hover{
	color: #333;
}
.signup{color: #FFFFFF; border: 1px solid #8C0001;}
.signup:hover {background-color: #FFFFFF;}

.contacthead {padding: 4px 0; }
.headernav {float: right}
#header { padding-top: 5px; padding-bottom: 5px; position: relative; clear:both; border-bottom: 3px solid #87110B;}
#header .btn-action:active{background-color: #ffffff; border: none;}
#header .btn-action:focus{background-color: #ffffff; border: none;}
.logo { margin-left: 0}
.strapline {color: #FFFFFF; font-size: 21px; padding-top: 10px; display: inline-block}
.add-on {display:none; padding: 8px; background-color: #EEEEEE}
#header #burgerholder{margin-top: 10px}
#header .fa-times{margin-top: 10px}


/* Carousel&Navbar */
.carousel-inner .item{min-height:400px !important;}
.carousel-inner .carousel-position-four {background: rgba(0,0,0,0.5) !important; padding:20px; width:30%; top:10% !important; color:#FFF; }
.carousel-inner .carousel-position-four h2 {  font-weight:normal !important; font-size:40px !important;  color:#FFF; }
.carousel-inner .carousel-subtitle-v2 { font-size:18px !important; }
.carousel-inner .carousel-position-four{position:absolute;left:auto;}

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

.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: #eeeeee;
	text-transform: uppercase
}

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #FFFFFF;
	color: #333;
}

.dropdown-menu a:hover {background-color: #ddd; color: #333 !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}

.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;}
.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}

.detailsbookbtn {margin-top: 18px}

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

.multidivide { clear: both}


	.dropdown-menu>li>a {
    display: block;
    padding: 8px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #fff;
    white-space: nowrap;
}

	.dropdown-menu>li>a:hover {
    display: block;
  	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #fff;
    white-space: nowrap;
}


/*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: #FFFFFF;
	border: 1px solid #FFFFFF;
  background-color: #555555;
}

.tab-pane {margin: 30px 0}

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

#exTab3 .tab-content {
  color : #000000;
  background-color: #FFFFFF;

}


.featured {border: 1px solid #EEEEEE; position: relative; max-height: 345px; overflow: hidden}
.featured h2 {margin: 0; color: #FFFFFF;    padding: 8px 0px 3px 20px;font-size: 20px}
.featured p {color: #FFFFFF;  padding: 0px 0px 3px 20px; font-size: 13px}
.fbg {position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(43, 43, 43,0.8);}
.fbg:hover {background: rgba(135, 17, 11,0.6) }
.fbg a {color: #FFFFFF; text-decoration: none}

.subfeatured {border: 1px solid #3D3D3D; background-color: #3D3D3D; min-height: 110px; opacity: 0.9; margin-bottom: 4px }
.subfeatured:hover { background-color:#87110B; opacity: 0.8}

.subfeatured h2 {margin: 0; font-size: 13px; color: #FFFFFF; padding-top: 5px; font-weight:bold; margin-bottom:6px !important}
.subfeatured:hover h2 {}

.subfeatured p {font-size: 12px; color: #FFFFFF; margin-bottom:0 !important; line-height: 15px}
.subfeatured:hover p {   }

.subfeature a {padding-left: 8px}

.subfeaturedtext {padding-top: 4px}


/*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}
.otherevents {clear: both; padding-top: 30px}


.eventkeyinfo {padding-left: 0; margin-bottom: 10px}
.eventkeyinfo h1 { font-size:  22px}
.eventkeyinfo h3 {font-size: 15px }
.eventkeyinfo h4 {font-size: 14px}
.eventkeyinfo p  {font-size: 13px}
.eventkeyinfo button {margin-top: 10px; background-color: #062A3E; border: 1px solid #062A3E; font-size: 12px}
.eventkeyinfo button:hover {background-color: #3376B3;  border: 1px solid #3376B3 }


.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}
.eventrow .eventtxt h4 {font-size: 13px;  margin-bottom: 0; margin-top: 6px}
.eventrow .eventtxt p {font-size: 13px;  margin-bottom: 0; margin-top: 5px}
.eventbuttons {margin-top: 15px}

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


.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
}


.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:#E8C60F !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; margin-left:1px; }
.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: #000000; font-size: 30px; margin-top: 0; margin-bottom: 25px}
h2 {color: #000000; font-size: 26px}
.multi h2 {font-size: 16px}
h3 {color: #000000; font-size: 25px}
h4 {color: #000000; font-size: 23px}
h5 {color: #000000; font-size: 20px}
h6 {color: #000000; font-size: 18px}
.navbar-form {padding-left:0; padding-right:0}



h2.boxtitle { font-size: 17px; padding: 10px 18px; margin-bottom:0; color: #FFFFFF; text-decoration: none; font-weight: bold}
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:  12px; text-decoration: none}
.footerboxes a:hover { color: #cccccc; text-decoration: none}
.footerboxes ul  { margin: 0; padding: 0;}
.footerboxes li { margin-left: 0px; padding: 0; list-style: none}

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 #CCCCCC; min-height: 436px; background-color: #FFFFFF }
.featureboxes3 {padding: 15px; border: 1px solid #062a3e; min-height: 250px; background-color: #FFFFFF }

/* 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:#000000 !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; }
@media only screen and (max-width: 1300px) {
	.nav>li>a{
		padding: 15px 6px;
	}
}
@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;
}
	
	#header p {
    color: #fff;
    font-size: 16px;
    margin: 7px 0px 0 0;
    font-weight: bold;
    text-transform: uppercase;
    font-style: italic;
    text-shadow: 1px 1px #666;
}
	
	.subfeatured h2 {
    margin: 0;
    font-size: 12px;
    color: #FFFFFF;
    padding-top: 5px;
    font-weight: bold;
    margin-bottom: 1px !important;
}
	
	.subfeatured p {
    font-size: 11px;
    color: #FFFFFF;
    margin-bottom: 3px !important;
    line-height: 15px;
}
	
	.featured h2 {
    margin: 0;
    color: #FFFFFF;
    padding: 8px 0px 3px 20px;
    font-size: 16px;
}
	
	.featured p {
    color: #FFFFFF;
    padding: 0px 0px 3px 20px;
    font-size: 10px;
}
	
	
.navbar {font-size: 10px !important}
	.nav>li>a {
    /*font-weight: bold;
    color: #2B3C68;
    text-transform: uppercase;*/
	font-size: 13px 
}
	#navbar ul li {
    margin-right: 40px;
}
	
	#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}
	
	
	.facebook {margin-right: 5px}
.facebook:hover {color: #5161A8}
.instagram	{margin-right: 5px}
.instagram:hover {color: #DC307C}
.twitter {margin-right: 5px}
.twitter:hover {color: #1CA1F2}
.youtube {margin-right: 5px}
.youtube:hover {color: #F71F11}l
.linkedin {margin-right: 5px}
.linkedin:hover {color: #2E6DB1}
.pintrest {margin-left: 5px}
.pintrest:hover {color: #CD2029}

	
	
	#ft .icon-grey {display: inline-flex; padding-left: 0}
}

@media only screen and (max-width: 800px) {
	/* join now button on the become a member box */
	.memberbox .signup{
		right: 38%;
	}
	
	/* 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 !important;
		text-align:right;
	}
	.subscriptions td p{
		text-align: left;
	}
	.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); }
}
@media only screen and (max-width: 768px) {
	
.facebook {margin-right: 5px}
.facebook:hover {color: #5161A8}
.instagram	{margin-right: 5px}
.instagram:hover {color: #DC307C}
.twitter {margin-right: 5px}
.twitter:hover {color: #1CA1F2}
.youtube {margin-right: 5px}
.youtube:hover {color: #F71F11}l
.linkedin {margin-right: 5px}
.linkedin:hover {color: #2E6DB1}
.pintrest {margin-left: 5px}
.pintrest:hover {color: #CD2029}

	
	
	.featured h2 {
    margin: 0;
    color: #FFFFFF;
    padding: 8px 0px 3px 20px;
    font-size: 19px;
	}
	
	.featured p {
    color: #FFFFFF;
    padding: 0px 0px 3px 20px;
    font-size: 13px;
}	
	
	.subimgholder{ height: 75px}
	
	.subfeatured {width: 33.05%; min-height: 68px; margin-right: 2px} 
	.subfeatured h2 {font-size: 13px}
	.subfeatured p {display: none}
	
	
	.subboxes {width: 100%; padding: 0}
	
	.feature {width: 100%}
	
	
	.navbar { border-top: 0;float: right; border: 0; min-height: 0 !important}
	.newsitem p.briefdesc { display:none; }
	.review-slider {width: 90%}
	
	.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%;
	}
	
	.contactfooter{ clear: both}
	
	.fa-search {font-size: 15px; color: #062a3e }
	#fullnavbar {display: none}
	.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}
	.owl-prev {left: -15px !important; top: 35px !important}
	.owl-next {right: -15px !important; top: 35px !important}
	.whitestrip {padding: 30px 0}
	.whitestrip h1	{font-size: 26px}
	.eventblock h2 {font-size: 20px; margin-top: 15px; }
	.eventblock p {display: none;}
	.eventblock .eventimg {padding-right: 0}
	.eventblock .eventtxt {padding-left: 0}
	
	.nav>li>a {
		/*
		font-weight: bold;
		color: #2B3C68;
		font-size: 12px; */
		padding: 10px 6px;
}
	.article {width: 50%}
	
		#navbar ul li {
    margin-right: 8px;
}
	
	.twitter-timeline {
	 width: auto !important;
	}
	
/*.owl-stage-outer {
    width: 100%;
    left: 0%;
}*/
	
	.brandedlogos {
    width: 95% !important;
	}
	
	/****** FOOTER *****/
	.footerboxes.text-right {
		text-align: left
	}
	.footerboxes a{
		font-size: 14px !important; 
	}
	.footerboxes p{
		font-size: 14px !important;
	}
	h6.boxtitle2{
		font-size: 16px !important;
	}
	
	.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;
	}
	/*** DRAWER NAV ***/
	.fa-bars{font-size: 35px !important; margin-right: 5px}
	.fa-times{font-size: 35px !important; margin-right: 5px}
	.drawer-contents .signup{font-size: 18px;}
}

@media only screen and (min-width: 480px) { 
	.collapsed:hover .dropdown-menu { display: block; z-index: 999999999; padding: 0 }
	.collapsed a:hover {display: block}
	.collapsed:hover .dropdown-menu li { width: 100% }
	.navplus { display: none}
}

@media only screen and (max-width: 480px) {
	
	.featured h2 {margin: 0; color: #FFFFFF; padding: 8px 20px 3px 20px; font-size: 16px}
	.featured p {color: #FFFFFF;  padding: 0px 20px 3px 20px; font-size: 10px}
	
	.featureboxes {padding: 15px; border: 1px solid #062a3e;  background-color: #FFFFFF; /* min-height: auto */}
	
	#header p {color: #2B3C68; font-size: 20px; margin: 1px 5px 0 0; text-align: center; font-weight: bold; opacity: 1}
	
	.headernav p {display: none}
	.subfeatured {width: 49.7%; min-height: 150px; margin-right: 1px} 
	.subfeatured p {display: none}
	.subfeatured h2 {font-size: 13px}
	.box3 {display: none}
	
	.newsitem p.briefdesc { display:none; }
	  h1 {font-size: 20px;  margin-top: 10px; margin-bottom: 10px}

	#pagecontent p {clear: both}
	.imgspace {margin: 0 0 20px 0}
	
	.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);}
	.navplus { font-size: 18px; float: right; margin-right: 5px; margin-top: 0px;}
	.article { width: 100%;}
	.dropdown-menu>li>a { display: block; padding-left: 15px; clear: both; font-weight: 400; line-height: 1.42857143; color: #fff; white-space: nowrap;}
	.navdrop {}
	
	.unslider-nav { display: none;}
	
	.navbar { border-top: 0; float: left; width: 100%; border: 0; min-height: 0 !important; padding-top: 0}
	
	.carousel-indicators { display: none }
	
	.carousel-inner .carousel-position-four {
		position: absolute;
		left: auto;
		width: 80%;
		margin: 0;
		padding: 0
	}
	
	.spotlightline1 {
		font-size: 15px;
	}
		.spotlightline2 {
		font-size: 11px;
	}
		
		.carousel-inner .carousel-position-four {
		left: 20% !important;
		background: rgba(0,0,0,0.5) !important;
		top: 2% !important;
		color: #FFF;
			width: auto
	}
		
		
		.carousel-inner .carousel-position-four h2 {
		margin-top: 0
	}
	
	.white-bgrd {background-color: #FFFFFF}	
	.tpmconnectbtn {font-weight: bold; color: #2B3C68; font-size: 10px; float: right}
	.tpmconnectbtn:hover, .tpmconnectbtn:active {color: #FFFFFF}

	.color1 {color: #E8C60F}
	/*.color1-bgrd {background-color: #E8C60F} */


	.color2 {color: #2B3C68}
	/* .color2-bgrd {background-color: #2B3C68} */
	
	.owl-prev {
    left: -15px !important;
    top: 73px !important;
}
	.owl-next {
    right: -15px !important;
    top: 73px !important;
}
	.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 150px;
}
	
	.nav>li>a {
    font-weight: bold;
    color: #FFFFFF; 
		font-size: 15px;
}
	
	.twitter-timeline {
	 width: auto !important;
	}
	
	#navbar ul li {margin-right: auto}
	.newswidgetitle {
    color: #000000;
    font-size: 14px;
    margin-top: 15px;
    font-weight: bold;
    margin-bottom: 5px;
}
	
	.customer-review { padding:20px !important; }

	
	.spacer75 {height: 15px}
	
	.footerboxes.text-right {text-align: left}
	
	
	#ft .icon-grey {display: inline-flex; padding-left: 0}
	
	
.navbar-collapse {padding-right: 0px;  }
	.navbar { border-top: 0;float: left; border: 0; min-height: 0 !important
	}
	.navbar-nav {
    margin: 0 !important;  
	    float: left;
    width: 100%;	
		
}
	 .multi h2 {font-size: 16px !important}
	
		.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
}
	.carousel-title-v3 {    line-height: 16px;
    padding: 15px;} 
	.subscriptions tr td {
    width: 100%;
}
	
	.fa-bars{font-size: 30px !important; margin-right: 0px}
	.fa-times{font-size: 30px !important; margin-right: 0px}
	
}

/* 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;
}
	  .featured h2 {
    margin: 0;
    color: #FFFFFF;
    padding: 8px 20px 3px 20px;
    font-size: 14px;
}
	  
	  .featured p {
    color: #FFFFFF;
    padding: 0px 20px 3px 20px;
    font-size: 9px;
}
	  
	  .headcontact.email {
    font-size: 11px;
    margin-right: 25px;
    color: #FFFFFF;
}
	  .headcontact.phone {
    font-size: 11px;
    color: #FFFFFF;
}
	  
}