body {
background: -moz-radial-gradient(center bottom, ellipse cover,  rgba(238,238,238,0) 0%, rgba(118,120,141,0.05) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center bottom, 0px, center bottom, 100%, color-stop(0%,rgba(238,238,238,0)), color-stop(100%,rgba(118,120,141,0.05))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center bottom, ellipse cover,  rgba(238,238,238,0) 0%,rgba(118,120,141,0.05) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center bottom, ellipse cover,  rgba(238,238,238,0) 0%,rgba(118,120,141,0.05) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center bottom, ellipse cover,  rgba(238,238,238,0) 0%,rgba(118,120,141,0.05) 100%); /* IE10+ */
background: radial-gradient(ellipse at center bottom,  rgba(238,238,238,0) 0%,rgba(118,120,141,0.05) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00eeeeee', endColorstr='#0d76788d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

background-attachment: fixed;
}

* {font-family: "Lato", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Mod & Utility classes
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.textcenter {
text-align: center;
}

.hide-mob {
display: none;
}

.show-mob {
display: block;
}

.show-desk {
display: none;
}

.right {
float: right!important;
}

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

.staysmall {
width: auto!important;
height: auto!important;
}

/* MOBILE ONLY / Utilities  */
@media (max-width: 549px) {

.container .row .columns.splitmobile {
width: 48%;
}
/*may not be used anymore...*/

} /* END OF MOB ONLY QUERY */


/* TABLET / Utilities  */
@media (min-width: 550px) {

.hide-mob {
display: block;
}

.show-mob {
display: none;
}

} /* END OF TABLET QUERY */


/* DESKTOP / Utilities   */
@media (min-width: 1025px) {

.show-desk {
display: block;
}

} /* END OF DESKTOP QUERY */



/* JUST TO SHOW THE MAX WIDTH */

#widthmessage {
display: block;
position: fixed;
bottom: 0;
right: 0;
background-color: #f00;
}
@media (min-width: 550px) {
#widthmessage:before {
content: "tab";
}
}
@media (min-width: 1025px) {
#widthmessage:before {
content: "desk";
}
}
@media (min-width: 1459px) {
#widthmessage:before {
content: "max";
}
}







/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */

h1 {
font-size: 3rem;
}

h2 {
font-size: 2.8rem;
}

h3 {
font-size: 2.2rem;
}

/* p + h3, h3 + p {
margin-top: 60px;
} */

.content h2 {
margin-top: 60px;
}

.feature-row img {
margin-bottom: 0px!important;
}

.homecontent h2:first-of-type {
margin-top: 30px;
}

.feature-row h2 {
margin-top: 0px!important;
}

article {
border-bottom: 1px solid #eee;
margin-bottom: 30px;
}

ol, ul {
padding-left: 20px;
list-style-position: outside;
}

.pulloutfull {
padding: 0px 0px 0px 30px;
border-left: 5px solid #2b348e;
margin: 60px 0px;
}

ul div.pulloutfull {
margin-left: -20px;
}

.pulloutfull h3 + p {
margin-top: 0px!important;
}

.pulloutfull img {
margin-top: 30px;
border-radius: 5px;
width: 100%;
height: auto;
margin-bottom: 0px;
}

.pulloutfull.smallimg img {
width: auto;
display: inline-block;
float: left;
margin: 0px 30px 5px 0px;
}

h3 a {
text-decoration: none;
}

/* TABLET / Utilities  */
@media (min-width: 550px) {

.content h1 {
margin-top: 45px;
}

} /* END OF TABLET QUERY */


/* DESKTOP / Utilities   */
@media (min-width: 1025px) {

.content h1 {
margin-top: 60px;
font-size: 4rem;
}

} /* END OF DESKTOP QUERY */












