@charset "UTF-8";
.clef-badge-prompt{position:relative;min-height:170px}.clef-badge-prompt *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.clef-badge-prompt .link-fade{display:none}.clef-badge-prompt .dismiss{position:absolute;top:5px;right:10px;font-weight:700;color:#AAA;font-size:20px}.clef-badge-prompt .dismiss:hover{color:#888}.clef-badge{width:100%;text-align:center;display:inline-block;margin:10px auto}.clef-badge *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.clef-badge.pretty{display:block;overflow:hidden;text-indent:-579px;height:50px;width:140px;background:url(https://bit.ly/clef-wordpress-badge);background-size:100% 100%;opacity:.8}.clef-badge.pretty:hover{opacity:1}.clef-login-form .clef-button-container{width:188px;height:35px;margin:auto}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp) .clef-login-container .clef-button-container{margin-bottom:30px}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp) .clef-login-container .close-overlay,.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp) .clef-login-container .overlay-info,.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp) .clef-login-container .open-overlay{display:none}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-hidden:not(.clef-login-form-embed):not(.clef-override-or-invite) #login form#loginform{padding:40px 20px}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-hidden:not(.clef-login-form-embed):not(.clef-override-or-invite) #login form#loginform input,.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-hidden:not(.clef-login-form-embed):not(.clef-override-or-invite) #login form#loginform label{display:none}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password):not(.interim-login) #login{padding-top:50px}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) #login{width:400px;max-width:100%;margin:auto}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) #login input,.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) #login label{visibility:hidden}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) #login form{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:520px;position:relative!important}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) #login .clef-embed-wrapper{margin:auto!important}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) .clef-login-container{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;overflow:visible}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) .clef-login-container .clef-button-container{padding-top:5px}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password):not(.clef-closed) p#nav{display:none}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password).clef-closed #login{width:320px}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password).clef-closed #login input,.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password).clef-closed #login label{visibility:visible}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password).clef-closed #login form{height:auto}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password).clef-closed .clef-login-container{height:25px;top:auto;bottom:0}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password).clef-closed .clef-button-container{display:none}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password).clef-closed .overlay-info,.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password).clef-closed .close-overlay{display:none}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password).clef-closed .open-overlay{display:block;margin:0}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) .clef-button-container{margin:0 auto;position:absolute;top:0;left:0;width:100%;height:100%}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) .clef-button-container .spinner-container{display:none;text-align:center;position:absolute;top:175px;left:0;width:100%;height:100%}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) .clef-button-container .spinner-container .spinner{margin-top:25px;display:inline-block;float:none;width:50px;height:50px;background-image:url(//www.alonglongtime.me/wp-content/plugins/wpclef/assets/dist/img/loading.gif);background-size:100%;background-position:center;background-repeat:no-repeat}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) .overlay-text{position:absolute;width:100%;bottom:12px;margin-top:5px;text-align:center;display:block;color:#aaa;cursor:pointer;text-decoration:none}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) .overlay-text:hover{color:#999}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) .overlay-text:active{outline:0}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) .or-container,.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) .open-overlay{display:none}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) .overlay-info{display:block;position:absolute;bottom:10px;left:0}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) .overlay-info .info{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:90%;margin:auto;border:1px solid #eee;padding:10px;background:#fff;color:#999}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) .overlay-info .info p{font-size:11px;line-height:15px}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) .overlay-info .info p a{color:#999}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) .overlay-info .info p:not(:last-child){margin-bottom:5px!important}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) .overlay-info .open{height:15px;width:15px;font-size:10px;text-align:center;line-height:15px;border-radius:15px;color:#ccc;border:1px solid #ccc;cursor:pointer;margin-left:10px;display:none}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) .overlay-info .open:hover{color:#b3b3b3;border-color:#b3b3b3}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) .overlay-info.closed .info{display:none}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) .overlay-info.closed .open{display:block}@media screen and (max-width:400px){.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite) #login{width:320px;padding:0}}.login-action-register.clef-login-form .clef-register-container{padding-top:20px}.owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
} .owl-height {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
} .owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent; position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
display: none;
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
-webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
.owl-carousel .owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
} .no-js .owl-carousel {
display: block;
} .owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
transform-style: preserve-3d;
} .owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(//www.alonglongtime.me/wp-content/themes/alonglongtime/script/lib/owl-carousel2/assets/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: scale 100ms ease;
-moz-transition: scale 100ms ease;
-ms-transition: scale 100ms ease;
-o-transition: scale 100ms ease;
transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
-webkit-transition: scale(1.3, 1.3);
-moz-transition: scale(1.3, 1.3);
-ms-transition: scale(1.3, 1.3);
-o-transition: scale(1.3, 1.3);
transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
}


