/*FONTS*/

@font-face {
    font-family: 'locator';
    src: url('../fonts/locator-light-webfont.eot');
    src: url('../fonts/locator-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/locator-light-webfont.woff') format('woff'),
         url('../fonts/locator-light-webfont.ttf') format('truetype'),
         url('../fonts/locator-light-webfont.svg#locatorlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'locator';
    src: url('../fonts/locator-lightitalic-webfont.eot');
    src: url('../fonts/locator-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/locator-lightitalic-webfont.woff') format('woff'),
         url('../fonts/locator-lightitalic-webfont.ttf') format('truetype'),
         url('../fonts/locator-lightitalic-webfont.svg#locatorlight_italic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'locator';
    src: url('../fonts/locator-bold-webfont.eot');
    src: url('../fonts/locator-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/locator-bold-webfont.woff') format('woff'),
         url('../fonts/locator-bold-webfont.ttf') format('truetype'),
         url('../fonts/locator-bold-webfont.svg#locatorbold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'locatorblack';
    src: url('../fonts/locator-black-webfont.eot');
    src: url('../fonts/locator-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/locator-black-webfont.woff') format('woff'),
         url('../fonts/locator-black-webfont.ttf') format('truetype'),
         url('../fonts/locator-black-webfont.svg#locatorblack') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face{
	font-family: "ITCCaslon224W01-Black";
	src: url("fonts/caslon-web/e1cd7dc5-7806-4d3b-8b8a-f27c3bca8415.eot?#iefix");
	src: url("fonts/caslon-web/e1cd7dc5-7806-4d3b-8b8a-f27c3bca8415.eot?#iefix") format('embedded-opentype'),
		 url("fonts/caslon-web/b0e7023e-7ba1-4fb3-a500-3b4d42a984d5.woff") format("woff"),
		 url("fonts/caslon-web/c934da21-f80b-48a5-a8bf-ba79713f7b7b.ttf") format("truetype"),
		 url("fonts/caslon-web/ca7e9970-b357-4338-9f0d-b8660dd487cc.svg#ca7e9970-b357-4338-9f0d-b8660dd487cc") format("svg");
	font-weight: normal;
    font-style: normal;
}

@font-face{
	font-family: "ITCCaslon224W01-Black";
	src: url("fonts/caslon-web/e1cd7dc5-7806-4d3b-8b8a-f27c3bca8415.eot?#iefix");
	src: url("fonts/caslon-web/e1cd7dc5-7806-4d3b-8b8a-f27c3bca8415.eot?#iefix") format('embedded-opentype'),
		 url("fonts/caslon-web/b0e7023e-7ba1-4fb3-a500-3b4d42a984d5.woff") format("woff"),
		 url("fonts/caslon-web/c934da21-f80b-48a5-a8bf-ba79713f7b7b.ttf") format("truetype"),
		 url("fonts/caslon-web/ca7e9970-b357-4338-9f0d-b8660dd487cc.svg#ca7e9970-b357-4338-9f0d-b8660dd487cc") format("svg");
	font-weight: bold;
    font-style: normal;
}

/* END OF FONT-face*/

/* general */

/*
 * Style tweaks
 * --------------------------------------------------
 */
html,
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}


.first-with-margin{margin-bottom:60px;}

/* sb-com footer */
#footer {
  float: left;
  clear: both;
  margin-top: 0px;
/*   width: 982px; */
}
#footer .footerArray {
  background-image: url("http://salterbaxter.sbstaging2.co.uk/wp-content/themes/sb/style/images/footerBg.gif")!important;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-color: #666;
  height: 290px;
/*   border-bottom: solid 3px #00e3fe; */
  /* margin: 30px 0 30px -9px; */
  margin: 0px 0 0 0;
}
#footer .footerArray .footerItem {
  float: left;
  display: inline;
  width: 150px;
  margin: 10px 0 0 15px;
}
#footer .footerArray .jumpLinks {
  float: right;
  padding: 0;
}
#footer .footerArray .jumpLinks img.first {
  padding: 0 0 0 0;
}
#footer .footerArray .footerItem.first {
  margin-left: 15px;
}
#footer .footerArray .footerItem.contact {
  width: 200px;
}
#footer .footerArray .footerItem.twitter {
  width: 240px;
}
#footer .footerArray .footerItem h3 {
  border-bottom: solid 2px #ccc;
  font-size: 1em;
  line-height: 1.2;
  color: #fff;
  font-family: Akkurat, Arial, Helvetica, sans-serif;
  padding: 0 0 0.5em 0;
  margin-bottom: 0.5em;
  font-weight: bold;
}
#footer .footerArray .footerItem a,
#footer .footerArray .footerItem a:link {
  color: #fff;
  text-decoration: none;
}
#footer .footerArray .footerItem a:hover {
  text-decoration: underline;
}
#footer .footerArray .footerItem ul{list-style-type:none; padding-left:0;}
#footer .footerArray .footerItem li, #footer .footerArray .footerItem p {
  font-size: 1em;
  line-height: 1.2;
  color: #fff;
  font-family: Akkurat, Arial, Helvetica, sans-serif;
  padding: 0 0 0.5em 0;
}
#footer .footerArray a.twitter_title_link {
  background: url("http://www.salterbaxter.com/wp-content/themes/sb/style/images/twitter_newbird_blue_sm.png") no-repeat scroll 0 1px transparent;
  padding-left: 20px;
}

 #footer .footerArray .footerItem p {
  font-size: 1em;
  line-height: 1.7;
  color: #fff;
  font-family: Akkurat, Arial, Helvetica, sans-serif;
  padding: 0 0 0.5em 0;
}
#footer .footerArray .footerItem.twitter p {
  font-size: 1.1em;
  line-height: 1.4;
  color: #fff;
  font-family: Georgia, "Times New Roman", Times, serif;
  padding: 0 0 0.3em 0;
  font-style:italic;
}
.sb-live-footer{
background-color:#666;
}


#sb-header{  
	border-radius: 0;
  background-color: white!important;
  background-image: none;
  padding: 20px;
  background: none repeat scroll 0 0 #F4F4F4 !important;
  box-shadow: 0 3px 3px 0 #CCCCCC;
  height: 90px;
  border: none;
}
#sb-header ul {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  list-style-type: none!important;
}

#sb-header ul li {
  float: left;
  padding-top: 0px;
  margin: 0 12px 0 0;
}
#sb-header ul li a {
  padding: 10px 0px 6px 0px;
/*   font-size: 1em; */
font-size:16px;
  text-decoration: none;
  /* color: #0c0c0c; */
  font-family: "AkkuratRegular", Akkurat, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #7b7c81;
}
#sb-header ul li a:hover {
  border-bottom: solid 4px #a8a8a8;
  margin-top: 4px;
}
#sb-header ul li a.blog{color:#ed1b72;}


/*====================================
=            PANEL STYLES            =
====================================*/
/* 
#scotch-panel {
    background: #444;
}
#scotch-panel ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
}
#scotch-panel ul li a {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: transparent;
    color: #fff;
}
#scotch-panel ul li a:hover {
    background: #555;
}
#scotch-panel .btn {
    margin: 8px;
}
 */
 .fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*==================================