/* Mobile / NAVIGATION
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.navigation {
min-height: 54px;
padding: 0px 10px;
background: rgba(255,255,255,0.5);
border-bottom: 1px solid #eee;
margin-bottom: 30px;
font-size: 1.4rem;
}

.navigation a {
float: left;
}

.burgermenu {
z-index: 9999;
font-size: 30px;
margin-right: 15px;
margin: 11px 0;
}

.navigation .emblem img {
height: 34px;
margin: 10px 0;
}
.navigation .logo img {
height: 36px;
margin: 10px 0 0 5px;
}

.navlink {
text-transform: uppercase;
line-height: 54px;
text-decoration: none;
color: #999;
padding: 0px 15px;
}

.navlink:hover {
background-color: #2e308e;
color: #fff;
}

.navlinks {
width: calc(100% - 175px);
}

.nav-course {
border-left: 1px solid #eee;
border-right: 1px solid #eee;
height: 54px;
float: left;
background: rgb(249,249,249); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(249,249,249,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,249,249,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(249,249,249,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(249,249,249,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(249,249,249,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(249,249,249,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}

.nav-course:hover {
background: #2e308e;
}

.nav-course:hover a.navlink{
color: #fff;
}

.button.login {
background: #fff;
margin: 10px 10px 10px 0px;
height: 34px;
width: 72px;
padding: 0px 10px;
line-height: 34px;
color: #999;
float: right;
}

.button.login:hover {
color: #2e308e;
}

#searchformtoggle {
background: #fff;
margin-right: 12px;
margin: 10px 0px;
float: right;
}

#searchformtoggle .glyphicons {
color: #999;
font-size: 30px;
top: 2px;
}

#searchform {
display: none; 
text-align: right;
padding: 10px 10px 10px 10px;
position: absolute;
width: calc(100% - 50px);
top: 0;
right: 0;
}

#searchform.search-open {
display: block;
}

.form-control {
  display: inline-block;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  vertical-align:top;
}

#searchform  .textinput {
height: 34px;
padding:  0px 10px;
line-height: 37px;
width: calc(100% - 50px);
border-radius: 4px 0px 0px 4px;
}

#searchform  .searchbutton {
width: 39px;
height: 34px;
line-height: 34px;
padding: 0px 5px;
font-size: 20px;
background: #2e308e;
border: none;
border-radius: 0px 4px 4px 0px;
margin-left: -5px;
}

#searchform .searchbutton:hover {
background: #2e308e;
}

#searchform .searchbutton .glyphicons {
top: 7px;
color: #fff;
}

input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"],
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #999;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #999;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #999;
}


.nav-dropdown {
display: none;
margin: 0px -10px 10px -10px;
background: #fff;
-webkit-box-shadow: 0px 0px 45px 0px rgba(0,0,0,0.22);
-moz-box-shadow: 0px 0px 45px 0px rgba(0,0,0,0.22);
box-shadow: 0px 0px 45px 0px rgba(0,0,0,0.22);
}

.nav-dropdown a {
display: block;
width: 100%;
height: 44px;
color: #2e308e;
text-transform: uppercase;
text-decoration: none;
border-bottom: 1px solid #eee;
line-height: 44px;
padding: 5px 10px;
}

.nav-dropdown a:first-of-type {
border-top: 1px solid #eee;
}

#cancel-search {
display: none;
position: absolute;
right: 60px;
top: 14px;
color: #ccc;
font-size: 24px;
}


.text {
display: none;
}

.nav-course {
display: none;
}

.burgermenu {
display: block;
}

.emblem {
display: none;
}


/* SMALL TABLET / Navigation  */
@media (min-width: 550px) {

.nav-course {
display: block;
}

.navlink.nav-resources {
display: none;
}

#searchformtoggle {
display: none;
}

#searchform {
display: block; 
text-align: right;
padding: 10px 10px 10px 10px;
position: absolute;
width: calc(100% - 380px);
top: 0;
right: 0;
}

#searchform.search-open {
display: block;
width: calc(100% - 200px);
}

} /* END OF SMALL QUERY */


/* OTHER INBETWEEN SIZES / Navigation  */
@media (min-width: 760px) {

.text {
display: block;
}

.burgermenu {
display: none;
}

.emblem {
display: block;
}

#searchform {
width: calc(100% - 620px);
}

#searchform.search-open {
width: calc(100% - 190px);
}

.navlink.nav-resources {
display: none;
}


} /* END OF TABLET QUERY */


/* DESKTOP / Navigation   */
@media (min-width: 1025px) {


#searchform {
display: block;
}

#searchform {
width: calc(100% - 725px);
}

#searchform.search-open {
width: calc(100% - 725px);
}

#searchform  .textinput {
width: calc(100% - 50px);
}

.navlink.nav-resources {
display: block;
}


} /* END OF DESKTOP QUERY */
















/* Mobile / HOMEPAGE HEADER
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.headerhome img {
max-width: 100%;
}

.headerhome .emblem {
width: 100px;
}

.headerhome h1 {
font-size: 2rem;
}

/* MOBILE LANDSCAPE / HOMEPAGE HEADER  */
@media (orientation : landscape) {

.headerhome .emblem {
display: inline-block;
width: 60px;
vertical-align: middle;
}

.headerhome .logo {
display: inline-block;
max-width: 290px;
vertical-align: middle;
}

.headerhome h1 {
font-size: 2.5rem;
}

} /* END OF MOBILE LANDSCAPE QUERY */


/* TABLET / HOMEPAGE HEADER  */
@media (min-width: 550px) {

.headerhome h1 {
font-size: 3.5rem;
margin-bottom: 60px;
}

.headerhome .logo {
display: inline-block;
max-width: 100%;
}

.headerhome .emblem {
display: inline-block;
width: 120px;
margin-bottom: 30px;
}

} /* END OF TABLET QUERY */

/* TABLET PORTRAIT / HOMEPAGE HEADER  */
@media (min-width: 550px)
and (orientation : portrait) {

.headerhome .emblem {
margin-bottom: 0px;
}

} /* END OF TABLET QUERY */


/* DESKTOP / HOMEPAGE HEADER   */
@media (min-width: 1025px) {

.headerhome .emblem {
display: inline-block;
}

.headerhome h1 {
font-size: 4.5rem;
margin-bottom: 20px;
}

} /* END OF DESKTOP QUERY */






