@charset "utf-8";
html, body{font-family:'Open Sans',sans-serif; font-weight:300; color:#333; font-size:calc(18vw/19.2); line-height:calc(34vw/19.2); word-wrap:break-word; background:#ef4136; position:relative;}
h1{font-size:inherit; line-height:inherit; font-weight:inherit; margin:inherit; padding:inherit;}
h1::after{}
.h1{font-size:calc(36vw/19.2); line-height:calc(40vw/19.2); margin:0 0 calc(100vw/19.2) 0; padding:0; color:#2d2b2b; font-weight:800; text-align:center;}
h1 span{display: block; font-size: calc(18vw/19.2); line-height: calc(22vw/19.2); font-weight: 400; margin: calc(10vw/19.2) 0 0 0;}
h2{font-size:inherit; line-height:inherit; font-weight:inherit; margin:0 0 calc(25vw/19.2) 0; padding:0;}
h2::after{}
.h2{font-size:calc(30vw/19.2); line-height:calc(32vw/19.2); margin:0 0 calc(70vw/19.2) 0; padding:0; color:#2d2b2b; font-weight:600;}
a{text-decoration:none; color:inherit; outline:none;}
p{margin:0 0 calc(15vw/19.2) 0;}
p:last-child{margin:0;}
textarea{resize:none;}
.nanum{font-family:'Nanum Pen Script',cursive;}
.toggleMenu{display: none; color: #fff; font-size:calc(110vw/19.2); padding: calc(30vw/19.2); position: fixed; top: calc(80vw/19.2); left: calc(80vw/19.2); cursor: pointer; z-index: 5;}
.toggleMenu.invert {background:#fff; color:#333;}
.transition2s{transition:all 0.2s linear 0s; -webkit-transition:all 0.2s linear 0s; -moz-transition:all 0.2s linear 0s; -o-transition:all 0.2s linear 0s; -ms-transition:all 0.2s linear 0s;}
.transition3s{transition:all 0.3s linear 0s; -webkit-transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; -o-transition:all 0.3s linear 0s; -ms-transition:all 0.3s linear 0s;}
.underline{text-decoration:underline;}
.centerText{text-align:center;}
.rightText{text-align:right;}
.red{color:#ef4136;}

header{}
.headerSocialHolder{position: absolute; top: calc(22vw/19.2); right: calc(22vw/19.2);}
.headerSocialHolder .title{color: #fff; display: block; font-size: 12px; line-height: 12px;}
.signHolder {width:calc(20vw/19.2); height:calc(20vw/19.2); border:0; position:absolute; top:calc(22vw/19.2); right:calc(22vw/19.2); cursor:pointer; margin:0; z-index:1;}
.signHolder span {position: absolute; transition: .3s; background:#fff; border-radius:0px;}
.signHolder span:first-of-type {top:0; bottom:0; width:calc(4vw/19.2); left:calc(8vw/19.2);}
.signHolder span:last-of-type {left:0; right:0; height:calc(4vw/19.2); top:calc(8vw/19.2);}
.signHolder.active span:first-of-type, .signHolder.active span:last-of-type {transform: rotate(90deg);}
.signHolder.active span:last-of-type {left: 50%; right: 50%;}
.socialHolder{position: absolute; top:calc(70vw/19.2); right:calc(10vw/19.2); width:calc(40vw/19.2); opacity:0; -ms-transform:scale(0.2); -webkit-transform:scale(0.2); transform:scale(0.2); z-index:1;}
.socialHolder.open{opacity:1; -ms-transform:scale(1); -webkit-transform:scale(1); transform:scale(1); -ms-transform-origin:center top; -webkit-transform-origin:center top; transform-origin:center top;}
.socialHolder a{width:calc(40vw/19.2); height:calc(40vw/19.2); background:#fff; border-radius:50%; text-align: center; line-height:calc(40vw/19.2); color:#ef4136; font-size:calc(16vw/19.2); margin:0 0 calc(20vw/19.2) 0; border: 1px solid #ef4136;}
.socialHolder a:last-child{margin:0;}
.headerLogo{width:calc(800vw/19.2); display:block; margin: 0 auto; padding:0 0 calc(20vw/19.2) 0 ;}
.headerMenu{margin: 0; padding:calc(40vw/19.2) 0; background: #fff; border-radius:15px 15px 0 0; list-style: none; text-align: center; position:relative;}
.headerMenu:after{position:absolute; content:""; left:calc(100vw/19.2); right:calc(100vw/19.2); height:calc(2vw/19.2); background:#ef4136; bottom:0;}
.headerMenu li{display: inline-block; margin: 0 calc(20vw/19.2);}
.headerMenu li a{font-size: calc(24vw/19.2); line-height: calc(34vw/19.2); font-weight:400; padding: 0 calc(20vw/19.2); color:#000;}

main{}
main .container{padding:calc(50vw/19.2) calc(100vw/19.2); background:#fff;}
.weHolder{margin: 0 0 calc(50vw/19.2) 0; overflow: hidden; vertical-align: middle;}
.weHolder .item{width: 30%; float: left; margin: 0 5% 2% 0; background: #fff; padding:calc(30vw/19.2); line-height: calc(24vw/19.2); text-align:center; position:relative;}
.weHolder .item:nth-child(3n){margin: 0 0 2% 0;}
.weHolder .item span{color: #ef4136; display:block; margin: 0 0 calc(30vw/19.2) 0; font-weight:700; font-size:calc(20vw/19.2); text-transform:uppercase; position:relative;}
.weHolder .item span:after{position: absolute; content: ""; width: 6px; height: 6px; border-radius: 50%; background: #ef4136; outline: 10px solid #fff; bottom:calc(-19vw/19.2); left: 50%;}
.weHolder .item span:before{position:absolute; content:""; left:25%; right:25%; height:1px;bottom:calc(-15vw/19.2); background:#ef4136;}
.videoHolder{overflow:hidden; margin: 0 0 calc(50vw/19.2) 0; padding:calc(50vw/19.2) calc(80vw/19.2); background: rgba(250,250,250,1);
background: -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(255,255,255,1) 37%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,250,250,1)), color-stop(37%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(255,255,255,1) 37%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(255,255,255,1) 37%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(255,255,255,1) 37%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(250,250,250,1) 0%, rgba(255,255,255,1) 37%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ffffff', GradientType=0 );}
.videoHolder .videoThumb{width:30%; display: block; margin:0 calc(50vw/19.2) 0 0; float: left; border-radius: 15px; overflow: hidden;}
.videoHolder .text{float: left;}
.videoHolder .text .mainTitle{font-size: calc(30vw/19.2); font-weight: 500; line-height: calc(30vw/19.2); margin: 0 0 calc(30vw/19.2) 0;}
.videoHolder .text .mainTitle img{display: inline; height: calc(34vw/19.2); width: auto; margin: 0 0 calc(-2vw/19.2) 0;}
.videoHolder .text .logo{width:calc(170vw/19.2); margin:0 0 calc(20vw/19.2) 0;}
.videoHolder .text .goal{font-size: calc(18vw/19.2); line-height: calc(26vw/19.2); font-weight: 300; margin: 0;}
.videoHolder .text .goal .label{font-weight:600;}
.videoHolder .text .result{font-size: calc(18vw/19.2); line-height: calc(26vw/19.2); font-weight: 300; margin: 0;}
.videoHolder .text .result .label{font-weight:600;}

.videoHolder.invert .videoThumb{width:30%; display: block; margin:0 0 0 calc(50vw/19.2); float: right; border-radius: 15px; overflow: hidden;}
.videoHolder.invert .text{float:right; text-align:right;}
.videoHolder.invert .text .mainTitle{font-size: calc(30vw/19.2); font-weight: 500; line-height: calc(30vw/19.2); margin: 0 0 calc(30vw/19.2) 0;}
.videoHolder.invert .text .mainTitle img{display: inline; height: calc(34vw/19.2); width: auto; margin: 0 0 calc(-2vw/19.2) 0;}
.videoHolder.invert .text .logo{height:calc(60vw/19.2); margin:0 0 calc(20vw/19.2) 0; float:right; width:auto;}
.videoHolder.invert .text .goal{font-size: calc(18vw/19.2); line-height: calc(26vw/19.2); font-weight: 300; margin: 0; display: block; clear: both;}
.videoHolder.invert .text .goal .label{font-weight:600;}
.videoHolder.invert .text .result{font-size: calc(18vw/19.2); line-height: calc(26vw/19.2); font-weight: 300; margin: 0;}
.videoHolder.invert .text .result .label{font-weight:600;}

.clientsHolder{margin: 0 0 calc(50vw/19.2) 0; overflow: hidden;}
.clientsHolder .logo{float: left; width: 18%; margin: 0 2.5% 0 0; opacity: 0.2;}
.clientsHolder .logo.visible{opacity:1;}
.clientsHolder .logo:nth-child(5n){margin:0;}
.clientsHolder .logo:hover{opacity:1;}
.clientsHolder .logo.visible:hover{opacity:0.2;}
ul.bulb{margin:0 0 calc(15vw/19.2) 0; padding:0; list-style:none;}
ul.bulb li{position:relative; padding:0 0 0 calc(30vw/19.2); line-height:calc(38vw/19.2);}
ul.bulb li:before{position:absolute; top:0; left:0; content:'\f0eb'; font-family:'FontAwesome'; color:#ef4136;}
ul.bulb li span{font-weight:600;}

/* Services */
.serviceItem{color: #ef4136; display: block; margin: 0 0 calc(100vw/19.2) 0; font-weight:400; font-size: calc(24vw/19.2); position: relative; line-height:calc(30vw/19.2); text-align:center; width:50%; float:left;}
.serviceItem:after{position: absolute; content: ""; width: 6px; height: 6px; border-radius: 50%; background: #ef4136; outline: 10px solid #fff; bottom:calc(-19vw/19.2); left: 50%;}
.serviceItem:before{position:absolute; content:""; left:50%; width:100px; margin:0 0 0 -50px; height:1px;bottom:calc(-15vw/19.2); background:#ef4136;}

/* Contact */
.contactTitle{font-size: calc(30vw/19.2); font-weight: 500; line-height: calc(30vw/19.2); margin: 0 0 calc(30vw/19.2) 0;}
.contactTitle img{display: inline; height: calc(34vw/19.2); width: auto; margin: 0 0 calc(-2vw/19.2) 0;}
#contactForm .formItem{margin:0 0 calc(20vw/19.2) 0; clear:both; position:relative;}
#contactForm .formItem .dropInformationsHolder{top:100%;}
#contactForm .formItem.half{float:left; width:49%; margin:0 2% calc(20vw/19.2) 0; clear:none; position:relative;}
#contactForm .formItem.half:nth-child(2n){margin:0 0 calc(20vw/19.2) 0;}
#contactForm label{font-weight: 700; font-size: calc(16vw/19.2); display: block; line-height: calc(20vw/19.2); color: #969595; margin: 0 0 calc(5vw/19.2) 0;}
#contactForm input,#contactForm .title,#contactForm select,#contactForm textarea{border:calc(1vw/19.2) solid #d5d5d5;color:#2d2b2b;font-size:calc(18vw/19.2);line-height:calc(22vw/19.2);margin:0 0 calc(20vw/19.2);outline:0;padding:calc(10vw/19.2) calc(15vw/19.2);resize:none;width:100%;background:#fff}
#contactForm .title .fa{float:right; line-height:calc(30vw/19.2);}
#contactForm textarea{height:calc(140vw/19.2);}
#contactForm button{color:#fff; background:#fba919; height:calc(50vw/19.2); line-height:calc(50vw/19.2); font-size:calc(14vw/19.2); display: block; width: calc(170vw/19.2); text-align: center; border:none;}


#map_canvas{margin:calc(50vw/19.2) 0 0 0; width:100%; height:calc(550vw/19.2); text-align:center;}
#map_canvas p.mapTitle{width:calc(300vw/19.2); font-size:calc(20vw/19.2); line-height:calc(20vw/19.2); margin:calc(10vw/19.2) 0;}
#map_canvas p{margin:0 0 calc(10vw/19.2) 0;}


#mail_fail,#mail_success{display:none;padding:calc(15vw/19.2) 0;margin:calc(20vw/19.2) 0 0 0;float:right;font-size:calc(14vw/19.2);line-height:calc(24vw/19.2);border-radius:4px; width:100%; text-align:center;}
#mail_success{color:#044406;background-color:#B7FBB9}
#mail_fail{color:#D8000C;background-color:#FFBABA}

.table{border-collapse:collapse !important;}
.table{width:100%; max-width:100%; margin-bottom:calc(50vw/19.2); font-size:inherit; background:#fff; border-top-left-radius:calc(10vw/19.2); border-top-right-radius:calc(10vw/19.2); overflow:hidden;}
.table > thead > tr{background:#7bc4a2; color:#fff;}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td{padding:0 calc(10vw/19.2); line-height:calc(48vw/19.2); vertical-align:middle; font-weight:400; text-align:center; border-right:calc(2vw/19.2) solid #e6e6e6;}
.table tr > td:last-child{border:none;}
.table > tbody > tr > td{font-size: calc(15vw/19.2); line-height: calc(20vw/19.2); padding: calc(15vw/19.2) 0;}
.table > thead > tr > th{border-top:none; vertical-align:middle; font-size:calc(18vw/19.2); line-height:calc(22vw/19.2); padding:calc(30vw/19.2) calc(20vw/19.2);}
.table > thead > tr > th .small{font-size: 10.calc(5vw/19.2); color: #4c7562; font-weight: 400; line-height: calc(12vw/19.2); margin: 0 0 calc(10vw/19.2) 0;}
.table-striped > tbody > tr:nth-of-type(odd){background-color:#f6f6f6;}

footer{margin:0 0 calc(20vw/19.2) 0;}
footer .footerContent{margin:0 0 calc(20vw/19.2) 0; padding:calc(40vw/19.2) 0; background: #fff; border-radius:0 0 15px 15px; position:relative;}
footer .footerContent:after{position:absolute; content:""; left:calc(100vw/19.2); right:calc(100vw/19.2); height:1px;top:calc(85vw/19.2); border-bottom:4px double #ef4136;}
.footerLogo{width: calc(320vw/19.2); display: block; margin:0 auto calc(20vw/19.2) auto; position:relative; z-index:1; padding:0 calc(30vw/19.2); background:#fff;}
footer .contactHolder{text-align: center; font-size: calc(15vw/19.2); line-height: calc(22vw/19.2); font-weight:400; color:#000;}
footer .signature{color: #fff; text-align: center; font-size: calc(13vw/19.2); line-height: calc(15vw/19.2); font-weight: 300;}

#backToTop {bottom:calc(20vw/19.2); right:calc(20vw/19.2); cursor:pointer; display:none; height:calc(50vw/19.2); position:fixed; width:calc(50vw/19.2); border-radius:50%; font-size:calc(30vw/19.2); line-height:calc(50vw/19.2); text-align:center; z-index:100; color:#fff; background:#600; -webkit-box-shadow:calc(0vw/19.2) calc(0vw/19.2) calc(5vw/19.2) calc(0vw/19.2) rgba(50, 50, 50, 0.5); -moz-box-shadow:calc(0vw/19.2) calc(0vw/19.2) calc(5vw/19.2) calc(0vw/19.2) rgba(50, 50, 50, 0.5); box-shadow:calc(0vw/19.2) calc(0vw/19.2) calc(5vw/19.2) calc(0vw/19.2) rgba(50, 50, 50, 0.5);}