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

@import url('normalize.css');
@import url('main.css');

input:focus, button:focus, textarea:focus  {border:none; outline-width: 0;}
html, button, input, select, textarea {font-family:'hlr',Helvetica, Arial, sans-serif}
* {
  box-sizing:border-box;  -moz-box-sizing:border-box;  -webkit-box-sizing:border-box; -ms-box-sizing: border-box
	}
.red {color:#b71d1d}
.grey {color:#666}
.black {color:#000}

html, body { width:100%; height:100%; font-family: 'Roboto Condensed', sans-serif;}
body { padding:0; margin:0; }


header:before {content:""; height:4px; background-color:#d81f25; right:0; top:0; position:absolute; width:100%;}
header:after {content:""; height:4px; background-color:#000; right:0; top:0; position:absolute; width:60%;}
header { height:70px; width:100%; background:rgba(255,255,255,0); position:fixed; left:0; top:0; z-index:10; display:table; width:100%; z-index:1111; }
.wrapper-menu:after {background-color:#ececec; width:100%; height:100%; content:""; display:block; position:absolute; top:0; z-index:-1}
header .wrapper-menu { height:100%; width:100%; position:absolute; left:0; top:-100%; transition:200ms ease-in-out all;}
header:hover .wrapper-menu { top:0; }
header.on-landing .wrapper-menu { top:0; }
header.on-landing:hover .wrapper-menu { top:0; }

.logo { width:40% }
.logo .logo_img { background-image:url(../images/logos/logo.png); height:44px; width:50px; background-repeat:no-repeat; display:inline-block; position:relative; z-index:1; vertical-align:top; margin-right:5px}
.logo .logo_text { background:url(../images/logos/logo2.png) right no-repeat; height:44px; width:calc(100% - 100px); display:inline-block; opacity:0; position:relative; left:-50px; transition:all 100ms; vertical-align:top; background-size:contain; max-width:220px}


header:hover .logo_text { opacity:1; left:0; }
.mobile-navi {display:none}
nav {vertical-align:middle; width:100%; margin:auto; max-width:1000px; font-family: 'Roboto Condensed', sans-serif; font-weight:700}
nav ul {padding:0; margin:0; list-style:none; font-size:0;}
nav ul li{display:inline-block; font-size:18px; position:relative; vertical-align:middle}
nav ul li:hover:before, #top-menu .active:before { border-top:4px solid #d81f25; content:""; display: inline-block; width:100%; background-color:#039; position:absolute; z-index:1; left:0;}
nav ul li.logo:hover:before, #top-menu .logo:before {display:none}
nav ul li a{text-decoration:none; color:#000; padding:10px 20px; display:block; line-height:45px}
nav ul li:hover a {color:#b71d1d}

.wrapper { height:100%; width:100%; background-color:#E8E8E8; position:relative; z-index:1000; }
.wrapper-content {width:100%; margin:auto; max-width:1000px}


.page { position:relative; min-height:100%;}
.page .bg,
.page .content_img,
.page .content_txt { position:absolute; height:100%; left:0; width:100%; text-align:center; }

.content_title { font-size:46px; text-transform:uppercase; color:#b71616; font-family: 'Roboto Condensed', sans-serif; font-weight:300}
.content_subtitle {font-size:30px; text-transform:uppercase; color:#494949; font-family: 'Roboto Condensed', sans-serif;}
#careers .content_subtitle {font-size:22px;}
.title_bold {font-weight:bold; font-family: 'Roboto Condensed', sans-serif; font-weight:700}
.content_text {font-size:18px; margin-bottom:5%; color:#494949}
.career_apply {font-size:15px; color:#b71616}
.career_apply a{font-size:15px; color:#b71616; text-decoration:none}
.sfont50 {font-size:50px}
.sfont30 {font-size:20px}


.page#landing { background:url(../images/contents/landing_bg.png) center no-repeat; background-size:cover; }
.page#landing .content_img { background:none; }
.page#landing .content_txt { background:url(../images/contents/landing.png) center no-repeat; }


.page#profile .content_img { background:none; }
.page#profile .content_txt { background:none; }
.page#profile #profile-page1 { position:relative; }
.page#profile #profile-page1 .bg { background:url(../images/contents/page1_bg.png) 1% center no-repeat; background-size:auto 100%; height:110%; position:absolute; top:-10%; width:100%; }
.page1-arrow { background:url(../images/contents/page1_arrow.png) right center no-repeat; background-size:auto 100%; height:100%; position:absolute; top:0; right:-1%; width:100%; }
.page1_wrap { padding:0 14% 0 38%; text-align:left; display:inline-block; width:calc(100% - 5px); vertical-align:middle }
.page1_wrap2 { padding:0 56% 0 18%; text-align:left; display:inline-block; width:calc(100% - 5px); vertical-align:middle }
.page1_wrap2 .content_text, .page1_wrap2 .content_title {color:#FFF}

.page#profile #profile-page2 { position:relative; background:#b71616; }
.page#profile #profile-page2 .bg { background:url(../images/contents/page1_bg2.png) right center no-repeat; background-size:auto 100%; height:120%; position:absolute; top:-10%; width:100%; right:-5%; left:auto; }


.page#practice {background-image:url(../images/contents/page2_bg.png); width:100%; height:100%; background-repeat:repeat; background-position:center left; background-color:#f0f0f0; z-index:-1;}
.page#practice .content_img { }
.page#practice .content_txt { }
.content { height:100%; width:100%;}
.sliderContent2 ul{ background-image:url(../images/contents/page2_bglong.png); background-repeat:no-repeat; background-position:center left; background-size:100%}
.page2_wrap { padding:30px 51% 0 19%; text-align:left; display:inline-block; width:calc(100% - 5px); vertical-align:middle }
.page2_wrap2 { padding:30px 21% 0 48%; text-align:left; display:inline-block; width:calc(100% - 5px); vertical-align:middle }
.page2_wrap3 { padding:30px 50% 0 20%; text-align:left; display:inline-block; width:calc(100% - 5px); vertical-align:middle }
.page2_wrap4 { padding:30px 56% 0 14%; text-align:left; display:inline-block; width:calc(100% - 5px); vertical-align:middle }
.page2_wrap5 { padding:30px 26% 0 51%; text-align:left; display:inline-block; width:calc(100% - 5px); vertical-align:middle }


.page#services {background-image:url(../images/contents/page3_bg.png); background-size:cover; width:100%; height:100%; background-repeat:no-repeat; background-position:center left; background-color:#f0f0f0;}
.page#services .content_img { height:auto; top:25%}
.page#services .content_txt { height:auto; top:10%}
.content_tcell .content_title {text-align:left}
.page#services ul{padding:0 20px; text-align:left; list-style-position:inside; line-height:30px; width:100%;}
.page#services ul li{text-indent:-17px}

.page#services .content_tcell img, .page#careers .content_tcell img {width:96%; border-bottom:1px solid #9c9c9c; padding-bottom:25px; opacity:0.7; filter:alpha(opacity=70);}
.page#services .content_tcell img:hover, .page#careers .content_tcell img:hover{opacity:1; filter:alpha(opacity=100);}

.page3_ct {width: calc(100% - 10px); display:block; border-bottom:1px solid #888; margin:5px; text-align:center}
.page3_ct:hover { border-bottom:1px solid #000;}
.page3_ct1 {width:80%; height:253px; background-image:url(../images/contents/page3_ct1.png); background-repeat:no-repeat; background-size:contain; opacity:.6; filter:alpha(opacity=70); transition:100ms ease-in-out all; margin:auto; background-position:center center}
.page3_ct1:hover {background-image:url(../images/contents/page3_ct1.png); background-repeat:no-repeat; background-size:contain; opacity:1; filter:alpha(opacity=1); width: calc(100% - 10px)}
.page3_ct2  {width:80%; height:253px; background-image:url(../images/contents/page3_ct2.png); background-repeat:no-repeat; background-size:contain; opacity:.6; filter:alpha(opacity=70); transition:100ms ease-in-out all; margin:auto; background-position:center center}
.page3_ct2:hover {background-image:url(../images/contents/page3_ct2.png); background-repeat:no-repeat; background-size:contain; opacity:1; filter:alpha(opacity=1); width: calc(100% - 10px)}
.page3_ct3  {width:80%; height:253px; background-image:url(../images/contents/page3_ct3.png); background-repeat:no-repeat; background-size:contain; opacity:.6; filter:alpha(opacity=70); transition:100ms ease-in-out all; margin:auto; background-position:center center}
.page3_ct3:hover {background-image:url(../images/contents/page3_ct3.png); background-repeat:no-repeat; background-size:contain; opacity:1; filter:alpha(opacity=1); width: calc(100% - 10px)}
.align_center {display:inline-block; margin-top:20px}


.page#careers { background-image:url(../images/contents/page4_bg.png); background-size:cover; width:100%; height:100%; background-repeat:no-repeat; background-position:bottom; background-color:#f0f0f0; }
.page#careers .content_img { height:auto; top:25%}
.page#careers .content_txt { height:auto; top:10%}

.page4_ct {width: calc(100% - 10px); display:block; margin:5px; text-align:center; margin-bottom:35px}
.page4_ct1 {width:100%; height:200px; background-image:url(../images/contents/page4_ct1.png); background-repeat:no-repeat; background-size:contain; opacity:.6; filter:alpha(opacity=70); transition:100ms ease-in-out all; margin:auto; background-position:center center;}
.page4_ct1:hover {background-image:url(../images/contents/page4_ct1_hover.png); background-repeat:no-repeat; background-size:contain; opacity:1; filter:alpha(opacity=1); width: calc(90% - 10px)}
.page4_ct2  {width:100%; height:200px; background-image:url(../images/contents/page4_ct2.png); background-repeat:no-repeat; background-size:contain; opacity:.6; filter:alpha(opacity=70); transition:100ms ease-in-out all; margin:auto; background-position:center center;}
.page4_ct2:hover {background-image:url(../images/contents/page4_ct2_hover.png); background-repeat:no-repeat; background-size:contain; opacity:1; filter:alpha(opacity=1); width: calc(90% - 10px)}
.page4_ct3  {width:100%; height:200px; background-image:url(../images/contents/page4_ct3.png); background-repeat:no-repeat; background-size:contain; opacity:.6; filter:alpha(opacity=70); transition:100ms ease-in-out all; margin:auto; background-position:center center;}
.page4_ct3:hover {background-image:url(../images/contents/page4_ct3_hover.png); background-repeat:no-repeat; background-size:contain; opacity:1; filter:alpha(opacity=1); width: calc(90% - 10px)}



/*   pop up   */

.popup {position:fixed !important; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.9); z-index:3000; padding:0 !important}
.popup ul {list-style:disc;}
.popup ul li {padding:5px 10px 0 0}
.popjd {color:#FFF; position:relative; display:inline-flex; width:calc(100% - 1px); vertical-align:middle; height:100%; overflow:auto; display:none}
.popup .wrapper-content{position:relative; padding:20px}
.popjd:before {display:inline-flex; content:""; width:1px; height:100%; vertical-align:middle}
.pop_close {position:absolute; top:10px; right:10px; font-size:30px; cursor:pointer}
.pop_close:hover {color:#CCC}
.pop_title { font-size:46px; text-transform:uppercase; font-family:'hlrl',Helvetica, Arial, sans-serif}
.pop_table2 {display:table; width:100%}
.pop_tcell2 {display:table-cell; width:50%}
.pop_text {font-size:16px}
.pop_subtitle {color:#b71616; font-size:20px}
.pop_hr {border-top: 1px solid #FFF; margin:20px 0}
.big_but {background-color:#b71d1d; padding:8px 15px; color:#FFF; text-transform:uppercase;  height:auto; display:inline-block; font-size:20px; text-decoration:none; cursor:pointer}
.big_but:hover {background-color:#d13c3c}
.display {display:inline-flex}



.page#contact { background-image:url(../images/contents/page2_bg.png); width:100%; height:auto !important; background-repeat:repeat; background-position:center left; background-color:#f0f0f0; z-index:-1; }
.page#contact .map { width:100%; height:450px; background-color:#f0f0f0; position:relative; overflow:hidden; }
.page#contact .map .map-holder { background:url(../images/contents/map_bg.png) center no-repeat; background-size:cover; width:130%; height:130%; position:absolute; top:-15%; left:-15%; }
.page#contact .content_img { height:auto; top:0 }
.page#contact .content_txt { top:440px; height:auto}

.contact_form { text-align:left; padding-top:30px }
.contact-holder { width:100%; height:100%; position:absolute; top:0; left:0; }
.contact_align { width:100%; margin:auto; text-align:right; padding-top:15px; max-width:1000px}
.contact {background-color:#b71616; color:#FFF; width:420px; height:420px; border-radius:420px; vertical-align:middle; text-transform:uppercase; font-size:16px; text-align:left; padding-top:50px; display:inline-block}
.contact_detail {padding-left:110px; padding-top:5px}
.contact_name {margin-bottom:8px}
.content_table3 {display:table; margin:auto; width:100%; max-width:1000px}
.content_table3 img {width:100%}
.content_table3 .content_tcell {display:table-cell; width:33%; vertical-align:top}

.content_table4 {display:table; margin:auto; width:100%; max-width:1000px}
.content_table4 img {width:100%}
.content_table4 .content_tcell {display:table-cell; width:25%; vertical-align:top}
.hr {border-top:1px dotted #FFFFFF; margin:20px 0}

.ico_tel {width:18px; height:18px; background-image:url(../images/ico/contact.png); background-position:0px 0px; display:inline-block; background-repeat:no-repeat; margin-right:5px; vertical-align:sub}
.ico_fax {width:18px; height:18px; background-image:url(../images/ico/contact.png); background-position:-18px 0px;  display:inline-block; background-repeat:no-repeat; margin-right:5px; vertical-align:sub}
.ico_email {width:18px; height:18px; background-image:url(../images/ico/contact.png); background-position:-36px 0px;  display:inline-block; background-repeat:no-repeat; margin-right:5px; vertical-align:sub}

.form {margin-top:20px; padding-bottom:20px; }
.form .form_label, .form .form_input {display:inline-block; vertical-align:top}
.form input{border:none; padding:0; margin:0; background-color:transparent; height:25px; width:100%}
.form input:focus, .form textarea:focus{border:none; outline-width: 0;}
.form textarea {border:none; padding:0; margin:0; background-color:transparent; height:20px; width:100%; resize:none; vertical-align:baseline; max-height:139px;}

.lform {display:inline-block; width:38%; vertical-align:top; margin-right:2%}
.lform .form_label{width:20%; height:25px}
.rform .form_label{width:24%; height:25px}
.lform .form_input {width:76%}
.rform .form_input {width:74%}

.rform {display:inline-block; width:58%; vertical-align:top}
.form_row {width:100%; border-bottom:1px dotted #000000; padding:16px 0}
.form_row .submit{background-color:#b71d1d; border:0; padding:8px 15px; color:#FFF; text-transform:uppercase;  height:auto; display:inline-block; line-height:20px}
.form_row .submit:hover,
.form_row .submit:focus{background-color:#d13c3c}
.form_row .submit[disabled]{opacity: 0.5; cursor:not-allowed;}
.sub-but {text-align:right; border:none; margin-top:15px}
.sub-but a{text-decoration:none}

.form_input span.placeholder {position: absolute; color: #A3A3A3; cursor: auto; font-size: 11pt; z-index: -1;}



/* slider  */

#main{width: 100%; margin: auto; overflow:hidden }
#introAnime{width: 100%; position: relative; height:100%}
.showScene{width:100%; height:100%}
.sliderContent {overflow: scroll; color:#ffffff; height:100%}
.sliderContent ul {width: 10000px; height: 100%; list-style: none; padding:0; margin:0; font-size:0px }
.sliderContent ul li .content:before {display:inline-block; content:""; width:1px; height:100%; vertical-align:middle}
.sliderContent ul li{list-style-type: none; padding:0; margin:0; display:inline-block; height:100%}
.sliderNav { position:absolute; display:none; }
.sliderNav a { cursor:pointer; }

.prevNext { z-index:1000; height:100% }
.prevNext a { background-color:transparent; width:100px; height:100%; }
.prevNext a:first-child { display:none; }
.prevNext a:hover {  }
.prevNext .left{ position:absolute; border:none; left:0; background-image:url(../images/ico/arrowl.png); background-repeat:no-repeat; background-position:center center }
.prevNext .right{ position:absolute ; border:none; background-image:url(../images/ico/arrowr.png); background-repeat:no-repeat; background-position:center center }

.sceneBtns {left: 195px; bottom:20px}
.sceneBtns a{background-color: #ccc; border-radius:10px; height:15px; width:15px; border:1px solid #999; display:inline-block}
.sceneBtns a.active2{background-color:#FFF}

#main2 {width: 100%; margin: auto; overflow:hidden }
#introAnime2{width: 100%; position: relative; height:100%}
.showScene2{width:100%; height:100%}
.sliderContent2{overflow: scroll; color:#ffffff; height:100%}
.sliderContent2 ul {width: 10000px; height: 100%; list-style: none; padding:0; margin:0; font-size:0px }
.sliderContent2 ul li .content:before {display:inline-block; content:""; width:1px; height:100%; vertical-align:middle}
.sliderContent2 ul li {list-style-type: none; padding:0; margin:0; display:inline-block; height:100%; position:relative; }
.sliderNav2 { position:absolute; display:none; }
.sliderNav2 a { cursor:pointer; }

.prevNext2 { z-index:1000; height:100%}
.prevNext2 a { background-color:transparent; width:100px; height:100% }
.prevNext2 a:hover {  }
.prevNext2 a:first-child { display:none; }
.prevNext2 .left { position:absolute; border:none; background-image:url(../images/ico/arrowl.png); background-repeat:no-repeat; background-position:center center }
.prevNext2 .right { position:absolute ; border:none; background-image:url(../images/ico/arrowr.png); background-repeat:no-repeat; background-position:center center }
.sceneBtns2 { left: 195px; bottom:20px}
.sceneBtns2 a{background-color: #ccc; border-radius:10px; height:15px; width:15px; border:1px solid #999; display:inline-block}
.sceneBtns2 a.active2{background-color:#FFF}

/* slider  end */


/*------------------------
---Scrolling animations---

.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

.scrollimation.fade-right{
	opacity:0;
	-webkit-transform: translateX(-30px);
	-moz-transform: translateX(-30px);
	-ms-transform: translateX(-30px);
	transform:translateX(-30px);
	-webkit-transition: -webkit-transform 1.5s ease-in,opacity 1.5s ease-in;
	transition: transform 1.5s ease-in,opacity 1.5s ease-in;
}

.scrollimation.fade-right.in{
	opacity:1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform:translateX(0px);
}


@-moz-keyframes pendulum {
    0% {-moz-transform:rotateY(0deg);}
	100% {-moz-transform:rotateY(359deg);}

}

@-ms-keyframes pendulum {
    0% {-ms-transform:rotateY(0deg);}
	100% {-moz-transform:rotateY(359deg);}
}

@-o-keyframes pendulum {
    0% {-o-transform:rotateY(0deg);}
	100% {-o-transform:rotateY(359deg);}
}

@-webkit-keyframes pendulum {
    0% {-webkit-transform:rotateY(0deg);}
	100% {-webkit-transform:rotateY(359deg);}
}

@keyframes pendulum {
    0% {transform:rotateY(0deg);}
	100% {transform:rotateY(359deg);}
}

.rotate {
    -moz-animation: pendulum;
    -moz-animation-iteration-count: 1;
    -moz-animation-duration: 3s;
    -ms-animation: pendulum;
    -ms-animation-iteration-count: 1;
    -ms-animation-duration: 3s;
    -o-animation: pendulum;
    -o-animation-iteration-count: 1;
    -o-animation-duration: 3s;
    -webkit-animation: pendulum;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-duration: 3s;
    animation: pendulum;
    animation-iteration-count: 1;
    animation-duration: 3s;
}

/*-------------------------
 Arrow ani

 ------------*/

@-webkit-keyframes bounceR {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  40% {
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  60% {
    -webkit-transform: translateX(-15px);
    -moz-transform: translateX(-15px);
    -ms-transform: translateX(-15px);
    transform: translateX(-15px);
  }
}
@-moz-keyframes bounceR {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  40% {
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  60% {
    -webkit-transform: translateX(-15px);
    -moz-transform: translateX(-15px);
    -ms-transform: translateX(-15px);
    transform: translateX(-15px);
  }
}
@-ms-keyframes bounceR {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  40% {
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  60% {
    -webkit-transform: translateX(-15px);
    -moz-transform: translateX(-15px);
    -ms-transform: translateX(-15px);
    transform: translateX(-15px);
  }
}
@keyframes bounceR {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  40% {
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  60% {
    -webkit-transform: translateX(-15px);
    -moz-transform: translateX(-15px);
    -ms-transform: translateX(-15px);
    transform: translateX(-15px);
  }
}

.bounceR {
  -webkit-animation: bounceR 2s infinite;
  -moz-animation: bounceR 2s infinite;
  -ms-animation: bounceR 2s infinite;
  animation: bounceR 2s infinite;
}

@-webkit-keyframes bounceL {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  40% {
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  60% {
    -webkit-transform: translateX(15px);
    -moz-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px);
  }
}
@-moz-keyframes bounceL {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  40% {
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  60% {
    -webkit-transform: translateX(15px);
    -moz-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px);
  }
}
@-ms-keyframes bounceL {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  40% {
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  60% {
    -webkit-transform: translateX(15px);
    -moz-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px);
  }
}
@keyframes bounceL {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  40% {
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  60% {
    -webkit-transform: translateX(15px);
    -moz-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px);
  }
}

.bounceL {
  -webkit-animation: bounceL 2s infinite;
  -moz-animation: bounceL 2s infinite;
  -ms-animation: bounceL 2s infinite;
  animation: bounceL 2s infinite;
}


/*------------------------
---Scrolling animations end ---
-------------------------*/

@-webkit-keyframes bounceU {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(-0);
    -moz-transform: translateY(-0);
    -ms-transform: translateY(-0);
    transform: translateY(-0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-moz-keyframes bounceU {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(-0);
    -moz-transform: translateY(-0);
    -ms-transform: translateY(-0);
    transform: translateY(-0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-ms-keyframes bounceU {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(-0);
    -moz-transform: translateY(-0);
    -ms-transform: translateY(-0);
    transform: translateY(-0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounceU {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(-0);
    -moz-transform: translateY(-0);
    -ms-transform: translateY(-0);
    transform: translateY(-0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bounceU {
  -webkit-animation: bounceU 1.5s 1;
  -moz-animation: bounceU 1.5s 1;
  -ms-animation: bounceU 1.5s 1;
  animation: bounceU 1.5s 1;
}

/* zoom in popout */
.popup {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	opacity: 0;
	-webkit-transition: all .8s;
	-moz-transition: all .8s;
	transition: all .8s;
	transform-origin: top center;
	-ms-transform-origin: top center;
	-webkit-transform-origin: top center;
}

.showpop {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	-webkit-transition: all .8s;
	-moz-transition: all .8s;
	transition: all .8s;
	transform-origin: top center;
	-ms-transform-origin: top center;
	-webkit-transform-origin: top center;
}




.footer {background-color:#1c1c1c; padding:10px 20px; color:#FFF; border-top:4px solid #b71d1d}
.footer_logo {display:inline-block; width:52%}
.footer_text {display:inline-block; width:47%; vertical-align:top; text-align:right;}
.footer_text a {color:#FFF;text-decoration:none;}
.footer_text span:after {content:"|"; padding-left:10px; padding-right:10px;}

.hlr {}
.hlb {font-weight:bold}
.hll {}

@media only screen and (max-width: 1150px) {
.content_title {font-size:30px; line-height:32px}
#profile.page #profile-page1 .bg {left:-18%}
#profile.page #profile-page2 .bg {right:-20%}
}


@media only screen and (max-width: 900px) {
.wrapper-content {width:100%}
.content_table3 {width:80%}
.content_table3 img {width:100%}
.content_table3 .content_subtitle {width:70%; line-height:30px; margin:auto}
.form-holder {padding:15px}

.content_table4 {display:block}
.content_table4 .content_tcell {display:block; width:100%}
.content_table4 [class*=page4_ct] {height:250px; margin-bottom:20px}

#profile.page #profile-page1 .bg {display:none}
#profile.page #profile-page2 .bg { height: 55%; width: 32%; top: calc(50% - 28%); right:0; margin-right:0 !important; background-position:left}
.page1_wrap { padding: 8% 35% 8% 8%;}
.page1_wrap2 {padding: 0 32% 0 13%;}


.mobile-navi {display:block; position:fixed; top:0; height:70px; z-index:3000; padding:10px; width:100%;}
.mobile-navi-menu {background-image:url(../images/ico/navi-icon.png); background-repeat:no-repeat; background-position:right top; background-size:45px; display:inline-block; content:""; right:10px; height:50px; width:50px; z-index:2000; position:absolute; cursor:pointer}
.mobile-navi-menu:hover, .mobile-navi:hover .mobile-navi-menu {background-image:url(../images/ico/navi-icon_hover.png)}
.mobile-navi .mnavi {font-family: 'Roboto Condensed', sans-serif; font-weight:700}
.mobile-navi .mnavi > div  { background-color:#ECECEC;; margin:-10px; display:none;}
.mobile-navi .mnavi > div a{color:#000; text-decoration:none; display:block; width:100%; height:100%; padding:20px;  }
.mobile-navi .mnavi > div a:hover {background-color:#a21313; color:#FFF}
.mobile-navi .mnavi > div:nth-child(1) a:hover {background-color:transparent; color:#000}
.logo2 .logo_img2 { background-image:url(../images/logos/logo.png); height:44px; width:50px; background-repeat:no-repeat; display:inline-block; vertical-align:top; margin-right:5px}
.logo2 .logo_text2 { background:url(../images/logos/logo2.png) right no-repeat; height:44px; width:120px; display:inline-block; position:relative;  background-size:contain;}

.hideshow {display:block !important}





header {display:none}

.lform {display:block; width:100%}
.rform {display:block; width:100%}

.rform .form_label {width:20%}
.rform .form_input {width:76%}

#landing.page .content_txt {background-size:50%}
.content_subtitle {font-size:24px; width:100%}

}

@media only screen and (max-width: 830px) {
	.sliderContent2 ul {background-image:none}
	.sliderContent2 ul li:nth-child(1) {background-image:url(../images/contents/page2_bg.png); background-position:center left; background-repeat:no-repeat}
	.sliderContent2 ul li:nth-child(2) {background-image:url(../images/contents/page2_bg2.png); background-position:center left; background-repeat:no-repeat; background-size:contain}
	.sliderContent2 ul li:nth-child(3) {background-image:url(../images/contents/page2_bg3.png); background-position:center left; background-repeat:no-repeat;}
	.sliderContent2 ul li:nth-child(4) {background-image:url(../images/contents/page2_bg4.png); background-position:center left; background-repeat:no-repeat; background-size:auto 100%}
	.sliderContent2 ul li:nth-child(5) {background-image:url(../images/contents/page2_bg5.png); background-position:center left; background-repeat:no-repeat;}
	.page2_wrap { padding:30px 30px 30px 280px; }
	.page2_wrap2 { padding:30px 120px 30px 48%;}
	.page2_wrap3 { padding:30px 180px 30px 220px; }
	.page2_wrap4 { padding:30px 30px 30px 160px; }
	.page2_wrap5 { padding:30px 30px 30px 185px; }

}


@media only screen and (max-width: 650px) {
	#landing.page .content_txt {background-size:80%}
	.content_table3 {display:block; width:100%; padding:15px; text-align:center}
	.content_table3 .content_tcell {display:block; width:100%}
	#contact.page .map .map-holder {background-position:left center}
	#services.page .content_tcell img, #careers.page .content_tcell img {width:55%}
	.content_tcell .content_title, .content_tcell .content_text ul, .footer_logo, .footer_text {text-align:center !important}
	#services > div, #careers > div {padding:15px}
	#services.page .content_txt, #careers.page .content_txt {top:20px}
	#services.page .content_img, #careers.page .content_img {top:10%}
	.form_label, .form_input, .footer_logo, .footer_text{display:block !important; width:100% !important}
	.sliderContent2 ul li {background-image:none !important}
	.page2_wrap,
	.page2_wrap2,
	.page2_wrap3,
	.page2_wrap4,
	.page2_wrap5{padding:20px !important}
	.page > div {margin-top: 0 !important; position:static}
	.contact {margin-right:0 !important; opacity:1 !important}
	.pop_title {font-size:32px}
	.pop_table2 {display:block}
	.pop_tcell2 {display:block; width:100%}

}

@media only screen and (max-width: 380px) {
	.footer_logo img {width:100%}
	.logo .logo_text {background-size:100%}
	#landing.page .content_txt {background-size:90%}
	#contact.page .map .map-holder, .contact-holder {position:static}
	#services.page .content_img, #careers.page .content_img {top:15%}
	#services.page .content_tcell img, #careers.page .content_tcell img {width:100%}
	.contact {border-radius:0}
	.contact_detail {padding: 0 20px 0 20px}
	#contact.page .map .map-holder {display:none}
	.form textarea {height:auto}




}

.error {
    font-family: sans-serif, Tahoma, Verdana;
    font-size: 9pt;
    color: #ff0000;
    float: left
}
.errorMessage {
    font-family: sans-serif, Tahoma, Verdana;
    font-size: 11pt;
    color: #ff0000;
    float: left
}

.hiddenInput {display: none}


/*--- Privacy Page ---*/

.wrapper-menu-privacy {background-color: #ECECEC; height: 70px;}

nav ul li.logo:hover:before,
#top-menu-privacy .logo:before {
	display:block
}

.content_privacy {
	padding: 150px 20px 50px;
	margin: auto;
	width: 100%;
	max-width: 1000px;
}

.content_privacy-button {
  color: #000;
  text-transform: uppercase;
  display: inline-block;
  background-color: transparent;
  border: none;
  padding: 0;
}

.content_privacy-button.active {
	color: #b71d1d;
}

.content_privacy-button:first-child {
	margin-right: 10px;
}

.content_privacy-button:nth-child(2) {
	margin-left: 10px;
}

.content_privacy-button:hover {
	color: #b71d1d;
}

.content_privacy-body .level-2 {
    list-style: none;
    counter-reset: subsection;
}

.content_privacy-body .level-2 > li {
  counter-increment: subsection;
  position: relative;
  padding-left: 30px;
}

.content_privacy-body .level-2 > li:before {
  content: counter(subsection, lower-alpha) ") ";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

.content_privacy-body .level-2 ol {
	color: #494949;
  padding-left: 20px;
  font-size: 18px;
}

.content_privacy-body p {
	font-size: 18px;
  color: #494949;
	margin-top: 20px;
	margin-bottom: 20px;
}

.content_privacy-body h2 {
	font-size: 30px;
  line-height: 32px;
  text-transform: uppercase;
  color: #b71616;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 300;
  margin-top: 50px;
}

.content_privacy-body .bold {
	font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
}

@media only screen and (max-width: 900px) {
	.mobile-navi-privacy {
		display:block;
		position:fixed;
		top:0;
		height:70px;
		z-index:3000;
		padding:10px;
		width:100%;
	}

	.mobile-navi-menu-privacy {
		background-image: url(../images/ico/navi-icon.png);
		background-repeat: no-repeat;
		background-position: right top;
		background-size: 45px;
		display: inline-block;
		content: "";
		right: 10px;
		height: 50px;
		width: 50px;
		z-index: 2000;
		position: absolute;
		cursor: pointer;
	}

	.mobile-navi-menu-privacy:hover,
	.mobile-navi:hover .mobile-navi-menu {
		background-image:url(../images/ico/navi-icon_hover.png);
	}

	.mobile-navi-privacy .mnavi-privacy {
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: 700;
	}

	.mobile-navi-privacy .mnavi-privacy > div {
		background-color: #ECECEC;
		margin: -10px;
		display: block;
	}

	.mobile-navi-privacy .mnavi-privacy > div a {
		color: #000;
		text-decoration: none;
		display: block;
		width: 100%;
		height: 100%;
		padding: 20px 20px 10px 20px;
	}

	.mobile-navi-privacy
	.mnavi-privacy > div a:hover {
		background-color: #a21313;
		color: #FFF;
	}

	.mobile-navi-privacy .mnavi-privacy > div:nth-child(1) a:hover {
		background-color: transparent;
		color: #000;
	}
}