@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

@font-face {
    font-family:'Cera-Light';
    src:local('Arial'),url('https://2270223.fs1.hubspotusercontent-na1.net/hubfs/2270223/Silverfin%20Sep%202019/Font/Cera%20Pro%20Light.otf');
    src:
/*       url('https://2270223.fs1.hubspotusercontent-na1.net/hubfs/2270223/Silverfin%20Sep%202019/Font/Cera%20Pro%20Light.eot') format('embedded-opentype'),
      url('https://2270223.fs1.hubspotusercontent-na1.net/hubfs/2270223/Silverfin%20Sep%202019/Font/Cera%20Pro%20Light.eot#iefix') format('embedded-opentype'), */
    url('https://2270223.fs1.hubspotusercontent-na1.net/hubfs/2270223/Silverfin%20Sep%202019/Font/Cera%20Pro%20Light.otf') format('otf'),
    url('https://2270223.fs1.hubspotusercontent-na1.net/hubfs/2270223/Silverfin%20Sep%202019/Font/Cera%20Pro%20Light.woff') format('woff2'),
    url('https://2270223.fs1.hubspotusercontent-na1.net/hubfs/2270223/Silverfin%20Sep%202019/Font/Cera%20Pro%20Light.woff') format('woff'),
    url('https://2270223.fs1.hubspotusercontent-na1.net/hubfs/2270223/Silverfin%20Sep%202019/Font/Cera%20Pro%20Light.ttf') format('truetype'),
    url('https://2270223.fs1.hubspotusercontent-na1.net/hubfs/2270223/Silverfin%20Sep%202019/Font/Cera%20Pro%20Light.svg') format('svg');
    font-weight: 300;
  font-display: fallback;
}

@font-face {
    font-family:'Cera-Regular';
    src:url('https://2270223.fs1.hubspotusercontent-na1.net/hubfs/2270223/Silverfin%20Sep%202019/Font/Cera%20Pro%20Regular.otf');
    src:
/*       url('https://2270223.fs1.hubspotusercontent-na1.net/hubfs/2270223/Silverfin%20Sep%202019/Font/Cera%20Pro%20Regular.eot') format('embedded-opentype'),
      url('https://2270223.fs1.hubspotusercontent-na1.net/hubfs/2270223/Silverfin%20Sep%202019/Font/Cera%20Pro%20Regular.eot#iefix') format('embedded-opentype'), */
    url('https://2270223.fs1.hubspotusercontent-na1.net/hubfs/2270223/Silverfin%20Sep%202019/Font/Cera%20Pro%20Regular.otf') format('otf'),
    url('https://2270223.fs1.hubspotusercontent-na1.net/hubfs/2270223/Silverfin%20Sep%202019/Font/Cera%20Pro%20Regular.woff') format('woff2'),
    url('https://2270223.fs1.hubspotusercontent-na1.net/hubfs/2270223/Silverfin%20Sep%202019/Font/Cera%20Pro%20Regular.woff') format('woff'),
    url('https://2270223.fs1.hubspotusercontent-na1.net/hubfs/2270223/Silverfin%20Sep%202019/Font/Cera%20Pro%20Regular.ttf') format('truetype'),
    url('https://2270223.fs1.hubspotusercontent-na1.net/hubfs/2270223/Silverfin%20Sep%202019/Font/Cera%20Pro%20Regular.svg') format('svg');
    font-weight: 400;
 font-display: fallback;
}

@font-face {
    font-family:'Cera-Medium';
    src:local('Arial'),url('https://2270223.fs1.hubspotusercontent-na1.net/hubfs/2270223/Silverfin%20Sep%202019/Font/Cera%20Pro%20Medium.otf');
    src:
/*       url('https://2270223.fs1.hubspotusercontent-na1.net/hubfs/2270223/Silverfin%20Sep%202019/Font/Cera%20Pro%20Medium.eot') format('embedded-opentype'),
      url('https://2270223.fs1.hubspotusercontent-na1.net/hubfs/2270223/Silverfin%20Sep%202019/Font/Cera%20Pro%20Medium.eot#iefix') format('embedded-opentype'), */
    url('https://2270223.fs1.hubspotusercontent-na1.net/hubfs/2270223/Silverfin%20Sep%202019/Font/Cera%20Pro%20Medium.otf') format('otf'),
    url('https://2270223.fs1.hubspotusercontent-na1.net/hubfs/2270223/Silverfin%20Sep%202019/Font/Cera%20Pro%20Medium.woff') format('woff2'),
    url('https://2270223.fs1.hubspotusercontent-na1.net/hubfs/2270223/Silverfin%20Sep%202019/Font/Cera%20Pro%20Medium.woff') format('woff'),
    url('https://2270223.fs1.hubspotusercontent-na1.net/hubfs/2270223/Silverfin%20Sep%202019/Font/Cera%20Pro%20Medium.ttf') format('truetype'),
    url('https://2270223.fs1.hubspotusercontent-na1.net/hubfs/2270223/Silverfin%20Sep%202019/Font/Cera%20Pro%20Medium.svg') format('svg');
    font-weight: 500;
 font-display: fallback;
}

@font-face {
    font-family:'Cera-Bold';
    src:url('https://2270223.fs1.hubspotusercontent-na1.net/hubfs/2270223/Silverfin%20Sep%202019/Font/Cera%20Pro%20Bold.otf');
    src:
/*       url('https://2270223.fs1.hubspotusercontent-na1.net/hubfs/2270223/Silverfin%20Sep%202019/Font/Cera%20Pro%20Bold.eot') format('embedded-opentype'),
      url('https://2270223.fs1.hubspotusercontent-na1.net/hubfs/2270223/Silverfin%20Sep%202019/Font/Cera%20Pro%20Bold.eot#iefix') format('embedded-opentype'), */
    url('https://2270223.fs1.hubspotusercontent-na1.net/hubfs/2270223/Silverfin%20Sep%202019/Font/Cera%20Pro%20Bold.otf') format('otf'),
    url('https://2270223.fs1.hubspotusercontent-na1.net/hubfs/2270223/Silverfin%20Sep%202019/Font/Cera%20Pro%20Bold.woff') format('woff2'),
    url('https://2270223.fs1.hubspotusercontent-na1.net/hubfs/2270223/Silverfin%20Sep%202019/Font/Cera%20Pro%20Bold.woff') format('woff'),
    url('https://2270223.fs1.hubspotusercontent-na1.net/hubfs/2270223/Silverfin%20Sep%202019/Font/Cera%20Pro%20Bold.ttf') format('truetype'),
    url('https://2270223.fs1.hubspotusercontent-na1.net/hubfs/2270223/Silverfin%20Sep%202019/Font/Cera%20Pro%20Bold.svg') format('svg');
    font-weight: 500;
font-display: fallback;
}
/*********************************************** intial declartaion of css **********************************************/

* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small,strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, select, input, option, textarea { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; box-sizing: border-box; }
html { -webkit-text-size-adjust: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word }
q { quotes: none }
q:before, q:after { content: ''; content: none }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -0.5em; }
sub { bottom: -0.55em }
.header-container-wrapper ul,.footer-container-wrapper ul, .header-container-wrapper ol,.footer-container-wrapper ol { list-style: none; list-style-image: none; }

/*********************************************** remember to define focus styles! **********************************************/
:focus { outline: 0; }
/********************************** tables still need 'cellspacing="0"' in the markup ****************************************/
 
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
table { border: 0 none; border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
img { border: 0 none; max-width: 100%; vertical-align:middle;height:auto}
a { outline: none; cursor: pointer;transition:all 0.5s ease;}

/**************************************** End hide from IE Mac ***************************************************************/ 

*:before, *:after {box-sizing: border-box;}

/************************************************** End Clearfix *************************************************/

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block }
.clear { clear: both; }

