/*!
 * Start Bootstrap - Grayscale Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
    width: 100%;
    height: 100%;
    font-family: 'Open Sans', 'Helvetica Neue',Helvetica,Arial,sans-serif;
    /*font-family: Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif;*/
    color: #fff;
    background-color: #000;
	font-weight: 300;
    -webkit-tap-highlight-color: rgba(255,255,255,.2);
}
.landed{
	color: #171717;
    background-color: #fff;
}
html {
    width: 100%;
    height: 100%;
}

h1{
    margin: 0 0 35px;
    font-family: Lato,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 100;
    letter-spacing: 1px;
}
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 35px;
    text-transform: uppercase;
    font-family: Lato,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
}

p {
    margin: 0 0 25px;
    font-size: 18px;
    line-height: 1.5;
}
.postwelfareglobe,.newnormalglobe,.yesterdayglobe,.integratedglobe{
    font-size: 10em;
}
/*.postwelfareglobe-small,.newnormalglobe-small,.yesterdayglobe-small,.integratedglobe-small{font-size: 1em;}*/
.postwelfareglobe,.postwelfareglobe-small{color: #FEDB47;}
.newnormalglobe,.newnormalglobe-small{color: #2BC22B;}
.yesterdayglobe,.yesterdayglobe-small{color: #29A4C5;}
.integratedglobe,.integratedglobe-small{color: #C22C7F;}
/*//First Entry*/
@media(min-width:767px) {
    p {
        margin: 0 0 35px;
        font-size: 20px;
        line-height: 1.6;
    }
}

a {
    color: #219ab3;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

a:hover,
a:focus {
    text-decoration: none;
    color: #11505d;
}

.light {
    font-weight: 400;
}

.navbar-custom {
    margin-bottom: 0;
    border-bottom: 1px solid #808080;
    text-transform: uppercase;
    font-family: Lato,"Helvetica Neue",Helvetica,Arial,sans-serif;
    background-color: #000;
	font-weight: 300;
}

.navbar-custom .navbar-brand {
    font-weight: 300;
}

/*.navbar-custom .navbar-brand:focus {
    outline: 0;
}*/

.navbar-custom .navbar-brand .navbar-toggle {
    padding: 4px 6px;
    font-size: 16px;
    color: #fff;
}

/*.navbar-custom .navbar-brand .navbar-toggle:focus,
.navbar-custom .navbar-brand .navbar-toggle:active {
    outline: 0;
}*/

.navbar-custom a {
    color: #fff;
}

.navbar-custom .nav li.active a{color: black;}

.navbar-custom .nav li.active {
    /*outline: none;*/
    background-color: #fff;
    /*background-color: rgba(255,255,255,.3);*/
}

.navbar-custom .nav li a {
	-o-transition: background .3s ease-in-out;
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .nav li a.active {
    outline: 0;
    background-color: #fff;
    background-color: rgba(255,255,255,.3);
}



.casestudy{
	font-size: 8em;
	background: #264CAE;
	text-align: center;
	font-family: Lato,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 900;
	color: white;
}
.iconify{
	font-size: 8em;
	text-align: center;
}
footer img.hidden-print{margin-bottom: 2em;}


@media(min-width:767px) {

    .navbar {
        padding: 20px 0;
        border-bottom: 0;
        letter-spacing: 1px;
        background: 0 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -o-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .top-nav-collapse {
        padding: 0;
        background-color: #000;
    }

    .navbar-custom.top-nav-collapse {
        border-bottom: 1px solid #fff;
        border-bottom: 1px solid rgba(255,255,255,.3);
    }
}

.intro {
    display: table;
    width: 100%;
    height: auto;
    padding: 100px 0;
    text-align: center;
    color: #fff;
    background-color: #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.home-intro{
    display: table;
    width: 100%;
    height: auto;
    padding: 100px 0;
    text-align: center;
    color: #fff;
    background: url(../img/bg-intro.jpg) no-repeat bottom center scroll;
    background-color: #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.postwelfare-intro{
    background: url(../img/bg-post.jpg) no-repeat bottom center scroll;
	background-color: #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.yesterday-intro{
    background: url(../img/bg-yesterday3.jpg) no-repeat bottom center scroll;
	background-color: #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.yesterday-intro2{
    background: url(../img/bg-yesterday3.jpg) no-repeat bottom center scroll;
    background-color: #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.newnormal-intro{
	background: url(../img/bg-newnormal2.jpg) no-repeat bottom center scroll;
	background-color: #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.fullyintegrated-intro{
	background: url(../img/bg-fullyintegrated.jpg) no-repeat bottom center scroll;
	background-color: #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.intro-alt {
    display: table;
    width: 100%;
    height: 5em;
    padding: 100px 0;
    color: #fff;
    background-color: #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
     -o-background-size: cover;   
    background-size: cover;
}

.jumbotron.ardoch{
	height: 800px;
	padding-top: 400px;
	background: url(../img/ardoch-02.jpg) no-repeat bottom center scroll;
}
.jumbotron.ardoch h2{
	font-size: 4em;
	background: #2c4ba2;
	background: rgba(44, 75, 162, 0.78);
	padding: 1em;
	color: white;
/*	border-radius: 1em;*/
}
.jumbotron.ardoch small{
	color: white;
}

.intro .intro-body {
    display: table-cell;
    vertical-align: middle;
}

.intro .intro-body .brand-heading {
    font-size: 40px;
}

.intro .intro-body .intro-text {
    font-size: 18px;
}

.intro-text{
	font-family: Lato,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 100;
}
.brand-heading{
	text-transform: uppercase;
/*    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 100px 71px rgba(0, 0, 0, 0.15);*/
   /* -webkit-animation:.5s .25s fade backwards ease-out;
	animation:.5s .25s fade backwards ease-out*/
}

@media(min-width:767px) {
    .intro {
        height: 100%;
        padding: 0;
    }

    .intro .intro-body .brand-heading {
        font-size: 100px;
    }

    .intro .intro-body .intro-text {
        font-size: 25px;
    }
}

.btn-circle {
    width: 70px;
    height: 70px;
    margin-top: 15px;
    padding: 7px 16px;
    border: 2px solid #fff;
    border-radius: 35px;
    font-size: 40px;
    color: #fff;
    background: 0 0;
    -o-transition: background .3s ease-in-out;
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.btn-circle:hover,
.btn-circle:focus {
    /*outline: 0;*/
    color: #fff;
    background: #808080;
    background: rgba(255,255,255,.1);
}
.content-section {
    padding-top: 100px;
}
.newspaper{
	padding-top: 1em;
/*	font-family: 'Brawler', serif;*/
	font-family: serif;
}
.memo, .memo h2{
	font-family: 'Cousine';
}
.memo h2{
    color: red;
    text-decoration: underline;
}
.memo{
    border: 1px solid #c3c3c3;
    padding-top: 1em;
    padding-bottom: 1em;
    margin-bottom: 2em;
    box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.3);
}


.radio{
	margin-bottom: 1em;
}






.newnormal-grad {
	background: #1F6E00;
	background:
		-webkit-linear-gradient(45deg, hsla(359, 100%, 0%, 1) 0%, hsla(359, 100%, 0%, 0) 70%),
		-webkit-linear-gradient(315deg, hsla(103, 100%, 36%, 1) 10%, hsla(103, 100%, 36%, 0) 80%),
		-webkit-linear-gradient(225deg, hsla(359, 100%, 0%, 1) 10%, hsla(359, 100%, 0%, 0) 80%),
		-webkit-linear-gradient(135deg, hsla(359, 100%, 0%, 1) 100%, hsla(359, 100%, 0%, 0) 70%);
	background:
		linear-gradient(45deg, hsla(359, 100%, 0%, 1) 0%, hsla(359, 100%, 0%, 0) 70%),
		linear-gradient(135deg, hsla(103, 100%, 36%, 1) 10%, hsla(103, 100%, 36%, 0) 80%),
		linear-gradient(225deg, hsla(359, 100%, 0%, 1) 10%, hsla(359, 100%, 0%, 0) 80%),
		linear-gradient(315deg, hsla(359, 100%, 0%, 1) 100%, hsla(359, 100%, 0%, 0) 70%);
	}
.yesterday-grad {
	background: #00446C;
	background:
		-webkit-linear-gradient(45deg, hsla(359, 100%, 0%, 1) 0%, hsla(359, 100%, 0%, 0) 70%),
		-webkit-linear-gradient(315deg, hsla(202, 100%, 36%, 1) 10%, hsla(202, 100%, 36%, 0) 80%),
		-webkit-linear-gradient(225deg, hsla(359, 100%, 0%, 1) 10%, hsla(359, 100%, 0%, 0) 80%),
		-webkit-linear-gradient(135deg, hsla(359, 100%, 0%, 1) 100%, hsla(359, 100%, 0%, 0) 70%);
	background:
		linear-gradient(45deg, hsla(359, 100%, 0%, 1) 0%, hsla(359, 100%, 0%, 0) 70%),
		linear-gradient(135deg, hsla(202, 100%, 36%, 1) 10%, hsla(202, 100%, 36%, 0) 80%),
		linear-gradient(225deg, hsla(359, 100%, 0%, 1) 10%, hsla(359, 100%, 0%, 0) 80%),
		linear-gradient(315deg, hsla(359, 100%, 0%, 1) 100%, hsla(359, 100%, 0%, 0) 70%);
	}





@media(min-width:767px) {
    .content-section {
        padding-top: 250px;
    }

    .download-section {
        padding: 1em 0;
    }

}

.btn {
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.btn-default {
    border: 1px solid #219ab3;
    color: #219ab3;
    background-color: transparent;
}

.btn-default:hover,
.btn-default:focus {
    border: 1px solid #219ab3;
    outline: 0;
    color: #000;
    background-color: #219ab3;
}

ul.banner-social-buttons {
    margin-top: 0;
}

@media(max-width:1199px) {
	
    ul.banner-social-buttons {
        margin-top: 15px;
    }
}
@media(max-width:991px){
	.nav > li > a {
		padding-left: 10px;
		padding-right: 10px;
	}
}







@media(max-width:767px) {


    .postwelfareglobe,.newnormalglobe,.yesterdayglobe,.integratedglobe{
        font-size: 3em;
    }

	.casestudy{font-size: 4em;}
	
	.jumbotron.ardoch{
		max-height: 200px;
		padding: 50px;
	}
	.jumbotron.ardoch h2{
	font-size: 2em;
	}	
	
	h2,h3,h4,h5,h6 {
		font-size: 1.2em;
	}

    ul.banner-social-buttons li {
        display: block;
        margin-bottom: 20px;
        padding: 0;
    }

    ul.banner-social-buttons li:last-child {
        margin-bottom: 0;
    }
}

footer {
    padding: 50px 0;
    background: black; /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(53,53,53,1) 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(99%,rgba(53,53,53,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(53,53,53,1) 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(53,53,53,1) 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(53,53,53,1) 99%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(53,53,53,1) 99%); /* W3C */
}

footer p {
    margin: 0;
	font-size: 1em;
	color: white;
}

.postwelfare ::-moz-selection {text-shadow: none;background: #fedb47;background: rgba(254, 219, 71, 0.39);}
/*.postwelfare ::selection {text-shadow: none;background: #fedb47;background: rgba(254, 219, 71, 0.39);}
.postwelfare img::selection {background: 0 0;}*/
.postwelfare img::-moz-selection {background: 0 0;}

.navbar-custom .nav li.postwelfare a:hover, .navbar-custom .nav li.postwelfare.active a{
	background: #fedb47;
	color: black;
}

.navbar-custom .nav li.newnormal a:hover,.navbar-custom .nav li.newnormal.active a {
	background: #2bc22b;
	color: black;
}

.navbar-custom .nav li.fullyintegrated a:hover,.navbar-custom .nav li.fullyintegrated.active a {
	background: #c22c7f;
	color: black;
}

.navbar-custom .nav li.yesterday a:hover,.navbar-custom .nav li.yesterday.active a {
	background: #29a4c5;
	color: black;
}
.navbar-custom .nav li.supportingmaterial a:hover,.navbar-custom .nav li.supportingmaterial.active a {
    background: #fff;
    color: black;
}



/*WELLS*/
.well{
	border-radius: 0;
}
.postwelfare .well{
    background: #fedb47;
    border-color: #e3c341;
}
.newnormal .well{
    background: #2bc22b;
    border-color: #259d25;
	color: white;
}
.fullyintegrated .well{
    background: #c22c7f;
    border-color: #aa276f;
	color: white;
}
.yesterday .well{
    background: #29a4c5;
    border-color: #268fac;
	color: white;
}
.content-section {padding-top: 3em;}

.fa-bars{color: white;}

.img-flow-right{float: right;max-width: 40%;}
.img-flow-left{float: left;max-width: 40%;}

.row ul, ol {font-size: 1.35em;}

.headercredit{padding-left: 1em;color: black;
}
.headercredithome{color: white;padding-left: 1em;}
.headercredithome a{color: #29A4C5;}

.videoplayer{
	box-shadow: 1px 1px 20px 10px rgba(90, 137, 186, 0.37);
	margin-bottom: 2em;
}
.fullyintegrated .videoplayer{
	box-shadow: 1px 1px 20px 10px rgba(194, 44, 127, 0.37);
}
.postwelfare .videoplayer{
	box-shadow: 1px 1px 20px 10px rgba(254, 219, 71, 0.37);
}
.newnormal .videoplayer{
	box-shadow: 1px 1px 20px 10px rgba(43, 194, 43, 0.37);
}
.subfooter{
	color: white;
	font-size: 0.8em;
	margin-bottom: 2em;
	padding-bottom: 1em;
	border-bottom: 1px solid #2f2f2f;
}
.subfooter h2{font-size: 1.3em;margin-bottom: 1em;}
.secret{margin-bottom: 2em;}
.dark{background-color: black;}

.sutro {
  background: #47565f;
  background: -moz-linear-gradient(-45deg, #47565f 0%, #5b625a 15%, #947461 38%, #f98056 70%, #f7ec86 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #47565f), color-stop(15%, #5b625a), color-stop(38%, #947461), color-stop(70%, #f98056), color-stop(100%, #f7ec86));
  background: -webkit-linear-gradient(-45deg, #47565f 0%, #5b625a 15%, #947461 38%, #f98056 70%, #f7ec86 100%);
  background: -o-linear-gradient(-45deg, #47565f 0%, #5b625a 15%, #947461 38%, #f98056 70%, #f7ec86 100%);
  background: -ms-linear-gradient(-45deg, #47565f 0%, #5b625a 15%, #947461 38%, #f98056 70%, #f7ec86 100%);
  background: linear-gradient(135deg, #47565f 0%, #5b625a 15%, #947461 38%, #f98056 70%, #f7ec86 100%);
}
.globenav a{display: inline-block;}



@-webkit-keyframes fade{
	from{
		transform:translateY(.25em);
		opacity:0
	}

}

@keyframes fade{
	from{
		transform:translateY(.25em);
		opacity:0
	}

}
/*animate*/
@keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-webkit-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-moz-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-ms-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}


.stars, .twinkling {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  display:block;
}

.stars {
  background:transparent url(../img/stars.png) repeat top center;
  z-index:0;
  	-webkit-clip-path: polygon(0px 0px, 1804px 0px, 1805px 567px, 1527px 477px, 1122px 375px, 1120px 284px, 1288px 280px, 1285px 187px, 522px 188px, 526px 284px, 4px 242px);
	clip-path: polygon(0px 0px, 1804px 0px, 1805px 567px, 1527px 477px, 1122px 375px, 1120px 284px, 1288px 280px, 1285px 187px, 522px 188px, 526px 284px, 4px 242px);

}

.twinkling{
  background:transparent url(../img/twinkling.png) repeat top center;
  z-index:1;
	-webkit-clip-path: polygon(0px 0px, 1804px 0px, 1805px 567px, 1527px 477px, 1122px 375px, 1120px 284px, 1288px 280px, 1285px 187px, 522px 188px, 526px 284px, 4px 242px);
		clip-path: polygon(0px 0px, 1804px 0px, 1805px 567px, 1527px 477px, 1122px 375px, 1120px 284px, 1288px 280px, 1285px 187px, 522px 188px, 526px 284px, 4px 242px);

  -moz-animation:move-twink-back 400s linear infinite;
  -ms-animation:move-twink-back 400s linear infinite;
  -o-animation:move-twink-back 400s linear infinite;
  -webkit-animation:move-twink-back 400s linear infinite;
  animation:move-twink-back 400s linear infinite;
}