=            SITE STUFF            =
==================================*/
/* 
a {
    text-decoration: none !important;
    -webkit-transition: all 225ms ease;
    -moz-transition: all 225ms ease;
    transition: all 225ms ease;
}
header {
    position: relative;
    background: #222;
    height: 50px;
}
header a {
    color: #777;
}
header a:hover {
    color: #fff;
}
header .logo {
    float: left;
    height: 50px;
    line-height: 50px;
}
 */
.toggle-panel {
    position: absolute;
    top: 0;
    right: -20px;
    font-size: 25px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #ccc;
color:#ed1b72;
    display: none;
}
/* 
header ul {
    float: right;
    list-style: none;
    margin: 0;
    padding: 0;
}
header ul li {
    display: inline-block;
}
header ul li a {
    display: block;
    height: 50px;
    line-height: 50px;
    margin: 0 10px;
}
article {
    height: 5000px;
}
 */




/*====================================
=            PANEL STYLES            =
====================================*/
#scotch-panel {
    background-color: #4a4a49;
}
#scotch-panel ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;

  position: relative;
  top: 92px;
/* 
  right: 0;
  width: 60%;
  overflow: hidden;
 */
}


#scotch-panel ul li a {
  color: #fff;
  font-family: "ITCCaslon224W01-Black", "Big Caslon", "Book Antiqua", "Palatino Linotype", Georgia, serif;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1em;
  letter-spacing: 0.05em;
  padding: 1em;
  border-right: none !important;
  display: block;
  border-bottom: 1px solid #898989;
  text-align: left;
  text-decoration: none;
}
#scotch-panel ul li a:hover {
    color: #ccc;
}
#scotch-panel ul li a.blog{color:#ed1b72 !important;}


/*=======================================
=            MOBILE SNIPPETS            =
=======================================*/
@media only screen and (max-width : 768px) {
    .toggle-panel {
        display: block;
    }
/* 
    header ul {
        display: none;
    }
 */
}

/* 
header .toggle-panel { display: none; }
header ul { display: block; }

@media only screen and (max-width : 768px) {
	header .toggle-panel { display: block; }
	header ul { display: none; }
}
 */



#click h4{
	text-align:left;
	font-size:20px;
	margin-bottom:20px;
}
#click h4 small{font-size:18px; color:#fff;}
#click h5{
	text-align:left;
	font-style:italic;
	font-size:24px;
}

#click h5:before {
	display: block;
	margin: 0 0 0 0;
	height: 5px;
	content: " ";
	background-color: #1d87c3;
	width: 60px;
	position: relative;
	left: 0px;
	bottom: 6px;
}
#click h5:after {
	display: block;
	margin: 0 0 0 0;
	height: 5px;
	content: " ";
	background-color: #1d87c3;
	width: 60px;
	position: relative;
	left: 0px;
	bottom: -5px;
}
#click h5 a, click h5 a:hover{
	color:#fff;
	text-decoration: none;
}
#click p{
text-align: left;
margin-top: 30px;
line-height: 1.3;
}
#click p a{color:#ccc; font-size:90%}
#click p a.top{position:relative; bottom: -40px;}








#click-m h4{
	text-align:left;
	font-size:20px;
	margin-bottom:20px;
}
#click-m h4 small{font-size:18px; color:#fff;}
#click-m h5{
	text-align:left;
	font-style:italic;
	font-size:24px;
}

#click-m h5:before {
	display: block;
	margin: 0 0 0 0;
	height: 5px;
	content: " ";
	background-color: #1d87c3;
	width: 60px;
	position: relative;
	left: 0px;
	bottom: 6px;
}
#click-m h5:after {
	display: block;
	margin: 0 0 0 0;
	height: 5px;
	content: " ";
	background-color: #1d87c3;
	width: 60px;
	position: relative;
	left: 0px;
	bottom: -5px;
}
#click-m h5 a, click h5 a:hover{
	color:#fff;
	text-decoration: none;
}
#click-m p{
text-align: left;
margin-top: 30px;
line-height: 1.3;
}
#click-m p a{color:#ccc; font-size:90%}
#click-m p a.top{position:relative; bottom:-40px;}


#mydiv{
  display: inline-block;
  width: 58px;
  height: 236px;
  background-color: rgba(11,30,52,1);
  position: relative;
  right: 7px;
  top: -50px;
  padding: 70px 13px;
  cursor: pointer;
  background-image: url("../img/vert-brackets.png");
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
#mydiv a{float: left; clear:left;}

#mydiv-m{
  display: inline-block;
  width: 58px;
  height: 236px;
  background-color: rgba(11,30,52,1);
  position: relative;
  right: 7px;
  top: -28px;
  padding: 70px 13px;
  cursor: pointer;
  background-image: url("../img/vert-brackets.png");
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
#mydiv-m a{float: left; clear:left;}

#buttontxt{position: absolute;   bottom: 15px; left:25px; font-size:20px;}
#mydiv-m #buttontxt{display:none;}

.scrollToTop{
  width: 225px;
  height: 236px;
  padding: 50px 30px 0px 30px;
  text-align: center;
  background-color: rgba(15,33,57,1);
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  position: fixed;
  z-index: 999!important;
  top: 250px;
  left: 0px;
  display: none;
  border-right: solid 4px rgba(28,124,187,1);
  /* background: url('arrow_up.png') no-repeat 0px 20px; */
}
}
.scrollToTop:hover{
	text-decoration:none;
}

#mydiv .share-square-twitter, #mydiv-m .share-square-twitter {
  background: url("../img/icons/toggle-bird.png") no-repeat scroll center center transparent;
  display: inline-block;
  margin:0;
}
#mydiv .share-square-facebook, #mydiv-m .share-square-facebook {
  background: url("../img/icons/toggle-fb.png") no-repeat scroll center center transparent;
  display: inline-block;
  margin:0;
}
#mydiv .share-square-email, #mydiv-m .share-square-email {
  background: url("../img/icons/toggle-email.png") no-repeat scroll center center transparent;
  display: inline-block;
  margin:0;
}


.scrollToTop-m{
  position: relative;
  display: inline-block;
  width: 100%;
  height: 250px;
  padding: 30px;
  text-align: center;
  background-color: rgba(15,33,57,1);
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  /* position: fixed; */
  z-index: 99999!important;
  bottom: -6px!important;
  left: 0px;
  /* display: none; */
  border-top: solid 4px rgba(28,124,187,1);
  border-bottom: solid 4px rgba(28,124,187,1);
  border-right: none;
  /* background: url('arrow_up.png') no-repeat 0px 20px; */
}
.scrollToTop-m:hover{
	text-decoration:none;
}

.toggle-email{
  position: absolute;
  bottom: 75px;
  left: 20px;
}


/* 
.toggle-panel.closeMe{
  width: 100px;
  height: auto;
  border: none;
  background-color: #ccc;
  border-right: none;
  border-radius: 0;
  position: relative;
  top: 150px;
  z-index: 99999;
}
 */


body {

/* 
padding-top: 50px;
padding-bottom: 20px;
 */
font-family: 'locator', sans-serif;
/* 
background-image: url("../img/mesh.png");
background-repeat: no-repeat;
background-position: 190px 635px;
background-size: fixed;
 */
}




/* general
-------------------------------------------*/
.navbar {
position: relative;
min-height: 50px;
margin-bottom: 0px;
border: none!important;
border-bottom: 1px solid rgba(59,72,90,1)!important;
background: rgba(11,21,37,1);
}
.navbar-nav>li>a {
text-shadow: none;
color:#fff;
border-bottom:solid 6px rgba(11,21,37,1);
}
.navbar-nav>li>a:hover{background:none; border-bottom:solid 6px rgba(28,124,187,1);}
.navbar-inverse .navbar-nav>.active>a{background-image:none!important;background-color:transparent!important;box-shadow:none;border-bottom:solid 6px rgba(28,124,187,1);}

