#hm1 {
	width:30% !important;
}
#hm2{
	margin-top:40%;
	width:80% !important;
}
#hm2 h3{
	color:#fff;
	margin:0;
}
#hm3{
	position:absolute !important;
	bottom:30px !important;
	top:auto !important;
}
#hm3 h4{
	color:#fff;
	margin:0;	
}
#lf{
	width:50%;
	float:left;
}
#lr{
	width:50%;
	float:right;
}
@media screen and (max-width:768px){
	#hm1{
		width:40% !important;
	}
	#hm2{
		margin-top:50%;
		width:100% !important;
	}
	
}
@media screen and (max-width:460px){
	#hm1{
		width:50% !important;
	}
	#hm2{
		margin-top:50%;
		width:50% !important;
	}
	#hm2 img{
		width:100%;
	}
	#lf{
		width:100%;
		float:none;
	}
	#lr{
		width:100%;
		float:none;
	}
}

.animated { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; }
@font-face {
    font-family: 'SourceSansProLight';
    src: url('../fonts/SourceSansPro-Light-webfont.eot');
    src: url('../fonts/SourceSansPro-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SourceSansPro-Light-webfont.woff') format('woff'),
         url('../fonts/SourceSansPro-Light-webfont.ttf') format('truetype'),
         url('../fonts/SourceSansPro-Light-webfont.svg#SourceSansProLight') format('svg');
    font-weight: normal;
    font-style: normal;

}


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

}

@font-face {
	font-family: 'GothamLight';
	src: url('../fonts/Gotham-Light.otf');
	font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'GothamMedium';
	src: url('../fonts/Gotham-Medium.otf');
	font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'MyriadPro_Regular';
	src: url('../fonts/MyriadPro-Regular.otf');
	font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'MyriadPro_Semibold';
	src: url('../fonts/MyriadPro-Semibold.otf');
	font-weight: normal;
    font-style: normal;
}



