/*!
 * Start Bootstrap - Full HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
    margin-top: 50px; /* Required margin for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
    font-family: 'museo_sans300';
    font-size: 15px;
}

/* Header Image Background - Change the URL below to your image path (example: ../images/background.jpg) */

.full {
    background: url('../images/main_bg.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

@font-face {
    font-family: 'museo_sans100';
    src: url('../fonts/museosans-100_2-webfont.eot');
    src: url('../fonts/museosans-100_2-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museosans-100_2-webfont.woff2') format('woff2'),
         url('../fonts/museosans-100_2-webfont.woff') format('woff'),
         url('../fonts/museosans-100_2-webfont.ttf') format('truetype'),
         url('../fonts/museosans-100_2-webfont.svg#museo_sans100') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'museo_sans300';
    src: url('../fonts/museosans-300_2-webfont.eot');
    src: url('../fonts/museosans-300_2-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museosans-300_2-webfont.woff2') format('woff2'),
         url('../fonts/museosans-300_2-webfont.woff') format('woff'),
         url('../fonts/museosans-300_2-webfont.ttf') format('truetype'),
         url('../fonts/museosans-300_2-webfont.svg#museo_sans300') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'museo_sans500';
    src: url('../fonts/museosans-500_2-webfont.eot');
    src: url('../fonts/museosans-500_2-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museosans-500_2-webfont.woff2') format('woff2'),
         url('../fonts/museosans-500_2-webfont.woff') format('woff'),
         url('../fonts/museosans-500_2-webfont.ttf') format('truetype'),
         url('../fonts/museosans-500_2-webfont.svg#museo_sans500') format('svg');
    font-weight: normal;
    font-style: normal;
}

ul { list-style-type: none; margin: 0; padding: 0;}


.navbar { background: #fff;	height: 125px; }
.navbar-header { width: 100%; }
.navbar-brand { background: url(../images/logo.png) no-repeat; width: 250px; height: 65px; display: block; margin: 0 auto; text-indent: -9999px; padding: 0; float: none; }

.navbar-nav { width: 100%; text-align: center; margin-top: 20px; }
.navbar-nav>li { float: none; display: inline-block; border-right: solid 1px #e5e5e5; }
.navbar-nav>li:last-child { border-right: none; }

.nav > li > a { padding: 0px 30px; color: #606060; line-height: 16px; }
.nav > li > a:hover { background: none; color: #d5487a; }

.navbar-collapse { background: #fff; }


.main-content { position: absolute; top: 350px; width: 100%; color: #fff; text-align: center; z-index: 9999; }
.main-content ul { display: block; margin-bottom: 40px; }
.main-content ul li { line-height: 30px; letter-spacing: 5px; }
.main-content a { display: block; color: #fff; border: solid 2px #929391; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; width: 220px; margin: 0 auto 10px; line-height: 46px; font-family: 'museo_sans500'; font-size: 13px; letter-spacing: 3px; }
.main-content a:hover { border-color: #fff; text-decoration: none; } 


.main-social { width: 150px; position: fixed; bottom: 50px; left: 50%; margin-left: -75px; z-index: 1050; }
.main-social ul li { display: block; float: left; height: 30px; width: 30px; }
.main-social ul li a { color: #fff; }


.sub-social { width: 150px; margin: 20px auto 0; border-top: solid 1px #e5e5e5; padding-top: 20px; }
.sub-social ul li { display: block; float: left; height: 30px; width: 30px; }
.sub-social ul li a { color: #606060; }
.sub-social ul li a:hover { color: #d5487a; }


.sub-top { height: 300px; text-align: center; position: relative; }
.sub-top h1 { font-family: 'museo_sans100'; font-size: 50px; letter-spacing: 20px; line-height: 300px; color: #fff; position: absolute; top: 0; left: 0; width: 100%; height: 300px; z-index: 1050;  }
.sub-top .title-mask { background: rgba(51,52,53,0.6); height: 300px; position: absolute; top: 0; left: 0; width: 100%; z-index: 1020; }
.about, .product, .reference, .contact { background-size: cover; -o-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; }
.about { background: url(../images/a_bg.jpg) no-repeat center; }
.product { background: url(../images/p_bg.jpg) no-repeat center; }
.reference { background: url(../images/r_bg.jpg) no-repeat center; }
.contact { background: url(../images/c_bg.jpg) no-repeat center; }


.sub-content { margin-top: 125px; }

.text-content { color: #777; line-height: 30px; font-size: 16px; text-align: center; padding: 40px; font-family: 'museo_sans100'; }
.text-content p { margin-bottom: 40px; }
.text-content img { max-width: 800px; margin: auto; }

.short-line { width: 100px; margin: 40px auto; border: solid 1px #d5487a; }


.products, .references { padding: 40px 0; }
.products a { display: block; margin-bottom: 30px; color: #777777; }
.products a:hover { color: #d5487a; }


.product-item { position: relative; }
.product-item h2 { position: absolute; top: 70px; left: 0; width: 100%; box-sizing: border-box; padding: 0 20px; text-align: center; font-size: 20px; color: #222; display: none; }
.product-item:hover img {  opacity: 0.3; }
.product-item:hover h2 { display: block; }

.ref-list { text-align: center; margin-top: 30px;  }
.ref-list ul li { line-height: 30px; }

.slides-container h1 { font-family: 'museo_sans100'; font-size: 50px; letter-spacing: 20px; margin-bottom: 40px; position: absolute; top: 260px; width: 100%; color: #fff; text-align: center; z-index: 9999; }


footer { border-top: solid 1px #e5e5e5; padding: 40px 0; text-align: center; }
footer p { font-size: 13px; color: #999; }
footer p.phone { font-size: 22px; color: #d5487a; font-family: 'museo_sans500'; }


.adress, .form, .maps { text-align: center; }
.form { width: 50%; margin: 0 auto 30px; }
.form input { margin-bottom: 15px; }
.form button { display: block; line-height: 40px; width: 180px; color: #fff; font-size: 15px; border: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin: 30px auto 0; background: #199647; font-family: 'museo_sans500'; }


.slide1 { background: url(../images/main_bg.jpg) no-repeat; background-size: cover; }
.slide2 { background: url(../images/main_bg2.jpg) no-repeat; background-size: cover; }
.slide3 { background: url(../images/main_bg3.jpg) no-repeat; background-size: cover; }
.slide4 { background: url(../images/main_bg4.jpg) no-repeat; background-size: cover; }


@media (max-width: 1200px) {

.main-content { top: 180px; }
.main-content h1 { font-size: 40px; letter-spacing: 10px; margin-bottom: 30px; }
.main-content ul li { line-height: 30px; letter-spacing: 5px; font-size: 13px; }

}


@media screen and (max-width: 767px) {
	
.sub-content { margin-top: 50px; }

.navbar-nav>li { border-right: none; display: block; width: 100%; }
.navbar-nav>li a { line-height: 30px; padding: 0; text-align: center; }

.navbar-collapse { z-index: 9999; }

.navbar-nav { margin: 20px 0; }

.navbar-brand { background: url(../images/logo_small.png) no-repeat; width: 180px; height: 47px; float: left; margin-left: 10px; }
.navbar { height: 50px; z-index: 99999; }

.navbar-toggle { padding: 20px 0 0 0; margin: 0 0 0 0; }
.navbar-toggle span { background: #ccc; }

.main-content { top: 180px; }
.main-content h1 { font-size: 30px; letter-spacing: 5px; margin-bottom: 20px; }
.main-content ul li { line-height: 20px; letter-spacing: 5px; font-size: 13px; }

.text-content { line-height: 24px; font-size: 14px; }

.form { width: 90%; margin: 0 auto 20px; }

.slides-container h1 { font-size: 26px; position: absolute; top: 80px; padding: 0 15px; box-sizing: border-box; word-wrap: break-word; }


.adress p { padding: 0 15px; }
.sub-top { height: 200px; }
.sub-top h1 { font-size: 25px; line-height: 200px; height: 200px; letter-spacing: 10px; margin: 0; }
.sub-top .title-mask { height: 200px; }

/*
.slide1 { background: url(../images/main_bgm.jpg) no-repeat; background-size: cover; }
.slide2 { background: url(../images/main_bgm2.jpg) no-repeat; background-size: cover; }
.slide3 { background: url(../images/main_bgm3.jpg) no-repeat; background-size: cover; }
.slide4 { background: url(../images/main_bgm4.jpg) no-repeat; background-size: cover; }
*/

}
.navbar-fixed-top {
 z-index: 9999;
}