@charset "UTF-8";
/* CSS Document */

/* Start Paper CSS */

html, body { 
	overflow-x: hidden;
}

body {
	/*background-image: url('../paper-site-images/shaunwhalen-paper-bg-03.jpg');
	background-repeat: repeat;*/
}

h1 {
	font-family: 'Raleway', sans-serif;
	margin-left: -4px;
	font-size: 40px;
	opacity: .8;
	padding-bottom: 10px;
}

h2 {
	font-family: 'Yantramanav', sans-serif;
	margin-left: -4px;
	margin-top: -8px;
	font-size: 1.6em;
	opacity: .8;
	padding-bottom: 10px;
}

p {
	font-family: 'Yantramanav', sans-serif;
	font-size: 1.4em;
}

a {
	color: #0e1b47;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

a:hover, .a:hover {
   text-decoration: none !important;
   color: #b9dfff;
}

.a-footer {
	color: #D9D9D9;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	font-size: .8em;
	margin: 0px 0px;
}

.a-footer:hover {
   text-decoration: none !important;
   color: #2F2F2F;
}

li {
	color: #fff;
	font-family: 'Raleway', sans-serif;
	font-size: 1.2em;
}
.footer-button {
	color: #000;
	height: 40px;
	margin: 0px 5px;
	border: none;
	border-radius: 4px;
	background: #7a7a7a;
}

.footer-button:hover
{
    background-color: #555555;
	color: #fff;	
	border: none;
}

.center-pills { 
	display: inline-block;
	font-size: 16px;
}

.bgimage {
	background-color: #000;
	height: 200px;
}

.signature {
	padding: 20px 20px 20px 0px;
	opacity: 1;
	margin-top: 20px;
	/*margin-left: -15px;*/
}

.navcontainer {
	margin-bottom: 60px;
	padding-bottom: 20px;
	/* BG Color */
	background: rgba(27,25,25,1);
	background: -moz-linear-gradient(left, rgba(27,25,25,1) 0%, rgba(40,41,43,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(27,25,25,1)), color-stop(100%, rgba(40,41,43,1)));
	background: -webkit-linear-gradient(left, rgba(27,25,25,1) 0%, rgba(40,41,43,1) 100%);
	background: -o-linear-gradient(left, rgba(27,25,25,1) 0%, rgba(40,41,43,1) 100%);
	background: -ms-linear-gradient(left, rgba(27,25,25,1) 0%, rgba(40,41,43,1) 100%);
	background: linear-gradient(to right, rgba(27,25,25,1) 0%, rgba(40,41,43,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#20cce3', GradientType=1 );
	/* BG Color */
}

.footercontainer {
	margin-top: 160px;
	padding-bottom: 40px;
	background-size: cover;
	border: none;
	/* BG Color */
	background: rgba(27,25,25,1);
	background: -moz-linear-gradient(left, rgba(27,25,25,1) 0%, rgba(40,41,43,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(27,25,25,1)), color-stop(100%, rgba(40,41,43,1)));
	background: -webkit-linear-gradient(left, rgba(27,25,25,1) 0%, rgba(40,41,43,1) 100%);
	background: -o-linear-gradient(left, rgba(27,25,25,1) 0%, rgba(40,41,43,1) 100%);
	background: -ms-linear-gradient(left, rgba(27,25,25,1) 0%, rgba(40,41,43,1) 100%);
	background: linear-gradient(to right, rgba(27,25,25,1) 0%, rgba(40,41,43,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#20cce3', GradientType=1 );
	/* BG Color */
}

.footer-content {
	padding-top:100px;
	color: #fff;
	font-size: 12px;
}

/*.nav {
	font-family: 'Engagement', cursive;
	font-size: 33px;
	opacity: .8;
	color: #fff;
}*/

.lowernav {
	color: #000;
	opacity: .8;
}

.between-sections {
	height: 100px;
}

/* END Paper CSS */
/* START Bootstrap Mods */

.navbar-default .navbar-nav>li>a {
    color: #fff;
}

.navbar-default .navbar-nav>li>a:hover {
    color: #0e1b47;
}

.navbar-default .navbar-nav>li>a:focus {
    color: #fff;
}
.navbar-fixed-bottom {

}

.light-grey {
	background: rgba(0, 0, 0, .05);
	padding-top: 40px;
	padding-bottom: 40px;
}
.social {
	max-width: 100%;
	}
	
.email-field {
	background: rgba(255, 255, 255, .5);
	opacity: .8;
	border-color: rgba(0, 0, 0, .5);
	color: rgba(0, 0, 0, .8);
	font-family: 'Cabin', sans-serif;
}

.email-headline {
	font-family: 'Cabin', sans-serif;
}

.control-label {
	font-family: 'Cabin', sans-serif;
}
.navstyle {
	font-size: 20px;
	color: #FFF;
	padding-top: 30px;
	border: none;
}

.dropdown-toggle {
	background-color: #000;
	border-color: #fff;
}
	
.burgerstyle {
	color: #fff;
	font-size: 30px;
	opacity: .9;
	margin-top: 40px;
}

.sm-logo{
   display: none;
}

.navbar-default {
	background-color: rgba(0,0,0,0);
	border-color: rgba(0,0,0,0);
}

.navbar-collapse {
	border-top: none;
	border-bottom:thin white;
	padding-top: 20px;
}

.email-conf {
	font-family: 'Yesteryear', cursive;
	font-size: 34px;
	padding-left:5px;
}

.form-control {
	Border: none;
	background: rgba(0,0,0,.8);
	color:#FFF;
	font-size: 18px;
}

.work-backg {
		/* BG Color */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1b1919+0,28292b+99 */
background: #fff; /* Old browsers */
background: -moz-linear-gradient(-45deg, #fff 0%, #fff 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #fff 0%,#fff 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #fff 0%,#fff 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	/* BG Color */
}
.work-examples {
	height: 100%;
	min-height: 100px;
	background: rgba(235,235,235,.80);
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	transition: height .4s width .4s ease-in-out;
}

.work-examples:hover {
	background: rgba(255,255,255,1);
}


.work-box {
	padding: 4px;
	z-index: 10;
	
}

.work-title {
	color:#FFF;
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	background: rgba(0,0,0,.3);
	padding-top: 3px;
	padding-bottom: 3px;
	z-index: 10;
}

.work-title:hover {
	background: rgba(0,0,0,.6);
}

.rams-quote {
	transform: scale(1);
	margin-left: 0px;
	}

.resume-btn {
	border: none;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#28292b+0,1b1919+99 */
background: #28292b; /* Old browsers */
background: -moz-linear-gradient(-45deg, #28292b 0%, #1b1919 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #28292b 0%,#1b1919 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #28292b 0%,#1b1919 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28292b', endColorstr='#1b1919',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	/* background: url(../paper-site-images/resume-button-2.png) no-repeat center;*/
	background-size: 100% 50px;
	height: 50px;
	color: rgba(255,255,255,1);
	font-family: 'Raleway', sans-serif;
	font-size:18px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: height .2s width .2s ease-in-out;
}

.resume-btn:hover {
	/* background: url(../paper-site-images/resume-button-2-hover2.png) no-repeat center; */
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1b1919+0,28292b+100 */
background: #1b1919; /* Old browsers */
background: -moz-linear-gradient(-45deg, #1b1919 0%, #28292b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #1b1919 0%,#28292b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #1b1919 0%,#28292b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b1919', endColorstr='#28292b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	background-size: 100% 50px;
}

.btn-block {
	text-decoration: none !important;
}

.grow {
	transform: scale(1);
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	transition: height .4s width .4s ease-in-out;
}

.grow:hover {
	transform: scale(1.1);
}

.client-logos {
	padding-bottom: 30px;
}

.hide-client-logos {
	display: block;
}

/* START BG VIDEO */

#work-images {
	/*mix-blend-mode: multiply;
	background-color: #D48688;*/
}

.container-index {
	z-index: 5;
}


.work-dropshadow  {
    /*text-shadow: 1px 0px rgba(255,255,255,0.2);*/
	color: #1b1919;
}

.callout {
    position: relative;
    overflow: hidden;
}
.video-bg {
	/* display: block;
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	z-index: -1;
	mix-blend-mode: multiply;
	*/
		/* BG Color */
	background: rgba(73,155,234,1);
	background: -moz-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,204,227,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(73,155,234,1)), color-stop(100%, rgba(32,204,227,1)));
	background: -webkit-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,204,227,1) 100%);
	background: -o-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,204,227,1) 100%);
	background: -ms-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,204,227,1) 100%);
	background: linear-gradient(to right, rgba(73,155,234,1) 0%, rgba(32,204,227,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#20cce3', GradientType=1 );
	/* BG Color */
}

.video-bg video {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	opacity: 1;
}


.callout-content {
    position: relative;
    text-align: center;
    /* margin: 50px 0; /* This adds some space around the video */
    color: #FFF;
    text-shadow: 0 0 5px rgba(0,0,0,0.4);
}

/* END BG VIDEO */

/* Start Small Screen Conditions */


@media screen and (max-width: 992px){
.no-multiply {
	mix-blend-mode: normal;
}
#work-container {
	/* background: red; /* For browsers that do not support gradients */
	/* background: -webkit-linear-gradient(left,rgba(25,50,70,0.9), rgba(15,25,30,0.85)); /*Safari 5.1-6*/
	/* background: -o-linear-gradient(right,rgba(25,50,70,0.9), rgba(15,25,30,0.85)); /*Opera 11.1-12*/
	/* background: -moz-linear-gradient(right,rgba(25,50,70,0.9), rgba(15,25,30,0.85)); /*Fx 3.6-15*/
	/* background: linear-gradient(to right, rgba(25,50,70,0.9), rgba(15,25,30,0.85)); /*Standard*/
	/* mix-blend-mode: multiply; */
}

.video-bg {
	display: none;
}

.work-dropshadow  {
    /*text-shadow: 1px 0px rgba(255,255,255,0.2);*/
	color: #1b1919;
	opacity: .95;
}

.intro-padding {
	padding-top: 40px;
	padding-bottom: 20px;
}

.golden {
        -webkit-transform: rotate(-90deg) scaleX(-1);
	    -moz-transform: rotate(-90deg) scaleX(-1);
        -o-transform: rotate(-90deg) scaleX(-1);
	    -ms-transform: rotate(-90deg) scaleX(-1);
	    transform: rotate(-90deg) scaleX(-1);
		margin-top: -15%;
		margin-bottom: -15%;
		max-width:70%;
		/* display: none; */
      }
	.social {
			max-width: 85%;
			padding: 10px 0px;
	}
	.rams-quote {
			max-width:90%;
			padding: 0px;
			padding-left: 50px;
			margin-top: 100px;
			margin-bottom: 20px;
			transform: scale(1.4);
	}
	.email-form {
		padding-top: 60px;
	}
	.email-headline {
	font-family: 'Raleway', sans-serif;
	padding-left:5px;
	font-size: 40px;
	opacity: .8;
	padding-bottom: 10px;
	} 
	.navcontainer{
	 margin-bottom: 60px;
	 padding-bottom: 20px;  
	}   
   .navstyle {
	font-size: 30px;
	padding-top: 0px;
	padding-bottom: 60px;
	line-height: 1.4em;
	} 
    .navbar li {
        margin-top: 10px;
    }
	.email-back {
		transform: scale(.7);
	}
	.download-button {
		padding-bottom: 70px;
	}
}
@media screen and (min-width: 992px){
	.md-logo{
     display: none;
   }

   .sm-logo{
     display: block;
	 margin-left: 10px; 
   }
}

/* End Small Screen Conditions */

/* Start Back To Top Button */

a.back-to-top {
	display: none;
	width: 50px;
	height: 50px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 20px;
	background: rgba(70,140,180,.6) url("../paper-site-images/BackToTop/up-arrow.png") no-repeat center 43%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
a:hover.back-to-top {
	background-color: rgba(70,140,180,.8);
}

/* End Back To Top Button */

/* Start Nav Collapse Breakpoint Change */

@media (max-width: 992px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
  .hide-client-logos {
	display: none;
}
}