/************************************************** For modern browsers ******************************************/ 

.cf:before, .cf:after { content: ""; display: table }
.cf:after { clear: both; }
li { list-style: inherit; }
/* ::selection { background: #011f2d; color: #fff; }
::-moz-selection {background: #011f2d;color: #fff;}
::-webkit-selection { background: #011f2d; color: #fff;} */
/*************************************** display table and table cell ***************************************************/

.tbl {display:table;width:100%;height:100%;}
.tbl-cell {display:table-cell;vertical-align:middle;}
.dis-flex {display: flex; flex-wrap: wrap;}

/*********************************************************body  ********************************************************/

body {font-size: 14px; line-height: 21px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -moz-osx-font-smoothing: grayscale;  -webkit-tap-highlight-color: transparent;  font-family:'Cera-Light',sans-serif; font-weight:normal;}
body:not(.custom-background-image)::before, body:not(.custom-background-image)::after { display: none !important; }
a { text-decoration: none; transition: all 0.5s ease ; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ; }
a:hover {text-decoration: none; transition: all 0.5s ease ; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ; }
a:focus { outline: none; text-decoration: none; }
p { font-family:'Cera-Light',sans-serif; color:#708ea8;font-size:22px;line-height:1.4;}
h1,h3,h4,h5,h6{ font-family:'Cera-Medium',sans-serif;}

h1{ font-weight:500; color:#000000;font-size:48px;line-height:1.2;}
h2{ font-family:'Cera-regular',sans-serif; font-weight:400; color:#012e44;font-size:28px;line-height:1.2;}
h3{ font-size:20px;line-height:1.2;}
h4{ font-size:18px;font-family:'Cera-Regular',sans-serif;line-height:1.2; }

/*******************************************hubspot******************************************************************/

.row-fluid [class*="span"] {min-height: 0px;}

/**************************************** logo ***************************/

.h-logo img ,.f-logo img {cursor: pointer;}

/************************* container **************/
.container { width:100% !important;  max-width:1410px; margin:0 auto !important;padding:0;float:none !important; }

/*********************************************************************************************************************************
														Form CSS Starrt here															
**********************************************************************************************************************************/

/****************************************************Placeholder opacity cross browsers*****************************************/

input::-webkit-input-placeholder { font-family:'Cera-Regular',sans-serif; color: #708ea8;opacity:1; } /* WebKit browsers */
input:-moz-placeholder { font-family:'Cera-Regular',sans-serif; color: #708ea8;opacity:1; } /* Mozilla Firefox 4 to 18 */
input::-moz-placeholder { font-family:'Cera-Regular',sans-serif; color: #708ea8;opacity:1;} /* Mozilla Firefox 19+ */
input:-ms-input-placeholder { font-family:'Cera-Regular',sans-serif; color: #708ea8;opacity:1; } /* Internet Explorer 10+ */
textarea::-webkit-input-placeholder { font-family:'Cera-Regular',sans-serif;opacity:1; color: #708ea8; } /* WebKit browsers */
textarea:-moz-placeholder { font-family:'Cera-Regular',sans-serif; opacity:1;color: #708ea8; } /* Mozilla Firefox 4 to 18 */
textarea::-moz-placeholder { font-family:'Cera-Regular',sans-serif;opacity:1; color: #708ea8; } /* Mozilla Firefox 19+ */
textarea:-ms-input-placeholder { font-family:'Cera-Regular',sans-serif; opacity:1;color: #708ea8; } /* Internet Explorer 10+ */

/****************************************************** IE *********************************************************/

select::-ms-expand {display: none;}
input::-ms-clear { display:none;}

/*********************************************** remove auto fill yellow color ************************************/

 input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { font-size:20px; -webkit-box-shadow: 0 0 0 100px #f0f3f6 inset;-moz-box-shadow: 0 0 0 100px #f0f3f6 inset;-webkit-text-fill-color: #708ea8;box-shadow: 0 0 0 100px #f0f3f6 inset;	color:#708ea8 ;}

/*********************************************** Form CSS **********************************************/
.hm form ul.hs-error-msgs > li > label {font-size:12px;line-height:normal;display:block;color:#ff0000;}
.hm form .hs_error_rollup {display: none;}
.hm form ul.hs-error-msgs{margin:0 0 -14px;}

/* form error mesege when good space b/w two inputs */
/*.hm form .hs-form-field {position: relative;}
.hm form ul.hs-error-msgs.inputs-list { position: absolute; top:67px; right: 0; list-style-type: none; padding: 1px 5px;background:#ff0000;margin:0;}
.hm form ul.hs-error-msgs.inputs-list > li > label {font-weight:500;position:relative;z-index:9;color: #fff;}
.hm form ul.hs-error-msgs.inputs-list:after { content: ''; width: 8px; height: 8px; position: absolute; display: inline-block; left: 50%; background:#ff0000; margin-left: -6px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px; top: 0;}
*/
 
input,textarea,select {border-radius: 0; }
button, html input[type="button"], input[type="reset"], input[type="submit"], textarea { -webkit-appearance: none; border-radius: 0; transition: all 0.5s ease ; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ; }
button, input, select, textarea,option { font-size: 100%; margin: 0; vertical-align: baseline; font-family:'Cera-Light',sans-serif;}
input[type="text"],input[type="tel"],input[type="email"]{ -webkit-appearance:none !important; }
input[type="submit"] {cursor: pointer;transition:all 0.5s ease;}
textarea { overflow: auto; vertical-align: top;resize:none; }

/******************************************** Fieldset CSS*******************************************************/
.hm form{max-width:750px;width:100%;margin:0 auto !important;float:none !important;background:#ececec;padding: 30px;}
.hm form fieldset{max-width:100%;}
.hm form div.hs-form-field{float:none !important;display: inline-block ;vertical-align: top;width: 100%;margin-bottom: 20px;}
.hm form fieldset.form-columns-2 > div.hs-form-field{margin-right:2.9%; width: 48.5%;}
.hm form fieldset.form-columns-2 > div.hs-form-field:last-child{margin-right:0;}
.hm form fieldset.form-columns-3 > div.hs-form-field{margin-right:2.9%;width:31.4%;}
.hm form fieldset.form-columns-3 > div.hs-form-field:last-child{margin-right:0;}
/******************************************** input CSS*******************************************************/
.hm form .input{margin-right:0 !important;}
.hm form .hs-form-field > label {color: #2B2B2B; font-size: 15px; width: 100%; pointer-events: none; display:block; line-height: 1.3; margin: 0 0 10px;font-weight: 600;}
.hm form textarea,.hm form input[type="text"],.hm form input[type="password"],.hm form input[type="datetime"],.hm form input[type="datetime-local"],.hm form input[type="date"],.hm form input[type="month"],.hm form input[type="time"],.hm form input[type="week"],.hm form input[type="number"],.hm form input[type="email"],.hm form input[type="url"],.hm form input[type="search"],.hm form input[type="tel"],.hm form input[type="color"],.hm form select{color: #2b2b2b; border: 1px solid #2b2b2b;padding: 10px 15px; width: 100% !important; font-size: 16px; margin:0 0 3px;}
/******************************************** Select CSS*******************************************************/
.hm form select {-moz-appearance: none;-webkit-appearance: none;color: #2b2b2b;background:#fff url("https://2166934.fs1.hubspotusercontent-na1.net/hubfs/2166934/Default/img/drop-down-arrow.svg");background-position: 99% center !important;background-repeat: no-repeat !important;background-size: 16px auto;}

/******************************************** Radio Button CSS*******************************************************/
.hm form .input ul.inputs-list li label input[type="radio"]:checked+span:before {background: #2B2B2B ;background-size: 14px; background-position: center center;border-radius:50%;box-shadow:0 0 0 4px #fff inset;   }
.hm form .input ul.inputs-list li label input[type="radio"] { opacity: 0; display:none !important;}

.second-chapter-content-iiner input[type="radio"]:checked+label>div{border-color:#fff}
.hm form .input ul.inputs-list li label input[type="radio"]+span:before { margin-top: -3px; content: ''; background: #fff; display: inline-block;vertical-align: middle; width: 20px;height: 20px; padding: 2px; margin-right: 10px; text-align: center; border:1px solid #858585;border-radius:50%;}
/******************************************** Check Box CSS*******************************************************/
form .input ul.inputs-list li label input[type="checkbox"]:checked+span:before {background: #057ee1 url('https://2660763.fs1.hubspotusercontent-na1.net/hubfs/2660763/Whishworks%20May-2017/Common%20Images/right.png?t=1495542712539');background-size: 14px; background-position: center center;background-repeat:no-repeat;}
form .input ul.inputs-list li label input[type="checkbox"] { opacity: 0; display:none !important;}
form .input ul.inputs-list li label input[type="checkbox"]+span:before {  margin-top: -3px;content: ''; background: #fff; display: inline-block;vertical-align: middle;width: 16px;
    height: 16px;
    border-radius: 4px; padding: 2px; margin-right: 10px; text-align: center; border:1px solid #708ea8;}
/******************************************** Button CSS*******************************************************/
.hm form .actions{text-align:center;}
li.hs-form-booleancheckbox span {
    margin-left: 0 !important;
}
/***********************Simple buttom***********************/
.hm form .hs_submit input {border: 1px solid #384259;color: #fff; font-size:16px;line-height:1.3; font-weight:700; padding: 8px 10px;background:#384259;min-width:125px;}
.hm form .hs_submit input:hover{ background:transparent;color: #384259;}

/***********************With Background Image buttom***********************/
/*.hm form .hs_submit input {border: 1px solid #384259;color: #fff; font-size:16px;line-height:1.3; font-weight:700;padding: 10px 40px 10px 20px;background:#384259 url("https://2166934.fs1.hubspotusercontent-na1.net/hubfs/2166934/Default/img/fast-forward-double-right-arrows.svg");background-position: 90% center !important;background-repeat: no-repeat !important;background-size: 14px auto; }
.hm form .hs_submit input:hover {background-position: 93% center !important;}*/

.hm form div.hs-form-field .input > ul > li > label{cursor:pointer;}
/***************************Check Box & Radio Button One Col********************************/
.hm form div.hs-form-field .input > ul > li{margin:0 0 10px;}

/***************************Check Box & Radio Button Two Col********************************/
/*.hm form div.hs-form-field .input > ul > li {display: inline-block;width: 50%;padding: 0 20px 0 0;}*/

/***************************Check Box & Radio Button Three Col******************************/
/*.hm form div.hs-form-field .input > ul > li {display: inline-block;width:33.33%;padding: 0 20px 0 0;}*/

/***************************Check Box & Radio Button Auto Col******************************/
/*.hm form div.hs-form-field .input > ul > li {display: inline-block;padding: 0 20px 0 0;}*/

/*==============================================================================================
                                    Header css start
==============================================================================================*/

.free-demo { padding-right: 30px;}
.wrapper-header{ z-index: 10; position: fixed; width: 100% !important; top: 0; left: 0; background: transparent;}

.mainresuts  span > div{ background:#fafbfc; padding-bottom:76px; }





@media(min-width:1201px){

span.men { display: none;}  

.menu ul li { margin: 0 27px;}
.menu ul li:last-child { margin-right: 0px;}
.menu ul li ul li { margin: 0;}  
.menu ul li ul { padding: 10px 0;}
  
.wrapper-header.is-scrolled { box-shadow: 0 0 20px 0 rgba(0, 0, 0, .06); position: fixed; background: #fff; z-index: 999; }  
.wrapper-header .container > div > div {display: flex; flex-wrap: wrap;display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex;align-items: center;}
.wrapper-header .logo { width: 151px !important; margin: 0 !important; }
.wrapper-header .menu{  width: calc(100% - 542px); margin-left: 0 !important;}

/*************************************Depth 1****************************************************/
.wrapper-header .menu .hs-menu-wrapper > ul{display: flex; flex-wrap: wrap;display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex;justify-content: center;}
.wrapper-header .menu ul > li.hs-menu-depth-1 > a{ font-family:'Cera-Regular',sans-serif; color:#012e44; display: inline-block;font-size:16px;} 
.wrapper-header .menu ul > li.hs-menu-depth-1 > a:hover { color:#13c5e2 !important;text-decoration:none;}
.header-color .wrapper-header .menu ul>li.hs-menu-depth-1>a { color: #fff;}
.header-color .wrapper-header.is-scrolled .menu ul>li.hs-menu-depth-1>a , .header-color.cl .wrapper-header .menu ul>li.hs-menu-depth-1>a { color: #012e44;}
.header-color .wrapper-header .menu ul>li.hs-menu-depth-1.active-branch a { color: #13c5e2;}
  
/*************************************Depth 2****************************************************/
.wrapper-header .menu ul > li.hs-menu-depth-1.hs-item-has-children{position:relative;}
.wrapper-header .menu ul > li.hs-menu-depth-2 > a{ font-family:'Cera-Regular',sans-serif; font-weight:400; color:#012e44;padding:5px 15px;display: block;font-size:inherit; font-size:16px;} 
.wrapper-header .menu ul>li.hs-menu-depth-2>a:hover { color: #13c5e2;text-decoration:none;}
.wrapper-header .menu ul > li.hs-menu-depth-1 > ul.hs-menu-children-wrapper{position: absolute; background: #fff; border-radius: 3px;  box-shadow: 0 25px 30px 0 rgba(36,50,66,.08); width: 100%; min-width: 150px;visibility: hidden;}
.wrapper-header .menu ul > li.hs-menu-depth-1:hover > ul.hs-menu-children-wrapper{visibility:visible;}
.wrapper-header .menu ul > li.hs-menu-depth-1 > .child-trigger{position: absolute; top:19px;right:12px;}
.wrapper-header .menu ul > li.hs-menu-depth-1 > .child-trigger i{position: relative;}
/*.wrapper-header .menu ul > li.hs-menu-depth-1:hover > .child-trigger i:before{color:transparent;}*/

  
/*************************************Depth 3****************************************************/
.wrapper-header .menu ul > li.hs-menu-depth-2.hs-item-has-children{position: relative;}
.wrapper-header .menu ul > li.hs-menu-depth-2 > ul.hs-menu-children-wrapper{position: absolute; background: #f1c319; width: 100%; min-width:150px;visibility: hidden;left:100%;top:0px;border-left:1px solid #fff;}
.wrapper-header .menu ul > li.hs-menu-depth-2:hover > ul.hs-menu-children-wrapper{visibility:visible;}
.wrapper-header .menu ul > li.hs-menu-depth-2 > .child-trigger{ position: absolute; top: 0px; right: 20px; }
.wrapper-header .menu ul > li.hs-menu-depth-2 > .child-trigger i{position: relative;}
.wrapper-header .menu ul > li.hs-menu-depth-2 > .child-trigger i:before{content: "\f0d7";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;color: #fff;font-size: 16px;position: absolute;top: 10px;left: 0;transition: all 0.5s ease ; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ; }
  .wrapper-header .menu ul > li.hs-menu-depth-2 > .child-trigger i:after{content: "\f067";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;color: #fff;font-size: 16px;position: absolute;top: 10px;left: 0;transition: all 0.5s ease ; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ; }
/*.wrapper-header .menu ul > li.hs-menu-depth-2:hover > .child-trigger i:before{color:transparent;}*/
.wrapper-header .menu ul > li.hs-menu-depth-3 > a{color:#fff;padding:10px 15px;display: inline-block;font-size:inherit;} 
.wrapper-header .menu ul>li.hs-menu-depth-1.active-branch > a { color: #13c5e2;}
.inner-header .row-fluid { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; position: relative;}  
.logo-img{width: 180px !important; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.btn-language{width: 360px !important; margin-left: 0 !important; position: absolute; right: 29px; top: 50%; transform: translateY(-50%);}
  
}

.white-logo,.header-color.cl .white-logo { display:none !important;}
.header-color .white-logo, .header-color.cl .normal-logo{ display:block !important;}
.header-color .wrapper-header.is-scrolled .white-logo{ display:none !important;}
.normal-logo img,.white-logo img { width: 180px;}

.header-color .normal-logo, .header-color.cl  .white-logo{ display:none !important;}
.header-color .wrapper-header.is-scrolled .normal-logo{ display:block !important;}
.cl .wrapper-header { background: #fff;}



.inner-header { transition: all 0.5s ease; padding: 38px 30px;}
.is-scrolled .inner-header { padding: 30px;}

/* .free-demo ul { text-align: right;} */
.free-demo ul li { display: inline-block; width: 142px;}
.free-demo ul li:first-child a { font-family:'Cera-Regular',sans-serif;background: #13c5e2; color: #fff; font-size: 16px; display: inline-block; text-align: center; max-width: 142px; width: 100%; height: 53px; padding-top: 14px; border-radius: 4px; }
.free-demo ul li:first-child a:hover { background: #0db1cc; color: #fff;text-decoration:none; }
.free-demo ul li:first-child{ margin-right:10px;}
.free-demo ul li:last-child a { font-family:'Cera-Regular',sans-serif;background: #bcccd8; color: #fff; font-size: 16px; display: inline-block; text-align: center; max-width: 142px; width: 100%; height: 53px; padding-top: 14px; border-radius: 4px; }
.free-demo ul li:last-child a:hover {  background: #90a7bc; color: #fff;text-decoration:none; }


.orange-btn a { padding: 15px 30px 15px; font-family:'Cera-Regular',sans-serif; display: inline-block; font-size: 16px; background: #ff7300; color: #fff; text-align: center;  border-radius: 4px; margin: 0 auto 40px;}
.orange-btn a:hover, .section.post-body p .cta_button:hover{ background:#FA811E;color:#fff;text-decoration:none; }

.orange-btn a,.orange-btn a:hover{ position: relative; background: transparent;}
.orange-btn a:before { border-radius:4px; position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; background: #ff7300; z-index: -1; transition: all 0.3s;}
.orange-btn a:after { border-radius:4px; position: absolute; content: ""; width: 0%; height: 100%; top: 0; left: 0; background: #FA811E; z-index: -1; transition: all 0.3s;}
.orange-btn a:hover:after { width: 100%;}
.orange-btn { position: relative; z-index: 2;}

.orange2-btn a { padding: 9px 23px 10px; font-family:'Cera-Regular',sans-serif; display: inline-block; font-size: 16px; background: transparent; border: 1px solid #ff7300; color: #ff7300; text-align: center;  border-radius: 4px; margin: 0 auto 40px;}
.orange2-btn a:hover, .section.post-body p .cta_button:hover{ background:#ff7300;color:#ff7300;text-decoration:none;border: 1px solid #FA811E;}

.orange2-btn a,.orange2-btn a:hover{ position: relative; background: transparent;}
.orange2-btn a:before { border-radius:4px; position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; background: transparent; z-index: -1; transition: all 0.3s;}
.orange2-btn a:after { border-radius:4px; position: absolute; content: ""; width: 0%; height: 100%; top: 0; left: 0; background: #FFEDE1; z-index: -1; transition: all 0.3s;}
.orange2-btn a:hover:after { width: 100%;}
.orange2-btn { position: relative; z-index: 2;}


.orange3-btn a { padding: 15px 30px 15px; font-family:'Cera-Regular',sans-serif; display: inline-block; font-size: 16px; background: transparent; border: 1px solid #FA811E; color: #FA811E; text-align: center;  border-radius: 4px; margin: 0 auto 40px;}
.orange3-btn a:hover, .section.post-body p .cta_button:hover{ background:transparent;color:#FA811E;text-decoration:none;border: 1px solid #FA811E;}

.orange3-btn a,.orange2-btn a:hover{ position: relative; background: transparent;}
.orange3-btn a:before { border-radius:4px; position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; background: transparent; z-index: -1; transition: all 0.3s;}
.orange3-btn a:after { border-radius:4px; position: absolute; content: ""; width: 0%; height: 100%; top: 0; left: 0; background: #FFEDE1; z-index: -1; transition: all 0.3s;}
.orange3-btn a:hover:after { width: 100%;}
.orange3-btn { position: relative; z-index: 2;}

.blue-btn a, .ias-trigger a { padding: 17px 40px; font-family:'Cera-Regular',sans-serif; display: inline-block; font-size: 16px; background: #057ee1; color: #fff; text-align: center;  border-radius: 4px; margin: 0 auto 40px;}
.blue-btn a:hover,.ias-trigger a:hover, .section.post-body p .cta_button:hover{ background:#0b5ea3;color:#fff;text-decoration:none;}

.blue-btn a,.blue-btn a:hover{ position: relative; background: transparent;}
.blue-btn a:before { border-radius:4px; position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; background: #057ee1; z-index: -1; transition: all 0.3s;}
.blue-btn a:after { border-radius:4px; position: absolute; content: ""; width: 0%; height: 100%; top: 0; left: 0; background: #0b5ea3; z-index: -1; transition: all 0.3s;}
.blue-btn a:hover:after { width: 100%;}

.blue-btn-2022 a, .ias-trigger a { padding: 17px 40px; font-family:'Cera-Regular',sans-serif; display: inline-block; font-size: 16px; background: #057ee1; color: #fff; text-align: center;  border-radius: 4px; margin: 0 auto 40px;}
.blue-btn-2022 a:hover,.ias-trigger a:hover, .section.post-body p .cta_button:hover{ background:#0b5ea3;color:#fff;text-decoration:none;}

.blue-btn-2022 a,.blue-btn-2022 a:hover{ position: relative; background: transparent;}
.blue-btn-2022 a:before { border-radius:4px; position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; background: #057ee1; z-index: -1; transition: all 0.3s;}
.blue-btn-2022 a:after { border-radius:4px; position: absolute; content: ""; width: 0%; height: 100%; top: 0; left: 0; background: #0b5ea3; z-index: -1; transition: all 0.3s;}
.blue-btn-2022 a:hover:after { width: 100%;}
.blue-btn-2022 { position: relative; z-index: 2;}

.grey-btn a { font-family:'Cera-Regular',sans-serif; display: inline-block; font-size: 16px; background: #EBEFF0; color: #435b6f; min-width: 210px; height: 53px; text-align: center;  border-radius: 4px; padding-top: 15px; margin: 0 auto 40px;}
.grey-btn a:hover{ background:#13c5e2;color:#fff;}
.blue-btn { position: relative; z-index: 2;}

.navy-blue-btn a { font-family:'Cera-Regular',sans-serif; display: inline-block; font-size: 16px; background: #13c5e2; color: #fff; min-width: 210px; height: 53px; text-align: center;  border-radius: 4px; padding-top: 15px; margin: 0 auto 40px;}
.navy-blue-btn a:hover{ background:#0db1cc;}

.cobalt-blue-btn a { font-family:'Cera-Regular',sans-serif; display: inline-block; font-size: 16px; background: #03467d; color: #fff; min-width: 210px; height: auto; text-align: center;  border-radius: 4px; padding: 17px 40px;;
margin: 0 auto 40px;}
.cobalt-blue-btn a:hover{ background:#0b5ea3; color: #fff;}

.btn-language { float: right !important;}
.globe_class { background-image: url(https://2270223.fs1.hubspotusercontent-na1.net/hubfs/2270223/language.png) !important;}
.lan-switcher:before { position: absolute; content: ""; right: 0; background-image: url(https://2270223.fs1.hubspotusercontent-na1.net/hubfs/2270223/language.png); width: 24px; height: 24px; top: 11px; }
.lan-switcher:hover:before { opacity: 0.7;}

.footer-language p{ display: flex; flex-wrap: wrap; align-items: center; position: relative;}
.footer-language p img{ position: absolute;top: 0;}
.footer-language p img:hover { opacity: 0.7;}
.footer-language p:hover { color:#12c4e2;}
.footer-language p span { padding-left: 50px;}
img.dark-hover { opacity: 0;}
.footer-language p:hover img.dark-hover { opacity: 1;}
i.fa.fa-angle-down { padding-left: 30px; color: #304150;}
.footer-language p:hover i.fa.fa-angle-down { color: #12c4e2;}
.fa-angle-down:before{ top: -5px;  position: absolute;}

/*==============================================================================================
                                    Footer css start
==============================================================================================*/

.inner-footer { background: #011f2d;}

.social-icon ul{ text-align:right;}
.social-icon ul li { display: inline-block;}
.social-icon ul li a { padding: 26px 0px 26px 7px; border-left: 1px solid #304150; display: inline-block; text-align: center; width: 80px; }
.social-icon ul li:last-child a{ border-right: 1px solid #304150; }

.quick-link { padding-top: 50px; padding-bottom: 60px; border-top: 1px solid #304150; border-bottom: 1px solid #304150;}
/* .q-link { margin-left: 10% !important; width: 17.5% !important;}
.q-link:first-child { margin-left: 0 !important;} */
.q-link h4 { margin-bottom: 30px; padding-bottom: 18px; font-family:'Cera-Regular',sans-serif; color: #57758F; font-size: 18px; position:relative;}
.q-link h4:before { position: absolute; content: ""; left: 0; bottom: 0; max-width: 248px;width: 100%; height: 1px; background: #57758F; }
.q-link span > div > ul > li > a{display:block;}
.q-link a { overflow: hidden; display: inline-block; position:relative; font-family:'Cera-Light',sans-serif; font-weight:300; color: #ebecf0; font-size: 16px;}
.q-link a:hover {text-decoration:none;}
.q-link a:before { position: absolute; top: -10px; left: 0; overflow: hidden; padding: 10px 0; max-width: 0;  color: #13c5e2; content: attr(data-hover); -webkit-transition: max-width 0.5s; -moz-transition: max-width 0.5s; transition: max-width 0.5s; }
.q-link a:hover:before, .q-link a:focus:before { max-width: 100%;}
.q-link ul li { margin-bottom: 20px;}
.q-link {
    width: 100%;
}
.q-link > span > div > ul > li {
    width:18%;
}
.q-link > span > div > ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;justify-content: space-between;
}
.q-link span>div>ul>li>a:before{display:none;}
.fa { color: #12c4e2; font-size: 30px;transition: all 0.5s ease;}
.social-icon ul li a:hover .fa { color: #fff;}

.inner-copyright {
    padding: 34px 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.copyright { text-align: right;}
.copyright a,.copyright ul li {  font-family:'Cera-Regular',sans-serif; font-size: 16px; color: #304150;}
.copyright ul li { display: inline-block; margin-right: 70px;}
.copyright ul li:last-child{ pointer-events: none;margin-right:0;}
.copyright ul li a:hover{  color: #12c4e2;text-decoration:none;}

i.fa.fa-play {
    color: #fff;
    font-size: 16px;
    padding-left: 2px;
}

i.fa.fa-play1 {
    color: #ff7300;
    font-size: 16px;
    padding-left: 2px;
}


/*==============================================================================================
                                   Event LP Header & Footer no Nav css start
==============================================================================================*/

.copyright2 {
    background: #011f2d;
    padding: 34px 30px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    text-align: right;
}

.copyright2 a,.copyright2 ul li {  font-family:'Cera-Regular',sans-serif; font-size: 16px; color: #304150;}
.copyright2 ul li { display: inline-block; margin-right: 70px;}
.copyright2 ul li:last-child{ pointer-events: none;margin-right:0;}
.copyright2 ul li a:hover{  color: #12c4e2;}

i.fa.fa-play {
    color: #fff;
    font-size: 16px;
    padding-left: 0px;
}
i.fa.fa-play1 {
    color: #ff7300;
    font-size: 16px;
    padding-left: 0px;
}

/*==============================================================================================
                                   Customer Level 1
==============================================================================================*/
@media(min-width:981px){
  .post-item:nth-of-type(3n) { margin-right:0;}
}
.copy-text {
    margin: 246px auto 133px !important;
    max-width: 790px;
    float: none !important;
    text-align: center;
}
.copy-text h2 {
    font-family: 'Cera-regular',sans-serif;
    letter-spacing: 0px;
    margin: 0 0 67px;
}
.post-listing {
    display: flex;
    flex-wrap: wrap;
}
.post-item {
    width: 29.5%;
    margin-right: 5.5%;
    max-width: 420px;
    background: #fff;
    box-shadow: 0 0 20px #f5f5f5;
    margin-bottom: 70px;
  -webkit-transition: all .2s ease;
    transition: all .2s ease;cursor: pointer;
}
.post-item:hover {
    box-shadow: 0 10px 18px 0 rgba(143,43,16,.16);
}
img.hs-featured-image {
    float: none;
    margin: 0;
    max-width: 100%;
    max-height: 255px;
    min-height: 255px;
    width: 100%;
}
.blog-listing-wrapper .hs-featured-image-wrapper .hs-featured-image {
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  height: 255px;
  width: 100%;
  float: none;
  margin: 0;
  max-width: 100%;
}
.post-item p {
    font-size: 16px;
    line-height: 1.5;
}
a.more-link {
    text-transform: uppercase;
    display: inline-block;
    color: #13c5e2;
    font-size: 13px;
    margin: 50px 0 0;
    letter-spacing: 3px;position: relative;
    font-family:'Cera-Medium',sans-serif;
}
.post-item .post-body { padding: 57px 60px 52px;}

.post-item:hover a.more-link img.normal-right { opacity:0;}
.post-item:hover a.more-link{ color: #012e44;}
a.more-link img { position: absolute; right: -23px; top: 6px; width: 12px; transition: all .5s ease;}
.post-item:hover a.more-link img { right: -33px; opacity:1;}
a.more-link:hover img{ transition: all 0.5s ease; right:-32px;}
a.more-link img.hover-right { transition: all .5s ease; opacity:0; width 12px;}
.blog-content { padding-bottom: 120px;}
.rl a.topic-link, .inner-resource a.topic-link  {
    color: #b0c0cf;
    font-size: 13px;
    font-family: 'Cera-Medium',sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    margin: 0 0 7px;
}
h3.header-m {
    font-family: 'Cera-Medium',sans-serif !important;
    color: #012E44 !important;
    font-size: 20px !important;
}
.leadership .hideif,.about .hideif{ display:none;}

.careers {
  background-color:#FAFBFC;
}

.lan-switcher { cursor: pointer;}
.lang-chooser-dropdown.expand ul { display:block; }
.lang-chooser-dropdown ul { display:none; transition:all 0.5s ease; box-shadow: 0px 1px 10px 1px rgba(0,0,0,0.05); color: #d8d8d8; background: #fff; position: absolute; right: 0; top: 70px; }
.lang-chooser-dropdown ul li { display: inline-block;}
.lang-chooser-dropdown ul li a { padding: 0 18px; line-height: 30px; text-transform: uppercase; color: #012e44; font-size: 14px; }
.lang-chooser-dropdown ul li a:hover, .a-act, a.en-act{ color: #13c5e2 !important;}

.footer-language{ min-width: 200px;position:relative;}
.footer-language p { font-size: 16px; color: #304150; cursor: pointer;}
.footer-language p img { padding-right: 25px;}
.lang-chooser-dropdown-f.expand-f ul { display:block; }
.lang-chooser-dropdown-f ul { display:none; transition:all 0.5s ease; box-shadow: 0px 1px 10px 1px rgba(0,0,0,0.05); color: #d8d8d8; background: #fff; position: absolute; right: 0; top: 70px; }
.lang-chooser-dropdown-f ul li { display: inline-block;}
.lang-chooser-dropdown-f ul li a { padding: 0 18px; line-height: 30px; text-transform: uppercase; color: #304150; font-size: 14px; }
.lang-chooser-dropdown-f ul li a:hover{ color:#12c4e2;}
.footer-language .lang-chooser-dropdown-f ul { max-width: 178px; left: 0; top: -67px; width: auto;}
img.down-f { margin-left: 25px;}


.rl a.topic-link {
    color: #b0c0cf;
    font-size: 13px;
    font-family: 'Cera-Medium',sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    margin: 0 0 7px;
}

/*==============================================================================================
                                   Customer Level 2
==============================================================================================*/

.section.post-body blockquote {
    font-size: 25px;
    color: #57758f;
    line-height: 1.3;
    padding: 20px 0px 25px;
    max-width: 847px;
    margin: 0 auto;
    letter-spacing: 0px;
    font-family: 'Cera-Medium',sans-serif;
}
.posting-div {
    background: #fafbfc;
    padding: 190px 0 72px;
}
.posting-div .blog-post-wrapper.cell-wrapper {
    max-width: 980px;
    margin: 0 auto;
}
.section.post-body h3 {
  margin-bottom: 30px;
  color:#024364;
    letter-spacing: -0.5px;
}
.section.post-body p {
    font-size: 17px;
    margin: 0 0 30px;font-family: 'Cera-Regular',sans-serif;
    line-height: 1.6;
}
.section.post-body p .cta_button {
    font-family: 'Cera-Regular',sans-serif;
    display: inline-block;
    font-size: 18.7px;
    background: #057ee1;
    color: #fff;
    min-width: 210px;
    text-align: center;
    border-radius: 4px;
    padding: 17px 11px;
    margin: 0;
}
.section.post-body p .hs-cta-wrapper {
    display: block;
    text-align: center;
    margin: 145px 0 65px;
}
.section.post-header h1 {
    margin: 0 0 40px;
    max-width: 900px;
    letter-spacing: 0px;
}
.section.post-body a {
    color: #13c5e2;
}
.section.post-body .blue-btn a {
  color: #fff;
}
.section.post-body .blue-btn a:hover {
  color: #fff;
}
.section.post-body .blue-btn-2022 a {
  color: #fff;
}
.section.post-body .blue-btn-2022 a:hover {
  color: #fff;
}
.section.post-body .orange-btn a {
  color: #fff;
}
.section.post-body .orange-btn a:hover {
  color: #fff;
}
.section.post-body .orange2-btn a {
  color: #ff7300;
}
.section.post-body .orange2-btn a:hover {
  color: #ff7300;
}
.section.post-body .orange3-btn a {
  color: #FA811E;
}
.section.post-body .orange3-btn a:hover {
  color: #FA811E;
}
.section.post-body h5 {
    font-size: 18px;
    color: #012e44;line-height: 1.4;
    margin: 23px 0 30px;
}
.section.post-body h6 {
    font-size: 16px;
    color: #012e44;line-height: 1.4;
    margin: 23px 0 30px;
}
.section.post-body ul, .section.post-body ol {
    padding-left: 55px;
    margin: 0 0 40px;
}
.section.post-body ol li, .section.post-body ul li {
    color: #708ea8;
    font-size: 16px !important;
    margin: 0 0 5px;
    font-weight: 400;
    font-family: cera-regular;
    line-height: 1.6;
}
.section.post-body a:hover {
    color: #012d45;
}

.white-box h1, .white-box h2, .white-box h3, .white-box h4, .white-box h5, .white-box h6, .white-box p,.white-box p a, .white-box blockquote, .white-box-description strong
{font-size: 16px;
    line-height: 1.5;
    font-family: 'Cera-Light',sans-serif;
    color: #708ea8;
    min-height: 0;
    margin: 0 auto;
    padding: 0;}

.rl a.more-link { text-transform: capitalize;font-size: 16px;letter-spacing: 0;}
.ias-trigger {
    width: 100%;
    margin: 40px 0 0;
}
.ias-trigger a {
    min-width: 200px;
}

/*==============================================================================================
                                    responsive css start
==============================================================================================*/

  
@media(max-width:1600px){


  .menu ul li { margin:0 12px;}  
  .free-demo ul li:first-child a,.free-demo ul li:last-child a{ max-width: 115px; height: 40px; padding-top: 9px;}
  .free-demo ul li{ width:115px;}  
  .free-demo { padding-right: 10px;}
  .btn-language { z-index:100; width: 280px !important;}
  .wrapper-header .menu{  padding-right: 30px; width: calc(100% - 542px);}
  
}

@media(max-width:1500px){

  .container{ padding:0 20px;}
  .inner-header{ padding:30px 20px;}
  .is-scrolled .inner-header { padding: 20px;}
  
}
  
@media(max-width:1200px){
.wrapper-header .menu {
  
    width: calc(100% - 611px);
}
.btn-language {  top:13px; position: relative; margin-right: 145px;}
.mobile-trigger.cta_border_button { display: block;}

.wrapper-header.is-scrolled { width: 100% !important; box-shadow: 0 0 20px 0 rgba(0,0,0,.06); position: fixed; background: #fff; z-index: 999; }  
.stickyHeader .wrapper-header { background:#fff;}
  
.wrapper-header .logo {
	width:167px !important;
	margin:0 !important
}
.inner-header {
	display:flex;
	align-items: flex-start;
}
/* .menu {
	width:76% !important;
	margin:0 41px 0 0 !important;
	position:relative;
	text-align:right
} */
.contact-cta {
	text-align:center;
	margin:0 0 0 auto !important;
	position:relative;
	z-index:9
}
.primary-cta-sm a { background:#eb5590; color:#fff; padding:21px 10px; display:inline-block; font-family:'Montserrat', sans-serif; min-width:140px; font-weight:800; text-transform:uppercase; text-decoration:none; border:2px solid transparent }
.primary-cta-sm a:hover {
	background:transparent;
	color:#152537;
	border:2px solid #152537
}
.hm.landing_page .menu.custom-menu-primary.js-enabled {
	display:none !important
}
.hm.landing_page .contact-cta.primary-cta-sm {
	display:none
}
.wrapper-header .menu ul>li.hs-menu-depth-1 {
	padding:0
}
body.mobile-open {
	overflow:hidden
}
.wrapper-header .mobile-trigger { z-index:1000; width:28px; height:25px; position:absolute; cursor:pointer;  top:56px; right:30px; display:inline-block !important; -webkit-transform:rotate(0); -moz-transform:rotate(0); -o-transform:rotate(0); transform:rotate(0); -webkit-transition:.5s ease-in-out; -moz-transition:.5s ease-in-out; -o-transition:.5s ease-in-out; transition:.5s ease-in-out }
.wrapper-header.is-scrolled .mobile-trigger{ top:47px;}
span.men { color:#152537;  font-weight:400; font-size:18px; display:block; position:relative; right:70px; top:-3px }
.header-color span.men { color:#fff;}
.header-color .wrapper-header.is-scrolled  span.men { color:#152537;}
.header-color .wrapper-header .mobile-trigger .line{ background:#fff;}
.header-color .wrapper-header.is-scrolled .mobile-trigger .line{ background:#012e44;}
  
.mobile-open span.men { color: #13c5e2 !important;}
  
.wrapper-header .mobile-trigger .line { width:79%; display:block; background:#080808; height:2px; position:absolute; left:0; transition:.25s ease-in-out }
.wrapper-header .mobile-trigger.active-re .line {
	background:#152537;
}
  .mobile-open .wrapper-header .mobile-trigger.active-re .line {
	background:#13c5e2;
}
  
.wrapper-header .mobile-trigger .line.line-1 {
	top:0
}
.wrapper-header .mobile-trigger .line.line-2 {
	top:6px;
	width:62%
}
.wrapper-header .mobile-trigger .line.line-3 {
	top:13px;
	width:38%
}
.wrapper-header .mobile-trigger .line.line-4 {
	top:10px
}
.wrapper-header .mobile-trigger .line.line-5 {
	top:20px
}
.wrapper-header .mobile-trigger .line.line-6 {
	top:20px
}
.wrapper-header .mobile-trigger .line:nth-child(odd) {
	left:0
}
.wrapper-header .mobile-trigger .line:nth-child(even) {
	left:0
}
.wrapper-header .mobile-trigger.active-re .line.line-1 {
	left:0;
	top:7px;
	height:4px
}
.wrapper-header .mobile-trigger.active-re .line.line-1,
.wrapper-header .mobile-trigger.active-re .line.line-2 {
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg)
}
.wrapper-header .mobile-trigger.active-re .line.line-2 {
	left:0px;
	top:7px;
	width:79%;
	height:4px
}
.wrapper-header .mobile-trigger.active-re .line.line-3 {
	left:-50%;
	opacity:0
}
.wrapper-header .mobile-trigger.active-re .line.line-3,
.wrapper-header .mobile-trigger.active-re .line.line-4 {
	top:10px
}
.wrapper-header .mobile-trigger.active-re .line.line-4 {
	left:100%;
	opacity:0
}
.wrapper-header .mobile-trigger.active-re .line.line-5 {
	left:0;
	top:17px
}
.wrapper-header .mobile-trigger.active-re .line.line-2,
.wrapper-header .mobile-trigger.active-re .line.line-5 {
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg)
}
.wrapper-header .mobile-trigger.active-re .line.line-6 {
	left:calc(50% - 5px);
	top:17px
}
.wrapper-header .mobile-trigger.active-re .line.line-1,
.wrapper-header .mobile-trigger.active-re .line.line-6 {
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg)
}
.wrapper-header .mobile-trigger:hover .line.line-2 {
	width:40%
}
.wrapper-header .mobile-trigger:hover .line.line-1 {
	width:60%
}
.wrapper-header .mobile-trigger:hover .line.line-3 {
	width:20%
}

  .wrapper-header .menu ul>li.hs-menu-depth-1>.child-trigger.child-open i:before{ color:#00FFFF ;}
.wrapper-header .menu ul>li.hs-menu-depth-1>.child-trigger.child-open i:before {
	content:"\f068";
	font-family:FontAwesome
}
  .child-trigger i {
    font-style: normal;
}
  .wrapper-header .menu ul>li.hs-menu-depth-1>.child-trigger i:after {
	content:"\f067";
	font-family:FontAwesome
}
  .wrapper-header .menu ul>li.hs-menu-depth-1>.child-trigger.child-open i:after{ display:none;}
.wrapper-header .menu ul>li.hs-menu-depth-2>.child-trigger.child-open i:before {
	content:"\f068";
	font-family:FontAwesome
}
.mobile-trigger.cta_border_button.active-re:hover .line-1,
.mobile-trigger.cta_border_button.active-re:hover .line-2 {
	width:79%
}
.wrapper-header .hs-menu-wrapper:before { content:''; position:fixed; width:inherit; height:100px; background:#012e44; right:-100%; transition:all .5s ease; top:0; z-index:9; max-width:500px }
.mobile-open .wrapper-header .hs-menu-wrapper:before {
	right:0;
	transition:all .5s ease
}
.wrapper-header .hs-menu-wrapper { overflow-x: hidden; z-index:100; position:fixed; width:100%; max-width:500px; overflow-y:scroll; right:-900px; top:0px; background:#012e44; height:100%; transition:all .5s ease; padding:76px 40px 0 }
.wrapper-header .menu ul>li.hs-menu-depth-1 {
	width:100%;
	margin-bottom:12px
}
.wrapper-header .menu ul>li.hs-menu-depth-1>a { color:#13c5e2; font-weight:800; font-size:28px; padding:10px 0px; display:block }
  .wrapper-header .menu ul>li.hs-menu-depth-1>a:hover { text-decoration:none;}
.wrapper-header .menu .hs-menu-wrapper>ul {  max-width:375px; display:block; position:relative; padding:90px 0px 140px 0px; height:auto !important; width:100%; text-align:left }
.wrapper-header .mobile-trigger.active-re+div.active-branch.flyouts {
	right:0;
	transition:all .5s ease
}
.wrapper-header .menu ul>li.hs-menu-depth-1 ul.hs-menu-children-wrapper { position:relative; display:none; visibility:visible; width:100%; padding:0px 0px 0px 20px; left:0; text-align:left }
.wrapper-header .menu ul>li.hs-menu-depth-1>.child-trigger { display:inline-block; position:relative; top:-30px; right:0px; color:#29A6DD; font-size:17px; padding:0px; cursor:pointer; float:right; }
  .wrapper-header .menu ul>li.hs-menu-depth-1>.child-trigger.child-open{color:#00FFFF ; }
.wrapper-header .menu ul>li.hs-menu-depth-1>.child-trigger i {
	transition:.5s all ease
}
  .menu ul li ul li:last-child {
    margin-bottom: 0px !important;
}
.wrapper-header .menu ul>li.hs-menu-depth-1>ul>li>a {
	color:#29A6DD;
	font-weight:800;
	font-size:20px;
}
li.hs-menu-item.hs-menu-depth-2 { margin-bottom:20px !important; cursor:pointer; padding-left:0; padding-bottom:0 }
.menu .contact-cta.primary-cta-sm {
	display:none
}
.wrapper-header .menu ul>li.hs-menu-depth-2>ul.hs-menu-children-wrapper { position:relative; display:none; visibility:visible; left:0px; padding:19px 42px 0 }
.wrapper-header .menu ul>li.hs-menu-depth-2>.child-trigger { cursor:pointer; position:absolute; top:0px; right:10px }
.wrapper-header .menu ul>li.hs-menu-depth-2>.child-trigger i {
	position:relative
}
.wrapper-header .menu ul>li.hs-menu-depth-2>.child-trigger i:before { transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; -webkit-transition:all .5s ease }
.wrapper-header .menu ul>li.hs-menu-depth-2>.child-trigger i:before { content:"\f067"; font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; color:#152537; font-size:16px; position:absolute; right:0 }
.wrapper-header .menu ul li.hs-menu-item.hs-menu-depth-3 {
	margin-bottom:12px;
	padding:0 57px 0 0
}
.wrapper-header .menu ul li.hs-menu-item.hs-menu-depth-3 a {
	font-size:12px;
	font-weight:800;
	position:relative;
	color:#152537
}
.wrapper-header .menu ul li.hs-menu-item.hs-menu-depth-3:hover a {
	color:#eb5590
}
.wrapper-header .menu ul li a {
	text-decoration:none!important
}
.wrapper-header .menu ul li.hs-menu-item.hs-menu-depth-3:hover:after {
	display:block
}
.wrapper-header .menu ul li.hs-menu-item.hs-menu-depth-3:after { position:absolute; display:none; content:''; right:0; top:9px; background:url(https://744955.fs1.hubspotusercontent-na1.net/hubfs/744955/Prodo%20Website%20March%202019/Images/arr-2.jpg); background-size:26px; width:27px; height:15px; background-repeat:no-repeat }
.wrapper-header .menu ul>li.hs-menu-depth-2>.child-trigger i:before {
	right:-10px
}
.mobile-trigger.cta_border_button.active-re:hover span.line-2 {
	transform:rotate(140deg)
}
.mobile-trigger.cta_border_button.active-re:hover span.line-1 {
	transform:rotate(221deg)
}
a.child-open {
	color:#00FFFF !important
}
.wrapper-header .menu ul li a:hover {
	color:#00FFFF !important
}
}
.left-testi a {
    font-family: 'Cera-Medium',sans-serif;
    font-size: 16px;
    display: flex;
    align-items: center;
}

.ply-img {
    transition: all .5s ease;
    margin-right: 20px;
    width: 43px;
    height: 43px;
    background: #057ee1;
    border-radius: 50%;
    text-align: center;
    display: flex;
    align-items: center;padding-top: 0;
    justify-content: center;
   
}

.ply-img1 {
    transition: all .5s ease;
    margin-right: 20px;
    width: 100px;
    height: 100px;
    background: #057ee1;
   border: 1px solid #FA811E;;
    border-radius: 50%;
    text-align: center;
    display: flex;
    align-items: center;padding-top: 0;
    justify-content: center;

   
}

@media(max-width:1200px){

  h1{font-size: 42px;}
  .section.post-body p .hs-cta-wrapper { margin: 90px 0 45px;}
  .blog-content { padding-bottom: 70px;}
  .menu ul li ul li{ margin:0;}
  
}

@media(max-width:1024px){

  h1{font-size: 36px;}
  h2{font-size: 30px;}
  p{ font-size:20px;}
  
  .q-link a{ font-size:14px;}
  .q-link ul li { margin-bottom: 10px;}
  .q-link h4{ font-size:16px;}
  .copyright a, .copyright ul li{ font-size: 14px;}
  .copyright ul li{ margin-right:30px;}
  .posting-div {padding: 90px 0 40px;}
   .section.post-body p .hs-cta-wrapper { margin: 70px 0 35px;}
  .blog-content { padding-bottom: 50px;}
  .left-testi {align-items: flex-start;padding-top: 50px;}
  
}

@media(max-width:980px){
  
 .post-item:nth-of-type(2n) { margin-right:0;}
 .post-item {margin-right: 10%; width: 45%;}
  
}

@media(max-width:767px){
  
  .hm form{padding:20px;}
  h1 { font-size: 36px;}
  p{ font-size:20px;}
  h2{font-size: 30px;}
/*   .q-link { margin-bottom: 30px; width: 47.5% !important; float: left !important; margin-right: 5%; margin-left: 0 !important;}
  .q-link:nth-of-type(2n){ margin-right:0;} */
  .q-link>span>div>ul>li {
    width: 45%;
}
  .quick-link {padding-top: 30px; padding-bottom: 20px;}
  .social-icon ul li a { padding: 20px 0px 20px 7px;}
  .logo-img img,.white-logo img{ max-width:150px !important;}
  .inner-header{ justify-content: flex-start;padding:24px 20px;}
  .wrapper-header .mobile-trigger{ right:20px;}
  .wrapper-header.is-scrolled .mobile-trigger{ top:40px;}
  .btn-language { display: none !IMPORTANT;}
  .copyright { width: 100%;text-align: center;}
  .footer-language { width: 100%;text-align: center; margin-bottom: 30px;}
  .copy-text h2 { letter-spacing: 0px;margin: 0 0 px;}
  .post-item {margin-right: 0;width: 100%; max-width: 100%;}
  .post-item .post-body {padding: 38px 40px;}
  a.more-link {margin: 20px 0 0;}
  img.hs-featured-image { max-height: 100%;  min-height: 0;   }
  .posting-div {padding: 70px 0 20px;}
  .section.post-body blockquote {font-size: 30px;padding: 45px 0px 60px;}
  .copy-text { margin: 152px auto 85px !important;}
  .wrapper-header .mobile-trigger{ top:44px;}
  .inner-left-testi { padding: 0 20px 30px;}
  .section.post-body ul, .section.post-body ol {padding-left: 31px;}
  .ply-img { padding-left: 3px;}
  .ply-img1 { padding-left: 3px;}
  .footer-language .lang-chooser-dropdown-f ul{ right:0;margin:0 auto;}
  .footer-language p img { padding-right: 110px;}
  .footer-language p{ justify-content: center;}
  
}
    
@media(max-width:640px){
  
  .hm form div.hs-form-field{width: 100% !important;margin-right:0 !important;}
  
}    

@media(max-width:480px){
.q-link>span>div>ul>li {
   text-align: center; width: 100% !important; float: none !important; margin-right: 0;
}
  .q-link { text-align: center; width: 100% !important; float: none !important; margin-right: 0;}
  .q-link h4:before{ right: 0; margin: 0 auto;}
  .social-icon ul { text-align: center;}
  .wrapper-header .menu .hs-menu-wrapper>ul{ padding:50px 0;}
  .wrapper-header .hs-menu-wrapper{ padding: 76px 50px 0;}
  .wrapper-header .menu ul>li.hs-menu-depth-1>a{ font-size:24px;}
  .copy-text { margin: 145px auto 60px !important;}
  .copyright ul li:last-child { margin-top: 10px; display: block;}
  .copyright ul li:nth-of-type(2) { margin-right: 0;}
  .post-item .post-body {padding: 30px 20px;}
  .section.post-body blockquote { font-size: 23px; padding: 32px 0px 50px;}
  .wrapper-header .menu ul>li.hs-menu-depth-1>ul>li>a{ font-size:18px;}
  
}

#hs-eu-cookie-confirmation {
    position: fixed!important;
    bottom: 0;
    top: auto !important;
    background-image: none!important;
}


.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
/*# sourceMappingURL=slick.min.css.map */

@charset 'UTF-8';.slick-loading .slick-list{background:#fff url(https://www.silverfin.com/hubfs/slick/ajax-loader.gif) center center no-repeat}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(https://www.silverfin.com/hubfs/slick/slick.eot);src:url(https://www.silverfin.com/hubfs/slick/slick.eot?#iefix) format('embedded-opentype'),url(https://www.silverfin.com/hubfs/slick/slick.woff) format('woff'),url(https://www.silverfin.com/hubfs/slick/slick.ttf) format('truetype'),url(https://www.silverfin.com/hubfs/slick/slick.svg#slick) format('svg')}.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:0;background:0 0}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:'â†'}[dir=rtl] .slick-prev:before{content:'â†’'}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-next:before{content:'â†’'}[dir=rtl] .slick-next:before{content:'â†'}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-family:slick;font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'â€¢';text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000}
/*# sourceMappingURL=slick-theme.min.css.map */

.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none !important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none !important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-preloader a:hover{color:#FFF}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:hover,.mfp-close:focus{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1}.mfp-arrow:before,.mfp-arrow:after{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0 0;transform-origin:0 0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}