.nav>li>a {
  position: relative;
  display: block;
  padding: 15px 30px 10px 0px;
  }

/* Custom container */
.container-full {
	margin: 0 auto;
	width: 100%;
}
.container-full.dark{
background-color:#08203f;
background-image: url("../img/bg2.png");
background-repeat: no-repeat;
background-position: 0 0;
background-position: 50% 0;
background-size: fixed;
}
.container-full.light{
background-color:#fff;
background-image: url("../img/bg2.png");
background-repeat: repeat-y;
background-position: 0 0;
background-position: 50% 0;
background-size: fixed;
}
.container-full.mid{
background-color:#fafafa;
background-image: url("../img/bg2.png");
background-repeat: repeat-y;
background-position: 0 0;
background-position: 50% 0;
background-size: fixed;
}
.container-full.blueline{border-top:solid 1px #1d87c3;}


.container-full.dark.index-outer{
	/* background-image: url("../img/test-table-bg-mesh.png"); */
	/* background-color:#163357; */
/* 	background-color:#06182d; */
	/* height:673px; *//* temp */
/* 
	background-position: center center;
	background-repeat:no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
 */
	/* height:695px; */
/* 	height:auto; */
}

.container .inner{margin-bottom:50px;}


.btn.inverted.homep{
  background-color: #06172c;
  background-image: url("../img/icons/icon-btn-three.png");
  background-repeat: no-repeat;
  background-position: 10px 50%;
  padding-left: 40px;
}
.btn.inverted.watchnow{
  background-color: #06172c;
  background-image: url("../img/icons/watch-arr.png");
  background-repeat: no-repeat;
  background-position: 10px 50%;
  padding-left: 40px;
  width: 218px;
}


.mess-new:before {
  display: inline-block;
  margin: 0 0 0 0;
  height: 6px;
  content: " ";
  background-color: #1d87c3;
  width: 60px;
  position: relative;
  left: 0;
  bottom: 0px;
  }



.row.hero h2{color:#fff;}
/* .row.hero .base-line{border-bottom:solid 1px #fff;} */

.base-line hr {
    height: 1px;
    color: #fff;
    background: white;
    font-size: 0;
    border: 0;
}
.standard-white {
  height: 1px;
  color: #fff;
  background: white;
  font-size: 0;
  border: 0;
  width: 300px;
  display: inline-block;
  margin-bottom: 20px;
}

.row.hero-caro{margin-bottom: 0px;}
.row.introduction{
/* 	background-color:#06182d; */
	padding-top:50px;
	margin-bottom:100px;
}
.index-main .row.introduction{padding-top:0!important;}
.text-inner{margin-top:40px;}
/* 
.index-main .row.introduction > div{
	background-image: url("../img/index-table-page-header-test.png");
	background-color:#06182d;
	background-position: center center;
	background-repeat:no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height:618px;
}
*/

.row.findings{margin-top:100px!important;}
.findings h4{font-size:20px;}
.row.read-blog{margin-top:50px!important; margin-bottom:50px!important;}
.row.read-blog h2{font-size:55px; margin-top:0px;}
.row.methodology{margin-top:100px;}
.row.score{margin-top:100px;}
.row.index{margin-top:100px; margin-bottom:0;}
.table-graphic{margin-top:30px;}
.row.profiles{margin-top:0px; margin-bottom:0px;}

.row.profiles.qa-last{margin-bottom:100px;}

/* .row.introduction.index-main-temp{margin-bottom:0!important;} */

.row.intro-hero{
margin-top:100px;
}
/* 
.row.intro-hero.methodology{
margin-top:-100px!important;
}
 */

.intro-hero h2,
.intro-hero h3,
.intro-hero p{
	color:#fff;
}
.intro-hero{
min-height:370px;
}



.intro-hero h1 span:before{
  content: "{";
  font-size: 95px;
  position: relative;
  top: 0px;
  color: #fff;
  padding: 0 10px 0 0;
}

.intro-hero h1 span:after {
  content: "}";
  font-size: 95px;
  position: relative;
  top: 0px;
  color: #fff;
  padding: 0 0 0 10px;
}

.intro-hero h1:after {
  display: block;
  margin: 0 0 40px 0;
  height: 4px;
  content: " ";
  background-color: #1d87c3;
  width: 60px;
  position: relative;
  left: 0px;
  bottom: -20px;
}

.key-item{
margin:100px 0;
}
.key-item h3{
font-size:40px;
font-size:34px;
}
.key-item p{}

/* 
.key-item h3:after{
	display: block;
	margin: 0 0 40px 0;
	height: 4px;
	content: " ";
	background-color: #1d87c3;
	width: 60px;
	position: relative;
	left: 0px;
	bottom:-20px;
}
 */
.key-item h3.line-after:after{
	display: block;
	margin: 0 0 40px 0;
	height: 4px;
	content: " ";
	background-color: #1d87c3;
	width: 60px;
	position: relative;
	left: 0px;
	bottom:-20px;
}

.brand-profile .key-item h3:before {
  display: block;
  margin: 0;
  height: 4px;
  content: " ";
  background-color: #1d87c3;
  width: 60px;
  position: relative;
  left: 0px;
  bottom: 20px;
  }
  
.key-factors .key-item p.social:after {
	display: block;
	margin: 0 0 40px 0;
	height: 4px;
	content: " ";
	background-color: #1d87c3;
	width: 60px;
	position: relative;
	left: 0px;
	bottom:-20px;
  }

.key-factors .key-item h3{font-size:44px; line-height:1.1;}
.key-factors .key-item .icon{display:inline-block;}
.key-factors .key-item sup{
  top: 0;
  left: 10px;
  font-size:40px; 
  color:#1d87c3;
  font-weight:bold;
  }
  
.key-factors .key-item{margin-top:50px 0;}
.key-factors .key-item > div:nth-child(1){margin-bottom: 100px!important;}

.findings .line-after-blue:after{
	display: block;
	margin: 0 0 0 0;
	height: 4px;
	content: " ";
	background-color: #1d87c3;
	width: 60px;
	position: relative;
	left: 0px;
	bottom:20px;
	}
.findings .lead.line-after-blue:after{
	display: block;
	margin: 0 0 0 0;
	height: 4px;
	content: " ";
	background-color: #1d87c3;
	width: 60px;
	position: relative;
	left: 0px;
	bottom:-20px;
	}
	
.insights h3{font-size:36px;}

.row.index h2, 
.row.index h3, 
.row.index p{
	color:#fff;
}
.introduction h2,
.introduction h3,
.introduction p{
	color:#fff;
}
.introduction blockquote {
  padding: 0px 20px 10px 20px;
  margin: 0 0 20px;
  font-size: 15px;
  border-left: none;
}
.introduction blockquote p{
font-style:italic;
}
.row.methodology h2, 
.row.methodology h3, 
.row.methodology p,
.row.methodology ul li
{
	color:#fff;
}

.methodology-sub section{margin-bottom:100px;}
.methodology-sub{padding-top:100px;}
.methodology-sub h2{font-size:56px;}
.methodology-sub h3{margin-top:0px; margin-bottom:0px;}
.methodology-sub h3 span{
  color: #1d87c3;
  font-weight: bold;
  }
.methodology-sub h4{font-size:22px;}
.methodology-sub .line:after{
	display: inline-block;
	margin: 0 0 20px 0;
	height: 4px;
	content: " ";
	background-color: #1d87c3;
	width: 60px;
	position: relative;
	left: 0px;
	bottom:0px;
}
.methodology-sub .key-item{margin:0;}
.methodology-sub .key-item.second{margin:0 0 100px 0;}
.methodology-sub .icon{margin-bottom:20px;}

.methodology-sub ul{}

.methodology-sub ul{/* list-style-type: none; */ padding-left:15px; margin-bottom:30px;}
.methodology-sub li{ 
  margin-bottom:10px;
  line-height:1.42857143;
  }

.row.score h2, 
.row.score h3, 
.row.score p,
.row.score ul li
{
	color:#fff;
}

.score ul{list-style-type: none; padding-left:0;}
.score li{
  background-position: 0 0;
  background-repeat: no-repeat;
  padding-left: 65px; 
  margin-bottom:20px;
  min-height: 37px;
  }
.score li.graph-up{
  background-image: url("../img/icons/icon-graph-up.png");
}
.score li.medal{
  background-image: url("../img/icons/icon-medal.png");
}
.score li.thumb{
  background-image: url("../img/icons/icon-thumb-up.png");
}
.score li.mag2{
  background-image: url("../img/icons/icon-mag2.png");
}


/* 
.score .line-after:after{
	display: inline-block;
	margin: 0;
	height: 4px;
	content: " ";
	background-color: #1d87c3;
	width: 60px;
	position: relative;
	left: 0px;
	bottom:0px;
}
 */

.score .line-spacer:before {
  display: inline-block;
  margin: 0;
  height: 4px;
  content: " ";
  background-color: #1d87c3;
  width: 60px;
  position: relative;
  left: 0px;
  bottom: 0px;
  }
  

.score .signoff{
margin-left:65px;
display:inline-block;
}
.score .signoff:before {
  display: inline-block;
  margin: 0 0 20px 0;
  height: 4px;
  content: " ";
  background-color: #1d87c3;
  width: 60px;
  position: relative;
  left: 0px;
  bottom: 0px;
  }





.findings ul{list-style-type: none; padding-left:0;}
.findings li{
  background-position: 0 0;
  background-repeat: no-repeat;
  padding-left: 90px; 
  margin-bottom:20px;
  min-height: 43px;
  font-size:120%;
  line-height:1.1;
  }
.findings li.dolls{
  background-image: url("../img/icons/icon-dolls.png");
}
.findings li.chat{
  background-image: url("../img/icons/icon-chat.png");
}
.findings li.sitting{
  background-image: url("../img/icons/icon-sitting.png");
}
.findings li.thoughts{
  background-image: url("../img/icons/icon-think.png");
}







.methodology ul{
list-style-type: none; padding-left:0;
margin-top:60px;
}

.methodology li{
  background-position: 0 0;
  background-repeat: no-repeat;
  padding-left: 65px;
  margin-bottom:20px;
  min-height: 78px;
  }
.methodology li.activity{
  background-image: url("../img/icons/icon-bird-plus.png");
}
.methodology li.engage{
  background-image: url("../img/icons/icon-heart-plus.png");
}
.methodology li.reach{
  background-image: url("../img/icons/icon-person-equals.png");
}
.methodology li.score{
  background-image: url("../img/icons/icon-one.png");
}

.methodology li span{font-size:170%;}





.item h2{
	text-transform:uppercase;
	font-size:1em;
	font-family: 'locatorblack', sans-serif;
	margin-top:15px;
	letter-spacing: .2em;
}
.item h3{
	margin-top: 0px;
	margin-bottom:30px;
	font-size: 55px;
	line-height: .9;;
}
.methodology .item{margin-bottom:40px;}
.score .item{margin-bottom:40px;}

.line-before-blue:before {
	content: "";
	height:3px;
	width:60px;
	position: relative;
	top:6px;
	color:#333;
}
.line-before-blue{
	border-top:solid 4px #1d87c3;
	width:60px;
	margin-top:4px;
	margin-bottom:10px;
}

.bigfact:after, .line-after-blue:after {
	display: inline-block;
	margin: 0;
	height: 4px;
	content: " ";
	background-color: #1d87c3;
	width: 60px;
	position: relative;
	left: 0px;
	bottom:15px;
}
.bigfact:after{
	display: inline-block;
	margin: 0;
	height: 5px;
	content: " ";
	background-color: #1d87c3;
	width: 60px;
	position: relative;
	left: 10px;
	bottom:0px;
}

/* findings panel quote 
-------------------------------------------*/
.panel.quote{
	box-shadow:none;
	border:none;

}
.panel.quote .panel-body{
	padding:0!important;
}
.panel.quote h2:before {
	display: block;
	margin: 0;
	content: url("../img/icon-speech-bubble.png");
	margin-bottom: 10px;
}
.panel.quote h2:after {
	display: block;
	margin: 0;
	height: 4px;
	content: " ";
	background-color: #000;
	width: 60px;
	position: relative;
	left: 0px;
	bottom: -10px;
	margin-bottom: 30px;
}
.panel.quote h2 em{font-family: 'locator', sans-serif; display:block; text-transform: none;}
.panel.quote p{color:#3399cc; font-size:1.3em;}

/* navbar 
-------------------------------------------*/
.navbar-nav{
	/* 
position: relative;
	left: 200px;
 */
}


/* carousels
-------------------------------------------*/

.carousel-control.right,.carousel-control.left{background-image:none!important;}


#myCarousel > a.left.carousel-control > span.leftarrow{
  background-image: url("../img/caro-nav-lg-left.png")!important;
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 37px;
  width: 23px;
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}
#myCarousel > a.right.carousel-control > span.rightarrow{
  background-image: url("../img/caro-nav-lg-right.png")!important;
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 37px;
  width: 23px;
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}

#myCarousel2 > a.left.carousel-control > span.leftarrow{
  background-image: url("../img/caro2-nav-lg-left.png")!important;
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 45px;
  width: 27px;
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}
#myCarousel2 > a.right.carousel-control > span.rightarrow{
  background-image: url("../img/caro2-nav-lg-right.png")!important;
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 45px;
  width: 27px;
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}

