@charset 'UTF-8';.slick-loading .slick-list{background:#fff url(https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/ajax-loader.gif) center center no-repeat}@font-face{ font-display: swap; font-family:slick;font-weight:400;font-style:normal;src:url(https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/fonts/slick.eot);src:url(https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/fonts/slick.eot?#iefix) format('embedded-opentype'),url(https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/fonts/slick.woff) format('woff'),url(https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/fonts/slick.ttf) format('truetype'),url(https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/fonts/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 */
.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 */


.slick-dots li button {  border: 1px solid #373c48;  border-radius: 50%;  padding: 0;  width: 13px;  height: 13px;  transition: all ease 0.3s;  -webkit-transition: all ease 0.3s; }
.slick-dots li button:before {content: '';}
.slick-dots li {  width: auto;  height: auto;  margin: 0 10px; }
.slick-dots li.slick-active button {  background-color: #373c48; }
*, *:before, *:after {
  box-sizing: border-box;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}
/* Responsive Grid */

.row-fluid {
    width: 100%;
    *zoom: 1;
}

.row-fluid:before, .row-fluid:after {
    display: table;
    content: "";
}

.row-fluid:after {
    clear: both;
}

.row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 1px;
    margin-left: 2.127659574%;
    *margin-left: 2.0744680846382977%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}

.row-fluid .span12 {
    width: 99.99999998999999%;
    *width: 99.94680850063828%;
}

.row-fluid .span11 {
    width: 91.489361693%;
    *width: 91.4361702036383%;
}

.row-fluid .span10 {
    width: 82.97872339599999%;
    *width: 82.92553190663828%;
}

.row-fluid .span9 {
    width: 74.468085099%;
    *width: 74.4148936096383%;
}

.row-fluid .span8 {
    width: 65.95744680199999%;
    *width: 65.90425531263828%;
}

.row-fluid .span7 {
    width: 57.446808505%;
    *width: 57.3936170156383%;
}

.row-fluid .span6 {
    width: 48.93617020799999%;
    *width: 48.88297871863829%;
}

.row-fluid .span5 {
    width: 40.425531911%;
    *width: 40.3723404216383%;
}

.row-fluid .span4 {
    width: 31.914893614%;
    *width: 31.8617021246383%;
}

.row-fluid .span3 {
    width: 23.404255317%;
    *width: 23.3510638276383%;
}

.row-fluid .span2 {
    width: 14.89361702%;
    *width: 14.8404255306383%;
}

.row-fluid .span1 {
    width: 6.382978723%;
    *width: 6.329787233638298%;
}

.container-fluid {
    *zoom: 1;
}

.container-fluid:before, .container-fluid:after {
    display: table;
    content: "";
}

.container-fluid:after {
    clear: both;
}

@media (max-width: 767px) {
    .row-fluid {
        width: 100%;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: none;
        width: auto;
        margin-left: 0;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 1px;
        margin-left: 2.762430939%;
        *margin-left: 2.709239449638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 99.999999993%;
        *width: 99.9468085036383%;
    }

    .row-fluid .span11 {
        width: 91.436464082%;
        *width: 91.38327259263829%;
    }

    .row-fluid .span10 {
        width: 82.87292817100001%;
        *width: 82.8197366816383%;
    }

    .row-fluid .span9 {
        width: 74.30939226%;
        *width: 74.25620077063829%;
    }

    .row-fluid .span8 {
        width: 65.74585634900001%;
        *width: 65.6926648596383%;
    }

    .row-fluid .span7 {
        width: 57.182320438000005%;
        *width: 57.129128948638304%;
    }

    .row-fluid .span6 {
        width: 48.618784527%;
        *width: 48.5655930376383%;
    }

    .row-fluid .span5 {
        width: 40.055248616%;
        *width: 40.0020571266383%;
    }

    .row-fluid .span4 {
        width: 31.491712705%;
        *width: 31.4385212156383%;
    }

    .row-fluid .span3 {
        width: 22.928176794%;
        *width: 22.874985304638297%;
    }

    .row-fluid .span2 {
        width: 14.364640883%;
        *width: 14.311449393638298%;
    }

    .row-fluid .span1 {
        width: 5.801104972%;
        *width: 5.747913482638298%;
    }
}

@media (min-width: 1280px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 1px;
        margin-left: 2.564102564%;
        *margin-left: 2.510911074638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 100%;
        *width: 99.94680851063829%;
    }

    .row-fluid .span11 {
        width: 91.45299145300001%;
        *width: 91.3997999636383%;
    }

    .row-fluid .span10 {
        width: 82.905982906%;
        *width: 82.8527914166383%;
    }

    .row-fluid .span9 {
        width: 74.358974359%;
        *width: 74.30578286963829%;
    }

    .row-fluid .span8 {
        width: 65.81196581200001%;
        *width: 65.7587743226383%;
    }

    .row-fluid .span7 {
        width: 57.264957265%;
        *width: 57.2117657756383%;
    }

    .row-fluid .span6 {
        width: 48.717948718%;
        *width: 48.6647572286383%;
    }

    .row-fluid .span5 {
        width: 40.170940171000005%;
        *width: 40.117748681638304%;
    }

    .row-fluid .span4 {
        width: 31.623931624%;
        *width: 31.5707401346383%;
    }

    .row-fluid .span3 {
        width: 23.076923077%;
        *width: 23.0237315876383%;
    }

    .row-fluid .span2 {
        width: 14.529914530000001%;
        *width: 14.4767230406383%;
    }

    .row-fluid .span1 {
        width: 5.982905983%;
        *width: 5.929714493638298%;
    }
}

/* Clearfix */

.clearfix {
    *zoom: 1;
}

.clearfix:before, .clearfix:after {
    display: table;
    content: "";
}

.clearfix:after {
    clear: both;
}

/* Visibilty Classes */

.hide {
    display: none;
}

.show {
    display: block;
}

.invisible {
    visibility: hidden;
}

.hidden {
    display: none;
    visibility: hidden;
}

/* Responsive Visibilty Classes */

.visible-phone {
    display: none !important;
}

.visible-tablet {
    display: none !important;
}

.hidden-desktop {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-phone {
        display: inherit !important;
    }

    .hidden-phone {
        display: none !important;
    }

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .visible-tablet {
        display: inherit !important;
    }

    .hidden-tablet {
        display: none !important;
    }

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important ;
    }
}
.content-wrapper {
  margin: 0 auto;
  max-width: 1240px;
  padding: 0 20px;
}

@media screen and (min-width: 1380px) {
  .content-wrapper {
    padding: 0;
  }
}

.dnd-section,
.content-wrapper--vertical-spacing {
  padding: 80px 20px;
}

.dnd-section > .row-fluid {
  margin: 0 auto;
  max-width: 1200px;
}

.dnd-section .dnd-column {
  padding: 0 20px;
}

