/* @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,600'); */
@font-face {
    font-family: 'antonioregular';
    src: url('fonts/antonio-regular.eot');
    src: url('fonts/antonio-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/antonio-regular.ttf') format('truetype'),
         url('fonts/antonio-regular.woff2') format('woff2'),
         url('fonts/antonio-regular.woff') format('woff'),
         url('fonts/antonio-regular.svg#antonioregular') format('svg');
    font-weight: normal; font-display: swap;
    font-style: normal;
  }
  @font-face {
    font-family: 'antoniobold';
    src: url('fonts/antonio-bold.eot');
    src: url('fonts/antonio-bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/antonio-bold.ttf') format('truetype'),
         url('fonts/antonio-bold.woff2') format('woff2'),
         url('fonts/antonio-bold.woff') format('woff'),
         url('fonts/antonio-bold.svg#antoniobold') format('svg');
    font-weight: normal; font-display: swap;
    font-style: normal;
  }
.slow {-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
/******* Hangling Button old *********/
.sticky-container {padding: 11px;margin: 6px; position: fixed;right: -250px;top: 128px;
width: 350px;height: 45px;z-index: 1;}
.sticky li {border-radius: 5px 5px;list-style-type: none;background-color:#f69c45;color:#00e5ff;height: 74px;padding: 0px;
margin: 0px 0px 1px 0px;transition: all 0.25s ease-in-out;cursor: pointer;
-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter: gray;-webkit-filter: grayscale(0%);}
.sticky li:hover {margin-left: -115px;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
-webkit-filter: grayscale(0%);}
.sticky li img {float: left;margin: 5px 5px;margin-right: 10px;}
.sticky li p {padding-top: 17px;margin: 0px;line-height: 38px;color: #fff;text-transform: uppercase;}
/******* Hangling Button new *********/
.hanging-container {position: fixed;right:0px;top: 128px;z-index: 1;}
.hanging-container ul { margin: 0; padding: 0; list-style: none;}
.hanging-container ul li { background: #ccc;text-align: center;border-radius:6px 0 0 6px;  margin-bottom:15px;}
.hanging-container ul li:first-child {background: #92dd54;}
.hanging-container ul li:last-child {background: #2bb6ef;}
.hanging-container ul li:hover {box-shadow: 0px 3px 10px rgba(0,0,0,0.3);}
.hanging-container ul li a {color: #fff;text-decoration: none;display: block;padding: 10px;border-radius:6px 0 0 6px; }
.hanging-container ul li p {margin: 0;line-height: 16px;margin: 5px 0 0 0;letter-spacing: 0.5px;text-shadow:0 1px 1px rgba(0,0,0,0.5);}
.hanging-container ul li img {width:40px;}
/******* Go to Top *********/
#back2Top {width: 40px;line-height: 40px;overflow: hidden;z-index: 999;display: none;cursor: pointer;font-size: 30px;
-moz-transform: rotate(270deg);-webkit-transform: rotate(270deg);-o-transform: rotate(270deg);text-align: center;
-ms-transform: rotate(270deg);transform: rotate(270deg);position: fixed;text-decoration: none;
bottom: 50px;right: 0;background-color: #DDD;color: #555;}
#back2Top:hover {background-color: #DDF;color: #000;}
h1.fs1{letter-spacing: 0;}
/******* AgentX Page *********/
.agentx-page h2.pi-has-bg:after {margin-bottom:-11px;}
.agentx-page .highlight-txt {color:#609ddb; font-weight:200;}
.agentx-page .highlight-txt span { font-weight:400;}
.agentx-page .services-box {min-height:350px;    overflow: hidden;}
.agentx-page .services-box h4 { font-size: 18px;}
.agentx-page .services-box h4::after {background: url(../img/bg-heading.png); position: relative;
left: 18px;content: "";display: inline-block;width: 200%;height: .75em;margin: 0 -200% 0 0;}
.agentx-page .services-box .img-area, .agentx-page .services-box p {margin-bottom:12px;}
.agentx-page .strip h2 {font-weight:200;}
.agentx-page .strip h2 span {font-weight:400;}
.agentx-page .strip .btn-row {margin:30px 0 10px 0;}
.agentx-page .strip .btn-row .btn {text-transform: none; letter-spacing:0.5px;padding: 8px 20px 7px; margin:0 6px;}
#agentxServices {padding-top:0px;}
.courtesy {font-size:11px; display: block; line-height: 16px;}
.courtesy a {color: #757575;}
.courtesy a:hover {color: #969696;}
/******* HUC Home Page Banner*********/
.huc-event-banner .caption {font-size: 30px; line-height:40px; font-weight: 200;font-family: 'Open Sans', sans-serif;}
.huc-event-banner .caption span {font-weight: 600;}  
.huc-event-banner .register-btn { margin-top:25px;}  
/******* Market Study Page*********/
.marketstudy-page .pi-header {padding-bottom: 75px;}
.marketstudy-page .pi-header-sticky .pi-row-block-logo { padding: 7px 0;}
.marketstudy-page .banner-content{width:60%;margin: 0 auto;}
.marketstudy-page .banner-content .h1 {font-size: 35px;padding-bottom: 15px;margin-bottom:20px;}
.marketstudy-page .banner-content h4 {font-weight: normal;font-size: 17px;margin-bottom: 20px;color: rgba(255,255,255,0.85);}
.marketstudy-page .banner-content p {margin-bottom:25px; color: #fff;} 
.marketstudy-page .distribution-form {text-align: left;}
.marketstudy-page .distribution-form .form-group {margin-bottom: 10px;} 
.marketstudy-page .distribution-form label {font-size: 13px;font-weight: normal;color: #fff;letter-spacing: 0.5px;margin-bottom: 2px;}
.marketstudy-page .distribution-form label .imp {color: #f58b3c;}
.marketstudy-page .distribution-form .form-control {background: #fff; height:35px;color:#a0a0a0;} 
.marketstudy-page .distribution-form .form-control::placeholder {color: #a0a0a0;}
.marketstudy-page .distribution-form .form-control:hover {background: #fff;} 
.marketstudy-page .distribution-form .btn-group {text-align: center;} 
.marketstudy-page .distribution-form .btn-group .btn {padding: 9px 55px;} 
.marketstudy-page article.content {padding:25px 0 15px 0;}
.marketstudy-page article.content ul {list-style: none;}
.privacy-policy {margin: 10px 0 27px 0!important;}

/****Cookie Css*****/
.cc-color-override-1392626670.cc-window {position: fixed;
z-index: 999;bottom: 0;width: 100%;background: #1C1C1C!important;padding:5px 18px 4px 18px!important; font-size: 13px;
display: flex;justify-content: space-between;flex-wrap: nowrap;background-color: #1C1C1C;color: #fff;transition: all .3s ease;
right: 0;border-radius: 0!important;max-width: 100%!important;flex-direction: row!important;align-items: center;}
.cc-color-override-1392626670.cc-window .cc-message {color:#fff; margin-bottom: 0!important;}
.cc-color-override-1392626670.cc-window .cc-message a {color: #ff7302;text-decoration: underline;}
.cc-color-override-1392626670.cc-window  .cc-btn.cc-dismiss {background: #f58b3c; cursor: pointer;border-radius: 4px;
background-image: none;color: #fff;padding: .5em 1.4em;margin: 5px 5px 5px 15px;border: 1px solid transparent;transition: all .3s ease;}
.cc-color-override-1392626670.cc-window .cc-btn.cc-dismiss:hover { background: #ff7302;}
.pi-row-lg .pi-social-icons-simple.pi-small {margin-bottom: 72px;}

.pi-section-white .pi-simple-menu>li.menu-btn a {color: #fff;}
.pi-section-white .pi-simple-menu>li.menu-btn span {padding: 8px 17px;}
.pi-section-white .pi-simple-menu>li.menu-btn>a>span:before {content: none;}
#listItem_hm.pi-simple-menu>li>a {padding: 0 13px;}
.home-menu li.pi-has-dropdown>a:after, .home-menu li.pi-has-dropdown>a:after {right: 3px;}

/****** HUC Event Slide *******/
.huc-event-slide .layer2 {font-weight:200; color: #fff; line-height:35px; margin:0px 0 5px 0; font-size:35px;}
.huc-event-slide .layer3 {margin: 0;font-size:18px;color: #ecbe43;font-weight:200;}

/****** WTM Event Slide *******/
.wtm-london-slide .layer2 img {width:210px;}
.wtm-london-slide .layer3 {margin: 0;font-size:31px;color: #000d2d;font-weight:200;}
.wtm-london-slide .layer4 {margin: 0;font-size:34px;color: #cf1871;font-weight:600;}
.wtm-london-slide .layer5 {margin: 0;font-size:16px;color: #000d2d;font-weight:600;}
.wtm-london-slide .layer6 .pi-btn-orange {background: #ed449f;border: 1px solid #ed449f;box-shadow: inset 0 1px 0 #f973bb;}

/****** Fitur Event Slide *******/
.fitur-slide strong {font-weight:600;}
.fitur-slide .layer3 {font-weight:300;color:#fff; font-size:25px;letter-spacing: 0.5px!important;}
.fitur-slide .layer4 {font-weight:300;color:#fff; font-size:20px;letter-spacing:0.5px!important;}

/****** ITB Event Slide *******/
.itb-slide .layer3 {font-size:38px;letter-spacing: 0.5px!important;}
.itb-slide .layer4 {color:#042b54;font-size:27px;letter-spacing:0.5px!important;}

/****** Webinar Slide *******/
.webinar-slide .layer2 {font-size: 38px;font-family: 'antonioregular';color:#fff;}
.webinar-slide .layer2 span {font-size:32px;}
.webinar-slide .layer3 {font-size:39px;font-family: 'antonioregular';color:#fff;}
.webinar-slide .layer3 strong {font-family: 'antoniobold';color: #f29f45;}
.webinar-slide .layer4 {color:#fff;font-size:21px!important; font-weight:300!important;letter-spacing: 0.5px;}
.webinar-slide .layer4 span {color: #f29f45;}








@media screen and (max-width: 768px) {
.pi-p-half {width: 100%;}
.marketstudy-page .banner-content {width: 100%;}
.cc-color-override-1392626670.cc-window {flex-wrap: wrap;flex-direction: column!important;}
.huc-event-slide .layer2 {line-height: 13px;font-size: 21px;}
.huc-event-slide .layer3 {font-size: 12px!important;}
.webinar-slide .layer2 {font-size:28px;}
.webinar-slide .layer2 span {font-size:20px;}
.webinar-slide .layer3 {font-size:32px;}
.webinar-slide .layer4 {font-size:17px!important;}

}
@media screen and (max-width: 425px){
.agentx-page .services-box {min-height: auto;margin-bottom: 30px;}
.hanging-container ul li {margin-bottom: 8px;}
.hanging-container ul li a {padding: 6px;}
.hanging-container ul li img {width: 30px;}
.hanging-container ul li p {line-height: 13px;font-size: 12px;}
.home-slider .btn.pi-btn-orange {padding: 9px;line-height:3px;font-size: 10px;}
.huc-event-slide .layer2 { line-height: 11px;font-size:15px;}
.huc-event-slide .layer2 img { padding: 0px 0px 2px 0px!important;}
.webinar-slide .layer2 {font-size:22px;}
.webinar-slide .layer2 span {font-size:12px;}
.webinar-slide .layer3 {font-size:22px;}
.webinar-slide .layer4 {font-size:11px!important;}

}
@media screen and (max-width: 400px){
.agentx-page .strip .btn-row .btn {margin: 6px;}
}
@media screen and (max-width:375px){
.huc-event-slide .layer2 { line-height:14px;font-size:12px;}
.huc-event-slide .layer2 img { padding:0px!important;}
.huc-event-slide .layer3 {font-size: 10px!important; line-height:10px!important;}
}