@charset "UTF-8";
/* CSS Document */

body, html {
	height: 100%; 
	margin: 0; 
	animation: bugfix infinite 1s; 
	-webkit-animation: bugfix infinite 1s; 
	-o-animation: bugfix infinite 1s; 
	-moz-animation: bugfix infinite 1s; 
	-ms-animation: bugfix infinite 1s;
	}
.topNav{ 
	width:100%; 
	position:fixed; 
	top:-101px; 
	right:0; 
	z-index:100;
	visibility: hidden;
	background-color: rgba(0,0,0,0); 
	transition: background-color 200ms linear;
	-webkit-transition: background-color 200ms linear; 
	-o-transition: background-color 200ms linear; 
	-moz-transition: background-color 200ms linear; 
	-ms-transition: background-color 200ms linear; 
	}
.navActive{ 
	background-color:#000000; 
	transition: background-color 200ms linear; 
	-webkit-transition: background-color 200ms linear; 
	-o-transition: background-color 200ms linear; 
	-moz-transition: background-color 200ms linear; 
	-ms-transition: background-color 200ms linear; 
	opacity:0.9; 
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	/* IE 5-7 */
	filter: alpha(opacity=90);
	/* Netscape */
	-moz-opacity: 0.9;
	/* Safari 1.x */
	-khtml-opacity: 0.9;
}
.topNav ul{ text-align:center;}
.topNav ul li{ display:inline-block; padding:25px 40px; color:#ffffff; font-family: 'GT-L'; font-size:18px;}
.overlay ul li{ font-size:30px;}
.overlay ul li label{}
.overlay ul li label div{border-bottom: 1px solid #000000;}
.overlay ul li label:hover, .overlay ul li label div:hover{border-bottom: 1px solid #cccccc;}
.topNav ul li a{
	color:#ffffff; 
	text-decoration:none; 
	padding-bottom:20px; 
	border-bottom:2px solid transparent;
	}

.topNav ul li a.active{
	border-bottom:2px solid  #e53a31; 
	padding-bottom:20px; 
	transition: all .5s ease-in-out; 
	-webkit-transition: all .5s ease-in-out; 
	-o-transition: all .5s ease-in-out; 
	-moz-transition: all .5s ease-in-out; 
	-ms-transition: all .5s ease-in-out;
	}

#toTop{ 
	position:fixed; 
	left:50px; 
	top:40px; 
	z-index:10; 
	transition: all .5s ease-in-out; 
	-webkit-transition: all .5s ease-in-out; 
	-o-transition: all .5s ease-in-out; 
	-moz-transition: all .5s ease-in-out; 
	-ms-transition: all .5s ease-in-out; 
	border:none;
	}
#toTop img{ width:auto; height:41px; border:none;}
.gotoTop{bottom:16px!important;}
.gotoTop img{ border:none;}

.section-a, .section-b, .section-c, .section-d, .section-e, .section-f, .section-g, .section-h, .section-i, .section-j, .section-k, .section-l, .section-m, .section-n{
	  position: relative;
	  background-attachment: fixed;
	  background-position: center;
	  background-repeat: no-repeat;
	  background-size: cover;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  will-change: transform;
	  top:0;
	  overflow: hidden;
}

.toTopImg{height: 30px; width: auto; position: relative; left: 0; top: 7px;}

.section .next{
	display: inline-block; 
	border: 1px solid #efefef; 
	width: 80px; height: 70px; 
	margin: 35px auto 0; 
	position:relative; 
	bottom: 0; 
	z-index: 1000; 
        }
.section .next img{
	-webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
}
.next-o .next{ border: none;}
.section .next:hover{
	background-color: #efefef;
	transition: all .5s ease-in-out; 
	-webkit-transition: all .5s ease-in-out; 
	-o-transition: all .5s ease-in-out; 
	-moz-transition: all .5s ease-in-out; 
	-ms-transition: all .5s ease-in-out; 
}

.section .next img{width: 55px; height: auto; padding-top: 5px;}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(0, 10px);
            transform: translate(0, 10px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

#OP ul li img{ font-size:32px; height:50px}

html[data-useragent*='MSIE 10.0'] .section { background-attachment:inherit;}

@media all and (min-width:0\0) and (min-resolution:.001dpcm){
	.section { background-attachment:inherit;}
  	.gMap { display:none; }
}

@media \0screen {
	.section { background-attachment:inherit!important;}
	.ie8img{ display:inline-block!important;} 
	.section .content{ padding-top:101px;}
	.toTopImg, .logoImg, .projectImg{ display:none!important;}
	.gMap{ display:none;}
}

.ie8img{ display: none;}

.section-a {
  background-image: url("../images/001.jpg");
  min-height: 100%;
}

.section-a h1{color: #ffffff!important; font-size:32px!important;}
.section-a h3{color: #ffffff!important; font-size:34px!important; font-family: "GT-L"!important; letter-spacing: 1px!important;}

.section-b{
  background-image: url("../images/02.jpg");
  max-height: 5%;
}

.section-c {background-image: url("../images/02.jpg");}

.section-d {
  background-image: url("../images/03.jpg");
  max-height: 5%;
}

.section-e {background-image: url("../images/03.jpg");}
.section-f {
  background-image: url("../images/04.jpg");
  max-height: 5%;
}
.section-g {background-image: url("../images/04.jpg");}
.section-h {
  background-image: url("../images/05.jpg");
  max-height: 5%;
}
.section-i {background-image: url("../images/05.jpg");}
.section-j {
  background-image: url("../images/06.jpg");
  max-height: 5%;
}

.section-k {background-image: url("../images/06.jpg");}

.section-l {
  background-image: url("../images/07.jpg");
  max-height: 5%;
}
.section-m {background-image: url("../images/07.jpg");}
.section-n {
  background-image: url("../images/08a.jpg");
  max-height: 60%;
}

.section-o{background-color: #ffffff; overflow: hidden;}

.section-o span{color: #9cc1cc;}

.owl-dots{display:none;}

.owl-nav button span{font-size: 36px; margin:0 20px; color:#494949;line-height: 1;font-weight: 200;}

.section .content{ width:1000px; margin:0 auto; position:relative; z-index:2;}
.section .caption {
  text-align: center;
  color: #000;
  display:table-cell;
  vertical-align:middle;
  margin:0 auto;
  width:1000px;
}


.section-text{ background-color: #ffffff;}

.section-text .particles-js-canvas-el{position: absolute; top: 0; left:0;}

.section-text .content{margin-top:600px; width: 100%; background-color: #ffffff;}

.section-text .caption { padding-top: 50px; padding-bottom: 50px; width: 1000px; display: block; margin:0 auto; position: relative;}

.section-text h1{ position: relative; }

.section-text h1 > div, .section-o h1 > div{width: 100%; height: 1px;}

.section-text h1 > div > div, .section-o h1 > div > div{height: 1px; background-color: #abc6d7; margin: 22px auto 0; width: 150px; }

.section-100 .caption {height:100vh;}

.section-50 .caption {height:30vh;}

@keyframes fadeIn {
    from { padding-top:130px; opacity:0; filter: alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;}
    to { padding-top:0; opacity:1; filter: alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1;}
}
.animationFadeIn {
    animation: fadeIn 0.6s linear normal forwards;
    -webkit-animation: fadeIn 0.6s linear normal forwards;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
}

@keyframes fadeInNav {
    from { top:-101px; opacity:0; filter: alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;}
    to { top:0; opacity:1; filter: alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; }
}
.animationFadeIn-nav {
    animation: fadeInNav 0.6s ease-in-out normal forwards;
    -webkit-animation: fadeInNav 0.6s ease-in-out normal forwards;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
	-webkit-animation-delay: 0.6s; /* Safari 4.0 - 8.0 */
    animation-delay: 0.6s;
    transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
}


.section h1{ color:#000000; font-size:38px; font-family: 'GT-M'; font-weight:lighter; letter-spacing:2px; text-transform: uppercase; padding-bottom: 20px;}

.section h3{ color:#000000; line-height:40px; font-family: 'GT-M'; letter-spacing: 5px; font-size:22px; font-weight:300;}

.section-a-light-c h3{ margin-top:5px;}

.section p{font-size:20px; font-family: 'GT-L'; line-height:40px; letter-spacing:1px; text-align: left; color: #404040; text-shadow: 0 0 1px #404040;}

.section-o p{text-align: center;}

.section-g ul{ padding:0;}

.section-g ul li{ display:inline-block; padding:20px 50px;}


.footer{ text-align:center; font-family: 'GT-L'; background-color:#000000; color:#ffffff; padding:15px 0; font-size:14px;}

.footer ul{ padding:0; }

.footer ul li{
	display: inline-block; 
	margin: 10px 0; 
	padding: 0 14px; 
	border-left: 1px solid #535353;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
}

.footer ul li:nth-child(1){border: none;}

.footer ul li a{ 
	color: #ffffff; 
	text-decoration: none;
}

.footer ul li:hover{
	text-decoration: underline;
}

/* PC owl-carousel/owl-slider control  */
@media screen and (min-width:769px) {
    #owl-slider .owl-nav{ position: absolute;  top:50%; margin-top:-60px;  z-index: 2;  width:100%; display: block;}
    #owl-slider .owl-nav .owl-prev{ float: left; outline: none; }
    #owl-slider .owl-nav .owl-next{ float: right;  outline: none;}
    #owl-slider .owl-nav button span{ font-size: 120px;color:#e53a31;   line-height: 120px;font-weight: 200;display: block; opacity: 0.40;transition: 0.25s; }
    #owl-slider .owl-nav button span:hover{opacity: 1;color:#e53a31;transform: scale(1.05) translateX(-2px);}
 }
/* End PC owl-slider control  */

/* mobile menu start */
@keyframes bugfix { from {padding:0;} to {padding:0;}}
@-webkit-keyframes bugfix { from {padding:0;} to {padding:0;}}
#overlay-button {
	  position: fixed;
	  right: 35px;
	  top: 35px;
	  padding: 26px 11px;
	  z-index: 12;
	  user-select: none;
	  display:block;
	  background-color:transparent;
	  border-radius:5px;
	  opacity:1;
	  }

#overlay-button span {
      height: 4px;
      width: 45px;
      border-radius: 2px;
      background-color: #f13439;
      position: relative;
      display: block;
      transition: all .2s ease-in-out;
	  -webkit-transition: all .2s ease-in-out;
	  -o-transition: all .2s ease-in-out; 
	  -moz-transition: all .2s ease-in-out; 
	  -ms-transition: all .2s ease-in-out;
	}
	  
#overlay-button span:before {
      top: -10px;
      visibility: visible;
    }
#overlay-button span:after {
      top: 10px;
      }

#overlay-button span:before, #overlay-button span:after {
      height: 4px;
      width: 35px;
      border-radius: 2px;
      background-color: #f13439;
      position: absolute;
      content: "";
      transition: all .2s ease-in-out;
	  -webkit-transition: all .2s ease-in-out;
	  -o-transition: all .2s ease-in-out;
	  -moz-transition: all .2s ease-in-out;
	  -ms-transition: all .2s ease-in-out;
      }


#overlay-button:hover span, #overlay-button:hover span:before, #overlay-button:hover span:after{
      background: #cccccc;
    }

input[type=checkbox] {
   	  display: none;
}

input[type=checkbox]:checked ~ .overlay{
 	  visibility: visible;
}

input[type=checkbox]:checked ~ #overlay-button:hover span, input[type=checkbox]:checked ~ #overlay-button span{
      background: transparent;
  }

input[type=checkbox]:checked ~ #overlay-button span:after {
      transform: rotate(-45deg) translate(7px, -7px);
	  -webkit-transform: rotate(-45deg) translate(7px, -7px);
	  -o-transform: rotate(-45deg) translate(7px, -7px);
	  -moz-transform: rotate(-45deg) translate(7px, -7px);
	  -ms-transform: rotate(-45deg) translate(7px, -7px);
    }

input[type=checkbox]:checked ~ #overlay-button span:before {
      transform: rotate(45deg) translate(7px, 7px);
	  -webkit-transform: rotate(45deg) translate(7px, 7px);
      -o-transform: rotate(45deg) translate(7px, 7px);
      -moz-transform: rotate(45deg) translate(7px, 7px);
	  -ms-transform: rotate(45deg) translate(7px, 7px);
       opacity: 1;
       /* IE 8 */
	   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  	   /* IE 5-7 */
	   filter: alpha(opacity=100);
	   /* Netscape */
	   -moz-opacity: 1;
	   /* Safari 1.x */
	   -khtml-opacity: 1;
    }

.overlay {
	  height: 100vh;
	  width: 450px;
	  background: #000000;
	  z-index: 11;
	  visibility: hidden;
	  position: fixed;
		  }

.overlay.active {
      visibility: visible;
  }

.overlay ul {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    height: 100vh;
    padding-left: 0;
    list-style-type: none;
    }
.overlay ul li {padding: 1em;}


		
/* mobile menu end */


/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) {
  .section-a, .section-b, .section-c, .section-d, .section-e, .section-f, .section-h {
  }
}

@media screen and (max-width:1200px) {
	.section .content{max-width: 900px;}
	.section-text .content{max-width: 100%;}
	.section-text .caption{width: 800px;}
	}

@media screen and (min-device-width: 768px) and (max-device-width: 1200px) {
	.section .caption{max-width: 100%; padding:0 40px;}
}

@media screen and (max-width:769px) {
	#home .caption{ width:768px;}
	}
	
@media screen and (max-width:960px) {
	.section-a .content{padding:0!important;}
	.section-a .caption{width: 1000px!important;}
	.section .content{width:100%; padding: 50px 0;}
	.section .caption{padding:0 20px; width: auto;}
	.toTopImg{height:40px; width: auto;}
	#CUS .caption{width: 1000px;}
	}
@media screen and (max-width:320px) {
	.section .caption{padding:0;}
	.section h1{ font-size:30px;}
	.logoImg{ width:230px;}
	.section h3{ font-size:20px;}
	.overlay ul li{ font-size:20px;}
	}
	
@media screen and (max-width: 640px) {
	.section-b, .section-d, .section-f, .section-h, .section-j, .section-l{
		max-height: 0
	}
	.section-n{max-height: 80%}
}

@font-face {font-family: "GT-L";
  src: url("fonts/GT-L/66d66b2194f4e2510a65d72509b6673f.eot"); /* IE9*/
  src: url("fonts/GT-L/66d66b2194f4e2510a65d72509b6673f.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("fonts/GT-L/66d66b2194f4e2510a65d72509b6673f.woff2") format("woff2"), /* chrome、firefox */
  url("fonts/GT-L/66d66b2194f4e2510a65d72509b6673f.woff") format("woff"), /* chrome、firefox */
  url("fonts/GT-L/66d66b2194f4e2510a65d72509b6673f.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("fonts/GT-L/66d66b2194f4e2510a65d72509b6673f.svg#GT Sectra Display Light") format("svg"); /* iOS 4.1- */
}


@font-face {font-family: "GT-M";
  src: url("fonts/GT-M/207fae73e1bde668238f6d9d0598cc9.eot"); /* IE9*/
  src: url("fonts/GT-M/b207fae73e1bde668238f6d9d0598cc9.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("fonts/GT-M/b207fae73e1bde668238f6d9d0598cc9.woff2") format("woff2"), /* chrome、firefox */
  url("fonts/GT-M/b207fae73e1bde668238f6d9d0598cc9.woff") format("woff"), /* chrome、firefox */
  url("fonts/GT-M/b207fae73e1bde668238f6d9d0598cc9.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("fonts/GT-M/b207fae73e1bde668238f6d9d0598cc9.svg#GT Sectra Display Medium") format("svg"); /* iOS 4.1- */
}