
@font-face {
    font-family: 'InloveBold';
    src: url('../fonts/inlove_bold-webfont.eot');
    src: url('../fonts/inlove_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/inlove_bold-webfont.woff') format('woff'),
         url('../fonts/inlove_bold-webfont.ttf') format('truetype'),
         url('../fonts/inlove_bold-webfont.svg#InloveBold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'InloveLight';
    src: url('../fonts/inlove_light-webfont.eot');
    src: url('../fonts/inlove_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/inlove_light-webfont.woff') format('woff'),
         url('../fonts/inlove_light-webfont.ttf') format('truetype'),
         url('../fonts/inlove_light-webfont.svg#InloveLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* HTML5 ✰ Boilerplate
 * ==|== normalize ==========================================================
 */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display:block;}
audio, canvas, video {display:inline-block; *display:inline; *zoom:1;}
audio:not([controls]) {display:none;}
[hidden] {display:none;}

html {font-size:100%; overflow-y:scroll; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
body {width:100%; height:100%; margin:0 auto; background:#000; font-size:13px; line-height:1.231;}
body, button, input, select, textarea {font-family:'InloveLight', Arial, sans-serif; color:#FFF;}

a {color:#FFF;}
a:hover {color:#CCC;}

a:hover, a:active, a:focus {outline:0;}

abbr[title] {border-bottom:1px dotted;}
b, strong, h1 {font-family:'InloveBold'; font-weight:normal;}
blockquote {margin:0;}
dfn {font-style:italic;}
hr {display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}
ins {background:#ff9; color:#000; text-decoration:none;}
mark {background:#ff0; color:#000; font-style:italic; font-weight:bold;}
pre, code, kbd, samp {font-family:monospace, monospace; _font-family:'courier new', monospace; font-size:1em;}
pre {white-space:pre; white-space:pre-wrap; word-wrap:break-word;}
q {quotes:none;}
q:before, q:after {content:""; content:none;}
small {font-size:85%;}
sub, sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
ul, ol {margin:0; padding:0; list-style:none;}
dd {margin:0 0 0 40px;}
nav ul, nav ol {list-style:none; list-style-image:none; margin:0; padding:0;}
img {border:0; -ms-interpolation-mode:bicubic; vertical-align:middle;}
svg:not(:root) {overflow:hidden;}
figure {margin:0;}

form {margin:0;}
fieldset {border:0; margin:0; padding:0;}
label {cursor:text;}
legend {border:0; *margin-left:-7px; padding:0;}
button, input, select, textarea {font-size:100%; margin:0; vertical-align:baseline; *vertical-align:middle;}
button, input {line-height:normal; *overflow:visible;}
table button, table input {*overflow:auto;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor:pointer;}
input[type="checkbox"], input[type="radio"] {box-sizing:border-box;}
input[type="search"] {-webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;}
input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;}
textarea {overflow:auto; vertical-align:top; resize:vertical;}
input:valid, textarea:valid {}
input:invalid, textarea:invalid {background-color:#f0dddd;}

table {border-collapse:collapse; border-spacing:0;}
td {vertical-align:top;}


/* ==|== primary styles =====================================================
   Author: thisislove studio
   ========================================================================== */

#fontDelay {font-family:'InloveBold'; font-weight:normal; color:#000;}

header {width:100%; position:fixed; bottom:0; left:0; z-index:999;}
nav {width:360px; height:38px; margin:12px auto; background:#000;}
nav li {float:left;}
nav a {display:block; width:90px; height:38px; background:url('../images/layout/menuSeparator.gif') no-repeat center right; font:13px Arial, Helvetica, sans-serif; text-decoration:none; text-align:center; line-height:40px; float:left;}
nav li:last-child a, nav li a:hover, nav li a.current, nav li a.currentPrev, nav li a.currentPrevFixed {background-image:none;}
nav #buttonAgencia:hover {background-color:#FCC!important; color:#000!important;}
nav #buttonTalentos:hover {background-color:#FF9!important; color:#000!important;}
nav #buttonInscricoes:hover {background-color:#FCC!important; color:#000!important;}
nav #buttonContactos:hover {background-color:#FCC!important; color:#000!important;}
nav #buttonNewsletter:hover {background-color:#FCC!important; color:#000!important;}

#main {padding:54px 42px; overflow:hidden;}
h1 {margin:0; font-size:70px; text-transform:uppercase; line-height:70px;}
#talentos {color:#FF9;}

#home {display:none; width:431px; height:277px; margin:-138px 0 0 -215px; position:absolute; top:50%; left:50%;}


#agencia, #inscricoes, #contactos, #newsletter {display:none; font-size:45px; color:#000; line-height:40px; letter-spacing:1px;}
#agencia p, #inscricoes p, #contactos p {margin:0;}
#talentos {display:none;}
#talentos ul li {float:left;}
#talentos ul li img {height:179px;}

#contactos span {display:block; margin-left:30px; text-transform:uppercase;}
#contactos a {color:#FFF; text-decoration:none;}
#contactos a:hover {text-decoration:underline;}

input[type="button"] {color:#000;}

input[type="text"], input[type="name"], input[type="email"], input[type="password"] {width:271px; height:20px; padding:0 6px; background:none; border-top:none; border-right:none; border-bottom:1px dotted #999; border-left:none; font-family:'InLoveLight', sans-serif; font-size:16px; color:#FFF;}

#inscricao {width}
label.error {display:none!important;}
.success {display:none;}
#feedback {font-family:'InLoveLight', sans-serif; font-size:16px;margin: -12px 0 0!important;
text-transform: capitalize!important;}


input.name {width:432px;}
input.birthdate {width:284px;}
input.bi,
input.nif {width:229px;}
input.address {width:500px;}
input.postalcode,
input.city,
input.country {width:126px;}
input.email,
input.phone {width:214px;}
input.height,
input.weight,
input.measures,
input.shoe {width:50px;}
input.skincolor {width:177px;}
select.hair,
select.eyes {width:88px;}
input.qualifications,
input.occupation {width:169px;}
input.languages,
input.sports {width:206px;}
input.observations {width:266px;}
input.otheragency {width:314px;}
input.file1 {width:535px; border-bottom:1px dotted #999; font-family: Helvetica, Arial, sans-serif; font-size:12px; font-weight:lighter; color:#FFF;}
input.file2 {width:531px; border-bottom:1px dotted #999; font-family: Helvetica, Arial, sans-serif; font-size:12px; font-weight:lighter; color:#FFF;}

input.button {display:block; width:54px; height:24px; margin-top:18px; font-family:Helvetica, Arial, sans-serif; font-size:12px; color:#000;}


.newsletter, .login {width:36px; height:24px; font-family:Helvetica, Arial, sans-serif; font-size:12px; color:#000;}


select {height:20px; font-family:Helvetica, Arial, sans-serif; font-size:12px!important; color:#000;}


.ie8 input {top:-20px!important;}
.ie8 .radio {width:40px!important; height:15px!important; background:none!important; top:-6px!important;}
.ie8 .file {height:22px!important; background:#FFF!important; top:-15px!important;}

.ie8 input {top:5px!important;}
.ie7 .radio {background:none!important; top:4px!important;}


#agencia, #inscricoes, #contactos {font-size:35px; line-height:30px;}
#inscricoes {line-height:40px;}

#agencia, #talentos, #contactos {margin:0 auto; font-size:46px; color:#FFF; line-height:46px;}
#inscricoes {margin:0 auto; font-size:16px; color:#FFF; line-height:30px;}
#talentos h1 {color:#FF9;}
#talentos p {margin:0;}

#agencia img {margin:0 auto;}
#inscricoes {text-align:left;}

.radio {top:4px!important;}

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;}


.talentosgallery {position:relative;}
.js-image {background:#000; font-size:1em; overflow:hidden; z-index:1; text-align:left;}
.js-image a img,
a .js-overlay-image {border:none;}
.js-image,
.js-image img{width:120px; height:179px;}
.js-overlay-image {width:auto; height:auto;}
.js-image.size-2,
.js-image.size-2 img {width:110px; height:76px; font-size:.6em;}
.js-image.size-1,
.js-image.size-1 img {width:54px; height:37px; font-size:.3em;}
.js-small-caption {position:absolute; bottom:0; left:0; background:#000; width:94%; padding:3%; height:auto;}
.js-small-caption {opacity:.8;}
.js-caption-overlay {background:#000; z-index:1000; padding:12px; position:absolute; overflow:hidden; width:370px!important;}
.js-small-caption span {color:#000;}
.js-overlay-image {float:left;}
.js-overlay-html {float:left; padding:0 0 0 15px; width:170px; color:#FF9; font-size:45px; position:absolute; bottom:12px; left:200px; line-height:40px;}
.js-overlay-html h4 {margin:0; padding:0 0 10px 0;}
.js-overlay-html p {font-size:.75em; margin:0;}


/* ==|== non-semantic helper classes ======================================== */
.ir {display:block; border:0; text-indent:-999em; overflow:hidden; background-color:transparent; background-repeat:no-repeat; text-align:left; direction:ltr;}
.ir br {display:none;}
.hidden {display:none !important; visibility:hidden;}
.visuallyhidden {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto;}
.invisible {visibility:hidden;}
.clearfix:before, .clearfix:after {content:""; display:table;}
.clearfix:after {clear:both;}
.clearfix {zoom:1;}

.clear {clear:both}

/* ==|== media queries ====================================================== */

@media only screen and (min-width:480px) {



}

@media only screen and (min-width:768px) {

}



/* ==|== print styles ======================================================= */
 
@media print {
  * {background:transparent !important; color:black !important; text-shadow:none !important; filter:none !important; -ms-filter:none !important;} 
  a, a:visited {text-decoration:underline;}
  a[href]:after {content:" (" attr(href) ")";}
  abbr[title]:after {content:" (" attr(title) ")";}
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {content:"";} 
  pre, blockquote {border:1px solid #999; page-break-inside:avoid;}
  thead {display:table-header-group;}
  tr, img {page-break-inside:avoid;}
  img {max-width:100% !important;}
  @page {margin:0.5cm;}
  p, h2, h3 {orphans:3; widows:3;}
  h2, h3 {page-break-after:avoid;}
}
