/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/


/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/


/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
	position: relative;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box; }
	.column,
	.columns {
		width: 100%;
		float: left;
		box-sizing: border-box; }

		/* For devices larger than 400px */
		@media (min-width: 400px) {
			.container {
				width: 85%;
				padding: 0; }
			}

			/* For devices larger than 550px */
			@media (min-width: 550px) {
				.container {
					width: 80%; }
					.column,
					.columns {
						margin-left: 4%; }
						.column:first-child,
						.columns:first-child {
							margin-left: 0; }

							.one.column,
							.one.columns                    { width: 4.66666666667%; }
							.two.columns                    { width: 13.3333333333%; }
							.three.columns                  { width: 22%;            }
							.four.columns                   { width: 30.6666666667%; }
							.five.columns                   { width: 39.3333333333%; }
							.six.columns                    { width: 48%;            }
							.seven.columns                  { width: 56.6666666667%; }
							.eight.columns                  { width: 65.3333333333%; }
							.nine.columns                   { width: 74.0%;          }
							.ten.columns                    { width: 82.6666666667%; }
							.eleven.columns                 { width: 91.3333333333%; }
							.twelve.columns                 { width: 100%; margin-left: 0; }

							.one-third.column               { width: 30.6666666667%; }
							.two-thirds.column              { width: 65.3333333333%; }

							.one-half.column                { width: 48%; }

							/* Offsets */
							.offset-by-one.column,
							.offset-by-one.columns          { margin-left: 8.66666666667%; }
							.offset-by-two.column,
							.offset-by-two.columns          { margin-left: 17.3333333333%; }
							.offset-by-three.column,
							.offset-by-three.columns        { margin-left: 26%;            }
							.offset-by-four.column,
							.offset-by-four.columns         { margin-left: 34.6666666667%; }
							.offset-by-five.column,
							.offset-by-five.columns         { margin-left: 43.3333333333%; }
							.offset-by-six.column,
							.offset-by-six.columns          { margin-left: 52%;            }
							.offset-by-seven.column,
							.offset-by-seven.columns        { margin-left: 60.6666666667%; }
							.offset-by-eight.column,
							.offset-by-eight.columns        { margin-left: 69.3333333333%; }
							.offset-by-nine.column,
							.offset-by-nine.columns         { margin-left: 78.0%;          }
							.offset-by-ten.column,
							.offset-by-ten.columns          { margin-left: 86.6666666667%; }
							.offset-by-eleven.column,
							.offset-by-eleven.columns       { margin-left: 95.3333333333%; }

							.offset-by-one-third.column,
							.offset-by-one-third.columns    { margin-left: 34.6666666667%; }
							.offset-by-two-thirds.column,
							.offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

							.offset-by-one-half.column,
							.offset-by-one-half.columns     { margin-left: 52%; }

						}


/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
	font-size: 62.5%; }
	body {
		font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
		line-height: 1.6;
		font-weight: 400;
		font-family: "museo-sans",sans-serif;
		color: #222; }


/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: 2rem;
	font-weight: 300; }
	h1 { font-size: 4.0rem; line-height: 1.2;  letter-spacing: -.1rem;}
	h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
	h3 { font-size: 3.0rem; line-height: 1.3;  letter-spacing: -.1rem; }
	h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
	h5 { font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem; }
	h6 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0; }

	/* Larger than phablet */
	@media (min-width: 550px) {
		h1 { font-size: 5.0rem; }
		h2 { font-size: 4.2rem; }
		h3 { font-size: 3.6rem; }
		h4 { font-size: 3.0rem; }
		h5 { font-size: 2.4rem; }
		h6 { font-size: 1.5rem; }
	}

	p {
		margin-top: 0; }