/* HOME PAGE UNIQUE SECTION / .home
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.home .row {
margin-bottom: 0px;
}

.box {
border-radius: 5px;
border: 1px solid rgba(0,0,0,0.1);
padding: 10px;
margin-bottom: 3vw;
float: left;
}

#dynamicboxes .fasttrack {
height: 100px;
}

.fasttrack {
background: -moz-linear-gradient(-45deg,  rgba(255,255,255,0) 0%, rgba(244,244,244,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(244,244,244,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(244,244,244,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(244,244,244,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(244,244,244,1) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(255,255,255,0) 0%,rgba(244,244,244,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f4f4f4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


#dynamicboxes .fasttrack  a {
display: inline-block;
background: #FFA726;
border: none;
width: 48%;
padding: 0px 10px;
}

#dynamicboxes .fasttrack  a:hover {
background: #FF9800;
cursor: pointer;
}

.fasttrack h2 {
margin-bottom: 15px;
font-size: 1.8rem;
}

@media (min-width: 400px) {
.fasttrack h2 {
font-size: 2rem;
}
}

.fasttrack .glyphs {
width: 48%;
float: left;
font-size: 28px;
color: #eee;
padding-top: 6px;
}

.fasttrack .glyphs span:first-of-type {
margin-right: 5px;
}

#dynamicboxes .whatbox, #dynamicboxes .howbox  {
background: #2e308e url("../img/questionmark.png") no-repeat right; 
background-size: 160px;
color: #fff;
border: none;

}

#dynamicboxes .whatbox  {
background: #2a7baf url("../img/questionmark.png") no-repeat right; 
background-size: 160px;
}

#dynamicboxes .whatbox:hover, #dynamicboxes .howbox:hover  {
background: rgba(43,52,142,0.8) url("../img/questionmark.png") no-repeat right;
background-size: 160px;
cursor: pointer;
}

#dynamicboxes .whatbox {
height: 160px;
height: 46vw;
position: relative;
}

#dynamicboxes .howbox {
height: 160px;
height: 46vw;
float: right;
position: relative;
}

#dynamicboxes .whatbox h3, #dynamicboxes .howbox h3 {
margin-bottom: 0px;
}

#dynamicboxes .whatbox p, #dynamicboxes .howbox p {
font-weight: 300;
margin-bottom: 20px;
}

#dynamicboxes .whatbox i, #dynamicboxes .howbox i {
text-align: right;
color: #fff;
font-size: 3rem;
bottom: 10px;
padding: 0px 10px;
position: absolute;
top: auto!important;
right: 0px;
}

#dynamicboxes.what-open .whatbox, #dynamicboxes.how-open .howbox{
width: 100%;
background: none;
border: none;
padding: 0px;
}

#dynamicboxes.what-open .howbox, #dynamicboxes.how-open .whatbox  {
width: 26%;
display: none;
}

#dynamicboxes.what-open .howbox h3, #dynamicboxes.how-open .whatbox  h3{
font-size: 2rem;
}

#dynamicboxes.what-open .howbox p, #dynamicboxes.how-open .whatbox  p {
margin-bottom: 10px;
font-size: 1.1rem;
font-size: 3.5vw;
}

#dynamicboxes.what-open .howbox i, #dynamicboxes.how-open .whatbox  i {
text-align: center;
}

#dynamicboxes a{
display: none;
}

#dynamicboxes.what-open .whatbox a, #dynamicboxes.how-open .howbox a{
width: 100%;
background: none;
display: block;
border-radius: 5px;
color: #2b348e;
height: auto;
margin: 0;
padding: 6px 0 13px;
padding: 2vw 0 4vw;
text-indent: 0;
text-decoration: none;
font-size: 1.7rem;
line-height: 1.8rem;
font-size: 5vw;
line-height: 6vw;
}

#dynamicboxes span  {
display: inline-block;
float: left;
color: #2b348e;
margin-right: 10px;
margin-right: 4vw;
font-size: 1.7rem;
line-height: 1.8rem;
font-size: 5vw;
line-height: 6vw;
}

#dynamicboxes.what-open .whatbox a:hover, #dynamicboxes.how-open .howbox a:hover{
background: none;
color: #2b348e;
cursor: pointer;
}

#dynamicboxes.what-open .whatbox a:first-of-type, #dynamicboxes.how-open .howbox a:first-of-type{
margin-top: 0px;
}

#dynamicboxes.what-open .whatbox h3, #dynamicboxes.how-open .howbox h3,
#dynamicboxes.what-open .whatbox p, #dynamicboxes.how-open .howbox p,
#dynamicboxes.what-open .whatbox i, #dynamicboxes.how-open .howbox i{
display: none;
}



#dynamicboxes h3 {
font-size: 3rem;
font-size: 8vw;
}

#dynamicboxes h3 + p {
margin-top: 0px;
font-size: 1.8rem;
font-size: 6vw;
}


#dynamicboxes a.ldft2015 {
background: url("../img/2015-ldft-mob.jpg") top;
background-size: cover;
display: block;
text-decoration: none;
color: #fff;
text-align: center;
border: none;
-webkit-box-shadow: inset 0px 0px 0px 1px rgba(142, 160, 190, 0.24);
-moz-box-shadow:    inset 0px 0px 0px 1px rgba(142, 160, 190, 0.24);
box-shadow:         inset 0px 0px 0px 1px rgba(142, 160, 190, 0.24);
position: relative;
height: 35vw;
z-index: 9999;
}

.b #dynamicboxes a.ldft2015 {
background: url("../img/2015-ldft-mob2.jpg") top;
background-size: cover;
}

#dynamicboxes a.ldft2015  h5 {
font-size: 5vw;
color: #000;
text-align: left;
font-weight: 500;
margin: 25px 0px 0px 10px;
line-height: 20px;
}

#dynamicboxes a.ldft2015  h6 {
font-size: 5vw;
color: #000;
text-align: left;
font-weight: 500;
margin: 0px 0px 0px 20px;
}

#dynamicboxes a.ldft2015  img {
position: absolute;
right: 5px;
bottom: 5px;
width: 40px;
height: auto;
}

.video, .video-large {
padding: 0px;
overflow: hidden;
border:none;
}

#videolargecontainer * {
border-radius: 5px!important;
}

#videolargecontainer {
display: none;
margin: 15px 0px;
border-radius: 5px;
border: 2px #fff solid;
overflow: hidden;
}

.video-container {
position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto;
}

.video-container iframe, .video-container object, .video-container embed {
position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}

.socialproof * {
   width: 100% !important;
}

.socialproof .fsl {
font-size: 9px!important;
font-family: "Lato", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 400;
}

.socialproof iframe {
background-color: #fff!important; 
}

.box.socialproof {
padding: 0px;
border: none;
position: relative;
overflow: hidden;
height: 129px;
background: url("../img/socialbg.jpg") no-repeat left top;
background-size: 460px;
}

.fb-like-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
overflow: hidden;
height: auto;
background: #fff;
z-index: 999;
margin-top: -3px;
}

.whitefade {
position: absolute;
height: 50%!important;
z-index: 999;
bottom: 0;
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}




/* TABLET / HOME PAGE UNIQUE SECTION  */
@media (min-width: 550px) {

#dynamicboxes .fasttrack {
float: right;
margin-left: 4%;
height: calc(160px + 10vw);
max-height: 300px;
position: absolute;
right: 0px;
}

