/* @import url('http://example.com/example_style.css'); */
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,400;0,700;0,900;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,500&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/*  Color */
 

 




/*  fonts  */   



/* flexbox */
















*{ box-sizing: border-box; }
*:focus{outline:none;}
::-moz-focus-inner{border:0;}

body { margin:0px; padding:0; font-family:  'Roboto', sans-serif; color:#8b8589; font-size: 16px; font-weight: 400; line-height: 28px; }
ul{margin:0px; padding:0px;}

a { -webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;; text-decoration:none; color: #19317b ; }
a:hover { color: #19317b; }
a:hover, a:focus{text-decoration:none; color: #19317b; }
p {  padding: 0;  margin: 0 0 25px; }
p:last-child { margin-bottom: 0; }

::-webkit-input-placeholder{opacity:1; color: #19317b; }
::-moz-placeholder{opacity:1; color: #19317b; } 
:-ms-input-placeholder{opacity:1; color: #19317b; }
:-moz-placeholder{opacity:1; color: #19317b; }

textarea, select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="file"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"]
{font-family:  ; border-radius:0; border:none; padding:10px; margin:0 0 15px 0; font-size:16px; font-weight:400; width: 100%;}
fieldset.form-columns-1 textarea.hs-input, fieldset.form-columns-1 select.hs-input fieldset.form-columns-1 input[type="text"].hs-input,  fieldset.form-columns-1 input[type="password"].hs-input,  fieldset.form-columns-1 input[type="datetime"].hs-input,  fieldset.form-columns-1 input[type="datetime-local"].hs-input, fieldset.form-columns-1 input[type="date"].hs-input, fieldset.form-columns-1 input[type="file"].hs-input, fieldset.form-columns-1 input[type="month"].hs-input, fieldset.form-columns-1 input[type="time"].hs-input, fieldset.form-columns-1 input[type="week"].hs-input, fieldset.form-columns-1 input[type="number"].hs-input, fieldset.form-columns-1 input[type="email"].hs-input, fieldset.form-columns-1 input[type="url"].hs-input, fieldset.form-columns-1 input[type="search"].hs-input, fieldset.form-columns-1 input[type="tel"].hs-input, fieldset.form-columns-1 input[type="color"].hs-input{width:100%;}
.hs-form fieldset.form-columns-1 textarea.hs-input, .hs-form fieldset textarea.hs-input, .hs-form fieldset input[type="number"].hs-input{width:100%;}
input[type="radio"], input[type="checkbox"]{margin-right: 10px;}
input[type="file"]{background-color:#fff; color:#8b8589;}
.inputs-list{margin:0 0 15px;}
input[type="submit"]{ font-family:  'Roboto', sans-serif ; color:#fff; cursor:pointer; -webkit-appearance: none; border-radius:0px; width:100%; border:none; box-sizing:border-box; background-color:; padding:18px 10px; font-weight:700; font-size:18px; display: inline-block; text-align: center; -webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;;}
input[type="submit"]::-moz-focus-inner{border: 0;}
textarea{resize:none;}

h1,h2,h3,h4,h5,h6{ margin-top:0px; margin-bottom:20px; font-family: 'Source Sans Pro', sans-serif; line-height: normal; font-weight:700; color: #19317b; } 
h1 { font-size: 50px; line-height: 65px; margin-bottom:20px; font-weight: 400; }
h2 { font-size: 40px; line-height: 48px; margin-bottom: 20px; }
h3 { font-size: 32px; line-height: 44px;  margin-bottom: 20px; }
h4 { font-size: 28px; line-height: 40px } 
h5 { font-size: 24px; line-height: 30px; } 
h6 { font-size: 20px; line-height: 32px; margin-bottom: 15px; }

h1 span { color: rgba(100, 85, 0 ,20); }

.row-fluid [class*="span"] {min-height: 0;}
strong { color: #19317b; }

.text-white { color: #fff; }
.text-white h3 , .text-white h4 , .text-white h2 { color: #fff; }
.mt-140{margin-top: 140px;}
.mb-140{margin-bottom: 140px;}

ul , li { list-style: none; }

.row-fluid .title-section { width: 100%; max-width: 780px; margin: auto; margin-bottom: 30px; }
.row-fluid .title-section .sub-title { margin-bottom: 20px; }

.default-btn .cta_button { padding: 12px 20px; font-size: 14px; line-height: normal; color: #fff; font-weight: 700; text-transform: uppercase;  border: 1px solid ; box-sizing: border-box !important; display: inline-block; text-align:center; position: relative; z-index: 1; -webkit-transition: all 500ms;
-moz-transition: all 500ms;
-ms-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;; border-radius: 90px; min-width: 150px; }
.bg-btn .cta_button { font-size: 20px; padding: 17px 30px; }
.default-btn .cta_button:hover { background: #19317b; border-color:#19317b; }

.bg-cover { background-size: cover; background-position: center; background-repeat: no-repeat; }
.b-radius-10 a , a.b-radius-10{ border-radius: 10px; }
.text-center { text-align: center; }
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-justify { text-align: justify; }

.no-padding {padding:0;margin:0;}
.row-fluid .padding-right-container[class*="span"] , .padding-right-container { padding-right: calc((100%  - 1170px) / 2); } 
.row-fluid .padding-left-container[class*="span"] , .padding-left-container { padding-left: calc((100%  - 1170px) / 2); }

.slick-arrow { font-size: 0; border: 0;width: 60px; height: 60px; color: rgba(100, 85, 0 ,20); cursor: pointer; position: absolute; padding: 0; border-radius: 2px;  top: 0; bottom: 0; margin: auto; -webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;; z-index:5; }
.slick-arrow:before {content: "\f104"; font-size: 26px;font-family: 'FontAwesome'; -webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;; }
.slick-next.slick-arrow:before { content: "\f105"; }
.main-wrap-arrows { display: inline-block; float: right;  background: #fff; position: absolute; right: 0; top: 0; overflow: hidden; }
.slick-prev.slick-arrow { padding-right: 0; left: -16px; }
.slick-next.slick-arrow { padding-left: 0; right: -16px; }
.slick-arrow.slick-disabled { opacity: 0; visibility: hidden; }
.slick-arrow:before { font-size: 0; background: url('https://7885496.fs1.hubspotusercontent-na1.net/hubfs/7885496/Brandbassador_2020/images/blog/chevron-left.svg') no-repeat center / contain; width: 15px; height: 24px; display: inline-block; }
.slick-next.slick-arrow:before { transform: scaleX(-1); }

.slick-arrow:hover { background: rgba(100, 85, 0 ,20); color: #fff; animation: heartbeat 1s; -webkit-animation: heartbeat ease 1.5s; -moz-animation: heartbeat ease 1.5s; -ms-animation: heartbeat ease 1.5s; }
.slick-arrow:hover:before { filter: brightness(0) invert(1); }

.list-style ul li:before {content: ""; position: absolute;left: 0;top: 8px;width: 16px;height: 16px;background: url('https://7885496.fs1.hubspotusercontent-na1.net/hubfs/7885496/Brandbassador_2020/images/list_icon.png') no-repeat center / contain;display: inline-block; }
.list-style ul li { position: relative; padding-left: 32px; }

.list-style2 ul { list-style: none; padding-left: 0; margin: 15px 0 20px; }
.list-style2 ul li { position: relative; padding-left: 15px; margin-bottom: 4px; }
.list-style2 ul li:before { content: "\2022"; width: 6px; height: 6px; display: inline-block; position: absolute; left: 0; top: 10px; color:rgba(100, 85, 0 ,20); font-size: 20px; line-height: 2px; font-weight: 300; }
.list-style2 ul:last-child { margin-bottom: 0; }

.slick-dots { text-align: center; margin-top: 20px; }
.slick-dots li { display: inline-block; margin: 0 4px; }
.slick-dots li button { font-size: 0; width: 8px; height: 8px; padding: 0; border: 0; border-radius: 100%; cursor: pointer; background: #6F6FCD;  opacity: 0.11; transition: all 0.5s; }
.slick-dots li.slick-active button { background: rgba(100, 85, 0 ,20); opacity: 1; width: 30px; border-radius: 90px; }

.hs-menu-wrapper.hs-menu-flow-vertical > ul li a { white-space: normal; }

.container, .row-fluid .container[class*="span"]{ float:none; width:100%; max-width: 1200px; padding: 0 15px; margin:0 auto; }
.container:before , .container:after , .row-fluid .container[class*="span"]:after , .row-fluid .container[class*="span"]:before{clear:both; content: ""; display:table;}

.container.container_780, .row-fluid .container.container_780[class*="span"] { max-width: 780px; }
.container.container_890, .row-fluid .container.container_890[class*="span"] { max-width: 890px; }
.row-fluid .container_right[class*="span"] , .container_right { padding-right: calc((100%  - 1170px) / 2); } 
.row-fluid .container_left[class*="span"] , .container_left { padding-left: calc((100%  - 1170px) / 2); }

.container_1300, .row-fluid .container_1300[class*="span"] { max-width: 1300px; }
.fancybox-slide--video .fancybox-content { overflow: visible !important; }
/* .fancybox-slide .fancybox-content { width: 100% !important; height: 100% !important; max-width: 720px; max-height: 404px; } */

.flex-container>.row-fluid-wrapper>.row-fluid, .flex-container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex }
/*  flex top */
.flex-container.top>.row-fluid-wrapper>.row-fluid, .flex-container.top { -webkit-box-align: start; -moz-box-align: start; -webkit-align-items: start; -ms-flex-align: start ; align-items: start; align-items: flex-start; }
/*  flex center */
.flex-container.center>.row-fluid-wrapper>.row-fluid, .flex-container.center { -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
/*  flex bottom */
.flex-container.bottom >.row-fluid-wrapper > .row-fluid , .flex-container.bottom { -webkit-box-align: end ; -moz-box-align: end ; -webkit-align-items: end; -ms-flex-align: end ; align-items: end ; align-items: flex-end ; } 
.reverse > .row-fluid-wrapper > .row-fluid , .reverse{ flex-direction: row-reverse; }
.fl100 { width: 100%; float: left; }
.link a { color: rgba(100, 85, 0 ,20) ; text-transform: uppercase; font-weight: 600; }
.link a i.fa { display: inline-block; position: relative; font-weight: 700; font-size: 20px; margin-left: 4px; transition: all 0.5s; left: 0; }
.link a:hover i.fa { left: 8px; }

/* ImgesSet */
.set-img { background-size: cover; background-position: center; background-repeat: no-repeat; }

.row-fluid .header-top { background: #19317b; color: #fff; text-align: right; position: relative; z-index: 2; }
.row-fluid .top-menu { width: auto; display: inline-block; float: none; margin: 0; }
.top-menu ul li { display: inline-block; }
.top-menu ul li a { color: #fff; text-transform: uppercase; font-size: 14px; font-weight: 600; padding: 10px 15px; display: inline-block; line-height: 24px; }
.top-menu ul li a:hover {  background: #fff; color: #19317b; }

.row-fluid .header-bottom { padding: 10px 0; position: relative; transition: all 0.5s; }
.row-fluid .header-bottom .logo img { transition: all 0.5s; }
.row-fluid .header-bottom .logo { width: 300px; vertical-align: middle; float: none; display: inline-block; }
.row-fluid .header-bottom .header-right { width: calc(100% - 304px); margin: 0; vertical-align: middle; float: none; display: inline-block;  padding-left: 30px; text-align: right; }

.row-fluid .menu .hs-menu-wrapper > ul > li { display: inline-block; padding-right: 34px; }
.row-fluid .menu .hs-menu-wrapper > ul > li > a { font-size: 18px; padding: 45px 0; position: relative; }
.row-fluid .menu .hs-menu-wrapper > ul > li > a:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 5px; background: #fff; transition: all 0.5s; opacity: 0; }
.row-fluid .menu .hs-menu-wrapper > ul > li:hover > a:after { opacity: 1; }

.row-fluid .header-bottom .search-btn { width: auto;  float: none;  margin: 0; display: inline-block; vertical-align: middle; }
.row-fluid .header-bottom .menu { width: auto;  float: none; display: inline-block; vertical-align: middle; }
.search-btn .hs-search-wrap { position: absolute; left: 0; right: 0; bottom: 0; height: 100%; background: #19317b ; display: flex; align-items: center; top: -100%; transition: all 0.5s; }
.search-btn .hs-search-wrap .hs-search-field { width: 100%; }
.search-btn .hs-search-wrap .hs-search-field input.hs-search-field__input { margin-bottom: 0; }
.search-icon { width: 20px; color: #fff; text-align: center; float: right; cursor: pointer; }
.search-btn .hs-search-wrap.search_opne { top: 0; }
.search-btn input.hs-search-field__input { background:#19317b; color:#fff; height: 60px; font-size: 24px; line-height: normal; border: 1px solid rgb(255 255 255 / 0.1); padding: 5px 22px; border-radius: 5px; }
.search-btn input.hs-search-field__input::placeholder { color: rgb(255 255 255 / 42%); }
.close-btn { color: #fff;  font-size: 40px; position: absolute; right: 0; top: 0; bottom: 0; height: 60px; display: flex; align-items: center; width: 60px; justify-content: center; cursor: pointer; }

.header { position: relative; z-index: 999; }
.home .header {  position: absolute; top: 0; }
.home .row-fluid .menu .hs-menu-wrapper > ul > li > a { color: #fff; }
.home .row-fluid .header-bottom .logo img { filter: brightness(0) invert(1); }

.fixed .header-bottom { position: fixed; top: 0; background: #fff; box-shadow: 0 0 20px 0 rgb(0 0 0 / 0.2); }
.home .fixed .header-bottom .logo img { filter: brightness(1) invert(0); }
.home .fixed .header-bottom .menu .hs-menu-wrapper > ul > li > a , .fixed .header-bottom .menu .hs-menu-wrapper > ul > li > a { color: #213880; padding: 34px 0; }
.home .fixed .row-fluid .menu .hs-menu-wrapper > ul > li > a:after { background: #19317b; }
.fixed .search-icon { color: #1e367d; }
.fixed .header-bottom .logo img { width: 100%; max-width: 220px !important; }
body:not(.home) .search-icon { color: #1e367d; }

.hero-section { padding: 240px 0 14%; position: relative; z-index: 1; overflow: hidden; }
.hero-section:before { content: ""; position: absolute; left: 0;right: 0;bottom: 0;background-image: url(https://3373047.fs1.hubspotusercontent-na1.net/hubfs/3373047/Stafftreats_2020/image/hero_ptn.png); background-position: center; background-size: 100% 100%; padding-top: 10%; }
.hero-section:after { content: ""; background: #19317b; position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0.2 ;z-index: -1; }
.hero-section .vidWrap { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; width: 100%; height: 100%; }
.hero-section .vidWrap video.vid { min-width: 100%; min-height: 100%; position: absolute; left: 50%; transform: translate(-50%, -50%); top: 50%; width: 100%; }
.hero-caption { width: 100%; max-width: 560px; color: #fff; }
.hero-caption h1 { color: #fff; }
.hero-text { margin-bottom: 40px; }
.hero-logo { padding-top: 50px; }

.services-info { margin-top: -4%; position: relative; z-index: 1; padding: 50px 0 90px; }
.serv-info-title { width: 34%; float: left; }
.serv-info-title h2 { font-size: 48px; line-height: 54px; }
.serv-info-content { width: 60%; float: left; padding-left: 40px; }
.serv-info-content .link { margin-top: 24px; }

.industries-section { background: #efefef; padding: 60px 0; }
.industries-list { width: 100%; max-width: 780px; margin: auto; }
.industries-list ul { margin: 0 -15px; }
.industries-list li { display: inline-block; padding: 5px 15px; line-height: 24px; }
.industries-list li a i.fa { background: #19317b; color: #fff; width: 24px; height: 24px; display: inline-block; text-align: center; border-radius: 100%; line-height: 24px; font-size: 16px; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; transition: all 0.5s; }
.industries-list li a i.fa:before { position: relative; left: 1px; }
.industries-list li a:hover i.fa { background: rgba(100, 85, 0 ,20); }
.industries-list li a:hover { color:rgba(100, 85, 0 ,20); }
.industries-list li a { position: relative; padding-left: 35px; }

.help-section { color: #fff; background: #19317b; padding: 60px 0; }
.help-section h2 { color: #fff; }
.help-row h4 { color: #fff; font-size: 24px; }
.help-box { width: 33.333%; display: inline-block; vertical-align: top; margin: 0 -2px; padding: 0 44px; border-right: 1px solid #fff; }
.help-box:last-child { border-right: none; }
.help-row { width: 100%; max-width: 858px; margin: auto; display: flex; }
.help-section .title-section { margin-bottom: 70px; }
.help-section a { color: #fff; font-weight: 700; }
.help-section a:hover { opacity:0.5; }
.help-text { margin-bottom: 25px; line-height: 24px; }

.services-section { padding: 60px 0; }
.services-top { text-align: center; margin-bottom: 58px; }
.tab-list { margin-bottom: 40px; }
.tab-list ul { position: relative; margin: 0 -10px; display: table; padding-right: 35px; }
.tab-list ul li { display: inline-block; text-transform: uppercase; font-size: 14px; padding: 4px 13px;vertical-align: middle; color: #19317b; border-radius: 90px; cursor: pointer; background: #fff; }
.tab-list ul li.active { background: #19317b; color: #fff; }
.tab-more { display: inline-block; vertical-align: middle; width: 30px; position: absolute; right: 0; top: 3px; bottom: 0; cursor: pointer; }
.tab-more ul { display: none; }
.tab-more:after { font-size: 20px; color: #19317b; line-height: 32px; content: "\f0ca"; font-family: 'FontAwesome'; }
.tab-more:hover ul { display: block; }
.tab-more ul { position: absolute; right: 0; top: 100%; width: 210px; background: #fff; box-shadow: 0 0 8px 0px rgb(0 0 0 / 0.2);  z-index: 2; padding-right: 0; }
.tab-more ul li { width: 100%; border-radius: 0; font-size: 12px; }
.services-section h2 { margin-bottom: 50px; }

.services-tab { display: flex;  }
.services-left { width: 500px; position: relative; margin-top: -80px; }
.services-right { width: calc(100% - 500px); padding-left: calc((100% - 1920px) / 2); }
.circle-img { margin-left: -320px; }
.tab-box:not(:first-child) {display: none;}
.services-wrap { width: 100%; max-width: 1200px; padding-left: 20px; padding-right: 130px; }
.services-top { position: relative; z-index: 1; }
.services-section { overflow: hidden; }
.services-icon-row li { width: 100%; max-width: 320px; line-height: 24px; }
.services-icon-text { font-weight: 700;color: #19317b; transition: all 0s; position: absolute; width: 100%; max-width: 320px; line-height: 24px; top: 50%; transform: translate(-50%, -50%) scaleY(0); margin: auto; left: 50%; padding-right: 50px; }
.services-icon { width: 120px; height: 120px; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 20px -4px rgb(0 0 0 / .1); border-radius: 100%;  position: absolute; right: -34px;  background: #fff; bottom: 0; margin: auto; top: 0; opacity: 0; transition: all 0.5s; } 
.services-icon img { width: 100%; max-width: 80px; }
.tab-text { margin-bottom: 30px; }
.circle-img img { transition: all 0.4s linear; }

.active .services-icon-text { transform: translate(-50%, -50%) scaleY(1); transition: all .5s; }
.active .services-icon { opacity: 1; }

.row-fluid .footer-menu .hs-menu-wrapper > ul > li > a { font-weight: 700; display: inline-block; margin-bottom: 10px; line-height: 24px; }
.row-fluid .footer-menu .hs-menu-wrapper > ul > li ul li a { color: #8b8589; font-size: 14px; line-height: 18px; display: inline-block; margin-bottom: 6px;}
.row-fluid .footer-menu .hs-menu-wrapper > ul > li ul li a:hover{ color:rgba(100, 85, 0 ,20); }
.row-fluid .footer-menu .hs-menu-wrapper > ul > li { margin-bottom: 10px; }
.row-fluid .footer-top { padding: 50px 0; }

.row-fluid .copyright { text-align: center; border-top: 1px solid #dadada; padding: 14px 0; }
.row-fluid .copyright .copyright-text { display: inline-block; width: auto; float: none; vertical-align: middle; }
.row-fluid .copyright .copyright-menu { width: auto; float: none;display: inline-block; vertical-align: middle; margin: 0; padding-left: 15px; }
.copyright-menu ul li { display: inline-block; vertical-align: middle; line-height: normal; border-right: 1px solid #8b8589; margin-right: 5px; padding-right: 8px; }
.copyright-menu ul li a { color: #8b8589; }
.copyright-menu ul li a:hover { color:rgba(100, 85, 0 ,20); }
.copyright-menu ul li:last-child { border: none; }
.row-fluid .footer-tel { text-align: center; }
.row-fluid .footer-tel a { font-weight: 700; }
.row-fluid .footer-tel a:hover { color:rgba(100, 85, 0 ,20); }
.social-list ul li { display: inline-block; margin: 0 2px; }
.social-list { text-align: center; margin-top: 13px; }
.social-list ul li a { width: 30px; height: 30px; background: #19317b; color: #fff; display: inline-block; border-radius: 100%; line-height: 32px; }
.social-list ul li a:hover { background:rgba(100, 85, 0 ,20); }
.divObj{ display:none; }
.ebiz-toggle { display: none; }
.mob-display { display: none; }

.row-fluid .footer-logo { width: 18%; text-align:center;}
.row-fluid .footer-logo img {max-width:150px !important;}
.row-fluid .footer-menu {  margin: 0; padding-left: 20px; }
.row-fluid .footer-menu:nth-child(2) { width: 18%; }
.row-fluid .footer-menu:nth-child(3) { width: 15%; }
.row-fluid .footer-menu:nth-child(4) { width: 13%; }
.row-fluid .footer-menu:nth-child(5) { width: 18%; }
.row-fluid .footer-menu:nth-child(6) { width: 18%; }

.form-style .hs-form-field .hs-input { font-size: 14px; font-weight: 700; }
.form-style input.hs-button { background: #000; height: 40px; line-height: normal; padding: 0; font-size: 14px; border: 2px solid #000; }
.form-style input.hs-button:hover { background: transparent; border-color: #fff; }

.hs-error-msgs { font-size: 12px; line-height: 24px; margin-bottom: 0; }
.hs_error_rollup { margin-bottom: 14px; }
.submitted-message { font-size: 14px; text-align: center; }
.form-style h3 { display: none; }
.form-style { margin-top: -2px; }

.marketing_hero_section { text-align: center; color: #fff; background: #19317b;  padding: 80px 0 14%;  position: relative; z-index: 1; overflow: hidden; }
.marketing_hero_section:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; background-image: url(https://3373047.fs1.hubspotusercontent-na1.net/hubfs/3373047/Stafftreats_2020/image/hero_ptn.png); background-position: center; background-size: 100% 100%;  padding-top: 10%; }
.marketing_hero_section h1 { color: #fff; margin-bottom: 40px; }

.marketing_list li { display: inline-block; width: 16%; margin: 20px 0; padding: 0 15px; vertical-align: top; }
.marketing_icon img { width: 90px;  height: 90px; object-fit: contain; }
.marketing_text { line-height: normal; }
.develop-caption { text-align: center; background: #efefef; padding: 50px; box-shadow: 0 0 15px 0 rgba(0,0,0,0.1); }
.develop-caption h3 {  margin: 10px 0 0; }
.develop-caption h2 { margin-bottom: 30px; }

.facultie-img { width: 43%; float: left; }
.develop-img img {  width: 100%; }
.facultie-content { width: 57%; float: left; padding-left: 34px; }
.facultie-box { display: flex; width: 100%;  padding: 40px 0; }
.facultie-section { padding: 40px 0; }
.facultie-box:nth-child(2n) { flex-direction: row-reverse; }
.facultie-box:nth-child(2n) .facultie-content { padding-left: 0;  padding-right: 40px; }
.facultie-img img { width: 100%; }

.industries2-section { text-align: center; background: #efefef; padding: 60px 0; }
.industries2-box { width: 50%; display: inline-block; margin: 0 -2px; vertical-align: top; padding: 0 15px  30px; }
.industries2-icon img { width: 100%; max-width: 110px; height: 90px; object-fit: scale-down; }
.industries2-row {  width: 100%; max-width: 850px; margin: auto; }
.industries2-section h2 { margin-bottom: 50px; }
.industries2-text { margin-bottom: 20px; }

.develop-img { width: 100%; max-width: 730px; margin: auto; }

.ebook-section { padding: 60px 0; }
.ebook-section .ebook-img {  width: 262px; float: left; }
.ebook-section .ebook-content { width: calc(100% - 262px); float: left; padding-left: 50px; }
.ebook-section .container { display: flex; align-items: center; max-width: 880px; }
.ebook-form .hs-form-field input.hs-input { background: rgb(239 239 239 / 0.5); margin-bottom: 0; height: 50px; }
.ebook-form form.hs-form { position: relative; }
.ebook-form .hs-form-field > label { color: #19317b; }
.ebook-form form.hs-form input.hs-button { width: auto; background: #19317b; height: auto; padding: 14px 35px; font-size: 16px; }
.ebook-form form.hs-form .hs_submit { text-align: right;  margin-top: 30px; }
.ebook-form form.hs-form input.hs-button:hover { background: rgba(100,85,0,20); }
.ebook-text { margin-bottom: 30px; }
a.link:hover { color:rgba(100,85,0,20); }
.hero-caption h5 { color: #fff; margin-bottom: 15px; }

.professional-section { padding-bottom: 70px; }
.professional-section h2 { text-align: center; margin-bottom: 50px; }
.professional-box { width: 33.333%;  display: inline-block; text-align: center; vertical-align: top; margin: 0 -2px; padding: 0 15px; }

.medallia-img { width: 50%; float: left; min-height: 445px; position: relative; }
.medallia-content { width: 50%; float: left; background: #fff; display: flex;  align-items: center; padding: 40px 55px; }
.medallia-section .container { display: flex; max-width: 1000px; }
.medallia-section { background: #19317b; padding: 90px 0; }
.play-icon { width: 70px; height: 70px; background: #fff; border-radius: 100%;  position: absolute; left: 50%; top: 50%;  transform: translate(-50%, -50%); text-align: center; display: flex; align-items: center; }
.play-icon i.fa { margin: auto; position: relative; left: 3px; font-size: 25px; }
.play-icon:hover { background: #19317b; color: #fff; }

.testimonial-section { background: #efefef; padding: 80px 0; text-align: center; }
.testimonial-caption { width: 100%; max-width: 800px; margin: auto; }
.testimonial-text { margin-bottom: 20px; font-size: 24px; line-height: 36px; }
.testimonial-caption h6 { margin-bottom: 0; } 

.person-info-section { width: 100%; float: left;  padding: 50px 0; }
.person-title {  text-align: center; margin-bottom: 70px; }
.person-info-left { width: 65%; float: left; padding-right: 90px; }
.person-info-right { width: 35%; float: left; }
.person-info-right img { width: 100%; }
.person-info-row { display: flex; align-items: center; }
.person-info-right img { WIDTH: 100%; }
.person-info-section .container {max-width: 1020px;}
.person-info-left h6 { margin-bottom: 0; }
.person-info-section:nth-child(2n) { background: #efefef; }
.person-info-section:nth-child(2n) .person-info-row {  flex-direction: row-reverse; }
.person-info-section:nth-child(2n) .person-info-left { padding-right: 0; padding-left: 80px; }

/* 19-01-2021 */
.hero-btn .default-btn { display: inline-block; margin-right: 20px; }
.hero-btn { margin-top: 40px; }

/* 19-01-2021 */
.solution-title { text-align: center; width: 100%; max-width: 840px; margin: 0 auto 50px; }

.solution-section {padding: 60px 0;}
.solution-row ul li { width: 25%; display: inline-block; margin: 0 -2px; padding: 12px; vertical-align: top; text-align: center; }
.solution-row ul li a { display: inline-block; box-shadow: 0 0 8px 0 rgb(0 0 0 / 0.2); padding: 30px; height: 100%; overflow: hidden; width:100%; }
.solutions-icon img { width: 40px; }
.solution-row ul { display: flex; flex-wrap: wrap; justify-content: center; }
.solution-row h5 { margin-bottom: 10px; font-size: 18px; }
.solutions-title-icon { position: relative; top: 50%; transform: translateY(-50%); transition: all 0.5s; }
.solutions-content { font-size: 14px; line-height: 24px; transform: translateY(90px); opacity: 0; visibility: hidden; transition: all 0.5s; }
.solutions-text { margin-bottom: 10px; }

.solution-row ul li a:hover .solutions-title-icon { top: 0;  transform: translateY(0%); }
.solution-row ul li a:hover .solutions-content { transform: translateY(0px); opacity: 1;  visibility: visible; }
.columns_3 ul li { width: 33.33%; }
.columns_3 .solutions-text { font-size: 18px; line-height: 28px; }
.facitlitypro-hero-section { padding-bottom: 110px; }
.facitlitypro-hero-section::before { display: none; }

.data-source-section { padding: 80px 0; }
.data-source-row li { display: inline-block; width: 25%; margin: 0 -2px; padding: 10px;  vertical-align: top; }
.data-source-row li a { background: #19317b; display: flex; width: 100%; height: 200px; box-shadow: 0 1px 15px -4px rgba(0,0,0,0.3); }
.source-logo img { width: 100%; max-width: 140px; margin: auto; height: 80px; object-fit: scale-down; }
.source-logo { margin: auto; }
.data-source-section .default-btn { text-align: center; margin-top: 30px; }
.default-btn2 .cta_button { background: #19317b; border-color: #19317b; }
.default-btn2 .cta_button:hover { background: transparent; color: #19317b; }
.data-source-row li a:hover { transform: translateY(-5px); box-shadow: 0 1px 25px -4px rgba(0,0,0,0.3); }

.platform-section { background: #19317b; color: #fff; padding: 60px 0; }
.platform-section h2 { color: #fff; }
.platform-box { display: inline-block; width: 24%;  margin: 0 -2px; vertical-align: top; text-align: center; padding: 20px; }
.platform-icon { margin-bottom: 15px; }
.platform-box h5 { color: #fff; }
.platform-text { color: #fff; line-height: 24px; }
.platform-row { text-align: center; }

.platform-section .default-btn {  text-align: center; margin-top: 40px; }
.platform-section .default-btn .cta_button:hover { background: #fff; color: #19317b; }

.stories-section { padding-bottom: 40px; }
.stories-box { width: 50%; float: left; padding: 0 15px 30px; color: #fff; }
.stories-row { margin: 0 -15px; display: flex; flex-wrap: wrap; }
.stories-box a { background: #19317b; display: inline-block; color: #fff; height: 100%; text-align: center; padding: 30px 35px; width: 100%; }
.stories-box h3 { color: #fff; line-height: normal; }
.stories-img img { width: 120px;  height: 120px; object-fit: cover; border-radius: 100%; }
.stories-img { text-align: center; margin-bottom: 20px; }
.stories-name { font-size: 24px; line-height: normal; margin-bottom: 10px; }
.stories-location { margin-bottom: 20px; }
.stories-box a:hover { background: rgba(100,85,0,20); }

.stories-details .stories-box { width: 100%; color: #8b8589; }
.stories-details .stories-name { text-align: center; }
.stories-details .stories-location { text-align: center; }
.stories-text { width: 100%; max-width: 840px; margin: auto; }

.stories-sub_title { width: 100%; max-width: 570px; margin: 40px auto 40px; text-align: center; }
.stories-sub_title h4:before { content: open-quote; margin-right: 8px;}
.stories-sub_title h4:after { content: close-quote; margin-left: 8px; }

/* */
.services-icon-text .services-icon { left: 0; top: -160px; margin-top: 0; margin-left: 0; right: 0; margin: 0 auto; }
.circle-img { display: none; }
.services-left { height: 650px; }

.active .services-icon-text { transform: translate(-50%,0%) scaleY(1); }
.services-icon-text { transform: translate(-50%,0%) scaleY(0); top: 286px; padding-right: 0; padding-top: 30px; }

.industries3-row { max-width: 1140px; }
.industries3-box { width: 25%; }
pre.tab { overflow: hidden; }

/* Blog */
.blog-hero-sec { background: #19317b; padding: 100px 0; }
.blog-hero-title h1 { color: #fff; }
.blog-hero-sec .container { display: flex; align-items: center; max-width: 970px; }
.blog-hero-title { width: 60%; padding-right: 60px; }
.blog-hero-img { width: 40%;text-align: right; line-height: 0; }

.row-fluid .blog-section { padding: 90px 0; }
.post-item {  width: calc(100% / 2 - 30px);  margin: 0 15px 30px; }
.blog-listing {  display: flex; flex-wrap: wrap; margin: 0 -15px; }
.post-image img { width: 100%;  height: 250px; object-fit: cover; }
.author-name { display: flex; align-items: center; margin-bottom: 30px; }
.author-img {  width: 60px; height: 60px; }
.author-img img { width: 100%; height: 100%;  object-fit: cover;  border-radius: 100%; }
.author-name .author-link { width: calc(100% - 60px); padding-left: 20px; }
.publish-date { margin-bottom: 20px; }
.post-title { font-size: 24px; line-height: normal; margin-bottom: 20px; font-weight: 700; }
.post-content { margin-bottom: 20px; }
.post-image { margin-bottom: 20px; }

.filter-tag ul li a {  display: block;  border-bottom: 1px solid; padding: 10px 0; }
.filter-tag ul li a .filter-link-count { display: none; }
.filter-tag { margin-bottom: 50px; }

.c-blog-pagination-v2 { justify-content: center;  display: flex; margin-top: 40px; }
.c-blog-pagination-v2 .c-blog-pagination-v2__number { margin: 0 5px; }
.c-blog-pagination-v2 .c-blog-pagination-v2__button {  margin: 0 5px; }
.c-blog-pagination-v2 .c-blog-pagination-v2__number--active { font-weight: 700; }

.hs-author-avatar img { width: 130px; height: 130px;  border-radius: 100%; object-fit: cover; margin-bottom: 20px; }

.featured_image img { width: 100%; }
.hubspot-editable { margin-bottom: 40px; }
.featured_image { margin-bottom: 30px; }
.post-header h1 span { color: #19317b; }
.post-body li {  list-style: revert; }
h2.tag-title {margin-bottom: 40px; }

.recent-posts-sec { padding: 70px 0 60px; }
.recent-posts-title { text-align: center; margin-bottom: 50px; }
.recent-posts-sec .post-item {  width: calc(100% / 3 - 30px); margin-left: 0;  margin-right: 0; padding: 0 15px; }

@media (max-width:1400px){
    .services-left { width: 420px;}
    .services-right { width: calc(100% - 420px);  }
}

@media (max-width:1199px){
    .container, .row-fluid .container[class*="span"] { max-width: 962px; }
    .row-fluid .container_left[class*="span"], .container_left { padding-left: calc((100% - 961px) / 2); }
    .row-fluid .container_right[class*="span"], .container_right { padding-right: calc((100% - 961px) / 2); }
    
    h1 { font-size: 40px; line-height: 55px; }
    h2 { font-size: 34px; line-height: normal; }
    h4 { font-size: 24px; margin-bottom: 20px; line-height: 34px; }
    
    .hero-section { padding-top: 200px; }
    .row-fluid .header-bottom .logo img { max-width: 260px !important; }
    .fixed .header-bottom .logo img { max-width: 190px !important; }
    .home .fixed .header-bottom .menu .hs-menu-wrapper > ul > li > a , .fixed .header-bottom .menu .hs-menu-wrapper > ul > li > a { padding: 31px 0; }
    
    .serv-info-title h2 { font-size: 40px; line-height: 44px; }
    .serv-info-content { width: 66%; }
    
    .services-wrap { padding-right: 15px; padding-left: 42px; }
    .services-left { width: 260px; }
    .active .services-icon-text { max-width: 220px; }
    .services-right { width: calc(100% - 260px); }

    .tab-list ul li { font-size: 12px; }
    .services-icon {  width: 90px; height: 90px; }
    .services-icon img { max-width: 50px; }
    
    .row-fluid .menu .hs-menu-wrapper > ul > li { padding-right: 14px; }
    .row-fluid .menu .hs-menu-wrapper > ul > li > a { font-size: 14px; }
    
    .row-fluid .footer-logo { width: 100%; padding-bottom: 50px; }
    .row-fluid .footer-logo img { width: 100%; max-width: 140px !important; margin: auto; display: table; }
    .row-fluid .footer-menu { width: 20% !important; margin: 0; padding: 0 10px; }
    .row-fluid .footer-menu:last-child { padding-right: 0; }
    
    /* 18-01-2021 */
    .person-info-section .container {  max-width: 962px; }
    
    .solution-row ul li { width: 33.333%; }

    .services-icon-text { padding-top: 0; }
    .services-icon-text .services-icon { top: -150px; }
    
    .post-title { font-size: 18px; }
    .filter-tag h3 { font-size: 20px; line-height: normal; margin-bottom: 20px; }


}

@media (max-width:991px){
    .container, .row-fluid .container[class*="span"] {  max-width: 750px; }
    
    .top-menu ul li a { font-size: 12px; padding: 10px 10px; }
    .search-btn input.hs-search-field__input { height: 50px; font-size: 14px; }
    .close-btn { font-size: 28px; height: 48px; }
    .row-fluid .header-bottom .header-right {padding-left: 0; width: calc(100% - 245px); }
    .row-fluid .menu .hs-menu-wrapper > ul > li > a { font-size: 14px; }
    .row-fluid .menu .hs-menu-wrapper > ul > li { padding-right: 20px; }
    .row-fluid .header-bottom .logo img { max-width: 210px !important; }
    .row-fluid .header-bottom .logo {  width: 240px; }
    .fixed .header-bottom .logo img { max-width: 160px !important; }
    .search-btn .hs-search-wrap { padding: 0 15px; }
    
    .tab-list ul { margin: auto; }
    .services-left { display: none; }
    .services-wrap { padding: 0 15px; text-align: center; }
    .services-icon { display: flex !important; position: relative; z-index: 1; opacity: 1; left: 0; margin-bottom: 30px; }
    .services-right { width: 100%; }
    .services-section h2 { margin-bottom: 30px; }
    
    .serv-info-title h2 {  font-size: 34px; line-height: 41px; }
    .services-info { padding-bottom: 50px; }
    
    .industries-section { padding: 50px 0; }
    .help-section { padding: 50px 0; }
    
    .row-fluid .footer-menu { width: 20% !important; display: inline-block !important; margin: 0 -2px 10px; float: none; vertical-align: top; }
    

    .row-fluid .menu .hs-menu-wrapper>ul>li>a { font-size: 12px; }
    .row-fluid .menu .hs-menu-wrapper>ul>li>a:after { height: 3px; }
    .row-fluid .menu .hs-menu-wrapper>ul>li {  padding-right: 8px; }
    
    .help-box { padding: 0 24px; }
    
    .marketing_icon img { width: 50px; height: 50px; }
    
    h3 { font-size: 24px; margin-bottom: 8px; line-height: 35px; }
    .facultie-text { font-size: 14px; line-height: 24px; }
    .facultie-box { padding: 30px 0; }
    
    .facultie-section { padding-bottom: 30px; }
    .ebook-section { padding-top: 30px; }
    .ebook-section .ebook-content { padding-left: 20px; }
    
    /* 18-01-2021 */
    .professional-box { width: 100%; padding-bottom: 30px; }
    .professional-section h2 {  margin-bottom: 30px; }
    .professional-section { padding-top: 40px; padding-bottom: 30px; }
    .medallia-content { width: 100%; padding: 29px 25px; }
    .medallia-section .container {width: 100%;display: block;max-width: 340px;}
    .medallia-img { width: 100%; min-height: 335px; }
    .medallia-section { padding: 60px 0; }
    
    .testimonial-text { font-size: 18px; line-height: 28px; }
    .testimonial-caption h6 {line-height: normal; margin-bottom: 20px; }
    .testimonial-section { padding: 40px 0; }
    
    .solution-section { padding: 50px 0; }
    .data-source-row li { width: 33.33%; }
    .platform-box { width: 33.33%; }
    .solution-row ul li a { padding: 20px; }
    
    .post-image img { height: 180px; }
    
}
@media (max-width:767px){

    h1 { font-size: 34px; line-height: 40px; }
    h2 { font-size: 30px; line-height: 36px; }

    .row-fluid .header {  width: 100%; }
    .row-fluid .header-top { display: none; }
    .row-fluid .header-bottom .menu {  display: none; }
    .row-fluid .header-bottom { width: 100%; background: #fff; padding: 6px 0; position: fixed; }

    .search-icon { float: right; }
    .hero-section {  padding-top: 110px;  padding-bottom: 17%;  }
    
    .serv-info-title { width: 100%; }
    .serv-info-content { width: 100%; padding-left: 0; }
    .link a { font-size: 14px; }

    .help-box { width: 100%; padding: 0 15px; text-align: center; }
    .help-box:first-child { border-right: none; }
    .help-section .title-section { margin-bottom: 40px; }
    
    .row-fluid .footer-menu { width: 100%;  padding: 0; text-align: center; }
    .row-fluid .footer-top { padding: 40px 0; }
    
    .services-section { padding: 50px 0; }
    .divObj { width: 100%; text-align: left; display: block; background: #fff; box-shadow: 0 0 10px 0 rgb(0 0 0 / 0.15); padding: 10px 25px 10px 15px; color: #19317b; text-transform: uppercase; font-size: 14px; font-weight: 700;     position: relative; }
    .divObj:after {content: "\f107";font-family: 'FontAwesome';position: absolute;right: 14px;font-size: 28px;}
    .active .divObj:after { transform: scale(-1); }
    .tab-list { width: 100%; max-width: 300px; position: relative; z-index: 3; margin: 0 auto 40px;P }
    .tab-list > ul { position: absolute;  left: 0; width: 100%; box-shadow: 0 6px 10px 0 rgb(0 0 0 / 0.15);  padding: 10px 0; display: none; height: 190px; overflow: auto; background: #fff; }
    .tab-list ul li { width: 100%;  text-align: left; border-radius: 0; }
    .tab-more:after { display: none; }
    .tab-more ul { position: relative; display: block; left: 0;width: 100%;  box-shadow: none; }
    .tab-more { width: 100%; box-shadow: none; position: relative; top: 0; }
    
    .home .row-fluid .header-bottom .logo img { filter: none; }
    .row-fluid .header-bottom .logo img { max-width: 150px !important; }
    .search-icon { color: #1a327c; }
    .search-btn .hs-search-wrap { padding: 0 15px; }
    
    .ebiz-toggle { display: inline-block; width: 30px; height: 30px; position: absolute; right: 43px; top: 0; bottom: 0; margin: auto; background: transparent; border: none; cursor: pointer; }
    .ebiz-toggle span:after, .ebiz-toggle span:before , .ebiz-toggle span {content: "";background: #20387f;position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%; transition: all 0.5s; }
    .ebiz-toggle span:before { top: -8px; }
    .ebiz-toggle span { width: 100%; height: 3px;  margin: auto; transition: all 0s; }
    .ebiz-toggle span:after { top: 8px; }
    .ebiz-toggle.active span { background: transparent; }
    .ebiz-toggle.active span:before { top: 0; transform: rotate(45deg); }
    .ebiz-toggle.active span:after { top: 0; transform: rotate(-45deg); }
    
    .row-fluid .header-bottom .menu { position: absolute; left: 0; right: 0; top: 100%; background: #243b80; text-align: left; max-height: calc(100vh - 62px); overflow: auto; padding: 0 0; }
    .row-fluid .menu .hs-menu-wrapper > ul > li { display: block;  padding: 0; }
    .row-fluid .menu .hs-menu-wrapper ul li a { display: block; padding: 4px 15px !important; color: #fff !important; border-top: 1px dotted; font-size: 14px; }
    .mob-display { display: block; }
    
    .help-row { display: block; }
    .help-box {  border: none; }
    
    .row-fluid .footer-menu { width: 100% !important; }
    
    /* 17-07-2021 */
    .marketing_hero_section h1 { font-size: 24px; line-height: normal; }
    .marketing_list li { width: 160px; }
    .marketing_hero_section { padding-top: 110px; }
    .develop-caption h3 { line-height: normal; } 
    .develop-caption { padding: 40px 20px; }
    
    .facultie-box { display: block; float: left; padding: 0 0 60px; }
    .facultie-img {  width: 100%; text-align: center; }
    .facultie-content { width: 100%;  padding: 10px 0 0; }
    .facultie-section { padding-bottom: 0; }
    .ebook-section .ebook-img { width: 100%; text-align: center; }
    .ebook-section .container { display: block; }
    .ebook-section .ebook-content { width: 100%; padding: 0; }
    .industries2-box { width: 100%; }
    .industries2-section { padding: 50px 0 20px; } 
    
    /* 18-01-2021 */
    .person-info-row { flex-direction: column-reverse; width: 100%; max-width: 340px; margin: auto; }
    .person-info-left { width: 100%; padding: 20px 0 0; }
    .person-info-right { width: 100%; }
    .person-info-left h6 { margin-bottom: 8px; }
    .person-info-section:nth-child(2n) .person-info-left {padding-left: 0;}
    .person-info-section:nth-child(2n) .person-info-row { flex-direction: column-reverse; }
    .person-title { margin-bottom: 50px; }
    .about-hero-section .hero-caption { text-align: center; }
    
    .facitlitypro-hero-section { padding-bottom: 50px; }
    .data-source-row { text-align: center; }
    .solution-row ul li { width: 100%; margin: 0; }
    .solution-row ul li a { width: 100%; max-width: 300px; }
    .solution-section { padding-bottom: 0; }
    .data-source-row li { width: 100%; max-width: 350px; }
    .data-source-section { padding: 60px 0; }
    .platform-box { width: 100%; }
    .platform-section {padding: 50px 0;}
    .hero-caption .default-btn { margin-bottom: 20px; }
   
    .stories-box { width: 100%; }
    .stories-name { font-size: 20px; }
    .stories-section { padding-bottom: 0; padding-top: 20px; }
    
    .row-fluid .blog-section { padding: 60px 0 20px; }
    .post-item { width: calc(100% / 1 - 30px); max-width: 380px; margin: 0 auto 30px; }
    .blog-right { padding-top: 40px; }

    .blog-hero-sec .container { flex-wrap: wrap; }
    .blog-hero-title { width: 100%; padding-right: 0; }
    .blog-hero-sec { text-align: center; padding-bottom: 60px;  padding-top: 100px; }
    .blog-hero-img { width: 100%; text-align: center; }
    
    h2.tag-title { text-align: center; }

    .hs-author-profile { text-align: center; }
    h3.hs-author-listing-header { text-align: center; margin-bottom: 40px; }
    
    .recent-posts-sec .post-item:last-child {  margin-bottom: 0; }
    .recent-posts-sec .post-item {  width: calc(100% / 1 - 30px); }  
    
    .recent-posts-sec { padding: 40px 0 50px; }
    .recent-posts-title { margin-bottom: 30px; }

    .recent-posts-sec .post-item { text-align: left; }
    .recent-posts-sec .slick-slide {text-align: center;}

}