/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
	color: #1EAEDB; }
	a:hover {
		color: #0FA0CE; }


/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	display: inline-block;
	height: 38px;
	padding: 0 30px;
	color: #555;
	text-align: center;
	font-size: 11px;
	font-weight: 600;
	line-height: 38px;
	letter-spacing: .1rem;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	background-color: transparent;
	border-radius: 4px;
	border: 1px solid #bbb;
	cursor: pointer;
	box-sizing: border-box; }
	.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover,
	.button:focus,
	button:focus,
	input[type="submit"]:focus,
	input[type="reset"]:focus,
	input[type="button"]:focus {
		color: #333;
		border-color: #888;
		outline: 0; }
		.button.button-primary,
		button.button-primary,
		input[type="submit"].button-primary,
		input[type="reset"].button-primary,
		input[type="button"].button-primary {
			color: #FFF;
			background-color: #555;
			border-color: #555; }
			.button.button-primary:hover,
			button.button-primary:hover,
			input[type="submit"].button-primary:hover,
			input[type="reset"].button-primary:hover,
			input[type="button"].button-primary:hover,
			.button.button-primary:focus,
			button.button-primary:focus,
			input[type="submit"].button-primary:focus,
			input[type="reset"].button-primary:focus,
			input[type="button"].button-primary:focus {
				color: #FFF;
				background-color: #1EAEDB;
				border-color: #1EAEDB; }


/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
	height: 38px;
	padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
	background-color: #fff;
	border: 1px solid #D1D1D1;
	border-radius: 4px;
	box-shadow: none;
	box-sizing: border-box; }
	/* Removes awkward default styles on some inputs for iOS */
	input[type="email"],
	input[type="number"],
	input[type="search"],
	input[type="text"],
	input[type="tel"],
	input[type="url"],
	input[type="password"],
	textarea {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none; }
		textarea {
			min-height: 65px;
			padding-top: 6px;
			padding-bottom: 6px; }
			input[type="email"]:focus,
			input[type="number"]:focus,
			input[type="search"]:focus,
			input[type="text"]:focus,
			input[type="tel"]:focus,
			input[type="url"]:focus,
			input[type="password"]:focus,
			textarea:focus,
			select:focus {
				border: 1px solid #33C3F0;
				outline: 0; }
				label,
				legend {
					display: block;
					margin-bottom: .5rem;
					font-weight: 600; }
					fieldset {
						padding: 0;
						border-width: 0; }
						input[type="checkbox"],
						input[type="radio"] {
							display: inline; }
							label > .label-body {
								display: inline-block;
								margin-left: .5rem;
								font-weight: normal; }



#becomeamodel-form-container
{
	margin-top: 20px;
    border-top: 1px solid #eee;
    padding-top: 20px;
}

#becomeamodel-form-container h3
{
	color: #6a6a6a;
    font-family: "museo-sans",sans-serif;
    font-size: 2.5rem;
    font-weight: 700;
    font-style: normal;
    text-align: left;
    margin:0px;
}

#becomeamodel-form-container h4
{
	font-size: 2rem;
    margin-top: 30px;
    border-top: 3px solid #555;
    padding-top: 25px;
}

#becomeamodel-form-container textarea
{
	height:auto;
}

#becomeamodel-form-container input[type="submit"]
{
	background-color:#555;
	border:0px;
}


/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
	list-style: circle inside; }
	ol {
		list-style: decimal inside; }
		ol, ul {
			padding-left: 0;
			margin-top: 0; }
			ul ul,
			ul ol,
			ol ol,
			ol ul {
				margin: 1.5rem 0 1.5rem 3rem;
				font-size: 90%; }
				li {
					margin-bottom: 1rem; }


/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
	padding: .2rem .5rem;
	margin: 0 .2rem;
	font-size: 90%;
	white-space: nowrap;
	background: #F1F1F1;
	border: 1px solid #E1E1E1;
	border-radius: 4px; }
	pre > code {
		display: block;
		padding: 1rem 1.5rem;
		white-space: pre; }


/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
	padding: 12px 15px;
	text-align: left;
	border-bottom: 1px solid #E1E1E1; }
	th:first-child,
	td:first-child {
		padding-left: 0; }
		th:last-child,
		td:last-child {
			padding-right: 0; }


/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button,
.button {
	margin-bottom: 1rem; }
	input,
	textarea,
	select,
	fieldset {
		margin-bottom: 1.5rem; }
		pre,
		blockquote,
		dl,
		figure,
		table,
		p,
		ul,
		ol,
		form {
			margin-bottom: 2.5rem; }


/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
	width: 100%;
	box-sizing: border-box; }
	.u-max-full-width {
		max-width: 100%;
		box-sizing: border-box; }
		.u-pull-right {
			float: right; }
			.u-pull-left {
				float: left; }



/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
	margin-top: 3rem;
	margin-bottom: 3.5rem;
	border-width: 0;
	border-top: 1px solid #E1E1E1; }