.fasttrack h2 {
font-size: 3vw;
}

.fasttrack .glyphs {
display: none;
}

#dynamicboxes .fasttrack  a {
width: auto;
position: absolute;
bottom: 10px;
right: 20px;
z-index: 999;
}

#dynamicboxes .whatbox {
float: left;
margin-left: 0;
height: 160px;
}

#dynamicboxes .howbox {
margin-left: 4%;
float: right;
margin-right: 34.6666666667%;
height: 160px;
}

#dynamicboxes h3 {
font-size: 4rem;
line-height: 4rem;
font-size: 5vw;
line-height: 5vw;
}

#dynamicboxes h3 + p {
font-size: 2.8rem;
line-height: 3.1rem;
font-size: 4vw;
line-height: 4vw;
}

#dynamicboxes.what-open .whatbox a, #dynamicboxes.how-open .howbox a{
padding: 0 0 15px;
font-size: 2.5rem;
line-height: 2.7rem;
font-size: 3.3vw;
}

#dynamicboxes span  {
margin-right: 10px;
margin-right: 2vw;
font-size: 2.5rem;
line-height: 2.7rem;
font-size: 3.3vw;
}

#dynamicboxes.what-open .whatbox, #dynamicboxes.how-open .howbox{
width: 66%;
}

#dynamicboxes.what-open .howbox, #dynamicboxes.how-open .whatbox  {
display: none;
}

#dynamicboxes a.ldft2015 {
background: url("../img/2015-fpb-tab.jpg") top left;
position: absolute;
height: calc(160px + 10vw);
}

.b #dynamicboxes a.ldft2015 {
background: url("../img/2015-fpb-tab2.jpg") top left;
}

#dynamicboxes a.ldft2015  h5 {
font-size: 4vw;
margin: 100px 0px 0px 0px;
line-height: 4vw;
color: #fff;
}

#dynamicboxes a.ldft2015  h6 {
font-size: 4vw;
line-height: 4vw;
margin: 0px 0px 0px 15px;
color: #fff;
}

#secondrow {
width: 100%;
height: 21.2vw;
max-height: 312px;
overflow: hidden;
}


.video {
height: 100%;
z-index: 9999!important;
position: relative;
}

.video.active {
-webkit-box-shadow: 0px 0px 700px 360px rgba(255,255,255,1);
-moz-box-shadow: 0px 0px 700px 360px rgba(255,255,255,1);
box-shadow: 0px 0px 700px 360px rgba(255,255,255,1);
}

.nexttovideo {
height: 21.2vw;
position: relative;
}