#myCarousel img{margin-top:-100px;}

#myCarousel .carousel-caption .lead{font-size:24px;}

#myCarousel .carousel-caption{
width:50%; 
text-align:left; 
margin:0px 0 0 200px!important;
padding:0 0 0 0!important;
bottom:0!important;
}
#myCarousel .methodology.carousel-caption{
  text-align: left;
  margin: 0 0 0 0!important;
  padding: 0 0 0 0!important;
  bottom: 170px!important;
  width: 70%!important;
  left: 175px;
} 

#myCarousel .carousel-indicators li {
	background-color: transparent;
	border: 1px solid #fff;
	border-radius: 0px;
}
#myCarousel .carousel-indicators .active {
	background-color: #fff;
}


/* 
.carousel-inner {
	overflow: visible;
}
 */
.no-js .carousel-inner {
	overflow: visible;
	display: block;
	}
.carousel-inner>.item>img {
	margin: 0 auto;
	position: relative;
	top: 50px;
}

#myCarousel2{
/* 
	background-image: url("../img/test-profile01-bgonly.png");
	background-position: center center;
	background-repeat:no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
 */
	height:695px;
}

#myCarousel2 .carousel-caption {
	position: relative;
	color: #000;
	text-align: left;
	text-shadow: none;
	left:0;
	bottom:0;
}