/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
	content: "";
	display: table;
	clear: both; }

























/* General Site Styles
--------------------------------------------------- */


/* Homepage Nav */

#women-nav
{ 
	position: absolute;
	top:10px;
	left:10px;
}


#creative-nav
{ 
	position: absolute;
	top: 10px;
	left: 50%;
	-ms-transform: translate(-50%, 0px); /* IE 9 */
    -webkit-transform: translate(-50%, 0px); /* Safari */
    transform: translate(-50%, 0px);
}


#men-nav
{ 

	position: absolute;
	top:10px;
	right:10px;
}




#about-nav
{ 

	position: absolute; 
	bottom:10px; 
	left:10px;
}



#blog-nav
{ 
	position: absolute; 
	bottom:10px; 
	left:50%;
	-ms-transform: translate(-50%, 0px); /* IE 9 */
    -webkit-transform: translate(-50%, 0px); /* Safari */
    transform: translate(-50%, 0px);
}







#contact-nav
{
	position: absolute;
	bottom:10px;
	right:10px;
}

#home-nav
{ 
	/*
	position: absolute;
	top: 10px;
	left: 50%;
	transform: translate(-50%, 0px);
	*/
}

#commercial-nav
{ 

	position: absolute; 
	bottom:10px; 
	left:10px;
}

a.nav-button
{
	color: #fff;
	font-family: "museo-sans",sans-serif;
	font-size: 1.8rem;
	font-weight: 500;
	text-decoration: none;
	text-transform: capitalize;
	z-index: 5000;
	padding:5px 10px;
}


a.nav-button:hover
{
	box-shadow: 0px 0px 0px 2px #FFF;
}


body.fp-viewing-women a#women-nav { box-shadow: 0px 0px 0px 2px #FFF; }
body.fp-viewing-men a#men-nav { box-shadow: 0px 0px 0px 2px #FFF; }
body.fp-viewing-creative a#creative-nav { box-shadow: 0px 0px 0px 2px #FFF; }
body.fp-viewing-contact a#contact-nav { box-shadow: 0px 0px 0px 2px #FFF; }



/*  Inner Nav */


#women-nav-inner
{ 
	position: fixed;
	top:10px;
	left:10px;
}



#creative-nav-inner
{ 
	position: fixed;
	top: 10px;
	left: 50%;
	-ms-transform: translate(-50%, 0px); /* IE 9 */
    -webkit-transform: translate(-50%, 0px); /* Safari */
    transform: translate(-50%, 0px);
}



#men-nav-inner
{ 

	position: fixed;
	top:10px;
	right:10px;
}



#about-nav-inner
{ 
	position: fixed; 
	bottom:10px; 
	left:10px;

}


#blog-nav-inner
{ 
	position: fixed; 
	bottom:10px; 
	left:50%;
	-ms-transform: translate(-50%, 0px); /* IE 9 */
    -webkit-transform: translate(-50%, 0px); /* Safari */
    transform: translate(-50%, 0px);
}

#contact-nav-inner
{
	position: fixed;
	bottom:10px;
	right:10px;
}

#home-nav-inner
{ 
	/*position: fixed;
	top: 10px;
	left: 50%;
	transform: translate(-50%, 0px);
	*/
}


#commercial-nav-inner
{ 

	position: fixed; 
	bottom:10px; 
	left:10px;
}

a.nav-button-inner
{
	color: #000;
	font-family: "museo-sans",sans-serif;
	font-size: 1.8rem;
	font-weight: 500;
	text-decoration: none;
	text-transform: capitalize;
	z-index: 5000;
	padding:5px 10px;
}


a.nav-button-inner:hover
{
	box-shadow: 0px 0px 0px 2px #000;
} 




#logo
{

	position:absolute;
	top: 110px;
	left: 50%;
	z-index: 5000;
	max-width:88%;
	transition: all 0.5s ease-in-out 0s;
	max-height:150px;

	-ms-transform: translate(-50%, 0px); /* IE 9 */
    -webkit-transform: translate(-50%, 0px); /* Safari */
    transform: translate(-50%, 0px);

}



#logo-inner
{

	position:absolute;
	top: 110px;
	left: 50%;
	z-index: 1500;
	max-width:100%;

	-ms-transform: translate(-50%, 0px); /* IE 9 */
    -webkit-transform: translate(-50%, 0px); /* Safari */
    transform: translate(-50%, 0px);

}