.chat {
width: 19%;
max-width: 132px;
float: left;
height: 4vw;
max-height: 76px;
text-align: center;
position: relative;
margin: 0px 0px 2.5vw;
color: #fff;
background: #1084f5;
border-radius: 4px;
text-decoration: none!important;
}

.chat:after {
content: "";
position: absolute;
bottom: -10px;
left: 20px;
border-width: 10px 10px 0;
border-style: solid;
border-color: #1084f5 transparent;
display: block;
width: 0;
}

.chat:hover {
cursor: pointer;
background: rgb(53,154,255); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(53,154,255,1) 0%, rgba(16,132,245,1) 78%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(53,154,255,1)), color-stop(78%,rgba(16,132,245,1))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(53,154,255,1) 0%,rgba(16,132,245,1) 78%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  rgba(53,154,255,1) 0%,rgba(16,132,245,1) 78%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  rgba(53,154,255,1) 0%,rgba(16,132,245,1) 78%); /* IE10+ */
background: radial-gradient(ellipse at center,  rgba(53,154,255,1) 0%,rgba(16,132,245,1) 78%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#359aff', endColorstr='#1084f5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.box.socialproof {
height: 11.5vw;
}

.socialproof .fsl {
font-size: 11px!important;
}



} /* END OF TABLET QUERY */


/* LARGE TABLET / HOME PAGE UNIQUE SECTION   */
@media (min-width: 760px) {

#dynamicboxes a.ldft2015  h5{
font-size: 2rem;
margin-top: 10vw;
}

.chat {
width: 20%;
height: 4.2vw;
font-size: 2rem;
font-weight: 300;
padding-top: 1.5vw;
}

.box.socialproof {
background-size: 556px;
}


#dynamicboxes a.ldft2015  h5 {
font-size: 3.5vw;
margin: 90px 0px 0px 5px;
line-height: 4vw;
}

#dynamicboxes a.ldft2015  h6 {
font-size: 3.5vw;
line-height: 4vw;
margin: 0px 0px 0px 30px;
}

#dynamicboxes a.ldft2015  img {
position: absolute;
right: 5px;
bottom: 5px;
width: 40px;
height: auto;
}


} /* END OF LARGE TAB QUERY */

/* DESKTOP / HOME PAGE UNIQUE SECTION   */
@media (min-width: 1024px) {

.fasttrack h2 {
font-size: 4rem;
padding: 10px 0px 0px 10px;
}

#dynamicboxes .whatbox h3, #dynamicboxes .howbox h3, #dynamicboxes .whatbox p, #dynamicboxes .howbox p {
padding-left: 10px;
}

#dynamicboxes.how-open .whatbox h3, #dynamicboxes.what-open .howbox h3, #dynamicboxes.how-open .whatbox p, #dynamicboxes.what-open .howbox p {
padding-left: 0px;
}

#dynamicboxes a.ldft2015 {
background: url("../img/2015-fpb-desk.jpg") top left;
background-size: cover;
}

.b #dynamicboxes a.ldft2015 {
background: url("../img/2015-fpb-desk2.jpg") top left;
background-size: cover;
}

#dynamicboxes a.ldft2015  h5 {
font-size: 3vw;
margin: 90px 0px 0px 10px;
line-height: 3.2vw;
max-width: 70%
}

#dynamicboxes a.ldft2015  h6 {
font-size: 3vw;
line-height: 3.2vw;
margin: 0px 0px 0px 52px;
}

#dynamicboxes a.ldft2015  img {
right: 10px;
bottom: 10px;
}


#dynamicboxes h3 {
font-size: 4rem;
line-height: 4rem;
}

#dynamicboxes h3 + p {
font-size: 2.8rem;
line-height: 4rem;
}

#dynamicboxes.what-open .whatbox a, #dynamicboxes.how-open .howbox a{
padding: 0 0 15px;
font-size: 2.5rem;
line-height: 2.7rem;
}

#dynamicboxes span  {
margin-right: 10px;
margin-right: 2vw;
font-size: 2.5rem;
line-height: 2.7rem;
}


#dynamicboxes.what-open .whatbox, #dynamicboxes.how-open .howbox{
width: 47%;
}

#dynamicboxes.what-open .howbox, #dynamicboxes.how-open .whatbox  {
display: inline-block;
width: 13%;
}

#dynamicboxes.what-open .howbox h3, #dynamicboxes.how-open .whatbox h3,
#dynamicboxes.what-open .howbox p, #dynamicboxes.how-open .whatbox p  {
font-size: 2rem;
line-height: 2rem;
display: inline;
}

#dynamicboxes.what-open .howbox p, #dynamicboxes.how-open .whatbox p  {
padding-left: 5px;
}

.chat {
width: 22.66666666%;
height: 68px;
padding-top: 25px;
font-size: 2.5rem;
padding-bottom: 0px;
}

.chat:after {
bottom: -15px;
left: 20px;
border-width: 15px 15px 0;
}

.socialproof .fsl {
font-size: 13px!important;
}



} /* END OF DESKTOP QUERY */