@-webkit-keyframes fadeIn { 
    0% { opacity: 0 }
    100% { opacity: 1 }
}
@keyframes fadeIn { 
    0% { opacity: 0 }
    100% { opacity: 1 }
}
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }
@-webkit-keyframes fadeInUp { 
    0% { opacity: 0; -webkit-transform: translateY(20px); }
    100% { opacity: 1; -webkit-transform: translateY(); }
}
@-moz-keyframes fadeInUp { 
    0% { opacity: 0; -moz-transform: translateY(20px); }
    100% { opacity: 1; -moz-transform: translateY(); }
}
@-o-keyframes fadeInUp { 
    0% { opacity: 0; -o-transform: translateY(20px); }
    100% { opacity: 1; -o-transform: translateY(); }
}
@keyframes fadeInUp { 
    0% { opacity: 0; transform: translateY(20px); }
    100% { opacity: 1; transform: translateY(); }
}
.animated.fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; }
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
body, html { margin: 0; overflow: hidden; -webkit-transition: opacity 400ms; -moz-transition: opacity 400ms; transition: opacity 400ms; }
body, .onepage-wrapper, html { display: block; position: static; padding: 0; width: 100%; height: 100%; }
.onepage-wrapper { width: 100%; height: 100%; display: block; position: relative; padding: 0; -webkit-transform-style: preserve-3d; }
.onepage-wrapper .section { width: 100%; height: 100%; }
.onepage-pagination { position: absolute; right: 10px; top: 45%; z-index: 5; list-style: none; margin: 0; padding: 0; }
.onepage-pagination li { padding: 0; text-align: center; }
.onepage-pagination li a { padding: 10px; width: 4px; height: 4px; display: block; }
.onepage-pagination li a:before { content: ''; position: absolute; width: 4px; height: 4px; background: rgba(255,255,255,0.8); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.onepage-pagination li a.active:before { width: 10px; height: 10px; background: #017eff; border: 1px solid #fff; margin-top: -4px; left: 8px; }
.disabled-onepage-scroll, .disabled-onepage-scroll .wrapper { overflow: auto; -webkit-overflow-scrolling: touch; }
.disabled-onepage-scroll .onepage-wrapper .section { position: relative !important; top: auto !important; }
.disabled-onepage-scroll .onepage-wrapper { -webkit-transform: none !important; -moz-transform: none !important; transform: none !important; -ms-transform: none !important; min-height: 100%; }
.disabled-onepage-scroll .onepage-pagination { display: none }
body.disabled-onepage-scroll, .disabled-onepage-scroll .onepage-wrapper, html { position: inherit }
a, a:hover, .pace-running .wrapper { -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
html { height: 100% }
body { background: #222; padding: 0; text-align: center; font-family: 'EB Garamond', serif; position: relative; margin: 0; height: 100%; text-shadow: 0 0 8px rgba(0,0,0,0.5); -webkit-font-smoothing: antialiased; }
.wrapper { height: 100% !important; height: 100%; margin: 0 auto; overflow: hidden; }
a { text-decoration: none; color: #fff; font-family: 'GothamLight'; font-style: italic; font-size: 12px; }
a:hover { text-decoration: underline }
strong { font-weight: 400 }
h1, h2 { width: 100%; text-shadow: 0 0 8px rgba(0,0,0,0.5); color: #fff; }
h1 { font-family:'GothamLight', Arial; font-size: 50px; margin: 5px 0 15px; font-weight: 400; text-shadow: 1px 1px 3px #000; }
h2 { font-weight: 300; font-size: 24px; line-height: 160%; margin: 5px 0 15px; text-shadow: 1px 1px 3px #000; }
p { font-size: 16px; line-height: 170%; color: #fff; font-weight: 300; text-shadow: 1px 1px 3px #000; }
h2 small { font-size: 11px; text-transform: uppercase; }
.main { float: left; width: 100%; margin: 0 auto; }
h1 {  font-family:'GothamLight', Arial;  font-weight: normal; line-height: 46px; font-size: 42px; margin: 0 0 23px 0; }
h2 { font-family: 'GothamLight', serif; font-weight: normal; text-transform: uppercase; font-size: 18px; line-height: 23px; letter-spacing: 2px; margin: 0 0 23px 0; }
p { font-family: 'MyriadPro_Regular', serif; font-size: 17px; line-height: 23px; margin: 0 0 23px 0; }
a.btn { font-weight: 300; font-style: normal; font-family: 'EB Garamond', serif; display: inline-block; border: 1px solid #fff; display: inline-block; line-height: 100%; padding: 0.7em; text-decoration: none; color: #fff; min-width: 100px; line-height: 140%; font-size: 14px; text-transform: uppercase; text-align: center; margin-right: 10px; }
.clear { width: auto }
.btn:hover, .btn:hover { border-radius: 8px; background: rgba(0,0,0,0.2); }
header { position: relative; z-index: 10; }
.main section .page_container { position: relative; height: 100%; margin: 0 auto 0; max-width: 950px; z-index: 3; }
.static { opacity: 0.03; filter: alpha(opacity=0.03); -ms-filter: "alpha(opacity=0.03)"; position: absolute; z-index: 1; height: 100%; width: 100%; top: 0; left: 0; }
.main section { overflow: hidden; background-size: cover !important; }
.main section .page_container .alignCenter { position: absolute; left: 0; right: 0; width: 50%; margin: 0 auto; top: 10%; }
.main section .page_container .alignLeft { width: 70%; text-align: left; position: absolute; bottom: 30%; left: -30px; }
.main section .page_container .alignRight { width: 70%; text-align: right; position: absolute; bottom: 30%; right: -30px; }
.main section.page4 .page_container .alignRight { }
.main section.page1.bg1 { background: #555557 url(../images/bg1.jpg) no-repeat center }
.main section.page1.bg2 { background: #000 url(../images/slide1.jpg) no-repeat center }
.main section.page1.bg3 { background: #555557 url(../images/bg3.jpg) no-repeat center }
.main section.page1.bg4 { background: #555557 url(../images/bg4.jpg) no-repeat center }
.main section.page1.bg5 { background: #555557 url(../images/bg5.jpg) no-repeat center }
.main section.page1.bg6 { background: #555557 url(../images/bg6.jpg) no-repeat center }
.main section.page1.bg7 { background: #555557 url(../images/bg7.jpg) no-repeat center }
.main section.page1.bg8 { background: #555557 url(../images/bg8.jpg) no-repeat center }
.main section.page1 .shadow { /*background: url(../images/shadow.png) repeat-x bottom; */width: 100%; height: 284px; position: absolute; bottom: 0; }

.main section.page2  .page_container .alignLeft { bottom: 0; top: 20%; width: 60%; }
.main section.page2  .page_container .alignLeft h2 { font-size: 28px;line-height:140%; font-weight: 400; margin-bottom: 15px; }
.main section.page2 { background: #555557 url(../images/slide2.jpg) no-repeat center top }
.main section.page3  .page_container .alignLeft { bottom: 0; top: 20%; width: 60%; }
.main section.page3  .page_container .alignLeft h2 { font-size: 28px; line-height:140%; font-weight: 400; margin-bottom: 15px; }
.main section.page3 { background: #555557 url(../images/slide3.jpg) no-repeat  center top; }
.main section.page4 { background:#000 no-repeat center bottom }
.main section.page5  .page_container .alignCenter { bottom: 0; top: 20%; }
.main section.page5 { background: #555557 url(../images/contact.jpg) no-repeat center }
body.disabled-onepage-scroll .onepage-wrapper  section { min-height: 100%; height: auto; }
body.disabled-onepage-scroll .main section .page_container, body.disabled-onepage-scroll .main section.page3 .page_container { padding: 20px; margin-top: 150px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body.disabled-onepage-scroll  section .page_container h1 { text-align: center; font-size: 50px; }
body.disabled-onepage-scroll section .page_container h2, body.disabled-onepage-scroll section .page_container .credit, body.disabled-onepage-scroll section .page_container .btns { text-align: center; width: 100%; text-shadow: 1px 1px 3px #000;  }
body.disabled-onepage-scroll .main section.page1 > img { position: absolute; width: 80%; left: 10%; }
body.disabled-onepage-scroll .main section > img { position: relative; max-width: 80%; bottom: 0; }
body.disabled-onepage-scroll code { width: 95%; margin: 0 auto 25px; float: none; overflow: hidden; }
body.disabled-onepage-scroll .main section.page3 .page_container { width: 90%; margin-left: auto; margin-right: auto; right: 0; }
.footer { background: rgba(0,0,0,0.3); height: 80px; position: absolute; bottom: 0; width: 100%; padding: 15px; }
.copy { font-size: 12px }
.top-nav { display: none }
.wheel-button { position: relative }
.wheel { margin: 0; padding: 0; list-style: none; width: 300px; /* this will determine the diameter of the circle  */ height: 300px; /* this will determine the diameter of the circle  */ visibility: hidden; position: relative; display: none; }
.wheel li { overflow: hidden; float: left; }
.wheel li a { display: block; text-decoration: none; }
.wheel-button.ne { background: url(../images/logo.png) no-repeat; width: 60px; height: 60px; position: absolute; top: 30px; z-index: 6; float: left; left: 30px; cursor: pointer; opacity: 0.5 !important; }
.wheel-button, .wheel { position: relative; -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; display: block; }
.wheel-button.active { transform: rotate(360deg); -webkit-transform: rotate(360deg); /* Safari and Chrome */ opacity: 1 !important; }
.wheel li a, .wheel li a:visited { text-align: center; color: white; -moz-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; font-size: 16px; }
.dicePic { background: url(../images/pic.png) no-repeat; width: 60px; height: 60px; margin: 55px auto 10px; background-size: 60px; }
.credit { margin: 0px auto }
.dicePic a { float: left; width: 100%; height: 100%; }
.diceName { font-size: 15px; font-weight: 800; margin-bottom: 0px; }
.diceName strong { text-transform: uppercase; font-weight: 800; }
ul.social { margin: 0; padding: 0; }
ul.social li { list-style: none; display: inline; margin: 0 10px; }
ul.social li a { font-size: 22px; padding: 0.7em; line-height: 140%; }
.showThis { display: none }
.info { background: url(../images/help.png) no-repeat; width: 224px; height: 33px; position: absolute; bottom: 20px; right: 20px; display: none; }
@media only screen and (max-width: 1200px) { 
    .main section .page_container .alignRight { right: 50px }
    .main section .page_container .alignLeft { left: 50px }
}
@media only screen and (max-width: 700px) { 
    .main h1 { font-size: 28px !important; line-height: 28px; }
    .main h2 { font-size: 14px !important; line-height: 18px; }
    .showThis { display: block }
	body.disabled-onepage-scroll .main section.page1,body.disabled-onepage-scroll .main section.page2 { background-size: cover !important; }
    h2 br, .shadow, .info, .wheel { display: none !important }
    .main section .page_container .alignRight { right: 10px }
    .main section .page_container .alignLeft { left: 10px }
    .main section.page4 .page_container .alignCenter { top: 15% !important; bottom:30% !important}
  
    .main section.page3 .page_container .alignLeft { top: -10% !important }
    .main section .page_container .alignCenter, .main section .page_container .alignRight, .main section .page_container .alignLeft { bottom: 15% !important }
    body.disabled-onepage-scroll .main section .page_container { width: 90%; margin: 0 auto; position: absolute !important; left: 0; right: 0; }
    .hid { display: none }
    .wheel li a, .wheel li a:visited { border-radius: 50em; width: 24px; height: 24px; background: #333; }
    a.btn { padding: 4px 8px; margin: 2px; -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);}
    .fb_ltr, .fb_iframe_widget span { width: 100px !important; overflow: hidden !important; }
    .mobile-nav, .top-nav { display: block !important }
    .wheel-button.ne { opacity: 1 !important; top: 10px; left: 15px; }
    .mobile-nav { z-index: 1 !important; position: absolute; margin: 0; padding: 10px; list-style: none; background: #000; background: rgba(0,0,0,0.5); width: 100%; text-align: right; }
    .mobile-nav li { display: inline; margin: 0 10px; }
	.main section.page1 { background: #555557 url(../images/slide1.jpg) no-repeat  center !important; }
.main section.page2 { background: #555557 url(../images/slide2.jpg) no-repeat  center top; }
.main section.page3 { background: #555557 url(../images/slide3.jpg) no-repeat  center right; }
.main section.page4 { background:#000 no-repeat 100% 100%;  }
.main section.page5 { background: #555557 url(../images/contact-mobile.jpg) no-repeat 100% 100% ;}
	.footer p.copy, .footer a { font-size: 13px !important; line-height: 18px; }

}


@media only screen and (max-width: 420px) { 

.main section .page_container .alignCenter { width: 90%; bottom: 50% !important;}
.main section .page_container .alignLeft { width: 90% !important; text-align: center; position: absolute;  bottom: 20% !important; left: 0; right: 0;  margin: 0 auto; }
.main section .page_container .alignRight { width: 90% !important; text-align: center; position: absolute;  bottom: 20% !important; right: 0; left: 0;  margin: 0 auto; }
.mobile-nav a{ font-size: 13px; }
.wheel-button.ne{ background-size: 80%; }

}

.pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.pace-inactive { display: none }
.pace .pace-progress { background: #dc2e0a; position: fixed; z-index: 2000; top: 0; left: 0; height: 2px; -webkit-transition: width 1s; -moz-transition: width 1s; -o-transition: width 1s; transition: width 1s; }
.pace .pace-progress-inner { display: block; position: absolute; right: 0px; width: 100px; height: 100%; box-shadow: 0 0 10px #dc2e0a, 0 0 5px #dc2e0a; opacity: 1.0; -webkit-transform: rotate(3deg) translate(0px, -4px); -moz-transform: rotate(3deg) translate(0px, -4px); -ms-transform: rotate(3deg) translate(0px, -4px); -o-transform: rotate(3deg) translate(0px, -4px); transform: rotate(3deg) translate(0px, -4px); z-index: 9999; }