.nav-shield
{
    background-color: #fff;
    height: 60px;
    position: fixed;
    width: 100%;
    z-index: 2000;
}

.nav-shield.header
{
 	top: 0px;
}


.nav-shield.footer
{
	bottom: 0px;
}







/* Homepage Panels
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Welcome */

.welcome h1
{
    color: #fff;
    font-family: "museo-sans",sans-serif;
    font-size: 5rem;
    font-weight: 300;
    letter-spacing: 4px;
    margin-top: 250px;
}

.welcome h1 a
{
	color:#FFF;
	text-decoration: none;
}

.welcome h1 a:hover
{
	text-decoration: underline;
}

#slide1{
	
}

#slide2{
	background-image: url(../alvarotrigo/fullPage-js/master/examples/imgs/bg2.jpg);
}

#slide3{
	background-image: url(../alvarotrigo/fullPage-js/master/examples/imgs/bg5.jpg);
}


/* Sub sections */

.section h2
{
	color: #fff;
    font-family: "museo-sans",sans-serif;
    font-size: 9.5rem;
    font-weight: 400;
    letter-spacing: 6px;
}

.section .intro p
{
	font-size: 4.5rem;
	margin: 0 auto;
	width: 80%;
	color:#FFF;
	font-family: "calluna",serif;
}

.section .intro p a
{
	color:#FFF;
	text-decoration: none;
}

.section .intro p a:hover
{
	text-decoration: underline;
}





/* Inner Section Navigation
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.container.inner-nav
{
	margin-top:210px;
	text-align: center;
}


.container.inner-nav h1
{
	color: #777;
    font-family: "calluna";
    font-size: 6rem;
    font-weight: 400;
    letter-spacing: 6px;
    margin-bottom: 0;
}



.container.inner-nav ul#photo-nav
{
	display:block;
	font-family: "calluna",serif;
	font-size: 3.0rem;
}


.container.inner-nav ul#photo-nav li
{
	display:inline;
	list-style: none;
	color:#ADABAC;
}

.container.inner-nav ul#photo-nav li a
{
	color:#ADABAC;
	text-decoration: none;
}

.container.inner-nav ul#photo-nav li a.current,
.container.inner-nav ul#photo-nav li a:hover
{
	color:#4c4a4b;
}

.container.inner-nav ul#photo-nav li a em
{
	font-style: italic;
}


.container.inner-nav ul#photo-nav li:after {
    content: " | ";   
}

.container.inner-nav ul#photo-nav li:last-child:after {
    content: "";   
}


.container.inner-nav #view-options p
{
	color: #adabac;
	font-family: "calluna",serif;
	margin-bottom: 10px;
}


.container.inner-nav #view-options p#view-shortlist
{
	margin:0px;
	padding:0px;
}


.container.inner-nav #view-options p#view-shortlist a
{
	color: #555;
    padding: 6px 27px;
    text-decoration: none;
    border: 1px solid #929292;
    transition: all 0.2s ease-in-out 0s;

}

.container.inner-nav #view-options p#view-shortlist a:hover
{
	background-color:#929292;
	color:#FFF;
}


.container.inner-nav #view-options ul
{
	display:block;
	margin:0px;
	padding:0px;
}

.container.inner-nav #view-options ul li
{
	display:inline-block;
	list-style: none;
	margin-right:15px;
}


.container.inner-nav #view-options ul li img
{
	opacity: .5;
	transition: all 0.5s ease-in-out 0s;
}

.container.inner-nav #view-options ul li img:hover
{
	opacity: 1;
}

.container.inner-nav #view-options ul li:last-child
{
	margin-right:0px;
}



/* Model Photo layout - 4 pics per row
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.model-photo-container 
{
	margin-top:30px;
}


.model-photo-container .photo{

	float: left;
	margin-bottom: 3.333333333%;
	margin-right: 3.333333333%;
	position: relative;
	width: 22.5%;

	/*-webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;*/


}


.model-photo-container .photo:nth-of-type(4n) {
	margin-right: 0;
}

.model-photo-container .photo img
{
	display:block;

	 -webkit-transition: all 0.5s linear;
       -moz-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
         -o-transition: all 0.5s linear;
            transition: all 0.5s linear;
}