/* MAXWIDTH / HOME PAGE UNIQUE SECTION   */
@media (min-width: 1459px) {

.box {
margin-bottom: 44px;
}

.box.socialproof {
height: 179px;
}


#dynamicboxes a.ldft2015  h5 {
font-size: 32px;
margin: 166px 0px 0px 20px;
line-height: 38px;
max-width: 100%;
}

#dynamicboxes a.ldft2015  h6 {
font-size: 32px;
line-height: 38px;
text-align:right;
margin: 0px 0px 00px 15px;
padding-right: 20px;

}

#dynamicboxes a.ldft2015  img {
width: 50px;
}


#dynamicboxes.what-open .whatbox, #dynamicboxes.how-open .howbox{
width: 37%;
}

#dynamicboxes.what-open .howbox, #dynamicboxes.how-open .whatbox  {
display: inline-block;
width: 23%;
}

#dynamicboxes.what-open .howbox h3, #dynamicboxes.how-open .whatbox h3,
#dynamicboxes.what-open .howbox p, #dynamicboxes.how-open .whatbox p  {
font-size: 3rem;
line-height: 3.5rem;
display: inline;
}


} /* END OF MAXWIDTH QUERY */





/* Featureboxes
–––––––––––––––––––––––––––––––––––––––––––––––––– */

a.feature {
text-decoration: none;
}

.feature .caption {
text-transform: uppercase;
font-weight: 400;
color: #2b348e;
padding: 0px;
font-size: 1.3rem;
line-height: 1.3rem;
display: inline-block;
border-radius: 4px 4px 0px 0px;
}

.feature-container {
background: #fff;
position: relative;
color: #222;
border-radius: 0px 5px 5px 5px;
margin-bottom: 30px;
padding-bottom: 10px;
}

.feature-container  img{
width: 100%;
height: auto;
border-radius: 0px 5px 0px 0px;
margin-bottom: 0px!important;
}

.feature-container  h2 {
font-size: 2.6rem;
margin: 0px;
margin-top: 0px!important;
padding: 10px 0px;
}

.feature-container  p {
margin: 0px;
padding: 0px 0px;
}

.feature-whitefade {
position: absolute;
height: 33%!important;
z-index: 999;
bottom: 0;
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
width: 100%;
border-radius: 5px;
}


/* TABLET / Featureboxes  */
@media (min-width: 550px) {

.feature-row {
margin-top: 2vw;
}

.feature-container {
margin-bottom: 10px;
height: 350px;
overflow: hidden;
}

.feature-container h2{
font-size: 2rem;
}

} /* END OF TABLET QUERY */


/* DESKTOP / Featureboxes   */
@media (min-width: 1025px) {

.feature-container {
height: 450px;
}

.feature-container  h2, .feature-container  p  {
padding-left: 15px;
padding-right: 15px;
}




} /* END OF DESKTOP QUERY */




/* Recommended-foot and footer
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.content .fasttrack  a {
display: inline-block;
background: #FFA726!important;
border: none;
width: 48%;
padding: 0px;
margin-bottom: 0px;
}

.fasttrack  a:hover {
background: #FF9800!important;
cursor: pointer;
}

.content .fasttrack h2 {
margin-top: 10px;
}

.aboutheauthor {
margin-top: 30px;
}

.aboutheauthor img {
margin: 0px 0px 15px 15px;
float: right;
width: 75px;
height: auto;
}

.aboutheauthor h2 {
margin-top: 0px!important;
}

.mailchimp {
margin-bottom: 30px;
}

.mailchimp  img {
margin: 20px 0px 15px 15px;
float: right;
width: 85px;
height: auto;
}

.mailchimp input.email {
width: calc(100% - 20px);
}

.mailchimp .button {
float: right;
}

.sharebox .inline {
display: inline-block;
width: 100px;
float: left;
line-height: 0px;
}

.sharebox {
padding-bottom: 30px;
border-bottom: 1px #eee solid;
margin-bottom: 30px;
}

.footer {
background: #2b348e;
text-align: center;
padding: 40px 0px;
}

.footerlinks {
border-top: 1px solid #fff;
max-width: 600px;
margin: 30px auto;
padding-top: 30px;
}

.footerlinks p {
margin-bottom: 10px;
}

.footer a, .footer {
color: #fff;
text-decoration: none;
}

.footer a:hover {
text-decoration: underline;
color: #fff;
}

.guestauthor div.aboutheauthor {
display: none!important;
}


/* TABLET / Recommended-foot and footer  */
@media (min-width: 550px) {

.content .fasttrack {
padding: 30px;
}

.content .fasttrack  a {
width: 150px;
}

.mailchimp  img, .aboutheauthor img {
margin: 0px 15px 45px 0px ;
float: left;
width: 100px;
height: auto;
}

.mailchimp  h2 {
margin-top: 10px!important;
}

.mailchimp input.email {
width: calc(100% - 150px);
height: 44px;
padding: 0px 10px;
float: left;
}

.mailchimp input.button {
width: 110px;
height: 44px;
float: left;
margin-left: 15px;
padding: 0px;
}

.footer {
padding: 60px 30px;
}

.footerlinks div:first-of-type {
text-align: left;
}

.footerlinks div:last-of-type {
text-align: right;
}



} /* END OF TABLET QUERY */