.profiles blockquote footer,
#myCarousel2 blockquote footer{
	font-size: 90%;
	color: #1d87c3;
	margin-top:10px;
}
.profiles blockquote footer:before,
#myCarousel2 blockquote footer:before{
	content:"";
}

.profiles .bigfact h3,
#myCarousel2 .carousel-caption.bigfact h3{
	font-size: 68px;
}

.profiles .bigfact h3 span:before,
#myCarousel2 .carousel-caption.bigfact h3 span:before {
	content: "{";
	font-size: 80px;
	position: relative;
	top: 0px;
	color: #333;
	padding: 0 5px;
}



.profiles .bigfact h3 span:after,
#myCarousel2 .carousel-caption.bigfact h3 span:after {
	content: "}";
	font-size: 80px;
	position: relative;
	top: 0px;
	color: #333;
	padding: 0 5px;
}

.profiles .bigfact .number,
#myCarousel2 .bigfact .number{color:#1d87c3; font-size:150%; font-weight:bold;}

.profiles .bigfact .key span{text-transform:uppercase; font-weight:bold; font-size: 90%; margin:0 10px;}

.profiles .bigfact .number span:before{
	content: "{";
	font-size: 40px;
	position: relative;
	top: 7px;
	color: #333;
	padding: 0 5px;
	font-weight:normal;
}
.profiles .bigfact .number span:after{
	content: "}";
	font-size: 40px;
	position: relative;
	top:7px;
	color: #333;
	padding: 0 5px;
	font-weight:normal;
}

.profiles .bigfact sup,
#myCarousel2 .carousel-caption.bigfact sup {
	font-family: 'locatorblack';
	color: #1d87c3;
	font-size: 45%;
	top: -1.2em;
}
#myCarousel2 .carousel-indicators li {
	background-color: #ccc;
	border: 1px solid #ccc;
	border-radius: 0px;
}
#myCarousel2 .carousel-indicators .active {
	background-color: #000;
}
#myCarousel2 .carousel-inner {
	position: relative;
	width: 100%;
	overflow: hidden;
}
#myCarousel2 .carousel-control {
color: #000;
text-align: center;
text-shadow: none;
opacity: 1;
}



/* profiles specific 
-------------------------------------------*/

.profiles blockquote{border-left:none; padding-left:0;}

