/* Typo
font-family: 'Ubuntu', sans-serif;
font-family: 'Source Sans Pro', sans-serif;
*/

@import url('https://fonts.googleapis.com/css?family=Nunito');

html, body{ font-family: 'Nunito', sans-serif; background:#f9f9f9 none; -webkit-font-smoothing:antialiased; }
h1, h2, h3, h4, h5, h6{ font-family: 'Nunito', sans-serif; }
a,a:visited, a:hover{ color:#ff4848; }

/* bootstrap overwrites */
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, 
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, 
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{ padding-right:10px; padding-left:10px; }
.container{ max-width:960px; padding-left:10px; padding-right:10px; }
.row{ margin-left:-10px; margin-right:-10px; }
hr{ margin:20px auto; width:calc( 100% - 40px ); height:1px; background:url('../images/hr.png') no-repeat top center; border:0; outline:0; }
hr.first{ margin-top:0; }


/* HEADER */
header{ background:url('../images/header-4.jpg') no-repeat top center; min-height:600px; }
header.simple{}
.logo{ float:left; text-decoration:none; outline:0; width:185px; height:70px; margin:20px 0; background:url('../images/staxus-models.png') no-repeat top left; text-indent:100%; white-space:nowrap; overflow:hidden; position: relative; margin-top: 30px; }
.mobileMenu .logo{ z-index: 9999; margin-top: 10px; }


.links{ position: absolute; top: 0px; max-width: 960px; margin: auto; width: calc( 100% - 10px ); }
.links .lang {  max-height: 15px; overflow: hidden; }
	.lang{ float:left; padding:0; margin:10px 0 0; list-style:none; }
	.lang li{ float:left; margin:0 0 0 10px; position:relative; }
	.lang li:before{ content:"•"; position:absolute; top:50%; left:-8px; margin-top:-6px; width:8px; height:8px; line-height:8px; font-size:17px; }
	.lang li:first-child:before{ content:""; display:none; }
	.lang a{ color:#424f57; text-decoration:none; font-size:12px; display:block; font-weight:600; }
	.lang a:hover{ color:#ff4848; text-decoration:underline; }
	.lang .active a{ color:#ff4848; }
	
	.menu{ float:left; clear:right; list-style:none; padding:0; margin:6px 0 0; margin-left: 200px; }
	.menu li{ float:left; padding:0 20px; }
	.menu li.lang { display: block; }
	.menu a{ text-transform:uppercase; color:#424f57; cursor: pointer; text-decoration:none; display:block; font-size:16px; line-height:1em; margin:4px 0 0; font-weight:800; outline:0; }
	.menu a:hover, .menu li.active a{ color:#ff4848; }
	
	.menu li:first-child a{ width:22px; height:22px; background:url('../images/home.png') no-repeat center center; white-space:nowrap; text-indent:100%; overflow:hidden; margin:0; }
	.menu li:first-child.active a{ background-image:url('../images/homeH.png'); }
	.menu li.languageChoice { display: none; }
	.menu.selected { display: block; float:none; overflow: auto; clear:right; list-style:none; padding:0; padding-top: 80px; margin:6px 0 0; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: #FFF; z-index: 99; }
	.menu.selected li { background-color: #FFF; padding: 15px; float: none; border-bottom: 1px dotted #000; }	
 	.menu.selected li:first-child { border-top: 1px dotted #000; }   
	.menu.selected li.languageChoice { display: block; }


.title{ color:#424f57; margin-top:540px; }
.title h1{ text-transform:uppercase; font-weight:900; font-size:60px; margin:0; }
.title h3{ font-size:18px; font-weight:600; margin:5px 0 15px; line-height:1.6em; }
.button{ display:inline-block; text-transform:uppercase; text-align:center; padding:25px 35px 23px; font-size:16px; line-height:1em; font-weight:600; text-decoration:none; font-family: 'Ubuntu', sans-serif; border:0; -moz-border-radius:0; -webkit-border-radius:0; outline:0; border-radius:0; }
.button.button-red{ background:#ff4848; color:white; box-shadow:0 2px 1px #ccc; }
.button.button-red:hover{ background:#e92f2f; text-decoration:none; }
.button.btn-sm{ padding:13px 13px 10px; font-size:14px; font-weight:800; }
.title .button{ margin-bottom:25px; }
html, body { width: 100%; }

/* FOOTER */
footer{ padding:20px 0; }
.staxus-logo{ float:left; text-decoration:none; outline:0; background:url('../images/logo-staxus.png') no-repeat top left; width:171px; height:45px; text-indent:100%; white-space:nowrap; overflow:hidden; }
.footer-nav{ color:#424f57; }
.footer-nav ul{ float:right; list-style:none; padding:0; margin:0; }
.footer-nav li{ float:left; line-height:12px; border-left:1px solid #424f57; }
.footer-nav li:first-child{ border-left:0; }
.footer-nav li a{ display:block; margin:0 10px; color:#424f57; font-size:12px; text-transform:uppercase; font-weight:800; }
.footer-nav li:last-child a{ margin-right:0; }
.footer-nav p{ float:right; clear:right; margin:10px 0; font-size:13px; }


/* main content */
h2.default{ color:#424f57; }
h2{ color:#ff4848; font-size:26px; text-transform:uppercase; font-weight:900; }
h4{ color:#424f57; font-size:20px; line-height:1.6em; font-weight:400; margin:0; }
h4 span{ font-weight:900; }
h4 .button{ margin:15px 0 0; }

.info-listing{ float:left; list-style:none; padding:0; margin:0; width:50%; }
.info-listing li{ position:relative; padding-left:22px; color:#424f57; font-size:14px; line-height:24px; }
.info-listing b{ font-weight:800; }
.info-listing li:before{ content:""; width:10px; height:10px; position:absolute; top:12px; margin-top:-5px; left:0; background:url('../images/info-icon.png') no-repeat center center; }
.video-container{ float:right; width:50%; text-align:right; }
.video-container img { width:100%; }

.collection-models{ list-style:none; margin:0 0 -20px; overflow:hidden; padding:0; }
.model{ float:left; margin:0 20px 20px 20px; width: calc( 20% - 40px ); text-align: center; }
.model a{ text-decoration:none; color:black; }
.model .model-picture{ display:block; width:100%; overflow:hidden; }
.model img{ display:block; border-bottom:1px solid white; max-width:172px; min-height: 233px; width: 100%; height:auto; vertical-align:middle; margin:auto; }
.model b{ display:block; border-top:1px solid #cacaca; box-shadow:0 1px 0 #e9e9e9 inset; font-size:15px; line-height:1em; padding:10px 0 0; text-align:center; font-weight:600; height:25px; }
.model b a{}


/* APPLY page */
.form-wrapper{ margin:0 auto; max-width:700px; }
.form-wrapper fieldset{ background:#f2f1f1; margin-bottom:4px; }
.form-wrapper .row{ margin-left:0; margin-right:0; padding:0 80px; }
.form-wrapper button[type=submit]{ margin-top:15px; margin-bottom:15px; }
form .row .col-lg-4:last-child{ float:right; }

form .row .col-lg-3 select{ width:100%; }
form .row .col-lg-6.centered{ padding-left:67px; }
form .row .col-lg-6 select{ width:135px; }

fieldset{ padding:20px 0; font-size:14px; color:#424f57; }
fieldset *[class^='col']{ padding-left:0; padding-right:0; }
fieldset hr{ float:left; width:100%; margin:15px auto; background:transparent url('../images/form-hr.png') no-repeat top center; border:0; height:1px; }
fieldset hr.last{ margin-bottom:-10px; }
fieldset h6{ font-size:18px; text-align:center; color:#424f57; text-transform:uppercase; font-weight:900; margin:0; }
input{ width:260px; }
textarea{ width:434px; height:254px; }
fieldset input{ width:100%; }
label{ font-family: 'Ubuntu', sans-serif; width:100px; }
label b{ color:#e92f2f; }
fieldset label{ display:block; width:auto; margin:25px 0 5px; }
input{ outline:0 !important; }
input[type=text], input[type=email], input[type=url], input[type=tel], textarea, select{ border:1px solid #b0b0b0; background:white; box-shadow:1px 1px 0 #dfdfdf inset; font-size:12px; line-height:1em; padding:4px 5px; }
input[type=text]:hover, input[type=email]:hover, input[type=url]:hover, input[type=tel]:hover, textarea:hover, select:hover{ border-color:#999; outline:0; }
input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=tel]:focus, textarea:focus, select:focus{ outline:0; box-shadow:0 0 5px #ccc; }
input[type=text], input[type=email], input[type=url], input[type=tel], select{ height:23px; }
fieldset textarea{ width:100%; min-height:100px; height:auto; }
span input[type=checkbox]{ float:left; margin:4px 2px 0 0; width:auto; }
span label{ margin:0 10px 0 0; float:left; line-height:20px; }
select{ min-width:120px; margin-right:5px; padding:0 5px; }
select[name="country"]{ width:100%; }
option{ padding:0 !important; margin:0 !important; }
.thick span{ float:left; margin-right:10px; }
.single{ margin-bottom:15px; }
.single label, .single input{ vertical-align:top; margin-bottom:0; }
.single button[type=submit]{ float:left; margin:0 0 0 100px; }

.contact-info{ position:relative; }
.contact-details{ display:none; position:absolute; top:0; left:50%; width:50%; font-family: 'Ubuntu', sans-serif; }
.form-info{ display:block; padding-bottom:10px; font-weight:600; }
.contact-methods{ font-weight:800; }
.contact-methods b{ display:block; line-height:20px; margin-bottom:10px; }
.contact-methods b span{ display:inline-block; padding-left:22px; line-height:20px; }
.contact-methods .skype span{ background:url('../images/skype-icon.png') no-repeat center left; }
.contact-methods .facebook span{ background:url('../images/facebook-icon.png') no-repeat center left; }
.contact-info form{ width:60%; margin:0 auto; }

	/* forms captcha */
	.captcha{ position:relative; padding-left:235px; min-height:115px; margin:10px 0; max-width:100%; }
	.captcha input[type=text]{ float:left; height:26px; width:200px; margin:2px 0; }
	.captcha button{ float:left; clear:both; background:#ff4848; border:0; height:26px; padding:5px 10px; color:white; text-transform:uppercase; font-size:12px;  }
	.captcha button:hover{ background:#e92f2f; }
	.captcha img{ position:absolute; top:0; left:0; }

	.contact-info .captcha{ margin-left:100px; }
	.form-apply .captcha{ margin-left:80px; }

/* MODELS page */
.model-picture{ padding:0; }
.model-details{ background:#f2f1f1; padding:35px; margin-bottom:10px; }
.model-details h3{ margin:0; font-size:26px; line-height:1em; font-weight:900; color:#424f57; }
.model-details p{ margin-bottom:15px; }
.model-details p:last-child{ margin-bottom:0; }
.model-details b{ display:inline-block; font-size:14px; line-height:1em; color:#424f57; font-family: 'Ubuntu', sans-serif; }
.model-details span{ display:inline-block; color:#424f57; }
.model-details b{ width:155px; font-weight:600; }
.model-details span{}

.fileGroup{ margin-top:5px; overflow:hidden; }
.fileGroup input{ float:left; width:auto; }
.fileGroup a{ float:left; margin:0 0 0 50px; }


.mobileMenuIcon {
    display: none;
    cursor: pointer;
    position: absolute;
    right: 30px;
    top: 30px;
	z-index: 9999;
}


.bar1, .bar2, .bar3 {
    width: 35px;
    height: 5px;
    background-color: #333;
    margin: 6px 0;
    transition: 0.4s;
}

.selected .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
    transform: rotate(-45deg) translate(-9px, 6px);
}

.selected .bar2 {opacity: 0;}

.selected .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-8px, -8px);
}


@media (max-width: 1200px) {
form .row .col-lg-4:last-child { float: none; }
}
@media (max-width: 1000px) {
 .model{ float:left; margin:0 20px 20px 20px; width: calc( 25% - 40px ); }
}

@media (max-width: 990px) {
 .contact-info form { width: 100%; }
 .contact-info form textarea { width: 100%; }
 .captcha { padding-left: 0px; margin-left: 0px !important; min-height: 150px; }
 .captcha img { top: auto; left: auto; position: relative; display: block; }
 .captcha input[type=text] { width: 100%; }
 .form-wrapper .row { padding: 0; }
}

@media (max-width: 800px) {
 .menu { display: none; }
 .mobileMenuIcon { display: inline-block; }
}


@media (max-width: 750px) {
 .model{ float:left; margin:0 20px 20px 20px; width: calc( 33% - 40px ); }
}


@media (max-width: 700px) {
 .contact-info form { width: 100%; }
 .contact-info form textarea { width: 100%; }
 .captcha { padding-left: 0px; margin-left: 0px !important; min-height: 150px; }
 .captcha img { top: auto; left: auto; position: relative; display: block; }
 .captcha input[type=text] { width: 100%; }
 .form-wrapper .row { padding: 0; }
}


@media (max-width: 550px) {
 .model{ float:left; margin:0 20px 20px 20px; width: calc( 50% - 40px ); }
 .info-listing { width: 100%; }
 .video-container { width: 100%; }
}