/* DESKTOP / Recommended-foot and footer  */
@media (min-width: 1025px) {

.mailchimp  img, .aboutheauthor img {
margin: 0px 15px 0px 0px ;
float: left;
width: 100px;
height: auto;
}

.mailchimp input.email {
width: calc(100% - 200px);
}

.mailchimp input.button {
width: 160px;
}

.mailchimp {
margin-top: 30px;
}

.content .mailchimp  img {
margin-bottom: 0px;
}

} /* END OF DESKTOP QUERY */







/* Sidebar
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.sidebox {
border-radius: 5px;
margin-bottom: 30px;
width: 100%;
height: auto;
}

.sidebox a {
display: block;
width: 100%;
padding: 0px;
}

.sidebox a img{
display: block;
width: 100%;
margin: 0px;
}

.sidebox.button {
white-space: normal;
padding: 15px;
line-height: 1.5rem;
}

.no-border-radius {
border-radius: 0px!important;
}

.sidebox img {
width: 100%;
height: auto;
border-radius: 5px;
}

.fb-sidebar {
overflow: hidden;
height: 122px;
background: url("../img/socialbg-sidebar.jpg") no-repeat left top;
position: relative;
}

.fb-sidebar iframe {
background-color: #fff!important; 
}

.twitter {
padding-top: 20px!important;
vertical-align: top;
}

.twitter img {
width: auto;
margin-top: -2px;
}

.twitter-timeline {
margin-bottom: 30px;
}


/* TABLET / Sidebar  */
@media (min-width: 550px) {



} /* END OF TABLET QUERY */


/* DESKTOP / Sidebar   */
@media (min-width: 1025px) {



} /* END OF DESKTOP QUERY */




/* Social bar
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.share-container {
width: 100%;
padding: 0px 0px 15px;
}

.rrssb-buttons {
max-width: calc(100% - 60px);
float: right;
}

.share-container .share-label {
width: 50px;
float: left;
font-weight: 700;
text-transform: uppercase;
color: #ccc;
font-size: 12px;
line-height: 33px;
padding-left: 5px;
}

.rrssb-buttons li a .rrssb-icon {
height: 100%;
left: 0px;
width: 100%;
}

.rrssb-buttons li {
width: 14.25%;
padding: 0 2.5px;
}

.rrssb-icon  {
opacity: 0.7;
}

.rrssb-icon:hover, .rrssb-icon:focus  {
opacity: 1;
}

li.rrssb-stumble {
display: none;
}



/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
	position: relative;
	z-index: 1500;
	cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
	position: absolute;
	bottom: 150%;
	left: 50%;
	margin-bottom: 5px;
	margin-left: -80px;
	padding: 7px;
	width: 160px;
	-webkit-border-radius: 3px;
	-moz-border-radius:    3px;
	border-radius:         3px;
	background-color: #000;
	background-color: hsla(0, 0%, 20%, 0.9);
	color: #fff;
	content: attr(data-tooltip);
	text-align: center;
	font-size: 14px;
	line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
	position: absolute;
	bottom: 150%;
	left: 50%;
	margin-left: -5px;
	width: 0;
	border-top: 5px solid #000;
	border-top: 5px solid hsla(0, 0%, 20%, 0.9);
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	content: " ";
	font-size: 0;
	line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
	visibility: visible;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

/* TABLET / Social bar  */
@media (min-width: 550px) {

.share-container {
width: 50%;
padding: 0px 0px 30px;
margin: auto;
}

.eight .share-container {
width: 400px;
padding: 0px 0px 30px;
margin: auto;
}

.rrssb-buttons {
float: none;
margin: 0 auto;
max-width: calc(100% - 100px);
float: right;
}

.rrssb-buttons li {
width: 12.5%;
}

.share-container .share-label {
width: 90px;
float: left;
font-weight: 700;
text-transform: uppercase;
color: #ccc;
font-size: 15px;
line-height: 41px;
padding-left: 5px;
}

.rrssb-buttons.tiny-format li a .rrssb-icon svg {
height: 100%;
width: 100%;
}

.rrssb-icon  {
opacity: 0.75;
}



li.rrssb-stumble {
padding-top: 10px;
text-align: center;
display: inline-block;
}

.stumblecont {
border-radius: 50%;
background: #eb4823;
width: 20px;
height: 20px;
margin: auto;
padding: 1px 0px 0px 1px;
}

} /* END OF TABLET QUERY */


/* DESKTOP / Social bar   */
@media (min-width: 1025px) {



} /* END OF DESKTOP QUERY */