@media (max-width: 767px) {
  .dnd-section .dnd-column {
    padding: 0;
  }
}
/*form { margin:0 -10px; }*/
form .input { margin-right:0 !important; }
form fieldset { max-width:inherit !important; margin:0 -10px;  }
form fieldset.form-columns-1 .field { width:100% !important; }
form fieldset.form-columns-2 .field { width:50% !important; }
form fieldset.form-columns-3 .field { width:33.33% !important; }
form .field { padding:0 0 20px; }
form fieldset .field { padding-left:10px; padding-right:10px; }
form ul.multi-container { padding-top:10px; }
form ul.multi-container li { margin:5px 0; }
textarea, input[type="text"], input[type="number"], input[type="email"], input[type="tel"], select,input[type="password"] { display:block; border:none; outline:none; background:#fff; font-size:12px; line-height:1; font-family: inherit;
    font-weight: 300; color:#15115E; margin:0; padding:13px 0; width:100% !important; border-radius:0; border-bottom: 1px solid #07B5FF }
textarea { min-height:100px; }

input[type="submit"] { outline:none; font-family: inherit;  padding:4px 0px; background:transparent; color:#15115e; border:none; font-size:20px; line-height:1; font-weight:500;
    border-radius:0; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; transition:all ease 0.3s; border-bottom: 4px solid #00C299 }
input[type=submit] { cursor: pointer; background-image: url(https://6598480.fs1.hubspotusercontent-na1.net/hubfs/6598480/Viooh_Theme2021/images/blank%20%281%29.webp) !important; }
/* input[type="submit"]:hover { color:#fff; background:#1996cd; } */
 

form input[type="radio"],form input[type="checkbox"] {  display:none }
form input[type="radio"]+span,form input[type="checkbox"]+span,form input[type="radio"]+label,form input[type="checkbox"]+label {  position:relative; display:block; padding-left:30px; cursor:pointer }
form input[type="radio"]+span:before,form input[type="checkbox"]+span:before,form input[type="radio"]+label:before,form input[type="checkbox"]+label:before {  content:"\f00c"; font-family:fontawesome; color:#15115E  ; position:absolute; left:0px; top:4px; font-size:0; width:18px; height:18px; display:block; border:2px solid #15115E;
  transition:all ease .3s; -webkit-transition:all ease .3s; text-align:center; line-height:14px; border-radius: 4px }
form input[type="radio"]+span:before,form input[type="radio"]+label:before {  border-radius:50% }
form input[type="radio"]:checked+span:before ,form input[type="radio"]:checked+label:before {  background:#15115E ; border-color:#15115E; color: #fff  }
form input[type="checkbox"]:checked+span:before,form input[type="checkbox"]:checked+label:before {  border-color:#15115E ; font-size:12px; background:#15115E ; color:#fff; letter-spacing:0; }

/* form input[type=submit], form .hs-button { font-size: 16px } */


.altForm input[type=text],.altForm input[type=email],.altForm input[type=password],.altForm input[type=tel],.altForm input[type=number],.altForm input[type=file],.altForm select,.altForm textarea {  border-bottom: 2px solid #15115e;  padding: 6px;}
form .field > label {  font-size: 15px;  font-weight: 500; }
ul.inputs-list.multi-container { list-style: none; padding: 0; }
ul.inputs-list.multi-container li { display: inline-block; vertical-align: top;  margin-right: 0; }
ul.inputs-list.multi-container li {  margin-right: 16px; }

.altForm form input[type="radio"]+span,.altForm form input[type="checkbox"]+span {   padding-left: 0; padding-right: 30px; padding-top: 2px;  font-size: 15px; }
.altForm form input[type="radio"]+span:before,.altForm form input[type="checkbox"]+span:before {  left: inherit;   right: 0; }
.altForm input[type="submit"] {   border-color: #EF69D7; }
/* Footer CSS */
.footer { padding-top: 150px; padding-bottom: 140px; }
.footerInner { padding: 0 00px 0 80px; border-bottom: 1px solid #ccc; }
.footerInner > div { display: inline-block; vertical-align: top; margin-right: -4px; }
.footerCol1{ width: 42%;  }
.footerLogo { width: 170px; max-width: 100%; }
img { max-width: 100%; height: auto; vertical-align: middle; }
.footerAddress { padding-top: 12px; font-size: 14px; }
.footerLogo a { display: block; }
.footerEmailS { padding-top: 20px; font-size: 15px; }
.footerEmailS a i { width: 30px; height: 30px; display: inline-block; vertical-align: top; line-height: 28px; text-align: center; color: #fff; position: relative; }
.footerEmailS a span { display: inline-block; vertical-align: top; margin-right: -4px; width: calc(100% - 30px); font-weight: 500; padding-left: 16px; padding-top: 4px; }
.footerEmailS a i:after {content: '';width: 100%;height: 100%;background: #07B5FF;position: absolute;left: 0;transform: rotate(45deg);}
.footerEmailS a i:before { position: relative; z-index: 2; }
.footerEmailS li + li { padding-top: 19px; }

.mTitle h6 {  font-weight: 500; font-size: 15px; }
.mMenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {  font-size: 15px;  }
.mMenu {  padding-top: 10px; }
.footerMenuBox {  display: inline-block;  margin-right: -4px;  vertical-align: top;   padding-right: 30px; }
.footerCol2 {  width: 35%; }

.footerCol3 {  width: 23%; padding-left: 40px; }
.footerBoxLinks  li a { display: inline-block; font-size: 20px; font-weight: 500; }
.footerBoxLinks li + li { padding-top: 20px; }
.footerBoxLinks li:first-child a { border-bottom: 4px solid #07B5FF; }
.footerBoxLinks li:nth-child(2) a {  border-bottom: 4px solid #9369EE; }
.SocialIconsS {  padding-top: 40px; }
.SocialIconsS li {  display: inline-block;  vertical-align: top; margin-right: 11px; }
.SocialIconsS li a {  width: 30px; height: 30px;  display: inline-block;  vertical-align: top; line-height: 32px;  text-align: center;  color: #fff;   position: relative; }
.SocialIconsS li a:before { content: ''; width: 100%;  height: 100%;  background: #07b5ff;  position: absolute;  left: 0;  transform: rotate(45deg);} 
.SocialIconsS li a i {  position: relative;  z-index: 2; }
.footerMenuBox:last-child {   padding-right: 0;  width: 55%; }
.footerMenuBox:first-child {  width: 45%; }
.footerInner {  padding-bottom: 30px; }
.footerCopyRight {  padding-top: 30px;  padding-bottom: 30px;  font-size: 14px;  font-weight: 300; }
.footerCopyRight  span {  display: inline-block;  vertical-align: middle;   padding: 0 2px; }

/* Footer */
header { padding: 35px 0; position:absolute; top: 0; left: 0; z-index: 1000; width: 100% }
.globalheaderInner > div {  display: inline-block;  vertical-align: middle; margin-right: -4px; }
.SiteLogo {  width: 110px; }
.SiteLogo svg {  width: 100%;  height: auto; }
.rightNavigation {  width: calc(100% - 110px);  text-align: right; }
.rightNavigation ul { margin: 0;  padding: 0;  list-style: none; }
.rightNavigation .hs-menu-wrapper > ul > li {  display: inline-block;  vertical-align: middle;  position: relative;  padding: 0 10px; }
.rightNavigation .hs-menu-wrapper > ul > li > ul { text-align: left;  position: absolute;  top: 100%;  left: 0;  transition: all ease 0.1s;  -webkit-transition: all ease 0.1s;   opacity: 0;   visibility: hidden; }
.rightNavigation .hs-menu-wrapper > ul > li > a {  position: relative;   padding: 10px 0;  display: block; }
.rightNavigation .hs-menu-wrapper > ul > li > ul > li {  width: 155px; }
.rightNavigation .hs-menu-wrapper > ul > li > ul > li > a {  padding: 7px 10px;  display: block; }
.rightNavigation .hs-menu-wrapper > ul > li:hover > ul { opacity: 1; visibility: visible; }
.rightNavigation .hs-menu-wrapper > ul > li > a:after {content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);height: 3px;background: #ffffff;transition: all ease 0.3s;width: 0;}
.rightNavigation .hs-menu-wrapper > ul > li:hover > a:after { width: 100%; }
.mobileHeaderSec { display: none }
.rightNavigation .hs-menu-wrapper > ul > li  a { color: #fff }


.altHeaderStyle .globalheaderSec .SiteLogo svg path {  fill: #000; }
header.altHeaderStyle .rightNavigation .hs-menu-wrapper>ul>li a {  color: #15115e; }
.footerBoxLinks li:first-child a:hover { color:  #07b5ff; }
.footerBoxLinks li:nth-child(2) a:hover { color: #9369ee; }

@media(min-width: 768px){
  .mobileMenuF,.mobileFooter { display: none }
  
}

@media(min-width: 1081px){
  a.expandMenu {  display: none; }
}


@media(max-width: 1230px){
  .footerInner {  padding-left: 40px; }
  .footerCol1 {  padding-right: 30px; }
  .rightNavigation .hs-menu-wrapper>ul li a {  font-size: 15px; }
  .rightNavigation .hs-menu-wrapper>ul>li {  padding:  0 5px; }
  
  
}
@media(max-width: 1080px){
  .footer { padding-top: 150px; padding-bottom: 80px; }
  .footerAddress {font-size: 12px;}
  .footerInner {  padding-left: 0; }
  .footerCol3 {  padding-left: 0; }
  .footerLogo {  width: 150px; }
  .mMenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {  font-size: 12px; }
  .mTitle h6 {  font-size: 12px; }
  .footerCol3 { padding-left: 30px; }
  .footerBoxLinks li a {  font-size: 16px; }
  .footerCopyRight {  padding-top: 20px;  padding-bottom: 20px; }
  .rightNavigation > span { display: none }
  /*-=-=-=-= Mobile menu JS USE  MENU ICON as '<a class="expandMenu"><i></i><i></i><i></i></a>' -=-=-=*/
  a.expandMenu,a.expandMenuOpen  { width: 30px; height: 30px; display: block; cursor: pointer; padding: 3px; position: relative; margin: 0 0 0 auto; border-radius: 20px; }
  a.expandMenu i,a.expandMenuOpen i { position:relative; width: 30px; left:0; height: 4px; opacity:1; display: block; background: #ffffff; margin: 5px 0; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; }
  a.expandMenu i:first-child,a.expandMenuOpen i:first-child {  margin-top: 0;}
   a.expandMenuOpen.active i:first-child { transform: rotate(135deg); -webkit-transform: rotate(135deg); top: 10px; position: relative; }
  a.expandMenuOpen.active i:nth-child(2) { position:relative; left:-46px; opacity:0; }
  a.expandMenuOpen.active i:last-child { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); top: -8px; position: relative; }
 
  header { padding: 20px 0; }  
  .mobileHeaderSec { position: fixed; display: none; top: 0; left: 0; width: 100%;  text-align: center; background-color: rgb(21 17 94 / 0.58);  z-index: 99; }
  .msTopHeaderMenu .hs-menu-wrapper > ul > li {  padding: 10px 0; }
  .msTopHeaderMenu .hs-menu-wrapper > ul > li > a {  color: #fff; font-weight: 500;   font-size: 28px;   display: block; }
  .msTopHeaderMenu .hs-menu-wrapper > ul > li > ul {  padding: 20px 0; }
  .msTopHeaderMenu .hs-menu-wrapper > ul > li > ul a {  color: #fff;  padding: 10px 0;  display: block; }
  .msTopHeaderMenu .hs-menu-wrapper > ul {  display: inline-block; }
  .vioohLogo {  max-width: 140px;  margin: 40px auto 0; }
  .vioohLogo a {  display: block; }
  .vioohLogo a svg {  width: 100%; height: auto; }
  .mobileHeaderSocialLinks {  padding: 25px 0; }
  .mobileHeaderSocialLinks ul li {  display: inline-block;  vertical-align: middle; margin: 0 10px; }
  .mobileHeaderSocialLinks ul li a {  color: #fff; }
  .footerBtAddress {  color: #fff;  font-size: 16px; }
  .msHeaderBox {  padding: 60px 0 20px;  max-height: 100vh;  overflow: auto; }
  .mobileHeaderSec .content-wrapper {  position: relative; }
  .mobileHeaderSec .content-wrapper .expandMenuOpen {  position: absolute;  top: 24px;  right: 20px; }
  
  
}

@media(max-width: 991px){
  .footerCol3 {  padding-left: 0; }
}

@media(max-width: 767px){
  .footerInner {  display: none; }
  .footer {  padding-top: 80px;  padding-bottom: 0; }
  .mobileFooterTop > div {  display: inline-block;  vertical-align: middle;  margin-right: -4px; }
  .mobileFooterLogo {  width: 110px; }
  .mobileFooterRight {  text-align: right;  width: calc(100% - 110px); }
  .SocialIconsS {   padding-top: 0;  }
  .mobileFooterBottom {  padding-top: 23px; }
  .mobileFooterBottom  > div {  display: inline-block; vertical-align: top;  margin-right: -4px; }
  .mrightR a {  display: block; }
  .footerEmailS {  padding-top: 13px; }
  .mrightR {  width: 35px; }
  .mleftF {  width: calc(100% - 35px);  padding-right: 35px; }
  .mleftF li.hs-menu-item.hs-menu-depth-1 {  display: inline-block;  vertical-align: top;  margin-right: -4px;  width: 50%;  font-weight: 700;  font-size: 15px;  padding-bottom: 10px;  padding-right: 15px; }
  .footerBoxLinks  ul li {  display: inline-block; vertical-align: top; margin-right: 20px;  margin-top: 20px; }
  .footerBoxLinks ul li + li {  padding-top: 0; }
  .mobileFooter { padding-bottom: 44px }
  .footerCopyRight {  width: 90%;  margin: 0 auto;  font-size: 12px;  border-top: 0.5px solid #15115E; }
  .mobileMenuF li:not(:nth-last-of-type(-n+2)) {  display: none; }
  .mobileMenuF li:nth-last-of-type(-n+2) { display: inline-block;  vertical-align: top; }
  .mobileMenuF {  padding-top: 20px; }
  .mobileMenuF li:nth-last-of-type(-n+2) a {  font-weight: 700;  font-size: 12px;  padding: 0 10px;  text-decoration: underline; }
  .footerCopyRight {  padding-left: 15px;  padding-right: 15px;   font-size: 11px; }
  .msTopHeaderMenu .hs-menu-wrapper>ul>li>a {  font-size: 22px; }
  .footerEmailS li:first-child {  display: none; }
  .footerEmailS li+li {  padding-top: 0; }
  .SocialIconsS li + li {margin-top: 24px;position: relative;}
  .SocialIconsS {position: relative;top: -45px;}
  .footerEmailS {   padding-top: 0; }
  
  
}


/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}







/* 1a. Containers */




/* 1b. Colors */










/* 1c. Typography */





/* 1d. Buttons */







/* 1e. Forms */










/* 1f. Tables */












/* 1h. Site footer */








.content-wrapper {
  max-width: 1190px;
  padding-top: 50px;
}

.dnd-section,
.content-wrapper--vertical-spacing {
  padding: 70px 20px;
}

.dnd-section > .row-fluid {
  max-width: 1190px;
}




html {  font-size: ; }

body {  font-family: 'Roboto';  font-style: normal; font-weight: normal; text-decoration: none; color: #15115e; line-height: 1.4; opacity: 0; } 
.loaded { opacity: 1 }


/* Paragraphs */

p { margin:0; }
* + h1, * + h2 { margin-top:35px; }
* + h3, * + h4 { margin-top:30px; }
* + h5, * + h6  { margin-top:25px; }
* + p { margin-top:20px }
/* Anchors */

a { color: #15115E; text-decoration:none; transition:all ease 0.3s; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s; }

/* Headings */
h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a ,h6 a{  margin:0; padding:0;  color: ; }
h1,.h1 { font-weight: 500; text-decoration: none; font-family: 'Roboto'; font-style: normal; color: #15115e; font-size: 82px; line-height: 1.1 }
h2,.h2 { font-weight: 500; text-decoration: none; font-family: 'Roboto';  font-style: normal; color: #15115e; font-size: 48px; line-height: 1.3 }
h3,.h3 { font-weight: 500; text-decoration: none; font-family: 'Roboto';  font-style: normal; color: #15115e; font-size: 28px; line-height: 1.5 }
h4,.h4 { font-weight: normal; text-decoration: none; font-family: 'Roboto'; font-style: normal; color: ; font-size: 24px; line-height: 1.4 }
h5,.h5 { font-weight: normal; text-decoration: none; font-family: 'Roboto'; font-style: normal; color: #15115e; font-size: 18px; line-height: 1.4 }
h6,.h6 { font-weight: normal; text-decoration: none; font-family: 'Roboto'; font-style: normal; color: #15115e; font-size: 16px; line-height: 1.4 }

/* Blockquote */
html[lang^="ja"] body,
html[lang^="zh"] body,
html[lang^="ko"] body { line-break: strict; word-break: break-all; }

/* Lists */
ul, ol {   margin: 0; }
ul ul,ol ul,ul ol,ol ol { margin: 0; }

/* Code blocks */
code { vertical-align: bottom; }

/* Blockquotes */
blockquote {border-left-color: #07b5ff;  margin: 0 0 1.4rem; padding-left: 15px; }

/* Horizontal rules */
hr { background-color: #CCC; border: none; color: #CCC; height: 1px; }

/* Subscripts and superscripts */
sup, sub { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* Focus styles */
:focus { outline: auto; outline-color: green; }
.disable-focus-styles :focus { outline: none; }


/* For Hubspot >>>>>> */
body .row-fluid [class*="span"] { min-height:0px; }
body .row-fluid [class*="span"].widget-type-space { min-height:1px; }
/* <<<<<< For Hubspot */

.set-bg, .bg{ background-size:cover; background-position:center; position:relative; }
.overlay{ position: relative;  }
.overlay:before { content:'';  top:0; left:0; width:100%; height:100%; z-index:1; position:absolute; background: rgba(0, 0, 0, 0.6);}
.overlay > * { position:relative; z-index:2; }
/* white Font */
.fontWhite, .fontWhite a, .fontWhite h1, .fontWhite h2, .fontWhite h3, .fontWhite h4, .fontWhite h5, .fontWhite h6 { color: #ffffff; }
.fontWhite a:hover { color:#15115E; }

.bold, .bold h1, .bold h2, .bold h3, .bold h4, .bold h5, .bold h6  { font-weight:700; }
.semibold, .semibold h1, .semibold h2, .semibold h3, .semibold h4, .semibold h5, .semibold h6  { font-weight:600; }
.medium, .medium h1, .medium h2, .medium h3, .medium h4, .medium h5, .medium h6 { font-weight:500; }
.normal, .normal h1, .normal h2, .normal h3, .normal h4, .normal h5, .normal h6 { font-weight:400; }
.light, .light h1, .light h2, .light h3, .light h4, .light h5, .light h6 { font-weight:300; }


/* Text Alignment */
.uppercase { text-transform: uppercase; }
.text-center { text-align:center; }
.text-right { text-align:right; }
.text-left { text-align:left; }


/* BackgroundCOlor */

.primaryBg { background-color: #15115E }
.secondaryBg { background-color: #07b5ff }
.thirdBg { background-color: #0f69d7 }
.fourthBg { background-color: #9369ee }
.fifthBg { background-color: #ffc629 }
.sixthBg { background-color: #00c299 }

.primaryColor { color: #15115E }
.secondaryColor { color: #07b5ff }
.thirdColor { color: #0f69d7 }
.fourthColor { color: #9369ee }
.fifthColor { color: #ffc629 }
.sixthColor { color: #00c299 }


.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a{ max-width:100%; white-space:normal; }
.noListStyle ul, .listStyle ul { margin:0; padding:0; list-style:none; } /* put listStyle class to "parent" tag of "ul" */
.listStyle * + ul { margin-top:15px; }
.listStyle ul li { padding-left:35px; position:relative; margin-bottom: 15px; }
.listStyle ul li:before { font-family:'fontawesome',sans-serif; position:absolute; left:4px; color:#15115E; font-weight:normal; top:1px;  content:'\f105';}


/* Widths */
.fl { float:left; }
.fr { float:right; }
.ib.vt { vertical-align:top !important;  }
.w20 { width: 20%; }
.w25 { width: 25%; }
.w30 { width: 30%; }
.w33 { width: 33.33%; }
.w40 { width: 40%; }
.w45 { width: 45%; }
.w50 { width: 50%; }
.w55 { width: 55%; }
.w60 { width: 60%; }
.w66 { width: 66.66%; }
.w70 { width: 70%; }
.w75 { width: 75%; }
.w80 { width: 80%; }
.w100 { width: 100%; }

/*unique paddings*/

.pb10,.p10-0 { padding-bottom:10px; }
.pb20,.p20-0 { padding-bottom:20px; }
.pb30,.p30-0 { padding-bottom:30px  }
.pb40,.p40-0 { padding-bottom:40px; }
.pb50,.p50-0 { padding-bottom:50px; }
.pb60,.p60-0 { padding-bottom:60px; }
.pb70,.p70-0 { padding-bottom:70px; }
.pt10,.p10-0 { padding-top:10px; }
.pt20,.p20-0 { padding-top:20px; }
.pt30,.p30-0 { padding-top:30px  }
.pt40,.p40-0 { padding-top:40px; }
.pt50,.p50-0 { padding-top:50px; }
.pt60,.p60-0 { padding-top:60px; }
.pt70,.p70-0 { padding-top:70px; }
.pl15, .p15 { padding-left:15px; }
.pr15, .p15 { padding-right:15px; }
.pt15, .p15 { padding-top:15px; }
.pb15, .p15 { padding-bottom:15px; }
.pl0,.p0-0 { padding-left:0; }
.pr0,.p0-0 { padding-right:0; }
.pt0,.p0-0 { padding-top:0; }
.pb0,.p0-0 { padding-bottom:0; }
.p90-0  { padding-top: 90px;padding-bottom: 90px; }
.p80-0  { padding-top: 80px;padding-bottom: 80px; }
.pb90 { padding-bottom: 90px; }
::-webkit-input-placeholder { opacity:1 !important; color:inherit !important; }
::-moz-placeholder { opacity:1 !important; color:inherit !important; }
:-ms-input-placeholder { opacity:1 !important; color:inherit !important;}










[class*="fa-"] { font-family: fontawesome; font-style: normal}


.button a , a.button { max-width:100%;  display:inline-block;  line-height:1;  outline:none;  font-size: 20px;  color: #fff;  padding-bottom: 4px; border-bottom: 4px solid  #ef69d7; font-weight: 500 }

.button.v2 a,a.button.v2 { border-bottom-color: #ffc629 }
.button.v3 a,a.button.v3 { border-bottom-color: #07b5ff }
.button.v4 a,a.button.v4 { border-bottom-color: #00c299 }
.button.v5 a,a.button.v5 { border-bottom-color: #9369ee }
.button.v6 a,a.button.v6 { border-bottom-color: #15115E }
.altColor a,a.altColor{ color: #15115E  }
.button a:hover, a.button:hover { color: #ef69d7 }
.button.v2 a:hover,a.button.v2:hover { color: #ffc629 }
.button.v3 a:hover,a.button.v3:hover { color: #07b5ff }
.button.v4 a:hover,a.button.v4:hover { color: #00c299 }
.button.v5 a:hover,a.button.v5:hover { color: #9369ee }
.button.v6 a:hover,a.button.v6:hover { color: #15115E }








form,
.submitted-message {
  ;
}

/* Form title */

h3.form-title {
  background-color: 

  
  
    
  


  rgba(21, 17, 94, 1.0)

;
  color: #07b5ff;
}

/* Form label */

form label {
  color: #15115E;
}

/* Form help text */

form legend {
  color: #15115E;
}

/* Form inputs */

input[type=text],
input[type=email],
input[type=password],
input[type=tel],
input[type=number],
input[type=file],
select,
textarea {
  color: ;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=file]:focus,
select:focus,
textarea:focus {
  border-color: #15115E;
}

/* Form placeholder text */

::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder,
::placeholder,
.hs-fieldtype-date .input .hs-dateinput:before {
  color: ;
}

/* Date picker */

.fn-date-picker td.is-selected .pika-button {
  background: #15115E;
}

.fn-date-picker td .pika-button:hover {
  background-color: #15115E !important;
}

.fn-date-picker td.is-today .pika-button {
  color: #15115E;
}

input[type="submit"]:hover {  color: #00c299; }
.altForm input[type="submit"]:hover {  color: #ef69d7 !important; border-color: #ef69d7  }

/* Submit button */



form input[type="radio"]+span:before,form input[type="checkbox"]+span:before {  color:#15115E }
form input[type="radio"]:checked+span:before {  background:#15115E ; border-color:#15115E  }
form input[type="checkbox"]:checked+span:before {  border-color:#15115E; font-size:12px; background:#15115E ;  }
.email-prefs .item .item-inner * {  color:#15115E}






.header {
  
}

body .navigation-primary a,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  color: ;
  font-family: ;
}

body .navigation-primary a:hover,
body .navigation-primary a:focus,
.header__language-switcher-label-current:hover,
.header__language-switcher-label-current:focus,
.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher .lang_list_class li a:focus {
  color: ;
}

body .navigation-primary a:active,
body .header__language-switcher-label-current:active,
body .header__language-switcher .lang_list_class li a:active {
  color: ;
}

body .navigation-primary .submenu.level-1 > li > a.active-item:after {
  background-color: #15115E;
}

body .submenu.level-2,
body .header__language-switcher .lang_list_class {
  background-color: ;
  border-color: ;
}

body .submenu.level-2 > li:first-child:before {
  border-color: ;
}

body .header__language-switcher .lang_list_class:before {
  border-bottom-color: ;
}

body .submenu.level-2 .menu-item .menu-link:hover,
body .submenu.level-2 .menu-item .menu-link:focus,
body .header__language-switcher .lang_list_class li:hover,
body .submenu.level-2 > li:first-child:hover:before,
body .submenu.level-2 > li:first-child.focus:before {
  background-color: ;
}

.header__language-switcher .lang_list_class.first-active::after {
  border-bottom-color: ;
}

.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  font-family: ;
}

.header__language-switcher-label-current:after {
  border-top-color: ;
}

@media(max-width: 767px) {
  .header__navigation {
    background-color: ;
  }

  .header__navigation-toggle svg,
  .menu-arrow svg {
    fill: ;
  }
}





.footer {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

/* Footer Content */

.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6
.footer p,
.footer a,
.footer div,
.footer span {
  color: #15115E;
}





.blog-post__date {
  border-color: ;
}

.blog-tag-filter__menu-link,
.blog-post__tag-link,
.blog-card__tag-link,
.blog-post__author-name,
.blog-card__title a {
  color: ;
}

.blog-card__tag-link:hover,
.blog-card__title a:hover,
.blog-tag-filter__menu-link:hover,
.blog-post__tag-link:hover,
.blog-post__author-name:hover,
.blog-card__tag-link:focus,
.blog-card__title a:focus,
.blog-tag-filter__menu-link:focus,
.blog-post__tag-link:focus,
.blog-post__author-name:focus {
  color: ;
}

.blog-card__tag-link:active,
.blog-card__title a:active,
.blog-tag-filter__menu-link:active,
.blog-post__tag-link:active,
.blog-post__author-name:active {
  color: ;
}

.blog-tag-filter__menu-link--active-item:after {
  background-color: #15115E;
}

.blog-pagination__link {
  color: ;
}

.blog-pagination__link--active:after,
.blog-pagination__prev-link:after,
.blog-pagination__next-link:after {
  background-color: #15115E;
}

.blog-post__title {
  ;
  color: ;
  font-size: ;
}

.blog-post__author {
  background-color: #07b5ff;
}

#comments-listing .comment-reply-to {
  color: #15115E;
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
  color: #000036;
}

#comments-listing .comment-reply-to:active {
  color: #3d3986;
}










/* Responsive */


.GlobalCont { font-size: 28px; font-weight: 500; padding-right: 50px; }

.twoColSec {  padding-top: 140px;  padding-bottom: 140px; }
.twoLeftCont { font-size: 28px; padding-right: 125px; }
.TagText {  font-size: 28px; }
.BottomSubCont { font-size: 28px; padding-top: 15px; }
.tagTitle {  padding-top: 15px; }
.buyersLeft {  padding-right: 30px; padding-top: 40px; padding-bottom: 40px }
.BottomSubCont {  max-width: 320px; }
.twoColButtons .button + .button {margin-left: 30px;}
.media_buyers_Sec { padding: 50px 0; position:relative; }
.media_buyers_Sec:before{ content:''; position:absolute; left: 0; top: 50px; height: calc(100% - 100px); width: 100%; background-color: #9369ee; z-index: 1 }
.media_buyers_Sec > div { position: relative; z-index: 2 }
.buyerRight img {   width: 100%; transform: scale(1.1);  transform-origin: left;  position: relative;  z-index: 2; }
.buyerRight:before {content: '';position: absolute;right: 0;top: 50%;transform: translateY(-50%) rotate(45deg);width: 350px;height: 350px;background-color: #fff;}
.media_buyers_Sec {   overflow: hidden; }
.buyersLeft {  padding-left: 50px; }


.media_buyers_Sec.media_owner_Sec:before { background-color: #00c299 }
.buyerRight {  position: relative; }
.media_buyers_Sec.media_owner_Sec .buyerRight:before { right: inherit;  left: 30px;   transform-origin: center center; width: 250px; height: 250px  }
.media_buyers_Sec.media_owner_Sec .buyerRight img {   transform-origin: left; }
.media_owner_Sec .buyersLeft {  padding-left: 0;  padding-right: 0; }
.media_owner_Sec .buyerRight {  padding-right: 107px; }

.font28 { font-size: 28px }
.mediumFont strong { font-weight: 500 }
.linkBorder a { text-decoration: underline }

.reachRelevanceSec { position: relative; }
.reachRelavnceLeft { width: 400px; text-align: center; line-height: 400px; height: 400px; border: 4px solid #00C299; transform: rotate(45deg);   background-color: #fff;  position: relative;  z-index: 2; }
.reachrelvanceRight { width: calc(100% - 400px); padding-left: 30px; }
.rRelavnceTopContent {  padding-top: 10px; }
.rRelavnceBottomCont {  padding-top: 20px; }
.rRelavnceLImage {  transform: rotate(-45deg); }
.reachRelevanceSec:after {content: '';position: absolute;left: -200px;height: 100%;width: 500px;z-index: 1;top: 50%;transform: translateY(-50%);background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='892.254' height='892.254' viewBox='0 0 892.254 892.254'%3E%3Crect width='630.919' height='630.919' transform='translate(446.127) rotate(45)' fill='%2300c299'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: center right;}
.reachRelavnceLeft {  left: -80px; }
.maxWidth890 { max-width: 890px; margin: 0 auto; }
.maxWidth960 { max-width: 960px; margin: 0 auto; }

.anyQuestionInner { display: flex; align-items: center; }
.anyQuestionInner > div {  width: 50%; }
.anyQuestionLeft {order: 2;}
.anyQuestionRight { padding-right: 40px; }
.anyQueCont {  padding-top: 10px; }


.vioohBoxLeftS {  padding-right: 70px; }
.vioohBoxSec + .vioohBoxSec {  padding-top: 137px; }
.vioohBenefitsInner {  padding-top: 65px; }
.vioohOdd {  padding-right: 35px;  padding-left: 20px; }
.vioohEven {   padding-left: 20px; }
.vioohBxTitle h2 { line-height: 1.18;}
.vioohbeTitle h6 {  font-weight: 500; }
.vioohbeCont {  font-size: 16px;  font-weight: 300; padding-top: 5px; }
.vioohbeBox + .vioohbeBox {  padding-top: 40px; }
.vioohOdd {  padding-bottom: 40px; }
.vioohbeTitle {  position: relative; }
.vioohbeTitle:before {content: '';position: absolute;width: 21px;height: 21px;background-color: #07B5FF;left: -36px;transform: rotate(45deg);top: 10px;}
/* .vioohOdd > div:nth-child(2n) {  display: none; } */
.vioohEven > div:nth-child(2n+1) {  display: none; }
.vioohEven > div:nth-child(2) {   padding-top: 0; }
.partnerLogoSec .slick-slide { display: inline-block !important;  vertical-align: middle;  float: none; }
.partnerLogoSec img { padding: 10px; }
.partnerLogoSec {  margin-top: 30px;}

.vioohAutomateLeft {  padding-right: 110px;  margin-top: 60px; }
.vioohAutomateRight {  padding-left: 50px; }
.vioohAutomateLeft {  position: relative; }
.vioohAutomateLeft:before {content: '';position: absolute;right: 0;height: calc(100% - 80px);top: 40px;background-color: #9369ee;width: 100vw;z-index: 1;}
.vioohAutomateLeft > * {   position: relative;   z-index: 2; }
.vioohAutoContent ul {margin-top: 20px;     padding-left: 17px; }
.vioohAutoContent ul li + li {  margin-top: 13px; }
.vioohExchangeSec .vioohAutomateInner { display: flex; align-items: flex-start;  align-content:flex-start; }
.vioohExchangeSec .vioohAutomateInner .vioohAutomateLeft {  order: 2;  padding-right: 0;  padding-left: 110px;   margin-top: 0; }
.vioohExchangeSec {  overflow: hidden; }
.vioohExchangeSec .vioohAutomateInner .vioohAutomateLeft:before {  right: inherit;  left: 0; background-color: #07b5ff; }
.vioohExchangeSec .vioohAutomateRight {  padding-left: 0;  padding-right: 50px;  margin-top: 50px; }


.readyTalkTwoColSec > div { display: inline-block; vertical-align: top; margin-right: -4px; }
.readyTalkLeft {  width: 400px; }
.readyTalkRight {  width: calc(100% - 400px); }

.readyTalkLeft { padding-right: 20px; padding-top: 25px; }
.detailsBox { padding-top: 40px;  font-size: 15px }
.detailsBox a i { width: 30px;  height: 30px; display: inline-block; vertical-align: top;  line-height: 28px;  text-align: center; color: #fff; position: relative }
.detailsBox a span {  display: inline-block;  vertical-align: top; margin-right: -4px;  width: calc(100% - 30px);  font-weight: 500;  padding-left: 16px;  padding-top: 4px }
.detailsBox a i:after {  content: '';   width: 100%;  height: 100%;  background: #07b5ff;  position: absolute;  left: 0;  transform: rotate(45deg) }
.detailsBox a i:before { position: relative;  z-index: 2 }
.detailsBox li+li {  padding-top: 19px }

.ourWorldFLeft { width: 400px; padding-right: 50px; }
.orWorldFRight {  width: calc(100% - 450px); }
.ourWLeftTitle h2 { font-size: 54px; }
.ourWLeftCont { font-size: 22px; position: relative; padding-bottom: 25px;  font-weight: 300;  max-width: 253px;}
.ourWLeftCont:after { content: ''; position: absolute; bottom: 0;  width: 95%; height: 4px;  background: #15115e;  }


.cta2SecLeft {  width: 440px; }
.cta2SecRight { width: calc(100% - 440px); padding-left: 60px; font-size: 45px; font-weight: 500;  line-height: 1.18; }
.cta2SecRight a {  text-decoration: underline; }
.cta2Section { padding-top: 150px }


.alternateSectionInner {  display: flex; align-items: center; }
.alternateSL { width: 48%;  padding-right: 137px; }
.alternateSR {  width: 52%; }
.alternateSectionInner {  padding: 70px 0; }
.alternateSLImgParent {  width: 350px;  height: 350px; line-height: 350px;  margin: 0 0 0 auto;  text-align: center;  position: relative; }
.rRelavnceLImage {  display: inline-block;  vertical-align: middle;  line-height: 1; }
.alternateSlImg {  display: inline-block;  vertical-align: middle;  line-height: 1; }
.rotateBoxShape {content: '';position: absolute;width: 100%;height: 100%;background-color: #fff;left: 0;top: 0;transform: rotate(45deg);}
.alternateSlImg {  position: relative;  z-index: 2;}
.alternateSContent ul li + li {  margin-top: 26px; }
.alternateSContent  ul {   padding-left: 26px; }
.alternateSL { position:relative; z-index: 2 }
.alternateSection1M {  position: relative; }
.alterImg {  position: absolute;  left: -300px;  top: 50%;  transform: translateY(-50%);   width: 600px; }
.alternateSlImg svg {  width: 95%;  height: auto; }
.alternateSmainPadd { padding: 70px 0 }

.alternateSmainPadd.alternateSmainPaddV2 .alterImg { left: inherit;  right: -300px; }
.alternateSmainPadd.alternateSmainPaddV2 .alternateSL {order: 2;padding-right: 0;padding-left: 137px;}
.alternateSmainPadd.alternateSmainPaddV2 .alternateSL .alternateSLImgParent {  margin: 0; }
.alternateSmainPadd.alternateSmainPaddV2 {  overflow: hidden; }


.vioohBxMains {  padding-top: 90px; }
.vBoxS > div {  display: inline-block; vertical-align: top; margin-right: -4px; }
.vBlLeft { width: 120px; }
.vblRight { width: calc(100% - 120px); }
.vblRight { padding-left: 20px; }
.vBoxS + .vBoxS {  margin-top: 60px; }
.vhBxMS:not(:first-child):not(:nth-child(2)) {  margin-top: 60px; }

.vblTitle h5 { font-size: 28px; font-weight: 500; }
.vblCont { padding-top: 30px; font-weight: 300 }
.vioohBxMains .vhBxM:first-child {   padding-right: 30px; }
.vioohBxMains .vhBxM:last-child {  padding-left: 30px; }
.vioohBxMains .vhBxMS:first-child { padding-right:0  }
.vioohBxMains .vhBxMS:last-child { padding-left:0  }
.vioohBxMains .vhBxMS:nth-child(2n+1) { padding-right:30px  }
.vioohBxMains .vhBxMS:nth-child(2n) { padding-left: 30px  }
.vBlLeft { position: relative; top: 11px; }
.vioohAutoContent  { font-weight: 300 }

.lsSideSecV2Inner { display: flex;  align-items: center; }
.lsSideImg {  order: 2; }
.lsSideContB {  order: 1;  padding-right: 50px; }
.lsSideCTCont {  font-size: 28px;   font-weight: 500; }

.policySec { padding-top: 165px; padding-bottom: 50px; }
.policyContent h6 { font-weight: 500; }
.policyContent h6 + p { margin-top: 10px; }
.policyContent p + h6 { margin-top: 20px; }
.policyContent {  padding-top: 60px; }
.policyContent ul strong {  font-weight: 500; }
.policyContent ul {margin-top: 20px;padding-left: 20px;padding-bottom: 20px;}
.policyContent ul li + li {margin-top: 20px;}
.policyInner { max-width: 770px;  margin: 0 auto; }
.policyContent,.policyContent p { font-weight: 300 }


.iconTSImg { height: 120px; line-height: 120px; }
.iconTSImg img { height: 120px !important; width: auto !important; }
.threeColST {  padding: 70px 20px 0; }
.iconTSTitle { font-size: 28px; font-weight: 500;  padding-top: 30px; }
.iconTSContent { padding-top: 16px;  font-weight: 300; }

.itsWayModule { position: relative;  overflow: hidden;  margin-top: -150px; }
.itsWayInner {  display: flex;  align-items: center; }
.itsWayILeft {  width: calc(100% - 420px);  order: 2; text-align: right;  position: relative; }
.itsWayRight { width: 420px;  order: 1; }
.itsWayILeft > * { position: relative; z-index: 2; }
.itsWayILeft:before {content: '';position: absolute;left: 350px;width: 100vw;background: #EF69D7;height: 350px;top: calc(50% + 10px);transform: translateY(-50%);}
.itswayRightCont { font-size: 28px; font-weight: 500;  padding-top: 10px; }

.wantLogoLeft { padding-right: 80px; }
.wantLogoTitle {  max-width: 400px; }
.wantLogoTitle h2 { line-height: 1.2; } 
.wantLogoSubCont {  padding-top: 20px; }
.wantLogoSubCont:After {content: '';width: 180px;height: 4px;display: block;background-color: #15115E;margin-top: 10px;}
.wantLogoFormInner .altForm input[type="submit"] {  color: #fff; }

.leaderShipTeamTop {  width: 50%; padding-right: 90px; }
.leaderShipSubContent { padding-top: 15px; font-weight: 300; }
.teamMemSlidrInr {  display: flex;  align-items: normal;  width: 100%; }
.teamMemSlidrInr > div {  width: 50%; }
.teamMemImg {order: 2;}
.teamMemRight { order: 1;  padding-top: 150px; padding-right: 70px; }
.teamMemName {  font-size: 28px; }
.teamMemDesignation {  font-size: 28px;  font-weight: 300; }
.teamMemCont {  padding-top: 30px; }
.leaderShipTeamBottom { position: relative;  margin-top: -100px; }
.leaderShipTeamSec { overflow:hidden; position:relative }
span.designImage { position: absolute; top: 250px; right: -71px; width: 200px; }
.leaderShipTeamSec .innerLeaderBP { position: relative;  z-index: 2; }   

.ArrowStyle1 button.slick-prev.slick-arrow {  width: 70px;  height: 70px;  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70.711' height='70.713' viewBox='0 0 70.711 70.713'%3E%3Cpath d='M22635.357,16476.715v0l-35.355-35.355,35.355-35.355,35.355,35.355-35.355,35.355Zm1.6-46.359a1.475,1.475,0,0,0-1.049.43l-9.113,9.086a1.481,1.481,0,0,0,0,2.094l9.113,9.088a1.485,1.485,0,0,0,2.094,0,1.476,1.476,0,0,0,0-2.094l-8.061-8.041,8.066-8.039a1.485,1.485,0,0,0,0-2.094A1.487,1.487,0,0,0,22636.957,16430.355Z' transform='translate(-22600.002 -16406.002)' fill='%2307b5ff'/%3E%3C/svg%3E"); }
.ArrowStyle1 button.slick-arrow {  top: inherit; bottom: 40px;  left: 0;  transform: none;  -webkit-transform: none;  z-index: 9; }
.ArrowStyle1 .slick-prev:before {  content: ''; }
.teamMemRight {  padding-bottom: 150px; }
.ArrowStyle1 button.slick-next.slick-arrow {   width: 70px;  height: 70px;  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70.715' height='70.711' viewBox='0 0 70.715 70.711'%3E%3Cpath d='M22776.355,16476.713v0l-35.357-35.357,35.357-35.352,35.357,35.352-35.357,35.357Zm-1.551-45.926a1.481,1.481,0,0,0-1.049,2.529l8.061,8.037-8.061,8.039a1.48,1.48,0,0,0,2.1,2.09l9.115-9.08a1.483,1.483,0,0,0,0-2.1l-9.115-9.086A1.47,1.47,0,0,0,22774.8,16430.787Z' transform='translate(-22740.998 -16406.002)' fill='%2307b5ff'/%3E%3C/svg%3E");  left: 88px; }
.ArrowStyle1 .slick-next:before {  content: ''; }


.ArrowStyle2 button.slick-prev.slick-arrow {  width: 70px;  height: 70px;  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='70.7px' height='70.7px' viewBox='0 0 70.7 70.7' enable-background='new 0 0 70.7 70.7' xml:space='preserve'%3E%3Cpolygon fill='%23FFFFFF' points='35.4,70.7 35.4,70.7 0,35.4 35.4,0 70.7,35.4 '/%3E%3Cpath fill='%2300C299' d='M37,24.4c-0.4,0-0.8,0.2-1,0.4l-9.1,9.1c-0.6,0.6-0.6,1.5,0,2.1l9.1,9.1c0.6,0.6,1.5,0.6,2.1,0 c0.6-0.6,0.6-1.5,0-2.1c0,0,0,0,0,0l-8.1-8l8.1-8c0.6-0.6,0.6-1.5,0-2.1C37.7,24.5,37.3,24.4,37,24.4z'/%3E%3C/svg%3E"); }
.ArrowStyle2 button.slick-arrow {  z-index: 9; }
.ArrowStyle2 .slick-prev:before {  content: ''; }
.ArrowStyle2 button.slick-next.slick-arrow {   width: 70px;  height: 70px;  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='70.7px' height='70.7px' viewBox='0 0 70.7 70.7' enable-background='new 0 0 70.7 70.7' xml:space='preserve'%3E%3Cpolygon fill='%23FFFFFF' points='35.4,70.7 35.4,70.7 0,35.4 35.4,0 70.7,35.4 '/%3E%3Cpath fill='%2300C299' d='M33.8,24.8c-0.8,0-1.5,0.7-1.5,1.5c0,0.4,0.2,0.8,0.4,1.1l8.1,8l-8.1,8c-0.6,0.6-0.6,1.5,0,2.1 c0.6,0.6,1.5,0.6,2.1,0l9.1-9.1c0.6-0.6,0.6-1.5,0-2.1l0,0l-9.1-9.1C34.6,24.9,34.2,24.8,33.8,24.8L33.8,24.8z'/%3E%3C/svg%3E"); }
.ArrowStyle2 .slick-next:before {  content: ''; }






.ArrowStyle3 button.slick-next.slick-arrow {  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='70.7px' height='70.7px' viewBox='0 0 70.7 70.7' enable-background='new 0 0 70.7 70.7' xml:space='preserve'%3E%3Cpath fill='%23FFFFFF' d='M35.4,0L0,35.4l35.4,35.3l35.3-35.3L35.4,0z M34.8,45.5c-0.6,0.6-1.5,0.6-2.1,0s-0.6-1.5,0-2.1l8.1-8l-8.1-8 c-0.2-0.3-0.4-0.7-0.4-1.1c0-0.8,0.7-1.5,1.5-1.5c0.4,0,0.8,0.1,1,0.4l9.1,9.1c0.6,0.6,0.6,1.5,0,2.1L34.8,45.5z'/%3E%3C/svg%3E"); }
.ArrowStyle3 button.slick-prev.slick-arrow {  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='70.7px' height='70.7px' viewBox='0 0 70.7 70.7' enable-background='new 0 0 70.7 70.7' xml:space='preserve'%3E%3Cpath fill='%23FFFFFF' d='M35.4,0L0,35.4l35.4,35.3l35.3-35.3L35.4,0z M38.1,45.1c-0.6,0.6-1.5,0.6-2.1,0L26.9,36 c-0.6-0.6-0.6-1.5,0-2.1l9.1-9.1c0.2-0.2,0.6-0.4,1-0.4c0.3,0,0.7,0.1,1.1,0.5c0.6,0.6,0.6,1.5,0,2.1L30,35l8.1,8 C38.7,43.6,38.7,44.5,38.1,45.1z'/%3E%3C/svg%3E"); }

.ArrowStyle4 button.slick-next.slick-arrow { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='70.7px' height='70.7px' viewBox='0 0 70.7 70.7' enable-background='new 0 0 70.7 70.7' xml:space='preserve'%3E%3Cpolygon fill='%23FFFFFF' points='35.4,70.7 35.4,70.7 0,35.4 35.4,0 70.7,35.4 '/%3E%3Cpath fill='%23333333' d='M33.8,24.8c-0.8,0-1.5,0.7-1.5,1.5c0,0.4,0.2,0.8,0.4,1.1l8.1,8l-8.1,8c-0.6,0.6-0.6,1.5,0,2.1 c0.6,0.6,1.5,0.6,2.1,0l9.1-9.1c0.6-0.6,0.6-1.5,0-2.1l0,0l-9.1-9.1C34.6,24.9,34.2,24.8,33.8,24.8L33.8,24.8z'/%3E%3C/svg%3E"); }
.ArrowStyle4 button.slick-prev.slick-arrow {  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='70.7px' height='70.7px' viewBox='0 0 70.7 70.7' enable-background='new 0 0 70.7 70.7' xml:space='preserve'%3E%3Cpolygon fill='%23FFFFFF' points='35.4,70.7 35.4,70.7 0,35.4 35.4,0 70.7,35.4 '/%3E%3Cpath fill='%23333333' d='M37,24.4c-0.4,0-0.8,0.2-1,0.4l-9.1,9.1c-0.6,0.6-0.6,1.5,0,2.1l9.1,9.1c0.6,0.6,1.5,0.6,2.1,0 c0.6-0.6,0.6-1.5,0-2.1c0,0,0,0,0,0l-8.1-8l8.1-8c0.6-0.6,0.6-1.5,0-2.1C37.7,24.5,37.3,24.4,37,24.4z'/%3E%3C/svg%3E"); }

.ArrowStyle5 button.slick-next.slick-arrow { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70.715' height='70.711' viewBox='0 0 70.715 70.711'%3E%3Cpath d='M22776.355,16476.713v0l-35.357-35.357,35.357-35.352,35.357,35.352-35.357,35.357Zm-1.551-45.926a1.481,1.481,0,0,0-1.049,2.529l8.061,8.037-8.061,8.039a1.48,1.48,0,0,0,2.1,2.09l9.115-9.08a1.483,1.483,0,0,0,0-2.1l-9.115-9.086A1.47,1.47,0,0,0,22774.8,16430.787Z' transform='translate(-22740.998 -16406.002)' fill='%239369ee'/%3E%3C/svg%3E"); }
.ArrowStyle5 button.slick-prev.slick-arrow {  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70.711' height='70.713' viewBox='0 0 70.711 70.713'%3E%3Cpath d='M22635.357,16476.715v0l-35.355-35.355,35.355-35.355,35.355,35.355-35.355,35.355Zm1.6-46.359a1.475,1.475,0,0,0-1.049.43l-9.113,9.086a1.481,1.481,0,0,0,0,2.094l9.113,9.088a1.485,1.485,0,0,0,2.094,0,1.476,1.476,0,0,0,0-2.094l-8.061-8.041,8.066-8.039a1.485,1.485,0,0,0,0-2.094A1.487,1.487,0,0,0,22636.957,16430.355Z' transform='translate(-22600.002 -16406.002)' fill='%239369ee'/%3E%3C/svg%3E");}


.home-bannerSection button.slick-prev.slick-arrow { left: 70px; }
.home-bannerSection button.slick-next.slick-arrow {  right: 70px; }

.maxWidth715 { max-width: 715px; margin: 0 auto; } 
.empSliderImgBg { height: 250px;  background-position: top center; }
.empSliderInnr {  padding: 25px 15px 40px; }
.employeeCont { padding-top: 15px; padding-bottom: 15px; }
.empSBox { width: 150px; height: 150px; margin: 0 auto;  line-height: 150px; }
.empsInnrB { display: inline-block;  vertical-align: middle;  line-height: 1; }
.empsT {  font-weight: 500; }
.empJobTitle {  padding-top: 5px;  font-weight: 300; }
.empSBox { position: relative;  margin-top: -15px; }
.empSBox:before {content: '';position: absolute;width: 100%;height: 100%;background-color: #fff;left: 0;transform: rotate(45deg);transform-origin: center center;}
.empsInnrB {  position: relative;  z-index: 2; }
.empTopSlider  .slick-current.slick-active .empSliderImgBg {  transform: scale(1.1);   transform-origin: bottom; }
.emBottomSlider,.emBottomSlider p { font-style: italic;  }
.empMainS { padding: 0 70px; }
.empSli .slick-prev { left: -70px; }
.empSli .slick-next {  right: -70px; }
/* .lrMapInner { display: flex; align-items: center; }
.lrMapLeft {  order: 2; }
.lrMapRight {  order: 1; } */
.weLoveSec { padding-top: 90px; padding-bottom: 40px; }
.weLoveSecInner  strong { font-weight: 500; }

.vioohBlogTag { font-size: 28px; font-weight: 500; }
.vioohBlogInnerBanner > div { display: inline-block;  vertical-align: top;  margin-right: -4px; width: 50%; }
.vioohBlogTitle { padding-top: 70px;  max-width: 370px; }
.vioohButtons >div { padding-top: 30px;  display: inline-block;  vertical-align: top;  margin-right: 30px; }
.vioohButtons {  max-width: 440px; }
.vioohBlogBRight {  padding-top: 150px; }
.vioohBlogBanner {  padding-top: 190px;  padding-bottom: 90px;  background-position: bottom center }
.vioohBlogBLeft { padding-left: 100px; }


.ctaslidermoduleSec { padding-top: 70px; padding-bottom: 60px;  background-position: bottom center; }
.ctaSliderBox > div {  display: inline-block; vertical-align: top;  margin-right: -4px; }
.ctaSliderLeft {  width: 45%; padding-left: 50px; }
.ctaSliderRight {  width: 55% }
.cSliderTitle {  max-width: 450px; }
.cSliderCont {  padding-top: 20px; }
.cSliderTitle h2 {line-height: 1.3;}
.ctasliderSecInner {  padding: 0 70px; }
.ctaSlBoxS .slick-prev { left: -70px; }
/* .ctaSliderLeft {  } */
.ctaSlBoxS .slick-next { right: -70px; }
.ctaSliderRight img {  width: 100%; }


/* .homeSliderBox  */
.homeSliderParent { padding-top: 348px; padding-bottom: 320px; position:relative; padding-left: 70px; padding-right: 70px }
.homeBannerSliderLeft { display: inline-block;  vertical-align: middle;  margin-right: -4px;  width: calc(100% - 400px); }
/* .homeBannerSliderRight {  display: inline-block;  vertical-align: middle;   margin-right: -4px;  width: 450px; } */

.homeBannerSliderRight {  position: absolute;  right: 40px;  top: 50%;  transform: translateY(-50%);  z-index: 1;  width: 700px; }
.homeBannerSliderRight img { width: 100% }  
.homeBannerSliderButtons {  padding-top: 25px; }
.homeBannerSliderButtons > div { display: inline-block;  vertical-align: top;  margin-right: 28px; }


.homeSliderParent { padding-top: 250px;  padding-bottom: 250px; }
.homeBannerSliderRight { width: 666px; }
/* .homeBannerSliderLeft { width: calc(100% - 250px); } */

.altSliderParent > div {  display: inline-block;  vertical-align: top;  margin-right: -4px; }
.altSliderParent { padding-top: 130px;  padding-bottom: 50px; }
.altBannerSliderTag { font-size: 28px; font-weight: 500; padding-bottom: 100px; }
.altBannerContent {  font-size: 28px;  padding-top: 20px; }
.altBannerSliderLeft {  width: calc(100% - 600px); padding-left: 100px; }
.altBannerSliderRight {  width: 600px; }
.AltbannerSection { overflow: hidden; }
.altBannerSliderRight { position: relative;  left: 160px; }
.altBannerSliderTitle {  width: calc(100% + 200px); }
.altBannerSliderRight img {  transform: scale(1.2);  transform-origin: right; }
.altBannerSliderRight {  padding-top: 30px; }
.AltbannerSecSlider  .slick-prev {  left: 70px; }
.AltbannerSecSlider .slick-next { right: 70px; }


/* .AltbannerSection2 .altSliderParent > div {  vertical-align: middle; } */
.AltbannerSection2 .altBannerSliderTag { padding-bottom: 50px; }
.AltbannerSection2 .altSliderParent .altBannerSliderLeft { width: 60%; padding-top: 80px }
.AltbannerSection2 .altSliderParent .altBannerSliderRight {  width: 40%; left: 0; text-align: center; }
.AltbannerSection2 .altSliderParent .altBannerSliderRight img { transform: none; transform-origin: unset;  margin: 0 auto; }
.AltbannerSection2 .altBannerSliderRight {  padding-top: 0; }
.AltbannerSection2 .altBannerSliderTitle  { width: 100% }

.knowledgeBankBInner > div { display: inline-block; vertical-align: top; margin-right: -4px; }
.knowledgeBRight { width: 450px; }
.knowledgeBLeft { width: calc(100% - 450px);  padding-top: 120px; }
.knowledgeBankBInner { padding-top: 80px; padding-bottom: 120px; }
.knowledgeBTagTitle { font-size: 28px; font-weight: 500; }
.knowledgeBTitle { padding-top: 35px; }
.knowledgeBCont { padding-top: 40px; }
.knowlegeButtons > div { display: inline-block; vertical-align: top;  margin-right: 20px; }
.existingCustomerBoxs { padding-top: 46px; }
.exisitngCTA { padding-top: 10px; }
.knowledgeBankBannerSec {  overflow: hidden; }
.knowledgeBRight img { transform: scale(1.3);  transform-origin: top; }

.insideVioohBannerSec { padding-top: 190px;  padding-bottom: 50px; }
.insideVioohBannerInner > div { display: inline-block; vertical-align: top;  margin-right: -4px; }
.insideVioohBLeft { width: 555px;  padding-left: 100px; }
.insideVioohBRight { width: calc(100% - 555px); }
.insideVioohBRight img { width: 100%; }
.insideVioohBTag { font-size: 28px; font-weight: 500; }
.insideVioohBnrTitle {  padding-top: 45px; }
.insideVioohBnrCont { padding-top: 35px; }
.font18 { font-size: 18px }


.course-nav { background-color: #07B5FF; color: #fff; }
.course-nav ul { list-style: none; padding: 0;  margin: 0; }
.course-nav ul li a { color: #fff; }
.course-nav  h4 { font-size: 28px;  color: #fff; }
.course-nav {  padding-bottom: 20px;  padding-top: 20px; padding-right: 30px  }
.course-nav ul {  padding-top: 20px; }
.course-nav ul li + li {margin-top: 8px;font-weight: 3000;}
.course-contents {  padding-top: 30px; }
.course-contents h2 {  font-size: 28px;  padding-bottom: 10px; }
.lesson-content {  padding-top: 30px; }
.lmsBannerSec { padding-top: 120px; padding-bottom: 250px  }
.lessonSubCont { width: 480px; font-size: 22px; padding-top: 10px;  max-width: 100%; }
.lmsBsN {  padding-left: 100px; padding-top: 210px; position: relative; }

.lesson-item {  display: inline-block;  vertical-align: top;  margin-right: -4px;  width: 25%;  padding: 10px; }
.lesson-thumb a { display: block; width: 100%; height: 100%; }
.lesson-thumb {    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    padding-bottom: 59%; }
.item-contents { padding-top: 16px;  font-weight: 500; }
.courseOverview { padding-left: 10px }
.item-contents { font-size: 18px }

.learningListSec {  padding-top: 30px; }
.learningSCont {  font-size: 25px;  font-weight: 300; margin: 0 -10px }
.learningListSec > div { padding: 10px 10px 80px; }
.learningBgTop {  height: 210px;  position: relative; }
span.rectangleC {  position: absolute;  width: 50px;  height: 50px;  bottom: 20px; right: 20px;  transform: rotate(45deg); }
.learningBoxBottomTitle { padding-top: 25px; }
.learningBoxBottomTitle h4 {  font-weight: 500; }
.learningBoxBottomCont {  padding-top: 10px; }
.learningBgTop  a { display: block;  width: 100%;  height: 100%; }

.learningZoneInner > div { display: inline-block;  vertical-align: middle;  margin-right: -4px;} 
.learningZoneLeft {  width: 530px; }
/* .learningZoneRight {  width: calc(100% - 530px); } */
.learningZContnt {  font-size: 24px;  padding-top: 14px; }

.aboutBanner-Inner > div { display: inline-block; vertical-align: bottom;  margin-right: -4px; }
.aboutBanner-Inner { padding-top: 100px; }
.aboutBTag { font-size: 28px; font-weight: 500; }
.aboutBTitle { padding-top: 28px; }
.aboutBButtons > div {  padding-top: 30px;   display: inline-block;  vertical-align: top; margin-right: 40px; }
.aboutBButtons {  padding-top: 10px; }
.aboutBanner-right { width: 560px; }
.aboutBanner-left { width: calc(100% - 560px); padding-top: 150px;  padding-bottom: 90px; }
.aboutBContent { padding-top: 18px; }
.aboutBanner-right img { transform: scale(1.5);  transform-origin: bottom; }
.aboutBannerSec  { overflow:hidden }
.aboutBanner-left {  position: relative; z-index: 2; }

.contactbannerSection { overflow: hidden; padding-top: 100px; }
.contactBannerSeInner > div { display: inline-block; vertical-align: top; margin-right: -4px; }
.contactBnsLeft { width: 460px; padding-top: 100px; padding-bottom: 240px; } 
.contactBnsRight { width: calc(100% - 460px); text-align: right; }
.contactTagText {font-size: 28px;font-weight: 500;padding-bottom: 48px;}
.contactBContent { padding-top: 30px; max-width: 336px; }
.contactBannerBUtton { padding-top: 40px; }
.contactBannerBUtton > div {  display: inline-block; vertical-align: top; margin-right: 40px; }
.contactBnsRight img { transform: scale(1.3);  transform-origin: top; }
.contactBannerSeInner {  padding-left: 180px; }
.contactBnsLeft { position: relative; z-index: 2; }
.fullImg img { width: 100% !important }

header.altHeaderStyle a.expandMenu i {  background-color: #15115e; }


.creativeSpecsBannerSec {  padding-top: 170px;  padding-bottom: 187px; overflow:hidden; }
.creativeTagText { font-size: 28px; font-weight: 500; padding-bottom: 65px; padding-top: 20px; }
.creativeSubCont {  padding-top: 40px;   width: 497px; max-width: 100%; }
.creativeCTA {  padding-top: 40px; }
.creativeSpecInner > div { display: inline-block; vertical-align: top; margin-right: -4px; }
.creativeSpecRight {  width: 388px; }
.creativeSpecLeft {  width: calc(100% - 388px);  padding-right: 40px;  padding-left: 136px; }

.creativeSpecsParent {  padding-top: 93px; }
.creativeSecBoxSec { position: relative; }
.creativeSecBoxSec:before {content: '';position: absolute;left: 0;top: 0;width: 50%;height: 100%;background-color: #9369EE;}
.creativeSecBoxSec > div {  position: relative;  z-index: 2; }
.creativeBoxS {  padding: 40px 0; }
.creativeLTitle {  padding-bottom: 16px; }
.creativeLeftMiddleC > div {  display: inline-block;  vertical-align: top; margin-right: -4px;  width: 50%;  }
.creativeLeftMiddleC > div strong {  font-weight: 500; }
.creativeBLeft {  padding-right: 60px; }
.creativeLBCnt {  padding-top: 35px;  font-style: italic; }
.creativeBRight {  padding-left: 35px; }


.creativeTable { padding-top: 20px; }
.creativeTable td {  border-color: #07B5FF;  vertical-align: middle; }
.creativeTable tr >td:first-child { border-left-color: transparent; }
.creativeTable tr:first-child >td { border-top-color: transparent; }
.creativeTable tr:last-child >td {  border-bottom-color: transparent; }
.creativeTable tr >td:last-child {  border-right-color: transparent; }
.creativeBRside {  padding-top: 15px;  font-weight: 300;  font-style: italic; }
.creativeLeftMiddleC {  font-weight: 300; }

.caseStudyFilterSec {  padding-top: 180px;  }
.caseStudyBreadcrumb ul li { display: inline-block; vertical-align: top;  margin-right: 5px; }
.caseStudyBreadcrumb ul { font-size: 12px; font-weight: 300; }
.caseStudyBreadcrumb ul li + li {  margin-left: 5px; }
/* .caseStudyBreadcrumb { padding-bottom: 30px; } */
.caseStudyTopBox { text-align: center;  width: 900px;  max-width: 100%;  margin: 0 auto; }
.caseStudySubContent { font-size: 28px; font-weight: 300;  padding-top: 10px; }
.masonaryCategory {  padding-top: 56px;  text-align: center;  padding-bottom: 35px; }
.masonaryCategory > * { display: inline-block; vertical-align: middle; }
.masonaryCategory  > span { font-weight: 500;  margin-right: 50px; }
.masonaryCategory  ul li {  display: inline-block;  vertical-align: middle;  margin-right: 20px; }
.serviceFilterList {  width: 33.33%;float: left; }
.filterBox {  padding: 10px; }
.filterBoxInner {  padding: 25px;  height: 278px;  position: relative; }
.filterBoXTitle h3 { color: #fff; }
.filterBoxLink {  position: absolute;  bottom: 25px;  right: 25px; }
.maxWidth1150 { max-width: 1150px; margin: 0 auto }
.visible_item {  display: none; }
.serviceFilterList:nth-child(8n+2) .filterBoxInner, .serviceFilterList:nth-child(8n+6) .filterBoxInner { height: 472px; }
.serviceFilterList:nth-child(8n+3) .filterBoxInner, .serviceFilterList:nth-child(8n+4) .filterBoxInner {  height: 367px; }
.catFilter li.selected {  font-weight: 500; }
.catFilter li { transition: all ease 0.1s;  -webkit-transition: all ease 0.1s; position: relative;  cursor: pointer; }
.catFilter li:after {  position: absolute;  content: '';  background-color: #9369EE;  height: 4px;  width: 0;  left: 50%;   bottom: -3px;   transform: translateX(-50%);   transition: all ease 0.1s;   -webkit-transition: all ease 0.1s; }
.catFilter li:hover:after,.catFilter li.selected:after {  width: 100%; }
.overlayLink { position:absolute;left: 0; top:0; width: 100%;height: 100%; z-index: 2 }

.releaseNoteBlogBannerSec { padding-top: 110px; }
.releaseNSInner > div { display: inline-block; vertical-align: middle;  margin-right: -4px; }
.releaseBlogLeft {  width: calc(100% - 470px); position:relative; z-index: 2; padding-top:50px; }
.releaseBlogRight {  width: 470px;  text-align: right; }
.relContS {  font-size: 28px;  padding-top: 25px; }

.releaseNSInner {  padding-left: 160px; }
.caseStudyBannerInnerSec { padding-top: 180px;  padding-bottom: 40px; }
.caseStudyInnrBannerBottom { position: relative;  padding: 40px 0; }
.caseStudyInnrBannerBottom:before {content: '';position: absolute;width: 100%;top: 90px;left: 0;height: calc(100% - 180px);background-color: #00C299;}
.caseStudyInnrBannerBottom > div {  position: relative;  z-index: 2; }
.csInnerBtCont { font-size: 28px;  font-weight: 400;  padding-top: 20px; }
.csInnerBox > div { display: inline-block; vertical-align: middle;  margin-right: -4px; }
.csInnerBnrLeft { width: 40%; padding: 30px 0; }
.csInnerBnrRight {  width: 60%;  text-align: right;  padding-left: 40px; }


.ImageSlider .slick-prev { left: 16px; }
.ImageSlider .slick-next {  right: 16px; }
.ImageSlider  img { width: 100%; }
.keyDGroup {  background-color: #9369EE;  padding: 15px 30px 15px 136px; }
.keyDGroup > div { width: 33.33%; display: flex; flex-wrap: wrap;  padding: 2px 20px; }
.keyDGroup {  display: flex;   flex-wrap: wrap; }
.keyDRepeat > div { width: 100%; display: block; }
.keyDText { color: #fff; font-size: 28px;  font-weight: 500; }
.keyDGroup > div + div {  border-left: 3px solid #fff; }
.keyDTag {  font-weight: 500; }
.whatAchivedBox { position: relative; }
.achivedText { width: 128px; height: 128px; position: absolute; left: -64px; top: 50%; transform: translateY(-50%); line-height: 128px; text-align: center; }
.achivedText:before {content: '';width: 100%;height: 100%;position: absolute;background-color: #fff;transform: rotate(45deg);transform-origin: center center;border: 2px solid #9369ee;}
.achivedText span { line-height: 1.4; display: inline-block; vertical-align: middle; position: relative; font-weight: 500; }
.whatAchievbtmCont {  width: 960px;  max-width: 100%;  padding-top: 65px;  margin: 0 auto; }
.caseStudyFilterSecInner {  padding-top: 70px; }

.WelcomebackSection { padding-top: 334px; padding-bottom: 334px;  position: relative;  overflow: hidden; }
.welcomeSecInnerRight { position: absolute;  right: 0;  width: 700px;  top: 100px; text-align: right; }
.welComSeBoxCont { font-size: 28px;  font-weight: 500; }
.welcomeSecInnerLeft { width: 50%; }
.anyQuestionCnt {  padding-top: 16px;  font-size: 28px; }
.anyQuestionCnt > * {  display: inline-block;  vertical-align: top; }
.anyQuestionCnt a {  font-weight: 400;  font-size: 28px; }
.welComSeBoxCont h1 {  font-size: 48px; }
.welcomeSecInner {  padding-left: 160px; }
.welcomeSecInnerLeft { position:relative; z-index: 2 }
.materiaLibraryAlterNate .BottomSubCont {  max-width: 100%; }
.media_buyers_Sec.media_owner_Sec.materiaLibraryAlterNate:before {  background-color: #ef69d7; }
.media_buyers_Sec.learningzoneSec:before { background-color: #07B5FF; }
.maxWidth100 { max-width: 100% }
.media_buyers_Sec { margin-top: 30px }
.media_buyers_Sec.releasenoteSec:before {  background-color: #FFC629; }

.client-portalThreeColSec {  padding: 80px 0 30px; }
.client-portalboxes {  display: flex;  flex-wrap: wrap; margin: 0 -15px; }
.client-portalboxes > div {  display: flex;   width: 33.33%;   padding: 15px; }
.clientThreColInner {  height: 100%;  box-shadow: 0px 3px 6px rgba(44, 40, 40,0.1); width: 100%; }
.clientThrTopBg { height: 213px; }
.clientThrBottom {  padding: 11px 23px 30px; }
.clientThrTitle h4 {  font-weight: 500; }
.dateTimeClient { font-weight: 500;  padding-top: 17px; }
.clientThrSubContent {  padding-top: 10px;  font-weight: 300; }
.clientSecCol .button {  display: inline-block;  vertical-align: top;  margin-right: 36px; }
.clientThirdCol > div { padding: 48px 17px 30px 26px; }
.releaseNoteTTitle h4 { font-weight: 500; }
.releaseNoteTTitle { padding-bottom: 20px; }
.releaseNotCnts { font-weight: 300; }
.releasenotContentGrp {  font-weight: 300; padding-top: 10px; }
.releasenBox {  padding: 18px 0; position: relative; }
.releaseNBDate {  font-size: 12px; }
.releasenBox:before {content: '';position: absolute;bottom: 0;left: 0;width: 50%;height: 1px;background-color: #ccc;}
.relesenbTitle span {display: block;vertical-align: top;}



.materialLibraryBannerSec { position: relative; padding-top: 122px; padding-bottom: 151px; }
.materialLibraryBInner { position: relative; padding-top: 183px; padding-left: 160px; }
.clientPortalNav { width: 400px; position: absolute; top: 0; left: 0; z-index: 3; }

.clientPortalNav ul { margin: 0; padding: 0; list-style: none; }
.clientPortalNav ul li { display: inline-block; width: 50%; margin-right: -4px; vertical-align: top; margin-bottom: 15px; }
.clientPortalNav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a{ position: relative; padding-left: 40px; }
.clientPortalNav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a:before {content: '';position: absolute;width: 15px;height: 15px;background-color: #00C299;left: 15px;top: 3px;transform: rotate(45deg);}
.matLiCont { font-size: 28px; padding-top: 70px; }
.matLibBannerleft, .matLibBannerright { display: inline-block; vertical-align: bottom; margin-right: -4px; }
.matLibBannerleft { width: 450px; }
.matLibBannerright { width: calc(100% - 450px); }
.matLibBannerright img { transform: scale(1.1); width: 100%; }

.materialCategoryMSec .caseStudyBreadcrumb {  padding-top: 30px; padding-bottom: 30px; }
.materialCategoryMSec .caseStudyBreadcrumb li {  font-size: 16px;  vertical-align: middle; }
.MaterialCatSec {  margin: 0 -8px; }
.MaterialCatSec > div { padding: 8px; }
.materialCBoxTop {  height: 210px;  border: 4px solid #07B5FF; }
.materialCBoxBottom { padding: 26px 10px; }
.materialCBoxTag { font-weight: 300;  text-transform: uppercase;  font-size: 12px;  padding-bottom: 10px; }
.materialCBoXTInnr {  padding-bottom: 18px; }
.materialCBXContInr {  color: #343434;  font-weight: 300; }

.selectMateriaCategoryList {  padding: 40px 0 40px; }
.selectMateriaCategoryList ul li { display: inline-block; margin: 0 20px; text-transform: uppercase; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; cursor: pointer; margin-bottom: 15px }
.selectMateriaCategoryList ul li { position: relative; padding: 0 6px; }
.selectMateriaCategoryList ul li:after { width: 100%; content: ''; height: 4px; position: absolute; bottom: -3px;  background-color: #07B5FF;  left: 0; }
.selectMateriaCategoryList ul li:nth-child(2):after { background-color: #EF69D7; }
.selectMateriaCategoryList ul li:nth-child(3):after { background-color: #9369EE; }
.selectMateriaCategoryList ul li:nth-child(4):after { background-color: #FFC629; }
.selectMateriaCategoryList ul li:nth-child(5):after { background-color: #00C299; }
.selectMateriaCategoryList  li:hover,.selectMateriaCategoryList  li.selected { font-weight: 500 }
.MaterialCatSec .tag_2 .materialCBoxTop {  border-color: #ef69d7; }
.MaterialCatSec .tag_3 .materialCBoxTop { border-color: #9369ee; }
.MaterialCatSec .tag_4 .materialCBoxTop { border-color: #ffc629; }
.MaterialCatSec .tag_5 .materialCBoxTop { border-color: #00c299; }
.materialCBoxTop span { position:absolute; right: 25px; bottom: 25px; width: 50px; height: 50px; background-color: #07B5FF; transform: rotate(45deg) }  
.MaterialCatSec .tag_2 .materialCBoxTop span{  background-color: #ef69d7; }
.MaterialCatSec .tag_3 .materialCBoxTop span{ background-color: #9369ee; }
.MaterialCatSec .tag_4 .materialCBoxTop span{ background-color: #ffc629; }
.MaterialCatSec .tag_5 .materialCBoxTop span{ background-color: #00c299; }

.learningZoneInner { position:relative; }
.learningZoneInner .clientPortalNav {  top: 96px; }
.learningZoneLeft { position:relative;z-index: 2 } 
.welcomeSecInner .clientPortalNav {  top: 120px;  text-align: left; }

.releaseBlogPostMainBoxes { padding-left: 100px; }
.releaseBlogPostMainBoxes > div {  display: inline-block;  vertical-align: top;  margin-right: -4px; }
.releaseBlogPostRight {  width: 350px; }
.releaseBlogPostLeft {   width: calc(100% - 350px); }
.releaseBlogPostRight {  padding-left: 20px; }
.releaseBlogPostRight input[type="text"] {  padding-top: 0; }
.topicRelatedPostMain {  margin-top: 40px;  background-color: #F6F7FA;  padding: 20px 15px; }
.topicRelatedPostMain h4 {  font-weight: 500;  font-size: 23px; }
.relatedPost {  padding: 25px 0;  position: relative; }
.relatedPost + .relatedPost:before {content: '';position: absolute;height: 1px;width: calc(100% - 50px);background-color: #15115E;top: 0;left: 50%;transform: translateX(-50%);}
.relatedPostTitle {   padding: 5px 0; }

.dektopSimplicityS {  padding-top: 100px; overflow:hidden }
.highImpactInner > div { display: inline-block;  vertical-align: middle;  margin-right: -4px; }
.highImpactLeft {  width: 600px; }
.highImpactRight {  width: calc(100% - 600px);  position: relative;  right: 50px; }
.highImpctBox { width: 550px;  height: 550px;  line-height: 550px;  position: relative;  text-align: center;  padding: 0px 50px; }
.higIBxInr { display: inline-block;  vertical-align: middle;  line-height: 1;   position: relative;   z-index: 2; }
.highImpctBox:before {content: '';position: absolute;width: 100%;height: 100%;background-color: #fff;border: 4px solid #FFC629;transform: rotate(45deg);top: 0;left: 0;}
.higInxs {  width: 400px; }
.higInxs p {  font-size: 28px; }
.hsV {  max-width: 320px;  margin: 0 auto;  padding-top: 20px; }
.himhImpactBox > div { display: inline-block; vertical-align: middle; }
.himRight { width: 290px;  text-align: center;  height: 290px; line-height: 290px;  position: relative; }
span.svgCircle {  width: 290px;  height: 290px;  display: block; }
.hmsBoxR { position: absolute;  top: 50%;  transform: translateY(-50%) translateX(-50%);  line-height: 1;  width: 160px;  left: 50%; }
.hmsBoxR span {  font-weight: 300;  padding-top: 11px;  display: block; }
.himleft {  height: 260px;  line-height: 260px;  width: 133px;  text-align: center;  border: 4px solid #EF69D7;  font-size: 34px;  font-weight: 500;  color: #373C48;  margin-right: 60px; }
.highImpactLeft .himhImpactBox:last-child {  padding-top: 85px; }

.highImpactBottomInner {  padding-top: 120px; }
.highImpactBottomInner > div { display: inline-block;  vertical-align: top;  margin-right: -4px; }
.highImpactBottomLeft {  width: 500px; }
.highImpactBottomRIght { width: calc(100% - 500px); }
.highImpactBottomRIght > div { display: inline-block;  vertical-align: top;  margin-right: -4px;  width: 50%;   text-align: center;   padding: 0 18px; }
.highImpactBottomRIght .himleft {  width: 100%;  margin-right: 0;   height: 105px;  line-height: 105px; }
.highImpactBottomRIght .himRight {  margin-top: 47px; }
.highImpctBox:after {  width: 100vw; content: '';  position: absolute;  top: 50%;  transform: translateY(-50%);  left: 50%;  background-color: #FEC62D;  height: calc(100% - 200px);  z-index: 1; }
.highImpctBox:before {  z-index: 2; }
.highImpactLeft .himhImpactBox:last-child .himleft { border-color: #00c299; }
.highImpactBottomRIght .himleft {  border-color: #9369EE; }
.highImpactBottomRIght .himhImpactBox:last-child .himleft {  border-color: #07B5FF; }
.tabletSimplicityS { display: none }
.summaryofSpecSec {  padding: 100px 0 50px; }
.summarySpecParent > div {  display: inline-block;  vertical-align: middle;   margin-right: -4px; }
.summarySpecParent {  width: 800px;  padding-bottom: 40px;  max-width: 100%; }
.summarySpecLeft {  width: 330px; }
.summarySpecRight {  width: calc(100% - 330px);  padding-left: 30px; }
.summaryTable {  border: none; }
table.summaryTable th, table.summaryTable td {   border-color: #07b5ff; }
table.summaryTable tr:first-child th {  border-top: none; }
table.summaryTable tr th:first-child,table.summaryTable tr td:first-child {  border-left: none; }
table.summaryTable tr th:last-child, table.summaryTable tr td:last-child {  border-right: none; }
table.summaryTable tr:last-child td {  border-bottom: none; }
table.summaryTable th {  font-weight: 500; } 
table.summaryTable td {  font-weight: 300; }
table.summaryTable td:first-child { padding-left: 0 }
table.summaryTable td:not(:first-child):not(:nth-child(2)) {  text-align: center; }

.reachrelvanceRight a {  text-decoration: underline; font-weight: 500 }
.rightNavigation ul li a[href*="javascript:;"] {cursor: default;}
.vhwidth { max-width: 529px }
.optimiseSe .vioohAutomateLeft  { margin-top: 0 }
.optimiseSe .vioohAutomateRight  { margin-top:27px; }

.caseStudySliderSec {  position: relative; }
.caseStudySlider {  position: static; }
.caseStudySliderSec .slick-prev {  left: 40px; }
.caseStudySliderSec .slick-next {  right: 40px; }
.caseStudyCont {  max-width: 460px; }
.caseStudySliderSec  { padding-top: 120px; padding-bottom: 120px; }

.bpostBotmNv  li a:hover { color: #fff }
.aboutBContent {  max-width: 524px; }

.learningZoneInner {  padding-left: 160px;  position: relative; }
.learningZoneRight { position: absolute; height: 100%; right: -16%; top: 0; }
.learningZoneLeft {  padding-top: 354px;  padding-bottom: 230px; }
/* .learningZoneRight {  width: 400px; } */
.learningZoneRight img {  height: 100% !important;  width: auto !important;   max-width: inherit !important; }
.learningZonesec {  overflow: hidden; }
.rightNavigation .hs-menu-flow-horizontal>ul > li:last-child > a { font-weight: 500 }
.home-bannerSection .button a {  font-weight: 400; }



.membershipSec { padding-top: 200px;  padding-bottom: 100px; }
.clientRegisterBox {  width: 400px;   max-width: 100%;  margin: 0 auto; }
.clientRegisterBox h4 {  font-weight: 500; }
.clientRegisterBox .form-container {  padding-top: 30px; }
.clientRegisterBox .hs-form-field li {  list-style: none; }

.blogPostSecnInnr { min-height: 400px }


.clientRegisterBox input[type="text"],.clientRegisterBox input[type="email"],.clientRegisterBox input[type="password"] {
    background-color: transparent;
    border-color: #fff;
    border-bottom-width: 2px;
    color: #fff;
}

.clientRegisterBox form .hs-form-field { padding-bottom: 25px; }
.clientRegisterBox .no-list.hs-error-msgs { padding-left: 0; list-style: none; }
.clientRegisterBox .no-list.hs-error-msgs li label { color: #fff; }
.clientRegisterBox form .hs-form-field > label { color: #fff; font-size: 14px; }
.clientRegisterBox a.hs-register-widget-show-password {  display: block;  font-size: 13px; }
.clientRegisterBox .actions input[type="submit"] {  color: #fff;  border-color: #00C299; }
.clientRegisterBox .actions input[type="submit"]:hover {  color: #00c299; }
.clientRegisterBox [name="email_read_only"] {  opacity: 0.6;  background-color: rgba(255,255,255,0.2) !important; }
.clientRegisterBox form input[type="checkbox"]+label:before { border-color: #fff; top: 0; }
.clientRegisterBox  a#hs_login_reset {  display: block;  font-size: 13px;   width: 200px;  text-align: right;  margin: 0 0 0 auto; }
a.hs-register-widget-show-password ,a.hs-login-widget-show-password{  font-size: 11px !important;  padding: 5px 0; }

.benTitle {  padding-bottom: 40px; }
.benbBox ul li:before {content: '';position: absolute;width: 14px;height: 14px;background-color: #07b5ff;left: 0;transform: rotate(45deg);top: 6px;}
.benBxSec > div {  padding-left: 20px;  padding-right: 20px; }
.benbBox ul li span { display: block;  font-weight: 300; }
.currentOpeningList { text-align: center; }
.currentOpeningList ul li { display: inline-block; vertical-align: middle;  margin: 0 10px;  transition: all ease 0.3s;  -webkit-transition: all ease 0.3s;  cursor: pointer;     position: relative;}
.currentOpeningList ul li:before {content: '';position: absolute;bottom: -4px;left: 50%;height: 2px;background-color: #9369EE;width: 0;transform: translateX(-50%);transition: all ease 0.3s;-webkit-transition: all ease 0.3s;}
.currentOpeningList ul li:hover, .currentOpeningList ul li.active {color: #9369EE;}
.currentOpeningList ul li:hover:before, .currentOpeningList ul li.active:before {width:100%;}
.jobListMain {  padding-top: 60px; }
.joblist {  padding: 20px 25px 0;  display: inline-block;  vertical-align: top;  width: 50%;  margin-right: -4px; }
.jobListInner { padding: 20px; border-bottom: 1px solid #15115E; }
.jobListInner > div { display: inline-block;  vertical-align: bottom;  width: 50%;  margin-right: -4px; }
.jlRight { text-align: right;  color: #9369EE; }
.jobTitle { font-weight: 500; }
.jobLocation { font-weight: 300; padding-top: 8px; }
.jlLeft {  padding-right: 10px; }
.jlRight {  padding-left: 10px; }
.jobListInner { transition: all ease 0.1s;  cursor: pointer; }
.jobListInner:hover { color: #fff;  background-color: #15115E; }
.jobListInner:hover .jobCategory { color: #fff }


.downloadPopupForm {  position: fixed;  z-index: 9999999;  top: 0; left: 0; padding-left: 15px; padding-right: 15px; width: 100%;  height: 100vh;  background: rgba(0,0,0,0.3); display:none; }
.downloadTable { width: 800px; height: 100vh;  margin: 0 auto; display: table;  max-width: 100%; }
.downloadTableCell { display: table-cell;vertical-align: middle }
.downloadFormBox { padding: 20px; border-radius: 7px; max-height: 90vh;  overflow: auto;  background: #fff; }
.downloadFormBox {  position: relative; z-index: 2 }
.popBoxopen {  overflow: hidden }
a#closeBn,a#closeBn1 svg { width: 20px;  display: block;  margin: 0 0 0 auto }
a#closeBn,a#closeBn1 {   display: block;  margin-bottom: 18px }
.iframeBox iframe {   height: 90vh; }
.currentOpeningSec { padding-top: 70px; position:relative; padding-bottom: 150px }
.currentOpeningList ul li {  margin-bottom: 10px; }

.ourCultureInner > div { padding: 0 20px; }
.ourCultureInner { padding-top: 60px; }
.cBoxs { padding-left: 25px;  position: relative; }
.cBoxV:before {content: '';position: absolute;width: 14px;height: 14px;background-color: #07b5ff;left: 0px;transform: rotate(45deg);top: 6px;}
.cBoxs + .cBoxs {  margin-top: 30px; }
.cBoxb ul {  margin-top: 11px; }
.cBoxb ul li + li {  margin-top: 30px; }
.scrollLink a,.itswayRightCont a {  text-decoration: underline; }
.benbBox  ul li { font-weight: 500 }

.careerBannerSec .insideVioohBannerInner>div { vertical-align: bottom; }
.insideVioohBLeft { position:relative; z-index: 2 }
  .insideVioohBannerSec {  overflow: hidden; }
.joblist > a { display: block;  width: 100%;  height: 100%;  position: absolute; left: 0; top: 0;}
.joblist {  position: relative; }
.currentOpeningSec2 { padding-top: 130px; }
.marginTop0 { margin-top: 0 !important }
.careerInnerSection { padding-top: 150px; }
.careerInnerIframe { width: 950px;  max-width: 100%;  margin: 0 auto; }
.careerInnerIframe iframe {  min-height: 900px; }

div#hs-eu-cookie-confirmation { top: inherit !important;  bottom: 0 !important; }
html div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button {
    background-color: #07b5ff!important;
    border-color: #07b5ff!important;
}

.video-player-container video {
    max-width: 100% !important;
    height: auto !important; 
}

.abColBoxes > div { display: inline-block; vertical-align: top; margin-right: -4px; }
.abColBLeftS { width: 80px; }
.abCOlBrightS { width: calc(100% - 80px); padding-left: 20px; }
.newAboutColMainSec { padding-top: 90px; }
.abColBoxes +.abColBoxes {margin-top: 50px;}
.abColTConts { padding-top: 20px; }
.abColTConts ul { margin: 0; padding: 0; padding-left: 23px; font-weight: 300; font-size: 16px; }
.abColTConts ul li + li {margin-top: 20px;}
.newAboutColMainSec > div {     padding: 0 20px; }
.linkBxs  a { text-decoration: underline }


.urExperienceBxSec {margin-top: 50px;position: relative;}

.urExperienceBxSec:before {content: '';position: absolute;left: 0;top: 0;width: 50%;z-index: 1;background-color: #9369EE;height: 100%;}

.urExperienceBxSec > div { position: relative; z-index: 2; }
.urExperInner > div { width: 50%; display: inline-block; vertical-align: top; margin-right: -4px; }
.urExperLeft { padding: 40px 80px 40px 0; }
.atHeartBoxSec { padding-top: 30px; }
.atHeartBox > div { display: inline-block; vertical-align: top; margin-right: -4px; }
.atHeartBLeft { width: 50px; }
.atHeartBRight { color: #fff;  width: calc(100% - 50px);  padding-left: 10px; }
.atHeartRigtTitle h5 {  font-weight: 500;  color: #fff; }
.atHBs {  padding-top: 6px;}
.atHeartBox + .atHeartBox {margin-top: 30px;}
.atheartTitle {  padding-left: 51px;} 
.urExperRight {  padding-left: 50px; } 
.urExBox {padding-left: 30px  }
.urExperRightC p {  line-height: 2;  font-size: 20px;  margin-bottom: 25px; }
.seerecurtingLink a {  text-decoration: underline; } 

.growth-ColSec { background-color: #EF69D7; }
.growth-colsec-inner { display: flex; flex-wrap: wrap; align-items: center; }
.growth-colsec-inner > div { width: 50%; }
/* .growth-col-sec-img { order: 2; } */
.growthCol-title { padding-bottom: 30px; }
.growthCol-button a { text-decoration: underline; }
.growth-col-sec-img { margin-bottom: -80px; }
.growthcol-content { max-width: 400px; font-weight: 300; }
.growth-col-sec-img img { transform: scale(1.1); }
.growth-col-sec-content { padding-top: 40px ;padding-bottom: 40px }


.new-team-slider-bx { display: flex; flex-wrap: wrap; }
.new-team-slider-bx > div { width: 50%; }
.new-team-slider-img {order: 2;padding-left: 50px;}
.new-team-slider-right {  padding-top: 80px;}
.new-team-title {  margin-bottom: -64px; }
.new-team-member-name { font-size: 28px; font-weight: 500; padding-top: 10px; }
.nw-team-member-designation {  font-size: 28px;  font-weight: 300; }
.new-team-member-cont {  padding-top: 15px; }
.new-team-slider .slick-prev { top: 100%; left: 0; }
.new-team-slider .slick-next {  right: inherit; left: 100px; top: 100%; }
.new-ourvalue-right {  width: 500px; }
.new-ourvalue-left { width: calc(100% - 500px);  padding: 40px 0; }
.new-our-valueinner {  position: relative; }
.new-our-valueinner:before {content: '';position: absolute;right: 250px;width: 100vw;height: calc(100% - 80px);top: 50%; transform:translateY(-50%); background-color: #07b5ff;}
.new-our-valueinner > div { position: relative;  z-index: 2; }
.newourvalue-content {  padding-top: 15px; font-size: 32px; font-weight: 500;  max-width: 400px; }

.diversity-inclusion-inner {  position: relative; }
.diversity-inclusion-sec { overflow: hidden; padding: 70px 0; }
.diversity-inclusion-right-img { width: 370px; }
.diversity-inclusion { width: calc(100% - 370px); padding-right: 50px; }
.diversity-inclusion-title { padding-bottom: 25px; }
.diversity-inclusion-botm {  padding-top: 20px; }
.diversity-inclusion-right-img {  margin-top: 30px; position: relative; }
.diversity-inclusion-right-img:before {content: '';position: absolute;width: 100vw;background-color: #00c299;height: calc(100% - 100px);z-index: 1;top: 50%;left: 150px;transform: translateY(-50%);}
.diversity-inclusion-right-img > * { position: relative;  z-index: 2; }

.forNewLogo { max-width: 150px;  width: 100%; }
.yourExperienceSection  { padding-top: 120px }
.slick-slide {  outline: none !important; }
.CarouselSlider img { width: 100% !important; max-width: 100% !important; max-height: 100% !important; }
.CarouselSlider.ArrowStyle1 button.slick-prev.slick-arrow {  top: 50%;transform: translateY(-50%); left: 15px }
.CarouselSlider.ArrowStyle1 button.slick-next.slick-arrow {  top: 50%;transform: translateY(-50%); left: inherit; right: 15px }
.single-of-image-sec img {width: 100% !important }
.hs-error-msgs.inputs-list { padding: 0; list-style: none; font-size: 15px; padding-top: 10px; }


.newCareerSecT2 {  padding-bottom: 150px; }

.newCareerSecT2 .insideVioohBannerInner > div {  vertical-align: bottom; }




.newCareerSecTV4 { padding-bottom: 150px; }
.newCareerSecTV4 .insideVioohBRight { transform: none; }
.newCareerSecTV4.newCareerSecT .insideVioohBRight img { transform: none; }
.newCareerSecTV4 .insideVioohBannerInner > div { vertical-align: middle; }
.newCareerSecTV4 .insideVioohBannerInner .insideVioohBLeft { width: 750px; }
.newCareerSecTV4 .insideVioohBannerInner  .insideVioohBRight { width: calc(100% - 750px); }
.lesson-content iframe { width: 100% !important; height: 500px !important }


.vioog-blog-slider  button.slick-prev.slick-arrow {
  left: 70px
}

.vioog-blog-slider  button.slick-next.slick-arrow {
  right: 70px
}


.mapSvgB svg > g:not(:first-child) > g:nth-child(2) { cursor: pointer; opacity: 0; visibility: hidden; transition:all ease 0.3s }
.mapSvgB svg > g:hover g:nth-child(2) { opacity: 1; visibility:visible }
.mapSvgB svg > g:not(:first-child) g:nth-child(1) { cursor: pointer; }
.mapSvgB svg > g:not(:first-child):hover g:nth-child(1) path { fill:#07B5FF }
.mapSvgB svg {
    width: 100%;
    height: auto;
}
.passwordpromtPage input[type="submit"] {  border-color: #00c299; color: #fff; }
.passwordpromtPage input[type="submit"]:hover { color: #00c299 !important; border-color: #00c299; }


/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=
Responsive Media Queries CSS
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

/*-=-=- Only Desktop CSS -=-=-*/
@media (min-width:768px ) {
  .ib { display: inline-block; vertical-align:middle; margin-right:-4px; float:none; }
  .mobileImage,.itswayMobileTitle,.itswayMobileContent { display: none }
  .summaryBoxPadd,.mobileContS,.aboutContentMobile,.knowMobileSec { display: none }
  .releaseNSInner { position:relative }
  .new-team-slider-right { padding-bottom: 100px }
  
}

@media (min-width: 992px ){
  .lrMapRight { padding-right: 10px }
  .desktopNone { display: none   }
}

@media (min-width:1231px ) {
  
  .careerBannerSec .insideVioohBannerInner  .insideVioohBLeft {  padding-left: 50px; }
  .careerBannerSec .insideVioohBLeft {  width: 615px; }
  .careerBannerSec  .insideVioohBRight {  width: calc(100% - 615px); }
  .careerBannerSec .insideVioohBRight img {transform: scale(1.1);}
  .careerBannerSec { padding-bottom: 120px }
  .newCareerSecT .insideVioohBLeft { width: 640px; }
  .newCareerSecT .insideVioohBRight {   width: calc(100% - 640px); }
  .newCareerSecT .insideVioohBRight img {  transform: scale(1.3); transform-origin: top; }
  .newCareerSecT2 .insideVioohBRight img {  transform: none; }
}

@media(min-width: 1601px){
  .alterImg {transform: translateY(-50%) scale(1.32);left: -100px;}
  .alternateSmainPadd.alternateSmainPaddV2 .alterImg {  right: -100px; }
  .alternateSmainPadd {  padding: 150px 0; }
  span.designImage {  width: 300px;  top: 50%;   transform: translateY(-50%); }
  .insideVioohBRight {  transform: scale(1.2); }
}

@media(min-width: 1921px){
  .reachRelevanceSec:after {  left: -100px;  height: 100%;   background-size: auto 100%;   transform: scale(1.6) translateY(-50%);  transform-origin: top center;   }
  .home-bannerSection,.AltbannerSection {  max-width: 1920px;  margin: 0 auto; }
   .ctaslidermoduleSec,.caseStudySliderSec {  max-width: 2000px;  margin: 0 auto; }
  .AltbannerSection .wrapLeft.wrapRight {   padding: 0 !important;  max-width: 1230px;  margin: 0 auto; }
  
}

@media(min-width: 2400px){
 
}



@media (max-width:1600px ){
  .reachRelavnceLeft { width: 300px; height: 300px; line-height: 300px; }
  .rRelavnceLImage {  max-width: 56%;   margin: 0 auto; }
  .reachrelvanceRight {width: calc(100% - 300px);padding-left: 100px;}
  .reachRelavnceLeft { left: 0 }
  .alternateSLImgParent {width: 300px;height: 300px;line-height: 300px;}
}

@media(max-width: 1440px){
  .caseStudySliderSec .slick-prev {left: 20px;}
  .caseStudySliderSec .slick-next {right: 20px;}
}


/*-=-=- Smaller Desktop Devices -=-=-*/

@media (max-width:1280px ) {
    .caseStudySlider {  width: 960px;  max-width: 100%;  margin: 0 auto; }
  .forLrPad { padding-left: 40px; padding-right: 40px }
}

@media (max-width:1230px ) {

  .dnd-section > .row-fluid,.content-wrapper  { max-width:1000px }
  .twoLeftCont {  padding-right: 60px; }  
  .buyersLeft {  padding-left: 0; }
  h1, .h1 { font-size: 60px }
  h2,.h2 {  font-size: 41px; }
  .BottomSubCont,.TagText {  font-size: 24px; }
  .buyerRight:before {  right: 22px; width: 300px; height: 300px; }
  .buyerRight img {  transform-origin: revert; }
  .cta2SecLeft { width: 320px; }
  .cta2SecRight {  width: calc(100% - 320px);  font-size: 32px; }
  .itsWayRight { width: 350px; }
  .itsWayILeft {  width: calc(100% - 350px); }
  .itswayRightCont { font-size: 24px; }
  .empSliderInnr { padding-left: 10px;  padding-right: 10px; }
  .empSliderImgBg {  height: 150px; }
  .empsInnrB {  font-size: 14px; }
  .empSBox {  width: 100px;   height: 100px;  line-height: 100px; }
  .vioohBlogBanner {  padding-top: 150px; }
  .vioohBlogTitle {  padding-top: 50px; }
  .altBannerSliderRight {  width: 400px;  left: 0;  padding-top: 0; }
  .altBannerSliderRight img {  transform-origin: 103px 50%;  transform: scale(1.4); }
  .altBannerSliderLeft {  width: calc(100% - 400px); }

  .insideVioohBLeft { padding-left: 50px; width: 400px; }
  .insideVioohBRight { width: calc(100% - 400px); }
  .insideVioohBnrCont {  font-size: 16px; }

  .learningZoneLeft {  width: calc(100% - 500px); }
/*   .learningZoneRight {  width: 500px;  padding-bottom: 50px; }   */
  .contactBannerSeInner { padding-left: 50px; }
  .contactBnsLeft {  padding-bottom: 150px; }
  .creativeSpecLeft {  padding-left: 60px; }
  .releaseNSInner {  padding-left: 60px; }  
  .caseStudyInnrBannerBottom:before { top: 50px;  height: calc(100% - 100px); }
  .welcomeSecInnerRight {  width: 500px; top: inherit;  bottom: 0; }
  .WelcomebackSection {  padding-top: 250px;  padding-bottom: 250px; }
  .welcomeSecInner {  padding-left: 50px; }
  .materialLibraryBInner {  padding-left: 60px; }
  .releaseBlogPostMainBoxes { padding-left: 40px }
  .highImpactLeft {  width: 450px; }
  .highImpactRight {  width: calc(100% - 450px); }
  .himleft {  height: 190px;  line-height: 190px;  font-size: 24px;  margin-right: 30px;  width: 90px; }
  .himRight {  width: 230px;  height: 230px;  line-height: 230px; }
  .himRight svg {  width: 100%;  height: 100%; }
  span.svgCircle {  width: 230px;  height: 230px; }
  .hmsBoxR {  font-size: 14px; }
  .highImpctBox {  width: 450px;  height: 450px;  line-height: 450px; }
  .higInxs h2 {  font-size: 32px; }
  .higInxs p {  font-size: 21px; }
  .hsV {  font-size: 13px; }
  .highImpctBox:before {  left: 27px; }
  .highImpactBottomLeft {  width: 400px; }
  .highImpactBottomRIght {  width: calc(100% - 400px); }
  .learningZoneInner {  padding-left: 60px; }
  .new-our-valueinner:before { height: calc(100% - 146px); }
  .newourvalue-content {  font-size: 28px; }
  .newCareerSecTV4 .insideVioohBannerInner .insideVioohBLeft { width: 600px; }
  .newCareerSecTV4 .insideVioohBannerInner .insideVioohBRight { width: calc(100% - 600px); }
  
}

/*-=-=-  Tablet Landscape and Smaller Devices -=-=-*/
@media (max-width:1080px ) {
  h1, .h1 { font-size: 48px }
  .dnd-section > .row-fluid,.content-wrapper { max-width:900px }
  .twoColSec {  padding-top: 80px;  padding-bottom: 80px; }
  .twoLeftCont { font-size: 18px;  line-height: 1.8; }
  h2, .h2 {  font-size: 28px; }
  .buyerRight:before {  width: 250px;  height: 250px; }
  .BottomSubCont, .TagText {  font-size: 20px; }
  .button a, a.button { font-size: 16px; }
  .buyersLeft {  padding-right: 111px; }
  .BottomSubCont {max-width: 230px;}
  .buyerRight img {   transform: scale(1.18); }
  .buyerRight:before {  right: 0; }  
  .media_buyers_Sec.media_owner_Sec .buyerRight:before {  width: 200px;  height: 200px; }     
  .font28 { font-size: 20px }
  .cta2SecLeft { width: 270px; }
  .cta2SecRight {  width: calc(100% - 270px);  font-size: 28px; padding-left: 20px }
  .cta2Section { padding-top: 70px } 
  .alternateSLImgParent {  width: 230px;  height: 230px;  line-height: 230px; }
  .alternateSlImg {  max-width: 53%; }
  .alternateSL { padding-right: 60px }
  .alterImg {  left: -250px; }
  .alternateSContent {  font-size: 15px; }
  .alternateSmainPadd.alternateSmainPaddV2 .alternateSL {padding-left: 60px;}
  .vioohBxMains .vhBxM:last-child {  padding-left: 15px; }
  .vioohBxMains .vhBxM:first-child { padding-right: 15px; }
  .lsSideCTCont  { font-size: 18px; font-weight: 400 }
  .policySec { padding-top: 100px } 
  .threeColSMainS .threeColT  { font-size: 22px } 
  .itsWayILeft:before {  left: 20%; }
  .itswayRightCont { font-size: 20px } 
  .itsWayModule { margin-top: 0 }
  .wantLogoLeft { padding-right: 50px }
  .employeeProfileTitle h2 {  font-size: 48px; }
  .maxWidth715 {  max-width: 450px; }
  .ArrowStyle2 button.slick-prev.slick-arrow,.ArrowStyle2 button.slick-next.slick-arrow { width: 40px; height: 40px; background-position: center center; background-repeat: no-repeat;  background-size: 100% auto; }
  .empMainS {  padding: 0 40px; }
  .empSli .slick-prev { left: -40px; }
  .empSli .slick-next {  right: -40px; }
  .vioohBlogBanner {  padding-top: 108px; padding-bottom: 50px; }
  .vioohBlogTag {  font-size: 18px; }
  .vioohBlogTitle {  padding-top: 36px; }
  .vioohButtons {  max-width: 400px; }
  .vioohBlogBRight {  padding-top: 80px; }
  .vioohBlogBLeft {  padding-left: 50px; }
  .cSliderCont {  font-size: 14px; }
  .ctaSliderLeft {  padding-left: 20px; }
  .ctasliderSecInner {  padding: 0 40px; }
  .ctaSlBoxS .slick-prev {  left: -40px; }
  .ctaSlBoxS .slick-next {  right: -40px; }
  .altBannerSliderLeft {  padding-left: 50px; }
  .altBannerSliderTag { font-size: 18px; font-weight: 400; padding-bottom: 60px; }
  .altBannerContent { font-size: 18px; }
  .altSliderParent { padding-bottom: 90px; }
  .AltbannerSection2 .altBannerSliderRight { padding-left: 25px; padding-right: 25px }

  .knowledgeBRight { width: 400px; }
  .knowledgeBLeft {  width: calc(100% - 400px); }
  .knowledgeBankBInner {  padding-top: 50px; }
  .knowledgeBLeft {  padding-top: 80px; }
  .knowledgeBTagTitle {   font-size: 18px; }
  .knowledgeBCont { font-size: 15px;  padding-top: 25px; }
  .existingCustomerBoxs { padding-top: 30px; }
  .exisitingTitle h4 { font-size: 18px; }

  .insideVioohBannerSec { padding-top: 107px; }
  .insideVioohBTag {  font-size: 18px; }
  .insideVioohBnrTitle {  padding-top: 25px; }
  .insideVioohBRight img {  transform: scale(1.2);  transform-origin: top center; }
  .insideVioohBRight { position: relative; top: -30px;  left: 40px; }
  .insideVioohBannerSec {  overflow: hidden; }
  .lmsBannerSec { padding-top: 100px;  padding-bottom: 120px; }
  .lmsBsN {  padding-left: 0; ;padding-top: 100px }
  .lessonSubCont {  font-size: 20px; }
  .learningSCont { padding-top: 5px; font-size: 18px; }
  .learningZContnt {  font-size: 16px;  font-weight: 500; }
    .aboutBanner-right {  width: 400px; }
  .aboutBanner-left { width: calc(100% - 400px);  padding-top: 80px; }
  .aboutBanner-Inner {  padding-top: 40px; }
  .aboutBTag {  font-size: 18px; }
  .aboutBTitle {  padding-top: 20px; }
  .contactBnsLeft {  width: 380px;  padding-top: 50px; padding-bottom: 80px; }
  .contactBnsRight {  width: calc(100% - 380px); }
  .contactTagText {  font-size: 18px;  padding-bottom: 25px; }
  .contactBannerBUtton {  padding-top: 25px; }
  .creativeSpecRight {  width: 244px; }
  .creativeSpecLeft {  width: calc(100% - 244px); }
  .creativeTagText {  padding-top: 0; font-size: 18px; padding-bottom: 37px; }
  .creativeSubCont {  padding-top: 27px; }
  .creativeCTA {  padding-top: 21px; }
  .creativeSpecsBannerSec  { padding-top: 108px; padding-bottom: 70px }
  .caseStudyFilterSec {  padding-top: 90px; }
/*   .caseStudyBreadcrumb {  padding-bottom: 57px; } */
  .caseStudyHeaderTitle h1 {  font-size: 48px; }
  .filterBoxInner {  height: 162px;  padding: 15px; }
  .filterBoxLink {  bottom: 15px;  right: 15px; }
  .filterBoXTitle h3 { font-size: 24px; }
  .serviceFilterList:nth-child(8n+2) .filterBoxInner, .serviceFilterList:nth-child(8n+6) .filterBoxInner { height: 279px; }
  .serviceFilterList:nth-child(8n+3) .filterBoxInner, .serviceFilterList:nth-child(8n+4) .filterBoxInner {  height: 215px; }
  .csInnerBtCont { font-size: 18px; padding-top: 10px; }
  .csInnerBnrLeft {  padding: 20px 0; }
  .csInnerBnrRight { padding-left: 20px; }
  .caseStudyBannerInnerSec { padding-top: 90px; }
  .caseStudyBannerInnerSec .caseStudyBreadcrumb { padding-bottom: 30px; }
  .csInnerBnrRight img {  transform: scale(1.1); }
  .keyDText {  font-size: 18px; }
  .achivedText { width: 100px; height: 100px;  line-height: 100px; left: -50px; }
  .achivedText span { font-size: 14px; }
  .keyDGroup { padding-left: 70px; }
  .anyQuestionCnt a,.anyQuestionCnt {  font-size: 20px; }
  .client-portalboxes {  margin: 0 -7px; }
  .client-portalboxes>div {  padding-left: 7px;  padding-right: 7px; }
  .clientThrTitle h4 {  font-size: 15px; }
  .releaseNoteTTitle h4 {  font-size: 15px; }
  .dateTimeClient {  font-size: 12px; }
  .client-portalThreeColSec .button a,.client-portalThreeColSec a.button {  font-size: 15px; }
  .relesenbTitle {  padding-top: 5px; font-size: 16px; }
  .clientSecCol .button {   margin-right: 15px; }  
  .releasenBox:nth-child(4) {  display: none; }
  .clientThrBottom {  padding-left: 14px;  padding-right: 14px; }
  .clientThirdCol > div {  padding: 20px 14px; }
  .client-portalThreeColSec { padding-top: 55px }
  .clientPortalNav ul li {  width: auto;  margin-left: 25px;  font-size: 15px; }
  .clientPortalNav { width: 100%;  text-align: center; }
  .materialLibraryBannerSec { padding-top: 90px; padding-bottom: 40px; }
  .materialLibraryBInner {  padding-top: 90px; }
  .matLiCont {  padding-top: 26px;  font-weight: 500;  font-size: 15px; }
  .matLibBannerleft {  width: 367px;  padding-bottom: 100px; }
  .materialLibraryBannerSec {  overflow: hidden; }
  .matLibBannerright {  width: calc(100% - 367px); }
   .dektopSimplicityS { display:none }
  .tabletSimplicityS { display: block; padding-top: 100px; overflow:hidden; }
  .highImpctBox:after {  width: 300vw;  left: -100vw; height: calc(100% - 100px); }
  .highImpactLeft {  position: relative;  z-index: 2; }
  .highImpctBox {  width: 350px;  height: 350px;  line-height: 350px;  padding-left: 0;  padding-right: 0; }
  .higInxs h2 {  font-size: 28px; }
  .higInxs p {  font-size: 18px; }
  .higInxs {  width: 244px;  margin: 0 auto;  display: block;  position: relative;  left: 27px; }
  .highIFirst > div {  width: 50%;  display: inline-block;  vertical-align: top;  margin-right: -4px; }
  .highIFirst {  width: 100%;  display: block;  margin-right: 0; }
  .highIFirst .himhImpactBox:first-child .himleft{  border-color: #00c299;}
  .highImpactBottomInner .highImpactBottomRIght {  width: 600px;  margin: 0 auto;  display: block;  max-width: 100%; }
  .highImpactBottomRIght {  padding-top: 80px; }
  .highImpactBottomInner { padding-top: 40px } 
  .summaryofSpecSec { padding-top: 50px; }
  .summarySpecParent>div {  width: 100%;  display: block;  text-align: center;  margin-right: 0; padding-left: 0; }
  .summarySpecLeft h4 {  font-size: 28px; }
  .summarySpecRight {  padding-top: 20px;  font-size: 18px; }
  .summarySpecParent {  width: 450px;  margin: 0 auto; }
  table.summaryTable {  font-size: 13px; }
  .tabletSimplicityS { padding-top: 50px }
  .GlobalCont { font-size: 20px }
  .caseStudySliderSec  { padding-top: 70px; padding-bottom: 70px; }
  .learningZoneLeft {  padding-top: 158px;  padding-bottom: 123px;  width: 450px; }
  .learningZoneRight {   right: -5%; }
  .nw-team-member-designation,.new-team-member-name {  font-size: 21px; }
   
  .new-team-slider .slick-next {  left: 50px; }
  .newCareerSecTV4 .insideVioohBannerInner .insideVioohBLeft { width: 400px }
  .newCareerSecTV4 .insideVioohBannerInner .insideVioohBRight {     width: calc(100% - 400px); }
  .newCareerSecTV4  .insideVioohBRight { position:static }
}



/*-=-=-  Tablet Portrait and Smaller Devices -=-=-*/
@media (max-width:991px ) {

  .dnd-section > .row-fluid,.content-wrapper { max-width:700px }

  /*   h1,.h1 { font-size:28px; } */
  h2,.h2 { font-size:26px; }
  h3,.h3 { font-size:20px; }
  h4,.h4 { font-size:18px; }
  h5,.h5 { font-size:18px; }
  h6,.h6 { font-size:16px; }

  .pb40,.p40-0 { padding-bottom:25px; }
  .pb50,.p50-0 { padding-bottom:30px; }
  .pb60,.p60-0 { padding-bottom:35px; }
  .pb70,.p70-0 { padding-bottom:35px; }
  .pt40,.p40-0 { padding-top:25px; }
  .pt50,.p50-0 { padding-top:30px; }
  .pt60,.p60-0 { padding-top:35px; }
  .pt70,.p70-0 { padding-top:35px; }
  .p90-0 ,.p80-0,.get-InTouch { padding: 40px 0; }
  .pb90 { padding-bottom: 40px; }
  .tabw33 { width: 33.33% }
  .tabw50 { width: 50% }  
  .tabw100 { width: 100% }
  .ib.tabw100 { width: 100%; display:block; margin-right: 0 }

  .GlobalCont {  padding-right: 30px; }
  .button a, a.button {   font-size: 16px; }
  .buyersLeft {  padding-right: 45px; }
  .buyerRight:before {   width: 200px;  height: 200px; }

  .media_owner_Sec .buyerRight { padding-right: 0; }
  .media_buyers_Sec.media_owner_Sec .buyerRight img {  transform-origin: revert;}
  .media_owner_Sec .buyersLeft {  padding-left: 50px; }
  .media_buyers_Sec.media_owner_Sec .buyerRight:before {  left: 0px; }
  .reachRelavnceLeft { width: 200px; height: 200px; position: absolute; top: 69px; line-height: 200px; left: -25px; }
  .reachRelavnceInner { position: relative; }
  .rRelavnceLImage {  max-width: 65%; }
  .reachrelvanceRight {  display: block;  margin-right: 0;  width: 100%;   margin:  0 0 0 auto;  padding-left: 255px; }
  .reachRelevanceSec:after {  height: 350px;   background-size: 100% 100%;  top: 32px;  transform: inherit;  left: -250px; }
  .anyQueTitle h2 {  font-size: 48px; }
  .anyQuestionInner .anyQuestionRight { width: 60%; }
  .anyQuestionInner .anyQuestionLeft {  width: 40%; }
  .vioohBenfitTitle h2 { font-size: 48px; }
  .vioohBoxLeftS {  display: block;  width: 100%;  text-align: center;  margin-right: 0;  padding-right: 0; }
  .vioohBenefitsInner {  padding-top: 32px; }
  .vioohBoxRight {  display: block; margin-right: 0;   width: 100%; }
  .vioohBoxSec+.vioohBoxSec {  padding-top: 70px; }
  .vioohBenefitsBoxes {  padding-top: 34px; }
  .vioohAutomateLeft {  padding-right: 50px; }
  .vioohAutoTitle .h1 {  font-size: 48px; }
  .vioohAutomateRight {   padding-left: 30px; }
  .vioohExchangeSec .vioohAutomateInner .vioohAutomateLeft {  padding-left: 50px; }
  .vioohExchangeSec .vioohAutomateRight {  padding-right: 30px; }
  .readyTalkLeft {  width: 220px;  padding-left: 0; }
  .readyTalkRight {  width: calc(100% - 220px);  padding-left: 30px;}
  .ourWLeftTitle h2 { font-size: 47px; }
  .ourWorldFLeft {  padding-right: 20px;  width: 300px; }
  .ourWLeftCont {  font-size: 18px; }
  .orWorldFRight {  width: calc(100% - 300px); }
  .ourWLeftCont:after {  width: 150px; }
  .alterImg {   left: -300px; }
  .alternateSectionInner { padding: 40px 0 }
  .vBoxS > div { display: block; width: 100%;  padding-left: 0; top: 0; }
  .vBlLeft img { height: 70px !important;  width: auto !important; }
  .vblTitle h5 { font-size: 18px; }
  .vblTitle {  padding-top: 15px; }
  .vblCont { padding-top: 15px;  font-weight: 300; }
  .vioohBxMains { padding-top: 55px; }
  .vBoxS+.vBoxS { margin-top: 45px; }
  .vhBxMS:not(:nth-child(2)):not(:first-child) { margin-top: 45px; }
  .iconTSTitle { font-size: 20px; }
  .iconTSContent {  font-size: 18px; }
  .wantLogoLeft { padding-right: 30px }
  .leaderShipTitle h2 { font-size: 48px; }
  .leaderShipTeamTop { padding-right: 0;  width: 414px; }
  .leaderShipSubContent {  font-size: 18px; }
  .leaderShipTeamBottom {  margin-top: 0; }
  .teamMemRight {  padding-top: 60px; padding-right: 20px;}
  .teamMemCont {  font-size: 18px; }
  .leaderShipTeamSec .wrapRight {  padding-right: 0 !important; }
  .ArrowStyle1 button.slick-arrow.slick-next,.ArrowStyle1 button.slick-arrow.slick-prev { width: 40px; height: 40px; background-position: center center;  background-size: 100% auto;  bottom: 0; }
  .ArrowStyle1 button.slick-next.slick-arrow {  left: 50px; }
  .teamMemRight {  padding-bottom: 80px; }
  .emBtmSTx { font-size: 18px }
/*   .lrMapInner { flex-flow: row wrap; } */
/*   .lrMapLeft {   padding-top: 50px; } */
  .lrMapRight {  font-size: 18px }
  .homeSliderParent {  padding-left: 0;  padding-right: 0; }
  .homeBannerSliderRight {   right: 0;  }
  .altBannerSliderRight {  width: 300px; }
  .altBannerSliderRight img {  transform-origin: left center; }
  .altBannerSliderLeft {  width: calc(100% - 300px); }
  .AltbannerSecSlider .slick-prev { left: 40px }
  .AltbannerSecSlider .slick-next { right: 40px }
  .knowledgeBRight { width: 260px; position: relative;  left: 40px; }
  .knowledgeBLeft {  width: calc(100% - 260px); }
  .knowledgeBRight img {  transform: scale(1.5); }
  .knowlegeButtons>div {  margin-right: 15px; }
  .knowledgeBankBInner { padding-bottom: 50px }
  .insideVioohBLeft { padding-left: 30px;  width: 350px; }
  .insideVioohBRight {  width: calc(100% - 350px); }
  .insideVioohBnrTitle {  padding-top: 15px; }
  .insideVioohBnrCont {  padding-top: 20px; }
  .lesson-item { width: 33.33% }
/*   .learningZoneRight { width: 350px; } */
  .learningZoneLeft { width: calc(100% - 350px); }
  .aboutBanner-right {  width: 250px; }
  .aboutBanner-left {  width: calc(100% - 250px);  padding-bottom: 40px; }
  .aboutBanner-right img {  transform: scale(1.9); }
  .contactBannerSeInner { padding-left: 20px; }
  .contactBnsLeft {  width: 340px; }
  .contactBnsRight {  width: calc(100% - 340px); }
  .contactBnsRight img {  transform: scale(1.5); }
  .contactBnsRight { position:relative; left: 30px }
  .creativeSpecLeft {padding-left: 30px;}
  .tabNone { display: none   }
  .creativeSecBoxSec:before { display: none; }
  .creativeBoxS { background-color: #9369ee; text-align: center; }
  .creativeBLeft { padding-right: 0; }
  .creativeSpecsParent { padding-top: 77px; }
  .creativeLTitle h2 { font-size: 48px; padding-bottom: 15px; }
  .creativeBLeft { width: 500px; max-width: 100%; margin: 0 auto; }
  .cretiveBMs { padding-top: 70px; padding-bottom: 40px; }
  .creativeBRight { padding-left: 0; width: 600px; max-width: 100%; margin: 0 auto; }
  .creativeRTil h2 { text-align: center; font-size: 48px; }
  .creativeRTil { padding-bottom: 50px; }
  .creativeTable { padding-top: 0; }
  .creativeBRside { text-align: center; }
  .relContS { font-size: 15px; }
  .releaseBlogLeft { width: calc(100% - 250px); }
  .releaseBlogRight { width: 250px;  padding-left: 20px; }
  .whatAchievbtmCont { padding-top: 100px }
  .welcomeSecInnerRight {  width: 350px; }
  .WelcomebackSection {  padding-top: 165px;  padding-bottom: 165px; }
  .welcomeSecInner {  padding-left: 30px; }
  .welcomeSecInnerLeft {  width: 60%; }
  .matLiCont { width: 260px;  max-width: 100%; }
  .matLibBannerright img {  transform: scale(1.7);   transform-origin: bottom left; }
  .materialCBoxTop span { width: 20px; height: 20px; right: 10px; bottom: 10px; }
  .materialCBoxTop {  height: 140px; }
  .materialCBxContS {  display: none; }
  .materialCBoXTInnr { padding-bottom: 0; }
  .selectMateriaCategoryList {  padding-top: 20px;  padding-bottom: 40px; }
  .releaseBlogPostMainBoxes { padding-left: 0; }
  .releaseBlogPostRight {  width: 250px; }
  .topicRelatedPostMain h4 {  font-size: 17px; }
  .releaseBlogPostRight .quickSearch {  max-width: 100%; }
  .releaseBlogPostLeft {   width: calc(100% - 250px); }
  .himRight { width: 200px; height: 200px; }
  span.svgCircle { width: 200px;  height: 200px; }
  .himleft {  margin-right: 10px; }
  .hmsBoxR {   font-size: 12px; }
  .caseStudySliderSec .slick-prev {  left: 10px; }
  .caseStudySliderSec .slick-next {  right: 10px; }
  .home-bannerSection button.slick-prev.slick-arrow {  left: 15px; }
  .home-bannerSection button.slick-next.slick-arrow {  right: 15px; }
  .vioog-blog-slider  button.slick-prev.slick-arrow {  left: 15px }
  .vioog-blog-slider  button.slick-next.slick-arrow { right: 15px }

  
  
  .homeBannerSliderLeft {  width: calc(100% - 350px);   padding-left: 18px; }
  .membershipSec { padding-top: 120px; padding-bottom: 80px }
  .joblist {  width: 100%; padding: 0 0 20px; }
  .newAboutColLeftM {  margin-top: 50px; }
  .newAboutColMainSec>div {  padding: 0; }
  .new-team-slider-right {  padding-top: 0; }
  .new-team-title { margin-bottom: 0;  padding-bottom: 15px; }
  .new-ourvalue-right {  width: 380px; }
  .new-ourvalue-left {  width: calc(100% - 380px); }
  .newourvalue-content { font-size: 21px; }
  .diversity-inclusion-sec {  padding: 40px 0; }
  .diversity-inclusion-right-img {  width: 300px; }
  .diversity-inclusion {  width: calc(100% - 300px);  padding-right: 30px; }
  .yourExperienceSection  { padding-top: 40px }
  .tabTop30 {padding-top: 30px }
  
}

/*-=-=-  Mobile Devices -=-=-*/
@media (max-width:767px ) {

  .wrapper { max-width:100%; padding-left:15px; padding-right:15px; }
  .mtop10 { margin-top:10px; } /* >>>>>>> margin top 10px in mobile <<<<<<<< */
  .mtop20 { margin-top:20px; } /* >>>>>>> margin top 20px in mobile <<<<<<<< */
  .mtop30 { margin-top:30px; } /* >>>>>>> margin top 30px in mobile <<<<<<<< */
  .mbottom30 { margin-bottom:30px; }
  .mpt0,.mp0 { padding-top:0 !important; }
  .mpb0,.mp0 { padding-bottom:0 !important; }
  .mobile-center { text-align:center; } /*>>>>>>>    text-align:center in mobile   <<<<<<<<<<<<*/
  .mobile-center.text-right { text-align:center; }
  .mw100 { width: 100% }
  h1,.h1 { font-size:28px; } 
  .GlobalAutoSec { padding-top: 45px;  padding-bottom: 45px; }
  .GlobalCont {  padding-right: 0; }
  /*       .rightImgS {  padding-top: 20px; } */
  .twoColSec { padding-top: 36px;  padding-bottom: 36px;  font-size: 18px; }
  .twoLeftCont {  padding-right: 0; }
  .twoRightContent {   padding-top: 39px; }
  .twoColButtons > div  { display: inline-block; vertical-align: top;  margin-right: 0; }
  .media_buyers_Sec {  position: relative;  padding: 80px 0 0; }
  .buyerRight img { transform: none; transform-origin: unset; }
  .media_buyers_Sec:before {  top: 80px;     height: calc(100% - 80px); }
  .buyerRight { position: absolute; top: -50px;  width: 170px;  right: -50px; }
  .buyerRight:before { width: 60%;  height: 60%; }

  .media_buyers_Sec.media_owner_Sec .buyerRight:before { width: 60%; height: 60%; left: inherit; right: 0; }
  .media_owner_Sec .buyersLeft {  padding-left: 0;  padding-right: 45px; }  
  .font28 { font-size: 18px } 

  .reachrelvanceRight { padding-left: 0; }
  .reachRelavnceLeft { left: inherit; right: -33px; width: 170px; height: 170px; line-height: 170px; top: 23px; }
  .reachRelevanceSec {   overflow: hidden; }
  .reachRelevanceSec:after { left: inherit; height: 250px; top: 32px; right: -150px;  width: 250px; }
  .reachRelavnceTitle,.rRelavnceTopContent {  width: calc(100% - 200px); }
  .rRelavnceTopContent { padding-top: 40px; }
  .rRelavnceBottomCont {    padding-top: 120px; text-align: center; }
  .rRelavnceTopContent strong {  font-weight: 500; }
  .anyQuestionInner {  display: block; text-align: center; }
  .anyQuestionInner>div {  width: 100%;}
  .anyQuestionInner .anyQuestionLeft { width: 144px;  margin: 0 auto; }
  .anyQuestionInner .anyQuestionRight {   width: 100%;  padding-right: 0; }
  .anyQueCont { font-size: 16px; font-weight: 500;  line-height: 1.8; }
  .anyQueTitle h2 { font-size: 34px; }
  .anyQueTitle {  padding-top: 20px; }
  .vioohBenfitTitle h2 { font-size: 30px; }
  .vioohBenefitsInner {  padding-top: 15px; }
  .vioohBxTitle h2 {  font-size: 20px; }
  .vioohEven {  display: none; }
  .vioohOdd {  display: block;   width: 100%; }
  .vioohOdd>div:nth-child(2n) {  display: block; }
  .vioohbeBox {  text-align: center; }
  .vioohbeTitle:before {  position: static;  display: block;   margin: 0 auto 14px; }
  .vioohOdd {  padding-left: 0;  padding-right: 0;   }
  .vioohBoxSec+.vioohBoxSec { padding-top: 50px }
  .vioohBenefitsBoxes { overflow: hidden } 
  .vioohAutoImg { width: 130px;  margin: 0 auto; }
  .vioohAutomateLeft {  padding-right: 0; }
  .vioohAutomationSec { overflow: hidden;  }
  .vioohAutomateLeft:before { left: -150px; right: inherit; width: calc(100vw + 150px); }
  .h1.fourthColor { font-size: 34px; }
  .vioohAutoSubT h2 { font-size: 20px; }
  .vioohAutoContent ul {display: inline-block;text-align: left;}
  .vioohAutomateRight { padding-left: 0 }
  .vioohExchangeSec .vioohAutomateInner {  display: block; }
  .vioohExchangeSec .vioohAutomateInner .vioohAutomateLeft:before {  left: -150px; right: inherit; }
  .vioohExchangeSec .vioohAutomateInner .vioohAutomateLeft {  padding-left: 0; }

  .readyTalkTwoColSec>div { display: block; width: 100%;  margin-right: 0;  text-align: center; }
  .readyTalkRight {  padding-left: 0; }
  .detailsBox ul {  display: inline-block; }
  .rLogoSec { width: 138px;  max-width: 100%;  margin: 0 auto; }
  .readyTalkRight { padding-top: 30px }
  .ourWorldFastInner { text-align: center; }
  .ourWorldFastInner > div { width: 100%; }
  .ourWLeftCont {  margin: 0 auto; }
  .ourWLeftCont:after {  left: 50%;  transform: translateX(-50%); }
  .orWorldFRight {  padding-top: 30px; }
  .ourWLeftTitle h2 {  font-size: 28px; width: 180px;  max-width: 100%; margin: 0 auto; text-align: center; }
  .ourWorldFLeft {  padding-right: 0; }
  .ourWLeftCont {  font-size: 15px;  padding-top: 9px; }  
  .cta2SecInner > div {  display: inline-block; vertical-align: middle;  margin-right: -4px; }
  .cta2SecLeft {  width: 134px; }
  .cta2SecRight {  width: calc(100% - 134px);  font-size: 22px;  padding-left: 10px; }
  .cta2Section { padding-top: 40px }
  .alterImg { display: none; }
  .alternateSectionInner {  display: block; }
  .alternateSectionInner > div {  width: 100%; }
  .alternateSR ul {  display: inline-block;  text-align: left; }
  .alternateSmainPadd {  padding-top: 110px; }
  .alternateSLImgParent {  width: 150px;  height: 150px;  line-height: 150px;  margin: -107px auto 0; }
  .alternateSR {  padding-top: 45px; }
  .alternateSL {  padding-right: 0; }
  .alternateSmainPadd.alternateSmainPaddV2 .alternateSL {padding-left: 0;}
  .alternateSmainPadd.alternateSmainPaddV2 .alternateSL .alternateSLImgParent {  margin: -107px auto 0;  }
  .howvioohdoesSec h2 { font-size: 20px; }
  .vioohBxMains .vhBxM:first-child { padding-right: 0 }
  .vioohBxMains .vhBxM:last-child { padding-left: 0 }
  .vhBxM:last-child {margin-top: 45px;}
  .lsSideSecV2Inner { display: block; }
  .lsSideImg {  width: 250px;   max-width: 100%;  margin: 0 auto; }
  .lsSideCTitle h2 { font-size: 34px; }
  .lsSideCTCont { font-size: 16px; font-weight: 300 }
  .lsSideContB { padding-right: 0 }
  .policySec { padding-top: 80px }
  .itsWayInner { display: block; }
  .itswayMobileTitle {  text-align: center; }
  .itsWayRight {  display: none; }
  .itsWayILeft { width: 100%; text-align: center;  margin-top: -43px; }
  .itsWayILeft:before {  left: -20px;  top: calc(50% + 50px); height: 200px; }
  .itsWayILeft img {  max-width: 350px !important; }
  .itswayMobileContent { padding-top: 30px; text-align: center; font-size: 20px;  font-weight: 500; }
  .itswayMobileTitle h2 {  font-size: 34px; }
  .itsWayModule {   padding-top: 40px; padding-bottom: 40px }
  .wantLogoLeft { padding-right: 0 }
  .wantLogoTitle { margin: 0 auto; }
  .wantLogoSubCont:after {  margin-left: auto;   margin-right: auto; margin-top: 20px }
  .leaderShipTeamSec .wrapRight {  padding-right: 20px !important; }
  .leaderShipTeamTop { text-align: center; margin: 0 auto;  max-width: 100%; }
  .leaderShipTitle h2 { font-size: 34px; }
  .teamMemSlidrInr { display: block; text-align: center;  padding-top: 30px; }
  .teamMemSlidrInr>div { width: 100%; }
  span.designImage {  width: 170px; }
  .teamMemRight {  padding-right: 0; }
  .teamMemName {  font-size: 20px; }
  .teamMemDesignation {  font-size: 20px;  padding-top: 10px; }
  .teamMemCont { font-size: 16px; padding-top: 20px; }
  .ArrowStyle1 button.slick-arrow.slick-next {  left: calc(50% + 40px);  transform: translateX(-50%);  -webkit-transform: translateX(-50%); }
  .ArrowStyle1 button.slick-arrow.slick-prev {  left: calc(50% - 40px);   transform: translateX(-50%);  -webkit-transform: translateX(-50%); }
  .workingTitle  { font-size: 20px }  
  .employeeProfileTitle h2 { font-size: 34px }
  .lrMapInner {  display: block; }
  .lrMapLeft {  padding-top: 0; }
  .lrMapRight {  text-align: center; }

  .vioohBlogBLeft { padding-left: 30px; }
  .vioohBlogTag { font-size: 12px; }
  .vioohBlogInnerBanner .vioohBlogBLeft {  width: 200px; }
  .vioohButtons .button a { font-size: 13px; }
  .vioohButtons>div {  margin-right: 0; display: block; }
  .vioohBlogInnerBanner .vioohBlogBRight {  width: calc(100% - 200px);  padding-top: 30px; }
  .vioohButtons>div { padding-top: 15px }
  .ctaSliderBox>div {  vertical-align: bottom; }
  .ctaslidermoduleSec {  overflow: hidden; padding-top: 40px;  padding-bottom: 20px; }
  .ctasliderSecInner {   padding: 0; }
  .ctaslidermoduleSec  .content-wrapper { padding: 0; }
  .ctaSliderLeft { padding-left: 60px; }
  .ctaSlBoxS .slick-prev { left: 10px; }
  .ctaSlBoxS .slick-next {  right: 10px; }
  .ctaSliderRight {  transform: scale(1.2);  transform-origin: 65% 50%;  }
  .home-bannerSection button.slick-prev.slick-arrow,.home-bannerSection button.slick-next.slick-arrow {  display: none !important; }
  .homeBannerSliderRight {  width: 300px; }
  .homeSliderParent {  padding-top: 200px;  padding-bottom: 80px; }
  .homeBannerSliderLeft {  width: calc(100% - 110px); }
  .homeBannerSliderButtons > div {  display: block; }
  .homeBannerSliderButtons > div + div {margin-top: 20px;}
  .AltbannerSecSlider .slick-prev,.AltbannerSecSlider .slick-next {  display: none !important; }
  .altBannerSliderLeft { padding-left: 20px; }
  .altBannerSliderTag {  font-size: 12px;  padding-bottom: 35px; }
  .altSliderParent { padding-top: 100px;  padding-bottom: 50px; }
  .knowlegeButtons,.existingCustomerBoxs { display: none; }
  .knowledgeBankBannerSec {  position: relative; }
  .knowledgeBLeft {  width: calc(100% - 100px);  position: relative;   z-index: 2; padding-top: 40px; }
  .knowledgeBRight { position: absolute; right: 0;  width: 300px; top: 20px;  left: inherit; }
  .knowledgeBRight img { transform: scale(1.1); transform-origin: -96%; }
  .knowledgeBTagTitle { font-size: 12px; font-weight: 400; }
  .knowledgeBCont {  font-size: 13px; }
  .knowMobileSec { text-align: center; padding: 40px 0 }
  .knowMoileLink { width: 300px; max-width: 100%;  margin: 0 auto; }
  .knowMoileLink > div {  display: inline-block;  vertical-align: top;  margin: 0 20px 20px; }
  .knowmobileExsiting { width: 200px; margin: 0 auto; max-width: 100%;  padding-top: 20px; }
  .insideVioohBnrCont { display: none; }
  .insideVioohBLeft {  padding-left: 15px; }
  .insideVioohBTag {  font-size: 12px;   font-weight: 400; }
  .insideVioohBLeft {   width: 250px; }
  .insideVioohBRight {  width: calc(100% - 250px); }
  .course-nav { background-color: transparent }
  .course-nav {  width: calc(100% - 40px) !important;  margin-left: 20px !important; padding-top: 16px;  padding-bottom: 12px; }
  .course-nav  h4 {  color: #15115E;  font-size: 16px;  font-weight: 500; }
  .course-nav ul li a {  color: #15115e;  text-align: left; }
  .side-nav li {  text-align: left;  font-size: 16px; }
  .course-contents {  padding-left: 20px;  text-align: center; }
  .course-contents h2 {  padding-bottom: 25px; }
  .lesson-item { width: 100%; display: block; text-align: center; } 
  .courseOverview { padding-left: 0;  text-align: center; }
  .lmsBsN { text-align: center; }
  .lessonSubCont {  font-size: 13px; }
  .learningListSec>div {  text-align: center; padding-bottom: 50px; }
  .learningSCont {  padding-top: 15px; }
  .learningZoneLeft {  padding-top: 150px;  padding-bottom: 80px; }
  .learningZonesec {  position: relative;  overflow: hidden; }
  .learningZoneRight {  position: absolute;  top: 0;   right: -98px;   padding-bottom: 0; }
  .aboutBanner-left { width: calc(100% - 80px); }
  .aboutBanner-Inner {  position: relative; }
  .aboutBanner-right { position: absolute;  bottom: 0; right: -60px; }
  .aboutBContent { display: none; }
  .aboutBanner-right img { transform: scale(1.4); }
  .aboutBButtons a {  font-size: 13px; }
  .aboutBButtons>div {  padding-top: 17px;  margin-right: 23px; }
  .aboutContentMobile { padding-top: 48px;padding-bottom: 20px }
  .learningZoneInner {  padding-bottom: 20px; }
  .learningZContnt {   font-size: 13px; }
  .contactBnsLeft {  width: 200px; }
  .contactBnsLeft {padding-top: 40px;}
  .contactTagText {  font-size: 12px;  font-weight: 300;  padding-bottom: 50px;  }
  .contactBContent {  font-size: 13px; padding-top: 10px; }
  .contactBannerBUtton a {  font-size: 13px; }
  .contactBannerBUtton>div {margin-right: 28px;}
  .contactbannerSection {  position: relative;  padding-top: 58px; }
  .contactBnsRight {  position: absolute;  width: 250px;  left: inherit;  right: -90px;  top: 90px; }
  .contactBContent {  width: 140px; }
  .aboutBanner-left {  padding-top: 44px; }
  .aboutBTag {  font-size: 12px; font-weight: 400; padding-bottom: 60px; }
  .aboutBButtons {  padding-top: 0; }
  .creativeRTil h2 {  font-size: 20px; }
  .creativeTable td { font-size: 12px; padding-left: 5px; padding-right: 5px; }
  .creativeLTitle h2 {  font-size: 20px; }
  .creativeLeftMiddleC>div {  display: block;  width: 100%; margin: 0 auto; }
  .creativeLeftMiddleC>div + div {  padding-top: 16px; }
  .creativeRTil {  padding-bottom: 30px; }
  .caseStudyHeaderTitle h1 {  font-size: 28px; }
  .caseStudySubContent {  font-size: 16px; }
  .masonaryCategory { padding-top: 40px; }
  .serviceFilterList {  width: 100%; }
  .filterBoxInner {  height: 218px !important; }
  .filterBox {  padding-left: 0;  padding-right: 0; }
  div#serviceFilterInner {  margin: 0 -20px; }
  .masonaryCategory {  font-size: 13px; }
  .releaseNSInner { padding-left: 15px }
  .caseStudyInnrBannerBottom:before {  height: calc(100% - 100px); top: 0; }
  .csInnerBox>div { display: block; width: 100%; margin-right: 0; }
  .csInnerBnrRight img { transform: scale(1); }
  .csInnerBnrLeft { padding-top: 0; }
  .csInnerBnrRight { padding-left: 0; }
  .csInnerBox { padding: 0 20px; }
  .keyDGroup { display: block; padding-left: 30px;  padding-top: 87px; padding-bottom: 30px; }
  .keyDGroup>div { width: 190px;  display: block;  margin: 0 auto;  text-align: center;   padding: 10px 0; }
  .keyDGroup>div+div {  border-left: none;  border-top: 3px solid #fff; }
  .keyDText {  font-weight: 400; }
  .achivedText { top: -50px; transform: translateY(0) translateX(-50%);  left: 50%; }
  .whatAchievbtmCont {  padding-top: 90px;  text-align: center;  font-size: 18px; }
  .welcomeSecInner {  padding-left: 15px; }
  .welComSeBoxCont {  font-size: 20px; }
  .welComSeBoxCont h1 {  font-size: 28px; }
  .anyQuestionCnt a, .anyQuestionCnt {  font-size: 16px; }
  .welcomeSecInnerLeft {  width: 240px; }
  .welcomeSecInnerRight {  right: -198px;   bottom: -40px; }
  .client-portalboxes {  display: block; }
  .client-portalboxes>div {  display: block;   width: 100%; }
  .clientThrTitle h4 {  font-size: 20px; }
  .dateTimeClient {  font-size: 16px; }
  .releaseNoteTTitle h4 {  font-size: 16px; }
  .relesenbTitle > span {  display: block; }
  .clientThreColInner > .button {  text-align: center; }
  .releasenBox:before {  left: 50%;  transform: translateX(-50%); }
  .client-portalboxes>div + div {   padding-top: 30px; }
  .clientPortalNav {  position: static; text-align: left; }
  .materialLibraryBInner {  padding-left: 10px;   padding-top: 113px; }
  .materialLibraryBannerSec { padding-top: 0; }
  .clientPortalNav ul li { width: 50%; margin-right: -4px; margin-left: 0; margin-bottom: 20px; }
  .matLibBannerleft { padding-bottom: 48px;  position: relative;  z-index: 2; }
  .matLiCont {  font-size: 13px;  padding-top: 10px;   width: 200px; }
  .matLibBannerright { position: absolute;  bottom: 0;  right: -40px;   width: 220px; }
  .selectMateriaCategoryList ul li { margin-left: 16px; margin-right: 16px } 
  .lmsBannerSec { padding-top: 60px;  padding-bottom: 60px; }
  .lmsBsN {  padding-top: 80px; }
  .lessonSubCont {  margin: 0 auto; }
  .lessonSubCont {  padding-bottom: 50px; }
  .WelcomebackSection {  padding-bottom: 50px }  
  .WelcomebackSection .clientPortalNav {  padding-top: 50px; }
  .releaseBlogPostMainBoxes>div {  display: block;  width: 100%;  margin-right: 0; }
  .releaseBlogPostRight .quickSearch {  display: none; }
  .releaseBlogPostRight {  padding-left: 0; }
  .blogBreadCrumb .bgBreadCrumbInnr ul li {   font-size: 15px; }
  .highIFirst>div { display: block; margin-right: 0;  width: 100%; }
  .highImpactBottomInner>div {  display: block;  width: 100%;  margin-right: 0; }
  .himleft {  height: 120px;  line-height: 120px; }
  .highIFirst > div + div {margin-top: 80px;}
  .highImpactBottomRIght {  padding-top: 0; }
  .highImpactBottomRIght>div {  display: block;  width: 100%;  margin-right: 0; }
  .highImpactBottomRIght>div {  padding-top: 60px; }
  .highImpactBottomRIght .himleft {   width: 250px;  display: block;  margin: 0 auto;  height: 70px;  line-height: 63px; }
  .higInxs p { display: none; }
  .hsV {  display: none; }

  .highImpctBox {  width: 150px;   height: 150px;  line-height: 150px;  padding: 0; }
  .highImpctBox:after {  height: 100%;}
  .higInxs h2 {   font-size: 17px; }
  .higInxs {  width: 100%; }
/*   .highImpactLeft img { transform: scale(1.56); } */
  .highImpactLeft {  width: 250px; }
  .highImpactRight {   width: calc(100% - 250px); right: 0  }
  table.summaryTable { display: none; }
  .Specs { display: none; }
  .summaryBoxMobile {text-align: center;}
  .summarySpecParent {  padding-bottom: 0; }
  .summaryBoxMobile label {  cursor: pointer;  font-weight: 700;  font-size: 15px; }
  .summaryBoxMobile label:after {content: '';background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.556' height='15.556' viewBox='0 0 15.556 15.556'%3E%3Cpath d='M0,0H11L0,11Z' transform='translate(7.778 15.556) rotate(-135)' fill='%2315115e'/%3E%3C/svg%3E");width: 15px;height: 15px;background-position: center center;background-size: 15px 15px;display: inline-block;background-repeat: no-repeat;margin-left: 10px;}
  .summaryBoxMobile label {  margin-bottom: 15px;  display: inherit; }
  .summaryBoxMobile ul {  display: inline-block; }
  .summaryBoxMobile ul li {  padding: 5px 10px;  margin: 10px 0; font-size: 14px; }
  .summaryBoxMobile > div + div {  margin-top: 40px; }
  .formatName label {  font-size: 20px; }
  ul.formatList {  font-size: 20px; }
  .tabletSimplicityS {  padding-top: 40px; }
  ul.environmentList li {  cursor: pointer; }
  .formatList li {  cursor: pointer; }
  .specTitle { font-size: 20px; font-weight: 500; }
  .Specs > div:not(:first-child) {  text-align: left; }
  .Specs > div > span:first-child {  font-size: 20px;  font-weight: 500;  width: calc(100% - 55px);  display: inline-block;  vertical-align: bottom;  margin-right: -4px; }
  .Specs > div > span:last-child {  font-size: 16px;  width: 55px;  display: inline-block;  vertical-align: bottom;  text-align: right;  margin-bottom: -4px; }
  .Specs > div + div {  padding-top: 20px; }
  .Specs>div>span:first-child {  position: relative; }
  .Specs>div>span:first-child > span {  position: relative;  z-index: 2;  background-color: #fff;  padding-right: 10px; }
  .Specs>div>span:first-child:after {content: '';position: absolute;bottom: 5px;left: 0;width: 100%;height: 1px;background-color: #15115e;}
  .summaryBoxMobile li.selected { font-weight: 500 } 
  .GlobalCont { font-size: 22px }
  .caseStudySliderSec  { padding-top: 50px; padding-bottom: 50px; }
  .learningZoneInner { padding-left: 15px }
  .vioohExchangeSec .vioohAutomateRight { padding-right: 0 }
  .downloadTable { width: 100%;  }
  .deskopImage { display: none }
  .vioohBxMains .vhBxMS:nth-child(2n) {  padding-left: 0; }
  .vioohBxMains .vhBxMS:nth-child(2) {  margin-top: 45px; }
  .vioohBxMains .vhBxMS:last-child {  padding-right: 0; }
  .newAboutColMainSec { padding-top: 40px; }
  .abColBoxes>div { display: block; width: 100%; margin-right: 0; }
  .abCOlBrightS { padding-left: 0; padding-top: 30px; }
  .abColBLeftS { text-align: center; }
  .urExperInner>div { width: 100%; display: block; margin-right: 0; }
  .urExperLeft {  padding-right: 0; }
  .urExperRight {  padding-left: 0; margin-top: 30px; }
  .urExperienceBxSec:before {  display: none; }
  .urExperInner .urExperLeft {  background-color: #9369EE;  width: calc(100% + 40px);  margin-left: -20px;  padding-left: 20px;   padding-right: 20px; }
  .growth-col-sec-img img {  transform: none; }
  .growth-colsec-inner {  display: block; }
  .growth-colsec-inner>div {  width: 100%;  text-align: center; margin: 0; }
  .growthcol-content {    margin: 0 auto; }
  .new-team-slider-bx { display: block; }
  .new-team-slider-bx>div { width: 100%; }
  .new-team-slider-img { padding-left: 0; }
  .new-team-slider-img img {  width: 100%; }
  .new-team-title { text-align: center; } 
  .new-team-slider-right {padding: 20px 0 40px;} 
  .new-our-valueinner:before { left: 50%; top: 0;transform: translate(-50%, 0); }
  .new-our-valueinner>div { width: 100%;text-align: center; }
  .newourvalue-content {  margin: 0 auto; }
  .new-our-valuesec {  overflow: hidden; }
  .diversity-inclusion {  padding-right: 0;  width: 100%; }
  .diversity-inclusion-right-img {  width: 250px;  margin-left: auto;  margin-right: auto; }
  .newCareerSecTV4 .insideVioohBannerInner .insideVioohBRight {  width: 100%;   position: relative; }
  .newCareerSecTV4 { padding-bottom: 50px }
  
}

@media (max-width:600px ) {
  .empSli .slick-prev { left: 20px; }
  .empSli .slick-next { right: 20px; }
  .empMainS { padding: 0; margin: 0 -20px; }
  .empSliderImgBg {  height: 200px;      transform: scale(1); }
  .empSBox {  width: 170px;  height: 170px;  line-height: 170px;   margin-top: -50px; }
  .empsInnrB {  font-size: 20px; }
  .empSBox:before {  border: 2px solid #00c299; }
  .empSli .ArrowStyle2 button.slick-prev.slick-arrow, .empSli .ArrowStyle2 button.slick-next.slick-arrow {  top: 100px; }
  .mp0-20 { padding-left: 20px; padding-right: 20px }
  .ArrowStyle2 button.slick-prev.slick-arrow, .ArrowStyle2 button.slick-next.slick-arrow {  width: 24px;   height: 24px; }
  .ctaSliderLeft { padding-left: 45px }
  .ctaSliderLeft { width: 210px; }
  .ctaSliderRight {  width: calc(100% - 210px); }
  .cSliderTitle {  width: 195px; }
  .cSliderCont {  font-size: 12px; }
  .insideVioohBannerInner > div { display: block;  width: 100%; }
  .insideVioohBRight img { transform: none; }
  .insideVioohBRight {  margin-top: -30px; top: 0; }
  .insideVioohBannerSec {  padding-top: 90px;  padding-bottom: 30px; }
  .learningZoneLeft {  width: 250px; }
  .creativeSpecInner {  position: relative; }
  .creativeSpecLeft { width: 250px;   padding-right: 0; }
  .creativeSpecRight {  position: absolute;  width: 150px;  right: -40px;  top: 50%;  transform: translateY(-50%); }
  .creativeTagText {  font-size: 12px;  font-weight: 400;  padding-bottom: 49px; }
  .creativeCTA {  padding-top: 37px; }
  .releaseNoteBlogBannerSec {  position: relative;  overflow: hidden; }
  .releaseBlogRight { position: absolute;  top: 40px; right: -50px; width: 190px; }
  .releaseNoteBlogBannerSec {   padding-top: 140px;   padding-bottom: 40px; }
  .releaseBlogLeft {   width: 190px; }
  .csInnerBtCont { font-size: 13px }  
  .releaseBlogLeft {  padding-bottom: 40px; }
  .clientPortalNav ul li a:before {  width: 15px; height: 15px; }
  .clientPortalNav ul li a { font-size: 14px;  padding-left: 28px;  display: block; }
  .empTopSlider .slick-current.slick-active .empSliderImgBg {  transform: scale(1);  height: 250px;   padding-bottom: 100%; }
  .empSliderInnr {  padding-left: 0;    padding-right: 0; }
  .empSli .ArrowStyle2 button.slick-prev.slick-arrow, .empSli .ArrowStyle2 button.slick-next.slick-arrow {   top: 163px; }
  .currentOpeningSec {  padding-top: 50px; padding-bottom: 50px; }
  .jobListMain {  padding-top: 20px; }
  .jobListInner {  padding-left: 10px;  padding-right: 10px; }
  .jobListInner>div {  display: block;  margin-right: 0;  width: 100%; }
  .jlRight {  padding-top: 10px; }
}

@media (max-width:480px ) {
  .reachRelavnceLeft {  width: 130px; height: 130px;  line-height: 130px; right: -11px; }
  .reachRelevanceSec:after {  top: 0;  right: -183px;; }
  .reachRelavnceTitle, .rRelavnceTopContent {  width: calc(100% - 145px); }
  .rRelavnceBottomCont { padding-top: 40px }
  .vioohBlogBLeft { padding-left: 30px; }
  .vioohBlogTag { font-size: 12px; }
  .vioohBlogInnerBanner .vioohBlogBLeft {   width: 200px; }
  .vioohButtons .button a {  font-size: 13px; }
  .vioohButtons>div {  margin-right: 0;  display: block; }
  .vioohBlogInnerBanner .vioohBlogBRight {  width: calc(100% - 200px);  padding-top: 30px; }
  .vioohBlogInnerBanner {  position: relative; }
  .vioohBlogInnerBanner .vioohBlogBRight {  position: absolute;  left: 55%;  width: 100%; }
  .vioohBlogBanner {  overflow: hidden; }
  .vioohBlogInnerBanner .vioohBlogBLeft { width: 55%  }
  .vioohBlogBLeft { padding-left: 20px }
  .altSliderParent { padding: 0; position: relative; }
  .altSliderBox {  padding-top: 100px;  padding-bottom: 50px; }
  .altBannerSliderLeft {width: 260px;}
  .altBannerSliderRight {  position: absolute;  right: -40% !important; top: 50%;  transform: translateY(-50%);  left: inherit;  }
  .altBannerSliderRight img {  transform: scale(1);  transform-origin: left center; }
  .altBannerContent {  padding-right: 30px; }
  .AltbannerSection2 .altSliderParent .altBannerSliderLeft {  padding-top: 0; }
  .AltbannerSection2 .altBannerSliderTag {  padding-bottom: 35px; }
  .AltbannerSection2 .altSliderParent .altBannerSliderRight {  width: 200px;  left: inherit;  right: -20% !important;  top: -22px;  transform: translateY(0); }
  .AltbannerSection2 .altSliderParent .altBannerSliderLeft {  width: 245px; padding-left: 0 }
  .creativeSpecRight { right: -70px }
  .creativeSpecLeft {  width: 220px;  padding-left: 15px; }
  span.svgCircle {  width: 180px;  height: 180px; }
  .himRight {  height: 180px;  width: 180px;  line-height: 180px; }
  .himleft {  width: 75px; }
/*   
  .highImpactLeft {   width: 100px; }
  .highImpactRight {  width: calc(100% - 100px); } */
  .highImpactLeft img {   transform: scale(1.2);  transform-origin: top; }
  .highImpctBox {  width: 130px;  height: 130px; line-height: 130px;  padding: 0; }
  .highImpactRight { width: 130px; }
  .highImpactLeft {   width: calc(100% - 190px); }
  .downloadFormBox { padding-left: 0; padding-right: 0 }
  #closeBn { position:relative; right: 15px; }
  
}





@media(max-width: 991px){
  html { font-size: 16px; }
  form input[type="radio"]+span:before, form input[type="checkbox"]+span:before {  height: 17px;  width: 17px;   border-width: 1px;   line-height: 15px; }

}


  
.lazy-background {
  background-image: none !important;
  background-color: #F1F1FA;
}

@media (max-width: 767px){
  .media_buyers_Sec .buyerRight{
    top: -95px;
    right: 30px;
  }
  .media_buyers_Sec .buyersLeft {
    padding-top: 40px;
  }
  .media_buyers_Sec {
    padding: 90px 0 50px 0px;
    margin: 20px auto;
    overflow: visible;
  }
}

#hs_cos_wrapper_viooh-blog-hero-2022 .viooh-blog-hero-2022{
  margin-bottom:0px !important;
}