.model-photo-container .photo img:hover
{
	opacity: .7;
}


.model-photo-container .photo.rows
{
	/*height:405px;*/
}


.model-photo-container .photo.rows img
{
	position: relative;
	/*top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);*/
	width:100%;

}




/* Model Photo layout - 2 pics per row
–––––––––––––––––––––––––––––––––––––––––––––––––– */


.model-photo-container .photo.double
{
	width:47.5%;
	margin-bottom: 5%;
	margin-right: 5%;
}

.model-photo-container .photo.double img
{
	width:100%;
}


.model-photo-container .photo.double:nth-of-type(4n) {
	margin-right: 5%;
}

.model-photo-container .photo.double:nth-of-type(2n) {
	margin-right: 0%;
}


.model-photo-container .photo.double
{
	/*height:760px;
	overflow:hidden;*/
}


.model-photo-container .photo.double:hover
{
	background-color:#f7f7f7;
}

.model-photo-container .photo.double img
{

	position: relative;
	/*top: 50%;
	  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);*/
}







/* Model Photo layout - single pic per row
–––––––––––––––––––––––––––––––––––––––––––––––––– */


.model-photo-container .photo.single
{
	width:100%;
	margin-bottom: 5%;
	margin-right: 0%;
}

.model-photo-container .photo.single img
{
	width:100%;
}


.model-photo-container .photo.double:nth-of-type(4n) {
	margin-right: 0%;
}


.model-photo-container p#title
{
	border-bottom: 1px solid #dbd9d9;
    color: #555;
    font-family: calluna;
    font-weight: 100;
    margin-bottom: 10px;
    padding-bottom: 15px;
    text-align: center;
}

ul.filter
{
	margin:0;
	padding:0;
	text-align: center;
}

ul.filter li
{
	display: inline-block;
	color: #555;
    font-family: calluna;
    font-weight: 100;
    margin-right:10px;
    color:#BBB;
}

ul.filter li a
{
	color:#555;
	text-decoration: none;
	padding:5px 10px;
}


ul.filter li a.active
{
	background-color:#F1F1F1;
}

ul.filter li a:hover
{
	text-decoration: underline;
}

ul.filter li:last-child
{
	margin-right:0;
}






/* Model Photo layout - Overlay
–––––––––––––––––––––––––––––––––––––––––––––––––– */


.model-photo-container .photo .overlay
{

	background-color: rgba(0,0,0,.5);
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1000;


}


.model-photo-container .photo .overlay-details
{
	
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 30%;
    margin: auto;
}

.model-photo-container .photo .overlay-details h2
{
	color:#FFF;
	font-family: "calluna",serif;
	text-align:center;
	font-size:3.5rem;
}



.model-photo-container .photo .overlay-details p
{
	color:#FFF;
	font-family: "museo-sans",san-serif;
	text-align:center;
	font-size:1.5rem;
}

.model-photo-container .photo .overlay-details p a
{
	color:#FFF;
}



/* Creative layout - Overlay
–––––––––––––––––––––––––––––––––––––––––––––––––– */



#creative-details h1
{
	font-family: "museo-sans",sans-serif;
	font-weight:700;
	letter-spacing:0px;
	font-size:3.5rem;
	text-align:left;
	color:#6a6a6a;
}

#creative-details h1 span
{
	color:#CCC;
}

#creative-details #bio
{
	border-top:1px solid #dbd9d9;
	padding-top:10px;
	margin-top:10px;
}


#creative-details #bio p
{
	color: #6a6a6a;
	font-family: "calluna",serif;
	font-size: 18px;
	text-align: left;
}

#further-links
{
	border-top:1px solid #dbd9d9;
	padding-top:10px;
	margin-top:10px;
}

#further-links ul
{
	text-align: left;
}

#further-links ul li
{
	border-right: 1px solid #dbd9d9;
	display: inline-block;
	font-family: "calluna",serif;
	list-style: outside none none;
	margin-right: 13px;
	padding-right: 15px;
}

#further-links ul li a
{
	color:#6a6a6a;
	text-decoration: none;

}


#further-links ul li:last-child
{
	border-right:0px;
}



#further-links ul li a:hover
{
	text-decoration: underline;
}