* {
-webkit-text-size-adjust: none; /* prevent webkit from resizing text to fit */
-webkit-border-radius: 0px;  /* prevent co */
-webkit-appearance: none;} 

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
*:focus { outline: none; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

a:link,  a:visited{text-decoration:none; }
a:hover,  a:active{text-decoration:none; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}
input:focus {
    outline: none;
}
/*all */
html, body{height:100%; width:100%; }
img{vertical-align: top;   }
strong{font-weight:bold;}
em{font-style:italic;}	
td{vertical-align:top;}
.clear{float:none; clear:both;}
p{margin-top:20px;}
p:first-child{margin-top:0px;}
html{ }
body{
font-size:12px;
line-height:20px;
color:#231f20;
font-family: 'gt_cinetypelight';
}
.mobile_show{
display:none;
} .header{
position:fixed;
width:100%;
z-index:1000;
left:0px;
top:0px;
}
.header_logo{
width:54px;
height:28px;
position:absolute;
left:75px;
top:40px;
z-index:1000;}
.header_logo img{
width:100%;
height:100%;
}
.header_menu{
position:absolute;
right:75px;
top:40px;
}
.header_menu li{
float:left;
position:relative;}
.header_menu li+li{
margin-left:35px;}
.header_menu li a{
font-family: 'gt_cinetypelight';
font-size:14px;
line-height:14px;
color:#231f20;
font-style:italic;
letter-spacing:0.1em;
cursor:pointer; }
.header_menu li a:hover{
color:#000;}
.header_menu li .line{
position:absolute;
left:50%;
border-left:1px solid #231f20;
height:30px;
top:100%;
margin-top:20px;
display:none;
}
.header_menu li .dropdown{
position:absolute;
right:0px;
top:100%;
padding-top:70px;
text-align:right;
display:none;
}	
.header_menu li:hover .line{ }
.header_menu li:hover .dropdown{ }
.header_menu .dropdown li{
float:none;
position:relative;
white-space:nowrap;}
.header_menu .dropdown li+li{
margin-left:0px;}
.header_menu .dropdown a{
display:inline-block;}
.header_menu .dropdown a.active{
border-bottom:1px solid #231f20;}
.left_time{
height:150px;
position:fixed;
top:0px;
bottom:0px;
left:75px;
margin:auto;
}
.right_time{
height:150px;
position:fixed;
top:0px;
bottom:0px;
right:75px;
margin:auto;}	
.left_time table, .right_time table{
height:100%;}
.left_time td{
text-align:left;
vertical-align:middle;
font-family: 'gt_cinetypebold';
font-size:56px;
line-height:80px;
letter-spacing:0.1em;
font-style:italic;
}
.right_time td{
text-align:right;
vertical-align:middle;
font-family: 'gt_cinetypebold';
font-size:32px;
line-height:40px;
letter-spacing:0.1em;
font-style:italic;
}
.fb_f{
display:block;
margin-left:-2px;}
.ig_ig{
display:block;
margin-top:-1px;
}
.header_menu li a.h_share_btn{
font-family: 'gt_cinetypelight';
font-size:13px;
letter-spacing:0.05em;
color:#231f20;
text-align:center;
font-style:italic;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
border:1px solid #231f20;
width:20px;
height:20px;
line-height:20px;
float:right;
margin-top:-1px;
}	
.header_menu li a.h_share_btn:hover{
background-color:#231f20;
color:#FFF;
}
.header_menu li a.h_share_btn + a.h_share_btn{
margin-right:15px;
} .content{
padding-top:160px;
padding-bottom:230px;} .home_flow{
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
z-index:100;
}
.flow{
height:100%;
top:0%;
width:100%;
left:0px;
position:absolute;
}
.home_flow .line_wrapper{
position:fixed;
width:0px;
height:0px;
z-index:1000;
cursor:pointer;
pointer-events:none;
}	
.home_flow .line_wrapper .photo{
opacity:0;
max-height:500px;
max-width:500px;}
.home_flow .line_wrapper .text{
display:none;
}
.home_grid{
}
.home_content_item_wrapper{
margin:50px;
margin-top:-60px;
margin-bottom:0px;
opacity:0;}
.home_content_item{
padding: 0 25px;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-top:60px;  
}
.home_content_item > *{
opacity:0.8;
}	
.home_content_item.sizer{
width:20%;
display:block !important;
margin:0px;
padding:0px;
}
.home_content_item.size1{
width:20%;
}	
.home_content_item.size2{
width:40%;
}		
.home_content_item .thumb{
width:100%;
display:block;
}
.home_content_item .text{
font-family: 'gt_cinetypelight';
font-size:12px;
line-height:16px;
color:#231f20;
letter-spacing:0.1em;
opacity:0;
width:100%;
}
.home_content_item .text .text1{
font-family: 'gt_cinetypebold';
}
.home_content_item .text .text1, .home_content_item .text .text2{
margin-top:20px;
}	
.home_content_item .text .text2{
font-style:italic;
}
.project_time{
font-style:italic;
}	
.home_content_item .left_text{
text-align:left;
}
.home_content_item .right_text{
text-align:right;
}	
.project_helper{
width:300px;
height:400px;
position:fixed;
left:0px;
top:0px;
right:0px;
bottom:0px;
margin:auto;
pointer-events:none;
}
.project_helper .text{
position:absolute;
top:100%;
right:0px;
width:100%;
font-family: 'gt_cinetypelight';
font-size:12px;
line-height:16px;
color:#231f20;
font-style:italic;
letter-spacing:0.1em;
text-align:right;
display:none;
margin-top:50px;
} .project_content{
position:fixed;
z-index:101;
left:0px;
top:0px;
}
.project_text{
margin-left:75px;
}	
.project_text .title{
font-family: 'gt_cinetypelight';
font-size:21px;
line-height:30px;
letter-spacing:0.1em;
}
.project_text .title2{
margin-top:20px;
font-style:italic;
}	
.project_text .text{
margin-top:50px;
width:345px;
}
.project_photo_slideshow_wrapper{
margin-left:450px;
margin-right:60px;
height:100%;
position:relative;}	
.project_photo_slideshow{
height:80%;
width:100%;
position:absolute;
}
.project_photo_slideshow_item{
height:100%;
width:100%;
position:relative;
}	
.project_photo_slideshow_item table{
height:100%;
width:100%;
position:relative;
}
.project_photo_slideshow_item table tbody, .project_photo_slideshow_item table td, .project_photo_slideshow_item table tr{
text-align:left;
vertical-align:middle;
height:100%;
width:100%;}	
.project_photo_slideshow_item img{
max-height:90%;
max-width:100%;
vertical-align: middle;}
.project_photo_slideshow_item .helper {
display: inline-block;
height: 100%;
vertical-align: middle;
}
.project_photo_slideshow_item .table{
height:100%;
width:100%;
display: table;
}
.project_photo_slideshow_item .td{
vertical-align: middle;
display: table-cell;
}
.project_photo_slideshow_item .video_wrapper{
width:90%;
}
.video_wrapper {
position: relative;
padding-bottom: 56.25%; height: 0;
}
.video_wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.detail_share_title{
height:24px;
line-height:24px;
}
.detail_share{
margin-top:50px;
}
.project_share{
position:fixed;
right:60px;
bottom:100px;
z-index:1000;
height:16px;
}
.project_share li{
float:left;
height:16px;
position:relative;
}
.project_share li+li{
margin-left:20px;
}	
.project_share li img{
height:16px;
width:auto;
position:absolute;
left:0px;
top:0px;
}	
.project_share .spacer{
position:relative;
left:auto;
top:auto;
}
.project_share .over, .project_share a:hover .normal{
display:none;}	
.project_share a:hover .over{
display:block;} .contact_content{
}
.contact_content .title{
font-family: 'gt_cinetypelight';
font-size:21px;
line-height:30px;
letter-spacing:0.1em;
font-style:italic;
left:60px;
position:fixed;
top:160px;
z-index:100;
}	
.contact_content .text{
position:fixed;
right:60px;
bottom:160px;
z-index:100;
text-align:right;
}
.contact_content .text2{
margin-top:40px;
}
.contact_content .contact_wrapper {
position:relative;
}
.map_wrapper{
position:fixed;
width:100%;
height:440px;
top:50%;
margin-top:-220px;
}
.contact_content .map{
margin-left:190px;
margin-right:190px;
background-color:#ccc;
height:100%;
}
.contact_studio_wrapper{
position:fixed;
left:190px;
right:190px;
top:0px;
bottom:0px;
margin:auto;
display:block;
}
.contact_studio{
position:absolute;
width:100%;
top:0px;
bottom:0px;
margin:auto;
display:block;
} .desktop_about_item_wrapper{
position:relative;
}
.about_content{
width:100%;
overflow:hidden;
padding-bottom:160px;}
.about_item_wrapper{
width:100%;
}
.about_item_wrapper_prev{
position:absolute;
left:0px;
top:0px;
width:200px;
height:100%;
z-index:2;
cursor: url(//www.alonglongtime.me/wp-content/themes/alonglongtime/images/prev.png), auto;
}
.about_item_wrapper_next{
position:absolute;
right:0px;
top:0px;
width:200px;
height:100%;
z-index:2;
cursor: url(//www.alonglongtime.me/wp-content/themes/alonglongtime/images/next.png), auto;
}
.about_item{
margin-left:75px;
margin-right:100px;
position:relative;
vertical-align:top;}
.about_item1{
width:1020px;
}
.about_text{
white-space:normal;
}
.about_item1 .about_text{
width:260px;
float:left;
position:relative;
}	
.about_item .title{
font-family: 'gt_cinetypelight';
font-size:21px;
line-height:30px;
letter-spacing:0.1em;
font-style:italic;
}
.about_item1 .text{
margin-top:40px;
width:360px;
position:relative;
z-index:10;
}
.about_item1 .photo{
overflow:hidden;
position:relative;}	
.about_item1 .photo img{
width:100%;
}	
.about_item2{
width:495px;
}
.about_item2 .about_text{
width:495px;	
position:relative;
}	
.about_item2 .title{
width:130px;
margin-right:20px;
float:left;
}
.about_item2 h4{
font-family: 'gt_cinetypelight';
font-size:16px;
line-height:20px;
letter-spacing:0.05em;
font-style:italic;}
.about_item2 .photo{
margin-top:30px;
}
.about_item2 .photo img{
width:100%
} .d_bg{
position:fixed;
left:0px;
top:0px;
width:100%;
height:100%;
background-image:url(//www.alonglongtime.me/wp-content/themes/alonglongtime/images/white_overlay.png);
display:none;
z-index:102;
}
.footer_wrapper{
position:fixed;
bottom:0px;
left:0px;
width:100%;
}
.footer{
position:relative;
padding:50px 75px;
z-index:1000;
}
.footer_share{
position:fixed;
left:20px;
bottom:20px;
}
.footer_share li{
float:left;}
.footer_share li + li{
margin-left:35px;}	
.footer_share li a {
color: #231f20;
cursor: pointer;
font-family: "gt_cinetypelight";
font-size: 14px;
font-style: italic;
letter-spacing: 0.1em;
line-height: 14px;
}
.footer_share li a.h_share_btn{
font-family: 'gt_cinetypelight';
font-size:13px;
letter-spacing:0.05em;
color:#231f20;
text-align:center;
font-style:italic;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
border:1px solid #231f20;
width:20px;
height:20px;
line-height:20px;
float:left;
margin-top:-1px;
}	
.footer_share li a.h_share_btn:hover{
background-color:#231f20;
color:#FFF;
}
.footer_share li a.h_share_btn + a.h_share_btn{
margin-left:15px;
}
.copyright{
font-family: 'gt_cinetypelight';
font-size:11px;
line-height:16px;
letter-spacing:0.1em;
text-align:right;
}	
.top_btn{
display:none;
font-family: 'gt_cinetypelight';
font-size:12px;
letter-spacing:0.05em;
color:#231f20;
text-align:center;
font-style:italic;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
position:fixed;
bottom:20px;
right:20px;
border:1px solid #231f20;
width:28px;
height:28px;
line-height:28px;
z-index:1000;
}	
.top_btn:hover{
background-color:#231f20;
color:#FFF;
} .view_mode_btn_wrapper{
position:relative;
display:none;
}
.home .view_mode_btn_wrapper{
}
.view_mode_btn{
position:absolute;
right:0px;
bottom:20px;
}	
.view_mode_btn a{
display:block;
width:30px;
height:30px;
margin-bottom:10px;
font-family: 'gt_cinetypelight';
font-size:12px;
line-height:30px;
letter-spacing:0.05em;
color:#666;
text-align:center;
font-style:italic;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.view_mode_btn a:hover, .view_mode_btn a.active{
border:1px solid #666;
width:28px;
height:28px;
line-height:28px;
}
@media screen and (max-width: 1280px) { .home_content_item.size1{
width:25%;
}	
.home_content_item.size2{
width:50%;
} .about_item1 {
width: 755px;
}
.left_time td{
font-size:36px;
line-height:42px;
}
.right_time td{
font-size:28px;
line-height:36px;
}
}	
@media screen and (max-width: 1024px) { .home_content_item.size1{
width:50%;
}	
.home_content_item.size2{
width:50%;
}	
}	
@media screen and (max-width: 720px) {
.project_photo_slideshow_item .video_wrapper{
width:100%;
}
.mobile_show{
display:block;
}
.mobile_hide{
display:none;
}
.header_menu li a.h_share_btn {
margin-top:3px;}
.header_menu li a.h_share_btn + a.h_share_btn{
margin-right:5px;
} .header_logo{
width:45px;
height:24px;
left:20px;
top:30px;}
.header_menu{
left:20px;
right:20px;
top:30px;
}
.header_menu li{
float:none;
position:relative;
text-align:right;}
.header_menu li a{
text-align:right;
}
.header_menu li+li{
margin-left:0px;
margin-top:3px;}
.header_menu li .line{
position:relative;
top:auto;
padding-top:20px;
left:auto;
right:20px;
border-left:0px;
border-right:1px solid #231f20;
}
.header_menu li .dropdown{
position:relative;
top:auto;
padding-top:20px;
padding-bottom:40px;
}	
.header_menu li .dropdown li+li{
margin-top:5px;
}	
.header_menu li:hover .line{
display:none;
}
.header_menu li:hover .dropdown{
display:none;
}
.left_time {
height: 50px;
left: 20px;
}
.right_time {
height: 50px;
right: 20px;
}
.left_time td{
font-size:22px;
line-height:30px;
}
.right_time td{
font-size:18px;
line-height:26px;
} .content {
padding-bottom: 0px;
} .home_content_item.size1{
width:100%;
}	
.home_content_item.size2{
width:100%;
}
.home_content_item_wrapper {
margin: -60px 5px 0;
} .project_content{
position:relative;
z-index:101;
left:auto;
top:auto;
padding-top:110px;
}
.project_text{
margin-left:20px;
margin-right:20px;
}
.project_text .title {
font-size: 12px;
line-height: 18px;
}
.project_text .text {
margin-top: 30px;
width: auto;
}
.project_photo_slideshow_wrapper {
height: auto;
margin-left: 20px;
margin-right: 20px;
position: relative;
margin-top:30px;
}
.project_photo_slideshow {
height: auto;
position: relative;
}
.project_photo_slideshow_item+ .project_photo_slideshow_item{
margin-top:30px;
}
.project_share{
position:relative;
right:auto;
bottom:auto;
margin-left:20px;
margin-top:30px;} .contact_content{
padding-top:110px;}
.contact_content_wrapper{
padding:0px 20px;
}
.contact_content .title{
font-size: 12px;
line-height: 18px;
left:auto;
position:relative;
top:auto;
z-index:100;
}	
.contact_content .text{
position:relative;
right:auto;
bottom:auto;
z-index:100;
text-align:left;
margin-top:30px;
}
.contact_content .text2{
margin-top:20px;
}
.contact_content .contact_wrapper {
position:relative;
}
.map_wrapper{
position:relative;
width:100%;
height:340px;
top:auto;
margin-top:30px;
}
.contact_content .map{
margin-left:0px;
margin-right:0px;
background-color:#ccc;
height:100%;
}
.contact_studio_wrapper {
bottom: auto;
position:relative;
left: auto;
margin: auto;
right: auto;
top: auto;
margin-top:30px;
}
.contact_studio{
position:relative;
} .about_content{
padding-top:110px;
padding-bottom:0px;}
.desktop_about_item_wrapper{
display:none;}
.mobile_about_item{
margin-left:20px;
margin-right:20px;}
.mobile_about_item + .mobile_about_item{
margin-top:30px;
border-top:1px solid #666;
padding-top:30px;
}
.mobile_about_item .title{
font-family: 'gt_cinetypelight';
font-size: 12px;
line-height: 18px;
letter-spacing:0.1em;
position:relative;
font-style:italic;
}
.mobile_about_item .photo{
margin-top:30px;
}	
.mobile_about_item .photo img{
width:100%;}
.mobile_about_item .text{
margin-top:30px;
position:relative;
}
.mobile_about_item h4{
position:absolute;
right:0px;
bottom:0px;
font-family: 'gt_cinetypelight';
font-size: 12px;
line-height: 18px;
letter-spacing:0.1em;
font-style:italic;
} .footer_wrapper{
position:relative;
bottom:auto;
left:auto;
width:100%;
}
.home .view_mode_btn_wrapper{
display:none;
}
.footer {
padding: 30px 20px 70px;
}
.top_btn{
display:block;
}
.project_helper .text {
margin-top: 20px;
}
.home_content_item > *{
opacity:1;
}	
.home_content_item .text {
opacity:1;
}
}	
@media screen and (max-width: 560px) { 
.home_flow .line_wrapper .photo{
max-height:320px;
max-width:320px;}
}
@media screen and (max-width: 360px) { 
.home_flow .line_wrapper .photo{
max-height:280px;
max-width:280px;}
}@font-face {
font-family: 'gt_cinetyperegular';
src: url(//www.alonglongtime.me/wp-content/themes/alonglongtime/fonts/gt-cinetype-regular-webfont.eot);
src: url(//www.alonglongtime.me/wp-content/themes/alonglongtime/fonts/gt-cinetype-regular-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.alonglongtime.me/wp-content/themes/alonglongtime/fonts/gt-cinetype-regular-webfont.woff2) format('woff2'),
url(//www.alonglongtime.me/wp-content/themes/alonglongtime/fonts/gt-cinetype-regular-webfont.woff) format('woff'),
url(//www.alonglongtime.me/wp-content/themes/alonglongtime/fonts/gt-cinetype-regular-webfont.ttf) format('truetype'),
url(//www.alonglongtime.me/wp-content/themes/alonglongtime/fonts/gt-cinetype-regular-webfont.svg#gt_cinetype_regularregular) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'gt_cinetypelight';
src: url(//www.alonglongtime.me/wp-content/themes/alonglongtime/fonts/gt-cinetype-light-webfont.eot);
src: url(//www.alonglongtime.me/wp-content/themes/alonglongtime/fonts/gt-cinetype-light-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.alonglongtime.me/wp-content/themes/alonglongtime/fonts/gt-cinetype-light-webfont.woff2) format('woff2'),
url(//www.alonglongtime.me/wp-content/themes/alonglongtime/fonts/gt-cinetype-light-webfont.woff) format('woff'),
url(//www.alonglongtime.me/wp-content/themes/alonglongtime/fonts/gt-cinetype-light-webfont.ttf) format('truetype'),
url(//www.alonglongtime.me/wp-content/themes/alonglongtime/fonts/gt-cinetype-light-webfont.svg#gt_cinetypelight) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'gt_cinetypebold';
src: url(//www.alonglongtime.me/wp-content/themes/alonglongtime/fonts/gt-cinetype-bold-webfont.eot);
src: url(//www.alonglongtime.me/wp-content/themes/alonglongtime/fonts/gt-cinetype-bold-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.alonglongtime.me/wp-content/themes/alonglongtime/fonts/gt-cinetype-bold-webfont.woff2) format('woff2'),
url(//www.alonglongtime.me/wp-content/themes/alonglongtime/fonts/gt-cinetype-bold-webfont.woff) format('woff'),
url(//www.alonglongtime.me/wp-content/themes/alonglongtime/fonts/gt-cinetype-bold-webfont.ttf) format('truetype'),
url(//www.alonglongtime.me/wp-content/themes/alonglongtime/fonts/gt-cinetype-bold-webfont.svg#gt_cinetypebold) format('svg');
font-weight: normal;
font-style: normal;
}.addtoany_share_save_container{clear:both;margin:16px 0}.addtoany_header{margin:0 0 16px}.addtoany_list{display:inline;line-height:16px}.addtoany_list a{border:0;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle}.addtoany_list a img{border:0;display:inline-block;height:auto;opacity:1;overflow:hidden;vertical-align:baseline;width:auto}.addtoany_list a span{display:inline-block;float:none}.addtoany_list.a2a_kit_size_32 a{font-size:32px}.addtoany_list.a2a_kit_size_32 a > span{border-radius:4px;display:inline-block;height:32px;line-height:32px;opacity:1;width:32px}.addtoany_list a .a2a_count{position:relative;vertical-align:top}.addtoany_list a:hover img,.addtoany_list a:hover span{opacity:.7}.addtoany_list a.addtoany_special_service:hover img,.addtoany_list a.addtoany_special_service:hover span{opacity:1}.addtoany_special_service{display:inline-block;vertical-align:middle}.addtoany_special_service a,.addtoany_special_service div,.addtoany_special_service iframe,.addtoany_special_service div.fb_iframe_widget,.addtoany_special_service span{margin:0;vertical-align:baseline!important}.addtoany_special_service iframe{display:inline;max-width:none}a.addtoany_share_save.addtoany_no_icon span.a2a_img_text{display:none}a.addtoany_share_save img{border:0;width:auto;height:auto}