.profiles blockquote p{color:#000; display: inline;}

/* 
.profiles blockquote:before  {
display: inline-block;
margin: 0;
height: 4px;
content: " ";
background-color: #1d87c3;
width: 60px;
position: relative;
left: 0px;
bottom: 0px;
}
.profiles blockquote:after  {
display: inline-block;
margin: 0;
height: 4px;
content: " ";
background-color: #1d87c3;
width: 60px;
position: relative;
left: 0px;
bottom: 0px;
}
 */

.profiles blockquote {
/*   background: #f9f9f9; */
/*   border-left: 10px solid #ccc; */
  margin: 1.5em 0;
  padding: 0.5em 0;
  quotes: "\201C""\201D""\2018""\2019";
}
.profiles blockquote p:before {
  color: #000;
  content: open-quote;
  font-size: 2em;
  line-height: 0.1em;
  margin-right: 0.1em;
  vertical-align: -0.2em;
}
.profiles blockquote p:after {
  color: #000;
  content: close-quote;
  font-size: 2em;
  line-height: 0.1em;
  margin-left: 0.1em;
  vertical-align: -0.2em;
}
/* 
blockquote p {
  display: inline;
}
 */



.profiles .quote-name{
color:#000;
font-size:120%;
  margin-left: -4px;
}
.profiles .quote-title{
color:#000;
font-size:120%;
text-transform:none;
}

/* 
.profiles blockquote footer:after {
	display: inline-block;
	margin: 0;
	content: url("../img/sig01.png");
	position:relative;
	left:10px;
	bottom:-20px;
}
 */
 
.profiles .sig01{
	margin-top: -190px;
	margin-left: 200px;
}

/* .pullout blockquote */

.profiles .pullout blockquote p{color:#000;}

.profiles .pullout blockquote:before  {
display: inline-block;
margin: 0;
height: 4px;
content: " ";
background-color: #1d87c3;
width: 60px;
position: relative;
left: 0px;
bottom: 0px;
}
.profiles .pullout blockquote:after  {
/* 
display: inline-block;
margin: 0;
height: 4px;
content: " ";
background-color: #1d87c3;
width: 60px;
position: relative;
left: 0px;
bottom: 0px;
 */
   display: block;
  margin: 0;
  height: 4px;
  content: " ";
  background-color: #1d87c3;
  width: 60px;
  position: relative;
  left: 0px;
  bottom: -20px;
}
.profiles .bigfact.pullout h3 {
font-size: 58px;
text-indent: -6px;
}
.profiles .bigfact.pullout h3 span:before {
content: "{";
font-size: 60px;
position: relative;
top: 0px;
color: #333;
padding: 0 5px;
}
.profiles .bigfact.pullout h3 span:after {
content: "}";
font-size: 60px;
position: relative;
top: 0px;
color: #333;
padding: 0 5px;
}
.bigfact.qa:after {
display: none;
}



.tweet-embed{margin-top:30px;}

.soc-wrap{margin-top:380px;}
.soc-stats:before  {
display: inline-block;
margin: 0;
height: 4px;
content: " ";
background-color: #1d87c3;
width: 60px;
position: relative;
left:0px;
bottom: 0px;
}


.row.qa{
margin-top:50px;
margin-bottom:50px;
}
.row.profiles.qa p{
color:#fff;
}
.row.profiles.qa .quote-name,
.row.profiles.qa .quote-title,
.row.profiles.qa :before,
.row.profiles.qa :after {
  color: #fff;
}


.sharrre .box{
  float:left;
}
.sharrre .count {
  color:#444444;
  display:block;
  font-size:17px;
  line-height:34px;
  height:34px;
  padding:4px 0;
  position:relative;
  text-align:center;
  text-decoration:none;
  width:50px;
  background-color:#eee;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px; 
}
.sharrre .share {
  color:#FFFFFF;
  display:block;
  font-size:11px;
  height:16px;
  line-height:16px;
  margin-top:3px;
  padding:0;
  text-align:center;
  text-decoration:none;
  width:50px;
  background-color:#9CCE39;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px; 
}
.sharrre .buttons {
  display:none;
  position:absolute;
  margin-left:50px;
  z-index:10;
  background-color:#fff;
}
.sharrre .button {
  float:left;
  max-width:50px;
  margin-left:10px;
}




/* btn 
-------------------------------------------*/

.profiles .btn {
 	text-shadow: none;
	border-radius: 0;
	border: solid 1px #0f1e32;
	background-image: none;
	text-transform: uppercase;
	color: #0f1e32;
	font-family: 'locatorblack';
	letter-spacing: .2em;
	margin-top:30px;
}
.btn:hover, .btn:focus {
	background-color: #fafafa;
	background-position: 0 -15px;
}

#myCarousel .carousel-caption .btn {
	text-shadow: none;
	border-radius: 0;
	border: solid 2px #e85436;
	background-image: none;
	background-color:#06172c;
	text-transform: uppercase;
	color:#fff;
	margin-top:30px;
}
.btn.inverted {
	text-shadow: none;
	border-radius: 0;
	border: solid 1px #fff;
	background-image: none;
	background-color:transparent;
	text-transform: uppercase;
	color:#fff;
	font-family: 'locatorblack';
	letter-spacing: .2em;
	margin-top:30px;
}
.accordian-body .btn.inverted {	
float: left!important;
margin-right: 10px!important;
margin-bottom: 10px!important;
margin-top: 10px;
}
.accordian-body p{
  font-size: 80%!important;
  margin-top: 10px;
  }


table .btn{
/* 
	text-shadow: none!important;
	box-shadow:none!important;
	border-radius: 0!important;
	border: none!important;
	background-image: none!important;
	background-color:transparent!important;
	margin-top:30px;
 */
	text-shadow: none;
	border-radius: 0;
	border: solid 1px #0f1e32;
	background-image: none;
	text-transform: uppercase;
	color: #0f1e32;
	font-family: 'locatorblack';
	letter-spacing: .2em;
	margin-top:30px;
}

.findings .btn, .read-blog .btn {
	text-shadow: none;
	border-radius: 0;
	border: solid 1px #0f1e32;
	background-image: none;
	text-transform: uppercase;
	color: #0f1e32;
	font-family: 'locatorblack';
	letter-spacing: .2em;
	margin-top:30px;
}

/* .index table button{float: right; margin-right:20px;} */

/* accordion / table
-------------------------------------------*/
/* .row-border{border-bottom:solid 1px red;} */





table.dataTable tbody tr.accordion-toggle.even td{color:#fff; background-color:#0c233f!important;}
table.dataTable tbody tr.accordion-toggle.odd td{color:#fff; background-color:rgba(24,45,70,1)!important;}
table.dataTable tbody tr.even td{background-color:rgba(243,245,246,1)!important;}

table.dataTable.hover tbody tr:hover, 
table.dataTable.hover tbody tr.odd:hover, 
table.dataTable.hover tbody tr.even:hover {
background-color: #f0f0f0!important;
}


/* table.dataTable tbody tr.even td{background-color:rgba(243,245,246,1)!important;} */

/* .index .accordian-body > div{color:#fff;} */
.index .panel{
	box-shadow: none;
	background-color: transparent;
	border: none;
	border-radius: 0px;
	/*position: relative;
	bottom: -20px!important;
	left: 15px;*/
}

.index .panel-body{padding:0; /* width:80%; */}

.index table .accordian-body{margin:0px;}

.index table {background-color:#0c233f; margin-bottom:0;}




.index table thead tr th{
	text-transform: uppercase;
	color: #fff;
	border: none!important;
	/* padding:10px 5px; */
}
.index table tbody tr td{
	/* border: none!important; */
	/* padding:10px 5px; */
}




/* 
.index table thead tr th:nth-child(1){width:5%;}
.index table tbody tr td:nth-child(1){width:5%;}
 */


/* .index table.table-hover tr:hover td{background-color: #162c47;} */
/* 
.index table.table-striped tbody tr:nth-child(odd) td {background-color: #f3f4f5; color:#666;}
.index table.table-striped tbody tr:nth-child(even) td {background-color: #e6e6e6; color:#666;}
 */

/* .index table.table-striped tbody tr.accordion-toggle td{border-right:solid 1px pink;} */

/* 
.index table.table-striped tbody tr.accordion-toggle:nth-child(odd) td {
	background-color: #122138;
	color:#fff;
}
 */

/* 
.index table.table-striped tbody tr td.hiddenRow{
	background-color:#0c233f;
	padding:0;
}
 */

.index table thead tr th:nth-child(1), 
.index table tbody tr td:nth-child(1){
	/* text-align:left; */
	/* padding:10px 15px 10px 15px; */
}

.index table thead tr th:nth-child(4), 
.index table tbody tr td:nth-child(4){
	/* text-align:right; */
	/* padding:10px 15px 10px 15px; */
}

.index table tbody tr.accordion-toggle td:nth-child(2){
	background-image: url("../img/mag.png");
	background-repeat: no-repeat;
	background-position: 90% 10px;
}

.index table tbody tr.accordion-toggle td:nth-child(2).notnow{
background-image: none!important;
}


.index table.table-striped thead tr.accordion-toggle th:nth-child(2),
.index table.table-striped tbody tr.accordion-toggle td:nth-child(2){
	/* padding-right:20px; */
}

table.dataTable thead th small{font-family: 'locator'; font-weight:normal!important;}



/* 
div.dataTables_info,
div.dataTables_length label,
div.dataTables_filter label{color:#fff;}
 */
table.dataTable.cell-border tbody th, 
table.dataTable.cell-border tbody td{border-top: none!important;}

table.dataTable.cell-border tbody th{border-right:none!important;}

table.dataTable.cell-border tbody td{border-right: 1px solid rgba(255,255,255,1)!important;}
table.dataTable.cell-border tbody tr.accordion-toggle td{border-right: 1px solid rgba(38,58,82,1)!important;}

table.dataTable tbody tr.accordion-toggle td{font-size:130%;}

table.dataTable tbody tr.accordion-toggle td:nth-child(4):before,
table.dataTable tbody tr.accordion-toggle td:nth-child(5):before,
table.dataTable tbody tr.accordion-toggle td:nth-child(6):before{
	content: "{";
	/* font-size: 80px; */
	position: relative;
	top: 0px;
	color: #fff;
	padding: 0 5px;
}
table.dataTable tbody tr.accordion-toggle td:nth-child(4):after,
table.dataTable tbody tr.accordion-toggle td:nth-child(5):after,
table.dataTable tbody tr.accordion-toggle td:nth-child(6):after{
	content: "}";
	/* font-size: 80px; */
	position: relative;
	top: 0px;
	color: #fff;
	padding: 0 5px;
}
table.dataTable tbody tr td:nth-child(4){color:purple;}
table.dataTable tbody tr td:nth-child(5){color:green;}
table.dataTable tbody tr td:nth-child(6){color:red;}

table.dataTable tbody tr td:nth-child(4):before{
	content: "{";
	/* font-size: 80px; */
	position: relative;
	top: 0px;
	color: purple;
	padding: 0 5px;
}
table.dataTable tbody tr td:nth-child(5):before{
	content: "{";
	/* font-size: 80px; */
	position: relative;
	top: 0px;
	color: green;
	padding: 0 5px;
}
table.dataTable tbody tr td:nth-child(6):before{
	content: "{";
	/* font-size: 80px; */
	position: relative;
	top: 0px;
	color: red;
	padding: 0 5px;
}

table.dataTable tbody tr td:nth-child(4):after{
	content: "}";
	/* font-size: 80px; */
	position: relative;
	top: 0px;
	color: purple;
	padding: 0 5px;
}

table.dataTable tbody tr td:nth-child(5):after{
	content: "}";
	/* font-size: 80px; */
	position: relative;
	top: 0px;
	color: green;
	padding: 0 5px;
}

table.dataTable tbody tr td:nth-child(6):after{
	content: "}";
	/* font-size: 80px; */
	position: relative;
	top: 0px;
	color: red;
	padding: 0 5px;
}

table.dataTable.no-footer {
border-bottom: none!important;
}




table.dataTable.cell-border tbody tr td:first-child {
border-left: none!important;
text-align:center!important;
}
table.dataTable thead th, table.dataTable thead td {
padding: 10px 10px!important;
border-bottom: none!important;
}
table.dataTable thead tr th{padding-bottom:20px!important;}

 
#index-table-main_wrapper .form-control {
display: block;
margin-left:0;
color: #ccc;
background-color: transparent!important;
background-image: none!important;
border: 1px solid #fff!important;
border-radius: 0!important;
box-shadow: none!important;
}
.dataTables_wrapper .dataTables_length, 
.dataTables_wrapper .dataTables_filter, 
.dataTables_wrapper .dataTables_info, 
.dataTables_wrapper .dataTables_processing, 
.dataTables_wrapper .dataTables_paginate,
.dataTables_wrapper .dataTables_paginate .paginate_button,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, 
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, 
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active
{color:#ccc!important;}
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate{color:#ccc!important; margin-top:10px;}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled /* .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active */ {
cursor: default;
color: #666 !important;
border: 1px solid #666!important;
background: transparent;
box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current{background:none!important;}

/* 
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, 
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, 
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
cursor: default;
color: #fff !important;
border: 1px solid transparent;
background: transparent;
box-shadow: none;
}
 */


.dataTables_wrapper .dataTables_filter input {
margin-left: 0.5em;
margin-bottom: 10px;
background-color:transparent!important;
border:solid 1px #ccc!important;
text-indent:3px;
width: 200px;
  height: 35px;
}
.dataTables_wrapper label{font-weight:normal;}
 .dataTables_wrapper .dataTables_paginate .paginate_button,
 .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
box-sizing: border-box;
display: inline-block;
min-width: 1.5em;
padding: 0.5em 1em;
margin-left: 2px;
text-align: center;
text-decoration: none !important;
cursor: pointer;
color: #ccc!important;
border: 1px solid white!important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
color: white!important;
background-color: #ccc!important;
/* background:none!important; */
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current{
color: #ccc!important;
background-color: #f0f0f0!important;
/* background:none!important; */
}

/* 
.list-group{width:100%;}
.list-group-item {
float: left;
position: relative;
display: block;
padding: 10px 15px;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid #ddd;
}
.panel-footer {
padding: 10px 15px;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
clear:both;
}
 */
 
 
/*  brand-profile social */

ul.brand-profile{list-style-type:none;padding-left: 15px; margin-top: 30px;}
/* ul.brand-profile li{display:inline;} */
ul.brand-profile li a{display: block; padding-right:10px;}
/* ul.brand-profile li a{text-indent:-9999px;} */


ul.brand-profile li.social-twitter {
  background: url("../img/icons/social-bird.png") no-repeat scroll center center transparent;
  display: inline-block;
  margin:0 6px 0 0;
  height:25px;
  width:25px;
}
ul.brand-profile li.social-instagram {
  background: url("../img/icons/social-instagram.png") no-repeat scroll center center transparent;
  display: inline-block;
  margin:0 6px 0 0;
  height:25px;
  width:25px;
}
ul.brand-profile li.social-facebook {
  background: url("../img/icons/social-facebook.png") no-repeat scroll center center transparent;
  display: inline-block;
  margin:0 6px 0 0;
  height:25px;
  width:25px;
}
ul.brand-profile li.social-youtube {
  background: url("../img/icons/social-youtube.png") no-repeat scroll center center transparent;
  display: inline-block;
  margin:0 6px 0 0;
  height:25px;
  width:25px;
}
ul.brand-profile li.social-linkedin {
  background: url("../img/icons/social-linkedin.png") no-repeat scroll center center transparent;
  display: inline-block;
  margin:0 6px 0 0;
  height:25px;
  width:25px;
}

.brand-intro-margin{margin-top:45px;}
 


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {

.navbar-inverse .navbar-nav a{padding-left:20px;}


* .row{
	margin-bottom:50px;
}


	/* mobile padding reduction */
/* 
	.padding-0 {
	   padding: 0 !important;
	   margin: 0 !important;
	}
 */
 	.padding-zer {
	   padding: 0 !important;
	   margin: 0 !important;
	}


	#myCarousel2 .carousel-inner .item img {
		top: 25px;
		left: 0px;
	}
	
	#myCarousel2{height:1350px;}
	.item h3{
		width:100%;
	}
	
	#myCarousel2 .carousel-caption {
/* 	width:85%; */
	/* margin:0 auto; */
	position: relative;
	top: 0px;
	}
/* 
	#myCarousel2 .carousel-control{
	left: -25px;
	}
 */
	
.index table thead tr th:nth-child(2){width:57%!important;}
.index table tbody tr td:nth-child(2){width:57%!important;}
.index-main .index{margin-top:0px;margin-bottom:0!important;}
.dataTables_wrapper .dataTables_filter{text-align: left!important;}
.dataTables_wrapper .dataTables_length{text-align: left!important;}

.score .line-after{
	margin-top:0px;
	margin-bottom:0px;
}

.item h3,
.row.read-blog h2 {
font-size: 44px;
}
.row.hero{margin-top: 50px;}
.hero-under{margin-top:10px;}

.mobile-50 {
   margin-bottom:50px;
}

.dataTables_wrapper .dataTables_filter input {
  color: #666;
}

.intro-hero h1{
color:#fff!important;
font-size:54px!important;
}

.profiles .noblock{margin-top:0px;}
	
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

.navbar-inverse .navbar-nav a{padding-left:20px;}

#myCarousel .engagement .carousel-caption,
#myCarousel .reach .carousel-caption,
#myCarousel .success .carousel-caption{
position: relative;
top: -60px;
}

* .row{
	margin-bottom:50px;
}


/* 
	.padding-0 {
	   padding: 0 !important;
	   margin: 0 !important;
	}
 */
	.item h3{
		width:90%;
	}
	
	#myCarousel2{height:1290px;}
	
	#myCarousel2 .carousel-inner .item img {
		top: 25px;
		left: 0px;
	}

	#myCarousel2 .carousel-caption {
/* 
	width:85%;
	margin:0 auto;
 */
	position: relative;
	top: 0px;
	}
/* 
	#myCarousel2 .carousel-control{
	left: -25px;
	}
 */
	
.index-main .index{margin-top:0px;margin-bottom:0!important;}
.dataTables_wrapper .dataTables_filter{text-align: left;}
.dataTables_wrapper .dataTables_length{text-align: left;}

.profiles .pullout blockquote p{font-size:130%;}
.profiles .pullout.large blockquote p{font-size:130%;}

.profiles .noblock{margin-top:80px;}
.profiles .noblock.x2{margin-top:20px;}

.item h3,
.row.read-blog h2 {
font-size: 44px;
}
.row.hero{margin-top: 75px;}
.hero-under{margin-top:10px;}

.mobile-50 {
   margin-bottom:50px;
}

.dataTables_wrapper .dataTables_filter input {
  color: #666;
}

.dataTables_wrapper {
margin-top: 20px;
margin-bottom: 100px;
}

.intro-hero h1{
color:#fff!important;
font-size:60px!important;
}

.profiles .noblock{margin-top:80px;}

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

.navbar-inverse .navbar-nav a{padding-left:0px;}

#myCarousel .engagement .carousel-caption,
#myCarousel .reach .carousel-caption,
#myCarousel .success .carousel-caption{
position: relative;
top: -60px;
}