#model-details h1
{
	font-family: "museo-sans",sans-serif;
	font-weight:700;
	letter-spacing:0px;
	font-size:3.5rem;
	text-align:left;
	color:#6a6a6a;
}

#model-details h1 span
{
	color:#CCC;
}

#model-details #stats
{
	border-top:1px solid #dbd9d9;
	padding-top:10px;
	margin-top:10px;
}

#model-details #stats ul
{
	text-align: left;
	margin-bottom:1.4rem;
}


#model-details #stats ul li
{
	color:#6a6a6a;
	list-style: none;
	font-weight:100;
	display:inline-block;
	margin-right:15px;
	margin-bottom:0px;
}

#model-details #stats ul li strong
{
	font-weight: 400;
}

#model-details #shortlist-instructions
{
	color: #6a6a6a;
	text-align: left;
	border-top: 1px solid #dbd9d9;
	padding-top: 20px;
	margin-top: 20px;
	border-bottom: 1px solid #dbd9d9;
	padding-bottom: 5px;
}

#model-details #shortlist-instructions p
{
	margin-bottom:2rem;
}




/* Polaroids
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.model-polaroid-container
{
	display:none;
	border-bottom: 1px solid #ccc;
}

.model-polaroid-container h3
{
	border-bottom: 1px solid #ccc;
    color: #6a6a6a;
    font-family: "calluna",serif;
    font-size: 1.5rem;
    font-weight: 400;
    padding-bottom: 12px;
    text-align: center;
    line-height:1.6rem;


}

.model-polaroid-container .polaroids{

	float: left;
	margin-bottom: 3.333333333%;
	margin-right: 3.333333333%;
	position: relative;
	width: 22.5%;

	/*-webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;*/


}


.model-polaroid-container  .polaroids:nth-of-type(4n) {
	margin-right: 0;
}

.model-polaroid-container  .polaroids img
{
	display:block;

	 -webkit-transition: all 0.5s linear;
       -moz-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
         -o-transition: all 0.5s linear;
            transition: all 0.5s linear;
}



.model-polaroid-container  .polaroids img:hover
{
	opacity: .7;
}


/* Instagram preview
–––––––––––––––––––––––––––––––––––––––––––––––––– */


.model-instagram-container
{
	display:none;
	border-bottom: 1px solid #ccc;
}

.model-instagram-container h3
{
	border-bottom: 1px solid #ccc;
    color: #6a6a6a;
    font-family: "calluna",serif;
    font-size: 1.5rem;
    font-weight: 400;
    padding-bottom: 12px;
    text-align: center;
    line-height:1.6rem;


}

.model-instagram-container .insta-pic{

	float: left;
	margin-bottom: 3.333333333%;
	margin-right: 3.333333333%;
	position: relative;
	width: 22.5%;

	/*-webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;*/


}


.model-instagram-container  .insta-pic:nth-of-type(4n) {
	margin-right: 0;
}

.model-instagram-container  .insta-pic img
{
	display:block;

	 -webkit-transition: all 0.5s linear;
       -moz-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
         -o-transition: all 0.5s linear;
            transition: all 0.5s linear;

    width: 100%;
    height: 100%;
}



.model-instagram-container  .insta-pic img:hover
{
	opacity: .7;
}




/* Social Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */

ul.social {
    overflow: auto;
    position: absolute;
    top: 58px;
    left: 50%;
    z-index: 1500;
    max-width: 100%;
    transition: all 0.5s ease-in-out 0s;
    max-height: 150px;
    -ms-transform: translate(-50%, 0px);
    -webkit-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
}

ul.social li {
    list-style-type: none;
    float: left;
}
 
ul.social li a i {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 7px;
    font-size: 20px;
    text-align: center;
    margin-right: 10px;
    padding-top: 9px;
    transition: all 0.2s ease-in-out;
}

ul.social.inner li a i
{
	color: #000;
    width: 30px;
    height: 30px;
    border-radius: 7px;
    font-size: 20px;
    text-align: center;
    margin-right: 10px;
    padding-top: 9px;
    transition: all 0.2s ease-in-out;
}

.fa-facebook {
    background:transparent;
} 
.fa-linkedin {
    background:transparent;
}
.fa-twitter {
    background:transparent;
}
.google-plus {
    background:transparent;
}

ul.social li a i:hover {
    opacity: .7;
}



/* About
–––––––––––––––––––––––––––––––––––––––––––––––––– */



