@charset "utf-8";

@import url(fonts/font.css);



body { padding:0px; margin:0px; background:#ffffff; font-size:14px; color:#231f20; font-family:'helvetica_neueregular'; text-transform:uppercase; line-height:20px; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; margin: 0; padding: 0; }

a, img { border: medium none; }

a { color: #3B3B3B; text-decoration: none;  }

div { margin: 0; padding: 0; }

p {  line-height:22px; padding:0px; margin:0px; } 

h1, h2, h3, h4, h5, h6 { font-weight:normal; padding:0px; margin:0px; }

a{ color: #999999; outline:none; }

a:hover { color: #1b1f23; }

a:focus, :focus{ outline:none; }

ul,ol { list-style-type:none; padding:0px; margin:0px; }

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 

.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; } 

* html .clearfix { height: 1%; }

.clear { clear: both; line-height: 1px; padding:0px; height:0px; font-size:1px; }

.left { float:left; }

.right { float:right; }

.anim { transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; }

.row { float:none; width:1254px; padding:0px; margin:0 auto;  position:relative;}

.bdr-line { float:left; width:100%; background:url(../img/bdr-line.jpg) no-repeat top center; font-size:1px; line-height:1px; }





.content-pad { float:left; width:94%; padding:0px; margin:20px 3%; }

.content-pad li{ float:left; width:19.4%; margin:0.3%; position:relative; cursor:pointer; display:block; overflow:hidden; }

.content-pad li.selected{  overflow:visible; }

.content-pad li img{ float:left; width:100%; }

.content-pad li .symbol-pad{ float:left; width:100%; z-index:999; }

.content-pad li .symbol { position:absolute; font-size:18px; font-weight: bold; color:#231f20; width:76%; top:25%; left:13%; margin:0px; }

.content-pad li.selected .symbol, .content-pad li.selected .symbol-popup { display:block; z-index:100; }

.content-pad li .symbol span { float:left; width:100%; margin:3px 0px 0px; }

.content-pad li .symbol img { max-width:30%!important; }

.content-pad li .symbol-popup, .content-pad li.selected .symbol2 { display:none; }

.content-pad li .symbol.symbol2{ color:#ffffff; }



.content-pad li .symbol-young{ position:absolute; font-size:18px; font-weight: bold; color:#231f20; width:74%; top:25%; left:13%; margin:0px; text-align:center; }

.content-pad li .symbol-young span { float:left; width:100%; margin:3px 0px 0px 0px; }

.content-pad li .symbol-young img{ max-width:76%!important; float:none; }

.content-pad li .symbol-young.one img{ max-width:95%!important; float:left; }

.content-pad li.selected .symbol-young { z-index:100; }





/*  Fade effect  */

.content-pad li .img-txt { 

display:block; position:absolute; top:0; left:0; opacity:0; width:100%; height:100%; box-sizing: border-box; z-index:2;	padding:0 16%;

font-size:17px; color:#ffffff; font-weight:bold; line-height:25px; text-transform:uppercase;

-webkit-transition:All 700ms ease 0s;

-moz-transition:All 700ms ease 0s;

-o-transition:All 700ms ease 0s;

-ms-transition:All 700ms ease 0s;

transition:All 700ms ease 0s;

}

.content-pad li:hover .img-txt { opacity:1; }

.content-pad li .img-txt.img1 { background:rgba(53,253,191, 0.8); color:#231f20; }

.content-pad li .img-txt.img2 { background:rgba(165,19,30, 0.85); }

.content-pad li .img-txt.img3 { background:rgba(40,61,90, 0.8); }

.content-pad li .img-txt.img4 { background:rgba(237,28,145, 0.85); }

.content-pad li .img-txt.img5 { background:rgba(19,155,72, 0.8); }

.content-pad li .img-txt.img6 { background:rgba(248,153,29, 0.8); }

.content-pad li .img-txt.img7 { background:rgba(35,64,143, 0.8); }

.content-pad li .img-txt.img8 { background:rgba(35,31, 32, 0.8); }

.content-pad li .img-txt.img9 { background:rgba(53,253,191, 0.8); }

.content-pad li .img-txt.img10 { background:rgba(176,178,180, 0.9); color:#231f20; }

.content-pad li .img-txt.img11 { background:rgba(0,174,239, 0.85); }

.content-pad li .img-txt.img12 { background:rgba(232,82,29, 0.85); }

.content-pad li .img-txt.img13 { background:rgba(2,68,92, 0.8); }

.content-pad li .img-txt.img14 { background:rgba(131,199,218, 0.8); color:#231f20; }

.content-pad li .img-txt.img15 { background:rgba(159,207,103, 0.8); color:#231f20; }

.content-pad li .img-txt.img16 { background:rgba(0,174,239, 0.8); color:#231f20; }

.content-pad li .img-txt.img17 { background:rgba(255,242,0, 0.8); color:#231f20; }

.content-pad li .img-txt.img18 { background:rgba(248,153,29, 0.8); }

.content-pad li .img-txt span { display:block; }





/*********************Popup Box***************************/

.content-pad li #popbox { position:absolute; top:0px; z-index:0; padding:0px; margin:0px; opacity:0; box-sizing: border-box; display: block; height: 100%;

-webkit-transition:All 800ms ease 0s;

-moz-transition:All 800ms ease 0s;

-o-transition:All 800ms ease 0s;

-ms-transition:All 800ms ease 0s;

transition:All 800ms ease 0s;

}

.content-pad li.selected #popbox { opacity:1; z-index:10; 

-webkit-transition:All 800ms ease 0s;

-moz-transition:All 800ms ease 0s;

-o-transition:All 800ms ease 0s;

-ms-transition:All 800ms ease 0s;

transition:All 800ms ease 0s; }

.two-column-left { width:203%; left:0px; }

.three-column-left { width:306.2%; left:0px; }

.three-column-left .pop-box { /*min-height:1072px;*/ }

.two-column-right { right:0%; width:203%; }

.three-column-right { right:0%; width:307%; }

.full-column-right { right:0%; width:513%; }

.content-pad li .full-column-right .pop-box { height:100%; padding:0px; }

.content-pad li .full-column-right .pop-txt.contact { padding:0% 27% 0% 5%; }

.content-pad li .full-column-right .pop-txt li{ float:left; width:9.4%; padding-left:3%; margin:3% 0px 0px 0px; position:relative; cursor:pointer; display:block; overflow:hidden; }

.content-pad li .full-column-right .pop-txt li:first-child{ width:13.4%; padding-left:0px; }

.content-pad li .full-column-right .pop-txt li.mail{ width:20.4%; text-transform:none; }

.content-pad li .full-column-right .pop-txt li a { color:#231f20; text-decoration:underline; }

.content-pad li .full-column-right .pop-txt li a:hover { color:#231f20; text-decoration:none; }



.pop-box, .who-box { float:left; background:rgba(255,255, 255, 0.9); position:relative; width:100%; /*min-height:711px;*/ font-size:16px; color:#231f20; font-weight:600; box-sizing: border-box; border:10px solid #231f20; padding:0px 0px; margin:0px 0px 0px 0px; } 

.who-box { height:203%; min-height:100px; }



.content-pad li.selected #popbox { opacity:1; }

.close { float:right!important; width:100%; }

.close a { float:right; padding:10px; }

.content-pad li .close img { float:right; max-width:27px;z-index:9999; }

.pop-txt { padding:35% 10% 10% 10%; }

.who-box .pop-txt { padding:35% 5% 5% }

.pop-space { padding:40%; }

.content-pad li #popbox p {  line-height:22px; padding:10px 0px 5px 0px; margin:0px; } 



.one-column-left { width:100%; left:0px; }

.one-column-left .pop-box { in-height:500px; }

.one-column-left .pop-txt { padding:70% 10% 10%; }

.one-column-left.where .pop-box { height:203%; }



.three-column-left .lft-space .pop-txt { padding:8% 3% 10% 32%; }

.three-column-left .news { height:auto; }

.three-column-left .news .pop-txt { padding:5% 5% 3% 30%; }

.three-column-left.mo-film .pop-txt { padding:28% 6% 8%; }

.three-column-left.profit .pop-box { height:100%; }



.four-column-left { width:410%; left:0px; }

.four-column-left .pop-txt { padding:19% 2% 10%; }

.four-column-right { width:410%; right:0px; }

.four-column-right .pop-txt { padding:5% 23% 5% 3%; }

.four-column-right.our-name .pop-txt { padding:16% 25% 3% 2.5%; }

.four-column-right.our-name .pop-box { height:auto; }

.four-column-right.young-one .pop-box { height:100%; }

.pop-txt a { color:#002ca9; text-decoration:underline; }

.pop-txt a:hover { text-decoration:none; }

.img-right { float:right; padding:10px 0 10px 3%; width:35%; margin-right:-3px; }

.img-right img { padding:6px 0 10px 0px; }



.venna img { float:none!important; max-width:340px; margin:15px 0px; }

.firstdiv { float:left; width:57%; margin-right:3%; }

.mob-img { float:right!important; display:none; margin:10px 25%; width:50%!important; }



.three-column-left .news .pop-txt h1 { font-size:17px; color:#231f20; font-family:'helvetica_neueregular'; text-transform:uppercase; line-height:20px;font-weight:bold; border-bottom:1px solid #231f20; padding-bottom:5px; margin-bottom:10px; }

.news { float:none; width:100%; padding:0px; margin:0px; }

.news li  { float:none; width:94%; padding:5px 3%; margin:0px; }

.news li:last-child  { padding:5px 3% 0; }

.news li a { loat:left; font-size:13px; olor:#231f20; font-family:'helvetica_neueregular'; text-transform:uppercase; line-height:17px; font-style:italic; padding:0px; margin:0px; }

.news li a:hover { color:#3f3d3d; text-decoration:none; }

.news li span { font-weight:normal; font-size:12px; color:#666666; padding-left:10px; text-transform:none; }

.who-we .pop-box 	{ height:203%; }

.mo-film .pop-box 	{ height:203%; } 

.what-do .pop-box 	{ height:306%; }

.who-we .pop-txt { padding:33% 5% 5% }

.why-popup .pop-box	{ height:203%;  }



.social .pop-box { float:left; background:rgba(255,255, 255, 0.9); position:relative; width:100%; height:100%; min-height:100px; font-size:16px; color:#231f20; font-weight:600; box-sizing: border-box; border:10px solid #231f20; padding:0px; margin:0px; } 

.social .pop-box .pop-txt { padding:17% 5% 5% 10%; }

.social .pop-box a { float:left; margin:0 6% 0 0; }

.social .pop-box img { width:40px; }

.social .pop-box .close a { float:right; margin:0; }



.brandtech .pop-box { float:left; background:rgba(255,255, 255, 0.9); position:relative; width:100%; height:auto; min-height:100px; font-size:16px; color:#231f20; font-weight:600; box-sizing: border-box; border:10px solid #231f20; padding:0px; margin:0px; } 

.brandtech .pop-box .pop-txt { padding:40% 5% 16% 10%; }

.brandtech .pop-box a { float:left; margin:0 4%; }

.brandtech .pop-box img { width:40px; }

.brandtech .pop-box .close a { float:right; margin:0; }

.brandtech .pop-box label { display:inline-block; width:16%; padding:0px; margin:0px; }

.brandtech .pop-box input[type="text"].txtbox { width:75%; padding:0px 5px; margin:10px 0px; height:30px; line-height:30px; border:1px solid #000000; }

.brandtech .pop-box input[type="email"].txtbox { width:75%; padding:0px 5px; margin:10px 0px; height:30px; line-height:30px; border:1px solid #000000; }

.brandtech .pop-box input[type="submit"].submit  { width:30%; background:#333333; color:#FFFFFF; font-size:15px; line-height:30px; text-transform:uppercase; cursor:pointer; padding:0px; margin:5px 6px; border:1px solid #000000; }

.brandtech .pop-box .submit:hover  { background:#000000; }



.pop-txt.contact .txtbox { width:70%; padding:0px 5px; margin:10px 15px 6px 0px; height:22px; line-height:22px; border:1px solid #000000; }

.pop-txt.contact .small-boxf { float:left; width:50%; }

.pop-txt.contact .small-boxl { float:left; width:50%; }

.pop-txt.contact .small-boxf .first-name span { text-align:left; font-size:12px; margin:-5px 0px 0px 23%;}

.pop-txt.contact .small-boxl .last-name span { text-align:left; font-size:12px; margin:-5px 0px 0px 22%;}

.pop-txt.contact .user-email span { text-align:left; font-size:12px; margin:-5px 0px -15px 6.5%;}

.pop-txt.contact .wpcf7-validation-errors { margin-top:20px; width:80%; background:#FF0000; color:#FFFFFF; font-size:12px; }

.pop-txt.contact .txtbox-email { width:89.5%; padding:0px 5px; margin:0px 15px 6px 2px; height:22px; line-height:22px; border:1px solid #000000; }

.pop-txt.contact .submit  { float:right; background:#333333; color:#FFFFFF; font-size:15px; line-height:26px; text-transform:uppercase; cursor:pointer; padding:0px 5px; margin:0px 22px; border:1px solid #000000; }

.pop-txt.contact .submit:hover  { background:#000000; }

a.social-lnk { color:#231f20; text-decoration:underline; }

a.social-lnk:hover { color:#002ca9; text-decoration:none; }

.content-pad li #popbox.the-news { height:auto; top:auto; bottom:0px; }