/* normal */
@font-face {
    font-family: 'mentonesemibold';
    src: url('mentone-semibol-webfont.eot');
    src: url('mentone-semibol-webfont.eot?#iefix') format('embedded-opentype'),
         url('mentone-semibol-webfont.woff2') format('woff2'),
         url('mentone-semibol-webfont.woff') format('woff'),
         url('mentone-semibol-webfont.ttf') format('truetype'),
         url('mentone-semibol-webfont.svg#mentonesemibold') format('svg');
    font-weight: normal;
    font-style: normal;

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

}
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
* { margin: 0px; padding: 0px; }
html, body { font-family: 'mentonesemibold',Arial; font-size: 14px; color: #58595b;height: 100%; }
input, select, textarea { font-family:'mentonesemibold',Arial; font-size: 14px; color: #58595b; }

img { border: 0px; display: block; }
a, input { outline: none; text-decoration: none; }
a:hover { text-decoration: underline; }
.clear { clear: both; height: 0px; overflow: hidden; }
.centering { margin: auto; position: relative; width: 1065px; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #36372f; }
.section{
    height: 100%;
    width: 100%;
}
h1 { font-size: 24px;color:#58595b;font-family: 'steelfishregular'; text-transform: uppercase;margin-bottom: 25px;}
h2 { font-size: 22px; font-family: 'steelfishregular';}
h3 { font-size: 20px;font-family: 'steelfishregular'; }
h4 { font-size: 18px; font-family: 'steelfishregular';}
h5 { font-size: 16px;font-family: 'steelfishregular'; }
h6 { font-size: 14px; font-family: 'steelfishregular';}

ul, ol { padding-left: 0; list-style: none; list-style-type: none; }
li { color: #36372f; }
li a { color: #36372f; text-decoration: none; }
li a:hover { text-decoration: underline; }

input, select, button, textarea { -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0px; }

/* template  */
#template { position: relative; display: block; width: 100%; }
#fullpage{
    height: 100%; position: relative; transform: translate3d(0px, 0px, 0px);
}
#menu-part{
    position: fixed;
    z-index: 100;
    background: url("../images/menu.png") repeat;
    bottom:10%;
    width:100%;
    left:0px;
    top:none;
    height:106px;
    -webkit-transform: translate3d(0,0,0);
     font-family: 'mentonesemibold';
    text-transform: uppercase;
}
/* layout */
#layout { margin: 0 auto; width: 100%; }
#home, #concept, #facilities, #contact{
    background: url("../images/IMG_6955.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#concept{
    background: url("../images/IMG_6781.jpg") no-repeat center center fixed; 
}
#facilities{
    background: url("../images/IMG_6741.jpg") no-repeat center center fixed; 
}
#contact{
    background: url("../images/IMG_6926.jpg") no-repeat center center fixed; 
}
.content{
    max-width:1065px;
    width:100%;
    height: 100%;
    margin:0px auto;
    position: relative;
    /*bottom:7%;
    left:50%;
    margin-left:-532px;
    width:1065px;
    position: absolute;
    height: 80%;*/
}
.content .bgdiv{
    background: url("../images/content.png") repeat;
    position: absolute;
    bottom:7%;
    left:0px;
    height: 100%;
    width:70%;
    height: 80%;
    overflow-y: auto;
    padding:50px;
}
	#menu-part a.menu { display: none; }
	
		/* nav bar */
		.nav-bar { margin: 11px 0 0 0; width: auto; }
		.nav-bar li { width:16%; float: left; text-align: center;}
.nav-bar li.closer{width:13.3%;}
		.nav-bar li a { font-size: 18px; line-height: 88px; color: #fff; text-transform: uppercase; }
		.nav-bar li:first-child { margin: 0; }
.nav-bar li img{
    margin:0px auto;
}
		.nav-bar li.active a , .nav-bar li a:hover { color: #e57c2a; text-decoration: none; font-family: 'mentonesemibold' }
				
	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		
		.nav-bar li	{ margin: 0 0 0 0px; }
		.nav-bar li a { font-size: 16px; }
        
		.content .bgdiv{
            width:90%;
        }
        #menu-part{
            bottom:0px;
            height: 90px;
        }
        .nav-bar{
            margin:5px 0px 0px 0px;
        }
        .nav-bar li a{
            line-height: 87px;
        }
        .content .bgdiv{
            bottom:100px;
        }
	}
    @media only screen and (max-width: 1045px) {
        #menu-part{
         bottom:4%;   
        }
    }

	
	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.centering{width:100%;}
        .content .bgdiv{
            position: relative;
            bottom:0;
            left:0px;
            height: 100%;
            width:100%;
            padding:20px;
        }
        html, body { font-size: 12px;}
        input, select, textarea { font-size: 12px;  }
        .section, .content{
            height:auto;
            min-height: 100%;
        }
		#menu-part { padding: 0; position: fixed;min-height: 60px;height: auto;background: none; top:0px; }
		#menu-part a.menu { padding: 8px 3px; text-decoration: none; display: block; width: 45px; position: absolute; right: 0; top: 0; border-radius: 0 0 0 5px; background: #333333; }
		#menu-part a.menu span { margin: 0 auto 4px; height: 5px; display: block; width: 70%; background: #fff; }
		#menu-part a.menu cite { font-style: normal; font-size: 13px; line-height: 29px; color: #333333; position: absolute; top: 40px;  }
		#menu-part a.menu.bounce cite{color:#fff;}
		
		.nav-bar { margin: 0px -10px 0; float: none; display: none; overflow: hidden; }
		.nav-bar li { margin: 0; float: none; overflow: hidden; width: 100%; }
        .nav-bar li.img{
            display: none;
        }
		.nav-bar li a { padding: 0 0 3px; text-align: center; display: block; font-size: 16px; line-height: 40px; color: #fff; background: #333333; }
		.nav-bar li.active a , .nav-bar li:hover a { color: #333333; background: #fff; }
		
	}
	
	@media only screen and (min-width: 768px) {
		.nav-bar { display: block !important; }	
        .centering{max-width: 100%;}
	}