/* 
	.padding-0 {
	   padding: 0 !important;
	   margin: 0 !important;
	}
 */
	.item h3{
		width:90%;
	}
	
	#myCarousel2{height:1190pxpx;}
	
	#myCarousel2 .carousel-inner .item img {
		top: 25px;
		left: 0px;
	}
	
	#myCarousel2 .carousel-caption {
	width:85%;
	margin:0 auto;
	position: relative;
	top:0px;
	}
/* 
	#myCarousel2 .carousel-control{
	left: -25px;
	}
 */


.index-main .index{margin-top:-100px;margin-bottom:0!important;}
.dataTables_wrapper .dataTables_filter{text-align: center;}
.dataTables_wrapper .dataTables_length{text-align: center;}

.navbar-nav{margin: 0 0 0 0;}

.dataTables_wrapper .dataTables_filter input {
  color: #666;
}

.index table thead tr th:nth-child(2){width:40%!important;}
.index table tbody tr td:nth-child(2){width:40%!important;}

.dataTables_wrapper {
margin-top: 20px;
margin-bottom: 100px;
}

.profiles .noblock{margin-top:80px;}

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

.navbar-inverse .navbar-nav a{padding-left:0px;}

#myCarousel .engagement .carousel-caption,
#myCarousel .reach .carousel-caption,
#myCarousel .success .carousel-caption{
position: relative;
top: -60px;
}

