/* ============================== */

/* ! Layout for desktop version   */

/* ============================== */



/* ----- FONTS ----- */



/* mari & david regular */

@font-face {

    font-family: 'maridavidregular';

    src: url('fonts/mari&david-regular/maridavid-webfont.eot');

    src: url('fonts/mari&david-regular/maridavid-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/mari&david-regular/maridavid-webfont.woff') format('woff'),

         url('fonts/mari&david-regular/maridavid-webfont.ttf') format('truetype'),

         url('fonts/mari&david-regular/maridavid-webfont.svg#maridavidregular') format('svg');

    font-weight: normal;

    font-style: normal;

}

/* university */

@font-face {

    font-family: 'universitymedium';

    src: url('fonts/university/university-webfont.eot');

    src: url('fonts/university/university-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/university/university-webfont.woff') format('woff'),

         url('fonts/university/university-webfont.ttf') format('truetype'),

         url('fonts/university/university-webfont.svg#universitymedium') format('svg');

    font-weight: normal;

    font-style: normal;

}

/* jenna sue */

@font-face {

    font-family: 'jenna_sueregular';

    src: url('fonts/jenna-sue/jennasue-webfont.eot');

    src: url('fonts/jenna-sue/jennasue-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/jenna-sue/jennasue-webfont.woff') format('woff'),

         url('fonts/jenna-sue/jennasue-webfont.ttf') format('truetype'),

         url('fonts/jenna-sue/jennasue-webfont.svg#jenna_sueregular') format('svg');

    font-weight: normal;

    font-style: normal;

}

/* sansus webissimo regular - titles etc */

@font-face {

    font-family: 'sansus_webissimoregular';

    src: url('fonts/sansus-webissimo-regular/sansus_webissimo-regular-webfont.eot');

    src: url('fonts/sansus-webissimo-regular/sansus_webissimo-regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/sansus-webissimo-regular/sansus_webissimo-regular-webfont.woff') format('woff'),

         url('fonts/sansus-webissimo-regular/sansus_webissimo-regular-webfont.ttf') format('truetype'),

         url('fonts/sansus-webissimo-regular/sansus_webissimo-regular-webfont.svg#sansus_webissimoregular') format('svg');

    font-weight: normal;

    font-style: normal;

}

/* aller light- body */

@font-face {

    font-family: 'aller_lightregular';

    src: url('fonts/aller-light/aller_lt-webfont.eot');

    src: url('fonts/aller-light/aller_lt-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/aller-light/aller_lt-webfont.woff') format('woff'),

         url('fonts/aller-light/aller_lt-webfont.ttf') format('truetype'),

         url('fonts/aller-light/aller_lt-webfont.svg#aller_lightregular') format('svg');

    font-weight: normal;

    font-style: normal;

}











/* bullshit code */

.photo-header {

	background-repeat: no-repeat;

	background-position: top left;

}





img {

	max-width: 100%;



}



.wrapper {

	position: relative;

/*	max-width: 940px;

*/	margin: 0 auto;

	clear: both;

}



.home.photo-header .wrapper .text {

	right: 0;

	width: 55.31915%;

	background-color: #1faeff;

	text-transform: uppercase;

	font-size: 3.42857em;

}



a {

	text-decoration: none;

}



.nav {

	position: absolute;

	top: 9px;

	left: 10px;

	right: 0px;

	color: #fff;

/*	padding: 20px;

*/	letter-spacing: 1px;

	width: 100%;

	text-align: right;

	padding-right: 20px;

}

.my-sticky-element.stuck .wrapper {

	max-width: 100%;

}

.nav ul li {

	font-family: 'sansus_webissimoregular', Arial, sans-serif;

	letter-spacing: 1px;

	text-transform: uppercase;

	display: inline;

	padding: 15px;

	text-shadow: 0px 1px 3px #4e4e4e;

}

.nav a {

	color: #fff;

	text-decoration: none;

}

.nav a:hover {

	text-decoration: underline;

}



.my-sticky-element.stuck {

	position: fixed;

	top: 0;

	box-shadow: 0 2px 4px rgba(0, 0, 0, .3);

	/*background-color: #bddd76;*/

	width: 100%;

	text-align: right;

	z-index: 1000;

/*	padding: 20px;

*/	color: #000;

}



.nav.stuck a {

	color: #000;

}

.nav.my-sticky-element ul {

	margin:4px;

}

.nav.stuck ul li {

	text-shadow: none;

}



.logo-holder {

	position: absolute;

	display: inline-block;

	left: 50px;

	top: 7px;

}



.hero {

	background-size: cover;

	overflow: hidden;

	position: relative;

}



.nav a:hover {

	text-decoration: underline;

}



.my-sticky-element.stuck {

	position: fixed;

	top: 0;

	box-shadow: 0 2px 4px rgba(0, 0, 0, .3);

	background-color: #bddd76;

	background-color:#ffea00;

	width: 100%;

	text-align: right;

	z-index: 1000;

	padding-top: 75px;

	padding-bottom: 5px;

}

.my-sticky-element.stuck ul {

	margin: 4px;

}



.nav.stuck a {

	color: #000;

}