/* Articles page
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.articles .feature .feature-container h2 {
color: #fff;
text-align: center;
font-size: 2rem;
z-index: 1200;
position: relative;
}

.articles .feature .feature-container  {
background: #2b348e;
height: auto;
}

.articles .feature .feature-whitefade {
position: absolute;
height: 50%!important;
z-index: 999;
bottom: 0;

background: -moz-linear-gradient(top,  rgba(43,52,142,0) 0%, rgba(43,52,142,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(43,52,142,0)), color-stop(100%,rgba(43,52,142,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(43,52,142,0) 0%,rgba(43,52,142,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(43,52,142,0) 0%,rgba(43,52,142,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(43,52,142,0) 0%,rgba(43,52,142,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(43,52,142,0) 0%,rgba(43,52,142,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002b348e', endColorstr='#2b348e',GradientType=0 ); /* IE6-9 */


width: 100%;
border-radius: 5px;
}


/* TABLET / Articles  */
@media (min-width: 550px) {


.articles .feature .feature-container h2 {
font-size: 1.8rem;
}


} /* END OF TABLET QUERY */

/* PORT TABLET / Articles  */
@media (min-width: 790px) {


.articles .feature .feature-container h2 {
font-size: 2rem;
}


} /* END OF TABLET QUERY */


/* DESKTOP / Articles   */
@media (min-width: 1025px) {



} /* END OF DESKTOP QUERY */





/* General
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.content {
margin-top: 30px;
}

.breadcrumbs, .breadcrumbs a {
color: #bbb;
text-decoration: none;
}

.breadcrumbs a:hover {
color: #2b348e;
}

.breadcrumbs {
display: block;
width: 100%;
margin: -10px 0px 20px 0px;
text-transform: uppercase;
font-size: 11px;
}

.bc1 {
display: inline-block;
float: left;
text-align: center;
width: 100%;
}

.bc1:last-of-type, .bc1:first-of-type {
display: none;
}


.content img {
max-width: 100%;
border-radius: 5px;
margin-bottom: 20px;
}

.author, .author a {
width: 100%;
text-align: center;
text-decoration: none;
color: #000000;
margin-bottom: 10px;
}

.author a {
color: #2b348e;
text-decoration: underline;
}

.x-rightfloat {
width: 100%;
height: auto;
}

.z-leftfloat {
width: 100%;
height: auto;
}

.v-fullwidth {
width: 100%;
height: auto;
}

.next {
display: none;
border-radius: 5px;
background: #2b348e;
color: #fff;
text-decoration: none;
padding: 10px;
margin-bottom: 30px;
}

.next a, .next a:hover {
text-decoration: none;
color: #fff;
}

.next:hover {
background: #2e308e;
}

.next img {
float: left;
margin: 0px 10px;
}

.category h3 > a > img {
border-radius: 50%;
width: 85px;
height: 85px;
display: block;
margin: 60px calc(50% - 42px) 15px;
}


/* TABLET / General  */
@media (min-width: 550px) {

.breadcrumbs {
margin: -10px 0px 20px 0px;
font-size: 12px;
}

.bc1 {
text-align: left;
width: auto;
padding-left: 4px;
}

.bc1:first-of-type {
padding-left: 0px;
}

.bc1:last-of-type, .bc1:first-of-type {
display: inline-block;
}

.content img.x-rightfloat {
width: auto;
max-width: 50%;
float: right;
margin: 0px 0px 30px 30px;
}

.content img.z-leftfloat {
width: auto;
max-width: 50%;
float: left;
margin: 0px 30px 30px 0px;
}

.author {
margin-bottom: 0px;
}

.category h3  {
margin-bottom: 10px;
}

.category h3 + p {
margin-left: 115px;
min-height: 48px;
margin-bottom: 30px;
}

.category h3 > a > img {
margin: 0px 30px 0px 0px
}

} /* END OF TABLET QUERY */


/* DESKTOP / General   */
@media (min-width: 1025px) {

.hover {
transition: all 0.25s ease;
-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.25);
}

.hover:hover {
-webkit-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.15);
box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.15);
}

.articles .hover:hover {
-webkit-box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.35);
box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.35);
}

} /* END OF DESKTOP QUERY */




/* Homepage icons
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.homecontent span.glyphicons {
color: #2b348e;
float: left;
font-size: 60px;
width: 80px;
}






/* AFTER BREADCRUMB include
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.mob-only {
display: block;
width: 130%;
margin-left: -15%;
}

/* TABLET / Description  */
@media (min-width: 550px) {


.mob-only {
display: none;
}

} /* END OF TABLET QUERY */






/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries 
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it 
there. 
*/


/* Larger than mobile */
@media (min-width: 400px) {}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {}

/* Larger than tablet */
@media (min-width: 750px) {}

/* Larger than desktop */
@media (min-width: 1000px) {}

/* Larger than Desktop HD */
@media (min-width: 1200px) {}




/* Description
–––––––––––––––––––––––––––––––––––––––––––––––––– */



/* TABLET / Description  */
@media (min-width: 550px) {



} /* END OF TABLET QUERY */


/* DESKTOP / Description   */
@media (min-width: 1025px) {



} /* END OF DESKTOP QUERY */