/* RESET */
a{outline:none;text-decoration:none;}

/* GENERAL */
body{font-family:Font_A_Light,Georgia,Times,serif;margin:0;color:#111;font-size:16px;position:absolute;top:0;right:0;bottom:0;left:0;x-overflow:hidden;font-weight:lighter;overflow-y: scroll;}
p{font-size:16px;line-height:24px;color:#727272;letter-spacing:1px;}
a{color:#727272}
.end a{border-bottom:1px solid rgba(72,72,72,0.4);-webkit-transition:border-color .2s ease-in;-moz-transition:border-color .2s ease-in;-o-transition:border-color .2s ease-in;transition:border-color .2s ease-in;}
.end a:hover{border-bottom:1px solid #727272;}
#content{margin:0 auto;width:100%;display:table;}
.pbox{display:none;}
.menu{height:100%;}
.end{font-size:40px;line-height:40px;padding:0 40px;}
::selection{background:#EEE;}
::-moz-selection{background:#EEE;}

.logo{width:100px;height:100px; left:36px; top:36px; z-index:9999; opacity:0.25; cursor:pointer; position:absolute;}




/* FONTS */
@font-face {
	font-family:'Font_B_Light';
	src:url('fonts/neutratexttfbook-webfont.eot#iefix') format('embedded-opentype'),
	    url('fonts/neutratexttfbook-webfont.woff') format('woff'),
	    url('fonts/neutratexttfbook-webfont.ttf') format('truetype'),
		url('fonts/neutratexttfbook-webfont.svg#svgFontName') format('svg');
		font-weight: lighter;
 		font-style: normal;
}
@font-face {
	font-family:'Font_A_Light';
	src:url('fonts/neutratexttflight-webfont.eot#iefix') format('embedded-opentype'),
		url('fonts/neutratexttflight-webfont.woff') format('woff'),
		url('fonts/neutratexttflight-webfont.ttf') format('truetype'),
		url('fonts/neutratexttflight-webfont.svg#svgFontName') format('svg');
		font-weight: lighter;
		font-style: normal;
}

/* SLIDER */
.swiper-container{height:100%;width:100%;color:#fff;text-align:center;cursor:-webkit-grab;cursor:-moz-grab;margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1;}
.swiper-wrapper{position:relative;width:100%;-webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left,top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left,top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform,left,top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;}
.swiper-slide{float:left;display:table;}
.swiper-wp8-horizontal{-ms-touch-action:pan-y;}
.swiper-wp8-vertical{-ms-touch-action:pan-x;}
.swiper-container{}.swiper-slide{}.swiper-slide-active{}.swiper-slide-visible{}.swiper-pagination-switch{}.swiper-active-switch{}.swiper-visible-switch{}

.home-slide{background:url('LCB_logo.png') no-repeat;background-position:center center;background-size:cover;color:#fff}
.new-slide{background:url('new_slider.jpg') no-repeat;background-position:center center;background-size:cover;color:#fff}
.samsung-slide{background:url('samsung_slider3.jpg') no-repeat;background-position:center center;background-size:cover;color:#fff}
.ge-slide{background:url('ge_slider2.jpg') no-repeat;background-position:center center;background-size:cover;color:#fff}
.capezio-slide{background:url('capezio_slider.jpg') no-repeat;background-position:center center;background-size:cover;color:#fff}
.tmorev-slide{background:url('tmorev_slider.jpg') no-repeat;background-position:center center;background-size:cover;color:#fff}
.auto-slide{background:url('auto_slider.jpg') no-repeat;background-position:center center;background-size:cover;color:#fff}
.more-slide{background:url('more_slider.jpg') no-repeat;background-position:center center;background-size:cover;color:#fff}


.swiper-slide .detail{display:table-cell;text-align:center;vertical-align:middle;}
.swiper-slide .detail2{display:table-cell;text-align:center;vertical-align:middle;padding-top:106px;}
.swiper-slide .title{font-family:Font_B_Light;font-size:62px;line-height:62px;margin-top:20px;margin-bottom:40px;letter-spacing:5px;}


.dots{position:absolute;z-index:1002;left:0;right:0;bottom:0;height:30px;}
.pagination{position:relative;z-index:1003;left:auto;right:auto;bottom:0;}
.swiper-pagination-switch{display:inline-block;width:8px;height:8px;border-radius:8px;background:#fff;margin-right:7px;margin-left:7px;cursor:pointer;}
.swiper-visible-switch{background:#aaa;}
.swiper-active-switch{background:none;border:1px solid #fff;margin-bottom:-1px;}

/* PADDLE NAV */
.paddle-nav{width:100%;height:100%;}
.paddle-nav li .arrow{opacity:.25;filter:alpha(opacity=25);top:0;bottom:0;width:100%;outline:none;cursor:pointer;background:none;-webkit-transition:opacity 0.25s ease-out;-moz-transition:opacity 0.25s ease-out;transition:opacity 0.25s ease-out;}
.paddle-nav li .arrow:hover{opacity:1;filter:alpha(opacity=100);}
.paddle-nav li .arrow.prev{left:0;position:absolute;z-index:1000;display:block;margin:-15px 0 20px 0;width:160px;height:100%;text-indent:-9999px;overflow:hidden;background-repeat:no-repeat;background-position:50% 50%;background-size:36px 71px;background-image:url('arrow_left.png');}
.paddle-nav li .arrow.next{right:0;position:absolute;z-index:1000;display:block;margin:-15px 0 20px 0;width:160px;height:100%;text-indent:-9999px;overflow:hidden;background-repeat:no-repeat;background-position:50% 50%;background-size:36px 71px;background-image:url('arrow_right.png');}
@media only screen and (max-device-width:768px) {.paddle-nav{display:none !important;}}

/* LOADING */
p#loading{display:block;font-family:Georgia, "Times New Roman", Times, serif;letter-spacing:10px;font-size:80px;color:#ccc;left:50%;margin-left:-43px;position:fixed;top:38%;}
.no-js #loading{display:none;}

@-webkit-keyframes opacity{0%{opacity:1;}100%{opacity:0;}}
@-moz-keyframes opacity{0%{opacity:1;}100%{opacity:0;}}
#loading span{-webkit-animation-name:opacity;-webkit-animation-duration:1.8s;-webkit-animation-iteration-count:infinite;-moz-animation-name:opacity;-moz-animation-duration:1.8s;-moz-animation-iteration-count:infinite;}
#loading span:nth-child(2) {-webkit-animation-delay:100ms;-moz-animation-delay:100ms;}
#loading span:nth-child(3) {-webkit-animation-delay:300ms;-moz-animation-delay:300ms;}

/* FADE */
@-webkit-keyframes fadeIn {from {opacity:0;} to {opacity:1;}}
@-moz-keyframes fadeIn {from {opacity:0;} to {opacity:1;}}
@keyframes fadeIn {from {opacity:0;} to {opacity:1;}}
 
.fade {height:100%;opacity:0;-webkit-animation:fadeIn ease-in 1;-moz-animation:fadeIn ease-in 1;animation:fadeIn ease-in 1;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:1s;	-moz-animation-duration:1s;animation-duration:1s;}
.fade:nth-child(2n) {-webkit-animation-delay:2s;-moz-animation-delay:2s;animation-delay:2s;}

/* FOOTER */
#footer{margin:60px 0 60px 0;text-align:center;color:#484848;}

/* BUTTONS */
.btn{display:inline-block;color:#fff;font-size:16px;line-height:16px;font-weight:lighter;padding:15px 22px;border-radius:5px;border:5px solid #fff;border:5px solid #FF9933;-webkit-transition:border-color .2s ease-in;-moz-transition:border-color .2s ease-in;-o-transition:border-color .2s ease-in;transition:border-color .2s ease-in;cursor:pointer;}
.btn:hover{border-color:#fff;background:rgba(255,255,255,0.06)}
.btn2{width:50px;height:50px;display:inline-block;opacity:0.7;background:url('arrow.png');-webkit-transition:opacity .2s ease-in;-moz-transition:opacity .2s ease-in;-o-transition:opacity .2s ease-in;transition:opacity .2s ease-in;cursor:pointer;}
.btn3{width:50px;height:51px;display:inline-block;opacity:0.7;background:url('arrow.png');-webkit-transition:opacity .2s ease-in;-moz-transition:opacity .2s ease-in;-o-transition:opacity .2s ease-in;transition:opacity .2s ease-in;cursor:pointer;}
.btn4{width:50px;height:51px;display:inline-block;opacity:0.7;background:url('arrow.png');-webkit-transition:opacity .2s ease-in;-moz-transition:opacity .2s ease-in;-o-transition:opacity .2s ease-in;transition:opacity .2s ease-in;cursor:pointer;}
.btn5{width:50px;height:51px;display:inline-block;opacity:0.7;background:url('arrow.png');-webkit-transition:opacity .2s ease-in;-moz-transition:opacity .2s ease-in;-o-transition:opacity .2s ease-in;transition:opacity .2s ease-in;cursor:pointer;}
.btn6{width:50px;height:51px;display:inline-block;opacity:0.7;background:url('arrow.png');-webkit-transition:opacity .2s ease-in;-moz-transition:opacity .2s ease-in;-o-transition:opacity .2s ease-in;transition:opacity .2s ease-in;cursor:pointer;}
.btn2:hover, .btn3:hover, .btn4:hover, .btn5:hover, .btn6:hover{opacity:1;}

/* ABOUT */
#about{display:none;margin:0 auto;text-align:center;color:#484848;max-width:700px;}
h4{font-family:Font_B_Light;color:#727272;font-size:40px;text-align:center;padding:0 40px;letter-spacing:3px;font-weight:lighter;}
h5{font-size:18px;color:#727272;text-align:center;padding:0 40px;line-height:30px;font-weight:lighter;}
.dash{display: block;background:#8B8B8B;width:92px;height:0;border-top:1px solid #8B8B8B;text-align:center;margin:60px auto;}
.contact{width:480px;height:91px;margin:34px auto 40px auto;}
.email{opacity:0.6;display:inline;float:left;width:90px;height:91px;background:url('about/email_icon.png');margin-right:40px;-webkit-transition:opacity .2s ease-in;-moz-transition:opacity .2s ease-in;-o-transition:opacity .2s ease-in;transition:opacity .2s ease-in;}
.email:hover{opacity:1;}
.resume{opacity:0.6;display:inline;float:left;width:90px;height:91px;background:url('about/resume_icon.png');margin-right:40px;-webkit-transition:opacity .2s ease-in;-moz-transition:opacity .2s ease-in;-o-transition:opacity .2s ease-in;transition:opacity .2s ease-in;}
.resume:hover{opacity:1;}
.behance{opacity:0.6;display:inline;float:left;width:90px;height:91px;background:url('about/behance_icon.png');margin-right:40px;-webkit-transition:opacity .2s ease-in;-moz-transition:opacity .2s ease-in;-o-transition:opacity .2s ease-in;transition:opacity .2s ease-in;}
.behance:hover{opacity:1;}

.linkedin{opacity:0.6;display:inline;float:left;width:90px;height:91px;background:url('about/linkedin_icon.png');-webkit-transition:opacity .2s ease-in;-moz-transition:opacity .2s ease-in;-o-transition:opacity .2s ease-in;transition:opacity .2s ease-in;}
.linkedin:hover{opacity:1;}

/* PROJECT CONTENT */
.full-width {width:100%;}
.headline {max-width:1100px;margin-left:auto;margin-right:auto;padding:40px 50px;}
.description {max-width:930px;margin-left:auto;margin-right:auto;padding:0px 0px;}
h1 {font-family:Font_B_Light;font-size:39px;line-height:48px;letter-spacing:7px;font-weight:lighter;text-align:center;}
h2 {font-family:Font_B_Light;font-size:29px;line-height:34px;letter-spacing:3px;font-weight:lighter;text-align:center;padding-bottom:20px;}
h3 {font-size:18px;color:#727272;line-height:18px;margin:0 0 35px 0;letter-spacing:1px;font-weight:lighter;text-align:center;}
h6{font-size:13px;line-height:20px;text-align:center;padding:0 40px;margin-top:12px;}
.web{opacity:0.7;-webkit-transition:opacity .2s ease-in;-moz-transition:opacity .2s ease-in;-o-transition:opacity .2s ease-in;transition:opacity .2s ease-in;}
.web:hover{opacity:1;}