/* Fonts 
=========*/
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css');

@font-face {
    font-family: "Gotham";
    src: url('https://mkto.nomadmktg.com/rs/070-CHN-642/images/SPIEGotham-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Gotham";
    src: url('https://mkto.nomadmktg.com/rs/070-CHN-642/images/SPIEGotham-Book.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Gotham";
    src: url('https://mkto.nomadmktg.com/rs/070-CHN-642/images/SPIEGotham-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Gotham";
    src: url('https://mkto.nomadmktg.com/rs/070-CHN-642/images/SPIEGotham-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


/* Rest style 
==============*/
* { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
html, body.up, .up div, .up span, .up applet, .up object, .up iframe, .up h1, .up h2, .up h3, .up h4, .up h5, .up h6, .up p, 
.up blockquote, .up pre, .up a, .up abbr, .up acronym, .up address, .up big, .up cite, .up code, .up del, .up dfn, 
.up em, .up font, .up img, .up ins, .up kbd, .up q, .up s, .up samp, .up small, .up strike, .up strong, .up sub, 
.up sup, .up tt, .up var, .up dl, .up dt, .up dd, .up fieldset, .up form, .up label, 
.up legend, .up table, .up caption, .up tbody, .up tfoot, .up thead, .up tr, .up th, .up td, .up select, 
.up input, .up option { margin: 0; padding: 0; border: 0; outline: 0; }
html { -webkit-text-size-adjust: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
.up sub, .up sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
.up sup { top: -0.5em; }
.up sub { bottom: -0.25em }
.up button, .up input, .up select, .up textarea { font-size:100%; margin:0; vertical-align:baseline; box-shadow:none !important; }
.up input[type="button"], .up input[type="submit"] { -webkit-appearance: none !important; }
.up :focus { outline: 0; }
.up img { border:0 none; max-width:100%; vertical-align:bottom; }
.up a { text-decoration:none; outline:none; cursor:pointer; }
.up a:focus { text-decoration:none !important; outline:none !important; }
.up img { max-width: 100%; }
.up .cf:before,.up .cf:after { content:""; display: table }
.up .cf:after { clear: both; }
.up .cf { *zoom:1;}
.up .preloader { display: none; }

/* make buttons play nice in IE */
button,input[type=button]{width:auto;overflow:visible;}

/*Placeholder opacity cross browsers*/
.up input::-webkit-input-placeholder { opacity:1; } 

/* WebKit browsers */
.up input:-moz-placeholder { opacity: 1; }

/* Mozilla Firefox 4 to 18 */
.up input::-moz-placeholder { opacity: 1; }

/* Mozilla Firefox 19+ */
.up input:-ms-input-placeholder { opacity: 1; }

/* Internet Explorer 10+ */
.up textarea::-webkit-input-placeholder { opacity: 1; }

/* WebKit browsers */
.up textarea:-moz-placeholder { opacity: 1; }

/* Mozilla Firefox 4 to 18 */
.up textarea::-moz-placeholder { opacity: 1; }

/* Mozilla Firefox 19+ */
.up textarea:-ms-input-placeholder { opacity: 1; }

/* Internet Explorer 10+ */
.up button::-moz-focus-inner, input[type="submit"]::-moz-focus-inner { border: 0; }

/* Global Setup
=============== */
body.up { position:relative; margin:0; padding:0; font-size:20px; color:#000000; font-family: "Gotham"; font-weight:300; line-height:1.2; }
.up .txt2{ font-size:16px; line-height:1.1875; }
.up .wrapper { width:100%; opacity: 0;}
.up .main { max-width:1200px; margin: 0 auto; padding-right:15px; padding-left:15px; }
.up a{ transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; }

.up h1, .up h2, .up h3, .up h4, .up h5, .up h6,
.up h1 div, .up h2 div, .up h3 div, .up h4 div, .up h5 div, .up h6 div{ font-family: "Gotham"; color:#000000; }

.up h1,.up h1 div{ font-size:60px; font-weight:700; line-height:1.216666666666667; }
.up h2,.up h2 div{ font-size:40px; font-weight:700; line-height:1.2; }
.up h3,.up h3 div{ font-size:32px; font-weight:700; line-height:1.21875; }
.up h4,.up h4 div{ font-size:28px; font-weight:700; line-height:1.214285714285714; }
.up h5,.up h5 div{ font-size:20px; font-weight:300; line-height:1.227272727272727; }
.up h6,.up h6 div{ font-size:18px; font-weight:700; line-height:1.222222222222222; }

.up .bullets ul li{ position:relative; padding-left:35px; }
.up .bullets ul li:before{ content:''; width:5px; height:5px; border-radius:50%; position:absolute; top:5px; left:0; background-color:#f16b48; }

.up a{ color:#000000; }
.up a:hover{ }
.up a.btn{ min-width:140px; display: inline-block; background-color:#ed1c24; color:#fff; font-size:15px; font-weight:700; text-align:center; padding:12.74px 15px; line-height:1; }
.up a.btn:hover{ background: #d31e24; text-decoration:none; }
.up a.btn.v2:hover{ background: #fff; color: #d31e24 !important; text-decoration:none; }



.up .dis_flex{ display:flex; flex-wrap:wrap; }
.up .aic{ align-items:center; }
.up .jcsb{ justify-content:space-between; }
.up .jcc{ justify-content:center; }

.up .noListStyle ul{ margin:0; padding:0; list-style:none; }

.up .text-right{ text-align:right; }
.up .text-center{ text-align:center; }

.up .themeBgColor{ background-color:#fff; }
.up .themeFontColor{ color:#000; }


/* header style 
==========================*/
.up .header_section .main{ max-width:1200px }
.up .site_logo{ width:20%; }
.up .site_logo img{ width:95px; }
.up .site_menu{ width:80%; display: flex; align-items: center; gap: 10px; }
.up .site_menu ul{ margin:0; padding:0; list-style:none; text-align:right; }
.up .site_menu ul li{ display:inline-block; vertical-align:middle; margin-left:8.5%; }
.up .site_menu ul a{ font-weight:400; font-weight:500; display:inline-block; vertical-align:middle; font-size: 14px; line-height: 1.071428571428571; }
.up .site_menu ul a:hover{ color:#ed1c24; }
.up .site_menu ul { display: flex; align-items: center; gap: 30px; flex-wrap: wrap; justify-content: end; }


/* midd container style
=======================*/
.up .banner_sec{ background-size:cover; background-position:center center; background-repeat:no-repeat; }
.up .banner_sec.v2 h1 div,
.up .banner_sec.v2 h1{ color:#fff; }
.up .banner_sec a.btn{ margin-top: 60px; padding: 20px 20px; min-width: 200px; }



.up .Title_Form_Sec .txt{ margin-top: 26px; font-size: 24px; }
.up .form_main { margin:0 auto; width:600px; max-width:100%; }

.up .TwoColLCRI.whiteFont{ color:#fff; }
.up .TwoColLCRI.whiteFont h2,
.up .TwoColLCRI.whiteFont h2 div{ color:#fff; }

.up .TwoColLCRI .main{ max-width:1200px; }
.up .TwoColLCRI .dis_flex{ justify-content: space-between; }
.up .TwoColLeftContent { width:53%; padding-top: 58px; }
.up .TwoColLeftContent .txt{ margin-top:32px; }
.up .TwoColRightImage { width:40%; }

.up .TwoColLCRI.v2 .TwoColLeftContent{ padding-top:15px; }
.up .TwoColLCRI.v2 .TwoColLeftContent a.btn{ margin-top:55px; }


.up .TwoColLCRI.v3 .TwoColLeftContent{ padding-top:0; }
.up .TwoColLCRI.v3 .TwoColLeftContent .txt{ margin-top:32px; }
.up .TwoColLCRI.v3 .TwoColRightImage { width: 31%; margin-top: 16px; }

.up .TwoColLCRI.v3 .TwoColRightImage h6,
.up .TwoColLCRI.v3 .TwoColRightImage h6 div{ color:#fff; }
.up .TwoColLCRI.v3 .mktoForm .mktoLabel{ color:#fff !important; }
.up .TwoColLCRI.v3 form.mktoForm{ margin-top:28px; }
.up .TwoColLCRI.v3 .mktoForm input[type="text"], 
.up .TwoColLCRI.v3 .mktoForm input[type="url"],
.up .TwoColLCRI.v3 .mktoForm input[type="email"],
.up .TwoColLCRI.v3 .mktoForm input[type="tel"],
.up .TwoColLCRI.v3 .mktoForm input[type="number"],
.up .TwoColLCRI.v3 .mktoForm input[type="date"],
.up .TwoColLCRI.v3 .mktoForm textarea.mktoField, 
.up .TwoColLCRI.v3 .mktoForm select.mktoField{ border:1px solid #fff !important; background-color:#fff !important; }
.up .TwoColLCRI.v3 .mktoButton{ font-size:12px !important; min-width: 140px; background-color:#F9F9F9 !important; color:#000000 !important; }
.up .TwoColLCRI.v3 .mktoButton:hover{ background-color:#ed1c24 !important; color:#000000 !important; }

.up .TwoColTCB .main{ max-width: 1200px; }
.up .TwoColTCB .TCTCB_box { width:50%; padding-right:100px; }
.up .TwoColTCB .TCTCB_box .txt{ margin-top: 32px; font-size: 16px; }
.up .TwoColTCB .TCTCB_box a.btn{ margin-top:47px; }

.up .TwoColICB{ color:#fff; }
.up .TwoColICB .main{ max-width: 1200px; }
.up .TwoColICB .ICTCB_box { width:50%; margin-top:72px; padding-right:50px; }
.up .TwoColICB .ICTCB_box .txt{ margin-top: 21px; font-size: 16px; }
.up .TwoColICB .ICTCB_box a.btn{ margin-top:43px; }
.up .TwoColICB h2,
.up .TwoColICB h2 div{ color:#fff; }

.up .logos_sec{ color:#fff; }
.up .logos_sec h2,
.up .logos_sec h2 div{ color:#fff; }
.up .logo_box{ width:25%; padding:0 10px; margin-top: 38px; margin-bottom: 60px; }
.up .logo_box img { max-height: 29px; max-width: 180px; height: auto; }

.up .full_content{ color:#fff; }

.up .ThreeColTC .main{ max-width:1200px; }
.up .ThreeColTC_box { width: 22%; margin-right: 17%; }
.up .ThreeColTC_box:last-child{ margin-right:0 }
.up .ThreeColTC_box .txt{ font-size: 16px; line-height: 19.36px; margin-top: 32px; }

.up .banner_sec.v3 h1,
.up .banner_sec.v3 h1 div{ color:#fff; }



.up .videoIframe { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; margin-top:63px; }
.up .videoIframe iframe, 
.up .videoIframe video { left:0; top:0; position: absolute; width: 100%; height: 100%; }

.up .testimonial_sec .quoteImg{ margin-left:-90px; }
.up .testimonial_sec .main{ max-width: 1200px; }
.up .testimonial_sec .dis_flex{ margin-top: 64px; }
.up .testimonial_sec .client_logo{ width:30%; }
.up .testimonial_sec .client_comment{ width: 60%; margin-left: 8%; }
.up .testimonial_sec * + h5{ margin-top:22px; }

.up .TwoColLCRI.v4 .TwoColLeftContent{ padding-top:0; }
.up .TwoColLCRI.v4 form.mktoForm{ margin-top:16px; }
.up .TwoColLCRI.v4 .form_right{ width:43%; margin-top:0; background: #F9F9F9; padding:51px 40px 37px; }
.up .TwoColLCRI.v4 .form_right h6,
.up .TwoColLCRI.v4 .form_right h6 div{ color:#000000; }
.up .TwoColLCRI.v4 .form_right .mktoForm .mktoLabel{ color:#000000 !important; }
.up .TwoColLCRI.v4 .form_right .mktoForm input[type="text"], 
.up .TwoColLCRI.v4 .form_right .mktoForm input[type="url"], 
.up .TwoColLCRI.v4 .form_right .mktoForm input[type="email"], 
.up .TwoColLCRI.v4 .form_right .mktoForm input[type="tel"], 
.up .TwoColLCRI.v4 .form_right .mktoForm input[type="number"], 
.up .TwoColLCRI.v4 .form_right .mktoForm input[type="date"], 
.up .TwoColLCRI.v4 .form_right .mktoForm textarea.mktoField, 
.up .TwoColLCRI.v4 .form_right .mktoForm select.mktoField { border: 1px solid #000000 !important; background-color: #fff !important; }
.up .TwoColLCRI.v4 .mktoButton{ margin-top:5px !important; font-size:12px !important; min-width: 140px; }

.up .speaker_sec .main{ max-width:1200px; }
.up .speaker_sec h5,
.up .speaker_sec h5 div{ font-size:22px; line-height:1.210454545454545; }
.up .spaker_left{ width:57%; }
.up .spaker_left h3,
.up .spaker_left h3 div{ color:#000000; }
.up .spaker_left * + h5{ margin-top:24px; }
.up .spaker_right{ width:35.5%; }
.up .spaker_right h2,
.up .spaker_right h2 div{ font-size:45px; }

.up .speaker_box .speaker_img{ overflow:hidden; width:33.5%; }
.up .speaker_box .speaker_img img{ width:100%; }
.up .speaker_box .speaker_content{ width:57%; }
.up .speaker_box .speaker_content h5 + h5,
.up .speaker_box .speaker_content h5 + h5 div{ color: #000000; }
.up .speaker_box { margin-top: 25px; justify-content: space-between; align-items: center; }

.up .menu_icon{ display:none; cursor:pointer; font-size:35px; line-height:1; }

.up .mktoGen.mktoImg { display: inherit !important; line-height: inherit !important; }



/* # Footer new
================================================== */
.up .site-footer { padding: 60px 0; border-top: 1px solid #cccccc; }
.up .footer-top { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1.5fr; gap: 40px; padding-bottom: 40px; }
.up .footer-logo img { max-width: 65px; padding-top: 8px; }
.up .footer-col h3, .up .footer-col h3 div { font-size: 14px; line-height: 30px; font-weight: 700; }
.up .footer-col ul { list-style: none; padding: 0; margin: 0; }
.up .footer-col ul li, .up .footer-subscribe .subscribe-text { font-size: 13px; line-height: 30px; }
.up .footer-subscribe { min-width: 370px; width: 100%; }
.up .footer-subscribe .subscribe-text { margin-bottom: 10px; }
.up .subscribe-form { display: flex; margin-bottom: 30px; }
.up .subscribe-form input[type="email"] { flex: 1; border: 1px solid #CCCCCC; padding: 10px; border-radius: 0; }
.up .subscribe-form .btn { border: 1px solid #CCCCCC; border-left: none; padding: 10px 20px; }
.up .social-app-wrap { display: flex; justify-content: space-between; margin-top: 46px !important; }
.up .social-group { margin-bottom: 30px; }
.up .social-app-wrap h3, .up .social-app-wrap h3 div { font-weight: 400; font-size: 13px; line-height: 18px;}

.up .social-icons { display: flex; gap: 8px; justify-content: end; margin-top: 12px; }
.up .social-icons a { width: 28px; height: 28px; border-radius: 50%; border: 1px solid #000000; color: #000000; display: flex; align-items: center; justify-content: center; font-size: 16px; }
.up .footer-divider { margin-bottom: 30px; border-top: 1px solid #cccccc; }
.up .footer-bottom { display: flex; justify-content: space-between; align-items: center; font-size: 13px; line-height: 18px; color: #505050;}
.up .footer-bottom-links a { margin: 0 10px; }
.up .top-of-page-link { cursor: pointer; }

/* # Media Queries for Footer
================================================== */
@media (max-width: 1024px) {
    .up .footer-top { grid-template-columns: repeat(3, 1fr); }
    .up .footer-col.footer-logo { grid-column: 1 / -1; }
}
@media (max-width: 767px) {
    .up .footer-top { grid-template-columns: 1fr 1fr; }
    .up .footer-bottom { flex-direction: column-reverse; align-items: center; gap: 20px; text-align: center; }
}
@media (max-width: 580px) {
    .up .footer-top { grid-template-columns: 1fr; }
    .up .footer-subscribe { min-width: unset; width: 100%; }
    .up .social-group { margin-bottom: 20px; }
    .up .social-app-wrap { flex-direction: column; }
    .up .social-icons { justify-content: start; }
}


/* Form style 
==========================*/
.up .mktoForm { margin-top: 32px !important; }
.up form.mktoForm { width: 100% !important; float:left;}
.up .mktoForm fieldset legend{ margin:0; }
.up .mktoForm .mktoFormCol { width: 100% !important; float: left; margin-bottom: 0 !important; }
.up .mktoForm .mktoFormRow{ clear:none !important; }
.up .mktoForm .mktoFormRow { padding-bottom:6px !important; }
.up .mktoForm fieldset{ padding-right:0 !important;  }
.up .mktoForm fieldset .mktoFormRow{ padding-bottom:0 !important; }
.up .mktoForm fieldset .mktoFormRow .mktoFormCol{ float:left; width:46.5% !important; }
.up .mktoForm fieldset .mktoFormRow .mktoFormCol:nth-child(2){ float:right !important; }

.up .mktoForm .mktoFieldWrap { width: 100% !important; float: left; }
.up .mktoForm input[type="text"], .up .mktoForm input[type="url"], .up .mktoForm input[type="email"], 
.up .mktoForm input[type="tel"], .up .mktoForm input[type="number"], .up .mktoForm input[type="date"], 
.up .mktoForm textarea.mktoField, .up .mktoForm select.mktoField { width: 100% !important; 
  float: left; padding:8px 12px; color: #000000; font-size: 16px; background-color:transparent !important;
  font-family:"Gotham"; font-weight: 400; outline: 0 !important; border-radius:8px !important; 
  height:34.91px !important; border:1px solid #000000 !important; }

.up .mktoForm select.mktoField{ appearance:none; -webkit-appearance:none; background-image:url('http://070-CHN-642.mktoweb.com/rs/070-CHN-642/images/arrow-down-3101.png'); background-repeat:no-repeat; background-position:96% 14px; background-size: 12px; }
.up .mktoOffset { width: 0px !important; }
.up .mktoForm .mktoGutter { width: 0px !important; }
.up .mktoForm .mktoLabel { color:#000000 !important; font-size:16px !important; font-weight:500 !important; font-family: "Gotham"; padding:0 0 1px 0px !important; width: auto !important; line-height:21.75px; }
.up .mktoButtonRow span { margin-left: 0px !important; }
.up .mktoButtonRow { width: 100%; text-align: center !important; margin-top:15px !important; }
.up .mktoButton { background-color:#ed1c24 !important; 
  background-image: none !important; border: none !important; -webkit-border-radius:5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; min-width:171px; 
  padding: 10px 10px !important; color:#F9F9F9 !important; font-size: 12px !important; 
  font-weight: 400 !important; font-family: "Gotham" !important; 
  float: none; margin: 0 auto; display: inherit; height:44px !important; 
  max-width: 100% !important; border: none !important; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; }
.up .mktoButton:hover, 
.up .mktoButton:focus, .up .mktoButton.active { background-color:#000000 !important; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; }
.up .mktoForm textarea[rows="2"] { height: auto !important; border: none; }
.up .mktoForm .mktoRadioList, 
.up .mktoForm .mktoCheckboxList { padding: 0 !important; float: left; width: 100% !important; margin: 0 0 0 0 !important; }
.up .mktoForm input[type="checkbox"].mktoField + label, 
.up .mktoForm input[type="radio"].mktoField + label { position: relative !important; 
  cursor: pointer !important; padding-left:25px !important; 
  width: auto !important; margin:0 0 13px !important; line-height:21.75px !important; 
  font-size:16px !important; color:#000000 !important; font-family:"Gotham"; font-weight:500 !important; 
  float: left; clear: both; font-style: normal !important; }
.up .mktoForm input[type="checkbox"].mktoField,
.up .mktoForm input[type="radio"].mktoField { display:none; }
.up .mktoForm input[type="checkbox"].mktoField:not(old) + label{ position: relative; cursor: pointer; padding-left: 25px; width: auto; }
.up .mktoForm input[type="checkbox"].mktoField:not(old) + label:before { box-sizing: border-box; position: absolute; left: 0px; top: 4px; content: ''; width: 16px; height: 16px; border: 1px solid #000000; display: flex; align-items: center; justify-content: center; font-size: 12px; }
.up .mktoForm input[type="checkbox"].mktoField:not(old):checked + label:before { content:'\f00c'; font-family:'FontAwesome' !important; color:#000000; background-color:#ed1c24; }
.up .mktoForm input[type="radio"].mktoField:not(old) + label { position: relative; cursor: pointer; padding-left:30px; margin-bottom: 0 !important; width: auto; }
.up .mktoForm input[type="radio"].mktoField:not(old) + label:before { position: absolute; box-sizing:border-box; left:0px; top:3px; content: ''; width:16px; height:16px; border:1px solid #000000; border-radius:50%; }
.up .mktoForm input[type="radio"].mktoField:not(old):checked + label:before { content:'\f111'; font-family:'FontAwesome' !important; display: flex; align-items: center; justify-content: center; font-size:7px; background-color:#ed1c24; }
.up .mktoForm .mktoRequiredField .mktoAsterix { display: none !important; }
.up .mktoForm .mktoHtmlText { width:100% !important; }


.up .site-footer .mktoForm { display: flex !important; margin-top: 0 !important; }
.up .site-footer .mktoForm .mktoFormCol { width: 100% !important; height: 100% !important; }
.up .site-footer .mktoForm .mktoLabel { display: none; }
.up .site-footer .mktoButtonRow { width: 120px !important; }
.up .site-footer .mktoForm > div { width: 100%; }
.up .site-footer .mktoButton { height: auto !important; min-width: 120px !important; background-color: #CFCFCF !important; height: 40px !important; padding-left: 20px !important; padding-right: 20px !important; border: 1px solid #505050 !important; border-left: 0px !important; font-size: 13px !important; line-height: 18px !important; border-radius: 0 !important; color: #000 !important; }
.up .site-footer .mktoButtonRow span { width: 100% !important; }
.up .site-footer .mktoButtonRow { margin-top: 0 !important; }
.up .site-footer .mktoForm input[type="email"] { height: 100% !important; border-radius: 0 !important; }
.up .site-footer .mktoForm .mktoFieldWrap { height: 100% !important; }
.up .site-footer .mktoForm .mktoFormRow { padding-bottom: 0 !important; }
.up .site-footer .mktoForm > div { width: 100%; }