/*

Theme Name: AIDEA v 2.0

Theme URI: http://www.aideaindonesia.com

Author: AIDEA

Author URI: http://www.aideaindonesia.com

Description: AIDEA INDONESIA

Version: 2.0

*/



@font-face {
  font-family: 'TradeGothicLTStd';
  src: url('assets/fonts/TradeGothicLTStd.otf');
}

@font-face {
  font-family: 'TradeGothicLTStdLight';
  src: url('assets/fonts/TradeGothicLTStd-Light.otf');
}

@font-face {
  font-family: 'TradeGothicLTStdCond';
  src: url('assets/fonts/TradeGothicLTStd-Cn18.otf');
}

@font-face {
  font-family: 'TradeGothicLTStdBoldObl';
  src: url('assets/fonts/TradeGothicLTStd-Bd2Obl.otf');
}


body{ margin: 0; padding: 0; background: #000 url('assets/img/bg-body.png') no-repeat right bottom; background-size: 316px 477px; color:#FFF; font-family: 'TradeGothicLTStd';}

.clear{clear:both;}



a#button-up{display: none; width: 40px; height: 40px; background-color:rgba(255,255,255,0.1); cursor: pointer; position: fixed; z-index: 1000; top:50px; right: 50px; color:#900; -webkit-border-radius: 10px; -moz-border-radius:10px; border-radius:10px; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}

a#button-up div{ display: block; width: 20px; height: 20px; margin: 10px; background: url('assets/img/up-arrow-key.svg') center center no-repeat; background-size: contain;}

a#button-up:hover{ background-color:rgba(255,255,255,0.2); }

#wrap-main{ width: 1300px; min-height: 500px; margin: auto;}

#wrap-header{ display: block; padding: 0 23px 25px 23px; background: #1f1f1f; min-height: 180px; text-align: center;}

#wrap-inner-header{ display: block; width: 100%; height: 179px; border-bottom: solid 1px #575757; }
#wrap-inner-header .wrap-logo{ display: block; float:left; width: 150px; height: 179px; background:; }
#wrap-inner-header .wrap-menu{ display: block; float:left;  }

a#main-logo{ width: 100px; height: 110px; background: url('assets/img/logo-aidea-footer.svg') center left no-repeat; background-size: contain; display: block; margin: 35px 0 0 50px; display: block;}

ul.nav-menu{ margin: 0 auto 0 auto; padding: 0; display: flex; align-items: center; justify-content: center; float: none; }

ul.nav-menu li{ display: block;  }

ul.nav-menu li a{color:#FFF; display: block;text-decoration: none; font-size: 25pt; padding: 75px 23px 0 23px; height: 105px; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; font-family: 'TradeGothicLTStdCond'; color:#FFF; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #CCC;}

ul.nav-menu li a:hover{background:rgba(255,255,255,0.2);}

ul.nav-menu li.current-menu-item a{ background:rgba(255,255,255,0.1) url('assets/img/bg-menu-active.svg') bottom left repeat-x; }

ul.nav-menu li a.custom-current-menu{ background:rgba(255,255,255,0.1) url('assets/img/bg-menu-active.svg') bottom left repeat-x; }

#wrap-slider{display: block;}
#wrap-slider #slides{ width:100%; margin:auto; }
#wrap-slider #slides div img{ max-width: 100%; }
#wrap-slider #slides .slick-prev{ left: 40px; z-index: 1000; background-image:url('assets/img/nav-slide-prev.svg'); width: 40px; height: 40px; }
#wrap-slider #slides .slick-prev:before{ content: ''; }
#wrap-slider #slides .slick-next{ right: 40px; z-index: 1000; background-image:url('assets/img/nav-slide-next.svg'); width: 40px; height: 40px; }
#wrap-slider #slides .slick-next:before{ content: ''; }

#wrap-home-menu{ display: block; height: 40px; width: 100%; position: absolute; z-index: 100; text-align: center;}

#wrap-home-menu a{ min-width: 10px; height: 45px; padding: 0 35px 0 25px; background: rgba(0,0,0,0.5);  display: inline-block; margin: 0 5px 0 5px; -moz-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; cursor:pointer; }

#wrap-home-menu a:hover{ background: rgba(0,0,0,0.8); }

#wrap-home-menu a span{ display: block; width: 100%; text-align: center; font-family: 'TradeGothicLTStdCond'; color:#FFF; font-size: 24pt; background: url('assets/img/bullet-1.svg') left center no-repeat; background-size: 7px 7px; padding:4px 0 0 15px; margin-top:5px;}

.page-header-colorbar{ display: block; width: 300px; height: 30px; background-repeat:no-repeat; background-size: contain;}
.page-header-colorbar.ribbon-01{ background-image: url('assets/img/ribbon-001.svg');  }
.page-header-colorbar.ribbon-02{ background-image: url('assets/img/ribbon-002.svg');  }
.page-header-colorbar.ribbon-03{ background-image: url('assets/img/ribbon-003.svg');  }
.page-header-colorbar.ribbon-04{ background-image: url('assets/img/ribbon-004.svg');  }
.page-header-colorbar.ribbon-05{ background-image: url('assets/img/ribbon-005.svg');  }
.page-header-colorbar.ribbon-06{ background-image: url('assets/img/ribbon-006.svg');  }

#wrap-home-about{ margin: 0 auto; width: 1200px; display: block; min-height: 300px; background:; padding: 80px 0 40px 0;}

#wrap-home-about .section-title{ font-size:40pt; color:#FFF; margin: 40px 0 0 0; font-family: 'TradeGothicLTStdCond';}

#wrap-home-about .section-content{ margin: 40px 0 0 0;}

#wrap-home-about .section-content h1{ font-size: 40pt; font-weight: normal; font-family: 'TradeGothicLTStdCond'; width: 60%; padding:0; margin:0;}

#wrap-home-about .section-content p{ font-size: 20px; font-weight: normal; font-family: 'TradeGothicLTStdLight'; width: 850px;}



#wrap-home-client{ margin: 0 auto; width: 1200px; display: block; min-height: 300px; background:; padding: 80px 0 0 0;}

#wrap-home-client .section-title{ font-size:40pt; color:#FFF; margin: 40px 0 0 0; font-family: 'TradeGothicLTStdCond';}

#wrap-home-client .section-content{ margin: 40px 0 0 0; }

#wrap-home-client .section-logos{ display: block; width: 100%; margin-top: 64px;}

#wrap-home-client .section-logos .wrap-logo img{ display: block; float: left; max-width: 190px; max-height: 100px;}
#wrap-home-client .section-logos .wrap-logo{ width: 150px; height: 70px; display: flex; float: left; align-items: center; justify-content: center; margin:0 35px 50px 35px; background-repeat: no-repeat; background-size: contain; background-position:center center; }


#wrap-home-partners{ margin: 0 auto; width: 1200px; display: block; min-height: 300px; padding: 0 0 0 0;}

#wrap-home-partners .section-title{ font-size:40pt; color:#FFF; margin: 40px 0 0 0; font-family: 'TradeGothicLTStdCond';}

#wrap-home-partners .section-content{ margin: 40px 0 0 0; font-family: 'RobotoCond';  }

#wrap-home-partners .section-content.max{ position: absolute;  }

#wrap-home-partners .section-content .partners-image{ width: 800px; display: block; float:left; margin-right: 30px; height: 700px;}

#wrap-home-partners .section-content .partners-image .image-0{ display: block; height: 700px; z-index: 9; position: absolute; cursor: pointer;}

#wrap-home-partners .section-content .partners-image .image-0 img{ height: 700px; width: auto;}

#wrap-home-partners .section-content .partners-image .image-1{ display: block; height: 700px; z-index: 10; position: absolute; cursor: pointer; margin-left: 300px;}

#wrap-home-partners .section-content .partners-image .image-1 img{ height: 700px; width: auto;}

#wrap-home-partners .section-content .partners-image .urls{ width: 800px; height: 700px; display: block; position: absolute; z-index: 20;}

#wrap-home-partners .section-content .partners-image .urls a.url-0{ width: 350px; height: 700px; background:; display: block; -webkit-transform: skew(10deg); -moz-transform: skew(10deg); -o-transform: skew(10deg); float:left;}

#wrap-home-partners .section-content .partners-image .urls a.url-1{ width: 350px; height: 700px; background:; display: block; -webkit-transform: skew(10deg); -moz-transform: skew(10deg); -o-transform: skew(10deg); float:left; margin-left: 10px;}

#wrap-home-partners .section-content .partners-content{ width: 370px; display: block; float:left; }

#wrap-home-partners .section-content .partners-content h2{ font-size: 33pt; font-weight: normal; font-family: 'TradeGothicLTStdCond'; margin:0; padding: 0;}

#wrap-home-partners .section-content .partners-content p{ font-size: 20px; line-height: 28px; font-weight: normal; font-family: 'TradeGothicLTStdLight'; }

#wrap-home-partners .section-content .partners-content .page-header-colorbar{ margin: 50px 0 0 0; width: 70px; height: 9px;}

#wrap-home-partners .separator{ display: block; height: 100px;}



#wrap-home-socials{ padding: 150px 0 0 0; margin: auto; width: 1200px; display: block;}

#wrap-home-socials .wrap-social-buttons{ display: block; text-align: center;}

#wrap-home-socials .wrap-social-buttons a{ margin: 0 15px 0 15px; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; background-size: 100px 100px; background-position: center 25px; padding: 140px 0 0 0; text-align: center; font-size: 20px; font-family: 'TradeGothicLTStd'; color:#FFF; text-decoration: none; min-width: 150px;  display: inline-block; background-repeat: no-repeat;}

#wrap-home-socials .wrap-social-buttons a.btn-facebook{ background-image: url('assets/img/icon-facebook.svg'); }

#wrap-home-socials .wrap-social-buttons a.btn-twitter{ background-image: url('assets/img/icon-twitter.svg'); }

#wrap-home-socials .wrap-social-buttons a.btn-instagram{ background-image: url('assets/img/icon-instagram.svg');}

#wrap-home-socials .wrap-social-buttons a.btn-youtube{ background-image: url('assets/img/icon-youtube.svg');}

#wrap-home-socials .wrap-social-buttons a:hover{ background-position: center 15px; }



footer{ display: block; width: 100%; margin-top: 100px;  margin-bottom: 40px;}

#wrap-footer{ width: 1100px; margin: auto;}

#wrap-footer .column-1{ width: 200px; display: block;float:left; padding: 30px 30px 30px 0; border-right:#808080 solid 1px; }

#wrap-footer .column-1 .title{ font-family: 'TradeGothicLTStdCond'; font-size: 22px; color:#FFF; margin-bottom: 10px;}

#wrap-footer .column-1 .content{ font-family: 'TradeGothicLTStdLight'; font-size: 13px; color:#FFF; font-weight: normal;}

#wrap-footer .column-1 .content p{ margin: 0 0 2px 0;}

#wrap-footer .column-1 .title.margintop{ margin-top: 30px;}

#wrap-footer .column-2{ width: 260px; display: block;float:left; padding: 30px 0 30px 30px; }

#wrap-footer .column-2 .title{ font-family: 'TradeGothicLTStdCond'; font-size: 22px; color:#FFF; margin-bottom: 10px;}

#wrap-footer .column-2 .content{ font-family: 'TradeGothicLTStdLight'; font-size: 13px; color:#FFF; font-weight: normal;}

#wrap-footer .column-2 .content p{ margin: 0 0 2px 0;}
#wrap-footer .column-2 .content p strong{ font-family: 'TradeGothicLTStdCond'; font-size: 18px;}

#wrap-footer .column-2 .title.margintop{ margin-top: 30px;}

#wrap-footer .column-3{ width: 80px; display: block;float:right; height: auto;}
#wrap-footer .column-3 a.footer-logo{ display: block; float:right; width:80px; height: 100%; background: url('assets/img/logo-aidea-footer.svg') center center no-repeat; background-size: contain;}



#wrap-archive-work{ display: block; width: 1200px; min-height: 200px; margin: 140px auto 40px auto;}

#wrap-archive-work .grid-images-layout{ display: block; width:100%; min-height: 300px;}

.element-item{ color:#FFF; position: relative; width: 290px; overflow: hidden; margin: 5px; background:#000;}

.element-item img{ max-width: 100%; height: auto; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; display: block; margin: 0; padding: 0;}

.caption { position: absolute; bottom: 0; opacity: 0; left: 0; width: 100%; min-height: 40px; background-color: rgba(0,0,0,1); padding: 0; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.1s 0.3s, -webkit-transform 0.4s; transition: opacity 0.1s 0.3s, -webkit-transform 0.4s; transition: transform 0.4s, opacity 0.1s 0.3s; transition: transform 0.4s, opacity 0.1s 0.3s, -webkit-transform 0.4s; }

.slide-up:hover img { -webkit-transform: translateY(-50px); transform: translateY(-50px); }

.slide-up:hover .caption { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-transition: opacity 0.1s, -webkit-transform 0.4s; transition: opacity 0.1s, -webkit-transform 0.4s; transition: transform 0.4s, opacity 0.1s; transition: transform 0.4s, opacity 0.1s, -webkit-transform 0.4s; }

.caption .title{ display: block; margin: 10px 10px 6px 10px; font-family: 'TradeGothicLTStd'; font-size: 18px; text-align: center;}

.caption .sub-separator{ display: block; height: 2px; margin: 0 10px 0 10px; background: url('assets/img/color-line-1.svg') center center repeat-y; }

.caption .sub-title{ display: block; margin: 6px 10px 10px 10px; font-family: 'TradeGothicLTStdLight'; font-size: 14px; text-align: center;}

.wrap-grid-control{ display: block; width: 470px; text-align: center; margin: 50px auto;}

.wrap-grid-control .grid-control{ display: block; width: 200px; background: #FFF; -webkit-border-radius: 10px; -moz-border-radius:10px; border-radius:10px; min-height: 10px; padding: 10px; position: absolute; z-index: 100;}

.wrap-grid-control .grid-control.two{ position: absolute; z-index: 100; margin-left: 250px;}

.wrap-grid-control .grid-control a{ margin: 5px; display: block; font-family: 'TradeGothicLTStdLight'; font-size: 20px; color:#000; background:url('assets/img/circle.svg') left center no-repeat; background-size: 5px 5px; padding-left: 15px; -moz-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; cursor:pointer; text-align: left;}

.wrap-grid-control .grid-control a:hover{ color: #900;}

.wrap-grid-control .grid-control .label{ cursor: pointer;}

.wrap-grid-control .grid-control .label .text{ color:#000; font-family: 'TradeGothicLTStdLight'; font-size: 16px; width: 170px; height: 30px; display: flex; align-content: center; align-items: center; float:left; text-align: left;}

.wrap-grid-control .grid-control .label .button{ width: 30px; height: 30px; display: block; float:left;}

.wrap-grid-control .grid-control .label .button.down{ background: url('assets/img/arrow-down.svg') no-repeat center center; background-size:20px auto;}

.wrap-grid-control .grid-control .label .button.up{ background: url('assets/img/arrow-up.svg') no-repeat center center; background-size:20px auto;}

.wrap-grid-control .grid-control .content{ display: none;}
ul#menu-download li a,#gridccontent a{ font-size: 16px; }

.hide{ display: none; }

.work-popup{ background-color: #333333; overflow: hidden; }
.work-popup-video{ float: left; display: block; }
.work-popup-content{ float: left; display: block; overflow-y: auto; }
.work-popup-content .title{ font-family: 'TradeGothicLTStdCond'; font-size: 30px; padding: 20px 20px 0 20px; margin:0; }
.work-popup-content .content{ font-family: 'TradeGothicLTStdLight'; font-size: 16px; padding: 0 20px 0 20px; margin:0; }
.work-popup-content a.download{ width: 120px; padding: 10px 10px 6px 10px; background: url('assets/img/arrow-down-white.svg') no-repeat; background-position: 90px 8px; background-size: 20px 20px; border:solid 1px #FFF; -webkit-border-radius: 15px; -moz-border-radius:15px; border-radius:15px; font-size: 18px; color:#FFF; text-decoration: none; display: block; text-align: left; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; font-family: 'TradeGothicLTStdCond'; background-color: transparent; cursor: pointer; margin:0 0 0 20px; }
.work-popup-content a.download:hover{ background-position: 90px 12px; }
.work-popup-content .page-header-colorbar{ display: block; width: 200px; height: 20px; background-repeat:no-repeat; background-size: contain; margin: 20px 0 0 20px;}



#gridccontent2 ul{ margin: 0; padding: 0; display: block; list-style: none;}

#gridccontent2 ul li a{ text-decoration: none;}



#wrap-single-work{ display: block; width: 1100px; margin: 50px auto 50px auto;}

#wrap-single-work h1.title{ font-family: 'RobotoCond'; font-size: 40px; text-align: center;}

#wrap-single-work .page-header-colorbar{ margin: auto;}

#wrap-single-work .content{ font-family: 'TradeGothicLight';}

#wrap-single-work .content p{ font-size: 18px; line-height: 25px;}



.video-container{position:relative !important;padding-bottom:56.25% !important;padding-top:30px !important;height:0 !important;overflow:hidden !important;}

.video-container iframe, .video-container object, .video-container embed{position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;}

#wrap-page-people{ width: 1100px; margin: 50px auto 50px auto; }

#wrap-page-people .section-upper{ display: block; width: 100%; margin-bottom: 40px;}

#wrap-page-people .section-upper h1{ font-size:40pt; color:#FFF; margin: 40px 0 0 0; font-family: 'TradeGothicLTStdCond'; }

#wrap-page-people .section-team-item{ display: block; width: 100%; margin-bottom: 20px;}

#wrap-page-people .section-team-item .image{ width: 550px; display: block; float:left; margin-right: 60px; min-height: 100px;}

#wrap-page-people .section-team-item .image img{ max-width: 100%; height: auto; display: block; margin: 0; padding: 0;}

#wrap-page-people .section-team-item .desc{ width: 490px; display: block; float:left; min-height: 100px;}

#wrap-page-people .section-team-item .desc h2.name{ font-family: 'TradeGothicLTStdCond'; font-size: 35px; font-weight: normal; margin: 0; padding: 0;}

#wrap-page-people .section-team-item .desc .jobtitle{ font-family: 'TradeGothicLTStdCond'; font-style: italic; font-size: 20px; font-weight: normal; margin: 8px 0 0 0; padding: 0; }

#wrap-page-people .section-team-item .desc .shortbio{ font-family: 'TradeGothicLTStdLight'; font-size: 15px; font-weight: normal; margin: 20px 0 10px 0; display: block;}

#wrap-page-people .section-team-item .desc .shortbio a{ color:#FFF; }
 
#wrap-page-people .section-team-item .desc .separator { background:url('assets/img/color-line-01.svg') center left; width: 430px; height: 1px; background-size: contain; margin: 0 0 3px 0;}

#wrap-page-people .section-team-item .desc .socials a{ width: 40px; height: 60px; display: block; float:left; margin-right: 15px; background-size: contain; background-position: bottom center; background-repeat: no-repeat; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}

#wrap-page-people .section-team-item .desc .socials a:hover{ background-position: center center; }

#wrap-page-people .section-team-item .desc .socials a.facebook{ background-image: url('assets/img/icon-facebook.svg');}

#wrap-page-people .section-team-item .desc .socials a.twitter{ background-image: url('assets/img/icon-twitter.svg');}

#wrap-page-people .section-team-item .desc .socials a.instagram{ background-image: url('assets/img/icon-instagram.svg');}

#wrap-page-people .section-team-item .desc .socials a.youtube{ background-image: url('assets/img/icon-youtube.svg');}



#wrap-page-people .section-bottom{ width: 790px; min-height: 100px; display: block; margin: 120px 0 50px 0;}

#wrap-page-people .section-bottom .head-title{ font-size:40pt; color:#FFF; margin: 40px 0 40px 0; font-family: 'TradeGothicLTStdCond'; }

#wrap-page-people .section-bottom .title{ width: 230px; margin-right: 20px; display: block; float:left; font-family: 'TradeGothicLTStd'; font-size: 25px; text-align: left; padding: 0;}

#wrap-page-people .section-bottom .content{ width: 460px; display: block; float:left; font-family: 'TradeGothicLTStd'; font-size: 40px; font-size: 16px; font-weight: normal; padding: 6px 0 0 0;}

#wrap-page-people .section-bottom .clear{ height: 40px;}



#wrap-page-contact{ width: 1100px; margin: 80px auto 50px auto; background:; }

#wrap-page-contact h1.page-title{ font-size: 40pt; font-weight: normal; font-family: 'TradeGothicLTStdCond'; width: 60%; padding:0; margin:0 0 20px 0;}
 
#wrap-page-contact .page-header-colorbar{ margin: 20px 0 0 0;}

#wrap-page-contact .section-upper{ display: block; font-size:20px; font-family: 'TradeGothicLTStdLight';}

#wrap-page-contact .section-middle{ width: 880px; height: auto; display: block; margin: 80px auto 80px auto;}

#wrap-page-contact .section-middle .content{ font-family: 'TradeGothicLTStdLight'; text-align: center; display: block; line-height: 20px;}

#wrap-page-contact .section-middle .content p{ font-size: 15px; line-height: 18px; padding:0; margin:0 0 5px 0;}

#wrap-page-contact .section-middle .content strong{ font-family: 'TradeGothicLTStdLight'; font-weight: bold; font-size: 18px;}

#wrap-page-contact .section-middle .column-1{ width: 32%; height: auto; display: block; float:left;}

#wrap-page-contact .section-middle .column-2{ width: 35%; height: auto; display: block; float:left;}

#wrap-page-contact .section-middle .column-3{ width: 32%; height: auto; display: block; float:left;}

#wrap-page-contact .button-internship{ display: block; margin: 0 0 80px 0; width: 100%; }

#wrap-page-contact .button-internship a{ width: 290px; padding: 10px 0 6px 10px; background: url('assets/img/right-arrow.svg') no-repeat; background-position: 265px 8px; background-size: 25px 25px; border:solid 1px #FFF; -webkit-border-radius: 15px; -moz-border-radius:15px; border-radius:15px; font-size: 22px; color:#FFF; text-decoration: none; display: block; margin: auto; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; font-family: 'TradeGothicLTStdCond';}

#wrap-page-contact .button-internship a:hover{ background-position: 275px 8px;}

#wrap-page-contact .contact-form{ width: 650px; min-height: 200px; display: block; margin: 0 auto 50px auto; background:;}

#wrap-page-contact .contact-form .contact-input{ display: block; margin: 0 0 15px 0; padding: 10px; background: #272727; border:solid 0; outline-color: none; width: 630px; font-family: 'TradeGothicLTStdLight'; font-size: 18px; color:#FFF; outline: none;}

#wrap-page-contact .contact-form .contact-textarea{ display: block; margin: 0 0 20px 0; padding: 10px; background: #272727; border:solid 0; outline-color: none; width: 630px; font-family: 'TradeGothicLTStdLight'; font-size: 18px; color:#FFF; outline: none;}

#wrap-page-contact .contact-form .contact-button{ width: 180px; height: 35px; padding-top: 7px; display: block; margin: 35px auto 50px auto; background: #272727; border:solid 0; color:#FFF; align-items: center; justify-content: center; font-size: 18px; font-family: 'TradeGothicLTStdLight'; cursor:pointer; outline: none;}

#wrap-page-contact .contact-form #loader{ padding: 5px; background: rgba(255,255,255,0.3); width: 300px; margin: auto; -webkit-border-radius: 5px; -moz-border-radius:5px; border-radius:5px; font-family: 'TradeGothicLTStdLight'; display: none; text-align: center;}

#wrap-page-contact .contact-map{ width: 100%; height: 500px; display: block;}
#wrap-page-contact .section-bottom{ font-family: 'TradeGothicLTStdBoldObl'; font-weight: normal; margin: 100px 0 0 0; }
#wrap-page-contact .section-bottom p{ font-size: 55px; margin:0; padding: 0; }

#wrap-page-contact .form-apply{ margin:80px 0 0 0; }
#wrap-page-contact .form-apply input[type="text"]{ display: block; float: left; width: 45%; border:solid 0; padding: 6px 0 6px 0; margin: 0 10% 60px 0; border:solid #FFF; border-width: 0 0 1px 0; color:#9D9D9C; font-family: 'TradeGothicLTStdLight'; font-size: 20px; background-color: transparent; outline: none; }
#wrap-page-contact .form-apply input[type="text"].nomargin{ margin-right: 0; }
#wrap-page-contact .form-apply .upload-label{ font-size: 20px; margin-bottom: 10px; }
#wrap-page-contact .form-apply input[type="file"]{ margin-bottom: 60px; background-color: transparent; }
#wrap-page-contact .form-apply input[type="submit"]{ width: 120px; padding: 10px 0 6px 20px; background: url('assets/img/right-arrow.svg') no-repeat; background-position: 85px 8px; background-size: 25px 25px; border:solid 1px #FFF; -webkit-border-radius: 15px; -moz-border-radius:15px; border-radius:15px; font-size: 22px; color:#FFF; text-decoration: none; display: block; text-align: left; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; font-family: 'TradeGothicLTStdCond'; background-color: transparent; cursor: pointer; }
#wrap-page-contact .form-apply span{ font-size: 10px;  }
#wrap-page-contact .alert-apply{ display: block; margin: 20px 0 0 0; }

#wrap-page-contact .form-apply input[type="submit"]:hover{ background-position: 95px 8px;}

#wrap-page-contact .thankyou{ display: block; text-align: center; margin:150px 0 300px 0;}
#wrap-page-contact .thankyou .title{ font-size: 40pt; font-weight: normal; font-family: 'TradeGothicLTStdCond'; margin-bottom: 20px;}
#wrap-page-contact .thankyou .content{ font-size: 22px; font-weight: normal; font-family: 'TradeGothicLTStdCond'; margin-bottom: 20px;}
#wrap-page-contact .thankyou .button-back a{ width: 60px; padding: 10px 20px 6px 20px; background: url('assets/img/arrow-left.svg') no-repeat; background-position: 10px 8px; background-size: 25px 25px; border:solid 1px #FFF; -webkit-border-radius: 15px; -moz-border-radius:15px; border-radius:15px; font-size: 22px; color:#FFF; text-decoration: none; display: block; text-align: right; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; font-family: 'TradeGothicLTStdCond'; background-color: transparent; cursor: pointer; margin:auto; }
#wrap-page-contact .thankyou .button-back a:hover{ background-position: 5px 8px; }

#wrap-page-contact .icon{ display: block; float: none; width: 100%; margin-right: 10%; text-align: center;  background-repeat: no-repeat; margin-bottom: 30px; font-family: 'TradeGothicLTStdCond'; font-size: 25px; }
#wrap-page-contact .icon.address{ background-image:url('assets/img/icon-address.svg'); height: 35px; padding-top: 100px; background-size: 40px auto; background-position: center 25px;  }
#wrap-page-contact .icon.phone{ background-image:url('assets/img/icon-phone.svg'); height: 30px; padding-top: 105px; background-size: 40px auto; background-position: center 20px; }
#wrap-page-contact .icon.email{ background-image:url('assets/img/icon-email.svg'); height: 35px; background-size: 75px auto; padding-top: 100px; background-position: center 35px; }

#wrap-page-achievement{ display: block; width: 1100px; margin: 70px auto 70px auto;}

#wrap-page-achievement .wrap-top-post{ display: block; width: 1058px; padding:20px; border:solid 1px #CCC; margin-bottom: 50px;}

#wrap-page-achievement .wrap-top-post .img{ width: 360px; display: block; float:left; margin-right: 20px;}

#wrap-page-achievement .wrap-top-post .img img{ max-width: 360px; height: auto;}

#wrap-page-achievement .wrap-top-post .desc{ width: 678px; display: block; float:left; }

#wrap-page-achievement .wrap-top-post .desc .title{ display: block; font-family: 'DinotCondRegular'; font-size: 40px;}

#wrap-page-achievement .wrap-top-post .desc .separator{ width: 200px; height: 1px; display: block; background: #CCC; margin: 6px 0 0 0;}

#wrap-page-achievement .wrap-top-post .desc .sub-title{ display: block; font-family: 'DinotCondRegular'; font-size: 28px; margin-bottom: 15px;}

#wrap-page-achievement .wrap-top-post .desc .short-desc{ display: block; font-family: 'TradeGothicLight'; font-size: 15px;}

#wrap-page-achievement a.btn-readmore{ width: 120px; padding: 10px 0 6px 10px; background: url('assets/img/right-arrow.svg') no-repeat; background-position: 105px 6px; background-size: 20px 20px; border:solid 1px #FFF; -webkit-border-radius: 15px; -moz-border-radius:15px; border-radius:15px; font-family: 'TradeGothicLTStd'; font-size: 14px; color:#FFF; text-decoration: none; display: block; margin: 20px 0 20px 0; float:right; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}

#wrap-page-achievement a.btn-readmore:hover{ background-position: 110px 6px;}

#wrap-page-achievement .wrap-item-post{ display: block; float:left; width:255px; min-height: 300px; margin-right: 20px;}

#wrap-page-achievement .wrap-item-post .img{ display: block; margin-bottom: 10px; }

#wrap-page-achievement .wrap-item-post .img img{ max-width: 100%; height: auto; display: block; margin: 0; padding: 0;}

#wrap-page-achievement .wrap-item-post .title{ font-family: 'DinotCondRegular'; font-size: 25px; line-height: 27px; margin-bottom: 15px;}

#wrap-page-achievement .wrap-item-post .short-desc{ display: block; font-family: 'TradeGothicLight'; font-size: 13px;}

#wrap-page-achievement .navigation a.next
{ width: 120px; padding: 10px 0 6px 10px;  border:solid 1px #FFF; -webkit-border-radius: 15px; -moz-border-radius:15px; border-radius:15px; font-family: 'TradeGothicLight'; font-size: 14px; color:#FFF; text-decoration: none; display: flex; margin: 20px 0 20px 0; float:right; align-items: center; justify-content: left; margin-left: 10px;}

#wrap-page-achievement .navigation a.next span{ background: url('assets/img/right-arrow.svg') no-repeat; width: 55px; height: 20px; background-size: contain; display: inline-block; background-position: 30px 0; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;  }

#wrap-page-achievement .navigation a.next:hover > span{ background-position: 35px 0; }


#wrap-page-achievement .navigation a.prev{ width: 130px; padding: 10px 0 6px 10px;  border:solid 1px #FFF; -webkit-border-radius: 15px; -moz-border-radius:15px; border-radius:15px; font-family: 'TradeGothicLight'; font-size: 14px; color:#FFF; text-decoration: none; display: flex; margin: 20px 0 20px 0; float:right; align-items: center; justify-content: left;}

#wrap-page-achievement .navigation a.prev span{ background: url('assets/img/right-arrow.svg') no-repeat; width: 35px; height: 20px; background-size: contain; display: inline-block; background-position: 15px 0;  transform:scaleX(-1); -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }

#wrap-page-achievement .navigation a.prev:hover > span{ background-position: 20px 0; }

#wrap-page-achievement .wrap-item-achievement{ border: solid #575757; border-width: 0 0 1px 0; padding:40px; }
#wrap-page-achievement .wrap-item-achievement.top-border{ border-width: 1px 0 1px 0; }
#wrap-page-achievement .wrap-item-achievement .image{ width: 300px; height: 300px; overflow: hidden; display: block; float:left; margin-right: 40px;}
#wrap-page-achievement .wrap-item-achievement .image img{ max-width: 100%; height: auto; }
#wrap-page-achievement .wrap-item-achievement .content{ width: 618px; display: flex; align-items: center; justify-content: center; float:left; height: 300px; }
#wrap-page-achievement .wrap-item-achievement .content .wrap{ display: block; width: 100%; }
#wrap-page-achievement .wrap-item-achievement .content .wrap .title span{ font-family: 'TradeGothicLTStd'; font-size: 24px; background-image: url('assets/img/color-line-03.svg'); background-repeat: repeat-x; background-position:bottom left; display: inline-block; padding-bottom: 15px; margin-bottom: 30px; background-size: 300px 2px;}
#wrap-page-achievement .wrap-item-achievement .content .wrap .sub-title{ font-size: 16px; margin-bottom: 10px; }
#wrap-page-achievement .wrap-item-achievement .content .wrap .excerpt{ font-size: 14px; margin-bottom: 10px; }
#wrap-page-achievement .wrap-item-achievement .content .wrap .button a{ width: 75px; height: 20px; padding: 8px 15px 0 8px; border:solid 1px #FFF; display: block; font-family: 'TradeGothicLTStd'; font-size: 14px; color:#FFF; text-decoration: none; -webkit-border-radius: 10px; -moz-border-radius:10px; border-radius:10px; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; background-image:url('assets/img/right-arrow.svg'); background-size:15px auto; background-position: 75px 6px; background-repeat: no-repeat; cursor: pointer;}
#wrap-page-achievement .wrap-item-achievement .content .wrap .button a:hover{ background-position: 80px 6px; }



#wrap-single-achievement{ display: flex; width: 1100px; margin: 70px auto 70px auto; }
#wrap-single-achievement.custom-layout{ display: block; width: 1100px; margin: 70px auto 70px auto; }
#wrap-single-achievement .image{ display: block; width: 45%; margin-right: 2%; min-height: 200px;  }
#wrap-single-achievement .image img{ max-width: 100%; }
#wrap-single-achievement .content{ display: flex; width: 53%; align-items: center; justify-content: center; }
#wrap-single-achievement .content .wrap{ display: block; width: 100%; }
#wrap-single-achievement .content .wrap h1{ display: block; width: 100%; font-weight: normal; font-family: 'TradeGothicLTStdCond'; margin:0; padding:0; font-size:30pt; color:#FFF; font-weight: normal; background-image: url('assets/img/color-line-04.svg'); background-repeat: no-repeat; background-position:bottom left; display: inline-block; padding-bottom: 15px; margin-bottom: 30px; background-size: 385pt 5pt; }
#wrap-single-achievement .content .wrap .text{ line-height: 20px; }

#wrap-single-achievement .awards-list{ display: block; float: left; width: 530px; min-height: 300px; margin-right: 220px;}
#wrap-single-achievement .awards-image{ display: block; float: left; width: 350px;  min-height: 300px; }
#wrap-single-achievement .awards-image img{ max-width: 100%; height: auto; }
#wrap-single-achievement h1{ display: block; width: 100%; font-weight: normal; font-family: 'TradeGothicLTStdCond'; margin:0; padding:0; font-size:30pt; color:#FFF; font-weight: normal; background-image: url('assets/img/color-line-04.svg'); background-repeat: no-repeat; background-position:bottom left; display: inline-block; padding-bottom: 15px; margin-bottom: 30px; background-size: 385pt 5pt; }
#wrap-single-achievement .awards-list .award-item{ display: block; margin-bottom: 40px; cursor: pointer; }
#wrap-single-achievement .awards-list .award-item .title{ font-family: 'TradeGothicLTStd'; font-size: 30px; margin-bottom: 10px; }
#wrap-single-achievement .awards-list .award-item .sub-title p{ margin:0 0 5px 0; padding:0; font-family: 'TradeGothicLTStdLight'; }

#wrap-single-achievement a.button-back{ width: 60px; height: 25px; padding: 10px 0 0 40px; border:solid 1px #FFF; display: block; float: right; font-family: 'TradeGothicLTStd'; font-size: 16px; color:#FFF; text-decoration: none; -webkit-border-radius: 10px; -moz-border-radius:10px; border-radius:10px; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; background-image:url('assets/img/arrow-left.svg'); background-size:22px auto; background-position: 10px 6px; background-repeat: no-repeat; cursor: pointer;}
#wrap-single-achievement a.button-back:hover{ background-position: 5px 6px; }

#wrap-single-page{ display: block; width: 1100px; margin: 80px auto 80px auto; }

#wrap-single-page h1.title{  font-size:40pt; color:#FFF; margin: 40px 0 0 0; font-family: 'TradeGothicLTStdCond'; font-weight: normal; }

#wrap-single-page .title-separator{ display: block; width: 386px; height: 5px; background:url('assets/img/color-line-02.svg') left center no-repeat; margin-bottom: 10px; background-size: cover;}

#wrap-single-page .page-header-colorbar{ margin-bottom: 70px;}

#wrap-single-page .sub-title{ margin: 0 0 10px 0; padding: 20px 0 20px 0; font-family: 'TradeGothicLTStd'; font-style: italic; font-size: 20px; }

#wrap-single-page .img{ display: block; padding: 0; margin: 0 0 50px 0;}

#wrap-single-page .img img{ max-width: 100%; height: auto; display: block; margin: auto;}

#wrap-single-page .content{ display: block; font-family: 'TradeGothicLTStdLight'; font-size: 18px;}

#wrap-single-page a.button-back{ width: 60px; height: 25px; padding: 10px 0 0 40px; border:solid 1px #FFF; display: block; float: right; font-family: 'TradeGothicLTStd'; font-size: 16px; color:#FFF; text-decoration: none; -webkit-border-radius: 10px; -moz-border-radius:10px; border-radius:10px; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; background-image:url('assets/img/arrow-left.svg'); background-size:22px auto; background-position: 10px 6px; background-repeat: no-repeat; cursor: pointer;}

#wrap-single-page a.button-back:hover{ background-position: 5px 6px; }


.fancybox-custom-layout .fancybox-outer { top: 50px; left: 50px; bottom: 50px; right: 50px; margin: auto; max-width: 100%; max-height: 100%; overflow: visible; box-shadow: 10px 10px 15px rgba(0,0,0,0.3); transition: opacity .3s; }

.fancybox-custom-layout.fancybox-is-closing .fancybox-outer { opacity: 0; }

.fancybox-custom-layout .fancybox-bg { background: rgba(0,0,0,0.9); }

.fancybox-custom-layout.fancybox-is-open .fancybox-bg { opacity: 1; }

.fancybox-custom-layout .fancybox-caption-wrap { top: 0; right: 44px; bottom: 0; left: auto; width: 256px; padding: 0; background: #333; pointer-events: all; border-right: 1px solid rgba(255,255,255,.08); overflow-y: auto;}

.fancybox-custom-layout .fancybox-stage { right: 300px; background: #000;}

.fancybox-custom-layout .fancybox-caption { padding: 30px 20px; border: 0; }

.fancybox-custom-layout .fancybox-toolbar { top: 0; right: 0; bottom: 0; left: auto; width: 44px; background: #333; border-left: 1px solid #222; }

.fancybox-custom-layout .fancybox-button,.fancybox-custom-layout .fancybox-navigation button:before {background: transparent;}

.fancybox-custom-layout .fancybox-navigation button { color: #FFF !important; padding: 10px; }

.fancybox-custom-layout .fancybox-button--arrow_left { left: -60px; }

.fancybox-custom-layout .fancybox-button--arrow_right { right: -60px; }

.fancybox-custom-layout.fancybox-show-thumbs .fancybox-button--arrow_right { right: -272px; }

.fancybox-custom-layout .fancybox-slide--iframe .fancybox-content { padding: 0 !important; margin: 0 !important; width: 100%; height: 100%; max-width: calc(100%); max-height: calc(100%); overflow: visible; background: #fff; }

.fancy-caption{display: none;}

.wrap-fancy-caption{ display: block;}

.wrap-fancy-caption .title{ font-family: 'TradeGothicLTStd'; font-size: 30px; text-align: center; line-height: 35px; text-align: left;}

.wrap-fancy-caption .content{ font-family:'TradeGothicLTStdLight';}

.wrap-fancy-caption .page-header-colorbar{ margin-bottom: 20px;}



.fancybox-custom-layout .fancybox-caption-wrap::-webkit-scrollbar-track

{

	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

	background-color: #F5F5F5;

}



.fancybox-custom-layout .fancybox-caption-wrap::-webkit-scrollbar

{

	width: 6px;

	background-color: #F5F5F5;

}



.fancybox-custom-layout .fancybox-caption-wrap::-webkit-scrollbar-thumb

{

	background-color: #000000;

}







@media all and (max-width:768px){

    .fancybox-custom-layout .fancybox-caption-wrap { top: 60%; right: 0; bottom: 0; left: auto; width: 100%; padding: 0; background: #333; pointer-events: all;  border-top: 1px solid rgba(255,255,255,.08); border-right: 0; }

    .fancybox-custom-layout .fancybox-stage { right: 0px !important; display: block !important; height: 60%; }

}



@media all and (min-width:1199px) and (max-width:1300px){

	#wrap-main{ width: 1200px; min-height: 500px; margin: auto;}

	#wrap-home-about{ margin: 0 auto; width: 1100px; display: block; min-height: 300px; background:; padding: 100px 0 50px 0;}

	#wrap-home-client{ margin: 0 auto; width: 1100px; display: block; min-height: 300px; background:; padding: 100px 0 50px 0;}

	/*#wrap-home-partners{ margin: 0 auto; width: 1100px; display: block; min-height: 300px; background:; padding: 0 0 0 0;}

	#wrap-home-partners .section-content .partners-image{ width: 700px; display: block; float:left; margin-right: 100px; height: 700px;}

	#wrap-home-partners .section-content .partners-image .image-0{ display: block; height: 600px; z-index: 9; position: absolute;}

	#wrap-home-partners .section-content .partners-image .image-0 img{ height: 600px; width: auto;}

	#wrap-home-partners .section-content .partners-image .image-1{ display: block; height:600px; z-index: 10; position: absolute;}

	#wrap-home-partners .section-content .partners-image .image-1 img{ height: 600px; width: auto; margin-left: 260px;}

	#wrap-home-partners .section-content .partners-image .urls{ width: 800px; height: 600px; display: block; position: absolute; z-index: 20;}

	#wrap-home-partners .section-content .partners-image .urls a.url-0{ width: 350px; height: 600px; background:; display: block; -webkit-transform: skew(10deg); -moz-transform: skew(10deg); -o-transform: skew(10deg); float:left;}

	#wrap-home-partners .section-content .partners-image .urls a.url-1{ width: 350px; height: 600px; background:; display: block; -webkit-transform: skew(10deg); -moz-transform: skew(10deg); -o-transform: skew(10deg); float:left; margin-left: 10px;}

	#wrap-home-partners .section-content .partners-content{ width: 300px; display: block; float:left; }

	#wrap-home-partners .section-content .partners-content h2{ font-size: 33pt; font-weight: normal; font-family: 'TradeGothicLTStdCond'; margin:0; padding: 0;}

	#wrap-home-partners .section-content .partners-content p{ font-size: 20px; font-weight: normal; font-family: 'TradeGothicLTStdLight'; }

	#wrap-home-partners .section-content .partners-content .page-header-colorbar{ margin: 50px 0 0 0; width: 70px; height: 9px;}

	#wrap-home-partners .separator{ display: block; height: 20px;}*/

	#wrap-archive-work{ display: block; width: 1100px; min-height: 200px; margin: 140px auto 40px auto;}
	.element-item{ color:#FFF; position: relative; width: 265px; height: auto; overflow: hidden; margin: 5px; background:#000;}

}



@media all and (min-width:1024px) and (max-width:1190px){

	#wrap-main{ width: 100%; min-height: 500px; margin: auto;}

	#wrap-header{ display: block; padding: 0 23px 25px 23px; background: #1f1f1f; min-height: 180px; text-align: center;}

	#wrap-inner-header{ display: block; width: 100%; height: 179px; border-bottom: solid 1px #575757;}

	a#main-logo{ width: 100px; height: 110px; background: url('assets/img/logo-aidea-footer.svg') center left no-repeat; background-size: contain; display: block; margin: 35px 0 0 50px; display: block;}

	ul.nav-menu{ margin: 0 auto 0 auto; padding: 0; display: flex; align-items: center; justify-content: center; float: none; }

	ul.nav-menu li{ display: block;}

	ul.nav-menu li a{color:#FFF; display: block;text-decoration: none; font-size: 25pt; padding: 75px 20px 0 20px; height: 105px; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; font-family: 'TradeGothicLTStdCond'; color:#FFF; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #CCC;}


	.page-header-colorbar{ display: block; width: 200px; height: 20px; background-repeat:no-repeat; background-size: contain;}

	#wrap-home-about{ margin: 0 auto; width: 1000px; display: block; min-height: 300px; background:; padding: 60px 0 40px 0;}
	#wrap-home-client{ margin: 0 auto; width: 1000px; display: block; min-height: 300px; background:; padding: 80px 0 0 0;}
	#wrap-home-client .section-logos .wrap-logo img{ display: block; float: left; max-width: 100%; max-height: 100px;}
	#wrap-home-client .section-logos .wrap-logo{ width: 100px; height: 70px; display: flex; float: left; align-items: center; justify-content: center; margin:0 20px 30px 20px; background-repeat: no-repeat; background-size: contain; background-position:center center; background-color:;}


	/*#wrap-home-partners{ margin: 0 auto; width: 1000px; display: block; min-height: 300px; background:; padding: 0 0 0 0;}

	#wrap-home-partners .section-content .partners-image{ width: 600px; display: block; float:left; margin-right: 100px; height: 400px;}

	#wrap-home-partners .section-content .partners-image .image-0{ display: block; height: 450px; z-index: 9; position: absolute;}

	#wrap-home-partners .section-content .partners-image .image-0 img{ height: 600px; width: auto;}

	#wrap-home-partners .section-content .partners-image .image-1{ display: block; height: 450px; z-index: 10; position: absolute;}

	#wrap-home-partners .section-content .partners-image .image-1 img{ height: 600px; width: auto; margin-left: 260px;}

	#wrap-home-partners .section-content .partners-image .urls{ width: 800px; height: 700px; display: block; position: absolute; z-index: 20;}

	#wrap-home-partners .section-content .partners-image .urls a.url-0{ width: 350px; height: 700px; background:; display: block; -webkit-transform: skew(10deg); -moz-transform: skew(10deg); -o-transform: skew(10deg); float:left;}

	#wrap-home-partners .section-content .partners-image .urls a.url-1{ width: 350px; height: 700px; background:; display: block; -webkit-transform: skew(10deg); -moz-transform: skew(10deg); -o-transform: skew(10deg); float:left; margin-left: 10px;}

	#wrap-home-partners .section-content .partners-content{ width: 300px; display: block; float:left; }

	#wrap-home-partners .section-content .partners-content h2{ font-size: 33pt; font-weight: normal; font-family: 'TradeGothicLTStdCond'; margin:0; padding: 0;}

	#wrap-home-partners .section-content .partners-content p{ font-size: 20px; font-weight: normal; font-family: 'TradeGothicLTStdLight'; }*/

	#wrap-home-socials{ padding: 150px 0 0 0; margin: auto; width: 1000px; display: block;}


	footer{ display: block; width: 100%; margin-top: 100px;  margin-bottom: 40px;}

	#wrap-footer{ width: 1000px; margin: auto;}

	#wrap-archive-work{ display: block; width: 1000px; min-height: 200px; margin: 140px auto 40px auto;}

	#wrap-archive-work .grid-images-layout{ display: block; width:100%; min-height: 300px;}

	.element-item{ color:#FFF; position: relative; width: 240px; height: auto; overflow: hidden; margin: 5px; background:#000;}

	#wrap-page-people{ width: 1000px; margin: 50px auto 50px auto; }

	#wrap-page-people .section-team-item .image{ width: 480px; display: block; float:left; margin-right: 60px; min-height: 100px;}

	#wrap-page-people .section-team-item .image img{ max-width: 100%; height: auto; display: block; margin: 0; padding: 0;}

	#wrap-page-people .section-team-item .desc{ width: 400px; display: block; float:left; min-height: 100px;}

	#wrap-single-page{ display: block; width: 1000px; margin: 80px auto 80px auto; }

	#wrap-page-achievement{ display: block; width: 1000px; margin: 70px auto 70px auto;}
	#wrap-page-achievement .wrap-item-achievement .content{ width: 518px; display: flex; align-items: center; justify-content: center; float:left; height: 300px; }
	
	#wrap-single-achievement{ display: flex; width: 1000px; margin: 70px auto 70px auto; }
	#wrap-single-achievement.custom-layout{ display: block; width: 1000px; margin: 70px auto 70px auto; }
	#wrap-single-achievement .image{ display: block; width: 45%; margin-right: 2%; min-height: 200px;  }
	#wrap-single-achievement .image img{ max-width: 100%; }
	#wrap-single-achievement .content{ display: flex; width: 53%; align-items: center; justify-content: center; }
	#wrap-single-achievement .content .wrap{ display: block; width: 100%; }
	#wrap-single-achievement .content .wrap h1{ display: block; width: 100%; font-weight: normal; font-family: 'TradeGothicLTStdCond'; margin:0; padding:0; font-size:30pt; color:#FFF; font-weight: normal; background-image: url('assets/img/color-line-04.svg'); background-repeat: no-repeat; background-position:bottom left; display: inline-block; padding-bottom: 15px; margin-bottom: 30px; background-size: 385pt 5pt; }
	#wrap-single-achievement .content .wrap .text{ line-height: 20px; }

	#wrap-single-achievement .awards-list{ display: block; float: left; width: 430px; min-height: 00px; margin-right: 220px;}
	#wrap-single-achievement .awards-image{ display: block; float: left; width: 350px;  min-height: 300px; }
	#wrap-single-achievement .awards-image img{ max-width: 100%; height: auto; }
	#wrap-single-achievement h1{ display: block; width: 100%; font-weight: normal; font-family: 'TradeGothicLTStdCond'; margin:0; padding:0; font-size:30pt; color:#FFF; font-weight: normal; background-image: url('assets/img/color-line-04.svg'); background-repeat: no-repeat; background-position:bottom left; display: inline-block; padding-bottom: 15px; margin-bottom: 30px; background-size: 385pt 5pt; }
	#wrap-single-achievement .awards-list .award-item{ display: block; margin-bottom: 40px; cursor: pointer; }
	#wrap-single-achievement .awards-list .award-item .title{ font-family: 'TradeGothicLTStd'; font-size: 30px; margin-bottom: 10px; }
	#wrap-single-achievement .awards-list .award-item .sub-title p{ margin:0 0 5px 0; padding:0; font-family: 'TradeGothicLTStdLight'; }

	#wrap-page-contact{ width: 1000px; margin: 80px auto 50px auto; background:; }
	#wrap-page-contact .section-middle{ width: 780px; height: auto; display: block; margin: 80px auto 80px auto;}

	
}



#wrap-header-mobile,#dropdown-menu,#wrap-home-partners-mobile,#button-menu,.wrap-mobile-dropdown,.element-item .caption-mobile,.wrap-mobile-dropdown ul,#wrap-single-achievement .mobile,.wrap-mobile-awards-slide,#wrap-home-mobile-project,#mobile-partners-title{ display: none; }

@media all and (max-width:1023px){

	body{ margin: 0; padding: 0; background: #000 url('assets/img/bg-body.png') no-repeat right bottom; background-size: 30% auto; color:#FFF; font-family: 'TradeGothicLTStd';}

  	.wrap-main,#wrap-header,#wrap-home-menu,#wrap-single-achievement .desktop{ display: none; }
  	#wrap-header-mobile{ display: block; width: 90%; height: 75px; background-color: #1f1f1f; padding:0 5% 0 5%; }
  	#wrap-header-mobile .left{ width: 20%; height: 75px; display: block; float: left; }
  	#wrap-header-mobile .left a.logo{ display: block; width: 100%; height: 75px;  background-image:url('assets/img/logo-aidea-footer.svg'); background-size: auto 45px; background-position: left center; background-repeat: no-repeat; }
  	#wrap-header-mobile .center{ width: 60%; height: 75px; display: block; float: left;}
  	#wrap-header-mobile .center .page-title{ display: block; text-align: center; width: 100%; height: 50px; padding-top: 30px; font-family: 'TradeGothicLTStdCond'; font-size: 20px;}
  	#wrap-header-mobile .right{ width: 20%; height: 75px; display: block; float: left;}
  	#wrap-header-mobile .right .button-menu{ width: 40px; height: 40px; margin:17.5px 0 17.5px 0; display: block; float: right; background-image: url('assets/img/icon-menu.svg'); background-size: 20px 20px; background-repeat: no-repeat; background-position: center center; }

  	#wrap-slider #slides .slick-prev{ left: 20px; z-index: 1000; background-image:url('assets/img/nav-slide-prev.svg'); width: 30px; height: 30px; }
	#wrap-slider #slides .slick-prev:before{ content: ''; }
	#wrap-slider #slides .slick-next{ right: 20px; z-index: 1000; background-image:url('assets/img/nav-slide-next.svg'); width: 30px; height: 30px; }
	#wrap-slider #slides .slick-next:before{ content: ''; }

  	.wrap-mobile-dropdown{ display: none; width: 100%; height: 100%; position: fixed; z-index: 10000; background-color: rgba(0,0,0,0.7); }
  	.wrap-mobile-dropdown .button-close{ width: 90%; display: block; margin: auto; height: 75px;}
  	.wrap-mobile-dropdown .button-close .wrap{ width: 20%; margin: 0 0 0 80%; height: 75px; display: block; }
  	.wrap-mobile-dropdown .button-close .wrap a{  width: 40px; height: 40px; margin:17.5px 0 17.5px 0; display: block; float: right; background-image: url('assets/img/close-button.svg'); background-size: 20px 20px; background-repeat: no-repeat; background-position: center center; }
  	.wrap-mobile-dropdown ul{ display: block; margin: 0 auto 0 auto; padding: 0; width: 98%; }
  	.wrap-mobile-dropdown ul li{ text-align: center; }
  	.wrap-mobile-dropdown ul li{ display: block; border:solid #FFF; border-width: 0 0 1px 0; text-decoration: none; color:#FFF; font-family: 'TradeGothicLTStdCond'; font-size: 20px; padding:20px 0 20px 0; }
  	.wrap-mobile-dropdown ul li a{ color:#FFF; text-decoration: none; -moz-border-radius:10px; border-radius:10px; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; padding:15px 25px 8px 25px; }
  	.wrap-mobile-dropdown ul li.current-menu-item a, .wrap-mobile-dropdown ul li a.custom-current-menu{ background-color: #BBB; }

  	.page-header-colorbar{ display: block; width: 150px; height: 5px; background-repeat:no-repeat; background-size: cover;}

	#wrap-home-about{ margin: 0 auto; width: 90%; display: block; min-height: 300px; background:; padding: 40px 0 0 0;}

	#wrap-home-about .section-title{ font-size:30px; color:#FFF; margin: 30px 0 0 0; font-family: 'TradeGothicLTStdCond';}

	#wrap-home-about .section-content{ margin: 30px 0 0 0;}

	#wrap-home-about .section-content h1{ font-size: 30px; font-weight: normal; font-family: 'TradeGothicLTStdCond'; width: 60%; padding:0; margin:0;}

	#wrap-home-about .section-content p{ font-size: 16px; font-weight: normal; font-family: 'TradeGothicLTStdLight'; width: 100%;}

	#wrap-home-client{ margin: 0 auto; width: 90%; display: block; min-height: 300px; background:; padding: 40px 0 0 0;}

	#wrap-home-client .section-title{ font-size:30px; color:#FFF; margin: 30px 0 0 0; font-family: 'TradeGothicLTStdCond';}

	#wrap-home-client .section-content{ margin: 30px 0 0 0; }

	#wrap-home-client .section-logos{ display: block; width: 100%; margin-top: 30px;}

	#wrap-home-client .section-logos .wrap-logo{ width: 25%; height: 70px; display: flex; float: left; align-items: center; justify-content: center; margin:0 4% 30px 4%; background-repeat: no-repeat; background-size: contain; background-position:center center; }

	#wrap-home-socials{ padding: 0 0 0 0; margin: auto; width: 90%; display: block;}

	#wrap-home-socials .wrap-social-buttons{ display: block; text-align: center;}

	#wrap-home-socials .wrap-social-buttons a{ margin: 0 15px 0 15px; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; background-size: 100px 100px; background-position: center 25px; padding: 140px 0 0 0; text-align: center; font-size: 20px; font-family: 'TradeGothicLTStd'; color:#FFF; text-decoration: none; min-width: 150px;  display: inline-block; background-repeat: no-repeat;}

	footer{ display: block; width: 100%; margin-top: 100px;  margin-bottom: 40px;}

	#wrap-footer{ width: 90%; margin: auto;}

	#wrap-footer .column-1{ width: 39%; display: block;float:left; padding: 0 1% 0 0; border-right:#808080 solid 1px; }

	#wrap-footer .column-1 .title{ font-family: 'TradeGothicLTStdCond'; font-size: 16px; color:#FFF; margin-bottom: 5px;}

	#wrap-footer .column-1 .content{ font-family: 'TradeGothicLTStdLight'; font-size: 12px; color:#FFF; font-weight: normal;}

	#wrap-footer .column-1 .content p{ margin: 0 0 2px 0;}

	#wrap-footer .column-1 .title.margintop{ margin-top: 30px;}

	#wrap-footer .column-2{ width: 36%; display: block;float:left; padding: 0 0 0 4%; }

	#wrap-footer .column-2 .title{ font-family: 'TradeGothicLTStdCond'; font-size: 16px; color:#FFF; margin-bottom: 10px;}

	#wrap-footer .column-2 .content{ font-family: 'TradeGothicLTStdLight'; font-size: 12px; color:#FFF; font-weight: normal;}

	#wrap-footer .column-2 .content p{ margin: 0 0 2px 0;}
	#wrap-footer .column-2 .content p strong{ font-family: 'TradeGothicLTStdCond'; font-size: 16px;}

	#wrap-footer .column-2 .title.margintop{ margin-top: 30px;}

	#wrap-footer .column-3{ width: 18%; display: block;float:right; height: auto;}
	#wrap-footer .column-3 a.footer-logo{ display: block; float:right; width:50px; height: 100%; background: url('assets/img/logo-aidea-footer.svg') center center no-repeat; background-size: contain;}

	#wrap-archive-work{ display: block; width: 90%; min-height: 200px; margin: 0 auto 40px auto;}
	#wrap-archive-work .grid-images-layout{ display: block; width:100%; min-height: 300px;}

	.element-item{ color:#FFF; position: relative; width: 48%;  overflow: hidden; margin: 1%; background:#1F1F1F; text-decoration: none;}
	.element-item .caption { display: none; }
	.element-item .caption-mobile{ display: block; padding:6px; }
	.element-item .caption-mobile .title{ display: block; text-align: center; font-family: 'TradeGothicLTStdCond'; font-size: 18px; font-weight: normal; } 
	.element-item .caption-mobile .sub-separator{ display: block; width: 100%; height: 1px; background-image: url('assets/img/color-line-01.svg'); background-size: cover; margin:5px 0 7px 0; }
	.element-item .caption-mobile .sub-title{ display: block; text-align: center; font-family: 'TradeGothicLTStdLight'; font-size: 12px; margin-bottom: 5px; }
	.slide-up:hover img { -webkit-transform: translateY(0); transform: translateY(0); }

	.wrap-grid-control{ display: block; width: 90%; text-align: center; margin:30px auto;}
	.wrap-grid-control .grid-control{ display: block; width: 160px; background: #FFF; -webkit-border-radius: 10px; -moz-border-radius:10px; border-radius:10px; min-height: 10px; padding: 5px 0 5px 10px; position: static; z-index: 100; margin-bottom: 10px;}
	.wrap-grid-control .grid-control.two{ position: static; z-index: 100; margin-left: 0;}
	.wrap-grid-control .grid-control .label .text{ color:#000; font-family: 'TradeGothicLTStdCond'; font-size: 16px; width: 130px; height: 30px; display: flex; align-content: center; align-items: center; float:left; text-align: left;}
	.wrap-grid-control .grid-control .label .button{ width: 30px; height: 30px; display: block; float:left;}

	.wrap-grid-control .grid-control .label .button.down, .wrap-grid-control .grid-control .label .button.up{ background-size:15px auto;}

	.work-popup{ background-color: #333333; overflow: hidden; }
	.work-popup-video{ float: none; display: block; width: 100%; height: 50%;}
	.work-popup-video iframe{ width: 100%; height: auto; }
	.work-popup-content{ float: none; display: block; overflow-y: auto; width: 100%; }
	.work-popup-content .title{ font-family: 'TradeGothicLTStdCond'; font-size: 20px; padding: 20px 20px 0 20px; margin:0; }
	.work-popup-content .content{ font-family: 'TradeGothicLTStdLight'; font-size: 12px; padding: 0 20px 10px 20px; margin:0 0 10px 0; max-height: 200px; overflow-y: auto; }
	.work-popup-content a.download{ width: 120px; padding: 10px 10px 6px 10px; background: url('assets/img/arrow-down-white.svg') no-repeat; background-position: 90px 8px; background-size: 20px 20px; border:solid 1px #FFF; -webkit-border-radius: 15px; -moz-border-radius:15px; border-radius:15px; font-size: 18px; color:#FFF; text-decoration: none; display: block; text-align: left; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; font-family: 'TradeGothicLTStdCond'; background-color: transparent; cursor: pointer; margin:0 0 20px 20px; }
	.work-popup-content a.download:hover{ background-position: 90px 12px; }
	.work-popup-content .page-header-colorbar{ display: block; width: 200px; height: 10px; background-repeat:no-repeat; background-size: contain; margin: 20px 0 0 20px;}

	#wrap-page-people{ width: 94%; margin:auto; }
	#wrap-page-people .page-header-colorbar{ display: none; }

	#wrap-page-people .section-upper{ display: block; width: 96%; margin:0 auto 20px auto;}

	#wrap-page-people .section-upper h1{ font-size:30px; color:#FFF; margin: 30px 0 0 0; font-family: 'TradeGothicLTStdCond'; font-weight: normal;}

	#wrap-page-people .wrap-team-items{ display: flex; flex-wrap: wrap; }

	#wrap-page-people .section-team-item{ display: block; width: 46%; margin:2%; float: none; overflow: hidden;}

	#wrap-page-people .section-team-item .image{ width: 100%; display: block; float:none; margin-right: 0; margin-bottom: 20px; min-height: 100px;}

	#wrap-page-people .section-team-item .image img{ max-width: 100%; height: auto; display: block; margin: 0; padding: 0;}

	#wrap-page-people .section-team-item .desc{ width: 100%; display: block; float:none; min-height: 100px;}

	#wrap-page-people .section-team-item .desc h2.name{ font-family: 'TradeGothicLTStdCond'; font-size: 22px; font-weight: normal; margin: 0; padding: 0;}

	#wrap-page-people .section-team-item .desc .jobtitle{ font-family: 'TradeGothicLTStdCond'; font-style: italic; font-size: 15px; font-weight: normal; margin: 8px 0 0 0; padding: 0; }

	#wrap-page-people .section-team-item .desc .shortbio{ font-family: 'TradeGothicLTStdLight'; font-size: 14px; font-weight: normal; margin: 10px 0 10px 0; display: block;}

	#wrap-page-people .section-team-item .desc .shortbio a{ color:#FFF; }

	#wrap-page-people .section-team-item .desc .shortbio a.readmore{ width: 80px; padding: 6px 0 4px 6px; background: url('assets/img/right-arrow.svg') no-repeat; background-position: 70px 7px; background-size: 12px 12px; border:solid 1px #FFF; -webkit-border-radius: 6px; -moz-border-radius:6px; border-radius:6px; font-family: 'TradeGothicLTStd'; font-size: 12px; color:#FFF; text-decoration: none; display: block; margin: 20px 0 0 0; float:right; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}

	#wrap-page-people .section-team-item .desc .shortbio a.readmore:before{ clear: both; content: ''; }


	#wrap-page-people .section-bottom{ width: 96%; min-height: 100px; display: block; margin: 40px auto 0 auto;}

	#wrap-page-people .section-bottom .head-title{ font-size:30px; color:#FFF; margin: 40px 0 40px 0; font-family: 'TradeGothicLTStdCond'; }

	#wrap-page-people .section-bottom .title{ width: 100%; margin-right: 20px; display: block; float:none; font-family: 'TradeGothicLTStdCond'; font-size: 25px; text-align: left; padding: 0;}

	#wrap-page-people .section-bottom .content{ width: 100%; display: block; float:none; font-family: 'TradeGothicLTStdLight'; font-size: 40px; font-size: 14px; font-weight: normal; padding: 6px 0 0 0;}

	#wrap-page-people .section-bottom .clear{ height: 40px;}
	
	#wrap-single-page{ display: block; width: 90%; margin: 40px auto 40px auto; }

	#wrap-single-page h1.title{  font-size:22px; color:#FFF; margin: 0 0 0 0; font-family: 'TradeGothicLTStdCond'; font-weight: normal; }

	#wrap-single-page .title-separator{ display: block; width: 200px; height: 1px; background:url('assets/img/color-line-02.svg') left center no-repeat; margin-bottom: 10px; background-size: cover;}

	#wrap-single-page .page-header-colorbar{ margin-bottom: 70px;}

	#wrap-single-page .sub-title{ margin: 0 0 10px 0; padding: 0 0 20px 0; font-family: 'TradeGothicLTStdCond'; font-style: italic; font-size: 14px; }

	#wrap-single-page .img{ display: block; padding: 0; margin: 0 0 20px 0;}

	#wrap-single-page .img img{ max-width: 100%; height: auto; display: block; margin: auto;}

	#wrap-single-page .content{ display: block; font-family: 'TradeGothicLTStdLight'; font-size: 14px; }

	#wrap-single-page a.button-back{ width: 45px; height: 14px; padding: 6px 10px 4px 0; border:solid 1px #FFF; display: block; float: right; font-family: 'TradeGothicLTStd'; font-size: 12px; color:#FFF; text-decoration: none; -webkit-border-radius: 10px; -moz-border-radius:10px; border-radius:10px; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; background-image:url('assets/img/arrow-left.svg'); background-size:14px auto; background-position: 3px 5px; background-repeat: no-repeat; cursor: pointer; text-align: right;}

	#wrap-single-page a.button-back:hover{ background-position: 1px 5px;  }

	#wrap-page-achievement{ display: block; width: 96%; margin: 40px auto 40px auto;}

	#wrap-page-achievement a.btn-readmore{ width: 120px; padding: 10px 0 6px 10px; background: url('assets/img/right-arrow.svg') no-repeat; background-position: 105px 6px; background-size: 20px 20px; border:solid 1px #FFF; -webkit-border-radius: 15px; -moz-border-radius:15px; border-radius:15px; font-family: 'TradeGothicLTStd'; font-size: 14px; color:#FFF; text-decoration: none; display: block; margin: 20px 0 20px 0; float:right; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}

	#wrap-page-achievement a.btn-readmore:hover{ background-position: 110px 6px;}

	#wrap-page-achievement .wrap-item-achievement{ border: solid #575757; border-width: 0 0 1px 0; padding:4% 0 4% 0; }
	#wrap-page-achievement .wrap-item-achievement.top-border{ border-width: 1px 0 1px 0; }
	#wrap-page-achievement .wrap-item-achievement .image{ width: 35%; height: auto; overflow: hidden; position: relative; display: block; float:left; margin-right: 4%; margin-left: 6%;}
	#wrap-page-achievement .wrap-item-achievement .image:after{ content: ""; display: block; padding-bottom: 100%;}

	#wrap-page-achievement .wrap-item-achievement .image img{ max-width: 100%; height: auto; }
	#wrap-page-achievement .wrap-item-achievement .content{ width: 55%; display: block; align-items: center; justify-content: center; float:left; height: auto; }
	#wrap-page-achievement .wrap-item-achievement .content .wrap{ display: block; width: 100%; }
	#wrap-page-achievement .wrap-item-achievement .content .wrap .title span{ font-family: 'TradeGothicLTStdCond'; font-size: 18px; background-image: url('assets/img/color-line-03.svg'); background-repeat: repeat-x; background-position:bottom left; display: inline-block; padding-bottom: 2px; margin-bottom: 15px; background-size: 300px 2px;}
	#wrap-page-achievement .wrap-item-achievement .content .wrap .sub-title{ font-size: 12px; margin-bottom: 10px; }
	#wrap-page-achievement .wrap-item-achievement .content .wrap .excerpt{ font-size: 12px; margin-bottom: 10px; }
	#wrap-page-achievement .wrap-item-achievement .content .wrap .button a{ width: 80px; height: 18px; padding: 6px 0 0 6px; background: url('assets/img/right-arrow.svg') no-repeat; background-position: 70px 6px; background-size: 12px 12px; border:solid 1px #FFF; -webkit-border-radius: 6px; -moz-border-radius:6px; border-radius:6px; font-family: 'TradeGothicLTStd'; font-size: 12px; color:#FFF; text-decoration: none; display: block; margin: 10px 0 0 0; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}

	#wrap-page-achievement .wrap-item-achievement .content .wrap .button a:hover{ background-position: 73px 6px;  }

	#wrap-single-achievement{ display: block; width: 90%; margin: 40px auto 40px auto; }
	#wrap-single-achievement.custom-layout{ display: block; width: 90%; margin: 40px auto 40px auto; }
	#wrap-single-achievement .image{ display: block; width: 100%; margin-right: 0; min-height: 100px;  }
	#wrap-single-achievement .image img{ max-width: 100%; }
	#wrap-single-achievement .content{ display: block; width: 100%;  }
	#wrap-single-achievement .content .wrap{ display: block; width: 100%; }
	#wrap-single-achievement .content .wrap .text{ line-height: 18px; font-size: 14px; }

	#wrap-single-achievement .awards-list{ display: block; float: none; width: 100%; min-height: 100px; margin-right: 0; margin-top:20px;}
	#wrap-single-achievement .awards-image{ display: none; float: none; width: 100%;  min-height: 100px; }
	#wrap-single-achievement .awards-image img{ max-width: 100%; height: auto; }
	#wrap-single-achievement h1{ display: block; width: 100%; font-weight: normal; font-family: 'TradeGothicLTStdCond'; margin:0; padding:0; font-size:30pt; color:#FFF; font-weight: normal; background-image: url('assets/img/color-line-04.svg'); background-repeat: no-repeat; background-position:bottom left; display: inline-block; padding-bottom: 15px; margin-bottom: 30px; background-size: 385pt 5pt; }
	#wrap-single-achievement .awards-list .award-item{ display: block; margin-bottom: 20px; cursor: pointer; }
	#wrap-single-achievement .awards-list .award-item .title{ font-family: 'TradeGothicLTStd'; font-size: 20px; font-weight: bold; margin-bottom: 10px; }
	#wrap-single-achievement .awards-list .award-item .sub-title p{ margin:0 0 5px 0; padding:0; font-family: 'TradeGothicLTStdLight'; font-size:12px; }

	#wrap-single-achievement .mobile{ display: block; }
	#wrap-single-achievement .mobile h2, #wrap-single-achievement.custom-layout .mobile h2{ background-image: url('assets/img/color-line-01.svg'); display: inline-block; margin:0 0 10px 0; padding: 0 0 6px 0; background-position: left bottom; background-size: contain; background-repeat: no-repeat; font-family: 'TradeGothicLTStdCond'; font-size: 22px; font-weight: normal; }
	#wrap-single-achievement .mobile .sub-title{ margin-bottom: 20px; font-family: 'TradeGothicLTStdLight'; font-size: 14px; }

	#wrap-single-achievement a.button-back{ width: 45px; height: 14px; padding: 6px 10px 4px 0; border:solid 1px #FFF; display: block; float: right; font-family: 'TradeGothicLTStd'; font-size: 12px; color:#FFF; text-decoration: none; -webkit-border-radius: 10px; -moz-border-radius:10px; border-radius:10px; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; background-image:url('assets/img/arrow-left.svg'); background-size:14px auto; background-position: 3px 5px; background-repeat: no-repeat; cursor: pointer; text-align: right;}

	#wrap-single-achievement a.button-back:hover{  background-position: 0px 5px; }

	#wrap-single-achievement.custom-layout a.button-back{ margin-top: 20px; }

	#wrap-single-achievement .wrap-mobile-awards-slide{ display: block; width: 100%; height: auto; }
	#mobile-awards-slides img{ display: block; max-width: 100% !important; height: auto !important; }
	#mobile-awards-slides .slick-prev{ left: 10px; z-index: 1000; background-image:url('assets/img/nav-slide-prev.svg'); width: 20px; height: 20px; }
	#mobile-awards-slides .slick-prev:before{ content: ''; }
	#mobile-awards-slides .slick-next{ right: 10px; z-index: 1000; background-image:url('assets/img/nav-slide-next.svg'); width: 20px; height: 20px; }
	#mobile-awards-slides .slick-next:before{ content: ''; }

	#wrap-page-contact{ width: 90%; margin: 40px auto 40px auto; background:; }

	#wrap-page-contact h1.page-title{ font-size: 30px; font-weight: normal; font-family: 'TradeGothicLTStdCond'; width: 60%; padding:0; margin:0 0 20px 0;}

	#wrap-page-contact .section-upper{ display: block; font-size:16px; font-family: 'TradeGothicLTStdLight';}

	#wrap-page-contact .section-middle{ width: 100%; height: auto; display: block; margin: 40px auto 40px auto;}

	#wrap-page-contact .section-middle .content{ font-family: 'TradeGothicLTStdLight'; text-align: left; display: block; line-height: 12px; margin-bottom: 40px;}

	#wrap-page-contact .section-middle .content p{ font-size: 14px;}

	#wrap-page-contact .section-middle .content strong{ font-family: 'TradeGothicLTStdLight'; font-weight: bold; font-size: 14px;}

	#wrap-page-contact .section-middle .column-1{ width: 100%; height: auto; display: block; float:none;}

	#wrap-page-contact .section-middle .column-2{ width: 100%; height: auto; display: block; float:none;}

	#wrap-page-contact .section-middle .column-3{ width: 100%; height: auto; display: block; float:none;}

	#wrap-page-contact .button-internship{ display: block; margin: 0 0 80px 0; width: 100%; }

	#wrap-page-contact .button-internship a{ width: 290px; padding: 10px 0 6px 10px; background: url('assets/img/right-arrow.svg') no-repeat; background-position: 265px 8px; background-size: 25px 25px; border:solid 1px #FFF; -webkit-border-radius: 15px; -moz-border-radius:15px; border-radius:15px; font-size: 22px; color:#FFF; text-decoration: none; display: block; margin: auto; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; font-family: 'TradeGothicLTStdCond';}

	#wrap-page-contact .button-internship a:hover{ background-position: 275px 8px;}

	#wrap-page-contact .contact-form{ width: 100%; min-height: 200px; display: block; margin: 0 auto 40px auto; background:;}

	#wrap-page-contact .contact-form .contact-input{ display: block; margin: 0 0 15px 0; padding: 2%; background: #272727; border:solid 0; outline-color: none; width: 96%; font-family: 'TradeGothicLTStdLight'; font-size: 18px; color:#FFF; outline: none;}

	#wrap-page-contact .contact-form .contact-textarea{ display: block; margin: 0 0 20px 0; padding: 2%; background: #272727; border:solid 0; outline-color: none; width: 96%; font-family: 'TradeGothicLTStdLight'; font-size: 18px; color:#FFF; outline: none;}

	#wrap-page-contact .contact-form .contact-button{ width: 180px; height: 35px; padding-top: 7px; display: block; margin: 35px auto 50px auto; background: #272727; border:solid 0; color:#FFF; align-items: center; justify-content: center; font-size: 18px; font-family: 'TradeGothicLTStdLight'; cursor:pointer; outline: none;}

	#wrap-page-contact .contact-form #loader{ padding: 0; background: rgba(255,255,255,0.3); width: 100%; margin: auto; -webkit-border-radius: 5px; -moz-border-radius:5px; border-radius:5px; font-family: 'TradeGothicLTStdLight'; display: none; text-align: center;}

	#wrap-page-contact .contact-map{ width: 100%; height: 250px; display: block;}
	#wrap-page-contact .section-bottom{ font-family: 'TradeGothicLTStdBoldObl'; font-weight: normal; margin: 40px 0 0 0; }
	#wrap-page-contact .section-bottom p{ font-size: 25px; margin:0; padding: 0; }

	#wrap-page-contact .form-apply{ margin:40px 0 0 0; }
	#wrap-page-contact .form-apply input[type="text"]{ display: block; float: none; width: 100%; border:solid 0; padding: 6px 0 6px 0; margin: 0 10% 40px 0; border:solid #FFF; border-width: 0 0 1px 0; color:#9D9D9C; font-family: 'TradeGothicLTStdLight'; font-size: 16px; background-color: transparent; outline: none; }
	#wrap-page-contact .form-apply input[type="text"].nomargin{ margin-right: 0; }
	#wrap-page-contact .form-apply .upload-label{ font-size: 16px; margin-bottom: 10px; display: block; }
	#wrap-page-contact .form-apply .upload-label.second{ margin-top: 40px; }
	#wrap-page-contact .form-apply input[type="file"]{ margin-bottom: 10px; background-color: transparent; }
	#wrap-page-contact .form-apply input[type="submit"]{ width: 120px; padding: 10px 0 6px 20px; background: url('assets/img/right-arrow.svg') no-repeat; background-position: 85px 8px; background-size: 25px 25px; border:solid 1px #FFF; -webkit-border-radius: 15px; -moz-border-radius:15px; border-radius:15px; font-size: 22px; color:#FFF; text-decoration: none; display: block; text-align: left; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; font-family: 'TradeGothicLTStdCond'; background-color: transparent; cursor: pointer;  margin-top: 40px;}
	#wrap-page-contact .form-apply span{ font-size: 10px; display: block; }
	#wrap-page-contact .alert-apply{ display: block; margin: 20px 0 0 0; }

	#wrap-page-contact .form-apply input[type="submit"]:hover{ background-position: 95px 8px;}

	#wrap-page-contact .thankyou{ display: block; text-align: center; margin:150px 0 300px 0;}
	#wrap-page-contact .thankyou .title{ font-size: 40pt; font-weight: normal; font-family: 'TradeGothicLTStdCond'; margin-bottom: 20px;}
	#wrap-page-contact .thankyou .content{ font-size: 22px; font-weight: normal; font-family: 'TradeGothicLTStdCond'; margin-bottom: 20px;}
	#wrap-page-contact .thankyou .button-back a{ width: 60px; padding: 10px 20px 6px 20px; background: url('assets/img/arrow-left.svg') no-repeat; background-position: 10px 8px; background-size: 25px 25px; border:solid 1px #FFF; -webkit-border-radius: 15px; -moz-border-radius:15px; border-radius:15px; font-size: 22px; color:#FFF; text-decoration: none; display: block; text-align: right; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; font-family: 'TradeGothicLTStdCond'; background-color: transparent; cursor: pointer; margin:auto; }
	#wrap-page-contact .thankyou .button-back a:hover{ background-position: 5px 8px; }

	#wrap-home-mobile-project{ display: block; width: 100%; margin:40px auto 40px auto; min-height: 50px;  }
	#wrap-home-mobile-project .section-title{ font-family: 'TradeGothicLTStdCond'; font-size: 30px; font-weight: normal; color: #FFF;  margin: 0 auto 20px auto; width: 90%; }
	#wrap-home-mobile-project .wrap-projects .project-item a{ color:#FFF; text-decoration: none; outline: none; }
	#wrap-home-mobile-project .wrap-projects .project-item{ display: block;background: #1F1F1F; min-height: 150px; width: 200px; margin:0 10px 0 0; outline: none; }
	#wrap-home-mobile-project .wrap-projects .project-item .image{ display: block; width: 100%; margin-bottom: 5px;  }
	#wrap-home-mobile-project .wrap-projects .project-item .image img{ max-width: 100%; height: auto; display: block; }

	#mobile-projects-slide .slick-prev{ left: 10px; z-index: 1000; background-image:url('assets/img/nav-slide-prev.svg'); width: 20px; height: 20px; }
	#mobile-projects-slide .slick-prev:before{ content: ''; }
	#mobile-projects-slide .slick-next{ right: 10px; z-index: 1000; background-image:url('assets/img/nav-slide-next.svg'); width: 20px; height: 20px; }
	#mobile-projects-slide .slick-next:before{ content: ''; }

	#wrap-home-mobile-project .wrap-projects .project-item .captions .title{ display: block; text-align: center; font-family: 'TradeGothicLTStdCond'; font-size: 18px; font-weight: normal; } 
	#wrap-home-mobile-project .wrap-projects .project-item .captions .sub-separator{ display: block; width: 100%; height: 1px; background-image: url('assets/img/color-line-01.svg'); background-size: cover; margin:5px 0 7px 0; }
	#wrap-home-mobile-project .wrap-projects .project-item .captions .sub-title{ display: block; text-align: center; font-family: 'TradeGothicLTStdLight'; font-size: 12px; margin-bottom: 5px; }

	#wrap-home-partners .section-title, #wrap-home-partners .m{ display: none; }

	#mobile-partners-title{ width: 90%; margin:auto; display: block; }
	#mobile-partners-title .section-title{ font-size:30px; color:#FFF; margin: 30px 0 0 0; font-family: 'TradeGothicLTStdCond'; }

	/*#wrap-page-contact .content.address{  }*/

	#wrap-page-contact .icon{ display: block; float: left; width: 20%; margin-right: 10%; text-align: center;  background-repeat: no-repeat; font-size: 20px; }
	#wrap-page-contact .icon.address{ background-image:url('assets/img/icon-address.svg'); padding-top: 60px; background-size: 30px auto; background-position: center 0;  }
	#wrap-page-contact .icon.phone{ background-image:url('assets/img/icon-phone.svg'); padding-top: 60px; background-size: 30px auto; background-position: center 0;}
	#wrap-page-contact .icon.email{ background-image:url('assets/img/icon-email.svg'); padding-top: 45px; background-size: 40px auto; background-position: center 0; }
	#wrap-page-contact .content{ display: block; float: left; width: 70%; min-height: 50px;  }
	#wrap-page-contact .content.email{ padding-top: 20px; }

}

@media all and (max-width:480px){ 

	/*#wrap-home-partners{ display: none; }*/

	#wrap-home-socials .wrap-social-buttons a{ margin: 1%; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; background-size: 100px 100px; background-position: center 25px; padding: 140px 0 0 0; text-align: center; font-size: 14px; font-family: 'TradeGothicLTStd'; color:#FFF; text-decoration: none; width: 48%; min-width: 48%;  display: block; float:left; background-repeat: no-repeat;}

}

.page_content{
	width: 100%; margin:auto; 
  -ms-transform-origin: top left;
  -webkit-transform-origin: top left;
  transform-origin: top left;
  -webkit-transition: all 500ms ease-in-out !important;
  transition: all 500ms ease-in-out !important;
  display: block;
 
 }

