@charset "utf-8";

* { margin:0; padding:0; border:none; outline:none; }
html { height:100%; }
body { width:100%; height:auto; font-family:'Titillium Web', sans-serif; font-size:62.5%; background-color:#000000; }
img { max-width:100%; vertical-align:middle; line-height:1; }

.clearfix:before,.clearfix:after { content:" "; display:table; }
.clearfix:after { clear:both; }
.clearfix { *zoom: 1; }

/* *** HEADER *** */
/* ********************************************************************************************************************************************* */
header .content { padding:60px 10%; text-align:center; background-size:cover; background-position:center center; }
header.bg .content { background-image:url(../images-new/bg-header.jpg); }
header.bg-gif .content { background-image:url(../images-new/bg-header.gif); }
#nav-trigger { display:none; line-height:54px; border-top:solid 1px #ffffff; border-bottom:solid 1px #ffffff; cursor:pointer;
font-size:2.6em; color:#ffffff; text-decoration:none; text-transform:lowercase; text-align:center; }
#nav-trigger .fa { margin-left:10px; }
#nav-trigger:hover { color:#d80106; } 
header nav { position:relative; z-index:9999; height:54px; text-align:center; border-top:solid 1px #ffffff; border-bottom:solid 1px #ffffff; }
header nav ul { list-style-type:none; display:inline-block; }
header nav ul li { float:left; position:relative; }
header nav ul li a { display:block; margin:12px 24px; font-size:2.6em; color:#ffffff; text-decoration:none; text-transform:lowercase; line-height:30px; }
header nav ul li a:hover { color:#d80106; }
header nav ul li .sub-menu { display:none; position:absolute; left:0; min-width:100%; background-color:rgba(0,0,0,0.8); border-top:solid 1px #ffffff; }
header nav ul li .sub-menu li { float:none; }
header nav ul li .sub-menu li a { margin:0; padding:10px 15px; font-size:2em; line-height:100%; }

/* *** CONTENT *** */
/* ********************************************************************************************************************************************* */
#slider { width:90%; max-width:1000px; margin:0 auto; }
#slider .swiper-slide img { opacity:0; transition:all 400ms linear; }
#slider .swiper-slide img.last { transform:scale(1.4,1.4); }
#slider .swiper-slide.swiper-slide-active img { opacity:1; transition:all 400ms linear; }
#slider .swiper-slide.swiper-slide-active img.last { transform:scale(1,1); }
#slider .swiper-slide p { position:absolute; padding:20px; font-size:2em; color:#ffffff; line-height:120%; opacity:0; transition:all 400ms linear; }
#slider .swiper-slide.swiper-slide-active p { opacity:1; transition:all 400ms linear; }
#slider .swiper-slide p.left { left:0; bottom:0; }
#slider .swiper-slide p.right { right:0; bottom:0; text-align:right; }
#slider .swiper-slide p.top { right:0; top:0; text-align:right; }
#slider .swiper-slide p a { color:#ffffff; text-decoration:none; }
#slider .swiper-slide p a:hover { text-decoration:underline; }

#page { width:90%; max-width:1000px; margin:0 auto; padding:45px 0; color:#ffffff; }
#page .page-title { font-size:2.4em; line-height:120%; }
#page .page-title a { color:#ffffff; text-decoration:none; }
#page .page-title a:hover { color:#d80106; }
#page p { margin-top:30px; font-size:1.6em; line-height:140%; }
#page p a { color:#cccccc; text-decoration:none; }
#page p a:hover { color:#d80106; }

#page .category { list-style-type:none; padding-top:10px; text-align:center; }
#page .category li { display:inline-block; width:150px; margin:20px 5px 0; }
#page .category li a { display:block; text-decoration:none; color:#ffffff; }
#page .category li img { width:100%; }
#page .category li a:hover img { opacity:0.9; }
#page .category li h3 { margin-top:10px; font-size:1.4em; font-weight:normal; line-height:110%; }
#page .category li a:hover h3 { color:#d80106; }

#page .model-detail { margin-top:30px; }
#page .model-detail img { float:left; max-width:calc(100% - 230px); }
#page .model-detail ul { list-style-type:none; float:left; width:200px; margin-left:30px; }
#page .model-detail ul li { margin-top:10px; font-size:1.5em; line-height:120%; text-transform:uppercase; }
#page .model-detail ul li:first-child { margin-top:0; }

#page .model-thumbs { list-style-type:none; padding-top:20px; }
#page .model-thumbs li { float:left; margin-top:10px; margin-right:10px; }

#contact-form { margin-top:30px; }
#contact-form label { display:block; margin-top:15px; font-size:1.6em; line-height:140%; }
#contact-form label:first-child { margin-top:0; }
#contact-form input[type="text"],#contact-form textarea { width:100%; max-width:400px; box-sizing:border-box; margin-top:5px; padding:8px 12px;
font-family:'Titillium Web', sans-serif; font-size:1.6em; color:#000000; background-color:#ffffff; }
#contact-form textarea { overflow:auto; }
#contact-form .form-error { display:none; margin-top:5px; font-size:1.6em; color:#d80106; }
#contact-form .submit { margin-top:20px; }
#contact-form button[type="submit"] { padding:8px 30px; background-color:#d80106; cursor:pointer;
font-family:'Titillium Web', sans-serif; font-size:1.8em; color:#ffffff; text-transform:uppercase; }
#contact-form button[type="submit"]:hover { opacity:0.9; }
#contact-form .form-success { display:none; margin-top:5px; font-size:1.6em; color:#ffffff; }

/* *** FOOTER *** */
/* ********************************************************************************************************************************************* */
footer .marquee { width:90%; max-width:1000px; margin:0 auto; padding:10px 0; font-size:2em; color:#7c7c7c; white-space:nowrap; line-height:20px;
background-color:#1c1a17; box-sizing:border-box; animation:marquee 25s linear infinite; overflow:hidden; }
footer .marquee:hover { animation-play-state:paused; }
@keyframes marquee {
    0%   { text-indent: 100% }
    100% { text-indent: -100% }
}
footer .content { width:90%; max-width:1000px; margin:0 auto; padding:30px 0 60px; text-align:center; }
footer p {font-family:'Lato', sans-serif; font-size:1.4em; color:#454444; }
footer h3 { margin:15px 15px; font-family:'Lato', sans-serif; font-size:1.4em; font-weight:normal; color:#ffffff; }
footer .facebook:hover { opacity:0.9; }
footer .fb-logo img:hover{
	opacity:0.9;
}