.about
{
	margin-top: 190px;
	padding-bottom:100px;
}

.about h1
{
	color: #777;
	font-family: "calluna";
	font-size: 6rem;
	font-weight: 400;
	letter-spacing: 6px;
	margin-bottom: 60px;
	text-align: center;
}

.about h2
{
	color: #6a6a6a;
	font-family: "museo-sans",sans-serif;
	font-size: 3.5rem;
	font-weight: 700;
}

.about h3
{
	font-family: "calluna";
	font-size: 4.3rem;
	font-style: italic;
	line-height: 4.7rem;
	margin-bottom: 55px;
	margin-top: 55px;
	text-align: center;
}

.about p
{
	color: #6a6a6a;
	font-family: "calluna",serif;
	font-size: 18px;
	text-align: left;
}

.about p strong
{
	font-weight:bold;
}

.about p img#director
{
	float: left;
	margin-right: 25px;
	margin-top: 8px;
}

.about p strong, .about p b
{
	font-weight: bold;
}








/* Shortlist View 
-------------------------------------------------- */

.container.shortlist
{
	margin-bottom:40px;
}
.shortlist-details h3
{
	font-family: "museo-sans",sans-serif;
	font-weight: 700;
	letter-spacing: 0px;
	font-size: 1.5rem;
	text-align: left;
	color: #555;
	margin-top:15px;
}

.shortlist-details p a.shortlist-remove
{
	border: 1px solid #000;
	padding-left: 30px;
	padding-top: 10px;
	color: #000;
	text-decoration: none;
	padding-bottom: 10px;
	padding-right: 10px;
	background: transparent url("https://www.distinctmodelmanagement.com/assets/images/remove-icon.png") no-repeat 10px 13px;
	transition: background .25s ease-in-out;
	-moz-transition: background .25s ease-in-out;
	-webkit-transition: background .25s ease-in-out;
}

.shortlist-details p a.shortlist-remove:hover
{
	background-color:#EEE;
}


.shortlist-form-container h2
{
    font-family: "museo-sans",sans-serif;
    font-weight: 700;
    letter-spacing: 0px;
    font-size: 2.5rem;
    text-align: left;
    color: #6a6a6a;
    border-top: 1px solid #dbd9d9;
    padding-top:30px;
    margin-bottom:0px;
}

.shortlist-form-container p
{
	color: #6a6a6a;
}

.shortlist-form-container textarea
{
	height:auto;
}








/* Invoices 
-------------------------------------------------- */

body.invoice
{
	padding-top:230px;
}





.invoice-info
{
	margin-top: 0px;
	padding-bottom:100px;
}

.invoice-info h1
{
	font-family: "museo-sans",sans-serif;
	font-weight:700;
	letter-spacing:0px;
	font-size:3.5rem;
	text-align:left;
	color:#6a6a6a;
}

.invoice-info h1 span
{
	float:right;
}

.invoice-info h2
{
	color: #6a6a6a;
	font-family: "museo-sans",sans-serif;
	font-size: 1.8rem;
	font-weight: 300;
}

.invoice-info h2 a
{
	color: inherit;
}

.invoice-info h3
{	
	color: #6a6a6a;
	font-family: "museo-sans",sans-serif;
	font-size: 2.6rem;
	font-weight: 700;
}

.invoice-info p
{
	color: #6a6a6a;
	font-family: "calluna",serif;
	font-size: 18px;
	text-align: left;
}

.invoice-info p strong
{
	font-weight:bold;
}

.invoice-info p img#director
{
	float: left;
	margin-right: 25px;
	margin-top: 8px;
}

.invoice-info p strong, .invoice-info p b
{
	font-weight: bold;
}


.invoice-info p#error
{
	color:#F00;
}


.invoice-info .instructions
{
	color: #6a6a6a;
	text-align: left;
	border-top: 1px solid #dbd9d9;
	padding-top: 20px;
	margin-top: 20px;
	border-bottom: 1px solid #dbd9d9;
	padding-bottom: 5px;
}

.invoice-info .instructions p
{
	margin-bottom:2rem;
}


.invoice-info .instructions.footer #site-seal
{
	float:left;
	margin-right:20px;
}

.invoice-info .instructions.footer p
{
	font-size:1.7rem;
}


.invoice-details
{
	margin-top:30px;
	margin-bottom:30px;

}