/* 
	.padding-0 {
	   padding: 0 15px !important;
	   margin: 0 !important;
	}
 */
	.item h3{
		width:90%;
	}
		#myCarousel2{height:950px;}
	#myCarousel2 .carousel-inner .item img {
	top: 200px;
	left: -75px;
	}
	
	#myCarousel2 .carousel-caption {
	position: relative;
	top: -250px;
	}

.index-main .index{margin-top:-100px;margin-bottom:0!important;}
.dataTables_wrapper .dataTables_filter{text-align: center;}
.dataTables_wrapper .dataTables_length{text-align: center;}

.navbar-nav{margin: 0 0 0 286px;}

.dataTables_wrapper .dataTables_filter input {
  color: #ccc;
}

.dataTables_wrapper {
margin-top: 20px;
margin-bottom: 100px;
}

.index table thead tr th:nth-child(2){width:36%!important;}
.index table tbody tr td:nth-child(2){width:36%!important;}

.index table thead tr th:nth-child(1){width:10%!important;}
.index table tbody tr td:nth-child(1){width:10%!important;}

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

#myCarousel .engagement .carousel-caption,
#myCarousel .reach .carousel-caption,
#myCarousel .success .carousel-caption{
position: relative;
top: -130px;
}

* .row{
	margin-bottom:100px;

}


	.padding-0 {
	   padding: 0 0 !important;
	   margin: 0 !important;
	}

	.item h3{
	width:90%;
	}
	
	
	#myCarousel2{height:850px;}
	#myCarousel2 .carousel-inner .item img {
	top: 200px;
	left: -75px;
	}
	
	#myCarousel2 .carousel-caption {
	position: relative;
	top: -250px;
	}
	
.index table thead tr th:nth-child(2){width:36%!important;}
.index table tbody tr td:nth-child(2){width:36%!important;}
.index-main .index{margin-top:0px;margin-bottom:0!important;}
.dataTables_wrapper .dataTables_filter{text-align: center;}
.dataTables_wrapper .dataTables_length{text-align: center;}

.profiles .pullout blockquote p{font-size:130%;}
.profiles .pullout.large blockquote p{font-size:170%;}

.profiles .noblock{margin-top:80px;margin-bottom: 150px;
}
.profiles .noblock.x2{margin-top:140px;}


.score .line-after{
	margin-top:78px;
	margin-bottom:30px;
}

.navbar-nav{margin: 0 0 0 396px;}


.item h3,
.row.read-blog h2 {
font-size: 55px;
}


/* .row.hero{margin-top: 125px; margin-bottom: 0px;} */
.row.hero{
  margin-top: 50px;
  /* margin-bottom: 50px; */
  min-height: 400px;
  }
/* .hero-under{margin-top:100px;} */
.hero-under{margin-top:0px;}

.mobile-50 {
   margin-bottom:0px;
}

.dataTables_wrapper .dataTables_filter input {
  color: #ccc;
}

.dataTables_wrapper {
margin-top: -140px;
margin-bottom: 100px;
}
.intro-hero h1{
color:#fff;
font-size:85px!important;
}
	
}

/* 
end
 */

.no-gutter [class*="-1"] {
	padding-left:0;
    padding-right:0;
}
.no-gutter [class*="-2"] {
	padding-left:0;
    padding-right:0;
}
.no-gutter [class*="-3"] {
	padding-left:0;
    padding-right:0;
}
.no-gutter [class*="-4"] {
	padding-left:0;
    padding-right:0;
}
.no-gutter [class*="-5"] {
	padding-left:0;
    padding-right:0;
}
.no-gutter [class*="-6"] {
	padding-left:0;
    padding-right:0;
}
.no-gutter [class*="-7"] {
	padding-left:0;
    padding-right:0;
}
.no-gutter [class*="-8"] {
	padding-left:0;
    padding-right:0;
}
.no-gutter [class*="-9"] {
	padding-left:0;
    padding-right:0;
}
.no-gutter [class*="-10"] {
	padding-left:0;
    padding-right:0;
}
.no-gutter [class*="-11"] {
	padding-left:0;
    padding-right:0;
}
.no-gutter [class*="-12"] {
	padding-left:0;
    padding-right:0;
}


#myCarousel, #myCarousel2{z-index:1;} /* fix for safari carousel 'font-flash' issue */



/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
.watch-video{margin-top:0px; margin-left:0px;}
.mess-new{
  margin-bottom: 20px;
  display: inline-block;
  margin-left: 0px;
  }
table.dataTable thead tr th{font-size:80%;}
table.dataTable tbody tr.accordion-toggle td{font-size:110%;}
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
.watch-video{margin-top:0px; margin-left:0px;}
.mess-new{
  margin-bottom: 20px;
  display: inline-block;
  margin-left: 0px;
  }
table.dataTable thead tr th{font-size:85%;}
table.dataTable tbody tr.accordion-toggle td{font-size:105%;}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
.watch-video{margin-top:320px; margin-left:0px;}
.mess-new{
  margin-bottom: 20px;
  display: inline-block;
  margin-left: 25px;
  }
table.dataTable thead tr th{font-size:100%;}
table.dataTable tbody tr.accordion-toggle td{font-size:110%;}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
.watch-video{margin-top:275px; margin-left:0px;}
.mess-new{
  margin-bottom: 20px;
  display: inline-block;
  margin-left: 25px;
  }
table.dataTable thead tr th{font-size:100%;}
table.dataTable tbody tr.accordion-toggle td{font-size:120%;}
.mess-new h2.first{font-size:30px;}
.mess-new h2{font-size:24px;}
}

/* tweaks to youtube modal */
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform 0.3s ease-out;
     -moz-transition: -moz-transform 0.3s ease-out;
       -o-transition: -o-transform 0.3s ease-out;
          transition: transform 0.3s ease-out;
}

.modal.in .modal-dialog {
}

.modal-header {
  border-bottom: none;
}
.modal-open{padding-right: 0 !important;}