$colors: #360745, #D61C59, #E7D84B, #EFEAC5, #1B8798;



.text--line {

  font-size: .5em;

  }



svg {

  position: absolute;

  width: 100%;

  height: 100%;

  }



$max: 5;

$stroke-step: 7%; 

.text-copy {

  fill: none;

  stroke: white;

  stroke-dasharray: $stroke-step $stroke-step * ($max - 1);

  stroke-width: 3px;

  

  animation: stroke-offset 9s infinite linear;

  

  @for $item from 1 through $max {

    $stroke-color: nth($colors, $item);

    

    &:nth-child(#{$item}) {

      stroke: $stroke-color;

      stroke-dashoffset: $stroke-step * $item;

      }

    }

  }



@keyframes stroke-offset {

  50% {

    stroke-dashoffset: $stroke-step * $max;  

    stroke-dasharray: 0 $stroke-step * $max*2.5;

  }

}



/* ----- GLOBAL ----- */



body {

	color: #fff;

	margin: 0px;

	padding: 0px;

	line-height: 28px; /* base line height */		

	font-size: 100%; /* base font size = 16px or whatever default size set in browser */

	font-size: 1em;

	-webkit-text-size-adjust: none;

}





/* ----- FRAMEWORK ----- */



.row {

	height: 100%;

	overflow: hidden;

}

.left-col {

	width: 38%;

	float: left;

	padding: 7% 5% 7% 7%;

}

.left-col-img {

	width: 50%;

	float: left;

	padding: 0;

}

.right-col {

	width: 40%;

	float: left;

	padding: 7% 4% 7% 6%;

}

.right-col-img {

	width: 50%;

	float: left;

	padding: 0;

}

.left-col-img img, .right-col-img img {

	width: 100%;

	display: block;

}

.full-col {

	width: 76%;


}

.full-col-alt {

	width: 86%;

	padding: 1% 7%;

}





/* ----- HERO ----- */


.home.photo-header{

}


.title {

	

	    font-family: 'maridavidregular', sans-serif;

    font-size: 105px;

	font-size: 6.56rem; /* base font-size * em 			// 16px * 6.56em = 105px */

	line-height: 94px;

	line-height: 0.9; /* element font-size * number 	// 105px * 0.9 = 94px */

	text-transform: uppercase;

	margin-bottom: 28px;

	margin-top: 0px;

 

 color:#181c23;

    text-shadow:#e0e0e0 1px 1px 0;

   

	

color: rgba(0, 0, 0, 0.2);



text-shadow: rgba(255, 255, 255, 0.9) 10px 9px 10px;

font-weight: bold;

	



}

.sub-title {

	font-family: 'universitymedium', sans-serif;

	font-size: 70px;

	font-size: 4.37rem; /* base font-size * em 			// 16px * 4.37em = 70px */

	line-height: 63px;

	line-height: 0.9; /* element font-size * number 	// 70px * 0.9 = 63px */

	margin-top: 0px;

	    font-family: 'maridavidregular', sans-serif;

    font-size: 105px;

	font-size: 6.56rem; /* base font-size * em 			// 16px * 6.56em = 105px */

	line-height: 94px;

	line-height: 0.9; /* element font-size * number 	// 105px * 0.9 = 94px */

	text-transform: uppercase;

	margin-bottom: 28px;

	margin-top: 0px;



}

.extra {

	font-family: 'jenna_sueregular';

	font-size: 45px;

	font-size: 2.81rem; /* base font-size * em 			// 16px * 2.81em = 45px */

	margin-bottom: 42px; 

}



/* hero */

.title, .sub-title {

	text-shadow: 2px 2px #202733;

}

.extra {

	text-shadow: 1px 1px #202733;

}

.home .left-col {

	width: 88%;

}

.home .right-col, .contact .right-col, .work .right-col {

	width: 50%;

	padding: 0;

}

.home .right-col img, .contact .right-col img, .work .right-col img {

	display: block;

	float: right;

}



.home .full-col, .work .full-col {

	text-align: center;

}

.photo-header {

	 -webkit-background-size: cover;

		-moz-background-size: cover;

		  -o-background-size: cover;

		     background-size: cover;

		     max-height: 1080px;

			 height: 1080px;

}





/* ----- INTRO ----- */

	@import "YOUR_BOOTSTAP_MIXINS_PATH.less";



.intro {

	text-align: center;

	color: #333333;

	



	

}

.intro p {

	line-height: 1.25rem;  /* base line-height * em 	// 28px * 1.25em = 35px */

}

.intro h5 {

	font-family: 'aller_lightregular', Arial, sans-serif!important;

	margin-bottom: 0rem; 

}











/* ----- SERVICES ----- */



ul.tick-list li {

	background: url(../img/tick.png) no-repeat;

	padding-left:24px; 

	list-style-type: none;

}









/* ----- SPRITE ----- */



.s {

	background: url(../images/logoBIG.png) no-repeat top left;

	background-size:contain;

	max-height:100%;

	max-width:100%;



	display: inline-block;

}



.main-logo {

	width: 290px;

	height: 73px;





}

.my-sticky-element.stuck .main-logo {

	width: 290px;

	height: 73px;



}