.invoice-details h2
{
	color: #6a6a6a;
    font-family: "museo-sans",sans-serif;
    font-size: 2.5rem;
    font-weight: 700;
    margin-top: 30px;
}


.invoice-details p
{
	margin-bottom:10px;
	font-family: "museo-sans",sans-serif;
	color:#555;
	font-size:1.6rem;
}

.invoice-details p strong
{
	font-weight: bold;
}


.invoice-details ul
{
	margin-left:20px;
}


.invoice-details ul li
{
	color:#555;
}

.invoice-details .client-deets
{
	width:100%;
}

.invoice-details  #project
{
	float:left;
}

.invoice-details  #project ul {

  margin:0;
}

.invoice-details  #project ul li {
  font-size: 1.6rem;
  list-style:none;
  margin:0px;
}

.invoice-details  #project ul li#issue_date
{
	margin-top:30px;
}

.invoice-details  #company {
  float: right;

}

.invoice-details  #company p {
   text-align: right;
    margin-bottom: 0px;
    font-size: 1.6rem;
}

.invoice-details  #company p strong
{
	font-size: 1.9rem;
}


.invoice-details  #project div,
.invoice-details  #company div {
  white-space: nowrap;        
}


.invoice-details table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin-top: 40px;
  clear:both;
}

.invoice-details table tr:nth-child(2n-1) td {
  background: #F5F5F5;
}

.invoice-details table th,
.invoice-details table td {
  text-align: right;
}

.invoice-details table th {
  padding: 5px 20px;
  color: #555;
  border-bottom: 1px solid #C1CED9;
  white-space: nowrap;        
  font-weight: normal;
}

.invoice-details table .service,
.invoice-details table .desc {
  text-align: left;
}

.invoice-details table td {
  padding: 20px;
  text-align: right;
}

.invoice-details table td a
{
	color:#222;
}

.invoice-details table td.service,
.invoice-details table td.desc {
  vertical-align: top;
}

.invoice-details table td.unit,
.invoice-details table td.qty,
.invoice-details table td.total {
  font-size: 1.4rem;
}

.invoice-details table td.grand {
  border-top: 1px solid #5D6975;;
}

.invoice-details #notices .notice {
  color: #5D6975;
  font-size: 1.2em;
}



.invoice-list-container
{
	margin-top:60px;
}

.invoice-list-container h2
{
	color: #6a6a6a;
    font-family: "museo-sans",sans-serif;
    font-size: 2.5rem;
    font-weight: 700;
    border-bottom: 2px solid #000;
    padding-bottom: 20px;

}


/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */


/* IPAD LANDSCAPE */
@media only screen and (max-width: 1024px) {

	.slide.left,
	.section.left{
		background-position: center left;
	}

	.slide.center,
	.section.center{
		background-position: center center;
	}


	.slide.right,
	.section.right{
		background-position: center right;
	}





}


/* SMARTPHONE LANDSCAPE */
@media only screen and (max-width: 667px) {

	.welcome h1
	{
		margin-top: 213px;
	}

	.section .intro p
	{
		font-size: 2.5rem;
	}

	.section h2
	{

		font-size: 4.5rem;
		font-weight: 400;
		letter-spacing: 0px;
		margin-top: 155px;
		margin-bottom: 0px;

	}


	



}


/* SMARTPHONE PORTRAIT */
@media only screen and (max-width: 375px) {


	.slide.left{
		background-position: center left;
	}

	.slide.center{
		background-position: center center;
	}


	.slide.right{
		background-position: center right;
	}

}


/* SMARTPHONE LANDSCAPE */
@media only screen and (min-width: 0px) and (max-width: 960px) {


	

	.welcome h1 {
		font-size:3rem;

	}



	#view-options ul li:first-child
	{
		display: none !important;
	}


	/* On mobile we override the 4 in a row images to be double - the 4 in row doesn't work on any mobile device orientation */
	.model-photo-container .photo.rows
	{
		width: 47.5%;
		margin-bottom: 5%;
		margin-right: 5%;
	}


	.model-photo-container .photo.rows:nth-of-type(2n)
	{
		margin-right: 0%;
	}


	.model-photo-container .photo .overlay-details h2 {
		text-align: center;
		font-size: 2.5rem;
		margin-bottom: 0px;
	}



    


}